@acorex/platform 20.3.0-next.6 → 20.3.0-next.8

package/fesm2022/acorex-platform-widgets.mjs

@@ -11,7 +11,7 @@ import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i2 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import * as i0 from '@angular/core';
-import { computed, EventEmitter, ChangeDetectionStrategy, Component, inject, InjectionToken, Injectable, signal, effect, HostBinding, ViewEncapsulation, viewChild, CUSTOM_ELEMENTS_SCHEMA, untracked, output, input, ChangeDetectorRef, ViewChild, ElementRef, afterEveryRender, afterNextRender, NgZone, model, linkedSignal, HostListener, importProvidersFrom, NgModule } from '@angular/core';
+import { computed, EventEmitter, ChangeDetectionStrategy, Component, inject, InjectionToken, Injectable, signal, effect, HostBinding, ViewEncapsulation, viewChild, CUSTOM_ELEMENTS_SCHEMA, untracked, output, input, ChangeDetectorRef, ViewChild, ElementRef, afterEveryRender, afterNextRender, NgZone, model, linkedSignal, importProvidersFrom, NgModule } from '@angular/core';
 import * as i1$1 from '@acorex/components/check-box';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
 import * as i4 from '@acorex/components/form';
@@ -30,9 +30,9 @@ import { AXTextBoxModule } from '@acorex/components/text-box';
 import * as i5 from '@acorex/core/translation';
 import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
 import * as i1$3 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { CommonModule, AsyncPipe } from '@angular/common';
 import { AXBasePageComponent } from '@acorex/components/page';
-import { isNull, isEmpty, set, isNumber, castArray, isNil, get, cloneDeep, isEqual, sum } from 'lodash-es';
+import { isNull, isEmpty, set, isNumber, castArray, isNil, get, cloneDeep, isEqual } from 'lodash-es';
 import { AXFormatService } from '@acorex/core/format';
 import * as i2$4 from '@acorex/components/datetime-box';
 import { AXDateTimeBoxModule } from '@acorex/components/datetime-box';
@@ -703,10 +703,6 @@ const AXP_LAYOUT_SPACING_PROPERTY = {
     group: AXP_BOX_MODEL_PROPERTY_GROUP,
     schema: {
         dataType: 'object',
-        defaultValue: {
-            margin: '0px 0px 0px 0px',
-            padding: '0px 0px 0px 0px',
-        },
         interface: {
             name: 'spacing',
             path: 'options.spacing',
@@ -722,12 +718,6 @@ const AXP_LAYOUT_BORDER_PROPERTY = {
     group: AXP_BOX_MODEL_PROPERTY_GROUP,
     schema: {
         dataType: 'object',
-        defaultValue: {
-            width: '1px 1px 1px 1px',
-            radius: '0px 0px 0px 0px',
-            color: '#000000 #000000 #000000 #000000',
-            style: 'none none none none',
-        },
         interface: {
             name: 'border',
             path: 'options.border',
@@ -811,7 +801,6 @@ const AXP_LAYOUT_DIRECTION_PROPERTY = {
     order: 99,
     schema: {
         dataType: 'string',
-        defaultValue: 'ltr',
         interface: {
             name: 'direction',
             path: 'options.direction',
@@ -1167,7 +1156,7 @@ const AXPCheckBoxWidget = {
             component: () => import('./acorex-platform-widgets-checkbox-widget-designer.component-BXPrXy-h.mjs').then((c) => c.AXPCheckBoxWidgetDesignerComponent),
         },
         view: {
-            component: () => import('./acorex-platform-widgets-checkbox-widget-view.component-C-4bWr9G.mjs').then((c) => c.AXPCheckBoxWidgetViewComponent),
+            component: () => import('./acorex-platform-widgets-checkbox-widget-view.component-KYCQ2qTJ.mjs').then((c) => c.AXPCheckBoxWidgetViewComponent),
         },
         edit: {
             component: () => Promise.resolve().then(function () { return checkboxWidgetEdit_component; }).then((c) => c.AXPCheckBoxWidgetEditComponent),
@@ -1178,9 +1167,6 @@ const AXPCheckBoxWidget = {
         column: {
             component: () => import('./acorex-platform-widgets-checkbox-widget-column.component-CzEFmKWG.mjs').then((c) => c.AXPCheckBoxWidgetColumnComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return checkboxWidgetEdit_component; }).then((c) => c.AXPCheckBoxWidgetEditComponent),
-        },
     },
 };
 
@@ -1800,9 +1786,6 @@ const AXPContactWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return contactWidgetEdit_component; }).then((c) => c.AXPContactWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return contactWidgetView_component; }).then((c) => c.AXPContactWidgetViewComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return contactWidgetColumn_component; }).then((c) => c.AXPContactWidgetColumnComponent),
         },
@@ -2202,115 +2185,70 @@ const AXPDateTimeBoxWidget = {
     },
 };
 
-class AXPEmailBoxWidgetViewComponent extends AXPValueWidgetComponent {
+class AXPEmailBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
-        this.clipboard = inject(AXPClipBoardService);
-        this.multiple = computed(() => this.options()["multiple"], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
-        this.hasLabel = computed(() => this.options()["hasLabel"] ?? true, ...(ngDevMode ? [{ debugName: "hasLabel" }] : []));
-        this.internalValue = computed(() => this.getValue()
-            ? Array.isArray(this.getValue())
-                ? this.getValue().map((item) => this.extractItem(item))
-                : [this.extractItem(this.getValue())]
-            : [], ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
+        this.list = computed(() => Array.isArray(this.rawValue) ? this.rawValue.map((c) => this.extractItem(c)) : [this.extractItem(this.rawValue)], ...(ngDevMode ? [{ debugName: "list" }] : []));
+        this.text = computed(() => this.list()
+            .map((item) => item.value)
+            .join('\n'), ...(ngDevMode ? [{ debugName: "text" }] : []));
+    }
+    dot3(text) {
+        console.log(text);
+        if (this.multiple)
+            return text.split('\n')[0] + '...';
+        else
+            return text.split('\n')[0];
     }
     extractItem(item) {
         return typeof item == 'object'
             ? {
                 value: item.value ?? '-',
-                label: item.label ?? 'Primary',
+                type: item.type ?? 'primary',
+                label: item.label,
             }
             : {
                 value: item,
-                label: 'Primary',
+                type: 'primary',
+                label: null,
             };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPEmailBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
-      @if(multiple())
-      {
-        @for(item of internalValue();track item?.value) {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-        }
-      }
-      @else
-      {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
-      }
-      <ng-template #itemTemplate let-item="data">
-        @if(item)
-        {
-          <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
-            <div class="ax-flex ax-flex-1 ax-gap-3 ax-items-center ax-w-max ax-group">
-              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
-                <i class="fa-solid ax-text-neutral-400 fa-envelope"></i>
-              </div>
-              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
-              <span
-                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-                (click)="clipboard.copy('Email', item.value)"
-              >
-                <i class="fa-solid fa-copy "></i>
-              </span>
-              @if(hasLabel()){
-                <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
-              }
-            </div>
-          </div>
-        }
-      </ng-template>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPEmailBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `<div>
+    @if(multiple && list.length>1){
+    <div [title]="text()">{{ dot3(text()) }}</div>
+    }@else {
+    <div>
+      @if(list() && list().length){
+      {{ list()[0].value }}
+      }@else { - }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    }
+  </div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
-      @if(multiple())
-      {
-        @for(item of internalValue();track item?.value) {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-        }
-      }
-      @else
-      {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
-      }
-      <ng-template #itemTemplate let-item="data">
-        @if(item)
-        {
-          <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
-            <div class="ax-flex ax-flex-1 ax-gap-3 ax-items-center ax-w-max ax-group">
-              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
-                <i class="fa-solid ax-text-neutral-400 fa-envelope"></i>
-              </div>
-              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
-              <span
-                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-                (click)="clipboard.copy('Email', item.value)"
-              >
-                <i class="fa-solid fa-copy "></i>
-              </span>
-              @if(hasLabel()){
-                <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
-              }
-            </div>
-          </div>
-        }
-      </ng-template>
+                    template: `<div>
+    @if(multiple && list.length>1){
+    <div [title]="text()">{{ dot3(text()) }}</div>
+    }@else {
+    <div>
+      @if(list() && list().length){
+      {{ list()[0].value }}
+      }@else { - }
     </div>
-  `,
+    }
+  </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXBadgeModule],
-                    inputs: []
+                    imports: [],
+                    inputs: ['rawValue', 'rowData']
                 }]
         }] });
 
-var emailBoxWidgetView_component = /*#__PURE__*/Object.freeze({
+var emailBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPEmailBoxWidgetViewComponent: AXPEmailBoxWidgetViewComponent
+    AXPEmailBoxWidgetColumnComponent: AXPEmailBoxWidgetColumnComponent
 });
 
 class AXPEmailBoxWidgetEditComponent extends AXPValueWidgetComponent {
@@ -2569,108 +2507,134 @@ var emailBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPEmailBoxWidgetEditComponent: AXPEmailBoxWidgetEditComponent
 });
 
-class AXPEmailBoxWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPEmailBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class AXPEmailBoxWidgetPrintComponent extends AXPValueWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPEmailBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
+                    imports: [],
                     inputs: []
                 }]
         }] });
 
-var emailBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
+var emailBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPEmailBoxWidgetFilterComponent: AXPEmailBoxWidgetFilterComponent
+    AXPEmailBoxWidgetPrintComponent: AXPEmailBoxWidgetPrintComponent
 });
 
-class AXPEmailBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
+class AXPEmailBoxWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.list = computed(() => Array.isArray(this.rawValue) ? this.rawValue.map((c) => this.extractItem(c)) : [this.extractItem(this.rawValue)], ...(ngDevMode ? [{ debugName: "list" }] : []));
-        this.text = computed(() => this.list()
-            .map((item) => item.value)
-            .join('\n'), ...(ngDevMode ? [{ debugName: "text" }] : []));
-    }
-    dot3(text) {
-        console.log(text);
-        if (this.multiple)
-            return text.split('\n')[0] + '...';
-        else
-            return text.split('\n')[0];
+        this.clipboard = inject(AXPClipBoardService);
+        this.multiple = computed(() => this.options()["multiple"], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+        this.hasLabel = computed(() => this.options()["hasLabel"] ?? true, ...(ngDevMode ? [{ debugName: "hasLabel" }] : []));
+        this.internalValue = computed(() => this.getValue()
+            ? Array.isArray(this.getValue())
+                ? this.getValue().map((item) => this.extractItem(item))
+                : [this.extractItem(this.getValue())]
+            : [], ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
     }
     extractItem(item) {
         return typeof item == 'object'
             ? {
                 value: item.value ?? '-',
-                type: item.type ?? 'primary',
-                label: item.label,
+                label: item.label ?? 'Primary',
             }
             : {
                 value: item,
-                type: 'primary',
-                label: null,
+                label: 'Primary',
             };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPEmailBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `<div>
-    @if(multiple && list.length>1){
-    <div [title]="text()">{{ dot3(text()) }}</div>
-    }@else {
-    <div>
-      @if(list() && list().length){
-      {{ list()[0].value }}
-      }@else { - }
-    </div>
-    }
-  </div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `<div>
-    @if(multiple && list.length>1){
-    <div [title]="text()">{{ dot3(text()) }}</div>
-    }@else {
-    <div>
-      @if(list() && list().length){
-      {{ list()[0].value }}
-      }@else { - }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPEmailBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(multiple())
+      {
+        @for(item of internalValue();track item?.value) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+        }
+      }
+      @else
+      {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+      }
+      <ng-template #itemTemplate let-item="data">
+        @if(item)
+        {
+          <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
+            <div class="ax-flex ax-flex-1 ax-gap-3 ax-items-center ax-w-max ax-group">
+              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
+                <i class="fa-solid ax-text-neutral-400 fa-envelope"></i>
+              </div>
+              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
+              <span
+                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+                (click)="clipboard.copy('Email', item.value)"
+              >
+                <i class="fa-solid fa-copy "></i>
+              </span>
+              @if(hasLabel()){
+                <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
+              }
+            </div>
+          </div>
+        }
+      </ng-template>
     </div>
-    }
-  </div>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    inputs: ['rawValue', 'rowData']
-                }]
-        }] });
-
-var emailBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPEmailBoxWidgetColumnComponent: AXPEmailBoxWidgetColumnComponent
-});
-
-class AXPEmailBoxWidgetPrintComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPEmailBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetPrintComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEmailBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    inputs: []
-                }]
-        }] });
-
-var emailBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(multiple())
+      {
+        @for(item of internalValue();track item?.value) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+        }
+      }
+      @else
+      {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+      }
+      <ng-template #itemTemplate let-item="data">
+        @if(item)
+        {
+          <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
+            <div class="ax-flex ax-flex-1 ax-gap-3 ax-items-center ax-w-max ax-group">
+              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
+                <i class="fa-solid ax-text-neutral-400 fa-envelope"></i>
+              </div>
+              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
+              <span
+                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+                (click)="clipboard.copy('Email', item.value)"
+              >
+                <i class="fa-solid fa-copy "></i>
+              </span>
+              @if(hasLabel()){
+                <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
+              }
+            </div>
+          </div>
+        }
+      </ng-template>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXBadgeModule],
+                    inputs: []
+                }]
+        }] });
+
+var emailBoxWidgetView_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPEmailBoxWidgetPrintComponent: AXPEmailBoxWidgetPrintComponent
+    AXPEmailBoxWidgetViewComponent: AXPEmailBoxWidgetViewComponent
 });
 
 const AXPEmailBoxWidget = {
@@ -2698,9 +2662,6 @@ const AXPEmailBoxWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return emailBoxWidgetEdit_component; }).then((c) => c.AXPEmailBoxWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return emailBoxWidgetFilter_component; }).then((c) => c.AXPEmailBoxWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return emailBoxWidgetColumn_component; }).then((c) => c.AXPEmailBoxWidgetColumnComponent),
         },
@@ -2713,41 +2674,35 @@ const AXPEmailBoxWidget = {
     },
 };
 
-class AXPLargeTextWidgetViewComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPLargeTextWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-max-w-full ax-text-muted">
-        @if (getValue()) {
-          <span> {{ getValue() }}  </span>
-        } @else {
-          <span class="ax-text-muted">---</span>
-        }
-    
-    </div>
+class AXPLargeTextWidgetColumnComponent extends AXPColumnWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPLargeTextWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
+    @if (rawValue) {
+      <span class="ax-truncate"> {{ rawValue }} </span>
+    } @else {
+      <span class="ax-text-muted">---</span>
+    }
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-    <div class="ax-max-w-full ax-text-muted">
-        @if (getValue()) {
-          <span> {{ getValue() }}  </span>
-        } @else {
-          <span class="ax-text-muted">---</span>
-        }
-    
-    </div>
+    @if (rawValue) {
+      <span class="ax-truncate"> {{ rawValue }} </span>
+    } @else {
+      <span class="ax-text-muted">---</span>
+    }
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [],
-                    inputs: []
+                    inputs: ['rawValue', 'rowData']
                 }]
         }] });
 
-var largeTextWidgetView_component = /*#__PURE__*/Object.freeze({
+var largeTextWidgetColumn_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPLargeTextWidgetViewComponent: AXPLargeTextWidgetViewComponent
+    AXPLargeTextWidgetColumnComponent: AXPLargeTextWidgetColumnComponent
 });
 
 class AXPSelectLanguagePopup extends AXBasePageComponent {
@@ -2871,7 +2826,7 @@ class AXPLargeTextWidgetEditComponent extends AXPValueWidgetComponent {
         [disabled]="disabled()"
         [ngModel]="getValue()"
         (onValueChanged)="handleValueChange($event)"
-        [placeholder]="placeholder()"
+        [placeholder]="(placeholder() | translate | async)!"
       >
         @if (clearButton()) {
           <ax-clear-button></ax-clear-button>
@@ -2911,7 +2866,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
         [disabled]="disabled()"
         [ngModel]="getValue()"
         (onValueChanged)="handleValueChange($event)"
-        [placeholder]="placeholder()"
+        [placeholder]="(placeholder() | translate | async)!"
       >
         @if (clearButton()) {
           <ax-clear-button></ax-clear-button>
@@ -2961,73 +2916,60 @@ var largeTextWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPLargeTextWidgetEditComponent: AXPLargeTextWidgetEditComponent
 });
 
-class AXPLargeTextWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPLargeTextWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class AXPLargeTextWidgetPrintComponent extends AXPValueWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPLargeTextWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
+                    imports: [],
                     inputs: []
                 }]
         }] });
 
-var largeTextWidgetFilter_component = /*#__PURE__*/Object.freeze({
+var largeTextWidgetPrint_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPLargeTextWidgetFilterComponent: AXPLargeTextWidgetFilterComponent
+    AXPLargeTextWidgetPrintComponent: AXPLargeTextWidgetPrintComponent
 });
 
-class AXPLargeTextWidgetColumnComponent extends AXPColumnWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPLargeTextWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
-    @if (rawValue) {
-      <span class="ax-truncate"> {{ rawValue }} </span>
-    } @else {
-      <span class="ax-text-muted">---</span>
-    }
+class AXPLargeTextWidgetViewComponent extends AXPValueWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPLargeTextWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-max-w-full ax-text-muted">
+        @if (getValue()) {
+          <span> {{ getValue() }}  </span>
+        } @else {
+          <span class="ax-text-muted">---</span>
+        }
+    
+    </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-    @if (rawValue) {
-      <span class="ax-truncate"> {{ rawValue }} </span>
-    } @else {
-      <span class="ax-text-muted">---</span>
-    }
+    <div class="ax-max-w-full ax-text-muted">
+        @if (getValue()) {
+          <span> {{ getValue() }}  </span>
+        } @else {
+          <span class="ax-text-muted">---</span>
+        }
+    
+    </div>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    inputs: ['rawValue', 'rowData']
-                }]
-        }] });
-
-var largeTextWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPLargeTextWidgetColumnComponent: AXPLargeTextWidgetColumnComponent
-});
-
-class AXPLargeTextWidgetPrintComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPLargeTextWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLargeTextWidgetPrintComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [],
                     inputs: []
                 }]
         }] });
 
-var largeTextWidgetPrint_component = /*#__PURE__*/Object.freeze({
+var largeTextWidgetView_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPLargeTextWidgetPrintComponent: AXPLargeTextWidgetPrintComponent
+    AXPLargeTextWidgetViewComponent: AXPLargeTextWidgetViewComponent
 });
 
 const AXPLargeTextWidget = {
@@ -3059,9 +3001,6 @@ const AXPLargeTextWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return largeTextWidgetEdit_component; }).then((c) => c.AXPLargeTextWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return largeTextWidgetFilter_component; }).then((c) => c.AXPLargeTextWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return largeTextWidgetColumn_component; }).then((c) => c.AXPLargeTextWidgetColumnComponent),
         },
@@ -3074,118 +3013,23 @@ const AXPLargeTextWidget = {
     },
 };
 
-class AXPLinkWidgetViewComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.clipboard = inject(AXPClipBoardService);
-        this.target = 'blank';
-        this.internalValue = computed(() => this.getValue()
-            ? Array.isArray(this.getValue())
-                ? this.getValue().map((item) => this.extractItem(item))
-                : [this.extractItem(this.getValue())]
-            : [], ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
-    }
-    extractItem(item) {
-        return typeof item == 'object'
-            ? {
-                value: item.value ?? '-',
-                title: item.title,
-                label: this.hasLabel ? item.label || 'primary' : undefined,
-                icon: item.icon,
-            }
-            : {
-                value: item,
-                title: '',
-                icon: '',
-                label: 'Primary',
-            };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPLinkWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
-    @if(multiple){ @for(item of internalValue();track item?.value) {
-    <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-    } } @else{
-    <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
-    }
-
-    <ng-template #itemTemplate let-item="data">
-      @if(item){
-      <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
-        <div class="ax-flex ax-flex-1 ax-gap-3 ax-items-center ax-w-max ax-group">
-          <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
-            @if(item.icon){
-            <ax-icon class="fa-solid ax-text-neutral-400" [class]="item.icon"> </ax-icon>
-            }
-          </div>
-          <a
-            [href]="item.value"
-            [target]="'_' + target"
-            class="ax-text-blue-700 group-hover:!ax-text-primary-500 group-hover:ax-underline group-hover:ax-decoration-blue-700"
-            >{{ item.title ?? item.value }}</a
-          >
-          <span
-            class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-            (click)="clipboard.copy('Email', item.value)"
-          >
-            <i class="fa-solid fa-copy "></i>
-          </span>
-          @if(hasLabel){
-          <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
-          }
-        </div>
-      </div>
-      }
-    </ng-template>
-  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class AXPLinkWidgetColumnComponent extends AXPColumnWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPLinkWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `{{rawValue}}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `<div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
-    @if(multiple){ @for(item of internalValue();track item?.value) {
-    <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-    } } @else{
-    <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
-    }
+                    template: `{{rawValue}}`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [],
+                    inputs: ['rawValue', 'rowData']
+                }]
+        }] });
 
-    <ng-template #itemTemplate let-item="data">
-      @if(item){
-      <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
-        <div class="ax-flex ax-flex-1 ax-gap-3 ax-items-center ax-w-max ax-group">
-          <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
-            @if(item.icon){
-            <ax-icon class="fa-solid ax-text-neutral-400" [class]="item.icon"> </ax-icon>
-            }
-          </div>
-          <a
-            [href]="item.value"
-            [target]="'_' + target"
-            class="ax-text-blue-700 group-hover:!ax-text-primary-500 group-hover:ax-underline group-hover:ax-decoration-blue-700"
-            >{{ item.title ?? item.value }}</a
-          >
-          <span
-            class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-            (click)="clipboard.copy('Email', item.value)"
-          >
-            <i class="fa-solid fa-copy "></i>
-          </span>
-          @if(hasLabel){
-          <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
-          }
-        </div>
-      </div>
-      }
-    </ng-template>
-  </div>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXBadgeModule, AXDecoratorModule],
-                    inputs: []
-                }]
-        }] });
-
-var linkWidgetView_component = /*#__PURE__*/Object.freeze({
+var linkWidgetColumn_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPLinkWidgetViewComponent: AXPLinkWidgetViewComponent
+    AXPLinkWidgetColumnComponent: AXPLinkWidgetColumnComponent
 });
 
 class AXPLinkWidgetEditComponent extends AXPValueWidgetComponent {
@@ -3592,61 +3436,137 @@ var linkWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPLinkWidgetEditComponent: AXPLinkWidgetEditComponent
 });
 
-class AXPLinkWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPLinkWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class AXPLinkWidgetPrintComponent extends AXPValueWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPLinkWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
+                    imports: [],
                     inputs: []
                 }]
         }] });
 
-var linkWidgetFilter_component = /*#__PURE__*/Object.freeze({
+var linkWidgetPrint_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPLinkWidgetFilterComponent: AXPLinkWidgetFilterComponent
+    AXPLinkWidgetPrintComponent: AXPLinkWidgetPrintComponent
 });
 
-class AXPLinkWidgetColumnComponent extends AXPColumnWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPLinkWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `{{rawValue}}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `{{rawValue}}`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    inputs: ['rawValue', 'rowData']
-                }]
-        }] });
-
-var linkWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPLinkWidgetColumnComponent: AXPLinkWidgetColumnComponent
-});
+class AXPLinkWidgetViewComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.clipboard = inject(AXPClipBoardService);
+        this.target = 'blank';
+        this.internalValue = computed(() => this.getValue()
+            ? Array.isArray(this.getValue())
+                ? this.getValue().map((item) => this.extractItem(item))
+                : [this.extractItem(this.getValue())]
+            : [], ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
+    }
+    extractItem(item) {
+        return typeof item == 'object'
+            ? {
+                value: item.value ?? '-',
+                title: item.title,
+                label: this.hasLabel ? item.label || 'primary' : undefined,
+                icon: item.icon,
+            }
+            : {
+                value: item,
+                title: '',
+                icon: '',
+                label: 'Primary',
+            };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPLinkWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
+    @if(multiple){ @for(item of internalValue();track item?.value) {
+    <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+    } } @else{
+    <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+    }
 
-class AXPLinkWidgetPrintComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPLinkWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    <ng-template #itemTemplate let-item="data">
+      @if(item){
+      <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
+        <div class="ax-flex ax-flex-1 ax-gap-3 ax-items-center ax-w-max ax-group">
+          <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
+            @if(item.icon){
+            <ax-icon class="fa-solid ax-text-neutral-400" [class]="item.icon"> </ax-icon>
+            }
+          </div>
+          <a
+            [href]="item.value"
+            [target]="'_' + target"
+            class="ax-text-blue-700 group-hover:!ax-text-primary-500 group-hover:ax-underline group-hover:ax-decoration-blue-700"
+            >{{ item.title ?? item.value }}</a
+          >
+          <span
+            class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+            (click)="clipboard.copy('Email', item.value)"
+          >
+            <i class="fa-solid fa-copy "></i>
+          </span>
+          @if(hasLabel){
+          <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
+          }
+        </div>
+      </div>
+      }
+    </ng-template>
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetPrintComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLinkWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
+                    template: `<div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
+    @if(multiple){ @for(item of internalValue();track item?.value) {
+    <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+    } } @else{
+    <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+    }
+
+    <ng-template #itemTemplate let-item="data">
+      @if(item){
+      <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
+        <div class="ax-flex ax-flex-1 ax-gap-3 ax-items-center ax-w-max ax-group">
+          <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
+            @if(item.icon){
+            <ax-icon class="fa-solid ax-text-neutral-400" [class]="item.icon"> </ax-icon>
+            }
+          </div>
+          <a
+            [href]="item.value"
+            [target]="'_' + target"
+            class="ax-text-blue-700 group-hover:!ax-text-primary-500 group-hover:ax-underline group-hover:ax-decoration-blue-700"
+            >{{ item.title ?? item.value }}</a
+          >
+          <span
+            class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+            (click)="clipboard.copy('Email', item.value)"
+          >
+            <i class="fa-solid fa-copy "></i>
+          </span>
+          @if(hasLabel){
+          <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
+          }
+        </div>
+      </div>
+      }
+    </ng-template>
+  </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
+                    imports: [CommonModule, AXBadgeModule, AXDecoratorModule],
                     inputs: []
                 }]
         }] });
 
-var linkWidgetPrint_component = /*#__PURE__*/Object.freeze({
+var linkWidgetView_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPLinkWidgetPrintComponent: AXPLinkWidgetPrintComponent
+    AXPLinkWidgetViewComponent: AXPLinkWidgetViewComponent
 });
 
 const AXPLinkWidget = {
@@ -3664,9 +3584,6 @@ const AXPLinkWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return linkWidgetEdit_component; }).then((c) => c.AXPLinkWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return linkWidgetFilter_component; }).then((c) => c.AXPLinkWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return linkWidgetColumn_component; }).then((c) => c.AXPLinkWidgetColumnComponent),
         },
@@ -3679,52 +3596,41 @@ const AXPLinkWidget = {
     },
 };
 
-class AXPNumberBoxWidgetViewComponent extends AXPValueWidgetComponent {
+class AXPNumberBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
-        this.internalValue = computed(() => (Array.isArray(this.formattedValue()) ? this.formattedValue() : [this.formattedValue()]), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
-        this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
-        this.format = computed(() => this.options()['format'], ...(ngDevMode ? [{ debugName: "format" }] : []));
         this.formatService = inject(AXFormatService);
+        this.value = computed(() => {
+            if (!isNumber(this.rawValue)) {
+                return this.nullText;
+            }
+            const value = Number(this.rawValue);
+            if (this.options['format'] && this.options['format']['name']) {
+                const { name, options } = this.options['format'];
+                return this.formatService.format(value, name, options);
+            }
+            else {
+                return value.toString();
+            }
+        }, ...(ngDevMode ? [{ debugName: "value" }] : []));
     }
-    formattedValue() {
-        if (!isNumber(this.getValue()))
-            return '---';
-        const value = Number(this.getValue());
-        return this.formatService.format(value, 'number', this.format());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPNumberBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-text-muted">
-      @if(multiple()){ @for (item of internalValue(); track $index) {
-      <p>{{ item }}</p>
-      } }@else {
-      <p>{{ internalValue()[0] }}</p>
-      }
-    </div>
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPNumberBoxWidgetColumnComponent, isStandalone: true, selector: "axp-number-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `{{value()}}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-text-muted">
-      @if(multiple()){ @for (item of internalValue(); track $index) {
-      <p>{{ item }}</p>
-      } }@else {
-      <p>{{ internalValue()[0] }}</p>
-      }
-    </div>
-  `,
+                    selector: 'axp-number-box-widget-column',
+                    template: `{{value()}}`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [],
-                    inputs: []
+                    inputs: ['rawValue', 'rowData']
                 }]
         }] });
 
-var numberBoxWidgetView_component = /*#__PURE__*/Object.freeze({
+var numberBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPNumberBoxWidgetViewComponent: AXPNumberBoxWidgetViewComponent
+    AXPNumberBoxWidgetColumnComponent: AXPNumberBoxWidgetColumnComponent
 });
 
 class AXPNumberBoxWidgetEditComponent extends AXPValueWidgetComponent {
@@ -3881,79 +3787,71 @@ var numberBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPNumberBoxWidgetEditComponent: AXPNumberBoxWidgetEditComponent
 });
 
-class AXPNumberBoxWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPNumberBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class AXPNumberBoxWidgetPrintComponent extends AXPValueWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPNumberBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
+                    imports: [],
                     inputs: []
                 }]
         }] });
 
-var numberBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
+var numberBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPNumberBoxWidgetFilterComponent: AXPNumberBoxWidgetFilterComponent
+    AXPNumberBoxWidgetPrintComponent: AXPNumberBoxWidgetPrintComponent
 });
 
-class AXPNumberBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
+class AXPNumberBoxWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
+        this.internalValue = computed(() => (Array.isArray(this.formattedValue()) ? this.formattedValue() : [this.formattedValue()]), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
+        this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+        this.format = computed(() => this.options()['format'], ...(ngDevMode ? [{ debugName: "format" }] : []));
         this.formatService = inject(AXFormatService);
-        this.value = computed(() => {
-            if (!isNumber(this.rawValue)) {
-                return this.nullText;
-            }
-            const value = Number(this.rawValue);
-            if (this.options['format'] && this.options['format']['name']) {
-                const { name, options } = this.options['format'];
-                return this.formatService.format(value, name, options);
-            }
-            else {
-                return value.toString();
-            }
-        }, ...(ngDevMode ? [{ debugName: "value" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPNumberBoxWidgetColumnComponent, isStandalone: true, selector: "axp-number-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `{{value()}}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    formattedValue() {
+        if (!isNumber(this.getValue()))
+            return '---';
+        const value = Number(this.getValue());
+        return this.formatService.format(value, 'number', this.format());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPNumberBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-text-muted">
+      @if(multiple()){ @for (item of internalValue(); track $index) {
+      <p>{{ item }}</p>
+      } }@else {
+      <p>{{ internalValue()[0] }}</p>
+      }
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'axp-number-box-widget-column',
-                    template: `{{value()}}`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    inputs: ['rawValue', 'rowData']
-                }]
-        }] });
-
-var numberBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPNumberBoxWidgetColumnComponent: AXPNumberBoxWidgetColumnComponent
-});
-
-class AXPNumberBoxWidgetPrintComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPNumberBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberBoxWidgetPrintComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
+                    template: `
+    <div class="ax-text-muted">
+      @if(multiple()){ @for (item of internalValue(); track $index) {
+      <p>{{ item }}</p>
+      } }@else {
+      <p>{{ internalValue()[0] }}</p>
+      }
+    </div>
+  `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [],
                     inputs: []
                 }]
         }] });
 
