@ds-autonomie/web-components 2.5.0 → 2.6.0

package/cdn/chunks/chunk.G5XJFGB7.js

@@ -0,0 +1,299 @@
+import {
+  DSAInputTime
+} from "./chunk.WMYZCWFM.js";
+import {
+  DSAInputDate
+} from "./chunk.FEKXPEIL.js";
+import {
+  InputBase
+} from "./chunk.YGJ3KERC.js";
+import {
+  o
+} from "./chunk.YQLIIKLI.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
+import {
+  e,
+  n,
+  t
+} from "./chunk.DZB6XUZ7.js";
+import {
+  x
+} from "./chunk.7HUC6BF3.js";
+import {
+  __decorateClass
+} from "./chunk.4ZGVANML.js";
+
+// src/components/input/input.ts
+var DSAInput = class extends InputBase {
+  constructor() {
+    super(...arguments);
+    this.hideCalendarButton = false;
+  }
+  /**
+   * Connect methods to underlying input element
+   */
+  /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */
+  get valueAsDate() {
+    return this.inputElement.valueAsDate;
+  }
+  set valueAsDate(newValue) {
+    this.inputElement.valueAsDate = newValue;
+    this.value = this.inputElement.value;
+  }
+  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */
+  get valueAsNumber() {
+    return this.inputElement.valueAsNumber;
+  }
+  set valueAsNumber(newValue) {
+    this.inputElement.valueAsNumber = newValue;
+    this.value = this.inputElement.value;
+  }
+  /** Gets the validity state object */
+  get validity() {
+    return this.inputElement.validity;
+  }
+  /** Gets the validation message */
+  get validationMessage() {
+    return this.inputElement.validationMessage;
+  }
+  handleChange() {
+    this.value = this.inputElement.value;
+  }
+  handleInput() {
+    this.value = this.inputElement.value;
+  }
+  handleStepChange() {
+    this.inputElement.step = this.step;
+    this.formControlController.updateValidity();
+  }
+  /** Sets focus on the input. */
+  focus(options) {
+    this.inputElement.focus(options);
+  }
+  /** Removes focus from the input. */
+  blur() {
+    this.inputElement.blur();
+  }
+  /** Selects all the text in the input. */
+  select() {
+    this.inputElement.select();
+  }
+  /** Sets the start and end positions of the text selection (0-based). */
+  setSelectionRange(selectionStart, selectionEnd, selectionDirection = "none") {
+    this.inputElement.setSelectionRange(
+      selectionStart,
+      selectionEnd,
+      selectionDirection
+    );
+  }
+  /** Replaces a range of text with a new string. */
+  setRangeText(replacement, start, end, selectMode) {
+    this.inputElement.setRangeText(replacement, start, end, selectMode);
+    if (this.value !== this.inputElement.value) {
+      this.value = this.inputElement.value;
+    }
+  }
+  async showTimePicker() {
+    if (this.inputElement instanceof DSAInputTime) {
+      await this.inputElement.showTimePicker();
+    }
+  }
+  async hideTimePicker() {
+    if (this.inputElement instanceof DSAInputTime) {
+      await this.inputElement.hideTimePicker();
+    }
+  }
+  async showDatepicker() {
+    if (this.inputElement instanceof DSAInputDate) {
+      await this.inputElement.showDatepicker();
+    }
+  }
+  async hideDatepicker() {
+    if (this.inputElement instanceof DSAInputDate) {
+      await this.inputElement.hideDatepicker();
+    }
+  }
+  /** Increments the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter. */
+  stepUp(stepNumber) {
+    this.inputElement.stepUp(stepNumber);
+    if (this.value !== this.inputElement.value) {
+      this.value = this.inputElement.value;
+    }
+  }
+  /** Decrements the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.  */
+  stepDown(stepNumber) {
+    this.inputElement.stepDown(stepNumber);
+    if (this.value !== this.inputElement.value) {
+      this.value = this.inputElement.value;
+    }
+  }
+  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
+  checkValidity() {
+    return this.inputElement.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.inputElement.reportValidity();
+  }
+  /** Sets a custom validation message. Pass an empty string to restore validity. */
+  setCustomValidity(message) {
+    this.inputElement.setCustomValidity(message);
+  }
+  async getUpdateComplete() {
+    if (!this.inputElement) return false;
+    return await this.inputElement.updateComplete;
+  }
+  render() {
+    if (this.type === "date") {
+      return x`
+        <dsa-input-date
+          class="input-element"
+          name=${o(this.name)}
+          title=${o(this.title)}
+          value=${this.value}
+          .defaultValue=${o(this.defaultValue)}
+          size=${o(this.size)}
+          variant=${o(this.variant)}
+          label=${o(this.label)}
+          help-text=${o(this.helpText)}
+          ?clearable=${this.clearable}
+          ?disabled=${this.disabled}
+          lang=${o(this.lang)}
+          placeholder=${o(this.placeholder)}
+          ?readonly=${this.readonly}
+          ?error=${this.error}
+          .errorMessage=${o(this.errorMessage)}
+          form=${o(this.form)}
+          .formControlController=${this.formControlController}
+          ?required=${this.required}
+          min=${o(this.min)}
+          max=${o(this.max)}
+          calendar-start-date=${o(this.calendarStartDate)}
+          ?hide-calendar-button=${o(this.hideCalendarButton)}
+          ?autofocus=${this.autofocus}
+          enterkeyhint=${o(this.enterkeyhint)}
+          @dsa-change=${this.handleChange}
+          @dsa-input=${this.handleInput}
+          description=${o(this.description)}
+        >
+          ${this.hasSlotController.test("label") ? x` <slot name="label" slot="label"></slot> ` : ""}
+          ${this.hasSlotController.test("prefix") ? x` <slot name="prefix" slot="prefix"></slot> ` : ""}
+          ${this.hasSlotController.test("help-text") ? x` <slot name="help-text" slot="help-text"></slot> ` : ""}
+          ${this.hasSlotController.test("tooltip") ? x` <slot name="tooltip" slot="tooltip"></slot> ` : ""}
+        </dsa-input-date>
+      `;
+    } else if (this.type === "time") {
+      return x`
+        <dsa-input-time
+          class="input-element"
+          name=${o(this.name)}
+          title=${o(this.title)}
+          value=${this.value}
+          .defaultValue=${o(this.defaultValue)}
+          size=${o(this.size)}
+          variant=${o(this.variant)}
+          label=${o(this.label)}
+          help-text=${o(this.helpText)}
+          ?clearable=${this.clearable}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          ?error=${this.error}
+          .errorMessage=${o(this.errorMessage)}
+          form=${o(this.form)}
+          .formControlController=${this.formControlController}
+          ?required=${this.required}
+          min=${o(this.min)}
+          max=${o(this.max)}
+          step=${o(this.step)}
+          ?autofocus=${this.autofocus}
+          enterkeyhint=${o(this.enterkeyhint)}
+          @dsa-change=${this.handleChange}
+          @dsa-input=${this.handleInput}
+          description=${o(this.description)}
+        >
+          ${this.hasSlotController.test("label") ? x` <slot name="label" slot="label"></slot> ` : ""}
+          ${this.hasSlotController.test("prefix") ? x` <slot name="prefix" slot="prefix"></slot> ` : ""}
+          ${this.hasSlotController.test("suffix") ? x` <slot name="suffix" slot="suffix"></slot> ` : ""}
+          ${this.hasSlotController.test("help-text") ? x` <slot name="help-text" slot="help-text"></slot> ` : ""}
+          ${this.hasSlotController.test("tooltip") ? x` <slot name="tooltip" slot="tooltip"></slot> ` : ""}
+        </dsa-input-time>
+      `;
+    } else {
+      return x`
+        <dsa-input-native
+          class="input-element"
+          title=${o(this.title)}
+          name=${o(this.name)}
+          size=${o(this.size)}
+          variant=${o(this.variant)}
+          label=${o(this.label)}
+          help-text=${o(this.helpText)}
+          ?disabled=${this.disabled}
+          placeholder=${o(this.placeholder)}
+          ?readonly=${this.readonly}
+          ?error=${this.error}
+          .errorMessage=${o(this.errorMessage)}
+          form=${o(this.form)}
+          .formControlController=${this.formControlController}
+          ?required=${this.required}
+          description=${o(this.description)}
+          type=${this.type}
+          value=${this.value}
+          .defaultValue=${o(this.defaultValue)}
+          ?clearable=${this.clearable}
+          ?passwordVisible=${this.passwordVisible}
+          pattern=${o(this.pattern)}
+          minlength=${o(this.minlength)}
+          maxlength=${o(this.maxlength)}
+          ?counter=${this.counter}
+          min=${o(this.min)}
+          max=${o(this.max)}
+          step=${o(this.step)}
+          autocapitalize=${o(this.autocapitalize)}
+          autocorrect=${o(this.autocorrect)}
+          autocomplete=${o(this.autocomplete)}
+          ?autofocus=${this.autofocus}
+          enterkeyhint=${o(this.enterkeyhint)}
+          spellcheck=${this.spellcheck}
+          inputmode=${o(this.inputmode)}
+          @dsa-change=${this.handleChange}
+          @dsa-input=${this.handleInput}
+        >
+          ${this.hasSlotController.test("label") ? x` <slot name="label" slot="label"></slot> ` : ""}
+          ${this.hasSlotController.test("prefix") ? x` <slot name="prefix" slot="prefix"></slot> ` : ""}
+          ${this.hasSlotController.test("suffix") ? x` <slot name="suffix" slot="suffix"></slot> ` : ""}
+          ${this.hasSlotController.test("help-text") ? x` <slot name="help-text" slot="help-text"></slot> ` : ""}
+          ${this.hasSlotController.test("tooltip") ? x` <slot name="tooltip" slot="tooltip"></slot> ` : ""}
+        </dsa-input-native>
+      `;
+    }
+  }
+};
+__decorateClass([
+  e(".input-element")
+], DSAInput.prototype, "inputElement", 2);
+__decorateClass([
+  n()
+], DSAInput.prototype, "lang", 2);
+__decorateClass([
+  n({ attribute: "calendar-start-date" })
+], DSAInput.prototype, "calendarStartDate", 2);
+__decorateClass([
+  n({ attribute: "hide-calendar-button", type: Boolean })
+], DSAInput.prototype, "hideCalendarButton", 2);
+__decorateClass([
+  watch("step", { waitUntilFirstUpdate: true })
+], DSAInput.prototype, "handleStepChange", 1);
+DSAInput = __decorateClass([
+  t("dsa-input")
+], DSAInput);
+
+export {
+  DSAInput
+};

