taon-ui 21.0.75 → 21.0.76

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

@@ -0,0 +1,16 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+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';
+import { EnUsTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml } from './taon-settings.component.html.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml } from './taon-settings.component.html.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml } from './taon-settings.component.html.de-DE.i18n.data';
+import { EnUsTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs } from './taon-settings.component.ts.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs } from './taon-settings.component.ts.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs } from './taon-settings.component.ts.de-DE.i18n.data';
+;
+export type TaonSettingsOverride = CoreModels__NS__DeepPartial<EnUsTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml | PlPlTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml | DeDeTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentHtml | EnUsTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs | PlPlTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs | DeDeTraslationOverrideSrcLibUiTaonSettingsTaonSettingsComponentTs>;

package/ts-source/websql-code-prod/ui/taon-settings/index.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/ui/taon-settings/index.ts

@@ -0,0 +1,8 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+export * from './taon-settings.component';

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

@@ -0,0 +1,44 @@
+<!--
+==============================================================================
+ TAON READONLY SOURCE
+ DO NOT MODIFY THIS FILE.
+ Changes may be overwritten.
+==============================================================================
+-->
+
+<div class="absolute top-2 right-2">
+  <button
+    mat-icon-button
+    aria-label="Close dialog"
+    (click)="close()">
+    <mat-icon>close</mat-icon>
+  </button>
+</div>
+<div class="p-4">
+  <h3 class="bold" translate [translate-t]="t">Language Settings</h3>
+  <taon-lang-selector />
+
+  <br />
+  <hr />
+  <br />
+  <h3 class="bold">
+    {{ t.gettext('Theme settings') }}
+    {{ taonTheme.pernamentMode ? t.gettext("Settings can't ba changed") : '' }}
+  </h3>
+
+  <mat-slide-toggle
+    class="p-2"
+    [checked]="taonTheme.isAuto()"
+    [disabled]="taonTheme.pernamentMode"
+    (change)="taonTheme.toogleAuto($event.checked)">
+    {{ t.gettext('Sync colors with system') }}
+  </mat-slide-toggle>
+
+  <mat-slide-toggle
+    class="p-2"
+    [checked]="taonTheme.isDark()"
+    [disabled]="taonTheme.isAuto() || taonTheme.pernamentMode"
+    (change)="taonTheme.setDark($event.checked)">
+    {{ t.gettext('Dark mode') }}
+  </mat-slide-toggle>
+</div>

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

@@ -0,0 +1,9 @@
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+:host {
+  display: block;
+}

package/ts-source/websql-code-prod/ui/taon-settings/taon-settings.component.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

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

@@ -0,0 +1,44 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+import { AsyncPipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDialogModule, MatDialogRef } from '@angular/material/dialog';
+import { MatIconModule } from '@angular/material/icon';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { RouterOutlet } from '@angular/router';
+import { Translatable, TranslateDirective, TranslateService, Translation, } from '@taon-dev/i18n/websql-prod';
+import { Taon__NS____FILE_RELATIVE_PATH, Taon__NS__asset, Taon__NS__assetsFrom, Taon__NS__assetsListFrom, Taon__NS__createContext, Taon__NS__createContextTemplate, Taon__NS__error, Taon__NS__getResponseValue, Taon__NS__isBrowser, Taon__NS__isElectron, Taon__NS__isNode, Taon__NS__isWebSQL, Taon__NS__LANG_IMPORT_MAP, Taon__NS__removeLoader, Taon__NS__Response, Taon__NS__ResponseHtml, Taon__NS__StartParams } from 'taon/websql-prod';
+import { TaonLangSelectorComponent } from '../taon-lang-selector/taon-lang-selector.component';
+import { TaonThemeMode, TaonThemeService, } from '../taon-theme/taon-theme.service';
+const t = Translation.for('src/lib/ui/taon-settings/taon-settings.component.ts', { "src/lib/ui/taon-settings/taon-settings.component.html": { "en-US": async () => (await import('./i18n/taon-settings.component.html.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-settings.component.html.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-settings.component.html.de-DE.i18n.data')).default }, "src/lib/ui/taon-settings/taon-settings.component.ts": { "en-US": async () => (await import('./i18n/taon-settings.component.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-settings.component.ts.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-settings.component.ts.de-DE.i18n.data')).default } } as any);
+@Component({
+    selector: 'taon-settings',
+    templateUrl: './taon-settings.component.html',
+    styleUrls: ['./taon-settings.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        AsyncPipe,
+        RouterOutlet,
+        TaonLangSelectorComponent,
+        MatSlideToggleModule,
+        MatIconModule,
+        MatButtonModule,
+        MatDialogModule,
+        TranslateDirective,
+    ],
+})
+export class TaonSettingsComponent implements Translatable {
+    t = t.for(this);
+    TaonThemeMode = TaonThemeMode;
+    private readonly dialogRef = inject(MatDialogRef<TaonSettingsComponent>);
+    close(): void {
+        this.dialogRef.close();
+    }
+    taonTheme = inject(TaonThemeService);
+}

