@acorex/platform 0.0.0-ACOREX

package/fesm2022/acorex-platform-layout-widgets-tabular-data-edit-popup.component-DmzNTYiS.mjs

@@ -0,0 +1,274 @@
+import * as i1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDataSource } from '@acorex/cdk/common';
+import * as i1$2 from '@acorex/components/data-table';
+import { AXDataTableModule } from '@acorex/components/data-table';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i6 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPDataGenerator } from '@acorex/platform/core';
+import * as i1$1 from '@acorex/platform/layout/widget-core';
+import { AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';
+import * as i1$3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { viewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { cloneDeep } from 'lodash-es';
+
+class AXPTabularDataPopupComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.defaultRowCount = 0;
+        this.getCommandRowItems = [
+            {
+                name: 'delete',
+                text: "@general:actions.delete.title",
+                icon: 'fa-light fa-trash ax-text-danger',
+                //divided: boolean,
+                //disabled: boolean,
+                color: 'danger',
+            },
+        ];
+        this.dataSource = new AXDataSource({
+            load: async () => {
+                this.context = (this.context ?? []).map((x) => {
+                    return {
+                        ...x,
+                        id: AXPDataGenerator.uuid(),
+                        options: {},
+                    };
+                });
+                const items = this.context;
+                console.log(this.context);
+                return {
+                    items: items ?? [],
+                    total: (items ?? []).length,
+                };
+            },
+            pageSize: 1,
+            key: 'gridItem',
+        });
+        this.grid = viewChild('grid', ...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
+    }
+    ngOnInit() {
+        this.columns = this.columns.filter((col) => col.name != null && col.name != '' && col.type != null);
+        this.columns = this.columns.map((col) => {
+            return {
+                ...col,
+                options: {
+                    ...(col.options ?? {}),
+                    validationRules: [
+                        {
+                            rule: 'required',
+                        },
+                    ],
+                },
+            };
+        });
+        this.contextDiscard = cloneDeep(this.context);
+        if (this.context == null || this.context?.length == 0) {
+            for (let i = 0; i < this.defaultRowCount; i++) {
+                this.addRecord();
+            }
+        }
+    }
+    handleContextChange(e) {
+        this.context = e.data;
+    }
+    onCloseDiscard() {
+        this.close({
+            context: this.contextDiscard,
+        });
+    }
+    addRecord() {
+        console.log(this.columns);
+        const value = this.context ?? [];
+        const newRecord = this.columns?.reduce((acc, column) => {
+            acc[column.name] = ''; // or any default value
+            return acc;
+        }, {});
+        console.log(value);
+        this.context = [...value, newRecord];
+        this.grid()?.refresh();
+    }
+    handleSelectionChange(e) {
+        console.log(e);
+    }
+    async handleRowCommandClick(e) {
+        if (e.name == 'delete') {
+            this.context = this.context.filter((item) => item.id !== e.data.id);
+            this.grid()?.refresh();
+        }
+    }
+    async handleSaveClick(form) {
+        const formResult = await form.validate();
+        console.log(formResult.rules);
+        if (formResult.result) {
+            this.close({
+                context: this.context,
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTabularDataPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTabularDataPopupComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <axp-widgets-container [context]="context" (onContextChanged)="handleContextChange($event)">
+      <ax-form #form>
+        <div class="ax-p-4">
+          <ax-data-table
+            #grid
+            [paging]="false"
+            [allowReordering]="true"
+            (selectedRowsChange)="handleSelectionChange($event)"
+            [dataSource]="dataSource"
+            class="ax-h-96 ax-overflow-auto"
+          >
+            @for (column of columns; track $index) {
+              <ax-text-column
+                width="200px"
+                [caption]="column.title"
+                [dataField]="column.name"
+                [cellTemplate]="cell"
+                [allowResizing]="true"
+              ></ax-text-column>
+              <ng-template #cell let-item>
+                <ng-container
+                  axp-widget-renderer
+                  [node]="{
+                    path: item.rowIndex + '.' + column.name,
+                    type: column.type,
+                    options: column.options ?? {},
+                  }"
+                  [mode]="'edit'"
+                >
+                </ng-container>
+              </ng-template>
+            }
+            <ax-command-column
+              fixed="end"
+              [width]="getCommandRowItems.length * 60 + 'px'"
+              [items]="getCommandRowItems"
+              (onItemClick)="handleRowCommandClick($event)"
+            ></ax-command-column>
+          </ax-data-table>
+          @if (!disabled) {
+            <div class="ax-flex ax-justify-end ax-py-4">
+              <ax-button
+                [text]="(this.context ?? []).length ? 'Start Adding Items' : 'Add Your First Item'"
+                look="twotone"
+                [disabled]="disabled"
+                (onClick)="addRecord()"
+                class="ax-col-start-10  ax-col-end-13"
+              >
+                <ax-prefix>
+                  <ax-icon class="fa-solid fa-add"></ax-icon>
+                </ax-prefix>
+              </ax-button>
+            </div>
+          }
+        </div>
+        <ax-footer>
+          <ax-suffix>
+            <ax-button [text]="'@general:actions.discard.title' | translate | async" (onClick)="onCloseDiscard()"></ax-button>
+            <ax-button
+              color="primary"
+              [text]="'@general:actions.ok.title' | translate | async"
+              (onClick)="handleSaveClick(form)"
+            ></ax-button>
+          </ax-suffix>
+        </ax-footer>
+      </ax-form>
+    </axp-widgets-container>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$2.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "title", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$2.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }, { kind: "component", type: i1$2.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTabularDataPopupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <axp-widgets-container [context]="context" (onContextChanged)="handleContextChange($event)">
+      <ax-form #form>
+        <div class="ax-p-4">
+          <ax-data-table
+            #grid
+            [paging]="false"
+            [allowReordering]="true"
+            (selectedRowsChange)="handleSelectionChange($event)"
+            [dataSource]="dataSource"
+            class="ax-h-96 ax-overflow-auto"
+          >
+            @for (column of columns; track $index) {
+              <ax-text-column
+                width="200px"
+                [caption]="column.title"
+                [dataField]="column.name"
+                [cellTemplate]="cell"
+                [allowResizing]="true"
+              ></ax-text-column>
+              <ng-template #cell let-item>
+                <ng-container
+                  axp-widget-renderer
+                  [node]="{
+                    path: item.rowIndex + '.' + column.name,
+                    type: column.type,
+                    options: column.options ?? {},
+                  }"
+                  [mode]="'edit'"
+                >
+                </ng-container>
+              </ng-template>
+            }
+            <ax-command-column
+              fixed="end"
+              [width]="getCommandRowItems.length * 60 + 'px'"
+              [items]="getCommandRowItems"
+              (onItemClick)="handleRowCommandClick($event)"
+            ></ax-command-column>
+          </ax-data-table>
+          @if (!disabled) {
+            <div class="ax-flex ax-justify-end ax-py-4">
+              <ax-button
+                [text]="(this.context ?? []).length ? 'Start Adding Items' : 'Add Your First Item'"
+                look="twotone"
+                [disabled]="disabled"
+                (onClick)="addRecord()"
+                class="ax-col-start-10  ax-col-end-13"
+              >
+                <ax-prefix>
+                  <ax-icon class="fa-solid fa-add"></ax-icon>
+                </ax-prefix>
+              </ax-button>
+            </div>
+          }
+        </div>
+        <ax-footer>
+          <ax-suffix>
+            <ax-button [text]="'@general:actions.discard.title' | translate | async" (onClick)="onCloseDiscard()"></ax-button>
+            <ax-button
+              color="primary"
+              [text]="'@general:actions.ok.title' | translate | async"
+              (onClick)="handleSaveClick(form)"
+            ></ax-button>
+          </ax-suffix>
+        </ax-footer>
+      </ax-form>
+    </axp-widgets-container>
+  `,
+                    imports: [
+                        CommonModule,
+                        AXDecoratorModule,
+                        AXButtonModule,
+                        AXPWidgetCoreModule,
+                        AXDataTableModule,
+                        AXTranslationModule,
+                        AXFormModule,
+                    ],
+                }]
+        }], propDecorators: { grid: [{ type: i0.ViewChild, args: ['grid', { isSignal: true }] }] } });
+
+export { AXPTabularDataPopupComponent };
+//# sourceMappingURL=acorex-platform-layout-widgets-tabular-data-edit-popup.component-DmzNTYiS.mjs.map

package/fesm2022/acorex-platform-layout-widgets-tabular-data-edit-popup.component-DmzNTYiS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-widgets-tabular-data-edit-popup.component-DmzNTYiS.mjs","sources":["../../../../libs/platform/layout/widgets/src/lib/widgets/editors/tabular-data/tabular-data-edit-popup.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDataSource } from '@acorex/cdk/common';\nimport {\n  AXDataTableComponent,\n  AXDataTableModule,\n  AXRowCommandItem,\n  AXRowCommandItemClickEvent,\n} from '@acorex/components/data-table';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPContextChangeEvent, AXPDataGenerator } from '@acorex/platform/core';\nimport { AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, viewChild } from '@angular/core';\nimport { cloneDeep } from 'lodash-es';\nimport { AXPTabularDataColumn } from './tabular-widget.types';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <axp-widgets-container [context]=\"context\" (onContextChanged)=\"handleContextChange($event)\">\n      <ax-form #form>\n        <div class=\"ax-p-4\">\n          <ax-data-table\n            #grid\n            [paging]=\"false\"\n            [allowReordering]=\"true\"\n            (selectedRowsChange)=\"handleSelectionChange($event)\"\n            [dataSource]=\"dataSource\"\n            class=\"ax-h-96 ax-overflow-auto\"\n          >\n            @for (column of columns; track $index) {\n              <ax-text-column\n                width=\"200px\"\n                [caption]=\"column.title\"\n                [dataField]=\"column.name\"\n                [cellTemplate]=\"cell\"\n                [allowResizing]=\"true\"\n              ></ax-text-column>\n              <ng-template #cell let-item>\n                <ng-container\n                  axp-widget-renderer\n                  [node]=\"{\n                    path: item.rowIndex + '.' + column.name,\n                    type: column.type,\n                    options: column.options ?? {},\n                  }\"\n                  [mode]=\"'edit'\"\n                >\n                </ng-container>\n              </ng-template>\n            }\n            <ax-command-column\n              fixed=\"end\"\n              [width]=\"getCommandRowItems.length * 60 + 'px'\"\n              [items]=\"getCommandRowItems\"\n              (onItemClick)=\"handleRowCommandClick($event)\"\n            ></ax-command-column>\n          </ax-data-table>\n          @if (!disabled) {\n            <div class=\"ax-flex ax-justify-end ax-py-4\">\n              <ax-button\n                [text]=\"(this.context ?? []).length ? 'Start Adding Items' : 'Add Your First Item'\"\n                look=\"twotone\"\n                [disabled]=\"disabled\"\n                (onClick)=\"addRecord()\"\n                class=\"ax-col-start-10  ax-col-end-13\"\n              >\n                <ax-prefix>\n                  <ax-icon class=\"fa-solid fa-add\"></ax-icon>\n                </ax-prefix>\n              </ax-button>\n            </div>\n          }\n        </div>\n        <ax-footer>\n          <ax-suffix>\n            <ax-button [text]=\"'@general:actions.discard.title' | translate | async\" (onClick)=\"onCloseDiscard()\"></ax-button>\n            <ax-button\n              color=\"primary\"\n              [text]=\"'@general:actions.ok.title' | translate | async\"\n              (onClick)=\"handleSaveClick(form)\"\n            ></ax-button>\n          </ax-suffix>\n        </ax-footer>\n      </ax-form>\n    </axp-widgets-container>\n  `,\n  imports: [\n    CommonModule,\n    AXDecoratorModule,\n    AXButtonModule,\n    AXPWidgetCoreModule,\n    AXDataTableModule,\n    AXTranslationModule,\n    AXFormModule,\n  ],\n})\nexport class AXPTabularDataPopupComponent extends AXBasePageComponent {\n  context: any;\n  columns: AXPTabularDataColumn[];\n  disabled: boolean = false;\n  defaultRowCount: number = 0;\n  contextDiscard: any;\n\n  getCommandRowItems: AXRowCommandItem[] = [\n    {\n      name: 'delete',\n      text: \"@general:actions.delete.title\",\n      icon: 'fa-light fa-trash ax-text-danger',\n      //divided: boolean,\n      //disabled: boolean,\n      color: 'danger',\n    },\n  ];\n\n  protected override ngOnInit(): void {\n    this.columns = this.columns.filter((col) => col.name != null && col.name != '' && col.type != null);\n\n    this.columns = this.columns.map((col) => {\n      return {\n        ...col,\n        options: {\n          ...(col.options ?? {}),\n          validationRules: [\n            {\n              rule: 'required',\n            },\n          ],\n        },\n      };\n    });\n    this.contextDiscard = cloneDeep(this.context);\n    if (this.context == null || this.context?.length == 0) {\n      for (let i = 0; i < this.defaultRowCount; i++) {\n        this.addRecord();\n      }\n    }\n  }\n\n  protected dataSource = new AXDataSource({\n    load: async () => {\n      this.context = (this.context ?? []).map((x: any) => {\n        return {\n          ...x,\n          id: AXPDataGenerator.uuid(),\n          options: {},\n        };\n      });\n      const items = this.context;\n      console.log(this.context);\n\n      return {\n        items: items ?? [],\n        total: (items ?? []).length,\n      };\n    },\n    pageSize: 1,\n    key: 'gridItem',\n  });\n\n  protected grid = viewChild<AXDataTableComponent>('grid');\n\n  handleContextChange(e: AXPContextChangeEvent) {\n    this.context = e.data;\n  }\n\n  onCloseDiscard() {\n    this.close({\n      context: this.contextDiscard,\n    });\n  }\n\n  addRecord() {\n    console.log(this.columns);\n\n    const value = this.context ?? [];\n    const newRecord = this.columns?.reduce((acc: { [key: string]: any }, column) => {\n      acc[column.name] = ''; // or any default value\n      return acc;\n    }, {});\n    console.log(value);\n    this.context = [...value, newRecord];\n    this.grid()?.refresh();\n  }\n\n  handleSelectionChange(e: any) {\n    console.log(e);\n  }\n\n  protected async handleRowCommandClick(e: AXRowCommandItemClickEvent) {\n    if (e.name == 'delete') {\n      this.context = this.context.filter((item: any) => item.id !== e.data.id);\n      this.grid()?.refresh();\n    }\n  }\n\n  protected async handleSaveClick(form: AXFormComponent) {\n    const formResult = await form.validate();\n    console.log(formResult.rules);\n\n    if (formResult.result) {\n      this.close({\n        context: this.context,\n      });\n    }\n  }\n}\n"],"names":["i1","i2","i3","i4","i5","i6","i7"],"mappings":"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"}

package/fesm2022/acorex-platform-layout-widgets-tabular-data-view-popup.component-BNG_588B.mjs

@@ -0,0 +1,64 @@
+import { AXDataSource } from '@acorex/cdk/common';
+import * as i1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i1$1 from '@acorex/components/data-table';
+import { AXDataTableModule } from '@acorex/components/data-table';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+class AXPTabularDataPopupComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.dataSource = new AXDataSource({
+            load: async () => {
+                const items = this.items;
+                return {
+                    items: items,
+                    total: items.length,
+                };
+            },
+            pageSize: 1,
+            key: 'gridItem',
+        });
+    }
+    onClose() {
+        this.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTabularDataPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTabularDataPopupComponent, isStandalone: true, selector: "axp-tabular-data-view-popup", usesInheritance: true, ngImport: i0, template: `
+    <ax-data-table class="ax-m-4" #grid [paging]="false" [dataSource]="dataSource">
+      @for (column of columns; track $index) {
+        <ax-text-column [dataField]="column.name" [caption]="column.title"></ax-text-column>
+      }
+    </ax-data-table>
+    <ax-footer
+      ><div class="ax-flex ax-w-full ax-justify-end">
+        <ax-button color="primary" [text]="'Okay'" (onClick)="onClose()"></ax-button></div
+    ></ax-footer>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$1.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "title", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$1.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTabularDataPopupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-tabular-data-view-popup',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <ax-data-table class="ax-m-4" #grid [paging]="false" [dataSource]="dataSource">
+      @for (column of columns; track $index) {
+        <ax-text-column [dataField]="column.name" [caption]="column.title"></ax-text-column>
+      }
+    </ax-data-table>
+    <ax-footer
+      ><div class="ax-flex ax-w-full ax-justify-end">
+        <ax-button color="primary" [text]="'Okay'" (onClick)="onClose()"></ax-button></div
+    ></ax-footer>
+  `,
+                    imports: [AXDecoratorModule, AXButtonModule, AXDataTableModule],
+                }]
+        }] });
+
+export { AXPTabularDataPopupComponent };
+//# sourceMappingURL=acorex-platform-layout-widgets-tabular-data-view-popup.component-BNG_588B.mjs.map