package/cdn/chunks/{chunk.6SV5RDDG.js → chunk.GDIEIS6B.js}

@@ -11,13 +11,13 @@ import {
 } from "./chunk.WOGTGKIT.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   ShoelaceElement,
   e,

package/cdn/chunks/{chunk.Z3BBDSTK.js → chunk.GQ32IEJJ.js}

@@ -32,31 +32,34 @@ var navbar_link_styles_default = i`
     background-color: var(--dsa-wc-navbar-button-background-hover);
   }
 
-  .navbar-link[aria-current='page'] {
-    color: var(--dsa-wc-menu-navigation-item-current-color);
-    background-color: var(
-      --dsa-wc-menu-navigation-item-current-background-color
-    );
-  }
-
   /*
    * Desktop 
    */
   .navbar-link--desktop {
     height: var(--dsa-wc-navbar-button-height-desktop);
-    cursor: pointer;
     border-bottom: 1px solid transparent;
     padding: var(--dsa-wc-navbar-button-padding-desktop);
   }
+  .navbar-link--desktop[aria-current] {
+    border-bottom: var(--dsa-wc-navbar-button-border-bottom-active);
+  }
 
   /* 
-   * Mobile 
-   */
+  * Mobile 
+  */
   .navbar-link--mobile {
     width: 100%;
     min-height: var(--dsa-wc-navbar-button-height-mobile);
     padding: var(--dsa-wc-navbar-link-padding-mobile);
   }
+  /* On mobile, imitate menu navigation item */
+  .navbar-link--mobile[aria-current] {
+    color: var(--dsa-wc-menu-navigation-item-current-color);
+    background-color: var(
+      --dsa-wc-menu-navigation-item-current-background-color
+    );
+    font: var(--dsa-wc-menu-item-font-current);
+  }
 `;
 
 export {

package/cdn/chunks/{chunk.UYGSA2IW.js → chunk.GQX7M5AG.js}

@@ -1,6 +1,6 @@
 import {
   menu_item_styles_default
-} from "./chunk.KQJPZZKZ.js";
+} from "./chunk.LECF7BRI.js";
 import {
   getTextContent
 } from "./chunk.YIY5RM53.js";
