@ds-autonomie/web-components 2.19.0 → 2.20.0

package/dist/chunks/{chunk.WSQ2ZYD4.js → chunk.JC4UHPES.js}

@@ -1,9 +1,9 @@
 import {
   FormToggleButton
-} from "./chunk.4535HZ7L.js";
+} from "./chunk.YGUB43LS.js";
 import {
   DSACheckboxGroup
-} from "./chunk.SGPAUD26.js";
+} from "./chunk.RPOIITDC.js";
 import {
   removeAttributeIfPresent,
   setAttributeIfDifferent

package/dist/chunks/{chunk.UC5S2IUH.js → chunk.JLAQUWWF.js}

@@ -16,7 +16,7 @@ var navbar_styles_default = css`
   :host([mobile]) .navbar__list {
     flex-direction: column;
   }
-  :host([mobile]) nav,
+
   :host([mobile]) ::slotted(*) {
     width: 100%;
   }

package/dist/chunks/{chunk.T6OAGTAP.js → chunk.JTUO6EOR.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.LYVWDO7O.js → chunk.K43LRQVK.js}

@@ -1,6 +1,6 @@
 import {
   menu_item_styles_default
-} from "./chunk.64EGGLHL.js";
+} from "./chunk.QWPEXQZX.js";
 import {
   DSATooltip
 } from "./chunk.ELOLGOFM.js";
@@ -30,6 +30,7 @@ var DSAMenuItem = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
     this.hasSlotController = new HasSlotController(this, "prefix");
+    this.cachedTextLabel = "";
     this.type = "button";
     this.size = "medium";
     this.disabled = false;
@@ -49,12 +50,11 @@ var DSAMenuItem = class extends ShoelaceElement {
     super.disconnectedCallback();
     this.removeEventListener("click", this.handleHostClick);
   }
+  firstUpdated() {
+    this.cachedTextLabel = this.getTextLabel();
+  }
   handleDefaultSlotChange() {
     const textLabel = this.getTextLabel();
-    if (typeof this.cachedTextLabel === "undefined") {
-      this.cachedTextLabel = textLabel;
-      return;
-    }
     if (textLabel !== this.cachedTextLabel) {
       this.cachedTextLabel = textLabel;
       this.emit("slotchange", {
@@ -88,6 +88,7 @@ var DSAMenuItem = class extends ShoelaceElement {
   }
   render() {
     const tag = this.type === "link" ? literal`a` : literal`button`;
+    const textLabel = this.cachedTextLabel || this.getTextLabel();
     if (this.collapsed && !this.hasSlotController.test("prefix")) {
       return html``;
     }
@@ -113,7 +114,7 @@ var DSAMenuItem = class extends ShoelaceElement {
           aria-current=${ifDefinedAndNotEmpty(this.current)}
           aria-expanded=${ifDefined(this.expanded)}
           tabindex=${ifDefined(this.disabled ? "-1" : void 0)}
-          aria-label=${ifDefined(this.collapsed ? this.getTextLabel() : void 0)}
+          aria-label=${ifDefined(this.collapsed ? textLabel : void 0)}
         >
           <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
 
@@ -125,7 +126,7 @@ var DSAMenuItem = class extends ShoelaceElement {
 
           <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
         </${tag}>         
-        <span slot="content" aria-hidden="true">${this.getTextLabel()}</span> 
+        <span slot="content" aria-hidden="true">${textLabel}</span>
       </dsa-tooltip>
     `;
   }

package/dist/chunks/{chunk.WFACPRM5.js → chunk.K64V2XZO.js}

@@ -39,10 +39,14 @@ var DSARangeSlider = class extends ShoelaceElement {
     this.updateSliderBackground(this.fromSlider, this.toSlider);
     this.setToSliderThumbInReach();
   }
