@ds-autonomie/web-components 1.4.0 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @ds-autonomie/web-components
 
+## 1.6.0
+
+### Minor Changes
+
+- 9c16827: `error-message-panel`: implémentation du panneau de message d'erreur utilisable lorsqu'une page n'existe pas
+- e86df51: `download-link`, `download-card` : implémentation des composants download-link et download-card
+- 8f5529f: `combobox` : utilisation de l'évenement dsa-input pour la recherche asynchrone
+
+### Patch Changes
+
+- cc3eb57: `skip-links`: correction d'un bug d'affichage des skip-link-item
+- 88054cd: `accordion` : ajout de la possibilité d'avoir un aria-level sur l'en-tête
+- Updated dependencies [e86df51]
+  - @ds-autonomie/assets@1.2.0
+
+## 1.5.0
+
+### Minor Changes
+
+- 2b16f19: `icon-button`: ajout de l'attribut variant sur le composant icon-button
+- 3509713: `skip-link`, `skip-link-item`: implémentation des composants skip-link et skip-link-item
+- bf441fa: `stepper`: ajout du mode vertical sur le composant stepper
+- 7cc2433: `checkbox-group`, `checkbox-button`, `radio-group`, `radio-button`: ajout de l'option verticale pour les `checkbox-button` et `radio-button`, et uniformisation de la disposition par défaut à verticale.
+  Afin de garder la disposition de vos `checkbox-button` et `radio-button` à l'horizontale, il faut ajouter l'attribut `horizontal="true"` à leur parent `checkbox-group` ou `radio-group`.
+- 6cfe8f7: montée de version majeure de la dépendance Typescript (version 5.x)
+- bcef624: `input`, `textarea`: ajout de l'attribut `counter` pour afficher le compteur de caractères
+
+### Patch Changes
+
+- 487b6f4: `combobox`: correction sur l'utilisation du slot par défaut sur le composant combobox
+  - @ds-autonomie/assets@1.1.1
+
 ## 1.4.0
 
 ### Minor Changes

package/dist/chunks/{chunk.N7ZCXHGU.js → chunk.2FVPNPAG.js}

@@ -1,6 +1,6 @@
 import {
   checkbox_button_styles_default
-} from "./chunk.A3UKO7AU.js";
+} from "./chunk.7WQVFO44.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -90,6 +90,7 @@ var DSACheckboxButton = class extends ShoelaceElement {
           @blur=${this.handleBlur}
           @focus=${this.handleFocus}
           @click=${this.handleClick}
