taon-ui 21.0.62 → 21.0.63

package/browser-prod/package.json

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

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

@@ -87,7 +87,7 @@ 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.62";
+declare const CURRENT_PACKAGE_VERSION = "21.0.63";
 
 declare function myOrgProj(): void;
 
@@ -696,10 +696,9 @@ declare class TaonThemeComponent implements Translatable {
 }
 
 type TaonYoutubeState = 'preview-picture' | 'preview-picture-locked' | 'video-preview-open' | 'video-preview-private';
-declare class TaonYoutubeVideoComponent implements OnChanges, AfterViewInit {
+
+declare class TaonYoutubeVideoComponent implements OnChanges, AfterViewInit, OnInit, OnDestroy {
     private sanitizer;
-    private readonly PS;
-    currentVideoState: keyof typeof this.PS;
     videoId: string;
     title?: string;
     height?: string;
@@ -707,18 +706,6 @@ declare class TaonYoutubeVideoComponent implements OnChanges, AfterViewInit {
     paddlockClicked: EventEmitter<void>;
     previewClicked: EventEmitter<void>;
     iframeRef?: ElementRef<HTMLIFrameElement>;
-    cdr: ChangeDetectorRef;
-    allowedToBeDisplayedVideoOveraly: i0.WritableSignal<boolean>;
-    onRightClick(event: any): void;
-    clicked(event: any): void;
-    restart(): void;
-    private player;
-    ngAfterViewInit(): Promise<void>;
-    private handleStateChange;
-    private videoIdSignal;
-    constructor(sanitizer: DomSanitizer);
-    ngOnChanges(): void;
-    previewImage: i0.Signal<string>;
     /**
      * > controls=0	Hides bottom control bar
      * > modestbranding=1	Reduces YouTube logo
@@ -728,19 +715,41 @@ declare class TaonYoutubeVideoComponent implements OnChanges, AfterViewInit {
      * > playsinline=1	Prevents fullscreen auto behavior on iOS
      */
     embedUrl: i0.Signal<SafeResourceUrl>;
+    private readonly PS;
+    currentVideoState: keyof typeof this.PS;
+    videoActivated: i0.WritableSignal<boolean>;
+    isInViewport: i0.WritableSignal<boolean>;
+    previewImage: i0.Signal<string>;
+    cdr: ChangeDetectorRef;
+    allowedToBeDisplayedVideoOveraly: i0.WritableSignal<boolean>;
+    private player;
+    private readonly el;
+    private observer?;
+    private videoIdSignal;
     get containerStyle(): {
         height: string;
     };
     get displayTitle(): string;
+    constructor(sanitizer: DomSanitizer);
+    onRightClick(event: any): void;
+    onThumbnailError(event: Event): void;
+    clicked(event: any): void;
+    restart(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): Promise<void>;
+    private handleStateChange;
+    ngOnChanges(): void;
     onLockClick(event: MouseEvent): void;
     onPreviewClick(): void;
-    private postCommand;
     play(): void;
     pause(): void;
+    private postCommand;
     static ɵfac: i0.ɵɵFactoryDeclaration<TaonYoutubeVideoComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TaonYoutubeVideoComponent, "taon-youtube-video", never, { "videoId": { "alias": "videoId"; "required": true; }; "title": { "alias": "title"; "required": false; }; "height": { "alias": "height"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "paddlockClicked": "paddlockClicked"; "previewClicked": "previewClicked"; }, never, never, true, never>;
 }
 
+declare function TaonYouTubeUtils__NS__loadYoutubeApi(): Promise<void>;
 declare function TaonYouTubeUtils__NS__getVidesIdsOfPlaylist(ytplaylistId: string): Promise<string[]>;
 declare function TaonYouTubeUtils__NS__extractPlaylistId(input: string): string;
 
@@ -799,7 +808,7 @@ interface EnUsTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthorizationCo
         "": {
             "You did not purchase any products"?: string;
             "You purchased"?: string;
-            "products"?: string;
+            "product(s)"?: string;
         };
     };
 }
@@ -809,7 +818,7 @@ interface PlPlTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthorizationCo
         "": {
             "You did not purchase any products"?: string;
             "You purchased"?: string;
-            "products"?: string;
+            "product(s)"?: string;
         };
     };
 }
