juxscript 1.1.341 → 1.1.343

package/dist/lib/components/input.d.ts

@@ -1,58 +0,0 @@
-type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'color' | 'range' | 'file' | 'hidden';
-interface InputOptions {
-    type?: InputType;
-    label?: string;
-    placeholder?: string;
-    value?: string;
-    name?: string;
-    required?: boolean;
-    disabled?: boolean;
-    readonly?: boolean;
-    min?: string | number;
-    max?: string | number;
-    step?: string | number;
-    pattern?: string;
-    autocomplete?: string;
-    class?: string;
-    style?: string;
-}
-declare class Input {
-    id: string;
-    options: InputOptions;
-    private _element;
-    private _wrapper;
-    private _onChange;
-    constructor(id: string, options?: InputOptions);
-    type(value: InputType): this;
-    label(value: string): this;
-    placeholder(value: string): this;
-    value(value: string): this;
-    name(value: string): this;
-    required(value?: boolean): this;
-    disabled(value?: boolean): this;
-    readonly(value?: boolean): this;
-    style(value: string): this;
-    class(value: string): this;
-    onChange(fn: (value: string, event: Event) => void): this;
-    getValue(): string;
-    getFiles(): FileList | null;
-    setValue(val: string): this;
-    setContent(val: string): this;
-    render(target?: string | HTMLElement): this;
-}
-export declare function input(id: string, options?: InputOptions): Input;
-export declare function email(id: string, options?: InputOptions): Input;
-export declare function password(id: string, options?: InputOptions): Input;
-export declare function number(id: string, options?: InputOptions): Input;
-export declare function tel(id: string, options?: InputOptions): Input;
-export declare function url(id: string, options?: InputOptions): Input;
-export declare function search(id: string, options?: InputOptions): Input;
-export declare function date(id: string, options?: InputOptions): Input;
-export declare function time(id: string, options?: InputOptions): Input;
-export declare function datetime(id: string, options?: InputOptions): Input;
-export declare function color(id: string, options?: InputOptions): Input;
-export declare function range(id: string, options?: InputOptions): Input;
-export declare function file(id: string, options?: InputOptions): Input;
-export declare function hidden(id: string, options?: InputOptions): Input;
-export { Input, InputOptions };
-//# sourceMappingURL=input.d.ts.map

package/dist/lib/components/input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../lib/components/input.ts"],"names":[],"mappings":"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"}

package/dist/lib/components/input.js

