@taon-dev/cms 21.0.16 → 21.0.17

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/i18n/taon-cms-assets-backoffice.component.html.en-US.i18n.data.ts

@@ -0,0 +1,41 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface EnUsTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentHtml {
+    "en-US": {
+        "": {
+            "CMS assets"?: string;
+            "Loading assets..."?: string;
+            "Reload assets"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html",
+    "tags": [
+        {
+            "gettextString": "CMS assets",
+            "lineNumber": 1,
+            "translation": "CMS assets"
+        },
+        {
+            "gettextString": "Reload assets",
+            "lineNumber": 7,
+            "translation": "Reload assets"
+        },
+        {
+            "gettextString": "Loading assets...",
+            "lineNumber": 10,
+            "translation": "Loading assets..."
+        }
+    ]
+};

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/i18n/taon-cms-assets-backoffice.component.html.en-US.po

@@ -0,0 +1,17 @@
+msgid ""
+msgstr ""
+"Language: en-US\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html:1
+msgid "CMS assets"
+msgstr "CMS assets"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html:7
+msgid "Reload assets"
+msgstr "Reload assets"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html:10
+msgid "Loading assets..."
+msgstr "Loading assets..."

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/i18n/taon-cms-assets-backoffice.component.html.pl-PL.i18n.data.ts

@@ -0,0 +1,41 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface PlPlTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentHtml {
+    "pl-PL": {
+        "": {
+            "CMS assets"?: string;
+            "Loading assets..."?: string;
+            "Reload assets"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html",
+    "tags": [
+        {
+            "gettextString": "CMS assets",
+            "lineNumber": 1,
+            "translation": "Aktyw CMS"
+        },
+        {
+            "gettextString": "Reload assets",
+            "lineNumber": 7,
+            "translation": "Aktyw przeładowania"
+        },
+        {
+            "gettextString": "Loading assets...",
+            "lineNumber": 10,
+            "translation": "Ładowanie aktywów..."
+        }
+    ]
+};

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/i18n/taon-cms-assets-backoffice.component.html.pl-PL.po

@@ -0,0 +1,17 @@
+msgid ""
+msgstr ""
+"Language: pl-PL\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html:1
+msgid "CMS assets"
+msgstr "Aktyw CMS"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html:7
+msgid "Reload assets"
+msgstr "Aktyw przeładowania"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html:10
+msgid "Loading assets..."
+msgstr "Ładowanie aktywów..."

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/i18n/taon-cms-assets-backoffice.component.ts.de-DE.i18n.data.ts

@@ -0,0 +1,41 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface DeDeTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentTs {
+    "de-DE": {
+        "": {
+            "Assets could not be loaded. Please try reloading."?: string;
+            "Content Type"?: string;
+            "File Name"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts",
+    "tags": [
+        {
+            "gettextString": "File Name",
+            "lineNumber": 55,
+            "translation": "Dateiname"
+        },
+        {
+            "gettextString": "Content Type",
+            "lineNumber": 57,
+            "translation": "Inhaltstype"
+        },
+        {
+            "gettextString": "Assets could not be loaded. Please try reloading.",
+            "lineNumber": 94,
+            "translation": "Die Vermögenswerte konnten nicht geladen werden."
+        }
+    ]
+};

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/i18n/taon-cms-assets-backoffice.component.ts.de-DE.po

@@ -0,0 +1,17 @@
+msgid ""
+msgstr ""
+"Language: de-DE\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts:55
+msgid "File Name"
+msgstr "Dateiname"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts:57
+msgid "Content Type"
+msgstr "Inhaltstype"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts:94
+msgid "Assets could not be loaded. Please try reloading."
+msgstr "Die Vermögenswerte konnten nicht geladen werden."

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/i18n/taon-cms-assets-backoffice.component.ts.en-US.i18n.data.ts

@@ -0,0 +1,41 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface EnUsTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentTs {
+    "en-US": {
+        "": {
+            "Assets could not be loaded. Please try reloading."?: string;
+            "Content Type"?: string;
+            "File Name"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts",
+    "tags": [
+        {
+            "gettextString": "File Name",
+            "lineNumber": 55,
+            "translation": "File Name"
+        },
+        {
+            "gettextString": "Content Type",
+            "lineNumber": 57,
+            "translation": "Content Type"
+        },
+        {
+            "gettextString": "Assets could not be loaded. Please try reloading.",
+            "lineNumber": 94,
+            "translation": "Assets could not be loaded. Please try reloading."
+        }
+    ]
+};

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/i18n/taon-cms-assets-backoffice.component.ts.en-US.po

@@ -0,0 +1,17 @@
+msgid ""
+msgstr ""
+"Language: en-US\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts:55
+msgid "File Name"
+msgstr "File Name"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts:57
+msgid "Content Type"
+msgstr "Content Type"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts:94
+msgid "Assets could not be loaded. Please try reloading."
+msgstr "Assets could not be loaded. Please try reloading."

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/i18n/taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data.ts

@@ -0,0 +1,41 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface PlPlTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentTs {
+    "pl-PL": {
+        "": {
+            "Assets could not be loaded. Please try reloading."?: string;
+            "Content Type"?: string;
+            "File Name"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts",
+    "tags": [
+        {
+            "gettextString": "File Name",
+            "lineNumber": 55,
+            "translation": "Nazwa pliku"
+        },
+        {
+            "gettextString": "Content Type",
+            "lineNumber": 57,
+            "translation": "Rodzaj treści"
+        },
+        {
+            "gettextString": "Assets could not be loaded. Please try reloading.",
+            "lineNumber": 94,
+            "translation": "Aktyw nie można było załadować."
+        }
+    ]
+};

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/i18n/taon-cms-assets-backoffice.component.ts.pl-PL.po

@@ -0,0 +1,17 @@
+msgid ""
+msgstr ""
+"Language: pl-PL\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts:55
+msgid "File Name"
+msgstr "Nazwa pliku"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts:57
+msgid "Content Type"
+msgstr "Rodzaj treści"
+
+#: src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts:94
+msgid "Assets could not be loaded. Please try reloading."
+msgstr "Aktyw nie można było załadować."

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/i18n/taon-cms-assets-backoffice.translation.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/i18n/taon-cms-assets-backoffice.translation.ts

@@ -0,0 +1,27 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { CoreModels__NS__BaseProjectType, CoreModels__NS__BaseProjectTypeArr, CoreModels__NS__BuildType, CoreModels__NS__BuildTypeArr, CoreModels__NS__buildTypeToWatcherFn, CoreModels__NS__BuildWatcherErrorType, CoreModels__NS__BuildWatcherType, CoreModels__NS__BuildWatcherTypeArr, CoreModels__NS__CfontAlign, CoreModels__NS__CfontStyle, CoreModels__NS__ClassNameStaticProperty, CoreModels__NS__ContentType, CoreModels__NS__ContentTypeKeys, CoreModels__NS__CoreLibCategory, CoreModels__NS__CutableFileExt, CoreModels__NS__DatabaseType, CoreModels__NS__DeepPartial, CoreModels__NS__FileEvent, CoreModels__NS__FileExtension, CoreModels__NS__FirstParamsFrom, CoreModels__NS__FrameworkVersion, CoreModels__NS__GitConnection, CoreModels__NS__GitConnectionArr, CoreModels__NS__GlobalDependencies, CoreModels__NS__hasExitCleaningFunction, CoreModels__NS__HttpCode, CoreModels__NS__HttpMethod, CoreModels__NS__HttpMethodArr, CoreModels__NS__ImageFileExtension, CoreModels__NS__ImageFileExtensionArr, CoreModels__NS__InstalationType, CoreModels__NS__InstalationTypeArr, CoreModels__NS__LibType, CoreModels__NS__localhostDomain, CoreModels__NS__localhostIp127, CoreModels__NS__ManifestIcon, CoreModels__NS__MediaType, CoreModels__NS__MediaTypeAllArr, CoreModels__NS__mimeTypes, CoreModels__NS__NewFactoryType, CoreModels__NS__NpmInstallOptions, CoreModels__NS__NpmPublishOptions, CoreModels__NS__NpmSpecialVersions, CoreModels__NS__OrignalClassKey, CoreModels__NS__OutFolder, CoreModels__NS__Package, CoreModels__NS__ParamType, CoreModels__NS__parentLocation, CoreModels__NS__pathToChildren, CoreModels__NS__Position, CoreModels__NS__PreReleaseVersionTag, CoreModels__NS__PROGRESS_DATA_TYPE, CoreModels__NS__PUSHTYPE, CoreModels__NS__PwaManifest, CoreModels__NS__ReleaseVersionType, CoreModels__NS__ReleaseVersionTypeEnum, CoreModels__NS__RunOptions, CoreModels__NS__Size, CoreModels__NS__SPECIAL_APP_READY_MESSAGE, CoreModels__NS__SPECIAL_WORKER_READY_MESSAGE, CoreModels__NS__StatusCode401, CoreModels__NS__tagForTaskName, CoreModels__NS__TaonHttpErrorCustomProp, CoreModels__NS__TsUsage, CoreModels__NS__UIFramework, CoreModels__NS__ValueOf, CoreModels__NS__VSCodeSettings } from 'tnp-core/browser-prod';
+import { EnUsTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetPreviewComponentHtml } from './taon-cms-asset-preview.component.html.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetPreviewComponentHtml } from './taon-cms-asset-preview.component.html.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetPreviewComponentHtml } from './taon-cms-asset-preview.component.html.de-DE.i18n.data';
+import { EnUsTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetPreviewComponentTs } from './taon-cms-asset-preview.component.ts.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetPreviewComponentTs } from './taon-cms-asset-preview.component.ts.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetPreviewComponentTs } from './taon-cms-asset-preview.component.ts.de-DE.i18n.data';
+import { EnUsTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentHtml } from './taon-cms-assets-backoffice.component.html.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentHtml } from './taon-cms-assets-backoffice.component.html.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentHtml } from './taon-cms-assets-backoffice.component.html.de-DE.i18n.data';
+import { EnUsTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentTs } from './taon-cms-assets-backoffice.component.ts.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentTs } from './taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentTs } from './taon-cms-assets-backoffice.component.ts.de-DE.i18n.data';
+;
+export type TaonCmsAssetsBackofficeOverride = CoreModels__NS__DeepPartial<EnUsTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetPreviewComponentHtml | PlPlTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetPreviewComponentHtml | DeDeTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetPreviewComponentHtml | EnUsTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetPreviewComponentTs | PlPlTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetPreviewComponentTs | DeDeTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetPreviewComponentTs | EnUsTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentHtml | PlPlTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentHtml | DeDeTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentHtml | EnUsTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentTs | PlPlTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentTs | DeDeTraslationOverrideSrcLibTaonCmsAssetsBackofficeTaonCmsAssetsBackofficeComponentTs>;

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/taon-cms-asset-preview.component.html

@@ -0,0 +1,57 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+@if (loading()) {
+  <p role="status">{{ t.gettext('Loading asset preview...') }}</p>
+}
+@if (error()) {
+  <p role="alert">{{ error() }}</p>
+  <button
+    mat-button
+    type="button"
+    [disabled]="loading()"
+    (click)="reload()">
+    {{ t.gettext('Retry preview') }}
+  </button>
+}
+@if (url()) {
+  @switch (previewKind) {
+    @case ('video') {
+      <video
+        controls
+        preload="none"
+        [src]="url()"
+        (error)="playbackError()">
+        {{ t.gettext('Your browser does not support video playback.') }}
+      </video>
+    }
+    @case ('audio') {
+      <audio
+        controls
+        preload="none"
+        [src]="url()"
+        (error)="playbackError()">
+        {{ t.gettext('Your browser does not support audio playback.') }}
+      </audio>
+    }
+    @default {
+      <a
+        [href]="url()"
+        [attr.download]="asset.fileName"
+        target="_blank"
+        rel="noopener">
+        {{ asset.fileName || asset.key }}
+      </a>
+    }
+  }
+}

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/taon-cms-asset-preview.component.scss

@@ -0,0 +1,22 @@
+/* ============================================================================
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+:host {
+  display: block;
+  padding: 16px;
+}
+video {
+  max-width: 100%;
+  max-height: 400px !important;
+}
+audio {
+  max-width: 100%;
+}

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/taon-cms-asset-preview.component.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts

@@ -0,0 +1,79 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { ChangeDetectionStrategy, Component, DestroyRef, Input, OnInit, inject, signal, } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { Translation } from '@taon-dev/i18n/browser-prod';
+import { type TaonStorageObject, Taon__NS____FILE_RELATIVE_PATH, Taon__NS__asset, Taon__NS__assetsFrom, Taon__NS__assetsListFrom, Taon__NS__createContext, Taon__NS__createContextTemplate, Taon__NS__error, Taon__NS__getResponseValue, Taon__NS__isBrowser, Taon__NS__isElectron, Taon__NS__isNode, Taon__NS__isWebSQL, Taon__NS__LANG_IMPORT_MAP, Taon__NS__removeLoader, Taon__NS__Response, Taon__NS__ResponseHtml, Taon__NS__StartParams } from 'taon/browser-prod';
+import { TaonCmsContentApiService } from '../taon-cms-content/taon-cms-content-api.service';
+const t = Translation.for('src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts', { "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.html": { "en-US": async () => (await import('./i18n/taon-cms-asset-preview.component.html.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-asset-preview.component.html.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-asset-preview.component.html.de-DE.i18n.data')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts": { "en-US": async () => (await import('./i18n/taon-cms-asset-preview.component.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-asset-preview.component.ts.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-asset-preview.component.ts.de-DE.i18n.data')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html": { "en-US": async () => (await import('./i18n/taon-cms-assets-backoffice.component.html.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-assets-backoffice.component.html.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-assets-backoffice.component.html.de-DE.i18n.data')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts": { "en-US": async () => (await import('./i18n/taon-cms-assets-backoffice.component.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-assets-backoffice.component.ts.de-DE.i18n.data')).default } } as any);
+@Component({
+    selector: 'taon-cms-asset-preview',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [MatButtonModule],
+    styleUrl: './taon-cms-asset-preview.component.scss',
+    templateUrl: './taon-cms-asset-preview.component.html',
+})
+export class TaonCmsAssetPreviewComponent implements OnInit {
+    readonly t = t.for(this);
+    @Input({ required: true })
+    asset!: TaonStorageObject;
+    private readonly api = inject(TaonCmsContentApiService);
+    private readonly destroyRef = inject(DestroyRef);
+    readonly url = signal('');
+    readonly loading = signal(false);
+    readonly error = signal('');
+    get previewKind(): 'video' | 'audio' | 'attachment' {
+        const contentType = this.asset.contentType?.trim().toLowerCase();
+        if (contentType?.startsWith('video/')) {
+            return 'video';
+        }
+        if (contentType?.startsWith('audio/')) {
+            return 'audio';
+        }
+        return 'attachment';
+    }
+    ngOnInit(): void {
+        void this.reload();
+    }
+    async reload(): Promise<void> {
+        if (this.loading()) {
+            return;
+        }
+        this.loading.set(true);
+        this.error.set('');
+        this.url.set('');
+        try {
+            const url = new URL(await this.api.getAssetUrl(this.asset.key));
+            if (this.previewKind === 'attachment') {
+                url.searchParams.set('download', 'true');
+            }
+            if (!this.destroyRef.destroyed) {
+                this.url.set(url.href);
+            }
+        }
+        catch (error: unknown) {
+            if (!this.destroyRef.destroyed) {
+                console.error('[taon-cms-asset-preview] Unable to load asset URL', error);
+                this.error.set(this.t.gettext('The asset could not be opened. Please retry.'));
+            }
+        }
+        finally {
+            if (!this.destroyRef.destroyed) {
+                this.loading.set(false);
+            }
+        }
+    }
+    playbackError(): void {
+        this.error.set(this.t.gettext('Playback failed or the preview link expired. Please retry.'));
+    }
+}

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html

@@ -0,0 +1,42 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+<h1>{{ t.gettext('CMS assets') }}</h1>
+<button
+  mat-button
+  type="button"
+  [disabled]="loading()"
+  (click)="reload()">
+  {{ t.gettext('Reload assets') }}
+</button>
+@if (loading()) {
+  <p role="status">{{ t.gettext('Loading assets...') }}</p>
+}
+@if (error()) {
+  <p role="alert">{{ error() }}</p>
+}
+
+<ng-template
+  #preview
+  let-asset>
+  <taon-cms-asset-preview [asset]="asset" />
+</ng-template>
+
+<taon-datatable
+  [data]="assets()"
+  [columns]="columns"
+  [allowedColumns]="['key', 'fileName', 'contentType']"
+  [hideAddButton]="true"
+  [expansionTemplate]="preview"
+  searchMode="advanced">
+</taon-datatable>

package/ts-source/browser-code-prod/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts

@@ -10,28 +10,69 @@
   
  * ========================================================================== */
 
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { MtxGrid, MtxGridColumn } from '@ng-matero/extensions/grid';
-interface TaonCmsAssetRow {
-    id: number;
-    name: string;
-}
+import { ChangeDetectionStrategy, Component, DestroyRef, OnInit, inject, signal, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { MatButtonModule } from '@angular/material/button';
+import { MtxGridColumn } from '@ng-matero/extensions/grid';
+import { TaonDatatableComponent } from '@taon-dev/ui/browser-prod';
+import { Translation } from '@taon-dev/i18n/browser-prod';
+import { finalize, map } from 'rxjs';
+import { type TaonStorageObject as TaonStorageObjectBase, Taon__NS____FILE_RELATIVE_PATH, Taon__NS__asset, Taon__NS__assetsFrom, Taon__NS__assetsListFrom, Taon__NS__createContext, Taon__NS__createContextTemplate, Taon__NS__error, Taon__NS__getResponseValue, Taon__NS__isBrowser, Taon__NS__isElectron, Taon__NS__isNode, Taon__NS__isWebSQL, Taon__NS__LANG_IMPORT_MAP, Taon__NS__removeLoader, Taon__NS__Response, Taon__NS__ResponseHtml, Taon__NS__StartParams } from 'taon/browser-prod';
+import { ___NS__add, ___NS__after, ___NS__ary, ___NS__assign, ___NS__assignIn, ___NS__assignInWith, ___NS__assignWith, ___NS__at, ___NS__attempt, ___NS__before, ___NS__bind, ___NS__bindAll, ___NS__bindKey, ___NS__camelCase, ___NS__capitalize, ___NS__castArray, ___NS__ceil, ___NS__chain, ___NS__chunk, ___NS__clamp, ___NS__clone, ___NS__cloneDeep, ___NS__cloneDeepWith, ___NS__cloneWith, ___NS__compact, ___NS__concat, ___NS__cond, ___NS__conforms, ___NS__conformsTo, ___NS__constant, ___NS__countBy, ___NS__create, ___NS__curry, ___NS__curryRight, ___NS__debounce, ___NS__deburr, ___NS__defaults, ___NS__defaultsDeep, ___NS__defaultTo, ___NS__defer, ___NS__delay, ___NS__difference, ___NS__differenceBy, ___NS__differenceWith, ___NS__divide, ___NS__drop, ___NS__dropRight, ___NS__dropRightWhile, ___NS__dropWhile, ___NS__each, ___NS__eachRight, ___NS__endsWith, ___NS__entries, ___NS__entriesIn, ___NS__eq, ___NS__escape, ___NS__escapeRegExp, ___NS__every, ___NS__extend, ___NS__extendWith, ___NS__fill, ___NS__filter, ___NS__find, ___NS__findIndex, ___NS__findKey, ___NS__findLast, ___NS__findLastIndex, ___NS__findLastKey, ___NS__first, ___NS__flatMap, ___NS__flatMapDeep, ___NS__flatMapDepth, ___NS__flatten, ___NS__flattenDeep, ___NS__flattenDepth, ___NS__flip, ___NS__floor, ___NS__flow, ___NS__flowRight, ___NS__forEach, ___NS__forEachRight, ___NS__forIn, ___NS__forInRight, ___NS__forOwn, ___NS__forOwnRight, ___NS__fromPairs, ___NS__functions, ___NS__functionsIn, ___NS__get, ___NS__groupBy, ___NS__gt, ___NS__gte, ___NS__has, ___NS__hasIn, ___NS__head, ___NS__identity, ___NS__includes, ___NS__indexOf, ___NS__initial, ___NS__inRange, ___NS__intersection, ___NS__intersectionBy, ___NS__intersectionWith, ___NS__invert, ___NS__invertBy, ___NS__invoke, ___NS__invokeMap, ___NS__isArguments, ___NS__isArray, ___NS__isArrayBuffer, ___NS__isArrayLike, ___NS__isArrayLikeObject, ___NS__isBoolean, ___NS__isBuffer, ___NS__isDate, ___NS__isElement, ___NS__isEmpty, ___NS__isEqual, ___NS__isEqualWith, ___NS__isError, ___NS__isFinite, ___NS__isFunction, ___NS__isInteger, ___NS__isLeafObject, ___NS__isLength, ___NS__isMap, ___NS__isMatch, ___NS__isMatchWith, ___NS__isNaN, ___NS__isNative, ___NS__isNil, ___NS__isNull, ___NS__isNumber, ___NS__isObject, ___NS__isObjectLike, ___NS__isPlainObject, ___NS__isRegExp, ___NS__isSafeInteger, ___NS__isSet, ___NS__isString, ___NS__isSymbol, ___NS__isTypedArray, ___NS__isUndefined, ___NS__isWeakMap, ___NS__isWeakSet, ___NS__iteratee, ___NS__join, ___NS__kebabCase, ___NS__keyBy, ___NS__keys, ___NS__keysIn, ___NS__last, ___NS__lastIndexOf, ___NS__lowerCase, ___NS__lowerFirst, ___NS__lt, ___NS__lte, ___NS__map, ___NS__mapKeys, ___NS__mapValues, ___NS__matches, ___NS__matchesProperty, ___NS__max, ___NS__maxBy, ___NS__mean, ___NS__meanBy, ___NS__memoize, ___NS__merge, ___NS__mergeWith, ___NS__method, ___NS__methodOf, ___NS__min, ___NS__minBy, ___NS__mixin, ___NS__multiply, ___NS__negate, ___NS__noop, ___NS__now, ___NS__nth, ___NS__nthArg, ___NS__omit, ___NS__omitBy, ___NS__once, ___NS__orderBy, ___NS__over, ___NS__overArgs, ___NS__overEvery, ___NS__overSome, ___NS__pad, ___NS__padEnd, ___NS__padStart, ___NS__parseInt, ___NS__partial, ___NS__partialRight, ___NS__partition, ___NS__pick, ___NS__pickBy, ___NS__property, ___NS__propertyOf, ___NS__pull, ___NS__pullAll, ___NS__pullAllBy, ___NS__pullAllWith, ___NS__pullAt, ___NS__random, ___NS__range, ___NS__rangeRight, ___NS__rearg, ___NS__reduce, ___NS__reduceRight, ___NS__reject, ___NS__remove, ___NS__repeat, ___NS__replace, ___NS__rest, ___NS__result, ___NS__reverse, ___NS__round, ___NS__sample, ___NS__sampleSize, ___NS__set, ___NS__setWith, ___NS__shuffle, ___NS__size, ___NS__slice, ___NS__snakeCase, ___NS__some, ___NS__sortBy, ___NS__sortedIndex, ___NS__sortedIndexBy, ___NS__sortedIndexOf, ___NS__sortedLastIndex, ___NS__sortedLastIndexBy, ___NS__sortedLastIndexOf, ___NS__sortedUniq, ___NS__sortedUniqBy, ___NS__split, ___NS__spread, ___NS__startCase, ___NS__startsWith, ___NS__stubArray, ___NS__stubFalse, ___NS__stubObject, ___NS__stubString, ___NS__stubTrue, ___NS__subtract, ___NS__sum, ___NS__sumBy, ___NS__tail, ___NS__take, ___NS__takeRight, ___NS__takeRightWhile, ___NS__takeWhile, ___NS__tap, ___NS__template, ___NS__templateSettings, ___NS__throttle, ___NS__thru, ___NS__times, ___NS__toArray, ___NS__toFinite, ___NS__toInteger, ___NS__toLength, ___NS__toLower, ___NS__toNumber, ___NS__toPairs, ___NS__toPairsIn, ___NS__toPath, ___NS__toPlainObject, ___NS__toSafeInteger, ___NS__toString, ___NS__toUpper, ___NS__transform, ___NS__trim, ___NS__trimEnd, ___NS__trimStart, ___NS__truncate, ___NS__unary, ___NS__unescape, ___NS__union, ___NS__unionBy, ___NS__unionWith, ___NS__uniq, ___NS__uniqBy, ___NS__uniqueId, ___NS__uniqWith, ___NS__unset, ___NS__unzip, ___NS__unzipWith, ___NS__update, ___NS__updateWith, ___NS__upperCase, ___NS__upperFirst, ___NS__values, ___NS__valuesIn, ___NS__without, ___NS__words, ___NS__wrap, ___NS__xor, ___NS__xorBy, ___NS__xorWith, ___NS__zip, ___NS__zipObject, ___NS__zipObjectDeep, ___NS__zipWith } from 'tnp-core/browser-prod';
+import { TaonCmsContentApiService } from '../taon-cms-content/taon-cms-content-api.service';
+import { TaonCmsAssetPreviewComponent } from './taon-cms-asset-preview.component';
+const t = Translation.for('src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts', { "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.html": { "en-US": async () => (await import('./i18n/taon-cms-asset-preview.component.html.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-asset-preview.component.html.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-asset-preview.component.html.de-DE.i18n.data')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-asset-preview.component.ts": { "en-US": async () => (await import('./i18n/taon-cms-asset-preview.component.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-asset-preview.component.ts.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-asset-preview.component.ts.de-DE.i18n.data')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.html": { "en-US": async () => (await import('./i18n/taon-cms-assets-backoffice.component.html.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-assets-backoffice.component.html.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-assets-backoffice.component.html.de-DE.i18n.data')).default }, "src/lib/taon-cms-assets-backoffice/taon-cms-assets-backoffice.component.ts": { "en-US": async () => (await import('./i18n/taon-cms-assets-backoffice.component.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-assets-backoffice.component.ts.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-assets-backoffice.component.ts.de-DE.i18n.data')).default } } as any);
+type TaonStorageObject = TaonStorageObjectBase & {
+    keyVisible?: string;
+};
 @Component({
     selector: 'taon-cms-assets-backoffice',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [MtxGrid],
-    template: `
-    <h1>CMS assets</h1>
-    <mtx-grid [data]="assets" [columns]="columns"></mtx-grid>
-  `,
+    imports: [
+        MatButtonModule,
+        TaonDatatableComponent,
+        TaonCmsAssetPreviewComponent,
+    ],
+    providers: [TaonCmsContentApiService],
+    templateUrl: './taon-cms-assets-backoffice.component.html',
 })
-export class TaonCmsAssetsBackofficeComponent {
-    readonly assets: TaonCmsAssetRow[] = [
-        { id: 1, name: 'Sample image.jpg' },
-        { id: 2, name: 'Sample document.pdf' },
-    ];
+export class TaonCmsAssetsBackofficeComponent implements OnInit {
+    readonly t = t.for(this);
+    private readonly api = inject(TaonCmsContentApiService);
+    private readonly destroyRef = inject(DestroyRef);
+    readonly assets = signal<TaonStorageObject[]>([]);
+    readonly loading = signal(false);
+    readonly error = signal('');
     readonly columns: MtxGridColumn[] = [
-        { header: 'ID', field: 'id', sortable: true },
-        { header: 'Asset Name', field: 'name', sortable: true },
+        { header: 'ID', field: 'keyVisible', sortable: true, showExpand: true },
+        { header: this.t.gettext('File Name'), field: 'fileName', sortable: true },
+        {
+            header: this.t.gettext('Content Type'),
+            field: 'contentType',
+            sortable: true,
+        },
     ];
+    ngOnInit(): void {
+        this.reload();
+    }
+    reload(): void {
+        if (this.loading()) {
+            return;
+        }
+        this.loading.set(true);
+        this.error.set('');
+        this.api
+            .listAssets()
+            .pipe(map(c => c as TaonStorageObject[]), takeUntilDestroyed(this.destroyRef), finalize(() => this.loading.set(false)))
+            .subscribe({
+            next: assets => this.assets.set(assets.map(c => {
+                c.keyVisible = ___NS__first(c.key.split('__'));
+                return c;
+            })),
+            error: (error: unknown) => {
+                console.error('[taon-cms-assets-backoffice] Unable to load assets', error);
+                this.error.set(this.t.gettext('Assets could not be loaded. Please try reloading.'));
+            },
+        });
+    }
 }