-var numberBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
+var numberBoxWidgetView_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPNumberBoxWidgetPrintComponent: AXPNumberBoxWidgetPrintComponent
+    AXPNumberBoxWidgetViewComponent: AXPNumberBoxWidgetViewComponent
 });
 
 const AXPNumberBoxWidget = {
@@ -3995,9 +3893,6 @@ const AXPNumberBoxWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return numberBoxWidgetEdit_component; }).then((c) => c.AXPNumberBoxWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return numberBoxWidgetFilter_component; }).then((c) => c.AXPNumberBoxWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return numberBoxWidgetColumn_component; }).then((c) => c.AXPNumberBoxWidgetColumnComponent),
         },
@@ -4010,85 +3905,60 @@ const AXPNumberBoxWidget = {
     },
 };
 
-class AXPPasswordBoxWidgetViewComponent extends AXPValueWidgetComponent {
+class AXPPasswordBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
-        this.internalValue = computed(() => this.getValue(), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
-        this.hasCopyIcon = computed(() => this.options()['hasCopyIcon'], ...(ngDevMode ? [{ debugName: "hasCopyIcon" }] : []));
-        this.hasEyeIcon = computed(() => this.options()['hasEyeIcon'], ...(ngDevMode ? [{ debugName: "hasEyeIcon" }] : []));
-        this.showPassword = computed(() => this.options()['showPassword'], ...(ngDevMode ? [{ debugName: "showPassword" }] : []));
-        this.show = signal(false, ...(ngDevMode ? [{ debugName: "show" }] : []));
-        this.clipboard = inject(AXPClipBoardService);
+        this.hasEyeIcon = this.options['hasEyeIcon'];
+        this.showPassword = this.options['showPassword'];
+        this.show = signal(!!this.rawValue, ...(ngDevMode ? [{ debugName: "show" }] : []));
     }
     toggleEye() {
         this.show.update((prev) => !prev);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPPasswordBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
-      <div class="ax-flex ax-flex-1 ax-gap-3 ax-group ax-items-start ax-w-max">
-        <span>{{ show() ? internalValue() : '*******' }}</span>
-        @if(hasEyeIcon()){
-        <span
-          class="ax-text-neutral-400 ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-          (click)="toggleEye()"
-        >
-          @if(!showPassword()){
-          <i class="fa-solid fa-eye"></i>
-          }@else {
-          <i class="fa-solid fa-eye-slash"></i>
-          }
-        </span>
-        } @if(hasCopyIcon() && hasEyeIcon()){
-        <span
-          class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-          (click)="clipboard.copy('Password', internalValue())"
-        >
-          <i class="fa-solid fa-copy "></i>
-        </span>
-        }
-      </div>
-    </div>
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPPasswordBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `<div class="ax-flex ax-flex-1 ax-gap-3 ax-group ax-items-start ax-w-max">
+    <span>{{ show() ? rawValue : '*******' }}</span>
+    @if(hasEyeIcon){
+    <span
+      class="ax-text-neutral-400 ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+      (click)="toggleEye()"
+    >
+      @if(!showPassword){
+      <i class="fa-solid fa-eye"></i>
+      }@else {
+      <i class="fa-solid fa-eye-slash"></i>
+      }
+    </span>
+    }
+  </div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
-      <div class="ax-flex ax-flex-1 ax-gap-3 ax-group ax-items-start ax-w-max">
-        <span>{{ show() ? internalValue() : '*******' }}</span>
-        @if(hasEyeIcon()){
-        <span
-          class="ax-text-neutral-400 ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-          (click)="toggleEye()"
-        >
-          @if(!showPassword()){
-          <i class="fa-solid fa-eye"></i>
-          }@else {
-          <i class="fa-solid fa-eye-slash"></i>
-          }
-        </span>
-        } @if(hasCopyIcon() && hasEyeIcon()){
-        <span
-          class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-          (click)="clipboard.copy('Password', internalValue())"
-        >
-          <i class="fa-solid fa-copy "></i>
-        </span>
-        }
-      </div>
-    </div>
-  `,
+                    template: `<div class="ax-flex ax-flex-1 ax-gap-3 ax-group ax-items-start ax-w-max">
+    <span>{{ show() ? rawValue : '*******' }}</span>
+    @if(hasEyeIcon){
+    <span
+      class="ax-text-neutral-400 ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+      (click)="toggleEye()"
+    >
+      @if(!showPassword){
+      <i class="fa-solid fa-eye"></i>
+      }@else {
+      <i class="fa-solid fa-eye-slash"></i>
+      }
+    </span>
+    }
+  </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [],
-                    inputs: []
+                    inputs: ['rawValue', 'rowData']
                 }]
         }] });
 
-var passwordBoxWidgetView_component = /*#__PURE__*/Object.freeze({
+var passwordBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPPasswordBoxWidgetViewComponent: AXPPasswordBoxWidgetViewComponent
+    AXPPasswordBoxWidgetColumnComponent: AXPPasswordBoxWidgetColumnComponent
 });
 
 class AXPPasswordBoxWidgetEditComponent extends AXPValueWidgetComponent {
@@ -4148,98 +4018,104 @@ var passwordBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPPasswordBoxWidgetEditComponent: AXPPasswordBoxWidgetEditComponent
 });
 
-class AXPPasswordBoxWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPPasswordBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class AXPPasswordBoxWidgetPrintComponent extends AXPValueWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPPasswordBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
+                    imports: [],
                     inputs: []
                 }]
         }] });
 
-var passwordBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
+var passwordBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPPasswordBoxWidgetFilterComponent: AXPPasswordBoxWidgetFilterComponent
+    AXPPasswordBoxWidgetPrintComponent: AXPPasswordBoxWidgetPrintComponent
 });
 
-class AXPPasswordBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
+class AXPPasswordBoxWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.hasEyeIcon = this.options['hasEyeIcon'];
-        this.showPassword = this.options['showPassword'];
-        this.show = signal(!!this.rawValue, ...(ngDevMode ? [{ debugName: "show" }] : []));
+        this.internalValue = computed(() => this.getValue(), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
+        this.hasCopyIcon = computed(() => this.options()['hasCopyIcon'], ...(ngDevMode ? [{ debugName: "hasCopyIcon" }] : []));
+        this.hasEyeIcon = computed(() => this.options()['hasEyeIcon'], ...(ngDevMode ? [{ debugName: "hasEyeIcon" }] : []));
+        this.showPassword = computed(() => this.options()['showPassword'], ...(ngDevMode ? [{ debugName: "showPassword" }] : []));
+        this.show = signal(false, ...(ngDevMode ? [{ debugName: "show" }] : []));
+        this.clipboard = inject(AXPClipBoardService);
     }
     toggleEye() {
         this.show.update((prev) => !prev);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPPasswordBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `<div class="ax-flex ax-flex-1 ax-gap-3 ax-group ax-items-start ax-w-max">
-    <span>{{ show() ? rawValue : '*******' }}</span>
-    @if(hasEyeIcon){
-    <span
-      class="ax-text-neutral-400 ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-      (click)="toggleEye()"
-    >
-      @if(!showPassword){
-      <i class="fa-solid fa-eye"></i>
-      }@else {
-      <i class="fa-solid fa-eye-slash"></i>
-      }
-    </span>
-    }
-  </div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `<div class="ax-flex ax-flex-1 ax-gap-3 ax-group ax-items-start ax-w-max">
-    <span>{{ show() ? rawValue : '*******' }}</span>
-    @if(hasEyeIcon){
-    <span
-      class="ax-text-neutral-400 ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-      (click)="toggleEye()"
-    >
-      @if(!showPassword){
-      <i class="fa-solid fa-eye"></i>
-      }@else {
-      <i class="fa-solid fa-eye-slash"></i>
-      }
-    </span>
-    }
-  </div>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    inputs: ['rawValue', 'rowData']
-                }]
-        }] });
-
-var passwordBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPPasswordBoxWidgetColumnComponent: AXPPasswordBoxWidgetColumnComponent
-});
-
-class AXPPasswordBoxWidgetPrintComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPPasswordBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPPasswordBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
+      <div class="ax-flex ax-flex-1 ax-gap-3 ax-group ax-items-start ax-w-max">
+        <span>{{ show() ? internalValue() : '*******' }}</span>
+        @if(hasEyeIcon()){
+        <span
+          class="ax-text-neutral-400 ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+          (click)="toggleEye()"
+        >
+          @if(!showPassword()){
+          <i class="fa-solid fa-eye"></i>
+          }@else {
+          <i class="fa-solid fa-eye-slash"></i>
+          }
+        </span>
+        } @if(hasCopyIcon() && hasEyeIcon()){
+        <span
+          class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+          (click)="clipboard.copy('Password', internalValue())"
+        >
+          <i class="fa-solid fa-copy "></i>
+        </span>
+        }
+      </div>
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetPrintComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPasswordBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
+                    template: `
+    <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
+      <div class="ax-flex ax-flex-1 ax-gap-3 ax-group ax-items-start ax-w-max">
+        <span>{{ show() ? internalValue() : '*******' }}</span>
+        @if(hasEyeIcon()){
+        <span
+          class="ax-text-neutral-400 ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+          (click)="toggleEye()"
+        >
+          @if(!showPassword()){
+          <i class="fa-solid fa-eye"></i>
+          }@else {
+          <i class="fa-solid fa-eye-slash"></i>
+          }
+        </span>
+        } @if(hasCopyIcon() && hasEyeIcon()){
+        <span
+          class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+          (click)="clipboard.copy('Password', internalValue())"
+        >
+          <i class="fa-solid fa-copy "></i>
+        </span>
+        }
+      </div>
+    </div>
+  `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [],
                     inputs: []
                 }]
         }] });
 
-var passwordBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
+var passwordBoxWidgetView_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPPasswordBoxWidgetPrintComponent: AXPPasswordBoxWidgetPrintComponent
+    AXPPasswordBoxWidgetViewComponent: AXPPasswordBoxWidgetViewComponent
 });
 
 const AXPPasswordBoxWidget = {
@@ -4266,9 +4142,6 @@ const AXPPasswordBoxWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return passwordBoxWidgetEdit_component; }).then((c) => c.AXPPasswordBoxWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return passwordBoxWidgetFilter_component; }).then((c) => c.AXPPasswordBoxWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return passwordBoxWidgetColumn_component; }).then((c) => c.AXPPasswordBoxWidgetColumnComponent),
         },
@@ -4281,115 +4154,70 @@ const AXPPasswordBoxWidget = {
     },
 };
 
-class AXPPhoneBoxWidgetViewComponent extends AXPValueWidgetComponent {
+class AXPPhoneBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
-        this.clipboard = inject(AXPClipBoardService);
-        this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
-        this.hasLabel = computed(() => this.options()['hasLabel'], ...(ngDevMode ? [{ debugName: "hasLabel" }] : []));
-        this.internalValue = computed(() => this.getValue()
-            ? Array.isArray(this.getValue())
-                ? this.getValue().map((item) => this.extractItem(item))
-                : [this.extractItem(this.getValue())]
-            : [], ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
+        this.list = computed(() => Array.isArray(this.rawValue) ? this.rawValue.map((c) => this.extractItem(c)) : [this.extractItem(this.rawValue)], ...(ngDevMode ? [{ debugName: "list" }] : []));
+        this.text = computed(() => this.list()
+            .map((item) => item.value)
+            .join('\n'), ...(ngDevMode ? [{ debugName: "text" }] : []));
+    }
+    dot3(text) {
+        console.log(text);
+        if (this.multiple)
+            return text.split('\n')[0] + '...';
+        else
+            return text.split('\n')[0];
     }
     extractItem(item) {
         return typeof item == 'object'
             ? {
                 value: item.value ?? '-',
-                type: item.type ?? 'mobile',
+                type: item.type ?? 'primary',
                 label: item.label,
             }
             : {
                 value: item,
-                type: 'mobile',
+                type: 'primary',
                 label: null,
             };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPPhoneBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
-      @if (multiple()) {
-        @for(item of internalValue();track item?.value) {
-          <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-        }
-      }
-    
-      @if (!multiple()) {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
-      }
-    
-      <ng-template #itemTemplate let-item="data">
-        @if (item) {
-          <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
-            <div class="ax-flex ax-flex-1 ax-gap-3 ax-items-center ax-w-max ax-group">
-              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
-                <i class="fa-solid ax-text-neutral-400 fa-phone"></i>
-              </div>
-              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
-              <span
-                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-                (click)="clipboard.copy('Phone Number', item.value)"
-                >
-                <i class="fa-solid fa-copy "></i>
-              </span>
-              @if(hasLabel()){
-                <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
-              }
-            </div>
-          </div>
-        }
-      </ng-template>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPPhoneBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `<div>
+    @if(multiple && list.length>1){
+    <div [title]="text()">{{ dot3(text()) }}</div>
+    }@else {
+    <div>
+      @if(list() && list().length){
+      {{ list()[0].value }}
+      }@else { - }
     </div>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    }
+  </div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
-      @if (multiple()) {
-        @for(item of internalValue();track item?.value) {
-          <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-        }
-      }
-    
-      @if (!multiple()) {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
-      }
-    
-      <ng-template #itemTemplate let-item="data">
-        @if (item) {
-          <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
-            <div class="ax-flex ax-flex-1 ax-gap-3 ax-items-center ax-w-max ax-group">
-              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
-                <i class="fa-solid ax-text-neutral-400 fa-phone"></i>
-              </div>
-              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
-              <span
-                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-                (click)="clipboard.copy('Phone Number', item.value)"
-                >
-                <i class="fa-solid fa-copy "></i>
-              </span>
-              @if(hasLabel()){
-                <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
-              }
-            </div>
-          </div>
-        }
-      </ng-template>
+                    template: `<div>
+    @if(multiple && list.length>1){
+    <div [title]="text()">{{ dot3(text()) }}</div>
+    }@else {
+    <div>
+      @if(list() && list().length){
+      {{ list()[0].value }}
+      }@else { - }
     </div>
-    `,
+    }
+  </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXBadgeModule],
-                    inputs: []
+                    imports: [],
+                    inputs: ['rawValue', 'rowData']
                 }]
         }] });
 
