@ds-autonomie/web-components 1.16.1 → 1.16.2

package/dist/chunks/{chunk.2B2LL7AI.js → chunk.Z5LJXDHJ.js}

@@ -143,6 +143,7 @@ var DSAPagination = class extends LoadingStateElement {
     `;
   }
   render() {
+    var _a;
     if (this.loading) {
       return html`
         <div
@@ -178,7 +179,7 @@ var DSAPagination = class extends LoadingStateElement {
         <nav
           role="navigation"
           class="pagination__navigation"
-          aria-label=${this.localize.term("pagination")}
+          aria-label=${(_a = this.navAriaLabel) != null ? _a : this.localize.term("pagination")}
         >
           ${this.mobile && !this.compact ? html`
                 <dsa-pagination-button
@@ -280,6 +281,9 @@ __decorateClass([
 __decorateClass([
   property({ attribute: "items-per-page-label" })
 ], DSAPagination.prototype, "itemsPerPageLabel", 2);
+__decorateClass([
+  property({ attribute: "nav-aria-label" })
+], DSAPagination.prototype, "navAriaLabel", 2);
 __decorateClass([
   property({ attribute: "navigation-type" })
 ], DSAPagination.prototype, "navigationType", 2);

package/dist/chunks/{chunk.ULHEP5Y6.js → chunk.ZWVWEQGL.js}

@@ -71,6 +71,10 @@ var select_styles_default = css`
     -webkit-appearance: none;
   }
 
+  .select__display-input::placeholder {
+    color: var(--dsa-wc-input-on-base-text-field-placeholder-color);
+  }
+
   .select__display-input:focus {
     outline: none;
   }
@@ -103,7 +107,7 @@ var select_styles_default = css`
     flex: 1;
     align-items: center;
     flex-wrap: wrap;
-    margin-inline-start: var(--dsa-wc-select-tag-margin-inline-start);
+    margin-inline-start: var(--dsa-wc-multiselect-tag-margin-inline-start);
     min-width: 0;
     overflow: hidden;
   }
@@ -114,19 +118,11 @@ var select_styles_default = css`
   }
 
   .select__tags dsa-tag::part(base) {
-    background: var(--dsa-wc-select-tag-background) !important;
-    color: var(--dsa-wc-select-tag-color) !important;
-    border: solid 1px var(--dsa-wc-select-tag-border-color);
-  }
-
-  .select--error .select__tags dsa-tag::part(base) {
-    background: var(--dsa-wc-select-tag-error-background) !important;
-    color: var(--dsa-wc-select-tag-error-color) !important;
-    border: solid 1px var(--dsa-wc-select-tag-error-border-color);
-  }
-
-  .select--error .select__tags dsa-tag::part(remove-button) {
-    color: var(--dsa-wc-select-tag-error-color) !important;
+    background: var(--dsa-wc-multiselect-tag-background) !important;
+    color: var(--dsa-wc-multiselect-tag-color) !important;
+    border: solid 1px var(--dsa-wc-multiselect-tag-border-color);
+    border-radius: var(--dsa-wc-multiselect-tag-border-radius);
+    padding: 0 var(--dsa-wc-multiselect-tag-padding-inline);
   }
 
   .select--disabled .select__tags,
@@ -134,6 +130,13 @@ var select_styles_default = css`
     cursor: not-allowed !important;
   }
 
+  .select--open:not(.select--disabled) .select__combobox,
+  .select--focused:not(.select--disabled) .select__combobox {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+    z-index: 2;
+  }
+
   /* On base selects */
   .select--on-base .select__combobox {
     background-color: var(
@@ -176,11 +179,8 @@ var select_styles_default = css`
 
   .select--on-base:not(.select--disabled):not(.select--readonly).select--open
     .select__combobox,
-  .select--on-base:not(.select--disabled).select--focused .select__combobox {
-    outline: var(--dsa-wc-focus-ring);
-    outline-offset: var(--dsa-wc-focus-ring-offset);
-    z-index: 2;
-
+  .select--on-base:not(.select--disabled):not(.select--readonly).select--focused
+    .select__combobox {
     background-color: var(
       --dsa-wc-internal-select-on-base-active-background-color,
       inherit
@@ -248,9 +248,6 @@ var select_styles_default = css`
   .select--on-layer:not(.select--disabled):not(.select--readonly).select--open
     .select__combobox,
   .select--on-layer:not(.select--disabled).select--focused .select__combobox {
-    outline: var(--dsa-wc-focus-ring);
-    outline-offset: var(--dsa-wc-focus-ring-offset);
-
     background-color: var(
       --dsa-wc-internal-select-on-layer-active-background-color,
       inherit
@@ -302,6 +299,7 @@ var select_styles_default = css`
     gap: 3px;
   }
   .select--large .select__combobox {
+    padding-block: 3px;
     font: var(--dsa-wc-select-input-font-large);
     min-height: var(--dsa-wc-form-input-height-large);
   }

package/dist/components/accordion/accordion.js

@@ -1,7 +1,7 @@
 import {
   DSAAccordion
-} from "../../chunks/chunk.WFCZZ5Y7.js";
-import "../../chunks/chunk.FYTGBKGY.js";
+} from "../../chunks/chunk.7DHGAM7P.js";
+import "../../chunks/chunk.VDOVUA55.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.2FK6USFR.js";
 import "../../chunks/chunk.V7RJROLH.js";

package/dist/components/accordion/accordion.styles.js

@@ -1,6 +1,6 @@
 import {
   accordion_styles_default
-} from "../../chunks/chunk.FYTGBKGY.js";
+} from "../../chunks/chunk.VDOVUA55.js";
 import "../../chunks/chunk.TUVJKY7S.js";
 import "../../chunks/chunk.6M63UXML.js";
 export {

package/dist/components/alert/alert.d.ts

@@ -20,6 +20,8 @@ export default class DSAAlert extends ShoelaceElement {
     private autoHideTimeout;
     private readonly localize;
     base: HTMLElement;
+    /** The alert's title. */
+    title: string;
     /**
      * Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
      * use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.

package/dist/components/alert/alert.js

@@ -1,6 +1,6 @@
 import {
   DSAAlert
-} from "../../chunks/chunk.VFWCJMJG.js";
+} from "../../chunks/chunk.IDAQJSVV.js";
 import "../../chunks/chunk.IEBTPGUT.js";
 import "../../chunks/chunk.4Z3LVWYW.js";
 import "../../chunks/chunk.B4BZKR24.js";

package/dist/components/combobox/combobox.js

@@ -1,11 +1,11 @@
 import {
   DSACombobox
-} from "../../chunks/chunk.TJHLVV2Q.js";
+} from "../../chunks/chunk.AMIXGL74.js";
 import "../../chunks/chunk.A2AK34DU.js";
 import "../../chunks/chunk.WFHOSUOX.js";
 import "../../chunks/chunk.V5J2RAQ5.js";
 import "../../chunks/chunk.XD5JM6WF.js";
-import "../../chunks/chunk.AWHBPZCA.js";
+import "../../chunks/chunk.2UZSRWJ7.js";
 import "../../chunks/chunk.EMIT7S33.js";
 import "../../chunks/chunk.U7V5J6UX.js";
 import "../../chunks/chunk.CMJ2SRTL.js";

package/dist/components/combobox/combobox.styles.js

@@ -1,6 +1,6 @@
 import {
   combobox_styles_default
-} from "../../chunks/chunk.AWHBPZCA.js";
+} from "../../chunks/chunk.2UZSRWJ7.js";
 import "../../chunks/chunk.3EPXMS3X.js";
 import "../../chunks/chunk.TUVJKY7S.js";
 import "../../chunks/chunk.6M63UXML.js";

package/dist/components/dialog/dialog.js

@@ -1,6 +1,6 @@
 import {
   DSADialog
-} from "../../chunks/chunk.M6LJDR7Y.js";
+} from "../../chunks/chunk.CKBRIIGV.js";
 import "../../chunks/chunk.ISAFRNR2.js";
 import "../../chunks/chunk.EMIT7S33.js";
 import "../../chunks/chunk.LFYUJOPU.js";

package/dist/components/filter/filter-date/filter-date.js

@@ -3,9 +3,9 @@ import {
 } from "../../../chunks/chunk.KOW5OFDN.js";
 import "../../../chunks/chunk.IJMNSKEV.js";
 import "../../../chunks/chunk.BY3RW35M.js";
-import "../../../chunks/chunk.JUG6IFUT.js";
+import "../../../chunks/chunk.TRKYAEYS.js";
 import "../../../chunks/chunk.KBT2EKLF.js";
-import "../../../chunks/chunk.APYW2WVZ.js";
+import "../../../chunks/chunk.VC3XT47N.js";
 import "../../../chunks/chunk.V5J2RAQ5.js";
 import "../../../chunks/chunk.XD5JM6WF.js";
 import "../../../chunks/chunk.BHQ3BNQA.js";

package/dist/components/filter/filter-range/filter-range.js

@@ -4,9 +4,9 @@ import {
 import "../../../chunks/chunk.FZODQJBF.js";
 import "../../../chunks/chunk.GZMFP7UN.js";
 import "../../../chunks/chunk.SUCVNPSQ.js";
-import "../../../chunks/chunk.JUG6IFUT.js";
+import "../../../chunks/chunk.TRKYAEYS.js";
 import "../../../chunks/chunk.KBT2EKLF.js";
-import "../../../chunks/chunk.APYW2WVZ.js";
+import "../../../chunks/chunk.VC3XT47N.js";
 import "../../../chunks/chunk.V5J2RAQ5.js";
 import "../../../chunks/chunk.XD5JM6WF.js";
 import "../../../chunks/chunk.AQRNB4GJ.js";

package/dist/components/filter/filter-select/filter-select.js

@@ -1,8 +1,8 @@
 import {
   DSAFilterSelect
-} from "../../../chunks/chunk.I7SW3V2A.js";
+} from "../../../chunks/chunk.NXQ42SSB.js";
 import "../../../chunks/chunk.YOLAIUYX.js";
-import "../../../chunks/chunk.YCOCNU2O.js";
+import "../../../chunks/chunk.BAU3732X.js";
 import "../../../chunks/chunk.DSGUQNN4.js";
 import "../../../chunks/chunk.IOFPPNUO.js";
 import "../../../chunks/chunk.CZFGLE3Y.js";

package/dist/components/footer-mandatory-mentions/footer-mandatory-mentions.d.ts

@@ -13,6 +13,7 @@ import '../divider/divider';
  */
 export default class DSAFooterMandatoryMentions extends ShoelaceElement {
     static styles: CSSResultGroup;
+    private readonly hasSlotController;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/dist/components/footer-mandatory-mentions/footer-mandatory-mentions.js

@@ -1,9 +1,10 @@
 import {
   DSAFooterMandatoryMentions
-} from "../../chunks/chunk.ZVIBE4XH.js";
+} from "../../chunks/chunk.MJ3ZLDHO.js";
 import "../../chunks/chunk.G4ODEI4O.js";
 import "../../chunks/chunk.AQRNB4GJ.js";
 import "../../chunks/chunk.RY4QCT3T.js";
+import "../../chunks/chunk.YIY5RM53.js";
 import "../../chunks/chunk.YCXTCVAZ.js";
 import "../../chunks/chunk.TUVJKY7S.js";
 import "../../chunks/chunk.6M63UXML.js";

package/dist/components/input/input.js

@@ -1,8 +1,8 @@
 import {
   DSAInput
-} from "../../chunks/chunk.JUG6IFUT.js";
+} from "../../chunks/chunk.TRKYAEYS.js";
 import "../../chunks/chunk.KBT2EKLF.js";
-import "../../chunks/chunk.APYW2WVZ.js";
+import "../../chunks/chunk.VC3XT47N.js";
 import "../../chunks/chunk.BHQ3BNQA.js";
 import "../../chunks/chunk.U7V5J6UX.js";
 import "../../chunks/chunk.CMJ2SRTL.js";

package/dist/components/input/input.styles.js

@@ -1,6 +1,6 @@
 import {
   input_styles_default
-} from "../../chunks/chunk.APYW2WVZ.js";
+} from "../../chunks/chunk.VC3XT47N.js";
 import "../../chunks/chunk.3EPXMS3X.js";
 import "../../chunks/chunk.TUVJKY7S.js";
 import "../../chunks/chunk.6M63UXML.js";

package/dist/components/input-mask/input-mask.js

@@ -1,7 +1,7 @@
 import {
   DSAInputMask
-} from "../../chunks/chunk.6GBDSLDV.js";
-import "../../chunks/chunk.IJAP6FX7.js";
+} from "../../chunks/chunk.QDXCYEAZ.js";
+import "../../chunks/chunk.4DRKFRDB.js";
 import "../../chunks/chunk.7OLEA3GQ.js";
 import "../../chunks/chunk.CMJ2SRTL.js";
 import "../../chunks/chunk.CPXD6UYZ.js";

