@taon-dev/cms 21.0.14 → 21.0.16

package/websql/fesm2022/cms-websql.mjs

@@ -1,127 +1,308 @@
 import { __decorate, __metadata, __param } from 'tslib';
-import { TaonAuthContextRepository, TaonPermissionEntity, TaonSessionAbstractContext, TaonPermissionApiService } from '@taon-dev/session/websql';
-import { TaonBaseMigration, TaonMigration, TaonBaseAbstractEntity, Column, TaonEntity, Taon, TaonBaseRepository, TaonRepository, TaonBaseCrudController, TaonController, TaonBaseProvider, TaonProvider, TaonBaseMiddleware, TaonMiddleware, TaonBaseSubscriberForEntity, TaonSubscriber, createContext, TaonBaseContext, TaonBaseEntity, PrimaryGeneratedColumn, ClassHelpers, GET, Query, ManyToMany, JoinTable, POST, Body, PUT, DELETE, TaonBaseStorageController, TaonBaseAngularService } from 'taon/websql';
-import { Translation } from '@taon-dev/i18n/websql';
+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, POST, Body, PUT, DELETE, TaonBaseStorageController, 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, TaonSessionAbstractContext, TaonPermissionApiService } from '@taon-dev/session/websql';
+import { Table, Raw, In } from 'taon-typeorm/websql';
 import { UtilsJson } from 'tnp-core/websql';
 import { BaseCommandLineFeature } from 'tnp-helpers/websql';
 import * as i0 from '@angular/core';
 import { Injectable, ChangeDetectionStrategy, Component, inject, ElementRef, EventEmitter, SecurityContext, HostListener, Input, Output, Directive, signal, DestroyRef, computed, input, model, output, effect, untracked, viewChild, ViewChild } from '@angular/core';
-import { Raw, In } from 'taon-typeorm/websql';
 import { MtxGrid } from '@ng-matero/extensions/grid';
 import { AsyncPipe, DatePipe } from '@angular/common';
 import { RouterOutlet, ActivatedRoute, RouterLink, Router } from '@angular/router';
-import { adminLazyRoute, TaonConfirmDialogComponent, TaonDatatableComponent } from '@taon-dev/ui/websql';
-import { map } from 'rxjs/operators';
+import { adminLazyRoute as adminLazyRoute$1, TaonConfirmDialogComponent, TaonDatatableComponent } from '@taon-dev/ui/websql';
+import { map, catchError } from 'rxjs/operators';
+import { of, finalize, map as map$1, Subject, takeUntil } from 'rxjs';
 import { DomSanitizer } from '@angular/platform-browser';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
+import * as i2$1 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i2 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule, MatDialog } from '@angular/material/dialog';
-import * as i2$1 from '@angular/material/form-field';
+import * as i3$1 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i3$1 from '@angular/material/icon';
+import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i3 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
-import * as i5 from '@angular/material/select';
+import * as i6 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
-import { finalize, map as map$1, Subject, takeUntil } from 'rxjs';
+
+let TaonCmsApplicationHookEntity = class TaonCmsApplicationHookEntity extends TaonBaseEntity {
+};
+__decorate([
+    PrimaryGeneratedColumn(),
+    __metadata("design:type", Number)
+], TaonCmsApplicationHookEntity.prototype, "id", void 0);
+__decorate([
+    Column({ type: 'varchar', unique: true }),
+    __metadata("design:type", String)
+], TaonCmsApplicationHookEntity.prototype, "hook", void 0);
+__decorate([
+    Column({ type: 'integer', nullable: true, unique: true }),
+    __metadata("design:type", Number)
+], TaonCmsApplicationHookEntity.prototype, "contentId", void 0);
+__decorate([
+    OneToOne(() => TaonCmsContentEntity, content => content.applicationHook, { nullable: true, onDelete: 'SET NULL' }),
+    JoinColumn({ name: 'contentId', referencedColumnName: 'id' }),
+    __metadata("design:type", TaonCmsContentEntity)
+], TaonCmsApplicationHookEntity.prototype, "content", void 0);
+TaonCmsApplicationHookEntity = __decorate([
+    TaonEntity({
+        className: 'TaonCmsApplicationHookEntity',
+        createTable: true,
+    })
+], TaonCmsApplicationHookEntity);
+
+var TaonCmsContentType;
+(function (TaonCmsContentType) {
+    TaonCmsContentType["Normal"] = "normal";
+    TaonCmsContentType["Video"] = "video";
+    TaonCmsContentType["Audio"] = "audio";
+    TaonCmsContentType["Attachment"] = "attachment";
+})(TaonCmsContentType || (TaonCmsContentType = {}));
+var TaonCmsContentState;
+(function (TaonCmsContentState) {
+    TaonCmsContentState["Active"] = "active";
+    TaonCmsContentState["Inactive"] = "inactive";
+})(TaonCmsContentState || (TaonCmsContentState = {}));
+
+//#endregion
+let TaonCmsContentEntity = class TaonCmsContentEntity extends TaonBaseEntity {
+    constructor() {
+        super(...arguments);
+        //#region @websql
+        this.type = TaonCmsContentType.Normal;
+        //#region @websql
+        this.videoKey = null;
+        //#region @websql
+        this.audioKey = null;
+        //#region @websql
+        this.attachmentKey = null;
+    }
+};
+__decorate([
+    PrimaryGeneratedColumn()
+    //#endregion
+    ,
+    __metadata("design:type", Number)
+], TaonCmsContentEntity.prototype, "id", void 0);
+__decorate([
+    Column({ type: 'integer', default: 0 })
+    //#endregion
+    ,
+    __metadata("design:type", Number)
+], TaonCmsContentEntity.prototype, "version", void 0);
+__decorate([
+    Column({ type: 'varchar', default: TaonCmsContentType.Normal })
+    //#endregion
+    ,
+    __metadata("design:type", String)
+], TaonCmsContentEntity.prototype, "type", void 0);
+__decorate([
+    Column({ type: 'varchar' })
+    //#endregion
+    ,
+    __metadata("design:type", String)
+], TaonCmsContentEntity.prototype, "title", void 0);
+__decorate([
+    Column({ type: 'varchar', unique: true })
+    //#endregion
+    ,
+    __metadata("design:type", String)
+], TaonCmsContentEntity.prototype, "slug", void 0);
+__decorate([
+    ManyToMany(() => TaonCmsContentEntity),
+    JoinTable({
+        name: 'taon_cms_related_posts',
+        joinColumn: { name: 'contentId', referencedColumnName: 'id' },
+        inverseJoinColumn: { name: 'relatedPostId', referencedColumnName: 'id' },
+    })
+    //#endregion
+    ,
+    __metadata("design:type", Array)
+], TaonCmsContentEntity.prototype, "relatedPosts", void 0);
+__decorate([
+    OneToOne(() => TaonCmsApplicationHookEntity, applicationHook => applicationHook.content)
+    //#endregion
+    ,
+    __metadata("design:type", TaonCmsApplicationHookEntity)
+], TaonCmsContentEntity.prototype, "applicationHook", void 0);
+__decorate([
+    ManyToMany(() => TaonPermissionEntity),
+    JoinTable({
+        name: 'taon_cms_content_permissions',
+        joinColumn: { name: 'contentId', referencedColumnName: 'id' },
+        inverseJoinColumn: { name: 'permissionId', referencedColumnName: 'id' },
+    })
+    //#endregion
+    ,
+    __metadata("design:type", Array)
+], TaonCmsContentEntity.prototype, "permissions", void 0);
+__decorate([
+    Column({ type: 'text', nullable: true })
+    //#endregion
+    ,
+    __metadata("design:type", String)
+], TaonCmsContentEntity.prototype, "excerpt", void 0);
+__decorate([
+    Column({ type: 'text', nullable: true })
+    //#endregion
+    ,
+    __metadata("design:type", String)
+], TaonCmsContentEntity.prototype, "body", void 0);
+__decorate([
+    Column({ type: 'varchar', nullable: true })
+    //#endregion
+    ,
+    __metadata("design:type", String)
+], TaonCmsContentEntity.prototype, "videoKey", void 0);
+__decorate([
+    Column({ type: 'varchar', nullable: true })
+    //#endregion
+    ,
+    __metadata("design:type", String)
+], TaonCmsContentEntity.prototype, "audioKey", void 0);
+__decorate([
+    Column({ type: 'varchar', nullable: true })
+    //#endregion
+    ,
+    __metadata("design:type", String)
+], TaonCmsContentEntity.prototype, "attachmentKey", void 0);
+__decorate([
+    Column({ type: 'integer', nullable: true })
+    //#endregion
+    ,
+    __metadata("design:type", Number)
+], TaonCmsContentEntity.prototype, "categoryId", void 0);
+__decorate([
+    Column({ type: 'integer', nullable: true })
+    //#endregion
+    ,
+    __metadata("design:type", Number)
+], TaonCmsContentEntity.prototype, "authorUserId", void 0);
+__decorate([
+    Column({ type: 'varchar', default: 'draft' })
+    //#endregion
+    ,
+    __metadata("design:type", String)
+], TaonCmsContentEntity.prototype, "status", void 0);
+__decorate([
+    Column({ type: 'datetime', nullable: true })
+    //#endregion
+    ,
+    __metadata("design:type", Date)
+], TaonCmsContentEntity.prototype, "publishedAt", void 0);
+__decorate([
+    Column({ type: 'datetime' })
+    //#endregion
+    ,
+    __metadata("design:type", Date)
+], TaonCmsContentEntity.prototype, "createdAt", void 0);
+__decorate([
+    Column({ type: 'datetime' })
+    //#endregion
+    ,
+    __metadata("design:type", Date)
+], TaonCmsContentEntity.prototype, "updatedAt", void 0);
+TaonCmsContentEntity = __decorate([
+    TaonEntity({
+        className: 'TaonCmsContentEntity',
+        createTable: true,
+    })
+], TaonCmsContentEntity);
+
+const TaonCmsApplicationHook = {
+    HOME_HERO: 'home-hero',
+    HOME_FEATURED_POST: 'home-featured-post',
+    SHOP_PROMOTION: 'shop-promotion',
+    LOGIN_INFO: 'login-info',
+    FOOTER_ABOUT: 'footer-about',
+};
 
 //#region Migration class for context "CmsContext"
