fix: Close dialog

herberthobregon · herberthobregon · commit 6ab4eb647bad · 2025-03-03T22:13:21.000-06:00
diff --git a/packages/ct-input/src/ct-input-phone.ts b/packages/ct-input/src/ct-input-phone.ts
@@ -1,6 +1,6 @@
 import "./ct-input-container.js";
 
-import { CtLit, customElement, query } from "@conectate/ct-lit";
+import { CtLit, customElement, property, query } from "@conectate/ct-lit";
 import { css, html } from "lit";
 
 /**
@@ -14,6 +14,7 @@ export class CtInputPhone extends CtLit {
 	label: string = "";
 	errorMessage: string = "";
 	required: boolean = false;
+	@property({ type: String }) autocomplete: AutoFill = "off";
 	@query("#cd") $cd!: HTMLInputElement;
 	@query("#phone") $phone!: HTMLInputElement;
 
@@ -81,6 +82,7 @@ export class CtInputPhone extends CtLit {
 						size="1"
 						placeholder="XXX"
 						type="tel"
+						autocomplete=${this.autocomplete as "on" | "off"}
 						onkeypress="return event.charCode >= 48 &amp;&amp; event.charCode <= 57"
 					/>
 					<span class="sep">)</span>
@@ -93,6 +95,7 @@ export class CtInputPhone extends CtLit {
 						pattern="[0-9]{5,}"
 						placeholder="#### ####"
 						type="tel"
+						autocomplete=${this.autocomplete as "on" | "off"}
 						onkeypress="return (event.charCode >= 48 &amp;&amp; event.charCode <= 57) || event.charCode == 45 || event.charCode == 32"
 					/>
 				</span>
diff --git a/packages/ct-input/src/ct-input.ts b/packages/ct-input/src/ct-input.ts
@@ -397,25 +397,25 @@ export class CtInput extends CtLit {
 							<input
 								id="input"
 								class=${classMap({ "has-value": !this.isEmpty, error: this.invalid && this.errorMessage })}
-								@focus="${this._onFocus}"
-								@blur="${this._onBlur}"
-								@input="${this._onInput}"
-								.type="${this.type}"
-								.placeholder="${this.placeholder || this.rawPlaceholder}"
-								.size="${this.size}"
-								?autofocus="${this.autofocus}"
-								?readonly="${this.readonly}"
-								?multiple="${this.multiple}"
-								autocomplete="${this.autocomplete as any}"
-								inputmode="${ifDefined(this.inputmode)}"
-								minlength="${ifDefined(this.minlength)}"
-								maxlength="${ifDefined(this.maxlength)}"
-								min="${ifDefined(this.min)}"
-								max="${ifDefined(this.max)}"
-								step="${ifDefined(this.step)}"
-								name="${ifDefined(this.name)}"
-								autocapitalize="${ifDefined(this.autocapitalize)}"
-								accept="${ifDefined(this.accept)}"
+								@focus=${this._onFocus}
+								@blur=${this._onBlur}
+								@input=${this._onInput}
+								.type=${this.type}
+								.placeholder=${this.placeholder || this.rawPlaceholder}
+								.size=${this.size}
+								?autofocus=${this.autofocus}
+								?readonly=${this.readonly}
+								?multiple=${this.multiple}
+								autocomplete=${this.autocomplete as any}
+								inputmode=${ifDefined(this.inputmode)}
+								minlength=${ifDefined(this.minlength)}
+								maxlength=${ifDefined(this.maxlength)}
+								min=${ifDefined(this.min)}
+								max=${ifDefined(this.max)}
+								step=${ifDefined(this.step)}
+								name=${ifDefined(this.name)}
+								autocapitalize=${ifDefined(this.autocapitalize)}
+								accept=${ifDefined(this.accept)}
 							/>
 						</div>
 						<slot name="suffix"></slot>
@@ -445,7 +445,7 @@ export class CtInput extends CtLit {
 	}
 
 	set value(val: string | number | undefined | null) {
-		val ||= "";
+		val ??= "";
 		val = val.toString();
 		this.initValue = val;
 		if (this.$input && this.$input.value != val && val.length - 1 < this.maxlength) {
diff --git a/packages/ct-select/src/ct-select-dialog.ts b/packages/ct-select/src/ct-select-dialog.ts
@@ -351,8 +351,8 @@ export class CtSelectDialog extends CtLit {
 
 	async onClickItem(e: any, value: any) {
 		if (!this.multi) {
+			await this.dialog.close();
 			this.solve(value);
-			await this.dialog.closeDialog();
 		} else {
 			let selected = Boolean(e.target.selected); //e.target.classList.contains('selected');
 			// e.target.classList.toggle('selected', !selected);
@@ -369,12 +369,12 @@ export class CtSelectDialog extends CtLit {
 	}
 
 	async okbtn() {
-		await this.dialog.closeDialog();
+		await this.dialog.close();
 		this.solve(this.multiValue);
 	}
 
 	async cancelbtn() {
-		await this.dialog.closeDialog();
+		await this.dialog.close();
 		this.solve(undefined);
 	}
 
