matcha-components 20.36.0 → 20.40.0

package/index.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnChanges, EventEmitter, SimpleChanges, AfterContentInit, OnDestroy, QueryList, ElementRef, Renderer2, TemplateRef, ChangeDetectorRef, AfterViewInit, NgZone, ApplicationRef, Injector, RendererFactory2, Type, ComponentRef } from '@angular/core';
+import { OnInit, OnChanges, EventEmitter, SimpleChanges, AfterContentInit, OnDestroy, QueryList, ElementRef, Renderer2, TemplateRef, ChangeDetectorRef, AfterViewInit, NgZone, PipeTransform, ApplicationRef, Injector, RendererFactory2, Type, ComponentRef } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable, Subject } from 'rxjs';
 import * as i3 from '@angular/forms';
-import { FormControlName, ControlValueAccessor, NgControl } from '@angular/forms';
+import { FormControlName, ControlValueAccessor, NgControl, Validator, FormControl, ValidationErrors } from '@angular/forms';
 import { HttpClient } from '@angular/common/http';
 import * as i2 from '@angular/common';
 
@@ -938,6 +938,75 @@ declare class MatchaTimeComponent implements AfterContentInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaTimeComponent, "matcha-time", never, { "startDateControlName": { "alias": "startDateControlName"; "required": false; }; "endDateControlName": { "alias": "endDateControlName"; "required": false; }; "allowCrossDays": { "alias": "allowCrossDays"; "required": false; }; }, {}, ["controls"], ["*"], false, never>;
 }
 
