From 88ea3efe18c0a8aafead63de0e633f58829cc32e Mon Sep 17 00:00:00 2001
From: emyarod <afw5059@gmail.com>
Date: Mon, 21 Feb 2022 10:18:38 -0600
Subject: [PATCH] refactor(input): restore var declaration location

---
 src/components/input/input.ts | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/input/input.ts b/src/components/input/input.ts
index 5b1146f8c..f48aeb332 100644
--- a/src/components/input/input.ts
+++ b/src/components/input/input.ts
@@ -231,6 +231,14 @@ export default class BXInput extends ValidityMixin(FormMixin(LitElement)) {
   render() {
     const invalidIcon = WarningFilled16({ class: `${prefix}--text-input__invalid-icon` });
 
+    const inputClasses = classMap({
+      [`${prefix}--text-input`]: true,
+      [`${prefix}--text-input--${this.colorScheme}`]: this.colorScheme,
+      [`${prefix}--text-input--invalid`]: this.invalid,
+      [`${prefix}--text-input--${this.size}`]: this.size,
+      [`${prefix}--password-input`]: this.type === INPUT_TYPE.PASSWORD,
+    });
+
     const labelClasses = classMap({
       [`${prefix}--label`]: true,
       [`${prefix}--label--disabled`]: this.disabled,
@@ -270,14 +278,6 @@ export default class BXInput extends ValidityMixin(FormMixin(LitElement)) {
       ${!this.disabled && passwordButtonLabel} ${passwordVisibilityIcon}
     </button>`;
 
-    const inputClasses = classMap({
-      [`${prefix}--text-input`]: true,
-      [`${prefix}--text-input--${this.colorScheme}`]: this.colorScheme,
-      [`${prefix}--text-input--invalid`]: this.invalid,
-      [`${prefix}--text-input--${this.size}`]: this.size,
-      [`${prefix}--password-input`]: this.type === INPUT_TYPE.PASSWORD,
-    });
-
     return html`
       <label class="${labelClasses}" for="input">
         <slot name="label-text"> ${this.labelText} </slot>
@@ -285,7 +285,7 @@ export default class BXInput extends ValidityMixin(FormMixin(LitElement)) {
       <div class="${prefix}--text-input__field-wrapper" ?data-invalid="${this.invalid}">
         ${this.invalid ? invalidIcon : null}
         <input
-          autocomplete="${this.autocomplete}"
+          ?autocomplete="${this.autocomplete}"
           ?autofocus="${this.autofocus}"
           class="${inputClasses}"
           ?data-invalid="${this.invalid}"