package/fesm2022/acorex-platform-layout-widgets-tabular-data-view-popup.component-BNG_588B.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-widgets-tabular-data-view-popup.component-BNG_588B.mjs","sources":["../../../../libs/platform/layout/widgets/src/lib/widgets/editors/tabular-data/tabular-data-view-popup.component.ts"],"sourcesContent":["import { AXDataSource } from '@acorex/cdk/common';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDataTableModule } from '@acorex/components/data-table';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { AXPTabularDataColumn } from './tabular-widget.types';\n\n@Component({\n  selector: 'axp-tabular-data-view-popup',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <ax-data-table class=\"ax-m-4\" #grid [paging]=\"false\" [dataSource]=\"dataSource\">\n      @for (column of columns; track $index) {\n        <ax-text-column [dataField]=\"column.name\" [caption]=\"column.title\"></ax-text-column>\n      }\n    </ax-data-table>\n    <ax-footer\n      ><div class=\"ax-flex ax-w-full ax-justify-end\">\n        <ax-button color=\"primary\" [text]=\"'Okay'\" (onClick)=\"onClose()\"></ax-button></div\n    ></ax-footer>\n  `,\n  imports: [AXDecoratorModule, AXButtonModule, AXDataTableModule],\n})\nexport class AXPTabularDataPopupComponent extends AXBasePageComponent {\n  items: [];\n  columns: AXPTabularDataColumn[];\n\n  protected dataSource = new AXDataSource({\n    load: async () => {\n      const items = this.items;\n      return {\n        items: items,\n        total: items.length,\n      };\n    },\n    pageSize: 1,\n    key: 'gridItem',\n  });\n\n  onClose() {\n    this.close();\n  }\n}\n"],"names":["i1","i2","i3"],"mappings":"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"}

