@0djek/sveltix 0.0.6

package/dist/datagrid/core-modules/rows/components/body/GroupCell.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { FormatterComponentProps } from '../../../../models';
+declare function $$render<T>(): {
+    props: FormatterComponentProps<T>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const GroupCell: $$IsomorphicComponent;
+type GroupCell<T> = InstanceType<typeof GroupCell<T>>;
+export default GroupCell;

package/dist/datagrid/core-modules/rows/index.d.ts

@@ -0,0 +1,8 @@
+import type { ModuleRegistrationEntry } from '../../models';
+import type { RowsOptions } from './models/RowsOptions';
+export * from './RowsModule.svelte';
+export declare const ROWS_MODULE: unique symbol;
+export declare function rowsModule<T>(options?: RowsOptions<T>): ModuleRegistrationEntry<T, RowsOptions<T> | undefined>;
+export * from './Row.svelte';
+export * from './Cell.svelte';
+export * from './models';

package/dist/datagrid/core-modules/rows/index.js

@@ -0,0 +1,13 @@
+import { RowsModule } from './RowsModule.svelte';
+export * from './RowsModule.svelte';
+export const ROWS_MODULE = Symbol.for('ROWS_MODULE');
+export function rowsModule(options) {
+    return {
+        key: ROWS_MODULE,
+        module: (RowsModule),
+        options: options,
+    };
+}
+export * from './Row.svelte';
+export * from './Cell.svelte';
+export * from './models';

package/dist/datagrid/core-modules/rows/internal/CreateRowOptions.d.ts

@@ -0,0 +1,15 @@
+import type { ISveltixGrid, Row } from '../../..';
+import type { Formatted } from '../../columns/Column.svelte';
+export interface RowCreateCell<T> {
+    value?: unknown;
+    format?: Formatted<T>;
+    columnId: string;
+}
+export interface CreateRowOptions<T> {
+    data: T;
+    id: string;
+    api: ISveltixGrid<T>;
+    parent?: Row<T>;
+    isGroup?: boolean;
+    cells?: RowCreateCell<T>[];
+}

package/dist/datagrid/core-modules/rows/internal/CreateRowOptions.js

@@ -0,0 +1 @@
+export {};

package/dist/datagrid/core-modules/rows/models/RowsOptions.d.ts

@@ -0,0 +1,3 @@
+export interface RowsOptions<T> {
+    getRowId?: (row: T) => string;
+}

package/dist/datagrid/core-modules/rows/models/RowsOptions.js

@@ -0,0 +1 @@
+export {};

package/dist/datagrid/core-modules/rows/models/index.d.ts

@@ -0,0 +1 @@
+export * from './RowsOptions';

package/dist/datagrid/core-modules/rows/models/index.js

@@ -0,0 +1 @@
+export * from './RowsOptions';

package/dist/datagrid/events/generateEvents.d.ts

@@ -0,0 +1,2 @@
+import type { SveltixEvents } from './models/SveltixEvents';
+export declare function generateEvent<T>(): SveltixEvents<T>;

package/dist/datagrid/events/generateEvents.js

@@ -0,0 +1,16 @@
+import { createEventDefinition } from '../../event-bus';
+export function generateEvent() {
+    return {
+        row: {
+            created: createEventDefinition('row/created'),
+            updated: createEventDefinition('row/updated'),
+            removed: createEventDefinition('row/removed'),
+        },
+        column: {
+            created: createEventDefinition('column/created'),
+        },
+        pipeline: {
+            executed: createEventDefinition('pipeline/executed'),
+        },
+    };
+}

package/dist/datagrid/events/index.d.ts

@@ -0,0 +1,2 @@
+export * from './generateEvents';
+export * from './models';

package/dist/datagrid/events/index.js

@@ -0,0 +1,2 @@
+export * from './generateEvents';
+export * from './models';

package/dist/datagrid/events/models/RowUpdatedArgs.d.ts

@@ -0,0 +1,5 @@
+import type { Row, Cell } from '../../core-modules';
+export interface RowUpdatedArgs<T> {
+    row: Row<T>;
+    cell: Cell<T>;
+}

package/dist/datagrid/events/models/RowUpdatedArgs.js

@@ -0,0 +1 @@
+export {};

package/dist/datagrid/events/models/SveltixEvents.d.ts

@@ -0,0 +1,20 @@
+import type { Row } from '../../core-modules';
+import type { Column } from '../../core-modules/columns/Column.svelte';
+import type { Event } from '../../../event-bus';
+import type { RowUpdatedArgs } from './RowUpdatedArgs';
+export interface SveltixEvents<T> {
+    row: {
+        created: Event<Row<T>[]>;
+        updated: Event<RowUpdatedArgs<T>[]>;
+        removed: Event<Row<T>>;
+    };
+    column: {
+        created: Event<Column<T>[]>;
+    };
+    pipeline: {
+        executed: Event<{
+            rows: Row<T>[];
+            columns: Column<T>[];
+        }>;
+    };
+}

package/dist/datagrid/events/models/SveltixEvents.js

@@ -0,0 +1 @@
+export {};

package/dist/datagrid/events/models/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SveltixEvents';
+export * from './RowUpdatedArgs';

package/dist/datagrid/events/models/index.js

@@ -0,0 +1,2 @@
+export * from './SveltixEvents';
+export * from './RowUpdatedArgs';

package/dist/datagrid/index.d.ts

@@ -0,0 +1,5 @@
+import Datagrid from './components/Datagrid.svelte';
+export { Datagrid };
+export * from './interfaces';
+export * from './models';
+export * from './core-modules';

package/dist/datagrid/index.js

@@ -0,0 +1,5 @@
+import Datagrid from './components/Datagrid.svelte';
+export { Datagrid };
+export * from './interfaces';
+export * from './models';
+export * from './core-modules';

package/dist/datagrid/interfaces/ISveltixGrid.d.ts

@@ -0,0 +1,22 @@
+import type { SubscriberSignature, UnsubscribeSignature, Event } from '../../event-bus';
+import type { SveltixEvents } from '../events';
+import type { ModuleRegistrationEntry } from '../models';
+import type { CoreModules } from '../SveltixGrid.svelte';
+export interface ISveltixGrid<T> {
+    get dom(): HTMLDivElement;
+    get core(): CoreModules<T>;
+    get events(): SveltixEvents<T>;
+    on<TEvent>(event: Event<TEvent>, callback: SubscriberSignature<TEvent>): UnsubscribeSignature;
+    emit<TEvent>(event: Event<TEvent>, data: TEvent): void;
+    /**
+     * Registers wanted module.
+     * @param entry Module's registration entry.
+     */
+    addModule<TOption>(entry: ModuleRegistrationEntry<T, TOption>): void;
+    /**
+     * Retrieve registered module.
+     * @param id Identifaction for the module.
+     */
+    getModule<TModule>(id: symbol): TModule;
+    destroy(): void;
+}

package/dist/datagrid/interfaces/ISveltixGrid.js

@@ -0,0 +1 @@
+export {};

package/dist/datagrid/interfaces/Module.d.ts

@@ -0,0 +1,11 @@
+import type { UnsubscribeSignature } from '../../event-bus';
+import type { ISveltixGrid } from '.';
+export declare abstract class Module<T> {
+    private _unsubs;
+    protected _api: ISveltixGrid<T>;
+    constructor(api: ISveltixGrid<T>);
+    abstract init(): void;
+    abstract uninit(): void;
+    protected addUnsub(unsub: UnsubscribeSignature): void;
+    unsubscribe(): void;
+}

package/dist/datagrid/interfaces/Module.js

@@ -0,0 +1,13 @@
+export class Module {
+    _unsubs = [];
+    _api;
+    constructor(api) {
+        this._api = api;
+    }
+    addUnsub(unsub) {
+        this._unsubs.push(unsub);
+    }
+    unsubscribe() {
+        this._unsubs.forEach((unsub) => unsub());
+    }
+}

package/dist/datagrid/interfaces/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Module';
+export * from './ISveltixGrid';

package/dist/datagrid/interfaces/index.js

@@ -0,0 +1,2 @@
+export * from './Module';
+export * from './ISveltixGrid';

package/dist/datagrid/models/BaseColumn.d.ts

@@ -0,0 +1,23 @@
+import type { Formatter } from './Formatter';
+import type { Value } from './Value';
+/**
+ * Represents single column.
+ */
+export interface BaseColumn<T> {
+    /**
+     * Column's title.
+     */
+    header: string;
+    /**
+     * A way to retrieve a value for the column.
+     */
+    value: Value<T>;
+    /**
+     * Optional way for custom formatting. If not defined, value will be displayed as-is.
+     */
+    format?: Formatter<T>;
+    /**
+     * ID to differentiate columns (if needed)
+     */
+    id?: string;
+}

package/dist/datagrid/models/BaseColumn.js

@@ -0,0 +1 @@
+export {};

package/dist/datagrid/models/Formatter.d.ts

@@ -0,0 +1,32 @@
+import type { Component, Snippet } from 'svelte';
+import type { Cell, Row } from '../core-modules';
+import type { ISveltixGrid } from '../interfaces';
+export declare enum FormatterMode {
+    Callback = "Callback",
+    Static = "Static",
+    Snippet = "Snippet",
+    Component = "Component"
+}
+interface FormatterBase<T extends FormatterMode> {
+    mode: T;
+}
+interface FormatterCallback<T> extends FormatterBase<FormatterMode.Callback> {
+    format: (value: unknown, row: Row<T>) => string;
+}
+interface FormatterStatic extends FormatterBase<FormatterMode.Static> {
+    format: {
+        [key: string]: string;
+    };
+}
+interface FormatterSnippet extends FormatterBase<FormatterMode.Snippet> {
+    snippet: Snippet<[value: any]>;
+}
+export interface FormatterComponentProps<T> {
+    api: ISveltixGrid<T>;
+    cell: Cell<T>;
+}
+interface FormatterComponent<T> extends FormatterBase<FormatterMode.Component> {
+    component: Component<FormatterComponentProps<T>>;
+}
+export type Formatter<T> = FormatterCallback<T> | FormatterStatic | FormatterSnippet | FormatterComponent<T>;
+export {};

package/dist/datagrid/models/Formatter.js

@@ -0,0 +1,7 @@
+export var FormatterMode;
+(function (FormatterMode) {
+    FormatterMode["Callback"] = "Callback";
+    FormatterMode["Static"] = "Static";
+    FormatterMode["Snippet"] = "Snippet";
+    FormatterMode["Component"] = "Component";
+})(FormatterMode || (FormatterMode = {}));

package/dist/datagrid/models/SveltixGridOptions.d.ts

@@ -0,0 +1,12 @@
+import type { RowsOptions } from '../core-modules/rows/models/RowsOptions';
+import type { ModuleRegistrationEntry } from './module';
+export interface SveltixGridOptions<T> {
+    /**
+     * Options for the rows' module.
+     */
+    rows?: RowsOptions<T>;
+    /**
+     * Modules to register.
+     */
+    modules?: ModuleRegistrationEntry<T, any>[];
+}

package/dist/datagrid/models/SveltixGridOptions.js

@@ -0,0 +1 @@
+export {};

package/dist/datagrid/models/Value.d.ts

@@ -0,0 +1,21 @@
+import type { Row } from '../core-modules';
+export declare enum ValueMode {
+    Key = "Key",
+    Callback = "Callback",
+    Static = "Static"
+}
+interface ValueBase<T extends ValueMode> {
+    mode: T;
+}
+interface ValueKey<T> extends ValueBase<ValueMode.Key> {
+    key: keyof T;
+}
+interface ValueCallback<T> extends ValueBase<ValueMode.Callback> {
+    get: (row: Row<T>) => unknown;
+    set?: (value: any, row: T) => T;
+}
+interface ValueStatic extends ValueBase<ValueMode.Static> {
+    values: unknown[];
+}
+export type Value<T> = ValueKey<T> | ValueCallback<T> | ValueStatic;
+export {};

package/dist/datagrid/models/Value.js

@@ -0,0 +1,6 @@
+export var ValueMode;
+(function (ValueMode) {
+    ValueMode["Key"] = "Key";
+    ValueMode["Callback"] = "Callback";
+    ValueMode["Static"] = "Static";
+})(ValueMode || (ValueMode = {}));

package/dist/datagrid/models/index.d.ts

@@ -0,0 +1,4 @@
+export * from './BaseColumn';
+export * from './Value';
+export * from './Formatter';
+export * from './module';

package/dist/datagrid/models/index.js

@@ -0,0 +1,4 @@
+export * from './BaseColumn';
+export * from './Value';
+export * from './Formatter';
+export * from './module';

package/dist/datagrid/models/module/ModuleConstructor.d.ts

@@ -0,0 +1,5 @@
+import type { Module } from '../../interfaces/Module';
+import type { ISveltixGrid } from '../../interfaces/ISveltixGrid';
+export interface ModuleConstructor<TRow, TOptions> {
+    new (api: ISveltixGrid<TRow>, options: TOptions): Module<TRow>;
+}

package/dist/datagrid/models/module/ModuleConstructor.js

@@ -0,0 +1 @@
+export {};

package/dist/datagrid/models/module/ModuleRegistrationEntry.d.ts

@@ -0,0 +1,6 @@
+import type { ModuleConstructor } from './ModuleConstructor';
+export interface ModuleRegistrationEntry<TRow, TOptions> {
+    key: symbol;
+    module: ModuleConstructor<TRow, TOptions>;
+    options: TOptions;
+}

package/dist/datagrid/models/module/ModuleRegistrationEntry.js

@@ -0,0 +1 @@
+export {};

package/dist/datagrid/models/module/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ModuleConstructor';
+export * from './ModuleRegistrationEntry';

package/dist/datagrid/models/module/index.js

@@ -0,0 +1,2 @@
+export * from './ModuleConstructor';
+export * from './ModuleRegistrationEntry';

package/dist/datagrid/modules/flash/FlashModule.svelte.d.ts

@@ -0,0 +1,9 @@
+import { Module, type ISveltixGrid } from '../../interfaces';
+import type { FlashModuleOptions } from './models';
+export declare class FlashModule<T> extends Module<T> {
+    private _idsEnabled;
+    private _options?;
+    constructor(api: ISveltixGrid<T>, options?: FlashModuleOptions);
+    init(): void;
+    uninit(): void;
+}

package/dist/datagrid/modules/flash/FlashModule.svelte.js

@@ -0,0 +1,33 @@
+import { Module } from '../../interfaces';
+export class FlashModule extends Module {
+    _idsEnabled = [];
+    _options;
+    constructor(api, options) {
+        super(api);
+        this._options = options;
+    }
+    init() {
+        const columnsCreated = this._api.on(this._api.events.column.created, (columns) => {
+            for (const column of columns) {
+                let isEnabled = true;
+                if (this._options?.idsEnable != null && !this._options.idsEnable.includes(column.id)) {
+                    isEnabled = false;
+                }
+                if (this._options?.idsDisable != null && this._options.idsDisable.includes(column.id)) {
+                    isEnabled = false;
+                }
+                if (isEnabled) {
+                    this._idsEnabled.push(column.id);
+                }
+            }
+        });
+        const rowUpdated = this._api.on(this._api.events.row.updated, (entries) => {
+            for (const entry of entries) {
+                console.log(`Updated ${entry.row.id} row and ${entry.cell.column.id} cell`);
+            }
+        });
+        this.addUnsub(columnsCreated);
+        this.addUnsub(rowUpdated);
+    }
+    uninit() { }
+}

package/dist/datagrid/modules/flash/index.d.ts

@@ -0,0 +1,5 @@
+import type { ModuleRegistrationEntry } from '../..';
+import type { FlashModuleOptions } from './models';
+export * from './models';
+export declare const FLASH_MODULE: unique symbol;
+export declare function flashModule<T>(options?: FlashModuleOptions): ModuleRegistrationEntry<T, FlashModuleOptions | undefined>;

package/dist/datagrid/modules/flash/index.js

@@ -0,0 +1,10 @@
+import { FlashModule } from './FlashModule.svelte';
+export * from './models';
+export const FLASH_MODULE = Symbol.for('FLASH_MODULE');
+export function flashModule(options) {
+    return {
+        key: FLASH_MODULE,
+        module: (FlashModule),
+        options: options,
+    };
+}

package/dist/datagrid/modules/flash/models/FlashModuleOptions.d.ts

@@ -0,0 +1,4 @@
+export interface FlashModuleOptions {
+    idsEnable?: string[];
+    idsDisable?: string[];
+}

package/dist/datagrid/modules/flash/models/FlashModuleOptions.js

@@ -0,0 +1 @@
+export {};

package/dist/datagrid/modules/flash/models/index.d.ts

@@ -0,0 +1 @@
+export * from './FlashModuleOptions';

package/dist/datagrid/modules/flash/models/index.js

@@ -0,0 +1 @@
+export * from './FlashModuleOptions';

package/dist/datagrid/modules/resize/ResizeModule.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { ISveltixGrid } from '../../interfaces';
+import { Module } from '../../interfaces/Module';
+import type { ResizeModuleOptions } from './models';
+export declare class ResizeModule<T> extends Module<T> {
+    private _options?;
+    private readonly _helperId;
+    private _movingColumnId;
+    constructor(api: ISveltixGrid<T>, options?: ResizeModuleOptions);
+    mouseDown(columnId: string): void;
+    mouseMove(e: MouseEvent): void;
+    mouseUp(): void;
+    init(): void;
+    uninit(): void;
+}

package/dist/datagrid/modules/resize/ResizeModule.svelte.js

@@ -0,0 +1,68 @@
+import { HelperPosition } from '../../core-modules/columns/Column.svelte';
+import { CustomComponentPosition } from '../../core-modules/custom/models/CustomComponentPosition';
+import { Module } from '../../interfaces/Module';
+import ResizeCustomComponent from './components/ResizeCustomComponent.svelte';
+import ResizeHandle from './components/ResizeHandle.svelte';
+export class ResizeModule extends Module {
+    _options;
+    _helperId = 'resizer';
+    _movingColumnId = undefined;
+    constructor(api, options) {
+        super(api);
+        this._options = options;
+    }
+    mouseDown(columnId) {
+        const column = this._api.core.columns.get(columnId);
+        if (column == null) {
+            return;
+        }
+        this._movingColumnId = columnId;
+    }
+    mouseMove(e) {
+        if (this._movingColumnId == null) {
+            return;
+        }
+        const column = this._api.core.columns.get(this._movingColumnId);
+        if (column == null) {
+            return;
+        }
+        const dom = column.getDom();
+        if (dom == null) {
+            return;
+        }
+        const rect = dom.getBoundingClientRect();
+        const difference = e.clientX - rect.left;
+        if (difference <= column.minimumWidth) {
+            return;
+        }
+        const newWidth = column.width + e.movementX;
+        column.setWidth(newWidth);
+    }
+    mouseUp() {
+        this._movingColumnId = undefined;
+    }
+    init() {
+        const unsub = this._api.on(this._api.events.column.created, (columns) => {
+            for (const column of columns) {
+                let isEnabled = true;
+                if (this._options?.idsEnable != null && !this._options.idsEnable.includes(column.id)) {
+                    isEnabled = false;
+                }
+                if (this._options?.idsDisable != null && this._options.idsDisable.includes(column.id)) {
+                    isEnabled = false;
+                }
+                column.addHelper(this._helperId, ResizeHandle, HelperPosition.After, {
+                    enabled: isEnabled,
+                    module: this,
+                });
+            }
+        });
+        this.addUnsub(unsub);
+        this._api.core.custom.add({
+            id: 'resize',
+            component: ResizeCustomComponent,
+            options: undefined,
+        }, CustomComponentPosition.Action);
+    }
+    uninit() { }
+}

package/dist/datagrid/modules/resize/components/ResizeCustomComponent.svelte

@@ -0,0 +1,15 @@
+<script
+	lang="ts"
+	generics="T">
+	import type { CustomComponentEntryProps } from '../../../core-modules/custom/CustomComponentsModule.svelte';
+	import { RESIZE_MODULE } from '..';
+	import { ResizeModule } from '../ResizeModule.svelte';
+
+	const { api }: CustomComponentEntryProps<T, void> = $props();
+
+	const module = api.getModule<ResizeModule<T>>(RESIZE_MODULE);
+</script>
+
+<svelte:document
+	onmousemove={(e) => module.mouseMove(e)}
+	onmouseup={(e) => module.mouseUp()} />

package/dist/datagrid/modules/resize/components/ResizeCustomComponent.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { CustomComponentEntryProps } from '../../../core-modules/custom/CustomComponentsModule.svelte';
+declare function $$render<T>(): {
+    props: CustomComponentEntryProps<T, void>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const ResizeCustomComponent: $$IsomorphicComponent;
+type ResizeCustomComponent<T> = InstanceType<typeof ResizeCustomComponent<T>>;
+export default ResizeCustomComponent;

package/dist/datagrid/modules/resize/components/ResizeHandle.svelte

@@ -0,0 +1,29 @@
+<script
+	lang="ts"
+	module>
+	export interface ResizeColumnOption {
+		enabled: boolean;
+	}
+</script>
+
+<script
+	lang="ts"
+	generics="T">
+	import type { HelperComponentProps } from '../../../core-modules/columns/Column.svelte';
+	import { RESIZE_MODULE } from '..';
+	import { ResizeModule } from '../ResizeModule.svelte';
+
+	const { api, column, options }: HelperComponentProps<T, ResizeColumnOption> = $props();
+
+	const module = api.getModule<ResizeModule<T>>(RESIZE_MODULE);
+</script>
+
+{#if options.enabled}
+	<button
+		ondblclick={() => column.calculateWidth()}
+		onmousedown={(e) => module.mouseDown(column.id)}
+		aria-label="Resize column"
+		aria-labelledby={column.id}
+		class="bg-neutral-200 hover:cursor-col-resize z-30 hover:bg-indigo-300 transition-colors w-1 h-1/2 rounded-full absolute right-0 top-1/4">
+	</button>
+{/if}