@govtechsg/sgds-web-component 3.28.1-rc.0 → 3.29.1-rc.0

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

@@ -2405,7 +2405,7 @@ let Bh=Symbol.for(``),Vh=e=>{if(e?.r===Bh)return e?._$litStatic$},Hh=/* @__PURE_
         </div>
         ${this.label?Uh`<span class="spinner-label">${this.label}</span>`:j}
       </div>
-    `}};Y([I({type:String,reflect:!0})],$.prototype,`variant`,void 0),Y([I({type:String,reflect:!0})],$.prototype,`tone`,void 0),Y([I({type:String,reflect:!0})],$.prototype,`size`,void 0),Y([I({reflect:!0,type:String})],$.prototype,`label`,void 0),Y([I({type:String,reflect:!0})],$.prototype,`orientation`,void 0),F();var Kh=class e extends Q{constructor(...e){super(...e),this.noValidate=!1,this._blockInputKeydown=e=>{e.key!==`Tab`&&e.preventDefault()}}static{this.styles=[...Q.styles,Qn,Ih]}static{this.childName=`sgds-select-option`}static{this.dependencies={"sgds-icon":Fh,"sgds-spinner":$,[e.childName]:zh}}connectedCallback(){super.connectedCallback(),this.addEventListener(`sgds-hide`,async()=>{(await this._input).focus()})}async firstUpdated(e){super.firstUpdated(e),this._updateDisplayValue(),this.input=await this._input,this._mixinValidate(this.input),this.menuIsOpen&&await this.updateFloatingPosition()}async _handleSlotChange(e){let t=e.target.assignedElements({flatten:!0});t.forEach(e=>e.addEventListener(`click`,e=>{e.target.disabled||this._handleItemSelected(e)})),t.forEach(e=>e.addEventListener(`keydown`,e=>{e.key===`Enter`&&this._handleItemSelected(e)})),this.menuList=await this._getMenuListFromOptions(t),this.value&&(this._updateDisplayValue(),this._setActiveToOption()),this.input=await this._input,this._mixinValidate(this.input)}_updateDisplayValue(){if(this.value&&this.menuList.length>0){let e=this.menuList.filter(({value:e})=>e===this.value);if(e.length===0)return;this.displayValue=e[0].label,this._setActiveToOption()}}_setActiveToOption(){let e=this.menuList.findIndex(e=>e.value?.toString()===this.value);this.options.forEach((t,n)=>{t.active=n===e})}async _handleValueChange(){if(this.menuList.length===0)return;this._setActiveToOption(),this.emit(`sgds-change`),this.value&&this.emit(`sgds-select`);let e=await this._input;this._mixinSetFormValue(),this._mixinValidate(e),this._updateDisplayValue(),(this._isTouched||this.value!==``)&&(this._mixinShouldSkipSgdsValidation()||(this.invalid=!this._mixinReportValidity()))}async _handleItemSelected(e){let t=e.target,n=t.textContent?.trim()??``,r={label:n,value:t.getAttribute(`value`)??n};this.value=r.value.toString(),this.displayValue=r.label,this.hideMenu()}_handleFocus(){this.emit(`sgds-focus`)}async _handleInputBlur(e){e.preventDefault(),this.emit(`sgds-blur`)}async _mixinResetFormControl(){this.value=this.defaultValue;let e=this.menuList.filter(({value:e})=>e===this.value);this.displayValue=e.length<=0?``:e[0].label,this._mixinResetValidity(await this._input)}_renderMenu(){let e=this.menuList.map(e=>{let t=e.value===this.value;return k`
+    `}};Y([I({type:String,reflect:!0})],$.prototype,`variant`,void 0),Y([I({type:String,reflect:!0})],$.prototype,`tone`,void 0),Y([I({type:String,reflect:!0})],$.prototype,`size`,void 0),Y([I({reflect:!0,type:String})],$.prototype,`label`,void 0),Y([I({type:String,reflect:!0})],$.prototype,`orientation`,void 0),F();var Kh=class e extends Q{constructor(...e){super(...e),this.noValidate=!1,this._blockInputKeydown=e=>{e.key!==`Tab`&&e.preventDefault()}}static{this.styles=[...Q.styles,Qn,Ih]}static{this.childName=`sgds-select-option`}static{this.dependencies={"sgds-icon":Fh,"sgds-spinner":$,[e.childName]:zh}}connectedCallback(){super.connectedCallback(),this.addEventListener(`sgds-hide`,async()=>{(await this._input).focus({preventScroll:!0})})}async firstUpdated(e){super.firstUpdated(e),this._updateDisplayValue(),this.input=await this._input,this._mixinValidate(this.input),this.menuIsOpen&&await this.updateFloatingPosition()}async _handleSlotChange(e){let t=e.target.assignedElements({flatten:!0});t.forEach(e=>e.addEventListener(`click`,e=>{e.target.disabled||this._handleItemSelected(e)})),t.forEach(e=>e.addEventListener(`keydown`,e=>{e.key===`Enter`&&this._handleItemSelected(e)})),this.menuList=await this._getMenuListFromOptions(t),this.value&&(this._updateDisplayValue(),this._setActiveToOption()),this.input=await this._input,this._mixinValidate(this.input)}_updateDisplayValue(){if(this.value&&this.menuList.length>0){let e=this.menuList.filter(({value:e})=>e===this.value);if(e.length===0)return;this.displayValue=e[0].label,this._setActiveToOption()}}_setActiveToOption(){let e=this.menuList.findIndex(e=>e.value?.toString()===this.value);this.options.forEach((t,n)=>{t.active=n===e})}async _handleValueChange(){if(this.menuList.length===0)return;this._setActiveToOption(),this.emit(`sgds-change`),this.value&&this.emit(`sgds-select`);let e=await this._input;this._mixinSetFormValue(),this._mixinValidate(e),this._updateDisplayValue(),(this._isTouched||this.value!==``)&&(this._mixinShouldSkipSgdsValidation()||(this.invalid=!this._mixinReportValidity()))}async _handleItemSelected(e){let t=e.target,n=t.textContent?.trim()??``,r={label:n,value:t.getAttribute(`value`)??n};this.value=r.value.toString(),this.displayValue=r.label,this.hideMenu()}_handleFocus(){this.emit(`sgds-focus`)}async _handleInputBlur(e){e.preventDefault(),this.emit(`sgds-blur`)}async _mixinResetFormControl(){this.value=this.defaultValue;let e=this.menuList.filter(({value:e})=>e===this.value);this.displayValue=e.length<=0?``:e[0].label,this._mixinResetValidity(await this._input)}_renderMenu(){let e=this.menuList.map(e=>{let t=e.value===this.value;return k`
         <sgds-select-option
           ?active=${t}
           value=${e.value}