@ds-autonomie/web-components 2.13.0 → 2.14.1

package/cdn/chunks/chunk.2UNJVLWY.js

@@ -0,0 +1,65 @@
+import{a}from"./chunk.GJVNJPCX.js";import{a as r}from"./chunk.VNBROC2T.js";var c=r`
+  ${a}
+
+  :host {
+    display: inline-block;
+  }
+
+  .card-nav {
+    border-radius: var(--dsa-radius-8);
+    border: 1px solid var(--dsa-wc-card-nav-border-color);
+    background-color: var(--dsa-wc-card-nav-background-color);
+    overflow: hidden;
+    color: var(--dsa-wc-card-nav-color);
+  }
+
+  .card-nav__media::slotted(img) {
+    display: block;
+    width: 100%;
+  }
+
+  /* Title block */
+  .card-nav__title-block {
+    display: flex;
+    align-items: center;
+    gap: var(--dsa-spacing-12);
+    padding: 1.25rem 1rem;
+  }
+  .title-block-text {
+    display: flex;
+    flex-direction: column;
+    gap: var(--dsa-spacing-8);
+  }
+  .title-block-text .title {
+    font: var(--dsa-font-large-bold);
+  }
+  .title-block-text .subtitle {
+    font: var(--dsa-font-medium-bold);
+    color: var(--dsa-wc-card-nav-subtitle-color);
+  }
+  .card-nav__title_icon::slotted(*) {
+    color: var(--dsa-wc-card-nav-icon-color);
+    flex-shrink: 0;
+    width: 2rem;
+    height: 2rem;
+  }
+
+  .card-content {
+    display: flex;
+    flex-direction: column;
+  }
+
+  ::slotted(*:last-child) {
+    --card-nav-item-border-width: 0px;
+    --card-nav-accordion-border-color: transparent;
+    --card-nav-accordion-border-color-hover: transparent;
+    --card-nav-accordion-border-color-transition-delay: var(
+      --dsa-wc-transition-medium
+    );
+  }
+
+  /** Contrasted **/
+  .card-nav.card-nav--contrasted-borders {
+    --dsa-wc-card-nav-border-color: var(--dsa-wc-card-border-color-contrasted);
+  }
+`;export{c as a};

package/cdn/chunks/chunk.2XGATKSL.js