@@ -819,7 +828,7 @@ interface DeDeTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthorizationCo
         "": {
             "You did not purchase any products"?: string;
             "You purchased"?: string;
-            "products"?: string;
+            "product(s)"?: string;
         };
     };
 }
@@ -981,5 +990,5 @@ interface DeDeTraslationOverrideSrcLibUiTaonThemeTaonThemeComponentHtml {
 
 type TaonThemeOverride = CoreModels__NS__DeepPartial<EnUsTraslationOverrideSrcLibUiTaonThemeTaonThemeComponentHtml | PlPlTraslationOverrideSrcLibUiTaonThemeTaonThemeComponentHtml | DeDeTraslationOverrideSrcLibUiTaonThemeTaonThemeComponentHtml>;
 
-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 { 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, TaonYouTubeUtils__NS__loadYoutubeApi, TaonYoutubeVideoComponent, ViewMode, myOrgProj, startCli };
 export type { SessionState, TaonAdminModeTab, TaonAuthOverride, TaonDisplayMode, TaonKvAuthorizationOverride, TaonKvAuthorizationProduct, TaonLangSelectorOverride, TaonNotificationType, TaonRumbleState, TaonSessionPasscodeForm, TaonSessionPasscodeModel, TaonSettingsOverride, TaonSimpleLayoutNavItem, TaonStripeBuyButtonOverride, TaonThemeOverride, TaonUploadedFile, TaonYoutubeState };

package/browser-prod.split-namespaces.json

@@ -1,12 +1,14 @@
 {
   "namespacesMapObj": {
+    "TaonYouTubeUtils.loadYoutubeApi": "TaonYouTubeUtils__NS__loadYoutubeApi",
     "TaonYouTubeUtils.getVidesIdsOfPlaylist": "TaonYouTubeUtils__NS__getVidesIdsOfPlaylist",
     "TaonYouTubeUtils.extractPlaylistId": "TaonYouTubeUtils__NS__extractPlaylistId"
   },
   "namespacesReplace": {
     "TaonYouTubeUtils": [
       "TaonYouTubeUtils__NS__extractPlaylistId",
-      "TaonYouTubeUtils__NS__getVidesIdsOfPlaylist"
+      "TaonYouTubeUtils__NS__getVidesIdsOfPlaylist",
+      "TaonYouTubeUtils__NS__loadYoutubeApi"
     ]
   }
 }

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

@@ -10,7 +10,7 @@
 
     <div *ngIf="authorizedCount() > 0">
       <span translate>You purchased </span> {{ authorizedCount() }}
-      <span translate>products</span>
+      <span translate>product(s)</span>
     </div>
   </div>
 </div>

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

@@ -7,8 +7,7 @@
     {{ label() }}
   </span>
   <span
-    class="line-through absolute bg-red-500 p-1 border-round white-space-nowrap"
-    style="margin-top: -25px"
+    class="line-through absolute bg-red-500 p-1 rounded-xl whitespace-nowrap ml-2"
     *ngIf="promotionPreviousPrice">
     {{ promotionPreviousPrice }}
   </span>

package/html/lib/ui/taon-youtube-video/taon-youtube-video.component.html

@@ -2,68 +2,66 @@
   class="yt-container"
   [ngClass]="state"
   [ngStyle]="containerStyle">
-  <!-- PREVIEW IMAGE -->
-  <img
-    *ngIf="state === 'preview-picture' || state === 'preview-picture-locked'"
-    class="yt-media"
-    [src]="previewImage()"
-    [alt]="displayTitle"
-    (click)="onPreviewClick()" />
+  <!-- THUMBNAIL -->
+  <div
+    *ngIf="!videoActivated()"
+    class="yt-preview"
+    (click)="onPreviewClick()">
+    <!-- @if (isInViewport()) { -->
+    <img
+      class="yt-media"
+      [src]="previewImage()"
+      [alt]="displayTitle || 'YouTube video'"
+      decoding="async"
+      draggable="false"
+      (error)="onThumbnailError($event)" />
+    <!-- } -->
 
-  <!-- VIDEO -->
+    <!-- PLAY -->
+    <div
+      *ngIf="state !== 'preview-picture-locked'"
+      class="yt-play-button">
+      <mat-icon>play_arrow</mat-icon>
+    </div>
+
+    <!-- LOCK -->
+    <div
+      *ngIf="state === 'preview-picture-locked'"
+      class="yt-overlay yt-lock"
+      (click)="onLockClick($event)">
+      <mat-icon>lock</mat-icon>
+    </div>
+  </div>
+
+  <!-- ACTUAL YOUTUBE PLAYER -->
   <iframe
     #ytFrame
-    *ngIf="state === 'video-preview-open' || state === 'video-preview-private'"
+    *ngIf="videoActivated()"
     class="yt-media"
     [src]="embedUrl()"
     frameborder="0"
+    allow="autoplay; encrypted-media; picture-in-picture; web-share"
     allowfullscreen>
   </iframe>
 
   <!-- PRIVATE OVERLAY -->
   <div
-    (contextmenu)="onRightClick($event)"
-    (dblclick)="clicked($event)"
     *ngIf="
-      state === 'video-preview-private' && allowedToBeDisplayedVideoOveraly()
+      videoActivated() &&
+      state === 'video-preview-private' &&
+      allowedToBeDisplayedVideoOveraly()
     "
-    (click)="clicked($event)"
-    class="yt-overlay-video">
-    <h1 class="text-center" >Thanks for buying <br>this video</h1>
-  </div>
-
-  <!-- LOCK OVERLAY -->
-  <div
-    *ngIf="state === 'preview-picture-locked'"
-    class="yt-overlay yt-lock"
-    (click)="onLockClick($event)">
-    <mat-icon>lock</mat-icon>
+    class="yt-overlay-video"
+    (contextmenu)="onRightClick($event)"
+    (dblclick)="clicked($event)"
+    (click)="clicked($event)">
+    <h1 class="text-center">
+      Thanks for buying<br />
+      this video
+    </h1>
   </div>
 </div>
 
-<!-- CONTROLS BELOW VIDEO -->
-<!-- <div
-  *ngIf="state === 'video-preview-private'"
-  class="yt-controls">
-  <button
-    mat-icon-button
-    (click)="play()">
-    <mat-icon>play_arrow</mat-icon>
-  </button>
-
-  <button
-    mat-icon-button
-    (click)="pause()">
-    <mat-icon>pause</mat-icon>
-  </button>
-
-  <button
-    mat-icon-button
-    (click)="restart()">
-    <mat-icon>replay</mat-icon>
-  </button>
-</div> -->
-<div class="w-full mb-1"></div>
 <div
   class="yt-title"
   *ngIf="displayTitle">

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.62";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.63";

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.62';
+exports.CURRENT_PACKAGE_VERSION = '21.0.63';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 //# sourceMappingURL=build-info._auto-generated_.js.map

package/lib/index._auto-generated_.d.ts

@@ -46,6 +46,7 @@ export * from './ui/taon-table/taon-table.module';
 export * from './ui/taon-theme/taon-theme.component';
 export * from './ui/taon-theme/taon-theme.service';
 export * from './ui/taon-youtube-video/taon-youtube-video.component';
+export * from './ui/taon-youtube-video/taon-youtube.models';
 export * from './ui/taon-youtube-video/taon-youtube.utils';
 export * from './ui/taon-auth/i18n/taon-auth.translation';
 export * from './ui/taon-kv-authorization/i18n/taon-kv-authorization.translation';

package/lib/index._auto-generated_.js

@@ -67,6 +67,7 @@ __exportStar(require("./ui/taon-simple-layout/taon-simple-layout.model"), export
 /* */
 /* */
 /* */
+__exportStar(require("./ui/taon-youtube-video/taon-youtube.models"), exports);
 __exportStar(require("./ui/taon-youtube-video/taon-youtube.utils"), exports);
 __exportStar(require("./ui/taon-auth/i18n/taon-auth.translation"), exports);
 __exportStar(require("./ui/taon-kv-authorization/i18n/taon-kv-authorization.translation"), exports);

package/lib/index._auto-generated_.js.map

@@ -1 +1 @@
-{"version":3,"file":"index._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,cAAc;AACd,kEAAkE;AAClE,wCAAwC;AACxC,wDAAwD;AACxD,kCAAkC;AAClC,gEAA8C;AAC9C,yDAAuC;AACvC,8CAA4B;AAC5B,gDAA8B;AAC9B,KAAK;AACL,KAAK;AACL,KAAK;AACL,4EAA0D;AAC1D,KAAK;AACL,KAAK;AACL,KAAK;AACL,4DAA0C;AAC1C,KAAK;AACL,uFAAqE;AACrE,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,0FAAwE;AACxE,KAAK;AACL,KAAK;AACL,KAAK;AACL,oFAAkE;AAClE,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,0EAAwD;AACxD,KAAK;AACL,mFAAiE;AACjE,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,6EAA2D;AAC3D,4EAA0D;AAC1D,oGAAkF;AAClF,8FAA4E;AAC5E,oFAAkE;AAClE,sGAAoF;AACpF,8EAA4D"}
+{"version":3,"file":"index._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,cAAc;AACd,kEAAkE;AAClE,wCAAwC;AACxC,wDAAwD;AACxD,kCAAkC;AAClC,gEAA8C;AAC9C,yDAAuC;AACvC,8CAA4B;AAC5B,gDAA8B;AAC9B,KAAK;AACL,KAAK;AACL,KAAK;AACL,4EAA0D;AAC1D,KAAK;AACL,KAAK;AACL,KAAK;AACL,4DAA0C;AAC1C,KAAK;AACL,uFAAqE;AACrE,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,0FAAwE;AACxE,KAAK;AACL,KAAK;AACL,KAAK;AACL,oFAAkE;AAClE,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,0EAAwD;AACxD,KAAK;AACL,mFAAiE;AACjE,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,8EAA4D;AAC5D,6EAA2D;AAC3D,4EAA0D;AAC1D,oGAAkF;AAClF,8FAA4E;AAC5E,oFAAkE;AAClE,sGAAoF;AACpF,8EAA4D"}

package/lib/layouts/taon-bootstrap-navbar/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1786035891857 = dummy1786035891857;
-function dummy1786035891857() { }
+exports.dummy1787352280441 = dummy1787352280441;
+function dummy1787352280441() { }
 //# sourceMappingURL=index.js.map

package/lib/package.json

@@ -1,4 +1,4 @@
 {
   "name": "taon-ui/lib",
-  "version": "21.0.62"
+  "version": "21.0.63"
 }

package/lib/ui/anonymize-text/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1786035891865 = dummy1786035891865;
-function dummy1786035891865() { }
+exports.dummy1787352280471 = dummy1787352280471;
+function dummy1787352280471() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/directives/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1786035891866 = dummy1786035891866;
-function dummy1786035891866() { }
+exports.dummy1787352280475 = dummy1787352280475;
+function dummy1787352280475() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1786035891453 = dummy1786035891453;
-function dummy1786035891453() { }
+exports.dummy1787352279659 = dummy1787352279659;
+function dummy1787352279659() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-admin-mode-configuration/taon-admin-mode-configuration.component.d.ts

@@ -14,11 +14,11 @@ export declare class TaonAdminModeConfigurationComponent implements OnInit, Afte
     showPasscode: boolean;
     passcode: string;
     message: string;
-    dragPositionX: import("taon-storage").StorSignal<number>;
-    dragPositionY: import("taon-storage").StorSignal<number>;
+    dragPositionX: import("taon-storage/lib").StorSignal<number>;
+    dragPositionY: import("taon-storage/lib").StorSignal<number>;
     dragPositionZero: Point;
     dragPosition: Point;
-    selectedIndex: import("taon-storage").StorSignal<number>;
+    selectedIndex: import("taon-storage/lib").StorSignal<number>;
     ngOnInit(): Promise<void>;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/lib/ui/taon-github-fork-me-corner/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1786035891911 = dummy1786035891911;
-function dummy1786035891911() { }
+exports.dummy1787352280623 = dummy1787352280623;
+function dummy1787352280623() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-github-fork-me-ribbon/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1786035891916 = dummy1786035891916;
-function dummy1786035891916() { }
+exports.dummy1787352280643 = dummy1787352280643;
+function dummy1787352280643() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-iframe-sync/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1786035891920 = dummy1786035891920;
-function dummy1786035891920() { }
+exports.dummy1787352280666 = dummy1787352280666;
+function dummy1787352280666() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-kv-authorization/i18n/taon-kv-authorization.component.html.de-DE.i18n.data.d.ts

@@ -3,7 +3,7 @@ export interface DeDeTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthoriz
         "": {
             "You did not purchase any products"?: string;
             "You purchased"?: string;
-            "products"?: string;
+            "product(s)"?: string;
         };
     };
 }

