taon-ui 21.0.49 → 21.0.55

package/browser-prod/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taon-ui/browser-prod",
-  "version": "21.0.49",
+  "version": "21.0.55",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0"

package/browser-prod/types/taon-ui-browser-prod.d.ts

@@ -1,4 +1,5 @@
 // @ts-nocheck
+import { CoreModels__NS__ContentType, UtilsI18n__NS__LangOption, CoreModels__NS__DeepPartial } from 'tnp-core/browser-prod';
 import * as i0 from '@angular/core';
 import { OnInit, PipeTransform, ElementRef, EventEmitter, AfterViewInit, OnDestroy, ChangeDetectorRef, TemplateRef, NgZone, OnChanges, SimpleChanges, DestroyRef } from '@angular/core';
 import * as i1 from '@angular/cdk/a11y';
@@ -52,6 +53,7 @@ import { Subject, Observable, Subscription } from 'rxjs';
 import { TaonAdminPanelMode, TaonAdminService, TaonAdminTab, TaonBaseCrudController, TaonBaseEntity } from 'taon/browser-prod';
 import * as i10$1 from '@angular/forms';
 import { FormGroup, FormControl } from '@angular/forms';
+import { Translatable, Translation } from '@taon-dev/i18n/browser-prod';
 import { CanActivate, Router, UrlTree, Routes } from '@angular/router';
 import * as i2$1 from '@angular/common';
 import * as _ngneat_hot_toast from '@ngneat/hot-toast';
@@ -85,10 +87,28 @@ declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-declare const CURRENT_PACKAGE_VERSION = "21.0.49";
+declare const CURRENT_PACKAGE_VERSION = "21.0.55";
 
 declare function myOrgProj(): void;
 
+/**
+ *
+ * @param argsv process.argsv
+ * @param filename needed if you want ipc communicaiton
+ */
+declare function startCli(argsv: string[], filename: string): Promise<void>;
+
+type TaonDisplayMode = 'view' | 'edit';
+interface TaonUploadedFile {
+    data: Buffer;
+    encoding: string;
+    md5: string;
+    mimetype: CoreModels__NS__ContentType;
+    mv: (path: any, callback: any) => any;
+    name: string;
+    truncated: boolean;
+}
+
 /**
  * @deprecated too heavy!
  */
