@ds-autonomie/web-components 2.9.1 → 2.10.0

package/cdn/chunks/{chunk.U4MIMXNL.js → chunk.5ZUX2FMF.js}

@@ -11,14 +11,14 @@ import {
   animateTo,
   shimKeyframesHeightAuto,
   stopAnimations
-} from "./chunk.UBKKXGSV.js";
+} from "./chunk.PMYSGKZB.js";
 import {
   getAnimation,
   setDefaultAnimation
-} from "./chunk.2WRFDMKN.js";
+} from "./chunk.CCDITBCR.js";
 import {
   LocalizeController
-} from "./chunk.EUM3VSYY.js";
+} from "./chunk.IUTJLFMA.js";
 import {
   o
 } from "./chunk.XED65RH5.js";
@@ -27,20 +27,20 @@ import {
 } from "./chunk.JY4LUWQC.js";
 import {
   watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.TKTCYZRK.js";
 import {
   ShoelaceElement,
   e,
   n,
   r,
   t
-} from "./chunk.EW5LC4ZI.js";
+} from "./chunk.TEKUWOCD.js";
 import {
   x
 } from "./chunk.JXF4O366.js";
 import {
   __decorateClass
-} from "./chunk.4ZGVANML.js";
+} from "./chunk.7WRNLPGX.js";
 
 // src/components/table-of-contents/table-of-contents.ts
 var DSATableOfContents = class extends ShoelaceElement {

package/cdn/chunks/{chunk.CYZSRXNN.js → chunk.653MPFUT.js}

@@ -1,19 +1,19 @@
-import {
-  DSATableRow
-} from "./chunk.7C6Z5ZJA.js";
 import {
   table_header_row_styles_default
 } from "./chunk.FH62MZVI.js";
+import {
+  DSATableRow
+} from "./chunk.NZFBTFCB.js";
 import {
   e,
   t
-} from "./chunk.EW5LC4ZI.js";
+} from "./chunk.TEKUWOCD.js";
 import {
   x
 } from "./chunk.JXF4O366.js";
 import {
   __decorateClass
-} from "./chunk.4ZGVANML.js";
+} from "./chunk.7WRNLPGX.js";
 
 // src/components/table-header-row/table-header-row.ts
 var DSATableHeaderRow = class extends DSATableRow {

package/cdn/chunks/{chunk.WPHU7DY4.js → chunk.6BGRXQIW.js}

@@ -3,10 +3,7 @@ import {
 } from "./chunk.FLRB45SF.js";
 import {
   FormControlLayout
-} from "./chunk.SI2RABQ3.js";
-import {
-  scrollIntoView
-} from "./chunk.EMIT7S33.js";
+} from "./chunk.DPVUVRFZ.js";
 import {
   defaultValue
 } from "./chunk.APSWEF5D.js";
@@ -15,24 +12,24 @@ import {
 } from "./chunk.HPXPJRHP.js";
 import {
   FormControlController
-} from "./chunk.HAD2A62Q.js";
+} from "./chunk.LLQW6MLS.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
 import {
   animateTo,
   stopAnimations
-} from "./chunk.UBKKXGSV.js";
+} from "./chunk.PMYSGKZB.js";
 import {
   getAnimation,
   setDefaultAnimation
-} from "./chunk.2WRFDMKN.js";
+} from "./chunk.CCDITBCR.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.SUUV7E4I.js";
 import {
   LocalizeController
-} from "./chunk.EUM3VSYY.js";
+} from "./chunk.IUTJLFMA.js";
 import {
   o
 } from "./chunk.XED65RH5.js";
@@ -41,19 +38,19 @@ import {
 } from "./chunk.JY4LUWQC.js";
 import {
   watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.TKTCYZRK.js";
 import {
   e,
   n,
   r,
   t
-} from "./chunk.EW5LC4ZI.js";
+} from "./chunk.TEKUWOCD.js";
 import {
   x
 } from "./chunk.JXF4O366.js";
 import {
   __decorateClass
-} from "./chunk.4ZGVANML.js";
+} from "./chunk.7WRNLPGX.js";
 
 // src/components/combobox/combobox.ts
 var OPTION_TAG = "dsa-option";
