@acorex/components 4.2.42 → 4.2.44

package/esm2020/lib/validation/validation-form.component.mjs

@@ -16,11 +16,10 @@ export class AXValidationFormComponent {
         });
     }
     validate() {
-        debugger;
         this.widgets.push(...this.widgetsQuery.toArray().filter(c => !this.widgets.includes(c)));
         //
         this.widgets.forEach(w => {
-            if (w?.validation.validateOn == null) {
+            if (w.validation && w.validation.validateOn == null) {
                 w.validation.validateOn = this.validateOn;
             }
         });
@@ -63,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             }], onInit: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsaWRhdGlvbi1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvdmFsaWRhdGlvbi92YWxpZGF0aW9uLWZvcm0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsU0FBUyxFQUNULGVBQWUsRUFDZixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixVQUFVLEVBQ1YsaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQU0vRCxNQUFNLE9BQU8seUJBQXlCO0lBRXBDLFlBQW9CLEdBQWUsRUFBVSxHQUFzQjtRQUEvQyxRQUFHLEdBQUgsR0FBRyxDQUFZO1FBQVUsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFHM0QsWUFBTyxHQUE2QixFQUFFLENBQUM7UUFPL0MsZUFBVSxHQUFpQyxRQUFRLENBQUM7UUFHcEQsV0FBTSxHQUE4QixJQUFJLFlBQVksRUFBZSxDQUFDO0lBYkcsQ0FBQztJQWdCeEUsZUFBZTtRQUNiLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDO1lBQ2YsU0FBUyxFQUFFLElBQUk7WUFDZixXQUFXLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhO1NBQ3BDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxRQUFRO1FBQ04sUUFBUSxDQUFBO1FBQ1IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3pGLEVBQUU7UUFDRixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUN2QixJQUFJLENBQUMsRUFBRSxVQUFVLENBQUMsVUFBVSxJQUFJLElBQUksRUFBRTtnQkFDcEMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQzthQUMzQztRQUNILENBQUMsQ0FBQyxDQUFDO1FBRUgsT0FBTyxJQUFJLE9BQU8sQ0FBcUIsT0FBTyxDQUFDLEVBQUU7WUFDL0MsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO2dCQUM5QyxPQUFPLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQzthQUMxQztZQUNELE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBVSxFQUFFLEVBQUU7Z0JBQ3JFLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUNuRCxJQUFJLE1BQU0sQ0FBQyxNQUFNLEVBQUU7b0JBQ2pCLE9BQU8sQ0FBQzt3QkFDTixNQUFNLEVBQUUsS0FBSzt3QkFDYixLQUFLLEVBQUUsTUFBTTtxQkFDZCxDQUFDLENBQUM7aUJBQ0o7cUJBQ0k7b0JBQ0gsT0FBTyxDQUFDLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7aUJBQzNCO1lBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFHRCxTQUFTLENBQUMsTUFBOEI7UUFDdEMsSUFBRyxNQUFNO1lBQ1AsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7dUhBMURVLHlCQUF5QjsyR0FBekIseUJBQXlCLDRKQVFuQixzQkFBc0IsZ0RBVjdCLDJCQUEyQjs0RkFFMUIseUJBQXlCO2tCQUpyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRSwyQkFBMkI7aUJBQ3RDO2lJQVVTLFlBQVk7c0JBRG5CLGVBQWU7dUJBQUMsc0JBQXNCLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUk5RCxVQUFVO3NCQURULEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgT25Jbml0LFxyXG4gIFF1ZXJ5TGlzdCxcclxuICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBFbGVtZW50UmVmLFxyXG4gIENoYW5nZURldGVjdG9yUmVmXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFYVmFsaWRhdGlvblJlc3VsdCB9IGZyb20gJy4vdmFsaWRhdGlvbi5jbGFzcyc7XHJcbmltcG9ydCB7IEFYVmFsaWRhdGFibGVDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlL2VsZW1lbnQuY2xhc3MnO1xyXG5pbXBvcnQgeyBBWEJhc2VFdmVudCB9IGZyb20gJy4uL2Jhc2UvZXZlbnRzLmNsYXNzJztcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdheC12YWxpZGF0aW9uLWZvcm0nLFxyXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PidcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYVmFsaWRhdGlvbkZvcm1Db21wb25lbnQge1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cclxuXHJcblxyXG4gIHByaXZhdGUgd2lkZ2V0czogQVhWYWxpZGF0YWJsZUNvbXBvbmVudFtdID0gW107XHJcblxyXG5cclxuICBAQ29udGVudENoaWxkcmVuKEFYVmFsaWRhdGFibGVDb21wb25lbnQsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcclxuICBwcml2YXRlIHdpZGdldHNRdWVyeTogUXVlcnlMaXN0PEFYVmFsaWRhdGFibGVDb21wb25lbnQ+O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHZhbGlkYXRlT246ICdibHVyJyB8ICdjaGFuZ2UnIHwgJ3N1Ym1pdCcgPSAnc3VibWl0JztcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgb25Jbml0OiBFdmVudEVtaXR0ZXI8QVhCYXNlRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWEJhc2VFdmVudD4oKTtcclxuXHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIHRoaXMub25Jbml0LmVtaXQoe1xyXG4gICAgICBjb21wb25lbnQ6IHRoaXMsXHJcbiAgICAgIGh0bWxFbGVtZW50OiB0aGlzLnJlZi5uYXRpdmVFbGVtZW50XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHZhbGlkYXRlKCk6IFByb21pc2U8QVhWYWxpZGF0aW9uUmVzdWx0PiB7XHJcbiAgICBkZWJ1Z2dlclxyXG4gICAgdGhpcy53aWRnZXRzLnB1c2goLi4udGhpcy53aWRnZXRzUXVlcnkudG9BcnJheSgpLmZpbHRlcihjID0+ICF0aGlzLndpZGdldHMuaW5jbHVkZXMoYykpKTtcclxuICAgIC8vXHJcbiAgICB0aGlzLndpZGdldHMuZm9yRWFjaCh3ID0+IHtcclxuICAgICAgaWYgKHc/LnZhbGlkYXRpb24udmFsaWRhdGVPbiA9PSBudWxsKSB7XHJcbiAgICAgICAgdy52YWxpZGF0aW9uLnZhbGlkYXRlT24gPSB0aGlzLnZhbGlkYXRlT247XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG5cclxuICAgIHJldHVybiBuZXcgUHJvbWlzZTxBWFZhbGlkYXRpb25SZXN1bHQ+KHJlc29sdmUgPT4ge1xyXG4gICAgICBpZiAoIXRoaXMud2lkZ2V0cyB8fCB0aGlzLndpZGdldHMubGVuZ3RoID09PSAwKSB7XHJcbiAgICAgICAgcmV0dXJuIFByb21pc2UucmVzb2x2ZSh7IHJlc3VsdDogdHJ1ZSB9KTtcclxuICAgICAgfVxyXG4gICAgICBQcm9taXNlLmFsbCh0aGlzLndpZGdldHMubWFwKChjKSA9PiBjLnZhbGlkYXRlKCkpKS50aGVuKChydWxlczogYW55KSA9PiB7XHJcbiAgICAgICAgY29uc3QgZmFpbGVkID0gcnVsZXMuZmlsdGVyKChjOiBhbnkpID0+ICFjLnJlc3VsdCk7XHJcbiAgICAgICAgaWYgKGZhaWxlZC5sZW5ndGgpIHtcclxuICAgICAgICAgIHJlc29sdmUoe1xyXG4gICAgICAgICAgICByZXN1bHQ6IGZhbHNlLFxyXG4gICAgICAgICAgICBpdGVtczogZmFpbGVkXHJcbiAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICByZXNvbHZlKHsgcmVzdWx0OiB0cnVlIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG5cclxuICBhZGRXaWRnZXQod2lkZ2V0OiBBWFZhbGlkYXRhYmxlQ29tcG9uZW50KSB7XHJcbiAgICBpZih3aWRnZXQpXHJcbiAgICAgIHRoaXMud2lkZ2V0cy5wdXNoKHdpZGdldCk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsaWRhdGlvbi1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvdmFsaWRhdGlvbi92YWxpZGF0aW9uLWZvcm0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsU0FBUyxFQUNULGVBQWUsRUFDZixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixVQUFVLEVBQ1YsaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQU0vRCxNQUFNLE9BQU8seUJBQXlCO0lBRXBDLFlBQW9CLEdBQWUsRUFBVSxHQUFzQjtRQUEvQyxRQUFHLEdBQUgsR0FBRyxDQUFZO1FBQVUsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFHM0QsWUFBTyxHQUE2QixFQUFFLENBQUM7UUFPL0MsZUFBVSxHQUFpQyxRQUFRLENBQUM7UUFHcEQsV0FBTSxHQUE4QixJQUFJLFlBQVksRUFBZSxDQUFDO0lBYkcsQ0FBQztJQWdCeEUsZUFBZTtRQUNiLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDO1lBQ2YsU0FBUyxFQUFFLElBQUk7WUFDZixXQUFXLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhO1NBQ3BDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3pGLEVBQUU7UUFDRixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUN2QixJQUFJLENBQUMsQ0FBQyxVQUFVLElBQUksQ0FBQyxDQUFDLFVBQVUsQ0FBQyxVQUFVLElBQUksSUFBSSxFQUFFO2dCQUNuRCxDQUFDLENBQUMsVUFBVSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO2FBQzNDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFFSCxPQUFPLElBQUksT0FBTyxDQUFxQixPQUFPLENBQUMsRUFBRTtZQUMvQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7Z0JBQzlDLE9BQU8sT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO2FBQzFDO1lBQ0QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRTtnQkFDckUsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQU0sRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ25ELElBQUksTUFBTSxDQUFDLE1BQU0sRUFBRTtvQkFDakIsT0FBTyxDQUFDO3dCQUNOLE1BQU0sRUFBRSxLQUFLO3dCQUNiLEtBQUssRUFBRSxNQUFNO3FCQUNkLENBQUMsQ0FBQztpQkFDSjtxQkFDSTtvQkFDSCxPQUFPLENBQUMsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztpQkFDM0I7WUFDSCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUdELFNBQVMsQ0FBQyxNQUE4QjtRQUN0QyxJQUFHLE1BQU07WUFDUCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM5QixDQUFDOzt1SEF6RFUseUJBQXlCOzJHQUF6Qix5QkFBeUIsNEpBUW5CLHNCQUFzQixnREFWN0IsMkJBQTJCOzRGQUUxQix5QkFBeUI7a0JBSnJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsUUFBUSxFQUFFLDJCQUEyQjtpQkFDdEM7aUlBVVMsWUFBWTtzQkFEbkIsZUFBZTt1QkFBQyxzQkFBc0IsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUU7Z0JBSTlELFVBQVU7c0JBRFQsS0FBSztnQkFJTixNQUFNO3NCQURMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBPbkluaXQsXHJcbiAgUXVlcnlMaXN0LFxyXG4gIENvbnRlbnRDaGlsZHJlbixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWZcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhWYWxpZGF0aW9uUmVzdWx0IH0gZnJvbSAnLi92YWxpZGF0aW9uLmNsYXNzJztcclxuaW1wb3J0IHsgQVhWYWxpZGF0YWJsZUNvbXBvbmVudCB9IGZyb20gJy4uL2Jhc2UvZWxlbWVudC5jbGFzcyc7XHJcbmltcG9ydCB7IEFYQmFzZUV2ZW50IH0gZnJvbSAnLi4vYmFzZS9ldmVudHMuY2xhc3MnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LXZhbGlkYXRpb24tZm9ybScsXHJcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhWYWxpZGF0aW9uRm9ybUNvbXBvbmVudCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxyXG5cclxuXHJcbiAgcHJpdmF0ZSB3aWRnZXRzOiBBWFZhbGlkYXRhYmxlQ29tcG9uZW50W10gPSBbXTtcclxuXHJcblxyXG4gIEBDb250ZW50Q2hpbGRyZW4oQVhWYWxpZGF0YWJsZUNvbXBvbmVudCwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KVxyXG4gIHByaXZhdGUgd2lkZ2V0c1F1ZXJ5OiBRdWVyeUxpc3Q8QVhWYWxpZGF0YWJsZUNvbXBvbmVudD47XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgdmFsaWRhdGVPbjogJ2JsdXInIHwgJ2NoYW5nZScgfCAnc3VibWl0JyA9ICdzdWJtaXQnO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBvbkluaXQ6IEV2ZW50RW1pdHRlcjxBWEJhc2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYQmFzZUV2ZW50PigpO1xyXG5cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgdGhpcy5vbkluaXQuZW1pdCh7XHJcbiAgICAgIGNvbXBvbmVudDogdGhpcyxcclxuICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMucmVmLm5hdGl2ZUVsZW1lbnRcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgdmFsaWRhdGUoKTogUHJvbWlzZTxBWFZhbGlkYXRpb25SZXN1bHQ+IHtcclxuICAgIHRoaXMud2lkZ2V0cy5wdXNoKC4uLnRoaXMud2lkZ2V0c1F1ZXJ5LnRvQXJyYXkoKS5maWx0ZXIoYyA9PiAhdGhpcy53aWRnZXRzLmluY2x1ZGVzKGMpKSk7XHJcbiAgICAvL1xyXG4gICAgdGhpcy53aWRnZXRzLmZvckVhY2godyA9PiB7XHJcbiAgICAgIGlmICh3LnZhbGlkYXRpb24gJiYgdy52YWxpZGF0aW9uLnZhbGlkYXRlT24gPT0gbnVsbCkge1xyXG4gICAgICAgIHcudmFsaWRhdGlvbi52YWxpZGF0ZU9uID0gdGhpcy52YWxpZGF0ZU9uO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuXHJcbiAgICByZXR1cm4gbmV3IFByb21pc2U8QVhWYWxpZGF0aW9uUmVzdWx0PihyZXNvbHZlID0+IHtcclxuICAgICAgaWYgKCF0aGlzLndpZGdldHMgfHwgdGhpcy53aWRnZXRzLmxlbmd0aCA9PT0gMCkge1xyXG4gICAgICAgIHJldHVybiBQcm9taXNlLnJlc29sdmUoeyByZXN1bHQ6IHRydWUgfSk7XHJcbiAgICAgIH1cclxuICAgICAgUHJvbWlzZS5hbGwodGhpcy53aWRnZXRzLm1hcCgoYykgPT4gYy52YWxpZGF0ZSgpKSkudGhlbigocnVsZXM6IGFueSkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGZhaWxlZCA9IHJ1bGVzLmZpbHRlcigoYzogYW55KSA9PiAhYy5yZXN1bHQpO1xyXG4gICAgICAgIGlmIChmYWlsZWQubGVuZ3RoKSB7XHJcbiAgICAgICAgICByZXNvbHZlKHtcclxuICAgICAgICAgICAgcmVzdWx0OiBmYWxzZSxcclxuICAgICAgICAgICAgaXRlbXM6IGZhaWxlZFxyXG4gICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgcmVzb2x2ZSh7IHJlc3VsdDogdHJ1ZSB9KTtcclxuICAgICAgICB9XHJcbiAgICAgIH0pO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuXHJcbiAgYWRkV2lkZ2V0KHdpZGdldDogQVhWYWxpZGF0YWJsZUNvbXBvbmVudCkge1xyXG4gICAgaWYod2lkZ2V0KVxyXG4gICAgICB0aGlzLndpZGdldHMucHVzaCh3aWRnZXQpO1xyXG4gIH1cclxuXHJcbn1cclxuIl19

