snice 1.13.2 → 1.13.4

package/dist/components/pagination/snice-pagination.js

@@ -0,0 +1,373 @@
+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, dispatch } from '../../src/index';
+let SnicePagination = class SnicePagination extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        this.current = 1;
+        this.total = 1;
+        this.siblings = 1;
+        this.showFirst = true;
+        this.showLast = true;
+        this.showPrev = true;
+        this.showNext = true;
+        this.size = 'medium';
+        this.variant = 'default';
+    }
+    html() {
+        const pages = this.getPageNumbers();
+        return /*html*/ `
+      <nav class="pagination" aria-label="Pagination">
+        ${this.showFirst ? /*html*/ `
+          <button 
+            class="pagination-button pagination-first" 
+            ${this.current === 1 ? 'disabled' : ''}
+            aria-label="First page">
+            <svg width="16" height="16" viewBox="0 0 16 16">
+              <path d="M11 12L7 8L11 4M5 4V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+            </svg>
+          </button>
+        ` : ''}
+        
+        ${this.showPrev ? /*html*/ `
+          <button 
+            class="pagination-button pagination-prev" 
+            ${this.current === 1 ? 'disabled' : ''}
+            aria-label="Previous page">
+            <svg width="16" height="16" viewBox="0 0 16 16">
+              <path d="M10 12L6 8L10 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+            </svg>
+          </button>
+        ` : ''}
+        
+        <div class="pagination-pages">
+          ${pages.map(page => page === '...'
+            ? /*html*/ `<span class="pagination-ellipsis">...</span>`
+            : /*html*/ `
+                  <button 
+                    class="pagination-button pagination-page ${page === this.current ? 'active' : ''}"
+                    data-page="${page}"
+                    aria-label="Page ${page}"
+                    ${page === this.current ? 'aria-current="page"' : ''}>
+                    ${page}
+                  </button>
+                `).join('')}
+        </div>
+        
+        ${this.showNext ? /*html*/ `
+          <button 
+            class="pagination-button pagination-next" 
+            ${this.current === this.total ? 'disabled' : ''}
+            aria-label="Next page">
+            <svg width="16" height="16" viewBox="0 0 16 16">
+              <path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+            </svg>
+          </button>
+        ` : ''}
+        
+        ${this.showLast ? /*html*/ `
+          <button 
+            class="pagination-button pagination-last" 
+            ${this.current === this.total ? 'disabled' : ''}
+            aria-label="Last page">
+            <svg width="16" height="16" viewBox="0 0 16 16">
+              <path d="M5 12L9 8L5 4M11 4V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+            </svg>
+          </button>
+        ` : ''}
+      </nav>
+    `;
+    }
+    css() {
+        return /*css*/ `
+      :host {
+        display: inline-block;
+        --pagination-gap: 4px;
+        --pagination-button-size: 32px;
+        --pagination-button-padding: 8px;
+        --pagination-font-size: 14px;
+        --pagination-border-radius: 4px;
+      }
+      
+      :host([size="small"]) {
+        --pagination-button-size: 28px;
+        --pagination-button-padding: 6px;
+        --pagination-font-size: 12px;
+      }
+      
+      :host([size="large"]) {
+        --pagination-button-size: 40px;
+        --pagination-button-padding: 10px;
+        --pagination-font-size: 16px;
+      }
+      
+      :host([variant="rounded"]) {
+        --pagination-border-radius: 50%;
+      }
+      
+      .pagination {
+        display: flex;
+        align-items: center;
+        gap: var(--pagination-gap);
+      }
+      
+      .pagination-pages {
+        display: flex;
+        align-items: center;
+        gap: var(--pagination-gap);
+      }
+      
+      .pagination-button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-width: var(--pagination-button-size);
+        height: var(--pagination-button-size);
+        padding: 0 var(--pagination-button-padding);
+        background: white;
+        border: 1px solid #e5e7eb;
+        border-radius: var(--pagination-border-radius);
+        color: #374151;
+        font-size: var(--pagination-font-size);
+        cursor: pointer;
+        transition: all 0.2s;
+        font-family: inherit;
+      }
+      
+      :host([variant="text"]) .pagination-button {
+        background: transparent;
+        border: none;
+      }
+      
+      .pagination-button:hover:not(:disabled) {
+        background: #f3f4f6;
+        border-color: #d1d5db;
+      }
+      
+      :host([variant="text"]) .pagination-button:hover:not(:disabled) {
+        background: #f3f4f6;
+      }
+      
+      .pagination-button:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+      
+      .pagination-button.active {
+        background: #3b82f6;
+        border-color: #3b82f6;
+        color: white;
+      }
+      
+      .pagination-button.active:hover {
+        background: #2563eb;
+        border-color: #2563eb;
+      }
+      
+      .pagination-ellipsis {
+        padding: 0 8px;
+        color: #6b7280;
+        font-size: var(--pagination-font-size);
+      }
+      
+      svg {
+        width: 16px;
+        height: 16px;
+      }
+    `;
+    }
+    getPageNumbers() {
+        const pages = [];
+        const totalNumbers = this.siblings * 2 + 3;
+        const totalBlocks = totalNumbers + 2;
+        if (this.total <= totalBlocks) {
+            // Show all pages
+            for (let i = 1; i <= this.total; i++) {
+                pages.push(i);
+            }
+        }
+        else {
+            const startPage = Math.max(2, this.current - this.siblings);
+            const endPage = Math.min(this.total - 1, this.current + this.siblings);
+            // Always show first page
+            pages.push(1);
+            // Add ellipsis if needed
+            if (startPage > 2) {
+                pages.push('...');
+            }
+            // Add middle pages
+            for (let i = startPage; i <= endPage; i++) {
+                pages.push(i);
+            }
+            // Add ellipsis if needed
+            if (endPage < this.total - 1) {
+                pages.push('...');
+            }
+            // Always show last page
+            pages.push(this.total);
+        }
+        return pages;
+    }
+    handleFirst() {
+        if (this.current !== 1) {
+            this.changePage(1);
+        }
+    }
+    handlePrev() {
+        if (this.current > 1) {
+            this.changePage(this.current - 1);
+        }
+    }
+    handleNext() {
+        if (this.current < this.total) {
+            this.changePage(this.current + 1);
+        }
+    }
+    handleLast() {
+        if (this.current !== this.total) {
+            this.changePage(this.total);
+        }
+    }
+    handlePageClick(event) {
+        const target = event.target;
+        const button = target.closest('.pagination-page');
+        if (button) {
+            const pageAttr = button.getAttribute('data-page');
+            if (pageAttr) {
+                const page = parseInt(pageAttr);
+                if (page !== this.current) {
+                    this.changePage(page);
+                }
+            }
+        }
+    }
+    changePage(page) {
+        const oldPage = this.current;
+        this.current = page;
+        // Force a re-render by updating the shadow DOM
+        this.updateView();
+        return {
+            page: this.current,
+            previousPage: oldPage
+        };
+    }
+    updateView() {
+        // Update the shadow DOM with new HTML
+        if (this.shadowRoot) {
+            this.shadowRoot.innerHTML = `
+        <style>${this.css()}</style>
+        ${this.html()}
+      `;
+        }
+    }
+    // Public API
+    goToPage(page) {
+        if (page >= 1 && page <= this.total && page !== this.current) {
+            this.changePage(page);
+        }
+    }
+    nextPage() {
+        if (this.current < this.total) {
+            this.changePage(this.current + 1);
+        }
+    }
+    previousPage() {
+        if (this.current > 1) {
+            this.changePage(this.current - 1);
+        }
+    }
+    firstPage() {
+        if (this.current !== 1) {
+            this.changePage(1);
+        }
+    }
+    lastPage() {
+        if (this.current !== this.total) {
+            this.changePage(this.total);
+        }
+    }
+};
+__decorate([
+    property({ type: Number, reflect: true }),
+    __metadata("design:type", Object)
+], SnicePagination.prototype, "current", void 0);
+__decorate([
+    property({ type: Number, reflect: true }),
+    __metadata("design:type", Object)
+], SnicePagination.prototype, "total", void 0);
+__decorate([
+    property({ type: Number, reflect: true }),
+    __metadata("design:type", Object)
+], SnicePagination.prototype, "siblings", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SnicePagination.prototype, "showFirst", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SnicePagination.prototype, "showLast", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SnicePagination.prototype, "showPrev", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SnicePagination.prototype, "showNext", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SnicePagination.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SnicePagination.prototype, "variant", void 0);
+__decorate([
+    on('click', '.pagination-first'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SnicePagination.prototype, "handleFirst", null);
+__decorate([
+    on('click', '.pagination-prev'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SnicePagination.prototype, "handlePrev", null);
+__decorate([
+    on('click', '.pagination-next'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SnicePagination.prototype, "handleNext", null);
+__decorate([
+    on('click', '.pagination-last'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SnicePagination.prototype, "handleLast", null);
+__decorate([
+    on('click', '.pagination-page'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Event]),
+    __metadata("design:returntype", void 0)
+], SnicePagination.prototype, "handlePageClick", null);
+__decorate([
+    dispatch('@snice/pagination-change', { bubbles: true, composed: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Number]),
+    __metadata("design:returntype", void 0)
+], SnicePagination.prototype, "changePage", null);
+SnicePagination = __decorate([
+    element('snice-pagination')
+], SnicePagination);
+export { SnicePagination };
+//# sourceMappingURL=snice-pagination.js.map

package/dist/components/pagination/snice-pagination.js.map

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

package/dist/components/pagination/snice-pagination.types.d.ts

@@ -0,0 +1,18 @@
+export type PaginationSize = 'small' | 'medium' | 'large';
+export type PaginationVariant = 'default' | 'rounded' | 'text';
+export interface SnicePaginationElement extends HTMLElement {
+    current: number;
+    total: number;
+    siblings: number;
+    showFirst: boolean;
+    showLast: boolean;
+    showPrev: boolean;
+    showNext: boolean;
+    size: PaginationSize;
+    variant: PaginationVariant;
+    goToPage(page: number): void;
+    nextPage(): void;
+    previousPage(): void;
+    firstPage(): void;
+    lastPage(): void;
+}

package/dist/components/pagination/snice-pagination.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=snice-pagination.types.js.map

package/dist/components/pagination/snice-pagination.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-pagination.types.js","sourceRoot":"","sources":["../../../components/pagination/snice-pagination.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,35 @@
+import type { ProgressVariant, ProgressSize, ProgressColor, SniceProgressElement } from './snice-progress.types';
+export declare class SniceProgress extends HTMLElement implements SniceProgressElement {
+    value: number;
+    max: number;
+    variant: ProgressVariant;
+    size: ProgressSize;
+    color: ProgressColor;
+    indeterminate: boolean;
+    showLabel: boolean;
+    label: string;
+    striped: boolean;
+    animated: boolean;
+    thickness: number;
+    progressBar?: HTMLElement;
+    circleBar?: SVGCircleElement;
+    labelElement?: HTMLElement;
+    circleLabelElement?: HTMLElement;
+    private radius;
+    private circumference;
+    html(): string;
+    css(): string;
+    private renderLinear;
+    private renderCircular;
+    init(): void;
+    handleProgressChange(): void;
+    handleVariantChange(): void;
+    handleLabelChange(): void;
+    handleThicknessChange(): void;
+    private updateProgress;
+    private updateLabel;
+    getPercentage(): number;
+    setProgress(value: number, max?: number): void;
+    private getSizeValue;
+    private dispatchProgressChange;
+}