mapa-library-ui 0.0.8

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

@@ -0,0 +1,74 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import { CommonModule } from '@angular/common';
+
+class ReportItemComponent {
+    constructor() {
+        this.clicked = new EventEmitter();
+        this.id = "";
+        this.description = "";
+        this.icon = "";
+        this.objectData = "";
+    }
+    ngOnInit() {
+        const data = this.itemData[0];
+        this.id = data.id;
+        this.description = data.description;
+        this.icon = data.icon;
+        this.objectData = data.objectData;
+    }
+    onClick(id) {
+        this.clicked.emit(id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReportItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ReportItemComponent, selector: "mapa-report-item", inputs: { itemData: "itemData" }, outputs: { clicked: "clicked" }, 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            <li>\n                {{ objectData }}\n            </li>   \n          </div>\n    </div>\n    <div class=\"report-button\">\n        <div class=\"report-circle\">\n            <mat-icon [matMenuTriggerFor]=\"menu\">more_vert</mat-icon>\n              <mat-menu #menu=\"matMenu\">\n                <button mat-menu-item (click)=\"onClick(id)\">\n                    <mat-icon>delete_outline</mat-icon>\n                    <span>Descartar</span>\n                </button>\n              </mat-menu>\n        </div> \n    </div> \n</div>", 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:SF-Pro;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:SF-Pro;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: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReportItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-item', 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            <li>\n                {{ objectData }}\n            </li>   \n          </div>\n    </div>\n    <div class=\"report-button\">\n        <div class=\"report-circle\">\n            <mat-icon [matMenuTriggerFor]=\"menu\">more_vert</mat-icon>\n              <mat-menu #menu=\"matMenu\">\n                <button mat-menu-item (click)=\"onClick(id)\">\n                    <mat-icon>delete_outline</mat-icon>\n                    <span>Descartar</span>\n                </button>\n              </mat-menu>\n        </div> \n    </div> \n</div>", 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:SF-Pro;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:SF-Pro;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
+            }], clicked: [{
+                type: Output
+            }] } });
+
+class MapaReportItemModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaReportItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MapaReportItemModule, declarations: [ReportItemComponent], imports: [CommonModule,
+            MatIconModule,
+            MatMenuModule], exports: [ReportItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaReportItemModule, imports: [CommonModule,
+            MatIconModule,
+            MatMenuModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaReportItemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ReportItemComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatMenuModule
+                    ],
+                    exports: [
+                        ReportItemComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of mapa-library-ui input
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MapaReportItemModule, 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/src/report-item.module.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/mapa-library-ui-src-lib-components-report-item.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\nexport interface ReportItem {\n  id: string;\n  icon: string;\n  description: string;\n  objectData: string;\n}\n\n@Component({\n  selector: 'mapa-report-item',\n  templateUrl: './report-item.component.html',\n  styleUrls: ['./report-item.component.scss']\n})\n\nexport class ReportItemComponent {\n  @Input() itemData: any;\n  @Output() clicked: EventEmitter<string> = new EventEmitter<string>();\n  \n  id: string = \"\";\n  description: string = \"\";\n  icon: string = \"\";\n  objectData: string = \"\";\n\n\n  ngOnInit() {\n    const data = this.itemData[0];\n    this.id = data.id;\n    this.description = data.description;\n    this.icon = data.icon;\n    this.objectData = data.objectData;\n  }\n\n  onClick(id: string): void {\n    this.clicked.emit(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            <li>\n                {{ objectData }}\n            </li>   \n          </div>\n    </div>\n    <div class=\"report-button\">\n        <div class=\"report-circle\">\n            <mat-icon [matMenuTriggerFor]=\"menu\">more_vert</mat-icon>\n              <mat-menu #menu=\"matMenu\">\n                <button mat-menu-item (click)=\"onClick(id)\">\n                    <mat-icon>delete_outline</mat-icon>\n                    <span>Descartar</span>\n                </button>\n              </mat-menu>\n        </div> \n    </div> \n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReportItemComponent } from './report-item.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\n\n\n\n@NgModule({\n  declarations: [\n    ReportItemComponent\n  ],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatMenuModule\n  ],\n  exports: [\n    ReportItemComponent\n  ]\n})\nexport class MapaReportItemModule { }\n","/*\n * Public API Surface of mapa-library-ui input\n */\n\nexport * from './src/report-item.component';\nexport * from './src/report-item.module';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,174 @@
+import { SelectionModel } from '@angular/cdk/collections';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, Input, ViewChild, Output, NgModule } from '@angular/core';
+import * as i4 from '@angular/material/paginator';
+import { MatPaginator, MatPaginatorIntl, MatPaginatorModule } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import * as i5 from '@angular/material/table';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i6 from 'mapa-library-ui';
+import { BubblePaginationDirective } from 'mapa-library-ui';
+
+class MapaTableComponent {
+    constructor() {
+        this.columns = [];
+        this.data = [];
+        this.tableData = new EventEmitter();
+        this.rowClick = new EventEmitter();
+        this.displayedColumns = [];
+        this.selection = new SelectionModel(true, []);
+    }
+    ngAfterViewInit() {
+        this.dataSource = new MatTableDataSource(this.data);
+        this.dataSource.paginator = this.paginator;
+        this.dataSource.sort = this.sort;
+        this.displayedColumns = this.columns.map(column => column.key);
+    }
+    isAllSelected() {
+        const numSelected = this.selection.selected.length;
+        const numRows = this.dataSource.data.length;
+        return numSelected === numRows;
+    }
+    toggleAllRows() {
+        if (this.isAllSelected()) {
+            this.selection.clear();
+        }
+        else {
+            const dataAsPeriodicElements = this.dataSource.data;
+            dataAsPeriodicElements.forEach(row => this.selection.select(row));
+        }
+    }
+    checkboxLabel(row) {
+        if (!row) {
+            return `${this.isAllSelected() ? 'deselect' : 'select'} all`;
+        }
+        return `${this.selection.isSelected(row) ? 'deselect' : 'select'} row ${row.position + 1}`;
+    }
+    sortData(sortKey) {
+        const sort = { active: sortKey, direction: 'asc' };
+        if (this.currentSort && this.currentSort.active === sortKey && this.currentSort.direction === 'asc') {
+            sort.direction = 'desc';
+        }
+        this.currentSort = sort;
+        this.sortDataFunction(sort);
+    }
+    sortDataFunction(sort) {
+        const data = this.dataSource.data.slice();
+        if (!sort.active || sort.direction === '') {
+            this.dataSource.data = data;
+            return;
+        }
+        this.dataSource.data = data.sort((a, b) => {
+            const isAsc = sort.direction === 'asc';
+            return this.compare(a[sort.active], b[sort.active], isAsc);
+        });
+    }
+    compare(a, b, isAsc) {
+        if (typeof a === 'string' && typeof b === 'string') {
+            return (a.toLowerCase() < b.toLowerCase() ? -1 : 1) * (isAsc ? 1 : -1);
+        }
+        return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
+    }
+    createObjectFromSelection() {
+        const selectedRows = this.selection.selected;
+        const selectedObjects = selectedRows.map(row => {
+            const obj = {};
+            this.columns.forEach(column => {
+                obj[column.key] = row[column.key];
+            });
+            return obj;
+        });
+        this.tableData.emit(selectedObjects);
+    }
+    handleRowClick(id) {
+        this.rowClick.emit(id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapaTableComponent, selector: "mapa-table", inputs: { columns: "columns", data: "data", checkbox: "checkbox", actions: "actions" }, outputs: { tableData: "tableData", rowClick: "rowClick" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<div class=\"checkboxTable\">\n  <table mat-table [dataSource]=\"dataSource\" matSort>\n    <ng-container *ngFor=\"let column of columns; let isFirst = first\" [matColumnDef]=\"column.key\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header (click)=\"sortData(column.key)\">\n        <div class=\"header\">\n          <ng-container *ngIf=\"isFirst && checkbox\">\n            <mat-checkbox (change)=\"$event ? toggleAllRows() : null\" [checked]=\"selection.hasValue() && isAllSelected()\"\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n              (click)=\"$event.stopPropagation(); createObjectFromSelection()\">\n            </mat-checkbox>\n          </ng-container>\n          <div *ngIf=\"column.key !== 'actions'\">\n            <mat-icon>filter_list</mat-icon>\n          </div>\n          <div class=\"label\">\n            {{ column.label }}\n          </div> \n        </div> \n      </th>\n      <td mat-cell *matCellDef=\"let row\">\n        <ng-container *ngIf=\"isFirst && checkbox\">\n          <mat-checkbox (click)=\"$event.stopPropagation(); createObjectFromSelection()\"\n            (change)=\"$event ? selection.toggle(row) : null\" [checked]=\"selection.isSelected(row)\">\n          </mat-checkbox>\n        </ng-container>\n        <ng-container *ngIf=\"column.key === 'actions'\">\n          <div class=\"actions\">\n            <mat-icon (click)=\"handleRowClick(row)\">edit</mat-icon>\n            <mat-icon (click)=\"handleRowClick(row)\">delete</mat-icon>          \n            <mat-icon (click)=\"handleRowClick(row)\">visibility</mat-icon>\n          </div>\n        </ng-container>\n        {{ row[column.key] }}\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n\n  <mat-paginator class=\"custom_paginator\" appBubblePagination\n    [appCustomLength]=\"dataSource ? dataSource.data.length : 0\" [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\" [pageSize]=\"5\" aria-label=\"Select page\"></mat-paginator>\n</div>", styles: [".checkboxTable ::ng-deep .mat-mdc-paginator-page-size-label{display:none}.checkboxTable .mat-table{width:100%}.checkboxTable .tr,.checkboxTable th{padding-top:15px;padding-bottom:15px}.checkboxTable .label{margin-top:4px}.checkboxTable .header{padding-top:15px;padding-bottom:15px;align-items:center;display:flex}.checkboxTable .mat-mdc-cell{padding:15px}.checkboxTable .mat-icon{cursor:pointer;position:relative;bottom:-6px;padding:0 5px}.checkboxTable .actions{display:flex}.checkboxTable .actions .mat-icon{color:#ea561d!important}.checkboxTable .mat-accent{--mdc-checkbox-selected-focus-icon-color: #ea561d;--mdc-checkbox-selected-hover-icon-color: #ea561d;--mdc-checkbox-selected-pressed-icon-color: transparent;--mdc-checkbox-selected-icon-color: #ea561d;--mdc-checkbox-selected-checkmark-color: #fff;--mdc-circular-progress-active-indicator-color: transparent}.mat-mdc-paginator-container{display:flex;justify-content:space-between}.g-bubble-container{display:flex;gap:4px}.g-bubble{background-color:#fff;border-radius:20%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#181818;font-size:14px;cursor:pointer;transition:.3s}.g-bubble:hover{background-color:#b6b6b6;color:#fff}.g-bubble__active{background-color:#ea561d;color:#fff}mat-paginator{background:transparent!important}.mat-mdc-paginator-range-actions{margin-right:12px!important}.custom_paginator .mat-mdc-paginator-container{display:flex;justify-content:space-between;margin-right:25vw}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6.BubblePaginationDirective, selector: "[appBubblePagination]", inputs: ["showFirstButton", "showLastButton", "renderButtonsNumber", "appCustomLength", "hideDefaultArrows"], outputs: ["pageIndexChangeEmitter"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-table', encapsulation: ViewEncapsulation.None, template: "<div class=\"checkboxTable\">\n  <table mat-table [dataSource]=\"dataSource\" matSort>\n    <ng-container *ngFor=\"let column of columns; let isFirst = first\" [matColumnDef]=\"column.key\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header (click)=\"sortData(column.key)\">\n        <div class=\"header\">\n          <ng-container *ngIf=\"isFirst && checkbox\">\n            <mat-checkbox (change)=\"$event ? toggleAllRows() : null\" [checked]=\"selection.hasValue() && isAllSelected()\"\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n              (click)=\"$event.stopPropagation(); createObjectFromSelection()\">\n            </mat-checkbox>\n          </ng-container>\n          <div *ngIf=\"column.key !== 'actions'\">\n            <mat-icon>filter_list</mat-icon>\n          </div>\n          <div class=\"label\">\n            {{ column.label }}\n          </div> \n        </div> \n      </th>\n      <td mat-cell *matCellDef=\"let row\">\n        <ng-container *ngIf=\"isFirst && checkbox\">\n          <mat-checkbox (click)=\"$event.stopPropagation(); createObjectFromSelection()\"\n            (change)=\"$event ? selection.toggle(row) : null\" [checked]=\"selection.isSelected(row)\">\n          </mat-checkbox>\n        </ng-container>\n        <ng-container *ngIf=\"column.key === 'actions'\">\n          <div class=\"actions\">\n            <mat-icon (click)=\"handleRowClick(row)\">edit</mat-icon>\n            <mat-icon (click)=\"handleRowClick(row)\">delete</mat-icon>          \n            <mat-icon (click)=\"handleRowClick(row)\">visibility</mat-icon>\n          </div>\n        </ng-container>\n        {{ row[column.key] }}\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n\n  <mat-paginator class=\"custom_paginator\" appBubblePagination\n    [appCustomLength]=\"dataSource ? dataSource.data.length : 0\" [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\" [pageSize]=\"5\" aria-label=\"Select page\"></mat-paginator>\n</div>", styles: [".checkboxTable ::ng-deep .mat-mdc-paginator-page-size-label{display:none}.checkboxTable .mat-table{width:100%}.checkboxTable .tr,.checkboxTable th{padding-top:15px;padding-bottom:15px}.checkboxTable .label{margin-top:4px}.checkboxTable .header{padding-top:15px;padding-bottom:15px;align-items:center;display:flex}.checkboxTable .mat-mdc-cell{padding:15px}.checkboxTable .mat-icon{cursor:pointer;position:relative;bottom:-6px;padding:0 5px}.checkboxTable .actions{display:flex}.checkboxTable .actions .mat-icon{color:#ea561d!important}.checkboxTable .mat-accent{--mdc-checkbox-selected-focus-icon-color: #ea561d;--mdc-checkbox-selected-hover-icon-color: #ea561d;--mdc-checkbox-selected-pressed-icon-color: transparent;--mdc-checkbox-selected-icon-color: #ea561d;--mdc-checkbox-selected-checkmark-color: #fff;--mdc-circular-progress-active-indicator-color: transparent}.mat-mdc-paginator-container{display:flex;justify-content:space-between}.g-bubble-container{display:flex;gap:4px}.g-bubble{background-color:#fff;border-radius:20%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#181818;font-size:14px;cursor:pointer;transition:.3s}.g-bubble:hover{background-color:#b6b6b6;color:#fff}.g-bubble__active{background-color:#ea561d;color:#fff}mat-paginator{background:transparent!important}.mat-mdc-paginator-range-actions{margin-right:12px!important}.custom_paginator .mat-mdc-paginator-container{display:flex;justify-content:space-between;margin-right:25vw}\n"] }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], checkbox: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], paginator: [{
+                type: ViewChild,
+                args: [MatPaginator]
+            }], sort: [{
+                type: ViewChild,
+                args: [MatSort]
+            }], tableData: [{
+                type: Output
+            }], rowClick: [{
+                type: Output
+            }] } });
+
+function CustomPaginator() {
+    const customPaginatorIntl = new MatPaginatorIntl();
+    customPaginatorIntl.itemsPerPageLabel = 'Itens por página:';
+    customPaginatorIntl.nextPageLabel = 'Próxima página';
+    customPaginatorIntl.previousPageLabel = 'Página anterior';
+    return customPaginatorIntl;
+}
+
+class MapaTableModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MapaTableModule, declarations: [MapaTableComponent], imports: [CommonModule,
+            MatCheckboxModule,
+            MatIconModule,
+            MatPaginatorModule,
+            MatTableModule,
+            BubblePaginationDirective], exports: [MapaTableComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaTableModule, providers: [
+            { provide: MatPaginatorIntl, useValue: CustomPaginator() }
+        ], imports: [CommonModule,
+            MatCheckboxModule,
+            MatIconModule,
+            MatPaginatorModule,
+            MatTableModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MapaTableComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatCheckboxModule,
+                        MatIconModule,
+                        MatPaginatorModule,
+                        MatTableModule,
+                        BubblePaginationDirective
+                    ],
+                    exports: [
+                        MapaTableComponent
+                    ],
+                    providers: [
+                        { provide: MatPaginatorIntl, useValue: CustomPaginator() }
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of mapa-library-ui input
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MapaTableComponent, MapaTableModule };
+//# sourceMappingURL=mapa-library-ui-src-lib-components-table.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapa-library-ui-src-lib-components-table.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/table/src/table.component.ts","../../../projects/mapa-library-ui/src/lib/components/table/src/table.component.html","../../../projects/mapa-library-ui/src/lib/components/table/src/paginator_customization.ts","../../../projects/mapa-library-ui/src/lib/components/table/src/table.module.ts","../../../projects/mapa-library-ui/src/lib/components/table/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/table/mapa-library-ui-src-lib-components-table.ts"],"sourcesContent":["import { SelectionModel } from '@angular/cdk/collections';\nimport { Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { MatPaginator } from '@angular/material/paginator';\nimport { MatSort, Sort } from '@angular/material/sort';\nimport { MatTableDataSource } from '@angular/material/table';\n\n@Component({\n  selector: 'mapa-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class MapaTableComponent {\n  @Input() columns: TableColumn[] = [];\n  @Input() data: Object[] = [];\n  @Input() checkbox: boolean | undefined; \n  @Input() actions: boolean | undefined;\n  @ViewChild(MatPaginator) paginator!: MatPaginator;\n  @ViewChild(MatSort) sort!: MatSort;\n  @Output() tableData: EventEmitter<any[]> = new EventEmitter<any[]>();\n  @Output() rowClick: EventEmitter<string> = new EventEmitter<string>(); \n  dataSource!: MatTableDataSource<Object>;\n  displayedColumns: string[] = [];\n  currentSort: Sort | undefined;\n  selection = new SelectionModel<any>(true, []);\n\n  ngAfterViewInit() {\n    this.dataSource = new MatTableDataSource(this.data);\n    this.dataSource.paginator = this.paginator;\n    this.dataSource.sort = this.sort;\n    this.displayedColumns = this.columns.map(column => column.key);\n  }\n\n  isAllSelected() {\n    const numSelected = this.selection.selected.length;\n    const numRows = this.dataSource.data.length;\n    return numSelected === numRows;\n  }\n\n  toggleAllRows() {\n    if (this.isAllSelected()) {\n      this.selection.clear();\n    } else {\n      const dataAsPeriodicElements = this.dataSource.data as any[];\n      dataAsPeriodicElements.forEach(row => this.selection.select(row));\n    }\n  }\n\n  checkboxLabel(row?: any): string {\n    if (!row) {\n      return `${this.isAllSelected() ? 'deselect' : 'select'} all`;\n    }\n    return `${this.selection.isSelected(row) ? 'deselect' : 'select'} row ${row.position + 1}`;\n  }\n\n  sortData(sortKey: string) {\n    const sort: Sort = { active: sortKey, direction: 'asc' };\n\n    if (this.currentSort && this.currentSort.active === sortKey && this.currentSort.direction === 'asc') {\n      sort.direction = 'desc';\n    }\n\n    this.currentSort = sort;\n    this.sortDataFunction(sort);\n  }\n\n  sortDataFunction(sort: Sort) {\n    const data = this.dataSource.data.slice();\n\n    if (!sort.active || sort.direction === '') {\n      this.dataSource.data = data;\n      return;\n    }\n\n    this.dataSource.data = data.sort((a: any, b: any) => {\n      const isAsc = sort.direction === 'asc';\n      return this.compare(a[sort.active], b[sort.active], isAsc);\n    });\n  }\n\n  compare(a: any, b: any, isAsc: boolean) {\n    if (typeof a === 'string' && typeof b === 'string') {\n      return (a.toLowerCase() < b.toLowerCase() ? -1 : 1) * (isAsc ? 1 : -1);\n    }\n    return (a < b ? -1 : 1) * (isAsc ? 1 : -1);\n  }\n\n  createObjectFromSelection() {\n    const selectedRows = this.selection.selected;\n    const selectedObjects = selectedRows.map(row => {\n      const obj: any = {};\n      this.columns.forEach(column => {\n        obj[column.key] = row[column.key];\n      });\n      return obj;\n    });\n    this.tableData.emit(selectedObjects);\n  }\n\n  handleRowClick(id: string) {\n    this.rowClick.emit(id); \n  }\n}\n\nexport interface TableColumn {\n  key: string;\n  label: string;\n  sort: boolean;\n}\n","<div class=\"checkboxTable\">\n  <table mat-table [dataSource]=\"dataSource\" matSort>\n    <ng-container *ngFor=\"let column of columns; let isFirst = first\" [matColumnDef]=\"column.key\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header (click)=\"sortData(column.key)\">\n        <div class=\"header\">\n          <ng-container *ngIf=\"isFirst && checkbox\">\n            <mat-checkbox (change)=\"$event ? toggleAllRows() : null\" [checked]=\"selection.hasValue() && isAllSelected()\"\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n              (click)=\"$event.stopPropagation(); createObjectFromSelection()\">\n            </mat-checkbox>\n          </ng-container>\n          <div *ngIf=\"column.key !== 'actions'\">\n            <mat-icon>filter_list</mat-icon>\n          </div>\n          <div class=\"label\">\n            {{ column.label }}\n          </div> \n        </div> \n      </th>\n      <td mat-cell *matCellDef=\"let row\">\n        <ng-container *ngIf=\"isFirst && checkbox\">\n          <mat-checkbox (click)=\"$event.stopPropagation(); createObjectFromSelection()\"\n            (change)=\"$event ? selection.toggle(row) : null\" [checked]=\"selection.isSelected(row)\">\n          </mat-checkbox>\n        </ng-container>\n        <ng-container *ngIf=\"column.key === 'actions'\">\n          <div class=\"actions\">\n            <mat-icon (click)=\"handleRowClick(row)\">edit</mat-icon>\n            <mat-icon (click)=\"handleRowClick(row)\">delete</mat-icon>          \n            <mat-icon (click)=\"handleRowClick(row)\">visibility</mat-icon>\n          </div>\n        </ng-container>\n        {{ row[column.key] }}\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n\n  <mat-paginator class=\"custom_paginator\" appBubblePagination\n    [appCustomLength]=\"dataSource ? dataSource.data.length : 0\" [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\" [pageSize]=\"5\" aria-label=\"Select page\"></mat-paginator>\n</div>","import { MatPaginatorIntl } from '@angular/material/paginator';\n\nexport function CustomPaginator() {\n  const customPaginatorIntl = new MatPaginatorIntl();\n\n  customPaginatorIntl.itemsPerPageLabel = 'Itens por página:';\n  customPaginatorIntl.nextPageLabel = 'Próxima página';\n  customPaginatorIntl.previousPageLabel = 'Página anterior'; \n  return customPaginatorIntl;\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatPaginatorIntl, MatPaginatorModule } from '@angular/material/paginator';\nimport { MapaTableComponent } from './table.component';\nimport { BubblePaginationDirective } from 'mapa-library-ui';\nimport { CustomPaginator } from './paginator_customization';\n\n@NgModule({\n  declarations: [\n    MapaTableComponent\n  ],\n  imports: [\n    CommonModule,\n    MatCheckboxModule,\n    MatIconModule,\n    MatPaginatorModule,\n    MatTableModule,\n    BubblePaginationDirective\n  ],\n  exports: [\n    MapaTableComponent\n  ],\n  providers: [\n    { provide: MatPaginatorIntl, useValue: CustomPaginator() }\n  ]\n})\nexport class MapaTableModule { }\n","/*\n * Public API Surface of mapa-library-ui input\n */\n\nexport * from '../table/src/table.component';\nexport * from '../table/src/table.module';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,47 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class TagComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TagComponent, selector: "mapa-tag", inputs: { text: "text", color: "color" }, ngImport: i0, template: "<div class=\"tag\" [class.highlight]=\"color === 'highlight'\">{{text}}</div>\n", styles: [".tag{border-radius:16px;border:1px solid #CDCDCD;background:#fff;display:inline-block;padding:8px 12px;line-height:24px;font-weight:300}.tag.highlight{border:2px solid #EEDB2A}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-tag', template: "<div class=\"tag\" [class.highlight]=\"color === 'highlight'\">{{text}}</div>\n", styles: [".tag{border-radius:16px;border:1px solid #CDCDCD;background:#fff;display:inline-block;padding:8px 12px;line-height:24px;font-weight:300}.tag.highlight{border:2px solid #EEDB2A}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+
+class MapaTagModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MapaTagModule, declarations: [TagComponent], imports: [CommonModule], exports: [TagComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaTagModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaTagModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TagComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        TagComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of mapa-library-ui icon
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MapaTagModule, TagComponent };
+//# sourceMappingURL=mapa-library-ui-src-lib-components-tag.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapa-library-ui-src-lib-components-tag.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/tag/tag.component.ts","../../../projects/mapa-library-ui/src/lib/components/tag/tag.component.html","../../../projects/mapa-library-ui/src/lib/components/tag/tag.module.ts","../../../projects/mapa-library-ui/src/lib/components/tag/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/tag/mapa-library-ui-src-lib-components-tag.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'mapa-tag',\n  templateUrl: './tag.component.html',\n  styleUrls: ['./tag.component.scss']\n})\nexport class TagComponent {\n  @Input() text: string | undefined;\n  @Input() color: 'highlight' | null | undefined;\n\n}\n","<div class=\"tag\" [class.highlight]=\"color === 'highlight'\">{{text}}</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TagComponent } from './tag.component';\n\n@NgModule({\n  declarations: [\n    TagComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    TagComponent\n  ]\n})\nexport class MapaTagModule { }\n","/*\n * Public API Surface of mapa-library-ui icon\n */\n\nexport * from './tag.component';\nexport * from './tag.module';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,YAAY,CAAA;+GAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,0FCPzB,iFACA,EAAA,MAAA,EAAA,CAAA,oLAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FDMa,YAAY,EAAA,UAAA,EAAA,CAAA;kBALxB,SAAS;+BACE,UAAU,EAAA,QAAA,EAAA,iFAAA,EAAA,MAAA,EAAA,CAAA,oLAAA,CAAA,EAAA,CAAA;8BAKX,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MEMK,aAAa,CAAA;+GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EATtB,YAAA,EAAA,CAAA,YAAY,CAGZ,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;AAGH,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YANtB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAMH,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACF,iBAAA,CAAA;;;ACdD;;AAEG;;ACFH;;AAEG;;;;"}

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

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { CommonModule } from '@angular/common';
+
+class MapaWarningComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaWarningComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapaWarningComponent, selector: "mapa-warning", inputs: { firstLine: "firstLine", secondLine: "secondLine" }, ngImport: i0, template: "<div class=\"warning\">\n    <div class=\"material-icons\">\n        <mat-icon>warning</mat-icon>\n    </div>\n    <div>\n        <p>\n            {{firstLine}}\n        </p>\n        <p>\n            {{secondLine}}\n        </p>\n    </div> \n</div>", styles: [".warning{background:#eedb2a;display:flex;padding:24px 30px;align-items:flex-start}.warning p{font-family:SF-Pro;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.warning .material-icons{margin-right:12px;margin-top:auto;margin-bottom:auto;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaWarningComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-warning', template: "<div class=\"warning\">\n    <div class=\"material-icons\">\n        <mat-icon>warning</mat-icon>\n    </div>\n    <div>\n        <p>\n            {{firstLine}}\n        </p>\n        <p>\n            {{secondLine}}\n        </p>\n    </div> \n</div>", styles: [".warning{background:#eedb2a;display:flex;padding:24px 30px;align-items:flex-start}.warning p{font-family:SF-Pro;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.warning .material-icons{margin-right:12px;margin-top:auto;margin-bottom:auto;display:flex;align-items:center;justify-content:center}\n"] }]
+        }], propDecorators: { firstLine: [{
+                type: Input
+            }], secondLine: [{
+                type: Input
+            }] } });
+
+class MapaWarningModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaWarningModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MapaWarningModule, declarations: [MapaWarningComponent], imports: [CommonModule,
+            MatIconModule], exports: [MapaWarningComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaWarningModule, imports: [CommonModule,
+            MatIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapaWarningModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MapaWarningComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatIconModule
+                    ],
+                    exports: [MapaWarningComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of mapa-library-ui icon
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MapaWarningComponent, MapaWarningModule };
+//# sourceMappingURL=mapa-library-ui-src-lib-components-warning.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapa-library-ui-src-lib-components-warning.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/warning/src/warning.component.ts","../../../projects/mapa-library-ui/src/lib/components/warning/src/warning.component.html","../../../projects/mapa-library-ui/src/lib/components/warning/src/warning.module.ts","../../../projects/mapa-library-ui/src/lib/components/warning/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/warning/mapa-library-ui-src-lib-components-warning.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'mapa-warning',\n  templateUrl: './warning.component.html',\n  styleUrls: ['./warning.component.scss']\n})\nexport class MapaWarningComponent {\n  @Input() firstLine: string | undefined;\n  @Input() secondLine: string | undefined;\n}\n","<div class=\"warning\">\n    <div class=\"material-icons\">\n        <mat-icon>warning</mat-icon>\n    </div>\n    <div>\n        <p>\n            {{firstLine}}\n        </p>\n        <p>\n            {{secondLine}}\n        </p>\n    </div> \n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MapaWarningComponent } from './warning.component';\nimport { MatIconModule } from '@angular/material/icon';\n\n\n\n@NgModule({\n  declarations: [\n    MapaWarningComponent\n  ],\n  imports: [\n    CommonModule,\n    MatIconModule\n  ],\n  exports: [MapaWarningComponent],\n})\nexport class MapaWarningModule { }\n","/*\n * Public API Surface of mapa-library-ui icon\n */\n\nexport * from './src/warning.component';\nexport * from './src/warning.module';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAOa,oBAAoB,CAAA;+GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,kHCPjC,4PAYM,EAAA,MAAA,EAAA,CAAA,2TAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FDLO,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;+BACE,cAAc,EAAA,QAAA,EAAA,4PAAA,EAAA,MAAA,EAAA,CAAA,2TAAA,CAAA,EAAA,CAAA;8BAKf,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;;;MEQK,iBAAiB,CAAA;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAAjB,iBAAiB,EAAA,YAAA,EAAA,CAR1B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;AACZ,YAAA,aAAa,aAEL,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;AAEnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAL1B,YAAY;YACZ,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAIJ,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;AACd,qBAAA;oBACD,OAAO,EAAE,CAAC,oBAAoB,CAAC;AAChC,iBAAA,CAAA;;;AChBD;;AAEG;;ACFH;;AAEG;;;;"}