@@ -1,161 +0,0 @@
-import generateId from '../utils/idgen.js';
-import niceName from '../utils/niceName.js';
-import { pageState } from '../state/pageState.js';
-class Input {
-    constructor(id, options = {}) {
-        this._element = null;
-        this._wrapper = null;
-        this._onChange = null;
-        this.id = id || generateId();
-        this.options = {
-            type: 'text',
-            ...options
-        };
-        // Auto-generate label from ID if not provided
-        if (!this.options.label && this.id) {
-            this.options.label = niceName(this.id);
-        }
-    }
-    // Fluent API
-    type(value) { this.options.type = value; return this; }
-    label(value) { this.options.label = value; return this; }
-    placeholder(value) { this.options.placeholder = value; return this; }
-    value(value) { this.options.value = value; if (this._element)
-        this._element.value = value; return this; }
-    name(value) { this.options.name = value; return this; }
-    required(value = true) { this.options.required = value; return this; }
-    disabled(value = true) { this.options.disabled = value; if (this._element)
-        this._element.disabled = value; return this; }
-    readonly(value = true) { this.options.readonly = value; return this; }
-    style(value) { this.options.style = value; return this; }
-    class(value) { this.options.class = value; return this; }
-    onChange(fn) {
-        this._onChange = fn;
-        return this;
-    }
-    getValue() {
-        return this._element?.value ?? this.options.value ?? '';
-    }
-    getFiles() {
-        return this._element?.files ?? null;
-    }
-    setValue(val) {
-        if (this._element)
-            this._element.value = val;
-        this.options.value = val;
-        return this;
-    }
-    setContent(val) {
-        return this.setValue(val);
-    }
-    render(target) {
-        const wrapper = document.createElement('div');
-        wrapper.className = 'jux-input';
-        wrapper.id = `${this.id}-wrapper`;
-        if (this.options.class)
-            wrapper.className += ` ${this.options.class}`;
-        if (this.options.style)
-            wrapper.setAttribute('style', this.options.style);
-        if (this.options.label) {
-            const labelEl = document.createElement('label');
-            labelEl.htmlFor = this.id;
-            labelEl.textContent = this.options.label;
-            labelEl.className = 'jux-input-label';
-            wrapper.appendChild(labelEl);
-        }
-        const input = document.createElement('input');
-        input.id = this.id;
-        input.type = this.options.type || 'text';
-        input.className = 'jux-input-element';
-        if (this.options.placeholder)
-            input.placeholder = this.options.placeholder;
-        if (this.options.value)
-            input.value = this.options.value;
-        if (this.options.name)
-            input.name = this.options.name;
-        if (this.options.required)
-            input.required = true;
-        if (this.options.disabled)
-            input.disabled = true;
-        if (this.options.readonly)
-            input.readOnly = true;
-        if (this.options.min != null)
-            input.min = String(this.options.min);
-        if (this.options.max != null)
-            input.max = String(this.options.max);
-        if (this.options.step != null)
-            input.step = String(this.options.step);
-        if (this.options.pattern)
-            input.pattern = this.options.pattern;
-        if (this.options.autocomplete)
-            input.autocomplete = this.options.autocomplete;
-        input.addEventListener('input', (e) => {
-            if (this._onChange)
-                this._onChange(input.value, e);
-        });
-        // For file inputs, also listen to 'change'
-        if (this.options.type === 'file') {
-            input.addEventListener('change', (e) => {
-                if (this._onChange)
-                    this._onChange(input.value, e);
-            });
-        }
-        wrapper.appendChild(input);
-        this._element = input;
-        this._wrapper = wrapper;
-        const container = target
-            ? (typeof target === 'string' ? document.getElementById(target) || document.querySelector(target) : target)
-            : document.getElementById('app');
-        container?.appendChild(wrapper);
-        return this;
-    }
-}
-export function input(id, options = {}) {
-    const inp = new Input(id, options);
-    inp.render();
-    pageState.__register(inp);
-    return inp;
-}
-// ═══════════════════════════════════════════════════════════════
-// TYPE-SPECIFIC FACTORY METHODS
-// ═══════════════════════════════════════════════════════════════
-export function email(id, options = {}) {
-    return input(id, { placeholder: 'name@example.com', autocomplete: 'email', ...options, type: 'email' });
-}
-export function password(id, options = {}) {
-    return input(id, { placeholder: '••••••••', autocomplete: 'current-password', ...options, type: 'password' });
-}
-export function number(id, options = {}) {
-    return input(id, { placeholder: '0', ...options, type: 'number' });
-}
-export function tel(id, options = {}) {
-    return input(id, { placeholder: '+1 (555) 000-0000', autocomplete: 'tel', ...options, type: 'tel' });
-}
-export function url(id, options = {}) {
-    return input(id, { placeholder: 'https://', autocomplete: 'url', ...options, type: 'url' });
-}
-export function search(id, options = {}) {
-    return input(id, { placeholder: 'Search...', ...options, type: 'search' });
-}
-export function date(id, options = {}) {
-    return input(id, { ...options, type: 'date' });
-}
-export function time(id, options = {}) {
-    return input(id, { ...options, type: 'time' });
-}
-export function datetime(id, options = {}) {
-    return input(id, { ...options, type: 'datetime-local' });
-}
-export function color(id, options = {}) {
-    return input(id, { ...options, type: 'color' });
-}
-export function range(id, options = {}) {
-    return input(id, { min: '0', max: '100', ...options, type: 'range' });
-}
-export function file(id, options = {}) {
-    return input(id, { ...options, type: 'file' });
-}
-export function hidden(id, options = {}) {
-    return input(id, { ...options, type: 'hidden' });
-}
-export { Input };

