cps-ui-kit 0.44.0 → 0.46.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/lib/components/cps-table/cps-table.component.mjs +48 -16
- package/esm2020/lib/components/cps-table/table-row-menu/table-row-menu.component.mjs +37 -0
- package/fesm2015/cps-ui-kit.mjs +106 -43
- package/fesm2015/cps-ui-kit.mjs.map +1 -1
- package/fesm2020/cps-ui-kit.mjs +106 -43
- package/fesm2020/cps-ui-kit.mjs.map +1 -1
- package/lib/components/cps-table/cps-table.component.d.ts +13 -6
- package/lib/components/cps-table/table-row-menu/table-row-menu.component.d.ts +10 -0
- package/package.json +1 -1
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Component, EventEmitter, Output } from '@angular/core';
|
|
2
|
+
import { CpsIconComponent } from '../../cps-icon/cps-icon.component';
|
|
3
|
+
import { CpsMenuComponent } from '../../cps-menu/cps-menu.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class TableRowMenuComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.editRowBtnClicked = new EventEmitter();
|
|
8
|
+
this.removeRowBtnClicked = new EventEmitter();
|
|
9
|
+
this.items = [
|
|
10
|
+
{
|
|
11
|
+
title: 'Edit',
|
|
12
|
+
icon: 'edit',
|
|
13
|
+
action: (event) => {
|
|
14
|
+
this.editRowBtnClicked.emit(event);
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
title: 'Remove',
|
|
19
|
+
icon: 'remove',
|
|
20
|
+
action: (event) => {
|
|
21
|
+
this.removeRowBtnClicked.emit(event);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
];
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
TableRowMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableRowMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
TableRowMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableRowMenuComponent, isStandalone: true, selector: "table-row-menu", outputs: { editRowBtnClicked: "editRowBtnClicked", removeRowBtnClicked: "removeRowBtnClicked" }, ngImport: i0, template: "<cps-menu #rowMenu [items]=\"items\" [compressed]=\"true\" [withArrow]=\"false\">\n</cps-menu>\n<cps-icon\n icon=\"dropdown-menu\"\n size=\"22\"\n (click)=\"rowMenu.toggle($event)\"\n class=\"cps-table-row-menu-icon\">\n</cps-icon>\n", styles: [":host{height:22px;display:block}:host .cps-table-row-menu-icon{cursor:pointer}:host .cps-table-row-menu-icon:hover{color:var(--cps-color-calm)}\n"], dependencies: [{ kind: "component", type: CpsIconComponent, selector: "cps-icon", inputs: ["icon", "size", "color"] }, { kind: "component", type: CpsMenuComponent, selector: "cps-menu", inputs: ["header", "items", "withArrow", "compressed", "focusOnShow", "containerClass"], outputs: ["menuShown", "menuHidden"] }] });
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableRowMenuComponent, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{ selector: 'table-row-menu', standalone: true, imports: [CpsIconComponent, CpsMenuComponent], template: "<cps-menu #rowMenu [items]=\"items\" [compressed]=\"true\" [withArrow]=\"false\">\n</cps-menu>\n<cps-icon\n icon=\"dropdown-menu\"\n size=\"22\"\n (click)=\"rowMenu.toggle($event)\"\n class=\"cps-table-row-menu-icon\">\n</cps-icon>\n", styles: [":host{height:22px;display:block}:host .cps-table-row-menu-icon{cursor:pointer}:host .cps-table-row-menu-icon:hover{color:var(--cps-color-calm)}\n"] }]
|
|
32
|
+
}], propDecorators: { editRowBtnClicked: [{
|
|
33
|
+
type: Output
|
|
34
|
+
}], removeRowBtnClicked: [{
|
|
35
|
+
type: Output
|
|
36
|
+
}] } });
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtcm93LW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3BzLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY3BzLXRhYmxlL3RhYmxlLXJvdy1tZW51L3RhYmxlLXJvdy1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nwcy11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2Nwcy10YWJsZS90YWJsZS1yb3ctbWVudS90YWJsZS1yb3ctbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDckUsT0FBTyxFQUNMLGdCQUFnQixFQUVqQixNQUFNLG1DQUFtQyxDQUFDOztBQVMzQyxNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUVksc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUM1Qyx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXhELFVBQUssR0FBRztZQUNOO2dCQUNFLEtBQUssRUFBRSxNQUFNO2dCQUNiLElBQUksRUFBRSxNQUFNO2dCQUNaLE1BQU0sRUFBRSxDQUFDLEtBQVUsRUFBRSxFQUFFO29CQUNyQixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNyQyxDQUFDO2FBQ0Y7WUFDRDtnQkFDRSxLQUFLLEVBQUUsUUFBUTtnQkFDZixJQUFJLEVBQUUsUUFBUTtnQkFDZCxNQUFNLEVBQUUsQ0FBQyxLQUFVLEVBQUUsRUFBRTtvQkFDckIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDdkMsQ0FBQzthQUNGO1NBQ2UsQ0FBQztLQUNwQjs7a0hBcEJZLHFCQUFxQjtzR0FBckIscUJBQXFCLDJLQ2RsQywrT0FRQSwyTURFWSxnQkFBZ0Isd0ZBQUUsZ0JBQWdCOzJGQUlqQyxxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLEVBQUUsZ0JBQWdCLENBQUM7OEJBS25DLGlCQUFpQjtzQkFBMUIsTUFBTTtnQkFDRyxtQkFBbUI7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDcHNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY3BzLWljb24vY3BzLWljb24uY29tcG9uZW50JztcbmltcG9ydCB7XG4gIENwc01lbnVDb21wb25lbnQsXG4gIENwc01lbnVJdGVtXG59IGZyb20gJy4uLy4uL2Nwcy1tZW51L2Nwcy1tZW51LmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RhYmxlLXJvdy1tZW51JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0Nwc0ljb25Db21wb25lbnQsIENwc01lbnVDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFibGUtcm93LW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWJsZS1yb3ctbWVudS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlUm93TWVudUNvbXBvbmVudCB7XG4gIEBPdXRwdXQoKSBlZGl0Um93QnRuQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgcmVtb3ZlUm93QnRuQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIGl0ZW1zID0gW1xuICAgIHtcbiAgICAgIHRpdGxlOiAnRWRpdCcsXG4gICAgICBpY29uOiAnZWRpdCcsXG4gICAgICBhY3Rpb246IChldmVudDogYW55KSA9PiB7XG4gICAgICAgIHRoaXMuZWRpdFJvd0J0bkNsaWNrZWQuZW1pdChldmVudCk7XG4gICAgICB9XG4gICAgfSxcbiAgICB7XG4gICAgICB0aXRsZTogJ1JlbW92ZScsXG4gICAgICBpY29uOiAncmVtb3ZlJyxcbiAgICAgIGFjdGlvbjogKGV2ZW50OiBhbnkpID0+IHtcbiAgICAgICAgdGhpcy5yZW1vdmVSb3dCdG5DbGlja2VkLmVtaXQoZXZlbnQpO1xuICAgICAgfVxuICAgIH1cbiAgXSBhcyBDcHNNZW51SXRlbVtdO1xufVxuIiwiPGNwcy1tZW51ICNyb3dNZW51IFtpdGVtc109XCJpdGVtc1wiIFtjb21wcmVzc2VkXT1cInRydWVcIiBbd2l0aEFycm93XT1cImZhbHNlXCI+XG48L2Nwcy1tZW51PlxuPGNwcy1pY29uXG4gIGljb249XCJkcm9wZG93bi1tZW51XCJcbiAgc2l6ZT1cIjIyXCJcbiAgKGNsaWNrKT1cInJvd01lbnUudG9nZ2xlKCRldmVudClcIlxuICBjbGFzcz1cImNwcy10YWJsZS1yb3ctbWVudS1pY29uXCI+XG48L2Nwcy1pY29uPlxuIl19
|