@taon-dev/cms 21.0.21 → 21.0.23

package/browser-prod/fesm2022/cms-browser-prod.mjs

@@ -1,7 +1,7 @@
 import { __decorate, __metadata, __param } from 'tslib';
 import { TaonBaseEntity, TaonEntity, PrimaryGeneratedColumn, Column, OneToOne, JoinColumn, TaonBaseMigration, ClassHelpers__NS__getName, TaonMigration, TaonBaseAbstractEntity, TaonBaseRepository, TaonRepository, TaonBaseCrudController, POST, Query, Body, DELETE, TaonController, TaonBaseProvider, TaonProvider, TaonBaseMiddleware, TaonMiddleware, TaonBaseSubscriberForEntity, TaonSubscriber, createContext, TaonBaseContext, GET, Taon__NS__error, TaonBaseStorageController, PUT, TaonBaseAngularService } from 'taon/browser-prod';
 import { Table } from 'taon-typeorm/browser-prod';
-import { UtilsJson__NS__getValue, ___NS__first } from 'tnp-core/browser-prod';
+import { UtilsJson__NS__getValue, ___NS__first, ___NS__kebabCase } from 'tnp-core/browser-prod';
 import { BaseCommandLineFeature } from 'tnp-helpers/browser-prod';
 import { TaonSessionRepository, TaonAuthContextRepository, TaonSessionProvider, TaonSessionAbstractContext, TaonPermissionApiService } from '@taon-dev/session/browser-prod';
 import { Translation } from '@taon-dev/i18n/browser-prod';
@@ -9,39 +9,41 @@ import * as i0 from '@angular/core';
 import { Injectable, inject, DestroyRef, signal, Input, ChangeDetectionStrategy, Component, Directive, ViewChild, ElementRef, EventEmitter, SecurityContext, HostListener, Output, computed, input, model, output, viewChild, effect, untracked } from '@angular/core';
 import * as i1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import { Observable, of, map as map$1, finalize, forkJoin, firstValueFrom } from 'rxjs';
+import { Observable, of, map as map$1, finalize, forkJoin, switchMap, from, firstValueFrom, combineLatest } from 'rxjs';
 import { map, catchError } from 'rxjs/operators';
 import { Resource__NS__methodsInterceptors } from 'ng2-rest/browser-prod';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { TaonDatatableComponent, adminLazyRoute as adminLazyRoute$1, TaonConfirmDialogComponent } from '@taon-dev/ui/browser-prod';