@@ -290,11 +287,11 @@ var DSACombobox = class extends FormControlLayout {
   setCurrentOption(option) {
     this.allOptions.forEach((el) => {
       el.current = false;
-      el.tabIndex = -1;
     });
     if (option !== void 0) {
       this.currentOption = option;
       option.current = true;
+      option.scrollIntoView();
     } else {
       this.currentOption = void 0;
     }
@@ -539,6 +536,7 @@ var DSACombobox = class extends FormControlLayout {
   }
   async handleOpenChange() {
     if (this.open && !this.disabled && !this.readonly) {
+      this.setCurrentOption(this.selectedOptions[0] || this.filteredOptions[0]);
       this.emit("dsa-show");
       this.addOpenListeners();
       await stopAnimations(this);
@@ -552,9 +550,6 @@ var DSACombobox = class extends FormControlLayout {
         dir: this.localize.dir()
       });
       await animateTo(this.popup.popup, keyframes, options);
-      if (this.currentOption) {
-        scrollIntoView(this.currentOption, this.listbox, "vertical", "auto");
-      }
       this.emit("dsa-after-show");
     } else {
       this.emit("dsa-hide");
@@ -798,47 +793,46 @@ var DSACombobox = class extends FormControlLayout {
                 ></dsa-icon>
               ` : ""}
         </div>
-        <div class="select__panel" @keydown=${this.handleDefaultKeyDown}>
-          <ul
-            id="listbox"
-            role="listbox"
-            aria-expanded=${this.open ? "true" : "false"}
-            aria-multiselectable="false"
-            aria-labelledby="label"
-            part="listbox"
-            class="select__listbox"
-            tabindex="-1"
-            @mouseup=${this.handleOptionClick}
-          >
-            ${this.fetchingState === "loading" ? x`
-                  <div class="select__loading_text">
-                    <dsa-spinner></dsa-spinner>
-                    <p>${this.localize.term("optionsLoading")}</p>
-                  </div>
-                ` : x``}
-            ${this.fetchingState === "error" ? x`
-                  <div class="select__loading_text">
-                    <p>${this.localize.term("optionsError")}</p>
-                  </div>
-                ` : x``}
-            ${["idle", "success"].includes(this.fetchingState) && this.filteredOptions.length > 0 ? displayedOptions : x``}
-            ${this.visibleListLength && this.visibleListLength > 0 && this.filteredOptions.length > this.displayedOptionsCount ? x`
-                  <dsa-option
-                    class="select__panel-see-more-option"
-                    id="dsa-seemore-option"
-                    @click=${this.handleSeeMoreClick}
-                    ><span class="see-more-option-text"
-                      >${this.localize.term("seeMore")}</span
-                    ></dsa-option
-                  >
-                ` : ""}
-            ${["idle", "success"].includes(this.fetchingState) && this.filteredOptions.length === 0 ? x`
-                  <div class="select__empty_text">
-                    <p>${this.localize.term("noMatchFound")}</p>
-                  </div>
-                ` : x``}
-          </ul>
-        </div>
+        <ul
+          id="listbox"
+          role="listbox"
+          aria-expanded=${this.open ? "true" : "false"}
+          aria-multiselectable="false"
+          aria-labelledby="label"
+          part="listbox"
+          class="select__panel"
+          tabindex="-1"
+          @keydown=${this.handleDefaultKeyDown}
+          @mouseup=${this.handleOptionClick}
+        >
+          ${this.fetchingState === "loading" ? x`
+                <div class="select__loading_text">
+                  <dsa-spinner></dsa-spinner>
+                  <p>${this.localize.term("optionsLoading")}</p>
+                </div>
+              ` : x``}
+          ${this.fetchingState === "error" ? x`
+                <div class="select__loading_text">
+                  <p>${this.localize.term("optionsError")}</p>
+                </div>
+              ` : x``}
+          ${["idle", "success"].includes(this.fetchingState) && this.filteredOptions.length > 0 ? displayedOptions : x``}
+          ${this.visibleListLength && this.visibleListLength > 0 && this.filteredOptions.length > this.displayedOptionsCount ? x`
+                <dsa-option
+                  class="select__panel-see-more-option"
+                  id="dsa-seemore-option"
+                  @click=${this.handleSeeMoreClick}
+                  ><span class="see-more-option-text"
+                    >${this.localize.term("seeMore")}</span
+                  ></dsa-option
+                >
+              ` : ""}
+          ${["idle", "success"].includes(this.fetchingState) && this.filteredOptions.length === 0 ? x`
+                <div class="select__empty_text">
+                  <p>${this.localize.term("noMatchFound")}</p>
+                </div>
+              ` : x``}
+        </ul>
 
         <slot
           class="slot_options"
@@ -864,7 +858,7 @@ __decorateClass([
   e(".select__value-input")
 ], DSACombobox.prototype, "valueInput", 2);
 __decorateClass([
-  e(".select__listbox")
+  e(".select__panel")
 ], DSACombobox.prototype, "listbox", 2);
 __decorateClass([
   e(".select__panel-see-more-option")

package/cdn/chunks/{chunk.63APPLXG.js → chunk.6KBDSFHY.js}

@@ -1,7 +1,7 @@
 import {
   FormControlController,
   validValidityState
-} from "./chunk.HAD2A62Q.js";
+} from "./chunk.LLQW6MLS.js";
 import {
   button_styles_default
 } from "./chunk.WR237MHU.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk.SUUV7E4I.js";
 import {
   LocalizeController
-} from "./chunk.EUM3VSYY.js";
+} from "./chunk.IUTJLFMA.js";
 import {
   o
 } from "./chunk.XED65RH5.js";
@@ -26,17 +26,17 @@ import {
 } from "./chunk.JY4LUWQC.js";
 import {
   watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.TKTCYZRK.js";
 import {
   ShoelaceElement,
   e,
   n,
   r,
   t
-} from "./chunk.EW5LC4ZI.js";
+} from "./chunk.TEKUWOCD.js";
 import {
   __decorateClass
-} from "./chunk.4ZGVANML.js";
+} from "./chunk.7WRNLPGX.js";
 
 // src/components/button/button.ts
 var DSAButton = class extends ShoelaceElement {

package/cdn/chunks/{chunk.VJ35OI2I.js → chunk.6M7NE3YO.js}

@@ -6,18 +6,18 @@ import {
 } from "./chunk.JY4LUWQC.js";
 import {
   watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.TKTCYZRK.js";
 import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.EW5LC4ZI.js";
+} from "./chunk.TEKUWOCD.js";
 import {
   x
 } from "./chunk.JXF4O366.js";
 import {
   __decorateClass
-} from "./chunk.4ZGVANML.js";
+} from "./chunk.7WRNLPGX.js";
 
 // src/components/stepper/stepper.ts
 var STEP_TAG = "dsa-step";

package/cdn/chunks/{chunk.37BPYQYG.js → chunk.76P65WVM.js}

@@ -4,17 +4,17 @@ import {
 import {
   animateTo,
   stopAnimations
-} from "./chunk.UBKKXGSV.js";
+} from "./chunk.PMYSGKZB.js";
 import {
   getAnimation,
   setDefaultAnimation
-} from "./chunk.2WRFDMKN.js";
+} from "./chunk.CCDITBCR.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.EUM3VSYY.js";
+} from "./chunk.IUTJLFMA.js";
 import {
   o
 } from "./chunk.XED65RH5.js";
@@ -23,13 +23,13 @@ import {
 } from "./chunk.JY4LUWQC.js";
 import {
   watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.TKTCYZRK.js";
 import {
   ShoelaceElement,
   e,
   n,
   t
-} from "./chunk.EW5LC4ZI.js";
+} from "./chunk.TEKUWOCD.js";
 import {
   alert_styles_default
 } from "./chunk.CDFRZZN5.js";
@@ -38,7 +38,7 @@ import {
 } from "./chunk.JXF4O366.js";
 import {
   __decorateClass
-} from "./chunk.4ZGVANML.js";
+} from "./chunk.7WRNLPGX.js";
 
 // src/components/alert/alert.ts
 var toastStack = Object.assign(document.createElement("div"), {

package/cdn/chunks/{chunk.46OEBDHT.js → chunk.7ATQ4MIY.js}

@@ -1,12 +1,12 @@
+import {
+  FilterBase
+} from "./chunk.4Q2WUHBV.js";
 import {
   filter_date_styles_default
 } from "./chunk.L57YXDBH.js";
-import {
-  FilterBase
-} from "./chunk.5P5CNELU.js";
 import {
   l
-} from "./chunk.LDYYA5WE.js";
+} from "./chunk.E6U524GP.js";
 import {
   formatDateRange,
   getDateFromISO,
@@ -29,19 +29,19 @@ import {
 } from "./chunk.JY4LUWQC.js";
 import {
   watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.TKTCYZRK.js";
 import {
   e,
   n,
   r,
   t
-} from "./chunk.EW5LC4ZI.js";
+} from "./chunk.TEKUWOCD.js";
 import {
   x
 } from "./chunk.JXF4O366.js";
 import {
   __decorateClass
-} from "./chunk.4ZGVANML.js";
+} from "./chunk.7WRNLPGX.js";
 
 // src/components/filter-date/filter-date.ts
 var DSAFilterDate = class extends FilterBase {

package/cdn/chunks/{chunk.IN2NTBDK.js → chunk.7LJQFNIL.js}

@@ -5,10 +5,10 @@ import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.EW5LC4ZI.js";
+} from "./chunk.TEKUWOCD.js";
 import {
   __decorateClass
-} from "./chunk.4ZGVANML.js";
+} from "./chunk.7WRNLPGX.js";
 
 // src/components/divider/divider.ts
 var DSADivider = class extends ShoelaceElement {

package/cdn/chunks/{chunk.4ZGVANML.js → chunk.7WRNLPGX.js}

@@ -5,6 +5,10 @@ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
@@ -47,6 +51,38 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
+var __await = function(promise, isYieldStar) {
+  this[0] = promise;
+  this[1] = isYieldStar;
+};
+var __yieldStar = (value) => {
+  var obj = value[__knownSymbol("asyncIterator")], isAwait = false, method, it = {};
+  if (obj == null) {
+    obj = value[__knownSymbol("iterator")]();
+    method = (k) => it[k] = (x) => obj[k](x);
+  } else {
+    obj = obj.call(value);
+    method = (k) => it[k] = (v) => {
+      if (isAwait) {
+        isAwait = false;
+        if (k === "throw") throw v;
+        return v;
+      }
+      isAwait = true;
+      return {
+        done: false,
+        value: new __await(new Promise((resolve) => {
+          var x = obj[k](v);
+          if (!(x instanceof Object)) __typeError("Object expected");
+          resolve(x);
+        }), 1)
+      };
+    };
+  }
+  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
+    throw x;
+  }, "return" in obj && method("return"), it;
+};
 
 export {
   __spreadValues,
@@ -54,5 +90,6 @@ export {
   __glob,
   __objRest,
   __export,
-  __decorateClass
+  __decorateClass,
+  __yieldStar
 };

package/cdn/chunks/{chunk.6P7WH7AZ.js → chunk.7YRH4W4Z.js}

@@ -1,18 +1,18 @@
 import {
   DSARadioGroup
-} from "./chunk.RO655SBI.js";
+} from "./chunk.ZRTVJE3I.js";
 import {
   FormSelectableCard
-} from "./chunk.HLQS67ES.js";
+} from "./chunk.COPSPY7Y.js";
 import {
   watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.TKTCYZRK.js";
 import {
   t
-} from "./chunk.EW5LC4ZI.js";
+} from "./chunk.TEKUWOCD.js";
 import {
   __decorateClass
-} from "./chunk.4ZGVANML.js";
+} from "./chunk.7WRNLPGX.js";
 
 // src/components/radio-card/radio-card.ts
 var DSARadioCard = class extends FormSelectableCard {

package/cdn/chunks/{chunk.PUJDUSQL.js → chunk.ANBARN33.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.MILYWVXX.js";
 import {
   InputBase
-} from "./chunk.FWUVNYIG.js";
+} from "./chunk.32CDX2G7.js";
 import {
   l
-} from "./chunk.LDYYA5WE.js";
+} from "./chunk.E6U524GP.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.SUUV7E4I.js";
@@ -18,19 +18,19 @@ import {
 } from "./chunk.JY4LUWQC.js";
 import {
   watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.TKTCYZRK.js";
 import {
   e,
   n,
   r,
   t
-} from "./chunk.EW5LC4ZI.js";
+} from "./chunk.TEKUWOCD.js";
 import {
   x
 } from "./chunk.JXF4O366.js";
 import {
   __decorateClass
-} from "./chunk.4ZGVANML.js";
+} from "./chunk.7WRNLPGX.js";
 
 // src/components/input-otp/input-otp.ts
 var DSAInputOTP = class extends InputBase {

package/cdn/chunks/{chunk.VFVXLQ4N.js → chunk.AP62XFBC.js}

@@ -1,10 +1,10 @@
 import {
   __glob
-} from "./chunk.4ZGVANML.js";
+} from "./chunk.7WRNLPGX.js";
 
 // import("./**/*.entry.js") in ../../node_modules/.pnpm/wc-datepicker@0.8.0/node_modules/wc-datepicker/dist/esm/index-2c898150.js
 var globImport_entry_js = __glob({
-  "./wc-datepicker.entry.js": () => import("./wc-datepicker.entry.M2Q7BH3Y.js")
+  "./wc-datepicker.entry.js": () => import("./wc-datepicker.entry.VUSN5MCN.js")
 });
 
 // ../../node_modules/.pnpm/wc-datepicker@0.8.0/node_modules/wc-datepicker/dist/esm/index-2c898150.js

package/cdn/chunks/{chunk.7BNRMEPF.js → chunk.AU6I633V.js}

@@ -8,13 +8,13 @@ import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.EW5LC4ZI.js";
+} from "./chunk.TEKUWOCD.js";
 import {
   i
 } from "./chunk.UKK3NS3L.js";
 import {
   __decorateClass
-} from "./chunk.4ZGVANML.js";
+} from "./chunk.7WRNLPGX.js";
 
 // src/internal/components/radio-icon/radio-icon.styles.ts
 var radio_icon_styles_default = i`

package/cdn/chunks/{chunk.YIKU5TS2.js → chunk.B45H3D5M.js}

@@ -1,6 +1,6 @@
 import {
   card_styles_default
-} from "./chunk.EV5HIEJ3.js";
+} from "./chunk.ZSZOMLCT.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -21,10 +21,10 @@ import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.EW5LC4ZI.js";
+} from "./chunk.TEKUWOCD.js";
 import {
   __decorateClass
-} from "./chunk.4ZGVANML.js";
+} from "./chunk.7WRNLPGX.js";
 
 // src/components/card/card.ts
 var DSACard = class extends ShoelaceElement {
@@ -38,6 +38,7 @@ var DSACard = class extends ShoelaceElement {
     );
     this.href = "";
     this.rel = "noreferrer noopener";
+    this.contrastedBorders = false;
   }
   isLink() {
     return this.href ? true : false;
@@ -58,7 +59,8 @@ var DSACard = class extends ShoelaceElement {
       link: isLink,
       "card--has-footer": this.hasSlotController.test("footer"),
       "card--has-image": this.hasSlotController.test("image"),
-      "card--has-header": this.hasSlotController.test("header")
+      "card--has-header": this.hasSlotController.test("header"),
+      "card--contrasted-borders": this.contrastedBorders
     })}
         >
         <${tag}
@@ -89,6 +91,9 @@ __decorateClass([
 __decorateClass([
   n()
 ], DSACard.prototype, "download", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true, attribute: "contrasted-borders" })
+], DSACard.prototype, "contrastedBorders", 2);
 DSACard = __decorateClass([
   t("dsa-card")
 ], DSACard);