-var phoneBoxWidgetView_component = /*#__PURE__*/Object.freeze({
+var phoneBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPPhoneBoxWidgetViewComponent: AXPPhoneBoxWidgetViewComponent
+    AXPPhoneBoxWidgetColumnComponent: AXPPhoneBoxWidgetColumnComponent
 });
 
 class AXPPhoneBoxWidgetEditComponent extends AXPValueWidgetComponent {
@@ -4627,108 +4455,134 @@ var phoneBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPPhoneBoxWidgetEditComponent: AXPPhoneBoxWidgetEditComponent
 });
 
-class AXPPhoneBoxWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPPhoneBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class AXPPhoneBoxWidgetPrintComponent extends AXPValueWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPPhoneBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
+                    imports: [],
                     inputs: []
                 }]
         }] });
 
-var phoneBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
+var phoneBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPPhoneBoxWidgetFilterComponent: AXPPhoneBoxWidgetFilterComponent
+    AXPPhoneBoxWidgetPrintComponent: AXPPhoneBoxWidgetPrintComponent
 });
 
-class AXPPhoneBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
+class AXPPhoneBoxWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.list = computed(() => Array.isArray(this.rawValue) ? this.rawValue.map((c) => this.extractItem(c)) : [this.extractItem(this.rawValue)], ...(ngDevMode ? [{ debugName: "list" }] : []));
-        this.text = computed(() => this.list()
-            .map((item) => item.value)
-            .join('\n'), ...(ngDevMode ? [{ debugName: "text" }] : []));
-    }
-    dot3(text) {
-        console.log(text);
-        if (this.multiple)
-            return text.split('\n')[0] + '...';
-        else
-            return text.split('\n')[0];
+        this.clipboard = inject(AXPClipBoardService);
+        this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+        this.hasLabel = computed(() => this.options()['hasLabel'], ...(ngDevMode ? [{ debugName: "hasLabel" }] : []));
+        this.internalValue = computed(() => this.getValue()
+            ? Array.isArray(this.getValue())
+                ? this.getValue().map((item) => this.extractItem(item))
+                : [this.extractItem(this.getValue())]
+            : [], ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
     }
     extractItem(item) {
         return typeof item == 'object'
             ? {
                 value: item.value ?? '-',
-                type: item.type ?? 'primary',
+                type: item.type ?? 'mobile',
                 label: item.label,
             }
             : {
                 value: item,
-                type: 'primary',
+                type: 'mobile',
                 label: null,
             };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPPhoneBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `<div>
-    @if(multiple && list.length>1){
-    <div [title]="text()">{{ dot3(text()) }}</div>
-    }@else {
-    <div>
-      @if(list() && list().length){
-      {{ list()[0].value }}
-      }@else { - }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPPhoneBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
+      @if (multiple()) {
+        @for(item of internalValue();track item?.value) {
+          <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+        }
+      }
+    
+      @if (!multiple()) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+      }
+    
+      <ng-template #itemTemplate let-item="data">
+        @if (item) {
+          <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
+            <div class="ax-flex ax-flex-1 ax-gap-3 ax-items-center ax-w-max ax-group">
+              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
+                <i class="fa-solid ax-text-neutral-400 fa-phone"></i>
+              </div>
+              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
+              <span
+                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+                (click)="clipboard.copy('Phone Number', item.value)"
+                >
+                <i class="fa-solid fa-copy "></i>
+              </span>
+              @if(hasLabel()){
+                <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
+              }
+            </div>
+          </div>
+        }
+      </ng-template>
     </div>
-    }
-  </div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `<div>
-    @if(multiple && list.length>1){
-    <div [title]="text()">{{ dot3(text()) }}</div>
-    }@else {
-    <div>
-      @if(list() && list().length){
-      {{ list()[0].value }}
-      }@else { - }
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
+      @if (multiple()) {
+        @for(item of internalValue();track item?.value) {
+          <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+        }
+      }
+    
+      @if (!multiple()) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+      }
+    
+      <ng-template #itemTemplate let-item="data">
+        @if (item) {
+          <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
+            <div class="ax-flex ax-flex-1 ax-gap-3 ax-items-center ax-w-max ax-group">
+              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
+                <i class="fa-solid ax-text-neutral-400 fa-phone"></i>
+              </div>
+              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
+              <span
+                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+                (click)="clipboard.copy('Phone Number', item.value)"
+                >
+                <i class="fa-solid fa-copy "></i>
+              </span>
+              @if(hasLabel()){
+                <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
+              }
+            </div>
+          </div>
+        }
+      </ng-template>
     </div>
-    }
-  </div>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    inputs: ['rawValue', 'rowData']
-                }]
-        }] });
-
-var phoneBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPPhoneBoxWidgetColumnComponent: AXPPhoneBoxWidgetColumnComponent
-});
-
-class AXPPhoneBoxWidgetPrintComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPPhoneBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPPhoneBoxWidgetPrintComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
+    `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
+                    imports: [CommonModule, AXBadgeModule],
                     inputs: []
                 }]
         }] });
 
-var phoneBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
+var phoneBoxWidgetView_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPPhoneBoxWidgetPrintComponent: AXPPhoneBoxWidgetPrintComponent
+    AXPPhoneBoxWidgetViewComponent: AXPPhoneBoxWidgetViewComponent
 });
 
 const AXPPhoneBoxWidget = {
@@ -4752,9 +4606,6 @@ const AXPPhoneBoxWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return phoneBoxWidgetEdit_component; }).then((c) => c.AXPPhoneBoxWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return phoneBoxWidgetFilter_component; }).then((c) => c.AXPPhoneBoxWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return phoneBoxWidgetColumn_component; }).then((c) => c.AXPPhoneBoxWidgetColumnComponent),
             properties: [AXP_TABLE_COLUMN_WIDTH_PROPERTY],
@@ -4768,7 +4619,7 @@ const AXPPhoneBoxWidget = {
     },
 };
 
-class AXPRichTextWidgetViewComponent extends AXPValueWidgetComponent {
+class AXPRichTextWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
         this.popupService = inject(AXPopupService);
@@ -4776,49 +4627,48 @@ class AXPRichTextWidgetViewComponent extends AXPValueWidgetComponent {
     }
     async openPopup() {
         const { AXPRichTextPopupComponent } = await import('./acorex-platform-widgets-rich-text-popup.component-Cydlpsat.mjs');
+        const html = this.rawValue;
         this.popupService.open(AXPRichTextPopupComponent, {
             size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
             header: true,
             closeOnBackdropClick: true,
             closeButton: true,
             draggable: true,
+            //TODO access to title property
             title: this.path ?? '',
             data: {
-                html: this.getValue(),
+                html,
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPRichTextWidgetViewComponent, isStandalone: true, selector: "axp-rich-text-widget", usesInheritance: true, ngImport: i0, template: `
-    @if (getValue()) {
-      <span class="ax-truncate ax-underline ax-cursor-pointer ax-text-muted" (click)="openPopup()" [innerHTML]="getValue() | safe : 'html'">
-      </span>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPRichTextWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
+    @if (rawValue) {
+      <span class="ax-truncate ax-underline ax-block ax-w-full ax-cursor-pointer" (click)="openPopup()" [innerHTML]="rawValue | safe : 'html'"> </span>
     } @else {
       <span class="ax-text-muted">---</span>
     }
-  `, isInline: true, dependencies: [{ kind: "pipe", type: AXSafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "pipe", type: AXSafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'axp-rich-text-widget',
                     template: `
-    @if (getValue()) {
-      <span class="ax-truncate ax-underline ax-cursor-pointer ax-text-muted" (click)="openPopup()" [innerHTML]="getValue() | safe : 'html'">
-      </span>
+    @if (rawValue) {
+      <span class="ax-truncate ax-underline ax-block ax-w-full ax-cursor-pointer" (click)="openPopup()" [innerHTML]="rawValue | safe : 'html'"> </span>
     } @else {
       <span class="ax-text-muted">---</span>
     }
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXSafePipe],
-                    inputs: []
+                    imports: [AXDecoratorModule, AXButtonModule, AXSafePipe],
+                    inputs: ['rawValue', 'rowData']
                 }]
         }] });
 
-var richTextWidgetView_component = /*#__PURE__*/Object.freeze({
+var richTextWidgetColumn_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPRichTextWidgetViewComponent: AXPRichTextWidgetViewComponent
+    AXPRichTextWidgetColumnComponent: AXPRichTextWidgetColumnComponent
 });
 
 class AXPRichTextWidgetEditComponent extends AXPValueWidgetComponent {
@@ -4889,7 +4739,7 @@ class AXPRichTextWidgetEditComponent extends AXPValueWidgetComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPRichTextWidgetEditComponent, isStandalone: true, selector: "axp-rich-text-widget", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `<ax-wysiwyg-container
-    [placeHolder]="placeholder()"
+    [placeHolder]="(placeholder() | translate | async)!"
     [disabled]="disabled()"
     [look]="'solid'"
     [ngModel]="getValue()"
@@ -4926,14 +4776,14 @@ class AXPRichTextWidgetEditComponent extends AXPValueWidgetComponent {
         [options]="validation.options"
       ></ax-validation-rule>
     }
-  </ax-wysiwyg-container>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.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: AXWysiwygModule }, { kind: "component", type: i2$5.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i2$5.AXWysiwygViewComponent, selector: "ax-wysiwyg-view", inputs: ["class"] }, { kind: "component", type: i2$5.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i2$5.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i2$5.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i2$5.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i2$5.AXWysiwygInsertComponent, selector: "ax-wysiwyg-insert" }, { kind: "component", type: i2$5.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "component", type: i3$3.AXToolBarComponent, selector: "ax-toolbar" }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i4.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  </ax-wysiwyg-container>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.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: AXWysiwygModule }, { kind: "component", type: i2$5.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i2$5.AXWysiwygViewComponent, selector: "ax-wysiwyg-view", inputs: ["class"] }, { kind: "component", type: i2$5.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i2$5.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i2$5.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i2$5.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i2$5.AXWysiwygInsertComponent, selector: "ax-wysiwyg-insert" }, { kind: "component", type: i2$5.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "component", type: i3$3.AXToolBarComponent, selector: "ax-toolbar" }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i4.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: AXTranslationModule }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-rich-text-widget',
                     template: `<ax-wysiwyg-container
-    [placeHolder]="placeholder()"
+    [placeHolder]="(placeholder() | translate | async)!"
     [disabled]="disabled()"
     [look]="'solid'"
     [ngModel]="getValue()"
@@ -4980,7 +4830,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                         AXValidationModule,
                         AXFormModule,
                         FormsModule,
-                        AXButtonModule
+                        AXButtonModule,
+                        AXTranslationModule,
+                        AsyncPipe
                     ],
                 }]
         }], propDecorators: { __class: [{
@@ -4993,26 +4845,26 @@ var richTextWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPRichTextWidgetEditComponent: AXPRichTextWidgetEditComponent
 });
 
-class AXPRichTextWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPRichTextWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class AXPRichTextWidgetPrintComponent extends AXPValueWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPRichTextWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
+                    imports: [],
                     inputs: []
                 }]
         }] });
 
-var richTextWidgetFilter_component = /*#__PURE__*/Object.freeze({
+var richTextWidgetPrint_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPRichTextWidgetFilterComponent: AXPRichTextWidgetFilterComponent
+    AXPRichTextWidgetPrintComponent: AXPRichTextWidgetPrintComponent
 });
 