package/lib/ui/taon-kv-authorization/i18n/taon-kv-authorization.component.html.de-DE.i18n.data.js

@@ -16,9 +16,9 @@ exports.default = {
             "translation": "Du hast es gekauft."
         },
         {
-            "gettextString": "products",
+            "gettextString": "product(s)",
             "lineNumber": 13,
-            "translation": "Produkte"
+            "translation": "Produkt (s)"
         }
     ]
 };

package/lib/ui/taon-kv-authorization/i18n/taon-kv-authorization.component.html.de-DE.i18n.data.js.map

@@ -1 +1 @@
-{"version":3,"file":"taon-kv-authorization.component.html.de-DE.i18n.data.js","sourceRoot":"","sources":[""],"names":[],"mappings":";AAAA,yCAAyC;;AAYzC,yCAAyC;AACzC,kBAAe;IACb,kBAAkB,EAAE,uEAAuE;IAC3F,MAAM,EAAE;QACN;YACE,eAAe,EAAE,mCAAmC;YACpD,YAAY,EAAE,CAAC;YACf,aAAa,EAAE,mCAAmC;SACnD;QACD;YACE,eAAe,EAAE,eAAe;YAChC,YAAY,EAAE,EAAE;YAChB,aAAa,EAAE,qBAAqB;SACrC;QACD;YACE,eAAe,EAAE,UAAU;YAC3B,YAAY,EAAE,EAAE;YAChB,aAAa,EAAE,UAAU;SAC1B;KACF;CACF,CAAC;AACF,yCAAyC"}
+{"version":3,"file":"taon-kv-authorization.component.html.de-DE.i18n.data.js","sourceRoot":"","sources":[""],"names":[],"mappings":";AAAA,yCAAyC;;AAYzC,yCAAyC;AACzC,kBAAe;IACb,kBAAkB,EAAE,uEAAuE;IAC3F,MAAM,EAAE;QACN;YACE,eAAe,EAAE,mCAAmC;YACpD,YAAY,EAAE,CAAC;YACf,aAAa,EAAE,mCAAmC;SACnD;QACD;YACE,eAAe,EAAE,eAAe;YAChC,YAAY,EAAE,EAAE;YAChB,aAAa,EAAE,qBAAqB;SACrC;QACD;YACE,eAAe,EAAE,YAAY;YAC7B,YAAY,EAAE,EAAE;YAChB,aAAa,EAAE,aAAa;SAC7B;KACF;CACF,CAAC;AACF,yCAAyC"}