+          title="${this.innerText}"
         >
           ${this.readonly ? html`<dsa-icon
                 name="lock"

package/dist/chunks/{chunk.F6FCZQ67.js → chunk.2PVIV5ZH.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.CMJ2SRTL.js";
 import {
   checkbox_styles_default
-} from "./chunk.WE6IG5XG.js";
+} from "./chunk.R4PCVUXB.js";
 import {
   FormControlController
 } from "./chunk.KIFBWPW5.js";
@@ -194,7 +194,7 @@ var DSACheckbox = class extends ShoelaceElement {
             ${this.required ? html`<span class="checkbox__label-required">*</span>` : ""}
           </div>
         </label>
-        ${this.error && !this.disabled ? html`<dsa-error-text
+        ${this.error && !this.disabled && this.errorMessage ? html`<dsa-error-text
               id="error-text"
               class=${classMap({
       "form-control__error-text": true,

package/dist/chunks/{chunk.AO3M5GSN.js → chunk.2SUJL5O6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.NHRDZGLI.js";
 import {
   DSAIcon
-} from "./chunk.VRU3XH45.js";
+} from "./chunk.M3FN3PFT.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.C7CCBBLF.js → chunk.3QQPH6YB.js}

@@ -1,6 +1,6 @@
 import {
   button_styles_default
-} from "./chunk.3GJ3KGGY.js";
+} from "./chunk.DXQY7NLW.js";
 
 // src/components/radio-button/radio-button.styles.ts
 import { css } from "lit";
@@ -18,6 +18,7 @@ var radio_button_styles_default = css`
   .button--toggle {
     display: inline-flex;
     align-items: center;
+    justify-content: start;
     background-color: var(--dsa-wc-toggle-button-background-color);
     border-color: var(--dsa-wc-toggle-button-border-color);
     color: var(--dsa-wc-toggle-button-color);
@@ -80,6 +81,7 @@ var radio_button_styles_default = css`
 
   .button--toggle .button__icon-readonly {
     margin-inline-end: var(--dsa-wc-toggle-button-icon-spacing);
+    flex-shrink: 0;
   }
 
   /* We use a hidden input so constraint validation errors work, since they don't appear to show when used with buttons.

package/dist/chunks/{chunk.TSK67ZZE.js → chunk.5YABZV2L.js}

@@ -7,10 +7,10 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   button_styles_default
-} from "./chunk.3GJ3KGGY.js";
+} from "./chunk.DXQY7NLW.js";
 import {
   LocalizeController
-} from "./chunk.7BYKP4SA.js";
+} from "./chunk.CKDL37GT.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.XV2S7PIY.js → chunk.6DSM44NV.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.7BYKP4SA.js";
+} from "./chunk.CKDL37GT.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.5ND4OP7Q.js → chunk.6SWOU4CL.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.7BYKP4SA.js";
+} from "./chunk.CKDL37GT.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.IV2XMACC.js → chunk.6Y5VNWAK.js}

@@ -1,12 +1,6 @@
 import {
   DSASelect
-} from "./chunk.XCG5TV7T.js";
-import {
-  PhoneConfig
-} from "./chunk.UCJGKOXX.js";
-import {
-  input_phone_styles_default
-} from "./chunk.NHYFVEGM.js";
+} from "./chunk.WLJH2IWB.js";
 import {
   frenchFlag,
   frenchNumberPrefix,
@@ -18,6 +12,12 @@ import {
   rawValueToMaskedValue,
   stripSpecialChars
 } from "./chunk.7OLEA3GQ.js";
+import {
+  PhoneConfig
+} from "./chunk.UCJGKOXX.js";
+import {
+  input_phone_styles_default
+} from "./chunk.ZR7AGQFC.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";

package/dist/chunks/{chunk.E7NM6WTF.js → chunk.7F5X7SQN.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.7BYKP4SA.js";
+} from "./chunk.CKDL37GT.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.A3UKO7AU.js → chunk.7WQVFO44.js}

@@ -1,6 +1,6 @@
 import {
   button_styles_default
-} from "./chunk.3GJ3KGGY.js";
+} from "./chunk.DXQY7NLW.js";
 
 // src/components/checkbox-button/checkbox-button.styles.ts
 import { css } from "lit";
@@ -18,6 +18,7 @@ var checkbox_button_styles_default = css`
   .button--toggle {
     display: inline-flex;
     align-items: center;
+    justify-content: start;
     background-color: var(--dsa-wc-toggle-button-background-color);
     border-color: var(--dsa-wc-toggle-button-border-color);
     color: var(--dsa-wc-toggle-button-color);
@@ -84,11 +85,14 @@ var checkbox_button_styles_default = css`
   }
 
   .button--toggle .button__icon-check {
-    margin-inline-start: var(--dsa-wc-toggle-button-icon-spacing);
+    padding-inline-start: var(--dsa-wc-toggle-button-icon-spacing);
+    flex-shrink: 0;
+    margin-inline-start: auto;
   }
 
   .button--toggle .button__icon-readonly {
-    margin-inline-end: var(--dsa-wc-toggle-button-icon-spacing);
+    padding-inline-end: var(--dsa-wc-toggle-button-icon-spacing);
+    flex-shrink: 0;
   }
 
   /* We use a hidden input so constraint validation errors work, since they don't appear to show when used with buttons.
@@ -104,6 +108,23 @@ var checkbox_button_styles_default = css`
     opacity: 0;
     z-index: -1;
   }
+
+  /* Add padding to keep check icon space if in vertical checkbox-group */
+  :host(.dsa-button-group__button--vertical)
+    .button--small:not(.button--checked)
+    .button__label {
+    padding-right: 16px;
+  }
+  :host(.dsa-button-group__button--vertical)
+    .button--medium:not(.button--checked)
+    .button__label {
+    padding-right: 18px;
+  }
+  :host(.dsa-button-group__button--vertical)
+    .button--large:not(.button--checked)
+    .button__label {
+    padding-right: 20px;
+  }
 `;
 
 export {

package/dist/chunks/{chunk.MTZZV3NB.js → chunk.AQC66RY2.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.3RBCYA4F.js";
+} from "./chunk.AXG2LFB3.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/chunk.ATDDIVPX.js

@@ -0,0 +1,87 @@
+import {
+  error_message_panel_styles_default
+} from "./chunk.KUXAIXES.js";
+import {
+  HasSlotController
+} from "./chunk.YIY5RM53.js";
+import {
+  LocalizeController
+} from "./chunk.CKDL37GT.js";
+import {
+  ShoelaceElement
+} from "./chunk.YCXTCVAZ.js";
+import {
+  __decorateClass
+} from "./chunk.6M63UXML.js";
+
+// src/components/error-message-panel/error-message-panel.ts
+import { html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+var DSAErrorMessagePanel = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.hasSlotController = new HasSlotController(
+      this,
+      "description",
+      "action",
+      "error-code"
+    );
+    this.errorCode = "";
+  }
+  render() {
+    const hasDescription = this.hasSlotController.test("description");
+    const hasAction = this.hasSlotController.test("action");
+    const hasErrorCode = this.errorCode ? true : this.hasSlotController.test("error-code");
+    return html`
+      <div part="base">
+        <div class="top-left-quarter-circle">
+          <svg viewBox="0 0 150 60" width="150" height="60">
+            <path
+              fill="#D4D90D"
+              d="M150-39.398V-90c-20.118 0-69.498 9.036-106.075 45.18C7.347-8.674-.578 40.12.032 60h49.38c0-73.735 67.059-96.988 100.588-99.398Z"
+            />
+          </svg>
+        </div>
+        <div
+          class=${classMap({
+      "error-message-panel": true,
+      "error-message-panel--has-description": hasDescription,
+      "error-message-panel--has-action": hasAction,
+      "error-message-panel--has-error-code": hasErrorCode
+    })}
+        >
+          <slot part="title" class="error-message-panel__title"></slot>
+          <p part="error-code">
+            ${this.localize.term("errorMessagePanelCodePrefix")}<slot
+              name="error-code"
+              >${this.errorCode}</slot
+            >
+          </p>
+          <slot name="description" part="description"></slot>
+          <slot name="action" part="action"></slot>
+        </div>
+        <div class="bottom-right-quarter-circle">
+          <svg viewBox="0 0 241 101" width="241" height="101">
+            <path
+              fill="#530ABC"
+              d="M0 158.889V241c35.19-2.133 104.504-17.062 161.249-73.58C219.783 109.12 236.735 47.987 241 0h-78.912C143.96 111.969 53.394 154.984 0 158.889Z"
+            />
+          </svg>
+        </div>
+      </div>
+    `;
+  }
+};
+DSAErrorMessagePanel.styles = error_message_panel_styles_default;
+__decorateClass([
+  property({ attribute: "error-code" })
+], DSAErrorMessagePanel.prototype, "errorCode", 2);
+DSAErrorMessagePanel = __decorateClass([
+  customElement("dsa-error-message-panel")
+], DSAErrorMessagePanel);
+
+export {
+  DSAErrorMessagePanel
+};

package/dist/chunks/{chunk.3RBCYA4F.js → chunk.AXG2LFB3.js}

@@ -7,7 +7,7 @@ var form_control_styles_default = css`
     grid-template:
       'label tooltip .'
       'field field field' 1fr
-      'helpText helpText helpText'
+      'helpText helpText counter'
       'errorText errorText errorText'
       / auto auto minmax(0, 1fr);
     border: none;
@@ -45,6 +45,12 @@ var form_control_styles_default = css`
     display: none;
   }
 
+  .form-control .form-control__counter {
+    grid-area: counter;
+    display: none;
+    margin-inline-start: auto;
+  }
+
   .form-control .form-control__error-text {
     grid-area: errorText;
   }
@@ -62,6 +68,12 @@ var form_control_styles_default = css`
     color: var(--dsa-color-input-label-on-base-helper);
   }
 
+  .form-control--has-counter .form-control__counter {
+    display: block;
+    color: var(--dsa-color-input-label-on-base-helper);
+    animation-delay: 0s;
+  }
+
   .form-control--error .form-control__label {
     color: var(--dsa-wc-error-text-color);
   }
@@ -79,11 +91,13 @@ var form_control_styles_default = css`
   }
 
   .form-control--small .form-control__help-text,
+  .form-control--small .form-control__counter,
   .form-control--small .form-control__error-text {
     font: var(--dsa-wc-error-text-font-small);
   }
 
-  .form-control.form-control--small .form-control__help-text {
+  .form-control.form-control--small .form-control__help-text,
+  .form-control.form-control--small .form-control__counter {
     padding-top: var(--dsa-spacing-4);
   }
 
@@ -104,11 +118,13 @@ var form_control_styles_default = css`
   }
 
   .form-control--medium .form-control__help-text,
+  .form-control--medium .form-control__counter,
   .form-control--medium .form-control__error-text {
     font: var(--dsa-wc-error-text-font);
   }
 
-  .form-control.form-control--medium .form-control__help-text {
+  .form-control.form-control--medium .form-control__help-text,
+  .form-control.form-control--medium .form-control__counter {
     padding-top: var(--dsa-spacing-8);
   }
 
@@ -129,17 +145,52 @@ var form_control_styles_default = css`
   }
 
   .form-control--large .form-control__help-text,
+  .form-control--large .form-control__counter,
   .form-control--large .form-control__error-text {
     font: var(--dsa-wc-error-text-font-large);
   }
 
-  .form-control.form-control--large .form-control__help-text {
+  .form-control.form-control--large .form-control__help-text,
+  .form-control.form-control--large .form-control__counter {
     padding-top: var(--dsa-spacing-8);
   }
 
   .form-control.form-control--large .form-control__error-text {
     padding-top: var(--dsa-spacing-12);
   }
+
+  .form-control__counter--animated {
+    animation-name: tada;
+    animation-duration: 1s;
+  }
+
+  @keyframes tada {
+    from {
+      transform: scale3d(1, 1, 1);
+    }
+
+    10%,
+    20% {
+      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+    }
+
+    30%,
+    50%,
+    70%,
+    90% {
+      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+    }
+
+    40%,
+    60%,
+    80% {
+      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+    }
+
+    to {
+      transform: scale3d(1, 1, 1);
+    }
+  }
 `;
 
 export {

package/dist/chunks/{chunk.5DKPV25M.js → chunk.B5NS5VQR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.FIGO7UV2.js";
 import {
   LocalizeController
-} from "./chunk.7BYKP4SA.js";
+} from "./chunk.CKDL37GT.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.O4XPNLT4.js → chunk.B6CXFMFM.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.3RBCYA4F.js";
+} from "./chunk.AXG2LFB3.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.HCQNPYQZ.js → chunk.CBFLGIED.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.7BYKP4SA.js";
+} from "./chunk.CKDL37GT.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/chunk.CHM74JXS.js

@@ -0,0 +1,74 @@
+import {
+  skip_links_styles_default
+} from "./chunk.ZC74GTBL.js";
+import {
+  ShoelaceElement
+} from "./chunk.YCXTCVAZ.js";
+import {
+  __decorateClass
+} from "./chunk.6M63UXML.js";
+
+// src/components/skip-links/skip-links.ts
+import { html } from "lit";
+import { customElement, state } from "lit/decorators.js";
+var LINK_ITEM_TAG = "dsa-skip-link-item";
+var DSASkipLinks = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.allLinks = [];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.allLinks = this.getAllLinks();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+  }
+  // Gets an array of all <dsa-skip-link-item> elements
+  getAllLinks() {
+    const linksNode = this.querySelectorAll(LINK_ITEM_TAG);
+    const allLinks = [];
+    linksNode.forEach((option) => {
+      const clonedOption = option.cloneNode(true);
+      allLinks.push(clonedOption);
+    });
+    return allLinks;
+  }
+  handleDefaultSlotChange() {
+    if (customElements.get(LINK_ITEM_TAG)) {
+      this.allLinks = this.getAllLinks();
+    } else {
+      customElements.whenDefined(LINK_ITEM_TAG).then(() => this.handleDefaultSlotChange());
+    }
+  }
+  render() {
+    return html`
+      <div part="base" class="skip-links">
+        <nav>
+          <ul class="skip-links__list">
+            ${this.allLinks.map((link, index) => {
+      return html` <li key="link-${index}">${link}</li> `;
+    })}
+          </ul>
+        </nav>
+        <slot
+          tabindex="-1"
+          class="slot_links"
+          @slotchange=${this.handleDefaultSlotChange}
+        >
+        </slot>
+      </div>
+    `;
+  }
+};
+DSASkipLinks.styles = skip_links_styles_default;
+__decorateClass([
+  state()
+], DSASkipLinks.prototype, "allLinks", 2);
+DSASkipLinks = __decorateClass([
+  customElement("dsa-skip-links")
+], DSASkipLinks);
+
+export {
+  DSASkipLinks
+};

