mapa-library-ui 0.90.1 → 1.0.0

package/fesm2022/mapa-library-ui-src-lib-components-benchmarking.mjs

@@ -0,0 +1,59 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class MapaBenchmarkIndicatorComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MapaBenchmarkIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: MapaBenchmarkIndicatorComponent, isStandalone: true, 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    @for (mark of item.marks ?? []; track mark.name + '-' + mark.value) {\n      <div\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    }\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MapaBenchmarkIndicatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "mapa-benchmark-indicator", changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], standalone: true, template: "<div\n  class=\"indicator\"\n  [style.backgroundColor]=\"item.classificationColor\"\n>\n  <div class=\"indicator__markers\">\n    @for (mark of item.marks ?? []; track mark.name + '-' + mark.value) {\n      <div\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    }\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
+            }] } });
+
+class MapaBenchmarkChartComponent {
+    constructor() {
+        this.scaleLabels = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
+    }
+    setUnlabeledItem(item) {
+        return {
+            ...item,
+            classificationId: item.classificationId,
+            classificationColor: item.classificationColor,
+            interval: item.interval,
+        };
+    }
+    getWidth(item) {
+        const minWidth = 0;
+        const interval = (item.interval || 0);
+        if (interval < 10)
+            return minWidth + 'px';
+        return interval + '%';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MapaBenchmarkChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: MapaBenchmarkChartComponent, isStandalone: true, 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          @for (label of scaleLabels; track label) {\n            <span>{{ label }}</span>\n          }\n        </div>\n      </th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (item of data; track item) {\n      <tr>\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\n                [item]=\"setUnlabeledItem(item)\"\n                [style.width]=\"getWidth(item)\"\n              ></mapa-benchmark-indicator>\n            </div>\n          </div>\n        </td>\n        <td class=\"indicator-chart__column--classification\">\n          {{ item.interval }} %\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n", styles: [":host ::ng-deep .indicator-chart{width:100%;border-collapse:collapse}:host ::ng-deep .indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}:host ::ng-deep .indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}:host ::ng-deep .indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}:host ::ng-deep .indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}:host ::ng-deep .indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}:host ::ng-deep .indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}:host ::ng-deep .indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}:host ::ng-deep .indicator-chart tr:first-child{border-top:unset!important}:host ::ng-deep .indicator-chart tr:last-child{border-bottom:unset!important}:host ::ng-deep .indicator-chart__column{padding:0;font-size:14px!important}:host ::ng-deep .indicator-chart__column--description{padding-right:24px;width:20%!important}:host ::ng-deep .indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}:host ::ng-deep .indicator-chart__column-background{width:100%;background:#f1f5f9;display:flex;margin:15px 0 3px;border-radius:0 18px 18px 0}:host ::ng-deep .indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}:host ::ng-deep .indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}:host ::ng-deep .indicator-chart__column--positive .indicator__classification{margin-right:1px!important}:host ::ng-deep .indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}:host ::ng-deep .indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}:host ::ng-deep .indicator-chart__column--negative .indicator__classification{margin-left:1px!important}:host ::ng-deep .indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}:host ::ng-deep .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: "ngmodule", type: CommonModule }, { kind: "component", type: MapaBenchmarkIndicatorComponent, selector: "mapa-benchmark-indicator", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MapaBenchmarkChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "mapa-benchmark-chart", changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, MapaBenchmarkIndicatorComponent], standalone: true, 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          @for (label of scaleLabels; track label) {\n            <span>{{ label }}</span>\n          }\n        </div>\n      </th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (item of data; track item) {\n      <tr>\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\n                [item]=\"setUnlabeledItem(item)\"\n                [style.width]=\"getWidth(item)\"\n              ></mapa-benchmark-indicator>\n            </div>\n          </div>\n        </td>\n        <td class=\"indicator-chart__column--classification\">\n          {{ item.interval }} %\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n", styles: [":host ::ng-deep .indicator-chart{width:100%;border-collapse:collapse}:host ::ng-deep .indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}:host ::ng-deep .indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}:host ::ng-deep .indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}:host ::ng-deep .indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}:host ::ng-deep .indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}:host ::ng-deep .indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}:host ::ng-deep .indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}:host ::ng-deep .indicator-chart tr:first-child{border-top:unset!important}:host ::ng-deep .indicator-chart tr:last-child{border-bottom:unset!important}:host ::ng-deep .indicator-chart__column{padding:0;font-size:14px!important}:host ::ng-deep .indicator-chart__column--description{padding-right:24px;width:20%!important}:host ::ng-deep .indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}:host ::ng-deep .indicator-chart__column-background{width:100%;background:#f1f5f9;display:flex;margin:15px 0 3px;border-radius:0 18px 18px 0}:host ::ng-deep .indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}:host ::ng-deep .indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}:host ::ng-deep .indicator-chart__column--positive .indicator__classification{margin-right:1px!important}:host ::ng-deep .indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}:host ::ng-deep .indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}:host ::ng-deep .indicator-chart__column--negative .indicator__classification{margin-left:1px!important}:host ::ng-deep .indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}:host ::ng-deep .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: () => [], propDecorators: { data: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of mapa-library-ui benchmarking
+ */
+
+/*
+ * Public API Surface of mapa-library-ui benchmarking
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MapaBenchmarkChartComponent, MapaBenchmarkIndicatorComponent };
+//# sourceMappingURL=mapa-library-ui-src-lib-components-benchmarking.mjs.map

package/fesm2022/mapa-library-ui-src-lib-components-benchmarking.mjs.map

@@ -0,0 +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/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 { CommonModule } from \"@angular/common\";\nimport { ChangeDetectionStrategy, 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  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule],\n  standalone: true,\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    @for (mark of item.marks ?? []; track mark.name + '-' + mark.value) {\n      <div\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    }\n  </div>\n</div>\n","import { CommonModule } from \"@angular/common\";\nimport { ChangeDetectionStrategy, Component, Input } from \"@angular/core\";\nimport { MapaBenchmarkIndicatorComponent } from \"./benchmark-indicator/benchmark-indicator.component\";\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  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, MapaBenchmarkIndicatorComponent],\n  standalone: true,\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          @for (label of scaleLabels; track label) {\n            <span>{{ label }}</span>\n          }\n        </div>\n      </th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (item of data; track item) {\n      <tr>\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\n                [item]=\"setUnlabeledItem(item)\"\n                [style.width]=\"getWidth(item)\"\n              ></mapa-benchmark-indicator>\n            </div>\n          </div>\n        </td>\n        <td class=\"indicator-chart__column--classification\">\n          {{ item.interval }} %\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n","/*\n * Public API Surface of mapa-library-ui benchmarking\n */\n\nexport * from './src/benchmarking.interface';\nexport * from './src/benchmark-chart.component';\n\nexport * from './src/benchmark-indicator/benchmark-indicator.component';\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":[],"mappings":"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"}

package/fesm2022/mapa-library-ui-src-lib-components-breadcrumb.mjs

@@ -0,0 +1,32 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Input, Component } from '@angular/core';
+import * as i2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+
+class MapaBreadcrumbComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MapaBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: MapaBreadcrumbComponent, isStandalone: true, 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MapaBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "mapa-breadcrumb", imports: [CommonModule, RouterModule], standalone: true, 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
+            }] } });
+
+/*
+ * Public API Surface of mapa-library-ui breadcrumb
+ */
+
+/*
+ * Public API Surface of mapa-library-ui breadcrumb
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MapaBreadcrumbComponent };
+//# sourceMappingURL=mapa-library-ui-src-lib-components-breadcrumb.mjs.map

package/fesm2022/mapa-library-ui-src-lib-components-breadcrumb.mjs.map

@@ -0,0 +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/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 { CommonModule } from \"@angular/common\";\nimport { Component, Input } from \"@angular/core\";\nimport { RouterModule } from \"@angular/router\";\nimport { Breadpiece } from \"../../../core/interfaces/bread-piece.interface\";\n\n@Component({\n  selector: \"mapa-breadcrumb\",\n  templateUrl: \"./breadcrumb.component.html\",\n  styleUrl: \"./breadcrumb.component.scss\",\n  imports: [CommonModule, RouterModule],\n  standalone: true,\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","/*\n * Public API Surface of mapa-library-ui breadcrumb\n */\n\nexport * from './src/breadcrumb.component';\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":";;;;;;;MAYa,uBAAuB,CAAA;+GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZpC,4nBAkBA,EAAA,MAAA,EAAA,CAAA,2YAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDTY,YAAY,+PAAE,YAAY,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,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAGzB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,WAGlB,CAAC,YAAY,EAAE,YAAY,CAAC,cACzB,IAAI,EAAA,QAAA,EAAA,4nBAAA,EAAA,MAAA,EAAA,CAAA,2YAAA,CAAA,EAAA;;sBAGf;;;AEbH;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/mapa-library-ui-src-lib-components-button-icon.mjs

