mapa-library-ui 0.11.0 → 0.11.2

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.
Files changed (25) hide show
  1. package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-indicator-chart/capability-indicator-chart.component.mjs +3 -3
  2. package/esm2020/src/lib/components/capability/lib/components/dropdown/src/dropdown.component.mjs +8 -3
  3. package/esm2020/src/lib/components/chart/lib/components/dropdown/src/dropdown.component.mjs +8 -3
  4. package/esm2020/src/lib/components/dropdown/lib/components/dropdown/src/dropdown.component.mjs +8 -3
  5. package/esm2020/src/lib/components/table/lib/components/table/src/table.component.mjs +102 -72
  6. package/fesm2015/mapa-library-ui-src-lib-components-capability.mjs +9 -4
  7. package/fesm2015/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
  8. package/fesm2015/mapa-library-ui-src-lib-components-chart.mjs +7 -2
  9. package/fesm2015/mapa-library-ui-src-lib-components-chart.mjs.map +1 -1
  10. package/fesm2015/mapa-library-ui-src-lib-components-dropdown.mjs +7 -2
  11. package/fesm2015/mapa-library-ui-src-lib-components-dropdown.mjs.map +1 -1
  12. package/fesm2015/mapa-library-ui-src-lib-components-table.mjs +101 -71
  13. package/fesm2015/mapa-library-ui-src-lib-components-table.mjs.map +1 -1
  14. package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs +9 -4
  15. package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
  16. package/fesm2020/mapa-library-ui-src-lib-components-chart.mjs +7 -2
  17. package/fesm2020/mapa-library-ui-src-lib-components-chart.mjs.map +1 -1
  18. package/fesm2020/mapa-library-ui-src-lib-components-dropdown.mjs +7 -2
  19. package/fesm2020/mapa-library-ui-src-lib-components-dropdown.mjs.map +1 -1
  20. package/fesm2020/mapa-library-ui-src-lib-components-table.mjs +101 -71
  21. package/fesm2020/mapa-library-ui-src-lib-components-table.mjs.map +1 -1
  22. package/mapa-library-ui-0.11.2.tgz +0 -0
  23. package/package.json +1 -1
  24. package/src/lib/components/table/lib/components/table/src/table.component.d.ts +2 -2
  25. package/mapa-library-ui-0.11.0.tgz +0 -0
@@ -187,8 +187,13 @@ class MapaDropdownComponent {
187
187
  });
188
188
  }
189
189
  isElementGroup(object) {
190
- return (object.label !== undefined &&
191
- object.options !== undefined);
190
+ try {
191
+ return (object.label !== undefined &&
192
+ object.options !== undefined);
193
+ }
194
+ catch (e) {
195
+ return false;
196
+ }
192
197
  }
193
198
  }
194
199
  MapaDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -1227,10 +1232,10 @@ class MapaCapabilityIndicatorChartComponent {
1227
1232
  }
1228
1233
  }
1229
1234
  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 class=\"indicator-chart__column--negative\">\n <mapa-capability-indicator\n *ngIf=\"!classification.getByItem(item).positive\"\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 class=\"indicator-chart__column--positive\">\n <mapa-capability-indicator\n *ngIf=\"classification.getByItem(item).positive\"\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 });
1235
+ 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
1236
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartComponent, decorators: [{
1232
1237
  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 class=\"indicator-chart__column--negative\">\n <mapa-capability-indicator\n *ngIf=\"!classification.getByItem(item).positive\"\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 class=\"indicator-chart__column--positive\">\n <mapa-capability-indicator\n *ngIf=\"classification.getByItem(item).positive\"\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"] }]
1238
+ 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
1239
  }], ctorParameters: function () { return [{ type: CapabilityClassificationService }]; }, propDecorators: { data: [{
1235
1240
  type: Input
1236
1241
  }] } });