package/dist/components/input-mask/input-mask.styles.js

@@ -1,6 +1,6 @@
 import {
   input_mask_styles_default
-} from "../../chunks/chunk.IJAP6FX7.js";
+} from "../../chunks/chunk.4DRKFRDB.js";
 import "../../chunks/chunk.3EPXMS3X.js";
 import "../../chunks/chunk.TUVJKY7S.js";
 import "../../chunks/chunk.6M63UXML.js";

package/dist/components/input-phone/input-phone.js

@@ -1,9 +1,9 @@
 import {
   DSAInputPhone
-} from "../../chunks/chunk.KFFAVINP.js";
-import "../../chunks/chunk.U5EXTR5D.js";
-import "../../chunks/chunk.ULHEP5Y6.js";
-import "../../chunks/chunk.YCOCNU2O.js";
+} from "../../chunks/chunk.EAP74BQL.js";
+import "../../chunks/chunk.PNTPO2DN.js";
+import "../../chunks/chunk.ZWVWEQGL.js";
+import "../../chunks/chunk.BAU3732X.js";
 import "../../chunks/chunk.DSGUQNN4.js";
 import "../../chunks/chunk.IOFPPNUO.js";
 import "../../chunks/chunk.CZFGLE3Y.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.Y4RTGSQH.js";
 import "../../chunks/chunk.SGOZVSP6.js";
 import "../../chunks/chunk.7OLEA3GQ.js";
 import "../../chunks/chunk.65HTBW2L.js";
