@taon-dev/cms 21.0.17 → 21.0.18

package/websql/fesm2022/cms-websql.mjs

@@ -1,36 +1,42 @@
 import { __decorate, __metadata, __param } from 'tslib';
-import { TaonBaseEntity, PrimaryGeneratedColumn, Column, OneToOne, JoinColumn, TaonEntity, ManyToMany, JoinTable, TaonBaseMigration, ClassHelpers, TaonMigration, TaonBaseAbstractEntity, Taon, TaonBaseRepository, TaonRepository, TaonBaseCrudController, TaonController, TaonBaseProvider, TaonProvider, TaonBaseMiddleware, TaonMiddleware, TaonBaseSubscriberForEntity, TaonSubscriber, createContext, TaonBaseContext, GET, Query, TaonBaseStorageController, POST, Body, PUT, DELETE, TaonBaseAngularService } from 'taon/websql';
+import { TaonBaseEntity, PrimaryGeneratedColumn, Column, OneToOne, JoinColumn, TaonEntity, ManyToMany, JoinTable, TaonBaseMigration, ClassHelpers, TaonMigration, TaonBaseAbstractEntity, TaonRepository, Taon, TaonBaseRepository, TaonBaseCrudController, POST, Query, Body, DELETE, TaonController, TaonBaseProvider, TaonProvider, TaonBaseMiddleware, TaonMiddleware, TaonBaseSubscriberForEntity, TaonSubscriber, createContext, TaonBaseContext, GET, TaonBaseStorageController, PUT, TaonBaseAngularService } from 'taon/websql';
 import { TaonPermissionEntity, 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/websql';
 import { Table, TableColumn, Raw, In } from 'taon-typeorm/websql';
 import { UtilsJson, _ } from 'tnp-core/websql';
 import { BaseCommandLineFeature } from 'tnp-helpers/websql';
+import { Translation } from '@taon-dev/i18n/websql';
 import * as i0 from '@angular/core';
-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 { Injectable, inject, DestroyRef, signal, Input, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, SecurityContext, HostListener, Output, Directive, computed, input, model, output, effect, untracked, ViewChild } from '@angular/core';
 import * as i1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import { Translation } from '@taon-dev/i18n/websql';
-import { Observable, of, map as map$1, finalize, firstValueFrom, Subject, takeUntil } from 'rxjs';
+import { Observable, of, map as map$1, finalize, forkJoin, firstValueFrom } from 'rxjs';
 import { map, catchError } from 'rxjs/operators';
 import { Resource } from 'ng2-rest/websql';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { TaonDatatableComponent, adminLazyRoute as adminLazyRoute$1, TaonConfirmDialogComponent } from '@taon-dev/ui/websql';
 import { AsyncPipe, DatePipe } from '@angular/common';
-import { RouterOutlet, ActivatedRoute, RouterLink, Router } from '@angular/router';
+import { RouterOutlet, ActivatedRoute, Router, RouterLink } from '@angular/router';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/dialog';
+import { MatDialog, MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
+import * as i3 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i4 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i5 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i2$1 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i2 from '@angular/material/dialog';
-import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule, MatDialog } from '@angular/material/dialog';
-import * as i3$1 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i4 from '@angular/material/icon';
+import * as i4$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i5 from '@angular/material/progress-bar';
+import * as i6 from '@angular/material/chips';
+import { MatChipsModule } from '@angular/material/chips';
+import * as i7 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
-import * as i3 from '@angular/material/radio';
+import * as i3$1 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
-import * as i7 from '@angular/material/select';
-import { MatSelectModule } from '@angular/material/select';
 
 let TaonCmsApplicationHookEntity = class TaonCmsApplicationHookEntity extends TaonBaseEntity {
 };
@@ -85,6 +91,8 @@ let TaonCmsContentEntity = class TaonCmsContentEntity extends TaonBaseEntity {
         this.audioKey = null;
         //#region @websql
         this.attachmentKey = null;
+        //#region @websql
+        this.thumbnailKey = null;
     }
 };
 __decorate([
@@ -181,6 +189,12 @@ __decorate([
     ,
     __metadata("design:type", String)
 ], TaonCmsContentEntity.prototype, "attachmentKey", void 0);
+__decorate([
+    Column({ type: 'varchar', nullable: true })
+    //#endregion
+    ,
+    __metadata("design:type", String)
+], TaonCmsContentEntity.prototype, "thumbnailKey", void 0);
 __decorate([
     Column({ type: 'integer', nullable: true })
     //#endregion
@@ -329,11 +343,34 @@ CmsContext_1792579000000_postPermissionInheritance = __decorate([
     })
 ], CmsContext_1792579000000_postPermissionInheritance);
 
+let CmsContext_1793043000000_postThumbnails = class CmsContext_1793043000000_postThumbnails extends TaonBaseMigration {
+    async up(queryRunner) {
+        const table = ClassHelpers.getName(TaonCmsContentEntity);
+        if (!(await queryRunner.hasColumn(table, 'thumbnailKey'))) {
+            await queryRunner.addColumn(table, new TableColumn({
+                name: 'thumbnailKey',
+                type: 'varchar',
+                isNullable: true,
+            }));
+        }
+    }
+    async down(queryRunner) {
+        const table = ClassHelpers.getName(TaonCmsContentEntity);
+        if (await queryRunner.hasColumn(table, 'thumbnailKey')) {
+            await queryRunner.dropColumn(table, 'thumbnailKey');
+        }
+    }
+};
+CmsContext_1793043000000_postThumbnails = __decorate([
+    TaonMigration({ className: 'CmsContext_1793043000000_postThumbnails' })
+], CmsContext_1793043000000_postThumbnails);
+
 // THIS FILE IS GENERATED - DO NOT MODIFY
 // THIS FILE IS GENERATED - DO NOT MODIFY
 const MIGRATIONS_CLASSES_FOR_CmsContext$1 = {
     /* 20-10-2026 16:32:37 */ CmsContext_1792506757808_applicaitonHooks,
     /* 21-10-2026 12:36:40 */ CmsContext_1792579000000_postPermissionInheritance,
+    /* 26-10-2026 20:30:00 */ CmsContext_1793043000000_postThumbnails,
 };
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
@@ -341,6 +378,7 @@ const MIGRATIONS_CLASSES_FOR_CmsContext$1 = {
 const MIGRATIONS_CLASSES_FOR_CmsContext = {
     ...MIGRATIONS_CLASSES_FOR_CmsContext$1,
     CmsContext_1792579000000_postPermissionInheritance,
+    CmsContext_1793043000000_postThumbnails,
 };
 
 // THIS FILE IS GENERATED - DO NOT MODIFY
@@ -367,7 +405,7 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '21.0.17';
+const CURRENT_PACKAGE_VERSION = '21.0.18';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 //#region tnp-helpers cli template
@@ -499,6 +537,111 @@ TaonCmsCategoryEntity = __decorate([
     })
 ], TaonCmsCategoryEntity);
 
+//#region taon auth decorator
+const TaonSessionCoreGroups = {
+    ...TaonSessionCoreGroups$1,
+    Manager: 'manager',
+};
+const TaonSessionCoreRoles = {
+    ...TaonSessionCoreRoles$1,
+    /**
+     * Can manage roles and permissions assigned directly to users.
+     * 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
+    get hasAccess() {
+        return this.injectClass(TaonAuthContextHasAccess, this);
+    }
+};
+TaonAuthContextEntity = __decorate([
+    TaonEntity({
+        className: 'TaonAuthContextEntity',
+        createTable: false,
+    })
+], TaonAuthContextEntity);
+class TaonAuthContextHasAccess extends TaonAuthContextHasAccess$1 {
+    get toManagePosts() {
+        //#region @browserFunc
+        return this.context.snapshoot.toManagePosts;
+        //#endregion
+        //#region @websqlFunc
+        return (this.context.isSuperUser ||
+            this.context.hasRole(TaonSessionCoreRoles.PostsManager));
+        //#endregion
+    }
+}
+let TaonAuthContextRepository = class TaonAuthContextRepository extends TaonAuthContextRepository$1 {
+    constructor() {
+        super(...arguments);
+        // @ts-ignore
+        this.entityClassResolveFn = () => TaonAuthContextEntity;
+    }
+};
+TaonAuthContextRepository = __decorate([
+    TaonRepository({
+        className: 'TaonAuthContextRepository',
+    })
+], TaonAuthContextRepository);
+let CmsContext_1791132517217_initial = class CmsContext_1791132517217_initial extends MIGRATIONS_CLASSES_FOR_SessionContext.SessionContext_1791132517216_initial {
+    async persistTree() {
+        //#region @websqlFunc
+        await this.taonAuthContextRepository.persistTree({
+            authorization: {
+                groups: TaonSessionCoreGroups,
+                roles: TaonSessionCoreRoles,
+                permissions: TaonSessionCorePermissions,
+            },
+            tree: {
+                groupAndRoles: {
+                    // Administrators receive all core administrative roles.
+                    [TaonSessionCoreGroups.Administrator]: '*',
+                    // Normal customers receive no administrative roles by default.
+                    [TaonSessionCoreGroups.Customers]: [],
+                    [TaonSessionCoreGroups.Manager]: [TaonSessionCoreRoles.PostsManager],
+                },
+                rolesAndPermissions: {
+                    [TaonSessionCoreRoles.AuthorizationManager]: [
+                        TaonSessionCorePermissions.ViewUsers,
+                        TaonSessionCorePermissions.ViewUserAuthorization,
+                        TaonSessionCorePermissions.ManageUserRoles,
+                        TaonSessionCorePermissions.ManageUserPermissions,
+                    ],
+                    [TaonSessionCoreRoles.PostsManager]: [],
+                    [TaonSessionCoreRoles.PremiumUser1]: [
+                        TaonSessionCorePermissions.ViewPrivateVideo1,
+                    ],
+                    [TaonSessionCoreRoles.PremiumUser2]: [
+                        TaonSessionCorePermissions.ViewPrivateVideo2,
+                    ],
+                    [TaonSessionCoreRoles.UserManager]: [
+                        TaonSessionCorePermissions.ViewUsers,
+                        TaonSessionCorePermissions.ManageUsers,
+                        TaonSessionCorePermissions.ViewSessions,
+                        TaonSessionCorePermissions.RevokeSessions,
+                    ],
+                },
+            },
+        });
+        //#endregion
+    }
+};
+CmsContext_1791132517217_initial = __decorate([
+    TaonMigration({
+        className: 'CmsContext_1791132517217_initial',
+    })
+], CmsContext_1791132517217_initial);
+//#endregion
+
 function contentError(message, status = 400) {
     Taon.error({ message, status });
     throw new Error(message);
@@ -534,6 +677,7 @@ function validateContentInput(input, creating = false) {
         'videoKey',
         'audioKey',
         'attachmentKey',
+        'thumbnailKey',
     ]) {
         if (input[field] !== undefined &&
             input[field] !== null &&
@@ -578,12 +722,95 @@ function validateContentInput(input, creating = false) {
     }
 }
 
+const t$d = Translation.for('src/lib/taon-cms-category/taon-cms-taxonomy.validation.ts', { "src/lib/taon-cms-category/taon-cms-category.controller.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-category.controller.ts.en-US.i18n.data-sk17Oud1.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-category.controller.ts.pl-PL.i18n.data-CU3deuam.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-category.controller.ts.de-DE.i18n.data-BTSefyOU.mjs')).default }, "src/lib/taon-cms-category/taon-cms-category.repository.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-category.repository.ts.en-US.i18n.data-CpNHhbea.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-category.repository.ts.pl-PL.i18n.data-76d2FPM7.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-category.repository.ts.de-DE.i18n.data-b-MJViKD.mjs')).default }, "src/lib/taon-cms-category/taon-cms-taxonomy.validation.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-taxonomy.validation.ts.en-US.i18n.data-6BvlMJFs.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-taxonomy.validation.ts.pl-PL.i18n.data-D7qY_5ba.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-taxonomy.validation.ts.de-DE.i18n.data-mXyxAtms.mjs')).default } });
+function validateTaxonomy(input) {
+    if (!input ||
+        typeof input.name !== 'string' ||
+        !input.name.trim() ||
+        typeof input.slug !== 'string' ||
+        !input.slug.trim() ||
+        (input.description !== null && typeof input.description !== 'string')) {
+        contentError(t$d.gettext('Name, slug, and a valid description are required.'));
+    }
+}
+function validateCategoryHierarchy(id, parentId, categories) {
+    const visited = new Set();
+    if (id !== null) {
+        visited.add(id);
+    }
+    let current = parentId;
+    while (current !== null) {
+        if (visited.has(current)) {
+            contentError(t$d.gettext('A category cannot be its own ancestor.'));
+        }
+        visited.add(current);
+        const parent = categories.find(category => category.id === current);
+        if (!parent) {
+            contentError(t$d.gettext('The parent category does not exist.'));
+        }
+        current = parent.parentCategoryId;
+    }
+}
+
 //#endregion
+const t$c = Translation.for('src/lib/taon-cms-category/taon-cms-category.repository.ts', { "src/lib/taon-cms-category/taon-cms-category.controller.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-category.controller.ts.en-US.i18n.data-sk17Oud1.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-category.controller.ts.pl-PL.i18n.data-CU3deuam.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-category.controller.ts.de-DE.i18n.data-BTSefyOU.mjs')).default }, "src/lib/taon-cms-category/taon-cms-category.repository.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-category.repository.ts.en-US.i18n.data-CpNHhbea.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-category.repository.ts.pl-PL.i18n.data-76d2FPM7.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-category.repository.ts.de-DE.i18n.data-b-MJViKD.mjs')).default }, "src/lib/taon-cms-category/taon-cms-taxonomy.validation.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-taxonomy.validation.ts.en-US.i18n.data-6BvlMJFs.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-taxonomy.validation.ts.pl-PL.i18n.data-D7qY_5ba.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-taxonomy.validation.ts.de-DE.i18n.data-mXyxAtms.mjs')).default } });
 let TaonCmsCategoryRepository = class TaonCmsCategoryRepository extends TaonBaseRepository {
     constructor() {
         super(...arguments);
         this.entityClassResolveFn = () => TaonCmsCategoryEntity;
     }
+    async saveCategory(id, input) {
+        //#region @websqlFunc
+        validateTaxonomy(input);
+        if (!Number.isSafeInteger(input.sortOrder)) {
+            contentError(t$c.gettext('Sort order must be an integer.'));
+        }
+        if (id !== null) {
+            requireContentId(id);
+        }
+        if (input.parentCategoryId !== null) {
+            requireContentId(input.parentCategoryId);
+        }
+        return this.connection.transaction('SERIALIZABLE', async (manager) => {
+            const repository = manager.getRepository(TaonCmsCategoryEntity);
+            if (id !== null) {
+                await this.requireCategory(id, manager);
+            }
+            validateCategoryHierarchy(id, input.parentCategoryId, await repository.find());
+            const slug = input.slug.trim();
+            const existing = await repository.findOneBy({ slug });
+            if (existing && existing.id !== id) {
+                contentError(t$c.gettext('This category slug is already in use.'), 409);
+            }
+            return repository.save(repository.create({
+                ...(id === null ? {} : { id }),
+                name: input.name.trim(),
+                slug,
+                description: input.description,
+                sortOrder: input.sortOrder,
+                parentCategoryId: input.parentCategoryId,
+            }));
+        });
+        //#endregion
+    }
+    async deleteCategory(id) {
+        //#region @websqlFunc
+        requireContentId(id);
+        await this.connection.transaction('SERIALIZABLE', async (manager) => {
+            await this.requireCategory(id, manager);
+            const children = await manager
+                .getRepository(TaonCmsCategoryEntity)
+                .countBy({ parentCategoryId: id });
+            const posts = await manager
+                .getRepository(TaonCmsContentEntity)
+                .countBy({ categoryId: id });
+            if (children || posts) {
+                contentError(t$c.gettext('Reassign child categories and posts before deleting this category.'), 409);
+            }
+            await manager.getRepository(TaonCmsCategoryEntity).delete(id);
+        });
+        //#endregion
+    }
     async requireCategory(id, manager) {
         //#region @websqlFunc
         const category = await manager
@@ -607,12 +834,48 @@ let TaonCmsCategoryController = class TaonCmsCategoryController extends TaonBase
         super(...arguments);
         this.entityClassResolveFn = () => TaonCmsCategoryEntity;
         this.taonCmsCategoryRepository = this.injectCustomRepo(TaonCmsCategoryRepository);
+        this.sessions = this.injectCustomRepo(TaonSessionRepository);
+        this.auth = this.injectCustomRepo(TaonAuthContextRepository);
+    }
+    async beforeEachRequest({ req, res, t, }) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    saveCategory(id, input) {
+        //#region @websqlFunc
+        return () => this.taonCmsCategoryRepository.saveCategory(id ?? null, input);
+        //#endregion
+    }
+    deleteCategory(id) {
+        //#region @websqlFunc
+        return () => this.taonCmsCategoryRepository.deleteCategory(id);
+        //#endregion
     }
 };
+__decorate([
+    POST(),
+    __param(0, Query('id')),
+    __param(1, Body()),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Number, Object]),
+    __metadata("design:returntype", Object)
+], TaonCmsCategoryController.prototype, "saveCategory", null);
+__decorate([
+    DELETE(),
+    __param(0, Query('id')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Number]),
+    __metadata("design:returntype", Object)
+], TaonCmsCategoryController.prototype, "deleteCategory", null);
 TaonCmsCategoryController = __decorate([
     TaonController({
         className: 'TaonCmsCategoryController',
-        allowedMethods: [],
+        allowedMethods: ['getAll', 'saveCategory', 'deleteCategory'],
     })
 ], TaonCmsCategoryController);
 
@@ -1191,11 +1454,52 @@ TaonCmsTagEntity = __decorate([
 ], TaonCmsTagEntity);
 
 //#endregion
+const t$b = Translation.for('src/lib/taon-cms-tag/taon-cms-tag.repository.ts', { "src/lib/taon-cms-tag/taon-cms-tag.controller.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-tag.controller.ts.en-US.i18n.data-CeImcANT.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-tag.controller.ts.pl-PL.i18n.data-Bq0l9GAF.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-tag.controller.ts.de-DE.i18n.data-CoARqE22.mjs')).default }, "src/lib/taon-cms-tag/taon-cms-tag.repository.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-tag.repository.ts.en-US.i18n.data-CteIjY45.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-tag.repository.ts.pl-PL.i18n.data-BQS3WOJE.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-tag.repository.ts.de-DE.i18n.data-XJ-DJ487.mjs')).default } });
 let TaonCmsTagRepository = class TaonCmsTagRepository extends TaonBaseRepository {
     constructor() {
         super(...arguments);
         this.entityClassResolveFn = () => TaonCmsTagEntity;
     }
+    async saveTag(id, input) {
+        //#region @websqlFunc
+        validateTaxonomy(input);
+        if (id !== null) {
+            requireContentId(id);
+        }
+        return this.connection.transaction('SERIALIZABLE', async (manager) => {
+            const repository = manager.getRepository(TaonCmsTagEntity);
+            if (id !== null) {
+                await this.requireTags([id], manager);
+            }
+            const name = input.name.trim();
+            const slug = input.slug.trim();
+            const existing = await repository.find({ where: [{ name }, { slug }] });
+            if (existing.some(tag => tag.id !== id)) {
+                contentError(t$b.gettext('This tag name or slug is already in use.'), 409);
+            }
+            return repository.save(repository.create({
+                ...(id === null ? {} : { id }),
+                name,
+                slug,
+                description: input.description,
+            }));
+        });
+        //#endregion
+    }
+    async deleteTag(id) {
+        //#region @websqlFunc
+        requireContentId(id);
+        await this.connection.transaction('SERIALIZABLE', async (manager) => {
+            await this.requireTags([id], manager);
+            if (await manager
+                .getRepository(TaonCmsContentTagEntity)
+                .countBy({ tagId: id })) {
+                contentError(t$b.gettext('Remove this tag from posts before deleting it.'), 409);
+            }
+            await manager.getRepository(TaonCmsTagEntity).delete(id);
+        });
+        //#endregion
+    }
     async requireTags(ids, manager) {
         //#region @websqlFunc
         for (const id of new Set(ids)) {
@@ -1235,6 +1539,27 @@ let TaonCmsTagController = TaonCmsTagController_1 = class TaonCmsTagController e
         super(...arguments);
         this.entityClassResolveFn = () => TaonCmsTagEntity;
         this.taonCmsTagRepository = this.injectCustomRepo(TaonCmsTagRepository);
+        this.sessions = this.injectCustomRepo(TaonSessionRepository);
+        this.auth = this.injectCustomRepo(TaonAuthContextRepository);
+        //#endregion
+    }
+    async beforeEachRequest({ req, res, t, }) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    saveTag(id, input) {
+        //#region @websqlFunc
+        return () => this.taonCmsTagRepository.saveTag(id ?? null, input);
+        //#endregion
+    }
+    deleteTag(id) {
+        //#region @websqlFunc
+        return () => this.taonCmsTagRepository.deleteTag(id);
         //#endregion
     }
     //#region methods & getters / hello world
@@ -1254,6 +1579,21 @@ let TaonCmsTagController = TaonCmsTagController_1 = class TaonCmsTagController e
         //#endregion
     }
 };
+__decorate([
+    POST(),
+    __param(0, Query('id')),
+    __param(1, Body()),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Number, Object]),
+    __metadata("design:returntype", Object)
+], TaonCmsTagController.prototype, "saveTag", null);
+__decorate([
+    DELETE(),
+    __param(0, Query('id')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Number]),
+    __metadata("design:returntype", Object)
+], TaonCmsTagController.prototype, "deleteTag", null);
 __decorate([
     GET(),
     __param(0, Query('yourName')),
@@ -1264,7 +1604,7 @@ __decorate([
 TaonCmsTagController = TaonCmsTagController_1 = __decorate([
     TaonController({
         className: 'TaonCmsTagController',
-        allowedMethods: []
+        allowedMethods: ['getAll', 'saveTag', 'deleteTag'],
     })
 ], TaonCmsTagController);
 
@@ -1323,111 +1663,6 @@ const TaonCmsTagAbstractContext = createContext(() => ({
     subscribers: { TaonCmsTagSubscriber },
 }));
 
-//#region taon auth decorator
-const TaonSessionCoreGroups = {
-    ...TaonSessionCoreGroups$1,
-    Manager: 'manager',
-};
-const TaonSessionCoreRoles = {
-    ...TaonSessionCoreRoles$1,
-    /**
-     * Can manage roles and permissions assigned directly to users.
-     * 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
-    get hasAccess() {
-        return this.injectClass(TaonAuthContextHasAccess, this);
-    }
-};
-TaonAuthContextEntity = __decorate([
-    TaonEntity({
-        className: 'TaonAuthContextEntity',
-        createTable: false,
-    })
-], TaonAuthContextEntity);
-class TaonAuthContextHasAccess extends TaonAuthContextHasAccess$1 {
-    get toManagePosts() {
-        //#region @browserFunc
-        return this.context.snapshoot.toManagePosts;
-        //#endregion
-        //#region @websqlFunc
-        return (this.context.isSuperUser ||
-            this.context.hasRole(TaonSessionCoreRoles.PostsManager));
-        //#endregion
-    }
-}
-let TaonAuthContextRepository = class TaonAuthContextRepository extends TaonAuthContextRepository$1 {
-    constructor() {
-        super(...arguments);
-        // @ts-ignore
-        this.entityClassResolveFn = () => TaonAuthContextEntity;
-    }
-};
-TaonAuthContextRepository = __decorate([
-    TaonRepository({
-        className: 'TaonAuthContextRepository',
-    })
-], TaonAuthContextRepository);
-let CmsContext_1791132517217_initial = class CmsContext_1791132517217_initial extends MIGRATIONS_CLASSES_FOR_SessionContext.SessionContext_1791132517216_initial {
-    async persistTree() {
-        //#region @websqlFunc
-        await this.taonAuthContextRepository.persistTree({
-            authorization: {
-                groups: TaonSessionCoreGroups,
-                roles: TaonSessionCoreRoles,
-                permissions: TaonSessionCorePermissions,
-            },
-            tree: {
-                groupAndRoles: {
-                    // Administrators receive all core administrative roles.
-                    [TaonSessionCoreGroups.Administrator]: '*',
-                    // Normal customers receive no administrative roles by default.
-                    [TaonSessionCoreGroups.Customers]: [],
-                    [TaonSessionCoreGroups.Manager]: [TaonSessionCoreRoles.PostsManager],
-                },
-                rolesAndPermissions: {
-                    [TaonSessionCoreRoles.AuthorizationManager]: [
-                        TaonSessionCorePermissions.ViewUsers,
-                        TaonSessionCorePermissions.ViewUserAuthorization,
-                        TaonSessionCorePermissions.ManageUserRoles,
-                        TaonSessionCorePermissions.ManageUserPermissions,
-                    ],
-                    [TaonSessionCoreRoles.PostsManager]: [],
-                    [TaonSessionCoreRoles.PremiumUser1]: [
-                        TaonSessionCorePermissions.ViewPrivateVideo1,
-                    ],
-                    [TaonSessionCoreRoles.PremiumUser2]: [
-                        TaonSessionCorePermissions.ViewPrivateVideo2,
-                    ],
-                    [TaonSessionCoreRoles.UserManager]: [
-                        TaonSessionCorePermissions.ViewUsers,
-                        TaonSessionCorePermissions.ManageUsers,
-                        TaonSessionCorePermissions.ViewSessions,
-                        TaonSessionCorePermissions.RevokeSessions,
-                    ],
-                },
-            },
-        });
-        //#endregion
-    }
-};
-CmsContext_1791132517217_initial = __decorate([
-    TaonMigration({
-        className: 'CmsContext_1791132517217_initial',
-    })
-], CmsContext_1791132517217_initial);
-//#endregion
-
 //#endregion
 let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRepository {
     constructor() {
@@ -1438,34 +1673,83 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         this.taonCmsCategoryRepository = this.injectCustomRepo(TaonCmsCategoryRepository);
         this.tags = this.injectCustomRepo(TaonCmsTagRepository);
     }
+    async listTagIds(id) {
+        //#region @websqlFunc
+        requireContentId(id);
+        return this.connection.transaction(async (manager) => {
+            await this.requireContent(id, manager);
+            return this.taonCmsContentTagRepository.findTagIds(id, manager);
+        });
+        //#endregion
+    }
     async createContent(input) {
         //#region @websqlFunc
         validateContentInput(input, true);
+        return this.connection.transaction('SERIALIZABLE', manager => this.createContentWithManager(input, manager));
+        //#endregion
+    }
+    async duplicateContent(id) {
+        //#region @websqlFunc
+        requireContentId(id);
         return this.connection.transaction('SERIALIZABLE', async (manager) => {
-            const fields = this.contentFields(input);
-            const tagIds = [...new Set(input.tagIds ?? [])];
-            const relatedPostIds = [...new Set(input.relatedPostIds ?? [])];
-            const permissionIds = [...new Set(input.permissionIds ?? [])];
-            await this.validateReferences(fields, tagIds, permissionIds, manager);
-            await this.requireAvailableSlug(fields.slug, manager);
+            const source = await this.requireContent(id, manager);
+            const snapshot = await this.snapshotOf(source, manager);
+            const configuration = await this.resolvePermissionConfiguration(source, manager);
+            const titleSuffix = source.title.match(/\s+COPY(\d+)$/i);
+            const slugSuffix = source.slug.match(/-copy(\d+)$/i);
+            const baseTitle = source.title.replace(/(?:\s+COPY\d+)+$/i, '');
+            const baseSlug = source.slug.replace(/(?:-copy\d+)+$/i, '');
+            let number = Math.max(Number(titleSuffix?.[1] ?? 0), Number(slugSuffix?.[1] ?? 0)) +
+                1;
             const repository = manager.getRepository(this.target);
-            const now = new Date();
-            const content = await repository.save(repository.create({
-                ...fields,
-                version: 1,
-                createdAt: now,
-                updatedAt: now,
-            }));
-            await this.taonCmsContentTagRepository.replaceTags(content.id, tagIds, manager);
-            await this.replaceRelatedPosts(content.id, relatedPostIds, [], manager);
-            await this.validatePermissionInheritance(manager);
-            await this.replacePermissions(content.id, permissionIds, [], manager);
-            await this.replaceApplicationHook(content.id, input.applicationHook ?? null, manager);
-            await this.taonCmsContentRevisionRepository.recordContent(content, { ...fields, tagIds, relatedPostIds, permissionIds }, manager);
-            return this.requireContent(content.id, manager);
+            while (Number.isSafeInteger(number)) {
+                const title = `${baseTitle} COPY${number}`;
+                const slug = `${baseSlug}-copy${number}`;
+                const existing = await repository.findOne({
+                    where: [{ title }, { slug }],
+                });
+                if (!existing) {
+                    return this.createContentWithManager({
+                        ...snapshot,
+                        title,
+                        slug,
+                        relatedPostIds: [],
+                        applicationHook: null,
+                        // Inherited permissions become independent without related links.
+                        permissionIds: configuration.permissions.map(permission => permission.id),
+                    }, manager);
+                }
+                number += 1;
+            }
+            contentError('No available copy number could be generated.', 409);
         });
         //#endregion
     }
+    async createContentWithManager(input, manager) {
+        //#region @websqlFunc
+        const fields = this.contentFields(input);
+        const tagIds = [...new Set(input.tagIds ?? [])];
+        const relatedPostIds = [...new Set(input.relatedPostIds ?? [])];
+        const permissionIds = [...new Set(input.permissionIds ?? [])];
+        await this.validateReferences(fields, tagIds, permissionIds, manager);
+        await this.requireAvailableSlug(fields.slug, manager);
+        const repository = manager.getRepository(this.target);
+        const now = new Date();
+        const content = await repository.save(repository.create({
+            ...fields,
+            version: 1,
+            createdAt: now,
+            updatedAt: now,
+        }));
+        await this.taonCmsContentTagRepository.replaceTags(content.id, tagIds, manager);
+        await this.replaceRelatedPosts(content.id, relatedPostIds, [], manager);
+        await this.validatePermissionInheritance(manager);
+        await this.replacePermissions(content.id, permissionIds, [], manager);
+        await this.replaceApplicationHook(content.id, input.applicationHook ?? null, manager);
+        await this.taonCmsContentRevisionRepository.recordContent(content, { ...fields, tagIds, relatedPostIds, permissionIds }, manager);
+        return this.requireContent(content.id, manager);
+        //#endregion
+    }
     async updateContent(id, input) {
         //#region @websqlFunc
         requireContentId(id);
@@ -1683,7 +1967,12 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         const contents = await this.connection
             .getRepository(this.target)
             .find({
-            where: [{ videoKey: key }, { audioKey: key }, { attachmentKey: key }],
+            where: [
+                { videoKey: key },
+                { audioKey: key },
+                { attachmentKey: key },
+                { thumbnailKey: key },
+            ],
             relations: { permissions: true },
         });
         if (!contents.length) {
@@ -1772,6 +2061,9 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
             attachmentKey: input.attachmentKey === undefined
                 ? (current?.attachmentKey ?? null)
                 : input.attachmentKey,
+            thumbnailKey: input.thumbnailKey === undefined
+                ? (current?.thumbnailKey ?? null)
+                : input.thumbnailKey,
             excerpt: input.excerpt === undefined
                 ? (current?.excerpt ?? null)
                 : input.excerpt,
@@ -2152,6 +2444,10 @@ let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCr
         /* */
         /* */
         /* */
+        /* */
+        /* */
+        /* */
+        /* */
         return (void 0);
     }
     //#endregion
@@ -2198,6 +2494,21 @@ let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCr
     //#endregion
     //#endregion
     //#region methods / get media link
+    getThumbnailLinkBySlug(slug) {
+        //#region @websqlFunc
+        return (req, _res, { t }) => this.getMediaLinkBySlug(slug, 'thumbnail', false, req, t);
+        //#endregion
+    }
+    getPublicThumbnailLinkBySlug(slug) {
+        //#region @websqlFunc
+        return (req, _res, { t }) => this.getMediaLinkBySlug(slug, 'thumbnail', true, req, t);
+        //#endregion
+    }
+    listTagIds(id) {
+        //#region @websqlFunc
+        return async () => this.taonCmsContentRepository.listTagIds(id);
+        //#endregion
+    }
     async getMediaLinkBySlug(slug, type, publicOnly, req, t) {
         //#region @websqlFunc
         const content = await this.taonCmsContentRepository.getContentBySlugForMedia(slug);
@@ -2208,7 +2519,9 @@ let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCr
             ? 'videoKey'
             : type === 'audio'
                 ? 'audioKey'
-                : 'attachmentKey';
+                : type === 'thumbnail'
+                    ? 'thumbnailKey'
+                    : 'attachmentKey';
         const key = content[field];
         if (!key) {
             contentError(t.gettext('Content has no [[ type ]] media.', { type }), 404);
@@ -2244,6 +2557,7 @@ let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCr
             }
         }
         else {
+            await this.taonSessionRepository.throwIfNotAuthenticated({ req });
             const context = await this.taonAuthContextRepository.getContext(req.userId, req.sessionId);
             const userPermissionCodes = new Set(context?.permissions ?? []);
             const hasPermission = permissions.some(permission => userPermissionCodes.has(permission.code));
@@ -2283,6 +2597,11 @@ let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCr
         //#endregion
     }
     //#endregion
+    duplicateContent(id) {
+        //#region @websqlFunc
+        return async () => this.taonCmsContentRepository.duplicateContent(id);
+        //#endregion
+    }
     //#region methods / delete content
     deleteContent(id, expectedVersion) {
         //#region @websqlFunc
@@ -2416,6 +2735,27 @@ __decorate([
     __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, "getThumbnailLinkBySlug", null);
+__decorate([
+    GET(),
+    __param(0, Query('slug')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "getPublicThumbnailLinkBySlug", null);
+__decorate([
+    GET(),
+    __param(0, Query('id')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Number]),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "listTagIds", null);
 __decorate([
     GET(),
     __param(0, Query(`slug`)),
@@ -2438,6 +2778,13 @@ __decorate([
     __metadata("design:paramtypes", [Number, Object]),
     __metadata("design:returntype", Object)
 ], TaonCmsContentController.prototype, "updateContent", null);
+__decorate([
+    POST(),
+    __param(0, Query('id')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Number]),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "duplicateContent", null);
 __decorate([
     DELETE(),
     __param(0, Query('id')),
@@ -2528,6 +2875,7 @@ TaonCmsContentController = __decorate([
             'getAll',
             'getBy',
             'createContent',
+            'duplicateContent',
             'updateContent',
             'deleteContent',
             'restoreContent',
@@ -2544,6 +2892,9 @@ TaonCmsContentController = __decorate([
             'getPublicAudioLinkBySlug',
             'getAttachmentLinkBySlug',
             'getPublicAttachmentLinkBySlug',
+            'getThumbnailLinkBySlug',
+            'getPublicThumbnailLinkBySlug',
+            'listTagIds',
             'addRelatedPost',
             'deleteRelatedPost',
             'paginationQuery',
@@ -3220,11 +3571,33 @@ class TaonCmsContentApiService extends TaonBaseAngularService {
     }
     //#endregion
     //#region API / create content
+    listTagIds(id) {
+        return this.taonCmsContentController
+            .listTagIds(id)
+            .request()
+            .observable.pipe(map(res => res.body.json));
+    }
+    async getThumbnailLinkBySlug(slug, publicOnly = false) {
+        const response = publicOnly
+            ? await this.taonCmsContentController
+                .getPublicThumbnailLinkBySlug(slug)
+                .request()
+            : await this.taonCmsContentController
+                .getThumbnailLinkBySlug(slug)
+                .request();
+        return response.body.text;
+    }
     createContent(input) {
         return this.taonCmsContentController.createContent(input)
             .request().observable.pipe(map(res => res.body.json));
     }
     //#endregion
+    //#region API / duplicate content
+    duplicateContent(id) {
+        return this.taonCmsContentController.duplicateContent(id)
+            .request().observable.pipe(map(res => res.body.json));
+    }
+    //#endregion
     //#region API / update content
     updateContent(id, input) {
         return this.taonCmsContentController.updateContent(id, input)
@@ -3292,7 +3665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             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-websql-taon-cms-asset-preview.component.html.en-US.i18n.data-B9wMX_EY.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-asset-preview.component.html.pl-PL.i18n.data-xbwXUXYs.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-asset-preview.component.ts.en-US.i18n.data-CLtlIZzx.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-asset-preview.component.ts.pl-PL.i18n.data-CPExkT3k.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-assets-backoffice.component.html.en-US.i18n.data-Dd97eKL6.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.html.pl-PL.i18n.data-Bhajq1qM.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-assets-backoffice.component.ts.en-US.i18n.data-Isn8nVdY.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data-DZQ_dWB0.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.ts.de-DE.i18n.data-Cxv1uL_y.mjs')).default } });
+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-websql-taon-cms-asset-preview.component.html.en-US.i18n.data-BJxrA1qp.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-asset-preview.component.html.pl-PL.i18n.data-C_6GO-6u.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-asset-preview.component.html.de-DE.i18n.data-CrTGrY98.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-asset-preview.component.ts.en-US.i18n.data-BHDb5flk.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-asset-preview.component.ts.pl-PL.i18n.data-CuPekC-p.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-asset-preview.component.ts.de-DE.i18n.data-KGtM_c5b.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html": { "en-US": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.html.en-US.i18n.data-Zh8YZeJc.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.html.pl-PL.i18n.data-BN0WE84V.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.html.de-DE.i18n.data-CffxG4KA.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.ts.en-US.i18n.data-Dx3lg2D8.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data-CvZI0J4F.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.ts.de-DE.i18n.data-ByT4yNe3.mjs')).default } });
 class TaonCmsAssetPreviewComponent {
     constructor() {
         this.t = t$a.for(this);
@@ -3357,7 +3730,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 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-websql-taon-cms-asset-preview.component.html.en-US.i18n.data-B9wMX_EY.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-asset-preview.component.html.pl-PL.i18n.data-xbwXUXYs.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-asset-preview.component.ts.en-US.i18n.data-CLtlIZzx.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-asset-preview.component.ts.pl-PL.i18n.data-CPExkT3k.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-assets-backoffice.component.html.en-US.i18n.data-Dd97eKL6.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.html.pl-PL.i18n.data-Bhajq1qM.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-assets-backoffice.component.ts.en-US.i18n.data-Isn8nVdY.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data-DZQ_dWB0.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.ts.de-DE.i18n.data-Cxv1uL_y.mjs')).default } });
+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-websql-taon-cms-asset-preview.component.html.en-US.i18n.data-BJxrA1qp.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-asset-preview.component.html.pl-PL.i18n.data-C_6GO-6u.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-asset-preview.component.html.de-DE.i18n.data-CrTGrY98.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-asset-preview.component.ts.en-US.i18n.data-BHDb5flk.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-asset-preview.component.ts.pl-PL.i18n.data-CuPekC-p.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-asset-preview.component.ts.de-DE.i18n.data-KGtM_c5b.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html": { "en-US": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.html.en-US.i18n.data-Zh8YZeJc.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.html.pl-PL.i18n.data-BN0WE84V.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.html.de-DE.i18n.data-CffxG4KA.mjs')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.ts.en-US.i18n.data-Dx3lg2D8.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data-CvZI0J4F.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-assets-backoffice.component.ts.de-DE.i18n.data-ByT4yNe3.mjs')).default } });
 class TaonCmsAssetsBackofficeComponent {
     constructor() {
         this.t = t$9.for(this);
@@ -3430,7 +3803,7 @@ 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-websql-taon-cms-backoffice.component.html.en-US.i18n.data-B6WD9PJf.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-backoffice.component.html.pl-PL.i18n.data-CkJQRqG3.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-backoffice.component.ts.en-US.i18n.data-eTouqefi.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-backoffice.component.ts.pl-PL.i18n.data-C8tsBZCu.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-backoffice.routes.ts.en-US.i18n.data-Bm9mDdSW.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-backoffice.routes.ts.pl-PL.i18n.data-DlhV8M8I.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-backoffice.routes.ts.de-DE.i18n.data-DLee8IHp.mjs')).default } });
+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-websql-taon-cms-backoffice.component.html.en-US.i18n.data-BcXsjPgL.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-backoffice.component.html.pl-PL.i18n.data-AgLZxi-R.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-backoffice.component.html.de-DE.i18n.data-D8iRvIyP.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-backoffice.component.ts.en-US.i18n.data-Dp8u4MhM.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-backoffice.component.ts.pl-PL.i18n.data-CibwQg__.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-backoffice.component.ts.de-DE.i18n.data-BdZAX0Ty.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.routes.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-backoffice.routes.ts.en-US.i18n.data-Ddj2dMat.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-backoffice.routes.ts.pl-PL.i18n.data-B4LHmo9Z.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-backoffice.routes.ts.de-DE.i18n.data-CzlFxoey.mjs')).default } });
 class TaonCmsBackofficeComponent {
     constructor() {
         this.t = t$8.for(this);
@@ -3457,7 +3830,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-websql-taon-cms-backoffice.component.html.en-US.i18n.data-B6WD9PJf.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-backoffice.component.html.pl-PL.i18n.data-CkJQRqG3.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-backoffice.component.ts.en-US.i18n.data-eTouqefi.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-backoffice.component.ts.pl-PL.i18n.data-C8tsBZCu.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-backoffice.routes.ts.en-US.i18n.data-Bm9mDdSW.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-backoffice.routes.ts.pl-PL.i18n.data-DlhV8M8I.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-backoffice.routes.ts.de-DE.i18n.data-DLee8IHp.mjs')).default } });
+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-websql-taon-cms-backoffice.component.html.en-US.i18n.data-BcXsjPgL.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-backoffice.component.html.pl-PL.i18n.data-AgLZxi-R.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-backoffice.component.html.de-DE.i18n.data-D8iRvIyP.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-backoffice.component.ts.en-US.i18n.data-Dp8u4MhM.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-backoffice.component.ts.pl-PL.i18n.data-CibwQg__.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-backoffice.component.ts.de-DE.i18n.data-BdZAX0Ty.mjs')).default }, "src/lib/taon-cms-backoffice/taon-cms-backoffice.routes.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-backoffice.routes.ts.en-US.i18n.data-Ddj2dMat.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-backoffice.routes.ts.pl-PL.i18n.data-B4LHmo9Z.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-backoffice.routes.ts.de-DE.i18n.data-CzlFxoey.mjs')).default } });
 const TaonCmsBackofficeRoutes = [
     {
         path: '',
@@ -3482,6 +3855,22 @@ const TaonCmsBackofficeRoutes = [
                 icon: 'perm_media',
                 loader: () => Promise.resolve().then(function () { return taonCmsAssetsBackoffice_routes; }).then(m => m.TaonCmsAssetsBackofficeRoutes),
             }),
+            adminLazyRoute({
+                isDisabled: ({ context }) => !context?.hasAccess.toManagePosts,
+                path: 'categories',
+                menuItem: t$7.gettext('Categories'),
+                expandable: false,
+                icon: 'folder',
+                loader: () => Promise.resolve().then(function () { return taonCmsTaxonomyBackoffice_routes; }).then(m => m.TaonCmsCategoriesBackofficeRoutes),
+            }),
+            adminLazyRoute({
+                isDisabled: ({ context }) => !context?.hasAccess.toManagePosts,
+                path: 'tags',
+                menuItem: t$7.gettext('Tags'),
+                expandable: false,
+                icon: 'label',
+                loader: () => Promise.resolve().then(function () { return taonCmsTaxonomyBackoffice_routes; }).then(m => m.TaonCmsTagsBackofficeRoutes),
+            }),
             // adminLazyRoute({
             //   path: 'dashboard',
             //   menuItem: 'Dashboard',
@@ -3508,6 +3897,18 @@ class TaonCmsCategoryApiService extends TaonBaseAngularService {
     get allMyEntities$() {
         return this.taonCmsCategoryController.getAll().request().observable.pipe(map(res => res.body?.json));
     }
+    save(id, input) {
+        return this.taonCmsCategoryController
+            .saveCategory(id, input)
+            .request()
+            .observable.pipe(map(res => res.body.json));
+    }
+    delete(id) {
+        return this.taonCmsCategoryController
+            .deleteCategory(id)
+            .request()
+            .observable.pipe(map(() => undefined));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsCategoryApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsCategoryApiService }); }
 }
@@ -3593,6 +3994,7 @@ const TaonCmsContentDefaultsValues = {
     videoKey: null,
     audioKey: null,
     attachmentKey: null,
+    thumbnailKey: null,
 };
 
 var TaonCmsContentUtils;
@@ -3767,6 +4169,24 @@ class TaonCmsTagApiService extends TaonBaseAngularService {
         super(...arguments);
         this.taonCmsTagController = this.injectController(TaonCmsTagController);
     }
+    get allMyEntities$() {
+        return this.taonCmsTagController
+            .getAll()
+            .request()
+            .observable.pipe(map(res => res.body.json));
+    }
+    save(id, input) {
+        return this.taonCmsTagController
+            .saveTag(id, input)
+            .request()
+            .observable.pipe(map(res => res.body.json));
+    }
+    delete(id) {
+        return this.taonCmsTagController
+            .deleteTag(id)
+            .request()
+            .observable.pipe(map(() => undefined));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsTagApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsTagApiService }); }
 }
@@ -3794,6 +4214,233 @@ var TaonCmsTagUtils;
     TaonCmsTagUtils.isActive = isActive;
 })(TaonCmsTagUtils || (TaonCmsTagUtils = {}));
 
+const t$6 = Translation.for('src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.ts', { "src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.html": { "en-US": async () => (await import('./cms-websql-taon-cms-taxonomy-backoffice.component.html.en-US.i18n.data-CRkCojjy.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-taxonomy-backoffice.component.html.pl-PL.i18n.data-BXqAixFd.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-taxonomy-backoffice.component.html.de-DE.i18n.data-DZu5K15E.mjs')).default }, "src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-taxonomy-backoffice.component.ts.en-US.i18n.data-DKOIhHgw.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-taxonomy-backoffice.component.ts.pl-PL.i18n.data-N4dA3kVZ.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-taxonomy-backoffice.component.ts.de-DE.i18n.data-DKshuSiD.mjs')).default } });
+class TaonCmsTaxonomyBackofficeComponent {
+    constructor() {
+        this.t = t$6.for(this);
+        this.isCategory = inject(ActivatedRoute).snapshot.data['taxonomy'] === 'category';
+        this.categories = inject(TaonCmsCategoryApiService);
+        this.tags = inject(TaonCmsTagApiService);
+        this.destroyRef = inject(DestroyRef);
+        this.dialog = inject(MatDialog);
+        this.rows = signal([], ...(ngDevMode ? [{ debugName: "rows" }] : []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : []));
+        this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : []));
+        this.editing = signal(false, ...(ngDevMode ? [{ debugName: "editing" }] : []));
+        this.editingId = null;
+        this.draft = this.emptyDraft();
+        this.columns = [
+            { header: this.t.gettext('Name'), field: 'name', sortable: true },
+            { header: this.t.gettext('Slug'), field: 'slug', sortable: true },
+            ...(this.isCategory
+                ? [
+                    {
+                        header: this.t.gettext('Parent Category'),
+                        field: 'parentName',
+                        sortable: true,
+                    },
+                    {
+                        header: this.t.gettext('Sort Order'),
+                        field: 'sortOrder',
+                        sortable: true,
+                    },
+                ]
+                : [
+                    {
+                        header: this.t.gettext('Description'),
+                        field: 'description',
+                        sortable: true,
+                    },
+                ]),
+            {
+                header: this.t.gettext('Actions'),
+                field: 'actions',
+                type: 'button',
+                buttons: [
+                    {
+                        type: 'icon',
+                        icon: 'edit',
+                        tooltip: this.t.gettext('Edit'),
+                        disabled: () => this.busy(),
+                        click: (row) => this.edit(row),
+                    },
+                    {
+                        type: 'icon',
+                        icon: 'delete',
+                        tooltip: this.t.gettext('Delete'),
+                        disabled: () => this.busy(),
+                        click: (row) => this.delete(row),
+                    },
+                ],
+            },
+        ];
+    }
+    ngOnInit() {
+        this.reload();
+    }
+    reload() {
+        if (this.busy()) {
+            return;
+        }
+        const request = this.isCategory
+            ? this.categories.allMyEntities$
+            : this.tags.allMyEntities$;
+        this.run(request, rows => this.rows.set(rows));
+    }
+    tableRows() {
+        return this.rows().map(row => ({
+            ...row,
+            parentName: 'parentCategoryId' in row
+                ? (this.rows().find(parent => parent.id === row.parentCategoryId)
+                    ?.name ?? '')
+                : '',
+        }));
+    }
+    parentOptions() {
+        const categories = this.rows().filter((row) => 'parentCategoryId' in row);
+        return categories.filter(category => {
+            const visited = new Set();
+            let current = category;
+            while (current) {
+                if (current.id === this.editingId || visited.has(current.id)) {
+                    return false;
+                }
+                visited.add(current.id);
+                current = categories.find(parent => parent.id === current?.parentCategoryId);
+            }
+            return true;
+        });
+    }
+    edit(row) {
+        if (this.busy()) {
+            return;
+        }
+        this.editingId = row?.id ?? null;
+        this.draft = row
+            ? {
+                name: row.name,
+                slug: row.slug,
+                description: row.description,
+                parentCategoryId: 'parentCategoryId' in row ? row.parentCategoryId : null,
+                sortOrder: 'sortOrder' in row ? row.sortOrder : 0,
+            }
+            : this.emptyDraft();
+        this.error.set('');
+        this.editing.set(true);
+    }
+    save() {
+        if (this.busy()) {
+            return;
+        }
+        const request = this.isCategory
+            ? this.categories.save(this.editingId, this.draft)
+            : this.tags.save(this.editingId, this.draft);
+        this.run(request, saved => {
+            this.editing.set(false);
+            this.rows.update(rows => [
+                ...rows.filter(row => row.id !== saved.id),
+                saved,
+            ]);
+        });
+    }
+    delete(row) {
+        if (this.busy()) {
+            return;
+        }
+        this.dialog
+            .open(TaonConfirmDialogComponent, {
+            data: {
+                title: this.isCategory
+                    ? this.t.gettext('Delete category?')
+                    : this.t.gettext('Delete tag?'),
+                message: this.t.gettext('Only unused items can be deleted. This cannot be undone.'),
+                confirmText: this.t.gettext('Delete'),
+            },
+        })
+            .afterClosed()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(confirmed => {
+            if (confirmed) {
+                this.run(this.isCategory
+                    ? this.categories.delete(row.id)
+                    : this.tags.delete(row.id), () => {
+                    if (this.editingId === row.id) {
+                        this.editing.set(false);
+                    }
+                    this.rows.update(rows => rows.filter(item => item.id !== row.id));
+                });
+            }
+        });
+    }
+    run(request, next) {
+        if (this.busy()) {
+            return;
+        }
+        this.busy.set(true);
+        this.error.set('');
+        request
+            .pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.busy.set(false)))
+            .subscribe({
+            next: value => {
+                this.busy.set(false);
+                next(value);
+            },
+            error: (error) => {
+                console.error('[taon-cms-taxonomy] Operation failed', error);
+                this.error.set(this.t.gettext('The operation failed. Check for duplicate names or slugs, invalid parents, or items still used by posts or child categories, then reload and try again.'));
+            },
+        });
+    }
+    emptyDraft() {
+        return {
+            name: '',
+            slug: '',
+            description: '',
+            parentCategoryId: null,
+            sortOrder: 0,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsTaxonomyBackofficeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsTaxonomyBackofficeComponent, isStandalone: true, selector: "taon-cms-taxonomy-backoffice", providers: [TaonCmsCategoryApiService, TaonCmsTagApiService], ngImport: i0, template: "<h1>{{ isCategory ? t.gettext('Categories') : t.gettext('Tags') }}</h1>\n<div class=\"actions\">\n  <button\n    mat-button\n    type=\"button\"\n    [disabled]=\"busy()\"\n    (click)=\"edit()\">\n    {{ isCategory ? t.gettext('Create category') : t.gettext('Create tag') }}\n  </button>\n  <button\n    mat-button\n    type=\"button\"\n    [disabled]=\"busy()\"\n    (click)=\"reload()\">\n    {{ t.gettext('Reload') }}\n  </button>\n</div>\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n@if (busy()) {\n  <p role=\"status\">{{ t.gettext('Loading...') }}</p>\n}\n@if (editing()) {\n  <form\n    #form=\"ngForm\"\n    (ngSubmit)=\"save()\">\n    <h2>{{ editingId === null ? t.gettext('Create') : t.gettext('Edit') }}</h2>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{ t.gettext('Name') }}</mat-label>\n      <input\n        matInput\n        name=\"name\"\n        required\n        [(ngModel)]=\"draft.name\"\n        [disabled]=\"busy()\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{ t.gettext('Slug') }}</mat-label>\n      <input\n        matInput\n        name=\"slug\"\n        required\n        [(ngModel)]=\"draft.slug\"\n        [disabled]=\"busy()\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{ t.gettext('Description') }}</mat-label>\n      <textarea\n        matInput\n        name=\"description\"\n        [(ngModel)]=\"draft.description\"\n        [disabled]=\"busy()\"></textarea>\n    </mat-form-field>\n    @if (isCategory) {\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Parent Category') }}</mat-label>\n        <mat-select\n          name=\"parentCategoryId\"\n          [(ngModel)]=\"draft.parentCategoryId\"\n          [disabled]=\"busy()\">\n          <mat-option [value]=\"null\">{{ t.gettext('None') }}</mat-option>\n          @for (category of parentOptions(); track category.id) {\n            <mat-option [value]=\"category.id\">{{ category.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Sort Order') }}</mat-label>\n        <input\n          matInput\n          name=\"sortOrder\"\n          type=\"number\"\n          step=\"1\"\n          required\n          [(ngModel)]=\"draft.sortOrder\"\n          [disabled]=\"busy()\" />\n      </mat-form-field>\n    }\n    <div class=\"actions\">\n      <button\n        mat-flat-button\n        type=\"submit\"\n        [disabled]=\"\n          busy() || form.invalid || !draft.name.trim() || !draft.slug.trim()\n        \">\n        {{ t.gettext('Save') }}\n      </button>\n      <button\n        mat-button\n        type=\"button\"\n        [disabled]=\"busy()\"\n        (click)=\"editing.set(false)\">\n        {{ t.gettext('Cancel') }}\n      </button>\n    </div>\n  </form>\n}\n<taon-datatable\n  [data]=\"tableRows()\"\n  [columns]=\"columns\"\n  [hideAddButton]=\"true\"\n  searchMode=\"advanced\">\n</taon-datatable>\n", styles: [":host{display:block}form{display:grid;gap:1rem;max-width:640px;margin-block:1.5rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: TaonDatatableComponent, selector: "taon-datatable", inputs: ["pageNumber", "pageSize", "pageSizeOptions", "allowedColumns", "expansionTemplate", "entityCrudController", "columns", "hideSearch", "hideAddButton", "safe", "searchMode", "callQueryMethod", "data", "showPaginator"], outputs: ["expansionChange", "addingItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsTaxonomyBackofficeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'taon-cms-taxonomy-backoffice', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        FormsModule,
+                        MatButtonModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        TaonDatatableComponent,
+                    ], providers: [TaonCmsCategoryApiService, TaonCmsTagApiService], template: "<h1>{{ isCategory ? t.gettext('Categories') : t.gettext('Tags') }}</h1>\n<div class=\"actions\">\n  <button\n    mat-button\n    type=\"button\"\n    [disabled]=\"busy()\"\n    (click)=\"edit()\">\n    {{ isCategory ? t.gettext('Create category') : t.gettext('Create tag') }}\n  </button>\n  <button\n    mat-button\n    type=\"button\"\n    [disabled]=\"busy()\"\n    (click)=\"reload()\">\n    {{ t.gettext('Reload') }}\n  </button>\n</div>\n@if (error()) {\n  <p role=\"alert\">{{ error() }}</p>\n}\n@if (busy()) {\n  <p role=\"status\">{{ t.gettext('Loading...') }}</p>\n}\n@if (editing()) {\n  <form\n    #form=\"ngForm\"\n    (ngSubmit)=\"save()\">\n    <h2>{{ editingId === null ? t.gettext('Create') : t.gettext('Edit') }}</h2>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{ t.gettext('Name') }}</mat-label>\n      <input\n        matInput\n        name=\"name\"\n        required\n        [(ngModel)]=\"draft.name\"\n        [disabled]=\"busy()\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{ t.gettext('Slug') }}</mat-label>\n      <input\n        matInput\n        name=\"slug\"\n        required\n        [(ngModel)]=\"draft.slug\"\n        [disabled]=\"busy()\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{ t.gettext('Description') }}</mat-label>\n      <textarea\n        matInput\n        name=\"description\"\n        [(ngModel)]=\"draft.description\"\n        [disabled]=\"busy()\"></textarea>\n    </mat-form-field>\n    @if (isCategory) {\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Parent Category') }}</mat-label>\n        <mat-select\n          name=\"parentCategoryId\"\n          [(ngModel)]=\"draft.parentCategoryId\"\n          [disabled]=\"busy()\">\n          <mat-option [value]=\"null\">{{ t.gettext('None') }}</mat-option>\n          @for (category of parentOptions(); track category.id) {\n            <mat-option [value]=\"category.id\">{{ category.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Sort Order') }}</mat-label>\n        <input\n          matInput\n          name=\"sortOrder\"\n          type=\"number\"\n          step=\"1\"\n          required\n          [(ngModel)]=\"draft.sortOrder\"\n          [disabled]=\"busy()\" />\n      </mat-form-field>\n    }\n    <div class=\"actions\">\n      <button\n        mat-flat-button\n        type=\"submit\"\n        [disabled]=\"\n          busy() || form.invalid || !draft.name.trim() || !draft.slug.trim()\n        \">\n        {{ t.gettext('Save') }}\n      </button>\n      <button\n        mat-button\n        type=\"button\"\n        [disabled]=\"busy()\"\n        (click)=\"editing.set(false)\">\n        {{ t.gettext('Cancel') }}\n      </button>\n    </div>\n  </form>\n}\n<taon-datatable\n  [data]=\"tableRows()\"\n  [columns]=\"columns\"\n  [hideAddButton]=\"true\"\n  searchMode=\"advanced\">\n</taon-datatable>\n", styles: [":host{display:block}form{display:grid;gap:1rem;max-width:640px;margin-block:1.5rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}\n"] }]
+        }] });
+
+var taonCmsTaxonomyBackoffice_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    TaonCmsTaxonomyBackofficeComponent: TaonCmsTaxonomyBackofficeComponent
+});
+
+const TaonCmsCategoriesBackofficeRoutes = [
+    {
+        path: '',
+        data: { taxonomy: 'category' },
+        loadComponent: () => Promise.resolve().then(function () { return taonCmsTaxonomyBackoffice_component; }).then(m => m.TaonCmsTaxonomyBackofficeComponent),
+    },
+];
+const TaonCmsTagsBackofficeRoutes = [
+    {
+        path: '',
+        data: { taxonomy: 'tag' },
+        loadComponent: () => Promise.resolve().then(function () { return taonCmsTaxonomyBackoffice_component; }).then(m => m.TaonCmsTaxonomyBackofficeComponent),
+    },
+];
+
+var taonCmsTaxonomyBackoffice_routes = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    TaonCmsCategoriesBackofficeRoutes: TaonCmsCategoriesBackofficeRoutes,
+    TaonCmsTagsBackofficeRoutes: TaonCmsTagsBackofficeRoutes
+});
+
 class TaonCmsEditableDirective {
     constructor() {
         this.element = inject(ElementRef)
@@ -3912,10 +4559,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-websql-taon-cms-revision-chooser.component.html.en-US.i18n.data-BQetHhHY.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-revision-chooser.component.html.pl-PL.i18n.data-DFyL2hhB.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-revision-chooser.component.html.de-DE.i18n.data-BeMa9gWH.mjs')).default }, "src/lib/taon-posts/taon-cms-revision-chooser/taon-cms-revision-chooser.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-revision-chooser.component.ts.en-US.i18n.data-Q_yYYlqT.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-revision-chooser.component.ts.pl-PL.i18n.data-DS71Bpee.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-revision-chooser.component.ts.de-DE.i18n.data-C8Amkua1.mjs')).default } });
+const t$5 = 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-websql-taon-cms-revision-chooser.component.html.en-US.i18n.data-DJ0utYrm.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-revision-chooser.component.html.pl-PL.i18n.data-bW3Mgb29.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-revision-chooser.component.html.de-DE.i18n.data-D3SqNlkz.mjs')).default }, "src/lib/taon-posts/taon-cms-revision-chooser/taon-cms-revision-chooser.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-revision-chooser.component.ts.en-US.i18n.data-CM00oZ5c.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-revision-chooser.component.ts.pl-PL.i18n.data-CTV6RgOp.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-revision-chooser.component.ts.de-DE.i18n.data-Dv-fdvwp.mjs')).default } });
 class TaonCmsRevisionChooserComponent {
     constructor() {
-        this.t = t$6.for(this);
+        this.t = t$5.for(this);
         this.post = inject(MAT_DIALOG_DATA);
         this.revisions = signal([], ...(ngDevMode ? [{ debugName: "revisions" }] : []));
         this.selected = signal(null, ...(ngDevMode ? [{ debugName: "selected" }] : []));
@@ -3927,6 +4574,10 @@ class TaonCmsRevisionChooserComponent {
         this.destroyRef = inject(DestroyRef);
         this.load();
     }
+    onEscape(event) {
+        event.stopPropagation();
+        this.ref.close();
+    }
     load() {
         if (this.loading() || this.applying()) {
             return;
@@ -3976,17 +4627,20 @@ 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>{{ 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsRevisionChooserComponent, isStandalone: true, selector: "taon-cms-revision-chooser", host: { listeners: { "document:keydown.escape": "onEscape($event)" } }, providers: [TaonCmsContentRevisionApiService], ngImport: i0, template: "<h2 mat-dialog-title>{{ t.gettext('Restore a revision') }}</h2>\n<mat-dialog-content>\n  <p>\n    {{\n      t.gettext(\n        'Restoring replaces the post, including its status, with the selected revision.'\n      )\n    }}\n  </p>\n  @if (loading()) {\n    <p role=\"status\">{{ t.gettext('Loading revisions...') }}</p>\n  } @else {\n    <mat-radio-group\n      [attr.aria-label]=\"t.gettext('Post revisions')\"\n      [value]=\"selected()\"\n      (change)=\"selected.set($event.value)\"\n      [disabled]=\"applying()\">\n      @for (revision of revisions(); track revision.id) {\n        <mat-radio-button\n          [value]=\"revision.revisionNumber\"\n          [disabled]=\"!revision.snapshot\">\n          <strong>{{\n            t.gettext('Revision [[ revisionNumber ]]', {\n              revisionNumber: revision.revisionNumber,\n            })\n          }}</strong>\n          <span>{{ revision.createdAt | date: 'medium' }}</span>\n          @if (\n            revision.createdByUserId !== null &&\n            revision.createdByUserId !== undefined\n          ) {\n            <span>{{\n              t.gettext('User [[ userId ]]', {\n                userId: revision.createdByUserId,\n              })\n            }}</span>\n          }\n          @if (!revision.snapshot) {\n            <span>{{ t.gettext('Legacy revision - cannot be restored') }}</span>\n          }\n        </mat-radio-button>\n      } @empty {\n        <p>{{ t.gettext('No revisions are available.') }}</p>\n      }\n    </mat-radio-group>\n  }\n  @if (error()) {\n    <p role=\"alert\">{{ error() }}</p>\n    <button\n      mat-button\n      type=\"button\"\n      [disabled]=\"loading() || applying()\"\n      (click)=\"load()\">\n      {{ t.gettext('Reload revisions') }}\n    </button>\n  }\n  @if (applying()) {\n    <p role=\"status\">{{ t.gettext('Restoring...') }}</p>\n  }\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button\n    mat-button\n    type=\"button\"\n    [disabled]=\"applying()\"\n    (click)=\"cancel()\">\n    {{ t.gettext('Cancel') }}\n  </button>\n  <button\n    mat-flat-button\n    type=\"button\"\n    [disabled]=\"loading() || applying() || selected() === null\"\n    (click)=\"apply()\">\n    {{ t.gettext('Apply') }}\n  </button>\n</mat-dialog-actions>\n", styles: ["mat-radio-group{display:flex;flex-direction:column;gap:1rem}mat-radio-button span{display:block;font-size:.875rem;opacity:.7}[role=alert]{color:#b3261e}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsRevisionChooserComponent, decorators: [{
             type: Component,
             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: () => [] });
+        }], ctorParameters: () => [], propDecorators: { onEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape', ['$event']]
+            }] } });
 
