@coolon/angular-ui-powerups 16.1.0-aplpha.151 → 16.1.0-aplpha.153
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/assets/table.scss +1 -1
- package/esm2022/lib/components/components.module.mjs +16 -16
- package/esm2022/lib/components/exports.mjs +4 -4
- package/esm2022/lib/components/loadable-component.mjs +1 -1
- package/esm2022/lib/components/tables/abstract-table-model.mjs +43 -24
- package/esm2022/lib/components/tables/renderer/table-action-column/menu-builder.mjs +2 -0
- package/esm2022/lib/components/tables/renderer/table-action-column/table-action-column.component.mjs +147 -0
- package/esm2022/lib/components/tables/renderer/table-custom-more-menu/table-custom-more-menu-popup.component.mjs +45 -0
- package/esm2022/lib/components/tables/renderer/table-custom-more-menu/table-custom-more-menu.component.mjs +71 -0
- package/fesm2022/coolon-angular-ui-powerups.mjs +199 -110
- package/fesm2022/coolon-angular-ui-powerups.mjs.map +1 -1
- package/lib/components/components.module.d.ts +4 -4
- package/lib/components/exports.d.ts +3 -3
- package/lib/components/loadable-component.d.ts +2 -2
- package/lib/components/tables/abstract-table-model.d.ts +26 -19
- package/lib/components/tables/renderer/table-action-column/menu-builder.d.ts +7 -0
- package/lib/components/tables/renderer/table-action-column/table-action-column.component.d.ts +41 -0
- package/lib/components/tables/renderer/table-custom-more-menu/table-custom-more-menu-popup.component.d.ts +19 -0
- package/lib/components/tables/renderer/{table-more-menu/table-more-menu.component.d.ts → table-custom-more-menu/table-custom-more-menu.component.d.ts} +7 -7
- package/package.json +1 -1
- package/esm2022/lib/components/tables/renderer/table-more-menu/table-more-menu-popup/table-more-menu-popup.component.mjs +0 -40
- package/esm2022/lib/components/tables/renderer/table-more-menu/table-more-menu.component.mjs +0 -65
- package/esm2022/lib/components/tables/table-row-menu/table-row-menu.component.mjs +0 -84
- package/lib/components/tables/renderer/table-more-menu/table-more-menu-popup/table-more-menu-popup.component.d.ts +0 -18
- package/lib/components/tables/table-row-menu/table-row-menu.component.d.ts +0 -28
package/esm2022/lib/components/tables/renderer/table-action-column/table-action-column.component.mjs
ADDED
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import { Component, Input, ViewChild } from '@angular/core';
|
|
2
|
+
import { MatMenuTrigger } from '@angular/material/menu';
|
|
3
|
+
import { DisposableComponent } from '../../../disposable-component';
|
|
4
|
+
import { Track } from '../../../track';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
import * as i2 from "../../../commands/group/tool-bar/tool-bar.component";
|
|
8
|
+
import * as i3 from "../../../commands/command/command.component";
|
|
9
|
+
import * as i4 from "../../../commands/group/popup-menu/more-menu.component";
|
|
10
|
+
import * as i5 from "../../../commands/separator.component";
|
|
11
|
+
import * as i6 from "../../../commands/flex.component";
|
|
12
|
+
import * as i7 from "../../../file/file-download/file-download.component";
|
|
13
|
+
// TODO: This performs poorly, lots of factory calls initial rendering and on mouse movements
|
|
14
|
+
class CommandData {
|
|
15
|
+
factory;
|
|
16
|
+
face;
|
|
17
|
+
constructor(factory, face) {
|
|
18
|
+
this.factory = factory;
|
|
19
|
+
this.face = face;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
class DownloadData {
|
|
23
|
+
createInfo;
|
|
24
|
+
constructor(createInfo) {
|
|
25
|
+
this.createInfo = createInfo;
|
|
26
|
+
}
|
|
27
|
+
createDownloadInfo(value) {
|
|
28
|
+
return this.createInfo(value);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
*
|
|
33
|
+
*/
|
|
34
|
+
export class TableActionColumnComponent extends DisposableComponent {
|
|
35
|
+
value;
|
|
36
|
+
menu;
|
|
37
|
+
actions = [];
|
|
38
|
+
moreActions = [];
|
|
39
|
+
trackByIndex = Track.byIndex;
|
|
40
|
+
constructor() {
|
|
41
|
+
super();
|
|
42
|
+
this.onInit(() => console.log("table action column init"));
|
|
43
|
+
}
|
|
44
|
+
addCommand(commandFactory, properties) {
|
|
45
|
+
this.actions.push(new CommandData(commandFactory, properties));
|
|
46
|
+
}
|
|
47
|
+
addSeparator() {
|
|
48
|
+
this.actions.push(null);
|
|
49
|
+
}
|
|
50
|
+
addDownload(factory) {
|
|
51
|
+
this.actions.push(new DownloadData(factory));
|
|
52
|
+
}
|
|
53
|
+
addMoreMenu(builder) {
|
|
54
|
+
const self = this;
|
|
55
|
+
builder({
|
|
56
|
+
addCommand(factory, face) {
|
|
57
|
+
self.moreActions.push(new CommandData(factory, face));
|
|
58
|
+
},
|
|
59
|
+
addSeparator() {
|
|
60
|
+
self.moreActions.push(null);
|
|
61
|
+
},
|
|
62
|
+
addDownload(factory) {
|
|
63
|
+
self.moreActions.push(new DownloadData(factory));
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
// createMoreMenuCommand(item: CommandData<T>, value: T): Command<void> {
|
|
68
|
+
// const { when } = Dsl.disposeWith(this);
|
|
69
|
+
// const command = item.factory.create(value, { disposedWith: this });
|
|
70
|
+
// when(command.busy$).becomesFalsey(() => {
|
|
71
|
+
// this.closeMoreMenu();
|
|
72
|
+
// });
|
|
73
|
+
// return command;
|
|
74
|
+
// }
|
|
75
|
+
closeMoreMenu() {
|
|
76
|
+
this.menu.closeMenu();
|
|
77
|
+
}
|
|
78
|
+
isCommand(item) {
|
|
79
|
+
return item instanceof CommandData;
|
|
80
|
+
}
|
|
81
|
+
isDownload(item) {
|
|
82
|
+
return item instanceof DownloadData;
|
|
83
|
+
}
|
|
84
|
+
isSeparator(item) {
|
|
85
|
+
return !item;
|
|
86
|
+
}
|
|
87
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableActionColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
88
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TableActionColumnComponent, selector: "aup-table-action-column", inputs: { value: "value" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MatMenuTrigger, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
89
|
+
<aup-tool-bar>
|
|
90
|
+
<ng-container *ngFor="let action of actions;trackBy: trackByIndex">
|
|
91
|
+
<aup-command *ngIf="isCommand(action)"
|
|
92
|
+
#comp
|
|
93
|
+
[command]="action.factory.create(value, {disposedWith: comp})"
|
|
94
|
+
[face]="action.face" />
|
|
95
|
+
<aup-file-download *ngIf="isDownload(action)" [download]="action.createDownloadInfo(value)" />
|
|
96
|
+
<aup-separator *ngIf="isSeparator(action)" />
|
|
97
|
+
</ng-container>
|
|
98
|
+
</aup-tool-bar>
|
|
99
|
+
<ng-container *ngIf="moreActions.length > 0">
|
|
100
|
+
<aup-flex class="flex" />
|
|
101
|
+
<aup-more-menu>
|
|
102
|
+
<ng-container *ngFor="let action of moreActions; trackBy: trackByIndex">
|
|
103
|
+
<aup-command *ngIf="isCommand(action)"
|
|
104
|
+
#comp
|
|
105
|
+
[command]="action.factory.create(value, {disposedWith: comp})"
|
|
106
|
+
[face]="action.face" />
|
|
107
|
+
<aup-file-download *ngIf="isDownload(action)" [download]="action.createDownloadInfo(value)" />
|
|
108
|
+
<aup-separator *ngIf="isSeparator(action)" />
|
|
109
|
+
</ng-container>
|
|
110
|
+
</aup-more-menu>
|
|
111
|
+
</ng-container>
|
|
112
|
+
`, isInline: true, styles: [":host{display:inline-flex;flex-direction:row;align-items:center}:host:last-child{padding-right:0}\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.ToolBarComponent, selector: "aup-tool-bar" }, { kind: "component", type: i3.CommandComponent, selector: "aup-command", inputs: ["command", "face$", "face", "busyFace$", "busyFace", "alignFace"] }, { kind: "component", type: i4.MoreMenuComponent, selector: "aup-more-menu", inputs: ["tooltip"] }, { kind: "component", type: i5.SeparatorComponent, selector: "aup-separator" }, { kind: "component", type: i6.FlexComponent, selector: "aup-flex" }, { kind: "component", type: i7.FileDownloadComponent, selector: "aup-file-download", inputs: ["download$", "download", "alignFace"] }] });
|
|
113
|
+
}
|
|
114
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableActionColumnComponent, decorators: [{
|
|
115
|
+
type: Component,
|
|
116
|
+
args: [{ selector: 'aup-table-action-column', template: `
|
|
117
|
+
<aup-tool-bar>
|
|
118
|
+
<ng-container *ngFor="let action of actions;trackBy: trackByIndex">
|
|
119
|
+
<aup-command *ngIf="isCommand(action)"
|
|
120
|
+
#comp
|
|
121
|
+
[command]="action.factory.create(value, {disposedWith: comp})"
|
|
122
|
+
[face]="action.face" />
|
|
123
|
+
<aup-file-download *ngIf="isDownload(action)" [download]="action.createDownloadInfo(value)" />
|
|
124
|
+
<aup-separator *ngIf="isSeparator(action)" />
|
|
125
|
+
</ng-container>
|
|
126
|
+
</aup-tool-bar>
|
|
127
|
+
<ng-container *ngIf="moreActions.length > 0">
|
|
128
|
+
<aup-flex class="flex" />
|
|
129
|
+
<aup-more-menu>
|
|
130
|
+
<ng-container *ngFor="let action of moreActions; trackBy: trackByIndex">
|
|
131
|
+
<aup-command *ngIf="isCommand(action)"
|
|
132
|
+
#comp
|
|
133
|
+
[command]="action.factory.create(value, {disposedWith: comp})"
|
|
134
|
+
[face]="action.face" />
|
|
135
|
+
<aup-file-download *ngIf="isDownload(action)" [download]="action.createDownloadInfo(value)" />
|
|
136
|
+
<aup-separator *ngIf="isSeparator(action)" />
|
|
137
|
+
</ng-container>
|
|
138
|
+
</aup-more-menu>
|
|
139
|
+
</ng-container>
|
|
140
|
+
`, styles: [":host{display:inline-flex;flex-direction:row;align-items:center}:host:last-child{padding-right:0}\n"] }]
|
|
141
|
+
}], ctorParameters: function () { return []; }, propDecorators: { value: [{
|
|
142
|
+
type: Input
|
|
143
|
+
}], menu: [{
|
|
144
|
+
type: ViewChild,
|
|
145
|
+
args: [MatMenuTrigger]
|
|
146
|
+
}] } });
|
|
147
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtYWN0aW9uLWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlcy9yZW5kZXJlci90YWJsZS1hY3Rpb24tY29sdW1uL3RhYmxlLWFjdGlvbi1jb2x1bW4uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFJeEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFcEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7Ozs7QUFLdkMsNkZBQTZGO0FBRTdGLE1BQU0sV0FBVztJQUNNO0lBQTRDO0lBQWpFLFlBQXFCLE9BQWlDLEVBQVcsSUFBaUI7UUFBN0QsWUFBTyxHQUFQLE9BQU8sQ0FBMEI7UUFBVyxTQUFJLEdBQUosSUFBSSxDQUFhO0lBQ2xGLENBQUM7Q0FDRjtBQUVELE1BQU0sWUFBWTtJQUNJO0lBQXBCLFlBQW9CLFVBQTREO1FBQTVELGVBQVUsR0FBVixVQUFVLENBQWtEO0lBQ2hGLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxLQUFRO1FBQ3pCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDO0NBQ0Y7QUFLRDs7R0FFRztBQXNDSCxNQUFNLE9BQU8sMEJBQTZDLFNBQVEsbUJBQW1CO0lBR25GLEtBQUssQ0FBSTtJQUdULElBQUksQ0FBaUI7SUFFWixPQUFPLEdBQWtCLEVBQUUsQ0FBQztJQUM1QixXQUFXLEdBQWtCLEVBQUUsQ0FBQztJQUVoQyxZQUFZLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQTtJQUVyQztRQUNFLEtBQUssRUFBRSxDQUFDO1FBQ1IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLDBCQUEwQixDQUFDLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBRUQsVUFBVSxDQUFDLGNBQXdDLEVBQUUsVUFBdUI7UUFDMUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxXQUFXLENBQUMsY0FBYyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXVEO1FBQ2pFLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDL0MsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUF1QztRQUNqRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUM7UUFDbEIsT0FBTyxDQUFDO1lBQ04sVUFBVSxDQUFDLE9BQTJCLEVBQUUsSUFBaUI7Z0JBQ3ZELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksV0FBVyxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQ3hELENBQUM7WUFDRCxZQUFZO2dCQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzlCLENBQUM7WUFDRCxXQUFXLENBQUMsT0FBdUQ7Z0JBQ2pFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDbkQsQ0FBQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCx5RUFBeUU7SUFDekUsNENBQTRDO0lBQzVDLHdFQUF3RTtJQUN4RSw4Q0FBOEM7SUFDOUMsNEJBQTRCO0lBQzVCLFFBQVE7SUFDUixvQkFBb0I7SUFDcEIsSUFBSTtJQUVJLGFBQWE7UUFDbkIsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsU0FBUyxDQUFDLElBQWlCO1FBQ3pCLE9BQU8sSUFBSSxZQUFZLFdBQVcsQ0FBQztJQUNyQyxDQUFDO0lBRUQsVUFBVSxDQUFDLElBQWlCO1FBQzFCLE9BQU8sSUFBSSxZQUFZLFlBQVksQ0FBQztJQUN0QyxDQUFDO0lBRUQsV0FBVyxDQUFDLElBQWlCO1FBQzNCLE9BQU8sQ0FBQyxJQUFJLENBQUM7SUFDZixDQUFDO3VHQXBFVSwwQkFBMEI7MkZBQTFCLDBCQUEwQixpSUFLMUIsY0FBYyx1RUF4Q2Y7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXdCVDs7MkZBV1UsMEJBQTBCO2tCQXJDdEMsU0FBUzsrQkFDRSx5QkFBeUIsWUFDekI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXdCVDswRUFjRCxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxTQUFTO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdE1lbnVUcmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XG5cbmltcG9ydCB7IENvbW1hbmQsIERzbCwgVHJhY2UgfSBmcm9tICdAY29vbG9uL3BlY3Rpbic7XG5pbXBvcnQgeyBDb21tYW5kRmFjZSB9IGZyb20gJy4uLy4uLy4uL2NvbW1hbmRzL2NvbW1hbmQtZmFjZSc7XG5pbXBvcnQgeyBEaXNwb3NhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vZGlzcG9zYWJsZS1jb21wb25lbnQnO1xuaW1wb3J0IHsgRmlsZURvd25sb2FkQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vZmlsZS9maWxlLWRvd25sb2FkL2ZpbGUtZG93bmxvYWQuY29tcG9uZW50JztcbmltcG9ydCB7IFRyYWNrIH0gZnJvbSAnLi4vLi4vLi4vdHJhY2snO1xuaW1wb3J0IHsgQ2VsbFJlbmRlcmVyIH0gZnJvbSAnLi4vY2VsbC1yZW5kZXJlcic7XG5pbXBvcnQgeyBNZW51QnVpbGRlciB9IGZyb20gJy4vbWVudS1idWlsZGVyJztcblxuXG4vLyBUT0RPOiBUaGlzIHBlcmZvcm1zIHBvb3JseSwgbG90cyBvZiBmYWN0b3J5IGNhbGxzIGluaXRpYWwgcmVuZGVyaW5nIGFuZCBvbiBtb3VzZSBtb3ZlbWVudHNcblxuY2xhc3MgQ29tbWFuZERhdGE8VCBleHRlbmRzIG9iamVjdD4ge1xuICBjb25zdHJ1Y3RvcihyZWFkb25seSBmYWN0b3J5OiBDb21tYW5kLkZhY3Rvcnk8VCwgdm9pZD4sIHJlYWRvbmx5IGZhY2U6IENvbW1hbmRGYWNlKSB7XG4gIH1cbn1cblxuY2xhc3MgRG93bmxvYWREYXRhPFQgZXh0ZW5kcyBvYmplY3Q+IHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjcmVhdGVJbmZvOiAodmFsdWU6IFQpID0+IEZpbGVEb3dubG9hZENvbXBvbmVudC5Eb3dubG9hZEluZm8pIHtcbiAgfVxuXG4gIGNyZWF0ZURvd25sb2FkSW5mbyh2YWx1ZTogVCk6IEZpbGVEb3dubG9hZENvbXBvbmVudC5Eb3dubG9hZEluZm8ge1xuICAgIHJldHVybiB0aGlzLmNyZWF0ZUluZm8odmFsdWUpO1xuICB9XG59XG5cbnR5cGUgTWVudUl0ZW08VCBleHRlbmRzIG9iamVjdD4gPSBDb21tYW5kRGF0YTxUPiB8IERvd25sb2FkRGF0YTxUPiB8IG51bGw7XG5cblxuLyoqXG4gKlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdXAtdGFibGUtYWN0aW9uLWNvbHVtbicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGF1cC10b29sLWJhcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBhY3Rpb25zO3RyYWNrQnk6IHRyYWNrQnlJbmRleFwiPlxuICAgICAgICA8YXVwLWNvbW1hbmQgKm5nSWY9XCJpc0NvbW1hbmQoYWN0aW9uKVwiXG4gICAgICAgICAgICAgICAgICAgICAjY29tcFxuICAgICAgICAgICAgICAgICAgICAgW2NvbW1hbmRdPVwiYWN0aW9uLmZhY3RvcnkuY3JlYXRlKHZhbHVlLCB7ZGlzcG9zZWRXaXRoOiBjb21wfSlcIlxuICAgICAgICAgICAgICAgICAgICAgW2ZhY2VdPVwiYWN0aW9uLmZhY2VcIiAvPlxuICAgICAgICA8YXVwLWZpbGUtZG93bmxvYWQgKm5nSWY9XCJpc0Rvd25sb2FkKGFjdGlvbilcIiBbZG93bmxvYWRdPVwiYWN0aW9uLmNyZWF0ZURvd25sb2FkSW5mbyh2YWx1ZSlcIiAvPlxuICAgICAgICA8YXVwLXNlcGFyYXRvciAqbmdJZj1cImlzU2VwYXJhdG9yKGFjdGlvbilcIiAvPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9hdXAtdG9vbC1iYXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1vcmVBY3Rpb25zLmxlbmd0aCA+IDBcIj5cbiAgICAgIDxhdXAtZmxleCBjbGFzcz1cImZsZXhcIiAvPlxuICAgICAgPGF1cC1tb3JlLW1lbnU+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBtb3JlQWN0aW9uczsgdHJhY2tCeTogdHJhY2tCeUluZGV4XCI+XG4gICAgICAgICAgPGF1cC1jb21tYW5kICpuZ0lmPVwiaXNDb21tYW5kKGFjdGlvbilcIlxuICAgICAgICAgICAgICAgICAgICAgICAjY29tcFxuICAgICAgICAgICAgICAgICAgICAgICBbY29tbWFuZF09XCJhY3Rpb24uZmFjdG9yeS5jcmVhdGUodmFsdWUsIHtkaXNwb3NlZFdpdGg6IGNvbXB9KVwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtmYWNlXT1cImFjdGlvbi5mYWNlXCIgLz5cbiAgICAgICAgICA8YXVwLWZpbGUtZG93bmxvYWQgKm5nSWY9XCJpc0Rvd25sb2FkKGFjdGlvbilcIiBbZG93bmxvYWRdPVwiYWN0aW9uLmNyZWF0ZURvd25sb2FkSW5mbyh2YWx1ZSlcIiAvPlxuICAgICAgICAgIDxhdXAtc2VwYXJhdG9yICpuZ0lmPVwiaXNTZXBhcmF0b3IoYWN0aW9uKVwiIC8+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9hdXAtbW9yZS1tZW51PlxuICAgIDwvbmctY29udGFpbmVyPlxuICBgLFxuICBzdHlsZXM6IFtgOmhvc3Qge1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIH1cbiAgfWBdXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlQWN0aW9uQ29sdW1uQ29tcG9uZW50PFQgZXh0ZW5kcyBvYmplY3Q+IGV4dGVuZHMgRGlzcG9zYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIENlbGxSZW5kZXJlcjxUPiwgTWVudUJ1aWxkZXI8VD4ge1xuXG4gIEBJbnB1dCgpXG4gIHZhbHVlOiBUO1xuXG4gIEBWaWV3Q2hpbGQoTWF0TWVudVRyaWdnZXIpXG4gIG1lbnU6IE1hdE1lbnVUcmlnZ2VyO1xuXG4gIHJlYWRvbmx5IGFjdGlvbnM6IE1lbnVJdGVtPFQ+W10gPSBbXTtcbiAgcmVhZG9ubHkgbW9yZUFjdGlvbnM6IE1lbnVJdGVtPFQ+W10gPSBbXTtcblxuICByZWFkb25seSB0cmFja0J5SW5kZXggPSBUcmFjay5ieUluZGV4XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLm9uSW5pdCgoKSA9PiBjb25zb2xlLmxvZyhcInRhYmxlIGFjdGlvbiBjb2x1bW4gaW5pdFwiKSk7XG4gIH1cblxuICBhZGRDb21tYW5kKGNvbW1hbmRGYWN0b3J5OiBDb21tYW5kLkZhY3Rvcnk8VCwgdm9pZD4sIHByb3BlcnRpZXM6IENvbW1hbmRGYWNlKSB7XG4gICAgdGhpcy5hY3Rpb25zLnB1c2gobmV3IENvbW1hbmREYXRhKGNvbW1hbmRGYWN0b3J5LCBwcm9wZXJ0aWVzKSk7XG4gIH1cblxuICBhZGRTZXBhcmF0b3IoKSB7XG4gICAgdGhpcy5hY3Rpb25zLnB1c2gobnVsbCk7XG4gIH1cblxuICBhZGREb3dubG9hZChmYWN0b3J5OiAocm93OiBUKSA9PiBGaWxlRG93bmxvYWRDb21wb25lbnQuRG93bmxvYWRJbmZvKSB7XG4gICAgdGhpcy5hY3Rpb25zLnB1c2gobmV3IERvd25sb2FkRGF0YShmYWN0b3J5KSk7XG4gIH1cblxuICBhZGRNb3JlTWVudShidWlsZGVyOiAobWVudTogTWVudUJ1aWxkZXI8VD4pID0+IHZvaWQpIHtcbiAgICBjb25zdCBzZWxmID0gdGhpcztcbiAgICBidWlsZGVyKHtcbiAgICAgIGFkZENvbW1hbmQoZmFjdG9yeTogQ29tbWFuZC5GYWN0b3J5PFQ+LCBmYWNlOiBDb21tYW5kRmFjZSkge1xuICAgICAgICBzZWxmLm1vcmVBY3Rpb25zLnB1c2gobmV3IENvbW1hbmREYXRhKGZhY3RvcnksIGZhY2UpKTtcbiAgICAgIH0sXG4gICAgICBhZGRTZXBhcmF0b3IoKSB7XG4gICAgICAgIHNlbGYubW9yZUFjdGlvbnMucHVzaChudWxsKTtcbiAgICAgIH0sXG4gICAgICBhZGREb3dubG9hZChmYWN0b3J5OiAocm93OiBUKSA9PiBGaWxlRG93bmxvYWRDb21wb25lbnQuRG93bmxvYWRJbmZvKSB7XG4gICAgICAgIHNlbGYubW9yZUFjdGlvbnMucHVzaChuZXcgRG93bmxvYWREYXRhKGZhY3RvcnkpKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIC8vIGNyZWF0ZU1vcmVNZW51Q29tbWFuZChpdGVtOiBDb21tYW5kRGF0YTxUPiwgdmFsdWU6IFQpOiBDb21tYW5kPHZvaWQ+IHtcbiAgLy8gICBjb25zdCB7IHdoZW4gfSA9IERzbC5kaXNwb3NlV2l0aCh0aGlzKTtcbiAgLy8gICBjb25zdCBjb21tYW5kID0gaXRlbS5mYWN0b3J5LmNyZWF0ZSh2YWx1ZSwgeyBkaXNwb3NlZFdpdGg6IHRoaXMgfSk7XG4gIC8vICAgd2hlbihjb21tYW5kLmJ1c3kkKS5iZWNvbWVzRmFsc2V5KCgpID0+IHtcbiAgLy8gICAgIHRoaXMuY2xvc2VNb3JlTWVudSgpO1xuICAvLyAgIH0pO1xuICAvLyAgIHJldHVybiBjb21tYW5kO1xuICAvLyB9XG5cbiAgcHJpdmF0ZSBjbG9zZU1vcmVNZW51KCkge1xuICAgIHRoaXMubWVudS5jbG9zZU1lbnUoKTtcbiAgfVxuXG4gIGlzQ29tbWFuZChpdGVtOiBNZW51SXRlbTxUPik6IGl0ZW0gaXMgQ29tbWFuZERhdGE8VD4ge1xuICAgIHJldHVybiBpdGVtIGluc3RhbmNlb2YgQ29tbWFuZERhdGE7XG4gIH1cblxuICBpc0Rvd25sb2FkKGl0ZW06IE1lbnVJdGVtPFQ+KTogaXRlbSBpcyBEb3dubG9hZERhdGE8VD4ge1xuICAgIHJldHVybiBpdGVtIGluc3RhbmNlb2YgRG93bmxvYWREYXRhO1xuICB9XG5cbiAgaXNTZXBhcmF0b3IoaXRlbTogTWVudUl0ZW08VD4pIHtcbiAgICByZXR1cm4gIWl0ZW07XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { Component } from "@angular/core";
|
|
2
|
+
import { DelegatingCommand, DelegatingValueModel } from "@coolon/pectin";
|
|
3
|
+
import { POPUP_CONTAINER } from "../../../commands/group/popup-container";
|
|
4
|
+
import { LoadableComponent } from "../../../loadable-component";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class TableCustomMoreMenuPopupComponent extends LoadableComponent {
|
|
7
|
+
_value$ = this.registerDisposable(new DelegatingValueModel());
|
|
8
|
+
_visible$ = this.registerDisposable(new DelegatingValueModel()).withDefault(true);
|
|
9
|
+
_closeCommand = this.registerDisposable(new DelegatingCommand());
|
|
10
|
+
constructor() {
|
|
11
|
+
super();
|
|
12
|
+
this.onInit(() => console.log('init'));
|
|
13
|
+
}
|
|
14
|
+
initialise(row$, closeCommand) {
|
|
15
|
+
this._value$.setDelegate(row$);
|
|
16
|
+
this._closeCommand.setDelegate(closeCommand);
|
|
17
|
+
}
|
|
18
|
+
visibleWhile(condition) {
|
|
19
|
+
this._visible$.setDelegate(condition);
|
|
20
|
+
return this;
|
|
21
|
+
}
|
|
22
|
+
get visible$() {
|
|
23
|
+
return this._visible$.readonly$;
|
|
24
|
+
}
|
|
25
|
+
get closeCommand() {
|
|
26
|
+
return this._closeCommand;
|
|
27
|
+
}
|
|
28
|
+
get value$() {
|
|
29
|
+
return this._value$.readonly$;
|
|
30
|
+
}
|
|
31
|
+
register(comp) {
|
|
32
|
+
// ignored
|
|
33
|
+
}
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableCustomMoreMenuPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TableCustomMoreMenuPopupComponent, selector: "aup-table-more-menu-popup", providers: [
|
|
36
|
+
{ provide: POPUP_CONTAINER, useValue: TableCustomMoreMenuPopupComponent },
|
|
37
|
+
], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
38
|
+
}
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableCustomMoreMenuPopupComponent, decorators: [{
|
|
40
|
+
type: Component,
|
|
41
|
+
args: [{ selector: 'aup-table-more-menu-popup', template: '', providers: [
|
|
42
|
+
{ provide: POPUP_CONTAINER, useValue: TableCustomMoreMenuPopupComponent },
|
|
43
|
+
] }]
|
|
44
|
+
}], ctorParameters: function () { return []; } });
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY3VzdG9tLW1vcmUtbWVudS1wb3B1cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlcy9yZW5kZXJlci90YWJsZS1jdXN0b20tbW9yZS1tZW51L3RhYmxlLWN1c3RvbS1tb3JlLW1lbnUtcG9wdXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEMsT0FBTyxFQUFVLGlCQUFpQixFQUFFLG9CQUFvQixFQUFhLE1BQU0sZ0JBQWdCLENBQUM7QUFFNUYsT0FBTyxFQUFDLGVBQWUsRUFBaUIsTUFBTSx5Q0FBeUMsQ0FBQztBQUN4RixPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQzs7QUFVOUQsTUFBTSxPQUFPLGlDQUFxQyxTQUFRLGlCQUFpQjtJQUVqRSxPQUFPLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksb0JBQW9CLEVBQUssQ0FBQyxDQUFBO0lBRXZELFNBQVMsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxvQkFBb0IsRUFBVyxDQUFDLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNGLGFBQWEsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxpQkFBaUIsRUFBUSxDQUFDLENBQUE7SUFFdkY7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNSLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxFQUFFLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFHRCxVQUFVLENBQUMsSUFBbUIsRUFBRSxZQUEyQjtRQUN6RCxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMvQixJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBRVMsWUFBWSxDQUFDLFNBQThCO1FBQ25ELElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3RDLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUE7SUFDakMsQ0FBQztJQUVELElBQUksWUFBWTtRQUNkLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFBSSxNQUFNO1FBQ1IsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsUUFBUSxDQUFDLElBQXlCO1FBQ2hDLFVBQVU7SUFDWixDQUFDO3VHQXJDVSxpQ0FBaUM7MkZBQWpDLGlDQUFpQyxvREFKbEM7WUFDUixFQUFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLGlDQUFpQyxFQUFDO1NBQ3hFLGlEQUpTLEVBQUU7OzJGQU1ELGlDQUFpQztrQkFSN0MsU0FBUzsrQkFDRSwyQkFBMkIsWUFDM0IsRUFBRSxhQUVGO3dCQUNSLEVBQUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLG1DQUFtQyxFQUFDO3FCQUN4RSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHtDb21tYW5kLCBEZWxlZ2F0aW5nQ29tbWFuZCwgRGVsZWdhdGluZ1ZhbHVlTW9kZWwsIFZhbHVlTW9kZWx9IGZyb20gXCJAY29vbG9uL3BlY3RpblwiO1xuaW1wb3J0IHtQb3B1cEF3YXJlQ29tcG9uZW50fSBmcm9tIFwiLi4vLi4vLi4vY29tbWFuZHMvZ3JvdXAvcG9wdXAtYXdhcmUuY29tcG9uZW50XCI7XG5pbXBvcnQge1BPUFVQX0NPTlRBSU5FUiwgUG9wdXBDb250YWluZXJ9IGZyb20gXCIuLi8uLi8uLi9jb21tYW5kcy9ncm91cC9wb3B1cC1jb250YWluZXJcIjtcbmltcG9ydCB7TG9hZGFibGVDb21wb25lbnR9IGZyb20gXCIuLi8uLi8uLi9sb2FkYWJsZS1jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLXRhYmxlLW1vcmUtbWVudS1wb3B1cCcsXG4gIHRlbXBsYXRlOiAnJyxcbiAgc3R5bGVVcmxzOiBbXSxcbiAgcHJvdmlkZXJzOltcbiAgICB7cHJvdmlkZTogUE9QVVBfQ09OVEFJTkVSLCB1c2VWYWx1ZTogVGFibGVDdXN0b21Nb3JlTWVudVBvcHVwQ29tcG9uZW50fSxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZUN1c3RvbU1vcmVNZW51UG9wdXBDb21wb25lbnQ8VD4gZXh0ZW5kcyBMb2FkYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIFBvcHVwQ29udGFpbmVyIHtcblxuICBwcml2YXRlIF92YWx1ZSQgPSB0aGlzLnJlZ2lzdGVyRGlzcG9zYWJsZShuZXcgRGVsZWdhdGluZ1ZhbHVlTW9kZWw8VD4oKSlcblxuICBwcml2YXRlIHJlYWRvbmx5IF92aXNpYmxlJCA9IHRoaXMucmVnaXN0ZXJEaXNwb3NhYmxlKG5ldyBEZWxlZ2F0aW5nVmFsdWVNb2RlbDxib29sZWFuPigpKS53aXRoRGVmYXVsdCh0cnVlKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfY2xvc2VDb21tYW5kID0gdGhpcy5yZWdpc3RlckRpc3Bvc2FibGUobmV3IERlbGVnYXRpbmdDb21tYW5kPHZvaWQ+KCkpXG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLm9uSW5pdCgoKSA9PiBjb25zb2xlLmxvZygnaW5pdCcpKTtcbiAgfVxuXG5cbiAgaW5pdGlhbGlzZShyb3ckOiBWYWx1ZU1vZGVsPFQ+LCBjbG9zZUNvbW1hbmQ6IENvbW1hbmQ8dm9pZD4pIHtcbiAgICB0aGlzLl92YWx1ZSQuc2V0RGVsZWdhdGUocm93JCk7XG4gICAgdGhpcy5fY2xvc2VDb21tYW5kLnNldERlbGVnYXRlKGNsb3NlQ29tbWFuZCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgdmlzaWJsZVdoaWxlKGNvbmRpdGlvbjogVmFsdWVNb2RlbDxib29sZWFuPikge1xuICAgIHRoaXMuX3Zpc2libGUkLnNldERlbGVnYXRlKGNvbmRpdGlvbik7XG4gICAgcmV0dXJuIHRoaXM7XG4gIH1cblxuICBnZXQgdmlzaWJsZSQoKTogVmFsdWVNb2RlbDxib29sZWFuPiB7XG4gICAgcmV0dXJuIHRoaXMuX3Zpc2libGUkLnJlYWRvbmx5JFxuICB9XG5cbiAgZ2V0IGNsb3NlQ29tbWFuZCgpOiBDb21tYW5kPHZvaWQ+IHtcbiAgICByZXR1cm4gdGhpcy5fY2xvc2VDb21tYW5kO1xuICB9XG5cbiAgZ2V0IHZhbHVlJCgpIHtcbiAgICByZXR1cm4gdGhpcy5fdmFsdWUkLnJlYWRvbmx5JDtcbiAgfVxuXG4gIHJlZ2lzdGVyKGNvbXA6IFBvcHVwQXdhcmVDb21wb25lbnQpIHtcbiAgICAvLyBpZ25vcmVkXG4gIH1cblxuXG5cblxufVxuIl19
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import { ComponentPortal } from "@angular/cdk/portal";
|
|
3
|
+
import { Component, HostListener, ViewChild } from "@angular/core";
|
|
4
|
+
import { MatMenuTrigger } from "@angular/material/menu";
|
|
5
|
+
import { Command, DelegatingValueModel, Dsl, MutableValueModel, StoreInValueModel, Trace } from '@coolon/pectin';
|
|
6
|
+
import { DisposableComponent } from "../../../disposable-component";
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/common";
|
|
9
|
+
import * as i2 from "@angular/material/button";
|
|
10
|
+
import * as i3 from "@angular/cdk/portal";
|
|
11
|
+
import * as i4 from "@angular/material/menu";
|
|
12
|
+
import * as i5 from "../../../icon/icon.component";
|
|
13
|
+
export class TableCustomMoreMenuComponent extends DisposableComponent {
|
|
14
|
+
value$ = new MutableValueModel();
|
|
15
|
+
#value_accessor_storage;
|
|
16
|
+
get value() { return this.#value_accessor_storage; }
|
|
17
|
+
set value(value) { this.#value_accessor_storage = value; }
|
|
18
|
+
matMenuTrigger;
|
|
19
|
+
popupType$ = new MutableValueModel();
|
|
20
|
+
popupComponentPortal$;
|
|
21
|
+
_visible$ = this.registerDisposable(new DelegatingValueModel());
|
|
22
|
+
initialiseCallback;
|
|
23
|
+
constructor() {
|
|
24
|
+
super();
|
|
25
|
+
const { chain } = Dsl.disposeWith(this);
|
|
26
|
+
this.popupComponentPortal$ = chain(this.popupType$).map(type => new ComponentPortal(type));
|
|
27
|
+
}
|
|
28
|
+
configurePopupComponentType(popupComponentType, configureCallback) {
|
|
29
|
+
this.popupType$.value = popupComponentType;
|
|
30
|
+
this.initialiseCallback = configureCallback;
|
|
31
|
+
}
|
|
32
|
+
// Stops tree selection when clicking the menu button
|
|
33
|
+
preventDefault($event) {
|
|
34
|
+
$event.preventDefault();
|
|
35
|
+
$event.stopPropagation();
|
|
36
|
+
}
|
|
37
|
+
initialise($event) {
|
|
38
|
+
const component = $event.instance;
|
|
39
|
+
component.initialise(this.value$, Command.create(() => this.matMenuTrigger.closeMenu()));
|
|
40
|
+
this._visible$.setDelegate(component.visible$);
|
|
41
|
+
if (this.initialiseCallback) {
|
|
42
|
+
this.initialiseCallback(component);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
get visible$() {
|
|
46
|
+
return this._visible$.readonly$;
|
|
47
|
+
}
|
|
48
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableCustomMoreMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
49
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TableCustomMoreMenuComponent, selector: "aup-table-custom-more-menu", host: { listeners: { "click": "preventDefault($event)" } }, viewQueries: [{ propertyName: "matMenuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-menu #menu=\"matMenu\" xPosition=\"before\">\n <ng-template matMenuContent [cdkPortalOutlet]=\"popupComponentPortal$.value\" (attached)=\"initialise($event)\"></ng-template>\n</mat-menu>\n\n<button mat-icon-button [matMenuTriggerFor]=\"menu\" data-cy=\"more-menu-trigger\" *ngIf=\"visible$.value\">\n <aup-icon icon=\"mat:more_vert\"></aup-icon>\n</button>\n", styles: [":host{display:inline;text-align:end}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i4.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i5.IconComponent, selector: "aup-icon", inputs: ["icon"] }] });
|
|
50
|
+
}
|
|
51
|
+
__decorate([
|
|
52
|
+
StoreInValueModel(),
|
|
53
|
+
__metadata("design:type", Object)
|
|
54
|
+
], TableCustomMoreMenuComponent.prototype, "value", null);
|
|
55
|
+
__decorate([
|
|
56
|
+
Trace(),
|
|
57
|
+
__metadata("design:type", Function),
|
|
58
|
+
__metadata("design:paramtypes", [Object]),
|
|
59
|
+
__metadata("design:returntype", void 0)
|
|
60
|
+
], TableCustomMoreMenuComponent.prototype, "initialise", null);
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableCustomMoreMenuComponent, decorators: [{
|
|
62
|
+
type: Component,
|
|
63
|
+
args: [{ selector: "aup-table-custom-more-menu", template: "<mat-menu #menu=\"matMenu\" xPosition=\"before\">\n <ng-template matMenuContent [cdkPortalOutlet]=\"popupComponentPortal$.value\" (attached)=\"initialise($event)\"></ng-template>\n</mat-menu>\n\n<button mat-icon-button [matMenuTriggerFor]=\"menu\" data-cy=\"more-menu-trigger\" *ngIf=\"visible$.value\">\n <aup-icon icon=\"mat:more_vert\"></aup-icon>\n</button>\n", styles: [":host{display:inline;text-align:end}\n"] }]
|
|
64
|
+
}], ctorParameters: function () { return []; }, propDecorators: { value: [], matMenuTrigger: [{
|
|
65
|
+
type: ViewChild,
|
|
66
|
+
args: [MatMenuTrigger]
|
|
67
|
+
}], preventDefault: [{
|
|
68
|
+
type: HostListener,
|
|
69
|
+
args: ["click", ["$event"]]
|
|
70
|
+
}], initialise: [] } });
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY3VzdG9tLW1vcmUtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlcy9yZW5kZXJlci90YWJsZS1jdXN0b20tbW9yZS1tZW51L3RhYmxlLWN1c3RvbS1tb3JlLW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZXMvcmVuZGVyZXIvdGFibGUtY3VzdG9tLW1vcmUtbWVudS90YWJsZS1jdXN0b20tbW9yZS1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQTZCLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ2hGLE9BQU8sRUFBQyxTQUFTLEVBQWdCLFlBQVksRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3RELE9BQU8sRUFDTCxPQUFPLEVBQ1Asb0JBQW9CLEVBQ3BCLEdBQUcsRUFDSCxpQkFBaUIsRUFDakIsaUJBQWlCLEVBQUUsS0FBSyxFQUV6QixNQUFNLGdCQUFnQixDQUFDO0FBRXhCLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLCtCQUErQixDQUFDOzs7Ozs7O0FBVWxFLE1BQU0sT0FBTyw0QkFBZ0MsU0FBUSxtQkFBbUI7SUFHOUQsTUFBTSxHQUFHLElBQUksaUJBQWlCLEVBQUssQ0FBQztJQUduQyx3QkFBUztJQUFULElBQUEsS0FBSywyQ0FBSTtJQUFULElBQUEsS0FBSyxpREFBSTtJQUdsQixjQUFjLENBQWlCO0lBRWQsVUFBVSxHQUFHLElBQUksaUJBQWlCLEVBQXVELENBQUM7SUFFM0cscUJBQXFCLENBQXlFO0lBRTdFLFNBQVMsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxvQkFBb0IsRUFBVyxDQUFDLENBQUM7SUFDbEYsa0JBQWtCLENBQTZEO0lBRXZGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFDUixNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsR0FBRyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN4QyxJQUFJLENBQUMscUJBQXFCLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQzdGLENBQUM7SUFFRCwyQkFBMkIsQ0FBQyxrQkFBdUUsRUFBRSxpQkFBNEU7UUFDL0ssSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLEdBQUcsa0JBQWtCLENBQUM7UUFDM0MsSUFBSSxDQUFDLGtCQUFrQixHQUFHLGlCQUFpQixDQUFDO0lBQzlDLENBQUM7SUFFRCxxREFBcUQ7SUFFckQsY0FBYyxDQUFDLE1BQWtCO1FBQy9CLE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN4QixNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUdELFVBQVUsQ0FBQyxNQUFrQztRQUMzQyxNQUFNLFNBQVMsR0FBSSxNQUE2RCxDQUFDLFFBQVEsQ0FBQztRQUMxRixTQUFTLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUN6RixJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDL0MsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEVBQUU7WUFDM0IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUM7SUFDbEMsQ0FBQzt1R0FoRFUsNEJBQTRCOzJGQUE1Qiw0QkFBNEIsOEtBUTVCLGNBQWMsdUVDOUIzQiwrV0FPQTs7QURxQlc7SUFEUixpQkFBaUIsRUFBRTs7eURBQ0Y7QUErQmxCO0lBREMsS0FBSyxFQUFFOzs7OzhEQVFQOzJGQTVDVSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsNEJBQTRCOzBFQVU3QixLQUFLLE1BR2QsY0FBYztzQkFEYixTQUFTO3VCQUFDLGNBQWM7Z0JBdUJ6QixjQUFjO3NCQURiLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQU9qQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDZGtQb3J0YWxPdXRsZXRBdHRhY2hlZFJlZiwgQ29tcG9uZW50UG9ydGFsfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL3BvcnRhbFwiO1xuaW1wb3J0IHtDb21wb25lbnQsIENvbXBvbmVudFJlZiwgSG9zdExpc3RlbmVyLCBWaWV3Q2hpbGR9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQge01hdE1lbnVUcmlnZ2VyfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudVwiO1xuaW1wb3J0IHtcbiAgQ29tbWFuZCxcbiAgRGVsZWdhdGluZ1ZhbHVlTW9kZWwsXG4gIERzbCxcbiAgTXV0YWJsZVZhbHVlTW9kZWwsXG4gIFN0b3JlSW5WYWx1ZU1vZGVsLCBUcmFjZSxcbiAgVmFsdWVNb2RlbENoYWluXG59IGZyb20gJ0Bjb29sb24vcGVjdGluJztcbmltcG9ydCB7Q29uc3RydWN0YWJsZX0gZnJvbSBcIkBjb29sb24vdHlwZXNjcmlwdC11dGlsaXRpZXNcIjtcbmltcG9ydCB7RGlzcG9zYWJsZUNvbXBvbmVudH0gZnJvbSBcIi4uLy4uLy4uL2Rpc3Bvc2FibGUtY29tcG9uZW50XCI7XG5pbXBvcnQge0xvYWRhYmxlQ29tcG9uZW50fSBmcm9tIFwiLi4vLi4vLi4vbG9hZGFibGUtY29tcG9uZW50XCI7XG5pbXBvcnQge0NlbGxSZW5kZXJlcn0gZnJvbSBcIi4uL2NlbGwtcmVuZGVyZXJcIjtcbmltcG9ydCB7VGFibGVDdXN0b21Nb3JlTWVudVBvcHVwQ29tcG9uZW50fSBmcm9tIFwiLi90YWJsZS1jdXN0b20tbW9yZS1tZW51LXBvcHVwLmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXVwLXRhYmxlLWN1c3RvbS1tb3JlLW1lbnVcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi90YWJsZS1jdXN0b20tbW9yZS1tZW51LmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi90YWJsZS1jdXN0b20tbW9yZS1tZW51LmNvbXBvbmVudC5zY3NzXCJdXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlQ3VzdG9tTW9yZU1lbnVDb21wb25lbnQ8VD4gZXh0ZW5kcyBEaXNwb3NhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgQ2VsbFJlbmRlcmVyPFQ+IHtcblxuXG4gIHByaXZhdGUgdmFsdWUkID0gbmV3IE11dGFibGVWYWx1ZU1vZGVsPFQ+KCk7XG5cbiAgQFN0b3JlSW5WYWx1ZU1vZGVsKClcbiAgYWNjZXNzb3IgdmFsdWU6IFQ7XG5cbiAgQFZpZXdDaGlsZChNYXRNZW51VHJpZ2dlcilcbiAgbWF0TWVudVRyaWdnZXI6IE1hdE1lbnVUcmlnZ2VyO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgcG9wdXBUeXBlJCA9IG5ldyBNdXRhYmxlVmFsdWVNb2RlbDxDb25zdHJ1Y3RhYmxlPFRhYmxlQ3VzdG9tTW9yZU1lbnVQb3B1cENvbXBvbmVudDxUPj4+KCk7XG5cbiAgcG9wdXBDb21wb25lbnRQb3J0YWwkOiBWYWx1ZU1vZGVsQ2hhaW48Q29tcG9uZW50UG9ydGFsPFRhYmxlQ3VzdG9tTW9yZU1lbnVQb3B1cENvbXBvbmVudDxUPj4+O1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX3Zpc2libGUkID0gdGhpcy5yZWdpc3RlckRpc3Bvc2FibGUobmV3IERlbGVnYXRpbmdWYWx1ZU1vZGVsPGJvb2xlYW4+KCkpO1xuICBwcml2YXRlIGluaXRpYWxpc2VDYWxsYmFjaz86IChjb21wb25lbnQ6IFRhYmxlQ3VzdG9tTW9yZU1lbnVQb3B1cENvbXBvbmVudDxUPikgPT4gdm9pZDtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIGNvbnN0IHsgY2hhaW4gfSA9IERzbC5kaXNwb3NlV2l0aCh0aGlzKTtcbiAgICB0aGlzLnBvcHVwQ29tcG9uZW50UG9ydGFsJCA9IGNoYWluKHRoaXMucG9wdXBUeXBlJCkubWFwKHR5cGUgPT4gbmV3IENvbXBvbmVudFBvcnRhbCh0eXBlKSk7XG4gIH1cblxuICBjb25maWd1cmVQb3B1cENvbXBvbmVudFR5cGUocG9wdXBDb21wb25lbnRUeXBlOiBDb25zdHJ1Y3RhYmxlPFRhYmxlQ3VzdG9tTW9yZU1lbnVQb3B1cENvbXBvbmVudDxUPj4sIGNvbmZpZ3VyZUNhbGxiYWNrPzogKGNvbXBvbmVudDpUYWJsZUN1c3RvbU1vcmVNZW51UG9wdXBDb21wb25lbnQ8VD4pID0+IHZvaWQpIHtcbiAgICB0aGlzLnBvcHVwVHlwZSQudmFsdWUgPSBwb3B1cENvbXBvbmVudFR5cGU7XG4gICAgdGhpcy5pbml0aWFsaXNlQ2FsbGJhY2sgPSBjb25maWd1cmVDYWxsYmFjaztcbiAgfVxuXG4gIC8vIFN0b3BzIHRyZWUgc2VsZWN0aW9uIHdoZW4gY2xpY2tpbmcgdGhlIG1lbnUgYnV0dG9uXG4gIEBIb3N0TGlzdGVuZXIoXCJjbGlja1wiLCBbXCIkZXZlbnRcIl0pXG4gIHByZXZlbnREZWZhdWx0KCRldmVudDogTW91c2VFdmVudCkge1xuICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgfVxuXG4gIEBUcmFjZSgpXG4gIGluaXRpYWxpc2UoJGV2ZW50OiBDZGtQb3J0YWxPdXRsZXRBdHRhY2hlZFJlZikge1xuICAgIGNvbnN0IGNvbXBvbmVudCA9ICgkZXZlbnQgYXMgQ29tcG9uZW50UmVmPFRhYmxlQ3VzdG9tTW9yZU1lbnVQb3B1cENvbXBvbmVudDxUPj4pLmluc3RhbmNlO1xuICAgIGNvbXBvbmVudC5pbml0aWFsaXNlKHRoaXMudmFsdWUkLCBDb21tYW5kLmNyZWF0ZSgoKSA9PiB0aGlzLm1hdE1lbnVUcmlnZ2VyLmNsb3NlTWVudSgpKSk7XG4gICAgdGhpcy5fdmlzaWJsZSQuc2V0RGVsZWdhdGUoY29tcG9uZW50LnZpc2libGUkKTtcbiAgICBpZiAodGhpcy5pbml0aWFsaXNlQ2FsbGJhY2spIHtcbiAgICAgIHRoaXMuaW5pdGlhbGlzZUNhbGxiYWNrKGNvbXBvbmVudCk7XG4gICAgfVxuICB9XG5cbiAgZ2V0IHZpc2libGUkKCkge1xuICAgIHJldHVybiB0aGlzLl92aXNpYmxlJC5yZWFkb25seSQ7XG4gIH1cblxufVxuIiwiPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiIHhQb3NpdGlvbj1cImJlZm9yZVwiPlxuICA8bmctdGVtcGxhdGUgbWF0TWVudUNvbnRlbnQgW2Nka1BvcnRhbE91dGxldF09XCJwb3B1cENvbXBvbmVudFBvcnRhbCQudmFsdWVcIiAoYXR0YWNoZWQpPVwiaW5pdGlhbGlzZSgkZXZlbnQpXCI+PC9uZy10ZW1wbGF0ZT5cbjwvbWF0LW1lbnU+XG5cbjxidXR0b24gbWF0LWljb24tYnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCIgZGF0YS1jeT1cIm1vcmUtbWVudS10cmlnZ2VyXCIgKm5nSWY9XCJ2aXNpYmxlJC52YWx1ZVwiPlxuICA8YXVwLWljb24gaWNvbj1cIm1hdDptb3JlX3ZlcnRcIj48L2F1cC1pY29uPlxuPC9idXR0b24+XG4iXX0=
|