CW Visual Slider

Version 0.1.0-alpha6.3.13

Checkpoint-Release aus der funktionierenden Salman-CW-Installation vom 03.10.2026.

• Vollständiger Modulstand direkt aus der geprüften Salman-Source neu paketiert.
• Enthält den query-sicheren Modul-Asset-Loader aus alpha6.3.10.
• Enthält die feste Ebenenreihenfolge und nahtfreie Edge-Fades aus alpha6.3.11.
• Enthält den korrigierten CW-Farbpicker mit echten Swatches/CI-Farben aus alpha6.3.12.
• Enthält Textlayouts, Textanimationen pro Textelement und Desktop/Tablet/Mobile-Einstellungen.
• GSAP wird verwendet, wenn verfügbar; Web-Animations-API bleibt Fallback.
• Enthält die Übernahme von Einstellungen/Animationen aus der vorherigen Folie.
• Keine Projekt- oder Slider-Laufzeitdaten im Modulrelease.
• Keine Modul-.htaccess im Releasepaket; die installierte Schutzdatei bleibt installationsseitig.
• Hinweis: Dieser Stand ist bewusst ein sauberer Zwischenstand. Funktionale Moduldateien entsprechen dem in Salman erfolgreich laufenden alpha6.3.12-Stand; die Versionsanhebung kennzeichnet die neu aus der funktionierenden Gesamt-Source erzeugte Referenzveröffentlichung.

Version 0.1.0-alpha6.3.12

ColorPicker / Admin-Theme Fix

• Behebt graue Farbswatches im CW-Backend.
• Ursache: der globale CW Admin-Theme-Selektor `html[data-admin-theme] :where(button,.btn)`
• setzt per `background` alle Buttons auf die Backend-Akzentfarbe. Farbswatch und
• Projekt-/CI-Kacheln sind Buttons und wurden dadurch optisch überschrieben, obwohl
• intern die richtige Farbe ausgewählt war.
• Swatch und Projekt-/CI-Kacheln besitzen jetzt spezifischere lokale Regeln für
• Normal-, Hover- und Focus-Zustand.
• Der Schließen-Button zeigt sein × wieder sichtbar an.
• Schließen/Übernehmen behalten im Popover ihre vorgesehenen Farben auch beim Hover.
• ColorPicker-Vertrag
• Aktivierung: Eingaben mit `data-cwvs-color-picker`.
• Transparenz: standardmäßig erlaubt; mit `data-cwvs-color-alpha="0"` deaktiviert.
• Projektfarben: CSS-Variablen mit HEX/rgb/rgba aus `project/assets/css/*.css`.
• Templatefarben: `css_var` + HEX-`default` aus `project/theme-config.php`.
• Salman `--sk-ink:#151515` wird als Projekt-/CI-Farbe erkannt.

Version 0.1.0-alpha6.3.10

Schwerpunkt: Frontend-Asset-URL Regression behoben.

• Fix
• Query-sichere Versions-URLs für Modulassets wiederhergestellt.
• cw_module_asset_url() liefert bereits ?module=...&file=...; die Versionsangabe wird deshalb mit &v=... statt einem zweiten ? angehängt.
• frontend.css, gsap-loader.js und frontend.js werden dadurch wieder korrekt über cw-module-asset.php ausgeliefert.
• Lokales GSAP-Bundle nutzt denselben query-sicheren Versionsmechanismus.
• Auswirkung
• Behebt 404 "Asset nicht gefunden" für die drei Visual-Slider-Frontendassets.
• window.CWVisualSlider und die Slider-Instanz können wieder initialisiert werden.
• Autoplay, Übergänge und Textanimationen stehen damit wieder zur Verfügung.
• Keine Datenmigration erforderlich.

Version 0.1.0-alpha6.3.9

Schwerpunkt: Textanimationen pro Slide und komfortable Übernahme aus der vorherigen Folie.

Neu

• Slide-Reiter „Animation“ mit fünf Bereichen: Gesamtblock, Minititel, Titel, Beschreibung, Button.
• Je Bereich getrennte Desktop-, Tablet- und Mobile-Konfiguration.
• Presets: Von links/rechts/oben/unten, Fade, Soft Reveal, Zoom In, Focus In, Clip Reveal, Wörter und Buchstaben.
• Frei anpassbare Startwerte X/Y, Deckkraft, Skalierung, Blur.
• Endposition wahlweise automatisch aus dem Layout oder manuell.
• Dauer, Verzögerung, Easing sowie Wort-/Buchstaben-Stagger.
• GSAP-Animation, wenn GSAP verfügbar ist; sonst Web-Animations-Fallback.
• prefers-reduced-motion wird respektiert.
• Pro Animationselement Button „Von vorheriger Folie“.
• Zusätzlich „Alle Animationen übernehmen“.
• Fokus/Zoom, Textlayout und Aktion lassen sich ebenfalls gezielt aus der vorherigen Folie übernehmen.

