npm - mapa-library-ui - Versions diffs - 0.77.5 → 0.90.0 - Mend

mapa-library-ui 0.77.5 → 0.90.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.

Files changed (1070) hide show

package/fesm2020/mapa-library-ui-src-lib-components-benchmarking.mjs CHANGED Viewed

@@ -6,10 +6,10 @@ import { CommonModule } from '@angular/common';
 class MapaBenchmarkIndicatorComponent {
 }
 MapaBenchmarkIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaBenchmarkIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBenchmarkIndicatorComponent, selector: "mapa-benchmark-indicator", inputs: { item: "item" }, ngImport: i0, template: "<div\n  class=\"indicator\"\n  [style.backgroundColor]=\"item.classificationColor\"\n>\n  <div class=\"indicator__markers\">\n    <div\n      *ngFor=\"let mark of item.marks\"\n      class=\"indicator__marker--arrow\"\n      [ngStyle]=\"{\n        left: mark.value + '%',\n        borderTopColor: mark.color\n      }\"\n      [title]=\"mark.name + ' (' + mark.value + '%)'\"\n    ></div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;justify-content:flex-end}.indicator{min-height:23px}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}.indicator__markers{position:absolute;inset:0;z-index:10}.indicator__marker--arrow{position:absolute;top:10px;width:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid;transform:translate(-80%)}\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:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+MapaBenchmarkIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBenchmarkIndicatorComponent, selector: "mapa-benchmark-indicator", inputs: { item: "item" }, ngImport: i0, template: "<div\n  class=\"indicator\"\n  [style.backgroundColor]=\"item.classificationColor\"\n>\n  <div class=\"indicator__markers\">\n    <div\n      *ngFor=\"let mark of item.marks\"\n      class=\"indicator__marker--arrow\"\n      [ngStyle]=\"{\n        left: mark.value + '%',\n        borderTopColor: mark.color\n      }\"\n      [title]=\"mark.name + ' (' + mark.value + '%)'\"\n    ></div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;justify-content:flex-end}.indicator{min-height:23px}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}.indicator__markers{position:absolute;inset:0;z-index:10}.indicator__marker--arrow{position:absolute;top:10px;width:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid;transform:translate(-80%)}\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:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-benchmark-indicator", template: "<div\n  class=\"indicator\"\n  [style.backgroundColor]=\"item.classificationColor\"\n>\n  <div class=\"indicator__markers\">\n    <div\n      *ngFor=\"let mark of item.marks\"\n      class=\"indicator__marker--arrow\"\n      [ngStyle]=\"{\n        left: mark.value + '%',\n        borderTopColor: mark.color\n      }\"\n      [title]=\"mark.name + ' (' + mark.value + '%)'\"\n    ></div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;justify-content:flex-end}.indicator{min-height:23px}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}.indicator__markers{position:absolute;inset:0;z-index:10}.indicator__marker--arrow{position:absolute;top:10px;width:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid;transform:translate(-80%)}\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:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
+            args: [{ selector: "mapa-benchmark-indicator", template: "<div\n  class=\"indicator\"\n  [style.backgroundColor]=\"item.classificationColor\"\n>\n  <div class=\"indicator__markers\">\n    <div\n      *ngFor=\"let mark of item.marks\"\n      class=\"indicator__marker--arrow\"\n      [ngStyle]=\"{\n        left: mark.value + '%',\n        borderTopColor: mark.color\n      }\"\n      [title]=\"mark.name + ' (' + mark.value + '%)'\"\n    ></div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;justify-content:flex-end}.indicator{min-height:23px}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}.indicator__markers{position:absolute;inset:0;z-index:10}.indicator__marker--arrow{position:absolute;top:10px;width:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid;transform:translate(-80%)}\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:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
         }], propDecorators: { item: [{
                 type: Input
             }] } });
