matcha-components 18.0.33 → 18.0.35
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/esm2022/lib/matcha-modal/modal/modal.component.mjs +2 -2
- package/esm2022/lib/matcha-modal/modal-content/modal-content.component.mjs +3 -3
- package/esm2022/lib/matcha-modal/modal-footer/modal-footer.component.mjs +3 -3
- package/esm2022/lib/matcha-modal/modal-header/modal-header.component.mjs +3 -3
- package/esm2022/lib/matcha-title/title/title.component.mjs +9 -9
- package/fesm2022/matcha-components.mjs +15 -15
- package/fesm2022/matcha-components.mjs.map +1 -1
- package/lib/matcha-title/title/title.component.d.ts +3 -3
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ export class MatchaModalComponent {
|
|
|
9
9
|
}
|
|
10
10
|
get classes() {
|
|
11
11
|
const elevation = `elevation-z-${this.elevation}`;
|
|
12
|
-
const activeClasses = `background-surface radius-8
|
|
12
|
+
const activeClasses = `background-surface radius-8 ${elevation} ${this.class}`;
|
|
13
13
|
return activeClasses;
|
|
14
14
|
}
|
|
15
15
|
emitIconAction() {
|
|
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
|
|
|
31
31
|
}], iconClick: [{
|
|
32
32
|
type: Output
|
|
33
33
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWF0Y2hhLWNvbXBvbmVudHMvc3JjL2xpYi9tYXRjaGEtbW9kYWwvbW9kYWwvbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWF0Y2hhLWNvbXBvbmVudHMvc3JjL2xpYi9tYXRjaGEtbW9kYWwvbW9kYWwvbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPdkUsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQU9JLGNBQVMsR0FBb0IsQ0FBQyxDQUFDO1FBRy9CLFVBQUssR0FBVyxFQUFFLENBQUM7UUFHbkIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUdsQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQWExQztJQVhHLElBQVcsT0FBTztRQUNkLE1BQU0sU0FBUyxHQUFHLGVBQWUsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBRWxELE1BQU0sYUFBYSxHQUFHLCtCQUErQixTQUFTLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQy9FLE9BQU8sYUFBYSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxjQUFjO1FBQ1YsTUFBTSxJQUFJLEdBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3hDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlCLENBQUM7OEdBdkJRLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDJKQ1BqQyxraUJBaUJBOzsyRkRWYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsY0FBYzs4QkFNdEIsU0FBUztzQkFEUixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sU0FBUztzQkFEUixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWF0Y2hhLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL21vZGFsLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBNYXRjaGFNb2RhbENvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBlbGV2YXRpb246IG51bWJlciB8IHN0cmluZyA9IDA7XG5cbiAgICBASW5wdXQoKVxuICAgIGNsYXNzOiBzdHJpbmcgPSAnJztcblxuICAgIEBJbnB1dCgpXG4gICAgaWNvbjogc3RyaW5nID0gJyc7XG5cbiAgICBAT3V0cHV0KClcbiAgICBpY29uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPG9iamVjdD4oKTtcblxuICAgIHB1YmxpYyBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBlbGV2YXRpb24gPSBgZWxldmF0aW9uLXotJHt0aGlzLmVsZXZhdGlvbn1gO1xuXG4gICAgICAgIGNvbnN0IGFjdGl2ZUNsYXNzZXMgPSBgYmFja2dyb3VuZC1zdXJmYWNlIHJhZGl1cy04ICR7ZWxldmF0aW9ufSAke3RoaXMuY2xhc3N9YDtcbiAgICAgICAgcmV0dXJuIGFjdGl2ZUNsYXNzZXM7XG4gICAgfVxuXG4gICAgZW1pdEljb25BY3Rpb24oKSB7XG4gICAgICAgIGNvbnN0IGRhdGE6b2JqZWN0ID0geyBpY29uOiB0aGlzLmljb24gfTtcbiAgICAgICAgdGhpcy5pY29uQ2xpY2suZW1pdChkYXRhKTtcbiAgICB9XG59XG4iLCI8IS0tIEhPVyBUTyBVU0U6XG48cGFnZS1oZWFkZXIgW3RpdGxlXT1cIlRJVFVMTy1BUVVcIiBpY29uPVwiSUNPTkUtQVFVSVwiIChpY29uQ2xpY2spPVwiRlVOw4fDg08tQU8tQ0xJQ0FSLU5PLUlDT05FLUFRVUlcIj5cbiAgICA8c2VhcmNoLWZvcm0gKHNlYXJjaFRleHQpPVwic2VhcmNoVGV4dCgkZXZlbnQpXCI+PC9zZWFyY2gtZm9ybT5cbiAgICA8YnV0dG9uLXRvZ2dsZS12aWV3PlxuICAgICAgICBCT1TDg08gREUgVE9PR0xFIFZJRVcgQVFVSVxuICAgIDwvYnV0dG9uLXRvZ2dsZS12aWV3PlxuICAgIDxidXR0b24tbmV3PlxuICAgICAgICBCT1TDg08gREUgTk9WTyBBUVVJXG4gICAgPC9idXR0b24tbmV3PlxuICAgIFFVQUxRVUVSIE9VVFJBIEZVTkNJT05BTElEQURFIEFRVUlcbjwvcGFnZS1oZWFkZXI+XG4tLT5cbjwhLS0gQ09OVEVOVCBIRUFERVIgLS0+XG48ZGl2IFtjbGFzc109XCJjbGFzc2VzXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48IS0tIC8gQ09OVEVOVCBIRUFERVIgLS0+XG4iXX0=
|
|
@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class MatchaModalContentComponent {
|
|
4
4
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaModalContentComponent, selector: "matcha-modal-content", ngImport: i0, template: "\n<div class=\"py-24 pt-0 overflow-auto\">\n <div class=\"matcha-card-flat matcha-background-transparent p-0 d-flex-column mb-24\">\n <div class=\"d-flex-column matcha-card-flat matcha-background-transparent px-24 py-0\">\n <ng-content></ng-content>\n <!-- <h4 class=\"fw-700 my-24\">{{channel?.name}}</h4>\n <div *ngIf=\"channel?.image\" class=\"container\">\n <div\n class=\"w-100-p aspect-ratio-16x9 d-flex-column d-flex-space-between overflow-hidden position-relative matcha-background-disabled border-radius-8\">\n <div class=\"front-image d-flex-column h-100-p p-24\">\n <div\n class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9 d-flex-center-center\">\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover',\n filter: 'blur(100px)'\n }\"></div>\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover'\n }\"></div>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!channel?.image\" class=\"container min-h-220 d-flex\">\n <div class=\"w-100-p min-h-220 matcha-background-disabled border-radius-8\">\n <div class=\"front-image h-100-p p-24 d-flex-center-center\">\n <span class=\"i-matcha-gallery i-size-lg fs-72 lh-72 w-72 h-72 matcha-color-placeholder\"></span>\n </div>\n </div>\n </div>\n <div class=\"py-24\">\n <span class=\"par-m matcha-color-placeholder\">\n <span [innerHTML]=\"channel.description ? getFormattedText(channel.description) : 'N\u00E3o dispon\u00EDvel'\"></span>\n </span>\n </div>\n <collapsible-section class=\"flatten\" color=\"primary\" nameRef=\"advancedOptions\" title=\"Dados extras\"\n [labelMore]=\"'ACTION.SEE_MORE' | translate\" [labelLess]=\"'ACTION.SEE_LESS' | translate\">\n <div class=\"d-flex-column gap-16\">\n <span>• Configura\u00E7\u00F5es do canal</span>\n <div class=\"matcha-card\">\n <div class=\"d-flex-space-between\">\n <span>Permitir o usu\u00E1rio compartilhar canal?</span>\n <span>{{channel.can_share ? 'Sim' : 'N\u00E3o'}}</span>\n </div>\n </div>\n\n <div class=\"matcha-card mb-24\">\n <div class=\"d-flex-space-between\">\n <span>Est\u00E1 ao vivo agora?</span>\n <span>{{ channel.is_live ? ('ACTION.YES' | translate) : ('ACTION.NO' | translate)}}</span>\n </div>\n </div>\n </div>\n </collapsible-section> -->\n </div>\n </div>\n</div>\n", styles: [""] }); }
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaModalContentComponent, 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 d-flex-column mb-24\">\n <div class=\"d-flex-column matcha-card-flat matcha-background-transparent px-24 py-0\">\n <ng-content></ng-content>\n <!-- <h4 class=\"fw-700 my-24\">{{channel?.name}}</h4>\n <div *ngIf=\"channel?.image\" class=\"container\">\n <div\n class=\"w-100-p aspect-ratio-16x9 d-flex-column d-flex-space-between overflow-hidden position-relative matcha-background-disabled border-radius-8\">\n <div class=\"front-image d-flex-column h-100-p p-24\">\n <div\n class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9 d-flex-center-center\">\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover',\n filter: 'blur(100px)'\n }\"></div>\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover'\n }\"></div>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!channel?.image\" class=\"container min-h-220 d-flex\">\n <div class=\"w-100-p min-h-220 matcha-background-disabled border-radius-8\">\n <div class=\"front-image h-100-p p-24 d-flex-center-center\">\n <span class=\"i-matcha-gallery i-size-lg fs-72 lh-72 w-72 h-72 matcha-color-placeholder\"></span>\n </div>\n </div>\n </div>\n <div class=\"py-24\">\n <span class=\"par-m matcha-color-placeholder\">\n <span [innerHTML]=\"channel.description ? getFormattedText(channel.description) : 'N\u00E3o dispon\u00EDvel'\"></span>\n </span>\n </div>\n <collapsible-section class=\"flatten\" color=\"primary\" nameRef=\"advancedOptions\" title=\"Dados extras\"\n [labelMore]=\"'ACTION.SEE_MORE' | translate\" [labelLess]=\"'ACTION.SEE_LESS' | translate\">\n <div class=\"d-flex-column gap-16\">\n <span>• Configura\u00E7\u00F5es do canal</span>\n <div class=\"matcha-card\">\n <div class=\"d-flex-space-between\">\n <span>Permitir o usu\u00E1rio compartilhar canal?</span>\n <span>{{channel.can_share ? 'Sim' : 'N\u00E3o'}}</span>\n </div>\n </div>\n\n <div class=\"matcha-card mb-24\">\n <div class=\"d-flex-space-between\">\n <span>Est\u00E1 ao vivo agora?</span>\n <span>{{ channel.is_live ? ('ACTION.YES' | translate) : ('ACTION.NO' | translate)}}</span>\n </div>\n </div>\n </div>\n </collapsible-section> -->\n </div>\n </div>\n</div>\n", styles: [""] }); }
|
|
6
6
|
}
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaModalContentComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
|
-
args: [{ selector: 'matcha-modal-content', template: "\n<div class=\"py-24 pt-0 overflow-auto\">\n <div class=\"matcha-card-flat matcha-background-transparent p-0 d-flex-column mb-24\">\n <div class=\"d-flex-column matcha-card-flat matcha-background-transparent px-24 py-0\">\n <ng-content></ng-content>\n <!-- <h4 class=\"fw-700 my-24\">{{channel?.name}}</h4>\n <div *ngIf=\"channel?.image\" class=\"container\">\n <div\n class=\"w-100-p aspect-ratio-16x9 d-flex-column d-flex-space-between overflow-hidden position-relative matcha-background-disabled border-radius-8\">\n <div class=\"front-image d-flex-column h-100-p p-24\">\n <div\n class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9 d-flex-center-center\">\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover',\n filter: 'blur(100px)'\n }\"></div>\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover'\n }\"></div>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!channel?.image\" class=\"container min-h-220 d-flex\">\n <div class=\"w-100-p min-h-220 matcha-background-disabled border-radius-8\">\n <div class=\"front-image h-100-p p-24 d-flex-center-center\">\n <span class=\"i-matcha-gallery i-size-lg fs-72 lh-72 w-72 h-72 matcha-color-placeholder\"></span>\n </div>\n </div>\n </div>\n <div class=\"py-24\">\n <span class=\"par-m matcha-color-placeholder\">\n <span [innerHTML]=\"channel.description ? getFormattedText(channel.description) : 'N\u00E3o dispon\u00EDvel'\"></span>\n </span>\n </div>\n <collapsible-section class=\"flatten\" color=\"primary\" nameRef=\"advancedOptions\" title=\"Dados extras\"\n [labelMore]=\"'ACTION.SEE_MORE' | translate\" [labelLess]=\"'ACTION.SEE_LESS' | translate\">\n <div class=\"d-flex-column gap-16\">\n <span>• Configura\u00E7\u00F5es do canal</span>\n <div class=\"matcha-card\">\n <div class=\"d-flex-space-between\">\n <span>Permitir o usu\u00E1rio compartilhar canal?</span>\n <span>{{channel.can_share ? 'Sim' : 'N\u00E3o'}}</span>\n </div>\n </div>\n\n <div class=\"matcha-card mb-24\">\n <div class=\"d-flex-space-between\">\n <span>Est\u00E1 ao vivo agora?</span>\n <span>{{ channel.is_live ? ('ACTION.YES' | translate) : ('ACTION.NO' | translate)}}</span>\n </div>\n </div>\n </div>\n </collapsible-section> -->\n </div>\n </div>\n</div>\n" }]
|
|
9
|
+
args: [{ selector: 'matcha-modal-content', 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 d-flex-column mb-24\">\n <div class=\"d-flex-column matcha-card-flat matcha-background-transparent px-24 py-0\">\n <ng-content></ng-content>\n <!-- <h4 class=\"fw-700 my-24\">{{channel?.name}}</h4>\n <div *ngIf=\"channel?.image\" class=\"container\">\n <div\n class=\"w-100-p aspect-ratio-16x9 d-flex-column d-flex-space-between overflow-hidden position-relative matcha-background-disabled border-radius-8\">\n <div class=\"front-image d-flex-column h-100-p p-24\">\n <div\n class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9 d-flex-center-center\">\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover',\n filter: 'blur(100px)'\n }\"></div>\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover'\n }\"></div>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!channel?.image\" class=\"container min-h-220 d-flex\">\n <div class=\"w-100-p min-h-220 matcha-background-disabled border-radius-8\">\n <div class=\"front-image h-100-p p-24 d-flex-center-center\">\n <span class=\"i-matcha-gallery i-size-lg fs-72 lh-72 w-72 h-72 matcha-color-placeholder\"></span>\n </div>\n </div>\n </div>\n <div class=\"py-24\">\n <span class=\"par-m matcha-color-placeholder\">\n <span [innerHTML]=\"channel.description ? getFormattedText(channel.description) : 'N\u00E3o dispon\u00EDvel'\"></span>\n </span>\n </div>\n <collapsible-section class=\"flatten\" color=\"primary\" nameRef=\"advancedOptions\" title=\"Dados extras\"\n [labelMore]=\"'ACTION.SEE_MORE' | translate\" [labelLess]=\"'ACTION.SEE_LESS' | translate\">\n <div class=\"d-flex-column gap-16\">\n <span>• Configura\u00E7\u00F5es do canal</span>\n <div class=\"matcha-card\">\n <div class=\"d-flex-space-between\">\n <span>Permitir o usu\u00E1rio compartilhar canal?</span>\n <span>{{channel.can_share ? 'Sim' : 'N\u00E3o'}}</span>\n </div>\n </div>\n\n <div class=\"matcha-card mb-24\">\n <div class=\"d-flex-space-between\">\n <span>Est\u00E1 ao vivo agora?</span>\n <span>{{ channel.is_live ? ('ACTION.YES' | translate) : ('ACTION.NO' | translate)}}</span>\n </div>\n </div>\n </div>\n </collapsible-section> -->\n </div>\n </div>\n</div>\n" }]
|
|
10
10
|
}] });
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXRjaGEtY29tcG9uZW50cy9zcmMvbGliL21hdGNoYS1tb2RhbC9tb2RhbC1jb250ZW50L21vZGFsLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWF0Y2hhLWNvbXBvbmVudHMvc3JjL2xpYi9tYXRjaGEtbW9kYWwvbW9kYWwtY29udGVudC9tb2RhbC1jb250ZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTywyQkFBMkI7OEdBQTNCLDJCQUEyQjtrR0FBM0IsMkJBQTJCLDREQ1B4Qyw2NkdBMERBOzsyRkRuRGEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXRjaGEtbW9kYWwtY29udGVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwtY29udGVudC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1hdGNoYU1vZGFsQ29udGVudENvbXBvbmVudCB7XG5cbn1cbiIsIlxuPGRpdiBjbGFzcz1cInB5LTI0IHB0LTAgb3ZlcmZsb3ctYXV0b1wiIHN0eWxlPVwibWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDMwMHB4KTtcblwiPlxuICAgIDxkaXYgY2xhc3M9XCJtYXRjaGEtY2FyZC1mbGF0IG1hdGNoYS1iYWNrZ3JvdW5kLXRyYW5zcGFyZW50IHAtMCBkLWZsZXgtY29sdW1uIG1iLTI0XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgtY29sdW1uIG1hdGNoYS1jYXJkLWZsYXQgbWF0Y2hhLWJhY2tncm91bmQtdHJhbnNwYXJlbnQgcHgtMjQgcHktMFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPCEtLSA8aDQgY2xhc3M9XCJmdy03MDAgbXktMjRcIj57e2NoYW5uZWw/Lm5hbWV9fTwvaDQ+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiY2hhbm5lbD8uaW1hZ2VcIiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ3LTEwMC1wIGFzcGVjdC1yYXRpby0xNng5IGQtZmxleC1jb2x1bW4gZC1mbGV4LXNwYWNlLWJldHdlZW4gb3ZlcmZsb3ctaGlkZGVuIHBvc2l0aW9uLXJlbGF0aXZlIG1hdGNoYS1iYWNrZ3JvdW5kLWRpc2FibGVkIGJvcmRlci1yYWRpdXMtOFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZnJvbnQtaW1hZ2UgZC1mbGV4LWNvbHVtbiBoLTEwMC1wIHAtMjRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInBvc2l0aW9uLWFic29sdXRlIGFsaWduLXRvcCBhbGlnbi1sZWZ0IHctMTAwLXAgYXNwZWN0LXJhdGlvLTE2eDkgZC1mbGV4LWNlbnRlci1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicG9zaXRpb24tYWJzb2x1dGUgYWxpZ24tdG9wIGFsaWduLWxlZnQgdy0xMDAtcCBhc3BlY3QtcmF0aW8tMTZ4OVwiIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6ICd1cmwoJyArIGNoYW5uZWw/LmltYWdlICsgJykgbm8tcmVwZWF0IGNlbnRlciBjZW50ZXIgLyBjb3ZlcicsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWx0ZXI6ICdibHVyKDEwMHB4KSdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVwiPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwb3NpdGlvbi1hYnNvbHV0ZSBhbGlnbi10b3AgYWxpZ24tbGVmdCB3LTEwMC1wIGFzcGVjdC1yYXRpby0xNng5XCIgW25nU3R5bGVdPVwie1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogJ3VybCgnICsgY2hhbm5lbD8uaW1hZ2UgKyAnKSBuby1yZXBlYXQgY2VudGVyIGNlbnRlciAvIGNvdmVyJ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhY2hhbm5lbD8uaW1hZ2VcIiBjbGFzcz1cImNvbnRhaW5lciBtaW4taC0yMjAgZC1mbGV4XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInctMTAwLXAgbWluLWgtMjIwIG1hdGNoYS1iYWNrZ3JvdW5kLWRpc2FibGVkIGJvcmRlci1yYWRpdXMtOFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZnJvbnQtaW1hZ2UgaC0xMDAtcCBwLTI0IGQtZmxleC1jZW50ZXItY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImktbWF0Y2hhLWdhbGxlcnkgaS1zaXplLWxnIGZzLTcyIGxoLTcyIHctNzIgaC03MiBtYXRjaGEtY29sb3ItcGxhY2Vob2xkZXJcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHktMjRcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInBhci1tIG1hdGNoYS1jb2xvci1wbGFjZWhvbGRlclwiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImNoYW5uZWwuZGVzY3JpcHRpb24gPyBnZXRGb3JtYXR0ZWRUZXh0KGNoYW5uZWwuZGVzY3JpcHRpb24pIDogJ07Do28gZGlzcG9uw612ZWwnXCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGNvbGxhcHNpYmxlLXNlY3Rpb24gY2xhc3M9XCJmbGF0dGVuXCIgY29sb3I9XCJwcmltYXJ5XCIgbmFtZVJlZj1cImFkdmFuY2VkT3B0aW9uc1wiIHRpdGxlPVwiRGFkb3MgZXh0cmFzXCJcbiAgICAgICAgICAgICAgICBbbGFiZWxNb3JlXT1cIidBQ1RJT04uU0VFX01PUkUnIHwgdHJhbnNsYXRlXCIgW2xhYmVsTGVzc109XCInQUNUSU9OLlNFRV9MRVNTJyB8IHRyYW5zbGF0ZVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgtY29sdW1uIGdhcC0xNlwiPlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj4mYnVsbDsgQ29uZmlndXJhw6fDtWVzIGRvIGNhbmFsPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWF0Y2hhLWNhcmRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgtc3BhY2UtYmV0d2VlblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPlBlcm1pdGlyIG8gdXN1w6FyaW8gY29tcGFydGlsaGFyIGNhbmFsPzwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj57e2NoYW5uZWwuY2FuX3NoYXJlID8gJ1NpbScgOiAnTsOjbyd9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWF0Y2hhLWNhcmQgbWItMjRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgtc3BhY2UtYmV0d2VlblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPkVzdMOhIGFvIHZpdm8gYWdvcmE/PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGNoYW5uZWwuaXNfbGl2ZSA/ICgnQUNUSU9OLllFUycgfCB0cmFuc2xhdGUpIDogKCdBQ1RJT04uTk8nIHwgdHJhbnNsYXRlKX19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9jb2xsYXBzaWJsZS1zZWN0aW9uPiAtLT5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -11,10 +11,10 @@ export class MatchaModalFooterComponent {
|
|
|
11
11
|
});
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaModalFooterComponent, selector: "matcha-modal-footer", ngImport: i0, template: "<matcha-divider></matcha-divider>\n<div class=\"flex-column flex-sm-row w-100-p flex-space-between
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaModalFooterComponent, selector: "matcha-modal-footer", 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 mt-16 mt-md-24 gap-16\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.MatchaDividerComponent, selector: "matcha-divider", inputs: ["gap", "gap-sm", "gap-md", "gap-lg", "gap-xl"] }] }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaModalFooterComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'matcha-modal-footer', template: "<matcha-divider></matcha-divider>\n<div class=\"flex-column flex-sm-row w-100-p flex-space-between
|
|
18
|
+
args: [{ selector: 'matcha-modal-footer', 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 mt-16 mt-md-24 gap-16\">\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
19
19
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hdGNoYS1jb21wb25lbnRzL3NyYy9saWIvbWF0Y2hhLW1vZGFsL21vZGFsLWZvb3Rlci9tb2RhbC1mb290ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWF0Y2hhLWNvbXBvbmVudHMvc3JjL2xpYi9tYXRjaGEtbW9kYWwvbW9kYWwtZm9vdGVyL21vZGFsLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPMUMsTUFBTSxPQUFPLDBCQUEwQjtJQUVuQyxlQUFlO1FBQ1gsTUFBTSxXQUFXLEdBQUcsUUFBUSxDQUFDLGdCQUFnQixDQUFDLHFCQUFxQixDQUFDLENBQUM7UUFDckUsTUFBTSxPQUFPLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDbEUsT0FBTyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNyQixNQUFNLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxjQUFjLENBQUMsQ0FBQztZQUNyQyxNQUFNLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNwQyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7OEdBVFEsMEJBQTBCO2tHQUExQiwwQkFBMEIsMkRDUHZDLDRQQU1BOzsyRkRDYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGNoYS1tb2RhbC1mb290ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwtZm9vdGVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTWF0Y2hhTW9kYWxGb290ZXJDb21wb25lbnQge1xuXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICBjb25zdCBtb2RhbEZvb3RlciA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJ21hdGNoYS1tb2RhbC1mb290ZXInKTtcbiAgICAgICAgY29uc3QgYnV0dG9ucyA9IG1vZGFsRm9vdGVyWzBdLnF1ZXJ5U2VsZWN0b3JBbGwoJy5tYXRjaGEtYnV0dG9uJyk7XG4gICAgICAgIGJ1dHRvbnMuZm9yRWFjaChidXR0b24gPT4ge1xuICAgICAgICAgICAgYnV0dG9uLmNsYXNzTGlzdC5hZGQoJ21heC13LW1kLTI1NicpO1xuICAgICAgICAgICAgYnV0dG9uLmNsYXNzTGlzdC5hZGQoJ3ctMTAwLXAnKTtcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm1hdGNoYS1zZWN0aW9uIHBiLTE2IHB4LTE2IHBiLW1kLTI0IHB4LW1kLTI0XCI+XG4gICAgPG1hdGNoYS1kaXZpZGVyPjwvbWF0Y2hhLWRpdmlkZXI+XG4gICAgPGRpdiBjbGFzcz1cImZsZXgtY29sdW1uIGZsZXgtc20tcm93IHctMTAwLXAgZmxleC1zcGFjZS1iZXR3ZWVuIG10LTE2IG10LW1kLTI0IGdhcC0xNlwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -3,10 +3,10 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "../../matcha-divider/divider/divider.component";
|
|
4
4
|
export class MatchaModalHeaderComponent {
|
|
5
5
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaModalHeaderComponent, selector: "matcha-modal-header", ngImport: i0, template: "<!-- [@animate]=\"{ value: '*', params: { delay: '100ms' } }\" -->\n<!-- MATCHA CHECK -->\n<div class=\"matcha-section\">\n <div class=\"d-flex flex-wrap flex-space-between mb-16 mb-sm-24\">\n <div class=\"flex-space-between flex-align-center\">\n <ng-content></ng-content>\n </div>\n <div class=\"flex-row flex-end gap-8\">\n <ng-content select=\"matcha-modal-options\"></ng-content>\n </div>\n </div>\n <matcha-divider></matcha-divider>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.MatchaDividerComponent, selector: "matcha-divider", inputs: ["gap", "gap-sm", "gap-md", "gap-lg", "gap-xl"] }] }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaModalHeaderComponent, selector: "matcha-modal-header", ngImport: i0, template: "<!-- [@animate]=\"{ value: '*', params: { delay: '100ms' } }\" -->\n<!-- MATCHA CHECK -->\n<div class=\"matcha-section pt-16 px-16 pt-md-24 px-md-24\">\n <div class=\"d-flex flex-wrap flex-space-between mb-16 mb-sm-24\">\n <div class=\"flex-space-between flex-align-center\">\n <ng-content></ng-content>\n </div>\n <div class=\"flex-row flex-end gap-8\">\n <ng-content select=\"matcha-modal-options\"></ng-content>\n </div>\n </div>\n <matcha-divider></matcha-divider>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.MatchaDividerComponent, selector: "matcha-divider", inputs: ["gap", "gap-sm", "gap-md", "gap-lg", "gap-xl"] }] }); }
|
|
7
7
|
}
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaModalHeaderComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
|
-
args: [{ selector: 'matcha-modal-header', template: "<!-- [@animate]=\"{ value: '*', params: { delay: '100ms' } }\" -->\n<!-- MATCHA CHECK -->\n<div class=\"matcha-section\">\n <div class=\"d-flex flex-wrap flex-space-between mb-16 mb-sm-24\">\n <div class=\"flex-space-between flex-align-center\">\n <ng-content></ng-content>\n </div>\n <div class=\"flex-row flex-end gap-8\">\n <ng-content select=\"matcha-modal-options\"></ng-content>\n </div>\n </div>\n <matcha-divider></matcha-divider>\n</div>\n" }]
|
|
10
|
+
args: [{ selector: 'matcha-modal-header', template: "<!-- [@animate]=\"{ value: '*', params: { delay: '100ms' } }\" -->\n<!-- MATCHA CHECK -->\n<div class=\"matcha-section pt-16 px-16 pt-md-24 px-md-24\">\n <div class=\"d-flex flex-wrap flex-space-between mb-16 mb-sm-24\">\n <div class=\"flex-space-between flex-align-center\">\n <ng-content></ng-content>\n </div>\n <div class=\"flex-row flex-end gap-8\">\n <ng-content select=\"matcha-modal-options\"></ng-content>\n </div>\n </div>\n <matcha-divider></matcha-divider>\n</div>\n" }]
|
|
11
11
|
}] });
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hdGNoYS1jb21wb25lbnRzL3NyYy9saWIvbWF0Y2hhLW1vZGFsL21vZGFsLWhlYWRlci9tb2RhbC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWF0Y2hhLWNvbXBvbmVudHMvc3JjL2xpYi9tYXRjaGEtbW9kYWwvbW9kYWwtaGVhZGVyL21vZGFsLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPMUMsTUFBTSxPQUFPLDBCQUEwQjs4R0FBMUIsMEJBQTBCO2tHQUExQiwwQkFBMEIsMkRDUHZDLDJoQkFhQTs7MkZETmEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXRjaGEtbW9kYWwtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21vZGFsLWhlYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1hdGNoYU1vZGFsSGVhZGVyQ29tcG9uZW50IHtcblxufVxuIiwiPCEtLSBbQGFuaW1hdGVdPVwieyB2YWx1ZTogJyonLCBwYXJhbXM6IHsgZGVsYXk6ICcxMDBtcycgfSB9XCIgLS0+XG48IS0tIE1BVENIQSBDSEVDSyAtLT5cbjxkaXYgY2xhc3M9XCJtYXRjaGEtc2VjdGlvbiBwdC0xNiBweC0xNiBwdC1tZC0yNCBweC1tZC0yNFwiPlxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC13cmFwIGZsZXgtc3BhY2UtYmV0d2VlbiBtYi0xNiBtYi1zbS0yNFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1zcGFjZS1iZXR3ZWVuIGZsZXgtYWxpZ24tY2VudGVyXCI+XG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1yb3cgZmxleC1lbmQgZ2FwLThcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1hdGNoYS1tb2RhbC1vcHRpb25zXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8bWF0Y2hhLWRpdmlkZXI+PC9tYXRjaGEtZGl2aWRlcj5cbjwvZGl2PlxuIl19
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
// matcha-title <matcha-title color="fg"
|
|
3
|
+
// matcha-title <matcha-title color="fg" size="1" loading="false" type="pill" icon="icon" (iconClick)="emitIconAction($event)"></matcha-title>
|
|
4
4
|
export class MatchaTitleComponent {
|
|
5
5
|
constructor() {
|
|
6
6
|
this.color = null;
|
|
7
|
-
this.
|
|
7
|
+
this.size = 4;
|
|
8
8
|
this.loading = false;
|
|
9
9
|
this.type = 'pill';
|
|
10
10
|
this.icon = '';
|
|
11
11
|
this.iconClick = new EventEmitter();
|
|
12
|
-
this.
|
|
12
|
+
this.sizeClasses = {
|
|
13
13
|
1: 'fw-900 fs-12 lh-12',
|
|
14
14
|
2: 'fw-900 fs-14 lh-16',
|
|
15
15
|
3: 'fw-900 fs-16 lh-18',
|
|
@@ -33,8 +33,8 @@ export class MatchaTitleComponent {
|
|
|
33
33
|
}
|
|
34
34
|
get textClasses() {
|
|
35
35
|
const classes = `d-inline-block position-relative mr-8 radius-8`;
|
|
36
|
-
const
|
|
37
|
-
const activeClasses = `${classes} ${
|
|
36
|
+
const size = this.sizeClasses[this.size] ? this.sizeClasses[this.size] : '';
|
|
37
|
+
const activeClasses = `${classes} ${size} ${this.loading ? 'loading' : ''}`;
|
|
38
38
|
return activeClasses;
|
|
39
39
|
}
|
|
40
40
|
emitIconAction() {
|
|
@@ -45,14 +45,14 @@ export class MatchaTitleComponent {
|
|
|
45
45
|
return this.iconClick.observers.length > 0;
|
|
46
46
|
}
|
|
47
47
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaTitleComponent, selector: "matcha-title", inputs: { color: "color",
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaTitleComponent, selector: "matcha-title", inputs: { color: "color", size: "size", loading: "loading", type: "type", icon: "icon" }, outputs: { iconClick: "iconClick" }, ngImport: i0, template: "<!-- <matcha-title size=\"1\" type=\"bullet\"></matcha-title> -->\n\n<div class=\"d-flex flex-align-center m-0\">\n <span [class]=\"signClasses\" [class.cursor-pointer]=\"hasIconClickOutput()\" (click)=\"emitIconAction()\"></span>\n <span [class]=\"textClasses\">\n <ng-content></ng-content>\n </span>\n</div>\n", styles: [""] }); }
|
|
49
49
|
}
|
|
50
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaTitleComponent, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
|
-
args: [{ selector: 'matcha-title', template: "<!-- <matcha-title
|
|
52
|
+
args: [{ selector: 'matcha-title', template: "<!-- <matcha-title size=\"1\" type=\"bullet\"></matcha-title> -->\n\n<div class=\"d-flex flex-align-center m-0\">\n <span [class]=\"signClasses\" [class.cursor-pointer]=\"hasIconClickOutput()\" (click)=\"emitIconAction()\"></span>\n <span [class]=\"textClasses\">\n <ng-content></ng-content>\n </span>\n</div>\n" }]
|
|
53
53
|
}], propDecorators: { color: [{
|
|
54
54
|
type: Input
|
|
55
|
-
}],
|
|
55
|
+
}], size: [{
|
|
56
56
|
type: Input
|
|
57
57
|
}], loading: [{
|
|
58
58
|
type: Input
|
|
@@ -63,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
|
|
|
63
63
|
}], iconClick: [{
|
|
64
64
|
type: Output
|
|
65
65
|
}] } });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWF0Y2hhLWNvbXBvbmVudHMvc3JjL2xpYi9tYXRjaGEtdGl0bGUvdGl0bGUvdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWF0Y2hhLWNvbXBvbmVudHMvc3JjL2xpYi9tYXRjaGEtdGl0bGUvdGl0bGUvdGl0bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNdkUsOElBQThJO0FBTzlJLE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFPSSxVQUFLLEdBQTZPLElBQUksQ0FBQztRQUd2UCxTQUFJLEdBQW9CLENBQUMsQ0FBQztRQUcxQixZQUFPLEdBQVksS0FBSyxDQUFDO1FBR3pCLFNBQUksR0FBd0MsTUFBTSxDQUFDO1FBR25ELFNBQUksR0FBVyxFQUFFLENBQUM7UUFFUixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUcxQyxnQkFBVyxHQUFrQjtZQUNoQyxDQUFDLEVBQUUsb0JBQW9CO1lBQ3ZCLENBQUMsRUFBRSxvQkFBb0I7WUFDdkIsQ0FBQyxFQUFFLG9CQUFvQjtZQUN2QixDQUFDLEVBQUUsb0JBQW9CO1lBQ3ZCLENBQUMsRUFBRSxvQkFBb0I7WUFDdkIsQ0FBQyxFQUFFLG9CQUFvQjtZQUN2QixDQUFDLEVBQUUsb0JBQW9CO1NBQzFCLENBQUM7S0ErQkw7SUE3QlUsUUFBUTtRQUNYLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGNBQWMsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUM7UUFDekUsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBWSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUN0RCxPQUFRLElBQUksQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyw4RUFBOEUsS0FBSyxFQUFFLENBQUMsQ0FBQztZQUM5RyxJQUFJLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsMkVBQTJFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGNBQWMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQyxDQUFDO2dCQUNqSyxJQUFJLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsbUNBQW1DLElBQUksSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDO29CQUM5SCxJQUFJLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDeEQsQ0FBQztJQUVELElBQVcsV0FBVztRQUNsQixNQUFNLGFBQWEsR0FBRyxVQUFVLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDO1FBQ25GLE9BQU8sYUFBYSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUFXLFdBQVc7UUFDbEIsTUFBTSxPQUFPLEdBQUcsZ0RBQWdELENBQUM7UUFDakUsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDNUUsTUFBTSxhQUFhLEdBQUcsR0FBRyxPQUFPLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUM7UUFDN0UsT0FBTyxhQUFhLENBQUM7SUFDekIsQ0FBQztJQUVNLGNBQWM7UUFDakIsTUFBTSxJQUFJLEdBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3hDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFTSxrQkFBa0I7UUFDckIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQy9DLENBQUM7OEdBekRRLG9CQUFvQjtrR0FBcEIsb0JBQW9CLG1MQ2JqQyx5VUFRQTs7MkZES2Esb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNJLGNBQWM7OEJBTXhCLEtBQUs7c0JBREosS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBR0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSUxldmVsQ2xhc3NlcyB7XG4gICAgW2tleTogbnVtYmVyIHwgc3RyaW5nXTogc3RyaW5nO1xufVxuXG4vLyBtYXRjaGEtdGl0bGUgPG1hdGNoYS10aXRsZSBjb2xvcj1cImZnXCIgc2l6ZT1cIjFcIiBsb2FkaW5nPVwiZmFsc2VcIiB0eXBlPVwicGlsbFwiIGljb249XCJpY29uXCIgKGljb25DbGljayk9XCJlbWl0SWNvbkFjdGlvbigkZXZlbnQpXCI+PC9tYXRjaGEtdGl0bGU+XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbWF0Y2hhLXRpdGxlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGl0bGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RpdGxlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1hdGNoYVRpdGxlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIGNvbG9yOiAnZmcnIHwgJ2FjY2VudCcgfCAncHJpbWFyeScgfCAnd2FybicgfCAncmVkJyB8ICdwaW5rJyB8ICdwdXJwbGUnIHwgJ2RlZXAtcHVycGxlJyB8ICdpbmRpZ28nIHwgJ2JsdWUnIHwgJ2xpZ2h0LWJsdWUnIHwgJ2N5YW4nIHwgJ3RlYWwnIHwgJ2dyZWVuJyB8ICdsaWdodC1ncmVlbicgfCAnbGltZScgfCAneWVsbG93JyB8ICdhbWJlcicgfCAnb3JhbmdlJyB8ICdkZWVwLW9yYW5nZScgfCBudWxsIHwgc3RyaW5nID0gbnVsbDtcblxuICAgIEBJbnB1dCgpXG4gICAgc2l6ZTogbnVtYmVyIHwgc3RyaW5nID0gNDtcblxuICAgIEBJbnB1dCgpXG4gICAgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICB0eXBlOiAncGlsbCcgfCAnYnVsbGV0JyB8ICdpY29uJyB8ICdub25lJyA9ICdwaWxsJztcblxuICAgIEBJbnB1dCgpXG4gICAgaWNvbjogc3RyaW5nID0gJyc7XG5cbiAgICBAT3V0cHV0KCkgaWNvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxvYmplY3Q+KCk7XG5cblxuICAgIHB1YmxpYyBzaXplQ2xhc3NlczogSUxldmVsQ2xhc3NlcyA9IHtcbiAgICAgICAgMTogJ2Z3LTkwMCBmcy0xMiBsaC0xMicsXG4gICAgICAgIDI6ICdmdy05MDAgZnMtMTQgbGgtMTYnLFxuICAgICAgICAzOiAnZnctOTAwIGZzLTE2IGxoLTE4JyxcbiAgICAgICAgNDogJ2Z3LTkwMCBmcy0yMCBsaC0yMicsXG4gICAgICAgIDU6ICdmdy05MDAgZnMtMzIgbGgtMzInLFxuICAgICAgICA2OiAnZnctOTAwIGZzLTQwIGxoLTQwJyxcbiAgICAgICAgNzogJ2Z3LTkwMCBmcy00MCBsaC00MCcsXG4gICAgfTtcblxuICAgIHB1YmxpYyBnZXRUeXBlcygpOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBjb2xvciA9IHRoaXMuY29sb3IgPyBgYmFja2dyb3VuZC0ke3RoaXMuY29sb3J9IGAgOiAnYmFja2dyb3VuZC1mZyc7XG4gICAgICAgIGNvbnN0IGljb24gPSB0aGlzLmljb24gPyBgaS1tYXRjaGEtJHt0aGlzLmljb259YCA6ICcnO1xuICAgICAgICByZXR1cm4gIHRoaXMudHlwZSA9PT0gJ3BpbGwnID8gYG1pbi1oLTIwIGgtMjAgbWF4LWgtMjAgbWF4LXctOCB3LTggbWluLXctOCBwb3NpdGlvbi1yZWxhdGl2ZSBtci04IHJhZGl1cy04ICR7Y29sb3J9YCA6XG4gICAgICAgICAgICAgICAgdGhpcy50eXBlID09PSAnYnVsbGV0JyA/IGBtaW4taC04IGgtOCBtYXgtaC04IG1heC13LTggdy04IG1pbi13LTggcG9zaXRpb24tcmVsYXRpdmUgbXItOCByYWRpdXMtOCAke3RoaXMuY29sb3IgPyBgYmFja2dyb3VuZC0ke3RoaXMuY29sb3J9YCA6ICdiYWNrZ3JvdW5kLWZnJ31gIDpcbiAgICAgICAgICAgICAgICB0aGlzLnR5cGUgPT09ICdpY29uJyA/IGBwb3NpdGlvbi1yZWxhdGl2ZSBtci04IHJhZGl1cy04ICR7aWNvbn0gJHt0aGlzLmNvbG9yID8gYGNvbG9yLSR7dGhpcy5jb2xvcn1gIDogJ2NvbG9yLXBsYWNlaG9sZGVyJ31gIDpcbiAgICAgICAgICAgICAgICB0aGlzLnR5cGUgPT09ICdub25lJyA/IGBkLW5vbmUtLWZvcmNlYCA6ICcnO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgc2lnbkNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgY29uc3QgYWN0aXZlQ2xhc3NlcyA9IGBkLWZsZXggJHt0aGlzLmdldFR5cGVzKCl9ICR7dGhpcy5sb2FkaW5nID8gJ2xvYWRpbmcnIDogJyd9YDtcbiAgICAgICAgcmV0dXJuIGFjdGl2ZUNsYXNzZXM7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCB0ZXh0Q2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBjbGFzc2VzID0gYGQtaW5saW5lLWJsb2NrIHBvc2l0aW9uLXJlbGF0aXZlIG1yLTggcmFkaXVzLThgO1xuICAgICAgICBjb25zdCBzaXplID0gdGhpcy5zaXplQ2xhc3Nlc1t0aGlzLnNpemVdID8gdGhpcy5zaXplQ2xhc3Nlc1t0aGlzLnNpemVdIDogJyc7XG4gICAgICAgIGNvbnN0IGFjdGl2ZUNsYXNzZXMgPSBgJHtjbGFzc2VzfSAgJHtzaXplfSAke3RoaXMubG9hZGluZyA/ICdsb2FkaW5nJyA6ICcnfWA7XG4gICAgICAgIHJldHVybiBhY3RpdmVDbGFzc2VzO1xuICAgIH1cblxuICAgIHB1YmxpYyBlbWl0SWNvbkFjdGlvbigpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgZGF0YTpvYmplY3QgPSB7IGljb246IHRoaXMuaWNvbiB9O1xuICAgICAgICB0aGlzLmljb25DbGljay5lbWl0KGRhdGEpO1xuICAgIH1cblxuICAgIHB1YmxpYyBoYXNJY29uQ2xpY2tPdXRwdXQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmljb25DbGljay5vYnNlcnZlcnMubGVuZ3RoID4gMDtcbiAgICB9XG59XG4iLCI8IS0tIDxtYXRjaGEtdGl0bGUgc2l6ZT1cIjFcIiB0eXBlPVwiYnVsbGV0XCI+PC9tYXRjaGEtdGl0bGU+IC0tPlxuXG48ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtYWxpZ24tY2VudGVyIG0tMFwiPlxuICAgIDxzcGFuIFtjbGFzc109XCJzaWduQ2xhc3Nlc1wiIFtjbGFzcy5jdXJzb3ItcG9pbnRlcl09XCJoYXNJY29uQ2xpY2tPdXRwdXQoKVwiIChjbGljayk9XCJlbWl0SWNvbkFjdGlvbigpXCI+PC9zcGFuPlxuICAgIDxzcGFuIFtjbGFzc109XCJ0ZXh0Q2xhc3Nlc1wiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9zcGFuPlxuPC9kaXY+XG4iXX0=
|
|
@@ -96,16 +96,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
|
|
|
96
96
|
args: ['gap-xl']
|
|
97
97
|
}] } });
|
|
98
98
|
|
|
99
|
-
// matcha-title <matcha-title color="fg"
|
|
99
|
+
// matcha-title <matcha-title color="fg" size="1" loading="false" type="pill" icon="icon" (iconClick)="emitIconAction($event)"></matcha-title>
|
|
100
100
|
class MatchaTitleComponent {
|
|
101
101
|
constructor() {
|
|
102
102
|
this.color = null;
|
|
103
|
-
this.
|
|
103
|
+
this.size = 4;
|
|
104
104
|
this.loading = false;
|
|
105
105
|
this.type = 'pill';
|
|
106
106
|
this.icon = '';
|
|
107
107
|
this.iconClick = new EventEmitter();
|
|
108
|
-
this.
|
|
108
|
+
this.sizeClasses = {
|
|
109
109
|
1: 'fw-900 fs-12 lh-12',
|
|
110
110
|
2: 'fw-900 fs-14 lh-16',
|
|
111
111
|
3: 'fw-900 fs-16 lh-18',
|
|
@@ -129,8 +129,8 @@ class MatchaTitleComponent {
|
|
|
129
129
|
}
|
|
130
130
|
get textClasses() {
|
|
131
131
|
const classes = `d-inline-block position-relative mr-8 radius-8`;
|
|
132
|
-
const
|
|
133
|
-
const activeClasses = `${classes} ${
|
|
132
|
+
const size = this.sizeClasses[this.size] ? this.sizeClasses[this.size] : '';
|
|
133
|
+
const activeClasses = `${classes} ${size} ${this.loading ? 'loading' : ''}`;
|
|
134
134
|
return activeClasses;
|
|
135
135
|
}
|
|
136
136
|
emitIconAction() {
|
|
@@ -141,14 +141,14 @@ class MatchaTitleComponent {
|
|
|
141
141
|
return this.iconClick.observers.length > 0;
|
|
142
142
|
}
|
|
143
143
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
144
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaTitleComponent, selector: "matcha-title", inputs: { color: "color",
|
|
144
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaTitleComponent, selector: "matcha-title", inputs: { color: "color", size: "size", loading: "loading", type: "type", icon: "icon" }, outputs: { iconClick: "iconClick" }, ngImport: i0, template: "<!-- <matcha-title size=\"1\" type=\"bullet\"></matcha-title> -->\n\n<div class=\"d-flex flex-align-center m-0\">\n <span [class]=\"signClasses\" [class.cursor-pointer]=\"hasIconClickOutput()\" (click)=\"emitIconAction()\"></span>\n <span [class]=\"textClasses\">\n <ng-content></ng-content>\n </span>\n</div>\n", styles: [""] }); }
|
|
145
145
|
}
|
|
146
146
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaTitleComponent, decorators: [{
|
|
147
147
|
type: Component,
|
|
148
|
-
args: [{ selector: 'matcha-title', template: "<!-- <matcha-title
|
|
148
|
+
args: [{ selector: 'matcha-title', template: "<!-- <matcha-title size=\"1\" type=\"bullet\"></matcha-title> -->\n\n<div class=\"d-flex flex-align-center m-0\">\n <span [class]=\"signClasses\" [class.cursor-pointer]=\"hasIconClickOutput()\" (click)=\"emitIconAction()\"></span>\n <span [class]=\"textClasses\">\n <ng-content></ng-content>\n </span>\n</div>\n" }]
|
|
149
149
|
}], propDecorators: { color: [{
|
|
150
150
|
type: Input
|
|
151
|
-
}],
|
|
151
|
+
}], size: [{
|
|
152
152
|
type: Input
|
|
153
153
|
}], loading: [{
|
|
154
154
|
type: Input
|
|
@@ -379,20 +379,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
|
|
|
379
379
|
|
|
380
380
|
class MatchaModalContentComponent {
|
|
381
381
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
382
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaModalContentComponent, selector: "matcha-modal-content", ngImport: i0, template: "\n<div class=\"py-24 pt-0 overflow-auto\">\n <div class=\"matcha-card-flat matcha-background-transparent p-0 d-flex-column mb-24\">\n <div class=\"d-flex-column matcha-card-flat matcha-background-transparent px-24 py-0\">\n <ng-content></ng-content>\n <!-- <h4 class=\"fw-700 my-24\">{{channel?.name}}</h4>\n <div *ngIf=\"channel?.image\" class=\"container\">\n <div\n class=\"w-100-p aspect-ratio-16x9 d-flex-column d-flex-space-between overflow-hidden position-relative matcha-background-disabled border-radius-8\">\n <div class=\"front-image d-flex-column h-100-p p-24\">\n <div\n class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9 d-flex-center-center\">\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover',\n filter: 'blur(100px)'\n }\"></div>\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover'\n }\"></div>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!channel?.image\" class=\"container min-h-220 d-flex\">\n <div class=\"w-100-p min-h-220 matcha-background-disabled border-radius-8\">\n <div class=\"front-image h-100-p p-24 d-flex-center-center\">\n <span class=\"i-matcha-gallery i-size-lg fs-72 lh-72 w-72 h-72 matcha-color-placeholder\"></span>\n </div>\n </div>\n </div>\n <div class=\"py-24\">\n <span class=\"par-m matcha-color-placeholder\">\n <span [innerHTML]=\"channel.description ? getFormattedText(channel.description) : 'N\u00E3o dispon\u00EDvel'\"></span>\n </span>\n </div>\n <collapsible-section class=\"flatten\" color=\"primary\" nameRef=\"advancedOptions\" title=\"Dados extras\"\n [labelMore]=\"'ACTION.SEE_MORE' | translate\" [labelLess]=\"'ACTION.SEE_LESS' | translate\">\n <div class=\"d-flex-column gap-16\">\n <span>• Configura\u00E7\u00F5es do canal</span>\n <div class=\"matcha-card\">\n <div class=\"d-flex-space-between\">\n <span>Permitir o usu\u00E1rio compartilhar canal?</span>\n <span>{{channel.can_share ? 'Sim' : 'N\u00E3o'}}</span>\n </div>\n </div>\n\n <div class=\"matcha-card mb-24\">\n <div class=\"d-flex-space-between\">\n <span>Est\u00E1 ao vivo agora?</span>\n <span>{{ channel.is_live ? ('ACTION.YES' | translate) : ('ACTION.NO' | translate)}}</span>\n </div>\n </div>\n </div>\n </collapsible-section> -->\n </div>\n </div>\n</div>\n", styles: [""] }); }
|
|
382
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaModalContentComponent, 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 d-flex-column mb-24\">\n <div class=\"d-flex-column matcha-card-flat matcha-background-transparent px-24 py-0\">\n <ng-content></ng-content>\n <!-- <h4 class=\"fw-700 my-24\">{{channel?.name}}</h4>\n <div *ngIf=\"channel?.image\" class=\"container\">\n <div\n class=\"w-100-p aspect-ratio-16x9 d-flex-column d-flex-space-between overflow-hidden position-relative matcha-background-disabled border-radius-8\">\n <div class=\"front-image d-flex-column h-100-p p-24\">\n <div\n class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9 d-flex-center-center\">\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover',\n filter: 'blur(100px)'\n }\"></div>\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover'\n }\"></div>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!channel?.image\" class=\"container min-h-220 d-flex\">\n <div class=\"w-100-p min-h-220 matcha-background-disabled border-radius-8\">\n <div class=\"front-image h-100-p p-24 d-flex-center-center\">\n <span class=\"i-matcha-gallery i-size-lg fs-72 lh-72 w-72 h-72 matcha-color-placeholder\"></span>\n </div>\n </div>\n </div>\n <div class=\"py-24\">\n <span class=\"par-m matcha-color-placeholder\">\n <span [innerHTML]=\"channel.description ? getFormattedText(channel.description) : 'N\u00E3o dispon\u00EDvel'\"></span>\n </span>\n </div>\n <collapsible-section class=\"flatten\" color=\"primary\" nameRef=\"advancedOptions\" title=\"Dados extras\"\n [labelMore]=\"'ACTION.SEE_MORE' | translate\" [labelLess]=\"'ACTION.SEE_LESS' | translate\">\n <div class=\"d-flex-column gap-16\">\n <span>• Configura\u00E7\u00F5es do canal</span>\n <div class=\"matcha-card\">\n <div class=\"d-flex-space-between\">\n <span>Permitir o usu\u00E1rio compartilhar canal?</span>\n <span>{{channel.can_share ? 'Sim' : 'N\u00E3o'}}</span>\n </div>\n </div>\n\n <div class=\"matcha-card mb-24\">\n <div class=\"d-flex-space-between\">\n <span>Est\u00E1 ao vivo agora?</span>\n <span>{{ channel.is_live ? ('ACTION.YES' | translate) : ('ACTION.NO' | translate)}}</span>\n </div>\n </div>\n </div>\n </collapsible-section> -->\n </div>\n </div>\n</div>\n", styles: [""] }); }
|
|
383
383
|
}
|
|
384
384
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaModalContentComponent, decorators: [{
|
|
385
385
|
type: Component,
|
|
386
|
-
args: [{ selector: 'matcha-modal-content', template: "\n<div class=\"py-24 pt-0 overflow-auto\">\n <div class=\"matcha-card-flat matcha-background-transparent p-0 d-flex-column mb-24\">\n <div class=\"d-flex-column matcha-card-flat matcha-background-transparent px-24 py-0\">\n <ng-content></ng-content>\n <!-- <h4 class=\"fw-700 my-24\">{{channel?.name}}</h4>\n <div *ngIf=\"channel?.image\" class=\"container\">\n <div\n class=\"w-100-p aspect-ratio-16x9 d-flex-column d-flex-space-between overflow-hidden position-relative matcha-background-disabled border-radius-8\">\n <div class=\"front-image d-flex-column h-100-p p-24\">\n <div\n class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9 d-flex-center-center\">\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover',\n filter: 'blur(100px)'\n }\"></div>\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover'\n }\"></div>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!channel?.image\" class=\"container min-h-220 d-flex\">\n <div class=\"w-100-p min-h-220 matcha-background-disabled border-radius-8\">\n <div class=\"front-image h-100-p p-24 d-flex-center-center\">\n <span class=\"i-matcha-gallery i-size-lg fs-72 lh-72 w-72 h-72 matcha-color-placeholder\"></span>\n </div>\n </div>\n </div>\n <div class=\"py-24\">\n <span class=\"par-m matcha-color-placeholder\">\n <span [innerHTML]=\"channel.description ? getFormattedText(channel.description) : 'N\u00E3o dispon\u00EDvel'\"></span>\n </span>\n </div>\n <collapsible-section class=\"flatten\" color=\"primary\" nameRef=\"advancedOptions\" title=\"Dados extras\"\n [labelMore]=\"'ACTION.SEE_MORE' | translate\" [labelLess]=\"'ACTION.SEE_LESS' | translate\">\n <div class=\"d-flex-column gap-16\">\n <span>• Configura\u00E7\u00F5es do canal</span>\n <div class=\"matcha-card\">\n <div class=\"d-flex-space-between\">\n <span>Permitir o usu\u00E1rio compartilhar canal?</span>\n <span>{{channel.can_share ? 'Sim' : 'N\u00E3o'}}</span>\n </div>\n </div>\n\n <div class=\"matcha-card mb-24\">\n <div class=\"d-flex-space-between\">\n <span>Est\u00E1 ao vivo agora?</span>\n <span>{{ channel.is_live ? ('ACTION.YES' | translate) : ('ACTION.NO' | translate)}}</span>\n </div>\n </div>\n </div>\n </collapsible-section> -->\n </div>\n </div>\n</div>\n" }]
|
|
386
|
+
args: [{ selector: 'matcha-modal-content', 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 d-flex-column mb-24\">\n <div class=\"d-flex-column matcha-card-flat matcha-background-transparent px-24 py-0\">\n <ng-content></ng-content>\n <!-- <h4 class=\"fw-700 my-24\">{{channel?.name}}</h4>\n <div *ngIf=\"channel?.image\" class=\"container\">\n <div\n class=\"w-100-p aspect-ratio-16x9 d-flex-column d-flex-space-between overflow-hidden position-relative matcha-background-disabled border-radius-8\">\n <div class=\"front-image d-flex-column h-100-p p-24\">\n <div\n class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9 d-flex-center-center\">\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover',\n filter: 'blur(100px)'\n }\"></div>\n <div class=\"position-absolute align-top align-left w-100-p aspect-ratio-16x9\" [ngStyle]=\"{\n background: 'url(' + channel?.image + ') no-repeat center center / cover'\n }\"></div>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!channel?.image\" class=\"container min-h-220 d-flex\">\n <div class=\"w-100-p min-h-220 matcha-background-disabled border-radius-8\">\n <div class=\"front-image h-100-p p-24 d-flex-center-center\">\n <span class=\"i-matcha-gallery i-size-lg fs-72 lh-72 w-72 h-72 matcha-color-placeholder\"></span>\n </div>\n </div>\n </div>\n <div class=\"py-24\">\n <span class=\"par-m matcha-color-placeholder\">\n <span [innerHTML]=\"channel.description ? getFormattedText(channel.description) : 'N\u00E3o dispon\u00EDvel'\"></span>\n </span>\n </div>\n <collapsible-section class=\"flatten\" color=\"primary\" nameRef=\"advancedOptions\" title=\"Dados extras\"\n [labelMore]=\"'ACTION.SEE_MORE' | translate\" [labelLess]=\"'ACTION.SEE_LESS' | translate\">\n <div class=\"d-flex-column gap-16\">\n <span>• Configura\u00E7\u00F5es do canal</span>\n <div class=\"matcha-card\">\n <div class=\"d-flex-space-between\">\n <span>Permitir o usu\u00E1rio compartilhar canal?</span>\n <span>{{channel.can_share ? 'Sim' : 'N\u00E3o'}}</span>\n </div>\n </div>\n\n <div class=\"matcha-card mb-24\">\n <div class=\"d-flex-space-between\">\n <span>Est\u00E1 ao vivo agora?</span>\n <span>{{ channel.is_live ? ('ACTION.YES' | translate) : ('ACTION.NO' | translate)}}</span>\n </div>\n </div>\n </div>\n </collapsible-section> -->\n </div>\n </div>\n</div>\n" }]
|
|
387
387
|
}] });
|
|
388
388
|
|
|
389
389
|
class MatchaModalHeaderComponent {
|
|
390
390
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
391
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaModalHeaderComponent, selector: "matcha-modal-header", ngImport: i0, template: "<!-- [@animate]=\"{ value: '*', params: { delay: '100ms' } }\" -->\n<!-- MATCHA CHECK -->\n<div class=\"matcha-section\">\n <div class=\"d-flex flex-wrap flex-space-between mb-16 mb-sm-24\">\n <div class=\"flex-space-between flex-align-center\">\n <ng-content></ng-content>\n </div>\n <div class=\"flex-row flex-end gap-8\">\n <ng-content select=\"matcha-modal-options\"></ng-content>\n </div>\n </div>\n <matcha-divider></matcha-divider>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatchaDividerComponent, selector: "matcha-divider", inputs: ["gap", "gap-sm", "gap-md", "gap-lg", "gap-xl"] }] }); }
|
|
391
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaModalHeaderComponent, selector: "matcha-modal-header", ngImport: i0, template: "<!-- [@animate]=\"{ value: '*', params: { delay: '100ms' } }\" -->\n<!-- MATCHA CHECK -->\n<div class=\"matcha-section pt-16 px-16 pt-md-24 px-md-24\">\n <div class=\"d-flex flex-wrap flex-space-between mb-16 mb-sm-24\">\n <div class=\"flex-space-between flex-align-center\">\n <ng-content></ng-content>\n </div>\n <div class=\"flex-row flex-end gap-8\">\n <ng-content select=\"matcha-modal-options\"></ng-content>\n </div>\n </div>\n <matcha-divider></matcha-divider>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatchaDividerComponent, selector: "matcha-divider", inputs: ["gap", "gap-sm", "gap-md", "gap-lg", "gap-xl"] }] }); }
|
|
392
392
|
}
|
|
393
393
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaModalHeaderComponent, decorators: [{
|
|
394
394
|
type: Component,
|
|
395
|
-
args: [{ selector: 'matcha-modal-header', template: "<!-- [@animate]=\"{ value: '*', params: { delay: '100ms' } }\" -->\n<!-- MATCHA CHECK -->\n<div class=\"matcha-section\">\n <div class=\"d-flex flex-wrap flex-space-between mb-16 mb-sm-24\">\n <div class=\"flex-space-between flex-align-center\">\n <ng-content></ng-content>\n </div>\n <div class=\"flex-row flex-end gap-8\">\n <ng-content select=\"matcha-modal-options\"></ng-content>\n </div>\n </div>\n <matcha-divider></matcha-divider>\n</div>\n" }]
|
|
395
|
+
args: [{ selector: 'matcha-modal-header', template: "<!-- [@animate]=\"{ value: '*', params: { delay: '100ms' } }\" -->\n<!-- MATCHA CHECK -->\n<div class=\"matcha-section pt-16 px-16 pt-md-24 px-md-24\">\n <div class=\"d-flex flex-wrap flex-space-between mb-16 mb-sm-24\">\n <div class=\"flex-space-between flex-align-center\">\n <ng-content></ng-content>\n </div>\n <div class=\"flex-row flex-end gap-8\">\n <ng-content select=\"matcha-modal-options\"></ng-content>\n </div>\n </div>\n <matcha-divider></matcha-divider>\n</div>\n" }]
|
|
396
396
|
}] });
|
|
397
397
|
|
|
398
398
|
class MatchaModalFooterComponent {
|
|
@@ -405,11 +405,11 @@ class MatchaModalFooterComponent {
|
|
|
405
405
|
});
|
|
406
406
|
}
|
|
407
407
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
408
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaModalFooterComponent, selector: "matcha-modal-footer", ngImport: i0, template: "<matcha-divider></matcha-divider>\n<div class=\"flex-column flex-sm-row w-100-p flex-space-between
|
|
408
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatchaModalFooterComponent, selector: "matcha-modal-footer", 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 mt-16 mt-md-24 gap-16\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatchaDividerComponent, selector: "matcha-divider", inputs: ["gap", "gap-sm", "gap-md", "gap-lg", "gap-xl"] }] }); }
|
|
409
409
|
}
|
|
410
410
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatchaModalFooterComponent, decorators: [{
|
|
411
411
|
type: Component,
|
|
412
|
-
args: [{ selector: 'matcha-modal-footer', template: "<matcha-divider></matcha-divider>\n<div class=\"flex-column flex-sm-row w-100-p flex-space-between
|
|
412
|
+
args: [{ selector: 'matcha-modal-footer', 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 mt-16 mt-md-24 gap-16\">\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
413
413
|
}] });
|
|
414
414
|
|
|
415
415
|
class MatchaModalOptionsComponent {
|
|
@@ -430,7 +430,7 @@ class MatchaModalComponent {
|
|
|
430
430
|
}
|
|
431
431
|
get classes() {
|
|
432
432
|
const elevation = `elevation-z-${this.elevation}`;
|
|
433
|
-
const activeClasses = `background-surface radius-8
|
|
433
|
+
const activeClasses = `background-surface radius-8 ${elevation} ${this.class}`;
|
|
434
434
|
return activeClasses;
|
|
435
435
|
}
|
|
436
436
|
emitIconAction() {
|