cps-ui-kit 0.140.0 → 0.141.0

package/esm2020/lib/components/cps-table/components/internal/table-row-menu/table-row-menu.component.mjs

@@ -0,0 +1,51 @@
+import { Component, EventEmitter, Output } from '@angular/core';
+import { CpsIconComponent } from '../../../../cps-icon/cps-icon.component';
+import { CpsMenuComponent } from '../../../../cps-menu/cps-menu.component';
+import * as i0 from "@angular/core";
+/**
+ * TableRowMenuComponent is an internal component which applies the menu to each row.
+ * @group Components
+ */
+export class TableRowMenuComponent {
+    constructor() {
+        /**
+         * Callback to invoke when edit-row button is clicked.
+         * @param {any} any - button clicked.
+         * @group Emits
+         */
+        this.editRowBtnClicked = new EventEmitter();
+        /**
+         * Callback to invoke when remove-row button is clicked.
+         * @param {any} any - button clicked.
+         * @group Emits
+         */
+        this.removeRowBtnClicked = new EventEmitter();
+        this.items = [
+            {
+                title: 'Edit',
+                icon: 'edit',
+                action: (event) => {
+                    this.editRowBtnClicked.emit(event);
+                }
+            },
+            {
+                title: 'Remove',
+                icon: 'remove',
+                action: (event) => {
+                    this.removeRowBtnClicked.emit(event);
+                }
+            }
+        ];
+    }
+}
+TableRowMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableRowMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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", "persistent", "containerClass", "showTransitionOptions", "hideTransitionOptions"], outputs: ["menuShown", "menuHidden", "beforeMenuHidden", "contentClicked"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableRowMenuComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], propDecorators: { editRowBtnClicked: [{
+                type: Output
+            }], removeRowBtnClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtcm93LW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3BzLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY3BzLXRhYmxlL2NvbXBvbmVudHMvaW50ZXJuYWwvdGFibGUtcm93LW1lbnUvdGFibGUtcm93LW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3BzLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY3BzLXRhYmxlL2NvbXBvbmVudHMvaW50ZXJuYWwvdGFibGUtcm93LW1lbnUvdGFibGUtcm93LW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzNFLE9BQU8sRUFDTCxnQkFBZ0IsRUFFakIsTUFBTSx5Q0FBeUMsQ0FBQzs7QUFFakQ7OztHQUdHO0FBUUgsTUFBTSxPQUFPLHFCQUFxQjtJQVBsQztRQVFFOzs7O1dBSUc7UUFDTyxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXREOzs7O1dBSUc7UUFDTyx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXhELFVBQUssR0FBa0I7WUFDckI7Z0JBQ0UsS0FBSyxFQUFFLE1BQU07Z0JBQ2IsSUFBSSxFQUFFLE1BQU07Z0JBQ1osTUFBTSxFQUFFLENBQUMsS0FBVSxFQUFFLEVBQUU7b0JBQ3JCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ3JDLENBQUM7YUFDRjtZQUNEO2dCQUNFLEtBQUssRUFBRSxRQUFRO2dCQUNmLElBQUksRUFBRSxRQUFRO2dCQUNkLE1BQU0sRUFBRSxDQUFDLEtBQVUsRUFBRSxFQUFFO29CQUNyQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUN2QyxDQUFDO2FBQ0Y7U0FDRixDQUFDO0tBQ0g7O2tIQS9CWSxxQkFBcUI7c0dBQXJCLHFCQUFxQiwyS0NsQmxDLCtPQVFBLDJNRE1ZLGdCQUFnQix3RkFBRSxnQkFBZ0I7MkZBSWpDLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQzs4QkFVbkMsaUJBQWlCO3NCQUExQixNQUFNO2dCQU9HLG1CQUFtQjtzQkFBNUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENwc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9jcHMtaWNvbi9jcHMtaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgQ3BzTWVudUNvbXBvbmVudCxcbiAgQ3BzTWVudUl0ZW1cbn0gZnJvbSAnLi4vLi4vLi4vLi4vY3BzLW1lbnUvY3BzLW1lbnUuY29tcG9uZW50JztcblxuLyoqXG4gKiBUYWJsZVJvd01lbnVDb21wb25lbnQgaXMgYW4gaW50ZXJuYWwgY29tcG9uZW50IHdoaWNoIGFwcGxpZXMgdGhlIG1lbnUgdG8gZWFjaCByb3cuXG4gKiBAZ3JvdXAgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0YWJsZS1yb3ctbWVudScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDcHNJY29uQ29tcG9uZW50LCBDcHNNZW51Q29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLXJvdy1tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGFibGUtcm93LW1lbnUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZVJvd01lbnVDb21wb25lbnQge1xuICAvKipcbiAgICogQ2FsbGJhY2sgdG8gaW52b2tlIHdoZW4gZWRpdC1yb3cgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqIEBwYXJhbSB7YW55fSBhbnkgLSBidXR0b24gY2xpY2tlZC5cbiAgICogQGdyb3VwIEVtaXRzXG4gICAqL1xuICBAT3V0cHV0KCkgZWRpdFJvd0J0bkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAvKipcbiAgICogQ2FsbGJhY2sgdG8gaW52b2tlIHdoZW4gcmVtb3ZlLXJvdyBidXR0b24gaXMgY2xpY2tlZC5cbiAgICogQHBhcmFtIHthbnl9IGFueSAtIGJ1dHRvbiBjbGlja2VkLlxuICAgKiBAZ3JvdXAgRW1pdHNcbiAgICovXG4gIEBPdXRwdXQoKSByZW1vdmVSb3dCdG5DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgaXRlbXM6IENwc01lbnVJdGVtW10gPSBbXG4gICAge1xuICAgICAgdGl0bGU6ICdFZGl0JyxcbiAgICAgIGljb246ICdlZGl0JyxcbiAgICAgIGFjdGlvbjogKGV2ZW50OiBhbnkpID0+IHtcbiAgICAgICAgdGhpcy5lZGl0Um93QnRuQ2xpY2tlZC5lbWl0KGV2ZW50KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIHtcbiAgICAgIHRpdGxlOiAnUmVtb3ZlJyxcbiAgICAgIGljb246ICdyZW1vdmUnLFxuICAgICAgYWN0aW9uOiAoZXZlbnQ6IGFueSkgPT4ge1xuICAgICAgICB0aGlzLnJlbW92ZVJvd0J0bkNsaWNrZWQuZW1pdChldmVudCk7XG4gICAgICB9XG4gICAgfVxuICBdO1xufVxuIiwiPGNwcy1tZW51ICNyb3dNZW51IFtpdGVtc109XCJpdGVtc1wiIFtjb21wcmVzc2VkXT1cInRydWVcIiBbd2l0aEFycm93XT1cImZhbHNlXCI+XG48L2Nwcy1tZW51PlxuPGNwcy1pY29uXG4gIGljb249XCJkcm9wZG93bi1tZW51XCJcbiAgc2l6ZT1cIjIyXCJcbiAgKGNsaWNrKT1cInJvd01lbnUudG9nZ2xlKCRldmVudClcIlxuICBjbGFzcz1cImNwcy10YWJsZS1yb3ctbWVudS1pY29uXCI+XG48L2Nwcy1pY29uPlxuIl19