@ds-autonomie/web-components 2.5.0 → 2.6.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @ds-autonomie/web-components
 
+## 2.6.0
+
+### Minor Changes
+
+- 4546a33: `accordion`: modification des styles, ajout d'attributs de style (taille et contours)
+- 060c7ba: `input`, `filter-date` : ajout de la possibilité d'enlever le bouton calendrier
+- 0429d00: `accordion-group`: ajout du composant
+- ae97b35: `navbar-link` : ajout de l'attribut `current`
+
+### Patch Changes
+
+- 0ac1c89: `footer-sitemap`: ajout d'un attribut permettant de déterminer l'alignement des liens
+- 81063c2: `file-upload`: ajout d'un attribut permettant de personnaliser le libellé du bouton
+- 1889da6: `tab-group` : désactivation des boutons de navigation lorsque l'on est au début / à la fin du scroll
+- 36b9d6c: `table-container` : cacher automatiquement la barre d'actions multiples si aucune ligne n'est sélectionnée; `table` : initialisation des lignes sélectionnées au chargement
+- 7a7ceec: `card-content` : modification de l'ordre du html (titre puis tags) pour une meilleure accessibilité
+- Updated dependencies [fa05b7a]
+  - @ds-autonomie/assets@1.4.6
+
+## 2.5.1
+
+### Patch Changes
+
+- 20ad518: `input`, `input-phone`, `input-otp` : communalisation du code
+- 5e7de2a: `checkbox`: correction d'un bug empechant l'utilisation de liens dans le label
+- 0258fb3: `tab-group`: retrait du focus sur les flèches de scroll et le groupe
+- b163af1: `checkbox-group`: attente du chargement des composants enfants
+  `tab-group`: attente du chargement des composants enfants
+  `tree`: attente du chargement des composants enfants
+- 7387de1: `table-header-cell`: restriction de l'effet de survol aux tableaux triables, élargissement du bouton de tri
+
 ## 2.5.0
 
 ### Minor Changes

