@lenne.tech/ng-base 14.8.1 → 14.9.1

package/fesm2020/lenne.tech-ng-base-base-cms.mjs

@@ -23,6 +23,9 @@ class BaseCmsComponent {
         this.cmsService = cmsService;
         this.types = [];
         this.subscription = new Subscription();
+        this.sideBarWidth = '22%';
+        this.responsiveToggle = false;
+        this.calcSideBarWidth();
         this.subscription.add(this.route.params.subscribe((value) => {
             if (value['modelName']) {
                 const exclude = this.moduleConfig.modelConfig[value['modelName']]?.exclude;
@@ -190,12 +193,18 @@ class BaseCmsComponent {
     lowerCaseFirstLetter(value) {
         return this.cmsService.lowerCaseFirstLetter(value);
     }
+    /**
+     * Calculates sidebar width based on screen size
+     */
+    calcSideBarWidth() {
+        this.sideBarWidth = window.innerWidth < 768 ? '8%' : '22%';
+    }
 }
 BaseCmsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", 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.1.0", type: BaseCmsComponent, selector: "app-base-cms", ngImport: i0, template: "<div class=\"main\">\n  <div class=\"sidebar\">\n    <div class=\"d-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>\n\n  <div class=\"sidebar-content\">\n    <div class=\"p-5 mb-3\">\n      <base-model-table\n        [config]=\"moduleConfig?.modelConfig[camelModelName]\"\n        [fieldConfig]=\"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        [create]=\"isCreatePossible()\"\n        [update]=\"isUpdatePossible()\"\n        [delete]=\"isDeletePossible()\"\n        [duplicate]=\"isDuplicatePossible()\"\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:1 0 22%;max-width:300px}.main .sidebar-content{flex-grow:999;overflow-y:auto;background-color:#f5f7fe}.nav-flush .nav-link{border-radius:0}\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: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "component", type: i4.ModelTableComponent, selector: "base-model-table", inputs: ["modelName", "objectId", "createMode", "logging", "create", "update", "delete", "duplicate", "config", "fieldConfig"], outputs: ["idSelected", "createModeChanged"] }] });
+BaseCmsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: BaseCmsComponent, selector: "app-base-cms", ngImport: i0, template: "<div class=\"main\">\n  <div class=\"sidebar\" [ngStyle]=\"{ 'flex-basis': !responsiveToggle ? sideBarWidth : '100%' }\">\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        [config]=\"moduleConfig?.modelConfig[camelModelName]\"\n        [fieldConfig]=\"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        [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", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "component", type: i4.ModelTableComponent, selector: "base-model-table", inputs: ["modelName", "objectId", "createMode", "logging", "create", "update", "delete", "duplicate", "config", "fieldConfig", "showFavButton"], outputs: ["idSelected", "createModeChanged"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BaseCmsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-base-cms', template: "<div class=\"main\">\n  <div class=\"sidebar\">\n    <div class=\"d-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>\n\n  <div class=\"sidebar-content\">\n    <div class=\"p-5 mb-3\">\n      <base-model-table\n        [config]=\"moduleConfig?.modelConfig[camelModelName]\"\n        [fieldConfig]=\"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        [create]=\"isCreatePossible()\"\n        [update]=\"isUpdatePossible()\"\n        [delete]=\"isDeletePossible()\"\n        [duplicate]=\"isDuplicatePossible()\"\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:1 0 22%;max-width:300px}.main .sidebar-content{flex-grow:999;overflow-y:auto;background-color:#f5f7fe}.nav-flush .nav-link{border-radius:0}\n"] }]
+            args: [{ selector: 'app-base-cms', template: "<div class=\"main\">\n  <div class=\"sidebar\" [ngStyle]=\"{ 'flex-basis': !responsiveToggle ? sideBarWidth : '100%' }\">\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        [config]=\"moduleConfig?.modelConfig[camelModelName]\"\n        [fieldConfig]=\"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        [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 () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [BASE_CMS_MODULE_CONFIG]

package/fesm2020/lenne.tech-ng-base-base-cms.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lenne.tech-ng-base-base-cms.mjs","sources":["../../../projects/ng-base/base-cms/interfaces/base-cms-module-config.interface.ts","../../../projects/ng-base/base-cms/pages/base-cms/base-cms.component.ts","../../../projects/ng-base/base-cms/pages/base-cms/base-cms.component.html","../../../projects/ng-base/base-cms/base-cms-routing.module.ts","../../../projects/ng-base/base-cms/base-cms.module.ts","../../../projects/ng-base/base-cms/public-api.ts","../../../projects/ng-base/base-cms/lenne.tech-ng-base-base-cms.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport interface BaseCMSModuleConfig {\n  modelConfig?: { [key: string]: any };\n  fieldConfig?: { [key: string]: any };\n  logging?: boolean;\n  logoUrl?: string;\n  branding?: boolean;\n}\n\nexport const BASE_CMS_MODULE_CONFIG = new InjectionToken('BASE_CMS_MODULE_CONFIG');\n","import { Component, Inject, OnDestroy, OnInit } from '@angular/core';\nimport {\n  AuthService,\n  BasicUser,\n  CmsService,\n  GraphqlCrudType,\n  GraphQLMeta,\n  GraphQLMetaService,\n} from '@lenne.tech/ng-base/shared';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { BASE_CMS_MODULE_CONFIG, BaseCMSModuleConfig } from '../../interfaces/base-cms-module-config.interface';\nimport { Subscription } from 'rxjs';\n\n@Component({\n  selector: 'app-base-cms',\n  templateUrl: './base-cms.component.html',\n  styleUrls: ['./base-cms.component.scss'],\n})\nexport class BaseCmsComponent implements OnInit, OnDestroy {\n  meta: GraphQLMeta;\n  modelName: string;\n  camelModelName: string;\n  id: string;\n  types: GraphqlCrudType[] = [];\n  subscription = new Subscription();\n\n  constructor(\n    @Inject(BASE_CMS_MODULE_CONFIG) public moduleConfig: BaseCMSModuleConfig,\n    private graphQLMetaService: GraphQLMetaService,\n    private route: ActivatedRoute,\n    private router: Router,\n    private authService: AuthService,\n    private cmsService: CmsService\n  ) {\n    this.subscription.add(\n      this.route.params.subscribe((value) => {\n        if (value['modelName']) {\n          const exclude = this.moduleConfig.modelConfig[value['modelName']]?.exclude;\n\n          if (exclude !== null && !exclude) {\n            this.modelName = value['modelName'];\n            this.camelModelName = this.toCamelCase(this.modelName);\n          } else {\n            this.init().then((types: GraphqlCrudType[]) => {\n              this.router.navigate(['../' + this.toKebabCase(types[0].name)], { relativeTo: this.route });\n            });\n          }\n        }\n\n        if (value['id']) {\n          this.id = value['id'];\n        }\n      })\n    );\n  }\n\n  async ngOnInit() {\n    await this.init();\n  }\n\n  ngOnDestroy() {\n    this.subscription.unsubscribe();\n  }\n\n  /**\n   * It returns a promise that resolves to an array of GraphqlCrudType objects\n   *\n   * @returns The types that are available to the user.\n   */\n  init(): Promise<GraphqlCrudType[]> {\n    return new Promise((resolve, reject) => {\n      this.graphQLMetaService.getMeta().subscribe((meta) => {\n        this.meta = meta;\n\n        if (this.route.snapshot?.params?.['modelName']) {\n          this.modelName = this.route.snapshot?.params?.['modelName'];\n          this.camelModelName = this.toCamelCase(this.modelName);\n        }\n\n        if (this.route.snapshot?.params?.['id']) {\n          this.id = this.route.snapshot?.params?.['id'];\n        }\n\n        const types = meta.getTypes(this.moduleConfig?.logging);\n\n        // Check for excluded types\n        let filteredTypes = types.filter((e) => !this.moduleConfig?.modelConfig[e.name.toLowerCase()]?.exclude);\n\n        // Sort types\n        filteredTypes = filteredTypes.sort((a, b) => {\n          return (\n            (this.moduleConfig?.modelConfig[a.name.toLowerCase()]?.order\n              ? this.moduleConfig?.modelConfig[a.name.toLowerCase()]?.order\n              : 99) -\n            (this.moduleConfig?.modelConfig[b.name.toLowerCase()]?.order\n              ? this.moduleConfig?.modelConfig[b.name.toLowerCase()]?.order\n              : 99)\n          );\n        });\n\n        // Check for restricted types\n        this.types = filteredTypes.filter((e) => {\n          if (this.moduleConfig?.modelConfig[e.name.toLowerCase()]?.restricted) {\n            if (!this.authService?.currentUser) {\n              return false;\n            }\n            const user = this.authService?.currentUser;\n            const mappedUser = BasicUser.map(user);\n\n            return mappedUser?.hasAllRoles(this.moduleConfig?.modelConfig[e.name.toLowerCase()]?.roles);\n          } else {\n            return true;\n          }\n        });\n\n        if (this.moduleConfig?.logging) {\n          console.log('BaseCmsComponent::init->types', this.types);\n          console.log('BaseCmsComponent::init->camelModelName', this.camelModelName);\n          console.log('BaseCmsComponent::init->fieldConfig', this.moduleConfig?.fieldConfig);\n        }\n\n        resolve(this.types);\n\n        if (!this.modelName && this.types) {\n          this.router.navigate(['./' + this.toKebabCase(this.types[0].name)], { relativeTo: this.route });\n        }\n      });\n    });\n  }\n\n  /**\n   * If the model name is set and the types are set, then return the type that matches the model name\n   *\n   * @returns The type object that matches the model name.\n   */\n  getTypeByModelName() {\n    if (this.modelName && this.types) {\n      return this.types.find((e) => this.toKebabCase(e.name) === this.toKebabCase(this.modelName));\n    } else {\n      return null;\n    }\n  }\n\n  /**\n   * When the createModeChanged event is emitted, if the createMode is true, navigate to the new route\n   *\n   * @param createMode - boolean - This is a boolean value that indicates whether the user is in create mode or\n   * not.\n   */\n  onCreateModeChanged(createMode: boolean) {\n    if (createMode) {\n      this.router.navigate(['./' + 'neu'], { relativeTo: this.route });\n    }\n  }\n\n  /**\n   * If the type exists, return the create property of the type, otherwise return false.\n   *\n   * @returns A boolean value.\n   */\n  isCreatePossible(): boolean {\n    const type = this.getTypeByModelName();\n    return type ? type.create : false;\n  }\n\n  /**\n   * If the model name is found in the type map, return the update property of the type object\n   *\n   * @returns A boolean value.\n   */\n  isUpdatePossible(): boolean {\n    const type = this.getTypeByModelName();\n    return type ? type.update : false;\n  }\n\n  /**\n   * If the type is defined, return the delete property of the type, otherwise return false\n   *\n   * @returns A boolean value.\n   */\n  isDeletePossible(): boolean {\n    const type = this.getTypeByModelName();\n    return type ? type.delete : false;\n  }\n\n  /**\n   * If the model name is found in the type array, return the duplicate property of the type object\n   *\n   * @returns A boolean value.\n   */\n  isDuplicatePossible(): boolean {\n    const type = this.getTypeByModelName();\n    return type ? type.duplicate : false;\n  }\n\n  /**\n   * If the id is truthy, navigate to the id, otherwise navigate to the parent route\n   */\n  idSelected(id: string) {\n    if (id) {\n      this.router.navigate(['./' + id], { relativeTo: this.route });\n    } else {\n      this.router.navigate(['..'], { relativeTo: this.route });\n    }\n  }\n\n  /**\n   * Transform string to kebab case\n   */\n  toKebabCase(str: string) {\n    return str?.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n  }\n\n  /**\n   * Transform string to camel case\n   */\n  toCamelCase(str: string) {\n    return str?.replace(/-./g, (match) => match[1].toUpperCase());\n  }\n\n  /**\n   * Transform first letter to lower case\n   */\n  lowerCaseFirstLetter(value: string) {\n    return this.cmsService.lowerCaseFirstLetter(value);\n  }\n}\n","<div class=\"main\">\n  <div class=\"sidebar\">\n    <div class=\"d-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>\n\n  <div class=\"sidebar-content\">\n    <div class=\"p-5 mb-3\">\n      <base-model-table\n        [config]=\"moduleConfig?.modelConfig[camelModelName]\"\n        [fieldConfig]=\"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        [create]=\"isCreatePossible()\"\n        [update]=\"isUpdatePossible()\"\n        [delete]=\"isDeletePossible()\"\n        [duplicate]=\"isDuplicatePossible()\"\n      ></base-model-table>\n    </div>\n  </div>\n</div>\n","import { RouterModule, Routes } from '@angular/router';\nimport { NgModule } from '@angular/core';\nimport { BaseCmsComponent } from './pages/base-cms/base-cms.component';\n\nconst routes: Routes = [\n  {\n    path: '',\n    component: BaseCmsComponent,\n  },\n  {\n    path: ':modelName',\n    component: BaseCmsComponent,\n  },\n  {\n    path: ':modelName/:id',\n    component: BaseCmsComponent,\n  },\n];\n\n@NgModule({\n  imports: [RouterModule.forChild(routes)],\n  exports: [RouterModule],\n})\nexport class BaseCMSRoutingModule {}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { BaseCmsComponent } from './pages/base-cms/base-cms.component';\nimport { BaseCMSRoutingModule } from './base-cms-routing.module';\nimport { BaseComponentsModule } from '@lenne.tech/ng-base/base-components';\nimport { BASE_CMS_MODULE_CONFIG, BaseCMSModuleConfig } from './interfaces/base-cms-module-config.interface';\n\nexport function CMSConfigFactory() {\n  return {\n    modelConfig: {},\n    fieldConfig: {},\n    branding: true,\n    logoUrl: '',\n    logging: false,\n    ...BaseCMSModule.config,\n  };\n}\n\n@NgModule({\n  imports: [\n    // Modules\n    CommonModule,\n    ReactiveFormsModule,\n    BaseCMSRoutingModule,\n    BaseComponentsModule,\n  ],\n  declarations: [BaseCmsComponent],\n  exports: [],\n  providers: [\n    {\n      provide: BASE_CMS_MODULE_CONFIG,\n      useFactory: CMSConfigFactory,\n    },\n  ],\n})\nexport class BaseCMSModule {\n  static config: BaseCMSModuleConfig;\n}\n","/**\n * Exports for public API\n */\n\n// Module\nexport * from './base-cms.module';\n\n// Pages\nexport * from './pages/base-cms/base-cms.component';\n\n// Interface\nexport * from './interfaces/base-cms-module-config.interface';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lenne.tech-ng-base-base-cms.mjs","sources":["../../../projects/ng-base/base-cms/interfaces/base-cms-module-config.interface.ts","../../../projects/ng-base/base-cms/pages/base-cms/base-cms.component.ts","../../../projects/ng-base/base-cms/pages/base-cms/base-cms.component.html","../../../projects/ng-base/base-cms/base-cms-routing.module.ts","../../../projects/ng-base/base-cms/base-cms.module.ts","../../../projects/ng-base/base-cms/public-api.ts","../../../projects/ng-base/base-cms/lenne.tech-ng-base-base-cms.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport interface BaseCMSModuleConfig {\n  modelConfig?: { [key: string]: any };\n  fieldConfig?: { [key: string]: any };\n  logging?: boolean;\n  logoUrl?: string;\n  branding?: boolean;\n}\n\nexport const BASE_CMS_MODULE_CONFIG = new InjectionToken('BASE_CMS_MODULE_CONFIG');\n","import { Component, Inject, OnDestroy, OnInit } from '@angular/core';\nimport {\n  AuthService,\n  BasicUser,\n  CmsService,\n  GraphqlCrudType,\n  GraphQLMeta,\n  GraphQLMetaService,\n} from '@lenne.tech/ng-base/shared';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { BASE_CMS_MODULE_CONFIG, BaseCMSModuleConfig } from '../../interfaces/base-cms-module-config.interface';\nimport { Subscription } from 'rxjs';\n\n@Component({\n  selector: 'app-base-cms',\n  templateUrl: './base-cms.component.html',\n  styleUrls: ['./base-cms.component.scss'],\n})\nexport class BaseCmsComponent implements OnInit, OnDestroy {\n  meta: GraphQLMeta;\n  modelName: string;\n  camelModelName: string;\n  id: string;\n  types: GraphqlCrudType[] = [];\n  subscription = new Subscription();\n  sideBarWidth = '22%';\n  responsiveToggle = false;\n\n  constructor(\n    @Inject(BASE_CMS_MODULE_CONFIG) public moduleConfig: BaseCMSModuleConfig,\n    private graphQLMetaService: GraphQLMetaService,\n    private route: ActivatedRoute,\n    private router: Router,\n    private authService: AuthService,\n    private cmsService: CmsService\n  ) {\n    this.calcSideBarWidth();\n    this.subscription.add(\n      this.route.params.subscribe((value) => {\n        if (value['modelName']) {\n          const exclude = this.moduleConfig.modelConfig[value['modelName']]?.exclude;\n\n          if (exclude !== null && !exclude) {\n            this.modelName = value['modelName'];\n            this.camelModelName = this.toCamelCase(this.modelName);\n          } else {\n            this.init().then((types: GraphqlCrudType[]) => {\n              this.router.navigate(['../' + this.toKebabCase(types[0].name)], { relativeTo: this.route });\n            });\n          }\n        }\n\n        if (value['id']) {\n          this.id = value['id'];\n        }\n      })\n    );\n  }\n\n  async ngOnInit() {\n    await this.init();\n  }\n\n  ngOnDestroy() {\n    this.subscription.unsubscribe();\n  }\n\n  /**\n   * It returns a promise that resolves to an array of GraphqlCrudType objects\n   *\n   * @returns The types that are available to the user.\n   */\n  init(): Promise<GraphqlCrudType[]> {\n    return new Promise((resolve, reject) => {\n      this.graphQLMetaService.getMeta().subscribe((meta) => {\n        this.meta = meta;\n\n        if (this.route.snapshot?.params?.['modelName']) {\n          this.modelName = this.route.snapshot?.params?.['modelName'];\n          this.camelModelName = this.toCamelCase(this.modelName);\n        }\n\n        if (this.route.snapshot?.params?.['id']) {\n          this.id = this.route.snapshot?.params?.['id'];\n        }\n\n        const types = meta.getTypes(this.moduleConfig?.logging);\n\n        // Check for excluded types\n        let filteredTypes = types.filter((e) => !this.moduleConfig?.modelConfig[e.name.toLowerCase()]?.exclude);\n\n        // Sort types\n        filteredTypes = filteredTypes.sort((a, b) => {\n          return (\n            (this.moduleConfig?.modelConfig[a.name.toLowerCase()]?.order\n              ? this.moduleConfig?.modelConfig[a.name.toLowerCase()]?.order\n              : 99) -\n            (this.moduleConfig?.modelConfig[b.name.toLowerCase()]?.order\n              ? this.moduleConfig?.modelConfig[b.name.toLowerCase()]?.order\n              : 99)\n          );\n        });\n\n        // Check for restricted types\n        this.types = filteredTypes.filter((e) => {\n          if (this.moduleConfig?.modelConfig[e.name.toLowerCase()]?.restricted) {\n            if (!this.authService?.currentUser) {\n              return false;\n            }\n            const user = this.authService?.currentUser;\n            const mappedUser = BasicUser.map(user);\n\n            return mappedUser?.hasAllRoles(this.moduleConfig?.modelConfig[e.name.toLowerCase()]?.roles);\n          } else {\n            return true;\n          }\n        });\n\n        if (this.moduleConfig?.logging) {\n          console.log('BaseCmsComponent::init->types', this.types);\n          console.log('BaseCmsComponent::init->camelModelName', this.camelModelName);\n          console.log('BaseCmsComponent::init->fieldConfig', this.moduleConfig?.fieldConfig);\n        }\n\n        resolve(this.types);\n\n        if (!this.modelName && this.types) {\n          this.router.navigate(['./' + this.toKebabCase(this.types[0].name)], { relativeTo: this.route });\n        }\n      });\n    });\n  }\n\n  /**\n   * If the model name is set and the types are set, then return the type that matches the model name\n   *\n   * @returns The type object that matches the model name.\n   */\n  getTypeByModelName() {\n    if (this.modelName && this.types) {\n      return this.types.find((e) => this.toKebabCase(e.name) === this.toKebabCase(this.modelName));\n    } else {\n      return null;\n    }\n  }\n\n  /**\n   * When the createModeChanged event is emitted, if the createMode is true, navigate to the new route\n   *\n   * @param createMode - boolean - This is a boolean value that indicates whether the user is in create mode or\n   * not.\n   */\n  onCreateModeChanged(createMode: boolean) {\n    if (createMode) {\n      this.router.navigate(['./' + 'neu'], { relativeTo: this.route });\n    }\n  }\n\n  /**\n   * If the type exists, return the create property of the type, otherwise return false.\n   *\n   * @returns A boolean value.\n   */\n  isCreatePossible(): boolean {\n    const type = this.getTypeByModelName();\n    return type ? type.create : false;\n  }\n\n  /**\n   * If the model name is found in the type map, return the update property of the type object\n   *\n   * @returns A boolean value.\n   */\n  isUpdatePossible(): boolean {\n    const type = this.getTypeByModelName();\n    return type ? type.update : false;\n  }\n\n  /**\n   * If the type is defined, return the delete property of the type, otherwise return false\n   *\n   * @returns A boolean value.\n   */\n  isDeletePossible(): boolean {\n    const type = this.getTypeByModelName();\n    return type ? type.delete : false;\n  }\n\n  /**\n   * If the model name is found in the type array, return the duplicate property of the type object\n   *\n   * @returns A boolean value.\n   */\n  isDuplicatePossible(): boolean {\n    const type = this.getTypeByModelName();\n    return type ? type.duplicate : false;\n  }\n\n  /**\n   * If the id is truthy, navigate to the id, otherwise navigate to the parent route\n   */\n  idSelected(id: string) {\n    if (id) {\n      this.router.navigate(['./' + id], { relativeTo: this.route });\n    } else {\n      this.router.navigate(['..'], { relativeTo: this.route });\n    }\n  }\n\n  /**\n   * Transform string to kebab case\n   */\n  toKebabCase(str: string) {\n    return str?.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n  }\n\n  /**\n   * Transform string to camel case\n   */\n  toCamelCase(str: string) {\n    return str?.replace(/-./g, (match) => match[1].toUpperCase());\n  }\n\n  /**\n   * Transform first letter to lower case\n   */\n  lowerCaseFirstLetter(value: string) {\n    return this.cmsService.lowerCaseFirstLetter(value);\n  }\n\n  /**\n   * Calculates sidebar width based on screen size\n   */\n  calcSideBarWidth() {\n    this.sideBarWidth = window.innerWidth < 768 ? '8%' : '22%';\n  }\n}\n","<div class=\"main\">\n  <div class=\"sidebar\" [ngStyle]=\"{ 'flex-basis': !responsiveToggle ? sideBarWidth : '100%' }\">\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        [config]=\"moduleConfig?.modelConfig[camelModelName]\"\n        [fieldConfig]=\"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        [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","import { RouterModule, Routes } from '@angular/router';\nimport { NgModule } from '@angular/core';\nimport { BaseCmsComponent } from './pages/base-cms/base-cms.component';\n\nconst routes: Routes = [\n  {\n    path: '',\n    component: BaseCmsComponent,\n  },\n  {\n    path: ':modelName',\n    component: BaseCmsComponent,\n  },\n  {\n    path: ':modelName/:id',\n    component: BaseCmsComponent,\n  },\n];\n\n@NgModule({\n  imports: [RouterModule.forChild(routes)],\n  exports: [RouterModule],\n})\nexport class BaseCMSRoutingModule {}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { BaseCmsComponent } from './pages/base-cms/base-cms.component';\nimport { BaseCMSRoutingModule } from './base-cms-routing.module';\nimport { BaseComponentsModule } from '@lenne.tech/ng-base/base-components';\nimport { BASE_CMS_MODULE_CONFIG, BaseCMSModuleConfig } from './interfaces/base-cms-module-config.interface';\n\nexport function CMSConfigFactory() {\n  return {\n    modelConfig: {},\n    fieldConfig: {},\n    branding: true,\n    logoUrl: '',\n    logging: false,\n    ...BaseCMSModule.config,\n  };\n}\n\n@NgModule({\n  imports: [\n    // Modules\n    CommonModule,\n    ReactiveFormsModule,\n    BaseCMSRoutingModule,\n    BaseComponentsModule,\n  ],\n  declarations: [BaseCmsComponent],\n  exports: [],\n  providers: [\n    {\n      provide: BASE_CMS_MODULE_CONFIG,\n      useFactory: CMSConfigFactory,\n    },\n  ],\n})\nexport class BaseCMSModule {\n  static config: BaseCMSModuleConfig;\n}\n","/**\n * Exports for public API\n */\n\n// Module\nexport * from './base-cms.module';\n\n// Pages\nexport * from './pages/base-cms/base-cms.component';\n\n// Interface\nexport * from './interfaces/base-cms-module-config.interface';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/lenne.tech-ng-base-base-components.mjs

@@ -9,6 +9,7 @@ import { Subscription } from 'rxjs';
 import * as i1$1 from '@lenne.tech/ng-base/shared';
 import { ToastType, Sort, GraphQLRequestType, BasicUser, fullEmail, Validation } from '@lenne.tech/ng-base/shared';
 import * as i2$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
 import * as i1$2 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
 
@@ -458,7 +459,7 @@ class BreadcrumbComponent {
     }
 }
 BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1$1.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: BreadcrumbComponent, selector: "base-breadcrumb", ngImport: i0, template: "<ul class=\"pt-3\">\n  <li *ngFor=\"let breadcrumb of breadcrumbs$ | async\">\n    <a [routerLink]=\"breadcrumb.url\">{{ breadcrumb.label }}</a>\n  </li>\n</ul>\n", styles: ["ul{list-style:none;margin:0;padding:0}ul li{display:inline}ul li:before{content:\">\";margin:0 6px}ul li:first-child:before{content:\"\";margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
+BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: BreadcrumbComponent, selector: "base-breadcrumb", ngImport: i0, template: "<ul class=\"pt-3\">\n  <li *ngFor=\"let breadcrumb of breadcrumbs$ | async\">\n    <a [routerLink]=\"breadcrumb.url\">{{ breadcrumb.label }}</a>\n  </li>\n</ul>\n", styles: ["ul{list-style:none;margin:0;padding:0}ul li{display:inline}ul li:before{content:\">\";margin:0 6px}ul li:first-child:before{content:\"\";margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'base-breadcrumb', template: "<ul class=\"pt-3\">\n  <li *ngFor=\"let breadcrumb of breadcrumbs$ | async\">\n    <a [routerLink]=\"breadcrumb.url\">{{ breadcrumb.label }}</a>\n  </li>\n</ul>\n", styles: ["ul{list-style:none;margin:0;padding:0}ul li{display:inline}ul li:before{content:\">\";margin:0 6px}ul li:first-child:before{content:\"\";margin:0}\n"] }]
@@ -854,7 +855,7 @@ class RefenceInputComponent {
         }
         const foundElement = this.objects.find((e) => e[this.valueField] === this.currentValue);
         if (!foundElement) {
-            this.control.setValue('INVALID_REFERENCE');
+            this.control.setValue(null);
             this.control.markAsTouched();
             this.control.markAsDirty();
             this.control.setErrors({ invalidReference: true });
@@ -1079,6 +1080,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
                 type: Output
             }] } });
 
+class FabButtonComponent {
+    constructor() {
+        this.fabIcon = 'bi-three-dots';
+        this.toggle = false;
+    }
+}
+FabButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FabButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FabButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: FabButtonComponent, selector: "base-fab-button", inputs: { fabIcon: "fabIcon", buttons: "buttons" }, ngImport: i0, template: "<div class=\"fab-container\" [ngClass]=\"{ 'fab-container-active': toggle }\">\n  <div class=\"fab shadow\">\n    <div class=\"fab-content\" (click)=\"toggle = !toggle\">\n      <i class=\"bi\" [ngClass]=\"fabIcon\"></i>\n    </div>\n  </div>\n  <div\n    class=\"sub-button shadow\"\n    *ngFor=\"let button of buttons\"\n    (click)=\"button.event.emit(true); toggle = !toggle\"\n    [ngStyle]=\"{ backgroundColor: button.color }\"\n  >\n    <a [routerLink]=\"button.routerLink\">\n      <i class=\"bi\" [ngClass]=\"button.icon\"></i>\n    </a>\n  </div>\n</div>\n", styles: [".fab-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;-webkit-user-select:none;user-select:none;position:absolute;bottom:10px;right:10px}.fab-container-active{height:100%}.fab-container-active .sub-button:nth-child(2){transform:translateY(-80px)}.fab-container-active .sub-button:nth-child(3){transform:translateY(-140px)}.fab-container-active .sub-button:nth-child(4){transform:translateY(-200px)}.fab-container-active .sub-button:nth-child(5){transform:translateY(-260px)}.fab-container-active .sub-button:nth-child(6){transform:translateY(-320px)}.fab-container .fab{position:relative;height:60px;width:60px;background-color:var(--bs-primary);border-radius:50%;z-index:2}.fab-container .fab:before{content:\" \";position:absolute;bottom:0;right:0;height:30px;width:30px;background-color:inherit;border-radius:0 0 10px;z-index:-1}.fab-container .fab .fab-content{display:flex;align-items:center;justify-content:center;height:inherit;width:inherit;border-radius:50%}.fab-container .fab .fab-content .bi{color:#fff;font-size:32px}.fab-container .sub-button{position:absolute;display:flex;align-items:center;justify-content:center;bottom:10px;right:10px;height:40px;width:40px;background-color:var(--bs-primary);border-radius:50%;transition:all .3s ease}.fab-container .sub-button:hover{cursor:pointer}.fab-container .sub-button .bi{color:#fff;padding-top:6px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: FabButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'base-fab-button', template: "<div class=\"fab-container\" [ngClass]=\"{ 'fab-container-active': toggle }\">\n  <div class=\"fab shadow\">\n    <div class=\"fab-content\" (click)=\"toggle = !toggle\">\n      <i class=\"bi\" [ngClass]=\"fabIcon\"></i>\n    </div>\n  </div>\n  <div\n    class=\"sub-button shadow\"\n    *ngFor=\"let button of buttons\"\n    (click)=\"button.event.emit(true); toggle = !toggle\"\n    [ngStyle]=\"{ backgroundColor: button.color }\"\n  >\n    <a [routerLink]=\"button.routerLink\">\n      <i class=\"bi\" [ngClass]=\"button.icon\"></i>\n    </a>\n  </div>\n</div>\n", styles: [".fab-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;-webkit-user-select:none;user-select:none;position:absolute;bottom:10px;right:10px}.fab-container-active{height:100%}.fab-container-active .sub-button:nth-child(2){transform:translateY(-80px)}.fab-container-active .sub-button:nth-child(3){transform:translateY(-140px)}.fab-container-active .sub-button:nth-child(4){transform:translateY(-200px)}.fab-container-active .sub-button:nth-child(5){transform:translateY(-260px)}.fab-container-active .sub-button:nth-child(6){transform:translateY(-320px)}.fab-container .fab{position:relative;height:60px;width:60px;background-color:var(--bs-primary);border-radius:50%;z-index:2}.fab-container .fab:before{content:\" \";position:absolute;bottom:0;right:0;height:30px;width:30px;background-color:inherit;border-radius:0 0 10px;z-index:-1}.fab-container .fab .fab-content{display:flex;align-items:center;justify-content:center;height:inherit;width:inherit;border-radius:50%}.fab-container .fab .fab-content .bi{color:#fff;font-size:32px}.fab-container .sub-button{position:absolute;display:flex;align-items:center;justify-content:center;bottom:10px;right:10px;height:40px;width:40px;background-color:var(--bs-primary);border-radius:50%;transition:all .3s ease}.fab-container .sub-button:hover{cursor:pointer}.fab-container .sub-button .bi{color:#fff;padding-top:6px}\n"] }]
+        }], propDecorators: { fabIcon: [{
+                type: Input
+            }], buttons: [{
+                type: Input
+            }] } });
+
 class ModelFormComponent {
     constructor(graphQLMetaService, graphQLService, formsService, authService, router, route, cmsService, toastService) {
         this.graphQLMetaService = graphQLMetaService;
@@ -1094,9 +1112,11 @@ class ModelFormComponent {
         this.duplicate = false;
         this.logging = false;
         this.config = {};
+        this.showFavButton = true;
         this.finished = new EventEmitter();
         this._loading = false;
         this.keys = [];
+        this.fabButtons = [];
     }
     set loading(value) {
         if (!value) {
@@ -1117,6 +1137,7 @@ class ModelFormComponent {
                 this.init();
             }
         });
+        this.initFabActions();
     }
     ngOnChanges(changes) {
         // Reinit form for new model or load and patch form with new id
@@ -1456,12 +1477,30 @@ class ModelFormComponent {
             });
         });
     }
+    /**
+     * Init fab buttons for mobile devices
+     */
+    initFabActions() {
+        const saveEvent = new EventEmitter();
+        this.fabButtons.push({ icon: 'bi-check-lg', color: 'var(--bs-success)', event: saveEvent });
+        saveEvent.subscribe(() => this.submit(false));
+        if (this.duplicate) {
+            const event = new EventEmitter();
+            this.fabButtons.push({ icon: 'bi-back', color: 'var(--bs-info)', event });
+            event.subscribe(() => this.duplicateObject());
+        }
+        if (this.operation === 'update') {
+            const event = new EventEmitter();
+            this.fabButtons.push({ icon: 'bi-x-lg', color: 'var(--bs-danger)', event });
+            event.subscribe(() => this.deleteObject());
+        }
+    }
 }
 ModelFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ModelFormComponent, deps: [{ token: i1$1.GraphQLMetaService }, { token: i1$1.GraphQLService }, { token: i1$1.FormsService }, { token: i1$1.AuthService }, { token: i2$1.Router }, { token: i2$1.ActivatedRoute }, { token: i1$1.CmsService }, { token: i1$1.ToastService }], target: i0.ɵɵFactoryTarget.Component });
-ModelFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ModelFormComponent, selector: "base-model-form", inputs: { modelName: "modelName", label: "label", id: "id", delete: "delete", onlyUpdateMode: "onlyUpdateMode", duplicate: "duplicate", logging: "logging", config: "config" }, outputs: { finished: "finished" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"w-100\" *ngIf=\"form\">\n  <div class=\"d-flex flex-row justify-content-between mt-3\">\n    <h2 class=\"mb-0\">\n      {{ label ? label : capitalizeFirstLetter(modelName) }} {{ operation === 'update' ? 'bearbeiten' : 'erstellen' }}\n    </h2>\n\n    <div class=\"d-flex flex-row align-items-center justify-content-end\">\n      <button class=\"btn btn-outline-primary me-2\" *ngIf=\"id && duplicate && !_loading\" (click)=\"duplicateObject()\">\n        Duplizieren\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        type=\"button\"\n        [disabled]=\"!form.touched && !form.dirty\"\n        (click)=\"submit(false)\"\n        *ngIf=\"!_loading\"\n      >\n        {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}\n      </button>\n      <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"_loading\">\n        <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n        {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}...\n      </button>\n    </div>\n  </div>\n\n  <form [formGroup]=\"form\">\n    <base-model-form-sub\n      [fields]=\"fields\"\n      [config]=\"config\"\n      [form]=\"form\"\n      (imageChanged)=\"imageChanged($event)\"\n    ></base-model-form-sub>\n\n    <div class=\"d-flex mt-4\" [ngClass]=\"id && delete ? 'justify-content-between' : 'justify-content-end'\">\n      <div *ngIf=\"id && delete\">\n        <button class=\"btn btn-danger\" type=\"button\" (click)=\"deleteObject()\">L\u00F6schen</button>\n      </div>\n      <div>\n        <button\n          class=\"btn btn-primary\"\n          type=\"button\"\n          [disabled]=\"!form.touched && !form.dirty\"\n          (click)=\"submit(false)\"\n          *ngIf=\"!_loading\"\n        >\n          {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}\n        </button>\n        <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"_loading\">\n          <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n          {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}...\n        </button>\n      </div>\n    </div>\n  </form>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ModelFormSubComponent, selector: "base-model-form-sub", inputs: ["fields", "form", "config"], outputs: ["imageChanged"] }] });
+ModelFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ModelFormComponent, selector: "base-model-form", inputs: { modelName: "modelName", label: "label", id: "id", delete: "delete", onlyUpdateMode: "onlyUpdateMode", duplicate: "duplicate", logging: "logging", config: "config", showFavButton: "showFavButton" }, outputs: { finished: "finished" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"w-100\" *ngIf=\"form\">\n  <div class=\"d-flex flex-row justify-content-between mt-3\">\n    <div class=\"responsive-back\">\n      <i class=\"d-block d-lg-none bi bi-arrow-left\" routerLink=\"../\"></i>\n    </div>\n    <h2 class=\"mb-0\">\n      {{ label ? label : capitalizeFirstLetter(modelName) }} {{ operation === 'update' ? 'bearbeiten' : 'erstellen' }}\n    </h2>\n\n    <div class=\"d-none d-lg-flex flex-row align-items-center justify-content-end\">\n      <button class=\"btn btn-outline-primary me-2\" *ngIf=\"id && duplicate && !_loading\" (click)=\"duplicateObject()\">\n        Duplizieren\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        type=\"button\"\n        [disabled]=\"!form.touched && !form.dirty\"\n        (click)=\"submit(false)\"\n        *ngIf=\"!_loading\"\n      >\n        {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}\n      </button>\n      <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"_loading\">\n        <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n        {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}...\n      </button>\n    </div>\n  </div>\n\n  <form [formGroup]=\"form\">\n    <base-model-form-sub\n      [fields]=\"fields\"\n      [config]=\"config\"\n      [form]=\"form\"\n      (imageChanged)=\"imageChanged($event)\"\n    ></base-model-form-sub>\n\n    <div class=\"d-none d-lg-flex mt-4\" [ngClass]=\"id && delete ? 'justify-content-between' : 'justify-content-end'\">\n      <div *ngIf=\"id && delete\">\n        <button class=\"btn btn-danger\" type=\"button\" (click)=\"deleteObject()\">L\u00F6schen</button>\n      </div>\n      <div>\n        <button\n          class=\"btn btn-primary\"\n          type=\"button\"\n          [disabled]=\"!form.touched && !form.dirty\"\n          (click)=\"submit(false)\"\n          *ngIf=\"!_loading\"\n        >\n          {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}\n        </button>\n        <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"_loading\">\n          <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n          {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}...\n        </button>\n      </div>\n    </div>\n  </form>\n</div>\n\n<div class=\"d-block d-lg-none responsive-action-button\" *ngIf=\"showFavButton\">\n  <base-fab-button [buttons]=\"fabButtons\"></base-fab-button>\n</div>\n", styles: [".responsive-back{display:flex;align-items:center;margin-right:6px}.responsive-back .bi-arrow-left{font-size:28px}h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.responsive-action-button{position:fixed;bottom:15px;right:15px}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "component", type: ModelFormSubComponent, selector: "base-model-form-sub", inputs: ["fields", "form", "config"], outputs: ["imageChanged"] }, { kind: "component", type: FabButtonComponent, selector: "base-fab-button", inputs: ["fabIcon", "buttons"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ModelFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'base-model-form', template: "<div class=\"w-100\" *ngIf=\"form\">\n  <div class=\"d-flex flex-row justify-content-between mt-3\">\n    <h2 class=\"mb-0\">\n      {{ label ? label : capitalizeFirstLetter(modelName) }} {{ operation === 'update' ? 'bearbeiten' : 'erstellen' }}\n    </h2>\n\n    <div class=\"d-flex flex-row align-items-center justify-content-end\">\n      <button class=\"btn btn-outline-primary me-2\" *ngIf=\"id && duplicate && !_loading\" (click)=\"duplicateObject()\">\n        Duplizieren\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        type=\"button\"\n        [disabled]=\"!form.touched && !form.dirty\"\n        (click)=\"submit(false)\"\n        *ngIf=\"!_loading\"\n      >\n        {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}\n      </button>\n      <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"_loading\">\n        <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n        {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}...\n      </button>\n    </div>\n  </div>\n\n  <form [formGroup]=\"form\">\n    <base-model-form-sub\n      [fields]=\"fields\"\n      [config]=\"config\"\n      [form]=\"form\"\n      (imageChanged)=\"imageChanged($event)\"\n    ></base-model-form-sub>\n\n    <div class=\"d-flex mt-4\" [ngClass]=\"id && delete ? 'justify-content-between' : 'justify-content-end'\">\n      <div *ngIf=\"id && delete\">\n        <button class=\"btn btn-danger\" type=\"button\" (click)=\"deleteObject()\">L\u00F6schen</button>\n      </div>\n      <div>\n        <button\n          class=\"btn btn-primary\"\n          type=\"button\"\n          [disabled]=\"!form.touched && !form.dirty\"\n          (click)=\"submit(false)\"\n          *ngIf=\"!_loading\"\n        >\n          {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}\n        </button>\n        <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"_loading\">\n          <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n          {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}...\n        </button>\n      </div>\n    </div>\n  </form>\n</div>\n" }]
+            args: [{ selector: 'base-model-form', template: "<div class=\"w-100\" *ngIf=\"form\">\n  <div class=\"d-flex flex-row justify-content-between mt-3\">\n    <div class=\"responsive-back\">\n      <i class=\"d-block d-lg-none bi bi-arrow-left\" routerLink=\"../\"></i>\n    </div>\n    <h2 class=\"mb-0\">\n      {{ label ? label : capitalizeFirstLetter(modelName) }} {{ operation === 'update' ? 'bearbeiten' : 'erstellen' }}\n    </h2>\n\n    <div class=\"d-none d-lg-flex flex-row align-items-center justify-content-end\">\n      <button class=\"btn btn-outline-primary me-2\" *ngIf=\"id && duplicate && !_loading\" (click)=\"duplicateObject()\">\n        Duplizieren\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        type=\"button\"\n        [disabled]=\"!form.touched && !form.dirty\"\n        (click)=\"submit(false)\"\n        *ngIf=\"!_loading\"\n      >\n        {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}\n      </button>\n      <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"_loading\">\n        <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n        {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}...\n      </button>\n    </div>\n  </div>\n\n  <form [formGroup]=\"form\">\n    <base-model-form-sub\n      [fields]=\"fields\"\n      [config]=\"config\"\n      [form]=\"form\"\n      (imageChanged)=\"imageChanged($event)\"\n    ></base-model-form-sub>\n\n    <div class=\"d-none d-lg-flex mt-4\" [ngClass]=\"id && delete ? 'justify-content-between' : 'justify-content-end'\">\n      <div *ngIf=\"id && delete\">\n        <button class=\"btn btn-danger\" type=\"button\" (click)=\"deleteObject()\">L\u00F6schen</button>\n      </div>\n      <div>\n        <button\n          class=\"btn btn-primary\"\n          type=\"button\"\n          [disabled]=\"!form.touched && !form.dirty\"\n          (click)=\"submit(false)\"\n          *ngIf=\"!_loading\"\n        >\n          {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}\n        </button>\n        <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"_loading\">\n          <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n          {{ operation === 'create' ? 'Erstellen' : 'Speichern' }}...\n        </button>\n      </div>\n    </div>\n  </form>\n</div>\n\n<div class=\"d-block d-lg-none responsive-action-button\" *ngIf=\"showFavButton\">\n  <base-fab-button [buttons]=\"fabButtons\"></base-fab-button>\n</div>\n", styles: [".responsive-back{display:flex;align-items:center;margin-right:6px}.responsive-back .bi-arrow-left{font-size:28px}h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.responsive-action-button{position:fixed;bottom:15px;right:15px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.GraphQLMetaService }, { type: i1$1.GraphQLService }, { type: i1$1.FormsService }, { type: i1$1.AuthService }, { type: i2$1.Router }, { type: i2$1.ActivatedRoute }, { type: i1$1.CmsService }, { type: i1$1.ToastService }]; }, propDecorators: { modelName: [{
                 type: Input
             }], label: [{
@@ -1478,6 +1517,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
                 type: Input
             }], config: [{
                 type: Input
+            }], showFavButton: [{
+                type: Input
             }], finished: [{
                 type: Output
             }] } });