+  getRangeDistance() {
+    const rangeDistance = Number(this.max) - Number(this.min);
+    return rangeDistance === 0 ? 1 : rangeDistance;
+  }
   updateSliderBackground(from, to) {
     const sliderColor = "var(--dsa-wc-range-slider-background)";
     const rangeColor = this.disabled ? "var(--dsa-wc-range-slider-disabled-background)" : "var(--dsa-wc-range-slider-selected-background)";
-    const rangeDistance = Number(this.max) - Number(this.min);
+    const rangeDistance = this.getRangeDistance();
     const fromPosition = (Number(from.value) - Number(this.min)) / rangeDistance * 100;
     const toPosition = (Number(to.value) - Number(this.min)) / rangeDistance * 100;
     to.style.background = `linear-gradient(

package/dist/chunks/{chunk.2AMILV3O.js → chunk.KNXPRETW.js}

@@ -26,7 +26,7 @@ import {
 } from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -39,13 +39,14 @@ import {
 
 // src/components/navbar-menu/navbar-menu.ts
 import { html } from "lit";
-import { customElement, property, query } from "lit/decorators.js";
+import { customElement, property, query, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 var DSANavbarMenu = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
     this.hasSlotController = new HasSlotController(this, "label");
     this.localize = new LocalizeController(this);
+    this.slotLabelText = "";
     this.open = false;
     this.mobile = false;
   }
@@ -120,6 +121,22 @@ var DSANavbarMenu = class extends ShoelaceElement {
   handleMenuButtonKeyDown(event) {
     this.handleDocumentKeyDown(event);
   }
+  handleLabelSlotChange(event) {
+    const slot = event.target;
+    const label = slot.assignedNodes({ flatten: true }).map((node) => {
+      var _a;
+      return (_a = node.textContent) != null ? _a : "";
+    }).join("").trim();
+    if (this.slotLabelText !== label) {
+      this.slotLabelText = label;
+    }
+  }
+  getDesktopLabel(hasSlotLabel) {
+    if (hasSlotLabel) {
+      return this.slotLabelText || this.label;
+    }
+    return this.label;
+  }
   async handleOpenChange() {
     if (this.open) {
       this.emit("dsa-show");
@@ -195,7 +212,10 @@ var DSANavbarMenu = class extends ShoelaceElement {
                 ` : ""}
 
             <span class="navbar-menu__button__label">
-              <slot name="label" class="navbar-menu__button__label"
+              <slot
+                name="label"
+                class="navbar-menu__button__label"
+                @slotchange=${this.handleLabelSlotChange}
                 >${this.label}</slot
               >
             </span>
@@ -240,9 +260,11 @@ var DSANavbarMenu = class extends ShoelaceElement {
         >
           <span
             class="navbar-menu__button__label"
-            data-content="${hasSlotLabel ? this.querySelector('[slot="label"]').innerText : this.label}"
+            data-content="${this.getDesktopLabel(hasSlotLabel)}"
           >
-            <slot name="label">${this.label}</slot>
+            <slot name="label" @slotchange=${this.handleLabelSlotChange}
+              >${this.label}</slot
+            >
           </span>
 
           <dsa-icon
@@ -270,6 +292,9 @@ __decorateClass([
 __decorateClass([
   query(".navbar-menu__body")
 ], DSANavbarMenu.prototype, "body", 2);
+__decorateClass([
+  state()
+], DSANavbarMenu.prototype, "slotLabelText", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], DSANavbarMenu.prototype, "open", 2);

package/dist/chunks/{chunk.6Q5DARJM.js → chunk.L5HLKFQW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.JOKI53P2.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.6BCJJGLC.js → chunk.LKSUU7CF.js}

@@ -24,7 +24,7 @@ import {
 } from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.5SH25FOL.js → chunk.LN7NDCQU.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.5NSAEDEE.js → chunk.M2QIFDAP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.FX2CWZWY.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.UHF3BDIM.js → chunk.M2RDCDKZ.js}

@@ -1,6 +1,6 @@
 import {
   input_base_styles_default
-} from "./chunk.EWMFHVNW.js";
+} from "./chunk.UOJ4QKLP.js";
 
 // src/components/input-date/input-date.styles.ts
 import { css } from "lit";
