@duetds/components 7.1.2 → 7.1.3

package/hydrate/index.js

@@ -6138,18 +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) {
-  setTimeout(() => {
-    const el = document.createElement("template");
-    component.element.appendChild(el);
-    el.remove();
-  }, 10);
-}
-
 const colorWarning = "rgb(247, 178, 40)";
 const colorGrayDarker = "rgb(101, 119, 135)";
 const colorGrayLighter = "rgb(245, 248, 250)";
@@ -6669,7 +6657,6 @@ class DuetActionButton {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelsDefaults" });
@@ -6815,7 +6802,6 @@ class DuetAlert {
     if (this.autoDismiss) {
       this.timeoutID = setTimeout(() => this.handleDismiss(), this.autoDismiss);
     }
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelDefaults" });
@@ -6920,7 +6906,6 @@ class DuetBadge {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -6978,7 +6963,6 @@ class DuetBanner {
     this.hasActionSlot = !!this.element.querySelector('[slot="action"]');
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -7044,7 +7028,6 @@ class DuetBreadcrumb {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this);
@@ -7220,7 +7203,6 @@ class DuetButton {
     }
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     this.proxyButton = document.createElement("button");
@@ -7406,7 +7388,6 @@ class DuetCallout {
     this.hasAuthorSlot = !!this.element.querySelector('[slot="author"]');
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -7455,7 +7436,6 @@ class DuetCaption {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -7545,7 +7525,6 @@ class DuetCard {
     this.hasFooter = !!this.element.querySelector("[slot='footer']");
   }
   componentDidLoad() {
-    nudge(this);
   }
   renderHeading() {
     const safeHeadingLevel = sanitizeString$1(this.headingLevel);
@@ -7695,7 +7674,6 @@ class DuetCheckbox {
     }
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * Sets focus on the specified `duet-checkbox`. Use this method instead of the global
@@ -7951,7 +7929,6 @@ class DuetChip {
     this.popupSetUp();
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * Sets focus. Use this method instead of the global focus().
@@ -8163,7 +8140,6 @@ class DuetChoice {
     this.hasBeforeText = hasSlot(this.element, "before-text");
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, [
@@ -8453,18 +8429,18 @@ class DuetChoiceGroup {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * Local methods
    */
   async updateChoices() {
+    var _a;
     /**
      * Make sure we get all choices first so values are up to date prior
      * to caching the choice group value
      */
     const choices = this.getChoices();
-    const { value } = this;
+    const value = (_a = this.value) !== null && _a !== void 0 ? _a : this.element.getAttribute("value");
     let hasChecked = false;
     // Walk the DOM in reverse order, since the last selected one wins
     for (const choice of choices) {
@@ -8536,7 +8512,7 @@ class DuetChoiceGroup {
   }; }
 }
 
-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>"};
+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 color_warning = "rgb(247, 178, 40)";
 const color_gray_darker = "rgb(101, 119, 135)";
@@ -8690,12 +8666,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$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_medium = "'(min-width: 48em)'";
+const media_query_large = "'(min-width: 62em)'";
+const media_query_xx_large = "'(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$1 = "'(min-width: 36em)'";
+const media_query_small = "'(min-width: 36em)'";
 const media_query_xx_small = "'(max-width: 22.5em)'";
 var tokens = {
 	color_warning: color_warning,
@@ -8850,12 +8826,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$1,
-	media_query_large: media_query_large$1,
-	media_query_xx_large: media_query_xx_large$1,
+	media_query_medium: media_query_medium,
+	media_query_large: media_query_large,
+	media_query_xx_large: media_query_xx_large,
 	media_query_x_small: media_query_x_small,
 	media_query_xxx_small: media_query_xxx_small,
-	media_query_small: media_query_small$1,
+	media_query_small: media_query_small,
 	media_query_xx_small: media_query_xx_small
 };
 
@@ -9013,12 +8989,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$1,
-  media_query_large: media_query_large$1,
-  media_query_xx_large: media_query_xx_large$1,
+  media_query_medium: media_query_medium,
+  media_query_large: media_query_large,
+  media_query_xx_large: media_query_xx_large,
   media_query_x_small: media_query_x_small,
   media_query_xxx_small: media_query_xxx_small,
-  media_query_small: media_query_small$1,
+  media_query_small: media_query_small,
   media_query_xx_small: media_query_xx_small,
   'default': tokens
 });
@@ -9101,7 +9077,6 @@ class DuetCollapsible {
     this.hasAfterHeading = hasSlot(this.element, "after-heading");
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * Sets focus on the specified `duet-collapsible`. Use this method instead of the global
@@ -9126,7 +9101,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$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))));
+      }, 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))));
   }
   get element() { return getElement(this); }
   static get style() { return duetCollapsibleCss; }
