@ds-autonomie/web-components 2.13.0 → 2.14.1

package/cdn/chunks/chunk.NQ4VC6QW.js

@@ -0,0 +1,71 @@
+import{a as r}from"./chunk.GJVNJPCX.js";import{a}from"./chunk.VNBROC2T.js";var i=a`
+  ${r}
+
+  :host {
+    display: inline-block;
+  }
+
+  .avatar {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    background-color: var(--dsa-wc-avatar-background-color);
+    color: var(--dsa-wc-avatar-color);
+    user-select: none;
+    vertical-align: middle;
+    border-radius: var(--dsa-wc-avatar-border-radius);
+    border: var(--dsa-wc-internal-avatar-border, 'inherit');
+  }
+
+  .avatar.avatar--small {
+    width: var(--dsa-wc-avatar-small-size);
+    height: var(--dsa-wc-avatar-small-size);
+    font: var(--dsa-wc-avatar-small-font);
+  }
+
+  .avatar.avatar--medium {
+    width: var(--dsa-wc-avatar-medium-size);
+    height: var(--dsa-wc-avatar-medium-size);
+    font: var(--dsa-wc-avatar-medium-font);
+  }
+
+  .avatar.avatar--large {
+    width: var(--dsa-wc-avatar-large-size);
+    height: var(--dsa-wc-avatar-large-size);
+    font: var(--dsa-wc-avatar-large-font);
+  }
+
+  .avatar.avatar--x-large {
+    width: var(--dsa-wc-avatar-x-large-size);
+    height: var(--dsa-wc-avatar-x-large-size);
+    font: var(--dsa-wc-avatar-x-large-font);
+  }
+
+  .avatar__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  .avatar__initials {
+    line-height: 1;
+    text-transform: uppercase;
+  }
+
+  .avatar__image {
+    border-radius: var(--dsa-wc-avatar-border-radius);
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    overflow: hidden;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.NQPPMH2G.js

@@ -0,0 +1,168 @@
+import{a as u}from"./chunk.3GV555RM.js";import{a as h}from"./chunk.CKD3RSTX.js";import{a as d}from"./chunk.GLLPC5VQ.js";import{a as t}from"./chunk.UJCOUPGF.js";import{a as c}from"./chunk.BWEPOOQP.js";import{a as p,b as o,d as m}from"./chunk.FC3GHOSX.js";import{a as e}from"./chunk.WJZ4ONP7.js";import{f as l}from"./chunk.IZ2HVRME.js";var i=class extends d{constructor(){super(...arguments);this.hideCalendarButton=!1;this.range=!1}get valueAsDate(){return this.inputElement.valueAsDate}set valueAsDate(s){this.inputElement.valueAsDate=s,this.value=this.inputElement.value}get valueAsNumber(){return this.inputElement.valueAsNumber}set valueAsNumber(s){this.inputElement.valueAsNumber=s,this.value=this.inputElement.value}get validity(){return this.inputElement.validity}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()}focus(s){this.inputElement.focus(s)}blur(){this.inputElement.blur()}select(){this.inputElement.select()}setSelectionRange(s,a,n="none"){this.inputElement.setSelectionRange(s,a,n)}setRangeText(s,a,n,r){this.inputElement.setRangeText(s,a,n,r),this.value!==this.inputElement.value&&(this.value=this.inputElement.value)}async showTimePicker(){this.inputElement instanceof u&&await this.inputElement.showTimePicker()}async hideTimePicker(){this.inputElement instanceof u&&await this.inputElement.hideTimePicker()}async showDatepicker(){this.inputElement instanceof h&&await this.inputElement.showDatepicker()}async hideDatepicker(){this.inputElement instanceof h&&await this.inputElement.hideDatepicker()}stepUp(s){this.inputElement.stepUp(s),this.value!==this.inputElement.value&&(this.value=this.inputElement.value)}stepDown(s){this.inputElement.stepDown(s),this.value!==this.inputElement.value&&(this.value=this.inputElement.value)}checkValidity(){return this.inputElement.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.inputElement.reportValidity()}setCustomValidity(s){this.inputElement.setCustomValidity(s)}async getUpdateComplete(){return this.inputElement?await this.inputElement.updateComplete:!1}render(){var s,a,n,r;return(this.type==="date"||this.type==="time"||this.type==="amount")&&console.warn('Warning: The use of types "amount", "date", and "time" with dsa-input is deprecated. These types will be removed in the next major release of the design system. Please transition to the dedicated components: dsa-input-amount, dsa-input-date, and dsa-input-time for improved functionality and support.'),this.type==="date"?e`
+        <dsa-input-date
+          class="input-element"
+          name=${t(this.name)}
+          accessible-name=${t((s=this.accessibleName)!=null?s:this.title)}
+          value=${this.value}
+          .defaultValue=${t(this.defaultValue)}
+          size=${t(this.size)}
+          variant=${t(this.variant)}
+          label=${t(this.label)}
+          help-text=${t(this.helpText)}
+          ?clearable=${this.clearable}
+          ?disabled=${this.disabled}
+          lang=${t(this.lang)}
+          placeholder=${t(this.placeholder)}
+          ?readonly=${this.readonly}
+          ?error=${this.error}
+          .errorMessage=${t(this.errorMessage)}
+          ?success=${this.success}
+          .successMessage=${t(this.successMessage)}
+          form=${t(this.form)}
+          .formControlController=${this.formControlController}
+          ?required=${this.required}
+          min=${t(this.min)}
+          max=${t(this.max)}
+          calendar-start-date=${t(this.calendarStartDate)}
+          ?hide-calendar-button=${t(this.hideCalendarButton)}
+          ?range=${t(this.range)}
+          ?autofocus=${this.autofocus}
+          enterkeyhint=${t(this.enterkeyhint)}
+          @dsa-change=${this.handleChange}
+          @dsa-input=${this.handleInput}
+          description=${t(this.description)}
+        >
+          ${this.hasSlotController.test("label")?e` <slot name="label" slot="label"></slot> `:""}
+          ${this.hasSlotController.test("prefix")?e` <slot name="prefix" slot="prefix"></slot> `:""}
+          ${this.hasSlotController.test("help-text")?e` <slot name="help-text" slot="help-text"></slot> `:""}
+          ${this.hasSlotController.test("tooltip")?e` <slot name="tooltip" slot="tooltip"></slot> `:""}
+        </dsa-input-date>
+      `:this.type==="time"?e`
+        <dsa-input-time
+          class="input-element"
+          name=${t(this.name)}
+          accessible-name=${t((a=this.accessibleName)!=null?a:this.title)}
+          value=${this.value}
+          .defaultValue=${t(this.defaultValue)}
+          size=${t(this.size)}
+          variant=${t(this.variant)}
+          label=${t(this.label)}
+          help-text=${t(this.helpText)}
+          ?clearable=${this.clearable}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          ?error=${this.error}
+          .errorMessage=${t(this.errorMessage)}
+          ?success=${this.success}
+          .successMessage=${t(this.successMessage)}
+          form=${t(this.form)}
+          .formControlController=${this.formControlController}
+          ?required=${this.required}
+          min=${t(this.min)}
+          max=${t(this.max)}
+          step=${t(this.step)}
+          ?autofocus=${this.autofocus}
+          enterkeyhint=${t(this.enterkeyhint)}
+          @dsa-change=${this.handleChange}
+          @dsa-input=${this.handleInput}
+          description=${t(this.description)}
+        >
+          ${this.hasSlotController.test("label")?e` <slot name="label" slot="label"></slot> `:""}
+          ${this.hasSlotController.test("prefix")?e` <slot name="prefix" slot="prefix"></slot> `:""}
+          ${this.hasSlotController.test("suffix")?e` <slot name="suffix" slot="suffix"></slot> `:""}
+          ${this.hasSlotController.test("help-text")?e` <slot name="help-text" slot="help-text"></slot> `:""}
+          ${this.hasSlotController.test("tooltip")?e` <slot name="tooltip" slot="tooltip"></slot> `:""}
+        </dsa-input-time>
+      `:this.type==="amount"?e`
+        <dsa-input-amount
+          class="input-element"
+          accessible-name=${t((n=this.accessibleName)!=null?n:this.title)}
+          name=${t(this.name)}
+          size=${t(this.size)}
+          variant=${t(this.variant)}
+          label=${t(this.label)}
+          help-text=${t(this.helpText)}
+          ?disabled=${this.disabled}
+          placeholder=${t(this.placeholder)}
+          ?readonly=${this.readonly}
+          ?error=${this.error}
+          .errorMessage=${t(this.errorMessage)}
+          ?success=${this.success}
+          .successMessage=${t(this.successMessage)}
+          form=${t(this.form)}
+          .formControlController=${this.formControlController}
+          ?required=${this.required}
+          description=${t(this.description)}
+          type=${this.type}
+          value=${this.value}
+          .defaultValue=${t(this.defaultValue)}
+          ?clearable=${this.clearable}
+          pattern=${t(this.pattern)}
+          minlength=${t(this.minlength)}
+          maxlength=${t(this.maxlength)}
+          ?counter=${this.counter}
+          min=${t(this.min)}
+          max=${t(this.max)}
+          step=${t(this.step)}
+          autocomplete=${t(this.autocomplete)}
+          ?autofocus=${this.autofocus}
+          enterkeyhint=${t(this.enterkeyhint)}
+          inputmode=${t(this.inputmode)}
+          @dsa-change=${this.handleChange}
+          @dsa-input=${this.handleInput}
+        >
+          ${this.hasSlotController.test("label")?e` <slot name="label" slot="label"></slot> `:""}
+          ${this.hasSlotController.test("prefix")?e` <slot name="prefix" slot="prefix"></slot> `:""}
+          ${this.hasSlotController.test("suffix")?e` <slot name="suffix" slot="suffix"></slot> `:""}
+          ${this.hasSlotController.test("help-text")?e` <slot name="help-text" slot="help-text"></slot> `:""}
+          ${this.hasSlotController.test("tooltip")?e` <slot name="tooltip" slot="tooltip"></slot> `:""}
+        </dsa-input-amount>
+      `:e`
+        <dsa-input-native
+          class="input-element"
+          accessible-name=${t((r=this.accessibleName)!=null?r:this.title)}
+          name=${t(this.name)}
+          size=${t(this.size)}
+          variant=${t(this.variant)}
+          label=${t(this.label)}
+          help-text=${t(this.helpText)}
+          ?disabled=${this.disabled}
+          placeholder=${t(this.placeholder)}
+          ?readonly=${this.readonly}
+          ?error=${this.error}
+          .errorMessage=${t(this.errorMessage)}
+          ?success=${this.success}
+          .successMessage=${t(this.successMessage)}
+          form=${t(this.form)}
+          .formControlController=${this.formControlController}
+          ?required=${this.required}
+          description=${t(this.description)}
+          type=${this.type}
+          value=${this.value}
+          .defaultValue=${t(this.defaultValue)}
+          ?clearable=${this.clearable}
+          ?passwordVisible=${this.passwordVisible}
+          pattern=${t(this.pattern)}
+          minlength=${t(this.minlength)}
+          maxlength=${t(this.maxlength)}
+          ?counter=${this.counter}
+          min=${t(this.min)}
+          max=${t(this.max)}
+          step=${t(this.step)}
+          autocapitalize=${t(this.autocapitalize)}
+          autocorrect=${t(this.autocorrect)}
+          autocomplete=${t(this.autocomplete)}
+          ?autofocus=${this.autofocus}
+          enterkeyhint=${t(this.enterkeyhint)}
+          spellcheck=${this.spellcheck}
+          inputmode=${t(this.inputmode)}
+          @dsa-change=${this.handleChange}
+          @dsa-input=${this.handleInput}
+        >
+          ${this.hasSlotController.test("label")?e` <slot name="label" slot="label"></slot> `:""}
+          ${this.hasSlotController.test("prefix")?e` <slot name="prefix" slot="prefix"></slot> `:""}
+          ${this.hasSlotController.test("suffix")?e` <slot name="suffix" slot="suffix"></slot> `:""}
+          ${this.hasSlotController.test("help-text")?e` <slot name="help-text" slot="help-text"></slot> `:""}
+          ${this.hasSlotController.test("tooltip")?e` <slot name="tooltip" slot="tooltip"></slot> `:""}
+        </dsa-input-native>
+      `}};l([m(".input-element")],i.prototype,"inputElement",2),l([o()],i.prototype,"lang",2),l([o({attribute:"calendar-start-date"})],i.prototype,"calendarStartDate",2),l([o({attribute:"hide-calendar-button",type:Boolean})],i.prototype,"hideCalendarButton",2),l([o({type:Boolean,reflect:!0})],i.prototype,"range",2),l([c("step",{waitUntilFirstUpdate:!0})],i.prototype,"handleStepChange",1),i=l([p("dsa-input")],i);export{i as a};

package/cdn/chunks/chunk.NSIPUQYG.js

@@ -0,0 +1,75 @@
+import{a as r}from"./chunk.GJVNJPCX.js";import{a as o}from"./chunk.VNBROC2T.js";var i=o`
+  ${r}
+
+  :host {
+    display: inline-block;
+    position: relative;
+    width: auto;
+    cursor: pointer;
+    max-width: 14rem;
+  }
+
+  .profile-button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--dsa-spacing-8);
+    width: 100%;
+    border: none;
+    border-radius: var(--dsa-wc-profile-button-border-radius);
+    user-select: none;
+    white-space: nowrap;
+    vertical-align: middle;
+    padding: 0;
+    transition:
+      var(--dsa-wc-transition-x-fast) background-color,
+      var(--dsa-wc-transition-x-fast) color,
+      var(--dsa-wc-transition-x-fast) border,
+      var(--dsa-wc-transition-x-fast) box-shadow;
+    cursor: inherit;
+    background-color: var(--dsa-wc-profile-button-background);
+    color: var(--dsa-wc-profile-button-color);
+    font: var(--dsa-wc-profile-button-font);
+  }
+
+  .profile-button::-moz-focus-inner {
+    border: 0;
+  }
+
+  .profile-button:focus {
+    outline: none;
+  }
+
+  .profile-button:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  .profile-button:hover,
+  .profile-button:focus-visible {
+    background-color: var(--dsa-wc-profile-button-background-hover);
+  }
+  .profile-button:active,
+  .profile-button[aria-expanded='true'] {
+    color: var(--dsa-wc-profile-button-color-active);
+    background-color: var(--dsa-wc-profile-button-background-active);
+  }
+
+  .profile-button__label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  /*
+   * Caret modifier
+   */
+  .profile-button__caret {
+    height: 1.5rem;
+    width: 1.5rem;
+    transition: var(--dsa-wc-transition-medium) rotate ease;
+    margin: 0 var(--dsa-spacing-8) 0 0;
+  }
+  .profile-button[aria-expanded='true'] .profile-button__caret {
+    rotate: 180deg;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.O5D4EJ4L.js

@@ -0,0 +1,217 @@
+import{a as t}from"./chunk.ICWLHTHU.js";import{a as r}from"./chunk.GJVNJPCX.js";import{a as o}from"./chunk.VNBROC2T.js";var d=o`
+  ${r}
+  ${t}
+
+  /* Overrides form-control styles */
+  .form-control {
+    display: grid;
+    align-content: start;
+    grid-template:
+      'label . .'
+      'description description description'
+      'field field field' 1fr
+      'helpText helpText helpText'
+      'errorText errorText errorText'
+      'fileList fileList fileList'
+      / auto auto minmax(0, 1fr);
+    border: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  /* Label */
+  .form-control--has-label.form-control--medium .form-control__label {
+    font: var(--dsa-wc-file-upload-label-font-medium);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--has-label.form-control--small .form-control__label {
+    font: var(--dsa-wc-file-upload-label-font-small);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--has-label.form-control--large .form-control__label {
+    font: var(--dsa-wc-file-upload-label-font-large);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  /* Description */
+  .form-control .form-control__description {
+    grid-area: description;
+    display: none;
+  }
+
+  .form-control--has-description .form-control__description {
+    display: block;
+    color: var(--dsa-color-input-helper);
+  }
+
+  .form-control--small .form-control__description {
+    font: var(--dsa-wc-file-upload-description-font-small);
+  }
+
+  .form-control.form-control--small .form-control__description {
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--medium .form-control__description {
+    font: var(--dsa-wc-file-upload-description-font-medium);
+  }
+
+  .form-control.form-control--medium .form-control__description {
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--large .form-control__description {
+    font: var(--dsa-wc-file-upload-description-font-large);
+  }
+
+  .form-control.form-control--large .form-control__description {
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  /* Help Text */
+  .form-control.form-control--small .form-control__help-text {
+    font: var(--dsa-wc-file-upload-help-text-font-small);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--medium .form-control__help-text {
+    font: var(--dsa-wc-file-upload-help-text-font-medium);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--large .form-control__help-text {
+    font: var(--dsa-wc-file-upload-help-text-font-large);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  /* Error Text */
+  .form-control.form-control--small .form-control__error-text {
+    font: var(--dsa-wc-file-upload-error-text-font-small);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--medium .form-control__error-text {
+    font: var(--dsa-wc-file-upload-error-text-font-medium);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--large .form-control__error-text {
+    font: var(--dsa-wc-file-upload-error-text-font-large);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  /* Slot Files */
+  [part~='slot_files'] {
+    grid-area: fileList;
+    display: inline-block;
+    padding-top: var(--dsa-spacing-16);
+    padding-inline-start: 0;
+    margin: 0;
+  }
+
+  [part~='slot_files'] ::slotted(dsa-file-upload-item:not(:first-of-type)) {
+    padding-top: var(--dsa-spacing-8);
+  }
+
+  .button-container {
+    position: relative;
+  }
+
+  /* Button (Copy of button secondary styles) */
+  .button {
+    display: inline-flex;
+    align-items: stretch;
+    justify-content: center;
+    width: auto;
+    border-style: solid;
+    border-width: var(--dsa-wc-button-border-width);
+    border-radius: var(--dsa-wc-button-border-radius);
+    text-decoration: none;
+    user-select: none;
+    white-space: nowrap;
+    vertical-align: middle;
+    padding: 0 var(--dsa-wc-button-padding-horizontal);
+    transition:
+      var(--dsa-wc-transition-x-fast) background-color,
+      var(--dsa-wc-transition-x-fast) color,
+      var(--dsa-wc-transition-x-fast) border,
+      var(--dsa-wc-transition-x-fast) box-shadow;
+    cursor: pointer;
+    background-color: var(--dsa-wc-button-secondary-on-base-color);
+    border-color: var(--dsa-wc-button-secondary-on-base-color);
+    color: var(--dsa-wc-button-secondary-on-base-font-color);
+  }
+
+  .button::-moz-focus-inner {
+    border: 0;
+  }
+
+  .button:focus {
+    outline: none;
+  }
+
+  .button:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  /* When disabled, prevent mouse events from bubbling up from children */
+  .button--disabled * {
+    pointer-events: none;
+  }
+  .button--disabled {
+    cursor: not-allowed;
+  }
+
+  .button:hover:not(.button--disabled) {
+    background-color: var(--dsa-wc-button-secondary-on-base-hover-color);
+    border-color: var(--dsa-wc-button-secondary-on-base-hover-color);
+    color: var(--dsa-wc-button-secondary-on-base-hover-font-color);
+  }
+  .button:active:not(.button--disabled) {
+    background-color: var(--dsa-wc-button-secondary-on-base-active-color);
+    border-color: var(--dsa-wc-button-secondary-on-base-active-color);
+    color: var(--dsa-wc-button-secondary-on-base-active-font-color);
+  }
+  .button.button--disabled {
+    background-color: var(--dsa-wc-button-secondary-on-base-disabled-color);
+    border-color: var(--dsa-wc-button-secondary-on-base-disabled-color);
+    color: var(--dsa-wc-button-secondary-on-base-disabled-font-color);
+  }
+
+  .button--small {
+    font: var(--dsa-wc-button-font-small);
+    border-radius: var(--dsa-wc-button-border-radius);
+    padding-top: var(--dsa-spacing-8);
+    padding-bottom: var(--dsa-spacing-8);
+  }
+
+  .button--medium {
+    font: var(--dsa-wc-button-font);
+    border-radius: var(--dsa-wc-button-border-radius);
+    padding-top: var(--dsa-spacing-12);
+    padding-bottom: var(--dsa-spacing-12);
+  }
+
+  .button--large {
+    font: var(--dsa-wc-button-font-large);
+    border-radius: var(--dsa-wc-button-border-radius);
+    padding-top: var(--dsa-spacing-16);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  /* Input */
+  [part~='input'] {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: -1;
+  }
+`;export{d as a};

package/cdn/chunks/chunk.OEMSIHFI.js

@@ -0,0 +1,9 @@
+import{a as o}from"./chunk.GJVNJPCX.js";import{a as t}from"./chunk.VNBROC2T.js";var m=t`
+  ${o}
+
+  :host {
+    display: table;
+    width: 100%;
+    height: 100%;
+  }
+`;export{m as a};

package/cdn/chunks/chunk.OFXYDR66.js

@@ -0,0 +1,65 @@
+import{a as r}from"./chunk.GJVNJPCX.js";import{a as o}from"./chunk.VNBROC2T.js";var a=o`
+  ${r}
+
+  :host {
+    --arrow-color: var(--dsa-color-primitive-colors-neutral-900);
+    --arrow-size: 6px;
+
+    /*
+     * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant
+     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.
+     */
+    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);
+    --arrow-padding-offset: calc(
+      var(--arrow-size-diagonal) - var(--arrow-size)
+    );
+
+    display: contents;
+  }
+
+  .popup {
+    position: absolute;
+    isolation: isolate;
+    /* stylelint-disable-next-line */
+    max-width: var(--auto-size-available-width, none);
+    /* stylelint-disable-next-line */
+    max-height: var(--auto-size-available-height, none);
+  }
+
+  .popup--fixed {
+    position: fixed;
+  }
+
+  .popup:not(.popup--active) {
+    display: none;
+  }
+
+  .popup__arrow {
+    position: absolute;
+    width: calc(var(--arrow-size-diagonal) * 2);
+    height: calc(var(--arrow-size-diagonal) * 2);
+    rotate: 45deg;
+    background: var(--arrow-color);
+    z-index: -1;
+  }
+
+  /* Hover bridge */
+  .popup-hover-bridge:not(.popup-hover-bridge--visible) {
+    display: none;
+  }
+  .popup-hover-bridge {
+    position: fixed;
+    z-index: calc(var(--dsa-wc-z-index-dropdown) - 1);
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    clip-path: polygon(
+      var(--hover-bridge-top-left-x, 0) var(--hover-bridge-top-left-y, 0),
+      var(--hover-bridge-top-right-x, 0) var(--hover-bridge-top-right-y, 0),
+      var(--hover-bridge-bottom-right-x, 0)
+        var(--hover-bridge-bottom-right-y, 0),
+      var(--hover-bridge-bottom-left-x, 0) var(--hover-bridge-bottom-left-y, 0)
+    );
+  }
+`;export{a};

package/cdn/chunks/chunk.OMXEQW5M.js

@@ -0,0 +1,40 @@
+import{a as y}from"./chunk.KUJZ627T.js";import{a as v}from"./chunk.FFQUZPE7.js";import{a as g}from"./chunk.WR4O32DX.js";import{a as b}from"./chunk.Q3R2CEGI.js";import{b as f}from"./chunk.FWTZS7LK.js";import{a as h}from"./chunk.F2KBAVBI.js";import{d}from"./chunk.6DV3UDL6.js";import{a as s}from"./chunk.UJCOUPGF.js";import{a as u}from"./chunk.BWEPOOQP.js";import{a as c,b as r,c as p,d as m}from"./chunk.FC3GHOSX.js";import{a as l}from"./chunk.WJZ4ONP7.js";import{f as i}from"./chunk.IZ2HVRME.js";var e=class extends g{constructor(){super(...arguments);this.formControlController=new f(this,{assumeInteractionOn:["dsa-blur","dsa-input"]});this.hasFocus=!1;this.value="";this.defaultValue="";this.rows=4;this.resize="vertical";this.counter=!1;this._autocorrect="off";this.spellcheck=!0}get autocorrect(){return this._autocorrect==="on"}set autocorrect(t){this._autocorrect=t?"on":"off"}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.setTextareaHeight()),this.updateComplete.then(()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.input)}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleChange(){this.value=this.input.value,this.setTextareaHeight(),this.emit("dsa-change")}handleFocus(){this.hasFocus=!0,this.emit("dsa-focus")}handleInput(){this.value=this.input.value,this.emit("dsa-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}setTextareaHeight(){this.resize==="auto"?(this.input.style.height="auto",this.input.style.height=`${this.input.scrollHeight}px`):this.input.style.height=void 0}getDescriptionIds(){let t=[];return this.error&&(t=["error-text"]),t=[...t,"help-text"],this.maxlength&&this.counter&&(t=[...t,"counter"]),t=[...t,"description"],t.join(" ")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(t){if(t){typeof t.top=="number"&&(this.input.scrollTop=t.top),typeof t.left=="number"&&(this.input.scrollLeft=t.left);return}return{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(t,a,n="none"){this.input.setSelectionRange(t,a,n)}setRangeText(t,a,n,o){this.input.setRangeText(t,a,n,o),this.value!==this.input.value&&(this.value=this.input.value),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaHeight())}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}renderInput(){var n,o;let t=this.hasSlotController.test("label"),a=this.label?!0:!!t;return l`
+      <div
+        part="base"
+        class=${d({textarea:!0,"textarea--small":this.size==="small","textarea--medium":this.size==="medium","textarea--large":this.size==="large","textarea--on-base":this.variant==="base","textarea--on-layer":this.variant==="layer","textarea--error":this.error,"textarea--disabled":this.disabled,"textarea--readonly":this.readonly,"textarea--focused":this.hasFocus,"textarea--empty":!this.value,"textarea--resize-none":this.resize==="none","textarea--resize-vertical":this.resize==="vertical","textarea--resize-auto":this.resize==="auto"})}
+      >
+        <textarea
+          part="textarea"
+          id="input"
+          class="textarea__control"
+          title=${h(a?void 0:(n=this.accessibleName)!=null?n:this.title)}
+          name=${h(this.name)}
+          .value=${v(this.value)}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          ?required=${this.required}
+          placeholder=${s(this.placeholder)}
+          rows=${s(this.rows)}
+          minlength=${s(this.minlength)}
+          maxlength=${s(this.maxlength)}
+          autocapitalize=${s(this.autocapitalize)}
+          autocorrect=${s(this.autocorrect)}
+          ?autofocus=${this.autofocus}
+          spellcheck=${s(this.spellcheck)}
+          enterkeyhint=${s(this.enterkeyhint)}
+          inputmode=${s(this.inputmode)}
+          aria-describedby=${this.getDescriptionIds()}
+          aria-label=${h(a?void 0:(o=this.accessibleName)!=null?o:this.title)}
+          aria-invalid=${s(this.error?"true":void 0)}
+          @change=${this.handleChange}
+          @input=${this.handleInput}
+          @invalid=${this.handleInvalid}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        ></textarea>
+      </div>
+    `}renderCounter(){var a,n,o;let t=this.maxlength&&this.counter?`${(n=(a=this.value)==null?void 0:a.length)!=null?n:0}/${this.maxlength}`:void 0;return t!==void 0?l`<span
+          id="counter"
+          class=${d({"form-control__counter":!0,"form-control__counter--animated":((o=this.value)==null?void 0:o.length)===this.maxlength})}
+          >${t}</span
+        >`:l``}};e.styles=y,i([m(".textarea__control")],e.prototype,"input",2),i([p()],e.prototype,"hasFocus",2),i([r()],e.prototype,"value",2),i([b()],e.prototype,"defaultValue",2),i([r({type:Number})],e.prototype,"rows",2),i([r()],e.prototype,"resize",2),i([r({type:Number})],e.prototype,"minlength",2),i([r({type:Number})],e.prototype,"maxlength",2),i([r({type:Boolean})],e.prototype,"counter",2),i([r()],e.prototype,"autocapitalize",2),i([r({attribute:"autocorrect"})],e.prototype,"_autocorrect",2),i([r()],e.prototype,"autocomplete",2),i([r({type:Boolean})],e.prototype,"autofocus",2),i([r()],e.prototype,"enterkeyhint",2),i([r({type:Boolean,converter:{fromAttribute:t=>!(!t||t==="false"),toAttribute:t=>t?"true":"false"}})],e.prototype,"spellcheck",2),i([r()],e.prototype,"inputmode",2),i([u("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([u("rows",{waitUntilFirstUpdate:!0})],e.prototype,"handleRowsChange",1),i([u("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1),e=i([c("dsa-textarea")],e);export{e as a};

package/cdn/chunks/chunk.OSLU4VFI.js

@@ -0,0 +1,11 @@
+import{a as n}from"./chunk.RQYOSF52.js";import{c as l}from"./chunk.4WOVD75K.js";import{d as o}from"./chunk.6DV3UDL6.js";import{a,b as s,f as i}from"./chunk.FC3GHOSX.js";import{a as t}from"./chunk.WJZ4ONP7.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends i{constructor(){super(...arguments);this.localize=new l(this);this.variant="base"}render(){return t`
+      <svg
+        part="base"
+        class=${o({spinner:!0,"spinner--on-base":this.variant==="base","spinner--on-floating":this.variant==="floating","spinner--on-contrasted":this.variant==="contrasted"})}
+        role="progressbar"
+        aria-valuetext=${this.localize.term("loading")}
+      >
+        <circle class="spinner__track"></circle>
+        <circle class="spinner__indicator"></circle>
+      </svg>
+    `}};e.styles=n,r([s({reflect:!0})],e.prototype,"variant",2),e=r([a("dsa-spinner")],e);export{e as a};