@taon-dev/cms 21.0.16 → 21.0.17

package/browser/fesm2022/cms-browser.mjs

@@ -1,21 +1,22 @@
 import { __decorate, __metadata, __param } from 'tslib';
-import { TaonBaseEntity, TaonEntity, PrimaryGeneratedColumn, Column, OneToOne, JoinColumn, TaonBaseMigration, ClassHelpers, TaonMigration, TaonBaseAbstractEntity, TaonBaseRepository, TaonRepository, TaonBaseCrudController, TaonController, TaonBaseProvider, TaonProvider, TaonBaseMiddleware, TaonMiddleware, TaonBaseSubscriberForEntity, TaonSubscriber, createContext, TaonBaseContext, GET, Query, Taon, POST, Body, PUT, DELETE, TaonBaseStorageController, TaonBaseAngularService } from 'taon/browser';
-import { Table } from 'taon-typeorm/browser';
-import { UtilsJson } from 'tnp-core/browser';
+import { TaonBaseEntity, TaonEntity, PrimaryGeneratedColumn, Column, OneToOne, JoinColumn, TaonBaseMigration, ClassHelpers, TaonMigration, TaonBaseAbstractEntity, TaonBaseRepository, TaonRepository, TaonBaseCrudController, TaonController, TaonBaseProvider, TaonProvider, TaonBaseMiddleware, TaonMiddleware, TaonBaseSubscriberForEntity, TaonSubscriber, createContext, TaonBaseContext, GET, Query, Taon, TaonBaseStorageController, POST, Body, PUT, DELETE, TaonBaseAngularService } from 'taon/browser';
+import { Table, TableColumn } from 'taon-typeorm/browser';
+import { UtilsJson, _ } from 'tnp-core/browser';
 import { BaseCommandLineFeature } from 'tnp-helpers/browser';
-import { TaonSessionCoreGroups as TaonSessionCoreGroups$1, TaonSessionCoreRoles as TaonSessionCoreRoles$1, TaonSessionCorePermissions as TaonSessionCorePermissions$1, TaonAuthContextEntity as TaonAuthContextEntity$1, TaonAuthContextHasAccess as TaonAuthContextHasAccess$1, TaonAuthContextRepository as TaonAuthContextRepository$1, MIGRATIONS_CLASSES_FOR_SessionContext, TaonSessionRepository, TaonSessionAbstractContext, TaonPermissionApiService } from '@taon-dev/session/browser';
+import { TaonSessionCoreGroups as TaonSessionCoreGroups$1, TaonSessionCoreRoles as TaonSessionCoreRoles$1, TaonSessionCorePermissions as TaonSessionCorePermissions$1, TaonAuthContextEntity as TaonAuthContextEntity$1, TaonAuthContextHasAccess as TaonAuthContextHasAccess$1, TaonAuthContextRepository as TaonAuthContextRepository$1, MIGRATIONS_CLASSES_FOR_SessionContext, TaonSessionRepository, TaonSessionProvider, TaonSessionAbstractContext, TaonPermissionApiService } from '@taon-dev/session/browser';
 import * as i0 from '@angular/core';
-import { Injectable, ChangeDetectionStrategy, Component, inject, ElementRef, EventEmitter, SecurityContext, HostListener, Input, Output, Directive, signal, DestroyRef, computed, input, model, output, effect, untracked, viewChild, ViewChild } from '@angular/core';
-import { MtxGrid } from '@ng-matero/extensions/grid';
+import { Injectable, inject, DestroyRef, signal, Input, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, SecurityContext, HostListener, Output, Directive, computed, input, model, output, effect, untracked, viewChild, ViewChild } from '@angular/core';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { Translation } from '@taon-dev/i18n/browser';
+import { Observable, of, map as map$1, finalize, firstValueFrom, Subject, takeUntil } from 'rxjs';
+import { map, catchError } from 'rxjs/operators';
+import { Resource } from 'ng2-rest/browser';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { TaonDatatableComponent, adminLazyRoute as adminLazyRoute$1, TaonConfirmDialogComponent } from '@taon-dev/ui/browser';
 import { AsyncPipe, DatePipe } from '@angular/common';
 import { RouterOutlet, ActivatedRoute, RouterLink, Router } from '@angular/router';
-import { adminLazyRoute as adminLazyRoute$1, TaonConfirmDialogComponent, TaonDatatableComponent } from '@taon-dev/ui/browser';
-import { map, catchError } from 'rxjs/operators';
-import { of, finalize, map as map$1, Subject, takeUntil } from 'rxjs';
 import { DomSanitizer } from '@angular/platform-browser';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i1 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
 import * as i2$1 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i2 from '@angular/material/dialog';
@@ -24,9 +25,11 @@ import * as i3$1 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
+import * as i5 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
 import * as i3 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
-import * as i6 from '@angular/material/select';
+import * as i7 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 
 var TaonCmsContentType;
@@ -53,6 +56,9 @@ let TaonCmsContentEntity = class TaonCmsContentEntity extends TaonBaseEntity {
         this.type = TaonCmsContentType.Normal;
         /* */
         /* */
+        this.applyPermissionsToRelatedPosts = false;
+        /* */
+        /* */
         this.videoKey = null;
         /* */
         /* */
@@ -176,14 +182,43 @@ CmsContext_1792506757808_applicaitonHooks = __decorate([
 ], CmsContext_1792506757808_applicaitonHooks);
 //#endregion
 
+let CmsContext_1792579000000_postPermissionInheritance = class CmsContext_1792579000000_postPermissionInheritance extends TaonBaseMigration {
+    async up(queryRunner) {
+        const table = ClassHelpers.getName(TaonCmsContentEntity);
+        if (!(await queryRunner.hasColumn(table, 'applyPermissionsToRelatedPosts'))) {
+            await queryRunner.addColumn(table, new TableColumn({
+                name: 'applyPermissionsToRelatedPosts',
+                type: 'boolean',
+                default: false,
+            }));
+        }
+    }
+    async down(queryRunner) {
+        const table = ClassHelpers.getName(TaonCmsContentEntity);
+        if (await queryRunner.hasColumn(table, 'applyPermissionsToRelatedPosts')) {
+            await queryRunner.dropColumn(table, 'applyPermissionsToRelatedPosts');
+        }
+    }
+};
+CmsContext_1792579000000_postPermissionInheritance = __decorate([
+    TaonMigration({
+        className: 'CmsContext_1792579000000_postPermissionInheritance',
+    })
+], CmsContext_1792579000000_postPermissionInheritance);
+
 // THIS FILE IS GENERATED - DO NOT MODIFY
 // THIS FILE IS GENERATED - DO NOT MODIFY
-const MIGRATIONS_CLASSES_FOR_CmsContext = {
+const MIGRATIONS_CLASSES_FOR_CmsContext$1 = {
     /* 20-10-2026 16:32:37 */ CmsContext_1792506757808_applicaitonHooks,
+    /* 21-10-2026 12:36:40 */ CmsContext_1792579000000_postPermissionInheritance,
 };
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 //@ts-nocheck
+const MIGRATIONS_CLASSES_FOR_CmsContext = {
+    ...MIGRATIONS_CLASSES_FOR_CmsContext$1,
+    CmsContext_1792579000000_postPermissionInheritance,
+};
 
 // THIS FILE IS GENERATED - DO NOT MODIFY
 /**
@@ -209,7 +244,7 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '21.0.16';
+const CURRENT_PACKAGE_VERSION = '21.0.17';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 //#region tnp-helpers cli template
@@ -941,9 +976,13 @@ const TaonSessionCoreRoles = {
      * Does NOT allow changing user groups.
      */
     PostsManager: 'posts-manager',
+    PremiumUser1: 'premium-user-1',
+    PremiumUser2: 'premium-user-2',
 };
 const TaonSessionCorePermissions = {
     ...TaonSessionCorePermissions$1,
+    ViewPrivateVideo1: 'view-private-video-1',
+    ViewPrivateVideo2: 'view-private-video-2',
 };
 let TaonAuthContextEntity = class TaonAuthContextEntity extends TaonAuthContextEntity$1 {
     // @ts-ignore
@@ -1019,6 +1058,12 @@ let CmsContext_1791132517217_initial = class CmsContext_1791132517217_initial ex
         /* */
         /* */
         /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
         return (void 0);
     }
 };
@@ -1059,7 +1104,11 @@ function validateContentInput(input, creating = false) {
         }
     }
     for (const field of [
-        'body', 'excerpt', 'videoKey', 'audioKey', 'attachmentKey',
+        'body',
+        'excerpt',
+        'videoKey',
+        'audioKey',
+        'attachmentKey',
     ]) {
         if (input[field] !== undefined &&
             input[field] !== null &&
@@ -1072,6 +1121,10 @@ function validateContentInput(input, creating = false) {
             requireContentId(input[field], field);
         }
     }
+    if (input.applyPermissionsToRelatedPosts !== undefined &&
+        typeof input.applyPermissionsToRelatedPosts !== 'boolean') {
+        contentError('applyPermissionsToRelatedPosts must be a boolean.');
+    }
     if (input.status !== undefined &&
         !['draft', 'published', 'archived'].includes(input.status)) {
         contentError('status must be draft, published, or archived.');
@@ -1147,6 +1200,11 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         /* */
         /* */
         /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
         return (void 0);
     }
     async updateContent(id, input) {
@@ -1240,6 +1298,10 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         /* */
         /* */
         /* */
+        /* */
+        /* */
+        /* */
+        /* */
         return (void 0);
     }
     async listRevisions(id) {
@@ -1260,6 +1322,103 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         return (void 0);
     }
     async listPermissions(id) {
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    async getPermissionConfiguration(id) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    async resolvePermissionConfiguration(post, manager) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    async validatePermissionInheritance(manager) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    async requireOwnPermissionEdit(id, permissionIds, current, manager) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
         /* */
         /* */
         /* */
@@ -1275,6 +1434,48 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         return (void 0);
     }
     async getContentByHook(hook) {
+        /* */
+        /* */
+        return (void 0);
+    }
+    async getContentForHook(hook) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#region methods / media access
+    async getContentBySlugForMedia(slug) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    async isPublicMediaKey(key) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
         /* */
         /* */
         /* */
@@ -1288,6 +1489,7 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         /* */
         return (void 0);
     }
+    //#endregion
     async addRelatedPost(id, relatedPostId, expectedVersion) {
         /* */
         /* */
@@ -1351,8 +1553,12 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
             title,
             slug,
             body: input.body === undefined ? (current?.body ?? null) : input.body,
-            videoKey: input.videoKey === undefined ? (current?.videoKey ?? null) : input.videoKey,
-            audioKey: input.audioKey === undefined ? (current?.audioKey ?? null) : input.audioKey,
+            videoKey: input.videoKey === undefined
+                ? (current?.videoKey ?? null)
+                : input.videoKey,
+            audioKey: input.audioKey === undefined
+                ? (current?.audioKey ?? null)
+                : input.audioKey,
             attachmentKey: input.attachmentKey === undefined
                 ? (current?.attachmentKey ?? null)
                 : input.attachmentKey,
@@ -1367,6 +1573,9 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
                 : input.authorUserId,
             status: input.status ?? current?.status ?? 'draft',
             publishedAt: publishedAt === null ? null : new Date(publishedAt),
+            applyPermissionsToRelatedPosts: input.applyPermissionsToRelatedPosts ??
+                current?.applyPermissionsToRelatedPosts ??
+                false,
         };
     }
     async snapshotOf(content, manager) {
@@ -1380,6 +1589,9 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         /* */
         /* */
         /* */
+        /* */
+        /* */
+        /* */
         return (void 0);
     }
     contentStatus(status) {
@@ -1395,6 +1607,9 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         /* */
         /* */
         /* */
+        /* */
+        /* */
+        /* */
         return (void 0);
     }
     async requirePermissions(permissionIds, manager) {
@@ -1444,6 +1659,11 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         /* */
         /* */
         /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
         return (void 0);
     }
     async replacePermissions(id, permissionIds, previousIds, manager) {
@@ -1458,6 +1678,10 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         /* */
         /* */
         /* */
+        /* */
+        /* */
+        /* */
+        /* */
         return (void 0);
     }
     async replaceApplicationHook(contentId, hook, manager) {
@@ -1553,6 +1777,16 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         /* */
         /* */
         /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
         return (void 0);
     }
     /**
@@ -1576,13 +1810,13 @@ TaonCmsContentRepository = __decorate([
 ], TaonCmsContentRepository);
 
 //#endregion
-let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCrudController {
+let TaonCmsContentStorageController = class TaonCmsContentStorageController extends TaonBaseStorageController {
     constructor() {
         super(...arguments);
-        this.entityClassResolveFn = () => TaonCmsContentEntity;
-        this.taonCmsContentRepository = this.injectCustomRepo(TaonCmsContentRepository);
         this.taonSessionRepository = this.injectCustomRepo(TaonSessionRepository);
         this.taonAuthContextRepository = this.injectCustomRepo(TaonAuthContextRepository);
+        this.taonCmsContentRepository = this.injectCustomRepo(TaonCmsContentRepository);
+        this.taonSessionProvider = this.injectProvider(TaonSessionProvider);
     }
     async beforeEachRequest({ req, res, methodConfig, t, }) {
         /* */
@@ -1600,10 +1834,19 @@ let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCr
         /* */
         /* */
         /* */
+        /* */
         return (void 0);
     }
-    //#region get by id
-    getBySlug(slug) {
+    async handleUploadFiles(files, queryParams, req, res) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
         /* */
         /* */
         /* */
@@ -1613,56 +1856,32 @@ let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCr
         /* */
         /* */
         /* */
-        return (void 0);
-    }
-    //#endregion
-    createContent(input) {
         /* */
         /* */
-        return (void 0);
-    }
-    updateContent(id, input) {
         /* */
         /* */
-        return (void 0);
-    }
-    deleteContent(id, expectedVersion) {
         /* */
         /* */
         /* */
-        return (void 0);
-    }
-    restoreContent(id, input) {
         /* */
         /* */
-        return (void 0);
-    }
-    listRelatedPosts(id) {
         /* */
         /* */
-        return (void 0);
-    }
-    listPermissions(id) {
         /* */
         /* */
-        return (void 0);
-    }
-    listApplicationHooks() {
         /* */
         /* */
-        return (void 0);
-    }
-    getContentByHook(hook) {
         /* */
         /* */
         return (void 0);
     }