-class AXPRichTextWidgetColumnComponent extends AXPColumnWidgetComponent {
+class AXPRichTextWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         this.popupService = inject(AXPopupService);
@@ -5020,67 +4872,49 @@ class AXPRichTextWidgetColumnComponent extends AXPColumnWidgetComponent {
     }
     async openPopup() {
         const { AXPRichTextPopupComponent } = await import('./acorex-platform-widgets-rich-text-popup.component-Cydlpsat.mjs');
-        const html = this.rawValue;
         this.popupService.open(AXPRichTextPopupComponent, {
             size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
             header: true,
             closeOnBackdropClick: true,
             closeButton: true,
             draggable: true,
-            //TODO access to title property
             title: this.path ?? '',
             data: {
-                html,
+                html: this.getValue(),
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPRichTextWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
-    @if (rawValue) {
-      <span class="ax-truncate ax-underline ax-block ax-w-full ax-cursor-pointer" (click)="openPopup()" [innerHTML]="rawValue | safe : 'html'"> </span>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPRichTextWidgetViewComponent, isStandalone: true, selector: "axp-rich-text-widget", usesInheritance: true, ngImport: i0, template: `
+    @if (getValue()) {
+      <span class="ax-truncate ax-underline ax-cursor-pointer ax-text-muted" (click)="openPopup()" [innerHTML]="getValue() | safe : 'html'">
+      </span>
     } @else {
       <span class="ax-text-muted">---</span>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "pipe", type: AXSafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "pipe", type: AXSafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: 'axp-rich-text-widget',
                     template: `
-    @if (rawValue) {
-      <span class="ax-truncate ax-underline ax-block ax-w-full ax-cursor-pointer" (click)="openPopup()" [innerHTML]="rawValue | safe : 'html'"> </span>
+    @if (getValue()) {
+      <span class="ax-truncate ax-underline ax-cursor-pointer ax-text-muted" (click)="openPopup()" [innerHTML]="getValue() | safe : 'html'">
+      </span>
     } @else {
       <span class="ax-text-muted">---</span>
     }
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXDecoratorModule, AXButtonModule, AXSafePipe],
-                    inputs: ['rawValue', 'rowData']
-                }]
-        }] });
-
-var richTextWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPRichTextWidgetColumnComponent: AXPRichTextWidgetColumnComponent
-});
-
-class AXPRichTextWidgetPrintComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPRichTextWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRichTextWidgetPrintComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
+                    imports: [AXSafePipe],
                     inputs: []
                 }]
         }] });
 
-var richTextWidgetPrint_component = /*#__PURE__*/Object.freeze({
+var richTextWidgetView_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPRichTextWidgetPrintComponent: AXPRichTextWidgetPrintComponent
+    AXPRichTextWidgetViewComponent: AXPRichTextWidgetViewComponent
 });
 
 const AXPRichTextWidget = {
@@ -5108,9 +4942,6 @@ const AXPRichTextWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return richTextWidgetEdit_component; }).then((c) => c.AXPRichTextWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return richTextWidgetFilter_component; }).then((c) => c.AXPRichTextWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return richTextWidgetColumn_component; }).then((c) => c.AXPRichTextWidgetColumnComponent),
         },
@@ -5467,68 +5298,79 @@ const AXPSelectBoxWidget = {
     },
 };
 
-class AXPSelectionListWidgetViewComponent extends AXPValueWidgetComponent {
+class AXPSelectionListWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
-        this.items = computed(() => this.options()['items'], ...(ngDevMode ? [{ debugName: "items" }] : []));
-        this.valueField = computed(() => this.options()['valueField'], ...(ngDevMode ? [{ debugName: "valueField" }] : []));
-        this.textField = computed(() => this.options()['textField'], ...(ngDevMode ? [{ debugName: "textField" }] : []));
-        this.imageMode = computed(() => this.options()['imageMode'], ...(ngDevMode ? [{ debugName: "imageMode" }] : []));
-        this.internalValue = computed(() => {
-            return this.items().filter((item) => {
-                if (Array.isArray(this.getValue()))
-                    return this.getValue().includes(item[this.valueField()]);
-                else {
-                    return this.getValue() == item[this.valueField()];
-                }
+        this.valueField = this.options['valueField'];
+        this.textField = this.options['textField'];
+        this.items = this.options['items'];
+        this.multiple = this.options['multiple'];
+        this.imageMode = this.options['imageMode'];
+        this.selectedItemIds = computed(() => {
+            return this.rawValue || [];
+        }, ...(ngDevMode ? [{ debugName: "selectedItemIds" }] : []));
+        this.selectedItems = computed(() => {
+            const selectedIds = this.selectedItemIds();
+            const filteredItems = this.items.filter((item) => {
+                const itemValue = item[this.valueField];
+                const isSelected = selectedIds.includes(itemValue);
+                return isSelected;
             });
-        }, ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
-    }
-    get __class() {
-        const cls = {};
-        cls[`ax-flex`] = true;
-        cls[`ax-gap-1`] = true;
-        return cls;
+            return filteredItems;
+        }, ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
+        this.firstItem = computed(() => {
+            const first = this.selectedItems()[0];
+            return first;
+        }, ...(ngDevMode ? [{ debugName: "firstItem" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPSelectionListWidgetViewComponent, isStandalone: true, selector: "axp-selection-list-widget-view", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
-    @for (item of internalValue(); track $index) {
-      @if (imageMode()) {
-        <img class="ax-w-14 ax-h-14 ax-rounded-sm" [src]="item[this.textField()]" />
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPSelectionListWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: ` <div class="ax-flex ax-gap-2">
+    @if (multiple) {
+      @for (item of selectedItems(); track $index) {
+        @if (imageMode) {
+          <img class="ax-w-10 ax-h-10 ax-rounded-sm" [src]="item[this.textField]" />
+        } @else {
+          <ax-badge [look]="'twotone'" [text]="item[this.textField]" color="primary"></ax-badge>
+        }
+      }
+    } @else {
+      @if (imageMode) {
+        <img class="ax-w-10 ax-h-10 ax-rounded-sm" [src]="firstItem()[this.textField]" />
       } @else {
-        <ax-badge class="ax-p-0.5" [color]="'surface'" [text]="item[this.textField()]"></ax-badge>
+        <ax-badge [look]="'twotone'" [text]="firstItem()[this.textField]" color="primary"></ax-badge>
       }
-    } @empty {
-      <span class="ax-text-muted">---</span>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'axp-selection-list-widget-view',
-                    template: `
-    @for (item of internalValue(); track $index) {
-      @if (imageMode()) {
-        <img class="ax-w-14 ax-h-14 ax-rounded-sm" [src]="item[this.textField()]" />
+                    template: ` <div class="ax-flex ax-gap-2">
+    @if (multiple) {
+      @for (item of selectedItems(); track $index) {
+        @if (imageMode) {
+          <img class="ax-w-10 ax-h-10 ax-rounded-sm" [src]="item[this.textField]" />
+        } @else {
+          <ax-badge [look]="'twotone'" [text]="item[this.textField]" color="primary"></ax-badge>
+        }
+      }
+    } @else {
+      @if (imageMode) {
+        <img class="ax-w-10 ax-h-10 ax-rounded-sm" [src]="firstItem()[this.textField]" />
       } @else {
-        <ax-badge class="ax-p-0.5" [color]="'surface'" [text]="item[this.textField()]"></ax-badge>
+        <ax-badge [look]="'twotone'" [text]="firstItem()[this.textField]" color="primary"></ax-badge>
       }
-    } @empty {
-      <span class="ax-text-muted">---</span>
     }
-  `,
+  </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [AXBadgeModule],
+                    inputs: ['rawValue', 'rowData'],
                 }]
-        }], propDecorators: { __class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 
-var selectionListWidgetView_component = /*#__PURE__*/Object.freeze({
+var selectionListWidgetColumn_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPSelectionListWidgetViewComponent: AXPSelectionListWidgetViewComponent
+    AXPSelectionListWidgetColumnComponent: AXPSelectionListWidgetColumnComponent
 });
 
 class AXPSelectionListWidgetDesignerComponent extends AXPDataListWidgetComponent {
@@ -5723,117 +5565,87 @@ var selectionListWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPSelectionListWidgetEditComponent: AXPSelectionListWidgetEditComponent
 });
 
-class AXPSelectionListWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPSelectionListWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class AXPSelectionListWidgetPrintComponent extends AXPValueWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPSelectionListWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
+                    imports: [],
                     inputs: []
                 }]
         }] });
 
-var selectionListWidgetFilter_component = /*#__PURE__*/Object.freeze({
+var selectionListWidgetPrint_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPSelectionListWidgetFilterComponent: AXPSelectionListWidgetFilterComponent
+    AXPSelectionListWidgetPrintComponent: AXPSelectionListWidgetPrintComponent
 });
 
-class AXPSelectionListWidgetColumnComponent extends AXPColumnWidgetComponent {
+class AXPSelectionListWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.valueField = this.options['valueField'];
-        this.textField = this.options['textField'];
-        this.items = this.options['items'];
-        this.multiple = this.options['multiple'];
-        this.imageMode = this.options['imageMode'];
-        this.selectedItemIds = computed(() => {
-            return this.rawValue || [];
-        }, ...(ngDevMode ? [{ debugName: "selectedItemIds" }] : []));
-        this.selectedItems = computed(() => {
-            const selectedIds = this.selectedItemIds();
-            const filteredItems = this.items.filter((item) => {
-                const itemValue = item[this.valueField];
-                const isSelected = selectedIds.includes(itemValue);
-                return isSelected;
+        this.items = computed(() => this.options()['items'], ...(ngDevMode ? [{ debugName: "items" }] : []));
+        this.valueField = computed(() => this.options()['valueField'], ...(ngDevMode ? [{ debugName: "valueField" }] : []));
+        this.textField = computed(() => this.options()['textField'], ...(ngDevMode ? [{ debugName: "textField" }] : []));
+        this.imageMode = computed(() => this.options()['imageMode'], ...(ngDevMode ? [{ debugName: "imageMode" }] : []));
+        this.internalValue = computed(() => {
+            return this.items().filter((item) => {
+                if (Array.isArray(this.getValue()))
+                    return this.getValue().includes(item[this.valueField()]);
+                else {
+                    return this.getValue() == item[this.valueField()];
+                }
             });
-            return filteredItems;
-        }, ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
-        this.firstItem = computed(() => {
-            const first = this.selectedItems()[0];
-            return first;
-        }, ...(ngDevMode ? [{ debugName: "firstItem" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPSelectionListWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: ` <div class="ax-flex ax-gap-2">
-    @if (multiple) {
-      @for (item of selectedItems(); track $index) {
-        @if (imageMode) {
-          <img class="ax-w-10 ax-h-10 ax-rounded-sm" [src]="item[this.textField]" />
-        } @else {
-          <ax-badge [look]="'twotone'" [text]="item[this.textField]" color="primary"></ax-badge>
-        }
-      }
-    } @else {
-      @if (imageMode) {
-        <img class="ax-w-10 ax-h-10 ax-rounded-sm" [src]="firstItem()[this.textField]" />
+    get __class() {
+        const cls = {};
+        cls[`ax-flex`] = true;
+        cls[`ax-gap-1`] = true;
+        return cls;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPSelectionListWidgetViewComponent, isStandalone: true, selector: "axp-selection-list-widget-view", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    @for (item of internalValue(); track $index) {
+      @if (imageMode()) {
+        <img class="ax-w-14 ax-h-14 ax-rounded-sm" [src]="item[this.textField()]" />
       } @else {
-        <ax-badge [look]="'twotone'" [text]="firstItem()[this.textField]" color="primary"></ax-badge>
+        <ax-badge class="ax-p-0.5" [color]="'surface'" [text]="item[this.textField()]"></ax-badge>
       }
+    } @empty {
+      <span class="ax-text-muted">---</span>
     }
-  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ` <div class="ax-flex ax-gap-2">
-    @if (multiple) {
-      @for (item of selectedItems(); track $index) {
-        @if (imageMode) {
-          <img class="ax-w-10 ax-h-10 ax-rounded-sm" [src]="item[this.textField]" />
-        } @else {
-          <ax-badge [look]="'twotone'" [text]="item[this.textField]" color="primary"></ax-badge>
-        }
-      }
-    } @else {
-      @if (imageMode) {
-        <img class="ax-w-10 ax-h-10 ax-rounded-sm" [src]="firstItem()[this.textField]" />
+                    selector: 'axp-selection-list-widget-view',
+                    template: `
+    @for (item of internalValue(); track $index) {
+      @if (imageMode()) {
+        <img class="ax-w-14 ax-h-14 ax-rounded-sm" [src]="item[this.textField()]" />
       } @else {
-        <ax-badge [look]="'twotone'" [text]="firstItem()[this.textField]" color="primary"></ax-badge>
+        <ax-badge class="ax-p-0.5" [color]="'surface'" [text]="item[this.textField()]"></ax-badge>
       }
+    } @empty {
+      <span class="ax-text-muted">---</span>
     }
-  </div>`,
+  `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [AXBadgeModule],
-                    inputs: ['rawValue', 'rowData'],
-                }]
-        }] });
-
-var selectionListWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPSelectionListWidgetColumnComponent: AXPSelectionListWidgetColumnComponent
-});
-
-class AXPSelectionListWidgetPrintComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPSelectionListWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPSelectionListWidgetPrintComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    inputs: []
                 }]
-        }] });
+        }], propDecorators: { __class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
-var selectionListWidgetPrint_component = /*#__PURE__*/Object.freeze({
+var selectionListWidgetView_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPSelectionListWidgetPrintComponent: AXPSelectionListWidgetPrintComponent
+    AXPSelectionListWidgetViewComponent: AXPSelectionListWidgetViewComponent
 });
 
 const AXPSelectionListWidget = {
@@ -5863,9 +5675,6 @@ const AXPSelectionListWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return selectionListWidgetEdit_component; }).then((c) => c.AXPSelectionListWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return selectionListWidgetFilter_component; }).then((c) => c.AXPSelectionListWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return selectionListWidgetColumn_component; }).then((c) => c.AXPSelectionListWidgetColumnComponent),
         },
@@ -6153,26 +5962,6 @@ var templateBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPTemplateBoxWidgetEditComponent: AXPTemplateBoxWidgetEditComponent
 });
 
-class AXPTemplateBoxWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTemplateBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPTemplateBoxWidgetFilterComponent, isStandalone: true, selector: "axp-template-box-widget-filter", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTemplateBoxWidgetFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-template-box-widget-filter',
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
-                    inputs: [],
-                }]
-        }] });
-
-var templateBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTemplateBoxWidgetFilterComponent: AXPTemplateBoxWidgetFilterComponent
-});
-
 class AXPTemplateBoxWidgetPrintComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
@@ -6274,9 +6063,6 @@ const AXPTemplateBoxWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return templateBoxWidgetEdit_component; }).then((c) => c.AXPTemplateBoxWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return templateBoxWidgetFilter_component; }).then((c) => c.AXPTemplateBoxWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return templateBoxWidgetColumn_component; }).then((c) => c.AXPTemplateBoxWidgetColumnComponent),
         },
@@ -6289,71 +6075,38 @@ const AXPTemplateBoxWidget = {
     },
 };
 
-class AXPTextBoxWidgetViewComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
-        this.multiple = computed(() => this.options()["multiple"], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTextBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPTextBoxWidgetViewComponent, isStandalone: true, selector: "axp-text-box-widget", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-text-muted">
-      @if(multiple())
-      { 
-        @for (item of internalValue(); track $index) {
-          @if (item) {
-            <p>{{ item }}</p>
-          }
-          @else {
-            <p class="ax-text-muted">---</p>
-          }
-        } 
-      }@else {
-        @if (internalValue()[0]) {
-          <p>{{ internalValue()[0] }}</p>
-        }
-        @else {
-          <p class="ax-text-muted">---</p>
-        }
-      }
-    </div>
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class AXPTextBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPTextBoxWidgetColumnComponent, isStandalone: true, selector: "axp-text-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
+    @if (rawValue) {
+      {{ rawValue }}
+    } 
+    @else {
+      <span class="ax-text-muted">---</span>
+    }
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTextBoxWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'axp-text-box-widget',
+                    selector: 'axp-text-box-widget-column',
                     template: `
-    <div class="ax-text-muted">
-      @if(multiple())
-      { 
-        @for (item of internalValue(); track $index) {
-          @if (item) {
-            <p>{{ item }}</p>
-          }
-          @else {
-            <p class="ax-text-muted">---</p>
-          }
-        } 
-      }@else {
-        @if (internalValue()[0]) {
-          <p>{{ internalValue()[0] }}</p>
-        }
-        @else {
-          <p class="ax-text-muted">---</p>
-        }
-      }
-    </div>
-  `,
+    @if (rawValue) {
+      {{ rawValue }}
+    } 
+    @else {
+      <span class="ax-text-muted">---</span>
+    }
+    `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [],
-                    inputs: []
+                    inputs: ['rawValue', 'rowData']
                 }]
         }] });
 
-var textBoxWidgetView_component = /*#__PURE__*/Object.freeze({
+var textBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPTextBoxWidgetViewComponent: AXPTextBoxWidgetViewComponent
+    AXPTextBoxWidgetColumnComponent: AXPTextBoxWidgetColumnComponent
 });
 
 class AXPTextBoxWidgetEditComponent extends AXPValueWidgetComponent {
@@ -6449,7 +6202,7 @@ class AXPTextBoxWidgetEditComponent extends AXPValueWidgetComponent {
           (onValueChanged)="handleValueChange($event, $index)"
           [disabled]="disabled()"
           [readonly]="readonly()"
-          [placeholder]="placeholder()"
+          [placeholder]="placeholder() | translate | async"
         >
           @for (validation of validationRules(); track $index) {
             <ax-validation-rule
@@ -6493,7 +6246,7 @@ class AXPTextBoxWidgetEditComponent extends AXPValueWidgetComponent {
         </ax-button>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i1$2.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i4.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i2$1.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: AXValidationModule }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i1$2.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i4.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i2$1.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: AXValidationModule }, { 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: AXTranslationModule }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTextBoxWidgetEditComponent, decorators: [{
             type: Component,
@@ -6509,7 +6262,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
           (onValueChanged)="handleValueChange($event, $index)"
           [disabled]="disabled()"
           [readonly]="readonly()"
-          [placeholder]="placeholder()"
+          [placeholder]="placeholder() | translate | async"
         >
           @for (validation of validationRules(); track $index) {
             <ax-validation-rule
@@ -6555,7 +6308,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
     </div>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXTextBoxModule, FormsModule, AXFormModule, AXDecoratorModule, AXValidationModule, AXButtonModule],
+                    imports: [AXTextBoxModule, FormsModule, AXFormModule, AXDecoratorModule, AXValidationModule, AXButtonModule, AXTranslationModule, AsyncPipe],
                     inputs: [],
                 }]
         }], propDecorators: { __class: [{
@@ -6568,59 +6321,6 @@ var textBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPTextBoxWidgetEditComponent: AXPTextBoxWidgetEditComponent
 });
 
-class AXPTextBoxWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTextBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPTextBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTextBoxWidgetFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
-                    inputs: []
-                }]
-        }] });
-
-var textBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTextBoxWidgetFilterComponent: AXPTextBoxWidgetFilterComponent
-});
-
-class AXPTextBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPTextBoxWidgetColumnComponent, isStandalone: true, selector: "axp-text-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
-    @if (rawValue) {
-      {{ rawValue }}
-    } 
-    @else {
-      <span class="ax-text-muted">---</span>
-    }
-    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-text-box-widget-column',
-                    template: `
-    @if (rawValue) {
-      {{ rawValue }}
-    } 
-    @else {
-      <span class="ax-text-muted">---</span>
-    }
-    `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    inputs: ['rawValue', 'rowData']
-                }]
-        }] });
-
-var textBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTextBoxWidgetColumnComponent: AXPTextBoxWidgetColumnComponent
-});
-
 let AXPTextBoxWidgetPrintComponent$1 = class AXPTextBoxWidgetPrintComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTextBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPTextBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -6640,216 +6340,116 @@ var textBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
     AXPTextBoxWidgetPrintComponent: AXPTextBoxWidgetPrintComponent$1
 });
 