-import "../../chunks/chunk.MYXTAE6O.js";
+import "../../chunks/chunk.43EIYNTL.js";
 import "../../chunks/chunk.A2AK34DU.js";
 import "../../chunks/chunk.WFHOSUOX.js";
 import "../../chunks/chunk.V5J2RAQ5.js";

package/dist/components/input-phone/input-phone.styles.js

@@ -1,6 +1,6 @@
 import {
   input_phone_styles_default
-} from "../../chunks/chunk.MYXTAE6O.js";
+} from "../../chunks/chunk.43EIYNTL.js";
 import "../../chunks/chunk.3EPXMS3X.js";
 import "../../chunks/chunk.TUVJKY7S.js";
 import "../../chunks/chunk.6M63UXML.js";

package/dist/components/option/option.js

@@ -1,6 +1,6 @@
 import {
   DSAOption
-} from "../../chunks/chunk.YCOCNU2O.js";
+} from "../../chunks/chunk.BAU3732X.js";
 import "../../chunks/chunk.DSGUQNN4.js";
 import "../../chunks/chunk.IOFPPNUO.js";
 import "../../chunks/chunk.CZFGLE3Y.js";

package/dist/components/pagination/pagination.d.ts

@@ -20,6 +20,8 @@ export default class DSAPagination extends LoadingStateElement {
     itemsPerPage: number;
     /** Custom label for the number of items per page */
     itemsPerPageLabel: string;
+    /** Custom aria-label for the pagination <nav> element */
+    navAriaLabel: string;
     /** Aria role of the pagination buttons. Should be set to 'link' if the action triggers a reloading of the page or a navigation to a different page. */
     navigationType: 'button' | 'link';
     /** Aspect of the pagination. Should be false when used for table pagination */

package/dist/components/pagination/pagination.js

@@ -1,13 +1,13 @@
 import {
   DSAPagination
-} from "../../chunks/chunk.2B2LL7AI.js";
+} from "../../chunks/chunk.Z5LJXDHJ.js";
 import "../../chunks/chunk.PFGVYROJ.js";
 import "../../chunks/chunk.MWQ3CXZP.js";
 import "../../chunks/chunk.BPPQ62GH.js";
 import "../../chunks/chunk.BJAMGNY4.js";
