matcha-components 20.4.0 → 20.5.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 +871 -618
- package/fesm2022/matcha-components.mjs.map +1 -1
- package/index.d.ts +124 -72
- package/package.json +1 -1
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Output, Input, Component, ContentChildren, ElementRef, Renderer2, HostBinding, Inject, HostListener, ContentChild, Directive, forwardRef,
|
|
2
|
+
import { EventEmitter, Output, Input, Component, ContentChildren, ElementRef, Renderer2, HostBinding, Inject, HostListener, ContentChild, Directive, forwardRef, ChangeDetectionStrategy, TemplateRef, ViewChild, Injectable, Optional, ViewEncapsulation, 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 } from 'rxjs';
|
|
5
|
-
import { debounceTime } from 'rxjs/operators';
|
|
4
|
+
import { Subscription, Subject, BehaviorSubject, fromEvent } from 'rxjs';
|
|
5
|
+
import { debounceTime, filter } 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';
|
|
9
8
|
import { FormControlName, NG_VALUE_ACCESSOR, NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
10
9
|
|
|
11
10
|
const customAnimation = animation([
|
|
@@ -384,10 +383,10 @@ class MatchaAccordionItemComponent {
|
|
|
384
383
|
this.isOpen = !this.isOpen;
|
|
385
384
|
this.opened.emit(this.isOpen);
|
|
386
385
|
}
|
|
387
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
388
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
386
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
387
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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] }); }
|
|
389
388
|
}
|
|
390
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
389
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAccordionItemComponent, decorators: [{
|
|
391
390
|
type: Component,
|
|
392
391
|
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" }]
|
|
393
392
|
}], propDecorators: { stretch: [{
|
|
@@ -428,10 +427,10 @@ class MatchaAccordionComponent {
|
|
|
428
427
|
});
|
|
429
428
|
}
|
|
430
429
|
}
|
|
431
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
432
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
430
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
431
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
433
432
|
}
|
|
434
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
433
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAccordionComponent, decorators: [{
|
|
435
434
|
type: Component,
|
|
436
435
|
args: [{ selector: 'matcha-accordion', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
437
436
|
}], propDecorators: { multiple: [{
|
|
@@ -445,19 +444,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
445
444
|
}] } });
|
|
446
445
|
|
|
447
446
|
class MatchaAccordionHeaderComponent {
|
|
448
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
449
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
447
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAccordionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
448
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: MatchaAccordionHeaderComponent, isStandalone: false, selector: "matcha-accordion-header", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
450
449
|
}
|
|
451
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAccordionHeaderComponent, decorators: [{
|
|
452
451
|
type: Component,
|
|
453
452
|
args: [{ selector: 'matcha-accordion-header', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
454
453
|
}] });
|
|
455
454
|
|
|
456
455
|
class MatchaAccordionContentComponent {
|
|
457
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
458
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
456
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAccordionContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
457
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: MatchaAccordionContentComponent, isStandalone: false, selector: "matcha-accordion-content", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
459
458
|
}
|
|
460
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAccordionContentComponent, decorators: [{
|
|
461
460
|
type: Component,
|
|
462
461
|
args: [{ selector: 'matcha-accordion-content', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
463
462
|
}] });
|
|
@@ -496,10 +495,10 @@ class MatchaInfiniteScrollComponent {
|
|
|
496
495
|
ngOnDestroy() {
|
|
497
496
|
this.observer.disconnect();
|
|
498
497
|
}
|
|
499
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
500
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
498
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaInfiniteScrollComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
499
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: MatchaInfiniteScrollComponent, isStandalone: false, selector: "matcha-infinite-scroll", outputs: { scrolledToEnd: "scrolledToEnd" }, ngImport: i0, template: "", styles: [""] }); }
|
|
501
500
|
}
|
|
502
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
501
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaInfiniteScrollComponent, decorators: [{
|
|
503
502
|
type: Component,
|
|
504
503
|
args: [{ selector: 'matcha-infinite-scroll', standalone: false, template: "" }]
|
|
505
504
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { scrolledToEnd: [{
|
|
@@ -617,10 +616,10 @@ class MatchaInfiniteScrollDataComponent {
|
|
|
617
616
|
this.dataSubscription.unsubscribe();
|
|
618
617
|
this.searchSubscription.unsubscribe();
|
|
619
618
|
}
|
|
620
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
621
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
619
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaInfiniteScrollDataComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
620
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }); }
|
|
622
621
|
}
|
|
623
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
622
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaInfiniteScrollDataComponent, decorators: [{
|
|
624
623
|
type: Component,
|
|
625
624
|
args: [{ selector: 'matcha-infinite-scroll-data', standalone: false, template: "", styles: [":host{height:1px;opacity:0}\n"] }]
|
|
626
625
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { loadData: [{
|
|
@@ -673,10 +672,10 @@ class MatchaLazyloadComponent {
|
|
|
673
672
|
ngOnDestroy() {
|
|
674
673
|
this.observer.disconnect();
|
|
675
674
|
}
|
|
676
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
677
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
675
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaLazyloadComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
676
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: MatchaLazyloadComponent, isStandalone: false, selector: "matcha-lazyload", outputs: { scrolledToEnd: "scrolledToEnd" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
678
677
|
}
|
|
679
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaLazyloadComponent, decorators: [{
|
|
680
679
|
type: Component,
|
|
681
680
|
args: [{ selector: 'matcha-lazyload', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
682
681
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { scrolledToEnd: [{
|
|
@@ -800,10 +799,10 @@ class MatchaLazyloadDataComponent {
|
|
|
800
799
|
this.dataSubscription.unsubscribe();
|
|
801
800
|
this.searchSubscription.unsubscribe();
|
|
802
801
|
}
|
|
803
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
804
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
802
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaLazyloadDataComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
803
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }); }
|
|
805
804
|
}
|
|
806
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
805
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaLazyloadDataComponent, decorators: [{
|
|
807
806
|
type: Component,
|
|
808
807
|
args: [{ selector: 'matcha-lazyload-data', standalone: false, template: "<ng-content></ng-content>\n", styles: [":host{height:1px;opacity:0}\n"] }]
|
|
809
808
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { loadData: [{
|
|
@@ -977,10 +976,10 @@ class MatchaButtonComponent {
|
|
|
977
976
|
button.removeEventListener('click', this.addRippleEffect, false);
|
|
978
977
|
});
|
|
979
978
|
}
|
|
980
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
981
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
979
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaButtonComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
980
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
982
981
|
}
|
|
983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
982
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaButtonComponent, decorators: [{
|
|
984
983
|
type: Component,
|
|
985
984
|
args: [{ selector: '[matcha-button]', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
986
985
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -1078,10 +1077,10 @@ class MatchaCardComponent {
|
|
|
1078
1077
|
hasBlockquotePosition() {
|
|
1079
1078
|
return this.blockquote === 'left' || this.blockquote === 'right';
|
|
1080
1079
|
}
|
|
1081
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1082
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1080
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1081
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
1083
1082
|
}
|
|
1084
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1083
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaCardComponent, decorators: [{
|
|
1085
1084
|
type: Component,
|
|
1086
1085
|
args: [{ selector: 'matcha-card', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
1087
1086
|
}], propDecorators: { color: [{
|
|
@@ -1144,10 +1143,10 @@ class MatchaDividerComponent {
|
|
|
1144
1143
|
activeClasses += gapXl ? ` ${gapXl}` : '';
|
|
1145
1144
|
return activeClasses;
|
|
1146
1145
|
}
|
|
1147
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1148
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1146
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1147
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
1149
1148
|
}
|
|
1150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDividerComponent, decorators: [{
|
|
1151
1150
|
type: Component,
|
|
1152
1151
|
args: [{ selector: 'matcha-divider', standalone: false, template: "<div [class]=\"classes\"></div>\n" }]
|
|
1153
1152
|
}], propDecorators: { gap: [{
|
|
@@ -1214,10 +1213,10 @@ class MatchaTitleComponent {
|
|
|
1214
1213
|
hasIconClickOutput() {
|
|
1215
1214
|
return this.iconClick.observers.length > 0;
|
|
1216
1215
|
}
|
|
1217
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1218
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1216
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1217
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
1219
1218
|
}
|
|
1220
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1219
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTitleComponent, decorators: [{
|
|
1221
1220
|
type: Component,
|
|
1222
1221
|
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" }]
|
|
1223
1222
|
}], propDecorators: { color: [{
|
|
@@ -1234,6 +1233,94 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
1234
1233
|
type: Output
|
|
1235
1234
|
}] } });
|
|
1236
1235
|
|
|
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
|
+
|
|
1237
1324
|
class MatchaIconComponent {
|
|
1238
1325
|
constructor() {
|
|
1239
1326
|
this.name = '';
|
|
@@ -1250,10 +1337,10 @@ class MatchaIconComponent {
|
|
|
1250
1337
|
const activeClasses = `${icon} ${color} ${size} ${loading} ${this.class}`;
|
|
1251
1338
|
return activeClasses;
|
|
1252
1339
|
}
|
|
1253
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1254
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1340
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1341
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
1255
1342
|
}
|
|
1256
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1343
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaIconComponent, decorators: [{
|
|
1257
1344
|
type: Component,
|
|
1258
1345
|
args: [{ selector: 'matcha-icon', standalone: false, template: "<span [class]=\"classes\">\n <ng-content></ng-content>\n</span>\n" }]
|
|
1259
1346
|
}], propDecorators: { name: [{
|
|
@@ -1350,10 +1437,10 @@ class MatchaGridComponent {
|
|
|
1350
1437
|
this.setColspanClasses(this.colspan, this.breakpoint);
|
|
1351
1438
|
this.setRowspanClasses(this.rowspan, this.breakpoint);
|
|
1352
1439
|
}
|
|
1353
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1354
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1440
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1441
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
1355
1442
|
}
|
|
1356
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1443
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaGridComponent, decorators: [{
|
|
1357
1444
|
type: Component,
|
|
1358
1445
|
args: [{ selector: 'matcha-grid', standalone: false, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
1359
1446
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { breakpoint: [{
|
|
@@ -1413,10 +1500,10 @@ class MatchaMasonryComponent {
|
|
|
1413
1500
|
activeClasses += gapXl ? ` ${gapXl}` : '';
|
|
1414
1501
|
return activeClasses;
|
|
1415
1502
|
}
|
|
1416
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1417
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1503
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaMasonryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1504
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
1418
1505
|
}
|
|
1419
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaMasonryComponent, decorators: [{
|
|
1420
1507
|
type: Component,
|
|
1421
1508
|
args: [{ selector: 'matcha-masonry', standalone: false, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
1422
1509
|
}], propDecorators: { colSize: [{
|
|
@@ -1452,19 +1539,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
1452
1539
|
}] } });
|
|
1453
1540
|
|
|
1454
1541
|
class MatchaModalContentComponent {
|
|
1455
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1456
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1542
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1543
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
1457
1544
|
}
|
|
1458
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1545
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalContentComponent, decorators: [{
|
|
1459
1546
|
type: Component,
|
|
1460
1547
|
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" }]
|
|
1461
1548
|
}] });
|
|
1462
1549
|
|
|
1463
1550
|
class MatchaModalHeaderComponent {
|
|
1464
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1465
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1551
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1552
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
1466
1553
|
}
|
|
1467
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1554
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalHeaderComponent, decorators: [{
|
|
1468
1555
|
type: Component,
|
|
1469
1556
|
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" }]
|
|
1470
1557
|
}] });
|
|
@@ -1490,10 +1577,10 @@ class MatchaModalFooterComponent {
|
|
|
1490
1577
|
}
|
|
1491
1578
|
});
|
|
1492
1579
|
}
|
|
1493
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1494
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1580
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1581
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
1495
1582
|
}
|
|
1496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalFooterComponent, decorators: [{
|
|
1497
1584
|
type: Component,
|
|
1498
1585
|
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" }]
|
|
1499
1586
|
}], propDecorators: { buttonType: [{
|
|
@@ -1502,10 +1589,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
1502
1589
|
}] } });
|
|
1503
1590
|
|
|
1504
1591
|
class MatchaModalOptionsComponent {
|
|
1505
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1506
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1592
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1593
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
1507
1594
|
}
|
|
1508
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1595
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalOptionsComponent, decorators: [{
|
|
1509
1596
|
type: Component,
|
|
1510
1597
|
args: [{ selector: 'matcha-modal-options', standalone: false, template: "<div class=\"flex-row gap-8\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
1511
1598
|
}] });
|
|
@@ -1544,10 +1631,10 @@ class MatchaModalComponent {
|
|
|
1544
1631
|
this.hasBackdrop = true;
|
|
1545
1632
|
this.backdropClass = '';
|
|
1546
1633
|
}
|
|
1547
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1548
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1634
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1635
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
1549
1636
|
}
|
|
1550
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1637
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalComponent, decorators: [{
|
|
1551
1638
|
type: Component,
|
|
1552
1639
|
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>" }]
|
|
1553
1640
|
}], ctorParameters: () => [], propDecorators: { size: [{
|
|
@@ -1626,10 +1713,10 @@ class MatchaMenuComponent {
|
|
|
1626
1713
|
toggleMenu() {
|
|
1627
1714
|
this.isOpen = !this.isOpen;
|
|
1628
1715
|
}
|
|
1629
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1630
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1716
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaMenuComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1717
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
1631
1718
|
}
|
|
1632
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1719
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaMenuComponent, decorators: [{
|
|
1633
1720
|
type: Component,
|
|
1634
1721
|
args: [{ selector: 'matcha-menu', exportAs: 'matchaMenu', standalone: false, template: "<div class=\"menu\" [ngClass]=\"{'show': isOpen}\">\n <ng-content></ng-content>\n </div>\n" }]
|
|
1635
1722
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -1668,10 +1755,10 @@ class MatchaToolbarComponent {
|
|
|
1668
1755
|
ngOnDestroy() {
|
|
1669
1756
|
clearTimeout(this.resizeTimeout);
|
|
1670
1757
|
}
|
|
1671
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1672
|
-
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.1", ngImport: i0, type: MatchaToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1759
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
1673
1760
|
}
|
|
1674
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1761
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaToolbarComponent, decorators: [{
|
|
1675
1762
|
type: Component,
|
|
1676
1763
|
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" }]
|
|
1677
1764
|
}], propDecorators: { onResize: [{
|
|
@@ -1691,10 +1778,10 @@ class MatchaToolbarButtonComponent {
|
|
|
1691
1778
|
emitButtonClick() {
|
|
1692
1779
|
this.buttonClick.emit();
|
|
1693
1780
|
}
|
|
1694
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1695
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1781
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaToolbarButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1782
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
1696
1783
|
}
|
|
1697
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1784
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaToolbarButtonComponent, decorators: [{
|
|
1698
1785
|
type: Component,
|
|
1699
1786
|
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" }]
|
|
1700
1787
|
}], propDecorators: { icon: [{
|
|
@@ -1705,10 +1792,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
1705
1792
|
}] } });
|
|
1706
1793
|
|
|
1707
1794
|
class MatchaToolbarContentComponent {
|
|
1708
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1709
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1795
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaToolbarContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1796
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
1710
1797
|
}
|
|
1711
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1798
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaToolbarContentComponent, decorators: [{
|
|
1712
1799
|
type: Component,
|
|
1713
1800
|
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" }]
|
|
1714
1801
|
}] });
|
|
@@ -1720,10 +1807,10 @@ class MatchaToolbarMainButtonComponent {
|
|
|
1720
1807
|
emitButtonClick() {
|
|
1721
1808
|
this.buttonClick.emit();
|
|
1722
1809
|
}
|
|
1723
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1724
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1810
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaToolbarMainButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1811
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
1725
1812
|
}
|
|
1726
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1813
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaToolbarMainButtonComponent, decorators: [{
|
|
1727
1814
|
type: Component,
|
|
1728
1815
|
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" }]
|
|
1729
1816
|
}], propDecorators: { buttonClick: [{
|
|
@@ -1731,10 +1818,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
1731
1818
|
}] } });
|
|
1732
1819
|
|
|
1733
1820
|
class MatchaToolbarCustomButtonComponent {
|
|
1734
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1735
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1821
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaToolbarCustomButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1822
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
1736
1823
|
}
|
|
1737
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1824
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaToolbarCustomButtonComponent, decorators: [{
|
|
1738
1825
|
type: Component,
|
|
1739
1826
|
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" }]
|
|
1740
1827
|
}] });
|
|
@@ -1755,10 +1842,10 @@ class MatchaFormFieldComponent {
|
|
|
1755
1842
|
get showError() {
|
|
1756
1843
|
return !!this.control?.invalid && (this.control?.touched || this.control?.dirty);
|
|
1757
1844
|
}
|
|
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.
|
|
1845
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1846
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
1760
1847
|
}
|
|
1761
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1848
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaFormFieldComponent, decorators: [{
|
|
1762
1849
|
type: Component,
|
|
1763
1850
|
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" }]
|
|
1764
1851
|
}], propDecorators: { color: [{
|
|
@@ -1790,10 +1877,10 @@ class MatchaLabelComponent {
|
|
|
1790
1877
|
constructor() {
|
|
1791
1878
|
this.color = 'blue-grey';
|
|
1792
1879
|
}
|
|
1793
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1794
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1880
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1881
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
1795
1882
|
}
|
|
1796
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1883
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaLabelComponent, decorators: [{
|
|
1797
1884
|
type: Component,
|
|
1798
1885
|
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>" }]
|
|
1799
1886
|
}], propDecorators: { color: [{
|
|
@@ -1801,10 +1888,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
1801
1888
|
}] } });
|
|
1802
1889
|
|
|
1803
1890
|
class MatchaErrorComponent {
|
|
1804
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1805
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
1891
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1892
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
1806
1893
|
}
|
|
1807
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1894
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaErrorComponent, decorators: [{
|
|
1808
1895
|
type: Component,
|
|
1809
1896
|
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>" }]
|
|
1810
1897
|
}] });
|
|
@@ -1862,10 +1949,10 @@ class MatchaRippleDirective {
|
|
|
1862
1949
|
});
|
|
1863
1950
|
this.ripples = [];
|
|
1864
1951
|
}
|
|
1865
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1866
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
1952
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaRippleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1953
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaRippleDirective, isStandalone: false, selector: "[matchaRipple]", inputs: { rippleColor: "rippleColor" }, host: { listeners: { "mousedown": "onMouseDown($event)" } }, ngImport: i0 }); }
|
|
1867
1954
|
}
|
|
1868
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
1955
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaRippleDirective, decorators: [{
|
|
1869
1956
|
type: Directive,
|
|
1870
1957
|
args: [{
|
|
1871
1958
|
selector: '[matchaRipple]',
|
|
@@ -1928,8 +2015,8 @@ class MatchaCheckboxComponent {
|
|
|
1928
2015
|
this.checkedChange.emit(eventData);
|
|
1929
2016
|
this.change.emit(event);
|
|
1930
2017
|
}
|
|
1931
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
1932
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2018
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2019
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: MatchaCheckboxComponent, isStandalone: false, selector: "matcha-checkbox", inputs: { color: "color", indeterminate: "indeterminate", disabled: "disabled", checked: "checked" }, outputs: { checkedChange: "checkedChange", change: "change" }, providers: [
|
|
1933
2020
|
{
|
|
1934
2021
|
provide: NG_VALUE_ACCESSOR,
|
|
1935
2022
|
useExisting: forwardRef(() => MatchaCheckboxComponent),
|
|
@@ -1937,7 +2024,7 @@ class MatchaCheckboxComponent {
|
|
|
1937
2024
|
}
|
|
1938
2025
|
], 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"] }] }); }
|
|
1939
2026
|
}
|
|
1940
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2027
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaCheckboxComponent, decorators: [{
|
|
1941
2028
|
type: Component,
|
|
1942
2029
|
args: [{ selector: 'matcha-checkbox', standalone: false, providers: [
|
|
1943
2030
|
{
|
|
@@ -2012,8 +2099,8 @@ class MatchaRadioComponent {
|
|
|
2012
2099
|
this.checkedChange.emit(eventData);
|
|
2013
2100
|
this.change.emit(event);
|
|
2014
2101
|
}
|
|
2015
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2016
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2102
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2103
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: MatchaRadioComponent, isStandalone: false, selector: "matcha-radio", inputs: { color: "color", value: "value", name: "name", disabled: "disabled", checked: "checked" }, outputs: { checkedChange: "checkedChange", change: "change" }, providers: [
|
|
2017
2104
|
{
|
|
2018
2105
|
provide: NG_VALUE_ACCESSOR,
|
|
2019
2106
|
useExisting: forwardRef(() => MatchaRadioComponent),
|
|
@@ -2021,7 +2108,7 @@ class MatchaRadioComponent {
|
|
|
2021
2108
|
}
|
|
2022
2109
|
], 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"] }] }); }
|
|
2023
2110
|
}
|
|
2024
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaRadioComponent, decorators: [{
|
|
2025
2112
|
type: Component,
|
|
2026
2113
|
args: [{ selector: 'matcha-radio', standalone: false, providers: [
|
|
2027
2114
|
{
|
|
@@ -2093,10 +2180,10 @@ class MatchaSpinComponent {
|
|
|
2093
2180
|
const progress = Math.min(Math.max(Number(this.progress), 0), 100);
|
|
2094
2181
|
return this.circumference - (progress / 100) * this.circumference;
|
|
2095
2182
|
}
|
|
2096
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2097
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2183
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSpinComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2184
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
2098
2185
|
}
|
|
2099
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSpinComponent, decorators: [{
|
|
2100
2187
|
type: Component,
|
|
2101
2188
|
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" }]
|
|
2102
2189
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -2131,15 +2218,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
2131
2218
|
|
|
2132
2219
|
class MatchaSpinnerComponent {
|
|
2133
2220
|
set progress(value) {
|
|
2134
|
-
this.
|
|
2221
|
+
this._progressValue = Number(value);
|
|
2135
2222
|
}
|
|
2136
2223
|
get progress() {
|
|
2137
|
-
return this.
|
|
2224
|
+
return this._progressValue;
|
|
2225
|
+
}
|
|
2226
|
+
get _progress() { return this.progress; }
|
|
2227
|
+
get _color() { return this.color; }
|
|
2228
|
+
get hostSize() {
|
|
2229
|
+
return this.size;
|
|
2138
2230
|
}
|
|
2139
2231
|
constructor(_elementRef, _renderer) {
|
|
2140
2232
|
this._elementRef = _elementRef;
|
|
2141
2233
|
this._renderer = _renderer;
|
|
2142
|
-
this.
|
|
2234
|
+
this._progressValue = 0;
|
|
2143
2235
|
this.color = 'accent';
|
|
2144
2236
|
this.size = null;
|
|
2145
2237
|
this.sizeXs = null;
|
|
@@ -2173,10 +2265,10 @@ class MatchaSpinnerComponent {
|
|
|
2173
2265
|
const progress = Math.min(Math.max(Number(this.progress), 0), 100);
|
|
2174
2266
|
return this.circumference - (progress / 100) * this.circumference;
|
|
2175
2267
|
}
|
|
2176
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2177
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2268
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSpinnerComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2269
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }, host: { properties: { "attr.progress": "this._progress", "attr.color": "this._color", "attr.size": "this.hostSize" } }, 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: [""] }); }
|
|
2178
2270
|
}
|
|
2179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSpinnerComponent, decorators: [{
|
|
2180
2272
|
type: Component,
|
|
2181
2273
|
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" }]
|
|
2182
2274
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -2187,11 +2279,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
2187
2279
|
args: [Renderer2]
|
|
2188
2280
|
}] }], propDecorators: { progress: [{
|
|
2189
2281
|
type: Input
|
|
2282
|
+
}], _progress: [{
|
|
2283
|
+
type: HostBinding,
|
|
2284
|
+
args: ['attr.progress']
|
|
2190
2285
|
}], color: [{
|
|
2191
2286
|
type: Input
|
|
2287
|
+
}], _color: [{
|
|
2288
|
+
type: HostBinding,
|
|
2289
|
+
args: ['attr.color']
|
|
2192
2290
|
}], size: [{
|
|
2193
2291
|
type: Input,
|
|
2194
2292
|
args: ['size']
|
|
2293
|
+
}], hostSize: [{
|
|
2294
|
+
type: HostBinding,
|
|
2295
|
+
args: ['attr.size']
|
|
2195
2296
|
}], sizeXs: [{
|
|
2196
2297
|
type: Input,
|
|
2197
2298
|
args: ['size-xs']
|
|
@@ -2230,10 +2331,10 @@ class MatchaHintTextComponent {
|
|
|
2230
2331
|
default: return 'red';
|
|
2231
2332
|
}
|
|
2232
2333
|
}
|
|
2233
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2234
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2334
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaHintTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2335
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
2235
2336
|
}
|
|
2236
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaHintTextComponent, decorators: [{
|
|
2237
2338
|
type: Component,
|
|
2238
2339
|
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" }]
|
|
2239
2340
|
}], propDecorators: { type: [{
|
|
@@ -2264,10 +2365,10 @@ class MatchaSkeletonComponent {
|
|
|
2264
2365
|
get heightClass() {
|
|
2265
2366
|
return `h-${this.height}`;
|
|
2266
2367
|
}
|
|
2267
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2268
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2368
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2369
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
2269
2370
|
}
|
|
2270
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2371
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSkeletonComponent, decorators: [{
|
|
2271
2372
|
type: Component,
|
|
2272
2373
|
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 -->" }]
|
|
2273
2374
|
}], propDecorators: { amount: [{
|
|
@@ -2282,147 +2383,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
2282
2383
|
type: Input
|
|
2283
2384
|
}] } });
|
|
2284
2385
|
|
|
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.2", ngImport: i0, type: MatchaOptionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2346
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.2", ngImport: i0, type: MatchaOptionService, providedIn: 'root' }); }
|
|
2347
|
-
}
|
|
2348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", 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.2", 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.2", 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.2", 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.2", 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.2", 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.2", 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
|
-
|
|
2426
2386
|
class MatchaSlideToggleComponent {
|
|
2427
2387
|
set checked(value) {
|
|
2428
2388
|
const newCheckedState = value === '' ? true : !!value;
|
|
@@ -2487,8 +2447,8 @@ class MatchaSlideToggleComponent {
|
|
|
2487
2447
|
this.onTouched();
|
|
2488
2448
|
this.change.emit({ checked: newCheckedState });
|
|
2489
2449
|
}
|
|
2490
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2491
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2450
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSlideToggleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2451
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: MatchaSlideToggleComponent, isStandalone: false, selector: "matcha-slide-toggle", inputs: { color: "color", checked: "checked", disabled: "disabled" }, outputs: { change: "change" }, providers: [
|
|
2492
2452
|
{
|
|
2493
2453
|
provide: NG_VALUE_ACCESSOR,
|
|
2494
2454
|
useExisting: forwardRef(() => MatchaSlideToggleComponent),
|
|
@@ -2496,7 +2456,7 @@ class MatchaSlideToggleComponent {
|
|
|
2496
2456
|
},
|
|
2497
2457
|
], 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 }); }
|
|
2498
2458
|
}
|
|
2499
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSlideToggleComponent, decorators: [{
|
|
2500
2460
|
type: Component,
|
|
2501
2461
|
args: [{ selector: 'matcha-slide-toggle', standalone: false, providers: [
|
|
2502
2462
|
{
|
|
@@ -2573,10 +2533,10 @@ class MatchaButtonToggleComponent {
|
|
|
2573
2533
|
});
|
|
2574
2534
|
}
|
|
2575
2535
|
}
|
|
2576
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2577
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2536
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaButtonToggleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2537
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
2578
2538
|
}
|
|
2579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2539
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaButtonToggleComponent, decorators: [{
|
|
2580
2540
|
type: Component,
|
|
2581
2541
|
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" }]
|
|
2582
2542
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { multiple: [{
|
|
@@ -2611,10 +2571,10 @@ class MatchaTabItemComponent {
|
|
|
2611
2571
|
get active() {
|
|
2612
2572
|
return this._active;
|
|
2613
2573
|
}
|
|
2614
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2615
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2574
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2575
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
2616
2576
|
}
|
|
2617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2577
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTabItemComponent, decorators: [{
|
|
2618
2578
|
type: Component,
|
|
2619
2579
|
args: [{ selector: 'matcha-tab', standalone: false, template: "<ng-content *ngIf=\"active\"></ng-content>\n" }]
|
|
2620
2580
|
}], propDecorators: { title: [{
|
|
@@ -2669,10 +2629,10 @@ class MatchaTabsComponent {
|
|
|
2669
2629
|
this.selectTabByIndex(tabsArray.length - 1);
|
|
2670
2630
|
}
|
|
2671
2631
|
}
|
|
2672
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2673
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2632
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2633
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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] }); }
|
|
2674
2634
|
}
|
|
2675
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2635
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTabsComponent, decorators: [{
|
|
2676
2636
|
type: Component,
|
|
2677
2637
|
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" }]
|
|
2678
2638
|
}], propDecorators: { tabs: [{
|
|
@@ -2740,10 +2700,10 @@ class MatchaDateComponent {
|
|
|
2740
2700
|
control.setErrors(Object.keys(errors).length ? errors : null);
|
|
2741
2701
|
}
|
|
2742
2702
|
}
|
|
2743
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2744
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2703
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2704
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
2745
2705
|
}
|
|
2746
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2706
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDateComponent, decorators: [{
|
|
2747
2707
|
type: Component,
|
|
2748
2708
|
args: [{ selector: 'matcha-date', standalone: false, template: "<div class=\"d-flex gap-16\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
2749
2709
|
}], propDecorators: { controls: [{
|
|
@@ -2859,10 +2819,10 @@ class MatchaTimeComponent {
|
|
|
2859
2819
|
control.setErrors(Object.keys(errors).length ? errors : null);
|
|
2860
2820
|
}
|
|
2861
2821
|
}
|
|
2862
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2863
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2822
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2823
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
2864
2824
|
}
|
|
2865
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2825
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTimeComponent, decorators: [{
|
|
2866
2826
|
type: Component,
|
|
2867
2827
|
args: [{ selector: 'matcha-time', standalone: false, template: "<div class=\"d-flex gap-16\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
2868
2828
|
}], propDecorators: { controls: [{
|
|
@@ -2877,10 +2837,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
2877
2837
|
}] } });
|
|
2878
2838
|
|
|
2879
2839
|
class StepComponent {
|
|
2880
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2881
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2840
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2841
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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 }); }
|
|
2882
2842
|
}
|
|
2883
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2843
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: StepComponent, decorators: [{
|
|
2884
2844
|
type: Component,
|
|
2885
2845
|
args: [{
|
|
2886
2846
|
selector: 'matcha-step',
|
|
@@ -2935,10 +2895,10 @@ class MatchaStepperStateService {
|
|
|
2935
2895
|
this._activeStep$.next(current - 1);
|
|
2936
2896
|
}
|
|
2937
2897
|
}
|
|
2938
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2939
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.
|
|
2898
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaStepperStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2899
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaStepperStateService }); }
|
|
2940
2900
|
}
|
|
2941
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2901
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaStepperStateService, decorators: [{
|
|
2942
2902
|
type: Injectable
|
|
2943
2903
|
}] });
|
|
2944
2904
|
|
|
@@ -2952,10 +2912,10 @@ class MatchaStepperComponent {
|
|
|
2952
2912
|
this.stepperState.setActiveStep(this.active);
|
|
2953
2913
|
}
|
|
2954
2914
|
}
|
|
2955
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2956
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2915
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaStepperComponent, deps: [{ token: MatchaStepperStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2916
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: MatchaStepperComponent, isStandalone: false, selector: "matcha-stepper", inputs: { active: "active" }, providers: [MatchaStepperStateService], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
|
|
2957
2917
|
}
|
|
2958
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2918
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaStepperComponent, decorators: [{
|
|
2959
2919
|
type: Component,
|
|
2960
2920
|
args: [{
|
|
2961
2921
|
selector: 'matcha-stepper',
|
|
@@ -2988,14 +2948,14 @@ class MatchaStepperContentComponent {
|
|
|
2988
2948
|
prevStep() {
|
|
2989
2949
|
this.stepperState.prevStep();
|
|
2990
2950
|
}
|
|
2991
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
2992
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2951
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaStepperContentComponent, deps: [{ token: MatchaStepperStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2952
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: MatchaStepperContentComponent, isStandalone: false, selector: "matcha-stepper-content", queries: [{ propertyName: "steps", predicate: StepComponent }], ngImport: i0, template: `
|
|
2993
2953
|
<ng-container *ngIf="stepsArray.length">
|
|
2994
2954
|
<ng-container *ngTemplateOutlet="stepsArray[activeStep]?.template || null"></ng-container>
|
|
2995
2955
|
</ng-container>
|
|
2996
2956
|
`, 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"] }] }); }
|
|
2997
2957
|
}
|
|
2998
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2958
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaStepperContentComponent, decorators: [{
|
|
2999
2959
|
type: Component,
|
|
3000
2960
|
args: [{
|
|
3001
2961
|
selector: 'matcha-stepper-content',
|
|
@@ -3026,10 +2986,10 @@ class MatchaStepperControllerComponent {
|
|
|
3026
2986
|
return;
|
|
3027
2987
|
this.stepperState.setActiveStep(index);
|
|
3028
2988
|
}
|
|
3029
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3030
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
2989
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaStepperControllerComponent, deps: [{ token: MatchaStepperStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2990
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
3031
2991
|
}
|
|
3032
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
2992
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaStepperControllerComponent, decorators: [{
|
|
3033
2993
|
type: Component,
|
|
3034
2994
|
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" }]
|
|
3035
2995
|
}], ctorParameters: () => [{ type: MatchaStepperStateService }], propDecorators: { disableNext: [{
|
|
@@ -3058,10 +3018,10 @@ class MatchaDropListService {
|
|
|
3058
3018
|
getAllDropZones() {
|
|
3059
3019
|
return Array.from(this.dropZones.values());
|
|
3060
3020
|
}
|
|
3061
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3062
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.
|
|
3021
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDropListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3022
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDropListService, providedIn: 'root' }); }
|
|
3063
3023
|
}
|
|
3064
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3024
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDropListService, decorators: [{
|
|
3065
3025
|
type: Injectable,
|
|
3066
3026
|
args: [{
|
|
3067
3027
|
providedIn: 'root'
|
|
@@ -3359,10 +3319,10 @@ class MatchaDragDirective {
|
|
|
3359
3319
|
this.listeners.forEach(cleanup => cleanup());
|
|
3360
3320
|
this.listeners = [];
|
|
3361
3321
|
}
|
|
3362
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3363
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
3322
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDragDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: MatchaDropListService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3323
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", 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 }); }
|
|
3364
3324
|
}
|
|
3365
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDragDirective, decorators: [{
|
|
3366
3326
|
type: Directive,
|
|
3367
3327
|
args: [{
|
|
3368
3328
|
selector: '[matchaDrag]',
|
|
@@ -3662,10 +3622,10 @@ class MatchaDropListComponent {
|
|
|
3662
3622
|
this.transferItem(this.currentDragItem, this.sourceContainer, this, dropIndex);
|
|
3663
3623
|
}
|
|
3664
3624
|
}
|
|
3665
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3666
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
3625
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDropListComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: MatchaDropListService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3626
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }] }); }
|
|
3667
3627
|
}
|
|
3668
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3628
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDropListComponent, decorators: [{
|
|
3669
3629
|
type: Component,
|
|
3670
3630
|
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" }]
|
|
3671
3631
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: MatchaDropListService }], propDecorators: { matchaDropListData: [{
|
|
@@ -3689,14 +3649,208 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
3689
3649
|
}] } });
|
|
3690
3650
|
|
|
3691
3651
|
class MatchaPageLayoutComponent {
|
|
3692
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3693
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
3652
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaPageLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3653
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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"] }); }
|
|
3694
3654
|
}
|
|
3695
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3655
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaPageLayoutComponent, decorators: [{
|
|
3696
3656
|
type: Component,
|
|
3697
3657
|
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"] }]
|
|
3698
3658
|
}] });
|
|
3699
3659
|
|
|
3660
|
+
/**
|
|
3661
|
+
* Token de injeção para MatchaOptionParent
|
|
3662
|
+
* Usado para injetar o componente pai no matcha-option
|
|
3663
|
+
*/
|
|
3664
|
+
const MATCHA_OPTION_PARENT = Symbol('MatchaOptionParent');
|
|
3665
|
+
|
|
3666
|
+
class MatchaOptionComponent {
|
|
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();
|
|
3761
|
+
}
|
|
3762
|
+
closePanel() {
|
|
3763
|
+
this.open = false;
|
|
3764
|
+
this.activeIndex = -1;
|
|
3765
|
+
this.updateSelectedStates();
|
|
3766
|
+
}
|
|
3767
|
+
togglePanel() {
|
|
3768
|
+
this.open ? this.closePanel() : this.openPanel();
|
|
3769
|
+
}
|
|
3770
|
+
setPanelPosition() {
|
|
3771
|
+
if (!this.triggerElement)
|
|
3772
|
+
return;
|
|
3773
|
+
const rect = this.triggerElement.getBoundingClientRect();
|
|
3774
|
+
const top = rect.bottom + window.scrollY;
|
|
3775
|
+
const left = rect.left + window.scrollX;
|
|
3776
|
+
this.panelStyle = {
|
|
3777
|
+
position: 'absolute',
|
|
3778
|
+
top: `${top}px`,
|
|
3779
|
+
left: `${left}px`,
|
|
3780
|
+
minWidth: `${rect.width}px`
|
|
3781
|
+
};
|
|
3782
|
+
}
|
|
3783
|
+
resetActive() {
|
|
3784
|
+
this.activeIndex = -1;
|
|
3785
|
+
this.updateSelectedStates();
|
|
3786
|
+
}
|
|
3787
|
+
updateSelectedStates() {
|
|
3788
|
+
const items = this.options.toArray();
|
|
3789
|
+
items.forEach((opt, i) => opt.selected = i === this.activeIndex);
|
|
3790
|
+
}
|
|
3791
|
+
highlightNext() {
|
|
3792
|
+
const length = this.options.length;
|
|
3793
|
+
if (!length)
|
|
3794
|
+
return;
|
|
3795
|
+
this.activeIndex = (this.activeIndex + 1) % length;
|
|
3796
|
+
this.updateSelectedStates();
|
|
3797
|
+
this.scrollToActive();
|
|
3798
|
+
}
|
|
3799
|
+
highlightPrevious() {
|
|
3800
|
+
const length = this.options.length;
|
|
3801
|
+
if (!length)
|
|
3802
|
+
return;
|
|
3803
|
+
this.activeIndex = (this.activeIndex - 1 + length) % length;
|
|
3804
|
+
this.updateSelectedStates();
|
|
3805
|
+
this.scrollToActive();
|
|
3806
|
+
}
|
|
3807
|
+
scrollToActive() {
|
|
3808
|
+
const opts = this.options.toArray();
|
|
3809
|
+
if (this.activeIndex < 0 || this.activeIndex >= opts.length)
|
|
3810
|
+
return;
|
|
3811
|
+
const host = opts[this.activeIndex].nativeElement;
|
|
3812
|
+
if (host && host.scrollIntoView) {
|
|
3813
|
+
host.scrollIntoView({ block: 'nearest' });
|
|
3814
|
+
}
|
|
3815
|
+
}
|
|
3816
|
+
selectActive() {
|
|
3817
|
+
if (this.activeIndex < 0)
|
|
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 }); }
|
|
3841
|
+
}
|
|
3842
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAutocompleteComponent, decorators: [{
|
|
3843
|
+
type: Component,
|
|
3844
|
+
args: [{ selector: 'matcha-autocomplete', template: `
|
|
3845
|
+
<div class="matcha-autocomplete-panel" *ngIf="open" [ngStyle]="panelStyle" role="listbox">
|
|
3846
|
+
<ng-content></ng-content>
|
|
3847
|
+
</div>
|
|
3848
|
+
`, encapsulation: ViewEncapsulation.None, standalone: false, 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"] }]
|
|
3849
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { options: [{
|
|
3850
|
+
type: ContentChildren,
|
|
3851
|
+
args: [MatchaOptionComponent, { descendants: true }]
|
|
3852
|
+
}] } });
|
|
3853
|
+
|
|
3700
3854
|
class MatchaTooltipDirective {
|
|
3701
3855
|
constructor(el, renderer) {
|
|
3702
3856
|
this.el = el;
|
|
@@ -3838,10 +3992,10 @@ class MatchaTooltipDirective {
|
|
|
3838
3992
|
this.documentClickListener = null;
|
|
3839
3993
|
}
|
|
3840
3994
|
}
|
|
3841
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3842
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
3995
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3996
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", 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 }); }
|
|
3843
3997
|
}
|
|
3844
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
3998
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTooltipDirective, decorators: [{
|
|
3845
3999
|
type: Directive,
|
|
3846
4000
|
args: [{
|
|
3847
4001
|
selector: '[matchaTooltip]',
|
|
@@ -3880,11 +4034,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
3880
4034
|
}] } });
|
|
3881
4035
|
|
|
3882
4036
|
class MatchaTooltipModule {
|
|
3883
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3884
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
3885
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4037
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4038
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaTooltipModule, declarations: [MatchaTooltipDirective], imports: [CommonModule], exports: [MatchaTooltipDirective] }); }
|
|
4039
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTooltipModule, imports: [CommonModule] }); }
|
|
3886
4040
|
}
|
|
3887
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4041
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTooltipModule, decorators: [{
|
|
3888
4042
|
type: NgModule,
|
|
3889
4043
|
args: [{
|
|
3890
4044
|
declarations: [MatchaTooltipDirective],
|
|
@@ -3894,11 +4048,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
3894
4048
|
}] });
|
|
3895
4049
|
|
|
3896
4050
|
class MatchaIconModule {
|
|
3897
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3898
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
3899
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4051
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4052
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaIconModule, declarations: [MatchaIconComponent], imports: [CommonModule, MatchaTooltipModule], exports: [MatchaIconComponent] }); }
|
|
4053
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaIconModule, imports: [CommonModule, MatchaTooltipModule] }); }
|
|
3900
4054
|
}
|
|
3901
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaIconModule, decorators: [{
|
|
3902
4056
|
type: NgModule,
|
|
3903
4057
|
args: [{
|
|
3904
4058
|
declarations: [MatchaIconComponent],
|
|
@@ -3908,11 +4062,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
3908
4062
|
}] });
|
|
3909
4063
|
|
|
3910
4064
|
class MatchaTitleModule {
|
|
3911
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3912
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
3913
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4065
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTitleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4066
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaTitleModule, declarations: [MatchaTitleComponent], imports: [CommonModule], exports: [MatchaTitleComponent] }); }
|
|
4067
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTitleModule, imports: [CommonModule] }); }
|
|
3914
4068
|
}
|
|
3915
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4069
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTitleModule, decorators: [{
|
|
3916
4070
|
type: NgModule,
|
|
3917
4071
|
args: [{
|
|
3918
4072
|
declarations: [MatchaTitleComponent],
|
|
@@ -3922,11 +4076,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
3922
4076
|
}] });
|
|
3923
4077
|
|
|
3924
4078
|
class MatchaDividerModule {
|
|
3925
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3926
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
3927
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4079
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4080
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaDividerModule, declarations: [MatchaDividerComponent], imports: [CommonModule], exports: [MatchaDividerComponent] }); }
|
|
4081
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDividerModule, imports: [CommonModule] }); }
|
|
3928
4082
|
}
|
|
3929
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4083
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDividerModule, decorators: [{
|
|
3930
4084
|
type: NgModule,
|
|
3931
4085
|
args: [{
|
|
3932
4086
|
declarations: [
|
|
@@ -3940,11 +4094,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
3940
4094
|
}] });
|
|
3941
4095
|
|
|
3942
4096
|
class MatchaButtonModule {
|
|
3943
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3944
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
3945
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4097
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4098
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaButtonModule, declarations: [MatchaButtonComponent], exports: [MatchaButtonComponent] }); }
|
|
4099
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaButtonModule }); }
|
|
3946
4100
|
}
|
|
3947
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4101
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaButtonModule, decorators: [{
|
|
3948
4102
|
type: NgModule,
|
|
3949
4103
|
args: [{
|
|
3950
4104
|
declarations: [MatchaButtonComponent],
|
|
@@ -3954,8 +4108,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
3954
4108
|
}] });
|
|
3955
4109
|
|
|
3956
4110
|
class MatchaAccordionModule {
|
|
3957
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
3958
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4111
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4112
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaAccordionModule, declarations: [MatchaAccordionComponent,
|
|
3959
4113
|
MatchaAccordionItemComponent,
|
|
3960
4114
|
MatchaAccordionHeaderComponent,
|
|
3961
4115
|
MatchaAccordionContentComponent], imports: [CommonModule,
|
|
@@ -3967,14 +4121,14 @@ class MatchaAccordionModule {
|
|
|
3967
4121
|
MatchaAccordionItemComponent,
|
|
3968
4122
|
MatchaAccordionHeaderComponent,
|
|
3969
4123
|
MatchaAccordionContentComponent] }); }
|
|
3970
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4124
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAccordionModule, imports: [CommonModule,
|
|
3971
4125
|
MatchaIconModule,
|
|
3972
4126
|
MatchaTitleModule,
|
|
3973
4127
|
MatchaDividerModule,
|
|
3974
4128
|
MatchaTooltipModule,
|
|
3975
4129
|
MatchaButtonModule] }); }
|
|
3976
4130
|
}
|
|
3977
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAccordionModule, decorators: [{
|
|
3978
4132
|
type: NgModule,
|
|
3979
4133
|
args: [{
|
|
3980
4134
|
declarations: [
|
|
@@ -4001,11 +4155,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4001
4155
|
}] });
|
|
4002
4156
|
|
|
4003
4157
|
class MatchaInfiniteScrollModule {
|
|
4004
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4005
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4006
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4158
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaInfiniteScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4159
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaInfiniteScrollModule, declarations: [MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent], imports: [CommonModule], exports: [MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent] }); }
|
|
4160
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaInfiniteScrollModule, imports: [CommonModule] }); }
|
|
4007
4161
|
}
|
|
4008
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaInfiniteScrollModule, decorators: [{
|
|
4009
4163
|
type: NgModule,
|
|
4010
4164
|
args: [{
|
|
4011
4165
|
declarations: [MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent],
|
|
@@ -4017,11 +4171,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4017
4171
|
}] });
|
|
4018
4172
|
|
|
4019
4173
|
class MatchaLazyloadModule {
|
|
4020
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4021
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4022
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4174
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaLazyloadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4175
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaLazyloadModule, declarations: [MatchaLazyloadComponent, MatchaLazyloadDataComponent], imports: [CommonModule], exports: [MatchaLazyloadComponent, MatchaLazyloadDataComponent] }); }
|
|
4176
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaLazyloadModule, imports: [CommonModule] }); }
|
|
4023
4177
|
}
|
|
4024
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4178
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaLazyloadModule, decorators: [{
|
|
4025
4179
|
type: NgModule,
|
|
4026
4180
|
args: [{
|
|
4027
4181
|
declarations: [MatchaLazyloadComponent, MatchaLazyloadDataComponent],
|
|
@@ -4055,10 +4209,10 @@ class MatchaElevationDirective {
|
|
|
4055
4209
|
this._renderer.addClass(this._elementRef.nativeElement, `elevation-z-0`);
|
|
4056
4210
|
}
|
|
4057
4211
|
}
|
|
4058
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4059
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4212
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaElevationDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4213
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaElevationDirective, isStandalone: false, selector: "[elevation]", inputs: { elevation: "elevation" }, usesOnChanges: true, ngImport: i0 }); }
|
|
4060
4214
|
}
|
|
4061
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4215
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaElevationDirective, decorators: [{
|
|
4062
4216
|
type: Directive,
|
|
4063
4217
|
args: [{
|
|
4064
4218
|
selector: '[elevation]',
|
|
@@ -4070,11 +4224,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4070
4224
|
}] } });
|
|
4071
4225
|
|
|
4072
4226
|
class MatchaElevationModule {
|
|
4073
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4074
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4075
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4227
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaElevationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4228
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaElevationModule, declarations: [MatchaElevationDirective], imports: [CommonModule], exports: [MatchaElevationDirective] }); }
|
|
4229
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaElevationModule, imports: [CommonModule] }); }
|
|
4076
4230
|
}
|
|
4077
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaElevationModule, decorators: [{
|
|
4078
4232
|
type: NgModule,
|
|
4079
4233
|
args: [{
|
|
4080
4234
|
declarations: [MatchaElevationDirective],
|
|
@@ -4202,10 +4356,10 @@ class MatchaOverlayService {
|
|
|
4202
4356
|
this.removeOverlayContainer();
|
|
4203
4357
|
}
|
|
4204
4358
|
}
|
|
4205
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4206
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.
|
|
4359
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaOverlayService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4360
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaOverlayService, providedIn: 'root' }); }
|
|
4207
4361
|
}
|
|
4208
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4362
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaOverlayService, decorators: [{
|
|
4209
4363
|
type: Injectable,
|
|
4210
4364
|
args: [{
|
|
4211
4365
|
providedIn: 'root',
|
|
@@ -4241,10 +4395,10 @@ class MatchaModalService {
|
|
|
4241
4395
|
getData() {
|
|
4242
4396
|
return this.currentData;
|
|
4243
4397
|
}
|
|
4244
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4245
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.
|
|
4398
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalService, deps: [{ token: MatchaOverlayService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4399
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalService, providedIn: 'root' }); }
|
|
4246
4400
|
}
|
|
4247
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4401
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalService, decorators: [{
|
|
4248
4402
|
type: Injectable,
|
|
4249
4403
|
args: [{
|
|
4250
4404
|
providedIn: 'root'
|
|
@@ -4252,8 +4406,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4252
4406
|
}], ctorParameters: () => [{ type: MatchaOverlayService }] });
|
|
4253
4407
|
|
|
4254
4408
|
class MatchaModalModule {
|
|
4255
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4256
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4409
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4410
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalModule, declarations: [MatchaModalHeaderComponent,
|
|
4257
4411
|
MatchaModalContentComponent,
|
|
4258
4412
|
MatchaModalFooterComponent,
|
|
4259
4413
|
MatchaModalOptionsComponent,
|
|
@@ -4267,7 +4421,7 @@ class MatchaModalModule {
|
|
|
4267
4421
|
MatchaModalFooterComponent,
|
|
4268
4422
|
MatchaModalOptionsComponent,
|
|
4269
4423
|
MatchaModalComponent] }); }
|
|
4270
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4424
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalModule, providers: [
|
|
4271
4425
|
MatchaModalService,
|
|
4272
4426
|
MatchaOverlayService
|
|
4273
4427
|
], imports: [CommonModule,
|
|
@@ -4277,7 +4431,7 @@ class MatchaModalModule {
|
|
|
4277
4431
|
MatchaTooltipModule,
|
|
4278
4432
|
MatchaElevationModule] }); }
|
|
4279
4433
|
}
|
|
4280
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaModalModule, decorators: [{
|
|
4281
4435
|
type: NgModule,
|
|
4282
4436
|
args: [{
|
|
4283
4437
|
declarations: [
|
|
@@ -4310,21 +4464,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4310
4464
|
}] });
|
|
4311
4465
|
|
|
4312
4466
|
class MatchaCardModule {
|
|
4313
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4314
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4467
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4468
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaCardModule, declarations: [MatchaCardComponent], imports: [CommonModule,
|
|
4315
4469
|
MatchaElevationModule,
|
|
4316
4470
|
MatchaIconModule,
|
|
4317
4471
|
MatchaTitleModule,
|
|
4318
4472
|
MatchaDividerModule,
|
|
4319
4473
|
MatchaTooltipModule], exports: [MatchaCardComponent] }); }
|
|
4320
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4474
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaCardModule, imports: [CommonModule,
|
|
4321
4475
|
MatchaElevationModule,
|
|
4322
4476
|
MatchaIconModule,
|
|
4323
4477
|
MatchaTitleModule,
|
|
4324
4478
|
MatchaDividerModule,
|
|
4325
4479
|
MatchaTooltipModule] }); }
|
|
4326
4480
|
}
|
|
4327
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4481
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaCardModule, decorators: [{
|
|
4328
4482
|
type: NgModule,
|
|
4329
4483
|
args: [{
|
|
4330
4484
|
declarations: [MatchaCardComponent],
|
|
@@ -4341,11 +4495,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4341
4495
|
}] });
|
|
4342
4496
|
|
|
4343
4497
|
class MatchaMasonryModule {
|
|
4344
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4345
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4346
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4498
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaMasonryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4499
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaMasonryModule, declarations: [MatchaMasonryComponent], imports: [CommonModule], exports: [MatchaMasonryComponent] }); }
|
|
4500
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaMasonryModule, imports: [CommonModule] }); }
|
|
4347
4501
|
}
|
|
4348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4502
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaMasonryModule, decorators: [{
|
|
4349
4503
|
type: NgModule,
|
|
4350
4504
|
args: [{
|
|
4351
4505
|
declarations: [MatchaMasonryComponent],
|
|
@@ -4355,13 +4509,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4355
4509
|
}] });
|
|
4356
4510
|
|
|
4357
4511
|
class MatchaButtonToggleModule {
|
|
4358
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4359
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4512
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaButtonToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4513
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaButtonToggleModule, declarations: [MatchaButtonToggleComponent], imports: [CommonModule,
|
|
4360
4514
|
MatchaTooltipModule], exports: [MatchaButtonToggleComponent] }); }
|
|
4361
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4515
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaButtonToggleModule, imports: [CommonModule,
|
|
4362
4516
|
MatchaTooltipModule] }); }
|
|
4363
4517
|
}
|
|
4364
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4518
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaButtonToggleModule, decorators: [{
|
|
4365
4519
|
type: NgModule,
|
|
4366
4520
|
args: [{
|
|
4367
4521
|
declarations: [MatchaButtonToggleComponent],
|
|
@@ -4374,8 +4528,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4374
4528
|
}] });
|
|
4375
4529
|
|
|
4376
4530
|
class MatchaToolbarModule {
|
|
4377
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4378
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4531
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4532
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaToolbarModule, declarations: [MatchaToolbarComponent,
|
|
4379
4533
|
MatchaToolbarButtonComponent,
|
|
4380
4534
|
MatchaToolbarContentComponent,
|
|
4381
4535
|
MatchaToolbarMainButtonComponent,
|
|
@@ -4388,12 +4542,12 @@ class MatchaToolbarModule {
|
|
|
4388
4542
|
MatchaToolbarMainButtonComponent,
|
|
4389
4543
|
MatchaToolbarCustomButtonComponent,
|
|
4390
4544
|
MatchaTitleModule] }); }
|
|
4391
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4545
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaToolbarModule, imports: [CommonModule,
|
|
4392
4546
|
MatchaButtonModule,
|
|
4393
4547
|
MatchaTitleModule,
|
|
4394
4548
|
MatchaTooltipModule, MatchaTitleModule] }); }
|
|
4395
4549
|
}
|
|
4396
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaToolbarModule, decorators: [{
|
|
4397
4551
|
type: NgModule,
|
|
4398
4552
|
args: [{
|
|
4399
4553
|
declarations: [
|
|
@@ -4421,11 +4575,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4421
4575
|
}] });
|
|
4422
4576
|
|
|
4423
4577
|
class MatchaGridModule {
|
|
4424
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4425
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4426
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4578
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4579
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaGridModule, declarations: [MatchaGridComponent], imports: [CommonModule], exports: [MatchaGridComponent] }); }
|
|
4580
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaGridModule, imports: [CommonModule] }); }
|
|
4427
4581
|
}
|
|
4428
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4582
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaGridModule, decorators: [{
|
|
4429
4583
|
type: NgModule,
|
|
4430
4584
|
args: [{
|
|
4431
4585
|
declarations: [MatchaGridComponent],
|
|
@@ -4435,11 +4589,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4435
4589
|
}] });
|
|
4436
4590
|
|
|
4437
4591
|
class MatchaFormFieldModule {
|
|
4438
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4439
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4440
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4592
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4593
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaFormFieldModule, declarations: [MatchaFormFieldComponent, MatchaLabelComponent, MatchaErrorComponent], imports: [CommonModule, MatchaIconModule], exports: [MatchaFormFieldComponent, MatchaLabelComponent, MatchaErrorComponent] }); }
|
|
4594
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaFormFieldModule, imports: [CommonModule, MatchaIconModule] }); }
|
|
4441
4595
|
}
|
|
4442
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaFormFieldModule, decorators: [{
|
|
4443
4597
|
type: NgModule,
|
|
4444
4598
|
args: [{
|
|
4445
4599
|
declarations: [MatchaFormFieldComponent, MatchaLabelComponent, MatchaErrorComponent],
|
|
@@ -4448,98 +4602,168 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4448
4602
|
}]
|
|
4449
4603
|
}] });
|
|
4450
4604
|
|
|
4451
|
-
class
|
|
4452
|
-
|
|
4453
|
-
|
|
4454
|
-
|
|
4455
|
-
}
|
|
4456
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImport: i0, type: MatchaOptionModule, decorators: [{
|
|
4457
|
-
type: NgModule,
|
|
4458
|
-
args: [{
|
|
4459
|
-
declarations: [MatchaOptionComponent],
|
|
4460
|
-
imports: [CommonModule],
|
|
4461
|
-
exports: [MatchaOptionComponent],
|
|
4462
|
-
}]
|
|
4463
|
-
}] });
|
|
4464
|
-
|
|
4465
|
-
class MatchaAutocompleteDirective {
|
|
4466
|
-
displayAutocomplete() {
|
|
4467
|
-
this.matchaOptionService.setCanShowOptions(true);
|
|
4605
|
+
class MatchaAutocompleteTriggerDirective {
|
|
4606
|
+
constructor(el) {
|
|
4607
|
+
this.el = el;
|
|
4608
|
+
this.subs = new Subscription();
|
|
4468
4609
|
}
|
|
4469
|
-
|
|
4470
|
-
|
|
4471
|
-
|
|
4472
|
-
|
|
4473
|
-
|
|
4474
|
-
|
|
4475
|
-
|
|
4610
|
+
ngAfterViewInit() {
|
|
4611
|
+
if (!this.panel) {
|
|
4612
|
+
throw new Error('Você precisa passar uma referência para <matcha-autocomplete> ex: [matchaAutocomplete]="auto"');
|
|
4613
|
+
}
|
|
4614
|
+
this.panel.attachTo(this.el.nativeElement);
|
|
4615
|
+
// close panel ao clicar fora
|
|
4616
|
+
const clickSub = fromEvent(document, 'click').pipe(filter((ev) => {
|
|
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);
|
|
4476
4621
|
}
|
|
4477
|
-
|
|
4478
|
-
|
|
4622
|
+
ngOnDestroy() {
|
|
4623
|
+
this.subs.unsubscribe();
|
|
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) {
|
|
4479
4646
|
case 'ArrowDown':
|
|
4480
|
-
|
|
4647
|
+
ev.preventDefault();
|
|
4648
|
+
this.panel.highlightNext();
|
|
4481
4649
|
break;
|
|
4482
4650
|
case 'ArrowUp':
|
|
4483
|
-
|
|
4651
|
+
ev.preventDefault();
|
|
4652
|
+
this.panel.highlightPrevious();
|
|
4484
4653
|
break;
|
|
4485
4654
|
case 'Enter':
|
|
4486
|
-
|
|
4655
|
+
ev.preventDefault();
|
|
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
|
+
});
|
|
4487
4663
|
break;
|
|
4488
|
-
|
|
4664
|
+
case 'Escape':
|
|
4665
|
+
ev.preventDefault();
|
|
4666
|
+
this.panel.closePanel();
|
|
4489
4667
|
break;
|
|
4490
4668
|
}
|
|
4491
4669
|
}
|
|
4492
|
-
|
|
4493
|
-
|
|
4494
|
-
|
|
4495
|
-
|
|
4496
|
-
|
|
4497
|
-
|
|
4498
|
-
|
|
4499
|
-
|
|
4500
|
-
|
|
4501
|
-
|
|
4502
|
-
|
|
4503
|
-
|
|
4504
|
-
|
|
4505
|
-
|
|
4506
|
-
this.matchaOptionService.setCanShowOptions(false);
|
|
4507
|
-
this._elementRef.nativeElement.blur();
|
|
4670
|
+
// Se uma opção for selecionada via click (o matcha-option notifica o pai que faz close),
|
|
4671
|
+
// lemos selectedValue e escrevemos no input. Como o selectOption do painel fecha imediatamente,
|
|
4672
|
+
// precisamos observar mudanças no DOM/QueryList ou checar logo após close.
|
|
4673
|
+
// Simples solução: observar clicks nas options via delegation:
|
|
4674
|
+
onDocClick(ev) {
|
|
4675
|
+
const target = ev.target;
|
|
4676
|
+
// if clicked inside an option that belongs to this panel
|
|
4677
|
+
if (!this.panel || !this.panel.open) {
|
|
4678
|
+
// se painel fechado, pode ter sido selecionado; então buscarmos selected value
|
|
4679
|
+
setTimeout(() => {
|
|
4680
|
+
const val = this.panel.getSelectedValue();
|
|
4681
|
+
if (val !== undefined)
|
|
4682
|
+
this.writeValueToInput(val);
|
|
4683
|
+
}, 10);
|
|
4508
4684
|
}
|
|
4509
4685
|
}
|
|
4510
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4511
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4686
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAutocompleteTriggerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4687
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaAutocompleteTriggerDirective, isStandalone: false, selector: "[matchaAutocomplete]", inputs: { panel: ["matchaAutocomplete", "panel"] }, host: { listeners: { "focus": "onFocus()", "input": "onInput($event)", "keydown": "onKeydown($event)", "document:click": "onDocClick($event)" } }, ngImport: i0 }); }
|
|
4512
4688
|
}
|
|
4513
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4689
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAutocompleteTriggerDirective, decorators: [{
|
|
4514
4690
|
type: Directive,
|
|
4515
4691
|
args: [{
|
|
4516
4692
|
selector: '[matchaAutocomplete]',
|
|
4517
4693
|
standalone: false,
|
|
4518
4694
|
}]
|
|
4519
|
-
}], ctorParameters: () => [{ type:
|
|
4520
|
-
type: Input
|
|
4521
|
-
|
|
4695
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { panel: [{
|
|
4696
|
+
type: Input,
|
|
4697
|
+
args: ['matchaAutocomplete']
|
|
4698
|
+
}], onFocus: [{
|
|
4522
4699
|
type: HostListener,
|
|
4523
4700
|
args: ['focus']
|
|
4524
|
-
}],
|
|
4701
|
+
}], onInput: [{
|
|
4525
4702
|
type: HostListener,
|
|
4526
|
-
args: ['
|
|
4527
|
-
}],
|
|
4703
|
+
args: ['input', ['$event']]
|
|
4704
|
+
}], onKeydown: [{
|
|
4528
4705
|
type: HostListener,
|
|
4529
4706
|
args: ['keydown', ['$event']]
|
|
4707
|
+
}], onDocClick: [{
|
|
4708
|
+
type: HostListener,
|
|
4709
|
+
args: ['document:click', ['$event']]
|
|
4530
4710
|
}] } });
|
|
4531
4711
|
|
|
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
|
+
|
|
4532
4732
|
class MatchaAutocompleteModule {
|
|
4533
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4534
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4535
|
-
|
|
4733
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4734
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaAutocompleteModule, declarations: [MatchaAutocompleteComponent,
|
|
4735
|
+
MatchaAutocompleteTriggerDirective], imports: [CommonModule,
|
|
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
|
+
] }); }
|
|
4536
4746
|
}
|
|
4537
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4747
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaAutocompleteModule, decorators: [{
|
|
4538
4748
|
type: NgModule,
|
|
4539
4749
|
args: [{
|
|
4540
|
-
declarations: [
|
|
4541
|
-
|
|
4542
|
-
|
|
4750
|
+
declarations: [
|
|
4751
|
+
MatchaAutocompleteComponent,
|
|
4752
|
+
MatchaAutocompleteTriggerDirective
|
|
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
|
+
]
|
|
4543
4767
|
}]
|
|
4544
4768
|
}] });
|
|
4545
4769
|
|
|
@@ -4550,10 +4774,10 @@ class MatchaBadgeDirective {
|
|
|
4550
4774
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
4551
4775
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-badge');
|
|
4552
4776
|
}
|
|
4553
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4554
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4777
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaBadgeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4778
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaBadgeDirective, isStandalone: false, selector: "[matcha-badge]", ngImport: i0 }); }
|
|
4555
4779
|
}
|
|
4556
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4780
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaBadgeDirective, decorators: [{
|
|
4557
4781
|
type: Directive,
|
|
4558
4782
|
args: [{
|
|
4559
4783
|
selector: '[matcha-badge]',
|
|
@@ -4562,11 +4786,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4562
4786
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
4563
4787
|
|
|
4564
4788
|
class MatchaBadgeModule {
|
|
4565
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4566
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4567
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4789
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4790
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaBadgeModule, declarations: [MatchaBadgeDirective], exports: [MatchaBadgeDirective] }); }
|
|
4791
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaBadgeModule }); }
|
|
4568
4792
|
}
|
|
4569
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4793
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaBadgeModule, decorators: [{
|
|
4570
4794
|
type: NgModule,
|
|
4571
4795
|
args: [{
|
|
4572
4796
|
declarations: [MatchaBadgeDirective],
|
|
@@ -4576,11 +4800,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4576
4800
|
}] });
|
|
4577
4801
|
|
|
4578
4802
|
class MatchaRippleModule {
|
|
4579
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4580
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4581
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4803
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4804
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaRippleModule, declarations: [MatchaRippleDirective], imports: [CommonModule], exports: [MatchaRippleDirective] }); }
|
|
4805
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaRippleModule, imports: [CommonModule] }); }
|
|
4582
4806
|
}
|
|
4583
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4807
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaRippleModule, decorators: [{
|
|
4584
4808
|
type: NgModule,
|
|
4585
4809
|
args: [{
|
|
4586
4810
|
declarations: [
|
|
@@ -4596,11 +4820,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4596
4820
|
}] });
|
|
4597
4821
|
|
|
4598
4822
|
class MatchaCheckboxModule {
|
|
4599
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4600
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4601
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4823
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4824
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaCheckboxModule, declarations: [MatchaCheckboxComponent], imports: [CommonModule, MatchaRippleModule], exports: [MatchaCheckboxComponent] }); }
|
|
4825
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaCheckboxModule, imports: [CommonModule, MatchaRippleModule] }); }
|
|
4602
4826
|
}
|
|
4603
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4827
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaCheckboxModule, decorators: [{
|
|
4604
4828
|
type: NgModule,
|
|
4605
4829
|
args: [{
|
|
4606
4830
|
declarations: [
|
|
@@ -4620,10 +4844,10 @@ class MatchaChipsDirective {
|
|
|
4620
4844
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
4621
4845
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-chips');
|
|
4622
4846
|
}
|
|
4623
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4624
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4847
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaChipsDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4848
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaChipsDirective, isStandalone: false, selector: "[matchaChips]", ngImport: i0 }); }
|
|
4625
4849
|
}
|
|
4626
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4850
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaChipsDirective, decorators: [{
|
|
4627
4851
|
type: Directive,
|
|
4628
4852
|
args: [{
|
|
4629
4853
|
selector: '[matchaChips]',
|
|
@@ -4632,11 +4856,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4632
4856
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
4633
4857
|
|
|
4634
4858
|
class MatchaChipsModule {
|
|
4635
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4636
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4637
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4859
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4860
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaChipsModule, declarations: [MatchaChipsDirective], exports: [MatchaChipsDirective] }); }
|
|
4861
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaChipsModule }); }
|
|
4638
4862
|
}
|
|
4639
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4863
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaChipsModule, decorators: [{
|
|
4640
4864
|
type: NgModule,
|
|
4641
4865
|
args: [{
|
|
4642
4866
|
declarations: [MatchaChipsDirective],
|
|
@@ -4654,10 +4878,10 @@ class MatchaDatepickerDirective {
|
|
|
4654
4878
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
4655
4879
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-datepicker');
|
|
4656
4880
|
}
|
|
4657
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4658
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4881
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDatepickerDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4882
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaDatepickerDirective, isStandalone: false, selector: "[matcha-datepicker]", ngImport: i0 }); }
|
|
4659
4883
|
}
|
|
4660
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4884
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDatepickerDirective, decorators: [{
|
|
4661
4885
|
type: Directive,
|
|
4662
4886
|
args: [{
|
|
4663
4887
|
selector: '[matcha-datepicker]',
|
|
@@ -4666,11 +4890,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4666
4890
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
4667
4891
|
|
|
4668
4892
|
class MatchaDatepickerModule {
|
|
4669
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4670
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4671
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4893
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4894
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaDatepickerModule, declarations: [MatchaDatepickerDirective], exports: [MatchaDatepickerDirective] }); }
|
|
4895
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDatepickerModule }); }
|
|
4672
4896
|
}
|
|
4673
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4897
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDatepickerModule, decorators: [{
|
|
4674
4898
|
type: NgModule,
|
|
4675
4899
|
args: [{
|
|
4676
4900
|
declarations: [MatchaDatepickerDirective],
|
|
@@ -4680,13 +4904,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4680
4904
|
}] });
|
|
4681
4905
|
|
|
4682
4906
|
class MatchaHintTextModule {
|
|
4683
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4684
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4907
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaHintTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4908
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaHintTextModule, declarations: [MatchaHintTextComponent], imports: [CommonModule,
|
|
4685
4909
|
MatchaIconModule], exports: [MatchaHintTextComponent] }); }
|
|
4686
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4910
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaHintTextModule, imports: [CommonModule,
|
|
4687
4911
|
MatchaIconModule] }); }
|
|
4688
4912
|
}
|
|
4689
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4913
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaHintTextModule, decorators: [{
|
|
4690
4914
|
type: NgModule,
|
|
4691
4915
|
args: [{
|
|
4692
4916
|
declarations: [MatchaHintTextComponent],
|
|
@@ -4705,10 +4929,10 @@ class MatchaInputDirective {
|
|
|
4705
4929
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
4706
4930
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-input');
|
|
4707
4931
|
}
|
|
4708
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4709
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4932
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaInputDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4933
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaInputDirective, isStandalone: false, selector: "[matcha-input]", ngImport: i0 }); }
|
|
4710
4934
|
}
|
|
4711
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4935
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaInputDirective, decorators: [{
|
|
4712
4936
|
type: Directive,
|
|
4713
4937
|
args: [{
|
|
4714
4938
|
selector: '[matcha-input]',
|
|
@@ -4717,11 +4941,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4717
4941
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
4718
4942
|
|
|
4719
4943
|
class MatchaInputModule {
|
|
4720
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4721
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4722
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
4944
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4945
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaInputModule, declarations: [MatchaInputDirective], exports: [MatchaInputDirective] }); }
|
|
4946
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaInputModule }); }
|
|
4723
4947
|
}
|
|
4724
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4948
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaInputModule, decorators: [{
|
|
4725
4949
|
type: NgModule,
|
|
4726
4950
|
args: [{
|
|
4727
4951
|
declarations: [MatchaInputDirective],
|
|
@@ -4751,10 +4975,10 @@ class MatchaMenuTriggerForDirective {
|
|
|
4751
4975
|
this.menu.closeMenu();
|
|
4752
4976
|
}
|
|
4753
4977
|
}
|
|
4754
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4755
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
4978
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaMenuTriggerForDirective, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4979
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaMenuTriggerForDirective, isStandalone: false, selector: "[matchaMenuTriggerFor]", inputs: { menu: ["matchaMenuTriggerFor", "menu"] }, host: { listeners: { "click": "onClick($event)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, exportAs: ["matchaMenuTriggerFor"], ngImport: i0 }); }
|
|
4756
4980
|
}
|
|
4757
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
4981
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaMenuTriggerForDirective, decorators: [{
|
|
4758
4982
|
type: Directive,
|
|
4759
4983
|
args: [{
|
|
4760
4984
|
selector: '[matchaMenuTriggerFor]',
|
|
@@ -4782,13 +5006,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4782
5006
|
}] } });
|
|
4783
5007
|
|
|
4784
5008
|
class MatchaMenuModule {
|
|
4785
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4786
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5009
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5010
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaMenuModule, declarations: [MatchaMenuComponent,
|
|
4787
5011
|
MatchaMenuTriggerForDirective], imports: [CommonModule], exports: [MatchaMenuComponent,
|
|
4788
5012
|
MatchaMenuTriggerForDirective] }); }
|
|
4789
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5013
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaMenuModule, imports: [CommonModule] }); }
|
|
4790
5014
|
}
|
|
4791
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5015
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaMenuModule, decorators: [{
|
|
4792
5016
|
type: NgModule,
|
|
4793
5017
|
args: [{
|
|
4794
5018
|
declarations: [
|
|
@@ -4847,10 +5071,10 @@ class MatchaOverflowDraggableComponent {
|
|
|
4847
5071
|
const activeClasses = `${draggableReference}`;
|
|
4848
5072
|
return activeClasses;
|
|
4849
5073
|
}
|
|
4850
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4851
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.
|
|
5074
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaOverflowDraggableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5075
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", 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: [""] }); }
|
|
4852
5076
|
}
|
|
4853
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5077
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaOverflowDraggableComponent, decorators: [{
|
|
4854
5078
|
type: Component,
|
|
4855
5079
|
args: [{ selector: 'matcha-overflow-draggable', standalone: false, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
4856
5080
|
}], propDecorators: { dragRef: [{
|
|
@@ -4864,10 +5088,10 @@ class MatchaPaginatorDirective {
|
|
|
4864
5088
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
4865
5089
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-paginator');
|
|
4866
5090
|
}
|
|
4867
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4868
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5091
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaPaginatorDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5092
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaPaginatorDirective, isStandalone: false, selector: "[matchaPaginator]", ngImport: i0 }); }
|
|
4869
5093
|
}
|
|
4870
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5094
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaPaginatorDirective, decorators: [{
|
|
4871
5095
|
type: Directive,
|
|
4872
5096
|
args: [{
|
|
4873
5097
|
selector: '[matchaPaginator]',
|
|
@@ -4876,11 +5100,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4876
5100
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
4877
5101
|
|
|
4878
5102
|
class MatchaPaginatorModule {
|
|
4879
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4880
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4881
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5104
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaPaginatorModule, declarations: [MatchaPaginatorDirective], imports: [CommonModule], exports: [MatchaPaginatorDirective] }); }
|
|
5105
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaPaginatorModule, imports: [CommonModule] }); }
|
|
4882
5106
|
}
|
|
4883
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaPaginatorModule, decorators: [{
|
|
4884
5108
|
type: NgModule,
|
|
4885
5109
|
args: [{
|
|
4886
5110
|
declarations: [MatchaPaginatorDirective],
|
|
@@ -4896,10 +5120,10 @@ class MatchaProgressBarDirective {
|
|
|
4896
5120
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
4897
5121
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-progress-bar');
|
|
4898
5122
|
}
|
|
4899
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4900
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5123
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaProgressBarDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5124
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaProgressBarDirective, isStandalone: false, selector: "[matcha-progress-bar]", ngImport: i0 }); }
|
|
4901
5125
|
}
|
|
4902
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5126
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaProgressBarDirective, decorators: [{
|
|
4903
5127
|
type: Directive,
|
|
4904
5128
|
args: [{
|
|
4905
5129
|
selector: '[matcha-progress-bar]',
|
|
@@ -4908,11 +5132,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4908
5132
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
4909
5133
|
|
|
4910
5134
|
class MatchaProgressBarModule {
|
|
4911
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4912
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4913
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5135
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5136
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaProgressBarModule, declarations: [MatchaProgressBarDirective], imports: [CommonModule], exports: [MatchaProgressBarDirective] }); }
|
|
5137
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaProgressBarModule, imports: [CommonModule] }); }
|
|
4914
5138
|
}
|
|
4915
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaProgressBarModule, decorators: [{
|
|
4916
5140
|
type: NgModule,
|
|
4917
5141
|
args: [{
|
|
4918
5142
|
declarations: [MatchaProgressBarDirective],
|
|
@@ -4932,10 +5156,10 @@ class MatchaSelectDirective {
|
|
|
4932
5156
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
4933
5157
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-select');
|
|
4934
5158
|
}
|
|
4935
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4936
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5159
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSelectDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5160
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaSelectDirective, isStandalone: false, selector: "[matcha-select]", ngImport: i0 }); }
|
|
4937
5161
|
}
|
|
4938
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSelectDirective, decorators: [{
|
|
4939
5163
|
type: Directive,
|
|
4940
5164
|
args: [{
|
|
4941
5165
|
selector: '[matcha-select]',
|
|
@@ -4944,11 +5168,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4944
5168
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
4945
5169
|
|
|
4946
5170
|
class MatchaSelectModule {
|
|
4947
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4948
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4949
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5171
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5172
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaSelectModule, declarations: [MatchaSelectDirective], imports: [CommonModule], exports: [MatchaSelectDirective] }); }
|
|
5173
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSelectModule, imports: [CommonModule] }); }
|
|
4950
5174
|
}
|
|
4951
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSelectModule, decorators: [{
|
|
4952
5176
|
type: NgModule,
|
|
4953
5177
|
args: [{
|
|
4954
5178
|
declarations: [MatchaSelectDirective],
|
|
@@ -4964,10 +5188,10 @@ class MatchaSidenavDirective {
|
|
|
4964
5188
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
4965
5189
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-sidenav');
|
|
4966
5190
|
}
|
|
4967
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4968
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5191
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSidenavDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5192
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaSidenavDirective, isStandalone: false, selector: "[matcha-sidenav]", ngImport: i0 }); }
|
|
4969
5193
|
}
|
|
4970
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5194
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSidenavDirective, decorators: [{
|
|
4971
5195
|
type: Directive,
|
|
4972
5196
|
args: [{
|
|
4973
5197
|
selector: '[matcha-sidenav]',
|
|
@@ -4976,11 +5200,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4976
5200
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
4977
5201
|
|
|
4978
5202
|
class MatchaSidenavModule {
|
|
4979
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4980
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4981
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5203
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5204
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaSidenavModule, declarations: [MatchaSidenavDirective], imports: [CommonModule], exports: [MatchaSidenavDirective] }); }
|
|
5205
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSidenavModule, imports: [CommonModule] }); }
|
|
4982
5206
|
}
|
|
4983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5207
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSidenavModule, decorators: [{
|
|
4984
5208
|
type: NgModule,
|
|
4985
5209
|
args: [{
|
|
4986
5210
|
declarations: [MatchaSidenavDirective],
|
|
@@ -4990,11 +5214,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
4990
5214
|
}] });
|
|
4991
5215
|
|
|
4992
5216
|
class MatchaSlideToggleModule {
|
|
4993
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
4994
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
4995
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5217
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSlideToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5218
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaSlideToggleModule, declarations: [MatchaSlideToggleComponent], imports: [CommonModule, FormsModule], exports: [MatchaSlideToggleComponent] }); }
|
|
5219
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSlideToggleModule, imports: [CommonModule, FormsModule] }); }
|
|
4996
5220
|
}
|
|
4997
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSlideToggleModule, decorators: [{
|
|
4998
5222
|
type: NgModule,
|
|
4999
5223
|
args: [{
|
|
5000
5224
|
declarations: [MatchaSlideToggleComponent],
|
|
@@ -5012,10 +5236,10 @@ class MatchaSliderDirective {
|
|
|
5012
5236
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
5013
5237
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-slider');
|
|
5014
5238
|
}
|
|
5015
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5016
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5239
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSliderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5240
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaSliderDirective, isStandalone: false, selector: "[matchaSlider]", ngImport: i0 }); }
|
|
5017
5241
|
}
|
|
5018
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5242
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSliderDirective, decorators: [{
|
|
5019
5243
|
type: Directive,
|
|
5020
5244
|
args: [{
|
|
5021
5245
|
selector: '[matchaSlider]',
|
|
@@ -5024,11 +5248,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5024
5248
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
5025
5249
|
|
|
5026
5250
|
class MatchaSliderModule {
|
|
5027
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5028
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5029
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5251
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5252
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaSliderModule, declarations: [MatchaSliderDirective], imports: [CommonModule], exports: [MatchaSliderDirective] }); }
|
|
5253
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSliderModule, imports: [CommonModule] }); }
|
|
5030
5254
|
}
|
|
5031
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5255
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSliderModule, decorators: [{
|
|
5032
5256
|
type: NgModule,
|
|
5033
5257
|
args: [{
|
|
5034
5258
|
declarations: [MatchaSliderDirective],
|
|
@@ -5046,10 +5270,10 @@ class MatchaSnackBarDirective {
|
|
|
5046
5270
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
5047
5271
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-snackbar');
|
|
5048
5272
|
}
|
|
5049
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5050
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5273
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSnackBarDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5274
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaSnackBarDirective, isStandalone: false, selector: "[matchaSnackBar]", ngImport: i0 }); }
|
|
5051
5275
|
}
|
|
5052
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5276
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSnackBarDirective, decorators: [{
|
|
5053
5277
|
type: Directive,
|
|
5054
5278
|
args: [{
|
|
5055
5279
|
selector: '[matchaSnackBar]',
|
|
@@ -5058,11 +5282,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5058
5282
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
5059
5283
|
|
|
5060
5284
|
class MatchaSnackBarModule {
|
|
5061
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5062
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5063
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5285
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSnackBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5286
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaSnackBarModule, declarations: [MatchaSnackBarDirective], imports: [CommonModule], exports: [MatchaSnackBarDirective] }); }
|
|
5287
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSnackBarModule, imports: [CommonModule] }); }
|
|
5064
5288
|
}
|
|
5065
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5289
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSnackBarModule, decorators: [{
|
|
5066
5290
|
type: NgModule,
|
|
5067
5291
|
args: [{
|
|
5068
5292
|
declarations: [MatchaSnackBarDirective],
|
|
@@ -5078,10 +5302,10 @@ class MatchaSortHeaderDirective {
|
|
|
5078
5302
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
5079
5303
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-sort-header');
|
|
5080
5304
|
}
|
|
5081
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5082
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5305
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSortHeaderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5306
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaSortHeaderDirective, isStandalone: false, selector: "[matchaSortHeader]", ngImport: i0 }); }
|
|
5083
5307
|
}
|
|
5084
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSortHeaderDirective, decorators: [{
|
|
5085
5309
|
type: Directive,
|
|
5086
5310
|
args: [{
|
|
5087
5311
|
selector: '[matchaSortHeader]',
|
|
@@ -5090,11 +5314,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5090
5314
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
5091
5315
|
|
|
5092
5316
|
class MatchaSortHeaderModule {
|
|
5093
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5094
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5095
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5317
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSortHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5318
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaSortHeaderModule, declarations: [MatchaSortHeaderDirective], imports: [CommonModule], exports: [MatchaSortHeaderDirective] }); }
|
|
5319
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSortHeaderModule, imports: [CommonModule] }); }
|
|
5096
5320
|
}
|
|
5097
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5321
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSortHeaderModule, decorators: [{
|
|
5098
5322
|
type: NgModule,
|
|
5099
5323
|
args: [{
|
|
5100
5324
|
declarations: [MatchaSortHeaderDirective],
|
|
@@ -5104,11 +5328,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5104
5328
|
}] });
|
|
5105
5329
|
|
|
5106
5330
|
class MatchaSpinModule {
|
|
5107
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5108
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5109
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5331
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSpinModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5332
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaSpinModule, declarations: [MatchaSpinComponent], imports: [CommonModule], exports: [MatchaSpinComponent] }); }
|
|
5333
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSpinModule, imports: [CommonModule] }); }
|
|
5110
5334
|
}
|
|
5111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5335
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSpinModule, decorators: [{
|
|
5112
5336
|
type: NgModule,
|
|
5113
5337
|
args: [{
|
|
5114
5338
|
declarations: [MatchaSpinComponent],
|
|
@@ -5120,11 +5344,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5120
5344
|
}] });
|
|
5121
5345
|
|
|
5122
5346
|
class MatchaSpinnerModule {
|
|
5123
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5124
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5125
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5347
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5348
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaSpinnerModule, declarations: [MatchaSpinnerComponent], imports: [CommonModule], exports: [MatchaSpinnerComponent] }); }
|
|
5349
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSpinnerModule, imports: [CommonModule] }); }
|
|
5126
5350
|
}
|
|
5127
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSpinnerModule, decorators: [{
|
|
5128
5352
|
type: NgModule,
|
|
5129
5353
|
args: [{
|
|
5130
5354
|
declarations: [MatchaSpinnerComponent],
|
|
@@ -5142,10 +5366,10 @@ class MatchaTableDirective {
|
|
|
5142
5366
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
5143
5367
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-table');
|
|
5144
5368
|
}
|
|
5145
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5146
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5369
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5370
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaTableDirective, isStandalone: false, selector: "[matchaTable]", ngImport: i0 }); }
|
|
5147
5371
|
}
|
|
5148
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5372
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTableDirective, decorators: [{
|
|
5149
5373
|
type: Directive,
|
|
5150
5374
|
args: [{
|
|
5151
5375
|
selector: '[matchaTable]',
|
|
@@ -5154,11 +5378,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5154
5378
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
5155
5379
|
|
|
5156
5380
|
class MatchaTableModule {
|
|
5157
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5158
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5159
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5381
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5382
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaTableModule, declarations: [MatchaTableDirective], imports: [CommonModule], exports: [MatchaTableDirective] }); }
|
|
5383
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTableModule, imports: [CommonModule] }); }
|
|
5160
5384
|
}
|
|
5161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTableModule, decorators: [{
|
|
5162
5386
|
type: NgModule,
|
|
5163
5387
|
args: [{
|
|
5164
5388
|
declarations: [MatchaTableDirective],
|
|
@@ -5168,15 +5392,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5168
5392
|
}] });
|
|
5169
5393
|
|
|
5170
5394
|
class MatchaTabsModule {
|
|
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.
|
|
5395
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5396
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaTabsModule, declarations: [MatchaTabsComponent, MatchaTabItemComponent], imports: [CommonModule,
|
|
5173
5397
|
MatchaTooltipModule,
|
|
5174
5398
|
MatchaIconModule], exports: [MatchaTabsComponent, MatchaTabItemComponent] }); }
|
|
5175
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5399
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTabsModule, imports: [CommonModule,
|
|
5176
5400
|
MatchaTooltipModule,
|
|
5177
5401
|
MatchaIconModule] }); }
|
|
5178
5402
|
}
|
|
5179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5403
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTabsModule, decorators: [{
|
|
5180
5404
|
type: NgModule,
|
|
5181
5405
|
args: [{
|
|
5182
5406
|
declarations: [MatchaTabsComponent, MatchaTabItemComponent],
|
|
@@ -5190,13 +5414,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5190
5414
|
}] });
|
|
5191
5415
|
|
|
5192
5416
|
class MatchaDateModule {
|
|
5193
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5194
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5417
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5418
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaDateModule, declarations: [MatchaDateComponent], imports: [CommonModule,
|
|
5195
5419
|
ReactiveFormsModule], exports: [MatchaDateComponent] }); }
|
|
5196
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5420
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDateModule, imports: [CommonModule,
|
|
5197
5421
|
ReactiveFormsModule] }); }
|
|
5198
5422
|
}
|
|
5199
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5423
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDateModule, decorators: [{
|
|
5200
5424
|
type: NgModule,
|
|
5201
5425
|
args: [{
|
|
5202
5426
|
declarations: [MatchaDateComponent],
|
|
@@ -5209,13 +5433,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5209
5433
|
}] });
|
|
5210
5434
|
|
|
5211
5435
|
class MatchaTimeModule {
|
|
5212
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5213
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5436
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5437
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaTimeModule, declarations: [MatchaTimeComponent], imports: [CommonModule,
|
|
5214
5438
|
ReactiveFormsModule], exports: [MatchaTimeComponent] }); }
|
|
5215
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5439
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTimeModule, imports: [CommonModule,
|
|
5216
5440
|
ReactiveFormsModule] }); }
|
|
5217
5441
|
}
|
|
5218
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5442
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaTimeModule, decorators: [{
|
|
5219
5443
|
type: NgModule,
|
|
5220
5444
|
args: [{
|
|
5221
5445
|
declarations: [MatchaTimeComponent],
|
|
@@ -5234,10 +5458,10 @@ class PrevStepDirective {
|
|
|
5234
5458
|
onClick() {
|
|
5235
5459
|
this.stepper?.prevStep();
|
|
5236
5460
|
}
|
|
5237
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5238
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5461
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PrevStepDirective, deps: [{ token: MatchaStepperContentComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5462
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: PrevStepDirective, isStandalone: true, selector: "[prevStep]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
|
5239
5463
|
}
|
|
5240
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5464
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PrevStepDirective, decorators: [{
|
|
5241
5465
|
type: Directive,
|
|
5242
5466
|
args: [{
|
|
5243
5467
|
selector: '[prevStep]',
|
|
@@ -5255,10 +5479,10 @@ class NextStepDirective {
|
|
|
5255
5479
|
onClick() {
|
|
5256
5480
|
this.stepper?.nextStep();
|
|
5257
5481
|
}
|
|
5258
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5259
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5482
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NextStepDirective, deps: [{ token: MatchaStepperContentComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5483
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: NextStepDirective, isStandalone: true, selector: "[nextStep]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
|
5260
5484
|
}
|
|
5261
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5485
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NextStepDirective, decorators: [{
|
|
5262
5486
|
type: Directive,
|
|
5263
5487
|
args: [{
|
|
5264
5488
|
selector: '[nextStep]',
|
|
@@ -5270,8 +5494,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5270
5494
|
}] } });
|
|
5271
5495
|
|
|
5272
5496
|
class MatchaStepperModule {
|
|
5273
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5274
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5497
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5498
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaStepperModule, declarations: [MatchaStepperControllerComponent,
|
|
5275
5499
|
MatchaStepperComponent,
|
|
5276
5500
|
MatchaStepperContentComponent,
|
|
5277
5501
|
StepComponent], imports: [CommonModule,
|
|
@@ -5282,9 +5506,9 @@ class MatchaStepperModule {
|
|
|
5282
5506
|
StepComponent,
|
|
5283
5507
|
PrevStepDirective,
|
|
5284
5508
|
NextStepDirective] }); }
|
|
5285
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5509
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaStepperModule, imports: [CommonModule] }); }
|
|
5286
5510
|
}
|
|
5287
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5511
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaStepperModule, decorators: [{
|
|
5288
5512
|
type: NgModule,
|
|
5289
5513
|
args: [{
|
|
5290
5514
|
declarations: [
|
|
@@ -5321,10 +5545,10 @@ class MatchaDragHandleDirective {
|
|
|
5321
5545
|
ngOnInit() {
|
|
5322
5546
|
this.dragDirective.setDragHandle(this.elementRef.nativeElement);
|
|
5323
5547
|
}
|
|
5324
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5325
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5548
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDragHandleDirective, deps: [{ token: i0.ElementRef }, { token: MatchaDragDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5549
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: MatchaDragHandleDirective, isStandalone: false, selector: "[matchaDragHandle]", host: { properties: { "class.matcha-drag-handle": "this.dragHandleClass" } }, ngImport: i0 }); }
|
|
5326
5550
|
}
|
|
5327
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5551
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDragHandleDirective, decorators: [{
|
|
5328
5552
|
type: Directive,
|
|
5329
5553
|
args: [{
|
|
5330
5554
|
selector: '[matchaDragHandle]',
|
|
@@ -5336,17 +5560,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5336
5560
|
}] } });
|
|
5337
5561
|
|
|
5338
5562
|
class MatchaDropListModule {
|
|
5339
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5340
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5563
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDropListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5564
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaDropListModule, declarations: [MatchaDropListComponent,
|
|
5341
5565
|
MatchaDragDirective,
|
|
5342
5566
|
MatchaDragHandleDirective], imports: [CommonModule], exports: [MatchaDropListComponent,
|
|
5343
5567
|
MatchaDragDirective,
|
|
5344
5568
|
MatchaDragHandleDirective] }); }
|
|
5345
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5569
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDropListModule, providers: [
|
|
5346
5570
|
MatchaDropListService
|
|
5347
5571
|
], imports: [CommonModule] }); }
|
|
5348
5572
|
}
|
|
5349
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5573
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDropListModule, decorators: [{
|
|
5350
5574
|
type: NgModule,
|
|
5351
5575
|
args: [{
|
|
5352
5576
|
declarations: [
|
|
@@ -5369,13 +5593,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5369
5593
|
}] });
|
|
5370
5594
|
|
|
5371
5595
|
class MatchaPageLayoutModule {
|
|
5372
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5373
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5596
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaPageLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5597
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaPageLayoutModule, declarations: [MatchaPageLayoutComponent], imports: [CommonModule,
|
|
5374
5598
|
MatchaStepperModule], exports: [MatchaPageLayoutComponent] }); }
|
|
5375
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5599
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaPageLayoutModule, imports: [CommonModule,
|
|
5376
5600
|
MatchaStepperModule] }); }
|
|
5377
5601
|
}
|
|
5378
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5602
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaPageLayoutModule, decorators: [{
|
|
5379
5603
|
type: NgModule,
|
|
5380
5604
|
args: [{
|
|
5381
5605
|
declarations: [
|
|
@@ -5392,11 +5616,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5392
5616
|
}] });
|
|
5393
5617
|
|
|
5394
5618
|
class MatchaRadioModule {
|
|
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.
|
|
5397
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5619
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5620
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaRadioModule, declarations: [MatchaRadioComponent], imports: [CommonModule, MatchaRippleModule], exports: [MatchaRadioComponent] }); }
|
|
5621
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaRadioModule, imports: [CommonModule, MatchaRippleModule] }); }
|
|
5398
5622
|
}
|
|
5399
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5623
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaRadioModule, decorators: [{
|
|
5400
5624
|
type: NgModule,
|
|
5401
5625
|
args: [{
|
|
5402
5626
|
declarations: [
|
|
@@ -5409,14 +5633,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5409
5633
|
}]
|
|
5410
5634
|
}] });
|
|
5411
5635
|
|
|
5636
|
+
class MatchaDrawerModule {
|
|
5637
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5638
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaDrawerModule, declarations: [MatchaDrawerComponent], imports: [CommonModule,
|
|
5639
|
+
MatchaButtonModule], exports: [MatchaDrawerComponent] }); }
|
|
5640
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDrawerModule, imports: [CommonModule,
|
|
5641
|
+
MatchaButtonModule] }); }
|
|
5642
|
+
}
|
|
5643
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaDrawerModule, decorators: [{
|
|
5644
|
+
type: NgModule,
|
|
5645
|
+
args: [{
|
|
5646
|
+
declarations: [
|
|
5647
|
+
MatchaDrawerComponent
|
|
5648
|
+
],
|
|
5649
|
+
imports: [
|
|
5650
|
+
CommonModule,
|
|
5651
|
+
MatchaButtonModule
|
|
5652
|
+
],
|
|
5653
|
+
exports: [
|
|
5654
|
+
MatchaDrawerComponent
|
|
5655
|
+
]
|
|
5656
|
+
}]
|
|
5657
|
+
}] });
|
|
5658
|
+
|
|
5412
5659
|
class MatchaComponentsModule {
|
|
5413
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5414
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5660
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5661
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaComponentsModule, declarations: [MatchaOverflowDraggableComponent], imports: [CommonModule,
|
|
5415
5662
|
FormsModule,
|
|
5416
5663
|
ReactiveFormsModule,
|
|
5417
5664
|
MatchaAccordionModule,
|
|
5418
|
-
MatchaOptionModule,
|
|
5419
5665
|
MatchaAutocompleteModule,
|
|
5666
|
+
MatchaOptionModule,
|
|
5420
5667
|
MatchaBadgeModule,
|
|
5421
5668
|
MatchaButtonModule,
|
|
5422
5669
|
MatchaButtonToggleModule,
|
|
@@ -5456,8 +5703,10 @@ class MatchaComponentsModule {
|
|
|
5456
5703
|
MatchaDateModule,
|
|
5457
5704
|
MatchaTimeModule,
|
|
5458
5705
|
MatchaDropListModule,
|
|
5459
|
-
MatchaPageLayoutModule
|
|
5706
|
+
MatchaPageLayoutModule,
|
|
5707
|
+
MatchaDrawerModule], exports: [MatchaAccordionModule,
|
|
5460
5708
|
MatchaAutocompleteModule,
|
|
5709
|
+
MatchaOptionModule,
|
|
5461
5710
|
MatchaBadgeModule,
|
|
5462
5711
|
MatchaButtonModule,
|
|
5463
5712
|
MatchaButtonToggleModule,
|
|
@@ -5478,7 +5727,6 @@ class MatchaComponentsModule {
|
|
|
5478
5727
|
MatchaMasonryModule,
|
|
5479
5728
|
MatchaMenuModule,
|
|
5480
5729
|
MatchaModalModule,
|
|
5481
|
-
MatchaOptionModule,
|
|
5482
5730
|
MatchaPaginatorModule,
|
|
5483
5731
|
MatchaProgressBarModule,
|
|
5484
5732
|
MatchaRippleModule,
|
|
@@ -5498,13 +5746,14 @@ class MatchaComponentsModule {
|
|
|
5498
5746
|
MatchaDateModule,
|
|
5499
5747
|
MatchaTimeModule,
|
|
5500
5748
|
MatchaDropListModule,
|
|
5501
|
-
MatchaPageLayoutModule
|
|
5502
|
-
|
|
5749
|
+
MatchaPageLayoutModule,
|
|
5750
|
+
MatchaDrawerModule] }); }
|
|
5751
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaComponentsModule, imports: [CommonModule,
|
|
5503
5752
|
FormsModule,
|
|
5504
5753
|
ReactiveFormsModule,
|
|
5505
5754
|
MatchaAccordionModule,
|
|
5506
|
-
MatchaOptionModule,
|
|
5507
5755
|
MatchaAutocompleteModule,
|
|
5756
|
+
MatchaOptionModule,
|
|
5508
5757
|
MatchaBadgeModule,
|
|
5509
5758
|
MatchaButtonModule,
|
|
5510
5759
|
MatchaButtonToggleModule,
|
|
@@ -5544,8 +5793,10 @@ class MatchaComponentsModule {
|
|
|
5544
5793
|
MatchaDateModule,
|
|
5545
5794
|
MatchaTimeModule,
|
|
5546
5795
|
MatchaDropListModule,
|
|
5547
|
-
MatchaPageLayoutModule,
|
|
5796
|
+
MatchaPageLayoutModule,
|
|
5797
|
+
MatchaDrawerModule, MatchaAccordionModule,
|
|
5548
5798
|
MatchaAutocompleteModule,
|
|
5799
|
+
MatchaOptionModule,
|
|
5549
5800
|
MatchaBadgeModule,
|
|
5550
5801
|
MatchaButtonModule,
|
|
5551
5802
|
MatchaButtonToggleModule,
|
|
@@ -5566,7 +5817,6 @@ class MatchaComponentsModule {
|
|
|
5566
5817
|
MatchaMasonryModule,
|
|
5567
5818
|
MatchaMenuModule,
|
|
5568
5819
|
MatchaModalModule,
|
|
5569
|
-
MatchaOptionModule,
|
|
5570
5820
|
MatchaPaginatorModule,
|
|
5571
5821
|
MatchaProgressBarModule,
|
|
5572
5822
|
MatchaRippleModule,
|
|
@@ -5586,9 +5836,10 @@ class MatchaComponentsModule {
|
|
|
5586
5836
|
MatchaDateModule,
|
|
5587
5837
|
MatchaTimeModule,
|
|
5588
5838
|
MatchaDropListModule,
|
|
5589
|
-
MatchaPageLayoutModule
|
|
5839
|
+
MatchaPageLayoutModule,
|
|
5840
|
+
MatchaDrawerModule] }); }
|
|
5590
5841
|
}
|
|
5591
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5842
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaComponentsModule, decorators: [{
|
|
5592
5843
|
type: NgModule,
|
|
5593
5844
|
args: [{
|
|
5594
5845
|
declarations: [MatchaOverflowDraggableComponent],
|
|
@@ -5597,8 +5848,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5597
5848
|
FormsModule,
|
|
5598
5849
|
ReactiveFormsModule,
|
|
5599
5850
|
MatchaAccordionModule,
|
|
5600
|
-
MatchaOptionModule,
|
|
5601
5851
|
MatchaAutocompleteModule,
|
|
5852
|
+
MatchaOptionModule,
|
|
5602
5853
|
MatchaBadgeModule,
|
|
5603
5854
|
MatchaButtonModule,
|
|
5604
5855
|
MatchaButtonToggleModule,
|
|
@@ -5638,10 +5889,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5638
5889
|
MatchaDateModule,
|
|
5639
5890
|
MatchaTimeModule,
|
|
5640
5891
|
MatchaDropListModule,
|
|
5641
|
-
MatchaPageLayoutModule
|
|
5892
|
+
MatchaPageLayoutModule,
|
|
5893
|
+
MatchaDrawerModule
|
|
5642
5894
|
],
|
|
5643
5895
|
exports: [MatchaAccordionModule,
|
|
5644
5896
|
MatchaAutocompleteModule,
|
|
5897
|
+
MatchaOptionModule,
|
|
5645
5898
|
MatchaBadgeModule,
|
|
5646
5899
|
MatchaButtonModule,
|
|
5647
5900
|
MatchaButtonToggleModule,
|
|
@@ -5662,7 +5915,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5662
5915
|
MatchaMasonryModule,
|
|
5663
5916
|
MatchaMenuModule,
|
|
5664
5917
|
MatchaModalModule,
|
|
5665
|
-
MatchaOptionModule,
|
|
5666
5918
|
MatchaPaginatorModule,
|
|
5667
5919
|
MatchaProgressBarModule,
|
|
5668
5920
|
MatchaRippleModule,
|
|
@@ -5682,17 +5934,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5682
5934
|
MatchaDateModule,
|
|
5683
5935
|
MatchaTimeModule,
|
|
5684
5936
|
MatchaDropListModule,
|
|
5685
|
-
MatchaPageLayoutModule
|
|
5937
|
+
MatchaPageLayoutModule,
|
|
5938
|
+
MatchaDrawerModule
|
|
5686
5939
|
],
|
|
5687
5940
|
}]
|
|
5688
5941
|
}] });
|
|
5689
5942
|
|
|
5690
5943
|
class MatchaSkeletonModule {
|
|
5691
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5692
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.
|
|
5693
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.
|
|
5944
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5945
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: MatchaSkeletonModule, declarations: [MatchaSkeletonComponent], imports: [CommonModule], exports: [MatchaSkeletonComponent] }); }
|
|
5946
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSkeletonModule, imports: [CommonModule] }); }
|
|
5694
5947
|
}
|
|
5695
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5948
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: MatchaSkeletonModule, decorators: [{
|
|
5696
5949
|
type: NgModule,
|
|
5697
5950
|
args: [{
|
|
5698
5951
|
declarations: [MatchaSkeletonComponent],
|
|
@@ -5707,10 +5960,10 @@ class StepContentDirective {
|
|
|
5707
5960
|
constructor(template) {
|
|
5708
5961
|
this.template = template;
|
|
5709
5962
|
}
|
|
5710
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.
|
|
5711
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.
|
|
5963
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: StepContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5964
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: StepContentDirective, isStandalone: true, selector: "[step]", inputs: { step: "step" }, ngImport: i0 }); }
|
|
5712
5965
|
}
|
|
5713
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.
|
|
5966
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: StepContentDirective, decorators: [{
|
|
5714
5967
|
type: Directive,
|
|
5715
5968
|
args: [{
|
|
5716
5969
|
selector: '[step]'
|
|
@@ -5750,5 +6003,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
|
|
|
5750
6003
|
* Generated bundle index. Do not edit.
|
|
5751
6004
|
*/
|
|
5752
6005
|
|
|
5753
|
-
export { MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent,
|
|
6006
|
+
export { MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective };
|
|
5754
6007
|
//# sourceMappingURL=matcha-components.mjs.map
|