@@ -35,10 +35,10 @@ class MapaBenchmarkChartComponent {
     }
 }
 MapaBenchmarkChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaBenchmarkChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBenchmarkChartComponent, selector: "mapa-benchmark-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"indicator-chart\">\n  <thead>\n    <tr class=\"indicator-chart__head\">\n      <th class=\"indicator-chart__column--description\"></th>\n      <th class=\"indicator-chart__column indicator-chart__column--right\">\n        <div class=\"indicator-chart__scale\">\n          <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n        </div>\n      </th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr *ngFor=\"let item of data\">\n      <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n      <td class=\"indicator-chart__column indicator-chart__column--right\">\n        <div class=\"indicator-chart__column--positive\">\n          <div class=\"indicator-chart__column-background\">\n            <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n            [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n          </div>\n        </div>\n      </td>\n      <td class=\"indicator-chart__column--classification\">\n        {{item.interval}} %\n      </td>\n    </tr>\n  </tbody>\n</table>", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}.indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}.indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}.indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}.indicator-chart__column-background{width:100%;background:rgb(241,245,249);display:flex;margin:15px 0 3px;border-radius:0 18px 18px 0}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;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--left{width:40%;border-bottom:1px solid #dcdcde}.indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\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:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;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: "component", type: MapaBenchmarkIndicatorComponent, selector: "mapa-benchmark-indicator", inputs: ["item"] }], encapsulation: i0.ViewEncapsulation.None });
+MapaBenchmarkChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBenchmarkChartComponent, selector: "mapa-benchmark-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"indicator-chart\">\n  <thead>\n    <tr class=\"indicator-chart__head\">\n      <th class=\"indicator-chart__column--description\"></th>\n      <th class=\"indicator-chart__column indicator-chart__column--right\">\n        <div class=\"indicator-chart__scale\">\n          <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n        </div>\n      </th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr *ngFor=\"let item of data\">\n      <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n      <td class=\"indicator-chart__column indicator-chart__column--right\">\n        <div class=\"indicator-chart__column--positive\">\n          <div class=\"indicator-chart__column-background\">\n            <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n            [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n          </div>\n        </div>\n      </td>\n      <td class=\"indicator-chart__column--classification\">\n        {{item.interval}} %\n      </td>\n    </tr>\n  </tbody>\n</table>", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}.indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}.indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}.indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}.indicator-chart__column-background{width:100%;background:rgb(241,245,249);display:flex;margin:15px 0 3px;border-radius:0 18px 18px 0}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;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--left{width:40%;border-bottom:1px solid #dcdcde}.indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\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:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);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: "component", type: MapaBenchmarkIndicatorComponent, selector: "mapa-benchmark-indicator", inputs: ["item"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-benchmark-chart", encapsulation: ViewEncapsulation.None, template: "<table class=\"indicator-chart\">\n  <thead>\n    <tr class=\"indicator-chart__head\">\n      <th class=\"indicator-chart__column--description\"></th>\n      <th class=\"indicator-chart__column indicator-chart__column--right\">\n        <div class=\"indicator-chart__scale\">\n          <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n        </div>\n      </th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr *ngFor=\"let item of data\">\n      <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n      <td class=\"indicator-chart__column indicator-chart__column--right\">\n        <div class=\"indicator-chart__column--positive\">\n          <div class=\"indicator-chart__column-background\">\n            <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n            [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n          </div>\n        </div>\n      </td>\n      <td class=\"indicator-chart__column--classification\">\n        {{item.interval}} %\n      </td>\n    </tr>\n  </tbody>\n</table>", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}.indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}.indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}.indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}.indicator-chart__column-background{width:100%;background:rgb(241,245,249);display:flex;margin:15px 0 3px;border-radius:0 18px 18px 0}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;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--left{width:40%;border-bottom:1px solid #dcdcde}.indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\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:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
+            args: [{ selector: "mapa-benchmark-chart", encapsulation: ViewEncapsulation.None, template: "<table class=\"indicator-chart\">\n  <thead>\n    <tr class=\"indicator-chart__head\">\n      <th class=\"indicator-chart__column--description\"></th>\n      <th class=\"indicator-chart__column indicator-chart__column--right\">\n        <div class=\"indicator-chart__scale\">\n          <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n        </div>\n      </th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr *ngFor=\"let item of data\">\n      <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n      <td class=\"indicator-chart__column indicator-chart__column--right\">\n        <div class=\"indicator-chart__column--positive\">\n          <div class=\"indicator-chart__column-background\">\n            <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n            [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n          </div>\n        </div>\n      </td>\n      <td class=\"indicator-chart__column--classification\">\n        {{item.interval}} %\n      </td>\n    </tr>\n  </tbody>\n</table>", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}.indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}.indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}.indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}.indicator-chart__column-background{width:100%;background:rgb(241,245,249);display:flex;margin:15px 0 3px;border-radius:0 18px 18px 0}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;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--left{width:40%;border-bottom:1px solid #dcdcde}.indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\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:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { data: [{
                 type: Input
             }] } });

