@tanstack/angular-table 9.0.0-alpha.9 → 9.0.0-beta.1
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/README.md +127 -0
- package/dist/README.md +127 -0
- package/dist/fesm2022/tanstack-angular-table-static-functions.mjs +6 -0
- package/dist/fesm2022/tanstack-angular-table-static-functions.mjs.map +1 -0
- package/dist/fesm2022/tanstack-angular-table.mjs +1336 -239
- package/dist/fesm2022/tanstack-angular-table.mjs.map +1 -1
- package/dist/types/tanstack-angular-table-static-functions.d.ts +1 -0
- package/dist/types/tanstack-angular-table.d.ts +793 -0
- package/package.json +39 -19
- package/skills/angular/angular-rendering-directives/SKILL.md +415 -0
- package/skills/angular/angular-rendering-directives/references/content-shapes.md +142 -0
- package/skills/angular/angular-rendering-directives/references/create-table-hook-registries.md +89 -0
- package/skills/angular/angular-rendering-directives/references/di-tokens.md +171 -0
- package/skills/angular/angular-rendering-directives/references/flex-render-component-options.md +64 -0
- package/skills/angular/client-to-server/SKILL.md +467 -0
- package/skills/angular/compose-with-tanstack-query/SKILL.md +482 -0
- package/skills/angular/compose-with-tanstack-store/SKILL.md +397 -0
- package/skills/angular/compose-with-tanstack-virtual/SKILL.md +400 -0
- package/skills/angular/getting-started/SKILL.md +496 -0
- package/skills/angular/getting-started/references/feature-row-model-mapping.md +48 -0
- package/skills/angular/migrate-v8-to-v9/SKILL.md +419 -0
- package/skills/angular/migrate-v8-to-v9/references/v8-to-v9-mapping.md +261 -0
- package/skills/angular/production-readiness/SKILL.md +469 -0
- package/skills/angular/table-state/SKILL.md +429 -0
- package/skills/angular/table-state/references/external-atoms-and-app-hook.md +152 -0
- package/src/flex-render/context.ts +14 -0
- package/src/flex-render/flags.ts +34 -0
- package/src/flex-render/flexRenderComponent.ts +288 -0
- package/src/flex-render/flexRenderComponentFactory.ts +251 -0
- package/src/flex-render/renderer.ts +393 -0
- package/src/flex-render/view.ts +226 -0
- package/src/flexRender.ts +124 -0
- package/src/helpers/cell.ts +104 -0
- package/src/helpers/createTableHook.ts +499 -0
- package/src/helpers/flexRenderCell.ts +136 -0
- package/src/helpers/header.ts +99 -0
- package/src/helpers/table.ts +85 -0
- package/src/index.ts +23 -70
- package/src/injectTable.ts +212 -0
- package/src/{lazy-signal-initializer.ts → lazySignalInitializer.ts} +2 -2
- package/src/reactivity.ts +105 -0
- package/static-functions/index.ts +1 -0
- package/static-functions/ng-package.json +6 -0
- package/dist/esm2022/flex-render.mjs +0 -148
- package/dist/esm2022/index.mjs +0 -48
- package/dist/esm2022/lazy-signal-initializer.mjs +0 -43
- package/dist/esm2022/proxy.mjs +0 -83
- package/dist/esm2022/tanstack-angular-table.mjs +0 -5
- package/dist/flex-render.d.ts +0 -30
- package/dist/index.d.ts +0 -5
- package/dist/lazy-signal-initializer.d.ts +0 -5
- package/dist/proxy.d.ts +0 -3
- package/src/flex-render.ts +0 -184
- package/src/proxy.ts +0 -97
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef, ComponentRef, Directive, Inject, inject, InjectionToken, Injector, Input, isSignal, TemplateRef, Type, ViewContainerRef, } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class FlexRenderDirective {
|
|
4
|
-
viewContainerRef;
|
|
5
|
-
templateRef;
|
|
6
|
-
content = undefined;
|
|
7
|
-
props = {};
|
|
8
|
-
injector = inject(Injector);
|
|
9
|
-
constructor(viewContainerRef, templateRef) {
|
|
10
|
-
this.viewContainerRef = viewContainerRef;
|
|
11
|
-
this.templateRef = templateRef;
|
|
12
|
-
}
|
|
13
|
-
ref = null;
|
|
14
|
-
ngOnChanges(changes) {
|
|
15
|
-
if (this.ref instanceof ComponentRef) {
|
|
16
|
-
this.ref.injector.get(ChangeDetectorRef).markForCheck();
|
|
17
|
-
}
|
|
18
|
-
if (!changes['content']) {
|
|
19
|
-
return;
|
|
20
|
-
}
|
|
21
|
-
this.render();
|
|
22
|
-
}
|
|
23
|
-
render() {
|
|
24
|
-
this.viewContainerRef.clear();
|
|
25
|
-
const { content, props } = this;
|
|
26
|
-
if (content === null || content === undefined) {
|
|
27
|
-
this.ref = null;
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
if (typeof content === 'function') {
|
|
31
|
-
return this.renderContent(content(props));
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
return this.renderContent(content);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
renderContent(content) {
|
|
38
|
-
if (typeof content === 'string' || typeof content === 'number') {
|
|
39
|
-
return this.renderStringContent();
|
|
40
|
-
}
|
|
41
|
-
if (content instanceof TemplateRef) {
|
|
42
|
-
return this.viewContainerRef.createEmbeddedView(content, this.getTemplateRefContext());
|
|
43
|
-
}
|
|
44
|
-
else if (content instanceof FlexRenderComponent) {
|
|
45
|
-
return this.renderComponent(content);
|
|
46
|
-
}
|
|
47
|
-
else if (content instanceof Type) {
|
|
48
|
-
return this.renderCustomComponent(content);
|
|
49
|
-
}
|
|
50
|
-
else {
|
|
51
|
-
return null;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
renderStringContent() {
|
|
55
|
-
const context = () => {
|
|
56
|
-
return typeof this.content === 'string' ||
|
|
57
|
-
typeof this.content === 'number'
|
|
58
|
-
? this.content
|
|
59
|
-
: this.content?.(this.props);
|
|
60
|
-
};
|
|
61
|
-
return this.viewContainerRef.createEmbeddedView(this.templateRef, {
|
|
62
|
-
get $implicit() {
|
|
63
|
-
return context();
|
|
64
|
-
},
|
|
65
|
-
});
|
|
66
|
-
}
|
|
67
|
-
renderComponent(flexRenderComponent) {
|
|
68
|
-
const { component, inputs, injector } = flexRenderComponent;
|
|
69
|
-
const getContext = () => this.props;
|
|
70
|
-
const proxy = new Proxy(this.props, {
|
|
71
|
-
get: (_, key) => getContext()?.[key],
|
|
72
|
-
});
|
|
73
|
-
const componentInjector = Injector.create({
|
|
74
|
-
parent: injector ?? this.injector,
|
|
75
|
-
providers: [{ provide: FlexRenderComponentProps, useValue: proxy }],
|
|
76
|
-
});
|
|
77
|
-
const componentRef = this.viewContainerRef.createComponent(component, {
|
|
78
|
-
injector: componentInjector,
|
|
79
|
-
});
|
|
80
|
-
for (const prop in inputs) {
|
|
81
|
-
if (componentRef.instance?.hasOwnProperty(prop)) {
|
|
82
|
-
componentRef.setInput(prop, inputs[prop]);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
return componentRef;
|
|
86
|
-
}
|
|
87
|
-
renderCustomComponent(component) {
|
|
88
|
-
const componentRef = this.viewContainerRef.createComponent(component, {
|
|
89
|
-
injector: this.injector,
|
|
90
|
-
});
|
|
91
|
-
for (const prop in this.props) {
|
|
92
|
-
// Only signal based input can be added here
|
|
93
|
-
if (componentRef.instance?.hasOwnProperty(prop) &&
|
|
94
|
-
// @ts-ignore
|
|
95
|
-
isSignal(componentRef.instance[prop])) {
|
|
96
|
-
componentRef.setInput(prop, this.props[prop]);
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
return componentRef;
|
|
100
|
-
}
|
|
101
|
-
getTemplateRefContext() {
|
|
102
|
-
const getContext = () => this.props;
|
|
103
|
-
return {
|
|
104
|
-
get $implicit() {
|
|
105
|
-
return getContext();
|
|
106
|
-
},
|
|
107
|
-
};
|
|
108
|
-
}
|
|
109
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: FlexRenderDirective, deps: [{ token: ViewContainerRef }, { token: TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
110
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: FlexRenderDirective, isStandalone: true, selector: "[flexRender]", inputs: { content: ["flexRender", "content"], props: ["flexRenderProps", "props"], injector: ["flexRenderInjector", "injector"] }, usesOnChanges: true, ngImport: i0 });
|
|
111
|
-
}
|
|
112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: FlexRenderDirective, decorators: [{
|
|
113
|
-
type: Directive,
|
|
114
|
-
args: [{
|
|
115
|
-
selector: '[flexRender]',
|
|
116
|
-
standalone: true,
|
|
117
|
-
}]
|
|
118
|
-
}], ctorParameters: () => [{ type: i0.ViewContainerRef, decorators: [{
|
|
119
|
-
type: Inject,
|
|
120
|
-
args: [ViewContainerRef]
|
|
121
|
-
}] }, { type: i0.TemplateRef, decorators: [{
|
|
122
|
-
type: Inject,
|
|
123
|
-
args: [TemplateRef]
|
|
124
|
-
}] }], propDecorators: { content: [{
|
|
125
|
-
type: Input,
|
|
126
|
-
args: [{ required: true, alias: 'flexRender' }]
|
|
127
|
-
}], props: [{
|
|
128
|
-
type: Input,
|
|
129
|
-
args: [{ required: true, alias: 'flexRenderProps' }]
|
|
130
|
-
}], injector: [{
|
|
131
|
-
type: Input,
|
|
132
|
-
args: [{ required: false, alias: 'flexRenderInjector' }]
|
|
133
|
-
}] } });
|
|
134
|
-
export class FlexRenderComponent {
|
|
135
|
-
component;
|
|
136
|
-
inputs;
|
|
137
|
-
injector;
|
|
138
|
-
constructor(component, inputs = {}, injector) {
|
|
139
|
-
this.component = component;
|
|
140
|
-
this.inputs = inputs;
|
|
141
|
-
this.injector = injector;
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
const FlexRenderComponentProps = new InjectionToken('[@tanstack/angular-table] Flex render component context props');
|
|
145
|
-
export function injectFlexRenderContext() {
|
|
146
|
-
return inject(FlexRenderComponentProps);
|
|
147
|
-
}
|
|
148
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleC1yZW5kZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvZmxleC1yZW5kZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixZQUFZLEVBQ1osU0FBUyxFQUVULE1BQU0sRUFDTixNQUFNLEVBQ04sY0FBYyxFQUNkLFFBQVEsRUFDUixLQUFLLEVBQ0wsUUFBUSxFQUdSLFdBQVcsRUFDWCxJQUFJLEVBQ0osZ0JBQWdCLEdBQ2pCLE1BQU0sZUFBZSxDQUFBOztBQWV0QixNQUFNLE9BQU8sbUJBQW1CO0lBbUJYO0lBRUE7SUFqQm5CLE9BQU8sR0FLUyxTQUFTLENBQUE7SUFHekIsS0FBSyxHQUFXLEVBQVksQ0FBQTtJQUc1QixRQUFRLEdBQWEsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFBO0lBRXJDLFlBRW1CLGdCQUFrQyxFQUVsQyxXQUE2QjtRQUY3QixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBRWxDLGdCQUFXLEdBQVgsV0FBVyxDQUFrQjtJQUM3QyxDQUFDO0lBRUosR0FBRyxHQUE2RCxJQUFJLENBQUE7SUFFcEUsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksSUFBSSxDQUFDLEdBQUcsWUFBWSxZQUFZLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxZQUFZLEVBQUUsQ0FBQTtRQUN6RCxDQUFDO1FBQ0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1lBQ3hCLE9BQU07UUFDUixDQUFDO1FBQ0QsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFBO0lBQ2YsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLENBQUE7UUFDN0IsTUFBTSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUE7UUFDL0Is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QkFDakI7OzBCQW1CSSxNQUFNOzJCQUFDLGdCQUFnQjs7MEJBRXZCLE1BQU07MkJBQUMsV0FBVzt5Q0FoQnJCLE9BQU87c0JBRE4sS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRTtnQkFTOUMsS0FBSztzQkFESixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUU7Z0JBSW5ELFFBQVE7c0JBRFAsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLG9CQUFvQixFQUFFOztBQTRIekQsTUFBTSxPQUFPLG1CQUFtQjtJQUVuQjtJQUNBO0lBQ0E7SUFIWCxZQUNXLFNBQXdCLEVBQ3hCLFNBQVksRUFBTyxFQUNuQixRQUFtQjtRQUZuQixjQUFTLEdBQVQsU0FBUyxDQUFlO1FBQ3hCLFdBQU0sR0FBTixNQUFNLENBQWE7UUFDbkIsYUFBUSxHQUFSLFFBQVEsQ0FBVztJQUMzQixDQUFDO0NBQ0w7QUFFRCxNQUFNLHdCQUF3QixHQUFHLElBQUksY0FBYyxDQUNqRCwrREFBK0QsQ0FDaEUsQ0FBQTtBQUVELE1BQU0sVUFBVSx1QkFBdUI7SUFDckMsT0FBTyxNQUFNLENBQUksd0JBQXdCLENBQUMsQ0FBQTtBQUM1QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudFJlZixcbiAgRGlyZWN0aXZlLFxuICBFbWJlZGRlZFZpZXdSZWYsXG4gIEluamVjdCxcbiAgaW5qZWN0LFxuICBJbmplY3Rpb25Ub2tlbixcbiAgSW5qZWN0b3IsXG4gIElucHV0LFxuICBpc1NpZ25hbCxcbiAgdHlwZSBPbkNoYW5nZXMsXG4gIHR5cGUgU2ltcGxlQ2hhbmdlcyxcbiAgVGVtcGxhdGVSZWYsXG4gIFR5cGUsXG4gIFZpZXdDb250YWluZXJSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbmV4cG9ydCB0eXBlIEZsZXhSZW5kZXJDb250ZW50PFRQcm9wcyBleHRlbmRzIE5vbk51bGxhYmxlPHVua25vd24+PiA9XG4gIHwgc3RyaW5nXG4gIHwgbnVtYmVyXG4gIHwgVHlwZTxUUHJvcHM+XG4gIHwgRmxleFJlbmRlckNvbXBvbmVudDxUUHJvcHM+XG4gIHwgVGVtcGxhdGVSZWY8eyAkaW1wbGljaXQ6IFRQcm9wcyB9PlxuICB8IG51bGxcbiAgfCB1bmRlZmluZWRcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2ZsZXhSZW5kZXJdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRmxleFJlbmRlckRpcmVjdGl2ZTxUUHJvcHMgZXh0ZW5kcyBOb25OdWxsYWJsZTx1bmtub3duPj5cbiAgaW1wbGVtZW50cyBPbkNoYW5nZXNcbntcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUsIGFsaWFzOiAnZmxleFJlbmRlcicgfSlcbiAgY29udGVudDpcbiAgICB8IG51bWJlclxuICAgIHwgc3RyaW5nXG4gICAgfCAoKHByb3BzOiBUUHJvcHMpID0+IEZsZXhSZW5kZXJDb250ZW50PFRQcm9wcz4pXG4gICAgfCBudWxsXG4gICAgfCB1bmRlZmluZWQgPSB1bmRlZmluZWRcblxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSwgYWxpYXM6ICdmbGV4UmVuZGVyUHJvcHMnIH0pXG4gIHByb3BzOiBUUHJvcHMgPSB7fSBhcyBUUHJvcHNcblxuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UsIGFsaWFzOiAnZmxleFJlbmRlckluamVjdG9yJyB9KVxuICBpbmplY3RvcjogSW5qZWN0b3IgPSBpbmplY3QoSW5qZWN0b3IpXG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChWaWV3Q29udGFpbmVyUmVmKVxuICAgIHByaXZhdGUgcmVhZG9ubHkgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcbiAgICBASW5qZWN0KFRlbXBsYXRlUmVmKVxuICAgIHByaXZhdGUgcmVhZG9ubHkgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT5cbiAgKSB7fVxuXG4gIHJlZj86IENvbXBvbmVudFJlZjx1bmtub3duPiB8IEVtYmVkZGVkVmlld1JlZjx1bmtub3duPiB8IG51bGwgPSBudWxsXG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmICh0aGlzLnJlZiBpbnN0YW5jZW9mIENvbXBvbmVudFJlZikge1xuICAgICAgdGhpcy5yZWYuaW5qZWN0b3IuZ2V0KENoYW5nZURldGVjdG9yUmVmKS5tYXJrRm9yQ2hlY2soKVxuICAgIH1cbiAgICBpZiAoIWNoYW5nZXNbJ2NvbnRlbnQnXSkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIHRoaXMucmVuZGVyKClcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICB0aGlzLnZpZXdDb250YWluZXJSZWYuY2xlYXIoKVxuICAgIGNvbnN0IHsgY29udGVudCwgcHJvcHMgfSA9IHRoaXNcbiAgICBpZiAoY29udGVudCA9PT0gbnVsbCB8fCBjb250ZW50ID09PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMucmVmID0gbnVsbFxuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIGlmICh0eXBlb2YgY29udGVudCA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgcmV0dXJuIHRoaXMucmVuZGVyQ29udGVudChjb250ZW50KHByb3BzKSlcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIHRoaXMucmVuZGVyQ29udGVudChjb250ZW50KVxuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgcmVuZGVyQ29udGVudChjb250ZW50OiBGbGV4UmVuZGVyQ29udGVudDxUUHJvcHM+KSB7XG4gICAgaWYgKHR5cGVvZiBjb250ZW50ID09PSAnc3RyaW5nJyB8fCB0eXBlb2YgY29udGVudCA9PT0gJ251bWJlcicpIHtcbiAgICAgIHJldHVybiB0aGlzLnJlbmRlclN0cmluZ0NvbnRlbnQoKVxuICAgIH1cbiAgICBpZiAoY29udGVudCBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmKSB7XG4gICAgICByZXR1cm4gdGhpcy52aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUVtYmVkZGVkVmlldyhcbiAgICAgICAgY29udGVudCxcbiAgICAgICAgdGhpcy5nZXRUZW1wbGF0ZVJlZkNvbnRleHQoKVxuICAgICAgKVxuICAgIH0gZWxzZSBpZiAoY29udGVudCBpbnN0YW5jZW9mIEZsZXhSZW5kZXJDb21wb25lbnQpIHtcbiAgICAgIHJldHVybiB0aGlzLnJlbmRlckNvbXBvbmVudChjb250ZW50KVxuICAgIH0gZWxzZSBpZiAoY29udGVudCBpbnN0YW5jZW9mIFR5cGUpIHtcbiAgICAgIHJldHVybiB0aGlzLnJlbmRlckN1c3RvbUNvbXBvbmVudChjb250ZW50KVxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gbnVsbFxuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgcmVuZGVyU3RyaW5nQ29udGVudCgpOiBFbWJlZGRlZFZpZXdSZWY8dW5rbm93bj4ge1xuICAgIGNvbnN0IGNvbnRleHQgPSAoKSA9PiB7XG4gICAgICByZXR1cm4gdHlwZW9mIHRoaXMuY29udGVudCA9PT0gJ3N0cmluZycgfHxcbiAgICAgICAgdHlwZW9mIHRoaXMuY29udGVudCA9PT0gJ251bWJlcidcbiAgICAgICAgPyB0aGlzLmNvbnRlbnRcbiAgICAgICAgOiB0aGlzLmNvbnRlbnQ/Lih0aGlzLnByb3BzKVxuICAgIH1cbiAgICByZXR1cm4gdGhpcy52aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUVtYmVkZGVkVmlldyh0aGlzLnRlbXBsYXRlUmVmLCB7XG4gICAgICBnZXQgJGltcGxpY2l0KCkge1xuICAgICAgICByZXR1cm4gY29udGV4dCgpXG4gICAgICB9LFxuICAgIH0pXG4gIH1cblxuICBwcml2YXRlIHJlbmRlckNvbXBvbmVudChcbiAgICBmbGV4UmVuZGVyQ29tcG9uZW50OiBGbGV4UmVuZGVyQ29tcG9uZW50PFRQcm9wcz5cbiAgKTogQ29tcG9uZW50UmVmPHVua25vd24+IHtcbiAgICBjb25zdCB7IGNvbXBvbmVudCwgaW5wdXRzLCBpbmplY3RvciB9ID0gZmxleFJlbmRlckNvbXBvbmVudFxuXG4gICAgY29uc3QgZ2V0Q29udGV4dCA9ICgpID0+IHRoaXMucHJvcHNcblxuICAgIGNvbnN0IHByb3h5ID0gbmV3IFByb3h5KHRoaXMucHJvcHMsIHtcbiAgICAgIGdldDogKF8sIGtleSkgPT4gZ2V0Q29udGV4dCgpPy5ba2V5IGFzIGtleW9mIHR5cGVvZiBfXSxcbiAgICB9KVxuXG4gICAgY29uc3QgY29tcG9uZW50SW5qZWN0b3IgPSBJbmplY3Rvci5jcmVhdGUoe1xuICAgICAgcGFyZW50OiBpbmplY3RvciA/PyB0aGlzLmluamVjdG9yLFxuICAgICAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBGbGV4UmVuZGVyQ29tcG9uZW50UHJvcHMsIHVzZVZhbHVlOiBwcm94eSB9XSxcbiAgICB9KVxuXG4gICAgY29uc3QgY29tcG9uZW50UmVmID0gdGhpcy52aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUNvbXBvbmVudChjb21wb25lbnQsIHtcbiAgICAgIGluamVjdG9yOiBjb21wb25lbnRJbmplY3RvcixcbiAgICB9KVxuICAgIGZvciAoY29uc3QgcHJvcCBpbiBpbnB1dHMpIHtcbiAgICAgIGlmIChjb21wb25lbnRSZWYuaW5zdGFuY2U/Lmhhc093blByb3BlcnR5KHByb3ApKSB7XG4gICAgICAgIGNvbXBvbmVudFJlZi5zZXRJbnB1dChwcm9wLCBpbnB1dHNbcHJvcF0pXG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiBjb21wb25lbnRSZWZcbiAgfVxuXG4gIHByaXZhdGUgcmVuZGVyQ3VzdG9tQ29tcG9uZW50KFxuICAgIGNvbXBvbmVudDogVHlwZTx1bmtub3duPlxuICApOiBDb21wb25lbnRSZWY8dW5rbm93bj4ge1xuICAgIGNvbnN0IGNvbXBvbmVudFJlZiA9IHRoaXMudmlld0NvbnRhaW5lclJlZi5jcmVhdGVDb21wb25lbnQoY29tcG9uZW50LCB7XG4gICAgICBpbmplY3RvcjogdGhpcy5pbmplY3RvcixcbiAgICB9KVxuICAgIGZvciAoY29uc3QgcHJvcCBpbiB0aGlzLnByb3BzKSB7XG4gICAgICAvLyBPbmx5IHNpZ25hbCBiYXNlZCBpbnB1dCBjYW4gYmUgYWRkZWQgaGVyZVxuICAgICAgaWYgKFxuICAgICAgICBjb21wb25lbnRSZWYuaW5zdGFuY2U/Lmhhc093blByb3BlcnR5KHByb3ApICYmXG4gICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgaXNTaWduYWwoY29tcG9uZW50UmVmLmluc3RhbmNlW3Byb3BdKVxuICAgICAgKSB7XG4gICAgICAgIGNvbXBvbmVudFJlZi5zZXRJbnB1dChwcm9wLCB0aGlzLnByb3BzW3Byb3BdKVxuICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gY29tcG9uZW50UmVmXG4gIH1cblxuICBwcml2YXRlIGdldFRlbXBsYXRlUmVmQ29udGV4dCgpIHtcbiAgICBjb25zdCBnZXRDb250ZXh0ID0gKCkgPT4gdGhpcy5wcm9wc1xuICAgIHJldHVybiB7XG4gICAgICBnZXQgJGltcGxpY2l0KCkge1xuICAgICAgICByZXR1cm4gZ2V0Q29udGV4dCgpXG4gICAgICB9LFxuICAgIH1cbiAgfVxufVxuXG5leHBvcnQgY2xhc3MgRmxleFJlbmRlckNvbXBvbmVudDxUIGV4dGVuZHMgTm9uTnVsbGFibGU8dW5rbm93bj4+IHtcbiAgY29uc3RydWN0b3IoXG4gICAgcmVhZG9ubHkgY29tcG9uZW50OiBUeXBlPHVua25vd24+LFxuICAgIHJlYWRvbmx5IGlucHV0czogVCA9IHt9IGFzIFQsXG4gICAgcmVhZG9ubHkgaW5qZWN0b3I/OiBJbmplY3RvclxuICApIHt9XG59XG5cbmNvbnN0IEZsZXhSZW5kZXJDb21wb25lbnRQcm9wcyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxOb25OdWxsYWJsZTx1bmtub3duPj4oXG4gICdbQHRhbnN0YWNrL2FuZ3VsYXItdGFibGVdIEZsZXggcmVuZGVyIGNvbXBvbmVudCBjb250ZXh0IHByb3BzJ1xuKVxuXG5leHBvcnQgZnVuY3Rpb24gaW5qZWN0RmxleFJlbmRlckNvbnRleHQ8VCBleHRlbmRzIE5vbk51bGxhYmxlPHVua25vd24+PigpOiBUIHtcbiAgcmV0dXJuIGluamVjdDxUPihGbGV4UmVuZGVyQ29tcG9uZW50UHJvcHMpXG59XG4iXX0=
|
package/dist/esm2022/index.mjs
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { computed, signal } from '@angular/core';
|
|
2
|
-
import { _createTable, } from '@tanstack/table-core';
|
|
3
|
-
import { lazyInit } from './lazy-signal-initializer';
|
|
4
|
-
import { proxifyTable } from './proxy';
|
|
5
|
-
export * from '@tanstack/table-core';
|
|
6
|
-
export { FlexRenderComponent, FlexRenderDirective, injectFlexRenderContext, } from './flex-render';
|
|
7
|
-
export function injectTable(options) {
|
|
8
|
-
return lazyInit(() => {
|
|
9
|
-
const resolvedOptions = {
|
|
10
|
-
state: {},
|
|
11
|
-
onStateChange: () => { },
|
|
12
|
-
renderFallbackValue: null,
|
|
13
|
-
...options(),
|
|
14
|
-
};
|
|
15
|
-
const table = _createTable(resolvedOptions);
|
|
16
|
-
// By default, manage table state here using the table's initial state
|
|
17
|
-
const state = signal(table.initialState);
|
|
18
|
-
// Compose table options using computed.
|
|
19
|
-
// This is to allow `tableSignal` to listen and set table option
|
|
20
|
-
const updatedOptions = computed(() => {
|
|
21
|
-
// listen to table state changed
|
|
22
|
-
const tableState = state();
|
|
23
|
-
// listen to input options changed
|
|
24
|
-
const tableOptions = options();
|
|
25
|
-
return {
|
|
26
|
-
...table.options,
|
|
27
|
-
...resolvedOptions,
|
|
28
|
-
...tableOptions,
|
|
29
|
-
state: { ...tableState, ...tableOptions.state },
|
|
30
|
-
onStateChange: updater => {
|
|
31
|
-
const value = updater instanceof Function ? updater(tableState) : updater;
|
|
32
|
-
state.set(value);
|
|
33
|
-
resolvedOptions.onStateChange?.(updater);
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
});
|
|
37
|
-
// convert table instance to signal for proxify to listen to any table state and options changes
|
|
38
|
-
const tableSignal = computed(() => {
|
|
39
|
-
table.setOptions(updatedOptions());
|
|
40
|
-
return table;
|
|
41
|
-
}, {
|
|
42
|
-
equal: () => false,
|
|
43
|
-
});
|
|
44
|
-
// proxify Table instance to provide ability for consumer to listen to any table state changes
|
|
45
|
-
return proxifyTable(tableSignal);
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBZSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDN0QsT0FBTyxFQUtMLFlBQVksR0FFYixNQUFNLHNCQUFzQixDQUFBO0FBQzdCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRXRDLGNBQWMsc0JBQXNCLENBQUE7QUFFcEMsT0FBTyxFQUVMLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsdUJBQXVCLEdBQ3hCLE1BQU0sZUFBZSxDQUFBO0FBRXRCLE1BQU0sVUFBVSxXQUFXLENBQ3pCLE9BQWtDO0lBRWxDLE9BQU8sUUFBUSxDQUFDLEdBQUcsRUFBRTtRQUNuQixNQUFNLGVBQWUsR0FBRztZQUN0QixLQUFLLEVBQUUsRUFBRTtZQUNULGFBQWEsRUFBRSxHQUFHLEVBQUUsR0FBRSxDQUFDO1lBQ3ZCLG1CQUFtQixFQUFFLElBQUk7WUFDekIsR0FBRyxPQUFPLEVBQUU7U0FDYixDQUFBO1FBRUQsTUFBTSxLQUFLLEdBQUcsWUFBWSxDQUFDLGVBQWUsQ0FBQyxDQUFBO1FBRTNDLHNFQUFzRTtRQUN0RSxNQUFNLEtBQUssR0FBRyxNQUFNLENBQWEsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFBO1FBRXBELHdDQUF3QztRQUN4QyxnRUFBZ0U7UUFDaEUsTUFBTSxjQUFjLEdBQUcsUUFBUSxDQUE4QixHQUFHLEVBQUU7WUFDaEUsZ0NBQWdDO1lBQ2hDLE1BQU0sVUFBVSxHQUFHLEtBQUssRUFBRSxDQUFBO1lBQzFCLGtDQUFrQztZQUNsQyxNQUFNLFlBQVksR0FBRyxPQUFPLEVBQUUsQ0FBQTtZQUM5QixPQUFPO2dCQUNMLEdBQUcsS0FBSyxDQUFDLE9BQU87Z0JBQ2hCLEdBQUcsZUFBZTtnQkFDbEIsR0FBRyxZQUFZO2dCQUNmLEtBQUssRUFBRSxFQUFFLEdBQUcsVUFBVSxFQUFFLEdBQUcsWUFBWSxDQUFDLEtBQUssRUFBRTtnQkFDL0MsYUFBYSxFQUFFLE9BQU8sQ0FBQyxFQUFFO29CQUN2QixNQUFNLEtBQUssR0FDVCxPQUFPLFlBQVksUUFBUSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtvQkFDN0QsS0FBSyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtvQkFDaEIsZUFBZSxDQUFDLGFBQWEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFBO2dCQUMxQyxDQUFDO2FBQ0YsQ0FBQTtRQUNILENBQUMsQ0FBQyxDQUFBO1FBRUYsZ0dBQWdHO1FBQ2hHLE1BQU0sV0FBVyxHQUFHLFFBQVEsQ0FDMUIsR0FBRyxFQUFFO1lBQ0gsS0FBSyxDQUFDLFVBQVUsQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFBO1lBQ2xDLE9BQU8sS0FBSyxDQUFBO1FBQ2QsQ0FBQyxFQUNEO1lBQ0UsS0FBSyxFQUFFLEdBQUcsRUFBRSxDQUFDLEtBQUs7U0FDbkIsQ0FDRixDQUFBO1FBRUQsOEZBQThGO1FBQzlGLE9BQU8sWUFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQ2xDLENBQUMsQ0FBQyxDQUFBO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvbXB1dGVkLCB0eXBlIFNpZ25hbCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7XG4gIFJvd0RhdGEsXG4gIFRhYmxlT3B0aW9ucyxcbiAgVGFibGVPcHRpb25zUmVzb2x2ZWQsXG4gIFRhYmxlU3RhdGUsXG4gIF9jcmVhdGVUYWJsZSxcbiAgdHlwZSBUYWJsZSxcbn0gZnJvbSAnQHRhbnN0YWNrL3RhYmxlLWNvcmUnXG5pbXBvcnQgeyBsYXp5SW5pdCB9IGZyb20gJy4vbGF6eS1zaWduYWwtaW5pdGlhbGl6ZXInXG5pbXBvcnQgeyBwcm94aWZ5VGFibGUgfSBmcm9tICcuL3Byb3h5J1xuXG5leHBvcnQgKiBmcm9tICdAdGFuc3RhY2svdGFibGUtY29yZSdcblxuZXhwb3J0IHtcbiAgdHlwZSBGbGV4UmVuZGVyQ29udGVudCxcbiAgRmxleFJlbmRlckNvbXBvbmVudCxcbiAgRmxleFJlbmRlckRpcmVjdGl2ZSxcbiAgaW5qZWN0RmxleFJlbmRlckNvbnRleHQsXG59IGZyb20gJy4vZmxleC1yZW5kZXInXG5cbmV4cG9ydCBmdW5jdGlvbiBpbmplY3RUYWJsZTxURGF0YSBleHRlbmRzIFJvd0RhdGE+KFxuICBvcHRpb25zOiAoKSA9PiBUYWJsZU9wdGlvbnM8VERhdGE+XG4pOiBUYWJsZTxURGF0YT4gJiBTaWduYWw8VGFibGU8VERhdGE+PiB7XG4gIHJldHVybiBsYXp5SW5pdCgoKSA9PiB7XG4gICAgY29uc3QgcmVzb2x2ZWRPcHRpb25zID0ge1xuICAgICAgc3RhdGU6IHt9LFxuICAgICAgb25TdGF0ZUNoYW5nZTogKCkgPT4ge30sXG4gICAgICByZW5kZXJGYWxsYmFja1ZhbHVlOiBudWxsLFxuICAgICAgLi4ub3B0aW9ucygpLFxuICAgIH1cblxuICAgIGNvbnN0IHRhYmxlID0gX2NyZWF0ZVRhYmxlKHJlc29sdmVkT3B0aW9ucylcblxuICAgIC8vIEJ5IGRlZmF1bHQsIG1hbmFnZSB0YWJsZSBzdGF0ZSBoZXJlIHVzaW5nIHRoZSB0YWJsZSdzIGluaXRpYWwgc3RhdGVcbiAgICBjb25zdCBzdGF0ZSA9IHNpZ25hbDxUYWJsZVN0YXRlPih0YWJsZS5pbml0aWFsU3RhdGUpXG5cbiAgICAvLyBDb21wb3NlIHRhYmxlIG9wdGlvbnMgdXNpbmcgY29tcHV0ZWQuXG4gICAgLy8gVGhpcyBpcyB0byBhbGxvdyBgdGFibGVTaWduYWxgIHRvIGxpc3RlbiBhbmQgc2V0IHRhYmxlIG9wdGlvblxuICAgIGNvbnN0IHVwZGF0ZWRPcHRpb25zID0gY29tcHV0ZWQ8VGFibGVPcHRpb25zUmVzb2x2ZWQ8VERhdGE+PigoKSA9PiB7XG4gICAgICAvLyBsaXN0ZW4gdG8gdGFibGUgc3RhdGUgY2hhbmdlZFxuICAgICAgY29uc3QgdGFibGVTdGF0ZSA9IHN0YXRlKClcbiAgICAgIC8vIGxpc3RlbiB0byBpbnB1dCBvcHRpb25zIGNoYW5nZWRcbiAgICAgIGNvbnN0IHRhYmxlT3B0aW9ucyA9IG9wdGlvbnMoKVxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgLi4udGFibGUub3B0aW9ucyxcbiAgICAgICAgLi4ucmVzb2x2ZWRPcHRpb25zLFxuICAgICAgICAuLi50YWJsZU9wdGlvbnMsXG4gICAgICAgIHN0YXRlOiB7IC4uLnRhYmxlU3RhdGUsIC4uLnRhYmxlT3B0aW9ucy5zdGF0ZSB9LFxuICAgICAgICBvblN0YXRlQ2hhbmdlOiB1cGRhdGVyID0+IHtcbiAgICAgICAgICBjb25zdCB2YWx1ZSA9XG4gICAgICAgICAgICB1cGRhdGVyIGluc3RhbmNlb2YgRnVuY3Rpb24gPyB1cGRhdGVyKHRhYmxlU3RhdGUpIDogdXBkYXRlclxuICAgICAgICAgIHN0YXRlLnNldCh2YWx1ZSlcbiAgICAgICAgICByZXNvbHZlZE9wdGlvbnMub25TdGF0ZUNoYW5nZT8uKHVwZGF0ZXIpXG4gICAgICAgIH0sXG4gICAgICB9XG4gICAgfSlcblxuICAgIC8vIGNvbnZlcnQgdGFibGUgaW5zdGFuY2UgdG8gc2lnbmFsIGZvciBwcm94aWZ5IHRvIGxpc3RlbiB0byBhbnkgdGFibGUgc3RhdGUgYW5kIG9wdGlvbnMgY2hhbmdlc1xuICAgIGNvbnN0IHRhYmxlU2lnbmFsID0gY29tcHV0ZWQoXG4gICAgICAoKSA9PiB7XG4gICAgICAgIHRhYmxlLnNldE9wdGlvbnModXBkYXRlZE9wdGlvbnMoKSlcbiAgICAgICAgcmV0dXJuIHRhYmxlXG4gICAgICB9LFxuICAgICAge1xuICAgICAgICBlcXVhbDogKCkgPT4gZmFsc2UsXG4gICAgICB9XG4gICAgKVxuXG4gICAgLy8gcHJveGlmeSBUYWJsZSBpbnN0YW5jZSB0byBwcm92aWRlIGFiaWxpdHkgZm9yIGNvbnN1bWVyIHRvIGxpc3RlbiB0byBhbnkgdGFibGUgc3RhdGUgY2hhbmdlc1xuICAgIHJldHVybiBwcm94aWZ5VGFibGUodGFibGVTaWduYWwpXG4gIH0pXG59XG4iXX0=
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { untracked } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* Implementation from @tanstack/angular-query
|
|
4
|
-
* {@link https://github.com/TanStack/query/blob/main/packages/angular-query-experimental/src/util/lazy-init/lazy-init.ts}
|
|
5
|
-
*/
|
|
6
|
-
export function lazyInit(initializer) {
|
|
7
|
-
let object = null;
|
|
8
|
-
const initializeObject = () => {
|
|
9
|
-
if (!object) {
|
|
10
|
-
object = untracked(() => initializer());
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
queueMicrotask(() => initializeObject());
|
|
14
|
-
const table = () => { };
|
|
15
|
-
return new Proxy(table, {
|
|
16
|
-
apply(target, thisArg, argArray) {
|
|
17
|
-
initializeObject();
|
|
18
|
-
if (typeof object === 'function') {
|
|
19
|
-
return Reflect.apply(object, thisArg, argArray);
|
|
20
|
-
}
|
|
21
|
-
return Reflect.apply(target, thisArg, argArray);
|
|
22
|
-
},
|
|
23
|
-
get(_, prop, receiver) {
|
|
24
|
-
initializeObject();
|
|
25
|
-
return Reflect.get(object, prop, receiver);
|
|
26
|
-
},
|
|
27
|
-
has(_, prop) {
|
|
28
|
-
initializeObject();
|
|
29
|
-
return Reflect.has(object, prop);
|
|
30
|
-
},
|
|
31
|
-
ownKeys() {
|
|
32
|
-
initializeObject();
|
|
33
|
-
return Reflect.ownKeys(object);
|
|
34
|
-
},
|
|
35
|
-
getOwnPropertyDescriptor() {
|
|
36
|
-
return {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
configurable: true,
|
|
39
|
-
};
|
|
40
|
-
},
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF6eS1zaWduYWwtaW5pdGlhbGl6ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGF6eS1zaWduYWwtaW5pdGlhbGl6ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUV6Qzs7O0dBR0c7QUFDSCxNQUFNLFVBQVUsUUFBUSxDQUFtQixXQUFvQjtJQUM3RCxJQUFJLE1BQU0sR0FBYSxJQUFJLENBQUE7SUFFM0IsTUFBTSxnQkFBZ0IsR0FBRyxHQUFHLEVBQUU7UUFDNUIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ1osTUFBTSxHQUFHLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFBO1FBQ3pDLENBQUM7SUFDSCxDQUFDLENBQUE7SUFFRCxjQUFjLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFBO0lBRXhDLE1BQU0sS0FBSyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQTtJQUV0QixPQUFPLElBQUksS0FBSyxDQUFJLEtBQVUsRUFBRTtRQUM5QixLQUFLLENBQUMsTUFBUyxFQUFFLE9BQVksRUFBRSxRQUFlO1lBQzVDLGdCQUFnQixFQUFFLENBQUE7WUFDbEIsSUFBSSxPQUFPLE1BQU0sS0FBSyxVQUFVLEVBQUUsQ0FBQztnQkFDakMsT0FBTyxPQUFPLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUE7WUFDakQsQ0FBQztZQUNELE9BQU8sT0FBTyxDQUFDLEtBQUssQ0FBQyxNQUFhLEVBQUUsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFBO1FBQ3hELENBQUM7UUFDRCxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxRQUFRO1lBQ25CLGdCQUFnQixFQUFFLENBQUE7WUFDbEIsT0FBTyxPQUFPLENBQUMsR0FBRyxDQUFDLE1BQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUE7UUFDakQsQ0FBQztRQUNELEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSTtZQUNULGdCQUFnQixFQUFFLENBQUE7WUFDbEIsT0FBTyxPQUFPLENBQUMsR0FBRyxDQUFDLE1BQVcsRUFBRSxJQUFJLENBQUMsQ0FBQTtRQUN2QyxDQUFDO1FBQ0QsT0FBTztZQUNMLGdCQUFnQixFQUFFLENBQUE7WUFDbEIsT0FBTyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQVcsQ0FBQyxDQUFBO1FBQ3JDLENBQUM7UUFDRCx3QkFBd0I7WUFDdEIsT0FBTztnQkFDTCxVQUFVLEVBQUUsSUFBSTtnQkFDaEIsWUFBWSxFQUFFLElBQUk7YUFDbkIsQ0FBQTtRQUNILENBQUM7S0FDRixDQUFDLENBQUE7QUFDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdW50cmFja2VkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuLyoqXG4gKiBJbXBsZW1lbnRhdGlvbiBmcm9tIEB0YW5zdGFjay9hbmd1bGFyLXF1ZXJ5XG4gKiB7QGxpbmsgaHR0cHM6Ly9naXRodWIuY29tL1RhblN0YWNrL3F1ZXJ5L2Jsb2IvbWFpbi9wYWNrYWdlcy9hbmd1bGFyLXF1ZXJ5LWV4cGVyaW1lbnRhbC9zcmMvdXRpbC9sYXp5LWluaXQvbGF6eS1pbml0LnRzfVxuICovXG5leHBvcnQgZnVuY3Rpb24gbGF6eUluaXQ8VCBleHRlbmRzIG9iamVjdD4oaW5pdGlhbGl6ZXI6ICgpID0+IFQpOiBUIHtcbiAgbGV0IG9iamVjdDogVCB8IG51bGwgPSBudWxsXG5cbiAgY29uc3QgaW5pdGlhbGl6ZU9iamVjdCA9ICgpID0+IHtcbiAgICBpZiAoIW9iamVjdCkge1xuICAgICAgb2JqZWN0ID0gdW50cmFja2VkKCgpID0+IGluaXRpYWxpemVyKCkpXG4gICAgfVxuICB9XG5cbiAgcXVldWVNaWNyb3Rhc2soKCkgPT4gaW5pdGlhbGl6ZU9iamVjdCgpKVxuXG4gIGNvbnN0IHRhYmxlID0gKCkgPT4ge31cblxuICByZXR1cm4gbmV3IFByb3h5PFQ+KHRhYmxlIGFzIFQsIHtcbiAgICBhcHBseSh0YXJnZXQ6IFQsIHRoaXNBcmc6IGFueSwgYXJnQXJyYXk6IGFueVtdKTogYW55IHtcbiAgICAgIGluaXRpYWxpemVPYmplY3QoKVxuICAgICAgaWYgKHR5cGVvZiBvYmplY3QgPT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgcmV0dXJuIFJlZmxlY3QuYXBwbHkob2JqZWN0LCB0aGlzQXJnLCBhcmdBcnJheSlcbiAgICAgIH1cbiAgICAgIHJldHVybiBSZWZsZWN0LmFwcGx5KHRhcmdldCBhcyBhbnksIHRoaXNBcmcsIGFyZ0FycmF5KVxuICAgIH0sXG4gICAgZ2V0KF8sIHByb3AsIHJlY2VpdmVyKSB7XG4gICAgICBpbml0aWFsaXplT2JqZWN0KClcbiAgICAgIHJldHVybiBSZWZsZWN0LmdldChvYmplY3QgYXMgVCwgcHJvcCwgcmVjZWl2ZXIpXG4gICAgfSxcbiAgICBoYXMoXywgcHJvcCkge1xuICAgICAgaW5pdGlhbGl6ZU9iamVjdCgpXG4gICAgICByZXR1cm4gUmVmbGVjdC5oYXMob2JqZWN0IGFzIFQsIHByb3ApXG4gICAgfSxcbiAgICBvd25LZXlzKCkge1xuICAgICAgaW5pdGlhbGl6ZU9iamVjdCgpXG4gICAgICByZXR1cm4gUmVmbGVjdC5vd25LZXlzKG9iamVjdCBhcyBUKVxuICAgIH0sXG4gICAgZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yKCkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgZW51bWVyYWJsZTogdHJ1ZSxcbiAgICAgICAgY29uZmlndXJhYmxlOiB0cnVlLFxuICAgICAgfVxuICAgIH0sXG4gIH0pXG59XG4iXX0=
|
package/dist/esm2022/proxy.mjs
DELETED
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { computed, untracked } from '@angular/core';
|
|
2
|
-
export function proxifyTable(tableSignal) {
|
|
3
|
-
const internalState = tableSignal;
|
|
4
|
-
return new Proxy(internalState, {
|
|
5
|
-
apply() {
|
|
6
|
-
return tableSignal();
|
|
7
|
-
},
|
|
8
|
-
get(target, property) {
|
|
9
|
-
if (target[property]) {
|
|
10
|
-
return target[property];
|
|
11
|
-
}
|
|
12
|
-
const table = untracked(tableSignal);
|
|
13
|
-
/**
|
|
14
|
-
* Attempt to convert all accessors into computed ones,
|
|
15
|
-
* excluding handlers as they do not retain any reactive value
|
|
16
|
-
*/
|
|
17
|
-
if (property.startsWith('get') &&
|
|
18
|
-
!property.endsWith('Handler') &&
|
|
19
|
-
!property.endsWith('Model')) {
|
|
20
|
-
const maybeFn = table[property];
|
|
21
|
-
if (typeof maybeFn === 'function') {
|
|
22
|
-
Object.defineProperty(target, property, {
|
|
23
|
-
value: toComputed(tableSignal, maybeFn),
|
|
24
|
-
configurable: true,
|
|
25
|
-
enumerable: true,
|
|
26
|
-
});
|
|
27
|
-
return target[property];
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
// @ts-expect-error
|
|
31
|
-
return (target[property] = table[property]);
|
|
32
|
-
},
|
|
33
|
-
has(_, prop) {
|
|
34
|
-
return !!untracked(tableSignal)[prop];
|
|
35
|
-
},
|
|
36
|
-
ownKeys() {
|
|
37
|
-
return Reflect.ownKeys(untracked(tableSignal));
|
|
38
|
-
},
|
|
39
|
-
getOwnPropertyDescriptor() {
|
|
40
|
-
return {
|
|
41
|
-
enumerable: true,
|
|
42
|
-
configurable: true,
|
|
43
|
-
};
|
|
44
|
-
},
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
/**
|
|
48
|
-
* Here we'll handle all type of accessors:
|
|
49
|
-
* - 0 argument -> e.g. table.getCanNextPage())
|
|
50
|
-
* - 0~1 arguments -> e.g. table.getIsSomeRowsPinned(position?)
|
|
51
|
-
* - 1 required argument -> e.g. table.getColumn(columnId)
|
|
52
|
-
* - 1+ argument -> e.g. table.getRow(id, searchAll?)
|
|
53
|
-
*
|
|
54
|
-
* Since we are not able to detect automatically the accessors parameters,
|
|
55
|
-
* we'll wrap all accessors into a cached function wrapping a computed
|
|
56
|
-
* that return it's value based on the given parameters
|
|
57
|
-
*/
|
|
58
|
-
function toComputed(signal, fn) {
|
|
59
|
-
const hasArgs = fn.length > 0;
|
|
60
|
-
if (!hasArgs) {
|
|
61
|
-
return computed(() => {
|
|
62
|
-
void signal();
|
|
63
|
-
return fn();
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
const computedCache = {};
|
|
67
|
-
return (...argsArray) => {
|
|
68
|
-
const serializedArgs = serializeArgs(...argsArray);
|
|
69
|
-
if (computedCache.hasOwnProperty(serializedArgs)) {
|
|
70
|
-
return computedCache[serializedArgs]?.();
|
|
71
|
-
}
|
|
72
|
-
const computedSignal = computed(() => {
|
|
73
|
-
void signal();
|
|
74
|
-
return fn(...argsArray);
|
|
75
|
-
});
|
|
76
|
-
computedCache[serializedArgs] = computedSignal;
|
|
77
|
-
return computedSignal();
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
|
-
function serializeArgs(...args) {
|
|
81
|
-
return JSON.stringify(args);
|
|
82
|
-
}
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJveHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJveHkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBZSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFLaEUsTUFBTSxVQUFVLFlBQVksQ0FDMUIsV0FBNkI7SUFFN0IsTUFBTSxhQUFhLEdBQUcsV0FBNkIsQ0FBQTtJQUVuRCxPQUFPLElBQUksS0FBSyxDQUFDLGFBQWEsRUFBRTtRQUM5QixLQUFLO1lBQ0gsT0FBTyxXQUFXLEVBQUUsQ0FBQTtRQUN0QixDQUFDO1FBQ0QsR0FBRyxDQUFDLE1BQU0sRUFBRSxRQUF3QjtZQUNsQyxJQUFJLE1BQU0sQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDO2dCQUNyQixPQUFPLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQTtZQUN6QixDQUFDO1lBQ0QsTUFBTSxLQUFLLEdBQUcsU0FBUyxDQUFDLFdBQVcsQ0FBQyxDQUFBO1lBQ3BDOzs7ZUFHRztZQUNILElBQ0UsUUFBUSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUM7Z0JBQzFCLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUM7Z0JBQzdCLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsRUFDM0IsQ0FBQztnQkFDRCxNQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFxQixDQUFBO2dCQUNuRCxJQUFJLE9BQU8sT0FBTyxLQUFLLFVBQVUsRUFBRSxDQUFDO29CQUNsQyxNQUFNLENBQUMsY0FBYyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUU7d0JBQ3RDLEtBQUssRUFBRSxVQUFVLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQzt3QkFDdkMsWUFBWSxFQUFFLElBQUk7d0JBQ2xCLFVBQVUsRUFBRSxJQUFJO3FCQUNqQixDQUFDLENBQUE7b0JBQ0YsT0FBTyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUE7Z0JBQ3pCLENBQUM7WUFDSCxDQUFDO1lBQ0QsbUJBQW1CO1lBQ25CLE9BQU8sQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7UUFDN0MsQ0FBQztRQUNELEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBb0I7WUFDekIsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQ3ZDLENBQUM7UUFDRCxPQUFPO1lBQ0wsT0FBTyxPQUFPLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFBO1FBQ2hELENBQUM7UUFDRCx3QkFBd0I7WUFDdEIsT0FBTztnQkFDTCxVQUFVLEVBQUUsSUFBSTtnQkFDaEIsWUFBWSxFQUFFLElBQUk7YUFDbkIsQ0FBQTtRQUNILENBQUM7S0FDRixDQUFDLENBQUE7QUFDSixDQUFDO0FBRUQ7Ozs7Ozs7Ozs7R0FVRztBQUNILFNBQVMsVUFBVSxDQUFJLE1BQXdCLEVBQUUsRUFBWTtJQUMzRCxNQUFNLE9BQU8sR0FBRyxFQUFFLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQTtJQUM3QixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDYixPQUFPLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDbkIsS0FBSyxNQUFNLEVBQUUsQ0FBQTtZQUNiLE9BQU8sRUFBRSxFQUFFLENBQUE7UUFDYixDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7SUFFRCxNQUFNLGFBQWEsR0FBb0MsRUFBRSxDQUFBO0lBRXpELE9BQU8sQ0FBQyxHQUFHLFNBQWdCLEVBQUUsRUFBRTtRQUM3QixNQUFNLGNBQWMsR0FBRyxhQUFhLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQTtRQUNsRCxJQUFJLGFBQWEsQ0FBQyxjQUFjLENBQUMsY0FBYyxDQUFDLEVBQUUsQ0FBQztZQUNqRCxPQUFPLGFBQWEsQ0FBQyxjQUFjLENBQUMsRUFBRSxFQUFFLENBQUE7UUFDMUMsQ0FBQztRQUNELE1BQU0sY0FBYyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDbkMsS0FBSyxNQUFNLEVBQUUsQ0FBQTtZQUNiLE9BQU8sRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDLENBQUE7UUFDekIsQ0FBQyxDQUFDLENBQUE7UUFFRixhQUFhLENBQUMsY0FBYyxDQUFDLEdBQUcsY0FBYyxDQUFBO1FBRTlDLE9BQU8sY0FBYyxFQUFFLENBQUE7SUFDekIsQ0FBQyxDQUFBO0FBQ0gsQ0FBQztBQUVELFNBQVMsYUFBYSxDQUFDLEdBQUcsSUFBVztJQUNuQyxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUE7QUFDN0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvbXB1dGVkLCB0eXBlIFNpZ25hbCwgdW50cmFja2VkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IHR5cGUgVGFibGUgfSBmcm9tICdAdGFuc3RhY2svdGFibGUtY29yZSdcblxudHlwZSBUYWJsZVNpZ25hbDxUPiA9IFRhYmxlPFQ+ICYgU2lnbmFsPFRhYmxlPFQ+PlxuXG5leHBvcnQgZnVuY3Rpb24gcHJveGlmeVRhYmxlPFQ+KFxuICB0YWJsZVNpZ25hbDogU2lnbmFsPFRhYmxlPFQ+PlxuKTogVGFibGU8VD4gJiBTaWduYWw8VGFibGU8VD4+IHtcbiAgY29uc3QgaW50ZXJuYWxTdGF0ZSA9IHRhYmxlU2lnbmFsIGFzIFRhYmxlU2lnbmFsPFQ+XG5cbiAgcmV0dXJuIG5ldyBQcm94eShpbnRlcm5hbFN0YXRlLCB7XG4gICAgYXBwbHkoKSB7XG4gICAgICByZXR1cm4gdGFibGVTaWduYWwoKVxuICAgIH0sXG4gICAgZ2V0KHRhcmdldCwgcHJvcGVydHk6IGtleW9mIFRhYmxlPFQ+KTogYW55IHtcbiAgICAgIGlmICh0YXJnZXRbcHJvcGVydHldKSB7XG4gICAgICAgIHJldHVybiB0YXJnZXRbcHJvcGVydHldXG4gICAgICB9XG4gICAgICBjb25zdCB0YWJsZSA9IHVudHJhY2tlZCh0YWJsZVNpZ25hbClcbiAgICAgIC8qKlxuICAgICAgICogQXR0ZW1wdCB0byBjb252ZXJ0IGFsbCBhY2Nlc3NvcnMgaW50byBjb21wdXRlZCBvbmVzLFxuICAgICAgICogZXhjbHVkaW5nIGhhbmRsZXJzIGFzIHRoZXkgZG8gbm90IHJldGFpbiBhbnkgcmVhY3RpdmUgdmFsdWVcbiAgICAgICAqL1xuICAgICAgaWYgKFxuICAgICAgICBwcm9wZXJ0eS5zdGFydHNXaXRoKCdnZXQnKSAmJlxuICAgICAgICAhcHJvcGVydHkuZW5kc1dpdGgoJ0hhbmRsZXInKSAmJlxuICAgICAgICAhcHJvcGVydHkuZW5kc1dpdGgoJ01vZGVsJylcbiAgICAgICkge1xuICAgICAgICBjb25zdCBtYXliZUZuID0gdGFibGVbcHJvcGVydHldIGFzIEZ1bmN0aW9uIHwgbmV2ZXJcbiAgICAgICAgaWYgKHR5cGVvZiBtYXliZUZuID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgICAgT2JqZWN0LmRlZmluZVByb3BlcnR5KHRhcmdldCwgcHJvcGVydHksIHtcbiAgICAgICAgICAgIHZhbHVlOiB0b0NvbXB1dGVkKHRhYmxlU2lnbmFsLCBtYXliZUZuKSxcbiAgICAgICAgICAgIGNvbmZpZ3VyYWJsZTogdHJ1ZSxcbiAgICAgICAgICAgIGVudW1lcmFibGU6IHRydWUsXG4gICAgICAgICAgfSlcbiAgICAgICAgICByZXR1cm4gdGFyZ2V0W3Byb3BlcnR5XVxuICAgICAgICB9XG4gICAgICB9XG4gICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICByZXR1cm4gKHRhcmdldFtwcm9wZXJ0eV0gPSB0YWJsZVtwcm9wZXJ0eV0pXG4gICAgfSxcbiAgICBoYXMoXywgcHJvcDoga2V5b2YgVGFibGU8VD4pIHtcbiAgICAgIHJldHVybiAhIXVudHJhY2tlZCh0YWJsZVNpZ25hbClbcHJvcF1cbiAgICB9LFxuICAgIG93bktleXMoKSB7XG4gICAgICByZXR1cm4gUmVmbGVjdC5vd25LZXlzKHVudHJhY2tlZCh0YWJsZVNpZ25hbCkpXG4gICAgfSxcbiAgICBnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IoKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBlbnVtZXJhYmxlOiB0cnVlLFxuICAgICAgICBjb25maWd1cmFibGU6IHRydWUsXG4gICAgICB9XG4gICAgfSxcbiAgfSlcbn1cblxuLyoqXG4gKiBIZXJlIHdlJ2xsIGhhbmRsZSBhbGwgdHlwZSBvZiBhY2Nlc3NvcnM6XG4gKiAtIDAgYXJndW1lbnQgLT4gZS5nLiB0YWJsZS5nZXRDYW5OZXh0UGFnZSgpKVxuICogLSAwfjEgYXJndW1lbnRzIC0+IGUuZy4gdGFibGUuZ2V0SXNTb21lUm93c1Bpbm5lZChwb3NpdGlvbj8pXG4gKiAtIDEgcmVxdWlyZWQgYXJndW1lbnQgLT4gZS5nLiB0YWJsZS5nZXRDb2x1bW4oY29sdW1uSWQpXG4gKiAtIDErIGFyZ3VtZW50IC0+IGUuZy4gdGFibGUuZ2V0Um93KGlkLCBzZWFyY2hBbGw/KVxuICpcbiAqIFNpbmNlIHdlIGFyZSBub3QgYWJsZSB0byBkZXRlY3QgYXV0b21hdGljYWxseSB0aGUgYWNjZXNzb3JzIHBhcmFtZXRlcnMsXG4gKiB3ZSdsbCB3cmFwIGFsbCBhY2Nlc3NvcnMgaW50byBhIGNhY2hlZCBmdW5jdGlvbiB3cmFwcGluZyBhIGNvbXB1dGVkXG4gKiB0aGF0IHJldHVybiBpdCdzIHZhbHVlIGJhc2VkIG9uIHRoZSBnaXZlbiBwYXJhbWV0ZXJzXG4gKi9cbmZ1bmN0aW9uIHRvQ29tcHV0ZWQ8VD4oc2lnbmFsOiBTaWduYWw8VGFibGU8VD4+LCBmbjogRnVuY3Rpb24pIHtcbiAgY29uc3QgaGFzQXJncyA9IGZuLmxlbmd0aCA+IDBcbiAgaWYgKCFoYXNBcmdzKSB7XG4gICAgcmV0dXJuIGNvbXB1dGVkKCgpID0+IHtcbiAgICAgIHZvaWQgc2lnbmFsKClcbiAgICAgIHJldHVybiBmbigpXG4gICAgfSlcbiAgfVxuXG4gIGNvbnN0IGNvbXB1dGVkQ2FjaGU6IFJlY29yZDxzdHJpbmcsIFNpZ25hbDx1bmtub3duPj4gPSB7fVxuXG4gIHJldHVybiAoLi4uYXJnc0FycmF5OiBhbnlbXSkgPT4ge1xuICAgIGNvbnN0IHNlcmlhbGl6ZWRBcmdzID0gc2VyaWFsaXplQXJncyguLi5hcmdzQXJyYXkpXG4gICAgaWYgKGNvbXB1dGVkQ2FjaGUuaGFzT3duUHJvcGVydHkoc2VyaWFsaXplZEFyZ3MpKSB7XG4gICAgICByZXR1cm4gY29tcHV0ZWRDYWNoZVtzZXJpYWxpemVkQXJnc10/LigpXG4gICAgfVxuICAgIGNvbnN0IGNvbXB1dGVkU2lnbmFsID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgICAgdm9pZCBzaWduYWwoKVxuICAgICAgcmV0dXJuIGZuKC4uLmFyZ3NBcnJheSlcbiAgICB9KVxuXG4gICAgY29tcHV0ZWRDYWNoZVtzZXJpYWxpemVkQXJnc10gPSBjb21wdXRlZFNpZ25hbFxuXG4gICAgcmV0dXJuIGNvbXB1dGVkU2lnbmFsKClcbiAgfVxufVxuXG5mdW5jdGlvbiBzZXJpYWxpemVBcmdzKC4uLmFyZ3M6IGFueVtdKSB7XG4gIHJldHVybiBKU09OLnN0cmluZ2lmeShhcmdzKVxufVxuIl19
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './index';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFuc3RhY2stYW5ndWxhci10YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YW5zdGFjay1hbmd1bGFyLXRhYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
|
package/dist/flex-render.d.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { ComponentRef, EmbeddedViewRef, Injector, type OnChanges, type SimpleChanges, TemplateRef, Type, ViewContainerRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export type FlexRenderContent<TProps extends NonNullable<unknown>> = string | number | Type<TProps> | FlexRenderComponent<TProps> | TemplateRef<{
|
|
4
|
-
$implicit: TProps;
|
|
5
|
-
}> | null | undefined;
|
|
6
|
-
export declare class FlexRenderDirective<TProps extends NonNullable<unknown>> implements OnChanges {
|
|
7
|
-
private readonly viewContainerRef;
|
|
8
|
-
private readonly templateRef;
|
|
9
|
-
content: number | string | ((props: TProps) => FlexRenderContent<TProps>) | null | undefined;
|
|
10
|
-
props: TProps;
|
|
11
|
-
injector: Injector;
|
|
12
|
-
constructor(viewContainerRef: ViewContainerRef, templateRef: TemplateRef<any>);
|
|
13
|
-
ref?: ComponentRef<unknown> | EmbeddedViewRef<unknown> | null;
|
|
14
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
15
|
-
render(): ComponentRef<unknown> | EmbeddedViewRef<unknown>;
|
|
16
|
-
private renderContent;
|
|
17
|
-
private renderStringContent;
|
|
18
|
-
private renderComponent;
|
|
19
|
-
private renderCustomComponent;
|
|
20
|
-
private getTemplateRefContext;
|
|
21
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FlexRenderDirective<any>, never>;
|
|
22
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FlexRenderDirective<any>, "[flexRender]", never, { "content": { "alias": "flexRender"; "required": true; }; "props": { "alias": "flexRenderProps"; "required": true; }; "injector": { "alias": "flexRenderInjector"; "required": false; }; }, {}, never, never, true, never>;
|
|
23
|
-
}
|
|
24
|
-
export declare class FlexRenderComponent<T extends NonNullable<unknown>> {
|
|
25
|
-
readonly component: Type<unknown>;
|
|
26
|
-
readonly inputs: T;
|
|
27
|
-
readonly injector?: Injector;
|
|
28
|
-
constructor(component: Type<unknown>, inputs?: T, injector?: Injector);
|
|
29
|
-
}
|
|
30
|
-
export declare function injectFlexRenderContext<T extends NonNullable<unknown>>(): T;
|
package/dist/index.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { type Signal } from '@angular/core';
|
|
2
|
-
import { RowData, TableOptions, type Table } from '@tanstack/table-core';
|
|
3
|
-
export * from '@tanstack/table-core';
|
|
4
|
-
export { type FlexRenderContent, FlexRenderComponent, FlexRenderDirective, injectFlexRenderContext, } from './flex-render';
|
|
5
|
-
export declare function injectTable<TData extends RowData>(options: () => TableOptions<TData>): Table<TData> & Signal<Table<TData>>;
|
package/dist/proxy.d.ts
DELETED
package/src/flex-render.ts
DELETED
|
@@ -1,184 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
ChangeDetectorRef,
|
|
3
|
-
ComponentRef,
|
|
4
|
-
Directive,
|
|
5
|
-
EmbeddedViewRef,
|
|
6
|
-
Inject,
|
|
7
|
-
inject,
|
|
8
|
-
InjectionToken,
|
|
9
|
-
Injector,
|
|
10
|
-
Input,
|
|
11
|
-
isSignal,
|
|
12
|
-
type OnChanges,
|
|
13
|
-
type SimpleChanges,
|
|
14
|
-
TemplateRef,
|
|
15
|
-
Type,
|
|
16
|
-
ViewContainerRef,
|
|
17
|
-
} from '@angular/core'
|
|
18
|
-
|
|
19
|
-
export type FlexRenderContent<TProps extends NonNullable<unknown>> =
|
|
20
|
-
| string
|
|
21
|
-
| number
|
|
22
|
-
| Type<TProps>
|
|
23
|
-
| FlexRenderComponent<TProps>
|
|
24
|
-
| TemplateRef<{ $implicit: TProps }>
|
|
25
|
-
| null
|
|
26
|
-
| undefined
|
|
27
|
-
|
|
28
|
-
@Directive({
|
|
29
|
-
selector: '[flexRender]',
|
|
30
|
-
standalone: true,
|
|
31
|
-
})
|
|
32
|
-
export class FlexRenderDirective<TProps extends NonNullable<unknown>>
|
|
33
|
-
implements OnChanges
|
|
34
|
-
{
|
|
35
|
-
@Input({ required: true, alias: 'flexRender' })
|
|
36
|
-
content:
|
|
37
|
-
| number
|
|
38
|
-
| string
|
|
39
|
-
| ((props: TProps) => FlexRenderContent<TProps>)
|
|
40
|
-
| null
|
|
41
|
-
| undefined = undefined
|
|
42
|
-
|
|
43
|
-
@Input({ required: true, alias: 'flexRenderProps' })
|
|
44
|
-
props: TProps = {} as TProps
|
|
45
|
-
|
|
46
|
-
@Input({ required: false, alias: 'flexRenderInjector' })
|
|
47
|
-
injector: Injector = inject(Injector)
|
|
48
|
-
|
|
49
|
-
constructor(
|
|
50
|
-
@Inject(ViewContainerRef)
|
|
51
|
-
private readonly viewContainerRef: ViewContainerRef,
|
|
52
|
-
@Inject(TemplateRef)
|
|
53
|
-
private readonly templateRef: TemplateRef<any>
|
|
54
|
-
) {}
|
|
55
|
-
|
|
56
|
-
ref?: ComponentRef<unknown> | EmbeddedViewRef<unknown> | null = null
|
|
57
|
-
|
|
58
|
-
ngOnChanges(changes: SimpleChanges) {
|
|
59
|
-
if (this.ref instanceof ComponentRef) {
|
|
60
|
-
this.ref.injector.get(ChangeDetectorRef).markForCheck()
|
|
61
|
-
}
|
|
62
|
-
if (!changes['content']) {
|
|
63
|
-
return
|
|
64
|
-
}
|
|
65
|
-
this.render()
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
render() {
|
|
69
|
-
this.viewContainerRef.clear()
|
|
70
|
-
const { content, props } = this
|
|
71
|
-
if (content === null || content === undefined) {
|
|
72
|
-
this.ref = null
|
|
73
|
-
return
|
|
74
|
-
}
|
|
75
|
-
if (typeof content === 'function') {
|
|
76
|
-
return this.renderContent(content(props))
|
|
77
|
-
} else {
|
|
78
|
-
return this.renderContent(content)
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
private renderContent(content: FlexRenderContent<TProps>) {
|
|
83
|
-
if (typeof content === 'string' || typeof content === 'number') {
|
|
84
|
-
return this.renderStringContent()
|
|
85
|
-
}
|
|
86
|
-
if (content instanceof TemplateRef) {
|
|
87
|
-
return this.viewContainerRef.createEmbeddedView(
|
|
88
|
-
content,
|
|
89
|
-
this.getTemplateRefContext()
|
|
90
|
-
)
|
|
91
|
-
} else if (content instanceof FlexRenderComponent) {
|
|
92
|
-
return this.renderComponent(content)
|
|
93
|
-
} else if (content instanceof Type) {
|
|
94
|
-
return this.renderCustomComponent(content)
|
|
95
|
-
} else {
|
|
96
|
-
return null
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
private renderStringContent(): EmbeddedViewRef<unknown> {
|
|
101
|
-
const context = () => {
|
|
102
|
-
return typeof this.content === 'string' ||
|
|
103
|
-
typeof this.content === 'number'
|
|
104
|
-
? this.content
|
|
105
|
-
: this.content?.(this.props)
|
|
106
|
-
}
|
|
107
|
-
return this.viewContainerRef.createEmbeddedView(this.templateRef, {
|
|
108
|
-
get $implicit() {
|
|
109
|
-
return context()
|
|
110
|
-
},
|
|
111
|
-
})
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
private renderComponent(
|
|
115
|
-
flexRenderComponent: FlexRenderComponent<TProps>
|
|
116
|
-
): ComponentRef<unknown> {
|
|
117
|
-
const { component, inputs, injector } = flexRenderComponent
|
|
118
|
-
|
|
119
|
-
const getContext = () => this.props
|
|
120
|
-
|
|
121
|
-
const proxy = new Proxy(this.props, {
|
|
122
|
-
get: (_, key) => getContext()?.[key as keyof typeof _],
|
|
123
|
-
})
|
|
124
|
-
|
|
125
|
-
const componentInjector = Injector.create({
|
|
126
|
-
parent: injector ?? this.injector,
|
|
127
|
-
providers: [{ provide: FlexRenderComponentProps, useValue: proxy }],
|
|
128
|
-
})
|
|
129
|
-
|
|
130
|
-
const componentRef = this.viewContainerRef.createComponent(component, {
|
|
131
|
-
injector: componentInjector,
|
|
132
|
-
})
|
|
133
|
-
for (const prop in inputs) {
|
|
134
|
-
if (componentRef.instance?.hasOwnProperty(prop)) {
|
|
135
|
-
componentRef.setInput(prop, inputs[prop])
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
return componentRef
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
private renderCustomComponent(
|
|
142
|
-
component: Type<unknown>
|
|
143
|
-
): ComponentRef<unknown> {
|
|
144
|
-
const componentRef = this.viewContainerRef.createComponent(component, {
|
|
145
|
-
injector: this.injector,
|
|
146
|
-
})
|
|
147
|
-
for (const prop in this.props) {
|
|
148
|
-
// Only signal based input can be added here
|
|
149
|
-
if (
|
|
150
|
-
componentRef.instance?.hasOwnProperty(prop) &&
|
|
151
|
-
// @ts-ignore
|
|
152
|
-
isSignal(componentRef.instance[prop])
|
|
153
|
-
) {
|
|
154
|
-
componentRef.setInput(prop, this.props[prop])
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
return componentRef
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
private getTemplateRefContext() {
|
|
161
|
-
const getContext = () => this.props
|
|
162
|
-
return {
|
|
163
|
-
get $implicit() {
|
|
164
|
-
return getContext()
|
|
165
|
-
},
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
export class FlexRenderComponent<T extends NonNullable<unknown>> {
|
|
171
|
-
constructor(
|
|
172
|
-
readonly component: Type<unknown>,
|
|
173
|
-
readonly inputs: T = {} as T,
|
|
174
|
-
readonly injector?: Injector
|
|
175
|
-
) {}
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
const FlexRenderComponentProps = new InjectionToken<NonNullable<unknown>>(
|
|
179
|
-
'[@tanstack/angular-table] Flex render component context props'
|
|
180
|
-
)
|
|
181
|
-
|
|
182
|
-
export function injectFlexRenderContext<T extends NonNullable<unknown>>(): T {
|
|
183
|
-
return inject<T>(FlexRenderComponentProps)
|
|
184
|
-
}
|