taon-ui 21.0.63 → 21.0.64

package/browser/package.json

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

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

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import { CoreModels, UtilsI18n } from 'tnp-core/browser';
 import * as i0 from '@angular/core';
-import { OnInit, PipeTransform, ElementRef, EventEmitter, AfterViewInit, OnDestroy, ChangeDetectorRef, TemplateRef, NgZone, OnChanges, SimpleChanges, DestroyRef } from '@angular/core';
+import { OnInit, PipeTransform, ElementRef, EventEmitter, AfterViewInit, OnDestroy, ChangeDetectorRef, TemplateRef, NgZone, OnChanges, SimpleChanges, DestroyRef, AfterContentInit } from '@angular/core';
 import * as i1 from '@angular/cdk/a11y';
 import * as i2 from '@angular/cdk/stepper';
 import * as i3 from '@angular/cdk/table';
@@ -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.63";
+declare const CURRENT_PACKAGE_VERSION = "21.0.64";
 
 declare function myOrgProj(): void;
 
@@ -614,6 +614,35 @@ declare class TaonSimpleLayoutComponent {
 
 declare const TaonSimpleLayoutRoutes: Routes;
 
+declare class TaonSlideContentContentChildComponent {
+    assignToState: unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaonSlideContentContentChildComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaonSlideContentContentChildComponent, "taon-slide-content-child", never, { "assignToState": { "alias": "assignToState"; "required": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class TaonSlideContentComponent implements AfterContentInit {
+    private slides;
+    /**
+     * Defines which state transitions should be animated.
+     *
+     * Example:
+     * LOGIN -> ENTER_PASSWORD = animated
+     * ENTER_PASSWORD -> LOGIN = instant
+     */
+    whenAllowedAnimationMap?: Map<unknown, unknown[]>;
+    private readonly activeIndex;
+    private readonly currentState;
+    readonly shouldAnimate: i0.WritableSignal<boolean>;
+    readonly transform: () => string;
+    ngAfterContentInit(): void;
+    goTo(state: unknown): void;
+    private isAnimationAllowed;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaonSlideContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaonSlideContentComponent, "taon-slide-content", never, { "whenAllowedAnimationMap": { "alias": "whenAllowedAnimationMap"; "required": false; }; }, {}, ["slides"], ["*"], true, never>;
+}
+
+declare namespace TaonSlideContentModels { }
+
 declare class TaonStripeBuyButtonComponent implements OnInit, Translatable {
     t: Translation;
     /**
@@ -996,5 +1025,5 @@ interface DeDeTraslationOverrideSrcLibUiTaonThemeTaonThemeComponentHtml {
 
 type TaonThemeOverride = CoreModels.DeepPartial<EnUsTraslationOverrideSrcLibUiTaonThemeTaonThemeComponentHtml | PlPlTraslationOverrideSrcLibUiTaonThemeTaonThemeComponentHtml | DeDeTraslationOverrideSrcLibUiTaonThemeTaonThemeComponentHtml>;
 
-export { APP_ID, AnonymizeTextDirective, AnonymizeTextModels, 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, TaonSettingsModels, TaonSimpleLayoutComponent, TaonSimpleLayoutRoutes, TaonStripeBuyButtonComponent, TaonTableComponent, TaonTableModule, TaonThemeComponent, TaonThemeMode, TaonThemeService, TaonYouTubeUtils, TaonYoutubeVideoComponent, ViewMode, myOrgProj, startCli };
+export { APP_ID, AnonymizeTextDirective, AnonymizeTextModels, 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, TaonSettingsModels, TaonSimpleLayoutComponent, TaonSimpleLayoutRoutes, TaonSlideContentComponent, TaonSlideContentContentChildComponent, TaonSlideContentModels, TaonStripeBuyButtonComponent, TaonTableComponent, TaonTableModule, TaonThemeComponent, TaonThemeMode, TaonThemeService, TaonYouTubeUtils, 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/fesm2022/taon-ui-browser-prod.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.64';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 function myOrgProj() { }
@@ -1804,11 +1804,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: [{
@@ -2035,6 +2035,65 @@ 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
+            }] } });
+
+//namespace TaonSlideContentModels
+//end of namespace TaonSlideContentModels
+
 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-browser-prod-taon-stripe-buy-button.component.ts.en-US.i18n.data-Dm_w_Ca7.mjs')).default, "pl-PL": async () => (await import('./taon-ui-browser-prod-taon-stripe-buy-button.component.ts.pl-PL.i18n.data-Ceog6BY8.mjs')).default, "de-DE": async () => (await import('./taon-ui-browser-prod-taon-stripe-buy-button.component.ts.de-DE.i18n.data-qkknVsLY.mjs')).default } }, {
 // debug: true
 });
@@ -2660,5 +2719,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__NS__extractPlaylistId, TaonYouTubeUtils__NS__getVidesIdsOfPlaylist, TaonYouTubeUtils__NS__loadYoutubeApi, 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__NS__extractPlaylistId, TaonYouTubeUtils__NS__getVidesIdsOfPlaylist, TaonYouTubeUtils__NS__loadYoutubeApi, TaonYoutubeVideoComponent, ViewMode, myOrgProj, startCli };
 //# sourceMappingURL=taon-ui-browser-prod.mjs.map