npm - @lenne.tech/ng-base - Versions diffs - 14.29.1 → 14.30.0 - Mend

@lenne.tech/ng-base 14.29.1 → 14.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/esm2020/src/guards/auth.guard.mjs CHANGED Viewed

@@ -69,9 +69,9 @@ export class AuthGuard {
         return this.canActivate(route, state);
     }
 }
-AuthGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: AuthGuard, deps: [{ token: i1.Router }, { token: i2.AuthService }, { token: BASE_MODULE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
-AuthGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: AuthGuard });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: AuthGuard, decorators: [{
+AuthGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AuthGuard, deps: [{ token: i1.Router }, { token: i2.AuthService }, { token: BASE_MODULE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+AuthGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AuthGuard });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AuthGuard, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.AuthService }, { type: undefined, decorators: [{
                     type: Inject,

package/esm2020/src/guards/can-deactivate.guard.mjs CHANGED Viewed

@@ -8,9 +8,9 @@ export class CanDeactivateGuard {
         return component.canDeactivate ? component.canDeactivate() : true;
     }
 }
-CanDeactivateGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CanDeactivateGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-CanDeactivateGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CanDeactivateGuard });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CanDeactivateGuard, decorators: [{
+CanDeactivateGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CanDeactivateGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CanDeactivateGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CanDeactivateGuard });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CanDeactivateGuard, decorators: [{
             type: Injectable
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FuLWRlYWN0aXZhdGUuZ3VhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1iYXNlL3NyYy9ndWFyZHMvY2FuLWRlYWN0aXZhdGUuZ3VhcmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFJM0M7O0dBRUc7QUFFSCxNQUFNLE9BQU8sa0JBQWtCO0lBQzdCLGFBQWEsQ0FBQyxTQUFrQztRQUM5QyxPQUFPLFNBQVMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ3BFLENBQUM7O2dIQUhVLGtCQUFrQjtvSEFBbEIsa0JBQWtCOzRGQUFsQixrQkFBa0I7a0JBRDlCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYW5EZWFjdGl2YXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IElDYW5Db21wb25lbnREZWFjdGl2YXRlIH0gZnJvbSAnQGxlbm5lLnRlY2gvbmctYmFzZS9zaGFyZWQnO1xuXG4vKipcbiAqIEd1YXJkIHRvIGNoZWNrIGlmIGEgY29tcG9uZW50IGNhbiBiZSBkZWFjdGl2YXRlZFxuICovXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgQ2FuRGVhY3RpdmF0ZUd1YXJkIGltcGxlbWVudHMgQ2FuRGVhY3RpdmF0ZTxJQ2FuQ29tcG9uZW50RGVhY3RpdmF0ZT4ge1xuICBjYW5EZWFjdGl2YXRlKGNvbXBvbmVudDogSUNhbkNvbXBvbmVudERlYWN0aXZhdGUpIHtcbiAgICByZXR1cm4gY29tcG9uZW50LmNhbkRlYWN0aXZhdGUgPyBjb21wb25lbnQuY2FuRGVhY3RpdmF0ZSgpIDogdHJ1ZTtcbiAgfVxufVxuIl19

package/esm2020/src/guards/logout.guard.mjs CHANGED Viewed

@@ -24,9 +24,9 @@ export class LogoutGuard {
         return this.canActivate(route, state);
     }
 }
-LogoutGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: LogoutGuard, deps: [{ token: i1.Router }, { token: i2.AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
-LogoutGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: LogoutGuard });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: LogoutGuard, decorators: [{
+LogoutGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: LogoutGuard, deps: [{ token: i1.Router }, { token: i2.AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
+LogoutGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: LogoutGuard });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: LogoutGuard, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.AuthService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nb3V0Lmd1YXJkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctYmFzZS9zcmMvZ3VhcmRzL2xvZ291dC5ndWFyZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7QUFHbEM7O0dBRUc7QUFFSCxNQUFNLE9BQU8sV0FBVztJQUN0QixZQUFvQixNQUFjLEVBQVUsV0FBd0I7UUFBaEQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFhO0lBQUcsQ0FBQztJQUV4RSxXQUFXLENBQUMsS0FBNkIsRUFBRSxLQUEwQjtRQUNuRSxPQUFPLElBQUksVUFBVSxDQUFDLENBQUMsVUFBVSxFQUFFLEVBQUU7WUFDbkMsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRTtnQkFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsQ0FBQzthQUMzQjtZQUVELFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDdEIsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3hCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQTZCLEVBQUUsS0FBMEI7UUFDeEUsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDOzt5R0FoQlUsV0FBVzs2R0FBWCxXQUFXOzRGQUFYLFdBQVc7a0JBRHZCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZVNuYXBzaG90LCBDYW5BY3RpdmF0ZSwgQ2FuQWN0aXZhdGVDaGlsZCwgUm91dGVyLCBSb3V0ZXJTdGF0ZVNuYXBzaG90IH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEF1dGhTZXJ2aWNlIH0gZnJvbSAnQGxlbm5lLnRlY2gvbmctYmFzZS9zaGFyZWQnO1xuXG4vKipcbiAqIExvZ291dCBndWFyZFxuICovXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgTG9nb3V0R3VhcmQgaW1wbGVtZW50cyBDYW5BY3RpdmF0ZSwgQ2FuQWN0aXZhdGVDaGlsZCB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsIHByaXZhdGUgYXV0aFNlcnZpY2U6IEF1dGhTZXJ2aWNlKSB7fVxuXG4gIGNhbkFjdGl2YXRlKHJvdXRlOiBBY3RpdmF0ZWRSb3V0ZVNuYXBzaG90LCBzdGF0ZTogUm91dGVyU3RhdGVTbmFwc2hvdCk6IE9ic2VydmFibGU8Ym9vbGVhbj4ge1xuICAgIHJldHVybiBuZXcgT2JzZXJ2YWJsZSgoc3Vic2NyaWJlcikgPT4ge1xuICAgICAgaWYgKHRoaXMuYXV0aFNlcnZpY2UudG9rZW4pIHtcbiAgICAgICAgdGhpcy5hdXRoU2VydmljZS5sb2dvdXQoKTtcbiAgICAgIH1cblxuICAgICAgc3Vic2NyaWJlci5uZXh0KHRydWUpO1xuICAgICAgc3Vic2NyaWJlci5jb21wbGV0ZSgpO1xuICAgIH0pO1xuICB9XG5cbiAgY2FuQWN0aXZhdGVDaGlsZChyb3V0ZTogQWN0aXZhdGVkUm91dGVTbmFwc2hvdCwgc3RhdGU6IFJvdXRlclN0YXRlU25hcHNob3QpOiBPYnNlcnZhYmxlPGJvb2xlYW4+IHtcbiAgICByZXR1cm4gdGhpcy5jYW5BY3RpdmF0ZShyb3V0ZSwgc3RhdGUpO1xuICB9XG59XG4iXX0=

package/esm2020/src/pipes/date-ago.pipe.mjs CHANGED Viewed

@@ -53,9 +53,9 @@ export class DateAgoPipe {
         return value;
     }
 }
-DateAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: DateAgoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-DateAgoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: DateAgoPipe, name: "dateAgo" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: DateAgoPipe, decorators: [{
+DateAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DateAgoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+DateAgoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DateAgoPipe, name: "dateAgo" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DateAgoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateAgo',

package/esm2020/src/pipes/safe-html.pipe.mjs CHANGED Viewed

@@ -12,9 +12,9 @@ export class SafeHtmlPipe {
         return this.sanitized.bypassSecurityTrustHtml(value);
     }
 }
-SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: SafeHtmlPipe, name: "ltSafeHtml" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: SafeHtmlPipe, name: "ltSafeHtml" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SafeHtmlPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'ltSafeHtml' }]
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });

