@govtechsg/sgds-web-component 3.21.2-rc.5 → 3.22.1

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

@@ -2300,7 +2300,7 @@ class extends Le{constructor(e){if(super(e),e.type!==Se&&e.type!==Be&&e.type!==k
       clip-rule="evenodd"
     />
   </svg>
-`};var Ct,Mt,yt=r`: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 bt extends Ge{constructor(){super(...arguments),this.size="lg"}_getIconByName(e){if(!e)return;const t=xt[e];if(t)return t;console.warn(`Icon not found: ${e}`)}updated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("svg");t&&(this.ariaLabel?(t.removeAttribute("aria-hidden"),t.setAttribute("aria-label",this.ariaLabel)):(t.removeAttribute("aria-label"),t.setAttribute("aria-hidden","true")))}render(){const e=this._getIconByName(this.name);return e||le}}bt.styles=[...Ge.styles,yt],e([Ve({type:String,reflect:!0})],bt.prototype,"name",void 0),e([Ve({type:String,reflect:!0})],bt.prototype,"size",void 0),e([Ve({type:String})],bt.prototype,"ariaLabel",void 0);class _t extends(Qe(Ye)){constructor(){super(...arguments),this.type="text",this.placeholder="placeholder",this.autofocus=!1,this.readonly=!1,this.defaultValue="",this.valid=!1,this.loading=!1,this.required=!1,this.noValidate=!1,this.value="",this._isTouched=!1,this._showPassword=!1}focus(e){this.input.focus(e)}blur(){this.input.blur()}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}setValidity(e,t,l){return this._mixinSetValidity(e,t,l)}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_handleFocus(){this.emit("sgds-focus")}_handleBlur(){const e=this.emit("sgds-blur",{cancelable:!0});this._mixinShouldSkipSgdsValidation()||e.defaultPrevented||(this.setInvalid(!this._mixinCheckValidity()),this._isTouched=!0)}_handleClick(){this.focus()}_handleChange(e){this.value=this.input.value;this.emit("sgds-change",{cancelable:!0}).defaultPrevented||super._mixinHandleChange(e)}_handleInputChange(e){this.value=this.input.value;this.emit("sgds-input",{cancelable:!0}).defaultPrevented||super._mixinHandleInputChange(e)}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&this.setInvalid(!this._mixinCheckValidity())}_handleDisabledChange(){this.setInvalid(!1)}_renderInput(){const e="both"===this.hasFeedback||"style"===this.hasFeedback,t="both"===this.hasFeedback||"text"===this.hasFeedback,l=[this.hintText?`${this._controlId}Help`:"",this.invalid&&t?`${this._controlId}-invalid`:""].filter(Boolean).join(" ")||void 0;return Oe`
+`};var Ct,Mt,yt=r`: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 bt extends Ge{constructor(){super(...arguments),this.size="lg"}_getIconByName(e){if(!e)return;const t=xt[e];if(t)return t;console.warn(`Icon not found: ${e}`)}updated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("svg");t&&(this.ariaLabel?(t.removeAttribute("aria-hidden"),t.setAttribute("aria-label",this.ariaLabel)):(t.removeAttribute("aria-label"),t.setAttribute("aria-hidden","true")))}render(){const e=this._getIconByName(this.name);return e||le}}bt.styles=[...Ge.styles,yt],e([Ve({type:String,reflect:!0})],bt.prototype,"name",void 0),e([Ve({type:String,reflect:!0})],bt.prototype,"size",void 0),e([Ve({type:String})],bt.prototype,"ariaLabel",void 0);class _t extends(Qe(Ye)){constructor(){super(...arguments),this.type="text",this.placeholder="placeholder",this.autofocus=!1,this.readonly=!1,this.autocomplete="on",this.defaultValue="",this.valid=!1,this.loading=!1,this.required=!1,this.noValidate=!1,this.value="",this._isTouched=!1,this._showPassword=!1}focus(e){this.input.focus(e)}blur(){this.input.blur()}reportValidity(){return this._mixinReportValidity()}checkValidity(){return this._mixinCheckValidity()}setValidity(e,t,l){return this._mixinSetValidity(e,t,l)}get validity(){return this._mixinGetValidity()}get validationMessage(){return this._mixinGetValidationMessage()}_handleFocus(){this.emit("sgds-focus")}_handleBlur(){const e=this.emit("sgds-blur",{cancelable:!0});this._mixinShouldSkipSgdsValidation()||e.defaultPrevented||(this.setInvalid(!this._mixinCheckValidity()),this._isTouched=!0)}_handleClick(){this.focus()}_handleChange(e){this.value=this.input.value;this.emit("sgds-change",{cancelable:!0}).defaultPrevented||super._mixinHandleChange(e)}_handleInputChange(e){this.value=this.input.value;this.emit("sgds-input",{cancelable:!0}).defaultPrevented||super._mixinHandleInputChange(e)}_handleIsTouched(){this._mixinShouldSkipSgdsValidation()||this._isTouched&&this.setInvalid(!this._mixinCheckValidity())}_handleDisabledChange(){this.setInvalid(!1)}_renderInput(){const e="both"===this.hasFeedback||"style"===this.hasFeedback,t="both"===this.hasFeedback||"text"===this.hasFeedback,l=[this.hintText?`${this._controlId}Help`:"",this.invalid&&t?`${this._controlId}-invalid`:""].filter(Boolean).join(" ")||void 0;return Oe`
       <div
         class="form-control-group ${Pe({disabled:this.disabled,readonly:this.readonly,"is-invalid":this.invalid&&e})}"
         @click=${this._handleClick}
@@ -2331,6 +2331,7 @@ class extends Le{constructor(e){if(super(e),e.type!==Se&&e.type!==Be&&e.type!==k
           @focus=${this._handleFocus}
           @blur=${this._handleBlur}
           aria-describedby=${Te(l)}
+          .autocomplete=${this.autocomplete}
         />
         ${"password"===this.type?this._renderPasswordToggle():le}
         ${this.suffix?Oe`<span class="form-control-suffix">${this.suffix}</span>`:le}
@@ -2367,5 +2368,5 @@ class extends Le{constructor(e){if(super(e),e.type!==Se&&e.type!==Be&&e.type!==k
         </div>
         ${this._renderFeedback()}
       </div>
-    `}}_t.styles=[...Ye.styles,Xe,We,at],_t.dependencies={"sgds-spinner":it,"sgds-icon":bt},e([Ve({reflect:!0})],_t.prototype,"type",void 0),e([Ve({type:String})],_t.prototype,"prefix",void 0),e([Ve({type:String})],_t.prototype,"suffix",void 0),e([Ve({type:Number,reflect:!0})],_t.prototype,"minlength",void 0),e([Ve({type:Number,reflect:!0})],_t.prototype,"maxlength",void 0),e([Ve()],_t.prototype,"min",void 0),e([Ve()],_t.prototype,"max",void 0),e([Ve({type:String,reflect:!0})],_t.prototype,"placeholder",void 0),e([Ve({type:String})],_t.prototype,"pattern",void 0),e([Ve({type:Boolean,reflect:!0})],_t.prototype,"autofocus",void 0),e([Ve({type:Boolean,reflect:!0})],_t.prototype,"readonly",void 0),e([Ve()],_t.prototype,"step",void 0),e([Ve({type:String,reflect:!0})],_t.prototype,"hasFeedback",void 0),e([Ve({type:String,reflect:!0})],_t.prototype,"invalidFeedback",void 0),e([((e="value")=>(t,l)=>{const i=t.constructor,a=i.prototype.attributeChangedCallback;i.prototype.attributeChangedCallback=function(t,o,r){var c;const s=i.getPropertyOptions(e);if(t===("string"==typeof s.attribute?s.attribute:e).toLowerCase()){const t=s.converter||C,i=("function"==typeof t?t:null!==(c=null==t?void 0:t.fromAttribute)&&void 0!==c?c:C.fromAttribute)(r,s.type);this[e]!==i&&(this[l]=i)}a.call(this,t,o,r)}})()],_t.prototype,"defaultValue",void 0),e([Ve({type:Boolean,reflect:!0})],_t.prototype,"valid",void 0),e([Ve({type:Boolean,reflect:!0})],_t.prototype,"loading",void 0),e([Ve({type:Boolean,reflect:!0})],_t.prototype,"required",void 0),e([Ve({type:Boolean,reflect:!0})],_t.prototype,"noValidate",void 0),e([Ve({reflect:!0})],_t.prototype,"value",void 0),e([He()],_t.prototype,"_isTouched",void 0),e([He()],_t.prototype,"_showPassword",void 0),e([et("_isTouched",{waitUntilFirstUpdate:!0})],_t.prototype,"_handleIsTouched",null),e([et("disabled",{waitUntilFirstUpdate:!0})],_t.prototype,"_handleDisabledChange",null),Ct="sgds-input",Mt=_t,customElements.get(Ct)||customElements.define(Ct,Mt)});
+    `}}_t.styles=[...Ye.styles,Xe,We,at],_t.dependencies={"sgds-spinner":it,"sgds-icon":bt},e([Ve({reflect:!0})],_t.prototype,"type",void 0),e([Ve({type:String})],_t.prototype,"prefix",void 0),e([Ve({type:String})],_t.prototype,"suffix",void 0),e([Ve({type:Number,reflect:!0})],_t.prototype,"minlength",void 0),e([Ve({type:Number,reflect:!0})],_t.prototype,"maxlength",void 0),e([Ve()],_t.prototype,"min",void 0),e([Ve()],_t.prototype,"max",void 0),e([Ve({type:String,reflect:!0})],_t.prototype,"placeholder",void 0),e([Ve({type:String})],_t.prototype,"pattern",void 0),e([Ve({type:Boolean,reflect:!0})],_t.prototype,"autofocus",void 0),e([Ve({type:Boolean,reflect:!0})],_t.prototype,"readonly",void 0),e([Ve({type:String,reflect:!0})],_t.prototype,"autocomplete",void 0),e([Ve()],_t.prototype,"step",void 0),e([Ve({type:String,reflect:!0})],_t.prototype,"hasFeedback",void 0),e([Ve({type:String,reflect:!0})],_t.prototype,"invalidFeedback",void 0),e([((e="value")=>(t,l)=>{const i=t.constructor,a=i.prototype.attributeChangedCallback;i.prototype.attributeChangedCallback=function(t,o,r){var c;const s=i.getPropertyOptions(e);if(t===("string"==typeof s.attribute?s.attribute:e).toLowerCase()){const t=s.converter||C,i=("function"==typeof t?t:null!==(c=null==t?void 0:t.fromAttribute)&&void 0!==c?c:C.fromAttribute)(r,s.type);this[e]!==i&&(this[l]=i)}a.call(this,t,o,r)}})()],_t.prototype,"defaultValue",void 0),e([Ve({type:Boolean,reflect:!0})],_t.prototype,"valid",void 0),e([Ve({type:Boolean,reflect:!0})],_t.prototype,"loading",void 0),e([Ve({type:Boolean,reflect:!0})],_t.prototype,"required",void 0),e([Ve({type:Boolean,reflect:!0})],_t.prototype,"noValidate",void 0),e([Ve({reflect:!0})],_t.prototype,"value",void 0),e([He()],_t.prototype,"_isTouched",void 0),e([He()],_t.prototype,"_showPassword",void 0),e([et("_isTouched",{waitUntilFirstUpdate:!0})],_t.prototype,"_handleIsTouched",null),e([et("disabled",{waitUntilFirstUpdate:!0})],_t.prototype,"_handleDisabledChange",null),Ct="sgds-input",Mt=_t,customElements.get(Ct)||customElements.define(Ct,Mt)});
 //# sourceMappingURL=index.umd.min.js.map