@ds-autonomie/web-components 2.18.0 → 2.20.0

package/dist/chunks/{chunk.JEWVIFAO.js → chunk.24VWWARJ.js}

@@ -1,6 +1,9 @@
 import {
   DSADivider
 } from "./chunk.QGI766JC.js";
+import {
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";
@@ -39,7 +42,7 @@ var DSAHeaderExternalLink = class extends ShoelaceElement {
   connectedCallback() {
     super.connectedCallback();
     if (!this.hasAttribute("role")) {
-      this.setAttribute("role", "listitem");
+      setAttributeIfDifferent(this, "role", "listitem");
     }
   }
   render() {

package/dist/chunks/{chunk.JFAQ5QOI.js → chunk.25TWOP6P.js}

@@ -1,18 +1,18 @@
 import {
   DSAInput
-} from "./chunk.T3CLPVPE.js";
+} from "./chunk.IRBKALXJ.js";
 import {
   filter_counter_styles_default
 } from "./chunk.YSCXTTQZ.js";
 import {
   FilterBase
-} from "./chunk.X6SEIMM4.js";
+} from "./chunk.IRPNCLE5.js";
 import {
   DSAButton
-} from "./chunk.UNDVQ2N3.js";
+} from "./chunk.B6XSS23Y.js";
 import {
   DSAIconButton
-} from "./chunk.WNESPUKK.js";
+} from "./chunk.MWPOWC6N.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -31,6 +31,12 @@ var DSAFilterCounter = class extends FilterBase {
     this.value = "";
     this.defaultValue = "";
   }
