matcha-components 20.197.0 → 20.198.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 +505 -491
- package/fesm2022/matcha-components.mjs.map +1 -1
- package/index.d.ts +3 -2
- package/package.json +1 -1
|
@@ -85,10 +85,10 @@ class MatchaOptionComponent {
|
|
|
85
85
|
getTextContent() {
|
|
86
86
|
return this.elRef.nativeElement.textContent?.trim() || '';
|
|
87
87
|
}
|
|
88
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
89
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
88
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaOptionComponent, deps: [{ token: MATCHA_OPTION_PARENT, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
89
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaOptionComponent, isStandalone: false, selector: "matcha-option", inputs: { value: "value", disabled: "disabled" }, outputs: { optionClick: "optionClick", optionSelect: "optionSelect" }, host: { attributes: { "role": "option", "tabindex": "0" }, listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "attr.disabled": "this.disabledAttr", "class.matcha-option-disabled": "this.disabledClass", "attr.aria-selected": "this.selected" }, classAttribute: "matcha-option" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
|
|
90
90
|
}
|
|
91
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaOptionComponent, decorators: [{
|
|
92
92
|
type: Component,
|
|
93
93
|
args: [{
|
|
94
94
|
selector: 'matcha-option',
|
|
@@ -137,7 +137,8 @@ class MatchaPanelComponent {
|
|
|
137
137
|
this.cdr = cdr;
|
|
138
138
|
this.placement = 'auto';
|
|
139
139
|
this.maxHeight = 280;
|
|
140
|
-
this.minWidth =
|
|
140
|
+
this.minWidth = 240;
|
|
141
|
+
this.widthMode = 'fixed';
|
|
141
142
|
this.offset = 4; // Espaçamento entre trigger e painel
|
|
142
143
|
this.open = false;
|
|
143
144
|
this.hasOverlay = true; // Mantido por compatibilidade, mas sem efeito visual de backdrop
|
|
@@ -307,7 +308,14 @@ class MatchaPanelComponent {
|
|
|
307
308
|
const style = this.paneRef.nativeElement.style;
|
|
308
309
|
// Usar translate3d força aceleração de hardware
|
|
309
310
|
style.transform = `translate3d(${position.left}px, ${position.top}px, 0)`;
|
|
310
|
-
|
|
311
|
+
if (this.widthMode === 'max-content') {
|
|
312
|
+
style.width = 'max-content';
|
|
313
|
+
style.minWidth = `${this.minWidth}px`;
|
|
314
|
+
}
|
|
315
|
+
else {
|
|
316
|
+
style.width = `${position.width}px`;
|
|
317
|
+
style.minWidth = '';
|
|
318
|
+
}
|
|
311
319
|
style.top = '0px';
|
|
312
320
|
style.left = '0px';
|
|
313
321
|
}
|
|
@@ -410,8 +418,8 @@ class MatchaPanelComponent {
|
|
|
410
418
|
}
|
|
411
419
|
return { top, left, width, maxHeight, actualPlacement: 'bottom' };
|
|
412
420
|
}
|
|
413
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
414
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
421
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPanelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
422
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaPanelComponent, isStandalone: false, selector: "matcha-panel", inputs: { placement: "placement", maxHeight: "maxHeight", minWidth: "minWidth", widthMode: "widthMode", offset: "offset", triggerElement: "triggerElement", open: "open", hasOverlay: "hasOverlay", ignoreClickOutsideElements: "ignoreClickOutsideElements", suppressGlobalClose: "suppressGlobalClose", portalToBody: "portalToBody" }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "window:resize": "onWindowResize()" } }, viewQueries: [{ propertyName: "panelRef", first: true, predicate: ["panel"], descendants: true }, { propertyName: "paneRef", first: true, predicate: ["pane"], descendants: true }, { propertyName: "overlayRef", first: true, predicate: ["overlayEl"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
415
423
|
<!-- Container âncora (referência local) -->
|
|
416
424
|
<div class="matcha-panel-anchor" style="display: none;"></div>
|
|
417
425
|
|
|
@@ -419,10 +427,11 @@ class MatchaPanelComponent {
|
|
|
419
427
|
<!-- Carrega apenas quando aberto (*ngIf) e usa position: fixed para escapar do overflow -->
|
|
420
428
|
<div *ngIf="open" #overlayEl class="matcha-panel-overlay">
|
|
421
429
|
<!-- Pane de Posicionamento (Absolute dentro do Fixed) -->
|
|
422
|
-
<div #pane class="matcha-panel-pane"
|
|
430
|
+
<div #pane class="matcha-panel-pane"
|
|
423
431
|
[style.top.px]="panePosition.top"
|
|
424
432
|
[style.left.px]="panePosition.left"
|
|
425
|
-
[style.width
|
|
433
|
+
[style.width]="widthMode === 'max-content' ? 'max-content' : panePosition.width + 'px'"
|
|
434
|
+
[style.min-width]="widthMode === 'max-content' ? minWidth + 'px' : null"
|
|
426
435
|
[style.visibility]="isPositioned ? 'visible' : 'hidden'">
|
|
427
436
|
|
|
428
437
|
<!-- Painel (Conteúdo scrollável) -->
|
|
@@ -442,7 +451,7 @@ class MatchaPanelComponent {
|
|
|
442
451
|
</div>
|
|
443
452
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
444
453
|
}
|
|
445
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
454
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPanelComponent, decorators: [{
|
|
446
455
|
type: Component,
|
|
447
456
|
args: [{
|
|
448
457
|
selector: 'matcha-panel',
|
|
@@ -454,10 +463,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
454
463
|
<!-- Carrega apenas quando aberto (*ngIf) e usa position: fixed para escapar do overflow -->
|
|
455
464
|
<div *ngIf="open" #overlayEl class="matcha-panel-overlay">
|
|
456
465
|
<!-- Pane de Posicionamento (Absolute dentro do Fixed) -->
|
|
457
|
-
<div #pane class="matcha-panel-pane"
|
|
466
|
+
<div #pane class="matcha-panel-pane"
|
|
458
467
|
[style.top.px]="panePosition.top"
|
|
459
468
|
[style.left.px]="panePosition.left"
|
|
460
|
-
[style.width
|
|
469
|
+
[style.width]="widthMode === 'max-content' ? 'max-content' : panePosition.width + 'px'"
|
|
470
|
+
[style.min-width]="widthMode === 'max-content' ? minWidth + 'px' : null"
|
|
461
471
|
[style.visibility]="isPositioned ? 'visible' : 'hidden'">
|
|
462
472
|
|
|
463
473
|
<!-- Painel (Conteúdo scrollável) -->
|
|
@@ -484,6 +494,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
484
494
|
type: Input
|
|
485
495
|
}], minWidth: [{
|
|
486
496
|
type: Input
|
|
497
|
+
}], widthMode: [{
|
|
498
|
+
type: Input
|
|
487
499
|
}], offset: [{
|
|
488
500
|
type: Input
|
|
489
501
|
}], triggerElement: [{
|
|
@@ -744,15 +756,15 @@ class MatchaAutocompleteComponent {
|
|
|
744
756
|
}
|
|
745
757
|
return null;
|
|
746
758
|
}
|
|
747
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
748
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
759
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAutocompleteComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
760
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaAutocompleteComponent, isStandalone: false, selector: "matcha-autocomplete", inputs: { placement: "placement", maxHeight: "maxHeight", minWidth: "minWidth", disabled: "disabled", autoSelectOnBlur: "autoSelectOnBlur", displayWith: "displayWith", displayProperty: "displayProperty", showClearButton: "showClearButton", clearButtonIcon: "clearButtonIcon", clearButtonAriaLabel: "clearButtonAriaLabel" }, outputs: { opened: "opened", closed: "closed", cleared: "cleared", autoSelected: "autoSelected", optionSelected: "optionSelected", openedChange: "openedChange" }, host: { properties: { "class.matcha-autocomplete-disabled": "this.hostDisabledClass", "attr.disabled": "this.hostDisabledAttr" } }, providers: [
|
|
749
761
|
{
|
|
750
762
|
provide: MATCHA_OPTION_PARENT,
|
|
751
763
|
useExisting: forwardRef(() => MatchaAutocompleteComponent)
|
|
752
764
|
}
|
|
753
|
-
], queries: [{ propertyName: "options", predicate: MatchaOptionComponent, descendants: true }], viewQueries: [{ propertyName: "panel", first: true, predicate: MatchaPanelComponent, descendants: true }], ngImport: i0, template: "<div class=\"matcha-autocomplete-container\">\n <matcha-panel #panel [open]=\"open\" [placement]=\"placement\" [maxHeight]=\"maxHeight\" [minWidth]=\"minWidth\"\n [triggerElement]=\"triggerElement\" [portalToBody]=\"true\" (opened)=\"opened.emit()\" (closed)=\"closePanel()\">\n <div class=\"matcha-panel-content flex-column\">\n <ng-content></ng-content>\n </div>\n </matcha-panel>\n</div>", dependencies: [{ kind: "component", type: MatchaPanelComponent, selector: "matcha-panel", inputs: ["placement", "maxHeight", "minWidth", "offset", "triggerElement", "open", "hasOverlay", "ignoreClickOutsideElements", "suppressGlobalClose", "portalToBody"], outputs: ["opened", "closed"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
765
|
+
], queries: [{ propertyName: "options", predicate: MatchaOptionComponent, descendants: true }], viewQueries: [{ propertyName: "panel", first: true, predicate: MatchaPanelComponent, descendants: true }], ngImport: i0, template: "<div class=\"matcha-autocomplete-container\">\n <matcha-panel #panel [open]=\"open\" [placement]=\"placement\" [maxHeight]=\"maxHeight\" [minWidth]=\"minWidth\"\n [triggerElement]=\"triggerElement\" [portalToBody]=\"true\" (opened)=\"opened.emit()\" (closed)=\"closePanel()\">\n <div class=\"matcha-panel-content flex-column\">\n <ng-content></ng-content>\n </div>\n </matcha-panel>\n</div>", dependencies: [{ kind: "component", type: MatchaPanelComponent, selector: "matcha-panel", inputs: ["placement", "maxHeight", "minWidth", "widthMode", "offset", "triggerElement", "open", "hasOverlay", "ignoreClickOutsideElements", "suppressGlobalClose", "portalToBody"], outputs: ["opened", "closed"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
754
766
|
}
|
|
755
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
767
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAutocompleteComponent, decorators: [{
|
|
756
768
|
type: Component,
|
|
757
769
|
args: [{ selector: 'matcha-autocomplete', encapsulation: ViewEncapsulation.None, standalone: false, providers: [
|
|
758
770
|
{
|
|
@@ -1136,10 +1148,10 @@ class MatchaAutocompleteTriggerDirective {
|
|
|
1136
1148
|
this.renderer.setStyle(this.clearButton, 'display', 'none');
|
|
1137
1149
|
}
|
|
1138
1150
|
}
|
|
1139
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1140
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
1151
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAutocompleteTriggerDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1152
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: MatchaAutocompleteTriggerDirective, isStandalone: false, selector: "[matchaAutocomplete]", inputs: { panel: ["matchaAutocomplete", "panel"], disabled: "disabled" }, host: { listeners: { "click": "onClick()", "focus": "onFocus()", "input": "onInput($event)", "blur": "onBlur()", "keydown": "onKeydown($event)", "document:click": "onDocClick($event)" }, properties: { "disabled": "this.hostDisabled", "attr.autocomplete": "this.autocompleteOff" } }, ngImport: i0 }); }
|
|
1141
1153
|
}
|
|
1142
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAutocompleteTriggerDirective, decorators: [{
|
|
1143
1155
|
type: Directive,
|
|
1144
1156
|
args: [{
|
|
1145
1157
|
selector: '[matchaAutocomplete]',
|
|
@@ -1177,11 +1189,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
1177
1189
|
}] } });
|
|
1178
1190
|
|
|
1179
1191
|
class MatchaOptionModule {
|
|
1180
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1181
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1182
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1192
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaOptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1193
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaOptionModule, declarations: [MatchaOptionComponent], imports: [CommonModule], exports: [MatchaOptionComponent] }); }
|
|
1194
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaOptionModule, imports: [CommonModule] }); }
|
|
1183
1195
|
}
|
|
1184
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaOptionModule, decorators: [{
|
|
1185
1197
|
type: NgModule,
|
|
1186
1198
|
args: [{
|
|
1187
1199
|
declarations: [
|
|
@@ -1197,11 +1209,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
1197
1209
|
}] });
|
|
1198
1210
|
|
|
1199
1211
|
class MatchaPanelModule {
|
|
1200
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1201
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1202
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1212
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1213
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaPanelModule, declarations: [MatchaPanelComponent], imports: [CommonModule], exports: [MatchaPanelComponent] }); }
|
|
1214
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPanelModule, imports: [CommonModule] }); }
|
|
1203
1215
|
}
|
|
1204
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPanelModule, decorators: [{
|
|
1205
1217
|
type: NgModule,
|
|
1206
1218
|
args: [{
|
|
1207
1219
|
declarations: [
|
|
@@ -1217,20 +1229,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
1217
1229
|
}] });
|
|
1218
1230
|
|
|
1219
1231
|
class MatchaAutocompleteModule {
|
|
1220
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1221
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1232
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1233
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaAutocompleteModule, declarations: [MatchaAutocompleteComponent,
|
|
1222
1234
|
MatchaAutocompleteTriggerDirective], imports: [CommonModule,
|
|
1223
1235
|
MatchaOptionModule,
|
|
1224
1236
|
MatchaPanelModule], exports: [MatchaAutocompleteComponent,
|
|
1225
1237
|
MatchaAutocompleteTriggerDirective,
|
|
1226
1238
|
MatchaOptionModule // Re-exporta para conveniência
|
|
1227
1239
|
] }); }
|
|
1228
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1240
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAutocompleteModule, imports: [CommonModule,
|
|
1229
1241
|
MatchaOptionModule,
|
|
1230
1242
|
MatchaPanelModule, MatchaOptionModule // Re-exporta para conveniência
|
|
1231
1243
|
] }); }
|
|
1232
1244
|
}
|
|
1233
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1245
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAutocompleteModule, decorators: [{
|
|
1234
1246
|
type: NgModule,
|
|
1235
1247
|
args: [{
|
|
1236
1248
|
declarations: [
|
|
@@ -1650,8 +1662,8 @@ class MatchaSelectComponent {
|
|
|
1650
1662
|
this.cdr.markForCheck();
|
|
1651
1663
|
this.cdr.detectChanges();
|
|
1652
1664
|
}
|
|
1653
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1654
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1665
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSelectComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1666
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaSelectComponent, isStandalone: false, selector: "matcha-select", inputs: { placement: "placement", maxHeight: "maxHeight", minWidth: "minWidth", placeholder: "placeholder", disabled: "disabled" }, outputs: { opened: "opened", closed: "closed", selectionChange: "selectionChange", openedChange: "openedChange" }, host: { properties: { "class.matcha-select-disabled": "this.hostDisabledClass", "attr.disabled": "this.hostDisabledAttr" } }, providers: [
|
|
1655
1667
|
{
|
|
1656
1668
|
provide: NG_VALUE_ACCESSOR,
|
|
1657
1669
|
useExisting: forwardRef(() => MatchaSelectComponent),
|
|
@@ -1661,9 +1673,9 @@ class MatchaSelectComponent {
|
|
|
1661
1673
|
provide: MATCHA_OPTION_PARENT,
|
|
1662
1674
|
useExisting: forwardRef(() => MatchaSelectComponent)
|
|
1663
1675
|
}
|
|
1664
|
-
], queries: [{ propertyName: "options", predicate: MatchaOptionComponent, descendants: true }], viewQueries: [{ propertyName: "panel", first: true, predicate: MatchaPanelComponent, descendants: true }], ngImport: i0, template: "<div class=\"matcha-select-container\" [class.matcha-select-disabled]=\"isCurrentlyDisabled\">\n <div class=\"matcha-select-trigger\" [class.matcha-select-open]=\"open\"\n [class.matcha-select-disabled]=\"isCurrentlyDisabled\" (click)=\"onTriggerClick()\"\n [attr.tabindex]=\"isCurrentlyDisabled ? -1 : 0\" role=\"combobox\" [attr.aria-expanded]=\"open\"\n [attr.aria-haspopup]=\"true\" [attr.aria-disabled]=\"isCurrentlyDisabled\">\n\n <span class=\"matcha-select-value\"\n [class.matcha-select-placeholder]=\"selectedValue === undefined || selectedValue === null || selectedValue === ''\">\n {{ getSelectedLabel() || placeholder }}\n </span>\n\n <span class=\"matcha-select-arrow\" [class.matcha-select-arrow-open]=\"open\">\n <span class=\"i-matcha-action_arrow_down\"></span>\n </span>\n </div>\n\n <matcha-panel #panel [placement]=\"placement\" [maxHeight]=\"maxHeight\" [minWidth]=\"minWidth\" [open]=\"open\"\n [portalToBody]=\"true\" (closed)=\"closePanel()\">\n <ng-content></ng-content>\n </matcha-panel>\n</div>", styles: [""], dependencies: [{ kind: "component", type: MatchaPanelComponent, selector: "matcha-panel", inputs: ["placement", "maxHeight", "minWidth", "offset", "triggerElement", "open", "hasOverlay", "ignoreClickOutsideElements", "suppressGlobalClose", "portalToBody"], outputs: ["opened", "closed"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1676
|
+
], queries: [{ propertyName: "options", predicate: MatchaOptionComponent, descendants: true }], viewQueries: [{ propertyName: "panel", first: true, predicate: MatchaPanelComponent, descendants: true }], ngImport: i0, template: "<div class=\"matcha-select-container\" [class.matcha-select-disabled]=\"isCurrentlyDisabled\">\n <div class=\"matcha-select-trigger\" [class.matcha-select-open]=\"open\"\n [class.matcha-select-disabled]=\"isCurrentlyDisabled\" (click)=\"onTriggerClick()\"\n [attr.tabindex]=\"isCurrentlyDisabled ? -1 : 0\" role=\"combobox\" [attr.aria-expanded]=\"open\"\n [attr.aria-haspopup]=\"true\" [attr.aria-disabled]=\"isCurrentlyDisabled\">\n\n <span class=\"matcha-select-value\"\n [class.matcha-select-placeholder]=\"selectedValue === undefined || selectedValue === null || selectedValue === ''\">\n {{ getSelectedLabel() || placeholder }}\n </span>\n\n <span class=\"matcha-select-arrow\" [class.matcha-select-arrow-open]=\"open\">\n <span class=\"i-matcha-action_arrow_down\"></span>\n </span>\n </div>\n\n <matcha-panel #panel [placement]=\"placement\" [maxHeight]=\"maxHeight\" [minWidth]=\"minWidth\" [open]=\"open\"\n [portalToBody]=\"true\" (closed)=\"closePanel()\">\n <ng-content></ng-content>\n </matcha-panel>\n</div>", styles: [""], dependencies: [{ kind: "component", type: MatchaPanelComponent, selector: "matcha-panel", inputs: ["placement", "maxHeight", "minWidth", "widthMode", "offset", "triggerElement", "open", "hasOverlay", "ignoreClickOutsideElements", "suppressGlobalClose", "portalToBody"], outputs: ["opened", "closed"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1665
1677
|
}
|
|
1666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSelectComponent, decorators: [{
|
|
1667
1679
|
type: Component,
|
|
1668
1680
|
args: [{ selector: 'matcha-select', encapsulation: ViewEncapsulation.None, standalone: false, providers: [
|
|
1669
1681
|
{
|
|
@@ -1808,10 +1820,10 @@ class MatchaSelectTriggerDirective {
|
|
|
1808
1820
|
}, 10);
|
|
1809
1821
|
}
|
|
1810
1822
|
}
|
|
1811
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1812
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
1823
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSelectTriggerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1824
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: MatchaSelectTriggerDirective, isStandalone: false, selector: "[matchaSelect]", inputs: { select: ["matchaSelect", "select"] }, host: { listeners: { "click": "onClick()", "focus": "onFocus()", "keydown": "onKeydown($event)", "document:click": "onDocClick($event)" } }, ngImport: i0 }); }
|
|
1813
1825
|
}
|
|
1814
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1826
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSelectTriggerDirective, decorators: [{
|
|
1815
1827
|
type: Directive,
|
|
1816
1828
|
args: [{
|
|
1817
1829
|
selector: '[matchaSelect]',
|
|
@@ -1835,18 +1847,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
1835
1847
|
}] } });
|
|
1836
1848
|
|
|
1837
1849
|
class MatchaSelectModule {
|
|
1838
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1839
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
1850
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1851
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaSelectModule, declarations: [MatchaSelectComponent,
|
|
1840
1852
|
MatchaSelectTriggerDirective], imports: [CommonModule,
|
|
1841
1853
|
MatchaOptionModule,
|
|
1842
1854
|
MatchaPanelModule], exports: [MatchaSelectComponent,
|
|
1843
1855
|
MatchaSelectTriggerDirective,
|
|
1844
1856
|
MatchaOptionModule] }); }
|
|
1845
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
1857
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSelectModule, imports: [CommonModule,
|
|
1846
1858
|
MatchaOptionModule,
|
|
1847
1859
|
MatchaPanelModule, MatchaOptionModule] }); }
|
|
1848
1860
|
}
|
|
1849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1861
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSelectModule, decorators: [{
|
|
1850
1862
|
type: NgModule,
|
|
1851
1863
|
args: [{
|
|
1852
1864
|
declarations: [
|
|
@@ -2266,10 +2278,10 @@ class MatchaAccordionItemComponent {
|
|
|
2266
2278
|
// Emite evento para o accordion pai controlar o estado
|
|
2267
2279
|
this.toggleRequested.emit();
|
|
2268
2280
|
}
|
|
2269
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2270
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2281
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2282
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaAccordionItemComponent, isStandalone: false, selector: "matcha-accordion-item", inputs: { stretch: "stretch", clickableHeader: "clickableHeader", isOpen: "isOpen" }, outputs: { opened: "opened", isOpenChange: "isOpenChange", toggleRequested: "toggleRequested" }, host: { properties: { "class.stretch": "this.stretchClass", "class.is-open": "this.isOpenClass" } }, exportAs: ["matchaAccordionItem"], usesOnChanges: true, 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\"\n [class.cursor-pointer]=\"clickableHeader\"\n (click)=\"clickableHeader ? toggleAccordion() : null\">\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] }); }
|
|
2271
2283
|
}
|
|
2272
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAccordionItemComponent, decorators: [{
|
|
2273
2285
|
type: Component,
|
|
2274
2286
|
args: [{ selector: 'matcha-accordion-item', standalone: false, animations: [...createAnimations], exportAs: 'matchaAccordionItem', template: "<div class=\"accordion-item flex-column overflow-hidden\">\n <div class=\"accordion-header d-flex\">\n <div class=\"d-flex accordion-header-wrapper\"\n [class.cursor-pointer]=\"clickableHeader\"\n (click)=\"clickableHeader ? toggleAccordion() : null\">\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" }]
|
|
2275
2287
|
}], propDecorators: { stretch: [{
|
|
@@ -2342,10 +2354,10 @@ class MatchaAccordionComponent {
|
|
|
2342
2354
|
});
|
|
2343
2355
|
}
|
|
2344
2356
|
}
|
|
2345
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2346
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2357
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2358
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaAccordionComponent, isStandalone: false, selector: "matcha-accordion", inputs: { multiple: "multiple" }, outputs: { openedChange: "openedChange" }, queries: [{ propertyName: "items", predicate: MatchaAccordionItemComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
2347
2359
|
}
|
|
2348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2360
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAccordionComponent, decorators: [{
|
|
2349
2361
|
type: Component,
|
|
2350
2362
|
args: [{ selector: 'matcha-accordion', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
2351
2363
|
}], propDecorators: { multiple: [{
|
|
@@ -2359,19 +2371,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
2359
2371
|
}] } });
|
|
2360
2372
|
|
|
2361
2373
|
class MatchaAccordionHeaderComponent {
|
|
2362
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2363
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2374
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAccordionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2375
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaAccordionHeaderComponent, isStandalone: false, selector: "matcha-accordion-header", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
2364
2376
|
}
|
|
2365
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2377
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAccordionHeaderComponent, decorators: [{
|
|
2366
2378
|
type: Component,
|
|
2367
2379
|
args: [{ selector: 'matcha-accordion-header', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
2368
2380
|
}] });
|
|
2369
2381
|
|
|
2370
2382
|
class MatchaAccordionContentComponent {
|
|
2371
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2372
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2383
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAccordionContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2384
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaAccordionContentComponent, isStandalone: false, selector: "matcha-accordion-content", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
2373
2385
|
}
|
|
2374
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2386
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAccordionContentComponent, decorators: [{
|
|
2375
2387
|
type: Component,
|
|
2376
2388
|
args: [{ selector: 'matcha-accordion-content', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
2377
2389
|
}] });
|
|
@@ -2392,10 +2404,10 @@ class MatchaIconComponent {
|
|
|
2392
2404
|
const activeClasses = `${icon} ${color} ${size} ${loading} ${this.class}`;
|
|
2393
2405
|
return activeClasses;
|
|
2394
2406
|
}
|
|
2395
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2396
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2407
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2408
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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: [""] }); }
|
|
2397
2409
|
}
|
|
2398
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2410
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaIconComponent, decorators: [{
|
|
2399
2411
|
type: Component,
|
|
2400
2412
|
args: [{ selector: 'matcha-icon', standalone: false, template: "<span [class]=\"classes\">\n <ng-content></ng-content>\n</span>\n" }]
|
|
2401
2413
|
}], propDecorators: { name: [{
|
|
@@ -2602,10 +2614,10 @@ class MatchaTooltipDirective {
|
|
|
2602
2614
|
this.isDestroyed = true;
|
|
2603
2615
|
this.destroyTooltip();
|
|
2604
2616
|
}
|
|
2605
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2606
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2617
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2618
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", 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)" }, properties: { "attr.matchaTooltip": "this.tooltipTextAttr", "attr.tooltip-disabled": "this.tooltipDisabledAttr", "attr.tooltip-above": "this.preferAboveAttr", "attr.tooltip-below": "this.preferBelowAttr", "attr.tooltip-left": "this.preferLeftAttr", "attr.tooltip-right": "this.preferRightAttr", "attr.tooltip-enable-close": "this.tooltipEnableCloseAttr" } }, ngImport: i0 }); }
|
|
2607
2619
|
}
|
|
2608
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2620
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTooltipDirective, decorators: [{
|
|
2609
2621
|
type: Directive,
|
|
2610
2622
|
args: [{
|
|
2611
2623
|
selector: '[matchaTooltip]',
|
|
@@ -2665,11 +2677,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
2665
2677
|
}] } });
|
|
2666
2678
|
|
|
2667
2679
|
class MatchaTooltipModule {
|
|
2668
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2669
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2670
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2680
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2681
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaTooltipModule, declarations: [MatchaTooltipDirective], imports: [CommonModule], exports: [MatchaTooltipDirective] }); }
|
|
2682
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTooltipModule, imports: [CommonModule] }); }
|
|
2671
2683
|
}
|
|
2672
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2684
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTooltipModule, decorators: [{
|
|
2673
2685
|
type: NgModule,
|
|
2674
2686
|
args: [{
|
|
2675
2687
|
declarations: [MatchaTooltipDirective],
|
|
@@ -2679,11 +2691,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
2679
2691
|
}] });
|
|
2680
2692
|
|
|
2681
2693
|
class MatchaIconModule {
|
|
2682
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2683
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2684
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2694
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2695
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaIconModule, declarations: [MatchaIconComponent], imports: [CommonModule, MatchaTooltipModule], exports: [MatchaIconComponent] }); }
|
|
2696
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaIconModule, imports: [CommonModule, MatchaTooltipModule] }); }
|
|
2685
2697
|
}
|
|
2686
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2698
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaIconModule, decorators: [{
|
|
2687
2699
|
type: NgModule,
|
|
2688
2700
|
args: [{
|
|
2689
2701
|
declarations: [MatchaIconComponent],
|
|
@@ -2753,10 +2765,10 @@ class MatchaTitleComponent {
|
|
|
2753
2765
|
hasIconClickOutput() {
|
|
2754
2766
|
return this.iconClick.observers.length > 0;
|
|
2755
2767
|
}
|
|
2756
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2757
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2768
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2769
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaTitleComponent, isStandalone: false, selector: "matcha-title", inputs: { color: "color", size: "size", loading: "loading", type: "type", icon: "icon" }, outputs: { iconClick: "iconClick" }, host: { properties: { "attr.loading": "this.loadingAttr", "attr.type": "this.typeAttr", "attr.icon": "this.iconAttr" } }, ngImport: i0, template: "<!-- <matcha-title size=\"1\" type=\"bullet\"></matcha-title> -->\n\n<div class=\"d-flex flex-align-center m-0\">\n <ng-container *ngIf=\"loading\">\n <span [class]=\"signClasses\" [class.skeleton-animated-background]=\"loading\"></span>\n <span [class]=\"textClasses\" [class.skeleton-animated-background]=\"loading\" class=\"d-flex px-60\"> </span>\n </ng-container>\n\n <ng-container *ngIf=\"!loading\">\n <span [class]=\"signClasses\" [class.cursor-pointer]=\"hasIconClickOutput()\" (click)=\"emitIconAction()\"></span>\n <span [class]=\"textClasses\">\n <ng-content></ng-content>\n </span>\n </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
2758
2770
|
}
|
|
2759
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2771
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTitleComponent, decorators: [{
|
|
2760
2772
|
type: Component,
|
|
2761
2773
|
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 <ng-container *ngIf=\"loading\">\n <span [class]=\"signClasses\" [class.skeleton-animated-background]=\"loading\"></span>\n <span [class]=\"textClasses\" [class.skeleton-animated-background]=\"loading\" class=\"d-flex px-60\"> </span>\n </ng-container>\n\n <ng-container *ngIf=\"!loading\">\n <span [class]=\"signClasses\" [class.cursor-pointer]=\"hasIconClickOutput()\" (click)=\"emitIconAction()\"></span>\n <span [class]=\"textClasses\">\n <ng-content></ng-content>\n </span>\n </ng-container>\n</div>\n" }]
|
|
2762
2774
|
}], propDecorators: { color: [{
|
|
@@ -2783,11 +2795,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
2783
2795
|
}] } });
|
|
2784
2796
|
|
|
2785
2797
|
class MatchaTitleModule {
|
|
2786
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2787
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2788
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2798
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTitleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2799
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaTitleModule, declarations: [MatchaTitleComponent], imports: [CommonModule], exports: [MatchaTitleComponent] }); }
|
|
2800
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTitleModule, imports: [CommonModule] }); }
|
|
2789
2801
|
}
|
|
2790
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2802
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTitleModule, decorators: [{
|
|
2791
2803
|
type: NgModule,
|
|
2792
2804
|
args: [{
|
|
2793
2805
|
declarations: [MatchaTitleComponent],
|
|
@@ -2833,10 +2845,10 @@ class MatchaDividerComponent {
|
|
|
2833
2845
|
activeClasses += gapXl ? ` ${gapXl}` : '';
|
|
2834
2846
|
return activeClasses;
|
|
2835
2847
|
}
|
|
2836
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2837
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2848
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2849
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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"], direction: "direction" }, host: { properties: { "attr.direction": "this.directionAttr" } }, ngImport: i0, template: "<div [class]=\"classes\"></div>\n", styles: [""] }); }
|
|
2838
2850
|
}
|
|
2839
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDividerComponent, decorators: [{
|
|
2840
2852
|
type: Component,
|
|
2841
2853
|
args: [{ selector: 'matcha-divider', standalone: false, template: "<div [class]=\"classes\"></div>\n" }]
|
|
2842
2854
|
}], propDecorators: { gap: [{
|
|
@@ -2863,11 +2875,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
2863
2875
|
}] } });
|
|
2864
2876
|
|
|
2865
2877
|
class MatchaDividerModule {
|
|
2866
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2867
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
2868
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
2878
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2879
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaDividerModule, declarations: [MatchaDividerComponent], imports: [CommonModule], exports: [MatchaDividerComponent] }); }
|
|
2880
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDividerModule, imports: [CommonModule] }); }
|
|
2869
2881
|
}
|
|
2870
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2882
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDividerModule, decorators: [{
|
|
2871
2883
|
type: NgModule,
|
|
2872
2884
|
args: [{
|
|
2873
2885
|
declarations: [
|
|
@@ -3076,10 +3088,10 @@ class MatchaButtonComponent {
|
|
|
3076
3088
|
button.removeEventListener('click', this.addRippleEffect, false);
|
|
3077
3089
|
});
|
|
3078
3090
|
}
|
|
3079
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3080
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3091
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaButtonComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3092
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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"], gap: "gap", color: "color", basic: "basic", outline: "outline", alpha: "alpha", pill: "pill", link: "link", icon: "icon", badge: "badge" }, host: { properties: { "attr.color": "this.colorAttr" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
3081
3093
|
}
|
|
3082
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3094
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaButtonComponent, decorators: [{
|
|
3083
3095
|
type: Component,
|
|
3084
3096
|
args: [{ selector: '[matcha-button]', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
3085
3097
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -3132,11 +3144,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
3132
3144
|
}] } });
|
|
3133
3145
|
|
|
3134
3146
|
class MatchaButtonModule {
|
|
3135
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3136
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
3137
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
3147
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3148
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaButtonModule, declarations: [MatchaButtonComponent], exports: [MatchaButtonComponent] }); }
|
|
3149
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaButtonModule }); }
|
|
3138
3150
|
}
|
|
3139
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaButtonModule, decorators: [{
|
|
3140
3152
|
type: NgModule,
|
|
3141
3153
|
args: [{
|
|
3142
3154
|
declarations: [MatchaButtonComponent],
|
|
@@ -3146,8 +3158,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
3146
3158
|
}] });
|
|
3147
3159
|
|
|
3148
3160
|
class MatchaAccordionModule {
|
|
3149
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3150
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
3161
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3162
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaAccordionModule, declarations: [MatchaAccordionComponent,
|
|
3151
3163
|
MatchaAccordionItemComponent,
|
|
3152
3164
|
MatchaAccordionHeaderComponent,
|
|
3153
3165
|
MatchaAccordionContentComponent], imports: [CommonModule,
|
|
@@ -3159,14 +3171,14 @@ class MatchaAccordionModule {
|
|
|
3159
3171
|
MatchaAccordionItemComponent,
|
|
3160
3172
|
MatchaAccordionHeaderComponent,
|
|
3161
3173
|
MatchaAccordionContentComponent] }); }
|
|
3162
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
3174
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAccordionModule, imports: [CommonModule,
|
|
3163
3175
|
MatchaIconModule,
|
|
3164
3176
|
MatchaTitleModule,
|
|
3165
3177
|
MatchaDividerModule,
|
|
3166
3178
|
MatchaTooltipModule,
|
|
3167
3179
|
MatchaButtonModule] }); }
|
|
3168
3180
|
}
|
|
3169
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3181
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAccordionModule, decorators: [{
|
|
3170
3182
|
type: NgModule,
|
|
3171
3183
|
args: [{
|
|
3172
3184
|
declarations: [
|
|
@@ -3250,10 +3262,10 @@ class MatchaButtonToggleComponent {
|
|
|
3250
3262
|
});
|
|
3251
3263
|
}
|
|
3252
3264
|
}
|
|
3253
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3254
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3265
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaButtonToggleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3266
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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"] }] }); }
|
|
3255
3267
|
}
|
|
3256
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaButtonToggleComponent, decorators: [{
|
|
3257
3269
|
type: Component,
|
|
3258
3270
|
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" }]
|
|
3259
3271
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { multiple: [{
|
|
@@ -3277,13 +3289,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
3277
3289
|
}] } });
|
|
3278
3290
|
|
|
3279
3291
|
class MatchaButtonToggleModule {
|
|
3280
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3281
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
3292
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaButtonToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3293
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaButtonToggleModule, declarations: [MatchaButtonToggleComponent], imports: [CommonModule,
|
|
3282
3294
|
MatchaTooltipModule], exports: [MatchaButtonToggleComponent] }); }
|
|
3283
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
3295
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaButtonToggleModule, imports: [CommonModule,
|
|
3284
3296
|
MatchaTooltipModule] }); }
|
|
3285
3297
|
}
|
|
3286
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3298
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaButtonToggleModule, decorators: [{
|
|
3287
3299
|
type: NgModule,
|
|
3288
3300
|
args: [{
|
|
3289
3301
|
declarations: [MatchaButtonToggleComponent],
|
|
@@ -3359,10 +3371,10 @@ class MatchaCardComponent {
|
|
|
3359
3371
|
hasBlockquotePosition() {
|
|
3360
3372
|
return this.blockquote === 'left' || this.blockquote === 'right';
|
|
3361
3373
|
}
|
|
3362
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3363
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3374
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3375
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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", "attr.alpha": "this.alphaAttr", "attr.tint": "this.tintAttr", "class": "this.classes" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
3364
3376
|
}
|
|
3365
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3377
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaCardComponent, decorators: [{
|
|
3366
3378
|
type: Component,
|
|
3367
3379
|
args: [{ selector: 'matcha-card', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
3368
3380
|
}], propDecorators: { color: [{
|
|
@@ -3416,10 +3428,10 @@ class MatchaElevationDirective {
|
|
|
3416
3428
|
this._renderer.addClass(this._elementRef.nativeElement, `elevation-z-0`);
|
|
3417
3429
|
}
|
|
3418
3430
|
}
|
|
3419
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3420
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
3431
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaElevationDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3432
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: MatchaElevationDirective, isStandalone: false, selector: "[elevation]", inputs: { elevation: "elevation" }, usesOnChanges: true, ngImport: i0 }); }
|
|
3421
3433
|
}
|
|
3422
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaElevationDirective, decorators: [{
|
|
3423
3435
|
type: Directive,
|
|
3424
3436
|
args: [{
|
|
3425
3437
|
selector: '[elevation]',
|
|
@@ -3431,11 +3443,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
3431
3443
|
}] } });
|
|
3432
3444
|
|
|
3433
3445
|
class MatchaElevationModule {
|
|
3434
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3435
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
3436
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
3446
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaElevationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3447
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaElevationModule, declarations: [MatchaElevationDirective], imports: [CommonModule], exports: [MatchaElevationDirective] }); }
|
|
3448
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaElevationModule, imports: [CommonModule] }); }
|
|
3437
3449
|
}
|
|
3438
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaElevationModule, decorators: [{
|
|
3439
3451
|
type: NgModule,
|
|
3440
3452
|
args: [{
|
|
3441
3453
|
declarations: [MatchaElevationDirective],
|
|
@@ -3445,21 +3457,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
3445
3457
|
}] });
|
|
3446
3458
|
|
|
3447
3459
|
class MatchaCardModule {
|
|
3448
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3449
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
3460
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3461
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaCardModule, declarations: [MatchaCardComponent], imports: [CommonModule,
|
|
3450
3462
|
MatchaElevationModule,
|
|
3451
3463
|
MatchaIconModule,
|
|
3452
3464
|
MatchaTitleModule,
|
|
3453
3465
|
MatchaDividerModule,
|
|
3454
3466
|
MatchaTooltipModule], exports: [MatchaCardComponent] }); }
|
|
3455
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
3467
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaCardModule, imports: [CommonModule,
|
|
3456
3468
|
MatchaElevationModule,
|
|
3457
3469
|
MatchaIconModule,
|
|
3458
3470
|
MatchaTitleModule,
|
|
3459
3471
|
MatchaDividerModule,
|
|
3460
3472
|
MatchaTooltipModule] }); }
|
|
3461
3473
|
}
|
|
3462
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3474
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaCardModule, decorators: [{
|
|
3463
3475
|
type: NgModule,
|
|
3464
3476
|
args: [{
|
|
3465
3477
|
declarations: [MatchaCardComponent],
|
|
@@ -3528,10 +3540,10 @@ class MatchaRippleDirective {
|
|
|
3528
3540
|
});
|
|
3529
3541
|
this.ripples = [];
|
|
3530
3542
|
}
|
|
3531
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3532
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
3543
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaRippleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3544
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: MatchaRippleDirective, isStandalone: false, selector: "[matchaRipple]", inputs: { rippleColor: "rippleColor" }, host: { listeners: { "mousedown": "onMouseDown($event)" } }, ngImport: i0 }); }
|
|
3533
3545
|
}
|
|
3534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaRippleDirective, decorators: [{
|
|
3535
3547
|
type: Directive,
|
|
3536
3548
|
args: [{
|
|
3537
3549
|
selector: '[matchaRipple]',
|
|
@@ -3545,11 +3557,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
3545
3557
|
}] } });
|
|
3546
3558
|
|
|
3547
3559
|
class MatchaRippleModule {
|
|
3548
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3549
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
3550
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
3560
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3561
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaRippleModule, declarations: [MatchaRippleDirective], imports: [CommonModule], exports: [MatchaRippleDirective] }); }
|
|
3562
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaRippleModule, imports: [CommonModule] }); }
|
|
3551
3563
|
}
|
|
3552
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaRippleModule, decorators: [{
|
|
3553
3565
|
type: NgModule,
|
|
3554
3566
|
args: [{
|
|
3555
3567
|
declarations: [
|
|
@@ -3642,8 +3654,8 @@ class MatchaCheckboxComponent {
|
|
|
3642
3654
|
this.change.emit({ source: this, checked: this.checked });
|
|
3643
3655
|
this.cdr.markForCheck();
|
|
3644
3656
|
}
|
|
3645
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3646
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3657
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3658
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaCheckboxComponent, isStandalone: false, selector: "matcha-checkbox", inputs: { color: "color", indeterminate: "indeterminate", disabled: "disabled", checked: "checked" }, outputs: { checkedChange: "checkedChange", change: "change" }, providers: [
|
|
3647
3659
|
{
|
|
3648
3660
|
provide: NG_VALUE_ACCESSOR,
|
|
3649
3661
|
useExisting: forwardRef(() => MatchaCheckboxComponent),
|
|
@@ -3651,7 +3663,7 @@ class MatchaCheckboxComponent {
|
|
|
3651
3663
|
}
|
|
3652
3664
|
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<label class=\"matcha-checkbox flex-align-center\" [class.matcha-checkbox-disabled]=\"disabled\">\n <div class=\"matcha-checkbox-container w-40 h-40 max-w-40 max-h-40 min-w-40 min-h-40 flex-center-center radius-full cursor-pointer\"\n matchaRipple>\n <input #input type=\"checkbox\" class=\"matcha-checkbox-input\" [checked]=\"checked\" [disabled]=\"disabled\"\n [indeterminate]=\"indeterminate\" (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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3653
3665
|
}
|
|
3654
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3666
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaCheckboxComponent, decorators: [{
|
|
3655
3667
|
type: Component,
|
|
3656
3668
|
args: [{ selector: 'matcha-checkbox', standalone: false, providers: [
|
|
3657
3669
|
{
|
|
@@ -3678,11 +3690,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
3678
3690
|
}] } });
|
|
3679
3691
|
|
|
3680
3692
|
class MatchaCheckboxModule {
|
|
3681
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3682
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
3683
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
3693
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3694
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaCheckboxModule, declarations: [MatchaCheckboxComponent], imports: [CommonModule, MatchaRippleModule], exports: [MatchaCheckboxComponent] }); }
|
|
3695
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaCheckboxModule, imports: [CommonModule, MatchaRippleModule] }); }
|
|
3684
3696
|
}
|
|
3685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3697
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaCheckboxModule, decorators: [{
|
|
3686
3698
|
type: NgModule,
|
|
3687
3699
|
args: [{
|
|
3688
3700
|
declarations: [
|
|
@@ -3828,10 +3840,10 @@ class MatchaFormFieldComponent {
|
|
|
3828
3840
|
subtree: true
|
|
3829
3841
|
});
|
|
3830
3842
|
}
|
|
3831
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3832
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3843
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaFormFieldComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3844
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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\">\n <div class=\"matcha-form-field position-relative w-100-p min-h-40 flex-align-center\"\n [class.matcha-form-field-disabled]=\"isDisabled\"\n #inputSelector>\n <div class=\"flex-row position-absolute w-100-p min-h-40 h-100-p\">\n <div class=\"matcha-form-field-border-start bl-2 bt-2 bb-2 radius-left-8 min-w-8 border-color-{{color}}\"></div>\n <div class=\"matcha-form-field-border-middle bb-2 w-auto border-color-{{color}}\">\n <ng-content select=\"matcha-label\"></ng-content>\n </div>\n <div class=\"matcha-form-field-border-end 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-content select=\"matcha-autocomplete\"></ng-content>\n <ng-container *ngIf=\"showError\">\n <ng-content select=\"matcha-error\"></ng-content>\n </ng-container>\n</div>\n<ng-content select=\"matcha-hint-text\"></ng-content>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
3833
3845
|
}
|
|
3834
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3846
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaFormFieldComponent, decorators: [{
|
|
3835
3847
|
type: Component,
|
|
3836
3848
|
args: [{ selector: 'matcha-form-field', standalone: false, template: "<div class=\"flex-column\">\n <div class=\"matcha-form-field position-relative w-100-p min-h-40 flex-align-center\"\n [class.matcha-form-field-disabled]=\"isDisabled\"\n #inputSelector>\n <div class=\"flex-row position-absolute w-100-p min-h-40 h-100-p\">\n <div class=\"matcha-form-field-border-start bl-2 bt-2 bb-2 radius-left-8 min-w-8 border-color-{{color}}\"></div>\n <div class=\"matcha-form-field-border-middle bb-2 w-auto border-color-{{color}}\">\n <ng-content select=\"matcha-label\"></ng-content>\n </div>\n <div class=\"matcha-form-field-border-end 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-content select=\"matcha-autocomplete\"></ng-content>\n <ng-container *ngIf=\"showError\">\n <ng-content select=\"matcha-error\"></ng-content>\n </ng-container>\n</div>\n<ng-content select=\"matcha-hint-text\"></ng-content>\n" }]
|
|
3837
3849
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { color: [{
|
|
@@ -3883,10 +3895,10 @@ class MatchaLabelComponent {
|
|
|
3883
3895
|
this.isRequired = !!inputElement;
|
|
3884
3896
|
}
|
|
3885
3897
|
}
|
|
3886
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3887
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3898
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaLabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3899
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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 *ngIf=\"isRequired\"> *</span>\n <!-- <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">(Opcional)</span> -->\n</label>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
3888
3900
|
}
|
|
3889
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3901
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaLabelComponent, decorators: [{
|
|
3890
3902
|
type: Component,
|
|
3891
3903
|
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 *ngIf=\"isRequired\"> *</span>\n <!-- <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">(Opcional)</span> -->\n</label>\n" }]
|
|
3892
3904
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { color: [{
|
|
@@ -3894,10 +3906,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
3894
3906
|
}] } });
|
|
3895
3907
|
|
|
3896
3908
|
class MatchaErrorComponent {
|
|
3897
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3898
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3909
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3910
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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 py-4\">\n <matcha-icon name=\"action_sign_warning-out\" size=\"sm\"></matcha-icon>\n <ng-content></ng-content>\n</p>\n", styles: [""], dependencies: [{ kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }] }); }
|
|
3899
3911
|
}
|
|
3900
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3912
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaErrorComponent, decorators: [{
|
|
3901
3913
|
type: Component,
|
|
3902
3914
|
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 py-4\">\n <matcha-icon name=\"action_sign_warning-out\" size=\"sm\"></matcha-icon>\n <ng-content></ng-content>\n</p>\n" }]
|
|
3903
3915
|
}] });
|
|
@@ -4820,10 +4832,10 @@ class MatchaMaskApplierService {
|
|
|
4820
4832
|
nonZeroIndex,
|
|
4821
4833
|
};
|
|
4822
4834
|
}
|
|
4823
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4824
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
4835
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskApplierService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4836
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskApplierService }); }
|
|
4825
4837
|
}
|
|
4826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskApplierService, decorators: [{
|
|
4827
4839
|
type: Injectable
|
|
4828
4840
|
}] });
|
|
4829
4841
|
|
|
@@ -5559,10 +5571,10 @@ class MatchaMaskService extends MatchaMaskApplierService {
|
|
|
5559
5571
|
currentLocaleDecimalMarker() {
|
|
5560
5572
|
return (1.1).toLocaleString().substring(1, 2);
|
|
5561
5573
|
}
|
|
5562
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5563
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
5574
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5575
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskService }); }
|
|
5564
5576
|
}
|
|
5565
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5577
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskService, decorators: [{
|
|
5566
5578
|
type: Injectable
|
|
5567
5579
|
}] });
|
|
5568
5580
|
|
|
@@ -6005,8 +6017,8 @@ class MatchaMaskCompatibleDirective {
|
|
|
6005
6017
|
// Implementar validação se necessário
|
|
6006
6018
|
return null;
|
|
6007
6019
|
}
|
|
6008
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6009
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
6020
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskCompatibleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6021
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: MatchaMaskCompatibleDirective, isStandalone: false, selector: "input[matchaMask], textarea[matchaMask]", inputs: { mask: ["matchaMask", "mask"], specialCharacters: "specialCharacters", patterns: "patterns", prefix: "prefix", suffix: "suffix", thousandSeparator: "thousandSeparator", decimalMarker: "decimalMarker", dropSpecialCharacters: "dropSpecialCharacters", hiddenInput: "hiddenInput", showMaskTyped: "showMaskTyped", placeHolderCharacter: "placeHolderCharacter", shownMaskExpression: "shownMaskExpression", clearIfNotMatch: "clearIfNotMatch", validation: "validation", separatorLimit: "separatorLimit", allowNegativeNumbers: "allowNegativeNumbers", leadZeroDateTime: "leadZeroDateTime", leadZero: "leadZero", triggerOnMaskChange: "triggerOnMaskChange", apm: "apm", inputTransformFn: "inputTransformFn", outputTransformFn: "outputTransformFn", keepCharacterPositions: "keepCharacterPositions", instantPrefix: "instantPrefix", currencyMode: "currencyMode" }, outputs: { maskFilled: "maskFilled" }, host: { listeners: { "paste": "onPaste($event)", "focus": "onFocus($event)", "ngModelChange": "onModelChange($event)", "input": "onInput($event)", "compositionstart": "onCompositionStart($event)", "compositionend": "onCompositionEnd($event)", "blur": "onBlur($event)", "click": "onClick($event)", "keydown": "onKeyDown($event)" }, properties: { "attr.data-matcha-mask": "this.maskAttr", "attr.data-prefix": "this.prefixAttr", "attr.data-suffix": "this.suffixAttr" } }, providers: [
|
|
6010
6022
|
{
|
|
6011
6023
|
provide: NG_VALUE_ACCESSOR,
|
|
6012
6024
|
useExisting: forwardRef(() => MatchaMaskCompatibleDirective),
|
|
@@ -6020,7 +6032,7 @@ class MatchaMaskCompatibleDirective {
|
|
|
6020
6032
|
MatchaMaskService,
|
|
6021
6033
|
], exportAs: ["matchaMask"], usesOnChanges: true, ngImport: i0 }); }
|
|
6022
6034
|
}
|
|
6023
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6035
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskCompatibleDirective, decorators: [{
|
|
6024
6036
|
type: Directive,
|
|
6025
6037
|
args: [{
|
|
6026
6038
|
selector: 'input[matchaMask], textarea[matchaMask]',
|
|
@@ -6217,10 +6229,10 @@ class MatchaMaskPipe {
|
|
|
6217
6229
|
});
|
|
6218
6230
|
}
|
|
6219
6231
|
}
|
|
6220
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6221
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.
|
|
6232
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
6233
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskPipe, isStandalone: false, name: "matchaMask" }); }
|
|
6222
6234
|
}
|
|
6223
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6235
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskPipe, decorators: [{
|
|
6224
6236
|
type: Pipe,
|
|
6225
6237
|
args: [{
|
|
6226
6238
|
// Usar 'matchaMask' para evitar conflito com o pipe 'mask' legado (ex: ngx-mask)
|
|
@@ -6262,16 +6274,16 @@ const compatibleOptions = {
|
|
|
6262
6274
|
maskFilled: new EventEmitter()
|
|
6263
6275
|
};
|
|
6264
6276
|
class MatchaMaskModule {
|
|
6265
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6266
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
6277
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6278
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskModule, declarations: [MatchaMaskCompatibleDirective,
|
|
6267
6279
|
MatchaMaskPipe], imports: [CommonModule], exports: [MatchaMaskCompatibleDirective,
|
|
6268
6280
|
MatchaMaskPipe] }); }
|
|
6269
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
6281
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskModule, providers: [
|
|
6270
6282
|
MatchaMaskService,
|
|
6271
6283
|
{ provide: MATCHA_MASK_CONFIG, useValue: compatibleOptions }
|
|
6272
6284
|
], imports: [CommonModule] }); }
|
|
6273
6285
|
}
|
|
6274
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6286
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMaskModule, decorators: [{
|
|
6275
6287
|
type: NgModule,
|
|
6276
6288
|
args: [{
|
|
6277
6289
|
declarations: [
|
|
@@ -6293,11 +6305,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
6293
6305
|
}] });
|
|
6294
6306
|
|
|
6295
6307
|
class MatchaFormFieldModule {
|
|
6296
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6297
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
6298
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
6308
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6309
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaFormFieldModule, declarations: [MatchaFormFieldComponent, MatchaLabelComponent, MatchaErrorComponent], imports: [CommonModule, MatchaIconModule, ReactiveFormsModule, MatchaMaskModule], exports: [MatchaFormFieldComponent, MatchaLabelComponent, MatchaErrorComponent, ReactiveFormsModule, MatchaMaskModule] }); }
|
|
6310
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaFormFieldModule, imports: [CommonModule, MatchaIconModule, ReactiveFormsModule, MatchaMaskModule, ReactiveFormsModule, MatchaMaskModule] }); }
|
|
6299
6311
|
}
|
|
6300
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6312
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaFormFieldModule, decorators: [{
|
|
6301
6313
|
type: NgModule,
|
|
6302
6314
|
args: [{
|
|
6303
6315
|
declarations: [MatchaFormFieldComponent, MatchaLabelComponent, MatchaErrorComponent],
|
|
@@ -6327,10 +6339,10 @@ class MatchaHintTextComponent {
|
|
|
6327
6339
|
default: return 'red';
|
|
6328
6340
|
}
|
|
6329
6341
|
}
|
|
6330
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6331
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
6342
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaHintTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6343
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaHintTextComponent, isStandalone: false, selector: "matcha-hint-text", inputs: { type: "type", size: "size" }, ngImport: i0, template: "<div class=\"d-flex flex-align-center 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"] }] }); }
|
|
6332
6344
|
}
|
|
6333
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6345
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaHintTextComponent, decorators: [{
|
|
6334
6346
|
type: Component,
|
|
6335
6347
|
args: [{ selector: 'matcha-hint-text', standalone: false, template: "<div class=\"d-flex flex-align-center gap-4\">\n <matcha-icon color=\"{{ iconColor }}\" name=\"{{ iconName }}\"> </matcha-icon>\n <span class=\"text\"><ng-content></ng-content></span>\n</div>\n" }]
|
|
6336
6348
|
}], propDecorators: { type: [{
|
|
@@ -6342,13 +6354,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
6342
6354
|
}] } });
|
|
6343
6355
|
|
|
6344
6356
|
class MatchaHintTextModule {
|
|
6345
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6346
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
6357
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaHintTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6358
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaHintTextModule, declarations: [MatchaHintTextComponent], imports: [CommonModule,
|
|
6347
6359
|
MatchaIconModule], exports: [MatchaHintTextComponent] }); }
|
|
6348
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
6360
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaHintTextModule, imports: [CommonModule,
|
|
6349
6361
|
MatchaIconModule] }); }
|
|
6350
6362
|
}
|
|
6351
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6363
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaHintTextModule, decorators: [{
|
|
6352
6364
|
type: NgModule,
|
|
6353
6365
|
args: [{
|
|
6354
6366
|
declarations: [MatchaHintTextComponent],
|
|
@@ -6394,10 +6406,10 @@ class MatchaInfiniteScrollComponent {
|
|
|
6394
6406
|
ngOnDestroy() {
|
|
6395
6407
|
this.observer.disconnect();
|
|
6396
6408
|
}
|
|
6397
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6398
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
6409
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaInfiniteScrollComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6410
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaInfiniteScrollComponent, isStandalone: false, selector: "matcha-infinite-scroll", outputs: { scrolledToEnd: "scrolledToEnd" }, ngImport: i0, template: "", styles: [""] }); }
|
|
6399
6411
|
}
|
|
6400
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6412
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaInfiniteScrollComponent, decorators: [{
|
|
6401
6413
|
type: Component,
|
|
6402
6414
|
args: [{ selector: 'matcha-infinite-scroll', standalone: false, template: "" }]
|
|
6403
6415
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { scrolledToEnd: [{
|
|
@@ -6515,10 +6527,10 @@ class MatchaInfiniteScrollDataComponent {
|
|
|
6515
6527
|
this.dataSubscription.unsubscribe();
|
|
6516
6528
|
this.searchSubscription.unsubscribe();
|
|
6517
6529
|
}
|
|
6518
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6519
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
6530
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaInfiniteScrollDataComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6531
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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"] }); }
|
|
6520
6532
|
}
|
|
6521
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaInfiniteScrollDataComponent, decorators: [{
|
|
6522
6534
|
type: Component,
|
|
6523
6535
|
args: [{ selector: 'matcha-infinite-scroll-data', standalone: false, template: "", styles: [":host{height:1px;opacity:0}\n"] }]
|
|
6524
6536
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { loadData: [{
|
|
@@ -6538,11 +6550,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
6538
6550
|
}] } });
|
|
6539
6551
|
|
|
6540
6552
|
class MatchaInfiniteScrollModule {
|
|
6541
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6542
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
6543
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
6553
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaInfiniteScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6554
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaInfiniteScrollModule, declarations: [MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent], imports: [CommonModule], exports: [MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent] }); }
|
|
6555
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaInfiniteScrollModule, imports: [CommonModule] }); }
|
|
6544
6556
|
}
|
|
6545
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6557
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaInfiniteScrollModule, decorators: [{
|
|
6546
6558
|
type: NgModule,
|
|
6547
6559
|
args: [{
|
|
6548
6560
|
declarations: [MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent],
|
|
@@ -6590,10 +6602,10 @@ class MatchaMasonryComponent {
|
|
|
6590
6602
|
activeClasses += gapXl ? ` ${gapXl}` : '';
|
|
6591
6603
|
return activeClasses;
|
|
6592
6604
|
}
|
|
6593
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6594
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
6605
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMasonryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6606
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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: [""] }); }
|
|
6595
6607
|
}
|
|
6596
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6608
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMasonryComponent, decorators: [{
|
|
6597
6609
|
type: Component,
|
|
6598
6610
|
args: [{ selector: 'matcha-masonry', standalone: false, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
6599
6611
|
}], propDecorators: { colSize: [{
|
|
@@ -6629,11 +6641,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
6629
6641
|
}] } });
|
|
6630
6642
|
|
|
6631
6643
|
class MatchaMasonryModule {
|
|
6632
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6633
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
6634
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
6644
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMasonryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6645
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaMasonryModule, declarations: [MatchaMasonryComponent], imports: [CommonModule], exports: [MatchaMasonryComponent] }); }
|
|
6646
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMasonryModule, imports: [CommonModule] }); }
|
|
6635
6647
|
}
|
|
6636
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6648
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMasonryModule, decorators: [{
|
|
6637
6649
|
type: NgModule,
|
|
6638
6650
|
args: [{
|
|
6639
6651
|
declarations: [MatchaMasonryComponent],
|
|
@@ -6643,19 +6655,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
6643
6655
|
}] });
|
|
6644
6656
|
|
|
6645
6657
|
class MatchaModalHeaderComponent {
|
|
6646
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6647
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
6658
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6659
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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-space-between mb-16 mb-md-24\">\n <!-- Remo\u00E7\u00E3o do flex-wrap para que o conte\u00FAdo seja exibido em uma \u00FAnica linha -->\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", "direction"] }] }); }
|
|
6648
6660
|
}
|
|
6649
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6661
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalHeaderComponent, decorators: [{
|
|
6650
6662
|
type: Component,
|
|
6651
6663
|
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-space-between mb-16 mb-md-24\">\n <!-- Remo\u00E7\u00E3o do flex-wrap para que o conte\u00FAdo seja exibido em uma \u00FAnica linha -->\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" }]
|
|
6652
6664
|
}] });
|
|
6653
6665
|
|
|
6654
6666
|
class MatchaModalContentComponent {
|
|
6655
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6656
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
6667
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6668
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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: [""] }); }
|
|
6657
6669
|
}
|
|
6658
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6670
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalContentComponent, decorators: [{
|
|
6659
6671
|
type: Component,
|
|
6660
6672
|
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" }]
|
|
6661
6673
|
}] });
|
|
@@ -6681,10 +6693,10 @@ class MatchaModalFooterComponent {
|
|
|
6681
6693
|
}
|
|
6682
6694
|
});
|
|
6683
6695
|
}
|
|
6684
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6685
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
6696
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6697
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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", "direction"] }] }); }
|
|
6686
6698
|
}
|
|
6687
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6699
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalFooterComponent, decorators: [{
|
|
6688
6700
|
type: Component,
|
|
6689
6701
|
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" }]
|
|
6690
6702
|
}], propDecorators: { buttonType: [{
|
|
@@ -6693,10 +6705,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
6693
6705
|
}] } });
|
|
6694
6706
|
|
|
6695
6707
|
class MatchaModalOptionsComponent {
|
|
6696
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6697
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
6708
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6709
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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: [""] }); }
|
|
6698
6710
|
}
|
|
6699
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6711
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalOptionsComponent, decorators: [{
|
|
6700
6712
|
type: Component,
|
|
6701
6713
|
args: [{ selector: 'matcha-modal-options', standalone: false, template: "<div class=\"flex-row gap-8\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
6702
6714
|
}] });
|
|
@@ -6735,10 +6747,10 @@ class MatchaModalComponent {
|
|
|
6735
6747
|
this.hasBackdrop = true;
|
|
6736
6748
|
this.backdropClass = '';
|
|
6737
6749
|
}
|
|
6738
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6739
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
6750
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6751
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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: [""] }); }
|
|
6740
6752
|
}
|
|
6741
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6753
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalComponent, decorators: [{
|
|
6742
6754
|
type: Component,
|
|
6743
6755
|
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>" }]
|
|
6744
6756
|
}], ctorParameters: () => [], propDecorators: { size: [{
|
|
@@ -6907,10 +6919,10 @@ class MatchaOverlayService {
|
|
|
6907
6919
|
this.removeOverlayContainer();
|
|
6908
6920
|
}
|
|
6909
6921
|
}
|
|
6910
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6911
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
6922
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaOverlayService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6923
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaOverlayService, providedIn: 'root' }); }
|
|
6912
6924
|
}
|
|
6913
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6925
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaOverlayService, decorators: [{
|
|
6914
6926
|
type: Injectable,
|
|
6915
6927
|
args: [{
|
|
6916
6928
|
providedIn: 'root',
|
|
@@ -6946,10 +6958,10 @@ class MatchaModalService {
|
|
|
6946
6958
|
getData() {
|
|
6947
6959
|
return this.currentData;
|
|
6948
6960
|
}
|
|
6949
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6950
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
6961
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalService, deps: [{ token: MatchaOverlayService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6962
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalService, providedIn: 'root' }); }
|
|
6951
6963
|
}
|
|
6952
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6964
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalService, decorators: [{
|
|
6953
6965
|
type: Injectable,
|
|
6954
6966
|
args: [{
|
|
6955
6967
|
providedIn: 'root'
|
|
@@ -6957,8 +6969,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
6957
6969
|
}], ctorParameters: () => [{ type: MatchaOverlayService }] });
|
|
6958
6970
|
|
|
6959
6971
|
class MatchaModalModule {
|
|
6960
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6961
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
6972
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6973
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalModule, declarations: [MatchaModalHeaderComponent,
|
|
6962
6974
|
MatchaModalContentComponent,
|
|
6963
6975
|
MatchaModalFooterComponent,
|
|
6964
6976
|
MatchaModalOptionsComponent,
|
|
@@ -6972,7 +6984,7 @@ class MatchaModalModule {
|
|
|
6972
6984
|
MatchaModalFooterComponent,
|
|
6973
6985
|
MatchaModalOptionsComponent,
|
|
6974
6986
|
MatchaModalComponent] }); }
|
|
6975
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
6987
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalModule, providers: [
|
|
6976
6988
|
MatchaModalService,
|
|
6977
6989
|
MatchaOverlayService
|
|
6978
6990
|
], imports: [CommonModule,
|
|
@@ -6982,7 +6994,7 @@ class MatchaModalModule {
|
|
|
6982
6994
|
MatchaTooltipModule,
|
|
6983
6995
|
MatchaElevationModule] }); }
|
|
6984
6996
|
}
|
|
6985
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6997
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaModalModule, decorators: [{
|
|
6986
6998
|
type: NgModule,
|
|
6987
6999
|
args: [{
|
|
6988
7000
|
declarations: [
|
|
@@ -7056,10 +7068,10 @@ class MatchaOverflowDraggableComponent {
|
|
|
7056
7068
|
const activeClasses = `${draggableReference}`;
|
|
7057
7069
|
return activeClasses;
|
|
7058
7070
|
}
|
|
7059
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7060
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
7071
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaOverflowDraggableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7072
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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: [""] }); }
|
|
7061
7073
|
}
|
|
7062
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7074
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaOverflowDraggableComponent, decorators: [{
|
|
7063
7075
|
type: Component,
|
|
7064
7076
|
args: [{ selector: 'matcha-overflow-draggable', standalone: false, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
7065
7077
|
}], propDecorators: { dragRef: [{
|
|
@@ -7110,10 +7122,10 @@ class MatchaPaginatorIntl {
|
|
|
7110
7122
|
return `(filtrados de ${totalLength} no total)`;
|
|
7111
7123
|
};
|
|
7112
7124
|
}
|
|
7113
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7114
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
7125
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPaginatorIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7126
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPaginatorIntl, providedIn: 'root' }); }
|
|
7115
7127
|
}
|
|
7116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPaginatorIntl, decorators: [{
|
|
7117
7129
|
type: Injectable,
|
|
7118
7130
|
args: [{ providedIn: 'root' }]
|
|
7119
7131
|
}] });
|
|
@@ -7257,10 +7269,10 @@ class MatchaPaginatorComponent {
|
|
|
7257
7269
|
}
|
|
7258
7270
|
return '';
|
|
7259
7271
|
}
|
|
7260
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7261
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
7272
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPaginatorComponent, deps: [{ token: MatchaPaginatorIntl }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7273
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaPaginatorComponent, isStandalone: false, selector: "matcha-paginator", inputs: { pageIndex: "pageIndex", length: "length", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", color: "color", showTotal: "showTotal", filteredLength: "filteredLength" }, outputs: { page: "page" }, ngImport: i0, template: "<div class=\"matcha-paginator flex-row flex-align-center gap-20\">\n <!-- Total records information -->\n <div class=\"paginator-total-info\" *ngIf=\"showTotal\">\n <div class=\"total-range\">{{ getRangeLabel() }}</div>\n <div class=\"total-filtered\" *ngIf=\"hasFilteredResults\">{{ getFilteredLabel() }}</div>\n </div>\n\n <!-- Items per page selector -->\n <div class=\"flex-row flex-align-center gap-8\" *ngIf=\"pageSizeOptions && pageSizeOptions.length > 0\">\n <span class=\"text-sm color-placeholder\">{{ _intl.itemsPerPageLabel }}</span>\n <div class=\"page-size-selector\">\n <select \n class=\"page-size-select radius-8\" \n [value]=\"pageSize\" \n (change)=\"onPageSizeChange($event)\">\n <option *ngFor=\"let option of pageSizeOptions\" [value]=\"option\">\n {{ option }}\n </option>\n </select>\n <div class=\"select-icon\">\n <matcha-icon name=\"action_arrow_down\" size=\"sm\" color=\"fg\"></matcha-icon>\n </div>\n </div>\n </div>\n \n <!-- Page navigation -->\n <div class=\"flex-row flex-align-center gap-8\">\n <!-- Previous page button -->\n <button \n class=\"nav-button\" \n [disabled]=\"!hasPreviousPage\"\n (click)=\"previousPage()\"\n [attr.aria-label]=\"_intl.previousPageLabel\">\n <matcha-icon name=\"action_arrow_left\" size=\"md\"></matcha-icon>\n </button>\n \n <!-- Page numbers -->\n <div class=\"flex-row flex-align-center gap-4\">\n <ng-container *ngFor=\"let page of displayPages; trackBy: trackByPage\">\n <button \n *ngIf=\"isNumber(page); else ellipsis\"\n class=\"page-button\"\n [class.active]=\"page === currentPage\"\n [class.radius-full]=\"page === currentPage\"\n [ngClass]=\"page === currentPage ? color : ''\"\n (click)=\"goToPage(page)\"\n [attr.aria-label]=\"'Ir para p\u00E1gina ' + page\">\n {{ page }}\n </button>\n <ng-template #ellipsis>\n <span class=\"ellipsis\">{{ page }}</span>\n </ng-template>\n </ng-container>\n </div>\n \n <!-- Next page button -->\n <button \n class=\"nav-button\" \n [disabled]=\"!hasNextPage\"\n (click)=\"nextPage()\"\n [attr.aria-label]=\"_intl.nextPageLabel\">\n <matcha-icon name=\"action_arrow_right\" size=\"md\"></matcha-icon>\n </button>\n </div>\n </div>", 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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7262
7274
|
}
|
|
7263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7275
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPaginatorComponent, decorators: [{
|
|
7264
7276
|
type: Component,
|
|
7265
7277
|
args: [{ selector: 'matcha-paginator', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"matcha-paginator flex-row flex-align-center gap-20\">\n <!-- Total records information -->\n <div class=\"paginator-total-info\" *ngIf=\"showTotal\">\n <div class=\"total-range\">{{ getRangeLabel() }}</div>\n <div class=\"total-filtered\" *ngIf=\"hasFilteredResults\">{{ getFilteredLabel() }}</div>\n </div>\n\n <!-- Items per page selector -->\n <div class=\"flex-row flex-align-center gap-8\" *ngIf=\"pageSizeOptions && pageSizeOptions.length > 0\">\n <span class=\"text-sm color-placeholder\">{{ _intl.itemsPerPageLabel }}</span>\n <div class=\"page-size-selector\">\n <select \n class=\"page-size-select radius-8\" \n [value]=\"pageSize\" \n (change)=\"onPageSizeChange($event)\">\n <option *ngFor=\"let option of pageSizeOptions\" [value]=\"option\">\n {{ option }}\n </option>\n </select>\n <div class=\"select-icon\">\n <matcha-icon name=\"action_arrow_down\" size=\"sm\" color=\"fg\"></matcha-icon>\n </div>\n </div>\n </div>\n \n <!-- Page navigation -->\n <div class=\"flex-row flex-align-center gap-8\">\n <!-- Previous page button -->\n <button \n class=\"nav-button\" \n [disabled]=\"!hasPreviousPage\"\n (click)=\"previousPage()\"\n [attr.aria-label]=\"_intl.previousPageLabel\">\n <matcha-icon name=\"action_arrow_left\" size=\"md\"></matcha-icon>\n </button>\n \n <!-- Page numbers -->\n <div class=\"flex-row flex-align-center gap-4\">\n <ng-container *ngFor=\"let page of displayPages; trackBy: trackByPage\">\n <button \n *ngIf=\"isNumber(page); else ellipsis\"\n class=\"page-button\"\n [class.active]=\"page === currentPage\"\n [class.radius-full]=\"page === currentPage\"\n [ngClass]=\"page === currentPage ? color : ''\"\n (click)=\"goToPage(page)\"\n [attr.aria-label]=\"'Ir para p\u00E1gina ' + page\">\n {{ page }}\n </button>\n <ng-template #ellipsis>\n <span class=\"ellipsis\">{{ page }}</span>\n </ng-template>\n </ng-container>\n </div>\n \n <!-- Next page button -->\n <button \n class=\"nav-button\" \n [disabled]=\"!hasNextPage\"\n (click)=\"nextPage()\"\n [attr.aria-label]=\"_intl.nextPageLabel\">\n <matcha-icon name=\"action_arrow_right\" size=\"md\"></matcha-icon>\n </button>\n </div>\n </div>" }]
|
|
7266
7278
|
}], ctorParameters: () => [{ type: MatchaPaginatorIntl }, { type: i0.ChangeDetectorRef }], propDecorators: { pageIndex: [{
|
|
@@ -7282,11 +7294,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
7282
7294
|
}] } });
|
|
7283
7295
|
|
|
7284
7296
|
class MatchaPaginatorModule {
|
|
7285
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7286
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7287
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7297
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7298
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaPaginatorModule, declarations: [MatchaPaginatorComponent], imports: [CommonModule, MatchaIconModule], exports: [MatchaPaginatorComponent] }); }
|
|
7299
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPaginatorModule, providers: [MatchaPaginatorIntl], imports: [CommonModule, MatchaIconModule] }); }
|
|
7288
7300
|
}
|
|
7289
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7301
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPaginatorModule, decorators: [{
|
|
7290
7302
|
type: NgModule,
|
|
7291
7303
|
args: [{
|
|
7292
7304
|
declarations: [MatchaPaginatorComponent],
|
|
@@ -7377,8 +7389,8 @@ class MatchaSlideToggleComponent {
|
|
|
7377
7389
|
// Marca para detecção após mudança (necessário para OnPush)
|
|
7378
7390
|
this.cdr.markForCheck();
|
|
7379
7391
|
}
|
|
7380
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7381
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
7392
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSlideToggleComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7393
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaSlideToggleComponent, isStandalone: false, selector: "matcha-slide-toggle", inputs: { color: "color", checked: "checked", disabled: "disabled" }, outputs: { change: "change" }, providers: [
|
|
7382
7394
|
{
|
|
7383
7395
|
provide: NG_VALUE_ACCESSOR,
|
|
7384
7396
|
useExisting: forwardRef(() => MatchaSlideToggleComponent),
|
|
@@ -7386,7 +7398,7 @@ class MatchaSlideToggleComponent {
|
|
|
7386
7398
|
},
|
|
7387
7399
|
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<label class=\"matcha-slide-toggle-wrapper flex-align-center\" [class.matcha-slide-toggle-disabled]=\"disabled\">\n <input #input type=\"checkbox\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"onInputChange($event)\" />\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>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7388
7400
|
}
|
|
7389
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7401
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSlideToggleComponent, decorators: [{
|
|
7390
7402
|
type: Component,
|
|
7391
7403
|
args: [{ selector: 'matcha-slide-toggle', standalone: false, providers: [
|
|
7392
7404
|
{
|
|
@@ -7409,11 +7421,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
7409
7421
|
}] } });
|
|
7410
7422
|
|
|
7411
7423
|
class MatchaSlideToggleModule {
|
|
7412
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7413
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7414
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7424
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSlideToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7425
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaSlideToggleModule, declarations: [MatchaSlideToggleComponent], imports: [CommonModule, FormsModule], exports: [MatchaSlideToggleComponent] }); }
|
|
7426
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSlideToggleModule, imports: [CommonModule, FormsModule] }); }
|
|
7415
7427
|
}
|
|
7416
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7428
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSlideToggleModule, decorators: [{
|
|
7417
7429
|
type: NgModule,
|
|
7418
7430
|
args: [{
|
|
7419
7431
|
declarations: [MatchaSlideToggleComponent],
|
|
@@ -7550,12 +7562,13 @@ class MatchaMenuComponent {
|
|
|
7550
7562
|
this.closePanel();
|
|
7551
7563
|
}
|
|
7552
7564
|
}
|
|
7553
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7554
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
7565
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMenuComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7566
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaMenuComponent, isStandalone: false, selector: "matcha-menu", inputs: { placement: "placement", maxHeight: "maxHeight", minWidth: "minWidth" }, outputs: { opened: "opened", closed: "closed" }, viewQueries: [{ propertyName: "panel", first: true, predicate: MatchaPanelComponent, descendants: true }], exportAs: ["matchaMenu"], ngImport: i0, template: `
|
|
7555
7567
|
<matcha-panel #panel
|
|
7556
7568
|
[placement]="placement"
|
|
7557
7569
|
[maxHeight]="maxHeight"
|
|
7558
7570
|
[minWidth]="minWidth"
|
|
7571
|
+
widthMode="max-content"
|
|
7559
7572
|
[open]="open"
|
|
7560
7573
|
[suppressGlobalClose]="isSubMenu"
|
|
7561
7574
|
[portalToBody]="isSubMenu"
|
|
@@ -7568,9 +7581,9 @@ class MatchaMenuComponent {
|
|
|
7568
7581
|
<ng-content></ng-content>
|
|
7569
7582
|
</div>
|
|
7570
7583
|
</matcha-panel>
|
|
7571
|
-
`, isInline: true, dependencies: [{ kind: "component", type: MatchaPanelComponent, selector: "matcha-panel", inputs: ["placement", "maxHeight", "minWidth", "offset", "triggerElement", "open", "hasOverlay", "ignoreClickOutsideElements", "suppressGlobalClose", "portalToBody"], outputs: ["opened", "closed"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7584
|
+
`, isInline: true, dependencies: [{ kind: "component", type: MatchaPanelComponent, selector: "matcha-panel", inputs: ["placement", "maxHeight", "minWidth", "widthMode", "offset", "triggerElement", "open", "hasOverlay", "ignoreClickOutsideElements", "suppressGlobalClose", "portalToBody"], outputs: ["opened", "closed"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7572
7585
|
}
|
|
7573
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7586
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMenuComponent, decorators: [{
|
|
7574
7587
|
type: Component,
|
|
7575
7588
|
args: [{
|
|
7576
7589
|
selector: 'matcha-menu',
|
|
@@ -7579,6 +7592,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
7579
7592
|
[placement]="placement"
|
|
7580
7593
|
[maxHeight]="maxHeight"
|
|
7581
7594
|
[minWidth]="minWidth"
|
|
7595
|
+
widthMode="max-content"
|
|
7582
7596
|
[open]="open"
|
|
7583
7597
|
[suppressGlobalClose]="isSubMenu"
|
|
7584
7598
|
[portalToBody]="isSubMenu"
|
|
@@ -7642,10 +7656,10 @@ class MatchaMenuTriggerDirective {
|
|
|
7642
7656
|
ngOnDestroy() {
|
|
7643
7657
|
this.subs.unsubscribe();
|
|
7644
7658
|
}
|
|
7645
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7646
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
7659
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMenuTriggerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7660
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: MatchaMenuTriggerDirective, isStandalone: false, selector: "[matchaMenuTriggerFor]", inputs: { menu: ["matchaMenuTriggerFor", "menu"] }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
|
|
7647
7661
|
}
|
|
7648
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7662
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMenuTriggerDirective, decorators: [{
|
|
7649
7663
|
type: Directive,
|
|
7650
7664
|
args: [{
|
|
7651
7665
|
selector: '[matchaMenuTriggerFor]',
|
|
@@ -7685,10 +7699,10 @@ class MatchaMenuItemDirective {
|
|
|
7685
7699
|
this.renderer.removeClass(this.el.nativeElement, 'matcha-menu-item');
|
|
7686
7700
|
}
|
|
7687
7701
|
}
|
|
7688
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7689
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
7702
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMenuItemDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7703
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: MatchaMenuItemDirective, isStandalone: false, selector: "[matcha-menu-item]", inputs: { matchaMenuItem: ["matcha-menu-item", "matchaMenuItem"] }, usesOnChanges: true, ngImport: i0 }); }
|
|
7690
7704
|
}
|
|
7691
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7705
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMenuItemDirective, decorators: [{
|
|
7692
7706
|
type: Directive,
|
|
7693
7707
|
args: [{
|
|
7694
7708
|
selector: '[matcha-menu-item]',
|
|
@@ -7774,10 +7788,10 @@ class MatchaSubmenuTriggerDirective {
|
|
|
7774
7788
|
}
|
|
7775
7789
|
}
|
|
7776
7790
|
}
|
|
7777
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7778
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
7791
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSubmenuTriggerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7792
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: MatchaSubmenuTriggerDirective, isStandalone: false, selector: "[matchaSubmenuTriggerFor]", inputs: { submenu: ["matchaSubmenuTriggerFor", "submenu"], parentMenu: "parentMenu" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "class.matcha-menu-item-has-submenu": "this.hasSubmenuClass" } }, ngImport: i0 }); }
|
|
7779
7793
|
}
|
|
7780
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7794
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSubmenuTriggerDirective, decorators: [{
|
|
7781
7795
|
type: Directive,
|
|
7782
7796
|
args: [{
|
|
7783
7797
|
selector: '[matchaSubmenuTriggerFor]',
|
|
@@ -7800,8 +7814,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
7800
7814
|
}] } });
|
|
7801
7815
|
|
|
7802
7816
|
class MatchaMenuModule {
|
|
7803
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7804
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7817
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7818
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaMenuModule, declarations: [MatchaMenuComponent,
|
|
7805
7819
|
MatchaMenuTriggerDirective,
|
|
7806
7820
|
MatchaMenuItemDirective,
|
|
7807
7821
|
MatchaSubmenuTriggerDirective], imports: [CommonModule,
|
|
@@ -7809,10 +7823,10 @@ class MatchaMenuModule {
|
|
|
7809
7823
|
MatchaMenuTriggerDirective,
|
|
7810
7824
|
MatchaMenuItemDirective,
|
|
7811
7825
|
MatchaSubmenuTriggerDirective] }); }
|
|
7812
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7826
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMenuModule, imports: [CommonModule,
|
|
7813
7827
|
MatchaPanelModule] }); }
|
|
7814
7828
|
}
|
|
7815
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7829
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaMenuModule, decorators: [{
|
|
7816
7830
|
type: NgModule,
|
|
7817
7831
|
args: [{
|
|
7818
7832
|
declarations: [
|
|
@@ -7881,10 +7895,10 @@ class MatchaSpinComponent {
|
|
|
7881
7895
|
const progress = Math.min(Math.max(Number(this.progress), 0), 100);
|
|
7882
7896
|
return this.circumference - (progress / 100) * this.circumference;
|
|
7883
7897
|
}
|
|
7884
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7885
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
7898
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSpinComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7899
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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: [""] }); }
|
|
7886
7900
|
}
|
|
7887
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7901
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSpinComponent, decorators: [{
|
|
7888
7902
|
type: Component,
|
|
7889
7903
|
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" }]
|
|
7890
7904
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -7918,11 +7932,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
7918
7932
|
}] } });
|
|
7919
7933
|
|
|
7920
7934
|
class MatchaSpinModule {
|
|
7921
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7922
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7923
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7935
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSpinModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7936
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaSpinModule, declarations: [MatchaSpinComponent], imports: [CommonModule], exports: [MatchaSpinComponent] }); }
|
|
7937
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSpinModule, imports: [CommonModule] }); }
|
|
7924
7938
|
}
|
|
7925
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7939
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSpinModule, decorators: [{
|
|
7926
7940
|
type: NgModule,
|
|
7927
7941
|
args: [{
|
|
7928
7942
|
declarations: [MatchaSpinComponent],
|
|
@@ -7982,10 +7996,10 @@ class MatchaSpinnerComponent {
|
|
|
7982
7996
|
const progress = Math.min(Math.max(Number(this.progress), 0), 100);
|
|
7983
7997
|
return this.circumference - (progress / 100) * this.circumference;
|
|
7984
7998
|
}
|
|
7985
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7986
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
7999
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSpinnerComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8000
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaSpinnerComponent, isStandalone: false, selector: "matcha-spinner", inputs: { progress: "progress", color: "color", size: "size", sizeXs: ["size-xs", "sizeXs"], sizeSm: ["size-sm", "sizeSm"], sizeMd: ["size-md", "sizeMd"], sizeLg: ["size-lg", "sizeLg"], sizeXl: ["size-xl", "sizeXl"] }, host: { properties: { "attr.progress": "this._progress", "attr.color": "this._color", "attr.size": "this.hostSize" } }, ngImport: i0, template: "<div\n class=\"matcha-spinner\"\n role=\"progressbar\"\n [attr.aria-valuemin]=\"0\"\n [attr.aria-valuemax]=\"100\"\n [attr.aria-valuenow]=\"progress\"\n>\n <svg [attr.viewBox]=\"'0 0 ' + diameter + ' ' + diameter\" class=\"spinner\">\n <circle\n class=\"spinner-placeholder\"\n [attr.cx]=\"center\"\n [attr.cy]=\"center\"\n [attr.r]=\"radius\"\n [attr.stroke-width]=\"strokeWidth\"\n stroke-linecap=\"round\"\n />\n <circle\n class=\"spinner-progress path\"\n [attr.cx]=\"center\"\n [attr.cy]=\"center\"\n [attr.r]=\"radius\"\n [attr.stroke-width]=\"strokeWidth\"\n [attr.stroke]=\"color\"\n [attr.stroke-dasharray]=\"circumference\"\n [attr.stroke-dashoffset]=\"dashOffset\"\n stroke-linecap=\"round\"\n />\n </svg>\n</div>\n", styles: [""] }); }
|
|
7987
8001
|
}
|
|
7988
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8002
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSpinnerComponent, decorators: [{
|
|
7989
8003
|
type: Component,
|
|
7990
8004
|
args: [{ selector: 'matcha-spinner', standalone: false, template: "<div\n class=\"matcha-spinner\"\n role=\"progressbar\"\n [attr.aria-valuemin]=\"0\"\n [attr.aria-valuemax]=\"100\"\n [attr.aria-valuenow]=\"progress\"\n>\n <svg [attr.viewBox]=\"'0 0 ' + diameter + ' ' + diameter\" class=\"spinner\">\n <circle\n class=\"spinner-placeholder\"\n [attr.cx]=\"center\"\n [attr.cy]=\"center\"\n [attr.r]=\"radius\"\n [attr.stroke-width]=\"strokeWidth\"\n stroke-linecap=\"round\"\n />\n <circle\n class=\"spinner-progress path\"\n [attr.cx]=\"center\"\n [attr.cy]=\"center\"\n [attr.r]=\"radius\"\n [attr.stroke-width]=\"strokeWidth\"\n [attr.stroke]=\"color\"\n [attr.stroke-dasharray]=\"circumference\"\n [attr.stroke-dashoffset]=\"dashOffset\"\n stroke-linecap=\"round\"\n />\n </svg>\n</div>\n" }]
|
|
7991
8005
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -8028,11 +8042,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
8028
8042
|
}] } });
|
|
8029
8043
|
|
|
8030
8044
|
class MatchaSpinnerModule {
|
|
8031
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8032
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
8033
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
8045
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8046
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaSpinnerModule, declarations: [MatchaSpinnerComponent], imports: [CommonModule], exports: [MatchaSpinnerComponent] }); }
|
|
8047
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSpinnerModule, imports: [CommonModule] }); }
|
|
8034
8048
|
}
|
|
8035
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8049
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSpinnerModule, decorators: [{
|
|
8036
8050
|
type: NgModule,
|
|
8037
8051
|
args: [{
|
|
8038
8052
|
declarations: [MatchaSpinnerComponent],
|
|
@@ -8113,10 +8127,10 @@ class MatchaProgressBarComponent {
|
|
|
8113
8127
|
const progress = Math.min(Math.max(Number(this.progress), 0), 100);
|
|
8114
8128
|
return `${progress}%`;
|
|
8115
8129
|
}
|
|
8116
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8117
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
8130
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaProgressBarComponent, deps: [{ token: ElementRef }, { token: Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8131
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaProgressBarComponent, isStandalone: false, selector: "matcha-progress-bar", inputs: { progress: "progress", color: "color", size: "size", text: "text", sizeXs: ["size-xs", "sizeXs"], sizeSm: ["size-sm", "sizeSm"], sizeMd: ["size-md", "sizeMd"], sizeLg: ["size-lg", "sizeLg"], sizeXl: ["size-xl", "sizeXl"] }, host: { properties: { "attr.progress": "this._progress", "attr.color": "this._color", "attr.is-informative": "this._isInformative", "attr.size": "this.hostSize" } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"matcha-progress-bar\" role=\"progressbar\" [attr.aria-valuemin]=\"0\" [attr.aria-valuemax]=\"100\"\n [attr.aria-valuenow]=\"progress\">\n\n <!-- Barra de progresso com card informativo (aparece se tiver conte\u00FAdo projetado) -->\n <matcha-card class=\"progress-info-card\" [style.display]=\"hasContent ? '' : 'none'\" [hidden]=\"!hasContent\">\n <div #contentWrapper>\n <ng-content></ng-content>\n </div>\n </matcha-card>\n\n <!-- Barra de progresso (aparece texto caso tenha text=\"texto\") -->\n <div class=\"progress\">\n <div *ngIf=\"text\" class=\"progress-text progress-text-bg\">\n {{ text }}\n </div>\n\n <div *ngIf=\"isIndeterminate\" [class]=\"color + ' indeterminate' \"></div>\n\n <div *ngIf=\"!isIndeterminate\" [class]=\"color + ' determinate' \" [style.width]=\"progressWidth\"\n [class.radius-bottom-8]=\"hasContent\"></div>\n\n <div *ngIf=\"text\" class=\"progress-text progress-text-fg\"\n [style.clip-path]=\"'inset(0 calc(100% - ' + progressWidth + ') 0 0)'\">\n {{ text }}\n </div>\n </div>\n\n\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatchaCardComponent, selector: "matcha-card", inputs: ["color", "blockquote", "blockquoteColor", "class", "alpha", "tint", "loading"] }] }); }
|
|
8118
8132
|
}
|
|
8119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaProgressBarComponent, decorators: [{
|
|
8120
8134
|
type: Component,
|
|
8121
8135
|
args: [{ selector: 'matcha-progress-bar', standalone: false, template: "<div class=\"matcha-progress-bar\" role=\"progressbar\" [attr.aria-valuemin]=\"0\" [attr.aria-valuemax]=\"100\"\n [attr.aria-valuenow]=\"progress\">\n\n <!-- Barra de progresso com card informativo (aparece se tiver conte\u00FAdo projetado) -->\n <matcha-card class=\"progress-info-card\" [style.display]=\"hasContent ? '' : 'none'\" [hidden]=\"!hasContent\">\n <div #contentWrapper>\n <ng-content></ng-content>\n </div>\n </matcha-card>\n\n <!-- Barra de progresso (aparece texto caso tenha text=\"texto\") -->\n <div class=\"progress\">\n <div *ngIf=\"text\" class=\"progress-text progress-text-bg\">\n {{ text }}\n </div>\n\n <div *ngIf=\"isIndeterminate\" [class]=\"color + ' indeterminate' \"></div>\n\n <div *ngIf=\"!isIndeterminate\" [class]=\"color + ' determinate' \" [style.width]=\"progressWidth\"\n [class.radius-bottom-8]=\"hasContent\"></div>\n\n <div *ngIf=\"text\" class=\"progress-text progress-text-fg\"\n [style.clip-path]=\"'inset(0 calc(100% - ' + progressWidth + ') 0 0)'\">\n {{ text }}\n </div>\n </div>\n\n\n</div>" }]
|
|
8122
8136
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -8167,13 +8181,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
8167
8181
|
}] } });
|
|
8168
8182
|
|
|
8169
8183
|
class MatchaProgressBarModule {
|
|
8170
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8171
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
8184
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8185
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaProgressBarModule, declarations: [MatchaProgressBarComponent], imports: [CommonModule,
|
|
8172
8186
|
MatchaCardModule], exports: [MatchaProgressBarComponent] }); }
|
|
8173
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
8187
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaProgressBarModule, imports: [CommonModule,
|
|
8174
8188
|
MatchaCardModule] }); }
|
|
8175
8189
|
}
|
|
8176
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaProgressBarModule, decorators: [{
|
|
8177
8191
|
type: NgModule,
|
|
8178
8192
|
args: [{
|
|
8179
8193
|
declarations: [MatchaProgressBarComponent],
|
|
@@ -8197,10 +8211,10 @@ class MatchaTabItemComponent {
|
|
|
8197
8211
|
get active() {
|
|
8198
8212
|
return this._active;
|
|
8199
8213
|
}
|
|
8200
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8201
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
8214
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8215
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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"] }] }); }
|
|
8202
8216
|
}
|
|
8203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8217
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTabItemComponent, decorators: [{
|
|
8204
8218
|
type: Component,
|
|
8205
8219
|
args: [{ selector: 'matcha-tab', standalone: false, template: "<ng-content *ngIf=\"active\"></ng-content>\n" }]
|
|
8206
8220
|
}], propDecorators: { title: [{
|
|
@@ -8289,10 +8303,10 @@ class MatchaTabsComponent {
|
|
|
8289
8303
|
this.selectTabByIndex(tabsArray.length - 1);
|
|
8290
8304
|
}
|
|
8291
8305
|
}
|
|
8292
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8293
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
8306
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8307
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaTabsComponent, isStandalone: false, selector: "matcha-tabs", inputs: { selectedIndex: "selectedIndex", activeTabIndex: "activeTabIndex" }, outputs: { selectedIndexChange: "selectedIndexChange", selectedTabChange: "selectedTabChange", tabSelected: "tabSelected" }, host: { listeners: { "keydown": "handleKeyboardEvent($event)" } }, queries: [{ propertyName: "tabs", predicate: MatchaTabItemComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex-column gap-24 w-100-p\">\n <nav class=\"button-group overflow-auto w-100-p flex-row gap-8 list-style-none pl-0 pb-4\" role=\"tablist\">\n <button *ngFor=\"let tab of tabs; let i = index\" (click)=\"selectTabByIndex(i)\"\n [attr.aria-selected]=\"tab.active\"\n [attr.aria-controls]=\"'tab-content-' + i\"\n [ngClass]=\"{'active': tab.active}\"\n class=\"\n border-color-{{tab.active?'accent':'surface'}} background-surface\n cursor-pointer w-100-p min-w-128 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=\"color-fg 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] }); }
|
|
8294
8308
|
}
|
|
8295
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8309
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTabsComponent, decorators: [{
|
|
8296
8310
|
type: Component,
|
|
8297
8311
|
args: [{ selector: 'matcha-tabs', animations: [...createAnimations], standalone: false, template: "<div class=\"flex-column gap-24 w-100-p\">\n <nav class=\"button-group overflow-auto w-100-p flex-row gap-8 list-style-none pl-0 pb-4\" role=\"tablist\">\n <button *ngFor=\"let tab of tabs; let i = index\" (click)=\"selectTabByIndex(i)\"\n [attr.aria-selected]=\"tab.active\"\n [attr.aria-controls]=\"'tab-content-' + i\"\n [ngClass]=\"{'active': tab.active}\"\n class=\"\n border-color-{{tab.active?'accent':'surface'}} background-surface\n cursor-pointer w-100-p min-w-128 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=\"color-fg 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" }]
|
|
8298
8312
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { tabs: [{
|
|
@@ -8314,15 +8328,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
8314
8328
|
}] } });
|
|
8315
8329
|
|
|
8316
8330
|
class MatchaTabsModule {
|
|
8317
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8318
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
8331
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8332
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaTabsModule, declarations: [MatchaTabsComponent,
|
|
8319
8333
|
MatchaTabItemComponent], imports: [CommonModule,
|
|
8320
8334
|
MatchaIconModule], exports: [MatchaTabsComponent,
|
|
8321
8335
|
MatchaTabItemComponent] }); }
|
|
8322
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
8336
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTabsModule, imports: [CommonModule,
|
|
8323
8337
|
MatchaIconModule] }); }
|
|
8324
8338
|
}
|
|
8325
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTabsModule, decorators: [{
|
|
8326
8340
|
type: NgModule,
|
|
8327
8341
|
args: [{
|
|
8328
8342
|
declarations: [
|
|
@@ -8455,10 +8469,10 @@ class MatchaDateRangeComponent {
|
|
|
8455
8469
|
control.setErrors(Object.keys(errors).length ? errors : null);
|
|
8456
8470
|
}
|
|
8457
8471
|
}
|
|
8458
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8459
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
8472
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDateRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8473
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaDateRangeComponent, isStandalone: false, selector: "matcha-date-range", queries: [{ propertyName: "controls", predicate: NgControl, descendants: true }], ngImport: i0, template: "<div class=\"matcha-date-range-container\">\n <ng-content></ng-content>\n</div>\n", styles: [""] }); }
|
|
8460
8474
|
}
|
|
8461
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8475
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDateRangeComponent, decorators: [{
|
|
8462
8476
|
type: Component,
|
|
8463
8477
|
args: [{ selector: 'matcha-date-range', standalone: false, template: "<div class=\"matcha-date-range-container\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
8464
8478
|
}], propDecorators: { controls: [{
|
|
@@ -8722,8 +8736,8 @@ class MatchaDateComponent {
|
|
|
8722
8736
|
const [year, month, day] = yyyyMMdd.split('-');
|
|
8723
8737
|
return `${day}/${month}/${year}`;
|
|
8724
8738
|
}
|
|
8725
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8726
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
8739
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8740
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaDateComponent, isStandalone: false, selector: "matcha-date", inputs: { placeholder: "placeholder", min: "min", max: "max", disabled: "disabled", showNativePicker: "showNativePicker" }, providers: [
|
|
8727
8741
|
{
|
|
8728
8742
|
provide: NG_VALUE_ACCESSOR,
|
|
8729
8743
|
useExisting: forwardRef(() => MatchaDateComponent),
|
|
@@ -8731,7 +8745,7 @@ class MatchaDateComponent {
|
|
|
8731
8745
|
}
|
|
8732
8746
|
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textInput"], descendants: true }, { propertyName: "nativeDateInput", first: true, predicate: ["nativeDateInput"], descendants: true }], ngImport: i0, template: "<div class=\"matcha-date-container\">\n <input\n #textInput\n type=\"text\"\n class=\"matcha-date-input\"\n [value]=\"displayValue\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled || isDisabled\"\n maxlength=\"10\"\n (input)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n (keydown)=\"onKeyDown($event)\"\n />\n\n <!-- Input nativo de data (hidden) para usar o datepicker nativo -->\n <input\n #nativeDateInput\n type=\"date\"\n class=\"matcha-date-native-input\"\n [value]=\"value\"\n [min]=\"min\"\n [max]=\"max\"\n [disabled]=\"disabled || isDisabled\"\n (change)=\"onNativeDateChange($event)\"\n tabindex=\"-1\"\n />\n\n <!-- Bot\u00E3o para abrir datepicker nativo (opcional) -->\n <button\n *ngIf=\"showNativePicker && !disabled && !isDisabled\"\n type=\"button\"\n class=\"matcha-date-picker-button mr--12\"\n (click)=\"openNativeDatePicker()\"\n [disabled]=\"disabled || isDisabled\"\n aria-label=\"Abrir seletor de data\"\n tabindex=\"0\"\n >\n <span class=\"i-matcha-calendar color-grey\"></span>\n </button>\n</div>\n\n", styles: [".matcha-date-container{position:relative;display:flex;align-items:center;width:100%}.matcha-date-input{width:100%}.matcha-date-native-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;border:none;padding:0;margin:0}.matcha-date-picker-button{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--matcha-color-primary, #333);z-index:1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8733
8747
|
}
|
|
8734
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8748
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDateComponent, decorators: [{
|
|
8735
8749
|
type: Component,
|
|
8736
8750
|
args: [{ selector: 'matcha-date', encapsulation: ViewEncapsulation.None, standalone: false, providers: [
|
|
8737
8751
|
{
|
|
@@ -8759,13 +8773,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
8759
8773
|
}] } });
|
|
8760
8774
|
|
|
8761
8775
|
class MatchaDateModule {
|
|
8762
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8763
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
8776
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8777
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaDateModule, declarations: [MatchaDateComponent], imports: [CommonModule,
|
|
8764
8778
|
FormsModule], exports: [MatchaDateComponent] }); }
|
|
8765
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
8779
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDateModule, imports: [CommonModule,
|
|
8766
8780
|
FormsModule] }); }
|
|
8767
8781
|
}
|
|
8768
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8782
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDateModule, decorators: [{
|
|
8769
8783
|
type: NgModule,
|
|
8770
8784
|
args: [{
|
|
8771
8785
|
declarations: [
|
|
@@ -8782,16 +8796,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
8782
8796
|
}] });
|
|
8783
8797
|
|
|
8784
8798
|
class MatchaDateRangeModule {
|
|
8785
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8786
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
8799
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8800
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaDateRangeModule, declarations: [MatchaDateRangeComponent], imports: [CommonModule,
|
|
8787
8801
|
ReactiveFormsModule,
|
|
8788
8802
|
MatchaDateModule], exports: [MatchaDateRangeComponent,
|
|
8789
8803
|
MatchaDateModule] }); }
|
|
8790
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
8804
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDateRangeModule, imports: [CommonModule,
|
|
8791
8805
|
ReactiveFormsModule,
|
|
8792
8806
|
MatchaDateModule, MatchaDateModule] }); }
|
|
8793
8807
|
}
|
|
8794
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDateRangeModule, decorators: [{
|
|
8795
8809
|
type: NgModule,
|
|
8796
8810
|
args: [{
|
|
8797
8811
|
declarations: [MatchaDateRangeComponent],
|
|
@@ -8915,10 +8929,10 @@ class MatchaTimeComponent {
|
|
|
8915
8929
|
control.setErrors(Object.keys(errors).length ? errors : null);
|
|
8916
8930
|
}
|
|
8917
8931
|
}
|
|
8918
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8919
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
8932
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8933
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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: [""] }); }
|
|
8920
8934
|
}
|
|
8921
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8935
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTimeComponent, decorators: [{
|
|
8922
8936
|
type: Component,
|
|
8923
8937
|
args: [{ selector: 'matcha-time', standalone: false, template: "<div class=\"d-flex gap-16\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
8924
8938
|
}], propDecorators: { controls: [{
|
|
@@ -8933,13 +8947,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
8933
8947
|
}] } });
|
|
8934
8948
|
|
|
8935
8949
|
class MatchaTimeModule {
|
|
8936
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8937
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
8950
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8951
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaTimeModule, declarations: [MatchaTimeComponent], imports: [CommonModule,
|
|
8938
8952
|
ReactiveFormsModule], exports: [MatchaTimeComponent] }); }
|
|
8939
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
8953
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTimeModule, imports: [CommonModule,
|
|
8940
8954
|
ReactiveFormsModule] }); }
|
|
8941
8955
|
}
|
|
8942
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
8956
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTimeModule, decorators: [{
|
|
8943
8957
|
type: NgModule,
|
|
8944
8958
|
args: [{
|
|
8945
8959
|
declarations: [MatchaTimeComponent],
|
|
@@ -8991,10 +9005,10 @@ class MatchaStepperStateService {
|
|
|
8991
9005
|
this._activeStep$.next(current - 1);
|
|
8992
9006
|
}
|
|
8993
9007
|
}
|
|
8994
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
8995
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
9008
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaStepperStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9009
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaStepperStateService }); }
|
|
8996
9010
|
}
|
|
8997
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9011
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaStepperStateService, decorators: [{
|
|
8998
9012
|
type: Injectable
|
|
8999
9013
|
}] });
|
|
9000
9014
|
|
|
@@ -9013,10 +9027,10 @@ class MatchaStepperControllerComponent {
|
|
|
9013
9027
|
return;
|
|
9014
9028
|
this.stepperState.setActiveStep(index);
|
|
9015
9029
|
}
|
|
9016
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
9017
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
9030
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaStepperControllerComponent, deps: [{ token: MatchaStepperStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9031
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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"] }] }); }
|
|
9018
9032
|
}
|
|
9019
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9033
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaStepperControllerComponent, decorators: [{
|
|
9020
9034
|
type: Component,
|
|
9021
9035
|
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" }]
|
|
9022
9036
|
}], ctorParameters: () => [{ type: MatchaStepperStateService }], propDecorators: { disableNext: [{
|
|
@@ -9033,10 +9047,10 @@ class MatchaStepperComponent {
|
|
|
9033
9047
|
this.stepperState.setActiveStep(this.active);
|
|
9034
9048
|
}
|
|
9035
9049
|
}
|
|
9036
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
9037
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
9050
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaStepperComponent, deps: [{ token: MatchaStepperStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9051
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaStepperComponent, isStandalone: false, selector: "matcha-stepper", inputs: { active: "active" }, providers: [MatchaStepperStateService], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
|
|
9038
9052
|
}
|
|
9039
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9053
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaStepperComponent, decorators: [{
|
|
9040
9054
|
type: Component,
|
|
9041
9055
|
args: [{
|
|
9042
9056
|
selector: 'matcha-stepper',
|
|
@@ -9049,10 +9063,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
9049
9063
|
}] } });
|
|
9050
9064
|
|
|
9051
9065
|
class StepComponent {
|
|
9052
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
9053
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
9066
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9067
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: StepComponent, isStandalone: false, selector: "matcha-step", inputs: { step: ["title", "step"] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true }); }
|
|
9054
9068
|
}
|
|
9055
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9069
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: StepComponent, decorators: [{
|
|
9056
9070
|
type: Component,
|
|
9057
9071
|
args: [{
|
|
9058
9072
|
selector: 'matcha-step',
|
|
@@ -9099,14 +9113,14 @@ class MatchaStepperContentComponent {
|
|
|
9099
9113
|
prevStep() {
|
|
9100
9114
|
this.stepperState.prevStep();
|
|
9101
9115
|
}
|
|
9102
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
9103
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
9116
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaStepperContentComponent, deps: [{ token: MatchaStepperStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9117
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaStepperContentComponent, isStandalone: false, selector: "matcha-stepper-content", queries: [{ propertyName: "steps", predicate: StepComponent }], ngImport: i0, template: `
|
|
9104
9118
|
<ng-container *ngIf="stepsArray.length">
|
|
9105
9119
|
<ng-container *ngTemplateOutlet="stepsArray[activeStep]?.template || null"></ng-container>
|
|
9106
9120
|
</ng-container>
|
|
9107
9121
|
`, 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"] }] }); }
|
|
9108
9122
|
}
|
|
9109
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaStepperContentComponent, decorators: [{
|
|
9110
9124
|
type: Component,
|
|
9111
9125
|
args: [{
|
|
9112
9126
|
selector: 'matcha-stepper-content',
|
|
@@ -9129,10 +9143,10 @@ class PrevStepDirective {
|
|
|
9129
9143
|
onClick() {
|
|
9130
9144
|
this.stepper?.prevStep();
|
|
9131
9145
|
}
|
|
9132
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
9133
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
9146
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: PrevStepDirective, deps: [{ token: MatchaStepperContentComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9147
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: PrevStepDirective, isStandalone: true, selector: "[prevStep]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
|
9134
9148
|
}
|
|
9135
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: PrevStepDirective, decorators: [{
|
|
9136
9150
|
type: Directive,
|
|
9137
9151
|
args: [{
|
|
9138
9152
|
selector: '[prevStep]',
|
|
@@ -9150,10 +9164,10 @@ class NextStepDirective {
|
|
|
9150
9164
|
onClick() {
|
|
9151
9165
|
this.stepper?.nextStep();
|
|
9152
9166
|
}
|
|
9153
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
9154
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
9167
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: NextStepDirective, deps: [{ token: MatchaStepperContentComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9168
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: NextStepDirective, isStandalone: true, selector: "[nextStep]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
|
9155
9169
|
}
|
|
9156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9170
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: NextStepDirective, decorators: [{
|
|
9157
9171
|
type: Directive,
|
|
9158
9172
|
args: [{
|
|
9159
9173
|
selector: '[nextStep]',
|
|
@@ -9165,8 +9179,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
9165
9179
|
}] } });
|
|
9166
9180
|
|
|
9167
9181
|
class MatchaStepperModule {
|
|
9168
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
9169
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
9182
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9183
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaStepperModule, declarations: [MatchaStepperControllerComponent,
|
|
9170
9184
|
MatchaStepperComponent,
|
|
9171
9185
|
MatchaStepperContentComponent,
|
|
9172
9186
|
StepComponent], imports: [CommonModule,
|
|
@@ -9177,9 +9191,9 @@ class MatchaStepperModule {
|
|
|
9177
9191
|
StepComponent,
|
|
9178
9192
|
PrevStepDirective,
|
|
9179
9193
|
NextStepDirective] }); }
|
|
9180
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
9194
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaStepperModule, providers: [MatchaStepperStateService], imports: [CommonModule] }); }
|
|
9181
9195
|
}
|
|
9182
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaStepperModule, decorators: [{
|
|
9183
9197
|
type: NgModule,
|
|
9184
9198
|
args: [{
|
|
9185
9199
|
declarations: [
|
|
@@ -9227,10 +9241,10 @@ class MatchaDropListService {
|
|
|
9227
9241
|
getAllDropZones() {
|
|
9228
9242
|
return Array.from(this.dropZones.values());
|
|
9229
9243
|
}
|
|
9230
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
9231
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
9244
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDropListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9245
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDropListService, providedIn: 'root' }); }
|
|
9232
9246
|
}
|
|
9233
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDropListService, decorators: [{
|
|
9234
9248
|
type: Injectable,
|
|
9235
9249
|
args: [{
|
|
9236
9250
|
providedIn: 'root'
|
|
@@ -9528,10 +9542,10 @@ class MatchaDragDirective {
|
|
|
9528
9542
|
this.listeners.forEach(cleanup => cleanup());
|
|
9529
9543
|
this.listeners = [];
|
|
9530
9544
|
}
|
|
9531
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
9532
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
9545
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDragDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: MatchaDropListService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9546
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", 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 }); }
|
|
9533
9547
|
}
|
|
9534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9548
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDragDirective, decorators: [{
|
|
9535
9549
|
type: Directive,
|
|
9536
9550
|
args: [{
|
|
9537
9551
|
selector: '[matchaDrag]',
|
|
@@ -9831,10 +9845,10 @@ class MatchaDropListComponent {
|
|
|
9831
9845
|
this.transferItem(this.currentDragItem, this.sourceContainer, this, dropIndex);
|
|
9832
9846
|
}
|
|
9833
9847
|
}
|
|
9834
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
9835
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
9848
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDropListComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: MatchaDropListService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9849
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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"] }] }); }
|
|
9836
9850
|
}
|
|
9837
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDropListComponent, decorators: [{
|
|
9838
9852
|
type: Component,
|
|
9839
9853
|
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" }]
|
|
9840
9854
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: MatchaDropListService }], propDecorators: { matchaDropListData: [{
|
|
@@ -9868,10 +9882,10 @@ class MatchaDragHandleDirective {
|
|
|
9868
9882
|
ngOnInit() {
|
|
9869
9883
|
this.dragDirective.setDragHandle(this.elementRef.nativeElement);
|
|
9870
9884
|
}
|
|
9871
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
9872
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
9885
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDragHandleDirective, deps: [{ token: i0.ElementRef }, { token: MatchaDragDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9886
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: MatchaDragHandleDirective, isStandalone: false, selector: "[matchaDragHandle]", host: { properties: { "class.matcha-drag-handle": "this.dragHandleClass" } }, ngImport: i0 }); }
|
|
9873
9887
|
}
|
|
9874
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9888
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDragHandleDirective, decorators: [{
|
|
9875
9889
|
type: Directive,
|
|
9876
9890
|
args: [{
|
|
9877
9891
|
selector: '[matchaDragHandle]',
|
|
@@ -9883,17 +9897,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
9883
9897
|
}] } });
|
|
9884
9898
|
|
|
9885
9899
|
class MatchaDropListModule {
|
|
9886
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
9887
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
9900
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDropListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9901
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaDropListModule, declarations: [MatchaDropListComponent,
|
|
9888
9902
|
MatchaDragDirective,
|
|
9889
9903
|
MatchaDragHandleDirective], imports: [CommonModule], exports: [MatchaDropListComponent,
|
|
9890
9904
|
MatchaDragDirective,
|
|
9891
9905
|
MatchaDragHandleDirective] }); }
|
|
9892
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
9906
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDropListModule, providers: [
|
|
9893
9907
|
MatchaDropListService
|
|
9894
9908
|
], imports: [CommonModule] }); }
|
|
9895
9909
|
}
|
|
9896
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
9910
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDropListModule, decorators: [{
|
|
9897
9911
|
type: NgModule,
|
|
9898
9912
|
args: [{
|
|
9899
9913
|
declarations: [
|
|
@@ -11469,10 +11483,10 @@ class MatchaInputPhoneComponent {
|
|
|
11469
11483
|
ngOnDestroy() {
|
|
11470
11484
|
this.removeClickListener();
|
|
11471
11485
|
}
|
|
11472
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11473
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
11486
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaInputPhoneComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11487
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaInputPhoneComponent, isStandalone: false, selector: "matcha-input-phone", inputs: { fallbackMask: "fallbackMask", value: "value" }, outputs: { onChange: "onChange" }, viewQueries: [{ propertyName: "inputSelector", first: true, predicate: ["inputSelector"], descendants: true }, { propertyName: "phoneRef", first: true, predicate: ["phoneRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n<div class=\"flex-row position-relative px-16 gap-8\" #inputSelector>\n <div class=\"min-h-24 radius-8 cursor-pointer d-flex gap-8 flex-align-center fs-16\" (click)=\"toggleDropdown()\">\n <div class=\"d-flex-row flex-align-center\">\n <img alt=\"\" [src]=\"'https://flagcdn.com/16x12/'+ selectedCountry?.iso2?.toLowerCase() + '.png'\"\n height=\"16\">\n </div>\n <span class=\"w-16 fs-16\"\n [ngClass]=\"isOpen ? 'i-matcha-action_arrow_up': 'i-matcha-action_arrow_down'\"></span>\n\n </div>\n <input *ngIf=\"isInitialized\" #phoneRef type=\"text\" placeholder=\"{{ typeMask }}\"\n [(ngModel)]=\"inputValueModel\"\n pattern=\"[0-9]*\" (keyup)=\"onInput($event)\" [matchaMask]=\"typeMask\">\n\n <ng-container *ngIf=\"isOpen\">\n <div class=\"position-absolute z-index-10\">\n <div class=\"grid-1 gap-16 radius-8 z-index-10 p-8 w-300 position-absolute background-surface elevation-z-1\"\n style=\"top: calc(100% + 10px); overflow: hidden; height: 300px; overflow-y: auto;\">\n\n <label *ngFor=\"let country of allCountries; let i = index\"\n class=\"fs-16 lh-18 cursor-pointer d-flex-align-center p-8 ts-300-l\"\n [ngClass]=\"labelHover === i+'bg' ? 'background-bg' : 'background-surface'\"\n (mouseover)=\"labelHover = i+'bg'\" (mouseout)=\"labelHover = i+'su'\"\n (click)=\"selectCountry(country)\">\n <img alt=\"\" class=\"mr-8\"\n [src]=\"'https://flagcdn.com/16x12/'+ country?.iso2?.toLowerCase() + '.png'\" height=\"16\">\n {{country.name}}\n </label>\n </div>\n </div>\n </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: MatchaMaskCompatibleDirective, selector: "input[matchaMask], textarea[matchaMask]", inputs: ["matchaMask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix", "currencyMode"], outputs: ["maskFilled"], exportAs: ["matchaMask"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
11474
11488
|
}
|
|
11475
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
11489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaInputPhoneComponent, decorators: [{
|
|
11476
11490
|
type: Component,
|
|
11477
11491
|
args: [{ selector: 'matcha-input-phone', standalone: false, template: "\n<div class=\"flex-row position-relative px-16 gap-8\" #inputSelector>\n <div class=\"min-h-24 radius-8 cursor-pointer d-flex gap-8 flex-align-center fs-16\" (click)=\"toggleDropdown()\">\n <div class=\"d-flex-row flex-align-center\">\n <img alt=\"\" [src]=\"'https://flagcdn.com/16x12/'+ selectedCountry?.iso2?.toLowerCase() + '.png'\"\n height=\"16\">\n </div>\n <span class=\"w-16 fs-16\"\n [ngClass]=\"isOpen ? 'i-matcha-action_arrow_up': 'i-matcha-action_arrow_down'\"></span>\n\n </div>\n <input *ngIf=\"isInitialized\" #phoneRef type=\"text\" placeholder=\"{{ typeMask }}\"\n [(ngModel)]=\"inputValueModel\"\n pattern=\"[0-9]*\" (keyup)=\"onInput($event)\" [matchaMask]=\"typeMask\">\n\n <ng-container *ngIf=\"isOpen\">\n <div class=\"position-absolute z-index-10\">\n <div class=\"grid-1 gap-16 radius-8 z-index-10 p-8 w-300 position-absolute background-surface elevation-z-1\"\n style=\"top: calc(100% + 10px); overflow: hidden; height: 300px; overflow-y: auto;\">\n\n <label *ngFor=\"let country of allCountries; let i = index\"\n class=\"fs-16 lh-18 cursor-pointer d-flex-align-center p-8 ts-300-l\"\n [ngClass]=\"labelHover === i+'bg' ? 'background-bg' : 'background-surface'\"\n (mouseover)=\"labelHover = i+'bg'\" (mouseout)=\"labelHover = i+'su'\"\n (click)=\"selectCountry(country)\">\n <img alt=\"\" class=\"mr-8\"\n [src]=\"'https://flagcdn.com/16x12/'+ country?.iso2?.toLowerCase() + '.png'\" height=\"16\">\n {{country.name}}\n </label>\n </div>\n </div>\n </ng-container>\n</div>\n" }]
|
|
11478
11492
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { inputSelector: [{
|
|
@@ -11492,17 +11506,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
11492
11506
|
}] } });
|
|
11493
11507
|
|
|
11494
11508
|
class MatchaInputPhoneModule {
|
|
11495
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11496
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
11509
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaInputPhoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11510
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaInputPhoneModule, declarations: [MatchaInputPhoneComponent], imports: [CommonModule,
|
|
11497
11511
|
MatchaFormFieldModule,
|
|
11498
11512
|
FormsModule,
|
|
11499
11513
|
MatchaMaskModule], exports: [MatchaInputPhoneComponent] }); }
|
|
11500
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
11514
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaInputPhoneModule, imports: [CommonModule,
|
|
11501
11515
|
MatchaFormFieldModule,
|
|
11502
11516
|
FormsModule,
|
|
11503
11517
|
MatchaMaskModule] }); }
|
|
11504
11518
|
}
|
|
11505
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
11519
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaInputPhoneModule, decorators: [{
|
|
11506
11520
|
type: NgModule,
|
|
11507
11521
|
args: [{
|
|
11508
11522
|
declarations: [MatchaInputPhoneComponent],
|
|
@@ -11517,22 +11531,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
11517
11531
|
}] });
|
|
11518
11532
|
|
|
11519
11533
|
class MatchaPageLayoutComponent {
|
|
11520
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11521
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
11534
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPageLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11535
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaPageLayoutComponent, isStandalone: false, selector: "matcha-page-layout", ngImport: i0, template: "<div class=\"page-layout carded fullwidth\">\n <!-- TOP BACKGROUND -->\n <div class=\"top-bg\"></div>\n <!--/ TOP BACKGROUND -->\n\n <!-- CENTER -->\n <div class=\"center pt-24 gap-16\">\n <!-- CONTENT CARD -->\n <div class=\"content-card flatten flex-column h-100-p\">\n <!-- CONTENT -->\n <div class=\"content flex-column h-100-p\">\n <div class=\"content-card card-flat flex-column h-100-p background-bg border-radius-0 pb-16\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n </div>\n</div>", styles: [":host{display:flex;flex-direction:column;width:100%}\n"] }); }
|
|
11522
11536
|
}
|
|
11523
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
11537
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPageLayoutComponent, decorators: [{
|
|
11524
11538
|
type: Component,
|
|
11525
11539
|
args: [{ selector: 'matcha-page-layout', standalone: false, template: "<div class=\"page-layout carded fullwidth\">\n <!-- TOP BACKGROUND -->\n <div class=\"top-bg\"></div>\n <!--/ TOP BACKGROUND -->\n\n <!-- CENTER -->\n <div class=\"center pt-24 gap-16\">\n <!-- CONTENT CARD -->\n <div class=\"content-card flatten flex-column h-100-p\">\n <!-- CONTENT -->\n <div class=\"content flex-column h-100-p\">\n <div class=\"content-card card-flat flex-column h-100-p background-bg border-radius-0 pb-16\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n </div>\n</div>", styles: [":host{display:flex;flex-direction:column;width:100%}\n"] }]
|
|
11526
11540
|
}] });
|
|
11527
11541
|
|
|
11528
11542
|
class MatchaPageLayoutModule {
|
|
11529
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11530
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
11543
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPageLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11544
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaPageLayoutModule, declarations: [MatchaPageLayoutComponent], imports: [CommonModule,
|
|
11531
11545
|
MatchaStepperModule], exports: [MatchaPageLayoutComponent] }); }
|
|
11532
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
11546
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPageLayoutModule, imports: [CommonModule,
|
|
11533
11547
|
MatchaStepperModule] }); }
|
|
11534
11548
|
}
|
|
11535
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
11549
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaPageLayoutModule, decorators: [{
|
|
11536
11550
|
type: NgModule,
|
|
11537
11551
|
args: [{
|
|
11538
11552
|
declarations: [
|
|
@@ -11582,10 +11596,10 @@ class MatchaLazyloadComponent {
|
|
|
11582
11596
|
ngOnDestroy() {
|
|
11583
11597
|
this.observer.disconnect();
|
|
11584
11598
|
}
|
|
11585
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11586
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
11599
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaLazyloadComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11600
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaLazyloadComponent, isStandalone: false, selector: "matcha-lazyload", outputs: { scrolledToEnd: "scrolledToEnd" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
11587
11601
|
}
|
|
11588
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
11602
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaLazyloadComponent, decorators: [{
|
|
11589
11603
|
type: Component,
|
|
11590
11604
|
args: [{ selector: 'matcha-lazyload', standalone: false, template: "<ng-content></ng-content>\n" }]
|
|
11591
11605
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { scrolledToEnd: [{
|
|
@@ -11709,10 +11723,10 @@ class MatchaLazyloadDataComponent {
|
|
|
11709
11723
|
this.dataSubscription.unsubscribe();
|
|
11710
11724
|
this.searchSubscription.unsubscribe();
|
|
11711
11725
|
}
|
|
11712
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11713
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
11726
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaLazyloadDataComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11727
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaLazyloadDataComponent, isStandalone: false, selector: "matcha-lazyload-data", inputs: { loadData: "loadData", initialList: "initialList", threshold: "threshold", rootMargin: "rootMargin", resetKey: "resetKey", searchTerm: "searchTerm" }, outputs: { aggregatedData: "aggregatedData", exactMatch: "exactMatch" }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["", ":host{height:1px;opacity:0}\n"] }); }
|
|
11714
11728
|
}
|
|
11715
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
11729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaLazyloadDataComponent, decorators: [{
|
|
11716
11730
|
type: Component,
|
|
11717
11731
|
args: [{ selector: 'matcha-lazyload-data', standalone: false, template: "<ng-content></ng-content>\n", styles: [":host{height:1px;opacity:0}\n"] }]
|
|
11718
11732
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { loadData: [{
|
|
@@ -11734,11 +11748,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
11734
11748
|
}] } });
|
|
11735
11749
|
|
|
11736
11750
|
class MatchaLazyloadModule {
|
|
11737
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11738
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
11739
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
11751
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaLazyloadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11752
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaLazyloadModule, declarations: [MatchaLazyloadComponent, MatchaLazyloadDataComponent], imports: [CommonModule], exports: [MatchaLazyloadComponent, MatchaLazyloadDataComponent] }); }
|
|
11753
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaLazyloadModule, imports: [CommonModule] }); }
|
|
11740
11754
|
}
|
|
11741
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
11755
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaLazyloadModule, decorators: [{
|
|
11742
11756
|
type: NgModule,
|
|
11743
11757
|
args: [{
|
|
11744
11758
|
declarations: [MatchaLazyloadComponent, MatchaLazyloadDataComponent],
|
|
@@ -11815,8 +11829,8 @@ class MatchaRadioComponent {
|
|
|
11815
11829
|
this.change.emit({ source: this, value: outVal });
|
|
11816
11830
|
this.cdr.markForCheck();
|
|
11817
11831
|
}
|
|
11818
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11819
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
11832
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaRadioComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11833
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaRadioComponent, isStandalone: false, selector: "matcha-radio", inputs: { color: "color", value: "value", name: "name", disabled: "disabled", checked: "checked" }, outputs: { checkedChange: "checkedChange", change: "change" }, providers: [
|
|
11820
11834
|
{
|
|
11821
11835
|
provide: NG_VALUE_ACCESSOR,
|
|
11822
11836
|
useExisting: forwardRef(() => MatchaRadioComponent),
|
|
@@ -11824,7 +11838,7 @@ class MatchaRadioComponent {
|
|
|
11824
11838
|
}
|
|
11825
11839
|
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<label\n class=\"matcha-radio flex-align-center\"\n [class.matcha-radio-disabled]=\"disabled\">\n <div\n class=\"matcha-radio-container w-40 h-40 max-w-40 max-h-40 min-w-40 min-h-40 flex-center-center radius-full cursor-pointer\"\n matchaRipple>\n <input\n type=\"radio\"\n class=\"matcha-radio-input\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n (change)=\"onInputChange($event)\">\n </div>\n\n <span class=\"matcha-radio-label fw-500 lh-20\">\n <ng-content></ng-content>\n </span>\n</label>", styles: [""], dependencies: [{ kind: "directive", type: MatchaRippleDirective, selector: "[matchaRipple]", inputs: ["rippleColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11826
11840
|
}
|
|
11827
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
11841
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaRadioComponent, decorators: [{
|
|
11828
11842
|
type: Component,
|
|
11829
11843
|
args: [{ selector: 'matcha-radio', standalone: false, providers: [
|
|
11830
11844
|
{
|
|
@@ -11954,8 +11968,8 @@ class MatchaRadioGroupComponent {
|
|
|
11954
11968
|
this._unsubscribeAll.next();
|
|
11955
11969
|
this._unsubscribeAll.complete();
|
|
11956
11970
|
}
|
|
11957
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11958
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
11971
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaRadioGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11972
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaRadioGroupComponent, isStandalone: false, selector: "matcha-radio-group", inputs: { value: "value", name: "name", disabled: "disabled" }, outputs: { change: "change" }, host: { attributes: { "role": "radiogroup" } }, providers: [
|
|
11959
11973
|
{
|
|
11960
11974
|
provide: NG_VALUE_ACCESSOR,
|
|
11961
11975
|
useExisting: forwardRef(() => MatchaRadioGroupComponent),
|
|
@@ -11963,7 +11977,7 @@ class MatchaRadioGroupComponent {
|
|
|
11963
11977
|
}
|
|
11964
11978
|
], queries: [{ propertyName: "radios", predicate: i0.forwardRef(() => MatchaRadioComponent), descendants: true }], ngImport: i0, template: "<ng-content></ng-content>", styles: [".matcha-radio-group{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11965
11979
|
}
|
|
11966
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
11980
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaRadioGroupComponent, decorators: [{
|
|
11967
11981
|
type: Component,
|
|
11968
11982
|
args: [{ selector: 'matcha-radio-group', providers: [
|
|
11969
11983
|
{
|
|
@@ -11988,13 +12002,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
11988
12002
|
}] } });
|
|
11989
12003
|
|
|
11990
12004
|
class MatchaRadioModule {
|
|
11991
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
11992
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
12005
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12006
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaRadioModule, declarations: [MatchaRadioComponent,
|
|
11993
12007
|
MatchaRadioGroupComponent], imports: [CommonModule, MatchaRippleModule], exports: [MatchaRadioComponent,
|
|
11994
12008
|
MatchaRadioGroupComponent] }); }
|
|
11995
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
12009
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaRadioModule, imports: [CommonModule, MatchaRippleModule] }); }
|
|
11996
12010
|
}
|
|
11997
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
12011
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaRadioModule, decorators: [{
|
|
11998
12012
|
type: NgModule,
|
|
11999
12013
|
args: [{
|
|
12000
12014
|
declarations: [
|
|
@@ -12063,10 +12077,10 @@ class MatchaAvatarComponent {
|
|
|
12063
12077
|
}
|
|
12064
12078
|
return classes;
|
|
12065
12079
|
}
|
|
12066
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12067
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
12080
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12081
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaAvatarComponent, isStandalone: false, selector: "matcha-avatar", inputs: { src: "src", name: "name", size: "size", color: "color", disabled: "disabled" }, ngImport: i0, template: "<span [class]=\"avatarClasses\">\n <!-- Imagem do usu\u00E1rio -->\n <img \n *ngIf=\"hasImage\" \n [src]=\"src\" \n [alt]=\"name || 'Avatar'\"\n class=\"matcha-avatar-image\">\n \n <!-- Iniciais do nome -->\n <span \n *ngIf=\"!hasImage && hasName\" \n class=\"matcha-avatar-initials\">\n {{ initials }}\n </span>\n \n\n <svg \n *ngIf=\"showDefaultIcon\"\n class=\"matcha-avatar-icon\"\n viewBox=\"0 0 56 56\" \n fill=\"none\" \n xmlns=\"http://www.w3.org/2000/svg\">\n <path \n fill-rule=\"evenodd\" \n clip-rule=\"evenodd\" \n d=\"M28 0C12.544 0 0 12.544 0 28C0 43.456 12.544 56 28 56C43.456 56 56 43.456 56 28C56 12.544 43.456 0 28 0ZM28.0022 8.4C32.6502 8.4 36.4022 12.152 36.4022 16.8C36.4022 21.448 32.6502 25.2 28.0022 25.2C23.3542 25.2 19.6022 21.448 19.6022 16.8C19.6022 12.152 23.3542 8.4 28.0022 8.4ZM28.0022 48.1601C21.0022 48.1601 14.8142 44.5761 11.2022 39.1441C11.2862 33.5721 22.4022 30.5201 28.0022 30.5201C33.5742 30.5201 44.7182 33.5721 44.8022 39.1441C41.1902 44.5761 35.0022 48.1601 28.0022 48.1601Z\" \n fill=\"currentColor\"/>\n </svg>\n </span>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
12068
12082
|
}
|
|
12069
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
12083
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAvatarComponent, decorators: [{
|
|
12070
12084
|
type: Component,
|
|
12071
12085
|
args: [{ selector: 'matcha-avatar', standalone: false, template: "<span [class]=\"avatarClasses\">\n <!-- Imagem do usu\u00E1rio -->\n <img \n *ngIf=\"hasImage\" \n [src]=\"src\" \n [alt]=\"name || 'Avatar'\"\n class=\"matcha-avatar-image\">\n \n <!-- Iniciais do nome -->\n <span \n *ngIf=\"!hasImage && hasName\" \n class=\"matcha-avatar-initials\">\n {{ initials }}\n </span>\n \n\n <svg \n *ngIf=\"showDefaultIcon\"\n class=\"matcha-avatar-icon\"\n viewBox=\"0 0 56 56\" \n fill=\"none\" \n xmlns=\"http://www.w3.org/2000/svg\">\n <path \n fill-rule=\"evenodd\" \n clip-rule=\"evenodd\" \n d=\"M28 0C12.544 0 0 12.544 0 28C0 43.456 12.544 56 28 56C43.456 56 56 43.456 56 28C56 12.544 43.456 0 28 0ZM28.0022 8.4C32.6502 8.4 36.4022 12.152 36.4022 16.8C36.4022 21.448 32.6502 25.2 28.0022 25.2C23.3542 25.2 19.6022 21.448 19.6022 16.8C19.6022 12.152 23.3542 8.4 28.0022 8.4ZM28.0022 48.1601C21.0022 48.1601 14.8142 44.5761 11.2022 39.1441C11.2862 33.5721 22.4022 30.5201 28.0022 30.5201C33.5742 30.5201 44.7182 33.5721 44.8022 39.1441C41.1902 44.5761 35.0022 48.1601 28.0022 48.1601Z\" \n fill=\"currentColor\"/>\n </svg>\n </span>" }]
|
|
12072
12086
|
}], propDecorators: { src: [{
|
|
@@ -12082,11 +12096,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
12082
12096
|
}] } });
|
|
12083
12097
|
|
|
12084
12098
|
class MatchaAvatarModule {
|
|
12085
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12086
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
12087
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
12099
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12100
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaAvatarModule, declarations: [MatchaAvatarComponent], imports: [CommonModule], exports: [MatchaAvatarComponent] }); }
|
|
12101
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAvatarModule, imports: [CommonModule] }); }
|
|
12088
12102
|
}
|
|
12089
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
12103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaAvatarModule, decorators: [{
|
|
12090
12104
|
type: NgModule,
|
|
12091
12105
|
args: [{
|
|
12092
12106
|
declarations: [MatchaAvatarComponent],
|
|
@@ -12211,10 +12225,10 @@ class MatchaDrawerComponent {
|
|
|
12211
12225
|
get visibility() {
|
|
12212
12226
|
return this.opened || this._animating ? 'visible' : 'hidden';
|
|
12213
12227
|
}
|
|
12214
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12215
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
12228
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDrawerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12229
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaDrawerComponent, isStandalone: false, selector: "matcha-drawer", inputs: { position: "position", mode: "mode", disableClose: "disableClose", autoFocus: "autoFocus", fixedInViewport: "fixedInViewport", fixedTopGap: "fixedTopGap", fixedBottomGap: "fixedBottomGap", width: "width", opened: "opened" }, outputs: { openedChange: "openedChange", openedStart: "openedStart", closedStart: "closedStart", modeChange: "modeChange" }, host: { attributes: { "tabindex": "-1" }, properties: { "class.matcha-drawer-end": "position === \"end\"", "class.matcha-drawer-over": "mode === \"over\"", "class.matcha-drawer-push": "mode === \"push\"", "class.matcha-drawer-side": "mode === \"side\"", "class.matcha-drawer-opened": "opened", "style.width": "this.drawerWidth", "style.visibility": "this.visibility" }, classAttribute: "matcha-drawer" }, ngImport: i0, template: "<div class=\"matcha-drawer-inner-container\">\n <ng-content></ng-content>\n</div>\n", styles: [""], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12216
12230
|
}
|
|
12217
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
12231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDrawerComponent, decorators: [{
|
|
12218
12232
|
type: Component,
|
|
12219
12233
|
args: [{ selector: 'matcha-drawer', encapsulation: ViewEncapsulation.None, standalone: false, host: {
|
|
12220
12234
|
'class': 'matcha-drawer',
|
|
@@ -12263,10 +12277,10 @@ class MatchaDrawerContentComponent {
|
|
|
12263
12277
|
constructor(_elementRef) {
|
|
12264
12278
|
this._elementRef = _elementRef;
|
|
12265
12279
|
}
|
|
12266
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12267
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
12280
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDrawerContentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12281
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaDrawerContentComponent, isStandalone: false, selector: "matcha-drawer-content", host: { classAttribute: "matcha-drawer-content" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12268
12282
|
}
|
|
12269
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
12283
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDrawerContentComponent, decorators: [{
|
|
12270
12284
|
type: Component,
|
|
12271
12285
|
args: [{
|
|
12272
12286
|
selector: 'matcha-drawer-content',
|
|
@@ -12446,10 +12460,10 @@ class MatchaDrawerContainerComponent {
|
|
|
12446
12460
|
});
|
|
12447
12461
|
}
|
|
12448
12462
|
}
|
|
12449
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12450
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
12463
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDrawerContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12464
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaDrawerContainerComponent, isStandalone: false, selector: "matcha-drawer-container", host: { listeners: { "document:keydown.escape": "onEscape()" }, properties: { "class.matcha-drawer-container-explicit-backdrop": "_backdropOverride", "class.matcha-drawer-container-has-open": "this.hasOpenDrawer" }, classAttribute: "matcha-drawer-container" }, queries: [{ propertyName: "_content", first: true, predicate: MatchaDrawerContentComponent, descendants: true }, { propertyName: "_drawers", predicate: MatchaDrawerComponent }], ngImport: i0, template: "<div class=\"matcha-drawer-backdrop\"\n *ngIf=\"_hasBackdrop\"\n (click)=\"_onBackdropClick()\">\n</div>\n\n<ng-content select=\"matcha-drawer\"></ng-content>\n\n<div class=\"matcha-drawer-content-container\">\n <ng-content select=\"matcha-drawer-content\"></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12451
12465
|
}
|
|
12452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
12466
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDrawerContainerComponent, decorators: [{
|
|
12453
12467
|
type: Component,
|
|
12454
12468
|
args: [{ selector: 'matcha-drawer-container', encapsulation: ViewEncapsulation.None, standalone: false, host: {
|
|
12455
12469
|
'class': 'matcha-drawer-container',
|
|
@@ -12639,11 +12653,11 @@ class MatchaBreakpointObserver {
|
|
|
12639
12653
|
TABLET: '(min-width: 769px) and (max-width: 1024px)',
|
|
12640
12654
|
DESKTOP: '(min-width: 1025px)'
|
|
12641
12655
|
}; }
|
|
12642
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12643
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
12656
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaBreakpointObserver, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
12657
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaBreakpointObserver, providedIn: 'root' // Singleton garantido pelo Angular
|
|
12644
12658
|
}); }
|
|
12645
12659
|
}
|
|
12646
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
12660
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaBreakpointObserver, decorators: [{
|
|
12647
12661
|
type: Injectable,
|
|
12648
12662
|
args: [{
|
|
12649
12663
|
providedIn: 'root' // Singleton garantido pelo Angular
|
|
@@ -12654,19 +12668,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
12654
12668
|
}] }] });
|
|
12655
12669
|
|
|
12656
12670
|
class MatchaDrawerModule {
|
|
12657
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12658
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
12671
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12672
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaDrawerModule, declarations: [MatchaDrawerComponent,
|
|
12659
12673
|
MatchaDrawerContainerComponent,
|
|
12660
12674
|
MatchaDrawerContentComponent], imports: [CommonModule,
|
|
12661
12675
|
MatchaButtonModule], exports: [MatchaDrawerComponent,
|
|
12662
12676
|
MatchaDrawerContainerComponent,
|
|
12663
12677
|
MatchaDrawerContentComponent] }); }
|
|
12664
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
12678
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDrawerModule, providers: [
|
|
12665
12679
|
MatchaBreakpointObserver
|
|
12666
12680
|
], imports: [CommonModule,
|
|
12667
12681
|
MatchaButtonModule] }); }
|
|
12668
12682
|
}
|
|
12669
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
12683
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaDrawerModule, decorators: [{
|
|
12670
12684
|
type: NgModule,
|
|
12671
12685
|
args: [{
|
|
12672
12686
|
declarations: [
|
|
@@ -12794,10 +12808,10 @@ class CopyButtonComponent {
|
|
|
12794
12808
|
this.currentIcon = this.icon;
|
|
12795
12809
|
this.isCopied = false;
|
|
12796
12810
|
}
|
|
12797
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12798
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
12811
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: CopyButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12812
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: CopyButtonComponent, isStandalone: false, selector: "matcha-copy-button", inputs: { type: "type", size: "size", icon: "icon", position: "position", customClass: "customClass" }, outputs: { copied: "copied" }, ngImport: i0, template: "<button\n matcha-button\n [size]=\"size\"\n pill=\"true\"\n icon=\"true\"\n [class]=\"getButtonClasses()\"\n (click)=\"copyToClipboard()\"\n [title]=\"'Copiar c\u00F3digo ' + type\">\n <matcha-icon [name]=\"currentIcon\" [size]=\"size === 'tiny' ? 'small' : size\"></matcha-icon>\n</button>\n\n\n", styles: [".position-absolute{position:absolute}.position-relative{position:relative}.top-8{top:8px}.right-8{right:8px}.m-8{margin:8px}.z-index-10{z-index:10}\n"], dependencies: [{ kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }, { kind: "component", type: MatchaButtonComponent, selector: "[matcha-button]", inputs: ["size", "size-xs", "size-sm", "size-md", "size-lg", "size-xl", "gap", "color", "basic", "outline", "alpha", "pill", "link", "icon", "badge"] }] }); }
|
|
12799
12813
|
}
|
|
12800
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
12814
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: CopyButtonComponent, decorators: [{
|
|
12801
12815
|
type: Component,
|
|
12802
12816
|
args: [{ selector: 'matcha-copy-button', standalone: false, template: "<button\n matcha-button\n [size]=\"size\"\n pill=\"true\"\n icon=\"true\"\n [class]=\"getButtonClasses()\"\n (click)=\"copyToClipboard()\"\n [title]=\"'Copiar c\u00F3digo ' + type\">\n <matcha-icon [name]=\"currentIcon\" [size]=\"size === 'tiny' ? 'small' : size\"></matcha-icon>\n</button>\n\n\n", styles: [".position-absolute{position:absolute}.position-relative{position:relative}.top-8{top:8px}.right-8{right:8px}.m-8{margin:8px}.z-index-10{z-index:10}\n"] }]
|
|
12803
12817
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { type: [{
|
|
@@ -12991,8 +13005,8 @@ class MatchaHighlightComponent {
|
|
|
12991
13005
|
'<pre><code class="highlight language-' + this.lang + '">' + highlightedCode + '</code></pre>';
|
|
12992
13006
|
}
|
|
12993
13007
|
}
|
|
12994
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12995
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
13008
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaHighlightComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13009
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaHighlightComponent, isStandalone: false, selector: "matcha-highlight", inputs: { lang: "lang", path: "path", theme: "theme" }, host: { properties: { "attr.theme": "this.themeAttr" } }, queries: [{ propertyName: "source", first: true, predicate: ["source"], descendants: true, static: true }], ngImport: i0, template: `
|
|
12996
13010
|
<matcha-copy-button [type]="lang" class="copy-button"></matcha-copy-button>
|
|
12997
13011
|
<div class="matcha-highlight-container">
|
|
12998
13012
|
<div class="highlight-content">
|
|
@@ -13001,7 +13015,7 @@ class MatchaHighlightComponent {
|
|
|
13001
13015
|
</div>
|
|
13002
13016
|
`, isInline: true, dependencies: [{ kind: "component", type: CopyButtonComponent, selector: "matcha-copy-button", inputs: ["type", "size", "icon", "position", "customClass"], outputs: ["copied"] }] }); }
|
|
13003
13017
|
}
|
|
13004
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
13018
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaHighlightComponent, decorators: [{
|
|
13005
13019
|
type: Component,
|
|
13006
13020
|
args: [{
|
|
13007
13021
|
selector: 'matcha-highlight',
|
|
@@ -13034,15 +13048,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
13034
13048
|
|
|
13035
13049
|
// Prism.js será carregado dinamicamente no componente quando necessário
|
|
13036
13050
|
class MatchaHighlightModule {
|
|
13037
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
13038
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
13051
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
13052
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaHighlightModule, declarations: [MatchaHighlightComponent,
|
|
13039
13053
|
CopyButtonComponent], imports: [MatchaIconModule,
|
|
13040
13054
|
MatchaButtonModule], exports: [MatchaHighlightComponent,
|
|
13041
13055
|
CopyButtonComponent] }); }
|
|
13042
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
13056
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaHighlightModule, imports: [MatchaIconModule,
|
|
13043
13057
|
MatchaButtonModule] }); }
|
|
13044
13058
|
}
|
|
13045
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
13059
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaHighlightModule, decorators: [{
|
|
13046
13060
|
type: NgModule,
|
|
13047
13061
|
args: [{
|
|
13048
13062
|
declarations: [
|
|
@@ -13501,8 +13515,8 @@ class MatchaSliderComponent {
|
|
|
13501
13515
|
formatValue(value) {
|
|
13502
13516
|
return this.mergedOptions.format ? this.mergedOptions.format(value) : value.toString();
|
|
13503
13517
|
}
|
|
13504
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
13505
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
13518
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSliderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13519
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaSliderComponent, isStandalone: false, selector: "matcha-slider", inputs: { value: "value", highValue: "highValue", options: "options", color: "color", disabled: "disabled" }, outputs: { valueChange: "valueChange", highValueChange: "highValueChange", userChange: "userChange", userChangeEnd: "userChangeEnd" }, providers: [
|
|
13506
13520
|
{
|
|
13507
13521
|
provide: NG_VALUE_ACCESSOR,
|
|
13508
13522
|
useExisting: forwardRef(() => MatchaSliderComponent),
|
|
@@ -13510,7 +13524,7 @@ class MatchaSliderComponent {
|
|
|
13510
13524
|
}
|
|
13511
13525
|
], viewQueries: [{ propertyName: "sliderElement", first: true, predicate: ["sliderElement"], descendants: true }], ngImport: i0, template: "<!-- projects/matcha-components/src/lib/matcha-slider/slider/slider.component.html -->\n\n<div class=\"matcha-slider\" [class.disabled]=\"isDisabled\" [class.range]=\"isRange\"\n [attr.data-color]=\"color\" #sliderElement>\n\n <div class=\"limit-labels\" *ngIf=\"!mergedOptions.hideLimitLabels\">\n <span class=\"floor-label\" [style.visibility]=\"isAtMinValue ? 'hidden' : 'visible'\">\n {{ formatValue(mergedOptions.floor || 0) }}\n </span>\n \n <span class=\"ceil-label\" [style.visibility]=\"isAtMaxValue ? 'hidden' : 'visible'\">\n {{ formatValue(mergedOptions.ceil || 100) }}\n </span>\n </div>\n \n <div class=\"slider-track\" (mousedown)=\"onTrackMouseDown($event)\" (click)=\"onTrackClick($event)\">\n\n <div class=\"selection-bar\" [style]=\"selectionBarStyle\" *ngIf=\"mergedOptions.showSelectionBar\">\n </div>\n\n <div class=\"pointer low-pointer\" [style]=\"getPointerStyle(false)\"\n [attr.tabindex]=\"isDisabled ? -1 : 0\"\n (mousedown)=\"onPointerMouseDown($event, false)\" (click)=\"onPointerClick($event, false)\"\n (keydown)=\"onKeyDown($event)\" role=\"slider\" [attr.aria-valuemin]=\"mergedOptions.floor\"\n [attr.aria-valuemax]=\"mergedOptions.ceil\" [attr.aria-valuenow]=\"value\"\n [attr.aria-disabled]=\"isDisabled\">\n\n <div class=\"pointer-label\" *ngIf=\"!mergedOptions.hidePointerLabels\">\n {{ formatValue(value) }}\n </div>\n </div>\n\n <div class=\"pointer high-pointer\" [style]=\"getPointerStyle(true)\"\n [attr.tabindex]=\"isDisabled ? -1 : 0\" (mousedown)=\"onPointerMouseDown($event, true)\"\n (click)=\"onPointerClick($event, true)\" (keydown)=\"onKeyDown($event)\" role=\"slider\"\n [attr.aria-valuemin]=\"mergedOptions.floor\" [attr.aria-valuemax]=\"mergedOptions.ceil\"\n [attr.aria-valuenow]=\"highValue\" [attr.aria-disabled]=\"isDisabled\" *ngIf=\"isRange\">\n\n <div class=\"pointer-label\" *ngIf=\"!mergedOptions.hidePointerLabels\">\n {{ formatValue(highValue) }}\n </div>\n </div>\n </div>\n\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
13512
13526
|
}
|
|
13513
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
13527
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSliderComponent, decorators: [{
|
|
13514
13528
|
type: Component,
|
|
13515
13529
|
args: [{ selector: 'matcha-slider', standalone: false, changeDetection: ChangeDetectionStrategy.Default, providers: [
|
|
13516
13530
|
{
|
|
@@ -13543,11 +13557,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
13543
13557
|
}] } });
|
|
13544
13558
|
|
|
13545
13559
|
class MatchaSliderModule {
|
|
13546
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
13547
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
13548
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
13560
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
13561
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaSliderModule, declarations: [MatchaSliderComponent], imports: [CommonModule, FormsModule], exports: [MatchaSliderComponent] }); }
|
|
13562
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSliderModule, imports: [CommonModule, FormsModule] }); }
|
|
13549
13563
|
}
|
|
13550
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
13564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSliderModule, decorators: [{
|
|
13551
13565
|
type: NgModule,
|
|
13552
13566
|
args: [{
|
|
13553
13567
|
declarations: [MatchaSliderComponent],
|
|
@@ -13676,10 +13690,10 @@ class MatchaChipComponent {
|
|
|
13676
13690
|
ngOnDestroy() {
|
|
13677
13691
|
this.destroyed.emit(this);
|
|
13678
13692
|
}
|
|
13679
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
13680
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
13693
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaChipComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13694
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaChipComponent, isStandalone: false, selector: "matcha-chip", inputs: { color: "color", selected: "selected", selectable: "selectable", removable: "removable", disabled: "disabled", value: "value" }, outputs: { selectedChange: "selectedChange", removed: "removed", destroyed: "destroyed" }, host: { listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)" }, properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<span class=\"matcha-chip-content color-label\">\n <ng-content></ng-content>\n</span>\n<ng-container *ngIf=\"removable && !_hasCustomRemoveIcon\">\n <matcha-divider direction=\"vertical\" gap=\"0\"></matcha-divider>\n <button \n type=\"button\"\n class=\"matcha-chip-remove d-flex align-items-center justify-content-center w-20 h-20 min-w-20 radius-full cursor-pointer border-0 background-transparent p-0 m-0\"\n [disabled]=\"disabled\"\n (click)=\"remove(); $event.stopPropagation()\"\n tabindex=\"-1\"\n aria-label=\"Remove\"\n matchaChipRemove>\n <matcha-icon name=\"close\" class=\"fs-14\" color=\"label\"></matcha-icon>\n </button>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatchaDividerComponent, selector: "matcha-divider", inputs: ["gap", "gap-sm", "gap-md", "gap-lg", "gap-xl", "direction"] }, { kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }] }); }
|
|
13681
13695
|
}
|
|
13682
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
13696
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaChipComponent, decorators: [{
|
|
13683
13697
|
type: Component,
|
|
13684
13698
|
args: [{ selector: 'matcha-chip', standalone: false, template: "<span class=\"matcha-chip-content color-label\">\n <ng-content></ng-content>\n</span>\n<ng-container *ngIf=\"removable && !_hasCustomRemoveIcon\">\n <matcha-divider direction=\"vertical\" gap=\"0\"></matcha-divider>\n <button \n type=\"button\"\n class=\"matcha-chip-remove d-flex align-items-center justify-content-center w-20 h-20 min-w-20 radius-full cursor-pointer border-0 background-transparent p-0 m-0\"\n [disabled]=\"disabled\"\n (click)=\"remove(); $event.stopPropagation()\"\n tabindex=\"-1\"\n aria-label=\"Remove\"\n matchaChipRemove>\n <matcha-icon name=\"close\" class=\"fs-14\" color=\"label\"></matcha-icon>\n </button>\n</ng-container>\n" }]
|
|
13685
13699
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { hostClasses: [{
|
|
@@ -13935,8 +13949,8 @@ class MatchaChipListComponent {
|
|
|
13935
13949
|
setDisabledState(isDisabled) {
|
|
13936
13950
|
this.disabled = isDisabled;
|
|
13937
13951
|
}
|
|
13938
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
13939
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
13952
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaChipListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13953
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaChipListComponent, isStandalone: false, selector: "matcha-chip-list", inputs: { multiple: "multiple", selectable: "selectable", disabled: "disabled", value: "value", orientation: "orientation" }, outputs: { change: "change", removed: "removed" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class.matcha-chip-list": "this.chipListClass", "class.matcha-chip-list-disabled": "this.isDisabled", "attr.role": "this.role", "attr.aria-multiselectable": "this.ariaMultiselectable", "attr.aria-disabled": "this.ariaDisabled" } }, providers: [
|
|
13940
13954
|
{
|
|
13941
13955
|
provide: NG_VALUE_ACCESSOR,
|
|
13942
13956
|
useExisting: forwardRef(() => MatchaChipListComponent),
|
|
@@ -13944,7 +13958,7 @@ class MatchaChipListComponent {
|
|
|
13944
13958
|
}
|
|
13945
13959
|
], queries: [{ propertyName: "chips", predicate: MatchaChipComponent, descendants: true }], ngImport: i0, template: "<div class=\"matcha-chip-list-wrapper\" [class.matcha-chip-list-vertical]=\"orientation === 'vertical'\">\n <ng-content></ng-content>\n</div>", styles: [""] }); }
|
|
13946
13960
|
}
|
|
13947
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
13961
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaChipListComponent, decorators: [{
|
|
13948
13962
|
type: Component,
|
|
13949
13963
|
args: [{ selector: 'matcha-chip-list', standalone: false, providers: [
|
|
13950
13964
|
{
|
|
@@ -13991,13 +14005,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
13991
14005
|
}] } });
|
|
13992
14006
|
|
|
13993
14007
|
class MatchaChipModule {
|
|
13994
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
13995
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
14008
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
14009
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaChipModule, declarations: [MatchaChipComponent,
|
|
13996
14010
|
MatchaChipListComponent], imports: [CommonModule, MatchaDividerModule, MatchaIconModule], exports: [MatchaChipComponent,
|
|
13997
14011
|
MatchaChipListComponent] }); }
|
|
13998
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
14012
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaChipModule, imports: [CommonModule, MatchaDividerModule, MatchaIconModule] }); }
|
|
13999
14013
|
}
|
|
14000
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14014
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaChipModule, decorators: [{
|
|
14001
14015
|
type: NgModule,
|
|
14002
14016
|
args: [{
|
|
14003
14017
|
declarations: [
|
|
@@ -14020,10 +14034,10 @@ class MatchaListComponent {
|
|
|
14020
14034
|
this.role = 'list';
|
|
14021
14035
|
}
|
|
14022
14036
|
get isDense() { return this.dense; }
|
|
14023
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14024
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
14037
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14038
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaListComponent, isStandalone: false, selector: "matcha-list, matcha-nav-list", inputs: { dense: "dense", disabled: "disabled" }, host: { properties: { "class.matcha-list": "this.hostClass", "class.matcha-list-dense": "this.isDense", "attr.role": "this.role" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;padding:8px 0}:host.matcha-list-dense ::ng-deep matcha-list-item{min-height:36px}\n"] }); }
|
|
14025
14039
|
}
|
|
14026
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14040
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaListComponent, decorators: [{
|
|
14027
14041
|
type: Component,
|
|
14028
14042
|
args: [{ selector: 'matcha-list, matcha-nav-list', standalone: false, template: "<ng-content></ng-content>\n", styles: [":host{display:block;padding:8px 0}:host.matcha-list-dense ::ng-deep matcha-list-item{min-height:36px}\n"] }]
|
|
14029
14043
|
}], propDecorators: { dense: [{
|
|
@@ -14048,10 +14062,10 @@ class MatchaListItemComponent {
|
|
|
14048
14062
|
this.role = 'listitem';
|
|
14049
14063
|
}
|
|
14050
14064
|
get isDisabled() { return this.disabled; }
|
|
14051
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14052
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
14065
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14066
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaListItemComponent, isStandalone: false, selector: "matcha-list-item, a[matcha-list-item], button[matcha-list-item]", inputs: { disabled: "disabled" }, host: { properties: { "class.matcha-list-item": "this.hostClass", "class.matcha-list-item-disabled": "this.isDisabled", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"matcha-list-item-content\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;align-items:center;min-height:48px;padding:0 16px;cursor:pointer;outline:none}:host:hover:not(.matcha-list-item-disabled){background:#0000000a}:host.matcha-list-item-disabled{opacity:.5;cursor:default}:host .matcha-list-item-content{display:flex;align-items:center;width:100%;gap:16px}\n"] }); }
|
|
14053
14067
|
}
|
|
14054
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14068
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaListItemComponent, decorators: [{
|
|
14055
14069
|
type: Component,
|
|
14056
14070
|
args: [{ selector: 'matcha-list-item, a[matcha-list-item], button[matcha-list-item]', standalone: false, template: "<div class=\"matcha-list-item-content\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;align-items:center;min-height:48px;padding:0 16px;cursor:pointer;outline:none}:host:hover:not(.matcha-list-item-disabled){background:#0000000a}:host.matcha-list-item-disabled{opacity:.5;cursor:default}:host .matcha-list-item-content{display:flex;align-items:center;width:100%;gap:16px}\n"] }]
|
|
14057
14071
|
}], propDecorators: { disabled: [{
|
|
@@ -14068,11 +14082,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
14068
14082
|
}] } });
|
|
14069
14083
|
|
|
14070
14084
|
class MatchaListModule {
|
|
14071
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14072
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
14073
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
14085
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
14086
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaListModule, declarations: [MatchaListComponent, MatchaListItemComponent], imports: [CommonModule], exports: [MatchaListComponent, MatchaListItemComponent] }); }
|
|
14087
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaListModule, imports: [CommonModule] }); }
|
|
14074
14088
|
}
|
|
14075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14089
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaListModule, decorators: [{
|
|
14076
14090
|
type: NgModule,
|
|
14077
14091
|
args: [{
|
|
14078
14092
|
declarations: [MatchaListComponent, MatchaListItemComponent],
|
|
@@ -14114,10 +14128,10 @@ class MatchaSnackBarService {
|
|
|
14114
14128
|
this.activeSnackBar = null;
|
|
14115
14129
|
}
|
|
14116
14130
|
}
|
|
14117
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14118
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
14131
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSnackBarService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
14132
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSnackBarService, providedIn: 'root' }); }
|
|
14119
14133
|
}
|
|
14120
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSnackBarService, decorators: [{
|
|
14121
14135
|
type: Injectable,
|
|
14122
14136
|
args: [{ providedIn: 'root' }]
|
|
14123
14137
|
}], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.RendererFactory2 }] });
|
|
@@ -14166,10 +14180,10 @@ class MatchaSnackBarComponent {
|
|
|
14166
14180
|
};
|
|
14167
14181
|
return icons[this.type] || 'action_sign_info';
|
|
14168
14182
|
}
|
|
14169
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14170
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
14183
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSnackBarComponent, deps: [{ token: MatchaSnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14184
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaSnackBarComponent, isStandalone: false, selector: "matcha-snack-bar", inputs: { type: "type", position: "position", message: "message", duration: "duration" }, host: { properties: { "attr.color": "this.colorAttr", "attr.position": "this.positionAttr", "class": "this.classes" } }, ngImport: i0, template: "<div class=\"matcha-snack-bar-content\">\n <matcha-icon [name]=\"icon\" size=\"sm\"></matcha-icon>\n <span class=\"matcha-snack-bar-message\">{{ message }}</span>\n <button class=\"matcha-snack-bar-close\" (click)=\"close()\" aria-label=\"Fechar\">\n <matcha-icon name=\"action_close\" size=\"xs\"></matcha-icon>\n </button>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }] }); }
|
|
14171
14185
|
}
|
|
14172
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSnackBarComponent, decorators: [{
|
|
14173
14187
|
type: Component,
|
|
14174
14188
|
args: [{ selector: 'matcha-snack-bar', standalone: false, template: "<div class=\"matcha-snack-bar-content\">\n <matcha-icon [name]=\"icon\" size=\"sm\"></matcha-icon>\n <span class=\"matcha-snack-bar-message\">{{ message }}</span>\n <button class=\"matcha-snack-bar-close\" (click)=\"close()\" aria-label=\"Fechar\">\n <matcha-icon name=\"action_close\" size=\"xs\"></matcha-icon>\n </button>\n</div>\n" }]
|
|
14175
14189
|
}], ctorParameters: () => [{ type: MatchaSnackBarService }], propDecorators: { type: [{
|
|
@@ -14192,11 +14206,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
14192
14206
|
}] } });
|
|
14193
14207
|
|
|
14194
14208
|
class MatchaSnackBarModule {
|
|
14195
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14196
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
14197
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
14209
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSnackBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
14210
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaSnackBarModule, declarations: [MatchaSnackBarComponent], imports: [CommonModule, MatchaIconModule], exports: [MatchaSnackBarComponent] }); }
|
|
14211
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSnackBarModule, providers: [MatchaSnackBarService], imports: [CommonModule, MatchaIconModule] }); }
|
|
14198
14212
|
}
|
|
14199
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSnackBarModule, decorators: [{
|
|
14200
14214
|
type: NgModule,
|
|
14201
14215
|
args: [{
|
|
14202
14216
|
declarations: [MatchaSnackBarComponent],
|
|
@@ -14207,8 +14221,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
14207
14221
|
}] });
|
|
14208
14222
|
|
|
14209
14223
|
class MatchaComponentsModule {
|
|
14210
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14211
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
14224
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
14225
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaComponentsModule, declarations: [MatchaOverflowDraggableComponent], imports: [CommonModule,
|
|
14212
14226
|
FormsModule,
|
|
14213
14227
|
ReactiveFormsModule,
|
|
14214
14228
|
MatchaAccordionModule,
|
|
@@ -14295,7 +14309,7 @@ class MatchaComponentsModule {
|
|
|
14295
14309
|
MatchaMenuModule,
|
|
14296
14310
|
MatchaListModule,
|
|
14297
14311
|
MatchaSnackBarModule] }); }
|
|
14298
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
14312
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaComponentsModule, imports: [CommonModule,
|
|
14299
14313
|
FormsModule,
|
|
14300
14314
|
ReactiveFormsModule,
|
|
14301
14315
|
MatchaAccordionModule,
|
|
@@ -14383,7 +14397,7 @@ class MatchaComponentsModule {
|
|
|
14383
14397
|
MatchaListModule,
|
|
14384
14398
|
MatchaSnackBarModule] }); }
|
|
14385
14399
|
}
|
|
14386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14400
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaComponentsModule, decorators: [{
|
|
14387
14401
|
type: NgModule,
|
|
14388
14402
|
args: [{
|
|
14389
14403
|
declarations: [MatchaOverflowDraggableComponent],
|
|
@@ -14491,14 +14505,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
14491
14505
|
* explicitamente, mas este módulo pode ser usado para organização.
|
|
14492
14506
|
*/
|
|
14493
14507
|
class MatchaBreakpointObservableModule {
|
|
14494
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14495
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
14496
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
14508
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaBreakpointObservableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
14509
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaBreakpointObservableModule, imports: [CommonModule] }); }
|
|
14510
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaBreakpointObservableModule, providers: [
|
|
14497
14511
|
// O serviço já é providedIn: 'root', mas incluímos aqui para clareza
|
|
14498
14512
|
MatchaBreakpointObserver
|
|
14499
14513
|
], imports: [CommonModule] }); }
|
|
14500
14514
|
}
|
|
14501
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14515
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaBreakpointObservableModule, decorators: [{
|
|
14502
14516
|
type: NgModule,
|
|
14503
14517
|
args: [{
|
|
14504
14518
|
imports: [
|
|
@@ -14593,10 +14607,10 @@ class MatchaGridComponent {
|
|
|
14593
14607
|
this.setColspanClasses(this.colspan, this.breakpoint);
|
|
14594
14608
|
this.setRowspanClasses(this.rowspan, this.breakpoint);
|
|
14595
14609
|
}
|
|
14596
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14597
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
14610
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14611
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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: [""] }); }
|
|
14598
14612
|
}
|
|
14599
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14613
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaGridComponent, decorators: [{
|
|
14600
14614
|
type: Component,
|
|
14601
14615
|
args: [{ selector: 'matcha-grid', standalone: false, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
14602
14616
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { breakpoint: [{
|
|
@@ -14620,11 +14634,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
14620
14634
|
}] } });
|
|
14621
14635
|
|
|
14622
14636
|
class MatchaGridModule {
|
|
14623
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14624
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
14625
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
14637
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
14638
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaGridModule, declarations: [MatchaGridComponent], imports: [CommonModule], exports: [MatchaGridComponent] }); }
|
|
14639
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaGridModule, imports: [CommonModule] }); }
|
|
14626
14640
|
}
|
|
14627
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14641
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaGridModule, decorators: [{
|
|
14628
14642
|
type: NgModule,
|
|
14629
14643
|
args: [{
|
|
14630
14644
|
declarations: [MatchaGridComponent],
|
|
@@ -14664,10 +14678,10 @@ class MatchaSkeletonComponent {
|
|
|
14664
14678
|
const amountValue = this.amountNumber;
|
|
14665
14679
|
return Array(amountValue).fill(0).map((_, index) => index);
|
|
14666
14680
|
}
|
|
14667
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14668
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
14681
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14682
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaSkeletonComponent, isStandalone: false, selector: "matcha-skeleton", inputs: { amount: "amount", grid: "grid", height: "height", model: "model", gap: "gap" }, host: { properties: { "attr.amount": "this.amount", "attr.grid": "this.grid", "attr.height": "this.height", "attr.model": "this.model", "attr.gap": "this.gap" } }, ngImport: i0, template: "<ng-content></ng-content>\n<!-- CARD SKELETON -->\n<div [class]=\"classes\" *ngIf=\"model !== 'table'\">\n <div class=\"skeleton-animated-background flex-column--force p-0 radius-8 user-select-none overflow-hidden\" *ngFor=\"let i of amountArray\">\n\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'\"></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\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 amountArray\">\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 -->\n", 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"] }] }); }
|
|
14669
14683
|
}
|
|
14670
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14684
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSkeletonComponent, decorators: [{
|
|
14671
14685
|
type: Component,
|
|
14672
14686
|
args: [{ selector: 'matcha-skeleton', standalone: false, template: "<ng-content></ng-content>\n<!-- CARD SKELETON -->\n<div [class]=\"classes\" *ngIf=\"model !== 'table'\">\n <div class=\"skeleton-animated-background flex-column--force p-0 radius-8 user-select-none overflow-hidden\" *ngFor=\"let i of amountArray\">\n\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'\"></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\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 amountArray\">\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 -->\n" }]
|
|
14673
14687
|
}], propDecorators: { amount: [{
|
|
@@ -14703,11 +14717,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
14703
14717
|
}] } });
|
|
14704
14718
|
|
|
14705
14719
|
class MatchaSkeletonModule {
|
|
14706
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14707
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
14708
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
14720
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
14721
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaSkeletonModule, declarations: [MatchaSkeletonComponent], imports: [CommonModule], exports: [MatchaSkeletonComponent] }); }
|
|
14722
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSkeletonModule, imports: [CommonModule] }); }
|
|
14709
14723
|
}
|
|
14710
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14724
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSkeletonModule, decorators: [{
|
|
14711
14725
|
type: NgModule,
|
|
14712
14726
|
args: [{
|
|
14713
14727
|
declarations: [MatchaSkeletonComponent],
|
|
@@ -14722,10 +14736,10 @@ class StepContentDirective {
|
|
|
14722
14736
|
constructor(template) {
|
|
14723
14737
|
this.template = template;
|
|
14724
14738
|
}
|
|
14725
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14726
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
14739
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: StepContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
14740
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: StepContentDirective, isStandalone: true, selector: "[step]", inputs: { step: "step" }, ngImport: i0 }); }
|
|
14727
14741
|
}
|
|
14728
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14742
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: StepContentDirective, decorators: [{
|
|
14729
14743
|
type: Directive,
|
|
14730
14744
|
args: [{
|
|
14731
14745
|
selector: '[step]'
|
|
@@ -14887,10 +14901,10 @@ class MatchaTableComponent {
|
|
|
14887
14901
|
this._config.stickyEnd = this.stickyEnd;
|
|
14888
14902
|
}
|
|
14889
14903
|
}
|
|
14890
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14891
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
14904
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTableComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14905
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaTableComponent, isStandalone: false, selector: "[matcha-table]", inputs: { size: "size", striped: "striped", hover: "hover", bordered: "bordered", stickyHeader: "stickyHeader", stickyStart: ["sticky-start", "stickyStart"], stickyEnd: ["sticky-end", "stickyEnd"] }, usesOnChanges: true, ngImport: i0, template: "<div class=\"matcha-table-container\">\n <div class=\"matcha-table-container-shadow fw-500\">\n <table class=\"matcha-table-content\">\n <ng-content></ng-content>\n </table>\n </div>\n</div>\n\n", styles: [""] }); }
|
|
14892
14906
|
}
|
|
14893
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14907
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTableComponent, decorators: [{
|
|
14894
14908
|
type: Component,
|
|
14895
14909
|
args: [{ selector: '[matcha-table]', standalone: false, template: "<div class=\"matcha-table-container\">\n <div class=\"matcha-table-container-shadow fw-500\">\n <table class=\"matcha-table-content\">\n <ng-content></ng-content>\n </table>\n </div>\n</div>\n\n" }]
|
|
14896
14910
|
}], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
|
|
@@ -14919,11 +14933,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
14919
14933
|
}] } });
|
|
14920
14934
|
|
|
14921
14935
|
class MatchaTableModule {
|
|
14922
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14923
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
14924
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
14936
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
14937
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaTableModule, declarations: [MatchaTableComponent], exports: [MatchaTableComponent] }); }
|
|
14938
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTableModule }); }
|
|
14925
14939
|
}
|
|
14926
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14940
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaTableModule, decorators: [{
|
|
14927
14941
|
type: NgModule,
|
|
14928
14942
|
args: [{
|
|
14929
14943
|
declarations: [MatchaTableComponent],
|
|
@@ -14956,10 +14970,10 @@ class MatchaToolbarComponent {
|
|
|
14956
14970
|
ngOnDestroy() {
|
|
14957
14971
|
clearTimeout(this.resizeTimeout);
|
|
14958
14972
|
}
|
|
14959
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14960
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
14973
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14974
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaToolbarComponent, isStandalone: false, selector: "matcha-toolbar", inputs: { elevation: "elevation" }, 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\" [ngClass]=\"elevationClass\">\n <div class=\"flex-column flex-md-row flex-wrap p-16 flex-align-center flex-space-between h-auto min-h-72 flex-wrap gap-8\">\n <div class=\"w-100-p--force w-md-auto--force flex-space-between flex-wrap gap-8\">\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
14961
14975
|
}
|
|
14962
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14976
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarComponent, decorators: [{
|
|
14963
14977
|
type: Component,
|
|
14964
14978
|
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\" [ngClass]=\"elevationClass\">\n <div class=\"flex-column flex-md-row flex-wrap p-16 flex-align-center flex-space-between h-auto min-h-72 flex-wrap gap-8\">\n <div class=\"w-100-p--force w-md-auto--force flex-space-between flex-wrap gap-8\">\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" }]
|
|
14965
14979
|
}], propDecorators: { elevation: [{
|
|
@@ -14982,10 +14996,10 @@ class MatchaToolbarButtonComponent {
|
|
|
14982
14996
|
emitButtonClick() {
|
|
14983
14997
|
this.buttonClick.emit();
|
|
14984
14998
|
}
|
|
14985
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
14986
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
14999
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15000
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaToolbarButtonComponent, isStandalone: false, selector: "matcha-toolbar-button", inputs: { icon: "icon", badge: "badge" }, 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\" [attr.badge]=\"badge || null\" (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", "gap", "color", "basic", "outline", "alpha", "pill", "link", "icon", "badge"] }] }); }
|
|
14987
15001
|
}
|
|
14988
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
15002
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarButtonComponent, decorators: [{
|
|
14989
15003
|
type: Component,
|
|
14990
15004
|
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\" [attr.badge]=\"badge || null\" (click)=\"emitButtonClick()\">\n <span [class]=\"classes\"></span>\n</button>\n" }]
|
|
14991
15005
|
}], propDecorators: { icon: [{
|
|
@@ -14998,10 +15012,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
14998
15012
|
}] } });
|
|
14999
15013
|
|
|
15000
15014
|
class MatchaToolbarContentComponent {
|
|
15001
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
15002
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
15015
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15016
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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\">\n <ng-content></ng-content>\n</div>\n", styles: [""] }); }
|
|
15003
15017
|
}
|
|
15004
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
15018
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarContentComponent, decorators: [{
|
|
15005
15019
|
type: Component,
|
|
15006
15020
|
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\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
15007
15021
|
}] });
|
|
@@ -15013,10 +15027,10 @@ class MatchaToolbarMainButtonComponent {
|
|
|
15013
15027
|
emitButtonClick() {
|
|
15014
15028
|
this.buttonClick.emit();
|
|
15015
15029
|
}
|
|
15016
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
15017
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
15030
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarMainButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15031
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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", "gap", "color", "basic", "outline", "alpha", "pill", "link", "icon", "badge"] }] }); }
|
|
15018
15032
|
}
|
|
15019
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
15033
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarMainButtonComponent, decorators: [{
|
|
15020
15034
|
type: Component,
|
|
15021
15035
|
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" }]
|
|
15022
15036
|
}], propDecorators: { buttonClick: [{
|
|
@@ -15024,17 +15038,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
15024
15038
|
}] } });
|
|
15025
15039
|
|
|
15026
15040
|
class MatchaToolbarCustomButtonComponent {
|
|
15027
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
15028
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
15041
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarCustomButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15042
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", 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: [""] }); }
|
|
15029
15043
|
}
|
|
15030
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
15044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarCustomButtonComponent, decorators: [{
|
|
15031
15045
|
type: Component,
|
|
15032
15046
|
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" }]
|
|
15033
15047
|
}] });
|
|
15034
15048
|
|
|
15035
15049
|
class MatchaToolbarModule {
|
|
15036
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
15037
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
15050
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
15051
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarModule, declarations: [MatchaToolbarComponent,
|
|
15038
15052
|
MatchaToolbarButtonComponent,
|
|
15039
15053
|
MatchaToolbarContentComponent,
|
|
15040
15054
|
MatchaToolbarMainButtonComponent,
|
|
@@ -15047,12 +15061,12 @@ class MatchaToolbarModule {
|
|
|
15047
15061
|
MatchaToolbarMainButtonComponent,
|
|
15048
15062
|
MatchaToolbarCustomButtonComponent,
|
|
15049
15063
|
MatchaTitleModule] }); }
|
|
15050
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
15064
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarModule, imports: [CommonModule,
|
|
15051
15065
|
MatchaButtonModule,
|
|
15052
15066
|
MatchaTitleModule,
|
|
15053
15067
|
MatchaTooltipModule, MatchaTitleModule] }); }
|
|
15054
15068
|
}
|
|
15055
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
15069
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaToolbarModule, decorators: [{
|
|
15056
15070
|
type: NgModule,
|
|
15057
15071
|
args: [{
|
|
15058
15072
|
declarations: [
|