@@ -9583,7 +9558,6 @@ class DuetContactCard {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this);
@@ -9657,7 +9631,6 @@ class DuetCookieConsent {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function.
@@ -10243,7 +10216,6 @@ class DuetDatePicker {
     this.updateInternalValue();
   }
   componentDidLoad() {
-    nudge(this);
   }
   componentDidUpdate() {
     // we want to run this code _after_ render
@@ -10583,7 +10555,6 @@ class DuetEditableTable {
     this.hasFootSlot = !!this.element.querySelector("[slot='tfoot']");
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this);
@@ -10726,7 +10697,6 @@ class DuetEmptyState {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -10788,7 +10758,6 @@ class DuetFieldset {
     this.checkHasTooltip();
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -10924,7 +10893,6 @@ class DuetFooter {
       ;
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, {
@@ -10998,11 +10966,6 @@ 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 duetGridCss = ".sc-duet-grid-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-grid-variation-flex.sc-duet-grid-h{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;width:100%;max-width:100%;height:auto}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}@media (max-width: 22.5em){.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}}.duet-grid-variation-flex.duet-grid-wrap.sc-duet-grid-h{flex-wrap:wrap !important}.duet-grid-variation-flex.duet-no-stacking.sc-duet-grid-h{flex-direction:row !important}.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse.sc-duet-grid-h{flex-direction:row-reverse !important}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h{align-items:baseline !important}.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:center !important}.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:stretch !important}.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small.sc-duet-grid-h{align-items:baseline !important}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:center !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 36em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:center !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 48em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 62em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 64.0625em){.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:baseline !important}}.duet-grid-variation-flex.duet-grid-distribution-left.sc-duet-grid-h{justify-content:flex-start !important}.duet-grid-variation-flex.duet-grid-distribution-right.sc-duet-grid-h{justify-content:flex-end !important}.duet-grid-variation-flex.duet-grid-distribution-center.sc-duet-grid-h{justify-content:center !important}.duet-grid-variation-flex.duet-grid-distribution-between.sc-duet-grid-h{justify-content:space-between !important}.duet-grid-variation-flex.duet-grid-distribution-around.sc-duet-grid-h{justify-content:space-around !important}.duet-grid-variation-flex.duet-grid-distribution-evenly.sc-duet-grid-h{justify-content:space-evenly !important}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-left.sc-duet-grid-h{align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h{align-items:center !important;justify-content:center !important;text-align:center !important}.duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid{text-align:center !important}}@media (max-width: 35.9375em){.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h{align-items:flex-end !important;justify-content:flex-end !important;text-align:right !important}.duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid{text-align:right !important}}.duet-grid-variation-grid.sc-duet-grid-h{display:grid;grid-template-rows:repeat(1, 1fr);grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px;align-items:flex-start;justify-content:center;margin:0 20px}@media (min-width: 36em){.duet-grid-variation-grid.sc-duet-grid-h{gap:24px;margin:0 40px}}@media (min-width: 48em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(8, 55px);gap:24px 32px;margin:0 auto}}@media (min-width: 62em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, minmax(0, 1fr));margin:0 64px}}@media (min-width: 76.25em){.duet-grid-variation-grid.sc-duet-grid-h{grid-template-columns:repeat(12, 55px);gap:40px;margin:0 auto}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s>*{grid-column:3/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s>*{grid-column:2/span 10}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s>*{grid-column:1/span 12}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s>:nth-child(2){grid-column:9/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s>:nth-child(2){grid-column:5/span 8}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(2){grid-column:5/span 4}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s>:nth-child(2){grid-column:7/span 6}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(1){grid-column:1/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(2){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(2){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(2){grid-column:5/span 4}}.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3){grid-column:1/span 4}@media (min-width: 48em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3){grid-column:1/span 8}}@media (min-width: 62em){.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s>:nth-child(3){grid-column:9/span 4}}";
 
 function isGridItem(element) {
@@ -11431,8 +11394,6 @@ 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 : ""}` },
@@ -11724,7 +11685,6 @@ class DuetHeader {
     this.refresh();
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     for (let i = 0; i < this.mql.length; i++) {
@@ -12074,7 +12034,6 @@ class DuetHeading {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -12188,7 +12147,6 @@ class DuetHero {
     this.refresh();
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, {
@@ -12381,7 +12339,6 @@ class DuetIcon {
     this.loadIcon();
   }
   componentDidLoad() {
-    nudge(this);
   }
   async loadIcon() {
     // static icon known at build-time, so we can set it synchronously
@@ -12741,7 +12698,6 @@ class DuetInput {
         this.isPasswordRevealed = false;
       });
     }
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this);
@@ -12922,7 +12878,6 @@ class DuetLabel {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -13042,6 +12997,7 @@ const duetLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-link,*.sc-duet-link
 
 /**
  * @part duet-link - piercing selector for styling the link
+ * @part duet-link-content - piercing selector for styling the link content wrapper
  * @part block-chevron - piercing selector for styling the block chevron
  */
 class DuetLink {
@@ -13071,7 +13027,6 @@ class DuetLink {
     this.initMediaQuery();
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, {
@@ -13104,7 +13059,7 @@ class DuetLink {
     this.isSmallScreen = event.matches;
   }
   renderContent() {
-    return (hAsync(Fragment, null, hAsync("span", { class: "duet-link-content" }, hAsync("slot", null)), Build.isBrowser  ));
+    return (hAsync(Fragment, null, hAsync("span", { class: "duet-link-content", part: "duet-link-content" }, hAsync("slot", null)), Build.isBrowser  ));
   }
   renderGrid() {
     return (hAsync(Fragment, null, this.icon && (hAsync("span", { class: "block__icon" }, hAsync("duet-icon", { size: this.iconResponsive ? (this.isSmallScreen ? "medium" : "large") : "x-small", name: this.icon, margin: "none", color: this.iconColor }))), hAsync("span", { class: "block__content" }, this.renderContent()), hAsync("span", { class: "block__chevron", part: "block-chevron" }, hAsync("duet-icon", { class: "block__chevron-icon", icon: actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
@@ -13593,7 +13548,6 @@ class DuetMenuBarButton {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     this.changeIconSize();
@@ -13712,7 +13666,6 @@ class DuetMenuBarDropdown {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     this.changeIconSize();
@@ -13810,7 +13763,6 @@ class DuetMenuBarDropdownLink {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   handleEscape(e) {
     if (isEscapeKey(e)) {
@@ -13879,7 +13831,6 @@ class DuetMenuBarLink {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     this.changeIconSize();
@@ -14136,7 +14087,6 @@ class DuetModal {
       this.open = true;
       this.modalEl.classList.add("duet-disable-transitions");
     }
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleCloseLabel", defaults: "accessibleCloseLabelDefaults" });
@@ -14419,7 +14369,6 @@ class DuetMultiselect {
     this.refresh();
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this);
@@ -14567,7 +14516,6 @@ class DuetNotification {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleLabelUnread", defaults: "accessibleLabelUnreadDefaults" });
@@ -14657,7 +14605,6 @@ class DuetNotificationDrawer {
     this.updateNotificationState();
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     this.observer = new MutationObserver(this.updateNotificationState);
@@ -15056,7 +15003,6 @@ class DuetNumberInput {
     }
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, [
@@ -15178,7 +15124,6 @@ class DuetPageHeading {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -15357,7 +15302,6 @@ class DuetPagination {
   }
   componentDidLoad() {
     this.firstRenderDone = true;
-    nudge(this);
   }
   componentWillRender() {
     if (this.internalSectionIndex !== 0 && this.internalSectionIndex !== this.totalPages) {
@@ -15622,7 +15566,6 @@ class DuetParagraph {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -17119,7 +17062,6 @@ class DuetPopupMenuItem {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * Sets focus. Use this method instead of the global focus().
@@ -17200,7 +17142,6 @@ class DuetProgress {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleLabelUpload", defaults: "accessibleLabelUploadDefaults" });
@@ -17271,7 +17212,6 @@ class DuetPromoCard {
     this.hasActionSlot = !!this.element.querySelector('[slot="action"]');
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -17513,7 +17453,6 @@ class DuetRadioGroup {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * Local methods.
@@ -17665,7 +17604,6 @@ class DuetRangeSlider {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * Sets focus on the specified `duet-range-slider`. Use this method instead of the global
@@ -17822,7 +17760,6 @@ class DuetRangeStepper {
   }
   componentDidLoad() {
     this.watchStepIndexStateHandler(this.stepIndex);
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "ariaLabels", defaults: "ariaLabelsDefaults" });
@@ -17977,7 +17914,6 @@ class DuetScrollable {
   }
   componentDidLoad() {
     this.resizeObserver.observe(this.tabListElement);
-    nudge(this);
   }
   disconnectedCallback() {
     this.resizeObserver.disconnect();
@@ -18261,7 +18197,6 @@ class DuetSelect {
     this.refresh();
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * Sets focus on the specified `duet-select`. Use this method instead of the global
@@ -18475,7 +18410,6 @@ class DuetShowMore {
     this.buttonAriaOpen = this.open;
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, [
@@ -18713,7 +18647,6 @@ class DuetSlideoutLang {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this);
@@ -18766,7 +18699,6 @@ class DuetSlideoutLink {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -18860,7 +18792,6 @@ class DuetSlideoutPanel {
     this.updateLabel();
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this);
@@ -18966,7 +18897,6 @@ class DuetSlideoutPanelDropdown {
     });
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * Sets focus. Use this method instead of the global focus().
@@ -19145,7 +19075,6 @@ class DuetStep {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * Programmatically shift focus to the step's heading.
@@ -19254,7 +19183,6 @@ class DuetStepper {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   async connectedCallback() {
     this.updateStepState();
@@ -19398,7 +19326,6 @@ class DuetSubmenuBar {
     }
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     this.nav = document.querySelector("duet-nav > [slot='mobile']");
@@ -19521,7 +19448,6 @@ class DuetSubmenuBarDropdown {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     this.checkIsDesktop();
@@ -19618,7 +19544,6 @@ class DuetSubmenuBarDropdownLink {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   handleEscape(e) {
     if (isEscapeKey(e)) {
@@ -19689,7 +19614,6 @@ class DuetSubmenuBarLink {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     this.changeIconSize();
@@ -19761,7 +19685,6 @@ class DuetTab {
    * Component lifecycle events.
    */
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleDescription", defaults: "accessibleDescriptionDefault" });
@@ -19911,7 +19834,6 @@ class DuetTabGroup {
   }
   componentDidLoad() {
     this.scrollToActive();
-    nudge(this);
   }
   /**
    * This method allows you to open any of the tabs by calling the method and
@@ -20303,7 +20225,6 @@ class DuetTextarea {
     }
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * Sets focus on the specified `duet-textarea`. Use this method instead of the global
@@ -20434,7 +20355,6 @@ class DuetToggle {
     }
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * Sets focus on the specified `duet-toggle`. Use this method instead of the global
@@ -20571,7 +20491,6 @@ class DuetToolbarDropdown {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   handleEscape(e) {
     if (isEscapeKey(e)) {
@@ -20644,7 +20563,6 @@ class DuetToolbarDropdownLink {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   handleEscape(e) {
     if (isEscapeKey(e)) {
@@ -20701,7 +20619,6 @@ class DuetToolbarLink {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -20827,7 +20744,6 @@ class DuetTooltip {
     }
     this.intersectionObserver = new IntersectionObserver(this.updatePlacement, { root: document.body });
     this.intersectionObserver.observe(this.element);
-    nudge(this);
   }
   componentDidUpdate() {
     switch (this.focusTarget) {
@@ -20975,7 +20891,6 @@ class DuetTooltipButton {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   async setFocus(options) {
     if (this.buttonElement) {
@@ -21048,7 +20963,6 @@ class DuetTooltipPopup {
     this.teleport = new Teleport(this.element);
   }
   componentDidLoad() {
-    nudge(this);
   }
   async getArrowElement() {
     return this.arrowEl;
@@ -21145,7 +21059,6 @@ class DuetTray {
     this.hasAdditionalContent = !!this.element.querySelector("[slot='additional']");
   }
   componentDidLoad() {
-    nudge(this);
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, [
@@ -22210,7 +22123,6 @@ class DuetUpload {
     this.externalUploadButton = document.querySelector(`#${this.externalUploadButtonId}`);
   }
   componentDidLoad() {
-    nudge(this);
   }
   componentWillRender() {
     // listen to the events from the component
@@ -22564,7 +22476,6 @@ class DuetUploadAriaStatus {
    * Component lifecycle events.
    */
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function
@@ -22609,6 +22520,8 @@ const formatBytes = (bytes, decimals = 2) => {
   return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
 };
 
+const duetUploadItemCss = ".file-link::part(duet-link){text-decoration:none}";
+
 class DuetUploadItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -22645,7 +22558,6 @@ class DuetUploadItem {
     inheritGlobalTheme(this);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * focusActionButton.
@@ -22669,7 +22581,7 @@ class DuetUploadItem {
       case "failure":
         return (hAsync("span", { class: "duet-upload-item-error", role: "status" }, hAsync("duet-paragraph", { class: "duet-upload-item-name", color: "danger", margin: "none", weight: "semi-bold" }, hAsync("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }), hAsync("duet-spacer", { size: "xx-small", direction: "horizontal" }), name), hAsync("duet-paragraph", { class: "duet-upload-item-error-label", size: "small", margin: "none", color: "danger" }, getI18nError(error.type, this.errorCodes))));
       default:
-        return uploaded && url && this.showLinks ? (hAsync("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" }, hAsync("duet-link", { onClick: this.onLinkClick, url: url, external: true }, ContentName), hAsync("duet-spacer", { size: "xx-small", direction: "horizontal" }), SizeText)) : (hAsync("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" }, ContentName, hAsync("duet-spacer", { size: "xx-small", direction: "horizontal" }), SizeText));
+        return uploaded && url && this.showLinks ? (hAsync("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" }, hAsync("duet-link", { class: "file-link", onClick: this.onLinkClick, url: url }, ContentName), hAsync("duet-spacer", { size: "xx-small", direction: "horizontal" }), SizeText)) : (hAsync("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" }, ContentName, hAsync("duet-spacer", { size: "xx-small", direction: "horizontal" }), SizeText));
     }
   }
   render() {
@@ -22683,6 +22595,7 @@ class DuetUploadItem {
     }))));
   }
   get element() { return getElement(this); }
+  static get style() { return duetUploadItemCss; }
   static get cmpMeta() { return {
     "$flags$": 0,
     "$tagName$": "duet-upload-item",
@@ -22712,7 +22625,6 @@ class DuetVisuallyHidden {
     registerInstance(this, hostRef);
   }
   componentDidLoad() {
-    nudge(this);
   }
   /**
    * render() function