package/dist/chunks/{chunk.RVUFDCSS.js → chunk.CICCL52W.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.EMIT7S33.js";
 import {
   LocalizeController
-} from "./chunk.7BYKP4SA.js";
+} from "./chunk.CKDL37GT.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.7BYKP4SA.js → chunk.CKDL37GT.js}

@@ -43,6 +43,7 @@ var translation = {
   stepCompleted: "\xC9tape valid\xE9e",
   stepInProgress: "\xC9tape en cours",
   stepError: "\xC9tape en erreur",
+  errorMessagePanelCodePrefix: "Code d'erreur: ",
   // countries
   fr_FR: "France",
   fr_GP: "Guadeloupe",
@@ -100,6 +101,7 @@ var translation2 = {
   stepCompleted: "Step completed",
   stepInProgress: "Step in progress",
   stepError: "Step in error",
+  errorMessagePanelCodePrefix: "Error code: ",
   // countries
   fr_FR: "France",
   fr_GP: "Guadeloupe",

package/dist/chunks/{chunk.3Y56GJS7.js → chunk.CSQ2UP6E.js}

@@ -1,10 +1,10 @@
-import {
-  input_styles_default
-} from "./chunk.MTZZV3NB.js";
 import {
   getOverridenIconDetails,
   isPrefixIconOverriden
 } from "./chunk.KBT2EKLF.js";
+import {
+  input_styles_default
+} from "./chunk.AQC66RY2.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";
@@ -16,7 +16,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.7BYKP4SA.js";
+} from "./chunk.CKDL37GT.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";
@@ -67,6 +67,7 @@ var DSAInput = class extends ShoelaceElement {
     this.errorMessage = "";
     this.form = "";
     this.required = false;
+    this.counter = false;
     this.spellcheck = true;
   }
   /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */
@@ -144,6 +145,16 @@ var DSAInput = class extends ShoelaceElement {
   handlePasswordToggle() {
     this.passwordVisible = !this.passwordVisible;
   }
+  getDescriptionIds() {
+    let ids = ["help-text"];
+    if (this.maxlength && this.counter) {
+      ids = [...ids, "counter"];
+    }
+    if (this.error) {
+      ids = ["error-text", ...ids];
+    }
+    return ids.join(" ");
+  }
   handleErrorChange() {
     if (this.error) {
       this.setAttribute("aria-invalid", "true");
@@ -235,6 +246,7 @@ var DSAInput = class extends ShoelaceElement {
     const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
     const hasClearIcon = this.clearable && !this.disabled && !this.readonly && (typeof this.value === "number" || this.value.length > 0);
     const hasHideIcon = this.type === "password" && !this.disabled;
+    const counterText = this.maxlength && this.counter ? `${this.value.length}/${this.maxlength}` : void 0;
     return html`
       <div
         part="form-control"
@@ -248,7 +260,8 @@ var DSAInput = class extends ShoelaceElement {
       "form-control--has-help-text": hasHelpText,
       "form-control--has-prefix-icon": hasPrefixIcon,
       "form-control--has-hide-icon": hasHideIcon,
-      "form-control--has-clear-icon": hasClearIcon
+      "form-control--has-clear-icon": hasClearIcon,
+      "form-control--has-counter": counterText !== void 0
     })}
       >
         <label
@@ -318,7 +331,7 @@ var DSAInput = class extends ShoelaceElement {
               aria-label=${ifDefinedAndNotEmpty(
       hasLabel ? void 0 : this.title
     )}
-              aria-describedby=${this.error ? "error-text help-text" : "help-text"}
+              aria-describedby=${this.getDescriptionIds()}
               @change=${this.handleChange}
               @input=${this.handleInput}
               @invalid=${this.handleInvalid}
@@ -368,6 +381,15 @@ var DSAInput = class extends ShoelaceElement {
           ${this.helpText}
         </slot>
 
+        ${counterText !== void 0 ? html`<span
+                id="counter"
+                class=${classMap({
+      "form-control__counter": true,
+      "form-control__counter--animated": this.value.length === this.maxlength
+    })}
+                >${counterText}</span
+              >` : ""} 
+
         ${this.error && !this.disabled ? html`<dsa-error-text
                 id="error-text"
                 class="form-control__error-text"
@@ -448,6 +470,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Number })
 ], DSAInput.prototype, "maxlength", 2);
+__decorateClass([
+  property({ type: Boolean })
+], DSAInput.prototype, "counter", 2);
 __decorateClass([
   property()
 ], DSAInput.prototype, "min", 2);