mapa-library-ui 0.90.2 → 1.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapa-library-ui-src-lib-components-nav-list.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/nav-list/src/nav-list.component.ts","../../../projects/mapa-library-ui/src/lib/components/nav-list/src/nav-list.component.html","../../../projects/mapa-library-ui/src/lib/components/nav-list/public-api.ts","../../../projects/mapa-library-ui/src/nav-list.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-nav-list.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ElementOption } from '../../../core/interfaces/element-option.interface';\n\n@Component({\n    selector: 'mapa-nav-list',\n    templateUrl: './nav-list.component.html',\n    styleUrl: './nav-list.component.scss',\n    standalone: true,\n    imports: [CommonModule],\n})\nexport class MapaNavListComponent {\n  @Input() options!: ElementOption[];\n  @Input() label!: string;\n  @Output() clicked: EventEmitter<ElementOption> = new EventEmitter<ElementOption>();\n\n  selected!: ElementOption;\n\n  emit(option: ElementOption): void {\n    this.selected = option;\n    this.clicked.emit(option);\n  }\n}\n\n","<nav class=\"mapa-nav-list\">\n  {{ label }}\n  <ul>\n    <li\n      *ngFor=\"let option of options\"\n      (click)=\"emit(option)\"\n      [class.selected]=\"selected === option\"\n    >\n      <span>{{ option.value }}</span>\n    </li>\n  </ul>\n</nav>\n","/*\n * Public API Surface of mapa-library-ui nav-list\n */\n\nexport * from './src/nav-list.component';\n","/*\n * Public API Surface of mapa-library-ui nav-list\n */\n\nexport * from './lib/components/nav-list/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './nav-list';\n"],"names":[],"mappings":";;;;;MAWa,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;AAUY,QAAA,IAAA,CAAA,OAAO,GAAgC,IAAI,YAAY,EAAiB;AAQnF,IAAA;AAJC,IAAA,IAAI,CAAC,MAAqB,EAAA;AACxB,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM;AACtB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;IAC3B;+GAVW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXjC,mQAYA,EAAA,MAAA,EAAA,CAAA,4eAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDHc,YAAY,EAAA,EAAA,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,CAAA,EAAA,CAAA,CAAA;;4FAEb,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,UAAA,EAGb,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,mQAAA,EAAA,MAAA,EAAA,CAAA,4eAAA,CAAA,EAAA;;sBAGxB;;sBACA;;sBACA;;;AEdH;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}

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

