taon-ui 21.0.76 → 21.0.78

package/ts-source/websql-code-prod/ui/taon-slide-content/taon-slide-content.component.ts

@@ -1,8 +1,13 @@
 // @ts-nocheck
 /* ============================================================================
- * TAON READONLY SOURCE
- * DO NOT MODIFY THIS FILE.
- * Changes may be overwritten.
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
  * ========================================================================== */
 
 import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, Input, QueryList, signal, } from '@angular/core';
@@ -20,27 +25,38 @@ export class TaonSlideContentComponent implements AfterContentInit {
     private slides!: QueryList<TaonSlideContentContentChildComponent>;
     @Input()
     whenAllowedAnimationMap?: Map<unknown, unknown[]>;
+    @Input()
+    useStaticSlides?: boolean;
     private readonly activeIndex = signal(0);
     private readonly currentState = signal<unknown>(undefined);
     readonly shouldAnimate = signal(false);
     readonly transform = () => `translateX(-${this.activeIndex() * 100}%)`;
+    public staticSlides = false;
     ngAfterContentInit(): void {
-        const firstSlide = this.slides.first;
-        if (firstSlide) {
-            this.currentState.set(firstSlide.assignToState);
-        }
+        this.staticSlides = this.useStaticSlides ?? this.isIOS();
+        this.updateStaticSlides();
     }
     public goTo(state: unknown): void {
         const slides = this.slides.toArray();
         const index = slides.findIndex(slide => slide.assignToState === state);
         if (index === -1) {
-            console.warn('[TaonSlideContentSlideComponent] Unknown slide state:', state);
+            console.warn('[TaonSlideContentComponent] Unknown slide state:', state);
             return;
         }
         const previousState = this.currentState();
-        this.shouldAnimate.set(this.isAnimationAllowed(previousState, state));
+        this.shouldAnimate.set(!this.staticSlides &&
+            previousState !== undefined &&
+            this.isAnimationAllowed(previousState, state));
         this.currentState.set(state);
         this.activeIndex.set(index);
+        this.updateStaticSlides();
+    }
+    private updateStaticSlides(): void {
+        const activeIndex = this.activeIndex();
+        this.slides.forEach((slide, index) => {
+            slide.staticMode.set(this.staticSlides);
+            slide.staticVisible.set(index === activeIndex);
+        });
     }
     private isAnimationAllowed(fromState: unknown, toState: unknown): boolean {
         if (!this.whenAllowedAnimationMap) {
@@ -48,4 +64,11 @@ export class TaonSlideContentComponent implements AfterContentInit {
         }
         return (this.whenAllowedAnimationMap.get(fromState)?.includes(toState) ?? false);
     }
+    private isIOS(): boolean {
+        if (typeof navigator === 'undefined') {
+            return false;
+        }
+        return (/iPad|iPhone|iPod/.test(navigator.userAgent) ||
+            (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1));
+    }
 }

package/ts-source/websql-code-prod/ui/taon-slide-content/taon-slide-content.models.ts

@@ -1,7 +1,12 @@
 // @ts-nocheck
 /* ============================================================================
- * TAON READONLY SOURCE
- * DO NOT MODIFY THIS FILE.
- * Changes may be overwritten.
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
  * ========================================================================== */
 

package/ts-source/websql-code-prod/ui/taon-stripe-buy-button/i18n/taon-stripe-buy-button.component.ts.de-DE.i18n.data.ts

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

package/ts-source/websql-code-prod/ui/taon-stripe-buy-button/i18n/taon-stripe-buy-button.component.ts.en-US.i18n.data.ts

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

package/ts-source/websql-code-prod/ui/taon-stripe-buy-button/i18n/taon-stripe-buy-button.component.ts.pl-PL.i18n.data.ts

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

package/ts-source/websql-code-prod/ui/taon-stripe-buy-button/i18n/taon-stripe-buy-button.translation.ts

@@ -1,8 +1,13 @@
 // @ts-nocheck
 /* ============================================================================
- * TAON READONLY SOURCE
- * DO NOT MODIFY THIS FILE.
- * Changes may be overwritten.
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
  * ========================================================================== */
 
 import { CoreModels__NS__BaseProjectType, CoreModels__NS__BaseProjectTypeArr, CoreModels__NS__BuildType, CoreModels__NS__BuildTypeArr, CoreModels__NS__buildTypeToWatcherFn, CoreModels__NS__BuildWatcherErrorType, CoreModels__NS__BuildWatcherType, CoreModels__NS__BuildWatcherTypeArr, CoreModels__NS__CfontAlign, CoreModels__NS__CfontStyle, CoreModels__NS__ClassNameStaticProperty, CoreModels__NS__ContentType, CoreModels__NS__ContentTypeKeys, CoreModels__NS__CoreLibCategory, CoreModels__NS__CutableFileExt, CoreModels__NS__DatabaseType, CoreModels__NS__DeepPartial, CoreModels__NS__FileEvent, CoreModels__NS__FileExtension, CoreModels__NS__FirstParamsFrom, CoreModels__NS__FrameworkVersion, CoreModels__NS__GitConnection, CoreModels__NS__GitConnectionArr, CoreModels__NS__GlobalDependencies, CoreModels__NS__hasExitCleaningFunction, CoreModels__NS__HttpCode, CoreModels__NS__HttpMethod, CoreModels__NS__HttpMethodArr, CoreModels__NS__ImageFileExtension, CoreModels__NS__ImageFileExtensionArr, CoreModels__NS__InstalationType, CoreModels__NS__InstalationTypeArr, CoreModels__NS__LibType, CoreModels__NS__localhostDomain, CoreModels__NS__localhostIp127, CoreModels__NS__ManifestIcon, CoreModels__NS__MediaType, CoreModels__NS__MediaTypeAllArr, CoreModels__NS__mimeTypes, CoreModels__NS__NewFactoryType, CoreModels__NS__NpmInstallOptions, CoreModels__NS__NpmPublishOptions, CoreModels__NS__NpmSpecialVersions, CoreModels__NS__OrignalClassKey, CoreModels__NS__OutFolder, CoreModels__NS__Package, CoreModels__NS__ParamType, CoreModels__NS__parentLocation, CoreModels__NS__pathToChildren, CoreModels__NS__Position, CoreModels__NS__PreReleaseVersionTag, CoreModels__NS__PROGRESS_DATA_TYPE, CoreModels__NS__PUSHTYPE, CoreModels__NS__PwaManifest, CoreModels__NS__ReleaseVersionType, CoreModels__NS__ReleaseVersionTypeEnum, CoreModels__NS__RunOptions, CoreModels__NS__Size, CoreModels__NS__SPECIAL_APP_READY_MESSAGE, CoreModels__NS__SPECIAL_WORKER_READY_MESSAGE, CoreModels__NS__StatusCode401, CoreModels__NS__tagForTaskName, CoreModels__NS__TaonHttpErrorCustomProp, CoreModels__NS__TsUsage, CoreModels__NS__UIFramework, CoreModels__NS__ValueOf, CoreModels__NS__VSCodeSettings } from 'tnp-core/websql-prod';

package/ts-source/websql-code-prod/ui/taon-stripe-buy-button/taon-stripe-buy-button.component.html

@@ -1,8 +1,13 @@
 <!--
 ==============================================================================
- TAON READONLY SOURCE
- DO NOT MODIFY THIS FILE.
- Changes may be overwritten.
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
 ==============================================================================
 -->
 

package/ts-source/websql-code-prod/ui/taon-stripe-buy-button/taon-stripe-buy-button.component.ts

@@ -1,8 +1,13 @@
 // @ts-nocheck
 /* ============================================================================
- * TAON READONLY SOURCE
- * DO NOT MODIFY THIS FILE.
- * Changes may be overwritten.
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
  * ========================================================================== */
 
 import { CommonModule } from '@angular/common';

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

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

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

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

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

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

package/ts-source/websql-code-prod/ui/taon-theme/i18n/taon-theme.component.ts.de-DE.i18n.data.ts

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

package/ts-source/websql-code-prod/ui/taon-theme/i18n/taon-theme.component.ts.en-US.i18n.data.ts

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

package/ts-source/websql-code-prod/ui/taon-theme/i18n/taon-theme.component.ts.pl-PL.i18n.data.ts

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

package/ts-source/websql-code-prod/ui/taon-theme/i18n/taon-theme.translation.ts

@@ -1,8 +1,13 @@
 // @ts-nocheck
 /* ============================================================================
- * TAON READONLY SOURCE
- * DO NOT MODIFY THIS FILE.
- * Changes may be overwritten.
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
  * ========================================================================== */
 
 import { CoreModels__NS__BaseProjectType, CoreModels__NS__BaseProjectTypeArr, CoreModels__NS__BuildType, CoreModels__NS__BuildTypeArr, CoreModels__NS__buildTypeToWatcherFn, CoreModels__NS__BuildWatcherErrorType, CoreModels__NS__BuildWatcherType, CoreModels__NS__BuildWatcherTypeArr, CoreModels__NS__CfontAlign, CoreModels__NS__CfontStyle, CoreModels__NS__ClassNameStaticProperty, CoreModels__NS__ContentType, CoreModels__NS__ContentTypeKeys, CoreModels__NS__CoreLibCategory, CoreModels__NS__CutableFileExt, CoreModels__NS__DatabaseType, CoreModels__NS__DeepPartial, CoreModels__NS__FileEvent, CoreModels__NS__FileExtension, CoreModels__NS__FirstParamsFrom, CoreModels__NS__FrameworkVersion, CoreModels__NS__GitConnection, CoreModels__NS__GitConnectionArr, CoreModels__NS__GlobalDependencies, CoreModels__NS__hasExitCleaningFunction, CoreModels__NS__HttpCode, CoreModels__NS__HttpMethod, CoreModels__NS__HttpMethodArr, CoreModels__NS__ImageFileExtension, CoreModels__NS__ImageFileExtensionArr, CoreModels__NS__InstalationType, CoreModels__NS__InstalationTypeArr, CoreModels__NS__LibType, CoreModels__NS__localhostDomain, CoreModels__NS__localhostIp127, CoreModels__NS__ManifestIcon, CoreModels__NS__MediaType, CoreModels__NS__MediaTypeAllArr, CoreModels__NS__mimeTypes, CoreModels__NS__NewFactoryType, CoreModels__NS__NpmInstallOptions, CoreModels__NS__NpmPublishOptions, CoreModels__NS__NpmSpecialVersions, CoreModels__NS__OrignalClassKey, CoreModels__NS__OutFolder, CoreModels__NS__Package, CoreModels__NS__ParamType, CoreModels__NS__parentLocation, CoreModels__NS__pathToChildren, CoreModels__NS__Position, CoreModels__NS__PreReleaseVersionTag, CoreModels__NS__PROGRESS_DATA_TYPE, CoreModels__NS__PUSHTYPE, CoreModels__NS__PwaManifest, CoreModels__NS__ReleaseVersionType, CoreModels__NS__ReleaseVersionTypeEnum, CoreModels__NS__RunOptions, CoreModels__NS__Size, CoreModels__NS__SPECIAL_APP_READY_MESSAGE, CoreModels__NS__SPECIAL_WORKER_READY_MESSAGE, CoreModels__NS__StatusCode401, CoreModels__NS__tagForTaskName, CoreModels__NS__TaonHttpErrorCustomProp, CoreModels__NS__TsUsage, CoreModels__NS__UIFramework, CoreModels__NS__ValueOf, CoreModels__NS__VSCodeSettings } from 'tnp-core/websql-prod';

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

@@ -1,8 +1,13 @@
 <!--
 ==============================================================================
- TAON READONLY SOURCE
- DO NOT MODIFY THIS FILE.
- Changes may be overwritten.
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
 ==============================================================================
 -->
 

package/ts-source/websql-code-prod/ui/taon-theme/taon-theme.component.ts

@@ -1,8 +1,13 @@
 // @ts-nocheck
 /* ============================================================================
- * TAON READONLY SOURCE
- * DO NOT MODIFY THIS FILE.
- * Changes may be overwritten.
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
  * ========================================================================== */
 
 import { Component, inject } from '@angular/core';

package/ts-source/websql-code-prod/ui/taon-theme/taon-theme.service.ts

@@ -1,8 +1,13 @@
 // @ts-nocheck
 /* ============================================================================
- * TAON READONLY SOURCE
- * DO NOT MODIFY THIS FILE.
- * Changes may be overwritten.
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
  * ========================================================================== */
 
 import { isPlatformBrowser } from '@angular/common';

package/ts-source/websql-code-prod/ui/taon-youtube-video/taon-youtube-video.component.html

@@ -1,8 +1,13 @@
 <!--
 ==============================================================================
- TAON READONLY SOURCE
- DO NOT MODIFY THIS FILE.
- Changes may be overwritten.
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
 ==============================================================================
 -->
 

package/ts-source/websql-code-prod/ui/taon-youtube-video/taon-youtube-video.component.scss

@@ -1,7 +1,12 @@
 /* ============================================================================
- * TAON READONLY SOURCE
- * DO NOT MODIFY THIS FILE.
- * Changes may be overwritten.
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
  * ========================================================================== */
 
 .yt-container {

package/ts-source/websql-code-prod/ui/taon-youtube-video/taon-youtube-video.component.ts

@@ -1,8 +1,13 @@
 // @ts-nocheck
 /* ============================================================================
- * TAON READONLY SOURCE
- * DO NOT MODIFY THIS FILE.
- * Changes may be overwritten.
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
  * ========================================================================== */
 
 import { NgIf, NgStyle, CommonModule } from '@angular/common';

package/ts-source/websql-code-prod/ui/taon-youtube-video/taon-youtube.models.ts

@@ -1,8 +1,13 @@
 // @ts-nocheck
 /* ============================================================================
- * TAON READONLY SOURCE
- * DO NOT MODIFY THIS FILE.
- * Changes may be overwritten.
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
  * ========================================================================== */
 
 export type TaonYoutubeState = 'preview-picture' | 'preview-picture-locked' | 'video-preview-open' | 'video-preview-private';

package/ts-source/websql-code-prod/ui/taon-youtube-video/taon-youtube.utils.ts

@@ -1,8 +1,13 @@
 // @ts-nocheck
 /* ============================================================================
- * TAON READONLY SOURCE
- * DO NOT MODIFY THIS FILE.
- * Changes may be overwritten.
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
  * ========================================================================== */
 
 export function TaonYouTubeUtils__NS__loadYoutubeApi(): Promise<void> {

package/ts-source/websql-code-prod/ui/taon.scss

@@ -1,7 +1,12 @@
 /* ============================================================================
- * TAON READONLY SOURCE
- * DO NOT MODIFY THIS FILE.
- * Changes may be overwritten.
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
  * ========================================================================== */
 
 @mixin section {

package/websql/fesm2022/taon-ui-websql.mjs

@@ -67,7 +67,7 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '21.0.76';
+const CURRENT_PACKAGE_VERSION = '21.0.78';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 function myOrgProj() { }
@@ -1599,15 +1599,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], navItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "navItems", required: false }] }] } });
 
 class TaonSlideContentContentChildComponent {
+    constructor() {
+        this.staticMode = signal(false, ...(ngDevMode ? [{ debugName: "staticMode" }] : []));
+        this.staticVisible = signal(true, ...(ngDevMode ? [{ debugName: "staticVisible" }] : []));
+    }
+    get display() {
+        if (this.staticMode()) {
+            return this.staticVisible() ? 'block' : 'none';
+        }
+        return 'block';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonSlideContentContentChildComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonSlideContentContentChildComponent, isStandalone: true, selector: "taon-slide-content-child", inputs: { assignToState: "assignToState" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{display:block;flex:0 0 100%;width:100%;min-width:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonSlideContentContentChildComponent, isStandalone: true, selector: "taon-slide-content-child", inputs: { assignToState: "assignToState" }, host: { properties: { "style.display": "this.display" } }, ngImport: i0, template: "@if (!staticMode() || staticVisible()) {\n  <ng-content></ng-content>\n}\n", styles: [":host{display:block;flex:0 0 100%;width:100%;min-width:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonSlideContentContentChildComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'taon-slide-content-child', standalone: true, template: ` <ng-content></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;flex:0 0 100%;width:100%;min-width:0}\n"] }]
+            args: [{ selector: 'taon-slide-content-child', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!staticMode() || staticVisible()) {\n  <ng-content></ng-content>\n}\n", styles: [":host{display:block;flex:0 0 100%;width:100%;min-width:0}\n"] }]
         }], propDecorators: { assignToState: [{
                 type: Input,
                 args: [{ required: true }]
+            }], display: [{
+                type: HostBinding,
+                args: ['style.display']
             }] } });
 
 class TaonSlideContentComponent {
@@ -1616,24 +1629,33 @@ class TaonSlideContentComponent {
         this.currentState = signal(undefined, ...(ngDevMode ? [{ debugName: "currentState" }] : []));
         this.shouldAnimate = signal(false, ...(ngDevMode ? [{ debugName: "shouldAnimate" }] : []));
         this.transform = () => `translateX(-${this.activeIndex() * 100}%)`;
+        this.staticSlides = false;
     }
     ngAfterContentInit() {
-        const firstSlide = this.slides.first;
-        if (firstSlide) {
-            this.currentState.set(firstSlide.assignToState);
-        }
+        this.staticSlides = this.useStaticSlides ?? this.isIOS();
+        this.updateStaticSlides();
     }
     goTo(state) {
         const slides = this.slides.toArray();
         const index = slides.findIndex(slide => slide.assignToState === state);
         if (index === -1) {
-            console.warn('[TaonSlideContentSlideComponent] Unknown slide state:', state);
+            console.warn('[TaonSlideContentComponent] Unknown slide state:', state);
             return;
         }
         const previousState = this.currentState();
-        this.shouldAnimate.set(this.isAnimationAllowed(previousState, state));
+        this.shouldAnimate.set(!this.staticSlides &&
+            previousState !== undefined &&
+            this.isAnimationAllowed(previousState, state));
         this.currentState.set(state);
         this.activeIndex.set(index);
+        this.updateStaticSlides();
+    }
+    updateStaticSlides() {
+        const activeIndex = this.activeIndex();
+        this.slides.forEach((slide, index) => {
+            slide.staticMode.set(this.staticSlides);
+            slide.staticVisible.set(index === activeIndex);
+        });
     }
     isAnimationAllowed(fromState, toState) {
         if (!this.whenAllowedAnimationMap) {
@@ -1641,17 +1663,26 @@ class TaonSlideContentComponent {
         }
         return (this.whenAllowedAnimationMap.get(fromState)?.includes(toState) ?? false);
     }
+    isIOS() {
+        if (typeof navigator === 'undefined') {
+            return false;
+        }
+        return (/iPad|iPhone|iPod/.test(navigator.userAgent) ||
+            (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonSlideContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonSlideContentComponent, isStandalone: true, selector: "taon-slide-content", inputs: { whenAllowedAnimationMap: "whenAllowedAnimationMap" }, queries: [{ propertyName: "slides", predicate: TaonSlideContentContentChildComponent }], ngImport: i0, template: "<div\n  class=\"slide-track\"\n  [class.animate]=\"shouldAnimate()\"\n  [style.transform]=\"transform()\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block;width:100%;overflow:hidden}.slide-track{display:flex;width:100%;align-items:flex-start;will-change:transform}.slide-track.animate{transition:transform .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.slide-track.animate{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonSlideContentComponent, isStandalone: true, selector: "taon-slide-content", inputs: { whenAllowedAnimationMap: "whenAllowedAnimationMap", useStaticSlides: "useStaticSlides" }, queries: [{ propertyName: "slides", predicate: TaonSlideContentContentChildComponent }], ngImport: i0, template: "<div\n  class=\"slide-track\"\n  [class.static]=\"staticSlides\"\n  [class.animate]=\"!staticSlides && shouldAnimate()\"\n  [style.transform]=\"staticSlides ? 'none' : transform()\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block;width:100%;overflow:hidden}.slide-track{display:flex;width:100%;align-items:flex-start;will-change:transform}.slide-track.animate{transition:transform .5s cubic-bezier(.4,0,.2,1)}.slide-track.static{display:block;transform:none!important;transition:none!important;will-change:auto}@media(prefers-reduced-motion:reduce){.slide-track.animate{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonSlideContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'taon-slide-content', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"slide-track\"\n  [class.animate]=\"shouldAnimate()\"\n  [style.transform]=\"transform()\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block;width:100%;overflow:hidden}.slide-track{display:flex;width:100%;align-items:flex-start;will-change:transform}.slide-track.animate{transition:transform .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.slide-track.animate{transition:none}}\n"] }]
+            args: [{ selector: 'taon-slide-content', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"slide-track\"\n  [class.static]=\"staticSlides\"\n  [class.animate]=\"!staticSlides && shouldAnimate()\"\n  [style.transform]=\"staticSlides ? 'none' : transform()\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block;width:100%;overflow:hidden}.slide-track{display:flex;width:100%;align-items:flex-start;will-change:transform}.slide-track.animate{transition:transform .5s cubic-bezier(.4,0,.2,1)}.slide-track.static{display:block;transform:none!important;transition:none!important;will-change:auto}@media(prefers-reduced-motion:reduce){.slide-track.animate{transition:none}}\n"] }]
         }], propDecorators: { slides: [{
                 type: ContentChildren,
                 args: [TaonSlideContentContentChildComponent]
             }], whenAllowedAnimationMap: [{
                 type: Input
+            }], useStaticSlides: [{
+                type: Input
             }] } });
 
 const t$1 = Translation.for('src/lib/ui/taon-stripe-buy-button/taon-stripe-buy-button.component.ts', { "src/lib/ui/taon-stripe-buy-button/taon-stripe-buy-button.component.ts": { "en-US": async () => (await import('./taon-ui-websql-taon-stripe-buy-button.component.ts.en-US.i18n.data-Dm_w_Ca7.mjs')).default, "pl-PL": async () => (await import('./taon-ui-websql-taon-stripe-buy-button.component.ts.pl-PL.i18n.data-Ceog6BY8.mjs')).default, "de-DE": async () => (await import('./taon-ui-websql-taon-stripe-buy-button.component.ts.de-DE.i18n.data-qkknVsLY.mjs')).default } }, {
@@ -2027,24 +2058,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 args: ['ytFrame']
             }] } });
 
-;
-// THIS FILE IS GENERATED - DO NOT MODIFY
-
-;
-// THIS FILE IS GENERATED - DO NOT MODIFY
-
-;
-// THIS FILE IS GENERATED - DO NOT MODIFY
-
-;
-// THIS FILE IS GENERATED - DO NOT MODIFY
-
-;
-// THIS FILE IS GENERATED - DO NOT MODIFY
-
-;
-// THIS FILE IS GENERATED - DO NOT MODIFY
-
 // @ts-nocheck
 // This file is auto-generated during init process. Do not modify.
 // This disable this auto generate file.