taon-ui 21.0.74 → 21.0.76

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

@@ -0,0 +1,60 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+import { NgIf } from '@angular/common';
+import { Component, Input, Output, EventEmitter, computed, inject, } from '@angular/core';
+import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
+export type TaonRumbleState = 'preview-picture' | 'preview-picture-locked' | 'video-preview-open' | 'video-preview-private';
+@Component({
+    selector: 'taon-rumble',
+    standalone: true,
+    imports: [NgIf],
+    templateUrl: './taon-rumble.component.html',
+    styleUrls: ['./taon-rumble.component.scss'],
+})
+export class TaonRumbleComponent {
+    sanitizer = inject(DomSanitizer);
+    @Input({
+        required: true,
+    })
+    title!: string;
+    @Input({
+        required: true,
+    })
+    clipId!: string;
+    @Input({
+        required: true,
+    })
+    picturePreviewUrl!: string;
+    @Input()
+    state: TaonRumbleState = 'video-preview-open';
+    @Output()
+    paddlockClicked = new EventEmitter<void>();
+    @Output()
+    previewClicked = new EventEmitter<void>();
+    embedUrl = computed<SafeResourceUrl>(() => this.sanitizer.bypassSecurityTrustResourceUrl(`https://rumble.com/embed/${this.clipId}`));
+    onPreviewClick() {
+        this.previewClicked.emit();
+    }
+    onPadlockClick(event: MouseEvent) {
+        event.stopPropagation();
+        this.paddlockClicked.emit();
+    }
+    isPreview() {
+        return (this.state === 'preview-picture' ||
+            this.state === 'preview-picture-locked');
+    }
+    isLocked() {
+        return this.state === 'preview-picture-locked';
+    }
+    isVideoOpen() {
+        return this.state === 'video-preview-open';
+    }
+    isPrivate() {
+        return this.state === 'video-preview-private';
+    }
+}

package/ts-source/websql-code/ui/taon-session-passcode/index.ts

@@ -0,0 +1,8 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+export * from './taon-session-passcode.component';

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

@@ -0,0 +1,28 @@
+<!--
+==============================================================================
+ TAON READONLY SOURCE
+ DO NOT MODIFY THIS FILE.
+ Changes may be overwritten.
+==============================================================================
+-->
+
+<form
+  [formGroup]="form"
+  content="notranslate"
+  autocomplete="off"
+  (click)="focus()"
+  (ngSubmit)="submit(form.value)"
+  class="flex flex-col items-center w-full h-full">
+  <div class="flex content-center w-full justify-center mt-8">
+    <p
+      class="p-3 max-w-[400px] min-h-[100px]"
+      [innerHtml]="safeMessage"></p>
+  </div>
+
+  <input
+    type="password"
+    class="text-5xl md:text-8xl pointer-events-none"
+    #taonpasscode
+    (keyup)="onKeyup($event)"
+    formControlName="passcode" />
+</form>

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

@@ -0,0 +1,25 @@
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+:host {
+  position: fixed;
+  background-color: rgb(159 159 159 / 34%);
+  z-index: 2147483647;
+  backdrop-filter: blur(50px);
+  width: 100%;
+  height: 100%;
+  display: none;
+}
+
+input {
+  background: rgb(255, 255, 255);
+  border-radius: 6px;
+  outline: 0px;
+  border: 0px;
+  color: gray;
+  text-align: center;
+  width: 500px;
+}

package/ts-source/websql-code/ui/taon-session-passcode/taon-session-passcode.component.ts

