juxscript 1.1.333 → 1.1.334

package/dist/components/store.js.map

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

package/dist/components/style.d.ts

@@ -0,0 +1,27 @@
+declare class Style {
+    id: string;
+    private _element;
+    constructor(id: string, css: string);
+    /** Replace the entire stylesheet content */
+    setContent(css: string): this;
+    /** Append additional CSS rules */
+    append(css: string): this;
+    /** Get current CSS content */
+    getContent(): string;
+    /** Remove the style tag from the document */
+    remove(): void;
+    getElement(): HTMLStyleElement;
+}
+/**
+ * Inject a CSS string into the document head.
+ *
+ * @example
+ * jux.style('my-styles', `
+ *   .sidebar { background: hsl(var(--card)); }
+ *   .nav-item:hover { background: hsl(var(--accent)); }
+ * `);
+ */
+export declare function style(id: string, css: string): Style;
+export { Style };
+export default style;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../lib/components/style.ts"],"names":[],"mappings":"AAEA,cAAM,KAAK;IACP,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,QAAQ,CAAmB;gBAEvB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IASnC,4CAA4C;IAC5C,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAK7B,kCAAkC;IAClC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAKzB,8BAA8B;IAC9B,UAAU,IAAI,MAAM;IAIpB,6CAA6C;IAC7C,MAAM,IAAI,IAAI;IAId,UAAU,IAAI,gBAAgB;CAGjC;AAED;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,KAAK,CAQpD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,eAAe,KAAK,CAAC"}

package/dist/components/style.js

@@ -0,0 +1,53 @@
+import generateId from '../utils/idgen.js';
+class Style {
+    constructor(id, css) {
+        this.id = id || generateId();
+        this._element = document.createElement('style');
+        this._element.id = this.id;
+        this._element.setAttribute('data-jux-style', '');
+        this._element.textContent = css;
+        document.head.appendChild(this._element);
+    }
+    /** Replace the entire stylesheet content */
+    setContent(css) {
+        this._element.textContent = css;
+        return this;
+    }
+    /** Append additional CSS rules */
+    append(css) {
+        this._element.textContent += '\n' + css;
+        return this;
+    }
+    /** Get current CSS content */
+    getContent() {
+        return this._element.textContent ?? '';
+    }
+    /** Remove the style tag from the document */
+    remove() {
+        this._element.remove();
+    }
+    getElement() {
+        return this._element;
+    }
+}
+/**
+ * Inject a CSS string into the document head.
+ *
+ * @example
+ * jux.style('my-styles', `
+ *   .sidebar { background: hsl(var(--card)); }
+ *   .nav-item:hover { background: hsl(var(--accent)); }
+ * `);
+ */
+export function style(id, css) {
+    // If a style with this id already exists, update it
+    const existing = document.getElementById(id);
+    if (existing && existing instanceof HTMLStyleElement) {
+        existing.textContent = css;
+        return Object.assign(new Style('__skip__', ''), { _element: existing, id });
+    }
+    return new Style(id, css);
+}
+export { Style };
+export default style;
+//# sourceMappingURL=style.js.map

package/dist/components/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../lib/components/style.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,MAAM,KAAK;IAIP,YAAY,EAAU,EAAE,GAAW;QAC/B,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,UAAU,EAAE,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;QACjD,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,GAAG,CAAC;QAChC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAED,4CAA4C;IAC5C,UAAU,CAAC,GAAW;QAClB,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,GAAG,CAAC;QAChC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,kCAAkC;IAClC,MAAM,CAAC,GAAW;QACd,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,GAAG,GAAG,CAAC;QACxC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,8BAA8B;IAC9B,UAAU;QACN,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,EAAE,CAAC;IAC3C,CAAC;IAED,6CAA6C;IAC7C,MAAM;QACF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IAED,UAAU;QACN,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;CACJ;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,KAAK,CAAC,EAAU,EAAE,GAAW;IACzC,oDAAoD;IACpD,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC7C,IAAI,QAAQ,IAAI,QAAQ,YAAY,gBAAgB,EAAE,CAAC;QACnD,QAAQ,CAAC,WAAW,GAAG,GAAG,CAAC;QAC3B,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAChF,CAAC;IACD,OAAO,IAAI,KAAK,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;AAC9B,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,eAAe,KAAK,CAAC"}

package/dist/components/table.d.ts