package/cdn/chunks/{chunk.MJMSFEEL.js → chunk.2HSB4FKT.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,

package/cdn/chunks/{chunk.JEOLRBU6.js → chunk.2UZFU2XH.js}

@@ -9,13 +9,13 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   e
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   n,
   t
@@ -68,9 +68,7 @@ var DSATableContainer = class extends LoadingStateElement {
     this.showTableActions = false;
   }
   handleTableSelection(event) {
-    if (event.detail.selectedRows.length > 0) {
-      this.showTableActions = true;
-    }
+    this.showTableActions = event.detail.selectedRows.length > 0;
   }
   handleCaptionSlotChange() {
     this.linkCaptionAndTable();

package/cdn/chunks/{chunk.T4PQY3SD.js → chunk.3THCO5QR.js}

@@ -1,28 +1,28 @@
 import {
   card_content_styles_default
-} from "./chunk.RNF5H43X.js";
+} from "./chunk.RUX5DD2U.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
+import {
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
 import {
   i,
   u
 } from "./chunk.VIVOXZF6.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.B6GVVW66.js";
-import {
-  a11yWarning
-} from "./chunk.PWL7QCVG.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
   e
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   ShoelaceElement,
   n,
@@ -93,39 +93,42 @@ var DSACardContent = class extends ShoelaceElement {
       this.hasSlotController.test("media") ? "card-content__media" : void 0
     )}></slot>
         <div part="body" class="card-content__body">
-          <slot
-            name="tags"
-            @slotchange=${this.handleTagsSlotChange}
-            class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("tags") ? "card-content__tags" : void 0
-    )}
-          ></slot>
-          <div class="card-content__title_block">
-            <slot name="title-icon" class=${ifDefinedAndNotEmpty(
+          <div class="card-content__header">
+            <div class="card-content__title_block">
+              <slot name="title-icon" class=${ifDefinedAndNotEmpty(
       this.hasSlotController.test("title-icon") ? "card-content__title-icon" : void 0
     )}></slot>
-            <div class="card-content__title-block-text">
-              <${tag}
-                href=${o(isLink ? this.href : void 0)}
-                target=${o(isLink ? this.target : void 0)}
-                download=${o(isLink ? this.download : void 0)}
-                rel=${o(isLink ? this.rel : void 0)}
-              >
-                <slot 
-                  name="title" 
-                  class=${ifDefinedAndNotEmpty(
+              <div class="card-content__title-block-text">
+                <${tag}
+                  href=${o(isLink ? this.href : void 0)}
+                  target=${o(isLink ? this.target : void 0)}
+                  download=${o(isLink ? this.download : void 0)}
+                  rel=${o(isLink ? this.rel : void 0)}
+                >
+                  <slot 
+                    name="title" 
+                    class=${ifDefinedAndNotEmpty(
       this.hasSlotController.test("title") ? "card-content__title" : void 0
     )}
-                ></slot>
-              </${tag}>
-              <slot 
-                name="subtitle" 
-                class=${ifDefinedAndNotEmpty(
+                  ></slot>
+                </${tag}>
+                <slot 
+                  name="subtitle" 
+                  class=${ifDefinedAndNotEmpty(
       this.hasSlotController.test("subtitle") ? "card-content__subtitle" : void 0
     )}>
-                </slot>
+                  </slot>
+              </div>
             </div>
+            <slot
+              name="tags"
+              @slotchange=${this.handleTagsSlotChange}
+              class=${ifDefinedAndNotEmpty(
+      this.hasSlotController.test("tags") ? "card-content__tags" : void 0
+    )}
+            ></slot>
           </div>
+
           ${this.hasSlotController.test("[default]") ? u` <slot class="card-content__content"></slot> ` : ""}
           <slot 
             name="footer" 

package/cdn/chunks/{chunk.DRUKNJJ5.js → chunk.3WNNAMF2.js}

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

package/cdn/chunks/{chunk.3KJHZGAI.js → chunk.47JEFO44.js}

@@ -1,27 +1,27 @@
 import {
   DSAOption
-} from "./chunk.2S3446TB.js";
+} from "./chunk.HHCBFRDK.js";
 import {
   filter_select_styles_default
-} from "./chunk.57V66KCM.js";
+} from "./chunk.E45KUAKX.js";
 import {
   DSAInput
-} from "./chunk.5F7AUS4F.js";
+} from "./chunk.G5XJFGB7.js";
 import {
   FilterBase
-} from "./chunk.KNKNPTGU.js";
+} from "./chunk.SQJSODCD.js";
 import {
   normalizeStr
 } from "./chunk.O4MZVDWB.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   e,
   n,

package/cdn/chunks/{chunk.PQNNELEM.js → chunk.4B6C6RKU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.O4RRXVX2.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   e
 } from "./chunk.IKHG7XGO.js";

package/cdn/chunks/{chunk.WQLZJXIF.js → chunk.4DYMQADB.js}

@@ -9,13 +9,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 {
   e,
   n,

package/cdn/chunks/{chunk.CMRQV2SO.js → chunk.4QI5ENGU.js}

@@ -1,18 +1,22 @@
 import {
-  input_styles_default
-} from "./chunk.L3ZYNSI3.js";
+  input_base_styles_default
+} from "./chunk.OCDDQJHV.js";
 import {
   i
 } from "./chunk.4KHZQZ3M.js";
 
 // src/components/input-date/input-date.styles.ts
 var input_date_styles_default = i`
-  ${input_styles_default}
+  ${input_base_styles_default}
 
   .input--date {
     overflow: visible;
   }
 
+  input--no-calendar {
+    padding-right: var(--dsa-spacing-12);
+  }
+
   .input__control--date {
     align-items: center;
   }
@@ -36,6 +40,17 @@ var input_date_styles_default = i`
     border-radius: var(--dsa-wc-filter-date-panel-border-radius);
     background: var(--dsa-color-background-base);
     box-shadow: var(--dsa-wc-shadow-small);
+    overflow: auto;
+    overscroll-behavior: none;
+
+    /* Make sure it adheres to the popup's auto size */
+    /* stylelint-disable-next-line */
+    max-width: var(--auto-size-available-width);
+    /* stylelint-disable-next-line */
+    max-height: min(
+      var(--auto-size-available-height),
+      var(--dsa-filter-panel-max-height)
+    );
   }
 
   .date-anchor {

package/cdn/chunks/{chunk.3OSWL542.js → chunk.53DHJKYL.js}

@@ -22,12 +22,6 @@ var radio_icon_styles_default = i`
     display: contents;
   }
 
-  :host::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-  }
-
   .radio__control--small {
     --toggle-size: var(--dsa-wc-radio-size-small);
     --toggle-inner-size: var(--dsa-wc-radio-inner-size-small);

package/cdn/chunks/{chunk.YAK3QGTM.js → chunk.5C4NDUFI.js}

@@ -9,30 +9,30 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.2WRFDMKN.js";
-import {
-  LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
-import {
-  alert_styles_default
-} from "./chunk.YDT7HT2E.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
+import {
+  LocalizeController
+} from "./chunk.EM2CIX7W.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
   e as e2
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   ShoelaceElement,
   e,
   n,
   t
 } from "./chunk.DZB6XUZ7.js";
+import {
+  alert_styles_default
+} from "./chunk.YDT7HT2E.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.3AT66TOX.js → chunk.6G4K7SN3.js}

@@ -1,21 +1,21 @@
 import {
   avatar_styles_default
 } from "./chunk.7M6TBOTT.js";
-import {
-  DSAIcon
-} from "./chunk.D5IL5KN6.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.B6GVVW66.js";
+import {
+  DSAIcon
+} from "./chunk.7LXBRZAC.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
   e
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   ShoelaceElement,
   n,

package/cdn/chunks/{chunk.5BQ2BGS6.js → chunk.6KSC4CRL.js}

@@ -12,6 +12,7 @@ var table_styles_default = i`
   :host {
     display: table;
     width: 100%;
+    height: 100%;
   }
 `;
 

package/{dist/chunks/chunk.HJU52GCK.js → cdn/chunks/chunk.6SKKEPNG.js}

@@ -3,6 +3,7 @@ var icons = {
   add: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>`,
   add_box: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-8-2h2v-4h4v-2h-4V7h-2v4H7v2h4z"/></svg>`,
   arrow_upward: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"/></svg>`,
+  arrow_forward: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"/></svg>`,
   calendar_today: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"/></svg>`,
   cancel: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z"/></svg>`,
   check: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/></svg>`,

package/cdn/chunks/{chunk.LZCR7P7U.js → chunk.7GLHOALV.js}

@@ -7,32 +7,26 @@ import {
   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";
-import {
-  LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.B6GVVW66.js";
+import {
+  LocalizeController
+} from "./chunk.EM2CIX7W.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
   e as e2
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   e,
   n,
@@ -47,18 +41,11 @@ import {
 } from "./chunk.4ZGVANML.js";
 
 // src/components/input-mask/input-mask.ts
-var DSAInputMask = class extends FormControlLayout {
+var DSAInputMask = 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.maskedValue = "";
-    this.value = "";
-    this.defaultValue = "";
-    this.clearable = false;
     this.pattern = "";
     this.mask = "";
   }
@@ -85,13 +72,6 @@ var DSAInputMask = class extends FormControlLayout {
     };
     return validityState;
   }
-  /** Gets the validation message */
-  get validationMessage() {
-    return this.input.validationMessage;
-  }
-  firstUpdated() {
-    this.formControlController.updateValidity();
-  }
   connectedCallback() {
     super.connectedCallback();
     if (this.mask.length > 0 && this.mask.length !== this.placeholder.length) {
@@ -114,76 +94,17 @@ var DSAInputMask = class extends FormControlLayout {
     this.formControlController.updateValidity();
     this.emit("dsa-input");
   }
-  handleBlur() {
-    this.hasFocus = false;
-    this.emit("dsa-blur");
-  }
   rawValueToMaskedValue(inputValue) {
     return rawValueToMaskedValue(inputValue, this.placeholder);
   }
-  handleClearClick(event) {
-    this.value = "";
-    this.emit("dsa-clear");
-    this.emit("dsa-input");
-    this.emit("dsa-change");
-    this.input.focus();
-    event.stopPropagation();
-  }
-  handleFocus() {
-    this.hasFocus = true;
-    this.emit("dsa-focus");
-  }
   handleChange() {
     this.emit("dsa-change");
   }
-  handleInvalid(event) {
-    this.formControlController.setValidity(false);
-    this.formControlController.emitInvalidEvent(event);
-  }
-  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();
-        }
-      });
-    }
-  }
-  getDescriptionIds() {
-    let ids = ["input__prefix", "input__suffix"];
-    if (this.error) ids = [...ids, "error-text"];
-    ids = [...ids, "help-text", "description"];
-    return ids.join(" ");
-  }
-  handleDisabledChange() {
-    this.formControlController.setValidity(this.disabled);
-  }
   async handleValueChange() {
     this.maskedValue = this.rawValueToMaskedValue(this.value);
     await this.updateComplete;
     this.formControlController.updateValidity();
   }
-  /** Sets focus on the input. */
-  focus(options) {
-    this.input.focus(options);
-  }
-  /** Removes focus from the input. */
-  blur() {
-    this.input.blur();
-  }
-  /** Selects all the text in the input. */
-  select() {
-    this.input.select();
-  }
-  /** Sets the start and end positions of the text selection (0-based). */
-  setSelectionRange(selectionStart, selectionEnd, selectionDirection = "none") {
-    this.input.setSelectionRange(
-      selectionStart,
-      selectionEnd,
-      selectionDirection
-    );
-  }
   /** Replaces a range of text with a new string. */
   setRangeText(replacement, start, end, selectMode) {
     this.input.setRangeText(replacement, start, end, selectMode);
@@ -191,23 +112,6 @@ var DSAInputMask = class extends FormControlLayout {
       this.value = this.input.value;
     }
   }
-  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-  checkValidity() {
-    return this.input.checkValidity();
-  }
-  /** 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() {
-    return this.input.reportValidity();
-  }
-  /** Sets a custom validation message. Pass an empty string to restore validity. */
-  setCustomValidity(message) {
-    this.input.setCustomValidity(message);
-    this.formControlController.updateValidity();
-  }
   renderInput() {
     const hasLabelSlot = this.hasSlotController.test("label");
     const hasPrefixIcon = this.hasSlotController.test("prefix");
@@ -315,48 +219,18 @@ DSAInputMask.styles = input_mask_styles_default;
 __decorateClass([
   e(".input-mask__control")
 ], DSAInputMask.prototype, "input", 2);
-__decorateClass([
-  r()
-], DSAInputMask.prototype, "hasFocus", 2);
 __decorateClass([
   r()
 ], DSAInputMask.prototype, "maskedValue", 2);
-__decorateClass([
-  n()
-], DSAInputMask.prototype, "value", 2);
-__decorateClass([
-  defaultValue()
-], DSAInputMask.prototype, "defaultValue", 2);
-__decorateClass([
-  n({ type: Boolean })
-], DSAInputMask.prototype, "clearable", 2);
 __decorateClass([
   n()
 ], DSAInputMask.prototype, "inputmode", 2);
 __decorateClass([
   n()
 ], DSAInputMask.prototype, "pattern", 2);
-__decorateClass([
-  n({ type: Number })
-], DSAInputMask.prototype, "minlength", 2);
-__decorateClass([
-  n()
-], DSAInputMask.prototype, "autocorrect", 2);
-__decorateClass([
-  n()
-], DSAInputMask.prototype, "autocomplete", 2);
-__decorateClass([
-  n({ type: Boolean })
-], DSAInputMask.prototype, "autofocus", 2);
-__decorateClass([
-  n()
-], DSAInputMask.prototype, "enterkeyhint", 2);
 __decorateClass([
   n({ reflect: true })
 ], DSAInputMask.prototype, "mask", 2);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], DSAInputMask.prototype, "handleDisabledChange", 1);
 __decorateClass([
   watch("value", { waitUntilFirstUpdate: true })
 ], DSAInputMask.prototype, "handleValueChange", 1);

package/cdn/chunks/{chunk.D5IL5KN6.js → chunk.7LXBRZAC.js}

@@ -1,22 +1,22 @@
+import {
+  icon_styles_default
+} from "./chunk.GNULOP2U.js";
 import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
-} from "./chunk.CAYHSQZJ.js";
+} from "./chunk.OG5RS3BX.js";
 import {
   requestIcon
 } from "./chunk.23TOS4ZE.js";
-import {
-  icon_styles_default
-} from "./chunk.GNULOP2U.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
 import {
   e,
   i,
   t as t2
 } from "./chunk.3VUJFXU2.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   ShoelaceElement,
   n,

package/cdn/chunks/{chunk.NUMKSKYJ.js → chunk.7SRBGGAF.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   e
 } from "./chunk.IKHG7XGO.js";