package/fesm2020/mapa-library-ui-src-lib-components-benchmarking.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapa-library-ui-src-lib-components-benchmarking.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.html","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.component.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.component.html","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.module.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.module.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/public-api.ts","../../../projects/mapa-library-ui/src/benchmarking.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-benchmarking.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { BenchmarkingChart } from \"../benchmarking.interface\";\n\n@Component({\n selector: \"mapa-benchmark-indicator\",\n templateUrl: \"./benchmark-indicator.component.html\",\n styleUrls: [\n \"./benchmark-indicator.component.scss\",\n \"./../styles/benchmark.scss\",\n ],\n})\nexport class MapaBenchmarkIndicatorComponent {\n @Input() item!: BenchmarkingChart;\n}\n","<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <div class=\"indicator__markers\">\n <div\n ngFor=\"let mark of item.marks\"\n class=\"indicator__marker--arrow\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderTopColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n </div>\n</div>\n","import { Component, Input, ViewEncapsulation } from \"@angular/core\";\nimport { BenchmarkingChart } from \"./benchmarking.interface\";\n\n@Component({\n selector: \"mapa-benchmark-chart\",\n templateUrl: \"./benchmark-chart.component.html\",\n styleUrls: [\n \"./benchmark-chart.component.scss\",\n \"./styles/benchmark.scss\",\n ],\n encapsulation: ViewEncapsulation.None\n})\nexport class MapaBenchmarkChartComponent {\n @Input() data!: BenchmarkingChart[];\n public scaleLabels: number[] = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];\n\n constructor() {}\n\n public setUnlabeledItem(item: BenchmarkingChart): BenchmarkingChart {\n return {\n ...item,\n classificationId: item.classificationId,\n classificationColor: item.classificationColor,\n interval: item.interval,\n }\n }\n\n public getWidth(item: BenchmarkingChart): string {\n const minWidth = 0;\n const interval = (item.interval \|\| 0);\n if (interval < 10) return minWidth + 'px';\n return interval + '%';\n }\n}\n","<table class=\"indicator-chart\">\n <thead>\n <tr class=\"indicator-chart__head\">\n <th class=\"indicator-chart__column--description\"></th>\n <th class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__scale\">\n <span ngFor=\"let label of scaleLabels\">{{ label }}</span>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__column--positive\">\n <div class=\"indicator-chart__column-background\">\n <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n </div>\n </div>\n </td>\n <td class=\"indicator-chart__column--classification\">\n {{item.interval}} %\n </td>\n </tr>\n </tbody>\n</table>","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaBenchmarkIndicatorComponent } from \"./benchmark-indicator.component\";\n\n@NgModule({\n declarations: [MapaBenchmarkIndicatorComponent],\n exports: [MapaBenchmarkIndicatorComponent],\n imports: [CommonModule],\n})\nexport class MapaBenchmarkIndicatorModule {}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaBenchmarkIndicatorModule } from \"./benchmark-indicator/benchmark-indicator.module\";\nimport { MapaBenchmarkChartComponent } from \"./benchmark-chart.component\";\n\n@NgModule({\n declarations: [MapaBenchmarkChartComponent],\n exports: [MapaBenchmarkChartComponent],\n imports: [CommonModule, MapaBenchmarkIndicatorModule],\n})\nexport class MapaBenchmarkChartModule {}\n","/\n * Public API Surface of mapa-library-ui benchmarking\n /\n\nexport from './src/benchmarking.interface';\nexport * from './src/benchmark-chart.component';\nexport * from './src/benchmark-chart.module';\n\nexport * from './src/benchmark-indicator/benchmark-indicator.component';\nexport * from './src/benchmark-indicator/benchmark-indicator.module';\n","/\n Public API Surface of mapa-library-ui benchmarking\n /\n\nexport from './lib/components/benchmarking/public-api';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './benchmarking';\n"],"names":["i2.MapaBenchmarkIndicatorComponent"],"mappings":";;;;;MAWa,+BAA+B,CAAA;;6HAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA/B,+BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,+BAA+B,0FCX5C,yZAgBA,EAAA,MAAA,EAAA,CAAA,qdAAA,EAAA,~~4rCAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDLa,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAR3C,SAAS;+BACE,0BAA0B,EAAA,QAAA,EAAA,yZAAA,EAAA,MAAA,EAAA,CAAA,qdAAA,EAAA,~~4rCAAA~~,CAAA,EAAA,CAAA;8BAQ3B,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;MEAK,2BAA2B,CAAA;AAItC,IAAA,WAAA,GAAA;QAFO,IAAW,CAAA,WAAA,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;KAE5D;AAET,IAAA,gBAAgB,CAAC,IAAuB,EAAA;QAC7C,OAAO;AACL,YAAA,GAAG,IAAI;YACP,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;YAC7C,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAA;KACF;AAEM,IAAA,QAAQ,CAAC,IAAuB,EAAA;QACrC,MAAM,QAAQ,GAAG,CAAC,CAAC;QACnB,MAAM,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;QACtC,IAAI,QAAQ,GAAG,EAAE;YAAE,OAAO,QAAQ,GAAG,IAAI,CAAC;QAC1C,OAAO,QAAQ,GAAG,GAAG,CAAC;KACvB;;yHApBU,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,2BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,sFCZxC,kiCA2BQ,EAAA,MAAA,EAAA,CAAA,yoEAAA,EAAA,~~4rCAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FDfK,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBATvC,SAAS;+BACE,sBAAsB,EAAA,aAAA,EAMjB,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,kiCAAA,EAAA,MAAA,EAAA,CAAA,yoEAAA,EAAA,~~4rCAAA~~,CAAA,EAAA,CAAA;0EAG5B,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;MEJK,4BAA4B,CAAA;;0HAA5B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA5B,4BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,4BAA4B,EAJxB,YAAA,EAAA,CAAA,+BAA+B,CAEpC,EAAA,OAAA,EAAA,CAAA,YAAY,aADZ,+BAA+B,CAAA,EAAA,CAAA,CAAA;AAG9B,4BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,4BAA4B,YAF7B,YAAY,CAAA,EAAA,CAAA,CAAA;4FAEX,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBALxC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,+BAA+B,CAAC;oBAC/C,OAAO,EAAE,CAAC,+BAA+B,CAAC;oBAC1C,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA,CAAA;;;MCEY,wBAAwB,CAAA;;sHAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,iBAJpB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CAEhC,YAAY,EAAE,4BAA4B,aAD1C,2BAA2B,CAAA,EAAA,CAAA,CAAA;uHAG1B,wBAAwB,EAAA,OAAA,EAAA,CAFzB,YAAY,EAAE,4BAA4B,CAAA,EAAA,CAAA,CAAA;4FAEzC,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,2BAA2B,CAAC;oBAC3C,OAAO,EAAE,CAAC,2BAA2B,CAAC;AACtC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,4BAA4B,CAAC;AACtD,iBAAA,CAAA;;;ACTD;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}
1	+ {"version":3,"file":"mapa-library-ui-src-lib-components-benchmarking.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.html","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.component.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.component.html","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.module.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.module.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/public-api.ts","../../../projects/mapa-library-ui/src/benchmarking.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-benchmarking.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { BenchmarkingChart } from \"../benchmarking.interface\";\n\n@Component({\n selector: \"mapa-benchmark-indicator\",\n templateUrl: \"./benchmark-indicator.component.html\",\n styleUrls: [\n \"./benchmark-indicator.component.scss\",\n \"./../styles/benchmark.scss\",\n ],\n})\nexport class MapaBenchmarkIndicatorComponent {\n @Input() item!: BenchmarkingChart;\n}\n","<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <div class=\"indicator__markers\">\n <div\n ngFor=\"let mark of item.marks\"\n class=\"indicator__marker--arrow\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderTopColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n </div>\n</div>\n","import { Component, Input, ViewEncapsulation } from \"@angular/core\";\nimport { BenchmarkingChart } from \"./benchmarking.interface\";\n\n@Component({\n selector: \"mapa-benchmark-chart\",\n templateUrl: \"./benchmark-chart.component.html\",\n styleUrls: [\n \"./benchmark-chart.component.scss\",\n \"./styles/benchmark.scss\",\n ],\n encapsulation: ViewEncapsulation.None\n})\nexport class MapaBenchmarkChartComponent {\n @Input() data!: BenchmarkingChart[];\n public scaleLabels: number[] = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];\n\n constructor() {}\n\n public setUnlabeledItem(item: BenchmarkingChart): BenchmarkingChart {\n return {\n ...item,\n classificationId: item.classificationId,\n classificationColor: item.classificationColor,\n interval: item.interval,\n }\n }\n\n public getWidth(item: BenchmarkingChart): string {\n const minWidth = 0;\n const interval = (item.interval \|\| 0);\n if (interval < 10) return minWidth + 'px';\n return interval + '%';\n }\n}\n","<table class=\"indicator-chart\">\n <thead>\n <tr class=\"indicator-chart__head\">\n <th class=\"indicator-chart__column--description\"></th>\n <th class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__scale\">\n <span ngFor=\"let label of scaleLabels\">{{ label }}</span>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__column--positive\">\n <div class=\"indicator-chart__column-background\">\n <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n </div>\n </div>\n </td>\n <td class=\"indicator-chart__column--classification\">\n {{item.interval}} %\n </td>\n </tr>\n </tbody>\n</table>","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaBenchmarkIndicatorComponent } from \"./benchmark-indicator.component\";\n\n@NgModule({\n declarations: [MapaBenchmarkIndicatorComponent],\n exports: [MapaBenchmarkIndicatorComponent],\n imports: [CommonModule],\n})\nexport class MapaBenchmarkIndicatorModule {}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaBenchmarkIndicatorModule } from \"./benchmark-indicator/benchmark-indicator.module\";\nimport { MapaBenchmarkChartComponent } from \"./benchmark-chart.component\";\n\n@NgModule({\n declarations: [MapaBenchmarkChartComponent],\n exports: [MapaBenchmarkChartComponent],\n imports: [CommonModule, MapaBenchmarkIndicatorModule],\n})\nexport class MapaBenchmarkChartModule {}\n","/\n * Public API Surface of mapa-library-ui benchmarking\n /\n\nexport from './src/benchmarking.interface';\nexport * from './src/benchmark-chart.component';\nexport * from './src/benchmark-chart.module';\n\nexport * from './src/benchmark-indicator/benchmark-indicator.component';\nexport * from './src/benchmark-indicator/benchmark-indicator.module';\n","/\n Public API Surface of mapa-library-ui benchmarking\n /\n\nexport from './lib/components/benchmarking/public-api';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './benchmarking';\n"],"names":["i2.MapaBenchmarkIndicatorComponent"],"mappings":";;;;;MAWa,+BAA+B,CAAA;;6HAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA/B,+BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,+BAA+B,0FCX5C,yZAgBA,EAAA,MAAA,EAAA,CAAA,qdAAA,EAAA,yyCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDLa,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAR3C,SAAS;+BACE,0BAA0B,EAAA,QAAA,EAAA,yZAAA,EAAA,MAAA,EAAA,CAAA,qdAAA,EAAA,yyCAAA,CAAA,EAAA,CAAA;8BAQ3B,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;MEAK,2BAA2B,CAAA;AAItC,IAAA,WAAA,GAAA;QAFO,IAAW,CAAA,WAAA,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;KAE5D;AAET,IAAA,gBAAgB,CAAC,IAAuB,EAAA;QAC7C,OAAO;AACL,YAAA,GAAG,IAAI;YACP,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;YAC7C,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAA;KACF;AAEM,IAAA,QAAQ,CAAC,IAAuB,EAAA;QACrC,MAAM,QAAQ,GAAG,CAAC,CAAC;QACnB,MAAM,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;QACtC,IAAI,QAAQ,GAAG,EAAE;YAAE,OAAO,QAAQ,GAAG,IAAI,CAAC;QAC1C,OAAO,QAAQ,GAAG,GAAG,CAAC;KACvB;;yHApBU,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,2BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,sFCZxC,kiCA2BQ,EAAA,MAAA,EAAA,CAAA,yoEAAA,EAAA,yyCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FDfK,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBATvC,SAAS;+BACE,sBAAsB,EAAA,aAAA,EAMjB,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,kiCAAA,EAAA,MAAA,EAAA,CAAA,yoEAAA,EAAA,yyCAAA,CAAA,EAAA,CAAA;0EAG5B,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;MEJK,4BAA4B,CAAA;;0HAA5B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA5B,4BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,4BAA4B,EAJxB,YAAA,EAAA,CAAA,+BAA+B,CAEpC,EAAA,OAAA,EAAA,CAAA,YAAY,aADZ,+BAA+B,CAAA,EAAA,CAAA,CAAA;AAG9B,4BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,4BAA4B,YAF7B,YAAY,CAAA,EAAA,CAAA,CAAA;4FAEX,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBALxC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,+BAA+B,CAAC;oBAC/C,OAAO,EAAE,CAAC,+BAA+B,CAAC;oBAC1C,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA,CAAA;;;MCEY,wBAAwB,CAAA;;sHAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,iBAJpB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CAEhC,YAAY,EAAE,4BAA4B,aAD1C,2BAA2B,CAAA,EAAA,CAAA,CAAA;uHAG1B,wBAAwB,EAAA,OAAA,EAAA,CAFzB,YAAY,EAAE,4BAA4B,CAAA,EAAA,CAAA,CAAA;4FAEzC,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,2BAA2B,CAAC;oBAC3C,OAAO,EAAE,CAAC,2BAA2B,CAAC;AACtC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,4BAA4B,CAAC;AACtD,iBAAA,CAAA;;;ACTD;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2020/mapa-library-ui-src-lib-components-breadcrumb.mjs CHANGED Viewed