package/dist/lib/components/link.d.ts

@@ -1,35 +0,0 @@
-interface LinkOptions {
-    content?: string;
-    href?: string;
-    spa?: boolean;
-    external?: boolean;
-    disabled?: boolean;
-    class?: string;
-    style?: string;
-    target?: string;
-    linkTarget?: '_blank' | '_self' | '_parent' | '_top';
-    icon?: string;
-    [key: string]: any;
-}
-declare class Link {
-    id: string;
-    opts: LinkOptions;
-    private _element;
-    private _onChange;
-    constructor(id: string, options?: LinkOptions);
-    getValue(): string;
-    getContent(): string;
-    setValue(val: string): this;
-    setContent(val: string): this;
-    setHref(val: string): this;
-    setDisabled(val: boolean): this;
-    setClass(val: string): this;
-    setStyle(val: string): this;
-    getElement(): HTMLAnchorElement;
-    onChange(fn: (value: string) => void): this;
-}
-export declare function link(id: string, options?: LinkOptions): Link;
-export declare function a(id: string, options?: LinkOptions): Link;
-export { Link, LinkOptions };
-export default link;
-//# sourceMappingURL=link.d.ts.map

package/dist/lib/components/link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../lib/components/link.ts"],"names":[],"mappings":"AAIA,UAAU,WAAW;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,cAAM,IAAI;IACN,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,QAAQ,CAAoB;IACpC,OAAO,CAAC,SAAS,CAA0C;gBAE/C,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB;IA4EjD,QAAQ,IAAI,MAAM;IAClB,UAAU,IAAI,MAAM;IAEpB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAM3B,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAW7B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAE1B,WAAW,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI;IAU/B,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAK3B,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAK3B,UAAU,IAAI,iBAAiB;IAE/B,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;CAI9C;AAED,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,GAAG,IAAI,CAIhE;AAED,wBAAgB,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,GAAG,IAAI,CAI7D;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;AAC7B,eAAe,IAAI,CAAC"}

package/dist/lib/components/link.js