package/ts-source/websql-code-prod/ui/taon-settings/taon-settings.models.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

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

@@ -0,0 +1,7 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+

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

@@ -0,0 +1,155 @@
+<!--
+==============================================================================
+ TAON READONLY SOURCE
+ DO NOT MODIFY THIS FILE.
+ Changes may be overwritten.
+==============================================================================
+-->
+
+@if (!hideHeader) {
+  <header class="relative z-10 flex w-full flex-row items-center shadow-md">
+    
+    <div class="flex shrink-0 items-center">
+      <ng-content select="[header]"></ng-content>
+    </div>
+
+    
+    @if (navItems()?.length > 0) {
+      <nav
+        class="desktop-navigation shrink-0"
+        mat-tab-nav-bar
+        [tabPanel]="tabPanel">
+        @for (item of navItems(); track item.path) {
+          <a
+            mat-tab-link
+            href="javascript:void(0)"
+            [style.text-decoration]="
+              (activePath === item.path && !forceShowBaseRootApp) ||
+              ('/' === item.path && forceShowBaseRootApp)
+                ? 'underline'
+                : 'none'
+            "
+            (click)="navigateTo(item)">
+            @if (item.path === '/') {
+              <mat-icon fontIcon="home"></mat-icon>
+            } @else {
+              {{ item.label }}
+            }
+          </a>
+        }
+      </nav>
+    }
+
+    
+    <div class="flex-1"></div>
+
+    
+    <div class="flex shrink-0 flex-row items-center">
+      <ng-content select="[buttons]"></ng-content>
+
+      @if (!hideThemeSettings) {
+        <button
+          class="mr-2"
+          (click)="openDialog(200, 200)"
+          mat-icon-button>
+          <mat-icon>settings</mat-icon>
+        </button>
+      }
+    </div>
+
+    
+    <div class="mobile-menu relative">
+      <button
+        mat-icon-button
+        type="button"
+        (click)="mobileMenuOpen.set(!mobileMenuOpen())">
+        <mat-icon>
+          {{ mobileMenuOpen() ? 'close' : 'menu' }}
+        </mat-icon>
+      </button>
+
+      @if (mobileMenuOpen()) {
+        <div
+          class="absolute right-2 top-full z-[1000] mt-1 min-w-52 overflow-hidden rounded-md border border-gray-200 bg-white shadow-lg">
+          @for (item of navItems() ?? []; track item.path) {
+            <button
+              mat-button
+              class="!flex !w-full !justify-start !rounded-none"
+              (click)="navigateToMobile(item)">
+              @if (item.path === '/') {
+                <mat-icon class="mr-2">home</mat-icon>
+              }
+
+              {{ item.label }}
+            </button>
+          }
+
+          @if (!hideThemeSettings) {
+            <div class="border-t border-gray-200">
+              <button
+                mat-button
+                class="!flex !w-full !justify-start !rounded-none"
+                (click)="openSettingsFromMobileMenu()">
+                <mat-icon class="mr-2">settings</mat-icon>
+                Settings
+              </button>
+            </div>
+          }
+        </div>
+      }
+    </div>
+  </header>
+}
+
+<mat-tab-nav-panel
+  #tabPanel
+  class="pt-2">
+  <div class="projected-wrapper">
+    <ng-content></ng-content>
+  </div>
+
+  <div class="fallback-message">
+    Please add your component inside
+    <br />
+
+    <pre>
+      <code class="block bg-gray-100">
+        &lt;taon-simple-layout class=&quot;p-4&quot;&gt;
+          &lt;header
+            header
+            class=&quot;flex&quot;&gt;
+
+            &lt;img
+              class=&quot;rounded&quot;
+              src=&quot;/TTTTTTTTOOOOOOOO________RRRRRRRREEEEEEEEMMMMMMMMOOOOOOOOVVVVVVVVEEEEEEEEassets/assets-for/taon-ui/assets/images/pluszka-logo.png&quot;
+              height=&quot;50px&quot; /&gt;
+
+          &lt;/header&gt;
+
+          &lt;br /&gt;
+
+          &lt;h3 class=&quot;text-blue-200&quot;&gt;
+            Welcome to hamster store.
+          &lt;/h3&gt;
+
+          &lt;h3 class=&quot;text-blue-300&quot;&gt;
+            Buy cheap hamster videos for free!
+          &lt;/h3&gt;
+
+          &lt;h3 class=&quot;text-blue-300&quot;&gt;
+            Subscribe more hamsters video daily!
+          &lt;/h3&gt;
+
+          &lt;ng-container buttons&gt;
+            &lt;button
+              mat-button
+              class=&quot;flex items-center&quot;&gt;
+              Hello friend!
+            &lt;/button&gt;
+          &lt;/ng-container&gt;
+
+        &lt;/taon-simple-layout&gt;
+      </code>
+    </pre>
+  </div>
+</mat-tab-nav-panel>

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