@@ -8,10 +8,10 @@ import { RouterModule } from '@angular/router';
 class MapaBreadcrumbComponent {
 }
 MapaBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBreadcrumbComponent, selector: "mapa-breadcrumb", inputs: { items: "items" }, ngImport: i0, template: "<section class=\"mapa-breadcrumb\" *ngIf=\"items && items.length > 0\">\n  <span class=\"mapa-breadcrumb__item\" *ngFor=\"let item of items; let i = index\">\n    <a *ngIf=\"item.url; else common\" [href]=\"item.url\" [routerLink]=\"item.url\"\n      >{{ item.title }}</a\n    >\n    <ng-template #common>\n      <span\n        class=\"mapa-breadcrumb__item\"\n        [class.mapa-breadcrumb__item--highlight]=\"items.length === i + 1\"\n      >\n        {{ item.title }}</span\n      >\n    </ng-template>\n    <span class=\"mapa-breadcrumb__item--next\" *ngIf=\"i < items.length - 1\"\n      >></span\n    >\n  </span>\n</section>\n", styles: [".mapa-breadcrumb{display:flex;font-family:Inter,Arial,Helvetica,sans-serif;flex-direction:row;margin-bottom:32px}.mapa-breadcrumb__item{font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#50575e}.mapa-breadcrumb__item a{text-decoration:none;color:#50575e}.mapa-breadcrumb__item--next{margin:0 6px}.mapa-breadcrumb__item--highlight{color:#ea561d}\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: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+MapaBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBreadcrumbComponent, selector: "mapa-breadcrumb", inputs: { items: "items" }, ngImport: i0, template: "<section class=\"mapa-breadcrumb\" *ngIf=\"items && items.length > 0\">\n  <span class=\"mapa-breadcrumb__item\" *ngFor=\"let item of items; let i = index\">\n    <a *ngIf=\"item.url; else common\" [href]=\"item.url\" [routerLink]=\"item.url\"\n      >{{ item.title }}</a\n    >\n    <ng-template #common>\n      <span\n        class=\"mapa-breadcrumb__item\"\n        [class.mapa-breadcrumb__item--highlight]=\"items.length === i + 1\"\n      >\n        {{ item.title }}</span\n      >\n    </ng-template>\n    <span class=\"mapa-breadcrumb__item--next\" *ngIf=\"i < items.length - 1\"\n      >></span\n    >\n  </span>\n</section>\n", styles: [".mapa-breadcrumb{display:flex;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);flex-direction:row;margin-bottom:32px}.mapa-breadcrumb__item{font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#50575e}.mapa-breadcrumb__item a{text-decoration:none;color:#50575e}.mapa-breadcrumb__item--next{margin:0 6px}.mapa-breadcrumb__item--highlight{color:#ea561d}\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: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-breadcrumb', template: "<section class=\"mapa-breadcrumb\" *ngIf=\"items && items.length > 0\">\n  <span class=\"mapa-breadcrumb__item\" *ngFor=\"let item of items; let i = index\">\n    <a *ngIf=\"item.url; else common\" [href]=\"item.url\" [routerLink]=\"item.url\"\n      >{{ item.title }}</a\n    >\n    <ng-template #common>\n      <span\n        class=\"mapa-breadcrumb__item\"\n        [class.mapa-breadcrumb__item--highlight]=\"items.length === i + 1\"\n      >\n        {{ item.title }}</span\n      >\n    </ng-template>\n    <span class=\"mapa-breadcrumb__item--next\" *ngIf=\"i < items.length - 1\"\n      >></span\n    >\n  </span>\n</section>\n", styles: [".mapa-breadcrumb{display:flex;font-family:Inter,Arial,Helvetica,sans-serif;flex-direction:row;margin-bottom:32px}.mapa-breadcrumb__item{font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#50575e}.mapa-breadcrumb__item a{text-decoration:none;color:#50575e}.mapa-breadcrumb__item--next{margin:0 6px}.mapa-breadcrumb__item--highlight{color:#ea561d}\n"] }]
