@acorex/platform 19.2.15 → 19.2.16
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/auth/lib/session.service.d.ts +1 -7
- package/fesm2022/acorex-platform-auth.mjs +12 -49
- package/fesm2022/acorex-platform-auth.mjs.map +1 -1
- package/fesm2022/acorex-platform-layout-builder.mjs +1 -0
- package/fesm2022/acorex-platform-layout-builder.mjs.map +1 -1
- package/fesm2022/acorex-platform-widgets.mjs +127 -67
- package/fesm2022/acorex-platform-widgets.mjs.map +1 -1
- package/layout/builder/lib/builder/widget-map.d.ts +1 -0
- package/package.json +1 -1
- package/widgets/lib/widgets/layout/advanced-grid/advanced-grid-widget-view.component.d.ts +1 -3
- package/widgets/lib/widgets/layout/advanced-grid/advanced-grid-widget-types.component.d.ts +0 -10
|
@@ -8117,9 +8117,8 @@ class AXPAdvancedGridWidgetDesignerComponent extends AXPWidgetComponent {
|
|
|
8117
8117
|
this.gridOptions = {
|
|
8118
8118
|
column: 6,
|
|
8119
8119
|
cellHeight: 100,
|
|
8120
|
-
|
|
8120
|
+
gap: 5,
|
|
8121
8121
|
minRow: 1,
|
|
8122
|
-
removable: '.grid-stack-trash',
|
|
8123
8122
|
acceptWidgets: true,
|
|
8124
8123
|
// float: true,
|
|
8125
8124
|
// rtl: true,
|
|
@@ -8224,7 +8223,13 @@ class AXPAdvancedGridWidgetDesignerComponent extends AXPWidgetComponent {
|
|
|
8224
8223
|
@if(settled()) {
|
|
8225
8224
|
<ax-grid-layout-container [options]="gridOptions">
|
|
8226
8225
|
@for (child of children(); track $index) {
|
|
8227
|
-
<ng-container
|
|
8226
|
+
<ng-container
|
|
8227
|
+
axp-widget-designer-renderer
|
|
8228
|
+
[node]="child"
|
|
8229
|
+
[parentNode]="this"
|
|
8230
|
+
[mode]="this.mode"
|
|
8231
|
+
[locked]="this.locked"
|
|
8232
|
+
>
|
|
8228
8233
|
</ng-container>
|
|
8229
8234
|
}
|
|
8230
8235
|
</ax-grid-layout-container>
|
|
@@ -8238,7 +8243,7 @@ class AXPAdvancedGridWidgetDesignerComponent extends AXPWidgetComponent {
|
|
|
8238
8243
|
ax-justify-items-end ax-justify-items-stretch ax-grid-flow-row ax-grid-flow-col
|
|
8239
8244
|
</div>
|
|
8240
8245
|
}
|
|
8241
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXGridLayoutBuilderModule }, { kind: "component", type: i1$5.AXGridLayoutContainerComponent, selector: "ax-grid-layout-container", inputs: ["options", "isEmpty"], outputs: ["onAdded", "onRemoved", "onWidgetChange", "onChange", "
|
|
8246
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXGridLayoutBuilderModule }, { kind: "component", type: i1$5.AXGridLayoutContainerComponent, selector: "ax-grid-layout-container", inputs: ["options", "isEmpty"], outputs: ["onAdded", "onRemoved", "onWidgetChange", "onChange", "isLayoutRendered", "isEmptyChange"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "index", "locked", "mode", "node"] }, { kind: "component", type: AXPDesignerGridDrawerComponent, selector: "axp-designer-grid-drawer", inputs: ["rows", "columns"], outputs: ["rowsChange", "columnsChange", "onSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8242
8247
|
}
|
|
8243
8248
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPAdvancedGridWidgetDesignerComponent, decorators: [{
|
|
8244
8249
|
type: Component,
|
|
@@ -8248,7 +8253,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
8248
8253
|
@if(settled()) {
|
|
8249
8254
|
<ax-grid-layout-container [options]="gridOptions">
|
|
8250
8255
|
@for (child of children(); track $index) {
|
|
8251
|
-
<ng-container
|
|
8256
|
+
<ng-container
|
|
8257
|
+
axp-widget-designer-renderer
|
|
8258
|
+
[node]="child"
|
|
8259
|
+
[parentNode]="this"
|
|
8260
|
+
[mode]="this.mode"
|
|
8261
|
+
[locked]="this.locked"
|
|
8262
|
+
>
|
|
8252
8263
|
</ng-container>
|
|
8253
8264
|
}
|
|
8254
8265
|
</ax-grid-layout-container>
|
|
@@ -8298,9 +8309,8 @@ class AXPAdvancedGridWidgetViewComponent extends AXPWidgetComponent {
|
|
|
8298
8309
|
this.gridOptions = {
|
|
8299
8310
|
column: 6,
|
|
8300
8311
|
cellHeight: 100,
|
|
8301
|
-
|
|
8312
|
+
gap: 5,
|
|
8302
8313
|
minRow: 1,
|
|
8303
|
-
removable: '.grid-stack-trash',
|
|
8304
8314
|
acceptWidgets: true,
|
|
8305
8315
|
// float: true,
|
|
8306
8316
|
// rtl: true,
|
|
@@ -8310,50 +8320,60 @@ class AXPAdvancedGridWidgetViewComponent extends AXPWidgetComponent {
|
|
|
8310
8320
|
this.justifyItems = computed(() => this.options()['advancedGridOptions']?.justifyItems);
|
|
8311
8321
|
this.alignItems = computed(() => this.options()['advancedGridOptions']?.alignItems);
|
|
8312
8322
|
this.#eff = effect(() => console.log(this.options()['advancedGridOptions']));
|
|
8313
|
-
|
|
8314
|
-
|
|
8315
|
-
|
|
8316
|
-
});
|
|
8317
|
-
|
|
8318
|
-
|
|
8319
|
-
|
|
8320
|
-
|
|
8321
|
-
|
|
8322
|
-
|
|
8323
|
-
|
|
8324
|
-
|
|
8325
|
-
|
|
8326
|
-
|
|
8327
|
-
|
|
8328
|
-
|
|
8329
|
-
|
|
8330
|
-
|
|
8331
|
-
|
|
8332
|
-
|
|
8333
|
-
|
|
8334
|
-
|
|
8335
|
-
|
|
8336
|
-
|
|
8337
|
-
|
|
8338
|
-
|
|
8339
|
-
|
|
8340
|
-
|
|
8341
|
-
|
|
8342
|
-
|
|
8343
|
-
|
|
8344
|
-
|
|
8345
|
-
|
|
8346
|
-
|
|
8347
|
-
|
|
8348
|
-
|
|
8349
|
-
|
|
8350
|
-
|
|
8351
|
-
|
|
8352
|
-
|
|
8353
|
-
|
|
8354
|
-
|
|
8355
|
-
|
|
8356
|
-
}
|
|
8323
|
+
// #initValues = afterNextRender(() => {
|
|
8324
|
+
// this.initValues();
|
|
8325
|
+
// this.isRendered.set(true);
|
|
8326
|
+
// });
|
|
8327
|
+
// private initValues() {
|
|
8328
|
+
// //TODO update values from
|
|
8329
|
+
// const data = this.getValue();
|
|
8330
|
+
// if (data?.layout) {
|
|
8331
|
+
// } else {
|
|
8332
|
+
// Array.from({ length: this.itemsCount() }).map(() => ({
|
|
8333
|
+
// type: AXPWidgetsCatalog.gridItem,
|
|
8334
|
+
// }));
|
|
8335
|
+
// const layout = this.container()?.save();
|
|
8336
|
+
// }
|
|
8337
|
+
// }
|
|
8338
|
+
// #rowOrColumnChangeEffect = effect(() => {
|
|
8339
|
+
// const deferent = this.itemsCount() - this.children().length;
|
|
8340
|
+
// untracked(() => {
|
|
8341
|
+
// if (deferent > 0) {
|
|
8342
|
+
// Array.from({ length: deferent })
|
|
8343
|
+
// .map(() => ({
|
|
8344
|
+
// type: AXPWidgetsCatalog.gridItem,
|
|
8345
|
+
// }))
|
|
8346
|
+
// .forEach((node) => {
|
|
8347
|
+
// this.designerService.addWidget(this.node, node);
|
|
8348
|
+
// });
|
|
8349
|
+
// //debugger;
|
|
8350
|
+
// const save = this.container()?.save();
|
|
8351
|
+
// const layout = save?.children?.map((child) => {
|
|
8352
|
+
// if (child && child.id !== undefined) {
|
|
8353
|
+
// return {
|
|
8354
|
+
// ...child,
|
|
8355
|
+
// data: this.children()[Number.parseInt(child.id)],
|
|
8356
|
+
// } as AXPAdvancedGridWidgetChild;
|
|
8357
|
+
// }
|
|
8358
|
+
// return { ...child, data: undefined } as AXPAdvancedGridWidgetChild;
|
|
8359
|
+
// });
|
|
8360
|
+
// const value = {
|
|
8361
|
+
// data: {
|
|
8362
|
+
// alignItems: this.alignItems(),
|
|
8363
|
+
// justifyItems: this.justifyItems(),
|
|
8364
|
+
// columns: this.columns(),
|
|
8365
|
+
// itemsCount: this.itemsCount(),
|
|
8366
|
+
// },
|
|
8367
|
+
// layout: { ...save, children: layout },
|
|
8368
|
+
// };
|
|
8369
|
+
// this.setValue(value);
|
|
8370
|
+
// } else if (deferent < 0) {
|
|
8371
|
+
// this.children()
|
|
8372
|
+
// .slice(deferent)
|
|
8373
|
+
// .forEach((node) => this.designerService.removeWidget(node));
|
|
8374
|
+
// }
|
|
8375
|
+
// });
|
|
8376
|
+
// });
|
|
8357
8377
|
this.#setJustifyAndAlign = afterRender(() => {
|
|
8358
8378
|
const els = this.el.nativeElement.querySelectorAll('ax-grid-layout-widget > .grid-stack-item-content');
|
|
8359
8379
|
if (els.length) {
|
|
@@ -8381,20 +8401,60 @@ class AXPAdvancedGridWidgetViewComponent extends AXPWidgetComponent {
|
|
|
8381
8401
|
};
|
|
8382
8402
|
}
|
|
8383
8403
|
#eff;
|
|
8384
|
-
#initValues
|
|
8385
|
-
initValues()
|
|
8386
|
-
|
|
8387
|
-
|
|
8388
|
-
|
|
8389
|
-
|
|
8390
|
-
|
|
8391
|
-
|
|
8392
|
-
|
|
8393
|
-
|
|
8394
|
-
|
|
8395
|
-
|
|
8396
|
-
|
|
8397
|
-
|
|
8404
|
+
// #initValues = afterNextRender(() => {
|
|
8405
|
+
// this.initValues();
|
|
8406
|
+
// this.isRendered.set(true);
|
|
8407
|
+
// });
|
|
8408
|
+
// private initValues() {
|
|
8409
|
+
// //TODO update values from
|
|
8410
|
+
// const data = this.getValue();
|
|
8411
|
+
// if (data?.layout) {
|
|
8412
|
+
// } else {
|
|
8413
|
+
// Array.from({ length: this.itemsCount() }).map(() => ({
|
|
8414
|
+
// type: AXPWidgetsCatalog.gridItem,
|
|
8415
|
+
// }));
|
|
8416
|
+
// const layout = this.container()?.save();
|
|
8417
|
+
// }
|
|
8418
|
+
// }
|
|
8419
|
+
// #rowOrColumnChangeEffect = effect(() => {
|
|
8420
|
+
// const deferent = this.itemsCount() - this.children().length;
|
|
8421
|
+
// untracked(() => {
|
|
8422
|
+
// if (deferent > 0) {
|
|
8423
|
+
// Array.from({ length: deferent })
|
|
8424
|
+
// .map(() => ({
|
|
8425
|
+
// type: AXPWidgetsCatalog.gridItem,
|
|
8426
|
+
// }))
|
|
8427
|
+
// .forEach((node) => {
|
|
8428
|
+
// this.designerService.addWidget(this.node, node);
|
|
8429
|
+
// });
|
|
8430
|
+
// //debugger;
|
|
8431
|
+
// const save = this.container()?.save();
|
|
8432
|
+
// const layout = save?.children?.map((child) => {
|
|
8433
|
+
// if (child && child.id !== undefined) {
|
|
8434
|
+
// return {
|
|
8435
|
+
// ...child,
|
|
8436
|
+
// data: this.children()[Number.parseInt(child.id)],
|
|
8437
|
+
// } as AXPAdvancedGridWidgetChild;
|
|
8438
|
+
// }
|
|
8439
|
+
// return { ...child, data: undefined } as AXPAdvancedGridWidgetChild;
|
|
8440
|
+
// });
|
|
8441
|
+
// const value = {
|
|
8442
|
+
// data: {
|
|
8443
|
+
// alignItems: this.alignItems(),
|
|
8444
|
+
// justifyItems: this.justifyItems(),
|
|
8445
|
+
// columns: this.columns(),
|
|
8446
|
+
// itemsCount: this.itemsCount(),
|
|
8447
|
+
// },
|
|
8448
|
+
// layout: { ...save, children: layout },
|
|
8449
|
+
// };
|
|
8450
|
+
// this.setValue(value);
|
|
8451
|
+
// } else if (deferent < 0) {
|
|
8452
|
+
// this.children()
|
|
8453
|
+
// .slice(deferent)
|
|
8454
|
+
// .forEach((node) => this.designerService.removeWidget(node));
|
|
8455
|
+
// }
|
|
8456
|
+
// });
|
|
8457
|
+
// });
|
|
8398
8458
|
#setJustifyAndAlign;
|
|
8399
8459
|
get __class() {
|
|
8400
8460
|
return {
|
|
@@ -8435,7 +8495,7 @@ class AXPAdvancedGridWidgetViewComponent extends AXPWidgetComponent {
|
|
|
8435
8495
|
ax-justify-items-end ax-justify-items-stretch
|
|
8436
8496
|
</div>
|
|
8437
8497
|
}
|
|
8438
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXGridLayoutBuilderModule }, { kind: "component", type: i1$5.AXGridLayoutContainerComponent, selector: "ax-grid-layout-container", inputs: ["options", "isEmpty"], outputs: ["onAdded", "onRemoved", "onWidgetChange", "onChange", "
|
|
8498
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXGridLayoutBuilderModule }, { kind: "component", type: i1$5.AXGridLayoutContainerComponent, selector: "ax-grid-layout-container", inputs: ["options", "isEmpty"], outputs: ["onAdded", "onRemoved", "onWidgetChange", "onChange", "isLayoutRendered", "isEmptyChange"] }, { kind: "component", type: i1$5.AXGridLayoutWidgetComponent, selector: "ax-grid-layout-widget", inputs: ["options"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "index", "locked", "mode", "node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8439
8499
|
}
|
|
8440
8500
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPAdvancedGridWidgetViewComponent, decorators: [{
|
|
8441
8501
|
type: Component,
|
|
@@ -8522,7 +8582,7 @@ class AXPAdvancedGridItemWidgetDesignerComponent extends AXPWidgetComponent {
|
|
|
8522
8582
|
constructor() {
|
|
8523
8583
|
super(...arguments);
|
|
8524
8584
|
this.gridOptions = { h: 1, w: 1 };
|
|
8525
|
-
this.gridItemOptions = { h: 1, w: 1
|
|
8585
|
+
this.gridItemOptions = { h: 1, w: 1 };
|
|
8526
8586
|
// protected colSpan = computed<number>(() => this.options()['colSpan'] as number);
|
|
8527
8587
|
// protected colStart = computed<number>(() => this.options()['colStart'] as number);
|
|
8528
8588
|
// protected colEnd = computed<number>(() => this.options()['colEnd'] as number);
|