@pithyjs/ui-kit 0.1.0-beta.0

package/dist/atoms/forms/toggle/Toggle.js

@@ -0,0 +1,243 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.toggle",
+  "title": "<Toggle> Form Atom",
+  "category": "feature"
+}
+*/
+import { effect } from '@pithyjs/signals';
+import { CONTROL_SIZES, } from '../../../shared/types';
+import { generateToggleId } from '../../../shared/toggle';
+import { createFormStateTracker, applyFormState, cleanupFormState, } from '../../../shared/form-state';
+import { createHelperElement, createErrorElement, createStateIcon, wrapFormControl, } from '../../../shared/form-elements';
+/**
+ * Accessible toggle / switch atom.
+ *
+ * Renders a `<label class="ui-toggle">` wrapping a native
+ * `<input type="checkbox" role="switch">`, a custom track + thumb
+ * drawn from CSS, and a visible label. Supports error/success states
+ * (with shake), helper/error text, loading, and full a11y wiring.
+ *
+ * This is a pure visual atom — no validation logic. Error/success are
+ * driven externally via props.
+ *
+ * @example
+ * ```html
+ * <Toggle label="'Dark mode'" />
+ * <Toggle label="'Notifications'" checked="isEnabled" onChange="toggle" />
+ * <Toggle label="'Auto-save'" checked="true" disabled="true" />
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.toggle","name":"Toggle","stability":"stable","signature":"(props: ToggleProps) => { el: HTMLElement | DocumentFragment; destroy: () => void }"} */
+export function Toggle({ id: externalId, name, value = 'on', checked = false, disabled = false, readonly: readonlyProp = false, required = false, error = false, errorMessage, helperText, success = false, size: rawSize = 'md', label, loading = false, onChange, onBlur, onFocus, }) {
+    // -- Prop validation -------------------------------------------------------
+    const validSize = CONTROL_SIZES.includes(rawSize);
+    if (import.meta.env?.DEV) {
+        if (!validSize) {
+            const valid = CONTROL_SIZES.join(', ');
+            console.warn(`[<Toggle>] Invalid size: "${rawSize}". Expected one of: ${valid}. Falling back to "md".`);
+        }
+        if (!label) {
+            console.warn(`[<Toggle>] Empty label — all toggles require an accessible name. Pass a non-empty label string.`);
+        }
+    }
+    const size = validSize ? rawSize : 'md';
+    // -- Element creation ------------------------------------------------------
+    const wrapper = document.createElement('label');
+    wrapper.classList.add('ui-toggle');
+    wrapper.setAttribute('data-size', size);
+    const toggleId = externalId ?? generateToggleId();
+    const input = document.createElement('input');
+    input.type = 'checkbox';
+    input.role = 'switch';
+    input.classList.add('ui-toggle-input');
+    input.id = toggleId;
+    if (name != null)
+        input.name = name;
+    input.value = value;
+    if (required) {
+        input.required = true;
+        input.setAttribute('aria-required', 'true');
+        wrapper.setAttribute('data-required', '');
+    }
+    // Custom track + thumb — CSS draws the visual state.
+    const trackEl = document.createElement('span');
+    trackEl.classList.add('ui-toggle-track');
+    trackEl.setAttribute('aria-hidden', 'true');
+    const thumbEl = document.createElement('span');
+    thumbEl.classList.add('ui-toggle-thumb');
+    trackEl.appendChild(thumbEl);
+    // Visible label text
+    const labelTextEl = document.createElement('span');
+    labelTextEl.classList.add('ui-toggle-label');
+    labelTextEl.textContent = label;
+    wrapper.appendChild(input);
+    wrapper.appendChild(trackEl);
+    wrapper.appendChild(labelTextEl);
+    // -- State icon (detached — satisfies applyFormState's element contract) ---
+    // The custom track already conveys error/success colors, so the icon is
+    // never shown. We keep a detached element so applyFormState can mutate it
+    // without injecting unnecessary DOM nodes or triggering animations.
+    const stateIconEl = createStateIcon();
+    // -- Helper text -----------------------------------------------------------
+    const helperId = `${toggleId}-helper`;
+    const helperEl = createHelperElement(helperId, helperText);
+    // -- Error message ---------------------------------------------------------
+    const errorMsgId = `${toggleId}-error`;
+    const errorMsgEl = createErrorElement(errorMsgId, errorMessage);
+    // -- Event handlers --------------------------------------------------------
+    const changeHandler = ((e) => {
+        // Defensive: click/keydown preventDefault covers user toggles in readonly,
+        // but a stray programmatic toggle or label-forwarded click could still
+        // dispatch a change event. Roll back the value and skip side effects so
+        // readonly truly means readonly.
+        if (input.readOnly) {
+            const intended = !!readChecked();
+            if (input.checked !== intended) {
+                input.checked = intended;
+            }
+            if (intended) {
+                wrapper.setAttribute('data-checked', '');
+            }
+            else {
+                wrapper.removeAttribute('data-checked');
+            }
+            syncAriaChecked(intended);
+            return;
+        }
+        // Keep data-checked in sync for uncontrolled usage (static checked prop)
+        if (input.checked) {
+            wrapper.setAttribute('data-checked', '');
+        }
+        else {
+            wrapper.removeAttribute('data-checked');
+        }
+        syncAriaChecked(input.checked);
+        onChange?.(input.checked, e);
+    });
+    const blurHandler = ((e) => {
+        onBlur?.(e);
+    });
+    const focusHandler = ((e) => {
+        onFocus?.(e);
+    });
+    input.addEventListener('change', changeHandler);
+    input.addEventListener('blur', blurHandler);
+    input.addEventListener('focus', focusHandler);
+    // Readonly behavior — native <input type="checkbox"> ignores `readonly`,
+    // so we intercept and prevent toggling while allowing focus.
+    const clickHandler = (e) => {
+        if (input.readOnly) {
+            e.preventDefault();
+        }
+    };
+    input.addEventListener('click', clickHandler);
+    // Block keyboard toggle in readonly mode (Space). Native checkbox
+    // activation fires on keyup in Chromium (keydown only suppresses scroll),
+    // so intercept both phases.
+    const keydownHandler = (e) => {
+        if (input.readOnly && e.key === ' ') {
+            e.preventDefault();
+        }
+    };
+    const keyupHandler = (e) => {
+        if (input.readOnly && e.key === ' ') {
+            e.preventDefault();
+        }
+    };
+    input.addEventListener('keydown', keydownHandler);
+    input.addEventListener('keyup', keyupHandler);
+    // -- Reactive state --------------------------------------------------------
+    const readChecked = () => typeof checked === 'function' ? checked() : checked;
+    const readDisabled = () => typeof disabled === 'function' ? disabled() : disabled;
+    const readReadonly = () => typeof readonlyProp === 'function' ? readonlyProp() : readonlyProp;
+    const readError = () => (typeof error === 'function' ? error() : error);
+    const readErrorMessage = () => typeof errorMessage === 'function' ? errorMessage() : errorMessage;
+    const readSuccess = () => typeof success === 'function' ? success() : success;
+    const readLoading = () => typeof loading === 'function' ? loading() : loading;
+    const isReactive = typeof checked === 'function' ||
+        typeof disabled === 'function' ||
+        typeof readonlyProp === 'function' ||
+        typeof error === 'function' ||
+        typeof errorMessage === 'function' ||
+        typeof success === 'function' ||
+        typeof loading === 'function';
+    const formTracker = createFormStateTracker();
+    /** Sync aria-checked to match the native checked state. */
+    function syncAriaChecked(isChecked) {
+        input.setAttribute('aria-checked', String(isChecked));
+    }
+    const applyState = () => {
+        // Checked
+        const isChecked = !!readChecked();
+        if (input.checked !== isChecked) {
+            input.checked = isChecked;
+        }
+        if (isChecked) {
+            wrapper.setAttribute('data-checked', '');
+        }
+        else {
+            wrapper.removeAttribute('data-checked');
+        }
+        syncAriaChecked(isChecked);
+        // Disabled
+        const isDisabled = !!readDisabled();
+        input.disabled = isDisabled;
+        if (isDisabled) {
+            wrapper.setAttribute('data-disabled', '');
+        }
+        else {
+            wrapper.removeAttribute('data-disabled');
+        }
+        // Readonly (custom — native checkboxes ignore it)
+        const isReadonly = !!readReadonly();
+        input.readOnly = isReadonly;
+        if (isReadonly) {
+            wrapper.setAttribute('data-readonly', '');
+            input.setAttribute('aria-readonly', 'true');
+        }
+        else {
+            wrapper.removeAttribute('data-readonly');
+            input.removeAttribute('aria-readonly');
+        }
+        // Error / success / shake / aria-describedby — shared
+        applyFormState({ wrapper, control: input, stateIconEl, helperEl, errorMsgEl }, { readError, readErrorMessage, readSuccess }, { helperId, errorMsgId }, { shakeClass: 'ui-toggle-shake', iconPrefix: 'ui-toggle-state-icon' }, formTracker);
+        // Loading
+        const isLoading = !!readLoading();
+        wrapper.classList.toggle('ui-toggle-loading', isLoading);
+        if (isLoading) {
+            input.setAttribute('aria-busy', 'true');
+        }
+        else {
+            input.removeAttribute('aria-busy');
+        }
+        formTracker.firstRun = false;
+    };
+    const cleanupEffect = isReactive
+        ? effect(applyState)
+        : (applyState(), undefined);
+    // -- Return ----------------------------------------------------------------
+    const { root, needsContainer } = wrapFormControl(wrapper, {
+        helperEl,
+        errorMsgEl,
+        containerClass: 'ui-toggle-field',
+    });
+    return {
+        el: root,
+        destroy: () => {
+            cleanupEffect?.();
+            input.removeEventListener('change', changeHandler);
+            input.removeEventListener('blur', blurHandler);
+            input.removeEventListener('focus', focusHandler);
+            input.removeEventListener('click', clickHandler);
+            input.removeEventListener('keydown', keydownHandler);
+            input.removeEventListener('keyup', keyupHandler);
+            cleanupFormState(wrapper, stateIconEl, formTracker);
+            wrapper.replaceChildren();
+            if (needsContainer) {
+                root.replaceChildren();
+            }
+        },
+    };
+}
+//# sourceMappingURL=Toggle.js.map

package/dist/atoms/forms/toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../src/atoms/forms/toggle/Toggle.ts"],"names":[],"mappings":"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"}