-    getPublicContentByHook(hook) {
+    afterFileUploadHook() { }
+    async isMediaObjectAvailable(key) {
         /* */
         /* */
         return (void 0);
     }
-    addRelatedPost(id, relatedPostId, expectedVersion) {
+    buildStorageDownloadUrl(options) {
         /* */
         /* */
         /* */
@@ -1670,9 +1889,6 @@ let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCr
         /* */
         /* */
         /* */
-        return (void 0);
-    }
-    deleteRelatedPost(id, relatedPostId, expectedVersion) {
         /* */
         /* */
         /* */
@@ -1680,19 +1896,419 @@ let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCr
         /* */
         /* */
         /* */
-        return (void 0);
-    }
-    listRevisions(id) {
         /* */
         /* */
-        return (void 0);
-    }
-};
-__decorate([
-    GET(),
-    __param(0, Query(`slug`)),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [String]),
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    async createStorageDownloadToken(options) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    async verifyStorageDownloadToken(options) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    async isPublicStorageKey(key) {
+        /* */
+        /* */
+        return (void 0);
+    }
+};
+TaonCmsContentStorageController = __decorate([
+    TaonController({
+        className: 'TaonCmsContentStorageController',
+        // allowedMethods: ['download', 'uploadFormDataToServer'],
+    })
+], TaonCmsContentStorageController);
+
+//#endregion
+let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCrudController {
+    constructor() {
+        super(...arguments);
+        //#region fields & getters
+        this.entityClassResolveFn = () => TaonCmsContentEntity;
+        this.taonCmsContentRepository = this.injectCustomRepo(TaonCmsContentRepository);
+        this.taonSessionRepository = this.injectCustomRepo(TaonSessionRepository);
+        this.taonAuthContextRepository = this.injectCustomRepo(TaonAuthContextRepository);
+        this.taonCmsContentStorageController = this.injectController(TaonCmsContentStorageController);
+        //#endregion
+    }
+    //#endregion
+    //#region methods / before each request
+    async beforeEachRequest({ req, res, methodConfig, t, }) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / get video link by slug
+    getVideoLinkBySlug(slug) {
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#region methods / get public video link by slug
+    getPublicVideoLinkBySlug(slug) {
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / get audio link by slug
+    getAudioLinkBySlug(slug) {
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / get public audio link by slug
+    getPublicAudioLinkBySlug(slug) {
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / get attachment link by slug
+    getAttachmentLinkBySlug(slug) {
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / get public attachment link by slug
+    getPublicAttachmentLinkBySlug(slug) {
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#endregion
+    //#region methods / get media link
+    async getMediaLinkBySlug(slug, type, publicOnly, req, t) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#region methods / require read access
+    async requireReadAccess(content, publicOnly, req, t) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#endregion
+    //#region methods / get by id
+    getBySlug(slug) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / create content
+    createContent(input) {
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / update content
+    updateContent(id, input) {
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / delete content
+    deleteContent(id, expectedVersion) {
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / restore content
+    restoreContent(id, input) {
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / list related posts
+    listRelatedPosts(id) {
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / list permissions
+    listPermissions(id) {
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / get permission configuration
+    getPermissionConfiguration(id) {
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / list application hooks
+    listApplicationHooks() {
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / get content by hook
+    getContentByHook(hook) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / get public content by hook
+    getPublicContentByHook(hook) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / add related post
+    addRelatedPost(id, relatedPostId, expectedVersion) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / delete related post
+    deleteRelatedPost(id, relatedPostId, expectedVersion) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+    //#region methods / list revisions
+    listRevisions(id) {
+        /* */
+        /* */
+        return (void 0);
+    }
+};
+__decorate([
+    GET(),
+    __param(0, Query('slug')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "getVideoLinkBySlug", null);
+__decorate([
+    GET(),
+    __param(0, Query('slug')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "getPublicVideoLinkBySlug", null);
+__decorate([
+    GET(),
+    __param(0, Query('slug')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "getAudioLinkBySlug", null);
+__decorate([
+    GET(),
+    __param(0, Query('slug')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "getPublicAudioLinkBySlug", null);
+__decorate([
+    GET(),
+    __param(0, Query('slug')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "getAttachmentLinkBySlug", null);
+__decorate([
+    GET(),
+    __param(0, Query('slug')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "getPublicAttachmentLinkBySlug", null);
+__decorate([
+    GET(),
+    __param(0, Query(`slug`)),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
     __metadata("design:returntype", Object)
 ], TaonCmsContentController.prototype, "getBySlug", null);
 __decorate([
@@ -1740,6 +2356,13 @@ __decorate([
     __metadata("design:paramtypes", [Number]),
     __metadata("design:returntype", Object)
 ], TaonCmsContentController.prototype, "listPermissions", null);
+__decorate([
+    GET(),
+    __param(0, Query('id')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Number]),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "getPermissionConfiguration", null);
 __decorate([
     GET(),
     __metadata("design:type", Function),
@@ -1787,6 +2410,7 @@ __decorate([
 ], TaonCmsContentController.prototype, "listRevisions", null);
 TaonCmsContentController = __decorate([
     TaonController({
+        //#region controller options
         className: 'TaonCmsContentController',
         allowedMethods: [
             'getAll',
@@ -1798,13 +2422,21 @@ TaonCmsContentController = __decorate([
             'listRevisions',
             'listRelatedPosts',
             'listPermissions',
+            'getPermissionConfiguration',
             'listApplicationHooks',
             'getContentByHook',
             'getPublicContentByHook',
+            'getVideoLinkBySlug',
+            'getPublicVideoLinkBySlug',
+            'getAudioLinkBySlug',
+            'getPublicAudioLinkBySlug',
+            'getAttachmentLinkBySlug',
+            'getPublicAttachmentLinkBySlug',
             'addRelatedPost',
             'deleteRelatedPost',
             'paginationQuery',
         ],
+        //#endregion
     })
 ], TaonCmsContentController);
 
@@ -1849,34 +2481,6 @@ TaonCmsContentSubscriber = __decorate([
     })
 ], TaonCmsContentSubscriber);
 
-//#endregion
-let TaonCmsContentStorageController = class TaonCmsContentStorageController extends TaonBaseStorageController {
-    async handleUploadFiles(files, queryParams, req, res) {
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        return (void 0);
-    }
-    afterFileUploadHook() { }
-    buildStorageDownloadUrl() {
-        throw new Error('Use the download endpoint for CMS media.');
-    }
-    async createStorageDownloadToken() {
-        throw new Error('CMS media download tokens are not enabled.');
-    }
-};
-TaonCmsContentStorageController = __decorate([
-    TaonController({
-        className: 'TaonCmsContentStorageController',
-        allowedMethods: ['exists', 'download', 'getMetadata', 'uploadFormDataToServer'],
-    })
-], TaonCmsContentStorageController);
-
 //#region imports
 //#endregion
 const TaonCmsContentAbstractContext = createContext(() => ({
@@ -2159,92 +2763,462 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             type: Injectable
         }] });
 
-//#endregion
-let TaonCmsContentPermissionMiddleware = class TaonCmsContentPermissionMiddleware extends TaonBaseMiddleware {
-};
-TaonCmsContentPermissionMiddleware = __decorate([
-    TaonMiddleware({
-        className: 'TaonCmsContentPermissionMiddleware',
-    })
-], TaonCmsContentPermissionMiddleware);
-
-//#endregion
-let TaonCmsContentPermissionSubscriber = class TaonCmsContentPermissionSubscriber extends TaonBaseSubscriberForEntity {
+//#endregion
+let TaonCmsContentPermissionMiddleware = class TaonCmsContentPermissionMiddleware extends TaonBaseMiddleware {
+};
+TaonCmsContentPermissionMiddleware = __decorate([
+    TaonMiddleware({
+        className: 'TaonCmsContentPermissionMiddleware',
+    })
+], TaonCmsContentPermissionMiddleware);
+
+//#endregion
+let TaonCmsContentPermissionSubscriber = class TaonCmsContentPermissionSubscriber extends TaonBaseSubscriberForEntity {
+    constructor() {
+        super(...arguments);
+        this.taonCmsContentPermissionProvider = this.injectProvider(TaonCmsContentPermissionProvider);
+    }
+    listenTo() {
+        return TaonCmsContentPermissionEntity;
+    }
+};
+TaonCmsContentPermissionSubscriber = __decorate([
+    TaonSubscriber({
+        className: 'TaonCmsContentPermissionSubscriber',
+        // allowedEvents: ['afterUpdate'],
+    })
+], TaonCmsContentPermissionSubscriber);
+
+//#region imports
+//#endregion
+const TaonCmsContentPermissionAbstractContext = createContext(() => ({
+    contextName: 'TaonCmsContentPermissionAbstractContext',
+    abstract: true,
+    contexts: { TaonBaseContext },
+    entities: { TaonCmsContentPermissionEntity },
+    controllers: { TaonCmsContentPermissionController },
+    repositories: { TaonCmsContentPermissionRepository },
+    providers: { TaonCmsContentPermissionProvider },
+    middlewares: { TaonCmsContentPermissionMiddleware },
+    subscribers: { TaonCmsContentPermissionSubscriber },
+}));
+
+// THIS FILE IS GENERATED - DO NOT MODIFY
+const TaonCmsAbstractContext = createContext(() => ({
+    contextName: 'TaonCmsAbstractContext',
+    abstract: true,
+    contexts: {
+        TaonCmsCategoryAbstractContext,
+        TaonCmsCommentAbstractContext,
+        TaonCmsContentAbstractContext,
+        TaonCmsContentAssetAbstractContext,
+        TaonCmsContentPermissionAbstractContext,
+        TaonCmsContentRevisionAbstractContext,
+        TaonCmsContentTagAbstractContext,
+        TaonCmsTagAbstractContext,
+        TaonSessionAbstractContext,
+    },
+}));
+// THIS FILE IS GENERATED - DO NOT MODIFY
+
+const progressCallbacks = new WeakMap();
+// Keep Taon's middleware, retries and response decoding; replace only the
+// final Fetch transport for uploads that request browser upload events.
+function trackCmsUpload(url, body, onProgress) {
+    const key = `cms-upload-progress-POST-${new URL(url).pathname}`;
+    if (!Resource.methodsInterceptors.has(key)) {
+        Resource.methodsInterceptors.set(key, {
+            intercept: ({ req, next }) => {
+                if (!(req.body instanceof FormData)) {
+                    return next.handle(req);
+                }
+                const uploadBody = req.body;
+                const callback = progressCallbacks.get(uploadBody);
+                if (!callback) {
+                    return next.handle(req);
+                }
+                return new Observable(subscriber => {
+                    const xhr = new XMLHttpRequest();
+                    xhr.open(req.method || 'POST', req.url);
+                    xhr.withCredentials = req.credentials === 'include';
+                    new Headers(req.headers).forEach((value, name) => {
+                        // The browser must supply the multipart boundary.
+                        if (name.toLowerCase() !== 'content-type') {
+                            xhr.setRequestHeader(name, value);
+                        }
+                    });
+                    xhr.upload.onprogress = event => {
+                        if (event.lengthComputable && event.total > 0) {
+                            callback(Math.min(100, Math.floor((event.loaded * 100) / event.total)));
+                        }
+                    };
+                    xhr.onload = () => {
+                        const headers = new Headers();
+                        for (const line of xhr
+                            .getAllResponseHeaders()
+                            .trim()
+                            .split(/[\r\n]+/)) {
+                            const separator = line.indexOf(':');
+                            if (separator > 0) {
+                                headers.append(line.slice(0, separator), line.slice(separator + 1).trim());
+                            }
+                        }
+                        subscriber.next(new Response([204, 205, 304].includes(xhr.status) ? null : xhr.responseText, {
+                            status: xhr.status,
+                            statusText: xhr.statusText,
+                            headers,
+                        }));
+                        subscriber.complete();
+                    };
+                    xhr.onerror = () => subscriber.error(new Error('Media upload network error.'));
+                    xhr.ontimeout = () => subscriber.error(new Error('Media upload timed out.'));
+                    xhr.onabort = () => subscriber.error(new Error('Media upload was cancelled.'));
+                    const abort = () => xhr.abort();
+                    req.signal?.addEventListener('abort', abort, { once: true });
+                    if (req.signal?.aborted) {
+                        subscriber.error(new Error('Media upload was cancelled.'));
+                    }
+                    else {
+                        callback(0);
+                        xhr.send(uploadBody);
+                    }
+                    return () => {
+                        req.signal?.removeEventListener('abort', abort);
+                        if (xhr.readyState !== XMLHttpRequest.DONE) {
+                            xhr.abort();
+                        }
+                    };
+                });
+            },
+        });
+    }
+    progressCallbacks.set(body, onProgress);
+    return () => progressCallbacks.delete(body);
+}
+
+//#region imports
+//#endregion
+class TaonCmsContentApiService extends TaonBaseAngularService {
+    constructor() {
+        super(...arguments);
+        //#region fields & getters
+        this.taonCmsContentController = this.injectController(TaonCmsContentController);
+        this.taonCmsContentStorageController = this.injectController(TaonCmsContentStorageController);
+    }
+    get crudController() {
+        return this.taonCmsContentController;
+    }
+    //#endregion
+    //#region API / get by id
+    async getById(id) {
+        return (await this.taonCmsContentController.getBy(id).request()).body.json;
+    }
+    //#endregion
+    //#region API / get by slug
+    async getBySlug(slug) {
+        return (await this.taonCmsContentController.getBySlug(slug).request()).body
+            .json;
+    }
+    //#endregion
+    //#region API / get video link by slug
+    /**
+     * Get link to private video
+     */
+    getVideoLinkBySlug(slug) {
+        return this.taonCmsContentController
+            .getVideoLinkBySlug(slug)
+            .request()
+            .observable.pipe(map(res => res.body.text), catchError(err => {
+            console.error(err);
+            return of('');
+        }));
+    }
+    //#endregion
+    //#region API / get public video link by slug
+    async getPublicVideoLinkBySlug(slug) {
+        return (await this.taonCmsContentController
+            .getPublicVideoLinkBySlug(slug)
+            .request()).body.text;
+    }
+    //#endregion
+    //#region API / get audio link by slug
+    getAudioLinkBySlug(slug) {
+        return this.taonCmsContentController
+            .getAudioLinkBySlug(slug)
+            .request()
+            .observable.pipe(map(res => res.body.text), catchError(err => {
+            console.error(err);
+            return of('');
+        }));
+    }
+    //#endregion
+    //#region API / get public audio link by slug
+    async getPublicAudioLinkBySlug(slug) {
+        return (await this.taonCmsContentController
+            .getPublicAudioLinkBySlug(slug)
+            .request()).body.text;
+    }
+    //#endregion
+    //#region API / get attachment link by slug
+    async getAttachmentLinkBySlug(slug) {
+        return (await this.taonCmsContentController
+            .getAttachmentLinkBySlug(slug)
+            .request()).body.text;
+    }
+    //#endregion
+    //#region API / get public attachment link by slug
+    async getPublicAttachmentLinkBySlug(slug) {
+        return (await this.taonCmsContentController
+            .getPublicAttachmentLinkBySlug(slug)
+            .request()).body.text;
+    }
+    //#endregion
+    //#region API / get content by hook
+    getContentByHook(hook) {
+        return this.taonCmsContentController.getContentByHook(hook)
+            .request().observable.pipe(map(res => res.body.text));
+    }
+    //#endregion
+    //#region API / get public content by hook
+    getPublicContentByHook(hook) {
+        return this.taonCmsContentController.getPublicContentByHook(hook)
+            .request().observable.pipe(map(res => res.body.text), catchError(() => of('---')));
+    }
+    //#endregion
+    //#region API / list application hooks
+    listApplicationHooks() {
+        return this.taonCmsContentController.listApplicationHooks()
+            .request().observable.pipe(map(res => res.body.json));
+    }
+    //#endregion
+    //#region API / upload media
+    async uploadMedia(file, onProgress) {
+        const formData = new FormData();
+        formData.append('file', file);
+        const stopTracking = onProgress
+            ? trackCmsUpload(this.taonCmsContentStorageController.getThisControllerMethodFullUrl('uploadFormDataToServer'), formData, onProgress)
+            : undefined;
+        try {
+            const response = await this.taonCmsContentStorageController
+                .uploadFormDataToServer(formData)
+                .request();
+            const objects = response.body.json;
+            if (!Array.isArray(objects) || objects.length !== 1 || !objects[0]?.key) {
+                throw new Error('The upload did not return a media key.');
+            }
+            onProgress?.(100);
+            return objects[0];
+        }
+        finally {
+            stopTracking?.();
+        }
+    }
+    //#endregion
+    //#region API / list assets
+    listAssets() {
+        return this.taonCmsContentStorageController
+            .list({})
+            .request()
+            .observable.pipe(map(res => res.body.json));
+    }
+    //#endregion
+    //#region API / get asset url
+    async getAssetUrl(key) {
+        return (await this.taonCmsContentStorageController
+            .getPrivateUrl(key, { expiresInSeconds: 5 * 60 })
+            .request()).body.text;
+    }
+    //#endregion
+    //#region API / create content
+    createContent(input) {
+        return this.taonCmsContentController.createContent(input)
+            .request().observable.pipe(map(res => res.body.json));
+    }
+    //#endregion
+    //#region API / update content
+    updateContent(id, input) {
+        return this.taonCmsContentController.updateContent(id, input)
+            .request().observable.pipe(map(res => res.body.json));
+    }
+    //#endregion
+    //#region API / delete content
+    deleteContent(id, expectedVersion) {
+        return this.taonCmsContentController.deleteContent(id, expectedVersion)
+            .request().observable.pipe(map(res => res.body.json));
+    }
+    //#endregion
+    //#region API / restore content
+    restoreContent(id, input) {
+        return this.taonCmsContentController.restoreContent(id, input)
+            .request().observable.pipe(map(res => res.body.json));
+    }
+    //#endregion
+    //#region API / list revisions
+    listRevisions(id) {
+        return this.taonCmsContentController.listRevisions(id)
+            .request().observable.pipe(map(res => res.body.json));
+    }
+    //#endregion
+    //#region API / list related posts
+    listRelatedPosts(id) {
+        return this.taonCmsContentController.listRelatedPosts(id)
+            .request().observable.pipe(map(res => res.body.json));
+    }
+    //#endregion
+    //#region API / list permissions
+    listPermissions(id) {
+        return this.taonCmsContentController.listPermissions(id)
+            .request().observable.pipe(map(res => res.body.json));
+    }
+    //#endregion
+    //#region API / get permission configuration
+    getPermissionConfiguration(id) {
+        return this.taonCmsContentController.getPermissionConfiguration(id)
+            .request().observable.pipe(map(res => res.body.json));
+    }
+    //#endregion
+    //#region API / add related post
+    addRelatedPost(id, relatedPostId, expectedVersion) {
+        return this.taonCmsContentController.addRelatedPost(id, relatedPostId, expectedVersion).request().observable.pipe(map(res => res.body.json));
+    }
+    //#endregion
+    //#region API / delete related post
+    deleteRelatedPost(id, relatedPostId, expectedVersion) {
+        return this.taonCmsContentController.deleteRelatedPost(id, relatedPostId, expectedVersion).request().observable.pipe(map(res => res.body.json));
+    }
+    //#endregion
+    //#region API / get all entites
+    /**
+     * TODO not good idea if manu posts - refactor later:
+     *  - add pagination for post selector
+     */
+    get allMyEntities$() {
+        return this.taonCmsContentController.getAll().request().observable.pipe(map(res => res.body?.json));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsContentApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsContentApiService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsContentApiService, decorators: [{
+            type: Injectable
+        }] });
+
+const t$a = 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-taon-cms-asset-preview.component.html.en-US.i18n.data-B9wMX_EY.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-asset-preview.component.html.pl-PL.i18n.data-xbwXUXYs.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-asset-preview.component.html.de-DE.i18n.data-BRUu0gBW.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-asset-preview.component.ts.en-US.i18n.data-CLtlIZzx.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-asset-preview.component.ts.pl-PL.i18n.data-CPExkT3k.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-asset-preview.component.ts.de-DE.i18n.data-BRZcYMCv.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-taon-cms-assets-backoffice.component.html.en-US.i18n.data-Dd97eKL6.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-assets-backoffice.component.html.pl-PL.i18n.data-Bhajq1qM.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-assets-backoffice.component.html.de-DE.i18n.data-Brmp2jOd.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-assets-backoffice.component.ts.en-US.i18n.data-Isn8nVdY.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data-DZQ_dWB0.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-assets-backoffice.component.ts.de-DE.i18n.data-Cxv1uL_y.mjs')).default } });
+class TaonCmsAssetPreviewComponent {
     constructor() {
-        super(...arguments);
-        this.taonCmsContentPermissionProvider = this.injectProvider(TaonCmsContentPermissionProvider);
+        this.t = t$a.for(this);
+        this.api = inject(TaonCmsContentApiService);
+        this.destroyRef = inject(DestroyRef);
+        this.url = signal('', ...(ngDevMode ? [{ debugName: "url" }] : []));
+        this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+        this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : []));
     }
-    listenTo() {
-        return TaonCmsContentPermissionEntity;
+    get previewKind() {
+        const contentType = this.asset.contentType?.trim().toLowerCase();
+        if (contentType?.startsWith('video/')) {
+            return 'video';
+        }
+        if (contentType?.startsWith('audio/')) {
+            return 'audio';
+        }
+        return 'attachment';
     }
-};
-TaonCmsContentPermissionSubscriber = __decorate([
-    TaonSubscriber({
-        className: 'TaonCmsContentPermissionSubscriber',
-        // allowedEvents: ['afterUpdate'],
-    })
-], TaonCmsContentPermissionSubscriber);
-
-//#region imports
-//#endregion
-const TaonCmsContentPermissionAbstractContext = createContext(() => ({
-    contextName: 'TaonCmsContentPermissionAbstractContext',
-    abstract: true,
-    contexts: { TaonBaseContext },
-    entities: { TaonCmsContentPermissionEntity },
-    controllers: { TaonCmsContentPermissionController },
-    repositories: { TaonCmsContentPermissionRepository },
-    providers: { TaonCmsContentPermissionProvider },
-    middlewares: { TaonCmsContentPermissionMiddleware },
-    subscribers: { TaonCmsContentPermissionSubscriber },
-}));
-
-// THIS FILE IS GENERATED - DO NOT MODIFY
-const TaonCmsAbstractContext = createContext(() => ({
-    contextName: 'TaonCmsAbstractContext',
-    abstract: true,
-    contexts: {
-        TaonCmsCategoryAbstractContext,
-        TaonCmsCommentAbstractContext,
-        TaonCmsContentAbstractContext,
-        TaonCmsContentAssetAbstractContext,
-        TaonCmsContentPermissionAbstractContext,
-        TaonCmsContentRevisionAbstractContext,
-        TaonCmsContentTagAbstractContext,
-        TaonCmsTagAbstractContext,
-        TaonSessionAbstractContext,
-    },
-}));
-// THIS FILE IS GENERATED - DO NOT MODIFY
+    ngOnInit() {
+        void this.reload();
+    }
+    async reload() {
+        if (this.loading()) {
+            return;
+        }
+        this.loading.set(true);
+        this.error.set('');
+        this.url.set('');
+        try {
+            const url = new URL(await this.api.getAssetUrl(this.asset.key));
+            if (this.previewKind === 'attachment') {
+                url.searchParams.set('download', 'true');
+            }
+            if (!this.destroyRef.destroyed) {
+                this.url.set(url.href);
+            }
+        }
+        catch (error) {
+            if (!this.destroyRef.destroyed) {
+                console.error('[taon-cms-asset-preview] Unable to load asset URL', error);
+                this.error.set(this.t.gettext('The asset could not be opened. Please retry.'));
+            }
+        }
+        finally {
+            if (!this.destroyRef.destroyed) {
+                this.loading.set(false);
+            }
+        }
+    }
+    playbackError() {
+        this.error.set(this.t.gettext('Playback failed or the preview link expired. Please retry.'));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsAssetPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsAssetPreviewComponent, isStandalone: true, selector: "taon-cms-asset-preview", inputs: { asset: "asset" }, ngImport: i0, template: "@if (loading()) {\n  <p role=\"status\">{{ t.gettext('Loading asset preview...') }}</p>\n}\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n  <button\n    mat-button\n    type=\"button\"\n    [disabled]=\"loading()\"\n    (click)=\"reload()\">\n    {{ t.gettext('Retry preview') }}\n  </button>\n}\n@if (url()) {\n  @switch (previewKind) {\n    @case ('video') {\n      <video\n        controls\n        preload=\"none\"\n        [src]=\"url()\"\n        (error)=\"playbackError()\">\n        {{ t.gettext('Your browser does not support video playback.') }}\n      </video>\n    }\n    @case ('audio') {\n      <audio\n        controls\n        preload=\"none\"\n        [src]=\"url()\"\n        (error)=\"playbackError()\">\n        {{ t.gettext('Your browser does not support audio playback.') }}\n      </audio>\n    }\n    @default {\n      <a\n        [href]=\"url()\"\n        [attr.download]=\"asset.fileName\"\n        target=\"_blank\"\n        rel=\"noopener\">\n        {{ asset.fileName || asset.key }}\n      </a>\n    }\n  }\n}\n", styles: [":host{display:block;padding:16px}video{max-width:100%;max-height:400px!important}audio{max-width:100%}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsAssetPreviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'taon-cms-asset-preview', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule], template: "@if (loading()) {\n  <p role=\"status\">{{ t.gettext('Loading asset preview...') }}</p>\n}\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n  <button\n    mat-button\n    type=\"button\"\n    [disabled]=\"loading()\"\n    (click)=\"reload()\">\n    {{ t.gettext('Retry preview') }}\n  </button>\n}\n@if (url()) {\n  @switch (previewKind) {\n    @case ('video') {\n      <video\n        controls\n        preload=\"none\"\n        [src]=\"url()\"\n        (error)=\"playbackError()\">\n        {{ t.gettext('Your browser does not support video playback.') }}\n      </video>\n    }\n    @case ('audio') {\n      <audio\n        controls\n        preload=\"none\"\n        [src]=\"url()\"\n        (error)=\"playbackError()\">\n        {{ t.gettext('Your browser does not support audio playback.') }}\n      </audio>\n    }\n    @default {\n      <a\n        [href]=\"url()\"\n        [attr.download]=\"asset.fileName\"\n        target=\"_blank\"\n        rel=\"noopener\">\n        {{ asset.fileName || asset.key }}\n      </a>\n    }\n  }\n}\n", styles: [":host{display:block;padding:16px}video{max-width:100%;max-height:400px!important}audio{max-width:100%}\n"] }]
+        }], propDecorators: { asset: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
 
+const t$9 = 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-taon-cms-asset-preview.component.html.en-US.i18n.data-B9wMX_EY.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-asset-preview.component.html.pl-PL.i18n.data-xbwXUXYs.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-asset-preview.component.html.de-DE.i18n.data-BRUu0gBW.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-asset-preview.component.ts.en-US.i18n.data-CLtlIZzx.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-asset-preview.component.ts.pl-PL.i18n.data-CPExkT3k.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-asset-preview.component.ts.de-DE.i18n.data-BRZcYMCv.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-taon-cms-assets-backoffice.component.html.en-US.i18n.data-Dd97eKL6.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-assets-backoffice.component.html.pl-PL.i18n.data-Bhajq1qM.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-assets-backoffice.component.html.de-DE.i18n.data-Brmp2jOd.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-assets-backoffice.component.ts.en-US.i18n.data-Isn8nVdY.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data-DZQ_dWB0.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-assets-backoffice.component.ts.de-DE.i18n.data-Cxv1uL_y.mjs')).default } });
 class TaonCmsAssetsBackofficeComponent {
     constructor() {
-        this.assets = [
-            { id: 1, name: 'Sample image.jpg' },
-            { id: 2, name: 'Sample document.pdf' },
-        ];
+        this.t = t$9.for(this);
+        this.api = inject(TaonCmsContentApiService);
+        this.destroyRef = inject(DestroyRef);
+        this.assets = signal([], ...(ngDevMode ? [{ debugName: "assets" }] : []));
+        this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+        this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : []));
         this.columns = [
-            { header: 'ID', field: 'id', sortable: true },
-            { header: 'Asset Name', field: 'name', sortable: true },
+            { header: 'ID', field: 'keyVisible', sortable: true, showExpand: true },
+            { header: this.t.gettext('File Name'), field: 'fileName', sortable: true },
+            {
+                header: this.t.gettext('Content Type'),
+                field: 'contentType',
+                sortable: true,
+            },
         ];
     }
+    ngOnInit() {
+        this.reload();
+    }
+    reload() {
+        if (this.loading()) {
+            return;
+        }
+        this.loading.set(true);
+        this.error.set('');
+        this.api
+            .listAssets()
+            .pipe(map$1(c => c), takeUntilDestroyed(this.destroyRef), finalize(() => this.loading.set(false)))
+            .subscribe({
+            next: assets => this.assets.set(assets.map(c => {
+                c.keyVisible = _.first(c.key.split('__'));
+                return c;
+            })),
+            error: (error) => {
+                console.error('[taon-cms-assets-backoffice] Unable to load assets', error);
+                this.error.set(this.t.gettext('Assets could not be loaded. Please try reloading.'));
+            },
+        });
+    }
     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: "14.0.0", version: "21.0.9", type: TaonCmsAssetsBackofficeComponent, isStandalone: true, selector: "taon-cms-assets-backoffice", ngImport: i0, template: `
-    <h1>CMS assets</h1>
-    <mtx-grid [data]="assets" [columns]="columns"></mtx-grid>
-  `, isInline: true, dependencies: [{ kind: "component", type: MtxGrid, selector: "mtx-grid", inputs: ["displayedColumns", "columns", "data", "length", "loading", "trackBy", "columnResizable", "emptyValuePlaceholder", "pageOnFront", "showPaginator", "pageDisabled", "showFirstLastButtons", "pageIndex", "pageSize", "pageSizeOptions", "hidePageSize", "paginationTemplate", "sortOnFront", "sortActive", "sortDirection", "sortDisableClear", "sortDisabled", "sortStart", "rowHover", "rowStriped", "expandable", "expansionTemplate", "multiSelectable", "multiSelectionWithClick", "rowSelectable", "hideRowSelectionCheckbox", "disableRowClickSelection", "rowSelectionFormatter", "rowClassFormatter", "rowSelected", "cellSelectable", "showToolbar", "toolbarTitle", "toolbarTemplate", "columnHideable", "columnHideableChecked", "columnSortable", "columnPinnable", "columnPinOptions", "showColumnMenuButton", "columnMenuButtonText", "columnMenuButtonType", "columnMenuButtonColor", "columnMenuButtonClass", "columnMenuButtonIcon", "columnMenuButtonFontIcon", "columnMenuButtonSvgIcon", "showColumnMenuHeader", "columnMenuHeaderText", "columnMenuHeaderTemplate", "showColumnMenuFooter", "columnMenuFooterText", "columnMenuFooterTemplate", "noResultText", "noResultTemplate", "headerTemplate", "headerExtraTemplate", "cellTemplate", "useContentRowTemplate", "useContentHeaderRowTemplate", "useContentFooterRowTemplate", "showSummary", "summaryTemplate", "showSidebar", "sidebarTemplate", "showStatusbar", "statusbarTemplate"], outputs: ["page", "sortChange", "rowClick", "rowContextMenu", "expansionChange", "rowSelectedChange", "cellSelectedChange", "columnChange"], exportAs: ["mtxGrid"] }], 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", "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,
-            args: [{
-                    selector: 'taon-cms-assets-backoffice',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [MtxGrid],
-                    template: `
-    <h1>CMS assets</h1>
-    <mtx-grid [data]="assets" [columns]="columns"></mtx-grid>
-  `,
-                }]
+            args: [{ selector: 'taon-cms-assets-backoffice', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        MatButtonModule,
+                        TaonDatatableComponent,
+                        TaonCmsAssetPreviewComponent,
+                    ], providers: [TaonCmsContentApiService], 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" }]
         }] });
 
 var taonCmsAssetsBackoffice_component = /*#__PURE__*/Object.freeze({
@@ -2266,8 +3240,10 @@ var taonCmsAssetsBackoffice_routes = /*#__PURE__*/Object.freeze({
 
 //#region imports
 //#endregion
+const t$8 = 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-taon-cms-backoffice.component.html.en-US.i18n.data-B6WD9PJf.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-backoffice.component.html.pl-PL.i18n.data-CkJQRqG3.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-backoffice.component.html.de-DE.i18n.data-DQollWm9.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-backoffice.component.ts.en-US.i18n.data-eTouqefi.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-backoffice.component.ts.pl-PL.i18n.data-C8tsBZCu.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-backoffice.component.ts.de-DE.i18n.data-DzBHONcQ.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-backoffice.routes.ts.en-US.i18n.data-Bm9mDdSW.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-backoffice.routes.ts.pl-PL.i18n.data-DlhV8M8I.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-backoffice.routes.ts.de-DE.i18n.data-DLee8IHp.mjs')).default } });
 class TaonCmsBackofficeComponent {
     constructor() {
+        this.t = t$8.for(this);
         this.componentLoaded = false;
     }
     onRouteActivate(component) {
@@ -2277,11 +3253,11 @@ class TaonCmsBackofficeComponent {
         this.componentLoaded = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsBackofficeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsBackofficeComponent, isStandalone: true, selector: "app-taon-cms-backoffice", ngImport: i0, template: "@if (!componentLoaded) {\n  <code>\n    In CMS you can manage content and settings for your website.\n  </code>\n}\n\n<router-outlet\n  (activate)=\"onRouteActivate($event)\"\n  (deactivate)=\"onRouteDeactivate($event)\"></router-outlet>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsBackofficeComponent, isStandalone: true, selector: "app-taon-cms-backoffice", ngImport: i0, template: "@if (!componentLoaded) {\n  <code>\n    {{\n      t.gettext('In CMS you can manage content and settings for your website.')\n    }}\n  </code>\n}\n\n<router-outlet\n  (activate)=\"onRouteActivate($event)\"\n  (deactivate)=\"onRouteDeactivate($event)\"></router-outlet>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsBackofficeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-taon-cms-backoffice', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, RouterOutlet], template: "@if (!componentLoaded) {\n  <code>\n    In CMS you can manage content and settings for your website.\n  </code>\n}\n\n<router-outlet\n  (activate)=\"onRouteActivate($event)\"\n  (deactivate)=\"onRouteDeactivate($event)\"></router-outlet>\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'app-taon-cms-backoffice', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, RouterOutlet], template: "@if (!componentLoaded) {\n  <code>\n    {{\n      t.gettext('In CMS you can manage content and settings for your website.')\n    }}\n  </code>\n}\n\n<router-outlet\n  (activate)=\"onRouteActivate($event)\"\n  (deactivate)=\"onRouteDeactivate($event)\"></router-outlet>\n", styles: [":host{display:block}\n"] }]
         }] });
 
 var taonCmsBackoffice_component = /*#__PURE__*/Object.freeze({
@@ -2291,6 +3267,7 @@ var taonCmsBackoffice_component = /*#__PURE__*/Object.freeze({
 
 //#endregion
 const adminLazyRoute = (adminLazyRoute$1);
+const t$7 = 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-taon-cms-backoffice.component.html.en-US.i18n.data-B6WD9PJf.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-backoffice.component.html.pl-PL.i18n.data-CkJQRqG3.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-backoffice.component.html.de-DE.i18n.data-DQollWm9.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-backoffice.component.ts.en-US.i18n.data-eTouqefi.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-backoffice.component.ts.pl-PL.i18n.data-C8tsBZCu.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-backoffice.component.ts.de-DE.i18n.data-DzBHONcQ.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-backoffice.routes.ts.en-US.i18n.data-Bm9mDdSW.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-backoffice.routes.ts.pl-PL.i18n.data-DlhV8M8I.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-backoffice.routes.ts.de-DE.i18n.data-DLee8IHp.mjs')).default } });
 const TaonCmsBackofficeRoutes = [
     {
         path: '',
@@ -2302,7 +3279,7 @@ const TaonCmsBackofficeRoutes = [
                     return !context?.hasAccess.toManagePosts;
                 },
                 path: 'posts',
-                menuItem: 'Posts',
+                menuItem: t$7.gettext('Posts'),
                 expandable: true,
                 icon: 'edit',
                 loader: () => Promise.resolve().then(function () { return index$1; }).then(m => m.TaonCmsPostsBackofficeRoutes),
@@ -2310,7 +3287,7 @@ const TaonCmsBackofficeRoutes = [
             adminLazyRoute({
                 isDisabled: ({ context }) => !context?.hasAccess.toManagePosts,
                 path: 'assets',
-                menuItem: 'Assets',
+                menuItem: t$7.gettext('Assets'),
                 expandable: false,
                 icon: 'perm_media',
                 loader: () => Promise.resolve().then(function () { return taonCmsAssetsBackoffice_routes; }).then(m => m.TaonCmsAssetsBackofficeRoutes),
@@ -2406,92 +3383,6 @@ var TaonCmsCommentUtils;
     TaonCmsCommentUtils.isActive = isActive;
 })(TaonCmsCommentUtils || (TaonCmsCommentUtils = {}));
 
-//#region imports
-//#endregion
-class TaonCmsContentApiService extends TaonBaseAngularService {
-    constructor() {
-        super(...arguments);
-        this.taonCmsContentController = this.injectController(TaonCmsContentController);
-        this.taonCmsContentStorageController = this.injectController(TaonCmsContentStorageController);
-    }
-    get crudController() {
-        return this.taonCmsContentController;
-    }
-    async getById(id) {
-        return (await this.taonCmsContentController.getBy(id).request()).body.json;
-    }
-    async getBySlug(slug) {
-        return (await this.taonCmsContentController.getBySlug(slug).request()).body
-            .json;
-    }
-    getContentByHook(hook) {
-        return this.taonCmsContentController.getContentByHook(hook)
-            .request().observable.pipe(map(res => res.body.text));
-    }
-    getPublicContentByHook(hook) {
-        return this.taonCmsContentController.getPublicContentByHook(hook)
-            .request().observable.pipe(map(res => res.body.text), catchError(() => of('---')));
-    }
-    listApplicationHooks() {
-        return this.taonCmsContentController.listApplicationHooks()
-            .request().observable.pipe(map(res => res.body.json));
-    }
-    async uploadMedia(file) {
-        const formData = new FormData();
-        formData.append('file', file);
-        const response = await this.taonCmsContentStorageController
-            .uploadFormDataToServer(formData)
-            .request();
-        const objects = response.body.json;
-        if (objects.length !== 1 || !objects[0].key) {
-            throw new Error('The upload did not return a media key.');
-        }
-        return objects[0];
-    }
-    createContent(input) {
-        return this.taonCmsContentController.createContent(input)
-            .request().observable.pipe(map(res => res.body.json));
-    }
-    updateContent(id, input) {
-        return this.taonCmsContentController.updateContent(id, input)
-            .request().observable.pipe(map(res => res.body.json));
-    }
-    deleteContent(id, expectedVersion) {
-        return this.taonCmsContentController.deleteContent(id, expectedVersion)
-            .request().observable.pipe(map(res => res.body.json));
-    }
-    restoreContent(id, input) {
-        return this.taonCmsContentController.restoreContent(id, input)
-            .request().observable.pipe(map(res => res.body.json));
-    }
-    listRevisions(id) {
-        return this.taonCmsContentController.listRevisions(id)
-            .request().observable.pipe(map(res => res.body.json));
-    }
-    listRelatedPosts(id) {
-        return this.taonCmsContentController.listRelatedPosts(id)
-            .request().observable.pipe(map(res => res.body.json));
-    }
-    listPermissions(id) {
-        return this.taonCmsContentController.listPermissions(id)
-            .request().observable.pipe(map(res => res.body.json));
-    }
-    addRelatedPost(id, relatedPostId, expectedVersion) {
-        return this.taonCmsContentController.addRelatedPost(id, relatedPostId, expectedVersion).request().observable.pipe(map(res => res.body.json));
-    }
-    deleteRelatedPost(id, relatedPostId, expectedVersion) {
-        return this.taonCmsContentController.deleteRelatedPost(id, relatedPostId, expectedVersion).request().observable.pipe(map(res => res.body.json));
-    }
-    get allMyEntities$() {
-        return this.taonCmsContentController.getAll().request().observable.pipe(map(res => res.body?.json));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsContentApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsContentApiService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsContentApiService, decorators: [{
-            type: Injectable
-        }] });
-
 class TaonCmsContentConfigService extends TaonBaseAngularService {
     constructor() {
         super(...arguments);
@@ -2831,8 +3722,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 args: ['paste', ['$event']]
             }] } });
 
+const t$6 = Translation.for('src/lib/taon-posts/taon-cms-revision-chooser/taon-cms-revision-chooser.component.ts', { "src/lib/taon-posts/taon-cms-revision-chooser/taon-cms-revision-chooser.component.html": { "en-US": async () => (await import('./cms-browser-taon-cms-revision-chooser.component.html.en-US.i18n.data-CM--GhdT.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-revision-chooser.component.html.pl-PL.i18n.data-UyfsZV2_.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-revision-chooser.component.html.de-DE.i18n.data-BK56qNSN.mjs')).default }, "src/lib/taon-posts/taon-cms-revision-chooser/taon-cms-revision-chooser.component.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-revision-chooser.component.ts.en-US.i18n.data-Q_yYYlqT.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-revision-chooser.component.ts.pl-PL.i18n.data-DS71Bpee.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-revision-chooser.component.ts.de-DE.i18n.data-C8Amkua1.mjs')).default } });
 class TaonCmsRevisionChooserComponent {
     constructor() {
+        this.t = t$6.for(this);
         this.post = inject(MAT_DIALOG_DATA);
         this.revisions = signal([], ...(ngDevMode ? [{ debugName: "revisions" }] : []));
         this.selected = signal(null, ...(ngDevMode ? [{ debugName: "selected" }] : []));
@@ -2851,11 +3744,14 @@ class TaonCmsRevisionChooserComponent {
         this.selected.set(null);
         this.loading.set(true);
         this.error.set('');
-        this.api.listRevisions(this.post.id).pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.loading.set(false))).subscribe({
+        this.api
+            .listRevisions(this.post.id)
+            .pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.loading.set(false)))
+            .subscribe({
             next: revisions => this.revisions.set([...revisions].sort((a, b) => b.revisionNumber - a.revisionNumber)),
             error: (error) => {
                 console.error('[taon-cms-revision-chooser] Unable to load revisions', error);
-                this.error.set('Revisions could not be loaded. Please try again.');
+                this.error.set(this.t.gettext('Revisions could not be loaded. Please try again.'));
             },
         });
     }
@@ -2865,20 +3761,22 @@ class TaonCmsRevisionChooserComponent {
             return;
         }
         if (revisionNumber === null) {
-            this.error.set('Select a revision to restore.');
+            this.error.set(this.t.gettext('Select a revision to restore.'));
             return;
         }
         this.applying.set(true);
         this.error.set('');
-        this.api.restoreContent(this.post.id, {
+        this.api
+            .restoreContent(this.post.id, {
             revisionNumber,
             expectedVersion: this.post.version,
-        }).pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.applying.set(false))).subscribe({
+        })
+            .pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.applying.set(false)))
+            .subscribe({
             next: post => this.ref.close(post),
             error: (error) => {
                 console.error('[taon-cms-revision-chooser] Unable to restore revision', error);
-                this.error.set('The revision could not be restored. If the post changed, close and ' +
-                    'reopen it to load its latest version.');
+                this.error.set(this.t.gettext('The revision could not be restored. If the post changed, close and reopen it to load its latest version.'));
             },
         });
     }
@@ -2888,15 +3786,17 @@ 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", providers: [TaonCmsContentRevisionApiService], ngImport: i0, template: "<h2 mat-dialog-title>Restore a revision</h2>\n<mat-dialog-content>\n  <p>Restoring replaces the post, including its status, with the selected revision.</p>\n  @if (loading()) {\n    <p role=\"status\">Loading revisions...</p>\n  } @else {\n    <mat-radio-group aria-label=\"Post revisions\" [value]=\"selected()\" (change)=\"selected.set($event.value)\" [disabled]=\"applying()\">\n      @for (revision of revisions(); track revision.id) {\n        <mat-radio-button [value]=\"revision.revisionNumber\" [disabled]=\"!revision.snapshot\">\n          <strong>Revision {{ revision.revisionNumber }}</strong>\n          <span>{{ revision.createdAt | date: 'medium' }}</span>\n          @if (revision.createdByUserId !== null && revision.createdByUserId !== undefined) {\n            <span>User {{ revision.createdByUserId }}</span>\n          }\n          @if (!revision.snapshot) {\n            <span>Legacy revision - cannot be restored</span>\n          }\n        </mat-radio-button>\n      } @empty {\n        <p>No revisions are available.</p>\n      }\n    </mat-radio-group>\n  }\n  @if (error()) {\n    <p role=\"alert\">{{ error() }}</p>\n    <button mat-button type=\"button\" [disabled]=\"loading() || applying()\" (click)=\"load()\">Reload revisions</button>\n  }\n  @if (applying()) {\n    <p role=\"status\">Restoring...</p>\n  }\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button mat-button type=\"button\" [disabled]=\"applying()\" (click)=\"cancel()\">Cancel</button>\n  <button mat-flat-button type=\"button\" [disabled]=\"loading() || applying() || selected() === null\" (click)=\"apply()\">Apply</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.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.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", 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.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.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,
-            args: [{ selector: 'taon-cms-revision-chooser', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DatePipe, MatButtonModule, MatDialogModule, MatRadioModule], providers: [TaonCmsContentRevisionApiService], template: "<h2 mat-dialog-title>Restore a revision</h2>\n<mat-dialog-content>\n  <p>Restoring replaces the post, including its status, with the selected revision.</p>\n  @if (loading()) {\n    <p role=\"status\">Loading revisions...</p>\n  } @else {\n    <mat-radio-group aria-label=\"Post revisions\" [value]=\"selected()\" (change)=\"selected.set($event.value)\" [disabled]=\"applying()\">\n      @for (revision of revisions(); track revision.id) {\n        <mat-radio-button [value]=\"revision.revisionNumber\" [disabled]=\"!revision.snapshot\">\n          <strong>Revision {{ revision.revisionNumber }}</strong>\n          <span>{{ revision.createdAt | date: 'medium' }}</span>\n          @if (revision.createdByUserId !== null && revision.createdByUserId !== undefined) {\n            <span>User {{ revision.createdByUserId }}</span>\n          }\n          @if (!revision.snapshot) {\n            <span>Legacy revision - cannot be restored</span>\n          }\n        </mat-radio-button>\n      } @empty {\n        <p>No revisions are available.</p>\n      }\n    </mat-radio-group>\n  }\n  @if (error()) {\n    <p role=\"alert\">{{ error() }}</p>\n    <button mat-button type=\"button\" [disabled]=\"loading() || applying()\" (click)=\"load()\">Reload revisions</button>\n  }\n  @if (applying()) {\n    <p role=\"status\">Restoring...</p>\n  }\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button mat-button type=\"button\" [disabled]=\"applying()\" (click)=\"cancel()\">Cancel</button>\n  <button mat-flat-button type=\"button\" [disabled]=\"loading() || applying() || selected() === null\" (click)=\"apply()\">Apply</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"] }]
+            args: [{ selector: 'taon-cms-revision-chooser', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DatePipe, MatButtonModule, MatDialogModule, MatRadioModule], providers: [TaonCmsContentRevisionApiService], 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"] }]
         }], ctorParameters: () => [] });
 
+const t$5 = Translation.for('src/lib/taon-posts/taon-related-post-chooser/taon-related-post-chooser.component.ts', { "src/lib/taon-posts/taon-related-post-chooser/taon-related-post-chooser.component.html": { "en-US": async () => (await import('./cms-browser-taon-related-post-chooser.component.html.en-US.i18n.data-DqaSwCos.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-related-post-chooser.component.html.pl-PL.i18n.data-UwIwklnz.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-related-post-chooser.component.html.de-DE.i18n.data-DMbpeMp0.mjs')).default }, "src/lib/taon-posts/taon-related-post-chooser/taon-related-post-chooser.component.ts": { "en-US": async () => (await import('./cms-browser-taon-related-post-chooser.component.ts.en-US.i18n.data-BHozuByI.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-related-post-chooser.component.ts.pl-PL.i18n.data-CVbRXbCE.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-related-post-chooser.component.ts.de-DE.i18n.data-DaAVLmDB.mjs')).default } });
 class TaonRelatedPostChooserComponent {
     constructor() {
+        this.t = t$5.for(this);
         this.data = inject(MAT_DIALOG_DATA);
         this.posts = signal([], ...(ngDevMode ? [{ debugName: "posts" }] : []));
         this.selected = signal(null, ...(ngDevMode ? [{ debugName: "selected" }] : []));
@@ -2927,7 +3827,7 @@ class TaonRelatedPostChooserComponent {
             next: posts => this.posts.set(posts),
             error: (error) => {
                 console.error('[taon-related-post-chooser] Unable to load posts', error);
-                this.error.set('Posts could not be loaded. Please try again.');
+                this.error.set(this.t.gettext('Posts could not be loaded. Please try again.'));
             },
         });
     }
@@ -2943,7 +3843,7 @@ class TaonRelatedPostChooserComponent {
         }
         const post = this.filteredPosts().find(post => post.id === this.selected());
         if (!post) {
-            this.error.set('Select a related post.');
+            this.error.set(this.t.gettext('Select a related post.'));
             return;
         }
         this.ref.close(post);
@@ -2952,19 +3852,21 @@ 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>Add related post</h2>\n<mat-dialog-content>\n  <label class=\"search-field\">\n    <span>Search posts</span>\n    <input type=\"search\" aria-label=\"Search posts by ID, title or slug\" [value]=\"query()\" [disabled]=\"loading()\" (input)=\"search($event)\" />\n  </label>\n  @if (loading()) {\n    <p role=\"status\">Loading posts...</p>\n  } @else if (error()) {\n    <p class=\"error\" role=\"alert\">{{ error() }}</p>\n    <button mat-button type=\"button\" (click)=\"load()\">Try again</button>\n  } @else {\n    <mat-radio-group aria-label=\"Related post\" [value]=\"selected()\" (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 }} <span class=\"slug\">{{ post.slug }}</span>\n        </mat-radio-button>\n      } @empty {\n        <p>No matching posts available.</p>\n      }\n    </mat-radio-group>\n  }\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button mat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n  <button mat-flat-button type=\"button\" [disabled]=\"loading() || !!error() || selected() === null\" (click)=\"choose()\">Add related post</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.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.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.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.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,
-            args: [{ selector: 'taon-related-post-chooser', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, MatDialogModule, MatRadioModule], providers: [TaonCmsContentApiService], template: "<h2 mat-dialog-title>Add related post</h2>\n<mat-dialog-content>\n  <label class=\"search-field\">\n    <span>Search posts</span>\n    <input type=\"search\" aria-label=\"Search posts by ID, title or slug\" [value]=\"query()\" [disabled]=\"loading()\" (input)=\"search($event)\" />\n  </label>\n  @if (loading()) {\n    <p role=\"status\">Loading posts...</p>\n  } @else if (error()) {\n    <p class=\"error\" role=\"alert\">{{ error() }}</p>\n    <button mat-button type=\"button\" (click)=\"load()\">Try again</button>\n  } @else {\n    <mat-radio-group aria-label=\"Related post\" [value]=\"selected()\" (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 }} <span class=\"slug\">{{ post.slug }}</span>\n        </mat-radio-button>\n      } @empty {\n        <p>No matching posts available.</p>\n      }\n    </mat-radio-group>\n  }\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button mat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n  <button mat-flat-button type=\"button\" [disabled]=\"loading() || !!error() || selected() === null\" (click)=\"choose()\">Add related post</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"] }]
+            args: [{ selector: 'taon-related-post-chooser', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, MatDialogModule, MatRadioModule], providers: [TaonCmsContentApiService], 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"] }]
         }], ctorParameters: () => [] });
 
 //#region imports
 //#endregion
+const t$4 = 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-taon-cms-post.component.html.en-US.i18n.data-D9qrP_0l.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-post.component.html.pl-PL.i18n.data-CiEXim8A.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-post.component.html.de-DE.i18n.data-De6Bh8tQ.mjs')).default }, "src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-post.component.ts.en-US.i18n.data-BbpIRzgh.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-post.component.ts.pl-PL.i18n.data-Cqy96DQS.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-post.component.ts.de-DE.i18n.data-DaC7IYoM.mjs')).default } });
 class TaonCmsPostComponent {
     //#endregion
     //#region constructor
     constructor() {
+        this.t = t$4.for(this);
         //#region fields and getters
         this.post = input(null, ...(ngDevMode ? [{ debugName: "post" }] : []));
         this.mode = model('view', ...(ngDevMode ? [{ debugName: "mode" }] : []));
@@ -2972,6 +3874,9 @@ class TaonCmsPostComponent {
         this.deleted = output();
         this.cancelled = output();
         this.currentPost = signal(null, ...(ngDevMode ? [{ debugName: "currentPost" }] : []));
+        this.placeholderShortIntro = this.t.signal.gettext('A short introduction...');
+        this.placeholderTitle = this.t.signal.gettext('Title');
+        this.placeholderTellYourStory = this.t.signal.gettext('Tell your story...');
         this.draft = signal({
             type: TaonCmsContentType.Normal,
             title: '',
@@ -2983,37 +3888,51 @@ class TaonCmsPostComponent {
             attachmentKey: null,
         }, ...(ngDevMode ? [{ debugName: "draft" }] : []));
         this.postTypes = [
-            { value: TaonCmsContentType.Normal, label: 'Normal post' },
-            { value: TaonCmsContentType.Video, label: 'Video post' },
-            { value: TaonCmsContentType.Audio, label: 'Audio post' },
-            { value: TaonCmsContentType.Attachment, label: 'Attachment post' },
+            {
+                value: TaonCmsContentType.Normal,
+                label: this.t.gettext('Normal post'),
+            },
+            { value: TaonCmsContentType.Video, label: this.t.gettext('Video post') },
+            { value: TaonCmsContentType.Audio, label: this.t.gettext('Audio post') },
+            {
+                value: TaonCmsContentType.Attachment,
+                label: this.t.gettext('Attachment post'),
+            },
         ];
         this.mediaAttachments = [
             {
                 type: TaonCmsContentType.Video,
                 key: 'videoKey',
-                heading: 'Video Attachment',
-                uploadLabel: 'Upload video',
+                heading: this.t.gettext('Video Attachment'),
+                uploadLabel: this.t.gettext('Upload video'),
                 accept: 'video/*',
             },
             {
                 type: TaonCmsContentType.Audio,
                 key: 'audioKey',
-                heading: 'Audio Attachment',
-                uploadLabel: 'Upload audio',
+                heading: this.t.gettext('Audio Attachment'),
+                uploadLabel: this.t.gettext('Upload audio'),
                 accept: 'audio/*',
             },
             {
                 type: TaonCmsContentType.Attachment,
                 key: 'attachmentKey',
-                heading: 'File Attachment',
-                uploadLabel: 'Upload file',
+                heading: this.t.gettext('File Attachment'),
+                uploadLabel: this.t.gettext('Upload file'),
                 accept: '',
             },
         ];
         this.mediaAttachment = computed(() => this.mediaAttachments.find(media => media.type === this.draft().type), ...(ngDevMode ? [{ debugName: "mediaAttachment" }] : []));
         this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : []));
         this.uploading = signal(false, ...(ngDevMode ? [{ debugName: "uploading" }] : []));
+        this.uploadProgress = signal(0, ...(ngDevMode ? [{ debugName: "uploadProgress" }] : []));
+        this.mediaPreviewUrl = signal('', ...(ngDevMode ? [{ debugName: "mediaPreviewUrl" }] : []));
+        this.mediaPreviewLoading = signal(false, ...(ngDevMode ? [{ debugName: "mediaPreviewLoading" }] : []));
+        this.mediaPreviewError = signal('', ...(ngDevMode ? [{ debugName: "mediaPreviewError" }] : []));
+        this.mediaFileNames = signal({}, ...(ngDevMode ? [{ debugName: "mediaFileNames" }] : []));
+        this.uploadedMediaPreview = signal(null, ...(ngDevMode ? [{ debugName: "uploadedMediaPreview" }] : []));
+        this.mediaPreviewRequest = 0;
+        this.mediaPreviewSignature = '';
         this.dialogOpen = signal(false, ...(ngDevMode ? [{ debugName: "dialogOpen" }] : []));
         this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : []));
         this.relatedPosts = signal([], ...(ngDevMode ? [{ debugName: "relatedPosts" }] : []));
@@ -3025,6 +3944,8 @@ class TaonCmsPostComponent {
         this.useAsApplicationHook = signal(false, ...(ngDevMode ? [{ debugName: "useAsApplicationHook" }] : []));
         this.selectedApplicationHook = signal(null, ...(ngDevMode ? [{ debugName: "selectedApplicationHook" }] : []));
         this.permissions = signal([], ...(ngDevMode ? [{ debugName: "permissions" }] : []));
+        this.applyPermissionsToRelatedPosts = signal(false, ...(ngDevMode ? [{ debugName: "applyPermissionsToRelatedPosts" }] : []));
+        this.permissionSource = signal(null, ...(ngDevMode ? [{ debugName: "permissionSource" }] : []));
         this.permissionsLoading = signal(false, ...(ngDevMode ? [{ debugName: "permissionsLoading" }] : []));
         this.permissionsError = signal('', ...(ngDevMode ? [{ debugName: "permissionsError" }] : []));
         this.permissionOptions = signal([], ...(ngDevMode ? [{ debugName: "permissionOptions" }] : []));
@@ -3065,6 +3986,74 @@ class TaonCmsPostComponent {
                 });
             }
         });
+        effect(() => {
+            const media = this.mediaAttachment();
+            const key = media ? this.draft()[media.key] : null;
+            const slug = this.draft().slug;
+            const editing = this.editing();
+            const viewing = !!this.currentPost() && this.mode() !== 'add';
+            const stagedPreview = this.uploadedMediaPreview();
+            if ((!editing && !viewing) || !media || !key) {
+                this.mediaPreviewSignature = '';
+                this.mediaPreviewRequest += 1;
+                this.mediaPreviewUrl.set('');
+                this.mediaPreviewLoading.set(false);
+                this.mediaPreviewError.set('');
+                return;
+            }
+            if (stagedPreview?.key === key) {
+                const signature = `upload:${key}:${stagedPreview.url}`;
+                if (signature === this.mediaPreviewSignature) {
+                    return;
+                }
+                this.mediaPreviewSignature = signature;
+                this.mediaPreviewRequest += 1;
+                this.mediaPreviewUrl.set(stagedPreview.url);
+                this.mediaPreviewLoading.set(false);
+                this.mediaPreviewError.set('');
+                return;
+            }
+            if (!slug) {
+                this.mediaPreviewSignature = '';
+                this.mediaPreviewRequest += 1;
+                this.mediaPreviewUrl.set('');
+                this.mediaPreviewLoading.set(false);
+                this.mediaPreviewError.set('');
+                return;
+            }
+            const signature = `${this.mode()}:${media.type}:${slug}:${key}`;
+            if (signature === this.mediaPreviewSignature) {
+                return;
+            }
+            this.mediaPreviewSignature = signature;
+            const requestId = ++this.mediaPreviewRequest;
+            this.mediaPreviewUrl.set('');
+            this.mediaPreviewLoading.set(true);
+            this.mediaPreviewError.set('');
+            const getLink = editing
+                ? this.getMediaLink(slug, media.type)
+                : this.getMediaLinkForView(slug, media.type);
+            void getLink
+                .then(url => {
+                if (requestId === this.mediaPreviewRequest &&
+                    !this.destroyRef.destroyed) {
+                    this.mediaPreviewUrl.set(url);
+                }
+            })
+                .catch((error) => {
+                console.error('[taon-cms-post] Unable to load media preview', error);
+                if (requestId === this.mediaPreviewRequest &&
+                    !this.destroyRef.destroyed) {
+                    this.mediaPreviewError.set(this.t.gettext('Media preview could not be loaded. Please reopen the editor to try again.'));
+                }
+            })
+                .finally(() => {
+                if (requestId === this.mediaPreviewRequest &&
+                    !this.destroyRef.destroyed) {
+                    this.mediaPreviewLoading.set(false);
+                }
+            });
+        });
     }
     //#endregion
     //#region methods / load related posts
@@ -3085,7 +4074,7 @@ class TaonCmsPostComponent {
             next: posts => this.relatedPosts.set(posts),
             error: (error) => {
                 console.error('[taon-cms-post] Unable to load related posts', error);
-                this.relatedPostsError.set('Related posts could not be loaded. Please try again.');
+                this.relatedPostsError.set(this.t.gettext('Related posts could not be loaded. Please try again.'));
             },
         });
     }
@@ -3151,7 +4140,7 @@ class TaonCmsPostComponent {
             },
             error: (error) => {
                 console.error('[taon-cms-post] Unable to load application hooks', error);
-                this.applicationHooksError.set('Application hooks could not be loaded. Please try again.');
+                this.applicationHooksError.set(this.t.gettext('Application hooks could not be loaded. Please try again.'));
             },
         });
     }
@@ -3168,7 +4157,7 @@ class TaonCmsPostComponent {
     //#endregion
     //#region methods / load permissions
     loadPermissions() {
-        if (this.busy() || this.permissionsLoading()) {
+        if (this.permissionsLoading()) {
             return;
         }
         const post = this.requirePost();
@@ -3178,20 +4167,28 @@ class TaonCmsPostComponent {
         this.permissionsLoading.set(true);
         this.permissionsError.set('');
         this.permissionsLoad = this.api
-            .listPermissions(post.id)
+            .getPermissionConfiguration(post.id)
             .pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.permissionsLoading.set(false)))
             .subscribe({
-            next: permissions => this.permissions.set(permissions),
+            next: configuration => {
+                this.permissions.set(configuration.permissions);
+                this.permissionSource.set(configuration.source);
+            },
             error: (error) => {
                 console.error('[taon-cms-post] Unable to load permissions', error);
-                this.permissionsError.set('Permissions could not be loaded. Please try again.');
+                this.permissionsError.set(this.t.gettext('Permissions could not be loaded. Please try again.'));
             },
         });
     }
     //#endregion
     //#region methods / add permission
     addPermission() {
-        if (!this.editing() || this.busy() || this.dialogOpen()) {
+        if (!this.editing() ||
+            this.busy() ||
+            this.dialogOpen() ||
+            this.permissionSource() ||
+            this.permissionsLoading() ||
+            this.permissionsError()) {
             return;
         }
         const permissionId = this.selectedPermissionId();
@@ -3204,7 +4201,12 @@ class TaonCmsPostComponent {
     //#endregion
     //#region methods / remove permission
     removePermission(id) {
-        if (!this.editing() || this.busy() || this.dialogOpen()) {
+        if (!this.editing() ||
+            this.busy() ||
+            this.dialogOpen() ||
+            this.permissionSource() ||
+            this.permissionsLoading() ||
+            this.permissionsError()) {
             return;
         }
         this.permissions.update(items => items.filter(permission => permission.id !== id));
@@ -3224,7 +4226,7 @@ class TaonCmsPostComponent {
             next: permissions => this.permissionOptions.set(permissions),
             error: (error) => {
                 console.error('[taon-cms-post] Unable to load permission options', error);
-                this.permissionOptionsError.set('Available permissions could not be loaded. Please try again.');
+                this.permissionOptionsError.set(this.t.gettext('Available permissions could not be loaded. Please try again.'));
             },
         });
     }
@@ -3237,7 +4239,7 @@ class TaonCmsPostComponent {
     //#region methods / file selected
     async fileSelected(event) {
         if (!(event.target instanceof HTMLInputElement)) {
-            this.error.set('Unable to read the selected media file.');
+            this.error.set(this.t.gettext('Unable to read the selected media file.'));
             return;
         }
         const input = event.target;
@@ -3253,20 +4255,38 @@ class TaonCmsPostComponent {
         const draft = this.draft();
         this.busy.set(true);
         this.uploading.set(true);
+        this.uploadProgress.set(0);
         this.error.set('');
         try {
-            const object = await this.api.uploadMedia(file);
+            const object = await this.api.uploadMedia(file, percentage => {
+                if (!this.destroyRef.destroyed) {
+                    this.uploadProgress.set(percentage);
+                }
+            });
             if (!this.destroyRef.destroyed && this.draft() === draft) {
+                const fileName = object.fileName || file.name;
+                this.mediaFileNames.update(names => ({
+                    ...names,
+                    [object.key]: fileName,
+                }));
+                if (object.downloadUrl) {
+                    this.uploadedMediaPreview.set({
+                        key: object.key,
+                        url: this.uploadedMediaUrl(object.downloadUrl, media.type),
+                        fileName,
+                    });
+                }
                 this.updateDraft(media.key, object.key);
             }
         }
         catch (error) {
             console.error('[taon-cms-post] Unable to upload media', error);
-            this.error.set('The media could not be uploaded. Please try again.');
+            this.error.set(this.t.gettext('The media could not be uploaded. Please try again.'));
         }
         finally {
             this.busy.set(false);
             this.uploading.set(false);
+            this.uploadProgress.set(0);
             input.value = '';
         }
     }
@@ -3277,9 +4297,67 @@ class TaonCmsPostComponent {
         if (!media || !this.editing() || this.busy() || this.dialogOpen()) {
             return;
         }
+        this.uploadedMediaPreview.set(null);
         this.updateDraft(media.key, null);
     }
     //#endregion
+    //#region methods / uploaded media URL
+    uploadedMediaUrl(url, type) {
+        if (type !== TaonCmsContentType.Attachment) {
+            return url;
+        }
+        const parsedUrl = new URL(url);
+        parsedUrl.searchParams.set('download', 'true');
+        return parsedUrl.href;
+    }
+    //#endregion
+    //#region methods / get media link
+    getMediaLink(slug, type) {
+        switch (type) {
+            case TaonCmsContentType.Video:
+                return firstValueFrom(this.api.getVideoLinkBySlug(slug));
+            case TaonCmsContentType.Audio:
+                return firstValueFrom(this.api.getAudioLinkBySlug(slug));
+            case TaonCmsContentType.Attachment:
+                return this.api.getAttachmentLinkBySlug(slug);
+            default:
+                return Promise.reject(new Error('This post type has no media.'));
+        }
+    }
+    //#endregion
+    //#region methods / get media link for viewing
+    async getMediaLinkForView(slug, type) {
+        try {
+            switch (type) {
+                case TaonCmsContentType.Video:
+                    return await this.api.getPublicVideoLinkBySlug(slug);
+                case TaonCmsContentType.Audio:
+                    return await this.api.getPublicAudioLinkBySlug(slug);
+                case TaonCmsContentType.Attachment:
+                    return await this.api.getPublicAttachmentLinkBySlug(slug);
+                default:
+                    throw new Error('This post type has no media.');
+            }
+        }
+        catch {
+            return this.getMediaLink(slug, type);
+        }
+    }
+    //#endregion
+    //#region methods / media file name
+    mediaFileName(key) {
+        const fileName = this.mediaFileNames()[key];
+        if (fileName) {
+            return fileName;
+        }
+        const uploaded = this.uploadedMediaPreview();
+        if (uploaded?.key === key) {
+            return uploaded.fileName;
+        }
+        const storedName = key.split('/').pop() || key;
+        return storedName.replace(/^[0-9a-f-]{36}__/i, '');
+    }
+    //#endregion
     //#region methods / update slug
     updateSlug(event) {
         if (event.target instanceof HTMLInputElement) {
@@ -3318,7 +4396,7 @@ class TaonCmsPostComponent {
             return;
         }
         if (!this.canSave()) {
-            this.error.set('A title and slug are required.');
+            this.error.set(this.t.gettext('A title and slug are required.'));
             return;
         }
         if (this.mode() === 'add') {
@@ -3326,6 +4404,7 @@ class TaonCmsPostComponent {
                 ...this.draft(),
                 relatedPostIds: this.relatedPosts().map(post => post.id),
                 permissionIds: this.permissions().map(permission => permission.id),
+                applyPermissionsToRelatedPosts: this.applyPermissionsToRelatedPosts(),
                 applicationHook: this.useAsApplicationHook()
                     ? this.selectedApplicationHook()
                     : null,
@@ -3349,7 +4428,7 @@ class TaonCmsPostComponent {
             return;
         }
         if (this.editing() && !this.canSave()) {
-            this.error.set('A title and slug are required.');
+            this.error.set(this.t.gettext('A title and slug are required.'));
             return;
         }
         const post = this.requirePost();
@@ -3364,6 +4443,23 @@ class TaonCmsPostComponent {
         }
     }
     //#endregion
+    //#region methods / unpublish
+    unpublish() {
+        const post = this.currentPost();
+        if (!post ||
+            post.status !== 'published' ||
+            this.busy() ||
+            this.dialogOpen() ||
+            this.mode() === 'view-clean' ||
+            this.mode() === 'add') {
+            return;
+        }
+        this.persist(this.api.updateContent(post.id, {
+            expectedVersion: post.version,
+            status: 'draft',
+        }));
+    }
+    //#endregion
     //#region methods / revert
     revert() {
         const post = this.requirePost();
@@ -3403,9 +4499,9 @@ class TaonCmsPostComponent {
         this.dialogOpen.set(true);
         const ref = this.dialog.open(TaonConfirmDialogComponent, {
             data: {
-                title: 'Delete post?',
-                message: 'This archives the post. It can be restored from its revisions.',
-                confirmText: 'Delete',
+                title: this.t.gettext('Delete post?'),
+                message: this.t.gettext('This archives the post. It can be restored from its revisions.'),
+                confirmText: this.t.gettext('Delete'),
             },
         });
         ref
@@ -3424,7 +4520,12 @@ class TaonCmsPostComponent {
         return {
             ...this.draft(),
             relatedPostIds: this.relatedPosts().map(related => related.id),
-            permissionIds: this.permissions().map(permission => permission.id),
+            ...(this.permissionSource()
+                ? {}
+                : {
+                    permissionIds: this.permissions().map(permission => permission.id),
+                }),
+            applyPermissionsToRelatedPosts: this.applyPermissionsToRelatedPosts(),
             applicationHook: this.useAsApplicationHook()
                 ? this.selectedApplicationHook()
                 : null,
@@ -3436,7 +4537,7 @@ class TaonCmsPostComponent {
     requirePost() {
         const post = this.currentPost();
         if (!post) {
-            this.error.set('No post is loaded.');
+            this.error.set(this.t.gettext('No post is loaded.'));
         }
         return post;
     }
@@ -3452,9 +4553,14 @@ class TaonCmsPostComponent {
         this.applicationHooksError.set('');
         this.permissionsLoading.set(false);
         this.permissionsError.set('');
+        this.uploadedMediaPreview.set(null);
+        this.mediaPreviewSignature = '';
+        this.mediaPreviewRequest += 1;
         this.currentPost.set(post);
         this.relatedPosts.set(post?.relatedPosts ?? []);
         this.permissions.set(post?.permissions ?? []);
+        this.permissionSource.set(null);
+        this.applyPermissionsToRelatedPosts.set(post?.applyPermissionsToRelatedPosts ?? false);
         this.selectedPermissionId.set(null);
         this.setApplicationHookSelection(post, this.applicationHooks());
         this.draft.set({
@@ -3472,9 +4578,7 @@ class TaonCmsPostComponent {
             this.mode() !== 'view-clean') {
             this.loadRelatedPosts();
         }
-        if (post &&
-            post.permissions === undefined &&
-            this.mode() !== 'view-clean') {
+        if (post && this.mode() !== 'view-clean') {
             this.loadPermissions();
         }
     }
@@ -3513,13 +4617,12 @@ class TaonCmsPostComponent {
             },
             error: (error) => {
                 console.error('[taon-cms-post] Unable to save post', error);
-                this.error.set('The post could not be saved. Check the slug and your connection. ' +
-                    'If another user changed it, close and reopen the post before retrying.');
+                this.error.set(this.t.gettext('The post could not be saved. Check the slug and your connection. If another user changed it, close and reopen the post before retrying.'));
             },
         });
     }
     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", cancelled: "cancelled" }, providers: [TaonCmsContentApiService, TaonPermissionApiService], ngImport: i0, template: "@if (mode() !== 'view-clean') {\n  <header class=\"post-actions\">\n    <span class=\"post-status\">{{ mode() === 'add' ? 'New draft' : currentPost()?.status }}</span>\n    <div class=\"buttons\">\n      @if (editing()) {\n        <button mat-flat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || !canSave()\" (click)=\"save()\">\n          {{ mode() === 'add' ? 'Add' : 'Save' }}\n        </button>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"cancel()\">Cancel</button>\n      } @else if (currentPost()) {\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"edit()\">\n          <mat-icon>edit</mat-icon> Edit\n        </button>\n      }\n      @if (mode() !== 'add' && currentPost()) {\n        @if (canPublish()) {\n          <button mat-flat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || (editing() && !canSave())\" (click)=\"publish()\">Publish</button>\n        }\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"revert()\">\n          <mat-icon>history</mat-icon> Revert\n        </button>\n        @if (currentPost()?.status !== 'archived') {\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"delete()\">\n            <mat-icon>delete</mat-icon> Delete\n          </button>\n        }\n      }\n    </div>\n    @if (busy()) {\n      <span role=\"status\">{{ uploading() ? 'Uploading...' : 'Saving...' }}</span>\n    }\n  </header>\n  @if (error()) {\n    <p class=\"error\" role=\"alert\">{{ error() }}</p>\n  }\n}\n\n<article class=\"post-article\" [attr.aria-busy]=\"busy()\">\n  @if (editing()) {\n    <mat-radio-group\n      class=\"post-type-selector\"\n      aria-label=\"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\">{{ type.label }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    <div\n      class=\"post-title editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post title\"\n      aria-required=\"true\"\n      data-placeholder=\"Title\"\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      aria-label=\"Post excerpt\"\n      aria-multiline=\"true\"\n      data-placeholder=\"A short introduction...\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditable]=\"draft().excerpt\"\n      (taonCmsEditableChange)=\"updateDraft('excerpt', $event)\"></div>\n    <div\n      class=\"post-body editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post body\"\n      aria-multiline=\"true\"\n      data-placeholder=\"Tell your story...\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      taonCmsEditableFormat=\"html\"\n      [taonCmsEditable]=\"draft().body\"\n      (taonCmsEditableChange)=\"updateDraft('body', $event)\"></div>\n    <label class=\"slug-field\">\n      <span>URL slug</span>\n      <input aria-label=\"URL slug\" [value]=\"draft().slug\" [disabled]=\"busy() || dialogOpen()\" (input)=\"updateSlug($event)\" placeholder=\"my-post\" />\n    </label>\n    @if (mediaAttachment(); as media) {\n      <section class=\"media-attachment\" aria-labelledby=\"media-attachment-heading\">\n        <h2 id=\"media-attachment-heading\">{{ media.heading }}</h2>\n        @if (draft()[media.key]; as key) {\n          <p>Attached file: {{ key }}</p>\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removeMedia()\">Remove</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 mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"mediaInput.click()\">{{ media.uploadLabel }}</button>\n        }\n      </section>\n    }\n    <section class=\"related-posts\" aria-labelledby=\"related-posts-heading\">\n      <h2 id=\"related-posts-heading\">Related posts</h2>\n      @if (relatedPostsLoading()) {\n        <p role=\"status\">Loading related posts...</p>\n      } @else if (relatedPostsError()) {\n        <p class=\"error\" role=\"alert\">{{ relatedPostsError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadRelatedPosts()\">Try again</button>\n      } @else {\n        <ul>\n          @for (post of relatedPosts(); track post.id) {\n            <li>\n              <span>#{{ post.id }} - {{ post.title }}</span>\n              <button mat-icon-button type=\"button\" [attr.aria-label]=\"'Remove related post ' + post.title\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removeRelatedPost(post.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>No related posts yet.</li>\n          }\n        </ul>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"addRelatedPost()\">\n          <mat-icon>add</mat-icon> Add related post\n        </button>\n      }\n    </section>\n    <section class=\"application-hook\" aria-labelledby=\"application-hook-heading\">\n      <h2 id=\"application-hook-heading\">Application Hook</h2>\n      @if (applicationHooksLoading()) {\n        <p role=\"status\">Loading application hooks...</p>\n      } @else if (applicationHooksError()) {\n        <p class=\"error\" role=\"alert\">{{ applicationHooksError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadApplicationHooks()\">Try again</button>\n      } @else {\n        <mat-checkbox\n          [checked]=\"useAsApplicationHook()\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (change)=\"setUseAsApplicationHook($event.checked)\">\n          Use as application hook\n        </mat-checkbox>\n        @if (useAsApplicationHook()) {\n          <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n            <mat-label>Application Hook</mat-label>\n            <mat-select\n              [value]=\"selectedApplicationHook()\"\n              [disabled]=\"busy() || dialogOpen()\"\n              (selectionChange)=\"selectedApplicationHook.set($event.value)\">\n              @for (applicationHook of applicationHooks(); track applicationHook.id) {\n                <mat-option\n                  [value]=\"applicationHook.hook\"\n                  [disabled]=\"applicationHookInUseByAnotherPost(applicationHook)\">\n                  {{ applicationHookLabel(applicationHook.hook) }}\n                  @if (applicationHookInUseByAnotherPost(applicationHook)) {\n                    (in use by post #{{ applicationHook.contentId }})\n                  }\n                </mat-option>\n              } @empty {\n                <mat-option [disabled]=\"true\">No application hooks configured</mat-option>\n              }\n            </mat-select>\n          </mat-form-field>\n        }\n      }\n    </section>\n    <section class=\"post-permissions\" aria-labelledby=\"post-permissions-heading\">\n      <h2 id=\"post-permissions-heading\">Allow Read only with Permissions</h2>\n      @if (permissionsLoading()) {\n        <p role=\"status\">Loading assigned permissions...</p>\n      } @else if (permissionsError()) {\n        <p class=\"error\" role=\"alert\">{{ permissionsError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadPermissions()\">Try again</button>\n      } @else {\n        <ul>\n          @for (permission of permissions(); track permission.id) {\n            <li>\n              <span>{{ permission.name }} ({{ permission.code }})</span>\n              <button mat-icon-button type=\"button\" [attr.aria-label]=\"'Remove permission ' + permission.name\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removePermission(permission.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>No permissions assigned.</li>\n          }\n        </ul>\n        @if (permissionOptionsError()) {\n          <p class=\"error\" role=\"alert\">{{ permissionOptionsError() }}</p>\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\" (click)=\"loadPermissionOptions()\">Try again</button>\n        } @else {\n          <div class=\"permission-assignment\">\n            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n              <mat-label>Permission</mat-label>\n              <mat-select\n                [value]=\"selectedPermissionId()\"\n                [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\"\n                (selectionChange)=\"selectedPermissionId.set($event.value)\">\n                @for (permission of availablePermissions(); track permission.id) {\n                  <mat-option [value]=\"permission.id\">{{ permission.name }} ({{ permission.code }})</mat-option>\n                } @empty {\n                  <mat-option [disabled]=\"true\">No permissions available</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n            <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || !selectedPermissionId()\" (click)=\"addPermission()\">\n              <mat-icon>add</mat-icon> Assign permission\n            </button>\n          </div>\n        }\n      }\n    </section>\n  } @else if (currentPost(); as post) {\n    <h1 class=\"post-title\">{{ post.title }}</h1>\n    @if (post.excerpt) {\n      <p class=\"post-excerpt\">{{ post.excerpt }}</p>\n    }\n    <div class=\"post-body\" [innerHTML]=\"post.body\"></div>\n  } @else {\n    <p role=\"status\">No post is loaded.</p>\n  }\n</article>", 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-body.editable{min-height:12rem}.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,.related-posts,.application-hook,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.related-posts h2,.application-hook h2,.post-permissions h2{font-size:1rem}.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}\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: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.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: MatRadioModule }, { kind: "directive", type: i3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.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: i6.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: i6.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 }); }
+    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", cancelled: "cancelled" }, providers: [TaonCmsContentApiService, TaonPermissionApiService], 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      }\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    <div\n      class=\"post-body editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post body')\"\n      aria-multiline=\"true\"\n      [attr.data-placeholder]=\"placeholderTellYourStory()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      taonCmsEditableFormat=\"html\"\n      [taonCmsEditable]=\"draft().body\"\n      (taonCmsEditableChange)=\"updateDraft('body', $event)\"></div>\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=\"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              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    <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]=\"post.body\"></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-body.editable{min-height:12rem}.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,.related-posts,.application-hook,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.related-posts h2,.application-hook h2,.post-permissions h2{font-size:1rem}.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: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.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: MatProgressBarModule }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.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: i7.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: i7.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostComponent, decorators: [{
             type: Component,
@@ -3528,10 +4631,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                         MatCheckboxModule,
                         MatFormFieldModule,
                         MatIconModule,
+                        MatProgressBarModule,
                         MatRadioModule,
                         MatSelectModule,
                         TaonCmsEditableDirective,
-                    ], providers: [TaonCmsContentApiService, TaonPermissionApiService], template: "@if (mode() !== 'view-clean') {\n  <header class=\"post-actions\">\n    <span class=\"post-status\">{{ mode() === 'add' ? 'New draft' : currentPost()?.status }}</span>\n    <div class=\"buttons\">\n      @if (editing()) {\n        <button mat-flat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || !canSave()\" (click)=\"save()\">\n          {{ mode() === 'add' ? 'Add' : 'Save' }}\n        </button>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"cancel()\">Cancel</button>\n      } @else if (currentPost()) {\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"edit()\">\n          <mat-icon>edit</mat-icon> Edit\n        </button>\n      }\n      @if (mode() !== 'add' && currentPost()) {\n        @if (canPublish()) {\n          <button mat-flat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || (editing() && !canSave())\" (click)=\"publish()\">Publish</button>\n        }\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"revert()\">\n          <mat-icon>history</mat-icon> Revert\n        </button>\n        @if (currentPost()?.status !== 'archived') {\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"delete()\">\n            <mat-icon>delete</mat-icon> Delete\n          </button>\n        }\n      }\n    </div>\n    @if (busy()) {\n      <span role=\"status\">{{ uploading() ? 'Uploading...' : 'Saving...' }}</span>\n    }\n  </header>\n  @if (error()) {\n    <p class=\"error\" role=\"alert\">{{ error() }}</p>\n  }\n}\n\n<article class=\"post-article\" [attr.aria-busy]=\"busy()\">\n  @if (editing()) {\n    <mat-radio-group\n      class=\"post-type-selector\"\n      aria-label=\"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\">{{ type.label }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    <div\n      class=\"post-title editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post title\"\n      aria-required=\"true\"\n      data-placeholder=\"Title\"\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      aria-label=\"Post excerpt\"\n      aria-multiline=\"true\"\n      data-placeholder=\"A short introduction...\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditable]=\"draft().excerpt\"\n      (taonCmsEditableChange)=\"updateDraft('excerpt', $event)\"></div>\n    <div\n      class=\"post-body editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post body\"\n      aria-multiline=\"true\"\n      data-placeholder=\"Tell your story...\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      taonCmsEditableFormat=\"html\"\n      [taonCmsEditable]=\"draft().body\"\n      (taonCmsEditableChange)=\"updateDraft('body', $event)\"></div>\n    <label class=\"slug-field\">\n      <span>URL slug</span>\n      <input aria-label=\"URL slug\" [value]=\"draft().slug\" [disabled]=\"busy() || dialogOpen()\" (input)=\"updateSlug($event)\" placeholder=\"my-post\" />\n    </label>\n    @if (mediaAttachment(); as media) {\n      <section class=\"media-attachment\" aria-labelledby=\"media-attachment-heading\">\n        <h2 id=\"media-attachment-heading\">{{ media.heading }}</h2>\n        @if (draft()[media.key]; as key) {\n          <p>Attached file: {{ key }}</p>\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removeMedia()\">Remove</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 mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"mediaInput.click()\">{{ media.uploadLabel }}</button>\n        }\n      </section>\n    }\n    <section class=\"related-posts\" aria-labelledby=\"related-posts-heading\">\n      <h2 id=\"related-posts-heading\">Related posts</h2>\n      @if (relatedPostsLoading()) {\n        <p role=\"status\">Loading related posts...</p>\n      } @else if (relatedPostsError()) {\n        <p class=\"error\" role=\"alert\">{{ relatedPostsError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadRelatedPosts()\">Try again</button>\n      } @else {\n        <ul>\n          @for (post of relatedPosts(); track post.id) {\n            <li>\n              <span>#{{ post.id }} - {{ post.title }}</span>\n              <button mat-icon-button type=\"button\" [attr.aria-label]=\"'Remove related post ' + post.title\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removeRelatedPost(post.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>No related posts yet.</li>\n          }\n        </ul>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"addRelatedPost()\">\n          <mat-icon>add</mat-icon> Add related post\n        </button>\n      }\n    </section>\n    <section class=\"application-hook\" aria-labelledby=\"application-hook-heading\">\n      <h2 id=\"application-hook-heading\">Application Hook</h2>\n      @if (applicationHooksLoading()) {\n        <p role=\"status\">Loading application hooks...</p>\n      } @else if (applicationHooksError()) {\n        <p class=\"error\" role=\"alert\">{{ applicationHooksError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadApplicationHooks()\">Try again</button>\n      } @else {\n        <mat-checkbox\n          [checked]=\"useAsApplicationHook()\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (change)=\"setUseAsApplicationHook($event.checked)\">\n          Use as application hook\n        </mat-checkbox>\n        @if (useAsApplicationHook()) {\n          <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n            <mat-label>Application Hook</mat-label>\n            <mat-select\n              [value]=\"selectedApplicationHook()\"\n              [disabled]=\"busy() || dialogOpen()\"\n              (selectionChange)=\"selectedApplicationHook.set($event.value)\">\n              @for (applicationHook of applicationHooks(); track applicationHook.id) {\n                <mat-option\n                  [value]=\"applicationHook.hook\"\n                  [disabled]=\"applicationHookInUseByAnotherPost(applicationHook)\">\n                  {{ applicationHookLabel(applicationHook.hook) }}\n                  @if (applicationHookInUseByAnotherPost(applicationHook)) {\n                    (in use by post #{{ applicationHook.contentId }})\n                  }\n                </mat-option>\n              } @empty {\n                <mat-option [disabled]=\"true\">No application hooks configured</mat-option>\n              }\n            </mat-select>\n          </mat-form-field>\n        }\n      }\n    </section>\n    <section class=\"post-permissions\" aria-labelledby=\"post-permissions-heading\">\n      <h2 id=\"post-permissions-heading\">Allow Read only with Permissions</h2>\n      @if (permissionsLoading()) {\n        <p role=\"status\">Loading assigned permissions...</p>\n      } @else if (permissionsError()) {\n        <p class=\"error\" role=\"alert\">{{ permissionsError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadPermissions()\">Try again</button>\n      } @else {\n        <ul>\n          @for (permission of permissions(); track permission.id) {\n            <li>\n              <span>{{ permission.name }} ({{ permission.code }})</span>\n              <button mat-icon-button type=\"button\" [attr.aria-label]=\"'Remove permission ' + permission.name\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removePermission(permission.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>No permissions assigned.</li>\n          }\n        </ul>\n        @if (permissionOptionsError()) {\n          <p class=\"error\" role=\"alert\">{{ permissionOptionsError() }}</p>\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\" (click)=\"loadPermissionOptions()\">Try again</button>\n        } @else {\n          <div class=\"permission-assignment\">\n            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n              <mat-label>Permission</mat-label>\n              <mat-select\n                [value]=\"selectedPermissionId()\"\n                [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\"\n                (selectionChange)=\"selectedPermissionId.set($event.value)\">\n                @for (permission of availablePermissions(); track permission.id) {\n                  <mat-option [value]=\"permission.id\">{{ permission.name }} ({{ permission.code }})</mat-option>\n                } @empty {\n                  <mat-option [disabled]=\"true\">No permissions available</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n            <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || !selectedPermissionId()\" (click)=\"addPermission()\">\n              <mat-icon>add</mat-icon> Assign permission\n            </button>\n          </div>\n        }\n      }\n    </section>\n  } @else if (currentPost(); as post) {\n    <h1 class=\"post-title\">{{ post.title }}</h1>\n    @if (post.excerpt) {\n      <p class=\"post-excerpt\">{{ post.excerpt }}</p>\n    }\n    <div class=\"post-body\" [innerHTML]=\"post.body\"></div>\n  } @else {\n    <p role=\"status\">No post is loaded.</p>\n  }\n</article>", 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-body.editable{min-height:12rem}.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,.related-posts,.application-hook,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.related-posts h2,.application-hook h2,.post-permissions h2{font-size:1rem}.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}\n"] }]
+                    ], providers: [TaonCmsContentApiService, TaonPermissionApiService], 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      }\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    <div\n      class=\"post-body editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post body')\"\n      aria-multiline=\"true\"\n      [attr.data-placeholder]=\"placeholderTellYourStory()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      taonCmsEditableFormat=\"html\"\n      [taonCmsEditable]=\"draft().body\"\n      (taonCmsEditableChange)=\"updateDraft('body', $event)\"></div>\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=\"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              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    <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]=\"post.body\"></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-body.editable{min-height:12rem}.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,.related-posts,.application-hook,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.related-posts h2,.application-hook h2,.post-permissions h2{font-size:1rem}.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"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
 
 var taonCmsPost_component = /*#__PURE__*/Object.freeze({
@@ -3563,14 +4667,20 @@ const TaonCmsPostRoutes = [
  */
 // export default TaonCmsPostRoutes;
 
+const t$3 = 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-taon-cms-post-details-page.component.ts.en-US.i18n.data-CzHUdCUx.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-post-details-page.component.ts.pl-PL.i18n.data-BGjfwt-R.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-post-details-page.component.ts.de-DE.i18n.data-C3nWxKN2.mjs')).default } });
 class TaonCmsPostDetailsPageComponent {
     constructor() {
+        this.t = t$3.for(this);
         this.post$ = inject(ActivatedRoute).data.pipe(map$1(data => data['post']));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostDetailsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsPostDetailsPageComponent, isStandalone: true, selector: "taon-cms-post-details-page", ngImport: i0, template: `
     @if (post$ | async; as post) {
-      <a mat-button routerLink="../">Back to Posts</a>
+      <a
+        mat-button
+        routerLink="../"
+        >{{ t.gettext('Back to Posts') }}</a
+      >
       <taon-cms-post [post]="post"></taon-cms-post>
     }
   `, 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", "cancelled"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -3583,7 +4693,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                     imports: [AsyncPipe, MatButtonModule, RouterLink, TaonCmsPostComponent],
                     template: `
     @if (post$ | async; as post) {
-      <a mat-button routerLink="../">Back to Posts</a>
+      <a
+        mat-button
+        routerLink="../"
+        >{{ t.gettext('Back to Posts') }}</a
+      >
       <taon-cms-post [post]="post"></taon-cms-post>
     }
   `,
@@ -3595,8 +4709,10 @@ var taonCmsPostDetailsPage_component = /*#__PURE__*/Object.freeze({
     TaonCmsPostDetailsPageComponent: TaonCmsPostDetailsPageComponent
 });
 
+const t$2 = Translation.for('src/lib/taon-posts/taon-cms-post-edit-dialog/taon-cms-post-edit-dialog.component.ts', { "src/lib/taon-posts/taon-cms-post-edit-dialog/taon-cms-post-edit-dialog.component.html": { "en-US": async () => (await import('./cms-browser-taon-cms-post-edit-dialog.component.html.en-US.i18n.data-Z28o4CQK.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-post-edit-dialog.component.html.pl-PL.i18n.data-Buh1Pgyd.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-post-edit-dialog.component.html.de-DE.i18n.data-Dz5ZLwgG.mjs')).default }, "src/lib/taon-posts/taon-cms-post-edit-dialog/taon-cms-post-edit-dialog.component.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-post-edit-dialog.component.ts.en-US.i18n.data-CNV_wiqy.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-post-edit-dialog.component.ts.pl-PL.i18n.data-B3XPzty6.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-post-edit-dialog.component.ts.de-DE.i18n.data-D2I8Zux6.mjs')).default } });
 class TaonCmsPostEditDialogComponent {
     constructor() {
+        this.t = t$2.for(this);
         this.data = inject(MAT_DIALOG_DATA);
         this.editor = viewChild(TaonCmsPostComponent, ...(ngDevMode ? [{ debugName: "editor" }] : []));
         this.changed = new EventEmitter();
@@ -3611,17 +4727,24 @@ class TaonCmsPostEditDialogComponent {
         this.ref.close(post);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostEditDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.9", type: TaonCmsPostEditDialogComponent, isStandalone: true, selector: "taon-cms-post-edit-dialog", viewQueries: [{ propertyName: "editor", first: true, predicate: TaonCmsPostComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<header class=\"dialog-header\">\n  <h2>{{ data.mode === 'add' ? 'Add post' : 'Manage post' }}</h2>\n  <button mat-icon-button type=\"button\" aria-label=\"Close post editor\" [disabled]=\"editor()?.busy() || editor()?.dialogOpen()\" (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</header>\n<taon-cms-post\n  [post]=\"data.post ?? null\"\n  [mode]=\"data.mode\"\n  (changed)=\"changed.emit($event)\"\n  (deleted)=\"deleted($event)\"\n  (cancelled)=\"close()\" />\n", styles: [":host{display:block;height:100%;overflow-y:auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid rgba(136,136,136,.2)}.dialog-header h2{margin:0;font-size:1rem;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: TaonCmsPostComponent, selector: "taon-cms-post", inputs: ["post", "mode"], outputs: ["modeChange", "changed", "deleted", "cancelled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.9", type: TaonCmsPostEditDialogComponent, isStandalone: true, selector: "taon-cms-post-edit-dialog", viewQueries: [{ propertyName: "editor", first: true, predicate: TaonCmsPostComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<header class=\"dialog-header\">\n  <h2>\n    {{ data.mode === 'add' ? t.gettext('Add post') : t.gettext('Manage post') }}\n  </h2>\n  <button\n    mat-icon-button\n    type=\"button\"\n    [attr.aria-label]=\"t.gettext('Close post editor')\"\n    [disabled]=\"editor()?.busy() || editor()?.dialogOpen()\"\n    (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</header>\n<taon-cms-post\n  [post]=\"data.post ?? null\"\n  [mode]=\"data.mode\"\n  (changed)=\"changed.emit($event)\"\n  (deleted)=\"deleted($event)\"\n  (cancelled)=\"close()\" />\n", styles: [":host{display:block;height:100%;overflow-y:auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid rgba(136,136,136,.2)}.dialog-header h2{margin:0;font-size:1rem;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: TaonCmsPostComponent, selector: "taon-cms-post", inputs: ["post", "mode"], outputs: ["modeChange", "changed", "deleted", "cancelled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostEditDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'taon-cms-post-edit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, MatDialogModule, MatIconModule, TaonCmsPostComponent], template: "<header class=\"dialog-header\">\n  <h2>{{ data.mode === 'add' ? 'Add post' : 'Manage post' }}</h2>\n  <button mat-icon-button type=\"button\" aria-label=\"Close post editor\" [disabled]=\"editor()?.busy() || editor()?.dialogOpen()\" (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</header>\n<taon-cms-post\n  [post]=\"data.post ?? null\"\n  [mode]=\"data.mode\"\n  (changed)=\"changed.emit($event)\"\n  (deleted)=\"deleted($event)\"\n  (cancelled)=\"close()\" />\n", styles: [":host{display:block;height:100%;overflow-y:auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid rgba(136,136,136,.2)}.dialog-header h2{margin:0;font-size:1rem;font-weight:500}\n"] }]
+            args: [{ selector: 'taon-cms-post-edit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        MatButtonModule,
+                        MatDialogModule,
+                        MatIconModule,
+                        TaonCmsPostComponent,
+                    ], template: "<header class=\"dialog-header\">\n  <h2>\n    {{ data.mode === 'add' ? t.gettext('Add post') : t.gettext('Manage post') }}\n  </h2>\n  <button\n    mat-icon-button\n    type=\"button\"\n    [attr.aria-label]=\"t.gettext('Close post editor')\"\n    [disabled]=\"editor()?.busy() || editor()?.dialogOpen()\"\n    (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</header>\n<taon-cms-post\n  [post]=\"data.post ?? null\"\n  [mode]=\"data.mode\"\n  (changed)=\"changed.emit($event)\"\n  (deleted)=\"deleted($event)\"\n  (cancelled)=\"close()\" />\n", styles: [":host{display:block;height:100%;overflow-y:auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid rgba(136,136,136,.2)}.dialog-header h2{margin:0;font-size:1rem;font-weight:500}\n"] }]
         }], propDecorators: { editor: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TaonCmsPostComponent), { isSignal: true }] }] } });
 
 //#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-posts-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-taon-cms-posts-backoffice.component.html.en-US.i18n.data-IKL7BZHV.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-posts-backoffice.component.html.pl-PL.i18n.data-BCMo1HVU.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-posts-backoffice.component.html.de-DE.i18n.data-CmScO4Pm.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-posts-backoffice.component.ts.en-US.i18n.data-C2t8zwda.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-posts-backoffice.component.ts.pl-PL.i18n.data-Xehy4KUW.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-posts-backoffice.component.ts.de-DE.i18n.data-C1EPeAaF.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-posts-backoffice.routes.ts.en-US.i18n.data-ayYFXvcP.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-posts-backoffice.routes.ts.pl-PL.i18n.data-BZf6TtRS.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-posts-backoffice.routes.ts.de-DE.i18n.data-CSwq8etN.mjs')).default } });
 class TaonCmsPostsBackofficeComponent {
     constructor() {
+        this.t = t$1.for(this);
         this.taonCmsContentApiService = inject(TaonCmsContentApiService);
         this.posts = signal([], ...(ngDevMode ? [{ debugName: "posts" }] : []));
         this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
@@ -3634,29 +4757,29 @@ class TaonCmsPostsBackofficeComponent {
         this.cancelLoad$ = new Subject();
         this.columns = [
             { header: 'ID', field: 'id', sortable: true },
-            { header: 'Title', field: 'title', sortable: true },
-            { header: 'Status', field: 'status', sortable: true },
+            { header: this.t.gettext('Title'), field: 'title', sortable: true },
+            { header: this.t.gettext('Status'), field: 'status', sortable: true },
             {
-                header: 'Actions',
+                header: this.t.gettext('Actions'),
                 field: 'actions',
                 type: 'button',
                 buttons: [
                     {
                         type: 'icon',
                         icon: 'edit',
-                        tooltip: 'Edit post',
+                        tooltip: this.t.gettext('Edit post'),
                         click: (post) => this.edit(post),
                     },
                     {
                         type: 'icon',
                         icon: 'open_in_new',
-                        tooltip: 'Post details',
+                        tooltip: this.t.gettext('Post details'),
                         click: (post) => this.openDetails(post),
                     },
                     {
                         type: 'icon',
                         icon: 'delete',
-                        tooltip: 'Delete (archive) post',
+                        tooltip: this.t.gettext('Delete (archive) post'),
                         disabled: (post) => post.status === 'archived' || this.deleting() !== null,
                         click: (post) => this.delete(post),
                     },
@@ -3682,7 +4805,7 @@ class TaonCmsPostsBackofficeComponent {
     openDetails(post) {
         const postsRoute = this.route.parent;
         if (!postsRoute) {
-            this.error.set('The Post details route is unavailable.');
+            this.error.set(this.t.gettext('The Post details route is unavailable.'));
             return;
         }
         void this.router.navigate([post.id], { relativeTo: postsRoute });
@@ -3694,9 +4817,9 @@ class TaonCmsPostsBackofficeComponent {
         this.deleting.set(post.id);
         const ref = this.dialog.open(TaonConfirmDialogComponent, {
             data: {
-                title: 'Delete post?',
-                message: 'This archives the post. It can be restored from its revisions.',
-                confirmText: 'Delete',
+                title: this.t.gettext('Delete post?'),
+                message: this.t.gettext('This archives the post. It can be restored from its revisions.'),
+                confirmText: this.t.gettext('Delete'),
             },
         });
         ref
@@ -3715,7 +4838,7 @@ class TaonCmsPostsBackofficeComponent {
                 next: () => this.reload(),
                 error: (error) => {
                     console.error('[taon-cms-posts-backoffice] Unable to delete post', error);
-                    this.error.set('The post could not be deleted. Refresh the table before retrying.');
+                    this.error.set(this.t.gettext('The post could not be deleted. Refresh the table before retrying.'));
                 },
             });
         });
@@ -3735,11 +4858,11 @@ class TaonCmsPostsBackofficeComponent {
             .subscribe(() => this.reload());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostsBackofficeComponent, deps: [], 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 }], ngImport: i0, template: "<h1>CMS posts</h1>\n@if (loading()) {\n  <p role=\"status\">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 }], 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 }); }
 }
 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>CMS posts</h1>\n@if (loading()) {\n  <p role=\"status\">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: [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"] }]
         }], propDecorators: { datatable: [{
                 type: ViewChild,
                 args: [TaonDatatableComponent]
@@ -3752,15 +4875,16 @@ 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-posts-backoffice.component.html": { "en-US": async () => (await import('./cms-browser-taon-cms-posts-backoffice.component.html.en-US.i18n.data-IKL7BZHV.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-posts-backoffice.component.html.pl-PL.i18n.data-BCMo1HVU.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-posts-backoffice.component.html.de-DE.i18n.data-CmScO4Pm.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-posts-backoffice.component.ts.en-US.i18n.data-C2t8zwda.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-posts-backoffice.component.ts.pl-PL.i18n.data-Xehy4KUW.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-posts-backoffice.component.ts.de-DE.i18n.data-C1EPeAaF.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts": { "en-US": async () => (await import('./cms-browser-taon-cms-posts-backoffice.routes.ts.en-US.i18n.data-ayYFXvcP.mjs')).default, "pl-PL": async () => (await import('./cms-browser-taon-cms-posts-backoffice.routes.ts.pl-PL.i18n.data-BZf6TtRS.mjs')).default, "de-DE": async () => (await import('./cms-browser-taon-cms-posts-backoffice.routes.ts.de-DE.i18n.data-CSwq8etN.mjs')).default } });
 const resolvePost = async (route) => {
     const id = Number(route.paramMap.get('id'));
     if (!Number.isSafeInteger(id) || id <= 0) {
-        throw new Error('Invalid Post ID');
+        throw new Error(t.gettext('Invalid Post ID'));
     }
     const taonCmsContentApiService = inject(TaonCmsContentApiService);
     const post = await taonCmsContentApiService.getById(id);
     if (!post) {
-        throw new Error('Post not found');
+        throw new Error(t.gettext('Post not found'));
     }
     return post;
 };
@@ -3802,6 +4926,7 @@ var index$1 = /*#__PURE__*/Object.freeze({
     CURRENT_PACKAGE_TAON_VERSION: CURRENT_PACKAGE_TAON_VERSION,
     CURRENT_PACKAGE_VERSION: CURRENT_PACKAGE_VERSION,
     get CmsContext_1791132517217_initial () { return CmsContext_1791132517217_initial; },
+    get CmsContext_1792579000000_postPermissionInheritance () { return CmsContext_1792579000000_postPermissionInheritance; },
     MIGRATIONS_CLASSES_FOR_CmsContext: MIGRATIONS_CLASSES_FOR_CmsContext,
     PROJECT_NPM_NAME: PROJECT_NPM_NAME,
     get TaonAuthContextEntity () { return TaonAuthContextEntity; },
@@ -3810,6 +4935,7 @@ var index$1 = /*#__PURE__*/Object.freeze({
     TaonCmsAbstractContext: TaonCmsAbstractContext,
     TaonCmsApplicationHook: TaonCmsApplicationHook,
     get TaonCmsApplicationHookEntity () { return TaonCmsApplicationHookEntity; },
+    TaonCmsAssetPreviewComponent: TaonCmsAssetPreviewComponent,
     TaonCmsAssetsBackofficeComponent: TaonCmsAssetsBackofficeComponent,
     TaonCmsAssetsBackofficeRoutes: TaonCmsAssetsBackofficeRoutes,
     TaonCmsBackofficeComponent: TaonCmsBackofficeComponent,
@@ -3922,6 +5048,7 @@ var index$1 = /*#__PURE__*/Object.freeze({
     requireContentId: requireContentId,
     requireContentVersion: requireContentVersion,
     startCli: startCli,
+    trackCmsUpload: trackCmsUpload,
     validateContentInput: validateContentInput
 });
 
@@ -3929,5 +5056,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_1791132517217_initial, MIGRATIONS_CLASSES_FOR_CmsContext, PROJECT_NPM_NAME, TaonAuthContextEntity, TaonAuthContextHasAccess, TaonAuthContextRepository, TaonCmsAbstractContext, TaonCmsApplicationHook, TaonCmsApplicationHookEntity, TaonCmsAssetsBackofficeComponent, TaonCmsAssetsBackofficeRoutes, TaonCmsBackofficeComponent, TaonCmsBackofficeRoutes, TaonCmsCategoryAbstractContext, TaonCmsCategoryApiService, TaonCmsCategoryController, TaonCmsCategoryDefaultsValues, TaonCmsCategoryEntity, TaonCmsCategoryMiddleware, TaonCmsCategoryProvider, TaonCmsCategoryRepository, TaonCmsCategoryState, TaonCmsCategorySubscriber, TaonCmsCategoryUtils, TaonCmsCommentAbstractContext, TaonCmsCommentApiService, TaonCmsCommentController, TaonCmsCommentDefaultsValues, TaonCmsCommentEntity, TaonCmsCommentMiddleware, TaonCmsCommentProvider, TaonCmsCommentRepository, TaonCmsCommentState, TaonCmsCommentSubscriber, TaonCmsCommentUtils, TaonCmsContentAbstractContext, TaonCmsContentApiService, TaonCmsContentAssetAbstractContext, TaonCmsContentAssetApiService, TaonCmsContentAssetController, TaonCmsContentAssetDefaultsValues, TaonCmsContentAssetEntity, TaonCmsContentAssetMiddleware, TaonCmsContentAssetProvider, TaonCmsContentAssetRepository, TaonCmsContentAssetState, TaonCmsContentAssetSubscriber, TaonCmsContentAssetUtils, TaonCmsContentConfigService, TaonCmsContentController, TaonCmsContentDefaultsValues, TaonCmsContentEntity, TaonCmsContentMiddleware, TaonCmsContentPermissionAbstractContext, TaonCmsContentPermissionApiService, TaonCmsContentPermissionController, TaonCmsContentPermissionDefaultsValues, TaonCmsContentPermissionEntity, TaonCmsContentPermissionMiddleware, TaonCmsContentPermissionProvider, TaonCmsContentPermissionRepository, TaonCmsContentPermissionState, TaonCmsContentPermissionSubscriber, TaonCmsContentPermissionUtils, TaonCmsContentProvider, TaonCmsContentRepository, TaonCmsContentRevisionAbstractContext, TaonCmsContentRevisionApiService, TaonCmsContentRevisionController, TaonCmsContentRevisionDefaultsValues, TaonCmsContentRevisionEntity, TaonCmsContentRevisionMiddleware, TaonCmsContentRevisionProvider, TaonCmsContentRevisionRepository, TaonCmsContentRevisionState, TaonCmsContentRevisionSubscriber, TaonCmsContentRevisionUtils, TaonCmsContentState, TaonCmsContentStorageController, TaonCmsContentSubscriber, TaonCmsContentTagAbstractContext, TaonCmsContentTagApiService, TaonCmsContentTagController, TaonCmsContentTagDefaultsValues, TaonCmsContentTagEntity, TaonCmsContentTagMiddleware, TaonCmsContentTagProvider, TaonCmsContentTagRepository, TaonCmsContentTagState, TaonCmsContentTagSubscriber, TaonCmsContentTagUtils, TaonCmsContentType, TaonCmsContentUtils, TaonCmsEditableDirective, TaonCmsPostComponent, TaonCmsPostDetailsPageComponent, TaonCmsPostEditDialogComponent, TaonCmsPostRoutes, TaonCmsPostsBackofficeComponent, TaonCmsPostsBackofficeRoutes, TaonCmsRevisionChooserComponent, TaonCmsTagAbstractContext, TaonCmsTagApiService, TaonCmsTagController, TaonCmsTagDefaultsValues, TaonCmsTagEntity, TaonCmsTagMiddleware, TaonCmsTagProvider, TaonCmsTagRepository, TaonCmsTagState, TaonCmsTagSubscriber, TaonCmsTagUtils, TaonRelatedPostChooserComponent, TaonSessionCoreGroups, TaonSessionCorePermissions, TaonSessionCoreRoles, contentError, requireContentId, requireContentVersion, startCli, validateContentInput };
+export { APP_ID, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, CmsContext_1791132517217_initial, CmsContext_1792579000000_postPermissionInheritance, MIGRATIONS_CLASSES_FOR_CmsContext, PROJECT_NPM_NAME, TaonAuthContextEntity, TaonAuthContextHasAccess, TaonAuthContextRepository, TaonCmsAbstractContext, TaonCmsApplicationHook, TaonCmsApplicationHookEntity, TaonCmsAssetPreviewComponent, TaonCmsAssetsBackofficeComponent, TaonCmsAssetsBackofficeRoutes, TaonCmsBackofficeComponent, TaonCmsBackofficeRoutes, TaonCmsCategoryAbstractContext, TaonCmsCategoryApiService, TaonCmsCategoryController, TaonCmsCategoryDefaultsValues, TaonCmsCategoryEntity, TaonCmsCategoryMiddleware, TaonCmsCategoryProvider, TaonCmsCategoryRepository, TaonCmsCategoryState, TaonCmsCategorySubscriber, TaonCmsCategoryUtils, TaonCmsCommentAbstractContext, TaonCmsCommentApiService, TaonCmsCommentController, TaonCmsCommentDefaultsValues, TaonCmsCommentEntity, TaonCmsCommentMiddleware, TaonCmsCommentProvider, TaonCmsCommentRepository, TaonCmsCommentState, TaonCmsCommentSubscriber, TaonCmsCommentUtils, TaonCmsContentAbstractContext, TaonCmsContentApiService, TaonCmsContentAssetAbstractContext, TaonCmsContentAssetApiService, TaonCmsContentAssetController, TaonCmsContentAssetDefaultsValues, TaonCmsContentAssetEntity, TaonCmsContentAssetMiddleware, TaonCmsContentAssetProvider, TaonCmsContentAssetRepository, TaonCmsContentAssetState, TaonCmsContentAssetSubscriber, TaonCmsContentAssetUtils, TaonCmsContentConfigService, TaonCmsContentController, TaonCmsContentDefaultsValues, TaonCmsContentEntity, TaonCmsContentMiddleware, TaonCmsContentPermissionAbstractContext, TaonCmsContentPermissionApiService, TaonCmsContentPermissionController, TaonCmsContentPermissionDefaultsValues, TaonCmsContentPermissionEntity, TaonCmsContentPermissionMiddleware, TaonCmsContentPermissionProvider, TaonCmsContentPermissionRepository, TaonCmsContentPermissionState, TaonCmsContentPermissionSubscriber, TaonCmsContentPermissionUtils, TaonCmsContentProvider, TaonCmsContentRepository, TaonCmsContentRevisionAbstractContext, TaonCmsContentRevisionApiService, TaonCmsContentRevisionController, TaonCmsContentRevisionDefaultsValues, TaonCmsContentRevisionEntity, TaonCmsContentRevisionMiddleware, TaonCmsContentRevisionProvider, TaonCmsContentRevisionRepository, TaonCmsContentRevisionState, TaonCmsContentRevisionSubscriber, TaonCmsContentRevisionUtils, TaonCmsContentState, TaonCmsContentStorageController, TaonCmsContentSubscriber, TaonCmsContentTagAbstractContext, TaonCmsContentTagApiService, TaonCmsContentTagController, TaonCmsContentTagDefaultsValues, TaonCmsContentTagEntity, TaonCmsContentTagMiddleware, TaonCmsContentTagProvider, TaonCmsContentTagRepository, TaonCmsContentTagState, TaonCmsContentTagSubscriber, TaonCmsContentTagUtils, TaonCmsContentType, TaonCmsContentUtils, TaonCmsEditableDirective, TaonCmsPostComponent, TaonCmsPostDetailsPageComponent, TaonCmsPostEditDialogComponent, TaonCmsPostRoutes, TaonCmsPostsBackofficeComponent, TaonCmsPostsBackofficeRoutes, TaonCmsRevisionChooserComponent, TaonCmsTagAbstractContext, TaonCmsTagApiService, TaonCmsTagController, TaonCmsTagDefaultsValues, TaonCmsTagEntity, TaonCmsTagMiddleware, TaonCmsTagProvider, TaonCmsTagRepository, TaonCmsTagState, TaonCmsTagSubscriber, TaonCmsTagUtils, TaonRelatedPostChooserComponent, TaonSessionCoreGroups, TaonSessionCorePermissions, TaonSessionCoreRoles, contentError, requireContentId, requireContentVersion, startCli, trackCmsUpload, validateContentInput };
 //# sourceMappingURL=cms-browser.mjs.map