@rosoftlab/core 1.0.0-alpha-4 → 1.0.0-alpha-6

package/fesm2022/rosoftlab-core.mjs

@@ -1,28 +1,27 @@
 import * as i0 from '@angular/core';
-import { Component, Input, Injectable, Directive, ContentChildren, Inject, Pipe, Optional, NgModule } from '@angular/core';
-import * as i6 from '@angular/common';
+import { Component, Input, Injectable, InjectionToken, Inject, Pipe, Optional, NgModule } from '@angular/core';
+import * as i5 from '@angular/common';
 import { DatePipe, DecimalPipe, PercentPipe, CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/forms';
 import { UntypedFormGroup, UntypedFormControl, Validators, ReactiveFormsModule } from '@angular/forms';
 import * as i2 from '@angular/router';
 import * as i1$2 from '@ngx-translate/core';
 import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
-import { Observable, throwError, from, merge, BehaviorSubject, combineLatest, of } from 'rxjs';
+import { Observable, throwError, of } from 'rxjs';
 import * as i1 from '@angular/common/http';
-import { HttpHeaders, HttpParams, HttpErrorResponse, HttpResponse, HttpClient, HttpClientModule } from '@angular/common/http';
+import { HttpHeaders, HttpParams, HttpResponse, HttpClient, HttpClientModule } from '@angular/common/http';
 import { compare } from 'fast-json-patch';
 import * as qs from 'qs';
-import { map, catchError, switchMap, tap } from 'rxjs/operators';
-import Swal from 'sweetalert2';
+import { map, catchError, tap } from 'rxjs/operators';
 import 'reflect-metadata';
 import { parseISO } from 'date-fns';
 import { __decorate, __metadata } from 'tslib';
 
 class FieldErrorDisplayComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: FieldErrorDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: FieldErrorDisplayComponent, selector: "rsl-field-error-display", inputs: { errorMsg: "errorMsg", displayError: "displayError" }, ngImport: i0, template: "<div *ngIf=\"displayError\" >\n  <!-- <span class=\"glyphicon glyphicon-remove form-control-feedback fix-error-icon\"></span> -->\n  <span class=\"sr-only\">(error)</span>\n  <div class=\"error-msg\">\n    {{ errorMsg }}\n  </div>\n</div>\n", styles: [".error-msg{color:red}.fix-error-icon{top:27px}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: FieldErrorDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: FieldErrorDisplayComponent, selector: "rsl-field-error-display", inputs: { errorMsg: "errorMsg", displayError: "displayError" }, ngImport: i0, template: "<div *ngIf=\"displayError\" >\n  <!-- <span class=\"glyphicon glyphicon-remove form-control-feedback fix-error-icon\"></span> -->\n  <span class=\"sr-only\">(error)</span>\n  <div class=\"error-msg\">\n    {{ errorMsg }}\n  </div>\n</div>\n", styles: [".error-msg{color:red}.fix-error-icon{top:27px}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: FieldErrorDisplayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: FieldErrorDisplayComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rsl-field-error-display', template: "<div *ngIf=\"displayError\" >\n  <!-- <span class=\"glyphicon glyphicon-remove form-control-feedback fix-error-icon\"></span> -->\n  <span class=\"sr-only\">(error)</span>\n  <div class=\"error-msg\">\n    {{ errorMsg }}\n  </div>\n</div>\n", styles: [".error-msg{color:red}.fix-error-icon{top:27px}\n"] }]
         }], propDecorators: { errorMsg: [{
@@ -36,20 +35,20 @@ class PageNotFoundComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: PageNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: PageNotFoundComponent, selector: "rsl-page-not-found", ngImport: i0, template: "<div class=\"forms-view-container\">\n  <div class=\"under-construction-view-container\">\n    Page not found\n  </div>\n</div>", styles: [".under-construction-view-container{height:calc(100vh - 250px);margin:60px 0 0;padding:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:1.8em;line-height:1.3em;font-weight:300;color:#58585b;text-align:center}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: PageNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: PageNotFoundComponent, selector: "rsl-page-not-found", ngImport: i0, template: "<div class=\"forms-view-container\">\n  <div class=\"under-construction-view-container\">\n    Page not found\n  </div>\n</div>", styles: [".under-construction-view-container{height:calc(100vh - 250px);margin:60px 0 0;padding:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:1.8em;line-height:1.3em;font-weight:300;color:#58585b;text-align:center}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: PageNotFoundComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: PageNotFoundComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rsl-page-not-found', template: "<div class=\"forms-view-container\">\n  <div class=\"under-construction-view-container\">\n    Page not found\n  </div>\n</div>", styles: [".under-construction-view-container{height:calc(100vh - 250px);margin:60px 0 0;padding:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:1.8em;line-height:1.3em;font-weight:300;color:#58585b;text-align:center}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 class UnderConstructionComponent {
     constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: UnderConstructionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: UnderConstructionComponent, selector: "rsl-under-construction", ngImport: i0, template: "<div class=\"forms-view-container\">\n  <div class=\"under-construction-view-container\">\n    Page under construction\n  </div>\n</div>", styles: [".under-construction-view-container{height:calc(100vh - 250px);margin:60px 0 0;padding:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:1.8em;line-height:1.3em;font-weight:300;color:#58585b;text-align:center}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: UnderConstructionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: UnderConstructionComponent, selector: "rsl-under-construction", ngImport: i0, template: "<div class=\"forms-view-container\">\n  <div class=\"under-construction-view-container\">\n    Page under construction\n  </div>\n</div>", styles: [".under-construction-view-container{height:calc(100vh - 250px);margin:60px 0 0;padding:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:1.8em;line-height:1.3em;font-weight:300;color:#58585b;text-align:center}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: UnderConstructionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: UnderConstructionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rsl-under-construction', template: "<div class=\"forms-view-container\">\n  <div class=\"under-construction-view-container\">\n    Page under construction\n  </div>\n</div>", styles: [".under-construction-view-container{height:calc(100vh - 250px);margin:60px 0 0;padding:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:1.8em;line-height:1.3em;font-weight:300;color:#58585b;text-align:center}\n"] }]
         }], ctorParameters: function () { return []; } });
@@ -90,10 +89,10 @@ class CacheService {
         const keysToDelete = Object.keys(this.cache).filter(key => key.includes(keyword));
         keysToDelete.forEach(key => this.delete(key));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CacheService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: CacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: CacheService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CacheService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: CacheService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -424,10 +423,10 @@ class BaseDatastore {
     _toQueryString(params) {
         return qs.stringify(params, { arrayFormat: 'brackets' });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: BaseDatastore, deps: [{ token: i1.HttpClient }, { token: CacheService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: BaseDatastore }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: BaseDatastore, deps: [{ token: i1.HttpClient }, { token: CacheService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: BaseDatastore }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: BaseDatastore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: BaseDatastore, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: CacheService }]; } });
 
@@ -515,161 +514,17 @@ class BaseService {
     getSelectValues(property) {
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: BaseService, deps: [{ token: BaseDatastore }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: BaseService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: BaseService, deps: [{ token: BaseDatastore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: BaseService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: BaseService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: BaseService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
         }], ctorParameters: function () { return [{ type: BaseDatastore }]; } });
 
-/**
- * Async modal dialog service
- * DialogService makes this app easier to test by faking this service.
- * TODO: better modal implementation that doesn't use window.confirm
- */
-class DialogService {
-    /**
-     * Ask user to confirm an action. `message` explains the action and choices.
-     * Returns observable resolving to `true`=confirm or `false`=cancel
-     */
-    constructor() { }
-    confirm(message, text, confirmButtonText = 'Delete', cancelButtonText = 'Cancel') {
-        const confirmation = Swal.fire({
-            title: message || 'Are you sure?',
-            icon: 'warning',
-            text: text || '',
-            showCancelButton: true,
-            confirmButtonText: confirmButtonText,
-            cancelButtonText: cancelButtonText,
-            customClass: {
-                confirmButton: 'btn btn-red btn-fill btn-wd',
-                cancelButton: 'btn btn-grey btn-fill btn-wd',
-            },
-            buttonsStyling: false,
-            reverseButtons: true
-        })
-            .then((result) => {
-            if (result.value) {
-                return true;
-            }
-            else {
-                return false;
-            }
-        }).catch();
-        return from(confirmation);
-    }
-    showSaveMessage(message, title) {
-        const confirmation = Swal.fire({
-            icon: 'success',
-            title: message,
-            timer: 2000,
-            showConfirmButton: false,
-            // customClass: 'overflow-hidden',
-            buttonsStyling: false
-        }).then(() => {
-            return true;
-        }, () => {
-            return false;
-        }).catch();
-        return from(confirmation);
-    }
-    showRegisteredMessage(message, title) {
-        const confirmation = Swal.fire({
-            icon: 'success',
-            title: message,
-            showConfirmButton: true,
-            customClass: {
-                confirmButton: 'btn btn-success',
-            },
-            buttonsStyling: false
-        }).then(() => {
-            return true;
-        }, () => {
-            return false;
-        }).catch();
-        return from(confirmation);
-    }
-    // notification(message?: string, type?: NotificationType, fromPosition?: NotificationFrom, align?: NotificationAlign, timer?: number) {
-    //   if (!type) {
-    //     type = NotificationType.success;
-    //   }
-    //   if (!fromPosition) {
-    //     fromPosition = NotificationFrom.bottom;
-    //   }
-    //   if (!align) {
-    //     align = NotificationAlign.center;
-    //   }
-    //   if (!timer) {
-    //     timer = 3000;
-    //   }
-    //   $.notify({
-    //     icon: 'notifications',
-    //     message: message
-    //   }, {
-    //       type: type,
-    //       timer: 3000,
-    //       placement: {
-    //         from: from,
-    //         align: align
-    //       }
-    //     });
-    // }
-    showErrorMessage(e, message) {
-        if (!message) {
-            message = 'Validation errors';
-        }
-        if (e instanceof HttpErrorResponse) {
-            // Validation errors
-            if (e.status === 400) {
-                const errors = e.error.errors;
-                if (errors) {
-                    errors.forEach(error => {
-                        message += error.field + ' ' + error.detail + '\n';
-                    });
-                    // message = errors.detail;
-                    // if (detail.relationships) {
-                    //   detail.relationships.forEach(relation => {
-                    //     console.log(relation);
-                    //   });
-                    // }
-                }
-            }
-        }
-        const confirmation = Swal.fire({
-            icon: 'error',
-            title: message,
-            // timer: 2000,
-            showConfirmButton: true,
-            customClass: {
-                confirmButton: 'btn btn-success',
-            },
-            buttonsStyling: false
-        }).then(() => {
-            return true;
-        }, () => {
-            return false;
-        }).catch();
-        return from(confirmation);
-    }
-    getTextTranslation(translationKey) {
-        // // const result = await promise;
-        // // return result;
-        // const result = this.translate.instant(translationKey);
-        // if (result === translationKey) {
-        return translationKey;
-        // }
-        // return result;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: DialogService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: DialogService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
-
+const DialogSERVICE = new InjectionToken('DialogService');
 class BaseFormEditComponent {
     constructor(fb, router, route, modelService, dialogService, translate, location) {
         this.fb = fb;
@@ -883,16 +738,19 @@ class BaseFormEditComponent {
         }
         return rvalue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: BaseFormEditComponent, deps: [{ token: i1$1.UntypedFormBuilder }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: BaseService }, { token: DialogService }, { token: i1$2.TranslateService }, { token: i6.Location }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: BaseFormEditComponent, selector: "app-base.form.edit", ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: BaseFormEditComponent, deps: [{ token: i1$1.UntypedFormBuilder }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: BaseService }, { token: DialogSERVICE }, { token: i1$2.TranslateService }, { token: i5.Location }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: BaseFormEditComponent, selector: "app-base.form.edit", ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: BaseFormEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: BaseFormEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-base.form.edit',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.UntypedFormBuilder }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: BaseService }, { type: DialogService }, { type: i1$2.TranslateService }, { type: i6.Location }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.UntypedFormBuilder }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: BaseService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DialogSERVICE]
+                }] }, { type: i1$2.TranslateService }, { type: i5.Location }]; } });
 
 var GridLayoutFormat;
 (function (GridLayoutFormat) {
@@ -1048,114 +906,6 @@ function CustomType(config = {}) {
     };
 }
 
-class TranslatedElementDirective {
-    constructor(viewRef, templateRef) {
-        this.viewRef = viewRef;
-        this.templateRef = templateRef;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: TranslatedElementDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: TranslatedElementDirective, selector: "[translatedElement]", inputs: { elementKey: ["translatedElement", "elementKey"] }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: TranslatedElementDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[translatedElement]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }]; }, propDecorators: { elementKey: [{
-                type: Input,
-                args: ['translatedElement']
-            }] } });
-
-const TOKEN_START_DEMARC = '{{';
-const TOKEN_END_DEMARC = '}}';
-// adapted from @kasperlauge's solution in https://github.com/ngx-translate/core/issues/223
-class TranslatedContentDirective {
-    constructor(viewRef, renderer, translateService, changeDetectorRef) {
-        this.viewRef = viewRef;
-        this.renderer = renderer;
-        this.translateService = translateService;
-        this.changeDetectorRef = changeDetectorRef;
-        this.subs = [];
-    }
-    ngOnInit() {
-        this.rawTranslation = merge(this.translateService.get(this.translationKey), this.translateService.onLangChange.asObservable().pipe(switchMap(() => this.translateService.get(this.translationKey))));
-    }
-    ngAfterContentInit() {
-        // QueryList.changes doesn't re-emit after its initial value, which we have by now
-        // BehaviorSubjects re-emit their initial value on subscription, so we get what we need by merging
-        // the BehaviorSubject and the QueryList.changes observable
-        const elementsSubject = new BehaviorSubject(this.elements.toArray());
-        const elementsChanges = merge(elementsSubject, this.elements.changes);
-        this.translationData = combineLatest(this.rawTranslation, elementsChanges)
-            .pipe(map(([rawTranslation]) => {
-            return {
-                elements: this.elements.toArray(),
-                rawTranslation,
-            };
-        }));
-        this.subs.push(this.translationData.subscribe(this.render.bind(this)));
-    }
-    render(translationData) {
-        if (!translationData.rawTranslation || translationData.rawTranslation === this.translationKey) {
-            throw new Error(`No resource matching the key '${this.translationKey}'`);
-        }
-        while (this.viewRef.element.nativeElement.firstChild) {
-            this.renderer.removeChild(this.viewRef.element.nativeElement, this.viewRef.element.nativeElement.firstChild);
-        }
-        let lastTokenEnd = 0;
-        while (lastTokenEnd < translationData.rawTranslation.length) {
-            const tokenStartDemarc = translationData.rawTranslation.indexOf(TOKEN_START_DEMARC, lastTokenEnd);
-            if (tokenStartDemarc < 0) {
-                break;
-            }
-            const tokenStart = tokenStartDemarc + TOKEN_START_DEMARC.length;
-            const tokenEnd = translationData.rawTranslation.indexOf(TOKEN_END_DEMARC, tokenStart);
-            if (tokenEnd < 0) {
-                throw new Error(`Encountered unterminated token in translation string '${this.translationKey}'`);
-            }
-            const tokenEndDemarc = tokenEnd + TOKEN_END_DEMARC.length;
-            const precedingText = translationData.rawTranslation.substring(lastTokenEnd, tokenStartDemarc);
-            const precedingTextElement = this.renderer.createText(precedingText);
-            this.renderer.appendChild(this.viewRef.element.nativeElement, precedingTextElement);
-            const elementKey = translationData.rawTranslation.substring(tokenStart, tokenEnd);
-            const embeddedElementTemplate = translationData.elements.find(element => element.elementKey === elementKey);
-            if (embeddedElementTemplate) {
-                const embeddedElementView = embeddedElementTemplate.viewRef.createEmbeddedView(embeddedElementTemplate.templateRef);
-                this.renderer.appendChild(this.viewRef.element.nativeElement, embeddedElementView.rootNodes[0]);
-            }
-            else {
-                const missingTokenText = translationData.rawTranslation.substring(tokenStartDemarc, tokenEndDemarc);
-                const missingTokenElement = this.renderer.createText(missingTokenText);
-                this.renderer.appendChild(this.viewRef.element.nativeElement, missingTokenElement);
-            }
-            lastTokenEnd = tokenEndDemarc;
-        }
-        const trailingText = translationData.rawTranslation.substring(lastTokenEnd);
-        const trailingTextElement = this.renderer.createText(trailingText);
-        this.renderer.appendChild(this.viewRef.element.nativeElement, trailingTextElement);
-        // in case the rendering happens outside of a change detection event, this ensures that any translations in the
-        // embedded elements are rendered
-        this.changeDetectorRef.detectChanges();
-    }
-    ngOnDestroy() {
-        this.subs.forEach(sub => sub.unsubscribe());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: TranslatedContentDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i1$2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: TranslatedContentDirective, selector: "[appTranslatedContent]", inputs: { translationKey: ["appTranslatedContent", "translationKey"] }, queries: [{ propertyName: "elements", predicate: TranslatedElementDirective }], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: TranslatedContentDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appTranslatedContent]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: i1$2.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { translationKey: [{
-                type: Input,
-                args: ['appTranslatedContent']
-            }], elements: [{
-                type: ContentChildren,
-                args: [TranslatedElementDirective]
-            }] } });
-
 class CacheInterceptor {
     constructor(expirationTime, cacheService) {
         this.expirationTime = expirationTime;
@@ -1191,10 +941,10 @@ class CacheInterceptor {
         //   })
         // );
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CacheInterceptor, deps: [{ token: 'CACHE_EXPIRATION_TIME' }, { token: CacheService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CacheInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: CacheInterceptor, deps: [{ token: 'CACHE_EXPIRATION_TIME' }, { token: CacheService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: CacheInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CacheInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: CacheInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -1381,10 +1131,10 @@ class Nl2brPipe {
         }
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: Nl2brPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.1", ngImport: i0, type: Nl2brPipe, name: "nl2br" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: Nl2brPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.10", ngImport: i0, type: Nl2brPipe, name: "nl2br" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: Nl2brPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: Nl2brPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'nl2br'
@@ -1415,10 +1165,10 @@ class InputErrorPipe {
         }
         return rvalue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: InputErrorPipe, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.1", ngImport: i0, type: InputErrorPipe, name: "inputError" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: InputErrorPipe, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.10", ngImport: i0, type: InputErrorPipe, name: "inputError" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: InputErrorPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: InputErrorPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'inputError'
@@ -1443,14 +1193,14 @@ let DatastoreCore = class DatastoreCore extends BaseDatastore {
         };
         this.config = this.customConfig;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: DatastoreCore, deps: [{ token: i1.HttpClient }, { token: CacheService }, { token: Configurations }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: DatastoreCore }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DatastoreCore, deps: [{ token: i1.HttpClient }, { token: CacheService }, { token: Configurations }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DatastoreCore }); }
 };
 DatastoreCore = __decorate([
     BaseDatastoreConfig({ apiVersion: '', baseUrl: '' }),
     __metadata("design:paramtypes", [HttpClient, CacheService, Configurations])
 ], DatastoreCore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: DatastoreCore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DatastoreCore, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: CacheService }, { type: Configurations }]; } });
 