package/lib/ui/taon-kv-authorization/i18n/taon-kv-authorization.component.html.en-US.i18n.data.d.ts

@@ -3,7 +3,7 @@ export interface EnUsTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthoriz
         "": {
             "You did not purchase any products"?: string;
             "You purchased"?: string;
-            "products"?: string;
+            "product(s)"?: string;
         };
     };
 }

package/lib/ui/taon-kv-authorization/i18n/taon-kv-authorization.component.html.en-US.i18n.data.js

@@ -14,7 +14,7 @@ exports.default = {
             "lineNumber": 12
         },
         {
-            "gettextString": "products",
+            "gettextString": "product(s)",
             "lineNumber": 13
         }
     ]

package/lib/ui/taon-kv-authorization/i18n/taon-kv-authorization.component.html.en-US.i18n.data.js.map

@@ -1 +1 @@
-{"version":3,"file":"taon-kv-authorization.component.html.en-US.i18n.data.js","sourceRoot":"","sources":[""],"names":[],"mappings":";AAAA,yCAAyC;;AAYzC,yCAAyC;AACzC,kBAAe;IACb,kBAAkB,EAAE,uEAAuE;IAC3F,MAAM,EAAE;QACN;YACE,eAAe,EAAE,mCAAmC;YACpD,YAAY,EAAE,CAAC;SAChB;QACD;YACE,eAAe,EAAE,eAAe;YAChC,YAAY,EAAE,EAAE;SACjB;QACD;YACE,eAAe,EAAE,UAAU;YAC3B,YAAY,EAAE,EAAE;SACjB;KACF;CACF,CAAC;AACF,yCAAyC"}
+{"version":3,"file":"taon-kv-authorization.component.html.en-US.i18n.data.js","sourceRoot":"","sources":[""],"names":[],"mappings":";AAAA,yCAAyC;;AAYzC,yCAAyC;AACzC,kBAAe;IACb,kBAAkB,EAAE,uEAAuE;IAC3F,MAAM,EAAE;QACN;YACE,eAAe,EAAE,mCAAmC;YACpD,YAAY,EAAE,CAAC;SAChB;QACD;YACE,eAAe,EAAE,eAAe;YAChC,YAAY,EAAE,EAAE;SACjB;QACD;YACE,eAAe,EAAE,YAAY;YAC7B,YAAY,EAAE,EAAE;SACjB;KACF;CACF,CAAC;AACF,yCAAyC"}

