@rosoftlab/rdict 1.0.0-alpha-15

package/fesm2022/rosoftlab-rdict.mjs

@@ -0,0 +1,1004 @@
+import * as i5$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, Inject, Component, forwardRef, ViewChild, Input, EventEmitter, ElementRef, ViewEncapsulation, Output, NgModule } 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 } from '@ngx-translate/core';
+import * as i4 from '@progress/kendo-angular-buttons';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { KENDO_SVGICON } from '@progress/kendo-angular-icons';
+import * as i5 from '@progress/kendo-angular-layout';
+import { LayoutModule } from '@progress/kendo-angular-layout';
+import * as i7 from '@progress/kendo-angular-toolbar';
+import { ToolBarModule, ToolBarToolComponent, KENDO_TOOLBAR } from '@progress/kendo-angular-toolbar';
+import * as allIcons from '@progress/kendo-svg-icons';
+import { menuIcon } from '@progress/kendo-svg-icons';
+import { BehaviorSubject, map } from 'rxjs';
+import { io } from 'socket.io-client';
+import * as msgpackParser from 'socket.io-msgpack-parser';
+import * as i1 from 'dist/@rosoftlab/core';
+import { BaseModel, Attribute, BaseModelConfig, BaseService } from 'dist/@rosoftlab/core';
+import { __decorate, __metadata } from 'tslib';
+import * as i2$1 from '@angular/forms';
+import { FormGroup, ReactiveFormsModule } from '@angular/forms';
+import * as i1$2 from '@ngx-formly/core';
+import { FormlyModule } from '@ngx-formly/core';
+import { FormlyKendoModule } from '@ngx-formly/kendo';
+import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import { MatSort, MatSortModule } from '@angular/material/sort';
+import * as i6 from '@progress/kendo-angular-grid';
+import { KENDO_GRID } from '@progress/kendo-angular-grid';
+import { KENDO_LABEL } from '@progress/kendo-angular-label';
+import { ColumnMode, SelectionType } from '@swimlane/ngx-datatable';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { PortalModule } from '@angular/cdk/portal';
+import { CdkStepperModule } from '@angular/cdk/stepper';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatBadgeModule } from '@angular/material/badge';
+import { MatButtonModule } from '@angular/material/button';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatCardModule } from '@angular/material/card';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatNativeDateModule, MatRippleModule, MatOptionModule } from '@angular/material/core';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatListModule } from '@angular/material/list';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatSelectModule } from '@angular/material/select';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatSliderModule } from '@angular/material/slider';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatStepperModule } from '@angular/material/stepper';
+import { MatTableModule } from '@angular/material/table';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatTreeModule } from '@angular/material/tree';
+
+class ReactiveDictionary extends Map {
+    static { this.instance = new Map; }
+    constructor(socketService, authToken) {
+        super();
+        this.changes$ = new BehaviorSubject(null);
+        this.isInitialized = false;
+        this._authToken = null;
+        this._authToken = authToken;
+        this._socketService = socketService;
+        this._socketService.initSocket(authToken);
+        this._socketService.getSetEvent(this);
+    }
+    // Method to get the singleton instance
+    static getInstance(socketService, authToken, instance_key) {
+        if (!instance_key)
+            instance_key = 'root';
+        if (!ReactiveDictionary.instance.has(instance_key)) {
+            ReactiveDictionary.instance.set(instance_key, new ReactiveDictionary(socketService, authToken));
+        }
+        const instance = ReactiveDictionary.instance.get(instance_key);
+        if (!instance) {
+            throw new Error(`No instance found for key: ${instance_key}`); // Handle undefined case
+        }
+        return instance; // Now TypeScript knows 'instance' is not undefined
+    }
+    // str_keys(): string[] {
+    keys() {
+        const excludedKeys = ['__guid', '__type']; // Key to exclude
+        const iterator = super.keys();
+        const filteredIterator = {
+            [Symbol.iterator]: () => ({
+                next: () => {
+                    let result;
+                    // Loop until we find a valid key or run out of keys
+                    do {
+                        result = iterator.next(); // Get the next entry ([key, value])
+                        if (result.done)
+                            return { done: true }; // Stop if done
+                        const key = result.value; // Destructure the entry
+                        const value = super.get(key);
+                        // Check if the key is in excludedKeys or if the value is an object
+                        if (!excludedKeys.includes(key) &&
+                            !(typeof value === 'object' && value !== null)) {
+                            return { value: key, done: false }; // Return the valid key
+                        }
+                    } while (true); // Continue until a valid key is found
+                }
+            })
+        };
+        return filteredIterator;
+    }
+    // Asynchronous method to get a value by key
+    async asyncGet(key) {
+        // console.log('Get key: ', key);
+        const keys = key.split('.');
+        if (keys.length === 1) {
+            if (this.has(key)) {
+                const value = this.get(key);
+                if (value instanceof ReactiveDictionary) {
+                    return value;
+                }
+                if (typeof value === 'object' && value !== null) {
+                    const dict_type = value['__type'];
+                    // console.log('value type : ', dict_type);
+                    if (dict_type === 'dict' || dict_type === 'lazy') {
+                        const lazyLoadData = await this.lazyLoadSync(this.get('__guid'), key);
+                        // console.log(lazyLoadData)
+                        if (lazyLoadData) {
+                            const dict = new ReactiveDictionary(this._socketService, this._authToken);
+                            await dict.asyncInit(lazyLoadData.data);
+                            this.set(key, dict);
+                            return dict;
+                        }
+                    }
+                }
+                return value;
+            }
+        }
+        else {
+            const obj = await this.asyncGet(keys[0]);
+            if (obj)
+                return await obj.asyncGet(keys.slice(1).join('.'));
+            else
+                return null;
+        }
+    }
+    // Asynchronous method to set a value by key
+    async asyncSet(key, value, emmit_event = true) {
+        if (emmit_event) {
+            try {
+                await this._socketService.emitSet(this.get('__guid'), key, value);
+            }
+            catch (error) {
+                console.error('Error emitting set event:', error);
+            }
+        }
+        this.set(key, value);
+        this.changes$.next({ key, value });
+    }
+    // Asynchronous method to initialize with a set of key-value pairs
+    async asyncInit(initialData) {
+        if (!this.isInitialized) {
+            try {
+                // If initial data is not provided, fetch it
+                const data = initialData || await this._socketService.getInitialData();
+                // this.known_dicts.set(data.__guid,data);
+                // Set the initial properties on the proxy
+                for (const [key, value] of Object.entries(data)) {
+                    this.set(key, value);
+                }
+                this.isInitialized = true;
+            }
+            catch (error) {
+                console.error('Error during initialization:', error);
+            }
+        }
+    }
+    async lazyLoadSync(guid, prop) {
+        try {
+            const data = await this._socketService.requestLazyLoad(guid, String(prop));
+            return data;
+        }
+        catch (error) {
+            console.error('Error fetching data:', error);
+            throw error;
+        }
+    }
+    getPlainObject() {
+        const plainObject = {};
+        this.forEach((value, key) => {
+            if (value instanceof ReactiveDictionary)
+                plainObject[key] = value.getPlainObject();
+            else
+                plainObject[key] = value; // Add key-value pairs to the plain object
+        });
+        return plainObject; // Return the plain object
+    }
+    async getTable(key) {
+        const data = await this.asyncGet(key); // Get rooms from the ReactiveDictionary
+        if (!data) {
+            return []; // Return an empty array if data is undefined
+        }
+        // Filter and get only entries that are instances of ReactiveDictionary
+        const result = await Promise.all(Array.from(data.entries()).map(async (key) => await data.asyncGet(key[0])) // Get data from asyncGet
+        ) || []; // Return an empty array if the above yields undefined
+        return result.filter((entry) => entry instanceof ReactiveDictionary);
+    }
+    async getTableWithoutGuid(key) {
+        const data = await this.asyncGet(key); // Get rooms from the ReactiveDictionary
+        if (!data) {
+            return []; // Return an empty array if data is undefined
+        }
+        // Filter and get only entries that are instances of ReactiveDictionary
+        const result = await Promise.all(Array.from(data.entries()).map(async (key) => await data.asyncGet(key[0])) // Get data from asyncGet
+        ) || []; // Return an empty array if the above yields undefined
+        var filteredResults = result.filter((entry) => entry instanceof ReactiveDictionary);
+        return filteredResults.map(dictionary => {
+            // Convert Map to object and filter out __guid
+            const filteredObject = {};
+            for (const [key, value] of dictionary.entries()) {
+                if (key !== '__guid') {
+                    filteredObject[key] = value;
+                }
+            }
+            return filteredObject;
+        });
+    }
+    onChanges() {
+        return this.changes$.asObservable();
+    }
+}
+
+// projects/my-library/src/lib/socket-config.token.ts
+const SOCKET_URL = new InjectionToken('SocketUrl');
+
+class SocketService {
+    constructor(socketUrl) {
+        this.socketUrl = socketUrl;
+        // Replace with your actual server URL
+        // this.socket.on("connect", () => {
+        //   const engine = this.socket.io.engine;
+        //   (engine.transport.name); // in most cases, prints "polling"
+        //   engine.once("upgrade", () => {
+        //     // called when the transport is upgraded (i.e. from HTTP long-polling to WebSocket)
+        //     (engine.transport.name); // in most cases, prints "websocket"
+        //   });
+        // });
+    }
+    initSocket(authToken) {
+        if (this.socket == null && authToken !== null) {
+            this.socket = io(this.socketUrl, {
+                withCredentials: true,
+                parser: msgpackParser,
+                auth: {
+                    token: authToken, // Include the authentication token
+                },
+                query: {
+                    "access_token": authToken
+                }
+            });
+        }
+    }
+    getInitialData() {
+        return new Promise((resolve, reject) => {
+            this.socket.on('init', (data) => {
+                if (data) {
+                    resolve(data["dict_data"]);
+                }
+                else {
+                    reject('No data received from init event');
+                }
+            });
+        });
+    }
+    getSetEvent(rdict) {
+        this.socket.on('set', (data) => {
+            // (rdict.get('__guid'), data, this.socket.id)
+            if (rdict.get('__guid') === data.did) {
+                // ('Set the data')
+                rdict.asyncSet(data.key, data.value, false);
+            }
+        });
+    }
+    // Emit the 'lazy_load' event with callback to get the response
+    requestLazyLoad(did, key) {
+        return new Promise((resolve, reject) => {
+            this.socket.emit('lazy_load', { did, key }, (response) => {
+                if (response && response.error) {
+                    reject(response.error); // Handle error if present
+                }
+                else {
+                    resolve(response); // Resolve with the response data
+                }
+            });
+        });
+    }
+    // Emit the 'set' event to update the data on the server
+    emitSet(did, key, value) {
+        return new Promise((resolve, reject) => {
+            this.socket.emit('set', { did, key, value }, (response) => {
+                if (response && response.error) {
+                    reject(response.error);
+                }
+                else {
+                    resolve();
+                }
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SocketService, deps: [{ token: SOCKET_URL }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SocketService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SocketService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SOCKET_URL]
+                }] }] });
+
+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: "18.2.9", ngImport: i0, type: UserService, deps: [{ token: i1.DatastoreCore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: UserService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: UserService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.DatastoreCore }] });
+
+class WsAuthService {
+    constructor() {
+        this.token = null;
+    }
+    get Token() {
+        return this.token;
+    }
+    set Token(token) {
+        this.token = token;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: WsAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: WsAuthService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: WsAuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class FullComponent {
+    constructor(userService, router, socketService, translate, wsAuthService) {
+        this.userService = userService;
+        this.router = router;
+        this.socketService = socketService;
+        this.translate = translate;
+        this.wsAuthService = wsAuthService;
+        this.selected = "Inbox";
+        this.menuSvg = menuIcon;
+        this.expandedIndices = [2];
+        this.hasItems = false;
+        this.items = [];
+        this.icons = allIcons;
+        this.apptitle = "Test";
+        this.isItemExpanded = (item) => {
+            return this.expandedIndices.indexOf(item.id) >= 0;
+        };
+        this.getMenu();
+    }
+    async ngOnInit() {
+        this.rdict = ReactiveDictionary.getInstance(this.socketService, this.wsAuthService.Token);
+        if (this.rdict.size == 0)
+            await this.rdict.asyncInit();
+        this.apptitle = await this.rdict.asyncGet("appname");
+    }
+    getMenu() {
+        this.userService.getMenus().subscribe({
+            next: value => {
+                this.items = this.transformToDrawerItems(value.getModels());
+            },
+            error: err => console.error('Observable emitted an error: ' + err),
+            complete: () => console.log('Observable emitted the complete notification')
+        });
+        this.menu$ = this.userService.getMenus().pipe(map(f => {
+            const data = f.getModels();
+            this.hasItems = data.length > 0;
+            return data;
+        }));
+    }
+    // public items: Array<DrawerItem> //= items;
+    onSelect(ev) {
+        this.selected = ev.item.text;
+        const current = ev.item.id;
+        if (this.expandedIndices.indexOf(current) >= 0) {
+            this.expandedIndices = this.expandedIndices.filter((id) => id !== current);
+        }
+        else {
+            this.expandedIndices.push(current);
+        }
+        if (ev.item.path && ev.item.path !== '') {
+            this.router.navigate([ev.item.path]);
+            // this.router.navigateByUrl(ev.item.path);
+            // this.router.navigate(['/import_layout']); 
+        }
+    }
+    transformToDrawerItems(data, parentId) {
+        let drawerItems = [];
+        data.forEach(item => {
+            const drawerItem = {
+                id: item.id,
+                text: this.translate.instant(item.translationKey),
+                // icon: item.icon,
+                svgIcon: this.icons[item.icon],
+                selected: false, // Set this based on your application's state or logic
+                parentId: parentId,
+                path: (item.sublinks && item.sublinks.length > 0) ? '' : item.link
+            };
+            drawerItems.push(drawerItem);
+            // Recursively process children and flatten them
+            if (item.sublinks && item.sublinks.length > 0) {
+                const childItems = this.transformToDrawerItems(item.sublinks, item.id);
+                drawerItems = drawerItems.concat(childItems); // Add children to the drawerItems array
+            }
+        });
+        return drawerItems;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FullComponent, deps: [{ token: UserService }, { token: i1$1.Router }, { token: SocketService }, { token: i2.TranslateService }, { token: WsAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: FullComponent, isStandalone: true, selector: "rdict-full", ngImport: i0, template: "<div class=\"custom-toolbar\">\n  <button kendoButton [svgIcon]=\"menuSvg\" fillMode=\"flat\" (click)=\"drawer.toggle()\"></button>\n  <!-- <kendo-toolbar-button icon=\"menu\"  themeColor=\"tertiary\"  (click)=\"drawer.toggle()\"> </kendo-toolbar-button> -->\n  <span class=\"app-title\">{{apptitle}}</span>\n</div>\n<kendo-drawer-container>\n  <kendo-drawer #drawer [items]=\"items\" mode=\"push\" [mini]=\"true\" [expanded]=\"true\" (select)=\"onSelect($event)\"\n    [autoCollapse]=\"false\" [isItemExpanded]=\"isItemExpanded\">\n    <!-- <ng-template kendoDrawerItemTemplate let-item>\n      <div *ngIf=\"item.path !== ''\" class=\"k-drawer-link\" [routerLink]=\"item.path\">\n        <kendo-svgicon [icon]=\"item.svgIcon\"></kendo-svgicon>\n        <span>{{ item.text }}</span>\n      </div>\n      <div *ngIf=\"item.path == ''\" class=\"k-drawer-link\" >\n        <kendo-svgicon [icon]=\"item.svgIcon\"></kendo-svgicon>\n        <span>{{ item.text }}</span>\n      </div>\n    </ng-template> -->\n  </kendo-drawer>\n\n  <kendo-drawer-content>\n    <router-outlet></router-outlet>\n    <!-- <div>{{selected}}</div> -->\n    <!-- <my-content [selectedItem]=\"selected\"></my-content> -->\n  </kendo-drawer-content>\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;padding:3px 8px;color:#656565}.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"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i4.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: ToolBarModule }, { kind: "ngmodule", type: LayoutModule }, { kind: "component", type: i5.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: i5.DrawerContainerComponent, selector: "kendo-drawer-container" }, { kind: "component", type: i5.DrawerContentComponent, selector: "kendo-drawer-content" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FullComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdict-full', standalone: true, imports: [
+                        CommonModule,
+                        RouterModule,
+                        TranslateModule,
+                        CommonModule,
+                        ButtonsModule,
+                        ToolBarModule,
+                        LayoutModule,
+                        KENDO_SVGICON
+                    ], template: "<div class=\"custom-toolbar\">\n  <button kendoButton [svgIcon]=\"menuSvg\" fillMode=\"flat\" (click)=\"drawer.toggle()\"></button>\n  <!-- <kendo-toolbar-button icon=\"menu\"  themeColor=\"tertiary\"  (click)=\"drawer.toggle()\"> </kendo-toolbar-button> -->\n  <span class=\"app-title\">{{apptitle}}</span>\n</div>\n<kendo-drawer-container>\n  <kendo-drawer #drawer [items]=\"items\" mode=\"push\" [mini]=\"true\" [expanded]=\"true\" (select)=\"onSelect($event)\"\n    [autoCollapse]=\"false\" [isItemExpanded]=\"isItemExpanded\">\n    <!-- <ng-template kendoDrawerItemTemplate let-item>\n      <div *ngIf=\"item.path !== ''\" class=\"k-drawer-link\" [routerLink]=\"item.path\">\n        <kendo-svgicon [icon]=\"item.svgIcon\"></kendo-svgicon>\n        <span>{{ item.text }}</span>\n      </div>\n      <div *ngIf=\"item.path == ''\" class=\"k-drawer-link\" >\n        <kendo-svgicon [icon]=\"item.svgIcon\"></kendo-svgicon>\n        <span>{{ item.text }}</span>\n      </div>\n    </ng-template> -->\n  </kendo-drawer>\n\n  <kendo-drawer-content>\n    <router-outlet></router-outlet>\n    <!-- <div>{{selected}}</div> -->\n    <!-- <my-content [selectedItem]=\"selected\"></my-content> -->\n  </kendo-drawer-content>\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;padding:3px 8px;color:#656565}.app-title{margin-left:20px;font-weight:700;font-size:17px}\n"] }]
+        }], ctorParameters: () => [{ type: UserService }, { type: i1$1.Router }, { type: SocketService }, { type: i2.TranslateService }, { type: WsAuthService }] });
+
+;
+class RdictCrudComponent {
+    constructor() {
+        this.baseForm = new FormGroup({});
+        this.model = {};
+        this.options = {};
+        this.fields = [
+            {
+                key: 'name',
+                type: 'input',
+                props: {
+                    label: 'General.Name',
+                    translate: true,
+                    required: true,
+                },
+            },
+        ];
+    }
+    ngOnInit() {
+    }
+    onSubmit(model) {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RdictCrudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: RdictCrudComponent, isStandalone: true, selector: "app-rdict-crud", ngImport: i0, template: "<form [formGroup]=\"baseForm\" (ngSubmit)=\"onSubmit(model)\">\n  <formly-form [form]=\"baseForm\" [fields]=\"fields\" [model]=\"model\" [options]=\"options\"></formly-form>\n</form>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$2.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyKendoModule }, { kind: "ngmodule", type: TranslateModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RdictCrudComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'app-rdict-crud', imports: [
+                        FormlyModule,
+                        ReactiveFormsModule,
+                        FormlyKendoModule,
+                        TranslateModule
+                    ], template: "<form [formGroup]=\"baseForm\" (ngSubmit)=\"onSubmit(model)\">\n  <formly-form [form]=\"baseForm\" [fields]=\"fields\" [model]=\"model\" [options]=\"options\"></formly-form>\n</form>" }]
+        }], ctorParameters: () => [] });
+
+class RdictTableTitle extends ToolBarToolComponent {
+    constructor() {
+        super();
+        this.tabindex = -1;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RdictTableTitle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RdictTableTitle, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => RdictTableTitle) }],
+                    selector: 'table-title',
+                    standalone: true,
+                    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, socketService, wsAuthService, el) {
+        this.router = router;
+        this.route = route;
+        this.translate = translate;
+        this.injector = injector;
+        this.socketService = socketService;
+        this.wsAuthService = wsAuthService;
+        this.el = el;
+        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.ColumnMode = ColumnMode;
+        this.SelectionType = SelectionType;
+        this.headerHeight = 50;
+        this.rowHeight = 50;
+    }
+    async ngOnInit() {
+        this.setValueFromSnapshot(this, this.route.snapshot, 'model', "");
+        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', '');
+        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);
+        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
+            }
+        });
+        this.rdict = ReactiveDictionary.getInstance(this.socketService, this.wsAuthService.Token);
+        if (this.rdict.size == 0)
+            await this.rdict.asyncInit();
+        await this.getListLayout();
+        await this.loadData();
+        // this.isLoading = true;
+        // this.onScroll(0);
+    }
+    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;
+        }
+    }
+    async loadData() {
+        var x = await this.rdict.getTable(this.dictPath);
+        const result = x.map(dictionary => {
+            // Convert Map to object and filter out __guid
+            const filteredObject = {};
+            for (const [key, value] of dictionary.entries()) {
+                if (key !== '__guid') {
+                    filteredObject[key] = value;
+                }
+            }
+            return filteredObject;
+        });
+        this.dataSource = result; //new MatTableDataSource(result);
+    }
+    // async handleChange(event) {
+    //   this.filterValue = event.target.value.toLowerCase();
+    //   this.data = [];
+    //   this.pageIndex = 1
+    //   this.loadData();
+    // }
+    // loadData(event = null) {
+    //   const filters = [];
+    //   let sorts = '';
+    //   this.isLoading = true;
+    //   if (this.defaultSort) {
+    //     if (this.defaultSortDirection === 'desc') {
+    //       sorts = '-' + this.defaultSort;
+    //     } else {
+    //       sorts = this.defaultSort;
+    //     }
+    //   }
+    //   if (this.showSerach) {
+    //     if (this.filterValue) {
+    //       const y = '(' + this.searchFields.replace(',', '|') + ')';
+    //       filters.push(y + '@=*' + this.filterValue);
+    //     }
+    //   }
+    //   if (this.defaultFilter) {
+    //     filters.push(this.defaultFilter)
+    //   }
+    //   setTimeout(() => {
+    //     const filtersValue = filters.join(', ');
+    //     this.modelService.getAll(this.pageIndex, this.pageSize, sorts, filtersValue, this.customInclude).subscribe(
+    //       (response: BaseQueryData<T>) => {
+    //         if (this.pageIndex !== response.getMeta().meta.count) {
+    //           this.pageIndex++
+    //         } else {
+    //           if (event) event.target.disabled = true;
+    //         }
+    //         // if (this.filterValue)
+    //         //   this.data = response.getModels();
+    //         // else
+    //         const rows = [...this.data, ...response.getModels()];
+    //         this.data = rows;
+    //         // this.data = this.data.concat();
+    //         if (event) event.target.complete();
+    //         this.isLoading = false;
+    //       })
+    //   }, 700);
+    // }
+    // async handleRefresh(event) {
+    //   this.pageIndex = 1
+    //   this.data = [];
+    //   this.loadData();
+    //   event.target.complete();
+    // }
+    // onAdd() {
+    //   console.log(this.basePath)
+    //   this.router.navigate([this.basePath + '/add'])
+    //   // this.navCtrl.navigateForward(this.basePath + '/add');
+    // }
+    // editModel(model: BaseModelFormly) {
+    //   if (this.canEdit)
+    //     this.router.navigate([this.basePath + '/edit/', model.id]);
+    //   // this.navCtrl.navigateForward(this.basePath + '/edit/' + model.id);
+    // }
+    async getListLayout() {
+        if (this.model) {
+            this.tableLayout = await this.rdict.asyncGet("config.models." + this.model + ".tableLayout");
+            if (this.tableLayout) {
+                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;
+                    }
+                    return item;
+                });
+                this.columns = [];
+                // this.allColumns = Reflect.getMetadata('IonicDataTableLayout', this.model).map((item: IonicDataTableLayoutConfig) => {
+                //   if (!item.isTranslated) {
+                //     item.name = this.translate.instant(item.name);
+                //     item.isTranslated = true
+                //   }
+                //   return item;
+                // });
+                this.allColumns.sort((a, b) => a.order - b.order);
+                // if (this.canDelete || this.canEdit) {
+                //   this.allColumns.push({
+                //     // cellTemplate: null,
+                //     name: '',
+                //     // cellClass: 'actions-cell',
+                //     draggable: false,
+                //     sortable: false,
+                //     visible: true
+                //     // width: 100,
+                //     // maxWidth: 100,
+                //     // minWidth: 100
+                //   })
+                // }
+                // this.columns = this.allColumns.filter((item: IonicDataTableLayoutConfig) => item.visible);
+                this.displayedColumns = [];
+                // if (this.allowReorderItems) {
+                //   this.displayedColumns.push('position')
+                // }
+                this.displayedColumns.push.apply(this.displayedColumns, this.allColumns.map(x => x.propertyName));
+            }
+        }
+    }
+    addHandler() {
+        console.log("add");
+        this.router.navigate([this.basePath + '/add']);
+        // this.editDataItem = new Product();
+        // this.isNew = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: GenericRdictTableComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i2.TranslateService }, { token: i0.Injector }, { token: SocketService }, { token: WsAuthService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: GenericRdictTableComponent, isStandalone: true, selector: "rsl-rdict-generic-table", inputs: { showSerach: "showSerach", searchFields: "searchFields", customInclude: "customInclude", defaultSort: "defaultSort", defaultSortDirection: "defaultSortDirection", 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: "paginator", first: true, predicate: MatPaginator, descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }, { propertyName: "filter", first: true, predicate: ElementRef, descendants: true }], ngImport: i0, template: "<kendo-grid [data]=\"dataSource\" \n      [sortable]=\"true\" \n      [filterable]=\"showSerach\"\n      (add)=\"addHandler()\">\n  <kendo-toolbar>\n    <table-title text=\"{{title}}\"></table-title>\n    <kendo-toolbar-messages>Test</kendo-toolbar-messages>\n    <!-- <kendo-toolbar-separator></kendo-toolbar-separator> -->\n    <kendo-toolbar-spacer></kendo-toolbar-spacer>\n    <kendo-toolbar-button text=\"Add new\" kendoGridAddTool></kendo-toolbar-button>\n  </kendo-toolbar>\n  <!-- <kendo-toolbar>\n    \n    <kendo-toolbar-spacer></kendo-toolbar-spacer>\n    <button kendoGridAddCommand type=\"button\">Add new</button>\n  </kendo-toolbar> -->\n  <kendo-grid-column *ngFor=\"let column of allColumns\" field=\"{{ column.propertyName }}\"\n    title=\" {{column.translateKey | translate}}\">\n  </kendo-grid-column>\n</kendo-grid>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
+                // MatPaginatorModule,
+                // MatTableModule,
+                TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: i6.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "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: "component", type: i6.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i6.AddCommandToolbarDirective, selector: "[kendoGridAddTool]" }, { kind: "component", type: i7.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: i7.ToolbarCustomMessagesComponent, selector: "kendo-toolbar-messages" }, { kind: "component", type: i7.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: i7.ToolBarSpacerComponent, selector: "kendo-toolbar-spacer", exportAs: ["kendoToolBarSpacer"] }, { kind: "component", type: RdictTableTitle, selector: "table-title", inputs: ["text"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: GenericRdictTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rsl-rdict-generic-table', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                        CommonModule,
+                        RouterModule,
+                        // MatPaginatorModule,
+                        // MatTableModule,
+                        TranslateModule,
+                        KENDO_GRID,
+                        KENDO_TOOLBAR,
+                        KENDO_LABEL,
+                        RdictTableTitle
+                    ], providers: [], template: "<kendo-grid [data]=\"dataSource\" \n      [sortable]=\"true\" \n      [filterable]=\"showSerach\"\n      (add)=\"addHandler()\">\n  <kendo-toolbar>\n    <table-title text=\"{{title}}\"></table-title>\n    <kendo-toolbar-messages>Test</kendo-toolbar-messages>\n    <!-- <kendo-toolbar-separator></kendo-toolbar-separator> -->\n    <kendo-toolbar-spacer></kendo-toolbar-spacer>\n    <kendo-toolbar-button text=\"Add new\" kendoGridAddTool></kendo-toolbar-button>\n  </kendo-toolbar>\n  <!-- <kendo-toolbar>\n    \n    <kendo-toolbar-spacer></kendo-toolbar-spacer>\n    <button kendoGridAddCommand type=\"button\">Add new</button>\n  </kendo-toolbar> -->\n  <kendo-grid-column *ngFor=\"let column of allColumns\" field=\"{{ column.propertyName }}\"\n    title=\" {{column.translateKey | translate}}\">\n  </kendo-grid-column>\n</kendo-grid>" }]
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2.TranslateService }, { type: i0.Injector }, { type: SocketService }, { type: WsAuthService }, { type: i0.ElementRef }], propDecorators: { showSerach: [{
+                type: Input
+            }], searchFields: [{
+                type: Input
+            }], customInclude: [{
+                type: Input
+            }], defaultSort: [{
+                type: Input
+            }], defaultSortDirection: [{
+                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
+            }], paginator: [{
+                type: ViewChild,
+                args: [MatPaginator, { static: true }]
+            }], sort: [{
+                type: ViewChild,
+                args: [MatSort, { static: true }]
+            }], filter: [{
+                type: ViewChild,
+                args: [ElementRef, { static: false }]
+            }], selectedObject: [{
+                type: Output
+            }], click: [{
+                type: Output
+            }], editModel: [{
+                type: Output
+            }] } });
+
+const COMMON_MODULES = [
+    CommonModule,
+    ReactiveFormsModule,
+    MatAutocompleteModule, MatButtonModule, MatButtonToggleModule, MatCardModule, MatCheckboxModule, MatChipsModule, MatDatepickerModule,
+    MatDialogModule, MatExpansionModule, MatGridListModule, MatIconModule,
+    MatInputModule, MatListModule, MatMenuModule, MatNativeDateModule,
+    MatPaginatorModule, MatProgressBarModule, MatProgressSpinnerModule, MatRadioModule, MatRippleModule, MatSelectModule, MatSidenavModule,
+    MatSliderModule, MatSlideToggleModule, MatSnackBarModule, MatSortModule, MatTableModule, MatTabsModule, MatToolbarModule,
+    MatTooltipModule, MatOptionModule, DragDropModule, MatDividerModule, PortalModule, MatTreeModule, MatBadgeModule, MatStepperModule,
+    CdkStepperModule
+];
+class RSLMaterialModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RSLMaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: RSLMaterialModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            MatAutocompleteModule, MatButtonModule, MatButtonToggleModule, MatCardModule, MatCheckboxModule, MatChipsModule, MatDatepickerModule,
+            MatDialogModule, MatExpansionModule, MatGridListModule, MatIconModule,
+            MatInputModule, MatListModule, MatMenuModule, MatNativeDateModule,
+            MatPaginatorModule, MatProgressBarModule, MatProgressSpinnerModule, MatRadioModule, MatRippleModule, MatSelectModule, MatSidenavModule,
+            MatSliderModule, MatSlideToggleModule, MatSnackBarModule, MatSortModule, MatTableModule, MatTabsModule, MatToolbarModule,
+            MatTooltipModule, MatOptionModule, DragDropModule, MatDividerModule, PortalModule, MatTreeModule, MatBadgeModule, MatStepperModule,
+            CdkStepperModule, TranslateModule], exports: [CommonModule,
+            ReactiveFormsModule,
+            MatAutocompleteModule, MatButtonModule, MatButtonToggleModule, MatCardModule, MatCheckboxModule, MatChipsModule, MatDatepickerModule,
+            MatDialogModule, MatExpansionModule, MatGridListModule, MatIconModule,
+            MatInputModule, MatListModule, MatMenuModule, MatNativeDateModule,
+            MatPaginatorModule, MatProgressBarModule, MatProgressSpinnerModule, MatRadioModule, MatRippleModule, MatSelectModule, MatSidenavModule,
+            MatSliderModule, MatSlideToggleModule, MatSnackBarModule, MatSortModule, MatTableModule, MatTabsModule, MatToolbarModule,
+            MatTooltipModule, MatOptionModule, DragDropModule, MatDividerModule, PortalModule, MatTreeModule, MatBadgeModule, MatStepperModule,
+            CdkStepperModule, TranslateModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RSLMaterialModule, imports: [COMMON_MODULES, TranslateModule, CommonModule,
+            ReactiveFormsModule,
+            MatAutocompleteModule, MatButtonModule, MatButtonToggleModule, MatCardModule, MatCheckboxModule, MatChipsModule, MatDatepickerModule,
+            MatDialogModule, MatExpansionModule, MatGridListModule, MatIconModule,
+            MatInputModule, MatListModule, MatMenuModule, MatNativeDateModule,
+            MatPaginatorModule, MatProgressBarModule, MatProgressSpinnerModule, MatRadioModule, MatRippleModule, MatSelectModule, MatSidenavModule,
+            MatSliderModule, MatSlideToggleModule, MatSnackBarModule, MatSortModule, MatTableModule, MatTabsModule, MatToolbarModule,
+            MatTooltipModule, MatOptionModule, DragDropModule, MatDividerModule, PortalModule, MatTreeModule, MatBadgeModule, MatStepperModule,
+            CdkStepperModule, TranslateModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RSLMaterialModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ...COMMON_MODULES,
+                        TranslateModule
+                    ],
+                    exports: [
+                        ...COMMON_MODULES,
+                        TranslateModule
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of rdict
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FullComponent, GenericRdictTableComponent, Menu, RSLMaterialModule, RdictCrudComponent, ReactiveDictionary, Right, SocketService, User, UserService, WsAuthService };
+//# sourceMappingURL=rosoftlab-rdict.mjs.map