@ds-autonomie/web-components 2.4.1 → 2.5.1

package/cdn/chunks/{chunk.URME4YZI.js → chunk.E2ERJT5L.js}

@@ -2,17 +2,11 @@ import {
   input_otp_styles_default
 } from "./chunk.W6JXBJWF.js";
 import {
-  FormControlLayout
-} from "./chunk.E73QKLNL.js";
+  InputBase
+} from "./chunk.YGJ3KERC.js";
 import {
   l
 } from "./chunk.7PPSHHT2.js";
-import {
-  defaultValue
-} from "./chunk.YY5FKN3H.js";
-import {
-  FormControlController
-} from "./chunk.3NWILHZZ.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -39,38 +33,12 @@ import {
 } from "./chunk.4ZGVANML.js";
 
 // src/components/input-otp/input-otp.ts
-var DSAInputOTP = class extends FormControlLayout {
+var DSAInputOTP = class extends InputBase {
   constructor() {
     super(...arguments);
-    this.formControlController = new FormControlController(this, {
-      assumeInteractionOn: ["dsa-blur", "dsa-input"]
-    });
-    this.hasFocus = false;
     this.currentIndex = 0;
-    this.value = "";
-    this.defaultValue = "";
     this.length = 6;
   }
-  /** Gets the validity state object */
-  get validity() {
-    return this.input.validity;
-  }
-  /** Gets the validation message */
-  get validationMessage() {
-    return this.input.validationMessage;
-  }
-  async firstUpdated() {
-    await this.updateComplete;
-    this.formControlController.updateValidity();
-  }
-  handleBlur() {
-    this.hasFocus = false;
-    this.emit("dsa-blur");
-  }
-  handleChange() {
-    this.value = this.input.value;
-    this.emit("dsa-change");
-  }
   handleFocus() {
     this.currentIndex = this.value ? -1 : 0;
     this.hasFocus = true;
@@ -111,19 +79,8 @@ var DSAInputOTP = class extends FormControlLayout {
       this.currentIndex = -1;
     }
   }
-  handleInvalid(event) {
-    this.formControlController.setValidity(false);
-    this.formControlController.emitInvalidEvent(event);
-  }
   handleKeyDown(event) {
-    const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
-    if (event.key === "Enter" && !hasModifier) {
-      setTimeout(() => {
-        if (!event.defaultPrevented && !event.isComposing) {
-          this.formControlController.submit();
-        }
-      });
-    }
+    super.handleKeyDown(event);
     if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(event.key)) {
       event.preventDefault();
       switch (event.key) {
@@ -156,12 +113,6 @@ var DSAInputOTP = class extends FormControlLayout {
   getLastIndex() {
     return this.value.length > 0 ? Math.min(this.value.length, this.length - 1) : 0;
   }
-  getDescriptionIds() {
-    let ids = [];
-    if (this.error) ids = ["error-text"];
-    ids = [...ids, "help-text", "description"];
-    return ids.join(" ");
-  }
   handleCurrentIndexChange() {
     if (this.currentIndex === -1) {
       this.input.setSelectionRange(0, this.input.value.length);
@@ -169,47 +120,9 @@ var DSAInputOTP = class extends FormControlLayout {
       this.input.setSelectionRange(this.currentIndex, this.currentIndex + 1);
     }
   }
-  handleDisabledChange() {
-    this.formControlController.setValidity(this.disabled);
-  }
-  async handleValueChange() {
-    await this.updateComplete;
-    this.formControlController.updateValidity();
-  }
   handlePatterChange() {
     this.patternRegexp = new RegExp(this.pattern);
   }
-  /** Removes focus from the input. */
-  blur() {
-    this.input.blur();
-  }
-  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-  checkValidity() {
-    return this.input.checkValidity();
-  }
-  /** Sets focus on the input. */
-  focus(options) {
-    this.input.focus(options);
-  }
-  /** 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.input.reportValidity();
-  }
-  /** Selects all the text in the input. */
-  select() {
-    if (this.input instanceof HTMLInputElement) {
-      this.input.select();
-    }
-  }
-  /** Sets a custom validation message. Pass an empty string to restore validity. */
-  setCustomValidity(message) {
-    this.input.setCustomValidity(message);
-    this.formControlController.updateValidity();
-  }
   async getUpdateComplete() {
     const result = await super.getUpdateComplete();
     return result;
@@ -296,48 +209,18 @@ DSAInputOTP.styles = input_otp_styles_default;
 __decorateClass([
   e("input")
 ], DSAInputOTP.prototype, "input", 2);
-__decorateClass([
-  r()
-], DSAInputOTP.prototype, "hasFocus", 2);
 __decorateClass([
   r()
 ], DSAInputOTP.prototype, "currentIndex", 2);
 __decorateClass([
   r()
 ], DSAInputOTP.prototype, "patternRegexp", 2);
-__decorateClass([
-  n()
-], DSAInputOTP.prototype, "value", 2);
-__decorateClass([
-  defaultValue()
-], DSAInputOTP.prototype, "defaultValue", 2);
-__decorateClass([
-  n()
-], DSAInputOTP.prototype, "pattern", 2);
 __decorateClass([
   n({ type: Number })
 ], DSAInputOTP.prototype, "length", 2);
-__decorateClass([
-  n()
-], DSAInputOTP.prototype, "autocapitalize", 2);
-__decorateClass([
-  n({ type: Boolean })
-], DSAInputOTP.prototype, "autofocus", 2);
-__decorateClass([
-  n()
-], DSAInputOTP.prototype, "enterkeyhint", 2);
-__decorateClass([
-  n()
-], DSAInputOTP.prototype, "inputmode", 2);
 __decorateClass([
   watch("currentIndex", { waitUntilFirstUpdate: true })
 ], DSAInputOTP.prototype, "handleCurrentIndexChange", 1);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], DSAInputOTP.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("value", { waitUntilFirstUpdate: true })
-], DSAInputOTP.prototype, "handleValueChange", 1);
 __decorateClass([
   watch("pattern")
 ], DSAInputOTP.prototype, "handlePatterChange", 1);

package/cdn/chunks/{chunk.CMRQV2SO.js → chunk.EVV7CPIX.js}

@@ -1,13 +1,13 @@
 import {
-  input_styles_default
-} from "./chunk.L3ZYNSI3.js";
+  input_base_styles_default
+} from "./chunk.OCDDQJHV.js";
 import {
   i
 } from "./chunk.4KHZQZ3M.js";
 
 // src/components/input-date/input-date.styles.ts
 var input_date_styles_default = i`
-  ${input_styles_default}
+  ${input_base_styles_default}
 
   .input--date {
     overflow: visible;

package/cdn/chunks/{chunk.ZDF27RIQ.js → chunk.EYKHHWR5.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.GXQMOXKI.js → chunk.GVTFDL2C.js}

@@ -20,7 +20,6 @@ import {
 import {
   ShoelaceElement,
   n,
-  r,
   t
 } from "./chunk.DZB6XUZ7.js";
 import {
@@ -78,9 +77,6 @@ var DSACard = class extends ShoelaceElement {
   }
 };
 DSACard.styles = card_styles_default;
-__decorateClass([
-  r()
-], DSACard.prototype, "tag", 2);
 __decorateClass([
   n()
 ], DSACard.prototype, "href", 2);

package/cdn/chunks/{chunk.GBGDDTEL.js → chunk.HOIWGDVX.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.4HCR3FZE.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/chunk.I6WQAXU3.js

@@ -0,0 +1,85 @@
+import {
+  card_nav_item_styles_default
+} from "./chunk.YGZ44MNV.js";
+import {
+  HasSlotController
+} from "./chunk.YIY5RM53.js";
+import {
+  i,
+  u
+} from "./chunk.VIVOXZF6.js";
+import {
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
+import {
+  o
+} from "./chunk.YQLIIKLI.js";
+import {
+  ShoelaceElement,
+  n,
+  t
+} from "./chunk.DZB6XUZ7.js";
+import {
+  __decorateClass
+} from "./chunk.4ZGVANML.js";
+
+// src/components/card-nav-item/card-nav-item.ts
+var DSACardNavItem = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "[default]");
+    this.href = "";
+    this.rel = "noreferrer noopener";
+    this.role = "listitem";
+  }
+  isLink() {
+    return this.href ? true : false;
+  }
+  render() {
+    const isLink = this.isLink();
+    const tag = isLink ? i`a` : i`button`;
+    if (!this.hasSlotController.test("[default]")) {
+      a11yWarning(
+        "<dsa-card-nav-item> requires slotted content for accessibility"
+      );
+    }
+    return u`
+      <${tag}
+        part="base"
+        class="card-nav-item"
+        href=${o(isLink ? this.href : void 0)}
+        target=${o(isLink ? this.target : void 0)}
+        download=${o(isLink ? this.download : void 0)}
+        rel=${o(isLink ? this.rel : void 0)}
+      >
+        <div class="card-nav-item__body">
+          <slot></slot>
+          <dsa-icon name="arrow_forward" class="card-nav-item__icon"></dsa-icon>
+      </div>
+      </${tag}>
+    `;
+  }
+};
+DSACardNavItem.styles = card_nav_item_styles_default;
+__decorateClass([
+  n()
+], DSACardNavItem.prototype, "href", 2);
+__decorateClass([
+  n()
+], DSACardNavItem.prototype, "target", 2);
+__decorateClass([
+  n()
+], DSACardNavItem.prototype, "rel", 2);
+__decorateClass([
+  n()
+], DSACardNavItem.prototype, "download", 2);
+__decorateClass([
+  n({ reflect: true })
+], DSACardNavItem.prototype, "role", 2);
+DSACardNavItem = __decorateClass([
+  t("dsa-card-nav-item")
+], DSACardNavItem);
+
+export {
+  DSACardNavItem
+};

package/cdn/chunks/{chunk.ICBLN3KB.js → chunk.IPKU2NK6.js}

@@ -1,20 +1,20 @@
-import {
-  getDateFromISO,
-  isValidDate,
-  monthLength
-} from "./chunk.YBWQADCH.js";
 import {
   l
 } from "./chunk.7PPSHHT2.js";
 import {
   defaultValue
 } from "./chunk.YY5FKN3H.js";
+import {
+  getDateFromISO,
+  isValidDate,
+  monthLength
+} from "./chunk.YBWQADCH.js";
 import {
   FormControlController
 } from "./chunk.3NWILHZZ.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -178,6 +178,11 @@ var DSAInternalDateField = class extends ShoelaceElement {
     input.valueAsDate = newValue;
     this.value = input.value;
   }
+  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */
+  get valueAsNumber() {
+    var _a;
+    return (_a = this.hiddenInput.valueAsNumber) != null ? _a : parseFloat(this.value);
+  }
   /** Gets the validity state object */
   get validity() {
     return this.hiddenInput.validity;
@@ -284,7 +289,6 @@ var DSAInternalDateField = class extends ShoelaceElement {
       this.focusNextSpinbutton(currentInput);
     }
     if (event.key === "Enter") {
-      event.preventDefault();
       this.handleChange();
     }
   }
@@ -396,6 +400,20 @@ var DSAInternalDateField = class extends ShoelaceElement {
     var _a;
     (_a = this.focusedInput[0]) == null ? void 0 : _a.blur();
   }
+  /** 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.hiddenInput.stepUp(stepNumber);
+    if (this.value !== this.hiddenInput.value) {
+      this.value = this.hiddenInput.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.hiddenInput.stepDown(stepNumber);
+    if (this.value !== this.hiddenInput.value) {
+      this.value = this.hiddenInput.value;
+    }
+  }
   /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
   checkValidity() {
     return this.hiddenInput.checkValidity();
@@ -507,6 +525,7 @@ var DSAInternalDateField = class extends ShoelaceElement {
         ?required=${this.required}
         min=${o(this.min)}
         max=${o(this.max)}
+        step=${o(this.step)}
         .value=${l(this.value)}
         tabindex="-1"
         aria-hidden="true"
@@ -593,6 +612,9 @@ __decorateClass([
 __decorateClass([
   n()
 ], DSAInternalDateField.prototype, "max", 2);
+__decorateClass([
+  n()
+], DSAInternalDateField.prototype, "step", 2);
 __decorateClass([
   n({ type: Boolean })
 ], DSAInternalDateField.prototype, "autofocus", 2);

package/cdn/chunks/{chunk.KSCPGWVT.js → chunk.JEOLRBU6.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.6FWACI3G.js → chunk.JOVZPGCQ.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.UM64ZD3C.js → chunk.JUCW3BPM.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.II42H5RK.js";
 import {
   DSACheckboxGroup
-} from "./chunk.5UVKMYSG.js";
+} from "./chunk.BQX4GGIU.js";
 import {
   renderFormElementErrors
 } from "./chunk.EY4WUNAJ.js";

package/cdn/chunks/{chunk.4ZEHBLJR.js → chunk.KNKNPTGU.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

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

@@ -26,6 +26,13 @@ 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;
@@ -35,14 +42,6 @@ var menu_item_styles_default = i`
   .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/cdn/chunks/{chunk.WYTP4TFA.js → chunk.LEW43Y6P.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.TUB5XL3J.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/{chunk.PK4XXM66.js → chunk.LIJWOM2P.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.V7CLIMYE.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";

package/cdn/chunks/chunk.LPB2VMCT.js

@@ -0,0 +1,74 @@
+import {
+  card_nav_styles_default
+} from "./chunk.4OAG5UWA.js";
+import {
+  HasSlotController
+} from "./chunk.YIY5RM53.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.B6GVVW66.js";
+import {
+  ShoelaceElement,
+  t
+} from "./chunk.DZB6XUZ7.js";
+import {
+  x
+} from "./chunk.7HUC6BF3.js";
+import {
+  __decorateClass
+} from "./chunk.4ZGVANML.js";
+
+// src/components/card-nav/card-nav.ts
+var DSACardNav = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(
+      this,
+      "[default]",
+      "media",
+      "title-icon",
+      "title",
+      "subtitle"
+    );
+  }
+  render() {
+    return x`
+      <div part="base" class="card-nav">
+        <slot name="media" part="media" class="card-nav__media"></slot>
+        <div class="card-nav__title-block">
+          <slot
+            name="title-icon"
+            class=${ifDefinedAndNotEmpty(
+      this.hasSlotController.test("title-icon") ? "card-nav__title_icon" : void 0
+    )}
+          ></slot>
+          <div class="title-block-text">
+            <slot
+              name="title"
+              class=${ifDefinedAndNotEmpty(
+      this.hasSlotController.test("title") ? "title" : void 0
+    )}
+            ></slot>
+            <slot
+              name="subtitle"
+              class=${ifDefinedAndNotEmpty(
+      this.hasSlotController.test("subtitle") ? "subtitle" : void 0
+    )}
+            ></slot>
+          </div>
+        </div>
+        <div class="card-nav__content" role="list">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+DSACardNav.styles = card_nav_styles_default;
+DSACardNav = __decorateClass([
+  t("dsa-card-nav")
+], DSACardNav);
+
+export {
+  DSACardNav
+};

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);
 }

package/cdn/chunks/{chunk.KLIZYLWG.js → chunk.M4YRRHEL.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6OFBSNBH.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.B6GVVW66.js";

package/cdn/chunks/{chunk.OFWHWMUH.js → chunk.MJMSFEEL.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.VARBZAJP.js";
+} from "./chunk.BMQ5WSY7.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";