Sliding Container

shadow

Stránka pre wje-sliding-container bola automaticky doplnená, aby dokumentácia pokrývala aktuálnu verziu komponentov. Detailné návody na použitie a odporúčania doplníme v ďalšej obsahovej fáze.

Kedy použiť

Použite wje-sliding-container na skladanie stabilného rozloženia stránky s jasnou hierarchiou obsahu.

Kedy nepoužiť

Nepoužívajte ho na riešenie biznis logiky ani na stavovú orchestráciu komponentov.

Prístupnosť

Zachovajte semantiku dokumentu (header, main, aside, footer) a logické poradie fokusovateľných prvkov.

Odporúčané postupy

• Najprv definujte desktop/mobile breakpoints a až potom dolaďujte detaily.
• Preferujte konzistentné spacing tokeny pred ad-hoc margin/padding hodnotami.
• Pri layoutoch s overflow vždy otestujte klávesnicovú navigáciu a čítačky.

Atribúty a vlastnosti

maxWidth

Popis	Nastavuje rozmery alebo veľkosť pre voľbu max-width.
Atribút	max-width
Typ	string
Predvolené	-

maxHeight

Popis	Nastavuje rozmery alebo veľkosť pre voľbu max-height.
Atribút	max-height
Typ	string
Predvolené	-

trigger

Popis	Nastavuje textovú hodnotu uloženú vo voľbe trigger.
Atribút	trigger
Typ	string
Predvolené	-

direction

Popis	Nastavuje textovú hodnotu uloženú vo voľbe direction.
Atribút	direction
Typ	string
Predvolené	-

variant

Popis	Nastavuje ARIA metadáta, ktoré zlepšujú prístupnosť pre asistenčné technológie.
Atribút	variant
Typ	string
Predvolené	-

screenBreakPoint

Popis	Nastavuje textovú hodnotu uloženú vo voľbe screen-break-point.
Atribút	screen-break-point
Typ	string
Predvolené	-

removeChildAfterClose

Popis	Určuje, či je voľba remove-child-after-close zapnutá a ovplyvňuje správanie komponentu.
Atribút	remove-child-after-close
Typ	boolean
Predvolené	-

animationDuration

Popis	Nastavuje textovú hodnotu uloženú vo voľbe animation-duration.
Atribút	animation-duration
Typ	string
Predvolené	-

animationEasing

Popis	Nastavuje textovú hodnotu uloženú vo voľbe animation-easing.
Atribút	animation-easing
Typ	string
Predvolené	-

hasOpacity

Popis	Určuje, či je voľba has-opacity zapnutá a ovplyvňuje správanie komponentu.
Atribút	has-opacity
Typ	boolean
Predvolené	-

Udalosti

Názov	Popis
wje-sliding-container:beforeOpen	Vyvolá sa pri otvorení komponentu.
wje-sliding-container:open	Vyvolá sa pri otvorení komponentu.
wje-sliding-container:beforeClose	Vyvolá sa pri zatvorení komponentu.
wje-sliding-container:afterClose	Vyvolá sa pri zatvorení komponentu.

Metódy

htmlCloseButton

Popis	Vytvorí HTML štruktúru pre html close button.
Signatúra	() => HTMLElement

getParentElement

Popis	Vráti parent element z aktuálneho stavu komponentu.
Signatúra	() => Element｜null

checkForVariant

Popis	Spustí metódu checkForVariant na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra	(variant: string) => void

beforeOpen

Popis	Spustí sa pred open a pripraví stav komponentu.
Signatúra	(e: any) => void

afterOpen

Popis	Spustí sa po open a dokončí nadväzujúce operácie.
Signatúra	(e: any) => void

beforeClose

Popis	Spustí sa pred close a pripraví stav komponentu.
Signatúra	(e: any) => void

afterClose

Popis	Spustí sa po close a dokončí nadväzujúce operácie.
Signatúra	(e: any) => void

doAnimateTransition

Popis	Spustí metódu doAnimateTransition na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra	() => Promise<void>

open

Popis	Otvorí komponent a nastaví viditeľný stav.
Signatúra	(e: Event) => Promise<void>

close

Popis	Zatvorí komponent a odstráni stav viditeľnosti.
Signatúra	(e: Event) => Promise<void>

toggle

Popis	Prepne toggle medzi zapnutým a vypnutým stavom.
Signatúra	(e: Event) => Promise<void>

componentCleanup

Popis	Spustí metódu componentCleanup na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra	() => void

CSS tieňové časti

Názov	Popis
``	Štýluje shadow časť časť.

CSS vlastné premenné

Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.

Sloty

Názov	Popis
default	Predvolený slot pre hlavný obsah komponentu.