matcha-components 20.13.0 → 20.16.0

package/index.d.ts

@@ -4,6 +4,7 @@ import * as rxjs from 'rxjs';
 import { Observable, Subject } from 'rxjs';
 import * as i3 from '@angular/forms';
 import { FormControlName, ControlValueAccessor, NgControl } from '@angular/forms';
+import { HttpClient } from '@angular/common/http';
 import * as i2 from '@angular/common';
 
 /**
@@ -332,6 +333,69 @@ declare class MatchaTitleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaTitleComponent, "matcha-title", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "type": { "alias": "type"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, { "iconClick": "iconClick"; }, never, ["*"], false, never>;
 }
 
+interface BreakpointState {
+    matches: boolean;
+    breakpoint: string;
+}
+/**
+ * Serviço singleton para observação de breakpoints CSS
+ * Funciona tanto no browser quanto no servidor (SSR)
+ */
+declare class MatchaBreakpointObserver implements OnDestroy {
+    private platformId;
+    private breakpointSubject;
+    private resizeSubscription;
+    private isBrowser;
+    private currentBreakpoints;
+    constructor(platformId: Object);
+    ngOnDestroy(): void;
+    /**
+     * Observa um breakpoint específico
+     * @param breakpoint - String no formato CSS media query (ex: '(max-width: 768px)')
+     * @returns Observable<BreakpointState>
+     */
+    observe(breakpoint: string): Observable<BreakpointState>;
+    /**
+     * Verifica se um breakpoint específico está ativo
+     * @param breakpoint - String no formato CSS media query
+     * @returns boolean
+     */
+    isMatched(breakpoint: string): boolean;
+    /**
+     * Obtém o estado atual do breakpoint
+     * @param breakpoint - String no formato CSS media query
+     * @returns BreakpointState
+     */
+    getState(breakpoint: string): BreakpointState;
+    /**
+     * Observa múltiplos breakpoints simultaneamente
+     * @param breakpoints - Array de strings de breakpoints
+     * @returns Observable<Map<string, boolean>>
+     */
+    observeMultiple(breakpoints: string[]): Observable<Map<string, boolean>>;
+    private setupResizeListener;
+    private checkBreakpoint;
+    /**
+     * Método utilitário para criar breakpoints comuns
+     */
+    static createBreakpoint(width: number, condition?: 'max' | 'min'): string;
+    /**
+     * Breakpoints pré-definidos para facilitar o uso
+     */
+    static readonly BREAKPOINTS: {
+        readonly XS: "(max-width: 480px)";
+        readonly SM: "(max-width: 768px)";
+        readonly MD: "(max-width: 1024px)";
+        readonly LG: "(max-width: 1200px)";
+        readonly XL: "(max-width: 1440px)";
+        readonly MOBILE: "(max-width: 768px)";
+        readonly TABLET: "(min-width: 769px) and (max-width: 1024px)";
+        readonly DESKTOP: "(min-width: 1025px)";
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaBreakpointObserver, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MatchaBreakpointObserver>;
+}
+
 interface DrawerItem {
     id: string;
     label: string;
@@ -355,6 +419,7 @@ declare class MatchaDrawerComponent implements OnInit, OnDestroy {
     private elementRef;
     private renderer;
     private cdr;
+    private breakpointObserver;
     isOpen: boolean;
     mode: DrawerMode;
     position: DrawerPosition;
@@ -365,6 +430,11 @@ declare class MatchaDrawerComponent implements OnInit, OnDestroy {
     breakpoint: number;
     elevation: number;
     hasFooter: boolean;
+    responsiveMode: boolean;
+    mobileMode: DrawerMode;
+    desktopMode: DrawerMode;
+    mobileBreakpoint: number;
+    autoResponsive: boolean;
     isOpenChange: EventEmitter<boolean>;
     drawerToggle: EventEmitter<void>;
     drawerOpened: EventEmitter<void>;
@@ -376,11 +446,19 @@ declare class MatchaDrawerComponent implements OnInit, OnDestroy {
     private resizeObserver;
     private isMobile;
     private bodyScrollLocked;
-    constructor(elementRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef);
+    private breakpointSubscription?;
+    private currentResponsiveMode;
+    private resizeSubject;
+    constructor(elementRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef, breakpointObserver: MatchaBreakpointObserver);
     ngOnInit(): void;
     ngOnDestroy(): void;
     private setupResizeObserver;
+    private setupResizeDebounce;
     private checkScreenSize;
+    private setupResponsiveMode;
+    private updateModeBasedOnScreen;
+    private updateDrawerStateOnResize;
+    private setupSmartInitialState;
     private setupBodyScrollLock;
     private lockBodyScroll;
     private unlockBodyScroll;
@@ -393,8 +471,12 @@ declare class MatchaDrawerComponent implements OnInit, OnDestroy {
     get animationState(): "open" | "closed";
     get isOverlayMode(): boolean;
     get isPushMode(): boolean;
+    get currentMode(): DrawerMode;
+    get isMobileView(): boolean;
+    get isResponsiveActive(): boolean;
+    get isAutoResponsiveActive(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDrawerComponent, "matcha-drawer", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "width": { "alias": "width"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "autoCloseOnMobile": { "alias": "autoCloseOnMobile"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "elevation": { "alias": "elevation"; "required": false; }; "hasFooter": { "alias": "hasFooter"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "drawerToggle": "drawerToggle"; "drawerOpened": "drawerOpened"; "drawerClosed": "drawerClosed"; }, never, ["[drawer-header]", "[drawer-content]", "*", "[drawer-footer]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDrawerComponent, "matcha-drawer", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "position": { "alias": "position"; "required": false; }; "width": { "alias": "width"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "autoCloseOnMobile": { "alias": "autoCloseOnMobile"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "elevation": { "alias": "elevation"; "required": false; }; "hasFooter": { "alias": "hasFooter"; "required": false; }; "responsiveMode": { "alias": "responsiveMode"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "desktopMode": { "alias": "desktopMode"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "autoResponsive": { "alias": "autoResponsive"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "drawerToggle": "drawerToggle"; "drawerOpened": "drawerOpened"; "drawerClosed": "drawerClosed"; }, never, ["[drawer-header]", "[drawer-content]", "*", "[drawer-footer]"], false, never>;
 }
 
 declare class MatchaDrawerContainerComponent implements OnInit, OnDestroy {
@@ -715,6 +797,7 @@ declare class MatchaSkeletonComponent {
     gap: number | string;
     get classes(): string;
     get heightClass(): string;
+    get amountArray(): number[];
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSkeletonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaSkeletonComponent, "matcha-skeleton", never, { "amount": { "alias": "amount"; "required": false; }; "grid": { "alias": "grid"; "required": false; }; "height": { "alias": "height"; "required": false; }; "model": { "alias": "model"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
@@ -794,7 +877,7 @@ declare class MatchaTabsComponent implements AfterContentInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaTabsComponent, "matcha-tabs", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; }, { "tabSelected": "tabSelected"; }, ["tabs"], ["*"], false, never>;
 }
 
-declare class MatchaDateComponent implements AfterContentInit, OnDestroy {
+declare class MatchaDateRangeComponent implements AfterContentInit, OnDestroy {
     controls: QueryList<NgControl>;
     private startDateControl;
     private endDateControl;
@@ -802,15 +885,15 @@ declare class MatchaDateComponent implements AfterContentInit, OnDestroy {
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     /**
-     * Validação simples: data inicial não pode ser posterior à data final
+     * Validação de formato de data e intervalo: data inicial não pode ser posterior à data final
      */
     private validateDateRange;
     /**
      * Remove um erro específico sem afetar outros erros
      */
     private removeSpecificError;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDateComponent, "matcha-date", never, {}, {}, ["controls"], ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDateRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDateRangeComponent, "matcha-date-range", never, {}, {}, ["controls"], ["*"], false, never>;
 }
 
 declare class MatchaTimeComponent implements AfterContentInit, OnDestroy {
@@ -1144,6 +1227,8 @@ declare class MatchaAutocompleteComponent implements AfterContentInit, AfterView
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     attachTo(input: HTMLElement): void;
+    private closeOtherPanels;
+    private notifyDirectiveOfSelection;
     openPanel(): void;
     closePanel(): void;
     togglePanel(): void;
@@ -1159,6 +1244,63 @@ declare class MatchaAutocompleteComponent implements AfterContentInit, AfterView
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaAutocompleteComponent, "matcha-autocomplete", never, { "placement": { "alias": "placement"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, ["options"], ["*"], false, never>;
 }
 
+declare class MatchaSelectComponent implements AfterContentInit, AfterViewInit, MatchaOptionParent, ControlValueAccessor {
+    elRef: ElementRef;
+    private renderer;
+    private cdr;
+    options: QueryList<MatchaOptionComponent>;
+    panel: MatchaPanelComponent;
+    selectedValue: any;
+    placement: 'bottom' | 'top' | 'auto';
+    maxHeight: number;
+    minWidth: number;
+    placeholder: string;
+    disabled: boolean;
+    opened: EventEmitter<void>;
+    closed: EventEmitter<void>;
+    selectionChange: EventEmitter<any>;
+    open: boolean;
+    triggerElement?: HTMLElement;
+    private activeIndex;
+    private onChange;
+    private onTouched;
+    isDisabled: boolean;
+    constructor(elRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    private setupKeyboardNavigation;
+    private handleArrowDown;
+    private handleArrowUp;
+    private handleEnterOrSpace;
+    private handleEscape;
+    private closeOtherPanels;
+    private notifyDirectiveOfSelection;
+    onTriggerClick(): void;
+    openPanel(): void;
+    closePanel(): void;
+    togglePanel(): void;
+    resetActive(): void;
+    private setActiveIndexFromSelectedValue;
+    private selectNextOption;
+    private selectPreviousOption;
+    private selectOptionByIndex;
+    private updateSelectedStates;
+    highlightNext(): void;
+    highlightPrevious(): void;
+    private scrollToActive;
+    selectActive(): void;
+    selectOption(option: MatchaOptionComponent): void;
+    getSelectedValue(): any;
+    setValue(value: any): void;
+    clearSelection(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaSelectComponent, "matcha-select", never, { "placement": { "alias": "placement"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; "selectionChange": "selectionChange"; }, ["options"], ["*"], false, never>;
+}
+
 interface PageEvent {
     /** The current page index. */
     pageIndex: number;
@@ -1215,13 +1357,13 @@ declare class MatchaPaginatorComponent implements OnDestroy {
     get displayPages(): (number | string)[];
     trackByPage(index: number, item: number | string): number | string;
     /** Check if item is a number (for template use only) */
-    typeof(value: any): string;
+    isNumber(value: any): boolean;
     /** Navigate to previous page */
     previousPage(): void;
     /** Navigate to next page */
     nextPage(): void;
     /** Navigate to specific page */
-    goToPage(page: number): void;
+    goToPage(page: number | string): void;
     /** Handle page size change */
     onPageSizeChange(event: Event): void;
     private changePage;
@@ -1229,6 +1371,65 @@ declare class MatchaPaginatorComponent implements OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaPaginatorComponent, "matcha-paginator", never, { "pageIndex": { "alias": "pageIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "page": "page"; }, never, never, false, never>;
 }
 
+declare class MatchaHighlightComponent implements OnInit, OnDestroy {
+    private _elementRef;
+    private _httpClient;
+    source: ElementRef;
+    lang: string;
+    path: string;
+    theme: string;
+    get themeAttr(): string;
+    private _unsubscribeAll;
+    /**
+     * Constructor
+     *
+     * @param {ElementRef} _elementRef
+     * @param {HttpClient} _httpClient
+     */
+    constructor(_elementRef: ElementRef, _httpClient: HttpClient);
+    /**
+     * On init
+     */
+    ngOnInit(): void;
+    /**
+     * On destroy
+     */
+    ngOnDestroy(): void;
+    /**
+     * Apply theme to the component
+     */
+    /**
+     * Highlight the given source code
+     *
+     * @param sourceCode
+     */
+    highlight(sourceCode: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaHighlightComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaHighlightComponent, "matcha-highlight", never, { "lang": { "alias": "lang"; "required": false; }; "path": { "alias": "path"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, ["source"], ["*"], false, never>;
+}
+
+declare class CopyButtonComponent {
+    private elementRef;
+    type: string;
+    size: 'tiny' | 'small' | 'medium' | 'large';
+    icon: string;
+    position: 'absolute' | 'relative';
+    customClass: string;
+    copied: EventEmitter<{
+        text: string;
+        type: string;
+    }>;
+    currentIcon: string;
+    isCopied: boolean;
+    copyToClipboard(): Promise<void>;
+    private fallbackCopyToClipboard;
+    private showCopyFeedback;
+    getButtonClasses(): string;
+    constructor(elementRef: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopyButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopyButtonComponent, "matcha-copy-button", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "position": { "alias": "position"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "copied": "copied"; }, never, never, false, never>;
+}
+
 declare class MatchaTooltipDirective {
     private el;
     private renderer;
@@ -1400,6 +1601,28 @@ declare class MatchaAutocompleteModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaAutocompleteModule>;
 }
 
+declare class MatchaSelectTriggerDirective implements AfterViewInit, OnDestroy {
+    private el;
+    select: MatchaSelectComponent;
+    private subs;
+    constructor(el: ElementRef<HTMLElement>);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private writeValueToInput;
+    onClick(): void;
+    onFocus(): void;
+    onKeydown(ev: KeyboardEvent): void;
+    onDocClick(ev: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSelectTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaSelectTriggerDirective, "[matchaSelect]", never, { "select": { "alias": "matchaSelect"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class MatchaSelectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSelectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaSelectModule, [typeof MatchaSelectComponent, typeof MatchaSelectTriggerDirective], [typeof i2.CommonModule, typeof MatchaOptionModule, typeof MatchaPanelModule], [typeof MatchaSelectComponent, typeof MatchaSelectTriggerDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaSelectModule>;
+}
+
 declare class MatchaBadgeDirective {
     private _elementRef;
     private _renderer;
@@ -1443,20 +1666,6 @@ declare class MatchaRadioModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaRadioModule>;
 }
 
-declare class MatchaChipsDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaChipsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaChipsDirective, "[matchaChips]", never, {}, {}, never, never, false, never>;
-}
-
-declare class MatchaChipsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaChipsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaChipsModule, [typeof MatchaChipsDirective], never, [typeof MatchaChipsDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaChipsModule>;
-}
-
 declare class MatchaHintTextModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaHintTextModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaHintTextModule, [typeof MatchaHintTextComponent], [typeof i2.CommonModule, typeof MatchaIconModule], [typeof MatchaHintTextComponent]>;
@@ -1631,10 +1840,10 @@ declare class MatchaTabsModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaTabsModule>;
 }
 
-declare class MatchaDateModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDateModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaDateModule, [typeof MatchaDateComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule], [typeof MatchaDateComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaDateModule>;
+declare class MatchaDateRangeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDateRangeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaDateRangeModule, [typeof MatchaDateRangeComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule], [typeof MatchaDateRangeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaDateRangeModule>;
 }
 
 declare class MatchaTimeModule {
@@ -1671,6 +1880,12 @@ declare class MatchaDrawerModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaDrawerModule>;
 }
 
+declare class MatchaHighlightModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaHighlightModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaHighlightModule, [typeof MatchaHighlightComponent, typeof CopyButtonComponent], [typeof MatchaIconModule, typeof MatchaButtonModule], [typeof MatchaHighlightComponent, typeof CopyButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaHighlightModule>;
+}
+
 declare class MatchaAvatarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAvatarModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaAvatarModule, [typeof MatchaAvatarComponent], [typeof i2.CommonModule], [typeof MatchaAvatarComponent]>;
@@ -1679,7 +1894,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 MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaChipsModule, 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 MatchaDateModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule, typeof MatchaDrawerModule], [typeof MatchaAccordionModule, typeof MatchaAutocompleteModule, typeof MatchaOptionModule, typeof MatchaPanelModule, typeof MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaChipsModule, 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 MatchaDateModule, typeof MatchaTimeModule, typeof MatchaDropListModule, typeof MatchaPageLayoutModule, typeof MatchaAvatarModule, typeof MatchaDrawerModule]>;
+    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 ɵinj: i0.ɵɵInjectorDeclaration<MatchaComponentsModule>;
 }
 
@@ -1689,6 +1904,21 @@ declare class MatchaSkeletonModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaSkeletonModule>;
 }
 
+/**
+ * Módulo para o MatchaBreakpointObserver
+ *
+ * Este módulo fornece o serviço MatchaBreakpointObserver que pode ser usado
+ * em qualquer parte da aplicação para observar breakpoints CSS.
+ *
+ * O serviço é um singleton (providedIn: 'root') e não precisa ser importado
+ * explicitamente, mas este módulo pode ser usado para organização.
+ */
+declare class MatchaBreakpointObservableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaBreakpointObservableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaBreakpointObservableModule, never, [typeof i2.CommonModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaBreakpointObservableModule>;
+}
+
 /**
  * Serviço responsável pela implementação técnica do overlay e backdrop dos modais.
  *
@@ -1796,5 +2026,5 @@ declare class StepContentDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<StepContentDirective, "[step]", never, { "step": { "alias": "step"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, 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, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderDirective, 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 { DrawerItem, DrawerMode, DrawerPosition, DrawerSection, ILevelClasses, MatchaDropListConnectedToEvent, MatchaDropListDroppedEvent, MatchaOptionParent, ModalComponent, PageEvent, PanelPlacement, PanelPosition };
+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, MatchaSliderDirective, 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 };

package/package.json

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