+/**
+ * Componente MatchaInputPhone
+ *
+ * Componente Angular para entrada de telefone internacional com seleção de país, máscara dinâmica e exibição de bandeira.
+ *
+ * Funcionalidades:
+ * - Seleção de país com dropdown e bandeira.
+ * - Máscara dinâmica de acordo com o país e DDD digitado.
+ * - Suporte a diferentes formatos de telefone (fixo/celular) para o Brasil.
+ * - Emissão de evento ao alterar o valor do telefone.
+ * - Inicialização automática pelo valor informado ou pelo idioma do navegador.
+ *
+ * Inputs:
+ * - fallbackMask: string - Máscara padrão caso não seja encontrada uma específica.
+ * - label: string - Rótulo do campo (padrão: 'Telefone').
+ * - value: string - Valor inicial do telefone (com ou sem DDI).
+ *
+ * Outputs:
+ * - onChange: EventEmitter<string> - Emite o valor do telefone completo (com DDI) ao alterar.
+ *
+ * ViewChild:
+ * - inputSelector: ElementRef - Referência ao container do input (usado para fechar o dropdown).
+ * - phoneRef: ElementRef - Referência ao input do telefone.
+ *
+ * Métodos principais:
+ * - ngOnInit: Inicializa o componente pelo valor ou idioma.
+ * - ngOnChanges: Atualiza o valor ao receber novo input externo.
+ * - initCountryPhone: Inicializa país e máscara pelo valor do telefone.
+ * - selectMaskForDialCode: Seleciona a máscara conforme país e DDD.
+ * - selectCountry: Troca o país selecionado e atualiza máscara.
+ * - onInput: Atualiza máscara e emite evento ao digitar.
+ * - toggleDropdown: Abre/fecha o dropdown de países.
+ */
+
+declare class MatchaInputPhoneComponent implements OnInit, OnDestroy, OnChanges {
+    private renderer;
+    private cdr;
+    inputSelector: ElementRef;
+    phoneRef: ElementRef;
+    fallbackMask: string;
+    value?: string;
+    onChange: EventEmitter<string>;
+    typeMask: string;
+    labelHover: string;
+    allCountries: any[];
+    isOpen: boolean;
+    selectedCountry: any;
+    inputValueModel: string;
+    private clickListener;
+    isInitialized: boolean;
+    constructor(renderer: Renderer2, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    initCountryPhone(phone: string): void;
+    private setCountryAndInputValue;
+    private matchCountryAndSetInputValue;
+    private getMatchingCountry;
+    private matchAreaCodeAndSetInputValue;
+    selectMaskForDialCode(inputDigits: string, targetValuePhone?: string): void;
+    initCountrylanguageNavigator(): void;
+    selectCountry(country: any): void;
+    toggleDropdown(): void;
+    private removeClickListener;
+    onInput(event: any): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaInputPhoneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaInputPhoneComponent, "matcha-input-phone", never, { "fallbackMask": { "alias": "fallbackMask"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
+}
+
 declare class StepComponent {
     step: any;
     template: TemplateRef<any>;
@@ -1488,7 +1557,7 @@ interface SliderOptions {
     customPositionToValue?: (percent: number, minVal: number, maxVal: number) => number;
     translate?: (value: number, sliderId: string, label: string) => string;
 }
-declare class MatchaSliderComponent implements ControlValueAccessor, OnInit, OnDestroy, AfterViewInit {
+declare class MatchaSliderComponent implements ControlValueAccessor, OnInit, OnDestroy {
     private cdr;
     private elementRef;
     value: number;
@@ -1520,7 +1589,6 @@ declare class MatchaSliderComponent implements ControlValueAccessor, OnInit, OnD
     get isAtMaxValue(): boolean;
     get isDisabled(): boolean;
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private initializeValues;
     private valueToPercentage;
@@ -1811,6 +1879,271 @@ declare class MatchaInputModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaInputModule>;
 }
 
+type InputTransformFn = (value: unknown) => string | number;
+type OutputTransformFn = (value: string | number | undefined | null) => unknown;
+type NgxMaskConfig = {
+    suffix: string;
+    prefix: string;
+    thousandSeparator: string;
+    decimalMarker: '.' | ',' | ['.', ','];
+    clearIfNotMatch: boolean;
+    showMaskTyped: boolean;
+    placeHolderCharacter: string;
+    shownMaskExpression: string;
+    specialCharacters: string[] | readonly string[];
+    dropSpecialCharacters: boolean | string[] | readonly string[];
+    hiddenInput: boolean;
+    validation: boolean;
+    instantPrefix: boolean;
+    separatorLimit: string;
+    apm: boolean;
+    allowNegativeNumbers: boolean;
+    leadZeroDateTime: boolean;
+    leadZero: boolean;
+    triggerOnMaskChange: boolean;
+    keepCharacterPositions: boolean;
+    inputTransformFn: InputTransformFn;
+    outputTransformFn: OutputTransformFn;
+    maskFilled: EventEmitter<void>;
+    patterns: Record<string, {
+        pattern: RegExp;
+        optional?: boolean;
+        symbol?: string;
+    }>;
+};
+
+type CustomKeyboardEvent = KeyboardEvent;
+
+declare class NgxMaskApplierService {
+    protected _config: NgxMaskConfig;
+    dropSpecialCharacters: NgxMaskConfig['dropSpecialCharacters'];
+    hiddenInput: NgxMaskConfig['hiddenInput'];
+    clearIfNotMatch: NgxMaskConfig['clearIfNotMatch'];
+    specialCharacters: NgxMaskConfig['specialCharacters'];
+    patterns: NgxMaskConfig['patterns'];
+    prefix: NgxMaskConfig['prefix'];
+    suffix: NgxMaskConfig['suffix'];
+    thousandSeparator: NgxMaskConfig['thousandSeparator'];
+    decimalMarker: NgxMaskConfig['decimalMarker'];
+    customPattern: NgxMaskConfig['patterns'];
+    showMaskTyped: NgxMaskConfig['showMaskTyped'];
+    placeHolderCharacter: NgxMaskConfig['placeHolderCharacter'];
+    validation: NgxMaskConfig['validation'];
+    separatorLimit: NgxMaskConfig['separatorLimit'];
+    allowNegativeNumbers: NgxMaskConfig['allowNegativeNumbers'];
+    leadZeroDateTime: NgxMaskConfig['leadZeroDateTime'];
+    leadZero: NgxMaskConfig['leadZero'];
+    apm: NgxMaskConfig['apm'];
+    inputTransformFn: NgxMaskConfig['inputTransformFn'] | null;
+    outputTransformFn: NgxMaskConfig['outputTransformFn'] | null;
+    keepCharacterPositions: NgxMaskConfig['keepCharacterPositions'];
+    instantPrefix: NgxMaskConfig['instantPrefix'];
+    triggerOnMaskChange: NgxMaskConfig['triggerOnMaskChange'];
+    private _shift;
+    plusOnePosition: boolean;
+    maskExpression: string;
+    actualValue: string;
+    showKeepCharacterExp: string;
+    shownMaskExpression: NgxMaskConfig['shownMaskExpression'];
+    deletedSpecialCharacter: boolean;
+    ipError?: boolean;
+    cpfCnpjError?: boolean;
+    applyMask(inputValue: string | object | boolean | null | undefined, maskExpression: string, position?: number, justPasted?: boolean, backspaced?: boolean, cb?: (...args: any[]) => any): string;
+    _findDropSpecialChar(inputSymbol: string): undefined | string;
+    _findSpecialChar(inputSymbol: string): undefined | string;
+    _checkSymbolMask(inputSymbol: string, maskSymbol: string): boolean;
+    private _formatWithSeparators;
+    private percentage;
+    getPrecision: (maskExpression: string) => number;
+    private checkAndRemoveSuffix;
+    private checkInputPrecision;
+    private _stripToDecimal;
+    private _charToRegExpExpression;
+    private _shiftStep;
+    protected _compareOrIncludes<T>(value: T, comparedValue: T | T[], excludedValue: T): boolean;
+    private _validIP;
+    private _splitPercentZero;
+    private _findFirstNonZeroAndDecimalIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMaskApplierService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxMaskApplierService>;
+}
+
+declare class NgxMaskService extends NgxMaskApplierService {
+    isNumberValue: boolean;
+    maskIsShown: string;
+    selStart: number | null;
+    selEnd: number | null;
+    maskChanged: boolean;
+    maskExpressionArray: string[];
+    previousValue: string;
+    currentValue: string;
+    /**
+     * Whether we are currently in writeValue function, in this case when applying the mask we don't want to trigger onChange function,
+     * since writeValue should be a one way only process of writing the DOM value based on the Angular model value.
+     */
+    writingValue: boolean;
+    private _emitValue;
+    private _start;
+    private _end;
+    onChange: (_: any) => void;
+    readonly _elementRef: ElementRef<any> | null;
+    private readonly document;
+    protected _config: NgxMaskConfig;
+    private readonly _renderer;
+    /**
+     * Applies the mask to the input value.
+     * @param inputValue The input value to be masked.
+     * @param maskExpression The mask expression to apply.
+     * @param position The position in the input value.
+     * @param justPasted Whether the value was just pasted.
+     * @param backspaced Whether the value was backspaced.
+     * @param cb Callback function.
+     * @returns The masked value.
+     */
+    applyMask(inputValue: string, maskExpression: string, position?: number, justPasted?: boolean, backspaced?: boolean, cb?: (...args: any[]) => any): string;
+    private _numberSkipedSymbols;
+    applyValueChanges(position: number, justPasted: boolean, backspaced: boolean, cb?: (...args: any[]) => any): void;
+    hideInput(inputValue: string, maskExpression: string): string;
+    getActualValue(res: string): string;
+    shiftTypedSymbols(inputValue: string): string;
+    /**
+     * Convert number value to string
+     * 3.1415 -> '3.1415'
+     * 1e-7 -> '0.0000001'
+     */
+    numberToString(value: number | string): string;
+    showMaskInInput(inputVal?: string): string;
+    clearIfNotMatchFn(): void;
+    set formElementProperty([name, value]: [string, string | boolean]);
+    checkDropSpecialCharAmount(mask: string): number;
+    removeMask(inputValue: string): string;
+    private _checkForIp;
+    private _checkForCpfCnpj;
+    /**
+     * Recursively determine the current active element by navigating the Shadow DOM until the Active Element is found.
+     */
+    private _getActiveElement;
+    /**
+     * Propogates the input value back to the Angular model by triggering the onChange function. It won't do this if writingValue
+     * is true. If that is true it means we are currently in the writeValue function, which is supposed to only update the actual
+     * DOM element based on the Angular model value. It should be a one way process, i.e. writeValue should not be modifying the Angular
+     * model value too. Therefore, we don't trigger onChange in this scenario.
+     * @param inputValue the current form input value
+     */
+    private formControlResult;
+    private _toNumber;
+    private _removeMask;
+    private _removePrefix;
+    private _removeSuffix;
+    private _retrieveSeparatorValue;
+    private _regExpForRemove;
+    private _replaceDecimalMarkerToDot;
+    _checkSymbols(result: string): string | number | undefined | null;
+    private _checkPatternForSpace;
+    private _retrieveSeparatorPrecision;
+    _checkPrecision(separatorExpression: string, separatorValue: string): number | string;
+    _repeatPatternSymbols(maskExp: string): string;
+    currentLocaleDecimalMarker(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMaskService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxMaskService>;
+}
+
+declare class NgxMaskDirective implements ControlValueAccessor, OnChanges, Validator {
+    mask: i0.InputSignal<string | null | undefined>;
+    specialCharacters: i0.InputSignal<string[] | readonly string[]>;
+    patterns: i0.InputSignal<Record<string, {
+        pattern: RegExp;
+        optional?: boolean;
+        symbol?: string;
+    }>>;
+    prefix: i0.InputSignal<string>;
+    suffix: i0.InputSignal<string>;
+    thousandSeparator: i0.InputSignal<string>;
+    decimalMarker: i0.InputSignal<"," | "." | [".", ","]>;
+    dropSpecialCharacters: i0.InputSignal<boolean | string[] | readonly string[] | null>;
+    hiddenInput: i0.InputSignal<boolean | null>;
+    showMaskTyped: i0.InputSignal<boolean | null>;
+    placeHolderCharacter: i0.InputSignal<string | null>;
+    shownMaskExpression: i0.InputSignal<string | null>;
+    clearIfNotMatch: i0.InputSignal<boolean | null>;
+    validation: i0.InputSignal<boolean | null>;
+    separatorLimit: i0.InputSignal<string | null>;
+    allowNegativeNumbers: i0.InputSignal<boolean | null>;
+    leadZeroDateTime: i0.InputSignal<boolean | null>;
+    leadZero: i0.InputSignal<boolean | null>;
+    triggerOnMaskChange: i0.InputSignal<boolean | null>;
+    apm: i0.InputSignal<boolean | null>;
+    inputTransformFn: i0.InputSignal<InputTransformFn | null>;
+    outputTransformFn: i0.InputSignal<OutputTransformFn | null>;
+    keepCharacterPositions: i0.InputSignal<boolean | null>;
+    instantPrefix: i0.InputSignal<boolean | null>;
+    maskFilled: i0.OutputEmitterRef<void>;
+    private _maskValue;
+    private _inputValue;
+    private _position;
+    private _code;
+    private _maskExpressionArray;
+    private _justPasted;
+    private _isFocused;
+    /**For IME composition event */
+    private _isComposing;
+    _maskService: NgxMaskService;
+    private readonly document;
+    protected _config: NgxMaskConfig;
+    onChange: (_: any) => void;
+    onTouch: () => void;
+    ngOnChanges(changes: SimpleChanges): void;
+    validate({ value }: FormControl): ValidationErrors | null;
+    onPaste(): void;
+    onFocus(): void;
+    onModelChange(value: string | undefined | null | number): void;
+    onInput(e: CustomKeyboardEvent): void;
+    onCompositionStart(): void;
+    onCompositionEnd(e: CustomKeyboardEvent): void;
+    onBlur(e: CustomKeyboardEvent): void;
+    onClick(e: MouseEvent | CustomKeyboardEvent): void;
+    onKeyDown(e: CustomKeyboardEvent): void;
+    /** It writes the value in the input */
+    writeValue(controlValue: unknown): Promise<void>;
+    registerOnChange(fn: typeof this.onChange): void;
+    registerOnTouched(fn: typeof this.onTouch): void;
+    private _getActiveElement;
+    checkSelectionOnDeletion(el: HTMLInputElement): void;
+    /** It disables the input element */
+    setDisabledState(isDisabled: boolean): void;
+    private _applyMask;
+    private _validateTime;
+    private _getActualInputLength;
+    private _createValidationError;
+    private _setMask;
+    private _areAllCharactersInEachStringSame;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMaskDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxMaskDirective, "input[mask], textarea[mask]", ["mask", "ngxMask"], { "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "specialCharacters": { "alias": "specialCharacters"; "required": false; "isSignal": true; }; "patterns": { "alias": "patterns"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; "isSignal": true; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; "isSignal": true; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; "isSignal": true; }; "hiddenInput": { "alias": "hiddenInput"; "required": false; "isSignal": true; }; "showMaskTyped": { "alias": "showMaskTyped"; "required": false; "isSignal": true; }; "placeHolderCharacter": { "alias": "placeHolderCharacter"; "required": false; "isSignal": true; }; "shownMaskExpression": { "alias": "shownMaskExpression"; "required": false; "isSignal": true; }; "clearIfNotMatch": { "alias": "clearIfNotMatch"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "separatorLimit": { "alias": "separatorLimit"; "required": false; "isSignal": true; }; "allowNegativeNumbers": { "alias": "allowNegativeNumbers"; "required": false; "isSignal": true; }; "leadZeroDateTime": { "alias": "leadZeroDateTime"; "required": false; "isSignal": true; }; "leadZero": { "alias": "leadZero"; "required": false; "isSignal": true; }; "triggerOnMaskChange": { "alias": "triggerOnMaskChange"; "required": false; "isSignal": true; }; "apm": { "alias": "apm"; "required": false; "isSignal": true; }; "inputTransformFn": { "alias": "inputTransformFn"; "required": false; "isSignal": true; }; "outputTransformFn": { "alias": "outputTransformFn"; "required": false; "isSignal": true; }; "keepCharacterPositions": { "alias": "keepCharacterPositions"; "required": false; "isSignal": true; }; "instantPrefix": { "alias": "instantPrefix"; "required": false; "isSignal": true; }; }, { "maskFilled": "maskFilled"; }, never, never, false, never>;
+}
+
+declare class NgxMaskPipe implements PipeTransform {
+    private readonly defaultOptions;
+    private readonly _maskService;
+    private _maskExpressionArray;
+    private mask;
+    transform(value: string | number, mask: string, { patterns, ...config }?: Partial<NgxMaskConfig>): string;
+    private _setMask;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMaskPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NgxMaskPipe, "mask", false>;
+}
+
+declare class NgxMaskModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMaskModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMaskModule, [typeof NgxMaskDirective, typeof NgxMaskPipe], [typeof i2.CommonModule], [typeof NgxMaskDirective, typeof NgxMaskPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgxMaskModule>;
+}
+
+declare class MatchaInputPhoneModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaInputPhoneModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaInputPhoneModule, [typeof MatchaInputPhoneComponent], [typeof i2.CommonModule, typeof MatchaFormFieldModule, typeof i3.FormsModule, typeof NgxMaskModule], [typeof MatchaInputPhoneComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaInputPhoneModule>;
+}
+
 declare class MatchaMenuTriggerForDirective {
     private _elementRef;
     private _renderer;
@@ -2011,7 +2344,7 @@ declare class MatchaAvatarModule {
 
 declare class MatchaComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaComponentsModule, [typeof MatchaOverflowDraggableComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof MatchaAccordionModule, typeof MatchaAutocompleteModule, typeof MatchaOptionModule, typeof MatchaPanelModule, typeof MatchaSelectModule, typeof MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaDividerModule, typeof MatchaElevationModule, typeof MatchaFormFieldModule, typeof MatchaHintTextModule, typeof MatchaIconModule, typeof MatchaInfiniteScrollModule, typeof MatchaLazyloadModule, typeof MatchaInputModule, typeof MatchaMasonryModule, typeof MatchaMenuModule, typeof MatchaModalModule, typeof MatchaPaginatorModule, typeof MatchaProgressBarModule, typeof MatchaRippleModule, typeof MatchaSidenavModule, typeof MatchaSlideToggleModule, typeof MatchaSliderModule, typeof MatchaSnackBarModule, typeof MatchaSortHeaderModule, typeof MatchaSpinModule, typeof MatchaSpinnerModule, typeof MatchaStepperModule, typeof MatchaTableModule, typeof MatchaTabsModule, typeof MatchaTitleModule, typeof MatchaTooltipModule, typeof MatchaDateRangeModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule, typeof MatchaDrawerModule, typeof MatchaHighlightModule], [typeof MatchaAccordionModule, typeof MatchaAutocompleteModule, typeof MatchaOptionModule, typeof MatchaPanelModule, typeof MatchaSelectModule, typeof MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaDividerModule, typeof MatchaElevationModule, typeof MatchaFormFieldModule, typeof MatchaHintTextModule, typeof MatchaIconModule, typeof MatchaInfiniteScrollModule, typeof MatchaLazyloadModule, typeof MatchaInputModule, typeof MatchaMasonryModule, typeof MatchaMenuModule, typeof MatchaModalModule, typeof MatchaPaginatorModule, typeof MatchaProgressBarModule, typeof MatchaRippleModule, typeof MatchaSidenavModule, typeof MatchaSlideToggleModule, typeof MatchaSliderModule, typeof MatchaSnackBarModule, typeof MatchaSortHeaderModule, typeof MatchaSpinModule, typeof MatchaSpinnerModule, typeof MatchaStepperModule, typeof MatchaTableModule, typeof MatchaTabsModule, typeof MatchaTitleModule, typeof MatchaTooltipModule, typeof MatchaDateRangeModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule, typeof MatchaAvatarModule, typeof MatchaDrawerModule, typeof MatchaHighlightModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaComponentsModule, [typeof MatchaOverflowDraggableComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof MatchaAccordionModule, typeof MatchaAutocompleteModule, typeof MatchaOptionModule, typeof MatchaPanelModule, typeof MatchaSelectModule, typeof MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaDividerModule, typeof MatchaElevationModule, typeof MatchaFormFieldModule, typeof MatchaHintTextModule, typeof MatchaIconModule, typeof MatchaInfiniteScrollModule, typeof MatchaLazyloadModule, typeof MatchaInputModule, typeof MatchaInputPhoneModule, typeof MatchaMasonryModule, typeof MatchaMenuModule, typeof MatchaModalModule, typeof MatchaPaginatorModule, typeof MatchaProgressBarModule, typeof MatchaRippleModule, typeof MatchaSidenavModule, typeof MatchaSlideToggleModule, typeof MatchaSliderModule, typeof MatchaSnackBarModule, typeof MatchaSortHeaderModule, typeof MatchaSpinModule, typeof MatchaSpinnerModule, typeof MatchaStepperModule, typeof MatchaTableModule, typeof MatchaTabsModule, typeof MatchaTitleModule, typeof MatchaTooltipModule, typeof MatchaDateRangeModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule, typeof MatchaDrawerModule, typeof MatchaHighlightModule], [typeof MatchaAccordionModule, typeof MatchaAutocompleteModule, typeof MatchaOptionModule, typeof MatchaPanelModule, typeof MatchaSelectModule, typeof MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaDividerModule, typeof MatchaElevationModule, typeof MatchaFormFieldModule, typeof MatchaHintTextModule, typeof MatchaIconModule, typeof MatchaInfiniteScrollModule, typeof MatchaLazyloadModule, typeof MatchaInputModule, typeof MatchaInputPhoneModule, typeof MatchaMasonryModule, typeof MatchaMenuModule, typeof MatchaModalModule, typeof MatchaPaginatorModule, typeof MatchaProgressBarModule, typeof MatchaRippleModule, typeof MatchaSidenavModule, typeof MatchaSlideToggleModule, typeof MatchaSliderModule, typeof MatchaSnackBarModule, typeof MatchaSortHeaderModule, typeof MatchaSpinModule, typeof MatchaSpinnerModule, typeof MatchaStepperModule, typeof MatchaTableModule, typeof MatchaTabsModule, typeof MatchaTitleModule, typeof MatchaTooltipModule, typeof MatchaDateRangeModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule, typeof MatchaAvatarModule, typeof MatchaDrawerModule, typeof MatchaHighlightModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaComponentsModule>;
 }
 
@@ -2143,5 +2476,5 @@ declare class StepContentDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<StepContentDirective, "[step]", never, { "step": { "alias": "step"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { CopyButtonComponent, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaComponentsModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective };
+export { CopyButtonComponent, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaComponentsModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective };
 export type { BreakpointState, DrawerItem, DrawerMode, DrawerPosition, DrawerSection, ILevelClasses, MatchaDropListConnectedToEvent, MatchaDropListDroppedEvent, MatchaOptionParent, ModalComponent, PageEvent, PanelPlacement, PanelPosition, SliderOptions, TabChangeEvent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "matcha-components",
-  "version": "20.36.0",
+  "version": "20.40.0",
   "peerDependencies": {},
   "dependencies": {
     "tslib": "^2.3.0"