@rosoftlab/rdict 1.0.4-alpha-12 → 1.0.5-alpha-2

package/fesm2022/rosoftlab-rdict.mjs

@@ -1,40 +1,31 @@
-import * as i6 from '@angular/common';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Inject, Injectable, forwardRef, ViewChild, Input, Component, NgModule, HostBinding, EventEmitter, ElementRef, Output, ViewEncapsulation, InjectionToken } from '@angular/core';
-import * as i1$1 from '@angular/router';
-import { RouterModule, UrlSegment, NavigationStart } from '@angular/router';
-import * as i2 from '@ngx-translate/core';
-import { TranslateModule, TranslateService } from '@ngx-translate/core';
-import { ButtonsModule, KENDO_BUTTONS } from '@progress/kendo-angular-buttons';
+import { InjectionToken, Inject, Injectable, forwardRef, ViewChild, Input, Component } from '@angular/core';
+import * as i2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i3 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
 import { KENDO_SVGICON } from '@progress/kendo-angular-icons';
-import * as i6$1 from '@progress/kendo-angular-layout';
+import * as i6 from '@progress/kendo-angular-layout';
 import { LayoutModule } from '@progress/kendo-angular-layout';
 import * as i5 from '@progress/kendo-angular-toolbar';
 import { ToolBarToolComponent, ToolBarModule, KENDO_TOOLBAR } from '@progress/kendo-angular-toolbar';
 import * as allIcons from '@progress/kendo-svg-icons';
-import { menuIcon, userIcon, logoutIcon, saveIcon, arrowLeftIcon, pencilIcon, trashIcon, plusIcon } from '@progress/kendo-svg-icons';
-import * as i1 from '@rosoftlab/core';
-import { Subject, fromEvent, Observable, defer, mergeMap, filter, race, first, map, timeout, from, tap, catchError, throwError, BehaviorSubject } from 'rxjs';
+import { menuIcon, userIcon, logoutIcon } from '@progress/kendo-svg-icons';
+import * as i1$1 from '@rosoftlab/core';
+import { Subject, fromEvent, Observable, defer, mergeMap, filter, race, first, map, timeout, from, tap, catchError, throwError } from 'rxjs';
 import { v4 } from 'uuid';
 import { io } from 'socket.io-client';
-import * as i8 from '@angular/forms';
-import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
-import * as i7 from '@ngx-formly/core';
-import { FORMLY_CONFIG, FormlyModule } from '@ngx-formly/core';
-import { FormlyKendoModule } from '@ngx-formly/kendo';
-import * as i2$1 from '@progress/kendo-angular-dialog';
-import { DialogCloseResult, KENDO_DIALOG } from '@progress/kendo-angular-dialog';
-import * as i9 from '@progress/kendo-angular-grid';
-import { KENDO_GRID } from '@progress/kendo-angular-grid';
-import * as i1$3 from '@progress/kendo-angular-label';
-import { KENDO_LABEL } from '@progress/kendo-angular-label';
-import * as i3 from '@progress/kendo-angular-notification';
-import * as i6$2 from '@progress/kendo-angular-intl';
+import * as msgpack from '@msgpack/msgpack';
 import * as i1$2 from '@angular/common/http';
 import { HttpHeaders, HttpRequest, HttpEventType, HttpResponse } from '@angular/common/http';
 import { filter as filter$1, map as map$1 } from 'rxjs/operators';
 
