@ds-autonomie/web-components 2.5.0 → 2.6.0

package/cdn/chunks/{chunk.J5KWVZHL.js → chunk.R5RWEWJW.js}

@@ -1,48 +1,42 @@
 import {
   DSASelect
-} from "./chunk.SS3GSU3M.js";
+} from "./chunk.PU3TNGX6.js";
+import {
+  frenchNumberPrefix,
+  phonePrefixOptions
+} from "./chunk.RJXLIOW7.js";
 import {
   getPhoneConfig
 } from "./chunk.YKKP7YAT.js";
 import {
   input_phone_styles_default
 } from "./chunk.M3TRPPPZ.js";
-import {
-  frenchNumberPrefix,
-  phonePrefixOptions
-} from "./chunk.RJXLIOW7.js";
 import {
   maskedValueToRawValue,
   rawValueToMaskedValue,
   stripSpecialChars
 } from "./chunk.7OLEA3GQ.js";
 import {
-  FormControlLayout
-} from "./chunk.E73QKLNL.js";
+  InputBase
+} from "./chunk.YGJ3KERC.js";
 import {
   l
 } from "./chunk.7PPSHHT2.js";
 import {
-  defaultValue
-} from "./chunk.YY5FKN3H.js";
-import {
-  FormControlController
-} from "./chunk.3NWILHZZ.js";
+  ifDefinedAndNotEmpty
+} from "./chunk.B6GVVW66.js";
 import {
   LocalizeController
 } from "./chunk.CAMVBH5H.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
-import {
-  ifDefinedAndNotEmpty
-} from "./chunk.B6GVVW66.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
   e as e2
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   e,
   n,
@@ -57,14 +51,10 @@ import {
 } from "./chunk.4ZGVANML.js";
 
 // src/components/input-phone/input-phone.ts
