@handsontable/angular-wrapper 0.0.0-next-2645bc1-20260401 → 0.0.0-next-e3f6190-20260401
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/esm2022/handsontable-angular-wrapper.mjs +5 -0
- package/esm2022/lib/editor/base-editor-adapter.mjs +180 -0
- package/esm2022/lib/editor/custom-editor-placeholder.component.mjs +89 -0
- package/esm2022/lib/editor/editor-factory-adapter.mjs +140 -0
- package/esm2022/lib/editor/hot-cell-editor-advanced.component.mjs +92 -0
- package/esm2022/lib/editor/hot-cell-editor.component.mjs +95 -0
- package/esm2022/lib/editor/models/factory-editor-properties.mjs +2 -0
- package/esm2022/lib/editor/models/keyboard-shortcut-config.mjs +2 -0
- package/esm2022/lib/hot-table.component.mjs +157 -0
- package/esm2022/lib/hot-table.module.mjs +29 -0
- package/esm2022/lib/models/column-settings.mjs +2 -0
- package/esm2022/lib/models/grid-settings.mjs +2 -0
- package/esm2022/lib/renderer/hot-cell-renderer-advanced.component.mjs +55 -0
- package/esm2022/lib/renderer/hot-cell-renderer.component.mjs +55 -0
- package/esm2022/lib/renderer/hot-dynamic-renderer-component.service.mjs +203 -0
- package/esm2022/lib/services/hot-global-config.service.mjs +107 -0
- package/esm2022/lib/services/hot-settings-resolver.service.mjs +170 -0
- package/esm2022/public-api.mjs +14 -0
- package/fesm2022/handsontable-angular-wrapper.mjs +41 -43
- package/fesm2022/handsontable-angular-wrapper.mjs.map +1 -1
- package/lib/editor/hot-cell-editor-advanced.component.d.ts +1 -1
- package/lib/editor/hot-cell-editor.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { ViewContainerRef,
|
|
2
|
+
import { ViewContainerRef, Component, ChangeDetectionStrategy, Input, ViewChild, createComponent, EventEmitter, Directive, HostBinding, Output, Injectable, InjectionToken, Inject, ViewEncapsulation, NgModule } from '@angular/core';
|
|
3
3
|
import Handsontable from 'handsontable/base';
|
|
4
4
|
import { take } from 'rxjs/operators';
|
|
5
5
|
import { editorFactory } from 'handsontable/editors/factory';
|
|
@@ -42,8 +42,8 @@ class CustomEditorPlaceholderComponent {
|
|
|
42
42
|
detachEditor() {
|
|
43
43
|
this.container.detach();
|
|
44
44
|
}
|
|
45
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
46
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
45
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomEditorPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomEditorPlaceholderComponent, selector: "ng-component", inputs: { top: "top", left: "left", height: "height", width: "width", isVisible: "isVisible", placeholderCustomClass: "placeholderCustomClass", componentRef: "componentRef" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["inputPlaceholder"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: ` <div
|
|
47
47
|
[class]="placeholderCustomClass"
|
|
48
48
|
[style.display]="display"
|
|
49
49
|
[style.width.px]="width"
|
|
@@ -56,7 +56,7 @@ class CustomEditorPlaceholderComponent {
|
|
|
56
56
|
<ng-template #inputPlaceholder></ng-template>
|
|
57
57
|
</div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
58
58
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomEditorPlaceholderComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
61
|
args: [{
|
|
62
62
|
template: ` <div
|
|
@@ -297,15 +297,14 @@ class HotCellRendererComponent {
|
|
|
297
297
|
getProps() {
|
|
298
298
|
return this.cellProperties?.rendererProps ?? {};
|
|
299
299
|
}
|
|
300
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
301
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
300
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotCellRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
301
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HotCellRendererComponent, selector: "hot-cell-renderer", inputs: { value: "value", instance: "instance", td: "td", row: "row", col: "col", prop: "prop", cellProperties: "cellProperties" }, ngImport: i0, template: `<!-- This is an abstract component. Extend this component and provide your own template. -->`, isInline: true });
|
|
302
302
|
}
|
|
303
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotCellRendererComponent, decorators: [{
|
|
304
304
|
type: Component,
|
|
305
305
|
args: [{
|
|
306
306
|
selector: 'hot-cell-renderer',
|
|
307
|
-
template: `<!-- This is an abstract component. Extend this component and provide your own template.
|
|
308
|
-
standalone: false,
|
|
307
|
+
template: `<!-- This is an abstract component. Extend this component and provide your own template. -->`
|
|
309
308
|
}]
|
|
310
309
|
}], propDecorators: { value: [{
|
|
311
310
|
type: Input
|
|
@@ -380,10 +379,10 @@ class HotCellEditorComponent {
|
|
|
380
379
|
setValue(value) {
|
|
381
380
|
this._value = value;
|
|
382
381
|
}
|
|
383
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
384
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
382
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotCellEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
383
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: HotCellEditorComponent, inputs: { row: "row", column: "column", prop: "prop", originalValue: "originalValue", cellProperties: "cellProperties" }, outputs: { finishEdit: "finishEdit", cancelEdit: "cancelEdit" }, host: { properties: { "attr.tabindex": "this.tabindex", "attr.data-hot-input": "this.dataHotInput", "class.handsontableInput": "this.handsontableInputClass", "style.height.%": "this.heightFitParentContainer", "style.width.%": "this.widthFitParentContainer" } }, ngImport: i0 });
|
|
385
384
|
}
|
|
386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotCellEditorComponent, decorators: [{
|
|
387
386
|
type: Directive
|
|
388
387
|
}], propDecorators: { tabindex: [{
|
|
389
388
|
type: HostBinding,
|
|
@@ -580,15 +579,14 @@ class HotCellRendererAdvancedComponent {
|
|
|
580
579
|
getProps() {
|
|
581
580
|
return this.cellProperties?.rendererProps ?? {};
|
|
582
581
|
}
|
|
583
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
584
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
582
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotCellRendererAdvancedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
583
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HotCellRendererAdvancedComponent, selector: "hot-cell-renderer-advanced", inputs: { value: "value", instance: "instance", td: "td", row: "row", col: "col", prop: "prop", cellProperties: "cellProperties" }, ngImport: i0, template: `<!-- This is an abstract component. Extend this component and provide your own template. -->`, isInline: true });
|
|
585
584
|
}
|
|
586
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
585
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotCellRendererAdvancedComponent, decorators: [{
|
|
587
586
|
type: Component,
|
|
588
587
|
args: [{
|
|
589
588
|
selector: 'hot-cell-renderer-advanced',
|
|
590
589
|
template: `<!-- This is an abstract component. Extend this component and provide your own template. -->`,
|
|
591
|
-
standalone: false,
|
|
592
590
|
}]
|
|
593
591
|
}], propDecorators: { value: [{
|
|
594
592
|
type: Input
|
|
@@ -669,10 +667,10 @@ class HotCellEditorAdvancedComponent {
|
|
|
669
667
|
afterInit(editor) { }
|
|
670
668
|
/** Lifecycle hook called before the editor is opened. Available in advanced mode. */
|
|
671
669
|
beforeOpen(editor, { row, col, prop, td, originalValue, cellProperties, }) { }
|
|
672
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
673
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
670
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotCellEditorAdvancedComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
671
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: HotCellEditorAdvancedComponent, inputs: { row: "row", column: "column", prop: "prop", originalValue: "originalValue", cellProperties: "cellProperties" }, outputs: { finishEdit: "finishEdit", cancelEdit: "cancelEdit" }, host: { properties: { "style.height.%": "this.heightFitParentContainer", "style.width.%": "this.widthFitParentContainer" } }, ngImport: i0 });
|
|
674
672
|
}
|
|
675
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
673
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotCellEditorAdvancedComponent, decorators: [{
|
|
676
674
|
type: Directive
|
|
677
675
|
}], propDecorators: { heightFitParentContainer: [{
|
|
678
676
|
type: HostBinding,
|
|
@@ -883,15 +881,15 @@ class DynamicComponentService {
|
|
|
883
881
|
this.appRef.detachView(componentRef.hostView);
|
|
884
882
|
componentRef.destroy();
|
|
885
883
|
}
|
|
886
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
887
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
884
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicComponentService, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
885
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicComponentService, providedIn: 'root' });
|
|
888
886
|
}
|
|
889
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
887
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicComponentService, decorators: [{
|
|
890
888
|
type: Injectable,
|
|
891
889
|
args: [{
|
|
892
890
|
providedIn: 'root',
|
|
893
891
|
}]
|
|
894
|
-
}], ctorParameters: ()
|
|
892
|
+
}], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }]; } });
|
|
895
893
|
|
|
896
894
|
const AVAILABLE_OPTIONS = Object.keys(Handsontable.DefaultSettings);
|
|
897
895
|
const AVAILABLE_HOOKS = Handsontable.hooks.getRegistered();
|
|
@@ -1046,12 +1044,12 @@ class HotSettingsResolver {
|
|
|
1046
1044
|
this.isTemplateRef(renderer) ||
|
|
1047
1045
|
this.isAdvancedRendererComponentRefType(renderer);
|
|
1048
1046
|
}
|
|
1049
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1050
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1047
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotSettingsResolver, deps: [{ token: DynamicComponentService }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1048
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotSettingsResolver });
|
|
1051
1049
|
}
|
|
1052
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1050
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotSettingsResolver, decorators: [{
|
|
1053
1051
|
type: Injectable
|
|
1054
|
-
}], ctorParameters: ()
|
|
1052
|
+
}], ctorParameters: function () { return [{ type: DynamicComponentService }, { type: i0.EnvironmentInjector }]; } });
|
|
1055
1053
|
|
|
1056
1054
|
/**
|
|
1057
1055
|
* A constant representing the non-commercial and evaluation license.
|
|
@@ -1144,18 +1142,18 @@ class HotGlobalConfigService {
|
|
|
1144
1142
|
resetConfig() {
|
|
1145
1143
|
this.configSubject.next({ ...this.defaultConfig });
|
|
1146
1144
|
}
|
|
1147
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1148
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1145
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotGlobalConfigService, deps: [{ token: HOT_GLOBAL_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1146
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotGlobalConfigService, providedIn: 'root' });
|
|
1149
1147
|
}
|
|
1150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotGlobalConfigService, decorators: [{
|
|
1151
1149
|
type: Injectable,
|
|
1152
1150
|
args: [{
|
|
1153
1151
|
providedIn: 'root',
|
|
1154
1152
|
}]
|
|
1155
|
-
}], ctorParameters: ()
|
|
1153
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
1156
1154
|
type: Inject,
|
|
1157
1155
|
args: [HOT_GLOBAL_CONFIG]
|
|
1158
|
-
}] }] });
|
|
1156
|
+
}] }]; } });
|
|
1159
1157
|
|
|
1160
1158
|
const HOT_DESTROYED_WARNING = 'The Handsontable instance bound to this component was destroyed and cannot be' + ' used properly.';
|
|
1161
1159
|
class HotTableComponent {
|
|
@@ -1293,13 +1291,13 @@ class HotTableComponent {
|
|
|
1293
1291
|
}
|
|
1294
1292
|
return negotiatedSettings;
|
|
1295
1293
|
}
|
|
1296
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1297
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1294
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotTableComponent, deps: [{ token: HotSettingsResolver }, { token: HotGlobalConfigService }, { token: i0.NgZone }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Component });
|
|
1295
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HotTableComponent, selector: "hot-table", inputs: { data: "data", settings: "settings" }, providers: [HotSettingsResolver], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: '<div #container></div>', isInline: true, styles: [":host{display:block}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
1298
1296
|
}
|
|
1299
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotTableComponent, decorators: [{
|
|
1300
1298
|
type: Component,
|
|
1301
|
-
args: [{ selector: 'hot-table', template: '<div #container></div>',
|
|
1302
|
-
}], ctorParameters: ()
|
|
1299
|
+
args: [{ selector: 'hot-table', template: '<div #container></div>', encapsulation: ViewEncapsulation.None, providers: [HotSettingsResolver], styles: [":host{display:block}\n"] }]
|
|
1300
|
+
}], ctorParameters: function () { return [{ type: HotSettingsResolver }, { type: HotGlobalConfigService }, { type: i0.NgZone }, { type: i0.EnvironmentInjector }]; }, propDecorators: { data: [{
|
|
1303
1301
|
type: Input
|
|
1304
1302
|
}], settings: [{
|
|
1305
1303
|
type: Input
|
|
@@ -1313,25 +1311,25 @@ class HotTableModule {
|
|
|
1313
1311
|
* Placeholder for the library version.
|
|
1314
1312
|
* Replaced automatically during the pre-build/post-build process.
|
|
1315
1313
|
*/
|
|
1316
|
-
static version = '0.0.0-next-
|
|
1314
|
+
static version = '0.0.0-next-e3f6190-20260401';
|
|
1317
1315
|
constructor() { }
|
|
1318
1316
|
static forRoot() {
|
|
1319
1317
|
return {
|
|
1320
1318
|
ngModule: HotTableModule,
|
|
1321
1319
|
};
|
|
1322
1320
|
}
|
|
1323
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1324
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1325
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1321
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1322
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: HotTableModule, declarations: [HotTableComponent, CustomEditorPlaceholderComponent], exports: [HotTableComponent] });
|
|
1323
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotTableModule });
|
|
1326
1324
|
}
|
|
1327
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HotTableModule, decorators: [{
|
|
1328
1326
|
type: NgModule,
|
|
1329
1327
|
args: [{
|
|
1330
1328
|
declarations: [HotTableComponent, CustomEditorPlaceholderComponent],
|
|
1331
1329
|
imports: [],
|
|
1332
1330
|
exports: [HotTableComponent],
|
|
1333
1331
|
}]
|
|
1334
|
-
}], ctorParameters: ()
|
|
1332
|
+
}], ctorParameters: function () { return []; } });
|
|
1335
1333
|
|
|
1336
1334
|
/*
|
|
1337
1335
|
* Public API Surface of hot-table
|