+// projects/my-library/src/lib/socket-config.token.ts
+const SOCKET_URL = new InjectionToken('SocketUrl');
+
 class SocketService {
     constructor(socketUrl) {
         this.disconnect$ = new Subject();
@@ -639,7 +630,7 @@ class KendoToolbarSpanComponent extends ToolBarToolComponent {
     <ng-template #toolbarTemplate>
       <span [ngClass]="cssClass" [textContent]="text"></span>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: KendoToolbarSpanComponent, decorators: [{
             type: Component,
@@ -747,8 +738,8 @@ class FullComponent {
         });
         return drawerItems;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FullComponent, deps: [{ token: i1.UserService }, { token: i1$1.Router }, { token: i2.TranslateService }, { token: ReactiveDictionary }, { token: i1.AuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: FullComponent, isStandalone: true, selector: "rdict-full", ngImport: i0, template: "<!-- <div class=\"custom-toolbar\">\r\n  <button kendoButton [svgIcon]=\"menuSvg\" fillMode=\"flat\" (click)=\"drawer.toggle()\"></button>\r\n  <span class=\"app-title\">{{apptitle}}</span>\r\n</div> -->\r\n<kendo-toolbar>\r\n  <kendo-toolbar-span text=\"{{apptitle}}\" cssClass=\"app-title\"></kendo-toolbar-span>\r\n  <kendo-toolbar-button [svgIcon]=\"menuSvg\" fillMode=\"flat\" (click)=\"drawer.toggle()\"></kendo-toolbar-button>\r\n  <kendo-toolbar-spacer></kendo-toolbar-spacer>\r\n  <kendo-toolbar-dropdownbutton text=\"{{auth_service?.name}}\" [svgIcon]=\"userSvg\" [data]=\"user_menu\"></kendo-toolbar-dropdownbutton>\r\n</kendo-toolbar>\r\n<kendo-drawer-container>\r\n  <kendo-drawer #drawer [items]=\"items\" mode=\"push\" [mini]=\"true\" [expanded]=\"true\" (select)=\"onSelect($event)\"\r\n    [autoCollapse]=\"false\" [isItemExpanded]=\"isItemExpanded\">\r\n  </kendo-drawer>\r\n\r\n  <kendo-drawer-content>\r\n    <router-outlet></router-outlet>\r\n  </kendo-drawer-content>\r\n</kendo-drawer-container>", styles: ["html,body,rdict-full{padding:0;height:100%}rdict-full{display:flex;flex-direction:column}kendo-drawer-container{flex:1 1 auto;overflow-y:auto}.k-icon{font-size:20px}.custom-toolbar{width:100%;background-color:#f6f6f6;line-height:10px;border-bottom:inset;border-bottom-width:1px;color:#656565}.custom-toolbar button{margin:3px 0 3px 8px}.app-title{margin-left:20px;font-weight:700;font-size:17px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonsModule }, { kind: "ngmodule", type: ToolBarModule }, { kind: "component", type: i5.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: i5.ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: i5.ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: ["arrowIcon", "title", "showText", "showIcon", "text", "icon", "svgIcon", "iconClass", "imageUrl", "popupSettings", "look", "primary", "fillMode", "themeColor", "buttonClass", "textField", "disabled", "data"], outputs: ["itemClick", "open", "close"], exportAs: ["kendoToolBarDropDownButton"] }, { kind: "component", type: i5.ToolBarSpacerComponent, selector: "kendo-toolbar-spacer", exportAs: ["kendoToolBarSpacer"] }, { kind: "ngmodule", type: LayoutModule }, { kind: "component", type: i6$1.DrawerComponent, selector: "kendo-drawer", inputs: ["mode", "position", "mini", "expanded", "width", "miniWidth", "autoCollapse", "items", "isItemExpanded", "animation"], outputs: ["expand", "collapse", "select", "expandedChange"], exportAs: ["kendoDrawer"] }, { kind: "component", type: i6$1.DrawerContainerComponent, selector: "kendo-drawer-container" }, { kind: "component", type: i6$1.DrawerContentComponent, selector: "kendo-drawer-content" }, { kind: "component", type: KendoToolbarSpanComponent, selector: "kendo-toolbar-span", inputs: ["text", "cssClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FullComponent, deps: [{ token: i1$1.UserService }, { token: i2.Router }, { token: i3.TranslateService }, { token: ReactiveDictionary }, { token: i1$1.AuthService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: FullComponent, isStandalone: true, selector: "rdict-full", ngImport: i0, template: "<!-- <div class=\"custom-toolbar\">\r\n  <button kendoButton [svgIcon]=\"menuSvg\" fillMode=\"flat\" (click)=\"drawer.toggle()\"></button>\r\n  <span class=\"app-title\">{{apptitle}}</span>\r\n</div> -->\r\n<kendo-toolbar>\r\n  <kendo-toolbar-span text=\"{{apptitle}}\" cssClass=\"app-title\"></kendo-toolbar-span>\r\n  <kendo-toolbar-button [svgIcon]=\"menuSvg\" fillMode=\"flat\" (click)=\"drawer.toggle()\"></kendo-toolbar-button>\r\n  <kendo-toolbar-spacer></kendo-toolbar-spacer>\r\n  <kendo-toolbar-dropdownbutton text=\"{{auth_service?.name}}\" [svgIcon]=\"userSvg\" [data]=\"user_menu\"></kendo-toolbar-dropdownbutton>\r\n</kendo-toolbar>\r\n<kendo-drawer-container>\r\n  <kendo-drawer #drawer [items]=\"items\" mode=\"push\" [mini]=\"true\" [expanded]=\"true\" (select)=\"onSelect($event)\"\r\n    [autoCollapse]=\"false\" [isItemExpanded]=\"isItemExpanded\">\r\n  </kendo-drawer>\r\n\r\n  <kendo-drawer-content>\r\n    <router-outlet></router-outlet>\r\n  </kendo-drawer-content>\r\n</kendo-drawer-container>", styles: ["html,body,rdict-full{padding:0;height:100%}rdict-full{display:flex;flex-direction:column}kendo-drawer-container{flex:1 1 auto;overflow-y:auto}.k-icon{font-size:20px}.custom-toolbar{width:100%;background-color:#f6f6f6;line-height:10px;border-bottom:inset;border-bottom-width:1px;color:#656565}.custom-toolbar button{margin:3px 0 3px 8px}.app-title{margin-left:20px;font-weight:700;font-size:17px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonsModule }, { kind: "ngmodule", type: ToolBarModule }, { kind: "component", type: i5.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: i5.ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: i5.ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: ["arrowIcon", "title", "showText", "showIcon", "text", "icon", "svgIcon", "iconClass", "imageUrl", "popupSettings", "look", "primary", "fillMode", "themeColor", "buttonClass", "textField", "disabled", "data"], outputs: ["itemClick", "open", "close"], exportAs: ["kendoToolBarDropDownButton"] }, { kind: "component", type: i5.ToolBarSpacerComponent, selector: "kendo-toolbar-spacer", exportAs: ["kendoToolBarSpacer"] }, { kind: "ngmodule", type: LayoutModule }, { kind: "component", type: i6.DrawerComponent, selector: "kendo-drawer", inputs: ["mode", "position", "mini", "expanded", "width", "miniWidth", "autoCollapse", "items", "isItemExpanded", "animation"], outputs: ["expand", "collapse", "select", "expandedChange"], exportAs: ["kendoDrawer"] }, { kind: "component", type: i6.DrawerContainerComponent, selector: "kendo-drawer-container" }, { kind: "component", type: i6.DrawerContentComponent, selector: "kendo-drawer-content" }, { kind: "component", type: KendoToolbarSpanComponent, selector: "kendo-toolbar-span", inputs: ["text", "cssClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FullComponent, decorators: [{
             type: Component,
@@ -764,386 +755,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         KENDO_TOOLBAR,
                         KendoToolbarSpanComponent
                     ], template: "<!-- <div class=\"custom-toolbar\">\r\n  <button kendoButton [svgIcon]=\"menuSvg\" fillMode=\"flat\" (click)=\"drawer.toggle()\"></button>\r\n  <span class=\"app-title\">{{apptitle}}</span>\r\n</div> -->\r\n<kendo-toolbar>\r\n  <kendo-toolbar-span text=\"{{apptitle}}\" cssClass=\"app-title\"></kendo-toolbar-span>\r\n  <kendo-toolbar-button [svgIcon]=\"menuSvg\" fillMode=\"flat\" (click)=\"drawer.toggle()\"></kendo-toolbar-button>\r\n  <kendo-toolbar-spacer></kendo-toolbar-spacer>\r\n  <kendo-toolbar-dropdownbutton text=\"{{auth_service?.name}}\" [svgIcon]=\"userSvg\" [data]=\"user_menu\"></kendo-toolbar-dropdownbutton>\r\n</kendo-toolbar>\r\n<kendo-drawer-container>\r\n  <kendo-drawer #drawer [items]=\"items\" mode=\"push\" [mini]=\"true\" [expanded]=\"true\" (select)=\"onSelect($event)\"\r\n    [autoCollapse]=\"false\" [isItemExpanded]=\"isItemExpanded\">\r\n  </kendo-drawer>\r\n\r\n  <kendo-drawer-content>\r\n    <router-outlet></router-outlet>\r\n  </kendo-drawer-content>\r\n</kendo-drawer-container>", styles: ["html,body,rdict-full{padding:0;height:100%}rdict-full{display:flex;flex-direction:column}kendo-drawer-container{flex:1 1 auto;overflow-y:auto}.k-icon{font-size:20px}.custom-toolbar{width:100%;background-color:#f6f6f6;line-height:10px;border-bottom:inset;border-bottom-width:1px;color:#656565}.custom-toolbar button{margin:3px 0 3px 8px}.app-title{margin-left:20px;font-weight:700;font-size:17px}\n"] }]
-        }], ctorParameters: () => [{ type: i1.UserService }, { type: i1$1.Router }, { type: i2.TranslateService }, { type: ReactiveDictionary }, { type: i1.AuthService }] });
-
-class MaterialDialogService {
-    constructor(translate, dialogService, notificationService) {
-        this.translate = translate;
-        this.dialogService = dialogService;
-        this.notificationService = notificationService;
-        this.state = {
-            content: "Your data has been saved.",
-            type: { style: "success", icon: true },
-            animation: { type: "slide", duration: 400 },
-            hideAfter: 3000,
-        };
-    }
-    confirmDelete() {
-        return this.confirm(this.translate.instant("Are you sure you want to delete this record ?"), this.translate.instant("Delete Record"), this.translate.instant("General.Yes"), this.translate.instant("General.No"));
-    }
-    confirm(content, title, confirmButtonText, cancelButtonText) {
-        const dialog = this.dialogService.open({
-            title: title || "Confirm",
-            content: content || "Are you sure?",
-            actions: [
-                { text: cancelButtonText || "No", result: false },
-                { text: confirmButtonText || "Yes", themeColor: "primary", result: true }
-            ],
-            width: 450,
-            height: 200,
-            minWidth: 250,
-        });
-        // Return an Observable<boolean>
-        return new Observable((observer) => {
-            dialog.result.subscribe((result) => {
-                if (result instanceof DialogCloseResult) {
-                    // Dialog was closed without an action
-                    observer.next(false);
-                }
-                else {
-                    const actionResult = result;
-                    observer.next(actionResult.result);
-                }
-                observer.complete(); // Complete the observable
-            });
-        });
-    }
-    showError(content, title, confirmButtonText, cancelButtonText) {
-        const dialog = this.dialogService.open({
-            title: title || "Error",
-            content: content || "Error message?",
-            width: 450,
-            height: 200,
-            minWidth: 250,
-        });
-        // Return an Observable<boolean>
-        return new Observable((observer) => {
-            dialog.result.subscribe((result) => {
-                if (result instanceof DialogCloseResult) {
-                    // Dialog was closed without an action
-                    observer.next(false);
-                }
-                else {
-                    const actionResult = result;
-                    observer.next(actionResult.result);
-                }
-                observer.complete(); // Complete the observable
-            });
-        });
-    }
-    showSaveMessage(message) {
-        this.state.content = message || "Your data has been saved.";
-        this.state.type = { style: "success", icon: true };
-        this.notificationService.show(this.state);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MaterialDialogService, deps: [{ token: i2.TranslateService }, { token: i2$1.DialogService }, { token: i3.NotificationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MaterialDialogService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MaterialDialogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i2.TranslateService }, { type: i2$1.DialogService }, { type: i3.NotificationService }] });
+        }], ctorParameters: () => [{ type: i1$1.UserService }, { type: i2.Router }, { type: i3.TranslateService }, { type: ReactiveDictionary }, { type: i1$1.AuthService }] });
 
-class TranslateExtension {
-    constructor(translate) {
-        this.translate = translate;
-    }
-    prePopulate(field) {
-        const props = field.props || {};
-        if (!props['translate'] || props['_translated']) {
-            return;
-        }
-        props['_translated'] = true;
-        field.expressions = {
-            ...(field.expressions || {}),
-            'props.label': this.translate.stream(props.label),
-        };
-        if (props.placeholder) {
-            field.expressions = {
-                ...(field.expressions || {}),
-                'props.placeholder': this.translate.stream(props.placeholder)
-            };
-        }
-        if (props.description) {
-            field.expressions = {
-                ...(field.expressions || {}),
-                'props.description': this.translate.stream(props.description)
-            };
-        }
-    }
-}
-function registerTranslateExtension(translate) {
-    return {
-        validationMessages: [
-            {
-                name: 'required',
-                message(error, field) {
-                    // console.log(field);
-                    return translate.stream('General.Field.Required', { field: field.props.label });
-                },
-            },
-        ],
-        extensions: [
-            {
-                name: 'translate',
-                extension: new TranslateExtension(translate),
-            }
-        ],
-    };
-}
-
-class CrudFormlyTransaltionModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: CrudFormlyTransaltionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: CrudFormlyTransaltionModule, imports: [CommonModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: CrudFormlyTransaltionModule, providers: [
-            { provide: FORMLY_CONFIG, multi: true, useFactory: registerTranslateExtension, deps: [TranslateService] },
-        ], imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: CrudFormlyTransaltionModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                    ],
-                    providers: [
-                        { provide: FORMLY_CONFIG, multi: true, useFactory: registerTranslateExtension, deps: [TranslateService] },
-                    ],
-                }]
-        }] });
-
-class RdictCrudComponent {
-    constructor(router, route, translate, rdict, localFileService, dialogService, routeHistory, location) {
-        this.router = router;
-        this.route = route;
-        this.translate = translate;
-        this.rdict = rdict;
-        this.localFileService = localFileService;
-        this.dialogService = dialogService;
-        this.routeHistory = routeHistory;
-        this.location = location;
-        this.baseForm = new FormGroup({});
-        this.model = {};
-        this.options = {};
-        this.fields = [];
-        this.hostClass = '';
-        this.saveIcon = saveIcon;
-        this.backIcon = arrowLeftIcon;
-    }
-    async ngOnInit() {
-        this.setValueFromSnapshot(this, this.route.snapshot, 'fileLayout', '');
-        const currentUrlSegments = this.router.url.split('/').filter((segment) => segment !== '' && isNaN(Number(segment)));
-        if (['add', 'edit'].includes(currentUrlSegments[currentUrlSegments.length - 1])) {
-            currentUrlSegments.pop();
-        }
-        this.dictPath = currentUrlSegments.join('.');
-        this.hostClass = currentUrlSegments.join(' ') + ' crud';
-        this.rdictModel = currentUrlSegments.length > 0 ? currentUrlSegments[currentUrlSegments.length - 1] : '';
-        const id = this.route.snapshot.paramMap.get('id');
-        this.modelKey = id ?? null;
-        this.getModelFields();
-        this.getModel();
-        const addUrl = this.router.createUrlTree([]).toString();
-        this.editRoute = this.router.createUrlTree([addUrl.replace('add', 'edit')]).toString();
-    }
-    get hostClasses() {
-        return this.hostClass;
-    }
-    setValueFromSnapshot(component, snapshot, key, defaultValue) {
-        if (component[key] === undefined) {
-            let dataFromSnapshot = snapshot.data[key];
-            if (dataFromSnapshot === null || dataFromSnapshot === undefined) {
-                dataFromSnapshot = snapshot.params[key];
-            }
-            component[key] = dataFromSnapshot !== undefined ? dataFromSnapshot : defaultValue;
-        }
-    }
-    onSubmit(model) {
-        // this.saveModel(this.baseForm)
-    }
-    getModel() {
-        if (this.modelKey) {
-            this.rdict.get$(this.dictPath).subscribe({
-                next: (value) => {
-                    value.get$(this.modelKey).subscribe({
-                        next: (modelValue) => {
-                            this.modelRdict = modelValue;
-                            this.model = this.modelRdict.getPlainObject();
-                            this.modelRdict.onChange$().subscribe((changes) => {
-                                if (changes) {
-                                    console.log('Changes detected:', changes);
-                                    this.baseForm.get(changes.key).patchValue(changes.value);
-                                    // this.model[changes.key] = changes.value;
-                                }
-                            });
-                        }
-                    });
-                },
-                error: (err) => console.error('Error:', err.message)
-            });
-        }
-    }
-    getModelFields() {
-        if (this.rdictModel) {
-            if (this.fileLayout) {
-                //load from file
-                this.localFileService.getJsonData(this.fileLayout).subscribe({
-                    next: (value) => {
-                        if (value) {
-                            const layout = value.find((item) => item.model === this.rdictModel);
-                            this.setLayout(layout?.formLayout);
-                        }
-                    },
-                    error: (err) => console.error('Error:', err.message)
-                });
-            }
-            else
-                this.rdict.get$('config.models.' + this.rdictModel + '.formLayout').subscribe({
-                    next: (formLayout) => {
-                        if (formLayout) {
-                            this.setLayout(formLayout);
-                        }
-                    },
-                    error: (err) => console.error('Error:', err.message)
-                });
-        }
-    }
-    setLayout(formLayout) {
-        this.title = this.translate.instant(formLayout['title']);
-        // console.log(formLayout["fields"]);
-        let fieldsTmp = formLayout['fields'];
-        this.fields = this.transformFields(fieldsTmp);
-        //  this.transformJsonToFormlyFields()
+class CustomParser {
+    encode(packet) {
+        const transformedPacket = this.transformDatesForEncoding(packet);
+        return msgpack.encode(transformedPacket);
     }
-    // transformJsonToFormlyFields(json: any[]): FormlyFieldConfig[] {
-    //   // return json.map(field => {
-    //   //   if (field.type === 'select' && field.props.options) {
-    //   //     field.props.options = this.getSelectData(field.props.options);
-    //   //   }
-    //   //   return {
-    //   //     key: field.key,
-    //   //     type: field.type,
-    //   //     props: field.props,
-    //   //     fieldGroup: field?.fieldGroup
-    //   //   };
-    //   // });
-    // }
-    transformFields(fields) {
-        return fields.map((field) => this.transformField(field));
+    decode(packet) {
+        const decodedPacket = msgpack.decode(packet);
+        return this.transformDatesForDecoding(decodedPacket);
     }
-    transformField(field) {
-        // Handle the current field
-        if (field.type === 'select' && field.props?.options && typeof field.props.options === 'string') {
-            field.props.options = this.getSelectData(field.props.options);
+    transformDatesForEncoding(packet) {
+        if (packet instanceof Date) {
+            return { __type: 'Date', value: packet.toISOString() };
         }
-        // Recursively handle fieldGroup
-        if (field.fieldGroup) {
-            field.fieldGroup = this.transformFields(field.fieldGroup);
+        if (Array.isArray(packet)) {
+            return packet.map((item) => this.transformDatesForEncoding(item));
         }
-        // Recursively handle fieldArray
-        if (field.fieldArray) {
-            if (typeof field.fieldArray === 'function') {
-                const originalFieldArrayFn = field.fieldArray;
-                field.fieldArray = (fieldConfig) => {
-                    const transformedField = this.transformField(originalFieldArrayFn(fieldConfig));
-                    return transformedField;
-                };
-            }
-            else {
-                field.fieldArray = this.transformField(field.fieldArray);
+        if (typeof packet === 'object' && packet !== null) {
+            const result = {};
+            for (const key in packet) {
+                result[key] = this.transformDatesForEncoding(packet[key]);
             }
+            return result;
         }
-        return field;
+        return packet;
     }
-    async onSave() {
-        await this.saveModel(this.baseForm);
-    }
-    async saveModel(fg) {
-        if (fg.valid) {
-            var dict = await this.rdict.asyncGet(this.dictPath);
-            var new_value = fg.value;
-            if ('db_id' in this.model) {
-                // property exists
-                new_value['db_id'] = this.model['db_id'];
-            }
-            var result = await dict.update(fg.value, this.modelKey);
-            if (result) {
-                this.modelKey = Object.keys(result)[0];
-                const data = result[this.modelKey];
-                // Update the form values
-                this.baseForm.patchValue(data);
-                // Mark the form as pristine and untouched
-                this.baseForm.markAsPristine();
-                this.baseForm.markAsUntouched();
-                this.baseForm.updateValueAndValidity();
-                if (this.editRoute) {
-                    const url = this.router.createUrlTree([this.editRoute, this.modelKey]).toString();
-                    this.location.replaceState(url);
-                }
-                this.dialogService.showSaveMessage();
-            }
-            // console.log(fg.value);
+    transformDatesForDecoding(packet) {
+        if (packet && packet.__type === 'Date') {
+            return new Date(packet.value);
         }
-        else {
-            this.validateAllFormFields(fg);
+        if (Array.isArray(packet)) {
+            return packet.map((item) => this.transformDatesForDecoding(item));
         }
-    }
-    validateAllFormFields(fg) {
-        Object.keys(fg.controls).forEach((field) => {
-            // console.log(field);
-            const control = fg.get(field);
-            if (control instanceof FormControl) {
-                control.markAsTouched({ onlySelf: true });
+        if (typeof packet === 'object' && packet !== null) {
+            const result = {};
+            for (const key in packet) {
+                result[key] = this.transformDatesForDecoding(packet[key]);
             }
-            else if (control instanceof FormGroup) {
-                this.validateAllFormFields(control);
-            }
-        });
-    }
-    getSelectData(key) {
-        return this.rdict.getArray$(key);
-    }
-    onBack() {
-        if (this.baseForm.dirty) {
-            this.dialogService.confirm('Do you want to cancel the changes ?').subscribe({
-                next: (result) => {
-                    if (result) {
-                        this.router.navigate([this.routeHistory.getPreviousUrl() || '/']);
-                    }
-                }
-            });
-            // .subscribe((result) => {
-            //   if (result) {
-            //     this.router.navigate([this.routeHistory.getPreviousUrl() || '/']);
-            //   }
-            // });
-        }
-        else {
-            this.router.navigate([this.routeHistory.getPreviousUrl() || '/']);
+            return result;
         }
+        return packet;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: RdictCrudComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i2.TranslateService }, { token: ReactiveDictionary }, { token: i1.LocalFileService }, { token: MaterialDialogService }, { token: i1.RouteHistoryService }, { token: i6.Location }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: RdictCrudComponent, isStandalone: true, selector: "app-rdict-crud", host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<kendo-toolbar>\r\n  <kendo-toolbar-button text=\"Back\" showText=\"both\" [svgIcon]=\"backIcon\" showIcon=\"both\" themeColor=\"primary\"\r\n    [disabled]=\"false\" (click)=\"onBack()\">\r\n  </kendo-toolbar-button>\r\n  <kendo-toolbar-spacer></kendo-toolbar-spacer>\r\n  <kendo-toolbar-button text=\"Save\" showText=\"both\" [svgIcon]=\"saveIcon\" showIcon=\"both\" themeColor=\"success\"\r\n    [disabled]=\"false\" (click)=\"onSave()\">\r\n  </kendo-toolbar-button>\r\n</kendo-toolbar>\r\n\r\n  <form [formGroup]=\"baseForm\" (ngSubmit)=\"onSubmit(model)\">\r\n    <formly-form [form]=\"baseForm\" [fields]=\"fields\" [model]=\"model\" [options]=\"options\"></formly-form>\r\n  </form>\r\n<div kendoDialogContainer></div>", styles: ["::ng-deep formly-field{padding:.3rem;display:block}\n"], dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i7.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyKendoModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CrudFormlyTransaltionModule }, { kind: "component", type: i5.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: i5.ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: i5.ToolBarSpacerComponent, selector: "kendo-toolbar-spacer", exportAs: ["kendoToolBarSpacer"] }, { kind: "directive", type: i2$1.DialogContainerDirective, selector: "[kendoDialogContainer]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: RdictCrudComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-rdict-crud', imports: [
-                        FormlyModule,
-                        ReactiveFormsModule,
-                        FormlyKendoModule,
-                        TranslateModule,
-                        CrudFormlyTransaltionModule,
-                        KENDO_GRID,
-                        KENDO_TOOLBAR,
-                        KENDO_LABEL,
-                        KENDO_BUTTONS,
-                        KENDO_DIALOG
-                    ], template: "<kendo-toolbar>\r\n  <kendo-toolbar-button text=\"Back\" showText=\"both\" [svgIcon]=\"backIcon\" showIcon=\"both\" themeColor=\"primary\"\r\n    [disabled]=\"false\" (click)=\"onBack()\">\r\n  </kendo-toolbar-button>\r\n  <kendo-toolbar-spacer></kendo-toolbar-spacer>\r\n  <kendo-toolbar-button text=\"Save\" showText=\"both\" [svgIcon]=\"saveIcon\" showIcon=\"both\" themeColor=\"success\"\r\n    [disabled]=\"false\" (click)=\"onSave()\">\r\n  </kendo-toolbar-button>\r\n</kendo-toolbar>\r\n\r\n  <form [formGroup]=\"baseForm\" (ngSubmit)=\"onSubmit(model)\">\r\n    <formly-form [form]=\"baseForm\" [fields]=\"fields\" [model]=\"model\" [options]=\"options\"></formly-form>\r\n  </form>\r\n<div kendoDialogContainer></div>", styles: ["::ng-deep formly-field{padding:.3rem;display:block}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2.TranslateService }, { type: ReactiveDictionary }, { type: i1.LocalFileService }, { type: MaterialDialogService }, { type: i1.RouteHistoryService }, { type: i6.Location }], propDecorators: { hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
 
 class FileService {
     // private baseUrl ='http://localhost:5200';
@@ -1287,691 +942,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     args: [SOCKET_URL]
                 }] }] });
 
-/** Main mapper */
-function kendoToFilterRequest(e) {
-    const { skip = 0, take = 0, sort, filter, group } = e ?? e;
-    const page_size = take || undefined;
-    const page = take ? Math.floor(skip / take) + 1 : undefined;
-    return {
-        page,
-        page_size,
-        sorts: kendoSortsToDict(sort),
-        filters: kendoFilterToSieve(filter),
-        group_by: kendoGroupToArray(group)
-        // distinctColumns: fill if you use a “distinct” mode in your API
-    };
-}
-/* ------------------------------- Sorts ---------------------------------- */
-function kendoSortsToDict(sorts) {
-    if (!sorts?.length)
-        return undefined;
-    const result = {};
-    for (const s of sorts) {
-        if (!s.field)
-            continue;
-        result[s.field] = (s.dir ?? 'asc');
-    }
-    return result;
-}
-/* ---------------- GroupBy as array ---------------- */
-function kendoGroupToArray(group) {
-    if (!group?.length)
-        return undefined;
-    return group.map((g) => g.field);
-}
-/* ------------------------------ Filters --------------------------------- */
-/**
- * Converts Kendo filter tree to a Sieve filter string.
- * Notes (Sieve):
- * - Clause is {Name}{Operator}{Value}, AND with commas, simple OR via:
- *   - multiple names: (Field1|Field2)opValue
- *   - multiple values: Field@=a|b
- * - Operators: ==, !=, >, <, >=, <=, @= (contains), _= (starts), _-= (ends),
- *   and case-insensitive variants like @=* etc. :contentReference[oaicite:1]{index=1}
- */
-function kendoFilterToSieve(node) {
-    if (!node)
-        return undefined;
-    if (isLeaf(node)) {
-        const op = mapOperator(node.operator, !!node.ignoreCase, node.value);
-        if (!op)
-            return undefined; // unsupported operator (e.g., isnull/isnotnull)
-        const name = node.field;
-        const value = formatSieveValue(node.value);
-        return `${name}${op}${value}`;
-    }
-    // Composite: best-effort mapping.
-    // AND → comma-join
-    // OR  → try to compress same-field same-op OR into value pipes; otherwise fall back to (Field1|Field2)opValue when viable.
-    const parts = node.filters.map((f) => kendoFilterToSieve(f)).filter(Boolean);
-    if (!parts.length)
-        return undefined;
-    if (node.logic === 'and') {
-        return parts.join(',');
-    }
-    // OR logic – try simple compressions; if not possible, return a comma-joined set of grouped OR chunks when possible.
-    // Heuristic: if all parts share the same {field,op} with different values → merge via value pipes.
-    const parsed = parts.map(parseClause).filter(Boolean);
-    if (parsed.length && allSame(parsed, (c) => `${c.name}|${c.op}`)) {
-        const { name, op } = parsed[0];
-        const pipedValues = parsed.map((c) => c.value).join('|');
-        return `${name}${op}${pipedValues}`;
-    }
-    // If all parts share same {op,value} but different fields → (A|B)opV
-    if (parsed.length && allSame(parsed, (c) => `${c.op}|${c.value}`)) {
-        const fields = parsed.map((c) => c.name).join('|');
-        const { op, value } = parsed[0];
-        return `(${fields})${op}${value}`;
-    }
-    // Fallback: join with Sieve’s AND (comma). (General mixed OR trees can’t always be represented in Sieve DSL.
-    // If you need exact semantics, consider adding a custom Sieve filter.) :contentReference[oaicite:2]{index=2}
-    return parts.join(',');
-}
-/* ----------------------------- Helpers ---------------------------------- */
-function isLeaf(f) {
-    return f.filters === undefined;
-}
-// Map Kendo operators to Sieve operators (case-insensitive variants when ignoreCase=true)
-function mapOperator(kendoOp, ignoreCase, value) {
-    // Kendo operators list: eq, neq, lt, lte, gt, gte, contains, doesnotcontain, startswith, endswith,
-    // isnull, isnotnull, isempty, isnotempty
-    // Sieve operators: ==, !=, <, <=, >, >=, @=, !@=, _=, _-=, and their * variants for case-insensitive. :contentReference[oaicite:3]{index=3}
-    const strOps = {
-        contains: '@=',
-        doesnotcontain: '!@=',
-        startswith: '_=',
-        endswith: '_-='
-    };
-    const base = (() => {
-        switch (kendoOp) {
-            case 'eq':
-                return '==';
-            case 'neq':
-                return '!=';
-            case 'lt':
-                return '<';
-            case 'lte':
-                return '<=';
-            case 'gt':
-                return '>';
-            case 'gte':
-                return '>=';
-            case 'contains':
-                return strOps.contains;
-            case 'doesnotcontain':
-                return strOps.doesnotcontain;
-            case 'startswith':
-                return strOps.startswith;
-            case 'endswith':
-                return strOps.endswith;
-            case 'isempty':
-                return '=='; // value should be ''
-            case 'isnotempty':
-                return '!='; // value should be ''
-            // isnull / isnotnull don’t have a native Sieve op. Recommend a custom filter on the API.
-            case 'isnull':
-            case 'isnotnull':
-                return undefined;
-            default:
-                return undefined;
-        }
-    })();
-    if (!base)
-        return undefined;
-    // Promote to case-insensitive *only* for string-y ops when requested
-    const isStringy = ['@=', '!@=', '_=', '_-='].includes(base) || typeof value === 'string';
-    if (ignoreCase && isStringy) {
-        // Sieve: case-insensitive variants add a trailing * (e.g., @=*). :contentReference[oaicite:4]{index=4}
-        return base.endsWith('*') ? base : `${base}*`;
-    }
-    return base;
-}
-function formatSieveValue(v) {
-    if (v === '' || v === null || v === undefined)
-        return '';
-    if (v instanceof Date)
-        return toISO(v);
-    // Kendo may send dates as strings – try to detect ISO-like and pass through
-    if (typeof v === 'string' && isDateLike(v))
-        return v;
-    if (typeof v === 'string')
-        return escapeSieve(v);
-    if (typeof v === 'number' || typeof v === 'bigint' || typeof v === 'boolean')
-        return String(v);
-    // Arrays can appear with “in” like semantics via OR; join with pipes
-    if (Array.isArray(v))
-        return v.map(formatSieveValue).join('|');
-    // Fallback to JSON (rare)
-    return escapeSieve(JSON.stringify(v));
-}
-function toISO(d) {
-    // Prefer full ISO so the API can parse reliably
-    // return new Date(d).toISOString();
-    const y = d.getFullYear();
-    const m = String(d.getMonth() + 1).padStart(2, '0');
-    const day = String(d.getDate()).padStart(2, '0');
-    const hh = String(d.getHours()).padStart(2, '0');
-    const mm = String(d.getMinutes()).padStart(2, '0');
-    const ss = String(d.getSeconds()).padStart(2, '0');
-    return `${y}-${m}-${day}T${hh}:${mm}:${ss}`;
-}
-function isDateLike(s) {
-    // very lenient check
-    return /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(s);
-}
-function escapeSieve(s) {
-    // Sieve escaping: backslash to escape commas and pipes (and the backslash itself). :contentReference[oaicite:5]{index=5}
-    return s.replace(/([\\,|])/g, '\\$1');
-}
-/** Parses "NameOPValue" (no commas) into {name,op,value} */
-function parseClause(clause) {
-    // Operators (longer first)
-    const ops = ['==*', '!=*', '@=*', '!@=*', '_=*', '!_=*', '_-=*', '==', '!=', '>=', '<=', '>', '<', '@=', '!@=', '_=', '_-='];
-    for (const op of ops) {
-        const idx = clause.indexOf(op);
-        if (idx > 0) {
-            return {
-                name: clause.slice(0, idx),
-                op,
-                value: clause.slice(idx + op.length)
-            };
-        }
-    }
-    return null;
-}
-function allSame(arr, key) {
-    if (!arr.length)
-        return true;
-    const k0 = key(arr[0]);
-    return arr.every((a) => key(a) === k0);
-}
-
-class RdictTableTitle extends ToolBarToolComponent {
-    constructor() {
-        super();
-        this.tabindex = -1;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: RdictTableTitle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: RdictTableTitle, isStandalone: true, selector: "table-title", inputs: { text: "text" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => RdictTableTitle) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
-        <ng-template #toolbarTemplate>
-            <kendo-label>{{text}}</kendo-label>
-        </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: i1$3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: RdictTableTitle, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => RdictTableTitle) }],
-                    selector: 'table-title',
-                    standalone: true,
-                    imports: [
-                        KENDO_LABEL,
-                    ],
-                    template: `
-        <ng-template #toolbarTemplate>
-            <kendo-label>{{text}}</kendo-label>
-        </ng-template>
-    `
-                }]
-        }], ctorParameters: () => [], propDecorators: { toolbarTemplate: [{
-                type: ViewChild,
-                args: ['toolbarTemplate', { static: true }]
-            }], text: [{
-                type: Input
-            }] } });
-
-class GenericRdictTableComponent {
-    constructor(router, route, translate, injector, localFileService, rdict, dialogService, intl, fileService) {
-        this.router = router;
-        this.route = route;
-        this.translate = translate;
-        this.injector = injector;
-        this.localFileService = localFileService;
-        this.rdict = rdict;
-        this.dialogService = dialogService;
-        this.intl = intl;
-        this.fileService = fileService;
-        this.editOnClick = false;
-        this.editOnDblClick = false;
-        this.data = [];
-        this.pageIndex = 1;
-        this.pageSize = 30;
-        this.isLoadingResults = true;
-        this.isRateLimitReached = false;
-        // @ViewChild('table') table: MatTable<any>;
-        // @ViewChild('table', { read: ElementRef }) public matTableRef: ElementRef;
-        this.selectedObject = new EventEmitter();
-        this.click = new EventEmitter();
-        this.editModel = new EventEmitter();
-        this.columns = [];
-        this.tableLayout = {};
-        this.allColumns = [];
-        this.referenceColumns = [];
-        this.referenceData = new Map();
-        // ColumnMode = ColumnMode;
-        // SelectionType = SelectionType;
-        this.headerHeight = 50;
-        this.rowHeight = 50;
-        this.svgEdit = pencilIcon;
-        this.svgDelete = trashIcon;
-        this.svgAdd = plusIcon;
-        this.state = {
-            skip: 0,
-            take: 30
-        };
-        this.stateChange = new BehaviorSubject(this.state);
-    }
-    async ngOnInit() {
-        this.setValueFromSnapshot(this, this.route.snapshot, 'model', null);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'dictPath', null);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'showSerach', false);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'searchFields', null);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'customInclude', null);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'defaultSort', null);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'defaultSortDirection', null);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'deletePropertyName', 'name');
-        this.setValueFromSnapshot(this, this.route.snapshot, 'defaultFilter', null);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'showHeader', true);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'deleteDisableRule', null);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'hasAdd', true);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'canDelete', true);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'canEdit', true);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'editOnClick', false);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'editOnDblClick', false);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'editColumn', null);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'fileLayout', '');
-        this.setValueFromSnapshot(this, this.route.snapshot, 'useView', false);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'pageable', false);
-        this.setValueFromSnapshot(this, this.route.snapshot, 'pageSizes ', [10, 20, 30, 50, 100]);
-        const currentUrlSegments = this.router.url.split('/').map((segment) => new UrlSegment(segment, {}));
-        this.basePath = currentUrlSegments.map((segment) => segment.path).join('/');
-        const filteredSegments = currentUrlSegments.filter((segment) => segment.path !== '');
-        this.dictPath = filteredSegments.map((segment) => segment.path).join('.');
-        this.model = filteredSegments.length > 0 ? filteredSegments[filteredSegments.length - 1].path : ''; // Default to empty string if no valid segments
-        this.router.events.subscribe((event) => {
-            if (event instanceof NavigationStart) {
-                // Navigation to another page is about to occur
-                this.data = [];
-                this.pageIndex = 1;
-                // Perform actions or update component as needed
-            }
-        });
-        if (this.useView) {
-            if (this.defaultSort) {
-                this.state.sort = this.defaultSort;
-            }
-            await this.getParentDict();
-        }
-        this.getListLayout();
-        this.loadData();
-    }
-    async getParentDict() {
-        const lastDotIndex = this.dictPath.lastIndexOf('.');
-        const parentPath = lastDotIndex !== -1 ? this.dictPath.substring(0, lastDotIndex) : this.dictPath;
-        this.parentDict = await this.rdict.asyncGet(parentPath);
-    }
-    setValueFromSnapshot(component, snapshot, key, defaultValue) {
-        if (component[key] === undefined) {
-            let dataFromSnapshot = snapshot.data[key];
-            if (dataFromSnapshot === null || dataFromSnapshot === undefined) {
-                dataFromSnapshot = snapshot.params[key];
-            }
-            component[key] = dataFromSnapshot !== undefined ? dataFromSnapshot : defaultValue;
-        }
-    }
-    loadData() {
-        if (this.useView) {
-            this.loadDataView();
-            return;
-        }
-        this.rdict.get$(this.dictPath).subscribe({
-            next: (rdictData) => {
-                this.tableRdict = rdictData;
-                this.tableRdict.onChange$().subscribe({
-                    next: (changes) => {
-                        console.log('Changes detected grid:', changes);
-                        this.onChangeEvent(changes);
-                    }
-                });
-                this.tableRdict.onDelete$().subscribe({
-                    next: (changes) => {
-                        console.log('Delete detected grid:', changes);
-                        this.ondDeleteEvent(changes);
-                    }
-                });
-                this.rdict.getArray$(this.dictPath, this.tableRdict).subscribe({
-                    next: (value) => {
-                        this.dataSource = value;
-                    },
-                    error: (err) => console.error('Error:', err.message)
-                });
-            },
-            error: (err) => console.error('Error:', err.message)
-        });
-    }
-    loadDataView() {
-        //Get the parent path
-        // const request = {
-        //   filters: '',
-        //   sorts: { import_date: 'desc' },
-        //   page: Math.floor(this.state.skip / this.state.take) + 1,
-        //   page_size: this.state.take
-        // };
-        const request = kendoToFilterRequest(this.state);
-        this.parentDict.getFilteredView(this.model, request).subscribe({
-            next: (view) => {
-                // console.log('View:', view);
-                this.dataSource = view;
-            }
-        });
-    }
-    onChangeEvent(changes) {
-        if (changes) {
-            const key = changes?.key;
-            const value = changes?.value;
-            if (key == 'transactions') {
-                //I have receibed transactions update
-                //Update all transactions in the table
-                const transactions = value;
-                for (const [key, value] of Object.entries(transactions)) {
-                    const index = this.dataSource.findIndex((item) => item.__idx === key);
-                    if (index > -1) {
-                        this.dataSource[index] = value;
-                    }
-                    else {
-                        //get the object from rdict
-                        // this.tableRdict.get$(key).subscribe({
-                        //   next: (value) => {
-                        // var dd = value.getPlainObject();
-                        this.dataSource.push(value);
-                        //   }
-                        // });
-                    }
-                }
-            }
-            else {
-                if (key && value) {
-                    const index = this.dataSource.findIndex((item) => item.__idx === key);
-                    if (index > -1) {
-                        this.dataSource[index] = value;
-                    }
-                    else {
-                        //get the object from rdict
-                        this.tableRdict.get$(key).subscribe({
-                            next: (value) => {
-                                var dd = value.getPlainObject();
-                                this.dataSource.push(dd);
-                            }
-                        });
-                    }
-                }
-            }
-        }
-    }
-    ondDeleteEvent(changes) {
-        if (changes) {
-            const key = changes?.key;
-            if (key) {
-                const index = this.dataSource.findIndex((item) => item.__idx === key);
-                if (index > -1) {
-                    this.dataSource.splice(index, 1);
-                }
-                // this.tableRdict.delete(key)
-            }
-        }
-    }
-    getListLayout() {
-        if (this.model) {
-            if (this.fileLayout) {
-                //load from file
-                this.localFileService.getJsonData(this.fileLayout).subscribe({
-                    next: (value) => {
-                        if (value) {
-                            const layout = value.find((item) => item.model === this.model);
-                            this.setLayout(layout?.tableLayout);
-                        }
-                    },
-                    error: (err) => console.error('Error:', err.message)
-                });
-            }
-            //Use rdict layout
-            else
-                this.rdict.get$('config.models.' + this.model + '.tableLayout').subscribe({
-                    next: (value) => {
-                        this.setLayout(value);
-                    },
-                    error: (err) => console.error('Error:', err.message)
-                });
-        }
-    }
-    setLayout(layout) {
-        if (layout) {
-            this.tableLayout = layout;
-            this.title = this.translate.instant(this.tableLayout['title']);
-            this.allColumns = this.tableLayout['columns'].map((item) => {
-                if (!item.isTranslated) {
-                    item.name = this.translate.instant(item.translateKey);
-                    item.isTranslated = true;
-                    item.isEditLink = false;
-                    if (this.editColumn && this.editColumn === item.propertyName) {
-                        item.isEditLink = true;
-                    }
-                    if (!item.type) {
-                        item.type = 'property';
-                    }
-                }
-                return item;
-            });
-            // console.log('All columns:', this.allColumns);
-            //Get reference columns
-            const referenceColumns = this.allColumns.filter((item) => item.reference !== undefined && item.reference !== null);
-            if (referenceColumns.length > 0) {
-                referenceColumns.forEach((item) => {
-                    this.rdict.getArray$(item.reference).subscribe({
-                        next: (value) => {
-                            if (value) {
-                                // console.log('Reference data:', value);
-                                // value=value.map((o: any) => ({ ...o, oid: Number(o.oid) }))
-                                this.referenceData.set(item.reference, this.arrayToMap(value, item.referenceKey));
-                            }
-                        },
-                        error: (err) => console.error('Error:', err.message)
-                    });
-                });
-            }
-            this.columns = [];
-            this.allColumns.sort((a, b) => a.order - b.order);
-            this.displayedColumns = [];
-            this.displayedColumns.push.apply(this.displayedColumns, this.allColumns.map((x) => x.propertyName));
-        }
-    }
-    arrayToMap(array, keyProperty) {
-        const map = new Map();
-        for (const item of array) {
-            const key = String(item[keyProperty]); // ensure it's a string
-            map.set(key, item);
-        }
-        return map;
-    }
-    addHandler() {
-        this.router.navigate([`${this.basePath}/add`]);
-    }
-    editHandler(args) {
-        this.edit(args.dataItem);
-        // this.editDataItem = args.dataItem;
-        // this.isNew = false;
-    }
-    edit(dataItem, column) {
-        if (column.type == 'file') {
-            const fileId = dataItem[column.file_id_property];
-            const file_name = dataItem[column.propertyName];
-            this.fileService.downloadFile(fileId).subscribe({
-                next: (evt) => {
-                    if (evt.type === 'progress') {
-                        // optional: show progress
-                        // this.progress = evt.total ? Math.round(100 * evt.loaded / evt.total) : null;
-                        return;
-                    }
-                    // evt.type === 'response'
-                    const file = evt.file;
-                    const url = URL.createObjectURL(file);
-                    const a = document.createElement('a');
-                    a.href = url;
-                    a.download = file_name; // suggested filename
-                    a.style.display = 'none';
-                    document.body.appendChild(a);
-                    a.click();
-                    a.remove();
-                    URL.revokeObjectURL(url);
-                },
-                error: (err) => {
-                    console.error('Download failed', err);
-                }
-            });
-        }
-        else {
-            this.router.navigate([`${this.basePath}/edit/${dataItem.__idx}`]);
-        }
-    }
-    removeHandler(args) {
-        this.dialogService.confirmDelete().subscribe({
-            next: (result) => {
-                if (result) {
-                    this.tableRdict.delete$(args.dataItem.__idx).subscribe({
-                        next: (result) => {
-                            this.dataSource.splice(args.rowIndex, 1);
-                        }
-                    });
-                }
-            }
-        });
-        // this.editService.remove(args.dataItem);
-    }
-    getCellValue(item, column) {
-        if (typeof item !== 'object' || item === null) {
-            return null; // or `undefined` or some fallback
-        }
-        if (column.type == 'reference') {
-            const getNestedValue = (obj, path) => path.split('.').reduce((acc, key) => acc?.[key], obj);
-            const propertyValue = getNestedValue(item, column.propertyName);
-            const value = this.referenceData.get(column.reference)?.get(String(propertyValue))?.[column.referenceProperty] ?? propertyValue;
-            return this.formatValue(value, column.format);
-            return value;
-        }
-        else {
-            return this.formatValue(item[column.propertyName], column.format);
-        }
-    }
-    filterChange(filter) {
-        // console.log(filter);
-        // this.loadData();
-    }
-    dataStateChange(state) {
-        this.state = state;
-        this.loadData();
-    }
-    pageChange(state) {
-        console.log('State:', state);
-        this.stateChange.next(state);
-    }
-    formatValue(value, format) {
-        if (value === null || value === undefined || !format) {
-            return value ?? '';
-        }
-        // Accept both "{0:...}" and plain "..." patterns
-        const inner = this.extractFormat(format);
-        // Heuristics: date vs number
-        if (this.looksLikeDateFormat(inner)) {
-            const d = value instanceof Date ? value : new Date(value);
-            return isNaN(d.getTime()) ? value : this.intl.formatDate(d, inner);
-        }
-        const num = typeof value === 'number' ? value : Number(value);
-        if (!Number.isNaN(num)) {
-            // supports "n", "n2", "c", "p", etc. and custom patterns
-            return this.intl.formatNumber(num, inner);
-        }
-        // Fallback: return as-is if not a date/number
-        return value;
-    }
-    extractFormat(fmt) {
-        const m = fmt.match(/^\{0:([^}]+)\}$/);
-        return m ? m[1] : fmt;
-    }
-    looksLikeDateFormat(f) {
-        // crude but effective: typical date tokens
-        return /d|M|y|H|h|m|s|E|a/.test(f) && !/^[cnp]/i.test(f);
-    }
-    inferFilterType(col) {
-        if (!col)
-            return 'text';
-        const f = this.extractFormat(col.format || '');
-        if (this.looksLikeDateFormat(f))
-            return 'date';
-        if (/^(n\d*|c|p\d*|n)$/i.test(f))
-            return 'numeric'; // Kendo number patterns
-        if (col.type === 'boolean')
-            return 'boolean';
-        return 'text';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: GenericRdictTableComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i2.TranslateService }, { token: i0.Injector }, { token: i1.LocalFileService }, { token: ReactiveDictionary }, { token: MaterialDialogService }, { token: i6$2.IntlService }, { token: FileService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: GenericRdictTableComponent, isStandalone: true, selector: "rsl-rdict-generic-table", inputs: { showSerach: "showSerach", searchFields: "searchFields", customInclude: "customInclude", defaultSort: "defaultSort", deletePropertyName: "deletePropertyName", defaultFilter: "defaultFilter", showHeader: "showHeader", hasAdd: "hasAdd", canDelete: "canDelete", canEdit: "canEdit", editOnClick: "editOnClick", editOnDblClick: "editOnDblClick" }, outputs: { selectedObject: "selectedObject", click: "click", editModel: "editModel" }, providers: [], viewQueries: [{ propertyName: "filter", first: true, predicate: ElementRef, descendants: true }], ngImport: i0, template: "<kendo-grid  [data]=\"dataSource\" [sortable]=\"true\"  [filterable]=\"showSerach\" [resizable]=\"true\" (add)=\"addHandler()\"\r\n  (edit)=\"editHandler($event)\" (remove)=\"removeHandler($event)\"\r\n  (filterChange)=\"filterChange($event)\"\r\n  (dataStateChange)=\"dataStateChange($event)\"\r\n   \r\n   [pageable]=\"{pageSizes:pageSizes}\"  [pageSize]=\"state.take\"\r\n    [skip]=\"state.skip\"  [sort]=\"state.sort\" >\r\n  <kendo-toolbar>\r\n    <table-title text=\"{{title}}\"></table-title>\r\n    <kendo-toolbar-messages>Test</kendo-toolbar-messages>\r\n    <!-- <kendo-toolbar-separator></kendo-toolbar-separator> -->\r\n    <kendo-toolbar-spacer></kendo-toolbar-spacer>\r\n    <kendo-toolbar-button *ngIf=\"hasAdd\" kendoButton [svgIcon]=\"svgAdd\" text=\"Add new\" kendoGridAddTool></kendo-toolbar-button>\r\n  </kendo-toolbar>\r\n\r\n  <!-- <kendo-toolbar>\r\n    \r\n    <kendo-toolbar-spacer></kendo-toolbar-spacer>\r\n    <button kendoGridAddCommand type=\"button\">Add new</button>\r\n  </kendo-toolbar> -->\r\n  <!-- <kendo-grid-column *ngFor=\"let column of allColumns\" field=\"{{ column.propertyName }}\"\r\n    title=\" {{column.translateKey | translate}}\">\r\n  </kendo-grid-column> -->\r\n\r\n  <kendo-grid-column *ngFor=\"let column of allColumns\" [field]=\"column.propertyName\"\r\n    [title]=\"column.translateKey | translate\" [format]=\"column.format\" [filter]=\"inferFilterType(column)\">\r\n    <!-- Use ng-template to customize the column content -->\r\n    <ng-template *ngIf=\"column.isEditLink; else defaultTemplate\" kendoGridCellTemplate let-dataItem>\r\n      <!-- Create a link that calls editHandler(dataItem) -->\r\n      <a href=\"javascript:void(0)\" (click)=\"edit(dataItem,column)\" class=\"edit-link\">\r\n        {{ getCellValue(dataItem,column) }}\r\n      </a>\r\n    </ng-template>\r\n        \r\n    <!-- <ng-template *ngIf=\"column.type=='reference'; else defaultTemplate\" kendoGridCellTemplate let-dataItem>\r\n      <a href=\"javascript:void(0)\" (click)=\"edit(dataItem)\" class=\"edit-link\">\r\n        {{ getCellValue$(dataItem,column) | async }}\r\n      </a>\r\n    </ng-template> -->\r\n    <!-- Default template for non-link columns -->\r\n    <ng-template #defaultTemplate kendoGridCellTemplate let-dataItem>\r\n      {{ getCellValue(dataItem,column) }}\r\n    </ng-template>\r\n  </kendo-grid-column>\r\n\r\n\r\n  <kendo-grid-command-column *ngIf=\"canEdit && canDelete\" title=\"\" [width]=\"100\">\r\n    <ng-template kendoGridCellTemplate>\r\n      <!-- <button kendoButton  kendoGridEditCommand  [svgIcon]=\"svgEdit\" themeColor=\"light\" ></button>\r\n      <button kendoButton  kendoGridRemoveCommand [svgIcon]=\"svgDelete\" themeColor=\"error\"></button> -->\r\n      <button *ngIf=\"canEdit\" kendoGridEditCommand [svgIcon]=\"svgEdit\" themeColor=\"light\"></button>\r\n      <button *ngIf=\"canDelete\" kendoGridRemoveCommand [svgIcon]=\"svgDelete\" themeColor=\"error\"></button>\r\n    </ng-template>\r\n  </kendo-grid-command-column>\r\n</kendo-grid>\r\n<div kendoDialogContainer></div>", styles: [".edit-link{color:#00f!important;text-decoration:underline!important;cursor:pointer!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
-                // MatPaginatorModule,
-                // MatTableModule,
-                TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: i9.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i9.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i9.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i9.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i9.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i9.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "component", type: i9.EditCommandDirective, selector: "[kendoGridEditCommand]" }, { kind: "component", type: i9.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "directive", type: i9.AddCommandToolbarDirective, selector: "[kendoGridAddTool]" }, { kind: "component", type: i5.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: i5.ToolbarCustomMessagesComponent, selector: "kendo-toolbar-messages" }, { kind: "component", type: i5.ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: i5.ToolBarSpacerComponent, selector: "kendo-toolbar-spacer", exportAs: ["kendoToolBarSpacer"] }, { kind: "directive", type: i2$1.DialogContainerDirective, selector: "[kendoDialogContainer]" }, { kind: "component", type: RdictTableTitle, selector: "table-title", inputs: ["text"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: GenericRdictTableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rsl-rdict-generic-table', encapsulation: ViewEncapsulation.None, imports: [
-                        CommonModule,
-                        RouterModule,
-                        // MatPaginatorModule,
-                        // MatTableModule,
-                        TranslateModule,
-                        KENDO_GRID,
-                        KENDO_TOOLBAR,
-                        KENDO_LABEL,
-                        KENDO_BUTTONS,
-                        KENDO_DIALOG,
-                        RdictTableTitle
-                    ], providers: [], template: "<kendo-grid  [data]=\"dataSource\" [sortable]=\"true\"  [filterable]=\"showSerach\" [resizable]=\"true\" (add)=\"addHandler()\"\r\n  (edit)=\"editHandler($event)\" (remove)=\"removeHandler($event)\"\r\n  (filterChange)=\"filterChange($event)\"\r\n  (dataStateChange)=\"dataStateChange($event)\"\r\n   \r\n   [pageable]=\"{pageSizes:pageSizes}\"  [pageSize]=\"state.take\"\r\n    [skip]=\"state.skip\"  [sort]=\"state.sort\" >\r\n  <kendo-toolbar>\r\n    <table-title text=\"{{title}}\"></table-title>\r\n    <kendo-toolbar-messages>Test</kendo-toolbar-messages>\r\n    <!-- <kendo-toolbar-separator></kendo-toolbar-separator> -->\r\n    <kendo-toolbar-spacer></kendo-toolbar-spacer>\r\n    <kendo-toolbar-button *ngIf=\"hasAdd\" kendoButton [svgIcon]=\"svgAdd\" text=\"Add new\" kendoGridAddTool></kendo-toolbar-button>\r\n  </kendo-toolbar>\r\n\r\n  <!-- <kendo-toolbar>\r\n    \r\n    <kendo-toolbar-spacer></kendo-toolbar-spacer>\r\n    <button kendoGridAddCommand type=\"button\">Add new</button>\r\n  </kendo-toolbar> -->\r\n  <!-- <kendo-grid-column *ngFor=\"let column of allColumns\" field=\"{{ column.propertyName }}\"\r\n    title=\" {{column.translateKey | translate}}\">\r\n  </kendo-grid-column> -->\r\n\r\n  <kendo-grid-column *ngFor=\"let column of allColumns\" [field]=\"column.propertyName\"\r\n    [title]=\"column.translateKey | translate\" [format]=\"column.format\" [filter]=\"inferFilterType(column)\">\r\n    <!-- Use ng-template to customize the column content -->\r\n    <ng-template *ngIf=\"column.isEditLink; else defaultTemplate\" kendoGridCellTemplate let-dataItem>\r\n      <!-- Create a link that calls editHandler(dataItem) -->\r\n      <a href=\"javascript:void(0)\" (click)=\"edit(dataItem,column)\" class=\"edit-link\">\r\n        {{ getCellValue(dataItem,column) }}\r\n      </a>\r\n    </ng-template>\r\n        \r\n    <!-- <ng-template *ngIf=\"column.type=='reference'; else defaultTemplate\" kendoGridCellTemplate let-dataItem>\r\n      <a href=\"javascript:void(0)\" (click)=\"edit(dataItem)\" class=\"edit-link\">\r\n        {{ getCellValue$(dataItem,column) | async }}\r\n      </a>\r\n    </ng-template> -->\r\n    <!-- Default template for non-link columns -->\r\n    <ng-template #defaultTemplate kendoGridCellTemplate let-dataItem>\r\n      {{ getCellValue(dataItem,column) }}\r\n    </ng-template>\r\n  </kendo-grid-column>\r\n\r\n\r\n  <kendo-grid-command-column *ngIf=\"canEdit && canDelete\" title=\"\" [width]=\"100\">\r\n    <ng-template kendoGridCellTemplate>\r\n      <!-- <button kendoButton  kendoGridEditCommand  [svgIcon]=\"svgEdit\" themeColor=\"light\" ></button>\r\n      <button kendoButton  kendoGridRemoveCommand [svgIcon]=\"svgDelete\" themeColor=\"error\"></button> -->\r\n      <button *ngIf=\"canEdit\" kendoGridEditCommand [svgIcon]=\"svgEdit\" themeColor=\"light\"></button>\r\n      <button *ngIf=\"canDelete\" kendoGridRemoveCommand [svgIcon]=\"svgDelete\" themeColor=\"error\"></button>\r\n    </ng-template>\r\n  </kendo-grid-command-column>\r\n</kendo-grid>\r\n<div kendoDialogContainer></div>", styles: [".edit-link{color:#00f!important;text-decoration:underline!important;cursor:pointer!important}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2.TranslateService }, { type: i0.Injector }, { type: i1.LocalFileService }, { type: ReactiveDictionary }, { type: MaterialDialogService }, { type: i6$2.IntlService }, { type: FileService }], propDecorators: { showSerach: [{
-                type: Input
-            }], searchFields: [{
-                type: Input
-            }], customInclude: [{
-                type: Input
-            }], defaultSort: [{
-                type: Input
-            }], deletePropertyName: [{
-                type: Input
-            }], defaultFilter: [{
-                type: Input
-            }], showHeader: [{
-                type: Input
-            }], hasAdd: [{
-                type: Input
-            }], canDelete: [{
-                type: Input
-            }], canEdit: [{
-                type: Input
-            }], editOnClick: [{
-                type: Input
-            }], editOnDblClick: [{
-                type: Input
-            }], filter: [{
-                type: ViewChild,
-                args: [ElementRef, { static: false }]
-            }], selectedObject: [{
-                type: Output
-            }], click: [{
-                type: Output
-            }], editModel: [{
-                type: Output
-            }] } });
-
-// projects/my-library/src/lib/socket-config.token.ts
-const SOCKET_URL = new InjectionToken('SocketUrl');
-
 /*
  * Public API Surface of rdict
  */
@@ -1980,5 +950,5 @@ const SOCKET_URL = new InjectionToken('SocketUrl');
  * Generated bundle index. Do not edit.
  */
 
-export { FullComponent, GenericRdictTableComponent, MaterialDialogService, RdictCrudComponent, ReactiveDictionary, SOCKET_URL, SocketService };
+export { CustomParser, FileService, FullComponent, ReactiveDictionary, SOCKET_URL, SocketService };
 //# sourceMappingURL=rosoftlab-rdict.mjs.map