package/lib/ui/taon-kv-authorization/i18n/taon-kv-authorization.component.html.pl-PL.i18n.data.d.ts

@@ -3,7 +3,7 @@ export interface PlPlTraslationOverrideSrcLibUiTaonKvAuthorizationTaonKvAuthoriz
         "": {
             "You did not purchase any products"?: string;
             "You purchased"?: string;
-            "products"?: string;
+            "product(s)"?: string;
         };
     };
 }

package/lib/ui/taon-kv-authorization/i18n/taon-kv-authorization.component.html.pl-PL.i18n.data.js

@@ -16,9 +16,9 @@ exports.default = {
             "translation": "Zakupiłeś"
         },
         {
-            "gettextString": "products",
+            "gettextString": "product(s)",
             "lineNumber": 13,
-            "translation": "produktów"
+            "translation": "produkt(ów)"
         }
     ]
 };

package/lib/ui/taon-kv-authorization/i18n/taon-kv-authorization.component.html.pl-PL.i18n.data.js.map

@@ -1 +1 @@
-{"version":3,"file":"taon-kv-authorization.component.html.pl-PL.i18n.data.js","sourceRoot":"","sources":[""],"names":[],"mappings":";AAAA,yCAAyC;;AAYzC,yCAAyC;AACzC,kBAAe;IACb,kBAAkB,EAAE,uEAAuE;IAC3F,MAAM,EAAE;QACN;YACE,eAAe,EAAE,mCAAmC;YACpD,YAAY,EAAE,CAAC;YACf,aAAa,EAAE,sCAAsC;SACtD;QACD;YACE,eAAe,EAAE,eAAe;YAChC,YAAY,EAAE,EAAE;YAChB,aAAa,EAAE,WAAW;SAC3B;QACD;YACE,eAAe,EAAE,UAAU;YAC3B,YAAY,EAAE,EAAE;YAChB,aAAa,EAAE,WAAW;SAC3B;KACF;CACF,CAAC;AACF,yCAAyC"}
+{"version":3,"file":"taon-kv-authorization.component.html.pl-PL.i18n.data.js","sourceRoot":"","sources":[""],"names":[],"mappings":";AAAA,yCAAyC;;AAYzC,yCAAyC;AACzC,kBAAe;IACb,kBAAkB,EAAE,uEAAuE;IAC3F,MAAM,EAAE;QACN;YACE,eAAe,EAAE,mCAAmC;YACpD,YAAY,EAAE,CAAC;YACf,aAAa,EAAE,sCAAsC;SACtD;QACD;YACE,eAAe,EAAE,eAAe;YAChC,YAAY,EAAE,EAAE;YAChB,aAAa,EAAE,WAAW;SAC3B;QACD;YACE,eAAe,EAAE,YAAY;YAC7B,YAAY,EAAE,EAAE;YAChB,aAAa,EAAE,aAAa;SAC7B;KACF;CACF,CAAC;AACF,yCAAyC"}