@@ -1,135 +0,0 @@
-import generateId from '../utils/idgen.js';
-import niceName from '../utils/niceName.js';
-import { pageState } from '../state/pageState.js';
-class Link {
-    constructor(id, options = {}) {
-        this._onChange = null;
-        this.id = id || generateId();
-        this.opts = {
-            spa: true,
-            external: false,
-            disabled: false,
-            ...options
-        };
-        // Auto-generate content from ID if not provided
-        if (!this.opts.content && this.id) {
-            this.opts.content = niceName(this.id);
-        }
-        this._element = document.createElement('a');
-        this._element.id = this.id;
-        this._element.className = this.opts.class || 'jux-link';
-        if (this.opts.style)
-            this._element.setAttribute('style', this.opts.style);
-        if (this.opts.href)
-            this._element.href = this.opts.href;
-        if (this.opts.disabled)
-            this._element.setAttribute('data-disabled', 'true');
-        // External link handling
-        if (this.opts.external || this.opts.linkTarget === '_blank') {
-            this._element.target = this.opts.linkTarget || '_blank';
-            this._element.rel = 'noopener noreferrer';
-        }
-        // Content
-        if (this.opts.icon) {
-            const iconSpan = document.createElement('span');
-            iconSpan.className = 'jux-link-icon';
-            iconSpan.textContent = this.opts.icon;
-            this._element.appendChild(iconSpan);
-        }
-        if (this.opts.content) {
-            const textSpan = document.createElement('span');
-            textSpan.className = 'jux-link-text';
-            textSpan.textContent = this.opts.content;
-            this._element.appendChild(textSpan);
-        }
-        // Extra attributes
-        for (const [key, value] of Object.entries(this.opts)) {
-            if (['content', 'class', 'style', 'target', 'href', 'spa', 'external', 'disabled', 'icon', 'linkTarget'].includes(key))
-                continue;
-            this._element.setAttribute(`data-${key}`, String(value));
-        }
-        // SPA navigation
-        if (this.opts.spa && !this.opts.external) {
-            this._element.addEventListener('click', (e) => {
-                if (this.opts.disabled) {
-                    e.preventDefault();
-                    return;
-                }
-                const href = this._element.href;
-                if (href && !href.startsWith('http') && !href.startsWith('//')) {
-                    e.preventDefault();
-                    const path = new URL(href, window.location.origin).pathname;
-                    if (typeof window.navigateTo === 'function') {
-                        window.navigateTo(path);
-                    }
-                    else {
-                        window.history.pushState({}, '', path);
-                        window.dispatchEvent(new PopStateEvent('popstate'));
-                    }
-                }
-            });
-        }
-        const resolvedTarget = this.opts.target;
-        const container = resolvedTarget
-            ? document.getElementById(resolvedTarget) || document.querySelector(resolvedTarget)
-            : document.getElementById('app');
-        container?.appendChild(this._element);
-    }
-    // ═══════════════════════════════════════════════════════════
-    // PAGESTATE INTEGRATION
-    // ═══════════════════════════════════════════════════════════
-    getValue() { return this.opts.href ?? ''; }
-    getContent() { return this.opts.content ?? ''; }
-    setValue(val) {
-        this.opts.href = val;
-        this._element.href = val;
-        return this;
-    }
-    setContent(val) {
-        this.opts.content = val;
-        const textEl = this._element.querySelector('.jux-link-text');
-        if (textEl) {
-            textEl.textContent = val;
-        }
-        else {
-            this._element.textContent = val;
-        }
-        return this;
-    }
-    setHref(val) { return this.setValue(val); }
-    setDisabled(val) {
-        this.opts.disabled = val;
-        if (val) {
-            this._element.setAttribute('data-disabled', 'true');
-        }
-        else {
-            this._element.removeAttribute('data-disabled');
-        }
-        return this;
-    }
-    setClass(val) {
-        this._element.className = val;
-        return this;
-    }
-    setStyle(val) {
-        this._element.setAttribute('style', val);
-        return this;
-    }
-    getElement() { return this._element; }
-    onChange(fn) {
-        this._onChange = fn;
-        return this;
-    }
-}
-export function link(id, options = {}) {
-    const l = new Link(id, options);
-    pageState.__register(l);
-    return l;
-}
-export function a(id, options = {}) {
-    const l = new Link(id, options);
-    pageState.__register(l);
-    return l;
-}
-export { Link };
-export default link;

package/dist/lib/components/list.d.ts

@@ -1,48 +0,0 @@
-interface ListItem {
-    id?: string;
-    content: string;
-    icon?: string;
-    class?: string;
-    disabled?: boolean;
-    [key: string]: any;
-}
-interface ListOptions {
-    items?: ListItem[];
-    ordered?: boolean;
-    selectable?: boolean;
-    class?: string;
-    style?: string;
-    target?: string;
-    itemClass?: string;
-    activeClass?: string;
-}
-declare class List {
-    id: string;
-    opts: ListOptions;
-    private _element;
-    private _items;
-    private _value;
-    private _selectedIndex;
-    private _onChange;
-    constructor(id: string, options?: ListOptions);
-    addItem(item: ListItem): this;
-    addItems(items: ListItem[]): this;
-    removeItem(key: string | number): this;
-    updateItem(key: string | number, updates: Partial<ListItem>): this;
-    clearItems(): this;
-    getItems(): ListItem[];
-    getCount(): number;
-    getValue(): string | null;
-    setValue(val: string | null): this;
-    getContent(): string;
-    getElement(): HTMLElement;
-    onChange(fn: (value: string | null) => void): this;
-    private _renderItem;
-    private _renderAll;
-    private _updateActiveState;
-    private _dispatchChange;
-}
-export declare function list(id: string, options?: ListOptions): List;
-export { List, ListItem, ListOptions };
-export default list;
-//# sourceMappingURL=list.d.ts.map

