taon-ui 21.0.63 → 21.0.65

package/lib-prod/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,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,2CAA2C,CAAC;AAC1D,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,2BAA2B,CAAC;AAC1C,KAAK;AACL,cAAc,sDAAsD,CAAC;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,cAAc,yDAAyD,CAAC;AACxE,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,mDAAmD,CAAC;AAClE,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,yCAAyC,CAAC;AACxD,KAAK;AACL,cAAc,kDAAkD,CAAC;AACjE,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,6CAA6C,CAAC;AAC5D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mEAAmE,CAAC;AAClF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,mDAAmD,CAAC;AAClE,cAAc,qEAAqE,CAAC;AACpF,cAAc,6CAA6C,CAAC"}
+{"version":3,"file":"index._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,cAAc;AACd,kEAAkE;AAClE,wCAAwC;AACxC,wDAAwD;AACxD,kCAAkC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,2CAA2C,CAAC;AAC1D,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,2BAA2B,CAAC;AAC1C,KAAK;AACL,cAAc,sDAAsD,CAAC;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,cAAc,yDAAyD,CAAC;AACxE,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,mDAAmD,CAAC;AAClE,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,yCAAyC,CAAC;AACxD,KAAK;AACL,cAAc,kDAAkD,CAAC;AACjE,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,mDAAmD,CAAC;AAClE,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,6CAA6C,CAAC;AAC5D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mEAAmE,CAAC;AAClF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,mDAAmD,CAAC;AAClE,cAAc,qEAAqE,CAAC;AACpF,cAAc,6CAA6C,CAAC"}

package/lib-prod/layouts/taon-bootstrap-navbar/index.d.ts

@@ -1 +1 @@
-export declare function dummy1787352348528(): void;
+export declare function dummy1787703266752(): void;

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

@@ -1,2 +1,2 @@
-export function dummy1787352348528() { }
+export function dummy1787703266752() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/package.json

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

package/lib-prod/ui/anonymize-text/index.d.ts

@@ -1 +1 @@
-export declare function dummy1787352348558(): void;
+export declare function dummy1787703266775(): void;

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

@@ -1,2 +1,2 @@
-export function dummy1787352348558() { }
+export function dummy1787703266775() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/ui/directives/index.d.ts

@@ -1 +1 @@
-export declare function dummy1787352348562(): void;
+export declare function dummy1787703266779(): void;

package/lib-prod/ui/directives/index.js

@@ -1,2 +1,2 @@
-export function dummy1787352348562() { }
+export function dummy1787703266779() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/ui/index.d.ts

@@ -1 +1 @@
-export declare function dummy1787352347741(): void;
+export declare function dummy1787703266116(): void;

package/lib-prod/ui/index.js

@@ -1,2 +1,2 @@
-export function dummy1787352347741() { }
+export function dummy1787703266116() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/ui/taon-github-fork-me-corner/index.d.ts

@@ -1 +1 @@
-export declare function dummy1787352348735(): void;
+export declare function dummy1787703266889(): void;

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

@@ -1,2 +1,2 @@
-export function dummy1787352348735() { }
+export function dummy1787703266889() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/ui/taon-github-fork-me-ribbon/index.d.ts

@@ -1 +1 @@
-export declare function dummy1787352348752(): void;
+export declare function dummy1787703266902(): void;

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

@@ -1,2 +1,2 @@
-export function dummy1787352348752() { }
+export function dummy1787703266902() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/ui/taon-iframe-sync/index.d.ts

@@ -1 +1 @@
-export declare function dummy1787352348769(): void;
+export declare function dummy1787703266916(): void;

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

@@ -1,2 +1,2 @@
-export function dummy1787352348769() { }
+export function dummy1787703266916() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/ui/taon-lang-selector/index.d.ts

@@ -1 +1 @@
-export declare function dummy1787352348809(): void;
+export declare function dummy1787703266954(): void;

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