Kompatibilität

• Bestehende Slides erhalten „Keine“ als Animationsstandard und ändern ihre Darstellung nicht.
• Bildübergänge und Edge-Fade bleiben getrennt von der Textanimation.
• Keine Datenmigration erforderlich.

Version 0.1.0-alpha6.3.8

Schritt: kompakter Einstellungseditor / ColorPicker-Integration

• Slider-Einstellungen einklappbar, Zustand pro Slider im Browser gespeichert.
• Textlayout-Gestaltung in Basis / Typografie / Farben / Button unterteilt.
• Integrierter CW-Farbpicker mit automatisch erkannten Projekt-/CI-Farben.
• Picker unterstützt Transparenz fuer Text-, Akzent- und CTA-Farben.
• Panel- und Edge-Fade-Farben behalten separate Deckkraft-Regler.
• Standard- und Slider-Hintergrund nutzen denselben Picker.
• Keine Datenmigration notwendig; bestehende HEX-Werte bleiben gueltig.
• Frontend-Animation/Renderer unveraendert.

Version 0.1.0-alpha6.3.7

• Edge-Fade architektonisch korrigiert: Die weiche Bildkante ist jetzt eine statische Overlay-Ebene außerhalb der animierten Slides.
• 2D-/3D-Effekte und insbesondere 3D-Lamellen laufen sichtbar hinter der Maske; die Maske verschwindet während des Übergangs nicht mehr.
• Text und CTA werden bei aktivem Edge-Fade in einer separaten Content-Ebene oberhalb der Maske gerendert, damit die Ausblendung die Texte nicht überdeckt.
• Ohne Edge-Fade bleibt das bisherige Text-Rendering unverändert.
• Keine Änderung an gespeicherten Sliderdaten notwendig.

Version 0.1.0-alpha6.3.5

• Optionale weiche Bildkante pro Slider: Aus / Links / Rechts / Beide Seiten.
• Breite 40–500 px, Deckkraft 0–100 % und Verlauf Weich / Mittel / Kurz.
• Verlauf kann automatisch die Slider-Hintergrundfarbe übernehmen oder eine eigene Farbe nutzen.
• Der Fade liegt über dem Bild, aber unter Text, CTA und Klickebene; das Foto selbst bleibt scharf.
• Bestehende Slider bleiben unverändert, da die Funktion standardmäßig deaktiviert ist.
• Mobile Breite wird auf maximal 46 % des Sliders begrenzt.

Version 0.1.0-alpha5

Stabilisierung der letzten Animationsframes:

• kein Compositor-Snap mehr am Ende eines Übergangs
• GSAP wird für Slider-Layer mit force3D:true stabil gehalten
• Web-Animations-Endzustände werden mit commitStyles() konserviert, bevor Animationen beendet werden
• temporäre Motion-Styles werden nur am bereits unsichtbaren alten Slide entfernt
• neuer aktiver Slide behält seinen gerenderten Identity-Endzustand bis zum nächsten Wechsel
• FX-Layer wird erst nach zwei requestAnimationFrame-Zyklen entfernt
• 3D-Lamellen verwenden nun pixelgenaue Vollflächen-Klone mit denselben Fokuspunkt-/Zoom-CSS-Variablen wie das echte Zielbild
• 1px Lamellen-Überlappung gegen Subpixel-Haarlinien
• Ziel: Keine sichtbare X/Y-Verschiebung oder Raster-Neuberechnung mehr im letzten Frame.

Version 0.1.0-alpha4

Stabilisierung der Animations-Engine

