/** * adowire client — adowire:show directive * * Shows or hides elements based on a JavaScript expression evaluated against * the component's server-confirmed snapshot state. * * This is the adowire equivalent of Livewire's `wire:show` directive. It is * most useful in combination with `adowire:cloak` to prevent a flash of the * wrong visible/hidden state before the component boots on the client. * * Supported usage: * * adowire:show="starred" — visible when `starred` is truthy * adowire:show="!starred" — visible when `starred` is falsy * adowire:show="count > 0" — visible when `count > 0` * adowire:show="status === 'active'" — visible when `status` equals 'active' * * Combined with adowire:cloak (mirrors Livewire's wire:show + wire:cloak): * *
⭐ Starred
*
☆ Not starred
* * Without adowire:cloak both elements would be visible for a brief moment * on page load before adowire evaluates the expression and hides the wrong * one. Cloaking keeps both hidden until the component has booted and the * correct element has been revealed. * * Expression evaluation: * Expressions are evaluated using `new Function()` with each snapshot * property injected as a local variable. Expressions are developer-authored * (server-rendered template attributes), so this is safe in the same way * that any server-rendered JS attribute is safe. * * Public API * ────────── * initShow() — evaluate all adowire:show elements on the page once * at boot (call before uncloakAll so elements are in the * right state when the cloak is removed) * applyShowState() — re-evaluate all adowire:show elements; call after each * successful server round-trip */ /** * Evaluate all `adowire:show` expressions on the page once at boot time. * * Must be called BEFORE `uncloakAll()` / `uncloakComponent()` so that elements * are already in the correct visible/hidden state when the cloak attribute is * removed. This prevents any flash of the wrong state. * * The snapshot state is read directly from the `adowire:snapshot` DOM attribute * so this works even before `Adowire.init()` has mounted the components. */ export declare function initShow(): void; /** * Re-evaluate all `adowire:show` expressions after a server round-trip. * * Called automatically after each successful commit so that show/hide state * stays in sync with the updated snapshot. */ export declare function applyShowState(): void;