@@ -1,2 +1,2 @@
-export function dummy1787352348809() { }
+export function dummy1787703266954() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/ui/taon-progress-bar/index.d.ts

@@ -1 +1 @@
-export declare function dummy1787352348867(): void;
+export declare function dummy1787703266996(): void;

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

@@ -1,2 +1,2 @@
-export function dummy1787352348867() { }
+export function dummy1787703266996() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/ui/taon-session-passcode/index.d.ts

@@ -1 +1 @@
-export declare function dummy1787352348903(): void;
+export declare function dummy1787703267022(): void;

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

@@ -1,2 +1,2 @@
-export function dummy1787352348903() { }
+export function dummy1787703267022() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/ui/taon-settings/index.d.ts

@@ -1 +1 @@
-export declare function dummy1787352348925(): void;
+export declare function dummy1787703267041(): void;

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

@@ -1,2 +1,2 @@
-export function dummy1787352348925() { }
+export function dummy1787703267041() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/ui/taon-slide-content/index.d.ts

@@ -0,0 +1 @@
+export declare function dummy1787703267081(): void;

package/lib-prod/ui/taon-slide-content/index.js

@@ -0,0 +1,2 @@
+export function dummy1787703267081() { }
+//# sourceMappingURL=index.js.map

package/lib-prod/ui/taon-slide-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,MAAM,UAAU,kBAAkB,KAAK,CAAC"}

package/lib-prod/ui/taon-slide-content/taon-slide-content.models.js

@@ -0,0 +1,3 @@
+//namespace TaonSlideContentModels
+//end of namespace TaonSlideContentModels
+//# sourceMappingURL=taon-slide-content.models.js.map

package/lib-prod/ui/taon-slide-content/taon-slide-content.models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taon-slide-content.models.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,kCAAkC;AAElC,yCAAyC"}

package/lib-prod/ui/taon-table/index.d.ts

@@ -1 +1 @@
-export declare function dummy1787352348984(): void;
+export declare function dummy1787703267118(): void;

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

@@ -1,2 +1,2 @@
-export function dummy1787352348984() { }
+export function dummy1787703267118() { }
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taon-ui",
-  "version": "21.0.63",
+  "version": "21.0.65",
   "scripts": {
     "taon init": "taon init",
     "taon start": "taon start",

package/scss/lib/ui/taon-slide-content/taon-slide-content.component.scss

@@ -0,0 +1,22 @@
+: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 300ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .slide-track.animate {
+    transition: none;
+  }
+}

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

@@ -6,7 +6,7 @@ import { CdkStepperModule } from '@angular/cdk/stepper';
 import { CdkTableModule } from '@angular/cdk/table';
 import { CdkTreeModule } from '@angular/cdk/tree';
 import * as i0 from '@angular/core';
-import { NgModule, Input, ChangeDetectionStrategy, Component, inject, ElementRef, HostListener, Directive, Pipe, EventEmitter, HostBinding, Output, Injectable, ViewChild, DestroyRef, Self, ChangeDetectorRef, signal, computed, PLATFORM_ID, effect, input } from '@angular/core';
+import { NgModule, Input, ChangeDetectionStrategy, Component, inject, ElementRef, HostListener, Directive, Pipe, EventEmitter, HostBinding, Output, Injectable, ViewChild, DestroyRef, Self, ChangeDetectorRef, signal, computed, PLATFORM_ID, effect, input, ContentChildren } from '@angular/core';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatBadgeModule } from '@angular/material/badge';
 import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
