@rosoftlab/rdict 1.0.4-alpha-11 → 1.0.4-alpha-14

package/fesm2022/rosoftlab-rdict.mjs

@@ -2,38 +2,36 @@ import * as i6 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 from '@angular/router';
+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 { KENDO_SVGICON } from '@progress/kendo-angular-icons';
-import * as i7 from '@progress/kendo-angular-layout';
+import * as i6$1 from '@progress/kendo-angular-layout';
 import { LayoutModule } from '@progress/kendo-angular-layout';
-import * as i6$1 from '@progress/kendo-angular-toolbar';
+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 i4 from '@rosoftlab/core';
-import { BaseModel, Attribute, BaseModelConfig, BaseService } from '@rosoftlab/core';
+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 { v4 } from 'uuid';
 import { io } from 'socket.io-client';
-import * as i2$1 from '@progress/kendo-angular-dialog';
-import { DialogCloseResult, KENDO_DIALOG } from '@progress/kendo-angular-dialog';
-import * as i3 from '@progress/kendo-angular-notification';
-import { __decorate, __metadata } from 'tslib';
 import * as i8 from '@angular/forms';
 import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
-import * as i7$1 from '@ngx-formly/core';
+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$2 from '@progress/kendo-angular-label';
+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 i1$1 from '@angular/common/http';
+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';
 
@@ -629,256 +627,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                 }]
         }], ctorParameters: () => [{ type: SocketService }] });
 
-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 }] });
-
-let Menu = class Menu extends BaseModel {
-};
-__decorate([
-    Attribute({ serializedName: 'id' }),
-    __metadata("design:type", String)
-], Menu.prototype, "id", void 0);
-__decorate([
-    Attribute({ serializedName: 'header' }),
-    __metadata("design:type", String)
-], Menu.prototype, "header", void 0);
-__decorate([
-    Attribute({ serializedName: 'icon' }),
-    __metadata("design:type", String)
-], Menu.prototype, "icon", void 0);
-__decorate([
-    Attribute({ serializedName: 'link' }),
-    __metadata("design:type", String)
-], Menu.prototype, "link", void 0);
-__decorate([
-    Attribute({ serializedName: 'title' }),
-    __metadata("design:type", String)
-], Menu.prototype, "title", void 0);
-__decorate([
-    Attribute({ serializedName: 'sublinks' }),
-    __metadata("design:type", Array)
-], Menu.prototype, "sublinks", void 0);
-__decorate([
-    Attribute({ serializedName: 'target' }),
-    __metadata("design:type", String)
-], Menu.prototype, "target", void 0);
-__decorate([
-    Attribute({ serializedName: 'external' }),
-    __metadata("design:type", Boolean)
-], Menu.prototype, "external", void 0);
-__decorate([
-    Attribute({ serializedName: 'description' }),
-    __metadata("design:type", String)
-], Menu.prototype, "description", void 0);
-__decorate([
-    Attribute({ serializedName: 'order' }),
-    __metadata("design:type", Number)
-], Menu.prototype, "order", void 0);
-__decorate([
-    Attribute({ serializedName: 'translationKey' }),
-    __metadata("design:type", String)
-], Menu.prototype, "translationKey", void 0);
-__decorate([
-    Attribute({ serializedName: 'color' }),
-    __metadata("design:type", String)
-], Menu.prototype, "color", void 0);
-Menu = __decorate([
-    BaseModelConfig({
-        type: 'user',
-        modelEndpointUrl: 'user/menus'
-    })
-], Menu);
-
-// import { Attribute, BaseModel, BaseModelConfig } from '@rosoftlab/core';
-;
-let Right = class Right extends BaseModel {
-};
-__decorate([
-    Attribute({ serializedName: 'id' }),
-    __metadata("design:type", String)
-], Right.prototype, "id", void 0);
-__decorate([
-    Attribute({ serializedName: 'name' }),
-    __metadata("design:type", String)
-], Right.prototype, "name", void 0);
-__decorate([
-    Attribute({ serializedName: 'rightKey' }),
-    __metadata("design:type", String)
-], Right.prototype, "rightKey", void 0);
-__decorate([
-    Attribute({ serializedName: 'pagePath' }),
-    __metadata("design:type", String)
-], Right.prototype, "pagePath", void 0);
-__decorate([
-    Attribute({ serializedName: 'order' }),
-    __metadata("design:type", Number)
-], Right.prototype, "order", void 0);
-__decorate([
-    Attribute({ serializedName: 'isMenu' }),
-    __metadata("design:type", Boolean)
-], Right.prototype, "isMenu", void 0);
-__decorate([
-    Attribute({ serializedName: 'resourceName' }),
-    __metadata("design:type", String)
-], Right.prototype, "resourceName", void 0);
-__decorate([
-    Attribute({ serializedName: 'parentId' }),
-    __metadata("design:type", String)
-], Right.prototype, "parentId", void 0);
-__decorate([
-    Attribute({ serializedName: 'color' }),
-    __metadata("design:type", String)
-], Right.prototype, "color", void 0);
-__decorate([
-    Attribute({ serializedName: 'defaultRoles' }),
-    __metadata("design:type", String)
-], Right.prototype, "defaultRoles", void 0);
-__decorate([
-    Attribute({ serializedName: 'icon' }),
-    __metadata("design:type", String)
-], Right.prototype, "icon", void 0);
-Right = __decorate([
-    BaseModelConfig({
-        type: 'right',
-        modelEndpointUrl: 'user/rights'
-    })
-], Right);
-
-;
-let User = class User extends BaseModel {
-    get fullName() {
-        return this.firstName + ' ' + this.lastName;
-    }
-};
-__decorate([
-    Attribute({ serializedName: 'id' }),
-    __metadata("design:type", String)
-], User.prototype, "id", void 0);
-__decorate([
-    Attribute({ serializedName: 'firstName' }),
-    __metadata("design:type", String)
-], User.prototype, "firstName", void 0);
-__decorate([
-    Attribute({ serializedName: 'lastName' }),
-    __metadata("design:type", String)
-], User.prototype, "lastName", void 0);
-__decorate([
-    Attribute({ serializedName: 'email' }),
-    __metadata("design:type", String)
-], User.prototype, "email", void 0);
-User = __decorate([
-    BaseModelConfig({
-        type: 'user'
-    })
-], User);
-
-class UserService extends BaseService {
-    constructor(datastore) {
-        super(datastore);
-        this.setModelType(User);
-    }
-    getRights() {
-        const response = this.datastore.findAll(Right);
-        return response;
-    }
-    hasRightForLink(link) {
-        if (this.userRights && link) {
-            const right = this.userRights.find(f => link.indexOf(f.pagePath) >= 0);
-            return true;
-        }
-        return false;
-    }
-    getMenus() {
-        const response = this.datastore.findAll(Menu);
-        return response;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: UserService, deps: [{ token: i4.DatastoreCore }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: UserService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: UserService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i4.DatastoreCore }] });
-
 class KendoToolbarSpanComponent extends ToolBarToolComponent {
     constructor() {
         super();
@@ -999,8 +747,8 @@ class FullComponent {
         });
         return drawerItems;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FullComponent, deps: [{ token: UserService }, { token: i1.Router }, { token: i2.TranslateService }, { token: ReactiveDictionary }, { token: i4.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.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: i6$1.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: i6$1.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: i6$1.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: i6$1.ToolBarSpacerComponent, selector: "kendo-toolbar-spacer", exportAs: ["kendoToolBarSpacer"] }, { kind: "ngmodule", type: LayoutModule }, { kind: "component", type: i7.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: i7.DrawerContainerComponent, selector: "kendo-drawer-container" }, { kind: "component", type: i7.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.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"], 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$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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FullComponent, decorators: [{
             type: Component,
@@ -1016,7 +764,87 @@ 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: UserService }, { type: i1.Router }, { type: i2.TranslateService }, { type: ReactiveDictionary }, { type: i4.AuthService }] });
+        }], 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 }] });
 
 class TranslateExtension {
     constructor(translate) {
@@ -1295,8 +1123,8 @@ class RdictCrudComponent {
             this.router.navigate([this.routeHistory.getPreviousUrl() || '/']);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: RdictCrudComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.TranslateService }, { token: ReactiveDictionary }, { token: i4.LocalFileService }, { token: MaterialDialogService }, { token: i4.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$1.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: i6$1.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: i6$1.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: i6$1.ToolBarSpacerComponent, selector: "kendo-toolbar-spacer", exportAs: ["kendoToolBarSpacer"] }, { kind: "directive", type: i2$1.DialogContainerDirective, selector: "[kendoDialogContainer]" }] }); }