@@ -0,0 +1,65 @@
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+:host {
+  display: block;
+  header {
+    z-index: 999;
+    nav {
+      max-width: 400px;
+    }
+  }
+}
+
+:host ::ng-deep {
+  .mat-mdc-tab-link-container {
+    border: none !important;
+    box-shadow: none !important;
+    background: transparent !important;
+  }
+}
+
+
+.projected-wrapper:not(:empty) + .fallback-message {
+  display: none;
+}
+
+
+.projected-wrapper:empty {
+  display: none;
+}
+
+
+
+
+
+
+
+
+
+
+.desktop-navigation {
+  display: flex;
+}
+
+.desktop-buttons {
+  display: flex;
+}
+
+.mobile-menu {
+  display: none;
+}
+
+@media (max-width: 767px) {
+  .desktop-navigation,
+  .desktop-buttons {
+    display: none !important;
+  }
+
+  .mobile-menu {
+    display: block !important;
+  }
+}

package/ts-source/websql-code-prod/ui/taon-simple-layout/taon-simple-layout.component.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

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

@@ -0,0 +1,76 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+import { AsyncPipe, JsonPipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject, Input, input, signal, } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatDialog, MatDialogModule } from '@angular/material/dialog';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatIconModule } from '@angular/material/icon';
+import { MatListModule } from '@angular/material/list';
+import { MatTabsModule } from '@angular/material/tabs';
+import { Router, RouterModule, RouterOutlet } from '@angular/router';
+import { TaonSettingsComponent } from '../taon-settings/taon-settings.component';
+import { TaonThemeService } from '../taon-theme/taon-theme.service';
+import { TaonSimpleLayoutNavItem } from './taon-simple-layout.model';
+@Component({
+    selector: 'taon-simple-layout',
+    templateUrl: './taon-simple-layout.component.html',
+    styleUrls: ['./taon-simple-layout.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        RouterOutlet,
+        AsyncPipe,
+        MatCardModule,
+        MatIconModule,
+        MatDividerModule,
+        MatButtonModule,
+        MatListModule,
+        MatTabsModule,
+        RouterModule,
+        MatDialogModule,
+        JsonPipe,
+        TaonSettingsComponent,
+    ],
+})
+export class TaonSimpleLayoutComponent {
+    protected router = inject(Router);
+    protected dialog = inject(MatDialog);
+    protected theme = inject(TaonThemeService);
+    @Input()
+    hideThemeSettings: boolean;
+    @Input()
+    hideHeader: boolean;
+    navItems = input<TaonSimpleLayoutNavItem[]>();
+    protected readonly mobileMenuOpen = signal(false);
+    navigateToMobile(item: TaonSimpleLayoutNavItem): void {
+        this.mobileMenuOpen.set(false);
+        this.navigateTo(item);
+    }
+    protected openSettingsFromMobileMenu(): void {
+        this.mobileMenuOpen.set(false);
+        this.openDialog(200, 200);
+    }
+    navigateTo(item: TaonSimpleLayoutNavItem): void {
+        const primarySegments = item.path.split('/').filter(Boolean);
+        this.router.navigate([
+            {
+                outlets: {
+                    primary: primarySegments,
+                },
+            },
+        ]);
+    }
+    openDialog(enterAnimationDuration: string | number, exitAnimationDuration: string | number): void {
+        this.dialog.open(TaonSettingsComponent, {
+            width: '400px',
+            enterAnimationDuration,
+            exitAnimationDuration,
+        });
+    }
+}