@@ -1459,7 +1209,7 @@ const PROVIDERS = [
     DatastoreCore,
     DatePipe,
     DecimalPipe,
-    PercentPipe,
+    PercentPipe
 ];
 
 function DynamicallyModelResolver(modelsImport, className = undefined) {
@@ -1522,10 +1272,10 @@ class TranslateloaderService {
         const url = this._apiUrl + '/api/v1/language/' + lang + '/translationlist';
         return this.httpClient.get(url, { headers: this.headers });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: TranslateloaderService, deps: [{ token: i1.HttpClient }, { token: Configurations, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: TranslateloaderService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: TranslateloaderService, deps: [{ token: i1.HttpClient }, { token: Configurations, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: TranslateloaderService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: TranslateloaderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: TranslateloaderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1544,10 +1294,10 @@ class RslBaseModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: RslBaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.1", ngImport: i0, type: RslBaseModule, imports: [CommonModule, i1$2.TranslateModule, ReactiveFormsModule], exports: [HttpClientModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: RslBaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.10", ngImport: i0, type: RslBaseModule, imports: [CommonModule, i1$2.TranslateModule, ReactiveFormsModule], exports: [HttpClientModule,
             TranslateModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: RslBaseModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: RslBaseModule, providers: [
             PROVIDERS
         ], imports: [CommonModule,
             TranslateModule.forRoot({
@@ -1562,7 +1312,7 @@ class RslBaseModule {
             ReactiveFormsModule, HttpClientModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: RslBaseModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: RslBaseModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1638,5 +1388,5 @@ function getValueFromJsonData(jsonData, key) {
  * Generated bundle index. Do not edit.
  */
 
-export { Attribute, BaseDatastore, BaseDatastoreConfig, BaseFormEditComponent, BaseMetaModel, BaseModel, BaseModelConfig, BaseQueryData, BaseService, CacheInterceptor, CacheService, CellTextAlign, CustomType, CustomValidators, DatastoreCore, DialogService, DynamicallyModelResolver, DynamicallyServiceResolver, ErrorResponse, FieldErrorDisplayComponent, GridLayoutFormat, InputErrorPipe, Nl2brPipe, PROVIDERS, PageNotFoundComponent, RslBaseModule, Rule, TranslatedContentDirective, TranslatedElementDirective, UnderConstructionComponent, getValueFromJsonData, readFileAsync };
+export { Attribute, BaseDatastore, BaseDatastoreConfig, BaseFormEditComponent, BaseMetaModel, BaseModel, BaseModelConfig, BaseQueryData, BaseService, CacheInterceptor, CacheService, CellTextAlign, CustomType, CustomValidators, DatastoreCore, DynamicallyModelResolver, DynamicallyServiceResolver, ErrorResponse, FieldErrorDisplayComponent, GridLayoutFormat, InputErrorPipe, Nl2brPipe, PROVIDERS, PageNotFoundComponent, RslBaseModule, Rule, UnderConstructionComponent, getValueFromJsonData, readFileAsync };
 //# sourceMappingURL=rosoftlab-core.mjs.map