-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-websql-taon-related-post-chooser.component.html.en-US.i18n.data-ta4f6CoB.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-related-post-chooser.component.html.pl-PL.i18n.data-Dw5hHPVt.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-related-post-chooser.component.html.de-DE.i18n.data-Bg2aMQRp.mjs')).default }, "src/lib/taon-posts/taon-related-post-chooser/taon-related-post-chooser.component.ts": { "en-US": async () => (await import('./cms-websql-taon-related-post-chooser.component.ts.en-US.i18n.data-BHozuByI.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-related-post-chooser.component.ts.pl-PL.i18n.data-CVbRXbCE.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-related-post-chooser.component.ts.de-DE.i18n.data-DaAVLmDB.mjs')).default } });
+const t$4 = 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-websql-taon-related-post-chooser.component.html.en-US.i18n.data-Ccs4aAAa.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-related-post-chooser.component.html.pl-PL.i18n.data-BJUDZW0d.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-related-post-chooser.component.html.de-DE.i18n.data-CdkLKona.mjs')).default }, "src/lib/taon-posts/taon-related-post-chooser/taon-related-post-chooser.component.ts": { "en-US": async () => (await import('./cms-websql-taon-related-post-chooser.component.ts.en-US.i18n.data-D5CUfAg0.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-related-post-chooser.component.ts.pl-PL.i18n.data-CrFrEqfR.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-related-post-chooser.component.ts.de-DE.i18n.data-y_x66BLv.mjs')).default } });
 class TaonRelatedPostChooserComponent {
     constructor() {
-        this.t = t$5.for(this);
+        this.t = t$4.for(this);
         this.data = inject(MAT_DIALOG_DATA);
         this.posts = signal([], ...(ngDevMode ? [{ debugName: "posts" }] : []));
         this.selected = signal(null, ...(ngDevMode ? [{ debugName: "selected" }] : []));
@@ -4042,26 +4696,164 @@ class TaonRelatedPostChooserComponent {
         this.ref.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonRelatedPostChooserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonRelatedPostChooserComponent, isStandalone: true, selector: "taon-related-post-chooser", providers: [TaonCmsContentApiService], ngImport: i0, template: "<h2 mat-dialog-title>{{ t.gettext('Add related post') }}</h2>\n<mat-dialog-content>\n  <label class=\"search-field\">\n    <span>{{ t.gettext('Search posts') }}</span>\n    <input\n      type=\"search\"\n      [attr.aria-label]=\"t.gettext('Search posts by ID, title or slug')\"\n      [value]=\"query()\"\n      [disabled]=\"loading()\"\n      (input)=\"search($event)\" />\n  </label>\n  @if (loading()) {\n    <p role=\"status\">{{ t.gettext('Loading posts...') }}</p>\n  } @else if (error()) {\n    <p\n      class=\"error\"\n      role=\"alert\">\n      {{ error() }}\n    </p>\n    <button\n      mat-button\n      type=\"button\"\n      (click)=\"load()\">\n      {{ t.gettext('Try again') }}\n    </button>\n  } @else {\n    <mat-radio-group\n      [attr.aria-label]=\"t.gettext('Related post')\"\n      [value]=\"selected()\"\n      (change)=\"selected.set($event.value)\">\n      @for (post of filteredPosts(); track post.id) {\n        <mat-radio-button [value]=\"post.id\">\n          #{{ post.id }} - {{ post.title }}\n          <span class=\"slug\">{{ post.slug }}</span>\n        </mat-radio-button>\n      } @empty {\n        <p>{{ t.gettext('No matching posts available.') }}</p>\n      }\n    </mat-radio-group>\n  }\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button\n    mat-button\n    type=\"button\"\n    (click)=\"cancel()\">\n    {{ t.gettext('Cancel') }}\n  </button>\n  <button\n    mat-flat-button\n    type=\"button\"\n    [disabled]=\"loading() || !!error() || selected() === null\"\n    (click)=\"choose()\">\n    {{ t.gettext('Add related post') }}\n  </button>\n</mat-dialog-actions>\n", styles: [".search-field,mat-radio-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.search-field input{padding:.5rem;color:inherit;background:transparent;border:1px solid rgba(136,136,136,.3333333333);border-radius:4px}.slug{display:block;opacity:.7;overflow-wrap:anywhere}.error{color:#b3261e}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.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$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonRelatedPostChooserComponent, decorators: [{
             type: Component,
             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: () => [] });
 
+function defaultThumbnailKey(type) {
+    return `cms-placeholder:${type}`;
+}
+function defaultThumbnailUrl(key) {
+    const type = Object.values(TaonCmsContentType).find(value => key === defaultThumbnailKey(value));
+    if (!type) {
+        return null;
+    }
+    const shapes = {
+        normal: '<path d="M260 126h120v112H260z M280 152h80m-80 20h80m-80 20h52" />',
+        video: '<rect x="248" y="132" width="144" height="100" rx="16"/><path d="m308 158 40 24-40 24z"/>',
+        audio: '<path d="M280 164v40m20-60v80m20-98v116m20-98v80m20-60v40"/>',
+        attachment: '<path d="M276 124h60l32 32v84h-92z M336 124v36h32m-70 30h48m-48 22h36"/>',
+    };
+    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360"><defs><linearGradient id="bg" x2="1" y2="1"><stop stop-color="#eaf0ff"/><stop offset="1" stop-color="#e4f5f0"/></linearGradient></defs><rect width="640" height="360" rx="24" fill="url(#bg)"/><circle cx="320" cy="180" r="112" fill="#fff" opacity=".65"/><g fill="none" stroke="#52669a" stroke-width="7" stroke-linecap="round" stroke-linejoin="round">${shapes[type]}</g></svg>`;
+    return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+function visiblePixelRatio(pixels) {
+    let visible = 0;
+    for (let index = 0; index < pixels.length; index += 4) {
+        const luminance = 0.2126 * pixels[index] +
+            0.7152 * pixels[index + 1] +
+            0.0722 * pixels[index + 2];
+        if (luminance > 18) {
+            visible += 1;
+        }
+    }
+    return pixels.length ? visible / (pixels.length / 4) : 0;
+}
+function videoEvent(video, event, action) {
+    return new Promise((resolve, reject) => {
+        const cleanup = () => {
+            clearTimeout(timeout);
+            video.removeEventListener(event, done);
+            video.removeEventListener('error', failed);
+        };
+        const done = () => {
+            cleanup();
+            resolve();
+        };
+        const failed = () => {
+            cleanup();
+            reject(new Error(video.error?.message || 'Video decoding failed.'));
+        };
+        const timeout = setTimeout(() => {
+            cleanup();
+            reject(new Error('Video decoding timed out.'));
+        }, 15000);
+        video.addEventListener(event, done, { once: true });
+        video.addEventListener('error', failed, { once: true });
+        try {
+            action();
+        }
+        catch (error) {
+            cleanup();
+            reject(error);
+        }
+    });
+}
+async function generateVideoThumbnail(file) {
+    const video = document.createElement('video');
+    const url = URL.createObjectURL(file);
+    try {
+        video.muted = true;
+        video.playsInline = true;
+        video.preload = 'auto';
+        await videoEvent(video, 'loadeddata', () => {
+            video.src = url;
+            video.load();
+        });
+        if (!video.videoWidth || !video.videoHeight) {
+            throw new Error('The video has no decodable dimensions.');
+        }
+        const analysis = document.createElement('canvas');
+        analysis.width = 64;
+        analysis.height = Math.max(1, Math.round((64 * video.videoHeight) / video.videoWidth));
+        const context = analysis.getContext('2d', { willReadFrequently: true });
+        if (!context) {
+            throw new Error('Canvas is unavailable.');
+        }
+        const seek = async (time) => {
+            if (Math.abs(video.currentTime - time) > 0.001) {
+                await videoEvent(video, 'seeked', () => {
+                    video.currentTime = time;
+                });
+            }
+        };
+        const end = Number.isFinite(video.duration)
+            ? Math.min(5, Math.max(0, video.duration - 0.01))
+            : 5;
+        let bestTime = 0;
+        let bestRatio = -1;
+        let found = false;
+        for (let time = 0; time <= end; time += 0.25) {
+            await seek(time);
+            context.drawImage(video, 0, 0, analysis.width, analysis.height);
+            const ratio = visiblePixelRatio(context.getImageData(0, 0, analysis.width, analysis.height).data);
+            if (ratio > bestRatio) {
+                bestRatio = ratio;
+                bestTime = time;
+            }
+            // Small highlights or a subject in a dark scene are enough.
+            if (ratio >= 0.02) {
+                found = true;
+                break;
+            }
+        }
+        if (!found) {
+            await seek(bestTime);
+        }
+        const canvas = document.createElement('canvas');
+        const scale = Math.min(1, 1280 / video.videoWidth, 720 / video.videoHeight);
+        canvas.width = Math.max(1, Math.round(video.videoWidth * scale));
+        canvas.height = Math.max(1, Math.round(video.videoHeight * scale));
+        const output = canvas.getContext('2d');
+        if (!output) {
+            throw new Error('Canvas is unavailable.');
+        }
+        output.drawImage(video, 0, 0, canvas.width, canvas.height);
+        return await new Promise((resolve, reject) => {
+            canvas.toBlob(blob => blob
+                ? resolve(blob)
+                : reject(new Error('Thumbnail encoding failed.')), 'image/webp', 0.85);
+        });
+    }
+    finally {
+        try {
+            video.pause();
+            video.removeAttribute('src');
+            video.load();
+        }
+        finally {
+            URL.revokeObjectURL(url);
+        }
+    }
+}
+
 //#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-websql-taon-cms-post.component.html.en-US.i18n.data-BADXpKlC.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-post.component.html.pl-PL.i18n.data-DyBK3Qg6.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-post.component.html.de-DE.i18n.data-Bzbm7OIO.mjs')).default }, "src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-post.component.ts.en-US.i18n.data-BbpIRzgh.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-post.component.ts.pl-PL.i18n.data-Cqy96DQS.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-post.component.ts.de-DE.i18n.data-DaC7IYoM.mjs')).default } });
+const t$3 = Translation.for('src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts', { "src/lib/taon-posts/taon-cms-post/taon-cms-post.component.html": { "en-US": async () => (await import('./cms-websql-taon-cms-post.component.html.en-US.i18n.data-Dzy3apgE.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-post.component.html.pl-PL.i18n.data-DrmyJ9lw.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-post.component.html.de-DE.i18n.data-DW1n5Ozp.mjs')).default }, "src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-post.component.ts.en-US.i18n.data-Demtpm74.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-post.component.ts.pl-PL.i18n.data-oFM6Hko5.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-post.component.ts.de-DE.i18n.data-C1N9Zgdi.mjs')).default } });
 class TaonCmsPostComponent {
     //#endregion
     //#region constructor
     constructor() {
-        this.t = t$4.for(this);
+        this.t = t$3.for(this);
         //#region fields and getters
         this.post = input(null, ...(ngDevMode ? [{ debugName: "post" }] : []));
         this.mode = model('view', ...(ngDevMode ? [{ debugName: "mode" }] : []));
         this.changed = output();
         this.deleted = output();
+        this.duplicated = output();
         this.cancelled = output();
         this.currentPost = signal(null, ...(ngDevMode ? [{ debugName: "currentPost" }] : []));
         this.placeholderShortIntro = this.t.signal.gettext('A short introduction...');
@@ -4076,6 +4868,9 @@ class TaonCmsPostComponent {
             videoKey: null,
             audioKey: null,
             attachmentKey: null,
+            thumbnailKey: null,
+            categoryId: null,
+            tagIds: [],
         }, ...(ngDevMode ? [{ debugName: "draft" }] : []));
         this.postTypes = [
             {
@@ -4114,6 +4909,26 @@ class TaonCmsPostComponent {
         ];
         this.mediaAttachment = computed(() => this.mediaAttachments.find(media => media.type === this.draft().type), ...(ngDevMode ? [{ debugName: "mediaAttachment" }] : []));
         this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : []));
+        this.thumbnailPreviewUrl = signal('', ...(ngDevMode ? [{ debugName: "thumbnailPreviewUrl" }] : []));
+        this.thumbnailError = signal('', ...(ngDevMode ? [{ debugName: "thumbnailError" }] : []));
+        this.thumbnailReference = computed(() => this.draft().thumbnailKey, ...(ngDevMode ? [{ debugName: "thumbnailReference" }] : []));
+        this.thumbnailSlug = computed(() => this.draft().slug, ...(ngDevMode ? [{ debugName: "thumbnailSlug" }] : []));
+        this.taxonomyLoading = signal(false, ...(ngDevMode ? [{ debugName: "taxonomyLoading" }] : []));
+        this.taxonomyError = signal('', ...(ngDevMode ? [{ debugName: "taxonomyError" }] : []));
+        this.categories = signal([], ...(ngDevMode ? [{ debugName: "categories" }] : []));
+        this.tags = signal([], ...(ngDevMode ? [{ debugName: "tags" }] : []));
+        this.tagSearch = signal('', ...(ngDevMode ? [{ debugName: "tagSearch" }] : []));
+        this.filteredTags = computed(() => {
+            const query = this.tagSearch().trim().toLowerCase();
+            return this.tags().filter(tag => !this.draft().tagIds.includes(tag.id) &&
+                `${tag.name} ${tag.slug}`.toLowerCase().includes(query));
+        }, ...(ngDevMode ? [{ debugName: "filteredTags" }] : []));
+        this.selectedTags = computed(() => this.tags().filter(tag => this.draft().tagIds.includes(tag.id)), ...(ngDevMode ? [{ debugName: "selectedTags" }] : []));
+        this.categoryApi = inject(TaonCmsCategoryApiService);
+        this.tagApi = inject(TaonCmsTagApiService);
+        this.editorSession = 0;
+        this.thumbnailObjectUrl = '';
+        this.stagedThumbnail = signal(null, ...(ngDevMode ? [{ debugName: "stagedThumbnail" }] : []));
         this.uploading = signal(false, ...(ngDevMode ? [{ debugName: "uploading" }] : []));
         this.uploadProgress = signal(0, ...(ngDevMode ? [{ debugName: "uploadProgress" }] : []));
         this.mediaPreviewUrl = signal('', ...(ngDevMode ? [{ debugName: "mediaPreviewUrl" }] : []));
@@ -4155,7 +4970,9 @@ class TaonCmsPostComponent {
             !this.applicationHooksError() &&
             (!this.useAsApplicationHook() || !!this.selectedApplicationHook()) &&
             !this.permissionsLoading() &&
-            !this.permissionsError(), ...(ngDevMode ? [{ debugName: "canSave" }] : []));
+            !this.permissionsError() &&
+            !this.taxonomyLoading() &&
+            !this.taxonomyError(), ...(ngDevMode ? [{ debugName: "canSave" }] : []));
         this.canPublish = computed(() => {
             const post = this.currentPost();
             return !!post && post.status !== 'published';
@@ -4173,9 +4990,61 @@ class TaonCmsPostComponent {
                 untracked(() => {
                     this.loadApplicationHooks();
                     this.loadPermissionOptions();
+                    this.loadTaxonomy();
                 });
             }
         });
+        effect(onCleanup => {
+            const key = this.thumbnailReference();
+            const slug = this.thumbnailSlug();
+            const editing = this.editing();
+            const staged = this.stagedThumbnail();
+            let active = true;
+            onCleanup(() => {
+                active = false;
+            });
+            this.thumbnailError.set('');
+            this.thumbnailPreviewUrl.set('');
+            if (staged && staged.key === key) {
+                this.thumbnailPreviewUrl.set(staged.url);
+                return;
+            }
+            if (!key) {
+                return;
+            }
+            const placeholder = defaultThumbnailUrl(key);
+            if (placeholder) {
+                this.thumbnailPreviewUrl.set(placeholder);
+                return;
+            }
+            if (!slug) {
+                return;
+            }
+            const load = async () => {
+                if (editing) {
+                    return this.api.getAssetUrl(key);
+                }
+                try {
+                    return await this.api.getThumbnailLinkBySlug(slug, true);
+                }
+                catch {
+                    return this.api.getThumbnailLinkBySlug(slug);
+                }
+            };
+            void load()
+                .then(url => {
+                if (active && !this.destroyRef.destroyed) {
+                    this.thumbnailPreviewUrl.set(url);
+                }
+            })
+                .catch((error) => {
+                console.error('[taon-cms-post] Unable to load thumbnail', error);
+                if (active && !this.destroyRef.destroyed) {
+                    this.thumbnailError.set(this.t.gettext('The thumbnail could not be loaded.'));
+                }
+            });
+        });
+        this.destroyRef.onDestroy(() => this.releaseThumbnailPreview());
         effect(() => {
             const media = this.mediaAttachment();
             const key = media ? this.draft()[media.key] : null;
@@ -4247,6 +5116,117 @@ class TaonCmsPostComponent {
     }
     //#endregion
     //#region methods / load related posts
+    loadTaxonomy() {
+        this.taxonomyLoad?.unsubscribe();
+        const session = this.editorSession;
+        const postId = this.currentPost()?.id;
+        this.taxonomyLoading.set(true);
+        this.taxonomyError.set('');
+        this.taxonomyLoad = forkJoin({
+            categories: this.categoryApi.allMyEntities$,
+            tags: this.tagApi.allMyEntities$,
+            tagIds: postId ? this.api.listTagIds(postId) : of([]),
+        })
+            .pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.taxonomyLoading.set(false)))
+            .subscribe({
+            next: result => {
+                if (session === this.editorSession) {
+                    this.categories.set(result.categories.sort((a, b) => a.sortOrder - b.sortOrder || a.name.localeCompare(b.name)));
+                    this.tags.set(result.tags);
+                    this.updateDraft('tagIds', result.tagIds);
+                }
+            },
+            error: (error) => {
+                console.error('[taon-cms-post] Unable to load categories and tags', error);
+                this.taxonomyError.set(this.t.gettext('Categories and tags could not be loaded. Please try again.'));
+            },
+        });
+    }
+    addTag(id) {
+        if (!this.draft().tagIds.includes(id)) {
+            this.updateDraft('tagIds', [...this.draft().tagIds, id]);
+        }
+    }
+    removeTag(id) {
+        this.updateDraft('tagIds', this.draft().tagIds.filter(selected => selected !== id));
+    }
+    filterTags(event) {
+        if (event.target instanceof HTMLInputElement) {
+            this.tagSearch.set(event.target.value);
+        }
+    }
+    applyDefaultThumbnail() {
+        if (!this.editing() || this.busy() || this.dialogOpen()) {
+            return;
+        }
+        this.releaseThumbnailPreview();
+        this.stagedThumbnail.set(null);
+        this.updateDraft('thumbnailKey', defaultThumbnailKey(this.draft().type));
+    }
+    async thumbnailSelected(event) {
+        if (!(event.target instanceof HTMLInputElement)) {
+            return;
+        }
+        const input = event.target;
+        const file = input.files?.[0];
+        input.value = '';
+        if (!file || !this.editing() || this.busy() || this.dialogOpen()) {
+            return;
+        }
+        if (!file.type.startsWith('image/')) {
+            this.error.set(this.t.gettext('Please select an image for the thumbnail.'));
+            return;
+        }
+        this.busy.set(true);
+        this.error.set('');
+        try {
+            await this.storeThumbnail(file, this.editorSession);
+        }
+        catch (error) {
+            console.error('[taon-cms-post] Unable to upload thumbnail', error);
+            this.error.set(this.t.gettext('The thumbnail could not be uploaded. Please try again.'));
+        }
+        finally {
+            this.busy.set(false);
+        }
+    }
+    async storeThumbnail(file, session) {
+        if (session !== this.editorSession || this.destroyRef.destroyed) {
+            return;
+        }
+        const previousPreview = this.thumbnailPreviewUrl();
+        const previousStaged = this.stagedThumbnail();
+        const preview = URL.createObjectURL(file);
+        this.stagedThumbnail.set({ key: this.draft().thumbnailKey, url: preview });
+        this.thumbnailPreviewUrl.set(preview);
+        try {
+            const object = await this.api.uploadMedia(file);
+            if (session === this.editorSession && !this.destroyRef.destroyed) {
+                this.releaseThumbnailPreview();
+                this.thumbnailObjectUrl = preview;
+                this.stagedThumbnail.set({ key: object.key, url: preview });
+                this.updateDraft('thumbnailKey', object.key);
+            }
+        }
+        catch (error) {
+            if (session === this.editorSession) {
+                this.stagedThumbnail.set(previousStaged);
+                this.thumbnailPreviewUrl.set(previousPreview);
+            }
+            throw error;
+        }
+        finally {
+            if (this.thumbnailObjectUrl !== preview) {
+                URL.revokeObjectURL(preview);
+            }
+        }
+    }
+    releaseThumbnailPreview() {
+        if (this.thumbnailObjectUrl) {
+            URL.revokeObjectURL(this.thumbnailObjectUrl);
+            this.thumbnailObjectUrl = '';
+        }
+    }
     loadRelatedPosts() {
         if (this.busy() || this.relatedPostsLoading()) {
             return;
@@ -4442,7 +5422,7 @@ class TaonCmsPostComponent {
             input.value = '';
             return;
         }
-        const draft = this.draft();
+        const session = this.editorSession;
         this.busy.set(true);
         this.uploading.set(true);
         this.uploadProgress.set(0);
@@ -4453,7 +5433,7 @@ class TaonCmsPostComponent {
                     this.uploadProgress.set(percentage);
                 }
             });
-            if (!this.destroyRef.destroyed && this.draft() === draft) {
+            if (!this.destroyRef.destroyed && this.editorSession === session) {
                 const fileName = object.fileName || file.name;
                 this.mediaFileNames.update(names => ({
                     ...names,
@@ -4467,6 +5447,17 @@ class TaonCmsPostComponent {
                     });
                 }
                 this.updateDraft(media.key, object.key);
+                if (media.type === TaonCmsContentType.Video) {
+                    try {
+                        const blob = await generateVideoThumbnail(file);
+                        const extension = blob.type === 'image/webp' ? 'webp' : 'png';
+                        await this.storeThumbnail(new File([blob], `thumbnail.${extension}`, { type: blob.type }), session);
+                    }
+                    catch (error) {
+                        console.error('[taon-cms-post] Unable to generate thumbnail', error);
+                        this.error.set(this.t.gettext('The video was uploaded, but its thumbnail could not be generated. Upload a thumbnail or apply a default placeholder.'));
+                    }
+                }
             }
         }
         catch (error) {
@@ -4705,6 +5696,29 @@ class TaonCmsPostComponent {
         });
     }
     //#endregion
+    //#region methods / duplicate
+    duplicate() {
+        if (this.busy() || this.dialogOpen() || this.mode() === 'view-clean') {
+            return;
+        }
+        const post = this.requirePost();
+        if (!post) {
+            return;
+        }
+        this.busy.set(true);
+        this.error.set('');
+        this.api
+            .duplicateContent(post.id)
+            .pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.busy.set(false)))
+            .subscribe({
+            next: duplicate => this.duplicated.emit(duplicate),
+            error: (error) => {
+                console.error('[taon-cms-post] Unable to duplicate post', error);
+                this.error.set(this.t.gettext('The post could not be duplicated. Please try again.'));
+            },
+        });
+    }
+    //#endregion
     //#region methods / update input
     updateInput(post) {
         return {
@@ -4734,6 +5748,13 @@ class TaonCmsPostComponent {
     //#endregion
     //#region methods / set post
     setPost(post) {
+        this.editorSession += 1;
+        this.taxonomyLoad?.unsubscribe();
+        this.taxonomyLoading.set(false);
+        this.taxonomyError.set('');
+        this.releaseThumbnailPreview();
+        this.stagedThumbnail.set(null);
+        this.tagSearch.set('');
         this.relatedPostsLoad?.unsubscribe();
         this.applicationHooksLoad?.unsubscribe();
         this.permissionsLoad?.unsubscribe();
@@ -4762,6 +5783,9 @@ class TaonCmsPostComponent {
             videoKey: post?.videoKey ?? null,
             audioKey: post?.audioKey ?? null,
             attachmentKey: post?.attachmentKey ?? null,
+            thumbnailKey: post?.thumbnailKey ?? null,
+            categoryId: post?.categoryId ?? null,
+            tagIds: [],
         });
         if (post &&
             post.relatedPosts === undefined &&
@@ -4771,6 +5795,9 @@ class TaonCmsPostComponent {
         if (post && this.mode() !== 'view-clean') {
             this.loadPermissions();
         }
+        if (this.editing()) {
+            this.loadTaxonomy();
+        }
     }
     //#endregion
     setApplicationHookSelection(post, hooks) {
@@ -4812,7 +5839,12 @@ class TaonCmsPostComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsPostComponent, isStandalone: true, selector: "taon-cms-post", inputs: { post: { classPropertyName: "post", publicName: "post", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", changed: "changed", deleted: "deleted", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsPostComponent, isStandalone: true, selector: "taon-cms-post", inputs: { post: { classPropertyName: "post", publicName: "post", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", changed: "changed", deleted: "deleted", duplicated: "duplicated", cancelled: "cancelled" }, providers: [
+            TaonCmsContentApiService,
+            TaonPermissionApiService,
+            TaonCmsCategoryApiService,
+            TaonCmsTagApiService,
+        ], ngImport: i0, template: "@if (mode() !== 'view-clean') {\n  <header class=\"post-actions\">\n    <span class=\"post-status\">{{\n      mode() === 'add' ? t.gettext('New draft') : currentPost()?.status\n    }}</span>\n    <div class=\"buttons\">\n      @if (editing()) {\n        <button\n          mat-flat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || !canSave()\"\n          (click)=\"save()\">\n          {{ mode() === 'add' ? t.gettext('Add') : t.gettext('Save') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"cancel()\">\n          {{ t.gettext('Cancel') }}\n        </button>\n      } @else if (currentPost()) {\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"edit()\">\n          <mat-icon>edit</mat-icon> {{ t.gettext('Edit') }}\n        </button>\n      }\n      @if (mode() !== 'add' && currentPost()) {\n        @if (canPublish()) {\n          <button\n            mat-flat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen() || (editing() && !canSave())\"\n            (click)=\"publish()\">\n            {{ t.gettext('Publish') }}\n          </button>\n        } @else {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"unpublish()\">\n            {{ t.gettext('Unpublish') }}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"revert()\">\n          <mat-icon>history</mat-icon> {{ t.gettext('Revert') }}\n        </button>\n        @if (currentPost()?.status !== 'archived') {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"delete()\">\n            <mat-icon>delete</mat-icon> {{ t.gettext('Delete') }}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"duplicate()\">\n          <mat-icon>content_copy</mat-icon> {{ t.gettext('Duplicate') }}\n        </button>\n      }\n    </div>\n    @if (busy()) {\n      <span role=\"status\">{{\n        uploading()\n          ? t.gettext('Uploading... ') + uploadProgress() + '%'\n          : t.gettext('Saving...')\n      }}</span>\n    }\n  </header>\n  @if (error()) {\n    <p\n      class=\"error\"\n      role=\"alert\">\n      {{ error() }}\n    </p>\n  }\n}\n\n<article\n  class=\"post-article\"\n  [attr.aria-busy]=\"busy()\">\n  @if (editing()) {\n    <mat-radio-group\n      class=\"post-type-selector\"\n      [attr.aria-label]=\"t.gettext('Post type')\"\n      [value]=\"draft().type\"\n      [disabled]=\"busy() || dialogOpen()\"\n      (change)=\"updateDraft('type', $event.value)\">\n      @for (type of postTypes; track type.value) {\n        <mat-radio-button [value]=\"type.value\">{{\n          type.label\n        }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    <div\n      class=\"post-title editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post title')\"\n      aria-required=\"true\"\n      [attr.data-placeholder]=\"placeholderTitle()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditableSingleLine]=\"true\"\n      [taonCmsEditable]=\"draft().title\"\n      (taonCmsEditableChange)=\"updateDraft('title', $event)\"></div>\n    <div\n      class=\"post-excerpt editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post excerpt')\"\n      aria-multiline=\"true\"\n      [attr.data-placeholder]=\"placeholderShortIntro()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditable]=\"draft().excerpt\"\n      (taonCmsEditableChange)=\"updateDraft('excerpt', $event)\"></div>\n    <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=\"post-thumbnail\"\n      aria-labelledby=\"thumbnail-heading\">\n      <h2 id=\"thumbnail-heading\">{{ t.gettext('Thumbnail') }}</h2>\n      @if (thumbnailPreviewUrl()) {\n        <img\n          class=\"thumbnail-preview\"\n          [src]=\"thumbnailPreviewUrl()\"\n          [alt]=\"t.gettext('Post thumbnail')\" />\n      } @else {\n        <p>{{ t.gettext('No thumbnail selected.') }}</p>\n      }\n      @if (thumbnailError()) {\n        <p role=\"alert\">{{ thumbnailError() }}</p>\n      }\n      <input\n        #thumbnailInput\n        hidden\n        type=\"file\"\n        accept=\"image/*\"\n        [disabled]=\"busy() || dialogOpen()\"\n        (change)=\"thumbnailSelected($event)\" />\n      <div class=\"buttons\">\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"thumbnailInput.click()\">\n          {{ t.gettext('Upload Thumbnail') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"applyDefaultThumbnail()\">\n          {{ t.gettext('Apply Default Placeholder') }}\n        </button>\n      </div>\n    </section>\n    <section\n      class=\"post-taxonomy\"\n      aria-labelledby=\"category-heading\">\n      <h2 id=\"category-heading\">{{ t.gettext('Category and Tags') }}</h2>\n      @if (taxonomyLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading categories and tags...') }}</p>\n      }\n      @if (taxonomyError()) {\n        <p role=\"alert\">{{ taxonomyError() }}</p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy()\"\n          (click)=\"loadTaxonomy()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      }\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Category') }}</mat-label>\n        <mat-select\n          [value]=\"draft().categoryId\"\n          [disabled]=\"\n            busy() || dialogOpen() || taxonomyLoading() || !!taxonomyError()\n          \"\n          (selectionChange)=\"updateDraft('categoryId', $event.value)\">\n          <mat-option [value]=\"null\">{{ t.gettext('None') }}</mat-option>\n          @for (category of categories(); track category.id) {\n            <mat-option [value]=\"category.id\">{{ category.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <h3>{{ t.gettext('Tags') }}</h3>\n      <mat-chip-set [attr.aria-label]=\"t.gettext('Selected tags')\">\n        @for (tag of selectedTags(); track tag.id) {\n          <mat-chip\n            [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n            (removed)=\"removeTag(tag.id)\">\n            {{ tag.name }}\n            <button\n              matChipRemove\n              type=\"button\"\n              [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n              [attr.aria-label]=\"\n                t.gettext('Remove tag [[ name ]]', { name: tag.name })\n              \">\n              <mat-icon>cancel</mat-icon>\n            </button>\n          </mat-chip>\n        }\n      </mat-chip-set>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Search tags') }}</mat-label>\n        <input\n          matInput\n          [value]=\"tagSearch()\"\n          (input)=\"filterTags($event)\"\n          [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\" />\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Add tag') }}</mat-label>\n        <mat-select\n          [value]=\"null\"\n          [disabled]=\"\n            busy() || dialogOpen() || taxonomyLoading() || !!taxonomyError()\n          \"\n          (selectionChange)=\"addTag($event.value)\">\n          @for (tag of filteredTags(); track tag.id) {\n            <mat-option [value]=\"tag.id\">{{ tag.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </section>\n    <section\n      class=\"related-posts\"\n      aria-labelledby=\"related-posts-heading\">\n      <h2 id=\"related-posts-heading\">{{ t.gettext('Related posts') }}</h2>\n      @if (relatedPostsLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading related posts...') }}</p>\n      } @else if (relatedPostsError()) {\n        <p\n          class=\"error\"\n          role=\"alert\">\n          {{ relatedPostsError() }}\n        </p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"loadRelatedPosts()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      } @else {\n        <ul>\n          @for (post of relatedPosts(); track post.id) {\n            <li>\n              <span>#{{ post.id }} - {{ post.title }}</span>\n              <button\n                mat-icon-button\n                type=\"button\"\n                [attr.aria-label]=\"\n                  t.gettext('Remove related post [[ title ]]', {\n                    title: post.title,\n                  })\n                \"\n                [disabled]=\"busy() || dialogOpen()\"\n                (click)=\"removeRelatedPost(post.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>{{ t.gettext('No related posts yet.') }}</li>\n          }\n        </ul>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"addRelatedPost()\">\n          <mat-icon>add</mat-icon> {{ t.gettext('Add related post') }}\n        </button>\n      }\n    </section>\n\n    @if (!mediaAttachment()) {\n      <section\n        class=\"application-hook\"\n        aria-labelledby=\"application-hook-heading\">\n        <h2 id=\"application-hook-heading\">\n          {{ t.gettext('Application Hook') }}\n        </h2>\n        @if (applicationHooksLoading()) {\n          <p role=\"status\">{{ t.gettext('Loading application hooks...') }}</p>\n        } @else if (applicationHooksError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ applicationHooksError() }}\n          </p>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"loadApplicationHooks()\">\n            {{ t.gettext('Try again') }}\n          </button>\n        } @else {\n          <mat-checkbox\n            [checked]=\"useAsApplicationHook()\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"setUseAsApplicationHook($event.checked)\">\n            {{ t.gettext('Use as application hook') }}\n          </mat-checkbox>\n          @if (useAsApplicationHook()) {\n            <mat-form-field\n              appearance=\"outline\"\n              subscriptSizing=\"dynamic\">\n              <mat-label>{{ t.gettext('Application Hook') }}</mat-label>\n              <mat-select\n                [value]=\"selectedApplicationHook()\"\n                [disabled]=\"busy() || dialogOpen()\"\n                (selectionChange)=\"selectedApplicationHook.set($event.value)\">\n                @for (\n                  applicationHook of applicationHooks();\n                  track applicationHook.id\n                ) {\n                  <mat-option\n                    [value]=\"applicationHook.hook\"\n                    [disabled]=\"\n                      applicationHookInUseByAnotherPost(applicationHook)\n                    \">\n                    {{ applicationHookLabel(applicationHook.hook) }}\n                    @if (applicationHookInUseByAnotherPost(applicationHook)) {\n                      {{\n                        t.gettext('(in use by post # [[ postId ]])', {\n                          postId: applicationHook.contentId,\n                        })\n                      }}\n                    }\n                  </mat-option>\n                } @empty {\n                  <mat-option [disabled]=\"true\">{{\n                    t.gettext('No application hooks configured')\n                  }}</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n          }\n        }\n      </section>\n    }\n    <section\n      class=\"post-permissions\"\n      aria-labelledby=\"post-permissions-heading\">\n      <h2 id=\"post-permissions-heading\">\n        {{ t.gettext('Allow Read only with Permissions') }}\n      </h2>\n      @if (permissionSource(); as source) {\n        <p role=\"note\">\n          {{\n            t.gettext(\n              'Permissions are inherited from # [[ postId ]] - [[ title ]]. Edit the source post to change them.',\n              { postId: source.id, title: source.title }\n            )\n          }}\n        </p>\n      }\n      @if (permissionsLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading assigned permissions...') }}</p>\n      } @else if (permissionsError()) {\n        <p\n          class=\"error\"\n          role=\"alert\">\n          {{ permissionsError() }}\n        </p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"loadPermissions()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      } @else {\n        <ul>\n          @for (permission of permissions(); track permission.id) {\n            <li>\n              <span>{{ permission.name }} ({{ permission.code }})</span>\n              <button\n                mat-icon-button\n                type=\"button\"\n                [attr.aria-label]=\"\n                  t.gettext('Remove permission [[ name ]]', {\n                    name: permission.name,\n                  })\n                \"\n                [disabled]=\"busy() || dialogOpen() || !!permissionSource()\"\n                (click)=\"removePermission(permission.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>{{ t.gettext('No permissions assigned.') }}</li>\n          }\n        </ul>\n        @if (permissionOptionsError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ permissionOptionsError() }}\n          </p>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\"\n            (click)=\"loadPermissionOptions()\">\n            {{ t.gettext('Try again') }}\n          </button>\n        } @else {\n          <div class=\"permission-assignment\">\n            <mat-form-field\n              appearance=\"outline\"\n              subscriptSizing=\"dynamic\">\n              <mat-label>{{ t.gettext('Permission') }}</mat-label>\n              <mat-select\n                [value]=\"selectedPermissionId()\"\n                [disabled]=\"\n                  busy() ||\n                  dialogOpen() ||\n                  permissionOptionsLoading() ||\n                  !!permissionSource()\n                \"\n                (selectionChange)=\"selectedPermissionId.set($event.value)\">\n                @for (\n                  permission of availablePermissions();\n                  track permission.id\n                ) {\n                  <mat-option [value]=\"permission.id\"\n                    >{{ permission.name }} ({{ permission.code }})</mat-option\n                  >\n                } @empty {\n                  <mat-option [disabled]=\"true\">{{\n                    t.gettext('No permissions available')\n                  }}</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n            <button\n              mat-button\n              type=\"button\"\n              [disabled]=\"\n                busy() ||\n                dialogOpen() ||\n                !selectedPermissionId() ||\n                !!permissionSource()\n              \"\n              (click)=\"addPermission()\">\n              <mat-icon>add</mat-icon> {{ t.gettext('Assign permission') }}\n            </button>\n          </div>\n        }\n      }\n      @if (!permissionSource()) {\n        <mat-checkbox\n          [checked]=\"applyPermissionsToRelatedPosts()\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (change)=\"applyPermissionsToRelatedPosts.set($event.checked)\">\n          {{ t.gettext('Apply permissions to related posts') }}\n        </mat-checkbox>\n      }\n    </section>\n  } @else if (currentPost(); as post) {\n    @if (thumbnailPreviewUrl()) {\n      <img\n        class=\"thumbnail-preview\"\n        [src]=\"thumbnailPreviewUrl()\"\n        [alt]=\"t.gettext('Post thumbnail')\" />\n    }\n    @if (thumbnailError()) {\n      <p role=\"alert\">{{ thumbnailError() }}</p>\n    }\n    <h1 class=\"post-title\">{{ post.title }}</h1>\n    @if (post.excerpt) {\n      <p class=\"post-excerpt\">{{ post.excerpt }}</p>\n    }\n    <div\n      class=\"post-body\"\n      [innerHTML]=\"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,.post-thumbnail,.post-taxonomy,.related-posts,.application-hook,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.post-thumbnail h2,.post-taxonomy h2,.related-posts h2,.application-hook h2,.post-permissions h2{font-size:1rem}.media-attachment .thumbnail-preview,.post-thumbnail .thumbnail-preview,.post-taxonomy .thumbnail-preview,.related-posts .thumbnail-preview,.application-hook .thumbnail-preview,.post-permissions .thumbnail-preview{display:block;width:min(100%,480px);max-height:320px;object-fit:contain;border-radius:12px;margin-bottom:.75rem}.media-attachment .post-taxonomy mat-form-field,.post-thumbnail .post-taxonomy mat-form-field,.post-taxonomy .post-taxonomy mat-form-field,.related-posts .post-taxonomy mat-form-field,.application-hook .post-taxonomy mat-form-field,.post-permissions .post-taxonomy mat-form-field{display:block;margin-top:.75rem}.related-posts ul,.post-permissions ul{padding:0;list-style:none}.related-posts .application-hook,.post-permissions .application-hook{display:grid;align-items:start;gap:.75rem}.related-posts .application-hook mat-form-field,.post-permissions .application-hook mat-form-field{width:min(100%,28rem)}.related-posts li,.post-permissions li{display:flex;align-items:center;justify-content:space-between;gap:.5rem}video{max-width:100%;max-height:400px!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i6.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i6.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i6.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i7.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: TaonCmsEditableDirective, selector: "[taonCmsEditable]", inputs: ["taonCmsEditableFormat", "taonCmsEditableSingleLine", "taonCmsEditable"], outputs: ["taonCmsEditableChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostComponent, decorators: [{
             type: Component,
@@ -4821,12 +5853,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                         MatCheckboxModule,
                         MatFormFieldModule,
                         MatIconModule,
+                        MatInputModule,
+                        MatChipsModule,
                         MatProgressBarModule,
                         MatRadioModule,
                         MatSelectModule,
                         TaonCmsEditableDirective,
-                    ], 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"] }] } });
+                    ], providers: [
+                        TaonCmsContentApiService,
+                        TaonPermissionApiService,
+                        TaonCmsCategoryApiService,
+                        TaonCmsTagApiService,
+                    ], template: "@if (mode() !== 'view-clean') {\n  <header class=\"post-actions\">\n    <span class=\"post-status\">{{\n      mode() === 'add' ? t.gettext('New draft') : currentPost()?.status\n    }}</span>\n    <div class=\"buttons\">\n      @if (editing()) {\n        <button\n          mat-flat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen() || !canSave()\"\n          (click)=\"save()\">\n          {{ mode() === 'add' ? t.gettext('Add') : t.gettext('Save') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"cancel()\">\n          {{ t.gettext('Cancel') }}\n        </button>\n      } @else if (currentPost()) {\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"edit()\">\n          <mat-icon>edit</mat-icon> {{ t.gettext('Edit') }}\n        </button>\n      }\n      @if (mode() !== 'add' && currentPost()) {\n        @if (canPublish()) {\n          <button\n            mat-flat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen() || (editing() && !canSave())\"\n            (click)=\"publish()\">\n            {{ t.gettext('Publish') }}\n          </button>\n        } @else {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"unpublish()\">\n            {{ t.gettext('Unpublish') }}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"revert()\">\n          <mat-icon>history</mat-icon> {{ t.gettext('Revert') }}\n        </button>\n        @if (currentPost()?.status !== 'archived') {\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"delete()\">\n            <mat-icon>delete</mat-icon> {{ t.gettext('Delete') }}\n          </button>\n        }\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"duplicate()\">\n          <mat-icon>content_copy</mat-icon> {{ t.gettext('Duplicate') }}\n        </button>\n      }\n    </div>\n    @if (busy()) {\n      <span role=\"status\">{{\n        uploading()\n          ? t.gettext('Uploading... ') + uploadProgress() + '%'\n          : t.gettext('Saving...')\n      }}</span>\n    }\n  </header>\n  @if (error()) {\n    <p\n      class=\"error\"\n      role=\"alert\">\n      {{ error() }}\n    </p>\n  }\n}\n\n<article\n  class=\"post-article\"\n  [attr.aria-busy]=\"busy()\">\n  @if (editing()) {\n    <mat-radio-group\n      class=\"post-type-selector\"\n      [attr.aria-label]=\"t.gettext('Post type')\"\n      [value]=\"draft().type\"\n      [disabled]=\"busy() || dialogOpen()\"\n      (change)=\"updateDraft('type', $event.value)\">\n      @for (type of postTypes; track type.value) {\n        <mat-radio-button [value]=\"type.value\">{{\n          type.label\n        }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    <div\n      class=\"post-title editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post title')\"\n      aria-required=\"true\"\n      [attr.data-placeholder]=\"placeholderTitle()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditableSingleLine]=\"true\"\n      [taonCmsEditable]=\"draft().title\"\n      (taonCmsEditableChange)=\"updateDraft('title', $event)\"></div>\n    <div\n      class=\"post-excerpt editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      [attr.aria-label]=\"t.gettext('Post excerpt')\"\n      aria-multiline=\"true\"\n      [attr.data-placeholder]=\"placeholderShortIntro()\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditable]=\"draft().excerpt\"\n      (taonCmsEditableChange)=\"updateDraft('excerpt', $event)\"></div>\n    <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=\"post-thumbnail\"\n      aria-labelledby=\"thumbnail-heading\">\n      <h2 id=\"thumbnail-heading\">{{ t.gettext('Thumbnail') }}</h2>\n      @if (thumbnailPreviewUrl()) {\n        <img\n          class=\"thumbnail-preview\"\n          [src]=\"thumbnailPreviewUrl()\"\n          [alt]=\"t.gettext('Post thumbnail')\" />\n      } @else {\n        <p>{{ t.gettext('No thumbnail selected.') }}</p>\n      }\n      @if (thumbnailError()) {\n        <p role=\"alert\">{{ thumbnailError() }}</p>\n      }\n      <input\n        #thumbnailInput\n        hidden\n        type=\"file\"\n        accept=\"image/*\"\n        [disabled]=\"busy() || dialogOpen()\"\n        (change)=\"thumbnailSelected($event)\" />\n      <div class=\"buttons\">\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"thumbnailInput.click()\">\n          {{ t.gettext('Upload Thumbnail') }}\n        </button>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"applyDefaultThumbnail()\">\n          {{ t.gettext('Apply Default Placeholder') }}\n        </button>\n      </div>\n    </section>\n    <section\n      class=\"post-taxonomy\"\n      aria-labelledby=\"category-heading\">\n      <h2 id=\"category-heading\">{{ t.gettext('Category and Tags') }}</h2>\n      @if (taxonomyLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading categories and tags...') }}</p>\n      }\n      @if (taxonomyError()) {\n        <p role=\"alert\">{{ taxonomyError() }}</p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy()\"\n          (click)=\"loadTaxonomy()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      }\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Category') }}</mat-label>\n        <mat-select\n          [value]=\"draft().categoryId\"\n          [disabled]=\"\n            busy() || dialogOpen() || taxonomyLoading() || !!taxonomyError()\n          \"\n          (selectionChange)=\"updateDraft('categoryId', $event.value)\">\n          <mat-option [value]=\"null\">{{ t.gettext('None') }}</mat-option>\n          @for (category of categories(); track category.id) {\n            <mat-option [value]=\"category.id\">{{ category.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <h3>{{ t.gettext('Tags') }}</h3>\n      <mat-chip-set [attr.aria-label]=\"t.gettext('Selected tags')\">\n        @for (tag of selectedTags(); track tag.id) {\n          <mat-chip\n            [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n            (removed)=\"removeTag(tag.id)\">\n            {{ tag.name }}\n            <button\n              matChipRemove\n              type=\"button\"\n              [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\"\n              [attr.aria-label]=\"\n                t.gettext('Remove tag [[ name ]]', { name: tag.name })\n              \">\n              <mat-icon>cancel</mat-icon>\n            </button>\n          </mat-chip>\n        }\n      </mat-chip-set>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Search tags') }}</mat-label>\n        <input\n          matInput\n          [value]=\"tagSearch()\"\n          (input)=\"filterTags($event)\"\n          [disabled]=\"busy() || dialogOpen() || taxonomyLoading()\" />\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{ t.gettext('Add tag') }}</mat-label>\n        <mat-select\n          [value]=\"null\"\n          [disabled]=\"\n            busy() || dialogOpen() || taxonomyLoading() || !!taxonomyError()\n          \"\n          (selectionChange)=\"addTag($event.value)\">\n          @for (tag of filteredTags(); track tag.id) {\n            <mat-option [value]=\"tag.id\">{{ tag.name }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </section>\n    <section\n      class=\"related-posts\"\n      aria-labelledby=\"related-posts-heading\">\n      <h2 id=\"related-posts-heading\">{{ t.gettext('Related posts') }}</h2>\n      @if (relatedPostsLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading related posts...') }}</p>\n      } @else if (relatedPostsError()) {\n        <p\n          class=\"error\"\n          role=\"alert\">\n          {{ relatedPostsError() }}\n        </p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"loadRelatedPosts()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      } @else {\n        <ul>\n          @for (post of relatedPosts(); track post.id) {\n            <li>\n              <span>#{{ post.id }} - {{ post.title }}</span>\n              <button\n                mat-icon-button\n                type=\"button\"\n                [attr.aria-label]=\"\n                  t.gettext('Remove related post [[ title ]]', {\n                    title: post.title,\n                  })\n                \"\n                [disabled]=\"busy() || dialogOpen()\"\n                (click)=\"removeRelatedPost(post.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>{{ t.gettext('No related posts yet.') }}</li>\n          }\n        </ul>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"addRelatedPost()\">\n          <mat-icon>add</mat-icon> {{ t.gettext('Add related post') }}\n        </button>\n      }\n    </section>\n\n    @if (!mediaAttachment()) {\n      <section\n        class=\"application-hook\"\n        aria-labelledby=\"application-hook-heading\">\n        <h2 id=\"application-hook-heading\">\n          {{ t.gettext('Application Hook') }}\n        </h2>\n        @if (applicationHooksLoading()) {\n          <p role=\"status\">{{ t.gettext('Loading application hooks...') }}</p>\n        } @else if (applicationHooksError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ applicationHooksError() }}\n          </p>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (click)=\"loadApplicationHooks()\">\n            {{ t.gettext('Try again') }}\n          </button>\n        } @else {\n          <mat-checkbox\n            [checked]=\"useAsApplicationHook()\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"setUseAsApplicationHook($event.checked)\">\n            {{ t.gettext('Use as application hook') }}\n          </mat-checkbox>\n          @if (useAsApplicationHook()) {\n            <mat-form-field\n              appearance=\"outline\"\n              subscriptSizing=\"dynamic\">\n              <mat-label>{{ t.gettext('Application Hook') }}</mat-label>\n              <mat-select\n                [value]=\"selectedApplicationHook()\"\n                [disabled]=\"busy() || dialogOpen()\"\n                (selectionChange)=\"selectedApplicationHook.set($event.value)\">\n                @for (\n                  applicationHook of applicationHooks();\n                  track applicationHook.id\n                ) {\n                  <mat-option\n                    [value]=\"applicationHook.hook\"\n                    [disabled]=\"\n                      applicationHookInUseByAnotherPost(applicationHook)\n                    \">\n                    {{ applicationHookLabel(applicationHook.hook) }}\n                    @if (applicationHookInUseByAnotherPost(applicationHook)) {\n                      {{\n                        t.gettext('(in use by post # [[ postId ]])', {\n                          postId: applicationHook.contentId,\n                        })\n                      }}\n                    }\n                  </mat-option>\n                } @empty {\n                  <mat-option [disabled]=\"true\">{{\n                    t.gettext('No application hooks configured')\n                  }}</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n          }\n        }\n      </section>\n    }\n    <section\n      class=\"post-permissions\"\n      aria-labelledby=\"post-permissions-heading\">\n      <h2 id=\"post-permissions-heading\">\n        {{ t.gettext('Allow Read only with Permissions') }}\n      </h2>\n      @if (permissionSource(); as source) {\n        <p role=\"note\">\n          {{\n            t.gettext(\n              'Permissions are inherited from # [[ postId ]] - [[ title ]]. Edit the source post to change them.',\n              { postId: source.id, title: source.title }\n            )\n          }}\n        </p>\n      }\n      @if (permissionsLoading()) {\n        <p role=\"status\">{{ t.gettext('Loading assigned permissions...') }}</p>\n      } @else if (permissionsError()) {\n        <p\n          class=\"error\"\n          role=\"alert\">\n          {{ permissionsError() }}\n        </p>\n        <button\n          mat-button\n          type=\"button\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (click)=\"loadPermissions()\">\n          {{ t.gettext('Try again') }}\n        </button>\n      } @else {\n        <ul>\n          @for (permission of permissions(); track permission.id) {\n            <li>\n              <span>{{ permission.name }} ({{ permission.code }})</span>\n              <button\n                mat-icon-button\n                type=\"button\"\n                [attr.aria-label]=\"\n                  t.gettext('Remove permission [[ name ]]', {\n                    name: permission.name,\n                  })\n                \"\n                [disabled]=\"busy() || dialogOpen() || !!permissionSource()\"\n                (click)=\"removePermission(permission.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>{{ t.gettext('No permissions assigned.') }}</li>\n          }\n        </ul>\n        @if (permissionOptionsError()) {\n          <p\n            class=\"error\"\n            role=\"alert\">\n            {{ permissionOptionsError() }}\n          </p>\n          <button\n            mat-button\n            type=\"button\"\n            [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\"\n            (click)=\"loadPermissionOptions()\">\n            {{ t.gettext('Try again') }}\n          </button>\n        } @else {\n          <div class=\"permission-assignment\">\n            <mat-form-field\n              appearance=\"outline\"\n              subscriptSizing=\"dynamic\">\n              <mat-label>{{ t.gettext('Permission') }}</mat-label>\n              <mat-select\n                [value]=\"selectedPermissionId()\"\n                [disabled]=\"\n                  busy() ||\n                  dialogOpen() ||\n                  permissionOptionsLoading() ||\n                  !!permissionSource()\n                \"\n                (selectionChange)=\"selectedPermissionId.set($event.value)\">\n                @for (\n                  permission of availablePermissions();\n                  track permission.id\n                ) {\n                  <mat-option [value]=\"permission.id\"\n                    >{{ permission.name }} ({{ permission.code }})</mat-option\n                  >\n                } @empty {\n                  <mat-option [disabled]=\"true\">{{\n                    t.gettext('No permissions available')\n                  }}</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n            <button\n              mat-button\n              type=\"button\"\n              [disabled]=\"\n                busy() ||\n                dialogOpen() ||\n                !selectedPermissionId() ||\n                !!permissionSource()\n              \"\n              (click)=\"addPermission()\">\n              <mat-icon>add</mat-icon> {{ t.gettext('Assign permission') }}\n            </button>\n          </div>\n        }\n      }\n      @if (!permissionSource()) {\n        <mat-checkbox\n          [checked]=\"applyPermissionsToRelatedPosts()\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (change)=\"applyPermissionsToRelatedPosts.set($event.checked)\">\n          {{ t.gettext('Apply permissions to related posts') }}\n        </mat-checkbox>\n      }\n    </section>\n  } @else if (currentPost(); as post) {\n    @if (thumbnailPreviewUrl()) {\n      <img\n        class=\"thumbnail-preview\"\n        [src]=\"thumbnailPreviewUrl()\"\n        [alt]=\"t.gettext('Post thumbnail')\" />\n    }\n    @if (thumbnailError()) {\n      <p role=\"alert\">{{ thumbnailError() }}</p>\n    }\n    <h1 class=\"post-title\">{{ post.title }}</h1>\n    @if (post.excerpt) {\n      <p class=\"post-excerpt\">{{ post.excerpt }}</p>\n    }\n    <div\n      class=\"post-body\"\n      [innerHTML]=\"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,.post-thumbnail,.post-taxonomy,.related-posts,.application-hook,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.post-thumbnail h2,.post-taxonomy h2,.related-posts h2,.application-hook h2,.post-permissions h2{font-size:1rem}.media-attachment .thumbnail-preview,.post-thumbnail .thumbnail-preview,.post-taxonomy .thumbnail-preview,.related-posts .thumbnail-preview,.application-hook .thumbnail-preview,.post-permissions .thumbnail-preview{display:block;width:min(100%,480px);max-height:320px;object-fit:contain;border-radius:12px;margin-bottom:.75rem}.media-attachment .post-taxonomy mat-form-field,.post-thumbnail .post-taxonomy mat-form-field,.post-taxonomy .post-taxonomy mat-form-field,.related-posts .post-taxonomy mat-form-field,.application-hook .post-taxonomy mat-form-field,.post-permissions .post-taxonomy mat-form-field{display:block;margin-top:.75rem}.related-posts ul,.post-permissions ul{padding:0;list-style:none}.related-posts .application-hook,.post-permissions .application-hook{display:grid;align-items:start;gap:.75rem}.related-posts .application-hook mat-form-field,.post-permissions .application-hook mat-form-field{width:min(100%,28rem)}.related-posts li,.post-permissions li{display:flex;align-items:center;justify-content:space-between;gap:.5rem}video{max-width:100%;max-height:400px!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { post: [{ type: i0.Input, args: [{ isSignal: true, alias: "post", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], changed: [{ type: i0.Output, args: ["changed"] }], deleted: [{ type: i0.Output, args: ["deleted"] }], duplicated: [{ type: i0.Output, args: ["duplicated"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
 
 var taonCmsPost_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -4857,23 +5896,46 @@ 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-websql-taon-cms-post-details-page.component.ts.en-US.i18n.data-CzHUdCUx.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-post-details-page.component.ts.pl-PL.i18n.data-BGjfwt-R.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-post-details-page.component.ts.de-DE.i18n.data-C3nWxKN2.mjs')).default } });
+const t$2 = Translation.for('src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts', { "src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-post-details-page.component.ts.en-US.i18n.data-BHclr-Mp.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-post-details-page.component.ts.pl-PL.i18n.data-CP6e8qJA.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-post-details-page.component.ts.de-DE.i18n.data-Bgztmv1T.mjs')).default } });
 class TaonCmsPostDetailsPageComponent {
     constructor() {
-        this.t = t$3.for(this);
-        this.post$ = inject(ActivatedRoute).data.pipe(map$1(data => data['post']));
+        this.t = t$2.for(this);
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.page$ = this.route.data.pipe(map$1(data => ({
+            create: data['createPost'] === true,
+            post: data['post'] ?? null,
+        })));
+    }
+    onChanged(post, create) {
+        if (create) {
+            this.openPost(post);
+        }
+    }
+    openPost(post) {
+        void this.router.navigate(['../', post.id], { relativeTo: this.route });
+    }
+    onCancelled(create) {
+        if (create) {
+            void this.router.navigate(['../'], { relativeTo: this.route });
+        }
     }
     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) {
+    @if (page$ | async; as page) {
       <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 }); }
+      <taon-cms-post
+        [post]="page.post"
+        [mode]="page.create ? 'add' : 'view'"
+        (changed)="onChanged($event, page.create)"
+        (duplicated)="openPost($event)"
+        (cancelled)="onCancelled(page.create)" />
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: TaonCmsPostComponent, selector: "taon-cms-post", inputs: ["post", "mode"], outputs: ["modeChange", "changed", "deleted", "duplicated", "cancelled"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostDetailsPageComponent, decorators: [{
             type: Component,
@@ -4882,13 +5944,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [AsyncPipe, MatButtonModule, RouterLink, TaonCmsPostComponent],
                     template: `
-    @if (post$ | async; as post) {
+    @if (page$ | async; as page) {
       <a
         mat-button
         routerLink="../"
         >{{ t.gettext('Back to Posts') }}</a
       >
-      <taon-cms-post [post]="post"></taon-cms-post>
+      <taon-cms-post
+        [post]="page.post"
+        [mode]="page.create ? 'add' : 'view'"
+        (changed)="onChanged($event, page.create)"
+        (duplicated)="openPost($event)"
+        (cancelled)="onCancelled(page.create)" />
     }
   `,
                 }]
@@ -4899,39 +5966,9 @@ 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-websql-taon-cms-post-edit-dialog.component.html.en-US.i18n.data-Z28o4CQK.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-post-edit-dialog.component.html.pl-PL.i18n.data-Buh1Pgyd.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-post-edit-dialog.component.ts.en-US.i18n.data-CNV_wiqy.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-post-edit-dialog.component.ts.pl-PL.i18n.data-B3XPzty6.mjs')).default, "de-DE": async () => (await import('./cms-websql-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();
-        this.ref = inject((MatDialogRef));
-    }
-    close() {
-        if (!this.editor()?.busy() && !this.editor()?.dialogOpen()) {
-            this.ref.close();
-        }
-    }
-    deleted(post) {
-        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>\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>\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-websql-taon-cms-posts-backoffice.component.html.en-US.i18n.data-IKL7BZHV.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.html.pl-PL.i18n.data-BCMo1HVU.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-posts-backoffice.component.ts.en-US.i18n.data-C2t8zwda.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.ts.pl-PL.i18n.data-Xehy4KUW.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-posts-backoffice.routes.ts.en-US.i18n.data-ayYFXvcP.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-posts-backoffice.routes.ts.pl-PL.i18n.data-BZf6TtRS.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-posts-backoffice.routes.ts.de-DE.i18n.data-CSwq8etN.mjs')).default } });
+const t$1 = Translation.for('src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.ts', { "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.html": { "en-US": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.html.en-US.i18n.data-MKa7Bg7x.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.html.pl-PL.i18n.data-CgoD8Vbu.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.html.de-DE.i18n.data-D2WxrzSb.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.ts.en-US.i18n.data-aSYNKmBN.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.ts.pl-PL.i18n.data-BWSMhDtu.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.ts.de-DE.i18n.data-l5tJy98a.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-posts-backoffice.routes.ts.en-US.i18n.data-B8Dx0w7R.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-posts-backoffice.routes.ts.pl-PL.i18n.data-Cb6fpkBc.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-posts-backoffice.routes.ts.de-DE.i18n.data-BdZ28aPt.mjs')).default } });
 class TaonCmsPostsBackofficeComponent {
     constructor() {
         this.t = t$1.for(this);
@@ -4939,12 +5976,12 @@ class TaonCmsPostsBackofficeComponent {
         this.posts = signal([], ...(ngDevMode ? [{ debugName: "posts" }] : []));
         this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
         this.deleting = signal(null, ...(ngDevMode ? [{ debugName: "deleting" }] : []));
+        this.duplicating = signal(false, ...(ngDevMode ? [{ debugName: "duplicating" }] : []));
         this.error = signal('', ...(ngDevMode ? [{ debugName: "error" }] : []));
         this.dialog = inject(MatDialog);
         this.route = inject(ActivatedRoute);
         this.router = inject(Router);
         this.destroyRef = inject(DestroyRef);
-        this.cancelLoad$ = new Subject();
         this.columns = [
             { header: 'ID', field: 'id', sortable: true },
             { header: this.t.gettext('Title'), field: 'title', sortable: true },
@@ -4956,9 +5993,10 @@ class TaonCmsPostsBackofficeComponent {
                 buttons: [
                     {
                         type: 'icon',
-                        icon: 'edit',
-                        tooltip: this.t.gettext('Edit post'),
-                        click: (post) => this.edit(post),
+                        icon: 'content_copy',
+                        tooltip: this.t.gettext('Duplicate post'),
+                        disabled: () => this.duplicating(),
+                        click: (post) => this.duplicate(post),
                     },
                     {
                         type: 'icon',
@@ -4987,18 +6025,35 @@ class TaonCmsPostsBackofficeComponent {
         this.reload();
     }
     add() {
-        this.openEditor({ mode: 'add' });
-    }
-    edit(post) {
-        this.openEditor({ mode: 'edit', post });
+        this.openPost('new');
     }
     openDetails(post) {
+        this.openPost(post.id);
+    }
+    openPost(id) {
         const postsRoute = this.route.parent;
         if (!postsRoute) {
             this.error.set(this.t.gettext('The Post details route is unavailable.'));
             return;
         }
-        void this.router.navigate([post.id], { relativeTo: postsRoute });
+        void this.router.navigate([id], { relativeTo: postsRoute });
+    }
+    duplicate(post) {
+        if (this.duplicating()) {
+            return;
+        }
+        this.duplicating.set(true);
+        this.error.set('');
+        this.taonCmsContentApiService
+            .duplicateContent(post.id)
+            .pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.duplicating.set(false)))
+            .subscribe({
+            next: duplicate => this.openDetails(duplicate),
+            error: (error) => {
+                console.error('[taon-cms-posts-backoffice] Unable to duplicate post', error);
+                this.error.set(this.t.gettext('The post could not be duplicated. Please try again.'));
+            },
+        });
     }
     delete(post) {
         if (this.deleting() !== null || post.status === 'archived') {
@@ -5033,20 +6088,6 @@ class TaonCmsPostsBackofficeComponent {
             });
         });
     }
-    openEditor(data) {
-        const ref = this.dialog.open(TaonCmsPostEditDialogComponent, {
-            data,
-            width: '100vw',
-            height: '100dvh',
-            maxWidth: '100vw',
-            maxHeight: '100dvh',
-            disableClose: true,
-            autoFocus: 'first-tabbable',
-        });
-        ref.componentInstance.changed
-            .pipe(takeUntil(ref.afterClosed()), takeUntilDestroyed(this.destroyRef))
-            .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>{{ 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 }); }
 }
@@ -5065,7 +6106,7 @@ var taonCmsPostsBackoffice_component = /*#__PURE__*/Object.freeze({
 
 //#region imports
 //#endregion
-const t = Translation.for('src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts', { "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.html": { "en-US": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.html.en-US.i18n.data-IKL7BZHV.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.html.pl-PL.i18n.data-BCMo1HVU.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-posts-backoffice.component.ts.en-US.i18n.data-C2t8zwda.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.ts.pl-PL.i18n.data-Xehy4KUW.mjs')).default, "de-DE": async () => (await import('./cms-websql-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-websql-taon-cms-posts-backoffice.routes.ts.en-US.i18n.data-ayYFXvcP.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-posts-backoffice.routes.ts.pl-PL.i18n.data-BZf6TtRS.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-posts-backoffice.routes.ts.de-DE.i18n.data-CSwq8etN.mjs')).default } });
+const t = Translation.for('src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts', { "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.html": { "en-US": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.html.en-US.i18n.data-MKa7Bg7x.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.html.pl-PL.i18n.data-CgoD8Vbu.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.html.de-DE.i18n.data-D2WxrzSb.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.component.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.ts.en-US.i18n.data-aSYNKmBN.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.ts.pl-PL.i18n.data-BWSMhDtu.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-posts-backoffice.component.ts.de-DE.i18n.data-l5tJy98a.mjs')).default }, "src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-posts-backoffice.routes.ts": { "en-US": async () => (await import('./cms-websql-taon-cms-posts-backoffice.routes.ts.en-US.i18n.data-B8Dx0w7R.mjs')).default, "pl-PL": async () => (await import('./cms-websql-taon-cms-posts-backoffice.routes.ts.pl-PL.i18n.data-Cb6fpkBc.mjs')).default, "de-DE": async () => (await import('./cms-websql-taon-cms-posts-backoffice.routes.ts.de-DE.i18n.data-BdZ28aPt.mjs')).default } });
 const resolvePost = async (route) => {
     const id = Number(route.paramMap.get('id'));
     if (!Number.isSafeInteger(id) || id <= 0) {
@@ -5084,6 +6125,11 @@ const TaonCmsPostsBackofficeRoutes = [
         pathMatch: 'full',
         loadComponent: () => Promise.resolve().then(function () { return taonCmsPostsBackoffice_component; }).then(m => m.TaonCmsPostsBackofficeComponent),
     },
+    {
+        path: 'new',
+        data: { hideInNavigation: true, createPost: true },
+        loadComponent: () => Promise.resolve().then(function () { return taonCmsPostDetailsPage_component; }).then(m => m.TaonCmsPostDetailsPageComponent),
+    },
     {
         path: ':id',
         data: { hideInNavigation: true },
@@ -5117,6 +6163,7 @@ var index$1 = /*#__PURE__*/Object.freeze({
     CURRENT_PACKAGE_VERSION: CURRENT_PACKAGE_VERSION,
     get CmsContext_1791132517217_initial () { return CmsContext_1791132517217_initial; },
     get CmsContext_1792579000000_postPermissionInheritance () { return CmsContext_1792579000000_postPermissionInheritance; },
+    get CmsContext_1793043000000_postThumbnails () { return CmsContext_1793043000000_postThumbnails; },
     MIGRATIONS_CLASSES_FOR_CmsContext: MIGRATIONS_CLASSES_FOR_CmsContext,
     PROJECT_NPM_NAME: PROJECT_NPM_NAME,
     get TaonAuthContextEntity () { return TaonAuthContextEntity; },
@@ -5130,6 +6177,7 @@ var index$1 = /*#__PURE__*/Object.freeze({
     TaonCmsAssetsBackofficeRoutes: TaonCmsAssetsBackofficeRoutes,
     TaonCmsBackofficeComponent: TaonCmsBackofficeComponent,
     TaonCmsBackofficeRoutes: TaonCmsBackofficeRoutes,
+    TaonCmsCategoriesBackofficeRoutes: TaonCmsCategoriesBackofficeRoutes,
     TaonCmsCategoryAbstractContext: TaonCmsCategoryAbstractContext,
     TaonCmsCategoryApiService: TaonCmsCategoryApiService,
     get TaonCmsCategoryController () { return TaonCmsCategoryController; },
@@ -5213,7 +6261,6 @@ var index$1 = /*#__PURE__*/Object.freeze({
     TaonCmsEditableDirective: TaonCmsEditableDirective,
     TaonCmsPostComponent: TaonCmsPostComponent,
     TaonCmsPostDetailsPageComponent: TaonCmsPostDetailsPageComponent,
-    TaonCmsPostEditDialogComponent: TaonCmsPostEditDialogComponent,
     TaonCmsPostRoutes: TaonCmsPostRoutes,
     TaonCmsPostsBackofficeComponent: TaonCmsPostsBackofficeComponent,
     TaonCmsPostsBackofficeRoutes: TaonCmsPostsBackofficeRoutes,
@@ -5229,22 +6276,30 @@ var index$1 = /*#__PURE__*/Object.freeze({
     get TaonCmsTagState () { return TaonCmsTagState; },
     get TaonCmsTagSubscriber () { return TaonCmsTagSubscriber; },
     get TaonCmsTagUtils () { return TaonCmsTagUtils; },
+    TaonCmsTagsBackofficeRoutes: TaonCmsTagsBackofficeRoutes,
+    TaonCmsTaxonomyBackofficeComponent: TaonCmsTaxonomyBackofficeComponent,
     TaonRelatedPostChooserComponent: TaonRelatedPostChooserComponent,
     TaonSessionCoreGroups: TaonSessionCoreGroups,
     TaonSessionCorePermissions: TaonSessionCorePermissions,
     TaonSessionCoreRoles: TaonSessionCoreRoles,
     contentError: contentError,
     default: index,
+    defaultThumbnailKey: defaultThumbnailKey,
+    defaultThumbnailUrl: defaultThumbnailUrl,
+    generateVideoThumbnail: generateVideoThumbnail,
     requireContentId: requireContentId,
     requireContentVersion: requireContentVersion,
     startCli: startCli,
     trackCmsUpload: trackCmsUpload,
-    validateContentInput: validateContentInput
+    validateCategoryHierarchy: validateCategoryHierarchy,
+    validateContentInput: validateContentInput,
+    validateTaxonomy: validateTaxonomy,
+    visiblePixelRatio: visiblePixelRatio
 });
 
 /**
  * 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, 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 };
+export { APP_ID, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, CmsContext_1791132517217_initial, CmsContext_1792579000000_postPermissionInheritance, CmsContext_1793043000000_postThumbnails, MIGRATIONS_CLASSES_FOR_CmsContext, PROJECT_NPM_NAME, TaonAuthContextEntity, TaonAuthContextHasAccess, TaonAuthContextRepository, TaonCmsAbstractContext, TaonCmsApplicationHook, TaonCmsApplicationHookEntity, TaonCmsAssetPreviewComponent, TaonCmsAssetsBackofficeComponent, TaonCmsAssetsBackofficeRoutes, TaonCmsBackofficeComponent, TaonCmsBackofficeRoutes, TaonCmsCategoriesBackofficeRoutes, 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, TaonCmsPostRoutes, TaonCmsPostsBackofficeComponent, TaonCmsPostsBackofficeRoutes, TaonCmsRevisionChooserComponent, TaonCmsTagAbstractContext, TaonCmsTagApiService, TaonCmsTagController, TaonCmsTagDefaultsValues, TaonCmsTagEntity, TaonCmsTagMiddleware, TaonCmsTagProvider, TaonCmsTagRepository, TaonCmsTagState, TaonCmsTagSubscriber, TaonCmsTagUtils, TaonCmsTagsBackofficeRoutes, TaonCmsTaxonomyBackofficeComponent, TaonRelatedPostChooserComponent, TaonSessionCoreGroups, TaonSessionCorePermissions, TaonSessionCoreRoles, contentError, defaultThumbnailKey, defaultThumbnailUrl, generateVideoThumbnail, requireContentId, requireContentVersion, startCli, trackCmsUpload, validateCategoryHierarchy, validateContentInput, validateTaxonomy, visiblePixelRatio };
 //# sourceMappingURL=cms-websql.mjs.map