taon-ui 21.0.75 → 21.0.77

package/ts-source/websql-code/ui/taon-kv-authorization/taon-kv-authorization.component.html

@@ -0,0 +1,29 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+<div class="taon-kv-authorization">
+  <div *ngIf="loading()">{{ infoMsg() }}</div>
+
+  <div *ngIf="!loading()">
+    <div
+      *ngIf="authorizedCount() === 0"
+      translate [translate-t]="t" [translate-t]="t">
+      You did not purchase any products
+    </div>
+
+    <div *ngIf="authorizedCount() > 0">
+      <span translate [translate-t]="t">You purchased </span> {{ authorizedCount() }}
+      <span translate [translate-t]="t">product(s)</span>
+    </div>
+  </div>
+</div>

package/ts-source/websql-code/ui/taon-kv-authorization/taon-kv-authorization.component.ts

@@ -0,0 +1,86 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { CommonModule } from '@angular/common';
+import { Component, Input, Output, EventEmitter, OnInit, signal, ChangeDetectionStrategy, ChangeDetectorRef, inject, SimpleChanges, OnChanges, } from '@angular/core';
+import { TaonStripeCloudflareWorker } from '@taon-dev/api-workers/websql';
+import { Translation, TranslateDirective } from '@taon-dev/i18n/websql';
+import { Taon } from 'taon/websql';
+import { TaonKvAuthorizationProduct } from './taon-kv-authorization.models';
+const t = Translation.for('src/lib/ui/taon-kv-authorization/taon-kv-authorization.component.ts', { "src/lib/ui/taon-kv-authorization/taon-kv-authorization.component.html": { "en-US": async () => (await import('./i18n/taon-kv-authorization.component.html.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-kv-authorization.component.html.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-kv-authorization.component.html.de-DE.i18n.data')).default }, "src/lib/ui/taon-kv-authorization/taon-kv-authorization.component.ts": { "en-US": async () => (await import('./i18n/taon-kv-authorization.component.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-kv-authorization.component.ts.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-kv-authorization.component.ts.de-DE.i18n.data')).default } } as any, {});
+@Component({
+    selector: 'taon-kv-authorization',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [CommonModule, TranslateDirective],
+    templateUrl: './taon-kv-authorization.component.html',
+})
+export class TaonKvAuthorizationComponent implements OnInit, OnChanges {
+    t = t.for(this);
+    infoMsg = t.signal.gettext('Loading authorization info...');
+    cdr = inject(ChangeDetectorRef);
+    @Input({ required: true })
+    email!: string;
+    @Input({ required: true })
+    url!: string;
+    @Input({ required: true })
+    products: TaonKvAuthorizationProduct[] = [];
+    @Output()
+    authorizedProducts = new EventEmitter<TaonKvAuthorizationProduct[]>();
+    protected loading = signal(true);
+    protected authorizedProductsData = signal<TaonKvAuthorizationProduct[]>([]);
+    protected authorizationCheckingInProgress = false;
+    ngOnInit(): void {
+        this.products = this.products ? this.products : [];
+        this.checkIfProducstsAuthorized();
+    }
+    ngOnChanges(changes: SimpleChanges): void {
+        this.checkIfProducstsAuthorized();
+    }
+    public async checkIfProducstsAuthorized(): Promise<void> {
+        if (this.authorizationCheckingInProgress ||
+            !this.products ||
+            this.products.length === 0) {
+            return;
+        }
+        this.authorizationCheckingInProgress = true;
+        const worker = new TaonStripeCloudflareWorker(this.url);
+        const results: TaonKvAuthorizationProduct[] = [];
+        for (const product of this.products) {
+            try {
+                const authorized = await worker.checkAccess({
+                    clientEmail: this.email,
+                    productId: product.stripeProductId,
+                });
+                results.push({
+                    ...product,
+                    authorized,
+                });
+                this.cdr.markForCheck();
+            }
+            catch {
+                results.push({
+                    ...product,
+                    authorized: false,
+                });
+                this.cdr.markForCheck();
+            }
+        }
+        this.authorizedProductsData.set(results);
+        this.loading.set(false);
+        this.authorizedProducts.emit(results);
+        this.authorizationCheckingInProgress = false;
+        this.cdr.markForCheck();
+    }
+    protected authorizedCount(): number {
+        return this.authorizedProductsData().filter(p => p.authorized).length;
+    }
+}

package/ts-source/websql-code/ui/taon-kv-authorization/taon-kv-authorization.models.ts

