structra-ui 0.2.56 → 0.2.57

package/fesm2022/structra-ui.mjs

@@ -2681,6 +2681,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             type: Directive
         }] });
 
+/**
+ * Após o botão limpar do `base-field`, repõe foco no controlo nativo (input/textarea/etc.).
+ * **Não** usar em comboboxes dropdown (`select-field`, `multiselect`, `dropdown-search`).
+ */
+function scheduleRefocusNativeAfterClear(nativeRef) {
+    queueMicrotask(() => {
+        const el = nativeRef?.nativeElement;
+        if (el && typeof el.focus === 'function') {
+            el.focus({ preventScroll: true });
+        }
+    });
+}
+
 class TextFieldComponent extends NgControlFieldDirective {
     constructor() {
         super(...arguments);
@@ -2745,6 +2758,7 @@ class TextFieldComponent extends NgControlFieldDirective {
         else {
             this.cdr.markForCheck();
         }
+        scheduleRefocusNativeAfterClear(this.nativeInputRef);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TextFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.9", type: TextFieldComponent, isStandalone: true, selector: "app-text-field", inputs: { maxLength: ["maxLength", "maxLength", numberAttribute] }, providers: [
@@ -2864,6 +2878,7 @@ class PasswordFieldComponent extends NgControlFieldDirective {
         else {
             this.cdr.markForCheck();
         }
+        scheduleRefocusNativeAfterClear(this.nativeInputRef);
     }
     togglePasswordVisible(ev) {
         ev.preventDefault();
@@ -3004,6 +3019,7 @@ class TextareaFieldComponent extends NgControlFieldDirective {
         else {
             this.cdr.markForCheck();
         }
+        scheduleRefocusNativeAfterClear(this.nativeInputRef);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TextareaFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.9", type: TextareaFieldComponent, isStandalone: true, selector: "app-textarea-field", inputs: { maxLength: ["maxLength", "maxLength", numberAttribute], rows: ["rows", "rows", numberAttribute], maxResizeRows: ["maxResizeRows", "maxResizeRows", numberAttribute] }, host: { properties: { "class.textarea-field--invalid": "this.hostInvalidClass" } }, providers: [
@@ -3222,6 +3238,7 @@ class IntegerFieldComponent extends NgControlFieldDirective {
         else {
             this.cdr.markForCheck();
         }
+        scheduleRefocusNativeAfterClear(this.nativeInputRef);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: IntegerFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.9", type: IntegerFieldComponent, isStandalone: true, selector: "app-integer-field", inputs: { max: ["max", "max", numberAttribute] }, providers: [
@@ -3540,6 +3557,7 @@ class DecimalFieldComponent extends NgControlFieldDirective {
         else {
             this.cdr.markForCheck();
         }
+        scheduleRefocusNativeAfterClear(this.nativeInputRef);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DecimalFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.9", type: DecimalFieldComponent, isStandalone: true, selector: "app-decimal-field", inputs: { max: ["max", "max", numberAttribute] }, providers: [
@@ -3748,6 +3766,7 @@ class DateFieldComponent extends NgControlFieldDirective {
         else {
             this.cdr.markForCheck();
         }
+        scheduleRefocusNativeAfterClear(this.nativeInputRef);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DateFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.9", type: DateFieldComponent, isStandalone: true, selector: "app-date-field", inputs: { showTimeHours: ["showTimeHours", "showTimeHours", booleanAttribute], minDate: "minDate", maxDate: "maxDate" }, providers: [
@@ -3954,6 +3973,7 @@ class MaskedTextFieldBase extends NgControlFieldDirective {
         else {
             this.cdr.markForCheck();
         }
+        scheduleRefocusNativeAfterClear(this.nativeInputRef);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MaskedTextFieldBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: MaskedTextFieldBase, isStandalone: true, inputs: { maskPattern: "maskPattern" }, viewQueries: [{ propertyName: "nativeInputRef", first: true, predicate: ["nativeInput"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0 }); }