@govtechsg/sgds-web-component 3.5.6-rc.0 → 3.5.6-rc.2

package/components/ComboBox/combo-box.js

@@ -1,6 +1,6 @@
 import { css } from 'lit';
 
-var css_248z = css`:host{display:block;position:relative}.dropdown{display:flex;height:100%}.dropdown-menu{box-sizing:border-box;max-height:10rem;overflow-x:hidden;overflow-y:auto}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.combobox .form-control-group{height:unset;min-height:var(--sgds-dimension-48);min-width:var(--sgds-dimension-256);padding:var(--sgds-form-padding-y) var(--sgds-form-padding-x)}.combobox-input-container{display:flex;flex-wrap:wrap;gap:var(--sgds-gap-xs);width:calc(100% - var(--sgds-icon-size-md, 1.25rem))}.empty-menu{padding:var(--sgds-padding-sm) var(--sgds-padding-lg,20px)}`;
+var css_248z = css`:host{display:block;position:relative}.dropdown{display:flex;height:100%}.dropdown-menu{box-sizing:border-box;max-height:10rem;overflow-x:hidden;overflow-y:auto}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.combobox .form-control-group{height:unset;min-height:var(--sgds-dimension-48);min-width:var(--sgds-dimension-256)}.combobox-input-container{display:flex;flex-wrap:wrap;gap:var(--sgds-gap-xs);padding:calc(var(--sgds-form-padding-y) - var(--sgds-form-border-width-default)) 0;width:calc(100% - var(--sgds-icon-size-md, 1.25rem))}.empty-menu{padding:var(--sgds-padding-sm) var(--sgds-padding-lg,20px)}`;
 
 export { css_248z as default };
 //# sourceMappingURL=combo-box.js.map

package/components/ComboBox/index.umd.min.js

