@ds-autonomie/web-components 2.14.0 → 2.15.0

package/cdn/chunks/chunk.DPMHT2KP.js

@@ -0,0 +1,14 @@
+import{a as o}from"./chunk.UMC4I57R.js";import{a as t}from"./chunk.6G2FNLAV.js";var n=t`
+  ${o}
+
+  :host(:not(:focus-within)) {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    clip-path: inset(50%) !important;
+    border: none !important;
+    overflow: hidden !important;
+    white-space: nowrap !important;
+    padding: 0 !important;
+  }
+`;export{n as a};

package/cdn/chunks/chunk.DRIKSOP6.js

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

package/cdn/chunks/chunk.DUYCHM7G.js

@@ -0,0 +1,10 @@
+import{a as p,b as T}from"./chunk.ODSVS3RK.js";import{a as t,b as a,c as l}from"./chunk.ZBHHLRFH.js";import{d as n,e as s}from"./chunk.GP725TPQ.js";var m=a(class extends l{constructor(e){if(super(e),e.type!==t.PROPERTY&&e.type!==t.ATTRIBUTE&&e.type!==t.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!p(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[r]){if(r===n||r===s)return r;let i=e.element,o=e.name;if(e.type===t.PROPERTY){if(r===i[o])return n}else if(e.type===t.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(o))return n}else if(e.type===t.ATTRIBUTE&&i.getAttribute(o)===r+"")return n;return T(e),r}});export{m as a};
+/*! Bundled license information:
+
+lit-html/directives/live.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.E4OBJ7XY.js

@@ -0,0 +1,45 @@
+import{a as u}from"./chunk.KLRPP4NQ.js";import{a as h,c}from"./chunk.HHVNQNCC.js";import{a as m,c as p}from"./chunk.TV2TMO2H.js";import{a as d}from"./chunk.B4KFHYLS.js";import{c as g}from"./chunk.4WOVD75K.js";import{d as b}from"./chunk.ZBHHLRFH.js";import{a as o}from"./chunk.2RF4WD6T.js";import{a as l}from"./chunk.BWEPOOQP.js";import{a as f,b as a,d as v,f as y}from"./chunk.CEOMZJL3.js";import{a as w}from"./chunk.IIJKTI4Z.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var i=Object.assign(document.createElement("div"),{className:"dsa-toast-stack"}),e=class extends y{constructor(){super(...arguments);this.localize=new g(this);this.alertTitle="";this.title="";this.open=!1;this.closable=!1;this.variant="primary";this.duration=1/0}firstUpdated(){this.base.hidden=!this.open}restartAutoHide(){clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}handleCloseClick(){this.hide()}handleMouseMove(){this.restartAutoHide()}getPrefixIconName(){switch(this.variant){case"danger":return"report_gmailerrorred";case"neutral":return"settings";case"success":return"task_alt";case"warning":return"report_problem";default:return"info"}}getIconLabel(){switch(this.variant){case"danger":return this.localize.term("error");case"neutral":return;case"success":return this.localize.term("success");case"warning":return this.localize.term("warning");default:return this.localize.term("info")}}async handleOpenChange(){if(this.open){this.emit("dsa-show"),this.duration<1/0&&this.restartAutoHide(),await c(this.base),this.base.hidden=!1;let{keyframes:s,options:n}=p(this,"alert.show",{dir:this.localize.dir()});await h(this.base,s,n),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),clearTimeout(this.autoHideTimeout),await c(this.base);let{keyframes:s,options:n}=p(this,"alert.hide",{dir:this.localize.dir()});await h(this.base,s,n),this.base.hidden=!0,this.emit("dsa-after-hide")}}handleDurationChange(){this.restartAutoHide()}async show(){if(!this.open)return this.open=!0,await u(this,"dsa-after-show")}async hide(){if(this.open)return this.open=!1,await u(this,"dsa-after-hide")}toast(){return new Promise(s=>{i.parentElement===null&&document.body.append(i),i.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("dsa-after-hide",()=>{i.removeChild(this),s(),i.querySelector("dsa-alert")===null&&i.remove()},{once:!0})})}render(){return this.alertTitle&&!this.headerLevel&&d("<dsa-alert> requires a header-level attribute for accessibility if alert-title is set"),this.duration&&d("The duration attribute of <dsa-alert> is deprecated and should not be used, because it can prevent some persons from accessing the alert content."),r`
+      <div aria-live="polite" aria-atomic="true" class="alert__wrapper">
+        <div
+          part="base"
+          class=${b({alert:!0,"alert--open":this.open,"alert--closable":this.closable,"alert--primary":this.variant==="primary","alert--success":this.variant==="success","alert--neutral":this.variant==="neutral","alert--warning":this.variant==="warning","alert--danger":this.variant==="danger"})}
+          aria-hidden=${this.open?"false":"true"}
+          @mousemove=${this.handleMouseMove}
+        >
+          <dsa-icon
+            class="alert__icon"
+            name=${this.getPrefixIconName()}
+            library="system"
+            label=${o(this.getIconLabel())}
+          ></dsa-icon>
+          <div class="alert__text">
+            ${this.title||this.alertTitle?r`
+                  <div
+                    part="header"
+                    id="header"
+                    aria-level=${o(this.headerLevel)}
+                    role=${o(this.headerLevel?"heading":void 0)}
+                    class="alert__title"
+                  >
+                    ${this.alertTitle||this.title}
+                  </div>
+                `:""}
+            <slot part="message" class="alert__message"></slot>
+          </div>
+
+          <slot part="actions" class="alert__action" name="action"></slot>
+
+          ${this.closable?r`
+                <dsa-icon-button
+                  part="close-button"
+                  class="alert__close-button"
+                  size="xlarge"
+                  name="close"
+                  label=${this.localize.term("close")}
+                  @click=${this.handleCloseClick}
+                  library="system"
+                ></dsa-icon-button>
+              `:""}
+        </div>
+      </div>
+    `}};e.styles=w,t([v('[part~="base"]')],e.prototype,"base",2),t([a({attribute:"alert-title"})],e.prototype,"alertTitle",2),t([a()],e.prototype,"title",2),t([a({type:Boolean,reflect:!0})],e.prototype,"open",2),t([a({type:Boolean,reflect:!0})],e.prototype,"closable",2),t([a({attribute:"header-level",reflect:!0})],e.prototype,"headerLevel",2),t([a({reflect:!0})],e.prototype,"variant",2),t([a({type:Number})],e.prototype,"duration",2),t([l("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1),t([l("duration")],e.prototype,"handleDurationChange",1),e=t([f("dsa-alert")],e);m("alert.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});m("alert.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});export{e as a};

package/cdn/chunks/chunk.E53LA4B5.js

@@ -0,0 +1,121 @@
+import{a as v}from"./chunk.APETMEWE.js";import{a as $}from"./chunk.RVJ7GEHV.js";import{a as b}from"./chunk.Q6KTHJKH.js";import{a as y}from"./chunk.ESMXIAXC.js";import{c as g}from"./chunk.3RLUYXJN.js";import{a as m}from"./chunk.2PN56GC6.js";import{a as O}from"./chunk.2RF4WD6T.js";import{a as c}from"./chunk.BWEPOOQP.js";import{a as f,b as h,c as r,d as u}from"./chunk.CEOMZJL3.js";import{a}from"./chunk.GP725TPQ.js";import{f as s}from"./chunk.IZ2HVRME.js";var p="dsa-option",i=class extends y{constructor(){super(...arguments);this.displayLabel="";this.allOptions=[];this.selectedOptions=[];this.displayedOptions=[];this.searchValue="";this.nbOptions=0;this.seeAll=!1;this.debounceTimerId=null;this.value="";this.multiple=!1;this.maxVisibleListLength=5;this.searchable=!1;this.debounceTimeout=300;this.optionGender="masculine";this.columnsFilter=!1}connectedCallback(){super.connectedCallback(),this.allOptions=this.getAllOptions(),this.nbOptions=this.allOptions.length,this.filterOptions()}handleKeyDown(e){super.handleKeyDown(e);let l=e.composedPath(),t=l.some(o=>o instanceof v),n=l.some(o=>o instanceof b);if((e.key==="Enter"||e.key===" ")&&t&&this.currentOption&&!this.currentOption.disabled&&(e.preventDefault(),this.multiple||this.value.includes(this.currentOption.value)?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("dsa-change")}),!this.multiple&&!this.drawer&&(this.hide(),this.filterTrigger.focus({preventScroll:!0}))),!this.multiple&&t&&["ArrowUp","ArrowDown","Home","End"].includes(e.key)){let o=this.displayedOptions.indexOf(this.currentOption),d=Math.max(0,o);!(o===0&&e.key==="ArrowUp")&&!(o===this.displayedOptions.length-1&&e.key==="ArrowDown")&&e.preventDefault(),e.key==="ArrowDown"&&o<this.displayedOptions.length-1?d=o+1:e.key==="ArrowUp"&&o>0?d=o-1:e.key==="Home"?d=0:e.key==="End"&&(d=this.displayedOptions.length-1),this.setCurrentOption(this.displayedOptions[d])}n&&e.stopPropagation()}handleSearchInput(e){e.stopPropagation(),this.searchValue=this.searchInput.value,this.debounceTimerId!==null&&clearTimeout(this.debounceTimerId),this.debounceTimerId=setTimeout(()=>{this.emit("dsa-input")},this.debounceTimeout)}handleOptionFocus(e){let t=e.target.closest(p);t&&this.setCurrentOption(t)}handleOptionClick(e){let t=e.target.closest(p),n=this.value;t&&!t.disabled&&(this.multiple||this.value.includes(t.value)?this.toggleOptionSelection(t):this.setSelectedOptions(t),this.value!==n&&this.updateComplete.then(()=>{this.emit("dsa-change")}),!this.multiple&&!this.drawer&&(this.updateComplete.then(()=>this.filterTrigger.focus({preventScroll:!0})),this.hide(),this.filterTrigger.focus({preventScroll:!0})))}filterOptions(){this.searchValue.length>0?this.displayedOptions=this.allOptions.filter(e=>m(e.innerText).includes(m(this.searchValue))):!this.seeAll&&this.maxVisibleListLength>0?this.displayedOptions=this.allOptions.slice(0,this.maxVisibleListLength):this.displayedOptions=this.allOptions,this.displayedOptions.forEach(e=>e.tabIndex=0)}handleMultipleHeaderButtonClick(){this.selectedOptions.length>0?this.allOptions.forEach(e=>e.selected=!1):this.allOptions.forEach(e=>e.selected=!0),this.selectionChanged(),this.updateComplete.then(()=>{this.emit("dsa-change")})}handleSearchClear(){this.searchValue=""}handleSeeAllClick(){this.seeAll=!0,this.filterOptions()}handleDefaultSlotChange(){if(customElements.get(p)){this.allOptions=this.getAllOptions(),this.nbOptions=this.allOptions.length;let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(l=>e.includes(l.value))),this.filterOptions()}else customElements.whenDefined(p).then(()=>this.handleDefaultSlotChange())}getAllOptions(){let e=this.querySelectorAll(p),l=[];return e.forEach(t=>{t.role=this.multiple?"checkbox":"radio";let n=t.cloneNode(!0);n.selected=t.selected,n.multiple=this.multiple,n.role=this.multiple?"checkbox":"radio",n.classList.add("filter-select__option"),n.onfocus=this.handleOptionFocus.bind(this),l.push(n)}),l}getFirstOption(){return this.querySelector(p)}setCurrentOption(e){this.displayedOptions.forEach(l=>{l.current=!1}),e&&(this.currentOption=e,e.current=!0,e.focus())}setSelectedOptions(e){let l=Array.isArray(e)?e:[e];this.allOptions.forEach(t=>t.selected=!1),l.length&&l.forEach(t=>{t.selected=!0,this.allOptions.find(n=>n.value===t.value).selected=!0}),this.selectionChanged()}toggleOptionSelection(e,l){let t=this.allOptions.find(n=>n.value===e.value);l===!0||l===!1?t.selected=l:t.selected=!e.selected,this.selectionChanged()}selectionChanged(){var e,l;this.selectedOptions=this.allOptions.filter(t=>t.selected),this.filterOptions(),this.displayedOptions.forEach(t=>{t.selected=this.selectedOptions.map(n=>n.value).includes(t.value)}),this.multiple?this.value=this.selectedOptions.map(t=>t.value):this.value=(l=(e=this.selectedOptions[0])==null?void 0:e.value)!=null?l:"",this.selectedOptions[0]?this.selectedOptions[0].updateComplete.then(()=>{var t,n;this.displayLabel=(n=(t=this.selectedOptions[0])==null?void 0:t.getTextLabel())!=null?n:""}):this.displayLabel=""}getDisplayedOptionsList(){return this.multiple?a`<div role="list">
+        ${this.displayedOptions.map(e=>a`<div role="listitem">${e}</div>`)}
+      </div>`:this.displayedOptions}handleSearchValueChange(){this.searchValue.length>0&&(this.seeAll=!0),this.filterOptions()}handleValueChange(){let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(l=>e.includes(l.value)))}async handleOpenChange(){this.open&&(this.selectedOptions.length>0&&(this.seeAll=!0),this.filterOptions(),this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption())),await super.handleOpenChange(),this.open&&(requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)}),this.currentOption&&g(this.currentOption,this.listbox,"vertical","auto"))}handleSeeAllChange(){this.seeAll&&this.displayedOptions[this.maxVisibleListLength]!==void 0&&setTimeout(()=>this.displayedOptions[this.maxVisibleListLength].focus())}handleMultipleChange(){this.handleDefaultSlotChange()}async hide(){await super.hide(),this.searchValue=""}renderTrigger(){if(this.columnsFilter)return a`
+        <dsa-button
+          slot="anchor"
+          class="filter__trigger"
+          aria-expanded=${this.open?"true":"false"}
+          aria-controls="filter__panel"
+          ?disabled=${this.disabled}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+          @mousedown=${this.handleFilterTriggerMouseDown}
+          variant="tertiary"
+          caret
+        >
+          <dsa-icon
+            name="view_column"
+            slot="prefix"
+            library="system"
+          ></dsa-icon>
+          ${this.label!==""?this.label:this.localize.term("columns")}
+        </dsa-button>
+      `;{let e=this.selectedOptions.length;return a`
+        <dsa-filter-button
+          slot="anchor"
+          class="filter__trigger"
+          label=${this.label}
+          selected-option=${e===1?this.displayLabel:""}
+          selection-count=${e}
+          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>
+      `}}renderDeSelectAll(){let e=this.selectedOptions.length;return a`
+      <dsa-button
+        class="filter__multiselect-header__deselect-all"
+        variant="tertiary"
+        size="small"
+        @click=${this.handleMultipleHeaderButtonClick}
+      >
+        ${e===0?a` ${this.localize.term("selectAll")} `:a`
+              <dsa-icon
+                name="restart_alt"
+                slot="prefix"
+                library="system"
+              ></dsa-icon>
+              ${this.localize.term("deselectAll")}
+            `}
+      </dsa-button>
+    `}renderPanelContent(){let e=this.selectedOptions.length;return a`
+      ${this.multiple&&!this.drawer?a`
+            <div class="filter__multiselect-header">
+              <span role="status"
+                >${this.localize.term("numberSelected",e,this.optionGender)}</span
+              >
+              ${this.renderDeSelectAll()}
+            </div>
+          `:""}
+      ${this.searchable?a`
+            <dsa-input
+              type="search"
+              accessible-name=${this.localize.term("search")}
+              placeholder=${this.localize.term("search")}
+              variant="layer"
+              .value=${this.searchValue}
+              @input=${this.handleSearchInput}
+              clearable
+              @dsa-clear=${this.handleSearchClear}
+            ></dsa-input>
+            <dsa-visually-hidden>
+              <span
+                role="status"
+                aria-live="polite"
+                aria-relevant="all"
+                .live=${this.searchValue}
+                >${this.searchValue.length>0?`${this.displayedOptions.length} ${this.localize.term("optionsAvailable")}`:""}</span
+              >
+            </dsa-visually-hidden>
+          `:""}
+
+      <div
+        id="listbox"
+        role=${this.multiple?"group":"radiogroup"}
+        aria-multiselectable=${O(this.multiple?"true":void 0)}
+        aria-label=${this.localize.term("selectValue",this.multiple)}
+        part="listbox"
+        class="filter__listbox"
+        @mouseup=${this.handleOptionClick}
+      >
+        ${this.displayedOptions.length>0?this.getDisplayedOptionsList():a`<div class="filter__empty_text">
+              <p>${this.localize.term("noMatchFound")}</p>
+            </div>`}
+      </div>
+
+      <div
+        class="filter__options"
+        tabindex="-1"
+        role=${this.multiple?"group":"radiogroup"}
+      >
+        <slot @slotchange=${this.handleDefaultSlotChange}></slot>
+      </div>
+
+      <div class="filter-select__footer">
+        ${this.maxVisibleListLength>0&&this.nbOptions>this.maxVisibleListLength&&!this.seeAll?a`
+              <dsa-button
+                variant="tertiary"
+                size="small"
+                class="filter__see-all-button"
+                @click=${this.handleSeeAllClick}
+              >
+                ${this.localize.term("seeAll",this.nbOptions)}
+              </dsa-button>
+            `:""}
+        ${this.drawer&&this.multiple?this.renderDeSelectAll():""}
+      </div>
+    `}};i.styles=$,s([u(".filter__multiselect-header__deselect-all")],i.prototype,"deselectAllButton",2),s([u("dsa-input")],i.prototype,"searchInput",2),s([u(".filter__listbox")],i.prototype,"listbox",2),s([u(".filter__see-all-button")],i.prototype,"seeAllButton",2),s([r()],i.prototype,"displayLabel",2),s([r()],i.prototype,"allOptions",2),s([r()],i.prototype,"currentOption",2),s([r()],i.prototype,"selectedOptions",2),s([r()],i.prototype,"displayedOptions",2),s([r()],i.prototype,"searchValue",2),s([r()],i.prototype,"nbOptions",2),s([r()],i.prototype,"seeAll",2),s([r()],i.prototype,"debounceTimerId",2),s([h({converter:{fromAttribute:e=>e.split(" "),toAttribute:e=>typeof e=="string"?e:e.join(" ")}})],i.prototype,"value",2),s([h({type:Boolean,reflect:!0})],i.prototype,"multiple",2),s([h({attribute:"max-visible-list-length",type:Number})],i.prototype,"maxVisibleListLength",2),s([h({type:Boolean})],i.prototype,"searchable",2),s([h({type:Number,attribute:"debounce-timeout"})],i.prototype,"debounceTimeout",2),s([h({attribute:"option-gender"})],i.prototype,"optionGender",2),s([h({type:Boolean,attribute:"columns-filter"})],i.prototype,"columnsFilter",2),s([c("searchValue",{waitUntilFirstUpdate:!0})],i.prototype,"handleSearchValueChange",1),s([c("value",{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),s([c("seeAll")],i.prototype,"handleSeeAllChange",1),s([c("multiple")],i.prototype,"handleMultipleChange",1),i=s([f("dsa-filter-select")],i);export{i as a};

package/cdn/chunks/chunk.EAGPDAIA.js

@@ -0,0 +1,187 @@
+import{a as o}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";var c=r`
+  ${o}
+
+  .search-bar {
+    display: flex;
+    flex-direction: column;
+    gap: var(--dsa-spacing-8);
+  }
+
+  .search-bar__wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    flex: 1;
+    width: 100%;
+    gap: var(--dsa-spacing-8);
+  }
+
+  /* Input */
+  .input {
+    position: relative;
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+    vertical-align: middle;
+    width: 100%;
+    min-width: 0;
+    font: var(--dsa-wc-input-text-field-font);
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-radius: 4px 4px 0px 0px;
+  }
+
+  .input--focused {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  .input__control {
+    display: inline-flex;
+    flex-direction: row;
+    flex: 1 1 auto;
+    min-width: 0;
+    height: 100%;
+    border: none;
+    background: none;
+    box-shadow: none;
+    margin: 0;
+    cursor: inherit;
+    -webkit-appearance: none;
+    color: var(--dsa-wc-search-input-color);
+    padding: 8px 0 8px 8px;
+  }
+
+  .input__control::placeholder {
+    color: var(--dsa-wc-input-on-layer-text-field-placeholder-color);
+    opacity: 1;
+  }
+
+  .input__control::-webkit-search-decoration,
+  .input__control::-webkit-search-cancel-button,
+  .input__control::-webkit-search-results-button,
+  .input__control::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+  .input__control:focus {
+    outline: none;
+  }
+
+  .search-bar__help-text {
+    color: var(--dsa-wc-search-helptext-color);
+  }
+
+  /* 
+  * Input sizes
+  */
+  /* Small */
+  .search-bar--small .input {
+    height: 2.25rem;
+  }
+  .search-bar--small .input__control {
+    font: var(--dsa-wc-search-small-input-font);
+  }
+  .search-bar--small .search-bar__help-text,
+  .search-bar--small .form-control__error-text {
+    font: var(--dsa-font-2x-small-normal);
+  }
+  /* Medium */
+  .search-bar--medium .input {
+    height: 2.5rem;
+  }
+  .search-bar--medium .input__control {
+    font: var(--dsa-wc-search-medium-input-font);
+  }
+  .search-bar--medium .search-bar__help-text,
+  .search-bar--medium .form-control__error-text {
+    font: var(--dsa-font-x-small-normal);
+  }
+  /* Large */
+  .search-bar--large .input {
+    height: 3.25rem;
+  }
+  .search-bar--large .input__control {
+    font: var(--dsa-wc-search-large-input-font);
+  }
+  .search-bar--large .search-bar__help-text,
+  .search-bar--large .form-control__error-text {
+    font: var(--dsa-font-small-normal);
+  }
+
+  /* 
+  * Variant
+  */
+  /* On Base */
+  .search-bar--on-base .input {
+    border-color: var(--dsa-wc-search-on-base-border-color);
+    background-color: var(--dsa-wc-search-on-base-background-color);
+  }
+  .search-bar--on-base .input:hover {
+    border-color: var(--dsa-wc-search-on-base-hover-border-color);
+    background-color: var(--dsa-wc-search-on-base-hover-background-color);
+  }
+  .search-bar--on-base.search-bar--error .input {
+    border-color: var(--dsa-wc-search-on-base-error-border-color);
+    background-color: var(--dsa-wc-search-on-base-error-background-color);
+  }
+  .search-bar--on-base.search-bar--error .input:hover {
+    border-color: var(--dsa-wc-search-on-base-error-hover-border-color);
+    background-color: var(--dsa-wc-search-on-base-error-hover-background-color);
+  }
+
+  /* On Layer */
+  .search-bar--on-layer .input {
+    border-color: var(--dsa-wc-search-on-layer-border-color);
+    background-color: var(--dsa-wc-search-on-layer-background-color);
+  }
+  .search-bar--on-layer .input:hover {
+    border-color: var(--dsa-wc-search-on-layer-hover-border-color);
+    background-color: var(--dsa-wc-search-on-layer-hover-background-color);
+  }
+  .search-bar--on-layer.search-bar--error .input {
+    border-color: var(--dsa-wc-search-on-layer-error-border-color);
+    background-color: var(--dsa-wc-search-on-layer-error-background-color);
+  }
+  .search-bar--on-layer.search-bar--error .input:hover {
+    border-color: var(--dsa-wc-search-on-layer-error-hover-border-color);
+    background-color: var(
+      --dsa-wc-search-on-layer-error-hover-background-color
+    );
+  }
+
+  /* On Floating Menu */
+  .search-bar--on-floating:not(.search-bar--error) .input__control {
+    color: var(--dsa-wc-search-on-floating-menu-input-color);
+  }
+  .search-bar--on-floating:not(.search-bar--error)
+    .input__control::placeholder {
+    color: var(--dsa-wc-search-on-floating-menu-placeholder-color);
+  }
+  .search-bar--on-floating .input {
+    border-color: var(--dsa-wc-search-on-floating-menu-border-color);
+    background-color: var(--dsa-wc-search-on-floating-menu-background-color);
+  }
+  .search-bar--on-floating .input:hover {
+    border-color: var(--dsa-wc-search-on-floating-menu-hover-border-color);
+    background-color: var(
+      --dsa-wc-search-on-floating-menu-hover-background-color
+    );
+  }
+  .search-bar--on-floating.search-bar--error .input {
+    border-color: var(--dsa-wc-search-on-floating-menu-error-border-color);
+    background-color: var(
+      --dsa-wc-search-on-floating-menu-error-background-color
+    );
+  }
+  .search-bar--on-floating.search-bar--error .input:hover {
+    border-color: var(
+      --dsa-wc-search-on-floating-menu-error-hover-border-color
+    );
+    background-color: var(
+      --dsa-wc-search-on-floating-menu-error-hover-background-color
+    );
+  }
+  .search-bar--on-floating .search-bar__help-text {
+    color: var(--dsa-wc-search-on-floating-menu-helptext-color);
+  }
+`;export{c as a};

package/cdn/chunks/chunk.EBJMEK7O.js

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

package/cdn/chunks/chunk.EFCT4GFV.js

@@ -0,0 +1,46 @@
+import{a}from"./chunk.UMC4I57R.js";import{a as t}from"./chunk.6G2FNLAV.js";var o=t`
+  ${a}
+
+  .footer-sitemap {
+    display: flex;
+    flex-direction: column;
+    gap: var(--dsa-wc-footer-sitemap-spacing);
+  }
+
+  [part~='list'] {
+    font: var(--dsa-wc-footer-sitemap-list-font);
+    display: flex;
+    list-style-type: none;
+    align-self: stretch;
+    gap: var(--dsa-wc-footer-sitemap-list-spacing);
+    margin: 0;
+    padding: 0;
+    flex-wrap: wrap;
+  }
+
+  .footer-sitemap--align-links-center [part~='list'] {
+    justify-content: center;
+  }
+  .footer-sitemap--align-links-right [part~='list'] {
+    justify-content: flex-end;
+  }
+
+  .footer-sitemap--has-vertical [part~='list'] {
+    flex-direction: column;
+    gap: var(--dsa-wc-footer-sitemap-list-vertical-spacing);
+  }
+
+  .label {
+    display: none;
+  }
+
+  .footer-sitemap--has-label .label {
+    display: block;
+  }
+
+  .footer-sitemap--has-label .label::slotted(*) {
+    margin: var(--dsa-wc-footer-sitemap-label-margin);
+    font: var(--dsa-wc-footer-sitemap-label-font);
+    color: var(--dsa-wc-footer-sitemap-label-color);
+  }
+`;export{o as a};

package/cdn/chunks/chunk.EJRD5ETZ.js

@@ -0,0 +1,56 @@
+import{a as v}from"./chunk.EAGPDAIA.js";import{a as g}from"./chunk.DUYCHM7G.js";import{a as y}from"./chunk.SWEIVB73.js";import{a as d}from"./chunk.ELL45QD3.js";import{a as f}from"./chunk.NIRNX67K.js";import{c as b}from"./chunk.4WOVD75K.js";import{d as n}from"./chunk.ZBHHLRFH.js";import{a as m}from"./chunk.2RF4WD6T.js";import{a as u,b as r,c,d as l,f as p}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.localize=new b(this);this.hasSlotController=new d(this,"help-text");this.hasFocus=!1;this.size="medium";this.variant="base";this.value="";this.helpText="";this.error=!1;this.errorMessage=""}handleChange(){this.value=this.input.value,this.emit("dsa-change")}handleInput(){this.value=this.input.value,this.emit("dsa-input")}handleInputFocus(){this.hasFocus=!0,this.emit("dsa-focus")}handleInputBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleClearClick(t){this.value="",this.emit("dsa-clear"),this.emit("dsa-input"),this.emit("dsa-change"),this.input.focus(),t.stopPropagation()}handleKeyDown(t){t.stopPropagation();let a=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!a&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.handleSubmitClick()})}handleSubmitClick(){this.emit("dsa-submit")}getDescriptionIds(){let t=this.hasSlotController.test("help-text"),a=this.helpText?!0:!!t,s=[];return this.error&&(s=[...s,"error-text"]),a&&(s=[...s,"help-text"]),s.join(" ")}render(){var a,s,h;let t=(()=>{switch(this.size){case"small":return"large";case"large":return"2xlarge";default:return"xlarge"}})();return o`
+      <div
+        class=${n({"search-bar":!0,"search-bar--error":this.error,"search-bar--small":this.size==="small","search-bar--medium":this.size==="medium","search-bar--large":this.size==="large","search-bar--on-layer":this.variant==="layer","search-bar--on-base":this.variant==="base","search-bar--on-floating":this.variant==="floating"})}
+      >
+        <div class="search-bar__wrapper">
+          <div
+            class=${n({input:!0,"input--focused":this.hasFocus})}
+          >
+            <input
+              class="input__control"
+              type="search"
+              placeholder=${(a=this.placeholder)!=null?a:this.localize.term("search")}
+              aria-label=${(s=this.accessibleName)!=null?s:this.localize.term("search")}
+              aria-describedby=${f(this.getDescriptionIds())}
+              aria-invalid=${m(this.error?"true":void 0)}
+              title=${(h=this.accessibleName)!=null?h:this.localize.term("search")}
+              .value=${g(this.value)}
+              @change=${this.handleChange}
+              @input=${this.handleInput}
+              @focus=${this.handleInputFocus}
+              @blur=${this.handleInputBlur}
+              @keydown=${this.handleKeyDown}
+            />
+            ${this.value.length>0?o`
+                  <dsa-icon-button
+                    id="clear-button"
+                    part="clear-button"
+                    name="clear"
+                    label=${this.localize.term("clearEntry")}
+                    @click=${this.handleClearClick}
+                    size=${this.size==="large"?"large":"medium"}
+                    library="system"
+                  ></dsa-icon-button>
+                `:""}
+          </div>
+
+          <dsa-icon-button
+            id="submit-button"
+            name="search"
+            library="system"
+            label=${this.localize.term("search")}
+            variant="primary"
+            ?floating=${this.variant==="floating"}
+            size=${t}
+            @click=${this.handleSubmitClick}
+          >
+          </dsa-icon-button>
+        </div>
+
+        <slot name="help-text" id="help-text" class="search-bar__help-text">
+          ${this.helpText}
+        </slot>
+
+        ${this.error&&this.errorMessage!==""?y(this.errorMessage,this.variant):""}
+      </div>
+    `}};e.styles=v,i([l(".input__control")],e.prototype,"input",2),i([l("#submit-button")],e.prototype,"submitButton",2),i([l("#clear-button")],e.prototype,"clearButton",2),i([c()],e.prototype,"hasFocus",2),i([r({reflect:!0})],e.prototype,"size",2),i([r({reflect:!0})],e.prototype,"variant",2),i([r()],e.prototype,"value",2),i([r({attribute:"help-text"})],e.prototype,"helpText",2),i([r({type:Boolean})],e.prototype,"error",2),i([r({attribute:"error-message",converter:{fromAttribute:t=>t?t.split("|"):"",toAttribute:t=>typeof t=="string"?t:t.join("|")}})],e.prototype,"errorMessage",2),i([r({attribute:"accessible-name"})],e.prototype,"accessibleName",2),i([r()],e.prototype,"placeholder",2),e=i([u("dsa-search")],e);export{e as a};

package/cdn/chunks/chunk.EJVWPDLE.js

@@ -0,0 +1,10 @@
+import{a as n}from"./chunk.MM6IW466.js";import{a as s}from"./chunk.ELL45QD3.js";import{a as e}from"./chunk.2RF4WD6T.js";import{a as i,f as a}from"./chunk.CEOMZJL3.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as o}from"./chunk.IZ2HVRME.js";var t=class extends a{constructor(){super(...arguments);this.hasSlotController=new s(this,"title","content")}render(){let l=this.hasSlotController.test("title");return r`
+      <div
+        part="base"
+        role=${e(l?"region":void 0)}
+        aria-labelledby=${e(l?"block-title":void 0)}
+      >
+        <slot id="block-title" part="title" name="title"></slot>
+        <slot part="content" name="content"></slot>
+      </div>
+    `}};t.styles=n,t=o([i("dsa-footer-content-block")],t);export{t as a};

package/cdn/chunks/chunk.ELL45QD3.js

@@ -0,0 +1 @@
+var o=class{constructor(t,...e){this.slotNames=[];(this.host=t).addController(this),this.slotNames=e,this.handleSlotChange=this.handleSlotChange.bind(this)}hasDefaultSlot(){return[...this.host.childNodes].some(t=>{if(t.nodeType===t.TEXT_NODE&&t.textContent.trim()!=="")return!0;if(t.nodeType===t.ELEMENT_NODE){let e=t;if(e.tagName.toLowerCase()==="dsa-visually-hidden")return!1;if(!e.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(t){return this.host.querySelector(`:scope > [slot="${t}"]`)!==null}test(t){return t==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(t)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange(t){let e=t.target;(this.slotNames.includes("[default]")&&!e.name||e.name&&this.slotNames.includes(e.name))&&this.host.requestUpdate()}};function r(s){if(!s)return"";let t=s.assignedNodes({flatten:!0}),e="";return[...t].forEach(n=>{n.nodeType===Node.TEXT_NODE&&(e+=n.textContent)}),e}export{o as a,r as b};

package/cdn/chunks/chunk.ESMXIAXC.js

@@ -0,0 +1,41 @@
+import{a as P}from"./chunk.SWEIVB73.js";import{a as f}from"./chunk.KLRPP4NQ.js";import{a,c,d as u}from"./chunk.HHVNQNCC.js";import{a as h,c as l}from"./chunk.TV2TMO2H.js";import{a as D}from"./chunk.B4KFHYLS.js";import{c as v}from"./chunk.4WOVD75K.js";import{a as p}from"./chunk.BWEPOOQP.js";import{b as s,c as w,d,f as b}from"./chunk.CEOMZJL3.js";import{a as n}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";var t=class extends b{constructor(){super(...arguments);this.localize=new v(this);this.errorMessages=[];this.value="";this.label="";this.open=!1;this.hoist=!1;this.disabled=!1;this.readonly=!1;this.drawer=!1;this.placement="bottom-start"}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this)}firstUpdated(){this.drawer&&(this.filterPanel.hidden=!this.open,this.filterPanel.style.height=this.open?"auto":"0")}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}handleDocumentFocusIn(e){let o=e.composedPath();this&&!this.drawer&&!o.includes(this)&&(this.hide(),this.filterTrigger.focus({preventScroll:!0}))}handleKeyDown(e){e.key!=="Escape"&&e.stopPropagation(),!this.drawer&&this.open&&e.key==="Escape"&&(e.stopPropagation(),e.preventDefault(),this.hide(),this.filterTrigger.focus({preventScroll:!0})),!this.drawer&&this.open&&e.key==="Tab"&&setTimeout(()=>{var g,y;let r=(this==null?void 0:this.getRootNode())instanceof ShadowRoot?(y=(g=document.activeElement)==null?void 0:g.shadowRoot)==null?void 0:y.activeElement:document.activeElement;(!this||(r==null?void 0:r.closest(this.tagName.toLowerCase()))!==this)&&this.hide()});let m=e.composedPath().some(r=>r===this.filterTrigger);if(m&&(e.key==="Enter"||e.key===" ")){if(e.preventDefault(),!this.open){this.show();return}m&&this.hide()}}handleDocumentMouseDown(e){let o=e.composedPath();this&&!this.drawer&&!o.includes(this)&&this.hide()}handleFilterTriggerMouseDown(e){e.preventDefault(),this.filterTrigger.focus({preventScroll:!0}),this.open=!this.open}handleDisabledChange(){(this.disabled||this.readonly)&&(this.open=!1,this.handleOpenChange())}async handleOpenChange(){if(this.open){if(this.emit("dsa-show"),this.addOpenListeners(),await c(this),this.drawer){let{keyframes:e,options:o}=l(this,"accordion.show",{dir:this.localize.dir()});this.filterPanel.hidden=!1,await a(this.filterPanel,u(e,this.filterPanel.scrollHeight),o),this.filterPanel.style.height="auto"}else{let{keyframes:e,options:o}=l(this,"filter.show",{dir:this.localize.dir()});this.popup.active=!0,await a(this.popup.popup,e,o)}this.emit("dsa-after-show")}else{if(this.emit("dsa-hide"),this.removeOpenListeners(),await c(this),this.drawer){let{keyframes:e,options:o}=l(this,"accordion.hide",{dir:this.localize.dir()});await a(this.filterPanel,u(e,this.filterPanel.scrollHeight),o),this.filterPanel.hidden=!0,this.filterPanel.style.height="auto"}else{let{keyframes:e,options:o}=l(this,"filter.hide",{dir:this.localize.dir()});await a(this.popup.popup,e,o),this.popup.active=!1}this.emit("dsa-after-hide")}}async show(){if(!(this.disabled||this.readonly)){if(this.open){this.open=!1;return}return this.open=!0,await f(this,"dsa-after-show")}}async hide(){if(!this.open){this.open=!1;return}return this.open=!1,await f(this,"dsa-after-hide")}focus(e){this.filterTrigger.focus(e)}blur(){this.filterTrigger.blur()}renderPanelContent(){return n``}renderTrigger(){return this.label||D("Filters require a label attribute for accessibility"),n` <dsa-filter-button
+      slot="anchor"
+      class="filter__trigger"
+      label=${this.label}
+      selected-option=${this.value}
+      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>`}render(){return this.drawer?n`
+        <div class="filter--drawer" @keydown=${this.handleKeyDown}>
+          ${this.renderTrigger()}
+          <div id="filter__panel" class="filter__panel">
+            ${this.renderPanelContent()}
+          </div>
+        </div>
+      `:n`
+      <dsa-popup
+        class="filter"
+        part="popup"
+        placement=${this.placement}
+        strategy=${this.hoist?"fixed":"absolute"}
+        distance="4"
+        flip
+        shift
+        auto-size="vertical"
+        auto-size-padding="10"
+        @keydown=${this.handleKeyDown}
+      >
+        ${this.renderTrigger()}
+        <div id="filter__panel" class="filter__panel">
+          ${this.renderPanelContent()}
+        </div>
+      </dsa-popup>
+      ${this.errorMessages.length>0?P(this.errorMessages):""}
+    `}};i([d(".filter")],t.prototype,"popup",2),i([d(".filter__trigger")],t.prototype,"filterTrigger",2),i([d(".filter__panel")],t.prototype,"filterPanel",2),i([w()],t.prototype,"errorMessages",2),i([s({reflect:!0})],t.prototype,"value",2),i([s()],t.prototype,"label",2),i([s({type:Boolean,reflect:!0})],t.prototype,"open",2),i([s({type:Boolean})],t.prototype,"hoist",2),i([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([s({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([s({type:Boolean,reflect:!0})],t.prototype,"drawer",2),i([s()],t.prototype,"placement",2),i([p(["disabled","readonly"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([p("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1);h("filter.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});h("filter.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});h("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}});h("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});export{t as a};