@@ -0,0 +1,56 @@
+interface TableColumn {
+    key: string;
+    label: string;
+    width?: string;
+    align?: 'left' | 'center' | 'right';
+    render?: (value: any, row: any) => string;
+}
+interface TableOptions {
+    columns?: TableColumn[];
+    items?: any[];
+    class?: string;
+    style?: string;
+    target?: string;
+    striped?: boolean;
+    hoverable?: boolean;
+    selectable?: boolean;
+    headerClass?: string;
+    rowClass?: string;
+    cellClass?: string;
+}
+declare class Table {
+    id: string;
+    opts: TableOptions;
+    private _element;
+    private _table;
+    private _thead;
+    private _tbody;
+    private _items;
+    private _columns;
+    private _value;
+    private _selectedIndex;
+    private _onChange;
+    constructor(id: string, options?: TableOptions);
+    setColumns(columns: TableColumn[]): this;
+    getColumns(): TableColumn[];
+    addItem(item: any): this;
+    addItems(items: any[]): this;
+    removeItem(key: string | number): this;
+    updateItem(key: string | number, updates: any): this;
+    clearItems(): this;
+    getItems(): any[];
+    getCount(): number;
+    getValue(): any | null;
+    setValue(val: any): this;
+    getElement(): HTMLElement;
+    onChange(fn: (value: any) => void): this;
+    private _autoColumns;
+    private _renderHeader;
+    private _renderBody;
+    private _highlightSelected;
+    private _dispatchChange;
+}
+export declare function table(id: string, options?: TableOptions): Table;
+export { Table, TableColumn, TableOptions };
+export default table;
+//# sourceMappingURL=table.d.ts.map

package/dist/components/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../lib/components/table.ts"],"names":[],"mappings":"AAGA,UAAU,WAAW;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC;CAC7C;AAED,UAAU,YAAY;IAClB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,cAAM,KAAK;IACP,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,MAAM,CAA0B;IACxC,OAAO,CAAC,MAAM,CAA0B;IACxC,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,cAAc,CAAc;IACpC,OAAO,CAAC,SAAS,CAAuC;gBAE5C,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB;IA8ClD,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI;IAOxC,UAAU,IAAI,WAAW,EAAE;IAM3B,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAQxB,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI;IAU5B,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAUtC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,IAAI;IAUpD,UAAU,IAAI,IAAI;IASlB,QAAQ,IAAI,GAAG,EAAE;IACjB,QAAQ,IAAI,MAAM;IAMlB,QAAQ,IAAI,GAAG,GAAG,IAAI;IAEtB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI;IAKxB,UAAU,IAAI,WAAW;IAEzB,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI;IASxC,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,WAAW;IAuCnB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,eAAe;CAI1B;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,KAAK,CAInE;AAED,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC;AAC5C,eAAe,KAAK,CAAC"}

package/dist/components/table.js

