@ds-autonomie/web-components 2.4.0 → 2.5.0

package/dist/chunks/{chunk.TXMAH3OK.js → chunk.ORLKMJIV.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.EMIT7S33.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
@@ -34,19 +34,41 @@ var DSATabGroup = class extends ShoelaceElement {
     this.belowPageHeader = false;
   }
   connectedCallback() {
+    const whenAllDefined = Promise.all([
+      customElements.whenDefined("dsa-tab"),
+      customElements.whenDefined("dsa-tab-panel")
+    ]);
     super.connectedCallback();
     this.resizeObserver = new ResizeObserver(() => {
       this.repositionIndicator();
       this.updateScrollControls();
     });
     this.mutationObserver = new MutationObserver((mutations) => {
-      if (mutations.some(
+      const instanceMutations = mutations.filter(({ target }) => {
+        if (target === this) return true;
+        if (target.closest("dsa-tab-group") !== this)
+          return false;
+        const tagName = target.tagName.toLowerCase();
+        return tagName === "dsa-tab" || tagName === "dsa-tab-panel";
+      });
+      if (instanceMutations.length === 0) {
+        return;
+      }
+      if (instanceMutations.some(
         (m) => !["aria-labelledby", "aria-controls"].includes(m.attributeName)
       )) {
         setTimeout(() => this.setAriaLabels());
       }
-      if (mutations.some((m) => m.attributeName === "disabled")) {
+      if (instanceMutations.some((m) => m.attributeName === "disabled")) {
         this.syncTabsAndPanels();
+      } else if (instanceMutations.some((m) => m.attributeName === "active")) {
+        const tabs = instanceMutations.filter(
+          (m) => m.attributeName === "active" && m.target.tagName.toLowerCase() === "dsa-tab"
+        ).map((m) => m.target);
+        const newActiveTab = tabs.find((tab) => tab.active);
+        if (newActiveTab) {
+          this.setActiveTab(newActiveTab);
+        }
       }
     });
     this.updateComplete.then(() => {
@@ -57,19 +79,21 @@ var DSATabGroup = class extends ShoelaceElement {
         subtree: true
       });
       this.resizeObserver.observe(this.nav);
-      const intersectionObserver = new IntersectionObserver(
-        (entries, observer) => {
-          var _a;
-          if (entries[0].intersectionRatio > 0) {
-            this.setAriaLabels();
-            this.setActiveTab((_a = this.getActiveTab()) != null ? _a : this.tabs[0], {
-              emitEvents: false
-            });
-            observer.unobserve(entries[0].target);
+      whenAllDefined.then(() => {
+        const intersectionObserver = new IntersectionObserver(
+          (entries, observer) => {
+            var _a;
+            if (entries[0].intersectionRatio > 0) {
+              this.setAriaLabels();
+              this.setActiveTab((_a = this.getActiveTab()) != null ? _a : this.tabs[0], {
+                emitEvents: false
+              });
+              observer.unobserve(entries[0].target);
+            }
           }
-        }
-      );
-      intersectionObserver.observe(this.tabGroup);
+        );
+        intersectionObserver.observe(this.tabGroup);
+      });
     });
   }
   disconnectedCallback() {

package/dist/chunks/{chunk.IXAKBOI4.js → chunk.ORWJR56M.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.CFUNT7FK.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.JMJY2JIN.js → chunk.P2LEUT2Q.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.OCK5L55T.js";
 import {
   FormControlLayout
-} from "./chunk.RVCSQIWF.js";
+} from "./chunk.MKTUAWNS.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";

package/dist/chunks/chunk.Q2BCYSPM.js

@@ -0,0 +1,70 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/fieldset/fieldset.styles.ts
+import { css } from "lit";
+var fieldset_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: block;
+  }
+
+  .fieldset {
+    display: flex;
+    flex-direction: column;
+    gap: var(--dsa-spacing-24);
+
+    background-color: var(--dsa-wc-fieldset-background);
+    padding: var(--dsa-spacing-24);
+    border-radius: var(--dsa-radius-8);
+    border-width: 1px;
+    border-style: solid;
+  }
+  .fieldset--on-base {
+    border-color: var(--dsa-wc-fieldset-border-color);
+  }
+  .fieldset--on-layer {
+    border-color: transparent;
+  }
+
+  .fieldset__legend {
+    display: flex;
+    flex-direction: column;
+    gap: var(--dsa-spacing-12);
+    color: var(--dsa-wc-fieldset-legend-color);
+    padding: 0;
+  }
+
+  .fieldset__first-line {
+    display: flex;
+    gap: var(--dsa-spacing-4);
+    align-items: center;
+  }
+  .fieldset__legend-title {
+    font: var(--dsa-wc-fieldset-title-font);
+  }
+  .fieldset__tooltip {
+    --dsa-wc-internal-icon-button-padding: var(--dsa-spacing-2);
+  }
+  .fieldset__legend-subtitle {
+    font: var(--dsa-font-small-normal);
+  }
+
+  .fieldset__content {
+    display: flex;
+    gap: var(--dsa-spacing-16);
+    flex-wrap: wrap;
+  }
+  .fieldset--vertical .fieldset__content {
+    flex-direction: column;
+  }
+  .fieldset--horizontal .fieldset__content {
+    flex-direction: row;
+  }
+`;
+
+export {
+  fieldset_styles_default
+};

package/dist/chunks/{chunk.PD6ETZGV.js → chunk.Q3II5ELV.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";

package/dist/chunks/{chunk.YWHYMKYI.js → chunk.QADAWCTI.js}

@@ -89,6 +89,7 @@ var translation = {
   minutes: (value) => `${value} Minute${Number(value) > 1 ? "s" : ""}`,
   seconds: (value) => `${value} Seconde${Number(value) > 1 ? "s" : ""}`,
   milliseconds: (value) => `${value} Milliseconde${Number(value) > 1 ? "s" : ""}`,
+  selectedTime: "Heure s\xE9lectionn\xE9e :",
   day: "Jour",
   month: "Mois",
   year: "Ann\xE9e",
@@ -252,6 +253,7 @@ var translation2 = {
   minutes: (value) => `${value} Minute${Number(value) > 1 ? "s" : ""}`,
   seconds: (value) => `${value} Second${Number(value) > 1 ? "s" : ""}`,
   milliseconds: (value) => `${value} Millisecond${Number(value) > 1 ? "s" : ""}`,
+  selectedTime: "Selected time :",
   day: "Day",
   month: "Month",
   year: "Year",

package/dist/chunks/{chunk.53DFT644.js → chunk.QFC4API2.js}

@@ -1,6 +1,6 @@
 import {
   DSARadioGroup
-} from "./chunk.2OZ6SQ6Y.js";
+} from "./chunk.WCJ3TXH5.js";
 import {
   FormToggleButton
 } from "./chunk.GFXISORD.js";

package/dist/chunks/{chunk.A4R5LBIA.js → chunk.QGPBBIGJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.TQJLTADP.js";
 import {
   FormControlLayout
-} from "./chunk.RVCSQIWF.js";
+} from "./chunk.MKTUAWNS.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.HGR7A5FK.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.XQDC25MI.js → chunk.QJIY2G7A.js}

@@ -24,7 +24,7 @@ import {
 } from "./chunk.HGR7A5FK.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.H3X3D747.js → chunk.QLT366CP.js}

@@ -3,13 +3,10 @@ import {
 } from "./chunk.4LRLYTU2.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
-import {
-  ifDefinedAndNotEmpty
-} from "./chunk.ZQJVCRB2.js";
 import {
   ShoelaceElement
 } from "./chunk.XZ5FE34T.js";
@@ -63,7 +60,6 @@ var DSATag = class extends ShoelaceElement {
       // Modifiers
       "tag--removable": this.removable
     })}
-        title=${ifDefinedAndNotEmpty(this.label)}
       >
         <slot part="prefix" name="prefix" class="tag__prefix"></slot>
 

package/dist/chunks/{chunk.FWHDRD6T.js → chunk.RS4S7SAD.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.OVOTWPG3.js";
 import {
   DSACheckboxGroup
-} from "./chunk.HQJDKIMG.js";
+} from "./chunk.OKUA77L4.js";
 import {
   renderFormElementErrors
 } from "./chunk.IZBHR7GP.js";

package/dist/chunks/{chunk.2JCMUNW4.js → chunk.RURHQSLF.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.SHNAUO5J.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.LUPOBRAQ.js → chunk.SDT5BB26.js}

@@ -24,6 +24,13 @@ var menu_item_styles_default = css`
     user-select: none;
     cursor: pointer;
   }
+  .menu-item[aria-current] {
+    color: var(--dsa-wc-menu-navigation-item-current-color);
+    background-color: var(
+      --dsa-wc-menu-navigation-item-current-background-color
+    );
+    font-weight: 700 !important;
+  }
   .menu-item--button {
     background: none;
     border: none;
@@ -33,14 +40,6 @@ var menu_item_styles_default = css`
   .menu-item--link {
     text-decoration: none;
   }
-  .menu-item--link[aria-current='page'] {
-    color: var(--dsa-wc-menu-navigation-item-current-color);
-    background-color: var(
-      --dsa-wc-menu-navigation-item-current-background-color
-    );
-    font-weight: 700 !important;
-  }
-
   .menu-item.menu-item--small {
     font: var(--dsa-wc-menu-item-small-font);
     padding: var(--dsa-wc-menu-item-small-padding);

package/dist/chunks/{chunk.IUPSCAN6.js → chunk.SGVMH2WK.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.4URSPC26.js → chunk.SJN7BDOD.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk.HGR7A5FK.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.5VC7IHJ2.js → chunk.STKBEBVL.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.HGR7A5FK.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.4VJTOIB4.js → chunk.SV6UZ7XX.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.IO4B5SX3.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.IFDJNZPC.js → chunk.SW6R5A3O.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk.HGR7A5FK.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.BHY3DDPH.js → chunk.SWWPGGIS.js}

@@ -1,6 +1,6 @@
 import {
   DSARadioGroup
-} from "./chunk.2OZ6SQ6Y.js";
+} from "./chunk.WCJ3TXH5.js";
 import {
   FormSelectableCard
 } from "./chunk.TZFYJ4KJ.js";

package/dist/chunks/chunk.TZVFQDBB.js

@@ -0,0 +1,122 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/tag-button/tag-button.styles.ts
+import { css } from "lit";
+var tag_button_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: inline-block;
+  }
+
+  .tag-button {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+    user-select: none;
+    border-width: var(--dsa-wc-tag-button-border-width);
+    border-style: solid;
+    border-radius: var(--dsa-wc-tag-border-radius);
+    text-decoration: none;
+    user-select: none;
+    cursor: pointer;
+  }
+
+  .tag-button:focus-visible {
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  .tag-button__prefix,
+  .tag-button__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    pointer-events: none;
+  }
+
+  .tag-button__prefix {
+    margin-inline-end: var(--dsa-wc-tag-icon-spacing);
+  }
+
+  .tag-button__suffix {
+    margin-inline-start: var(--dsa-wc-tag-icon-spacing);
+  }
+
+  .tag-button__content {
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-wrap: nowrap;
+  }
+
+  .tag-button__description {
+    display: none;
+  }
+
+  /*
+  * Size modifiers
+  */
+
+  .tag-button--small {
+    font: var(--dsa-wc-tag-small-font-size);
+    height: var(--dsa-wc-tag-small-height);
+    padding: var(--dsa-wc-tag-small-padding);
+  }
+
+  .tag-button--medium {
+    font: var(--dsa-wc-tag-medium-font-size);
+    height: var(--dsa-wc-tag-medium-height);
+    padding: var(--dsa-wc-tag-medium-padding);
+  }
+
+  .tag-button--large {
+    font: var(--dsa-wc-tag-large-font-size);
+    height: var(--dsa-wc-tag-large-height);
+    padding: var(--dsa-wc-tag-large-padding);
+  }
+
+  /* 
+  * Variants
+  */
+  /* Neutral */
+  .tag-button--neutral {
+    color: var(--dsa-wc-tag-button-neutral-color);
+    background: var(--dsa-wc-tag-button-neutral-background);
+    border-color: var(--dsa-wc-tag-button-neutral-border-color);
+  }
+  .tag-button--neutral:hover,
+  .tag-button--neutral:focus-visible {
+    color: var(--dsa-wc-tag-button-neutral-hover-color);
+    background: var(--dsa-wc-tag-button-neutral-hover-background);
+    border-color: var(--dsa-wc-tag-button-neutral-hover-border-color);
+  }
+  .tag-button--neutral:active {
+    color: var(--dsa-wc-tag-button-neutral-active-color);
+    background: var(--dsa-wc-tag-button-neutral-active-background);
+    border-color: var(--dsa-wc-tag-button-neutral-active-border-color);
+  }
+
+  /* Active */
+  .tag-button--active {
+    color: var(--dsa-wc-tag-button-active-color);
+    background: var(--dsa-wc-tag-button-active-background);
+    border-color: var(--dsa-wc-tag-button-active-border-color);
+  }
+  .tag-button--active:hover,
+  .tag-button--active:focus-visible {
+    color: var(--dsa-wc-tag-button-active-hover-color);
+    background: var(--dsa-wc-tag-button-active-hover-background);
+    border-color: var(--dsa-wc-tag-button-active-hover-border-color);
+  }
+  .tag-button--active:active {
+    color: var(--dsa-wc-tag-button-active-active-color);
+    background: var(--dsa-wc-tag-button-active-active-background);
+    border-color: var(--dsa-wc-tag-button-active-active-border-color);
+  }
+`;
+
+export {
+  tag_button_styles_default
+};

package/dist/chunks/{chunk.S6XG7G6X.js → chunk.VDYAE3MB.js}

@@ -4,13 +4,13 @@ import {
 } from "./chunk.JSNVYESF.js";
 import {
   header_styles_default
-} from "./chunk.6SDBUBGE.js";
+} from "./chunk.FKOYZI2V.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.2OZ6SQ6Y.js → chunk.WCJ3TXH5.js}

@@ -400,7 +400,7 @@ var DSARadioGroup = class extends ShoelaceElement {
       this.customValidityError !== "" ? this.customValidityError : this.errorMessage
     ) : ""}
         ${this.description !== "" ? html`
-              <p id="description" classname="form-control__description">
+              <p id="description" class="form-control__description">
                 ${this.description}
               </p>
             ` : ""}

package/dist/chunks/{chunk.XG7KR6BI.js → chunk.WDLYTTNO.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.YWHYMKYI.js";
+} from "./chunk.QADAWCTI.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";