@sumaris-net/ngx-components 18.26.13 → 18.27.0-alpha1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "18.26.13",
+  "version": "18.27.0-alpha1",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/public_api.d.ts

@@ -127,6 +127,7 @@ export * from './src/app/shared/types';
 export * from './src/app/shared/dates';
 export * from './src/app/shared/functions';
 export * from './src/app/shared/focusable';
+export * from './src/app/shared/field-accessor';
 export * from './src/app/shared/regexps';
 export * from './src/app/shared/services';
 export * from './src/app/shared/forms';

package/src/app/core/core.module.d.ts

@@ -7,23 +7,23 @@ import * as i4 from "@ionic/storage-angular";
 import * as i5 from "./graphql/graphql.module";
 import * as i6 from "./menu/menu.module";
 import * as i7 from "./icon/icon.module";
-import * as i8 from "./account/account.module";
-import * as i9 from "./register/register.module";
-import * as i10 from "./auth/auth.module";
-import * as i11 from "./home/home.module";
-import * as i12 from "./about/about.module";
-import * as i13 from "./settings/settings.module";
-import * as i14 from "./peer/select-peer.module";
-import * as i15 from "./form/form.module";
-import * as i16 from "./table/table.module";
-import * as i17 from "./install/install-upgrade-card.module";
-import * as i18 from "./offline/update-offline-mode-card.module";
-import * as i19 from "./services/pipes/pipes.module";
-import * as i20 from "./account/password/change-password.module";
-import * as i21 from "./icon/icon-selector.module";
+import * as i8 from "./icon/icon-selector.module";
+import * as i9 from "./account/account.module";
+import * as i10 from "./register/register.module";
+import * as i11 from "./auth/auth.module";
+import * as i12 from "./home/home.module";
+import * as i13 from "./about/about.module";
+import * as i14 from "./settings/settings.module";
+import * as i15 from "./peer/select-peer.module";
+import * as i16 from "./form/form.module";
+import * as i17 from "./table/table.module";
+import * as i18 from "./install/install-upgrade-card.module";
+import * as i19 from "./offline/update-offline-mode-card.module";
+import * as i20 from "./services/pipes/pipes.module";
+import * as i21 from "./account/password/change-password.module";
 export declare class CoreModule {
     static forRoot(): ModuleWithProviders<CoreModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoreModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreModule, never, [typeof i1.SharedModule, typeof i2.RouterModule, typeof i3.CacheModule, typeof i4.IonicStorageModule, typeof i5.AppGraphQLModule, typeof i6.AppMenuModule, typeof i7.AppIconModule, typeof i8.AppAccountModule, typeof i9.AppRegisterModule, typeof i10.AppAuthModule, typeof i11.AppHomePageModule, typeof i12.AppAboutModalModule, typeof i13.AppSettingsPageModule, typeof i14.AppSelectPeerModule, typeof i15.AppFormModule, typeof i16.AppTableModule, typeof i17.AppInstallUpgradeCardModule, typeof i18.AppUpdateOfflineModeCardModule, typeof i19.CorePipesModule], [typeof i1.SharedModule, typeof i2.RouterModule, typeof i5.AppGraphQLModule, typeof i6.AppMenuModule, typeof i9.AppRegisterModule, typeof i20.AppChangePasswordModule, typeof i10.AppAuthModule, typeof i11.AppHomePageModule, typeof i12.AppAboutModalModule, typeof i13.AppSettingsPageModule, typeof i7.AppIconModule, typeof i21.AppIconSelectorModule, typeof i14.AppSelectPeerModule, typeof i15.AppFormModule, typeof i16.AppTableModule, typeof i17.AppInstallUpgradeCardModule, typeof i18.AppUpdateOfflineModeCardModule, typeof i19.CorePipesModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreModule, never, [typeof i1.SharedModule, typeof i2.RouterModule, typeof i3.CacheModule, typeof i4.IonicStorageModule, typeof i5.AppGraphQLModule, typeof i6.AppMenuModule, typeof i7.AppIconModule, typeof i8.AppIconSelectorModule, typeof i9.AppAccountModule, typeof i10.AppRegisterModule, typeof i11.AppAuthModule, typeof i12.AppHomePageModule, typeof i13.AppAboutModalModule, typeof i14.AppSettingsPageModule, typeof i15.AppSelectPeerModule, typeof i16.AppFormModule, typeof i17.AppTableModule, typeof i18.AppInstallUpgradeCardModule, typeof i19.AppUpdateOfflineModeCardModule, typeof i20.CorePipesModule], [typeof i1.SharedModule, typeof i2.RouterModule, typeof i5.AppGraphQLModule, typeof i6.AppMenuModule, typeof i10.AppRegisterModule, typeof i21.AppChangePasswordModule, typeof i11.AppAuthModule, typeof i12.AppHomePageModule, typeof i13.AppAboutModalModule, typeof i14.AppSettingsPageModule, typeof i7.AppIconModule, typeof i8.AppIconSelectorModule, typeof i15.AppSelectPeerModule, typeof i16.AppFormModule, typeof i17.AppTableModule, typeof i18.AppInstallUpgradeCardModule, typeof i19.AppUpdateOfflineModeCardModule, typeof i20.CorePipesModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CoreModule>;
 }

package/src/app/core/form/form.utils.d.ts

@@ -289,6 +289,12 @@ export declare class AppFormUtils {
      * @return {void} Does not return a value.
      */
     static setFormErrors: typeof setFormErrors;
+    /**
+     * Retrieves the name of the control.
+     *
+     * @param {AbstractControl} control - A form control, form group, or form array
+     */
+    static getControlName: typeof getControlName;
 }
 export declare function isControlHasInput(controls: {
     [key: string]: AbstractControl;
@@ -299,3 +305,4 @@ export declare function setCalculatedValue(controls: {
 export declare function resetCalculatedValue(controls: {
     [key: string]: AbstractControl;
 }, controlName: string): void;
+export declare function getControlName(control: AbstractControl): string | undefined;

package/src/app/shared/field-accessor.d.ts

@@ -0,0 +1,51 @@
+import { InjectionToken } from '@angular/core';
+import { FocusOrigin } from '@angular/cdk/a11y';
+/**
+ * Generic interface for programmatic access to a form field.
+ *
+ * Implemented by form field components (autocomplete, date, duration, boolean, etc.)
+ * to allow external code to focus, write values, or type text without knowing
+ * the concrete component type.
+ *
+ * Use cases: barcode scanner navigation, voice dictation, keyboard shortcuts,
+ * test automation — any scenario that needs programmatic field interaction.
+ */
+export interface ControlFieldAccessor {
+    /** Set focus on this field */
+    focus(options?: FocusOptions, origin?: FocusOrigin): void;
+    /** Write a value to the field (equivalent to ControlValueAccessor.writeValue) */
+    writeValue(value: any): void;
+    clearValue(): void;
+    readonly focused: boolean;
+    /** The formControl name, if this field is part of a reactive form */
+    readonly controlName?: string;
+}
+/**
+ * Extended interface for fields that accept typed text input
+ * (autocomplete search text, text inputs, textareas).
+ *
+ * Unlike writeValue() which sets the final value, typeText() simulates
+ * the user typing characters — useful for autocomplete filtering where
+ * the search text is not the final value.
+ */
+export interface TextControlFieldAccessor extends ControlFieldAccessor {
+    /**
+     * Type text into the input field (e.g. autocomplete search text).
+     * Appends to existing text or replaces it, depending on the component.
+     */
+    typeText(text: string): void;
+}
+/**
+ * Injection token for IInputFieldAccessor.
+ *
+ * Components that implement IInputFieldAccessor should provide themselves:
+ * ```typescript
+ * @Component({
+ *   providers: [{ provide: INPUT_FIELD_ACCESSOR, useExisting: MyFieldComponent }]
+ * })
+ * ```
+ *
+ * Consumers (e.g. barcode navigation directives) inject this token with @Host()
+ * to access the field handler of the component they're placed on.
+ */
+export declare const INPUT_FIELD_ACCESSOR: InjectionToken<ControlFieldAccessor>;

package/src/app/shared/focusable.d.ts

@@ -1,4 +1,6 @@
+import { FocusOrigin } from '@angular/cdk/a11y';
 export interface FocusableElement {
-    focus(): any;
+    /** Set focus on this field */
+    focus(options?: FocusOptions, origin?: FocusOrigin): void;
 }
 export declare function isFocusableElement(object: any): object is FocusableElement;

package/src/app/shared/inputs.d.ts

@@ -1,12 +1,14 @@
 import { ElementRef, QueryList } from '@angular/core';
 import { FocusableElement } from './focusable';
+import { FocusOrigin } from '@angular/cdk/a11y';
 export declare function selectInputContentFromEvent(event: Event): boolean;
 export declare function selectInputContent(input: HTMLInputElement | HTMLTextAreaElement | any): boolean;
 export declare function selectInputRange(input: HTMLInputElement | HTMLTextAreaElement, startIndex: number, endIndex?: number, direction?: 'backward' | 'forward' | 'none'): boolean;
 export declare function getCaretPosition(input: any): number;
+export declare function setCaretPosition(input: any, position: number): boolean;
 export declare function moveInputCaretToSeparator(event: KeyboardEvent, separator: string, forward?: boolean): boolean;
 export declare function filterNumberInput(event: KeyboardEvent, allowDecimals: boolean, decimalSeparator?: string): void;
-export declare function focusInput<T = any>(element: ElementRef<T>): void;
+export declare function focusInput<T = any>(element: ElementRef<T>, options?: FocusOptions, origin?: FocusOrigin): void;
 export declare function setTabIndex<T = any>(element: ElementRef<T>, tabIndex: number): void;
 export interface InputElement extends FocusableElement {
     tabindex?: number;

package/src/app/shared/material/autocomplete/material.autocomplete.d.ts

@@ -3,12 +3,14 @@ import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@a
 import { BehaviorSubject, Observable } from 'rxjs';
 import { SuggestFn } from '../../services/entity-service.class';
 import { InputElement } from '../../inputs';
+import { TextControlFieldAccessor } from '../../field-accessor';
 import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
-import { MatSelect, MatSelectChange } from '@angular/material/select';
+import { MatOption, MatSelect, MatSelectChange } from '@angular/material/select';
 import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { IonSearchbar, ModalController } from '@ionic/angular';
 import { MatAutocompleteFieldConfig } from './material.autocomplete.config';
 import { AppFloatLabelType, DisplayFn, EqualsFn } from '../../types';
+import { FocusOrigin } from '@angular/cdk/a11y';
 import * as i0 from "@angular/core";
 export interface MatAutocompleteFieldSelectChange {
     source: MatSelect | MatAutocomplete;
@@ -18,7 +20,7 @@ export interface MatAutocompleteFieldToggleFavorite {
     source: MatSelect | MatAutocomplete;
     value: any;
 }
-export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDestroy, InputElement, ControlValueAccessor {
+export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDestroy, InputElement, TextControlFieldAccessor, ControlValueAccessor {
     protected injector: Injector;
     protected el: ElementRef<HTMLElement>;
     protected cd: ChangeDetectorRef;
@@ -43,12 +45,14 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     protected _$filteredItems: BehaviorSubject<any[]>;
     protected _selectedItem: any;
     protected _displayValue: string;
+    protected _hiddenSearchText: string;
     protected _moreItemsCount: number;
     protected _fetchMore$: EventEmitter<Event>;
     protected _defaultPanelWidth: string;
     protected _focused: boolean;
     protected _panelClosedAtTime: number;
     protected get searchText(): string | undefined;
+    protected showTooltip: boolean;
     equals: EqualsFn;
     logPrefix: string;
     formControl: UntypedFormControl;
@@ -110,7 +114,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     get classList(): string;
     clicked: EventEmitter<MouseEvent>;
     blurred: EventEmitter<FocusEvent>;
-    focused: EventEmitter<FocusEvent>;
+    focusedChanges: EventEmitter<FocusEvent>;
     dropButtonClick: EventEmitter<Event>;
     keydownEscape: EventEmitter<Event>;
     keydownBackspace: EventEmitter<Event>;
@@ -131,7 +135,8 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     autocompleteTrigger: MatAutocompleteTrigger;
     panelHeaderTemplate?: TemplateRef<any>;
     panelFooterTemplate?: TemplateRef<any>;
-    showTooltip: boolean;
+    get focused(): boolean;
+    get controlName(): string;
     constructor(injector: Injector, el: ElementRef<HTMLElement>, cd: ChangeDetectorRef, modalController: ModalController, renderer: Renderer2, formGroupDir: FormGroupDirective);
     get itemCount(): number;
     get canFetchMore(): boolean;
@@ -158,7 +163,9 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    focus(): void;
+    focus(options?: FocusOptions, origin?: FocusOrigin): void;
+    /** ITextInputFieldAccessor: type text into the search input and trigger suggest */
+    typeText(text: string): void;
     filterInputTextFocusEvent(event: FocusEvent): boolean;
     protected filterInputTextBlurEvent(event: FocusEvent): void;
     protected emitEnter(event: Event | KeyboardEvent): void;
@@ -176,8 +183,9 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     closePanel(): void;
     protected markAsLoading(): void;
     protected onSelectionChange(event: MatSelectChange): void;
+    onMatSelectOpenedChange(opened: boolean): void;
     protected onOptionSelected(event: MatAutocompleteSelectedEvent): void;
-    protected toggleShowPanel(event: Event): void;
+    protected toggleShowPanel(event?: Event): void;
     private suggest;
     private fetchMore;
     private updateImplicitValue;
@@ -199,8 +207,13 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     private setInputTextValue;
     protected onBackspace(event: Event): void;
     protected toggleFavoriteClick(event: UIEvent, value: any): void;
+    protected hasValidValue(): boolean;
+    protected clearSearchbar(): void;
+    protected selectFirstOptionByText(text: string): Promise<void>;
+    protected scrollToOption(option: MatOption, opts?: ScrollIntoViewOptions): Promise<void>;
+    private _matSelectSearchChanged;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hideRequiredMarker": { "alias": "hideRequiredMarker"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "showPanelHeader": { "alias": "showPanelHeader"; "required": false; }; "showPanelFooter": { "alias": "showPanelFooter"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displaySeparator": { "alias": "displaySeparator"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "reloadItemsOnFocus": { "alias": "reloadItemsOnFocus"; "required": false; }; "clearInvalidValueOnBlur": { "alias": "clearInvalidValueOnBlur"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "trimSearchText": { "alias": "trimSearchText"; "required": false; }; "splitSearchText": { "alias": "splitSearchText"; "required": false; }; "selectInputContentOnFocus": { "alias": "selectInputContentOnFocus"; "required": false; }; "selectInputContentOnFocusDelay": { "alias": "selectInputContentOnFocusDelay"; "required": false; }; "previewImplicitValue": { "alias": "previewImplicitValue"; "required": false; }; "showFavorites": { "alias": "showFavorites"; "required": false; }; "toggleFavoriteTitle": { "alias": "toggleFavoriteTitle"; "required": false; }; "favoriteItems": { "alias": "favoriteItems"; "required": false; }; "colSizes": { "alias": "colSizes"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keydownBackspace": "keydown.backspace"; "keyupEnter": "keyup.enter"; "arrowUp": "arrowUp"; "arrowDown": "arrowDown"; "enter": "enter"; "selectionChange": "selectionChange"; "openedChange": "openedChange"; "toggleFavorite": "toggleFavorite"; }, ["panelHeaderTemplate", "panelFooterTemplate"], ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hideRequiredMarker": { "alias": "hideRequiredMarker"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "showPanelHeader": { "alias": "showPanelHeader"; "required": false; }; "showPanelFooter": { "alias": "showPanelFooter"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displaySeparator": { "alias": "displaySeparator"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "reloadItemsOnFocus": { "alias": "reloadItemsOnFocus"; "required": false; }; "clearInvalidValueOnBlur": { "alias": "clearInvalidValueOnBlur"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "trimSearchText": { "alias": "trimSearchText"; "required": false; }; "splitSearchText": { "alias": "splitSearchText"; "required": false; }; "selectInputContentOnFocus": { "alias": "selectInputContentOnFocus"; "required": false; }; "selectInputContentOnFocusDelay": { "alias": "selectInputContentOnFocusDelay"; "required": false; }; "previewImplicitValue": { "alias": "previewImplicitValue"; "required": false; }; "showFavorites": { "alias": "showFavorites"; "required": false; }; "toggleFavoriteTitle": { "alias": "toggleFavoriteTitle"; "required": false; }; "favoriteItems": { "alias": "favoriteItems"; "required": false; }; "colSizes": { "alias": "colSizes"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focusedChanges": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keydownBackspace": "keydown.backspace"; "keyupEnter": "keyup.enter"; "arrowUp": "arrowUp"; "arrowDown": "arrowDown"; "enter": "enter"; "selectionChange": "selectionChange"; "openedChange": "openedChange"; "toggleFavorite": "toggleFavorite"; }, ["panelHeaderTemplate", "panelFooterTemplate"], ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_hideRequiredMarker: unknown;
     static ngAcceptInputType_mobile: unknown;

package/src/app/shared/material/boolean/material.boolean.d.ts

@@ -4,9 +4,11 @@ import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@a
 import { MatRadioButton, MatRadioChange } from '@angular/material/radio';
 import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
 import { InputElement } from '../../inputs';
+import { ControlFieldAccessor } from '../../field-accessor';
 import { AppFloatLabelType } from '../../types';
+import { FocusOrigin } from '@angular/cdk/a11y';
 import * as i0 from "@angular/core";
-export declare class MatBooleanField implements OnInit, ControlValueAccessor, InputElement, OnDestroy {
+export declare class MatBooleanField implements OnInit, ControlValueAccessor, InputElement, ControlFieldAccessor, OnDestroy {
     private cd;
     private formGroupDir;
     private _onChangeCallback;
@@ -21,6 +23,8 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     yesRadioButton: MatRadioButton;
     noRadioButton: MatRadioButton;
     checkboxButton: MatCheckbox;
+    yesButtonRef: ElementRef;
+    noButtonRef: ElementRef;
     disabled: boolean;
     formControl: UntypedFormControl;
     formControlName: string;
@@ -49,9 +53,11 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     set value(v: any);
     get value(): any;
     keyupEnter: EventEmitter<any>;
-    focused: EventEmitter<FocusEvent>;
+    focusedChanges: EventEmitter<FocusEvent>;
     blurred: EventEmitter<FocusEvent>;
     showTooltip: boolean;
+    get focused(): boolean;
+    get controlName(): string;
     constructor(cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -59,14 +65,15 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
+    focus(opts?: FocusOptions, origin?: FocusOrigin): void;
     protected onFocusFakeInput(event: FocusEvent): void;
     protected onBlurInput(event: FocusEvent): void;
-    focus(): void;
     protected onRadioValueChanged(event: MatRadioChange): void;
     protected onCheckboxValueChanged(event: MatCheckboxChange): void;
     toggleValue(event?: Event): void;
     private emitChange;
     private _checkIfTouched;
+    private _markAsBlurred;
     /**
      * Show/Hide the fake input
      */
@@ -79,8 +86,9 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     clearValue(event?: Event): void;
     protected get radioButtonElements(): HTMLElement[];
     protected get inputsElements(): HTMLElement[];
+    protected get buttonsElements(): HTMLElement[];
     static ɵfac: i0.ɵɵFactoryDeclaration<MatBooleanField, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatBooleanField, "mat-boolean-field", never, { "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "style": { "alias": "style"; "required": false; }; "buttonsColCount": { "alias": "buttonsColCount"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "yesLabel": { "alias": "yesLabel"; "required": false; }; "noLabel": { "alias": "noLabel"; "required": false; }; "showButtonIcons": { "alias": "showButtonIcons"; "required": false; }; "yesIcon": { "alias": "yesIcon"; "required": false; }; "noIcon": { "alias": "noIcon"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "showRadio": { "alias": "showRadio"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "keyupEnter": "keyup.enter"; "focused": "focus"; "blurred": "blur"; }, never, ["[matPrefix]", "[matSuffix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatBooleanField, "mat-boolean-field", never, { "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "style": { "alias": "style"; "required": false; }; "buttonsColCount": { "alias": "buttonsColCount"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "yesLabel": { "alias": "yesLabel"; "required": false; }; "noLabel": { "alias": "noLabel"; "required": false; }; "showButtonIcons": { "alias": "showButtonIcons"; "required": false; }; "yesIcon": { "alias": "yesIcon"; "required": false; }; "noIcon": { "alias": "noIcon"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "showRadio": { "alias": "showRadio"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "keyupEnter": "keyup.enter"; "focusedChanges": "focus"; "blurred": "blur"; }, never, ["[matPrefix]", "[matSuffix]"], false, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_readonly: unknown;
     static ngAcceptInputType_required: unknown;

package/src/app/shared/material/datetime/material.date.d.ts

@@ -5,11 +5,12 @@ import { Moment } from 'moment';
 import { InputElement } from '../../inputs';
 import { MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } from '@angular/material/form-field';
 import { DateFilterFn, MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
+import { ControlFieldAccessor, TextControlFieldAccessor } from '../../field-accessor';
 import { MomentDateAdapter } from '@angular/material-moment-adapter';
 import { MaskitoOptions } from '@maskito/core';
 import { AppFloatLabelType } from '../../types';
 import * as i0 from "@angular/core";
-export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, InputElement {
+export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, InputElement, ControlFieldAccessor, TextControlFieldAccessor {
     private dateAdapter;
     private translate;
     private formBuilder;
@@ -53,6 +54,8 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     get tabindex(): number;
     get value(): any;
     get disabled(): boolean;
+    get focused(): boolean;
+    get controlName(): string;
     datePicker: MatDatepicker<Moment>;
     _matInput: ElementRef;
     constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, defaultOptions?: MatFormFieldDefaultOptions);
@@ -65,7 +68,8 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     setDisabledState(isDisabled: boolean): void;
     openDatePicker(event?: Event): void;
     focus(): void;
-    clear(event: Event): void;
+    typeText(text: string): void;
+    clearValue(event?: Event): void;
     protected _onDatePickerChange(event: MatDatepickerInputEvent<Moment>): void;
     protected _openDatePickerIfMobile(event: Event): void;
     protected _onBlur(): void;

package/src/app/shared/material/datetime/material.datetime.d.ts

@@ -4,6 +4,7 @@ import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFo
 import { TranslateService } from '@ngx-translate/core';
 import { Moment } from 'moment';
 import { InputElement } from '../../inputs';
+import { ControlFieldAccessor, TextControlFieldAccessor } from '../../field-accessor';
 import { DateFilterFn, MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
 import { MomentDateAdapter } from '@angular/material-moment-adapter';
 import { MaskitoOptions } from '@maskito/core';
@@ -13,7 +14,7 @@ declare interface NgxTimePicker {
     open(): any;
     close(): any;
 }
-export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, InputElement {
+export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, InputElement, ControlFieldAccessor, TextControlFieldAccessor {
     private dateAdapter;
     private translate;
     private formBuilder;
@@ -80,10 +81,12 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     get tabindex(): number;
     get value(): any;
     get disabled(): boolean;
+    get focused(): boolean;
+    get controlName(): string;
     datePicker: MatDatepicker<Moment>;
     timePicker: NgxTimePicker;
     _matInputs: QueryList<ElementRef>;
-    focused: EventEmitter<FocusEvent>;
+    focusedChanges: EventEmitter<FocusEvent>;
     blurred: EventEmitter<FocusEvent>;
     keydownEscape: EventEmitter<Event>;
     keyupEnter: EventEmitter<Event>;
@@ -99,7 +102,8 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     openTimePicker(event?: Event, timePicker?: NgxTimePicker): void;
     private fixTimePickerPosition;
     focus(): void;
-    clear(event?: Event): void;
+    typeText(text: string): void;
+    clearValue(event?: Event): void;
     protected _setFormControlName(controlName: string): void;
     protected _setFormControl(control: UntypedFormControl): void;
     protected _updateControlValidators(control: UntypedFormControl, required: boolean): void;
@@ -112,18 +116,30 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     protected _onBlur(event: FocusEvent): void;
     protected _checkIfTouched(): void;
     protected _preventEvent(event?: Event): void;
+    protected hasValidValue(): boolean;
     private updateTranslations;
     private updateDisplayPattern;
     private updateDateMaskOptions;
     private updateTimeMaskOptions;
     private onFormChange;
+    private parseDateTime;
+    private parseDate;
+    private parseTime;
+    /**
+     * Cleans and formats a given date string by removing invalid characters and ensuring
+     * placeholders for empty month or year fields.
+     *
+     * @param {string} dateStr - The input date string that needs to be cleaned and formatted.
+     * @return {string | null} A cleaned and formatted date string, or null if the input is empty or invalid.
+     */
+    private cleanDateStr;
     private emitChange;
     private updateTabIndex;
     private markAsTouched;
     private markAsDirty;
     private markForCheck;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDateTime, [null, null, null, null, null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateTime, "mat-date-time-field", never, { "logPrefix": { "alias": "logPrefix"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "allowNoTime": { "alias": "allowNoTime"; "required": false; }; "dottedMinutesInGap": { "alias": "dottedMinutesInGap"; "required": false; }; "timeHoursOnly": { "alias": "timeHoursOnly"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "style": { "alias": "style"; "required": false; }; "hourMinWidth": { "alias": "hourMinWidth"; "required": false; }; "hourMaxWidth": { "alias": "hourMaxWidth"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "focused": "focus"; "blurred": "blur"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; }, never, ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateTime, "mat-date-time-field", never, { "logPrefix": { "alias": "logPrefix"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "allowNoTime": { "alias": "allowNoTime"; "required": false; }; "dottedMinutesInGap": { "alias": "dottedMinutesInGap"; "required": false; }; "timeHoursOnly": { "alias": "timeHoursOnly"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "style": { "alias": "style"; "required": false; }; "hourMinWidth": { "alias": "hourMinWidth"; "required": false; }; "hourMaxWidth": { "alias": "hourMaxWidth"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "focusedChanges": "focus"; "blurred": "blur"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; }, never, ["[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
     static ngAcceptInputType_mobile: unknown;
     static ngAcceptInputType_compact: unknown;
     static ngAcceptInputType_autofocus: unknown;

package/src/app/shared/material/duration/duration.module.d.ts

@@ -11,8 +11,10 @@ import * as i9 from "@angular/material-moment-adapter";
 import * as i10 from "@ngx-translate/core";
 import * as i11 from "@maskito/angular";
 import * as i12 from "../../directives/directives.module";
+import * as i13 from "@angular/material/icon";
+import * as i14 from "@angular/material/tooltip";
 export declare class SharedMatDurationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedMatDurationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatDurationModule, [typeof i1.MatDuration], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ReactiveFormsModule, typeof i5.SharedPipesModule, typeof i6.MatCommonModule, typeof i7.MatFormFieldModule, typeof i8.MatInputModule, typeof i6.MatRippleModule, typeof i9.MatMomentDateModule, typeof i10.TranslateModule, typeof i11.MaskitoDirective, typeof i12.SharedDirectivesModule], [typeof i1.MatDuration]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatDurationModule, [typeof i1.MatDuration], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ReactiveFormsModule, typeof i5.SharedPipesModule, typeof i6.MatCommonModule, typeof i7.MatFormFieldModule, typeof i8.MatInputModule, typeof i6.MatRippleModule, typeof i9.MatMomentDateModule, typeof i10.TranslateModule, typeof i11.MaskitoDirective, typeof i12.SharedDirectivesModule, typeof i13.MatIcon, typeof i14.MatTooltip], [typeof i1.MatDuration]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedMatDurationModule>;
 }

package/src/app/shared/material/duration/material.duration.d.ts

@@ -1,16 +1,12 @@
 import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { Platform } from '@ionic/angular';
-import { DateAdapter } from '@angular/material/core';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
 import { TranslateService } from '@ngx-translate/core';
-import { Moment } from 'moment';
 import { InputElement } from '../../inputs';
+import { ControlFieldAccessor, TextControlFieldAccessor } from '../../field-accessor';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { AppFloatLabelType } from '../../types';
 import * as i0 from "@angular/core";
-export declare class MatDuration implements OnInit, OnDestroy, ControlValueAccessor, InputElement {
-    private dateAdapter;
-    private translate;
+export declare class MatDuration implements OnInit, OnDestroy, ControlValueAccessor, InputElement, ControlFieldAccessor, TextControlFieldAccessor {
     private formBuilder;
     private cd;
     private formGroupDir;
@@ -21,9 +17,11 @@ export declare class MatDuration implements OnInit, OnDestroy, ControlValueAcces
     private disabling;
     private _tabindex;
     private _value;
-    textControl: UntypedFormControl;
-    maskitoPlaceholder: string;
-    readonly durationMask: (string | RegExp)[];
+    protected readonly durationMask: (string | RegExp)[];
+    protected dayUnit: string;
+    protected textControl: UntypedFormControl;
+    protected maskitoPlaceholder: string;
+    protected showTooltip: boolean;
     disabled: boolean;
     formControl: UntypedFormControl;
     formControlName: string;
@@ -35,16 +33,19 @@ export declare class MatDuration implements OnInit, OnDestroy, ControlValueAcces
     compact: boolean;
     maxDecimals: number;
     placeholderChar: string;
+    clearButtonTitle: string;
     set tabindex(value: number);
     get tabindex(): number;
     clearable: boolean;
     matInputs: QueryList<ElementRef>;
     get value(): any;
-    protected dayUnit: string;
-    constructor(platform: Platform, dateAdapter: DateAdapter<Moment>, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
+    get focused(): any;
+    get controlName(): string;
+    constructor(translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
     ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(obj: any): void;
+    clearValue(event?: Event): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
@@ -52,11 +53,12 @@ export declare class MatDuration implements OnInit, OnDestroy, ControlValueAcces
     checkIfTouched(): void;
     preventEvent(event: Event): void;
     focus(): void;
+    typeText(text: string): void;
     moveCaretToSeparator(event: any, forward: boolean): boolean;
     protected updateTabIndex(): void;
     protected markForCheck(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatDuration, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDuration, "mat-duration-field", never, { "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "maxDecimals": { "alias": "maxDecimals"; "required": false; }; "placeholderChar": { "alias": "placeholderChar"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; }, {}, never, ["[matPrefix]", "mat-error"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatDuration, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDuration, "mat-duration-field", never, { "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "maxDecimals": { "alias": "maxDecimals"; "required": false; }; "placeholderChar": { "alias": "placeholderChar"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; }, {}, never, ["[matPrefix]", "mat-error"], false, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_readonly: unknown;
     static ngAcceptInputType_required: unknown;

package/src/app/shared/material/latlong/material.latlong-input.d.ts

@@ -4,6 +4,7 @@ import { LatLongPattern, LatLongSign, LatLongType } from './latlong.utils';
 import { MaskitoOptions } from '@maskito/core';
 import { MatFormField, MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
+import { FocusOrigin } from '@angular/cdk/a11y';
 import * as i0 from "@angular/core";
 export declare class MatLatLongFieldInput implements MatFormFieldControl<number>, ControlValueAccessor, OnInit, OnDestroy {
     private _elementRef;
@@ -69,9 +70,10 @@ export declare class MatLatLongFieldInput implements MatFormFieldControl<number>
     constructor(_elementRef: ElementRef<HTMLElement>, _formField: MatFormField, ngControl: NgControl);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    onFocusIn(event: FocusEvent): void;
-    onFocusOut(event: FocusEvent): void;
-    updatePattern(pattern: LatLongPattern): void;
+    focus(options?: FocusOptions, origin?: FocusOrigin): void;
+    protected onFocusIn(event: FocusEvent): void;
+    protected onFocusOut(event: FocusEvent): void;
+    private updatePattern;
     protected updateFormGroup(value: number | null): void;
     handleInput(controlName: string, nextControlName?: string): void;
     autoFocusNext(controlName: string, nextControlName?: string): void;

package/src/app/shared/material/latlong/material.latlong.d.ts

@@ -4,8 +4,10 @@ import { MatFormFieldAppearance, MatFormFieldDefaultOptions, SubscriptSizing } f
 import { LatLongPattern, LatLongSign, LatLongType } from './latlong.utils';
 import { MatLatLongFieldInput } from './material.latlong-input';
 import { AppFloatLabelType } from '../../types';
+import { ControlFieldAccessor } from '../../field-accessor';
+import { FocusOrigin } from '@angular/cdk/a11y';
 import * as i0 from "@angular/core";
-export declare class MatLatLongField implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
+export declare class MatLatLongField implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy, ControlFieldAccessor {
     private cd;
     private formGroupDir;
     private _subscription;
@@ -64,6 +66,7 @@ export declare class MatLatLongField implements ControlValueAccessor, OnInit, Af
     set subscriptSizing(value: SubscriptSizing);
     get subscriptSizing(): SubscriptSizing;
     get disabled(): any;
+    get focused(): boolean;
     input: MatLatLongFieldInput;
     pendingValue: any;
     pendingValueSet: boolean;
@@ -78,6 +81,7 @@ export declare class MatLatLongField implements ControlValueAccessor, OnInit, Af
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    focus(options?: FocusOptions, origin?: FocusOrigin): void;
     clearValue(event?: Event): void;
     private markForCheck;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatLatLongField, [null, { optional: true; }, null]>;