package/esm2020/src/services/fullscreen.service.mjs CHANGED Viewed

@@ -40,9 +40,9 @@ export class FullscreenService {
         });
     }
 }
-FullscreenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: FullscreenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FullscreenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: FullscreenService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: FullscreenService, decorators: [{
+FullscreenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: FullscreenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FullscreenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: FullscreenService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: FullscreenService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2020/src/services/seo.service.mjs CHANGED Viewed

@@ -86,9 +86,9 @@ export class SEOService {
         this.metaTagService.updateTag({ name: 'keywords', content: keywords });
     }
 }
-SEOService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SEOService, deps: [{ token: i1.Title }, { token: i1.Meta }], target: i0.ɵɵFactoryTarget.Injectable });
-SEOService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SEOService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SEOService, decorators: [{
+SEOService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SEOService, deps: [{ token: i1.Title }, { token: i1.Meta }], target: i0.ɵɵFactoryTarget.Injectable });
+SEOService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SEOService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SEOService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2020/src/services/theme.service.mjs CHANGED Viewed

@@ -32,9 +32,9 @@ export class ThemeService {
         }
     }
 }
-ThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ThemeService, deps: [{ token: i1.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-ThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ThemeService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ThemeService, decorators: [{
+ThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ThemeService, deps: [{ token: i1.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
+ThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ThemeService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ThemeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2015/lenne.tech-ng-base-base-cms.mjs CHANGED Viewed

@@ -225,9 +225,9 @@ class BaseCmsComponent {
         this.sideBarWidth = window.innerWidth < 768 ? '8%' : '22%';
     }
 }
-BaseCmsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseCmsComponent, deps: [{ token: BASE_CMS_MODULE_CONFIG }, { token: i1.GraphQLMetaService }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: i1.AuthService }, { token: i1.CmsService }], target: i0.ɵɵFactoryTarget.Component });
-BaseCmsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: BaseCmsComponent, selector: "app-base-cms", ngImport: i0, template: "<div class=\"main\">\n  <div\n    class=\"sidebar\"\n    [ngStyle]=\"{\n      'flex-basis': !responsiveToggle ? sideBarWidth : '100%',\n      'min-width': !responsiveToggle ? sideBarWidth : ''\n    }\"\n  >\n    <div class=\"d-none d-md-flex flex-column flex-shrink-0 p-3 h-100\">\n      <ng-container *ngIf=\"moduleConfig.branding\">\n        <a\n          href=\"/\"\n          class=\"d-flex flex-column align-items-start mb-3 mt-3 me-md-auto link-dark text-decoration-none\"\n          *ngIf=\"!moduleConfig?.logoUrl\"\n        >\n          <span class=\"d-block fs-4\"><b class=\"text-primary\">Base</b>CMS</span>\n          <small class=\"fw-lighter\">The auto generated GraphQL CMS</small>\n        </a>\n\n        <a\n          href=\"/\"\n          class=\"d-flex flex-column align-items-start mb-3 mt-3 me-md-auto link-dark text-decoration-none w-100\"\n          *ngIf=\"moduleConfig?.logoUrl\"\n        >\n          <img [src]=\"moduleConfig.logoUrl\" class=\"img-responsive w-100\" alt=\"Logo\" />\n        </a>\n        <hr />\n      </ng-container>\n      <ul class=\"nav nav-pills flex-column mb-auto\" *ngIf=\"types\">\n        <li class=\"nav-item\" *ngFor=\"let type of types\">\n          <a\n            class=\"nav-link\"\n            aria-current=\"page\"\n            [routerLink]=\"(id ? '../../' : '../') + toKebabCase(type?.name)\"\n            [ngClass]=\"{ active: toKebabCase(type?.name) === toKebabCase(this.modelName) }\"\n          >\n            {{\n              moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.plural\n                ? moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.plural\n                : moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.label\n                ? moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.label\n                : type.name + 's'\n            }}\n          </a>\n        </li>\n      </ul>\n    </div>\n    <div class=\"d-flex flex-column d-md-none p-3 h-100\">\n      <div class=\"d-flex justify-content-end\">\n        <i\n          class=\"bi\"\n          [ngClass]=\"{ 'bi-chevron-left': !responsiveToggle, 'bi-chevron-right': responsiveToggle }\"\n          (click)=\"responsiveToggle = !responsiveToggle\"\n        ></i>\n      </div>\n      <ul\n        class=\"nav nav-pills responsive-pills flex-column mb-auto\"\n        [ngClass]=\"{ 'w-100-transition': responsiveToggle }\"\n        *ngIf=\"types\"\n      >\n        <li class=\"nav-item\" *ngFor=\"let type of types\" (click)=\"responsiveToggle = !responsiveToggle\">\n          <a\n            class=\"nav-link\"\n            aria-current=\"page\"\n            [routerLink]=\"(id ? '../../' : '../') + toKebabCase(type?.name)\"\n            [ngClass]=\"{ active: toKebabCase(type?.name) === toKebabCase(this.modelName) }\"\n          >\n            {{\n              moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.plural\n                ? moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.plural\n                : moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.label\n                ? moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.label\n                : type.name + 's'\n            }}\n          </a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"sidebar-content\" [ngStyle]=\"{ 'flex-basis': !responsiveToggle ? 'unset' : '0' }\">\n    <div class=\"p-3 p-md-5 mb-3\">\n      <base-model-table\n        [modelConfig]=\"moduleConfig?.modelConfig[camelModelName]\"\n        [config]=\"moduleConfig?.fieldConfig[camelModelName] || {}\"\n        [modelName]=\"modelName\"\n        [logging]=\"moduleConfig?.logging\"\n        [objectId]=\"id !== 'neu' ? id : ''\"\n        [createMode]=\"id === 'neu'\"\n        (createModeChanged)=\"onCreateModeChanged($event)\"\n        (idSelected)=\"idSelected($event)\"\n        [import]=\"isImportPossible()\"\n        [export]=\"isExportPossible()\"\n        [create]=\"isCreatePossible()\"\n        [update]=\"isUpdatePossible()\"\n        [delete]=\"isDeletePossible()\"\n        [duplicate]=\"isDuplicatePossible()\"\n        [showFavButton]=\"!responsiveToggle\"\n      ></base-model-table>\n    </div>\n  </div>\n</div>\n", styles: [".active{color:var(--bs-primary)!important;background-color:rgba(var(--bs-primary-rgb),.2)!important;font-weight:700}.nav-link{color:var(--bs-body-color)}.sidebar{box-shadow:#7090b014 14px 17px 40px 4px;transition:all .2s linear 0s;z-index:99}.main{display:flex;flex-direction:row;overflow:hidden;height:100%}.main .sidebar{flex-grow:1}@media only screen and (min-width: 992px){.main .sidebar{max-width:300px}}.main .sidebar-content{flex-grow:999;overflow-y:auto;background-color:#f5f7fe;min-height:100vh}.nav-flush .nav-link{border-radius:0}.responsive-pills{width:0;text-align:center;overflow:hidden}.w-100-transition{width:100%;transition:width .2s}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.ModelTableComponent, selector: "base-model-table", inputs: ["modelName", "objectId", "createMode", "logging", "create", "update", "delete", "import", "export", "duplicate", "modelConfig", "config", "showFavButton"], outputs: ["idSelected", "createModeChanged"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseCmsComponent, decorators: [{
+BaseCmsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BaseCmsComponent, deps: [{ token: BASE_CMS_MODULE_CONFIG }, { token: i1.GraphQLMetaService }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: i1.AuthService }, { token: i1.CmsService }], target: i0.ɵɵFactoryTarget.Component });
+BaseCmsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: BaseCmsComponent, selector: "app-base-cms", ngImport: i0, template: "<div class=\"main\">\n  <div\n    class=\"sidebar\"\n    [ngStyle]=\"{\n      'flex-basis': !responsiveToggle ? sideBarWidth : '100%',\n      'min-width': !responsiveToggle ? sideBarWidth : ''\n    }\"\n  >\n    <div class=\"d-none d-md-flex flex-column flex-shrink-0 p-3 h-100\">\n      <ng-container *ngIf=\"moduleConfig.branding\">\n        <a\n          href=\"/\"\n          class=\"d-flex flex-column align-items-start mb-3 mt-3 me-md-auto link-dark text-decoration-none\"\n          *ngIf=\"!moduleConfig?.logoUrl\"\n        >\n          <span class=\"d-block fs-4\"><b class=\"text-primary\">Base</b>CMS</span>\n          <small class=\"fw-lighter\">The auto generated GraphQL CMS</small>\n        </a>\n\n        <a\n          href=\"/\"\n          class=\"d-flex flex-column align-items-start mb-3 mt-3 me-md-auto link-dark text-decoration-none w-100\"\n          *ngIf=\"moduleConfig?.logoUrl\"\n        >\n          <img [src]=\"moduleConfig.logoUrl\" class=\"img-responsive w-100\" alt=\"Logo\" />\n        </a>\n        <hr />\n      </ng-container>\n      <ul class=\"nav nav-pills flex-column mb-auto\" *ngIf=\"types\">\n        <li class=\"nav-item\" *ngFor=\"let type of types\">\n          <a\n            class=\"nav-link\"\n            aria-current=\"page\"\n            [routerLink]=\"(id ? '../../' : '../') + toKebabCase(type?.name)\"\n            [ngClass]=\"{ active: toKebabCase(type?.name) === toKebabCase(this.modelName) }\"\n          >\n            {{\n              moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.plural\n                ? moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.plural\n                : moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.label\n                ? moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.label\n                : type.name + 's'\n            }}\n          </a>\n        </li>\n      </ul>\n    </div>\n    <div class=\"d-flex flex-column d-md-none p-3 h-100\">\n      <div class=\"d-flex justify-content-end\">\n        <i\n          class=\"bi\"\n          [ngClass]=\"{ 'bi-chevron-left': !responsiveToggle, 'bi-chevron-right': responsiveToggle }\"\n          (click)=\"responsiveToggle = !responsiveToggle\"\n        ></i>\n      </div>\n      <ul\n        class=\"nav nav-pills responsive-pills flex-column mb-auto\"\n        [ngClass]=\"{ 'w-100-transition': responsiveToggle }\"\n        *ngIf=\"types\"\n      >\n        <li class=\"nav-item\" *ngFor=\"let type of types\" (click)=\"responsiveToggle = !responsiveToggle\">\n          <a\n            class=\"nav-link\"\n            aria-current=\"page\"\n            [routerLink]=\"(id ? '../../' : '../') + toKebabCase(type?.name)\"\n            [ngClass]=\"{ active: toKebabCase(type?.name) === toKebabCase(this.modelName) }\"\n          >\n            {{\n              moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.plural\n                ? moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.plural\n                : moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.label\n                ? moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.label\n                : type.name + 's'\n            }}\n          </a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"sidebar-content\" [ngStyle]=\"{ 'flex-basis': !responsiveToggle ? 'unset' : '0' }\">\n    <div class=\"p-3 p-md-5 mb-3\">\n      <base-model-table\n        [modelConfig]=\"moduleConfig?.modelConfig[camelModelName]\"\n        [config]=\"moduleConfig?.fieldConfig[camelModelName] || {}\"\n        [modelName]=\"modelName\"\n        [logging]=\"moduleConfig?.logging\"\n        [objectId]=\"id !== 'neu' ? id : ''\"\n        [createMode]=\"id === 'neu'\"\n        (createModeChanged)=\"onCreateModeChanged($event)\"\n        (idSelected)=\"idSelected($event)\"\n        [import]=\"isImportPossible()\"\n        [export]=\"isExportPossible()\"\n        [create]=\"isCreatePossible()\"\n        [update]=\"isUpdatePossible()\"\n        [delete]=\"isDeletePossible()\"\n        [duplicate]=\"isDuplicatePossible()\"\n        [showFavButton]=\"!responsiveToggle\"\n      ></base-model-table>\n    </div>\n  </div>\n</div>\n", styles: [".active{color:var(--bs-primary)!important;background-color:rgba(var(--bs-primary-rgb),.2)!important;font-weight:700}.nav-link{color:var(--bs-body-color)}.sidebar{box-shadow:#7090b014 14px 17px 40px 4px;transition:all .2s linear 0s;z-index:99}.main{display:flex;flex-direction:row;overflow:hidden;height:100%}.main .sidebar{flex-grow:1}@media only screen and (min-width: 992px){.main .sidebar{max-width:300px}}.main .sidebar-content{flex-grow:999;overflow-y:auto;background-color:#f5f7fe;min-height:100vh}.nav-flush .nav-link{border-radius:0}.responsive-pills{width:0;text-align:center;overflow:hidden}.w-100-transition{width:100%;transition:width .2s}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.ModelTableComponent, selector: "base-model-table", inputs: ["modelName", "objectId", "createMode", "logging", "create", "update", "delete", "import", "export", "duplicate", "modelConfig", "config", "showFavButton"], outputs: ["idSelected", "createModeChanged"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BaseCmsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-base-cms', template: "<div class=\"main\">\n  <div\n    class=\"sidebar\"\n    [ngStyle]=\"{\n      'flex-basis': !responsiveToggle ? sideBarWidth : '100%',\n      'min-width': !responsiveToggle ? sideBarWidth : ''\n    }\"\n  >\n    <div class=\"d-none d-md-flex flex-column flex-shrink-0 p-3 h-100\">\n      <ng-container *ngIf=\"moduleConfig.branding\">\n        <a\n          href=\"/\"\n          class=\"d-flex flex-column align-items-start mb-3 mt-3 me-md-auto link-dark text-decoration-none\"\n          *ngIf=\"!moduleConfig?.logoUrl\"\n        >\n          <span class=\"d-block fs-4\"><b class=\"text-primary\">Base</b>CMS</span>\n          <small class=\"fw-lighter\">The auto generated GraphQL CMS</small>\n        </a>\n\n        <a\n          href=\"/\"\n          class=\"d-flex flex-column align-items-start mb-3 mt-3 me-md-auto link-dark text-decoration-none w-100\"\n          *ngIf=\"moduleConfig?.logoUrl\"\n        >\n          <img [src]=\"moduleConfig.logoUrl\" class=\"img-responsive w-100\" alt=\"Logo\" />\n        </a>\n        <hr />\n      </ng-container>\n      <ul class=\"nav nav-pills flex-column mb-auto\" *ngIf=\"types\">\n        <li class=\"nav-item\" *ngFor=\"let type of types\">\n          <a\n            class=\"nav-link\"\n            aria-current=\"page\"\n            [routerLink]=\"(id ? '../../' : '../') + toKebabCase(type?.name)\"\n            [ngClass]=\"{ active: toKebabCase(type?.name) === toKebabCase(this.modelName) }\"\n          >\n            {{\n              moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.plural\n                ? moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.plural\n                : moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.label\n                ? moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.label\n                : type.name + 's'\n            }}\n          </a>\n        </li>\n      </ul>\n    </div>\n    <div class=\"d-flex flex-column d-md-none p-3 h-100\">\n      <div class=\"d-flex justify-content-end\">\n        <i\n          class=\"bi\"\n          [ngClass]=\"{ 'bi-chevron-left': !responsiveToggle, 'bi-chevron-right': responsiveToggle }\"\n          (click)=\"responsiveToggle = !responsiveToggle\"\n        ></i>\n      </div>\n      <ul\n        class=\"nav nav-pills responsive-pills flex-column mb-auto\"\n        [ngClass]=\"{ 'w-100-transition': responsiveToggle }\"\n        *ngIf=\"types\"\n      >\n        <li class=\"nav-item\" *ngFor=\"let type of types\" (click)=\"responsiveToggle = !responsiveToggle\">\n          <a\n            class=\"nav-link\"\n            aria-current=\"page\"\n            [routerLink]=\"(id ? '../../' : '../') + toKebabCase(type?.name)\"\n            [ngClass]=\"{ active: toKebabCase(type?.name) === toKebabCase(this.modelName) }\"\n          >\n            {{\n              moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.plural\n                ? moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.plural\n                : moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.label\n                ? moduleConfig?.modelConfig[lowerCaseFirstLetter(type?.name)]?.label\n                : type.name + 's'\n            }}\n          </a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"sidebar-content\" [ngStyle]=\"{ 'flex-basis': !responsiveToggle ? 'unset' : '0' }\">\n    <div class=\"p-3 p-md-5 mb-3\">\n      <base-model-table\n        [modelConfig]=\"moduleConfig?.modelConfig[camelModelName]\"\n        [config]=\"moduleConfig?.fieldConfig[camelModelName] || {}\"\n        [modelName]=\"modelName\"\n        [logging]=\"moduleConfig?.logging\"\n        [objectId]=\"id !== 'neu' ? id : ''\"\n        [createMode]=\"id === 'neu'\"\n        (createModeChanged)=\"onCreateModeChanged($event)\"\n        (idSelected)=\"idSelected($event)\"\n        [import]=\"isImportPossible()\"\n        [export]=\"isExportPossible()\"\n        [create]=\"isCreatePossible()\"\n        [update]=\"isUpdatePossible()\"\n        [delete]=\"isDeletePossible()\"\n        [duplicate]=\"isDuplicatePossible()\"\n        [showFavButton]=\"!responsiveToggle\"\n      ></base-model-table>\n    </div>\n  </div>\n</div>\n", styles: [".active{color:var(--bs-primary)!important;background-color:rgba(var(--bs-primary-rgb),.2)!important;font-weight:700}.nav-link{color:var(--bs-body-color)}.sidebar{box-shadow:#7090b014 14px 17px 40px 4px;transition:all .2s linear 0s;z-index:99}.main{display:flex;flex-direction:row;overflow:hidden;height:100%}.main .sidebar{flex-grow:1}@media only screen and (min-width: 992px){.main .sidebar{max-width:300px}}.main .sidebar-content{flex-grow:999;overflow-y:auto;background-color:#f5f7fe;min-height:100vh}.nav-flush .nav-link{border-radius:0}.responsive-pills{width:0;text-align:center;overflow:hidden}.w-100-transition{width:100%;transition:width .2s}\n"] }]
         }], ctorParameters: function () {
@@ -253,10 +253,10 @@ const routes = [
 ];
 class BaseCMSRoutingModule {
 }
-BaseCMSRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseCMSRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BaseCMSRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: BaseCMSRoutingModule, imports: [i2.RouterModule], exports: [RouterModule] });
-BaseCMSRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseCMSRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseCMSRoutingModule, decorators: [{
+BaseCMSRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BaseCMSRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BaseCMSRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: BaseCMSRoutingModule, imports: [i2.RouterModule], exports: [RouterModule] });
+BaseCMSRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BaseCMSRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BaseCMSRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RouterModule.forChild(routes)],
@@ -269,15 +269,15 @@ function CMSConfigFactory() {
 }
 class BaseCMSModule {
 }
-BaseCMSModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseCMSModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BaseCMSModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: BaseCMSModule, declarations: [BaseCmsComponent], imports: [
+BaseCMSModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BaseCMSModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BaseCMSModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: BaseCMSModule, declarations: [BaseCmsComponent], imports: [
         // Modules
         CommonModule,
         ReactiveFormsModule,
         BaseCMSRoutingModule,
         BaseComponentsModule
     ] });
-BaseCMSModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseCMSModule, providers: [
+BaseCMSModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BaseCMSModule, providers: [
         {
             provide: BASE_CMS_MODULE_CONFIG,
             useFactory: CMSConfigFactory,
@@ -289,7 +289,7 @@ BaseCMSModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         BaseCMSRoutingModule,
         BaseComponentsModule
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseCMSModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BaseCMSModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [