matcha-components 20.5.0 → 20.12.0

package/index.d.ts

@@ -1,32 +1,64 @@
 import * as i0 from '@angular/core';
-import { OnInit, EventEmitter, AfterContentInit, QueryList, OnDestroy, ElementRef, OnChanges, SimpleChanges, Renderer2, AfterViewInit, TemplateRef, NgZone, ChangeDetectorRef, ApplicationRef, Injector, RendererFactory2, Type, ComponentRef } 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 * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import * as i3 from '@angular/forms';
 import { FormControlName, ControlValueAccessor, NgControl } from '@angular/forms';
 import * as i2 from '@angular/common';
 
-declare class MatchaAccordionItemComponent implements OnInit {
+/**
+ * Interface que deve ser implementada por componentes que querem usar matcha-option como filho
+ *
+ * Permite que matcha-option seja usado em diferentes contextos:
+ * - matcha-autocomplete
+ * - matcha-select
+ * - matcha-menu
+ * - etc.
+ */
+interface MatchaOptionParent {
+    /**
+     * Método chamado quando uma opção é selecionada
+     * @param option - A instância do MatchaOptionComponent selecionado
+     */
+    selectOption(option: any): void;
+}
+/**
+ * Token de injeção para MatchaOptionParent
+ * Usado para injetar o componente pai no matcha-option
+ */
+declare const MATCHA_OPTION_PARENT: unique symbol;
+
+declare class MatchaAccordionItemComponent implements OnInit, OnChanges {
     private _stretch;
     private _isOpen;
     set stretch(value: boolean | string);
     get stretch(): boolean;
+    get stretchClass(): boolean;
+    private _clickableHeader;
+    set clickableHeader(value: boolean | string);
+    get clickableHeader(): boolean;
     set isOpen(value: boolean | string);
     get isOpen(): boolean;
+    get isOpenClass(): boolean;
     opened: EventEmitter<boolean>;
+    toggleRequested: EventEmitter<void>;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     toggleAccordion(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAccordionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaAccordionItemComponent, "matcha-accordion-item", never, { "stretch": { "alias": "stretch"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "opened": "opened"; }, never, ["matcha-accordion-header", "matcha-accordion-content", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaAccordionItemComponent, "matcha-accordion-item", never, { "stretch": { "alias": "stretch"; "required": false; }; "clickableHeader": { "alias": "clickableHeader"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "opened": "opened"; "toggleRequested": "toggleRequested"; }, never, ["matcha-accordion-header", "matcha-accordion-content", "*"], false, never>;
 }
 
-declare class MatchaAccordionComponent implements AfterContentInit {
+declare class MatchaAccordionComponent implements AfterContentInit, OnDestroy {
     private _multiple;
     set multiple(value: boolean | string);
     get multiple(): boolean;
     openedChange: EventEmitter<boolean>;
     items: QueryList<MatchaAccordionItemComponent>;
+    private subscriptions;
     ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    private setupItems;
     toggleItem(selectedItem: MatchaAccordionItemComponent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAccordionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaAccordionComponent, "matcha-accordion", never, { "multiple": { "alias": "multiple"; "required": false; }; }, { "openedChange": "openedChange"; }, ["items"], ["*"], false, never>;
@@ -252,9 +284,11 @@ declare class MatchaCardComponent {
     private _alpha;
     get alpha(): boolean | string;
     set alpha(v: boolean | string);
+    get alphaAttr(): string | null;
     private _tint;
     get tint(): boolean | string;
     set tint(v: boolean | string);
+    get tintAttr(): string | null;
     private _loading;
     get loading(): boolean | string;
     set loading(v: boolean | string);
@@ -298,26 +332,90 @@ 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 DrawerItem {
+    id: string;
+    label: string;
+    icon?: string;
+    route?: string;
+    action?: () => void;
+    badge?: string | number;
+    disabled?: boolean;
+    divider?: boolean;
+}
+interface DrawerSection {
+    id: string;
+    title?: string;
+    items: DrawerItem[];
+    position: 'top' | 'bottom';
+    divider?: boolean;
+}
+type DrawerMode = 'push' | 'overlay';
+type DrawerPosition = 'left' | 'right';
 declare class MatchaDrawerComponent implements OnInit, OnDestroy {
     private elementRef;
     private renderer;
+    private cdr;
     isOpen: boolean;
-    mode: 'push' | 'overlay';
-    position: 'left' | 'right';
+    mode: DrawerMode;
+    position: DrawerPosition;
     width: string;
+    hasBackdrop: boolean;
+    disableClose: boolean;
+    autoCloseOnMobile: boolean;
+    breakpoint: number;
+    elevation: number;
+    hasFooter: boolean;
     isOpenChange: EventEmitter<boolean>;
-    openChange: EventEmitter<boolean>;
+    drawerToggle: EventEmitter<void>;
+    drawerOpened: EventEmitter<void>;
+    drawerClosed: EventEmitter<void>;
+    drawerContent: TemplateRef<any>;
     get drawerClasses(): string;
     get drawerWidth(): string;
-    constructor(elementRef: ElementRef, renderer: Renderer2);
+    get drawerHeight(): string;
+    private resizeObserver;
+    private isMobile;
+    private bodyScrollLocked;
+    constructor(elementRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    private setupResizeObserver;
+    private checkScreenSize;
+    private setupBodyScrollLock;
+    private lockBodyScroll;
+    private unlockBodyScroll;
     toggle(): void;
     open(): void;
     close(): void;
-    get animationState(): "void" | "left" | "right";
+    onBackdropClick(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    getDrawerTransform(): string;
+    get animationState(): "open" | "closed";
+    get isOverlayMode(): boolean;
+    get isPushMode(): 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; }; }, { "isOpenChange": "isOpenChange"; "openChange": "openChange"; }, never, ["[slot=header]", "*", "[slot=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; }; }, { "isOpenChange": "isOpenChange"; "drawerToggle": "drawerToggle"; "drawerOpened": "drawerOpened"; "drawerClosed": "drawerClosed"; }, never, ["[drawer-header]", "[drawer-content]", "*", "[drawer-footer]"], false, never>;
+}
+
+declare class MatchaDrawerContainerComponent implements OnInit, OnDestroy {
+    hasBackdrop: boolean;
+    autoFocus: boolean;
+    drawer: MatchaDrawerComponent;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setupDrawerEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDrawerContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDrawerContainerComponent, "matcha-drawer-container", never, { "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; }, {}, ["drawer"], ["*"], false, never>;
+}
+
+declare class MatchaDrawerContentComponent {
+    padding: string;
+    scrollable: boolean;
+    maxHeight: string;
+    get contentClasses(): string;
+    get maxHeightStyle(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDrawerContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaDrawerContentComponent, "matcha-drawer-content", never, { "padding": { "alias": "padding"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class MatchaIconComponent {
@@ -431,7 +529,9 @@ declare class MatchaMenuComponent {
 }
 
 declare class MatchaToolbarComponent implements OnInit, OnDestroy {
+    elevation: number;
     isMobileScreen: boolean;
+    get elevationClass(): string;
     private readonly mobileBreakpoint;
     private resizeTimeout;
     ngOnInit(): void;
@@ -439,7 +539,7 @@ declare class MatchaToolbarComponent implements OnInit, OnDestroy {
     private checkScreenWidth;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaToolbarComponent, "matcha-toolbar", never, {}, {}, never, ["matcha-toolbar-main-button", "matcha-toolbar-custom-button", "matcha-title", "search-form", "matcha-toolbar-button", "matcha-toolbar-content", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaToolbarComponent, "matcha-toolbar", never, { "elevation": { "alias": "elevation"; "required": false; }; }, {}, never, ["matcha-toolbar-main-button", "matcha-toolbar-custom-button", "matcha-title", "search-form", "matcha-toolbar-button", "matcha-toolbar-content", "*"], false, never>;
 }
 
 declare class MatchaToolbarButtonComponent {
@@ -480,7 +580,7 @@ declare class MatchaFormFieldComponent {
     get control(): i3.FormControl<any> | undefined;
     get showError(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaFormFieldComponent, "matcha-form-field", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sizeXs": { "alias": "size-xs"; "required": false; }; "sizeSm": { "alias": "size-sm"; "required": false; }; "sizeMd": { "alias": "size-md"; "required": false; }; "sizeLg": { "alias": "size-lg"; "required": false; }; "sizeXl": { "alias": "size-xl"; "required": false; }; }, {}, ["controlDir"], ["matcha-label", "*", "matcha-error", "matcha-autocomplete"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaFormFieldComponent, "matcha-form-field", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sizeXs": { "alias": "size-xs"; "required": false; }; "sizeSm": { "alias": "size-sm"; "required": false; }; "sizeMd": { "alias": "size-md"; "required": false; }; "sizeLg": { "alias": "size-lg"; "required": false; }; "sizeXl": { "alias": "size-xl"; "required": false; }; }, {}, ["controlDir"], ["matcha-label", "*", "matcha-error", "matcha-autocomplete", "matcha-hint-text"], false, never>;
 }
 
 declare class MatchaLabelComponent {
@@ -498,11 +598,11 @@ declare class MatchaCheckboxComponent implements ControlValueAccessor {
     color: string;
     indeterminate: boolean;
     private _disabled;
-    set disabled(value: boolean | string);
     get disabled(): boolean;
-    get checked(): boolean;
-    set checked(value: boolean);
+    set disabled(value: boolean | string);
     private _checked;
+    get checked(): boolean;
+    set checked(value: boolean | string);
     checkedChange: EventEmitter<{
         checked: boolean;
     }>;
@@ -921,27 +1021,23 @@ declare class MatchaPageLayoutComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaPageLayoutComponent, "matcha-page-layout", never, {}, {}, never, ["*"], false, never>;
 }
 
-/**
- * Interface que deve ser implementada por componentes que querem usar matcha-option como filho
- *
- * Permite que matcha-option seja usado em diferentes contextos:
- * - matcha-autocomplete
- * - matcha-select
- * - matcha-menu
- * - etc.
- */
-interface MatchaOptionParent {
-    /**
-     * Método chamado quando uma opção é selecionada
-     * @param option - A instância do MatchaOptionComponent selecionado
-     */
-    selectOption(option: any): void;
+declare class MatchaAvatarComponent {
+    src: string;
+    name: string;
+    size: 'tiny' | 'small' | 'medium' | 'large' | 'huge';
+    color: string;
+    private _disabled;
+    set disabled(value: boolean | string);
+    get disabled(): boolean;
+    get initials(): string;
+    get hasImage(): boolean;
+    get hasName(): boolean;
+    get showDefaultIcon(): boolean;
+    get sizeClass(): string;
+    get avatarClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaAvatarComponent, "matcha-avatar", never, { "src": { "alias": "src"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
 }
-/**
- * Token de injeção para MatchaOptionParent
- * Usado para injetar o componente pai no matcha-option
- */
-declare const MATCHA_OPTION_PARENT: unique symbol;
 
 declare class MatchaOptionComponent {
     private parent;
@@ -953,30 +1049,104 @@ declare class MatchaOptionComponent {
     optionSelect: EventEmitter<MatchaOptionComponent>;
     constructor(parent: MatchaOptionParent | null, elRef: ElementRef);
     onClick(): void;
+    private findParentAndSelect;
     onKeydown(ev: KeyboardEvent): void;
     get nativeElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaOptionComponent, [{ optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaOptionComponent, "matcha-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "optionClick": "optionClick"; "optionSelect": "optionSelect"; }, never, ["*"], false, never>;
 }
 
-declare class MatchaAutocompleteComponent implements AfterContentInit, MatchaOptionParent {
+interface PanelPosition {
+    top: number;
+    left: number;
+    width: number;
+    maxHeight?: number;
+}
+type PanelPlacement = 'bottom' | 'top' | 'auto';
+declare class MatchaPanelComponent implements OnInit, OnDestroy, OnChanges, AfterViewInit {
+    private elRef;
+    private cdr;
+    placement: PanelPlacement;
+    maxHeight: number;
+    minWidth: number;
+    offset: number;
+    triggerElement?: HTMLElement;
+    open: boolean;
+    opened: EventEmitter<void>;
+    closed: EventEmitter<void>;
+    panelRef?: ElementRef<HTMLElement>;
+    panelStyle: {
+        [key: string]: any;
+    };
+    private destroy$;
+    private scrollListener?;
+    private resizeListener?;
+    constructor(elRef: ElementRef, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Anexa o painel a um elemento trigger
+     */
+    attachTo(trigger: HTMLElement): void;
+    ngAfterViewInit(): void;
+    /**
+     * Lifecycle hook para detectar mudanças no triggerElement
+     */
+    ngOnChanges(): void;
+    /**
+     * Abre o painel
+     */
+    openPanel(): void;
+    /**
+     * Fecha o painel
+     */
+    closePanel(): void;
+    /**
+     * Alterna o estado do painel
+     */
+    togglePanel(): void;
+    /**
+     * Atualiza a posição do painel (simplificado para absolute)
+     */
+    updatePosition(): void;
+    /**
+     * Calcula a posição ideal do painel (simplificado para absolute)
+     */
+    private calculatePosition;
+    /**
+     * Configura listeners para scroll e resize
+     */
+    private setupListeners;
+    /**
+     * Remove listeners
+     */
+    private cleanupListeners;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaPanelComponent, "matcha-panel", never, { "placement": { "alias": "placement"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "triggerElement": { "alias": "triggerElement"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, never, ["*"], false, never>;
+}
+
+declare class MatchaAutocompleteComponent implements AfterContentInit, AfterViewInit, MatchaOptionParent {
     elRef: ElementRef;
     private renderer;
     private cdr;
     options: QueryList<MatchaOptionComponent>;
+    panel: MatchaPanelComponent;
+    private selectedValue;
+    placement: 'bottom' | 'top' | 'auto';
+    maxHeight: number;
+    minWidth: number;
+    opened: EventEmitter<void>;
+    closed: EventEmitter<void>;
     open: boolean;
-    panelStyle: {
-        [k: string]: any;
-    };
-    private triggerElement?;
+    triggerElement?: HTMLElement;
     private activeIndex;
     constructor(elRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef);
     ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
     attachTo(input: HTMLElement): void;
     openPanel(): void;
     closePanel(): void;
     togglePanel(): void;
-    setPanelPosition(): void;
     resetActive(): void;
     private updateSelectedStates;
     highlightNext(): void;
@@ -986,7 +1156,7 @@ declare class MatchaAutocompleteComponent implements AfterContentInit, MatchaOpt
     selectOption(option: MatchaOptionComponent): void;
     getSelectedValue(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaAutocompleteComponent, "matcha-autocomplete", never, {}, {}, ["options"], ["*"], false, never>;
+    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 MatchaTooltipDirective {
@@ -1133,6 +1303,7 @@ declare class MatchaAutocompleteTriggerDirective implements AfterViewInit, OnDes
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private writeValueToInput;
+    onClick(): void;
     onFocus(): void;
     onInput(e: Event): void;
     onKeydown(ev: KeyboardEvent): void;
@@ -1147,9 +1318,15 @@ declare class MatchaOptionModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaOptionModule>;
 }
 
+declare class MatchaPanelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaPanelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaPanelModule, [typeof MatchaPanelComponent], [typeof i2.CommonModule], [typeof MatchaPanelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaPanelModule>;
+}
+
 declare class MatchaAutocompleteModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAutocompleteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaAutocompleteModule, [typeof MatchaAutocompleteComponent, typeof MatchaAutocompleteTriggerDirective], [typeof i2.CommonModule, typeof MatchaOptionModule], [typeof MatchaAutocompleteComponent, typeof MatchaAutocompleteTriggerDirective, typeof MatchaOptionModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaAutocompleteModule, [typeof MatchaAutocompleteComponent, typeof MatchaAutocompleteTriggerDirective], [typeof i2.CommonModule, typeof MatchaOptionModule, typeof MatchaPanelModule], [typeof MatchaAutocompleteComponent, typeof MatchaAutocompleteTriggerDirective, typeof MatchaOptionModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaAutocompleteModule>;
 }
 
@@ -1210,20 +1387,6 @@ declare class MatchaChipsModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaChipsModule>;
 }
 
-declare class MatchaDatepickerDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDatepickerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaDatepickerDirective, "[matcha-datepicker]", never, {}, {}, never, never, false, never>;
-}
-
-declare class MatchaDatepickerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDatepickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaDatepickerModule, [typeof MatchaDatepickerDirective], never, [typeof MatchaDatepickerDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaDatepickerModule>;
-}
-
 declare class MatchaHintTextModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaHintTextModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaHintTextModule, [typeof MatchaHintTextComponent], [typeof i2.CommonModule, typeof MatchaIconModule], [typeof MatchaHintTextComponent]>;
@@ -1290,20 +1453,6 @@ declare class MatchaProgressBarModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaProgressBarModule>;
 }
 
-declare class MatchaSelectDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSelectDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaSelectDirective, "[matcha-select]", never, {}, {}, never, never, false, never>;
-}
-
-declare class MatchaSelectModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaSelectModule, [typeof MatchaSelectDirective], [typeof i2.CommonModule], [typeof MatchaSelectDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatchaSelectModule>;
-}
-
 declare class MatchaSidenavDirective {
     private _elementRef;
     private _renderer;
@@ -1456,13 +1605,19 @@ declare class MatchaPageLayoutModule {
 
 declare class MatchaDrawerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaDrawerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaDrawerModule, [typeof MatchaDrawerComponent], [typeof i2.CommonModule, typeof MatchaButtonModule], [typeof MatchaDrawerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaDrawerModule, [typeof MatchaDrawerComponent, typeof MatchaDrawerContainerComponent, typeof MatchaDrawerContentComponent], [typeof i2.CommonModule, typeof MatchaButtonModule], [typeof MatchaDrawerComponent, typeof MatchaDrawerContainerComponent, typeof MatchaDrawerContentComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaDrawerModule>;
 }
 
+declare class MatchaAvatarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaAvatarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaAvatarModule, [typeof MatchaAvatarComponent], [typeof i2.CommonModule], [typeof MatchaAvatarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<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 MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaChipsModule, typeof MatchaDatepickerModule, 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 MatchaSelectModule, 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 MatchaBadgeModule, typeof MatchaButtonModule, typeof MatchaButtonToggleModule, typeof MatchaCardModule, typeof MatchaCheckboxModule, typeof MatchaRadioModule, typeof MatchaChipsModule, typeof MatchaDatepickerModule, 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 MatchaSelectModule, 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]>;
+    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 ɵinj: i0.ɵɵInjectorDeclaration<MatchaComponentsModule>;
 }
 
@@ -1579,5 +1734,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, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, 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, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectDirective, MatchaSelectModule, 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 { ILevelClasses, MatchaDropListConnectedToEvent, MatchaDropListDroppedEvent, MatchaOptionParent, ModalComponent };
+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, MatchaPaginatorDirective, 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, PanelPlacement, PanelPosition };

package/package.json

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