package/dist/lib/components/list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../lib/components/list.ts"],"names":[],"mappings":"AAIA,UAAU,QAAQ;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,UAAU,WAAW;IACjB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,cAAM,IAAI;IACN,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,cAAc,CAAc;IACpC,OAAO,CAAC,SAAS,CAAiD;gBAEtD,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB;IAgCjD,OAAO,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI;IAY7B,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI;IAcjC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAUtC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI;IAUlE,UAAU,IAAI,IAAI;IASlB,QAAQ,IAAI,QAAQ,EAAE;IACtB,QAAQ,IAAI,MAAM;IAMlB,QAAQ,IAAI,MAAM,GAAG,IAAI;IAEzB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQlC,UAAU,IAAI,MAAM;IAIpB,UAAU,IAAI,WAAW;IAEzB,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,IAAI;IASlD,OAAO,CAAC,WAAW;IAqCnB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,eAAe;CAI1B;AAED,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,GAAG,IAAI,CAIhE;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;AACvC,eAAe,IAAI,CAAC"}

package/dist/lib/components/list.js

@@ -1,178 +0,0 @@
-import generateId from '../utils/idgen.js';
-import niceName from '../utils/niceName.js';
-import { pageState } from '../state/pageState.js';
-class List {
-    constructor(id, options = {}) {
-        this._items = [];
-        this._value = null;
-        this._selectedIndex = -1;
-        this._onChange = null;
-        this.id = id || generateId();
-        this.opts = {
-            ordered: false,
-            selectable: false,
-            itemClass: 'jux-list-item',
-            activeClass: 'jux-list-item--active',
-            ...options
-        };
-        const tagName = this.opts.ordered ? 'ol' : 'ul';
-        this._element = document.createElement(tagName);
-        this._element.id = this.id;
-        this._element.setAttribute('role', 'list');
-        if (this.opts.class)
-            this._element.className = this.opts.class;
-        if (this.opts.style)
-            this._element.setAttribute('style', this.opts.style);
-        const resolvedTarget = this.opts.target;
-        const container = resolvedTarget
-            ? document.getElementById(resolvedTarget) || document.querySelector(resolvedTarget)
-            : document.getElementById('app');
-        container?.appendChild(this._element);
-        if (this.opts.items) {
-            this.addItems(this.opts.items);
-        }
-    }
-    // ═══════════════════════════════════════════════════════════
-    // STANDARD COLLECTION API
-    // ═══════════════════════════════════════════════════════════
-    addItem(item) {
-        const listItem = {
-            ...item,
-            id: item.id || `${this.id}-item-${this._items.length}`,
-            content: item.content || niceName(item.id || `item-${this._items.length}`)
-        };
-        this._items.push(listItem);
-        this._renderItem(listItem);
-        this._dispatchChange();
-        return this;
-    }
-    addItems(items) {
-        for (const item of items) {
-            const listItem = {
-                ...item,
-                id: item.id || `${this.id}-item-${this._items.length}`,
-                content: item.content || niceName(item.id || `item-${this._items.length}`)
-            };
-            this._items.push(listItem);
-            this._renderItem(listItem);
-        }
-        this._dispatchChange();
-        return this;
-    }
-    removeItem(key) {
-        const idx = typeof key === 'number' ? key : this._items.findIndex(i => i.id === key);
-        if (idx > -1) {
-            this._items.splice(idx, 1);
-            this._renderAll();
-            this._dispatchChange();
-        }
-        return this;
-    }
-    updateItem(key, updates) {
-        const idx = typeof key === 'number' ? key : this._items.findIndex(i => i.id === key);
-        if (idx > -1) {
-            this._items[idx] = { ...this._items[idx], ...updates };
-            this._renderAll();
-            this._dispatchChange();
-        }
-        return this;
-    }
-    clearItems() {
-        this._items = [];
-        this._value = null;
-        this._selectedIndex = -1;
-        this._element.innerHTML = '';
-        this._dispatchChange();
-        return this;
-    }
-    getItems() { return [...this._items]; }
-    getCount() { return this._items.length; }
-    // ═══════════════════════════════════════════════════════════
-    // PAGESTATE INTEGRATION
-    // ═══════════════════════════════════════════════════════════
-    getValue() { return this._value; }
-    setValue(val) {
-        this._value = val;
-        this._selectedIndex = this._items.findIndex(i => i.id === val);
-        this._updateActiveState();
-        this._dispatchChange();
-        return this;
-    }
-    getContent() {
-        return this._items.map(i => i.content).join(', ');
-    }
-    getElement() { return this._element; }
-    onChange(fn) {
-        this._onChange = fn;
-        return this;
-    }
-    // ═══════════════════════════════════════════════════════════
-    // INTERNAL
-    // ═══════════════════════════════════════════════════════════
-    _renderItem(item) {
-        const li = document.createElement('li');
-        li.id = item.id;
-        li.className = item.class || this.opts.itemClass || 'jux-list-item';
-        li.setAttribute('role', 'listitem');
-        if (item.icon) {
-            const iconSpan = document.createElement('span');
-            iconSpan.className = 'jux-list-item-icon';
-            iconSpan.textContent = item.icon;
-            li.appendChild(iconSpan);
-            const textSpan = document.createElement('span');
-            textSpan.className = 'jux-list-item-text';
-            textSpan.textContent = item.content;
-            li.appendChild(textSpan);
-        }
-        else {
-            li.textContent = item.content;
-        }
-        if (item.disabled)
-            li.setAttribute('data-disabled', 'true');
-        if (this.opts.selectable) {
-            li.style.cursor = 'pointer';
-            li.addEventListener('click', () => {
-                if (item.disabled)
-                    return;
-                this._value = item.id;
-                this._selectedIndex = this._items.indexOf(item);
-                this._updateActiveState();
-                if (this._onChange)
-                    this._onChange(this._value);
-                this._element.dispatchEvent(new Event('change', { bubbles: false }));
-            });
-        }
-        this._element.appendChild(li);
-    }
-    _renderAll() {
-        this._element.innerHTML = '';
-        for (const item of this._items) {
-            this._renderItem(item);
-        }
-        this._updateActiveState();
-    }
-    _updateActiveState() {
-        const children = this._element.querySelectorAll('[role="listitem"]');
-        children.forEach((el, idx) => {
-            if (idx === this._selectedIndex) {
-                el.classList.add(this.opts.activeClass);
-                el.setAttribute('data-active', 'true');
-            }
-            else {
-                el.classList.remove(this.opts.activeClass);
-                el.removeAttribute('data-active');
-            }
-        });
-    }
-    _dispatchChange() {
-        this._element.setAttribute('data-count', String(this._items.length));
-        this._element.dispatchEvent(new Event('change', { bubbles: false }));
-    }
-}
-export function list(id, options = {}) {
-    const l = new List(id, options);
-    pageState.__register(l);
-    return l;
-}
-export { List };
-export default list;