+            args: [{ selector: 'mapa-breadcrumb', template: "<section class=\"mapa-breadcrumb\" *ngIf=\"items && items.length > 0\">\n  <span class=\"mapa-breadcrumb__item\" *ngFor=\"let item of items; let i = index\">\n    <a *ngIf=\"item.url; else common\" [href]=\"item.url\" [routerLink]=\"item.url\"\n      >{{ item.title }}</a\n    >\n    <ng-template #common>\n      <span\n        class=\"mapa-breadcrumb__item\"\n        [class.mapa-breadcrumb__item--highlight]=\"items.length === i + 1\"\n      >\n        {{ item.title }}</span\n      >\n    </ng-template>\n    <span class=\"mapa-breadcrumb__item--next\" *ngIf=\"i < items.length - 1\"\n      >></span\n    >\n  </span>\n</section>\n", styles: [".mapa-breadcrumb{display:flex;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);flex-direction:row;margin-bottom:32px}.mapa-breadcrumb__item{font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#50575e}.mapa-breadcrumb__item a{text-decoration:none;color:#50575e}.mapa-breadcrumb__item--next{margin:0 6px}.mapa-breadcrumb__item--highlight{color:#ea561d}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }] } });

package/fesm2020/mapa-library-ui-src-lib-components-breadcrumb.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapa-library-ui-src-lib-components-breadcrumb.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/breadcrumb/src/breadcrumb.component.ts","../../../projects/mapa-library-ui/src/lib/components/breadcrumb/src/breadcrumb.component.html","../../../projects/mapa-library-ui/src/lib/components/breadcrumb/src/breadcrumb.module.ts","../../../projects/mapa-library-ui/src/lib/components/breadcrumb/public-api.ts","../../../projects/mapa-library-ui/src/breadcrumb.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-breadcrumb.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { Breadpiece } from '../../../core/interfaces/bread-piece.interface';\n\n@Component({\n selector: 'mapa-breadcrumb',\n templateUrl: './breadcrumb.component.html',\n styleUrls: ['./breadcrumb.component.scss']\n})\nexport class MapaBreadcrumbComponent {\n @Input() items!: Breadpiece[];\n}\n","<section class=\"mapa-breadcrumb\" ngIf=\"items && items.length > 0\">\n <span class=\"mapa-breadcrumb__item\" ngFor=\"let item of items; let i = index\">\n <a ngIf=\"item.url; else common\" [href]=\"item.url\" [routerLink]=\"item.url\"\n >{{ item.title }}</a\n >\n <ng-template #common>\n <span\n class=\"mapa-breadcrumb__item\"\n [class.mapa-breadcrumb__item--highlight]=\"items.length === i + 1\"\n >\n {{ item.title }}</span\n >\n </ng-template>\n <span class=\"mapa-breadcrumb__item--next\" ngIf=\"i < items.length - 1\"\n >></span\n >\n </span>\n</section>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { MapaBreadcrumbComponent } from \"./breadcrumb.component\";\nimport { RouterModule } from \"@angular/router\";\n\n@NgModule({\n declarations: [MapaBreadcrumbComponent],\n exports: [MapaBreadcrumbComponent],\n imports: [CommonModule, RouterModule],\n})\nexport class MapaBreadcrumbModule {}\n","/\n Public API Surface of mapa-library-ui breadcrumb\n /\n\nexport from './src/breadcrumb.component';\nexport * from './src/breadcrumb.module';\n","/\n Public API Surface of mapa-library-ui breadcrumb\n /\n\nexport from './lib/components/breadcrumb/public-api';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './breadcrumb';\n"],"names":[],"mappings":";;;;;;;MAQa,uBAAuB,CAAA;;qHAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,mFCRpC,4nBAkBA,EAAA,MAAA,EAAA,CAAA,~~kXAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,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,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDVa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,iBAAiB,EAAA,QAAA,EAAA,4nBAAA,EAAA,MAAA,EAAA,CAAA,~~kXAAA~~,CAAA,EAAA,CAAA;8BAKlB,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MEEK,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,iBAJhB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAE5B,YAAY,EAAE,YAAY,aAD1B,uBAAuB,CAAA,EAAA,CAAA,CAAA;mHAGtB,oBAAoB,EAAA,OAAA,EAAA,CAFrB,YAAY,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA;4FAEzB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;oBACvC,OAAO,EAAE,CAAC,uBAAuB,CAAC;AAClC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;AACtC,iBAAA,CAAA;;;ACVD;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}
1	+ {"version":3,"file":"mapa-library-ui-src-lib-components-breadcrumb.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/breadcrumb/src/breadcrumb.component.ts","../../../projects/mapa-library-ui/src/lib/components/breadcrumb/src/breadcrumb.component.html","../../../projects/mapa-library-ui/src/lib/components/breadcrumb/src/breadcrumb.module.ts","../../../projects/mapa-library-ui/src/lib/components/breadcrumb/public-api.ts","../../../projects/mapa-library-ui/src/breadcrumb.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-breadcrumb.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { Breadpiece } from '../../../core/interfaces/bread-piece.interface';\n\n@Component({\n selector: 'mapa-breadcrumb',\n templateUrl: './breadcrumb.component.html',\n styleUrls: ['./breadcrumb.component.scss']\n})\nexport class MapaBreadcrumbComponent {\n @Input() items!: Breadpiece[];\n}\n\n","<section class=\"mapa-breadcrumb\" ngIf=\"items && items.length > 0\">\n <span class=\"mapa-breadcrumb__item\" ngFor=\"let item of items; let i = index\">\n <a ngIf=\"item.url; else common\" [href]=\"item.url\" [routerLink]=\"item.url\"\n >{{ item.title }}</a\n >\n <ng-template #common>\n <span\n class=\"mapa-breadcrumb__item\"\n [class.mapa-breadcrumb__item--highlight]=\"items.length === i + 1\"\n >\n {{ item.title }}</span\n >\n </ng-template>\n <span class=\"mapa-breadcrumb__item--next\" ngIf=\"i < items.length - 1\"\n >></span\n >\n </span>\n</section>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { MapaBreadcrumbComponent } from \"./breadcrumb.component\";\nimport { RouterModule } from \"@angular/router\";\n\n@NgModule({\n declarations: [MapaBreadcrumbComponent],\n exports: [MapaBreadcrumbComponent],\n imports: [CommonModule, RouterModule],\n})\nexport class MapaBreadcrumbModule {}\n","/\n Public API Surface of mapa-library-ui breadcrumb\n /\n\nexport from './src/breadcrumb.component';\nexport * from './src/breadcrumb.module';\n","/\n Public API Surface of mapa-library-ui breadcrumb\n /\n\nexport from './lib/components/breadcrumb/public-api';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './breadcrumb';\n"],"names":[],"mappings":";;;;;;;MAQa,uBAAuB,CAAA;;qHAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,mFCRpC,4nBAkBA,EAAA,MAAA,EAAA,CAAA,2YAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,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,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDVa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,iBAAiB,EAAA,QAAA,EAAA,4nBAAA,EAAA,MAAA,EAAA,CAAA,2YAAA,CAAA,EAAA,CAAA;8BAKlB,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MEEK,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,iBAJhB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAE5B,YAAY,EAAE,YAAY,aAD1B,uBAAuB,CAAA,EAAA,CAAA,CAAA;mHAGtB,oBAAoB,EAAA,OAAA,EAAA,CAFrB,YAAY,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA;4FAEzB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;oBACvC,OAAO,EAAE,CAAC,uBAAuB,CAAC;AAClC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;AACtC,iBAAA,CAAA;;;ACVD;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2020/mapa-library-ui-src-lib-components-button-icon.mjs CHANGED Viewed

@@ -14,16 +14,24 @@ class ButtonIconComponent {
         this.clicked = new EventEmitter();
     }
     ngOnInit() {
+        this.updateIcon();
+    }
+    ngOnChanges(changes) {
+        if (changes["data"]) {
+            this.updateIcon();
+        }
+    }
+    updateIcon() {
         if (this.data.icon) {
             this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(`data:image/svg+xml;base64,${this.data.icon}`);
         }
     }
 }
 ButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-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:Inter,Arial,Helvetica,sans-serif;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"] }] });
+ButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonIconComponent, selector: "mapa-button-icon", inputs: { data: "data" }, outputs: { clicked: "clicked" }, usesOnChanges: true, 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:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);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%;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif)}.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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, decorators: [{
             type: Component,
-            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:Inter,Arial,Helvetica,sans-serif;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"] }]
+            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:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);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%;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif)}.button-icon__preview{display:flex;align-items:center;cursor:pointer;padding-left:10px;font-weight:400;margin:12px;border-left:1px solid #cdcdcd}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { data: [{
                 type: Input
             }], clicked: [{

package/fesm2020/mapa-library-ui-src-lib-components-button-icon.mjs.map CHANGED Viewed

	@@ -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/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;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,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,~~ynBAAA~~,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,~~ynBAAA~~,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;;;;"}
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, OnChanges, OnInit, Output, SimpleChanges } from \"@angular/core\";\nimport { ButtonIcon } from \"mapa-library-ui\";\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, OnChanges {\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 this.updateIcon();\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes[\"data\"]) {\n this.updateIcon();\n }\n }\n\n private updateIcon(): 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","<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;QAAvB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAc;AAPjC,QAAA,IAAA,CAAA,OAAO,GAA6B,IAAI,YAAY,EAAc,CAAC;KAO9B;IAE/C,QAAQ,GAAA;QACN,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;YACnB,IAAI,CAAC,UAAU,EAAE,CAAC;AACnB,SAAA;KACF;IAEO,UAAU,GAAA;AAChB,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;;iHA3BU,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,wICThC,kVAWA,EAAA,MAAA,EAAA,CAAA,iuBAAA,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,iuBAAA,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;;;;"}