@@ -0,0 +1,200 @@
+import generateId from '../utils/idgen.js';
+import { pageState } from '../state/pageState.js';
+class Table {
+    constructor(id, options = {}) {
+        this._items = [];
+        this._columns = [];
+        this._value = null;
+        this._selectedIndex = -1;
+        this._onChange = null;
+        this.id = id || generateId();
+        this.opts = {
+            striped: false,
+            hoverable: true,
+            selectable: false,
+            ...options
+        };
+        // Wrapper
+        this._element = document.createElement('div');
+        this._element.id = this.id;
+        this._element.setAttribute('data-jux-table', '');
+        if (this.opts.class)
+            this._element.className = this.opts.class;
+        if (this.opts.style)
+            this._element.setAttribute('style', this.opts.style);
+        // Table
+        this._table = document.createElement('table');
+        this._table.className = 'jux-table';
+        this._table.setAttribute('role', 'table');
+        this._thead = document.createElement('thead');
+        this._tbody = document.createElement('tbody');
+        this._table.appendChild(this._thead);
+        this._table.appendChild(this._tbody);
+        this._element.appendChild(this._table);
+        const resolvedTarget = this.opts.target;
+        const container = resolvedTarget
+            ? document.getElementById(resolvedTarget) || document.querySelector(resolvedTarget)
+            : document.getElementById('app');
+        container?.appendChild(this._element);
+        if (this.opts.columns) {
+            this._columns = this.opts.columns;
+            this._renderHeader();
+        }
+        if (this.opts.items) {
+            this.addItems(this.opts.items);
+        }
+    }
+    // ═══════════════════════════════════════════════════════════
+    // COLUMNS
+    // ═══════════════════════════════════════════════════════════
+    setColumns(columns) {
+        this._columns = columns;
+        this._renderHeader();
+        this._renderBody();
+        return this;
+    }
+    getColumns() { return [...this._columns]; }
+    // ═══════════════════════════════════════════════════════════
+    // STANDARD COLLECTION API
+    // ═══════════════════════════════════════════════════════════
+    addItem(item) {
+        this._items.push(item);
+        this._autoColumns(item);
+        this._renderBody();
+        this._dispatchChange();
+        return this;
+    }
+    addItems(items) {
+        for (const item of items) {
+            this._items.push(item);
+            this._autoColumns(item);
+        }
+        this._renderBody();
+        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._renderBody();
+            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._renderBody();
+            this._dispatchChange();
+        }
+        return this;
+    }
+    clearItems() {
+        this._items = [];
+        this._value = null;
+        this._selectedIndex = -1;
+        this._renderBody();
+        this._dispatchChange();
+        return this;
+    }
+    getItems() { return [...this._items]; }
+    getCount() { return this._items.length; }
+    // ═══════════════════════════════════════════════════════════
+    // PAGESTATE INTEGRATION
+    // ═══════════════════════════════════════════════════════════
+    getValue() { return this._value; }
+    setValue(val) {
+        this._value = val;
+        return this;
+    }
+    getElement() { return this._element; }
+    onChange(fn) {
+        this._onChange = fn;
+        return this;
+    }
+    // ═══════════════════════════════════════════════════════════
+    // INTERNAL
+    // ═══════════════════════════════════════════════════════════
+    _autoColumns(item) {
+        if (this._columns.length > 0)
+            return;
+        const keys = Object.keys(item);
+        this._columns = keys.map(k => ({ key: k, label: k.charAt(0).toUpperCase() + k.slice(1) }));
+        this._renderHeader();
+    }
+    _renderHeader() {
+        this._thead.innerHTML = '';
+        const tr = document.createElement('tr');
+        for (const col of this._columns) {
+            const th = document.createElement('th');
+            th.textContent = col.label;
+            th.className = this.opts.headerClass || 'jux-table-th';
+            if (col.width)
+                th.style.width = col.width;
+            if (col.align)
+                th.style.textAlign = col.align;
+            tr.appendChild(th);
+        }
+        this._thead.appendChild(tr);
+    }
+    _renderBody() {
+        this._tbody.innerHTML = '';
+        this._items.forEach((item, idx) => {
+            const tr = document.createElement('tr');
+            tr.className = this.opts.rowClass || 'jux-table-tr';
+            if (this.opts.striped && idx % 2 === 1) {
+                tr.classList.add('jux-table-tr--striped');
+            }
+            if (this.opts.hoverable) {
+                tr.classList.add('jux-table-tr--hoverable');
+            }
+            for (const col of this._columns) {
+                const td = document.createElement('td');
+                td.className = this.opts.cellClass || 'jux-table-td';
+                if (col.align)
+                    td.style.textAlign = col.align;
+                const raw = item[col.key];
+                td.textContent = col.render ? col.render(raw, item) : String(raw ?? '');
+                tr.appendChild(td);
+            }
+            if (this.opts.selectable) {
+                tr.style.cursor = 'pointer';
+                tr.addEventListener('click', () => {
+                    this._value = item;
+                    this._selectedIndex = idx;
+                    if (this._onChange)
+                        this._onChange(item);
+                    this._element.dispatchEvent(new Event('change', { bubbles: false }));
+                    this._highlightSelected();
+                });
+            }
+            this._tbody.appendChild(tr);
+        });
+        this._highlightSelected();
+    }
+    _highlightSelected() {
+        const rows = this._tbody.querySelectorAll('tr');
+        rows.forEach((row, idx) => {
+            if (idx === this._selectedIndex) {
+                row.classList.add('jux-table-tr--selected');
+            }
+            else {
+                row.classList.remove('jux-table-tr--selected');
+            }
+        });
+    }
+    _dispatchChange() {
+        this._element.setAttribute('data-count', String(this._items.length));
+        this._element.dispatchEvent(new Event('change', { bubbles: false }));
+    }
+}
+export function table(id, options = {}) {
+    const t = new Table(id, options);
+    pageState.__register(t);
+    return t;
+}
+export { Table };
+export default table;
+//# sourceMappingURL=table.js.map

package/dist/components/table.js.map

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

package/dist/components/tabs.d.ts