@@ -2030,7 +2030,7 @@ class extends ct{constructor(e){if(super(e),e.type!==at&&e.type!==ot&&e.type!==n
       clip-rule="evenodd"
     />
   </svg>
-`};var Pl=Me`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;class El extends wl{constructor(){super(...arguments),this.size="lg"}_getIconByName(e){if(!e)return;const t=Al[e];if(t)return t;console.warn(`Icon not found: ${e}`)}render(){const e=this._getIconByName(this.name);return e||ie}}El.styles=[...wl.styles,Pl],e([Ye({type:String,reflect:!0})],El.prototype,"name",void 0),e([Ye({type:String,reflect:!0})],El.prototype,"size",void 0);var Tl=Me`:host{display:block;position:relative}.dropdown{display:flex;height:100%}.dropdown-menu{box-sizing:border-box;max-height:10rem;overflow-x:hidden;overflow-y:auto}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.combobox .form-control-group{height:unset;min-height:var(--sgds-dimension-48);min-width:var(--sgds-dimension-256);padding:var(--sgds-form-padding-y) var(--sgds-form-padding-x)}.combobox-input-container{display:flex;flex-wrap:wrap;gap:var(--sgds-gap-xs);width:calc(100% - var(--sgds-icon-size-md, 1.25rem))}.empty-menu{padding:var(--sgds-padding-sm) var(--sgds-padding-lg,20px)}`,Il=Me`:host([active]) .dropdown-item{background-color:var(--sgds-primary-surface-translucent)}.dropdown-item{background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;height:100%;padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item.disabled{opacity:var(--sgds-opacity-50);pointer-events:none}.dropdown-item .normal-item-content{align-items:center;display:flex;justify-content:space-between}:host([active]) .dropdown-item .normal-item-content{color:var(--sgds-primary-bg-default)}:host([active]) .dropdown-item .normal-item-content sgds-icon{fill:var(--sgds-primary-bg-default);color:var(--sgds-primary-bg-default)}.dropdown-item:hover{background:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{background:var(--sgds-bg-translucent-subtle);outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}`;class Ol extends wl{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){const e={disabled:this.disabled,active:this.active};return Q`
+`};var Pl=Me`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;class El extends wl{constructor(){super(...arguments),this.size="lg"}_getIconByName(e){if(!e)return;const t=Al[e];if(t)return t;console.warn(`Icon not found: ${e}`)}render(){const e=this._getIconByName(this.name);return e||ie}}El.styles=[...wl.styles,Pl],e([Ye({type:String,reflect:!0})],El.prototype,"name",void 0),e([Ye({type:String,reflect:!0})],El.prototype,"size",void 0);var Tl=Me`:host{display:block;position:relative}.dropdown{display:flex;height:100%}.dropdown-menu{box-sizing:border-box;max-height:10rem;overflow-x:hidden;overflow-y:auto}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.combobox .form-control-group{height:unset;min-height:var(--sgds-dimension-48);min-width:var(--sgds-dimension-256)}.combobox-input-container{display:flex;flex-wrap:wrap;gap:var(--sgds-gap-xs);padding:calc(var(--sgds-form-padding-y) - var(--sgds-form-border-width-default)) 0;width:calc(100% - var(--sgds-icon-size-md, 1.25rem))}.empty-menu{padding:var(--sgds-padding-sm) var(--sgds-padding-lg,20px)}`,Il=Me`:host([active]) .dropdown-item{background-color:var(--sgds-primary-surface-translucent)}.dropdown-item{background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;height:100%;padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item.disabled{opacity:var(--sgds-opacity-50);pointer-events:none}.dropdown-item .normal-item-content{align-items:center;display:flex;justify-content:space-between}:host([active]) .dropdown-item .normal-item-content{color:var(--sgds-primary-bg-default)}:host([active]) .dropdown-item .normal-item-content sgds-icon{fill:var(--sgds-primary-bg-default);color:var(--sgds-primary-bg-default)}.dropdown-item:hover{background:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{background:var(--sgds-bg-translucent-subtle);outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}`;class Ol extends wl{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){const e={disabled:this.disabled,active:this.active};return Q`
       <div class="dropdown-item ${dt(e)}" tabindex=${this.disabled?"-1":"0"}>
         ${this._renderItemContent()}
       </div>
@@ -2087,7 +2087,7 @@ class extends ct{constructor(e){if(super(e),e.type!==at&&e.type!==ot&&e.type!==n
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-const ql=(e,t,i)=>{const l=new Map;for(let o=t;o<=i;o++)l.set(e[o],o);return l};const jl=rt(class extends ct{constructor(e){if(super(e),e.type!==st)throw new Error("repeat() can only be used in text expressions")}_getValuesAndKeys(e,t,i){let l;void 0===i?i=t:void 0!==t&&(l=t);const o=[],s=[];let a=0;for(const t of e)o[a]=l?l(t,a):a,s[a]=i(t,a),a++;return{values:s,keys:o}}render(e,t,i){return this._getValuesAndKeys(e,t,i).values}update(e,[t,i,l]){const o=e._$committedValue;const{values:s,keys:a}=this._getValuesAndKeys(t,i,l);if(!Array.isArray(o))return this._itemKeys=a,s;const n=this._itemKeys??=[],r=[];let c,d,h=0,u=o.length-1,v=0,p=s.length-1;for(;h<=u&&v<=p;)if(null===o[h])h++;else if(null===o[u])u--;else if(n[h]===a[v])r[v]=mt(o[h],s[v]),h++,v++;else if(n[u]===a[p])r[p]=mt(o[u],s[p]),u--,p--;else if(n[h]===a[p])r[p]=mt(o[h],s[p]),ft(e,r[p+1],o[h]),h++,p--;else if(n[u]===a[v])r[v]=mt(o[u],s[v]),ft(e,o[h],o[u]),u--,v++;else if(void 0===c&&(c=ql(a,v,p),d=ql(n,h,u)),c.has(n[h]))if(c.has(n[u])){const t=d.get(a[v]),i=void 0!==t?o[t]:null;if(null===i){const t=ft(e,o[h]);mt(t,s[v]),r[v]=t}else r[v]=mt(i,s[v]),ft(e,o[h],i),o[t]=null;v++}else yt(o[u]),u--;else yt(o[h]),h++;for(;v<=p;){const t=ft(e,r[p+1]);mt(t,s[v]),r[v++]=t}for(;h<=u;){const e=o[h++];null!==e&&yt(e)}return this._itemKeys=a,bt(e,r),te}});class Kl extends Cl{constructor(){super(...arguments),this.multiSelect=!1,this.badgeFullWidth=!1,this.filterFunction=(e,t)=>t.label.toLowerCase().startsWith(e.toLowerCase()),this.optionList=[],this.emptyMenu=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",(async()=>{(await this._input).focus(),this.options.forEach((e=>e.removeAttribute("hidden"))),this.emptyMenu=!1}))}async firstUpdated(e){super.firstUpdated(e),this.menuList.forEach((e=>{const t=document.createElement("sgds-combo-box-option");t.innerText=e.label,t.value=e.value,t.checkbox=this.multiSelect,t.active=this.value.includes(e.value),this.appendChild(t)})),this._setupValidation(this.menuList),this.menuIsOpen&&!this.readonly&&this.showMenu()}async _handleDefaultSlotChange(e){const t=e.target.assignedElements({flatten:!0});t.forEach((e=>{e.addEventListener("i-sgds-select",(t=>{e.hasAttribute("disabled")||this._handleItemSelected(t)})),this.value.includes(e.getAttribute("value"))&&e.setAttribute("active","true"),this.multiSelect&&e.addEventListener("i-sgds-unselect",(e=>{e.target.disabled||this._handleItemUnselect(e)}))})),this.optionList=await this._getMenuListFromOptions(t),this._setupValidation(this.optionList)}async _setupValidation(e){var t;if(this.value&&e.length>0){const i=this.value.split(";"),l=e.filter((({value:e})=>i.includes(e)));this.selectedItems=[...l,...this.selectedItems],this.multiSelect||(this.displayValue=null===(t=l[0])||void 0===t?void 0:t.label),this.multiSelect?this.input=await this._multiSelectInput:this.input=await this._input,this._mixinValidate(this.input)}}async _handleValueChange(){this.emit("sgds-change"),this.options.forEach((e=>e.removeAttribute("hidden"))),this.value&&this.emit("sgds-select");const e=await this._input;this._mixinSetFormValue(),this.multiSelect?this._mixinValidate(this.input):this._mixinValidate(e);this.selectedItems.map((e=>e.value)).join(";")!==this.value&&this._updateValueAndDisplayValue(this.optionList),(this._isTouched||""!==this.value)&&(this.invalid=!this._mixinReportValidity())}_handleOptionListChange(){this._updateValueAndDisplayValue(this.optionList)}_handleMenuListChange(){const e=this.menuList.map((e=>{const t=document.createElement("sgds-combo-box-option");return t.innerText=e.label,t.value=e.value,t.checkbox=this.multiSelect,t.active=this.value.includes(e.value),t}));this.replaceChildren(...e)}_updateValueAndDisplayValue(e){var t,i;const l=this.value.split(";"),o=e.filter((({value:e})=>l.includes(e)));this.selectedItems=[...o];const s=o.map((e=>e.value)).join(";");s!==this.value&&(this.value=s),this.multiSelect||(this.displayValue=null!==(i=null===(t=o[0])||void 0===t?void 0:t.label)&&void 0!==i?i:"")}async _handleInputChange(e){this.emit("sgds-input");const t=e.target;this.displayValue=t.value,this.filteredList=this.optionList.filter((e=>this.filterFunction(this.displayValue,e))),""!==this.displayValue||this.multiSelect||(this.selectedItems=[],this.value=this.selectedItems.join(";"),this.options.forEach((e=>e.active=!1))),this.invalid=!1,this.showMenu(),this.emptyMenu=0===this.filteredList.length;const i=this.filteredList.map((e=>e.value));this.options.forEach((e=>{i.includes(e.value)?e.hidden=!1:e.hidden=!0})),""===this.displayValue&&(this.options.forEach((e=>e.hidden=!1)),await this.updateComplete)}async _handleItemSelected(e){var t,i,l,o;const s=e.target;s.active=!0;const a=null!==(i=null===(t=s.textContent)||void 0===t?void 0:t.trim())&&void 0!==i?i:"",n=null!==(l=s.getAttribute("value"))&&void 0!==l?l:a,r=this.filteredList.find((e=>e.value.toString()===n))||{label:a,value:n};if(this.multiSelect)this.selectedItems.some((e=>e.value===r.value))||(this.selectedItems=[...this.selectedItems,r],setTimeout((()=>this.displayValue=""))),this.hideMenu(),this.value=this.selectedItems.map((e=>e.value)).join(";");else{const e=this.value;null===(o=this.options)||void 0===o||o.forEach((t=>t.value===e?t.active=!1:null)),this.selectedItems=[r],this.value=r.value.toString(),this.displayValue=this.selectedItems[0].label,this.hideMenu()}}_handleItemUnselect(e){var t,i,l;const o=e.target;o.removeAttribute("active");const s=null!==(i=null===(t=o.textContent)||void 0===t?void 0:t.trim())&&void 0!==i?i:"",a=null!==(l=o.getAttribute("value"))&&void 0!==l?l:s,n=this.filteredList.find((e=>e.value.toString()===a))||{label:s,value:a};this.selectedItems=this.selectedItems.filter((e=>e.value!==n.value)),this.value=this.selectedItems.map((e=>e.value)).join(";")}async _handleBadgeDismissed(e,t){var i;e.preventDefault();const l=t.value;null===(i=this.options)||void 0===i||i.forEach((e=>e.value===l?e.active=!1:null)),this.selectedItems=this.selectedItems.filter((e=>e.value!==t.value)),this.value=this.selectedItems.map((e=>e.value)).join(";")}async _handleMultiSelectKeyDown(e){var t;if(this.multiSelect&&"Backspace"===e.key&&this.multiSelect&&""===this.displayValue.trim()&&this.selectedItems.length>0){const e=this.selectedItems[this.selectedItems.length-1].value;null===(t=this.options)||void 0===t||t.forEach((t=>t.value===e?t.active=!1:null)),this.selectedItems=this.selectedItems.slice(0,-1),this.value=this.selectedItems.map((e=>e.value)).join(";")}}_handleFocus(){this.emit("sgds-focus")}async _handleInputBlur(e){if(e.preventDefault(),this.emit("sgds-blur"),this.multiSelect){this.selectedItems.filter((({label:e})=>this.displayValue===e)).length<=0&&(this.displayValue="")}else this.selectedItems.length>0?this.displayValue=this.selectedItems[0].label:this.displayValue=""}async _mixinResetFormControl(){if(this.value=this.defaultValue,this.multiSelect){const e=this.value.split(";"),t=this.optionList.filter((({value:t})=>e.includes(t)));this.selectedItems=t,this._mixinResetValidity(await this._multiSelectInput)}else{const e=this.optionList.filter((({value:e})=>e===this.value));e.length<=0?this.displayValue="":this.displayValue=e[0].label,this._mixinResetValidity(await this._input)}}_renderInput(){const e=this.hasFeedback;return Q`
+const ql=(e,t,i)=>{const l=new Map;for(let o=t;o<=i;o++)l.set(e[o],o);return l};const jl=rt(class extends ct{constructor(e){if(super(e),e.type!==st)throw new Error("repeat() can only be used in text expressions")}_getValuesAndKeys(e,t,i){let l;void 0===i?i=t:void 0!==t&&(l=t);const o=[],s=[];let a=0;for(const t of e)o[a]=l?l(t,a):a,s[a]=i(t,a),a++;return{values:s,keys:o}}render(e,t,i){return this._getValuesAndKeys(e,t,i).values}update(e,[t,i,l]){const o=e._$committedValue;const{values:s,keys:a}=this._getValuesAndKeys(t,i,l);if(!Array.isArray(o))return this._itemKeys=a,s;const n=this._itemKeys??=[],r=[];let c,d,h=0,u=o.length-1,v=0,p=s.length-1;for(;h<=u&&v<=p;)if(null===o[h])h++;else if(null===o[u])u--;else if(n[h]===a[v])r[v]=mt(o[h],s[v]),h++,v++;else if(n[u]===a[p])r[p]=mt(o[u],s[p]),u--,p--;else if(n[h]===a[p])r[p]=mt(o[h],s[p]),ft(e,r[p+1],o[h]),h++,p--;else if(n[u]===a[v])r[v]=mt(o[u],s[v]),ft(e,o[h],o[u]),u--,v++;else if(void 0===c&&(c=ql(a,v,p),d=ql(n,h,u)),c.has(n[h]))if(c.has(n[u])){const t=d.get(a[v]),i=void 0!==t?o[t]:null;if(null===i){const t=ft(e,o[h]);mt(t,s[v]),r[v]=t}else r[v]=mt(i,s[v]),ft(e,o[h],i),o[t]=null;v++}else yt(o[u]),u--;else yt(o[h]),h++;for(;v<=p;){const t=ft(e,r[p+1]);mt(t,s[v]),r[v++]=t}for(;h<=u;){const e=o[h++];null!==e&&yt(e)}return this._itemKeys=a,bt(e,r),te}});class Kl extends Cl{constructor(){super(...arguments),this.multiSelect=!1,this.badgeFullWidth=!1,this.filterFunction=(e,t)=>t.label.toLowerCase().startsWith(e.toLowerCase()),this.optionList=[],this.emptyMenu=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",(async()=>{(await this._input).focus(),this.options.forEach((e=>e.removeAttribute("hidden"))),this.emptyMenu=!1}))}async firstUpdated(e){super.firstUpdated(e),this.menuList.forEach((e=>{const t=document.createElement("sgds-combo-box-option");t.innerText=e.label,t.value=e.value,t.checkbox=this.multiSelect,t.active=this.value.includes(e.value),this.appendChild(t)})),this._setupValidation(this.menuList),this.menuIsOpen&&!this.readonly&&this.showMenu()}async _handleDefaultSlotChange(e){const t=e.target.assignedElements({flatten:!0});t.forEach((e=>{e.addEventListener("i-sgds-select",(t=>{e.hasAttribute("disabled")||this._handleItemSelected(t)})),this.value.includes(e.getAttribute("value"))&&e.setAttribute("active","true"),this.multiSelect&&e.addEventListener("i-sgds-unselect",(e=>{e.target.disabled||this._handleItemUnselect(e)}))})),this.optionList=await this._getMenuListFromOptions(t),console.log("optionList",this.optionList),this._setupValidation(this.optionList)}async _setupValidation(e){var t;if(this.value&&e.length>0){const i=this.value.split(";"),l=e.filter((({value:e})=>i.includes(e)));this.selectedItems=[...l,...this.selectedItems],this.multiSelect||(this.displayValue=null===(t=l[0])||void 0===t?void 0:t.label),this.multiSelect?this.input=await this._multiSelectInput:this.input=await this._input,this._mixinValidate(this.input)}}async _handleValueChange(){this.emit("sgds-change"),this.options.forEach((e=>e.removeAttribute("hidden"))),this.value&&this.emit("sgds-select");const e=await this._input;this._mixinSetFormValue(),this.multiSelect?this._mixinValidate(this.input):this._mixinValidate(e);this.selectedItems.map((e=>e.value)).join(";")!==this.value&&this._updateValueAndDisplayValue(this.optionList),(this._isTouched||""!==this.value)&&(this.invalid=!this._mixinReportValidity())}_handleOptionListChange(){this._updateValueAndDisplayValue(this.optionList)}_handleMenuListChange(){const e=this.menuList.map((e=>{const t=document.createElement("sgds-combo-box-option");return t.innerText=e.label,t.value=e.value,t.checkbox=this.multiSelect,t.active=this.value.includes(e.value),t}));this.replaceChildren(...e)}_updateValueAndDisplayValue(e){var t,i;const l=this.value.split(";"),o=e.filter((({value:e})=>l.includes(e)));this.selectedItems=[...o];const s=o.map((e=>e.value)).join(";");s!==this.value&&(this.value=s),this.multiSelect||(this.displayValue=null!==(i=null===(t=o[0])||void 0===t?void 0:t.label)&&void 0!==i?i:"")}async _handleInputChange(e){this.emit("sgds-input");const t=e.target;this.displayValue=t.value,console.log(this.optionList,"handleInputChange"),this.filteredList=this.optionList.filter((e=>this.filterFunction(this.displayValue,e))),""!==this.displayValue||this.multiSelect||(this.selectedItems=[],this.value=this.selectedItems.join(";"),this.options.forEach((e=>e.active=!1))),this.invalid=!1,this.showMenu(),this.emptyMenu=0===this.filteredList.length;const i=this.filteredList.map((e=>e.value));this.options.forEach((e=>{i.includes(e.value)?e.hidden=!1:e.hidden=!0})),""===this.displayValue&&(this.options.forEach((e=>e.hidden=!1)),await this.updateComplete)}async _handleItemSelected(e){var t,i,l,o;const s=e.target;s.active=!0;const a=null!==(i=null===(t=s.textContent)||void 0===t?void 0:t.trim())&&void 0!==i?i:"",n=null!==(l=s.getAttribute("value"))&&void 0!==l?l:a,r=this.filteredList.find((e=>e.value.toString()===n))||{label:a,value:n};if(this.multiSelect)this.selectedItems.some((e=>e.value===r.value))||(this.selectedItems=[...this.selectedItems,r],setTimeout((()=>this.displayValue=""))),this.hideMenu(),this.value=this.selectedItems.map((e=>e.value)).join(";");else{const e=this.value;null===(o=this.options)||void 0===o||o.forEach((t=>t.value===e?t.active=!1:null)),this.selectedItems=[r],this.value=r.value.toString(),this.displayValue=this.selectedItems[0].label,this.hideMenu()}}_handleItemUnselect(e){var t,i,l;const o=e.target;o.removeAttribute("active");const s=null!==(i=null===(t=o.textContent)||void 0===t?void 0:t.trim())&&void 0!==i?i:"",a=null!==(l=o.getAttribute("value"))&&void 0!==l?l:s,n=this.filteredList.find((e=>e.value.toString()===a))||{label:s,value:a};this.selectedItems=this.selectedItems.filter((e=>e.value!==n.value)),this.value=this.selectedItems.map((e=>e.value)).join(";")}async _handleBadgeDismissed(e,t){var i;e.preventDefault();const l=t.value;null===(i=this.options)||void 0===i||i.forEach((e=>e.value===l?e.active=!1:null)),this.selectedItems=this.selectedItems.filter((e=>e.value!==t.value)),this.value=this.selectedItems.map((e=>e.value)).join(";")}async _handleMultiSelectKeyDown(e){var t;if(this.multiSelect&&"Backspace"===e.key&&this.multiSelect&&""===this.displayValue.trim()&&this.selectedItems.length>0){const e=this.selectedItems[this.selectedItems.length-1].value;null===(t=this.options)||void 0===t||t.forEach((t=>t.value===e?t.active=!1:null)),this.selectedItems=this.selectedItems.slice(0,-1),this.value=this.selectedItems.map((e=>e.value)).join(";")}}_handleFocus(){this.emit("sgds-focus")}async _handleInputBlur(e){if(e.preventDefault(),this.emit("sgds-blur"),this.multiSelect){this.selectedItems.filter((({label:e})=>this.displayValue===e)).length<=0&&(this.displayValue="")}else this.selectedItems.length>0?this.displayValue=this.selectedItems[0].label:this.displayValue=""}async _mixinResetFormControl(){if(this.value=this.defaultValue,this.multiSelect){const e=this.value.split(";"),t=this.optionList.filter((({value:t})=>e.includes(t)));this.selectedItems=t,this._mixinResetValidity(await this._multiSelectInput)}else{const e=this.optionList.filter((({value:e})=>e===this.value));e.length<=0?this.displayValue="":this.displayValue=e[0].label,this._mixinResetValidity(await this._input)}}_renderInput(){const e=this.hasFeedback;return Q`
       <div
         ${Lt(this.myDropdown)}
         class="form-control-group ${dt({disabled:this.disabled,readonly:this.readonly,"is-invalid":this.invalid&&e})}"