matcha-components 19.110.0 → 19.111.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 +1123 -391
- package/fesm2022/matcha-components.mjs.map +1 -1
- package/lib/matcha-components.module.d.ts +4 -4
- package/lib/matcha-drop-list/directives/drag-handle.directive.d.ts +12 -0
- package/lib/matcha-drop-list/directives/drag.directive.d.ts +51 -0
- package/lib/matcha-drop-list/drop-list/drop-list.component.d.ts +59 -0
- package/lib/matcha-drop-list/drop-list.module.d.ts +10 -0
- package/lib/matcha-drop-list/services/drop-list.service.d.ts +10 -0
- package/lib/matcha-skeleton/skeleton/skeleton.component.d.ts +12 -0
- package/lib/matcha-skeleton/skeleton.module.d.ts +8 -0
- package/package.json +1 -1
- package/public-api.d.ts +8 -2
- package/lib/matcha-tree/tree.directive.d.ts +0 -9
- package/lib/matcha-tree/tree.module.d.ts +0 -8
|
@@ -383,10 +383,10 @@ class MatchaAccordionItemComponent {
|
|
|
383
383
|
this.isOpen = !this.isOpen;
|
|
384
384
|
this.opened.emit(this.isOpen);
|
|
385
385
|
}
|
|
386
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
387
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
386
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
387
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaAccordionItemComponent, isStandalone: false, selector: "matcha-accordion-item", inputs: { stretch: "stretch", isOpen: "isOpen" }, outputs: { opened: "opened" }, ngImport: i0, template: "<div class=\"accordion-item flex-column overflow-hidden\">\n <div class=\"accordion-header d-flex\">\n <div class=\"d-flex accordion-header-wrapper\" (click)=\"toggleAccordion()\">\n <ng-content select=\"matcha-accordion-header\"></ng-content>\n </div>\n </div>\n <div class=\"accordion-content overflow-hidden\" [@expandCollapse]=\"isOpen ? '*' : 'void'\">\n <ng-content select=\"matcha-accordion-content\"></ng-content>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [""], animations: [...createAnimations] }); }
|
|
388
388
|
}
|
|
389
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
389
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaAccordionItemComponent, decorators: [{
|
|
390
390
|
type: Component,
|
|
391
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" }]
|
|
392
392
|
}], propDecorators: { stretch: [{
|
|
@@ -427,10 +427,10 @@ class MatchaAccordionComponent {
|
|
|
427
427
|
});
|
|
428
428
|
}
|
|
429
429
|
}
|
|
430
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
431
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
430
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
431
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaAccordionComponent, isStandalone: false, selector: "matcha-accordion", inputs: { multiple: "multiple" }, outputs: { openedChange: "openedChange" }, queries: [{ propertyName: "items", predicate: MatchaAccordionItemComponent }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
432
432
|
}
|
|
433
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
433
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaAccordionComponent, decorators: [{
|
|
434
434
|
type: Component,
|
|
435
435
|
args: [{ selector: 'matcha-accordion', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
436
436
|
}], propDecorators: { multiple: [{
|
|
@@ -444,19 +444,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
444
444
|
}] } });
|
|
445
445
|
|
|
446
446
|
class MatchaAccordionHeaderComponent {
|
|
447
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
448
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
447
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaAccordionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
448
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaAccordionHeaderComponent, isStandalone: false, selector: "matcha-accordion-header", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
449
449
|
}
|
|
450
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaAccordionHeaderComponent, decorators: [{
|
|
451
451
|
type: Component,
|
|
452
452
|
args: [{ selector: 'matcha-accordion-header', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
453
453
|
}] });
|
|
454
454
|
|
|
455
455
|
class MatchaAccordionContentComponent {
|
|
456
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
457
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
456
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaAccordionContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
457
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaAccordionContentComponent, isStandalone: false, selector: "matcha-accordion-content", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
458
458
|
}
|
|
459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaAccordionContentComponent, decorators: [{
|
|
460
460
|
type: Component,
|
|
461
461
|
args: [{ selector: 'matcha-accordion-content', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
462
462
|
}] });
|
|
@@ -495,10 +495,10 @@ class MatchaInfiniteScrollComponent {
|
|
|
495
495
|
ngOnDestroy() {
|
|
496
496
|
this.observer.disconnect();
|
|
497
497
|
}
|
|
498
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
499
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
498
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaInfiniteScrollComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
499
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaInfiniteScrollComponent, isStandalone: false, selector: "matcha-infinite-scroll", outputs: { scrolledToEnd: "scrolledToEnd" }, ngImport: i0, template: "", styles: [""] }); }
|
|
500
500
|
}
|
|
501
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
501
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaInfiniteScrollComponent, decorators: [{
|
|
502
502
|
type: Component,
|
|
503
503
|
args: [{ selector: 'matcha-infinite-scroll', standalone: false, template: "" }]
|
|
504
504
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { scrolledToEnd: [{
|
|
@@ -616,10 +616,10 @@ class MatchaInfiniteScrollDataComponent {
|
|
|
616
616
|
this.dataSubscription.unsubscribe();
|
|
617
617
|
this.searchSubscription.unsubscribe();
|
|
618
618
|
}
|
|
619
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
620
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
619
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaInfiniteScrollDataComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
620
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaInfiniteScrollDataComponent, isStandalone: false, selector: "matcha-infinite-scroll-data", inputs: { loadData: "loadData", initialList: "initialList", threshold: "threshold", resetKey: "resetKey", searchTerm: "searchTerm" }, outputs: { aggregatedData: "aggregatedData", exactMatch: "exactMatch" }, usesOnChanges: true, ngImport: i0, template: "", styles: ["", ":host{height:1px;opacity:0}\n"] }); }
|
|
621
621
|
}
|
|
622
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
622
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaInfiniteScrollDataComponent, decorators: [{
|
|
623
623
|
type: Component,
|
|
624
624
|
args: [{ selector: 'matcha-infinite-scroll-data', standalone: false, template: "", styles: [":host{height:1px;opacity:0}\n"] }]
|
|
625
625
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { loadData: [{
|
|
@@ -791,10 +791,10 @@ class MatchaButtonComponent {
|
|
|
791
791
|
button.removeEventListener('click', this.addRippleEffect, false);
|
|
792
792
|
});
|
|
793
793
|
}
|
|
794
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
795
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
794
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaButtonComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
795
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
796
796
|
}
|
|
797
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
797
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaButtonComponent, decorators: [{
|
|
798
798
|
type: Component,
|
|
799
799
|
args: [{ selector: '[matcha-button]', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
800
800
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -892,10 +892,10 @@ class MatchaCardComponent {
|
|
|
892
892
|
hasBlockquotePosition() {
|
|
893
893
|
return this.blockquote === 'left' || this.blockquote === 'right';
|
|
894
894
|
}
|
|
895
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
896
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
895
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
896
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
897
897
|
}
|
|
898
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
898
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaCardComponent, decorators: [{
|
|
899
899
|
type: Component,
|
|
900
900
|
args: [{ selector: 'matcha-card', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
901
901
|
}], propDecorators: { color: [{
|
|
@@ -958,10 +958,10 @@ class MatchaDividerComponent {
|
|
|
958
958
|
activeClasses += gapXl ? ` ${gapXl}` : '';
|
|
959
959
|
return activeClasses;
|
|
960
960
|
}
|
|
961
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
962
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
961
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
962
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
963
963
|
}
|
|
964
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
964
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDividerComponent, decorators: [{
|
|
965
965
|
type: Component,
|
|
966
966
|
args: [{ selector: 'matcha-divider', standalone: false, template: "<div [class]=\"classes\"></div>\n" }]
|
|
967
967
|
}], propDecorators: { gap: [{
|
|
@@ -1028,10 +1028,10 @@ class MatchaTitleComponent {
|
|
|
1028
1028
|
hasIconClickOutput() {
|
|
1029
1029
|
return this.iconClick.observers.length > 0;
|
|
1030
1030
|
}
|
|
1031
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1032
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1031
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1032
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
1033
1033
|
}
|
|
1034
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1034
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTitleComponent, decorators: [{
|
|
1035
1035
|
type: Component,
|
|
1036
1036
|
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" }]
|
|
1037
1037
|
}], propDecorators: { color: [{
|
|
@@ -1064,10 +1064,10 @@ class MatchaIconComponent {
|
|
|
1064
1064
|
const activeClasses = `${icon} ${color} ${size} ${loading} ${this.class}`;
|
|
1065
1065
|
return activeClasses;
|
|
1066
1066
|
}
|
|
1067
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1068
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1067
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1068
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
1069
1069
|
}
|
|
1070
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1070
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaIconComponent, decorators: [{
|
|
1071
1071
|
type: Component,
|
|
1072
1072
|
args: [{ selector: 'matcha-icon', standalone: false, template: "<span [class]=\"classes\">\n <ng-content></ng-content>\n</span>\n" }]
|
|
1073
1073
|
}], propDecorators: { name: [{
|
|
@@ -1164,10 +1164,10 @@ class MatchaGridComponent {
|
|
|
1164
1164
|
this.setColspanClasses(this.colspan, this.breakpoint);
|
|
1165
1165
|
this.setRowspanClasses(this.rowspan, this.breakpoint);
|
|
1166
1166
|
}
|
|
1167
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1168
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1167
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1168
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
1169
1169
|
}
|
|
1170
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1170
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaGridComponent, decorators: [{
|
|
1171
1171
|
type: Component,
|
|
1172
1172
|
args: [{ selector: 'matcha-grid', standalone: false, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
1173
1173
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { breakpoint: [{
|
|
@@ -1227,10 +1227,10 @@ class MatchaMasonryComponent {
|
|
|
1227
1227
|
activeClasses += gapXl ? ` ${gapXl}` : '';
|
|
1228
1228
|
return activeClasses;
|
|
1229
1229
|
}
|
|
1230
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1231
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1230
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaMasonryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1231
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
1232
1232
|
}
|
|
1233
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1233
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaMasonryComponent, decorators: [{
|
|
1234
1234
|
type: Component,
|
|
1235
1235
|
args: [{ selector: 'matcha-masonry', standalone: false, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
1236
1236
|
}], propDecorators: { colSize: [{
|
|
@@ -1266,19 +1266,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
1266
1266
|
}] } });
|
|
1267
1267
|
|
|
1268
1268
|
class MatchaModalContentComponent {
|
|
1269
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1270
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1269
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1270
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
1271
1271
|
}
|
|
1272
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1272
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalContentComponent, decorators: [{
|
|
1273
1273
|
type: Component,
|
|
1274
1274
|
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" }]
|
|
1275
1275
|
}] });
|
|
1276
1276
|
|
|
1277
1277
|
class MatchaModalHeaderComponent {
|
|
1278
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1279
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1278
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1279
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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"] }] }); }
|
|
1280
1280
|
}
|
|
1281
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1281
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalHeaderComponent, decorators: [{
|
|
1282
1282
|
type: Component,
|
|
1283
1283
|
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" }]
|
|
1284
1284
|
}] });
|
|
@@ -1304,10 +1304,10 @@ class MatchaModalFooterComponent {
|
|
|
1304
1304
|
}
|
|
1305
1305
|
});
|
|
1306
1306
|
}
|
|
1307
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1308
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1307
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1308
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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"] }] }); }
|
|
1309
1309
|
}
|
|
1310
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1310
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalFooterComponent, decorators: [{
|
|
1311
1311
|
type: Component,
|
|
1312
1312
|
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" }]
|
|
1313
1313
|
}], propDecorators: { buttonType: [{
|
|
@@ -1316,10 +1316,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
1316
1316
|
}] } });
|
|
1317
1317
|
|
|
1318
1318
|
class MatchaModalOptionsComponent {
|
|
1319
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1320
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1319
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1320
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
1321
1321
|
}
|
|
1322
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1322
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalOptionsComponent, decorators: [{
|
|
1323
1323
|
type: Component,
|
|
1324
1324
|
args: [{ selector: 'matcha-modal-options', standalone: false, template: "<div class=\"flex-row gap-8\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
1325
1325
|
}] });
|
|
@@ -1358,10 +1358,10 @@ class MatchaModalComponent {
|
|
|
1358
1358
|
this.hasBackdrop = true;
|
|
1359
1359
|
this.backdropClass = '';
|
|
1360
1360
|
}
|
|
1361
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1362
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1361
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1362
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
1363
1363
|
}
|
|
1364
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalComponent, decorators: [{
|
|
1365
1365
|
type: Component,
|
|
1366
1366
|
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>" }]
|
|
1367
1367
|
}], ctorParameters: () => [], propDecorators: { size: [{
|
|
@@ -1440,10 +1440,10 @@ class MatchaMenuComponent {
|
|
|
1440
1440
|
toggleMenu() {
|
|
1441
1441
|
this.isOpen = !this.isOpen;
|
|
1442
1442
|
}
|
|
1443
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1444
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1443
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaMenuComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1444
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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"] }] }); }
|
|
1445
1445
|
}
|
|
1446
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1446
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaMenuComponent, decorators: [{
|
|
1447
1447
|
type: Component,
|
|
1448
1448
|
args: [{ selector: 'matcha-menu', exportAs: 'matchaMenu', standalone: false, template: "<div class=\"menu\" [ngClass]=\"{'show': isOpen}\">\n <ng-content></ng-content>\n </div>\n" }]
|
|
1449
1449
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -1482,10 +1482,10 @@ class MatchaToolbarComponent {
|
|
|
1482
1482
|
ngOnDestroy() {
|
|
1483
1483
|
clearTimeout(this.resizeTimeout);
|
|
1484
1484
|
}
|
|
1485
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1486
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1485
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1486
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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"] }] }); }
|
|
1487
1487
|
}
|
|
1488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1488
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarComponent, decorators: [{
|
|
1489
1489
|
type: Component,
|
|
1490
1490
|
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" }]
|
|
1491
1491
|
}], propDecorators: { onResize: [{
|
|
@@ -1505,10 +1505,10 @@ class MatchaToolbarButtonComponent {
|
|
|
1505
1505
|
emitButtonClick() {
|
|
1506
1506
|
this.buttonClick.emit();
|
|
1507
1507
|
}
|
|
1508
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1509
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1508
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1509
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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"] }] }); }
|
|
1510
1510
|
}
|
|
1511
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1511
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarButtonComponent, decorators: [{
|
|
1512
1512
|
type: Component,
|
|
1513
1513
|
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" }]
|
|
1514
1514
|
}], propDecorators: { icon: [{
|
|
@@ -1519,10 +1519,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
1519
1519
|
}] } });
|
|
1520
1520
|
|
|
1521
1521
|
class MatchaToolbarContentComponent {
|
|
1522
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1523
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1522
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1523
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
1524
1524
|
}
|
|
1525
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1525
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarContentComponent, decorators: [{
|
|
1526
1526
|
type: Component,
|
|
1527
1527
|
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" }]
|
|
1528
1528
|
}] });
|
|
@@ -1534,10 +1534,10 @@ class MatchaToolbarMainButtonComponent {
|
|
|
1534
1534
|
emitButtonClick() {
|
|
1535
1535
|
this.buttonClick.emit();
|
|
1536
1536
|
}
|
|
1537
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1538
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1537
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarMainButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1538
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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"] }] }); }
|
|
1539
1539
|
}
|
|
1540
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1540
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarMainButtonComponent, decorators: [{
|
|
1541
1541
|
type: Component,
|
|
1542
1542
|
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" }]
|
|
1543
1543
|
}], propDecorators: { buttonClick: [{
|
|
@@ -1545,10 +1545,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
1545
1545
|
}] } });
|
|
1546
1546
|
|
|
1547
1547
|
class MatchaToolbarCustomButtonComponent {
|
|
1548
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1549
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1548
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarCustomButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1549
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
1550
1550
|
}
|
|
1551
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1551
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarCustomButtonComponent, decorators: [{
|
|
1552
1552
|
type: Component,
|
|
1553
1553
|
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" }]
|
|
1554
1554
|
}] });
|
|
@@ -1569,10 +1569,10 @@ class MatchaFormFieldComponent {
|
|
|
1569
1569
|
get showError() {
|
|
1570
1570
|
return !!this.control?.invalid && (this.control?.touched || this.control?.dirty);
|
|
1571
1571
|
}
|
|
1572
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1573
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1572
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1573
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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"] }] }); }
|
|
1574
1574
|
}
|
|
1575
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1575
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaFormFieldComponent, decorators: [{
|
|
1576
1576
|
type: Component,
|
|
1577
1577
|
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" }]
|
|
1578
1578
|
}], propDecorators: { color: [{
|
|
@@ -1604,10 +1604,10 @@ class MatchaLabelComponent {
|
|
|
1604
1604
|
constructor() {
|
|
1605
1605
|
this.color = 'blue-grey';
|
|
1606
1606
|
}
|
|
1607
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1608
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1607
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1608
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
1609
1609
|
}
|
|
1610
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1610
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaLabelComponent, decorators: [{
|
|
1611
1611
|
type: Component,
|
|
1612
1612
|
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>" }]
|
|
1613
1613
|
}], propDecorators: { color: [{
|
|
@@ -1615,10 +1615,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
1615
1615
|
}] } });
|
|
1616
1616
|
|
|
1617
1617
|
class MatchaErrorComponent {
|
|
1618
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1619
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1618
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1619
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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"] }] }); }
|
|
1620
1620
|
}
|
|
1621
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1621
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaErrorComponent, decorators: [{
|
|
1622
1622
|
type: Component,
|
|
1623
1623
|
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>" }]
|
|
1624
1624
|
}] });
|
|
@@ -1676,10 +1676,10 @@ class MatchaRippleDirective {
|
|
|
1676
1676
|
});
|
|
1677
1677
|
this.ripples = [];
|
|
1678
1678
|
}
|
|
1679
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1680
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
1679
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaRippleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1680
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaRippleDirective, isStandalone: false, selector: "[matchaRipple]", inputs: { rippleColor: "rippleColor" }, host: { listeners: { "mousedown": "onMouseDown($event)" } }, ngImport: i0 }); }
|
|
1681
1681
|
}
|
|
1682
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1682
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaRippleDirective, decorators: [{
|
|
1683
1683
|
type: Directive,
|
|
1684
1684
|
args: [{
|
|
1685
1685
|
selector: '[matchaRipple]',
|
|
@@ -1739,8 +1739,8 @@ class MatchaCheckboxComponent {
|
|
|
1739
1739
|
this.onTouched();
|
|
1740
1740
|
this.change.emit({ checked: this.checked });
|
|
1741
1741
|
}
|
|
1742
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1743
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1742
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1743
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaCheckboxComponent, isStandalone: false, selector: "matcha-checkbox", inputs: { color: "color", indeterminate: "indeterminate", disabled: "disabled", checked: "checked" }, outputs: { change: "change" }, providers: [
|
|
1744
1744
|
{
|
|
1745
1745
|
provide: NG_VALUE_ACCESSOR,
|
|
1746
1746
|
useExisting: forwardRef(() => MatchaCheckboxComponent),
|
|
@@ -1748,7 +1748,7 @@ class MatchaCheckboxComponent {
|
|
|
1748
1748
|
}
|
|
1749
1749
|
], ngImport: i0, template: "<label\n class=\"matcha-checkbox flex-align-center\"\n [class.matcha-checkbox-disabled]=\"disabled\">\n <div\n class=\"matcha-checkbox-container p-8 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"] }] }); }
|
|
1750
1750
|
}
|
|
1751
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1751
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaCheckboxComponent, decorators: [{
|
|
1752
1752
|
type: Component,
|
|
1753
1753
|
args: [{ selector: 'matcha-checkbox', standalone: false, providers: [
|
|
1754
1754
|
{
|
|
@@ -1816,10 +1816,10 @@ class MatchaSpinComponent {
|
|
|
1816
1816
|
const progress = Math.min(Math.max(Number(this.progress), 0), 100);
|
|
1817
1817
|
return this.circumference - (progress / 100) * this.circumference;
|
|
1818
1818
|
}
|
|
1819
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1820
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1819
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSpinComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1820
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
1821
1821
|
}
|
|
1822
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1822
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSpinComponent, decorators: [{
|
|
1823
1823
|
type: Component,
|
|
1824
1824
|
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" }]
|
|
1825
1825
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -1873,10 +1873,10 @@ class MatchaHintTextComponent {
|
|
|
1873
1873
|
default: return 'red';
|
|
1874
1874
|
}
|
|
1875
1875
|
}
|
|
1876
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1877
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1876
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaHintTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1877
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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"] }] }); }
|
|
1878
1878
|
}
|
|
1879
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1879
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaHintTextComponent, decorators: [{
|
|
1880
1880
|
type: Component,
|
|
1881
1881
|
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" }]
|
|
1882
1882
|
}], propDecorators: { type: [{
|
|
@@ -1887,6 +1887,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
1887
1887
|
args: ['size']
|
|
1888
1888
|
}] } });
|
|
1889
1889
|
|
|
1890
|
+
class MatchaSkeletonComponent {
|
|
1891
|
+
constructor() {
|
|
1892
|
+
this.amount = 3;
|
|
1893
|
+
this.grid = 3;
|
|
1894
|
+
this.height = 100;
|
|
1895
|
+
this.model = 'empty';
|
|
1896
|
+
this.gap = 16;
|
|
1897
|
+
}
|
|
1898
|
+
get classes() {
|
|
1899
|
+
// if string parse to int
|
|
1900
|
+
this.amount = typeof this.amount === 'string' ? parseInt(this.amount) : this.amount;
|
|
1901
|
+
this.grid = typeof this.grid === 'string' ? parseInt(this.grid) : this.grid;
|
|
1902
|
+
let classes = `gap-${this.gap} `;
|
|
1903
|
+
this.amount > 1 ? classes += `grid-sm-${this.grid - 1} ` : classes;
|
|
1904
|
+
this.amount > 2 ? classes += `grid-md-${this.grid} ` : classes;
|
|
1905
|
+
return classes;
|
|
1906
|
+
}
|
|
1907
|
+
get heightClass() {
|
|
1908
|
+
return `h-${this.height}`;
|
|
1909
|
+
}
|
|
1910
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1911
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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\" *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"] }] }); }
|
|
1912
|
+
}
|
|
1913
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSkeletonComponent, decorators: [{
|
|
1914
|
+
type: Component,
|
|
1915
|
+
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\" *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 -->" }]
|
|
1916
|
+
}], propDecorators: { amount: [{
|
|
1917
|
+
type: Input
|
|
1918
|
+
}], grid: [{
|
|
1919
|
+
type: Input
|
|
1920
|
+
}], height: [{
|
|
1921
|
+
type: Input
|
|
1922
|
+
}], model: [{
|
|
1923
|
+
type: Input
|
|
1924
|
+
}], gap: [{
|
|
1925
|
+
type: Input
|
|
1926
|
+
}] } });
|
|
1927
|
+
|
|
1890
1928
|
class MatchaSlideToggleComponent {
|
|
1891
1929
|
set checked(value) {
|
|
1892
1930
|
const newCheckedState = value === '' ? true : !!value;
|
|
@@ -1951,8 +1989,8 @@ class MatchaSlideToggleComponent {
|
|
|
1951
1989
|
this.onTouched();
|
|
1952
1990
|
this.change.emit({ checked: newCheckedState });
|
|
1953
1991
|
}
|
|
1954
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1955
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
1992
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSlideToggleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1993
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaSlideToggleComponent, isStandalone: false, selector: "matcha-slide-toggle", inputs: { color: "color", checked: "checked", disabled: "disabled" }, outputs: { change: "change" }, providers: [
|
|
1956
1994
|
{
|
|
1957
1995
|
provide: NG_VALUE_ACCESSOR,
|
|
1958
1996
|
useExisting: forwardRef(() => MatchaSlideToggleComponent),
|
|
@@ -1960,7 +1998,7 @@ class MatchaSlideToggleComponent {
|
|
|
1960
1998
|
},
|
|
1961
1999
|
], 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 }); }
|
|
1962
2000
|
}
|
|
1963
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2001
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSlideToggleComponent, decorators: [{
|
|
1964
2002
|
type: Component,
|
|
1965
2003
|
args: [{ selector: 'matcha-slide-toggle', standalone: false, providers: [
|
|
1966
2004
|
{
|
|
@@ -2037,10 +2075,10 @@ class MatchaButtonToggleComponent {
|
|
|
2037
2075
|
});
|
|
2038
2076
|
}
|
|
2039
2077
|
}
|
|
2040
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2041
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2078
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaButtonToggleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2079
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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"] }] }); }
|
|
2042
2080
|
}
|
|
2043
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2081
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaButtonToggleComponent, decorators: [{
|
|
2044
2082
|
type: Component,
|
|
2045
2083
|
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" }]
|
|
2046
2084
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { multiple: [{
|
|
@@ -2075,10 +2113,10 @@ class MatchaTabItemComponent {
|
|
|
2075
2113
|
get active() {
|
|
2076
2114
|
return this._active;
|
|
2077
2115
|
}
|
|
2078
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2079
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2116
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2117
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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"] }] }); }
|
|
2080
2118
|
}
|
|
2081
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTabItemComponent, decorators: [{
|
|
2082
2120
|
type: Component,
|
|
2083
2121
|
args: [{ selector: 'matcha-tab', standalone: false, template: "<ng-content *ngIf=\"active\"></ng-content>\n" }]
|
|
2084
2122
|
}], propDecorators: { title: [{
|
|
@@ -2133,10 +2171,10 @@ class MatchaTabsComponent {
|
|
|
2133
2171
|
this.selectTabByIndex(tabsArray.length - 1);
|
|
2134
2172
|
}
|
|
2135
2173
|
}
|
|
2136
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2137
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2174
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2175
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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 grid-2 grid-sm-3 grid-md-6 gap-8 list-style-none pl-0\" 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 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] }); }
|
|
2138
2176
|
}
|
|
2139
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTabsComponent, decorators: [{
|
|
2140
2178
|
type: Component,
|
|
2141
2179
|
args: [{ selector: 'matcha-tabs', animations: [...createAnimations], standalone: false, template: "<div class=\"flex-column gap-24 w-100-p\">\n <nav class=\"button-group grid-2 grid-sm-3 grid-md-6 gap-8 list-style-none pl-0\" 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 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" }]
|
|
2142
2180
|
}], propDecorators: { tabs: [{
|
|
@@ -2204,10 +2242,10 @@ class MatchaDateComponent {
|
|
|
2204
2242
|
control.setErrors(Object.keys(errors).length ? errors : null);
|
|
2205
2243
|
}
|
|
2206
2244
|
}
|
|
2207
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2208
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2245
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2246
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
2209
2247
|
}
|
|
2210
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2248
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDateComponent, decorators: [{
|
|
2211
2249
|
type: Component,
|
|
2212
2250
|
args: [{ selector: 'matcha-date', standalone: false, template: "<div class=\"d-flex gap-16\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
2213
2251
|
}], propDecorators: { controls: [{
|
|
@@ -2323,10 +2361,10 @@ class MatchaTimeComponent {
|
|
|
2323
2361
|
control.setErrors(Object.keys(errors).length ? errors : null);
|
|
2324
2362
|
}
|
|
2325
2363
|
}
|
|
2326
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2327
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2364
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2365
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
2328
2366
|
}
|
|
2329
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2367
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTimeComponent, decorators: [{
|
|
2330
2368
|
type: Component,
|
|
2331
2369
|
args: [{ selector: 'matcha-time', standalone: false, template: "<div class=\"d-flex gap-16\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
2332
2370
|
}], propDecorators: { controls: [{
|
|
@@ -2341,10 +2379,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
2341
2379
|
}] } });
|
|
2342
2380
|
|
|
2343
2381
|
class StepComponent {
|
|
2344
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2345
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2382
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2383
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: StepComponent, isStandalone: false, selector: "step", inputs: { step: "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 }); }
|
|
2346
2384
|
}
|
|
2347
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: StepComponent, decorators: [{
|
|
2348
2386
|
type: Component,
|
|
2349
2387
|
args: [{
|
|
2350
2388
|
selector: 'step',
|
|
@@ -2382,18 +2420,18 @@ class MatchaStepperStateService {
|
|
|
2382
2420
|
this.activeStep$.next(current - 1);
|
|
2383
2421
|
}
|
|
2384
2422
|
}
|
|
2385
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2386
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
2423
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2424
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperStateService }); }
|
|
2387
2425
|
}
|
|
2388
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2426
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperStateService, decorators: [{
|
|
2389
2427
|
type: Injectable
|
|
2390
2428
|
}] });
|
|
2391
2429
|
|
|
2392
2430
|
class MatchaStepperComponent {
|
|
2393
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2394
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2431
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2432
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaStepperComponent, isStandalone: false, selector: "matcha-stepper", providers: [MatchaStepperStateService], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
|
|
2395
2433
|
}
|
|
2396
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperComponent, decorators: [{
|
|
2397
2435
|
type: Component,
|
|
2398
2436
|
args: [{
|
|
2399
2437
|
selector: 'matcha-stepper',
|
|
@@ -2420,14 +2458,14 @@ class MatchaStepperContentComponent {
|
|
|
2420
2458
|
prevStep() {
|
|
2421
2459
|
this.stepperState.prevStep();
|
|
2422
2460
|
}
|
|
2423
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2424
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2461
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperContentComponent, deps: [{ token: MatchaStepperStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2462
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaStepperContentComponent, isStandalone: false, selector: "matcha-stepper-content", queries: [{ propertyName: "steps", predicate: StepComponent }], ngImport: i0, template: `
|
|
2425
2463
|
<ng-container *ngIf="stepsArray.length">
|
|
2426
2464
|
<ng-container *ngTemplateOutlet="stepsArray[activeStep]?.template || null"></ng-container>
|
|
2427
2465
|
</ng-container>
|
|
2428
2466
|
`, 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"] }] }); }
|
|
2429
2467
|
}
|
|
2430
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2468
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperContentComponent, decorators: [{
|
|
2431
2469
|
type: Component,
|
|
2432
2470
|
args: [{
|
|
2433
2471
|
selector: 'matcha-stepper-content',
|
|
@@ -2458,16 +2496,668 @@ class MatchaStepperControllerComponent {
|
|
|
2458
2496
|
return;
|
|
2459
2497
|
this.stepperState.setActiveStep(index);
|
|
2460
2498
|
}
|
|
2461
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2462
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
2499
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperControllerComponent, deps: [{ token: MatchaStepperStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2500
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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"] }] }); }
|
|
2463
2501
|
}
|
|
2464
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
2502
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperControllerComponent, decorators: [{
|
|
2465
2503
|
type: Component,
|
|
2466
2504
|
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" }]
|
|
2467
2505
|
}], ctorParameters: () => [{ type: MatchaStepperStateService }], propDecorators: { disableNext: [{
|
|
2468
2506
|
type: Input
|
|
2469
2507
|
}] } });
|
|
2470
2508
|
|
|
2509
|
+
class MatchaDropListService {
|
|
2510
|
+
constructor() {
|
|
2511
|
+
this.dropZones = new Map();
|
|
2512
|
+
}
|
|
2513
|
+
registerDropZone(element, component) {
|
|
2514
|
+
this.dropZones.set(element, component);
|
|
2515
|
+
}
|
|
2516
|
+
unregisterDropZone(element) {
|
|
2517
|
+
this.dropZones.delete(element);
|
|
2518
|
+
}
|
|
2519
|
+
findDropZone(element) {
|
|
2520
|
+
while (element) {
|
|
2521
|
+
if (this.dropZones.has(element)) {
|
|
2522
|
+
return this.dropZones.get(element);
|
|
2523
|
+
}
|
|
2524
|
+
element = element.parentElement;
|
|
2525
|
+
}
|
|
2526
|
+
return null;
|
|
2527
|
+
}
|
|
2528
|
+
getAllDropZones() {
|
|
2529
|
+
return Array.from(this.dropZones.values());
|
|
2530
|
+
}
|
|
2531
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDropListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2532
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDropListService, providedIn: 'root' }); }
|
|
2533
|
+
}
|
|
2534
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDropListService, decorators: [{
|
|
2535
|
+
type: Injectable,
|
|
2536
|
+
args: [{
|
|
2537
|
+
providedIn: 'root'
|
|
2538
|
+
}]
|
|
2539
|
+
}] });
|
|
2540
|
+
|
|
2541
|
+
class MatchaDragDirective {
|
|
2542
|
+
get dragItemClass() {
|
|
2543
|
+
return true;
|
|
2544
|
+
}
|
|
2545
|
+
get dragDisabledClass() {
|
|
2546
|
+
return this.matchaDragDisabled;
|
|
2547
|
+
}
|
|
2548
|
+
constructor(elementRef, renderer, ngZone, dropListService) {
|
|
2549
|
+
this.elementRef = elementRef;
|
|
2550
|
+
this.renderer = renderer;
|
|
2551
|
+
this.ngZone = ngZone;
|
|
2552
|
+
this.dropListService = dropListService;
|
|
2553
|
+
this.matchaDragDisabled = false;
|
|
2554
|
+
this.listeners = [];
|
|
2555
|
+
this.isDragging = false;
|
|
2556
|
+
// Touch/Mobile support
|
|
2557
|
+
this.touchStartPosition = { x: 0, y: 0 };
|
|
2558
|
+
this.touchCurrentPosition = { x: 0, y: 0 };
|
|
2559
|
+
this.touchDragThreshold = 10; // pixels
|
|
2560
|
+
this.isTouchDragging = false;
|
|
2561
|
+
}
|
|
2562
|
+
ngOnInit() {
|
|
2563
|
+
this.setupDragEvents();
|
|
2564
|
+
}
|
|
2565
|
+
ngOnDestroy() {
|
|
2566
|
+
this.cleanupListeners();
|
|
2567
|
+
this.cleanupTouchDrag();
|
|
2568
|
+
}
|
|
2569
|
+
setDropList(dropList) {
|
|
2570
|
+
this.dropList = dropList;
|
|
2571
|
+
}
|
|
2572
|
+
setDragHandle(handle) {
|
|
2573
|
+
this.dragHandle = handle;
|
|
2574
|
+
this.setupDragEvents(); // Re-setup when handle is set
|
|
2575
|
+
}
|
|
2576
|
+
setupDragEvents() {
|
|
2577
|
+
if (this.matchaDragDisabled)
|
|
2578
|
+
return;
|
|
2579
|
+
this.cleanupListeners();
|
|
2580
|
+
const element = this.elementRef.nativeElement;
|
|
2581
|
+
const dragSource = this.dragHandle || element;
|
|
2582
|
+
// Configurar draggable para desktop
|
|
2583
|
+
if (this.dragHandle) {
|
|
2584
|
+
this.renderer.setAttribute(element, 'draggable', 'false');
|
|
2585
|
+
this.renderer.setAttribute(this.dragHandle, 'draggable', 'true');
|
|
2586
|
+
}
|
|
2587
|
+
else {
|
|
2588
|
+
this.renderer.setAttribute(element, 'draggable', 'true');
|
|
2589
|
+
}
|
|
2590
|
+
// Configurar touch-action para mobile
|
|
2591
|
+
this.renderer.setStyle(dragSource, 'touch-action', 'none');
|
|
2592
|
+
this.renderer.setStyle(dragSource, 'user-select', 'none');
|
|
2593
|
+
this.renderer.setStyle(dragSource, '-webkit-user-select', 'none');
|
|
2594
|
+
this.ngZone.runOutsideAngular(() => {
|
|
2595
|
+
// Desktop drag events
|
|
2596
|
+
this.listeners.push(this.renderer.listen(dragSource, 'dragstart', (event) => {
|
|
2597
|
+
if (this.matchaDragDisabled)
|
|
2598
|
+
return;
|
|
2599
|
+
this.onDragStart(event);
|
|
2600
|
+
}));
|
|
2601
|
+
this.listeners.push(this.renderer.listen(dragSource, 'dragend', () => {
|
|
2602
|
+
this.onDragEnd();
|
|
2603
|
+
}));
|
|
2604
|
+
this.listeners.push(this.renderer.listen(element, 'dragover', (event) => {
|
|
2605
|
+
event.preventDefault();
|
|
2606
|
+
}));
|
|
2607
|
+
// Mobile/Touch events
|
|
2608
|
+
this.listeners.push(this.renderer.listen(dragSource, 'touchstart', (event) => {
|
|
2609
|
+
if (this.matchaDragDisabled)
|
|
2610
|
+
return;
|
|
2611
|
+
this.onTouchStart(event);
|
|
2612
|
+
}));
|
|
2613
|
+
this.listeners.push(this.renderer.listen(dragSource, 'touchmove', (event) => {
|
|
2614
|
+
if (this.matchaDragDisabled)
|
|
2615
|
+
return;
|
|
2616
|
+
this.onTouchMove(event);
|
|
2617
|
+
}));
|
|
2618
|
+
this.listeners.push(this.renderer.listen(dragSource, 'touchend', (event) => {
|
|
2619
|
+
if (this.matchaDragDisabled)
|
|
2620
|
+
return;
|
|
2621
|
+
this.onTouchEnd(event);
|
|
2622
|
+
}));
|
|
2623
|
+
this.listeners.push(this.renderer.listen(dragSource, 'touchcancel', (event) => {
|
|
2624
|
+
if (this.matchaDragDisabled)
|
|
2625
|
+
return;
|
|
2626
|
+
this.onTouchCancel(event);
|
|
2627
|
+
}));
|
|
2628
|
+
});
|
|
2629
|
+
}
|
|
2630
|
+
// Desktop drag methods
|
|
2631
|
+
onDragStart(event) {
|
|
2632
|
+
this.isDragging = true;
|
|
2633
|
+
this.renderer.addClass(this.elementRef.nativeElement, 'matcha-drag-dragging');
|
|
2634
|
+
const dataTransfer = event.dataTransfer;
|
|
2635
|
+
if (dataTransfer) {
|
|
2636
|
+
dataTransfer.effectAllowed = 'move';
|
|
2637
|
+
dataTransfer.setData('text/plain', '');
|
|
2638
|
+
this.createDragImage(dataTransfer, this.elementRef.nativeElement, event);
|
|
2639
|
+
}
|
|
2640
|
+
if (this.dropList) {
|
|
2641
|
+
this.ngZone.run(() => {
|
|
2642
|
+
this.dropList.onDragStart(this, event);
|
|
2643
|
+
});
|
|
2644
|
+
}
|
|
2645
|
+
}
|
|
2646
|
+
onDragEnd() {
|
|
2647
|
+
this.isDragging = false;
|
|
2648
|
+
this.renderer.removeClass(this.elementRef.nativeElement, 'matcha-drag-dragging');
|
|
2649
|
+
if (this.dropList) {
|
|
2650
|
+
this.ngZone.run(() => {
|
|
2651
|
+
this.dropList.onDragEnd();
|
|
2652
|
+
});
|
|
2653
|
+
}
|
|
2654
|
+
}
|
|
2655
|
+
// Touch/Mobile drag methods
|
|
2656
|
+
onTouchStart(event) {
|
|
2657
|
+
const touch = event.touches[0];
|
|
2658
|
+
if (!touch)
|
|
2659
|
+
return;
|
|
2660
|
+
this.touchIdentifier = touch.identifier;
|
|
2661
|
+
this.touchStartPosition = { x: touch.clientX, y: touch.clientY };
|
|
2662
|
+
this.touchCurrentPosition = { x: touch.clientX, y: touch.clientY };
|
|
2663
|
+
this.isTouchDragging = false;
|
|
2664
|
+
// Prevenir scroll enquanto toca
|
|
2665
|
+
event.preventDefault();
|
|
2666
|
+
}
|
|
2667
|
+
onTouchMove(event) {
|
|
2668
|
+
if (this.touchIdentifier === undefined)
|
|
2669
|
+
return;
|
|
2670
|
+
const touch = this.findTouch(event.touches, this.touchIdentifier);
|
|
2671
|
+
if (!touch)
|
|
2672
|
+
return;
|
|
2673
|
+
this.touchCurrentPosition = { x: touch.clientX, y: touch.clientY };
|
|
2674
|
+
const deltaX = Math.abs(touch.clientX - this.touchStartPosition.x);
|
|
2675
|
+
const deltaY = Math.abs(touch.clientY - this.touchStartPosition.y);
|
|
2676
|
+
const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
|
|
2677
|
+
if (!this.isTouchDragging && distance > this.touchDragThreshold) {
|
|
2678
|
+
// Iniciar drag
|
|
2679
|
+
this.isTouchDragging = true;
|
|
2680
|
+
this.startTouchDrag(touch);
|
|
2681
|
+
}
|
|
2682
|
+
if (this.isTouchDragging) {
|
|
2683
|
+
this.updateTouchDrag(touch);
|
|
2684
|
+
event.preventDefault();
|
|
2685
|
+
}
|
|
2686
|
+
}
|
|
2687
|
+
onTouchEnd(event) {
|
|
2688
|
+
if (this.touchIdentifier === undefined)
|
|
2689
|
+
return;
|
|
2690
|
+
const touch = this.findTouch(event.changedTouches, this.touchIdentifier);
|
|
2691
|
+
if (!touch)
|
|
2692
|
+
return;
|
|
2693
|
+
if (this.isTouchDragging) {
|
|
2694
|
+
this.endTouchDrag(touch);
|
|
2695
|
+
}
|
|
2696
|
+
this.resetTouchState();
|
|
2697
|
+
}
|
|
2698
|
+
onTouchCancel(event) {
|
|
2699
|
+
if (this.isTouchDragging) {
|
|
2700
|
+
this.cancelTouchDrag();
|
|
2701
|
+
}
|
|
2702
|
+
this.resetTouchState();
|
|
2703
|
+
}
|
|
2704
|
+
startTouchDrag(touch) {
|
|
2705
|
+
this.isDragging = true;
|
|
2706
|
+
this.renderer.addClass(this.elementRef.nativeElement, 'matcha-drag-dragging');
|
|
2707
|
+
// Criar preview visual do drag
|
|
2708
|
+
this.createTouchDragPreview();
|
|
2709
|
+
if (this.dropList) {
|
|
2710
|
+
this.ngZone.run(() => {
|
|
2711
|
+
// Simular DragEvent para compatibilidade
|
|
2712
|
+
const fakeEvent = this.createFakeDragEvent('dragstart', touch);
|
|
2713
|
+
this.dropList.onDragStart(this, fakeEvent);
|
|
2714
|
+
});
|
|
2715
|
+
}
|
|
2716
|
+
}
|
|
2717
|
+
updateTouchDrag(touch) {
|
|
2718
|
+
if (this.dragPreview) {
|
|
2719
|
+
// Atualizar posição do preview
|
|
2720
|
+
this.renderer.setStyle(this.dragPreview, 'left', `${touch.clientX - 50}px`);
|
|
2721
|
+
this.renderer.setStyle(this.dragPreview, 'top', `${touch.clientY - 25}px`);
|
|
2722
|
+
}
|
|
2723
|
+
// Verificar drop zones
|
|
2724
|
+
this.checkDropZones(touch);
|
|
2725
|
+
}
|
|
2726
|
+
endTouchDrag(touch) {
|
|
2727
|
+
// Encontrar elemento sob o touch
|
|
2728
|
+
const elementBelow = document.elementFromPoint(touch.clientX, touch.clientY);
|
|
2729
|
+
const dropZone = this.findDropZone(elementBelow);
|
|
2730
|
+
if (dropZone && this.dropList) {
|
|
2731
|
+
this.ngZone.run(() => {
|
|
2732
|
+
// Simular drop event
|
|
2733
|
+
const fakeEvent = this.createFakeDragEvent('drop', touch);
|
|
2734
|
+
dropZone.handleTouchDrop(fakeEvent, this);
|
|
2735
|
+
});
|
|
2736
|
+
}
|
|
2737
|
+
this.cleanupTouchDrag();
|
|
2738
|
+
}
|
|
2739
|
+
cancelTouchDrag() {
|
|
2740
|
+
this.cleanupTouchDrag();
|
|
2741
|
+
}
|
|
2742
|
+
createTouchDragPreview() {
|
|
2743
|
+
const element = this.elementRef.nativeElement;
|
|
2744
|
+
const rect = element.getBoundingClientRect();
|
|
2745
|
+
// Criar clone do elemento para preview
|
|
2746
|
+
this.dragPreview = element.cloneNode(true);
|
|
2747
|
+
// Estilizar preview
|
|
2748
|
+
this.renderer.setStyle(this.dragPreview, 'position', 'fixed');
|
|
2749
|
+
this.renderer.setStyle(this.dragPreview, 'z-index', '9999');
|
|
2750
|
+
this.renderer.setStyle(this.dragPreview, 'pointer-events', 'none');
|
|
2751
|
+
this.renderer.setStyle(this.dragPreview, 'width', `${rect.width}px`);
|
|
2752
|
+
this.renderer.setStyle(this.dragPreview, 'height', `${rect.height}px`);
|
|
2753
|
+
this.renderer.setStyle(this.dragPreview, 'opacity', '0.8');
|
|
2754
|
+
this.renderer.setStyle(this.dragPreview, 'transform', 'rotate(5deg)');
|
|
2755
|
+
this.renderer.setStyle(this.dragPreview, 'box-shadow', '0 8px 25px rgba(0,0,0,0.3)');
|
|
2756
|
+
// Adicionar ao DOM
|
|
2757
|
+
document.body.appendChild(this.dragPreview);
|
|
2758
|
+
}
|
|
2759
|
+
checkDropZones(touch) {
|
|
2760
|
+
const elementBelow = document.elementFromPoint(touch.clientX, touch.clientY);
|
|
2761
|
+
const dropZone = this.findDropZone(elementBelow);
|
|
2762
|
+
// Notificar drop zones sobre o drag over
|
|
2763
|
+
if (dropZone && this.dropList) {
|
|
2764
|
+
this.ngZone.run(() => {
|
|
2765
|
+
const fakeEvent = this.createFakeDragEvent('dragover', touch);
|
|
2766
|
+
dropZone.handleTouchDragOver(fakeEvent);
|
|
2767
|
+
});
|
|
2768
|
+
}
|
|
2769
|
+
}
|
|
2770
|
+
findDropZone(element) {
|
|
2771
|
+
return this.dropListService.findDropZone(element);
|
|
2772
|
+
}
|
|
2773
|
+
findAngularComponent(element) {
|
|
2774
|
+
// Método mantido para compatibilidade, mas agora usa o serviço
|
|
2775
|
+
return this.dropListService.findDropZone(element);
|
|
2776
|
+
}
|
|
2777
|
+
createFakeDragEvent(type, touch) {
|
|
2778
|
+
return {
|
|
2779
|
+
type,
|
|
2780
|
+
clientX: touch.clientX,
|
|
2781
|
+
clientY: touch.clientY,
|
|
2782
|
+
preventDefault: () => { },
|
|
2783
|
+
dataTransfer: {
|
|
2784
|
+
effectAllowed: 'move',
|
|
2785
|
+
dropEffect: 'move',
|
|
2786
|
+
setData: () => { },
|
|
2787
|
+
getData: () => '',
|
|
2788
|
+
setDragImage: () => { }
|
|
2789
|
+
}
|
|
2790
|
+
};
|
|
2791
|
+
}
|
|
2792
|
+
findTouch(touches, identifier) {
|
|
2793
|
+
for (let i = 0; i < touches.length; i++) {
|
|
2794
|
+
if (touches[i].identifier === identifier) {
|
|
2795
|
+
return touches[i];
|
|
2796
|
+
}
|
|
2797
|
+
}
|
|
2798
|
+
return null;
|
|
2799
|
+
}
|
|
2800
|
+
resetTouchState() {
|
|
2801
|
+
this.touchIdentifier = undefined;
|
|
2802
|
+
this.isTouchDragging = false;
|
|
2803
|
+
this.isDragging = false;
|
|
2804
|
+
this.renderer.removeClass(this.elementRef.nativeElement, 'matcha-drag-dragging');
|
|
2805
|
+
if (this.dropList) {
|
|
2806
|
+
this.ngZone.run(() => {
|
|
2807
|
+
this.dropList.onDragEnd();
|
|
2808
|
+
});
|
|
2809
|
+
}
|
|
2810
|
+
}
|
|
2811
|
+
cleanupTouchDrag() {
|
|
2812
|
+
if (this.dragPreview) {
|
|
2813
|
+
document.body.removeChild(this.dragPreview);
|
|
2814
|
+
this.dragPreview = undefined;
|
|
2815
|
+
}
|
|
2816
|
+
}
|
|
2817
|
+
createDragImage(dataTransfer, element, event) {
|
|
2818
|
+
try {
|
|
2819
|
+
const rect = element.getBoundingClientRect();
|
|
2820
|
+
const offsetX = event.clientX - rect.left;
|
|
2821
|
+
const offsetY = event.clientY - rect.top;
|
|
2822
|
+
dataTransfer.setDragImage(element, offsetX, offsetY);
|
|
2823
|
+
}
|
|
2824
|
+
catch (error) {
|
|
2825
|
+
console.warn('Erro ao configurar drag image:', error);
|
|
2826
|
+
}
|
|
2827
|
+
}
|
|
2828
|
+
cleanupListeners() {
|
|
2829
|
+
this.listeners.forEach(cleanup => cleanup());
|
|
2830
|
+
this.listeners = [];
|
|
2831
|
+
}
|
|
2832
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDragDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: MatchaDropListService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2833
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", 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 }); }
|
|
2834
|
+
}
|
|
2835
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDragDirective, decorators: [{
|
|
2836
|
+
type: Directive,
|
|
2837
|
+
args: [{
|
|
2838
|
+
selector: '[matchaDrag]',
|
|
2839
|
+
standalone: false
|
|
2840
|
+
}]
|
|
2841
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: MatchaDropListService }], propDecorators: { matchaDragData: [{
|
|
2842
|
+
type: Input
|
|
2843
|
+
}], matchaDragDisabled: [{
|
|
2844
|
+
type: Input
|
|
2845
|
+
}], dragItemClass: [{
|
|
2846
|
+
type: HostBinding,
|
|
2847
|
+
args: ['class.matcha-drag-item']
|
|
2848
|
+
}], dragDisabledClass: [{
|
|
2849
|
+
type: HostBinding,
|
|
2850
|
+
args: ['class.matcha-drag-disabled']
|
|
2851
|
+
}] } });
|
|
2852
|
+
|
|
2853
|
+
class MatchaDropListComponent {
|
|
2854
|
+
get dropListClass() {
|
|
2855
|
+
return true;
|
|
2856
|
+
}
|
|
2857
|
+
constructor(elementRef, renderer, dropListService) {
|
|
2858
|
+
this.elementRef = elementRef;
|
|
2859
|
+
this.renderer = renderer;
|
|
2860
|
+
this.dropListService = dropListService;
|
|
2861
|
+
this.matchaDropListData = [];
|
|
2862
|
+
this.matchaDropListDisabled = false;
|
|
2863
|
+
this.matchaDropListConnectedTo = [];
|
|
2864
|
+
this.matchaDropListSortingDisabled = false;
|
|
2865
|
+
this.matchaDropListDropped = new EventEmitter();
|
|
2866
|
+
this.dragStartIndex = -1;
|
|
2867
|
+
// Estado visual
|
|
2868
|
+
this.isReceivingDrag = false;
|
|
2869
|
+
this.showDropIndicator = false;
|
|
2870
|
+
this.dropIndicatorPosition = 0;
|
|
2871
|
+
this.canAcceptDrop = true; // Controla se pode aceitar o drop atual
|
|
2872
|
+
this.calculatedDropIndex = 0; // Armazenar o índice calculado durante o dragover
|
|
2873
|
+
}
|
|
2874
|
+
ngOnInit() {
|
|
2875
|
+
this.setupDropZone();
|
|
2876
|
+
// Registrar este drop zone no serviço
|
|
2877
|
+
this.dropListService.registerDropZone(this.elementRef.nativeElement, this);
|
|
2878
|
+
}
|
|
2879
|
+
ngAfterContentInit() {
|
|
2880
|
+
// Configurar referência do drop list para cada item drag
|
|
2881
|
+
this.dragItems.forEach(dragItem => {
|
|
2882
|
+
dragItem.setDropList(this);
|
|
2883
|
+
});
|
|
2884
|
+
// Monitorar mudanças nos itens drag
|
|
2885
|
+
this.dragItems.changes.subscribe(() => {
|
|
2886
|
+
this.dragItems.forEach(dragItem => {
|
|
2887
|
+
dragItem.setDropList(this);
|
|
2888
|
+
});
|
|
2889
|
+
});
|
|
2890
|
+
}
|
|
2891
|
+
ngOnDestroy() {
|
|
2892
|
+
// Desregistrar do serviço
|
|
2893
|
+
this.dropListService.unregisterDropZone(this.elementRef.nativeElement);
|
|
2894
|
+
// Cleanup automático via renderer
|
|
2895
|
+
}
|
|
2896
|
+
setupDropZone() {
|
|
2897
|
+
const element = this.elementRef.nativeElement;
|
|
2898
|
+
this.renderer.listen(element, 'dragover', (event) => {
|
|
2899
|
+
event.preventDefault();
|
|
2900
|
+
// Só mostrar efeitos visuais se o item vem de outro container
|
|
2901
|
+
if (this.currentDragItem && this.sourceContainer !== this) {
|
|
2902
|
+
this.isReceivingDrag = true;
|
|
2903
|
+
}
|
|
2904
|
+
// Verificar se pode aceitar o drop
|
|
2905
|
+
this.canAcceptDrop = this.canAcceptCurrentDrop();
|
|
2906
|
+
if (this.canAcceptDrop) {
|
|
2907
|
+
event.dataTransfer.dropEffect = 'move';
|
|
2908
|
+
// Mostrar linha indicadora
|
|
2909
|
+
this.updateDropIndicator(event);
|
|
2910
|
+
}
|
|
2911
|
+
else {
|
|
2912
|
+
event.dataTransfer.dropEffect = 'none';
|
|
2913
|
+
this.showDropIndicator = false;
|
|
2914
|
+
}
|
|
2915
|
+
});
|
|
2916
|
+
this.renderer.listen(element, 'dragenter', (event) => {
|
|
2917
|
+
event.preventDefault();
|
|
2918
|
+
// Só mostrar efeitos visuais se o item vem de outro container
|
|
2919
|
+
if (this.currentDragItem && this.sourceContainer !== this) {
|
|
2920
|
+
this.isReceivingDrag = true;
|
|
2921
|
+
}
|
|
2922
|
+
});
|
|
2923
|
+
this.renderer.listen(element, 'dragleave', (event) => {
|
|
2924
|
+
const rect = element.getBoundingClientRect();
|
|
2925
|
+
const x = event.clientX;
|
|
2926
|
+
const y = event.clientY;
|
|
2927
|
+
// Verificar se realmente saiu do container
|
|
2928
|
+
if (x < rect.left || x > rect.right || y < rect.top || y > rect.bottom) {
|
|
2929
|
+
this.isReceivingDrag = false;
|
|
2930
|
+
this.showDropIndicator = false;
|
|
2931
|
+
}
|
|
2932
|
+
});
|
|
2933
|
+
this.renderer.listen(element, 'drop', (event) => {
|
|
2934
|
+
event.preventDefault();
|
|
2935
|
+
this.handleDrop(event);
|
|
2936
|
+
});
|
|
2937
|
+
}
|
|
2938
|
+
updateDropIndicator(event) {
|
|
2939
|
+
if (!this.currentDragItem)
|
|
2940
|
+
return;
|
|
2941
|
+
const containerRect = this.elementRef.nativeElement.getBoundingClientRect();
|
|
2942
|
+
const y = event.clientY - containerRect.top;
|
|
2943
|
+
const dragItemElements = this.dragItems.toArray().map(item => item.elementRef.nativeElement);
|
|
2944
|
+
let indicatorY = 0;
|
|
2945
|
+
let dropIndex = 0;
|
|
2946
|
+
let found = false;
|
|
2947
|
+
for (let i = 0; i < dragItemElements.length; i++) {
|
|
2948
|
+
const itemRect = dragItemElements[i].getBoundingClientRect();
|
|
2949
|
+
const itemY = itemRect.top - containerRect.top;
|
|
2950
|
+
const itemHeight = itemRect.height;
|
|
2951
|
+
const itemCenter = itemY + itemHeight / 2;
|
|
2952
|
+
if (y < itemCenter) {
|
|
2953
|
+
indicatorY = itemY;
|
|
2954
|
+
dropIndex = i;
|
|
2955
|
+
found = true;
|
|
2956
|
+
break;
|
|
2957
|
+
}
|
|
2958
|
+
}
|
|
2959
|
+
if (!found && dragItemElements.length > 0) {
|
|
2960
|
+
// Posicionar no final da lista
|
|
2961
|
+
const lastItem = dragItemElements[dragItemElements.length - 1];
|
|
2962
|
+
const lastRect = lastItem.getBoundingClientRect();
|
|
2963
|
+
indicatorY = lastRect.bottom - containerRect.top;
|
|
2964
|
+
dropIndex = dragItemElements.length;
|
|
2965
|
+
}
|
|
2966
|
+
// Armazenar tanto a posição visual quanto o índice calculado
|
|
2967
|
+
this.dropIndicatorPosition = indicatorY;
|
|
2968
|
+
this.calculatedDropIndex = dropIndex;
|
|
2969
|
+
this.showDropIndicator = true;
|
|
2970
|
+
}
|
|
2971
|
+
// Métodos chamados pelo directive
|
|
2972
|
+
onDragStart(dragItem, event) {
|
|
2973
|
+
if (this.matchaDropListDisabled)
|
|
2974
|
+
return;
|
|
2975
|
+
this.currentDragItem = dragItem;
|
|
2976
|
+
this.sourceContainer = this;
|
|
2977
|
+
this.dragStartIndex = this.getDragItemIndex(dragItem);
|
|
2978
|
+
// Notificar containers conectados
|
|
2979
|
+
this.matchaDropListConnectedTo.forEach(container => {
|
|
2980
|
+
container.notifyDragStart(dragItem, this);
|
|
2981
|
+
});
|
|
2982
|
+
}
|
|
2983
|
+
onDragEnd() {
|
|
2984
|
+
this.currentDragItem = undefined;
|
|
2985
|
+
this.sourceContainer = undefined;
|
|
2986
|
+
this.dragStartIndex = -1;
|
|
2987
|
+
this.isReceivingDrag = false;
|
|
2988
|
+
this.showDropIndicator = false;
|
|
2989
|
+
this.calculatedDropIndex = 0;
|
|
2990
|
+
// Notificar containers conectados
|
|
2991
|
+
this.matchaDropListConnectedTo.forEach(container => {
|
|
2992
|
+
container.notifyDragEnd();
|
|
2993
|
+
});
|
|
2994
|
+
}
|
|
2995
|
+
handleDrop(event) {
|
|
2996
|
+
if (!this.currentDragItem || this.matchaDropListDisabled)
|
|
2997
|
+
return;
|
|
2998
|
+
// Verificar se pode aceitar o drop
|
|
2999
|
+
if (!this.canAcceptCurrentDrop()) {
|
|
3000
|
+
this.showDropIndicator = false;
|
|
3001
|
+
this.isReceivingDrag = false;
|
|
3002
|
+
return;
|
|
3003
|
+
}
|
|
3004
|
+
this.showDropIndicator = false;
|
|
3005
|
+
this.isReceivingDrag = false;
|
|
3006
|
+
// Usar o índice já calculado durante o dragover ao invés de recalcular
|
|
3007
|
+
const dropIndex = this.calculatedDropIndex;
|
|
3008
|
+
if (this.sourceContainer === this) {
|
|
3009
|
+
// Drop na mesma lista - reordenar
|
|
3010
|
+
if (!this.matchaDropListSortingDisabled && dropIndex !== this.dragStartIndex) {
|
|
3011
|
+
this.reorderItems(this.dragStartIndex, dropIndex);
|
|
3012
|
+
}
|
|
3013
|
+
}
|
|
3014
|
+
else if (this.sourceContainer) {
|
|
3015
|
+
// Drop entre listas - transferir
|
|
3016
|
+
this.transferItem(this.currentDragItem, this.sourceContainer, this, dropIndex);
|
|
3017
|
+
}
|
|
3018
|
+
}
|
|
3019
|
+
reorderItems(fromIndex, toIndex) {
|
|
3020
|
+
const newData = [...this.matchaDropListData];
|
|
3021
|
+
const item = newData[fromIndex];
|
|
3022
|
+
// Remover item da posição original
|
|
3023
|
+
newData.splice(fromIndex, 1);
|
|
3024
|
+
// Calcular nova posição
|
|
3025
|
+
const insertIndex = toIndex > fromIndex ? toIndex - 1 : toIndex;
|
|
3026
|
+
// Inserir na nova posição
|
|
3027
|
+
newData.splice(insertIndex, 0, item);
|
|
3028
|
+
this.matchaDropListData = newData;
|
|
3029
|
+
// Emitir evento
|
|
3030
|
+
this.matchaDropListDropped.emit({
|
|
3031
|
+
previousIndex: fromIndex,
|
|
3032
|
+
currentIndex: insertIndex,
|
|
3033
|
+
item,
|
|
3034
|
+
container: this,
|
|
3035
|
+
data: this.matchaDropListData
|
|
3036
|
+
});
|
|
3037
|
+
}
|
|
3038
|
+
transferItem(dragItem, sourceContainer, targetContainer, targetIndex) {
|
|
3039
|
+
const item = dragItem.matchaDragData;
|
|
3040
|
+
const sourceIndex = sourceContainer.dragStartIndex;
|
|
3041
|
+
// Remover do container origem
|
|
3042
|
+
const sourceData = [...sourceContainer.matchaDropListData];
|
|
3043
|
+
sourceData.splice(sourceIndex, 1);
|
|
3044
|
+
sourceContainer.matchaDropListData = sourceData;
|
|
3045
|
+
// Adicionar ao container destino
|
|
3046
|
+
const targetData = [...targetContainer.matchaDropListData];
|
|
3047
|
+
targetData.splice(targetIndex, 0, item);
|
|
3048
|
+
targetContainer.matchaDropListData = targetData;
|
|
3049
|
+
// Emitir eventos
|
|
3050
|
+
targetContainer.matchaDropListDropped.emit({
|
|
3051
|
+
previousIndex: sourceIndex,
|
|
3052
|
+
currentIndex: targetIndex,
|
|
3053
|
+
item,
|
|
3054
|
+
container: targetContainer,
|
|
3055
|
+
previousContainer: sourceContainer,
|
|
3056
|
+
data: targetContainer.matchaDropListData
|
|
3057
|
+
});
|
|
3058
|
+
sourceContainer.matchaDropListDropped.emit({
|
|
3059
|
+
previousIndex: sourceIndex,
|
|
3060
|
+
currentIndex: -1,
|
|
3061
|
+
item,
|
|
3062
|
+
container: sourceContainer,
|
|
3063
|
+
data: sourceContainer.matchaDropListData
|
|
3064
|
+
});
|
|
3065
|
+
}
|
|
3066
|
+
getDragItemIndex(dragItem) {
|
|
3067
|
+
return this.dragItems.toArray().indexOf(dragItem);
|
|
3068
|
+
}
|
|
3069
|
+
// Métodos para comunicação entre containers conectados
|
|
3070
|
+
notifyDragStart(dragItem, sourceContainer) {
|
|
3071
|
+
this.currentDragItem = dragItem;
|
|
3072
|
+
this.sourceContainer = sourceContainer;
|
|
3073
|
+
this.dragStartIndex = sourceContainer.getDragItemIndex(dragItem);
|
|
3074
|
+
}
|
|
3075
|
+
notifyDragEnd() {
|
|
3076
|
+
this.currentDragItem = undefined;
|
|
3077
|
+
this.sourceContainer = undefined;
|
|
3078
|
+
this.dragStartIndex = -1;
|
|
3079
|
+
this.isReceivingDrag = false;
|
|
3080
|
+
this.showDropIndicator = false;
|
|
3081
|
+
this.calculatedDropIndex = 0;
|
|
3082
|
+
}
|
|
3083
|
+
canAcceptCurrentDrop() {
|
|
3084
|
+
if (!this.currentDragItem || !this.sourceContainer) {
|
|
3085
|
+
return false;
|
|
3086
|
+
}
|
|
3087
|
+
if (this.matchaDropListAcceptPredicate) {
|
|
3088
|
+
const sourceContainer = this.sourceContainer;
|
|
3089
|
+
const targetContainer = this;
|
|
3090
|
+
const item = this.currentDragItem.matchaDragData;
|
|
3091
|
+
return this.matchaDropListAcceptPredicate(item, sourceContainer, targetContainer);
|
|
3092
|
+
}
|
|
3093
|
+
return true;
|
|
3094
|
+
}
|
|
3095
|
+
// Métodos para suporte touch/mobile
|
|
3096
|
+
handleTouchDragOver(event) {
|
|
3097
|
+
// Só mostrar efeitos visuais se o item vem de outro container
|
|
3098
|
+
if (this.currentDragItem && this.sourceContainer !== this) {
|
|
3099
|
+
this.isReceivingDrag = true;
|
|
3100
|
+
}
|
|
3101
|
+
// Verificar se pode aceitar o drop
|
|
3102
|
+
this.canAcceptDrop = this.canAcceptCurrentDrop();
|
|
3103
|
+
if (this.canAcceptDrop) {
|
|
3104
|
+
// Mostrar linha indicadora
|
|
3105
|
+
this.updateDropIndicator(event);
|
|
3106
|
+
}
|
|
3107
|
+
else {
|
|
3108
|
+
this.showDropIndicator = false;
|
|
3109
|
+
}
|
|
3110
|
+
}
|
|
3111
|
+
handleTouchDrop(event, dragItem) {
|
|
3112
|
+
if (!this.currentDragItem || this.matchaDropListDisabled)
|
|
3113
|
+
return;
|
|
3114
|
+
// Verificar se pode aceitar o drop
|
|
3115
|
+
if (!this.canAcceptCurrentDrop()) {
|
|
3116
|
+
this.showDropIndicator = false;
|
|
3117
|
+
this.isReceivingDrag = false;
|
|
3118
|
+
return;
|
|
3119
|
+
}
|
|
3120
|
+
this.showDropIndicator = false;
|
|
3121
|
+
this.isReceivingDrag = false;
|
|
3122
|
+
// Usar o índice já calculado durante o dragover
|
|
3123
|
+
const dropIndex = this.calculatedDropIndex;
|
|
3124
|
+
if (this.sourceContainer === this) {
|
|
3125
|
+
// Drop na mesma lista - reordenar
|
|
3126
|
+
if (!this.matchaDropListSortingDisabled && dropIndex !== this.dragStartIndex) {
|
|
3127
|
+
this.reorderItems(this.dragStartIndex, dropIndex);
|
|
3128
|
+
}
|
|
3129
|
+
}
|
|
3130
|
+
else if (this.sourceContainer) {
|
|
3131
|
+
// Drop entre listas - transferir
|
|
3132
|
+
this.transferItem(this.currentDragItem, this.sourceContainer, this, dropIndex);
|
|
3133
|
+
}
|
|
3134
|
+
}
|
|
3135
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDropListComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: MatchaDropListService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3136
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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"] }] }); }
|
|
3137
|
+
}
|
|
3138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDropListComponent, decorators: [{
|
|
3139
|
+
type: Component,
|
|
3140
|
+
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" }]
|
|
3141
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: MatchaDropListService }], propDecorators: { matchaDropListData: [{
|
|
3142
|
+
type: Input
|
|
3143
|
+
}], matchaDropListDisabled: [{
|
|
3144
|
+
type: Input
|
|
3145
|
+
}], matchaDropListConnectedTo: [{
|
|
3146
|
+
type: Input
|
|
3147
|
+
}], matchaDropListSortingDisabled: [{
|
|
3148
|
+
type: Input
|
|
3149
|
+
}], matchaDropListAcceptPredicate: [{
|
|
3150
|
+
type: Input
|
|
3151
|
+
}], matchaDropListDropped: [{
|
|
3152
|
+
type: Output
|
|
3153
|
+
}], dragItems: [{
|
|
3154
|
+
type: ContentChildren,
|
|
3155
|
+
args: [MatchaDragDirective]
|
|
3156
|
+
}], dropListClass: [{
|
|
3157
|
+
type: HostBinding,
|
|
3158
|
+
args: ['class.matcha-drop-list']
|
|
3159
|
+
}] } });
|
|
3160
|
+
|
|
2471
3161
|
class MatchaTooltipDirective {
|
|
2472
3162
|
constructor(el, renderer) {
|
|
2473
3163
|
this.el = el;
|
|
@@ -2609,10 +3299,10 @@ class MatchaTooltipDirective {
|
|
|
2609
3299
|
this.documentClickListener = null;
|
|
2610
3300
|
}
|
|
2611
3301
|
}
|
|
2612
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2613
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
3302
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3303
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", 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 }); }
|
|
2614
3304
|
}
|
|
2615
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3305
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTooltipDirective, decorators: [{
|
|
2616
3306
|
type: Directive,
|
|
2617
3307
|
args: [{
|
|
2618
3308
|
selector: '[matchaTooltip]',
|
|
@@ -2651,11 +3341,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
2651
3341
|
}] } });
|
|
2652
3342
|
|
|
2653
3343
|
class MatchaTooltipModule {
|
|
2654
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2655
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2656
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3344
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3345
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaTooltipModule, declarations: [MatchaTooltipDirective], imports: [CommonModule], exports: [MatchaTooltipDirective] }); }
|
|
3346
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTooltipModule, imports: [CommonModule] }); }
|
|
2657
3347
|
}
|
|
2658
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3348
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTooltipModule, decorators: [{
|
|
2659
3349
|
type: NgModule,
|
|
2660
3350
|
args: [{
|
|
2661
3351
|
declarations: [MatchaTooltipDirective],
|
|
@@ -2665,11 +3355,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
2665
3355
|
}] });
|
|
2666
3356
|
|
|
2667
3357
|
class MatchaIconModule {
|
|
2668
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2669
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2670
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3358
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3359
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaIconModule, declarations: [MatchaIconComponent], imports: [CommonModule, MatchaTooltipModule], exports: [MatchaIconComponent] }); }
|
|
3360
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaIconModule, imports: [CommonModule, MatchaTooltipModule] }); }
|
|
2671
3361
|
}
|
|
2672
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3362
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaIconModule, decorators: [{
|
|
2673
3363
|
type: NgModule,
|
|
2674
3364
|
args: [{
|
|
2675
3365
|
declarations: [MatchaIconComponent],
|
|
@@ -2679,11 +3369,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
2679
3369
|
}] });
|
|
2680
3370
|
|
|
2681
3371
|
class MatchaTitleModule {
|
|
2682
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2683
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2684
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3372
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTitleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3373
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaTitleModule, declarations: [MatchaTitleComponent], imports: [CommonModule], exports: [MatchaTitleComponent] }); }
|
|
3374
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTitleModule, imports: [CommonModule] }); }
|
|
2685
3375
|
}
|
|
2686
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTitleModule, decorators: [{
|
|
2687
3377
|
type: NgModule,
|
|
2688
3378
|
args: [{
|
|
2689
3379
|
declarations: [MatchaTitleComponent],
|
|
@@ -2693,11 +3383,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
2693
3383
|
}] });
|
|
2694
3384
|
|
|
2695
3385
|
class MatchaDividerModule {
|
|
2696
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2697
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2698
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3386
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3387
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaDividerModule, declarations: [MatchaDividerComponent], imports: [CommonModule], exports: [MatchaDividerComponent] }); }
|
|
3388
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDividerModule, imports: [CommonModule] }); }
|
|
2699
3389
|
}
|
|
2700
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3390
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDividerModule, decorators: [{
|
|
2701
3391
|
type: NgModule,
|
|
2702
3392
|
args: [{
|
|
2703
3393
|
declarations: [
|
|
@@ -2711,11 +3401,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
2711
3401
|
}] });
|
|
2712
3402
|
|
|
2713
3403
|
class MatchaButtonModule {
|
|
2714
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2715
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2716
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3404
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3405
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaButtonModule, declarations: [MatchaButtonComponent], exports: [MatchaButtonComponent] }); }
|
|
3406
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaButtonModule }); }
|
|
2717
3407
|
}
|
|
2718
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3408
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaButtonModule, decorators: [{
|
|
2719
3409
|
type: NgModule,
|
|
2720
3410
|
args: [{
|
|
2721
3411
|
declarations: [MatchaButtonComponent],
|
|
@@ -2725,8 +3415,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
2725
3415
|
}] });
|
|
2726
3416
|
|
|
2727
3417
|
class MatchaAccordionModule {
|
|
2728
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2729
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3418
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3419
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaAccordionModule, declarations: [MatchaAccordionComponent,
|
|
2730
3420
|
MatchaAccordionItemComponent,
|
|
2731
3421
|
MatchaAccordionHeaderComponent,
|
|
2732
3422
|
MatchaAccordionContentComponent], imports: [CommonModule,
|
|
@@ -2738,14 +3428,14 @@ class MatchaAccordionModule {
|
|
|
2738
3428
|
MatchaAccordionItemComponent,
|
|
2739
3429
|
MatchaAccordionHeaderComponent,
|
|
2740
3430
|
MatchaAccordionContentComponent] }); }
|
|
2741
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3431
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaAccordionModule, imports: [CommonModule,
|
|
2742
3432
|
MatchaIconModule,
|
|
2743
3433
|
MatchaTitleModule,
|
|
2744
3434
|
MatchaDividerModule,
|
|
2745
3435
|
MatchaTooltipModule,
|
|
2746
3436
|
MatchaButtonModule] }); }
|
|
2747
3437
|
}
|
|
2748
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3438
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaAccordionModule, decorators: [{
|
|
2749
3439
|
type: NgModule,
|
|
2750
3440
|
args: [{
|
|
2751
3441
|
declarations: [
|
|
@@ -2772,11 +3462,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
2772
3462
|
}] });
|
|
2773
3463
|
|
|
2774
3464
|
class MatchaInfiniteScrollModule {
|
|
2775
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2776
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2777
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3465
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaInfiniteScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3466
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaInfiniteScrollModule, declarations: [MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent], imports: [CommonModule], exports: [MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent] }); }
|
|
3467
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaInfiniteScrollModule, imports: [CommonModule] }); }
|
|
2778
3468
|
}
|
|
2779
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3469
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaInfiniteScrollModule, decorators: [{
|
|
2780
3470
|
type: NgModule,
|
|
2781
3471
|
args: [{
|
|
2782
3472
|
declarations: [MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent],
|
|
@@ -2810,10 +3500,10 @@ class MatchaElevationDirective {
|
|
|
2810
3500
|
this._renderer.addClass(this._elementRef.nativeElement, `elevation-z-0`);
|
|
2811
3501
|
}
|
|
2812
3502
|
}
|
|
2813
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2814
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
3503
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaElevationDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3504
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaElevationDirective, isStandalone: false, selector: "[elevation]", inputs: { elevation: "elevation" }, usesOnChanges: true, ngImport: i0 }); }
|
|
2815
3505
|
}
|
|
2816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaElevationDirective, decorators: [{
|
|
2817
3507
|
type: Directive,
|
|
2818
3508
|
args: [{
|
|
2819
3509
|
selector: '[elevation]',
|
|
@@ -2825,11 +3515,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
2825
3515
|
}] } });
|
|
2826
3516
|
|
|
2827
3517
|
class MatchaElevationModule {
|
|
2828
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2829
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
2830
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3518
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaElevationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3519
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaElevationModule, declarations: [MatchaElevationDirective], imports: [CommonModule], exports: [MatchaElevationDirective] }); }
|
|
3520
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaElevationModule, imports: [CommonModule] }); }
|
|
2831
3521
|
}
|
|
2832
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3522
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaElevationModule, decorators: [{
|
|
2833
3523
|
type: NgModule,
|
|
2834
3524
|
args: [{
|
|
2835
3525
|
declarations: [MatchaElevationDirective],
|
|
@@ -2957,10 +3647,10 @@ class MatchaOverlayService {
|
|
|
2957
3647
|
this.removeOverlayContainer();
|
|
2958
3648
|
}
|
|
2959
3649
|
}
|
|
2960
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
2961
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
3650
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaOverlayService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3651
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaOverlayService, providedIn: 'root' }); }
|
|
2962
3652
|
}
|
|
2963
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3653
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaOverlayService, decorators: [{
|
|
2964
3654
|
type: Injectable,
|
|
2965
3655
|
args: [{
|
|
2966
3656
|
providedIn: 'root',
|
|
@@ -2996,10 +3686,10 @@ class MatchaModalService {
|
|
|
2996
3686
|
getData() {
|
|
2997
3687
|
return this.currentData;
|
|
2998
3688
|
}
|
|
2999
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3000
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
3689
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalService, deps: [{ token: MatchaOverlayService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3690
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalService, providedIn: 'root' }); }
|
|
3001
3691
|
}
|
|
3002
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3692
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalService, decorators: [{
|
|
3003
3693
|
type: Injectable,
|
|
3004
3694
|
args: [{
|
|
3005
3695
|
providedIn: 'root'
|
|
@@ -3007,8 +3697,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3007
3697
|
}], ctorParameters: () => [{ type: MatchaOverlayService }] });
|
|
3008
3698
|
|
|
3009
3699
|
class MatchaModalModule {
|
|
3010
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3011
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3700
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3701
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalModule, declarations: [MatchaModalHeaderComponent,
|
|
3012
3702
|
MatchaModalContentComponent,
|
|
3013
3703
|
MatchaModalFooterComponent,
|
|
3014
3704
|
MatchaModalOptionsComponent,
|
|
@@ -3022,7 +3712,7 @@ class MatchaModalModule {
|
|
|
3022
3712
|
MatchaModalFooterComponent,
|
|
3023
3713
|
MatchaModalOptionsComponent,
|
|
3024
3714
|
MatchaModalComponent] }); }
|
|
3025
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3715
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalModule, providers: [
|
|
3026
3716
|
MatchaModalService,
|
|
3027
3717
|
MatchaOverlayService
|
|
3028
3718
|
], imports: [CommonModule,
|
|
@@ -3032,7 +3722,7 @@ class MatchaModalModule {
|
|
|
3032
3722
|
MatchaTooltipModule,
|
|
3033
3723
|
MatchaElevationModule] }); }
|
|
3034
3724
|
}
|
|
3035
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3725
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaModalModule, decorators: [{
|
|
3036
3726
|
type: NgModule,
|
|
3037
3727
|
args: [{
|
|
3038
3728
|
declarations: [
|
|
@@ -3065,21 +3755,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3065
3755
|
}] });
|
|
3066
3756
|
|
|
3067
3757
|
class MatchaCardModule {
|
|
3068
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3069
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3758
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3759
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaCardModule, declarations: [MatchaCardComponent], imports: [CommonModule,
|
|
3070
3760
|
MatchaElevationModule,
|
|
3071
3761
|
MatchaIconModule,
|
|
3072
3762
|
MatchaTitleModule,
|
|
3073
3763
|
MatchaDividerModule,
|
|
3074
3764
|
MatchaTooltipModule], exports: [MatchaCardComponent] }); }
|
|
3075
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3765
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaCardModule, imports: [CommonModule,
|
|
3076
3766
|
MatchaElevationModule,
|
|
3077
3767
|
MatchaIconModule,
|
|
3078
3768
|
MatchaTitleModule,
|
|
3079
3769
|
MatchaDividerModule,
|
|
3080
3770
|
MatchaTooltipModule] }); }
|
|
3081
3771
|
}
|
|
3082
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3772
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaCardModule, decorators: [{
|
|
3083
3773
|
type: NgModule,
|
|
3084
3774
|
args: [{
|
|
3085
3775
|
declarations: [MatchaCardComponent],
|
|
@@ -3096,11 +3786,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3096
3786
|
}] });
|
|
3097
3787
|
|
|
3098
3788
|
class MatchaMasonryModule {
|
|
3099
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3100
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3101
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3789
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaMasonryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3790
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaMasonryModule, declarations: [MatchaMasonryComponent], imports: [CommonModule], exports: [MatchaMasonryComponent] }); }
|
|
3791
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaMasonryModule, imports: [CommonModule] }); }
|
|
3102
3792
|
}
|
|
3103
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3793
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaMasonryModule, decorators: [{
|
|
3104
3794
|
type: NgModule,
|
|
3105
3795
|
args: [{
|
|
3106
3796
|
declarations: [MatchaMasonryComponent],
|
|
@@ -3110,13 +3800,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3110
3800
|
}] });
|
|
3111
3801
|
|
|
3112
3802
|
class MatchaButtonToggleModule {
|
|
3113
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3114
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3803
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaButtonToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3804
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaButtonToggleModule, declarations: [MatchaButtonToggleComponent], imports: [CommonModule,
|
|
3115
3805
|
MatchaTooltipModule], exports: [MatchaButtonToggleComponent] }); }
|
|
3116
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3806
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaButtonToggleModule, imports: [CommonModule,
|
|
3117
3807
|
MatchaTooltipModule] }); }
|
|
3118
3808
|
}
|
|
3119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3809
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaButtonToggleModule, decorators: [{
|
|
3120
3810
|
type: NgModule,
|
|
3121
3811
|
args: [{
|
|
3122
3812
|
declarations: [MatchaButtonToggleComponent],
|
|
@@ -3129,8 +3819,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3129
3819
|
}] });
|
|
3130
3820
|
|
|
3131
3821
|
class MatchaToolbarModule {
|
|
3132
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3133
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3822
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3823
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarModule, declarations: [MatchaToolbarComponent,
|
|
3134
3824
|
MatchaToolbarButtonComponent,
|
|
3135
3825
|
MatchaToolbarContentComponent,
|
|
3136
3826
|
MatchaToolbarMainButtonComponent,
|
|
@@ -3143,12 +3833,12 @@ class MatchaToolbarModule {
|
|
|
3143
3833
|
MatchaToolbarMainButtonComponent,
|
|
3144
3834
|
MatchaToolbarCustomButtonComponent,
|
|
3145
3835
|
MatchaTitleModule] }); }
|
|
3146
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3836
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarModule, imports: [CommonModule,
|
|
3147
3837
|
MatchaButtonModule,
|
|
3148
3838
|
MatchaTitleModule,
|
|
3149
3839
|
MatchaTooltipModule, MatchaTitleModule] }); }
|
|
3150
3840
|
}
|
|
3151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3841
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaToolbarModule, decorators: [{
|
|
3152
3842
|
type: NgModule,
|
|
3153
3843
|
args: [{
|
|
3154
3844
|
declarations: [
|
|
@@ -3176,11 +3866,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3176
3866
|
}] });
|
|
3177
3867
|
|
|
3178
3868
|
class MatchaGridModule {
|
|
3179
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3180
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3181
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3869
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3870
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaGridModule, declarations: [MatchaGridComponent], imports: [CommonModule], exports: [MatchaGridComponent] }); }
|
|
3871
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaGridModule, imports: [CommonModule] }); }
|
|
3182
3872
|
}
|
|
3183
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3873
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaGridModule, decorators: [{
|
|
3184
3874
|
type: NgModule,
|
|
3185
3875
|
args: [{
|
|
3186
3876
|
declarations: [MatchaGridComponent],
|
|
@@ -3190,11 +3880,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3190
3880
|
}] });
|
|
3191
3881
|
|
|
3192
3882
|
class MatchaFormFieldModule {
|
|
3193
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3194
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3195
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3883
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3884
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaFormFieldModule, declarations: [MatchaFormFieldComponent, MatchaLabelComponent, MatchaErrorComponent], imports: [CommonModule, MatchaIconModule], exports: [MatchaFormFieldComponent, MatchaLabelComponent, MatchaErrorComponent] }); }
|
|
3885
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaFormFieldModule, imports: [CommonModule, MatchaIconModule] }); }
|
|
3196
3886
|
}
|
|
3197
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3887
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaFormFieldModule, decorators: [{
|
|
3198
3888
|
type: NgModule,
|
|
3199
3889
|
args: [{
|
|
3200
3890
|
declarations: [MatchaFormFieldComponent, MatchaLabelComponent, MatchaErrorComponent],
|
|
@@ -3210,10 +3900,10 @@ class MatchaBadgeDirective {
|
|
|
3210
3900
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3211
3901
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-badge');
|
|
3212
3902
|
}
|
|
3213
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3214
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
3903
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaBadgeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3904
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaBadgeDirective, isStandalone: false, selector: "[matcha-badge]", ngImport: i0 }); }
|
|
3215
3905
|
}
|
|
3216
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3906
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaBadgeDirective, decorators: [{
|
|
3217
3907
|
type: Directive,
|
|
3218
3908
|
args: [{
|
|
3219
3909
|
selector: '[matcha-badge]',
|
|
@@ -3222,11 +3912,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3222
3912
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3223
3913
|
|
|
3224
3914
|
class MatchaBadgeModule {
|
|
3225
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3226
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3227
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3915
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3916
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaBadgeModule, declarations: [MatchaBadgeDirective], exports: [MatchaBadgeDirective] }); }
|
|
3917
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaBadgeModule }); }
|
|
3228
3918
|
}
|
|
3229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3919
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaBadgeModule, decorators: [{
|
|
3230
3920
|
type: NgModule,
|
|
3231
3921
|
args: [{
|
|
3232
3922
|
declarations: [MatchaBadgeDirective],
|
|
@@ -3236,11 +3926,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3236
3926
|
}] });
|
|
3237
3927
|
|
|
3238
3928
|
class MatchaRippleModule {
|
|
3239
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3240
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3241
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3929
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3930
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaRippleModule, declarations: [MatchaRippleDirective], imports: [CommonModule], exports: [MatchaRippleDirective] }); }
|
|
3931
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaRippleModule, imports: [CommonModule] }); }
|
|
3242
3932
|
}
|
|
3243
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3933
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaRippleModule, decorators: [{
|
|
3244
3934
|
type: NgModule,
|
|
3245
3935
|
args: [{
|
|
3246
3936
|
declarations: [
|
|
@@ -3256,11 +3946,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3256
3946
|
}] });
|
|
3257
3947
|
|
|
3258
3948
|
class MatchaCheckboxModule {
|
|
3259
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3260
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3261
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3949
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3950
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaCheckboxModule, declarations: [MatchaCheckboxComponent], imports: [CommonModule, MatchaRippleModule], exports: [MatchaCheckboxComponent] }); }
|
|
3951
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaCheckboxModule, imports: [CommonModule, MatchaRippleModule] }); }
|
|
3262
3952
|
}
|
|
3263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3953
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaCheckboxModule, decorators: [{
|
|
3264
3954
|
type: NgModule,
|
|
3265
3955
|
args: [{
|
|
3266
3956
|
declarations: [
|
|
@@ -3280,10 +3970,10 @@ class MatchaChipsDirective {
|
|
|
3280
3970
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3281
3971
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-chips');
|
|
3282
3972
|
}
|
|
3283
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3284
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
3973
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaChipsDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3974
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaChipsDirective, isStandalone: false, selector: "[matchaChips]", ngImport: i0 }); }
|
|
3285
3975
|
}
|
|
3286
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3976
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaChipsDirective, decorators: [{
|
|
3287
3977
|
type: Directive,
|
|
3288
3978
|
args: [{
|
|
3289
3979
|
selector: '[matchaChips]',
|
|
@@ -3292,11 +3982,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3292
3982
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3293
3983
|
|
|
3294
3984
|
class MatchaChipsModule {
|
|
3295
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3296
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3297
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
3985
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3986
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaChipsModule, declarations: [MatchaChipsDirective], exports: [MatchaChipsDirective] }); }
|
|
3987
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaChipsModule }); }
|
|
3298
3988
|
}
|
|
3299
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3989
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaChipsModule, decorators: [{
|
|
3300
3990
|
type: NgModule,
|
|
3301
3991
|
args: [{
|
|
3302
3992
|
declarations: [MatchaChipsDirective],
|
|
@@ -3314,10 +4004,10 @@ class MatchaDatepickerDirective {
|
|
|
3314
4004
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3315
4005
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-datepicker');
|
|
3316
4006
|
}
|
|
3317
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3318
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4007
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDatepickerDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4008
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaDatepickerDirective, isStandalone: false, selector: "[matcha-datepicker]", ngImport: i0 }); }
|
|
3319
4009
|
}
|
|
3320
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4010
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDatepickerDirective, decorators: [{
|
|
3321
4011
|
type: Directive,
|
|
3322
4012
|
args: [{
|
|
3323
4013
|
selector: '[matcha-datepicker]',
|
|
@@ -3326,11 +4016,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3326
4016
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3327
4017
|
|
|
3328
4018
|
class MatchaDatepickerModule {
|
|
3329
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3330
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3331
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4019
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4020
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaDatepickerModule, declarations: [MatchaDatepickerDirective], exports: [MatchaDatepickerDirective] }); }
|
|
4021
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDatepickerModule }); }
|
|
3332
4022
|
}
|
|
3333
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4023
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDatepickerModule, decorators: [{
|
|
3334
4024
|
type: NgModule,
|
|
3335
4025
|
args: [{
|
|
3336
4026
|
declarations: [MatchaDatepickerDirective],
|
|
@@ -3340,13 +4030,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3340
4030
|
}] });
|
|
3341
4031
|
|
|
3342
4032
|
class MatchaHintTextModule {
|
|
3343
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3344
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
4033
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaHintTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4034
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaHintTextModule, declarations: [MatchaHintTextComponent], imports: [CommonModule,
|
|
3345
4035
|
MatchaIconModule], exports: [MatchaHintTextComponent] }); }
|
|
3346
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4036
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaHintTextModule, imports: [CommonModule,
|
|
3347
4037
|
MatchaIconModule] }); }
|
|
3348
4038
|
}
|
|
3349
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4039
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaHintTextModule, decorators: [{
|
|
3350
4040
|
type: NgModule,
|
|
3351
4041
|
args: [{
|
|
3352
4042
|
declarations: [MatchaHintTextComponent],
|
|
@@ -3365,10 +4055,10 @@ class MatchaInputDirective {
|
|
|
3365
4055
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3366
4056
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-input');
|
|
3367
4057
|
}
|
|
3368
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3369
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4058
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaInputDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4059
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaInputDirective, isStandalone: false, selector: "[matcha-input]", ngImport: i0 }); }
|
|
3370
4060
|
}
|
|
3371
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4061
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaInputDirective, decorators: [{
|
|
3372
4062
|
type: Directive,
|
|
3373
4063
|
args: [{
|
|
3374
4064
|
selector: '[matcha-input]',
|
|
@@ -3377,11 +4067,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3377
4067
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3378
4068
|
|
|
3379
4069
|
class MatchaInputModule {
|
|
3380
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3381
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3382
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4070
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4071
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaInputModule, declarations: [MatchaInputDirective], exports: [MatchaInputDirective] }); }
|
|
4072
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaInputModule }); }
|
|
3383
4073
|
}
|
|
3384
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4074
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaInputModule, decorators: [{
|
|
3385
4075
|
type: NgModule,
|
|
3386
4076
|
args: [{
|
|
3387
4077
|
declarations: [MatchaInputDirective],
|
|
@@ -3411,10 +4101,10 @@ class MatchaMenuTriggerForDirective {
|
|
|
3411
4101
|
this.menu.closeMenu();
|
|
3412
4102
|
}
|
|
3413
4103
|
}
|
|
3414
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3415
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4104
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaMenuTriggerForDirective, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4105
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaMenuTriggerForDirective, isStandalone: false, selector: "[matchaMenuTriggerFor]", inputs: { menu: ["matchaMenuTriggerFor", "menu"] }, host: { listeners: { "click": "onClick($event)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, exportAs: ["matchaMenuTriggerFor"], ngImport: i0 }); }
|
|
3416
4106
|
}
|
|
3417
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaMenuTriggerForDirective, decorators: [{
|
|
3418
4108
|
type: Directive,
|
|
3419
4109
|
args: [{
|
|
3420
4110
|
selector: '[matchaMenuTriggerFor]',
|
|
@@ -3442,13 +4132,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3442
4132
|
}] } });
|
|
3443
4133
|
|
|
3444
4134
|
class MatchaMenuModule {
|
|
3445
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3446
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
4135
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4136
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaMenuModule, declarations: [MatchaMenuComponent,
|
|
3447
4137
|
MatchaMenuTriggerForDirective], imports: [CommonModule], exports: [MatchaMenuComponent,
|
|
3448
4138
|
MatchaMenuTriggerForDirective] }); }
|
|
3449
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4139
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaMenuModule, imports: [CommonModule] }); }
|
|
3450
4140
|
}
|
|
3451
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaMenuModule, decorators: [{
|
|
3452
4142
|
type: NgModule,
|
|
3453
4143
|
args: [{
|
|
3454
4144
|
declarations: [
|
|
@@ -3507,10 +4197,10 @@ class MatchaOverflowDraggableComponent {
|
|
|
3507
4197
|
const activeClasses = `${draggableReference}`;
|
|
3508
4198
|
return activeClasses;
|
|
3509
4199
|
}
|
|
3510
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3511
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
4200
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaOverflowDraggableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4201
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: [""] }); }
|
|
3512
4202
|
}
|
|
3513
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaOverflowDraggableComponent, decorators: [{
|
|
3514
4204
|
type: Component,
|
|
3515
4205
|
args: [{ selector: 'matcha-overflow-draggable', standalone: false, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
3516
4206
|
}], propDecorators: { dragRef: [{
|
|
@@ -3524,10 +4214,10 @@ class MatchaPaginatorDirective {
|
|
|
3524
4214
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3525
4215
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-paginator');
|
|
3526
4216
|
}
|
|
3527
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3528
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4217
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaPaginatorDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4218
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaPaginatorDirective, isStandalone: false, selector: "[matchaPaginator]", ngImport: i0 }); }
|
|
3529
4219
|
}
|
|
3530
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaPaginatorDirective, decorators: [{
|
|
3531
4221
|
type: Directive,
|
|
3532
4222
|
args: [{
|
|
3533
4223
|
selector: '[matchaPaginator]',
|
|
@@ -3536,11 +4226,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3536
4226
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3537
4227
|
|
|
3538
4228
|
class MatchaPaginatorModule {
|
|
3539
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3540
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3541
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4229
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4230
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaPaginatorModule, declarations: [MatchaPaginatorDirective], imports: [CommonModule], exports: [MatchaPaginatorDirective] }); }
|
|
4231
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaPaginatorModule, imports: [CommonModule] }); }
|
|
3542
4232
|
}
|
|
3543
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4233
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaPaginatorModule, decorators: [{
|
|
3544
4234
|
type: NgModule,
|
|
3545
4235
|
args: [{
|
|
3546
4236
|
declarations: [MatchaPaginatorDirective],
|
|
@@ -3556,10 +4246,10 @@ class MatchaProgressBarDirective {
|
|
|
3556
4246
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3557
4247
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-progress-bar');
|
|
3558
4248
|
}
|
|
3559
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3560
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4249
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaProgressBarDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4250
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaProgressBarDirective, isStandalone: false, selector: "[matcha-progress-bar]", ngImport: i0 }); }
|
|
3561
4251
|
}
|
|
3562
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4252
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaProgressBarDirective, decorators: [{
|
|
3563
4253
|
type: Directive,
|
|
3564
4254
|
args: [{
|
|
3565
4255
|
selector: '[matcha-progress-bar]',
|
|
@@ -3568,11 +4258,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3568
4258
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3569
4259
|
|
|
3570
4260
|
class MatchaProgressBarModule {
|
|
3571
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3572
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3573
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4261
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4262
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaProgressBarModule, declarations: [MatchaProgressBarDirective], imports: [CommonModule], exports: [MatchaProgressBarDirective] }); }
|
|
4263
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaProgressBarModule, imports: [CommonModule] }); }
|
|
3574
4264
|
}
|
|
3575
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaProgressBarModule, decorators: [{
|
|
3576
4266
|
type: NgModule,
|
|
3577
4267
|
args: [{
|
|
3578
4268
|
declarations: [MatchaProgressBarDirective],
|
|
@@ -3592,10 +4282,10 @@ class MatchaRadioButtonDirective {
|
|
|
3592
4282
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3593
4283
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-radio-button');
|
|
3594
4284
|
}
|
|
3595
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3596
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4285
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaRadioButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4286
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaRadioButtonDirective, isStandalone: false, selector: "[matchaRadioButton]", ngImport: i0 }); }
|
|
3597
4287
|
}
|
|
3598
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaRadioButtonDirective, decorators: [{
|
|
3599
4289
|
type: Directive,
|
|
3600
4290
|
args: [{
|
|
3601
4291
|
selector: '[matchaRadioButton]',
|
|
@@ -3604,11 +4294,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3604
4294
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3605
4295
|
|
|
3606
4296
|
class MatchaRadioButtonModule {
|
|
3607
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3608
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3609
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4297
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaRadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4298
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaRadioButtonModule, declarations: [MatchaRadioButtonDirective], imports: [CommonModule], exports: [MatchaRadioButtonDirective] }); }
|
|
4299
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaRadioButtonModule, imports: [CommonModule] }); }
|
|
3610
4300
|
}
|
|
3611
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4301
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaRadioButtonModule, decorators: [{
|
|
3612
4302
|
type: NgModule,
|
|
3613
4303
|
args: [{
|
|
3614
4304
|
declarations: [MatchaRadioButtonDirective],
|
|
@@ -3626,10 +4316,10 @@ class MatchaSelectDirective {
|
|
|
3626
4316
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3627
4317
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-select');
|
|
3628
4318
|
}
|
|
3629
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3630
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4319
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSelectDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4320
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaSelectDirective, isStandalone: false, selector: "[matcha-select]", ngImport: i0 }); }
|
|
3631
4321
|
}
|
|
3632
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4322
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSelectDirective, decorators: [{
|
|
3633
4323
|
type: Directive,
|
|
3634
4324
|
args: [{
|
|
3635
4325
|
selector: '[matcha-select]',
|
|
@@ -3638,11 +4328,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3638
4328
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3639
4329
|
|
|
3640
4330
|
class MatchaSelectModule {
|
|
3641
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3642
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3643
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4331
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4332
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaSelectModule, declarations: [MatchaSelectDirective], imports: [CommonModule], exports: [MatchaSelectDirective] }); }
|
|
4333
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSelectModule, imports: [CommonModule] }); }
|
|
3644
4334
|
}
|
|
3645
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4335
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSelectModule, decorators: [{
|
|
3646
4336
|
type: NgModule,
|
|
3647
4337
|
args: [{
|
|
3648
4338
|
declarations: [MatchaSelectDirective],
|
|
@@ -3658,10 +4348,10 @@ class MatchaSidenavDirective {
|
|
|
3658
4348
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3659
4349
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-sidenav');
|
|
3660
4350
|
}
|
|
3661
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3662
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4351
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSidenavDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4352
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaSidenavDirective, isStandalone: false, selector: "[matcha-sidenav]", ngImport: i0 }); }
|
|
3663
4353
|
}
|
|
3664
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4354
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSidenavDirective, decorators: [{
|
|
3665
4355
|
type: Directive,
|
|
3666
4356
|
args: [{
|
|
3667
4357
|
selector: '[matcha-sidenav]',
|
|
@@ -3670,11 +4360,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3670
4360
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3671
4361
|
|
|
3672
4362
|
class MatchaSidenavModule {
|
|
3673
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3674
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3675
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4363
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4364
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaSidenavModule, declarations: [MatchaSidenavDirective], imports: [CommonModule], exports: [MatchaSidenavDirective] }); }
|
|
4365
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSidenavModule, imports: [CommonModule] }); }
|
|
3676
4366
|
}
|
|
3677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4367
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSidenavModule, decorators: [{
|
|
3678
4368
|
type: NgModule,
|
|
3679
4369
|
args: [{
|
|
3680
4370
|
declarations: [MatchaSidenavDirective],
|
|
@@ -3684,11 +4374,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3684
4374
|
}] });
|
|
3685
4375
|
|
|
3686
4376
|
class MatchaSlideToggleModule {
|
|
3687
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3688
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3689
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4377
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSlideToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4378
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaSlideToggleModule, declarations: [MatchaSlideToggleComponent], imports: [CommonModule, FormsModule], exports: [MatchaSlideToggleComponent] }); }
|
|
4379
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSlideToggleModule, imports: [CommonModule, FormsModule] }); }
|
|
3690
4380
|
}
|
|
3691
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4381
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSlideToggleModule, decorators: [{
|
|
3692
4382
|
type: NgModule,
|
|
3693
4383
|
args: [{
|
|
3694
4384
|
declarations: [MatchaSlideToggleComponent],
|
|
@@ -3706,10 +4396,10 @@ class MatchaSliderDirective {
|
|
|
3706
4396
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3707
4397
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-slider');
|
|
3708
4398
|
}
|
|
3709
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3710
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4399
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSliderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4400
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaSliderDirective, isStandalone: false, selector: "[matchaSlider]", ngImport: i0 }); }
|
|
3711
4401
|
}
|
|
3712
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSliderDirective, decorators: [{
|
|
3713
4403
|
type: Directive,
|
|
3714
4404
|
args: [{
|
|
3715
4405
|
selector: '[matchaSlider]',
|
|
@@ -3718,11 +4408,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3718
4408
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3719
4409
|
|
|
3720
4410
|
class MatchaSliderModule {
|
|
3721
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3722
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3723
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4411
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4412
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaSliderModule, declarations: [MatchaSliderDirective], imports: [CommonModule], exports: [MatchaSliderDirective] }); }
|
|
4413
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSliderModule, imports: [CommonModule] }); }
|
|
3724
4414
|
}
|
|
3725
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4415
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSliderModule, decorators: [{
|
|
3726
4416
|
type: NgModule,
|
|
3727
4417
|
args: [{
|
|
3728
4418
|
declarations: [MatchaSliderDirective],
|
|
@@ -3740,10 +4430,10 @@ class MatchaSnackBarDirective {
|
|
|
3740
4430
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3741
4431
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-snackbar');
|
|
3742
4432
|
}
|
|
3743
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3744
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4433
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSnackBarDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4434
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaSnackBarDirective, isStandalone: false, selector: "[matchaSnackBar]", ngImport: i0 }); }
|
|
3745
4435
|
}
|
|
3746
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4436
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSnackBarDirective, decorators: [{
|
|
3747
4437
|
type: Directive,
|
|
3748
4438
|
args: [{
|
|
3749
4439
|
selector: '[matchaSnackBar]',
|
|
@@ -3752,11 +4442,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3752
4442
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3753
4443
|
|
|
3754
4444
|
class MatchaSnackBarModule {
|
|
3755
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3756
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3757
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4445
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSnackBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4446
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaSnackBarModule, declarations: [MatchaSnackBarDirective], imports: [CommonModule], exports: [MatchaSnackBarDirective] }); }
|
|
4447
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSnackBarModule, imports: [CommonModule] }); }
|
|
3758
4448
|
}
|
|
3759
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4449
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSnackBarModule, decorators: [{
|
|
3760
4450
|
type: NgModule,
|
|
3761
4451
|
args: [{
|
|
3762
4452
|
declarations: [MatchaSnackBarDirective],
|
|
@@ -3772,10 +4462,10 @@ class MatchaSortHeaderDirective {
|
|
|
3772
4462
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3773
4463
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-sort-header');
|
|
3774
4464
|
}
|
|
3775
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3776
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4465
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSortHeaderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4466
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaSortHeaderDirective, isStandalone: false, selector: "[matchaSortHeader]", ngImport: i0 }); }
|
|
3777
4467
|
}
|
|
3778
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4468
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSortHeaderDirective, decorators: [{
|
|
3779
4469
|
type: Directive,
|
|
3780
4470
|
args: [{
|
|
3781
4471
|
selector: '[matchaSortHeader]',
|
|
@@ -3784,11 +4474,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3784
4474
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3785
4475
|
|
|
3786
4476
|
class MatchaSortHeaderModule {
|
|
3787
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3788
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3789
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4477
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSortHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4478
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaSortHeaderModule, declarations: [MatchaSortHeaderDirective], imports: [CommonModule], exports: [MatchaSortHeaderDirective] }); }
|
|
4479
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSortHeaderModule, imports: [CommonModule] }); }
|
|
3790
4480
|
}
|
|
3791
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4481
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSortHeaderModule, decorators: [{
|
|
3792
4482
|
type: NgModule,
|
|
3793
4483
|
args: [{
|
|
3794
4484
|
declarations: [MatchaSortHeaderDirective],
|
|
@@ -3798,11 +4488,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3798
4488
|
}] });
|
|
3799
4489
|
|
|
3800
4490
|
class MatchaSpinModule {
|
|
3801
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3802
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3803
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4491
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSpinModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4492
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaSpinModule, declarations: [MatchaSpinComponent], imports: [CommonModule], exports: [MatchaSpinComponent] }); }
|
|
4493
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSpinModule, imports: [CommonModule] }); }
|
|
3804
4494
|
}
|
|
3805
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4495
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSpinModule, decorators: [{
|
|
3806
4496
|
type: NgModule,
|
|
3807
4497
|
args: [{
|
|
3808
4498
|
declarations: [MatchaSpinComponent],
|
|
@@ -3820,10 +4510,10 @@ class MatchaTableDirective {
|
|
|
3820
4510
|
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3821
4511
|
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-table');
|
|
3822
4512
|
}
|
|
3823
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3824
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4513
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4514
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaTableDirective, isStandalone: false, selector: "[matchaTable]", ngImport: i0 }); }
|
|
3825
4515
|
}
|
|
3826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4516
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTableDirective, decorators: [{
|
|
3827
4517
|
type: Directive,
|
|
3828
4518
|
args: [{
|
|
3829
4519
|
selector: '[matchaTable]',
|
|
@@ -3832,11 +4522,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3832
4522
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3833
4523
|
|
|
3834
4524
|
class MatchaTableModule {
|
|
3835
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3836
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
3837
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4525
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4526
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaTableModule, declarations: [MatchaTableDirective], imports: [CommonModule], exports: [MatchaTableDirective] }); }
|
|
4527
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTableModule, imports: [CommonModule] }); }
|
|
3838
4528
|
}
|
|
3839
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4529
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTableModule, decorators: [{
|
|
3840
4530
|
type: NgModule,
|
|
3841
4531
|
args: [{
|
|
3842
4532
|
declarations: [MatchaTableDirective],
|
|
@@ -3846,15 +4536,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3846
4536
|
}] });
|
|
3847
4537
|
|
|
3848
4538
|
class MatchaTabsModule {
|
|
3849
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3850
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
4539
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4540
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaTabsModule, declarations: [MatchaTabsComponent, MatchaTabItemComponent], imports: [CommonModule,
|
|
3851
4541
|
MatchaTooltipModule,
|
|
3852
4542
|
MatchaIconModule], exports: [MatchaTabsComponent, MatchaTabItemComponent] }); }
|
|
3853
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4543
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTabsModule, imports: [CommonModule,
|
|
3854
4544
|
MatchaTooltipModule,
|
|
3855
4545
|
MatchaIconModule] }); }
|
|
3856
4546
|
}
|
|
3857
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTabsModule, decorators: [{
|
|
3858
4548
|
type: NgModule,
|
|
3859
4549
|
args: [{
|
|
3860
4550
|
declarations: [MatchaTabsComponent, MatchaTabItemComponent],
|
|
@@ -3867,46 +4557,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3867
4557
|
}]
|
|
3868
4558
|
}] });
|
|
3869
4559
|
|
|
3870
|
-
class MatchaTreeDirective {
|
|
3871
|
-
constructor(_elementRef, _renderer) {
|
|
3872
|
-
this._elementRef = _elementRef;
|
|
3873
|
-
this._renderer = _renderer;
|
|
3874
|
-
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
3875
|
-
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-tree');
|
|
3876
|
-
}
|
|
3877
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MatchaTreeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3878
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: MatchaTreeDirective, isStandalone: false, selector: "[matchaTree]", ngImport: i0 }); }
|
|
3879
|
-
}
|
|
3880
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MatchaTreeDirective, decorators: [{
|
|
3881
|
-
type: Directive,
|
|
3882
|
-
args: [{
|
|
3883
|
-
selector: '[matchaTree]',
|
|
3884
|
-
standalone: false
|
|
3885
|
-
}]
|
|
3886
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3887
|
-
|
|
3888
|
-
class MatchaTreeModule {
|
|
3889
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MatchaTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3890
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: MatchaTreeModule, declarations: [MatchaTreeDirective], imports: [CommonModule], exports: [MatchaTreeDirective] }); }
|
|
3891
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MatchaTreeModule, imports: [CommonModule] }); }
|
|
3892
|
-
}
|
|
3893
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MatchaTreeModule, decorators: [{
|
|
3894
|
-
type: NgModule,
|
|
3895
|
-
args: [{
|
|
3896
|
-
declarations: [MatchaTreeDirective],
|
|
3897
|
-
imports: [CommonModule],
|
|
3898
|
-
exports: [MatchaTreeDirective],
|
|
3899
|
-
}]
|
|
3900
|
-
}] });
|
|
3901
|
-
|
|
3902
4560
|
class MatchaDateModule {
|
|
3903
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3904
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
4561
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4562
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaDateModule, declarations: [MatchaDateComponent], imports: [CommonModule,
|
|
3905
4563
|
ReactiveFormsModule], exports: [MatchaDateComponent] }); }
|
|
3906
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4564
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDateModule, imports: [CommonModule,
|
|
3907
4565
|
ReactiveFormsModule] }); }
|
|
3908
4566
|
}
|
|
3909
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDateModule, decorators: [{
|
|
3910
4568
|
type: NgModule,
|
|
3911
4569
|
args: [{
|
|
3912
4570
|
declarations: [MatchaDateComponent],
|
|
@@ -3919,13 +4577,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3919
4577
|
}] });
|
|
3920
4578
|
|
|
3921
4579
|
class MatchaTimeModule {
|
|
3922
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3923
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
4580
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4581
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaTimeModule, declarations: [MatchaTimeComponent], imports: [CommonModule,
|
|
3924
4582
|
ReactiveFormsModule], exports: [MatchaTimeComponent] }); }
|
|
3925
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4583
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTimeModule, imports: [CommonModule,
|
|
3926
4584
|
ReactiveFormsModule] }); }
|
|
3927
4585
|
}
|
|
3928
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4586
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaTimeModule, decorators: [{
|
|
3929
4587
|
type: NgModule,
|
|
3930
4588
|
args: [{
|
|
3931
4589
|
declarations: [MatchaTimeComponent],
|
|
@@ -3944,10 +4602,10 @@ class PrevStepDirective {
|
|
|
3944
4602
|
onClick() {
|
|
3945
4603
|
this.stepper?.prevStep();
|
|
3946
4604
|
}
|
|
3947
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3948
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4605
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PrevStepDirective, deps: [{ token: MatchaStepperContentComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4606
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: PrevStepDirective, isStandalone: true, selector: "[prevStep]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
|
3949
4607
|
}
|
|
3950
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4608
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PrevStepDirective, decorators: [{
|
|
3951
4609
|
type: Directive,
|
|
3952
4610
|
args: [{
|
|
3953
4611
|
selector: '[prevStep]',
|
|
@@ -3965,10 +4623,10 @@ class NextStepDirective {
|
|
|
3965
4623
|
onClick() {
|
|
3966
4624
|
this.stepper?.nextStep();
|
|
3967
4625
|
}
|
|
3968
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3969
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
4626
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NextStepDirective, deps: [{ token: MatchaStepperContentComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4627
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: NextStepDirective, isStandalone: true, selector: "[nextStep]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
|
3970
4628
|
}
|
|
3971
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4629
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NextStepDirective, decorators: [{
|
|
3972
4630
|
type: Directive,
|
|
3973
4631
|
args: [{
|
|
3974
4632
|
selector: '[nextStep]',
|
|
@@ -3980,8 +4638,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
3980
4638
|
}] } });
|
|
3981
4639
|
|
|
3982
4640
|
class MatchaStepperModule {
|
|
3983
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3984
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
4641
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4642
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperModule, declarations: [MatchaStepperControllerComponent,
|
|
3985
4643
|
MatchaStepperComponent,
|
|
3986
4644
|
MatchaStepperContentComponent,
|
|
3987
4645
|
StepComponent], imports: [CommonModule,
|
|
@@ -3992,9 +4650,9 @@ class MatchaStepperModule {
|
|
|
3992
4650
|
StepComponent,
|
|
3993
4651
|
PrevStepDirective,
|
|
3994
4652
|
NextStepDirective] }); }
|
|
3995
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
4653
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperModule, imports: [CommonModule] }); }
|
|
3996
4654
|
}
|
|
3997
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4655
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperModule, decorators: [{
|
|
3998
4656
|
type: NgModule,
|
|
3999
4657
|
args: [{
|
|
4000
4658
|
declarations: [
|
|
@@ -4020,10 +4678,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
4020
4678
|
}]
|
|
4021
4679
|
}] });
|
|
4022
4680
|
|
|
4681
|
+
class MatchaDragHandleDirective {
|
|
4682
|
+
get dragHandleClass() {
|
|
4683
|
+
return true;
|
|
4684
|
+
}
|
|
4685
|
+
constructor(elementRef, dragDirective) {
|
|
4686
|
+
this.elementRef = elementRef;
|
|
4687
|
+
this.dragDirective = dragDirective;
|
|
4688
|
+
}
|
|
4689
|
+
ngOnInit() {
|
|
4690
|
+
this.dragDirective.setDragHandle(this.elementRef.nativeElement);
|
|
4691
|
+
}
|
|
4692
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDragHandleDirective, deps: [{ token: i0.ElementRef }, { token: MatchaDragDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4693
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: MatchaDragHandleDirective, isStandalone: false, selector: "[matchaDragHandle]", host: { properties: { "class.matcha-drag-handle": "this.dragHandleClass" } }, ngImport: i0 }); }
|
|
4694
|
+
}
|
|
4695
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDragHandleDirective, decorators: [{
|
|
4696
|
+
type: Directive,
|
|
4697
|
+
args: [{
|
|
4698
|
+
selector: '[matchaDragHandle]',
|
|
4699
|
+
standalone: false
|
|
4700
|
+
}]
|
|
4701
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: MatchaDragDirective }], propDecorators: { dragHandleClass: [{
|
|
4702
|
+
type: HostBinding,
|
|
4703
|
+
args: ['class.matcha-drag-handle']
|
|
4704
|
+
}] } });
|
|
4705
|
+
|
|
4706
|
+
class MatchaDropListModule {
|
|
4707
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDropListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4708
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaDropListModule, declarations: [MatchaDropListComponent,
|
|
4709
|
+
MatchaDragDirective,
|
|
4710
|
+
MatchaDragHandleDirective], imports: [CommonModule], exports: [MatchaDropListComponent,
|
|
4711
|
+
MatchaDragDirective,
|
|
4712
|
+
MatchaDragHandleDirective] }); }
|
|
4713
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDropListModule, providers: [
|
|
4714
|
+
MatchaDropListService
|
|
4715
|
+
], imports: [CommonModule] }); }
|
|
4716
|
+
}
|
|
4717
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaDropListModule, decorators: [{
|
|
4718
|
+
type: NgModule,
|
|
4719
|
+
args: [{
|
|
4720
|
+
declarations: [
|
|
4721
|
+
MatchaDropListComponent,
|
|
4722
|
+
MatchaDragDirective,
|
|
4723
|
+
MatchaDragHandleDirective
|
|
4724
|
+
],
|
|
4725
|
+
imports: [
|
|
4726
|
+
CommonModule
|
|
4727
|
+
],
|
|
4728
|
+
exports: [
|
|
4729
|
+
MatchaDropListComponent,
|
|
4730
|
+
MatchaDragDirective,
|
|
4731
|
+
MatchaDragHandleDirective
|
|
4732
|
+
],
|
|
4733
|
+
providers: [
|
|
4734
|
+
MatchaDropListService
|
|
4735
|
+
]
|
|
4736
|
+
}]
|
|
4737
|
+
}] });
|
|
4738
|
+
|
|
4023
4739
|
// import { MatchaInputPhoneModule } from './matcha-input-phone/input-phone.module';
|
|
4024
4740
|
class MatchaComponentsModule {
|
|
4025
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4026
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
4741
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4742
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaComponentsModule, declarations: [MatchaOverflowDraggableComponent], imports: [CommonModule,
|
|
4027
4743
|
FormsModule,
|
|
4028
4744
|
ReactiveFormsModule,
|
|
4029
4745
|
MatchaAccordionModule,
|
|
@@ -4063,9 +4779,9 @@ class MatchaComponentsModule {
|
|
|
4063
4779
|
MatchaTabsModule,
|
|
4064
4780
|
MatchaTitleModule,
|
|
4065
4781
|
MatchaTooltipModule,
|
|
4066
|
-
MatchaTreeModule,
|
|
4067
4782
|
MatchaDateModule,
|
|
4068
|
-
MatchaTimeModule
|
|
4783
|
+
MatchaTimeModule,
|
|
4784
|
+
MatchaDropListModule], exports: [MatchaAccordionModule,
|
|
4069
4785
|
//MatchaAutocompleteModule,
|
|
4070
4786
|
MatchaBadgeModule,
|
|
4071
4787
|
MatchaButtonModule,
|
|
@@ -4102,10 +4818,10 @@ class MatchaComponentsModule {
|
|
|
4102
4818
|
MatchaTabsModule,
|
|
4103
4819
|
MatchaTitleModule,
|
|
4104
4820
|
MatchaTooltipModule,
|
|
4105
|
-
MatchaTreeModule,
|
|
4106
4821
|
MatchaDateModule,
|
|
4107
|
-
MatchaTimeModule
|
|
4108
|
-
|
|
4822
|
+
MatchaTimeModule,
|
|
4823
|
+
MatchaDropListModule] }); }
|
|
4824
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaComponentsModule, imports: [CommonModule,
|
|
4109
4825
|
FormsModule,
|
|
4110
4826
|
ReactiveFormsModule,
|
|
4111
4827
|
MatchaAccordionModule,
|
|
@@ -4145,9 +4861,9 @@ class MatchaComponentsModule {
|
|
|
4145
4861
|
MatchaTabsModule,
|
|
4146
4862
|
MatchaTitleModule,
|
|
4147
4863
|
MatchaTooltipModule,
|
|
4148
|
-
MatchaTreeModule,
|
|
4149
4864
|
MatchaDateModule,
|
|
4150
|
-
MatchaTimeModule,
|
|
4865
|
+
MatchaTimeModule,
|
|
4866
|
+
MatchaDropListModule, MatchaAccordionModule,
|
|
4151
4867
|
//MatchaAutocompleteModule,
|
|
4152
4868
|
MatchaBadgeModule,
|
|
4153
4869
|
MatchaButtonModule,
|
|
@@ -4184,11 +4900,11 @@ class MatchaComponentsModule {
|
|
|
4184
4900
|
MatchaTabsModule,
|
|
4185
4901
|
MatchaTitleModule,
|
|
4186
4902
|
MatchaTooltipModule,
|
|
4187
|
-
MatchaTreeModule,
|
|
4188
4903
|
MatchaDateModule,
|
|
4189
|
-
MatchaTimeModule
|
|
4904
|
+
MatchaTimeModule,
|
|
4905
|
+
MatchaDropListModule] }); }
|
|
4190
4906
|
}
|
|
4191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4907
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaComponentsModule, decorators: [{
|
|
4192
4908
|
type: NgModule,
|
|
4193
4909
|
args: [{
|
|
4194
4910
|
declarations: [MatchaOverflowDraggableComponent],
|
|
@@ -4233,9 +4949,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
4233
4949
|
MatchaTabsModule,
|
|
4234
4950
|
MatchaTitleModule,
|
|
4235
4951
|
MatchaTooltipModule,
|
|
4236
|
-
MatchaTreeModule,
|
|
4237
4952
|
MatchaDateModule,
|
|
4238
4953
|
MatchaTimeModule,
|
|
4954
|
+
MatchaDropListModule
|
|
4239
4955
|
],
|
|
4240
4956
|
exports: [MatchaAccordionModule,
|
|
4241
4957
|
//MatchaAutocompleteModule,
|
|
@@ -4274,10 +4990,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
4274
4990
|
MatchaTabsModule,
|
|
4275
4991
|
MatchaTitleModule,
|
|
4276
4992
|
MatchaTooltipModule,
|
|
4277
|
-
MatchaTreeModule,
|
|
4278
4993
|
MatchaDateModule,
|
|
4279
4994
|
MatchaTimeModule,
|
|
4995
|
+
MatchaDropListModule,
|
|
4996
|
+
],
|
|
4997
|
+
}]
|
|
4998
|
+
}] });
|
|
4999
|
+
|
|
5000
|
+
class MatchaSkeletonModule {
|
|
5001
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5002
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaSkeletonModule, declarations: [MatchaSkeletonComponent], imports: [CommonModule], exports: [MatchaSkeletonComponent] }); }
|
|
5003
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSkeletonModule, imports: [CommonModule] }); }
|
|
5004
|
+
}
|
|
5005
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSkeletonModule, decorators: [{
|
|
5006
|
+
type: NgModule,
|
|
5007
|
+
args: [{
|
|
5008
|
+
declarations: [MatchaSkeletonComponent],
|
|
5009
|
+
imports: [
|
|
5010
|
+
CommonModule
|
|
4280
5011
|
],
|
|
5012
|
+
exports: [MatchaSkeletonComponent],
|
|
4281
5013
|
}]
|
|
4282
5014
|
}] });
|
|
4283
5015
|
|
|
@@ -4285,10 +5017,10 @@ class StepContentDirective {
|
|
|
4285
5017
|
constructor(template) {
|
|
4286
5018
|
this.template = template;
|
|
4287
5019
|
}
|
|
4288
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4289
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
5020
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: StepContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5021
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: StepContentDirective, isStandalone: true, selector: "[step]", inputs: { step: "step" }, ngImport: i0 }); }
|
|
4290
5022
|
}
|
|
4291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5023
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: StepContentDirective, decorators: [{
|
|
4292
5024
|
type: Directive,
|
|
4293
5025
|
args: [{
|
|
4294
5026
|
selector: '[step]'
|
|
@@ -4328,5 +5060,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
4328
5060
|
* Generated bundle index. Do not edit.
|
|
4329
5061
|
*/
|
|
4330
5062
|
|
|
4331
|
-
export { MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOverlayService, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioButtonDirective, MatchaRadioButtonModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule,
|
|
5063
|
+
export { MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOverlayService, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioButtonDirective, MatchaRadioButtonModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective };
|
|
4332
5064
|
//# sourceMappingURL=matcha-components.mjs.map
|