package/fesm2015/acorex-components.mjs

@@ -5614,11 +5614,10 @@ class AXValidationFormComponent {
         });
     }
     validate() {
-        debugger;
         this.widgets.push(...this.widgetsQuery.toArray().filter(c => !this.widgets.includes(c)));
         //
         this.widgets.forEach(w => {
-            if ((w === null || w === void 0 ? void 0 : w.validation.validateOn) == null) {
+            if (w.validation && w.validation.validateOn == null) {
                 w.validation.validateOn = this.validateOn;
             }
         });
@@ -10306,10 +10305,11 @@ class AXSearchBarComponent {
     set items(v) {
         v.forEach((el) => {
             if (el.value != null) {
+                debugger;
                 this._filterItems.push({
                     name: el.property.name,
                     title: el.property.title,
-                    textValue: el.value,
+                    textValue: this.handleTextValue(el),
                     value: el.value,
                     component: el
                 });
@@ -10331,53 +10331,57 @@ class AXSearchBarComponent {
     }
     handleValueChange(e) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-        let value = [];
-        let text = [];
-        if (((_a = e.property.editorOptions) === null || _a === void 0 ? void 0 : _a.valueField) && e.value != null) {
-            if (e.property.editorOptions.returnAllData) {
-                value = e.value;
-                e.value.forEach(element => {
-                    text.push(element[e.property.editorOptions.textField]);
-                });
-            }
-            else if (((_b = e.property.editorOptions) === null || _b === void 0 ? void 0 : _b.mode) == 'multiple') {
-                e.value.forEach(element => {
-                    value.push(element[e.property.editorOptions.valueField]);
-                    text.push(element[e.property.editorOptions.textField]);
-                });
+        return __awaiter(this, void 0, void 0, function* () {
+            debugger;
+            let value = [];
+            let text = [];
+            if (((_a = e.property.editorOptions) === null || _a === void 0 ? void 0 : _a.valueField) && e.value != null) {
+                if (e.property.editorOptions.returnAllData) {
+                    value = e.value;
+                    text = yield this.handleTextValue(e);
+                }
+                else if (((_b = e.property.editorOptions) === null || _b === void 0 ? void 0 : _b.mode) == 'multiple') {
+                    e.value.forEach((element) => {
+                        debugger;
+                        value.push(element[e.property.editorOptions.valueField]);
+                        text.push(element[e.property.editorOptions.textField]);
+                    });
+                }
+                else {
+                    if (e.value.length) {
+                        value = e.value[0][e.property.editorOptions.valueField];
+                        text = e.value[0][e.property.editorOptions.textField];
+                    }
+                }
             }
             else {
-                value = e.value[0][e.property.editorOptions.valueField];
-                text = e.value[0][e.property.editorOptions.textField];
+                value = e.value;
+                text = e.value;
+            }
+            const findEl = this._filterItemsClone.find((el) => el.name == e.property.name);
+            if (findEl) {
+                findEl.value = value;
+                findEl.textValue = text ? text.toString() : null;
+            }
+            else if (e.value != null) {
+                this._filterItemsClone.push({
+                    name: e.property.name,
+                    title: e.property.title,
+                    value,
+                    textValue: text.toString(),
+                    component: e,
+                    filterOptions: {
+                        filters: ((_d = (_c = e.property) === null || _c === void 0 ? void 0 : _c.filterOptions) === null || _d === void 0 ? void 0 : _d.filters) ? e.property.filterOptions.filters : [],
+                        logic: ((_f = (_e = e.property) === null || _e === void 0 ? void 0 : _e.filterOptions) === null || _f === void 0 ? void 0 : _f.logic) ? e.property.filterOptions.logic : 'and',
+                        ignoreCase: ((_h = (_g = e.property) === null || _g === void 0 ? void 0 : _g.filterOptions) === null || _h === void 0 ? void 0 : _h.ignoreCase) ? e.property.filterOptions.ignoreCase : true,
+                        joinType: ((_k = (_j = e.property) === null || _j === void 0 ? void 0 : _j.filterOptions) === null || _k === void 0 ? void 0 : _k.joinType) ? e.property.filterOptions.joinType : 'INNER',
+                        operator: ((_m = (_l = e.property) === null || _l === void 0 ? void 0 : _l.filterOptions) === null || _m === void 0 ? void 0 : _m.operator) ? e.property.filterOptions.operator : null,
+                        truncateDate: ((_p = (_o = e.property) === null || _o === void 0 ? void 0 : _o.filterOptions) === null || _p === void 0 ? void 0 : _p.truncateDate) ? e.property.filterOptions.truncateDate : true
+                    }
+                });
             }
-        }
-        else {
-            value = e.value;
-            text = e.value;
-        }
-        const findEl = this._filterItemsClone.find((el) => el.name == e.property.name);
-        if (findEl) {
-            findEl.value = value;
-            findEl.textValue = text.toString();
-        }
-        else if (e.value != null) {
-            this._filterItemsClone.push({
-                name: e.property.name,
-                title: e.property.title,
-                value,
-                textValue: text.toString(),
-                component: e,
-                filterOptions: {
-                    filters: ((_d = (_c = e.property) === null || _c === void 0 ? void 0 : _c.filterOptions) === null || _d === void 0 ? void 0 : _d.filters) ? e.property.filterOptions.filters : [],
-                    logic: ((_f = (_e = e.property) === null || _e === void 0 ? void 0 : _e.filterOptions) === null || _f === void 0 ? void 0 : _f.logic) ? e.property.filterOptions.logic : 'and',
-                    ignoreCase: ((_h = (_g = e.property) === null || _g === void 0 ? void 0 : _g.filterOptions) === null || _h === void 0 ? void 0 : _h.ignoreCase) ? e.property.filterOptions.ignoreCase : true,
-                    joinType: ((_k = (_j = e.property) === null || _j === void 0 ? void 0 : _j.filterOptions) === null || _k === void 0 ? void 0 : _k.joinType) ? e.property.filterOptions.joinType : 'INNER',
-                    operator: ((_m = (_l = e.property) === null || _l === void 0 ? void 0 : _l.filterOptions) === null || _m === void 0 ? void 0 : _m.operator) ? e.property.filterOptions.operator : null,
-                    truncateDate: ((_p = (_o = e.property) === null || _o === void 0 ? void 0 : _o.filterOptions) === null || _p === void 0 ? void 0 : _p.truncateDate) ? e.property.filterOptions.truncateDate : true
-                }
-            });
-        }
-        this.onValueChange.emit(e);
+            this.onValueChange.emit(e);
+        });
     }
     handleItemRemoveClick(item) {
         this._editors.forEach((e) => {
@@ -10388,9 +10392,16 @@ class AXSearchBarComponent {
         this._filterItems = this._filterItems.filter((el) => el.name != item.name);
     }
     search() {
-        this._filterItems = JSON.parse(JSON.stringify(this._filterItemsClone.filter((el) => el.value != null && el.value != '')));
-        this.handleButtonClick();
-        this.onSearchValue.emit(this._filterItems);
+        debugger;
+        this.form.validate().then((c) => {
+            if (c.result) {
+                debugger;
+                this._filterItems = JSON.parse(JSON.stringify(this._filterItemsClone.filter((el) => el.value != null && el.value != '')));
+                this.handleButtonClick();
+                console.log(this._filterItems);
+                this.onSearchValue.emit(this._filterItems);
+            }
+        });
     }
     clear() {
         this._editors.forEach((e) => {
@@ -10426,19 +10437,56 @@ class AXSearchBarComponent {
         }
         return className.toString().replace(/,/, ' ');
     }
+    _handleShowTitleSelected(item) {
+        if (item.component.property.editorClass !== 'ax/editors/check') {
+            return item.title + ':';
+        }
+    }
+    _handleShowValueSelected(item) {
+        if (item.component.property.editorClass === 'ax/editors/check') {
+            return item.title;
+        }
+        else {
+            // if (Array.isArray(item.textValue)) {
+            //   let textValue = '';
+            //   item.textValue.forEach((element, index) => {
+            //     textValue +=
+            //       index === item.textValue.length - 1
+            //         ? element[item.component.property.editorOptions.textField]
+            //         : element[item.component.property.editorOptions.textField] + ',';
+            //   });
+            //   return textValue;
+            // } else {
+            return item.textValue;
+            // }
+        }
+    }
     ngOnInit() { }
+    handleTextValue(dataItem) {
+        let text = '';
+        dataItem.value.forEach((element, index) => {
+            text +=
+                index === dataItem.value.length - 1
+                    ? element[dataItem.property.editorOptions.textField]
+                    : element[dataItem.property.editorOptions.textField] + ',';
+        });
+        return text;
+    }
 }
 AXSearchBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AXSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSearchBarComponent, selector: "ax-search-bar", inputs: { size: "size", disabled: "disabled", items: "items", rtl: "rtl" }, outputs: { onValueChange: "onValueChange", onSearchValue: "onSearchValue" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "_editors", predicate: AXPropertyEditorRendererDirective, descendants: true }], ngImport: i0, template: "<ax-drop-down [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-sliders-h\" #dropdown\r\n    maxHeight=\"unset\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container header>\r\n        <div class=\"ax chips-container\">\r\n            <div class=\"chips\" *ngFor=\"let item of _filterItems\">\r\n                <span class=\"chips-text\">\r\n                    <b>{{item.title}} :</b> {{item.textValue}}\r\n                </span>\r\n                <span class=\"close-icon\" (click)=\"handleItemRemoveClick(item)\">\r\n                    <i class=\"far fa-times close\"></i>\r\n                </span>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-container panel>\r\n        <div class=\"panel-box\">\r\n            <div *ngFor=\"let item of _items\" class=\"row\">\r\n                <div *ngFor=\"let prop of item.items\" class=\"{{renderCol(prop.property.col)}}\">\r\n                    <!-- <ax-form-group> -->\r\n                        <div *ngIf=\"prop.property.visible != false\">\r\n                            <ax-label>{{prop.property.title}}</ax-label>\r\n                            <ng-container ax-property-editor-renderer [property]=\"prop\" [context]=\"_context\"\r\n                                (onValueChange)=\"handleValueChange($event)\"></ng-container>\r\n                        </div>\r\n                    <!-- </ax-form-group> -->\r\n                </div>\r\n            </div>\r\n            <div class=\"footer-button\">\r\n                <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\r\n                <ax-button type=\"blank danger\" (click)=\"clear()\">{{'dataGrid.clearFilter' | trans}}</ax-button>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button end icon=\"far fa-sliders-h icon\" type=\"light blank\" [disabled]=\"disabled\" [size]=\"size\"\r\n            [tabIndex]=\"-1\" (click)=\"handleButtonClick()\">{{'common.search' | trans}}</ax-button>\r\n    </ng-container>\r\n\r\n</ax-drop-down>\r\n", styles: [".ax.chips-container{height:100%}.panel-box{padding:1rem}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}\n"], components: [{ type: AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading"], outputs: ["dropdownToggle", "onButtonClick"] }, { type: AXLabelComponent, selector: "ax-label", inputs: ["size"] }, { type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], directives: [{ type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: AXPropertyEditorRendererDirective, selector: "[ax-property-editor-renderer]", inputs: ["property", "validationForm", "context", "host", "groupId"], outputs: ["onValueChange"] }], pipes: { "trans": i1$2.AXTranslatorPipe } });
+AXSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSearchBarComponent, selector: "ax-search-bar", inputs: { size: "size", disabled: "disabled", items: "items", rtl: "rtl" }, outputs: { onValueChange: "onValueChange", onSearchValue: "onSearchValue" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "form", first: true, predicate: AXValidationFormComponent, descendants: true }, { propertyName: "_editors", predicate: AXPropertyEditorRendererDirective, descendants: true }], ngImport: i0, template: "<ax-drop-down [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-sliders-h\" #dropdown\r\n    maxHeight=\"unset\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container header>\r\n        <div class=\"ax chips-container\">\r\n            <div class=\"chips\" *ngFor=\"let item of _filterItems\">\r\n                <span class=\"chips-text\" style=\"direction:rtl;\">\r\n                    <b>{{_handleShowTitleSelected(item)}}</b> {{_handleShowValueSelected(item)}}\r\n                </span>\r\n                <span class=\"close-icon\" (click)=\"handleItemRemoveClick(item)\">\r\n                    <i class=\"far fa-times close\"></i>\r\n                </span>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-container panel>\r\n        <div class=\"panel-box\">\r\n            <ax-validation-form #form>\r\n                <div *ngFor=\"let item of _items\" class=\"row\">\r\n                    <div *ngFor=\"let prop of item.items\" class=\"{{renderCol(prop.property.col)}}\">\r\n                        <!-- <ax-form-group> -->\r\n                        <div *ngIf=\"prop.property.visible != false\">\r\n                            <ax-label>{{prop.property.title}}</ax-label>\r\n                            <ng-container ax-property-editor-renderer [validationForm]=\"form\" [property]=\"prop\"\r\n                                [context]=\"_context\" (onValueChange)=\"handleValueChange($event)\"></ng-container>\r\n                        </div>\r\n                        <!-- </ax-form-group> -->\r\n                    </div>\r\n                </div>\r\n                <div class=\"footer-button\">\r\n                    <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\r\n                    <ax-button type=\"blank danger\" (click)=\"clear()\">{{'dataGrid.clearFilter' | trans}}</ax-button>\r\n                </div>\r\n            </ax-validation-form>\r\n        </div>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button end icon=\"far fa-sliders-h icon\" type=\"light blank\" [disabled]=\"disabled\" [size]=\"size\"\r\n            [tabIndex]=\"-1\" (click)=\"handleButtonClick()\">{{'common.search' | trans}}</ax-button>\r\n    </ng-container>\r\n\r\n</ax-drop-down>", styles: [".ax.chips-container{height:100%}.panel-box{padding:1rem}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}\n"], components: [{ type: AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading"], outputs: ["dropdownToggle", "onButtonClick"] }, { type: AXValidationFormComponent, selector: "ax-validation-form", inputs: ["validateOn"], outputs: ["onInit"] }, { type: AXLabelComponent, selector: "ax-label", inputs: ["size"] }, { type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], directives: [{ type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: AXPropertyEditorRendererDirective, selector: "[ax-property-editor-renderer]", inputs: ["property", "validationForm", "context", "host", "groupId"], outputs: ["onValueChange"] }], pipes: { "trans": i1$2.AXTranslatorPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-search-bar', template: "<ax-drop-down [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-sliders-h\" #dropdown\r\n    maxHeight=\"unset\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container header>\r\n        <div class=\"ax chips-container\">\r\n            <div class=\"chips\" *ngFor=\"let item of _filterItems\">\r\n                <span class=\"chips-text\">\r\n                    <b>{{item.title}} :</b> {{item.textValue}}\r\n                </span>\r\n                <span class=\"close-icon\" (click)=\"handleItemRemoveClick(item)\">\r\n                    <i class=\"far fa-times close\"></i>\r\n                </span>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-container panel>\r\n        <div class=\"panel-box\">\r\n            <div *ngFor=\"let item of _items\" class=\"row\">\r\n                <div *ngFor=\"let prop of item.items\" class=\"{{renderCol(prop.property.col)}}\">\r\n                    <!-- <ax-form-group> -->\r\n                        <div *ngIf=\"prop.property.visible != false\">\r\n                            <ax-label>{{prop.property.title}}</ax-label>\r\n                            <ng-container ax-property-editor-renderer [property]=\"prop\" [context]=\"_context\"\r\n                                (onValueChange)=\"handleValueChange($event)\"></ng-container>\r\n                        </div>\r\n                    <!-- </ax-form-group> -->\r\n                </div>\r\n            </div>\r\n            <div class=\"footer-button\">\r\n                <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\r\n                <ax-button type=\"blank danger\" (click)=\"clear()\">{{'dataGrid.clearFilter' | trans}}</ax-button>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button end icon=\"far fa-sliders-h icon\" type=\"light blank\" [disabled]=\"disabled\" [size]=\"size\"\r\n            [tabIndex]=\"-1\" (click)=\"handleButtonClick()\">{{'common.search' | trans}}</ax-button>\r\n    </ng-container>\r\n\r\n</ax-drop-down>\r\n", styles: [".ax.chips-container{height:100%}.panel-box{padding:1rem}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}\n"] }]
+            args: [{ selector: 'ax-search-bar', template: "<ax-drop-down [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-sliders-h\" #dropdown\r\n    maxHeight=\"unset\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container header>\r\n        <div class=\"ax chips-container\">\r\n            <div class=\"chips\" *ngFor=\"let item of _filterItems\">\r\n                <span class=\"chips-text\" style=\"direction:rtl;\">\r\n                    <b>{{_handleShowTitleSelected(item)}}</b> {{_handleShowValueSelected(item)}}\r\n                </span>\r\n                <span class=\"close-icon\" (click)=\"handleItemRemoveClick(item)\">\r\n                    <i class=\"far fa-times close\"></i>\r\n                </span>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-container panel>\r\n        <div class=\"panel-box\">\r\n            <ax-validation-form #form>\r\n                <div *ngFor=\"let item of _items\" class=\"row\">\r\n                    <div *ngFor=\"let prop of item.items\" class=\"{{renderCol(prop.property.col)}}\">\r\n                        <!-- <ax-form-group> -->\r\n                        <div *ngIf=\"prop.property.visible != false\">\r\n                            <ax-label>{{prop.property.title}}</ax-label>\r\n                            <ng-container ax-property-editor-renderer [validationForm]=\"form\" [property]=\"prop\"\r\n                                [context]=\"_context\" (onValueChange)=\"handleValueChange($event)\"></ng-container>\r\n                        </div>\r\n                        <!-- </ax-form-group> -->\r\n                    </div>\r\n                </div>\r\n                <div class=\"footer-button\">\r\n                    <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\r\n                    <ax-button type=\"blank danger\" (click)=\"clear()\">{{'dataGrid.clearFilter' | trans}}</ax-button>\r\n                </div>\r\n            </ax-validation-form>\r\n        </div>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button end icon=\"far fa-sliders-h icon\" type=\"light blank\" [disabled]=\"disabled\" [size]=\"size\"\r\n            [tabIndex]=\"-1\" (click)=\"handleButtonClick()\">{{'common.search' | trans}}</ax-button>\r\n    </ng-container>\r\n\r\n</ax-drop-down>", styles: [".ax.chips-container{height:100%}.panel-box{padding:1rem}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { dropdown: [{
                 type: ViewChild,
                 args: ['dropdown', { static: true }]
             }], _editors: [{
                 type: ViewChildren,
                 args: [AXPropertyEditorRendererDirective]
+            }], form: [{
+                type: ViewChild,
+                args: [AXValidationFormComponent]
             }], size: [{
                 type: Input
             }], disabled: [{
@@ -11616,6 +11664,7 @@ class AXNumberBoxPropertyEditorComponent extends AXProperyEditorComponent {
         this.minValue = null;
         this.maxValue = null;
         this.clearButton = false;
+        this.showCounter = true;
     }
     handleValueChange(e) {
         super.handleValueChange(e.value);
@@ -11627,34 +11676,36 @@ class AXNumberBoxPropertyEditorComponent extends AXProperyEditorComponent {
 }
 AXNumberBoxPropertyEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXNumberBoxPropertyEditorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 AXNumberBoxPropertyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXNumberBoxPropertyEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "textBox", first: true, predicate: AXNumberBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
-        <ax-number-box (onValueChanged)="handleValueChange($event)"
-            [value]="value"
-            [showSeparator]="showSeparator"
-            [decimalNumber]="decimalNumber"
-            [min]="minValue"
-            [max]="maxValue"
-            [allowClear]="clearButton"
-        >
-            <ax-validation [rules]="validation?.rules">
-            </ax-validation>
-        </ax-number-box>
-    `, isInline: true, components: [{ type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }] });
+    <ax-number-box
+      (onValueChanged)="handleValueChange($event)"
+      [value]="value"
+      [showSeparator]="showSeparator"
+      [decimalNumber]="decimalNumber"
+      [min]="minValue"
+      [max]="maxValue"
+      [allowClear]="clearButton"
+      [showCounter]="showCounter"
+    >
+      <ax-validation [rules]="validation?.rules"> </ax-validation>
+    </ax-number-box>
+  `, isInline: true, components: [{ type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXNumberBoxPropertyEditorComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-        <ax-number-box (onValueChanged)="handleValueChange($event)"
-            [value]="value"
-            [showSeparator]="showSeparator"
-            [decimalNumber]="decimalNumber"
-            [min]="minValue"
-            [max]="maxValue"
-            [allowClear]="clearButton"
-        >
-            <ax-validation [rules]="validation?.rules">
-            </ax-validation>
-        </ax-number-box>
-    `,
+    <ax-number-box
+      (onValueChanged)="handleValueChange($event)"
+      [value]="value"
+      [showSeparator]="showSeparator"
+      [decimalNumber]="decimalNumber"
+      [min]="minValue"
+      [max]="maxValue"
+      [allowClear]="clearButton"
+      [showCounter]="showCounter"
+    >
+      <ax-validation [rules]="validation?.rules"> </ax-validation>
+    </ax-number-box>
+  `
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { textBox: [{
                 type: ViewChild,
@@ -11950,6 +12001,7 @@ class AXSelectionListPropertyEditorComponent extends AXProperyEditorComponent {
         this.direction = 'horizontal';
         this.textField = null;
         this.valueField = null;
+        this.selectedItems = [];
     }
     handleValueChange(e) {
         super.handleValueChange(e);
@@ -11961,42 +12013,38 @@ class AXSelectionListPropertyEditorComponent extends AXProperyEditorComponent {
 }
 AXSelectionListPropertyEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSelectionListPropertyEditorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 AXSelectionListPropertyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSelectionListPropertyEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "selectionList", first: true, predicate: AXSelectionListComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
-    <ax-selection-list 
-        [disabled]="disabled"
-        [size]="size"
-        [readonly]="readonly"
-        [value]="value"
-        [items]="items"
-        [mode]="mode"
-        (selectedItemsChange)="handleValueChange($event)"
-        [textField]="textField"
-        [valueField]="valueField"
-        [direction]="direction"
+    <ax-selection-list
+      [disabled]="disabled"
+      [size]="size"
+      [readonly]="readonly"
+      [value]="value"
+      [items]="items"
+      [mode]="mode"
+      (selectedItemsChange)="handleValueChange($event)"
+      [direction]="direction"
+      [(selectedItems)]="selectedItems"
     >
-        <ax-validation [rules]="validation?.rules">
-        </ax-validation>
+      <ax-validation [rules]="validation?.rules"> </ax-validation>
     </ax-selection-list>
-    `, isInline: true, components: [{ type: AXSelectionListComponent, selector: "ax-selection-list", inputs: ["readonly", "value", "disabled", "size", "direction", "items", "mode", "textField", "valueField", "selectedItems", "selectedValues"], outputs: ["selectedItemsChange", "selectedValuesChange"] }, { type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }] });
+  `, isInline: true, components: [{ type: AXSelectionListComponent, selector: "ax-selection-list", inputs: ["readonly", "value", "disabled", "size", "direction", "items", "mode", "textField", "valueField", "selectedItems", "selectedValues"], outputs: ["selectedItemsChange", "selectedValuesChange"] }, { type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSelectionListPropertyEditorComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-    <ax-selection-list 
-        [disabled]="disabled"
-        [size]="size"
-        [readonly]="readonly"
-        [value]="value"
-        [items]="items"
-        [mode]="mode"
-        (selectedItemsChange)="handleValueChange($event)"
-        [textField]="textField"
-        [valueField]="valueField"
-        [direction]="direction"
+    <ax-selection-list
+      [disabled]="disabled"
+      [size]="size"
+      [readonly]="readonly"
+      [value]="value"
+      [items]="items"
+      [mode]="mode"
+      (selectedItemsChange)="handleValueChange($event)"
+      [direction]="direction"
+      [(selectedItems)]="selectedItems"
     >
-        <ax-validation [rules]="validation?.rules">
-        </ax-validation>
+      <ax-validation [rules]="validation?.rules"> </ax-validation>
     </ax-selection-list>
-    `,
+  `
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { selectionList: [{
                 type: ViewChild,
@@ -12127,6 +12175,9 @@ class AXTextPropertyEditorComponent extends AXProperyEditorComponent {
         super(cdr);
         this.cdr = cdr;
         this.clearButton = false;
+        this.mask = null;
+        this.maskGuid = false;
+        this.showMask = true;
     }
     handleValueChange(e) {
         super.handleValueChange(e.value);
@@ -12137,10 +12188,10 @@ class AXTextPropertyEditorComponent extends AXProperyEditorComponent {
     }
 }
 AXTextPropertyEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXTextPropertyEditorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXTextPropertyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXTextPropertyEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "textBox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ax-text-box (onValueChanged)=\"handleValueChange($event)\" [value]=\"value\" [readonly]=\"readonly\" [allowClear]=\"clearButton\">\r\n    <ax-validation [rules]=\"validation?.rules\">\r\n    </ax-validation>\r\n</ax-text-box>", components: [{ type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "type", "showMask", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }] });
+AXTextPropertyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXTextPropertyEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "textBox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ax-text-box (onValueChanged)=\"handleValueChange($event)\" [value]=\"value\" [readonly]=\"readonly\"\r\n    [allowClear]=\"clearButton\" [mask]=\"mask\" [maskGuid]=\"maskGuid\" [showMask]=\"showMask\">\r\n    <ax-validation [rules]=\"validation?.rules\">\r\n    </ax-validation>\r\n</ax-text-box>", components: [{ type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "type", "showMask", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXTextPropertyEditorComponent, decorators: [{
             type: Component,
-            args: [{ template: "<ax-text-box (onValueChanged)=\"handleValueChange($event)\" [value]=\"value\" [readonly]=\"readonly\" [allowClear]=\"clearButton\">\r\n    <ax-validation [rules]=\"validation?.rules\">\r\n    </ax-validation>\r\n</ax-text-box>" }]
+            args: [{ template: "<ax-text-box (onValueChanged)=\"handleValueChange($event)\" [value]=\"value\" [readonly]=\"readonly\"\r\n    [allowClear]=\"clearButton\" [mask]=\"mask\" [maskGuid]=\"maskGuid\" [showMask]=\"showMask\">\r\n    <ax-validation [rules]=\"validation?.rules\">\r\n    </ax-validation>\r\n</ax-text-box>" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { textBox: [{
                 type: ViewChild,
                 args: [AXTextBoxComponent]
@@ -13406,13 +13457,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 class AXSearchBarModule {
 }
 AXSearchBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXSearchBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarModule, declarations: [AXSearchBarComponent], imports: [CommonModule, FormsModule, AXDropdownModule, AXButtonModule, AXTextBoxModule, AXProppertyEditorModule, AXFormGroupModule, AXLabelModule, AXTranslatorModule], exports: [AXSearchBarComponent] });
-AXSearchBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarModule, providers: [], imports: [[CommonModule, FormsModule, AXDropdownModule, AXButtonModule, AXTextBoxModule, AXProppertyEditorModule, AXFormGroupModule, AXLabelModule, AXTranslatorModule]] });
+AXSearchBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarModule, declarations: [AXSearchBarComponent], imports: [CommonModule, FormsModule, AXDropdownModule, AXButtonModule, AXTextBoxModule, AXProppertyEditorModule, AXFormGroupModule, AXLabelModule, AXTranslatorModule, AXValidationModule], exports: [AXSearchBarComponent] });
+AXSearchBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarModule, providers: [], imports: [[CommonModule, FormsModule, AXDropdownModule, AXButtonModule, AXTextBoxModule, AXProppertyEditorModule, AXFormGroupModule, AXLabelModule, AXTranslatorModule, AXValidationModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXSearchBarComponent],
-                    imports: [CommonModule, FormsModule, AXDropdownModule, AXButtonModule, AXTextBoxModule, AXProppertyEditorModule, AXFormGroupModule, AXLabelModule, AXTranslatorModule],
+                    imports: [CommonModule, FormsModule, AXDropdownModule, AXButtonModule, AXTextBoxModule, AXProppertyEditorModule, AXFormGroupModule, AXLabelModule, AXTranslatorModule, AXValidationModule],
                     exports: [AXSearchBarComponent],
                     providers: [],
                 }]