matcha-components 20.5.0 → 20.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/matcha-components.mjs +686 -848
- package/fesm2022/matcha-components.mjs.map +1 -1
- package/index.d.ts +92 -120
- package/package.json +1 -1
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Output, Input, Component, ContentChildren, ElementRef, Renderer2, HostBinding, Inject, HostListener, ContentChild, Directive, forwardRef, ChangeDetectionStrategy, TemplateRef, ViewChild,
|
|
2
|
+
import { EventEmitter, Output, Input, Component, ContentChildren, ElementRef, Renderer2, HostBinding, Inject, HostListener, ContentChild, Directive, forwardRef, Injectable, ChangeDetectionStrategy, TemplateRef, ViewChild, NgModule, createComponent } from '@angular/core';
|
|
3
3
|
import { animation, style, animate, trigger, transition, useAnimation, state, query, stagger, animateChild, sequence, group } from '@angular/animations';
|
|
4
|
-
import { Subscription, Subject, BehaviorSubject
|
|
5
|
-
import { debounceTime
|
|
4
|
+
import { Subscription, Subject, BehaviorSubject } from 'rxjs';
|
|
5
|
+
import { debounceTime } from 'rxjs/operators';
|
|
6
6
|
import * as i1 from '@angular/common';
|
|
7
7
|
import { CommonModule } from '@angular/common';
|
|
8
|
+
import * as i1$1 from '@angular/forms';
|
|
8
9
|
import { FormControlName, NG_VALUE_ACCESSOR, NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
9
10
|
|
|
10
11
|
const customAnimation = animation([
|
|
@@ -383,10 +384,10 @@ class MatchaAccordionItemComponent {
|
|
|
383
384
|
this.isOpen = !this.isOpen;
|
|
384
385
|
this.opened.emit(this.isOpen);
|
|
385
386
|
}
|
|
386
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
387
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
387
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
388
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaAccordionItemComponent, isStandalone: false, selector: "matcha-accordion-item", inputs: { stretch: "stretch", isOpen: "isOpen" }, outputs: { opened: "opened" }, ngImport: i0, template: "<div class=\"accordion-item flex-column overflow-hidden\">\n <div class=\"accordion-header d-flex\">\n <div class=\"d-flex accordion-header-wrapper\" (click)=\"toggleAccordion()\">\n <ng-content select=\"matcha-accordion-header\"></ng-content>\n </div>\n </div>\n <div class=\"accordion-content overflow-hidden\" [@expandCollapse]=\"isOpen ? '*' : 'void'\">\n <ng-content select=\"matcha-accordion-content\"></ng-content>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [""], animations: [...createAnimations] }); }
|
|
388
389
|
}
|
|
389
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
390
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAccordionItemComponent, decorators: [{
|
|
390
391
|
type: Component,
|
|
391
392
|
args: [{ selector: 'matcha-accordion-item', standalone: false, animations: [...createAnimations], template: "<div class=\"accordion-item flex-column overflow-hidden\">\n <div class=\"accordion-header d-flex\">\n <div class=\"d-flex accordion-header-wrapper\" (click)=\"toggleAccordion()\">\n <ng-content select=\"matcha-accordion-header\"></ng-content>\n </div>\n </div>\n <div class=\"accordion-content overflow-hidden\" [@expandCollapse]=\"isOpen ? '*' : 'void'\">\n <ng-content select=\"matcha-accordion-content\"></ng-content>\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
392
393
|
}], propDecorators: { stretch: [{
|
|
@@ -427,10 +428,10 @@ class MatchaAccordionComponent {
|
|
|
427
428
|
});
|
|
428
429
|
}
|
|
429
430
|
}
|
|
430
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
431
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
431
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
432
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaAccordionComponent, isStandalone: false, selector: "matcha-accordion", inputs: { multiple: "multiple" }, outputs: { openedChange: "openedChange" }, queries: [{ propertyName: "items", predicate: MatchaAccordionItemComponent }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
432
433
|
}
|
|
433
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAccordionComponent, decorators: [{
|
|
434
435
|
type: Component,
|
|
435
436
|
args: [{ selector: 'matcha-accordion', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
436
437
|
}], propDecorators: { multiple: [{
|
|
@@ -444,19 +445,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
444
445
|
}] } });
|
|
445
446
|
|
|
446
447
|
class MatchaAccordionHeaderComponent {
|
|
447
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
448
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
448
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAccordionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
449
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaAccordionHeaderComponent, isStandalone: false, selector: "matcha-accordion-header", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
449
450
|
}
|
|
450
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
451
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAccordionHeaderComponent, decorators: [{
|
|
451
452
|
type: Component,
|
|
452
453
|
args: [{ selector: 'matcha-accordion-header', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
453
454
|
}] });
|
|
454
455
|
|
|
455
456
|
class MatchaAccordionContentComponent {
|
|
456
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
457
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
457
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAccordionContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
458
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaAccordionContentComponent, isStandalone: false, selector: "matcha-accordion-content", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
458
459
|
}
|
|
459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
460
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAccordionContentComponent, decorators: [{
|
|
460
461
|
type: Component,
|
|
461
462
|
args: [{ selector: 'matcha-accordion-content', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
462
463
|
}] });
|
|
@@ -495,10 +496,10 @@ class MatchaInfiniteScrollComponent {
|
|
|
495
496
|
ngOnDestroy() {
|
|
496
497
|
this.observer.disconnect();
|
|
497
498
|
}
|
|
498
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
499
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
499
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaInfiniteScrollComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
500
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaInfiniteScrollComponent, isStandalone: false, selector: "matcha-infinite-scroll", outputs: { scrolledToEnd: "scrolledToEnd" }, ngImport: i0, template: "", styles: [""] }); }
|
|
500
501
|
}
|
|
501
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
502
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaInfiniteScrollComponent, decorators: [{
|
|
502
503
|
type: Component,
|
|
503
504
|
args: [{ selector: 'matcha-infinite-scroll', standalone: false, template: "" }]
|
|
504
505
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { scrolledToEnd: [{
|
|
@@ -616,10 +617,10 @@ class MatchaInfiniteScrollDataComponent {
|
|
|
616
617
|
this.dataSubscription.unsubscribe();
|
|
617
618
|
this.searchSubscription.unsubscribe();
|
|
618
619
|
}
|
|
619
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
620
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
620
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaInfiniteScrollDataComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
621
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaInfiniteScrollDataComponent, isStandalone: false, selector: "matcha-infinite-scroll-data", inputs: { loadData: "loadData", initialList: "initialList", threshold: "threshold", resetKey: "resetKey", searchTerm: "searchTerm" }, outputs: { aggregatedData: "aggregatedData", exactMatch: "exactMatch" }, usesOnChanges: true, ngImport: i0, template: "", styles: ["", ":host{height:1px;opacity:0}\n"] }); }
|
|
621
622
|
}
|
|
622
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
623
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaInfiniteScrollDataComponent, decorators: [{
|
|
623
624
|
type: Component,
|
|
624
625
|
args: [{ selector: 'matcha-infinite-scroll-data', standalone: false, template: "", styles: [":host{height:1px;opacity:0}\n"] }]
|
|
625
626
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { loadData: [{
|
|
@@ -672,10 +673,10 @@ class MatchaLazyloadComponent {
|
|
|
672
673
|
ngOnDestroy() {
|
|
673
674
|
this.observer.disconnect();
|
|
674
675
|
}
|
|
675
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
676
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
676
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaLazyloadComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
677
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaLazyloadComponent, isStandalone: false, selector: "matcha-lazyload", outputs: { scrolledToEnd: "scrolledToEnd" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
677
678
|
}
|
|
678
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
679
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaLazyloadComponent, decorators: [{
|
|
679
680
|
type: Component,
|
|
680
681
|
args: [{ selector: 'matcha-lazyload', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
681
682
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { scrolledToEnd: [{
|
|
@@ -799,10 +800,10 @@ class MatchaLazyloadDataComponent {
|
|
|
799
800
|
this.dataSubscription.unsubscribe();
|
|
800
801
|
this.searchSubscription.unsubscribe();
|
|
801
802
|
}
|
|
802
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
803
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
803
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaLazyloadDataComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
804
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaLazyloadDataComponent, isStandalone: false, selector: "matcha-lazyload-data", inputs: { loadData: "loadData", initialList: "initialList", threshold: "threshold", rootMargin: "rootMargin", resetKey: "resetKey", searchTerm: "searchTerm" }, outputs: { aggregatedData: "aggregatedData", exactMatch: "exactMatch" }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["", ":host{height:1px;opacity:0}\n"] }); }
|
|
804
805
|
}
|
|
805
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
806
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaLazyloadDataComponent, decorators: [{
|
|
806
807
|
type: Component,
|
|
807
808
|
args: [{ selector: 'matcha-lazyload-data', standalone: false, template: "<ng-content></ng-content>\n", styles: [":host{height:1px;opacity:0}\n"] }]
|
|
808
809
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { loadData: [{
|
|
@@ -976,10 +977,10 @@ class MatchaButtonComponent {
|
|
|
976
977
|
button.removeEventListener('click', this.addRippleEffect, false);
|
|
977
978
|
});
|
|
978
979
|
}
|
|
979
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
980
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
980
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaButtonComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
981
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaButtonComponent, isStandalone: false, selector: "[matcha-button]", inputs: { size: "size", sizeXs: ["size-xs", "sizeXs"], sizeSm: ["size-sm", "sizeSm"], sizeMd: ["size-md", "sizeMd"], sizeLg: ["size-lg", "sizeLg"], sizeXl: ["size-xl", "sizeXl"], color: "color", basic: "basic", outline: "outline", alpha: "alpha", pill: "pill", link: "link", icon: "icon" }, host: { properties: { "attr.color": "this.colorAttr" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
981
982
|
}
|
|
982
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
983
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaButtonComponent, decorators: [{
|
|
983
984
|
type: Component,
|
|
984
985
|
args: [{ selector: '[matcha-button]', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
985
986
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -1077,10 +1078,10 @@ class MatchaCardComponent {
|
|
|
1077
1078
|
hasBlockquotePosition() {
|
|
1078
1079
|
return this.blockquote === 'left' || this.blockquote === 'right';
|
|
1079
1080
|
}
|
|
1080
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1081
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1081
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1082
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaCardComponent, isStandalone: false, selector: "matcha-card", inputs: { color: "color", blockquote: "blockquote", blockquoteColor: "blockquoteColor", class: "class", alpha: "alpha", tint: "tint", loading: "loading" }, host: { properties: { "attr.color": "this.colorAttr", "class": "this.classes" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
1082
1083
|
}
|
|
1083
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1084
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaCardComponent, decorators: [{
|
|
1084
1085
|
type: Component,
|
|
1085
1086
|
args: [{ selector: 'matcha-card', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
1086
1087
|
}], propDecorators: { color: [{
|
|
@@ -1143,10 +1144,10 @@ class MatchaDividerComponent {
|
|
|
1143
1144
|
activeClasses += gapXl ? ` ${gapXl}` : '';
|
|
1144
1145
|
return activeClasses;
|
|
1145
1146
|
}
|
|
1146
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1147
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1147
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1148
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaDividerComponent, isStandalone: false, selector: "matcha-divider", inputs: { gap: "gap", gapSm: ["gap-sm", "gapSm"], gapMd: ["gap-md", "gapMd"], gapLg: ["gap-lg", "gapLg"], gapXl: ["gap-xl", "gapXl"], vertical: "vertical" }, ngImport: i0, template: "<div [class]=\"classes\"></div>\n", styles: [""] }); }
|
|
1148
1149
|
}
|
|
1149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1150
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDividerComponent, decorators: [{
|
|
1150
1151
|
type: Component,
|
|
1151
1152
|
args: [{ selector: 'matcha-divider', standalone: false, template: "<div [class]=\"classes\"></div>\n" }]
|
|
1152
1153
|
}], propDecorators: { gap: [{
|
|
@@ -1213,10 +1214,10 @@ class MatchaTitleComponent {
|
|
|
1213
1214
|
hasIconClickOutput() {
|
|
1214
1215
|
return this.iconClick.observers.length > 0;
|
|
1215
1216
|
}
|
|
1216
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1217
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1217
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1218
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaTitleComponent, isStandalone: false, selector: "matcha-title", inputs: { color: "color", size: "size", loading: "loading", type: "type", icon: "icon" }, outputs: { iconClick: "iconClick" }, ngImport: i0, template: "<!-- <matcha-title size=\"1\" type=\"bullet\"></matcha-title> -->\n\n<div class=\"d-flex flex-align-center m-0\">\n <span [class]=\"signClasses\" [class.cursor-pointer]=\"hasIconClickOutput()\" (click)=\"emitIconAction()\"></span>\n <span [class]=\"textClasses\">\n <ng-content></ng-content>\n </span>\n</div>\n", styles: [""] }); }
|
|
1218
1219
|
}
|
|
1219
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTitleComponent, decorators: [{
|
|
1220
1221
|
type: Component,
|
|
1221
1222
|
args: [{ selector: 'matcha-title', standalone: false, template: "<!-- <matcha-title size=\"1\" type=\"bullet\"></matcha-title> -->\n\n<div class=\"d-flex flex-align-center m-0\">\n <span [class]=\"signClasses\" [class.cursor-pointer]=\"hasIconClickOutput()\" (click)=\"emitIconAction()\"></span>\n <span [class]=\"textClasses\">\n <ng-content></ng-content>\n </span>\n</div>\n" }]
|
|
1222
1223
|
}], propDecorators: { color: [{
|
|
@@ -1233,94 +1234,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
1233
1234
|
type: Output
|
|
1234
1235
|
}] } });
|
|
1235
1236
|
|
|
1236
|
-
class MatchaDrawerComponent {
|
|
1237
|
-
get drawerClasses() {
|
|
1238
|
-
return `matcha-drawer matcha-drawer-${this.mode} matcha-drawer-${this.position} ${this.isOpen ? 'matcha-drawer-open' : 'matcha-drawer-closed'}`;
|
|
1239
|
-
}
|
|
1240
|
-
get drawerWidth() {
|
|
1241
|
-
return this.isOpen && this.mode === 'push' ? this.width : '0px';
|
|
1242
|
-
}
|
|
1243
|
-
constructor(elementRef, renderer) {
|
|
1244
|
-
this.elementRef = elementRef;
|
|
1245
|
-
this.renderer = renderer;
|
|
1246
|
-
this.isOpen = false;
|
|
1247
|
-
this.mode = 'push'; // push empurra o conteúdo, overlay sobrepõe
|
|
1248
|
-
this.position = 'left';
|
|
1249
|
-
this.width = '280px';
|
|
1250
|
-
this.isOpenChange = new EventEmitter();
|
|
1251
|
-
this.openChange = new EventEmitter();
|
|
1252
|
-
}
|
|
1253
|
-
ngOnInit() {
|
|
1254
|
-
this.renderer.addClass(this.elementRef.nativeElement, 'matcha-drawer');
|
|
1255
|
-
// Configurar classes utilitárias baseadas no modo
|
|
1256
|
-
if (this.mode === 'overlay') {
|
|
1257
|
-
this.renderer.addClass(this.elementRef.nativeElement, 'position-fixed');
|
|
1258
|
-
this.renderer.addClass(this.elementRef.nativeElement, 'place-top');
|
|
1259
|
-
this.renderer.addClass(this.elementRef.nativeElement, 'z-index-11'); // Aumentado para ficar acima do backdrop
|
|
1260
|
-
this.renderer.setStyle(this.elementRef.nativeElement, 'height', '100vh');
|
|
1261
|
-
}
|
|
1262
|
-
else {
|
|
1263
|
-
this.renderer.addClass(this.elementRef.nativeElement, 'position-relative');
|
|
1264
|
-
}
|
|
1265
|
-
// Configurar posição left/right
|
|
1266
|
-
if (this.position === 'left') {
|
|
1267
|
-
this.renderer.addClass(this.elementRef.nativeElement, 'place-left');
|
|
1268
|
-
}
|
|
1269
|
-
else {
|
|
1270
|
-
this.renderer.setStyle(this.elementRef.nativeElement, 'right', '0');
|
|
1271
|
-
}
|
|
1272
|
-
}
|
|
1273
|
-
ngOnDestroy() {
|
|
1274
|
-
// Cleanup se necessário
|
|
1275
|
-
}
|
|
1276
|
-
toggle() {
|
|
1277
|
-
this.isOpen = !this.isOpen;
|
|
1278
|
-
this.isOpenChange.emit(this.isOpen);
|
|
1279
|
-
this.openChange.emit(this.isOpen);
|
|
1280
|
-
}
|
|
1281
|
-
open() {
|
|
1282
|
-
if (!this.isOpen) {
|
|
1283
|
-
this.isOpen = true;
|
|
1284
|
-
this.isOpenChange.emit(this.isOpen);
|
|
1285
|
-
this.openChange.emit(this.isOpen);
|
|
1286
|
-
}
|
|
1287
|
-
}
|
|
1288
|
-
close() {
|
|
1289
|
-
if (this.isOpen) {
|
|
1290
|
-
this.isOpen = false;
|
|
1291
|
-
this.isOpenChange.emit(this.isOpen);
|
|
1292
|
-
this.openChange.emit(this.isOpen);
|
|
1293
|
-
}
|
|
1294
|
-
}
|
|
1295
|
-
get animationState() {
|
|
1296
|
-
return this.isOpen ? this.position : 'void';
|
|
1297
|
-
}
|
|
1298
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDrawerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1299
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: MatchaDrawerComponent, isStandalone: false, selector: "matcha-drawer", inputs: { isOpen: "isOpen", mode: "mode", position: "position", width: "width" }, outputs: { isOpenChange: "isOpenChange", openChange: "openChange" }, host: { properties: { "class": "this.drawerClasses", "style.width": "this.drawerWidth" } }, ngImport: i0, template: "<!-- Backdrop para modo overlay (renderizado primeiro para ficar atr\u00E1s) -->\n<div *ngIf=\"mode === 'overlay' && isOpen\"\n class=\"matcha-drawer-backdrop position-fixed place-top place-left z-index-9 w-100-p h-100-p\"\n [@fadeInOut]=\"isOpen ? '1' : '0'\"\n (click)=\"close()\">\n</div>\n\n<!-- Drawer Content Container -->\n<div class=\"matcha-drawer-container\"\n [@slideIn]=\"animationState\"\n [class.matcha-drawer-overlay-mode]=\"mode === 'overlay'\"\n [class.matcha-drawer-push-mode]=\"mode === 'push'\"\n [style.width]=\"width\">\n\n <!-- Drawer Header (opcional) -->\n <div class=\"matcha-drawer-header\" *ngIf=\"isOpen\">\n <ng-content select=\"[slot=header]\"></ng-content>\n\n <!-- Close button quando em modo overlay -->\n <button *ngIf=\"mode === 'overlay'\"\n matcha-button\n icon\n size=\"small\"\n basic\n (click)=\"close()\"\n class=\"matcha-drawer-close-btn place-right\">\n <span class=\"i-matcha-close\"></span>\n </button>\n </div>\n\n <!-- Drawer Content -->\n <div class=\"matcha-drawer-content\" *ngIf=\"isOpen\">\n <ng-content></ng-content>\n </div>\n\n <!-- Drawer Footer (opcional) -->\n <div class=\"matcha-drawer-footer\" *ngIf=\"isOpen\">\n <ng-content select=\"[slot=footer]\"></ng-content>\n </div>\n</div>\n", styles: [":host{display:block;transition:width .3s cubic-bezier(.4,0,.2,1)}.matcha-drawer-container{height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.matcha-drawer-push-mode{background-color:var(--color-background);border-right:1px solid var(--color-divider)}.matcha-drawer-overlay-mode{background-color:var(--color-card);box-shadow:var(--elevation-4);border-radius:0 8px 8px 0;position:relative;z-index:11}.matcha-drawer-header{padding:16px;border-bottom:1px solid var(--color-divider);position:relative;z-index:1}.matcha-drawer-close-btn{position:absolute;top:8px;right:8px}.matcha-drawer-content{padding:16px;overflow-y:auto;max-height:calc(100vh - 100px);position:relative;z-index:1}.matcha-drawer-footer{padding:16px;border-top:1px solid var(--color-divider);margin-top:auto;position:relative;z-index:1}.matcha-drawer-backdrop{background-color:#00000052;cursor:pointer}:host(.matcha-drawer-right) .matcha-drawer-overlay-mode{border-radius:8px 0 0 8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatchaButtonComponent, selector: "[matcha-button]", inputs: ["size", "size-xs", "size-sm", "size-md", "size-lg", "size-xl", "color", "basic", "outline", "alpha", "pill", "link", "icon"] }], animations: createAnimations }); }
|
|
1300
|
-
}
|
|
1301
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDrawerComponent, decorators: [{
|
|
1302
|
-
type: Component,
|
|
1303
|
-
args: [{ selector: 'matcha-drawer', animations: createAnimations, standalone: false, template: "<!-- Backdrop para modo overlay (renderizado primeiro para ficar atr\u00E1s) -->\n<div *ngIf=\"mode === 'overlay' && isOpen\"\n class=\"matcha-drawer-backdrop position-fixed place-top place-left z-index-9 w-100-p h-100-p\"\n [@fadeInOut]=\"isOpen ? '1' : '0'\"\n (click)=\"close()\">\n</div>\n\n<!-- Drawer Content Container -->\n<div class=\"matcha-drawer-container\"\n [@slideIn]=\"animationState\"\n [class.matcha-drawer-overlay-mode]=\"mode === 'overlay'\"\n [class.matcha-drawer-push-mode]=\"mode === 'push'\"\n [style.width]=\"width\">\n\n <!-- Drawer Header (opcional) -->\n <div class=\"matcha-drawer-header\" *ngIf=\"isOpen\">\n <ng-content select=\"[slot=header]\"></ng-content>\n\n <!-- Close button quando em modo overlay -->\n <button *ngIf=\"mode === 'overlay'\"\n matcha-button\n icon\n size=\"small\"\n basic\n (click)=\"close()\"\n class=\"matcha-drawer-close-btn place-right\">\n <span class=\"i-matcha-close\"></span>\n </button>\n </div>\n\n <!-- Drawer Content -->\n <div class=\"matcha-drawer-content\" *ngIf=\"isOpen\">\n <ng-content></ng-content>\n </div>\n\n <!-- Drawer Footer (opcional) -->\n <div class=\"matcha-drawer-footer\" *ngIf=\"isOpen\">\n <ng-content select=\"[slot=footer]\"></ng-content>\n </div>\n</div>\n", styles: [":host{display:block;transition:width .3s cubic-bezier(.4,0,.2,1)}.matcha-drawer-container{height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.matcha-drawer-push-mode{background-color:var(--color-background);border-right:1px solid var(--color-divider)}.matcha-drawer-overlay-mode{background-color:var(--color-card);box-shadow:var(--elevation-4);border-radius:0 8px 8px 0;position:relative;z-index:11}.matcha-drawer-header{padding:16px;border-bottom:1px solid var(--color-divider);position:relative;z-index:1}.matcha-drawer-close-btn{position:absolute;top:8px;right:8px}.matcha-drawer-content{padding:16px;overflow-y:auto;max-height:calc(100vh - 100px);position:relative;z-index:1}.matcha-drawer-footer{padding:16px;border-top:1px solid var(--color-divider);margin-top:auto;position:relative;z-index:1}.matcha-drawer-backdrop{background-color:#00000052;cursor:pointer}:host(.matcha-drawer-right) .matcha-drawer-overlay-mode{border-radius:8px 0 0 8px}\n"] }]
|
|
1304
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { isOpen: [{
|
|
1305
|
-
type: Input
|
|
1306
|
-
}], mode: [{
|
|
1307
|
-
type: Input
|
|
1308
|
-
}], position: [{
|
|
1309
|
-
type: Input
|
|
1310
|
-
}], width: [{
|
|
1311
|
-
type: Input
|
|
1312
|
-
}], isOpenChange: [{
|
|
1313
|
-
type: Output
|
|
1314
|
-
}], openChange: [{
|
|
1315
|
-
type: Output
|
|
1316
|
-
}], drawerClasses: [{
|
|
1317
|
-
type: HostBinding,
|
|
1318
|
-
args: ['class']
|
|
1319
|
-
}], drawerWidth: [{
|
|
1320
|
-
type: HostBinding,
|
|
1321
|
-
args: ['style.width']
|
|
1322
|
-
}] } });
|
|
1323
|
-
|
|
1324
1237
|
class MatchaIconComponent {
|
|
1325
1238
|
constructor() {
|
|
1326
1239
|
this.name = '';
|
|
@@ -1337,10 +1250,10 @@ class MatchaIconComponent {
|
|
|
1337
1250
|
const activeClasses = `${icon} ${color} ${size} ${loading} ${this.class}`;
|
|
1338
1251
|
return activeClasses;
|
|
1339
1252
|
}
|
|
1340
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1341
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1253
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1254
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaIconComponent, isStandalone: false, 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: [""] }); }
|
|
1342
1255
|
}
|
|
1343
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1256
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaIconComponent, decorators: [{
|
|
1344
1257
|
type: Component,
|
|
1345
1258
|
args: [{ selector: 'matcha-icon', standalone: false, template: "<span [class]=\"classes\">\n <ng-content></ng-content>\n</span>\n" }]
|
|
1346
1259
|
}], propDecorators: { name: [{
|
|
@@ -1437,10 +1350,10 @@ class MatchaGridComponent {
|
|
|
1437
1350
|
this.setColspanClasses(this.colspan, this.breakpoint);
|
|
1438
1351
|
this.setRowspanClasses(this.rowspan, this.breakpoint);
|
|
1439
1352
|
}
|
|
1440
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1441
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1353
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1354
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaGridComponent, isStandalone: false, 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: [""] }); }
|
|
1442
1355
|
}
|
|
1443
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1356
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaGridComponent, decorators: [{
|
|
1444
1357
|
type: Component,
|
|
1445
1358
|
args: [{ selector: 'matcha-grid', standalone: false, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
1446
1359
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { breakpoint: [{
|
|
@@ -1500,10 +1413,10 @@ class MatchaMasonryComponent {
|
|
|
1500
1413
|
activeClasses += gapXl ? ` ${gapXl}` : '';
|
|
1501
1414
|
return activeClasses;
|
|
1502
1415
|
}
|
|
1503
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1504
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1416
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaMasonryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1417
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaMasonryComponent, isStandalone: false, selector: "matcha-masonry", inputs: { colSize: ["col", "colSize"], smColSize: ["col-sm", "smColSize"], mdColSize: ["col-md", "mdColSize"], lgColSize: ["col-lg", "lgColSize"], xlColSize: ["col-xl", "xlColSize"], gap: "gap", gapSm: ["gap-sm", "gapSm"], gapMd: ["gap-md", "gapMd"], gapLg: ["gap-lg", "gapLg"], gapXl: ["gap-xl", "gapXl"] }, ngImport: i0, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n", styles: [""] }); }
|
|
1505
1418
|
}
|
|
1506
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaMasonryComponent, decorators: [{
|
|
1507
1420
|
type: Component,
|
|
1508
1421
|
args: [{ selector: 'matcha-masonry', standalone: false, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
1509
1422
|
}], propDecorators: { colSize: [{
|
|
@@ -1539,19 +1452,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
1539
1452
|
}] } });
|
|
1540
1453
|
|
|
1541
1454
|
class MatchaModalContentComponent {
|
|
1542
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1543
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1455
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1456
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaModalContentComponent, isStandalone: false, selector: "matcha-modal-content", ngImport: i0, template: "\n<div class=\"py-24 pt-0 overflow-auto\" style=\"max-height: calc(100vh - 300px);\n\">\n <div class=\"matcha-card-flat matcha-background-transparent p-0 flex-column--force\">\n <div class=\"flex-column matcha-card-flat matcha-background-transparent px-24 py-0\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [""] }); }
|
|
1544
1457
|
}
|
|
1545
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1458
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalContentComponent, decorators: [{
|
|
1546
1459
|
type: Component,
|
|
1547
1460
|
args: [{ selector: 'matcha-modal-content', standalone: false, template: "\n<div class=\"py-24 pt-0 overflow-auto\" style=\"max-height: calc(100vh - 300px);\n\">\n <div class=\"matcha-card-flat matcha-background-transparent p-0 flex-column--force\">\n <div class=\"flex-column matcha-card-flat matcha-background-transparent px-24 py-0\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n" }]
|
|
1548
1461
|
}] });
|
|
1549
1462
|
|
|
1550
1463
|
class MatchaModalHeaderComponent {
|
|
1551
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1552
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1464
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1465
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaModalHeaderComponent, isStandalone: false, selector: "matcha-modal-header", ngImport: i0, template: "<!-- [@animate]=\"{ value: '*', params: { delay: '100ms' } }\" -->\n<!-- MATCHA CHECK -->\n<div class=\"matcha-section pt-16 px-16 pt-md-24 px-md-24\">\n <div class=\"d-flex flex-wrap flex-space-between mb-16 mb-md-24\">\n <div class=\"flex-space-between flex-align-center\">\n <ng-content></ng-content>\n </div>\n <div class=\"flex-row flex-end gap-8\">\n <ng-content select=\"matcha-modal-options\"></ng-content>\n </div>\n </div>\n <matcha-divider></matcha-divider>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatchaDividerComponent, selector: "matcha-divider", inputs: ["gap", "gap-sm", "gap-md", "gap-lg", "gap-xl", "vertical"] }] }); }
|
|
1553
1466
|
}
|
|
1554
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1467
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalHeaderComponent, decorators: [{
|
|
1555
1468
|
type: Component,
|
|
1556
1469
|
args: [{ selector: 'matcha-modal-header', standalone: false, template: "<!-- [@animate]=\"{ value: '*', params: { delay: '100ms' } }\" -->\n<!-- MATCHA CHECK -->\n<div class=\"matcha-section pt-16 px-16 pt-md-24 px-md-24\">\n <div class=\"d-flex flex-wrap flex-space-between mb-16 mb-md-24\">\n <div class=\"flex-space-between flex-align-center\">\n <ng-content></ng-content>\n </div>\n <div class=\"flex-row flex-end gap-8\">\n <ng-content select=\"matcha-modal-options\"></ng-content>\n </div>\n </div>\n <matcha-divider></matcha-divider>\n</div>\n" }]
|
|
1557
1470
|
}] });
|
|
@@ -1577,10 +1490,10 @@ class MatchaModalFooterComponent {
|
|
|
1577
1490
|
}
|
|
1578
1491
|
});
|
|
1579
1492
|
}
|
|
1580
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1581
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1493
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1494
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaModalFooterComponent, isStandalone: false, selector: "matcha-modal-footer", inputs: { buttonType: ["", "buttonType"] }, ngImport: i0, template: "<div class=\"matcha-section pb-16 px-16 pb-md-24 px-md-24\">\n <matcha-divider></matcha-divider>\n <div class=\"flex-column flex-sm-row w-100-p flex-space-between gap-16\">\n <div class=\"flex-column flex-sm-row w-100-p flex-space-between mt-16 mt-md-24 gap-16\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatchaDividerComponent, selector: "matcha-divider", inputs: ["gap", "gap-sm", "gap-md", "gap-lg", "gap-xl", "vertical"] }] }); }
|
|
1582
1495
|
}
|
|
1583
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalFooterComponent, decorators: [{
|
|
1584
1497
|
type: Component,
|
|
1585
1498
|
args: [{ selector: 'matcha-modal-footer', standalone: false, template: "<div class=\"matcha-section pb-16 px-16 pb-md-24 px-md-24\">\n <matcha-divider></matcha-divider>\n <div class=\"flex-column flex-sm-row w-100-p flex-space-between gap-16\">\n <div class=\"flex-column flex-sm-row w-100-p flex-space-between mt-16 mt-md-24 gap-16\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n" }]
|
|
1586
1499
|
}], propDecorators: { buttonType: [{
|
|
@@ -1589,10 +1502,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
1589
1502
|
}] } });
|
|
1590
1503
|
|
|
1591
1504
|
class MatchaModalOptionsComponent {
|
|
1592
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1593
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1505
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1506
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaModalOptionsComponent, isStandalone: false, selector: "matcha-modal-options", ngImport: i0, template: "<div class=\"flex-row gap-8\">\n <ng-content></ng-content>\n</div>\n", styles: [""] }); }
|
|
1594
1507
|
}
|
|
1595
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1508
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalOptionsComponent, decorators: [{
|
|
1596
1509
|
type: Component,
|
|
1597
1510
|
args: [{ selector: 'matcha-modal-options', standalone: false, template: "<div class=\"flex-row gap-8\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
1598
1511
|
}] });
|
|
@@ -1631,10 +1544,10 @@ class MatchaModalComponent {
|
|
|
1631
1544
|
this.hasBackdrop = true;
|
|
1632
1545
|
this.backdropClass = '';
|
|
1633
1546
|
}
|
|
1634
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1635
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1547
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1548
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaModalComponent, isStandalone: false, selector: "matcha-modal", inputs: { size: "size", sizeXs: ["size-xs", "sizeXs"], sizeSm: ["size-sm", "sizeSm"], sizeMd: ["size-md", "sizeMd"], sizeLg: ["size-lg", "sizeLg"], sizeXl: ["size-xl", "sizeXl"], class: "class", hasBackdrop: "hasBackdrop", backdropClass: "backdropClass" }, host: { properties: { "attr.size": "this.sizeAttr", "attr.size-xs": "this.sizeAttrXs", "arrt.size-sm": "this.sizeAttrSm", "attr.size-md": "this.sizeAttrMd", "attr.size-lg": "this.sizeAttrLg", "attr.size-xl": "this.sizeAttrXl", "class": "this.classes" } }, ngImport: i0, template: "<div class=\"background-surface elevation-z-4 flex-column matcha-modal radius-8\">\n <ng-content></ng-content>\n</div>", styles: [""] }); }
|
|
1636
1549
|
}
|
|
1637
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalComponent, decorators: [{
|
|
1638
1551
|
type: Component,
|
|
1639
1552
|
args: [{ selector: 'matcha-modal', standalone: false, template: "<div class=\"background-surface elevation-z-4 flex-column matcha-modal radius-8\">\n <ng-content></ng-content>\n</div>" }]
|
|
1640
1553
|
}], ctorParameters: () => [], propDecorators: { size: [{
|
|
@@ -1713,10 +1626,10 @@ class MatchaMenuComponent {
|
|
|
1713
1626
|
toggleMenu() {
|
|
1714
1627
|
this.isOpen = !this.isOpen;
|
|
1715
1628
|
}
|
|
1716
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1717
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1629
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaMenuComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1630
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaMenuComponent, isStandalone: false, selector: "matcha-menu", inputs: { isParentMenu: "isParentMenu" }, host: { listeners: { "document:click": "handleOutsideClick($event)", "mouseleave": "handleMouseLeave($event)" } }, exportAs: ["matchaMenu"], ngImport: i0, template: "<div class=\"menu\" [ngClass]=\"{'show': isOpen}\">\n <ng-content></ng-content>\n </div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1718
1631
|
}
|
|
1719
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1632
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaMenuComponent, decorators: [{
|
|
1720
1633
|
type: Component,
|
|
1721
1634
|
args: [{ selector: 'matcha-menu', exportAs: 'matchaMenu', standalone: false, template: "<div class=\"menu\" [ngClass]=\"{'show': isOpen}\">\n <ng-content></ng-content>\n </div>\n" }]
|
|
1722
1635
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -1755,10 +1668,10 @@ class MatchaToolbarComponent {
|
|
|
1755
1668
|
ngOnDestroy() {
|
|
1756
1669
|
clearTimeout(this.resizeTimeout);
|
|
1757
1670
|
}
|
|
1758
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1759
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1671
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1672
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaToolbarComponent, isStandalone: false, selector: "matcha-toolbar", host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0, template: "<!-- HOW TO USE:\n<matcha-toolbar>\n <matcha-title type=\"icon\" icon=\"settings-out\" (iconClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-NO-ICONE-AQUI\">\n {{'FINANCIAL.CATEGORY.TITLE' | translate}}\n </matcha-title>\n <search-form toolbar-form-field (searchText)=\"searchText($event)\"></search-form>\n <matcha-toolbar-button icon=\"home-out\" (buttonClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-AQUI\">\n TEXTO DO BOT\u00C3O AQUI\n </matcha-toolbar-button>\n <matcha-toolbar-content>\n TEXTO DO BOT\u00C3O AQUI\n </matcha-toolbar-content>\n <matcha-toolbar-main-button (buttonClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-AQUI\">\n TEXTO DO BOT\u00C3O AQUI\n </matcha-toolbar-main-button>\n QUALQUER OUTRA FUNCIONALIDADE AQUI\n</matcha-toolbar>\n-->\n<ng-template #toolbarMainButton>\n <ng-content select=\"matcha-toolbar-main-button\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarCustomButton>\n <ng-content select=\"matcha-toolbar-custom-button\"></ng-content>\n</ng-template>\n<!-- CONTENT HEADER -->\n<div class=\"flex-column background-surface radius-8 matcha-elevation-z1\">\n <div class=\"flex-column flex-md-row flex-wrap p-16 flex-align-center flex-space-between h-auto min-h-40 flex-wrap\">\n <div class=\"w-100-p--force w-md-auto--force flex-space-between flex-wrap\">\n <div class=\"min-h-32 flex-center-center\">\n <ng-content select=\"matcha-title\"></ng-content>\n </div>\n <ng-container *ngIf=\"isMobileScreen\">\n <ng-container *ngTemplateOutlet=\"toolbarMainButton\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarCustomButton\"></ng-container>\n </ng-container>\n </div>\n <div class=\"w-100-p--force w-md-auto--force flex-row flex-end gap-8\">\n <!-- ISSO DEVE SER SUBSTITUIDO PELO matcha-input-search FOR IMPLEMENTADO -->\n <ng-content select=\"search-form\"></ng-content>\n <!-- /ISSO DEVE SER SUBSTITUIDO PELO matcha-input-search FOR IMPLEMENTADO -->\n <div class=\"flex-row gap-8\">\n <ng-content select=\"matcha-toolbar-button\"></ng-content>\n <ng-content select=\"matcha-toolbar-content\"></ng-content>\n <ng-content></ng-content>\n <ng-container *ngIf=\"!isMobileScreen\">\n <ng-container *ngTemplateOutlet=\"toolbarMainButton\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarCustomButton\"></ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n<!-- / CONTENT HEADER -->\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
1760
1673
|
}
|
|
1761
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1674
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarComponent, decorators: [{
|
|
1762
1675
|
type: Component,
|
|
1763
1676
|
args: [{ selector: 'matcha-toolbar', standalone: false, template: "<!-- HOW TO USE:\n<matcha-toolbar>\n <matcha-title type=\"icon\" icon=\"settings-out\" (iconClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-NO-ICONE-AQUI\">\n {{'FINANCIAL.CATEGORY.TITLE' | translate}}\n </matcha-title>\n <search-form toolbar-form-field (searchText)=\"searchText($event)\"></search-form>\n <matcha-toolbar-button icon=\"home-out\" (buttonClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-AQUI\">\n TEXTO DO BOT\u00C3O AQUI\n </matcha-toolbar-button>\n <matcha-toolbar-content>\n TEXTO DO BOT\u00C3O AQUI\n </matcha-toolbar-content>\n <matcha-toolbar-main-button (buttonClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-AQUI\">\n TEXTO DO BOT\u00C3O AQUI\n </matcha-toolbar-main-button>\n QUALQUER OUTRA FUNCIONALIDADE AQUI\n</matcha-toolbar>\n-->\n<ng-template #toolbarMainButton>\n <ng-content select=\"matcha-toolbar-main-button\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarCustomButton>\n <ng-content select=\"matcha-toolbar-custom-button\"></ng-content>\n</ng-template>\n<!-- CONTENT HEADER -->\n<div class=\"flex-column background-surface radius-8 matcha-elevation-z1\">\n <div class=\"flex-column flex-md-row flex-wrap p-16 flex-align-center flex-space-between h-auto min-h-40 flex-wrap\">\n <div class=\"w-100-p--force w-md-auto--force flex-space-between flex-wrap\">\n <div class=\"min-h-32 flex-center-center\">\n <ng-content select=\"matcha-title\"></ng-content>\n </div>\n <ng-container *ngIf=\"isMobileScreen\">\n <ng-container *ngTemplateOutlet=\"toolbarMainButton\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarCustomButton\"></ng-container>\n </ng-container>\n </div>\n <div class=\"w-100-p--force w-md-auto--force flex-row flex-end gap-8\">\n <!-- ISSO DEVE SER SUBSTITUIDO PELO matcha-input-search FOR IMPLEMENTADO -->\n <ng-content select=\"search-form\"></ng-content>\n <!-- /ISSO DEVE SER SUBSTITUIDO PELO matcha-input-search FOR IMPLEMENTADO -->\n <div class=\"flex-row gap-8\">\n <ng-content select=\"matcha-toolbar-button\"></ng-content>\n <ng-content select=\"matcha-toolbar-content\"></ng-content>\n <ng-content></ng-content>\n <ng-container *ngIf=\"!isMobileScreen\">\n <ng-container *ngTemplateOutlet=\"toolbarMainButton\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarCustomButton\"></ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n<!-- / CONTENT HEADER -->\n" }]
|
|
1764
1677
|
}], propDecorators: { onResize: [{
|
|
@@ -1778,10 +1691,10 @@ class MatchaToolbarButtonComponent {
|
|
|
1778
1691
|
emitButtonClick() {
|
|
1779
1692
|
this.buttonClick.emit();
|
|
1780
1693
|
}
|
|
1781
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1782
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1694
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1695
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaToolbarButtonComponent, isStandalone: false, selector: "matcha-toolbar-button", inputs: { icon: "icon" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<!-- HOW TO USE:\n<matcha-toolbar-button (buttonClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-AQUI\" toolbar-button-tooltip=\"TOOLTIP-AQUI\">\n TEXTO DO BOT\u00C3O AQUI\n</matcha-toolbar-button>\n-->\n<button matcha-button outline=\"true\" size=\"small\" color=\"grey\" icon=\"true\" class=\"mt-16 mt-md-0\" (click)=\"emitButtonClick()\">\n <span [class]=\"classes\"></span>\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: MatchaButtonComponent, selector: "[matcha-button]", inputs: ["size", "size-xs", "size-sm", "size-md", "size-lg", "size-xl", "color", "basic", "outline", "alpha", "pill", "link", "icon"] }] }); }
|
|
1783
1696
|
}
|
|
1784
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1697
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarButtonComponent, decorators: [{
|
|
1785
1698
|
type: Component,
|
|
1786
1699
|
args: [{ selector: 'matcha-toolbar-button', standalone: false, template: "<!-- HOW TO USE:\n<matcha-toolbar-button (buttonClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-AQUI\" toolbar-button-tooltip=\"TOOLTIP-AQUI\">\n TEXTO DO BOT\u00C3O AQUI\n</matcha-toolbar-button>\n-->\n<button matcha-button outline=\"true\" size=\"small\" color=\"grey\" icon=\"true\" class=\"mt-16 mt-md-0\" (click)=\"emitButtonClick()\">\n <span [class]=\"classes\"></span>\n</button>\n" }]
|
|
1787
1700
|
}], propDecorators: { icon: [{
|
|
@@ -1792,10 +1705,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
1792
1705
|
}] } });
|
|
1793
1706
|
|
|
1794
1707
|
class MatchaToolbarContentComponent {
|
|
1795
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1796
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1708
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1709
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaToolbarContentComponent, isStandalone: false, selector: "matcha-toolbar-content", ngImport: i0, template: "<!-- HOW TO USE:\n<matcha-toolbar-content>\n OUTROS CONTEUDOS CUSTOMIZADOS NA TOOLBAR\n</matcha-toolbar-content>\n-->\n<div class=\"d-flex flex-wrap gap-8 mt-16 mt-md-0\">\n <ng-content></ng-content>\n</div>\n", styles: [""] }); }
|
|
1797
1710
|
}
|
|
1798
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1711
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarContentComponent, decorators: [{
|
|
1799
1712
|
type: Component,
|
|
1800
1713
|
args: [{ selector: 'matcha-toolbar-content', standalone: false, template: "<!-- HOW TO USE:\n<matcha-toolbar-content>\n OUTROS CONTEUDOS CUSTOMIZADOS NA TOOLBAR\n</matcha-toolbar-content>\n-->\n<div class=\"d-flex flex-wrap gap-8 mt-16 mt-md-0\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
1801
1714
|
}] });
|
|
@@ -1807,10 +1720,10 @@ class MatchaToolbarMainButtonComponent {
|
|
|
1807
1720
|
emitButtonClick() {
|
|
1808
1721
|
this.buttonClick.emit();
|
|
1809
1722
|
}
|
|
1810
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1811
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1723
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarMainButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1724
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaToolbarMainButtonComponent, isStandalone: false, selector: "matcha-toolbar-main-button", outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<!-- HOW TO USE:\n<matcha-toolbar-main-button (buttonClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-AQUI\">\n TEXTO DO BOT\u00C3O AQUI\n</matcha-toolbar-main-button>\n-->\n<button matcha-button size=\"tiny\" size-md=\"small\" color=\"accent\" (click)=\"emitButtonClick()\">\n <span class=\"i-matcha-action_plus i-size-sm ml--4\"></span>\n <span class=\"ml-8 fs-14\">\n <ng-content></ng-content>\n </span>\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: MatchaButtonComponent, selector: "[matcha-button]", inputs: ["size", "size-xs", "size-sm", "size-md", "size-lg", "size-xl", "color", "basic", "outline", "alpha", "pill", "link", "icon"] }] }); }
|
|
1812
1725
|
}
|
|
1813
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1726
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarMainButtonComponent, decorators: [{
|
|
1814
1727
|
type: Component,
|
|
1815
1728
|
args: [{ selector: 'matcha-toolbar-main-button', standalone: false, template: "<!-- HOW TO USE:\n<matcha-toolbar-main-button (buttonClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-AQUI\">\n TEXTO DO BOT\u00C3O AQUI\n</matcha-toolbar-main-button>\n-->\n<button matcha-button size=\"tiny\" size-md=\"small\" color=\"accent\" (click)=\"emitButtonClick()\">\n <span class=\"i-matcha-action_plus i-size-sm ml--4\"></span>\n <span class=\"ml-8 fs-14\">\n <ng-content></ng-content>\n </span>\n</button>\n" }]
|
|
1816
1729
|
}], propDecorators: { buttonClick: [{
|
|
@@ -1818,10 +1731,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
1818
1731
|
}] } });
|
|
1819
1732
|
|
|
1820
1733
|
class MatchaToolbarCustomButtonComponent {
|
|
1821
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1822
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1734
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarCustomButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1735
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaToolbarCustomButtonComponent, isStandalone: false, selector: "matcha-toolbar-custom-button", ngImport: i0, template: "<!-- HOW TO USE:\n<matcha-toolbar-custom-button>\n Bot\u00E3o customizado aqui\n</matcha-toolbar-custom-button>\n-->\n<ng-content></ng-content>\n", styles: [""] }); }
|
|
1823
1736
|
}
|
|
1824
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1737
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarCustomButtonComponent, decorators: [{
|
|
1825
1738
|
type: Component,
|
|
1826
1739
|
args: [{ selector: 'matcha-toolbar-custom-button', standalone: false, template: "<!-- HOW TO USE:\n<matcha-toolbar-custom-button>\n Bot\u00E3o customizado aqui\n</matcha-toolbar-custom-button>\n-->\n<ng-content></ng-content>\n" }]
|
|
1827
1740
|
}] });
|
|
@@ -1842,10 +1755,10 @@ class MatchaFormFieldComponent {
|
|
|
1842
1755
|
get showError() {
|
|
1843
1756
|
return !!this.control?.invalid && (this.control?.touched || this.control?.dirty);
|
|
1844
1757
|
}
|
|
1845
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1846
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1758
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1759
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaFormFieldComponent, isStandalone: false, selector: "matcha-form-field", inputs: { color: "color", size: "size", sizeXs: ["size-xs", "sizeXs"], sizeSm: ["size-sm", "sizeSm"], sizeMd: ["size-md", "sizeMd"], sizeLg: ["size-lg", "sizeLg"], sizeXl: ["size-xl", "sizeXl"] }, queries: [{ propertyName: "controlDir", first: true, predicate: FormControlName, descendants: true }], ngImport: i0, template: "<div class=\"flex-column gap-4\">\n <div class=\"matcha-form-field position-relative w-100-p min-h-40 flex-align-center\" #inputSelector>\n <div class=\"flex-row position-absolute w-100-p min-h-40 h-100-p\">\n <div class=\"bl-2 bt-2 bb-2 radius-left-8 min-w-8 border-color-{{color}}\"></div>\n <div class=\"bb-2 w-auto border-color-{{color}}\">\n <ng-content select=\"matcha-label\"></ng-content>\n </div>\n <div class=\"br-2 bt-2 bb-2 radius-right-8 w-100-p border-color-{{color}}\"></div>\n </div>\n <div class=\"flex-row position-relative py-8 px-12 gap-8 w-100-p\">\n <ng-content></ng-content>\n </div>\n </div>\n <ng-container *ngIf=\"showError\">\n <ng-content select=\"matcha-error\"></ng-content>\n </ng-container>\n <ng-content select=\"matcha-autocomplete\"></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1847
1760
|
}
|
|
1848
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1761
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaFormFieldComponent, decorators: [{
|
|
1849
1762
|
type: Component,
|
|
1850
1763
|
args: [{ selector: 'matcha-form-field', standalone: false, template: "<div class=\"flex-column gap-4\">\n <div class=\"matcha-form-field position-relative w-100-p min-h-40 flex-align-center\" #inputSelector>\n <div class=\"flex-row position-absolute w-100-p min-h-40 h-100-p\">\n <div class=\"bl-2 bt-2 bb-2 radius-left-8 min-w-8 border-color-{{color}}\"></div>\n <div class=\"bb-2 w-auto border-color-{{color}}\">\n <ng-content select=\"matcha-label\"></ng-content>\n </div>\n <div class=\"br-2 bt-2 bb-2 radius-right-8 w-100-p border-color-{{color}}\"></div>\n </div>\n <div class=\"flex-row position-relative py-8 px-12 gap-8 w-100-p\">\n <ng-content></ng-content>\n </div>\n </div>\n <ng-container *ngIf=\"showError\">\n <ng-content select=\"matcha-error\"></ng-content>\n </ng-container>\n <ng-content select=\"matcha-autocomplete\"></ng-content>\n</div>\n" }]
|
|
1851
1764
|
}], propDecorators: { color: [{
|
|
@@ -1877,10 +1790,10 @@ class MatchaLabelComponent {
|
|
|
1877
1790
|
constructor() {
|
|
1878
1791
|
this.color = 'blue-grey';
|
|
1879
1792
|
}
|
|
1880
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1881
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1793
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1794
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaLabelComponent, isStandalone: false, selector: "matcha-label", inputs: { color: "color" }, ngImport: i0, template: "<label\n class=\"d-flex d-flex-align-center position-relative text-nowrap px-4 fs-12 lh-18 fw-700 color-{{color}}\"\n style=\"transform: translateY(-8px);\">\n <ng-content></ng-content>\n <!-- <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">*</span>\n <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">(Opcional)</span> -->\n</label>", styles: [""] }); }
|
|
1882
1795
|
}
|
|
1883
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1796
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaLabelComponent, decorators: [{
|
|
1884
1797
|
type: Component,
|
|
1885
1798
|
args: [{ selector: 'matcha-label', standalone: false, template: "<label\n class=\"d-flex d-flex-align-center position-relative text-nowrap px-4 fs-12 lh-18 fw-700 color-{{color}}\"\n style=\"transform: translateY(-8px);\">\n <ng-content></ng-content>\n <!-- <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">*</span>\n <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">(Opcional)</span> -->\n</label>" }]
|
|
1886
1799
|
}], propDecorators: { color: [{
|
|
@@ -1888,10 +1801,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
1888
1801
|
}] } });
|
|
1889
1802
|
|
|
1890
1803
|
class MatchaErrorComponent {
|
|
1891
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1892
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1804
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1805
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaErrorComponent, isStandalone: false, selector: "matcha-error", ngImport: i0, template: "<p class=\"w-100-p color-red fs-12 lh-16 flex-row flex-align-center gap-4 m-0\">\n <matcha-icon name=\"action_sign_warning-out\" size=\"sm\"></matcha-icon>\n <ng-content></ng-content>\n</p>", styles: [""], dependencies: [{ kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }] }); }
|
|
1893
1806
|
}
|
|
1894
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1807
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaErrorComponent, decorators: [{
|
|
1895
1808
|
type: Component,
|
|
1896
1809
|
args: [{ selector: 'matcha-error', standalone: false, template: "<p class=\"w-100-p color-red fs-12 lh-16 flex-row flex-align-center gap-4 m-0\">\n <matcha-icon name=\"action_sign_warning-out\" size=\"sm\"></matcha-icon>\n <ng-content></ng-content>\n</p>" }]
|
|
1897
1810
|
}] });
|
|
@@ -1949,10 +1862,10 @@ class MatchaRippleDirective {
|
|
|
1949
1862
|
});
|
|
1950
1863
|
this.ripples = [];
|
|
1951
1864
|
}
|
|
1952
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1953
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
1865
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaRippleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1866
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaRippleDirective, isStandalone: false, selector: "[matchaRipple]", inputs: { rippleColor: "rippleColor" }, host: { listeners: { "mousedown": "onMouseDown($event)" } }, ngImport: i0 }); }
|
|
1954
1867
|
}
|
|
1955
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1868
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaRippleDirective, decorators: [{
|
|
1956
1869
|
type: Directive,
|
|
1957
1870
|
args: [{
|
|
1958
1871
|
selector: '[matchaRipple]',
|
|
@@ -2015,8 +1928,8 @@ class MatchaCheckboxComponent {
|
|
|
2015
1928
|
this.checkedChange.emit(eventData);
|
|
2016
1929
|
this.change.emit(event);
|
|
2017
1930
|
}
|
|
2018
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2019
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1931
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1932
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaCheckboxComponent, isStandalone: false, selector: "matcha-checkbox", inputs: { color: "color", indeterminate: "indeterminate", disabled: "disabled", checked: "checked" }, outputs: { checkedChange: "checkedChange", change: "change" }, providers: [
|
|
2020
1933
|
{
|
|
2021
1934
|
provide: NG_VALUE_ACCESSOR,
|
|
2022
1935
|
useExisting: forwardRef(() => MatchaCheckboxComponent),
|
|
@@ -2024,7 +1937,7 @@ class MatchaCheckboxComponent {
|
|
|
2024
1937
|
}
|
|
2025
1938
|
], ngImport: i0, template: "<label\n class=\"matcha-checkbox flex-align-center\"\n [class.matcha-checkbox-disabled]=\"disabled\">\n <div\n class=\"matcha-checkbox-container w-40 h-40 max-w-40 max-h-40 min-w-40 min-h-40 flex-center-center radius-full cursor-pointer\"\n matchaRipple>\n <input\n type=\"checkbox\"\n class=\"matcha-checkbox-input\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [indeterminate]=\"indeterminate\"\n (change)=\"onInputChange($event)\">\n </div>\n\n <span class=\"matcha-checkbox-label fw-500 fs-16 lh-20\">\n <ng-content></ng-content>\n </span>\n</label>", styles: [""], dependencies: [{ kind: "directive", type: MatchaRippleDirective, selector: "[matchaRipple]", inputs: ["rippleColor"] }] }); }
|
|
2026
1939
|
}
|
|
2027
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1940
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaCheckboxComponent, decorators: [{
|
|
2028
1941
|
type: Component,
|
|
2029
1942
|
args: [{ selector: 'matcha-checkbox', standalone: false, providers: [
|
|
2030
1943
|
{
|
|
@@ -2099,8 +2012,8 @@ class MatchaRadioComponent {
|
|
|
2099
2012
|
this.checkedChange.emit(eventData);
|
|
2100
2013
|
this.change.emit(event);
|
|
2101
2014
|
}
|
|
2102
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2103
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2015
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2016
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaRadioComponent, isStandalone: false, selector: "matcha-radio", inputs: { color: "color", value: "value", name: "name", disabled: "disabled", checked: "checked" }, outputs: { checkedChange: "checkedChange", change: "change" }, providers: [
|
|
2104
2017
|
{
|
|
2105
2018
|
provide: NG_VALUE_ACCESSOR,
|
|
2106
2019
|
useExisting: forwardRef(() => MatchaRadioComponent),
|
|
@@ -2108,7 +2021,7 @@ class MatchaRadioComponent {
|
|
|
2108
2021
|
}
|
|
2109
2022
|
], ngImport: i0, template: "<label\n class=\"matcha-radio flex-align-center\"\n [class.matcha-radio-disabled]=\"disabled\">\n <div\n class=\"matcha-radio-container w-40 h-40 max-w-40 max-h-40 min-w-40 min-h-40 flex-center-center radius-full cursor-pointer\"\n matchaRipple>\n <input\n type=\"radio\"\n class=\"matcha-radio-input\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n (change)=\"onInputChange($event)\">\n </div>\n\n <span class=\"matcha-radio-label fw-500 lh-20\">\n <ng-content></ng-content>\n </span>\n</label>", styles: [""], dependencies: [{ kind: "directive", type: MatchaRippleDirective, selector: "[matchaRipple]", inputs: ["rippleColor"] }] }); }
|
|
2110
2023
|
}
|
|
2111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2024
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaRadioComponent, decorators: [{
|
|
2112
2025
|
type: Component,
|
|
2113
2026
|
args: [{ selector: 'matcha-radio', standalone: false, providers: [
|
|
2114
2027
|
{
|
|
@@ -2180,10 +2093,10 @@ class MatchaSpinComponent {
|
|
|
2180
2093
|
const progress = Math.min(Math.max(Number(this.progress), 0), 100);
|
|
2181
2094
|
return this.circumference - (progress / 100) * this.circumference;
|
|
2182
2095
|
}
|
|
2183
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2184
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2096
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSpinComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2097
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaSpinComponent, isStandalone: false, selector: "matcha-spin", inputs: { progress: "progress", color: "color", size: "size", sizeXs: ["size-xs", "sizeXs"], sizeSm: ["size-sm", "sizeSm"], sizeMd: ["size-md", "sizeMd"], sizeLg: ["size-lg", "sizeLg"], sizeXl: ["size-xl", "sizeXl"] }, ngImport: i0, template: "<div\n class=\"matcha-spin\"\n role=\"progressbar\"\n [attr.aria-valuemin]=\"0\"\n [attr.aria-valuemax]=\"100\"\n [attr.aria-valuenow]=\"progress\"\n>\n <svg [attr.viewBox]=\"'0 0 ' + diameter + ' ' + diameter\">\n <circle\n class=\"spin-placeholder\"\n [attr.cx]=\"diameter / 2\"\n [attr.cy]=\"diameter / 2\"\n [attr.r]=\"radius\"\n [attr.stroke-width]=\"strokeWidth\"\n />\n <circle\n class=\"spin-progress\"\n [attr.cx]=\"diameter / 2\"\n [attr.cy]=\"diameter / 2\"\n [attr.r]=\"radius\"\n [attr.stroke-width]=\"strokeWidth\"\n [attr.stroke]=\"color\"\n [attr.stroke-dasharray]=\"circumference\"\n [attr.stroke-dashoffset]=\"progress ? dashOffset : null\"\n />\n </svg>\n</div>\n", styles: [""] }); }
|
|
2185
2098
|
}
|
|
2186
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2099
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSpinComponent, decorators: [{
|
|
2187
2100
|
type: Component,
|
|
2188
2101
|
args: [{ selector: 'matcha-spin', standalone: false, template: "<div\n class=\"matcha-spin\"\n role=\"progressbar\"\n [attr.aria-valuemin]=\"0\"\n [attr.aria-valuemax]=\"100\"\n [attr.aria-valuenow]=\"progress\"\n>\n <svg [attr.viewBox]=\"'0 0 ' + diameter + ' ' + diameter\">\n <circle\n class=\"spin-placeholder\"\n [attr.cx]=\"diameter / 2\"\n [attr.cy]=\"diameter / 2\"\n [attr.r]=\"radius\"\n [attr.stroke-width]=\"strokeWidth\"\n />\n <circle\n class=\"spin-progress\"\n [attr.cx]=\"diameter / 2\"\n [attr.cy]=\"diameter / 2\"\n [attr.r]=\"radius\"\n [attr.stroke-width]=\"strokeWidth\"\n [attr.stroke]=\"color\"\n [attr.stroke-dasharray]=\"circumference\"\n [attr.stroke-dashoffset]=\"progress ? dashOffset : null\"\n />\n </svg>\n</div>\n" }]
|
|
2189
2102
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -2218,20 +2131,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
2218
2131
|
|
|
2219
2132
|
class MatchaSpinnerComponent {
|
|
2220
2133
|
set progress(value) {
|
|
2221
|
-
this.
|
|
2134
|
+
this._progress = Number(value);
|
|
2222
2135
|
}
|
|
2223
2136
|
get progress() {
|
|
2224
|
-
return this.
|
|
2225
|
-
}
|
|
2226
|
-
get _progress() { return this.progress; }
|
|
2227
|
-
get _color() { return this.color; }
|
|
2228
|
-
get hostSize() {
|
|
2229
|
-
return this.size;
|
|
2137
|
+
return this._progress;
|
|
2230
2138
|
}
|
|
2231
2139
|
constructor(_elementRef, _renderer) {
|
|
2232
2140
|
this._elementRef = _elementRef;
|
|
2233
2141
|
this._renderer = _renderer;
|
|
2234
|
-
this.
|
|
2142
|
+
this._progress = 0;
|
|
2235
2143
|
this.color = 'accent';
|
|
2236
2144
|
this.size = null;
|
|
2237
2145
|
this.sizeXs = null;
|
|
@@ -2265,10 +2173,10 @@ class MatchaSpinnerComponent {
|
|
|
2265
2173
|
const progress = Math.min(Math.max(Number(this.progress), 0), 100);
|
|
2266
2174
|
return this.circumference - (progress / 100) * this.circumference;
|
|
2267
2175
|
}
|
|
2268
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2269
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2176
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSpinnerComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2177
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaSpinnerComponent, isStandalone: false, selector: "matcha-spinner", inputs: { progress: "progress", color: "color", size: "size", sizeXs: ["size-xs", "sizeXs"], sizeSm: ["size-sm", "sizeSm"], sizeMd: ["size-md", "sizeMd"], sizeLg: ["size-lg", "sizeLg"], sizeXl: ["size-xl", "sizeXl"] }, ngImport: i0, template: "<div\n class=\"matcha-spinner\"\n role=\"progressbar\"\n [attr.aria-valuemin]=\"0\"\n [attr.aria-valuemax]=\"100\"\n [attr.aria-valuenow]=\"progress\"\n>\n <svg [attr.viewBox]=\"'0 0 ' + diameter + ' ' + diameter\" class=\"spinner\">\n <circle\n class=\"spinner-placeholder\"\n [attr.cx]=\"center\"\n [attr.cy]=\"center\"\n [attr.r]=\"radius\"\n [attr.stroke-width]=\"strokeWidth\"\n stroke-linecap=\"round\"\n />\n <circle\n class=\"spinner-progress path\"\n [attr.cx]=\"center\"\n [attr.cy]=\"center\"\n [attr.r]=\"radius\"\n [attr.stroke-width]=\"strokeWidth\"\n [attr.stroke]=\"color\"\n [attr.stroke-dasharray]=\"circumference\"\n [attr.stroke-dashoffset]=\"dashOffset\"\n stroke-linecap=\"round\"\n />\n </svg>\n</div>\n", styles: [""] }); }
|
|
2270
2178
|
}
|
|
2271
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2179
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSpinnerComponent, decorators: [{
|
|
2272
2180
|
type: Component,
|
|
2273
2181
|
args: [{ selector: 'matcha-spinner', standalone: false, template: "<div\n class=\"matcha-spinner\"\n role=\"progressbar\"\n [attr.aria-valuemin]=\"0\"\n [attr.aria-valuemax]=\"100\"\n [attr.aria-valuenow]=\"progress\"\n>\n <svg [attr.viewBox]=\"'0 0 ' + diameter + ' ' + diameter\" class=\"spinner\">\n <circle\n class=\"spinner-placeholder\"\n [attr.cx]=\"center\"\n [attr.cy]=\"center\"\n [attr.r]=\"radius\"\n [attr.stroke-width]=\"strokeWidth\"\n stroke-linecap=\"round\"\n />\n <circle\n class=\"spinner-progress path\"\n [attr.cx]=\"center\"\n [attr.cy]=\"center\"\n [attr.r]=\"radius\"\n [attr.stroke-width]=\"strokeWidth\"\n [attr.stroke]=\"color\"\n [attr.stroke-dasharray]=\"circumference\"\n [attr.stroke-dashoffset]=\"dashOffset\"\n stroke-linecap=\"round\"\n />\n </svg>\n</div>\n" }]
|
|
2274
2182
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -2279,20 +2187,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
2279
2187
|
args: [Renderer2]
|
|
2280
2188
|
}] }], propDecorators: { progress: [{
|
|
2281
2189
|
type: Input
|
|
2282
|
-
}], _progress: [{
|
|
2283
|
-
type: HostBinding,
|
|
2284
|
-
args: ['attr.progress']
|
|
2285
2190
|
}], color: [{
|
|
2286
2191
|
type: Input
|
|
2287
|
-
}], _color: [{
|
|
2288
|
-
type: HostBinding,
|
|
2289
|
-
args: ['attr.color']
|
|
2290
2192
|
}], size: [{
|
|
2291
2193
|
type: Input,
|
|
2292
2194
|
args: ['size']
|
|
2293
|
-
}], hostSize: [{
|
|
2294
|
-
type: HostBinding,
|
|
2295
|
-
args: ['attr.size']
|
|
2296
2195
|
}], sizeXs: [{
|
|
2297
2196
|
type: Input,
|
|
2298
2197
|
args: ['size-xs']
|
|
@@ -2331,10 +2230,10 @@ class MatchaHintTextComponent {
|
|
|
2331
2230
|
default: return 'red';
|
|
2332
2231
|
}
|
|
2333
2232
|
}
|
|
2334
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2335
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2233
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaHintTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2234
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaHintTextComponent, isStandalone: false, selector: "matcha-hint-text", inputs: { type: "type", size: "size" }, ngImport: i0, template: "<div class=\"d-flex gap-4\">\n <matcha-icon color=\"{{ iconColor }}\" name=\"{{ iconName }}\"> </matcha-icon>\n <span class=\"text\"><ng-content></ng-content></span>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }] }); }
|
|
2336
2235
|
}
|
|
2337
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2236
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaHintTextComponent, decorators: [{
|
|
2338
2237
|
type: Component,
|
|
2339
2238
|
args: [{ selector: 'matcha-hint-text', standalone: false, template: "<div class=\"d-flex gap-4\">\n <matcha-icon color=\"{{ iconColor }}\" name=\"{{ iconName }}\"> </matcha-icon>\n <span class=\"text\"><ng-content></ng-content></span>\n</div>\n" }]
|
|
2340
2239
|
}], propDecorators: { type: [{
|
|
@@ -2365,10 +2264,10 @@ class MatchaSkeletonComponent {
|
|
|
2365
2264
|
get heightClass() {
|
|
2366
2265
|
return `h-${this.height}`;
|
|
2367
2266
|
}
|
|
2368
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2369
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2267
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2268
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaSkeletonComponent, isStandalone: false, selector: "matcha-skeleton", inputs: { amount: "amount", grid: "grid", height: "height", model: "model", gap: "gap" }, ngImport: i0, template: "<ng-content></ng-content>\n<!-- CARD SKELETON -->\n<div [class]=\"classes\" *ngIf=\"model !== 'table'\">\n <div class=\"skeleton-animated-background flex-column--force p-0 radius-8 user-select-none overflow-hidden\" *ngFor=\"let i of [].constructor(amount)\">\n <ng-container *ngIf=\"model === 'profile'\"><span class=\"h8 title p-16 m-0\"> <span class=\"radius-full background-surface-alpha h-48 w-48\"></span> </span></ng-container>\n\n <div [class]=\"'h-'+ height + ' flex-column--force p-16 background-bg-alpha'\"></div>\n\n <ng-container *ngIf=\"model === 'profile'\">\n <div class=\"flex-column--force\">\n <div class=\"flex-column--force p-16 gap-16\">\n <div class=\"w-100-p h-16 background-surface-alpha radius-full\"></div>\n <div class=\"w-100-p h-16 background-surface-alpha radius-full\"></div>\n </div>\n </div>\n </ng-container>\n </div>\n</div>\n<!-- CARD SKELETON -->\n\n<!-- TABLE SKELETON -->\n<div class=\"skeleton-animated-background w-100-p mr-16 flex-column--force p-0 radius-8 user-select-none\" *ngIf=\"model === 'table'\">\n\n <div class=\"flex-column--force h-64 background-surface-alpha\">\n <ng-container> </ng-container>\n </div>\n\n <ng-container *ngFor=\"let i of [].constructor(amount)\">\n <div class=\"grid-4 h-80 px-16 gap-16 flex-align-center--force\">\n <div class=\"w-100-p flex-row--force gap-16\">\n <div class=\"min-h-48 min-w-48 h-48 w-48 background-surface-alpha radius-full\"></div>\n <div class=\"w-100-p flex-column--force flex-center--force gap-16\">\n <div class=\"h-16 w-60-p background-surface-alpha radius-full\"></div>\n <div class=\"h-16 w-100-p background-surface-alpha radius-full\"></div>\n </div>\n </div>\n <div class=\"h-16 w-100-p flex-column--force background-surface-alpha radius-full\"></div>\n <div class=\"w-100-p flex-row--force gap-16\">\n <div class=\"w-100-p flex-column--force flex-center--force gap-16\">\n <div class=\"h-16 w-60-p background-surface-alpha radius-full\"></div>\n <div class=\"h-16 w-100-p background-surface-alpha radius-full\"></div>\n </div>\n </div>\n <div class=\"h-16 w-100-p flex-column--force background-surface-alpha radius-full\"></div>\n </div>\n\n <div class=\"grid-4 h-80 px-16 gap-16 flex-align-center--force background-bg-alpha\">\n <div class=\"w-100-p flex-row--force gap-16\">\n <div class=\"min-h-48 min-w-48 h-48 w-48 background-surface-alpha radius-full\"></div>\n <div class=\"w-100-p flex-column--force flex-center--force gap-16\">\n <div class=\"h-16 w-100-p background-surface-alpha radius-full\"></div>\n <div class=\"h-16 w-30-p background-surface-alpha radius-full\"></div>\n </div>\n </div>\n <div class=\"h-16 w-100-p flex-column--force background-surface-alpha radius-full\"></div>\n <div class=\"w-100-p flex-row--force gap-16\">\n <div class=\"w-100-p flex-column--force flex-center--force gap-16\">\n <div class=\"h-16 w-60-p background-surface-alpha radius-full\"></div>\n <div class=\"h-16 w-100-p background-surface-alpha radius-full\"></div>\n </div>\n </div>\n <div class=\"h-16 w-100-p flex-column--force background-surface-alpha radius-full\"></div>\n </div>\n\n </ng-container>\n\n</div>\n<!-- TABLE SKELETON -->", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
2370
2269
|
}
|
|
2371
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2270
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSkeletonComponent, decorators: [{
|
|
2372
2271
|
type: Component,
|
|
2373
2272
|
args: [{ selector: 'matcha-skeleton', standalone: false, template: "<ng-content></ng-content>\n<!-- CARD SKELETON -->\n<div [class]=\"classes\" *ngIf=\"model !== 'table'\">\n <div class=\"skeleton-animated-background flex-column--force p-0 radius-8 user-select-none overflow-hidden\" *ngFor=\"let i of [].constructor(amount)\">\n <ng-container *ngIf=\"model === 'profile'\"><span class=\"h8 title p-16 m-0\"> <span class=\"radius-full background-surface-alpha h-48 w-48\"></span> </span></ng-container>\n\n <div [class]=\"'h-'+ height + ' flex-column--force p-16 background-bg-alpha'\"></div>\n\n <ng-container *ngIf=\"model === 'profile'\">\n <div class=\"flex-column--force\">\n <div class=\"flex-column--force p-16 gap-16\">\n <div class=\"w-100-p h-16 background-surface-alpha radius-full\"></div>\n <div class=\"w-100-p h-16 background-surface-alpha radius-full\"></div>\n </div>\n </div>\n </ng-container>\n </div>\n</div>\n<!-- CARD SKELETON -->\n\n<!-- TABLE SKELETON -->\n<div class=\"skeleton-animated-background w-100-p mr-16 flex-column--force p-0 radius-8 user-select-none\" *ngIf=\"model === 'table'\">\n\n <div class=\"flex-column--force h-64 background-surface-alpha\">\n <ng-container> </ng-container>\n </div>\n\n <ng-container *ngFor=\"let i of [].constructor(amount)\">\n <div class=\"grid-4 h-80 px-16 gap-16 flex-align-center--force\">\n <div class=\"w-100-p flex-row--force gap-16\">\n <div class=\"min-h-48 min-w-48 h-48 w-48 background-surface-alpha radius-full\"></div>\n <div class=\"w-100-p flex-column--force flex-center--force gap-16\">\n <div class=\"h-16 w-60-p background-surface-alpha radius-full\"></div>\n <div class=\"h-16 w-100-p background-surface-alpha radius-full\"></div>\n </div>\n </div>\n <div class=\"h-16 w-100-p flex-column--force background-surface-alpha radius-full\"></div>\n <div class=\"w-100-p flex-row--force gap-16\">\n <div class=\"w-100-p flex-column--force flex-center--force gap-16\">\n <div class=\"h-16 w-60-p background-surface-alpha radius-full\"></div>\n <div class=\"h-16 w-100-p background-surface-alpha radius-full\"></div>\n </div>\n </div>\n <div class=\"h-16 w-100-p flex-column--force background-surface-alpha radius-full\"></div>\n </div>\n\n <div class=\"grid-4 h-80 px-16 gap-16 flex-align-center--force background-bg-alpha\">\n <div class=\"w-100-p flex-row--force gap-16\">\n <div class=\"min-h-48 min-w-48 h-48 w-48 background-surface-alpha radius-full\"></div>\n <div class=\"w-100-p flex-column--force flex-center--force gap-16\">\n <div class=\"h-16 w-100-p background-surface-alpha radius-full\"></div>\n <div class=\"h-16 w-30-p background-surface-alpha radius-full\"></div>\n </div>\n </div>\n <div class=\"h-16 w-100-p flex-column--force background-surface-alpha radius-full\"></div>\n <div class=\"w-100-p flex-row--force gap-16\">\n <div class=\"w-100-p flex-column--force flex-center--force gap-16\">\n <div class=\"h-16 w-60-p background-surface-alpha radius-full\"></div>\n <div class=\"h-16 w-100-p background-surface-alpha radius-full\"></div>\n </div>\n </div>\n <div class=\"h-16 w-100-p flex-column--force background-surface-alpha radius-full\"></div>\n </div>\n\n </ng-container>\n\n</div>\n<!-- TABLE SKELETON -->" }]
|
|
2374
2273
|
}], propDecorators: { amount: [{
|
|
@@ -2383,6 +2282,147 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
2383
2282
|
type: Input
|
|
2384
2283
|
}] } });
|
|
2385
2284
|
|
|
2285
|
+
class MatchaOptionService {
|
|
2286
|
+
constructor() {
|
|
2287
|
+
this._optionsSubject = new BehaviorSubject([]);
|
|
2288
|
+
this.options$ = this._optionsSubject.asObservable();
|
|
2289
|
+
this._activeOptionSubject = new BehaviorSubject(0);
|
|
2290
|
+
this.activeOption$ = this._activeOptionSubject.asObservable();
|
|
2291
|
+
this._canShowOptionsSubject = new BehaviorSubject(false);
|
|
2292
|
+
this.canShowOptions$ = this._canShowOptionsSubject.asObservable();
|
|
2293
|
+
this._selectedOptionSubject = new Subject();
|
|
2294
|
+
this.selectedOption$ = this._selectedOptionSubject.asObservable();
|
|
2295
|
+
}
|
|
2296
|
+
setSelectedOption(selectedOption) {
|
|
2297
|
+
this._selectedOptionSubject.next(selectedOption);
|
|
2298
|
+
}
|
|
2299
|
+
getCanShowOptions() {
|
|
2300
|
+
return this._canShowOptionsSubject.value;
|
|
2301
|
+
}
|
|
2302
|
+
setCanShowOptions(canShowOptions) {
|
|
2303
|
+
this._canShowOptionsSubject.next(canShowOptions);
|
|
2304
|
+
}
|
|
2305
|
+
updateOptions(options) {
|
|
2306
|
+
this._optionsSubject.next(options);
|
|
2307
|
+
}
|
|
2308
|
+
updateActiveOption(activeOption) {
|
|
2309
|
+
this._activeOptionSubject.next(activeOption);
|
|
2310
|
+
}
|
|
2311
|
+
resetActiveOption() {
|
|
2312
|
+
this.updateActiveOption(0);
|
|
2313
|
+
const currentOptions = this._optionsSubject.value;
|
|
2314
|
+
const activeOption = this._activeOptionSubject.value;
|
|
2315
|
+
currentOptions.forEach((option, index) => {
|
|
2316
|
+
index === activeOption ? option.setIsOptionActive(true, false) : option.setIsOptionActive(false, false);
|
|
2317
|
+
});
|
|
2318
|
+
return;
|
|
2319
|
+
}
|
|
2320
|
+
removeActiveOption() {
|
|
2321
|
+
const currentOptions = this._optionsSubject.value;
|
|
2322
|
+
currentOptions.forEach((option) => {
|
|
2323
|
+
option.isOptionActive = false;
|
|
2324
|
+
});
|
|
2325
|
+
this.updateActiveOption(-1);
|
|
2326
|
+
return;
|
|
2327
|
+
}
|
|
2328
|
+
changeActiveOption(stepsToMove) {
|
|
2329
|
+
const currentOptions = this._optionsSubject.value;
|
|
2330
|
+
const lastActiveOption = this._activeOptionSubject.value;
|
|
2331
|
+
this.updateActiveOption(Math.max(0, Math.min(currentOptions.length - 1, lastActiveOption + stepsToMove)));
|
|
2332
|
+
const currentActiveOption = this._activeOptionSubject.value;
|
|
2333
|
+
currentOptions.forEach((option, index) => {
|
|
2334
|
+
option.setIsOptionActive(index === currentActiveOption, false);
|
|
2335
|
+
});
|
|
2336
|
+
return;
|
|
2337
|
+
}
|
|
2338
|
+
selectActiveOption() {
|
|
2339
|
+
const currentOptions = this._optionsSubject.value;
|
|
2340
|
+
const activeOption = this._activeOptionSubject.value;
|
|
2341
|
+
if (currentOptions[activeOption]) {
|
|
2342
|
+
currentOptions[activeOption].selectOption();
|
|
2343
|
+
}
|
|
2344
|
+
}
|
|
2345
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaOptionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2346
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaOptionService, providedIn: 'root' }); }
|
|
2347
|
+
}
|
|
2348
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaOptionService, decorators: [{
|
|
2349
|
+
type: Injectable,
|
|
2350
|
+
args: [{
|
|
2351
|
+
providedIn: 'root',
|
|
2352
|
+
}]
|
|
2353
|
+
}], ctorParameters: () => [] });
|
|
2354
|
+
|
|
2355
|
+
class MatchaOptionComponent {
|
|
2356
|
+
constructor(changeDetectorRef, matchaOptionService) {
|
|
2357
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
2358
|
+
this.matchaOptionService = matchaOptionService;
|
|
2359
|
+
this.isOptionActive = false;
|
|
2360
|
+
}
|
|
2361
|
+
selectOption() {
|
|
2362
|
+
this.matchaOptionService.setCanShowOptions(true);
|
|
2363
|
+
this.matchaOptionService.setSelectedOption(this.value);
|
|
2364
|
+
setTimeout(() => {
|
|
2365
|
+
this.matchaOptionService.setCanShowOptions(false);
|
|
2366
|
+
}, 300);
|
|
2367
|
+
}
|
|
2368
|
+
setIsOptionActive(isOptionActive, isMouseEvent) {
|
|
2369
|
+
if (isMouseEvent) {
|
|
2370
|
+
this.matchaOptionService.removeActiveOption();
|
|
2371
|
+
}
|
|
2372
|
+
this.isOptionActive = isOptionActive;
|
|
2373
|
+
this.changeDetectorRef.detectChanges();
|
|
2374
|
+
}
|
|
2375
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaOptionComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: MatchaOptionService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2376
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaOptionComponent, isStandalone: false, selector: "matcha-option", inputs: { value: "value" }, ngImport: i0, template: "<span\n (click)=\"selectOption()\"\n (mouseenter)=\"setIsOptionActive(true, true)\"\n (mouseleave)=\"setIsOptionActive(false, true)\"\n [class.background-bg]=\"isOptionActive\"\n class=\"d-block py-8 cursor-pointer px-16 w-100-p\">\n <ng-content></ng-content>\n</span>\n", styles: [""] }); }
|
|
2377
|
+
}
|
|
2378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaOptionComponent, decorators: [{
|
|
2379
|
+
type: Component,
|
|
2380
|
+
args: [{ selector: 'matcha-option', standalone: false, template: "<span\n (click)=\"selectOption()\"\n (mouseenter)=\"setIsOptionActive(true, true)\"\n (mouseleave)=\"setIsOptionActive(false, true)\"\n [class.background-bg]=\"isOptionActive\"\n class=\"d-block py-8 cursor-pointer px-16 w-100-p\">\n <ng-content></ng-content>\n</span>\n" }]
|
|
2381
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: MatchaOptionService }], propDecorators: { value: [{
|
|
2382
|
+
type: Input
|
|
2383
|
+
}] } });
|
|
2384
|
+
|
|
2385
|
+
class MatchaAutocompleteComponent {
|
|
2386
|
+
constructor(changeDetectorRef, matchaOptionService) {
|
|
2387
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
2388
|
+
this.matchaOptionService = matchaOptionService;
|
|
2389
|
+
this.isDisplayAutocomplete = false;
|
|
2390
|
+
this.activeOption = 0;
|
|
2391
|
+
}
|
|
2392
|
+
ngOnInit() {
|
|
2393
|
+
this.matchaOptionService.canShowOptions$.subscribe((canShowOptions) => {
|
|
2394
|
+
if (!canShowOptions) {
|
|
2395
|
+
this.matchaOptionService.resetActiveOption();
|
|
2396
|
+
}
|
|
2397
|
+
this.isDisplayAutocomplete = canShowOptions;
|
|
2398
|
+
});
|
|
2399
|
+
}
|
|
2400
|
+
ngAfterContentInit() {
|
|
2401
|
+
const options = this.options.toArray();
|
|
2402
|
+
if (options.length > 0) {
|
|
2403
|
+
options[0].setIsOptionActive(true, false);
|
|
2404
|
+
}
|
|
2405
|
+
this.matchaOptionService.updateOptions(options);
|
|
2406
|
+
this.options.changes.subscribe((newOptions) => {
|
|
2407
|
+
this.matchaOptionService.updateOptions(newOptions.toArray());
|
|
2408
|
+
this.matchaOptionService.resetActiveOption();
|
|
2409
|
+
});
|
|
2410
|
+
this.matchaOptionService.activeOption$.subscribe((currentActiveOption) => {
|
|
2411
|
+
this.activeOption = currentActiveOption;
|
|
2412
|
+
this.changeDetectorRef.detectChanges();
|
|
2413
|
+
});
|
|
2414
|
+
}
|
|
2415
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: MatchaOptionService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2416
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaAutocompleteComponent, isStandalone: false, selector: "matcha-autocomplete", queries: [{ propertyName: "options", predicate: MatchaOptionComponent }], ngImport: i0, template: "<ng-container *ngIf=\"isDisplayAutocomplete\">\n <div class=\"background-bg pt-24 position-absolute z-index-2 w-100-p\">\n <ul class=\"background-surface m-0 radius-8 elevation-z-1 p-0\">\n <ng-content></ng-content>\n </ul>\n </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
2417
|
+
}
|
|
2418
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAutocompleteComponent, decorators: [{
|
|
2419
|
+
type: Component,
|
|
2420
|
+
args: [{ selector: 'matcha-autocomplete', standalone: false, template: "<ng-container *ngIf=\"isDisplayAutocomplete\">\n <div class=\"background-bg pt-24 position-absolute z-index-2 w-100-p\">\n <ul class=\"background-surface m-0 radius-8 elevation-z-1 p-0\">\n <ng-content></ng-content>\n </ul>\n </div>\n</ng-container>\n" }]
|
|
2421
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: MatchaOptionService }], propDecorators: { options: [{
|
|
2422
|
+
type: ContentChildren,
|
|
2423
|
+
args: [MatchaOptionComponent]
|
|
2424
|
+
}] } });
|
|
2425
|
+
|
|
2386
2426
|
class MatchaSlideToggleComponent {
|
|
2387
2427
|
set checked(value) {
|
|
2388
2428
|
const newCheckedState = value === '' ? true : !!value;
|
|
@@ -2447,8 +2487,8 @@ class MatchaSlideToggleComponent {
|
|
|
2447
2487
|
this.onTouched();
|
|
2448
2488
|
this.change.emit({ checked: newCheckedState });
|
|
2449
2489
|
}
|
|
2450
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2451
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2490
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSlideToggleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2491
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaSlideToggleComponent, isStandalone: false, selector: "matcha-slide-toggle", inputs: { color: "color", checked: "checked", disabled: "disabled" }, outputs: { change: "change" }, providers: [
|
|
2452
2492
|
{
|
|
2453
2493
|
provide: NG_VALUE_ACCESSOR,
|
|
2454
2494
|
useExisting: forwardRef(() => MatchaSlideToggleComponent),
|
|
@@ -2456,7 +2496,7 @@ class MatchaSlideToggleComponent {
|
|
|
2456
2496
|
},
|
|
2457
2497
|
], usesOnChanges: true, ngImport: i0, template: "<label\n class=\"matcha-slide-toggle-wrapper flex-align-center\"\n [class.matcha-slide-toggle-disabled]=\"disabled\"\n >\n <input\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n (change)=\"onInputChange($event)\"\n />\n\n <span class=\"matcha-slide-toggle-label ml-8 fw-500 fs-16 lh-20\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2458
2498
|
}
|
|
2459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2499
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSlideToggleComponent, decorators: [{
|
|
2460
2500
|
type: Component,
|
|
2461
2501
|
args: [{ selector: 'matcha-slide-toggle', standalone: false, providers: [
|
|
2462
2502
|
{
|
|
@@ -2533,10 +2573,10 @@ class MatchaButtonToggleComponent {
|
|
|
2533
2573
|
});
|
|
2534
2574
|
}
|
|
2535
2575
|
}
|
|
2536
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2537
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2576
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaButtonToggleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2577
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaButtonToggleComponent, isStandalone: false, selector: "matcha-button-toggle", inputs: { multiple: "multiple", disabled: "disabled", required: "required", inactiveColor: "inactiveColor", inactiveType: "inactiveType", gap: "gap" }, host: { properties: { "attr.disabled": "this.isDisabled" } }, queries: [{ propertyName: "buttons", predicate: MatchaButtonComponent }], ngImport: i0, template: "<div\n class=\"button-group d-flex\"\n [ngClass]=\"gapClass\"\n [class.flex-wrap]=\"gap !== 0\"\n role=\"group\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
2538
2578
|
}
|
|
2539
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaButtonToggleComponent, decorators: [{
|
|
2540
2580
|
type: Component,
|
|
2541
2581
|
args: [{ selector: 'matcha-button-toggle', standalone: false, template: "<div\n class=\"button-group d-flex\"\n [ngClass]=\"gapClass\"\n [class.flex-wrap]=\"gap !== 0\"\n role=\"group\"\n>\n <ng-content></ng-content>\n</div>\n" }]
|
|
2542
2582
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { multiple: [{
|
|
@@ -2571,10 +2611,10 @@ class MatchaTabItemComponent {
|
|
|
2571
2611
|
get active() {
|
|
2572
2612
|
return this._active;
|
|
2573
2613
|
}
|
|
2574
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2575
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2614
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2615
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaTabItemComponent, isStandalone: false, selector: "matcha-tab", inputs: { title: "title", icon: "icon", active: "active" }, ngImport: i0, template: "<ng-content *ngIf=\"active\"></ng-content>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
2576
2616
|
}
|
|
2577
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2617
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTabItemComponent, decorators: [{
|
|
2578
2618
|
type: Component,
|
|
2579
2619
|
args: [{ selector: 'matcha-tab', standalone: false, template: "<ng-content *ngIf=\"active\"></ng-content>\n" }]
|
|
2580
2620
|
}], propDecorators: { title: [{
|
|
@@ -2629,10 +2669,10 @@ class MatchaTabsComponent {
|
|
|
2629
2669
|
this.selectTabByIndex(tabsArray.length - 1);
|
|
2630
2670
|
}
|
|
2631
2671
|
}
|
|
2632
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2633
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2672
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2673
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaTabsComponent, isStandalone: false, selector: "matcha-tabs", inputs: { activeTabIndex: "activeTabIndex" }, outputs: { tabSelected: "tabSelected" }, host: { listeners: { "keydown": "handleKeyboardEvent($event)" } }, queries: [{ propertyName: "tabs", predicate: MatchaTabItemComponent }], ngImport: i0, template: "<div class=\"flex-column gap-24 w-100-p\">\n <nav class=\"button-group overflow-auto w-100-p flex-row gap-8 list-style-none pl-0 pb-4\" role=\"tablist\">\n <button *ngFor=\"let tab of tabs; let i = index\" (click)=\"selectTabByIndex(i)\" \n [attr.aria-selected]=\"tab.active\" \n [attr.aria-controls]=\"'tab-content-' + i\" \n [ngClass]=\"{'active': tab.active}\"\n class=\"\n border-color-{{tab.active?'accent':'surface'}} background-surface\n cursor-pointer w-100-p min-w-88 b-2 radius-8 p-8 flex-column flex-align-center gap-4 flex-space-between\"\n role=\"tab\"\n tabindex=\"{{tab.active ? 0 : -1}}\">\n <matcha-icon [name]=\"tab.icon\" color=\"accent\" size=\"md\"></matcha-icon>\n <span class=\"text-label fw-900 fs-14 lh-16 line-clamp-2\">\n {{ tab.title }}\n </span>\n </button>\n </nav>\n\n <div>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }], animations: [...createAnimations] }); }
|
|
2634
2674
|
}
|
|
2635
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2675
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTabsComponent, decorators: [{
|
|
2636
2676
|
type: Component,
|
|
2637
2677
|
args: [{ selector: 'matcha-tabs', animations: [...createAnimations], standalone: false, template: "<div class=\"flex-column gap-24 w-100-p\">\n <nav class=\"button-group overflow-auto w-100-p flex-row gap-8 list-style-none pl-0 pb-4\" role=\"tablist\">\n <button *ngFor=\"let tab of tabs; let i = index\" (click)=\"selectTabByIndex(i)\" \n [attr.aria-selected]=\"tab.active\" \n [attr.aria-controls]=\"'tab-content-' + i\" \n [ngClass]=\"{'active': tab.active}\"\n class=\"\n border-color-{{tab.active?'accent':'surface'}} background-surface\n cursor-pointer w-100-p min-w-88 b-2 radius-8 p-8 flex-column flex-align-center gap-4 flex-space-between\"\n role=\"tab\"\n tabindex=\"{{tab.active ? 0 : -1}}\">\n <matcha-icon [name]=\"tab.icon\" color=\"accent\" size=\"md\"></matcha-icon>\n <span class=\"text-label fw-900 fs-14 lh-16 line-clamp-2\">\n {{ tab.title }}\n </span>\n </button>\n </nav>\n\n <div>\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
2638
2678
|
}], propDecorators: { tabs: [{
|
|
@@ -2700,10 +2740,10 @@ class MatchaDateComponent {
|
|
|
2700
2740
|
control.setErrors(Object.keys(errors).length ? errors : null);
|
|
2701
2741
|
}
|
|
2702
2742
|
}
|
|
2703
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2704
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2743
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2744
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaDateComponent, isStandalone: false, selector: "matcha-date", queries: [{ propertyName: "controls", predicate: NgControl, descendants: true }], ngImport: i0, template: "<div class=\"d-flex gap-16\">\n <ng-content></ng-content>\n</div>\n", styles: [""] }); }
|
|
2705
2745
|
}
|
|
2706
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2746
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDateComponent, decorators: [{
|
|
2707
2747
|
type: Component,
|
|
2708
2748
|
args: [{ selector: 'matcha-date', standalone: false, template: "<div class=\"d-flex gap-16\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
2709
2749
|
}], propDecorators: { controls: [{
|
|
@@ -2819,10 +2859,10 @@ class MatchaTimeComponent {
|
|
|
2819
2859
|
control.setErrors(Object.keys(errors).length ? errors : null);
|
|
2820
2860
|
}
|
|
2821
2861
|
}
|
|
2822
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2823
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2862
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2863
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaTimeComponent, isStandalone: false, selector: "matcha-time", inputs: { startDateControlName: "startDateControlName", endDateControlName: "endDateControlName", allowCrossDays: "allowCrossDays" }, queries: [{ propertyName: "controls", predicate: NgControl, descendants: true }], ngImport: i0, template: "<div class=\"d-flex gap-16\">\n <ng-content></ng-content>\n</div>\n", styles: [""] }); }
|
|
2824
2864
|
}
|
|
2825
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2865
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTimeComponent, decorators: [{
|
|
2826
2866
|
type: Component,
|
|
2827
2867
|
args: [{ selector: 'matcha-time', standalone: false, template: "<div class=\"d-flex gap-16\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
2828
2868
|
}], propDecorators: { controls: [{
|
|
@@ -2837,10 +2877,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
2837
2877
|
}] } });
|
|
2838
2878
|
|
|
2839
2879
|
class StepComponent {
|
|
2840
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2841
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2880
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2881
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: StepComponent, isStandalone: false, selector: "matcha-step", inputs: { step: ["title", "step"] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true }); }
|
|
2842
2882
|
}
|
|
2843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2883
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: StepComponent, decorators: [{
|
|
2844
2884
|
type: Component,
|
|
2845
2885
|
args: [{
|
|
2846
2886
|
selector: 'matcha-step',
|
|
@@ -2895,10 +2935,10 @@ class MatchaStepperStateService {
|
|
|
2895
2935
|
this._activeStep$.next(current - 1);
|
|
2896
2936
|
}
|
|
2897
2937
|
}
|
|
2898
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2899
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.
|
|
2938
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaStepperStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2939
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaStepperStateService }); }
|
|
2900
2940
|
}
|
|
2901
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2941
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaStepperStateService, decorators: [{
|
|
2902
2942
|
type: Injectable
|
|
2903
2943
|
}] });
|
|
2904
2944
|
|
|
@@ -2912,10 +2952,10 @@ class MatchaStepperComponent {
|
|
|
2912
2952
|
this.stepperState.setActiveStep(this.active);
|
|
2913
2953
|
}
|
|
2914
2954
|
}
|
|
2915
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2916
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2955
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaStepperComponent, deps: [{ token: MatchaStepperStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2956
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaStepperComponent, isStandalone: false, selector: "matcha-stepper", inputs: { active: "active" }, providers: [MatchaStepperStateService], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
|
|
2917
2957
|
}
|
|
2918
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2958
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaStepperComponent, decorators: [{
|
|
2919
2959
|
type: Component,
|
|
2920
2960
|
args: [{
|
|
2921
2961
|
selector: 'matcha-stepper',
|
|
@@ -2948,14 +2988,14 @@ class MatchaStepperContentComponent {
|
|
|
2948
2988
|
prevStep() {
|
|
2949
2989
|
this.stepperState.prevStep();
|
|
2950
2990
|
}
|
|
2951
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2952
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2991
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaStepperContentComponent, deps: [{ token: MatchaStepperStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2992
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaStepperContentComponent, isStandalone: false, selector: "matcha-stepper-content", queries: [{ propertyName: "steps", predicate: StepComponent }], ngImport: i0, template: `
|
|
2953
2993
|
<ng-container *ngIf="stepsArray.length">
|
|
2954
2994
|
<ng-container *ngTemplateOutlet="stepsArray[activeStep]?.template || null"></ng-container>
|
|
2955
2995
|
</ng-container>
|
|
2956
2996
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
2957
2997
|
}
|
|
2958
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2998
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaStepperContentComponent, decorators: [{
|
|
2959
2999
|
type: Component,
|
|
2960
3000
|
args: [{
|
|
2961
3001
|
selector: 'matcha-stepper-content',
|
|
@@ -2986,10 +3026,10 @@ class MatchaStepperControllerComponent {
|
|
|
2986
3026
|
return;
|
|
2987
3027
|
this.stepperState.setActiveStep(index);
|
|
2988
3028
|
}
|
|
2989
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2990
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
3029
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaStepperControllerComponent, deps: [{ token: MatchaStepperStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3030
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaStepperControllerComponent, isStandalone: false, selector: "matcha-stepper-controller", inputs: { disableNext: "disableNext" }, providers: [], ngImport: i0, template: "<div class=\"flex-column flex-align-end gap-16\">\n <span class=\"fw-900 fs-12 lh-12\">{{steps[activeStep]}}</span>\n <div class=\"d-flex align-center gap-8\">\n <ng-container *ngFor=\"let step of steps; let i = index\">\n <div (click)=\"goToStep(i)\" class=\"cursor-pointer w-32 h-8 radius-8\" [class.background-accent]=\"i <= activeStep\" [class.background-disabled]=\"i > activeStep\"></div> \n </ng-container>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
|
|
2991
3031
|
}
|
|
2992
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3032
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaStepperControllerComponent, decorators: [{
|
|
2993
3033
|
type: Component,
|
|
2994
3034
|
args: [{ selector: 'matcha-stepper-controller', providers: [], standalone: false, template: "<div class=\"flex-column flex-align-end gap-16\">\n <span class=\"fw-900 fs-12 lh-12\">{{steps[activeStep]}}</span>\n <div class=\"d-flex align-center gap-8\">\n <ng-container *ngFor=\"let step of steps; let i = index\">\n <div (click)=\"goToStep(i)\" class=\"cursor-pointer w-32 h-8 radius-8\" [class.background-accent]=\"i <= activeStep\" [class.background-disabled]=\"i > activeStep\"></div> \n </ng-container>\n </div>\n</div>\n" }]
|
|
2995
3035
|
}], ctorParameters: () => [{ type: MatchaStepperStateService }], propDecorators: { disableNext: [{
|
|
@@ -3018,10 +3058,10 @@ class MatchaDropListService {
|
|
|
3018
3058
|
getAllDropZones() {
|
|
3019
3059
|
return Array.from(this.dropZones.values());
|
|
3020
3060
|
}
|
|
3021
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3022
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.
|
|
3061
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDropListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3062
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDropListService, providedIn: 'root' }); }
|
|
3023
3063
|
}
|
|
3024
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3064
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDropListService, decorators: [{
|
|
3025
3065
|
type: Injectable,
|
|
3026
3066
|
args: [{
|
|
3027
3067
|
providedIn: 'root'
|
|
@@ -3319,10 +3359,10 @@ class MatchaDragDirective {
|
|
|
3319
3359
|
this.listeners.forEach(cleanup => cleanup());
|
|
3320
3360
|
this.listeners = [];
|
|
3321
3361
|
}
|
|
3322
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3323
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
3362
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDragDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: MatchaDropListService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3363
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaDragDirective, isStandalone: false, selector: "[matchaDrag]", inputs: { matchaDragData: "matchaDragData", matchaDragDisabled: "matchaDragDisabled" }, host: { properties: { "class.matcha-drag-item": "this.dragItemClass", "class.matcha-drag-disabled": "this.dragDisabledClass" } }, ngImport: i0 }); }
|
|
3324
3364
|
}
|
|
3325
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDragDirective, decorators: [{
|
|
3326
3366
|
type: Directive,
|
|
3327
3367
|
args: [{
|
|
3328
3368
|
selector: '[matchaDrag]',
|
|
@@ -3622,10 +3662,10 @@ class MatchaDropListComponent {
|
|
|
3622
3662
|
this.transferItem(this.currentDragItem, this.sourceContainer, this, dropIndex);
|
|
3623
3663
|
}
|
|
3624
3664
|
}
|
|
3625
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3626
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
3665
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDropListComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: MatchaDropListService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3666
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaDropListComponent, isStandalone: false, selector: "matcha-drop-list", inputs: { matchaDropListData: "matchaDropListData", matchaDropListDisabled: "matchaDropListDisabled", matchaDropListConnectedTo: "matchaDropListConnectedTo", matchaDropListSortingDisabled: "matchaDropListSortingDisabled", matchaDropListAcceptPredicate: "matchaDropListAcceptPredicate" }, outputs: { matchaDropListDropped: "matchaDropListDropped" }, host: { properties: { "class.matcha-drop-list": "this.dropListClass" } }, queries: [{ propertyName: "dragItems", predicate: MatchaDragDirective }], ngImport: i0, template: "<div class=\"matcha-drop-list-container\"\n [class.matcha-drop-list-receiving]=\"isReceivingDrag\"\n [class.matcha-drop-list-disabled]=\"matchaDropListDisabled\"\n [class.matcha-drop-list-can-accept]=\"isReceivingDrag && canAcceptDrop\"\n [class.matcha-drop-list-cannot-accept]=\"isReceivingDrag && !canAcceptDrop\">\n <ng-content></ng-content>\n\n <!-- Linha indicadora de drop -->\n <div class=\"matcha-drop-indicator\"\n [class.active]=\"showDropIndicator && canAcceptDrop\"\n [style.top.px]=\"dropIndicatorPosition\">\n </div>\n\n <!-- Placeholder para lista vazia -->\n <div *ngIf=\"isReceivingDrag && dragItems.length === 0\"\n class=\"matcha-drop-list-placeholder\">\n <div class=\"matcha-drop-list-empty-placeholder\"\n [class.can-accept]=\"canAcceptDrop\"\n [class.cannot-accept]=\"!canAcceptDrop\">\n <span [class.i-matcha-action_sign_success]=\"canAcceptDrop\"\n [class.i-matcha-action_sign_error]=\"!canAcceptDrop\"\n [class.color-green]=\"canAcceptDrop\"\n [class.color-red]=\"!canAcceptDrop\"\n class=\"i-size-lg\"></span>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
3627
3667
|
}
|
|
3628
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3668
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDropListComponent, decorators: [{
|
|
3629
3669
|
type: Component,
|
|
3630
3670
|
args: [{ selector: 'matcha-drop-list', standalone: false, template: "<div class=\"matcha-drop-list-container\"\n [class.matcha-drop-list-receiving]=\"isReceivingDrag\"\n [class.matcha-drop-list-disabled]=\"matchaDropListDisabled\"\n [class.matcha-drop-list-can-accept]=\"isReceivingDrag && canAcceptDrop\"\n [class.matcha-drop-list-cannot-accept]=\"isReceivingDrag && !canAcceptDrop\">\n <ng-content></ng-content>\n\n <!-- Linha indicadora de drop -->\n <div class=\"matcha-drop-indicator\"\n [class.active]=\"showDropIndicator && canAcceptDrop\"\n [style.top.px]=\"dropIndicatorPosition\">\n </div>\n\n <!-- Placeholder para lista vazia -->\n <div *ngIf=\"isReceivingDrag && dragItems.length === 0\"\n class=\"matcha-drop-list-placeholder\">\n <div class=\"matcha-drop-list-empty-placeholder\"\n [class.can-accept]=\"canAcceptDrop\"\n [class.cannot-accept]=\"!canAcceptDrop\">\n <span [class.i-matcha-action_sign_success]=\"canAcceptDrop\"\n [class.i-matcha-action_sign_error]=\"!canAcceptDrop\"\n [class.color-green]=\"canAcceptDrop\"\n [class.color-red]=\"!canAcceptDrop\"\n class=\"i-size-lg\"></span>\n </div>\n </div>\n</div>\n" }]
|
|
3631
3671
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: MatchaDropListService }], propDecorators: { matchaDropListData: [{
|
|
@@ -3649,206 +3689,84 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
3649
3689
|
}] } });
|
|
3650
3690
|
|
|
3651
3691
|
class MatchaPageLayoutComponent {
|
|
3652
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3653
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
3692
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaPageLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3693
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaPageLayoutComponent, isStandalone: false, selector: "matcha-page-layout", ngImport: i0, template: "<div class=\"page-layout carded fullwidth\">\n <!-- TOP BACKGROUND -->\n <div class=\"top-bg\"></div>\n <!--/ TOP BACKGROUND -->\n\n <!-- CENTER -->\n <div class=\"center pt-24 gap-16\">\n <!-- CONTENT CARD -->\n <div class=\"content-card flatten flex-column h-100-p\">\n <!-- CONTENT -->\n <div class=\"content flex-column h-100-p\">\n <div class=\"content-card card-flat flex-column h-100-p background-bg border-radius-0 pb-16\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n </div>\n</div>", styles: [":host{display:flex;flex-direction:column;width:100%}\n"] }); }
|
|
3654
3694
|
}
|
|
3655
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3695
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaPageLayoutComponent, decorators: [{
|
|
3656
3696
|
type: Component,
|
|
3657
3697
|
args: [{ selector: 'matcha-page-layout', standalone: false, template: "<div class=\"page-layout carded fullwidth\">\n <!-- TOP BACKGROUND -->\n <div class=\"top-bg\"></div>\n <!--/ TOP BACKGROUND -->\n\n <!-- CENTER -->\n <div class=\"center pt-24 gap-16\">\n <!-- CONTENT CARD -->\n <div class=\"content-card flatten flex-column h-100-p\">\n <!-- CONTENT -->\n <div class=\"content flex-column h-100-p\">\n <div class=\"content-card card-flat flex-column h-100-p background-bg border-radius-0 pb-16\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n </div>\n</div>", styles: [":host{display:flex;flex-direction:column;width:100%}\n"] }]
|
|
3658
3698
|
}] });
|
|
3659
3699
|
|
|
3660
|
-
|
|
3661
|
-
|
|
3662
|
-
|
|
3663
|
-
|
|
3664
|
-
|
|
3665
|
-
|
|
3666
|
-
|
|
3667
|
-
constructor(parent, elRef) {
|
|
3668
|
-
this.parent = parent;
|
|
3669
|
-
this.elRef = elRef;
|
|
3670
|
-
this.disabled = false;
|
|
3671
|
-
this.selected = false;
|
|
3672
|
-
// ✅ EventEmitters para uso standalone
|
|
3673
|
-
this.optionClick = new EventEmitter();
|
|
3674
|
-
this.optionSelect = new EventEmitter();
|
|
3675
|
-
}
|
|
3676
|
-
onClick() {
|
|
3677
|
-
if (this.disabled)
|
|
3678
|
-
return;
|
|
3679
|
-
// ✅ Notifica o pai (se houver) - qualquer componente que implemente MatchaOptionParent
|
|
3680
|
-
this.parent?.selectOption(this);
|
|
3681
|
-
// ✅ Emite eventos para uso standalone
|
|
3682
|
-
this.optionClick.emit(this.value);
|
|
3683
|
-
this.optionSelect.emit(this);
|
|
3684
|
-
}
|
|
3685
|
-
onKeydown(ev) {
|
|
3686
|
-
if (ev.key === 'Enter' || ev.key === ' ') {
|
|
3687
|
-
ev.preventDefault();
|
|
3688
|
-
this.onClick();
|
|
3689
|
-
}
|
|
3690
|
-
}
|
|
3691
|
-
// Getter para acessar o elemento nativo (usado para scroll)
|
|
3692
|
-
get nativeElement() {
|
|
3693
|
-
return this.elRef.nativeElement;
|
|
3694
|
-
}
|
|
3695
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaOptionComponent, deps: [{ token: MATCHA_OPTION_PARENT, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3696
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: MatchaOptionComponent, isStandalone: false, selector: "matcha-option", inputs: { value: "value", disabled: "disabled" }, outputs: { optionClick: "optionClick", optionSelect: "optionSelect" }, host: { attributes: { "role": "option", "tabindex": "0" }, listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "attr.aria-selected": "this.selected" }, classAttribute: "matcha-option" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
|
|
3697
|
-
}
|
|
3698
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaOptionComponent, decorators: [{
|
|
3699
|
-
type: Component,
|
|
3700
|
-
args: [{
|
|
3701
|
-
selector: 'matcha-option',
|
|
3702
|
-
template: `<ng-content></ng-content>`,
|
|
3703
|
-
host: {
|
|
3704
|
-
class: 'matcha-option',
|
|
3705
|
-
role: 'option',
|
|
3706
|
-
tabindex: '0'
|
|
3707
|
-
},
|
|
3708
|
-
standalone: false,
|
|
3709
|
-
}]
|
|
3710
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
3711
|
-
type: Optional
|
|
3712
|
-
}, {
|
|
3713
|
-
type: Inject,
|
|
3714
|
-
args: [MATCHA_OPTION_PARENT]
|
|
3715
|
-
}] }, { type: i0.ElementRef }], propDecorators: { value: [{
|
|
3716
|
-
type: Input
|
|
3717
|
-
}], disabled: [{
|
|
3718
|
-
type: Input
|
|
3719
|
-
}], selected: [{
|
|
3720
|
-
type: HostBinding,
|
|
3721
|
-
args: ['attr.aria-selected']
|
|
3722
|
-
}], optionClick: [{
|
|
3723
|
-
type: Output
|
|
3724
|
-
}], optionSelect: [{
|
|
3725
|
-
type: Output
|
|
3726
|
-
}], onClick: [{
|
|
3727
|
-
type: HostListener,
|
|
3728
|
-
args: ['click']
|
|
3729
|
-
}], onKeydown: [{
|
|
3730
|
-
type: HostListener,
|
|
3731
|
-
args: ['keydown', ['$event']]
|
|
3732
|
-
}] } });
|
|
3733
|
-
|
|
3734
|
-
class MatchaAutocompleteComponent {
|
|
3735
|
-
constructor(elRef, renderer, cdr) {
|
|
3736
|
-
this.elRef = elRef;
|
|
3737
|
-
this.renderer = renderer;
|
|
3738
|
-
this.cdr = cdr;
|
|
3739
|
-
this.open = false;
|
|
3740
|
-
this.panelStyle = {};
|
|
3741
|
-
this.activeIndex = -1;
|
|
3742
|
-
}
|
|
3743
|
-
ngAfterContentInit() {
|
|
3744
|
-
// quando options mudarem, resetamos estado relevante
|
|
3745
|
-
this.options.changes.subscribe(() => {
|
|
3746
|
-
if (this.open) {
|
|
3747
|
-
this.resetActive();
|
|
3748
|
-
this.cdr.detectChanges();
|
|
3749
|
-
}
|
|
3750
|
-
});
|
|
3751
|
-
}
|
|
3752
|
-
attachTo(input) {
|
|
3753
|
-
this.triggerElement = input;
|
|
3754
|
-
}
|
|
3755
|
-
openPanel() {
|
|
3756
|
-
if (!this.triggerElement)
|
|
3757
|
-
return;
|
|
3758
|
-
this.open = true;
|
|
3759
|
-
this.setPanelPosition();
|
|
3760
|
-
this.resetActive();
|
|
3700
|
+
class MatchaAvatarComponent {
|
|
3701
|
+
constructor() {
|
|
3702
|
+
this.src = '';
|
|
3703
|
+
this.name = '';
|
|
3704
|
+
this.size = 'medium';
|
|
3705
|
+
this.color = 'blue';
|
|
3706
|
+
this._disabled = false;
|
|
3761
3707
|
}
|
|
3762
|
-
|
|
3763
|
-
this.
|
|
3764
|
-
this.activeIndex = -1;
|
|
3765
|
-
this.updateSelectedStates();
|
|
3708
|
+
set disabled(value) {
|
|
3709
|
+
this._disabled = value != null && `${value}` !== 'false';
|
|
3766
3710
|
}
|
|
3767
|
-
|
|
3768
|
-
|
|
3711
|
+
get disabled() {
|
|
3712
|
+
return this._disabled;
|
|
3769
3713
|
}
|
|
3770
|
-
|
|
3771
|
-
if (!this.
|
|
3772
|
-
return;
|
|
3773
|
-
|
|
3774
|
-
const
|
|
3775
|
-
|
|
3776
|
-
|
|
3777
|
-
|
|
3778
|
-
|
|
3779
|
-
|
|
3780
|
-
|
|
3781
|
-
|
|
3714
|
+
get initials() {
|
|
3715
|
+
if (!this.name.trim()) {
|
|
3716
|
+
return '';
|
|
3717
|
+
}
|
|
3718
|
+
const words = this.name.trim().split(/\s+/);
|
|
3719
|
+
if (this.size === 'tiny') {
|
|
3720
|
+
return words[0].charAt(0).toUpperCase();
|
|
3721
|
+
}
|
|
3722
|
+
if (words.length >= 2) {
|
|
3723
|
+
return (words[0].charAt(0) + words[1].charAt(0)).toUpperCase();
|
|
3724
|
+
}
|
|
3725
|
+
else if (words.length === 1 && words[0].length >= 2) {
|
|
3726
|
+
return words[0].substring(0, 2).toUpperCase();
|
|
3727
|
+
}
|
|
3728
|
+
else {
|
|
3729
|
+
return words[0].charAt(0).toUpperCase();
|
|
3730
|
+
}
|
|
3782
3731
|
}
|
|
3783
|
-
|
|
3784
|
-
this.
|
|
3785
|
-
this.updateSelectedStates();
|
|
3732
|
+
get hasImage() {
|
|
3733
|
+
return !!(this.src && this.src.trim() !== '');
|
|
3786
3734
|
}
|
|
3787
|
-
|
|
3788
|
-
|
|
3789
|
-
items.forEach((opt, i) => opt.selected = i === this.activeIndex);
|
|
3735
|
+
get hasName() {
|
|
3736
|
+
return !!(this.name && this.name.trim() !== '');
|
|
3790
3737
|
}
|
|
3791
|
-
|
|
3792
|
-
|
|
3793
|
-
if (!length)
|
|
3794
|
-
return;
|
|
3795
|
-
this.activeIndex = (this.activeIndex + 1) % length;
|
|
3796
|
-
this.updateSelectedStates();
|
|
3797
|
-
this.scrollToActive();
|
|
3738
|
+
get showDefaultIcon() {
|
|
3739
|
+
return !this.hasImage && !this.hasName;
|
|
3798
3740
|
}
|
|
3799
|
-
|
|
3800
|
-
|
|
3801
|
-
if (!length)
|
|
3802
|
-
return;
|
|
3803
|
-
this.activeIndex = (this.activeIndex - 1 + length) % length;
|
|
3804
|
-
this.updateSelectedStates();
|
|
3805
|
-
this.scrollToActive();
|
|
3741
|
+
get sizeClass() {
|
|
3742
|
+
return `matcha-avatar-${this.size}`;
|
|
3806
3743
|
}
|
|
3807
|
-
|
|
3808
|
-
|
|
3809
|
-
if (this.
|
|
3810
|
-
|
|
3811
|
-
const host = opts[this.activeIndex].nativeElement;
|
|
3812
|
-
if (host && host.scrollIntoView) {
|
|
3813
|
-
host.scrollIntoView({ block: 'nearest' });
|
|
3744
|
+
get avatarClasses() {
|
|
3745
|
+
let classes = `matcha-avatar radius-full ${this.sizeClass}`;
|
|
3746
|
+
if (!this.showDefaultIcon) {
|
|
3747
|
+
classes += ' ' + this.color;
|
|
3814
3748
|
}
|
|
3749
|
+
if (this.disabled) {
|
|
3750
|
+
classes += ' color-disabled';
|
|
3751
|
+
}
|
|
3752
|
+
return classes;
|
|
3815
3753
|
}
|
|
3816
|
-
|
|
3817
|
-
|
|
3818
|
-
return;
|
|
3819
|
-
const opt = this.options.toArray()[this.activeIndex];
|
|
3820
|
-
if (opt?.disabled)
|
|
3821
|
-
return;
|
|
3822
|
-
this.selectOption(opt);
|
|
3823
|
-
}
|
|
3824
|
-
// chamado por matcha-option quando clicado
|
|
3825
|
-
selectOption(option) {
|
|
3826
|
-
this.options.forEach(o => o.selected = (o === option));
|
|
3827
|
-
// Fechamos painel automaticamente
|
|
3828
|
-
this.closePanel();
|
|
3829
|
-
// indireto: a directive pode ler o value via getSelectedValue()
|
|
3830
|
-
}
|
|
3831
|
-
getSelectedValue() {
|
|
3832
|
-
const selected = this.options.find(o => o.selected);
|
|
3833
|
-
return selected ? selected.value : undefined;
|
|
3834
|
-
}
|
|
3835
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAutocompleteComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3836
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: MatchaAutocompleteComponent, isStandalone: false, selector: "matcha-autocomplete", queries: [{ propertyName: "options", predicate: MatchaOptionComponent, descendants: true }], ngImport: i0, template: `
|
|
3837
|
-
<div class="matcha-autocomplete-panel" *ngIf="open" [ngStyle]="panelStyle" role="listbox">
|
|
3838
|
-
<ng-content></ng-content>
|
|
3839
|
-
</div>
|
|
3840
|
-
`, isInline: true, styles: [":host{position:absolute;z-index:1000;display:block}.matcha-autocomplete-panel{box-shadow:0 4px 10px #0000001f;border-radius:6px;background:#fff;max-height:280px;overflow:auto;min-width:160px;display:flex;flex-direction:column}.matcha-option{padding:8px 12px;cursor:pointer}.matcha-option[aria-selected=true]{background:#00000014}.matcha-option[disabled]{opacity:.5;cursor:default}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3754
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3755
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaAvatarComponent, isStandalone: false, selector: "matcha-avatar", inputs: { src: "src", name: "name", size: "size", color: "color", disabled: "disabled" }, ngImport: i0, template: "<span [class]=\"avatarClasses\">\n <!-- Imagem do usu\u00E1rio -->\n <img \n *ngIf=\"hasImage\" \n [src]=\"src\" \n [alt]=\"name || 'Avatar'\"\n class=\"matcha-avatar-image\">\n \n <!-- Iniciais do nome -->\n <span \n *ngIf=\"!hasImage && hasName\" \n class=\"matcha-avatar-initials\">\n {{ initials }}\n </span>\n \n\n <svg \n *ngIf=\"showDefaultIcon\"\n class=\"matcha-avatar-icon\"\n viewBox=\"0 0 56 56\" \n fill=\"none\" \n xmlns=\"http://www.w3.org/2000/svg\">\n <path \n fill-rule=\"evenodd\" \n clip-rule=\"evenodd\" \n d=\"M28 0C12.544 0 0 12.544 0 28C0 43.456 12.544 56 28 56C43.456 56 56 43.456 56 28C56 12.544 43.456 0 28 0ZM28.0022 8.4C32.6502 8.4 36.4022 12.152 36.4022 16.8C36.4022 21.448 32.6502 25.2 28.0022 25.2C23.3542 25.2 19.6022 21.448 19.6022 16.8C19.6022 12.152 23.3542 8.4 28.0022 8.4ZM28.0022 48.1601C21.0022 48.1601 14.8142 44.5761 11.2022 39.1441C11.2862 33.5721 22.4022 30.5201 28.0022 30.5201C33.5742 30.5201 44.7182 33.5721 44.8022 39.1441C41.1902 44.5761 35.0022 48.1601 28.0022 48.1601Z\" \n fill=\"currentColor\"/>\n </svg>\n </span>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
3841
3756
|
}
|
|
3842
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3757
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAvatarComponent, decorators: [{
|
|
3843
3758
|
type: Component,
|
|
3844
|
-
args: [{ selector: 'matcha-
|
|
3845
|
-
|
|
3846
|
-
|
|
3847
|
-
|
|
3848
|
-
|
|
3849
|
-
|
|
3850
|
-
type:
|
|
3851
|
-
|
|
3759
|
+
args: [{ selector: 'matcha-avatar', standalone: false, template: "<span [class]=\"avatarClasses\">\n <!-- Imagem do usu\u00E1rio -->\n <img \n *ngIf=\"hasImage\" \n [src]=\"src\" \n [alt]=\"name || 'Avatar'\"\n class=\"matcha-avatar-image\">\n \n <!-- Iniciais do nome -->\n <span \n *ngIf=\"!hasImage && hasName\" \n class=\"matcha-avatar-initials\">\n {{ initials }}\n </span>\n \n\n <svg \n *ngIf=\"showDefaultIcon\"\n class=\"matcha-avatar-icon\"\n viewBox=\"0 0 56 56\" \n fill=\"none\" \n xmlns=\"http://www.w3.org/2000/svg\">\n <path \n fill-rule=\"evenodd\" \n clip-rule=\"evenodd\" \n d=\"M28 0C12.544 0 0 12.544 0 28C0 43.456 12.544 56 28 56C43.456 56 56 43.456 56 28C56 12.544 43.456 0 28 0ZM28.0022 8.4C32.6502 8.4 36.4022 12.152 36.4022 16.8C36.4022 21.448 32.6502 25.2 28.0022 25.2C23.3542 25.2 19.6022 21.448 19.6022 16.8C19.6022 12.152 23.3542 8.4 28.0022 8.4ZM28.0022 48.1601C21.0022 48.1601 14.8142 44.5761 11.2022 39.1441C11.2862 33.5721 22.4022 30.5201 28.0022 30.5201C33.5742 30.5201 44.7182 33.5721 44.8022 39.1441C41.1902 44.5761 35.0022 48.1601 28.0022 48.1601Z\" \n fill=\"currentColor\"/>\n </svg>\n </span>" }]
|
|
3760
|
+
}], propDecorators: { src: [{
|
|
3761
|
+
type: Input
|
|
3762
|
+
}], name: [{
|
|
3763
|
+
type: Input
|
|
3764
|
+
}], size: [{
|
|
3765
|
+
type: Input
|
|
3766
|
+
}], color: [{
|
|
3767
|
+
type: Input
|
|
3768
|
+
}], disabled: [{
|
|
3769
|
+
type: Input
|
|
3852
3770
|
}] } });
|
|
3853
3771
|
|
|
3854
3772
|
class MatchaTooltipDirective {
|
|
@@ -3992,10 +3910,10 @@ class MatchaTooltipDirective {
|
|
|
3992
3910
|
this.documentClickListener = null;
|
|
3993
3911
|
}
|
|
3994
3912
|
}
|
|
3995
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3996
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
3913
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3914
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaTooltipDirective, isStandalone: false, selector: "[matchaTooltip]", inputs: { tooltipText: ["matchaTooltip", "tooltipText"], tooltipDisabled: ["matchaTooltipDisabled", "tooltipDisabled"], preferAbove: ["matchaTooltipAbove", "preferAbove"], preferBelow: ["matchaTooltipBelow", "preferBelow"], preferLeft: ["matchaTooltipLeft", "preferLeft"], preferRight: ["matchaTooltipRight", "preferRight"], tooltipEnableClose: ["matchaTooltipEnableClose", "tooltipEnableClose"] }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "onClick($event)" } }, ngImport: i0 }); }
|
|
3997
3915
|
}
|
|
3998
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3916
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTooltipDirective, decorators: [{
|
|
3999
3917
|
type: Directive,
|
|
4000
3918
|
args: [{
|
|
4001
3919
|
selector: '[matchaTooltip]',
|
|
@@ -4034,11 +3952,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4034
3952
|
}] } });
|
|
4035
3953
|
|
|
4036
3954
|
class MatchaTooltipModule {
|
|
4037
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4038
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4039
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
3955
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3956
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaTooltipModule, declarations: [MatchaTooltipDirective], imports: [CommonModule], exports: [MatchaTooltipDirective] }); }
|
|
3957
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTooltipModule, imports: [CommonModule] }); }
|
|
4040
3958
|
}
|
|
4041
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3959
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTooltipModule, decorators: [{
|
|
4042
3960
|
type: NgModule,
|
|
4043
3961
|
args: [{
|
|
4044
3962
|
declarations: [MatchaTooltipDirective],
|
|
@@ -4048,11 +3966,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4048
3966
|
}] });
|
|
4049
3967
|
|
|
4050
3968
|
class MatchaIconModule {
|
|
4051
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4052
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4053
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
3969
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3970
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaIconModule, declarations: [MatchaIconComponent], imports: [CommonModule, MatchaTooltipModule], exports: [MatchaIconComponent] }); }
|
|
3971
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaIconModule, imports: [CommonModule, MatchaTooltipModule] }); }
|
|
4054
3972
|
}
|
|
4055
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3973
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaIconModule, decorators: [{
|
|
4056
3974
|
type: NgModule,
|
|
4057
3975
|
args: [{
|
|
4058
3976
|
declarations: [MatchaIconComponent],
|
|
@@ -4062,11 +3980,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4062
3980
|
}] });
|
|
4063
3981
|
|
|
4064
3982
|
class MatchaTitleModule {
|
|
4065
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4066
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4067
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
3983
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTitleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3984
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaTitleModule, declarations: [MatchaTitleComponent], imports: [CommonModule], exports: [MatchaTitleComponent] }); }
|
|
3985
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTitleModule, imports: [CommonModule] }); }
|
|
4068
3986
|
}
|
|
4069
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3987
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTitleModule, decorators: [{
|
|
4070
3988
|
type: NgModule,
|
|
4071
3989
|
args: [{
|
|
4072
3990
|
declarations: [MatchaTitleComponent],
|
|
@@ -4076,11 +3994,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4076
3994
|
}] });
|
|
4077
3995
|
|
|
4078
3996
|
class MatchaDividerModule {
|
|
4079
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4080
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4081
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
3997
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3998
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaDividerModule, declarations: [MatchaDividerComponent], imports: [CommonModule], exports: [MatchaDividerComponent] }); }
|
|
3999
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDividerModule, imports: [CommonModule] }); }
|
|
4082
4000
|
}
|
|
4083
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4001
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDividerModule, decorators: [{
|
|
4084
4002
|
type: NgModule,
|
|
4085
4003
|
args: [{
|
|
4086
4004
|
declarations: [
|
|
@@ -4094,11 +4012,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4094
4012
|
}] });
|
|
4095
4013
|
|
|
4096
4014
|
class MatchaButtonModule {
|
|
4097
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4098
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4099
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4015
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4016
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaButtonModule, declarations: [MatchaButtonComponent], exports: [MatchaButtonComponent] }); }
|
|
4017
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaButtonModule }); }
|
|
4100
4018
|
}
|
|
4101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4019
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaButtonModule, decorators: [{
|
|
4102
4020
|
type: NgModule,
|
|
4103
4021
|
args: [{
|
|
4104
4022
|
declarations: [MatchaButtonComponent],
|
|
@@ -4108,8 +4026,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4108
4026
|
}] });
|
|
4109
4027
|
|
|
4110
4028
|
class MatchaAccordionModule {
|
|
4111
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4112
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4029
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4030
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaAccordionModule, declarations: [MatchaAccordionComponent,
|
|
4113
4031
|
MatchaAccordionItemComponent,
|
|
4114
4032
|
MatchaAccordionHeaderComponent,
|
|
4115
4033
|
MatchaAccordionContentComponent], imports: [CommonModule,
|
|
@@ -4121,14 +4039,14 @@ class MatchaAccordionModule {
|
|
|
4121
4039
|
MatchaAccordionItemComponent,
|
|
4122
4040
|
MatchaAccordionHeaderComponent,
|
|
4123
4041
|
MatchaAccordionContentComponent] }); }
|
|
4124
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4042
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAccordionModule, imports: [CommonModule,
|
|
4125
4043
|
MatchaIconModule,
|
|
4126
4044
|
MatchaTitleModule,
|
|
4127
4045
|
MatchaDividerModule,
|
|
4128
4046
|
MatchaTooltipModule,
|
|
4129
4047
|
MatchaButtonModule] }); }
|
|
4130
4048
|
}
|
|
4131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4049
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAccordionModule, decorators: [{
|
|
4132
4050
|
type: NgModule,
|
|
4133
4051
|
args: [{
|
|
4134
4052
|
declarations: [
|
|
@@ -4155,11 +4073,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4155
4073
|
}] });
|
|
4156
4074
|
|
|
4157
4075
|
class MatchaInfiniteScrollModule {
|
|
4158
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4159
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4160
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4076
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaInfiniteScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4077
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaInfiniteScrollModule, declarations: [MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent], imports: [CommonModule], exports: [MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent] }); }
|
|
4078
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaInfiniteScrollModule, imports: [CommonModule] }); }
|
|
4161
4079
|
}
|
|
4162
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4080
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaInfiniteScrollModule, decorators: [{
|
|
4163
4081
|
type: NgModule,
|
|
4164
4082
|
args: [{
|
|
4165
4083
|
declarations: [MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent],
|
|
@@ -4171,11 +4089,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4171
4089
|
}] });
|
|
4172
4090
|
|
|
4173
4091
|
class MatchaLazyloadModule {
|
|
4174
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4175
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4176
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4092
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaLazyloadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4093
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaLazyloadModule, declarations: [MatchaLazyloadComponent, MatchaLazyloadDataComponent], imports: [CommonModule], exports: [MatchaLazyloadComponent, MatchaLazyloadDataComponent] }); }
|
|
4094
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaLazyloadModule, imports: [CommonModule] }); }
|
|
4177
4095
|
}
|
|
4178
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4096
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaLazyloadModule, decorators: [{
|
|
4179
4097
|
type: NgModule,
|
|
4180
4098
|
args: [{
|
|
4181
4099
|
declarations: [MatchaLazyloadComponent, MatchaLazyloadDataComponent],
|
|
@@ -4209,10 +4127,10 @@ class MatchaElevationDirective {
|
|
|
4209
4127
|
this._renderer.addClass(this._elementRef.nativeElement, `elevation-z-0`);
|
|
4210
4128
|
}
|
|
4211
4129
|
}
|
|
4212
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4213
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4130
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaElevationDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4131
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaElevationDirective, isStandalone: false, selector: "[elevation]", inputs: { elevation: "elevation" }, usesOnChanges: true, ngImport: i0 }); }
|
|
4214
4132
|
}
|
|
4215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaElevationDirective, decorators: [{
|
|
4216
4134
|
type: Directive,
|
|
4217
4135
|
args: [{
|
|
4218
4136
|
selector: '[elevation]',
|
|
@@ -4224,11 +4142,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4224
4142
|
}] } });
|
|
4225
4143
|
|
|
4226
4144
|
class MatchaElevationModule {
|
|
4227
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4228
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4229
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4145
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaElevationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4146
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaElevationModule, declarations: [MatchaElevationDirective], imports: [CommonModule], exports: [MatchaElevationDirective] }); }
|
|
4147
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaElevationModule, imports: [CommonModule] }); }
|
|
4230
4148
|
}
|
|
4231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaElevationModule, decorators: [{
|
|
4232
4150
|
type: NgModule,
|
|
4233
4151
|
args: [{
|
|
4234
4152
|
declarations: [MatchaElevationDirective],
|
|
@@ -4356,10 +4274,10 @@ class MatchaOverlayService {
|
|
|
4356
4274
|
this.removeOverlayContainer();
|
|
4357
4275
|
}
|
|
4358
4276
|
}
|
|
4359
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4360
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.
|
|
4277
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaOverlayService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4278
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaOverlayService, providedIn: 'root' }); }
|
|
4361
4279
|
}
|
|
4362
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4280
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaOverlayService, decorators: [{
|
|
4363
4281
|
type: Injectable,
|
|
4364
4282
|
args: [{
|
|
4365
4283
|
providedIn: 'root',
|
|
@@ -4395,10 +4313,10 @@ class MatchaModalService {
|
|
|
4395
4313
|
getData() {
|
|
4396
4314
|
return this.currentData;
|
|
4397
4315
|
}
|
|
4398
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4399
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.
|
|
4316
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalService, deps: [{ token: MatchaOverlayService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4317
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalService, providedIn: 'root' }); }
|
|
4400
4318
|
}
|
|
4401
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalService, decorators: [{
|
|
4402
4320
|
type: Injectable,
|
|
4403
4321
|
args: [{
|
|
4404
4322
|
providedIn: 'root'
|
|
@@ -4406,8 +4324,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4406
4324
|
}], ctorParameters: () => [{ type: MatchaOverlayService }] });
|
|
4407
4325
|
|
|
4408
4326
|
class MatchaModalModule {
|
|
4409
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4410
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4327
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4328
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalModule, declarations: [MatchaModalHeaderComponent,
|
|
4411
4329
|
MatchaModalContentComponent,
|
|
4412
4330
|
MatchaModalFooterComponent,
|
|
4413
4331
|
MatchaModalOptionsComponent,
|
|
@@ -4421,7 +4339,7 @@ class MatchaModalModule {
|
|
|
4421
4339
|
MatchaModalFooterComponent,
|
|
4422
4340
|
MatchaModalOptionsComponent,
|
|
4423
4341
|
MatchaModalComponent] }); }
|
|
4424
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4342
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalModule, providers: [
|
|
4425
4343
|
MatchaModalService,
|
|
4426
4344
|
MatchaOverlayService
|
|
4427
4345
|
], imports: [CommonModule,
|
|
@@ -4431,7 +4349,7 @@ class MatchaModalModule {
|
|
|
4431
4349
|
MatchaTooltipModule,
|
|
4432
4350
|
MatchaElevationModule] }); }
|
|
4433
4351
|
}
|
|
4434
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4352
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaModalModule, decorators: [{
|
|
4435
4353
|
type: NgModule,
|
|
4436
4354
|
args: [{
|
|
4437
4355
|
declarations: [
|
|
@@ -4464,21 +4382,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4464
4382
|
}] });
|
|
4465
4383
|
|
|
4466
4384
|
class MatchaCardModule {
|
|
4467
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4468
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4385
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4386
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaCardModule, declarations: [MatchaCardComponent], imports: [CommonModule,
|
|
4469
4387
|
MatchaElevationModule,
|
|
4470
4388
|
MatchaIconModule,
|
|
4471
4389
|
MatchaTitleModule,
|
|
4472
4390
|
MatchaDividerModule,
|
|
4473
4391
|
MatchaTooltipModule], exports: [MatchaCardComponent] }); }
|
|
4474
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4392
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaCardModule, imports: [CommonModule,
|
|
4475
4393
|
MatchaElevationModule,
|
|
4476
4394
|
MatchaIconModule,
|
|
4477
4395
|
MatchaTitleModule,
|
|
4478
4396
|
MatchaDividerModule,
|
|
4479
4397
|
MatchaTooltipModule] }); }
|
|
4480
4398
|
}
|
|
4481
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaCardModule, decorators: [{
|
|
4482
4400
|
type: NgModule,
|
|
4483
4401
|
args: [{
|
|
4484
4402
|
declarations: [MatchaCardComponent],
|
|
@@ -4495,11 +4413,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4495
4413
|
}] });
|
|
4496
4414
|
|
|
4497
4415
|
class MatchaMasonryModule {
|
|
4498
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4499
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4500
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4416
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaMasonryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4417
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaMasonryModule, declarations: [MatchaMasonryComponent], imports: [CommonModule], exports: [MatchaMasonryComponent] }); }
|
|
4418
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaMasonryModule, imports: [CommonModule] }); }
|
|
4501
4419
|
}
|
|
4502
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4420
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaMasonryModule, decorators: [{
|
|
4503
4421
|
type: NgModule,
|
|
4504
4422
|
args: [{
|
|
4505
4423
|
declarations: [MatchaMasonryComponent],
|
|
@@ -4509,13 +4427,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4509
4427
|
}] });
|
|
4510
4428
|
|
|
4511
4429
|
class MatchaButtonToggleModule {
|
|
4512
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4513
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4430
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaButtonToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4431
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaButtonToggleModule, declarations: [MatchaButtonToggleComponent], imports: [CommonModule,
|
|
4514
4432
|
MatchaTooltipModule], exports: [MatchaButtonToggleComponent] }); }
|
|
4515
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4433
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaButtonToggleModule, imports: [CommonModule,
|
|
4516
4434
|
MatchaTooltipModule] }); }
|
|
4517
4435
|
}
|
|
4518
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4436
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaButtonToggleModule, decorators: [{
|
|
4519
4437
|
type: NgModule,
|
|
4520
4438
|
args: [{
|
|
4521
4439
|
declarations: [MatchaButtonToggleComponent],
|
|
@@ -4528,8 +4446,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4528
4446
|
}] });
|
|
4529
4447
|
|
|
4530
4448
|
class MatchaToolbarModule {
|
|
4531
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4532
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4449
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4450
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarModule, declarations: [MatchaToolbarComponent,
|
|
4533
4451
|
MatchaToolbarButtonComponent,
|
|
4534
4452
|
MatchaToolbarContentComponent,
|
|
4535
4453
|
MatchaToolbarMainButtonComponent,
|
|
@@ -4542,12 +4460,12 @@ class MatchaToolbarModule {
|
|
|
4542
4460
|
MatchaToolbarMainButtonComponent,
|
|
4543
4461
|
MatchaToolbarCustomButtonComponent,
|
|
4544
4462
|
MatchaTitleModule] }); }
|
|
4545
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4463
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarModule, imports: [CommonModule,
|
|
4546
4464
|
MatchaButtonModule,
|
|
4547
4465
|
MatchaTitleModule,
|
|
4548
4466
|
MatchaTooltipModule, MatchaTitleModule] }); }
|
|
4549
4467
|
}
|
|
4550
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4468
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaToolbarModule, decorators: [{
|
|
4551
4469
|
type: NgModule,
|
|
4552
4470
|
args: [{
|
|
4553
4471
|
declarations: [
|
|
@@ -4575,11 +4493,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4575
4493
|
}] });
|
|
4576
4494
|
|
|
4577
4495
|
class MatchaGridModule {
|
|
4578
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4579
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4580
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4496
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4497
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaGridModule, declarations: [MatchaGridComponent], imports: [CommonModule], exports: [MatchaGridComponent] }); }
|
|
4498
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaGridModule, imports: [CommonModule] }); }
|
|
4581
4499
|
}
|
|
4582
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4500
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaGridModule, decorators: [{
|
|
4583
4501
|
type: NgModule,
|
|
4584
4502
|
args: [{
|
|
4585
4503
|
declarations: [MatchaGridComponent],
|
|
@@ -4589,11 +4507,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4589
4507
|
}] });
|
|
4590
4508
|
|
|
4591
4509
|
class MatchaFormFieldModule {
|
|
4592
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4593
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4594
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4510
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4511
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaFormFieldModule, declarations: [MatchaFormFieldComponent, MatchaLabelComponent, MatchaErrorComponent], imports: [CommonModule, MatchaIconModule], exports: [MatchaFormFieldComponent, MatchaLabelComponent, MatchaErrorComponent] }); }
|
|
4512
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaFormFieldModule, imports: [CommonModule, MatchaIconModule] }); }
|
|
4595
4513
|
}
|
|
4596
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4514
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaFormFieldModule, decorators: [{
|
|
4597
4515
|
type: NgModule,
|
|
4598
4516
|
args: [{
|
|
4599
4517
|
declarations: [MatchaFormFieldComponent, MatchaLabelComponent, MatchaErrorComponent],
|
|
@@ -4602,168 +4520,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4602
4520
|
}]
|
|
4603
4521
|
}] });
|
|
4604
4522
|
|
|
4605
|
-
class
|
|
4606
|
-
|
|
4607
|
-
|
|
4608
|
-
|
|
4523
|
+
class MatchaOptionModule {
|
|
4524
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaOptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4525
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaOptionModule, declarations: [MatchaOptionComponent], imports: [CommonModule], exports: [MatchaOptionComponent] }); }
|
|
4526
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaOptionModule, imports: [CommonModule] }); }
|
|
4527
|
+
}
|
|
4528
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaOptionModule, decorators: [{
|
|
4529
|
+
type: NgModule,
|
|
4530
|
+
args: [{
|
|
4531
|
+
declarations: [MatchaOptionComponent],
|
|
4532
|
+
imports: [CommonModule],
|
|
4533
|
+
exports: [MatchaOptionComponent],
|
|
4534
|
+
}]
|
|
4535
|
+
}] });
|
|
4536
|
+
|
|
4537
|
+
class MatchaAutocompleteDirective {
|
|
4538
|
+
displayAutocomplete() {
|
|
4539
|
+
this.matchaOptionService.setCanShowOptions(true);
|
|
4609
4540
|
}
|
|
4610
|
-
|
|
4611
|
-
|
|
4612
|
-
|
|
4613
|
-
|
|
4614
|
-
|
|
4615
|
-
|
|
4616
|
-
|
|
4617
|
-
const target = ev.target;
|
|
4618
|
-
return !this.el.nativeElement.contains(target) && !(this.panel?.elRef?.nativeElement?.contains?.(target));
|
|
4619
|
-
})).subscribe(() => this.panel.closePanel());
|
|
4620
|
-
this.subs.add(clickSub);
|
|
4541
|
+
hideAutocomplete() {
|
|
4542
|
+
setTimeout(() => {
|
|
4543
|
+
const canShowAutocomplete = this.matchaOptionService.getCanShowOptions();
|
|
4544
|
+
if (canShowAutocomplete) {
|
|
4545
|
+
this.matchaOptionService.setCanShowOptions(false);
|
|
4546
|
+
}
|
|
4547
|
+
}, 300);
|
|
4621
4548
|
}
|
|
4622
|
-
|
|
4623
|
-
|
|
4624
|
-
}
|
|
4625
|
-
writeValueToInput(value) {
|
|
4626
|
-
const input = this.el.nativeElement;
|
|
4627
|
-
input.value = value == null ? '' : value;
|
|
4628
|
-
// dispatch input event para Angular Forms
|
|
4629
|
-
const ev = new Event('input', { bubbles: true });
|
|
4630
|
-
input.dispatchEvent(ev);
|
|
4631
|
-
}
|
|
4632
|
-
onFocus() {
|
|
4633
|
-
// ao focar podemos abrir (ou não — depende do UX desejado)
|
|
4634
|
-
this.panel.openPanel();
|
|
4635
|
-
}
|
|
4636
|
-
onInput(e) {
|
|
4637
|
-
// se o usuário digitar, apenas reabre/posiciona painel. O filtro de opções geralmente é controlado pelo componente pai
|
|
4638
|
-
this.panel.setPanelPosition();
|
|
4639
|
-
if (!this.panel.open)
|
|
4640
|
-
this.panel.openPanel();
|
|
4641
|
-
}
|
|
4642
|
-
onKeydown(ev) {
|
|
4643
|
-
if (!this.panel)
|
|
4644
|
-
return;
|
|
4645
|
-
switch (ev.key) {
|
|
4549
|
+
onArrowDown(event) {
|
|
4550
|
+
switch (event.key) {
|
|
4646
4551
|
case 'ArrowDown':
|
|
4647
|
-
|
|
4648
|
-
this.panel.highlightNext();
|
|
4552
|
+
this.matchaOptionService.changeActiveOption(1);
|
|
4649
4553
|
break;
|
|
4650
4554
|
case 'ArrowUp':
|
|
4651
|
-
|
|
4652
|
-
this.panel.highlightPrevious();
|
|
4555
|
+
this.matchaOptionService.changeActiveOption(-1);
|
|
4653
4556
|
break;
|
|
4654
4557
|
case 'Enter':
|
|
4655
|
-
|
|
4656
|
-
this.panel.selectActive();
|
|
4657
|
-
// pega o value escolhido e escreve no input
|
|
4658
|
-
setTimeout(() => {
|
|
4659
|
-
const val = this.panel.getSelectedValue();
|
|
4660
|
-
if (val !== undefined)
|
|
4661
|
-
this.writeValueToInput(val);
|
|
4662
|
-
});
|
|
4558
|
+
this.matchaOptionService.selectActiveOption();
|
|
4663
4559
|
break;
|
|
4664
|
-
|
|
4665
|
-
ev.preventDefault();
|
|
4666
|
-
this.panel.closePanel();
|
|
4560
|
+
default:
|
|
4667
4561
|
break;
|
|
4668
4562
|
}
|
|
4669
4563
|
}
|
|
4670
|
-
|
|
4671
|
-
|
|
4672
|
-
|
|
4673
|
-
|
|
4674
|
-
|
|
4675
|
-
|
|
4676
|
-
|
|
4677
|
-
|
|
4678
|
-
|
|
4679
|
-
|
|
4680
|
-
|
|
4681
|
-
|
|
4682
|
-
|
|
4683
|
-
|
|
4684
|
-
|
|
4685
|
-
|
|
4686
|
-
|
|
4687
|
-
|
|
4564
|
+
constructor(ngControl, _elementRef, matchaOptionService) {
|
|
4565
|
+
this.ngControl = ngControl;
|
|
4566
|
+
this._elementRef = _elementRef;
|
|
4567
|
+
this.matchaOptionService = matchaOptionService;
|
|
4568
|
+
}
|
|
4569
|
+
ngOnInit() {
|
|
4570
|
+
this.matchaOptionService.selectedOption$.subscribe((option) => {
|
|
4571
|
+
this._updateInputValue(option);
|
|
4572
|
+
});
|
|
4573
|
+
}
|
|
4574
|
+
_updateInputValue(selectedOption) {
|
|
4575
|
+
if (this.ngControl.control) {
|
|
4576
|
+
this.ngControl.control.setValue(selectedOption);
|
|
4577
|
+
this.ngControl.control.markAsDirty();
|
|
4578
|
+
this.matchaOptionService.setCanShowOptions(false);
|
|
4579
|
+
this._elementRef.nativeElement.blur();
|
|
4580
|
+
}
|
|
4581
|
+
}
|
|
4582
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAutocompleteDirective, deps: [{ token: i1$1.NgControl }, { token: i0.ElementRef }, { token: MatchaOptionService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4583
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaAutocompleteDirective, isStandalone: false, selector: "[matchaAutocomplete]", inputs: { matchaAutocomplete: "matchaAutocomplete" }, host: { listeners: { "focus": "displayAutocomplete()", "focusout": "hideAutocomplete()", "keydown": "onArrowDown($event)" } }, ngImport: i0 }); }
|
|
4688
4584
|
}
|
|
4689
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4585
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAutocompleteDirective, decorators: [{
|
|
4690
4586
|
type: Directive,
|
|
4691
4587
|
args: [{
|
|
4692
4588
|
selector: '[matchaAutocomplete]',
|
|
4693
4589
|
standalone: false,
|
|
4694
4590
|
}]
|
|
4695
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: {
|
|
4696
|
-
type: Input
|
|
4697
|
-
|
|
4698
|
-
}], onFocus: [{
|
|
4591
|
+
}], ctorParameters: () => [{ type: i1$1.NgControl }, { type: i0.ElementRef }, { type: MatchaOptionService }], propDecorators: { matchaAutocomplete: [{
|
|
4592
|
+
type: Input
|
|
4593
|
+
}], displayAutocomplete: [{
|
|
4699
4594
|
type: HostListener,
|
|
4700
4595
|
args: ['focus']
|
|
4701
|
-
}],
|
|
4596
|
+
}], hideAutocomplete: [{
|
|
4702
4597
|
type: HostListener,
|
|
4703
|
-
args: ['
|
|
4704
|
-
}],
|
|
4598
|
+
args: ['focusout']
|
|
4599
|
+
}], onArrowDown: [{
|
|
4705
4600
|
type: HostListener,
|
|
4706
4601
|
args: ['keydown', ['$event']]
|
|
4707
|
-
}], onDocClick: [{
|
|
4708
|
-
type: HostListener,
|
|
4709
|
-
args: ['document:click', ['$event']]
|
|
4710
4602
|
}] } });
|
|
4711
4603
|
|
|
4712
|
-
class MatchaOptionModule {
|
|
4713
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaOptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4714
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaOptionModule, declarations: [MatchaOptionComponent], imports: [CommonModule], exports: [MatchaOptionComponent] }); }
|
|
4715
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaOptionModule, imports: [CommonModule] }); }
|
|
4716
|
-
}
|
|
4717
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaOptionModule, decorators: [{
|
|
4718
|
-
type: NgModule,
|
|
4719
|
-
args: [{
|
|
4720
|
-
declarations: [
|
|
4721
|
-
MatchaOptionComponent
|
|
4722
|
-
],
|
|
4723
|
-
imports: [
|
|
4724
|
-
CommonModule
|
|
4725
|
-
],
|
|
4726
|
-
exports: [
|
|
4727
|
-
MatchaOptionComponent
|
|
4728
|
-
]
|
|
4729
|
-
}]
|
|
4730
|
-
}] });
|
|
4731
|
-
|
|
4732
4604
|
class MatchaAutocompleteModule {
|
|
4733
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4734
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4735
|
-
|
|
4736
|
-
MatchaOptionModule], exports: [MatchaAutocompleteComponent,
|
|
4737
|
-
MatchaAutocompleteTriggerDirective,
|
|
4738
|
-
MatchaOptionModule // Re-exporta para conveniência
|
|
4739
|
-
] }); }
|
|
4740
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAutocompleteModule, providers: [
|
|
4741
|
-
// ✅ Provider para permitir injeção da interface MatchaOptionParent
|
|
4742
|
-
{ provide: MATCHA_OPTION_PARENT, useExisting: MatchaAutocompleteComponent }
|
|
4743
|
-
], imports: [CommonModule,
|
|
4744
|
-
MatchaOptionModule, MatchaOptionModule // Re-exporta para conveniência
|
|
4745
|
-
] }); }
|
|
4605
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4606
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaAutocompleteModule, declarations: [MatchaAutocompleteComponent, MatchaAutocompleteDirective], imports: [CommonModule, FormsModule, MatchaOptionModule], exports: [MatchaAutocompleteComponent, MatchaAutocompleteDirective] }); }
|
|
4607
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAutocompleteModule, imports: [CommonModule, FormsModule, MatchaOptionModule] }); }
|
|
4746
4608
|
}
|
|
4747
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4609
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAutocompleteModule, decorators: [{
|
|
4748
4610
|
type: NgModule,
|
|
4749
4611
|
args: [{
|
|
4750
|
-
declarations: [
|
|
4751
|
-
|
|
4752
|
-
|
|
4753
|
-
],
|
|
4754
|
-
imports: [
|
|
4755
|
-
CommonModule,
|
|
4756
|
-
MatchaOptionModule
|
|
4757
|
-
],
|
|
4758
|
-
exports: [
|
|
4759
|
-
MatchaAutocompleteComponent,
|
|
4760
|
-
MatchaAutocompleteTriggerDirective,
|
|
4761
|
-
MatchaOptionModule // Re-exporta para conveniência
|
|
4762
|
-
],
|
|
4763
|
-
providers: [
|
|
4764
|
-
// ✅ Provider para permitir injeção da interface MatchaOptionParent
|
|
4765
|
-
{ provide: MATCHA_OPTION_PARENT, useExisting: MatchaAutocompleteComponent }
|
|
4766
|
-
]
|
|
4612
|
+
declarations: [MatchaAutocompleteComponent, MatchaAutocompleteDirective],
|
|
4613
|
+
imports: [CommonModule, FormsModule, MatchaOptionModule],
|
|
4614
|
+
exports: [MatchaAutocompleteComponent, MatchaAutocompleteDirective],
|
|
4767
4615
|
}]
|
|
4768
4616
|
}] });
|
|
4769
4617
|
|
|
@@ -4774,10 +4622,10 @@ class MatchaBadgeDirective {
|
|
|
4774
4622
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
4775
4623
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-badge');
|
|
4776
4624
|
}
|
|
4777
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4778
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4625
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaBadgeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4626
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaBadgeDirective, isStandalone: false, selector: "[matcha-badge]", ngImport: i0 }); }
|
|
4779
4627
|
}
|
|
4780
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4628
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaBadgeDirective, decorators: [{
|
|
4781
4629
|
type: Directive,
|
|
4782
4630
|
args: [{
|
|
4783
4631
|
selector: '[matcha-badge]',
|
|
@@ -4786,11 +4634,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4786
4634
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
4787
4635
|
|
|
4788
4636
|
class MatchaBadgeModule {
|
|
4789
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4790
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4791
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4637
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4638
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaBadgeModule, declarations: [MatchaBadgeDirective], exports: [MatchaBadgeDirective] }); }
|
|
4639
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaBadgeModule }); }
|
|
4792
4640
|
}
|
|
4793
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4641
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaBadgeModule, decorators: [{
|
|
4794
4642
|
type: NgModule,
|
|
4795
4643
|
args: [{
|
|
4796
4644
|
declarations: [MatchaBadgeDirective],
|
|
@@ -4800,11 +4648,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4800
4648
|
}] });
|
|
4801
4649
|
|
|
4802
4650
|
class MatchaRippleModule {
|
|
4803
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4804
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4805
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4651
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4652
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaRippleModule, declarations: [MatchaRippleDirective], imports: [CommonModule], exports: [MatchaRippleDirective] }); }
|
|
4653
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaRippleModule, imports: [CommonModule] }); }
|
|
4806
4654
|
}
|
|
4807
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4655
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaRippleModule, decorators: [{
|
|
4808
4656
|
type: NgModule,
|
|
4809
4657
|
args: [{
|
|
4810
4658
|
declarations: [
|
|
@@ -4820,11 +4668,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4820
4668
|
}] });
|
|
4821
4669
|
|
|
4822
4670
|
class MatchaCheckboxModule {
|
|
4823
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4824
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4825
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4671
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4672
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaCheckboxModule, declarations: [MatchaCheckboxComponent], imports: [CommonModule, MatchaRippleModule], exports: [MatchaCheckboxComponent] }); }
|
|
4673
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaCheckboxModule, imports: [CommonModule, MatchaRippleModule] }); }
|
|
4826
4674
|
}
|
|
4827
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4675
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaCheckboxModule, decorators: [{
|
|
4828
4676
|
type: NgModule,
|
|
4829
4677
|
args: [{
|
|
4830
4678
|
declarations: [
|
|
@@ -4844,10 +4692,10 @@ class MatchaChipsDirective {
|
|
|
4844
4692
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
4845
4693
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-chips');
|
|
4846
4694
|
}
|
|
4847
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4848
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4695
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaChipsDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4696
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaChipsDirective, isStandalone: false, selector: "[matchaChips]", ngImport: i0 }); }
|
|
4849
4697
|
}
|
|
4850
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4698
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaChipsDirective, decorators: [{
|
|
4851
4699
|
type: Directive,
|
|
4852
4700
|
args: [{
|
|
4853
4701
|
selector: '[matchaChips]',
|
|
@@ -4856,11 +4704,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4856
4704
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
4857
4705
|
|
|
4858
4706
|
class MatchaChipsModule {
|
|
4859
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4860
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4861
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4707
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4708
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaChipsModule, declarations: [MatchaChipsDirective], exports: [MatchaChipsDirective] }); }
|
|
4709
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaChipsModule }); }
|
|
4862
4710
|
}
|
|
4863
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4711
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaChipsModule, decorators: [{
|
|
4864
4712
|
type: NgModule,
|
|
4865
4713
|
args: [{
|
|
4866
4714
|
declarations: [MatchaChipsDirective],
|
|
@@ -4878,10 +4726,10 @@ class MatchaDatepickerDirective {
|
|
|
4878
4726
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
4879
4727
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-datepicker');
|
|
4880
4728
|
}
|
|
4881
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4882
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4729
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDatepickerDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4730
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaDatepickerDirective, isStandalone: false, selector: "[matcha-datepicker]", ngImport: i0 }); }
|
|
4883
4731
|
}
|
|
4884
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4732
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDatepickerDirective, decorators: [{
|
|
4885
4733
|
type: Directive,
|
|
4886
4734
|
args: [{
|
|
4887
4735
|
selector: '[matcha-datepicker]',
|
|
@@ -4890,11 +4738,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4890
4738
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
4891
4739
|
|
|
4892
4740
|
class MatchaDatepickerModule {
|
|
4893
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4894
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4895
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4741
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4742
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaDatepickerModule, declarations: [MatchaDatepickerDirective], exports: [MatchaDatepickerDirective] }); }
|
|
4743
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDatepickerModule }); }
|
|
4896
4744
|
}
|
|
4897
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4745
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDatepickerModule, decorators: [{
|
|
4898
4746
|
type: NgModule,
|
|
4899
4747
|
args: [{
|
|
4900
4748
|
declarations: [MatchaDatepickerDirective],
|
|
@@ -4904,13 +4752,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4904
4752
|
}] });
|
|
4905
4753
|
|
|
4906
4754
|
class MatchaHintTextModule {
|
|
4907
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4908
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4755
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaHintTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4756
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaHintTextModule, declarations: [MatchaHintTextComponent], imports: [CommonModule,
|
|
4909
4757
|
MatchaIconModule], exports: [MatchaHintTextComponent] }); }
|
|
4910
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4758
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaHintTextModule, imports: [CommonModule,
|
|
4911
4759
|
MatchaIconModule] }); }
|
|
4912
4760
|
}
|
|
4913
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4761
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaHintTextModule, decorators: [{
|
|
4914
4762
|
type: NgModule,
|
|
4915
4763
|
args: [{
|
|
4916
4764
|
declarations: [MatchaHintTextComponent],
|
|
@@ -4929,10 +4777,10 @@ class MatchaInputDirective {
|
|
|
4929
4777
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
4930
4778
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-input');
|
|
4931
4779
|
}
|
|
4932
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4933
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4780
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaInputDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4781
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaInputDirective, isStandalone: false, selector: "[matcha-input]", ngImport: i0 }); }
|
|
4934
4782
|
}
|
|
4935
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4783
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaInputDirective, decorators: [{
|
|
4936
4784
|
type: Directive,
|
|
4937
4785
|
args: [{
|
|
4938
4786
|
selector: '[matcha-input]',
|
|
@@ -4941,11 +4789,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4941
4789
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
4942
4790
|
|
|
4943
4791
|
class MatchaInputModule {
|
|
4944
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4945
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4946
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4792
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4793
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaInputModule, declarations: [MatchaInputDirective], exports: [MatchaInputDirective] }); }
|
|
4794
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaInputModule }); }
|
|
4947
4795
|
}
|
|
4948
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4796
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaInputModule, decorators: [{
|
|
4949
4797
|
type: NgModule,
|
|
4950
4798
|
args: [{
|
|
4951
4799
|
declarations: [MatchaInputDirective],
|
|
@@ -4975,10 +4823,10 @@ class MatchaMenuTriggerForDirective {
|
|
|
4975
4823
|
this.menu.closeMenu();
|
|
4976
4824
|
}
|
|
4977
4825
|
}
|
|
4978
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4979
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4826
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaMenuTriggerForDirective, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4827
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaMenuTriggerForDirective, isStandalone: false, selector: "[matchaMenuTriggerFor]", inputs: { menu: ["matchaMenuTriggerFor", "menu"] }, host: { listeners: { "click": "onClick($event)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, exportAs: ["matchaMenuTriggerFor"], ngImport: i0 }); }
|
|
4980
4828
|
}
|
|
4981
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4829
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaMenuTriggerForDirective, decorators: [{
|
|
4982
4830
|
type: Directive,
|
|
4983
4831
|
args: [{
|
|
4984
4832
|
selector: '[matchaMenuTriggerFor]',
|
|
@@ -5006,13 +4854,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5006
4854
|
}] } });
|
|
5007
4855
|
|
|
5008
4856
|
class MatchaMenuModule {
|
|
5009
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5010
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4857
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4858
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaMenuModule, declarations: [MatchaMenuComponent,
|
|
5011
4859
|
MatchaMenuTriggerForDirective], imports: [CommonModule], exports: [MatchaMenuComponent,
|
|
5012
4860
|
MatchaMenuTriggerForDirective] }); }
|
|
5013
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4861
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaMenuModule, imports: [CommonModule] }); }
|
|
5014
4862
|
}
|
|
5015
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4863
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaMenuModule, decorators: [{
|
|
5016
4864
|
type: NgModule,
|
|
5017
4865
|
args: [{
|
|
5018
4866
|
declarations: [
|
|
@@ -5071,10 +4919,10 @@ class MatchaOverflowDraggableComponent {
|
|
|
5071
4919
|
const activeClasses = `${draggableReference}`;
|
|
5072
4920
|
return activeClasses;
|
|
5073
4921
|
}
|
|
5074
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5075
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
4922
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaOverflowDraggableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4923
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MatchaOverflowDraggableComponent, isStandalone: false, selector: "matcha-overflow-draggable", inputs: { dragRef: "dragRef" }, ngImport: i0, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n", styles: [""] }); }
|
|
5076
4924
|
}
|
|
5077
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4925
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaOverflowDraggableComponent, decorators: [{
|
|
5078
4926
|
type: Component,
|
|
5079
4927
|
args: [{ selector: 'matcha-overflow-draggable', standalone: false, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
5080
4928
|
}], propDecorators: { dragRef: [{
|
|
@@ -5088,10 +4936,10 @@ class MatchaPaginatorDirective {
|
|
|
5088
4936
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
5089
4937
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-paginator');
|
|
5090
4938
|
}
|
|
5091
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5092
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4939
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaPaginatorDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4940
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaPaginatorDirective, isStandalone: false, selector: "[matchaPaginator]", ngImport: i0 }); }
|
|
5093
4941
|
}
|
|
5094
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4942
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaPaginatorDirective, decorators: [{
|
|
5095
4943
|
type: Directive,
|
|
5096
4944
|
args: [{
|
|
5097
4945
|
selector: '[matchaPaginator]',
|
|
@@ -5100,11 +4948,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5100
4948
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
5101
4949
|
|
|
5102
4950
|
class MatchaPaginatorModule {
|
|
5103
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5104
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5105
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4951
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4952
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaPaginatorModule, declarations: [MatchaPaginatorDirective], imports: [CommonModule], exports: [MatchaPaginatorDirective] }); }
|
|
4953
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaPaginatorModule, imports: [CommonModule] }); }
|
|
5106
4954
|
}
|
|
5107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4955
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaPaginatorModule, decorators: [{
|
|
5108
4956
|
type: NgModule,
|
|
5109
4957
|
args: [{
|
|
5110
4958
|
declarations: [MatchaPaginatorDirective],
|
|
@@ -5120,10 +4968,10 @@ class MatchaProgressBarDirective {
|
|
|
5120
4968
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
5121
4969
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-progress-bar');
|
|
5122
4970
|
}
|
|
5123
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5124
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4971
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaProgressBarDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4972
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaProgressBarDirective, isStandalone: false, selector: "[matcha-progress-bar]", ngImport: i0 }); }
|
|
5125
4973
|
}
|
|
5126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4974
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaProgressBarDirective, decorators: [{
|
|
5127
4975
|
type: Directive,
|
|
5128
4976
|
args: [{
|
|
5129
4977
|
selector: '[matcha-progress-bar]',
|
|
@@ -5132,11 +4980,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5132
4980
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
5133
4981
|
|
|
5134
4982
|
class MatchaProgressBarModule {
|
|
5135
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5136
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5137
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4983
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4984
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaProgressBarModule, declarations: [MatchaProgressBarDirective], imports: [CommonModule], exports: [MatchaProgressBarDirective] }); }
|
|
4985
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaProgressBarModule, imports: [CommonModule] }); }
|
|
5138
4986
|
}
|
|
5139
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4987
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaProgressBarModule, decorators: [{
|
|
5140
4988
|
type: NgModule,
|
|
5141
4989
|
args: [{
|
|
5142
4990
|
declarations: [MatchaProgressBarDirective],
|
|
@@ -5156,10 +5004,10 @@ class MatchaSelectDirective {
|
|
|
5156
5004
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
5157
5005
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-select');
|
|
5158
5006
|
}
|
|
5159
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5160
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5007
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSelectDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5008
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaSelectDirective, isStandalone: false, selector: "[matcha-select]", ngImport: i0 }); }
|
|
5161
5009
|
}
|
|
5162
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5010
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSelectDirective, decorators: [{
|
|
5163
5011
|
type: Directive,
|
|
5164
5012
|
args: [{
|
|
5165
5013
|
selector: '[matcha-select]',
|
|
@@ -5168,11 +5016,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5168
5016
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
5169
5017
|
|
|
5170
5018
|
class MatchaSelectModule {
|
|
5171
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5172
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5173
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5019
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5020
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaSelectModule, declarations: [MatchaSelectDirective], imports: [CommonModule], exports: [MatchaSelectDirective] }); }
|
|
5021
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSelectModule, imports: [CommonModule] }); }
|
|
5174
5022
|
}
|
|
5175
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5023
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSelectModule, decorators: [{
|
|
5176
5024
|
type: NgModule,
|
|
5177
5025
|
args: [{
|
|
5178
5026
|
declarations: [MatchaSelectDirective],
|
|
@@ -5188,10 +5036,10 @@ class MatchaSidenavDirective {
|
|
|
5188
5036
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
5189
5037
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-sidenav');
|
|
5190
5038
|
}
|
|
5191
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5192
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5039
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSidenavDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5040
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaSidenavDirective, isStandalone: false, selector: "[matcha-sidenav]", ngImport: i0 }); }
|
|
5193
5041
|
}
|
|
5194
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5042
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSidenavDirective, decorators: [{
|
|
5195
5043
|
type: Directive,
|
|
5196
5044
|
args: [{
|
|
5197
5045
|
selector: '[matcha-sidenav]',
|
|
@@ -5200,11 +5048,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5200
5048
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
5201
5049
|
|
|
5202
5050
|
class MatchaSidenavModule {
|
|
5203
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5204
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5205
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5051
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5052
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaSidenavModule, declarations: [MatchaSidenavDirective], imports: [CommonModule], exports: [MatchaSidenavDirective] }); }
|
|
5053
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSidenavModule, imports: [CommonModule] }); }
|
|
5206
5054
|
}
|
|
5207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSidenavModule, decorators: [{
|
|
5208
5056
|
type: NgModule,
|
|
5209
5057
|
args: [{
|
|
5210
5058
|
declarations: [MatchaSidenavDirective],
|
|
@@ -5214,11 +5062,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5214
5062
|
}] });
|
|
5215
5063
|
|
|
5216
5064
|
class MatchaSlideToggleModule {
|
|
5217
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5218
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5219
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5065
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSlideToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5066
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaSlideToggleModule, declarations: [MatchaSlideToggleComponent], imports: [CommonModule, FormsModule], exports: [MatchaSlideToggleComponent] }); }
|
|
5067
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSlideToggleModule, imports: [CommonModule, FormsModule] }); }
|
|
5220
5068
|
}
|
|
5221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5069
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSlideToggleModule, decorators: [{
|
|
5222
5070
|
type: NgModule,
|
|
5223
5071
|
args: [{
|
|
5224
5072
|
declarations: [MatchaSlideToggleComponent],
|
|
@@ -5236,10 +5084,10 @@ class MatchaSliderDirective {
|
|
|
5236
5084
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
5237
5085
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-slider');
|
|
5238
5086
|
}
|
|
5239
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5240
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5087
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSliderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5088
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaSliderDirective, isStandalone: false, selector: "[matchaSlider]", ngImport: i0 }); }
|
|
5241
5089
|
}
|
|
5242
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5090
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSliderDirective, decorators: [{
|
|
5243
5091
|
type: Directive,
|
|
5244
5092
|
args: [{
|
|
5245
5093
|
selector: '[matchaSlider]',
|
|
@@ -5248,11 +5096,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5248
5096
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
5249
5097
|
|
|
5250
5098
|
class MatchaSliderModule {
|
|
5251
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5252
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5253
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5099
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5100
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaSliderModule, declarations: [MatchaSliderDirective], imports: [CommonModule], exports: [MatchaSliderDirective] }); }
|
|
5101
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSliderModule, imports: [CommonModule] }); }
|
|
5254
5102
|
}
|
|
5255
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSliderModule, decorators: [{
|
|
5256
5104
|
type: NgModule,
|
|
5257
5105
|
args: [{
|
|
5258
5106
|
declarations: [MatchaSliderDirective],
|
|
@@ -5270,10 +5118,10 @@ class MatchaSnackBarDirective {
|
|
|
5270
5118
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
5271
5119
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-snackbar');
|
|
5272
5120
|
}
|
|
5273
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5274
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5121
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSnackBarDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5122
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaSnackBarDirective, isStandalone: false, selector: "[matchaSnackBar]", ngImport: i0 }); }
|
|
5275
5123
|
}
|
|
5276
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSnackBarDirective, decorators: [{
|
|
5277
5125
|
type: Directive,
|
|
5278
5126
|
args: [{
|
|
5279
5127
|
selector: '[matchaSnackBar]',
|
|
@@ -5282,11 +5130,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5282
5130
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
5283
5131
|
|
|
5284
5132
|
class MatchaSnackBarModule {
|
|
5285
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5286
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5287
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5133
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSnackBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5134
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaSnackBarModule, declarations: [MatchaSnackBarDirective], imports: [CommonModule], exports: [MatchaSnackBarDirective] }); }
|
|
5135
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSnackBarModule, imports: [CommonModule] }); }
|
|
5288
5136
|
}
|
|
5289
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSnackBarModule, decorators: [{
|
|
5290
5138
|
type: NgModule,
|
|
5291
5139
|
args: [{
|
|
5292
5140
|
declarations: [MatchaSnackBarDirective],
|
|
@@ -5302,10 +5150,10 @@ class MatchaSortHeaderDirective {
|
|
|
5302
5150
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
5303
5151
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-sort-header');
|
|
5304
5152
|
}
|
|
5305
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5306
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5153
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSortHeaderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5154
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaSortHeaderDirective, isStandalone: false, selector: "[matchaSortHeader]", ngImport: i0 }); }
|
|
5307
5155
|
}
|
|
5308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSortHeaderDirective, decorators: [{
|
|
5309
5157
|
type: Directive,
|
|
5310
5158
|
args: [{
|
|
5311
5159
|
selector: '[matchaSortHeader]',
|
|
@@ -5314,11 +5162,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5314
5162
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
5315
5163
|
|
|
5316
5164
|
class MatchaSortHeaderModule {
|
|
5317
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5318
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5319
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5165
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSortHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5166
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaSortHeaderModule, declarations: [MatchaSortHeaderDirective], imports: [CommonModule], exports: [MatchaSortHeaderDirective] }); }
|
|
5167
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSortHeaderModule, imports: [CommonModule] }); }
|
|
5320
5168
|
}
|
|
5321
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSortHeaderModule, decorators: [{
|
|
5322
5170
|
type: NgModule,
|
|
5323
5171
|
args: [{
|
|
5324
5172
|
declarations: [MatchaSortHeaderDirective],
|
|
@@ -5328,11 +5176,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5328
5176
|
}] });
|
|
5329
5177
|
|
|
5330
5178
|
class MatchaSpinModule {
|
|
5331
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5332
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5333
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5179
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSpinModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5180
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaSpinModule, declarations: [MatchaSpinComponent], imports: [CommonModule], exports: [MatchaSpinComponent] }); }
|
|
5181
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSpinModule, imports: [CommonModule] }); }
|
|
5334
5182
|
}
|
|
5335
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSpinModule, decorators: [{
|
|
5336
5184
|
type: NgModule,
|
|
5337
5185
|
args: [{
|
|
5338
5186
|
declarations: [MatchaSpinComponent],
|
|
@@ -5344,11 +5192,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5344
5192
|
}] });
|
|
5345
5193
|
|
|
5346
5194
|
class MatchaSpinnerModule {
|
|
5347
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5348
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5349
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5195
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5196
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaSpinnerModule, declarations: [MatchaSpinnerComponent], imports: [CommonModule], exports: [MatchaSpinnerComponent] }); }
|
|
5197
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSpinnerModule, imports: [CommonModule] }); }
|
|
5350
5198
|
}
|
|
5351
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSpinnerModule, decorators: [{
|
|
5352
5200
|
type: NgModule,
|
|
5353
5201
|
args: [{
|
|
5354
5202
|
declarations: [MatchaSpinnerComponent],
|
|
@@ -5366,10 +5214,10 @@ class MatchaTableDirective {
|
|
|
5366
5214
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
5367
5215
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-table');
|
|
5368
5216
|
}
|
|
5369
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5370
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5217
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5218
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaTableDirective, isStandalone: false, selector: "[matchaTable]", ngImport: i0 }); }
|
|
5371
5219
|
}
|
|
5372
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTableDirective, decorators: [{
|
|
5373
5221
|
type: Directive,
|
|
5374
5222
|
args: [{
|
|
5375
5223
|
selector: '[matchaTable]',
|
|
@@ -5378,11 +5226,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5378
5226
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
5379
5227
|
|
|
5380
5228
|
class MatchaTableModule {
|
|
5381
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5382
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5383
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5229
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5230
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaTableModule, declarations: [MatchaTableDirective], imports: [CommonModule], exports: [MatchaTableDirective] }); }
|
|
5231
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTableModule, imports: [CommonModule] }); }
|
|
5384
5232
|
}
|
|
5385
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5233
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTableModule, decorators: [{
|
|
5386
5234
|
type: NgModule,
|
|
5387
5235
|
args: [{
|
|
5388
5236
|
declarations: [MatchaTableDirective],
|
|
@@ -5392,15 +5240,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5392
5240
|
}] });
|
|
5393
5241
|
|
|
5394
5242
|
class MatchaTabsModule {
|
|
5395
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5396
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5243
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5244
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaTabsModule, declarations: [MatchaTabsComponent, MatchaTabItemComponent], imports: [CommonModule,
|
|
5397
5245
|
MatchaTooltipModule,
|
|
5398
5246
|
MatchaIconModule], exports: [MatchaTabsComponent, MatchaTabItemComponent] }); }
|
|
5399
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5247
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTabsModule, imports: [CommonModule,
|
|
5400
5248
|
MatchaTooltipModule,
|
|
5401
5249
|
MatchaIconModule] }); }
|
|
5402
5250
|
}
|
|
5403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5251
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTabsModule, decorators: [{
|
|
5404
5252
|
type: NgModule,
|
|
5405
5253
|
args: [{
|
|
5406
5254
|
declarations: [MatchaTabsComponent, MatchaTabItemComponent],
|
|
@@ -5414,13 +5262,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5414
5262
|
}] });
|
|
5415
5263
|
|
|
5416
5264
|
class MatchaDateModule {
|
|
5417
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5418
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5265
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5266
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaDateModule, declarations: [MatchaDateComponent], imports: [CommonModule,
|
|
5419
5267
|
ReactiveFormsModule], exports: [MatchaDateComponent] }); }
|
|
5420
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5268
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDateModule, imports: [CommonModule,
|
|
5421
5269
|
ReactiveFormsModule] }); }
|
|
5422
5270
|
}
|
|
5423
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDateModule, decorators: [{
|
|
5424
5272
|
type: NgModule,
|
|
5425
5273
|
args: [{
|
|
5426
5274
|
declarations: [MatchaDateComponent],
|
|
@@ -5433,13 +5281,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5433
5281
|
}] });
|
|
5434
5282
|
|
|
5435
5283
|
class MatchaTimeModule {
|
|
5436
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5437
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5284
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5285
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaTimeModule, declarations: [MatchaTimeComponent], imports: [CommonModule,
|
|
5438
5286
|
ReactiveFormsModule], exports: [MatchaTimeComponent] }); }
|
|
5439
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5287
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTimeModule, imports: [CommonModule,
|
|
5440
5288
|
ReactiveFormsModule] }); }
|
|
5441
5289
|
}
|
|
5442
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaTimeModule, decorators: [{
|
|
5443
5291
|
type: NgModule,
|
|
5444
5292
|
args: [{
|
|
5445
5293
|
declarations: [MatchaTimeComponent],
|
|
@@ -5458,10 +5306,10 @@ class PrevStepDirective {
|
|
|
5458
5306
|
onClick() {
|
|
5459
5307
|
this.stepper?.prevStep();
|
|
5460
5308
|
}
|
|
5461
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5462
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5309
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: PrevStepDirective, deps: [{ token: MatchaStepperContentComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5310
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: PrevStepDirective, isStandalone: true, selector: "[prevStep]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
|
5463
5311
|
}
|
|
5464
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5312
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: PrevStepDirective, decorators: [{
|
|
5465
5313
|
type: Directive,
|
|
5466
5314
|
args: [{
|
|
5467
5315
|
selector: '[prevStep]',
|
|
@@ -5479,10 +5327,10 @@ class NextStepDirective {
|
|
|
5479
5327
|
onClick() {
|
|
5480
5328
|
this.stepper?.nextStep();
|
|
5481
5329
|
}
|
|
5482
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5483
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5330
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: NextStepDirective, deps: [{ token: MatchaStepperContentComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5331
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: NextStepDirective, isStandalone: true, selector: "[nextStep]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
|
5484
5332
|
}
|
|
5485
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5333
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: NextStepDirective, decorators: [{
|
|
5486
5334
|
type: Directive,
|
|
5487
5335
|
args: [{
|
|
5488
5336
|
selector: '[nextStep]',
|
|
@@ -5494,8 +5342,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5494
5342
|
}] } });
|
|
5495
5343
|
|
|
5496
5344
|
class MatchaStepperModule {
|
|
5497
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5498
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5345
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5346
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaStepperModule, declarations: [MatchaStepperControllerComponent,
|
|
5499
5347
|
MatchaStepperComponent,
|
|
5500
5348
|
MatchaStepperContentComponent,
|
|
5501
5349
|
StepComponent], imports: [CommonModule,
|
|
@@ -5506,9 +5354,9 @@ class MatchaStepperModule {
|
|
|
5506
5354
|
StepComponent,
|
|
5507
5355
|
PrevStepDirective,
|
|
5508
5356
|
NextStepDirective] }); }
|
|
5509
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5357
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaStepperModule, imports: [CommonModule] }); }
|
|
5510
5358
|
}
|
|
5511
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5359
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaStepperModule, decorators: [{
|
|
5512
5360
|
type: NgModule,
|
|
5513
5361
|
args: [{
|
|
5514
5362
|
declarations: [
|
|
@@ -5545,10 +5393,10 @@ class MatchaDragHandleDirective {
|
|
|
5545
5393
|
ngOnInit() {
|
|
5546
5394
|
this.dragDirective.setDragHandle(this.elementRef.nativeElement);
|
|
5547
5395
|
}
|
|
5548
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5549
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5396
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDragHandleDirective, deps: [{ token: i0.ElementRef }, { token: MatchaDragDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5397
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: MatchaDragHandleDirective, isStandalone: false, selector: "[matchaDragHandle]", host: { properties: { "class.matcha-drag-handle": "this.dragHandleClass" } }, ngImport: i0 }); }
|
|
5550
5398
|
}
|
|
5551
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDragHandleDirective, decorators: [{
|
|
5552
5400
|
type: Directive,
|
|
5553
5401
|
args: [{
|
|
5554
5402
|
selector: '[matchaDragHandle]',
|
|
@@ -5560,17 +5408,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5560
5408
|
}] } });
|
|
5561
5409
|
|
|
5562
5410
|
class MatchaDropListModule {
|
|
5563
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5564
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5411
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDropListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5412
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaDropListModule, declarations: [MatchaDropListComponent,
|
|
5565
5413
|
MatchaDragDirective,
|
|
5566
5414
|
MatchaDragHandleDirective], imports: [CommonModule], exports: [MatchaDropListComponent,
|
|
5567
5415
|
MatchaDragDirective,
|
|
5568
5416
|
MatchaDragHandleDirective] }); }
|
|
5569
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5417
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDropListModule, providers: [
|
|
5570
5418
|
MatchaDropListService
|
|
5571
5419
|
], imports: [CommonModule] }); }
|
|
5572
5420
|
}
|
|
5573
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5421
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaDropListModule, decorators: [{
|
|
5574
5422
|
type: NgModule,
|
|
5575
5423
|
args: [{
|
|
5576
5424
|
declarations: [
|
|
@@ -5593,13 +5441,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5593
5441
|
}] });
|
|
5594
5442
|
|
|
5595
5443
|
class MatchaPageLayoutModule {
|
|
5596
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5597
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5444
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaPageLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5445
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaPageLayoutModule, declarations: [MatchaPageLayoutComponent], imports: [CommonModule,
|
|
5598
5446
|
MatchaStepperModule], exports: [MatchaPageLayoutComponent] }); }
|
|
5599
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5447
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaPageLayoutModule, imports: [CommonModule,
|
|
5600
5448
|
MatchaStepperModule] }); }
|
|
5601
5449
|
}
|
|
5602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaPageLayoutModule, decorators: [{
|
|
5603
5451
|
type: NgModule,
|
|
5604
5452
|
args: [{
|
|
5605
5453
|
declarations: [
|
|
@@ -5616,11 +5464,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5616
5464
|
}] });
|
|
5617
5465
|
|
|
5618
5466
|
class MatchaRadioModule {
|
|
5619
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5620
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5621
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5467
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5468
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaRadioModule, declarations: [MatchaRadioComponent], imports: [CommonModule, MatchaRippleModule], exports: [MatchaRadioComponent] }); }
|
|
5469
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaRadioModule, imports: [CommonModule, MatchaRippleModule] }); }
|
|
5622
5470
|
}
|
|
5623
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5471
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaRadioModule, decorators: [{
|
|
5624
5472
|
type: NgModule,
|
|
5625
5473
|
args: [{
|
|
5626
5474
|
declarations: [
|
|
@@ -5633,37 +5481,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5633
5481
|
}]
|
|
5634
5482
|
}] });
|
|
5635
5483
|
|
|
5636
|
-
class
|
|
5637
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5638
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5639
|
-
|
|
5640
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDrawerModule, imports: [CommonModule,
|
|
5641
|
-
MatchaButtonModule] }); }
|
|
5484
|
+
class MatchaAvatarModule {
|
|
5485
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5486
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaAvatarModule, declarations: [MatchaAvatarComponent], imports: [CommonModule], exports: [MatchaAvatarComponent] }); }
|
|
5487
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAvatarModule, imports: [CommonModule] }); }
|
|
5642
5488
|
}
|
|
5643
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaAvatarModule, decorators: [{
|
|
5644
5490
|
type: NgModule,
|
|
5645
5491
|
args: [{
|
|
5646
|
-
declarations: [
|
|
5647
|
-
MatchaDrawerComponent
|
|
5648
|
-
],
|
|
5492
|
+
declarations: [MatchaAvatarComponent],
|
|
5649
5493
|
imports: [
|
|
5650
|
-
CommonModule
|
|
5651
|
-
MatchaButtonModule
|
|
5494
|
+
CommonModule
|
|
5652
5495
|
],
|
|
5653
|
-
exports: [
|
|
5654
|
-
MatchaDrawerComponent
|
|
5655
|
-
]
|
|
5496
|
+
exports: [MatchaAvatarComponent]
|
|
5656
5497
|
}]
|
|
5657
5498
|
}] });
|
|
5658
5499
|
|
|
5659
5500
|
class MatchaComponentsModule {
|
|
5660
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5661
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5501
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5502
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaComponentsModule, declarations: [MatchaOverflowDraggableComponent], imports: [CommonModule,
|
|
5662
5503
|
FormsModule,
|
|
5663
5504
|
ReactiveFormsModule,
|
|
5664
5505
|
MatchaAccordionModule,
|
|
5665
|
-
MatchaAutocompleteModule,
|
|
5666
5506
|
MatchaOptionModule,
|
|
5507
|
+
MatchaAutocompleteModule,
|
|
5667
5508
|
MatchaBadgeModule,
|
|
5668
5509
|
MatchaButtonModule,
|
|
5669
5510
|
MatchaButtonToggleModule,
|
|
@@ -5703,10 +5544,8 @@ class MatchaComponentsModule {
|
|
|
5703
5544
|
MatchaDateModule,
|
|
5704
5545
|
MatchaTimeModule,
|
|
5705
5546
|
MatchaDropListModule,
|
|
5706
|
-
MatchaPageLayoutModule,
|
|
5707
|
-
MatchaDrawerModule], exports: [MatchaAccordionModule,
|
|
5547
|
+
MatchaPageLayoutModule], exports: [MatchaAccordionModule,
|
|
5708
5548
|
MatchaAutocompleteModule,
|
|
5709
|
-
MatchaOptionModule,
|
|
5710
5549
|
MatchaBadgeModule,
|
|
5711
5550
|
MatchaButtonModule,
|
|
5712
5551
|
MatchaButtonToggleModule,
|
|
@@ -5727,6 +5566,7 @@ class MatchaComponentsModule {
|
|
|
5727
5566
|
MatchaMasonryModule,
|
|
5728
5567
|
MatchaMenuModule,
|
|
5729
5568
|
MatchaModalModule,
|
|
5569
|
+
MatchaOptionModule,
|
|
5730
5570
|
MatchaPaginatorModule,
|
|
5731
5571
|
MatchaProgressBarModule,
|
|
5732
5572
|
MatchaRippleModule,
|
|
@@ -5747,13 +5587,13 @@ class MatchaComponentsModule {
|
|
|
5747
5587
|
MatchaTimeModule,
|
|
5748
5588
|
MatchaDropListModule,
|
|
5749
5589
|
MatchaPageLayoutModule,
|
|
5750
|
-
|
|
5751
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5590
|
+
MatchaAvatarModule] }); }
|
|
5591
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaComponentsModule, imports: [CommonModule,
|
|
5752
5592
|
FormsModule,
|
|
5753
5593
|
ReactiveFormsModule,
|
|
5754
5594
|
MatchaAccordionModule,
|
|
5755
|
-
MatchaAutocompleteModule,
|
|
5756
5595
|
MatchaOptionModule,
|
|
5596
|
+
MatchaAutocompleteModule,
|
|
5757
5597
|
MatchaBadgeModule,
|
|
5758
5598
|
MatchaButtonModule,
|
|
5759
5599
|
MatchaButtonToggleModule,
|
|
@@ -5793,10 +5633,8 @@ class MatchaComponentsModule {
|
|
|
5793
5633
|
MatchaDateModule,
|
|
5794
5634
|
MatchaTimeModule,
|
|
5795
5635
|
MatchaDropListModule,
|
|
5796
|
-
MatchaPageLayoutModule,
|
|
5797
|
-
MatchaDrawerModule, MatchaAccordionModule,
|
|
5636
|
+
MatchaPageLayoutModule, MatchaAccordionModule,
|
|
5798
5637
|
MatchaAutocompleteModule,
|
|
5799
|
-
MatchaOptionModule,
|
|
5800
5638
|
MatchaBadgeModule,
|
|
5801
5639
|
MatchaButtonModule,
|
|
5802
5640
|
MatchaButtonToggleModule,
|
|
@@ -5817,6 +5655,7 @@ class MatchaComponentsModule {
|
|
|
5817
5655
|
MatchaMasonryModule,
|
|
5818
5656
|
MatchaMenuModule,
|
|
5819
5657
|
MatchaModalModule,
|
|
5658
|
+
MatchaOptionModule,
|
|
5820
5659
|
MatchaPaginatorModule,
|
|
5821
5660
|
MatchaProgressBarModule,
|
|
5822
5661
|
MatchaRippleModule,
|
|
@@ -5837,9 +5676,9 @@ class MatchaComponentsModule {
|
|
|
5837
5676
|
MatchaTimeModule,
|
|
5838
5677
|
MatchaDropListModule,
|
|
5839
5678
|
MatchaPageLayoutModule,
|
|
5840
|
-
|
|
5679
|
+
MatchaAvatarModule] }); }
|
|
5841
5680
|
}
|
|
5842
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5681
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaComponentsModule, decorators: [{
|
|
5843
5682
|
type: NgModule,
|
|
5844
5683
|
args: [{
|
|
5845
5684
|
declarations: [MatchaOverflowDraggableComponent],
|
|
@@ -5848,8 +5687,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5848
5687
|
FormsModule,
|
|
5849
5688
|
ReactiveFormsModule,
|
|
5850
5689
|
MatchaAccordionModule,
|
|
5851
|
-
MatchaAutocompleteModule,
|
|
5852
5690
|
MatchaOptionModule,
|
|
5691
|
+
MatchaAutocompleteModule,
|
|
5853
5692
|
MatchaBadgeModule,
|
|
5854
5693
|
MatchaButtonModule,
|
|
5855
5694
|
MatchaButtonToggleModule,
|
|
@@ -5889,12 +5728,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5889
5728
|
MatchaDateModule,
|
|
5890
5729
|
MatchaTimeModule,
|
|
5891
5730
|
MatchaDropListModule,
|
|
5892
|
-
MatchaPageLayoutModule
|
|
5893
|
-
MatchaDrawerModule
|
|
5731
|
+
MatchaPageLayoutModule
|
|
5894
5732
|
],
|
|
5895
5733
|
exports: [MatchaAccordionModule,
|
|
5896
5734
|
MatchaAutocompleteModule,
|
|
5897
|
-
MatchaOptionModule,
|
|
5898
5735
|
MatchaBadgeModule,
|
|
5899
5736
|
MatchaButtonModule,
|
|
5900
5737
|
MatchaButtonToggleModule,
|
|
@@ -5915,6 +5752,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5915
5752
|
MatchaMasonryModule,
|
|
5916
5753
|
MatchaMenuModule,
|
|
5917
5754
|
MatchaModalModule,
|
|
5755
|
+
MatchaOptionModule,
|
|
5918
5756
|
MatchaPaginatorModule,
|
|
5919
5757
|
MatchaProgressBarModule,
|
|
5920
5758
|
MatchaRippleModule,
|
|
@@ -5935,17 +5773,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5935
5773
|
MatchaTimeModule,
|
|
5936
5774
|
MatchaDropListModule,
|
|
5937
5775
|
MatchaPageLayoutModule,
|
|
5938
|
-
|
|
5776
|
+
MatchaAvatarModule
|
|
5939
5777
|
],
|
|
5940
5778
|
}]
|
|
5941
5779
|
}] });
|
|
5942
5780
|
|
|
5943
5781
|
class MatchaSkeletonModule {
|
|
5944
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5945
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5946
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5782
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5783
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MatchaSkeletonModule, declarations: [MatchaSkeletonComponent], imports: [CommonModule], exports: [MatchaSkeletonComponent] }); }
|
|
5784
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSkeletonModule, imports: [CommonModule] }); }
|
|
5947
5785
|
}
|
|
5948
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5786
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MatchaSkeletonModule, decorators: [{
|
|
5949
5787
|
type: NgModule,
|
|
5950
5788
|
args: [{
|
|
5951
5789
|
declarations: [MatchaSkeletonComponent],
|
|
@@ -5960,10 +5798,10 @@ class StepContentDirective {
|
|
|
5960
5798
|
constructor(template) {
|
|
5961
5799
|
this.template = template;
|
|
5962
5800
|
}
|
|
5963
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5964
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5801
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: StepContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5802
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: StepContentDirective, isStandalone: true, selector: "[step]", inputs: { step: "step" }, ngImport: i0 }); }
|
|
5965
5803
|
}
|
|
5966
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5804
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: StepContentDirective, decorators: [{
|
|
5967
5805
|
type: Directive,
|
|
5968
5806
|
args: [{
|
|
5969
5807
|
selector: '[step]'
|
|
@@ -6003,5 +5841,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
6003
5841
|
* Generated bundle index. Do not edit.
|
|
6004
5842
|
*/
|
|
6005
5843
|
|
|
6006
|
-
export {
|
|
5844
|
+
export { MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteDirective, MatchaAutocompleteModule, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOptionService, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective };
|
|
6007
5845
|
//# sourceMappingURL=matcha-components.mjs.map
|