• Live-Vorschau im Backend startet kein Autoplay mehr. Ein Klick auf „Effekt jetzt testen“ führt genau einen Wechsel aus.
• Ursache des erneut auftretenden dunklen Schleiers beseitigt: Crossfades blenden nicht mehr zwei halbtransparente Slides gleichzeitig über dem dunklen Container. Das Folgebild bleibt während des Übergangs deckend.
• Folgebilder werden vor einem Wechsel geladen und – wenn der Browser es unterstützt – dekodiert. Dadurch kein Ruckler durch ein noch nicht dekodiertes Lazy-Load-Bild.
• Animationszustände werden in stabiler Reihenfolge beendet: zuerst aktiven Slide wechseln, danach WAAPI-/GSAP-Zustände entfernen und Original-Styles restaurieren.
• GSAP-Autoload läuft im Hintergrund und blockiert keinen bereits gestarteten Übergang.
• 3D Door, 3D Cube und Depth wurden so angepasst, dass zu keinem Zeitpunkt der dunkle Container als Vollflächen-Schleier sichtbar wird.
• Reveal/Curtain lassen das bisherige Bild vollständig sichtbar, bis das neue Bild es überdeckt.
• Lamellen dimmen das alte Bild nicht mehr; sie decken es schrittweise mit dem neuen Motiv ab.
• Punktnavigation wird mit festen 10x10-Pixel-Maßen gegen globale Backend-Button-Regeln abgesichert.
• Testempfehlung
• 1. Autoplay im Slider darf für die Website aktiviert bleiben.
• 2. Im Backend nacheinander jeden Effekt mehrfach über „Effekt jetzt testen“ auslösen.
• 3. Besonders Soft Fade + Zoom, 3D Cube, Depth und Lamellen mindestens 5–10 Wechsel testen.
• 4. Anschließend Frontend mit normalem Autoplay prüfen.

Version 0.1.0-alpha3

Bugfix gegenüber alpha2

• Persistierende Web-Animations nach einem Übergang werden jetzt zuverlässig beendet.
• Dadurch bleibt nach 3D Cube, Door, Curtain, Reveal, Depth oder Lamellen kein halbtransparentes Altbild mehr aktiv.
• Der dadurch sichtbare dunkle/"schwarze Schleier" nach einem Übergang ist behoben.
• GSAP-Tweens werden beim Abschluss eines Wechsels sauber beendet.
• Die originalen Inline-Styles eines Slides werden exakt wiederhergestellt. Dadurch bleiben Fokuspunkt-, Zoom- und Breakpoint-CSS-Variablen nach einem Übergang erhalten.
• Der FX-Layer wird nach jedem Wechsel explizit geleert.
• Technische Ursache
• Die Web Animations API lief mit fill=forwards. Nach Abschluss blieb der Endzustand des alten Slides (z. B. opacity 0.15/0.4/0.55) aktiv und konnte die CSS-Grundzustände übersteuern. Zusätzlich entfernte alpha2 mit removeAttribute('style') auch die pro Slide gespeicherten CSS-Variablen für Fokuspunkt und Zoom. Alpha3 räumt Animationen gezielt auf und restauriert nur den ursprünglichen Inline-Zustand.

Version 0.1.0-alpha2

Änderungen gegenüber alpha1

• GSAP-Auto-Erkennung ergänzt.
• Vorhandenes window.gsap wird sofort wiederverwendet.
• Vorhandene GSAP-Script-Tags werden erkannt; kein doppeltes Laden.
• Option pro Slider: "GSAP prüfen & bei Bedarf automatisch nachladen" (Standard: aktiv).
• Wenn kein GSAP vorhanden ist, kann GSAP 3.15.0 bei Bedarf nachgeladen werden.
• Lokales assets/vendor/gsap/gsap.min.js hat automatisch Vorrang, wenn vorhanden.
• Bei Ladefehler/CSP/Offline-Betrieb bleibt Web-Animations-Fallback aktiv.
• Backend-Livevorschau nutzt dieselbe Engine-Erkennung wie das Frontend.
• Hinweis für den Test
• Die alpha2 enthält aus Paketierungsgründen noch keine lokale GSAP-Bibliothek. Ohne vorhandene Projekt-/Template-Version wird daher die konfigurierte externe Fallback-Quelle verwendet. Für den späteren Produktionsrelease sollte GSAP lokal in assets/vendor/gsap/ gebündelt werden.

Version 0.1.0-alpha1

Erster Testrelease für CW >= 3.0.0-beta11.11 / PHP >= 8.3.

• Enthalten:
• generische, mehrfach verwendbare Slider-Container
• responsive Fokuspunkt-/Zoom-Steuerung je Bild
• 7 Übergangseffekte + Random-Auswahl
• Upload- und Projektbild-Unterstützung
• Link- oder Modal-Aktion je Bild
• bereinigte HTML-Beschreibung im Modal
• Live-Vorschau im Backend
• PHP-Helper cw_visual_slider()
• CW-Block visual-slider
• Frontend-Assets werden nur bei tatsächlicher Slider-Ausgabe injiziert
• Uploads und Daten liegen ausschließlich unter project/uploads bzw. project/storage
• keine .htaccess-Datei im Modul
• Bekannte Alpha-1-Grenzen:
• lokales GSAP-Bundle ist noch nicht Bestandteil des Pakets; ohne vorhandenes GSAP wird die Web Animations API verwendet
• keine Mediathek-Auswahl, nur Upload oder vorhandener Projektpfad
• keine Textebenen/Layer-Komposition; Titel ist nur optionale Caption