package/dist/lib/components/nav.d.ts

@@ -1,46 +0,0 @@
-interface NavItem {
-    id?: string;
-    label: string;
-    path?: string;
-    icon?: string;
-    disabled?: boolean;
-    [key: string]: any;
-}
-interface NavOptions {
-    label?: string;
-    items?: NavItem[];
-    orientation?: 'vertical' | 'horizontal';
-    class?: string;
-    style?: string;
-    target?: string;
-    activeClass?: string;
-    itemClass?: string;
-}
-declare class Nav {
-    id: string;
-    opts: NavOptions;
-    private _element;
-    private _items;
-    private _value;
-    private _onChange;
-    constructor(id: string, options?: NavOptions);
-    addItem(item: NavItem): this;
-    addItems(items: NavItem[]): this;
-    removeItem(key: string | number): this;
-    updateItem(key: string | number, updates: Partial<NavItem>): this;
-    clearItems(): this;
-    getItems(): NavItem[];
-    getCount(): number;
-    getValue(): string | null;
-    setValue(val: string | null): this;
-    getElement(): HTMLElement;
-    onChange(fn: (value: string | null) => void): this;
-    private _renderItem;
-    private _renderAll;
-    private _updateActiveState;
-    private _dispatchChange;
-}
-export declare function nav(id: string, options?: NavOptions): Nav;
-export { Nav, NavItem, NavOptions };
-export default nav;
-//# sourceMappingURL=nav.d.ts.map