juxscript 1.1.341 → 1.1.343

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

@@ -1 +0,0 @@
-{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../../lib/components/nav.ts"],"names":[],"mappings":"AAIA,UAAU,OAAO;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,UAAU,UAAU;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,cAAM,GAAG;IACL,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,SAAS,CAAiD;gBAEtD,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,UAAe;IA+BhD,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAY5B,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI;IAchC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAUtC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI;IAUjE,UAAU,IAAI,IAAI;IAQlB,QAAQ,IAAI,OAAO,EAAE;IACrB,QAAQ,IAAI,MAAM;IAMlB,QAAQ,IAAI,MAAM,GAAG,IAAI;IAEzB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOlC,UAAU,IAAI,WAAW;IAEzB,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,IAAI;IASlD,OAAO,CAAC,WAAW;IAqDnB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,eAAe;CAI1B;AAED,wBAAgB,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,UAAe,GAAG,GAAG,CAI7D;AAED,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;AACpC,eAAe,GAAG,CAAC"}

package/dist/lib/components/nav.js

@@ -1,189 +0,0 @@
-import generateId from '../utils/idgen.js';
-import niceName from '../utils/niceName.js';
-import { pageState } from '../state/pageState.js';
-class Nav {
-    constructor(id, options = {}) {
-        this._items = [];
-        this._value = null;
-        this._onChange = null;
-        this.id = id || generateId();
-        this.opts = {
-            orientation: 'vertical',
-            activeClass: 'jux-nav-item--active',
-            itemClass: 'jux-nav-item',
-            ...options
-        };
-        this._element = document.createElement('nav');
-        this._element.id = this.id;
-        if (this.opts.class)
-            this._element.className = this.opts.class;
-        if (this.opts.style)
-            this._element.setAttribute('style', this.opts.style);
-        this._element.setAttribute('data-orientation', this.opts.orientation);
-        this._element.setAttribute('role', 'navigation');
-        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 navItem = {
-            ...item,
-            id: item.id || `${this.id}-item-${this._items.length}`,
-            label: item.label || niceName(item.id || `item-${this._items.length}`)
-        };
-        this._items.push(navItem);
-        this._renderItem(navItem);
-        this._dispatchChange();
-        return this;
-    }
-    addItems(items) {
-        for (const item of items) {
-            const navItem = {
-                ...item,
-                id: item.id || `${this.id}-item-${this._items.length}`,
-                label: item.label || niceName(item.id || `item-${this._items.length}`)
-            };
-            this._items.push(navItem);
-            this._renderItem(navItem);
-        }
-        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._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._updateActiveState();
-        this._dispatchChange();
-        return this;
-    }
-    getElement() { return this._element; }
-    onChange(fn) {
-        this._onChange = fn;
-        return this;
-    }
-    // ═══════════════════════════════════════════════════════════
-    // INTERNAL
-    // ═══════════════════════════════════════════════════════════
-    _renderItem(item) {
-        const el = document.createElement('a');
-        el.id = item.id;
-        el.className = this.opts.itemClass || 'jux-nav-item';
-        el.setAttribute('role', 'link');
-        if (item.path) {
-            el.href = item.path;
-        }
-        if (item.disabled) {
-            el.setAttribute('data-disabled', 'true');
-            el.setAttribute('aria-disabled', 'true');
-        }
-        // Always render icon span for consistent alignment
-        const iconSpan = document.createElement('span');
-        iconSpan.className = 'jux-nav-item-icon';
-        if (item.icon) {
-            iconSpan.textContent = item.icon;
-        }
-        else {
-            // Bold first letter as fallback
-            iconSpan.className += ' jux-nav-item-no-icon';
-            iconSpan.textContent = (item.label || '').charAt(0).toUpperCase();
-        }
-        el.appendChild(iconSpan);
-        const textSpan = document.createElement('span');
-        textSpan.className = 'jux-nav-item-text';
-        textSpan.textContent = item.label;
-        el.appendChild(textSpan);
-        el.addEventListener('click', (e) => {
-            e.preventDefault();
-            if (item.disabled)
-                return;
-            this._value = item.path || item.id;
-            this._updateActiveState();
-            if (this._onChange)
-                this._onChange(this._value);
-            this._element.dispatchEvent(new Event('change', { bubbles: false }));
-            // SPA navigation
-            if (item.path) {
-                if (typeof window.navigateTo === 'function') {
-                    window.navigateTo(item.path);
-                }
-                else {
-                    window.history.pushState({}, '', item.path);
-                    window.dispatchEvent(new PopStateEvent('popstate'));
-                }
-            }
-        });
-        this._element.appendChild(el);
-    }
-    _renderAll() {
-        this._element.innerHTML = '';
-        for (const item of this._items) {
-            this._renderItem(item);
-        }
-        this._updateActiveState();
-    }
-    _updateActiveState() {
-        const children = this._element.querySelectorAll('a[href]');
-        children.forEach(el => {
-            const href = el.getAttribute('href');
-            if (href === this._value) {
-                el.classList.add(this.opts.activeClass);
-                el.setAttribute('data-active', 'true');
-                el.setAttribute('aria-current', 'page');
-            }
-            else {
-                el.classList.remove(this.opts.activeClass);
-                el.removeAttribute('data-active');
-                el.removeAttribute('aria-current');
-            }
-        });
-    }
-    _dispatchChange() {
-        this._element.setAttribute('data-count', String(this._items.length));
-        this._element.dispatchEvent(new Event('change', { bubbles: false }));
-    }
-}
-export function nav(id, options = {}) {
-    const n = new Nav(id, options);
-    pageState.__register(n);
-    return n;
-}
-export { Nav };
-export default nav;

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

@@ -1,40 +0,0 @@
-interface RadioOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-}
-interface RadioGroupOptions {
-    label?: string;
-    name?: string;
-    options?: RadioOption[];
-    value?: string;
-    direction?: 'vertical' | 'horizontal';
-    required?: boolean;
-    disabled?: boolean;
-    class?: string;
-    style?: string;
-}
-declare class RadioGroup {
-    id: string;
-    opts: RadioGroupOptions;
-    private _wrapper;
-    private _inputs;
-    private _onChange;
-    constructor(id: string, options?: RadioGroupOptions);
-    label(value: string): this;
-    direction(value: 'vertical' | 'horizontal'): this;
-    required(value?: boolean): this;
-    disabled(value?: boolean): this;
-    style(value: string): this;
-    class(value: string): this;
-    options(opts: RadioOption[]): this;
-    value(val: string): this;
-    onChange(fn: (value: string, event: Event) => void): this;
-    getValue(): string;
-    private _rebuild;
-    private _buildOptions;
-    render(target?: string | HTMLElement): this;
-}
-export declare function radio(id: string, options?: RadioGroupOptions): RadioGroup;
-export { RadioGroup, RadioOption, RadioGroupOptions };
-//# sourceMappingURL=radio.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../lib/components/radio.ts"],"names":[],"mappings":"AAGA,UAAU,WAAW;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,iBAAiB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,cAAM,UAAU;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,OAAO,CAA0B;IACzC,OAAO,CAAC,SAAS,CAAwD;gBAE7D,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB;IAWvD,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC1B,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,GAAG,IAAI;IACjD,QAAQ,CAAC,KAAK,GAAE,OAAc,GAAG,IAAI;IACrC,QAAQ,CAAC,KAAK,GAAE,OAAc,GAAG,IAAI;IACrC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC1B,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAE1B,OAAO,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI;IAMlC,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAMxB,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,IAAI;IAKzD,QAAQ,IAAI,MAAM;IAKlB,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,aAAa;IA6BrB,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;CA4B9C;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB,GAAG,UAAU,CAK7E;AAED,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/lib/components/radio.js