@@ -0,0 +1,113 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+import { CommonModule } from '@angular/common';
+import { ChangeDetectorRef, Component, DestroyRef, ElementRef, HostBinding, Input, OnInit, Self, inject, AfterViewInit, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, } from '@angular/forms';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { PasswordModule } from 'primeng/password';
+import { interval, take, tap } from 'rxjs';
+import { TaonStor } from 'taon-storage/websql';
+export interface TaonSessionPasscodeModel {
+    passcode: string;
+}
+export type TaonSessionPasscodeForm = {
+    [prop in keyof TaonSessionPasscodeModel]: FormControl<TaonSessionPasscodeModel[prop]>;
+};
+@Component({
+    selector: 'taon-session-passcode',
+    templateUrl: './taon-session-passcode.component.html',
+    styleUrls: ['./taon-session-passcode.component.scss'],
+    standalone: true,
+    imports: [PasswordModule, CommonModule, ReactiveFormsModule, FormsModule],
+})
+export class TaonSessionPasscodeComponent implements OnInit, AfterViewInit {
+    destroyRef = inject(DestroyRef);
+    @Input({
+        required: true,
+    })
+    public passcode: string;
+    @Input()
+    public message: string;
+    public safeMessage: SafeHtml;
+    private lastPasscode = TaonStor.inLocalstorage({
+        defaultValue: '',
+        keyOrPath: 'lastPasscode',
+    }, TaonSessionPasscodeComponent);
+    @HostBinding('style.display')
+    public display = 'none';
+    public form: FormGroup<TaonSessionPasscodeForm> = new FormGroup<TaonSessionPasscodeForm>({
+        passcode: new FormControl(),
+    });
+    constructor(
+    @Self()
+    private element: ElementRef<HTMLElement>, private domSanitizer: DomSanitizer, private cdr: ChangeDetectorRef) { }
+    async ngOnInit() {
+        if (!this.message) {
+            this.message = `
+      This website is only for testing purpose. Please type passcode bellow to see content.
+
+      `;
+        }
+        this.safeMessage = this.domSanitizer.bypassSecurityTrustHtml(this.message);
+        await this.lastPasscode.ready();
+        if (this.lastPasscode()?.toString() === this.passcode?.toString()) {
+            this.hide();
+        }
+        else {
+            this.show();
+            this.focus();
+        }
+        this.cdr.markForCheck();
+        interval(1000)
+            .pipe(takeUntilDestroyed(this.destroyRef), tap(() => {
+            this.focus();
+            this.cdr.markForCheck();
+        }))
+            .subscribe();
+    }
+    submit({ passcode }: Partial<TaonSessionPasscodeModel>) {
+        if (this.isPasscodeOK(passcode || '')) {
+            this.hide();
+        }
+        else {
+            this.clear();
+        }
+    }
+    private isPasscodeOK(passcode: string) {
+        this.lastPasscode.set(passcode.toString());
+        return this.passcode.toString() === passcode;
+    }
+    ngAfterViewInit(): void { }
+    public focus(): void {
+        this.element.nativeElement.querySelector('input')?.focus();
+    }
+    hide() {
+        this.display = 'none';
+    }
+    show() {
+        this.display = 'block';
+    }
+    clear() {
+        this.form.controls.passcode.setValue('');
+    }
+    onKeyup(event: KeyboardEvent & {
+        target: {
+            value: string;
+        };
+    }) {
+        if (this.isPasscodeOK(event.target.value || '')) {
+            this.hide();
+            return;
+        }
+        const key = event.keyCode || event.charCode;
+        if (key === 8 || key === 46 || this.lastPasscode()?.length > 5) {
+            this.clear();
+        }
+    }
+}

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

