snice 1.13.2 → 1.13.4

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

@@ -0,0 +1,451 @@
+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, watch, ready, query } from '../../src/index';
+import css from './snice-cell.css?inline';
+let SniceCell = class SniceCell extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        this.align = 'left';
+        this.type = 'text';
+        this.value = '';
+        this.column = {
+            key: '',
+            label: '',
+            type: 'text',
+            align: 'left'
+        };
+        this.rowData = null;
+    }
+    html() {
+        return `
+      <div class="cell-content" part="content">
+        ${this.formatValue()}
+      </div>
+    `;
+    }
+    css() {
+        return css;
+    }
+    init() {
+        this.applyAlignment();
+        this.applyConditionalFormatting();
+    }
+    updateAlignment() {
+        this.applyAlignment();
+    }
+    updateContent() {
+        if (this.contentElement) {
+            this.contentElement.innerHTML = this.formatValue();
+        }
+        this.applyConditionalFormatting();
+    }
+    applyAlignment() {
+        this.style.textAlign = this.align;
+    }
+    applyConditionalFormatting() {
+        if (!this.column || !this.column.conditionalFormats)
+            return;
+        // Reset any previous conditional formatting
+        this.removeAttribute('style');
+        this.className = 'snice-cell';
+        this.applyAlignment();
+        // Apply column base style if defined
+        if (this.column.style) {
+            this.applyStyle(this.column.style);
+        }
+        // Check and apply conditional formats
+        for (const format of this.column.conditionalFormats) {
+            if (format.condition(this.value, this.rowData)) {
+                if (format.style) {
+                    this.applyStyle(format.style);
+                }
+                if (format.className) {
+                    this.classList.add(format.className);
+                }
+                break; // Apply only the first matching format
+            }
+        }
+    }
+    applyStyle(style) {
+        if (style.backgroundColor)
+            this.style.backgroundColor = style.backgroundColor;
+        if (style.color)
+            this.style.color = style.color;
+        if (style.fontWeight)
+            this.style.fontWeight = style.fontWeight;
+        if (style.fontStyle)
+            this.style.fontStyle = style.fontStyle;
+        if (style.fontSize)
+            this.style.fontSize = style.fontSize;
+        if (style.textDecoration)
+            this.style.textDecoration = style.textDecoration;
+    }
+    formatValue() {
+        if (this.value === null || this.value === undefined) {
+            return '';
+        }
+        // Use custom formatter if provided
+        if (this.column.formatter) {
+            return this.column.formatter(this.value, this.rowData);
+        }
+        // Apply type-specific formatting
+        switch (this.type) {
+            case 'text':
+                return this.formatText();
+            case 'number':
+                return this.formatNumber();
+            case 'currency':
+                return this.formatCurrency();
+            case 'percent':
+                return this.formatPercent();
+            case 'accounting':
+                return this.formatAccounting();
+            case 'scientific':
+                return this.formatScientific();
+            case 'fraction':
+                return this.formatFraction();
+            case 'date':
+                return this.formatDate();
+            case 'boolean':
+                return this.formatBoolean();
+            case 'rating':
+                return this.formatRating();
+            case 'progress':
+                return this.formatProgress();
+            case 'sparkline':
+                return this.formatSparkline();
+            case 'duration':
+                return this.formatDuration();
+            case 'filesize':
+                return this.formatFilesize();
+            case 'custom':
+                return String(this.value);
+            default:
+                return String(this.value);
+        }
+    }
+    formatText() {
+        return String(this.value);
+    }
+    formatNumber() {
+        const format = this.column.numberFormat || {};
+        const num = Number(this.value);
+        if (isNaN(num))
+            return String(this.value);
+        let formatted = num.toFixed(format.decimals ?? 0);
+        if (format.thousandsSeparator) {
+            const parts = formatted.split('.');
+            parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+            formatted = parts.join('.');
+        }
+        if (num < 0 && format.negativeStyle === 'parentheses') {
+            formatted = `(${formatted.replace('-', '')})`;
+        }
+        if (format.prefix)
+            formatted = format.prefix + formatted;
+        if (format.suffix)
+            formatted = formatted + format.suffix;
+        return formatted;
+    }
+    formatCurrency() {
+        const format = this.column.numberFormat || {};
+        const num = Number(this.value);
+        if (isNaN(num))
+            return String(this.value);
+        const currencyFormat = {
+            style: 'currency',
+            currency: 'USD',
+            minimumFractionDigits: format.decimals ?? 2,
+            maximumFractionDigits: format.decimals ?? 2
+        };
+        return new Intl.NumberFormat('en-US', currencyFormat).format(num);
+    }
+    formatPercent() {
+        const format = this.column.numberFormat || {};
+        const num = Number(this.value);
+        if (isNaN(num))
+            return String(this.value);
+        const percentFormat = {
+            style: 'percent',
+            minimumFractionDigits: format.decimals ?? 1,
+            maximumFractionDigits: format.decimals ?? 1
+        };
+        return new Intl.NumberFormat('en-US', percentFormat).format(num);
+    }
+    formatAccounting() {
+        const format = this.column.numberFormat || {};
+        const num = Number(this.value);
+        if (isNaN(num))
+            return String(this.value);
+        let formatted = Math.abs(num).toFixed(format.decimals ?? 2);
+        if (format.thousandsSeparator) {
+            const parts = formatted.split('.');
+            parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+            formatted = parts.join('.');
+        }
+        if (num < 0) {
+            formatted = `(${formatted})`;
+        }
+        else {
+            formatted = ` ${formatted} `;
+        }
+        return formatted;
+    }
+    formatScientific() {
+        const format = this.column.numberFormat || {};
+        const num = Number(this.value);
+        if (isNaN(num))
+            return String(this.value);
+        return num.toExponential(format.decimals ?? 2);
+    }
+    formatFraction() {
+        const num = Number(this.value);
+        if (isNaN(num))
+            return String(this.value);
+        // Simple fraction conversion
+        const tolerance = 1e-6;
+        let h1 = 1, h2 = 0, k1 = 0, k2 = 1;
+        let b = num;
+        do {
+            const a = Math.floor(b);
+            let aux = h1;
+            h1 = a * h1 + h2;
+            h2 = aux;
+            aux = k1;
+            k1 = a * k1 + k2;
+            k2 = aux;
+            b = 1 / (b - a);
+        } while (Math.abs(num - h1 / k1) > num * tolerance);
+        return `${h1}/${k1}`;
+    }
+    formatDate() {
+        const format = this.column.dateFormat || {};
+        const date = new Date(this.value);
+        if (isNaN(date.getTime()))
+            return String(this.value);
+        if (format.customFormat) {
+            // Simple custom format implementation
+            return format.customFormat
+                .replace('YYYY', date.getFullYear().toString())
+                .replace('MM', (date.getMonth() + 1).toString().padStart(2, '0'))
+                .replace('DD', date.getDate().toString().padStart(2, '0'));
+        }
+        const options = {};
+        switch (format.format) {
+            case 'short':
+                options.dateStyle = 'short';
+                break;
+            case 'medium':
+                options.dateStyle = 'medium';
+                break;
+            case 'long':
+                options.dateStyle = 'long';
+                break;
+            case 'full':
+                options.dateStyle = 'full';
+                break;
+            default:
+                options.dateStyle = 'short';
+        }
+        return new Intl.DateTimeFormat(format.locale || 'en-US', options).format(date);
+    }
+    formatBoolean() {
+        const format = this.column.booleanFormat || {};
+        const bool = Boolean(this.value);
+        if (format.useSymbols) {
+            return bool
+                ? (format.trueSymbol || '✓')
+                : (format.falseSymbol || '✗');
+        }
+        return bool
+            ? (format.trueValue || 'true')
+            : (format.falseValue || 'false');
+    }
+    formatRating() {
+        const format = this.column.ratingFormat || {};
+        const rating = Number(this.value);
+        const max = format.max || 5;
+        const symbol = format.symbol || '★';
+        const emptySymbol = format.emptySymbol || '☆';
+        if (isNaN(rating))
+            return String(this.value);
+        let html = '';
+        for (let i = 0; i < max; i++) {
+            if (i < rating) {
+                html += `<span style="color: ${format.color || '#ffc107'}">${symbol}</span>`;
+            }
+            else {
+                html += `<span style="color: #ddd">${emptySymbol}</span>`;
+            }
+        }
+        return html;
+    }
+    formatProgress() {
+        const format = this.column.progressFormat || {};
+        const value = Number(this.value);
+        const max = format.max || 100;
+        const percentage = Math.min(100, Math.max(0, (value / max) * 100));
+        if (isNaN(value))
+            return String(this.value);
+        const color = format.color || '#007bff';
+        const bgColor = format.backgroundColor || '#e9ecef';
+        const height = format.height || '1rem'; // Using rem for height
+        let html = `
+      <div style="
+        width: 100%; 
+        height: ${height}; 
+        background-color: ${bgColor}; 
+        border-radius: 0.25rem; 
+        overflow: hidden;
+        position: relative;
+      ">
+        <div style="
+          width: ${percentage}%; 
+          height: 100%; 
+          background-color: ${color}; 
+          transition: width 0.3s ease;
+        "></div>
+    `;
+        if (format.showPercentage) {
+            html += `
+        <span style="
+          position: absolute; 
+          top: 50%; 
+          left: 50%; 
+          transform: translate(-50%, -50%);
+          font-size: 0.75rem;
+          font-weight: bold;
+          color: ${percentage > 50 ? 'white' : 'black'};
+        ">${Math.round(percentage)}%</span>
+      `;
+        }
+        html += '</div>';
+        return html;
+    }
+    formatSparkline() {
+        const format = this.column.sparklineFormat || {};
+        const data = Array.isArray(this.value) ? this.value : [];
+        if (data.length === 0)
+            return '';
+        const width = format.width || 60;
+        const height = format.height || 20;
+        const color = format.color || '#007bff';
+        const type = format.type || 'line';
+        const max = Math.max(...data);
+        const min = Math.min(...data);
+        const range = max - min || 1;
+        if (type === 'line') {
+            const points = data.map((val, i) => {
+                const x = (i / (data.length - 1)) * width;
+                const y = height - ((val - min) / range) * height;
+                return `${x},${y}`;
+            }).join(' ');
+            return `
+        <svg width="${width}" height="${height}" style="display: block;">
+          <polyline 
+            points="${points}" 
+            fill="none" 
+            stroke="${color}" 
+            stroke-width="2"
+          />
+        </svg>
+      `;
+        }
+        else if (type === 'bar') {
+            const barWidth = width / data.length;
+            const bars = data.map((val, i) => {
+                const barHeight = ((val - min) / range) * height;
+                const x = i * barWidth;
+                const y = height - barHeight;
+                return `<rect x="${x}" y="${y}" width="${barWidth - 1}" height="${barHeight}" fill="${color}" />`;
+            }).join('');
+            return `
+        <svg width="${width}" height="${height}" style="display: block;">
+          ${bars}
+        </svg>
+      `;
+        }
+        return String(this.value);
+    }
+    formatDuration() {
+        const seconds = Number(this.value);
+        if (isNaN(seconds))
+            return String(this.value);
+        const hours = Math.floor(seconds / 3600);
+        const minutes = Math.floor((seconds % 3600) / 60);
+        const secs = seconds % 60;
+        if (hours > 0) {
+            return `${hours}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
+        }
+        else {
+            return `${minutes}:${secs.toString().padStart(2, '0')}`;
+        }
+    }
+    formatFilesize() {
+        const bytes = Number(this.value);
+        if (isNaN(bytes))
+            return String(this.value);
+        const units = ['B', 'KB', 'MB', 'GB', 'TB'];
+        let size = bytes;
+        let unitIndex = 0;
+        while (size >= 1024 && unitIndex < units.length - 1) {
+            size /= 1024;
+            unitIndex++;
+        }
+        return `${size.toFixed(unitIndex === 0 ? 0 : 1)} ${units[unitIndex]}`;
+    }
+};
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceCell.prototype, "align", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceCell.prototype, "type", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], SniceCell.prototype, "value", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], SniceCell.prototype, "column", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], SniceCell.prototype, "rowData", void 0);
+__decorate([
+    query('.cell-content'),
+    __metadata("design:type", HTMLElement)
+], SniceCell.prototype, "contentElement", void 0);
+__decorate([
+    ready(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceCell.prototype, "init", null);
+__decorate([
+    watch('align'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceCell.prototype, "updateAlignment", null);
+__decorate([
+    watch('value', 'column'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceCell.prototype, "updateContent", null);
+SniceCell = __decorate([
+    element('snice-cell')
+], SniceCell);
+export { SniceCell };
+//# sourceMappingURL=snice-cell.js.map

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

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

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

@@ -0,0 +1,62 @@
+import type { SniceColumnElement, ColumnType, ColumnAlign, ColumnDefinition, ConditionalFormat } from './snice-table.types';
+export declare class SniceColumn extends HTMLElement implements SniceColumnElement {
+    key: string;
+    label: string;
+    type: ColumnType;
+    align: ColumnAlign;
+    width: string;
+    sortable: boolean;
+    filterable: boolean;
+    wrap: boolean;
+    ellipsis: boolean;
+    tooltip: boolean;
+    decimals?: number;
+    thousandsSeparator?: boolean;
+    numberPrefix?: string;
+    numberSuffix?: string;
+    negativeStyle?: 'parentheses' | 'red' | 'minus';
+    dateFormat?: 'short' | 'medium' | 'long' | 'full' | 'custom';
+    customDateFormat?: string;
+    dateLocale?: string;
+    trueValue?: string;
+    falseValue?: string;
+    useSymbols?: boolean;
+    trueSymbol?: string;
+    falseSymbol?: string;
+    ratingMax?: number;
+    ratingSymbol?: string;
+    ratingEmptySymbol?: string;
+    ratingColor?: string;
+    progressMax?: number;
+    showPercentage?: boolean;
+    progressColor?: string;
+    progressBgColor?: string;
+    progressHeight?: string;
+    sparklineType?: 'line' | 'bar' | 'area';
+    sparklineColor?: string;
+    sparklineWidth?: number;
+    sparklineHeight?: number;
+    cellBgColor?: string;
+    cellColor?: string;
+    cellFontWeight?: 'normal' | 'bold' | 'lighter';
+    cellFontStyle?: 'normal' | 'italic';
+    cellFontSize?: string;
+    cellTextDecoration?: 'none' | 'underline' | 'line-through';
+    private formatter?;
+    private conditionalFormats;
+    html(): string;
+    setFormatter(formatter: (value: any, row?: any) => string): void;
+    addConditionalFormat(format: ConditionalFormat): void;
+    removeConditionalFormat(index: number): void;
+    clearConditionalFormats(): void;
+    getColumnDefinition(): ColumnDefinition;
+    private handleBasicPropsChange;
+    private handleNumberFormatChange;
+    private handleDateFormatChange;
+    private handleBooleanFormatChange;
+    private handleRatingFormatChange;
+    private handleProgressFormatChange;
+    private handleSparklineFormatChange;
+    private handleStyleChange;
+    private notifyTableOfChange;
+}