@@ -8,9 +8,6 @@ import {
   i,
   u
 } from "./chunk.VIVOXZF6.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.B6GVVW66.js";
@@ -20,6 +17,9 @@ import {
 import {
   e as e2
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   ShoelaceElement,
   e,

package/cdn/chunks/{chunk.YSKD4LUA.js → chunk.GZC77QJ2.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.KDSIJN5N.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 {
   ShoelaceElement,
   n,

package/cdn/chunks/{chunk.373WDEVW.js → chunk.H6OWTQYW.js}

@@ -1,6 +1,6 @@
 import {
   footer_sitemap_styles_default
-} from "./chunk.PA2DSNXY.js";
+} from "./chunk.LYYAJ64E.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -25,6 +25,7 @@ var DSAFooterSitemap = class extends ShoelaceElement {
     super(...arguments);
     this.hasSlotController = new HasSlotController(this, "label");
     this.vertical = false;
+    this.alignLinks = "left";
   }
   connectedCallback() {
     super.connectedCallback();
@@ -38,6 +39,8 @@ var DSAFooterSitemap = class extends ShoelaceElement {
       <div
         class=${e({
       "footer-sitemap": true,
+      "footer-sitemap--align-links-center": this.alignLinks === "center",
+      "footer-sitemap--align-links-right": this.alignLinks === "right",
       "footer-sitemap--has-label": hasLabelSlot,
       "footer-sitemap--has-vertical": this.vertical
     })}
@@ -54,6 +57,9 @@ DSAFooterSitemap.styles = footer_sitemap_styles_default;
 __decorateClass([
   n({ type: Boolean, reflect: true })
 ], DSAFooterSitemap.prototype, "vertical", 2);
+__decorateClass([
+  n({ attribute: "align-links" })
+], DSAFooterSitemap.prototype, "alignLinks", 2);
 DSAFooterSitemap = __decorateClass([
   t("dsa-footer-sitemap")
 ], DSAFooterSitemap);

package/cdn/chunks/{chunk.3YELONZ5.js → chunk.HDRKPRUA.js}

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

package/cdn/chunks/{chunk.2S3446TB.js → chunk.HHCBFRDK.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.CUCCBQJX.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.Y2RQJPXD.js → chunk.HPRHLYFN.js}

@@ -1,22 +1,22 @@
-import {
-  step_styles_default
-} from "./chunk.DJGIYI6C.js";
 import {
   getStepIcon
 } from "./chunk.CCTWXABH.js";
+import {
+  step_styles_default
+} from "./chunk.DJGIYI6C.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
+import {
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
 import {
   i,
   u
 } from "./chunk.VIVOXZF6.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  a11yWarning
-} from "./chunk.PWL7QCVG.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";

package/cdn/chunks/chunk.I5IKEQES.js

@@ -0,0 +1,17 @@
+// src/internal/debounce.ts
+var TIMER_ID_KEY = Symbol();
+function debounce(delay) {
+  return (_target, _propertyKey, descriptor) => {
+    const fn = descriptor.value;
+    descriptor.value = function valueFn(...args) {
+      clearTimeout(this[TIMER_ID_KEY]);
+      this[TIMER_ID_KEY] = window.setTimeout(() => {
+        fn.apply(this, args);
+      }, delay);
+    };
+  };
+}
+
+export {
+  debounce
+};

package/cdn/chunks/{chunk.NOI6NFVL.js → chunk.IITHS63H.js}

@@ -1,9 +1,9 @@
 import {
   DSARadioGroup
-} from "./chunk.F6BCRVNV.js";
+} from "./chunk.WY4UKTES.js";
 import {
   FormSelectableCard
-} from "./chunk.6BPVPY42.js";
+} from "./chunk.SW5XVMTS.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.NMVBZ537.js → chunk.IJXVW3NO.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";

package/cdn/chunks/{chunk.I6WQAXU3.js → chunk.IMC5I6EI.js}

@@ -4,13 +4,13 @@ import {
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
+import {
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
 import {
   i,
   u
 } from "./chunk.VIVOXZF6.js";
-import {
-  a11yWarning
-} from "./chunk.PWL7QCVG.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";
@@ -54,7 +54,7 @@ var DSACardNavItem = class extends ShoelaceElement {
       >
         <div class="card-nav-item__body">
           <slot></slot>
-          <dsa-icon name="arrow_forward" class="card-nav-item__icon"></dsa-icon>
+          <dsa-icon library="system" name="arrow_forward" class="card-nav-item__icon"></dsa-icon>
       </div>
       </${tag}>
     `;

package/cdn/chunks/{chunk.XGOXFBM5.js → chunk.JX2MFFJA.js}

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

package/cdn/chunks/{chunk.JG2GJKT5.js → chunk.KCXGUZTZ.js}

@@ -1,9 +1,9 @@
 import {
   DSARadioGroup
-} from "./chunk.F6BCRVNV.js";
+} from "./chunk.WY4UKTES.js";
 import {
   FormToggleButton
-} from "./chunk.QHU2DUDS.js";
+} from "./chunk.CJNB57EY.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.Y4XSMWCI.js → chunk.KFT3VHUN.js}

@@ -15,16 +15,16 @@ import {
 } from "./chunk.3NWILHZZ.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
+} 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,

package/cdn/chunks/{chunk.KQJPZZKZ.js → chunk.LECF7BRI.js}

@@ -26,13 +26,14 @@ var menu_item_styles_default = i`
     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;
@@ -46,14 +47,23 @@ var menu_item_styles_default = i`
     font: var(--dsa-wc-menu-item-small-font);
     padding: var(--dsa-wc-menu-item-small-padding);
   }
+  .menu-item.menu-item--small[aria-current] {
+    font: var(--dsa-wc-menu-item-small-font-current);
+  }
   .menu-item.menu-item--medium {
     font: var(--dsa-wc-menu-item-font);
     padding: var(--dsa-wc-menu-item-padding);
   }
+  .menu-item.menu-item--medium[aria-current] {
+    font: var(--dsa-wc-menu-item-font-current);
+  }
   .menu-item.menu-item--large {
     font: var(--dsa-wc-menu-item-large-font);
     padding: var(--dsa-wc-menu-item-large-padding);
   }
+  .menu-item.menu-item--large[aria-current] {
+    font: var(--dsa-wc-menu-item-large-font-current);
+  }
 
   .menu-item.menu-item--disabled {
     color: var(--dsa-wc-menu-item-disabled-color);

package/cdn/chunks/{chunk.BNLQUWBO.js → chunk.LVFCBYOP.js}

@@ -1,9 +1,9 @@
-import {
-  DSATable
-} from "./chunk.A5QRPK4Q.js";
 import {
   table_body_styles_default
 } from "./chunk.P54A3JER.js";
+import {
+  DSATable
+} from "./chunk.ZWNQFLCW.js";
 import {
   LoadingStateElement
 } from "./chunk.A4FPLOFR.js";

package/cdn/chunks/{chunk.EF2VOGBL.js → chunk.LYIECKOK.js}

@@ -481,7 +481,7 @@ P.valueOf = function() {
 var Big = _Big_();
 var big_default = Big;
 
-// src/components/input/input.utils.ts
+// src/components/input-native/input-native.utils.ts
 function isPrefixIconOverriden(type) {
   return ["email", "password", "search"].includes(type);
 }