package/lib/ui/taon-lang-selector/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1786035891933 = dummy1786035891933;
-function dummy1786035891933() { }
+exports.dummy1787352280713 = dummy1787352280713;
+function dummy1787352280713() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-lang-selector/taon-lang-selector.component.d.ts

@@ -4,7 +4,7 @@ import { UtilsI18n } from 'tnp-core';
 export declare class TaonLangSelectorComponent implements Translatable {
     t: Translation;
     private translateService;
-    readonly availableLangs$: import("rxjs").Observable<UtilsI18n.LangOption[]>;
+    readonly availableLangs$: import("rxjs").Observable<import("tnp-core").UtilsI18n.LangOption[]>;
     currentLang: UtilsI18n.CommonLocaleCode;
     readonly currentGlobalLanguage$: import("rxjs").Observable<"pl-PL" | "en-US" | "en-GB" | "de-DE" | "fr-FR" | "es-ES" | "zh-CN">;
     readonly isDisabled$: import("rxjs").Observable<boolean>;

package/lib/ui/taon-progress-bar/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1786035891946 = dummy1786035891946;
-function dummy1786035891946() { }
+exports.dummy1787352280775 = dummy1787352280775;
+function dummy1787352280775() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-session-passcode/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1786035891956 = dummy1786035891956;
-function dummy1786035891956() { }
+exports.dummy1787352280815 = dummy1787352280815;
+function dummy1787352280815() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-settings/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1786035891962 = dummy1786035891962;
-function dummy1786035891962() { }
+exports.dummy1787352280840 = dummy1787352280840;
+function dummy1787352280840() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-table/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1786035891979 = dummy1786035891979;
-function dummy1786035891979() { }
+exports.dummy1787352280905 = dummy1787352280905;
+function dummy1787352280905() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-youtube-video/taon-youtube-video.component.d.ts

@@ -1,10 +1,8 @@
-import { EventEmitter, OnChanges, AfterViewInit, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, OnChanges, AfterViewInit, ElementRef, ChangeDetectorRef, OnInit, OnDestroy } from '@angular/core';
 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
-export type TaonYoutubeState = 'preview-picture' | 'preview-picture-locked' | 'video-preview-open' | 'video-preview-private';
-export declare class TaonYoutubeVideoComponent implements OnChanges, AfterViewInit {
+import { TaonYoutubeState } from './taon-youtube.models';
+export declare class TaonYoutubeVideoComponent implements OnChanges, AfterViewInit, OnInit, OnDestroy {
     private sanitizer;
-    private readonly PS;
-    currentVideoState: keyof typeof this.PS;
     videoId: string;
     title?: string;
     height?: string;
@@ -12,18 +10,6 @@ export declare class TaonYoutubeVideoComponent implements OnChanges, AfterViewIn
     paddlockClicked: EventEmitter<void>;
     previewClicked: EventEmitter<void>;
     iframeRef?: ElementRef<HTMLIFrameElement>;
-    cdr: ChangeDetectorRef;
-    allowedToBeDisplayedVideoOveraly: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
-    onRightClick(event: any): void;
-    clicked(event: any): void;
-    restart(): void;
-    private player;
-    ngAfterViewInit(): Promise<void>;
-    private handleStateChange;
-    private videoIdSignal;
-    constructor(sanitizer: DomSanitizer);
-    ngOnChanges(): void;
-    previewImage: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<string>;
     /**
      * > controls=0	Hides bottom control bar
      * > modestbranding=1	Reduces YouTube logo
@@ -33,13 +19,34 @@ export declare class TaonYoutubeVideoComponent implements OnChanges, AfterViewIn
      * > playsinline=1	Prevents fullscreen auto behavior on iOS
      */
     embedUrl: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<SafeResourceUrl>;
+    private readonly PS;
+    currentVideoState: keyof typeof this.PS;
+    videoActivated: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
+    isInViewport: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
+    previewImage: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<string>;
+    cdr: ChangeDetectorRef;
+    allowedToBeDisplayedVideoOveraly: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
+    private player;
+    private readonly el;
+    private observer?;
+    private videoIdSignal;
     get containerStyle(): {
         height: string;
     };
     get displayTitle(): string;
+    constructor(sanitizer: DomSanitizer);
+    onRightClick(event: any): void;
+    onThumbnailError(event: Event): void;
+    clicked(event: any): void;
+    restart(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): Promise<void>;
+    private handleStateChange;
+    ngOnChanges(): void;
     onLockClick(event: MouseEvent): void;
     onPreviewClick(): void;
-    private postCommand;
     play(): void;
     pause(): void;
+    private postCommand;
 }

package/lib/ui/taon-youtube-video/taon-youtube.models.d.ts

@@ -0,0 +1 @@
+export type TaonYoutubeState = 'preview-picture' | 'preview-picture-locked' | 'video-preview-open' | 'video-preview-private';

package/lib/ui/taon-youtube-video/taon-youtube.models.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=taon-youtube.models.js.map

package/lib/ui/taon-youtube-video/taon-youtube.models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taon-youtube.models.js","sourceRoot":"","sources":[""],"names":[],"mappings":""}