@@ -1,112 +0,0 @@
-import generateId from '../utils/idgen.js';
-import { pageState } from '../state/pageState.js';
-class RadioGroup {
-    constructor(id, options = {}) {
-        this._wrapper = null;
-        this._inputs = [];
-        this._onChange = null;
-        this.id = id || generateId();
-        this.opts = {
-            options: [],
-            direction: 'vertical',
-            name: id,
-            ...options
-        };
-    }
-    // Fluent API
-    label(value) { this.opts.label = value; return this; }
-    direction(value) { this.opts.direction = value; return this; }
-    required(value = true) { this.opts.required = value; return this; }
-    disabled(value = true) { this.opts.disabled = value; return this; }
-    style(value) { this.opts.style = value; return this; }
-    class(value) { this.opts.class = value; return this; }
-    options(opts) {
-        this.opts.options = opts;
-        if (this._wrapper)
-            this._rebuild();
-        return this;
-    }
-    value(val) {
-        this.opts.value = val;
-        this._inputs.forEach(inp => { inp.checked = inp.value === val; });
-        return this;
-    }
-    onChange(fn) {
-        this._onChange = fn;
-        return this;
-    }
-    getValue() {
-        const checked = this._inputs.find(i => i.checked);
-        return checked?.value ?? this.opts.value ?? '';
-    }
-    _rebuild() {
-        if (!this._wrapper)
-            return;
-        const group = this._wrapper.querySelector('.jux-radio-options');
-        if (!group)
-            return;
-        group.innerHTML = '';
-        this._inputs = [];
-        this._buildOptions(group);
-    }
-    _buildOptions(container) {
-        for (const opt of this.opts.options || []) {
-            const item = document.createElement('label');
-            item.className = 'jux-radio-item';
-            const inp = document.createElement('input');
-            inp.type = 'radio';
-            inp.name = this.opts.name || this.id;
-            inp.value = opt.value;
-            inp.className = 'jux-radio-input';
-            if (opt.value === this.opts.value)
-                inp.checked = true;
-            if (opt.disabled || this.opts.disabled)
-                inp.disabled = true;
-            if (this.opts.required)
-                inp.required = true;
-            inp.addEventListener('change', (e) => {
-                if (this._onChange)
-                    this._onChange(inp.value, e);
-            });
-            const text = document.createElement('span');
-            text.className = 'jux-radio-label';
-            text.textContent = opt.label;
-            item.appendChild(inp);
-            item.appendChild(text);
-            container.appendChild(item);
-            this._inputs.push(inp);
-        }
-    }
-    render(target) {
-        const wrapper = document.createElement('fieldset');
-        wrapper.className = 'jux-radio-group';
-        wrapper.id = this.id;
-        if (this.opts.class)
-            wrapper.className += ` ${this.opts.class}`;
-        if (this.opts.style)
-            wrapper.setAttribute('style', this.opts.style);
-        if (this.opts.label) {
-            const legend = document.createElement('legend');
-            legend.textContent = this.opts.label;
-            legend.className = 'jux-radio-group-label';
-            wrapper.appendChild(legend);
-        }
-        const optionsDiv = document.createElement('div');
-        optionsDiv.className = `jux-radio-options jux-radio-${this.opts.direction}`;
-        this._buildOptions(optionsDiv);
-        wrapper.appendChild(optionsDiv);
-        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 radio(id, options = {}) {
-    const r = new RadioGroup(id, options);
-    r.render();
-    pageState.__register(r);
-    return r;
-}
-export { RadioGroup };

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

@@ -1,41 +0,0 @@
-interface SelectOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-}
-interface SelectOptions {
-    label?: string;
-    placeholder?: string;
-    options?: SelectOption[];
-    value?: string;
-    required?: boolean;
-    disabled?: boolean;
-    multiple?: boolean;
-    class?: string;
-    style?: string;
-}
-declare class Select {
-    id: string;
-    opts: SelectOptions;
-    private _element;
-    private _wrapper;
-    private _onChange;
-    constructor(id: string, options?: SelectOptions);
-    label(value: string): this;
-    placeholder(value: string): this;
-    required(value?: boolean): this;
-    disabled(value?: boolean): this;
-    multiple(value?: boolean): this;
-    style(value: string): this;
-    class(value: string): this;
-    options(opts: SelectOption[]): this;
-    value(val: string): this;
-    onChange(fn: (value: string, event: Event) => void): this;
-    getValue(): string;
-    getSelectedValues(): string[];
-    private _rebuildOptions;
-    render(target?: string | HTMLElement): this;
-}
-export declare function select(id: string, options?: SelectOptions): Select;
-export { Select, SelectOption, SelectOptions };
-//# sourceMappingURL=select.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../lib/components/select.ts"],"names":[],"mappings":"AAGA,UAAU,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,cAAM,MAAM;IACR,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,aAAa,CAAC;IACpB,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,SAAS,CAAwD;gBAE7D,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB;IAMnD,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC1B,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAChC,QAAQ,CAAC,KAAK,GAAE,OAAc,GAAG,IAAI;IACrC,QAAQ,CAAC,KAAK,GAAE,OAAc,GAAG,IAAI;IACrC,QAAQ,CAAC,KAAK,GAAE,OAAc,GAAG,IAAI;IACrC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC1B,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAE1B,OAAO,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,IAAI;IAMnC,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAMxB,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,IAAI;IAKzD,QAAQ,IAAI,MAAM;IAIlB,iBAAiB,IAAI,MAAM,EAAE;IAK7B,OAAO,CAAC,eAAe;IAuBvB,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;CAuC9C;AAED,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAKtE;AAED,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/lib/components/select.js

@@ -1,111 +0,0 @@
-import generateId from '../utils/idgen.js';
-import { pageState } from '../state/pageState.js';
-class Select {
-    constructor(id, options = {}) {
-        this._element = null;
-        this._wrapper = null;
-        this._onChange = null;
-        this.id = id || generateId();
-        this.opts = { options: [], ...options };
-    }
-    // Fluent API
-    label(value) { this.opts.label = value; return this; }
-    placeholder(value) { this.opts.placeholder = value; return this; }
-    required(value = true) { this.opts.required = value; return this; }
-    disabled(value = true) { this.opts.disabled = value; return this; }
-    multiple(value = true) { this.opts.multiple = value; return this; }
-    style(value) { this.opts.style = value; return this; }
-    class(value) { this.opts.class = value; return this; }
-    options(opts) {
-        this.opts.options = opts;
-        if (this._element)
-            this._rebuildOptions();
-        return this;
-    }
-    value(val) {
-        this.opts.value = val;
-        if (this._element)
-            this._element.value = val;
-        return this;
-    }
-    onChange(fn) {
-        this._onChange = fn;
-        return this;
-    }
-    getValue() {
-        return this._element?.value ?? this.opts.value ?? '';
-    }
-    getSelectedValues() {
-        if (!this._element)
-            return [];
-        return Array.from(this._element.selectedOptions).map(o => o.value);
-    }
-    _rebuildOptions() {
-        if (!this._element)
-            return;
-        this._element.innerHTML = '';
-        if (this.opts.placeholder) {
-            const ph = document.createElement('option');
-            ph.value = '';
-            ph.textContent = this.opts.placeholder;
-            ph.disabled = true;
-            ph.selected = !this.opts.value;
-            this._element.appendChild(ph);
-        }
-        for (const opt of this.opts.options || []) {
-            const o = document.createElement('option');
-            o.value = opt.value;
-            o.textContent = opt.label;
-            if (opt.disabled)
-                o.disabled = true;
-            if (opt.value === this.opts.value)
-                o.selected = true;
-            this._element.appendChild(o);
-        }
-    }
-    render(target) {
-        const wrapper = document.createElement('div');
-        wrapper.className = 'jux-select';
-        wrapper.id = `${this.id}-wrapper`;
-        if (this.opts.class)
-            wrapper.className += ` ${this.opts.class}`;
-        if (this.opts.style)
-            wrapper.setAttribute('style', this.opts.style);
-        if (this.opts.label) {
-            const labelEl = document.createElement('label');
-            labelEl.htmlFor = this.id;
-            labelEl.textContent = this.opts.label;
-            labelEl.className = 'jux-select-label';
-            wrapper.appendChild(labelEl);
-        }
-        const sel = document.createElement('select');
-        sel.id = this.id;
-        sel.className = 'jux-select-element';
-        if (this.opts.required)
-            sel.required = true;
-        if (this.opts.disabled)
-            sel.disabled = true;
-        if (this.opts.multiple)
-            sel.multiple = true;
-        this._element = sel;
-        this._rebuildOptions();
-        sel.addEventListener('change', (e) => {
-            if (this._onChange)
-                this._onChange(sel.value, e);
-        });
-        wrapper.appendChild(sel);
-        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 select(id, options = {}) {
-    const s = new Select(id, options);
-    s.render();
-    pageState.__register(s);
-    return s;
-}
-export { Select };

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

@@ -1,78 +0,0 @@
-interface StoreOptions {
-    db: string;
-    table: string;
-    version?: number;
-    keyPath?: string;
-    autoIncrement?: boolean;
-    indexes?: Array<{
-        name: string;
-        keyPath: string | string[];
-        unique?: boolean;
-    }>;
-    auto?: boolean;
-}
-declare class Store {
-    id: string;
-    options: StoreOptions;
-    _element: HTMLElement;
-    private _db;
-    private _value;
-    private _loading;
-    private _error;
-    private _onChange;
-    private _ready;
-    constructor(id: string, options: StoreOptions);
-    private _open;
-    private _tx;
-    private _notifyChange;
-    onChange(fn: (value: any[]) => void): this;
-    getElement(): HTMLElement;
-    getValue(): any[];
-    getLoading(): boolean;
-    getError(): string | null;
-    getCount(): number;
-    setValue(val: any[]): this;
-    getAll(): Promise<any[]>;
-    get(key: IDBValidKey): Promise<any>;
-    query(indexName: string, value: IDBValidKey): Promise<any[]>;
-    put(record: any): Promise<IDBValidKey>;
-    add(record: any): Promise<IDBValidKey>;
-    putMany(records: any[]): Promise<void>;
-    delete(key: IDBValidKey): Promise<void>;
-    clear(): Promise<void>;
-    refresh(): Promise<any[]>;
-}
-/**
- * Create a reactive IndexedDB store that integrates with pageState.
- *
- * @example
- * // Basic usage
- * const todos = await jux.store('todos', { db: 'myapp', table: 'todos' });
- * // pageState['todos'].value → [{ id: 1, text: 'Buy milk', done: false }, ...]
- *
- * // With indexes
- * const users = await jux.store('users', {
- *     db: 'myapp',
- *     table: 'users',
- *     indexes: [{ name: 'by_email', keyPath: 'email', unique: true }]
- * });
- *
- * // Write
- * await pageState['todos'].add({ text: 'New item', done: false });
- * await pageState['todos'].put({ id: 1, text: 'Updated', done: true });
- * await pageState['todos'].delete(1);
- *
- * // Query by index
- * const results = await pageState['users'].query('by_email', 'alice@example.com');
- *
- * // React to changes
- * pageState.__watch(() => {
- *     const items = pageState['todos'].value;
- *     if (items) {
- *         pageState['count'].content = `${items.length} items`;
- *     }
- * });
- */
-export declare function store(id: string, options: StoreOptions): Promise<Store>;
-export { Store, StoreOptions };
-//# sourceMappingURL=store.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../lib/components/store.ts"],"names":[],"mappings":"AAGA,UAAU,YAAY;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAChF,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,cAAM,KAAK;IACP,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,GAAG,CAA4B;IACvC,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,SAAS,CAAyC;IAC1D,OAAO,CAAC,MAAM,CAAgB;gBAElB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY;IA0B7C,OAAO,CAAC,KAAK;IAgCb,OAAO,CAAC,GAAG;IAOX,OAAO,CAAC,aAAa;IAoBrB,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,IAAI;IAK1C,UAAU,IAAI,WAAW;IACzB,QAAQ,IAAI,GAAG,EAAE;IACjB,UAAU,IAAI,OAAO;IACrB,QAAQ,IAAI,MAAM,GAAG,IAAI;IACzB,QAAQ,IAAI,MAAM;IAElB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI;IAUpB,MAAM,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;IAwBxB,GAAG,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC;IAWnC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;IAiB5D,GAAG,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,WAAW,CAAC;IActC,GAAG,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,WAAW,CAAC;IActC,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAuBtC,MAAM,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAcvC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAoBtB,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;CAGlC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAsB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,CAU7E;AAED,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC"}