-const AXPTextBoxWidget = {
-    name: 'text-editor',
-    title: 'Text Box',
-    icon: 'fa-light fa-input-text',
-    description: 'Inputs single-line text',
-    categories: AXP_WIDGETS_EDITOR_CATEGORY,
-    groups: [AXPWidgetGroupEnum.FormElement],
-    type: 'editor',
-    defaultFilterWidgetName: 'string-filter',
-    properties: [
-        AXP_NAME_PROPERTY,
-        AXP_DATA_PATH_PROPERTY,
-        AXP_ALLOW_MULTIPLE_PROPERTY,
-        AXP_DISABLED_PROPERTY,
-        AXP_READONLY_PROPERTY,
-        AXP_PLACEHOLDER_PROPERTY,
-        AXP_HAS_CLEAR_BUTTON_PROPERTY,
-        plainTextDefaultProperty(),
-        //
-        AXP_REQUIRED_VALIDATION_PROPERTY,
-        AXP_MIN_LENGTH_VALIDATION_PROPERTY,
-        AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY,
-        AXP_MAX_LENGTH_VALIDATION_PROPERTY,
-    ],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return textBoxWidgetView_component; }).then((c) => c.AXPTextBoxWidgetViewComponent),
-        },
-        edit: {
-            component: () => Promise.resolve().then(function () { return textBoxWidgetEdit_component; }).then((c) => c.AXPTextBoxWidgetEditComponent),
-        },
-        filter: {
-            component: () => Promise.resolve().then(function () { return textBoxWidgetFilter_component; }).then((c) => c.AXPTextBoxWidgetFilterComponent),
-        },
-        column: {
-            component: () => Promise.resolve().then(function () { return textBoxWidgetColumn_component; }).then((c) => c.AXPTextBoxWidgetColumnComponent),
-        },
-        print: {
-            component: () => Promise.resolve().then(function () { return textBoxWidgetPrint_component; }).then((c) => c.AXPTextBoxWidgetPrintComponent),
-        },
-        designer: {
-            component: () => Promise.resolve().then(function () { return textBoxWidgetEdit_component; }).then((c) => c.AXPTextBoxWidgetEditComponent),
-        },
-    },
-};
-
-class AXPToggleWidgetViewComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.negative = computed(() => this.options()['negative'], ...(ngDevMode ? [{ debugName: "negative" }] : []));
-        this.falsyText = computed(() => this.options()['falsyText'], ...(ngDevMode ? [{ debugName: "falsyText" }] : []));
-        this.trulyText = computed(() => this.options()['trulyText'], ...(ngDevMode ? [{ debugName: "trulyText" }] : []));
-        this.nullText = computed(() => this.options()['nullText'], ...(ngDevMode ? [{ debugName: "nullText" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPToggleWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPToggleWidgetViewComponent, isStandalone: true, selector: "axp-switch-widget-view", usesInheritance: true, ngImport: i0, template: ` 
-  @if(getValue() === null || getValue() === undefined){
-    @if (nullText()) {
-      <span>{{nullText()}}</span>
-    }@else {
-      <span>---</span>
-    }
-  }
-  @else if (getValue()) {
-      @if (trulyText()) {
-        <ax-badge [text]="trulyText()" [color]="negative() ? 'danger' : 'success'" [look]="'twotone'"></ax-badge>
-      } @else {
-        @if (negative()) {
-          <ax-icon class="fa-solid fa-xmark  ax-text-danger-500"> </ax-icon>
-        } @else {
-          <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
-        }
-      }
-    } @else {
-      @if (falsyText()) {
-        <ax-badge [text]="falsyText()" [color]="negative() ? 'success' : 'danger'" [look]="'twotone'"></ax-badge>
-      } @else {
-        @if (negative()) {
-          <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
-        } @else {
-          <ax-icon class="fa-solid fa-xmark  ax-text-danger-500"> </ax-icon>
-        }
-      }
-    }`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPToggleWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-switch-widget-view',
-                    template: ` 
-  @if(getValue() === null || getValue() === undefined){
-    @if (nullText()) {
-      <span>{{nullText()}}</span>
-    }@else {
-      <span>---</span>
-    }
-  }
-  @else if (getValue()) {
-      @if (trulyText()) {
-        <ax-badge [text]="trulyText()" [color]="negative() ? 'danger' : 'success'" [look]="'twotone'"></ax-badge>
-      } @else {
-        @if (negative()) {
-          <ax-icon class="fa-solid fa-xmark  ax-text-danger-500"> </ax-icon>
-        } @else {
-          <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
-        }
-      }
-    } @else {
-      @if (falsyText()) {
-        <ax-badge [text]="falsyText()" [color]="negative() ? 'success' : 'danger'" [look]="'twotone'"></ax-badge>
-      } @else {
-        @if (negative()) {
-          <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
-        } @else {
-          <ax-icon class="fa-solid fa-xmark  ax-text-danger-500"> </ax-icon>
-        }
-      }
-    }`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXDecoratorModule, AXBadgeModule],
-                }]
-        }] });
-
-var toggleWidgetView_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPToggleWidgetViewComponent: AXPToggleWidgetViewComponent
-});
-
-class AXPToggleWidgetEditComponent extends AXPValueWidgetComponent {
+class AXPTextBoxWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.disabled = computed(() => this.options()['disabled'], ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-        this.readonly = computed(() => this.options()['readonly'], ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-        this.label = computed(() => this.options()['label'], ...(ngDevMode ? [{ debugName: "label" }] : []));
-        this.color = computed(() => this.options()['color']?.id ?? 'primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
-    }
-    get __class() {
-        const cls = {};
-        //
-        cls['ax-inline-block'] = true;
-        return cls;
+        this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
+        this.multiple = computed(() => this.options()["multiple"], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPToggleWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPToggleWidgetEditComponent, isStandalone: true, selector: "axp-switch-widget-edit", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-flex ax-items-center ax-gap-2">
-      <ax-switch
-        [ngModel]="this.getValue()"
-        [disabled]="disabled()"
-        [readonly]="readonly()"
-        [color]="color()"
-        (onValueChanged)="handleValueChanged($event)"
-      >
-      </ax-switch>
-      @if (label()) {
-        <ax-label [textContent]="label()"></ax-label>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTextBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPTextBoxWidgetViewComponent, isStandalone: true, selector: "axp-text-box-widget", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-text-muted">
+      @if(multiple())
+      { 
+        @for (item of internalValue(); track $index) {
+          @if (item) {
+            <p>{{ item }}</p>
+          }
+          @else {
+            <p class="ax-text-muted">---</p>
+          }
+        } 
+      }@else {
+        @if (internalValue()[0]) {
+          <p>{{ internalValue()[0] }}</p>
+        }
+        @else {
+          <p class="ax-text-muted">---</p>
+        }
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "component", type: i2$7.AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$3.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPToggleWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTextBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'axp-switch-widget-edit',
+                    selector: 'axp-text-box-widget',
                     template: `
-    <div class="ax-flex ax-items-center ax-gap-2">
-      <ax-switch
-        [ngModel]="this.getValue()"
-        [disabled]="disabled()"
-        [readonly]="readonly()"
-        [color]="color()"
-        (onValueChanged)="handleValueChanged($event)"
-      >
-      </ax-switch>
-      @if (label()) {
-        <ax-label [textContent]="label()"></ax-label>
+    <div class="ax-text-muted">
+      @if(multiple())
+      { 
+        @for (item of internalValue(); track $index) {
+          @if (item) {
+            <p>{{ item }}</p>
+          }
+          @else {
+            <p class="ax-text-muted">---</p>
+          }
+        } 
+      }@else {
+        @if (internalValue()[0]) {
+          <p>{{ internalValue()[0] }}</p>
+        }
+        @else {
+          <p class="ax-text-muted">---</p>
+        }
       }
     </div>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule, AXFormModule, AXSwitchModule, AXValidationModule, AXLabelModule],
-                }]
-        }], propDecorators: { __class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-var toggleWidgetEdit_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPToggleWidgetEditComponent: AXPToggleWidgetEditComponent
-});
-
-class AXPToggleWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPToggleWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPToggleWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPToggleWidgetFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
+                    imports: [],
                     inputs: []
                 }]
         }] });
 
-var toggleWidgetFilter_component = /*#__PURE__*/Object.freeze({
+var textBoxWidgetView_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPToggleWidgetFilterComponent: AXPToggleWidgetFilterComponent
+    AXPTextBoxWidgetViewComponent: AXPTextBoxWidgetViewComponent
 });
 
+const AXPTextBoxWidget = {
+    name: 'text-editor',
+    title: 'Text Box',
+    icon: 'fa-light fa-input-text',
+    description: 'Inputs single-line text',
+    categories: AXP_WIDGETS_EDITOR_CATEGORY,
+    groups: [AXPWidgetGroupEnum.FormElement],
+    type: 'editor',
+    defaultFilterWidgetName: 'string-filter',
+    properties: [
+        AXP_NAME_PROPERTY,
+        AXP_DATA_PATH_PROPERTY,
+        AXP_ALLOW_MULTIPLE_PROPERTY,
+        AXP_DISABLED_PROPERTY,
+        AXP_READONLY_PROPERTY,
+        AXP_PLACEHOLDER_PROPERTY,
+        AXP_HAS_CLEAR_BUTTON_PROPERTY,
+        plainTextDefaultProperty(),
+        //
+        AXP_REQUIRED_VALIDATION_PROPERTY,
+        AXP_MIN_LENGTH_VALIDATION_PROPERTY,
+        AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY,
+        AXP_MAX_LENGTH_VALIDATION_PROPERTY,
+    ],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return textBoxWidgetView_component; }).then((c) => c.AXPTextBoxWidgetViewComponent),
+        },
+        edit: {
+            component: () => Promise.resolve().then(function () { return textBoxWidgetEdit_component; }).then((c) => c.AXPTextBoxWidgetEditComponent),
+        },
+        column: {
+            component: () => Promise.resolve().then(function () { return textBoxWidgetColumn_component; }).then((c) => c.AXPTextBoxWidgetColumnComponent),
+        },
+        print: {
+            component: () => Promise.resolve().then(function () { return textBoxWidgetPrint_component; }).then((c) => c.AXPTextBoxWidgetPrintComponent),
+        },
+        designer: {
+            component: () => Promise.resolve().then(function () { return textBoxWidgetEdit_component; }).then((c) => c.AXPTextBoxWidgetEditComponent),
+        },
+    },
+};
+
 class AXPToggleWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
@@ -6966,6 +6566,69 @@ var toggleWidgetColumn_component = /*#__PURE__*/Object.freeze({
     AXPToggleWidgetColumnComponent: AXPToggleWidgetColumnComponent
 });
 
+class AXPToggleWidgetEditComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.disabled = computed(() => this.options()['disabled'], ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.readonly = computed(() => this.options()['readonly'], ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+        this.label = computed(() => this.options()['label'], ...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.color = computed(() => this.options()['color']?.id ?? 'primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
+    }
+    get __class() {
+        const cls = {};
+        //
+        cls['ax-inline-block'] = true;
+        return cls;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPToggleWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPToggleWidgetEditComponent, isStandalone: true, selector: "axp-switch-widget-edit", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex ax-items-center ax-gap-2">
+      <ax-switch
+        [ngModel]="this.getValue()"
+        [disabled]="disabled()"
+        [readonly]="readonly()"
+        [color]="color()"
+        (onValueChanged)="handleValueChanged($event)"
+      >
+      </ax-switch>
+      @if (label()) {
+        <ax-label [textContent]="label()"></ax-label>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "component", type: i2$7.AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$3.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPToggleWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-switch-widget-edit',
+                    template: `
+    <div class="ax-flex ax-items-center ax-gap-2">
+      <ax-switch
+        [ngModel]="this.getValue()"
+        [disabled]="disabled()"
+        [readonly]="readonly()"
+        [color]="color()"
+        (onValueChanged)="handleValueChanged($event)"
+      >
+      </ax-switch>
+      @if (label()) {
+        <ax-label [textContent]="label()"></ax-label>
+      }
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [FormsModule, AXFormModule, AXSwitchModule, AXValidationModule, AXLabelModule],
+                }]
+        }], propDecorators: { __class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var toggleWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPToggleWidgetEditComponent: AXPToggleWidgetEditComponent
+});
+
 class AXPToggleWidgetPrintComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPToggleWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPToggleWidgetPrintComponent, isStandalone: true, selector: "axp-swith-widget-print", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -6986,6 +6649,88 @@ var toggleWidgetPrint_component = /*#__PURE__*/Object.freeze({
     AXPToggleWidgetPrintComponent: AXPToggleWidgetPrintComponent
 });
 
+class AXPToggleWidgetViewComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.negative = computed(() => this.options()['negative'], ...(ngDevMode ? [{ debugName: "negative" }] : []));
+        this.falsyText = computed(() => this.options()['falsyText'], ...(ngDevMode ? [{ debugName: "falsyText" }] : []));
+        this.trulyText = computed(() => this.options()['trulyText'], ...(ngDevMode ? [{ debugName: "trulyText" }] : []));
+        this.nullText = computed(() => this.options()['nullText'], ...(ngDevMode ? [{ debugName: "nullText" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPToggleWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPToggleWidgetViewComponent, isStandalone: true, selector: "axp-switch-widget-view", usesInheritance: true, ngImport: i0, template: ` 
+  @if(getValue() === null || getValue() === undefined){
+    @if (nullText()) {
+      <span>{{nullText()}}</span>
+    }@else {
+      <span>---</span>
+    }
+  }
+  @else if (getValue()) {
+      @if (trulyText()) {
+        <ax-badge [text]="trulyText()" [color]="negative() ? 'danger' : 'success'" [look]="'twotone'"></ax-badge>
+      } @else {
+        @if (negative()) {
+          <ax-icon class="fa-solid fa-xmark  ax-text-danger-500"> </ax-icon>
+        } @else {
+          <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
+        }
+      }
+    } @else {
+      @if (falsyText()) {
+        <ax-badge [text]="falsyText()" [color]="negative() ? 'success' : 'danger'" [look]="'twotone'"></ax-badge>
+      } @else {
+        @if (negative()) {
+          <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
+        } @else {
+          <ax-icon class="fa-solid fa-xmark  ax-text-danger-500"> </ax-icon>
+        }
+      }
+    }`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPToggleWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-switch-widget-view',
+                    template: ` 
+  @if(getValue() === null || getValue() === undefined){
+    @if (nullText()) {
+      <span>{{nullText()}}</span>
+    }@else {
+      <span>---</span>
+    }
+  }
+  @else if (getValue()) {
+      @if (trulyText()) {
+        <ax-badge [text]="trulyText()" [color]="negative() ? 'danger' : 'success'" [look]="'twotone'"></ax-badge>
+      } @else {
+        @if (negative()) {
+          <ax-icon class="fa-solid fa-xmark  ax-text-danger-500"> </ax-icon>
+        } @else {
+          <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
+        }
+      }
+    } @else {
+      @if (falsyText()) {
+        <ax-badge [text]="falsyText()" [color]="negative() ? 'success' : 'danger'" [look]="'twotone'"></ax-badge>
+      } @else {
+        @if (negative()) {
+          <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
+        } @else {
+          <ax-icon class="fa-solid fa-xmark  ax-text-danger-500"> </ax-icon>
+        }
+      }
+    }`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXDecoratorModule, AXBadgeModule],
+                }]
+        }] });
+
+var toggleWidgetView_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPToggleWidgetViewComponent: AXPToggleWidgetViewComponent
+});
+
 const AXPToggleWidget = {
     name: 'toggle-editor',
     title: 'Toggle',
@@ -7011,9 +6756,6 @@ const AXPToggleWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return toggleWidgetEdit_component; }).then((c) => c.AXPToggleWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return toggleWidgetFilter_component; }).then((c) => c.AXPToggleWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return toggleWidgetColumn_component; }).then((c) => c.AXPToggleWidgetColumnComponent),
         },
@@ -7239,16 +6981,12 @@ var avatarWidgetDesigner_component = /*#__PURE__*/Object.freeze({
 });
 
 const AXPAvatarWidget = {
-    name: "avatar",
-    title: "Avatar",
-    icon: "fa-solid fa-image-user",
+    name: 'avatar',
+    title: 'Avatar',
+    icon: 'fa-solid fa-image-user',
     categories: AXP_WIDGETS_ADVANCE_CATEGORY,
     type: 'editor',
-    properties: [
-        AXP_NAME_PROPERTY,
-        AXP_DATA_PATH_PROPERTY,
-        AXP_READONLY_PROPERTY,
-    ],
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_READONLY_PROPERTY],
     components: {
         view: {
             component: () => Promise.resolve().then(function () { return avatarWidgetView_component; }).then((c) => c.AXPAvatarWidgetViewComponent),
@@ -8164,8 +7902,8 @@ class AXPEditFileUploaderCommand {
                 }
             },
         };
