@fluid-topics/ft-text-input 1.3.44 → 1.3.46

package/build/ftds-text-input.d.ts

@@ -11,18 +11,23 @@ export declare class FtdsTextInput extends FtdsTextInput_base implements FtdsTex
     static styles: import("lit").CSSResult[];
     type: FtdsTextInputType;
     clearable: boolean;
+    autocomplete?: string;
     private showClearPassword;
     private input?;
     constructor();
     get inputType(): FtdsTextInputType;
     onInput(): void;
-    connectedCallback(): void;
     focus(): void;
-    protected willUpdate(props: PropertyValues): void;
     get appendIcon(): FtIcons.EYE_SLASH | FtIcons.X_MARK | FtIcons.EYE | undefined;
     get appendIconLabel(): string;
     protected render(): import("lit-html").TemplateResult<1>;
     private onAppendedIconClick;
+    protected willUpdate(props: PropertyValues): void;
+    private watchAutofillInterval?;
+    private setupWatchAutofill;
+    private clearWatchAutofill;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     private updateTypeBasedAdditionalRules;
 }
 export {};

package/build/ftds-text-input.js

@@ -43,20 +43,10 @@ class FtdsTextInput extends withI18n(toFtInput(FtdsBase)) {
         this.value = ((_a = this.input) === null || _a === void 0 ? void 0 : _a.value) || "";
         super.onInput();
     }
-    connectedCallback() {
-        this.updateTypeBasedAdditionalRules(this.type);
-        super.connectedCallback();
-    }
     focus() {
         var _a;
         (_a = this.input) === null || _a === void 0 ? void 0 : _a.focus();
     }
-    willUpdate(props) {
-        super.willUpdate(props);
-        if (props.has("type")) {
-            this.updateTypeBasedAdditionalRules(this.type);
-        }
-    }
     get appendIcon() {
         if (this.disabled) {
             return undefined;
@@ -108,6 +98,7 @@ class FtdsTextInput extends withI18n(toFtInput(FtdsBase)) {
                        name="${this.name}"
                        .value=${this.value}
                        .type=${this.inputType}
+                       autocomplete="${ifDefined(this.autocomplete)}"
                        ?disabled=${this.disabled}
                        @input=${this.onInput}
                        @focus=${this.onFocus}
@@ -129,6 +120,38 @@ class FtdsTextInput extends withI18n(toFtInput(FtdsBase)) {
             this.dispatchEvent(new ClearEvent());
         }
     }
+    willUpdate(props) {
+        super.willUpdate(props);
+        if (props.has("type")) {
+            this.updateTypeBasedAdditionalRules(this.type);
+        }
+    }
+    setupWatchAutofill() {
+        var _a;
+        this.clearWatchAutofill();
+        if (((_a = this.autocomplete) !== null && _a !== void 0 ? _a : "off") !== "off") {
+            this.watchAutofillInterval = setInterval(() => {
+                var _a, _b;
+                if (((_a = this.input) === null || _a === void 0 ? void 0 : _a.matches(":autofill")) && this.value !== ((_b = this.input) === null || _b === void 0 ? void 0 : _b.value)) {
+                    this.onInput();
+                }
+            }, 200);
+        }
+    }
+    clearWatchAutofill() {
+        if (this.watchAutofillInterval) {
+            clearInterval(this.watchAutofillInterval);
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setupWatchAutofill();
+        this.updateTypeBasedAdditionalRules(this.type);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.clearWatchAutofill();
+    }
     updateTypeBasedAdditionalRules(type) {
         this.additionalErrorRules = (() => {
             switch (type) {
@@ -162,6 +185,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], FtdsTextInput.prototype, "clearable", void 0);
+__decorate([
+    property()
+], FtdsTextInput.prototype, "autocomplete", void 0);
 __decorate([
     state()
 ], FtdsTextInput.prototype, "showClearPassword", void 0);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-text-input",
-    "version": "1.3.44",
+    "version": "1.3.46",
     "description": "Text Input",
     "keywords": [
         "Lit"
@@ -19,17 +19,17 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-base-input": "1.3.44",
-        "@fluid-topics/ft-i18n": "1.3.44",
-        "@fluid-topics/ft-icon": "1.3.44",
-        "@fluid-topics/ft-input-helper-text": "1.3.44",
-        "@fluid-topics/ft-input-label": "1.3.44",
-        "@fluid-topics/ft-tooltip": "1.3.44",
-        "@fluid-topics/ft-wc-utils": "1.3.44",
+        "@fluid-topics/ft-base-input": "1.3.46",
+        "@fluid-topics/ft-i18n": "1.3.46",
+        "@fluid-topics/ft-icon": "1.3.46",
+        "@fluid-topics/ft-input-helper-text": "1.3.46",
+        "@fluid-topics/ft-input-label": "1.3.46",
+        "@fluid-topics/ft-tooltip": "1.3.46",
+        "@fluid-topics/ft-wc-utils": "1.3.46",
         "lit": "3.1.0"
     },
     "devDependencies": {
-        "@fluid-topics/ft-wc-test-utils": "1.3.44"
+        "@fluid-topics/ft-wc-test-utils": "1.3.46"
     },
-    "gitHead": "a65783a64db6d2d22420bbcb424cf5d51e0483c6"
+    "gitHead": "d6cf25d6ed0dead8c7aff4f94a493c35d12f1392"
 }