@zeix/ui-element
Version:
UIElement - a HTML-first library for reactive Web Components
271 lines (259 loc) • 10.7 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@zeix/ui-element – UIElement Docs</title>
<meta name="description" content="" />
<link
rel="preload"
href="../assets/main.css?v=452f3291"
as="style"
/>
<link
rel="modulepreload"
href="../assets/main.js?v=4387827c"
/>
<link
rel="stylesheet"
href="../assets/main.css?v=452f3291"
/>
<script
type="module"
src="../assets/main.js?v=4387827c"
></script>
</head>
<body class="api">
<context-router>
<header class="content-grid">
<a href="#main" class="skiplink visually-hidden">
Skip to main content
</a>
<h1 class="content">
UIElement Docs <small>Version 0.14.0</small>
</h1>
<section-menu>
<nav>
<h2 class="visually-hidden">Main Menu</h2>
<ol>
<li>
<a href="../index.html">
<span class="icon">📖</span>
<strong>Introduction</strong>
<small>Overview and key benefits of UIElement</small>
</a>
</li>
<li>
<a href="../getting-started.html">
<span class="icon">🚀</span>
<strong>Getting Started</strong>
<small>Installation, setup, and first steps</small>
</a>
</li>
<li>
<a href="../components.html">
<span class="icon">🏗️</span>
<strong>Components</strong>
<small>Anatomy, lifecycle, signals, effects</small>
</a>
</li>
<li>
<a href="../styling.html">
<span class="icon">🎨</span>
<strong>Styling</strong>
<small>Scoped styles, CSS custom properties</small>
</a>
</li>
<li>
<a href="../data-flow.html">
<span class="icon">🔄</span>
<strong>Data Flow</strong>
<small>Passing state, events, context</small>
</a>
</li>
<li>
<a href="../examples.html">
<span class="icon">🍽️</span>
<strong>Examples</strong>
<small>Common use cases and demos</small>
</a>
</li>
<li>
<a href="../blog.html">
<span class="icon">📜</span>
<strong>Blog</strong>
<small>Latest articles and updates</small>
</a>
</li>
<li>
<a href="../api.html">
<span class="icon">📚</span>
<strong>API Reference</strong>
<small>Functions, types, and constants</small>
</a>
</li>
<li>
<a href="../about.html">
<span class="icon">🤝</span>
<strong>About</strong>
<small>License, versioning, getting involved</small>
</a>
</li>
</ol>
</nav>
</section-menu>
<card-callout class="content danger" hidden>
<p class="error" role="alert" aria-live="polite"></p>
</card-callout>
</header>
<main id="main" class="content-grid"><section class="api-content">
<h1 id="zeixui-element">
<a name="zeixui-element" class="anchor" href="#zeixui-element">
<span class="permalink">🔗</span>
<span class="title">@zeix/ui-element</span>
</a>
</h1>
<h2 id="classes">
<a name="classes" class="anchor" href="#classes">
<span class="permalink">🔗</span>
<span class="title">Classes</span>
</a>
</h2>
<ul>
<li><a href="classes/CircularMutationError.html">CircularMutationError</a></li>
<li><a href="classes/DependencyTimeoutError.html">DependencyTimeoutError</a></li>
<li><a href="classes/InvalidComponentNameError.html">InvalidComponentNameError</a></li>
<li><a href="classes/InvalidEffectsError.html">InvalidEffectsError</a></li>
<li><a href="classes/InvalidPropertyNameError.html">InvalidPropertyNameError</a></li>
<li><a href="classes/InvalidSignalError.html">InvalidSignalError</a></li>
<li><a href="classes/MissingElementError.html">MissingElementError</a></li>
</ul>
<h2 id="type-aliases">
<a name="type-aliases" class="anchor" href="#type-aliases">
<span class="permalink">🔗</span>
<span class="title">Type Aliases</span>
</a>
</h2>
<ul>
<li><a href="type-aliases/Cleanup.html">Cleanup</a></li>
<li><a href="type-aliases/Component.html">Component</a></li>
<li><a href="type-aliases/ComponentProps.html">ComponentProps</a></li>
<li><a href="type-aliases/Computed.html">Computed</a></li>
<li><a href="type-aliases/ComputedCallback.html">ComputedCallback</a></li>
<li><a href="type-aliases/Context.html">Context</a></li>
<li><a href="type-aliases/ContextType.html">ContextType</a></li>
<li><a href="type-aliases/DangerouslySetInnerHTMLOptions.html">DangerouslySetInnerHTMLOptions</a></li>
<li><a href="type-aliases/Effect.html">Effect</a></li>
<li><a href="type-aliases/EffectMatcher.html">EffectMatcher</a></li>
<li><a href="type-aliases/Effects.html">Effects</a></li>
<li><a href="type-aliases/ElementEffects.html">ElementEffects</a></li>
<li><a href="type-aliases/ElementFromSelector.html">ElementFromSelector</a></li>
<li><a href="type-aliases/ElementInserter.html">ElementInserter</a></li>
<li><a href="type-aliases/ElementsUsage.html">ElementsUsage</a></li>
<li><a href="type-aliases/ElementUpdater.html">ElementUpdater</a></li>
<li><a href="type-aliases/ElementUsage.html">ElementUsage</a></li>
<li><a href="type-aliases/EventHandler.html">EventHandler</a></li>
<li><a href="type-aliases/EventTransformer.html">EventTransformer</a></li>
<li><a href="type-aliases/EventTransformers.html">EventTransformers</a></li>
<li><a href="type-aliases/EventType.html">EventType</a></li>
<li><a href="type-aliases/Extractor.html">Extractor</a></li>
<li><a href="type-aliases/ExtractTag.html">ExtractTag</a></li>
<li><a href="type-aliases/Fallback.html">Fallback</a></li>
<li><a href="type-aliases/Helpers.html">Helpers</a></li>
<li><a href="type-aliases/Initializer.html">Initializer</a></li>
<li><a href="type-aliases/KnownTag.html">KnownTag</a></li>
<li><a href="type-aliases/LogLevel.html">LogLevel</a></li>
<li><a href="type-aliases/LooseExtractor.html">LooseExtractor</a></li>
<li><a href="type-aliases/MaybeSignal.html">MaybeSignal</a></li>
<li><a href="type-aliases/Parser.html">Parser</a></li>
<li><a href="type-aliases/ParserOrFallback.html">ParserOrFallback</a></li>
<li><a href="type-aliases/Reactive.html">Reactive</a></li>
<li><a href="type-aliases/Reactives.html">Reactives</a></li>
<li><a href="type-aliases/ReservedWords.html">ReservedWords</a></li>
<li><a href="type-aliases/Setup.html">Setup</a></li>
<li><a href="type-aliases/Signal.html">Signal</a></li>
<li><a href="type-aliases/State.html">State</a></li>
<li><a href="type-aliases/UnknownContext.html">UnknownContext</a></li>
<li><a href="type-aliases/UpdateOperation.html">UpdateOperation</a></li>
<li><a href="type-aliases/ValidateComponentProps.html">ValidateComponentProps</a></li>
<li><a href="type-aliases/ValidPropertyKey.html">ValidPropertyKey</a></li>
</ul>
<h2 id="variables">
<a name="variables" class="anchor" href="#variables">
<span class="permalink">🔗</span>
<span class="title">Variables</span>
</a>
</h2>
<ul>
<li><a href="variables/DEV_MODE.html">DEV_MODE</a></li>
<li><a href="variables/LOG_DEBUG.html">LOG_DEBUG</a></li>
<li><a href="variables/LOG_ERROR.html">LOG_ERROR</a></li>
<li><a href="variables/LOG_INFO.html">LOG_INFO</a></li>
<li><a href="variables/LOG_WARN.html">LOG_WARN</a></li>
<li><a href="variables/RESET.html">RESET</a></li>
<li><a href="variables/UNSET.html">UNSET</a></li>
</ul>
<h2 id="functions">
<a name="functions" class="anchor" href="#functions">
<span class="permalink">🔗</span>
<span class="title">Functions</span>
</a>
</h2>
<ul>
<li><a href="functions/asBoolean.html">asBoolean</a></li>
<li><a href="functions/asEnum.html">asEnum</a></li>
<li><a href="functions/asInteger.html">asInteger</a></li>
<li><a href="functions/asJSON.html">asJSON</a></li>
<li><a href="functions/asNumber.html">asNumber</a></li>
<li><a href="functions/asString.html">asString</a></li>
<li><a href="functions/batch.html">batch</a></li>
<li><a href="functions/component.html">component</a></li>
<li><a href="functions/computed.html">computed</a></li>
<li><a href="functions/dangerouslySetInnerHTML.html">dangerouslySetInnerHTML</a></li>
<li><a href="functions/effect.html">effect</a></li>
<li><a href="functions/emitEvent.html">emitEvent</a></li>
<li><a href="functions/enqueue.html">enqueue</a></li>
<li><a href="functions/fromContext.html">fromContext</a></li>
<li><a href="functions/fromDOM.html">fromDOM</a></li>
<li><a href="functions/fromEvents.html">fromEvents</a></li>
<li><a href="functions/fromSelector.html">fromSelector</a></li>
<li><a href="functions/getAttribute.html">getAttribute</a></li>
<li><a href="functions/getDescription.html">getDescription</a></li>
<li><a href="functions/getFallback.html">getFallback</a></li>
<li><a href="functions/getLabel.html">getLabel</a></li>
<li><a href="functions/getProperty.html">getProperty</a></li>
<li><a href="functions/getStyle.html">getStyle</a></li>
<li><a href="functions/getText.html">getText</a></li>
<li><a href="functions/hasAttribute.html">hasAttribute</a></li>
<li><a href="functions/hasClass.html">hasClass</a></li>
<li><a href="functions/insertOrRemoveElement.html">insertOrRemoveElement</a></li>
<li><a href="functions/isComputed.html">isComputed</a></li>
<li><a href="functions/isParser.html">isParser</a></li>
<li><a href="functions/isSignal.html">isSignal</a></li>
<li><a href="functions/isState.html">isState</a></li>
<li><a href="functions/log.html">log</a></li>
<li><a href="functions/on.html">on</a></li>
<li><a href="functions/pass.html">pass</a></li>
<li><a href="functions/provideContexts.html">provideContexts</a></li>
<li><a href="functions/resolveReactive.html">resolveReactive</a></li>
<li><a href="functions/setAttribute.html">setAttribute</a></li>
<li><a href="functions/setProperty.html">setProperty</a></li>
<li><a href="functions/setStyle.html">setStyle</a></li>
<li><a href="functions/setText.html">setText</a></li>
<li><a href="functions/show.html">show</a></li>
<li><a href="functions/state.html">state</a></li>
<li><a href="functions/toggleAttribute.html">toggleAttribute</a></li>
<li><a href="functions/toggleClass.html">toggleClass</a></li>
<li><a href="functions/toSignal.html">toSignal</a></li>
<li><a href="functions/updateElement.html">updateElement</a></li>
</ul>
</section></main>
<footer class="content-grid">
<div class="content">
<h2 class="visually-hidden">Footer</h2>
<p>© 2024 – 2025 Zeix AG</p>
</div>
</footer>
</context-router>
</body>
</html>