mapa-library-ui 0.15.6 → 0.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/src/lib/components/breadcrumb/mapa-library-ui-src-lib-components-breadcrumb.mjs +5 -0
- package/esm2020/src/lib/components/breadcrumb/public-api.mjs +6 -0
- package/esm2020/src/lib/components/breadcrumb/src/breadcrumb.component.mjs +14 -0
- package/esm2020/src/lib/components/breadcrumb/src/breadcrumb.module.mjs +18 -0
- package/esm2020/src/lib/components/menu/src/menu.component.mjs +13 -5
- package/esm2020/src/lib/components/table/lib/components/menu/src/menu.component.mjs +13 -5
- package/esm2020/src/lib/components/table/lib/components/table/src/table.component.mjs +42 -10
- package/fesm2015/mapa-library-ui-src-lib-components-breadcrumb.mjs +40 -0
- package/fesm2015/mapa-library-ui-src-lib-components-breadcrumb.mjs.map +1 -0
- package/fesm2015/mapa-library-ui-src-lib-components-menu.mjs +11 -3
- package/fesm2015/mapa-library-ui-src-lib-components-menu.mjs.map +1 -1
- package/fesm2015/mapa-library-ui-src-lib-components-table.mjs +54 -12
- package/fesm2015/mapa-library-ui-src-lib-components-table.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-breadcrumb.mjs +40 -0
- package/fesm2020/mapa-library-ui-src-lib-components-breadcrumb.mjs.map +1 -0
- package/fesm2020/mapa-library-ui-src-lib-components-menu.mjs +11 -3
- package/fesm2020/mapa-library-ui-src-lib-components-menu.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-table.mjs +52 -12
- package/fesm2020/mapa-library-ui-src-lib-components-table.mjs.map +1 -1
- package/mapa-library-ui-0.16.0.tgz +0 -0
- package/package.json +9 -1
- package/src/lib/components/breadcrumb/index.d.ts +5 -0
- package/src/lib/components/breadcrumb/public-api.d.ts +2 -0
- package/src/lib/components/breadcrumb/src/breadcrumb.component.d.ts +6 -0
- package/src/lib/components/breadcrumb/src/breadcrumb.module.d.ts +8 -0
- package/src/lib/components/menu/src/menu.component.d.ts +7 -3
- package/src/lib/components/table/lib/components/menu/src/menu.component.d.ts +7 -3
- package/src/lib/components/table/lib/components/table/src/table.component.d.ts +5 -0
- package/mapa-library-ui-0.15.6.tgz +0 -0
package/esm2020/src/lib/components/breadcrumb/mapa-library-ui-src-lib-components-breadcrumb.mjs
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwYS1saWJyYXJ5LXVpLXNyYy1saWItY29tcG9uZW50cy1icmVhZGNydW1iLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1iL21hcGEtbGlicmFyeS11aS1zcmMtbGliLWNvbXBvbmVudHMtYnJlYWRjcnVtYi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of mapa-library-ui breadcrumb
|
|
3
|
+
*/
|
|
4
|
+
export * from './src/breadcrumb.component';
|
|
5
|
+
export * from './src/breadcrumb.module';
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBtYXBhLWxpYnJhcnktdWkgYnJlYWRjcnVtYlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vc3JjL2JyZWFkY3J1bWIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2JyZWFkY3J1bWIubW9kdWxlJztcbiJdfQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class MapaBreadcrumbComponent {
|
|
5
|
+
}
|
|
6
|
+
MapaBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
MapaBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBreadcrumbComponent, selector: "mapa-breadcrumb", inputs: { items: "items" }, ngImport: i0, template: "<section class=\"mapa-breadcrumb\">\n <span\n class=\"mapa-breadcrumb__item\"\n *ngFor=\"let item of items.slice(0, items.length - 1)\"\n >\n {{ item }} <span class=\"mapa-breadcrumb__item--next\">></span>\n </span>\n <span class=\"mapa-breadcrumb__item mapa-breadcrumb__item--highlight\">{{ items[items.length - 1] }}</span>\n</section>\n", styles: [".mapa-breadcrumb{display:flex;font-family:SF-Pro;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--next{margin:0 6px}.mapa-breadcrumb__item--highlight{color:#ea561d}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBreadcrumbComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: 'mapa-breadcrumb', template: "<section class=\"mapa-breadcrumb\">\n <span\n class=\"mapa-breadcrumb__item\"\n *ngFor=\"let item of items.slice(0, items.length - 1)\"\n >\n {{ item }} <span class=\"mapa-breadcrumb__item--next\">></span>\n </span>\n <span class=\"mapa-breadcrumb__item mapa-breadcrumb__item--highlight\">{{ items[items.length - 1] }}</span>\n</section>\n", styles: [".mapa-breadcrumb{display:flex;font-family:SF-Pro;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--next{margin:0 6px}.mapa-breadcrumb__item--highlight{color:#ea561d}\n"] }]
|
|
11
|
+
}], propDecorators: { items: [{
|
|
12
|
+
type: Input
|
|
13
|
+
}] } });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWIvc3JjL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1iL3NyYy9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWdCLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZFLE1BQU0sT0FBTyx1QkFBdUI7O3FIQUF2Qix1QkFBdUI7eUdBQXZCLHVCQUF1QixtRkNQcEMsa1dBU0E7NEZERmEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLGlCQUFpQjs4QkFLbEIsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWFwYS1icmVhZGNydW1iJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTWFwYUJyZWFkY3J1bWJDb21wb25lbnQge1xuICBASW5wdXQoKSBpdGVtcyE6IHN0cmluZ1tdO1xufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJtYXBhLWJyZWFkY3J1bWJcIj5cbiAgPHNwYW5cbiAgICBjbGFzcz1cIm1hcGEtYnJlYWRjcnVtYl9faXRlbVwiXG4gICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXMuc2xpY2UoMCwgaXRlbXMubGVuZ3RoIC0gMSlcIlxuICA+XG4gICAge3sgaXRlbSB9fSA8c3BhbiBjbGFzcz1cIm1hcGEtYnJlYWRjcnVtYl9faXRlbS0tbmV4dFwiPj48L3NwYW4+XG4gIDwvc3Bhbj5cbiAgPHNwYW4gY2xhc3M9XCJtYXBhLWJyZWFkY3J1bWJfX2l0ZW0gbWFwYS1icmVhZGNydW1iX19pdGVtLS1oaWdobGlnaHRcIj57eyBpdGVtc1tpdGVtcy5sZW5ndGggLSAxXSB9fTwvc3Bhbj5cbjwvc2VjdGlvbj5cbiJdfQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { MapaBreadcrumbComponent } from './breadcrumb.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class MapaBreadcrumbModule {
|
|
6
|
+
}
|
|
7
|
+
MapaBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
MapaBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaBreadcrumbModule, declarations: [MapaBreadcrumbComponent], imports: [CommonModule], exports: [MapaBreadcrumbComponent] });
|
|
9
|
+
MapaBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBreadcrumbModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBreadcrumbModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [MapaBreadcrumbComponent],
|
|
14
|
+
exports: [MapaBreadcrumbComponent],
|
|
15
|
+
imports: [CommonModule],
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWIvc3JjL2JyZWFkY3J1bWIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQU9qRSxNQUFNLE9BQU8sb0JBQW9COztrSEFBcEIsb0JBQW9CO21IQUFwQixvQkFBb0IsaUJBSmhCLHVCQUF1QixhQUU1QixZQUFZLGFBRFosdUJBQXVCO21IQUd0QixvQkFBb0IsWUFGckIsWUFBWTs0RkFFWCxvQkFBb0I7a0JBTGhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsdUJBQXVCLENBQUM7b0JBQ3ZDLE9BQU8sRUFBRSxDQUFDLHVCQUF1QixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7aUJBQ3hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IE1hcGFCcmVhZGNydW1iQ29tcG9uZW50IH0gZnJvbSAnLi9icmVhZGNydW1iLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW01hcGFCcmVhZGNydW1iQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW01hcGFCcmVhZGNydW1iQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFCcmVhZGNydW1iTW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Component, Input, ViewChild } from
|
|
2
|
-
import { MatMenuTrigger } from
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild, } from "@angular/core";
|
|
2
|
+
import { MatMenuTrigger } from "@angular/material/menu";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
import * as i2 from "@angular/material/menu";
|
|
@@ -7,20 +7,28 @@ import * as i3 from "@angular/material/icon";
|
|
|
7
7
|
export class MapaMenuComponent {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.items = [];
|
|
10
|
+
this.emitMenu = new EventEmitter();
|
|
10
11
|
}
|
|
11
12
|
toggleMenu() {
|
|
12
13
|
this.trigger.openMenu();
|
|
13
14
|
}
|
|
15
|
+
clickMenu(action) {
|
|
16
|
+
this.emitMenu.emit({ action, data: this.data });
|
|
17
|
+
}
|
|
14
18
|
}
|
|
15
19
|
MapaMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
MapaMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaMenuComponent, selector: "mapa-menu", inputs: { items: "items" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<mat-menu #menu=\"matMenu\" class=\"mapa-menu\">\n <button
|
|
20
|
+
MapaMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaMenuComponent, selector: "mapa-menu", inputs: { items: "items", data: "data" }, outputs: { emitMenu: "emitMenu" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<mat-menu #menu=\"matMenu\" class=\"mapa-menu\">\n <button\n *ngFor=\"let item of items\"\n mat-menu-item\n (click)=\"clickMenu(item.action)\"\n class=\"mapa-menu__item\"\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\n<img\n class=\"outside-menu-icon\"\n src=\"assets/images/icons/ThreePoints.svg\"\n (click)=\"toggleMenu()\"\n [matMenuTriggerFor]=\"menu\"\n/>\n", styles: [".outside-menu-icon{color:#50575e;display:flex;align-items:center;justify-content:center}.mat-menu-content mat-icon{color:var(--Grey-Grey-60, #50575e);font-size:16px;line-height:28px}.mapa-menu__item{display:flex;align-items:center}.mapa-menu__item img{margin-right:8px}\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.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"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
17
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaMenuComponent, decorators: [{
|
|
18
22
|
type: Component,
|
|
19
|
-
args: [{ selector:
|
|
23
|
+
args: [{ selector: "mapa-menu", template: "<mat-menu #menu=\"matMenu\" class=\"mapa-menu\">\n <button\n *ngFor=\"let item of items\"\n mat-menu-item\n (click)=\"clickMenu(item.action)\"\n class=\"mapa-menu__item\"\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\n<img\n class=\"outside-menu-icon\"\n src=\"assets/images/icons/ThreePoints.svg\"\n (click)=\"toggleMenu()\"\n [matMenuTriggerFor]=\"menu\"\n/>\n", styles: [".outside-menu-icon{color:#50575e;display:flex;align-items:center;justify-content:center}.mat-menu-content mat-icon{color:var(--Grey-Grey-60, #50575e);font-size:16px;line-height:28px}.mapa-menu__item{display:flex;align-items:center}.mapa-menu__item img{margin-right:8px}\n"] }]
|
|
20
24
|
}], propDecorators: { items: [{
|
|
21
25
|
type: Input
|
|
26
|
+
}], data: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], emitMenu: [{
|
|
29
|
+
type: Output
|
|
22
30
|
}], trigger: [{
|
|
23
31
|
type: ViewChild,
|
|
24
32
|
args: [MatMenuTrigger]
|
|
25
33
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvc3JjL21lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9tZW51L3NyYy9tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7QUFjeEQsTUFBTSxPQUFPLGlCQUFpQjtJQUw5QjtRQU1XLFVBQUssR0FBZSxFQUFFLENBQUM7UUFFdEIsYUFBUSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO0tBVWpFO0lBUEMsVUFBVTtRQUNSLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELFNBQVMsQ0FBQyxNQUFjO1FBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNsRCxDQUFDOzsrR0FaVSxpQkFBaUI7bUdBQWpCLGlCQUFpQix1S0FJakIsY0FBYyxnREN6QjNCLG1nQkFtQkE7NEZERWEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLFdBQVc7OEJBS1osS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNvQixPQUFPO3NCQUFqQyxTQUFTO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTWF0TWVudVRyaWdnZXIgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVJdGVtIHtcbiAgaW1hZ2U/OiBzdHJpbmc7XG4gIGljb24/OiBzdHJpbmc7XG4gIHRleHQ6IHN0cmluZztcbiAgYWN0aW9uOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtYXBhLW1lbnVcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9tZW51LmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9tZW51LmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBNYXBhTWVudUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGl0ZW1zOiBNZW51SXRlbVtdID0gW107XG4gIEBJbnB1dCgpIGRhdGE/OiBhbnk7XG4gIEBPdXRwdXQoKSBlbWl0TWVudTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQFZpZXdDaGlsZChNYXRNZW51VHJpZ2dlcikgdHJpZ2dlciE6IE1hdE1lbnVUcmlnZ2VyO1xuXG4gIHRvZ2dsZU1lbnUoKTogdm9pZCB7XG4gICAgdGhpcy50cmlnZ2VyLm9wZW5NZW51KCk7XG4gIH1cblxuICBjbGlja01lbnUoYWN0aW9uOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmVtaXRNZW51LmVtaXQoeyBhY3Rpb24sIGRhdGE6IHRoaXMuZGF0YSB9KTtcbiAgfVxufVxuIiwiPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiIGNsYXNzPVwibWFwYS1tZW51XCI+XG4gIDxidXR0b25cbiAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiXG4gICAgbWF0LW1lbnUtaXRlbVxuICAgIChjbGljayk9XCJjbGlja01lbnUoaXRlbS5hY3Rpb24pXCJcbiAgICBjbGFzcz1cIm1hcGEtbWVudV9faXRlbVwiXG4gID5cbiAgICA8bWF0LWljb24gKm5nSWY9XCJpdGVtLmljb25cIj57e2l0ZW0uaWNvbn19PC9tYXQtaWNvbj5cbiAgICA8aW1nICpuZ0lmPVwiaXRlbS5pbWFnZVwiIFtzcmNdPVwiaXRlbS5pbWFnZVwiIC8+XG4gICAgPHNwYW4+e3tpdGVtLnRleHR9fTwvc3Bhbj5cbiAgPC9idXR0b24+XG48L21hdC1tZW51PlxuXG48aW1nXG4gIGNsYXNzPVwib3V0c2lkZS1tZW51LWljb25cIlxuICBzcmM9XCJhc3NldHMvaW1hZ2VzL2ljb25zL1RocmVlUG9pbnRzLnN2Z1wiXG4gIChjbGljayk9XCJ0b2dnbGVNZW51KClcIlxuICBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiXG4vPlxuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Component, Input, ViewChild } from
|
|
2
|
-
import { MatMenuTrigger } from
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild, } from "@angular/core";
|
|
2
|
+
import { MatMenuTrigger } from "@angular/material/menu";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
import * as i2 from "@angular/material/menu";
|
|
@@ -7,20 +7,28 @@ import * as i3 from "@angular/material/icon";
|
|
|
7
7
|
export class MapaMenuComponent {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.items = [];
|
|
10
|
+
this.emitMenu = new EventEmitter();
|
|
10
11
|
}
|
|
11
12
|
toggleMenu() {
|
|
12
13
|
this.trigger.openMenu();
|
|
13
14
|
}
|
|
15
|
+
clickMenu(action) {
|
|
16
|
+
this.emitMenu.emit({ action, data: this.data });
|
|
17
|
+
}
|
|
14
18
|
}
|
|
15
19
|
MapaMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
MapaMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaMenuComponent, selector: "mapa-menu", inputs: { items: "items" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<mat-menu #menu=\"matMenu\" class=\"mapa-menu\">\n <button
|
|
20
|
+
MapaMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaMenuComponent, selector: "mapa-menu", inputs: { items: "items", data: "data" }, outputs: { emitMenu: "emitMenu" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<mat-menu #menu=\"matMenu\" class=\"mapa-menu\">\n <button\n *ngFor=\"let item of items\"\n mat-menu-item\n (click)=\"clickMenu(item.action)\"\n class=\"mapa-menu__item\"\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\n<img\n class=\"outside-menu-icon\"\n src=\"assets/images/icons/ThreePoints.svg\"\n (click)=\"toggleMenu()\"\n [matMenuTriggerFor]=\"menu\"\n/>\n", styles: [".outside-menu-icon{color:#50575e;display:flex;align-items:center;justify-content:center}.mat-menu-content mat-icon{color:var(--Grey-Grey-60, #50575e);font-size:16px;line-height:28px}.mapa-menu__item{display:flex;align-items:center}.mapa-menu__item img{margin-right:8px}\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.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"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
17
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaMenuComponent, decorators: [{
|
|
18
22
|
type: Component,
|
|
19
|
-
args: [{ selector:
|
|
23
|
+
args: [{ selector: "mapa-menu", template: "<mat-menu #menu=\"matMenu\" class=\"mapa-menu\">\n <button\n *ngFor=\"let item of items\"\n mat-menu-item\n (click)=\"clickMenu(item.action)\"\n class=\"mapa-menu__item\"\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\n<img\n class=\"outside-menu-icon\"\n src=\"assets/images/icons/ThreePoints.svg\"\n (click)=\"toggleMenu()\"\n [matMenuTriggerFor]=\"menu\"\n/>\n", styles: [".outside-menu-icon{color:#50575e;display:flex;align-items:center;justify-content:center}.mat-menu-content mat-icon{color:var(--Grey-Grey-60, #50575e);font-size:16px;line-height:28px}.mapa-menu__item{display:flex;align-items:center}.mapa-menu__item img{margin-right:8px}\n"] }]
|
|
20
24
|
}], propDecorators: { items: [{
|
|
21
25
|
type: Input
|
|
26
|
+
}], data: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], emitMenu: [{
|
|
29
|
+
type: Output
|
|
22
30
|
}], trigger: [{
|
|
23
31
|
type: ViewChild,
|
|
24
32
|
args: [MatMenuTrigger]
|
|
25
33
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvc3JjL21lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9tZW51L3NyYy9tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7QUFjeEQsTUFBTSxPQUFPLGlCQUFpQjtJQUw5QjtRQU1XLFVBQUssR0FBZSxFQUFFLENBQUM7UUFFdEIsYUFBUSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO0tBVWpFO0lBUEMsVUFBVTtRQUNSLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELFNBQVMsQ0FBQyxNQUFjO1FBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNsRCxDQUFDOzsrR0FaVSxpQkFBaUI7bUdBQWpCLGlCQUFpQix1S0FJakIsY0FBYyxnREN6QjNCLG1nQkFtQkE7NEZERWEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLFdBQVc7OEJBS1osS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNvQixPQUFPO3NCQUFqQyxTQUFTO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTWF0TWVudVRyaWdnZXIgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVJdGVtIHtcbiAgaW1hZ2U/OiBzdHJpbmc7XG4gIGljb24/OiBzdHJpbmc7XG4gIHRleHQ6IHN0cmluZztcbiAgYWN0aW9uOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtYXBhLW1lbnVcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9tZW51LmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9tZW51LmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBNYXBhTWVudUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGl0ZW1zOiBNZW51SXRlbVtdID0gW107XG4gIEBJbnB1dCgpIGRhdGE/OiBhbnk7XG4gIEBPdXRwdXQoKSBlbWl0TWVudTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQFZpZXdDaGlsZChNYXRNZW51VHJpZ2dlcikgdHJpZ2dlciE6IE1hdE1lbnVUcmlnZ2VyO1xuXG4gIHRvZ2dsZU1lbnUoKTogdm9pZCB7XG4gICAgdGhpcy50cmlnZ2VyLm9wZW5NZW51KCk7XG4gIH1cblxuICBjbGlja01lbnUoYWN0aW9uOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmVtaXRNZW51LmVtaXQoeyBhY3Rpb24sIGRhdGE6IHRoaXMuZGF0YSB9KTtcbiAgfVxufVxuIiwiPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiIGNsYXNzPVwibWFwYS1tZW51XCI+XG4gIDxidXR0b25cbiAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiXG4gICAgbWF0LW1lbnUtaXRlbVxuICAgIChjbGljayk9XCJjbGlja01lbnUoaXRlbS5hY3Rpb24pXCJcbiAgICBjbGFzcz1cIm1hcGEtbWVudV9faXRlbVwiXG4gID5cbiAgICA8bWF0LWljb24gKm5nSWY9XCJpdGVtLmljb25cIj57e2l0ZW0uaWNvbn19PC9tYXQtaWNvbj5cbiAgICA8aW1nICpuZ0lmPVwiaXRlbS5pbWFnZVwiIFtzcmNdPVwiaXRlbS5pbWFnZVwiIC8+XG4gICAgPHNwYW4+e3tpdGVtLnRleHR9fTwvc3Bhbj5cbiAgPC9idXR0b24+XG48L21hdC1tZW51PlxuXG48aW1nXG4gIGNsYXNzPVwib3V0c2lkZS1tZW51LWljb25cIlxuICBzcmM9XCJhc3NldHMvaW1hZ2VzL2ljb25zL1RocmVlUG9pbnRzLnN2Z1wiXG4gIChjbGljayk9XCJ0b2dnbGVNZW51KClcIlxuICBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiXG4vPlxuIl19
|