mapa-library-ui 0.9.0 → 0.10.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/esm2020/src/lib/components/button-icon/lib/components/button-icon/src/button-icon.component.mjs +16 -10
- package/fesm2015/mapa-library-ui-src-lib-components-button-icon.mjs +15 -9
- package/fesm2015/mapa-library-ui-src-lib-components-button-icon.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-button-icon.mjs +15 -9
- package/fesm2020/mapa-library-ui-src-lib-components-button-icon.mjs.map +1 -1
- package/mapa-library-ui-0.10.0.tgz +0 -0
- package/package.json +1 -1
- package/src/lib/components/button-icon/lib/components/button-icon/src/button-icon.component.d.ts +7 -2
- package/mapa-library-ui-0.9.0.tgz +0 -0
|
@@ -1,23 +1,29 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from "@angular/core";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/
|
|
4
|
-
import * as i2 from "@angular/
|
|
3
|
+
import * as i1 from "@angular/platform-browser";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
5
|
export class ButtonIconComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.clicked = new EventEmitter();
|
|
8
|
-
}
|
|
9
6
|
onClick(data) {
|
|
10
7
|
this.clicked.emit(data);
|
|
11
8
|
}
|
|
9
|
+
constructor(sanitizer) {
|
|
10
|
+
this.sanitizer = sanitizer;
|
|
11
|
+
this.clicked = new EventEmitter();
|
|
12
|
+
}
|
|
13
|
+
ngOnInit() {
|
|
14
|
+
if (this.data.icon) {
|
|
15
|
+
this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(`data:image/jpg;base64,${this.data.icon}`);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
12
18
|
}
|
|
13
|
-
ButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
ButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonIconComponent, selector: "mapa-button-icon", inputs: { data: "data" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <
|
|
19
|
+
ButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
ButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonIconComponent, selector: "mapa-button-icon", inputs: { data: "data" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n </div>\n <div class=\"preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:SF-Pro;display:inline-flex;margin:10px;height:50px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px}.button-icon .inline-flex{display:inline-flex}.button-icon .descricao{padding-top:20px}.button-icon .align_text{margin-left:10px}.button-icon .template-icon{margin-right:10px;padding:10px 12px 12px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon .template-icon img{width:100%;height:100%}.button-icon .template-title{display:flex;align-items:center;overflow:hidden}.button-icon .preview{cursor:pointer;padding:4px 10px 10px;font-weight:400;margin:12px;border-left:1px solid #CDCDCD}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
15
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, decorators: [{
|
|
16
22
|
type: Component,
|
|
17
|
-
args: [{ selector: "mapa-button-icon", template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <
|
|
18
|
-
}], propDecorators: { data: [{
|
|
23
|
+
args: [{ selector: "mapa-button-icon", template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n </div>\n <div class=\"preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:SF-Pro;display:inline-flex;margin:10px;height:50px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px}.button-icon .inline-flex{display:inline-flex}.button-icon .descricao{padding-top:20px}.button-icon .align_text{margin-left:10px}.button-icon .template-icon{margin-right:10px;padding:10px 12px 12px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon .template-icon img{width:100%;height:100%}.button-icon .template-title{display:flex;align-items:center;overflow:hidden}.button-icon .preview{cursor:pointer;padding:4px 10px 10px;font-weight:400;margin:12px;border-left:1px solid #CDCDCD}\n"] }]
|
|
24
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { data: [{
|
|
19
25
|
type: Input
|
|
20
26
|
}], clicked: [{
|
|
21
27
|
type: Output
|
|
22
28
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24taWNvbi9zcmMvYnV0dG9uLWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24taWNvbi9zcmMvYnV0dG9uLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVMvRSxNQUFNLE9BQU8sbUJBQW1CO0lBSzlCLE9BQU8sQ0FBQyxJQUFnQjtRQUN0QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQVBqQyxZQUFPLEdBQTZCLElBQUksWUFBWSxFQUFjLENBQUM7SUFPL0IsQ0FBQztJQUUvQyxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNsQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsOEJBQThCLENBQzVELHlCQUF5QixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUMxQyxDQUFDO1NBQ0g7SUFDSCxDQUFDOztpSEFqQlUsbUJBQW1CO3FHQUFuQixtQkFBbUIsbUhDVGhDLDZUQVdBOzRGREZhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxrQkFBa0I7bUdBS25CLElBQUk7c0JBQVosS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBCdXR0b25JY29uIH0gZnJvbSBcIi4uLy4uLy4uL2NvcmUvaW50ZXJmYWNlcy9idXR0b24taWNvbi5pbnRlcmZhY2VcIjtcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVJlc291cmNlVXJsIH0gZnJvbSBcIkBhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXJcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1hcGEtYnV0dG9uLWljb25cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9idXR0b24taWNvbi5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vYnV0dG9uLWljb24uY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkljb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBkYXRhITogQnV0dG9uSWNvbjtcbiAgQE91dHB1dCgpIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxCdXR0b25JY29uPiA9IG5ldyBFdmVudEVtaXR0ZXI8QnV0dG9uSWNvbj4oKTtcbiAgaW1nQmFzZTY0ITogU2FmZVJlc291cmNlVXJsO1xuXG4gIG9uQ2xpY2soZGF0YTogQnV0dG9uSWNvbik6IHZvaWQge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KGRhdGEpO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cbiAgXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRhdGEuaWNvbikge1xuICAgICAgdGhpcy5pbWdCYXNlNjQgPSB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0UmVzb3VyY2VVcmwoXG4gICAgICAgIGBkYXRhOmltYWdlL2pwZztiYXNlNjQsJHt0aGlzLmRhdGEuaWNvbn1gXG4gICAgICApO1xuICAgIH1cbiAgfVxuICBcblxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiYnV0dG9uLWljb25cIiBpZD1cImNvbXBvbmVudGVzXCIgKm5nSWY9XCJkYXRhXCI+XG4gIDxkaXYgY2xhc3M9XCJ0ZW1wbGF0ZS1pY29uXCI+XG4gICAgPGltZyAqbmdJZj1cImltZ0Jhc2U2NFwiIFtzcmNdPVwiaW1nQmFzZTY0XCIgLz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJ0ZW1wbGF0ZS10aXRsZVwiPlxuICAgIHt7IGRhdGEuZGVzY3JpcHRpb24gfX1cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJwcmV2aWV3XCIgKGNsaWNrKT1cIm9uQ2xpY2soZGF0YSlcIj5cbiAgICBQcmV2aWV3XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,24 +1,30 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/
|
|
3
|
+
import * as i1 from '@angular/platform-browser';
|
|
4
|
+
import * as i2 from '@angular/common';
|
|
4
5
|
import { CommonModule } from '@angular/common';
|
|
5
|
-
import * as i2 from '@angular/material/icon';
|
|
6
6
|
import { MatIconModule } from '@angular/material/icon';
|
|
7
7
|
|
|
8
8
|
class ButtonIconComponent {
|
|
9
|
-
constructor() {
|
|
10
|
-
this.clicked = new EventEmitter();
|
|
11
|
-
}
|
|
12
9
|
onClick(data) {
|
|
13
10
|
this.clicked.emit(data);
|
|
14
11
|
}
|
|
12
|
+
constructor(sanitizer) {
|
|
13
|
+
this.sanitizer = sanitizer;
|
|
14
|
+
this.clicked = new EventEmitter();
|
|
15
|
+
}
|
|
16
|
+
ngOnInit() {
|
|
17
|
+
if (this.data.icon) {
|
|
18
|
+
this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(`data:image/jpg;base64,${this.data.icon}`);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
15
21
|
}
|
|
16
|
-
ButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
ButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonIconComponent, selector: "mapa-button-icon", inputs: { data: "data" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <
|
|
22
|
+
ButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
ButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonIconComponent, selector: "mapa-button-icon", inputs: { data: "data" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n </div>\n <div class=\"preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:SF-Pro;display:inline-flex;margin:10px;height:50px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px}.button-icon .inline-flex{display:inline-flex}.button-icon .descricao{padding-top:20px}.button-icon .align_text{margin-left:10px}.button-icon .template-icon{margin-right:10px;padding:10px 12px 12px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon .template-icon img{width:100%;height:100%}.button-icon .template-title{display:flex;align-items:center;overflow:hidden}.button-icon .preview{cursor:pointer;padding:4px 10px 10px;font-weight:400;margin:12px;border-left:1px solid #CDCDCD}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
18
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, decorators: [{
|
|
19
25
|
type: Component,
|
|
20
|
-
args: [{ selector: "mapa-button-icon", template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <
|
|
21
|
-
}], propDecorators: { data: [{
|
|
26
|
+
args: [{ selector: "mapa-button-icon", template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n </div>\n <div class=\"preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:SF-Pro;display:inline-flex;margin:10px;height:50px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px}.button-icon .inline-flex{display:inline-flex}.button-icon .descricao{padding-top:20px}.button-icon .align_text{margin-left:10px}.button-icon .template-icon{margin-right:10px;padding:10px 12px 12px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon .template-icon img{width:100%;height:100%}.button-icon .template-title{display:flex;align-items:center;overflow:hidden}.button-icon .preview{cursor:pointer;padding:4px 10px 10px;font-weight:400;margin:12px;border-left:1px solid #CDCDCD}\n"] }]
|
|
27
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { data: [{
|
|
22
28
|
type: Input
|
|
23
29
|
}], clicked: [{
|
|
24
30
|
type: Output
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapa-library-ui-src-lib-components-button-icon.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.component.ts","../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.component.html","../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.module.ts","../../../projects/mapa-library-ui/src/lib/components/button-icon/public-api.ts","../../../projects/mapa-library-ui/src/button-icon.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-button-icon.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from \"@angular/core\";\nimport { ButtonIcon } from \"../../../core/interfaces/button-icon.interface\";\n\n@Component({\n selector: \"mapa-button-icon\",\n templateUrl: \"./button-icon.component.html\",\n styleUrls: [\"./button-icon.component.scss\"],\n})\nexport class ButtonIconComponent {\n @Input() data!: ButtonIcon;\n @Output() clicked: EventEmitter<ButtonIcon> = new EventEmitter<ButtonIcon>();\n\n onClick(data: ButtonIcon): void {\n this.clicked.emit(data);\n }\n}\n","<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <
|
|
1
|
+
{"version":3,"file":"mapa-library-ui-src-lib-components-button-icon.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.component.ts","../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.component.html","../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.module.ts","../../../projects/mapa-library-ui/src/lib/components/button-icon/public-api.ts","../../../projects/mapa-library-ui/src/button-icon.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-button-icon.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from \"@angular/core\";\nimport { ButtonIcon } from \"../../../core/interfaces/button-icon.interface\";\nimport { DomSanitizer, SafeResourceUrl } from \"@angular/platform-browser\";\n\n@Component({\n selector: \"mapa-button-icon\",\n templateUrl: \"./button-icon.component.html\",\n styleUrls: [\"./button-icon.component.scss\"],\n})\nexport class ButtonIconComponent implements OnInit {\n @Input() data!: ButtonIcon;\n @Output() clicked: EventEmitter<ButtonIcon> = new EventEmitter<ButtonIcon>();\n imgBase64!: SafeResourceUrl;\n\n onClick(data: ButtonIcon): void {\n this.clicked.emit(data);\n }\n\n constructor(private sanitizer: DomSanitizer) {}\n \n ngOnInit(): void {\n if (this.data.icon) {\n this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(\n `data:image/jpg;base64,${this.data.icon}`\n );\n }\n }\n \n\n\n}\n","<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n </div>\n <div class=\"preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonIconComponent } from './button-icon.component';\nimport { MatIconModule } from '@angular/material/icon';\n\n\n\n@NgModule({\n declarations: [\n ButtonIconComponent\n ],\n imports: [\n CommonModule,\n MatIconModule\n ],\n exports: [\n ButtonIconComponent\n ]\n})\nexport class MapaButtonIconModule { }\n","/*\n * Public API Surface of mapa-library-ui button-icon\n */\n\nexport * from '../button-icon/src/button-icon.component';\nexport * from '../button-icon/src/button-icon.module';\n","/*\n * Public API Surface of mapa-library-ui button-icon\n */\n\nexport * from './lib/components/button-icon/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './button-icon';\n"],"names":[],"mappings":";;;;;;;MASa,mBAAmB,CAAA;AAK9B,IAAA,OAAO,CAAC,IAAgB,EAAA;AACtB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACzB;AAED,IAAA,WAAA,CAAoB,SAAuB,EAAA;AAAvB,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAc;AAPjC,QAAA,IAAA,CAAA,OAAO,GAA6B,IAAI,YAAY,EAAc,CAAC;KAO9B;IAE/C,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AAClB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,8BAA8B,CAC5D,CAAA,sBAAA,EAAyB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA,CAAE,CAC1C,CAAC;AACH,SAAA;KACF;;iHAjBU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,mHCThC,6TAWA,EAAA,MAAA,EAAA,CAAA,qrBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDFa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAAA,6TAAA,EAAA,MAAA,EAAA,CAAA,qrBAAA,CAAA,EAAA,CAAA;mGAKnB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACI,OAAO,EAAA,CAAA;sBAAhB,MAAM;;;MEQI,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAApB,oBAAoB,EAAA,YAAA,EAAA,CAV7B,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAGnB,YAAY;QACZ,aAAa,aAGb,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAGV,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAP7B,YAAY;QACZ,aAAa,CAAA,EAAA,CAAA,CAAA;4FAMJ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAZhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;AACpB,qBAAA;iBACF,CAAA;;;AClBD;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -1,24 +1,30 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/
|
|
3
|
+
import * as i1 from '@angular/platform-browser';
|
|
4
|
+
import * as i2 from '@angular/common';
|
|
4
5
|
import { CommonModule } from '@angular/common';
|
|
5
|
-
import * as i2 from '@angular/material/icon';
|
|
6
6
|
import { MatIconModule } from '@angular/material/icon';
|
|
7
7
|
|
|
8
8
|
class ButtonIconComponent {
|
|
9
|
-
constructor() {
|
|
10
|
-
this.clicked = new EventEmitter();
|
|
11
|
-
}
|
|
12
9
|
onClick(data) {
|
|
13
10
|
this.clicked.emit(data);
|
|
14
11
|
}
|
|
12
|
+
constructor(sanitizer) {
|
|
13
|
+
this.sanitizer = sanitizer;
|
|
14
|
+
this.clicked = new EventEmitter();
|
|
15
|
+
}
|
|
16
|
+
ngOnInit() {
|
|
17
|
+
if (this.data.icon) {
|
|
18
|
+
this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(`data:image/jpg;base64,${this.data.icon}`);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
15
21
|
}
|
|
16
|
-
ButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
ButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonIconComponent, selector: "mapa-button-icon", inputs: { data: "data" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <
|
|
22
|
+
ButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
ButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonIconComponent, selector: "mapa-button-icon", inputs: { data: "data" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n </div>\n <div class=\"preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:SF-Pro;display:inline-flex;margin:10px;height:50px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px}.button-icon .inline-flex{display:inline-flex}.button-icon .descricao{padding-top:20px}.button-icon .align_text{margin-left:10px}.button-icon .template-icon{margin-right:10px;padding:10px 12px 12px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon .template-icon img{width:100%;height:100%}.button-icon .template-title{display:flex;align-items:center;overflow:hidden}.button-icon .preview{cursor:pointer;padding:4px 10px 10px;font-weight:400;margin:12px;border-left:1px solid #CDCDCD}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
18
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, decorators: [{
|
|
19
25
|
type: Component,
|
|
20
|
-
args: [{ selector: "mapa-button-icon", template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <
|
|
21
|
-
}], propDecorators: { data: [{
|
|
26
|
+
args: [{ selector: "mapa-button-icon", template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n </div>\n <div class=\"preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:SF-Pro;display:inline-flex;margin:10px;height:50px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px}.button-icon .inline-flex{display:inline-flex}.button-icon .descricao{padding-top:20px}.button-icon .align_text{margin-left:10px}.button-icon .template-icon{margin-right:10px;padding:10px 12px 12px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon .template-icon img{width:100%;height:100%}.button-icon .template-title{display:flex;align-items:center;overflow:hidden}.button-icon .preview{cursor:pointer;padding:4px 10px 10px;font-weight:400;margin:12px;border-left:1px solid #CDCDCD}\n"] }]
|
|
27
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { data: [{
|
|
22
28
|
type: Input
|
|
23
29
|
}], clicked: [{
|
|
24
30
|
type: Output
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapa-library-ui-src-lib-components-button-icon.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.component.ts","../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.component.html","../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.module.ts","../../../projects/mapa-library-ui/src/lib/components/button-icon/public-api.ts","../../../projects/mapa-library-ui/src/button-icon.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-button-icon.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from \"@angular/core\";\nimport { ButtonIcon } from \"../../../core/interfaces/button-icon.interface\";\n\n@Component({\n selector: \"mapa-button-icon\",\n templateUrl: \"./button-icon.component.html\",\n styleUrls: [\"./button-icon.component.scss\"],\n})\nexport class ButtonIconComponent {\n @Input() data!: ButtonIcon;\n @Output() clicked: EventEmitter<ButtonIcon> = new EventEmitter<ButtonIcon>();\n\n onClick(data: ButtonIcon): void {\n this.clicked.emit(data);\n }\n}\n","<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <
|
|
1
|
+
{"version":3,"file":"mapa-library-ui-src-lib-components-button-icon.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.component.ts","../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.component.html","../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.module.ts","../../../projects/mapa-library-ui/src/lib/components/button-icon/public-api.ts","../../../projects/mapa-library-ui/src/button-icon.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-button-icon.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from \"@angular/core\";\nimport { ButtonIcon } from \"../../../core/interfaces/button-icon.interface\";\nimport { DomSanitizer, SafeResourceUrl } from \"@angular/platform-browser\";\n\n@Component({\n selector: \"mapa-button-icon\",\n templateUrl: \"./button-icon.component.html\",\n styleUrls: [\"./button-icon.component.scss\"],\n})\nexport class ButtonIconComponent implements OnInit {\n @Input() data!: ButtonIcon;\n @Output() clicked: EventEmitter<ButtonIcon> = new EventEmitter<ButtonIcon>();\n imgBase64!: SafeResourceUrl;\n\n onClick(data: ButtonIcon): void {\n this.clicked.emit(data);\n }\n\n constructor(private sanitizer: DomSanitizer) {}\n \n ngOnInit(): void {\n if (this.data.icon) {\n this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(\n `data:image/jpg;base64,${this.data.icon}`\n );\n }\n }\n \n\n\n}\n","<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n </div>\n <div class=\"preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonIconComponent } from './button-icon.component';\nimport { MatIconModule } from '@angular/material/icon';\n\n\n\n@NgModule({\n declarations: [\n ButtonIconComponent\n ],\n imports: [\n CommonModule,\n MatIconModule\n ],\n exports: [\n ButtonIconComponent\n ]\n})\nexport class MapaButtonIconModule { }\n","/*\n * Public API Surface of mapa-library-ui button-icon\n */\n\nexport * from '../button-icon/src/button-icon.component';\nexport * from '../button-icon/src/button-icon.module';\n","/*\n * Public API Surface of mapa-library-ui button-icon\n */\n\nexport * from './lib/components/button-icon/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './button-icon';\n"],"names":[],"mappings":";;;;;;;MASa,mBAAmB,CAAA;AAK9B,IAAA,OAAO,CAAC,IAAgB,EAAA;AACtB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACzB;AAED,IAAA,WAAA,CAAoB,SAAuB,EAAA;QAAvB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAc;AAPjC,QAAA,IAAA,CAAA,OAAO,GAA6B,IAAI,YAAY,EAAc,CAAC;KAO9B;IAE/C,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AAClB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,8BAA8B,CAC5D,CAAA,sBAAA,EAAyB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA,CAAE,CAC1C,CAAC;AACH,SAAA;KACF;;iHAjBU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,mHCThC,6TAWA,EAAA,MAAA,EAAA,CAAA,qrBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDFa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAAA,6TAAA,EAAA,MAAA,EAAA,CAAA,qrBAAA,CAAA,EAAA,CAAA;mGAKnB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACI,OAAO,EAAA,CAAA;sBAAhB,MAAM;;;MEQI,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAApB,oBAAoB,EAAA,YAAA,EAAA,CAV7B,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAGnB,YAAY;AACZ,QAAA,aAAa,aAGb,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAGV,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAP7B,YAAY;QACZ,aAAa,CAAA,EAAA,CAAA,CAAA;4FAMJ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAZhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;AACpB,qBAAA;AACF,iBAAA,CAAA;;;AClBD;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}
|
|
Binary file
|
package/package.json
CHANGED
package/src/lib/components/button-icon/lib/components/button-icon/src/button-icon.component.d.ts
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import { EventEmitter } from "@angular/core";
|
|
1
|
+
import { EventEmitter, OnInit } from "@angular/core";
|
|
2
2
|
import { ButtonIcon } from "../../../core/interfaces/button-icon.interface";
|
|
3
|
+
import { DomSanitizer, SafeResourceUrl } from "@angular/platform-browser";
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ButtonIconComponent {
|
|
5
|
+
export declare class ButtonIconComponent implements OnInit {
|
|
6
|
+
private sanitizer;
|
|
5
7
|
data: ButtonIcon;
|
|
6
8
|
clicked: EventEmitter<ButtonIcon>;
|
|
9
|
+
imgBase64: SafeResourceUrl;
|
|
7
10
|
onClick(data: ButtonIcon): void;
|
|
11
|
+
constructor(sanitizer: DomSanitizer);
|
|
12
|
+
ngOnInit(): void;
|
|
8
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonIconComponent, never>;
|
|
9
14
|
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonIconComponent, "mapa-button-icon", never, { "data": "data"; }, { "clicked": "clicked"; }, never, never, false, never>;
|
|
10
15
|
}
|
|
Binary file
|