@@ -0,0 +1,52 @@
+interface TabItem {
+    id?: string;
+    label: string;
+    content?: string;
+    icon?: string;
+    disabled?: boolean;
+    [key: string]: any;
+}
+interface TabsOptions {
+    items?: TabItem[];
+    defaultTab?: string;
+    class?: string;
+    style?: string;
+    target?: string;
+    tabListClass?: string;
+    tabClass?: string;
+    tabActiveClass?: string;
+    panelClass?: string;
+}
+declare class Tabs {
+    id: string;
+    opts: TabsOptions;
+    private _element;
+    private _tabList;
+    private _panelContainer;
+    private _items;
+    private _value;
+    private _onChange;
+    constructor(id: string, options?: TabsOptions);
+    addItem(item: TabItem): this;
+    addItems(items: TabItem[]): this;
+    removeItem(key: string | number): this;
+    updateItem(key: string | number, updates: Partial<TabItem>): this;
+    clearItems(): this;
+    getItems(): TabItem[];
+    getCount(): number;
+    /** Get the panel element for a tab so you can render jux components into it */
+    getPanel(tabId: string): HTMLElement | null;
+    getValue(): string | null;
+    setValue(val: string | null): this;
+    getElement(): HTMLElement;
+    onChange(fn: (value: string | null) => void): this;
+    private _renderTab;
+    private _renderPanel;
+    private _renderAll;
+    private _updateActiveState;
+    private _dispatchChange;
+}
+export declare function tabs(id: string, options?: TabsOptions): Tabs;
+export { Tabs, TabItem, TabsOptions };
+export default tabs;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../lib/components/tabs.ts"],"names":[],"mappings":"AAGA,UAAU,OAAO;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,UAAU,WAAW;IACjB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,cAAM,IAAI;IACN,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,eAAe,CAAc;IACrC,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,SAAS,CAAiD;gBAEtD,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB;IAgDjD,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAU5B,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI;IAchC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAetC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI;IAWjE,UAAU,IAAI,IAAI;IASlB,QAAQ,IAAI,OAAO,EAAE;IACrB,QAAQ,IAAI,MAAM;IAMlB,+EAA+E;IAC/E,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAQ3C,QAAQ,IAAI,MAAM,GAAG,IAAI;IAEzB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAMlC,UAAU,IAAI,WAAW;IAEzB,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,IAAI;IASlD,OAAO,CAAC,UAAU;IAuBlB,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,eAAe;CAI1B;AAED,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,GAAG,IAAI,CAIhE;AAED,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;AACtC,eAAe,IAAI,CAAC"}

package/dist/components/tabs.js