package/fesm2020/mapa-library-ui-src-lib-components-button.mjs CHANGED Viewed

@@ -12,10 +12,10 @@ class ButtonComponent {
     }
 }
 ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, selector: "mapa-button", inputs: { color: "color", disabled: "disabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:Inter,Arial,Helvetica,sans-serif;font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, selector: "mapa-button", inputs: { color: "color", disabled: "disabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-button', template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:Inter,Arial,Helvetica,sans-serif;font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] }]
+            args: [{ selector: 'mapa-button', template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] }]
         }], propDecorators: { color: [{
                 type: Input
             }], disabled: [{
@@ -42,6 +42,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Public API Surface of mapa-library-ui button
  */
+/*
+ * Public API Surface of mapa-library-ui button
+ */
 /**
  * Generated bundle index. Do not edit.
  */

package/fesm2020/mapa-library-ui-src-lib-components-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapa-library-ui-src-lib-components-button.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.ts","../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.html","../../../projects/mapa-library-ui/src/lib/components/button/src/button.module.ts","../../../projects/mapa-library-ui/src/lib/components/button/public-api.ts","../../../projects/mapa-library-ui/src/~~lib~~/~~components~~/~~button~~/mapa-library-ui-src-lib-components-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'mapa-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent {\n @Input() color: 'primary' \| 'accent' \| 'basic' \| null \| undefined;\n @Input() disabled!: boolean;\n @Output() clicked: EventEmitter<void> = new EventEmitter<void>();\n\n onClick(): void {\n this.clicked.emit();\n }\n}\n","<button\n class=\"mapa-button\"\n (click)=\"onClick()\"\n [class.primary]=\"color === 'primary'\"\n [class.accent]=\"color === 'accent'\"\n [class.basic]=\"color === 'basic'\"\n [disabled]=\"disabled\"\n>\n <ng-content></ng-content>\n</button> ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n declarations: [ButtonComponent],\n exports: [ButtonComponent],\n imports: [CommonModule, MatButtonModule],\n})\nexport class MapaButtonModule {}\n","/\n Public API Surface of mapa-library-ui button\n /\n\nexport from './src/button.component';\nexport * from './src/button.module';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './~~public-api~~';\n"],"names":[],"mappings":";;;;;MAOa,eAAe,CAAA;AAL5B,IAAA,WAAA,GAAA;AAQY,QAAA,IAAA,CAAA,OAAO,GAAuB,IAAI,YAAY,EAAQ,CAAC;AAKlE,KAAA;IAHC,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;KACrB;;6GAPU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,sICP5B,8PASW,EAAA,MAAA,EAAA,CAAA,~~2lBAAA~~,CAAA,EAAA,CAAA,CAAA;4FDFE,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;+BACE,aAAa,EAAA,QAAA,EAAA,8PAAA,EAAA,MAAA,EAAA,CAAA,~~2lBAAA~~,CAAA,EAAA,CAAA;8BAKd,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACI,OAAO,EAAA,CAAA;sBAAhB,MAAM;;;MEEI,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBAJZ,eAAe,CAAA,EAAA,OAAA,EAAA,CAEpB,YAAY,EAAE,eAAe,aAD7B,eAAe,CAAA,EAAA,CAAA,CAAA;+GAGd,gBAAgB,EAAA,OAAA,EAAA,CAFjB,YAAY,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA;4FAE5B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,eAAe,CAAC;oBAC/B,OAAO,EAAE,CAAC,eAAe,CAAC;AAC1B,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;AACzC,iBAAA,CAAA;;;ACXD;;AAEG;;ACFH;;AAEG;;;;"}
1	+ {"version":3,"file":"mapa-library-ui-src-lib-components-button.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.ts","../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.html","../../../projects/mapa-library-ui/src/lib/components/button/src/button.module.ts","../../../projects/mapa-library-ui/src/lib/components/button/public-api.ts","../../../projects/mapa-library-ui/src/button.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'mapa-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent {\n @Input() color: 'primary' \| 'accent' \| 'basic' \| null \| undefined;\n @Input() disabled!: boolean;\n @Output() clicked: EventEmitter<void> = new EventEmitter<void>();\n\n onClick(): void {\n this.clicked.emit();\n }\n}\n","<button\n class=\"mapa-button\"\n (click)=\"onClick()\"\n [class.primary]=\"color === 'primary'\"\n [class.accent]=\"color === 'accent'\"\n [class.basic]=\"color === 'basic'\"\n [disabled]=\"disabled\"\n>\n <ng-content></ng-content>\n</button> ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n declarations: [ButtonComponent],\n exports: [ButtonComponent],\n imports: [CommonModule, MatButtonModule],\n})\nexport class MapaButtonModule {}\n","/\n Public API Surface of mapa-library-ui button\n /\n\nexport from './src/button.component';\nexport * from './src/button.module';\n","/\n Public API Surface of mapa-library-ui button\n /\n\nexport from './lib/components/button/public-api';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './button';\n"],"names":[],"mappings":";;;;;MAOa,eAAe,CAAA;AAL5B,IAAA,WAAA,GAAA;AAQY,QAAA,IAAA,CAAA,OAAO,GAAuB,IAAI,YAAY,EAAQ,CAAC;AAKlE,KAAA;IAHC,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;KACrB;;6GAPU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,sICP5B,8PASW,EAAA,MAAA,EAAA,CAAA,6nBAAA,CAAA,EAAA,CAAA,CAAA;4FDFE,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;+BACE,aAAa,EAAA,QAAA,EAAA,8PAAA,EAAA,MAAA,EAAA,CAAA,6nBAAA,CAAA,EAAA,CAAA;8BAKd,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACI,OAAO,EAAA,CAAA;sBAAhB,MAAM;;;MEEI,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBAJZ,eAAe,CAAA,EAAA,OAAA,EAAA,CAEpB,YAAY,EAAE,eAAe,aAD7B,eAAe,CAAA,EAAA,CAAA,CAAA;+GAGd,gBAAgB,EAAA,OAAA,EAAA,CAFjB,YAAY,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA;4FAE5B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,eAAe,CAAC;oBAC/B,OAAO,EAAE,CAAC,eAAe,CAAC;AAC1B,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;AACzC,iBAAA,CAAA;;;ACXD;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}