snice 1.13.2 → 1.13.4

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

@@ -0,0 +1,440 @@
+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 } from '../../src/index';
+let SniceColumn = class SniceColumn extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        this.key = '';
+        this.label = '';
+        this.type = 'text';
+        this.align = 'left';
+        this.width = '';
+        this.sortable = true;
+        this.filterable = true;
+        this.wrap = false;
+        this.ellipsis = true;
+        this.tooltip = false;
+        this.conditionalFormats = [];
+    }
+    html() {
+        return `<slot></slot>`;
+    }
+    // Set custom formatter function
+    setFormatter(formatter) {
+        this.formatter = formatter;
+        this.notifyTableOfChange();
+    }
+    // Add conditional formatting rule
+    addConditionalFormat(format) {
+        this.conditionalFormats.push(format);
+        this.notifyTableOfChange();
+    }
+    // Remove conditional formatting rule
+    removeConditionalFormat(index) {
+        this.conditionalFormats.splice(index, 1);
+        this.notifyTableOfChange();
+    }
+    // Clear all conditional formatting
+    clearConditionalFormats() {
+        this.conditionalFormats = [];
+        this.notifyTableOfChange();
+    }
+    // Get the complete column definition for the table
+    getColumnDefinition() {
+        const definition = {
+            key: this.key,
+            label: this.label,
+            type: this.type,
+            align: this.align,
+            width: this.width,
+            sortable: this.sortable,
+            filterable: this.filterable,
+            wrap: this.wrap,
+            ellipsis: this.ellipsis,
+            tooltip: this.tooltip,
+            formatter: this.formatter,
+            conditionalFormats: this.conditionalFormats
+        };
+        // Add type-specific formatting
+        if (this.type === 'number' || this.type === 'currency' || this.type === 'percent' ||
+            this.type === 'accounting' || this.type === 'scientific' || this.type === 'fraction') {
+            const numberFormat = {};
+            if (this.decimals !== undefined)
+                numberFormat.decimals = this.decimals;
+            if (this.thousandsSeparator !== undefined)
+                numberFormat.thousandsSeparator = this.thousandsSeparator;
+            if (this.numberPrefix)
+                numberFormat.prefix = this.numberPrefix;
+            if (this.numberSuffix)
+                numberFormat.suffix = this.numberSuffix;
+            if (this.negativeStyle)
+                numberFormat.negativeStyle = this.negativeStyle;
+            if (Object.keys(numberFormat).length > 0) {
+                definition.numberFormat = numberFormat;
+            }
+        }
+        if (this.type === 'date') {
+            const dateFormat = {};
+            if (this.dateFormat)
+                dateFormat.format = this.dateFormat;
+            if (this.customDateFormat)
+                dateFormat.customFormat = this.customDateFormat;
+            if (this.dateLocale)
+                dateFormat.locale = this.dateLocale;
+            if (Object.keys(dateFormat).length > 0) {
+                definition.dateFormat = dateFormat;
+            }
+        }
+        if (this.type === 'boolean') {
+            const booleanFormat = {};
+            if (this.trueValue)
+                booleanFormat.trueValue = this.trueValue;
+            if (this.falseValue)
+                booleanFormat.falseValue = this.falseValue;
+            if (this.useSymbols !== undefined)
+                booleanFormat.useSymbols = this.useSymbols;
+            if (this.trueSymbol)
+                booleanFormat.trueSymbol = this.trueSymbol;
+            if (this.falseSymbol)
+                booleanFormat.falseSymbol = this.falseSymbol;
+            if (Object.keys(booleanFormat).length > 0) {
+                definition.booleanFormat = booleanFormat;
+            }
+        }
+        if (this.type === 'rating') {
+            const ratingFormat = {};
+            if (this.ratingMax !== undefined)
+                ratingFormat.max = this.ratingMax;
+            if (this.ratingSymbol)
+                ratingFormat.symbol = this.ratingSymbol;
+            if (this.ratingEmptySymbol)
+                ratingFormat.emptySymbol = this.ratingEmptySymbol;
+            if (this.ratingColor)
+                ratingFormat.color = this.ratingColor;
+            if (Object.keys(ratingFormat).length > 0) {
+                definition.ratingFormat = ratingFormat;
+            }
+        }
+        if (this.type === 'progress') {
+            const progressFormat = {};
+            if (this.progressMax !== undefined)
+                progressFormat.max = this.progressMax;
+            if (this.showPercentage !== undefined)
+                progressFormat.showPercentage = this.showPercentage;
+            if (this.progressColor)
+                progressFormat.color = this.progressColor;
+            if (this.progressBgColor)
+                progressFormat.backgroundColor = this.progressBgColor;
+            if (this.progressHeight)
+                progressFormat.height = this.progressHeight;
+            if (Object.keys(progressFormat).length > 0) {
+                definition.progressFormat = progressFormat;
+            }
+        }
+        if (this.type === 'sparkline') {
+            const sparklineFormat = {};
+            if (this.sparklineType)
+                sparklineFormat.type = this.sparklineType;
+            if (this.sparklineColor)
+                sparklineFormat.color = this.sparklineColor;
+            if (this.sparklineWidth !== undefined)
+                sparklineFormat.width = this.sparklineWidth;
+            if (this.sparklineHeight !== undefined)
+                sparklineFormat.height = this.sparklineHeight;
+            if (Object.keys(sparklineFormat).length > 0) {
+                definition.sparklineFormat = sparklineFormat;
+            }
+        }
+        // Add cell style if any style properties are set
+        const cellStyle = {};
+        if (this.cellBgColor)
+            cellStyle.backgroundColor = this.cellBgColor;
+        if (this.cellColor)
+            cellStyle.color = this.cellColor;
+        if (this.cellFontWeight)
+            cellStyle.fontWeight = this.cellFontWeight;
+        if (this.cellFontStyle)
+            cellStyle.fontStyle = this.cellFontStyle;
+        if (this.cellFontSize)
+            cellStyle.fontSize = this.cellFontSize;
+        if (this.cellTextDecoration)
+            cellStyle.textDecoration = this.cellTextDecoration;
+        if (Object.keys(cellStyle).length > 0) {
+            definition.style = cellStyle;
+        }
+        return definition;
+    }
+    handleBasicPropsChange() {
+        this.notifyTableOfChange();
+    }
+    handleNumberFormatChange() {
+        if (this.type === 'number' || this.type === 'currency' || this.type === 'percent' ||
+            this.type === 'accounting' || this.type === 'scientific' || this.type === 'fraction') {
+            this.notifyTableOfChange();
+        }
+    }
+    handleDateFormatChange() {
+        if (this.type === 'date') {
+            this.notifyTableOfChange();
+        }
+    }
+    handleBooleanFormatChange() {
+        if (this.type === 'boolean') {
+            this.notifyTableOfChange();
+        }
+    }
+    handleRatingFormatChange() {
+        if (this.type === 'rating') {
+            this.notifyTableOfChange();
+        }
+    }
+    handleProgressFormatChange() {
+        if (this.type === 'progress') {
+            this.notifyTableOfChange();
+        }
+    }
+    handleSparklineFormatChange() {
+        if (this.type === 'sparkline') {
+            this.notifyTableOfChange();
+        }
+    }
+    handleStyleChange() {
+        this.notifyTableOfChange();
+    }
+    notifyTableOfChange() {
+        // Dispatch event to parent table to notify of column definition change
+        this.dispatchEvent(new CustomEvent('@snice/column-changed', {
+            detail: { column: this.getColumnDefinition() },
+            bubbles: true,
+            composed: true
+        }));
+    }
+};
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "key", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "label", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "type", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "align", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "width", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], SniceColumn.prototype, "sortable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], SniceColumn.prototype, "filterable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], SniceColumn.prototype, "wrap", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], SniceColumn.prototype, "ellipsis", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], SniceColumn.prototype, "tooltip", void 0);
+__decorate([
+    property({ type: Number, attribute: 'decimals' }),
+    __metadata("design:type", Number)
+], SniceColumn.prototype, "decimals", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'thousands-separator' }),
+    __metadata("design:type", Boolean)
+], SniceColumn.prototype, "thousandsSeparator", void 0);
+__decorate([
+    property({ attribute: 'number-prefix' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "numberPrefix", void 0);
+__decorate([
+    property({ attribute: 'number-suffix' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "numberSuffix", void 0);
+__decorate([
+    property({ attribute: 'negative-style' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "negativeStyle", void 0);
+__decorate([
+    property({ attribute: 'date-format' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "dateFormat", void 0);
+__decorate([
+    property({ attribute: 'custom-date-format' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "customDateFormat", void 0);
+__decorate([
+    property({ attribute: 'date-locale' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "dateLocale", void 0);
+__decorate([
+    property({ attribute: 'true-value' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "trueValue", void 0);
+__decorate([
+    property({ attribute: 'false-value' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "falseValue", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'use-symbols' }),
+    __metadata("design:type", Boolean)
+], SniceColumn.prototype, "useSymbols", void 0);
+__decorate([
+    property({ attribute: 'true-symbol' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "trueSymbol", void 0);
+__decorate([
+    property({ attribute: 'false-symbol' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "falseSymbol", void 0);
+__decorate([
+    property({ type: Number, attribute: 'rating-max' }),
+    __metadata("design:type", Number)
+], SniceColumn.prototype, "ratingMax", void 0);
+__decorate([
+    property({ attribute: 'rating-symbol' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "ratingSymbol", void 0);
+__decorate([
+    property({ attribute: 'rating-empty-symbol' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "ratingEmptySymbol", void 0);
+__decorate([
+    property({ attribute: 'rating-color' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "ratingColor", void 0);
+__decorate([
+    property({ type: Number, attribute: 'progress-max' }),
+    __metadata("design:type", Number)
+], SniceColumn.prototype, "progressMax", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-percentage' }),
+    __metadata("design:type", Boolean)
+], SniceColumn.prototype, "showPercentage", void 0);
+__decorate([
+    property({ attribute: 'progress-color' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "progressColor", void 0);
+__decorate([
+    property({ attribute: 'progress-bg-color' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "progressBgColor", void 0);
+__decorate([
+    property({ attribute: 'progress-height' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "progressHeight", void 0);
+__decorate([
+    property({ attribute: 'sparkline-type' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "sparklineType", void 0);
+__decorate([
+    property({ attribute: 'sparkline-color' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "sparklineColor", void 0);
+__decorate([
+    property({ type: Number, attribute: 'sparkline-width' }),
+    __metadata("design:type", Number)
+], SniceColumn.prototype, "sparklineWidth", void 0);
+__decorate([
+    property({ type: Number, attribute: 'sparkline-height' }),
+    __metadata("design:type", Number)
+], SniceColumn.prototype, "sparklineHeight", void 0);
+__decorate([
+    property({ attribute: 'cell-bg-color' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "cellBgColor", void 0);
+__decorate([
+    property({ attribute: 'cell-color' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "cellColor", void 0);
+__decorate([
+    property({ attribute: 'cell-font-weight' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "cellFontWeight", void 0);
+__decorate([
+    property({ attribute: 'cell-font-style' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "cellFontStyle", void 0);
+__decorate([
+    property({ attribute: 'cell-font-size' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "cellFontSize", void 0);
+__decorate([
+    property({ attribute: 'cell-text-decoration' }),
+    __metadata("design:type", String)
+], SniceColumn.prototype, "cellTextDecoration", void 0);
+__decorate([
+    watch('key', 'label', 'type', 'align', 'width', 'sortable', 'filterable', 'wrap', 'ellipsis', 'tooltip'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceColumn.prototype, "handleBasicPropsChange", null);
+__decorate([
+    watch('decimals', 'thousandsSeparator', 'numberPrefix', 'numberSuffix', 'negativeStyle'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceColumn.prototype, "handleNumberFormatChange", null);
+__decorate([
+    watch('dateFormat', 'customDateFormat', 'dateLocale'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceColumn.prototype, "handleDateFormatChange", null);
+__decorate([
+    watch('trueValue', 'falseValue', 'useSymbols', 'trueSymbol', 'falseSymbol'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceColumn.prototype, "handleBooleanFormatChange", null);
+__decorate([
+    watch('ratingMax', 'ratingSymbol', 'ratingEmptySymbol', 'ratingColor'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceColumn.prototype, "handleRatingFormatChange", null);
+__decorate([
+    watch('progressMax', 'showPercentage', 'progressColor', 'progressBgColor', 'progressHeight'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceColumn.prototype, "handleProgressFormatChange", null);
+__decorate([
+    watch('sparklineType', 'sparklineColor', 'sparklineWidth', 'sparklineHeight'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceColumn.prototype, "handleSparklineFormatChange", null);
+__decorate([
+    watch('cellBgColor', 'cellColor', 'cellFontWeight', 'cellFontStyle', 'cellFontSize', 'cellTextDecoration'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceColumn.prototype, "handleStyleChange", null);
+SniceColumn = __decorate([
+    element('snice-column')
+], SniceColumn);
+export { SniceColumn };
+//# sourceMappingURL=snice-column.js.map

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

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

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

@@ -0,0 +1,33 @@
+import type { SniceHeaderElement, ColumnDefinition, TableSort, SortDirection } from './snice-table.types';
+export declare class SniceHeader extends HTMLElement implements SniceHeaderElement {
+    sticky: boolean;
+    columns: ColumnDefinition[];
+    selectable: boolean;
+    sortable: boolean;
+    currentSort: TableSort;
+    allSelected: boolean;
+    someSelected: boolean;
+    html(): string;
+    init(): void;
+    updateHeaderAttributes(): void;
+    updateHeaderCells(): void;
+    updateSelectAllCheckbox(): void;
+    handleSort(e: MouseEvent): void;
+    handleSelectAll(e: Event): void;
+    handleKeyDown(e: KeyboardEvent): void;
+    private renderSelectAllCheckbox;
+    private renderHeaderCells;
+    private renderHeaderCell;
+    private renderSortIndicator;
+    private renderFilterButton;
+    private getHeaderCellStyles;
+    private getAriaSortValue;
+    private dispatchSort;
+    private dispatchSelectAll;
+    private dispatchFilter;
+    setSortState(column: string, direction: SortDirection): void;
+    setSelectionState(allSelected: boolean, someSelected?: boolean): void;
+    getColumnElement(columnKey: string): HTMLElement | null;
+    updateColumns(columns: ColumnDefinition[]): void;
+    highlightColumn(columnKey: string, duration?: number): void;
+}