+  get hasMinBound() {
+    return this.min !== void 0;
+  }
+  get hasMaxBound() {
+    return this.max !== void 0;
+  }
   connectedCallback() {
     super.connectedCallback();
     this.tempValue = this.value === "" ? this.defaultValue : this.value;
@@ -42,7 +48,7 @@ var DSAFilterCounter = class extends FilterBase {
   handleDecrease() {
     if (this.tempValue === "") {
       this.tempValue = this.defaultValue !== "" ? this.defaultValue : "0";
-    } else if (!this.min || parseFloat(this.tempValue) > this.min) {
+    } else if (!this.hasMinBound || parseFloat(this.tempValue) > this.min) {
       this.tempValue = `${parseFloat(this.tempValue) - 1}`;
       this.emit("dsa-input");
     }
@@ -50,7 +56,7 @@ var DSAFilterCounter = class extends FilterBase {
   handleIncrease() {
     if (this.tempValue === "") {
       this.tempValue = this.defaultValue !== "" ? this.defaultValue : "0";
-    } else if (!this.max || parseFloat(this.tempValue) < this.max) {
+    } else if (!this.hasMaxBound || parseFloat(this.tempValue) < this.max) {
       this.tempValue = `${parseFloat(this.tempValue) + 1}`;
       this.emit("dsa-input");
     }
@@ -90,7 +96,7 @@ var DSAFilterCounter = class extends FilterBase {
           size="xlarge"
           label=${this.localize.term("decrease")}
           @click=${this.handleDecrease}
-          ?disabled=${this.min && parseFloat(this.tempValue) <= this.min}
+          ?disabled=${this.hasMinBound && parseFloat(this.tempValue) <= this.min}
           class="filter__decrease"
           library="system"
         ></dsa-icon-button>
@@ -109,7 +115,7 @@ var DSAFilterCounter = class extends FilterBase {
           size="xlarge"
           label=${this.localize.term("increase")}
           @click=${this.handleIncrease}
-          ?disabled=${this.max && parseFloat(this.tempValue) >= this.max}
+          ?disabled=${this.hasMaxBound && parseFloat(this.tempValue) >= this.max}
           class="filter__increase"
           library="system"
         ></dsa-icon-button>
@@ -137,7 +143,7 @@ var DSAFilterCounter = class extends FilterBase {
                 size="small"
                 @click=${this.handleSubmit}
                 class="filter__submit"
-                ?disabled=${this.min && parseFloat(this.tempValue) < this.min || this.max && parseFloat(this.tempValue) > this.max}
+                ?disabled=${this.hasMinBound && parseFloat(this.tempValue) < this.min || this.hasMaxBound && parseFloat(this.tempValue) > this.max}
               >
                 ${this.localize.term("validate")}
               </dsa-button>

package/dist/chunks/{chunk.TZZRAR42.js → chunk.2GJ46J7Q.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.M362UNDB.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.JKNKFWLE.js → chunk.2I4VZQYC.js}

@@ -17,6 +17,11 @@ import { customElement, property } from "lit/decorators.js";
 var DSAMutationObserver = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
+    this.handleMutation = (mutationList) => {
+      this.emit("dsa-mutation", {
+        detail: { mutationList }
+      });
+    };
     this.attrOldValue = false;
     this.charData = false;
     this.charDataOldValue = false;
@@ -25,7 +30,6 @@ var DSAMutationObserver = class extends ShoelaceElement {
   }
   connectedCallback() {
     super.connectedCallback();
-    this.handleMutation = this.handleMutation.bind(this);
     this.mutationObserver = new MutationObserver(this.handleMutation);
     if (!this.disabled) {
       this.startObserver();
@@ -34,11 +38,6 @@ var DSAMutationObserver = class extends ShoelaceElement {
   disconnectedCallback() {
     this.stopObserver();
   }
-  handleMutation(mutationList) {
-    this.emit("dsa-mutation", {
-      detail: { mutationList }
-    });
-  }
   startObserver() {
     const observeAttributes = typeof this.attr === "string" && this.attr.length > 0;
     const attributeFilter = observeAttributes && this.attr !== "*" ? this.attr.split(" ") : void 0;

package/dist/chunks/{chunk.WHHYA5VY.js → chunk.34HS7ICN.js}

@@ -73,6 +73,8 @@ var translation = {
   showExpandedTableRowHeader: "Afficher les d\xE9tails des lignes du tableau",
   showExpandedTableRow: "Afficher d\xE9tails",
   hideExpandedTableRow: "Masquer d\xE9tails",
+  reorderTableRowsHeader: "R\xE9organiser les lignes du tableau. Activez le mode formulaire pour utiliser les boutons de r\xE9organisation. Utilisez la touche ESPACE ou ENTR\xC9E sur les boutons pour activer la r\xE9organisation. Utilisez les fl\xE8ches HAUT et BAS pour r\xE9organiser la ligne. Utilisez la touche ESPACE ou ENTR\xC9E pour valider la nouvelle position de la ligne. Quittez le mode formulaire pour naviguer entre les autres \xE9l\xE9ments du tableau.",
+  startReorderTableRow: "R\xE9organiser la ligne",
   cnsaFooterLogoLabel: "Service public de l'autonomie",
   openAll: "Tout ouvrir",
   closeAll: "Tout fermer",
@@ -256,6 +258,8 @@ var translation2 = {
   showExpandedTableRowHeader: "Show details of table rows",
   showExpandedTableRow: "Show details",
   hideExpandedTableRow: "Hide details",
+  reorderTableRowsHeader: "Reorder table rows. Activate form mode to use the rearrange buttons. Press the SPACE or ENTER key on the buttons to activate rearranging. Use the UP and DOWN arrow keys to rearrange the row. Press the SPACE or ENTER key to confirm the new row position. Exit form mode to navigate between other table elements.",
+  startReorderTableRow: "Reorder row",
   cnsaFooterLogoLabel: "Service public de l'autonomie",
   openAll: "Open all",
   closeAll: "Close all",

package/dist/chunks/{chunk.7OLEA3GQ.js → chunk.3D7AGBFQ.js}

@@ -1,5 +1,10 @@
 // src/components/input-mask/input-mask.utils.ts
+import { html } from "lit";
 var specialCharPattern = /[^a-zA-Z0-9#?_]+/g;
+var specialCharMatcher = /[^a-zA-Z0-9#?_]/;
+var alphaCharPattern = /[A-Z]/i;
+var digitCharPattern = /\d/;
+var maskCharsCache = /* @__PURE__ */ new Map();
 var normalCharPattern = /^[_A-z0-9]*((-)*[_A-z0-9])*$/;
 var maskOptions = {
   allChar: "_",
@@ -7,50 +12,46 @@ var maskOptions = {
   alphaChar: "?LaA"
 };
 function keepMaskChars(word) {
-  return word.replace(/[^_#dDmMyYaA09?L]+/g, "");
+  let maskChars = maskCharsCache.get(word);
+  if (maskChars === void 0) {
+    maskChars = word.replace(/[^_#dDmMyYaA09?L]+/g, "");
+    maskCharsCache.set(word, maskChars);
+  }
+  return maskChars;
 }
 function stripSpecialChars(word) {
   return word.replace(specialCharPattern, "");
 }
 function isSpecialChar(word) {
-  return word.match(specialCharPattern) !== null;
+  return specialCharMatcher.test(word);
 }
 function rawValueToMaskedValue(rawValue, mask) {
-  const explodedValue = [...rawValue];
-  const explodedMask = [...mask];
-  let valueIndex = 0;
   let maskedValue = "";
-  explodedMask.every((character) => {
-    if (explodedValue.length === 0) {
-      return false;
-    }
-    const isCharSpecial = isSpecialChar(character);
-    if (!isCharSpecial) {
-      maskedValue += explodedValue[valueIndex];
-      valueIndex++;
-    } else {
-      maskedValue += character;
+  for (let maskIndex = 0, valueIndex = 0; maskIndex < mask.length; maskIndex++) {
+    if (valueIndex >= rawValue.length) {
+      break;
     }
-    if (valueIndex === explodedValue.length) {
-      return false;
+    const maskCharacter = mask[maskIndex];
+    if (isSpecialChar(maskCharacter)) {
+      maskedValue += maskCharacter;
+      continue;
     }
-    return true;
-  });
+    maskedValue += rawValue[valueIndex];
+    valueIndex++;
+  }
   return maskedValue;
 }
-var BASE_RADIX = 10;
 function maskedValueToRawValue(value, mask) {
   let rawValue = "";
   const maskControl = keepMaskChars(mask);
-  for (let maskIndex = 0, valueIndex = 0; maskIndex < maskControl.length; ++maskIndex) {
-    if (value[valueIndex] === void 0) {
-      return rawValue;
-    }
-    const valueCharMatchesMaskAny = maskOptions.allChar.indexOf(maskControl[maskIndex]) >= 0;
-    const valueCharMatchesMaskNumber = isFinite(parseInt(value[valueIndex], BASE_RADIX)) && maskOptions.numericChar.indexOf(maskControl[maskIndex]) >= 0;
-    const valueCharMatchesMaskLetter = value[valueIndex].match(/[A-Z]/i) && maskOptions.alphaChar.indexOf(maskControl[maskIndex]) >= 0;
+  for (let maskIndex = 0, valueIndex = 0; maskIndex < maskControl.length && valueIndex < value.length; ++maskIndex) {
+    const valueChar = value[valueIndex];
+    const maskChar = maskControl[maskIndex];
+    const valueCharMatchesMaskAny = maskOptions.allChar.indexOf(maskChar) >= 0;
+    const valueCharMatchesMaskNumber = digitCharPattern.test(valueChar) && maskOptions.numericChar.indexOf(maskChar) >= 0;
+    const valueCharMatchesMaskLetter = alphaCharPattern.test(valueChar) && maskOptions.alphaChar.indexOf(maskChar) >= 0;
     if (valueCharMatchesMaskAny || valueCharMatchesMaskLetter || valueCharMatchesMaskNumber) {
-      rawValue += value[valueIndex];
+      rawValue += valueChar;
       ++valueIndex;
     } else {
       break;
@@ -58,6 +59,30 @@ function maskedValueToRawValue(value, mask) {
   }
   return rawValue;
 }
+function buildValidityState(inputValidity, patternMatch) {
+  return {
+    badInput: inputValidity.badInput,
+    customError: inputValidity.customError,
+    patternMismatch: patternMatch === false,
+    rangeOverflow: inputValidity.rangeOverflow,
+    rangeUnderflow: inputValidity.rangeUnderflow,
+    stepMismatch: inputValidity.stepMismatch,
+    tooLong: inputValidity.tooLong,
+    tooShort: inputValidity.tooShort,
+    typeMismatch: inputValidity.typeMismatch,
+    valid: patternMatch !== void 0 ? patternMatch : inputValidity.valid,
+    valueMissing: inputValidity.valueMissing
+  };
+}
+function renderMaskOverlay(maskedValue, fullPlaceholder, cssPrefix) {
+  const remaining = fullPlaceholder.substring(maskedValue.length);
+  return html`
+    <div class="${cssPrefix}__placeholder" aria-hidden="true">
+      <span class="${cssPrefix}__value" aria-hidden="true">${maskedValue}</span>
+      ${remaining}
+    </div>
+  `;
+}
 var IBANTestValues = [
   "AD1400080001001234567890",
   "AT483200000012345864",
@@ -231,6 +256,8 @@ export {
   stripSpecialChars,
   rawValueToMaskedValue,
   maskedValueToRawValue,
+  buildValidityState,
+  renderMaskOverlay,
   IBANTestValues,
   BICTestValues,
   NIRTestValues

package/dist/chunks/{chunk.QEXDSP5Y.js → chunk.47CX6JJX.js}

@@ -158,7 +158,6 @@ var icon_button_styles_default = css`
   /* Tertiary */
   .icon-button--tertiary {
     background-color: var(--dsa-wc-button-tertiary-on-base-color);
-    border: none;
     color: var(--dsa-wc-button-tertiary-on-base-font-color);
   }
   .icon-button--tertiary:hover:not(.icon-button--disabled) {
@@ -199,22 +198,18 @@ var icon_button_styles_default = css`
   /* Default */
   .icon-button--default {
     background-color: var(--dsa-wc-button-navigation-on-base-color);
-    border-color: transparent;
     color: var(--dsa-wc-button-navigation-on-base-font-color);
   }
   .icon-button--default:hover:not(.icon-button--disabled) {
     background-color: var(--dsa-wc-button-navigation-on-base-hover-color);
-    border-color: transparent;
     color: var(--dsa-wc-button-navigation-on-base-hover-font-color);
   }
   .icon-button--default:active:not(.icon-button--disabled) {
     background-color: var(--dsa-wc-button-navigation-on-base-active-color);
-    border-color: transparent;
     color: var(--dsa-wc-button-navigation-on-base-active-font-color);
   }
   .icon-button--default.icon-button--disabled {
     background-color: var(--dsa-wc-button-navigation-on-base-disabled-color);
-    border-color: transparent;
     color: var(--dsa-wc-button-navigation-on-base-disabled-font-color);
   }
 

package/dist/chunks/{chunk.CQR34TNY.js → chunk.4AUOO4K2.js}

@@ -20,8 +20,8 @@ var footer_styles_default = css`
     flex-direction: column;
     align-items: center;
     background: var(--dsa-wc-footer-background);
-    padding-block: var(--dsa-wc-footer-padding-y);
-    padding-inline: var(--internal-footer-padding-inline);
+    padding: var(--dsa-wc-footer-padding-y)
+      var(--internal-footer-padding-inline);
   }
 
   [part~='footer-top'],
@@ -36,22 +36,17 @@ var footer_styles_default = css`
 
   /* Dividers */
   dsa-divider {
-    --spacing-start: var(--dsa-wc-footer-divider-spacing);
-    --spacing-end: var(--dsa-wc-footer-divider-spacing);
-  }
-
-  .footer-top-divider {
-    display: none;
-  }
-
-  .footer--has-top-section .footer-top-divider {
-    display: block;
+    --spacing: var(--dsa-wc-footer-divider-spacing);
+    --spacing-start: var(--spacing);
+    --spacing-end: var(--spacing);
   }
 
+  .footer-top-divider,
   .footer-center-divider {
     display: none;
   }
 
+  .footer--has-top-section .footer-top-divider,
   .footer--has-center-section .footer-center-divider {
     display: block;
   }
@@ -104,7 +99,8 @@ var footer_styles_default = css`
   }
 
   .footer--desktop [part~='base'] {
-    padding-block: var(--dsa-wc-footer-medium-padding-y);
+    padding: var(--dsa-wc-footer-medium-padding-y)
+      var(--internal-footer-padding-inline);
   }
 
   .footer--desktop [part~='footer-top'] {

package/dist/chunks/{chunk.VHSA53PH.js → chunk.4FZPTWZ7.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   DSAIconButton
-} from "./chunk.WNESPUKK.js";
+} from "./chunk.MWPOWC6N.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.AFSUKPIV.js → chunk.4JMXY2WI.js}

@@ -1,9 +1,9 @@
 import {
   DSARadioGroup
-} from "./chunk.ABJLUGLR.js";
+} from "./chunk.CZC3DHY6.js";
 import {
   FormToggleButton
-} from "./chunk.SLXERY4H.js";
+} from "./chunk.YGUB43LS.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -22,7 +22,9 @@ var DSARadioButton = class extends FormToggleButton {
     if (this.disabled || this.readonly || this.parentDisabled || this.parentReadonly) {
       return;
     }
-    this.checked = true;
+    if (!this.checked) {
+      this.checked = true;
+    }
   }
   handleDeactivatedChange() {
     const parent = this.parentElement;

package/dist/chunks/{chunk.MPV4OPIK.js → chunk.4K6WZ7K7.js}

@@ -1,6 +1,9 @@
 import {
   tab_panel_styles_default
 } from "./chunk.S3E2SSO2.js";
+import {
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -27,11 +30,14 @@ var DSATabPanel = class extends ShoelaceElement {
   }
   connectedCallback() {
     super.connectedCallback();
-    this.id = this.id.length > 0 ? this.id : this.componentId;
-    this.setAttribute("role", "tabpanel");
+    if (!this.id) {
+      this.id = this.componentId;
+    }
+    setAttributeIfDifferent(this, "role", "tabpanel");
   }
   handleActiveChange() {
-    this.setAttribute("aria-hidden", this.active ? "false" : "true");
+    const ariaHidden = this.active ? "false" : "true";
+    setAttributeIfDifferent(this, "aria-hidden", ariaHidden);
   }
   render() {
     return html`

package/dist/chunks/{chunk.ZZ67C4V2.js → chunk.5S6P5V3F.js}

@@ -1,9 +1,13 @@
 import {
   radio_styles_default
-} from "./chunk.ANOLAL4B.js";
+} from "./chunk.BUGXYS34.js";
 import {
   DSAInternalRadioIcon
-} from "./chunk.GUKOZGE3.js";
+} from "./chunk.MJ6DIYWF.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -36,10 +40,11 @@ var DSARadio = class extends ShoelaceElement {
     this.handleClick = this.handleClick.bind(this);
     this.handleFocus = this.handleFocus.bind(this);
     this.addEventListeners();
-    this.setAttribute("role", "radio");
+    setAttributeIfDifferent(this, "role", "radio");
   }
   disconnectedCallback() {
     this.removeEventListeners();
+    super.disconnectedCallback();
   }
   addEventListeners() {
     this.addEventListener("blur", this.handleBlur);
@@ -66,13 +71,17 @@ var DSARadio = class extends ShoelaceElement {
     this.emit("dsa-focus");
   }
   handleCheckedChange() {
-    this.setAttribute("aria-checked", this.checked ? "true" : "false");
+    setAttributeIfDifferent(
+      this,
+      "aria-checked",
+      this.checked ? "true" : "false"
+    );
   }
   handleDeactivatedChange() {
     if (this.disabled || this.readonly || this.parentDisabled || this.parentReadonly) {
-      this.setAttribute("aria-disabled", "true");
+      setAttributeIfDifferent(this, "aria-disabled", "true");
     } else {
-      this.removeAttribute("aria-disabled");
+      removeAttributeIfPresent(this, "aria-disabled");
     }
   }
   render() {