@@ -0,0 +1,36 @@
+import{b as u}from"./chunk.4RYFGQPL.js";import{a as d}from"./chunk.QQJCZQQG.js";import{c as p}from"./chunk.4WOVD75K.js";import{d as n}from"./chunk.6DV3UDL6.js";import{a as c}from"./chunk.BWEPOOQP.js";import{a as r,b as a,d as l,f as m}from"./chunk.FC3GHOSX.js";import{a as s}from"./chunk.WJZ4ONP7.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends m{constructor(){super(...arguments);this.localize=new p(this);this.iconButtonSize="small";this.disableRemovableFocus=!1;this.variant="purple-100";this.size="medium";this.removable=!1;this.label="";this.accessibleName="";this.tooltip=!1}handleRemoveClick(){this.emit("dsa-remove")}updateIconButtonSize(){switch(this.size){case"small":this.iconButtonSize="xsmall";break;case"medium":this.iconButtonSize="small";break;case"large":this.iconButtonSize="medium";break}}render(){var o;u.includes(this.variant)&&console.warn(`The ${this.variant} variant of <dsa-tag> is deprecated, and will be removed in the next major release. Please consider using a variant from 100 to 500 instead.`);let i=this.accessibleName?s`
+          <span aria-hidden="true">${this.label}</span
+          ><dsa-visually-hidden>${this.accessibleName}</dsa-visually-hidden>
+        `:this.label;return s`
+      <span
+        part="base"
+        class=${n({tag:!0,[`tag--${this.variant}`]:!0,"tag--small":this.size==="small","tag--medium":this.size==="medium","tag--large":this.size==="large","tag--removable":this.removable})}
+      >
+        <slot part="prefix" name="prefix" class="tag__prefix"></slot>
+
+        ${this.tooltip?s`
+              <dsa-tooltip distance="16">
+                <span slot="content" aria-hidden="true">${i}</span>
+                <span class="tag__content tag__trigger" tabindex="0">
+                  ${i}
+                </span>
+              </dsa-tooltip>
+            `:s`<span class="tag__content">${i}</span>`}
+
+        <slot part="suffix" name="suffix" class="tag__suffix"></slot>
+
+        ${this.removable?s`
+              <dsa-icon-button
+                part="remove-button"
+                exportparts="base:remove-button__base"
+                name="close"
+                label=${`${this.localize.term("remove")} ${(o=this.accessibleName)!=null?o:this.label}`}
+                class="tag__remove"
+                size=${this.iconButtonSize}
+                @click=${this.handleRemoveClick}
+                ?disable-tab-index=${this.disableRemovableFocus}
+                library="system"
+              ></dsa-icon-button>
+            `:""}
+      </span>
+    `}};e.styles=d,t([l(".tag__content")],e.prototype,"content",2),t([l("dsa-icon-button")],e.prototype,"removeButton",2),t([a({type:Boolean,attribute:"disable-removable-focus"})],e.prototype,"disableRemovableFocus",2),t([a({reflect:!0})],e.prototype,"variant",2),t([a({reflect:!0})],e.prototype,"size",2),t([a({type:Boolean})],e.prototype,"removable",2),t([a({reflect:!0})],e.prototype,"label",2),t([a({attribute:"accessible-name",reflect:!0})],e.prototype,"accessibleName",2),t([a({type:Boolean})],e.prototype,"tooltip",2),t([c("size")],e.prototype,"updateIconButtonSize",1),e=t([r("dsa-tag")],e);export{e as a};

package/cdn/chunks/chunk.334A4HUT.js

@@ -0,0 +1 @@
+import{a as u}from"./chunk.AO73KA62.js";import{a as r}from"./chunk.B6ITXF6W.js";import{a as s}from"./chunk.BWEPOOQP.js";import{a as d,b as a,e as c,f as y}from"./chunk.FC3GHOSX.js";import{a as m}from"./chunk.WJZ4ONP7.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends y{constructor(){super(...arguments);this.hasStarted=!1;this.name="none";this.play=!1;this.delay=0;this.direction="normal";this.duration=1e3;this.easing="linear";this.endDelay=0;this.fill="auto";this.iterations=1/0;this.iterationStart=0;this.playbackRate=1}get currentTime(){var i,n;return(n=(i=this.animation)==null?void 0:i.currentTime)!=null?n:0}set currentTime(i){this.animation&&(this.animation.currentTime=i)}connectedCallback(){super.connectedCallback(),this.createAnimation(),this.handleAnimationCancel=this.handleAnimationCancel.bind(this),this.handleAnimationFinish=this.handleAnimationFinish.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleAnimationFinish(){this.play=!1,this.hasStarted=!1,this.emit("dsa-finish")}handleAnimationCancel(){this.play=!1,this.hasStarted=!1,this.emit("dsa-cancel")}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var h,o;let i=(h=r.easings[this.easing])!=null?h:this.easing,n=(o=this.keyframes)!=null?o:r[this.name],l=(await this.defaultSlot).assignedElements()[0];return!l||!n?!1:(this.destroyAnimation(),this.animation=l.animate(n,{delay:this.delay,direction:this.direction,duration:this.duration,easing:i,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("dsa-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){this.hasUpdated&&this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("dsa-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var i;(i=this.animation)==null||i.cancel()}finish(){var i;(i=this.animation)==null||i.finish()}render(){return m` <slot @slotchange=${this.handleSlotChange}></slot> `}};t.styles=u,e([c("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([s(["name","delay","direction","duration","easing","endDelay","fill","iterations","iterationsStart","keyframes"])],t.prototype,"handleAnimationChange",1),e([s("play")],t.prototype,"handlePlayChange",1),e([s("playbackRate")],t.prototype,"handlePlaybackRateChange",1),t=e([d("dsa-animation")],t);export{t as a};

package/cdn/chunks/chunk.35NCIH7K.js

@@ -0,0 +1,82 @@
+import{a as t}from"./chunk.GJVNJPCX.js";import{a}from"./chunk.VNBROC2T.js";var i=a`
+  ${t}
+
+  :host {
+    display: inline-block;
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  .tab {
+    display: inline-flex;
+    align-items: center;
+    font: var(--dsa-wc-tab-font);
+    border-radius: var(--dsa-wc-tab-border-radius);
+    color: var(--dsa-wc-tab-color);
+    padding: var(--dsa-wc-tab-padding);
+    white-space: nowrap;
+    user-select: none;
+    cursor: pointer;
+  }
+
+  .tab__content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  .tab__width-placeholder {
+    font-weight: 700;
+    visibility: hidden;
+    display: inline-block;
+    height: 0;
+    overflow: hidden;
+  }
+
+  .tab:hover:not(.tab--disabled) {
+    color: var(--dsa-wc-tab-color-hover);
+  }
+
+  .tab:focus {
+    outline: none;
+  }
+
+  .tab:focus-visible:not(.tab--disabled) {
+    color: var(--dsa-wc-tab-color-active-tab);
+  }
+
+  :host(:focus-visible) .tab {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: calc(
+      -1 * var(--dsa-wc-focus-ring-width) - var(--dsa-wc-focus-ring-offset)
+    );
+    border-radius: var(--dsa-wc-focus-ring-radius);
+  }
+
+  .tab.tab--active:not(.tab--disabled) {
+    color: var(--dsa-wc-tab-color-active-tab);
+    font: var(--dsa-wc-tab-font-active-tab);
+  }
+
+  .tab.tab--disabled {
+    color: var(--dsa-wc-tab-color-disabled);
+    cursor: not-allowed;
+  }
+
+  .tab__close-button {
+    font-size: var(--dsa-wc-tab-close-size);
+    margin-inline-start: var(--dsa-wc-tab-closable-padding-inline-start);
+  }
+
+  .tab__close-button::part(base) {
+    padding: var(--dsa-wc-tab-close-padding);
+  }
+
+  @media (forced-colors: active) {
+    .tab.tab--active:not(.tab--disabled) {
+      outline: solid 1px transparent;
+      outline-offset: -3px;
+    }
+  }
+`;export{i as a};

package/cdn/chunks/chunk.37OASHJM.js

@@ -0,0 +1,6 @@
+import{a as p}from"./chunk.6G7SXZWI.js";import{d as s}from"./chunk.6DV3UDL6.js";import{a as o}from"./chunk.BWEPOOQP.js";import{a as i,b as r,f as l}from"./chunk.FC3GHOSX.js";import{a}from"./chunk.WJZ4ONP7.js";import{f as e}from"./chunk.IZ2HVRME.js";var c=0,t=class extends l{constructor(){super(...arguments);this.attrId=++c;this.componentId=`dsa-tab-panel-${this.attrId}`;this.name="";this.tabindex=0;this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return a`
+      <slot
+        part="base"
+        class=${s({"tab-panel":!0,"tab-panel--active":this.active})}
+      ></slot>
+    `}};t.styles=p,e([r({reflect:!0})],t.prototype,"name",2),e([r({reflect:!0})],t.prototype,"tabindex",2),e([r({type:Boolean,reflect:!0})],t.prototype,"active",2),e([o("active")],t.prototype,"handleActiveChange",1),t=e([i("dsa-tab-panel")],t);export{t as a};

package/cdn/chunks/chunk.3BHC2RQ7.js

@@ -0,0 +1,42 @@
+import{a}from"./chunk.GJVNJPCX.js";import{a as t}from"./chunk.VNBROC2T.js";var e=t`
+  ${a}
+
+  :host {
+    display: block;
+  }
+
+  [part~='base'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--dsa-spacing-8);
+  }
+
+  [part~='divider'] {
+    display: none;
+  }
+
+  [part~='divider'] {
+    --spacing-start: var(--dsa-wc-footer-mandatory-mentions-spacing);
+    --spacing-end: var(--dsa-wc-footer-mandatory-mentions-spacing);
+  }
+
+  [part~='text-left']::slotted(*),
+  [part~='text-right']::slotted(*) {
+    margin: var(--dsa-wc-footer-mandatory-mentions-text-margin);
+    font: var(--dsa-wc-footer-mandatory-mentions-text-font);
+    color: var(--dsa-wc-footer-mandatory-mentions-text-color);
+  }
+
+  @media only screen and (min-width: 720px) {
+    [part~='base'] {
+      flex-direction: row;
+      align-items: center;
+      gap: 0px;
+    }
+
+    [part~='divider'] {
+      display: block;
+      height: var(--dsa-wc-footer-mandatory-mentions-vertical-size);
+    }
+  }
+`;export{e as a};

package/cdn/chunks/chunk.3EIRWNQV.js

@@ -0,0 +1,73 @@
+import{a as $}from"./chunk.O5D4EJ4L.js";import{a as v}from"./chunk.Q3R2CEGI.js";import{a as C}from"./chunk.MYUTDYQD.js";import{b as g}from"./chunk.FWTZS7LK.js";import{a as c}from"./chunk.ELL45QD3.js";import{a as h}from"./chunk.B4KFHYLS.js";import{a as y}from"./chunk.F2KBAVBI.js";import{c as b}from"./chunk.4WOVD75K.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 m,b as i,d as o,f}from"./chunk.FC3GHOSX.js";import{a as n}from"./chunk.WJZ4ONP7.js";import{f as l}from"./chunk.IZ2HVRME.js";var t=class extends f{constructor(){super(...arguments);this.formControlController=new g(this,{assumeInteractionOn:["dsa-blur","dsa-file-upload"],value:()=>[...this.fileUploadInput.files]});this.hasSlotController=new c(this,"help-text","label","button-label","description");this.localize=new b(this);this.size="medium";this.label="";this.buttonLabel="";this.description="";this.helpText="";this.disabled=!1;this.required=!1;this.accept="";this.multiple=!1;this.error=!1;this.directory=!1;this.name="";this.value="";this.defaultValue="";this.errorMessage=""}get validity(){return this.fileUploadInput.validity}get validationMessage(){return this.fileUploadInput.validationMessage}get files(){return this.fileUploadInput.files}checkValidity(){return this.fileUploadInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.fileUploadInput.reportValidity()}setCustomValidity(e){this.fileUploadInput.setCustomValidity(e),this.formControlController.updateValidity()}connectedCallback(){super.connectedCallback(),this.getAllFileElements().forEach(r=>r.setAttribute("size",this.size))}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.fileUploadInput.click()}handleChange(){var r;let e=Array.from((r=this.fileUploadInput.files)!=null?r:[]);this.emit("dsa-file-upload",{detail:{files:e}}),this.value=this.fileUploadInput.value,this.formControlController.updateValidity()}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}getAllFileElements(){return[...this.querySelectorAll("dsa-file-upload-item")]}handleDefaultSlotChange(){this.getAllFileElements().forEach(r=>r.setAttribute("size",this.size))}handleBlur(){this.emit("dsa-blur")}handleFocus(){this.emit("dsa-focus")}getDescriptionIds(){let e=[];return this.error&&(e=["error-text"]),e=[...e,"description","help-text","slot_files"],e.join(" ")}handleSizeChange(){this.getAllFileElements().forEach(r=>r.setAttribute("size",this.size))}handleValueChange(){this.value===""&&this.fileUploadInput&&(this.fileUploadInput.value="")}focus(e){this.fileUploadButton.focus(e)}blur(){this.fileUploadButton.blur()}render(){let e=this.hasSlotController.test("label"),r=this.hasSlotController.test("help-text"),I=this.hasSlotController.test("description"),a=this.label||e,p=this.helpText||r,x=this.description||I;return a||h("<dsa-file-upload> require a label attribute or a label slot for accessibility"),this.error&&!this.errorMessage&&h("<dsa-file-upload> requires an error-message attribute for accessibility when the error attribute is set"),n`
+      <fieldset
+        part="base"
+        class=${d({"form-control":!0,"form-control--error":this.error&&!this.disabled,"form-control--disabled":this.disabled,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":a,"form-control--has-description":x,"form-control--has-help-text":p})}
+      >
+        <legend
+          id="label"
+          part="file-upload-label"
+          class="form-control__label"
+          aria-hidden=${a?"false":"true"}
+        >
+          ${this.required?n`<span class="form-control__label-required">*</span>`:""}
+          <slot name="label">${this.label}</slot>
+        </legend>
+        <slot
+          part="file-upload-description"
+          id="description"
+          name="description"
+          class="form-control__description"
+          >${this.description}</slot
+        >
+        <div class="form-control__field">
+          <div class="button-container">
+            <button
+              part="file-upload-button"
+              id="button"
+              type="button"
+              class=${d({button:!0,"button--small":this.size==="small","button--medium":this.size==="medium","button--large":this.size==="large","button--disabled":this.disabled})}
+              ?disabled=${this.disabled}
+              aria-required=${s(this.required?"true":void 0)}
+              aria-invalid=${s(this.error?"true":void 0)}
+              tabindex=${this.disabled?"-1":"0"}
+              aria-describedby=${this.getDescriptionIds()}
+              @click=${this.handleClick}
+              @blur=${this.handleBlur}
+              @focus=${this.handleFocus}
+            >
+              <slot name="button-label">
+                ${this.buttonLabel||this.localize.term("fileSelect",this.directory,this.multiple)}
+              </slot>
+            </button>
+            <input
+              part="input"
+              id="file"
+              type="file"
+              ?disabled=${this.disabled}
+              ?required=${this.required}
+              accept=${y(this.accept)}
+              tabindex="-1"
+              aria-hidden="true"
+              ?multiple=${this.multiple}
+              ?webkitdirectory=${s(this.directory)}
+              @change=${this.handleChange}
+              @invalid=${this.handleInvalid}
+            />
+          </div>
+        </div>
+
+        <slot
+          name="help-text"
+          id="help-text"
+          part="file-upload-help-text"
+          class="form-control__help-text"
+          aria-hidden=${p?"false":"true"}
+        >
+          ${this.helpText}
+        </slot>
+        ${this.error&&!this.disabled?C(this.errorMessage):""}
+        <ul id="slot_files" part="slot_files">
+          <slot @slotchange=${this.handleDefaultSlotChange}> </slot>
+        </ul>
+      </fieldset>
+    `}};t.styles=$,l([o("#file")],t.prototype,"fileUploadInput",2),l([o("#button")],t.prototype,"fileUploadButton",2),l([o(".drop-container")],t.prototype,"dropContainer",2),l([i()],t.prototype,"size",2),l([i()],t.prototype,"label",2),l([i({attribute:"button-label"})],t.prototype,"buttonLabel",2),l([i({attribute:"description"})],t.prototype,"description",2),l([i({attribute:"help-text"})],t.prototype,"helpText",2),l([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),l([i({type:Boolean,reflect:!0})],t.prototype,"required",2),l([i()],t.prototype,"accept",2),l([i({type:Boolean,reflect:!0})],t.prototype,"multiple",2),l([i({type:Boolean})],t.prototype,"error",2),l([i({type:Boolean,reflect:!0})],t.prototype,"directory",2),l([i()],t.prototype,"name",2),l([i()],t.prototype,"value",2),l([v()],t.prototype,"defaultValue",2),l([i({attribute:"error-message",converter:{fromAttribute:e=>e?e.split("|"):"",toAttribute:e=>typeof e=="string"?e:e.join("|")}})],t.prototype,"errorMessage",2),l([u("size")],t.prototype,"handleSizeChange",1),l([u("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),t=l([m("dsa-file-upload")],t);export{t as a};

package/cdn/chunks/chunk.3GP4OUDB.js

@@ -0,0 +1,185 @@
+import{a as c}from"./chunk.GJVNJPCX.js";import{a as o}from"./chunk.VNBROC2T.js";var d=o`
+  ${c}
+
+  :host {
+    display: block;
+  }
+
+  .accordion {
+    border: solid 1px var(--dsa-wc-accordion-border-color);
+    border-radius: var(--dsa-wc-accordion-border-radius);
+    background-color: var(--dsa-wc-accordion-background-color);
+    font: var(--dsa-wc-accordion-font);
+    color: var(--dsa-wc-accordion-color);
+    overflow-anchor: none;
+  }
+
+  .accordion--disabled {
+    color: var(--dsa-wc-accordion-disabled-color);
+    border-color: var(--dsa-color-accordion-disabled-border);
+  }
+
+  .accordion--filled {
+    background-color: var(--dsa-wc-accordion-filled-background-color);
+    border-color: transparent;
+  }
+
+  .accordion--disabled.accordion--filled {
+    color: var(--dsa-wc-accordion-filled-disabled-color);
+    background-color: var(--dsa-wc-accordion-filled-disabled-background-color);
+  }
+
+  /* Header */
+  .accordion__header {
+    position: relative;
+    display: flex;
+    align-items: center;
+    border-radius: var(--dsa-wc-accordion-header-border-radius);
+  }
+
+  .accordion__header-button {
+    margin-right: auto;
+    padding: var(--dsa-wc-accordion-padding);
+    user-select: none;
+    cursor: pointer;
+  }
+  .accordion__header-button::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+  }
+
+  .accordion--disabled .accordion__header-button {
+    cursor: not-allowed;
+  }
+
+  /* Hover and focus states */
+  .accordion:not(.accordion--disabled, .accordion--filled):has(
+      .accordion__header-button:hover
+    ) {
+    border-color: var(--dsa-wc-accordion-hover-border-color);
+  }
+
+  .accordion:not(.accordion--open):not(.accordion--disabled)
+    .accordion__header:has(.accordion__header-button:hover),
+  .accordion:not(.accordion--open)
+    .accordion__header:has(.accordion__header-button:focus-visible) {
+    border-radius: var(--dsa-wc-accordion-closed-header-hover-border-radius);
+  }
+
+  .accordion:not(.accordion--disabled)
+    .accordion__header:has(.accordion__header-button:hover),
+  .accordion__header:has(.accordion__header-button:focus-visible) {
+    border-radius: var(--dsa-wc-accordion-header-hover-border-radius);
+    background-color: var(--dsa-wc-accordion-header-hover-background-color);
+  }
+
+  .accordion__header:has(.accordion__header-button:focus-visible) {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  .accordion__header-button:focus-visible {
+    outline: none;
+    box-shadow: none;
+  }
+
+  /* Summary */
+  .accordion__summary-container {
+    display: contents;
+  }
+
+  .accordion__summary {
+    flex: 1 1 auto;
+    display: flex;
+    align-items: center;
+    font: var(--dsa-wc-accordion-summary-font);
+    padding: var(--dsa-wc-accordion-summary-padding);
+  }
+
+  .accordion--small .accordion__summary {
+    font: var(--dsa-wc-accordion-small-summary-font);
+    padding: 0;
+  }
+
+  .accordion__actions {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--dsa-spacing-12);
+  }
+
+  .accordion__actions-divider-container {
+    align-self: stretch;
+    padding-block: 3px;
+  }
+  .accordion__actions-divider {
+    --spacing-start: 8px;
+    --spacing-end: 4px;
+  }
+
+  /* Summary icon */
+  .accordion__summary-icon {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    color: var(--dsa-wc-accordion-icon-color);
+    transition: var(--dsa-wc-transition-medium) rotate ease;
+    font-size: var(--dsa-wc-accordion-icon-size);
+    padding: var(--dsa-wc-accordion-padding);
+    color: inherit;
+    pointer-events: none;
+  }
+
+  .accordion--small .accordion__summary-icon {
+    font-size: var(--dsa-wc-accordion-small-icon-size);
+  }
+
+  .accordion--disabled .accordion__summary-icon {
+    color: var(--dsa-wc-accordion-disabled-icon-color);
+  }
+
+  .accordion--chevron .accordion__summary-icon {
+    rotate: 90deg;
+  }
+
+  .accordion--rtl.accordion--chevron .accordion__summary-icon {
+    rotate: -90deg;
+  }
+
+  .accordion--open.accordion--chevron .accordion__summary-icon {
+    rotate: -90deg;
+  }
+
+  .accordion--open.accordion--rtl.accordion--chevron .accordion__summary-icon {
+    rotate: 90deg;
+  }
+
+  .accordion--open .accordion__expand-icon,
+  .accordion:not(.accordion--open) .accordion__collapse-icon {
+    display: none;
+  }
+
+  /* Body */
+  .accordion:not(.accordion--disabled):has(.accordion__header-button:hover)
+    .accordion__body {
+    border-color: transparent;
+  }
+
+  .accordion__body {
+    overflow: hidden;
+    border-top: solid 1px var(--dsa-wc-accordion-border-color);
+  }
+
+  .accordion--disabled .accordion__body {
+    border-color: var(--dsa-color-accordion-disabled-border);
+  }
+
+  .accordion--filled .accordion__body {
+    border-color: transparent;
+  }
+
+  .accordion__content {
+    display: block;
+    padding: var(--dsa-wc-accordion-padding);
+  }
+`;export{d as a};

package/cdn/chunks/chunk.3GV555RM.js

@@ -0,0 +1,123 @@
+import{a as B}from"./chunk.26YXWHOM.js";import{a as y,c as H,d as T}from"./chunk.HFRREETM.js";import{a as F}from"./chunk.GLLPC5VQ.js";import{c as O}from"./chunk.3RLUYXJN.js";import{a as z}from"./chunk.FFQUZPE7.js";import{a as S}from"./chunk.KLRPP4NQ.js";import{a as w,c as $}from"./chunk.HHVNQNCC.js";import{a as U,c as D}from"./chunk.TV2TMO2H.js";import{a as E}from"./chunk.F2KBAVBI.js";import{c as _}from"./chunk.4WOVD75K.js";import{d as k}from"./chunk.6DV3UDL6.js";import{a as f}from"./chunk.UJCOUPGF.js";import{a as v}from"./chunk.BWEPOOQP.js";import{a as C,b,c as M,d as g}from"./chunk.FC3GHOSX.js";import{a as d}from"./chunk.WJZ4ONP7.js";import{f as h}from"./chunk.IZ2HVRME.js";var a=class extends F{constructor(){super(...arguments);this.localize=new _(this);this.isTimePickerOpen=!1;this.min="00:00";this.max="23:59";this.step=60;this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this)}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleDocumentFocusIn(e){let t=e.composedPath();this&&!t.includes(this)&&this.hideTimePicker()}handleDocumentMouseDown(e){let t=e.composedPath();this&&!t.includes(this)&&this.hideTimePicker()}handleDefaultKeyDown(e){this.isTimePickerOpen&&e.key==="Escape"&&(e.preventDefault(),e.stopPropagation(),this.hideTimePicker()),this.isTimePickerOpen&&e.key==="Tab"&&setTimeout(()=>{var c,i;let n=(this==null?void 0:this.getRootNode())instanceof ShadowRoot?(i=(c=document.activeElement)==null?void 0:c.shadowRoot)==null?void 0:i.activeElement:document.activeElement;(!this||(n==null?void 0:n.closest(this.tagName.toLowerCase()))!==this)&&this.hideTimePicker()}),e.composedPath().some(n=>n===this.timePickerButton)&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.toggleTimePicker())}handleKeyDown(e){super.handleKeyDown(e),e.key===" "&&(e.preventDefault(),this.showTimePicker())}getDescriptionIds(){let e=["input__prefix","input__suffix"];return this.error&&(e=[...e,"error-text"]),e=[...e,"selected-value","help-text","description"],e.join(" ")}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.isTimePickerOpen&&this.scrollSelectedTimeUnitsIntoView()}async handleOpenChange(){var e,t;if(this.isTimePickerOpen){this.emit("dsa-show"),this.addOpenListeners(),await $(this),this.popup.active=!0,this.timePickerButton.button.setAttribute("aria-expanded","true");let{keyframes:s,options:n}=D(this,"time-popup.show",{dir:this.localize.dir()});await w(this.popup.popup,s,n),this.emit("dsa-after-show"),this.scrollSelectedTimeUnitsIntoView(),(t=(e=this.popup.querySelector('[aria-selected="true"]'))!=null?e:this.popup.querySelector("li"))==null||t.focus()}else{this.emit("dsa-hide"),this.removeOpenListeners(),await $(this),this.popup.active=!1,this.timePickerButton.button.setAttribute("aria-expanded","false"),this.timePickerButton.focus({preventScroll:!0});let{keyframes:s,options:n}=D(this,"time-popup.hide",{dir:this.localize.dir()});await w(this.popup.popup,s,n),this.emit("dsa-after-hide")}}toggleTimePicker(){this.isTimePickerOpen?this.hideTimePicker():this.showTimePicker()}async showTimePicker(){return this.value===""||T(this.value,this.min)===-1?(this.value=this.min,this.emit("dsa-change")):T(this.value,this.max)===1&&(this.value=this.max,this.emit("dsa-change")),this.isTimePickerOpen=!0,await S(this,"dsa-after-show")}async hideTimePicker(){if(this.isTimePickerOpen)return this.isTimePickerOpen=!1,await S(this,"dsa-after-hide")}scrollSelectedTimeUnitsIntoView(){this.popup.querySelectorAll('[aria-selected="true"]').forEach(t=>{O(t,t.parentElement,"vertical","auto")})}selectTimeUnit(e){let t=this.value,s=H(t,e.dataset.timetype,e.dataset.timevalue);this.emit("dsa-input"),T(s,this.min)===-1?(this.value=this.min,this.emit("dsa-change")):T(s,this.max)===1?(this.value=this.max,this.emit("dsa-change")):this.value!==s&&(this.value=s,this.emit("dsa-change"))}handlePanelKeydown(e){var t,s,n,c;if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key)&&e.preventDefault(),e.key==="ArrowUp"){let i=(t=e.target.closest("li"))==null?void 0:t.previousElementSibling;if(!i)return;i.focus(),this.selectTimeUnit(i)}if(e.key==="ArrowDown"){let i=(s=e.target.closest("li"))==null?void 0:s.nextElementSibling;if(!i)return;i.focus(),this.selectTimeUnit(i)}if(e.key==="ArrowLeft"){let i=e.target.closest("ul");if(!(i instanceof HTMLUListElement))return;let o=i.previousElementSibling;if(!(o instanceof HTMLUListElement))return;let l=(n=o.querySelector('li[aria-selected="true"]'))!=null?n:o.querySelector("li");if(!l)return;l.focus(),this.selectTimeUnit(l)}if(e.key==="ArrowRight"){let i=e.target.closest("ul");if(!(i instanceof HTMLUListElement))return;let o=i.nextElementSibling;if(!(o instanceof HTMLUListElement))return;let l=(c=o.querySelector('li[aria-selected="true"]'))!=null?c:o.querySelector("li");if(!l)return;l.focus(),this.selectTimeUnit(l)}e.key==="Enter"&&this.hideTimePicker()}handlePanelClick(e){let t=e.target.closest("li");!(t!=null&&t.dataset.timetype)||!t.dataset.timevalue||this.selectTimeUnit(t)}generateTimeUnitArrays(){var u;let e=y(this.min),t=y(this.max);if(!e||!t)throw new Error("Invalid min or max time values");let s=(u=y(this.value))!=null?u:e,n=this.step>3600?Math.floor(this.step/3600):1,c=Array.from({length:24},(r,p)=>p).filter(r=>r>=e.hours&&r<=t.hours&&r%n===0),i=this.step>60?Math.floor(this.step%3600/60):1,o=Array.from({length:60},(r,p)=>p).filter(r=>s.hours===(e==null?void 0:e.hours)?r>=(e==null?void 0:e.minutes)&&r%i===0:s.hours===(t==null?void 0:t.hours)?r<=(t==null?void 0:t.minutes)&&r%i===0:this.step>60?r%i===0:!0);o.length===0&&(o[0]=0);let l=this.step%60,m=Array.from({length:60},(r,p)=>p).filter(r=>r%l===0);return{displayedHours:c,displayedMinutes:o,displayedSeconds:m}}generateTimeUnitList(e,t){var o,l;let s=y(this.min),c=(l=((o=y(this.value))!=null?o:s)[e])!=null?l:0,i=(m,u)=>{switch(m){case"hours":return this.localize.term("hours",u);case"minutes":return this.localize.term("minutes",u);case"seconds":return this.localize.term("seconds",u);case"milliseconds":return this.localize.term("milliseconds",u);default:return""}};return t.length===0?d``:d`
+      <ul
+        id="${e}-list"
+        class="time-popup--unit-container"
+        role="listbox"
+        aria-label=${this.localize.term(e,"")}
+        tabindex="-1"
+      >
+        ${t.map(m=>d`
+            <li
+              data-timetype="${e}"
+              data-timevalue="${m}"
+              role="option"
+              aria-selected="${c===m?"true":"false"}"
+              tabindex="${m===c?0:-1}"
+              class=${k({"time-popup--unit":!0,"time-popup--unit-selected":m===c})}
+            >
+              <span aria-hidden="true"
+                >${m.toString().padStart(2,"0")}</span
+              >
+              <dsa-visually-hidden
+                >${i(e,m)}</dsa-visually-hidden
+              >
+            </li>
+          `)}
+      </ul>
+    `}renderInput(){var P,L,A,x;let e=this.hasSlotController.test("label"),t=this.hasSlotController.test("prefix"),s=this.hasSlotController.test("suffix"),n=this.label?!0:!!e,c=this.clearable&&!this.disabled&&!this.readonly&&this.value.length>0,{displayedHours:i,displayedMinutes:o,displayedSeconds:l}=this.generateTimeUnitArrays(),m=this.generateTimeUnitList("hours",i),u=this.generateTimeUnitList("minutes",o),r=this.generateTimeUnitList("seconds",l),p=`${this.localize.term("selectedTime")}${this.value}`;return d`
+      <div
+        part="base"
+        class=${k({input:!0,"input--time":!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--error":this.error,"input--success":this.success&&!this.error,"input--on-layer":this.variant==="layer","input--on-base":this.variant==="base","input--disabled":this.disabled,"input--readonly":this.readonly,"input--focused":this.hasFocus,"input--empty":!this.value,"form-control--has-prefix-icon":t})}
+        @keydown=${this.handleDefaultKeyDown}
+      >
+        <slot
+          name="prefix"
+          part="prefix"
+          id="input__prefix"
+          class="input__prefix"
+        ></slot>
+
+        <input
+          part="input"
+          id="input"
+          class="input__control"
+          type="time"
+          title=${E(n?void 0:(P=this.accessibleName)!=null?P:this.title)}
+          name=${E(this.name)}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          ?required=${this.required}
+          min=${f(this.min)}
+          max=${f(this.max)}
+          step=${this.step}
+          .value=${z(this.value)}
+          autocomplete=${f(this.autocomplete)}
+          ?autofocus=${this.autofocus}
+          enterkeyhint=${f(this.enterkeyhint)}
+          inputmode="numeric"
+          aria-label=${E(n?void 0:(L=this.accessibleName)!=null?L:this.title)}
+          aria-describedby=${this.getDescriptionIds()}
+          aria-invalid=${f(this.error?"true":void 0)}
+          @change=${this.handleChange}
+          @input=${this.handleInput}
+          @invalid=${this.handleInvalid}
+          @keydown=${this.handleKeyDown}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        />
+
+        ${s?d`<slot
+              name="suffix"
+              id="input__suffix"
+              class="input__suffix"
+            ></slot>`:""}
+        ${c?d`
+              <dsa-icon-button
+                part="clear-button"
+                class="input__action-button"
+                name="clear"
+                label=${this.localize.term("clearEntry")}
+                @click=${this.handleClearClick}
+                library="system"
+              ></dsa-icon-button>
+            `:""}
+
+        <dsa-popup
+          class="time-popup"
+          part="popup"
+          placement="bottom-end"
+          distance="12"
+          strategy=${this.hoist?"fixed":"absolute"}
+          flip
+          shift
+          auto-size="both"
+          auto-size-padding="10"
+        >
+          <div slot="anchor" class="time-anchor">
+            <dsa-icon-button
+              part="picker-button"
+              class="input__action-button icon-button--time"
+              name="schedule"
+              label=${`${this.localize.term("selectATime")} - ${(x=(A=this.label)!=null?A:this.accessibleName)!=null?x:this.title}`}
+              @click=${this.toggleTimePicker}
+              library="system"
+              size=${this.size}
+              ?disabled=${this.disabled||this.readonly}
+              description=${f(this.value!==""?p:void 0)}
+            ></dsa-icon-button>
+          </div>
+
+          <div
+            id="time-popup--panel"
+            class="time-popup--panel"
+            @keydown=${this.handlePanelKeydown}
+            @click=${this.handlePanelClick}
+          >
+            ${m} ${u} ${r}
+          </div>
+        </dsa-popup>
+      </div>
+      <p id="selected-value" class="input--time-description">
+        ${this.localize.term("selectedTime")}${this.value}
+      </p>
+    `}};a.styles=B,h([g(".icon-button--time")],a.prototype,"timePickerButton",2),h([g(".time-popup")],a.prototype,"popup",2),h([M()],a.prototype,"isTimePickerOpen",2),h([b()],a.prototype,"min",2),h([b()],a.prototype,"max",2),h([b({converter:{fromAttribute:e=>e==="any"?60:Number(e)}})],a.prototype,"step",2),h([b({type:Boolean})],a.prototype,"hoist",2),h([v("value",{waitUntilFirstUpdate:!0})],a.prototype,"handleValueChange",1),h([v("isTimePickerOpen",{waitUntilFirstUpdate:!0})],a.prototype,"handleOpenChange",1),a=h([C("dsa-input-time")],a);U("time-popup.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});U("time-popup.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{a};