@@ -0,0 +1,53 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+export interface DeDeTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml {
+    "de-DE": {
+        "": {
+            "Dark mode"?: string;
+            "Language Settings"?: string;
+            "Settings can't ba changed"?: string;
+            "Sync colors with system"?: string;
+            "Theme settings"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/ui/taon-settings/taon-settings.component.html",
+    "tags": [
+        {
+            "gettextString": "Language Settings",
+            "lineNumber": 10,
+            "translation": "Sprachenanforderungen"
+        },
+        {
+            "gettextString": "Theme settings",
+            "lineNumber": 17,
+            "translation": "Themenanpassungen"
+        },
+        {
+            "gettextString": "Settings can't ba changed",
+            "lineNumber": 17,
+            "translation": "Die Einstellungen können nicht geändert werden."
+        },
+        {
+            "gettextString": "Settings can't ba changed",
+            "lineNumber": 18,
+            "translation": "Die Einstellungen können nicht geändert werden."
+        },
+        {
+            "gettextString": "Sync colors with system",
+            "lineNumber": 26,
+            "translation": "Synchronisieren von Farben mit dem System"
+        },
+        {
+            "gettextString": "Dark mode",
+            "lineNumber": 34,
+            "translation": "Dunkler Modus"
+        }
+    ]
+};

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

@@ -0,0 +1,26 @@
+msgid ""
+msgstr ""
+"Language: de-DE\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:10
+msgid "Language Settings"
+msgstr "Sprachenanforderungen"
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:17
+msgid "Theme settings"
+msgstr "Themenanpassungen"
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:17
+#: src/lib/ui/taon-settings/taon-settings.component.html:18
+msgid "Settings can't ba changed"
+msgstr "Die Einstellungen können nicht geändert werden."
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:26
+msgid "Sync colors with system"
+msgstr "Synchronisieren von Farben mit dem System"
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:34
+msgid "Dark mode"
+msgstr "Dunkler Modus"

package/ts-source/websql-code/ui/taon-settings/i18n/taon-settings.component.html.en-US.i18n.data.ts

@@ -0,0 +1,47 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+export interface EnUsTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml {
+    "en-US": {
+        "": {
+            "Dark mode"?: string;
+            "Language Settings"?: string;
+            "Settings can't ba changed"?: string;
+            "Sync colors with system"?: string;
+            "Theme settings"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/ui/taon-settings/taon-settings.component.html",
+    "tags": [
+        {
+            "gettextString": "Language Settings",
+            "lineNumber": 10
+        },
+        {
+            "gettextString": "Theme settings",
+            "lineNumber": 17
+        },
+        {
+            "gettextString": "Settings can't ba changed",
+            "lineNumber": 17
+        },
+        {
+            "gettextString": "Settings can't ba changed",
+            "lineNumber": 18
+        },
+        {
+            "gettextString": "Sync colors with system",
+            "lineNumber": 26
+        },
+        {
+            "gettextString": "Dark mode",
+            "lineNumber": 34
+        }
+    ]
+};

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

@@ -0,0 +1,26 @@
+msgid ""
+msgstr ""
+"Language: en-US\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:10
+msgid "Language Settings"
+msgstr ""
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:17
+msgid "Theme settings"
+msgstr ""
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:17
+#: src/lib/ui/taon-settings/taon-settings.component.html:18
+msgid "Settings can't ba changed"
+msgstr ""
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:26
+msgid "Sync colors with system"
+msgstr ""
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:34
+msgid "Dark mode"
+msgstr ""

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

@@ -0,0 +1,53 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+export interface PlPlTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml {
+    "pl-PL": {
+        "": {
+            "Dark mode"?: string;
+            "Language Settings"?: string;
+            "Settings can't ba changed"?: string;
+            "Sync colors with system"?: string;
+            "Theme settings"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/ui/taon-settings/taon-settings.component.html",
+    "tags": [
+        {
+            "gettextString": "Language Settings",
+            "lineNumber": 10,
+            "translation": "Ustawienia języka"
+        },
+        {
+            "gettextString": "Theme settings",
+            "lineNumber": 17,
+            "translation": "Ustawienia motywu"
+        },
+        {
+            "gettextString": "Settings can't ba changed",
+            "lineNumber": 17,
+            "translation": "Ustawienia nie mogą być zmienione"
+        },
+        {
+            "gettextString": "Settings can't ba changed",
+            "lineNumber": 18,
+            "translation": "Ustawienia nie mogą być zmienione"
+        },
+        {
+            "gettextString": "Sync colors with system",
+            "lineNumber": 26,
+            "translation": "Synchronizuj motyw koloru z systemem"
+        },
+        {
+            "gettextString": "Dark mode",
+            "lineNumber": 34,
+            "translation": "Tryb ciemny"
+        }
+    ]
+};

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

@@ -0,0 +1,26 @@
+msgid ""
+msgstr ""
+"Language: pl-PL\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:10
+msgid "Language Settings"
+msgstr "Ustawienia języka"
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:17
+msgid "Theme settings"
+msgstr "Ustawienia motywu"
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:17
+#: src/lib/ui/taon-settings/taon-settings.component.html:18
+msgid "Settings can't ba changed"
+msgstr "Ustawienia nie mogą być zmienione"
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:26
+msgid "Sync colors with system"
+msgstr "Synchronizuj motyw koloru z systemem"
+
+#: src/lib/ui/taon-settings/taon-settings.component.html:34
+msgid "Dark mode"
+msgstr "Tryb ciemny"

package/ts-source/websql-code/ui/taon-settings/i18n/taon-settings.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 DeDeTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs {
+    "de-DE": {};
+}
+export default {
+    "fileRelativePath": "src/lib/ui/taon-settings/taon-settings.component.ts",
+    "tags": []
+};

package/ts-source/websql-code/ui/taon-settings/i18n/taon-settings.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-settings/i18n/taon-settings.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 EnUsTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs {
+    "en-US": {};
+}
+export default {
+    "fileRelativePath": "src/lib/ui/taon-settings/taon-settings.component.ts",
+    "tags": []
+};

package/ts-source/websql-code/ui/taon-settings/i18n/taon-settings.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-settings/i18n/taon-settings.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 PlPlTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs {
+    "pl-PL": {};
+}
+export default {
+    "fileRelativePath": "src/lib/ui/taon-settings/taon-settings.component.ts",
+    "tags": []
+};

package/ts-source/websql-code/ui/taon-settings/i18n/taon-settings.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-settings/i18n/taon-settings.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 { EnUsTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml } from './taon-settings.component.html.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml } from './taon-settings.component.html.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml } from './taon-settings.component.html.de-DE.i18n.data';
+import { EnUsTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs } from './taon-settings.component.ts.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs } from './taon-settings.component.ts.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs } from './taon-settings.component.ts.de-DE.i18n.data';
+;
+export type TaonSettingsOverride = CoreModels.DeepPartial<EnUsTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml | PlPlTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml | DeDeTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml | EnUsTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs | PlPlTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs | DeDeTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs>;

package/ts-source/websql-code/ui/taon-settings/index.ts

@@ -0,0 +1,8 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+export * from './taon-settings.component';

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

@@ -0,0 +1,44 @@
+<!--
+==============================================================================
+ TAON READONLY SOURCE
+ DO NOT MODIFY THIS FILE.
+ Changes may be overwritten.
+==============================================================================
+-->
+
+<div class="absolute top-2 right-2">
+  <button
+    mat-icon-button
+    aria-label="Close dialog"
+    (click)="close()">
+    <mat-icon>close</mat-icon>
+  </button>
+</div>
+<div class="p-4">
+  <h3 class="bold" translate [translate-t]="t">Language Settings</h3>
+  <taon-lang-selector />
+
+  <br />
+  <hr />
+  <br />
+  <h3 class="bold">
+    {{ t.gettext('Theme settings') }}
+    {{ taonTheme.pernamentMode ? t.gettext("Settings can't ba changed") : '' }}
+  </h3>
+
+  <mat-slide-toggle
+    class="p-2"
+    [checked]="taonTheme.isAuto()"
+    [disabled]="taonTheme.pernamentMode"
+    (change)="taonTheme.toogleAuto($event.checked)">
+    {{ t.gettext('Sync colors with system') }}
+  </mat-slide-toggle>
+
+  <mat-slide-toggle
+    class="p-2"
+    [checked]="taonTheme.isDark()"
+    [disabled]="taonTheme.isAuto() || taonTheme.pernamentMode"
+    (change)="taonTheme.setDark($event.checked)">
+    {{ t.gettext('Dark mode') }}
+  </mat-slide-toggle>
+</div>

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

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