@@ -1515,6 +1556,7 @@ class ModelTableComponent {
         this.duplicate = true;
         this.config = {};
         this.fieldConfig = {};
+        this.showFavButton = true;
         this.uniqueField = 'id';
         this.idSelected = new EventEmitter();
         this.createModeChanged = new EventEmitter();
@@ -1677,10 +1719,10 @@ class ModelTableComponent {
     }
 }
 ModelTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ModelTableComponent, deps: [{ token: i1$1.GraphQLMetaService }, { token: i1$1.GraphQLService }, { token: i1$1.CmsService }], target: i0.ɵɵFactoryTarget.Component });
-ModelTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ModelTableComponent, selector: "base-model-table", inputs: { modelName: "modelName", objectId: "objectId", createMode: "createMode", logging: "logging", create: "create", update: "update", delete: "delete", duplicate: "duplicate", config: "config", fieldConfig: "fieldConfig" }, outputs: { idSelected: "idSelected", createModeChanged: "createModeChanged" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!selectedId && !createMode\">\n  <div class=\"w-100 d-flex flex-row justify-content-between align-items-center mb-4\">\n    <h2 class=\"mb-0\" *ngIf=\"modelName\">\n      {{\n        config?.plural ? config?.plural : config?.label ? config?.label : capitalizeFirstLetter(camelModelName) + 's'\n      }}\n    </h2>\n    <div class=\"d-flex align-items-center\">\n      <button class=\"btn btn-primary\" (click)=\"createNewObject()\" *ngIf=\"create\">Erstellen</button>\n    </div>\n  </div>\n\n  <div\n    class=\"table-responsive\"\n    [ltContextMenu]=\"contextMenu\"\n    [selectors]=\"'.object-col'\"\n    #contextMenuData=\"contextMenuData\"\n  >\n    <table class=\"table table-hover bg-white\">\n      <thead>\n        <tr>\n          <th\n            scope=\"col\"\n            *ngFor=\"let field of availableFields\"\n            [baseSort]=\"objects\"\n            data-order=\"desc\"\n            [attr.data-name]=\"field\"\n          >\n            {{ tableFields[field]?.label ? tableFields[field]?.label : capitalizeFirstLetter(field) }}\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr class=\"object-col\" *ngFor=\"let object of objects\" [id]=\"object[uniqueField]\">\n          <td class=\"cursor-pointer\" *ngFor=\"let field of availableFields\" (click)=\"selectId(object)\">\n            <ng-container *ngIf=\"tableFields[field]?.dateFormat\">\n              {{ object[field] | date: tableFields[field]?.dateFormat }} Uhr\n            </ng-container>\n\n            <ng-container *ngIf=\"tableFields[field]?.enumValues\">\n              {{ tableFields[field]?.enumValues[object[field]]?.text }}\n            </ng-container>\n\n            <ng-container *ngIf=\"!tableFields[field]?.dateFormat && !tableFields[field]?.enumValues\">\n              {{ object[field] | baseEllipses: 60 }}\n            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n\n    <div class=\"context-menu\" #contextMenu>\n      <div class=\"context-menu-item\" (click)=\"selectId({ id: contextMenuData.clickedElement?.id })\">Bearbeiten</div>\n      <div class=\"context-menu-item\" *ngIf=\"duplicate\" (click)=\"duplicateObject(contextMenuData.clickedElement?.id)\">\n        Duplizieren\n      </div>\n      <div class=\"context-menu-item\" *ngIf=\"delete\" (click)=\"deleteObject(contextMenuData.clickedElement?.id)\">\n        L\u00F6schen\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"w-100\" *ngIf=\"selectedId || createMode\">\n  <button class=\"btn btn-outline-primary mb-3\" (click)=\"selectId('')\">Zur\u00FCck</button>\n  <base-model-form\n    [modelName]=\"camelModelName\"\n    [label]=\"config?.label\"\n    [config]=\"fieldConfig\"\n    [logging]=\"logging\"\n    [id]=\"selectedId\"\n    (finished)=\"selectId('')\"\n    [delete]=\"delete\"\n    [duplicate]=\"duplicate\"\n  ></base-model-form>\n</div>\n", styles: [".cursor-pointer{cursor:pointer}.asc:after,.desc:after{border-style:solid;border-width:.2em .2em 0 0;content:\"\";display:inline-block;height:.45em;left:5px;position:relative;transform:rotate(-45deg);vertical-align:middle;width:.45em}.asc:after{transform:rotate(135deg)}td{vertical-align:middle}.bi,th{cursor:pointer;-webkit-user-select:none;user-select:none}.table>:not(:first-child){border-top:0}table{border-radius:.25rem;border-color:#e2e8f0!important}table thead{text-transform:uppercase;font-size:12px}table thead th{padding:12px 24px}table tbody tr td{font-weight:400!important;font-size:16px;padding:16px 24px}.context-menu{opacity:.01%;pointer-events:none;background-color:#fff;border:1px solid #ccc;box-shadow:1px 1px 10px #0000001a;padding:10px 0;position:fixed;top:0;left:0;width:200px}.context-menu-item{cursor:pointer;padding:8px 15px}.context-menu-item:hover{color:var(--bs-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: SortDirective, selector: "[baseSort]", inputs: ["baseSort"] }, { kind: "directive", type: ContextMenuDirective, selector: "[ltContextMenu]", inputs: ["contextMenuData", "ltContextMenu", "xGap", "yGap", "overflowSpace", "selectors"], outputs: ["clickedElement"], exportAs: ["contextMenuData"] }, { kind: "component", type: ModelFormComponent, selector: "base-model-form", inputs: ["modelName", "label", "id", "delete", "onlyUpdateMode", "duplicate", "logging", "config"], outputs: ["finished"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: EllipsesPipe, name: "baseEllipses" }] });
+ModelTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ModelTableComponent, selector: "base-model-table", inputs: { modelName: "modelName", objectId: "objectId", createMode: "createMode", logging: "logging", create: "create", update: "update", delete: "delete", duplicate: "duplicate", config: "config", fieldConfig: "fieldConfig", showFavButton: "showFavButton" }, outputs: { idSelected: "idSelected", createModeChanged: "createModeChanged" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!selectedId && !createMode\">\n  <div class=\"w-100 d-flex flex-row justify-content-between align-items-center mb-2 mb-lg-4\">\n    <h2 class=\"mb-0\" *ngIf=\"modelName\">\n      {{\n        config?.plural ? config?.plural : config?.label ? config?.label : capitalizeFirstLetter(camelModelName) + 's'\n      }}\n    </h2>\n    <div class=\"d-flex align-items-center d-none d-lg-block\">\n      <button class=\"btn btn-primary\" (click)=\"createNewObject()\" *ngIf=\"create\">Erstellen</button>\n    </div>\n  </div>\n\n  <div\n    class=\"table-responsive\"\n    [ltContextMenu]=\"contextMenu\"\n    [selectors]=\"'.object-col'\"\n    #contextMenuData=\"contextMenuData\"\n  >\n    <table class=\"table table-hover bg-white d-none d-lg-table\">\n      <thead>\n        <tr>\n          <th\n            scope=\"col\"\n            *ngFor=\"let field of availableFields\"\n            [baseSort]=\"objects\"\n            data-order=\"desc\"\n            [attr.data-name]=\"field\"\n          >\n            {{ tableFields[field]?.label ? tableFields[field]?.label : capitalizeFirstLetter(field) }}\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr class=\"object-col\" *ngFor=\"let object of objects\" [id]=\"object[uniqueField]\">\n          <td class=\"cursor-pointer\" *ngFor=\"let field of availableFields\" (click)=\"selectId(object)\">\n            <ng-container *ngIf=\"tableFields[field]?.dateFormat\">\n              {{ object[field] | date: tableFields[field]?.dateFormat }} Uhr\n            </ng-container>\n\n            <ng-container *ngIf=\"tableFields[field]?.enumValues\">\n              {{ tableFields[field]?.enumValues[object[field]]?.text }}\n            </ng-container>\n\n            <ng-container *ngIf=\"!tableFields[field]?.dateFormat && !tableFields[field]?.enumValues\">\n              {{ object[field] | baseEllipses: 60 }}\n            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n\n    <div class=\"d-flex d-lg-none flex-column flex-grow-1\">\n      <div class=\"table-card\" *ngFor=\"let object of objects\" [id]=\"object[uniqueField]\">\n        <div class=\"table-card-entry\" *ngFor=\"let field of availableFields; let i = index\" (click)=\"selectId(object)\">\n          <b *ngIf=\"i > 0\"\n            >{{ tableFields[field]?.label ? tableFields[field]?.label : capitalizeFirstLetter(field) }}:</b\n          >\n          <p [ngClass]=\"{ 'table-card-entry-first': i === 0 }\">\n            <ng-container *ngIf=\"tableFields[field]?.dateFormat\">\n              {{ object[field] | date: tableFields[field]?.dateFormat }} Uhr\n            </ng-container>\n\n            <ng-container *ngIf=\"tableFields[field]?.enumValues\">\n              {{ tableFields[field]?.enumValues[object[field]]?.text }}\n            </ng-container>\n\n            <ng-container *ngIf=\"!tableFields[field]?.dateFormat && !tableFields[field]?.enumValues\">\n              {{ object[field] | baseEllipses: 60 }}\n            </ng-container>\n          </p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"context-menu\" #contextMenu>\n      <div class=\"context-menu-item\" (click)=\"selectId({ id: contextMenuData.clickedElement?.id })\">Bearbeiten</div>\n      <div class=\"context-menu-item\" *ngIf=\"duplicate\" (click)=\"duplicateObject(contextMenuData.clickedElement?.id)\">\n        Duplizieren\n      </div>\n      <div class=\"context-menu-item\" *ngIf=\"delete\" (click)=\"deleteObject(contextMenuData.clickedElement?.id)\">\n        L\u00F6schen\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"w-100\" *ngIf=\"selectedId || createMode\">\n  <button class=\"d-none d-lg-block btn btn-outline-primary mb-3\" (click)=\"selectId('')\">Zur\u00FCck</button>\n  <base-model-form\n    [modelName]=\"camelModelName\"\n    [label]=\"config?.label\"\n    [config]=\"fieldConfig\"\n    [logging]=\"logging\"\n    [id]=\"selectedId\"\n    (finished)=\"selectId('')\"\n    [delete]=\"delete\"\n    [duplicate]=\"duplicate\"\n    [showFavButton]=\"showFavButton\"\n  ></base-model-form>\n</div>\n\n<div class=\"responsive-action-button\">\n  <base-fab-button\n    [fabIcon]=\"'bi-plus'\"\n    (click)=\"createNewObject()\"\n    *ngIf=\"!(selectedId || createMode) && showFavButton\"\n  ></base-fab-button>\n</div>\n", styles: [".cursor-pointer{cursor:pointer}.asc:after,.desc:after{border-style:solid;border-width:.2em .2em 0 0;content:\"\";display:inline-block;height:.45em;left:5px;position:relative;transform:rotate(-45deg);vertical-align:middle;width:.45em}.asc:after{transform:rotate(135deg)}td{vertical-align:middle}.bi,th{cursor:pointer;-webkit-user-select:none;user-select:none}.table>:not(:first-child){border-top:0}table{border-radius:.25rem;border-color:#e2e8f0!important}table thead{text-transform:uppercase;font-size:12px}table thead th{padding:12px 24px}table tbody tr td{font-weight:400!important;font-size:16px;padding:16px 24px}.context-menu{opacity:.01%;pointer-events:none;background-color:#fff;border:1px solid #ccc;box-shadow:1px 1px 10px #0000001a;padding:10px 0;position:fixed;top:0;left:0;width:200px}.context-menu-menu-item{cursor:pointer;padding:8px 15px}.context-menu-menu-item:hover{color:var(--bs-primary)}.table-card{background:var(--bs-white);padding:10px;margin-bottom:10px}.table-card-entry{margin-top:4px}.table-card-entry-first{font-size:18px;font-weight:800;color:var(--bs-primary)}.responsive-action-button{position:fixed;bottom:15px;right:15px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: SortDirective, selector: "[baseSort]", inputs: ["baseSort"] }, { kind: "directive", type: ContextMenuDirective, selector: "[ltContextMenu]", inputs: ["contextMenuData", "ltContextMenu", "xGap", "yGap", "overflowSpace", "selectors"], outputs: ["clickedElement"], exportAs: ["contextMenuData"] }, { kind: "component", type: ModelFormComponent, selector: "base-model-form", inputs: ["modelName", "label", "id", "delete", "onlyUpdateMode", "duplicate", "logging", "config", "showFavButton"], outputs: ["finished"] }, { kind: "component", type: FabButtonComponent, selector: "base-fab-button", inputs: ["fabIcon", "buttons"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: EllipsesPipe, name: "baseEllipses" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ModelTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'base-model-table', template: "<div *ngIf=\"!selectedId && !createMode\">\n  <div class=\"w-100 d-flex flex-row justify-content-between align-items-center mb-4\">\n    <h2 class=\"mb-0\" *ngIf=\"modelName\">\n      {{\n        config?.plural ? config?.plural : config?.label ? config?.label : capitalizeFirstLetter(camelModelName) + 's'\n      }}\n    </h2>\n    <div class=\"d-flex align-items-center\">\n      <button class=\"btn btn-primary\" (click)=\"createNewObject()\" *ngIf=\"create\">Erstellen</button>\n    </div>\n  </div>\n\n  <div\n    class=\"table-responsive\"\n    [ltContextMenu]=\"contextMenu\"\n    [selectors]=\"'.object-col'\"\n    #contextMenuData=\"contextMenuData\"\n  >\n    <table class=\"table table-hover bg-white\">\n      <thead>\n        <tr>\n          <th\n            scope=\"col\"\n            *ngFor=\"let field of availableFields\"\n            [baseSort]=\"objects\"\n            data-order=\"desc\"\n            [attr.data-name]=\"field\"\n          >\n            {{ tableFields[field]?.label ? tableFields[field]?.label : capitalizeFirstLetter(field) }}\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr class=\"object-col\" *ngFor=\"let object of objects\" [id]=\"object[uniqueField]\">\n          <td class=\"cursor-pointer\" *ngFor=\"let field of availableFields\" (click)=\"selectId(object)\">\n            <ng-container *ngIf=\"tableFields[field]?.dateFormat\">\n              {{ object[field] | date: tableFields[field]?.dateFormat }} Uhr\n            </ng-container>\n\n            <ng-container *ngIf=\"tableFields[field]?.enumValues\">\n              {{ tableFields[field]?.enumValues[object[field]]?.text }}\n            </ng-container>\n\n            <ng-container *ngIf=\"!tableFields[field]?.dateFormat && !tableFields[field]?.enumValues\">\n              {{ object[field] | baseEllipses: 60 }}\n            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n\n    <div class=\"context-menu\" #contextMenu>\n      <div class=\"context-menu-item\" (click)=\"selectId({ id: contextMenuData.clickedElement?.id })\">Bearbeiten</div>\n      <div class=\"context-menu-item\" *ngIf=\"duplicate\" (click)=\"duplicateObject(contextMenuData.clickedElement?.id)\">\n        Duplizieren\n      </div>\n      <div class=\"context-menu-item\" *ngIf=\"delete\" (click)=\"deleteObject(contextMenuData.clickedElement?.id)\">\n        L\u00F6schen\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"w-100\" *ngIf=\"selectedId || createMode\">\n  <button class=\"btn btn-outline-primary mb-3\" (click)=\"selectId('')\">Zur\u00FCck</button>\n  <base-model-form\n    [modelName]=\"camelModelName\"\n    [label]=\"config?.label\"\n    [config]=\"fieldConfig\"\n    [logging]=\"logging\"\n    [id]=\"selectedId\"\n    (finished)=\"selectId('')\"\n    [delete]=\"delete\"\n    [duplicate]=\"duplicate\"\n  ></base-model-form>\n</div>\n", styles: [".cursor-pointer{cursor:pointer}.asc:after,.desc:after{border-style:solid;border-width:.2em .2em 0 0;content:\"\";display:inline-block;height:.45em;left:5px;position:relative;transform:rotate(-45deg);vertical-align:middle;width:.45em}.asc:after{transform:rotate(135deg)}td{vertical-align:middle}.bi,th{cursor:pointer;-webkit-user-select:none;user-select:none}.table>:not(:first-child){border-top:0}table{border-radius:.25rem;border-color:#e2e8f0!important}table thead{text-transform:uppercase;font-size:12px}table thead th{padding:12px 24px}table tbody tr td{font-weight:400!important;font-size:16px;padding:16px 24px}.context-menu{opacity:.01%;pointer-events:none;background-color:#fff;border:1px solid #ccc;box-shadow:1px 1px 10px #0000001a;padding:10px 0;position:fixed;top:0;left:0;width:200px}.context-menu-item{cursor:pointer;padding:8px 15px}.context-menu-item:hover{color:var(--bs-primary)}\n"] }]
+            args: [{ selector: 'base-model-table', template: "<div *ngIf=\"!selectedId && !createMode\">\n  <div class=\"w-100 d-flex flex-row justify-content-between align-items-center mb-2 mb-lg-4\">\n    <h2 class=\"mb-0\" *ngIf=\"modelName\">\n      {{\n        config?.plural ? config?.plural : config?.label ? config?.label : capitalizeFirstLetter(camelModelName) + 's'\n      }}\n    </h2>\n    <div class=\"d-flex align-items-center d-none d-lg-block\">\n      <button class=\"btn btn-primary\" (click)=\"createNewObject()\" *ngIf=\"create\">Erstellen</button>\n    </div>\n  </div>\n\n  <div\n    class=\"table-responsive\"\n    [ltContextMenu]=\"contextMenu\"\n    [selectors]=\"'.object-col'\"\n    #contextMenuData=\"contextMenuData\"\n  >\n    <table class=\"table table-hover bg-white d-none d-lg-table\">\n      <thead>\n        <tr>\n          <th\n            scope=\"col\"\n            *ngFor=\"let field of availableFields\"\n            [baseSort]=\"objects\"\n            data-order=\"desc\"\n            [attr.data-name]=\"field\"\n          >\n            {{ tableFields[field]?.label ? tableFields[field]?.label : capitalizeFirstLetter(field) }}\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr class=\"object-col\" *ngFor=\"let object of objects\" [id]=\"object[uniqueField]\">\n          <td class=\"cursor-pointer\" *ngFor=\"let field of availableFields\" (click)=\"selectId(object)\">\n            <ng-container *ngIf=\"tableFields[field]?.dateFormat\">\n              {{ object[field] | date: tableFields[field]?.dateFormat }} Uhr\n            </ng-container>\n\n            <ng-container *ngIf=\"tableFields[field]?.enumValues\">\n              {{ tableFields[field]?.enumValues[object[field]]?.text }}\n            </ng-container>\n\n            <ng-container *ngIf=\"!tableFields[field]?.dateFormat && !tableFields[field]?.enumValues\">\n              {{ object[field] | baseEllipses: 60 }}\n            </ng-container>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n\n    <div class=\"d-flex d-lg-none flex-column flex-grow-1\">\n      <div class=\"table-card\" *ngFor=\"let object of objects\" [id]=\"object[uniqueField]\">\n        <div class=\"table-card-entry\" *ngFor=\"let field of availableFields; let i = index\" (click)=\"selectId(object)\">\n          <b *ngIf=\"i > 0\"\n            >{{ tableFields[field]?.label ? tableFields[field]?.label : capitalizeFirstLetter(field) }}:</b\n          >\n          <p [ngClass]=\"{ 'table-card-entry-first': i === 0 }\">\n            <ng-container *ngIf=\"tableFields[field]?.dateFormat\">\n              {{ object[field] | date: tableFields[field]?.dateFormat }} Uhr\n            </ng-container>\n\n            <ng-container *ngIf=\"tableFields[field]?.enumValues\">\n              {{ tableFields[field]?.enumValues[object[field]]?.text }}\n            </ng-container>\n\n            <ng-container *ngIf=\"!tableFields[field]?.dateFormat && !tableFields[field]?.enumValues\">\n              {{ object[field] | baseEllipses: 60 }}\n            </ng-container>\n          </p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"context-menu\" #contextMenu>\n      <div class=\"context-menu-item\" (click)=\"selectId({ id: contextMenuData.clickedElement?.id })\">Bearbeiten</div>\n      <div class=\"context-menu-item\" *ngIf=\"duplicate\" (click)=\"duplicateObject(contextMenuData.clickedElement?.id)\">\n        Duplizieren\n      </div>\n      <div class=\"context-menu-item\" *ngIf=\"delete\" (click)=\"deleteObject(contextMenuData.clickedElement?.id)\">\n        L\u00F6schen\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"w-100\" *ngIf=\"selectedId || createMode\">\n  <button class=\"d-none d-lg-block btn btn-outline-primary mb-3\" (click)=\"selectId('')\">Zur\u00FCck</button>\n  <base-model-form\n    [modelName]=\"camelModelName\"\n    [label]=\"config?.label\"\n    [config]=\"fieldConfig\"\n    [logging]=\"logging\"\n    [id]=\"selectedId\"\n    (finished)=\"selectId('')\"\n    [delete]=\"delete\"\n    [duplicate]=\"duplicate\"\n    [showFavButton]=\"showFavButton\"\n  ></base-model-form>\n</div>\n\n<div class=\"responsive-action-button\">\n  <base-fab-button\n    [fabIcon]=\"'bi-plus'\"\n    (click)=\"createNewObject()\"\n    *ngIf=\"!(selectedId || createMode) && showFavButton\"\n  ></base-fab-button>\n</div>\n", styles: [".cursor-pointer{cursor:pointer}.asc:after,.desc:after{border-style:solid;border-width:.2em .2em 0 0;content:\"\";display:inline-block;height:.45em;left:5px;position:relative;transform:rotate(-45deg);vertical-align:middle;width:.45em}.asc:after{transform:rotate(135deg)}td{vertical-align:middle}.bi,th{cursor:pointer;-webkit-user-select:none;user-select:none}.table>:not(:first-child){border-top:0}table{border-radius:.25rem;border-color:#e2e8f0!important}table thead{text-transform:uppercase;font-size:12px}table thead th{padding:12px 24px}table tbody tr td{font-weight:400!important;font-size:16px;padding:16px 24px}.context-menu{opacity:.01%;pointer-events:none;background-color:#fff;border:1px solid #ccc;box-shadow:1px 1px 10px #0000001a;padding:10px 0;position:fixed;top:0;left:0;width:200px}.context-menu-menu-item{cursor:pointer;padding:8px 15px}.context-menu-menu-item:hover{color:var(--bs-primary)}.table-card{background:var(--bs-white);padding:10px;margin-bottom:10px}.table-card-entry{margin-top:4px}.table-card-entry-first{font-size:18px;font-weight:800;color:var(--bs-primary)}.responsive-action-button{position:fixed;bottom:15px;right:15px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.GraphQLMetaService }, { type: i1$1.GraphQLService }, { type: i1$1.CmsService }]; }, propDecorators: { modelName: [{
                 type: Input
             }], objectId: [{
@@ -1701,6 +1743,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
                 type: Input
             }], fieldConfig: [{
                 type: Input
+            }], showFavButton: [{
+                type: Input
             }], idSelected: [{
                 type: Output
             }], createModeChanged: [{
@@ -1840,7 +1884,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
             }] } });
 
 // Modules