@@ -106,6 +126,18 @@ declare class TaonBootstrapNavbarComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<TaonBootstrapNavbarComponent, "taon-bootstrap-navbar", never, { "isLoggedIn": { "alias": "isLoggedIn"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
+declare class AnonymizeTextDirective implements OnInit {
+    private el;
+    private encodedValue;
+    private revealed;
+    anonymizeText?: string;
+    ngOnInit(): void;
+    toggle(): void;
+    private maskText;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnonymizeTextDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AnonymizeTextDirective, "[anonymizeText]", never, { "anonymizeText": { "alias": "anonymizeText"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare class SafePipe implements PipeTransform {
     protected sanitizer: DomSanitizer;
     constructor(sanitizer: DomSanitizer);
@@ -236,7 +268,8 @@ declare class AuthButtonComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<AuthButtonComponent, "taon-auth-button", never, { "linkToDashboard": { "alias": "linkToDashboard"; "required": true; }; "googleClientId": { "alias": "googleClientId"; "required": false; }; "microsoftClientId": { "alias": "microsoftClientId"; "required": false; }; "displayDashboardButton": { "alias": "displayDashboardButton"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class AuthDialogComponent implements AfterViewInit, OnInit {
+declare class AuthDialogComponent implements AfterViewInit, OnInit, Translatable {
+    t: Translation;
     cdr: ChangeDetectorRef;
     emailRegex: RegExp;
     form: FormGroup<{
@@ -252,6 +285,7 @@ declare class AuthDialogComponent implements AfterViewInit, OnInit {
     private readonly microsoftAuth;
     private readonly session;
     googleButtonLoaded: boolean;
+    close(): void;
     loginWithMicrosoft(): void;
     loginByEmail(): void;
     ngOnInit(): void;
@@ -361,11 +395,17 @@ interface TaonKvAuthorizationProduct {
      * to display promotion
      */
     promotionPreviousPrice?: string;
+    /**
+     * Image for product group tab
+     */
+    linkToImage?: string;
     authorized?: boolean;
     children?: TaonKvAuthorizationProduct[];
 }
 
 declare class TaonKvAuthorizationComponent implements OnInit, OnChanges {
+    t: Translation;
+    infoMsg: i0.WritableSignal<string>;
     cdr: ChangeDetectorRef;
     email: string;
     url: string;
@@ -382,6 +422,18 @@ declare class TaonKvAuthorizationComponent implements OnInit, OnChanges {
     static ɵcmp: i0.ɵɵComponentDeclaration<TaonKvAuthorizationComponent, "taon-kv-authorization", never, { "email": { "alias": "email"; "required": true; }; "url": { "alias": "url"; "required": true; }; "products": { "alias": "products"; "required": true; }; }, { "authorizedProducts": "authorizedProducts"; }, never, never, true, never>;
 }
 
+declare class TaonLangSelectorComponent implements Translatable {
+    t: Translation;
+    private translateService;
+    readonly availableLangs$: rxjs.Observable<UtilsI18n__NS__LangOption[]>;
+    readonly currentGlobalLanguage$: rxjs.Observable<"en-US" | "pl-PL" | "en-GB" | "de-DE" | "fr-FR" | "es-ES" | "zh-CN">;
+    readonly isLoading$: rxjs.Observable<boolean>;
+    constructor();
+    changeLanguage(event: Event): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaonLangSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaonLangSelectorComponent, "taon-lang-selector", never, {}, {}, never, never, true, never>;
+}
+
 declare class TaonNotFoundComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TaonNotFoundComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TaonNotFoundComponent, "taon-not-found", never, {}, {}, never, never, true, never>;
@@ -505,11 +557,14 @@ declare class TaonThemeService {
     private platformId;
     private isBrowser;
     private mediaQuery;
+    pernamentMode: boolean;
     mode: i0.WritableSignal<TaonThemeMode>;
     isDark: i0.WritableSignal<boolean>;
     constructor();
     private apply;
-    setMode(mode: TaonThemeMode): void;
+    setMode(mode: TaonThemeMode, options?: {
+        pernamentMode?: boolean;
+    }): void;
     toogleAuto(auto: boolean): void;
     setDark(yes: boolean): void;
     toggle(): void;
@@ -518,6 +573,16 @@ declare class TaonThemeService {
     static ɵprov: i0.ɵɵInjectableDeclaration<TaonThemeService>;
 }
 
+declare class TaonSettingsComponent implements Translatable {
+    t: Translation;
+    TaonThemeMode: typeof TaonThemeMode;
+    private readonly dialogRef;
+    close(): void;
+    taonTheme: TaonThemeService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaonSettingsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaonSettingsComponent, "taon-settings", never, {}, {}, never, never, true, never>;
+}
+
 interface TaonSimpleLayoutNavItem {
     path: string;
     label: string;
@@ -541,7 +606,8 @@ declare class TaonSimpleLayoutComponent {
 
 declare const TaonSimpleLayoutRoutes: Routes;
 
-declare class TaonStripeBuyButtonComponent {
+declare class TaonStripeBuyButtonComponent implements OnInit, Translatable {
+    t: Translation;
     /**
      * Stripe price id (NOT product id)
      * example: price_1Qabc123456
@@ -562,14 +628,14 @@ declare class TaonStripeBuyButtonComponent {
     successUrl: string;
     cancelUrl: string;
     /**
-     * optional label
+     * optional label for buy button
      */
-    label: string;
+    label: i0.WritableSignal<string>;
     loading: boolean;
     ngOnInit(): void;
     buy(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TaonStripeBuyButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TaonStripeBuyButtonComponent, "taon-stripe-buy-button", never, { "priceId": { "alias": "priceId"; "required": true; }; "productId": { "alias": "productId"; "required": true; }; "promotionPreviousPrice": { "alias": "promotionPreviousPrice"; "required": false; }; "workerUrl": { "alias": "workerUrl"; "required": true; }; "email": { "alias": "email"; "required": true; }; "successUrl": { "alias": "successUrl"; "required": false; }; "cancelUrl": { "alias": "cancelUrl"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaonStripeBuyButtonComponent, "taon-stripe-buy-button", never, { "priceId": { "alias": "priceId"; "required": true; }; "productId": { "alias": "productId"; "required": true; }; "promotionPreviousPrice": { "alias": "promotionPreviousPrice"; "required": false; }; "workerUrl": { "alias": "workerUrl"; "required": true; }; "email": { "alias": "email"; "required": true; }; "successUrl": { "alias": "successUrl"; "required": false; }; "cancelUrl": { "alias": "cancelUrl"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class TaonTableComponent implements OnDestroy, OnInit {
@@ -612,7 +678,11 @@ declare class TaonTableModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<TaonTableModule>;
 }
 
-declare class TaonThemeComponent {
+/**
+ * @deprecated use TaonSettings
+ */
+declare class TaonThemeComponent implements Translatable {
+    t: Translation;
     TaonThemeMode: typeof TaonThemeMode;
     private readonly dialogRef;
     close(): void;
@@ -670,5 +740,163 @@ declare class TaonYoutubeVideoComponent implements OnChanges, AfterViewInit {
 declare function TaonYouTubeUtils__NS__getVidesIdsOfPlaylist(ytplaylistId: string): Promise<string[]>;
 declare function TaonYouTubeUtils__NS__extractPlaylistId(input: string): string;
 
-export { APP_ID, AuthButtonComponent, AuthDialogComponent, AuthGuard, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, GoogleAuthService, MicrosoftAuthService, PROJECT_NPM_NAME, SafePipe, SessionService, TaonAdminModeConfigurationComponent, TaonBootstrapNavbarComponent, TaonFullMaterialModule, TaonGithubForkMeCornerComponent, TaonGithubForkMeCornerModule, TaonGithubForkMeRibbonComponent, TaonGithubForkMeRibbonModule, TaonIframeSyncComponent, TaonInjectHTMLDirective, TaonKvAuthorizationComponent, TaonLongPress, TaonNotFoundComponent, TaonNotificationOptions, TaonNotificationsComponent, TaonNotificationsModule, TaonNotificationsService, TaonProgressBarComponent, TaonProgressBarModule, TaonRumbleComponent, TaonSessionPasscodeComponent, TaonSimpleLayoutComponent, TaonSimpleLayoutRoutes, TaonStripeBuyButtonComponent, TaonTableComponent, TaonTableModule, TaonThemeComponent, TaonThemeMode, TaonThemeService, TaonYouTubeUtils__NS__extractPlaylistId, TaonYouTubeUtils__NS__getVidesIdsOfPlaylist, TaonYoutubeVideoComponent, ViewMode, myOrgProj };
-export type { SessionState, TaonAdminModeTab, TaonKvAuthorizationProduct, TaonNotificationType, TaonRumbleState, TaonSessionPasscodeForm, TaonSessionPasscodeModel, TaonSimpleLayoutNavItem, TaonYoutubeState };
+interface EnUsTraslationOverrideSrcLibUiTaonAuthAuthDialogComponentHtml {
+    "en-US": {
+        "": {
+            "Cancel"?: string;
+            "Continue with Microsoft"?: string;
+            "Email is"?: string;
+            "Login by email (disabled)"?: string;
+            "Login or Register"?: string;
+            "Please enter a valid email address"?: string;
+            "loading google button.."?: string;
+            "or"?: string;
+            "required"?: string;
+        };
+    };
+}
+
+interface PlPlTraslationOverrideSrcLibUiTaonAuthAuthDialogComponentHtml {
+    "pl-PL": {
+        "": {
+            "Cancel"?: string;
+            "Continue with Microsoft"?: string;
+            "Email is"?: string;
+            "Login by email (disabled)"?: string;
+            "Login or Register"?: string;
+            "Please enter a valid email address"?: string;
+            "loading google button.."?: string;
+            "or"?: string;
+            "required"?: string;
+        };
+    };
+}
+
+type TaonAuthOverride = CoreModels__NS__DeepPartial<EnUsTraslationOverrideSrcLibUiTaonAuthAuthDialogComponentHtml | PlPlTraslationOverrideSrcLibUiTaonAuthAuthDialogComponentHtml>;
+
+interface EnUsTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthorizationComponentHtml {
+    "en-US": {
+        "": {
+            "You did not purchase any products"?: string;
+            "You purchased"?: string;
+            "products"?: string;
+        };
+    };
+}
+
+interface PlPlTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthorizationComponentHtml {
+    "pl-PL": {
+        "": {
+            "You did not purchase any products"?: string;
+            "You purchased"?: string;
+            "products"?: string;
+        };
+    };
+}
+
+interface EnUsTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthorizationComponentTs {
+    "en-US": {
+        "": {
+            "Loading authorization info..."?: string;
+        };
+    };
+}
+
+interface PlPlTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthorizationComponentTs {
+    "pl-PL": {
+        "": {
+            "Loading authorization info..."?: string;
+        };
+    };
+}
+
+type TaonKvAuthorizationOverride = CoreModels__NS__DeepPartial<EnUsTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthorizationComponentHtml | PlPlTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthorizationComponentHtml | EnUsTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthorizationComponentTs | PlPlTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthorizationComponentTs>;
+
+interface EnUsTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentHtml {
+    "en-US": {
+        "": {
+            "Select Language"?: string;
+        };
+    };
+}
+
+interface PlPlTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentHtml {
+    "pl-PL": {
+        "": {
+            "Select Language"?: string;
+        };
+    };
+}
+
+type TaonLangSelectorOverride = CoreModels__NS__DeepPartial<EnUsTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentHtml | PlPlTraslationOverrideSrcLibUiTaonLangSelectorTaonLangSelectorComponentHtml>;
+
+interface EnUsTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml {
+    "en-US": {
+        "": {
+            "Dark mode"?: string;
+            "Language Settings"?: string;
+            "Settings can't ba changed"?: string;
+            "Sync colors with system"?: string;
+            "Theme settings"?: string;
+        };
+    };
+}
+
+interface PlPlTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml {
+    "pl-PL": {
+        "": {
+            "Dark mode"?: string;
+            "Language Settings"?: string;
+            "Settings can't ba changed"?: string;
+            "Sync colors with system"?: string;
+            "Theme settings"?: string;
+        };
+    };
+}
+
+type TaonSettingsOverride = CoreModels__NS__DeepPartial<EnUsTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml | PlPlTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml>;
+
+interface EnUsTraslationOverrideSrcLibUiTaonStripeBuyButtonTaonStripeBuyButtonComponentTs {
+    "en-US": {
+        "": {
+            "Buy now"?: string;
+        };
+    };
+}
+
+interface PlPlTraslationOverrideSrcLibUiTaonStripeBuyButtonTaonStripeBuyButtonComponentTs {
+    "pl-PL": {
+        "": {
+            "Buy now"?: string;
+        };
+    };
+}
+
+type TaonStripeBuyButtonOverride = CoreModels__NS__DeepPartial<EnUsTraslationOverrideSrcLibUiTaonStripeBuyButtonTaonStripeBuyButtonComponentTs | PlPlTraslationOverrideSrcLibUiTaonStripeBuyButtonTaonStripeBuyButtonComponentTs>;
+
+interface EnUsTraslationOverrideSrcLibUiTaonThemeTaonThemeComponentHtml {
+    "en-US": {
+        "": {
+            "Dark mode"?: string;
+            "Settings can't ba changed"?: string;
+            "Sync colors with system"?: string;
+            "Theme settings"?: string;
+        };
+    };
+}
+
+interface PlPlTraslationOverrideSrcLibUiTaonThemeTaonThemeComponentHtml {
+    "pl-PL": {
+        "": {
+            "Dark mode"?: string;
+            "Settings can't ba changed"?: string;
+            "Sync colors with system"?: string;
+            "Theme settings"?: string;
+        };
+    };
+}
+
+type TaonThemeOverride = CoreModels__NS__DeepPartial<EnUsTraslationOverrideSrcLibUiTaonThemeTaonThemeComponentHtml | PlPlTraslationOverrideSrcLibUiTaonThemeTaonThemeComponentHtml>;
+
+export { APP_ID, AnonymizeTextDirective, AuthButtonComponent, AuthDialogComponent, AuthGuard, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, GoogleAuthService, MicrosoftAuthService, PROJECT_NPM_NAME, SafePipe, SessionService, TaonAdminModeConfigurationComponent, TaonBootstrapNavbarComponent, TaonFullMaterialModule, TaonGithubForkMeCornerComponent, TaonGithubForkMeCornerModule, TaonGithubForkMeRibbonComponent, TaonGithubForkMeRibbonModule, TaonIframeSyncComponent, TaonInjectHTMLDirective, TaonKvAuthorizationComponent, TaonLangSelectorComponent, TaonLongPress, TaonNotFoundComponent, TaonNotificationOptions, TaonNotificationsComponent, TaonNotificationsModule, TaonNotificationsService, TaonProgressBarComponent, TaonProgressBarModule, TaonRumbleComponent, TaonSessionPasscodeComponent, TaonSettingsComponent, TaonSimpleLayoutComponent, TaonSimpleLayoutRoutes, TaonStripeBuyButtonComponent, TaonTableComponent, TaonTableModule, TaonThemeComponent, TaonThemeMode, TaonThemeService, TaonYouTubeUtils__NS__extractPlaylistId, TaonYouTubeUtils__NS__getVidesIdsOfPlaylist, TaonYoutubeVideoComponent, ViewMode, myOrgProj, startCli };
+export type { SessionState, TaonAdminModeTab, TaonAuthOverride, TaonDisplayMode, TaonKvAuthorizationOverride, TaonKvAuthorizationProduct, TaonLangSelectorOverride, TaonNotificationType, TaonRumbleState, TaonSessionPasscodeForm, TaonSessionPasscodeModel, TaonSettingsOverride, TaonSimpleLayoutNavItem, TaonStripeBuyButtonOverride, TaonThemeOverride, TaonUploadedFile, TaonYoutubeState };

package/cli.d.ts

@@ -1 +1 @@
-export { run } from './index';
+export { startCli } from './index';

package/cli.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.run = void 0;
+exports.startCli = void 0;
 //#region @backend
 var index_1 = require("./index");
-Object.defineProperty(exports, "run", { enumerable: true, get: function () { return index_1.run; } });
+Object.defineProperty(exports, "startCli", { enumerable: true, get: function () { return index_1.startCli; } });
 //#endregion
 //# sourceMappingURL=cli.js.map

package/cli.js.map

@@ -1 +1 @@
-{"version":3,"file":"cli.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;AAAA,kBAAkB;AAClB,iCAA8B;AAArB,4FAAA,GAAG,OAAA;AACZ,YAAY"}
+{"version":3,"file":"cli.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;AAAA,kBAAkB;AAClB,iCAAmC;AAA1B,iGAAA,QAAQ,OAAA;AACjB,YAAY"}

package/html/app/translation-app/translation-app.container.html

@@ -0,0 +1,19 @@
+<br />
+TRANSLATE DIRECTIVE<br />
+<code>
+  <p translate>translation-app works!</p>
+</code>
+TRANSLATE PIPIE<br />
+<code> {{ 'translation-app works!' | translate }} </code>
+TRANSLATE SIGNAL<br />
+<code>
+  <span> {{ test1() }} </span>
+</code>
+TRANSLATE RXJS<br />
+<code>
+  <span> {{ test$ | async }} </span>
+</code>
+TRANSLATE GETEXT RERENDER <br />
+<code>
+  <span> {{ t.gettext('getetxt rerender!') }} </span>
+</code>

package/html/lib/ui/taon-auth/auth-dialog.component.html

@@ -1,8 +1,20 @@
-<div class="auth-dialog p-4">
-  <h4 class="mb-3">Login or register</h4>
+<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="auth-dialog p-5">
+  <h4
+    class="mb-3"
+    translate>
+    Login or Register
+  </h4>
 
   <div
-    class="w-full"
+    class="w-full pt-3"
     #emailLoginBtn>
     <form
       [formGroup]="form"
@@ -19,7 +31,7 @@
           class="pl-1"
           type="email"
           [placeholder]="
-            diableLoginByEmail ? 'Login by email (disabled)' : ''
+            diableLoginByEmail ? t.gettext('Login by email (disabled)') : ''
           " />
 
         <button
@@ -32,7 +44,8 @@
         <mat-error
           *ngIf="
             form.get('email')?.hasError('pattern') && form.get('email')?.touched
-          ">
+          "
+          translate>
           Please enter a valid email address
         </mat-error>
 
@@ -41,13 +54,13 @@
             form.get('email')?.hasError('required') &&
             form.get('email')?.touched
           ">
-          Email is <strong>required</strong>
+          {{ t.gettext('Email is') }} <strong translate>required</strong>
         </mat-error>
       </mat-form-field>
     </form>
 
     <div class="divider">
-      <span>or</span>
+      <span translate>or</span>
     </div>
 
     <!-- GOOGLE BUTTON -->
@@ -57,6 +70,7 @@
       <span
         *ngIf="!googleButtonLoaded"
         class="text-300 p-2"
+        translate
         >loading google button..</span
       >
       <mat-progress-bar
@@ -76,7 +90,7 @@
         class="w-full microsoft-btn"
         (click)="loginWithMicrosoft()">
         <mat-icon class="mr-2">login</mat-icon>
-        Continue with Microsoft
+        {{ t.gettext('Continue with Microsoft') }}
       </button>
     </div>
   </div>
@@ -87,7 +101,7 @@
     <button
       mat-button
       mat-dialog-close>
-      Cancel
+      {{ t.gettext('Cancel') }}
     </button>
   </div>
 </div>

package/html/lib/ui/taon-kv-authorization/taon-kv-authorization.component.html

@@ -1,11 +1,16 @@
 <div class="taon-kv-authorization">
-  <div *ngIf="loading()">Loading authorization info...</div>
+  <div *ngIf="loading()">{{ infoMsg() }}</div>
 
   <div *ngIf="!loading()">
-    <div *ngIf="authorizedCount() === 0">You did not purchase any products</div>
+    <div
+      *ngIf="authorizedCount() === 0"
+      translate>
+      You did not purchase any products
+    </div>
 
     <div *ngIf="authorizedCount() > 0">
-      You purchased {{ authorizedCount() }} products
+      <span translate>You purchased </span> {{ authorizedCount() }}
+      <span translate>products</span>
     </div>
   </div>
 </div>

package/html/lib/ui/taon-lang-selector/taon-lang-selector.component.html

@@ -0,0 +1,17 @@
+<label class="taon-lang-selector">
+  <span class="taon-lang-selector__label">{{
+    t.gettext('Select Language')
+  }}</span>
+
+  <select
+    class="taon-lang-selector__select"
+    [value]="currentGlobalLanguage$ | async"
+    [disabled]="isLoading$ | async"
+    (change)="changeLanguage($event)">
+    @for (lang of availableLangs$ | async; track lang.code) {
+      <option [value]="lang.code">
+        {{ lang.label }}
+      </option>
+    }
+  </select>
+</label>

package/html/lib/ui/taon-settings/taon-settings.component.html

@@ -0,0 +1,36 @@
+<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>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/html/lib/ui/taon-simple-layout/taon-simple-layout.component.html

@@ -78,7 +78,7 @@
           <button
             mat-button
             class="flex align-items-center">
-            Hello niga!
+            Hello friend!
           </button>
         </ng-container>
       </taon-simple-layout>

package/html/lib/ui/taon-stripe-buy-button/taon-stripe-buy-button.component.html

@@ -4,7 +4,7 @@
   (click)="buy()"
   [disabled]="loading">
   <span *ngIf="!loading">
-    {{ label }}
+    {{ label() }}
   </span>
   <span
     class="line-through absolute bg-red-500 p-1 border-round white-space-nowrap"

package/html/lib/ui/taon-theme/taon-theme.component.html

@@ -7,20 +7,24 @@
   </button>
 </div>
 <div class="p-4">
-  <h2>Theme settings</h2>
+  <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)">
-    Sync colors with system
+    {{ t.gettext('Sync colors with system') }}
   </mat-slide-toggle>
 
   <mat-slide-toggle
     class="p-2"
     [checked]="taonTheme.isDark()"
-    [disabled]="taonTheme.isAuto()"
+    [disabled]="taonTheme.isAuto() || taonTheme.pernamentMode"
     (change)="taonTheme.setDark($event.checked)">
-    Dark mode
+    {{ t.gettext('Dark mode') }}
   </mat-slide-toggle>
 </div>

package/index.d.ts

@@ -1,3 +1,3 @@
 export * from './lib';
-export declare function run(args: string[]): Promise<void>;
-export default run;
+import def from './lib';
+export default def;

package/index.js

@@ -14,13 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.run = run;
 __exportStar(require("./lib"), exports);
-//#region @backend
-async function run(args) {
-    console.log('Hello world from CLI!');
-    process.exit(0);
-}
-exports.default = run;
-//#endregion
+const lib_1 = require("./lib");
+exports.default = lib_1.default;
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;;;;;;;;;;;;;;AAGA,kBAGC;AAND,wCAAsB;AAEtB,kBAAkB;AACX,KAAK,UAAU,GAAG,CAAC,IAAc;IACtC,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IACrC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC;AACD,kBAAe,GAAG,CAAC;AACnB,YAAY"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAsB;AACtB,+BAAwB;AACxB,kBAAe,aAAG,CAAC"}

package/lib/build-info._auto-generated_.d.ts

@@ -21,4 +21,4 @@ export declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-export declare const CURRENT_PACKAGE_VERSION = "21.0.49";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.55";

package/lib/build-info._auto-generated_.js

@@ -25,6 +25,6 @@ exports.CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-exports.CURRENT_PACKAGE_VERSION = '21.0.49';
+exports.CURRENT_PACKAGE_VERSION = '21.0.55';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 //# sourceMappingURL=build-info._auto-generated_.js.map