@ds-autonomie/web-components 1.16.2 → 1.18.0

package/dist/chunks/{chunk.IQTKA4UT.js → chunk.GCPXZXYD.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.2T66U3QC.js";
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/chunk.H3OIUOL7.js

@@ -0,0 +1,55 @@
+import {
+  input_styles_default
+} from "./chunk.26R2GJ3D.js";
+
+// src/components/input-date/input-date.styles.ts
+import { css } from "lit";
+var input_date_styles_default = css`
+  ${input_styles_default}
+
+  .input-date__value-input {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: -1;
+  }
+
+  .input--date {
+    overflow: visible;
+  }
+
+  .icon-button--date {
+    --padding: var(--dsa-spacing-4);
+    margin-right: var(--dsa-wc-input-padding-x);
+  }
+
+  .date-popup::part(popup) {
+    z-index: var(--dsa-wc-z-index-dropdown);
+  }
+
+  .date--panel {
+    border: 1px solid var(--dsa-wc-filter-date-panel-border-color);
+    padding: var(--dsa-wc-filter-date-panel-padding);
+    border-radius: var(--dsa-wc-filter-date-panel-border-radius);
+    background: var(--dsa-color-background-base);
+    box-shadow: var(--dsa-wc-shadow-small);
+  }
+
+  .date-anchor {
+    width: 100%;
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+  }
+`;
+
+export {
+  input_date_styles_default
+};

package/dist/chunks/{chunk.CKBRIIGV.js → chunk.HF2BKQ7K.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk.EMIT7S33.js";
 import {
   dialog_styles_default
-} from "./chunk.LFYUJOPU.js";
+} from "./chunk.JH5GMUO7.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";
@@ -48,6 +48,7 @@ var DSADialog = class extends ShoelaceElement {
     super(...arguments);
     this.hasSlotController = new HasSlotController(this, "footer");
     this.localize = new LocalizeController(this);
+    this.modal = new Modal(this);
     this.open = false;
     this.label = "";
     this.noHeader = false;
@@ -68,6 +69,7 @@ var DSADialog = class extends ShoelaceElement {
   }
   disconnectedCallback() {
     super.disconnectedCallback();
+    this.modal.deactivate();
     unlockBodyScrolling(this);
   }
   requestClose(source) {
@@ -91,7 +93,7 @@ var DSADialog = class extends ShoelaceElement {
     document.removeEventListener("keydown", this.handleDocumentKeyDown);
   }
   handleDocumentKeyDown(event) {
-    if (this.open && event.key === "Escape") {
+    if (this.open && this.modal.isActive() && event.key === "Escape") {
       event.stopPropagation();
       this.requestClose("keyboard");
     }
@@ -231,7 +233,7 @@ var DSADialog = class extends ShoelaceElement {
       this.noHeader ? this.label : void 0
     )}
           aria-labelledby=${ifDefined(!this.noHeader ? "title" : void 0)}
-          tabindex="0"
+          tabindex="-1"
         >
           ${!this.noHeader ? html`
                 <header part="header" class="dialog__header">
@@ -253,7 +255,7 @@ var DSADialog = class extends ShoelaceElement {
                   </div>
                 </header>
               ` : ""}
-          <div class="dialog__body-container" tabindex="0">
+          <div class="dialog__body-container" tabindex="-1">
             <slot part="body" class="dialog__body"></slot>
           </div>
           <footer part="footer" class="dialog__footer">

package/dist/chunks/chunk.HF7GESMZ.js

@@ -0,0 +1,15 @@
+// src/internal/math.ts
+function clamp(value, min, max) {
+  const noNegativeZero = (n) => Object.is(n, -0) ? 0 : n;
+  if (value < min) {
+    return noNegativeZero(min);
+  }
+  if (value > max) {
+    return noNegativeZero(max);
+  }
+  return noNegativeZero(value);
+}
+
+export {
+  clamp
+};

package/dist/chunks/{chunk.43EIYNTL.js → chunk.HSLR5GY4.js}

@@ -213,6 +213,7 @@ var input_phone_styles_default = css`
 
   /* Select  */
   .input-phone__select {
+    flex-shrink: 0;
     min-width: var(--input-phone__select__min-width);
   }
 
@@ -221,12 +222,17 @@ var input_phone_styles_default = css`
     border-right: none;
     height: auto;
     font-size: inherit;
+    padding: 4px 4px 4px 8px;
   }
 
   .input-phone__select::part(popup) {
     display: unset;
   }
 
+  .input-phone__select::part(display-input) {
+    text-align: center;
+  }
+
   :not(.form-control--readonly):not(form-control--disabled)
     > dsa-select:not(.input-phone__select-error) {
     --dsa-wc-internal-select-on-base-active-background-color: var(
@@ -304,7 +310,7 @@ var input_phone_styles_default = css`
    * Size modifiers
    */
   .form-control--small {
-    --input-phone__select__min-width: 100px;
+    --input-phone__select__min-width: 54px;
   }
   .form-control--small .input-phone__input,
   .form-control--small dsa-select::part(combobox) {
@@ -319,7 +325,7 @@ var input_phone_styles_default = css`
   }
 
   .form-control--medium {
-    --input-phone__select__min-width: 115px;
+    --input-phone__select__min-width: 68px;
   }
   .form-control--medium dsa-select::part(combobox) {
     height: var(--dsa-wc-input-phone-height);
@@ -331,7 +337,7 @@ var input_phone_styles_default = css`
   }
 
   .form-control--large {
-    --input-phone__select__min-width: 118px;
+    --input-phone__select__min-width: 68px;
   }
   .form-control--large
     .input-phone___input.form-control--large

package/dist/chunks/{chunk.5MB36CJO.js → chunk.IMRGO6QP.js}

@@ -1,6 +1,6 @@
 import {
   footer_sitemap_item_styles_default
-} from "./chunk.2PA4QKLT.js";
+} from "./chunk.KKJF6BYU.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.JXWCUSV3.js → chunk.ISIFJ4EB.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.O2OMAMMI.js → chunk.IWQVNYM3.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.LFYUJOPU.js → chunk.JH5GMUO7.js}

@@ -30,6 +30,7 @@ var dialog_styles_default = css`
   .dialog__panel {
     display: flex;
     flex-direction: column;
+    overflow: auto;
     z-index: 2;
     width: var(--dsa-wc-dialog-size);
     max-width: calc(100% - var(--dsa-wc-dialog-panel-gutter));
@@ -56,13 +57,15 @@ var dialog_styles_default = css`
   }
 
   .dialog--open .dialog__panel {
-    display: flex;
     opacity: 1;
   }
 
   .dialog__header {
+    position: sticky;
+    top: 0;
     flex: 0 0 auto;
     display: flex;
+    background-color: var(--dsa-wc-dialog-panel-color);
   }
 
   .dialog__title {
@@ -94,7 +97,6 @@ var dialog_styles_default = css`
     flex: 1 1 auto;
     display: block;
     padding: var(--body-spacing);
-    overflow: auto;
     -webkit-overflow-scrolling: touch;
   }
 
@@ -102,15 +104,11 @@ var dialog_styles_default = css`
   .dialog__body-container {
     margin: 4px;
     display: block;
-    overflow: auto;
-  }
-
-  .dialog__body-container:focus-visible {
-    outline: var(--dsa-wc-focus-ring);
-    border-radius: var(--dsa-wc-focus-ring-radius);
   }
 
   .dialog__footer {
+    position: sticky;
+    bottom: 0;
     display: flex;
     gap: 16px;
     flex-direction: row;
@@ -118,6 +116,7 @@ var dialog_styles_default = css`
     text-align: right;
     padding: var(--footer-spacing);
     border-top: var(--dsa-wc-dialog-footer-border);
+    background-color: var(--dsa-wc-dialog-panel-color);
   }
 
   .dialog__footer ::slotted(dsa-button:not(:first-of-type)) {

package/dist/chunks/{chunk.A3RCXT25.js → chunk.JKSDPLU3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.BRHJBTGS.js";
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.2PA4QKLT.js → chunk.KKJF6BYU.js}

@@ -34,6 +34,7 @@ var footer_sitemap_item_styles_default = css`
   
   ::slotted(*:focus-visible) {
     outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
     border-radius: var(--dsa-wc-focus-ring-radius);
   })
 `;

package/dist/chunks/{chunk.VDOVUA55.js → chunk.KOTPR264.js}

@@ -47,6 +47,7 @@ var accordion_styles_default = css`
 
   .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);
   }
 

package/dist/chunks/{chunk.4EFJ2NV3.js → chunk.KSF45YRN.js}

@@ -38,12 +38,17 @@ var table_container_styles_default = css`
 
   .bar-container--has-toolbar,
   .bar-container--has-action {
-    margin-top: var(--dsa-spacing-12);
+    position: sticky;
+    top: 0;
+    background-color: var(--dsa-color-surface-base);
+    padding-top: var(--dsa-spacing-12);
+    padding-bottom: var(--dsa-spacing-12);
+    z-index: 10;
   }
 
   .bar-container--has-toolbar [part~='action']::slotted(*) {
     position: absolute;
-    top: 0px;
+    top: var(--dsa-spacing-12);
     left: 0px;
   }
 

package/dist/chunks/{chunk.BHQ3BNQA.js → chunk.L2L37MWZ.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.U7V5J6UX.js";
 import {
   calendar_styles_default
-} from "./chunk.2P44D5YL.js";
+} from "./chunk.L5DEEGJU.js";
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";
@@ -19,7 +19,7 @@ import {
 
 // src/components/calendar/calendar.ts
 import { html } from "lit";
-import { customElement, property, query, state } from "lit/decorators.js";
+import { customElement, property, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 
 // src/internal/components/calendar/calendar.ts
@@ -34,8 +34,8 @@ var DSACalendar = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
     this.localize = new LocalizeController(this);
-    this.startDate = getISOFormattedDate(new Date());
     this.value = "";
+    this.startDate = getISOFormattedDate(new Date());
     this.range = false;
   }
   firstUpdated() {
@@ -49,10 +49,10 @@ var DSACalendar = class extends ShoelaceElement {
     this.calendar.value = dates.length > 1 ? dates : dates[0];
   }
   get parsedDateValue() {
-    if (this.value === void 0) {
+    if (this.value === "") {
       return [];
     }
-    return this.value.split(",").map((dateString) => new Date(dateString));
+    return this.value.split(",").filter((dateString) => dateString !== "").map((dateString) => new Date(dateString));
   }
   handleDateSelection(event) {
     const { detail } = event;
@@ -87,11 +87,9 @@ var DSACalendar = class extends ShoelaceElement {
   handleValueChange() {
     if (this.value === "") {
       this.calendar.value = void 0;
-      this.startDate = getISOFormattedDate(new Date());
       return;
     }
     this.updateCalendarValue();
-    this.startDate = getISOFormattedDate(this.parsedDateValue[0]);
   }
   render() {
     return html`
@@ -100,7 +98,7 @@ var DSACalendar = class extends ShoelaceElement {
         ?range=${ifDefined(this.range)}
         @selectDate=${this.handleDateSelection}
         @changeMonth=${this.handleMonthSelection}
-        start-date=${this.startDate}
+        start-date=${this.value === "" ? this.startDate : getISOFormattedDate(this.parsedDateValue[0])}
         locale=${this.localize.lang()}
         .labels=${this.getLabels()}
         first-day-of-week=${CALENDAR_MONDAY_INDEX}
@@ -109,15 +107,15 @@ var DSACalendar = class extends ShoelaceElement {
   }
 };
 DSACalendar.styles = calendar_styles_default;
-__decorateClass([
-  state()
-], DSACalendar.prototype, "startDate", 2);
 __decorateClass([
   query(".calendar")
 ], DSACalendar.prototype, "calendar", 2);
 __decorateClass([
   property()
 ], DSACalendar.prototype, "value", 2);
+__decorateClass([
+  property({ attribute: "start-date" })
+], DSACalendar.prototype, "startDate", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], DSACalendar.prototype, "range", 2);

package/dist/chunks/{chunk.2P44D5YL.js → chunk.L5DEEGJU.js}

@@ -189,10 +189,19 @@ var calendar_styles_default = css`
     border-radius: var(--dsa-wc-calendar-radius);
     border: 1px solid var(--dsa-wc-calendar-cell-border-color);
   }
+  @media (forced-colors: active) {
+    .wc-datepicker__date--today > * {
+      border-style: dotted;
+    }
+  }
 
   .wc-datepicker__date--in-range > * {
     background-color: var(--dsa-wc-calendar-cell-hover-color);
   }
+  .wc-datepicker__date--in-range:not(.wc-datepicker__date--today) > * {
+    border-top: 1px solid transparent;
+    border-bottom: 1px solid transparent;
+  }
 
   .wc-datepicker__date--in-range:not(.wc-datepicker__date--end):not(
       .wc-datepicker__date--selected
@@ -216,7 +225,7 @@ var calendar_styles_default = css`
     background-color: var(--dsa-color-primitive-colors-identity-purple-800);
   }
 
-  .wc-datepicker__date--start > * {
+  .wc-datepicker__date--start:not(.wc-datepicker__date--end) > * {
     border-radius: 4px 0px 0px 4px;
     border: 1px solid var(--dsa-wc-calendar-cell-border-color);
   }

package/dist/chunks/{chunk.Z74FEBJS.js → chunk.L6I3R7R4.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.D433F3FV.js → chunk.LDRVRUQG.js}

@@ -45,6 +45,7 @@ var header_styles_default = css`
   }
   [part~='first-logo']:focus-visible {
     outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
     border-radius: var(--dsa-wc-focus-ring-radius);
   }
 

package/dist/chunks/{chunk.ZLGBX4RI.js → chunk.LQ42ZLXI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.XSXVVUKP.js";
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.VXQMFXV5.js → chunk.M7QP6END.js}

@@ -22,7 +22,6 @@ var card_styles_default = css`
   }
 
   .card.link {
-    text-decoration: none;
     transition: var(--dsa-wc-transition-x-fast) background-color,
       var(--dsa-wc-transition-x-fast) border,
       var(--dsa-wc-transition-x-fast) box-shadow;
@@ -31,11 +30,30 @@ var card_styles_default = css`
   .card.link:active {
     background-color: var(--dsa-wc-card-link-background-active);
   }
-  .card.link:focus-visible {
+  .card.link:focus-within {
     outline: var(--dsa-wc-focus-ring);
     outline-offset: var(--dsa-wc-focus-ring-offset);
   }
 
+  .card.link a {
+    text-decoration: none;
+    color: inherit;
+  }
+  .card.link a::after{
+    position: absolute;
+    left: 0;
+    width: 100%;
+    top: 0;
+    bottom: 0;
+    content: '';
+    }
+    .card.link a:hover::after {
+    bottom: -3px;
+    }
+    .card.link a:focus {
+    outline: none;
+  }
+
   .card.link:hover {
     border-color: var(--dsa-wc-card-link-border-color-hover);
     box-shadow: var(--dsa-wc-card-link-box-shadow-hover);

package/dist/chunks/{chunk.WPYZYOD5.js → chunk.MFWGK7WB.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.PUPPORXG.js";
 import {
   DSATableRow
-} from "./chunk.7J3HDP6J.js";
+} from "./chunk.AC3HBDLB.js";
 import {
   __decorateClass
 } from "./chunk.6M63UXML.js";

package/dist/chunks/{chunk.RBXTMFL6.js → chunk.MNWP6APB.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.H2JSXKGD.js → chunk.MPZ56XQK.js}

@@ -32,6 +32,10 @@ var anchor_tag_styles_default = css`
     background: hsla(267, 61%, 81%, 1);
   }
 
+  .anchor-tag:focus-visible {
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
   .anchor-tag__prefix,
   .anchor-tag__suffix {
     flex: 0 0 auto;

package/dist/chunks/{chunk.MUGCPHYQ.js → chunk.MSCG6J3T.js}

@@ -1,16 +1,16 @@
+import {
+  header_styles_default
+} from "./chunk.LDRVRUQG.js";
 import {
   cnsaLogoSvg,
   dsaLogoSvg
 } from "./chunk.JSNVYESF.js";
-import {
-  header_styles_default
-} from "./chunk.D433F3FV.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";