-        const result = await this.dialogService.showDialog(config);
-        return result.context;
+        const dialogRef = await this.dialogService.showDialog(config);
+        return dialogRef.context();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEditFileUploaderCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEditFileUploaderCommand, providedIn: 'root' }); }
@@ -9384,7 +9122,7 @@ class AXPMapBoxWidgetEditComponent extends AXPValueWidgetComponent {
         this.longitude = computed(() => this.options()['longitude'] ?? 51, ...(ngDevMode ? [{ debugName: "longitude" }] : []));
         this.height = computed(() => this.options()['height'] ?? 300, ...(ngDevMode ? [{ debugName: "height" }] : []));
         this.fitToDraw = computed(() => this.options()['fitToDraw'] ?? false, ...(ngDevMode ? [{ debugName: "fitToDraw" }] : []));
-        this.limitDraw = computed(() => this.options()?.limitDraw ?? undefined, ...(ngDevMode ? [{ debugName: "limitDraw" }] : []));
+        this.limitDraw = computed(() => this.options()?.['limitDraw'] ?? undefined, ...(ngDevMode ? [{ debugName: "limitDraw" }] : []));
         this.pois = computed(() => this.options()['pois'] ?? [], ...(ngDevMode ? [{ debugName: "pois" }] : []));
     }
     onMarkerChanged($event) {
@@ -12379,7 +12117,7 @@ const AXPBorderWidget = {
 class AXPDirectionWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.direction = computed(() => this.getValue() || 'ltr', ...(ngDevMode ? [{ debugName: "direction" }] : []));
+        this.direction = computed(() => this.getValue() || 'inherit', ...(ngDevMode ? [{ debugName: "direction" }] : []));
         this.directionOptions = [
             { id: 'ltr', text: 'Left to Right', icon: 'fa-light fa-arrow-right' },
             { id: 'rtl', text: 'Right to Left', icon: 'fa-light fa-arrow-left' },
@@ -14293,7 +14031,6 @@ var index = /*#__PURE__*/Object.freeze({
     AXPEmailBoxWidget: AXPEmailBoxWidget,
     AXPEmailBoxWidgetColumnComponent: AXPEmailBoxWidgetColumnComponent,
     AXPEmailBoxWidgetEditComponent: AXPEmailBoxWidgetEditComponent,
-    AXPEmailBoxWidgetFilterComponent: AXPEmailBoxWidgetFilterComponent,
     AXPEmailBoxWidgetPrintComponent: AXPEmailBoxWidgetPrintComponent,
     AXPEmailBoxWidgetViewComponent: AXPEmailBoxWidgetViewComponent,
     AXPEqualValidationWidget: AXPEqualValidationWidget,
@@ -14336,7 +14073,6 @@ var index = /*#__PURE__*/Object.freeze({
     AXPLargeTextWidget: AXPLargeTextWidget,
     AXPLargeTextWidgetColumnComponent: AXPLargeTextWidgetColumnComponent,
     AXPLargeTextWidgetEditComponent: AXPLargeTextWidgetEditComponent,
-    AXPLargeTextWidgetFilterComponent: AXPLargeTextWidgetFilterComponent,
     AXPLargeTextWidgetPrintComponent: AXPLargeTextWidgetPrintComponent,
     AXPLargeTextWidgetViewComponent: AXPLargeTextWidgetViewComponent,
     AXPLessThanExpressionValidationWidget: AXPLessThanExpressionValidationWidget,
@@ -14344,7 +14080,6 @@ var index = /*#__PURE__*/Object.freeze({
     AXPLinkWidget: AXPLinkWidget,
     AXPLinkWidgetColumnComponent: AXPLinkWidgetColumnComponent,
     AXPLinkWidgetEditComponent: AXPLinkWidgetEditComponent,
-    AXPLinkWidgetFilterComponent: AXPLinkWidgetFilterComponent,
     AXPLinkWidgetPrintComponent: AXPLinkWidgetPrintComponent,
     AXPLinkWidgetViewComponent: AXPLinkWidgetViewComponent,
     AXPListWidget: AXPListWidget,
@@ -14359,7 +14094,6 @@ var index = /*#__PURE__*/Object.freeze({
     AXPNumberBoxWidget: AXPNumberBoxWidget,
     AXPNumberBoxWidgetColumnComponent: AXPNumberBoxWidgetColumnComponent,
     AXPNumberBoxWidgetEditComponent: AXPNumberBoxWidgetEditComponent,
-    AXPNumberBoxWidgetFilterComponent: AXPNumberBoxWidgetFilterComponent,
     AXPNumberBoxWidgetPrintComponent: AXPNumberBoxWidgetPrintComponent,
     AXPNumberBoxWidgetViewComponent: AXPNumberBoxWidgetViewComponent,
     AXPPageWidget: AXPPageWidget,
@@ -14367,13 +14101,11 @@ var index = /*#__PURE__*/Object.freeze({
     AXPPasswordBoxWidget: AXPPasswordBoxWidget,
     AXPPasswordBoxWidgetColumnComponent: AXPPasswordBoxWidgetColumnComponent,
     AXPPasswordBoxWidgetEditComponent: AXPPasswordBoxWidgetEditComponent,
-    AXPPasswordBoxWidgetFilterComponent: AXPPasswordBoxWidgetFilterComponent,
     AXPPasswordBoxWidgetPrintComponent: AXPPasswordBoxWidgetPrintComponent,
     AXPPasswordBoxWidgetViewComponent: AXPPasswordBoxWidgetViewComponent,
     AXPPhoneBoxWidget: AXPPhoneBoxWidget,
     AXPPhoneBoxWidgetColumnComponent: AXPPhoneBoxWidgetColumnComponent,
     AXPPhoneBoxWidgetEditComponent: AXPPhoneBoxWidgetEditComponent,
-    AXPPhoneBoxWidgetFilterComponent: AXPPhoneBoxWidgetFilterComponent,
     AXPPhoneBoxWidgetPrintComponent: AXPPhoneBoxWidgetPrintComponent,
     AXPPhoneBoxWidgetViewComponent: AXPPhoneBoxWidgetViewComponent,
     AXPRegularExpressionValidationWidget: AXPRegularExpressionValidationWidget,
@@ -14388,7 +14120,6 @@ var index = /*#__PURE__*/Object.freeze({
     AXPRichTextWidget: AXPRichTextWidget,
     AXPRichTextWidgetColumnComponent: AXPRichTextWidgetColumnComponent,
     AXPRichTextWidgetEditComponent: AXPRichTextWidgetEditComponent,
-    AXPRichTextWidgetFilterComponent: AXPRichTextWidgetFilterComponent,
     AXPRichTextWidgetPrintComponent: AXPRichTextWidgetPrintComponent,
     AXPRichTextWidgetViewComponent: AXPRichTextWidgetViewComponent,
     AXPSelectBoxWidget: AXPSelectBoxWidget,
@@ -14400,7 +14131,6 @@ var index = /*#__PURE__*/Object.freeze({
     AXPSelectionListWidgetColumnComponent: AXPSelectionListWidgetColumnComponent,
     AXPSelectionListWidgetDesignerComponent: AXPSelectionListWidgetDesignerComponent,
     AXPSelectionListWidgetEditComponent: AXPSelectionListWidgetEditComponent,
-    AXPSelectionListWidgetFilterComponent: AXPSelectionListWidgetFilterComponent,
     AXPSelectionListWidgetPrintComponent: AXPSelectionListWidgetPrintComponent,
     AXPSelectionListWidgetViewComponent: AXPSelectionListWidgetViewComponent,
     AXPSignatureWidget: AXPSignatureWidget,
@@ -14414,19 +14144,16 @@ var index = /*#__PURE__*/Object.freeze({
     AXPTemplateBoxWidget: AXPTemplateBoxWidget,
     AXPTemplateBoxWidgetColumnComponent: AXPTemplateBoxWidgetColumnComponent,
     AXPTemplateBoxWidgetEditComponent: AXPTemplateBoxWidgetEditComponent,
-    AXPTemplateBoxWidgetFilterComponent: AXPTemplateBoxWidgetFilterComponent,
     AXPTemplateBoxWidgetPrintComponent: AXPTemplateBoxWidgetPrintComponent,
     AXPTemplateBoxWidgetViewComponent: AXPTemplateBoxWidgetViewComponent,
     AXPTextBoxWidget: AXPTextBoxWidget,
     AXPTextBoxWidgetColumnComponent: AXPTextBoxWidgetColumnComponent,
     AXPTextBoxWidgetEditComponent: AXPTextBoxWidgetEditComponent,
-    AXPTextBoxWidgetFilterComponent: AXPTextBoxWidgetFilterComponent,
     AXPTextBoxWidgetPrintComponent: AXPTextBoxWidgetPrintComponent$1,
     AXPTextBoxWidgetViewComponent: AXPTextBoxWidgetViewComponent,
     AXPToggleWidget: AXPToggleWidget,
     AXPToggleWidgetColumnComponent: AXPToggleWidgetColumnComponent,
     AXPToggleWidgetEditComponent: AXPToggleWidgetEditComponent,
-    AXPToggleWidgetFilterComponent: AXPToggleWidgetFilterComponent,
     AXPToggleWidgetPrintComponent: AXPToggleWidgetPrintComponent,
     AXPToggleWidgetViewComponent: AXPToggleWidgetViewComponent,
     AXP_Flex_Box_Align_Options: AXP_Flex_Box_Align_Options,
@@ -14502,11 +14229,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                 }]
         }] });
 
-var cronJobWidgetFilter_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPCronJobWidgetFilterComponent: AXPCronJobWidgetFilterComponent
-});
-
 class AXPCronJobWidgetColumnComponent extends AXPColumnWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPCronJobWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPCronJobWidgetColumnComponent, isStandalone: true, selector: "axp-text-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `{{ rawValue }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -14583,9 +14305,6 @@ const AXPCronJobWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return cronJobWidgetEdit_component; }).then((c) => c.AXPCronJobWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return cronJobWidgetFilter_component; }).then((c) => c.AXPCronJobWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return cronJobWidgetColumn_component; }).then((c) => c.AXPCronJobWidgetColumnComponent),
         },
@@ -14716,43 +14435,42 @@ const AXPQrcodeWidget = {
     },
 };
 
-class AXPColorBoxWidgetViewComponent extends AXPValueWidgetComponent {
+class AXPColorBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
-        this.rgba = computed(() => AXColorUtil.toString(this.getValue(), 'rgba'), ...(ngDevMode ? [{ debugName: "rgba" }] : []));
+        this.rgba = computed(() => AXColorUtil.toString(this.rawValue, 'rgba'), ...(ngDevMode ? [{ debugName: "rgba" }] : []));
         this.clipboard = inject(AXPClipBoardService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPColorBoxWidgetViewComponent, isStandalone: true, selector: "axp-color-box-widget", usesInheritance: true, ngImport: i0, template: `<div class="ax-flex ax-justify-start ax-items-center ax-gap-2 ax-group ax-w-fit">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPColorBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `<div class="ax-flex ax-justify-start ax-items-center ax-gap-2 ax-group ax-w-fit">
     <div class="ax-size-4 ax-rounded-full ax-border" [style.backgroundColor]="rgba()"></div>
-    <span>{{ getValue() }}</span>
+    <span>{{ rawValue }}</span>
     <i
-      (click)="clipboard.copy('Color', getValue())"
+      (click)="clipboard.copy('Color', rawValue)"
       class="fa-solid fa-copy ax-text-neutral-400 dark:hover:ax-text-neutral-100 hover:ax-text-neutral-900 group-hover:ax-visible ax-invisible"
     ></i>
   </div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'axp-color-box-widget',
                     template: `<div class="ax-flex ax-justify-start ax-items-center ax-gap-2 ax-group ax-w-fit">
     <div class="ax-size-4 ax-rounded-full ax-border" [style.backgroundColor]="rgba()"></div>
-    <span>{{ getValue() }}</span>
+    <span>{{ rawValue }}</span>
     <i
-      (click)="clipboard.copy('Color', getValue())"
+      (click)="clipboard.copy('Color', rawValue)"
       class="fa-solid fa-copy ax-text-neutral-400 dark:hover:ax-text-neutral-100 hover:ax-text-neutral-900 group-hover:ax-visible ax-invisible"
     ></i>
   </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [],
-                    inputs: []
+                    inputs: ['rawValue', 'rowData']
                 }]
         }] });
 
-var colorBoxWidgetView_component = /*#__PURE__*/Object.freeze({
+var colorBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPColorBoxWidgetViewComponent: AXPColorBoxWidgetViewComponent
+    AXPColorBoxWidgetColumnComponent: AXPColorBoxWidgetColumnComponent
 });
 
 class AXPColorBoxWidgetEditComponent extends AXPValueWidgetComponent {
@@ -14807,80 +14525,62 @@ var colorBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPColorBoxWidgetEditComponent: AXPColorBoxWidgetEditComponent
 });
 
-class AXPColorBoxWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPColorBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class AXPColorBoxWidgetPrintComponent extends AXPValueWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPColorBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `{{getValue()}}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
+                    template: `{{getValue()}}`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
+                    imports: [],
                     inputs: []
                 }]
         }] });
 
-var colorBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
+var colorBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPColorBoxWidgetFilterComponent: AXPColorBoxWidgetFilterComponent
+    AXPColorBoxWidgetPrintComponent: AXPColorBoxWidgetPrintComponent
 });
 
-class AXPColorBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
+class AXPColorBoxWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.rgba = computed(() => AXColorUtil.toString(this.rawValue, 'rgba'), ...(ngDevMode ? [{ debugName: "rgba" }] : []));
+        this.rgba = computed(() => AXColorUtil.toString(this.getValue(), 'rgba'), ...(ngDevMode ? [{ debugName: "rgba" }] : []));
         this.clipboard = inject(AXPClipBoardService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPColorBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `<div class="ax-flex ax-justify-start ax-items-center ax-gap-2 ax-group ax-w-fit">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPColorBoxWidgetViewComponent, isStandalone: true, selector: "axp-color-box-widget", usesInheritance: true, ngImport: i0, template: `<div class="ax-flex ax-justify-start ax-items-center ax-gap-2 ax-group ax-w-fit">
     <div class="ax-size-4 ax-rounded-full ax-border" [style.backgroundColor]="rgba()"></div>
-    <span>{{ rawValue }}</span>
+    <span>{{ getValue() }}</span>
     <i
-      (click)="clipboard.copy('Color', rawValue)"
+      (click)="clipboard.copy('Color', getValue())"
       class="fa-solid fa-copy ax-text-neutral-400 dark:hover:ax-text-neutral-100 hover:ax-text-neutral-900 group-hover:ax-visible ax-invisible"
     ></i>
   </div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: 'axp-color-box-widget',
                     template: `<div class="ax-flex ax-justify-start ax-items-center ax-gap-2 ax-group ax-w-fit">
     <div class="ax-size-4 ax-rounded-full ax-border" [style.backgroundColor]="rgba()"></div>
-    <span>{{ rawValue }}</span>
+    <span>{{ getValue() }}</span>
     <i
-      (click)="clipboard.copy('Color', rawValue)"
+      (click)="clipboard.copy('Color', getValue())"
       class="fa-solid fa-copy ax-text-neutral-400 dark:hover:ax-text-neutral-100 hover:ax-text-neutral-900 group-hover:ax-visible ax-invisible"
     ></i>
   </div>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    inputs: ['rawValue', 'rowData']
-                }]
-        }] });
-
-var colorBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPColorBoxWidgetColumnComponent: AXPColorBoxWidgetColumnComponent
-});
-
-class AXPColorBoxWidgetPrintComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPColorBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `{{getValue()}}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPColorBoxWidgetPrintComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `{{getValue()}}`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [],
                     inputs: []
                 }]
         }] });
 
-var colorBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
+var colorBoxWidgetView_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPColorBoxWidgetPrintComponent: AXPColorBoxWidgetPrintComponent
+    AXPColorBoxWidgetViewComponent: AXPColorBoxWidgetViewComponent
 });
 
 const AXPColorBoxWidget = {
@@ -14898,7 +14598,7 @@ const AXPColorBoxWidget = {
         AXP_DISABLED_PROPERTY,
         AXP_PLACEHOLDER_PROPERTY,
         //
-        AXP_REQUIRED_VALIDATION_PROPERTY
+        AXP_REQUIRED_VALIDATION_PROPERTY,
     ],
     components: {
         designer: {
@@ -14910,9 +14610,6 @@ const AXPColorBoxWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return colorBoxWidgetEdit_component; }).then((c) => c.AXPColorBoxWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return colorBoxWidgetFilter_component; }).then((c) => c.AXPColorBoxWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return colorBoxWidgetColumn_component; }).then((c) => c.AXPColorBoxWidgetColumnComponent),
         },
@@ -15006,25 +14703,6 @@ var metaDataWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPMetaDataWidgetEditComponent: AXPMetaDataWidgetEditComponent
 });
 
-class AXPMetaDataWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPMetaDataWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPMetaDataWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPMetaDataWidgetFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
-                    inputs: [],
-                }]
-        }] });
-
-var metaDataWidgetFilter_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPMetaDataWidgetFilterComponent: AXPMetaDataWidgetFilterComponent
-});
-
 class AXPTextBoxWidgetPrintComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTextBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPTextBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -15101,9 +14779,6 @@ const AXPMetaDataWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return metaDataWidgetEdit_component; }).then((c) => c.AXPMetaDataWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return metaDataWidgetFilter_component; }).then((c) => c.AXPMetaDataWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return metaDataWidgetColumn_component; }).then((c) => c.AXPMetaDataWidgetColumnComponent),
         },
@@ -15349,25 +15024,6 @@ var numberUnitBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPNumberUnitBoxWidgetEditComponent: AXPNumberUnitBoxWidgetEditComponent
 });
 
-class AXPNumberUnitBoxWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberUnitBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPNumberUnitBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberUnitBoxWidgetFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
-                    inputs: [],
-                }]
-        }] });
-
-var numberUnitBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPNumberUnitBoxWidgetFilterComponent: AXPNumberUnitBoxWidgetFilterComponent
-});
-
 class AXPNumberUnitBoxWidgetPrintComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPNumberUnitBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPNumberUnitBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -15474,9 +15130,6 @@ const AXPNumberUnitBoxWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return numberUnitBoxWidgetEdit_component; }).then((c) => c.AXPNumberUnitBoxWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return numberUnitBoxWidgetFilter_component; }).then((c) => c.AXPNumberUnitBoxWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return numberUnitBoxWidgetColumn_component; }).then((c) => c.AXPNumberUnitBoxWidgetColumnComponent),
         },
@@ -15576,11 +15229,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                 }]
         }] });
 
-var tabularDataFilter_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTabulaDataWidgetFilterComponent: AXPTabulaDataWidgetFilterComponent
-});
-
 class AXPTabularDataWidgetPrintComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTabularDataWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPTabularDataWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -15665,9 +15313,6 @@ const AXPTableEditorWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return tabularDataWidgetEdit_component; }).then((c) => c.AXPTabularDataWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return tabularDataFilter_component; }).then((c) => c.AXPTabulaDataWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return tabularDataColumn_component; }).then((c) => c.AXPTabularDataWidgetColumnComponent),
         },
@@ -15745,7 +15390,7 @@ const AXPImageWidget = {
             path: 'options.lazy',
             group: AXP_BEHAVIOR_PROPERTY_GROUP,
         }),