package/fesm2022/acorex-platform-layout-widgets-text-block-widget-designer.component-Vo4fWHtX.mjs

@@ -0,0 +1,34 @@
+import { AXPLayoutBaseWidgetComponent } from '@acorex/platform/layout/widget-core';
+import * as i0 from '@angular/core';
+import { inject, computed, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+
+class AXPTextBlockWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.sanitizer = inject(DomSanitizer);
+        this.content = computed(() => this.options()['content'], ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+        this.innerContent = computed(() => this.sanitizer.bypassSecurityTrustHtml(this.content()), ...(ngDevMode ? [{ debugName: "innerContent" }] : /* istanbul ignore next */ []));
+    }
+    get __class() {
+        return {
+            'ax-block': true,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTextBlockWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPTextBlockWidgetDesignerComponent, isStandalone: true, selector: "axp-text-block-widget-designer", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: ` <div [innerHTML]="innerContent()"></div> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTextBlockWidgetDesignerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-text-block-widget-designer',
+                    template: ` <div [innerHTML]="innerContent()"></div> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { __class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+export { AXPTextBlockWidgetDesignerComponent };
+//# sourceMappingURL=acorex-platform-layout-widgets-text-block-widget-designer.component-Vo4fWHtX.mjs.map

package/fesm2022/acorex-platform-layout-widgets-text-block-widget-designer.component-Vo4fWHtX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-widgets-text-block-widget-designer.component-Vo4fWHtX.mjs","sources":["../../../../libs/platform/layout/widgets/src/lib/widgets/layout/text-block/text-block-widget-designer.component.ts"],"sourcesContent":["import { AXPLayoutBaseWidgetComponent } from '@acorex/platform/layout/widget-core';\n\nimport { ChangeDetectionStrategy, Component, computed, HostBinding, inject } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n  selector: 'axp-text-block-widget-designer',\n  template: ` <div [innerHTML]=\"innerContent()\"></div> `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPTextBlockWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {\n  sanitizer = inject(DomSanitizer);\n\n  protected content = computed<string>(() => this.options()['content'] as string);\n\n  protected innerContent = computed(() => this.sanitizer.bypassSecurityTrustHtml(this.content()));\n\n  @HostBinding('class')\n  private get __class(): any {\n    return {\n      'ax-block': true,\n    };\n  }\n}\n"],"names":[],"mappings":";;;;;AAUM,MAAO,mCAAoC,SAAQ,4BAA4B,CAAA;AALrF,IAAA,WAAA,GAAA;;AAME,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC;AAEtB,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAS,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,SAAS,CAAW,8EAAC;AAErE,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,mFAAC;AAQhG,IAAA;AANC,IAAA,IACY,OAAO,GAAA;QACjB,OAAO;AACL,YAAA,UAAU,EAAE,IAAI;SACjB;IACH;8GAZW,mCAAmC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mCAAmC,oKAHpC,CAAA,0CAAA,CAA4C,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAG3C,mCAAmC,EAAA,UAAA,EAAA,CAAA;kBAL/C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gCAAgC;AAC1C,oBAAA,QAAQ,EAAE,CAAA,0CAAA,CAA4C;oBACtD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;sBAQE,WAAW;uBAAC,OAAO;;;;;"}