@taon-dev/cms 21.0.22 → 21.0.24

package/full-dts/taon-posts/taon-cms-post/taon-cms-post.component.d.ts

@@ -1,5 +1,5 @@
 // @ts-nocheck
-import { ElementRef } from '@angular/core';
+import { AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
 import { Translation } from '@taon-dev/i18n/src';
 import type { TaonPermissionEntity } from '@taon-dev/session/src';
 import { Editor } from 'ngx-editor';
@@ -8,27 +8,37 @@ import type { TaonCmsApplicationHookEntity } from '../../taon-cms-application-ho
 import type { TaonCmsApplicationHook } from '../../taon-cms-application-hooks';
 import type { TaonCmsCategoryEntity } from '../../taon-cms-category/taon-cms-category.entity';
 import type { TaonCmsContentEntity } from '../../taon-cms-content/taon-cms-content.entity';
+import type { TaonCmsPostVersionKind, TaonCmsPostVersionLinks } from '../../taon-cms-content/taon-cms-content.models';
 import { TaonCmsContentType } from '../../taon-cms-content/taon-cms-content.models';
 import type { TaonCmsTemplateVariable } from '../../taon-cms-content/taon-cms-template-variables';
 import type { TaonCmsTagEntity } from '../../taon-cms-tag/taon-cms-tag.entity';
 import type { TaonCmsPostDraft, TaonCmsPostMode } from './taon-cms-post.models';
-export declare class TaonCmsPostComponent {
+export declare class TaonCmsPostComponent implements AfterViewInit {
     readonly t: Translation;
     readonly post: import("@angular/core", { with: { "resolution-mode": "import" } }).InputSignal<TaonCmsContentEntity>;
     readonly mode: import("@angular/core", { with: { "resolution-mode": "import" } }).ModelSignal<TaonCmsPostMode>;
     readonly changed: import("@angular/core", { with: { "resolution-mode": "import" } }).OutputEmitterRef<TaonCmsContentEntity>;
     readonly deleted: import("@angular/core", { with: { "resolution-mode": "import" } }).OutputEmitterRef<TaonCmsContentEntity>;
+    readonly editPostRequested: import("@angular/core", { with: { "resolution-mode": "import" } }).OutputEmitterRef<TaonCmsContentEntity>;
     readonly duplicated: import("@angular/core", { with: { "resolution-mode": "import" } }).OutputEmitterRef<TaonCmsContentEntity>;
     readonly cancelled: import("@angular/core", { with: { "resolution-mode": "import" } }).OutputEmitterRef<void>;
+    readonly actionButtonsTemplate: import("@angular/core", { with: { "resolution-mode": "import" } }).OutputEmitterRef<TemplateRef<unknown>>;
+    private readonly actionButtonsTemplateRef?;
     readonly currentPost: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<TaonCmsContentEntity>;
     readonly placeholderShortIntro: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<string>;
     readonly placeholderTitle: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<string>;
+    readonly visibilityInheritedTooltip: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<string>;
     readonly placeholderTellYourStory: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<string>;
     readonly draft: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<TaonCmsPostDraft>;
     readonly postTypes: {
         value: TaonCmsContentType;
         label: string;
     }[];
+    readonly currentPostType: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<{
+        value: TaonCmsContentType;
+        label: string;
+    }>;
+    readonly currentPostTypeIcon: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<"video_library" | "audiotrack" | "attach_file" | "article">;
     private readonly mediaAttachments;
     readonly mediaAttachment: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<{
         readonly type: TaonCmsContentType.Video;
@@ -81,6 +91,14 @@ export declare class TaonCmsPostComponent {
     readonly relatedPosts: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<TaonCmsContentEntity[]>;
     readonly relatedPostsLoading: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
     readonly relatedPostsError: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<string>;
+    readonly parentPost: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<TaonCmsContentEntity>;
+    readonly parentPostLoading: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
+    readonly parentPostError: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<string>;
+    readonly postVersionLinks: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<TaonCmsPostVersionLinks>;
+    readonly postVersionLinksLoading: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
+    readonly postVersionLinksError: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<string>;
+    readonly canEditPublicVersion: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<boolean>;
+    readonly canEditPrivateVersion: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<boolean>;
     readonly applicationHooks: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<TaonCmsApplicationHookEntity[]>;
     readonly applicationHooksLoading: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
     readonly applicationHooksError: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<string>;
@@ -88,6 +106,16 @@ export declare class TaonCmsPostComponent {
     readonly selectedApplicationHook: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<TaonCmsApplicationHook>;
     readonly permissions: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<TaonPermissionEntity[]>;
     readonly applyPermissionsToRelatedPosts: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
+    readonly applyVisibilityToRelatedPosts: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
+    readonly visibilitySource: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<{
+        id: number;
+        title: string;
+    }>;
+    readonly visibilityLoading: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
+    readonly visibilityError: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
+    readonly draftStatus: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<"draft" | "published" | "archived">;
+    readonly subtitleEmpty: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<boolean>;
+    readonly descriptionEmpty: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<boolean>;
     readonly permissionSource: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<{
         id: number;
         title: string;
@@ -101,7 +129,8 @@ export declare class TaonCmsPostComponent {
     readonly availablePermissions: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<TaonPermissionEntity[]>;
     readonly editing: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<boolean>;
     readonly canSave: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<boolean>;
-    readonly canPublish: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<boolean>;
+    readonly statusLabel: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<string>;
+    readonly statusControlDisabled: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<boolean>;
     private readonly api;
     private readonly contentConfig;
     readonly contentTab: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<number>;
@@ -114,20 +143,33 @@ export declare class TaonCmsPostComponent {
     private readonly dialog;
     private readonly destroyRef;
     private relatedPostsLoad?;
+    private parentPostRequest;
+    private visibilityRequest;
+    private postVersionLinksRequest;
     private applicationHooksLoad?;
     private permissionsLoad?;
+    ngAfterViewInit(): void;
     constructor();
-    loadTaxonomy(): void;
+    loadTaxonomy(preserveSelectedTags?: boolean): void;
     addTag(id: number): void;
     removeTag(id: number): void;
     filterTags(event: Event): void;
+    createTaxonomy(taxonomy: 'category' | 'tag'): void;
     applyDefaultThumbnail(): void;
     thumbnailSelected(event: Event): Promise<void>;
     private storeThumbnail;
     private releaseThumbnailPreview;
     loadRelatedPosts(): void;
+    private loadParentPost;
+    private loadVisibilityConfiguration;
+    loadPostVersionLinks(post: TaonCmsContentEntity | null): void;
+    requestPostEditor(event: Event, post: TaonCmsContentEntity): void;
+    removeParentPost(): void;
     addRelatedPost(): void;
+    addAsChildOf(): void;
     removeRelatedPost(id: number): void;
+    selectVersionPost(kind: TaonCmsPostVersionKind): void;
+    removeVersionPost(kind: TaonCmsPostVersionKind): void;
     loadApplicationHooks(): void;
     setUseAsApplicationHook(enabled: boolean): void;
     applicationHookInUseByAnotherPost(applicationHook: TaonCmsApplicationHookEntity): boolean;
@@ -137,6 +179,7 @@ export declare class TaonCmsPostComponent {
     removePermission(id: number): void;
     loadPermissionOptions(): void;
     updateRawContent(event: Event): void;
+    setContentTab(index: number): void;
     insertVariable(variable: TaonCmsTemplateVariable): void;
     updateDraft<K extends keyof TaonCmsPostDraft>(field: K, value: TaonCmsPostDraft[K]): void;
     fileSelected(event: Event): Promise<void>;
@@ -149,11 +192,13 @@ export declare class TaonCmsPostComponent {
     edit(): void;
     cancel(): void;
     save(): void;
-    publish(): void;
-    unpublish(): void;
+    selectStatus(): void;
+    private isEmptyContent;
+    generateLoremIpsum(field: 'excerpt' | 'body'): void;
     revert(): void;
     delete(): void;
     duplicate(): void;
+    private runDuplication;
     private updateInput;
     private requirePost;
     private setPost;

package/full-dts/taon-posts/taon-cms-post-details-page/i18n/taon-cms-post-details-page.component.ts.de-DE.i18n.data.d.ts

@@ -2,16 +2,21 @@
 export interface DeDeTraslationOverrideSrcLibTaonPostsTaonCmsPostDetailsPageTaonCmsPostDetailsPageComponentTs {
     "de-DE": {
         "": {
+            "Back to Courses"?: string;
             "Back to Posts"?: string;
         };
     };
 }
 declare const _default: {
     fileRelativePath: string;
-    tags: {
+    tags: ({
+        gettextString: string;
+        lineNumber: number;
+        translation?: undefined;
+    } | {
         gettextString: string;
         lineNumber: number;
         translation: string;
-    }[];
+    })[];
 };
 export default _default;

package/full-dts/taon-posts/taon-cms-post-details-page/i18n/taon-cms-post-details-page.component.ts.en-US.i18n.data.d.ts

@@ -2,16 +2,21 @@
 export interface EnUsTraslationOverrideSrcLibTaonPostsTaonCmsPostDetailsPageTaonCmsPostDetailsPageComponentTs {
     "en-US": {
         "": {
+            "Back to Courses"?: string;
             "Back to Posts"?: string;
         };
     };
 }
 declare const _default: {
     fileRelativePath: string;
-    tags: {
+    tags: ({
+        gettextString: string;
+        lineNumber: number;
+        translation?: undefined;
+    } | {
         gettextString: string;
         lineNumber: number;
         translation: string;
-    }[];
+    })[];
 };
 export default _default;

package/full-dts/taon-posts/taon-cms-post-details-page/i18n/taon-cms-post-details-page.component.ts.pl-PL.i18n.data.d.ts

@@ -2,16 +2,21 @@
 export interface PlPlTraslationOverrideSrcLibTaonPostsTaonCmsPostDetailsPageTaonCmsPostDetailsPageComponentTs {
     "pl-PL": {
         "": {
+            "Back to Courses"?: string;
             "Back to Posts"?: string;
         };
     };
 }
 declare const _default: {
     fileRelativePath: string;
-    tags: {
+    tags: ({
+        gettextString: string;
+        lineNumber: number;
+        translation?: undefined;
+    } | {
         gettextString: string;
         lineNumber: number;
         translation: string;
-    }[];
+    })[];
 };
 export default _default;

package/full-dts/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.d.ts

@@ -1,14 +1,21 @@
 // @ts-nocheck
+import { TemplateRef } from '@angular/core';
 import { Translation } from '@taon-dev/i18n/src';
 import type { TaonCmsContentEntity } from '../../taon-cms-content/taon-cms-content.entity';
 export declare class TaonCmsPostDetailsPageComponent {
     readonly t: Translation;
     private readonly route;
     private readonly router;
+    private readonly contentFooterService;
+    private readonly destroyRef;
     readonly page$: import("rxjs").Observable<{
         create: boolean;
         post: TaonCmsContentEntity;
+        fromCourses: boolean;
     }>;
+    constructor();
+    setFooterTemplate(template: TemplateRef<unknown>): void;
+    goBack(fromCourses: boolean): void;
     onChanged(post: TaonCmsContentEntity, create: boolean): void;
     openPost(post: TaonCmsContentEntity): void;
     onCancelled(create: boolean): void;

package/full-dts/taon-posts/taon-cms-posts-backoffice/i18n/taon-cms-post-table-actions.directive.ts.de-DE.i18n.data.d.ts

@@ -3,15 +3,20 @@ export interface DeDeTraslationOverrideSrcLibTaonPostsTaonCmsPostsBackofficeTaon
     "de-DE": {
         "": {
             "Actions"?: string;
+            "Archive or permanently delete post"?: string;
+            "Archive post?"?: string;
             "Delete"?: string;
-            "Delete (archive) post"?: string;
-            "Delete post?"?: string;
+            "Duplicate only this post"?: string;
             "Duplicate post"?: string;
+            "Duplicate this post and its children"?: string;
+            "Permanently delete"?: string;
+            "Permanently delete post?"?: string;
             "Post details"?: string;
             "The Post details route is unavailable."?: string;
             "The post could not be deleted. Refresh the table before retrying."?: string;
             "The post could not be duplicated. Please try again."?: string;
             "This archives the post. It can be restored from its revisions."?: string;
+            "This permanently deletes the post and its assets. This action cannot be undone."?: string;
         };
     };
 }
@@ -20,6 +25,7 @@ declare const _default: {
     tags: {
         gettextString: string;
         lineNumber: number;
+        translation: string;
     }[];
 };
 export default _default;

package/full-dts/taon-posts/taon-cms-posts-backoffice/i18n/taon-cms-post-table-actions.directive.ts.en-US.i18n.data.d.ts

@@ -3,15 +3,20 @@ export interface EnUsTraslationOverrideSrcLibTaonPostsTaonCmsPostsBackofficeTaon
     "en-US": {
         "": {
             "Actions"?: string;
+            "Archive or permanently delete post"?: string;
+            "Archive post?"?: string;
             "Delete"?: string;
-            "Delete (archive) post"?: string;
-            "Delete post?"?: string;
+            "Duplicate only this post"?: string;
             "Duplicate post"?: string;
+            "Duplicate this post and its children"?: string;
+            "Permanently delete"?: string;
+            "Permanently delete post?"?: string;
             "Post details"?: string;
             "The Post details route is unavailable."?: string;
             "The post could not be deleted. Refresh the table before retrying."?: string;
             "The post could not be duplicated. Please try again."?: string;
             "This archives the post. It can be restored from its revisions."?: string;
+            "This permanently deletes the post and its assets. This action cannot be undone."?: string;
         };
     };
 }

package/full-dts/taon-posts/taon-cms-posts-backoffice/i18n/taon-cms-post-table-actions.directive.ts.pl-PL.i18n.data.d.ts

@@ -3,15 +3,20 @@ export interface PlPlTraslationOverrideSrcLibTaonPostsTaonCmsPostsBackofficeTaon
     "pl-PL": {
         "": {
             "Actions"?: string;
+            "Archive or permanently delete post"?: string;
+            "Archive post?"?: string;
             "Delete"?: string;
-            "Delete (archive) post"?: string;
-            "Delete post?"?: string;
+            "Duplicate only this post"?: string;
             "Duplicate post"?: string;
+            "Duplicate this post and its children"?: string;
+            "Permanently delete"?: string;
+            "Permanently delete post?"?: string;
             "Post details"?: string;
             "The Post details route is unavailable."?: string;
             "The post could not be deleted. Refresh the table before retrying."?: string;
             "The post could not be duplicated. Please try again."?: string;
             "This archives the post. It can be restored from its revisions."?: string;
+            "This permanently deletes the post and its assets. This action cannot be undone."?: string;
         };
     };
 }
@@ -20,6 +25,7 @@ declare const _default: {
     tags: {
         gettextString: string;
         lineNumber: number;
+        translation: string;
     }[];
 };
 export default _default;

package/full-dts/taon-posts/taon-cms-posts-backoffice/i18n/taon-cms-posts-backoffice.component.html.de-DE.i18n.data.d.ts

@@ -2,8 +2,15 @@
 export interface DeDeTraslationOverrideSrcLibTaonPostsTaonCmsPostsBackofficeTaonCmsPostsBackofficeComponentHtml {
     "de-DE": {
         "": {
+            "Archived"?: string;
             "CMS posts"?: string;
+            "Draft"?: string;
+            "ID"?: string;
             "Loading posts..."?: string;
+            "Published"?: string;
+            "Slug"?: string;
+            "Status"?: string;
+            "Title"?: string;
         };
     };
 }

package/full-dts/taon-posts/taon-cms-posts-backoffice/i18n/taon-cms-posts-backoffice.component.html.en-US.i18n.data.d.ts

@@ -2,17 +2,28 @@
 export interface EnUsTraslationOverrideSrcLibTaonPostsTaonCmsPostsBackofficeTaonCmsPostsBackofficeComponentHtml {
     "en-US": {
         "": {
+            "Archived"?: string;
             "CMS posts"?: string;
+            "Draft"?: string;
+            "ID"?: string;
             "Loading posts..."?: string;
+            "Published"?: string;
+            "Slug"?: string;
+            "Status"?: string;
+            "Title"?: string;
         };
     };
 }
 declare const _default: {
     fileRelativePath: string;
-    tags: {
+    tags: ({
         gettextString: string;
         lineNumber: number;
         translation: string;
-    }[];
+    } | {
+        gettextString: string;
+        lineNumber: number;
+        translation?: undefined;
+    })[];
 };
 export default _default;

package/full-dts/taon-posts/taon-cms-posts-backoffice/i18n/taon-cms-posts-backoffice.component.html.pl-PL.i18n.data.d.ts

@@ -2,8 +2,15 @@
 export interface PlPlTraslationOverrideSrcLibTaonPostsTaonCmsPostsBackofficeTaonCmsPostsBackofficeComponentHtml {
     "pl-PL": {
         "": {
+            "Archived"?: string;
             "CMS posts"?: string;
+            "Draft"?: string;
+            "ID"?: string;
             "Loading posts..."?: string;
+            "Published"?: string;
+            "Slug"?: string;
+            "Status"?: string;
+            "Title"?: string;
         };
     };
 }

package/full-dts/taon-posts/taon-cms-posts-backoffice/i18n/taon-cms-posts-backoffice.component.ts.de-DE.i18n.data.d.ts

@@ -2,6 +2,7 @@
 export interface DeDeTraslationOverrideSrcLibTaonPostsTaonCmsPostsBackofficeTaonCmsPostsBackofficeComponentTs {
     "de-DE": {
         "": {
+            "Slug"?: string;
             "Status"?: string;
             "Title"?: string;
         };

package/full-dts/taon-posts/taon-cms-posts-backoffice/i18n/taon-cms-posts-backoffice.component.ts.en-US.i18n.data.d.ts

@@ -2,6 +2,7 @@
 export interface EnUsTraslationOverrideSrcLibTaonPostsTaonCmsPostsBackofficeTaonCmsPostsBackofficeComponentTs {
     "en-US": {
         "": {
+            "Slug"?: string;
             "Status"?: string;
             "Title"?: string;
         };
@@ -9,10 +10,14 @@ export interface EnUsTraslationOverrideSrcLibTaonPostsTaonCmsPostsBackofficeTaon
 }
 declare const _default: {
     fileRelativePath: string;
-    tags: {
+    tags: ({
         gettextString: string;
         lineNumber: number;
         translation: string;
-    }[];
+    } | {
+        gettextString: string;
+        lineNumber: number;
+        translation?: undefined;
+    })[];
 };
 export default _default;

package/full-dts/taon-posts/taon-cms-posts-backoffice/i18n/taon-cms-posts-backoffice.component.ts.pl-PL.i18n.data.d.ts

@@ -2,6 +2,7 @@
 export interface PlPlTraslationOverrideSrcLibTaonPostsTaonCmsPostsBackofficeTaonCmsPostsBackofficeComponentTs {
     "pl-PL": {
         "": {
+            "Slug"?: string;
             "Status"?: string;
             "Title"?: string;
         };

package/full-dts/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.d.ts

@@ -11,6 +11,7 @@ export declare abstract class TaonCmsPostTableActions {
     readonly error: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<string>;
     protected readonly destroyRef: DestroyRef;
     protected readonly postPath: string[];
+    protected readonly backContext: 'posts' | 'courses';
     private readonly dialog;
     private readonly route;
     private readonly router;
@@ -20,5 +21,6 @@ export declare abstract class TaonCmsPostTableActions {
     openDetails(post: TaonCmsContentEntity): void;
     private openPost;
     duplicate(post: TaonCmsContentEntity): void;
+    private runDuplication;
     delete(post: TaonCmsContentEntity): void;
 }

package/full-dts/taon-posts/taon-related-post-chooser/i18n/taon-related-post-chooser.component.html.de-DE.i18n.data.d.ts

@@ -6,6 +6,7 @@ export interface DeDeTraslationOverrideSrcLibTaonPostsTaonRelatedPostChooserTaon
             "Cancel"?: string;
             "Loading posts..."?: string;
             "No matching posts available."?: string;
+            "Related post"?: string;
             "Search posts"?: string;
             "Search posts by ID, title or slug"?: string;
             "Try again"?: string;

package/full-dts/taon-posts/taon-related-post-chooser/i18n/taon-related-post-chooser.component.html.en-US.i18n.data.d.ts

@@ -6,6 +6,7 @@ export interface EnUsTraslationOverrideSrcLibTaonPostsTaonRelatedPostChooserTaon
             "Cancel"?: string;
             "Loading posts..."?: string;
             "No matching posts available."?: string;
+            "Related post"?: string;
             "Search posts"?: string;
             "Search posts by ID, title or slug"?: string;
             "Try again"?: string;

package/full-dts/taon-posts/taon-related-post-chooser/i18n/taon-related-post-chooser.component.html.pl-PL.i18n.data.d.ts

@@ -6,6 +6,7 @@ export interface PlPlTraslationOverrideSrcLibTaonPostsTaonRelatedPostChooserTaon
             "Cancel"?: string;
             "Loading posts..."?: string;
             "No matching posts available."?: string;
+            "Related post"?: string;
             "Search posts"?: string;
             "Search posts by ID, title or slug"?: string;
             "Try again"?: string;

package/full-dts/taon-posts/taon-related-post-chooser/taon-related-post-chooser.component.d.ts

@@ -4,6 +4,11 @@ import type { TaonCmsContentEntity } from '../../taon-cms-content/taon-cms-conte
 export interface TaonRelatedPostChooserData {
     postId?: number;
     excludedIds: number[];
+    eligibleStatuses?: string[];
+    dialogTitle?: string;
+    confirmLabel?: string;
+    selectionLabel?: string;
+    selectionError?: string;
 }
 export declare class TaonRelatedPostChooserComponent {
     readonly t: Translation;

package/html/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.html

@@ -16,7 +16,7 @@
     @case ('video') {
       <video
         controls
-        preload="none"
+        preload="metadata"
         [src]="url()"
         (error)="playbackError()">
         {{ t.gettext('Your browser does not support video playback.') }}

package/html/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-all-preview-backoffice/taon-cms-comments-all-preview-backoffice.component.html

@@ -0,0 +1,55 @@
+<h1>{{ t.gettext('CMS comments') }}</h1>
+<form (submit)="$event.preventDefault(); applyFilters()">
+  <label>
+    {{ t.gettext('ID') }}
+    <input [ngModel]="idFilter()" (ngModelChange)="idFilter.set($event)" name="id" />
+  </label>
+  <label>
+    {{ t.gettext('Text in comment') }}
+    <input [ngModel]="textFilter()" (ngModelChange)="textFilter.set($event)" name="text" />
+  </label>
+  <label>
+    {{ t.gettext('Author') }}
+    <input [ngModel]="authorFilter()" (ngModelChange)="authorFilter.set($event)" name="author" />
+  </label>
+  <button mat-button type="submit">{{ t.gettext('Apply filters') }}</button>
+</form>
+@if (loading()) {
+  <p role="status">{{ t.gettext('Loading comments...') }}</p>
+}
+@if (error()) {
+  <p role="alert">{{ error() }}</p>
+}
+<ng-template #expanded let-comment>
+  <section>
+    <p><strong>{{ t.gettext('Full comment') }}:</strong> {{ comment.body }}</p>
+    <p>{{ t.gettext('Author') }}: {{ comment.authorName }}</p>
+    <p>{{ t.gettext('Created') }}: {{ comment.createdAt | date: 'medium' }}</p>
+    <p>
+      {{ t.gettext('Post') }}:
+      <a [routerLink]="['../../posts', comment.contentId]">{{ comment.postTitle }}</a>
+    </p>
+    <p>{{ t.gettext('Votes') }}: {{ comment.upvotes }} / {{ comment.downvotes }} ({{ comment.voteScore }})</p>
+    <p>{{ t.gettext('Spam reports') }}: {{ comment.spamReports }}</p>
+    <button mat-button color="warn" type="button" (click)="delete(comment)">
+      {{ t.gettext('Delete comment') }}
+    </button>
+  </section>
+</ng-template>
+<taon-datatable
+  [data]="comments()"
+  [columns]="columns"
+  [hideAddButton]="true"
+  [showPaginator]="false"
+  [expansionTemplate]="expanded"
+  searchMode="simple">
+</taon-datatable>
+<nav aria-label="Comment pages">
+  <button mat-button type="button" [disabled]="pageNumber() <= 1 || loading()" (click)="previousPage()">
+    {{ t.gettext('Previous') }}
+  </button>
+  <span>{{ t.gettext('Page [[ page ]]', { page: pageNumber() }) }}</span>
+  <button mat-button type="button" [disabled]="pageNumber() * pageSize >= total() || loading()" (click)="nextPage()">
+    {{ t.gettext('Next') }}
+  </button>
+</nav>

package/html/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-backoffice.component.html

@@ -0,0 +1 @@
+<router-outlet></router-outlet>

package/html/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-blocked-users/taon-cms-comments-blocked-users.component.html

@@ -0,0 +1,35 @@
+<h1>{{ t.gettext('Comment-blocked users') }}</h1>
+<p>{{ t.gettext('Blocking comments here does not block Session sign-in.') }}</p>
+<form (submit)="$event.preventDefault(); block()">
+  <label>
+    {{ t.gettext('User ID') }}
+    <input [ngModel]="userId()" (ngModelChange)="userId.set($event)" name="userId" />
+  </label>
+  <button mat-flat-button type="submit" [disabled]="loading()">{{ t.gettext('Block commenting') }}</button>
+</form>
+@if (error()) {
+  <p role="alert">{{ error() }}</p>
+}
+@if (loading()) {
+  <p role="status">{{ t.gettext('Loading blocked users...') }}</p>
+}
+<table>
+  <thead>
+    <tr><th>{{ t.gettext('User ID') }}</th><th>{{ t.gettext('Actions') }}</th></tr>
+  </thead>
+  <tbody>
+    @for (user of visibleUsers; track user.id) {
+      <tr>
+        <td>{{ user.userId }}</td>
+        <td><button mat-button type="button" (click)="unblock(user.userId)">{{ t.gettext('Activate commenting') }}</button></td>
+      </tr>
+    } @empty {
+      <tr><td colspan="2">{{ t.gettext('No users are blocked from commenting.') }}</td></tr>
+    }
+  </tbody>
+</table>
+<nav aria-label="Blocked user pages">
+  <button mat-button type="button" [disabled]="page() <= 1" (click)="changePage(-1)">{{ t.gettext('Previous') }}</button>
+  <span>{{ t.gettext('Page [[ page ]]', { page: page() }) }}</span>
+  <button mat-button type="button" [disabled]="page() * pageSize >= blockedUsers().length" (click)="changePage(1)">{{ t.gettext('Next') }}</button>
+</nav>

package/html/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.html

@@ -0,0 +1,25 @@
+<h1>{{ t.gettext('Comment filters') }}</h1>
+<p>{{ t.gettext('Comments containing any configured word or phrase are rejected.') }}</p>
+<form (submit)="$event.preventDefault(); add()">
+  <label>
+    {{ t.gettext('Blocked word or phrase') }}
+    <input [ngModel]="phrase()" (ngModelChange)="phrase.set($event)" name="phrase" />
+  </label>
+  <button mat-flat-button type="submit" [disabled]="loading() || !phrase().trim()">{{ t.gettext('Add') }}</button>
+</form>
+@if (error()) {
+  <p role="alert">{{ error() }}</p>
+}
+@if (loading()) {
+  <p role="status">{{ t.gettext('Loading blocked phrases...') }}</p>
+}
+<ul>
+  @for (item of phrases(); track item.id) {
+    <li>
+      {{ item.phrase }}
+      <button mat-button type="button" (click)="remove(item.id)">{{ t.gettext('Delete') }}</button>
+    </li>
+  } @empty {
+    <li>{{ t.gettext('No blocked words or phrases configured.') }}</li>
+  }
+</ul>