@@ -0,0 +1,54 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i3 from '@angular/material/radio';
+import { MatRadioModule } from '@angular/material/radio';
+
+class RadioButtonComponent {
+    constructor() {
+        this.optionSelected = new EventEmitter();
+        this.options = [];
+    }
+    ngOnInit() {
+        this.options = this.element.options;
+    }
+    ngOnChanges(changes) {
+        if (changes['element']) {
+            this.options = this.element?.options ?? [];
+        }
+    }
+    onChange(optionValue) {
+        this.selectedOption = optionValue;
+        this.optionSelected.emit(this.selectedOption);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: RadioButtonComponent, isStandalone: true, selector: "mapa-radio-button", inputs: { formControl: "formControl", element: "element" }, outputs: { optionSelected: "optionSelected" }, usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-radio-button__label\">\n  {{ element.label }}\n</label>\n<section class=\"mapa-radio-button\">\n  <mat-radio-group [formControl]=\"formControl\" [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n    <mat-radio-button\n      *ngFor=\"let option of options\"\n      [value]=\"option\"\n      >\n      {{ option.value }}\n    </mat-radio-button>\n  </mat-radio-group>\n</section>\n", styles: [".mapa-radio-button{--mat-radio-selected-focus-icon-color: #ea561d;--mat-radio-selected-hover-icon-color: #ea561d;--mat-radio-selected-icon-color: #ea561d;--mat-radio-selected-pressed-icon-color: #ea561d;--mat-mdc-radio-ripple-color: #ea561d;--mat-mdc-radio-checked-ripple-color: #ea561d;color:#000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:20px}:host ::ng-deep .mapa-radio-button__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button{margin-right:24px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-form-field{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio{padding:0;flex-shrink:0}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio,:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio__background,:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio__outer-circle,:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio__inner-circle{height:12px;width:12px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mat-mdc-radio-touch-target{height:24px;width:24px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mat-radio-ripple{border-radius:50%;inset:-6px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-label{display:inline-flex;align-items:center;margin:0;min-height:24px}\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: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: RadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-radio-button', imports: [CommonModule, ReactiveFormsModule, MatRadioModule], standalone: true, template: "<label *ngIf=\"element.label\" class=\"mapa-radio-button__label\">\n  {{ element.label }}\n</label>\n<section class=\"mapa-radio-button\">\n  <mat-radio-group [formControl]=\"formControl\" [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n    <mat-radio-button\n      *ngFor=\"let option of options\"\n      [value]=\"option\"\n      >\n      {{ option.value }}\n    </mat-radio-button>\n  </mat-radio-group>\n</section>\n", styles: [".mapa-radio-button{--mat-radio-selected-focus-icon-color: #ea561d;--mat-radio-selected-hover-icon-color: #ea561d;--mat-radio-selected-icon-color: #ea561d;--mat-radio-selected-pressed-icon-color: #ea561d;--mat-mdc-radio-ripple-color: #ea561d;--mat-mdc-radio-checked-ripple-color: #ea561d;color:#000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:20px}:host ::ng-deep .mapa-radio-button__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button{margin-right:24px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-form-field{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio{padding:0;flex-shrink:0}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio,:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio__background,:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio__outer-circle,:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-radio__inner-circle{height:12px;width:12px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mat-mdc-radio-touch-target{height:24px;width:24px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mat-radio-ripple{border-radius:50%;inset:-6px}:host ::ng-deep .mapa-radio-button .mat-mdc-radio-button .mdc-label{display:inline-flex;align-items:center;margin:0;min-height:24px}\n"] }]
+        }], propDecorators: { formControl: [{
+                type: Input
+            }], element: [{
+                type: Input
+            }], optionSelected: [{
+                type: Output
+            }] } });
+
+/*
+ * Public API Surface of mapa-library-ui icon
+ */
+
+/*
+ * Public API Surface of mapa-library-ui radio-button
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RadioButtonComponent };
+//# sourceMappingURL=mapa-library-ui-src-lib-components-radio-button.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapa-library-ui-src-lib-components-radio-button.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.component.ts","../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.component.html","../../../projects/mapa-library-ui/src/lib/components/radio-button/public-api.ts","../../../projects/mapa-library-ui/src/radio-button.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-radio-button.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { ElementBase } from '../../../core/elements/element-base';\nimport { ElementOption } from '../../../core/interfaces/element-option.interface';\n\n\n@Component({\n    selector: 'mapa-radio-button',\n    templateUrl: './radio-button.component.html',\n    styleUrl: './radio-button.component.scss',\n    imports: [CommonModule, ReactiveFormsModule, MatRadioModule],\n    standalone: true\n})\nexport class RadioButtonComponent implements OnInit, OnChanges {\n  @Input() formControl!: FormControl;\n  @Input() element!: ElementBase;\n  \n  @Output() optionSelected: EventEmitter<ElementOption> = new EventEmitter<ElementOption>();\n\n  selectedOption!: ElementOption;\n  options: ElementOption[] = [];\n\n  ngOnInit(): void {\n    this.options = this.element.options as ElementOption[];\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['element']) {\n      this.options = (this.element?.options as ElementOption[]) ?? [];\n    }\n  }\n\n  onChange(optionValue: ElementOption) {\n    this.selectedOption = optionValue;\n    this.optionSelected.emit(this.selectedOption);\n  }\n}\n\n","<label *ngIf=\"element.label\" class=\"mapa-radio-button__label\">\n  {{ element.label }}\n</label>\n<section class=\"mapa-radio-button\">\n  <mat-radio-group [formControl]=\"formControl\" [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n    <mat-radio-button\n      *ngFor=\"let option of options\"\n      [value]=\"option\"\n      >\n      {{ option.value }}\n    </mat-radio-button>\n  </mat-radio-group>\n</section>\n","/*\n * Public API Surface of mapa-library-ui icon\n */\n\nexport * from './src/radio-button.component';\n","/*\n * Public API Surface of mapa-library-ui radio-button\n */\n\nexport * from './lib/components/radio-button/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './radio-button';\n"],"names":[],"mappings":";;;;;;;;;MAea,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;AAWY,QAAA,IAAA,CAAA,cAAc,GAAgC,IAAI,YAAY,EAAiB;QAGzF,IAAA,CAAA,OAAO,GAAoB,EAAE;AAgB9B,IAAA;IAdC,QAAQ,GAAA;QACN,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAA0B;IACxD;AAEA,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,SAAS,CAAC,EAAE;YACtB,IAAI,CAAC,OAAO,GAAI,IAAI,CAAC,OAAO,EAAE,OAA2B,IAAI,EAAE;QACjE;IACF;AAEA,IAAA,QAAQ,CAAC,WAA0B,EAAA;AACjC,QAAA,IAAI,CAAC,cAAc,GAAG,WAAW;QACjC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;IAC/C;+GAtBW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,6MCfjC,ubAaA,EAAA,MAAA,EAAA,CAAA,uoDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDc,YAAY,EAAA,EAAA,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,UAAA,EAAA,IAAA,EAAE,mBAAmB,yTAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,eAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAGlD,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BACI,mBAAmB,EAAA,OAAA,EAGpB,CAAC,YAAY,EAAE,mBAAmB,EAAE,cAAc,CAAC,EAAA,UAAA,EAChD,IAAI,EAAA,QAAA,EAAA,ubAAA,EAAA,MAAA,EAAA,CAAA,uoDAAA,CAAA,EAAA;;sBAGjB;;sBACA;;sBAEA;;;AEnBH;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}

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