-import "../../chunks/chunk.JUG6IFUT.js";
+import "../../chunks/chunk.TRKYAEYS.js";
 import "../../chunks/chunk.KBT2EKLF.js";
-import "../../chunks/chunk.APYW2WVZ.js";
+import "../../chunks/chunk.VC3XT47N.js";
 import "../../chunks/chunk.AQRNB4GJ.js";
 import "../../chunks/chunk.RY4QCT3T.js";
 import "../../chunks/chunk.BHQ3BNQA.js";

package/dist/components/select/select.js

@@ -1,7 +1,7 @@
 import {
   DSASelect
-} from "../../chunks/chunk.U5EXTR5D.js";
-import "../../chunks/chunk.ULHEP5Y6.js";
+} from "../../chunks/chunk.PNTPO2DN.js";
+import "../../chunks/chunk.ZWVWEQGL.js";
 import "../../chunks/chunk.A2AK34DU.js";
 import "../../chunks/chunk.WFHOSUOX.js";
 import "../../chunks/chunk.V5J2RAQ5.js";

package/dist/components/select/select.styles.js

@@ -1,6 +1,6 @@
 import {
   select_styles_default
-} from "../../chunks/chunk.ULHEP5Y6.js";
+} from "../../chunks/chunk.ZWVWEQGL.js";
 import "../../chunks/chunk.3EPXMS3X.js";
 import "../../chunks/chunk.TUVJKY7S.js";
 import "../../chunks/chunk.6M63UXML.js";

package/dist/components/textarea/textarea.js

@@ -1,7 +1,7 @@
 import {
   DSATextarea
-} from "../../chunks/chunk.UAC34KI2.js";
-import "../../chunks/chunk.QE5KX6GC.js";
+} from "../../chunks/chunk.VLSSVYAB.js";
+import "../../chunks/chunk.6TASDLIO.js";
 import "../../chunks/chunk.CMJ2SRTL.js";
 import "../../chunks/chunk.CPXD6UYZ.js";
 import "../../chunks/chunk.EYZGEU3G.js";

package/dist/components/textarea/textarea.styles.js

@@ -1,6 +1,6 @@
 import {
   textarea_styles_default
-} from "../../chunks/chunk.QE5KX6GC.js";
+} from "../../chunks/chunk.6TASDLIO.js";
 import "../../chunks/chunk.3EPXMS3X.js";
 import "../../chunks/chunk.TUVJKY7S.js";
 import "../../chunks/chunk.6M63UXML.js";