-let CmsContext_1791132517216_initial = class CmsContext_1791132517216_initial extends TaonBaseMigration {
+let CmsContext_1792506757808_applicaitonHooks = class CmsContext_1792506757808_applicaitonHooks extends TaonBaseMigration {
     constructor() {
         super(...arguments);
-        this.taonAuthContextRepository = this.injectCustomRepo((TaonAuthContextRepository));
-        //#endregion
+        this.APPLICATION_HOOK_TABLE = ClassHelpers.getName(TaonCmsApplicationHookEntity);
+        this.CONTENT_TABLE = ClassHelpers.getName(TaonCmsContentEntity);
     }
     //#region up
     async up(queryRunner) {
-        // await queryRunner.startTransaction();
+        await queryRunner.startTransaction();
         try {
-            //   await this.taonAuthContextRepository.persistTree({
-            //     enums: {
-            //       groups: MyAppGroup,
-            //       roles: MyAppRole,
-            //       permissions: MyAppPermission,
-            //     },
-            //     tree: {
-            //       groupAndRoles: {
-            //         [MyAppGroup.Administrator]: '*',
-            //         [MyAppGroup.Customers]: [MyAppRole.BlogReader],
-            //       },
-            //       rolesAndPermissions: {
-            //         [MyAppRole.Customer]: [
-            //           MyAppPermission.AccessCourseP2,
-            //           MyAppPermission.AccessCourseP2,
-            //         ],
-            //         [MyAppRole.CustomerPremium]: '*',
-            //       },
-            //     },
-            //   });
-            // await queryRunner.commitTransaction();
+            if (!(await queryRunner.hasTable(this.APPLICATION_HOOK_TABLE))) {
+                await queryRunner.createTable(new Table({
+                    name: this.APPLICATION_HOOK_TABLE,
+                    columns: [
+                        {
+                            name: 'id',
+                            type: 'integer',
+                            isPrimary: true,
+                            isGenerated: true,
+                            generationStrategy: 'increment',
+                        },
+                        { name: 'hook', type: 'varchar', isUnique: true },
+                        {
+                            name: 'contentId',
+                            type: 'integer',
+                            isNullable: true,
+                            isUnique: true,
+                        },
+                    ],
+                    foreignKeys: [
+                        {
+                            columnNames: ['contentId'],
+                            referencedTableName: this.CONTENT_TABLE,
+                            referencedColumnNames: ['id'],
+                            onDelete: 'SET NULL',
+                        },
+                    ],
+                }), true);
+            }
+            await this.persistApplicationHooks(queryRunner);
+            await queryRunner.commitTransaction();
         }
         catch (error) {
             console.error('Error in migration:', error);
             await queryRunner.rollbackTransaction();
-        }
-        finally {
-            await queryRunner.release();
+            throw error;
         }
     }
     //#endregion
     //#region down
     async down(queryRunner) {
-        await queryRunner.startTransaction();
-        try {
-            await this.taonAuthContextRepository.clearRolesGroupPermissions();
-            await queryRunner.commitTransaction();
-        }
-        catch (error) {
-            console.error('Error in migration:', error);
-            await queryRunner.rollbackTransaction();
+        if (await queryRunner.hasTable(this.APPLICATION_HOOK_TABLE)) {
+            await queryRunner.dropTable(this.APPLICATION_HOOK_TABLE, true);
         }
-        finally {
-            await queryRunner.release();
+    }
+    //#endregion
+    async persistApplicationHooks(queryRunner) {
+        const repository = queryRunner.manager.getRepository(TaonCmsApplicationHookEntity);
+        for (const hook of Object.values(TaonCmsApplicationHook)) {
+            if (!(await repository.findOneBy({ hook }))) {
+                await repository.save(repository.create({ hook, contentId: null }));
+            }
         }
     }
 };
-CmsContext_1791132517216_initial = __decorate([
+CmsContext_1792506757808_applicaitonHooks = __decorate([
     TaonMigration({
-        className: 'CmsContext_1791132517216_initial',
+        className: 'CmsContext_1792506757808_applicaitonHooks',
     })
-], CmsContext_1791132517216_initial);
+], CmsContext_1792506757808_applicaitonHooks);
 //#endregion
 
 // THIS FILE IS GENERATED - DO NOT MODIFY
 // THIS FILE IS GENERATED - DO NOT MODIFY
 const MIGRATIONS_CLASSES_FOR_CmsContext = {
-    /* 04-10-2026 18:48:37 */ CmsContext_1791132517216_initial,
+    /* 20-10-2026 16:32:37 */ CmsContext_1792506757808_applicaitonHooks,
 };
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 //@ts-nocheck
 
-var MyAppGroup;
-(function (MyAppGroup) {
-    MyAppGroup["Administrator"] = "administrator";
-    MyAppGroup["Customers"] = "customers";
-})(MyAppGroup || (MyAppGroup = {}));
-var MyAppRole;
-(function (MyAppRole) {
-    MyAppRole["MangePosts"] = "manage-posts";
-    MyAppRole["Customer"] = "Customer";
-    MyAppRole["CustomerPremium"] = "CustomerPremium";
-    MyAppRole["BlogReader"] = "BlogReader";
-})(MyAppRole || (MyAppRole = {}));
-var MyAppPermission;
-(function (MyAppPermission) {
-    MyAppPermission["AccessToAllEmails"] = "AccessToAllEmails";
-    MyAppPermission["AccessCourseP1"] = "AccessCourseP1";
-    MyAppPermission["AccessCourseP2"] = "AccessCourseP2";
-    MyAppPermission["AccessCoursePremium"] = "AccessCoursePremium";
-})(MyAppPermission || (MyAppPermission = {}));
-
 // THIS FILE IS GENERATED - DO NOT MODIFY
 /**
  *  Autogenerated by current cli tool
@@ -146,14 +327,9 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '21.0.14';
+const CURRENT_PACKAGE_VERSION = '21.0.16';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
-const t = Translation.for('src/lib/my-organization-proj.ts', { "src/lib/my-organization-proj.ts": { "en-US": async () => (await import('./cms-websql-my-organization-proj.ts.en-US.i18n.data-BnqooYnv.mjs')).default, "pl-PL": async () => (await import('./cms-websql-my-organization-proj.ts.pl-PL.i18n.data-wMy6Ze3w.mjs')).default } });
-function myOrgProj() {
-    t.gettext('My Translated Company Name!');
-}
-
 //#region tnp-helpers cli template
 /* */
 //#endregion
@@ -283,19 +459,6 @@ TaonCmsCategoryEntity = __decorate([
     })
 ], TaonCmsCategoryEntity);
 
-var TaonCmsContentType;
-(function (TaonCmsContentType) {
-    TaonCmsContentType["Normal"] = "normal";
-    TaonCmsContentType["Video"] = "video";
-    TaonCmsContentType["Audio"] = "audio";
-    TaonCmsContentType["Attachment"] = "attachment";
-})(TaonCmsContentType || (TaonCmsContentType = {}));
-var TaonCmsContentState;
-(function (TaonCmsContentState) {
-    TaonCmsContentState["Active"] = "active";
-    TaonCmsContentState["Inactive"] = "inactive";
-})(TaonCmsContentState || (TaonCmsContentState = {}));
-
 function contentError(message, status = 400) {
     Taon.error({ message, status });
     throw new Error(message);
@@ -1112,144 +1275,100 @@ const TaonCmsTagAbstractContext = createContext(() => ({
     subscribers: { TaonCmsTagSubscriber },
 }));
 
-//#endregion
-let TaonCmsContentEntity = class TaonCmsContentEntity extends TaonBaseEntity {
+//#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',
+};
+const TaonSessionCorePermissions = {
+    ...TaonSessionCorePermissions$1,
+};
+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);
-        //#region @websql
-        this.type = TaonCmsContentType.Normal;
-        //#region @websql
-        this.videoKey = null;
-        //#region @websql
-        this.audioKey = null;
-        //#region @websql
-        this.attachmentKey = null;
+        // @ts-ignore
+        this.entityClassResolveFn = () => TaonAuthContextEntity;
     }
 };
-__decorate([
-    PrimaryGeneratedColumn()
-    //#endregion
-    ,
-    __metadata("design:type", Number)
-], TaonCmsContentEntity.prototype, "id", void 0);
-__decorate([
-    Column({ type: 'integer', default: 0 })
-    //#endregion
-    ,
-    __metadata("design:type", Number)
-], TaonCmsContentEntity.prototype, "version", void 0);
-__decorate([
-    Column({ type: 'varchar', default: TaonCmsContentType.Normal })
-    //#endregion
-    ,
-    __metadata("design:type", String)
-], TaonCmsContentEntity.prototype, "type", void 0);
-__decorate([
-    Column({ type: 'varchar' })
-    //#endregion
-    ,
-    __metadata("design:type", String)
-], TaonCmsContentEntity.prototype, "title", void 0);
-__decorate([
-    Column({ type: 'varchar', unique: true })
-    //#endregion
-    ,
-    __metadata("design:type", String)
-], TaonCmsContentEntity.prototype, "slug", void 0);
-__decorate([
-    ManyToMany(() => TaonCmsContentEntity),
-    JoinTable({
-        name: 'taon_cms_related_posts',
-        joinColumn: { name: 'contentId', referencedColumnName: 'id' },
-        inverseJoinColumn: { name: 'relatedPostId', referencedColumnName: 'id' },
-    })
-    //#endregion
-    ,
-    __metadata("design:type", Array)
-], TaonCmsContentEntity.prototype, "relatedPosts", void 0);
-__decorate([
-    ManyToMany(() => TaonPermissionEntity),
-    JoinTable({
-        name: 'taon_cms_content_permissions',
-        joinColumn: { name: 'contentId', referencedColumnName: 'id' },
-        inverseJoinColumn: { name: 'permissionId', referencedColumnName: 'id' },
+TaonAuthContextRepository = __decorate([
+    TaonRepository({
+        className: 'TaonAuthContextRepository',
     })
-    //#endregion
-    ,
-    __metadata("design:type", Array)
-], TaonCmsContentEntity.prototype, "permissions", void 0);
-__decorate([
-    Column({ type: 'text', nullable: true })
-    //#endregion
-    ,
-    __metadata("design:type", String)
-], TaonCmsContentEntity.prototype, "excerpt", void 0);
-__decorate([
-    Column({ type: 'text', nullable: true })
-    //#endregion
-    ,
-    __metadata("design:type", String)
-], TaonCmsContentEntity.prototype, "body", void 0);
-__decorate([
-    Column({ type: 'varchar', nullable: true })
-    //#endregion
-    ,
-    __metadata("design:type", String)
-], TaonCmsContentEntity.prototype, "videoKey", void 0);
-__decorate([
-    Column({ type: 'varchar', nullable: true })
-    //#endregion
-    ,
-    __metadata("design:type", String)
-], TaonCmsContentEntity.prototype, "audioKey", void 0);
-__decorate([
-    Column({ type: 'varchar', nullable: true })
-    //#endregion
-    ,
-    __metadata("design:type", String)
-], TaonCmsContentEntity.prototype, "attachmentKey", void 0);
-__decorate([
-    Column({ type: 'integer', nullable: true })
-    //#endregion
-    ,
-    __metadata("design:type", Number)
-], TaonCmsContentEntity.prototype, "categoryId", void 0);
-__decorate([
-    Column({ type: 'integer', nullable: true })
-    //#endregion
-    ,
-    __metadata("design:type", Number)
-], TaonCmsContentEntity.prototype, "authorUserId", void 0);
-__decorate([
-    Column({ type: 'varchar', default: 'draft' })
-    //#endregion
-    ,
-    __metadata("design:type", String)
-], TaonCmsContentEntity.prototype, "status", void 0);
-__decorate([
-    Column({ type: 'datetime', nullable: true })
-    //#endregion
-    ,
-    __metadata("design:type", Date)
-], TaonCmsContentEntity.prototype, "publishedAt", void 0);
-__decorate([
-    Column({ type: 'datetime' })
-    //#endregion
-    ,
-    __metadata("design:type", Date)
-], TaonCmsContentEntity.prototype, "createdAt", void 0);
-__decorate([
-    Column({ type: 'datetime' })
-    //#endregion
-    ,
-    __metadata("design:type", Date)
-], TaonCmsContentEntity.prototype, "updatedAt", void 0);
-TaonCmsContentEntity = __decorate([
-    TaonEntity({
-        className: 'TaonCmsContentEntity',
-        createTable: true,
+], 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.UserManager]: [
+                        TaonSessionCorePermissions.ViewUsers,
+                        TaonSessionCorePermissions.ManageUsers,
+                        TaonSessionCorePermissions.ViewSessions,
+                        TaonSessionCorePermissions.RevokeSessions,
+                    ],
+                },
+            },
+        });
+        //#endregion
+    }
+};
+CmsContext_1791132517217_initial = __decorate([
+    TaonMigration({
+        className: 'CmsContext_1791132517217_initial',
     })
-], TaonCmsContentEntity);
+], CmsContext_1791132517217_initial);
+//#endregion
 
 //#endregion
 let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRepository {
@@ -1282,6 +1401,7 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
             await this.taonCmsContentTagRepository.replaceTags(content.id, tagIds, manager);
             await this.replaceRelatedPosts(content.id, relatedPostIds, [], 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);
         });