@@ -0,0 +1,85 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component } from '@angular/core';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+
+class ReportItemComponent {
+    constructor() {
+        this.menuItems = [];
+        this.clicked = new EventEmitter();
+        this.emitMenu = new EventEmitter();
+        this.id = '';
+        this.description = '';
+        this.icon = '';
+    }
+    get item() {
+        if (Array.isArray(this.itemData)) {
+            return this.itemData[0];
+        }
+        return this.itemData;
+    }
+    get resolvedMenuItems() {
+        if (this.item?.menu && this.item.menu.length > 0) {
+            return this.item.menu;
+        }
+        return this.menuItems;
+    }
+    ngOnChanges(changes) {
+        if (changes['itemData']) {
+            this.syncItemData();
+        }
+    }
+    syncItemData() {
+        const data = this.item;
+        if (!data) {
+            return;
+        }
+        this.id = data.id;
+        this.description = data.description;
+        this.icon = data.icon;
+    }
+    onClick(action) {
+        const item = this.item;
+        if (!item) {
+            return;
+        }
+        this.emitMenu.emit({
+            action,
+            data: item,
+        });
+        this.clicked.emit(item.id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ReportItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: ReportItemComponent, isStandalone: true, selector: "mapa-report-item", inputs: { itemData: "itemData", menuItems: "menuItems" }, outputs: { clicked: "clicked", emitMenu: "emitMenu" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"report-item\">\n  <div class=\"report-icon\">\n    <mat-icon class=\"material-icons\">{{ icon }}</mat-icon>\n  </div>\n  <div class=\"report-text\">\n    <h1>\n      {{ description }}\n    </h1>\n  </div>\n  <div class=\"report-button\">\n    <div class=\"report-circle\" *ngIf=\"resolvedMenuItems.length > 0\">\n      <mat-icon [matMenuTriggerFor]=\"menu\">more_vert</mat-icon>\n      <mat-menu #menu=\"matMenu\">\n        <button\n          mat-menu-item\n          *ngFor=\"let item of resolvedMenuItems\"\n          (click)=\"onClick(item.action)\"\n        >\n          <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n          <img *ngIf=\"item.image\" [src]=\"item.image\" />\n          <span>{{ item.text }}</span>\n        </button>\n      </mat-menu>\n    </div>\n  </div>\n</div>\n", styles: [".report-item{margin:24px 48px;height:161px;display:flex;border-radius:16px;border:1px solid #CDCDCD}.report-item .report-icon{width:25%;border-radius:16px 0 0 16px;background:#fdefea}.report-item .report-icon .mat-icon{width:123px;height:123px;font-size:123px;color:#ea561d;padding:20px 42px}.report-item .report-text{background:var(--GlobalColors-Neutral-20, #F9F9F9);width:100%;padding:0 16px}.report-item .report-text h1{color:#000;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400;line-height:28px;margin-top:25px}.report-item .report-text li{color:var #000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:10px}.report-item .report-button{width:4vw;align-items:flex-end;border-radius:50%;margin-top:10px}.report-item .report-button .report-circle{background-color:#fff;border-radius:50%;display:flex;align-items:center;margin-right:10px}.report-item .report-button .mat-icon{width:20px;height:20px;font-size:20px;margin:5px;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: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ReportItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-item', imports: [CommonModule, MatIconModule, MatMenuModule], standalone: true, template: "<div class=\"report-item\">\n  <div class=\"report-icon\">\n    <mat-icon class=\"material-icons\">{{ icon }}</mat-icon>\n  </div>\n  <div class=\"report-text\">\n    <h1>\n      {{ description }}\n    </h1>\n  </div>\n  <div class=\"report-button\">\n    <div class=\"report-circle\" *ngIf=\"resolvedMenuItems.length > 0\">\n      <mat-icon [matMenuTriggerFor]=\"menu\">more_vert</mat-icon>\n      <mat-menu #menu=\"matMenu\">\n        <button\n          mat-menu-item\n          *ngFor=\"let item of resolvedMenuItems\"\n          (click)=\"onClick(item.action)\"\n        >\n          <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n          <img *ngIf=\"item.image\" [src]=\"item.image\" />\n          <span>{{ item.text }}</span>\n        </button>\n      </mat-menu>\n    </div>\n  </div>\n</div>\n", styles: [".report-item{margin:24px 48px;height:161px;display:flex;border-radius:16px;border:1px solid #CDCDCD}.report-item .report-icon{width:25%;border-radius:16px 0 0 16px;background:#fdefea}.report-item .report-icon .mat-icon{width:123px;height:123px;font-size:123px;color:#ea561d;padding:20px 42px}.report-item .report-text{background:var(--GlobalColors-Neutral-20, #F9F9F9);width:100%;padding:0 16px}.report-item .report-text h1{color:#000;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400;line-height:28px;margin-top:25px}.report-item .report-text li{color:var #000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:10px}.report-item .report-button{width:4vw;align-items:flex-end;border-radius:50%;margin-top:10px}.report-item .report-button .report-circle{background-color:#fff;border-radius:50%;display:flex;align-items:center;margin-right:10px}.report-item .report-button .mat-icon{width:20px;height:20px;font-size:20px;margin:5px;color:#ea561d}\n"] }]
+        }], propDecorators: { itemData: [{
+                type: Input
+            }], menuItems: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }], emitMenu: [{
+                type: Output
+            }] } });
+
+/*
+ * Public API Surface of mapa-library-ui report-item
+ */
+
+/*
+ * Public API Surface of mapa-library-ui report-item
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ReportItemComponent };
+//# sourceMappingURL=mapa-library-ui-src-lib-components-report-item.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapa-library-ui-src-lib-components-report-item.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.component.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.component.html","../../../projects/mapa-library-ui/src/lib/components/report-item/public-api.ts","../../../projects/mapa-library-ui/src/report-item.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-report-item.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport {\n  MenuActionEvent,\n  MenuActionItem,\n} from '../../../core/interfaces/menu-action.interface';\n\nexport interface ReportItemMenuItem extends MenuActionItem {}\n\nexport interface ReportItem {\n  id: string;\n  icon: string;\n  description: string;\n  menu?: ReportItemMenuItem[];\n}\n\n@Component({\n    selector: 'mapa-report-item',\n    templateUrl: './report-item.component.html',\n    styleUrl: './report-item.component.scss',\n    imports: [CommonModule, MatIconModule, MatMenuModule],\n    standalone: true\n})\nexport class ReportItemComponent implements OnChanges {\n  @Input() itemData?: ReportItem | ReportItem[];\n  @Input() menuItems: ReportItemMenuItem[] = [];\n  @Output() clicked: EventEmitter<string> = new EventEmitter<string>();\n  @Output() emitMenu: EventEmitter<MenuActionEvent<ReportItem>> =\n    new EventEmitter<MenuActionEvent<ReportItem>>();\n\n  id: string = '';\n  description: string = '';\n  icon: string = '';\n\n  get item(): ReportItem | undefined {\n    if (Array.isArray(this.itemData)) {\n      return this.itemData[0];\n    }\n\n    return this.itemData;\n  }\n\n  get resolvedMenuItems(): ReportItemMenuItem[] {\n    if (this.item?.menu && this.item.menu.length > 0) {\n      return this.item.menu;\n    }\n\n    return this.menuItems;\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['itemData']) {\n      this.syncItemData();\n    }\n  }\n\n  private syncItemData(): void {\n    const data = this.item;\n\n    if (!data) {\n      return;\n    }\n\n    this.id = data.id;\n    this.description = data.description;\n    this.icon = data.icon;\n  }\n\n  onClick(action: string): void {\n    const item = this.item;\n\n    if (!item) {\n      return;\n    }\n\n    this.emitMenu.emit({\n      action,\n      data: item,\n    });\n    this.clicked.emit(item.id);\n  }\n}\n","<div class=\"report-item\">\n  <div class=\"report-icon\">\n    <mat-icon class=\"material-icons\">{{ icon }}</mat-icon>\n  </div>\n  <div class=\"report-text\">\n    <h1>\n      {{ description }}\n    </h1>\n  </div>\n  <div class=\"report-button\">\n    <div class=\"report-circle\" *ngIf=\"resolvedMenuItems.length > 0\">\n      <mat-icon [matMenuTriggerFor]=\"menu\">more_vert</mat-icon>\n      <mat-menu #menu=\"matMenu\">\n        <button\n          mat-menu-item\n          *ngFor=\"let item of resolvedMenuItems\"\n          (click)=\"onClick(item.action)\"\n        >\n          <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n          <img *ngIf=\"item.image\" [src]=\"item.image\" />\n          <span>{{ item.text }}</span>\n        </button>\n      </mat-menu>\n    </div>\n  </div>\n</div>\n","/*\n * Public API Surface of mapa-library-ui report-item\n */\n\nexport * from './src/report-item.component';\n","/*\n * Public API Surface of mapa-library-ui report-item\n */\n\nexport * from './lib/components/report-item/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './report-item';\n"],"names":[],"mappings":"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"}