-import { AsyncPipe, DatePipe } from '@angular/common';
-import { RouterOutlet, ActivatedRoute, Router, RouterLink } from '@angular/router';
+import { TaonDatatableComponent, adminLazyRoute as adminLazyRoute$1, TaonConfirmDialogComponent, TaonAdminContentFooterService } from '@taon-dev/ui/browser-prod';
+import { AsyncPipe, DatePipe, NgTemplateOutlet } from '@angular/common';
+import { RouterOutlet, ActivatedRoute, Router } from '@angular/router';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i2$1 from '@angular/material/dialog';
+import * as i2 from '@angular/material/dialog';
 import { MatDialog, MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
 import * as i3 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i4 from '@angular/material/input';
+import * as i5 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i5 from '@angular/material/select';
+import * as i5$1 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
-import * as i2 from '@angular/material/icon';
+import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { DomSanitizer } from '@angular/platform-browser';
-import * as i2$2 from '@angular/material/checkbox';
+import * as i2$1 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i9 from '@angular/material/chips';
+import * as i10 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
-import * as i6 from '@angular/material/menu';
+import * as i3$2 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i7 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
-import * as i10 from '@angular/material/progress-bar';
+import * as i11 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import * as i3$1 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
-import * as i7 from '@angular/material/tabs';
+import * as i8 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
-import * as i8 from 'ngx-editor';
+import * as i9 from 'ngx-editor';
 import { Editor, toHTML, NgxEditorModule } from 'ngx-editor';
 
 var TaonCmsContentType;
@@ -233,7 +235,7 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '21.0.21';
+const CURRENT_PACKAGE_VERSION = '21.0.23';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 //#region tnp-helpers cli template
@@ -336,7 +338,7 @@ TaonCmsCategoryEntity = __decorate([
 ], TaonCmsCategoryEntity);
 
 //#endregion
-const t$h = Translation.for('src/lib/taon-cms-category/taon-cms-category.repository.ts', { "src/lib/taon-cms-category/taon-cms-category.controller.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-category.controller.ts.en-US.i18n.data-DB_Lnw-B.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-category.controller.ts.pl-PL.i18n.data-xlEjTzLi.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-category.controller.ts.de-DE.i18n.data-Bf9B2I5S.mjs')).default }, "src/lib/taon-cms-category/taon-cms-category.repository.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-category.repository.ts.en-US.i18n.data-DEDAUHCN.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-category.repository.ts.pl-PL.i18n.data-vfVCRZ0l.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-category.repository.ts.de-DE.i18n.data-BAt9wXhq.mjs')).default }, "src/lib/taon-cms-category/taon-cms-taxonomy.validation.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-taxonomy.validation.ts.en-US.i18n.data-BjGkpdq6.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-taxonomy.validation.ts.pl-PL.i18n.data-CzWbeuv5.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-taxonomy.validation.ts.de-DE.i18n.data-CEKXSxan.mjs')).default } });
+const t$i = Translation.for('src/lib/taon-cms-category/taon-cms-category.repository.ts', { "src/lib/taon-cms-category/taon-cms-category.controller.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-category.controller.ts.en-US.i18n.data-DB_Lnw-B.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-category.controller.ts.pl-PL.i18n.data-xlEjTzLi.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-category.controller.ts.de-DE.i18n.data-Bf9B2I5S.mjs')).default }, "src/lib/taon-cms-category/taon-cms-category.repository.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-category.repository.ts.en-US.i18n.data-DEDAUHCN.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-category.repository.ts.pl-PL.i18n.data-vfVCRZ0l.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-category.repository.ts.de-DE.i18n.data-BAt9wXhq.mjs')).default }, "src/lib/taon-cms-category/taon-cms-taxonomy.validation.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-taxonomy.validation.ts.en-US.i18n.data-BjGkpdq6.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-taxonomy.validation.ts.pl-PL.i18n.data-CzWbeuv5.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-taxonomy.validation.ts.de-DE.i18n.data-CEKXSxan.mjs')).default } });
 let TaonCmsCategoryRepository = class TaonCmsCategoryRepository extends TaonBaseRepository {
     constructor() {
         super(...arguments);
@@ -921,7 +923,7 @@ TaonCmsTagEntity = __decorate([
 ], TaonCmsTagEntity);
 
 //#endregion
-const t$g = Translation.for('src/lib/taon-cms-tag/taon-cms-tag.repository.ts', { "src/lib/taon-cms-tag/taon-cms-tag.controller.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-tag.controller.ts.en-US.i18n.data-8IpjJJb5.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-tag.controller.ts.pl-PL.i18n.data-8GlfYssx.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-tag.controller.ts.de-DE.i18n.data-DLaHcrcv.mjs')).default }, "src/lib/taon-cms-tag/taon-cms-tag.repository.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-tag.repository.ts.en-US.i18n.data-StHinq7f.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-tag.repository.ts.pl-PL.i18n.data-w2D2evXR.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-tag.repository.ts.de-DE.i18n.data-CY1yB1IT.mjs')).default } });
+const t$h = Translation.for('src/lib/taon-cms-tag/taon-cms-tag.repository.ts', { "src/lib/taon-cms-tag/taon-cms-tag.controller.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-tag.controller.ts.en-US.i18n.data-8IpjJJb5.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-tag.controller.ts.pl-PL.i18n.data-8GlfYssx.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-tag.controller.ts.de-DE.i18n.data-DLaHcrcv.mjs')).default }, "src/lib/taon-cms-tag/taon-cms-tag.repository.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-tag.repository.ts.en-US.i18n.data-StHinq7f.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-tag.repository.ts.pl-PL.i18n.data-w2D2evXR.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-tag.repository.ts.de-DE.i18n.data-CY1yB1IT.mjs')).default } });
 let TaonCmsTagRepository = class TaonCmsTagRepository extends TaonBaseRepository {
     constructor() {
         super(...arguments);
@@ -3361,10 +3363,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             type: Injectable
         }] });
 
-const t$f = Translation.for('src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts', { "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.html.en-US.i18n.data-BnfBa5FP.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.html.pl-PL.i18n.data-BIPCNubG.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.html.de-DE.i18n.data-CQWEOr2a.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.ts.en-US.i18n.data-COrEvH90.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.ts.pl-PL.i18n.data-gbqFHxUm.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.ts.de-DE.i18n.data-D71axXiQ.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.html.en-US.i18n.data-B866wa9u.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.html.pl-PL.i18n.data-BE968JEH.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.html.de-DE.i18n.data-1ZS37w7E.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.ts.en-US.i18n.data-CDumPCL3.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data-Ks9cZliv.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.ts.de-DE.i18n.data-StvX-ZT8.mjs')).default } });
+const t$g = Translation.for('src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts', { "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.html.en-US.i18n.data-BnfBa5FP.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.html.pl-PL.i18n.data-BIPCNubG.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.html.de-DE.i18n.data-CQWEOr2a.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.ts.en-US.i18n.data-COrEvH90.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.ts.pl-PL.i18n.data-gbqFHxUm.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.ts.de-DE.i18n.data-D71axXiQ.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.html.en-US.i18n.data-B866wa9u.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.html.pl-PL.i18n.data-BE968JEH.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.html.de-DE.i18n.data-1ZS37w7E.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.ts.en-US.i18n.data-CDumPCL3.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data-Ks9cZliv.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.ts.de-DE.i18n.data-StvX-ZT8.mjs')).default } });
 class TaonCmsAssetPreviewComponent {
     constructor() {
-        this.t = t$f.for(this);
+        this.t = t$g.for(this);
         this.api = inject(TaonCmsContentApiService);
         this.destroyRef = inject(DestroyRef);
         this.url = signal('', ...(ngDevMode ? [{ debugName: "url" }] : []));
@@ -3426,10 +3428,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 args: [{ required: true }]
             }] } });
 
-const t$e = Translation.for('src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts', { "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.html.en-US.i18n.data-BnfBa5FP.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.html.pl-PL.i18n.data-BIPCNubG.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.html.de-DE.i18n.data-CQWEOr2a.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.ts.en-US.i18n.data-COrEvH90.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.ts.pl-PL.i18n.data-gbqFHxUm.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.ts.de-DE.i18n.data-D71axXiQ.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.html.en-US.i18n.data-B866wa9u.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.html.pl-PL.i18n.data-BE968JEH.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.html.de-DE.i18n.data-1ZS37w7E.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.ts.en-US.i18n.data-CDumPCL3.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data-Ks9cZliv.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.ts.de-DE.i18n.data-StvX-ZT8.mjs')).default } });
+const t$f = Translation.for('src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts', { "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.html.en-US.i18n.data-BnfBa5FP.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.html.pl-PL.i18n.data-BIPCNubG.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.html.de-DE.i18n.data-CQWEOr2a.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.ts.en-US.i18n.data-COrEvH90.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.ts.pl-PL.i18n.data-gbqFHxUm.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-asset-preview.component.ts.de-DE.i18n.data-D71axXiQ.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.html.en-US.i18n.data-B866wa9u.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.html.pl-PL.i18n.data-BE968JEH.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.html.de-DE.i18n.data-1ZS37w7E.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.ts.en-US.i18n.data-CDumPCL3.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data-Ks9cZliv.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-assets-backoffice.component.ts.de-DE.i18n.data-StvX-ZT8.mjs')).default } });
 class TaonCmsAssetsBackofficeComponent {
     constructor() {
-        this.t = t$e.for(this);
+        this.t = t$f.for(this);
         this.api = inject(TaonCmsContentApiService);
         this.destroyRef = inject(DestroyRef);
         this.assets = signal([], ...(ngDevMode ? [{ debugName: "assets" }] : []));
@@ -3469,7 +3471,7 @@ class TaonCmsAssetsBackofficeComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsAssetsBackofficeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsAssetsBackofficeComponent, isStandalone: true, selector: "taon-cms-assets-backoffice", providers: [TaonCmsContentApiService], ngImport: i0, template: "<h1>{{ t.gettext('CMS assets') }}</h1>\n<button\n  mat-button\n  type=\"button\"\n  [disabled]=\"loading()\"\n  (click)=\"reload()\">\n  {{ t.gettext('Reload assets') }}\n</button>\n@if (loading()) {\n  <p role=\"status\">{{ t.gettext('Loading assets...') }}</p>\n}\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n\n<ng-template\n  #preview\n  let-asset>\n  <taon-cms-asset-preview [asset]=\"asset\" />\n</ng-template>\n\n<taon-datatable\n  [data]=\"assets()\"\n  [columns]=\"columns\"\n  [allowedColumns]=\"['key', 'fileName', 'contentType']\"\n  [hideAddButton]=\"true\"\n  [expansionTemplate]=\"preview\"\n  searchMode=\"advanced\">\n</taon-datatable>\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TaonDatatableComponent, selector: "taon-datatable", inputs: ["pageNumber", "pageSize", "pageSizeOptions", "allowedColumns", "expansionTemplate", "entityCrudController", "columns", "hideSearch", "hideAddButton", "safe", "searchMode", "callQueryMethod", "data", "showPaginator"], outputs: ["expansionChange", "addingItem"] }, { kind: "component", type: TaonCmsAssetPreviewComponent, selector: "taon-cms-asset-preview", inputs: ["asset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsAssetsBackofficeComponent, isStandalone: true, selector: "taon-cms-assets-backoffice", providers: [TaonCmsContentApiService], ngImport: i0, template: "<h1>{{ t.gettext('CMS assets') }}</h1>\n<button\n  mat-button\n  type=\"button\"\n  [disabled]=\"loading()\"\n  (click)=\"reload()\">\n  {{ t.gettext('Reload assets') }}\n</button>\n@if (loading()) {\n  <p role=\"status\">{{ t.gettext('Loading assets...') }}</p>\n}\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n\n<ng-template\n  #preview\n  let-asset>\n  <taon-cms-asset-preview [asset]=\"asset\" />\n</ng-template>\n\n<taon-datatable\n  [data]=\"assets()\"\n  [columns]=\"columns\"\n  [allowedColumns]=\"['key', 'fileName', 'contentType']\"\n  [hideAddButton]=\"true\"\n  [expansionTemplate]=\"preview\"\n  searchMode=\"advanced\">\n</taon-datatable>\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TaonDatatableComponent, selector: "taon-datatable", inputs: ["pageNumber", "pageSize", "pageSizeOptions", "allowedColumns", "expansionTemplate", "entityCrudController", "columns", "hideSearch", "hideAddButton", "safe", "searchMode", "filtersTemplate", "storeTablePagination", "storeTableFilters", "tableId", "callQueryMethod", "data", "showPaginator"], outputs: ["expansionChange", "addingItem"] }, { kind: "component", type: TaonCmsAssetPreviewComponent, selector: "taon-cms-asset-preview", inputs: ["asset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsAssetsBackofficeComponent, decorators: [{
             type: Component,
@@ -3499,10 +3501,10 @@ var taonCmsAssetsBackoffice_routes = /*#__PURE__*/Object.freeze({
 
 //#region imports
 //#endregion
-const t$d = Translation.for('src/lib/taon-cms-backoffice/taon-cms-backoffice.component.ts', { "src/lib/taon-cms-backoffice/taon-cms-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.html.en-US.i18n.data-q7WqXEJw.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.html.pl-PL.i18n.data-BSwBNQpH.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.html.de-DE.i18n.data-CqIu3bBE.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.ts.en-US.i18n.data-BdhGIeUK.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.ts.pl-PL.i18n.data-BVwuFYPF.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.ts.de-DE.i18n.data-CvbuuDAa.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-backoffice.routes.ts.en-US.i18n.data-bIYJXCtW.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-backoffice.routes.ts.pl-PL.i18n.data-Do9n0Gxn.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-backoffice.routes.ts.de-DE.i18n.data-4S1imZUX.mjs')).default } });
+const t$e = Translation.for('src/lib/taon-cms-backoffice/taon-cms-backoffice.component.ts', { "src/lib/taon-cms-backoffice/taon-cms-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.html.en-US.i18n.data-q7WqXEJw.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.html.pl-PL.i18n.data-BSwBNQpH.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.html.de-DE.i18n.data-CqIu3bBE.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.ts.en-US.i18n.data-BdhGIeUK.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.ts.pl-PL.i18n.data-BVwuFYPF.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.ts.de-DE.i18n.data-CvbuuDAa.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-backoffice.routes.ts.en-US.i18n.data-bIYJXCtW.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-backoffice.routes.ts.pl-PL.i18n.data-Do9n0Gxn.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-backoffice.routes.ts.de-DE.i18n.data-4S1imZUX.mjs')).default } });
 class TaonCmsBackofficeComponent {
     constructor() {
-        this.t = t$d.for(this);
+        this.t = t$e.for(this);
         this.componentLoaded = false;
     }
     onRouteActivate(component) {
@@ -3529,7 +3531,7 @@ var taonCmsBackoffice_component = /*#__PURE__*/Object.freeze({
 
 //#endregion
 const adminLazyRoute = (adminLazyRoute$1);
-const t$c = Translation.for('src/lib/taon-cms-backoffice/taon-cms-backoffice.routes.ts', { "src/lib/taon-cms-backoffice/taon-cms-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.html.en-US.i18n.data-q7WqXEJw.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.html.pl-PL.i18n.data-BSwBNQpH.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.html.de-DE.i18n.data-CqIu3bBE.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.ts.en-US.i18n.data-BdhGIeUK.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.ts.pl-PL.i18n.data-BVwuFYPF.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.ts.de-DE.i18n.data-CvbuuDAa.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-backoffice.routes.ts.en-US.i18n.data-bIYJXCtW.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-backoffice.routes.ts.pl-PL.i18n.data-Do9n0Gxn.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-backoffice.routes.ts.de-DE.i18n.data-4S1imZUX.mjs')).default } });
+const t$d = Translation.for('src/lib/taon-cms-backoffice/taon-cms-backoffice.routes.ts', { "src/lib/taon-cms-backoffice/taon-cms-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.html.en-US.i18n.data-q7WqXEJw.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.html.pl-PL.i18n.data-BSwBNQpH.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.html.de-DE.i18n.data-CqIu3bBE.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.ts.en-US.i18n.data-BdhGIeUK.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.ts.pl-PL.i18n.data-BVwuFYPF.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-backoffice.component.ts.de-DE.i18n.data-CvbuuDAa.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-backoffice.routes.ts.en-US.i18n.data-bIYJXCtW.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-backoffice.routes.ts.pl-PL.i18n.data-Do9n0Gxn.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-backoffice.routes.ts.de-DE.i18n.data-4S1imZUX.mjs')).default } });
 const TaonCmsBackofficeRoutes = [
     {
         path: '',
@@ -3541,7 +3543,7 @@ const TaonCmsBackofficeRoutes = [
                     return !context?.hasAccess.toManageCms;
                 },
                 path: 'posts',
-                menuItem: t$c.signal.gettext('Posts'),
+                menuItem: t$d.signal.gettext('Posts'),
                 expandable: true,
                 icon: 'edit',
                 loader: () => Promise.resolve().then(function () { return index$1; }).then(m => m.TaonCmsPostsBackofficeRoutes),
@@ -3552,7 +3554,7 @@ const TaonCmsBackofficeRoutes = [
                     return !context?.hasAccess.toManageCms;
                 },
                 path: 'courses',
-                menuItem: t$c.signal.gettext('Courses'),
+                menuItem: t$d.signal.gettext('Courses'),
                 expandable: false,
                 icon: 'school',
                 loader: () => Promise.resolve().then(function () { return index$1; }).then(m => m.TaonCmsCourseBackofficeRoutes),
@@ -3560,7 +3562,7 @@ const TaonCmsBackofficeRoutes = [
             adminLazyRoute({
                 isDisabled: ({ context }) => !context?.hasAccess.toManageCms,
                 path: 'assets',
-                menuItem: t$c.signal.gettext('Assets'),
+                menuItem: t$d.signal.gettext('Assets'),
                 expandable: false,
                 icon: 'perm_media',
                 loader: () => Promise.resolve().then(function () { return taonCmsAssetsBackoffice_routes; }).then(m => m.TaonCmsAssetsBackofficeRoutes),
@@ -3568,7 +3570,7 @@ const TaonCmsBackofficeRoutes = [
             adminLazyRoute({
                 isDisabled: ({ context }) => !context?.hasAccess.toManageCms,
                 path: 'categories',
-                menuItem: t$c.signal.gettext('Categories'),
+                menuItem: t$d.signal.gettext('Categories'),
                 expandable: false,
                 icon: 'folder',
                 loader: () => Promise.resolve().then(function () { return taonCmsTaxonomyBackoffice_routes; }).then(m => m.TaonCmsCategoriesBackofficeRoutes),
@@ -3576,7 +3578,7 @@ const TaonCmsBackofficeRoutes = [
             adminLazyRoute({
                 isDisabled: ({ context }) => !context?.hasAccess.toManageCms,
                 path: 'tags',
-                menuItem: t$c.signal.gettext('Tags'),
+                menuItem: t$d.signal.gettext('Tags'),
                 expandable: false,
                 icon: 'label',
                 loader: () => Promise.resolve().then(function () { return taonCmsTaxonomyBackoffice_routes; }).then(m => m.TaonCmsTagsBackofficeRoutes),
@@ -3644,7 +3646,7 @@ function TaonCmsCategoryUtils__NS__isActive(state) {
 }
 //end of namespace TaonCmsCategoryUtils
 
-const t$b = Translation.for('src/lib/taon-cms-category/taon-cms-taxonomy.validation.ts', { "src/lib/taon-cms-category/taon-cms-category.controller.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-category.controller.ts.en-US.i18n.data-DB_Lnw-B.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-category.controller.ts.pl-PL.i18n.data-xlEjTzLi.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-category.controller.ts.de-DE.i18n.data-Bf9B2I5S.mjs')).default }, "src/lib/taon-cms-category/taon-cms-category.repository.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-category.repository.ts.en-US.i18n.data-DEDAUHCN.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-category.repository.ts.pl-PL.i18n.data-vfVCRZ0l.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-category.repository.ts.de-DE.i18n.data-BAt9wXhq.mjs')).default }, "src/lib/taon-cms-category/taon-cms-taxonomy.validation.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-taxonomy.validation.ts.en-US.i18n.data-BjGkpdq6.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-taxonomy.validation.ts.pl-PL.i18n.data-CzWbeuv5.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-taxonomy.validation.ts.de-DE.i18n.data-CEKXSxan.mjs')).default } });
+const t$c = Translation.for('src/lib/taon-cms-category/taon-cms-taxonomy.validation.ts', { "src/lib/taon-cms-category/taon-cms-category.controller.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-category.controller.ts.en-US.i18n.data-DB_Lnw-B.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-category.controller.ts.pl-PL.i18n.data-xlEjTzLi.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-category.controller.ts.de-DE.i18n.data-Bf9B2I5S.mjs')).default }, "src/lib/taon-cms-category/taon-cms-category.repository.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-category.repository.ts.en-US.i18n.data-DEDAUHCN.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-category.repository.ts.pl-PL.i18n.data-vfVCRZ0l.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-category.repository.ts.de-DE.i18n.data-BAt9wXhq.mjs')).default }, "src/lib/taon-cms-category/taon-cms-taxonomy.validation.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-taxonomy.validation.ts.en-US.i18n.data-BjGkpdq6.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-taxonomy.validation.ts.pl-PL.i18n.data-CzWbeuv5.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-taxonomy.validation.ts.de-DE.i18n.data-CEKXSxan.mjs')).default } });
 function validateTaxonomy(input) {
     if (!input ||
         typeof input.name !== 'string' ||
@@ -3652,7 +3654,7 @@ function validateTaxonomy(input) {
         typeof input.slug !== 'string' ||
         !input.slug.trim() ||
         (input.description !== null && typeof input.description !== 'string')) {
-        contentError(t$b.gettext('Name, slug, and a valid description are required.'));
+        contentError(t$c.gettext('Name, slug, and a valid description are required.'));
     }
 }
 function validateCategoryHierarchy(id, parentId, categories) {
@@ -3663,12 +3665,12 @@ function validateCategoryHierarchy(id, parentId, categories) {
     let current = parentId;
     while (current !== null) {
         if (visited.has(current)) {
-            contentError(t$b.gettext('A category cannot be its own ancestor.'));
+            contentError(t$c.gettext('A category cannot be its own ancestor.'));
         }
         visited.add(current);
         const parent = categories.find(category => category.id === current);
         if (!parent) {
-            contentError(t$b.gettext('The parent category does not exist.'));
+            contentError(t$c.gettext('The parent category does not exist.'));
         }
         current = parent.parentCategoryId;
     }
@@ -3969,10 +3971,10 @@ function TaonCmsTagUtils__NS__isActive(state) {
 }
 //end of namespace TaonCmsTagUtils
 
-const t$a = Translation.for('src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.ts', { "src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.html.en-US.i18n.data-B9egtKwh.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.html.pl-PL.i18n.data-DSWzgw_0.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.html.de-DE.i18n.data-DJmJnTy1.mjs')).default }, "src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.ts.en-US.i18n.data-DOFKJuxr.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.ts.pl-PL.i18n.data-DUfeE0cw.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.ts.de-DE.i18n.data-CCcCm4XG.mjs')).default } });
+const t$b = Translation.for('src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.ts', { "src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.html.en-US.i18n.data-B9egtKwh.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.html.pl-PL.i18n.data-DSWzgw_0.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.html.de-DE.i18n.data-DJmJnTy1.mjs')).default }, "src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.ts.en-US.i18n.data-DOFKJuxr.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.ts.pl-PL.i18n.data-DUfeE0cw.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.ts.de-DE.i18n.data-CCcCm4XG.mjs')).default }, "src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-quick-create-dialog.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-quick-create-dialog.component.ts.en-US.i18n.data-5qb1pUve.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-quick-create-dialog.component.ts.pl-PL.i18n.data-VGsOSuPT.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-quick-create-dialog.component.ts.de-DE.i18n.data-1p0JNGR5.mjs')).default } });
 class TaonCmsTaxonomyBackofficeComponent {
     constructor() {
-        this.t = t$a.for(this);
+        this.t = t$b.for(this);
         this.isCategory = inject(ActivatedRoute).snapshot.data['taxonomy'] === 'category';
         this.categories = inject(TaonCmsCategoryApiService);
         this.tags = inject(TaonCmsTagApiService);
@@ -4156,7 +4158,7 @@ class TaonCmsTaxonomyBackofficeComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsTaxonomyBackofficeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsTaxonomyBackofficeComponent, isStandalone: true, selector: "taon-cms-taxonomy-backoffice", providers: [TaonCmsCategoryApiService, TaonCmsTagApiService], ngImport: i0, template: "<h1>{{ isCategory ? t.gettext('Categories') : t.gettext('Tags') }}</h1>\n<div class=\"actions\">\n  <button\n    mat-button\n    type=\"button\"\n    [disabled]=\"busy()\"\n    (click)=\"edit()\">\n    {{ isCategory ? t.gettext('Create category') : t.gettext('Create tag') }}\n  </button>\n  <button\n    mat-button\n    type=\"button\"\n    [disabled]=\"busy()\"\n    (click)=\"reload()\">\n    {{ t.gettext('Reload') }}\n  </button>\n</div>\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n@if (busy()) {\n  <p role=\"status\">{{ t.gettext('Loading...') }}</p>\n}\n@if (editing()) {\n  <form\n    #form=\"ngForm\"\n    (ngSubmit)=\"save()\">\n    <h2>{{ editingId === null ? t.gettext('Create') : t.gettext('Edit') }}</h2>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{ t.gettext('Name') }}</mat-label>\n      <input\n        matInput\n        name=\"name\"\n        required\n        [(ngModel)]=\"draft.name\"\n        [disabled]=\"busy()\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{ t.gettext('Slug') }}</mat-label>\n      <input\n        matInput\n        name=\"slug\"\n        required\n        [(ngModel)]=\"draft.slug\"\n        [disabled]=\"busy()\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{ t.gettext('Description') }}</mat-label>\n      <textarea\n        matInput\n        name=\"description\"\n        [(ngModel)]=\"draft.description\"\n        [disabled]=\"busy()\"></textarea>\n    </mat-form-field>\n    @if (isCategory) {\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Parent Category') }}</mat-label>\n        <mat-select\n          name=\"parentCategoryId\"\n          [(ngModel)]=\"draft.parentCategoryId\"\n          [disabled]=\"busy()\">\n          <mat-option [value]=\"null\">{{ t.gettext('None') }}</mat-option>\n          @for (category of parentOptions(); track category.id) {\n            <mat-option [value]=\"category.id\">{{ category.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Sort Order') }}</mat-label>\n        <input\n          matInput\n          name=\"sortOrder\"\n          type=\"number\"\n          step=\"1\"\n          required\n          [(ngModel)]=\"draft.sortOrder\"\n          [disabled]=\"busy()\" />\n      </mat-form-field>\n    }\n    <div class=\"actions\">\n      <button\n        mat-flat-button\n        type=\"submit\"\n        [disabled]=\"\n          busy() || form.invalid || !draft.name.trim() || !draft.slug.trim()\n        \">\n        {{ t.gettext('Save') }}\n      </button>\n      <button\n        mat-button\n        type=\"button\"\n        [disabled]=\"busy()\"\n        (click)=\"editing.set(false)\">\n        {{ t.gettext('Cancel') }}\n      </button>\n    </div>\n  </form>\n}\n<taon-datatable\n  [data]=\"tableRows()\"\n  [columns]=\"columns\"\n  [hideAddButton]=\"true\"\n  searchMode=\"advanced\">\n</taon-datatable>\n", styles: [":host{display:block}form{display:grid;gap:1rem;max-width:640px;margin-block:1.5rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: TaonDatatableComponent, selector: "taon-datatable", inputs: ["pageNumber", "pageSize", "pageSizeOptions", "allowedColumns", "expansionTemplate", "entityCrudController", "columns", "hideSearch", "hideAddButton", "safe", "searchMode", "callQueryMethod", "data", "showPaginator"], outputs: ["expansionChange", "addingItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsTaxonomyBackofficeComponent, isStandalone: true, selector: "taon-cms-taxonomy-backoffice", providers: [TaonCmsCategoryApiService, TaonCmsTagApiService], ngImport: i0, template: "<h1>{{ isCategory ? t.gettext('Categories') : t.gettext('Tags') }}</h1>\n<div class=\"actions\">\n  <button\n    mat-button\n    type=\"button\"\n    [disabled]=\"busy()\"\n    (click)=\"edit()\">\n    {{ isCategory ? t.gettext('Create category') : t.gettext('Create tag') }}\n  </button>\n  <button\n    mat-button\n    type=\"button\"\n    [disabled]=\"busy()\"\n    (click)=\"reload()\">\n    {{ t.gettext('Reload') }}\n  </button>\n</div>\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n@if (busy()) {\n  <p role=\"status\">{{ t.gettext('Loading...') }}</p>\n}\n@if (editing()) {\n  <form\n    #form=\"ngForm\"\n    (ngSubmit)=\"save()\">\n    <h2>{{ editingId === null ? t.gettext('Create') : t.gettext('Edit') }}</h2>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{ t.gettext('Name') }}</mat-label>\n      <input\n        matInput\n        name=\"name\"\n        required\n        [(ngModel)]=\"draft.name\"\n        [disabled]=\"busy()\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{ t.gettext('Slug') }}</mat-label>\n      <input\n        matInput\n        name=\"slug\"\n        required\n        [(ngModel)]=\"draft.slug\"\n        [disabled]=\"busy()\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{ t.gettext('Description') }}</mat-label>\n      <textarea\n        matInput\n        name=\"description\"\n        [(ngModel)]=\"draft.description\"\n        [disabled]=\"busy()\"></textarea>\n    </mat-form-field>\n    @if (isCategory) {\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Parent Category') }}</mat-label>\n        <mat-select\n          name=\"parentCategoryId\"\n          [(ngModel)]=\"draft.parentCategoryId\"\n          [disabled]=\"busy()\">\n          <mat-option [value]=\"null\">{{ t.gettext('None') }}</mat-option>\n          @for (category of parentOptions(); track category.id) {\n            <mat-option [value]=\"category.id\">{{ category.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Sort Order') }}</mat-label>\n        <input\n          matInput\n          name=\"sortOrder\"\n          type=\"number\"\n          step=\"1\"\n          required\n          [(ngModel)]=\"draft.sortOrder\"\n          [disabled]=\"busy()\" />\n      </mat-form-field>\n    }\n    <div class=\"actions\">\n      <button\n        mat-flat-button\n        type=\"submit\"\n        [disabled]=\"\n          busy() || form.invalid || !draft.name.trim() || !draft.slug.trim()\n        \">\n        {{ t.gettext('Save') }}\n      </button>\n      <button\n        mat-button\n        type=\"button\"\n        [disabled]=\"busy()\"\n        (click)=\"editing.set(false)\">\n        {{ t.gettext('Cancel') }}\n      </button>\n    </div>\n  </form>\n}\n<taon-datatable\n  [data]=\"tableRows()\"\n  [columns]=\"columns\"\n  [hideAddButton]=\"true\"\n  searchMode=\"advanced\">\n</taon-datatable>\n", styles: [":host{display:block}form{display:grid;gap:1rem;max-width:640px;margin-block:1.5rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: TaonDatatableComponent, selector: "taon-datatable", inputs: ["pageNumber", "pageSize", "pageSizeOptions", "allowedColumns", "expansionTemplate", "entityCrudController", "columns", "hideSearch", "hideAddButton", "safe", "searchMode", "filtersTemplate", "storeTablePagination", "storeTableFilters", "tableId", "callQueryMethod", "data", "showPaginator"], outputs: ["expansionChange", "addingItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsTaxonomyBackofficeComponent, decorators: [{
             type: Component,
@@ -4196,7 +4198,159 @@ var taonCmsTaxonomyBackoffice_routes = /*#__PURE__*/Object.freeze({
     TaonCmsTagsBackofficeRoutes: TaonCmsTagsBackofficeRoutes
 });
 
-const t$9 = Translation.for('src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts', { "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.en-US.i18n.data-6xHTz4NK.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.pl-PL.i18n.data-6Sdc2ekE.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.de-DE.i18n.data-P5VXQlmS.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.en-US.i18n.data-C7o8B-38.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.pl-PL.i18n.data-DNGNxZmN.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.de-DE.i18n.data-CXTopGnK.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.en-US.i18n.data-C6jy6lw4.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.pl-PL.i18n.data-DFJPgXFt.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.de-DE.i18n.data-BuX23uvE.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.en-US.i18n.data-BGx0VfEv.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.pl-PL.i18n.data-WF50SpXY.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.de-DE.i18n.data-BQgmzcJd.mjs')).default } });
+const t$a = Translation.for('src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-quick-create-dialog.component.ts', { "src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.html.en-US.i18n.data-B9egtKwh.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.html.pl-PL.i18n.data-DSWzgw_0.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.html.de-DE.i18n.data-DJmJnTy1.mjs')).default }, "src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.ts.en-US.i18n.data-DOFKJuxr.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.ts.pl-PL.i18n.data-DUfeE0cw.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-backoffice.component.ts.de-DE.i18n.data-CCcCm4XG.mjs')).default }, "src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-quick-create-dialog.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-quick-create-dialog.component.ts.en-US.i18n.data-5qb1pUve.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-quick-create-dialog.component.ts.pl-PL.i18n.data-VGsOSuPT.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-taxonomy-quick-create-dialog.component.ts.de-DE.i18n.data-1p0JNGR5.mjs')).default } });
+class TaonCmsTaxonomyQuickCreateDialogComponent {
+    constructor() {
+        this.t = t$a.for(this);
+        this.data = inject(MAT_DIALOG_DATA);
+        this.dialogRef = inject(MatDialogRef);
+        this.name = '';
+        this.slug = '';
+        this.description = '';
+        this.slugManuallySet = false;
+    }
+    updateName(value) {
+        this.name = value;
+        if (!this.slugManuallySet) {
+            this.slug = ___NS__kebabCase(value);
+        }
+    }
+    create() {
+        if (!this.name.trim() || !this.slug.trim()) {
+            return;
+        }
+        this.dialogRef.close({
+            name: this.name.trim(),
+            slug: this.slug.trim(),
+            description: this.description.trim() || null,
+            parentCategoryId: null,
+            sortOrder: 0,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsTaxonomyQuickCreateDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonCmsTaxonomyQuickCreateDialogComponent, isStandalone: true, selector: "taon-cms-taxonomy-quick-create-dialog", ngImport: i0, template: `
+    <h2 mat-dialog-title>
+      {{
+        data.taxonomy === 'category'
+          ? t.gettext('Add category')
+          : t.gettext('Add tag')
+      }}
+    </h2>
+    <form (ngSubmit)="create()">
+      <mat-dialog-content>
+        <mat-form-field appearance="outline">
+          <mat-label>{{ t.gettext('Name') }}</mat-label>
+          <input
+            matInput
+            name="name"
+            required
+            [ngModel]="name"
+            (ngModelChange)="updateName($event)" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>{{ t.gettext('Slug') }}</mat-label>
+          <input
+            matInput
+            name="slug"
+            required
+            [(ngModel)]="slug"
+            (input)="slugManuallySet = true" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>{{ t.gettext('Description') }}</mat-label>
+          <textarea
+            matInput
+            name="description"
+            [(ngModel)]="description"></textarea>
+        </mat-form-field>
+      </mat-dialog-content>
+      <mat-dialog-actions align="end">
+        <button
+          mat-button
+          type="button"
+          (click)="dialogRef.close()">
+          {{ t.gettext('Cancel') }}
+        </button>
+        <button
+          mat-flat-button
+          color="primary"
+          type="submit"
+          [disabled]="!name.trim() || !slug.trim()">
+          {{ t.gettext('Create') }}
+        </button>
+      </mat-dialog-actions>
+    </form>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsTaxonomyQuickCreateDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'taon-cms-taxonomy-quick-create-dialog',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        FormsModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                    ],
+                    template: `
+    <h2 mat-dialog-title>
+      {{
+        data.taxonomy === 'category'
+          ? t.gettext('Add category')
+          : t.gettext('Add tag')
+      }}
+    </h2>
+    <form (ngSubmit)="create()">
+      <mat-dialog-content>
+        <mat-form-field appearance="outline">
+          <mat-label>{{ t.gettext('Name') }}</mat-label>
+          <input
+            matInput
+            name="name"
+            required
+            [ngModel]="name"
+            (ngModelChange)="updateName($event)" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>{{ t.gettext('Slug') }}</mat-label>
+          <input
+            matInput
+            name="slug"
+            required
+            [(ngModel)]="slug"
+            (input)="slugManuallySet = true" />
+        </mat-form-field>
+        <mat-form-field appearance="outline">
+          <mat-label>{{ t.gettext('Description') }}</mat-label>
+          <textarea
+            matInput
+            name="description"
+            [(ngModel)]="description"></textarea>
+        </mat-form-field>
+      </mat-dialog-content>
+      <mat-dialog-actions align="end">
+        <button
+          mat-button
+          type="button"
+          (click)="dialogRef.close()">
+          {{ t.gettext('Cancel') }}
+        </button>
+        <button
+          mat-flat-button
+          color="primary"
+          type="submit"
+          [disabled]="!name.trim() || !slug.trim()">
+          {{ t.gettext('Create') }}
+        </button>
+      </mat-dialog-actions>
+    </form>
+  `,
+                }]
+        }] });
+
+const t$9 = Translation.for('src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts', { "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.en-US.i18n.data-CH71xm4B.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.pl-PL.i18n.data-Df2DdA5N.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.de-DE.i18n.data-90yrFKjF.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.en-US.i18n.data-BXpgykHy.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.pl-PL.i18n.data-f1LMnypn.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.de-DE.i18n.data-D9Z519ap.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.en-US.i18n.data-Cv5aGbur.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.pl-PL.i18n.data-JlG6ZQo_.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.de-DE.i18n.data-t4gu8Pak.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.en-US.i18n.data-BGx0VfEv.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.pl-PL.i18n.data-WF50SpXY.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.de-DE.i18n.data-BQgmzcJd.mjs')).default } });
 class TaonCmsPostTableActions {
     constructor() {
         this.actionsTranslation = t$9.for(this);
@@ -4206,6 +4360,7 @@ class TaonCmsPostTableActions {
         this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : []));
         this.destroyRef = inject(DestroyRef);
         this.postPath = [];
+        this.backContext = 'posts';
         this.dialog = inject(MatDialog);
         this.route = inject(ActivatedRoute);
         this.router = inject(Router);
@@ -4249,7 +4404,18 @@ class TaonCmsPostTableActions {
             this.error.set(this.actionsTranslation.gettext('The Post details route is unavailable.'));
             return;
         }
-        void this.router.navigate([...this.postPath, id], { relativeTo: postsRoute });
+        void this.router
+            .navigate([...this.postPath, id], {
+            relativeTo: postsRoute,
+            queryParams: this.backContext === 'courses'
+                ? { postOrigin: 'courses' }
+                : undefined,
+            queryParamsHandling: 'preserve',
+        })
+            .catch(error => {
+            console.error('[taon-cms-posts-backoffice] Unable to open post', error);
+            this.error.set(this.actionsTranslation.gettext('The Post details route is unavailable.'));
+        });
     }
     duplicate(post) {
         if (this.duplicating()) {
@@ -4308,7 +4474,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             type: Directive
         }] });
 
-const t$8 = Translation.for('src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.ts', { "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.en-US.i18n.data-BTzDmVWc.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.pl-PL.i18n.data-CixvMJ9f.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.de-DE.i18n.data-CyTxhvtH.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.en-US.i18n.data-Dno5sgts.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.pl-PL.i18n.data-SvoLR2q0.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.de-DE.i18n.data-C1hvycSO.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.en-US.i18n.data-DomBfXfQ.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.pl-PL.i18n.data-BmHiUySy.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.de-DE.i18n.data-D7Gtx44e.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.en-US.i18n.data-CG51VvG1.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.pl-PL.i18n.data-Da06EmCc.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.de-DE.i18n.data-UiXCopyo.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-cover.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.en-US.i18n.data-CRI9uV_Z.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.pl-PL.i18n.data-DxvRSDVu.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.de-DE.i18n.data-CFPsdwHm.mjs')).default } });
+const t$8 = Translation.for('src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.ts', { "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.en-US.i18n.data-DU5zG1X1.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.pl-PL.i18n.data-C6nS0We7.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.de-DE.i18n.data-DMxbsPFR.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.en-US.i18n.data-ChBQZLE_.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.pl-PL.i18n.data-7YCuFbeg.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.de-DE.i18n.data-D9XyARny.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.en-US.i18n.data-CZpsjVOU.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.pl-PL.i18n.data-bcDy_z0-.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.de-DE.i18n.data-CqciMyPt.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.en-US.i18n.data-DP1mJztz.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.pl-PL.i18n.data-CKgBITdj.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.de-DE.i18n.data-C2LoW3lN.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-cover.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.en-US.i18n.data-CRI9uV_Z.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.pl-PL.i18n.data-DxvRSDVu.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.de-DE.i18n.data-CFPsdwHm.mjs')).default } });
 class TaonCmsCourseContentsComponent {
     constructor() {
         this.t = t$8.for(this);
@@ -4317,6 +4483,7 @@ class TaonCmsCourseContentsComponent {
         this.posts = signal([], ...(ngDevMode ? [{ debugName: "posts" }] : []));
         this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
         this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : []));
+        this.copyFeedback = signal('', ...(ngDevMode ? [{ debugName: "copyFeedback" }] : []));
         this.columns = [];
     }
     ngOnInit() {
@@ -4344,12 +4511,26 @@ class TaonCmsCourseContentsComponent {
             },
         });
     }
+    async copyCourseSlug() {
+        this.copyFeedback.set('');
+        try {
+            if (!navigator.clipboard) {
+                throw new Error('Clipboard access is unavailable.');
+            }
+            await navigator.clipboard.writeText(this.course.slug);
+            this.copyFeedback.set(this.t.gettext('Course slug copied.'));
+        }
+        catch (error) {
+            console.error('[taon-cms-course-contents] Unable to copy course slug', error);
+            this.copyFeedback.set(this.t.gettext('The course slug could not be copied.'));
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsCourseContentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsCourseContentsComponent, isStandalone: true, selector: "taon-cms-course-contents", inputs: { course: "course", actionsColumn: "actionsColumn" }, ngImport: i0, template: "<section [attr.aria-label]=\"t.gettext('Course contents')\">\n  <h2>{{ t.gettext('Course contents') }}: {{ course.title }}</h2>\n  @if (loading()) {\n    <p role=\"status\">{{ t.gettext('Loading course contents...') }}</p>\n  }\n  @if (error()) {\n    <p role=\"alert\">{{ error() }}</p>\n    <button mat-button type=\"button\" (click)=\"reload()\">\n      {{ t.gettext('Retry') }}\n    </button>\n  }\n  <taon-datatable\n    [pageSize]=\"posts().length || 1\"\n    [data]=\"posts()\"\n    [columns]=\"columns\"\n    [showPaginator]=\"false\"\n    [hideSearch]=\"true\"\n    [hideAddButton]=\"true\">\n  </taon-datatable>\n</section>\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TaonDatatableComponent, selector: "taon-datatable", inputs: ["pageNumber", "pageSize", "pageSizeOptions", "allowedColumns", "expansionTemplate", "entityCrudController", "columns", "hideSearch", "hideAddButton", "safe", "searchMode", "callQueryMethod", "data", "showPaginator"], outputs: ["expansionChange", "addingItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsCourseContentsComponent, isStandalone: true, selector: "taon-cms-course-contents", inputs: { course: "course", actionsColumn: "actionsColumn" }, ngImport: i0, template: "<section [attr.aria-label]=\"t.gettext('Course contents')\">\n  <h2>{{ t.gettext('Course contents') }}: {{ course.title }}</h2>\n  <button\n    mat-button\n    type=\"button\"\n    (click)=\"copyCourseSlug()\">\n    {{ t.gettext('Copy slug: [[ slug ]]', { slug: course.slug }) }}\n  </button>\n  @if (copyFeedback()) {\n    <p role=\"status\">{{ copyFeedback() }}</p>\n  }\n  @if (loading()) {\n    <p role=\"status\">{{ t.gettext('Loading course contents...') }}</p>\n  }\n  @if (error()) {\n    <p role=\"alert\">{{ error() }}</p>\n    <button mat-button type=\"button\" (click)=\"reload()\">\n      {{ t.gettext('Retry') }}\n    </button>\n  }\n  <taon-datatable\n    [pageSize]=\"posts().length || 1\"\n    [data]=\"posts()\"\n    [columns]=\"columns\"\n    [showPaginator]=\"false\"\n    [hideSearch]=\"true\"\n    [hideAddButton]=\"true\">\n  </taon-datatable>\n</section>\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TaonDatatableComponent, selector: "taon-datatable", inputs: ["pageNumber", "pageSize", "pageSizeOptions", "allowedColumns", "expansionTemplate", "entityCrudController", "columns", "hideSearch", "hideAddButton", "safe", "searchMode", "filtersTemplate", "storeTablePagination", "storeTableFilters", "tableId", "callQueryMethod", "data", "showPaginator"], outputs: ["expansionChange", "addingItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsCourseContentsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'taon-cms-course-contents', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, TaonDatatableComponent], template: "<section [attr.aria-label]=\"t.gettext('Course contents')\">\n  <h2>{{ t.gettext('Course contents') }}: {{ course.title }}</h2>\n  @if (loading()) {\n    <p role=\"status\">{{ t.gettext('Loading course contents...') }}</p>\n  }\n  @if (error()) {\n    <p role=\"alert\">{{ error() }}</p>\n    <button mat-button type=\"button\" (click)=\"reload()\">\n      {{ t.gettext('Retry') }}\n    </button>\n  }\n  <taon-datatable\n    [pageSize]=\"posts().length || 1\"\n    [data]=\"posts()\"\n    [columns]=\"columns\"\n    [showPaginator]=\"false\"\n    [hideSearch]=\"true\"\n    [hideAddButton]=\"true\">\n  </taon-datatable>\n</section>\n" }]
+            args: [{ selector: 'taon-cms-course-contents', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, TaonDatatableComponent], template: "<section [attr.aria-label]=\"t.gettext('Course contents')\">\n  <h2>{{ t.gettext('Course contents') }}: {{ course.title }}</h2>\n  <button\n    mat-button\n    type=\"button\"\n    (click)=\"copyCourseSlug()\">\n    {{ t.gettext('Copy slug: [[ slug ]]', { slug: course.slug }) }}\n  </button>\n  @if (copyFeedback()) {\n    <p role=\"status\">{{ copyFeedback() }}</p>\n  }\n  @if (loading()) {\n    <p role=\"status\">{{ t.gettext('Loading course contents...') }}</p>\n  }\n  @if (error()) {\n    <p role=\"alert\">{{ error() }}</p>\n    <button mat-button type=\"button\" (click)=\"reload()\">\n      {{ t.gettext('Retry') }}\n    </button>\n  }\n  <taon-datatable\n    [pageSize]=\"posts().length || 1\"\n    [data]=\"posts()\"\n    [columns]=\"columns\"\n    [showPaginator]=\"false\"\n    [hideSearch]=\"true\"\n    [hideAddButton]=\"true\">\n  </taon-datatable>\n</section>\n" }]
         }], propDecorators: { course: [{
                 type: Input,
                 args: [{ required: true }]
@@ -4495,7 +4676,7 @@ async function generateVideoThumbnail(file) {
     }
 }
 
-const t$7 = Translation.for('src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-cover.component.ts', { "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.en-US.i18n.data-BTzDmVWc.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.pl-PL.i18n.data-CixvMJ9f.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.de-DE.i18n.data-CyTxhvtH.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.en-US.i18n.data-Dno5sgts.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.pl-PL.i18n.data-SvoLR2q0.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.de-DE.i18n.data-C1hvycSO.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.en-US.i18n.data-DomBfXfQ.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.pl-PL.i18n.data-BmHiUySy.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.de-DE.i18n.data-D7Gtx44e.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.en-US.i18n.data-CG51VvG1.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.pl-PL.i18n.data-Da06EmCc.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.de-DE.i18n.data-UiXCopyo.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-cover.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.en-US.i18n.data-CRI9uV_Z.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.pl-PL.i18n.data-DxvRSDVu.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.de-DE.i18n.data-CFPsdwHm.mjs')).default } });
+const t$7 = Translation.for('src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-cover.component.ts', { "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.en-US.i18n.data-DU5zG1X1.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.pl-PL.i18n.data-C6nS0We7.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.de-DE.i18n.data-DMxbsPFR.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.en-US.i18n.data-ChBQZLE_.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.pl-PL.i18n.data-7YCuFbeg.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.de-DE.i18n.data-D9XyARny.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.en-US.i18n.data-CZpsjVOU.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.pl-PL.i18n.data-bcDy_z0-.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.de-DE.i18n.data-CqciMyPt.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.en-US.i18n.data-DP1mJztz.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.pl-PL.i18n.data-CKgBITdj.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.de-DE.i18n.data-C2LoW3lN.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-cover.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.en-US.i18n.data-CRI9uV_Z.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.pl-PL.i18n.data-DxvRSDVu.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.de-DE.i18n.data-CFPsdwHm.mjs')).default } });
 class TaonCmsCourseCoverComponent {
     constructor() {
         this.t = t$7.for(this);
@@ -4552,12 +4733,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 args: [{ required: true }]
             }] } });
 
-const t$6 = Translation.for('src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.ts', { "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.en-US.i18n.data-BTzDmVWc.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.pl-PL.i18n.data-CixvMJ9f.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.de-DE.i18n.data-CyTxhvtH.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.en-US.i18n.data-Dno5sgts.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.pl-PL.i18n.data-SvoLR2q0.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.de-DE.i18n.data-C1hvycSO.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.en-US.i18n.data-DomBfXfQ.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.pl-PL.i18n.data-BmHiUySy.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.de-DE.i18n.data-D7Gtx44e.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.en-US.i18n.data-CG51VvG1.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.pl-PL.i18n.data-Da06EmCc.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.de-DE.i18n.data-UiXCopyo.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-cover.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.en-US.i18n.data-CRI9uV_Z.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.pl-PL.i18n.data-DxvRSDVu.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.de-DE.i18n.data-CFPsdwHm.mjs')).default } });
+const t$6 = Translation.for('src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.ts', { "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.en-US.i18n.data-DU5zG1X1.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.pl-PL.i18n.data-C6nS0We7.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.html.de-DE.i18n.data-DMxbsPFR.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.en-US.i18n.data-ChBQZLE_.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.pl-PL.i18n.data-7YCuFbeg.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-backoffice.component.ts.de-DE.i18n.data-D9XyARny.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.en-US.i18n.data-CZpsjVOU.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.pl-PL.i18n.data-bcDy_z0-.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.html.de-DE.i18n.data-CqciMyPt.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-contents.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.en-US.i18n.data-DP1mJztz.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.pl-PL.i18n.data-CKgBITdj.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-contents.component.ts.de-DE.i18n.data-C2LoW3lN.mjs')).default }, "src/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-cover.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.en-US.i18n.data-CRI9uV_Z.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.pl-PL.i18n.data-DxvRSDVu.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-course-cover.component.ts.de-DE.i18n.data-CFPsdwHm.mjs')).default } });
 class TaonCmsCourseBackofficeComponent extends TaonCmsPostTableActions {
     constructor() {
         super(...arguments);
         this.t = t$6.for(this);
         this.postPath = ['../posts'];
+        this.backContext = 'courses';
         this.courses = signal([], ...(ngDevMode ? [{ debugName: "courses" }] : []));
         this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
         this.columns = [];
@@ -4602,18 +4784,25 @@ class TaonCmsCourseBackofficeComponent extends TaonCmsPostTableActions {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsCourseBackofficeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsCourseBackofficeComponent, isStandalone: true, selector: "taon-cms-course-backoffice", providers: [TaonCmsContentApiService], viewQueries: [{ propertyName: "coverTemplate", first: true, predicate: ["coverTemplate"], descendants: true, static: true }, { propertyName: "visibilityTemplate", first: true, predicate: ["visibilityTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<h1>{{ t.gettext('Courses') }}</h1>\n<h2 style=\"color: goldenrod;\">{{ t.gettext('Course is just a post with related posts and thumbnail. Any non archived post can be course.') }}</h2>\n<button mat-button type=\"button\" [disabled]=\"loading()\" (click)=\"reload()\">\n  {{ t.gettext('Reload courses') }}\n</button>\n@if (loading()) {\n  <p role=\"status\">{{ t.gettext('Loading courses...') }}</p>\n}\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n<taon-datatable\n  [data]=\"courses()\"\n  [columns]=\"columns\"\n  [allowedColumns]=\"['id', 'title', 'status']\"\n  [hideAddButton]=\"true\"\n  searchMode=\"advanced\"\n  [expansionTemplate]=\"expansionTemplate\">\n</taon-datatable>\n<ng-template #coverTemplate let-post>\n  <taon-cms-course-cover [post]=\"post\"></taon-cms-course-cover>\n</ng-template>\n<ng-template #visibilityTemplate let-post>\n  <span class=\"visibility\">\n    <mat-icon aria-hidden=\"true\">\n      {{ post.status === 'published' ? 'lock_open' : 'lock' }}\n    </mat-icon>\n    {{ post.status === 'published' ? t.gettext('Public') : t.gettext('Private') }}\n  </span>\n</ng-template>\n<ng-template #expansionTemplate let-course>\n  <taon-cms-course-contents\n    [course]=\"course\"\n    [actionsColumn]=\"actionsColumn\">\n  </taon-cms-course-contents>\n</ng-template>\n", styles: [":host{display:block}.visibility{display:inline-flex;align-items:center;gap:.4rem}:host ::ng-deep td.cms-course-public{background-color:#2e7d3214}:host ::ng-deep td.cms-course-private{background-color:#c6282812}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: TaonDatatableComponent, selector: "taon-datatable", inputs: ["pageNumber", "pageSize", "pageSizeOptions", "allowedColumns", "expansionTemplate", "entityCrudController", "columns", "hideSearch", "hideAddButton", "safe", "searchMode", "callQueryMethod", "data", "showPaginator"], outputs: ["expansionChange", "addingItem"] }, { kind: "component", type: TaonCmsCourseContentsComponent, selector: "taon-cms-course-contents", inputs: ["course", "actionsColumn"] }, { kind: "component", type: TaonCmsCourseCoverComponent, selector: "taon-cms-course-cover", inputs: ["post"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsCourseBackofficeComponent, isStandalone: true, selector: "taon-cms-course-backoffice", providers: [TaonCmsContentApiService], viewQueries: [{ propertyName: "datatable", first: true, predicate: TaonDatatableComponent, descendants: true }, { propertyName: "coverTemplate", first: true, predicate: ["coverTemplate"], descendants: true, static: true }, { propertyName: "visibilityTemplate", first: true, predicate: ["visibilityTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<h1>{{ t.gettext('Courses') }}</h1>\n<h2 style=\"color: goldenrod;\">{{ t.gettext('Course is just a post with related posts and thumbnail. Any non archived post can be course.') }}</h2>\n<button mat-button type=\"button\" [disabled]=\"loading()\" (click)=\"reload()\">\n  {{ t.gettext('Reload courses') }}\n</button>\n@if (loading()) {\n  <p role=\"status\">{{ t.gettext('Loading courses...') }}</p>\n}\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n<taon-datatable\n  [data]=\"courses()\"\n  [columns]=\"columns\"\n  [allowedColumns]=\"['id', 'title', 'status']\"\n  tableId=\"cms-courses\"\n  storeTableFilters=\"query-params\"\n  [filtersTemplate]=\"filtersTemplate\"\n  [hideAddButton]=\"true\"\n  searchMode=\"advanced\"\n  [expansionTemplate]=\"expansionTemplate\">\n</taon-datatable>\n<ng-template #coverTemplate let-post>\n  <taon-cms-course-cover [post]=\"post\"></taon-cms-course-cover>\n</ng-template>\n<ng-template #visibilityTemplate let-post>\n  <span class=\"visibility\">\n    <mat-icon aria-hidden=\"true\">\n      {{ post.status === 'published' ? 'lock_open' : 'lock' }}\n    </mat-icon>\n    {{ post.status === 'published' ? t.gettext('Public') : t.gettext('Private') }}\n  </span>\n</ng-template>\n<ng-template #expansionTemplate let-course>\n  <taon-cms-course-contents\n    [course]=\"course\"\n    [actionsColumn]=\"actionsColumn\">\n  </taon-cms-course-contents>\n</ng-template>\n<ng-template\n  #filtersTemplate\n  let-filters=\"filters\">\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('ID') }}</mat-label>\n    <input\n      matInput\n      [(ngModel)]=\"filters.id\"\n      (keyup.enter)=\"datatable.applyAdvancedFilters()\" />\n  </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('Title') }}</mat-label>\n    <input\n      matInput\n      [(ngModel)]=\"filters.title\"\n      (keyup.enter)=\"datatable.applyAdvancedFilters()\" />\n  </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('Visibility') }}</mat-label>\n    <mat-select [(ngModel)]=\"filters.status\">\n      <mat-option value=\"published\">{{ t.gettext('Public') }}</mat-option>\n      <mat-option value=\"draft\">{{ t.gettext('Private') }}</mat-option>\n    </mat-select>\n  </mat-form-field>\n</ng-template>\n", styles: [":host{display:block}.visibility{display:inline-flex;align-items:center;gap:.4rem}:host ::ng-deep td.cms-course-public{background-color:#2e7d3214}:host ::ng-deep td.cms-course-private{background-color:#c6282812}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: TaonDatatableComponent, selector: "taon-datatable", inputs: ["pageNumber", "pageSize", "pageSizeOptions", "allowedColumns", "expansionTemplate", "entityCrudController", "columns", "hideSearch", "hideAddButton", "safe", "searchMode", "filtersTemplate", "storeTablePagination", "storeTableFilters", "tableId", "callQueryMethod", "data", "showPaginator"], outputs: ["expansionChange", "addingItem"] }, { kind: "component", type: TaonCmsCourseContentsComponent, selector: "taon-cms-course-contents", inputs: ["course", "actionsColumn"] }, { kind: "component", type: TaonCmsCourseCoverComponent, selector: "taon-cms-course-cover", inputs: ["post"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsCourseBackofficeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'taon-cms-course-backoffice', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        FormsModule,
                         MatButtonModule,
+                        MatFormFieldModule,
                         MatIconModule,
+                        MatInputModule,
+                        MatSelectModule,
                         TaonDatatableComponent,
                         TaonCmsCourseContentsComponent,
                         TaonCmsCourseCoverComponent,
-                    ], providers: [TaonCmsContentApiService], template: "<h1>{{ t.gettext('Courses') }}</h1>\n<h2 style=\"color: goldenrod;\">{{ t.gettext('Course is just a post with related posts and thumbnail. Any non archived post can be course.') }}</h2>\n<button mat-button type=\"button\" [disabled]=\"loading()\" (click)=\"reload()\">\n  {{ t.gettext('Reload courses') }}\n</button>\n@if (loading()) {\n  <p role=\"status\">{{ t.gettext('Loading courses...') }}</p>\n}\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n<taon-datatable\n  [data]=\"courses()\"\n  [columns]=\"columns\"\n  [allowedColumns]=\"['id', 'title', 'status']\"\n  [hideAddButton]=\"true\"\n  searchMode=\"advanced\"\n  [expansionTemplate]=\"expansionTemplate\">\n</taon-datatable>\n<ng-template #coverTemplate let-post>\n  <taon-cms-course-cover [post]=\"post\"></taon-cms-course-cover>\n</ng-template>\n<ng-template #visibilityTemplate let-post>\n  <span class=\"visibility\">\n    <mat-icon aria-hidden=\"true\">\n      {{ post.status === 'published' ? 'lock_open' : 'lock' }}\n    </mat-icon>\n    {{ post.status === 'published' ? t.gettext('Public') : t.gettext('Private') }}\n  </span>\n</ng-template>\n<ng-template #expansionTemplate let-course>\n  <taon-cms-course-contents\n    [course]=\"course\"\n    [actionsColumn]=\"actionsColumn\">\n  </taon-cms-course-contents>\n</ng-template>\n", styles: [":host{display:block}.visibility{display:inline-flex;align-items:center;gap:.4rem}:host ::ng-deep td.cms-course-public{background-color:#2e7d3214}:host ::ng-deep td.cms-course-private{background-color:#c6282812}\n"] }]
-        }], propDecorators: { coverTemplate: [{
+                    ], providers: [TaonCmsContentApiService], template: "<h1>{{ t.gettext('Courses') }}</h1>\n<h2 style=\"color: goldenrod;\">{{ t.gettext('Course is just a post with related posts and thumbnail. Any non archived post can be course.') }}</h2>\n<button mat-button type=\"button\" [disabled]=\"loading()\" (click)=\"reload()\">\n  {{ t.gettext('Reload courses') }}\n</button>\n@if (loading()) {\n  <p role=\"status\">{{ t.gettext('Loading courses...') }}</p>\n}\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n<taon-datatable\n  [data]=\"courses()\"\n  [columns]=\"columns\"\n  [allowedColumns]=\"['id', 'title', 'status']\"\n  tableId=\"cms-courses\"\n  storeTableFilters=\"query-params\"\n  [filtersTemplate]=\"filtersTemplate\"\n  [hideAddButton]=\"true\"\n  searchMode=\"advanced\"\n  [expansionTemplate]=\"expansionTemplate\">\n</taon-datatable>\n<ng-template #coverTemplate let-post>\n  <taon-cms-course-cover [post]=\"post\"></taon-cms-course-cover>\n</ng-template>\n<ng-template #visibilityTemplate let-post>\n  <span class=\"visibility\">\n    <mat-icon aria-hidden=\"true\">\n      {{ post.status === 'published' ? 'lock_open' : 'lock' }}\n    </mat-icon>\n    {{ post.status === 'published' ? t.gettext('Public') : t.gettext('Private') }}\n  </span>\n</ng-template>\n<ng-template #expansionTemplate let-course>\n  <taon-cms-course-contents\n    [course]=\"course\"\n    [actionsColumn]=\"actionsColumn\">\n  </taon-cms-course-contents>\n</ng-template>\n<ng-template\n  #filtersTemplate\n  let-filters=\"filters\">\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('ID') }}</mat-label>\n    <input\n      matInput\n      [(ngModel)]=\"filters.id\"\n      (keyup.enter)=\"datatable.applyAdvancedFilters()\" />\n  </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('Title') }}</mat-label>\n    <input\n      matInput\n      [(ngModel)]=\"filters.title\"\n      (keyup.enter)=\"datatable.applyAdvancedFilters()\" />\n  </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('Visibility') }}</mat-label>\n    <mat-select [(ngModel)]=\"filters.status\">\n      <mat-option value=\"published\">{{ t.gettext('Public') }}</mat-option>\n      <mat-option value=\"draft\">{{ t.gettext('Private') }}</mat-option>\n    </mat-select>\n  </mat-form-field>\n</ng-template>\n", styles: [":host{display:block}.visibility{display:inline-flex;align-items:center;gap:.4rem}:host ::ng-deep td.cms-course-public{background-color:#2e7d3214}:host ::ng-deep td.cms-course-private{background-color:#c6282812}\n"] }]
+        }], propDecorators: { datatable: [{
+                type: ViewChild,
+                args: [TaonDatatableComponent]
+            }], coverTemplate: [{
                 type: ViewChild,
                 args: ['coverTemplate', { static: true }]
             }], visibilityTemplate: [{
@@ -4823,7 +5012,7 @@ class TaonCmsRevisionChooserComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsRevisionChooserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsRevisionChooserComponent, isStandalone: true, selector: "taon-cms-revision-chooser", host: { listeners: { "document:keydown.escape": "onEscape($event)" } }, providers: [TaonCmsContentRevisionApiService], ngImport: i0, template: "<h2 mat-dialog-title>{{ t.gettext('Restore a revision') }}</h2>\n<mat-dialog-content>\n  <p>\n    {{\n      t.gettext(\n        'Restoring replaces the post, including its status, with the selected revision.'\n      )\n    }}\n  </p>\n  @if (loading()) {\n    <p role=\"status\">{{ t.gettext('Loading revisions...') }}</p>\n  } @else {\n    <mat-radio-group\n      [attr.aria-label]=\"t.gettext('Post revisions')\"\n      [value]=\"selected()\"\n      (change)=\"selected.set($event.value)\"\n      [disabled]=\"applying()\">\n      @for (revision of revisions(); track revision.id) {\n        <mat-radio-button\n          [value]=\"revision.revisionNumber\"\n          [disabled]=\"!revision.snapshot\">\n          <strong>{{\n            t.gettext('Revision [[ revisionNumber ]]', {\n              revisionNumber: revision.revisionNumber,\n            })\n          }}</strong>\n          <span>{{ revision.createdAt | date: 'medium' }}</span>\n          @if (\n            revision.createdByUserId !== null &&\n            revision.createdByUserId !== undefined\n          ) {\n            <span>{{\n              t.gettext('User [[ userId ]]', {\n                userId: revision.createdByUserId,\n              })\n            }}</span>\n          }\n          @if (!revision.snapshot) {\n            <span>{{ t.gettext('Legacy revision - cannot be restored') }}</span>\n          }\n        </mat-radio-button>\n      } @empty {\n        <p>{{ t.gettext('No revisions are available.') }}</p>\n      }\n    </mat-radio-group>\n  }\n  @if (error()) {\n    <p role=\"alert\">{{ error() }}</p>\n    <button\n      mat-button\n      type=\"button\"\n      [disabled]=\"loading() || applying()\"\n      (click)=\"load()\">\n      {{ t.gettext('Reload revisions') }}\n    </button>\n  }\n  @if (applying()) {\n    <p role=\"status\">{{ t.gettext('Restoring...') }}</p>\n  }\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button\n    mat-button\n    type=\"button\"\n    [disabled]=\"applying()\"\n    (click)=\"cancel()\">\n    {{ t.gettext('Cancel') }}\n  </button>\n  <button\n    mat-flat-button\n    type=\"button\"\n    [disabled]=\"loading() || applying() || selected() === null\"\n    (click)=\"apply()\">\n    {{ t.gettext('Apply') }}\n  </button>\n</mat-dialog-actions>\n", styles: ["mat-radio-group{display:flex;flex-direction:column;gap:1rem}mat-radio-button span{display:block;font-size:.875rem;opacity:.7}[role=alert]{color:#b3261e}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsRevisionChooserComponent, isStandalone: true, selector: "taon-cms-revision-chooser", host: { listeners: { "document:keydown.escape": "onEscape($event)" } }, providers: [TaonCmsContentRevisionApiService], ngImport: i0, template: "<h2 mat-dialog-title>{{ t.gettext('Restore a revision') }}</h2>\n<mat-dialog-content>\n  <p>\n    {{\n      t.gettext(\n        'Restoring replaces the post, including its status, with the selected revision.'\n      )\n    }}\n  </p>\n  @if (loading()) {\n    <p role=\"status\">{{ t.gettext('Loading revisions...') }}</p>\n  } @else {\n    <mat-radio-group\n      [attr.aria-label]=\"t.gettext('Post revisions')\"\n      [value]=\"selected()\"\n      (change)=\"selected.set($event.value)\"\n      [disabled]=\"applying()\">\n      @for (revision of revisions(); track revision.id) {\n        <mat-radio-button\n          [value]=\"revision.revisionNumber\"\n          [disabled]=\"!revision.snapshot\">\n          <strong>{{\n            t.gettext('Revision [[ revisionNumber ]]', {\n              revisionNumber: revision.revisionNumber,\n            })\n          }}</strong>\n          <span>{{ revision.createdAt | date: 'medium' }}</span>\n          @if (\n            revision.createdByUserId !== null &&\n            revision.createdByUserId !== undefined\n          ) {\n            <span>{{\n              t.gettext('User [[ userId ]]', {\n                userId: revision.createdByUserId,\n              })\n            }}</span>\n          }\n          @if (!revision.snapshot) {\n            <span>{{ t.gettext('Legacy revision - cannot be restored') }}</span>\n          }\n        </mat-radio-button>\n      } @empty {\n        <p>{{ t.gettext('No revisions are available.') }}</p>\n      }\n    </mat-radio-group>\n  }\n  @if (error()) {\n    <p role=\"alert\">{{ error() }}</p>\n    <button\n      mat-button\n      type=\"button\"\n      [disabled]=\"loading() || applying()\"\n      (click)=\"load()\">\n      {{ t.gettext('Reload revisions') }}\n    </button>\n  }\n  @if (applying()) {\n    <p role=\"status\">{{ t.gettext('Restoring...') }}</p>\n  }\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button\n    mat-button\n    type=\"button\"\n    [disabled]=\"applying()\"\n    (click)=\"cancel()\">\n    {{ t.gettext('Cancel') }}\n  </button>\n  <button\n    mat-flat-button\n    type=\"button\"\n    [disabled]=\"loading() || applying() || selected() === null\"\n    (click)=\"apply()\">\n    {{ t.gettext('Apply') }}\n  </button>\n</mat-dialog-actions>\n", styles: ["mat-radio-group{display:flex;flex-direction:column;gap:1rem}mat-radio-button span{display:block;font-size:.875rem;opacity:.7}[role=alert]{color:#b3261e}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsRevisionChooserComponent, decorators: [{
             type: Component,
@@ -4892,7 +5081,7 @@ class TaonRelatedPostChooserComponent {
         this.ref.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonRelatedPostChooserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonRelatedPostChooserComponent, isStandalone: true, selector: "taon-related-post-chooser", providers: [TaonCmsContentApiService], ngImport: i0, template: "<h2 mat-dialog-title>{{ t.gettext('Add related post') }}</h2>\n<mat-dialog-content>\n  <label class=\"search-field\">\n    <span>{{ t.gettext('Search posts') }}</span>\n    <input\n      type=\"search\"\n      [attr.aria-label]=\"t.gettext('Search posts by ID, title or slug')\"\n      [value]=\"query()\"\n      [disabled]=\"loading()\"\n      (input)=\"search($event)\" />\n  </label>\n  @if (loading()) {\n    <p role=\"status\">{{ t.gettext('Loading posts...') }}</p>\n  } @else if (error()) {\n    <p\n      class=\"error\"\n      role=\"alert\">\n      {{ error() }}\n    </p>\n    <button\n      mat-button\n      type=\"button\"\n      (click)=\"load()\">\n      {{ t.gettext('Try again') }}\n    </button>\n  } @else {\n    <mat-radio-group\n      [attr.aria-label]=\"t.gettext('Related post')\"\n      [value]=\"selected()\"\n      (change)=\"selected.set($event.value)\">\n      @for (post of filteredPosts(); track post.id) {\n        <mat-radio-button [value]=\"post.id\">\n          #{{ post.id }} - {{ post.title }}\n          <span class=\"slug\">{{ post.slug }}</span>\n        </mat-radio-button>\n      } @empty {\n        <p>{{ t.gettext('No matching posts available.') }}</p>\n      }\n    </mat-radio-group>\n  }\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button\n    mat-button\n    type=\"button\"\n    (click)=\"cancel()\">\n    {{ t.gettext('Cancel') }}\n  </button>\n  <button\n    mat-flat-button\n    type=\"button\"\n    [disabled]=\"loading() || !!error() || selected() === null\"\n    (click)=\"choose()\">\n    {{ t.gettext('Add related post') }}\n  </button>\n</mat-dialog-actions>\n", styles: [".search-field,mat-radio-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.search-field input{padding:.5rem;color:inherit;background:transparent;border:1px solid rgba(136,136,136,.3333333333);border-radius:4px}.slug{display:block;opacity:.7;overflow-wrap:anywhere}.error{color:#b3261e}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonRelatedPostChooserComponent, isStandalone: true, selector: "taon-related-post-chooser", providers: [TaonCmsContentApiService], ngImport: i0, template: "<h2 mat-dialog-title>{{ t.gettext('Add related post') }}</h2>\n<mat-dialog-content>\n  <label class=\"search-field\">\n    <span>{{ t.gettext('Search posts') }}</span>\n    <input\n      type=\"search\"\n      [attr.aria-label]=\"t.gettext('Search posts by ID, title or slug')\"\n      [value]=\"query()\"\n      [disabled]=\"loading()\"\n      (input)=\"search($event)\" />\n  </label>\n  @if (loading()) {\n    <p role=\"status\">{{ t.gettext('Loading posts...') }}</p>\n  } @else if (error()) {\n    <p\n      class=\"error\"\n      role=\"alert\">\n      {{ error() }}\n    </p>\n    <button\n      mat-button\n      type=\"button\"\n      (click)=\"load()\">\n      {{ t.gettext('Try again') }}\n    </button>\n  } @else {\n    <mat-radio-group\n      [attr.aria-label]=\"t.gettext('Related post')\"\n      [value]=\"selected()\"\n      (change)=\"selected.set($event.value)\">\n      @for (post of filteredPosts(); track post.id) {\n        <mat-radio-button [value]=\"post.id\">\n          #{{ post.id }} - {{ post.title }}\n          <span class=\"slug\">{{ post.slug }}</span>\n        </mat-radio-button>\n      } @empty {\n        <p>{{ t.gettext('No matching posts available.') }}</p>\n      }\n    </mat-radio-group>\n  }\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button\n    mat-button\n    type=\"button\"\n    (click)=\"cancel()\">\n    {{ t.gettext('Cancel') }}\n  </button>\n  <button\n    mat-flat-button\n    type=\"button\"\n    [disabled]=\"loading() || !!error() || selected() === null\"\n    (click)=\"choose()\">\n    {{ t.gettext('Add related post') }}\n  </button>\n</mat-dialog-actions>\n", styles: [".search-field,mat-radio-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.search-field input{padding:.5rem;color:inherit;background:transparent;border:1px solid rgba(136,136,136,.3333333333);border-radius:4px}.slug{display:block;opacity:.7;overflow-wrap:anywhere}.error{color:#b3261e}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonRelatedPostChooserComponent, decorators: [{
             type: Component,
@@ -4901,9 +5090,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
 
 //#region imports
 //#endregion
-const t$3 = Translation.for('src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts', { "src/lib/taon-posts/taon-cms-post/taon-cms-post.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-post.component.html.en-US.i18n.data-D300qnuI.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-post.component.html.pl-PL.i18n.data-BnqliIDO.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-post.component.html.de-DE.i18n.data-C6VWS4yA.mjs')).default }, "src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-post.component.ts.en-US.i18n.data-DMKvUsPt.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-post.component.ts.pl-PL.i18n.data-Bt1StLjN.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-post.component.ts.de-DE.i18n.data-DbP78P1q.mjs')).default } });
+const t$3 = Translation.for('src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts', { "src/lib/taon-posts/taon-cms-post/taon-cms-post.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-post.component.html.en-US.i18n.data-mH65cs_6.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-post.component.html.pl-PL.i18n.data-BU3G_LCm.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-post.component.html.de-DE.i18n.data-CAFFTK-X.mjs')).default }, "src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-post.component.ts.en-US.i18n.data-CZ3219rw.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-post.component.ts.pl-PL.i18n.data-3odfuhvt.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-post.component.ts.de-DE.i18n.data-cQQWKnwI.mjs')).default } });
 class TaonCmsPostComponent {
     //#endregion
+    ngAfterViewInit() {
+        if (this.actionButtonsTemplateRef) {
+            this.actionButtonsTemplate.emit(this.actionButtonsTemplateRef);
+        }
+    }
     //#region constructor
     constructor() {
         this.t = t$3.for(this);
@@ -4914,6 +5108,7 @@ class TaonCmsPostComponent {
         this.deleted = output();
         this.duplicated = output();
         this.cancelled = output();
+        this.actionButtonsTemplate = output();
         this.currentPost = signal(null, ...(ngDevMode ? [{ debugName: "currentPost" }] : []));
         this.placeholderShortIntro = this.t.signal.gettext('A short introduction...');
         this.placeholderTitle = this.t.signal.gettext('Title');
@@ -4997,6 +5192,7 @@ class TaonCmsPostComponent {
         this.uploadedMediaPreview = signal(null, ...(ngDevMode ? [{ debugName: "uploadedMediaPreview" }] : []));
         this.mediaPreviewRequest = 0;
         this.mediaPreviewSignature = '';
+        this.slugManuallySet = false;
         this.dialogOpen = signal(false, ...(ngDevMode ? [{ debugName: "dialogOpen" }] : []));
         this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : []));
         this.relatedPosts = signal([], ...(ngDevMode ? [{ debugName: "relatedPosts" }] : []));
@@ -5117,8 +5313,8 @@ class TaonCmsPostComponent {
         // Thumbnail preview handling.
         effect(onCleanup => {
             const key = this.thumbnailReference();
-            const slug = this.thumbnailSlug();
             const editing = this.editing();
+            const slug = editing ? '' : this.thumbnailSlug();
             const staged = this.stagedThumbnail();
             let active = true;
             onCleanup(() => {
@@ -5138,7 +5334,7 @@ class TaonCmsPostComponent {
                 this.thumbnailPreviewUrl.set(placeholder);
                 return;
             }
-            if (!slug) {
+            if (!editing && !slug) {
                 return;
             }
             const load = async () => {
@@ -5246,7 +5442,7 @@ class TaonCmsPostComponent {
     }
     //#endregion
     //#region methods / load related posts
-    loadTaxonomy() {
+    loadTaxonomy(preserveSelectedTags = false) {
         this.taxonomyLoad?.unsubscribe();
         const session = this.editorSession;
         const postId = this.currentPost()?.id;
@@ -5263,7 +5459,9 @@ class TaonCmsPostComponent {
                 if (session === this.editorSession) {
                     this.categories.set(result.categories.sort((a, b) => a.sortOrder - b.sortOrder || a.name.localeCompare(b.name)));
                     this.tags.set(result.tags);
-                    this.updateDraft('tagIds', result.tagIds);
+                    if (!preserveSelectedTags) {
+                        this.updateDraft('tagIds', result.tagIds);
+                    }
                 }
             },
             error: (error) => {
@@ -5285,6 +5483,50 @@ class TaonCmsPostComponent {
             this.tagSearch.set(event.target.value);
         }
     }
+    createTaxonomy(taxonomy) {
+        if (this.busy() || this.dialogOpen()) {
+            return;
+        }
+        this.dialogOpen.set(true);
+        this.taxonomyError.set('');
+        const ref = this.dialog.open(TaonCmsTaxonomyQuickCreateDialogComponent, {
+            data: { taxonomy },
+            width: '560px',
+            maxWidth: '95vw',
+            disableClose: true,
+        });
+        ref
+            .afterClosed()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(fields => {
+            if (!fields) {
+                this.dialogOpen.set(false);
+                return;
+            }
+            const request = taxonomy === 'category'
+                ? this.categoryApi.save(null, fields)
+                : this.tagApi.save(null, fields);
+            request
+                .pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.dialogOpen.set(false)))
+                .subscribe({
+                next: saved => {
+                    if (taxonomy === 'category') {
+                        this.updateDraft('categoryId', saved.id);
+                    }
+                    else {
+                        this.addTag(saved.id);
+                    }
+                    this.loadTaxonomy(true);
+                },
+                error: (error) => {
+                    console.error(`[taon-cms-post] Unable to create ${taxonomy}`, error);
+                    this.taxonomyError.set(taxonomy === 'category'
+                        ? this.t.gettext('The category could not be created. Please try again.')
+                        : this.t.gettext('The tag could not be created. Please try again.'));
+                },
+            });
+        });
+    }
     applyDefaultThumbnail() {
         if (!this.editing() || this.busy() || this.dialogOpen()) {
             return;
@@ -5411,6 +5653,51 @@ class TaonCmsPostComponent {
         });
     }
     //#endregion
+    //#region methods / add as child of
+    addAsChildOf() {
+        const post = this.currentPost();
+        if (!this.editing() ||
+            !post ||
+            this.busy() ||
+            this.dialogOpen() ||
+            this.relatedPostsLoading()) {
+            return;
+        }
+        this.dialogOpen.set(true);
+        const ref = this.dialog.open(TaonRelatedPostChooserComponent, {
+            data: { postId: post.id, excludedIds: [] },
+            width: '560px',
+            maxWidth: '95vw',
+            disableClose: true,
+        });
+        ref
+            .afterClosed()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(parent => {
+            this.dialogOpen.set(false);
+            if (!parent || !this.currentPost()) {
+                return;
+            }
+            this.busy.set(true);
+            this.error.set('');
+            this.api
+                .addRelatedPost(parent.id, post.id, parent.version)
+                .pipe(switchMap(() => from(this.api.getById(post.id))), takeUntilDestroyed(this.destroyRef), finalize(() => this.busy.set(false)))
+                .subscribe({
+                next: refreshedPost => {
+                    this.currentPost.set(refreshedPost);
+                    this.permissionsLoad?.unsubscribe();
+                    this.permissionsLoading.set(false);
+                    this.loadPermissions();
+                },
+                error: (error) => {
+                    console.error('[taon-cms-post] Unable to make post a child', error);
+                    this.error.set(this.t.gettext('The parent post could not be changed. Please try again.'));
+                },
+            });
+        });
+    }
+    //#endregion
     //#region methods / remove related post
     removeRelatedPost(id) {
         if (!this.editing() ||
@@ -5557,6 +5844,18 @@ class TaonCmsPostComponent {
         }
     }
     updateDraft(field, value) {
+        if (field === 'title' &&
+            this.mode() === 'add' &&
+            !this.slugManuallySet &&
+            !this.draft().slug) {
+            const title = String(value);
+            this.draft.update(draft => ({
+                ...draft,
+                title,
+                slug: ___NS__kebabCase(title),
+            }));
+            return;
+        }
         this.draft.update(draft => ({ ...draft, [field]: value }));
     }
     //#endregion
@@ -5696,6 +5995,7 @@ class TaonCmsPostComponent {
     //#region methods / update slug
     updateSlug(event) {
         if (event.target instanceof HTMLInputElement) {
+            this.slugManuallySet = true;
             this.updateDraft('slug', event.target.value);
         }
     }
@@ -5922,6 +6222,7 @@ class TaonCmsPostComponent {
         this.mediaPreviewSignature = '';
         this.mediaPreviewRequest += 1;
         this.currentPost.set(post);
+        this.slugManuallySet = Boolean(post);
         this.relatedPosts.set(post?.relatedPosts ?? []);
         this.permissions.set(post?.permissions ?? []);
         this.permissionSource.set(null);
@@ -5993,19 +6294,20 @@ class TaonCmsPostComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsPostComponent, isStandalone: true, selector: "taon-cms-post", inputs: { post: { classPropertyName: "post", publicName: "post", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", changed: "changed", deleted: "deleted", duplicated: "duplicated", cancelled: "cancelled" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsPostComponent, isStandalone: true, selector: "taon-cms-post", inputs: { post: { classPropertyName: "post", publicName: "post", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", changed: "changed", deleted: "deleted", duplicated: "duplicated", cancelled: "cancelled", actionButtonsTemplate: "actionButtonsTemplate" }, providers: [
             TaonCmsContentApiService,
             TaonCmsContentConfigService,
             TaonPermissionApiService,
             TaonCmsCategoryApiService,
             TaonCmsTagApiService,
-        ], viewQueries: [{ propertyName: "rawContent", first: true, predicate: ["rawContent"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (mode() !== 'view-clean') {\n  <header class=\"post-actions\">\n    <span class=\"post-status\">{{\n      mode() === 'add' ? t.gettext('New draft') : currentPost()?.status\n    }}</span>\n    <div class=\"buttons\">\n      @if (editing()) {\n        <button\n          mat-flat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || !canSave()\"\n          (click)=\"save()\">\n          {{ mode() === 'add' ? t.gettext('Add') : t.gettext('Save') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"cancel()\">\n          {{ t.gettext('Cancel') }}\n        </button>\n      } @else if (currentPost()) {\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"edit()\">\n          <mat-icon>edit</mat-icon> {{ t.gettext('Edit') }}\n        </button>\n      }\n      @if (mode() !== 'add' && currentPost()) {\n        @if (canPublish()) {\n          <button\n            mat-flat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen() || (editing() && !canSave())\"\n            (click)=\"publish()\">\n            {{ t.gettext('Publish') }}\n          </button>\n        } @else {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"unpublish()\">\n            {{ t.gettext('Unpublish') }}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"revert()\">\n          <mat-icon>history</mat-icon> {{ t.gettext('Revert') }}\n        </button>\n        @if (currentPost()?.status !== 'archived') {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"delete()\">\n            <mat-icon>delete</mat-icon> {{ t.gettext('Delete') }}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"duplicate()\">\n          <mat-icon>content_copy</mat-icon> {{ t.gettext('Duplicate') }}\n        </button>\n      }\n    </div>\n    @if (busy()) {\n      <span role=\"status\">{{\n        uploading()\n          ? t.gettext('Uploading... ') + uploadProgress() + '%'\n          : t.gettext('Saving...')\n      }}</span>\n    }\n  </header>\n  @if (error()) {\n    <p\n      class=\"error\"\n      role=\"alert\">\n      {{ error() }}\n    </p>\n  }\n}\n\n<article\n  class=\"post-article\"\n  [attr.aria-busy]=\"busy()\">\n  @if (editing()) {\n    <mat-radio-group\n      class=\"post-type-selector\"\n      [attr.aria-label]=\"t.gettext('Post type')\"\n      [value]=\"draft().type\"\n      [disabled]=\"busy() || dialogOpen()\"\n      (change)=\"updateDraft('type', $event.value)\">\n      @for (type of postTypes; track type.value) {\n        <mat-radio-button [value]=\"type.value\">{{\n          type.label\n        }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    <div\n      class=\"post-title editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post title')\"\n      aria-required=\"true\"\n      [attr.data-placeholder]=\"placeholderTitle()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditableSingleLine]=\"true\"\n      [taonCmsEditable]=\"draft().title\"\n      (taonCmsEditableChange)=\"updateDraft('title', $event)\"></div>\n    <div\n      class=\"post-excerpt editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post excerpt')\"\n      aria-multiline=\"true\"\n      [attr.data-placeholder]=\"placeholderShortIntro()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditable]=\"draft().excerpt\"\n      (taonCmsEditableChange)=\"updateDraft('excerpt', $event)\"></div>\n    <section class=\"post-content-editor\">\n      <mat-tab-group\n        [selectedIndex]=\"contentTab()\"\n        (selectedIndexChange)=\"contentTab.set($event)\"\n        [preserveContent]=\"true\"\n        animationDuration=\"0ms\">\n        <mat-tab [label]=\"t.gettext('Editor')\">\n          @if (contentEditor(); as editor) {\n            <ngx-editor-menu\n              [editor]=\"editor\"\n              [toolbar]=\"contentToolbar\"\n              [disabled]=\"busy() || dialogOpen()\" />\n            <ngx-editor\n              [editor]=\"editor\"\n              [placeholder]=\"placeholderTellYourStory()\" />\n          }\n        </mat-tab>\n        <mat-tab [label]=\"t.gettext('Raw')\">\n          <textarea\n            #rawContent\n            class=\"raw-content\"\n            [attr.aria-label]=\"t.gettext('Post body HTML')\"\n            [value]=\"draft().body\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (input)=\"updateRawContent($event)\"\n            spellcheck=\"false\"></textarea>\n        </mat-tab>\n        <mat-tab [label]=\"t.gettext('Preview')\">\n          <div\n            class=\"post-body content-preview\"\n            [innerHTML]=\"resolvedBody()\"></div>\n        </mat-tab>\n      </mat-tab-group>\n      @if (contentTab() !== 2) {\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || !contentEditor()\"\n          [matMenuTriggerFor]=\"variableMenu\"\n          [matMenuTriggerRestoreFocus]=\"false\">\n          {{ t.gettext('Insert variable') }}\n        </button>\n      }\n      <mat-menu #variableMenu=\"matMenu\">\n        <button mat-menu-item [matMenuTriggerFor]=\"siteVariableMenu\">\n          {{ t.gettext('Site') }}\n        </button>\n        <button mat-menu-item [matMenuTriggerFor]=\"postVariableMenu\">\n          {{ t.gettext('Post') }}\n        </button>\n      </mat-menu>\n      <mat-menu #siteVariableMenu=\"matMenu\">\n        <button mat-menu-item (click)=\"insertVariable('frontendUrl')\">\n          {{ t.gettext('Frontend URL') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('site.name')\">\n          {{ t.gettext('Site name') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('currentYear')\">\n          {{ t.gettext('Current year') }}\n        </button>\n      </mat-menu>\n      <mat-menu #postVariableMenu=\"matMenu\">\n        <button mat-menu-item (click)=\"insertVariable('post.title')\">\n          {{ t.gettext('Post title') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('post.url')\">\n          {{ t.gettext('Post URL') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('post.id')\">\n          {{ t.gettext('Post ID') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('post.thumbnailUrl')\">\n          {{ t.gettext('Post Thumbnail URL') }}\n        </button>\n      </mat-menu>\n    </section>\n    <label class=\"slug-field\">\n      <span>{{ t.gettext('URL slug') }}</span>\n      <input\n        [attr.aria-label]=\"t.gettext('URL slug')\"\n        [value]=\"draft().slug\"\n        [disabled]=\"busy() || dialogOpen()\"\n        (input)=\"updateSlug($event)\"\n        [placeholder]=\"t.gettext('my-post')\" />\n    </label>\n    @if (mediaAttachment(); as media) {\n      <section\n        class=\"media-attachment\"\n        aria-labelledby=\"media-attachment-heading\">\n        <h2 id=\"media-attachment-heading\">{{ media.heading }}</h2>\n        @if (uploading()) {\n          <mat-progress-bar\n            mode=\"determinate\"\n            [value]=\"uploadProgress()\"\n            [attr.aria-label]=\"t.gettext('Media upload progress')\" />\n        }\n        @if (draft()[media.key]; as key) {\n          @if (mediaPreviewLoading()) {\n            <p role=\"status\">{{ t.gettext('Loading media preview...') }}</p>\n          }\n          @if (mediaPreviewError()) {\n            <p\n              class=\"error\"\n              role=\"alert\">\n              {{ mediaPreviewError() }}\n            </p>\n          }\n          @if (media.type === 'video' && mediaPreviewUrl()) {\n            <video\n              controls\n              preload=\"none\"\n              [src]=\"mediaPreviewUrl()\">\n              {{ t.gettext('Your browser does not support video playback.') }}\n            </video>\n          } @else if (media.type === 'audio' && mediaPreviewUrl()) {\n            <audio\n              controls\n              preload=\"none\"\n              [src]=\"mediaPreviewUrl()\">\n              {{ t.gettext('Your browser does not support audio playback.') }}\n            </audio>\n          } @else if (media.type === 'attachment' && mediaPreviewUrl()) {\n            <p>\n              {{\n                t.gettext('Attached file: [[ fileName ]]', {\n                  fileName: mediaFileName(key),\n                })\n              }}\n              <a\n                [href]=\"mediaPreviewUrl()\"\n                target=\"_blank\"\n                rel=\"noopener\"\n                >{{ t.gettext('Download or open') }}</a\n              >\n            </p>\n          }\n          <input\n            #mediaInput\n            hidden\n            type=\"file\"\n            [accept]=\"media.accept\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"fileSelected($event)\" />\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"mediaInput.click()\">\n            {{ t.gettext('Replace') }}\n          </button>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"removeMedia()\">\n            {{ t.gettext('Remove') }}\n          </button>\n        } @else {\n          <input\n            #mediaInput\n            hidden\n            type=\"file\"\n            [accept]=\"media.accept\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"fileSelected($event)\" />\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"mediaInput.click()\">\n            {{ media.uploadLabel }}\n          </button>\n        }\n      </section>\n    }\n    <section\n      class=\"post-thumbnail\"\n      aria-labelledby=\"thumbnail-heading\">\n      <h2 id=\"thumbnail-heading\">{{ t.gettext('Thumbnail') }}</h2>\n      @if (thumbnailPreviewUrl()) {\n        <img\n          class=\"thumbnail-preview\"\n          [src]=\"thumbnailPreviewUrl()\"\n          [alt]=\"t.gettext('Post thumbnail')\" />\n      } @else {\n        <p>{{ t.gettext('No thumbnail selected.') }}</p>\n      }\n      @if (thumbnailError()) {\n        <p role=\"alert\">{{ thumbnailError() }}</p>\n      }\n      <input\n        #thumbnailInput\n        hidden\n        type=\"file\"\n        accept=\"image/*\"\n        [disabled]=\"busy() || dialogOpen()\"\n        (change)=\"thumbnailSelected($event)\" />\n      <div class=\"buttons\">\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"thumbnailInput.click()\">\n          {{ t.gettext('Upload Thumbnail') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"applyDefaultThumbnail()\">\n          {{ t.gettext('Apply Default Placeholder') }}\n        </button>\n      </div>\n    </section>\n    <section\n      class=\"post-taxonomy\"\n      aria-labelledby=\"category-heading\">\n      <h2 id=\"category-heading\">{{ t.gettext('Category and Tags') }}</h2>\n      @if (taxonomyLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading categories and tags...') }}</p>\n      }\n      @if (taxonomyError()) {\n        <p role=\"alert\">{{ taxonomyError() }}</p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy()\"\n          (click)=\"loadTaxonomy()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      }\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Category') }}</mat-label>\n        <mat-select\n          [value]=\"draft().categoryId\"\n          [disabled]=\"\n            busy() || dialogOpen() || taxonomyLoading() || !!taxonomyError()\n          \"\n          (selectionChange)=\"updateDraft('categoryId', $event.value)\">\n          <mat-option [value]=\"null\">{{ t.gettext('None') }}</mat-option>\n          @for (category of categories(); track category.id) {\n            <mat-option [value]=\"category.id\">{{ category.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <h3>{{ t.gettext('Tags') }}</h3>\n      <mat-chip-set [attr.aria-label]=\"t.gettext('Selected tags')\">\n        @for (tag of selectedTags(); track tag.id) {\n          <mat-chip\n            [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n            (removed)=\"removeTag(tag.id)\">\n            {{ tag.name }}\n            <button\n              matChipRemove\n              type=\"button\"\n              [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n              [attr.aria-label]=\"\n                t.gettext('Remove tag [[ name ]]', { name: tag.name })\n              \">\n              <mat-icon>cancel</mat-icon>\n            </button>\n          </mat-chip>\n        }\n      </mat-chip-set>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Search tags') }}</mat-label>\n        <input\n          matInput\n          [value]=\"tagSearch()\"\n          (input)=\"filterTags($event)\"\n          [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\" />\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Add tag') }}</mat-label>\n        <mat-select\n          [value]=\"null\"\n          [disabled]=\"\n            busy() || dialogOpen() || taxonomyLoading() || !!taxonomyError()\n          \"\n          (selectionChange)=\"addTag($event.value)\">\n          @for (tag of filteredTags(); track tag.id) {\n            <mat-option [value]=\"tag.id\">{{ tag.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </section>\n    <section\n      class=\"related-posts\"\n      aria-labelledby=\"related-posts-heading\">\n      <h2 id=\"related-posts-heading\">{{ t.gettext('Related posts') }}</h2>\n      @if (relatedPostsLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading related posts...') }}</p>\n      } @else if (relatedPostsError()) {\n        <p\n          class=\"error\"\n          role=\"alert\">\n          {{ relatedPostsError() }}\n        </p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"loadRelatedPosts()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      } @else {\n        <ul>\n          @for (post of relatedPosts(); track post.id) {\n            <li>\n              <span>#{{ post.id }} - {{ post.title }}</span>\n              <button\n                mat-icon-button\n                type=\"button\"\n                [attr.aria-label]=\"\n                  t.gettext('Remove related post [[ title ]]', {\n                    title: post.title,\n                  })\n                \"\n                [disabled]=\"busy() || dialogOpen()\"\n                (click)=\"removeRelatedPost(post.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>{{ t.gettext('No related posts yet.') }}</li>\n          }\n        </ul>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"addRelatedPost()\">\n          <mat-icon>add</mat-icon> {{ t.gettext('Add related post') }}\n        </button>\n      }\n    </section>\n\n    @if (!mediaAttachment()) {\n      <section\n        class=\"application-hook\"\n        aria-labelledby=\"application-hook-heading\">\n        <h2 id=\"application-hook-heading\">\n          {{ t.gettext('Application Hook') }}\n        </h2>\n        @if (applicationHooksLoading()) {\n          <p role=\"status\">{{ t.gettext('Loading application hooks...') }}</p>\n        } @else if (applicationHooksError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ applicationHooksError() }}\n          </p>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"loadApplicationHooks()\">\n            {{ t.gettext('Try again') }}\n          </button>\n        } @else {\n          <mat-checkbox\n            [checked]=\"useAsApplicationHook()\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"setUseAsApplicationHook($event.checked)\">\n            {{ t.gettext('Use as application hook') }}\n          </mat-checkbox>\n          @if (useAsApplicationHook()) {\n            <mat-form-field\n              appearance=\"outline\"\n              subscriptSizing=\"dynamic\">\n              <mat-label>{{ t.gettext('Application Hook') }}</mat-label>\n              <mat-select\n                [value]=\"selectedApplicationHook()\"\n                [disabled]=\"busy() || dialogOpen()\"\n                (selectionChange)=\"selectedApplicationHook.set($event.value)\">\n                @for (\n                  applicationHook of applicationHooks();\n                  track applicationHook.id\n                ) {\n                  <mat-option\n                    [value]=\"applicationHook.hook\"\n                    [disabled]=\"\n                      applicationHookInUseByAnotherPost(applicationHook)\n                    \">\n                    {{ applicationHookLabel(applicationHook.hook) }}\n                    @if (applicationHookInUseByAnotherPost(applicationHook)) {\n                      {{\n                        t.gettext('(in use by post # [[ postId ]])', {\n                          postId: applicationHook.contentId,\n                        })\n                      }}\n                    }\n                  </mat-option>\n                } @empty {\n                  <mat-option [disabled]=\"true\">{{\n                    t.gettext('No application hooks configured')\n                  }}</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n          }\n        }\n      </section>\n    }\n    <section\n      class=\"post-permissions\"\n      aria-labelledby=\"post-permissions-heading\">\n      <h2 id=\"post-permissions-heading\">\n        {{ t.gettext('Allow Read only with Permissions') }}\n      </h2>\n      @if (permissionSource(); as source) {\n        <p role=\"note\">\n          {{\n            t.gettext(\n              'Permissions are inherited from # [[ postId ]] - [[ title ]]. Edit the source post to change them.',\n              { postId: source.id, title: source.title }\n            )\n          }}\n        </p>\n      }\n      @if (permissionsLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading assigned permissions...') }}</p>\n      } @else if (permissionsError()) {\n        <p\n          class=\"error\"\n          role=\"alert\">\n          {{ permissionsError() }}\n        </p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"loadPermissions()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      } @else {\n        <ul>\n          @for (permission of permissions(); track permission.id) {\n            <li>\n              <span>{{ permission.name }} ({{ permission.code }})</span>\n              <button\n                mat-icon-button\n                type=\"button\"\n                [attr.aria-label]=\"\n                  t.gettext('Remove permission [[ name ]]', {\n                    name: permission.name,\n                  })\n                \"\n                [disabled]=\"busy() || dialogOpen() || !!permissionSource()\"\n                (click)=\"removePermission(permission.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>{{ t.gettext('No permissions assigned.') }}</li>\n          }\n        </ul>\n        @if (permissionOptionsError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ permissionOptionsError() }}\n          </p>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\"\n            (click)=\"loadPermissionOptions()\">\n            {{ t.gettext('Try again') }}\n          </button>\n        } @else {\n          <div class=\"permission-assignment\">\n            <mat-form-field\n            class=\"w-full\"\n              appearance=\"outline\"\n              subscriptSizing=\"dynamic\">\n              <mat-label>{{ t.gettext('Permission') }}</mat-label>\n              <mat-select\n                [value]=\"selectedPermissionId()\"\n                [disabled]=\"\n                  busy() ||\n                  dialogOpen() ||\n                  permissionOptionsLoading() ||\n                  !!permissionSource()\n                \"\n                (selectionChange)=\"selectedPermissionId.set($event.value)\">\n                @for (\n                  permission of availablePermissions();\n                  track permission.id\n                ) {\n                  <mat-option [value]=\"permission.id\"\n                    >{{ permission.name }} ({{ permission.code }})</mat-option\n                  >\n                } @empty {\n                  <mat-option [disabled]=\"true\">{{\n                    t.gettext('No permissions available')\n                  }}</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n            <button\n              mat-button\n              type=\"button\"\n              [disabled]=\"\n                busy() ||\n                dialogOpen() ||\n                !selectedPermissionId() ||\n                !!permissionSource()\n              \"\n              (click)=\"addPermission()\">\n              <mat-icon>add</mat-icon> {{ t.gettext('Assign permission') }}\n            </button>\n          </div>\n        }\n      }\n      @if (!permissionSource()) {\n        <mat-checkbox\n          [checked]=\"applyPermissionsToRelatedPosts()\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (change)=\"applyPermissionsToRelatedPosts.set($event.checked)\">\n          {{ t.gettext('Apply permissions to related posts') }}\n        </mat-checkbox>\n      }\n    </section>\n  } @else if (currentPost(); as post) {\n    @if (thumbnailPreviewUrl()) {\n      <img\n        class=\"thumbnail-preview\"\n        [src]=\"thumbnailPreviewUrl()\"\n        [alt]=\"t.gettext('Post thumbnail')\" />\n    }\n    @if (thumbnailError()) {\n      <p role=\"alert\">{{ thumbnailError() }}</p>\n    }\n    <h1 class=\"post-title\">{{ post.title }}</h1>\n    @if (post.excerpt) {\n      <p class=\"post-excerpt\">{{ post.excerpt }}</p>\n    }\n    <div\n      class=\"post-body\"\n      [innerHTML]=\"resolvedBody()\"></div>\n    @if (mediaAttachment(); as media) {\n      @if (draft()[media.key]; as key) {\n        @if (mediaPreviewLoading()) {\n          <p role=\"status\">{{ t.gettext('Loading media...') }}</p>\n        } @else if (mediaPreviewError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ mediaPreviewError() }}\n          </p>\n        } @else if (media.type === 'video' && mediaPreviewUrl()) {\n          <video\n            controls\n            preload=\"none\"\n            [src]=\"mediaPreviewUrl()\">\n            {{ t.gettext('Your browser does not support video playback.') }}\n          </video>\n        } @else if (media.type === 'audio' && mediaPreviewUrl()) {\n          <audio\n            controls\n            preload=\"none\"\n            [src]=\"mediaPreviewUrl()\">\n            {{ t.gettext('Your browser does not support audio playback.') }}\n          </audio>\n        } @else if (media.type === 'attachment' && mediaPreviewUrl()) {\n          <p>\n            {{\n              t.gettext('Attached file: [[ fileName ]]', {\n                fileName: mediaFileName(key),\n              })\n            }}\n            <a\n              [href]=\"mediaPreviewUrl()\"\n              target=\"_blank\"\n              rel=\"noopener\"\n              >{{ t.gettext('Download or open') }}</a\n            >\n          </p>\n        }\n      }\n    }\n  } @else {\n    <p role=\"status\">{{ t.gettext('No post is loaded.') }}</p>\n  }\n</article>\n", styles: [":host{display:block}.post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;border-bottom:1px solid rgba(136,136,136,.2)}.post-status{margin-right:auto;text-transform:capitalize;opacity:.7}.buttons{display:flex;flex-wrap:wrap;gap:.5rem}.post-article{max-width:760px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.5rem;overflow-wrap:anywhere}.post-title{margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}.post-excerpt{margin:0 0 2rem;font-size:1.35rem;line-height:1.6;opacity:.7;white-space:pre-wrap}.post-body{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;line-height:1.8;white-space:pre-wrap}.editable{min-height:1.2em;outline:none}.editable:focus{box-shadow:-3px 0 #8885}.editable:empty:before{content:attr(data-placeholder);opacity:.4;pointer-events:none}.post-content-editor{border:1px solid rgba(136,136,136,.3333333333);border-radius:4px;overflow:hidden}.raw-content{display:block;box-sizing:border-box;width:100%;min-height:20rem;padding:1rem;resize:vertical;border:0;color:inherit;background:transparent;font-family:monospace}ngx-editor{display:block;min-height:20rem}.content-preview{min-height:12rem;padding:1rem}.slug-field{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid rgba(136,136,136,.2);font-size:.875rem}.slug-field input{flex:1;min-width:160px;padding:.5rem;color:inherit;background:transparent;border:1px solid rgba(136,136,136,.3333333333);border-radius:4px}.error{padding:1rem;color:#b3261e}.post-type-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.media-attachment,.post-thumbnail,.post-taxonomy,.related-posts,.application-hook,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.post-thumbnail h2,.post-taxonomy h2,.related-posts h2,.application-hook h2,.post-permissions h2{font-size:1rem}.media-attachment .thumbnail-preview,.post-thumbnail .thumbnail-preview,.post-taxonomy .thumbnail-preview,.related-posts .thumbnail-preview,.application-hook .thumbnail-preview,.post-permissions .thumbnail-preview{display:block;width:min(100%,480px);max-height:320px;object-fit:contain;border-radius:12px;margin-bottom:.75rem}.media-attachment .post-taxonomy mat-form-field,.post-thumbnail .post-taxonomy mat-form-field,.post-taxonomy .post-taxonomy mat-form-field,.related-posts .post-taxonomy mat-form-field,.application-hook .post-taxonomy mat-form-field,.post-permissions .post-taxonomy mat-form-field{display:block;margin-top:.75rem}.related-posts ul,.post-permissions ul{padding:0;list-style:none}.related-posts .application-hook,.post-permissions .application-hook{display:grid;align-items:start;gap:.75rem}.related-posts .application-hook mat-form-field,.post-permissions .application-hook mat-form-field{width:min(100%,28rem)}.related-posts li,.post-permissions li{display:flex;align-items:center;justify-content:space-between;gap:.5rem}video{max-width:100%;max-height:400px!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: NgxEditorModule }, { kind: "component", type: i8.NgxEditorComponent, selector: "ngx-editor", inputs: ["editor", "outputFormat", "placeholder"], outputs: ["focusOut", "focusIn"] }, { kind: "component", type: i8.MenuComponent, selector: "ngx-editor-menu", inputs: ["toolbar", "colorPresets", "disabled", "editor", "customMenuRef", "dropdownPlacement"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i9.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i9.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i9.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: TaonCmsEditableDirective, selector: "[taonCmsEditable]", inputs: ["taonCmsEditableFormat", "taonCmsEditableSingleLine", "taonCmsEditable"], outputs: ["taonCmsEditableChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "rawContent", first: true, predicate: ["rawContent"], descendants: true, isSignal: true }, { propertyName: "actionButtonsTemplateRef", first: true, predicate: ["actionButtonsTemplate"], descendants: true }], ngImport: i0, template: "@if (mode() !== 'view-clean') {\n  <ng-template #actionButtonsTemplate>\n    <div class=\"buttons\">\n      @if (editing()) {\n        <button\n          mat-flat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || !canSave()\"\n          (click)=\"save()\">\n          {{ mode() === 'add' ? t.gettext('Add') : t.gettext('Save') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"cancel()\">\n          {{ t.gettext('Cancel') }}\n        </button>\n      } @else if (currentPost()) {\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"edit()\">\n          <mat-icon>edit</mat-icon> {{ t.gettext('Edit') }}\n        </button>\n      }\n      @if (mode() !== 'add' && currentPost()) {\n        @if (canPublish()) {\n          <button\n            mat-flat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen() || (editing() && !canSave())\"\n            (click)=\"publish()\">\n            {{ t.gettext('Publish') }}\n          </button>\n        } @else {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"unpublish()\">\n            {{ t.gettext('Unpublish') }}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"revert()\">\n          <mat-icon>history</mat-icon> {{ t.gettext('Revert') }}\n        </button>\n        @if (currentPost()?.status !== 'archived') {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"delete()\">\n            <mat-icon>delete</mat-icon> {{ t.gettext('Delete') }}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"duplicate()\">\n          <mat-icon>content_copy</mat-icon> {{ t.gettext('Duplicate') }}\n        </button>\n      }\n    </div>\n  </ng-template>\n  <header class=\"post-actions\">\n    <span class=\"post-status\">{{\n      mode() === 'add' ? t.gettext('New draft') : currentPost()?.status\n    }}</span>\n    <ng-container [ngTemplateOutlet]=\"actionButtonsTemplate\" />\n    @if (busy()) {\n      <span role=\"status\">{{\n        uploading()\n          ? t.gettext('Uploading... ') + uploadProgress() + '%'\n          : t.gettext('Saving...')\n      }}</span>\n    }\n  </header>\n  @if (error()) {\n    <p\n      class=\"error\"\n      role=\"alert\">\n      {{ error() }}\n    </p>\n  }\n}\n\n<article\n  class=\"post-article\"\n  [attr.aria-busy]=\"busy()\">\n  @if (editing()) {\n    <mat-tab-group animationDuration=\"0ms\">\n      <mat-tab [label]=\"t.gettext('CONTENT')\">\n    <mat-radio-group\n      class=\"post-type-selector\"\n      [attr.aria-label]=\"t.gettext('Post type')\"\n      [value]=\"draft().type\"\n      [disabled]=\"busy() || dialogOpen()\"\n      (change)=\"updateDraft('type', $event.value)\">\n      @for (type of postTypes; track type.value) {\n        <mat-radio-button [value]=\"type.value\">{{\n          type.label\n        }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    <div\n      class=\"post-title editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post title')\"\n      aria-required=\"true\"\n      [attr.data-placeholder]=\"placeholderTitle()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditableSingleLine]=\"true\"\n      [taonCmsEditable]=\"draft().title\"\n      (taonCmsEditableChange)=\"updateDraft('title', $event)\"></div>\n    <div\n      class=\"post-excerpt editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post excerpt')\"\n      aria-multiline=\"true\"\n      [attr.data-placeholder]=\"placeholderShortIntro()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditable]=\"draft().excerpt\"\n      (taonCmsEditableChange)=\"updateDraft('excerpt', $event)\"></div>\n    <section class=\"post-content-editor\">\n      <mat-tab-group\n        [selectedIndex]=\"contentTab()\"\n        (selectedIndexChange)=\"contentTab.set($event)\"\n        [preserveContent]=\"true\"\n        animationDuration=\"0ms\">\n        <mat-tab [label]=\"t.gettext('Editor')\">\n          @if (contentEditor(); as editor) {\n            <ngx-editor-menu\n              [editor]=\"editor\"\n              [toolbar]=\"contentToolbar\"\n              [disabled]=\"busy() || dialogOpen()\" />\n            <ngx-editor\n              [editor]=\"editor\"\n              [placeholder]=\"placeholderTellYourStory()\" />\n          }\n        </mat-tab>\n        <mat-tab [label]=\"t.gettext('Raw')\">\n          <textarea\n            #rawContent\n            class=\"raw-content\"\n            [attr.aria-label]=\"t.gettext('Post body HTML')\"\n            [value]=\"draft().body\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (input)=\"updateRawContent($event)\"\n            spellcheck=\"false\"></textarea>\n        </mat-tab>\n        <mat-tab [label]=\"t.gettext('Preview')\">\n          <div\n            class=\"post-body content-preview\"\n            [innerHTML]=\"resolvedBody()\"></div>\n        </mat-tab>\n      </mat-tab-group>\n      @if (contentTab() !== 2) {\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || !contentEditor()\"\n          [matMenuTriggerFor]=\"variableMenu\"\n          [matMenuTriggerRestoreFocus]=\"false\">\n          {{ t.gettext('Insert variable') }}\n        </button>\n      }\n      <mat-menu #variableMenu=\"matMenu\">\n        <button mat-menu-item [matMenuTriggerFor]=\"siteVariableMenu\">\n          {{ t.gettext('Site') }}\n        </button>\n        <button mat-menu-item [matMenuTriggerFor]=\"postVariableMenu\">\n          {{ t.gettext('Post') }}\n        </button>\n      </mat-menu>\n      <mat-menu #siteVariableMenu=\"matMenu\">\n        <button mat-menu-item (click)=\"insertVariable('frontendUrl')\">\n          {{ t.gettext('Frontend URL') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('site.name')\">\n          {{ t.gettext('Site name') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('currentYear')\">\n          {{ t.gettext('Current year') }}\n        </button>\n      </mat-menu>\n      <mat-menu #postVariableMenu=\"matMenu\">\n        <button mat-menu-item (click)=\"insertVariable('post.title')\">\n          {{ t.gettext('Post title') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('post.url')\">\n          {{ t.gettext('Post URL') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('post.id')\">\n          {{ t.gettext('Post ID') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('post.thumbnailUrl')\">\n          {{ t.gettext('Post Thumbnail URL') }}\n        </button>\n      </mat-menu>\n    </section>\n    <label class=\"slug-field\">\n      <span>{{ t.gettext('URL slug') }}</span>\n      <input\n        [attr.aria-label]=\"t.gettext('URL slug')\"\n        [value]=\"draft().slug\"\n        [disabled]=\"busy() || dialogOpen()\"\n        (input)=\"updateSlug($event)\"\n        [placeholder]=\"t.gettext('my-post')\" />\n    </label>\n      </mat-tab>\n      <mat-tab [label]=\"t.gettext('SETTINGS')\">\n        <div class=\"post-settings\">\n    @if (mediaAttachment(); as media) {\n      <mat-card class=\"post-setting-card\">\n      <section\n        class=\"media-attachment\"\n        aria-labelledby=\"media-attachment-heading\">\n        <h2 id=\"media-attachment-heading\">{{ media.heading }}</h2>\n        @if (uploading()) {\n          <mat-progress-bar\n            mode=\"determinate\"\n            [value]=\"uploadProgress()\"\n            [attr.aria-label]=\"t.gettext('Media upload progress')\" />\n        }\n        @if (draft()[media.key]; as key) {\n          @if (mediaPreviewLoading()) {\n            <p role=\"status\">{{ t.gettext('Loading media preview...') }}</p>\n          }\n          @if (mediaPreviewError()) {\n            <p\n              class=\"error\"\n              role=\"alert\">\n              {{ mediaPreviewError() }}\n            </p>\n          }\n          @if (media.type === 'video' && mediaPreviewUrl()) {\n            <video\n              controls\n              preload=\"none\"\n              [src]=\"mediaPreviewUrl()\">\n              {{ t.gettext('Your browser does not support video playback.') }}\n            </video>\n          } @else if (media.type === 'audio' && mediaPreviewUrl()) {\n            <audio\n              controls\n              preload=\"none\"\n              [src]=\"mediaPreviewUrl()\">\n              {{ t.gettext('Your browser does not support audio playback.') }}\n            </audio>\n          } @else if (media.type === 'attachment' && mediaPreviewUrl()) {\n            <p>\n              {{\n                t.gettext('Attached file: [[ fileName ]]', {\n                  fileName: mediaFileName(key),\n                })\n              }}\n              <a\n                [href]=\"mediaPreviewUrl()\"\n                target=\"_blank\"\n                rel=\"noopener\"\n                >{{ t.gettext('Download or open') }}</a\n              >\n            </p>\n          }\n          <input\n            #mediaInput\n            hidden\n            type=\"file\"\n            [accept]=\"media.accept\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"fileSelected($event)\" />\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"mediaInput.click()\">\n            {{ t.gettext('Replace') }}\n          </button>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"removeMedia()\">\n            {{ t.gettext('Remove') }}\n          </button>\n        } @else {\n          <input\n            #mediaInput\n            hidden\n            type=\"file\"\n            [accept]=\"media.accept\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"fileSelected($event)\" />\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"mediaInput.click()\">\n            {{ media.uploadLabel }}\n          </button>\n        }\n      </section>\n      </mat-card>\n    }\n    <mat-card class=\"post-setting-card\">\n    <section\n      class=\"post-thumbnail\"\n      aria-labelledby=\"thumbnail-heading\">\n      <h2 id=\"thumbnail-heading\">{{ t.gettext('Thumbnail') }}</h2>\n      @if (thumbnailPreviewUrl()) {\n        <img\n          class=\"thumbnail-preview\"\n          [src]=\"thumbnailPreviewUrl()\"\n          [alt]=\"t.gettext('Post thumbnail')\" />\n      } @else {\n        <p>{{ t.gettext('No thumbnail selected.') }}</p>\n      }\n      @if (thumbnailError()) {\n        <p role=\"alert\">{{ thumbnailError() }}</p>\n      }\n      <input\n        #thumbnailInput\n        hidden\n        type=\"file\"\n        accept=\"image/*\"\n        [disabled]=\"busy() || dialogOpen()\"\n        (change)=\"thumbnailSelected($event)\" />\n      <div class=\"buttons\">\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"thumbnailInput.click()\">\n          {{ t.gettext('Upload Thumbnail') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"applyDefaultThumbnail()\">\n          {{ t.gettext('Apply Default Placeholder') }}\n        </button>\n      </div>\n    </section>\n    </mat-card>\n    <mat-card class=\"post-setting-card\">\n    <section\n      class=\"post-taxonomy\"\n      aria-labelledby=\"category-heading\">\n      <h2 id=\"category-heading\">{{ t.gettext('Category / Tags') }}</h2>\n      @if (taxonomyLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading categories and tags...') }}</p>\n      }\n      @if (taxonomyError()) {\n        <p role=\"alert\">{{ taxonomyError() }}</p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy()\"\n          (click)=\"loadTaxonomy()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      }\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Category') }}</mat-label>\n        <mat-select\n          [value]=\"draft().categoryId\"\n          [disabled]=\"\n            busy() || dialogOpen() || taxonomyLoading() || !!taxonomyError()\n          \"\n          (selectionChange)=\"updateDraft('categoryId', $event.value)\">\n          <mat-option [value]=\"null\">{{ t.gettext('None') }}</mat-option>\n          @for (category of categories(); track category.id) {\n            <mat-option [value]=\"category.id\">{{ category.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <h3>{{ t.gettext('Tags') }}</h3>\n      <mat-chip-set [attr.aria-label]=\"t.gettext('Selected tags')\">\n        @for (tag of selectedTags(); track tag.id) {\n          <mat-chip\n            [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n            (removed)=\"removeTag(tag.id)\">\n            {{ tag.name }}\n            <button\n              matChipRemove\n              type=\"button\"\n              [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n              [attr.aria-label]=\"\n                t.gettext('Remove tag [[ name ]]', { name: tag.name })\n              \">\n              <mat-icon>cancel</mat-icon>\n            </button>\n          </mat-chip>\n        }\n      </mat-chip-set>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Search tags') }}</mat-label>\n        <input\n          matInput\n          [value]=\"tagSearch()\"\n          (input)=\"filterTags($event)\"\n          [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\" />\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Add tag') }}</mat-label>\n        <mat-select\n          [value]=\"null\"\n          [disabled]=\"\n            busy() || dialogOpen() || taxonomyLoading() || !!taxonomyError()\n          \"\n          (selectionChange)=\"addTag($event.value)\">\n          @for (tag of filteredTags(); track tag.id) {\n            <mat-option [value]=\"tag.id\">{{ tag.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <div class=\"buttons\">\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n          (click)=\"createTaxonomy('category')\">\n          <mat-icon>add</mat-icon> {{ t.gettext('Add category') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n          (click)=\"createTaxonomy('tag')\">\n          <mat-icon>add</mat-icon> {{ t.gettext('Add tag') }}\n        </button>\n      </div>\n    </section>\n    </mat-card>\n    <mat-card class=\"post-setting-card\">\n    <section\n      class=\"related-posts\"\n      aria-labelledby=\"related-posts-heading\">\n      <h2 id=\"related-posts-heading\">{{ t.gettext('Related posts') }}</h2>\n      @if (relatedPostsLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading related posts...') }}</p>\n      } @else if (relatedPostsError()) {\n        <p\n          class=\"error\"\n          role=\"alert\">\n          {{ relatedPostsError() }}\n        </p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"loadRelatedPosts()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      } @else {\n        <ul>\n          @for (post of relatedPosts(); track post.id) {\n            <li>\n              <span>#{{ post.id }} - {{ post.title }}</span>\n              <button\n                mat-icon-button\n                type=\"button\"\n                [attr.aria-label]=\"\n                  t.gettext('Remove related post [[ title ]]', {\n                    title: post.title,\n                  })\n                \"\n                [disabled]=\"busy() || dialogOpen()\"\n                (click)=\"removeRelatedPost(post.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>{{ t.gettext('No related posts yet.') }}</li>\n          }\n        </ul>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"addRelatedPost()\">\n          <mat-icon>add</mat-icon> {{ t.gettext('Add related post') }}\n        </button>\n        @if (currentPost()) {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"addAsChildOf()\">\n            <mat-icon>account_tree</mat-icon>\n            {{ t.gettext('Add as child of') }}\n          </button>\n        }\n      }\n    </section>\n    </mat-card>\n\n    @if (!mediaAttachment()) {\n      <mat-card class=\"post-setting-card\">\n      <section\n        class=\"application-hook\"\n        aria-labelledby=\"application-hook-heading\">\n        <h2 id=\"application-hook-heading\">\n          {{ t.gettext('Hooks') }}\n        </h2>\n        @if (applicationHooksLoading()) {\n          <p role=\"status\">{{ t.gettext('Loading application hooks...') }}</p>\n        } @else if (applicationHooksError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ applicationHooksError() }}\n          </p>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"loadApplicationHooks()\">\n            {{ t.gettext('Try again') }}\n          </button>\n        } @else {\n          <mat-checkbox\n            [checked]=\"useAsApplicationHook()\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"setUseAsApplicationHook($event.checked)\">\n            {{ t.gettext('Use as application hook') }}\n          </mat-checkbox>\n          @if (useAsApplicationHook()) {\n            <mat-form-field\n              appearance=\"outline\"\n              subscriptSizing=\"dynamic\">\n              <mat-label>{{ t.gettext('Application Hook') }}</mat-label>\n              <mat-select\n                [value]=\"selectedApplicationHook()\"\n                [disabled]=\"busy() || dialogOpen()\"\n                (selectionChange)=\"selectedApplicationHook.set($event.value)\">\n                @for (\n                  applicationHook of applicationHooks();\n                  track applicationHook.id\n                ) {\n                  <mat-option\n                    [value]=\"applicationHook.hook\"\n                    [disabled]=\"\n                      applicationHookInUseByAnotherPost(applicationHook)\n                    \">\n                    {{ applicationHookLabel(applicationHook.hook) }}\n                    @if (applicationHookInUseByAnotherPost(applicationHook)) {\n                      {{\n                        t.gettext('(in use by post # [[ postId ]])', {\n                          postId: applicationHook.contentId,\n                        })\n                      }}\n                    }\n                  </mat-option>\n                } @empty {\n                  <mat-option [disabled]=\"true\">{{\n                    t.gettext('No application hooks configured')\n                  }}</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n          }\n        }\n      </section>\n      </mat-card>\n    }\n    <mat-card class=\"post-setting-card\">\n    <section\n      class=\"post-permissions\"\n      aria-labelledby=\"post-permissions-heading\">\n      <h2 id=\"post-permissions-heading\">{{ t.gettext('Permissions') }}</h2>\n      @if (permissionSource(); as source) {\n        <p role=\"note\">\n          {{\n            t.gettext(\n              'Permissions are inherited from # [[ postId ]] - [[ title ]]. Edit the source post to change them.',\n              { postId: source.id, title: source.title }\n            )\n          }}\n        </p>\n      }\n      @if (permissionsLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading assigned permissions...') }}</p>\n      } @else if (permissionsError()) {\n        <p\n          class=\"error\"\n          role=\"alert\">\n          {{ permissionsError() }}\n        </p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"loadPermissions()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      } @else {\n        <ul>\n          @for (permission of permissions(); track permission.id) {\n            <li>\n              <span>{{ permission.name }} ({{ permission.code }})</span>\n              <button\n                mat-icon-button\n                type=\"button\"\n                [attr.aria-label]=\"\n                  t.gettext('Remove permission [[ name ]]', {\n                    name: permission.name,\n                  })\n                \"\n                [disabled]=\"busy() || dialogOpen() || !!permissionSource()\"\n                (click)=\"removePermission(permission.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>{{ t.gettext('No permissions assigned.') }}</li>\n          }\n        </ul>\n        @if (permissionOptionsError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ permissionOptionsError() }}\n          </p>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\"\n            (click)=\"loadPermissionOptions()\">\n            {{ t.gettext('Try again') }}\n          </button>\n        } @else {\n          <div class=\"permission-assignment\">\n            <mat-form-field\n            class=\"w-full\"\n              appearance=\"outline\"\n              subscriptSizing=\"dynamic\">\n              <mat-label>{{ t.gettext('Permission') }}</mat-label>\n              <mat-select\n                [value]=\"selectedPermissionId()\"\n                [disabled]=\"\n                  busy() ||\n                  dialogOpen() ||\n                  permissionOptionsLoading() ||\n                  !!permissionSource()\n                \"\n                (selectionChange)=\"selectedPermissionId.set($event.value)\">\n                @for (\n                  permission of availablePermissions();\n                  track permission.id\n                ) {\n                  <mat-option [value]=\"permission.id\"\n                    >{{ permission.name }} ({{ permission.code }})</mat-option\n                  >\n                } @empty {\n                  <mat-option [disabled]=\"true\">{{\n                    t.gettext('No permissions available')\n                  }}</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n            <button\n              mat-button\n              type=\"button\"\n              [disabled]=\"\n                busy() ||\n                dialogOpen() ||\n                !selectedPermissionId() ||\n                !!permissionSource()\n              \"\n              (click)=\"addPermission()\">\n              <mat-icon>add</mat-icon> {{ t.gettext('Assign permission') }}\n            </button>\n          </div>\n        }\n      }\n      @if (!permissionSource()) {\n        <mat-checkbox\n          [checked]=\"applyPermissionsToRelatedPosts()\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (change)=\"applyPermissionsToRelatedPosts.set($event.checked)\">\n          {{ t.gettext('Apply permissions to related posts') }}\n        </mat-checkbox>\n      }\n    </section>\n    </mat-card>\n        </div>\n      </mat-tab>\n    </mat-tab-group>\n  } @else if (currentPost(); as post) {\n    @if (thumbnailPreviewUrl()) {\n      <img\n        class=\"thumbnail-preview\"\n        [src]=\"thumbnailPreviewUrl()\"\n        [alt]=\"t.gettext('Post thumbnail')\" />\n    }\n    @if (thumbnailError()) {\n      <p role=\"alert\">{{ thumbnailError() }}</p>\n    }\n    <h1 class=\"post-title\">{{ post.title }}</h1>\n    @if (post.excerpt) {\n      <p class=\"post-excerpt\">{{ post.excerpt }}</p>\n    }\n    <div\n      class=\"post-body\"\n      [innerHTML]=\"resolvedBody()\"></div>\n    @if (mediaAttachment(); as media) {\n      @if (draft()[media.key]; as key) {\n        @if (mediaPreviewLoading()) {\n          <p role=\"status\">{{ t.gettext('Loading media...') }}</p>\n        } @else if (mediaPreviewError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ mediaPreviewError() }}\n          </p>\n        } @else if (media.type === 'video' && mediaPreviewUrl()) {\n          <video\n            controls\n            preload=\"none\"\n            [poster]=\"thumbnailPreviewUrl() || null\"\n            [src]=\"mediaPreviewUrl()\">\n            {{ t.gettext('Your browser does not support video playback.') }}\n          </video>\n        } @else if (media.type === 'audio' && mediaPreviewUrl()) {\n          <audio\n            controls\n            preload=\"none\"\n            [poster]=\"thumbnailPreviewUrl() || null\"\n            [src]=\"mediaPreviewUrl()\">\n            {{ t.gettext('Your browser does not support audio playback.') }}\n          </audio>\n        } @else if (media.type === 'attachment' && mediaPreviewUrl()) {\n          <p>\n            {{\n              t.gettext('Attached file: [[ fileName ]]', {\n                fileName: mediaFileName(key),\n              })\n            }}\n            <a\n              [href]=\"mediaPreviewUrl()\"\n              target=\"_blank\"\n              rel=\"noopener\"\n              >{{ t.gettext('Download or open') }}</a\n            >\n          </p>\n        }\n      }\n    }\n  } @else {\n    <p role=\"status\">{{ t.gettext('No post is loaded.') }}</p>\n  }\n</article>\n", styles: [":host{display:block}.post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;border-bottom:1px solid rgba(136,136,136,.2)}.post-status{margin-right:auto;text-transform:capitalize;opacity:.7}.buttons{display:flex;flex-wrap:wrap;gap:.5rem}.post-article{max-width:760px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.5rem;overflow-wrap:anywhere}.post-settings{display:grid;gap:1rem;margin-top:1rem}.post-setting-card{display:block}.post-title{margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}.post-excerpt{margin:0 0 2rem;font-size:1.35rem;line-height:1.6;opacity:.7;white-space:pre-wrap}.post-body{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;line-height:1.8;white-space:pre-wrap}.editable{min-height:1.2em;outline:none}.editable:focus{box-shadow:-3px 0 #8885}.editable:empty:before{content:attr(data-placeholder);opacity:.4;pointer-events:none}.post-content-editor{border:1px solid rgba(136,136,136,.3333333333);border-radius:4px;overflow:hidden}.raw-content{display:block;box-sizing:border-box;width:100%;min-height:20rem;padding:1rem;resize:vertical;border:0;color:inherit;background:transparent;font-family:monospace}ngx-editor{display:block;min-height:20rem}.content-preview{min-height:12rem;padding:1rem}.slug-field{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid rgba(136,136,136,.2);font-size:.875rem}.slug-field input{flex:1;min-width:160px;padding:.5rem;color:inherit;background:transparent;border:1px solid rgba(136,136,136,.3333333333);border-radius:4px}.error{padding:1rem;color:#b3261e}.post-type-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.media-attachment,.post-thumbnail,.post-taxonomy,.related-posts,.application-hook,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.post-thumbnail h2,.post-taxonomy h2,.related-posts h2,.application-hook h2,.post-permissions h2{font-size:1rem}.media-attachment .thumbnail-preview,.post-thumbnail .thumbnail-preview,.post-taxonomy .thumbnail-preview,.related-posts .thumbnail-preview,.application-hook .thumbnail-preview,.post-permissions .thumbnail-preview{display:block;width:min(100%,480px);max-height:320px;object-fit:contain;border-radius:12px;margin-bottom:.75rem}.media-attachment .post-taxonomy mat-form-field,.post-thumbnail .post-taxonomy mat-form-field,.post-taxonomy .post-taxonomy mat-form-field,.related-posts .post-taxonomy mat-form-field,.application-hook .post-taxonomy mat-form-field,.post-permissions .post-taxonomy mat-form-field{display:block;margin-top:.75rem}.related-posts ul,.post-permissions ul{padding:0;list-style:none}.related-posts .application-hook,.post-permissions .application-hook{display:grid;align-items:start;gap:.75rem}.related-posts .application-hook mat-form-field,.post-permissions .application-hook mat-form-field{width:min(100%,28rem)}.related-posts li,.post-permissions li{display:flex;align-items:center;justify-content:space-between;gap:.5rem}video{max-width:100%;max-height:400px!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i8.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i8.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: NgxEditorModule }, { kind: "component", type: i9.NgxEditorComponent, selector: "ngx-editor", inputs: ["editor", "outputFormat", "placeholder"], outputs: ["focusOut", "focusIn"] }, { kind: "component", type: i9.MenuComponent, selector: "ngx-editor-menu", inputs: ["toolbar", "colorPresets", "disabled", "editor", "customMenuRef", "dropdownPlacement"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i10.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i10.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i10.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: TaonCmsEditableDirective, selector: "[taonCmsEditable]", inputs: ["taonCmsEditableFormat", "taonCmsEditableSingleLine", "taonCmsEditable"], outputs: ["taonCmsEditableChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostComponent, decorators: [{
             type: Component,
             args: [{ selector: 'taon-cms-post', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         MatButtonModule,
                         MatCheckboxModule,
+                        MatCardModule,
                         MatFormFieldModule,
                         MatIconModule,
                         MatInputModule,
@@ -6017,14 +6319,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                         MatRadioModule,
                         MatSelectModule,
                         TaonCmsEditableDirective,
+                        NgTemplateOutlet,
                     ], providers: [
                         TaonCmsContentApiService,
                         TaonCmsContentConfigService,
                         TaonPermissionApiService,
                         TaonCmsCategoryApiService,
                         TaonCmsTagApiService,
-                    ], template: "@if (mode() !== 'view-clean') {\n  <header class=\"post-actions\">\n    <span class=\"post-status\">{{\n      mode() === 'add' ? t.gettext('New draft') : currentPost()?.status\n    }}</span>\n    <div class=\"buttons\">\n      @if (editing()) {\n        <button\n          mat-flat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || !canSave()\"\n          (click)=\"save()\">\n          {{ mode() === 'add' ? t.gettext('Add') : t.gettext('Save') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"cancel()\">\n          {{ t.gettext('Cancel') }}\n        </button>\n      } @else if (currentPost()) {\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"edit()\">\n          <mat-icon>edit</mat-icon> {{ t.gettext('Edit') }}\n        </button>\n      }\n      @if (mode() !== 'add' && currentPost()) {\n        @if (canPublish()) {\n          <button\n            mat-flat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen() || (editing() && !canSave())\"\n            (click)=\"publish()\">\n            {{ t.gettext('Publish') }}\n          </button>\n        } @else {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"unpublish()\">\n            {{ t.gettext('Unpublish') }}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"revert()\">\n          <mat-icon>history</mat-icon> {{ t.gettext('Revert') }}\n        </button>\n        @if (currentPost()?.status !== 'archived') {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"delete()\">\n            <mat-icon>delete</mat-icon> {{ t.gettext('Delete') }}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"duplicate()\">\n          <mat-icon>content_copy</mat-icon> {{ t.gettext('Duplicate') }}\n        </button>\n      }\n    </div>\n    @if (busy()) {\n      <span role=\"status\">{{\n        uploading()\n          ? t.gettext('Uploading... ') + uploadProgress() + '%'\n          : t.gettext('Saving...')\n      }}</span>\n    }\n  </header>\n  @if (error()) {\n    <p\n      class=\"error\"\n      role=\"alert\">\n      {{ error() }}\n    </p>\n  }\n}\n\n<article\n  class=\"post-article\"\n  [attr.aria-busy]=\"busy()\">\n  @if (editing()) {\n    <mat-radio-group\n      class=\"post-type-selector\"\n      [attr.aria-label]=\"t.gettext('Post type')\"\n      [value]=\"draft().type\"\n      [disabled]=\"busy() || dialogOpen()\"\n      (change)=\"updateDraft('type', $event.value)\">\n      @for (type of postTypes; track type.value) {\n        <mat-radio-button [value]=\"type.value\">{{\n          type.label\n        }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    <div\n      class=\"post-title editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post title')\"\n      aria-required=\"true\"\n      [attr.data-placeholder]=\"placeholderTitle()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditableSingleLine]=\"true\"\n      [taonCmsEditable]=\"draft().title\"\n      (taonCmsEditableChange)=\"updateDraft('title', $event)\"></div>\n    <div\n      class=\"post-excerpt editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post excerpt')\"\n      aria-multiline=\"true\"\n      [attr.data-placeholder]=\"placeholderShortIntro()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditable]=\"draft().excerpt\"\n      (taonCmsEditableChange)=\"updateDraft('excerpt', $event)\"></div>\n    <section class=\"post-content-editor\">\n      <mat-tab-group\n        [selectedIndex]=\"contentTab()\"\n        (selectedIndexChange)=\"contentTab.set($event)\"\n        [preserveContent]=\"true\"\n        animationDuration=\"0ms\">\n        <mat-tab [label]=\"t.gettext('Editor')\">\n          @if (contentEditor(); as editor) {\n            <ngx-editor-menu\n              [editor]=\"editor\"\n              [toolbar]=\"contentToolbar\"\n              [disabled]=\"busy() || dialogOpen()\" />\n            <ngx-editor\n              [editor]=\"editor\"\n              [placeholder]=\"placeholderTellYourStory()\" />\n          }\n        </mat-tab>\n        <mat-tab [label]=\"t.gettext('Raw')\">\n          <textarea\n            #rawContent\n            class=\"raw-content\"\n            [attr.aria-label]=\"t.gettext('Post body HTML')\"\n            [value]=\"draft().body\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (input)=\"updateRawContent($event)\"\n            spellcheck=\"false\"></textarea>\n        </mat-tab>\n        <mat-tab [label]=\"t.gettext('Preview')\">\n          <div\n            class=\"post-body content-preview\"\n            [innerHTML]=\"resolvedBody()\"></div>\n        </mat-tab>\n      </mat-tab-group>\n      @if (contentTab() !== 2) {\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || !contentEditor()\"\n          [matMenuTriggerFor]=\"variableMenu\"\n          [matMenuTriggerRestoreFocus]=\"false\">\n          {{ t.gettext('Insert variable') }}\n        </button>\n      }\n      <mat-menu #variableMenu=\"matMenu\">\n        <button mat-menu-item [matMenuTriggerFor]=\"siteVariableMenu\">\n          {{ t.gettext('Site') }}\n        </button>\n        <button mat-menu-item [matMenuTriggerFor]=\"postVariableMenu\">\n          {{ t.gettext('Post') }}\n        </button>\n      </mat-menu>\n      <mat-menu #siteVariableMenu=\"matMenu\">\n        <button mat-menu-item (click)=\"insertVariable('frontendUrl')\">\n          {{ t.gettext('Frontend URL') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('site.name')\">\n          {{ t.gettext('Site name') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('currentYear')\">\n          {{ t.gettext('Current year') }}\n        </button>\n      </mat-menu>\n      <mat-menu #postVariableMenu=\"matMenu\">\n        <button mat-menu-item (click)=\"insertVariable('post.title')\">\n          {{ t.gettext('Post title') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('post.url')\">\n          {{ t.gettext('Post URL') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('post.id')\">\n          {{ t.gettext('Post ID') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('post.thumbnailUrl')\">\n          {{ t.gettext('Post Thumbnail URL') }}\n        </button>\n      </mat-menu>\n    </section>\n    <label class=\"slug-field\">\n      <span>{{ t.gettext('URL slug') }}</span>\n      <input\n        [attr.aria-label]=\"t.gettext('URL slug')\"\n        [value]=\"draft().slug\"\n        [disabled]=\"busy() || dialogOpen()\"\n        (input)=\"updateSlug($event)\"\n        [placeholder]=\"t.gettext('my-post')\" />\n    </label>\n    @if (mediaAttachment(); as media) {\n      <section\n        class=\"media-attachment\"\n        aria-labelledby=\"media-attachment-heading\">\n        <h2 id=\"media-attachment-heading\">{{ media.heading }}</h2>\n        @if (uploading()) {\n          <mat-progress-bar\n            mode=\"determinate\"\n            [value]=\"uploadProgress()\"\n            [attr.aria-label]=\"t.gettext('Media upload progress')\" />\n        }\n        @if (draft()[media.key]; as key) {\n          @if (mediaPreviewLoading()) {\n            <p role=\"status\">{{ t.gettext('Loading media preview...') }}</p>\n          }\n          @if (mediaPreviewError()) {\n            <p\n              class=\"error\"\n              role=\"alert\">\n              {{ mediaPreviewError() }}\n            </p>\n          }\n          @if (media.type === 'video' && mediaPreviewUrl()) {\n            <video\n              controls\n              preload=\"none\"\n              [src]=\"mediaPreviewUrl()\">\n              {{ t.gettext('Your browser does not support video playback.') }}\n            </video>\n          } @else if (media.type === 'audio' && mediaPreviewUrl()) {\n            <audio\n              controls\n              preload=\"none\"\n              [src]=\"mediaPreviewUrl()\">\n              {{ t.gettext('Your browser does not support audio playback.') }}\n            </audio>\n          } @else if (media.type === 'attachment' && mediaPreviewUrl()) {\n            <p>\n              {{\n                t.gettext('Attached file: [[ fileName ]]', {\n                  fileName: mediaFileName(key),\n                })\n              }}\n              <a\n                [href]=\"mediaPreviewUrl()\"\n                target=\"_blank\"\n                rel=\"noopener\"\n                >{{ t.gettext('Download or open') }}</a\n              >\n            </p>\n          }\n          <input\n            #mediaInput\n            hidden\n            type=\"file\"\n            [accept]=\"media.accept\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"fileSelected($event)\" />\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"mediaInput.click()\">\n            {{ t.gettext('Replace') }}\n          </button>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"removeMedia()\">\n            {{ t.gettext('Remove') }}\n          </button>\n        } @else {\n          <input\n            #mediaInput\n            hidden\n            type=\"file\"\n            [accept]=\"media.accept\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"fileSelected($event)\" />\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"mediaInput.click()\">\n            {{ media.uploadLabel }}\n          </button>\n        }\n      </section>\n    }\n    <section\n      class=\"post-thumbnail\"\n      aria-labelledby=\"thumbnail-heading\">\n      <h2 id=\"thumbnail-heading\">{{ t.gettext('Thumbnail') }}</h2>\n      @if (thumbnailPreviewUrl()) {\n        <img\n          class=\"thumbnail-preview\"\n          [src]=\"thumbnailPreviewUrl()\"\n          [alt]=\"t.gettext('Post thumbnail')\" />\n      } @else {\n        <p>{{ t.gettext('No thumbnail selected.') }}</p>\n      }\n      @if (thumbnailError()) {\n        <p role=\"alert\">{{ thumbnailError() }}</p>\n      }\n      <input\n        #thumbnailInput\n        hidden\n        type=\"file\"\n        accept=\"image/*\"\n        [disabled]=\"busy() || dialogOpen()\"\n        (change)=\"thumbnailSelected($event)\" />\n      <div class=\"buttons\">\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"thumbnailInput.click()\">\n          {{ t.gettext('Upload Thumbnail') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"applyDefaultThumbnail()\">\n          {{ t.gettext('Apply Default Placeholder') }}\n        </button>\n      </div>\n    </section>\n    <section\n      class=\"post-taxonomy\"\n      aria-labelledby=\"category-heading\">\n      <h2 id=\"category-heading\">{{ t.gettext('Category and Tags') }}</h2>\n      @if (taxonomyLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading categories and tags...') }}</p>\n      }\n      @if (taxonomyError()) {\n        <p role=\"alert\">{{ taxonomyError() }}</p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy()\"\n          (click)=\"loadTaxonomy()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      }\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Category') }}</mat-label>\n        <mat-select\n          [value]=\"draft().categoryId\"\n          [disabled]=\"\n            busy() || dialogOpen() || taxonomyLoading() || !!taxonomyError()\n          \"\n          (selectionChange)=\"updateDraft('categoryId', $event.value)\">\n          <mat-option [value]=\"null\">{{ t.gettext('None') }}</mat-option>\n          @for (category of categories(); track category.id) {\n            <mat-option [value]=\"category.id\">{{ category.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <h3>{{ t.gettext('Tags') }}</h3>\n      <mat-chip-set [attr.aria-label]=\"t.gettext('Selected tags')\">\n        @for (tag of selectedTags(); track tag.id) {\n          <mat-chip\n            [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n            (removed)=\"removeTag(tag.id)\">\n            {{ tag.name }}\n            <button\n              matChipRemove\n              type=\"button\"\n              [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n              [attr.aria-label]=\"\n                t.gettext('Remove tag [[ name ]]', { name: tag.name })\n              \">\n              <mat-icon>cancel</mat-icon>\n            </button>\n          </mat-chip>\n        }\n      </mat-chip-set>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Search tags') }}</mat-label>\n        <input\n          matInput\n          [value]=\"tagSearch()\"\n          (input)=\"filterTags($event)\"\n          [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\" />\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Add tag') }}</mat-label>\n        <mat-select\n          [value]=\"null\"\n          [disabled]=\"\n            busy() || dialogOpen() || taxonomyLoading() || !!taxonomyError()\n          \"\n          (selectionChange)=\"addTag($event.value)\">\n          @for (tag of filteredTags(); track tag.id) {\n            <mat-option [value]=\"tag.id\">{{ tag.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </section>\n    <section\n      class=\"related-posts\"\n      aria-labelledby=\"related-posts-heading\">\n      <h2 id=\"related-posts-heading\">{{ t.gettext('Related posts') }}</h2>\n      @if (relatedPostsLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading related posts...') }}</p>\n      } @else if (relatedPostsError()) {\n        <p\n          class=\"error\"\n          role=\"alert\">\n          {{ relatedPostsError() }}\n        </p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"loadRelatedPosts()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      } @else {\n        <ul>\n          @for (post of relatedPosts(); track post.id) {\n            <li>\n              <span>#{{ post.id }} - {{ post.title }}</span>\n              <button\n                mat-icon-button\n                type=\"button\"\n                [attr.aria-label]=\"\n                  t.gettext('Remove related post [[ title ]]', {\n                    title: post.title,\n                  })\n                \"\n                [disabled]=\"busy() || dialogOpen()\"\n                (click)=\"removeRelatedPost(post.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>{{ t.gettext('No related posts yet.') }}</li>\n          }\n        </ul>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"addRelatedPost()\">\n          <mat-icon>add</mat-icon> {{ t.gettext('Add related post') }}\n        </button>\n      }\n    </section>\n\n    @if (!mediaAttachment()) {\n      <section\n        class=\"application-hook\"\n        aria-labelledby=\"application-hook-heading\">\n        <h2 id=\"application-hook-heading\">\n          {{ t.gettext('Application Hook') }}\n        </h2>\n        @if (applicationHooksLoading()) {\n          <p role=\"status\">{{ t.gettext('Loading application hooks...') }}</p>\n        } @else if (applicationHooksError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ applicationHooksError() }}\n          </p>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"loadApplicationHooks()\">\n            {{ t.gettext('Try again') }}\n          </button>\n        } @else {\n          <mat-checkbox\n            [checked]=\"useAsApplicationHook()\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"setUseAsApplicationHook($event.checked)\">\n            {{ t.gettext('Use as application hook') }}\n          </mat-checkbox>\n          @if (useAsApplicationHook()) {\n            <mat-form-field\n              appearance=\"outline\"\n              subscriptSizing=\"dynamic\">\n              <mat-label>{{ t.gettext('Application Hook') }}</mat-label>\n              <mat-select\n                [value]=\"selectedApplicationHook()\"\n                [disabled]=\"busy() || dialogOpen()\"\n                (selectionChange)=\"selectedApplicationHook.set($event.value)\">\n                @for (\n                  applicationHook of applicationHooks();\n                  track applicationHook.id\n                ) {\n                  <mat-option\n                    [value]=\"applicationHook.hook\"\n                    [disabled]=\"\n                      applicationHookInUseByAnotherPost(applicationHook)\n                    \">\n                    {{ applicationHookLabel(applicationHook.hook) }}\n                    @if (applicationHookInUseByAnotherPost(applicationHook)) {\n                      {{\n                        t.gettext('(in use by post # [[ postId ]])', {\n                          postId: applicationHook.contentId,\n                        })\n                      }}\n                    }\n                  </mat-option>\n                } @empty {\n                  <mat-option [disabled]=\"true\">{{\n                    t.gettext('No application hooks configured')\n                  }}</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n          }\n        }\n      </section>\n    }\n    <section\n      class=\"post-permissions\"\n      aria-labelledby=\"post-permissions-heading\">\n      <h2 id=\"post-permissions-heading\">\n        {{ t.gettext('Allow Read only with Permissions') }}\n      </h2>\n      @if (permissionSource(); as source) {\n        <p role=\"note\">\n          {{\n            t.gettext(\n              'Permissions are inherited from # [[ postId ]] - [[ title ]]. Edit the source post to change them.',\n              { postId: source.id, title: source.title }\n            )\n          }}\n        </p>\n      }\n      @if (permissionsLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading assigned permissions...') }}</p>\n      } @else if (permissionsError()) {\n        <p\n          class=\"error\"\n          role=\"alert\">\n          {{ permissionsError() }}\n        </p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"loadPermissions()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      } @else {\n        <ul>\n          @for (permission of permissions(); track permission.id) {\n            <li>\n              <span>{{ permission.name }} ({{ permission.code }})</span>\n              <button\n                mat-icon-button\n                type=\"button\"\n                [attr.aria-label]=\"\n                  t.gettext('Remove permission [[ name ]]', {\n                    name: permission.name,\n                  })\n                \"\n                [disabled]=\"busy() || dialogOpen() || !!permissionSource()\"\n                (click)=\"removePermission(permission.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>{{ t.gettext('No permissions assigned.') }}</li>\n          }\n        </ul>\n        @if (permissionOptionsError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ permissionOptionsError() }}\n          </p>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\"\n            (click)=\"loadPermissionOptions()\">\n            {{ t.gettext('Try again') }}\n          </button>\n        } @else {\n          <div class=\"permission-assignment\">\n            <mat-form-field\n            class=\"w-full\"\n              appearance=\"outline\"\n              subscriptSizing=\"dynamic\">\n              <mat-label>{{ t.gettext('Permission') }}</mat-label>\n              <mat-select\n                [value]=\"selectedPermissionId()\"\n                [disabled]=\"\n                  busy() ||\n                  dialogOpen() ||\n                  permissionOptionsLoading() ||\n                  !!permissionSource()\n                \"\n                (selectionChange)=\"selectedPermissionId.set($event.value)\">\n                @for (\n                  permission of availablePermissions();\n                  track permission.id\n                ) {\n                  <mat-option [value]=\"permission.id\"\n                    >{{ permission.name }} ({{ permission.code }})</mat-option\n                  >\n                } @empty {\n                  <mat-option [disabled]=\"true\">{{\n                    t.gettext('No permissions available')\n                  }}</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n            <button\n              mat-button\n              type=\"button\"\n              [disabled]=\"\n                busy() ||\n                dialogOpen() ||\n                !selectedPermissionId() ||\n                !!permissionSource()\n              \"\n              (click)=\"addPermission()\">\n              <mat-icon>add</mat-icon> {{ t.gettext('Assign permission') }}\n            </button>\n          </div>\n        }\n      }\n      @if (!permissionSource()) {\n        <mat-checkbox\n          [checked]=\"applyPermissionsToRelatedPosts()\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (change)=\"applyPermissionsToRelatedPosts.set($event.checked)\">\n          {{ t.gettext('Apply permissions to related posts') }}\n        </mat-checkbox>\n      }\n    </section>\n  } @else if (currentPost(); as post) {\n    @if (thumbnailPreviewUrl()) {\n      <img\n        class=\"thumbnail-preview\"\n        [src]=\"thumbnailPreviewUrl()\"\n        [alt]=\"t.gettext('Post thumbnail')\" />\n    }\n    @if (thumbnailError()) {\n      <p role=\"alert\">{{ thumbnailError() }}</p>\n    }\n    <h1 class=\"post-title\">{{ post.title }}</h1>\n    @if (post.excerpt) {\n      <p class=\"post-excerpt\">{{ post.excerpt }}</p>\n    }\n    <div\n      class=\"post-body\"\n      [innerHTML]=\"resolvedBody()\"></div>\n    @if (mediaAttachment(); as media) {\n      @if (draft()[media.key]; as key) {\n        @if (mediaPreviewLoading()) {\n          <p role=\"status\">{{ t.gettext('Loading media...') }}</p>\n        } @else if (mediaPreviewError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ mediaPreviewError() }}\n          </p>\n        } @else if (media.type === 'video' && mediaPreviewUrl()) {\n          <video\n            controls\n            preload=\"none\"\n            [src]=\"mediaPreviewUrl()\">\n            {{ t.gettext('Your browser does not support video playback.') }}\n          </video>\n        } @else if (media.type === 'audio' && mediaPreviewUrl()) {\n          <audio\n            controls\n            preload=\"none\"\n            [src]=\"mediaPreviewUrl()\">\n            {{ t.gettext('Your browser does not support audio playback.') }}\n          </audio>\n        } @else if (media.type === 'attachment' && mediaPreviewUrl()) {\n          <p>\n            {{\n              t.gettext('Attached file: [[ fileName ]]', {\n                fileName: mediaFileName(key),\n              })\n            }}\n            <a\n              [href]=\"mediaPreviewUrl()\"\n              target=\"_blank\"\n              rel=\"noopener\"\n              >{{ t.gettext('Download or open') }}</a\n            >\n          </p>\n        }\n      }\n    }\n  } @else {\n    <p role=\"status\">{{ t.gettext('No post is loaded.') }}</p>\n  }\n</article>\n", styles: [":host{display:block}.post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;border-bottom:1px solid rgba(136,136,136,.2)}.post-status{margin-right:auto;text-transform:capitalize;opacity:.7}.buttons{display:flex;flex-wrap:wrap;gap:.5rem}.post-article{max-width:760px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.5rem;overflow-wrap:anywhere}.post-title{margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}.post-excerpt{margin:0 0 2rem;font-size:1.35rem;line-height:1.6;opacity:.7;white-space:pre-wrap}.post-body{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;line-height:1.8;white-space:pre-wrap}.editable{min-height:1.2em;outline:none}.editable:focus{box-shadow:-3px 0 #8885}.editable:empty:before{content:attr(data-placeholder);opacity:.4;pointer-events:none}.post-content-editor{border:1px solid rgba(136,136,136,.3333333333);border-radius:4px;overflow:hidden}.raw-content{display:block;box-sizing:border-box;width:100%;min-height:20rem;padding:1rem;resize:vertical;border:0;color:inherit;background:transparent;font-family:monospace}ngx-editor{display:block;min-height:20rem}.content-preview{min-height:12rem;padding:1rem}.slug-field{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid rgba(136,136,136,.2);font-size:.875rem}.slug-field input{flex:1;min-width:160px;padding:.5rem;color:inherit;background:transparent;border:1px solid rgba(136,136,136,.3333333333);border-radius:4px}.error{padding:1rem;color:#b3261e}.post-type-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.media-attachment,.post-thumbnail,.post-taxonomy,.related-posts,.application-hook,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.post-thumbnail h2,.post-taxonomy h2,.related-posts h2,.application-hook h2,.post-permissions h2{font-size:1rem}.media-attachment .thumbnail-preview,.post-thumbnail .thumbnail-preview,.post-taxonomy .thumbnail-preview,.related-posts .thumbnail-preview,.application-hook .thumbnail-preview,.post-permissions .thumbnail-preview{display:block;width:min(100%,480px);max-height:320px;object-fit:contain;border-radius:12px;margin-bottom:.75rem}.media-attachment .post-taxonomy mat-form-field,.post-thumbnail .post-taxonomy mat-form-field,.post-taxonomy .post-taxonomy mat-form-field,.related-posts .post-taxonomy mat-form-field,.application-hook .post-taxonomy mat-form-field,.post-permissions .post-taxonomy mat-form-field{display:block;margin-top:.75rem}.related-posts ul,.post-permissions ul{padding:0;list-style:none}.related-posts .application-hook,.post-permissions .application-hook{display:grid;align-items:start;gap:.75rem}.related-posts .application-hook mat-form-field,.post-permissions .application-hook mat-form-field{width:min(100%,28rem)}.related-posts li,.post-permissions li{display:flex;align-items:center;justify-content:space-between;gap:.5rem}video{max-width:100%;max-height:400px!important}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { post: [{ type: i0.Input, args: [{ isSignal: true, alias: "post", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], changed: [{ type: i0.Output, args: ["changed"] }], deleted: [{ type: i0.Output, args: ["deleted"] }], duplicated: [{ type: i0.Output, args: ["duplicated"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }], rawContent: [{ type: i0.ViewChild, args: ['rawContent', { isSignal: true }] }] } });
+                    ], template: "@if (mode() !== 'view-clean') {\n  <ng-template #actionButtonsTemplate>\n    <div class=\"buttons\">\n      @if (editing()) {\n        <button\n          mat-flat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || !canSave()\"\n          (click)=\"save()\">\n          {{ mode() === 'add' ? t.gettext('Add') : t.gettext('Save') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"cancel()\">\n          {{ t.gettext('Cancel') }}\n        </button>\n      } @else if (currentPost()) {\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"edit()\">\n          <mat-icon>edit</mat-icon> {{ t.gettext('Edit') }}\n        </button>\n      }\n      @if (mode() !== 'add' && currentPost()) {\n        @if (canPublish()) {\n          <button\n            mat-flat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen() || (editing() && !canSave())\"\n            (click)=\"publish()\">\n            {{ t.gettext('Publish') }}\n          </button>\n        } @else {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"unpublish()\">\n            {{ t.gettext('Unpublish') }}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"revert()\">\n          <mat-icon>history</mat-icon> {{ t.gettext('Revert') }}\n        </button>\n        @if (currentPost()?.status !== 'archived') {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"delete()\">\n            <mat-icon>delete</mat-icon> {{ t.gettext('Delete') }}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"duplicate()\">\n          <mat-icon>content_copy</mat-icon> {{ t.gettext('Duplicate') }}\n        </button>\n      }\n    </div>\n  </ng-template>\n  <header class=\"post-actions\">\n    <span class=\"post-status\">{{\n      mode() === 'add' ? t.gettext('New draft') : currentPost()?.status\n    }}</span>\n    <ng-container [ngTemplateOutlet]=\"actionButtonsTemplate\" />\n    @if (busy()) {\n      <span role=\"status\">{{\n        uploading()\n          ? t.gettext('Uploading... ') + uploadProgress() + '%'\n          : t.gettext('Saving...')\n      }}</span>\n    }\n  </header>\n  @if (error()) {\n    <p\n      class=\"error\"\n      role=\"alert\">\n      {{ error() }}\n    </p>\n  }\n}\n\n<article\n  class=\"post-article\"\n  [attr.aria-busy]=\"busy()\">\n  @if (editing()) {\n    <mat-tab-group animationDuration=\"0ms\">\n      <mat-tab [label]=\"t.gettext('CONTENT')\">\n    <mat-radio-group\n      class=\"post-type-selector\"\n      [attr.aria-label]=\"t.gettext('Post type')\"\n      [value]=\"draft().type\"\n      [disabled]=\"busy() || dialogOpen()\"\n      (change)=\"updateDraft('type', $event.value)\">\n      @for (type of postTypes; track type.value) {\n        <mat-radio-button [value]=\"type.value\">{{\n          type.label\n        }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    <div\n      class=\"post-title editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post title')\"\n      aria-required=\"true\"\n      [attr.data-placeholder]=\"placeholderTitle()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditableSingleLine]=\"true\"\n      [taonCmsEditable]=\"draft().title\"\n      (taonCmsEditableChange)=\"updateDraft('title', $event)\"></div>\n    <div\n      class=\"post-excerpt editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post excerpt')\"\n      aria-multiline=\"true\"\n      [attr.data-placeholder]=\"placeholderShortIntro()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditable]=\"draft().excerpt\"\n      (taonCmsEditableChange)=\"updateDraft('excerpt', $event)\"></div>\n    <section class=\"post-content-editor\">\n      <mat-tab-group\n        [selectedIndex]=\"contentTab()\"\n        (selectedIndexChange)=\"contentTab.set($event)\"\n        [preserveContent]=\"true\"\n        animationDuration=\"0ms\">\n        <mat-tab [label]=\"t.gettext('Editor')\">\n          @if (contentEditor(); as editor) {\n            <ngx-editor-menu\n              [editor]=\"editor\"\n              [toolbar]=\"contentToolbar\"\n              [disabled]=\"busy() || dialogOpen()\" />\n            <ngx-editor\n              [editor]=\"editor\"\n              [placeholder]=\"placeholderTellYourStory()\" />\n          }\n        </mat-tab>\n        <mat-tab [label]=\"t.gettext('Raw')\">\n          <textarea\n            #rawContent\n            class=\"raw-content\"\n            [attr.aria-label]=\"t.gettext('Post body HTML')\"\n            [value]=\"draft().body\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (input)=\"updateRawContent($event)\"\n            spellcheck=\"false\"></textarea>\n        </mat-tab>\n        <mat-tab [label]=\"t.gettext('Preview')\">\n          <div\n            class=\"post-body content-preview\"\n            [innerHTML]=\"resolvedBody()\"></div>\n        </mat-tab>\n      </mat-tab-group>\n      @if (contentTab() !== 2) {\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || !contentEditor()\"\n          [matMenuTriggerFor]=\"variableMenu\"\n          [matMenuTriggerRestoreFocus]=\"false\">\n          {{ t.gettext('Insert variable') }}\n        </button>\n      }\n      <mat-menu #variableMenu=\"matMenu\">\n        <button mat-menu-item [matMenuTriggerFor]=\"siteVariableMenu\">\n          {{ t.gettext('Site') }}\n        </button>\n        <button mat-menu-item [matMenuTriggerFor]=\"postVariableMenu\">\n          {{ t.gettext('Post') }}\n        </button>\n      </mat-menu>\n      <mat-menu #siteVariableMenu=\"matMenu\">\n        <button mat-menu-item (click)=\"insertVariable('frontendUrl')\">\n          {{ t.gettext('Frontend URL') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('site.name')\">\n          {{ t.gettext('Site name') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('currentYear')\">\n          {{ t.gettext('Current year') }}\n        </button>\n      </mat-menu>\n      <mat-menu #postVariableMenu=\"matMenu\">\n        <button mat-menu-item (click)=\"insertVariable('post.title')\">\n          {{ t.gettext('Post title') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('post.url')\">\n          {{ t.gettext('Post URL') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('post.id')\">\n          {{ t.gettext('Post ID') }}\n        </button>\n        <button mat-menu-item (click)=\"insertVariable('post.thumbnailUrl')\">\n          {{ t.gettext('Post Thumbnail URL') }}\n        </button>\n      </mat-menu>\n    </section>\n    <label class=\"slug-field\">\n      <span>{{ t.gettext('URL slug') }}</span>\n      <input\n        [attr.aria-label]=\"t.gettext('URL slug')\"\n        [value]=\"draft().slug\"\n        [disabled]=\"busy() || dialogOpen()\"\n        (input)=\"updateSlug($event)\"\n        [placeholder]=\"t.gettext('my-post')\" />\n    </label>\n      </mat-tab>\n      <mat-tab [label]=\"t.gettext('SETTINGS')\">\n        <div class=\"post-settings\">\n    @if (mediaAttachment(); as media) {\n      <mat-card class=\"post-setting-card\">\n      <section\n        class=\"media-attachment\"\n        aria-labelledby=\"media-attachment-heading\">\n        <h2 id=\"media-attachment-heading\">{{ media.heading }}</h2>\n        @if (uploading()) {\n          <mat-progress-bar\n            mode=\"determinate\"\n            [value]=\"uploadProgress()\"\n            [attr.aria-label]=\"t.gettext('Media upload progress')\" />\n        }\n        @if (draft()[media.key]; as key) {\n          @if (mediaPreviewLoading()) {\n            <p role=\"status\">{{ t.gettext('Loading media preview...') }}</p>\n          }\n          @if (mediaPreviewError()) {\n            <p\n              class=\"error\"\n              role=\"alert\">\n              {{ mediaPreviewError() }}\n            </p>\n          }\n          @if (media.type === 'video' && mediaPreviewUrl()) {\n            <video\n              controls\n              preload=\"none\"\n              [src]=\"mediaPreviewUrl()\">\n              {{ t.gettext('Your browser does not support video playback.') }}\n            </video>\n          } @else if (media.type === 'audio' && mediaPreviewUrl()) {\n            <audio\n              controls\n              preload=\"none\"\n              [src]=\"mediaPreviewUrl()\">\n              {{ t.gettext('Your browser does not support audio playback.') }}\n            </audio>\n          } @else if (media.type === 'attachment' && mediaPreviewUrl()) {\n            <p>\n              {{\n                t.gettext('Attached file: [[ fileName ]]', {\n                  fileName: mediaFileName(key),\n                })\n              }}\n              <a\n                [href]=\"mediaPreviewUrl()\"\n                target=\"_blank\"\n                rel=\"noopener\"\n                >{{ t.gettext('Download or open') }}</a\n              >\n            </p>\n          }\n          <input\n            #mediaInput\n            hidden\n            type=\"file\"\n            [accept]=\"media.accept\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"fileSelected($event)\" />\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"mediaInput.click()\">\n            {{ t.gettext('Replace') }}\n          </button>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"removeMedia()\">\n            {{ t.gettext('Remove') }}\n          </button>\n        } @else {\n          <input\n            #mediaInput\n            hidden\n            type=\"file\"\n            [accept]=\"media.accept\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"fileSelected($event)\" />\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"mediaInput.click()\">\n            {{ media.uploadLabel }}\n          </button>\n        }\n      </section>\n      </mat-card>\n    }\n    <mat-card class=\"post-setting-card\">\n    <section\n      class=\"post-thumbnail\"\n      aria-labelledby=\"thumbnail-heading\">\n      <h2 id=\"thumbnail-heading\">{{ t.gettext('Thumbnail') }}</h2>\n      @if (thumbnailPreviewUrl()) {\n        <img\n          class=\"thumbnail-preview\"\n          [src]=\"thumbnailPreviewUrl()\"\n          [alt]=\"t.gettext('Post thumbnail')\" />\n      } @else {\n        <p>{{ t.gettext('No thumbnail selected.') }}</p>\n      }\n      @if (thumbnailError()) {\n        <p role=\"alert\">{{ thumbnailError() }}</p>\n      }\n      <input\n        #thumbnailInput\n        hidden\n        type=\"file\"\n        accept=\"image/*\"\n        [disabled]=\"busy() || dialogOpen()\"\n        (change)=\"thumbnailSelected($event)\" />\n      <div class=\"buttons\">\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"thumbnailInput.click()\">\n          {{ t.gettext('Upload Thumbnail') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"applyDefaultThumbnail()\">\n          {{ t.gettext('Apply Default Placeholder') }}\n        </button>\n      </div>\n    </section>\n    </mat-card>\n    <mat-card class=\"post-setting-card\">\n    <section\n      class=\"post-taxonomy\"\n      aria-labelledby=\"category-heading\">\n      <h2 id=\"category-heading\">{{ t.gettext('Category / Tags') }}</h2>\n      @if (taxonomyLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading categories and tags...') }}</p>\n      }\n      @if (taxonomyError()) {\n        <p role=\"alert\">{{ taxonomyError() }}</p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy()\"\n          (click)=\"loadTaxonomy()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      }\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Category') }}</mat-label>\n        <mat-select\n          [value]=\"draft().categoryId\"\n          [disabled]=\"\n            busy() || dialogOpen() || taxonomyLoading() || !!taxonomyError()\n          \"\n          (selectionChange)=\"updateDraft('categoryId', $event.value)\">\n          <mat-option [value]=\"null\">{{ t.gettext('None') }}</mat-option>\n          @for (category of categories(); track category.id) {\n            <mat-option [value]=\"category.id\">{{ category.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <h3>{{ t.gettext('Tags') }}</h3>\n      <mat-chip-set [attr.aria-label]=\"t.gettext('Selected tags')\">\n        @for (tag of selectedTags(); track tag.id) {\n          <mat-chip\n            [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n            (removed)=\"removeTag(tag.id)\">\n            {{ tag.name }}\n            <button\n              matChipRemove\n              type=\"button\"\n              [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n              [attr.aria-label]=\"\n                t.gettext('Remove tag [[ name ]]', { name: tag.name })\n              \">\n              <mat-icon>cancel</mat-icon>\n            </button>\n          </mat-chip>\n        }\n      </mat-chip-set>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Search tags') }}</mat-label>\n        <input\n          matInput\n          [value]=\"tagSearch()\"\n          (input)=\"filterTags($event)\"\n          [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\" />\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Add tag') }}</mat-label>\n        <mat-select\n          [value]=\"null\"\n          [disabled]=\"\n            busy() || dialogOpen() || taxonomyLoading() || !!taxonomyError()\n          \"\n          (selectionChange)=\"addTag($event.value)\">\n          @for (tag of filteredTags(); track tag.id) {\n            <mat-option [value]=\"tag.id\">{{ tag.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <div class=\"buttons\">\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n          (click)=\"createTaxonomy('category')\">\n          <mat-icon>add</mat-icon> {{ t.gettext('Add category') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n          (click)=\"createTaxonomy('tag')\">\n          <mat-icon>add</mat-icon> {{ t.gettext('Add tag') }}\n        </button>\n      </div>\n    </section>\n    </mat-card>\n    <mat-card class=\"post-setting-card\">\n    <section\n      class=\"related-posts\"\n      aria-labelledby=\"related-posts-heading\">\n      <h2 id=\"related-posts-heading\">{{ t.gettext('Related posts') }}</h2>\n      @if (relatedPostsLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading related posts...') }}</p>\n      } @else if (relatedPostsError()) {\n        <p\n          class=\"error\"\n          role=\"alert\">\n          {{ relatedPostsError() }}\n        </p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"loadRelatedPosts()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      } @else {\n        <ul>\n          @for (post of relatedPosts(); track post.id) {\n            <li>\n              <span>#{{ post.id }} - {{ post.title }}</span>\n              <button\n                mat-icon-button\n                type=\"button\"\n                [attr.aria-label]=\"\n                  t.gettext('Remove related post [[ title ]]', {\n                    title: post.title,\n                  })\n                \"\n                [disabled]=\"busy() || dialogOpen()\"\n                (click)=\"removeRelatedPost(post.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>{{ t.gettext('No related posts yet.') }}</li>\n          }\n        </ul>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"addRelatedPost()\">\n          <mat-icon>add</mat-icon> {{ t.gettext('Add related post') }}\n        </button>\n        @if (currentPost()) {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"addAsChildOf()\">\n            <mat-icon>account_tree</mat-icon>\n            {{ t.gettext('Add as child of') }}\n          </button>\n        }\n      }\n    </section>\n    </mat-card>\n\n    @if (!mediaAttachment()) {\n      <mat-card class=\"post-setting-card\">\n      <section\n        class=\"application-hook\"\n        aria-labelledby=\"application-hook-heading\">\n        <h2 id=\"application-hook-heading\">\n          {{ t.gettext('Hooks') }}\n        </h2>\n        @if (applicationHooksLoading()) {\n          <p role=\"status\">{{ t.gettext('Loading application hooks...') }}</p>\n        } @else if (applicationHooksError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ applicationHooksError() }}\n          </p>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"loadApplicationHooks()\">\n            {{ t.gettext('Try again') }}\n          </button>\n        } @else {\n          <mat-checkbox\n            [checked]=\"useAsApplicationHook()\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"setUseAsApplicationHook($event.checked)\">\n            {{ t.gettext('Use as application hook') }}\n          </mat-checkbox>\n          @if (useAsApplicationHook()) {\n            <mat-form-field\n              appearance=\"outline\"\n              subscriptSizing=\"dynamic\">\n              <mat-label>{{ t.gettext('Application Hook') }}</mat-label>\n              <mat-select\n                [value]=\"selectedApplicationHook()\"\n                [disabled]=\"busy() || dialogOpen()\"\n                (selectionChange)=\"selectedApplicationHook.set($event.value)\">\n                @for (\n                  applicationHook of applicationHooks();\n                  track applicationHook.id\n                ) {\n                  <mat-option\n                    [value]=\"applicationHook.hook\"\n                    [disabled]=\"\n                      applicationHookInUseByAnotherPost(applicationHook)\n                    \">\n                    {{ applicationHookLabel(applicationHook.hook) }}\n                    @if (applicationHookInUseByAnotherPost(applicationHook)) {\n                      {{\n                        t.gettext('(in use by post # [[ postId ]])', {\n                          postId: applicationHook.contentId,\n                        })\n                      }}\n                    }\n                  </mat-option>\n                } @empty {\n                  <mat-option [disabled]=\"true\">{{\n                    t.gettext('No application hooks configured')\n                  }}</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n          }\n        }\n      </section>\n      </mat-card>\n    }\n    <mat-card class=\"post-setting-card\">\n    <section\n      class=\"post-permissions\"\n      aria-labelledby=\"post-permissions-heading\">\n      <h2 id=\"post-permissions-heading\">{{ t.gettext('Permissions') }}</h2>\n      @if (permissionSource(); as source) {\n        <p role=\"note\">\n          {{\n            t.gettext(\n              'Permissions are inherited from # [[ postId ]] - [[ title ]]. Edit the source post to change them.',\n              { postId: source.id, title: source.title }\n            )\n          }}\n        </p>\n      }\n      @if (permissionsLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading assigned permissions...') }}</p>\n      } @else if (permissionsError()) {\n        <p\n          class=\"error\"\n          role=\"alert\">\n          {{ permissionsError() }}\n        </p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"loadPermissions()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      } @else {\n        <ul>\n          @for (permission of permissions(); track permission.id) {\n            <li>\n              <span>{{ permission.name }} ({{ permission.code }})</span>\n              <button\n                mat-icon-button\n                type=\"button\"\n                [attr.aria-label]=\"\n                  t.gettext('Remove permission [[ name ]]', {\n                    name: permission.name,\n                  })\n                \"\n                [disabled]=\"busy() || dialogOpen() || !!permissionSource()\"\n                (click)=\"removePermission(permission.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>{{ t.gettext('No permissions assigned.') }}</li>\n          }\n        </ul>\n        @if (permissionOptionsError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ permissionOptionsError() }}\n          </p>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\"\n            (click)=\"loadPermissionOptions()\">\n            {{ t.gettext('Try again') }}\n          </button>\n        } @else {\n          <div class=\"permission-assignment\">\n            <mat-form-field\n            class=\"w-full\"\n              appearance=\"outline\"\n              subscriptSizing=\"dynamic\">\n              <mat-label>{{ t.gettext('Permission') }}</mat-label>\n              <mat-select\n                [value]=\"selectedPermissionId()\"\n                [disabled]=\"\n                  busy() ||\n                  dialogOpen() ||\n                  permissionOptionsLoading() ||\n                  !!permissionSource()\n                \"\n                (selectionChange)=\"selectedPermissionId.set($event.value)\">\n                @for (\n                  permission of availablePermissions();\n                  track permission.id\n                ) {\n                  <mat-option [value]=\"permission.id\"\n                    >{{ permission.name }} ({{ permission.code }})</mat-option\n                  >\n                } @empty {\n                  <mat-option [disabled]=\"true\">{{\n                    t.gettext('No permissions available')\n                  }}</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n            <button\n              mat-button\n              type=\"button\"\n              [disabled]=\"\n                busy() ||\n                dialogOpen() ||\n                !selectedPermissionId() ||\n                !!permissionSource()\n              \"\n              (click)=\"addPermission()\">\n              <mat-icon>add</mat-icon> {{ t.gettext('Assign permission') }}\n            </button>\n          </div>\n        }\n      }\n      @if (!permissionSource()) {\n        <mat-checkbox\n          [checked]=\"applyPermissionsToRelatedPosts()\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (change)=\"applyPermissionsToRelatedPosts.set($event.checked)\">\n          {{ t.gettext('Apply permissions to related posts') }}\n        </mat-checkbox>\n      }\n    </section>\n    </mat-card>\n        </div>\n      </mat-tab>\n    </mat-tab-group>\n  } @else if (currentPost(); as post) {\n    @if (thumbnailPreviewUrl()) {\n      <img\n        class=\"thumbnail-preview\"\n        [src]=\"thumbnailPreviewUrl()\"\n        [alt]=\"t.gettext('Post thumbnail')\" />\n    }\n    @if (thumbnailError()) {\n      <p role=\"alert\">{{ thumbnailError() }}</p>\n    }\n    <h1 class=\"post-title\">{{ post.title }}</h1>\n    @if (post.excerpt) {\n      <p class=\"post-excerpt\">{{ post.excerpt }}</p>\n    }\n    <div\n      class=\"post-body\"\n      [innerHTML]=\"resolvedBody()\"></div>\n    @if (mediaAttachment(); as media) {\n      @if (draft()[media.key]; as key) {\n        @if (mediaPreviewLoading()) {\n          <p role=\"status\">{{ t.gettext('Loading media...') }}</p>\n        } @else if (mediaPreviewError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ mediaPreviewError() }}\n          </p>\n        } @else if (media.type === 'video' && mediaPreviewUrl()) {\n          <video\n            controls\n            preload=\"none\"\n            [poster]=\"thumbnailPreviewUrl() || null\"\n            [src]=\"mediaPreviewUrl()\">\n            {{ t.gettext('Your browser does not support video playback.') }}\n          </video>\n        } @else if (media.type === 'audio' && mediaPreviewUrl()) {\n          <audio\n            controls\n            preload=\"none\"\n            [poster]=\"thumbnailPreviewUrl() || null\"\n            [src]=\"mediaPreviewUrl()\">\n            {{ t.gettext('Your browser does not support audio playback.') }}\n          </audio>\n        } @else if (media.type === 'attachment' && mediaPreviewUrl()) {\n          <p>\n            {{\n              t.gettext('Attached file: [[ fileName ]]', {\n                fileName: mediaFileName(key),\n              })\n            }}\n            <a\n              [href]=\"mediaPreviewUrl()\"\n              target=\"_blank\"\n              rel=\"noopener\"\n              >{{ t.gettext('Download or open') }}</a\n            >\n          </p>\n        }\n      }\n    }\n  } @else {\n    <p role=\"status\">{{ t.gettext('No post is loaded.') }}</p>\n  }\n</article>\n", styles: [":host{display:block}.post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;border-bottom:1px solid rgba(136,136,136,.2)}.post-status{margin-right:auto;text-transform:capitalize;opacity:.7}.buttons{display:flex;flex-wrap:wrap;gap:.5rem}.post-article{max-width:760px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.5rem;overflow-wrap:anywhere}.post-settings{display:grid;gap:1rem;margin-top:1rem}.post-setting-card{display:block}.post-title{margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}.post-excerpt{margin:0 0 2rem;font-size:1.35rem;line-height:1.6;opacity:.7;white-space:pre-wrap}.post-body{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;line-height:1.8;white-space:pre-wrap}.editable{min-height:1.2em;outline:none}.editable:focus{box-shadow:-3px 0 #8885}.editable:empty:before{content:attr(data-placeholder);opacity:.4;pointer-events:none}.post-content-editor{border:1px solid rgba(136,136,136,.3333333333);border-radius:4px;overflow:hidden}.raw-content{display:block;box-sizing:border-box;width:100%;min-height:20rem;padding:1rem;resize:vertical;border:0;color:inherit;background:transparent;font-family:monospace}ngx-editor{display:block;min-height:20rem}.content-preview{min-height:12rem;padding:1rem}.slug-field{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid rgba(136,136,136,.2);font-size:.875rem}.slug-field input{flex:1;min-width:160px;padding:.5rem;color:inherit;background:transparent;border:1px solid rgba(136,136,136,.3333333333);border-radius:4px}.error{padding:1rem;color:#b3261e}.post-type-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.media-attachment,.post-thumbnail,.post-taxonomy,.related-posts,.application-hook,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.post-thumbnail h2,.post-taxonomy h2,.related-posts h2,.application-hook h2,.post-permissions h2{font-size:1rem}.media-attachment .thumbnail-preview,.post-thumbnail .thumbnail-preview,.post-taxonomy .thumbnail-preview,.related-posts .thumbnail-preview,.application-hook .thumbnail-preview,.post-permissions .thumbnail-preview{display:block;width:min(100%,480px);max-height:320px;object-fit:contain;border-radius:12px;margin-bottom:.75rem}.media-attachment .post-taxonomy mat-form-field,.post-thumbnail .post-taxonomy mat-form-field,.post-taxonomy .post-taxonomy mat-form-field,.related-posts .post-taxonomy mat-form-field,.application-hook .post-taxonomy mat-form-field,.post-permissions .post-taxonomy mat-form-field{display:block;margin-top:.75rem}.related-posts ul,.post-permissions ul{padding:0;list-style:none}.related-posts .application-hook,.post-permissions .application-hook{display:grid;align-items:start;gap:.75rem}.related-posts .application-hook mat-form-field,.post-permissions .application-hook mat-form-field{width:min(100%,28rem)}.related-posts li,.post-permissions li{display:flex;align-items:center;justify-content:space-between;gap:.5rem}video{max-width:100%;max-height:400px!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { post: [{ type: i0.Input, args: [{ isSignal: true, alias: "post", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], changed: [{ type: i0.Output, args: ["changed"] }], deleted: [{ type: i0.Output, args: ["deleted"] }], duplicated: [{ type: i0.Output, args: ["duplicated"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }], actionButtonsTemplate: [{ type: i0.Output, args: ["actionButtonsTemplate"] }], actionButtonsTemplateRef: [{
+                type: ViewChild,
+                args: ['actionButtonsTemplate']
+            }], rawContent: [{ type: i0.ViewChild, args: ['rawContent', { isSignal: true }] }] } });
 
 var taonCmsPost_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -6055,16 +6361,37 @@ const TaonCmsPostRoutes = [
  */
 // export default TaonCmsPostRoutes;
 
-const t$2 = Translation.for('src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts', { "src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-post-details-page.component.ts.en-US.i18n.data-CfETMKWw.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-post-details-page.component.ts.pl-PL.i18n.data-Ci0T7QVO.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-post-details-page.component.ts.de-DE.i18n.data-C-rT2qc1.mjs')).default } });
+const t$2 = Translation.for('src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts', { "src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-post-details-page.component.ts.en-US.i18n.data-CMMxi324.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-post-details-page.component.ts.pl-PL.i18n.data-MhpcULsJ.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-post-details-page.component.ts.de-DE.i18n.data-DNJ9LJlX.mjs')).default } });
 class TaonCmsPostDetailsPageComponent {
     constructor() {
         this.t = t$2.for(this);
         this.route = inject(ActivatedRoute);
         this.router = inject(Router);
-        this.page$ = this.route.data.pipe(map$1(data => ({
+        this.contentFooterService = inject(TaonAdminContentFooterService);
+        this.destroyRef = inject(DestroyRef);
+        this.page$ = combineLatest([
+            this.route.data,
+            this.route.queryParamMap,
+        ]).pipe(map$1(([data, queryParams]) => ({
             create: data['createPost'] === true,
             post: data['post'] ?? null,
+            fromCourses: queryParams.get('postOrigin') === 'courses',
         })));
+        this.destroyRef.onDestroy(() => this.contentFooterService.setTemplate());
+    }
+    setFooterTemplate(template) {
+        this.contentFooterService.setTemplate(template);
+    }
+    goBack(fromCourses) {
+        void this.router
+            .navigate([fromCourses ? '../../courses' : '../'], {
+            relativeTo: this.route,
+            queryParams: { postOrigin: null },
+            queryParamsHandling: 'merge',
+        })
+            .catch(error => {
+            console.error('[taon-cms-post-details-page] Unable to navigate back', error);
+        });
     }
     onChanged(post, create) {
         if (create) {
@@ -6072,11 +6399,25 @@ class TaonCmsPostDetailsPageComponent {
         }
     }
     openPost(post) {
-        void this.router.navigate(['../', post.id], { relativeTo: this.route });
+        void this.router
+            .navigate(['../', post.id], {
+            relativeTo: this.route,
+            queryParamsHandling: 'preserve',
+        })
+            .catch(error => {
+            console.error('[taon-cms-post-details-page] Unable to open post', error);
+        });
     }
     onCancelled(create) {
         if (create) {
-            void this.router.navigate(['../'], { relativeTo: this.route });
+            void this.router
+                .navigate(['../'], {
+                relativeTo: this.route,
+                queryParamsHandling: 'preserve',
+            })
+                .catch(error => {
+                console.error('[taon-cms-post-details-page] Unable to cancel post creation', error);
+            });
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostDetailsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -6084,41 +6425,51 @@ class TaonCmsPostDetailsPageComponent {
     @if (page$ | async; as page) {
       <a
         mat-button
-        routerLink="../"
-        >{{ t.gettext('Back to Posts') }}</a
+        (click)="goBack(page.fromCourses)"
+        >{{
+          page.fromCourses
+            ? t.gettext('Back to Courses')
+            : t.gettext('Back to Posts')
+        }}</a
       >
       <taon-cms-post
         [post]="page.post"
         [mode]="page.create ? 'add' : 'view'"
         (changed)="onChanged($event, page.create)"
         (duplicated)="openPost($event)"
-        (cancelled)="onCancelled(page.create)" />
+        (cancelled)="onCancelled(page.create)"
+        (actionButtonsTemplate)="setFooterTemplate($event)" />
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: TaonCmsPostComponent, selector: "taon-cms-post", inputs: ["post", "mode"], outputs: ["modeChange", "changed", "deleted", "duplicated", "cancelled"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TaonCmsPostComponent, selector: "taon-cms-post", inputs: ["post", "mode"], outputs: ["modeChange", "changed", "deleted", "duplicated", "cancelled", "actionButtonsTemplate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostDetailsPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'taon-cms-post-details-page',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AsyncPipe, MatButtonModule, RouterLink, TaonCmsPostComponent],
+                    imports: [AsyncPipe, MatButtonModule, TaonCmsPostComponent],
                     template: `
     @if (page$ | async; as page) {
       <a
         mat-button
-        routerLink="../"
-        >{{ t.gettext('Back to Posts') }}</a
+        (click)="goBack(page.fromCourses)"
+        >{{
+          page.fromCourses
+            ? t.gettext('Back to Courses')
+            : t.gettext('Back to Posts')
+        }}</a
       >
       <taon-cms-post
         [post]="page.post"
         [mode]="page.create ? 'add' : 'view'"
         (changed)="onChanged($event, page.create)"
         (duplicated)="openPost($event)"
-        (cancelled)="onCancelled(page.create)" />
+        (cancelled)="onCancelled(page.create)"
+        (actionButtonsTemplate)="setFooterTemplate($event)" />
     }
   `,
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 var taonCmsPostDetailsPage_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -6127,7 +6478,7 @@ var taonCmsPostDetailsPage_component = /*#__PURE__*/Object.freeze({
 
 //#region imports
 //#endregion
-const t$1 = Translation.for('src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.ts', { "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.en-US.i18n.data-6xHTz4NK.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.pl-PL.i18n.data-6Sdc2ekE.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.de-DE.i18n.data-P5VXQlmS.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.en-US.i18n.data-C7o8B-38.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.pl-PL.i18n.data-DNGNxZmN.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.de-DE.i18n.data-CXTopGnK.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.en-US.i18n.data-C6jy6lw4.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.pl-PL.i18n.data-DFJPgXFt.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.de-DE.i18n.data-BuX23uvE.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.en-US.i18n.data-BGx0VfEv.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.pl-PL.i18n.data-WF50SpXY.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.de-DE.i18n.data-BQgmzcJd.mjs')).default } });
+const t$1 = Translation.for('src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.ts', { "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.en-US.i18n.data-CH71xm4B.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.pl-PL.i18n.data-Df2DdA5N.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.de-DE.i18n.data-90yrFKjF.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.en-US.i18n.data-BXpgykHy.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.pl-PL.i18n.data-f1LMnypn.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.de-DE.i18n.data-D9Z519ap.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.en-US.i18n.data-Cv5aGbur.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.pl-PL.i18n.data-JlG6ZQo_.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.de-DE.i18n.data-t4gu8Pak.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.en-US.i18n.data-BGx0VfEv.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.pl-PL.i18n.data-WF50SpXY.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.de-DE.i18n.data-BQgmzcJd.mjs')).default } });
 class TaonCmsPostsBackofficeComponent extends TaonCmsPostTableActions {
     constructor() {
         super(...arguments);
@@ -6137,6 +6488,7 @@ class TaonCmsPostsBackofficeComponent extends TaonCmsPostTableActions {
         this.columns = [
             { header: 'ID', field: 'id', sortable: true },
             { header: this.t.gettext('Title'), field: 'title', sortable: true },
+            { header: this.t.gettext('Slug'), field: 'slug', sortable: true },
             { header: this.t.gettext('Status'), field: 'status', sortable: true },
             this.actionsColumn,
         ];
@@ -6151,11 +6503,18 @@ class TaonCmsPostsBackofficeComponent extends TaonCmsPostTableActions {
         this.reload();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostsBackofficeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsPostsBackofficeComponent, isStandalone: true, selector: "app-taon-cms-posts-backoffice", providers: [TaonCmsContentApiService], viewQueries: [{ propertyName: "datatable", first: true, predicate: TaonDatatableComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h1>{{ t.gettext('CMS posts') }}</h1>\n@if (loading()) {\n  <p role=\"status\">{{ t.gettext('Loading posts...') }}</p>\n}\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n<taon-datatable\n  [entityCrudController]=\"crud\"\n  [columns]=\"columns\"\n  [allowedColumns]=\"['id', 'title', 'status']\"\n  searchMode=\"advanced\"\n  (addingItem)=\"add()\">\n</taon-datatable>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: TaonDatatableComponent, selector: "taon-datatable", inputs: ["pageNumber", "pageSize", "pageSizeOptions", "allowedColumns", "expansionTemplate", "entityCrudController", "columns", "hideSearch", "hideAddButton", "safe", "searchMode", "callQueryMethod", "data", "showPaginator"], outputs: ["expansionChange", "addingItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsPostsBackofficeComponent, isStandalone: true, selector: "app-taon-cms-posts-backoffice", providers: [TaonCmsContentApiService], viewQueries: [{ propertyName: "datatable", first: true, predicate: TaonDatatableComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h1>{{ t.gettext('CMS posts') }}</h1>\n@if (loading()) {\n  <p role=\"status\">{{ t.gettext('Loading posts...') }}</p>\n}\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n<taon-datatable\n  [entityCrudController]=\"crud\"\n  [columns]=\"columns\"\n  [allowedColumns]=\"['id', 'title', 'slug', 'status']\"\n  tableId=\"cms-posts\"\n  storeTableFilters=\"query-params\"\n  [filtersTemplate]=\"filtersTemplate\"\n  searchMode=\"advanced\"\n  (addingItem)=\"add()\">\n</taon-datatable>\n<ng-template\n  #filtersTemplate\n  let-filters=\"filters\">\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('ID') }}</mat-label>\n    <input\n      matInput\n      [(ngModel)]=\"filters.id\"\n      (keyup.enter)=\"datatable.applyAdvancedFilters()\" />\n  </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('Title') }}</mat-label>\n    <input\n      matInput\n      [(ngModel)]=\"filters.title\"\n      (keyup.enter)=\"datatable.applyAdvancedFilters()\" />\n  </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('Slug') }}</mat-label>\n    <input\n      matInput\n      [(ngModel)]=\"filters.slug\"\n      (keyup.enter)=\"datatable.applyAdvancedFilters()\" />\n  </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('Status') }}</mat-label>\n    <mat-select [(ngModel)]=\"filters.status\">\n      <mat-option value=\"published\">{{ t.gettext('Published') }}</mat-option>\n      <mat-option value=\"draft\">{{ t.gettext('Draft') }}</mat-option>\n      <mat-option value=\"archived\">{{ t.gettext('Archived') }}</mat-option>\n    </mat-select>\n  </mat-form-field>\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: TaonDatatableComponent, selector: "taon-datatable", inputs: ["pageNumber", "pageSize", "pageSizeOptions", "allowedColumns", "expansionTemplate", "entityCrudController", "columns", "hideSearch", "hideAddButton", "safe", "searchMode", "filtersTemplate", "storeTablePagination", "storeTableFilters", "tableId", "callQueryMethod", "data", "showPaginator"], outputs: ["expansionChange", "addingItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostsBackofficeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-taon-cms-posts-backoffice', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, TaonDatatableComponent], providers: [TaonCmsContentApiService], template: "<h1>{{ t.gettext('CMS posts') }}</h1>\n@if (loading()) {\n  <p role=\"status\">{{ t.gettext('Loading posts...') }}</p>\n}\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n<taon-datatable\n  [entityCrudController]=\"crud\"\n  [columns]=\"columns\"\n  [allowedColumns]=\"['id', 'title', 'status']\"\n  searchMode=\"advanced\"\n  (addingItem)=\"add()\">\n</taon-datatable>\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'app-taon-cms-posts-backoffice', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        FormsModule,
+                        MatButtonModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        TaonDatatableComponent,
+                    ], providers: [TaonCmsContentApiService], template: "<h1>{{ t.gettext('CMS posts') }}</h1>\n@if (loading()) {\n  <p role=\"status\">{{ t.gettext('Loading posts...') }}</p>\n}\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n<taon-datatable\n  [entityCrudController]=\"crud\"\n  [columns]=\"columns\"\n  [allowedColumns]=\"['id', 'title', 'slug', 'status']\"\n  tableId=\"cms-posts\"\n  storeTableFilters=\"query-params\"\n  [filtersTemplate]=\"filtersTemplate\"\n  searchMode=\"advanced\"\n  (addingItem)=\"add()\">\n</taon-datatable>\n<ng-template\n  #filtersTemplate\n  let-filters=\"filters\">\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('ID') }}</mat-label>\n    <input\n      matInput\n      [(ngModel)]=\"filters.id\"\n      (keyup.enter)=\"datatable.applyAdvancedFilters()\" />\n  </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('Title') }}</mat-label>\n    <input\n      matInput\n      [(ngModel)]=\"filters.title\"\n      (keyup.enter)=\"datatable.applyAdvancedFilters()\" />\n  </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('Slug') }}</mat-label>\n    <input\n      matInput\n      [(ngModel)]=\"filters.slug\"\n      (keyup.enter)=\"datatable.applyAdvancedFilters()\" />\n  </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ t.gettext('Status') }}</mat-label>\n    <mat-select [(ngModel)]=\"filters.status\">\n      <mat-option value=\"published\">{{ t.gettext('Published') }}</mat-option>\n      <mat-option value=\"draft\">{{ t.gettext('Draft') }}</mat-option>\n      <mat-option value=\"archived\">{{ t.gettext('Archived') }}</mat-option>\n    </mat-select>\n  </mat-form-field>\n</ng-template>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { datatable: [{
                 type: ViewChild,
                 args: [TaonDatatableComponent]
@@ -6171,7 +6530,7 @@ var taonCmsPostsBackoffice_component = /*#__PURE__*/Object.freeze({
 
 //#region imports
 //#endregion
-const t = Translation.for('src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts', { "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.en-US.i18n.data-6xHTz4NK.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.pl-PL.i18n.data-6Sdc2ekE.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.de-DE.i18n.data-P5VXQlmS.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.en-US.i18n.data-C7o8B-38.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.pl-PL.i18n.data-DNGNxZmN.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.de-DE.i18n.data-CXTopGnK.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.en-US.i18n.data-C6jy6lw4.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.pl-PL.i18n.data-DFJPgXFt.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.de-DE.i18n.data-BuX23uvE.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.en-US.i18n.data-BGx0VfEv.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.pl-PL.i18n.data-WF50SpXY.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.de-DE.i18n.data-BQgmzcJd.mjs')).default } });
+const t = Translation.for('src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts', { "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.en-US.i18n.data-CH71xm4B.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.pl-PL.i18n.data-Df2DdA5N.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-post-table-actions.directive.ts.de-DE.i18n.data-90yrFKjF.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.en-US.i18n.data-BXpgykHy.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.pl-PL.i18n.data-f1LMnypn.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.html.de-DE.i18n.data-D9Z519ap.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.en-US.i18n.data-Cv5aGbur.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.pl-PL.i18n.data-JlG6ZQo_.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.component.ts.de-DE.i18n.data-t4gu8Pak.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.en-US.i18n.data-BGx0VfEv.mjs')).default, "pl-PL": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.pl-PL.i18n.data-WF50SpXY.mjs')).default, "de-DE": async () => (await import('./cms-browser-prod-taon-cms-posts-backoffice.routes.ts.de-DE.i18n.data-BQgmzcJd.mjs')).default } });
 const resolvePost = async (route) => {
     const id = Number(route.paramMap.get('id'));
     if (!Number.isSafeInteger(id) || id <= 0) {
@@ -6343,6 +6702,7 @@ var index$1 = /*#__PURE__*/Object.freeze({
     TaonCmsTagUtils__NS__isActive: TaonCmsTagUtils__NS__isActive,
     TaonCmsTagsBackofficeRoutes: TaonCmsTagsBackofficeRoutes,
     TaonCmsTaxonomyBackofficeComponent: TaonCmsTaxonomyBackofficeComponent,
+    TaonCmsTaxonomyQuickCreateDialogComponent: TaonCmsTaxonomyQuickCreateDialogComponent,
     TaonRelatedPostChooserComponent: TaonRelatedPostChooserComponent,
     contentError: contentError,
     default: index,
@@ -6364,5 +6724,5 @@ var index$1 = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ID, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, CmsContext_1792506757808_applicaitonHooks, MIGRATIONS_CLASSES_FOR_CmsContext, PROJECT_NPM_NAME, TaonCmsAbstractContext, TaonCmsApplicationHook, TaonCmsApplicationHookEntity, TaonCmsAssetPreviewComponent, TaonCmsAssetsBackofficeComponent, TaonCmsAssetsBackofficeRoutes, TaonCmsBackofficeComponent, TaonCmsBackofficeRoutes, TaonCmsCategoriesBackofficeRoutes, TaonCmsCategoryAbstractContext, TaonCmsCategoryApiService, TaonCmsCategoryController, TaonCmsCategoryDefaultsValues, TaonCmsCategoryEntity, TaonCmsCategoryMiddleware, TaonCmsCategoryProvider, TaonCmsCategoryRepository, TaonCmsCategoryState, TaonCmsCategorySubscriber, TaonCmsCategoryUtils__NS__isActive, TaonCmsCommentAbstractContext, TaonCmsCommentApiService, TaonCmsCommentController, TaonCmsCommentDefaultsValues, TaonCmsCommentEntity, TaonCmsCommentMiddleware, TaonCmsCommentProvider, TaonCmsCommentRepository, TaonCmsCommentState, TaonCmsCommentSubscriber, TaonCmsCommentUtils__NS__isActive, TaonCmsContentAbstractContext, TaonCmsContentApiService, TaonCmsContentAssetAbstractContext, TaonCmsContentAssetApiService, TaonCmsContentAssetController, TaonCmsContentAssetDefaultsValues, TaonCmsContentAssetEntity, TaonCmsContentAssetMiddleware, TaonCmsContentAssetProvider, TaonCmsContentAssetRepository, TaonCmsContentAssetState, TaonCmsContentAssetSubscriber, TaonCmsContentAssetUtils__NS__isActive, TaonCmsContentConfigService, TaonCmsContentController, TaonCmsContentDefaultsValues, TaonCmsContentEntity, TaonCmsContentMiddleware, TaonCmsContentPermissionAbstractContext, TaonCmsContentPermissionApiService, TaonCmsContentPermissionController, TaonCmsContentPermissionDefaultsValues, TaonCmsContentPermissionEntity, TaonCmsContentPermissionMiddleware, TaonCmsContentPermissionProvider, TaonCmsContentPermissionRepository, TaonCmsContentPermissionState, TaonCmsContentPermissionSubscriber, TaonCmsContentPermissionUtils__NS__isActive, TaonCmsContentProvider, TaonCmsContentRepository, TaonCmsContentRevisionAbstractContext, TaonCmsContentRevisionApiService, TaonCmsContentRevisionController, TaonCmsContentRevisionDefaultsValues, TaonCmsContentRevisionEntity, TaonCmsContentRevisionMiddleware, TaonCmsContentRevisionProvider, TaonCmsContentRevisionRepository, TaonCmsContentRevisionState, TaonCmsContentRevisionSubscriber, TaonCmsContentRevisionUtils__NS__isActive, TaonCmsContentState, TaonCmsContentStorageController, TaonCmsContentSubscriber, TaonCmsContentTagAbstractContext, TaonCmsContentTagApiService, TaonCmsContentTagController, TaonCmsContentTagDefaultsValues, TaonCmsContentTagEntity, TaonCmsContentTagMiddleware, TaonCmsContentTagProvider, TaonCmsContentTagRepository, TaonCmsContentTagState, TaonCmsContentTagSubscriber, TaonCmsContentTagUtils__NS__isActive, TaonCmsContentType, TaonCmsContentUtils__NS__isActive, TaonCmsCourseBackofficeComponent, TaonCmsCourseBackofficeRoutes, TaonCmsCourseContentsComponent, TaonCmsCourseCoverComponent, TaonCmsEditableDirective, TaonCmsPostComponent, TaonCmsPostDetailsPageComponent, TaonCmsPostRoutes, TaonCmsPostTableActions, TaonCmsPostsBackofficeComponent, TaonCmsPostsBackofficeRoutes, TaonCmsRevisionChooserComponent, TaonCmsTagAbstractContext, TaonCmsTagApiService, TaonCmsTagController, TaonCmsTagDefaultsValues, TaonCmsTagEntity, TaonCmsTagMiddleware, TaonCmsTagProvider, TaonCmsTagRepository, TaonCmsTagState, TaonCmsTagSubscriber, TaonCmsTagUtils__NS__isActive, TaonCmsTagsBackofficeRoutes, TaonCmsTaxonomyBackofficeComponent, TaonRelatedPostChooserComponent, contentError, defaultThumbnailKey, defaultThumbnailUrl, generateVideoThumbnail, requireContentId, requireContentVersion, resolveTemplateVariables, startCli, trackCmsUpload, validateCategoryHierarchy, validateContentInput, validateTaxonomy, visiblePixelRatio };
+export { APP_ID, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, CmsContext_1792506757808_applicaitonHooks, MIGRATIONS_CLASSES_FOR_CmsContext, PROJECT_NPM_NAME, TaonCmsAbstractContext, TaonCmsApplicationHook, TaonCmsApplicationHookEntity, TaonCmsAssetPreviewComponent, TaonCmsAssetsBackofficeComponent, TaonCmsAssetsBackofficeRoutes, TaonCmsBackofficeComponent, TaonCmsBackofficeRoutes, TaonCmsCategoriesBackofficeRoutes, TaonCmsCategoryAbstractContext, TaonCmsCategoryApiService, TaonCmsCategoryController, TaonCmsCategoryDefaultsValues, TaonCmsCategoryEntity, TaonCmsCategoryMiddleware, TaonCmsCategoryProvider, TaonCmsCategoryRepository, TaonCmsCategoryState, TaonCmsCategorySubscriber, TaonCmsCategoryUtils__NS__isActive, TaonCmsCommentAbstractContext, TaonCmsCommentApiService, TaonCmsCommentController, TaonCmsCommentDefaultsValues, TaonCmsCommentEntity, TaonCmsCommentMiddleware, TaonCmsCommentProvider, TaonCmsCommentRepository, TaonCmsCommentState, TaonCmsCommentSubscriber, TaonCmsCommentUtils__NS__isActive, TaonCmsContentAbstractContext, TaonCmsContentApiService, TaonCmsContentAssetAbstractContext, TaonCmsContentAssetApiService, TaonCmsContentAssetController, TaonCmsContentAssetDefaultsValues, TaonCmsContentAssetEntity, TaonCmsContentAssetMiddleware, TaonCmsContentAssetProvider, TaonCmsContentAssetRepository, TaonCmsContentAssetState, TaonCmsContentAssetSubscriber, TaonCmsContentAssetUtils__NS__isActive, TaonCmsContentConfigService, TaonCmsContentController, TaonCmsContentDefaultsValues, TaonCmsContentEntity, TaonCmsContentMiddleware, TaonCmsContentPermissionAbstractContext, TaonCmsContentPermissionApiService, TaonCmsContentPermissionController, TaonCmsContentPermissionDefaultsValues, TaonCmsContentPermissionEntity, TaonCmsContentPermissionMiddleware, TaonCmsContentPermissionProvider, TaonCmsContentPermissionRepository, TaonCmsContentPermissionState, TaonCmsContentPermissionSubscriber, TaonCmsContentPermissionUtils__NS__isActive, TaonCmsContentProvider, TaonCmsContentRepository, TaonCmsContentRevisionAbstractContext, TaonCmsContentRevisionApiService, TaonCmsContentRevisionController, TaonCmsContentRevisionDefaultsValues, TaonCmsContentRevisionEntity, TaonCmsContentRevisionMiddleware, TaonCmsContentRevisionProvider, TaonCmsContentRevisionRepository, TaonCmsContentRevisionState, TaonCmsContentRevisionSubscriber, TaonCmsContentRevisionUtils__NS__isActive, TaonCmsContentState, TaonCmsContentStorageController, TaonCmsContentSubscriber, TaonCmsContentTagAbstractContext, TaonCmsContentTagApiService, TaonCmsContentTagController, TaonCmsContentTagDefaultsValues, TaonCmsContentTagEntity, TaonCmsContentTagMiddleware, TaonCmsContentTagProvider, TaonCmsContentTagRepository, TaonCmsContentTagState, TaonCmsContentTagSubscriber, TaonCmsContentTagUtils__NS__isActive, TaonCmsContentType, TaonCmsContentUtils__NS__isActive, TaonCmsCourseBackofficeComponent, TaonCmsCourseBackofficeRoutes, TaonCmsCourseContentsComponent, TaonCmsCourseCoverComponent, TaonCmsEditableDirective, TaonCmsPostComponent, TaonCmsPostDetailsPageComponent, TaonCmsPostRoutes, TaonCmsPostTableActions, TaonCmsPostsBackofficeComponent, TaonCmsPostsBackofficeRoutes, TaonCmsRevisionChooserComponent, TaonCmsTagAbstractContext, TaonCmsTagApiService, TaonCmsTagController, TaonCmsTagDefaultsValues, TaonCmsTagEntity, TaonCmsTagMiddleware, TaonCmsTagProvider, TaonCmsTagRepository, TaonCmsTagState, TaonCmsTagSubscriber, TaonCmsTagUtils__NS__isActive, TaonCmsTagsBackofficeRoutes, TaonCmsTaxonomyBackofficeComponent, TaonCmsTaxonomyQuickCreateDialogComponent, TaonRelatedPostChooserComponent, contentError, defaultThumbnailKey, defaultThumbnailUrl, generateVideoThumbnail, requireContentId, requireContentVersion, resolveTemplateVariables, startCli, trackCmsUpload, validateCategoryHierarchy, validateContentInput, validateTaxonomy, visiblePixelRatio };
 //# sourceMappingURL=cms-browser-prod.mjs.map