@@ -1305,7 +1425,7 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
             const permissionIds = input.permissionIds === undefined
                 ? snapshot.permissionIds
                 : [...new Set(input.permissionIds)];
-            return this.commitUpdate(current, input.expectedVersion, { ...fields, tagIds, relatedPostIds, permissionIds }, manager);
+            return this.commitUpdate(current, input.expectedVersion, { ...fields, tagIds, relatedPostIds, permissionIds }, manager, input.applicationHook);
         });
         //#endregion
     }
@@ -1377,6 +1497,27 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         return this.connection.transaction(async (manager) => (await this.requireContent(id, manager)).permissions);
         //#endregion
     }
+    async listApplicationHooks() {
+        //#region @websqlFunc
+        return this.connection
+            .getRepository(TaonCmsApplicationHookEntity)
+            .find({ order: { hook: 'ASC' } });
+        //#endregion
+    }
+    async getContentByHook(hook) {
+        //#region @websqlFunc
+        if (!hook) {
+            contentError('Application hook is required.');
+        }
+        const applicationHook = await this.connection
+            .getRepository(TaonCmsApplicationHookEntity)
+            .findOne({
+            where: { hook: hook },
+            relations: { content: true },
+        });
+        return applicationHook?.content?.body ?? '';
+        //#endregion
+    }
     async addRelatedPost(id, relatedPostId, expectedVersion) {
         //#region @websqlFunc
         return this.changeRelatedPost(id, relatedPostId, expectedVersion, true);
@@ -1413,7 +1554,11 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
             .getRepository(this.target)
             .findOne({
             where: { id },
-            relations: { relatedPosts: true, permissions: true },
+            relations: {
+                relatedPosts: true,
+                permissions: true,
+                applicationHook: true,
+            },
         });
         if (!content) {
             contentError(`Content ${id} does not exist.`, 404);
@@ -1545,7 +1690,36 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         }
         //#endregion
     }
