mapa-library-ui 0.10.1 → 0.11.1
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 +4 -4
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-indicator-chart/capability-indicator-chart.component.mjs +3 -3
- package/esm2020/src/lib/components/table/lib/components/table/src/table.component.mjs +128 -77
- package/fesm2015/mapa-library-ui-src-lib-components-button-icon.mjs +3 -3
- package/fesm2015/mapa-library-ui-src-lib-components-button-icon.mjs.map +1 -1
- package/fesm2015/mapa-library-ui-src-lib-components-capability.mjs +2 -2
- package/fesm2015/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/fesm2015/mapa-library-ui-src-lib-components-table.mjs +127 -76
- package/fesm2015/mapa-library-ui-src-lib-components-table.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-button-icon.mjs +3 -3
- package/fesm2020/mapa-library-ui-src-lib-components-button-icon.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs +2 -2
- package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-table.mjs +127 -76
- package/fesm2020/mapa-library-ui-src-lib-components-table.mjs.map +1 -1
- package/mapa-library-ui-0.11.1.tgz +0 -0
- package/package.json +1 -1
- package/src/lib/components/table/lib/components/table/src/table.component.d.ts +14 -7
- package/mapa-library-ui-0.10.1.tgz +0 -0
|
@@ -15,15 +15,15 @@ class ButtonIconComponent {
|
|
|
15
15
|
}
|
|
16
16
|
ngOnInit() {
|
|
17
17
|
if (this.data.icon) {
|
|
18
|
-
this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(`data:image/
|
|
18
|
+
this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(`data:image/svg+xml;base64,${this.data.icon}`);
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
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=\"
|
|
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=\"button-icon__icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"button-icon__title\">\n {{ data.description }}\n </div>\n <div class=\"button-icon__preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:SF-Pro;display:inline-flex;justify-content:space-between;margin:10px;height:60px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px;width:100%}.button-icon__icon{margin-right:10px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon__icon img{width:40px;height:40px;padding:10px}.button-icon__title{display:flex;align-items:center;overflow:hidden;width:100%}.button-icon__preview{display:flex;align-items:center;cursor:pointer;padding-left:10px;font-weight:400;margin:12px;border-left:1px solid #cdcdcd}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
|
-
args: [{ selector: "mapa-button-icon", template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"
|
|
26
|
+
args: [{ selector: "mapa-button-icon", template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"button-icon__icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"button-icon__title\">\n {{ data.description }}\n </div>\n <div class=\"button-icon__preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:SF-Pro;display:inline-flex;justify-content:space-between;margin:10px;height:60px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px;width:100%}.button-icon__icon{margin-right:10px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon__icon img{width:40px;height:40px;padding:10px}.button-icon__title{display:flex;align-items:center;overflow:hidden;width:100%}.button-icon__preview{display:flex;align-items:center;cursor:pointer;padding-left:10px;font-weight:400;margin:12px;border-left:1px solid #cdcdcd}\n"] }]
|
|
27
27
|
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { data: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}], clicked: [{
|
|
@@ -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, 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/
|
|
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/svg+xml;base64,${this.data.icon}`\n );\n }\n }\n \n\n\n}\n","<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"button-icon__icon\">\n <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n </div>\n <div class=\"button-icon__title\">\n {{ data.description }}\n </div>\n <div class=\"button-icon__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,0BAAA,EAA6B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA,CAAE,CAC9C,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,kVAWA,EAAA,MAAA,EAAA,CAAA,+lBAAA,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,kVAAA,EAAA,MAAA,EAAA,CAAA,+lBAAA,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;;;;"}
|
|
@@ -1227,10 +1227,10 @@ class MapaCapabilityIndicatorChartComponent {
|
|
|
1227
1227
|
}
|
|
1228
1228
|
}
|
|
1229
1229
|
MapaCapabilityIndicatorChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartComponent, deps: [{ token: CapabilityClassificationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1230
|
-
MapaCapabilityIndicatorChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIndicatorChartComponent, selector: "mapa-capability-indicator-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"indicator-chart\">\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column\">\n <div
|
|
1230
|
+
MapaCapabilityIndicatorChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIndicatorChartComponent, selector: "mapa-capability-indicator-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"indicator-chart\">\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column\">\n <div\n class=\"indicator-chart__column--negative\"\n *ngIf=\"!classification.getByItem(item).positive\"\n >\n <mapa-capability-indicator\n [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"\n ></mapa-capability-indicator>\n </div>\n </td>\n <td class=\"indicator-chart__column\">\n <div\n class=\"indicator-chart__column--positive\"\n *ngIf=\"classification.getByItem(item).positive\"\n >\n <mapa-capability-indicator\n [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"\n ></mapa-capability-indicator>\n </div>\n </td>\n </tr>\n</table>\n", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart tr{border-bottom:1px solid #DCDCDE}.indicator-chart tr:first-child{border-top:1px solid #DCDCDE}.indicator-chart__column--description{width:1%;padding-right:24px}.indicator-chart__column--positive{display:flex;border-left:1px solid #DCDCDE;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-right:1px solid #DCDCDE;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}.indicator-chart__column--negative .indicator__classification{margin-left:1px!important}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: ["item"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1231
1231
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartComponent, decorators: [{
|
|
1232
1232
|
type: Component,
|
|
1233
|
-
args: [{ selector: "mapa-capability-indicator-chart", encapsulation: ViewEncapsulation.None, template: "<table class=\"indicator-chart\">\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column\">\n <div
|
|
1233
|
+
args: [{ selector: "mapa-capability-indicator-chart", encapsulation: ViewEncapsulation.None, template: "<table class=\"indicator-chart\">\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column\">\n <div\n class=\"indicator-chart__column--negative\"\n *ngIf=\"!classification.getByItem(item).positive\"\n >\n <mapa-capability-indicator\n [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"\n ></mapa-capability-indicator>\n </div>\n </td>\n <td class=\"indicator-chart__column\">\n <div\n class=\"indicator-chart__column--positive\"\n *ngIf=\"classification.getByItem(item).positive\"\n >\n <mapa-capability-indicator\n [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"\n ></mapa-capability-indicator>\n </div>\n </td>\n </tr>\n</table>\n", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart tr{border-bottom:1px solid #DCDCDE}.indicator-chart tr:first-child{border-top:1px solid #DCDCDE}.indicator-chart__column--description{width:1%;padding-right:24px}.indicator-chart__column--positive{display:flex;border-left:1px solid #DCDCDE;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-right:1px solid #DCDCDE;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}.indicator-chart__column--negative .indicator__classification{margin-left:1px!important}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
1234
1234
|
}], ctorParameters: function () { return [{ type: CapabilityClassificationService }]; }, propDecorators: { data: [{
|
|
1235
1235
|
type: Input
|
|
1236
1236
|
}] } });
|