@@ -0,0 +1,25 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface TaonKvAuthorizationProduct {
+    productTitle: string;
+    parentProductTitle?: string;
+    parentId?: string;
+    productId: string;
+    price: string;
+    stripePriceId?: string;
+    stripeProductId?: string;
+    promotionPreviousPrice?: string;
+    linkToImage?: string;
+    authorized?: boolean;
+    children?: TaonKvAuthorizationProduct[];
+}

package/ts-source/websql-code/ui/taon-lang-selector/i18n/taon-lang-selector.component.html.de-DE.i18n.data.ts

@@ -0,0 +1,45 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface DeDeTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentHtml {
+    "de-DE": {
+        "": {
+            "(disabled)"?: string;
+            "Select Language"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/ui/taon-lang-selector/taon-lang-selector.component.html",
+    "tags": [
+        {
+            "gettextString": "Select Language",
+            "lineNumber": 3,
+            "translation": "Wybierz język"
+        },
+        {
+            "gettextString": "Select Language",
+            "lineNumber": 4,
+            "translation": "Wybierz język"
+        },
+        {
+            "gettextString": "(disabled)",
+            "lineNumber": 3,
+            "translation": "(nie można zmienić)"
+        },
+        {
+            "gettextString": "(disabled)",
+            "lineNumber": 6,
+            "translation": "(nie można zmienić)"
+        }
+    ]
+};

package/ts-source/websql-code/ui/taon-lang-selector/i18n/taon-lang-selector.component.html.de-DE.po

@@ -0,0 +1,15 @@
+msgid ""
+msgstr ""
+"Language: de-DE\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/ui/taon-lang-selector/taon-lang-selector.component.html:3
+#: src/lib/ui/taon-lang-selector/taon-lang-selector.component.html:4
+msgid "Select Language"
+msgstr "Wybierz język"
+
+#: src/lib/ui/taon-lang-selector/taon-lang-selector.component.html:3
+#: src/lib/ui/taon-lang-selector/taon-lang-selector.component.html:6
+msgid "(disabled)"
+msgstr "(nie można zmienić)"

package/ts-source/websql-code/ui/taon-lang-selector/i18n/taon-lang-selector.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:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface EnUsTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentHtml {
+    "en-US": {
+        "": {
+            "(disabled)"?: string;
+            "Select Language"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/ui/taon-lang-selector/taon-lang-selector.component.html",
+    "tags": [
+        {
+            "gettextString": "Select Language",
+            "lineNumber": 3
+        },
+        {
+            "gettextString": "Select Language",
+            "lineNumber": 4
+        },
+        {
+            "gettextString": "(disabled)",
+            "lineNumber": 3
+        },
+        {
+            "gettextString": "(disabled)",
+            "lineNumber": 6
+        }
+    ]
+};

package/ts-source/websql-code/ui/taon-lang-selector/i18n/taon-lang-selector.component.html.en-US.po

@@ -0,0 +1,15 @@
+msgid ""
+msgstr ""
+"Language: en-US\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/ui/taon-lang-selector/taon-lang-selector.component.html:3
+#: src/lib/ui/taon-lang-selector/taon-lang-selector.component.html:4
+msgid "Select Language"
+msgstr ""
+
+#: src/lib/ui/taon-lang-selector/taon-lang-selector.component.html:3
+#: src/lib/ui/taon-lang-selector/taon-lang-selector.component.html:6
+msgid "(disabled)"
+msgstr ""

package/ts-source/websql-code/ui/taon-lang-selector/i18n/taon-lang-selector.component.html.pl-PL.i18n.data.ts

@@ -0,0 +1,45 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface PlPlTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentHtml {
+    "pl-PL": {
+        "": {
+            "(disabled)"?: string;
+            "Select Language"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/ui/taon-lang-selector/taon-lang-selector.component.html",
+    "tags": [
+        {
+            "gettextString": "Select Language",
+            "lineNumber": 3,
+            "translation": "Wybierz język"
+        },
+        {
+            "gettextString": "Select Language",
+            "lineNumber": 4,
+            "translation": "Wybierz język"
+        },
+        {
+            "gettextString": "(disabled)",
+            "lineNumber": 3,
+            "translation": "(nie można zmienić)"
+        },
+        {
+            "gettextString": "(disabled)",
+            "lineNumber": 6,
+            "translation": "(nie można zmienić)"
+        }
+    ]
+};

package/ts-source/websql-code/ui/taon-lang-selector/i18n/taon-lang-selector.component.html.pl-PL.po

@@ -0,0 +1,15 @@
+msgid ""
+msgstr ""
+"Language: pl-PL\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/ui/taon-lang-selector/taon-lang-selector.component.html:3
+#: src/lib/ui/taon-lang-selector/taon-lang-selector.component.html:4
+msgid "Select Language"
+msgstr "Wybierz język"
+
+#: src/lib/ui/taon-lang-selector/taon-lang-selector.component.html:3
+#: src/lib/ui/taon-lang-selector/taon-lang-selector.component.html:6
+msgid "(disabled)"
+msgstr "(nie można zmienić)"

package/ts-source/websql-code/ui/taon-lang-selector/i18n/taon-lang-selector.component.ts.de-DE.i18n.data.ts

@@ -0,0 +1,19 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface DeDeTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentTs {
+    "de-DE": {};
+}
+export default {
+    "fileRelativePath": "src/lib/ui/taon-lang-selector/taon-lang-selector.component.ts",
+    "tags": []
+};

package/ts-source/websql-code/ui/taon-lang-selector/i18n/taon-lang-selector.component.ts.de-DE.po

@@ -0,0 +1,5 @@
+msgid ""
+msgstr ""
+"Language: de-DE\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"

package/ts-source/websql-code/ui/taon-lang-selector/i18n/taon-lang-selector.component.ts.en-US.i18n.data.ts

@@ -0,0 +1,19 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface EnUsTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentTs {
+    "en-US": {};
+}
+export default {
+    "fileRelativePath": "src/lib/ui/taon-lang-selector/taon-lang-selector.component.ts",
+    "tags": []
+};

package/ts-source/websql-code/ui/taon-lang-selector/i18n/taon-lang-selector.component.ts.en-US.po

@@ -0,0 +1,5 @@
+msgid ""
+msgstr ""
+"Language: en-US\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"

package/ts-source/websql-code/ui/taon-lang-selector/i18n/taon-lang-selector.component.ts.pl-PL.i18n.data.ts

@@ -0,0 +1,19 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface PlPlTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentTs {
+    "pl-PL": {};
+}
+export default {
+    "fileRelativePath": "src/lib/ui/taon-lang-selector/taon-lang-selector.component.ts",
+    "tags": []
+};

package/ts-source/websql-code/ui/taon-lang-selector/i18n/taon-lang-selector.component.ts.pl-PL.po

@@ -0,0 +1,5 @@
+msgid ""
+msgstr ""
+"Language: pl-PL\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"

package/ts-source/websql-code/ui/taon-lang-selector/i18n/taon-lang-selector.translation.ts

@@ -0,0 +1,21 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { CoreModels } from 'tnp-core/websql';
+import { EnUsTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentHtml } from './taon-lang-selector.component.html.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentHtml } from './taon-lang-selector.component.html.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentHtml } from './taon-lang-selector.component.html.de-DE.i18n.data';
+import { EnUsTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentTs } from './taon-lang-selector.component.ts.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentTs } from './taon-lang-selector.component.ts.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentTs } from './taon-lang-selector.component.ts.de-DE.i18n.data';
+;
+export type TaonLangSelectorOverride = CoreModels.DeepPartial<EnUsTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentHtml | PlPlTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentHtml | DeDeTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentHtml | EnUsTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentTs | PlPlTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentTs | DeDeTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentTs>;

package/ts-source/websql-code/ui/taon-lang-selector/index.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './taon-lang-selector.component';

package/ts-source/websql-code/ui/taon-lang-selector/taon-lang-selector.component.html

@@ -0,0 +1,38 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+<label class="taon-lang-selector">
+  <span class="taon-lang-selector__label">
+    {{
+      t.gettext('Select Language') +
+        ' ' +
+        ((isDisabled$ | async) ? t.gettext('(disabled)') : '')
+    }}
+  </span>
+
+  
+
+  <select
+    class="taon-lang-selector__select"
+    [value]="currentLang"
+    [disabled]="isDisabled$ | async"
+    (change)="changeLanguage($event)">
+    @for (lang of availableLangs$ | async; track lang.code) {
+      <option
+        [value]="lang.code"
+        [selected]="lang.code === currentLang">
+        {{ lang.label }}
+      </option>
+    }
+  </select>
+</label>

package/ts-source/websql-code/ui/taon-lang-selector/taon-lang-selector.component.scss

@@ -0,0 +1,14 @@
+/* ============================================================================
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+:host {
+  display: block;
+}

package/ts-source/websql-code/ui/taon-lang-selector/taon-lang-selector.component.ts

@@ -0,0 +1,50 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { AsyncPipe, JsonPipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { Translatable, TranslateDirective, TranslateService, Translation, } from '@taon-dev/i18n/websql';
+import { map, of, startWith, Subscription, tap, withLatestFrom } from 'rxjs';
+import { Taon } from 'taon/websql';
+import { UtilsI18n } from 'tnp-core/websql';
+const t = Translation.for('src/lib/ui/taon-lang-selector/taon-lang-selector.component.ts', { "src/lib/ui/taon-lang-selector/taon-lang-selector.component.html": { "en-US": async () => (await import('./i18n/taon-lang-selector.component.html.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-lang-selector.component.html.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-lang-selector.component.html.de-DE.i18n.data')).default }, "src/lib/ui/taon-lang-selector/taon-lang-selector.component.ts": { "en-US": async () => (await import('./i18n/taon-lang-selector.component.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-lang-selector.component.ts.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-lang-selector.component.ts.de-DE.i18n.data')).default } } as any);
+@Component({
+    selector: 'taon-lang-selector',
+    templateUrl: './taon-lang-selector.component.html',
+    styleUrls: ['./taon-lang-selector.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [AsyncPipe, TranslateDirective, JsonPipe],
+})
+export class TaonLangSelectorComponent implements Translatable {
+    t = t.for(this);
+    private translateService = inject(TranslateService);
+    readonly availableLangs$ = this.translateService.manager.availableLangs$.pipe();
+    currentLang: UtilsI18n.CommonLocaleCode = 'en-US';
+    readonly currentGlobalLanguage$ = this.translateService.manager.currentGlobalLanguage$.pipe(withLatestFrom(this.availableLangs$), map(([currentGlobalLanguage, availableLangs]) => {
+        return availableLangs.find(c => c.code === currentGlobalLanguage)?.code;
+    }), tap(currentGlobalLanguage => {
+        this.currentLang = currentGlobalLanguage;
+    }));
+    readonly isDisabled$ = this.availableLangs$.pipe(map(c => c.length <= 1));
+    constructor() { }
+    sub = new Subscription();
+    ngOnInit(): void {
+        this.sub.add(this.currentGlobalLanguage$.subscribe());
+    }
+    ngOnDestroy(): void {
+        this.sub.unsubscribe();
+    }
+    async changeLanguage(event: Event): Promise<void> {
+        const select = event.target as HTMLSelectElement;
+        await this.translateService.changeGlobalLang(select.value as UtilsI18n.CommonLocaleCode);
+    }
+}

package/ts-source/websql-code/ui/taon-not-found/taon-not-found.component.html

@@ -0,0 +1,53 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+<div class="flex align-items-center justify-content-center min-h-screen px-3">
+  <div
+    class="text-center surface-card p-5 border-round shadow-2 w-full"
+    style="max-width: 600px">
+    <h1 class="text-6xl font-bold mb-3 text-red-500">404</h1>
+
+    <h2 class="text-2xl mb-3">Page not found</h2>
+
+    <p class="text-color-secondary mb-4">
+      The page you are looking for does not exist or has been moved.
+    </p>
+
+    <a
+      routerLink="/"
+      class="p-button p-component no-underline">
+      <span class="p-button-label text-primary no-underline">Go to Home</span>
+    </a>
+
+    <br />
+    <br />
+    <br />
+
+    <h4
+      class="flex flex-row align-content-center justify-content-center align-items-center">
+      <img
+        height="20px"
+        src="/TTTTTTTTOOOOOOOO________RRRRRRRREEEEEEEEMMMMMMMMOOOOOOOOVVVVVVVVEEEEEEEEassets/assets-for/taon-ui/assets/shared/taon-small-logo-for-not-found.png"
+        alt="" />
+
+      <span class="p-2 text-gray-200"
+        >Powered by
+        <a
+          class="text-gray-200"
+          href="https://taon.dev">
+          Taon.Dev
+        </a></span
+      >
+    </h4>
+  </div>
+</div>

package/ts-source/websql-code/ui/taon-not-found/taon-not-found.component.scss

@@ -0,0 +1,14 @@
+/* ============================================================================
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+:host {
+  display: block;
+}

package/ts-source/websql-code/ui/taon-not-found/taon-not-found.component.ts

@@ -0,0 +1,24 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+@Component({
+    selector: 'taon-not-found',
+    standalone: true,
+    imports: [RouterLink],
+    templateUrl: './taon-not-found.component.html',
+    styleUrls: ['./taon-not-found.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class TaonNotFoundComponent {
+}

package/ts-source/websql-code/ui/taon-progress-bar/index.ts

@@ -0,0 +1,14 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './taon-progress-bar.component';
+export * from './taon-progress-bar.module';