-    async commitUpdate(current, expectedVersion, snapshot, manager) {
+    async replaceApplicationHook(contentId, hook, manager) {
+        //#region @websqlFunc
+        const repository = manager.getRepository(TaonCmsApplicationHookEntity);
+        const current = await repository.findOneBy({ contentId });
+        if (hook === null) {
+            if (current) {
+                current.contentId = null;
+                await repository.save(current);
+            }
+            return;
+        }
+        const target = await repository.findOneBy({ hook });
+        if (!target) {
+            contentError(`Application hook "${hook}" is not configured.`, 404);
+        }
+        if (target.contentId !== null && target.contentId !== contentId) {
+            contentError(`Application hook "${hook}" is already in use.`, 409);
+        }
+        if (current?.id === target.id) {
+            return;
+        }
+        if (current) {
+            current.contentId = null;
+            await repository.save(current);
+        }
+        target.contentId = contentId;
+        await repository.save(target);
+        //#endregion
+    }
+    async commitUpdate(current, expectedVersion, snapshot, manager, applicationHook) {
         //#region @websqlFunc
         if (current.version !== expectedVersion) {
             contentError('Content has changed. Reload it before editing.', 409);
@@ -1566,6 +1740,9 @@ let TaonCmsContentRepository = class TaonCmsContentRepository extends TaonBaseRe
         await this.taonCmsContentTagRepository.replaceTags(current.id, snapshot.tagIds, manager);
         await this.replaceRelatedPosts(current.id, [...new Set(snapshot.relatedPostIds ?? [])], current.relatedPosts.map(post => post.id), manager);
         await this.replacePermissions(current.id, [...new Set(snapshot.permissionIds ?? [])], current.permissions.map(permission => permission.id), manager);
+        if (applicationHook !== undefined) {
+            await this.replaceApplicationHook(current.id, applicationHook, manager);
+        }
         const updated = await this.requireContent(current.id, manager);
         await this.taonCmsContentRevisionRepository.recordContent(updated, {
             ...fields,
@@ -1602,7 +1779,41 @@ let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCr
         super(...arguments);
         this.entityClassResolveFn = () => TaonCmsContentEntity;
         this.taonCmsContentRepository = this.injectCustomRepo(TaonCmsContentRepository);
+        this.taonSessionRepository = this.injectCustomRepo(TaonSessionRepository);
+        this.taonAuthContextRepository = this.injectCustomRepo(TaonAuthContextRepository);
     }
+    async beforeEachRequest({ req, res, methodConfig, t, }) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#region get by id
+    getBySlug(slug) {
+        //#region @websqlFunc
+        return async () => {
+            const model = await this.db.findOne({
+                where: {
+                    slug,
+                },
+            });
+            return model;
+        };
+        //#endregion
+    }
+    //#endregion
     createContent(input) {
         //#region @websqlFunc
         return async () => this.taonCmsContentRepository.createContent(input);
@@ -1633,6 +1844,21 @@ let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCr
         return async () => this.taonCmsContentRepository.listPermissions(id);
         //#endregion
     }
+    listApplicationHooks() {
+        //#region @websqlFunc
+        return async () => this.taonCmsContentRepository.listApplicationHooks();
+        //#endregion
+    }
+    getContentByHook(hook) {
+        //#region @websqlFunc
+        return async () => this.taonCmsContentRepository.getContentByHook(hook);
+        //#endregion
+    }
+    getPublicContentByHook(hook) {
+        //#region @websqlFunc
+        return async () => this.taonCmsContentRepository.getContentByHook(hook);
+        //#endregion
+    }
     addRelatedPost(id, relatedPostId, expectedVersion) {
         //#region @websqlFunc
         return async () => this.taonCmsContentRepository.addRelatedPost(id, relatedPostId, expectedVersion);
@@ -1649,6 +1875,13 @@ let TaonCmsContentController = class TaonCmsContentController extends TaonBaseCr
         //#endregion
     }
 };
+__decorate([
+    GET(),
+    __param(0, Query(`slug`)),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "getBySlug", null);
 __decorate([
     POST(),
     __param(0, Body()),
@@ -1694,6 +1927,26 @@ __decorate([
     __metadata("design:paramtypes", [Number]),
     __metadata("design:returntype", Object)
 ], TaonCmsContentController.prototype, "listPermissions", null);
+__decorate([
+    GET(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "listApplicationHooks", null);
+__decorate([
+    GET(),
+    __param(0, Query('hook')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "getContentByHook", null);
+__decorate([
+    GET(),
+    __param(0, Query('hook')),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", Object)
+], TaonCmsContentController.prototype, "getPublicContentByHook", null);
 __decorate([
     POST(),
     __param(0, Query('id')),
@@ -1732,9 +1985,12 @@ TaonCmsContentController = __decorate([
             'listRevisions',
             'listRelatedPosts',
             'listPermissions',
+            'listApplicationHooks',
+            'getContentByHook',
+            'getPublicContentByHook',
             'addRelatedPost',
             'deleteRelatedPost',
-            'paginationQuery'
+            'paginationQuery',
         ],
     })
 ], TaonCmsContentController);
@@ -1820,7 +2076,7 @@ const TaonCmsContentAbstractContext = createContext(() => ({
         TaonCmsContentTagAbstractContext,
         TaonCmsContentRevisionAbstractContext,
     },
-    entities: { TaonCmsContentEntity },
+    entities: { TaonCmsApplicationHookEntity, TaonCmsContentEntity },
     controllers: { TaonCmsContentController, TaonCmsContentStorageController },
     repositories: { TaonCmsContentRepository },
     providers: { TaonCmsContentProvider },
@@ -2226,9 +2482,6 @@ const TaonCmsAbstractContext = createContext(() => ({
 }));
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
-;
-// THIS FILE IS GENERATED - DO NOT MODIFY
-
 class TaonCmsAssetsBackofficeComponent {
     constructor() {
         this.assets = [
@@ -2302,12 +2555,17 @@ var taonCmsBackoffice_component = /*#__PURE__*/Object.freeze({
 });
 
 //#endregion
+const adminLazyRoute = (adminLazyRoute$1);
 const TaonCmsBackofficeRoutes = [
     {
         path: '',
         loadComponent: () => Promise.resolve().then(function () { return taonCmsBackoffice_component; }).then(m => m.TaonCmsBackofficeComponent),
         children: [
             adminLazyRoute({
+                isDisabled: ({ context }) => {
+                    // console.log('context', { context });
+                    return !context?.hasAccess.toManagePosts;
+                },
                 path: 'posts',
                 menuItem: 'Posts',
                 expandable: true,
@@ -2315,6 +2573,7 @@ const TaonCmsBackofficeRoutes = [
                 loader: () => Promise.resolve().then(function () { return index$1; }).then(m => m.TaonCmsPostsBackofficeRoutes),
             }),
             adminLazyRoute({
+                isDisabled: ({ context }) => !context?.hasAccess.toManagePosts,
                 path: 'assets',
                 menuItem: 'Assets',
                 expandable: false,
@@ -2420,6 +2679,28 @@ class TaonCmsContentApiService extends TaonBaseAngularService {
         this.taonCmsContentController = this.injectController(TaonCmsContentController);
         this.taonCmsContentStorageController = this.injectController(TaonCmsContentStorageController);
     }
+    get crudController() {
+        return this.taonCmsContentController;
+    }
+    async getById(id) {
+        return (await this.taonCmsContentController.getBy(id).request()).body.json;
+    }
+    async getBySlug(slug) {
+        return (await this.taonCmsContentController.getBySlug(slug).request()).body
+            .json;
+    }
+    getContentByHook(hook) {
+        return this.taonCmsContentController.getContentByHook(hook)
+            .request().observable.pipe(map(res => res.body.text));
+    }
+    getPublicContentByHook(hook) {
+        return this.taonCmsContentController.getPublicContentByHook(hook)
+            .request().observable.pipe(map(res => res.body.text), catchError(() => of('---')));
+    }
+    listApplicationHooks() {
+        return this.taonCmsContentController.listApplicationHooks()
+            .request().observable.pipe(map(res => res.body.json));
+    }
     async uploadMedia(file) {
         const formData = new FormData();
         formData.append('file', file);
@@ -2512,10 +2793,12 @@ class TaonCmsContentAssetApiService extends TaonBaseAngularService {
         this.taonCmsContentAssetController = this.injectController(TaonCmsContentAssetController);
     }
     get allMyEntities$() {
-        return this.taonCmsContentAssetController.getAll().request().observable.pipe(map(res => res.body?.json));
+        return this.taonCmsContentAssetController.getAll()
+            .request().observable.pipe(map(res => res.body?.json));
     }
     helloWorld(user) {
-        return this.taonCmsContentAssetController.helloWord(user).request().observable.pipe(map(res => res.responseText));
+        return this.taonCmsContentAssetController.helloWord(user)
+            .request().observable.pipe(map(res => res.responseText));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsContentAssetApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsContentAssetApiService }); }
@@ -2550,10 +2833,12 @@ class TaonCmsContentPermissionApiService extends TaonBaseAngularService {
         this.taonCmsContentPermissionController = this.injectController(TaonCmsContentPermissionController);
     }
     get allMyEntities$() {
-        return this.taonCmsContentPermissionController.getAll().request().observable.pipe(map(res => res.body?.json));
+        return this.taonCmsContentPermissionController.getAll()
+            .request().observable.pipe(map(res => res.body?.json));
     }
     helloWorld(user) {
-        return this.taonCmsContentPermissionController.helloWord(user).request().observable.pipe(map(res => res.responseText));
+        return this.taonCmsContentPermissionController.helloWord(user)
+            .request().observable.pipe(map(res => res.responseText));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsContentPermissionApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsContentPermissionApiService }); }
@@ -2589,8 +2874,7 @@ class TaonCmsContentRevisionApiService extends TaonBaseAngularService {
         this.taonCmsContentRevisionController = this.injectController(TaonCmsContentRevisionController);
     }
     listRevisions(id) {
-        return this.contentController.listRevisions(id)
-            .request().observable.pipe(map(res => res.body.json));
+        return this.contentController.listRevisions(id).request().observable.pipe(map(res => res.body.json));
     }
     restoreContent(id, input) {
         return this.contentController.restoreContent(id, input)
@@ -2667,12 +2951,6 @@ 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));
-    }
-    helloWorld(user) {
-        return this.taonCmsTagController.helloWord(user).request().observable.pipe(map(res => res.responseText));
-    }
     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 }); }
 }
@@ -3006,6 +3284,11 @@ class TaonCmsPostComponent {
         this.relatedPosts = signal([], ...(ngDevMode ? [{ debugName: "relatedPosts" }] : []));
         this.relatedPostsLoading = signal(false, ...(ngDevMode ? [{ debugName: "relatedPostsLoading" }] : []));
         this.relatedPostsError = signal('', ...(ngDevMode ? [{ debugName: "relatedPostsError" }] : []));
+        this.applicationHooks = signal([], ...(ngDevMode ? [{ debugName: "applicationHooks" }] : []));
+        this.applicationHooksLoading = signal(false, ...(ngDevMode ? [{ debugName: "applicationHooksLoading" }] : []));
+        this.applicationHooksError = signal('', ...(ngDevMode ? [{ debugName: "applicationHooksError" }] : []));
+        this.useAsApplicationHook = signal(false, ...(ngDevMode ? [{ debugName: "useAsApplicationHook" }] : []));
+        this.selectedApplicationHook = signal(null, ...(ngDevMode ? [{ debugName: "selectedApplicationHook" }] : []));
         this.permissions = signal([], ...(ngDevMode ? [{ debugName: "permissions" }] : []));
         this.permissionsLoading = signal(false, ...(ngDevMode ? [{ debugName: "permissionsLoading" }] : []));
         this.permissionsError = signal('', ...(ngDevMode ? [{ debugName: "permissionsError" }] : []));
@@ -3022,6 +3305,9 @@ class TaonCmsPostComponent {
             !!this.draft().slug.trim() &&
             !this.relatedPostsLoading() &&
             !this.relatedPostsError() &&
+            !this.applicationHooksLoading() &&
+            !this.applicationHooksError() &&
+            (!this.useAsApplicationHook() || !!this.selectedApplicationHook()) &&
             !this.permissionsLoading() &&
             !this.permissionsError(), ...(ngDevMode ? [{ debugName: "canSave" }] : []));
         this.canPublish = computed(() => {
@@ -3038,7 +3324,10 @@ class TaonCmsPostComponent {
         });
         effect(() => {
             if (this.editing()) {
-                untracked(() => this.loadPermissionOptions());
+                untracked(() => {
+                    this.loadApplicationHooks();
+                    this.loadPermissionOptions();
+                });
             }
         });
     }
@@ -3110,6 +3399,38 @@ class TaonCmsPostComponent {
         this.relatedPosts.update(posts => posts.filter(post => post.id !== id));
     }
     //#endregion
+    //#region methods / application hooks
+    loadApplicationHooks() {
+        if (this.applicationHooksLoading()) {
+            return;
+        }
+        this.applicationHooksLoading.set(true);
+        this.applicationHooksError.set('');
+        this.applicationHooksLoad = this.api
+            .listApplicationHooks()
+            .pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.applicationHooksLoading.set(false)))
+            .subscribe({
+            next: hooks => {
+                this.applicationHooks.set(hooks);
+                this.setApplicationHookSelection(this.currentPost(), hooks);
+            },
+            error: (error) => {
+                console.error('[taon-cms-post] Unable to load application hooks', error);
+                this.applicationHooksError.set('Application hooks could not be loaded. Please try again.');
+            },
+        });
+    }
+    setUseAsApplicationHook(enabled) {
+        this.useAsApplicationHook.set(enabled);
+    }
+    applicationHookInUseByAnotherPost(applicationHook) {
+        return (applicationHook.contentId !== null &&
+            applicationHook.contentId !== this.currentPost()?.id);
+    }
+    applicationHookLabel(hook) {
+        return hook.split('-').join('_').toUpperCase();
+    }
+    //#endregion
     //#region methods / load permissions
     loadPermissions() {
         if (this.busy() || this.permissionsLoading()) {
@@ -3270,6 +3591,9 @@ class TaonCmsPostComponent {
                 ...this.draft(),
                 relatedPostIds: this.relatedPosts().map(post => post.id),
                 permissionIds: this.permissions().map(permission => permission.id),
+                applicationHook: this.useAsApplicationHook()
+                    ? this.selectedApplicationHook()
+                    : null,
             }));
         }
         else {
@@ -3366,6 +3690,9 @@ class TaonCmsPostComponent {
             ...this.draft(),
             relatedPostIds: this.relatedPosts().map(related => related.id),
             permissionIds: this.permissions().map(permission => permission.id),
+            applicationHook: this.useAsApplicationHook()
+                ? this.selectedApplicationHook()
+                : null,
             expectedVersion: post.version,
         };
     }
@@ -3382,15 +3709,19 @@ class TaonCmsPostComponent {
     //#region methods / set post
     setPost(post) {
         this.relatedPostsLoad?.unsubscribe();
+        this.applicationHooksLoad?.unsubscribe();
         this.permissionsLoad?.unsubscribe();
         this.relatedPostsLoading.set(false);
         this.relatedPostsError.set('');
+        this.applicationHooksLoading.set(false);
+        this.applicationHooksError.set('');
         this.permissionsLoading.set(false);
         this.permissionsError.set('');
         this.currentPost.set(post);
         this.relatedPosts.set(post?.relatedPosts ?? []);
         this.permissions.set(post?.permissions ?? []);
         this.selectedPermissionId.set(null);
+        this.setApplicationHookSelection(post, this.applicationHooks());
         this.draft.set({
             type: post?.type ?? TaonCmsContentType.Normal,
             title: post?.title ?? '',
@@ -3413,6 +3744,14 @@ class TaonCmsPostComponent {
         }
     }
     //#endregion
+    setApplicationHookSelection(post, hooks) {
+        const assignedHook = post?.applicationHook !== undefined
+            ? post.applicationHook?.hook
+            : hooks.find(applicationHook => applicationHook.contentId === post?.id)
+                ?.hook;
+        this.useAsApplicationHook.set(!!assignedHook);
+        this.selectedApplicationHook.set(assignedHook ?? null);
+    }
     //#region methods / accept post
     acceptPost(post) {
         this.setPost(post);
@@ -3445,18 +3784,19 @@ 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\">{{ mode() === 'add' ? 'New draft' : currentPost()?.status }}</span>\n    <div class=\"buttons\">\n      @if (editing()) {\n        <button mat-flat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || !canSave()\" (click)=\"save()\">\n          {{ mode() === 'add' ? 'Add' : 'Save' }}\n        </button>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"cancel()\">Cancel</button>\n      } @else if (currentPost()) {\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"edit()\">\n          <mat-icon>edit</mat-icon> Edit\n        </button>\n      }\n      @if (mode() !== 'add' && currentPost()) {\n        @if (canPublish()) {\n          <button mat-flat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || (editing() && !canSave())\" (click)=\"publish()\">Publish</button>\n        }\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"revert()\">\n          <mat-icon>history</mat-icon> Revert\n        </button>\n        @if (currentPost()?.status !== 'archived') {\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"delete()\">\n            <mat-icon>delete</mat-icon> Delete\n          </button>\n        }\n      }\n    </div>\n    @if (busy()) {\n      <span role=\"status\">{{ uploading() ? 'Uploading...' : 'Saving...' }}</span>\n    }\n  </header>\n  @if (error()) {\n    <p class=\"error\" role=\"alert\">{{ error() }}</p>\n  }\n}\n\n<article class=\"post-article\" [attr.aria-busy]=\"busy()\">\n  @if (editing()) {\n    <mat-radio-group\n      class=\"post-type-selector\"\n      aria-label=\"Post type\"\n      [value]=\"draft().type\"\n      [disabled]=\"busy() || dialogOpen()\"\n      (change)=\"updateDraft('type', $event.value)\">\n      @for (type of postTypes; track type.value) {\n        <mat-radio-button [value]=\"type.value\">{{ type.label }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    <div\n      class=\"post-title editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post title\"\n      aria-required=\"true\"\n      data-placeholder=\"Title\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditableSingleLine]=\"true\"\n      [taonCmsEditable]=\"draft().title\"\n      (taonCmsEditableChange)=\"updateDraft('title', $event)\"></div>\n    <div\n      class=\"post-excerpt editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post excerpt\"\n      aria-multiline=\"true\"\n      data-placeholder=\"A short introduction...\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditable]=\"draft().excerpt\"\n      (taonCmsEditableChange)=\"updateDraft('excerpt', $event)\"></div>\n    <div\n      class=\"post-body editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post body\"\n      aria-multiline=\"true\"\n      data-placeholder=\"Tell your story...\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      taonCmsEditableFormat=\"html\"\n      [taonCmsEditable]=\"draft().body\"\n      (taonCmsEditableChange)=\"updateDraft('body', $event)\"></div>\n    <label class=\"slug-field\">\n      <span>URL slug</span>\n      <input aria-label=\"URL slug\" [value]=\"draft().slug\" [disabled]=\"busy() || dialogOpen()\" (input)=\"updateSlug($event)\" placeholder=\"my-post\" />\n    </label>\n    @if (mediaAttachment(); as media) {\n      <section class=\"media-attachment\" aria-labelledby=\"media-attachment-heading\">\n        <h2 id=\"media-attachment-heading\">{{ media.heading }}</h2>\n        @if (draft()[media.key]; as key) {\n          <p>Attached file: {{ key }}</p>\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removeMedia()\">Remove</button>\n        } @else {\n          <input\n            #mediaInput\n            hidden\n            type=\"file\"\n            [accept]=\"media.accept\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"fileSelected($event)\" />\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"mediaInput.click()\">{{ media.uploadLabel }}</button>\n        }\n      </section>\n    }\n    <section class=\"related-posts\" aria-labelledby=\"related-posts-heading\">\n      <h2 id=\"related-posts-heading\">Related posts</h2>\n      @if (relatedPostsLoading()) {\n        <p role=\"status\">Loading related posts...</p>\n      } @else if (relatedPostsError()) {\n        <p class=\"error\" role=\"alert\">{{ relatedPostsError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadRelatedPosts()\">Try again</button>\n      } @else {\n        <ul>\n          @for (post of relatedPosts(); track post.id) {\n            <li>\n              <span>#{{ post.id }} - {{ post.title }}</span>\n              <button mat-icon-button type=\"button\" [attr.aria-label]=\"'Remove related post ' + post.title\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removeRelatedPost(post.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>No related posts yet.</li>\n          }\n        </ul>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"addRelatedPost()\">\n          <mat-icon>add</mat-icon> Add related post\n        </button>\n      }\n    </section>\n    <section class=\"post-permissions\" aria-labelledby=\"post-permissions-heading\">\n      <h2 id=\"post-permissions-heading\">Allow Read only with Permissions</h2>\n      @if (permissionsLoading()) {\n        <p role=\"status\">Loading assigned permissions...</p>\n      } @else if (permissionsError()) {\n        <p class=\"error\" role=\"alert\">{{ permissionsError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadPermissions()\">Try again</button>\n      } @else {\n        <ul>\n          @for (permission of permissions(); track permission.id) {\n            <li>\n              <span>{{ permission.name }} ({{ permission.code }})</span>\n              <button mat-icon-button type=\"button\" [attr.aria-label]=\"'Remove permission ' + permission.name\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removePermission(permission.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>No permissions assigned.</li>\n          }\n        </ul>\n        @if (permissionOptionsError()) {\n          <p class=\"error\" role=\"alert\">{{ permissionOptionsError() }}</p>\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\" (click)=\"loadPermissionOptions()\">Try again</button>\n        } @else {\n          <div class=\"permission-assignment\">\n            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n              <mat-label>Permission</mat-label>\n              <mat-select\n                [value]=\"selectedPermissionId()\"\n                [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\"\n                (selectionChange)=\"selectedPermissionId.set($event.value)\">\n                @for (permission of availablePermissions(); track permission.id) {\n                  <mat-option [value]=\"permission.id\">{{ permission.name }} ({{ permission.code }})</mat-option>\n                } @empty {\n                  <mat-option [disabled]=\"true\">No permissions available</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n            <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || !selectedPermissionId()\" (click)=\"addPermission()\">\n              <mat-icon>add</mat-icon> Assign permission\n            </button>\n          </div>\n        }\n      }\n    </section>\n  } @else if (currentPost(); as post) {\n    <h1 class=\"post-title\">{{ post.title }}</h1>\n    @if (post.excerpt) {\n      <p class=\"post-excerpt\">{{ post.excerpt }}</p>\n    }\n    <div class=\"post-body\" [innerHTML]=\"post.body\"></div>\n  } @else {\n    <p role=\"status\">No post is loaded.</p>\n  }\n</article>", styles: [":host{display:block}.post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;border-bottom:1px solid rgba(136,136,136,.2)}.post-status{margin-right:auto;text-transform:capitalize;opacity:.7}.buttons{display:flex;flex-wrap:wrap;gap:.5rem}.post-article{max-width:760px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.5rem;overflow-wrap:anywhere}.post-title{margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}.post-excerpt{margin:0 0 2rem;font-size:1.35rem;line-height:1.6;opacity:.7;white-space:pre-wrap}.post-body{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;line-height:1.8;white-space:pre-wrap}.editable{min-height:1.2em;outline:none}.editable:focus{box-shadow:-3px 0 #8885}.editable:empty:before{content:attr(data-placeholder);opacity:.4;pointer-events:none}.post-body.editable{min-height:12rem}.slug-field{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid rgba(136,136,136,.2);font-size:.875rem}.slug-field input{flex:1;min-width:160px;padding:.5rem;color:inherit;background:transparent;border:1px solid rgba(136,136,136,.3333333333);border-radius:4px}.error{padding:1rem;color:#b3261e}.post-type-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.media-attachment,.related-posts,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.related-posts h2,.post-permissions h2{font-size:1rem}.related-posts ul,.post-permissions ul{padding:0;list-style:none}.related-posts li,.post-permissions li{display:flex;align-items:center;justify-content:space-between;gap:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonCmsPostComponent, isStandalone: true, selector: "taon-cms-post", inputs: { post: { classPropertyName: "post", publicName: "post", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", changed: "changed", deleted: "deleted", cancelled: "cancelled" }, providers: [TaonCmsContentApiService, TaonPermissionApiService], ngImport: i0, template: "@if (mode() !== 'view-clean') {\n  <header class=\"post-actions\">\n    <span class=\"post-status\">{{ mode() === 'add' ? 'New draft' : currentPost()?.status }}</span>\n    <div class=\"buttons\">\n      @if (editing()) {\n        <button mat-flat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || !canSave()\" (click)=\"save()\">\n          {{ mode() === 'add' ? 'Add' : 'Save' }}\n        </button>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"cancel()\">Cancel</button>\n      } @else if (currentPost()) {\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"edit()\">\n          <mat-icon>edit</mat-icon> Edit\n        </button>\n      }\n      @if (mode() !== 'add' && currentPost()) {\n        @if (canPublish()) {\n          <button mat-flat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || (editing() && !canSave())\" (click)=\"publish()\">Publish</button>\n        }\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"revert()\">\n          <mat-icon>history</mat-icon> Revert\n        </button>\n        @if (currentPost()?.status !== 'archived') {\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"delete()\">\n            <mat-icon>delete</mat-icon> Delete\n          </button>\n        }\n      }\n    </div>\n    @if (busy()) {\n      <span role=\"status\">{{ uploading() ? 'Uploading...' : 'Saving...' }}</span>\n    }\n  </header>\n  @if (error()) {\n    <p class=\"error\" role=\"alert\">{{ error() }}</p>\n  }\n}\n\n<article class=\"post-article\" [attr.aria-busy]=\"busy()\">\n  @if (editing()) {\n    <mat-radio-group\n      class=\"post-type-selector\"\n      aria-label=\"Post type\"\n      [value]=\"draft().type\"\n      [disabled]=\"busy() || dialogOpen()\"\n      (change)=\"updateDraft('type', $event.value)\">\n      @for (type of postTypes; track type.value) {\n        <mat-radio-button [value]=\"type.value\">{{ type.label }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    <div\n      class=\"post-title editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post title\"\n      aria-required=\"true\"\n      data-placeholder=\"Title\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditableSingleLine]=\"true\"\n      [taonCmsEditable]=\"draft().title\"\n      (taonCmsEditableChange)=\"updateDraft('title', $event)\"></div>\n    <div\n      class=\"post-excerpt editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post excerpt\"\n      aria-multiline=\"true\"\n      data-placeholder=\"A short introduction...\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditable]=\"draft().excerpt\"\n      (taonCmsEditableChange)=\"updateDraft('excerpt', $event)\"></div>\n    <div\n      class=\"post-body editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post body\"\n      aria-multiline=\"true\"\n      data-placeholder=\"Tell your story...\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      taonCmsEditableFormat=\"html\"\n      [taonCmsEditable]=\"draft().body\"\n      (taonCmsEditableChange)=\"updateDraft('body', $event)\"></div>\n    <label class=\"slug-field\">\n      <span>URL slug</span>\n      <input aria-label=\"URL slug\" [value]=\"draft().slug\" [disabled]=\"busy() || dialogOpen()\" (input)=\"updateSlug($event)\" placeholder=\"my-post\" />\n    </label>\n    @if (mediaAttachment(); as media) {\n      <section class=\"media-attachment\" aria-labelledby=\"media-attachment-heading\">\n        <h2 id=\"media-attachment-heading\">{{ media.heading }}</h2>\n        @if (draft()[media.key]; as key) {\n          <p>Attached file: {{ key }}</p>\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removeMedia()\">Remove</button>\n        } @else {\n          <input\n            #mediaInput\n            hidden\n            type=\"file\"\n            [accept]=\"media.accept\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"fileSelected($event)\" />\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"mediaInput.click()\">{{ media.uploadLabel }}</button>\n        }\n      </section>\n    }\n    <section class=\"related-posts\" aria-labelledby=\"related-posts-heading\">\n      <h2 id=\"related-posts-heading\">Related posts</h2>\n      @if (relatedPostsLoading()) {\n        <p role=\"status\">Loading related posts...</p>\n      } @else if (relatedPostsError()) {\n        <p class=\"error\" role=\"alert\">{{ relatedPostsError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadRelatedPosts()\">Try again</button>\n      } @else {\n        <ul>\n          @for (post of relatedPosts(); track post.id) {\n            <li>\n              <span>#{{ post.id }} - {{ post.title }}</span>\n              <button mat-icon-button type=\"button\" [attr.aria-label]=\"'Remove related post ' + post.title\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removeRelatedPost(post.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>No related posts yet.</li>\n          }\n        </ul>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"addRelatedPost()\">\n          <mat-icon>add</mat-icon> Add related post\n        </button>\n      }\n    </section>\n    <section class=\"application-hook\" aria-labelledby=\"application-hook-heading\">\n      <h2 id=\"application-hook-heading\">Application Hook</h2>\n      @if (applicationHooksLoading()) {\n        <p role=\"status\">Loading application hooks...</p>\n      } @else if (applicationHooksError()) {\n        <p class=\"error\" role=\"alert\">{{ applicationHooksError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadApplicationHooks()\">Try again</button>\n      } @else {\n        <mat-checkbox\n          [checked]=\"useAsApplicationHook()\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (change)=\"setUseAsApplicationHook($event.checked)\">\n          Use as application hook\n        </mat-checkbox>\n        @if (useAsApplicationHook()) {\n          <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n            <mat-label>Application Hook</mat-label>\n            <mat-select\n              [value]=\"selectedApplicationHook()\"\n              [disabled]=\"busy() || dialogOpen()\"\n              (selectionChange)=\"selectedApplicationHook.set($event.value)\">\n              @for (applicationHook of applicationHooks(); track applicationHook.id) {\n                <mat-option\n                  [value]=\"applicationHook.hook\"\n                  [disabled]=\"applicationHookInUseByAnotherPost(applicationHook)\">\n                  {{ applicationHookLabel(applicationHook.hook) }}\n                  @if (applicationHookInUseByAnotherPost(applicationHook)) {\n                    (in use by post #{{ applicationHook.contentId }})\n                  }\n                </mat-option>\n              } @empty {\n                <mat-option [disabled]=\"true\">No application hooks configured</mat-option>\n              }\n            </mat-select>\n          </mat-form-field>\n        }\n      }\n    </section>\n    <section class=\"post-permissions\" aria-labelledby=\"post-permissions-heading\">\n      <h2 id=\"post-permissions-heading\">Allow Read only with Permissions</h2>\n      @if (permissionsLoading()) {\n        <p role=\"status\">Loading assigned permissions...</p>\n      } @else if (permissionsError()) {\n        <p class=\"error\" role=\"alert\">{{ permissionsError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadPermissions()\">Try again</button>\n      } @else {\n        <ul>\n          @for (permission of permissions(); track permission.id) {\n            <li>\n              <span>{{ permission.name }} ({{ permission.code }})</span>\n              <button mat-icon-button type=\"button\" [attr.aria-label]=\"'Remove permission ' + permission.name\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removePermission(permission.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>No permissions assigned.</li>\n          }\n        </ul>\n        @if (permissionOptionsError()) {\n          <p class=\"error\" role=\"alert\">{{ permissionOptionsError() }}</p>\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\" (click)=\"loadPermissionOptions()\">Try again</button>\n        } @else {\n          <div class=\"permission-assignment\">\n            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n              <mat-label>Permission</mat-label>\n              <mat-select\n                [value]=\"selectedPermissionId()\"\n                [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\"\n                (selectionChange)=\"selectedPermissionId.set($event.value)\">\n                @for (permission of availablePermissions(); track permission.id) {\n                  <mat-option [value]=\"permission.id\">{{ permission.name }} ({{ permission.code }})</mat-option>\n                } @empty {\n                  <mat-option [disabled]=\"true\">No permissions available</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n            <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || !selectedPermissionId()\" (click)=\"addPermission()\">\n              <mat-icon>add</mat-icon> Assign permission\n            </button>\n          </div>\n        }\n      }\n    </section>\n  } @else if (currentPost(); as post) {\n    <h1 class=\"post-title\">{{ post.title }}</h1>\n    @if (post.excerpt) {\n      <p class=\"post-excerpt\">{{ post.excerpt }}</p>\n    }\n    <div class=\"post-body\" [innerHTML]=\"post.body\"></div>\n  } @else {\n    <p role=\"status\">No post is loaded.</p>\n  }\n</article>", styles: [":host{display:block}.post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;border-bottom:1px solid rgba(136,136,136,.2)}.post-status{margin-right:auto;text-transform:capitalize;opacity:.7}.buttons{display:flex;flex-wrap:wrap;gap:.5rem}.post-article{max-width:760px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.5rem;overflow-wrap:anywhere}.post-title{margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}.post-excerpt{margin:0 0 2rem;font-size:1.35rem;line-height:1.6;opacity:.7;white-space:pre-wrap}.post-body{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;line-height:1.8;white-space:pre-wrap}.editable{min-height:1.2em;outline:none}.editable:focus{box-shadow:-3px 0 #8885}.editable:empty:before{content:attr(data-placeholder);opacity:.4;pointer-events:none}.post-body.editable{min-height:12rem}.slug-field{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid rgba(136,136,136,.2);font-size:.875rem}.slug-field input{flex:1;min-width:160px;padding:.5rem;color:inherit;background:transparent;border:1px solid rgba(136,136,136,.3333333333);border-radius:4px}.error{padding:1rem;color:#b3261e}.post-type-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.media-attachment,.related-posts,.application-hook,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.related-posts h2,.application-hook h2,.post-permissions h2{font-size:1rem}.related-posts ul,.post-permissions ul{padding:0;list-style:none}.related-posts .application-hook,.post-permissions .application-hook{display:grid;align-items:start;gap:.75rem}.related-posts .application-hook mat-form-field,.post-permissions .application-hook mat-form-field{width:min(100%,28rem)}.related-posts li,.post-permissions li{display:flex;align-items:center;justify-content:space-between;gap:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: TaonCmsEditableDirective, selector: "[taonCmsEditable]", inputs: ["taonCmsEditableFormat", "taonCmsEditableSingleLine", "taonCmsEditable"], outputs: ["taonCmsEditableChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostComponent, decorators: [{
             type: Component,
             args: [{ selector: 'taon-cms-post', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         MatButtonModule,
+                        MatCheckboxModule,
                         MatFormFieldModule,
                         MatIconModule,
                         MatRadioModule,
                         MatSelectModule,
                         TaonCmsEditableDirective,
-                    ], providers: [TaonCmsContentApiService, TaonPermissionApiService], template: "@if (mode() !== 'view-clean') {\n  <header class=\"post-actions\">\n    <span class=\"post-status\">{{ mode() === 'add' ? 'New draft' : currentPost()?.status }}</span>\n    <div class=\"buttons\">\n      @if (editing()) {\n        <button mat-flat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || !canSave()\" (click)=\"save()\">\n          {{ mode() === 'add' ? 'Add' : 'Save' }}\n        </button>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"cancel()\">Cancel</button>\n      } @else if (currentPost()) {\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"edit()\">\n          <mat-icon>edit</mat-icon> Edit\n        </button>\n      }\n      @if (mode() !== 'add' && currentPost()) {\n        @if (canPublish()) {\n          <button mat-flat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || (editing() && !canSave())\" (click)=\"publish()\">Publish</button>\n        }\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"revert()\">\n          <mat-icon>history</mat-icon> Revert\n        </button>\n        @if (currentPost()?.status !== 'archived') {\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"delete()\">\n            <mat-icon>delete</mat-icon> Delete\n          </button>\n        }\n      }\n    </div>\n    @if (busy()) {\n      <span role=\"status\">{{ uploading() ? 'Uploading...' : 'Saving...' }}</span>\n    }\n  </header>\n  @if (error()) {\n    <p class=\"error\" role=\"alert\">{{ error() }}</p>\n  }\n}\n\n<article class=\"post-article\" [attr.aria-busy]=\"busy()\">\n  @if (editing()) {\n    <mat-radio-group\n      class=\"post-type-selector\"\n      aria-label=\"Post type\"\n      [value]=\"draft().type\"\n      [disabled]=\"busy() || dialogOpen()\"\n      (change)=\"updateDraft('type', $event.value)\">\n      @for (type of postTypes; track type.value) {\n        <mat-radio-button [value]=\"type.value\">{{ type.label }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    <div\n      class=\"post-title editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post title\"\n      aria-required=\"true\"\n      data-placeholder=\"Title\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditableSingleLine]=\"true\"\n      [taonCmsEditable]=\"draft().title\"\n      (taonCmsEditableChange)=\"updateDraft('title', $event)\"></div>\n    <div\n      class=\"post-excerpt editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post excerpt\"\n      aria-multiline=\"true\"\n      data-placeholder=\"A short introduction...\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditable]=\"draft().excerpt\"\n      (taonCmsEditableChange)=\"updateDraft('excerpt', $event)\"></div>\n    <div\n      class=\"post-body editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post body\"\n      aria-multiline=\"true\"\n      data-placeholder=\"Tell your story...\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      taonCmsEditableFormat=\"html\"\n      [taonCmsEditable]=\"draft().body\"\n      (taonCmsEditableChange)=\"updateDraft('body', $event)\"></div>\n    <label class=\"slug-field\">\n      <span>URL slug</span>\n      <input aria-label=\"URL slug\" [value]=\"draft().slug\" [disabled]=\"busy() || dialogOpen()\" (input)=\"updateSlug($event)\" placeholder=\"my-post\" />\n    </label>\n    @if (mediaAttachment(); as media) {\n      <section class=\"media-attachment\" aria-labelledby=\"media-attachment-heading\">\n        <h2 id=\"media-attachment-heading\">{{ media.heading }}</h2>\n        @if (draft()[media.key]; as key) {\n          <p>Attached file: {{ key }}</p>\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removeMedia()\">Remove</button>\n        } @else {\n          <input\n            #mediaInput\n            hidden\n            type=\"file\"\n            [accept]=\"media.accept\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"fileSelected($event)\" />\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"mediaInput.click()\">{{ media.uploadLabel }}</button>\n        }\n      </section>\n    }\n    <section class=\"related-posts\" aria-labelledby=\"related-posts-heading\">\n      <h2 id=\"related-posts-heading\">Related posts</h2>\n      @if (relatedPostsLoading()) {\n        <p role=\"status\">Loading related posts...</p>\n      } @else if (relatedPostsError()) {\n        <p class=\"error\" role=\"alert\">{{ relatedPostsError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadRelatedPosts()\">Try again</button>\n      } @else {\n        <ul>\n          @for (post of relatedPosts(); track post.id) {\n            <li>\n              <span>#{{ post.id }} - {{ post.title }}</span>\n              <button mat-icon-button type=\"button\" [attr.aria-label]=\"'Remove related post ' + post.title\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removeRelatedPost(post.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>No related posts yet.</li>\n          }\n        </ul>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"addRelatedPost()\">\n          <mat-icon>add</mat-icon> Add related post\n        </button>\n      }\n    </section>\n    <section class=\"post-permissions\" aria-labelledby=\"post-permissions-heading\">\n      <h2 id=\"post-permissions-heading\">Allow Read only with Permissions</h2>\n      @if (permissionsLoading()) {\n        <p role=\"status\">Loading assigned permissions...</p>\n      } @else if (permissionsError()) {\n        <p class=\"error\" role=\"alert\">{{ permissionsError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadPermissions()\">Try again</button>\n      } @else {\n        <ul>\n          @for (permission of permissions(); track permission.id) {\n            <li>\n              <span>{{ permission.name }} ({{ permission.code }})</span>\n              <button mat-icon-button type=\"button\" [attr.aria-label]=\"'Remove permission ' + permission.name\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removePermission(permission.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>No permissions assigned.</li>\n          }\n        </ul>\n        @if (permissionOptionsError()) {\n          <p class=\"error\" role=\"alert\">{{ permissionOptionsError() }}</p>\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\" (click)=\"loadPermissionOptions()\">Try again</button>\n        } @else {\n          <div class=\"permission-assignment\">\n            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n              <mat-label>Permission</mat-label>\n              <mat-select\n                [value]=\"selectedPermissionId()\"\n                [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\"\n                (selectionChange)=\"selectedPermissionId.set($event.value)\">\n                @for (permission of availablePermissions(); track permission.id) {\n                  <mat-option [value]=\"permission.id\">{{ permission.name }} ({{ permission.code }})</mat-option>\n                } @empty {\n                  <mat-option [disabled]=\"true\">No permissions available</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n            <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || !selectedPermissionId()\" (click)=\"addPermission()\">\n              <mat-icon>add</mat-icon> Assign permission\n            </button>\n          </div>\n        }\n      }\n    </section>\n  } @else if (currentPost(); as post) {\n    <h1 class=\"post-title\">{{ post.title }}</h1>\n    @if (post.excerpt) {\n      <p class=\"post-excerpt\">{{ post.excerpt }}</p>\n    }\n    <div class=\"post-body\" [innerHTML]=\"post.body\"></div>\n  } @else {\n    <p role=\"status\">No post is loaded.</p>\n  }\n</article>", styles: [":host{display:block}.post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;border-bottom:1px solid rgba(136,136,136,.2)}.post-status{margin-right:auto;text-transform:capitalize;opacity:.7}.buttons{display:flex;flex-wrap:wrap;gap:.5rem}.post-article{max-width:760px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.5rem;overflow-wrap:anywhere}.post-title{margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}.post-excerpt{margin:0 0 2rem;font-size:1.35rem;line-height:1.6;opacity:.7;white-space:pre-wrap}.post-body{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;line-height:1.8;white-space:pre-wrap}.editable{min-height:1.2em;outline:none}.editable:focus{box-shadow:-3px 0 #8885}.editable:empty:before{content:attr(data-placeholder);opacity:.4;pointer-events:none}.post-body.editable{min-height:12rem}.slug-field{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid rgba(136,136,136,.2);font-size:.875rem}.slug-field input{flex:1;min-width:160px;padding:.5rem;color:inherit;background:transparent;border:1px solid rgba(136,136,136,.3333333333);border-radius:4px}.error{padding:1rem;color:#b3261e}.post-type-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.media-attachment,.related-posts,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.related-posts h2,.post-permissions h2{font-size:1rem}.related-posts ul,.post-permissions ul{padding:0;list-style:none}.related-posts li,.post-permissions li{display:flex;align-items:center;justify-content:space-between;gap:.5rem}\n"] }]
+                    ], providers: [TaonCmsContentApiService, TaonPermissionApiService], template: "@if (mode() !== 'view-clean') {\n  <header class=\"post-actions\">\n    <span class=\"post-status\">{{ mode() === 'add' ? 'New draft' : currentPost()?.status }}</span>\n    <div class=\"buttons\">\n      @if (editing()) {\n        <button mat-flat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || !canSave()\" (click)=\"save()\">\n          {{ mode() === 'add' ? 'Add' : 'Save' }}\n        </button>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"cancel()\">Cancel</button>\n      } @else if (currentPost()) {\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"edit()\">\n          <mat-icon>edit</mat-icon> Edit\n        </button>\n      }\n      @if (mode() !== 'add' && currentPost()) {\n        @if (canPublish()) {\n          <button mat-flat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || (editing() && !canSave())\" (click)=\"publish()\">Publish</button>\n        }\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"revert()\">\n          <mat-icon>history</mat-icon> Revert\n        </button>\n        @if (currentPost()?.status !== 'archived') {\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"delete()\">\n            <mat-icon>delete</mat-icon> Delete\n          </button>\n        }\n      }\n    </div>\n    @if (busy()) {\n      <span role=\"status\">{{ uploading() ? 'Uploading...' : 'Saving...' }}</span>\n    }\n  </header>\n  @if (error()) {\n    <p class=\"error\" role=\"alert\">{{ error() }}</p>\n  }\n}\n\n<article class=\"post-article\" [attr.aria-busy]=\"busy()\">\n  @if (editing()) {\n    <mat-radio-group\n      class=\"post-type-selector\"\n      aria-label=\"Post type\"\n      [value]=\"draft().type\"\n      [disabled]=\"busy() || dialogOpen()\"\n      (change)=\"updateDraft('type', $event.value)\">\n      @for (type of postTypes; track type.value) {\n        <mat-radio-button [value]=\"type.value\">{{ type.label }}</mat-radio-button>\n      }\n    </mat-radio-group>\n    <div\n      class=\"post-title editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post title\"\n      aria-required=\"true\"\n      data-placeholder=\"Title\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditableSingleLine]=\"true\"\n      [taonCmsEditable]=\"draft().title\"\n      (taonCmsEditableChange)=\"updateDraft('title', $event)\"></div>\n    <div\n      class=\"post-excerpt editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post excerpt\"\n      aria-multiline=\"true\"\n      data-placeholder=\"A short introduction...\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      [taonCmsEditable]=\"draft().excerpt\"\n      (taonCmsEditableChange)=\"updateDraft('excerpt', $event)\"></div>\n    <div\n      class=\"post-body editable\"\n      contenteditable=\"true\"\n      role=\"textbox\"\n      aria-label=\"Post body\"\n      aria-multiline=\"true\"\n      data-placeholder=\"Tell your story...\"\n      [attr.contenteditable]=\"!busy() && !dialogOpen()\"\n      taonCmsEditableFormat=\"html\"\n      [taonCmsEditable]=\"draft().body\"\n      (taonCmsEditableChange)=\"updateDraft('body', $event)\"></div>\n    <label class=\"slug-field\">\n      <span>URL slug</span>\n      <input aria-label=\"URL slug\" [value]=\"draft().slug\" [disabled]=\"busy() || dialogOpen()\" (input)=\"updateSlug($event)\" placeholder=\"my-post\" />\n    </label>\n    @if (mediaAttachment(); as media) {\n      <section class=\"media-attachment\" aria-labelledby=\"media-attachment-heading\">\n        <h2 id=\"media-attachment-heading\">{{ media.heading }}</h2>\n        @if (draft()[media.key]; as key) {\n          <p>Attached file: {{ key }}</p>\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removeMedia()\">Remove</button>\n        } @else {\n          <input\n            #mediaInput\n            hidden\n            type=\"file\"\n            [accept]=\"media.accept\"\n            [disabled]=\"busy() || dialogOpen()\"\n            (change)=\"fileSelected($event)\" />\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"mediaInput.click()\">{{ media.uploadLabel }}</button>\n        }\n      </section>\n    }\n    <section class=\"related-posts\" aria-labelledby=\"related-posts-heading\">\n      <h2 id=\"related-posts-heading\">Related posts</h2>\n      @if (relatedPostsLoading()) {\n        <p role=\"status\">Loading related posts...</p>\n      } @else if (relatedPostsError()) {\n        <p class=\"error\" role=\"alert\">{{ relatedPostsError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadRelatedPosts()\">Try again</button>\n      } @else {\n        <ul>\n          @for (post of relatedPosts(); track post.id) {\n            <li>\n              <span>#{{ post.id }} - {{ post.title }}</span>\n              <button mat-icon-button type=\"button\" [attr.aria-label]=\"'Remove related post ' + post.title\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removeRelatedPost(post.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>No related posts yet.</li>\n          }\n        </ul>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"addRelatedPost()\">\n          <mat-icon>add</mat-icon> Add related post\n        </button>\n      }\n    </section>\n    <section class=\"application-hook\" aria-labelledby=\"application-hook-heading\">\n      <h2 id=\"application-hook-heading\">Application Hook</h2>\n      @if (applicationHooksLoading()) {\n        <p role=\"status\">Loading application hooks...</p>\n      } @else if (applicationHooksError()) {\n        <p class=\"error\" role=\"alert\">{{ applicationHooksError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadApplicationHooks()\">Try again</button>\n      } @else {\n        <mat-checkbox\n          [checked]=\"useAsApplicationHook()\"\n          [disabled]=\"busy() || dialogOpen()\"\n          (change)=\"setUseAsApplicationHook($event.checked)\">\n          Use as application hook\n        </mat-checkbox>\n        @if (useAsApplicationHook()) {\n          <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n            <mat-label>Application Hook</mat-label>\n            <mat-select\n              [value]=\"selectedApplicationHook()\"\n              [disabled]=\"busy() || dialogOpen()\"\n              (selectionChange)=\"selectedApplicationHook.set($event.value)\">\n              @for (applicationHook of applicationHooks(); track applicationHook.id) {\n                <mat-option\n                  [value]=\"applicationHook.hook\"\n                  [disabled]=\"applicationHookInUseByAnotherPost(applicationHook)\">\n                  {{ applicationHookLabel(applicationHook.hook) }}\n                  @if (applicationHookInUseByAnotherPost(applicationHook)) {\n                    (in use by post #{{ applicationHook.contentId }})\n                  }\n                </mat-option>\n              } @empty {\n                <mat-option [disabled]=\"true\">No application hooks configured</mat-option>\n              }\n            </mat-select>\n          </mat-form-field>\n        }\n      }\n    </section>\n    <section class=\"post-permissions\" aria-labelledby=\"post-permissions-heading\">\n      <h2 id=\"post-permissions-heading\">Allow Read only with Permissions</h2>\n      @if (permissionsLoading()) {\n        <p role=\"status\">Loading assigned permissions...</p>\n      } @else if (permissionsError()) {\n        <p class=\"error\" role=\"alert\">{{ permissionsError() }}</p>\n        <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen()\" (click)=\"loadPermissions()\">Try again</button>\n      } @else {\n        <ul>\n          @for (permission of permissions(); track permission.id) {\n            <li>\n              <span>{{ permission.name }} ({{ permission.code }})</span>\n              <button mat-icon-button type=\"button\" [attr.aria-label]=\"'Remove permission ' + permission.name\" [disabled]=\"busy() || dialogOpen()\" (click)=\"removePermission(permission.id)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </li>\n          } @empty {\n            <li>No permissions assigned.</li>\n          }\n        </ul>\n        @if (permissionOptionsError()) {\n          <p class=\"error\" role=\"alert\">{{ permissionOptionsError() }}</p>\n          <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\" (click)=\"loadPermissionOptions()\">Try again</button>\n        } @else {\n          <div class=\"permission-assignment\">\n            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n              <mat-label>Permission</mat-label>\n              <mat-select\n                [value]=\"selectedPermissionId()\"\n                [disabled]=\"busy() || dialogOpen() || permissionOptionsLoading()\"\n                (selectionChange)=\"selectedPermissionId.set($event.value)\">\n                @for (permission of availablePermissions(); track permission.id) {\n                  <mat-option [value]=\"permission.id\">{{ permission.name }} ({{ permission.code }})</mat-option>\n                } @empty {\n                  <mat-option [disabled]=\"true\">No permissions available</mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n            <button mat-button type=\"button\" [disabled]=\"busy() || dialogOpen() || !selectedPermissionId()\" (click)=\"addPermission()\">\n              <mat-icon>add</mat-icon> Assign permission\n            </button>\n          </div>\n        }\n      }\n    </section>\n  } @else if (currentPost(); as post) {\n    <h1 class=\"post-title\">{{ post.title }}</h1>\n    @if (post.excerpt) {\n      <p class=\"post-excerpt\">{{ post.excerpt }}</p>\n    }\n    <div class=\"post-body\" [innerHTML]=\"post.body\"></div>\n  } @else {\n    <p role=\"status\">No post is loaded.</p>\n  }\n</article>", styles: [":host{display:block}.post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;border-bottom:1px solid rgba(136,136,136,.2)}.post-status{margin-right:auto;text-transform:capitalize;opacity:.7}.buttons{display:flex;flex-wrap:wrap;gap:.5rem}.post-article{max-width:760px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.5rem;overflow-wrap:anywhere}.post-title{margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}.post-excerpt{margin:0 0 2rem;font-size:1.35rem;line-height:1.6;opacity:.7;white-space:pre-wrap}.post-body{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;line-height:1.8;white-space:pre-wrap}.editable{min-height:1.2em;outline:none}.editable:focus{box-shadow:-3px 0 #8885}.editable:empty:before{content:attr(data-placeholder);opacity:.4;pointer-events:none}.post-body.editable{min-height:12rem}.slug-field{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid rgba(136,136,136,.2);font-size:.875rem}.slug-field input{flex:1;min-width:160px;padding:.5rem;color:inherit;background:transparent;border:1px solid rgba(136,136,136,.3333333333);border-radius:4px}.error{padding:1rem;color:#b3261e}.post-type-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.media-attachment,.related-posts,.application-hook,.post-permissions{margin-top:1.5rem;font-size:.875rem}.media-attachment h2,.related-posts h2,.application-hook h2,.post-permissions h2{font-size:1rem}.related-posts ul,.post-permissions ul{padding:0;list-style:none}.related-posts .application-hook,.post-permissions .application-hook{display:grid;align-items:start;gap:.75rem}.related-posts .application-hook mat-form-field,.post-permissions .application-hook mat-form-field{width:min(100%,28rem)}.related-posts li,.post-permissions li{display:flex;align-items:center;justify-content:space-between;gap:.5rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { post: [{ type: i0.Input, args: [{ isSignal: true, alias: "post", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], changed: [{ type: i0.Output, args: ["changed"] }], deleted: [{ type: i0.Output, args: ["deleted"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
 
 var taonCmsPost_component = /*#__PURE__*/Object.freeze({
@@ -3536,7 +3876,7 @@ class TaonCmsPostEditDialogComponent {
         this.ref.close(post);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostEditDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.9", type: TaonCmsPostEditDialogComponent, isStandalone: true, selector: "taon-cms-post-edit-dialog", viewQueries: [{ propertyName: "editor", first: true, predicate: TaonCmsPostComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<header class=\"dialog-header\">\n  <h2>{{ data.mode === 'add' ? 'Add post' : 'Manage post' }}</h2>\n  <button mat-icon-button type=\"button\" aria-label=\"Close post editor\" [disabled]=\"editor()?.busy() || editor()?.dialogOpen()\" (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</header>\n<taon-cms-post\n  [post]=\"data.post ?? null\"\n  [mode]=\"data.mode\"\n  (changed)=\"changed.emit($event)\"\n  (deleted)=\"deleted($event)\"\n  (cancelled)=\"close()\" />\n", styles: [":host{display:block;height:100%;overflow-y:auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid rgba(136,136,136,.2)}.dialog-header h2{margin:0;font-size:1rem;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: TaonCmsPostComponent, selector: "taon-cms-post", inputs: ["post", "mode"], outputs: ["modeChange", "changed", "deleted", "cancelled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.9", type: TaonCmsPostEditDialogComponent, isStandalone: true, selector: "taon-cms-post-edit-dialog", viewQueries: [{ propertyName: "editor", first: true, predicate: TaonCmsPostComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<header class=\"dialog-header\">\n  <h2>{{ data.mode === 'add' ? 'Add post' : 'Manage post' }}</h2>\n  <button mat-icon-button type=\"button\" aria-label=\"Close post editor\" [disabled]=\"editor()?.busy() || editor()?.dialogOpen()\" (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</header>\n<taon-cms-post\n  [post]=\"data.post ?? null\"\n  [mode]=\"data.mode\"\n  (changed)=\"changed.emit($event)\"\n  (deleted)=\"deleted($event)\"\n  (cancelled)=\"close()\" />\n", styles: [":host{display:block;height:100%;overflow-y:auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid rgba(136,136,136,.2)}.dialog-header h2{margin:0;font-size:1rem;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: TaonCmsPostComponent, selector: "taon-cms-post", inputs: ["post", "mode"], outputs: ["modeChange", "changed", "deleted", "cancelled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonCmsPostEditDialogComponent, decorators: [{
             type: Component,
@@ -3590,7 +3930,7 @@ class TaonCmsPostsBackofficeComponent {
         ];
     }
     get crud() {
-        return this.taonCmsContentApiService.taonCmsContentController;
+        return this.taonCmsContentApiService.crudController;
     }
     reload() {
         this.datatable.reload();
@@ -3682,9 +4022,8 @@ const resolvePost = async (route) => {
     if (!Number.isSafeInteger(id) || id <= 0) {
         throw new Error('Invalid Post ID');
     }
-    const apiService = inject(TaonCmsContentApiService);
-    const post = (await apiService.taonCmsContentController.getBy(id).request())
-        .body.json;
+    const taonCmsContentApiService = inject(TaonCmsContentApiService);
+    const post = await taonCmsContentApiService.getById(id);
     if (!post) {
         throw new Error('Post not found');
     }
@@ -3727,12 +4066,15 @@ var index$1 = /*#__PURE__*/Object.freeze({
     BUILD_FRAMEWORK_CLI_NAME: BUILD_FRAMEWORK_CLI_NAME,
     CURRENT_PACKAGE_TAON_VERSION: CURRENT_PACKAGE_TAON_VERSION,
     CURRENT_PACKAGE_VERSION: CURRENT_PACKAGE_VERSION,
+    get CmsContext_1791132517217_initial () { return CmsContext_1791132517217_initial; },
     MIGRATIONS_CLASSES_FOR_CmsContext: MIGRATIONS_CLASSES_FOR_CmsContext,
-    get MyAppGroup () { return MyAppGroup; },
-    get MyAppPermission () { return MyAppPermission; },
-    get MyAppRole () { return MyAppRole; },
     PROJECT_NPM_NAME: PROJECT_NPM_NAME,
+    get TaonAuthContextEntity () { return TaonAuthContextEntity; },
+    TaonAuthContextHasAccess: TaonAuthContextHasAccess,
+    get TaonAuthContextRepository () { return TaonAuthContextRepository; },
     TaonCmsAbstractContext: TaonCmsAbstractContext,
+    TaonCmsApplicationHook: TaonCmsApplicationHook,
+    get TaonCmsApplicationHookEntity () { return TaonCmsApplicationHookEntity; },
     TaonCmsAssetsBackofficeComponent: TaonCmsAssetsBackofficeComponent,
     TaonCmsAssetsBackofficeRoutes: TaonCmsAssetsBackofficeRoutes,
     TaonCmsBackofficeComponent: TaonCmsBackofficeComponent,
@@ -3837,9 +4179,11 @@ var index$1 = /*#__PURE__*/Object.freeze({
     get TaonCmsTagSubscriber () { return TaonCmsTagSubscriber; },
     get TaonCmsTagUtils () { return TaonCmsTagUtils; },
     TaonRelatedPostChooserComponent: TaonRelatedPostChooserComponent,
+    TaonSessionCoreGroups: TaonSessionCoreGroups,
+    TaonSessionCorePermissions: TaonSessionCorePermissions,
+    TaonSessionCoreRoles: TaonSessionCoreRoles,
     contentError: contentError,
     default: index,
-    myOrgProj: myOrgProj,
     requireContentId: requireContentId,
     requireContentVersion: requireContentVersion,
     startCli: startCli,
@@ -3850,5 +4194,5 @@ var index$1 = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ID, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, MIGRATIONS_CLASSES_FOR_CmsContext, MyAppGroup, MyAppPermission, MyAppRole, PROJECT_NPM_NAME, TaonCmsAbstractContext, 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, contentError, myOrgProj, requireContentId, requireContentVersion, startCli, validateContentInput };
+export { APP_ID, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, CmsContext_1791132517217_initial, MIGRATIONS_CLASSES_FOR_CmsContext, PROJECT_NPM_NAME, TaonAuthContextEntity, TaonAuthContextHasAccess, TaonAuthContextRepository, TaonCmsAbstractContext, TaonCmsApplicationHook, TaonCmsApplicationHookEntity, TaonCmsAssetsBackofficeComponent, TaonCmsAssetsBackofficeRoutes, TaonCmsBackofficeComponent, TaonCmsBackofficeRoutes, TaonCmsCategoryAbstractContext, TaonCmsCategoryApiService, TaonCmsCategoryController, TaonCmsCategoryDefaultsValues, TaonCmsCategoryEntity, TaonCmsCategoryMiddleware, TaonCmsCategoryProvider, TaonCmsCategoryRepository, TaonCmsCategoryState, TaonCmsCategorySubscriber, TaonCmsCategoryUtils, TaonCmsCommentAbstractContext, TaonCmsCommentApiService, TaonCmsCommentController, TaonCmsCommentDefaultsValues, TaonCmsCommentEntity, TaonCmsCommentMiddleware, TaonCmsCommentProvider, TaonCmsCommentRepository, TaonCmsCommentState, TaonCmsCommentSubscriber, TaonCmsCommentUtils, TaonCmsContentAbstractContext, TaonCmsContentApiService, TaonCmsContentAssetAbstractContext, TaonCmsContentAssetApiService, TaonCmsContentAssetController, TaonCmsContentAssetDefaultsValues, TaonCmsContentAssetEntity, TaonCmsContentAssetMiddleware, TaonCmsContentAssetProvider, TaonCmsContentAssetRepository, TaonCmsContentAssetState, TaonCmsContentAssetSubscriber, TaonCmsContentAssetUtils, TaonCmsContentConfigService, TaonCmsContentController, TaonCmsContentDefaultsValues, TaonCmsContentEntity, TaonCmsContentMiddleware, TaonCmsContentPermissionAbstractContext, TaonCmsContentPermissionApiService, TaonCmsContentPermissionController, TaonCmsContentPermissionDefaultsValues, TaonCmsContentPermissionEntity, TaonCmsContentPermissionMiddleware, TaonCmsContentPermissionProvider, TaonCmsContentPermissionRepository, TaonCmsContentPermissionState, TaonCmsContentPermissionSubscriber, TaonCmsContentPermissionUtils, TaonCmsContentProvider, TaonCmsContentRepository, TaonCmsContentRevisionAbstractContext, TaonCmsContentRevisionApiService, TaonCmsContentRevisionController, TaonCmsContentRevisionDefaultsValues, TaonCmsContentRevisionEntity, TaonCmsContentRevisionMiddleware, TaonCmsContentRevisionProvider, TaonCmsContentRevisionRepository, TaonCmsContentRevisionState, TaonCmsContentRevisionSubscriber, TaonCmsContentRevisionUtils, TaonCmsContentState, TaonCmsContentStorageController, TaonCmsContentSubscriber, TaonCmsContentTagAbstractContext, TaonCmsContentTagApiService, TaonCmsContentTagController, TaonCmsContentTagDefaultsValues, TaonCmsContentTagEntity, TaonCmsContentTagMiddleware, TaonCmsContentTagProvider, TaonCmsContentTagRepository, TaonCmsContentTagState, TaonCmsContentTagSubscriber, TaonCmsContentTagUtils, TaonCmsContentType, TaonCmsContentUtils, TaonCmsEditableDirective, TaonCmsPostComponent, TaonCmsPostDetailsPageComponent, TaonCmsPostEditDialogComponent, TaonCmsPostRoutes, TaonCmsPostsBackofficeComponent, TaonCmsPostsBackofficeRoutes, TaonCmsRevisionChooserComponent, TaonCmsTagAbstractContext, TaonCmsTagApiService, TaonCmsTagController, TaonCmsTagDefaultsValues, TaonCmsTagEntity, TaonCmsTagMiddleware, TaonCmsTagProvider, TaonCmsTagRepository, TaonCmsTagState, TaonCmsTagSubscriber, TaonCmsTagUtils, TaonRelatedPostChooserComponent, TaonSessionCoreGroups, TaonSessionCorePermissions, TaonSessionCoreRoles, contentError, requireContentId, requireContentVersion, startCli, validateContentInput };
 //# sourceMappingURL=cms-websql.mjs.map