-var DSAInputPhone = class extends FormControlLayout {
+var DSAInputPhone = class extends InputBase {
   constructor() {
     super(...arguments);
-    this.formControlController = new FormControlController(this, {
-      assumeInteractionOn: ["dsa-blur", "dsa-input"]
-    });
     this.localize = new LocalizeController(this);
-    this.hasFocus = false;
     this.maskedNumber = "";
     this.phoneConfig = getPhoneConfig("+33");
     this.placeholder = this.phoneConfig.placeholder;
@@ -72,8 +62,6 @@ var DSAInputPhone = class extends FormControlLayout {
     this.value = "";
     this.phonePrefix = "+33";
     this.phoneNumber = "";
-    this.defaultValue = "";
-    this.clearable = false;
     this.inputPrefix = "";
     this.placement = "bottom-start";
   }
@@ -85,27 +73,20 @@ var DSAInputPhone = class extends FormControlLayout {
       patternMatch = matches !== null;
     }
     const validityState = {
-      badInput: this.inputEl.validity.badInput,
-      customError: this.inputEl.validity.customError,
+      badInput: this.input.validity.badInput,
+      customError: this.input.validity.customError,
       patternMismatch: !patternMatch,
-      rangeOverflow: this.inputEl.validity.rangeOverflow,
-      rangeUnderflow: this.inputEl.validity.rangeUnderflow,
-      stepMismatch: this.inputEl.validity.stepMismatch,
-      tooLong: this.inputEl.validity.tooLong,
-      tooShort: this.inputEl.validity.tooShort,
-      typeMismatch: this.inputEl.validity.typeMismatch,
-      valid: patternMatch !== void 0 ? patternMatch : this.inputEl.validity.valid,
-      valueMissing: this.inputEl.validity.valueMissing
+      rangeOverflow: this.input.validity.rangeOverflow,
+      rangeUnderflow: this.input.validity.rangeUnderflow,
+      stepMismatch: this.input.validity.stepMismatch,
+      tooLong: this.input.validity.tooLong,
+      tooShort: this.input.validity.tooShort,
+      typeMismatch: this.input.validity.typeMismatch,
+      valid: patternMatch !== void 0 ? patternMatch : this.input.validity.valid,
+      valueMissing: this.input.validity.valueMissing
     };
     return validityState;
   }
-  /** Gets the validation message */
-  get validationMessage() {
-    return this.inputEl.validationMessage;
-  }
-  firstUpdated() {
-    this.formControlController.updateValidity();
-  }
   connectedCallback() {
     super.connectedCallback();
     this.defaultValue = this.value;
@@ -116,7 +97,7 @@ var DSAInputPhone = class extends FormControlLayout {
     );
   }
   handleDocumentKeyUp() {
-    const strippedValue = stripSpecialChars(this.inputEl.value);
+    const strippedValue = stripSpecialChars(this.input.value);
     const newValue = maskedValueToRawValue(
       strippedValue,
       this.phoneConfig.mask
@@ -124,7 +105,7 @@ var DSAInputPhone = class extends FormControlLayout {
     const maskedValue = rawValueToMaskedValue(newValue, this.placeholder);
     this.phoneNumber = newValue;
     this.maskedNumber = maskedValue;
-    this.inputEl.value = maskedValue;
+    this.input.value = maskedValue;
     this.updateValue();
     this.formControlController.updateValidity();
     this.emit("dsa-input");
@@ -177,28 +158,6 @@ var DSAInputPhone = class extends FormControlLayout {
       this.emit("dsa-change");
     }
   }
-  handleKeyDown(event) {
-    const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
-    if (event.key === "Enter" && !hasModifier) {
-      setTimeout(() => {
-        if (!event.defaultPrevented && !event.isComposing) {
-          this.formControlController.submit();
-        }
-      });
-    }
-  }
-  handleFocus() {
-    this.hasFocus = true;
-    this.emit("dsa-focus");
-  }
-  handleBlur() {
-    this.hasFocus = false;
-    this.emit("dsa-blur");
-  }
-  handleInvalid(event) {
-    this.formControlController.setValidity(false);
-    this.formControlController.emitInvalidEvent(event);
-  }
   // Clear Icon handlers
   handleClearIconClick(event) {
     this.phonePrefix = "+33";
@@ -206,7 +165,7 @@ var DSAInputPhone = class extends FormControlLayout {
     this.emit("dsa-clear");
     this.emit("dsa-input");
     this.emit("dsa-change");
-    this.inputEl.focus();
+    this.input.focus();
     event.stopPropagation();
   }
   getDescriptionIds() {
@@ -240,37 +199,10 @@ var DSAInputPhone = class extends FormControlLayout {
   handlePhoneChange() {
     this.updateValue();
   }
-  /** Sets focus on the input. */
-  focus(options) {
-    this.inputEl.focus(options);
-  }
-  /** Removes focus from the input. */
-  blur() {
-    this.inputEl.blur();
-  }
-  /** Selects all the text in the input. */
-  select() {
-    this.inputEl.select();
-  }
-  /** Sets the start and end positions of the text selection (0-based). */
-  setSelectionRange(selectionStart, selectionEnd, selectionDirection = "none") {
-    this.inputEl.setSelectionRange(
-      selectionStart,
-      selectionEnd,
-      selectionDirection
-    );
-  }
-  /** Replaces a range of text with a new string. */
-  setRangeText(replacement, start, end, selectMode) {
-    this.inputEl.setRangeText(replacement, start, end, selectMode);
-    if (this.phoneNumber !== this.inputEl.value) {
-      this.phoneNumber = this.inputEl.value;
-    }
-  }
   /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
   checkValidity() {
     var _a;
-    const isValidInput = (_a = this.inputEl) == null ? void 0 : _a.checkValidity();
+    const isValidInput = (_a = this.input) == null ? void 0 : _a.checkValidity();
     if (this.phoneNumber.length === 0) {
       return isValidInput != null ? isValidInput : false;
     }
@@ -278,14 +210,10 @@ var DSAInputPhone = class extends FormControlLayout {
     const patternMatch = matches !== null;
     return patternMatch;
   }
-  /** Gets the associated form, if one exists. */
-  getForm() {
-    return this.formControlController.getForm();
-  }
   /** Checks for validity and shows the browser's validation message if the control is invalid. */
   reportValidity() {
     var _a;
-    const isValidInput = (_a = this.inputEl) == null ? void 0 : _a.reportValidity();
+    const isValidInput = (_a = this.input) == null ? void 0 : _a.reportValidity();
     if (this.phoneNumber.length === 0) {
       return isValidInput != null ? isValidInput : false;
     }
@@ -293,11 +221,6 @@ var DSAInputPhone = class extends FormControlLayout {
     const patternMatch = matches !== null;
     return patternMatch;
   }
-  /** Sets a custom validation message. Pass an empty string to restore validity. */
-  setCustomValidity(message) {
-    this.inputEl.setCustomValidity(message);
-    this.formControlController.updateValidity();
-  }
   renderInput() {
     var _a;
     const hasLabelSlot = this.hasSlotController.test("label");
@@ -426,13 +349,10 @@ var DSAInputPhone = class extends FormControlLayout {
 DSAInputPhone.styles = input_phone_styles_default;
 __decorateClass([
   e(".input-phone__control")
-], DSAInputPhone.prototype, "inputEl", 2);
+], DSAInputPhone.prototype, "input", 2);
 __decorateClass([
   e(".input-phone__select")
 ], DSAInputPhone.prototype, "phonePrefixEl", 2);
-__decorateClass([
-  r()
-], DSAInputPhone.prototype, "hasFocus", 2);
 __decorateClass([
   r()
 ], DSAInputPhone.prototype, "maskedNumber", 2);
@@ -454,21 +374,9 @@ __decorateClass([
 __decorateClass([
   n({ attribute: false })
 ], DSAInputPhone.prototype, "phoneNumber", 2);
-__decorateClass([
-  defaultValue()
-], DSAInputPhone.prototype, "defaultValue", 2);
-__decorateClass([
-  n({ type: Boolean })
-], DSAInputPhone.prototype, "clearable", 2);
 __decorateClass([
   n({ attribute: "input-prefix" })
 ], DSAInputPhone.prototype, "inputPrefix", 2);
-__decorateClass([
-  n({ type: Boolean })
-], DSAInputPhone.prototype, "autofocus", 2);
-__decorateClass([
-  n()
-], DSAInputPhone.prototype, "enterkeyhint", 2);
 __decorateClass([
   n({ reflect: true })
 ], DSAInputPhone.prototype, "placement", 2);

package/cdn/chunks/{chunk.4GWNV3R4.js → chunk.ROY6JYYV.js}

@@ -23,18 +23,29 @@ var accordion_styles_default = i`
   }
 
   .accordion--disabled {
-    opacity: 0.5;
+    color: var(--dsa-wc-accordion-disabled-color);
+    border-color: var(--dsa-color-accordion-disabled-border);
   }
 
+  .accordion--filled {
+    background-color: var(--dsa-wc-accordion-filled-background-color);
+    border-color: transparent;
+  }
+
+  .accordion--disabled.accordion--filled {
+    color: var(--dsa-wc-accordion-filled-disabled-color);
+    background-color: var(--dsa-wc-accordion-filled-disabled-background-color);
+  }
+
+  /* Header */
   .accordion__header {
-    border-radius: inherit;
     position: relative;
     display: flex;
     align-items: center;
+    border-radius: var(--dsa-wc-accordion-header-border-radius);
   }
 
   .accordion__header-button {
-    border-radius: inherit;
     margin-right: auto;
     padding: var(--dsa-wc-accordion-padding);
     user-select: none;
@@ -47,23 +58,34 @@ var accordion_styles_default = i`
     inset: 0;
   }
 
-  .accordion:not(.accordion--disabled):has(.accordion__header-button:hover) {
+  .accordion--disabled .accordion__header-button {
+    cursor: not-allowed;
+  }
+
+  /* Hover and focus states */
+  .accordion:not(.accordion--disabled, .accordion--filled):has(
+      .accordion__header-button:hover
+    ) {
     border-color: var(--dsa-wc-accordion-hover-border-color);
   }
 
+  .accordion:not(.accordion--open):not(.accordion--disabled)
+    .accordion__header:has(.accordion__header-button:hover),
+  .accordion:not(.accordion--open)
+    .accordion__header:has(.accordion__header-button:focus-visible) {
+    border-radius: var(--dsa-wc-accordion-closed-header-hover-border-radius);
+  }
+
   .accordion:not(.accordion--disabled)
-    .accordion__header:has(.accordion__header-button:hover) {
+    .accordion__header:has(.accordion__header-button:hover),
+  .accordion__header:has(.accordion__header-button:focus-visible) {
+    border-radius: var(--dsa-wc-accordion-header-hover-border-radius);
     background-color: var(--dsa-wc-accordion-header-hover-background-color);
   }
 
   .accordion__header:has(.accordion__header-button:focus-visible) {
     outline: var(--dsa-wc-focus-ring);
     outline-offset: var(--dsa-wc-focus-ring-offset);
-    background-color: var(--dsa-wc-accordion-header-hover-background-color);
-  }
-
-  .accordion--disabled .accordion__header-button {
-    cursor: not-allowed;
   }
 
   .accordion__header-button:focus-visible {
@@ -71,6 +93,7 @@ var accordion_styles_default = i`
     box-shadow: none;
   }
 
+  /* Summary */
   .accordion__summary-container {
     display: contents;
   }
@@ -79,32 +102,56 @@ var accordion_styles_default = i`
     flex: 1 1 auto;
     display: flex;
     align-items: center;
+    font: var(--dsa-wc-accordion-summary-font);
+    padding: var(--dsa-wc-accordion-summary-padding);
+  }
+
+  .accordion--small .accordion__summary {
+    font: var(--dsa-wc-accordion-small-summary-font);
+    padding: 0;
+  }
+
+  .accordion__actions {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--dsa-spacing-12);
+    z-index: 10;
   }
 
+  /* Summary icon */
   .accordion__summary-icon {
     flex: 0 0 auto;
-
     display: flex;
     align-items: center;
     color: var(--dsa-wc-accordion-icon-color);
     transition: var(--dsa-wc-transition-medium) rotate ease;
     font-size: var(--dsa-wc-accordion-icon-size);
     padding: var(--dsa-wc-accordion-padding);
+    color: inherit;
   }
 
-  .accordion--open.accordion--chevron .accordion__summary-icon {
+  .accordion--small .accordion__summary-icon {
+    font-size: var(--dsa-wc-accordion-small-icon-size);
+  }
+
+  .accordion--disabled .accordion__summary-icon {
+    color: var(--dsa-wc-accordion-disabled-icon-color);
+  }
+
+  .accordion--chevron .accordion__summary-icon {
     rotate: 90deg;
   }
 
-  .accordion--open.accordion--rtl.accordion--chevron .accordion__summary-icon {
+  .accordion--rtl.accordion--chevron .accordion__summary-icon {
     rotate: -90deg;
   }
 
-  .accordion__actions {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--dsa-spacing-12);
-    z-index: 10;
+  .accordion--open.accordion--chevron .accordion__summary-icon {
+    rotate: -90deg;
+  }
+
+  .accordion--open.accordion--rtl.accordion--chevron .accordion__summary-icon {
+    rotate: 90deg;
   }
 
   .accordion--open .accordion__expand-icon,
@@ -112,8 +159,23 @@ var accordion_styles_default = i`
     display: none;
   }
 
+  /* Body */
+  .accordion:not(.accordion--disabled):has(.accordion__header-button:hover)
+    .accordion__body {
+    border-color: transparent;
+  }
+
   .accordion__body {
     overflow: hidden;
+    border-top: solid 1px var(--dsa-wc-accordion-border-color);
+  }
+
+  .accordion--disabled .accordion__body {
+    border-color: var(--dsa-color-accordion-disabled-border);
+  }
+
+  .accordion--filled .accordion__body {
+    border-color: transparent;
   }
 
   .accordion__content {

package/cdn/chunks/{chunk.RNF5H43X.js → chunk.RUX5DD2U.js}

@@ -96,6 +96,11 @@ var card_content_styles_default = i`
   padding: var(--dsa-wc-card-small-content-body-padding);
   }
 
+  .card-content__header {
+    display: flex;
+    flex-direction: column-reverse;
+  }
+
   /* Tags */
   .card-content__tags {
     display: flex;

package/cdn/chunks/{chunk.PZQUQ6DG.js → chunk.SIWIVWB6.js}

@@ -1,9 +1,9 @@
-import {
-  DSATableRow
-} from "./chunk.HOIWGDVX.js";
 import {
   table_header_row_styles_default
 } from "./chunk.3AD4AURN.js";
+import {
+  DSATableRow
+} from "./chunk.G43R3KET.js";
 import {
   t
 } from "./chunk.DZB6XUZ7.js";

package/cdn/chunks/{chunk.KNKNPTGU.js → chunk.SQJSODCD.js}

@@ -13,15 +13,15 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.2WRFDMKN.js";
+import {
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
-import {
-  a11yWarning
-} from "./chunk.PWL7QCVG.js";
 import {
   ShoelaceElement,
   e,

package/cdn/chunks/{chunk.SPK4CXKV.js → chunk.TGBPUFCG.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   ShoelaceElement,
   n,

package/cdn/chunks/{chunk.3XMYYR4P.js → chunk.TWSC46MA.js}

@@ -14,13 +14,13 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   e as e2
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   ShoelaceElement,
   e,

package/cdn/chunks/{chunk.DBJLSCQP.js → chunk.U553QLEV.js}

@@ -10,13 +10,13 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   e as e2
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   ShoelaceElement,
   e,

package/cdn/chunks/{chunk.2YVHHVLG.js → chunk.UORXHDBJ.js}

@@ -24,8 +24,8 @@ var table_header_cell_styles_default = i`
     );
   }
 
-  :host(:hover:not([loading])),
-  :host(:focus-within) {
+  :host([sortable]:hover:not([loading])),
+  :host([sortable]:focus-within) {
     background: var(--dsa-wc-table-header-cell-background-hover);
   }
 
@@ -54,6 +54,7 @@ var table_header_cell_styles_default = i`
     gap: var(--dsa-spacing-8);
     min-block-size: 100%;
     width: 100%;
+    height: 100%;
   }
 
   [part~='sort-button']:active {

package/cdn/chunks/{chunk.M4YRRHEL.js → chunk.USMQGM2L.js}

@@ -5,14 +5,14 @@ import {
   o
 } from "./chunk.6OFBSNBH.js";
 import {
-  LocalizeController
-} from "./chunk.BMQ5WSY7.js";
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.B6GVVW66.js";
 import {
-  a11yWarning
-} from "./chunk.PWL7QCVG.js";
+  LocalizeController
+} from "./chunk.EM2CIX7W.js";
 import {
   e
 } from "./chunk.IKHG7XGO.js";

package/cdn/chunks/chunk.USMVUNJX.js

@@ -0,0 +1,21 @@
+import {
+  i
+} from "./chunk.4KHZQZ3M.js";
+
+// src/components/accordion-group/accordion-group.styles.ts
+var accordion_group_styles_default = i`
+  .accordion-group__actions {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .accordion-group__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--dsa-spacing-8);
+  }
+`;
+
+export {
+  accordion_group_styles_default
+};

package/cdn/chunks/{chunk.7ZJHGFQH.js → chunk.WADUVBS7.js}

@@ -15,13 +15,13 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   e as e2
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   ShoelaceElement,
   e,