@@ -0,0 +1,207 @@
+import generateId from '../utils/idgen.js';
+import { pageState } from '../state/pageState.js';
+class Tabs {
+    constructor(id, options = {}) {
+        this._items = [];
+        this._value = null;
+        this._onChange = null;
+        this.id = id || generateId();
+        this.opts = {
+            tabListClass: 'jux-tabs-list',
+            tabClass: 'jux-tab',
+            tabActiveClass: 'jux-tab--active',
+            panelClass: 'jux-tab-panel',
+            ...options
+        };
+        this._element = document.createElement('div');
+        this._element.id = this.id;
+        this._element.setAttribute('data-jux-tabs', '');
+        if (this.opts.class)
+            this._element.className = this.opts.class;
+        if (this.opts.style)
+            this._element.setAttribute('style', this.opts.style);
+        // Tab list (the clickable triggers)
+        this._tabList = document.createElement('div');
+        this._tabList.className = this.opts.tabListClass;
+        this._tabList.setAttribute('role', 'tablist');
+        this._element.appendChild(this._tabList);
+        // Panel container (the content areas)
+        this._panelContainer = document.createElement('div');
+        this._panelContainer.className = 'jux-tabs-panels';
+        this._element.appendChild(this._panelContainer);
+        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);
+        }
+        if (this.opts.defaultTab) {
+            this.setValue(this.opts.defaultTab);
+        }
+        else if (this._items.length > 0) {
+            this.setValue(this._items[0].id);
+        }
+    }
+    // ═══════════════════════════════════════════════════════════
+    // STANDARD COLLECTION API
+    // ═══════════════════════════════════════════════════════════
+    addItem(item) {
+        const tabItem = { ...item, id: item.id || `${this.id}-tab-${this._items.length}` };
+        this._items.push(tabItem);
+        this._renderTab(tabItem);
+        this._renderPanel(tabItem);
+        if (this._items.length === 1)
+            this.setValue(tabItem.id);
+        this._dispatchChange();
+        return this;
+    }
+    addItems(items) {
+        for (const item of items) {
+            const tabItem = { ...item, id: item.id || `${this.id}-tab-${this._items.length}` };
+            this._items.push(tabItem);
+            this._renderTab(tabItem);
+            this._renderPanel(tabItem);
+        }
+        if (this._items.length > 0 && !this._value) {
+            this.setValue(this._items[0].id);
+        }
+        this._dispatchChange();
+        return this;
+    }
+    removeItem(key) {
+        const idx = typeof key === 'number' ? key : this._items.findIndex(i => i.id === key);
+        if (idx > -1) {
+            const removed = this._items.splice(idx, 1)[0];
+            this._renderAll();
+            if (this._value === removed.id && this._items.length > 0) {
+                this.setValue(this._items[0].id);
+            }
+            else if (this._items.length === 0) {
+                this._value = null;
+            }
+            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._updateActiveState();
+            this._dispatchChange();
+        }
+        return this;
+    }
+    clearItems() {
+        this._items = [];
+        this._value = null;
+        this._tabList.innerHTML = '';
+        this._panelContainer.innerHTML = '';
+        this._dispatchChange();
+        return this;
+    }
+    getItems() { return [...this._items]; }
+    getCount() { return this._items.length; }
+    // ═══════════════════════════════════════════════════════════
+    // PANEL ACCESS (for rendering content into tab panels)
+    // ═══════════════════════════════════════════════════════════
+    /** Get the panel element for a tab so you can render jux components into it */
+    getPanel(tabId) {
+        return this._panelContainer.querySelector(`[data-tab-panel="${tabId}"]`);
+    }
+    // ═══════════════════════════════════════════════════════════
+    // PAGESTATE INTEGRATION
+    // ═══════════════════════════════════════════════════════════
+    getValue() { return this._value; }
+    setValue(val) {
+        this._value = val;
+        this._updateActiveState();
+        return this;
+    }
+    getElement() { return this._element; }
+    onChange(fn) {
+        this._onChange = fn;
+        return this;
+    }
+    // ═══════════════════════════════════════════════════════════
+    // INTERNAL
+    // ═══════════════════════════════════════════════════════════
+    _renderTab(item) {
+        const btn = document.createElement('button');
+        btn.id = `${item.id}-trigger`;
+        btn.className = this.opts.tabClass;
+        btn.setAttribute('role', 'tab');
+        btn.setAttribute('data-tab-id', item.id);
+        btn.textContent = item.label;
+        if (item.disabled) {
+            btn.disabled = true;
+            btn.setAttribute('data-disabled', 'true');
+        }
+        btn.addEventListener('click', () => {
+            if (item.disabled)
+                return;
+            this._value = item.id;
+            this._updateActiveState();
+            if (this._onChange)
+                this._onChange(this._value);
+            this._element.dispatchEvent(new Event('change', { bubbles: false }));
+        });
+        this._tabList.appendChild(btn);
+    }
+    _renderPanel(item) {
+        const panel = document.createElement('div');
+        panel.id = `${item.id}-panel`;
+        panel.className = this.opts.panelClass;
+        panel.setAttribute('role', 'tabpanel');
+        panel.setAttribute('data-tab-panel', item.id);
+        if (item.content)
+            panel.innerHTML = item.content;
+        panel.style.display = 'none';
+        this._panelContainer.appendChild(panel);
+    }
+    _renderAll() {
+        this._tabList.innerHTML = '';
+        this._panelContainer.innerHTML = '';
+        for (const item of this._items) {
+            this._renderTab(item);
+            this._renderPanel(item);
+        }
+        this._updateActiveState();
+    }
+    _updateActiveState() {
+        // Tabs
+        const tabs = this._tabList.querySelectorAll('[role="tab"]');
+        tabs.forEach(tab => {
+            const tabId = tab.getAttribute('data-tab-id');
+            if (tabId === this._value) {
+                tab.classList.add(this.opts.tabActiveClass);
+                tab.setAttribute('aria-selected', 'true');
+            }
+            else {
+                tab.classList.remove(this.opts.tabActiveClass);
+                tab.setAttribute('aria-selected', 'false');
+            }
+        });
+        // Panels
+        const panels = this._panelContainer.querySelectorAll('[role="tabpanel"]');
+        panels.forEach(panel => {
+            const panelId = panel.getAttribute('data-tab-panel');
+            panel.style.display = panelId === this._value ? '' : 'none';
+        });
+    }
+    _dispatchChange() {
+        this._element.setAttribute('data-count', String(this._items.length));
+        this._element.dispatchEvent(new Event('change', { bubbles: false }));
+    }
+}
+export function tabs(id, options = {}) {
+    const t = new Tabs(id, options);
+    pageState.__register(t);
+    return t;
+}
+export { Tabs };
+export default tabs;
+//# sourceMappingURL=tabs.js.map