@ds-autonomie/web-components 2.14.1 → 2.16.0

package/cdn/chunks/chunk.AGZH4MVB.js

@@ -0,0 +1,55 @@
+import{a as v}from"./chunk.ODH67RGS.js";import{a as x}from"./chunk.MCWDTN6Q.js";import{a as k}from"./chunk.ELL45QD3.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as l,c as h,d as c}from"./chunk.HHVNQNCC.js";import{a as u,c as p}from"./chunk.TV2TMO2H.js";import{a as g}from"./chunk.B4KFHYLS.js";import{c as $}from"./chunk.6JIYQYLW.js";import{c as w}from"./chunk.KD3BHBHK.js";import{a as d}from"./chunk.2RF4WD6T.js";import{d as f}from"./chunk.ZBHHLRFH.js";import{a as _}from"./chunk.BWEPOOQP.js";import{a as y,b as a,d as s,f as b}from"./chunk.KBZ32KWP.js";import{a as n}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends b{constructor(){super(...arguments);this.localize=new $(this);this.hasSlotController=new k(this,"summary","actions");this.open=!1;this.disabled=!1;this.icon="chevron";this.variant="outlined";this.size="medium"}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0"}handleSummaryClick(){this.disabled||(this.open?this.hide():this.show(),this.headerButton.focus())}handleSummaryKeyDown(i){(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this.open?this.hide():this.show()),(i.key==="ArrowUp"||i.key==="ArrowLeft")&&(i.preventDefault(),this.hide()),(i.key==="ArrowDown"||i.key==="ArrowRight")&&(i.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.emit("dsa-show",{cancelable:!0}).defaultPrevented){this.open=!1;return}await h(this.body),this.body.hidden=!1;let{keyframes:o,options:r}=p(this,"accordion.show",{dir:this.localize.dir()});await l(this.body,c(o,this.body.scrollHeight),r),this.body.style.height="auto",this.emit("dsa-after-show")}else{if(this.emit("dsa-hide",{cancelable:!0}).defaultPrevented){this.open=!0;return}await h(this.body);let{keyframes:o,options:r}=p(this,"accordion.hide",{dir:this.localize.dir()});await l(this.body,c(o,this.body.scrollHeight),r),this.body.hidden=!0,this.body.style.height="auto",this.emit("dsa-after-hide")}}async show(){if(!(this.open||this.disabled))return this.open=!0,await m(this,"dsa-after-show")}async hide(){if(!(!this.open||this.disabled))return this.open=!1,await m(this,"dsa-after-hide")}render(){!this.summary&&!this.hasSlotController.test("summary")&&g("<dsa-accordion> requires a summary attribute or a summary slot for accessibility");let i=this.icon==="box"?"add_box":"chevron_right",o=this.icon==="box"?"indeterminate_check_box":"chevron_right";return n`
+      <div
+        part="base"
+        class=${f({accordion:!0,"accordion--open":this.open,"accordion--disabled":this.disabled,"accordion--chevron":this.icon==="chevron","accordion--outlined":this.variant==="outlined","accordion--filled":this.variant==="filled","accordion--small":this.size==="small","accordion--medium":this.size==="medium"})}
+      >
+        <div part="header" id="header" class="accordion__header">
+          <div
+            class="accordion__summary-container"
+            aria-level=${d(this.headerLevel)}
+            role=${d(this.headerLevel?"heading":void 0)}
+          >
+            <span
+              role="button"
+              aria-expanded=${this.open?"true":"false"}
+              aria-controls="content"
+              aria-disabled=${this.disabled?"true":"false"}
+              tabindex=${this.disabled?"-1":"0"}
+              @click=${this.handleSummaryClick}
+              @keydown=${this.handleSummaryKeyDown}
+              class="accordion__header-button"
+            >
+              <slot name="summary" part="summary" class="accordion__summary"
+                >${this.summary}</slot
+              >
+            </span>
+          </div>
+          <div class="accordion__actions">
+            <slot name="actions"></slot>
+            ${this.hasSlotController.test("actions")?n`<div class="accordion__actions-divider-container">
+                  <dsa-divider
+                    vertical
+                    class="accordion__actions-divider"
+                  ></dsa-divider>
+                </div>`:""}
+          </div>
+          <div part="summary-icon" class="accordion__summary-icon">
+            <dsa-icon
+              class="accordion__expand-icon"
+              name=${i}
+              library="system"
+            ></dsa-icon>
+
+            <dsa-icon
+              class="accordion__collapse-icon"
+              name=${o}
+              library="system"
+            ></dsa-icon>
+          </div>
+        </div>
+
+        <div class="accordion__body">
+          <slot part="content" id="content" class="accordion__content"></slot>
+        </div>
+      </div>
+    `}};e.styles=x,e.dependencies={"dsa-icon":w,"dsa-divider":v},t([s(".accordion")],e.prototype,"accordion",2),t([s(".accordion__header-button")],e.prototype,"headerButton",2),t([s(".accordion__body")],e.prototype,"body",2),t([a({type:Boolean,reflect:!0})],e.prototype,"open",2),t([a()],e.prototype,"summary",2),t([a({attribute:"header-level",reflect:!0})],e.prototype,"headerLevel",2),t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a({reflect:!0})],e.prototype,"icon",2),t([a({reflect:!0})],e.prototype,"variant",2),t([a({reflect:!0})],e.prototype,"size",2),t([_("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1),e=t([y("dsa-accordion")],e);u("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}});u("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});export{e as a};

package/cdn/chunks/chunk.AHAZYWZF.js

@@ -0,0 +1,9 @@
+import{a as m}from"./chunk.VZW43GJJ.js";import{a as o}from"./chunk.ELL45QD3.js";import{d as l}from"./chunk.ZBHHLRFH.js";import{a as s,b as r,f as i}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends i{constructor(){super(...arguments);this.hasSlotController=new o(this,"[default]");this.variant="primary";this.size="medium";this.pulse=!1}render(){return a`
+      <div
+        part="base"
+        class=${l({badge:!0,"badge--primary":this.variant==="primary","badge--success":this.variant==="success","badge--neutral":this.variant==="neutral","badge--warning":this.variant==="warning","badge--danger":this.variant==="danger","badge--medium":this.size==="medium","badge--small":this.size==="small","badge--pulse":this.pulse,"badge--has-text":this.hasSlotController.test("[default]")})}
+        role="status"
+      >
+        <slot></slot>
+      </div>
+    `}};e.styles=m,t([r({reflect:!0})],e.prototype,"variant",2),t([r({reflect:!0})],e.prototype,"size",2),t([r({type:Boolean,reflect:!0})],e.prototype,"pulse",2),e=t([s("dsa-badge")],e);export{e as a};

package/cdn/chunks/chunk.AP4A32XE.js

@@ -0,0 +1,198 @@
+import{a as r}from"./chunk.6YHPQNRD.js";import{a as e}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";var l=o`
+  ${e}
+  ${r}
+
+  :host {
+    display: block;
+  }
+
+  .input__wrapper {
+    position: relative;
+    display: inline-flex;
+  }
+
+  .visible-input {
+    display: inline-flex;
+    flex-wrap: wrap;
+    gap: var(--dsa-wc-input-otp-single-fields-gap);
+  }
+
+  .hidden-input {
+    position: absolute;
+    inset: 0;
+    opacity: 0;
+    z-index: -1;
+  }
+  .hidden-input:focus {
+    outline: none;
+  }
+
+  .input--focused:not(.input--disabled) {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  .fake-caret {
+    position: absolute;
+    width: 1px;
+    height: var(--dsa-wc-input-otp-caret-height);
+    background-color: var(--dsa-color-input-cursor-background);
+    animation: caret-blink 1.2s ease-out
+      var(--dsa-wc-no-animations-duration, infinite);
+  }
+  @keyframes caret-blink {
+    0%,
+    70%,
+    100% {
+      opacity: 1;
+    }
+    20%,
+    50% {
+      opacity: 0;
+    }
+  }
+
+  /* Single field */
+  .single-field {
+    position: relative;
+    display: inline-flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    vertical-align: middle;
+    font: var(--dsa-wc-input-text-field-font);
+    transition:
+      var(--dsa-wc-transition-fast) color,
+      var(--dsa-wc-transition-fast) border,
+      var(--dsa-wc-transition-fast) box-shadow,
+      var(--dsa-wc-transition-fast) background-color;
+    border-radius: var(--dsa-wc-input-border-radius);
+    cursor: text;
+  }
+
+  .single-field__placeholder {
+    user-select: none;
+  }
+
+  .input--disabled .single-field__value,
+  .input--disabled .single-field__placeholder {
+    color: var(--dsa-wc-input-label-color-disabled);
+  }
+
+  .single-field__value {
+    display: flex;
+    justify-content: center;
+    width: var(--dsa-wc-input-otp-single-field-value-width);
+  }
+  .single-field--active .single-field__value {
+    background-color: var(
+      --dsa-wc-input-otp-single-field-active-value-background
+    );
+    border-radius: var(
+      --dsa-wc-input-otp-single-field-active-value-border-radius
+    );
+    color: var(--dsa-wc-input-otp-single-field-active-value-color);
+    padding-inline: var(--dsa-wc-input-otp-single-field-active-value-padding);
+  }
+
+  /* On Layer inputs */
+  .input--on-layer .single-field {
+    background-color: var(--dsa-wc-input-on-layer-background-color);
+    border: solid var(--dsa-wc-input-border-width)
+      var(--dsa-wc-input-on-layer-border-color);
+    color: var(--dsa-wc-input-on-layer-text-field-input-color);
+  }
+
+  .input--on-layer:not(.input--disabled) .single-field__placeholder {
+    color: var(--dsa-wc-input-on-layer-text-field-placeholder-color);
+  }
+
+  .input--on-layer:not(.input--disabled) .single-field:hover,
+  .input--on-layer .single-field--active {
+    border-color: var(--dsa-wc-input-on-layer-border-color-hover);
+  }
+
+  .input--on-layer.input--disabled .single-field {
+    background-color: var(--dsa-wc-input-on-layer-background-color-disabled);
+    border-color: var(--dsa-wc-input-on-layer-border-color-disabled);
+    cursor: not-allowed;
+    color: var(--dsa-wc-input-on-layer-text-field-input-color-disabled);
+  }
+
+  .input--error.input--on-layer:not(.input--disabled) .single-field {
+    background-color: var(--dsa-wc-input-on-layer-background-color-error);
+    border-color: var(--dsa-wc-input-on-layer-border-color-error);
+  }
+
+  .input--error.input--on-layer:not(.input--disabled) .single-field:hover,
+  .input--error.input--on-layer:not(.input--disabled) .single-field--active {
+    border-color: var(--dsa-wc-input-on-layer-border-color-error-hover);
+  }
+
+  .input--success.input--on-layer .single-field {
+    background-color: var(--dsa-wc-input-success-background-color);
+    border-color: var(--dsa-wc-input-success-border-color);
+  }
+
+  /* On Base inputs */
+
+  .input--on-base .single-field {
+    border: solid var(--dsa-wc-input-border-width)
+      var(--dsa-wc-input-on-base-border-color);
+    background-color: var(--dsa-wc-input-on-base-background-color);
+    color: var(--dsa-wc-input-on-base-text-field-input-color);
+  }
+
+  .input--on-base:not(.input--disabled) .single-field__placeholder {
+    color: var(--dsa-wc-input-on-base-text-field-placeholder-color);
+  }
+
+  .input--on-base:not(.input--disabled) .single-field:hover,
+  .input--on-base:not(.input--disabled) .single-field--active {
+    border-color: var(--dsa-wc-input-on-base-border-color-hover);
+  }
+
+  .input--on-base.input--disabled .single-field {
+    border-color: var(--dsa-wc-input-on-base-border-color-disabled);
+    background-color: var(--dsa-wc-input-on-base-background-color-disabled);
+    cursor: not-allowed;
+  }
+
+  .input--error.input--on-base:not(.input--disabled) .single-field {
+    background-color: var(--dsa-wc-input-on-base-background-color-error);
+    border-color: var(--dsa-wc-input-on-base-border-color-error);
+  }
+  .input--error.input--on-base:not(.input--disabled) .single-field:hover,
+  .input--error.input--on-base:not(.input--disabled) .single-field--active {
+    border-color: var(--dsa-wc-input-on-base-border-color-error-hover);
+  }
+
+  .input--success.input--on-base .single-field {
+    background-color: var(--dsa-wc-input-success-background-color);
+    border-color: var(--dsa-wc-input-success-border-color);
+  }
+
+  /*
+   * Size modifiers
+   */
+
+  .input--small .single-field {
+    font: var(--dsa-wc-input-text-field-font-small);
+    height: var(--dsa-wc-form-input-height-small);
+    width: var(--dsa-wc-input-otp-single-field-width-small);
+  }
+
+  .input--medium .single-field {
+    height: var(--dsa-wc-form-input-height);
+    width: var(--dsa-wc-input-otp-single-field-width-medium);
+  }
+
+  .input--large {
+    padding: var(--dsa-spacing-4);
+  }
+  .input--large .single-field {
+    font: var(--dsa-wc-input-text-field-font-large);
+    height: var(--dsa-wc-form-input-height-large);
+    width: var(--dsa-wc-input-otp-single-field-width-large);
+  }
+`;export{l as a};

package/cdn/chunks/chunk.ARJARKS7.js

@@ -0,0 +1,123 @@
+import{a as N}from"./chunk.NLVJBP2P.js";import{a as y,c as R,d as T}from"./chunk.HFRREETM.js";import{a as P}from"./chunk.ZCITPD2M.js";import{c as I}from"./chunk.3RLUYXJN.js";import{a as H}from"./chunk.FX5UP23Z.js";import{a as K}from"./chunk.CUYQOZPJ.js";import{a as q}from"./chunk.PIG773U2.js";import{a as B}from"./chunk.63UE4VAO.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.NIRNX67K.js";import{c as F}from"./chunk.6JIYQYLW.js";import{a as f}from"./chunk.2RF4WD6T.js";import{d as k}from"./chunk.ZBHHLRFH.js";import{a as v}from"./chunk.BWEPOOQP.js";import{a as z,b,c as O,d as g}from"./chunk.KBZ32KWP.js";import{a as d}from"./chunk.GP725TPQ.js";import{a as M,b as _,f as m}from"./chunk.IZ2HVRME.js";var a=class extends P{constructor(){super(...arguments);this.localize=new F(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=>{I(t,t.parentElement,"vertical","auto")})}selectTimeUnit(e){let t=this.value,s=R(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,h=Array.from({length:60},(r,p)=>p).filter(r=>r%l===0);return{displayedHours:c,displayedMinutes:o,displayedSeconds:h}}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=(h,u)=>{switch(h){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(h=>d`
+            <li
+              data-timetype="${e}"
+              data-timevalue="${h}"
+              role="option"
+              aria-selected="${c===h?"true":"false"}"
+              tabindex="${h===c?0:-1}"
+              class=${k({"time-popup--unit":!0,"time-popup--unit-selected":h===c})}
+            >
+              <span aria-hidden="true"
+                >${h.toString().padStart(2,"0")}</span
+              >
+              <dsa-visually-hidden
+                >${i(e,h)}</dsa-visually-hidden
+              >
+            </li>
+          `)}
+      </ul>
+    `}renderInput(){var L,A,x,C;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(),h=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:(L=this.accessibleName)!=null?L: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=${H(this.value)}
+          autocomplete=${f(this.autocomplete)}
+          ?autofocus=${this.autofocus}
+          enterkeyhint=${f(this.enterkeyhint)}
+          inputmode="numeric"
+          aria-label=${E(n?void 0:(A=this.accessibleName)!=null?A: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")} - ${(C=(x=this.label)!=null?x:this.accessibleName)!=null?C: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}
+          >
+            ${h} ${u} ${r}
+          </div>
+        </dsa-popup>
+      </div>
+      <p id="selected-value" class="input--time-description">
+        ${this.localize.term("selectedTime")}${this.value}
+      </p>
+    `}};a.styles=N,a.dependencies=_(M({},P.dependencies),{"dsa-icon-button":B,"dsa-popup":K,"dsa-visually-hidden":q}),m([g(".icon-button--time")],a.prototype,"timePickerButton",2),m([g(".time-popup")],a.prototype,"popup",2),m([O()],a.prototype,"isTimePickerOpen",2),m([b()],a.prototype,"min",2),m([b()],a.prototype,"max",2),m([b({converter:{fromAttribute:e=>e==="any"?60:Number(e)}})],a.prototype,"step",2),m([b({type:Boolean})],a.prototype,"hoist",2),m([v("value",{waitUntilFirstUpdate:!0})],a.prototype,"handleValueChange",1),m([v("isTimePickerOpen",{waitUntilFirstUpdate:!0})],a.prototype,"handleOpenChange",1),a=m([z("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};

package/cdn/chunks/chunk.ARZOIBPV.js

@@ -0,0 +1,130 @@
+import{a as P}from"./chunk.GR7Z5SEP.js";import{c as S}from"./chunk.3RLUYXJN.js";import{a as B}from"./chunk.KP77TFIK.js";import{a as x}from"./chunk.VL5LPHV3.js";import{a as z}from"./chunk.CUYQOZPJ.js";import{a as A}from"./chunk.U4TME7DS.js";import{b as V}from"./chunk.FWTZS7LK.js";import{a as v}from"./chunk.KLRPP4NQ.js";import{a as b,c as g}from"./chunk.HHVNQNCC.js";import{a as O,c as C}from"./chunk.TV2TMO2H.js";import{a as w}from"./chunk.NIRNX67K.js";import{c as F}from"./chunk.6JIYQYLW.js";import{c as M}from"./chunk.KD3BHBHK.js";import{a as c}from"./chunk.2RF4WD6T.js";import{d as L}from"./chunk.ZBHHLRFH.js";import{a as m}from"./chunk.BWEPOOQP.js";import{a as D,b as n,c as u,d}from"./chunk.KBZ32KWP.js";import{a as h}from"./chunk.GP725TPQ.js";import{a as T,b as k,f as a}from"./chunk.IZ2HVRME.js";var i=class extends x{constructor(){super(...arguments);this.formControlController=new V(this,{assumeInteractionOn:["dsa-blur","dsa-input"]});this.localize=new F(this);this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.value="";this.defaultValue=[""];this.multiple=!1;this.variant="base";this.maxOptionsVisible=3;this.clearable=!1;this.open=!1;this.hoist=!1;this.placement="bottom";this.displayValue=!1;this.noSyncWidth=!1}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("dsa-focus")}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleDocumentFocusIn(t){let e=t.composedPath();this&&!e.includes(this)&&this.hide()}handleKeyDown(t){let e=t.target,s=e.closest(".select__clear")!==null,o=e.closest("dsa-tag")!==null;if(!(s||o)){if(this.open&&(t.key==="Tab"||t.key==="Escape")&&(t.key==="Escape"&&t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let l=this.getAllOptions(),r=this.currentOption?l.indexOf(this.currentOption):-1,p=Math.max(0,r);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"&&r<l.length-1?p=r+1:t.key==="ArrowUp"&&r>0?p=r-1:t.key==="Home"?p=0:t.key==="End"&&(p=l.length-1),this.setCurrentOption(l[p])}if(t.key.length===1||t.key==="Backspace"){let l=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let r of l)if(r.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(r);break}}}}handleDocumentMouseDown(t){let e=t.composedPath();this&&!e.includes(this)&&this.hide()}handleComboboxMouseDown(t){let s=t.composedPath().some(o=>o instanceof Element&&o.tagName.toLowerCase()==="dsa-icon-button");this.readonly||this.disabled||s||(t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleClearClick(t){t.stopPropagation(),this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("dsa-clear"),this.emit("dsa-input"),this.emit("dsa-change")}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let s=t.target.closest("dsa-option"),o=this.value;s&&!s.disabled&&(this.multiple?this.toggleOptionSelection(s):this.setSelectedOptions(s),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==o&&this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value],s=[];customElements.get("dsa-option")?(t.forEach(o=>{o.multiple=this.multiple,s.push(o.value)}),this.setSelectedOptions(t.filter(o=>o.value!==""&&e.includes(o.value)))):customElements.whenDefined("dsa-option").then(()=>this.handleDefaultSlotChange())}handleTagRemove(t,e){t.stopPropagation(),!this.disabled&&!this.readonly&&(this.focusNextTagOrInput(e),this.toggleOptionSelection(e,!1),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}))}focusNextTagOrInput(t){let e=this.selectedOptions.findIndex(o=>o===t),s=this.selectedOptions[e+1];s?s.focus():this.displayInput.focus({preventScroll:!0})}getAllOptions(){return[...this.querySelectorAll("dsa-option")]}setCurrentOption(t){this.getAllOptions().forEach(s=>{s.current=!1,s.tabIndex=-1}),t?(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus()):this.currentOption=void 0}setSelectedOptions(t){let e=this.getAllOptions(),s=Array.isArray(t)?t:[t];e.forEach(o=>o.selected=!1),s.length&&s.forEach(o=>o.selected=!0),this.selectionChanged()}toggleOptionSelection(t,e){e===!0||e===!1?t.selected=e:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var t,e,s,o;this.selectedOptions=this.getAllOptions().filter(l=>l.selected),this.multiple?(this.value=this.selectedOptions.map(l=>l.value),this.displayLabel=""):(this.value=(e=(t=this.selectedOptions[0])==null?void 0:t.value)!=null?e:"",this.displayLabel=(o=(s=this.selectedOptions[0])==null?void 0:s.getTextLabel())!=null?o:""),this.updateComplete.then(()=>{this.formControlController.updateValidity()})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleReadonlyChange(){this.readonly&&(this.open=!1,this.handleOpenChange())}handleValueChange(){let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(s=>s.value!==""&&e.includes(s.value)))}async handleOpenChange(){if(this.open&&!this.disabled&&!this.readonly){this.emit("dsa-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:e}=C(this,"select.show",{dir:this.localize.dir()});await b(this.popup.popup,t,e),this.currentOption&&S(this.currentOption,this.listbox,"vertical","auto"),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),await g(this);let{keyframes:t,options:e}=C(this,"select.hide",{dir:this.localize.dir()});await b(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.setCurrentOption(void 0),this.emit("dsa-after-hide")}}async show(){if(this.open||this.disabled||this.readonly){this.open=!1;return}return this.open=!0,await v(this,"dsa-after-show")}async hide(){if(!this.open||this.disabled||this.readonly){this.open=!1;return}return this.open=!1,await v(this,"dsa-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}getDescriptionIds(){let t=[];if(this.multiple&&this.maxOptionsVisible>0){let e=this.selectedOptions.slice(0,this.maxOptionsVisible).map(s=>`tag-${s.value}`).join(" ");t=[...t,e]}return this.multiple&&this.selectedOptions.length>this.maxOptionsVisible&&(t=[...t,"tag-remaining"]),this.error&&(t=[...t,"error-text"]),t=[...t,"help-text","description"],t.join(" ")}renderInput(){var $,I,E,_;let t=this.value.length>0,e=this.hasSlotController.test("label"),s=this.label?!0:!!e,o=this.clearable&&!this.disabled&&!this.readonly&&t,l=this.placeholder&&this.value.length===0,r=this.displayValue?t?this.value.length:1:void 0,p=this.disabled||this.readonly;return h`
+      <dsa-popup
+        class=${L({select:!0,"select--error":this.error,"select--open":this.open,"select--disabled":this.disabled,"select--readonly":this.readonly,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":l,"select--top":["top","top-start","top-end"].includes(this.placement),"select--bottom":["bottom","bottom-start","bottom-end"].includes(this.placement),"select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large","select--on-base":this.variant==="base","select--on-layer":this.variant==="layer"})}
+        part="popup"
+        placement=${this.placement}
+        strategy=${this.hoist?"fixed":"absolute"}
+        flip
+        shift
+        sync=${this.noSyncWidth?void 0:"width"}
+        auto-size="vertical"
+        auto-size-padding="10"
+      >
+        <div
+          part="combobox"
+          class="select__combobox"
+          slot="anchor"
+          @keydown=${this.handleKeyDown}
+          @mousedown=${this.handleComboboxMouseDown}
+        >
+          <slot part="prefix" name="prefix" class="select__prefix"></slot>
+
+          <input
+            id="input"
+            part="display-input"
+            class="select__display-input"
+            type="text"
+            placeholder=${this.placeholder}
+            .disabled=${this.disabled}
+            .value=${this.displayValue?this.value:this.displayLabel}
+            size=${c(r)}
+            autocomplete="off"
+            spellcheck="false"
+            autocapitalize="off"
+            readonly
+            title=${w(s?void 0:($=this.accessibleName)!=null?$:this.title)}
+            aria-controls="listbox"
+            aria-expanded=${this.open?"true":"false"}
+            aria-haspopup="listbox"
+            aria-label=${w(s?void 0:(I=this.accessibleName)!=null?I:this.title)}
+            aria-disabled=${c(this.readonly?"true":void 0)}
+            aria-describedby=${this.getDescriptionIds()}
+            aria-activedescendant=${(_=(E=this.currentOption)==null?void 0:E.id)!=null?_:""}
+            aria-invalid=${c(this.error?"true":void 0)}
+            aria-required=${c(this.required?"true":void 0)}
+            role="combobox"
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
+          />
+
+          ${this.multiple?h`
+                <div part="tags" class="select__tags">
+                  ${this.selectedOptions.map((f,y)=>y<this.maxOptionsVisible||this.maxOptionsVisible<=0?h`
+                        <dsa-tag
+                          part="tag"
+                          exportparts="
+                                base:tag__base,
+                                content:tag__content,
+                                remove-button:tag__remove-button,
+                                remove-button__base:tag__remove-button__base
+                              "
+                          size=${this.size}
+                          removable
+                          ?disable-removable-focus=${this.disabled||this.readonly}
+                          @dsa-remove=${H=>this.handleTagRemove(H,f)}
+                          label=${f.getTextLabel()}
+                        >
+                        </dsa-tag>
+                        <span
+                          id=${`tag-${f.value}`}
+                          class="hidden-tag-label"
+                          >${f.getTextLabel()},</span
+                        >
+                      `:y===this.maxOptionsVisible?h`
+                        <dsa-tag
+                          id="tag-remaining"
+                          size=${this.size}
+                          label="+${this.selectedOptions.length-y}"
+                        >
+                        </dsa-tag>
+                      `:null)}
+                </div>
+              `:""}
+
+          <input
+            class="select__value-input"
+            type="text"
+            ?disabled=${p}
+            ?required=${this.required}
+            .value=${Array.isArray(this.value)?this.value.join(", "):this.value}
+            tabindex="-1"
+            aria-hidden="true"
+            @focus=${()=>this.focus()}
+            @invalid=${this.handleInvalid}
+          />
+
+          ${o?h`
+                <button
+                  part="clear-button"
+                  class="select__clear"
+                  type="button"
+                  aria-label=${this.localize.term("clearEntry")}
+                  @mousedown=${this.handleClearMouseDown}
+                  @click=${this.handleClearClick}
+                >
+                  <dsa-icon name="close" library="system"></dsa-icon>
+                </button>
+              `:""}
+          <dsa-icon
+            class="select__expand-icon"
+            name="expand_more"
+            library="system"
+          ></dsa-icon>
+        </div>
+
+        <div
+          id="listbox"
+          role="listbox"
+          aria-expanded=${this.open?"true":"false"}
+          aria-multiselectable=${this.multiple?"true":"false"}
+          aria-labelledby="label"
+          tabindex="-1"
+          class="select__listbox"
+          @mouseup=${this.handleOptionClick}
+          @keydown=${this.handleKeyDown}
+          part="listbox"
+        >
+          <slot @slotchange=${this.handleDefaultSlotChange}></slot>
+        </div>
+      </dsa-popup>
+    `}};i.styles=P,i.dependencies=k(T({},x.dependencies),{"dsa-icon":M,"dsa-popup":z,"dsa-tag":B}),a([d(".select")],i.prototype,"popup",2),a([d(".select__combobox")],i.prototype,"combobox",2),a([d(".select__display-input")],i.prototype,"displayInput",2),a([d(".select__value-input")],i.prototype,"valueInput",2),a([d(".select__listbox")],i.prototype,"listbox",2),a([u()],i.prototype,"hasFocus",2),a([u()],i.prototype,"displayLabel",2),a([u()],i.prototype,"currentOption",2),a([u()],i.prototype,"selectedOptions",2),a([n({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>typeof t=="string"?t:t.join(" ")}})],i.prototype,"value",2),a([A()],i.prototype,"defaultValue",2),a([n({type:Boolean,reflect:!0})],i.prototype,"multiple",2),a([n({reflect:!0})],i.prototype,"variant",2),a([n({attribute:"max-options-visible",type:Number})],i.prototype,"maxOptionsVisible",2),a([n({type:Boolean})],i.prototype,"clearable",2),a([n({type:Boolean,reflect:!0})],i.prototype,"open",2),a([n({type:Boolean})],i.prototype,"hoist",2),a([n({reflect:!0})],i.prototype,"placement",2),a([n({attribute:"display-value",type:Boolean})],i.prototype,"displayValue",2),a([n({attribute:"no-sync-width",type:Boolean})],i.prototype,"noSyncWidth",2),a([m("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),a([m("readonly",{waitUntilFirstUpdate:!0})],i.prototype,"handleReadonlyChange",1),a([m("value",{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),a([m("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),i=a([D("dsa-select")],i);O("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});O("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

package/cdn/chunks/chunk.AW3ER72P.js

@@ -0,0 +1,56 @@
+import{a as v}from"./chunk.UDNMJ6GB.js";import{b as p,c as m}from"./chunk.W2H63I6U.js";import{a as d}from"./chunk.ELL45QD3.js";import{c}from"./chunk.6JIYQYLW.js";import{d as l}from"./chunk.ZBHHLRFH.js";import{a as o}from"./chunk.BWEPOOQP.js";import{a as i,b as r,d as n,f as h}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends h{constructor(){super(...arguments);this.hasSlotController=new d(this,"external-links","second-logo","site-name","search","navbar");this.localize=new c(this);this.firstLogo="public";this.searchExpanded=!1;this.mobile=!1}connectedCallback(){super.connectedCallback(),this.handleSearchExpandEvent=this.handleSearchExpandEvent.bind(this),this.handleSearchCollapseEvent=this.handleSearchCollapseEvent.bind(this),this.addEventListener("dsa-expand",this.handleSearchExpandEvent),this.addEventListener("dsa-collapse",this.handleSearchCollapseEvent)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("dsa-expand",this.handleSearchExpandEvent),this.removeEventListener("dsa-collapse",this.handleSearchCollapseEvent)}handleSearchExpandEvent(){this.searchExpanded=!0}handleSearchCollapseEvent(){this.searchExpanded=!1}getFirtLogo(){return this.firstLogo==="pro"?m(this.localize.term("spa")):p(this.localize.term("cnsa"))}handleSearchExpanded(){if(this.hasSlotController.test("search")){let a=this.querySelector("dsa-header-search");if(!a)return;this.searchExpanded?a.setAttribute("expanded","true"):a.removeAttribute("expanded")}}handleMobile(){if(this.hasSlotController.test("search")){let a=this.querySelector("dsa-header-search");if(!a)return;this.mobile?a.setAttribute("mobile","true"):a.removeAttribute("mobile")}}render(){return this.hasSlotController.test("site-name")||console.warn("(DSA) The <site-name> slot is required. Please use a link to your homepage in the <site-name> slot."),s`
+      <header
+        part="base"
+        role="banner"
+        class=${l({header:!0,"header--mobile":this.mobile===!0,"header--desktop":this.mobile===!1,"header--spa":this.firstLogo==="pro","header--cnsa":this.firstLogo==="public","header--with-external-links":this.hasSlotController.test("external-links"),"header--with-second-logo":this.hasSlotController.test("second-logo"),"header--with-navbar":this.hasSlotController.test("navbar")})}
+      >
+        <ul class="external-links__container">
+          <slot name="external-links" part="external-links"></slot>
+        </ul>
+
+        <div class="header__main-container">
+          <section
+            part="main"
+            class=${l({header__main:!0,"header--search-expanded":this.hasSlotController.test("search")&&this.searchExpanded})}
+          >
+            <div class="header__brand-top">
+              <slot
+                name="first-logo"
+                part="first-logo"
+                class=${l({logo:!0})}
+              >
+                ${this.getFirtLogo()}
+              </slot>
+              ${this.mobile?"":s`
+                    <div class="header__brand">
+                      <slot
+                        id="second-logo"
+                        name="second-logo"
+                        class="logo"
+                      ></slot>
+                      <slot name="site-name" part="site-name"></slot>
+                    </div>
+                  `}
+            </div>
+            <div class="header__actions">
+              <slot name="search" part="search"></slot>
+              <slot part="navigation"></slot>
+            </div>
+            ${this.mobile?s`
+                  <div class="header__brand">
+                    <slot
+                      id="second-logo"
+                      name="second-logo"
+                      class="logo"
+                    ></slot>
+                    <slot name="site-name" part="site-name"></slot>
+                  </div>
+                `:""}
+          </section>
+        </div>
+
+        <div class="header__navbar-container">
+          <slot name="navbar" part="navbar"></slot>
+        </div>
+      </header>
+    `}};e.styles=v,t([n('[part="external-links"]')],e.prototype,"externalLinks",2),t([r({reflect:!0,attribute:"first-logo"})],e.prototype,"firstLogo",2),t([r({reflect:!0,type:Boolean,attribute:"search-expanded"})],e.prototype,"searchExpanded",2),t([r({type:Boolean})],e.prototype,"mobile",2),t([o("searchExpanded")],e.prototype,"handleSearchExpanded",1),t([o("mobile")],e.prototype,"handleMobile",1),e=t([i("dsa-header-modern")],e);export{e as a};