package/ts-source/websql-code-prod/ui/taon-simple-layout/taon-simple-layout.model.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/ui/taon-simple-layout/taon-simple-layout.model.ts

@@ -0,0 +1,11 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+export interface TaonSimpleLayoutNavItem {
+    path: string;
+    label: string;
+}

package/ts-source/websql-code-prod/ui/taon-slide-content/index.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

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

@@ -0,0 +1,8 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+export * from './taon-slide-content.component';

package/ts-source/websql-code-prod/ui/taon-slide-content/taon-slide-content-child.component.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

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

@@ -0,0 +1,26 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+@Component({
+    selector: 'taon-slide-content-child',
+    standalone: true,
+    template: ` <ng-content></ng-content> `,
+    styles: `
+    :host {
+      display: block;
+      flex: 0 0 100%;
+      width: 100%;
+      min-width: 0;
+    }
+  `,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class TaonSlideContentContentChildComponent {
+    @Input({ required: true })
+    assignToState!: unknown;
+}

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

@@ -0,0 +1,14 @@
+<!--
+==============================================================================
+ TAON READONLY SOURCE
+ DO NOT MODIFY THIS FILE.
+ Changes may be overwritten.
+==============================================================================
+-->
+
+<div
+  class="slide-track"
+  [class.animate]="shouldAnimate()"
+  [style.transform]="transform()">
+  <ng-content></ng-content>
+</div>

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

@@ -0,0 +1,28 @@
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+: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/ts-source/websql-code-prod/ui/taon-slide-content/taon-slide-content.component.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

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

@@ -0,0 +1,51 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, Input, QueryList, signal, } from '@angular/core';
+import { TaonSlideContentContentChildComponent } from './taon-slide-content-child.component';
+@Component({
+    selector: 'taon-slide-content',
+    standalone: true,
+    imports: [],
+    templateUrl: './taon-slide-content.component.html',
+    styleUrl: './taon-slide-content.component.scss',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class TaonSlideContentComponent implements AfterContentInit {
+    @ContentChildren(TaonSlideContentContentChildComponent)
+    private slides!: QueryList<TaonSlideContentContentChildComponent>;
+    @Input()
+    whenAllowedAnimationMap?: Map<unknown, unknown[]>;
+    private readonly activeIndex = signal(0);
+    private readonly currentState = signal<unknown>(undefined);
+    readonly shouldAnimate = signal(false);
+    readonly transform = () => `translateX(-${this.activeIndex() * 100}%)`;
+    ngAfterContentInit(): void {
+        const firstSlide = this.slides.first;
+        if (firstSlide) {
+            this.currentState.set(firstSlide.assignToState);
+        }
+    }
+    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);
+            return;
+        }
+        const previousState = this.currentState();
+        this.shouldAnimate.set(this.isAnimationAllowed(previousState, state));
+        this.currentState.set(state);
+        this.activeIndex.set(index);
+    }
+    private isAnimationAllowed(fromState: unknown, toState: unknown): boolean {
+        if (!this.whenAllowedAnimationMap) {
+            return true;
+        }
+        return (this.whenAllowedAnimationMap.get(fromState)?.includes(toState) ?? false);
+    }
+}

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

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

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

@@ -0,0 +1,7 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+