@@ -60,7 +60,6 @@ var input_date_styles_default = css`
 
   .date-anchor {
     display: flex;
-    flex-direction: row;
     align-items: center;
     justify-content: space-between;
   }

package/dist/chunks/{chunk.GSSDOCVR.js → chunk.M5L3DDVW.js}

@@ -1,15 +1,15 @@
 import {
   tab_styles_default
 } from "./chunk.Q3SL7AWD.js";
-import {
-  setAttributeIfDifferent
-} from "./chunk.PSYTLBRK.js";
 import {
   DSAIconButton
-} from "./chunk.WNESPUKK.js";
+} from "./chunk.MWPOWC6N.js";
 import {
   LocalizeController
 } from "./chunk.34HS7ICN.js";
+import {
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.GUKOZGE3.js → chunk.MJ6DIYWF.js}

@@ -1,6 +1,6 @@
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.WNESPUKK.js → chunk.MWPOWC6N.js}

@@ -1,6 +1,6 @@
 import {
   icon_button_styles_default
-} from "./chunk.QEXDSP5Y.js";
+} from "./chunk.47CX6JJX.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";
@@ -102,7 +102,7 @@ var DSAIconButton = class extends ShoelaceElement {
         aria-disabled=${ifDefined(this.disabled && isLink ? "true" : void 0)}
         aria-pressed=${ifDefined(this.toggle ? this.pressed : void 0)}
         aria-label=${ifDefinedAndNotEmpty(this.label)}
-        aria-describedby="description"
+        aria-describedby=${ifDefined(this.description ? "description" : void 0)}
         tabindex=${this.disableTabIndex || this.disabled ? "-1" : "0"}
         @blur=${this.handleBlur}
         @focus=${this.handleFocus}

package/dist/chunks/{chunk.YKL22V4E.js → chunk.N2V4KI76.js}

@@ -1,6 +1,6 @@
 import {
   footer_sitemap_styles_default
-} from "./chunk.JVIWPP43.js";
+} from "./chunk.IEYQPZRM.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";

package/dist/chunks/{chunk.YMBSK45L.js → chunk.NBEDK6M4.js}

@@ -81,6 +81,7 @@ var page_header_styles_default = css`
   .tags {
     display: flex;
     gap: var(--dsa-spacing-12);
+    flex-wrap: wrap;
   }
 
   .text-second-line {
@@ -106,6 +107,7 @@ var page_header_styles_default = css`
   .actions {
     display: flex;
     gap: var(--dsa-spacing-16);
+    flex-wrap: wrap;
   }
 
   /* 

package/dist/chunks/{chunk.WJFVQRWU.js → chunk.NC6NNDYD.js}

@@ -1,6 +1,6 @@
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.XMBQRPGX.js → chunk.NGEL5LW3.js}

@@ -1,19 +1,19 @@
 import {
   DSAInternalRadioIcon
-} from "./chunk.GUKOZGE3.js";
+} from "./chunk.MJ6DIYWF.js";
 import {
   DSAInternalCheckboxBox
-} from "./chunk.WJFVQRWU.js";
-import {
-  removeAttributeIfPresent,
-  setAttributeIfDifferent
-} from "./chunk.PSYTLBRK.js";
+} from "./chunk.NC6NNDYD.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.TCW77JY3.js → chunk.NIBZO5CG.js}

@@ -3,16 +3,16 @@ import {
   numberToFrAmount,
   parseFrAmount,
   roundToStep
-} from "./chunk.ODOHKR6J.js";
+} from "./chunk.QHEMM3XC.js";
 import {
   InputBase
-} from "./chunk.WMFEJDPX.js";
+} from "./chunk.DE3HY2DW.js";
 import {
   input_amount_styles_default
-} from "./chunk.6LLDVH7Y.js";
+} from "./chunk.C7XR6TIW.js";
 import {
   DSAIconButton
-} from "./chunk.WNESPUKK.js";
+} from "./chunk.MWPOWC6N.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
@@ -45,23 +45,24 @@ var DSAInputAmount = class extends InputBase {
     super.valueAsNumber = newValue;
   }
   handleChange() {
-    if (this.input.value === "" || this.input.value === "-") {
+    const inputValue = this.input.value;
+    if (inputValue === "" || inputValue === "-") {
       this.input.value = "";
       return;
     }
-    const parsedValue = parseFrAmount(this.input.value);
+    const safeStep = this.getSafeStep();
+    const parsedValue = parseFrAmount(inputValue);
     const parsedMin = parseFloat(`${this.min}`);
     const parsedMax = parseFloat(`${this.max}`);
-    this.input.value = numberToFrAmount(
-      roundToStep(parsedValue, this.getSafeStep())
-    );
-    if (!isNaN(parsedMin) && parsedValue < parsedMin) {
-      this.input.value = numberToFrAmount(this.min);
-    }
-    if (!isNaN(parsedMax) && parsedValue > parsedMax) {
-      this.input.value = numberToFrAmount(this.max);
+    let newValue = roundToStep(parsedValue, safeStep);
+    if (!isNaN(parsedMin) && newValue < parsedMin) {
+      newValue = parsedMin;
+    } else if (!isNaN(parsedMax) && newValue > parsedMax) {
+      newValue = parsedMax;
     }
-    this.value = this.input.value.replace(",", ".");
+    const formattedValue = numberToFrAmount(newValue);
+    this.input.value = formattedValue;
+    this.value = formattedValue.replace(",", ".");
     this.emit("dsa-change");
   }
   handleInput() {
@@ -70,25 +71,26 @@ var DSAInputAmount = class extends InputBase {
     this.emit("dsa-input");
   }
   handleKeyDown(event) {
-    if (event.key === "Dead") {
+    const eventKey = event.key;
+    if (eventKey === "Dead") {
       this.input.blur();
       setTimeout(() => this.input.focus());
     }
-    if (isInvalidAmountKey(event) || event.key === "-" && this.input.selectionStart !== null && this.input.selectionStart > 0 || event.key === "," && this.input.value.includes(",")) {
+    const selectionStart = this.input.selectionStart;
+    if (isInvalidAmountKey(event) || eventKey === "-" && selectionStart !== null && selectionStart > 0 || eventKey === "," && this.input.value.includes(",")) {
       event.preventDefault();
       return;
     }
-    if (event.key === "ArrowDown") {
+    const isArrowDown = eventKey === "ArrowDown";
+    const isArrowUp = eventKey === "ArrowUp";
+    if (isArrowDown) {
       this.stepDown();
-    }
-    if (event.key === "ArrowUp") {
+    } else if (isArrowUp) {
       this.stepUp();
     }
-    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-      const inputEvent = new Event("input", { bubbles: true });
-      const changeEvent = new Event("change", { bubbles: true });
-      this.input.dispatchEvent(inputEvent);
-      this.input.dispatchEvent(changeEvent);
+    if (isArrowDown || isArrowUp) {
+      this.input.dispatchEvent(new Event("input", { bubbles: true }));
+      this.input.dispatchEvent(new Event("change", { bubbles: true }));
     }
     super.handleKeyDown(event);
   }
@@ -97,19 +99,16 @@ var DSAInputAmount = class extends InputBase {
       return this.step;
     }
     const parsedStep = parseFloat(`${this.step}`);
-    if (isNaN(parsedStep) || parsedStep === 0) {
-      return 1;
-    } else {
-      return parsedStep;
-    }
+    return isNaN(parsedStep) || parsedStep === 0 ? 1 : parsedStep;
   }
   adjustAmountValue(direction) {
     const safeStep = this.getSafeStep();
-    const numberStep = new Big(safeStep === "any" ? 1 : safeStep);
-    const parsedValue = new Big(parseFrAmount(this.input.value));
-    const newValue = direction === "up" ? parsedValue.plus(numberStep).toNumber() : parsedValue.minus(numberStep).toNumber();
-    this.input.value = numberToFrAmount(newValue);
-    this.value = this.input.value.replace(",", ".");
+    const stepValue = new Big(safeStep === "any" ? 1 : safeStep);
+    const currentValue = new Big(parseFrAmount(this.input.value));
+    const newValue = (direction === "up" ? currentValue.plus(stepValue) : currentValue.minus(stepValue)).toNumber();
+    const formattedValue = numberToFrAmount(newValue);
+    this.input.value = formattedValue;
+    this.value = formattedValue.replace(",", ".");
   }
   /** Increments the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter. */
   stepUp() {
@@ -128,14 +127,24 @@ var DSAInputAmount = class extends InputBase {
     return this.input.reportValidity() && this.checkAmountValidity();
   }
   checkAmountValidity() {
-    if (this.value === "") {
+    const value = this.value;
+    if (value === "") {
       return true;
     }
-    const parsedValue = parseFloat(this.value);
+    const parsedValue = parseFloat(value);
+    if (isNaN(parsedValue)) {
+      return false;
+    }
     const parsedMin = parseFloat(`${this.min}`);
+    if (!isNaN(parsedMin) && parsedValue < parsedMin) {
+      return false;
+    }
     const parsedMax = parseFloat(`${this.max}`);
+    if (!isNaN(parsedMax) && parsedValue > parsedMax) {
+      return false;
+    }
     const safeStep = this.getSafeStep();
-    return !isNaN(parsedValue) && (isNaN(parsedMin) || parsedValue >= parsedMin) && (isNaN(parsedMax) || parsedValue <= parsedMax) && (safeStep === "any" || roundToStep(parsedValue, safeStep) === parsedValue);
+    return safeStep === "any" || roundToStep(parsedValue, safeStep) === parsedValue;
   }
   renderInput() {
     var _a, _b;

package/dist/chunks/{chunk.CKJJ4MSU.js → chunk.NJQ6BFQQ.js}

@@ -6,6 +6,10 @@ import {
 import {
   icon_styles_default
 } from "./chunk.LMJPQPQT.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -102,13 +106,13 @@ var DSAIcon = class extends ShoelaceElement {
     if (!(this.svg instanceof SVGElement)) return;
     const hasLabel = typeof this.label === "string" && this.label.length > 0;
     if (hasLabel) {
-      this.svg.setAttribute("role", "img");
-      this.svg.setAttribute("aria-label", this.label);
-      this.svg.removeAttribute("aria-hidden");
+      setAttributeIfDifferent(this.svg, "role", "img");
+      setAttributeIfDifferent(this.svg, "aria-label", this.label);
+      removeAttributeIfPresent(this.svg, "aria-hidden");
     } else {
-      this.svg.removeAttribute("role");
-      this.svg.removeAttribute("aria-label");
-      this.svg.setAttribute("aria-hidden", "true");
+      removeAttributeIfPresent(this.svg, "role");
+      removeAttributeIfPresent(this.svg, "aria-label");
+      setAttributeIfDifferent(this.svg, "aria-hidden", "true");
     }
   }
   handleLabelChange() {

package/dist/chunks/{chunk.SAQFLKP7.js → chunk.NPMNFNR7.js}

@@ -1,10 +1,6 @@
 import {
   option_styles_default
 } from "./chunk.LLOSO7FC.js";
-import {
-  removeAttributeIfPresent,
-  setAttributeIfDifferent
-} from "./chunk.PSYTLBRK.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";
@@ -13,7 +9,11 @@ import {
 } from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.34BCRRRT.js → chunk.NTKYNRVQ.js}

@@ -1,6 +1,6 @@
 import {
   file_upload_item_styles_default
-} from "./chunk.RU7L7OSM.js";
+} from "./chunk.ESWLZEFC.js";
 import {
   renderFormElementErrors
 } from "./chunk.6QDM5FUA.js";
@@ -30,6 +30,7 @@ var DSAFileUploadItem = class extends ShoelaceElement {
     this.size = "medium";
     this.error = false;
     this.errorMessage = "";
+    this.labelText = "";
   }
   connectedCallback() {
     super.connectedCallback();
@@ -41,8 +42,12 @@ var DSAFileUploadItem = class extends ShoelaceElement {
     event.stopPropagation();
     this.emit("dsa-clear");
   }
-  handleDefaultSlotChange() {
-    this.labelText = this.innerText;
+  handleDefaultSlotChange(event) {
+    const slot = event.target;
+    this.labelText = slot.assignedNodes({ flatten: true }).map((node) => {
+      var _a;
+      return (_a = node.textContent) != null ? _a : "";
+    }).join("").trim();
   }
   render() {
     var _a;

package/dist/chunks/{chunk.4E2FKC3C.js → chunk.ORK75RRY.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.UQ7ZIOBO.js → chunk.OUUFQTMX.js}

@@ -27,7 +27,7 @@ import {
 } from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.JBKNTRA7.js → chunk.PFPVUCRD.js}

@@ -1,6 +1,6 @@
 import {
   progress_ring_styles_default
-} from "./chunk.KIN7BJ2S.js";
+} from "./chunk.TILFUJJ2.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
@@ -27,14 +27,27 @@ var DSAProgressRing = class extends ShoelaceElement {
   }
   requestUpdate(name, oldValue, options) {
     super.requestUpdate(name, oldValue, options);
-    if (name === "value" && this.indicator) {
-      const radius = parseFloat(
-        getComputedStyle(this.indicator).getPropertyValue("r")
-      );
-      const circumference = 2 * Math.PI * radius;
+    if (name === "size") {
+      this.indicatorCircumference = void 0;
+    }
+    if ((name === "value" || name === "size") && this.indicator) {
+      const circumference = this.getIndicatorCircumference();
       const offset = circumference - this.value / 100 * circumference;
-      this.indicatorOffset = `${offset}px`;
+      const nextOffset = `${offset}px`;
+      if (this.indicatorOffset !== nextOffset) {
+        this.indicatorOffset = nextOffset;
+      }
+    }
+  }
+  getIndicatorCircumference() {
+    if (this.indicatorCircumference !== void 0) {
+      return this.indicatorCircumference;
     }
+    const radius = parseFloat(
+      getComputedStyle(this.indicator).getPropertyValue("r")
+    );
+    this.indicatorCircumference = 2 * Math.PI * radius;
+    return this.indicatorCircumference;
   }
   render() {
     if (!this.label) {