-const imports = [FormsModule, ReactiveFormsModule, CommonModule];
+const imports = [FormsModule, ReactiveFormsModule, CommonModule, RouterModule];
 // Imported and exported elements
 const elements = [
     // Directives
@@ -1864,6 +1908,7 @@ const elements = [
     RefenceInputComponent,
     ChangePasswordComponent,
     DeleteAccountComponent,
+    FabButtonComponent,
     // Pipes
     EllipsesPipe,
 ];
@@ -1892,8 +1937,9 @@ BaseComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         RefenceInputComponent,
         ChangePasswordComponent,
         DeleteAccountComponent,
+        FabButtonComponent,
         // Pipes
-        EllipsesPipe], imports: [FormsModule, ReactiveFormsModule, CommonModule], exports: [
+        EllipsesPipe], imports: [FormsModule, ReactiveFormsModule, CommonModule, RouterModule], exports: [
         // Directives
         SortDirective,
         BackButtonDirective,
@@ -1915,6 +1961,7 @@ BaseComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         RefenceInputComponent,
         ChangePasswordComponent,
         DeleteAccountComponent,
+        FabButtonComponent,
         // Pipes
         EllipsesPipe] });
 BaseComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BaseComponentsModule, imports: [imports] });
@@ -1935,5 +1982,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BackButtonDirective, BaseComponentsModule, BreadcrumbComponent, ChangePasswordComponent, CheckboxComponent, ContextMenuDirective, DeleteAccountComponent, EllipsesPipe, InputComponent, LoadingBarComponent, ModelFormComponent, ModelFormSubComponent, ModelTableComponent, RefenceInputComponent, SelectComponent, SkeletonLoaderComponent, SortDirective, TagsComponent, TextareaComponent, ToastComponent, UploadImageComponent };
+export { BackButtonDirective, BaseComponentsModule, BreadcrumbComponent, ChangePasswordComponent, CheckboxComponent, ContextMenuDirective, DeleteAccountComponent, EllipsesPipe, FabButtonComponent, InputComponent, LoadingBarComponent, ModelFormComponent, ModelFormSubComponent, ModelTableComponent, RefenceInputComponent, SelectComponent, SkeletonLoaderComponent, SortDirective, TagsComponent, TextareaComponent, ToastComponent, UploadImageComponent };
 //# sourceMappingURL=lenne.tech-ng-base-base-components.mjs.map