@@ -109,7 +109,7 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '21.0.63';
+const CURRENT_PACKAGE_VERSION = '21.0.65';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 function myOrgProj() { }
@@ -1802,11 +1802,11 @@ class TaonRumbleComponent {
         return this.state === 'video-preview-private';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonRumbleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonRumbleComponent, isStandalone: true, selector: "taon-rumble", inputs: { title: "title", clipId: "clipId", picturePreviewUrl: "picturePreviewUrl", state: "state" }, outputs: { paddlockClicked: "paddlockClicked", previewClicked: "previewClicked" }, ngImport: i0, template: "<div class=\"taon-rumble\">\n  <!-- PREVIEW MODE -->\n  <div\n    *ngIf=\"isPreview()\"\n    class=\"preview\"\n    (click)=\"onPreviewClick()\">\n    <img\n      class=\"preview-img\"\n      [src]=\"picturePreviewUrl\"\n      [alt]=\"title\" />\n\n    <div class=\"title\">\n      {{ title }}\n    </div>\n\n    <!-- PLAY BUTTON -->\n    <div class=\"play-button\">\u25B6</div>\n\n    <!-- LOCK -->\n    <div\n      *ngIf=\"isLocked()\"\n      class=\"lock\"\n      (click)=\"onPadlockClick($event)\">\n      \uD83D\uDD12\n    </div>\n  </div>\n\n  <!-- VIDEO OPEN -->\n  <div\n    *ngIf=\"isVideoOpen()\"\n    class=\"video\">\n    <iframe\n      class=\"rumble-frame\"\n      [src]=\"embedUrl()\"\n      frameborder=\"0\"\n      allowfullscreen>\n    </iframe>\n  </div>\n\n  <!-- PRIVATE VIDEO -->\n  <div\n    *ngIf=\"isPrivate()\"\n    class=\"private\">\n    <div class=\"private-box\">\uD83D\uDD12 Private video</div>\n  </div>\n</div>", styles: [".taon-rumble{width:100%;max-width:640px;margin:auto;position:relative;font-family:inherit}.preview{position:relative;cursor:pointer;overflow:hidden;border-radius:10px}.preview-img{width:100%;display:block}.title{position:absolute;left:0;bottom:0;right:0;padding:10px 14px;background:linear-gradient(transparent,#000c);color:#fff;font-size:14px}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:#fff;background:#00000080;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%}.lock{position:absolute;top:10px;right:10px;font-size:20px;background:#0009;color:#fff;padding:6px 8px;border-radius:6px}.video{position:relative;padding-top:56.25%}.rumble-frame{position:absolute;top:0;left:0;width:100%;height:100%}.private{display:flex;align-items:center;justify-content:center;height:200px;background:#111;color:#fff}.private-box{opacity:.7}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonRumbleComponent, isStandalone: true, selector: "taon-rumble", inputs: { title: "title", clipId: "clipId", picturePreviewUrl: "picturePreviewUrl", state: "state" }, outputs: { paddlockClicked: "paddlockClicked", previewClicked: "previewClicked" }, ngImport: i0, template: "<div class=\"taon-rumble\">\n  <!-- PREVIEW MODE -->\n  <div\n    *ngIf=\"isPreview()\"\n    class=\"preview\"\n    (click)=\"onPreviewClick()\">\n    <img\n      class=\"preview-img\"\n      [src]=\"picturePreviewUrl\"\n      [alt]=\"title\" />\n\n    <div class=\"title\">\n      {{ title }}\n    </div>\n\n    <!-- PLAY BUTTON -->\n    <div class=\"play-button\">\u25B6</div>\n\n    <!-- LOCK -->\n    <div\n      *ngIf=\"isLocked()\"\n      class=\"lock\"\n      (click)=\"onPadlockClick($event)\">\n      \uD83D\uDD12\n    </div>\n  </div>\n\n  <!-- VIDEO OPEN -->\n  <div\n    *ngIf=\"isVideoOpen()\"\n    class=\"video\">\n    <iframe\n      class=\"rumble-frame\"\n      [src]=\"embedUrl()\"\n      frameborder=\"0\"\n      allowfullscreen>\n    </iframe>\n  </div>\n\n  <!-- PRIVATE VIDEO -->\n  <div\n    *ngIf=\"isPrivate()\"\n    class=\"private\">\n    <div class=\"private-box\">\uD83D\uDD12 Private video</div>\n  </div>\n</div>\n", styles: [".taon-rumble{width:100%;max-width:640px;margin:auto;position:relative;font-family:inherit}.preview{position:relative;cursor:pointer;overflow:hidden;border-radius:10px}.preview-img{width:100%;display:block}.title{position:absolute;left:0;bottom:0;right:0;padding:10px 14px;background:linear-gradient(transparent,#000c);color:#fff;font-size:14px}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:#fff;background:#00000080;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%}.lock{position:absolute;top:10px;right:10px;font-size:20px;background:#0009;color:#fff;padding:6px 8px;border-radius:6px}.video{position:relative;padding-top:56.25%}.rumble-frame{position:absolute;top:0;left:0;width:100%;height:100%}.private{display:flex;align-items:center;justify-content:center;height:200px;background:#111;color:#fff}.private-box{opacity:.7}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonRumbleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'taon-rumble', standalone: true, imports: [NgIf], template: "<div class=\"taon-rumble\">\n  <!-- PREVIEW MODE -->\n  <div\n    *ngIf=\"isPreview()\"\n    class=\"preview\"\n    (click)=\"onPreviewClick()\">\n    <img\n      class=\"preview-img\"\n      [src]=\"picturePreviewUrl\"\n      [alt]=\"title\" />\n\n    <div class=\"title\">\n      {{ title }}\n    </div>\n\n    <!-- PLAY BUTTON -->\n    <div class=\"play-button\">\u25B6</div>\n\n    <!-- LOCK -->\n    <div\n      *ngIf=\"isLocked()\"\n      class=\"lock\"\n      (click)=\"onPadlockClick($event)\">\n      \uD83D\uDD12\n    </div>\n  </div>\n\n  <!-- VIDEO OPEN -->\n  <div\n    *ngIf=\"isVideoOpen()\"\n    class=\"video\">\n    <iframe\n      class=\"rumble-frame\"\n      [src]=\"embedUrl()\"\n      frameborder=\"0\"\n      allowfullscreen>\n    </iframe>\n  </div>\n\n  <!-- PRIVATE VIDEO -->\n  <div\n    *ngIf=\"isPrivate()\"\n    class=\"private\">\n    <div class=\"private-box\">\uD83D\uDD12 Private video</div>\n  </div>\n</div>", styles: [".taon-rumble{width:100%;max-width:640px;margin:auto;position:relative;font-family:inherit}.preview{position:relative;cursor:pointer;overflow:hidden;border-radius:10px}.preview-img{width:100%;display:block}.title{position:absolute;left:0;bottom:0;right:0;padding:10px 14px;background:linear-gradient(transparent,#000c);color:#fff;font-size:14px}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:#fff;background:#00000080;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%}.lock{position:absolute;top:10px;right:10px;font-size:20px;background:#0009;color:#fff;padding:6px 8px;border-radius:6px}.video{position:relative;padding-top:56.25%}.rumble-frame{position:absolute;top:0;left:0;width:100%;height:100%}.private{display:flex;align-items:center;justify-content:center;height:200px;background:#111;color:#fff}.private-box{opacity:.7}\n"] }]
+            args: [{ selector: 'taon-rumble', standalone: true, imports: [NgIf], template: "<div class=\"taon-rumble\">\n  <!-- PREVIEW MODE -->\n  <div\n    *ngIf=\"isPreview()\"\n    class=\"preview\"\n    (click)=\"onPreviewClick()\">\n    <img\n      class=\"preview-img\"\n      [src]=\"picturePreviewUrl\"\n      [alt]=\"title\" />\n\n    <div class=\"title\">\n      {{ title }}\n    </div>\n\n    <!-- PLAY BUTTON -->\n    <div class=\"play-button\">\u25B6</div>\n\n    <!-- LOCK -->\n    <div\n      *ngIf=\"isLocked()\"\n      class=\"lock\"\n      (click)=\"onPadlockClick($event)\">\n      \uD83D\uDD12\n    </div>\n  </div>\n\n  <!-- VIDEO OPEN -->\n  <div\n    *ngIf=\"isVideoOpen()\"\n    class=\"video\">\n    <iframe\n      class=\"rumble-frame\"\n      [src]=\"embedUrl()\"\n      frameborder=\"0\"\n      allowfullscreen>\n    </iframe>\n  </div>\n\n  <!-- PRIVATE VIDEO -->\n  <div\n    *ngIf=\"isPrivate()\"\n    class=\"private\">\n    <div class=\"private-box\">\uD83D\uDD12 Private video</div>\n  </div>\n</div>\n", styles: [".taon-rumble{width:100%;max-width:640px;margin:auto;position:relative;font-family:inherit}.preview{position:relative;cursor:pointer;overflow:hidden;border-radius:10px}.preview-img{width:100%;display:block}.title{position:absolute;left:0;bottom:0;right:0;padding:10px 14px;background:linear-gradient(transparent,#000c);color:#fff;font-size:14px}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:#fff;background:#00000080;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%}.lock{position:absolute;top:10px;right:10px;font-size:20px;background:#0009;color:#fff;padding:6px 8px;border-radius:6px}.video{position:relative;padding-top:56.25%}.rumble-frame{position:absolute;top:0;left:0;width:100%;height:100%}.private{display:flex;align-items:center;justify-content:center;height:200px;background:#111;color:#fff}.private-box{opacity:.7}\n"] }]
         }], propDecorators: { title: [{
                 type: Input,
                 args: [{
@@ -2030,6 +2030,62 @@ const TaonSimpleLayoutRoutes = [
     // },
 ];
 
+class TaonSlideContentContentChildComponent {
+    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 }); }
+}
+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"] }]
+        }], propDecorators: { assignToState: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class TaonSlideContentComponent {
+    constructor() {
+        this.activeIndex = signal(0, ...(ngDevMode ? [{ debugName: "activeIndex" }] : []));
+        this.currentState = signal(undefined, ...(ngDevMode ? [{ debugName: "currentState" }] : []));
+        this.shouldAnimate = signal(false, ...(ngDevMode ? [{ debugName: "shouldAnimate" }] : []));
+        this.transform = () => `translateX(-${this.activeIndex() * 100}%)`;
+    }
+    ngAfterContentInit() {
+        const firstSlide = this.slides.first;
+        if (firstSlide) {
+            this.currentState.set(firstSlide.assignToState);
+        }
+    }
+    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);
+            return;
+        }
+        const previousState = this.currentState();
+        this.shouldAnimate.set(this.isAnimationAllowed(previousState, state));
+        this.currentState.set(state);
+        this.activeIndex.set(index);
+    }
+    isAnimationAllowed(fromState, toState) {
+        if (!this.whenAllowedAnimationMap) {
+            return true;
+        }
+        return (this.whenAllowedAnimationMap.get(fromState)?.includes(toState) ?? false);
+    }
+    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>", 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 }); }
+}
+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>", 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"] }]
+        }], propDecorators: { slides: [{
+                type: ContentChildren,
+                args: [TaonSlideContentContentChildComponent]
+            }], whenAllowedAnimationMap: [{
+                type: Input
+            }] } });
+
 const t = 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 } }, {
 // debug: true
 });
@@ -2659,5 +2715,5 @@ var index = {};
  * Generated bundle index. Do not edit.
  */
 
-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, 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, TaonSlideContentComponent, TaonSlideContentContentChildComponent, TaonStripeBuyButtonComponent, TaonTableComponent, TaonTableModule, TaonThemeComponent, TaonThemeMode, TaonThemeService, TaonYouTubeUtils, TaonYoutubeVideoComponent, ViewMode, myOrgProj, startCli };
 //# sourceMappingURL=taon-ui-websql.mjs.map