-        AXP_READONLY_PROPERTY
+        AXP_READONLY_PROPERTY,
     ],
     components: {
         view: {
@@ -15863,17 +15508,19 @@ class AXPImageWidgetEditComponent extends AXPValueWidgetComponent {
         //#region ----   Options & Derived State   ----
         this.fileInput = viewChild('fileInput', ...(ngDevMode ? [{ debugName: "fileInput" }] : []));
         this.popupService = inject(AXPopupService);
-        this.width = computed(() => this.options()?.width ?? '320px', ...(ngDevMode ? [{ debugName: "width" }] : []));
-        this.height = computed(() => this.options()?.height ?? '200px', ...(ngDevMode ? [{ debugName: "height" }] : []));
+        this.width = computed(() => this.options()?.['width'] ?? '320px', ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.height = computed(() => this.options()?.['height'] ?? '200px', ...(ngDevMode ? [{ debugName: "height" }] : []));
         this.objectFit = computed(() => {
             const options = this.options();
             if (!options)
                 return 'contain';
             // Handle both direct string value and object with id property
-            return typeof options.objectFit === 'string' ? options.objectFit : (options.objectFit?.id ?? 'contain');
+            return typeof options?.['objectFit'] === 'string'
+                ? options?.['objectFit']
+                : (options?.['objectFit']?.id ?? 'contain');
         }, ...(ngDevMode ? [{ debugName: "objectFit" }] : []));
-        this.borderRadius = computed(() => this.options()?.borderRadius ?? '0', ...(ngDevMode ? [{ debugName: "borderRadius" }] : []));
-        this.readonly = computed(() => this.options()?.readonly ?? false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+        this.borderRadius = computed(() => this.options()?.['borderRadius'] ?? '0', ...(ngDevMode ? [{ debugName: "borderRadius" }] : []));
+        this.readonly = computed(() => this.options()?.['readonly'] ?? false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
         this.imageUrl = signal(null, ...(ngDevMode ? [{ debugName: "imageUrl" }] : []));
         effect(() => {
             const value = this.options()['src'];
@@ -16422,25 +16069,6 @@ var timeDurationWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPTimerDurationWidgetEditComponent: AXPTimerDurationWidgetEditComponent
 });
 
-class AXPTimerDurationWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTimerDurationWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPTimerDurationWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `AXPTimerDurationWidgetFilterComponent`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXTimeDurationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTimerDurationWidgetFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `AXPTimerDurationWidgetFilterComponent`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule, AXTimeDurationModule],
-                    inputs: [],
-                }]
-        }] });
-
-var timeDurationWidgetFilter_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTimerDurationWidgetFilterComponent: AXPTimerDurationWidgetFilterComponent
-});
-
 class AXPTimerDurationWidgetPrintComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTimerDurationWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPTimerDurationWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `AXPTimerDurationWidgetPrintComponent`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -16561,9 +16189,6 @@ const AXPTimeDurationWidget = {
         edit: {
             component: () => Promise.resolve().then(function () { return timeDurationWidgetEdit_component; }).then((c) => c.AXPTimerDurationWidgetEditComponent),
         },
-        filter: {
-            component: () => Promise.resolve().then(function () { return timeDurationWidgetFilter_component; }).then((c) => c.AXPTimerDurationWidgetFilterComponent),
-        },
         column: {
             component: () => Promise.resolve().then(function () { return timeDurationWidgetColumn_component; }).then((c) => c.AXPTimeDurationWidgetColumnComponent),
         },
@@ -17509,12 +17134,7 @@ const AXPFieldsetWidget = {
     icon: 'fa-light fa-object-group',
     categories: AXP_WIDGETS_LAYOUT_CATEGORY,
     groups: [AXPWidgetGroupEnum.FormElement],
-    properties: [
-        AXP_NAME_PROPERTY,
-        AXP_TITLE_PROPERTY,
-        AXP_ICON_PROPERTY,
-        AXP_LAYOUT_SHOW_HEADER_PROPERTY
-    ],
+    properties: [AXP_NAME_PROPERTY, AXP_TITLE_PROPERTY, AXP_ICON_PROPERTY, AXP_LAYOUT_SHOW_HEADER_PROPERTY],
     components: {
         designer: {
             component: () => Promise.resolve().then(function () { return fieldsetWidgetDesigner_component; }).then((c) => c.AXPFieldsetWidgetDesignerComponent),
@@ -17677,10 +17297,7 @@ const AXPFormFieldWidget = {
     groups: [AXPWidgetGroupEnum.FormElement],
     type: 'container',
     icon: 'fa-light fa-pen-field',
-    properties: [
-        AXP_NAME_PROPERTY,
-        cloneProperty(AXP_LABEL_PROPERTY, { schema: { defaultValue: 'Sample Label' } })
-    ],
+    properties: [AXP_NAME_PROPERTY, cloneProperty(AXP_LABEL_PROPERTY, { schema: { defaultValue: 'Sample Label' } })],
     components: {
         view: {
             component: () => Promise.resolve().then(function () { return formFieldWidgetView_component; }).then((c) => c.AXPFormFieldWidgetViewComponent),
@@ -18052,181 +17669,6 @@ const AXPGridItemWidget = {
     },
 };
 
-class AXPGridRowWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.cols = computed(() => this.options()['cols'] ?? 1, ...(ngDevMode ? [{ debugName: "cols" }] : []));
-        this.rows = computed(() => this.options()['rows'] ?? 1, ...(ngDevMode ? [{ debugName: "rows" }] : []));
-        this.gap = computed(() => this.options()['gap'] ?? 0, ...(ngDevMode ? [{ debugName: "gap" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPGridRowWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPGridRowWidgetViewComponent, isStandalone: true, selector: "axp-grid-row-widget", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-{{ cols() }} ax-grid-rows-{{ rows() }} ax-gap-{{ gap() }}">
-      @for (child of children(); track $index) {
-        <ng-container axp-widget-renderer [node]="child" [index]="index" [parentNode]="this" [mode]="this.mode">
-        </ng-container>
-      }
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i1$5.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPGridRowWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-grid-row-widget',
-                    template: `
-    <div class="ax-grid ax-grid-cols-{{ cols() }} ax-grid-rows-{{ rows() }} ax-gap-{{ gap() }}">
-      @for (child of children(); track $index) {
-        <ng-container axp-widget-renderer [node]="child" [index]="index" [parentNode]="this" [mode]="this.mode">
-        </ng-container>
-      }
-    </div>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXPLayoutBuilderModule],
-                }]
-        }] });
-
-var gridRowWidgetView_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPGridRowWidgetViewComponent: AXPGridRowWidgetViewComponent
-});
-
-class AXPGridRowWidgetPrintComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPGridRowWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPGridRowWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPGridRowWidgetPrintComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    inputs: []
-                }]
-        }] });
-
-var gridRowWidgetPrint_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPGridRowWidgetPrintComponent: AXPGridRowWidgetPrintComponent
-});
-
-class AXPGridRowWidgetDesignerComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.designerService = inject(AXPDesignerService);
-        this.cols = computed(() => this.options()['cols'] ?? 1, ...(ngDevMode ? [{ debugName: "cols" }] : []));
-        this.gap = computed(() => this.options()['gap'] ?? 0, ...(ngDevMode ? [{ debugName: "gap" }] : []));
-        this.cells = computed(() => Array.from({ length: this.cols() - sum(this.children().map((c) => get(c.options, 'colSpan'))) }).map((c, index) => index), ...(ngDevMode ? [{ debugName: "cells" }] : []));
-        this.hoverIndex = signal(0, ...(ngDevMode ? [{ debugName: "hoverIndex" }] : []));
-    }
-    handleMouseHover(index) {
-        this.hoverIndex.set(index);
-    }
-    handleClick(e, index) {
-        e.stopPropagation();
-        this.hoverIndex.set(-1);
-        e.preventDefault();
-        this.designerService.addWidget(this.node, {
-            type: AXPWidgetsCatalog.gridItem,
-            options: {
-                colSpan: index + 1,
-            },
-        });
-    }
-    handleMouseLeave(event) {
-        this.hoverIndex.set(-1);
-    }
-    get __class() {
-        const cls = {};
-        //
-        cls[`ax-widget-container`] = true;
-        cls[`ax-block`] = true;
-        cls[`ax-w-full`] = true;
-        return cls;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPGridRowWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPGridRowWidgetDesignerComponent, isStandalone: true, selector: "axp-grid-row-widget", host: { listeners: { "mouseleave": "handleMouseLeave($event)" }, properties: { "class": "this.__class" } }, providers: [
-            {
-                provide: AXPValueWidgetComponent,
-                useExisting: AXPGridWidgetDesignerComponent,
-            },
-        ], usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-{{ cols() }} ax-gap-{{ gap() }}">
-      @for (node of children(); track $index) {
-      <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode" [locked]="this.locked"> </ng-container>
-      } @for (node of cells(); track $index) {
-      <div
-        class="axp-empty-slot"
-        (mouseenter)="handleMouseHover($index)"
-        (mouseleave)="handleMouseLeave($event)"
-        (click)="handleClick($event, $index)"
-        [class.axp-state-hover]="hoverIndex() >= $index"
-      ></div>
-      }
-    </div>
-  `, isInline: true, styles: ["axp-grid-row-widget.axp-widget-host .axp-empty-slot{display:flex;flex:1 1 0%;align-items:center;justify-content:center;border-width:1px;border-style:dashed;padding:1rem;background-color:rgba(209,213,219,.1);background-image:linear-gradient(135deg,rgb(209 213 219 / 50%) 10%,transparent 0,transparent 50%,rgb(209 213 219 / 50%) 0,rgb(209 213 219 / 50%) 60%,transparent 0,transparent);background-size:7.5px 7.5px}axp-grid-row-widget.axp-widget-host .axp-empty-slot.axp-state-hover{border-color:transparent;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-300),var(--tw-bg-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "index", "locked", "mode", "node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPGridRowWidgetDesignerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-grid-row-widget', template: `
-    <div class="ax-grid ax-grid-cols-{{ cols() }} ax-gap-{{ gap() }}">
-      @for (node of children(); track $index) {
-      <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode" [locked]="this.locked"> </ng-container>
-      } @for (node of cells(); track $index) {
-      <div
-        class="axp-empty-slot"
-        (mouseenter)="handleMouseHover($index)"
-        (mouseleave)="handleMouseLeave($event)"
-        (click)="handleClick($event, $index)"
-        [class.axp-state-hover]="hoverIndex() >= $index"
-      ></div>
-      }
-    </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        AXPLayoutBuilderModule,
-                        AXPWidgetDesignerRendererDirective
-                    ], providers: [
-                        {
-                            provide: AXPValueWidgetComponent,
-                            useExisting: AXPGridWidgetDesignerComponent,
-                        },
-                    ], styles: ["axp-grid-row-widget.axp-widget-host .axp-empty-slot{display:flex;flex:1 1 0%;align-items:center;justify-content:center;border-width:1px;border-style:dashed;padding:1rem;background-color:rgba(209,213,219,.1);background-image:linear-gradient(135deg,rgb(209 213 219 / 50%) 10%,transparent 0,transparent 50%,rgb(209 213 219 / 50%) 0,rgb(209 213 219 / 50%) 60%,transparent 0,transparent);background-size:7.5px 7.5px}axp-grid-row-widget.axp-widget-host .axp-empty-slot.axp-state-hover{border-color:transparent;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-300),var(--tw-bg-opacity, 1))}\n"] }]
-        }], propDecorators: { handleMouseLeave: [{
-                type: HostListener,
-                args: ['mouseleave', ['$event']]
-            }], __class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-var gridRowWidgetDesigner_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPGridRowWidgetDesignerComponent: AXPGridRowWidgetDesignerComponent
-});
-
-const AXPGridRowWidget = {
-    name: 'grid-row-layout',
-    title: 'Grid Row Layout',
-    categories: AXP_WIDGETS_LAYOUT_CATEGORY,
-    type: 'container',
-    icon: 'fa-light fa-diagram-cells',
-    properties: [AXP_NAME_PROPERTY, ...AXP_LAYOUT_GRID_ROW_PROPERTIES],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return gridRowWidgetView_component; }).then((c) => c.AXPGridRowWidgetViewComponent),
-        },
-        edit: {
-            component: () => Promise.resolve().then(function () { return gridRowWidgetView_component; }).then((c) => c.AXPGridRowWidgetViewComponent),
-        },
-        print: {
-            component: () => Promise.resolve().then(function () { return gridRowWidgetPrint_component; }).then((c) => c.AXPGridRowWidgetPrintComponent),
-        },
-        designer: {
-            component: () => Promise.resolve().then(function () { return gridRowWidgetDesigner_component; }).then((c) => c.AXPGridRowWidgetDesignerComponent),
-        },
-    },
-};
-
 class AXPPanelWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
     constructor() {
         super(...arguments);
@@ -18681,18 +18123,14 @@ var tabsetWidgetDesigner_component = /*#__PURE__*/Object.freeze({
 });
 
 const AXPTabSetWidget = {
-    name: "tabset-layout",
-    title: "TabSet Layout",
+    name: 'tabset-layout',
+    title: 'TabSet Layout',
     description: 'A tab set layout is a widget that displays a tab set',
     type: 'view',
     categories: [],
     groups: [AXPWidgetGroupEnum.FormElement],
-    icon: "fa-solid fa-square",
-    properties: [
-        AXP_NAME_PROPERTY,
-        AXP_DATA_PATH_PROPERTY,
-        AXP_DISABLED_PROPERTY,
-    ],
+    icon: 'fa-solid fa-square',
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
     components: {
         view: {
             component: () => Promise.resolve().then(function () { return tabsetWidgetView_component; }).then((c) => c.AXPTabSetWidgetViewComponent),
@@ -18703,7 +18141,7 @@ const AXPTabSetWidget = {
         designer: {
             component: () => Promise.resolve().then(function () { return tabsetWidgetDesigner_component; }).then((c) => c.AXPTabSetWidgetDesignerComponent),
         },
-    }
+    },
 };
 
 class AXPTabSetItemWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
@@ -18773,18 +18211,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
         }] });
 
 const AXPTabSetItemWidget = {
-    name: "tabset-item",
-    title: "TabSet Item",
+    name: 'tabset-item',
+    title: 'TabSet Item',
     description: 'A tab set item is a widget that displays a tab set item',
     type: 'view',
     categories: [],
     groups: [AXPWidgetGroupEnum.FormElement],
-    icon: "fa-solid fa-square",
-    properties: [
-        AXP_NAME_PROPERTY,
-        AXP_DATA_PATH_PROPERTY,
-        AXP_DISABLED_PROPERTY,
-    ],
+    icon: 'fa-solid fa-square',
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
     components: {
         view: {
             component: () => Promise.resolve().then(function () { return tabsetItemWidgetView_component; }).then((c) => c.AXPTabSetItemWidgetViewComponent),
@@ -18795,7 +18229,7 @@ const AXPTabSetItemWidget = {
         designer: {
             component: () => Promise.resolve().then(function () { return tabsetItemWidgetView_component; }).then((c) => c.AXPTabSetItemWidgetViewComponent),
         },
-    }
+    },
 };
 
 class AXPTextBlockWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
@@ -18890,7 +18324,6 @@ class AXPWidgetsModule {
                     AXPAdvancedGridWidget,
                     AXPAdvancedGridItemWidget,
                     AXPGridItemWidget,
-                    AXPGridRowWidget,
                     AXPTabSetWidget,
                     AXPTabSetItemWidget,
                     AXPTimeDurationWidget,
@@ -18977,7 +18410,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                                 AXPAdvancedGridWidget,
                                 AXPAdvancedGridItemWidget,
                                 AXPGridItemWidget,
-                                AXPGridRowWidget,
                                 AXPTabSetWidget,
                                 AXPTabSetItemWidget,
                                 AXPTimeDurationWidget,
@@ -19060,5 +18492,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXPAdvancedGridItemWidget, AXPAdvancedGridItemWidgetDesignerComponent, AXPAdvancedGridItemWidgetPrintComponent, AXPAdvancedGridItemWidgetViewComponent, AXPAdvancedGridOptionsWidget, AXPAdvancedGridOptionsWidgetEditComponent, AXPAdvancedGridWidget, AXPAdvancedGridWidgetDesignerComponent, AXPAdvancedGridWidgetViewComponent, AXPAvatarWidget, AXPAvatarWidgetColumnComponent, AXPAvatarWidgetDesignerComponent, AXPAvatarWidgetEditComponent, AXPAvatarWidgetPrintComponent, AXPAvatarWidgetViewComponent, AXPBetweenExpressionValidationWidget, AXPBetweenValidationWidgetEditComponent, AXPBlockWidget, AXPBlockWidgetDesignerComponent, AXPBlockWidgetViewComponent, AXPBorderWidget, AXPBorderWidgetEditComponent, AXPButtonWidget, AXPButtonWidgetViewComponent, AXPCallbackValidationWidget, AXPCallbackValidationWidgetEditComponent, AXPCheckBoxWidget, AXPCheckBoxWidgetEditComponent, AXPContactWidget, AXPContactWidgetColumnComponent, AXPContactWidgetEditComponent, AXPContactWidgetViewComponent, AXPDateTimeBoxWidget, AXPDateTimeBoxWidgetColumnComponent, AXPDateTimeBoxWidgetEditComponent, AXPDateTimeBoxWidgetPrintComponent, AXPDateTimeBoxWidgetViewComponent, AXPDirectionWidget, AXPDirectionWidgetEditComponent, AXPEditFileUploaderCommand, AXPEmailBoxWidget, AXPEmailBoxWidgetColumnComponent, AXPEmailBoxWidgetEditComponent, AXPEmailBoxWidgetFilterComponent, AXPEmailBoxWidgetPrintComponent, AXPEmailBoxWidgetViewComponent, AXPEqualValidationWidget, AXPEqualValidationWidgetEditComponent, AXPExtraPropertiesSchemaWidget, AXPExtraPropertiesValuesWidget, AXPExtraPropertiesWidget, AXPFileListComponent, AXPFileUploaderWidget, AXPFileUploaderWidgetColumnComponent, AXPFileUploaderWidgetEditComponent, AXPFileUploaderWidgetPrintComponent, AXPFileUploaderWidgetService, AXPFileUploaderWidgetViewComponent, AXPFlexItemOptionsWidget, AXPFlexItemOptionsWidgetEditComponent, AXPFlexItemWidget, AXPFlexItemWidgetDesignerComponent, AXPFlexItemWidgetViewComponent, AXPFlexOptionsWidget, AXPFlexOptionsWidgetEditComponent, AXPFlexWidget, AXPFlexWidgetDesignerComponent, AXPFlexWidgetViewComponent, AXPGalleryWidget, AXPGalleryWidgetEditComponent, AXPGalleryWidgetPrintComponent, AXPGalleryWidgetViewComponent, AXPGreaterThanExpressionValidationWidget, AXPGreaterThanValidationWidgetEditComponent, AXPGridItemOptionsWidget, AXPGridItemOptionsWidgetEditComponent, AXPGridOptionsWidget, AXPGridOptionsWidgetEditComponent, AXPImageMarkerPopupComponent, AXPImageMarkerWidget, AXPImageMarkerWidgetColumnComponent, AXPImageMarkerWidgetEditComponent, AXPImageMarkerWidgetViewComponent, AXPLargeTextWidget, AXPLargeTextWidgetColumnComponent, AXPLargeTextWidgetEditComponent, AXPLargeTextWidgetFilterComponent, AXPLargeTextWidgetPrintComponent, AXPLargeTextWidgetViewComponent, AXPLessThanExpressionValidationWidget, AXPLessThanValidationWidgetEditComponent, AXPLinkWidget, AXPLinkWidgetColumnComponent, AXPLinkWidgetEditComponent, AXPLinkWidgetFilterComponent, AXPLinkWidgetPrintComponent, AXPLinkWidgetViewComponent, AXPListWidget, AXPListWidgetViewComponent, AXPMapBoxWidget, AXPMapBoxWidgetEditComponent, AXPMapBoxWidgetViewComponent, AXPMaxLengthExpressionValidationWidget, AXPMaxLengthValidationWidgetEditComponent, AXPMinLengthExpressionValidationWidget, AXPMinLengthValidationWidgetEditComponent, AXPNumberBoxWidget, AXPNumberBoxWidgetColumnComponent, AXPNumberBoxWidgetEditComponent, AXPNumberBoxWidgetFilterComponent, AXPNumberBoxWidgetPrintComponent, AXPNumberBoxWidgetViewComponent, AXPPageWidget, AXPPageWidgetViewComponent, AXPPasswordBoxWidget, AXPPasswordBoxWidgetColumnComponent, AXPPasswordBoxWidgetEditComponent, AXPPasswordBoxWidgetFilterComponent, AXPPasswordBoxWidgetPrintComponent, AXPPasswordBoxWidgetViewComponent, AXPPhoneBoxWidget, AXPPhoneBoxWidgetColumnComponent, AXPPhoneBoxWidgetEditComponent, AXPPhoneBoxWidgetFilterComponent, AXPPhoneBoxWidgetPrintComponent, AXPPhoneBoxWidgetViewComponent, AXPRegularExpressionValidationWidget, AXPRegularExpressionValidationWidgetEditComponent, AXPRepeaterWidget, AXPRepeaterWidgetDesignerComponent, AXPRepeaterWidgetEditComponent, AXPRepeaterWidgetPrintComponent, AXPRepeaterWidgetViewComponent, AXPRequiredValidationWidget, AXPRequiredValidationWidgetEditComponent, AXPRichTextWidget, AXPRichTextWidgetColumnComponent, AXPRichTextWidgetEditComponent, AXPRichTextWidgetFilterComponent, AXPRichTextWidgetPrintComponent, AXPRichTextWidgetViewComponent, AXPSelectBoxWidget, AXPSelectBoxWidgetColumnComponent, AXPSelectBoxWidgetEditComponent, AXPSelectBoxWidgetPrintComponent, AXPSelectBoxWidgetViewComponent, AXPSelectionListWidget, AXPSelectionListWidgetColumnComponent, AXPSelectionListWidgetDesignerComponent, AXPSelectionListWidgetEditComponent, AXPSelectionListWidgetFilterComponent, AXPSelectionListWidgetPrintComponent, AXPSelectionListWidgetViewComponent, AXPSignatureWidget, AXPSignatureWidgetColumnComponent, AXPSignatureWidgetEditComponent, AXPSignatureWidgetFilterComponent, AXPSignatureWidgetPrintComponent, AXPSignatureWidgetViewComponent, AXPSpacingWidget, AXPSpacingWidgetEditComponent, AXPTemplateBoxWidget, AXPTemplateBoxWidgetColumnComponent, AXPTemplateBoxWidgetEditComponent, AXPTemplateBoxWidgetFilterComponent, AXPTemplateBoxWidgetPrintComponent, AXPTemplateBoxWidgetViewComponent, AXPTextBoxWidget, AXPTextBoxWidgetColumnComponent, AXPTextBoxWidgetEditComponent, AXPTextBoxWidgetFilterComponent, AXPTextBoxWidgetPrintComponent$1 as AXPTextBoxWidgetPrintComponent, AXPTextBoxWidgetViewComponent, AXPToggleWidget, AXPToggleWidgetColumnComponent, AXPToggleWidgetEditComponent, AXPToggleWidgetFilterComponent, AXPToggleWidgetPrintComponent, AXPToggleWidgetViewComponent, AXPWidgetsModule, AXP_ALLOW_CLEAR_PROPERTY, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_ALLOW_SEARCH_PROPERTY, AXP_ANIMATION_PROPERTY_GROUP, AXP_APPEARANCE_PROPERTY_GROUP, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_BETWEEN_VALIDATION_PROPERTY, AXP_BG_COLOR_PROPERTY, AXP_BOX_MODEL_PROPERTY_GROUP, AXP_CALLBACK_VALIDATION_PROPERTY, AXP_COLOR_PROPERTY, AXP_CONTENT_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_DATA_SOURCE_PROPERTIES, AXP_DATA_SOURCE_PROPERTY, AXP_DATA_SOURCE_TEXT_FIELD, AXP_DATA_SOURCE_VALUE_FIELD, AXP_DATE_FORMAT_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_DIRECTION_PROPERTY, AXP_DISABLED_PROPERTY, AXP_DOWNLOADABLE_PROPERTY, AXP_EQUAL_VALIDATION_PROPERTY, AXP_FALSY_TEXT_PROPERTY, AXP_FONT_SIZE_PROPERTY, AXP_Flex_Box_Align_Options, AXP_Flex_Box_Alignments, AXP_Flex_Box_Justify_Options, AXP_GREATER_THAN_VALIDATION_PROPERTY, AXP_Grid_Box_Align_Items_Options, AXP_Grid_Box_Alignments, AXP_Grid_Box_Justify_Items_Options, AXP_HAS_CLEAR_BUTTON_PROPERTY, AXP_HAS_COPY_ICON_PROPERTY, AXP_HAS_EYE_ICON_PROPERTY, AXP_HAS_ICON_PROPERTY, AXP_HAS_LABEL_PROPERTY, AXP_ICON_PROPERTY, AXP_IS_LOADING_PROPERTY, AXP_LABEL_PROPERTY, AXP_LAYOUT_ADVANCED_GRID_PROPERTY, AXP_LAYOUT_BORDER_PROPERTY, AXP_LAYOUT_COLUMNS_PROPERTY, AXP_LAYOUT_DIRECTION_PROPERTY, AXP_LAYOUT_FLEX_ITEM_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY_GROUP, AXP_LAYOUT_GAP_PROPERTY, AXP_LAYOUT_GRID_ITEM_PROPERTY, AXP_LAYOUT_GRID_PROPERTIES, AXP_LAYOUT_GRID_PROPERTY, AXP_LAYOUT_GRID_PROPERTY_GROUP, AXP_LAYOUT_GRID_ROW_PROPERTIES, AXP_LAYOUT_ROWS_PROPERTY, AXP_LAYOUT_SHOW_HEADER_PROPERTY, AXP_LAYOUT_SPACING_PROPERTY, AXP_LESS_THAN_VALIDATION_PROPERTY, AXP_MAX_LENGTH_VALIDATION_PROPERTY, AXP_MIN_LENGTH_VALIDATION_PROPERTY, AXP_NAME_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_READONLY_PROPERTY, AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY, AXP_REQUIRED_VALIDATION_PROPERTY, AXP_STYLE_COLOR_PROPERTY, AXP_STYLE_LOOK_PROPERTY, AXP_STYLING_PROPERTY_GROUP, AXP_TABLE_COLUMN_HEIGHT_PROPERTY, AXP_TABLE_COLUMN_WIDTH_PROPERTY, AXP_TEXT_FIELD_PROPERTY, AXP_TEXT_PROPERTY, AXP_THEME_PROPERTY, AXP_TITLE_PROPERTY, AXP_TRULY_TEXT_PROPERTY, AXP_VALIDATION_PROPERTY_GROUP, AXP_VALUE_FIELD_PROPERTY, AXP_WIDGET_PROPERTY_GROUP, AXP_default_Border_Box_Units, AXP_default_Border_Box_Value, AXP_default_Spacing_Box_Units, AXP_default_Spacing_Box_Value, DEFAULT_STRATEGY_CONFIG, STRATEGY_CONFIG_TOKEN, booleanDefaultProperty, largeTextDefaultProperty, numberDefaultProperty, numberMaxValueProperty, numberMinValueProperty, plainTextDefaultProperty };
+export { AXPAdvancedGridItemWidget, AXPAdvancedGridItemWidgetDesignerComponent, AXPAdvancedGridItemWidgetPrintComponent, AXPAdvancedGridItemWidgetViewComponent, AXPAdvancedGridOptionsWidget, AXPAdvancedGridOptionsWidgetEditComponent, AXPAdvancedGridWidget, AXPAdvancedGridWidgetDesignerComponent, AXPAdvancedGridWidgetViewComponent, AXPAvatarWidget, AXPAvatarWidgetColumnComponent, AXPAvatarWidgetDesignerComponent, AXPAvatarWidgetEditComponent, AXPAvatarWidgetPrintComponent, AXPAvatarWidgetViewComponent, AXPBetweenExpressionValidationWidget, AXPBetweenValidationWidgetEditComponent, AXPBlockWidget, AXPBlockWidgetDesignerComponent, AXPBlockWidgetViewComponent, AXPBorderWidget, AXPBorderWidgetEditComponent, AXPButtonWidget, AXPButtonWidgetViewComponent, AXPCallbackValidationWidget, AXPCallbackValidationWidgetEditComponent, AXPCheckBoxWidget, AXPCheckBoxWidgetEditComponent, AXPContactWidget, AXPContactWidgetColumnComponent, AXPContactWidgetEditComponent, AXPContactWidgetViewComponent, AXPDateTimeBoxWidget, AXPDateTimeBoxWidgetColumnComponent, AXPDateTimeBoxWidgetEditComponent, AXPDateTimeBoxWidgetPrintComponent, AXPDateTimeBoxWidgetViewComponent, AXPDirectionWidget, AXPDirectionWidgetEditComponent, AXPEditFileUploaderCommand, AXPEmailBoxWidget, AXPEmailBoxWidgetColumnComponent, AXPEmailBoxWidgetEditComponent, AXPEmailBoxWidgetPrintComponent, AXPEmailBoxWidgetViewComponent, AXPEqualValidationWidget, AXPEqualValidationWidgetEditComponent, AXPExtraPropertiesSchemaWidget, AXPExtraPropertiesValuesWidget, AXPExtraPropertiesWidget, AXPFileListComponent, AXPFileUploaderWidget, AXPFileUploaderWidgetColumnComponent, AXPFileUploaderWidgetEditComponent, AXPFileUploaderWidgetPrintComponent, AXPFileUploaderWidgetService, AXPFileUploaderWidgetViewComponent, AXPFlexItemOptionsWidget, AXPFlexItemOptionsWidgetEditComponent, AXPFlexItemWidget, AXPFlexItemWidgetDesignerComponent, AXPFlexItemWidgetViewComponent, AXPFlexOptionsWidget, AXPFlexOptionsWidgetEditComponent, AXPFlexWidget, AXPFlexWidgetDesignerComponent, AXPFlexWidgetViewComponent, AXPGalleryWidget, AXPGalleryWidgetEditComponent, AXPGalleryWidgetPrintComponent, AXPGalleryWidgetViewComponent, AXPGreaterThanExpressionValidationWidget, AXPGreaterThanValidationWidgetEditComponent, AXPGridItemOptionsWidget, AXPGridItemOptionsWidgetEditComponent, AXPGridOptionsWidget, AXPGridOptionsWidgetEditComponent, AXPImageMarkerPopupComponent, AXPImageMarkerWidget, AXPImageMarkerWidgetColumnComponent, AXPImageMarkerWidgetEditComponent, AXPImageMarkerWidgetViewComponent, AXPLargeTextWidget, AXPLargeTextWidgetColumnComponent, AXPLargeTextWidgetEditComponent, AXPLargeTextWidgetPrintComponent, AXPLargeTextWidgetViewComponent, AXPLessThanExpressionValidationWidget, AXPLessThanValidationWidgetEditComponent, AXPLinkWidget, AXPLinkWidgetColumnComponent, AXPLinkWidgetEditComponent, AXPLinkWidgetPrintComponent, AXPLinkWidgetViewComponent, AXPListWidget, AXPListWidgetViewComponent, AXPMapBoxWidget, AXPMapBoxWidgetEditComponent, AXPMapBoxWidgetViewComponent, AXPMaxLengthExpressionValidationWidget, AXPMaxLengthValidationWidgetEditComponent, AXPMinLengthExpressionValidationWidget, AXPMinLengthValidationWidgetEditComponent, AXPNumberBoxWidget, AXPNumberBoxWidgetColumnComponent, AXPNumberBoxWidgetEditComponent, AXPNumberBoxWidgetPrintComponent, AXPNumberBoxWidgetViewComponent, AXPPageWidget, AXPPageWidgetViewComponent, AXPPasswordBoxWidget, AXPPasswordBoxWidgetColumnComponent, AXPPasswordBoxWidgetEditComponent, AXPPasswordBoxWidgetPrintComponent, AXPPasswordBoxWidgetViewComponent, AXPPhoneBoxWidget, AXPPhoneBoxWidgetColumnComponent, AXPPhoneBoxWidgetEditComponent, AXPPhoneBoxWidgetPrintComponent, AXPPhoneBoxWidgetViewComponent, AXPRegularExpressionValidationWidget, AXPRegularExpressionValidationWidgetEditComponent, AXPRepeaterWidget, AXPRepeaterWidgetDesignerComponent, AXPRepeaterWidgetEditComponent, AXPRepeaterWidgetPrintComponent, AXPRepeaterWidgetViewComponent, AXPRequiredValidationWidget, AXPRequiredValidationWidgetEditComponent, AXPRichTextWidget, AXPRichTextWidgetColumnComponent, AXPRichTextWidgetEditComponent, AXPRichTextWidgetPrintComponent, AXPRichTextWidgetViewComponent, AXPSelectBoxWidget, AXPSelectBoxWidgetColumnComponent, AXPSelectBoxWidgetEditComponent, AXPSelectBoxWidgetPrintComponent, AXPSelectBoxWidgetViewComponent, AXPSelectionListWidget, AXPSelectionListWidgetColumnComponent, AXPSelectionListWidgetDesignerComponent, AXPSelectionListWidgetEditComponent, AXPSelectionListWidgetPrintComponent, AXPSelectionListWidgetViewComponent, AXPSignatureWidget, AXPSignatureWidgetColumnComponent, AXPSignatureWidgetEditComponent, AXPSignatureWidgetFilterComponent, AXPSignatureWidgetPrintComponent, AXPSignatureWidgetViewComponent, AXPSpacingWidget, AXPSpacingWidgetEditComponent, AXPTemplateBoxWidget, AXPTemplateBoxWidgetColumnComponent, AXPTemplateBoxWidgetEditComponent, AXPTemplateBoxWidgetPrintComponent, AXPTemplateBoxWidgetViewComponent, AXPTextBoxWidget, AXPTextBoxWidgetColumnComponent, AXPTextBoxWidgetEditComponent, AXPTextBoxWidgetPrintComponent$1 as AXPTextBoxWidgetPrintComponent, AXPTextBoxWidgetViewComponent, AXPToggleWidget, AXPToggleWidgetColumnComponent, AXPToggleWidgetEditComponent, AXPToggleWidgetPrintComponent, AXPToggleWidgetViewComponent, AXPWidgetsModule, AXP_ALLOW_CLEAR_PROPERTY, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_ALLOW_SEARCH_PROPERTY, AXP_ANIMATION_PROPERTY_GROUP, AXP_APPEARANCE_PROPERTY_GROUP, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_BETWEEN_VALIDATION_PROPERTY, AXP_BG_COLOR_PROPERTY, AXP_BOX_MODEL_PROPERTY_GROUP, AXP_CALLBACK_VALIDATION_PROPERTY, AXP_COLOR_PROPERTY, AXP_CONTENT_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_DATA_SOURCE_PROPERTIES, AXP_DATA_SOURCE_PROPERTY, AXP_DATA_SOURCE_TEXT_FIELD, AXP_DATA_SOURCE_VALUE_FIELD, AXP_DATE_FORMAT_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_DIRECTION_PROPERTY, AXP_DISABLED_PROPERTY, AXP_DOWNLOADABLE_PROPERTY, AXP_EQUAL_VALIDATION_PROPERTY, AXP_FALSY_TEXT_PROPERTY, AXP_FONT_SIZE_PROPERTY, AXP_Flex_Box_Align_Options, AXP_Flex_Box_Alignments, AXP_Flex_Box_Justify_Options, AXP_GREATER_THAN_VALIDATION_PROPERTY, AXP_Grid_Box_Align_Items_Options, AXP_Grid_Box_Alignments, AXP_Grid_Box_Justify_Items_Options, AXP_HAS_CLEAR_BUTTON_PROPERTY, AXP_HAS_COPY_ICON_PROPERTY, AXP_HAS_EYE_ICON_PROPERTY, AXP_HAS_ICON_PROPERTY, AXP_HAS_LABEL_PROPERTY, AXP_ICON_PROPERTY, AXP_IS_LOADING_PROPERTY, AXP_LABEL_PROPERTY, AXP_LAYOUT_ADVANCED_GRID_PROPERTY, AXP_LAYOUT_BORDER_PROPERTY, AXP_LAYOUT_COLUMNS_PROPERTY, AXP_LAYOUT_DIRECTION_PROPERTY, AXP_LAYOUT_FLEX_ITEM_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY_GROUP, AXP_LAYOUT_GAP_PROPERTY, AXP_LAYOUT_GRID_ITEM_PROPERTY, AXP_LAYOUT_GRID_PROPERTIES, AXP_LAYOUT_GRID_PROPERTY, AXP_LAYOUT_GRID_PROPERTY_GROUP, AXP_LAYOUT_GRID_ROW_PROPERTIES, AXP_LAYOUT_ROWS_PROPERTY, AXP_LAYOUT_SHOW_HEADER_PROPERTY, AXP_LAYOUT_SPACING_PROPERTY, AXP_LESS_THAN_VALIDATION_PROPERTY, AXP_MAX_LENGTH_VALIDATION_PROPERTY, AXP_MIN_LENGTH_VALIDATION_PROPERTY, AXP_NAME_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_READONLY_PROPERTY, AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY, AXP_REQUIRED_VALIDATION_PROPERTY, AXP_STYLE_COLOR_PROPERTY, AXP_STYLE_LOOK_PROPERTY, AXP_STYLING_PROPERTY_GROUP, AXP_TABLE_COLUMN_HEIGHT_PROPERTY, AXP_TABLE_COLUMN_WIDTH_PROPERTY, AXP_TEXT_FIELD_PROPERTY, AXP_TEXT_PROPERTY, AXP_THEME_PROPERTY, AXP_TITLE_PROPERTY, AXP_TRULY_TEXT_PROPERTY, AXP_VALIDATION_PROPERTY_GROUP, AXP_VALUE_FIELD_PROPERTY, AXP_WIDGET_PROPERTY_GROUP, AXP_default_Border_Box_Units, AXP_default_Border_Box_Value, AXP_default_Spacing_Box_Units, AXP_default_Spacing_Box_Value, DEFAULT_STRATEGY_CONFIG, STRATEGY_CONFIG_TOKEN, booleanDefaultProperty, largeTextDefaultProperty, numberDefaultProperty, numberMaxValueProperty, numberMinValueProperty, plainTextDefaultProperty };
 //# sourceMappingURL=acorex-platform-widgets.mjs.map