juxscript 1.1.158 → 1.1.161

package/lib/components/fileupload.ts

@@ -1,10 +1,11 @@
 import { BaseComponent, BaseState } from './base/BaseComponent.js';
 import { renderIcon } from './icons.js';
-import { formatIdAsLabel } from '../utils/formatId.js'; // ✅ Import
+import { formatIdAsLabel } from '../utils/formatId.js';
+import { FileStorage } from '../storage/FileStorage.js';
 
 // Event definitions
 const TRIGGER_EVENTS = [] as const;
-const CALLBACK_EVENTS = ['change', 'filesSelected', 'clear'] as const;
+const CALLBACK_EVENTS = ['change', 'filesSelected', 'clear', 'stored'] as const;
 
 export interface FileUploadOptions {
     label?: string;
@@ -17,6 +18,8 @@ export interface FileUploadOptions {
     style?: string;
     class?: string;
     onValidate?: (files: File[]) => boolean | string;
+    storage?: FileStorage;
+    metadata?: Record<string, any>;
 }
 
 interface FileUploadState extends BaseState {
@@ -28,6 +31,8 @@ interface FileUploadState extends BaseState {
 
 export class FileUpload extends BaseComponent<FileUploadState> {
     private _fileListElement: HTMLElement | null = null;
+    private _storage: FileStorage | null = null;
+    private _metadata: Record<string, any> | undefined;
 
     constructor(id: string, options: FileUploadOptions = {}) {
         super(id, {
@@ -37,7 +42,7 @@ export class FileUpload extends BaseComponent<FileUploadState> {
             class: options.class ?? '',
             style: options.style ?? '',
             attributes: {},
-            label: options.label ?? formatIdAsLabel(id), // ✅ Auto-generate
+            label: options.label ?? formatIdAsLabel(id),
             required: options.required ?? false,
             name: options.name ?? id,
             errorMessage: undefined,
@@ -50,6 +55,9 @@ export class FileUpload extends BaseComponent<FileUploadState> {
         if (options.onValidate) {
             this._onValidate = options.onValidate;
         }
+
+        this._storage = options.storage ?? null;
+        this._metadata = options.metadata;
     }
 
     protected getTriggerEvents(): readonly string[] {
@@ -79,6 +87,12 @@ export class FileUpload extends BaseComponent<FileUploadState> {
         return this;
     }
 
+    storage(store: FileStorage, metadata?: Record<string, any>): this {
+        this._storage = store;
+        this._metadata = metadata;
+        return this;
+    }
+
     clear(): this {
         this.state.files = [];
         if (this._inputElement) {
@@ -87,7 +101,7 @@ export class FileUpload extends BaseComponent<FileUploadState> {
         if (this._fileListElement) {
             this._fileListElement.innerHTML = '';
         }
-        this._triggerCallback('clear');
+        this._triggerCallback('clear', null, null, this);
         return this;
     }
 
@@ -153,13 +167,13 @@ export class FileUpload extends BaseComponent<FileUploadState> {
         input.multiple = multiple;
         input.required = required!;
         input.disabled = disabled!;
-        input.style.display = 'none'; // Hidden, triggered by button
+        input.style.display = 'none';
 
         return input;
     }
 
     private _updateFileList(): void {
-        if (!this._fileListElement) return; // Safety check
+        if (!this._fileListElement) return;
 
         this._fileListElement.innerHTML = '';
 
@@ -180,10 +194,10 @@ export class FileUpload extends BaseComponent<FileUploadState> {
             removeBtn?.addEventListener('click', () => {
                 this.state.files = this.state.files.filter((_, i) => i !== index);
                 this._updateFileList();
-                this._triggerCallback('change', this.state.files);
+                this._triggerCallback('change', this.state.files, null, this);
             });
 
-            this._fileListElement!.appendChild(fileItem); // ✅ Non-null assertion safe here
+            this._fileListElement!.appendChild(fileItem);
         });
     }
 
@@ -204,24 +218,20 @@ export class FileUpload extends BaseComponent<FileUploadState> {
 
         const { icon, style, class: className } = this.state;
 
-        // Build wrapper
         const wrapper = document.createElement('div');
         wrapper.className = 'jux-input jux-fileupload';
         wrapper.id = this._id;
         if (className) wrapper.className += ` ${className}`;
         if (style) wrapper.setAttribute('style', style);
 
-        // Label
         if (this.state.label) {
             wrapper.appendChild(this._renderLabel());
         }
 
-        // Hidden file input
         const inputEl = this._buildInputElement() as HTMLInputElement;
         this._inputElement = inputEl;
         wrapper.appendChild(inputEl);
 
-        // Button container
         const buttonContainer = document.createElement('div');
         buttonContainer.className = 'jux-fileupload-button-container';
 
@@ -241,80 +251,41 @@ export class FileUpload extends BaseComponent<FileUploadState> {
         buttonContainer.appendChild(button);
         wrapper.appendChild(buttonContainer);
 
-        // File list
         const fileList = document.createElement('div');
         fileList.className = 'jux-fileupload-list';
         this._fileListElement = fileList;
         wrapper.appendChild(fileList);
 
-        // Error element
         wrapper.appendChild(this._renderError());
 
-        // Button click triggers file input
         button.addEventListener('click', () => inputEl.click());
 
-        // Wire events
-        this._wireStandardEvents(wrapper);
-
-        // Wire file-specific sync
-        const filesSync = this._syncBindings.find(b => b.property === 'files' || b.property === 'value');
-
-        if (filesSync) {
-            const { stateObj, toState, toComponent } = filesSync;
-
-            const transformToState = toState || ((v: File[]) => v);
-            const transformToComponent = toComponent || ((v: any) => v);
-
-            let isUpdating = false;
-
-            // State → Component
-            stateObj.subscribe((val: any) => {
-                if (isUpdating) return;
-                const transformed = transformToComponent(val);
-                this.setValue(transformed);
-            });
-
-            // Component → State
-            inputEl.addEventListener('change', () => {
-                if (isUpdating) return;
-                isUpdating = true;
-
-                const files = Array.from(inputEl.files || []);
-                this.state.files = files;
-                this._updateFileList();
-                this._clearError();
-
-                const transformed = transformToState(files);
-                stateObj.set(transformed);
+        inputEl.addEventListener('change', (e) => {
+            const files = Array.from(inputEl.files || []);
+            this.state.files = files;
+            this._updateFileList();
+            this._clearError();
 
-                // 🎯 Fire the callback events
-                this._triggerCallback('change', files);
-                this._triggerCallback('filesSelected', files);
+            this._triggerCallback('change', files, e, this);
+            this._triggerCallback('filesSelected', files, e, this);
 
-                setTimeout(() => { isUpdating = false; }, 0);
-            });
-        } else {
-            // Default behavior without sync
-            inputEl.addEventListener('change', () => {
-                const files = Array.from(inputEl.files || []);
-                this.state.files = files;
-                this._updateFileList();
-                this._clearError();
+            if (this._storage && files.length > 0) {
+                this._storage.storeAll(files, this._metadata).then((stored) => {
+                    this._triggerCallback('stored', stored, e, this);
+                }).catch((err) => {
+                    console.error('[FileUpload] Storage error:', err);
+                });
+            }
+        });
 
-                // 🎯 Fire the callback events
-                this._triggerCallback('change', files);
-                this._triggerCallback('filesSelected', files);
-            });
-        }
+        this._wireStandardEvents(wrapper);
 
-        // Always add blur validation
         inputEl.addEventListener('blur', () => {
             if (this._hasBeenValidated) {
                 this.validate();
             }
         });
 
-        // Sync label changes
         const labelSync = this._syncBindings.find(b => b.property === 'label');
         if (labelSync) {
             const transform = labelSync.toComponent || ((v: any) => String(v));

package/lib/components/input.js

@@ -245,24 +245,24 @@ export class Input extends BaseComponent {
             counterEl.id = `${this._id}-counter`;
             counterEl.textContent = `${this.state.value.length}/${maxLength}`;
             wrapper.appendChild(counterEl);
-            inputEl.addEventListener('input', () => {
+            inputEl.addEventListener('input', (e) => {
                 const input = inputEl;
                 counterEl.textContent = `${input.value.length}/${maxLength}`;
                 this.state.value = input.value;
-                this._triggerCallback('input', input.value);
+                this._triggerCallback('input', input.value, e, this);
             });
         }
         else {
-            inputEl.addEventListener('input', () => {
+            inputEl.addEventListener('input', (e) => {
                 const input = inputEl;
                 this.state.value = input.value;
-                this._triggerCallback('input', input.value);
+                this._triggerCallback('input', input.value, e, this);
             });
         }
         // Fire change event on blur
-        inputEl.addEventListener('change', () => {
+        inputEl.addEventListener('change', (e) => {
             const input = inputEl;
-            this._triggerCallback('change', input.value);
+            this._triggerCallback('change', input.value, e, this);
         });
         // Wire events
         this._wireStandardEvents(wrapper);

package/lib/components/input.ts

@@ -324,24 +324,24 @@ export class Input extends BaseComponent<InputState> {
       counterEl.textContent = `${this.state.value.length}/${maxLength}`;
       wrapper.appendChild(counterEl);
 
-      inputEl.addEventListener('input', () => {
+      inputEl.addEventListener('input', (e) => {
         const input = inputEl as HTMLInputElement | HTMLTextAreaElement;
         counterEl.textContent = `${input.value.length}/${maxLength}`;
         this.state.value = input.value;
-        this._triggerCallback('input', input.value);
+        this._triggerCallback('input', input.value, e, this);
       });
     } else {
-      inputEl.addEventListener('input', () => {
+      inputEl.addEventListener('input', (e) => {
         const input = inputEl as HTMLInputElement | HTMLTextAreaElement;
         this.state.value = input.value;
-        this._triggerCallback('input', input.value);
+        this._triggerCallback('input', input.value, e, this);
       });
     }
 
     // Fire change event on blur
-    inputEl.addEventListener('change', () => {
+    inputEl.addEventListener('change', (e) => {
       const input = inputEl as HTMLInputElement | HTMLTextAreaElement;
-      this._triggerCallback('change', input.value);
+      this._triggerCallback('change', input.value, e, this);
     });
 
     // Wire events

package/lib/components/modal.d.ts.map

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

package/lib/components/modal.js

@@ -214,10 +214,12 @@ export class Modal extends BaseComponent {
     }
     open() {
         this.state.open = true;
+        this._triggerCallback('open', true, null, this);
         return this;
     }
     closeModal() {
         this.state.open = false;
+        this._triggerCallback('close', false, null, this);
         return this;
     }
     toggle() {

package/lib/components/modal.ts

@@ -285,11 +285,13 @@ export class Modal extends BaseComponent<ModalState> {
 
   open(): this {
     this.state.open = true;
+    this._triggerCallback('open', true, null, this);
     return this;
   }
 
   closeModal(): this {
     this.state.open = false;
+    this._triggerCallback('close', false, null, this);
     return this;
   }
 

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAOnE,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC1B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,MAAM,CAAC;CACpD;AAED,UAAU,WAAY,SAAQ,SAAS;IACnC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,qBAAa,MAAO,SAAQ,aAAa,CAAC,WAAW,CAAC;gBACtC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB;IAsBnD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAehD,OAAO,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,IAAI;IAKpC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI1B,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKhC,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IASrC,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAU7B,QAAQ,IAAI,OAAO;IAcnB,OAAO,IAAI,OAAO;IAKlB,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;IAsBzD,SAAS,CAAC,kBAAkB,IAAI,WAAW;IAqC3C,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI;CAiFrE;AAED,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAEtE"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAOnE,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC1B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,MAAM,CAAC;CACpD;AAED,UAAU,WAAY,SAAQ,SAAS;IACnC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,qBAAa,MAAO,SAAQ,aAAa,CAAC,WAAW,CAAC;gBACtC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB;IAsBnD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAehD,OAAO,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,IAAI;IAKpC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI1B,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKhC,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IASrC,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAU7B,QAAQ,IAAI,OAAO;IAcnB,OAAO,IAAI,OAAO;IAKlB,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;IAsBzD,SAAS,CAAC,kBAAkB,IAAI,WAAW;IAqC3C,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI;CAuFrE;AAED,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAEtE"}

package/lib/components/select.js

@@ -157,6 +157,11 @@ export class Select extends BaseComponent {
         wrapper.appendChild(selectContainer);
         // Error element
         wrapper.appendChild(this._renderError());
+        // Wire change callback with (value, event, component)
+        selectEl.addEventListener('change', (e) => {
+            this.state.value = selectEl.value;
+            this._triggerCallback('change', selectEl.value, e, this);
+        });
         // Wire events
         this._wireStandardEvents(wrapper);
         this._wireFormSync(selectEl, 'change');

package/lib/components/select.ts

@@ -217,6 +217,12 @@ export class Select extends BaseComponent<SelectState> {
         // Error element
         wrapper.appendChild(this._renderError());
 
+        // Wire change callback with (value, event, component)
+        selectEl.addEventListener('change', (e) => {
+            this.state.value = selectEl.value;
+            this._triggerCallback('change', selectEl.value, e, this);
+        });
+
         // Wire events
         this._wireStandardEvents(wrapper);
         this._wireFormSync(selectEl, 'change');

package/lib/components/switch.js

@@ -159,7 +159,7 @@ export class Switch extends BaseComponent {
                 this.setValue(transformed);
             });
             // Component → State
-            inputEl.addEventListener('change', () => {
+            inputEl.addEventListener('change', (e) => {
                 if (isUpdating)
                     return;
                 isUpdating = true;
@@ -169,17 +169,17 @@ export class Switch extends BaseComponent {
                 const transformed = transformToState(checked);
                 stateObj.set(transformed);
                 // 🎯 Fire the change callback event
-                this._triggerCallback('change', checked);
+                this._triggerCallback('change', checked, e, this);
                 setTimeout(() => { isUpdating = false; }, 0);
             });
         }
         else {
             // Default behavior without sync
-            inputEl.addEventListener('change', () => {
+            inputEl.addEventListener('change', (e) => {
                 this.state.checked = inputEl.checked;
                 this._clearError();
                 // 🎯 Fire the change callback event
-                this._triggerCallback('change', inputEl.checked);
+                this._triggerCallback('change', inputEl.checked, e, this);
             });
         }
         // Always add blur validation

package/lib/components/switch.ts

@@ -212,11 +212,11 @@ export class Switch extends BaseComponent<SwitchState> {
             });
 
             // Component → State
-            inputEl.addEventListener('change', () => {
+            inputEl.addEventListener('change', (e) => {
                 if (isUpdating) return;
                 isUpdating = true;
 
-                const checked = inputEl.checked;
+                const checked = (inputEl as HTMLInputElement).checked;
                 this.state.checked = checked;
                 this._clearError();
 
@@ -224,18 +224,18 @@ export class Switch extends BaseComponent<SwitchState> {
                 stateObj.set(transformed);
 
                 // 🎯 Fire the change callback event
-                this._triggerCallback('change', checked);
+                this._triggerCallback('change', checked, e, this);
 
                 setTimeout(() => { isUpdating = false; }, 0);
             });
         } else {
             // Default behavior without sync
-            inputEl.addEventListener('change', () => {
+            inputEl.addEventListener('change', (e) => {
                 this.state.checked = inputEl.checked;
                 this._clearError();
 
                 // 🎯 Fire the change callback event
-                this._triggerCallback('change', inputEl.checked);
+                this._triggerCallback('change', inputEl.checked, e, this);
             });
         }
 

package/lib/components/tabs.js

@@ -88,9 +88,9 @@ export class Tabs extends BaseComponent {
                 tabButton.appendChild(icon);
             }
             tabButton.appendChild(document.createTextNode(tab.label));
-            tabButton.addEventListener('click', () => {
+            tabButton.addEventListener('click', (e) => {
                 this.state.activeTab = tab.id;
-                this._triggerCallback('tabChange', tab.id);
+                this._triggerCallback('tabChange', tab.id, e, this);
             });
             tabList.appendChild(tabButton);
             // Panel with unique ID
@@ -240,9 +240,9 @@ export class Tabs extends BaseComponent {
                 tabButton.appendChild(icon);
             }
             tabButton.appendChild(document.createTextNode(tab.label));
-            tabButton.addEventListener('click', () => {
+            tabButton.addEventListener('click', (e) => {
                 this.state.activeTab = tab.id;
-                this._triggerCallback('tabChange', tab.id);
+                this._triggerCallback('tabChange', tab.id, e, this);
             });
             tabList.appendChild(tabButton);
             // Tab panel with unique ID

package/lib/components/tabs.ts

@@ -128,9 +128,9 @@ export class Tabs extends BaseComponent<TabsState> {
 
       tabButton.appendChild(document.createTextNode(tab.label));
 
-      tabButton.addEventListener('click', () => {
+      tabButton.addEventListener('click', (e) => {
         this.state.activeTab = tab.id;
-        this._triggerCallback('tabChange', tab.id);
+        this._triggerCallback('tabChange', tab.id, e, this);
       });
 
       tabList.appendChild(tabButton);
@@ -308,9 +308,9 @@ export class Tabs extends BaseComponent<TabsState> {
 
       tabButton.appendChild(document.createTextNode(tab.label));
 
-      tabButton.addEventListener('click', () => {
+      tabButton.addEventListener('click', (e) => {
         this.state.activeTab = tab.id;
-        this._triggerCallback('tabChange', tab.id);
+        this._triggerCallback('tabChange', tab.id, e, this);
       });
 
       tabList.appendChild(tabButton);

package/lib/storage/DataFrame.d.ts

@@ -0,0 +1,59 @@
+export type DType = 'string' | 'number' | 'boolean' | 'date' | 'null';
+export interface Series {
+    name: string;
+    dtype: DType;
+    values: any[];
+}
+export declare class DataFrame {
+    private _columns;
+    private _height;
+    constructor(data?: Record<string, any[]> | Array<Record<string, any>>);
+    private _fromRows;
+    private _fromColumns;
+    private _inferDtype;
+    get height(): number;
+    get width(): number;
+    get columns(): string[];
+    get dtypes(): Record<string, DType>;
+    get shape(): [number, number];
+    select(...cols: string[]): DataFrame;
+    drop(...cols: string[]): DataFrame;
+    col(name: string): any[];
+    row(index: number): Record<string, any>;
+    head(n?: number): DataFrame;
+    tail(n?: number): DataFrame;
+    slice(start: number, end?: number): DataFrame;
+    private _sliceRows;
+    filter(predicate: (row: Record<string, any>, index: number) => boolean): DataFrame;
+    where(col: string, op: '==' | '!=' | '>' | '<' | '>=' | '<=' | 'contains' | 'startsWith' | 'endsWith', value: any): DataFrame;
+    private _takeIndices;
+    sort(col: string, descending?: boolean): DataFrame;
+    groupBy(col: string): GroupedDataFrame;
+    sum(col: string): number;
+    mean(col: string): number;
+    min(col: string): number;
+    max(col: string): number;
+    count(): number;
+    unique(col: string): any[];
+    nunique(col: string): number;
+    private _numericValues;
+    withColumn(name: string, fn: (row: Record<string, any>, index: number) => any): DataFrame;
+    rename(mapping: Record<string, string>): DataFrame;
+    cast(col: string, dtype: DType): DataFrame;
+    private _castValue;
+    join(other: DataFrame, on: string, how?: 'inner' | 'left'): DataFrame;
+    describe(): Record<string, any>;
+    toRows(): Record<string, any>[];
+    toColumns(): Record<string, any[]>;
+    toCSV(delimiter?: string): string;
+    toString(): string;
+}
+export declare class GroupedDataFrame {
+    private _groups;
+    private _groupCol;
+    constructor(df: DataFrame, col: string);
+    agg(aggregations: Record<string, 'sum' | 'mean' | 'min' | 'max' | 'count' | 'first' | 'last'>): DataFrame;
+    count(): DataFrame;
+    get groups(): Map<any, DataFrame>;
+}
+//# sourceMappingURL=DataFrame.d.ts.map

package/lib/storage/DataFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataFrame.d.ts","sourceRoot":"","sources":["DataFrame.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtE,MAAM,WAAW,MAAM;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,GAAG,EAAE,CAAC;CACjB;AAED,qBAAa,SAAS;IAClB,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,OAAO,CAAa;gBAEhB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAcrE,OAAO,CAAC,SAAS;IAiBjB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,WAAW;IAenB,IAAI,MAAM,IAAI,MAAM,CAAyB;IAC7C,IAAI,KAAK,IAAI,MAAM,CAA+B;IAClD,IAAI,OAAO,IAAI,MAAM,EAAE,CAA6C;IACpE,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAIlC;IACD,IAAI,KAAK,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAA+C;IAM5E,MAAM,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS;IASpC,IAAI,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS;IAKlC,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,EAAE;IAIxB,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAYvC,IAAI,CAAC,CAAC,GAAE,MAAU,GAAG,SAAS;IAI9B,IAAI,CAAC,CAAC,GAAE,MAAU,GAAG,SAAS;IAI9B,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS;IAI7C,OAAO,CAAC,UAAU;IAYlB,MAAM,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,SAAS;IAQlF,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,EAAE,KAAK,EAAE,GAAG,GAAG,SAAS;IAwB7H,OAAO,CAAC,YAAY;IAYpB,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,GAAE,OAAe,GAAG,SAAS;IAqBzD,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB;IAItC,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAIxB,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAKzB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAIxB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAIxB,KAAK,IAAI,MAAM;IAIf,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE;IAI1B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAI5B,OAAO,CAAC,cAAc;IAQtB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,GAAG,SAAS;IAWzF,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS;IAQlD,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS;IAY1C,OAAO,CAAC,UAAU;IAelB,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,GAAE,OAAO,GAAG,MAAgB,GAAG,SAAS;IAuC9E,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAwB/B,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;IAQ/B,SAAS,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC;IAMlC,KAAK,CAAC,SAAS,GAAE,MAAY,GAAG,MAAM;IAetC,QAAQ,IAAI,MAAM;CAsBrB;AAMD,qBAAa,gBAAgB;IACzB,OAAO,CAAC,OAAO,CAAkC;IACjD,OAAO,CAAC,SAAS,CAAS;gBAEd,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM;IAmBtC,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,GAAG,SAAS;IAuBzG,KAAK,IAAI,SAAS;IASlB,IAAI,MAAM,IAAI,GAAG,CAAC,GAAG,EAAE,SAAS,CAAC,CAEhC;CACJ"}