taon-ui 21.0.76 → 21.0.78

package/VERIFIED-BUILD-DATA.jsonc

@@ -1,5 +1,5 @@
 {
-  "commitHash": "1ef740e1185a03c0164e3ad1b97ef2470c1831f3",
-  "commitName": "release: v21.0.75",
-  "commitDate": "17-10-2026 02:39:01"
+  "commitHash": "4878ab10686181fd42ed906c9a19a7562bc9db86",
+  "commitName": "chore: update",
+  "commitDate": "20-10-2026 18:23:44"
 }

package/browser/fesm2022/taon-ui-browser.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() { }
@@ -1598,15 +1598,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 {
@@ -1615,24 +1628,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) {
@@ -1640,17 +1662,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-browser-taon-stripe-buy-button.component.ts.en-US.i18n.data-Dm_w_Ca7.mjs')).default, "pl-PL": async () => (await import('./taon-ui-browser-taon-stripe-buy-button.component.ts.pl-PL.i18n.data-Ceog6BY8.mjs')).default, "de-DE": async () => (await import('./taon-ui-browser-taon-stripe-buy-button.component.ts.de-DE.i18n.data-qkknVsLY.mjs')).default } }, {
@@ -2026,24 +2057,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.