snice 1.13.2 → 1.13.4

package/dist/components/table/snice-row.js

@@ -0,0 +1,365 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { element, property, on, watch, ready, dispatch } from '../../src/index';
+import css from './snice-row.css?inline';
+import './snice-cell';
+import './snice-cell-text';
+import './snice-cell-number';
+import './snice-cell-date';
+import './snice-cell-sparkline';
+let SniceRow = class SniceRow extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        this.selected = false;
+        this.hoverable = true;
+        this.clickable = false;
+        this.selectable = false;
+        this.data = {};
+        this.index = 0;
+        this.columns = [];
+    }
+    // Extract data from data-* attributes - pass raw values, let cells handle conversion
+    extractDataFromAttributes() {
+        const data = {};
+        // Get all attribute names that start with data-
+        const attrNames = this.getAttributeNames().filter(name => name.startsWith('data-') && name !== 'data-column-index');
+        attrNames.forEach(attrName => {
+            const key = attrName.slice(5); // Remove 'data-' prefix
+            const value = this.getAttribute(attrName);
+            if (value !== null) {
+                data[key] = value; // Keep as raw string, let cells convert
+            }
+        });
+        return data;
+    }
+    html() {
+        return `
+      <div class="row-container" part="container">
+        ${this.selectable ? this.renderCheckbox() : ''}
+        <div class="cells-container">
+          ${this.columns && this.columns.length ? this.columns.map((column, columnIndex) => this.renderCell(column, columnIndex)).join('') : '<!-- No columns set yet -->'}
+        </div>
+      </div>
+    `;
+    }
+    css() {
+        return css;
+    }
+    init() {
+        // Extract data from data-* attributes if data object is empty
+        if (!this.data || Object.keys(this.data).length === 0) {
+            this.data = this.extractDataFromAttributes();
+        }
+        this.updateRowAttributes();
+        this.configureCells();
+    }
+    configureCells() {
+        if (!this.columns) {
+            return;
+        }
+        this.columns.forEach((column, index) => {
+            const cellElement = this.shadowRoot?.querySelector(`[data-column-index="${index}"]`);
+            if (cellElement) {
+                const value = this.data[column.key];
+                cellElement.value = value;
+                cellElement.column = column;
+                cellElement.rowData = this.data;
+                // For sparkline cells, also set the data property if value is an array
+                if (column.type === 'sparkline' && Array.isArray(value)) {
+                    cellElement.data = value;
+                }
+            }
+        });
+    }
+    updateSelection() {
+        this.updateRowAttributes();
+        const checkbox = this.shadowRoot?.querySelector('.row-checkbox');
+        if (checkbox) {
+            checkbox.checked = this.selected;
+        }
+    }
+    updateRowAttributes() {
+        this.classList.toggle('row--hoverable', this.hoverable);
+        this.classList.toggle('row--clickable', this.clickable);
+        this.classList.toggle('row--selectable', this.selectable);
+        this.classList.toggle('row--selected', this.selected);
+    }
+    updateCells() {
+        const cellsContainer = this.shadowRoot?.querySelector('.cells-container');
+        if (cellsContainer && this.columns && this.columns.length) {
+            cellsContainer.innerHTML = this.renderCells();
+            this.configureCells();
+        }
+    }
+    handleRowClick(e) {
+        // Don't trigger row click if clicking on checkbox or cell interactive elements
+        const target = e.target;
+        if (target.matches('input[type="checkbox"], button, a, .interactive')) {
+            return;
+        }
+        if (this.clickable) {
+            this.dispatchRowClick();
+        }
+        if (this.selectable) {
+            this.toggleSelection();
+        }
+    }
+    handleCheckboxChange(e) {
+        const checkbox = e.target;
+        this.selected = checkbox.checked;
+        this.dispatchRowSelect();
+    }
+    handleKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            if (this.selectable) {
+                this.toggleSelection();
+            }
+            else if (this.clickable) {
+                this.dispatchRowClick();
+            }
+        }
+    }
+    renderCheckbox() {
+        return `
+      <div class="cell cell--checkbox" part="checkbox-cell">
+        <input 
+          type="checkbox" 
+          class="row-checkbox" 
+          ${this.selected ? 'checked' : ''}
+          tabindex="-1"
+        />
+      </div>
+    `;
+    }
+    renderCells() {
+        if (!this.columns || !this.columns.length) {
+            return '<!-- No columns available -->';
+        }
+        return this.columns.map((column, columnIndex) => this.renderCell(column, columnIndex)).join('');
+    }
+    renderCell(column, columnIndex) {
+        const value = this.data[column.key];
+        const cellComponent = this.getCellComponent(column.type);
+        return `
+      <div class="cell cell--${column.type}" part="cell" style="${this.getCellStyles(column)}">
+        <${cellComponent} 
+          type="${column.type}"
+          align="${column.align || 'left'}"
+          data-column-index="${columnIndex}"
+        ></${cellComponent}>
+      </div>
+    `;
+    }
+    getCellComponent(type) {
+        switch (type) {
+            case 'text':
+                return 'snice-cell-text';
+            case 'number':
+            case 'currency':
+            case 'percent':
+            case 'accounting':
+            case 'scientific':
+            case 'fraction':
+                return 'snice-cell-number';
+            case 'date':
+                return 'snice-cell-date';
+            case 'boolean':
+                return 'snice-cell-boolean';
+            case 'sparkline':
+                return 'snice-cell-sparkline';
+            case 'rating':
+                return 'snice-cell-rating';
+            case 'progress':
+                return 'snice-cell-progress';
+            case 'duration':
+                return 'snice-cell-duration';
+            case 'filesize':
+                return 'snice-cell-filesize';
+            case 'custom':
+            default:
+                return 'snice-cell';
+        }
+    }
+    getCellStyles(column) {
+        let styles = [];
+        if (column.width) {
+            styles.push(`width: ${column.width}`);
+            styles.push(`min-width: ${column.width}`);
+            styles.push(`max-width: ${column.width}`);
+        }
+        if (column.align) {
+            styles.push(`text-align: ${column.align}`);
+        }
+        return styles.join('; ');
+    }
+    escapeHtml(value) {
+        if (value === null || value === undefined) {
+            return '';
+        }
+        const str = String(value);
+        const div = document.createElement('div');
+        div.textContent = str;
+        return div.innerHTML;
+    }
+    toggleSelection() {
+        this.selected = !this.selected;
+        this.dispatchRowSelect();
+    }
+    dispatchRowClick() {
+        return {
+            data: this.data,
+            index: this.index,
+            element: this
+        };
+    }
+    dispatchRowSelect() {
+        return {
+            selected: this.selected,
+            data: this.data,
+            index: this.index,
+            element: this
+        };
+    }
+    dispatchRowHover() {
+        return {
+            data: this.data,
+            index: this.index,
+            element: this
+        };
+    }
+    // Public API methods
+    select() {
+        this.selected = true;
+        this.dispatchRowSelect();
+    }
+    deselect() {
+        this.selected = false;
+        this.dispatchRowSelect();
+    }
+    focusRow() {
+        super.focus();
+        this.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+    }
+    getCellValue(columnKey) {
+        return this.data[columnKey];
+    }
+    setCellValue(columnKey, value) {
+        this.data = { ...this.data, [columnKey]: value };
+        this.updateCells();
+    }
+    getCellElement(columnKey) {
+        const column = this.columns.find(col => col.key === columnKey);
+        if (!column)
+            return null;
+        const columnIndex = this.columns.indexOf(column);
+        return this.shadowRoot?.querySelector(`[data-column-index="${columnIndex}"]`) || null;
+    }
+    // Highlight row temporarily (useful for showing updates)
+    highlight(duration = 2000) {
+        this.classList.add('row--highlighted');
+        setTimeout(() => {
+            this.classList.remove('row--highlighted');
+        }, duration);
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], SniceRow.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], SniceRow.prototype, "hoverable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], SniceRow.prototype, "clickable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], SniceRow.prototype, "selectable", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], SniceRow.prototype, "data", void 0);
+__decorate([
+    property({ type: Number, reflect: true }),
+    __metadata("design:type", Number)
+], SniceRow.prototype, "index", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], SniceRow.prototype, "columns", void 0);
+__decorate([
+    ready(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceRow.prototype, "init", null);
+__decorate([
+    watch('selected'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceRow.prototype, "updateSelection", null);
+__decorate([
+    watch('hoverable', 'clickable', 'selectable'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceRow.prototype, "updateRowAttributes", null);
+__decorate([
+    watch('data', 'columns'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceRow.prototype, "updateCells", null);
+__decorate([
+    on('click'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [MouseEvent]),
+    __metadata("design:returntype", void 0)
+], SniceRow.prototype, "handleRowClick", null);
+__decorate([
+    on('change', '.row-checkbox'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Event]),
+    __metadata("design:returntype", void 0)
+], SniceRow.prototype, "handleCheckboxChange", null);
+__decorate([
+    on('keydown'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [KeyboardEvent]),
+    __metadata("design:returntype", void 0)
+], SniceRow.prototype, "handleKeyDown", null);
+__decorate([
+    dispatch('@snice/row-click', { bubbles: true, composed: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceRow.prototype, "dispatchRowClick", null);
+__decorate([
+    dispatch('@snice/row-select', { bubbles: true, composed: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceRow.prototype, "dispatchRowSelect", null);
+__decorate([
+    dispatch('@snice/row-hover', { bubbles: true, composed: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceRow.prototype, "dispatchRowHover", null);
+SniceRow = __decorate([
+    element('snice-row')
+], SniceRow);
+export { SniceRow };
+//# sourceMappingURL=snice-row.js.map

package/dist/components/table/snice-row.js.map

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

package/dist/components/table/snice-table.d.ts

@@ -0,0 +1,69 @@
+import '../input/snice-input';
+import '../select/snice-select';
+import './snice-cell.ts';
+import './snice-cell-text.ts';
+import './snice-cell-number.ts';
+import './snice-cell-date.ts';
+import './snice-cell-boolean.ts';
+import './snice-cell-rating.ts';
+import './snice-cell-progress.ts';
+import './snice-cell-duration.ts';
+import './snice-cell-filesize.ts';
+import './snice-cell-sparkline.ts';
+export declare class SniceTable extends HTMLElement {
+    striped: boolean;
+    searchable: boolean;
+    sortable: boolean;
+    selectable: boolean;
+    hoverable: boolean;
+    clickable: boolean;
+    columns: any[];
+    data: any[];
+    currentSort: Array<{
+        column: string;
+        direction: 'asc' | 'desc';
+    }>;
+    searchText: string;
+    selector: string;
+    selectorOptions: Array<{
+        value: string;
+        label: string;
+    }>;
+    loading: boolean;
+    selectedRows: number[];
+    table: HTMLTableElement;
+    thead: HTMLTableSectionElement;
+    tbody: HTMLTableSectionElement;
+    getTableConfig(): AsyncGenerator<{}, any, any>;
+    getTableData(): AsyncGenerator<any, any, any>;
+    private dataRequestTimeout;
+    private debouncedDataRequest;
+    css(): string;
+    html(): string;
+    renderControls(): string;
+    render(): void;
+    handleSelectorOptionsChange(): void;
+    handleSortableChange(): void;
+    handleSelectableChange(): void;
+    handleColumnsChange(): void;
+    handleDataChange(): void;
+    handleSelectedRowsChange(): void;
+    handleSortChange(): void;
+    renderHeader(): void;
+    renderSortableHeader(column: any): string;
+    renderBody(): void;
+    getCellAttributes(column: any, value: any): string;
+    getCellTagName(type: string): string;
+    handleSort(e: MouseEvent): void;
+    handleRowSelect(e: Event): void;
+    handleSelectAll(e: Event): void;
+    handleRowClick(e: Event): void;
+    onAttached(): void;
+    handleSearchChange(e: Event): void;
+    handleSelectorChange(e: CustomEvent): void;
+    updateRowSelectionState(): void;
+    updateSelectAllState(): void;
+    toggleSort(columnKey: string, multiSort?: boolean): void;
+    private dispatchRowSelectionChanged;
+    private dispatchSelectAllChanged;
+}