@@ -0,0 +1,53 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component } from '@angular/core';
+import * as i1 from '@angular/platform-browser';
+
+class ButtonIconComponent {
+    onClick(data) {
+        this.clicked.emit(data);
+    }
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        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}`);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ButtonIconComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: ButtonIconComponent, isStandalone: true, 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ButtonIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "mapa-button-icon", imports: [CommonModule], standalone: true, 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: () => [{ type: i1.DomSanitizer }], propDecorators: { data: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
+
+/*
+ * Public API Surface of mapa-library-ui button-icon
+ */
+
+/*
+ * Public API Surface of mapa-library-ui button-icon
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonIconComponent };
+//# sourceMappingURL=mapa-library-ui-src-lib-components-button-icon.mjs.map

package/fesm2022/mapa-library-ui-src-lib-components-button-icon.mjs.map

@@ -0,0 +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/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 { CommonModule } from \"@angular/common\";\nimport { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from \"@angular/core\";\nimport { DomSanitizer, SafeResourceUrl } from \"@angular/platform-browser\";\nimport { ButtonIcon } from \"../../../core/interfaces/button-icon.interface\";\n\n@Component({\n    selector: \"mapa-button-icon\",\n    templateUrl: \"./button-icon.component.html\",\n    styleUrl: \"./button-icon.component.scss\",\n    imports: [CommonModule],\n    standalone: true\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","/*\n * Public API Surface of mapa-library-ui button-icon\n */\n\nexport * from './src/button-icon.component';\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":";;;;;;MAYa,mBAAmB,CAAA;AAK9B,IAAA,OAAO,CAAC,IAAgB,EAAA;AACtB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;IACzB;AAEA,IAAA,WAAA,CAAoB,SAAuB,EAAA;QAAvB,IAAA,CAAA,SAAS,GAAT,SAAS;AAPnB,QAAA,IAAA,CAAA,OAAO,GAA6B,IAAI,YAAY,EAAc;IAO9B;IAE9C,QAAQ,GAAA;QACN,IAAI,CAAC,UAAU,EAAE;IACnB;AAEA,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;YACnB,IAAI,CAAC,UAAU,EAAE;QACnB;IACF;IAEQ,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;QACH;IACF;+GA3BW,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZhC,kVAWA,EAAA,MAAA,EAAA,CAAA,iuBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFc,YAAY,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,CAAA,EAAA,CAAA,CAAA;;4FAGb,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,OAAA,EAGnB,CAAC,YAAY,CAAC,cACX,IAAI,EAAA,QAAA,EAAA,kVAAA,EAAA,MAAA,EAAA,CAAA,iuBAAA,CAAA,EAAA;;sBAGjB;;sBACA;;;AEdH;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/mapa-library-ui-src-lib-components-button.mjs

@@ -0,0 +1,38 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component } from '@angular/core';
+
+class ButtonComponent {
+    constructor() {
+        this.clicked = new EventEmitter();
+    }
+    onClick() {
+        this.clicked.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: ButtonComponent, isStandalone: true, 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: "20.3.18", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-button', standalone: true, 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: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
+
+/*
+ * Public API Surface of mapa-library-ui button
+ */
+
+/*
+ * Public API Surface of mapa-library-ui button
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent };
+//# sourceMappingURL=mapa-library-ui-src-lib-components-button.mjs.map

package/fesm2022/mapa-library-ui-src-lib-components-button.mjs.map

@@ -0,0 +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/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    styleUrl: './button.component.scss',\n    standalone: true\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>  ","/*\n * Public API Surface of mapa-library-ui button\n */\n\nexport * from './src/button.component';\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":";;;MAQa,eAAe,CAAA;AAN5B,IAAA,WAAA,GAAA;AASY,QAAA,IAAA,CAAA,OAAO,GAAuB,IAAI,YAAY,EAAQ;AAKjE,IAAA;IAHC,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;IACrB;+GAPW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,0JCR5B,8PASW,EAAA,MAAA,EAAA,CAAA,6nBAAA,CAAA,EAAA,CAAA,CAAA;;4FDDE,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,cAGX,IAAI,EAAA,QAAA,EAAA,8PAAA,EAAA,MAAA,EAAA,CAAA,6nBAAA,CAAA,EAAA;;sBAGjB;;sBACA;;sBACA;;;AEXH;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}