+    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"], 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.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,
@@ -1312,7 +1140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         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.Router }, { type: i1.ActivatedRoute }, { type: i2.TranslateService }, { type: ReactiveDictionary }, { type: i4.LocalFileService }, { type: MaterialDialogService }, { type: i4.RouteHistoryService }, { type: i6.Location }], propDecorators: { hostClasses: [{
+        }], 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']
             }] } });
@@ -1448,13 +1276,13 @@ class FileService {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FileService, deps: [{ token: i1$1.HttpClient }, { token: SOCKET_URL }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FileService, deps: [{ token: i1$2.HttpClient }, { token: SOCKET_URL }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FileService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: FileService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SOCKET_URL]
                 }] }] });
@@ -1668,7 +1496,7 @@ class RdictTableTitle extends ToolBarToolComponent {
         <ng-template #toolbarTemplate>
             <kendo-label>{{text}}</kendo-label>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: i1$2.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }] }); }
+    `, 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,
@@ -2085,11 +1913,11 @@ class GenericRdictTableComponent {
             return 'boolean';
         return 'text';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: GenericRdictTableComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.TranslateService }, { token: i0.Injector }, { token: i4.LocalFileService }, { token: ReactiveDictionary }, { token: MaterialDialogService }, { token: i6$2.IntlService }, { token: FileService }], target: i0.ɵɵFactoryTarget.Component }); }
+    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", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "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", "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: i6$1.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: i6$1.ToolbarCustomMessagesComponent, selector: "kendo-toolbar-messages" }, { kind: "component", type: i6$1.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: i6$1.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 }); }
+                TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: i9.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "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", "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"], 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", "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,
@@ -2106,7 +1934,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         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.Router }, { type: i1.ActivatedRoute }, { type: i2.TranslateService }, { type: i0.Injector }, { type: i4.LocalFileService }, { type: ReactiveDictionary }, { type: MaterialDialogService }, { type: i6$2.IntlService }, { type: FileService }], propDecorators: { showSerach: [{
+        }], 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
@@ -2152,5 +1980,5 @@ const SOCKET_URL = new InjectionToken('SocketUrl');
  * Generated bundle index. Do not edit.
  */
 
-export { FullComponent, GenericRdictTableComponent, MaterialDialogService, Menu, RdictCrudComponent, ReactiveDictionary, Right, SOCKET_URL, SocketService, User, UserService };
+export { FullComponent, GenericRdictTableComponent, MaterialDialogService, RdictCrudComponent, ReactiveDictionary, SOCKET_URL, SocketService };
 //# sourceMappingURL=rosoftlab-rdict.mjs.map