taon-ui 21.0.74 → 21.0.76

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,36 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+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,40 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+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,14 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+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,14 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+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,14 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+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,16 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+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,8 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+export * from './taon-lang-selector.component';

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

@@ -0,0 +1,33 @@
+<!--
+==============================================================================
+ TAON READONLY SOURCE
+ DO NOT MODIFY THIS FILE.
+ Changes may be overwritten.
+==============================================================================
+-->
+
+<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,9 @@
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+:host {
+  display: block;
+}

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

@@ -0,0 +1,45 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+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,48 @@
+<!--
+==============================================================================
+ TAON READONLY SOURCE
+ DO NOT MODIFY THIS FILE.
+ Changes may be overwritten.
+==============================================================================
+-->
+
+<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,9 @@
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+:host {
+  display: block;
+}

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

@@ -0,0 +1,19 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+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,9 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+export * from './taon-progress-bar.component';
+export * from './taon-progress-bar.module';

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

@@ -0,0 +1,8 @@
+<!--
+==============================================================================
+ TAON READONLY SOURCE
+ DO NOT MODIFY THIS FILE.
+ Changes may be overwritten.
+==============================================================================
+-->
+

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

@@ -0,0 +1,9 @@
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+:host {
+  display: block;
+}

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

@@ -0,0 +1,36 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+import { Component, EventEmitter, HostBinding, Input, OnInit, Output, ViewChild, OnDestroy, AfterViewInit, } from '@angular/core';
+import { Observable, Subject, Subscription } from 'rxjs';
+import { Taon } from 'taon/websql';
+import { _ } from 'tnp-core/websql';
+const calculatePercentage = (loaded, total) => Math.floor(loaded * 1.0) / total;
+declare const ENV: any;
+@Component({
+    selector: 'taon-progress-bar',
+    templateUrl: './taon-progress-bar.component.html',
+    styleUrls: ['./taon-progress-bar.component.scss'],
+    standalone: false,
+})
+export class TaonProgressBarComponent implements OnInit, OnDestroy, AfterViewInit {
+    @ViewChild('labProgress')
+    labProgress: any;
+    @Input()
+    isDesktop: boolean;
+    admin: any;
+    handlers: Subscription[] = [];
+    constructor() { }
+    ngOnInit() { }
+    ngOnDestroy(): void {
+        this.handlers.forEach(h => h.unsubscribe());
+    }
+    ngAfterViewInit(): void {
+    }
+    loadProgressBar(config) {
+    }
+}

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

@@ -0,0 +1,19 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { TaonProgressBarComponent } from './taon-progress-bar.component';
+@NgModule({
+    imports: [
+        CommonModule,
+    ],
+    declarations: [TaonProgressBarComponent],
+    exports: [TaonProgressBarComponent],
+})
+export class TaonProgressBarModule {
+}

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

@@ -0,0 +1,54 @@
+<!--
+==============================================================================
+ TAON READONLY SOURCE
+ DO NOT MODIFY THIS FILE.
+ Changes may be overwritten.
+==============================================================================
+-->
+
+<div class="taon-rumble">
+  
+  <div
+    *ngIf="isPreview()"
+    class="preview"
+    (click)="onPreviewClick()">
+    <img
+      class="preview-img"
+      [src]="picturePreviewUrl"
+      [alt]="title" />
+
+    <div class="title">
+      {{ title }}
+    </div>
+
+    
+    <div class="play-button">▶</div>
+
+    
+    <div
+      *ngIf="isLocked()"
+      class="lock"
+      (click)="onPadlockClick($event)">
+      🔒
+    </div>
+  </div>
+
+  
+  <div
+    *ngIf="isVideoOpen()"
+    class="video">
+    <iframe
+      class="rumble-frame"
+      [src]="embedUrl()"
+      frameborder="0"
+      allowfullscreen>
+    </iframe>
+  </div>
+
+  
+  <div
+    *ngIf="isPrivate()"
+    class="private">
+    <div class="private-box">🔒 Private video</div>
+  </div>
+</div>

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

@@ -0,0 +1,102 @@
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+.taon-rumble {
+  width: 100%;
+  max-width: 640px;
+  margin: auto;
+  position: relative;
+  font-family: inherit;
+}
+
+.preview {
+  position: relative;
+  cursor: pointer;
+  overflow: hidden;
+  border-radius: 10px;
+}
+
+.preview-img {
+  width: 100%;
+  display: block;
+}
+
+.title {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  right: 0;
+
+  padding: 10px 14px;
+
+  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
+
+  color: white;
+  font-size: 14px;
+}
+
+.play-button {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+
+  transform: translate(-50%, -50%);
+
+  font-size: 40px;
+  color: white;
+
+  background: rgba(0, 0, 0, 0.5);
+  width: 70px;
+  height: 70px;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  border-radius: 50%;
+}
+
+.lock {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+
+  font-size: 20px;
+  background: rgba(0, 0, 0, 0.6);
+  color: white;
+
+  padding: 6px 8px;
+  border-radius: 6px;
+}
+
+.video {
+  position: relative;
+  padding-top: 56.25%;
+}
+
+.rumble-frame {
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  width: 100%;
+  height: 100%;
+}
+
+.private {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  height: 200px;
+
+  background: #111;
+  color: white;
+}
+
+.private-box {
+  opacity: 0.7;
+}