@ds-autonomie/web-components 2.14.0 → 2.15.0

package/cdn/chunks/chunk.IQSBJVVT.js

@@ -0,0 +1,115 @@
+import{a as w}from"./chunk.ESMXIAXC.js";import{a as S}from"./chunk.U72UDJIM.js";import{a as y}from"./chunk.DUYCHM7G.js";import{b as $,d as D,e as B,f as u,h as l,i as C}from"./chunk.IFSGAJQ4.js";import{a as v}from"./chunk.B4KFHYLS.js";import{a as m}from"./chunk.NIRNX67K.js";import{d as f}from"./chunk.ZBHHLRFH.js";import{a as h}from"./chunk.2RF4WD6T.js";import{a as g}from"./chunk.BWEPOOQP.js";import{a as I,b as r,c as p,d as o}from"./chunk.CEOMZJL3.js";import{a as d}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends w{constructor(){super(...arguments);this.isIconButtonFocused=!1;this.isStartDateValid=!0;this.isEndDateValid=!0;this.value="";this.buttonLabel="";this.range=!1;this.placeholder="";this.hideCalendarButton=!1}connectedCallback(){super.connectedCallback(),this.handleSelectedDate=this.handleSelectedDate.bind(this),this.shouldDisableDate=this.shouldDisableDate.bind(this),this.handleLangChange(),this.currentLocale=this.lang||this.localize.lang()}firstUpdated(){super.firstUpdated(),this.updateComplete.then(()=>{!this.drawer&&this.filterTrigger&&this.filterTrigger.button.setAttribute("aria-expanded","false")})}handleSelectedDate(a){let{detail:i}=a;(!this.range||i.dates.length!==1)&&(this.value=i.dates.map(s=>B(s)).join(","),this.drawer||(this.hide(),this.filterTrigger.focus()),this.emit("dsa-change"))}addOpenListeners(){super.addOpenListeners(),this.addEventListener("dsa-date-selected",this.handleSelectedDate)}removeOpenListeners(){super.removeOpenListeners(),this.removeEventListener("dsa-date-selected",this.handleSelectedDate)}handleChange(){var b,n;let a="",i="";this.isStartDateValid=this.filterInputStart.validity.valid,this.isEndDateValid=(n=(b=this.filterInputEnd)==null?void 0:b.validity.valid)!=null?n:!0;let s=D(this.filterInputStart.value)&&u(this.filterInputStart.value);if(s&&this.shouldDisableDate(s)&&(this.isStartDateValid=!1),a=this.filterInputStart.value,this.range){let c=D(this.filterInputEnd.value)&&u(this.filterInputEnd.value);(c&&this.shouldDisableDate(c)||s&&c<s)&&(this.isEndDateValid=!1),i=this.filterInputEnd.value}this.errorMessages=[...this.isStartDateValid?[]:[this.localize.term(this.range?"invalidStartDate":"invalidDate")],...this.isEndDateValid?[]:[this.localize.term("invalidEndDate")]],this.value=this.range?C(a,i):a,this.emit("dsa-change")}handleChangeInDrawer(){var a,i;this.value=(i=(a=this.drawerFilter)==null?void 0:a.value)!=null?i:""}handleIconButtonFocus(){this.isIconButtonFocused=!0,this.emit("dsa-focus")}handleIconButtonBlur(){this.isIconButtonFocused=!1,this.emit("dsa-blur")}handleReset(){this.value="",this.drawerFilter.filterInputStart.clear(),this.drawerFilter.filterInputEnd.clear(),this.errorMessages=[],this.drawerFilter.filterInputStart.focus({preventScroll:!0}),this.emit("dsa-change")}getFullDateFromISO(a){return u(a).toLocaleDateString(this.lang||this.localize.lang(),{year:"numeric",month:"long",day:"numeric"})}getDescriptionText(a){let i=this.errorMessages.join(", "),s="";if(this.value!=="")if(a==="calendarButton"&&this.range){let n=l(this.value)[0],c=l(this.value)[1];s=`${this.localize.term("selectedDates")}${this.getFullDateFromISO(n)} - ${this.getFullDateFromISO(c)}`}else{let n="";a==="end"?n=l(this.value)[1]:n=this.range?l(this.value)[0]:this.value,s=`${this.localize.term("selectedDate")}${this.getFullDateFromISO(n)}`}return[...this.errorMessages.length>0?[i]:[],...this.value?[s]:[]].join(", ")}shouldDisableDate(a){let i=typeof this.min=="string"&&a<u(this.min),s=typeof this.max=="string"&&a>u(this.max);return i||s}handleFilterDateOpenChange(){this.drawer||(this.open?this.filterTrigger.button.setAttribute("aria-expanded","true"):this.filterTrigger.button.setAttribute("aria-expanded","false"))}handleLangChange(){this.currentLocale=this.lang||this.localize.lang()}handleHideCalendarButtonChange(){!this.drawer&&this.hideCalendarButton&&this.hide()}renderTrigger(){var i;if(this.label||v("<dsa-filter-date> require a label attribute for accessibility"),this.buttonLabel||v("<dsa-filter-date> require a button-label attribute for accessibility"),this.drawer){let s=this.value?`
+          ${$(this.range?l(this.value)[0]:this.value,this.currentLocale)}
+          ${this.range?" - ":""}
+          ${this.range?$(l(this.value)[1],this.currentLocale):""}`:"";return d` <dsa-filter-button
+        slot="anchor"
+        class="filter__trigger"
+        label=${this.label}
+        selected-option=${s}
+        selection-count=${this.value!==""?1:0}
+        aria-expanded=${this.open?"true":"false"}
+        aria-controls="filter__panel"
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        ?drawer=${this.drawer}
+        @focus=${this.handleFocus}
+        @blur=${this.handleBlur}
+        @mousedown=${this.handleFilterTriggerMouseDown}
+      ></dsa-filter-button>`}let a=this.value!=="";return d`
+      <fieldset
+        slot="anchor"
+        part="filter-button"
+        class=${f({"filter-button":!0,"filter-button--date-active":a,"filter-button--opened":this.open,"filter-button--readonly":this.readonly,"filter-button--disabled":this.disabled,"filter-button--icon-focused":this.isIconButtonFocused,"filter-button--no-calendar":this.hideCalendarButton})}
+      >
+        <legend part="filter-label" id="filter-label" class="filter-label">
+          ${this.label}${" : "}
+        </legend>
+
+        <dsa-internal-date-field
+          id="input-start"
+          class=${f({"filter-input":!0,"filter-input--invalid":!this.isStartDateValid})}
+          .value=${y(this.range?l(this.value)[0]:this.value)}
+          @dsa-change=${this.handleChange}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          parent-name=${this.range?`${this.label} - ${this.localize.term("startDate")}`:this.label}
+          description=${this.getDescriptionText("start")}
+          lang=${h(this.lang)}
+        ></dsa-internal-date-field>
+        ${this.range?d`
+              <span class="filter-separator">-</span>
+              <dsa-internal-date-field
+                id="input-end"
+                class=${f({"filter-input":!0,"filter-input--invalid":!this.isEndDateValid})}
+                .value=${(i=l(this.value)[1])!=null?i:""}
+                @dsa-change=${this.handleChange}
+                ?disabled=${this.disabled}
+                ?readonly=${this.readonly}
+                parent-name=${`${this.label} - ${this.localize.term("endDate")}`}
+                description=${this.getDescriptionText("end")}
+                min=${y(l(this.value)[0])}
+                lang=${h(this.lang)}
+              ></dsa-internal-date-field>
+            `:""}
+        ${this.hideCalendarButton?"":d`
+              <dsa-icon-button
+                part="date-button"
+                class="filter__trigger"
+                type="button"
+                size="small"
+                name="calendar_today"
+                @focus=${this.handleIconButtonFocus}
+                @blur=${this.handleIconButtonBlur}
+                label=${m(this.buttonLabel)}
+                description=${this.getDescriptionText("calendarButton")}
+                ?disabled=${this.disabled||this.readonly}
+                @mousedown=${this.handleFilterTriggerMouseDown}
+                library="system"
+              >
+              </dsa-icon-button>
+            `}
+      </fieldset>
+    `}renderDrawerPanelContent(){return d`
+      <div class="filter__content">
+        <dsa-filter-date
+          id="drawer__filter"
+          button-label=${this.buttonLabel}
+          calendar-start-date=${this.calendarStartDate}
+          hide-calendar-button=${this.hideCalendarButton}
+          hoist
+          label=${this.label}
+          lang=${this.lang}
+          max=${m(this.max)}
+          min=${m(this.min)}
+          placeholder=${this.placeholder}
+          placement="bottom"
+          ?range=${this.range}
+          value=${this.value}
+          @dsa-change=${this.handleChangeInDrawer}
+        ></dsa-filter-date>
+      </div>
+      <div class="filter__footer">
+        <dsa-button
+          variant="tertiary"
+          size="small"
+          class="reset__button"
+          @click=${this.handleReset}
+          ?disabled=${this.value===""}
+        >
+          <dsa-icon
+            name="restart_alt"
+            slot="prefix"
+            library="system"
+          ></dsa-icon>
+          ${this.localize.term("filterReset")}
+        </dsa-button>
+      </div>
+    `}renderPanelContent(){return this.drawer?this.renderDrawerPanelContent():d`
+        <dsa-calendar
+          class="calendar"
+          .value=${h(this.value)}
+          ?range=${h(this.range)}
+          .disableDate=${this.shouldDisableDate}
+          start-date=${h(this.calendarStartDate)}
+        ></dsa-calendar>
+      `}};t.styles=S,e([p()],t.prototype,"isIconButtonFocused",2),e([o(".calendar")],t.prototype,"calendar",2),e([o("#input-start")],t.prototype,"filterInputStart",2),e([o("#input-end")],t.prototype,"filterInputEnd",2),e([o(".filter__trigger")],t.prototype,"filterTrigger",2),e([o("#drawer__filter")],t.prototype,"drawerFilter",2),e([p()],t.prototype,"currentLocale",2),e([p()],t.prototype,"isStartDateValid",2),e([p()],t.prototype,"isEndDateValid",2),e([r({reflect:!0})],t.prototype,"value",2),e([r({attribute:"button-label"})],t.prototype,"buttonLabel",2),e([r({type:Boolean,reflect:!0})],t.prototype,"range",2),e([r()],t.prototype,"lang",2),e([r()],t.prototype,"placeholder",2),e([r()],t.prototype,"min",2),e([r()],t.prototype,"max",2),e([r({attribute:"calendar-start-date"})],t.prototype,"calendarStartDate",2),e([r({attribute:"hide-calendar-button",type:Boolean})],t.prototype,"hideCalendarButton",2),e([g("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleFilterDateOpenChange",1),e([g("lang")],t.prototype,"handleLangChange",1),e([g("hideCalendarButton")],t.prototype,"handleHideCalendarButtonChange",1),t=e([I("dsa-filter-date")],t);export{t as a};

package/cdn/chunks/chunk.ISAALGRC.js

@@ -0,0 +1,11 @@
+import{a as p}from"./chunk.YZCUYRA4.js";import{a as h}from"./chunk.U4TME7DS.js";import{b as c}from"./chunk.FWTZS7LK.js";import{a as n}from"./chunk.BWEPOOQP.js";import{b as r,c as a,d as u}from"./chunk.CEOMZJL3.js";import{a as o}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";var e=class extends p{constructor(){super(...arguments);this.hasFocus=!1;this.formControlController=new c(this,{assumeInteractionOn:["dsa-blur","dsa-input"]});this.type="text";this.value="";this.defaultValue="";this.clearable=!1;this.passwordVisible=!1;this.counter=!1;this._autocorrect="off";this.spellcheck=!0}get autocorrect(){return this._autocorrect==="on"}set autocorrect(t){this._autocorrect=t?"on":"off"}get valueAsDate(){var t;return(t=this.input.valueAsDate)!=null?t:null}set valueAsDate(t){let s=document.createElement("input");s.type="date",s.valueAsDate=t,this.value=s.value}get valueAsNumber(){var t;return(t=this.input.valueAsNumber)!=null?t:parseFloat(this.value)}set valueAsNumber(t){let s=document.createElement("input");s.type="number",s.valueAsNumber=t,this.value=s.value}get validity(){var t,s;return(s=(t=this.input)==null?void 0:t.validity)!=null?s:!0}get validationMessage(){return this.input.validationMessage}async firstUpdated(){await this.updateComplete,this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleChange(t){this.input.value!==this.value&&(this.value=this.input.value),this.emit("dsa-change")}handleClearClick(t){this.value="",this.emit("dsa-clear"),this.emit("dsa-input"),this.emit("dsa-change"),this.input.focus(),t.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("dsa-focus")}handleInput(t){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("dsa-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleKeyDown(t){let s=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!s&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}getDescriptionIds(){let t=["input__prefix","input__suffix"];return this.error&&(t=[...t,"error-text"]),this.success&&(t=[...t,"success-text"]),t=[...t,"help-text"],this.maxlength&&this.counter&&(t=[...t,"counter"]),t=[...t,"description"],t.join(" ")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input instanceof HTMLInputElement&&this.input.select()}setSelectionRange(t,s,l="none"){this.input instanceof HTMLInputElement&&this.input.setSelectionRange(t,s,l)}setRangeText(t,s,l,d){this.input instanceof HTMLInputElement&&(this.input.setRangeText(t,s,l,d),this.value!==this.input.value&&(this.value=this.input.value))}stepUp(t){this.input.stepUp(t),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(t){this.input.stepDown(t),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}renderSuccessMessage(){return Array.isArray(this.successMessage)&&this.successMessage.length>1?o` <div
+        id="success-text"
+        class="form-control__success-text"
+        role="list"
+      >
+        ${this.successMessage.map(t=>o`
+            <dsa-success-text role="listitem"> ${t} </dsa-success-text>
+          `)}
+      </div>`:o` <div id="success-text" class="form-control__success-text">
+        <dsa-success-text> ${this.successMessage} </dsa-success-text>
+      </div>`}};i([a()],e.prototype,"hasFocus",2),i([u("input")],e.prototype,"input",2),i([r({reflect:!0})],e.prototype,"type",2),i([r()],e.prototype,"value",2),i([h()],e.prototype,"defaultValue",2),i([r({type:Boolean})],e.prototype,"clearable",2),i([r({attribute:"password-visible",type:Boolean})],e.prototype,"passwordVisible",2),i([r()],e.prototype,"pattern",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,"min",2),i([r()],e.prototype,"max",2),i([r()],e.prototype,"step",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([n("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([n("step",{waitUntilFirstUpdate:!0})],e.prototype,"handleStepChange",1),i([n("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1);export{e as a};

package/cdn/chunks/chunk.IZ2HVRME.js

@@ -0,0 +1 @@
+var j=Object.defineProperty,p=Object.defineProperties,q=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;var i=(b,a)=>(a=Symbol[b])?a:Symbol.for("Symbol."+b),s=b=>{throw TypeError(b)};var l=(b,a,c)=>a in b?j(b,a,{enumerable:!0,configurable:!0,writable:!0,value:c}):b[a]=c,u=(b,a)=>{for(var c in a||(a={}))m.call(a,c)&&l(b,c,a[c]);if(h)for(var c of h(a))n.call(a,c)&&l(b,c,a[c]);return b},v=(b,a)=>p(b,r(a));var w=b=>a=>{var c=b[a];if(c)return c();throw new Error("Module not found in bundle: "+a)};var x=(b,a)=>{var c={};for(var d in b)m.call(b,d)&&a.indexOf(d)<0&&(c[d]=b[d]);if(b!=null&&h)for(var d of h(b))a.indexOf(d)<0&&n.call(b,d)&&(c[d]=b[d]);return c};var y=(b,a)=>{for(var c in a)j(b,c,{get:a[c],enumerable:!0})};var z=(b,a,c,d)=>{for(var e=d>1?void 0:d?q(a,c):a,f=b.length-1,g;f>=0;f--)(g=b[f])&&(e=(d?g(a,c,e):g(e))||e);return d&&e&&j(a,c,e),e};var t=function(b,a){this[0]=b,this[1]=a};var A=b=>{var a=b[i("asyncIterator")],c=!1,d,e={};return a==null?(a=b[i("iterator")](),d=f=>e[f]=g=>a[f](g)):(a=a.call(b),d=f=>e[f]=g=>{if(c){if(c=!1,f==="throw")throw g;return g}return c=!0,{done:!1,value:new t(new Promise(o=>{var k=a[f](g);k instanceof Object||s("Object expected"),o(k)}),1)}}),e[i("iterator")]=()=>e,d("next"),"throw"in a?d("throw"):e.throw=f=>{throw f},"return"in a&&d("return"),e};export{u as a,v as b,w as c,x as d,y as e,z as f,A as g};

package/cdn/chunks/chunk.J3YJSL5B.js

@@ -0,0 +1 @@
+import{a as l}from"./chunk.DPMHT2KP.js";import{a as o,f as m}from"./chunk.CEOMZJL3.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends m{render(){return r` <slot></slot> `}};t.styles=l,t=e([o("dsa-visually-hidden")],t);export{t as a};

package/cdn/chunks/chunk.J54BFITR.js

@@ -0,0 +1,111 @@
+import{a}from"./chunk.UMC4I57R.js";import{a as t}from"./chunk.6G2FNLAV.js";var e=t`
+  ${a}
+
+  :host {
+    display: inline-block;
+  }
+
+  .tag-button {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+    border-width: var(--dsa-wc-tag-button-border-width);
+    border-style: solid;
+    border-radius: var(--dsa-wc-tag-border-radius);
+    text-decoration: none;
+    user-select: none;
+    cursor: pointer;
+  }
+
+  .tag-button:focus-visible {
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  .tag-button__prefix,
+  .tag-button__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    pointer-events: none;
+  }
+
+  .tag-button__prefix {
+    margin-inline-end: var(--dsa-wc-tag-icon-spacing);
+  }
+
+  .tag-button__suffix {
+    margin-inline-start: var(--dsa-wc-tag-icon-spacing);
+  }
+
+  .tag-button__content {
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-wrap: nowrap;
+  }
+
+  .tag-button__description {
+    display: none;
+  }
+
+  /*
+  * Size modifiers
+  */
+
+  .tag-button--small {
+    font: var(--dsa-wc-tag-small-font-size);
+    height: var(--dsa-wc-tag-small-height);
+    padding: var(--dsa-wc-tag-small-padding);
+  }
+
+  .tag-button--medium {
+    font: var(--dsa-wc-tag-medium-font-size);
+    height: var(--dsa-wc-tag-medium-height);
+    padding: var(--dsa-wc-tag-medium-padding);
+  }
+
+  .tag-button--large {
+    font: var(--dsa-wc-tag-large-font-size);
+    height: var(--dsa-wc-tag-large-height);
+    padding: var(--dsa-wc-tag-large-padding);
+  }
+
+  /* 
+  * Variants
+  */
+  /* Neutral */
+  .tag-button--neutral {
+    color: var(--dsa-wc-tag-button-neutral-color);
+    background: var(--dsa-wc-tag-button-neutral-background);
+    border-color: var(--dsa-wc-tag-button-neutral-border-color);
+  }
+  .tag-button--neutral:hover,
+  .tag-button--neutral:focus-visible {
+    color: var(--dsa-wc-tag-button-neutral-hover-color);
+    background: var(--dsa-wc-tag-button-neutral-hover-background);
+    border-color: var(--dsa-wc-tag-button-neutral-hover-border-color);
+  }
+  .tag-button--neutral:active {
+    color: var(--dsa-wc-tag-button-neutral-active-color);
+    background: var(--dsa-wc-tag-button-neutral-active-background);
+    border-color: var(--dsa-wc-tag-button-neutral-active-border-color);
+  }
+
+  /* Active */
+  .tag-button--active {
+    color: var(--dsa-wc-tag-button-active-color);
+    background: var(--dsa-wc-tag-button-active-background);
+    border-color: var(--dsa-wc-tag-button-active-border-color);
+  }
+  .tag-button--active:hover,
+  .tag-button--active:focus-visible {
+    color: var(--dsa-wc-tag-button-active-hover-color);
+    background: var(--dsa-wc-tag-button-active-hover-background);
+    border-color: var(--dsa-wc-tag-button-active-hover-border-color);
+  }
+  .tag-button--active:active {
+    color: var(--dsa-wc-tag-button-active-active-color);
+    background: var(--dsa-wc-tag-button-active-active-background);
+    border-color: var(--dsa-wc-tag-button-active-active-border-color);
+  }
+`;export{e as a};

package/cdn/chunks/chunk.J7BHUTIC.js

@@ -0,0 +1,26 @@
+import{a as m}from"./chunk.KJPMO2NG.js";import{a as p}from"./chunk.K747WAAP.js";import{a as n}from"./chunk.ELL45QD3.js";import{c as f}from"./chunk.4WOVD75K.js";import{d as l}from"./chunk.ZBHHLRFH.js";import{a}from"./chunk.2RF4WD6T.js";import{a as r,b as s,f as i}from"./chunk.CEOMZJL3.js";import{a as e}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var o=class extends i{constructor(){super(...arguments);this.hasSlotController=new n(this,"footer-top","footer-center","second-logo");this.localize=new f(this);this.mobile=!1}render(){let c=this.hasSlotController.test("footer-top"),d=this.hasSlotController.test("footer-center");return e`
+      <footer
+        role="contentinfo"
+        id="footer"
+        part="base"
+        class=${l({"footer--has-top-section":c,"footer--has-center-section":d,"footer--mobile":this.mobile===!0,"footer--desktop":this.mobile===!1})}
+      >
+        <slot part="footer-top" name="footer-top"> </slot>
+        <dsa-divider class="footer-top-divider"></dsa-divider>
+        <slot part="footer-center" name="footer-center"> </slot>
+        <dsa-divider class="footer-center-divider"></dsa-divider>
+        <section part="footer-bottom-container">
+          <div class="footer-logos">
+            <span class="logo">
+              ${m(this.localize.term("cnsaFooterLogoLabel"))}
+            </span>
+            <slot
+              name="second-logo"
+              class=${a(this.hasSlotController.test("second-logo")?"logo":void 0)}
+            ></slot>
+          </div>
+
+          <slot part="footer-bottom" name="footer-bottom"></slot>
+        </section>
+      </footer>
+    `}};o.styles=p,t([s({type:Boolean})],o.prototype,"mobile",2),o=t([r("dsa-footer")],o);export{o as a};

package/cdn/chunks/chunk.JBN243CX.js

@@ -0,0 +1 @@
+import{a as d}from"./chunk.LIW5XWXL.js";import{a as n}from"./chunk.BWEPOOQP.js";import{a as l,b as a,f as o}from"./chunk.CEOMZJL3.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends o{constructor(){super(...arguments);this.observedElements=[];this.disabled=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(t=>{this.emit("dsa-resize",{detail:{entries:t}})}),this.disabled||this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}handleSlotChange(){this.disabled||this.startObserver()}startObserver(){let t=this.shadowRoot.querySelector("slot");if(t!==null){let h=t.assignedElements({flatten:!0});this.observedElements.forEach(s=>this.resizeObserver.unobserve(s)),this.observedElements=[],h.forEach(s=>{this.resizeObserver.observe(s),this.observedElements.push(s)})}}stopObserver(){this.resizeObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}render(){return i` <slot @slotchange=${this.handleSlotChange}></slot> `}};e.styles=d,r([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([n("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=r([l("dsa-resize-observer")],e);export{e as a};

package/cdn/chunks/chunk.JESEUS7N.js

@@ -0,0 +1,8 @@
+import{a as d}from"./chunk.YQPLXJOH.js";import{d as h}from"./chunk.ZBHHLRFH.js";import{a as r}from"./chunk.BWEPOOQP.js";import{a as c,b as i,f as p}from"./chunk.CEOMZJL3.js";import{a as n}from"./chunk.GP725TPQ.js";import{f as l}from"./chunk.IZ2HVRME.js";var o="dsa-step",e=class extends p{constructor(){super(...arguments);this.hideLabel=!1;this.vertical=!1}connectedCallback(){super.connectedCallback()}getAllSteps(){return[...this.querySelectorAll(o)]}handleDefaultSlotChange(){let a=this.getAllSteps();customElements.get(o)?a.forEach((t,s)=>{t.index=this.hideLabel?void 0:s,t.vertical=this.vertical}):customElements.whenDefined(o).then(()=>this.handleDefaultSlotChange())}handleHideLabelChange(){this.getAllSteps().forEach((t,s)=>{t.index=this.hideLabel?void 0:s})}handleVerticalChange(){this.getAllSteps().forEach(t=>{t.vertical=this.vertical})}render(){return n`
+      <div
+        role="list"
+        class=${h({stepper:!0,stepper__vertical:this.vertical})}
+      >
+        <slot @slotchange=${this.handleDefaultSlotChange}> </slot>
+      </div>
+    `}};e.styles=d,l([i({type:Boolean,attribute:"hide-label"})],e.prototype,"hideLabel",2),l([i({type:Boolean})],e.prototype,"vertical",2),l([r("hideLabel",{waitUntilFirstUpdate:!0})],e.prototype,"handleHideLabelChange",1),l([r("vertical",{waitUntilFirstUpdate:!0})],e.prototype,"handleVerticalChange",1),e=l([c("dsa-stepper")],e);export{e as a};

package/cdn/chunks/chunk.JFKYL74D.js

@@ -0,0 +1,7 @@
+import{a as t}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";var m=o`
+  ${t}
+
+  :host {
+    display: contents;
+  }
+`;export{m as a};

package/cdn/chunks/chunk.JFLLAQ3M.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.YG4POYBS.js";import{a}from"./chunk.N6IYJMR7.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as o,b as s}from"./chunk.CEOMZJL3.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends a{constructor(){super(...arguments);this.role="cell"}handleLoading(){this.setAttribute("aria-hidden",this.loading.toString())}render(){return this.loading?r`<dsa-skeleton effect=${this.skeletonEffect}></dsa-skeleton>`:r`<slot></slot> `}};t.styles=m,e([s({reflect:!0})],t.prototype,"role",2),e([i("loading")],t.prototype,"handleLoading",1),t=e([o("dsa-table-cell")],t);export{t as a};

package/cdn/chunks/chunk.JKTUEHFN.js

@@ -0,0 +1,174 @@
+import{a as h}from"./chunk.DO7GE2JH.js";import{a as g}from"./chunk.ELL45QD3.js";import{a as u}from"./chunk.B4KFHYLS.js";import{b as l}from"./chunk.FDMPUSVV.js";import{d as i}from"./chunk.ZBHHLRFH.js";import{a}from"./chunk.2RF4WD6T.js";import{a as s}from"./chunk.BWEPOOQP.js";import{b as e,d,f as b}from"./chunk.CEOMZJL3.js";import{a as n}from"./chunk.6G2FNLAV.js";import{f as o}from"./chunk.IZ2HVRME.js";var p=n`
+  ${h}
+
+  .button__prefix,
+  .button__suffix {
+    display: inline-flex;
+    position: relative;
+    align-items: center;
+  }
+
+  .button--toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: start;
+    background-color: var(--dsa-wc-toggle-button-background-color);
+    border-color: var(--dsa-wc-toggle-button-border-color);
+    color: var(--dsa-wc-toggle-button-color);
+    border-width: 1px;
+    border-style: solid;
+    font-weight: 400;
+    height: auto;
+    white-space: normal;
+    text-align: left;
+    line-height: 130%;
+  }
+  .button--toggle.button--small {
+    min-height: var(--dsa-wc-form-input-height-small);
+  }
+  .button--toggle.button--medium {
+    min-height: var(--dsa-wc-form-input-height);
+  }
+  .button--toggle.button--large {
+    min-height: var(--dsa-wc-form-input-height-large);
+  }
+  .button--toggle.button--small .button__label {
+    padding-block: 4px;
+  }
+  .button--toggle.button--medium .button__label {
+    padding-block: 8px;
+  }
+  .button--toggle.button--large .button__label {
+    padding-block: 10px;
+  }
+
+  .button--toggle:hover {
+    background-color: var(--dsa-wc-toggle-button-hover-background-color);
+    border-color: var(--dsa-wc-toggle-button-hover-border-color);
+    color: var(--dsa-wc-toggle-button-hover-color);
+  }
+
+  .button--toggle:active {
+    background-color: var(--dsa-wc-toggle-button-active-background-color);
+    border-color: var(--dsa-wc-toggle-button-active-border-color);
+    color: var(--dsa-wc-toggle-button-active-color);
+  }
+
+  .button--toggle.button--checked {
+    background-color: var(--dsa-wc-toggle-button-checked-background-color);
+    border-color: var(--dsa-wc-toggle-button-checked-border-color);
+    color: var(--dsa-wc-toggle-button-checked-color);
+  }
+  .button--toggle:hover.button--checked {
+    background-color: var(
+      --dsa-wc-toggle-button-checked-hover-background-color
+    );
+    border-color: var(--dsa-wc-toggle-button-checked-hover-border-color);
+    color: var(--dsa-wc-toggle-button-checked-hover-color);
+  }
+  .button--toggle:active.button--checked {
+    background-color: var(
+      --dsa-wc-toggle-button-checked-active-background-color
+    );
+    border-color: var(--dsa-wc-toggle-button-checked-active-border-color);
+    color: var(--dsa-wc-toggle-button-checked-active-color);
+  }
+
+  .button--readonly,
+  .button--disabled {
+    pointer-events: none;
+  }
+
+  .button--toggle.button--readonly {
+    background-color: var(--dsa-wc-toggle-button-read-only-background-color);
+    border-color: var(--dsa-wc-toggle-button-read-only-border-color);
+    color: var(--dsa-wc-toggle-button-read-only-color);
+    padding-left: var(--dsa-wc-toggle-button-icon-padding-x);
+    cursor: not-allowed;
+  }
+  .button--toggle.button--checked.button--readonly {
+    background-color: var(
+      --dsa-wc-toggle-button-read-only-checked-background-color
+    );
+    border-color: var(--dsa-wc-toggle-button-read-only-checked-border-color);
+    color: var(--dsa-wc-toggle-button-read-only-checked-color);
+  }
+
+  .button--toggle.button--disabled {
+    opacity: 0.5;
+    background-color: var(--dsa-wc-toggle-button-disabled-background-color);
+    border-color: var(--dsa-wc-toggle-button-disabled-border-color);
+    color: var(--dsa-wc-toggle-button-disabled-color);
+  }
+
+  .button--toggle .button__icon-readonly {
+    margin-inline-end: var(--dsa-wc-toggle-button-icon-spacing);
+    flex-shrink: 0;
+  }
+
+  .button--error {
+    background-color: var(--dsa-wc-toggle-button-error-background-color);
+    border-color: var(--dsa-wc-toggle-button-error-border-color);
+    color: var(--dsa-wc-toggle-button-error-color);
+  }
+
+  @media (forced-colors: active) {
+    .button--toggle.button--checked {
+      border-style: double;
+      border-width: medium;
+    }
+  }
+
+  /*
+  * Checkbox specifics
+  */
+  .button--toggle.button--checkbox.button--checked {
+    padding-right: var(--dsa-wc-toggle-button-icon-padding-x);
+  }
+  .button--checkbox .button__icon-check {
+    padding-inline-start: var(--dsa-wc-toggle-button-icon-spacing);
+    flex-shrink: 0;
+    margin-inline-start: auto;
+  }
+
+  /* Add padding to keep check icon space if in vertical checkbox-group */
+  .button--checkbox.button--small:not(.button--checked) .button__label {
+    padding-right: 22px;
+  }
+  .button--checkbox.button--medium:not(.button--checked) .button__label {
+    padding-right: 20px;
+  }
+  .button--checkbox.button--large:not(.button--checked) .button__label {
+    padding-right: 24px;
+  }
+`;var t=class extends b{constructor(){super(...arguments);this.hasSlotController=new g(this,"[default]");this.checked=!1;this.parentDisabled=!1;this.disabled=!1;this.size="medium";this.parentReadonly=!1;this.readonly=!1;this.error=!1}handleClick(){}handleBlur(){this.emit("dsa-blur")}handleFocus(){this.emit("dsa-focus")}handleDeactivatedChange(){this.readonly||this.parentReadonly?this.button.setAttribute("aria-disabled","true"):this.button.removeAttribute("aria-disabled")}focus(r){this.button.focus(r)}blur(){this.button.blur()}render(){let r=this.disabled||this.parentDisabled,c=this.readonly||this.parentReadonly;return this.hasSlotController.test("[default]")||u(`<dsa-${this.type}-card> requires an accessible name in the default slot for accessibility`),l`
+      <div part="base">
+        <button
+          part="${`button${this.checked?" button--checked":""}`}"
+          role=${this.type}
+          aria-checked="${this.checked}"
+          class=${i({button:!0,"button--on-base":!0,"button--toggle":!0,"button--small":this.size==="small","button--medium":this.size==="medium","button--large":this.size==="large","button--checked":this.checked,"button--readonly":c,"button--disabled":r,"button--error":this.error,"button--checkbox":this.type==="checkbox"})}
+          ?disabled=${r}
+          aria-disabled=${a(c?"true":void 0)}
+          aria-invalid=${a(this.type==="checkbox"&&this.error?"true":void 0)}
+          type="button"
+          value=${a(this.value)}
+          @blur=${this.handleBlur}
+          @focus=${this.handleFocus}
+          @click=${this.handleClick}
+          title="${this.innerText}"
+        >
+          ${c?l`<dsa-icon
+                name="lock"
+                library="system"
+                class="button__icon-readonly"
+              ></dsa-icon>`:""}
+          <slot part="label" class="button__label"></slot>
+          ${this.type==="checkbox"&&this.checked?l`<dsa-icon
+                name="check"
+                library="system"
+                class="button__icon-check"
+              ></dsa-icon>`:""}
+        </button>
+      </div>
+    `}};t.styles=p,o([d(".button")],t.prototype,"button",2),o([e({type:Boolean,reflect:!0})],t.prototype,"checked",2),o([e()],t.prototype,"value",2),o([e({type:Boolean})],t.prototype,"parentDisabled",2),o([e({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([e({reflect:!0})],t.prototype,"size",2),o([e({type:Boolean})],t.prototype,"parentReadonly",2),o([e({type:Boolean,reflect:!0})],t.prototype,"readonly",2),o([e({type:Boolean})],t.prototype,"error",2),o([s(["disabled","readonly","parentDisabled","parentReadonly"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDeactivatedChange",1);export{t as a};

package/cdn/chunks/chunk.JO5OCC2C.js

@@ -0,0 +1,123 @@
+import{a as B}from"./chunk.NLVJBP2P.js";import{a as y,c as H,d as T}from"./chunk.HFRREETM.js";import{a as F}from"./chunk.ISAALGRC.js";import{c as O}from"./chunk.3RLUYXJN.js";import{a as z}from"./chunk.DUYCHM7G.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 _}from"./chunk.4WOVD75K.js";import{d as k}from"./chunk.ZBHHLRFH.js";import{a as f}from"./chunk.2RF4WD6T.js";import{a as v}from"./chunk.BWEPOOQP.js";import{a as C,b,c as M,d as g}from"./chunk.CEOMZJL3.js";import{a as d}from"./chunk.GP725TPQ.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};