matcha-components 1.0.8 → 1.0.15

package/fesm2022/matcha-components.mjs

@@ -0,0 +1,1402 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule, Directive } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class MatchaCardComponent {
+    constructor() {
+        this.elevation = 0;
+        this.blockquote = 'none';
+        this.color = 'surface';
+        this.blockquoteColor = null;
+        this.class = '';
+        this.alpha = false;
+        this.loading = false;
+    }
+    get classes() {
+        const elevation = `elevation-z-${this.elevation}`;
+        let blockquoteposition = this.blockquote === 'right' || 'left' ? `matcha-card-border-${this.blockquote}` : '';
+        let backgroundColor = '';
+        let blockquoteColor = '';
+        if (this.color === 'bg' || this.color === 'surface') {
+            backgroundColor = `background-${this.color}${this.alpha ? '-alpha' : ''}`;
+            blockquoteColor = this.blockquoteColor ? `border-color-${this.blockquoteColor}` : '';
+        }
+        else {
+            backgroundColor = `background-${this.color}${this.alpha ? '-alpha' : ''} border-color-${this.color}`;
+            this.alpha ? (blockquoteposition = this.blockquote === 'right' || 'left' ? `matcha-card-border-${this.blockquote}` : '') : (blockquoteposition = '');
+        }
+        const activeClasses = `matcha-card ${elevation} ${blockquoteposition} ${blockquoteColor} ${backgroundColor} ${this.loading ? 'loading' : ''} ${this.class}`;
+        return activeClasses;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: MatchaCardComponent, selector: "matcha-card", inputs: { elevation: "elevation", blockquote: "blockquote", color: "color", blockquoteColor: "blockquoteColor", class: "class", alpha: "alpha", loading: "loading" }, ngImport: i0, template: "<div [class]=\"classes\">\n    <ng-content></ng-content>\n</div>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-card', template: "<div [class]=\"classes\">\n    <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { elevation: [{
+                type: Input
+            }], blockquote: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], blockquoteColor: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], alpha: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }] } });
+
+class MatchaHeadlineComponent {
+    constructor() {
+        this.bulletColor = 'accent';
+        this.loading = false;
+    }
+    get classes() {
+        const bullet = this.bulletColor ? `background-${this.bulletColor} min-h-24 h-24 max-h-24 max-w-8 w-8 min-w-8 d-inline-block position-relative mr-8 border-radius-8` : '';
+        const activeClasses = `${bullet} ${this.loading ? 'loading' : ''}`;
+        return activeClasses;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaHeadlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: MatchaHeadlineComponent, selector: "matcha-headline", inputs: { bulletColor: "bulletColor", loading: "loading" }, ngImport: i0, template: "<h4 class=\"lh-16 d-flex d-flex-align-center m-0 h4\"><span [class]=\"classes\"></span><ng-content></ng-content></h4>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaHeadlineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-headline', template: "<h4 class=\"lh-16 d-flex d-flex-align-center m-0 h4\"><span [class]=\"classes\"></span><ng-content></ng-content></h4>\n" }]
+        }], propDecorators: { bulletColor: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }] } });
+
+class MatchaSubheadComponent {
+    constructor() {
+        this.bulletColor = 'accent';
+        this.loading = false;
+    }
+    get classes() {
+        const bullet = this.bulletColor ? `background-${this.bulletColor} min-h-20 h-20 max-h-20 max-w-8 w-8 min-w-8 d-inline-block position-relative mr-8 border-radius-8` : '';
+        const activeClasses = `${bullet} ${this.loading ? 'loading' : ''}`;
+        return activeClasses;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSubheadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: MatchaSubheadComponent, selector: "matcha-subhead", inputs: { bulletColor: "bulletColor", loading: "loading" }, ngImport: i0, template: "<h5 class=\"lh-16 d-flex d-flex-align-center m-0 h5\"><span [class]=\"classes\"></span><ng-content></ng-content></h5>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSubheadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-subhead', template: "<h5 class=\"lh-16 d-flex d-flex-align-center m-0 h5\"><span [class]=\"classes\"></span><ng-content></ng-content></h5>\n" }]
+        }], propDecorators: { bulletColor: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }] } });
+
+class MatchaTitleComponent {
+    constructor() {
+        this.bulletColor = 'accent';
+        this.loading = false;
+    }
+    get classes() {
+        const bullet = this.bulletColor ? `background-${this.bulletColor} min-h-16 h-16 max-h-16 max-w-8 w-8 min-w-8 d-inline-block position-relative mr-8 border-radius-8` : '';
+        const activeClasses = `${bullet} ${this.loading ? 'loading' : ''}`;
+        return activeClasses;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: MatchaTitleComponent, selector: "matcha-title", inputs: { bulletColor: "bulletColor", loading: "loading" }, ngImport: i0, template: "<h6 class=\"lh-24 d-flex d-flex-align-center m-0 h8\"><span [class]=\"classes\"></span><ng-content></ng-content></h6>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-title', template: "<h6 class=\"lh-24 d-flex d-flex-align-center m-0 h8\"><span [class]=\"classes\"></span><ng-content></ng-content></h6>\n" }]
+        }], propDecorators: { bulletColor: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }] } });
+
+class MatchaIconComponent {
+    constructor() {
+        this.name = '';
+        this.size = '';
+        this.color = '';
+        this.class = '';
+        this.loading = false;
+    }
+    get classes() {
+        const icon = this.name ? `i-matcha-${this.name}` : '';
+        const size = this.size ? `i-size-${this.size}` : '';
+        const color = `color-${this.color}`;
+        const loading = this.loading == true ? 'loading' : '';
+        const activeClasses = `${icon} ${color} ${size} ${loading} ${this.class}`;
+        return activeClasses;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: MatchaIconComponent, selector: "matcha-icon", inputs: { name: "name", size: "size", color: "color", class: "class", loading: "loading" }, ngImport: i0, template: "<span [class]=\"classes\">\n    <ng-content></ng-content>\n</span>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-icon', template: "<span [class]=\"classes\">\n    <ng-content></ng-content>\n</span>\n" }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }] } });
+class MatchaCardFooter {
+}
+
+class MatchaGridComponent {
+    getStringSplited(inputValue) {
+        const stringWithoutSpaces = inputValue.replace(/\s+/g, '');
+        return stringWithoutSpaces.split(',');
+    }
+    getGridClasses(breakpoint, col) {
+        const breakpoints = this.getStringSplited(breakpoint);
+        const columns = this.getStringSplited(col);
+        let breakpointClasses = '';
+        for (let i = 0; i < breakpoints.length; i++) {
+            if (breakpoints[i] === '' || breakpoints[i] === 'xs') {
+                breakpointClasses += `grid-${columns[i]} `;
+            }
+            if (breakpoints[i] === 'sm' && columns[i] !== undefined) {
+                breakpointClasses += `grid-sm-${columns[i]} `;
+            }
+            if (breakpoints[i] === 'md' && columns[i] !== undefined) {
+                breakpointClasses += `grid-md-${columns[i]} `;
+            }
+            if (breakpoints[i] === 'lg' && columns[i] !== undefined) {
+                breakpointClasses += `grid-lg-${columns[i]} `;
+            }
+            if (breakpoints[i] === 'xl' && columns[i] !== undefined) {
+                breakpointClasses += `grid-xl-${columns[i]} `;
+            }
+        }
+        return breakpointClasses;
+    }
+    setColspanClasses(span, breakpoint) {
+        if (span) {
+            const spanClasses = this.el.nativeElement.className.split(' ').filter((c) => c.startsWith('colspan-'));
+            spanClasses.forEach((c) => this.renderer.removeClass(this.el.nativeElement, c));
+            this.renderer.addClass(this.el.nativeElement, `colspan${breakpoint ? '-' + breakpoint : '-sm'}-${span}`);
+        }
+    }
+    setRowspanClasses(span, breakpoint) {
+        if (span) {
+            const spanClasses = this.el.nativeElement.className.split(' ').filter((c) => c.startsWith('rowspan-'));
+            spanClasses.forEach((c) => this.renderer.removeClass(this.el.nativeElement, c));
+            this.renderer.addClass(this.el.nativeElement, `rowspan${breakpoint ? '-' + breakpoint : '-sm'}-${span}`);
+        }
+    }
+    // public setRowspanClasses(rowspan: string, breakpoint: string): void {
+    //     const elementsWithRowspanClasses = this.el.nativeElement.className.split(' ').filter((c: string) => c.startsWith('rowspan-'));
+    //     elementsWithRowspanClasses.forEach((c: string) => this.renderer.removeClass(this.el.nativeElement, c));
+    //     //função que executa a adição de classe para cada breakpoint
+    //     const breakpoints = this.getStringSplited(breakpoint);
+    //     const prefix: string = ' rowspan';
+    //     const rows = this.getStringSplited(rowspan);
+    //     let rowspanClasses = '';
+    //     for (let i = 0; i < rows.length; i++) {
+    //         rowspanClasses = prefix + rows[i];
+    //     }
+    //     this.renderer.addClass(this.el.nativeElement, `${rowspanClasses}`);
+    // }
+    get classes() {
+        this.class = 'teste';
+        const breakpoints = this.getGridClasses(this.breakpoint, this.col);
+        const activeClasses = `grid-1 ${breakpoints} gap-${this.gap} ${this.loading ? 'loading' : ''}`;
+        return activeClasses;
+    }
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        this.breakpoint = '';
+        this.col = '';
+        this.gap = '';
+        this.class = '';
+        this.span = '';
+        this.rowspan = '';
+        this.colspan = '';
+        this.direction = '';
+        this.loading = false;
+    }
+    ngOnInit() {
+        this.setColspanClasses(this.colspan, this.breakpoint);
+        this.setRowspanClasses(this.rowspan, this.breakpoint);
+    }
+    ngOnChanges() {
+        this.setColspanClasses(this.colspan, this.breakpoint);
+        this.setRowspanClasses(this.rowspan, this.breakpoint);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: MatchaGridComponent, selector: "matcha-grid", inputs: { breakpoint: "breakpoint", col: "col", gap: "gap", class: "class", span: "span", rowspan: "rowspan", colspan: "colspan", direction: "direction", loading: "loading" }, usesOnChanges: true, ngImport: i0, template: "<div [class]=\"classes\">\n    <ng-content></ng-content>\n</div>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-grid', template: "<div [class]=\"classes\">\n    <ng-content></ng-content>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { breakpoint: [{
+                type: Input
+            }], col: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], span: [{
+                type: Input
+            }], rowspan: [{
+                type: Input
+            }], colspan: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }] } });
+
+class MatchaCardModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaCardModule, declarations: [MatchaCardComponent], imports: [CommonModule], exports: [MatchaCardComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaCardModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaCardComponent],
+                    imports: [CommonModule],
+                    exports: [MatchaCardComponent],
+                }]
+        }] });
+
+class MatchaHeadersModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaHeadersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaHeadersModule, declarations: [MatchaTitleComponent, MatchaHeadlineComponent, MatchaSubheadComponent], imports: [CommonModule], exports: [MatchaTitleComponent, MatchaHeadlineComponent, MatchaSubheadComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaHeadersModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaHeadersModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaTitleComponent, MatchaHeadlineComponent, MatchaSubheadComponent],
+                    imports: [CommonModule],
+                    exports: [MatchaTitleComponent, MatchaHeadlineComponent, MatchaSubheadComponent],
+                }]
+        }] });
+
+class MatchaAutocompleteDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-autocomplete');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaAutocompleteDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaAutocompleteDirective, selector: "[matcha-autocomplete]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaAutocompleteDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matcha-autocomplete]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaAutocompleteOverviewDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-autocomplete-overview');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaAutocompleteOverviewDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaAutocompleteOverviewDirective, selector: "[matcha-autocomplete-overview]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaAutocompleteOverviewDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matcha-autocomplete-overview]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaAutocompleteModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaAutocompleteModule, declarations: [MatchaAutocompleteDirective,
+            MatchaAutocompleteOverviewDirective], exports: [MatchaAutocompleteDirective, MatchaAutocompleteOverviewDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaAutocompleteModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaAutocompleteModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MatchaAutocompleteDirective,
+                        MatchaAutocompleteOverviewDirective,
+                    ],
+                    imports: [],
+                    exports: [MatchaAutocompleteDirective, MatchaAutocompleteOverviewDirective],
+                }]
+        }] });
+
+class MatchaBadgeDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-badge');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaBadgeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaBadgeDirective, selector: "[matcha-badge]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaBadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matcha-badge]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaBadgeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaBadgeModule, declarations: [MatchaBadgeDirective], exports: [MatchaBadgeDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaBadgeModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaBadgeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaBadgeDirective],
+                    imports: [],
+                    exports: [MatchaBadgeDirective],
+                }]
+        }] });
+
+class MatchaTabsDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-tabs');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTabsDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaTabsDirective, selector: "[matchaTabs]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTabsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaTabs]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaTabsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaTabsModule, declarations: [MatchaTabsDirective], imports: [CommonModule], exports: [MatchaTabsDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTabsModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTabsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaTabsDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaTabsDirective],
+                }]
+        }] });
+
+class MatchaBottomSheetDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-bottom-sheet');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaBottomSheetDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaBottomSheetDirective, selector: "[matcha-bottom-sheet]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaBottomSheetDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matcha-bottom-sheet]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaBottomSheetModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaBottomSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaBottomSheetModule, declarations: [MatchaBottomSheetDirective], exports: [MatchaBottomSheetDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaBottomSheetModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaBottomSheetModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaBottomSheetDirective],
+                    imports: [],
+                    exports: [MatchaBottomSheetDirective],
+                }]
+        }] });
+
+class MatchaButtonToggleDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-button-toggle');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaButtonToggleDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaButtonToggleDirective, selector: "[matcha-button-toggle]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaButtonToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matcha-button-toggle]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaButtonToggleModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaButtonToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaButtonToggleModule, declarations: [MatchaButtonToggleDirective], exports: [MatchaButtonToggleDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaButtonToggleModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaButtonToggleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MatchaButtonToggleDirective
+                    ],
+                    imports: [],
+                    exports: [
+                        MatchaButtonToggleDirective
+                    ]
+                }]
+        }] });
+
+class MatchaButtonDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        this.pill = false;
+        this.size = null;
+    }
+    ngOnInit() {
+        this._setConfig();
+    }
+    ngOnChanges() {
+        this._setConfig();
+        console.log(this.size);
+    }
+    _setConfig() {
+        // Remove todas as classes relacionadas ao tamanho
+        ['xs', 'sm', 'md', 'lg', 'xl'].forEach((size) => {
+            this._renderer.removeClass(this._elementRef.nativeElement, `matcha-button-${size}`);
+        });
+        // Adicione a classe correspondente ao novo tamanho (se houver)
+        if (this.size) {
+            this._renderer.addClass(this._elementRef.nativeElement, `matcha-button-${this.size}`);
+        }
+        if (this.pill) {
+            this._renderer.addClass(this._elementRef.nativeElement, `matcha-button-pill`);
+        }
+        else {
+            this._renderer.removeClass(this._elementRef.nativeElement, `matcha-button-pill`);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaButtonDirective, selector: "[matcha-button]", inputs: { pill: "pill", size: "size" }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matcha-button]',
+                    standalone: false,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { pill: [{
+                type: Input,
+                args: ['pill']
+            }], size: [{
+                type: Input,
+                args: ['size']
+            }] } });
+
+class MatchaButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaButtonModule, declarations: [MatchaButtonDirective], exports: [MatchaButtonDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaButtonModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaButtonDirective],
+                    imports: [],
+                    exports: [MatchaButtonDirective],
+                }]
+        }] });
+
+class MatchaCheckboxDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-checkbox');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaCheckboxDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaCheckboxDirective, selector: "[matcha-checkbox]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaCheckboxDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matcha-checkbox]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaCheckboxModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaCheckboxModule, declarations: [MatchaCheckboxDirective], exports: [MatchaCheckboxDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaCheckboxModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaCheckboxDirective],
+                    imports: [],
+                    exports: [MatchaCheckboxDirective],
+                }]
+        }] });
+
+class MatchaChipsDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-chips');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaChipsDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaChipsDirective, selector: "[matchaChips]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaChipsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaChips]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaChipsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaChipsModule, declarations: [MatchaChipsDirective], exports: [MatchaChipsDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaChipsModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaChipsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaChipsDirective],
+                    imports: [],
+                    exports: [
+                        MatchaChipsDirective
+                    ]
+                }]
+        }] });
+
+class MatchaDatepickerDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-datepicker');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDatepickerDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaDatepickerDirective, selector: "[matcha-datepicker]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDatepickerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matcha-datepicker]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaDatepickerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaDatepickerModule, declarations: [MatchaDatepickerDirective], exports: [MatchaDatepickerDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDatepickerModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDatepickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaDatepickerDirective],
+                    imports: [],
+                    exports: [MatchaDatepickerDirective],
+                }]
+        }] });
+
+class MatchaDialogDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-dialog');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDialogDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaDialogDirective, selector: "[matchaDialog]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDialogDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaDialog]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaDialogModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaDialogModule, declarations: [MatchaDialogDirective], imports: [CommonModule], exports: [MatchaDialogDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDialogModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaDialogDirective],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        MatchaDialogDirective
+                    ]
+                }]
+        }] });
+
+class MatchaDividerDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-dialog');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDividerDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaDividerDirective, selector: "[matchaDivider]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDividerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaDivider]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaDividerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaDividerModule, declarations: [MatchaDividerDirective], imports: [CommonModule], exports: [MatchaDividerDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDividerModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaDividerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaDividerDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaDividerDirective],
+                }]
+        }] });
+
+class MatchaElevationDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        this.elevation = 0; // Valor padrão para elevação é 0
+    }
+    ngOnChanges() {
+        // Remove qualquer classe de elevação existente
+        for (let i = 0; i <= 24; i++) {
+            this._renderer.removeClass(this._elementRef.nativeElement, `elevation-z-${i}`);
+        }
+        // Adiciona a classe de elevação correspondente
+        if (this.elevation >= 1 && this.elevation <= 24) {
+            this._renderer.addClass(this._elementRef.nativeElement, `elevation-z-${this.elevation}`);
+        }
+        else {
+            this._renderer.addClass(this._elementRef.nativeElement, `elevation-z-0`);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaElevationDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaElevationDirective, selector: "[elevation]", inputs: { elevation: "elevation" }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaElevationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[elevation]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { elevation: [{
+                type: Input,
+                args: ['elevation']
+            }] } });
+
+class MatchaElevationModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaElevationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaElevationModule, declarations: [MatchaElevationDirective], imports: [CommonModule], exports: [MatchaElevationDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaElevationModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaElevationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaElevationDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaElevationDirective],
+                }]
+        }] });
+
+class MatchaExpansionDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-expansion-panel');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaExpansionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaExpansionDirective, selector: "[matchaExpansion]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaExpansionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaExpansion]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaExpansionModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaExpansionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaExpansionModule, declarations: [MatchaExpansionDirective], imports: [CommonModule], exports: [MatchaExpansionDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaExpansionModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaExpansionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaExpansionDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaExpansionDirective],
+                }]
+        }] });
+
+class MatchaFormFieldDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-form-field');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaFormFieldDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaFormFieldDirective, selector: "[matchaFormField]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaFormFieldDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaFormField]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaFormsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaFormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaFormsModule, declarations: [MatchaFormFieldDirective], imports: [CommonModule], exports: [MatchaFormFieldDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaFormsModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaFormsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaFormFieldDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaFormFieldDirective],
+                }]
+        }] });
+
+class MatchaIconModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaIconModule, declarations: [MatchaIconComponent], imports: [CommonModule], exports: [MatchaIconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaIconModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaIconComponent],
+                    imports: [CommonModule],
+                    exports: [MatchaIconComponent],
+                }]
+        }] });
+
+class MatchaInputDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-input');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaInputDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaInputDirective, selector: "[matcha-input]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matcha-input]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaInputModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaInputModule, declarations: [MatchaInputDirective], exports: [MatchaInputDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaInputModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaInputDirective],
+                    imports: [],
+                    exports: [MatchaInputDirective],
+                }]
+        }] });
+
+class MatchaListDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-list');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaListDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaListDirective, selector: "[matchaList]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaList]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaListModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaListModule, declarations: [MatchaListDirective], imports: [CommonModule], exports: [MatchaListDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaListModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaListDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaListDirective],
+                }]
+        }] });
+
+class MatchaMenuDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-menu');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaMenuDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaMenuDirective, selector: "[matchaMenu]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaMenuDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaMenu]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaMenuModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaMenuModule, declarations: [MatchaMenuDirective], imports: [CommonModule], exports: [MatchaMenuDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaMenuModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaMenuDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaMenuDirective],
+                }]
+        }] });
+
+class MatchaSidenavDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-sidenav');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSidenavDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaSidenavDirective, selector: "[matcha-sidenav]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSidenavDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matcha-sidenav]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaSidenavModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaSidenavModule, declarations: [MatchaSidenavDirective], imports: [CommonModule], exports: [MatchaSidenavDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSidenavModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSidenavModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaSidenavDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaSidenavDirective],
+                }]
+        }] });
+
+class MatchaPaginatorDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-paginator');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaPaginatorDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaPaginatorDirective, selector: "[matchaPaginator]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaPaginatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaPaginator]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaPaginatorModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaPaginatorModule, declarations: [MatchaPaginatorDirective], imports: [CommonModule], exports: [MatchaPaginatorDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaPaginatorModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaPaginatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaPaginatorDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaPaginatorDirective],
+                }]
+        }] });
+
+class MatchaProgressBarDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-progress-bar');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaProgressBarDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaProgressBarDirective, selector: "[matcha-progress-bar]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaProgressBarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matcha-progress-bar]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaProgressBarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaProgressBarModule, declarations: [MatchaProgressBarDirective], imports: [CommonModule], exports: [MatchaProgressBarDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaProgressBarModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaProgressBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaProgressBarDirective],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        MatchaProgressBarDirective
+                    ]
+                }]
+        }] });
+
+class MatchaProgressSpinnerDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-progress-spinner');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaProgressSpinnerDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaProgressSpinnerDirective, selector: "[matcha-progress-spinner]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaProgressSpinnerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matcha-progress-spinner]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaProgressSpinnerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaProgressSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaProgressSpinnerModule, declarations: [MatchaProgressSpinnerDirective], imports: [CommonModule], exports: [MatchaProgressSpinnerDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaProgressSpinnerModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaProgressSpinnerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaProgressSpinnerDirective],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        MatchaProgressSpinnerDirective
+                    ]
+                }]
+        }] });
+
+class MatchaRadioButtonDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-radio-button');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaRadioButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaRadioButtonDirective, selector: "[matchaRadioButton]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaRadioButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaRadioButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaRadioButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaRadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaRadioButtonModule, declarations: [MatchaRadioButtonDirective], imports: [CommonModule], exports: [MatchaRadioButtonDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaRadioButtonModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaRadioButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaRadioButtonDirective],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [MatchaRadioButtonDirective]
+                }]
+        }] });
+
+class MatchaSelectDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-select');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSelectDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaSelectDirective, selector: "[matcha-select]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSelectDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matcha-select]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaSelectModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaSelectModule, declarations: [MatchaSelectDirective], imports: [CommonModule], exports: [MatchaSelectDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSelectModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaSelectDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaSelectDirective],
+                }]
+        }] });
+
+class MatchaSlideToggleDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-slide-toggle');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSlideToggleDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaSlideToggleDirective, selector: "[slide-toggle]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSlideToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slide-toggle]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaSlideToggleModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSlideToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaSlideToggleModule, declarations: [MatchaSlideToggleDirective], imports: [CommonModule], exports: [MatchaSlideToggleDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSlideToggleModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSlideToggleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaSlideToggleDirective],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [MatchaSlideToggleDirective]
+                }]
+        }] });
+
+class MatchaSliderDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-slider');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSliderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaSliderDirective, selector: "[matchaSlider]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSliderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaSlider]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaSliderModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaSliderModule, declarations: [MatchaSliderDirective], imports: [CommonModule], exports: [MatchaSliderDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSliderModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSliderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaSliderDirective],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [MatchaSliderDirective]
+                }]
+        }] });
+
+class MatchaSnackBarDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-snackbar');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSnackBarDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaSnackBarDirective, selector: "[matchaSnackBar]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSnackBarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaSnackBar]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaSnackBarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSnackBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaSnackBarModule, declarations: [MatchaSnackBarDirective], imports: [CommonModule], exports: [MatchaSnackBarDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSnackBarModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSnackBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaSnackBarDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaSnackBarDirective],
+                }]
+        }] });
+
+class MatchaSortHeaderDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-sort-header');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSortHeaderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaSortHeaderDirective, selector: "[matchaSortHeader]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSortHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaSortHeader]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaSortHeaderModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSortHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaSortHeaderModule, declarations: [MatchaSortHeaderDirective], imports: [CommonModule], exports: [MatchaSortHeaderDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSortHeaderModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaSortHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaSortHeaderDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaSortHeaderDirective],
+                }]
+        }] });
+
+class MatchaStepperDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-stepper');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaStepperDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaStepperDirective, selector: "[matchaStepper]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaStepperDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaStepper]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaStepperModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaStepperModule, declarations: [MatchaStepperDirective], imports: [CommonModule], exports: [MatchaStepperDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaStepperModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaStepperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaStepperDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaStepperDirective],
+                }]
+        }] });
+
+class MatchaTableDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-table');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaTableDirective, selector: "[matchaTable]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaTable]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaTableModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaTableModule, declarations: [MatchaTableDirective], imports: [CommonModule], exports: [MatchaTableDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTableModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaTableDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaTableDirective],
+                }]
+        }] });
+
+class MatchaTooltipDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-tooltip');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaTooltipDirective, selector: "[matchaTooltip]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaTooltip]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaTooltipModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaTooltipModule, declarations: [MatchaTooltipDirective], imports: [CommonModule], exports: [MatchaTooltipDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTooltipModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaTooltipDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaTooltipDirective],
+                }]
+        }] });
+
+class MatchaTreeDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-tree');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTreeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: MatchaTreeDirective, selector: "[matchaTree]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTreeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaTree]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+
+class MatchaTreeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaTreeModule, declarations: [MatchaTreeDirective], imports: [CommonModule], exports: [MatchaTreeDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTreeModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaTreeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaTreeDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaTreeDirective],
+                }]
+        }] });
+
+class MatchaComponentsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaComponentsModule, imports: [MatchaCardModule, MatchaHeadersModule], exports: [MatchaCardModule, MatchaHeadersModule, MatchaAutocompleteModule, MatchaBadgeModule, MatchaTabsModule, MatchaBottomSheetModule, MatchaButtonToggleModule, MatchaButtonModule, MatchaCheckboxModule, MatchaChipsModule, MatchaDatepickerModule, MatchaDialogModule, MatchaDividerModule, MatchaElevationModule, MatchaExpansionModule, MatchaFormsModule, MatchaIconModule, MatchaInputModule, MatchaListModule, MatchaMenuModule, MatchaSidenavModule, MatchaPaginatorModule, MatchaProgressBarModule, MatchaProgressSpinnerModule, MatchaRadioButtonModule, MatchaSelectModule, MatchaSlideToggleModule, MatchaSliderModule, MatchaSnackBarModule, MatchaSortHeaderModule, MatchaStepperModule, MatchaTableModule, MatchaTabsModule, MatchaTooltipModule, MatchaTreeModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaComponentsModule, imports: [MatchaCardModule, MatchaHeadersModule, MatchaCardModule, MatchaHeadersModule, MatchaAutocompleteModule, MatchaBadgeModule, MatchaTabsModule, MatchaBottomSheetModule, MatchaButtonToggleModule, MatchaButtonModule, MatchaCheckboxModule, MatchaChipsModule, MatchaDatepickerModule, MatchaDialogModule, MatchaDividerModule, MatchaElevationModule, MatchaExpansionModule, MatchaFormsModule, MatchaIconModule, MatchaInputModule, MatchaListModule, MatchaMenuModule, MatchaSidenavModule, MatchaPaginatorModule, MatchaProgressBarModule, MatchaProgressSpinnerModule, MatchaRadioButtonModule, MatchaSelectModule, MatchaSlideToggleModule, MatchaSliderModule, MatchaSnackBarModule, MatchaSortHeaderModule, MatchaStepperModule, MatchaTableModule, MatchaTabsModule, MatchaTooltipModule, MatchaTreeModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [MatchaCardModule, MatchaHeadersModule],
+                    exports: [MatchaCardModule, MatchaHeadersModule, MatchaAutocompleteModule, MatchaBadgeModule, MatchaTabsModule, MatchaBottomSheetModule, MatchaButtonToggleModule, MatchaButtonModule, MatchaCheckboxModule, MatchaChipsModule, MatchaDatepickerModule, MatchaDialogModule, MatchaDividerModule, MatchaElevationModule, MatchaExpansionModule, MatchaFormsModule, MatchaIconModule, MatchaInputModule, MatchaListModule, MatchaMenuModule, MatchaSidenavModule, MatchaPaginatorModule, MatchaProgressBarModule, MatchaProgressSpinnerModule, MatchaRadioButtonModule, MatchaSelectModule, MatchaSlideToggleModule, MatchaSliderModule, MatchaSnackBarModule, MatchaSortHeaderModule, MatchaStepperModule, MatchaTableModule, MatchaTabsModule, MatchaTooltipModule, MatchaTreeModule],
+                }]
+        }] });
+
+class MatchaGridModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MatchaGridModule, declarations: [MatchaGridComponent], imports: [CommonModule], exports: [MatchaGridComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaGridModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MatchaGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaGridComponent],
+                    imports: [CommonModule],
+                    exports: [MatchaGridComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of matcha-components
+ */
+// -----------------------------------------------------------
+// COMPONENTS
+// -----------------------------------------------------------
+// // ATOMIC COMPONENTS
+// export * from './lib/matcha-button/matcha-button.component';
+// // BASE COMPONENT
+// export * from './lib/matcha-title/matcha-title.component';
+//
+// -----------------------------------------------------------
+// COMPONENTS
+// -----------------------------------------------------------
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MatchaAutocompleteDirective, MatchaAutocompleteModule, MatchaAutocompleteOverviewDirective, MatchaBadgeDirective, MatchaBadgeModule, MatchaBottomSheetDirective, MatchaBottomSheetModule, MatchaButtonDirective, MatchaButtonModule, MatchaButtonToggleDirective, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardFooter, MatchaCardModule, MatchaCheckboxDirective, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDialogDirective, MatchaDialogModule, MatchaDividerDirective, MatchaDividerModule, MatchaElevationDirective, MatchaElevationModule, MatchaExpansionDirective, MatchaExpansionModule, MatchaFormFieldDirective, MatchaFormsModule, MatchaGridComponent, MatchaGridModule, MatchaHeadersModule, MatchaHeadlineComponent, MatchaIconComponent, MatchaIconModule, MatchaInputDirective, MatchaInputModule, MatchaListDirective, MatchaListModule, MatchaMenuDirective, MatchaMenuModule, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaProgressSpinnerDirective, MatchaProgressSpinnerModule, MatchaRadioButtonDirective, MatchaRadioButtonModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSlideToggleDirective, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaStepperDirective, MatchaStepperModule, MatchaSubheadComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsDirective, MatchaTabsModule, MatchaTitleComponent, MatchaTooltipDirective, MatchaTooltipModule, MatchaTreeDirective, MatchaTreeModule };
+//# sourceMappingURL=matcha-components.mjs.map