snice 2.1.4 → 2.2.0

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

@@ -0,0 +1,373 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, on, dispatch } from 'snice';
+
+let SnicePagination = (() => {
+    let _classDecorators = [element('snice-pagination')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _current_decorators;
+    let _current_initializers = [];
+    let _current_extraInitializers = [];
+    let _total_decorators;
+    let _total_initializers = [];
+    let _total_extraInitializers = [];
+    let _siblings_decorators;
+    let _siblings_initializers = [];
+    let _siblings_extraInitializers = [];
+    let _showFirst_decorators;
+    let _showFirst_initializers = [];
+    let _showFirst_extraInitializers = [];
+    let _showLast_decorators;
+    let _showLast_initializers = [];
+    let _showLast_extraInitializers = [];
+    let _showPrev_decorators;
+    let _showPrev_initializers = [];
+    let _showPrev_extraInitializers = [];
+    let _showNext_decorators;
+    let _showNext_initializers = [];
+    let _showNext_extraInitializers = [];
+    let _size_decorators;
+    let _size_initializers = [];
+    let _size_extraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
+    let _handleFirst_decorators;
+    let _handlePrev_decorators;
+    let _handleNext_decorators;
+    let _handleLast_decorators;
+    let _handlePageClick_decorators;
+    let _changePage_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _current_decorators = [property({ type: Number, reflect: true })];
+            _total_decorators = [property({ type: Number, reflect: true })];
+            _siblings_decorators = [property({ type: Number, reflect: true })];
+            _showFirst_decorators = [property({ type: Boolean, reflect: true })];
+            _showLast_decorators = [property({ type: Boolean, reflect: true })];
+            _showPrev_decorators = [property({ type: Boolean, reflect: true })];
+            _showNext_decorators = [property({ type: Boolean, reflect: true })];
+            _size_decorators = [property({ reflect: true })];
+            _variant_decorators = [property({ reflect: true })];
+            _handleFirst_decorators = [on('click', '.pagination-first')];
+            _handlePrev_decorators = [on('click', '.pagination-prev')];
+            _handleNext_decorators = [on('click', '.pagination-next')];
+            _handleLast_decorators = [on('click', '.pagination-last')];
+            _handlePageClick_decorators = [on('click', '.pagination-page')];
+            _changePage_decorators = [dispatch('@snice/pagination-change', { bubbles: true, composed: true })];
+            __esDecorate(this, null, _handleFirst_decorators, { kind: "method", name: "handleFirst", static: false, private: false, access: { has: obj => "handleFirst" in obj, get: obj => obj.handleFirst }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handlePrev_decorators, { kind: "method", name: "handlePrev", static: false, private: false, access: { has: obj => "handlePrev" in obj, get: obj => obj.handlePrev }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleNext_decorators, { kind: "method", name: "handleNext", static: false, private: false, access: { has: obj => "handleNext" in obj, get: obj => obj.handleNext }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleLast_decorators, { kind: "method", name: "handleLast", static: false, private: false, access: { has: obj => "handleLast" in obj, get: obj => obj.handleLast }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handlePageClick_decorators, { kind: "method", name: "handlePageClick", static: false, private: false, access: { has: obj => "handlePageClick" in obj, get: obj => obj.handlePageClick }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _changePage_decorators, { kind: "method", name: "changePage", static: false, private: false, access: { has: obj => "changePage" in obj, get: obj => obj.changePage }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _current_decorators, { kind: "field", name: "current", static: false, private: false, access: { has: obj => "current" in obj, get: obj => obj.current, set: (obj, value) => { obj.current = value; } }, metadata: _metadata }, _current_initializers, _current_extraInitializers);
+            __esDecorate(null, null, _total_decorators, { kind: "field", name: "total", static: false, private: false, access: { has: obj => "total" in obj, get: obj => obj.total, set: (obj, value) => { obj.total = value; } }, metadata: _metadata }, _total_initializers, _total_extraInitializers);
+            __esDecorate(null, null, _siblings_decorators, { kind: "field", name: "siblings", static: false, private: false, access: { has: obj => "siblings" in obj, get: obj => obj.siblings, set: (obj, value) => { obj.siblings = value; } }, metadata: _metadata }, _siblings_initializers, _siblings_extraInitializers);
+            __esDecorate(null, null, _showFirst_decorators, { kind: "field", name: "showFirst", static: false, private: false, access: { has: obj => "showFirst" in obj, get: obj => obj.showFirst, set: (obj, value) => { obj.showFirst = value; } }, metadata: _metadata }, _showFirst_initializers, _showFirst_extraInitializers);
+            __esDecorate(null, null, _showLast_decorators, { kind: "field", name: "showLast", static: false, private: false, access: { has: obj => "showLast" in obj, get: obj => obj.showLast, set: (obj, value) => { obj.showLast = value; } }, metadata: _metadata }, _showLast_initializers, _showLast_extraInitializers);
+            __esDecorate(null, null, _showPrev_decorators, { kind: "field", name: "showPrev", static: false, private: false, access: { has: obj => "showPrev" in obj, get: obj => obj.showPrev, set: (obj, value) => { obj.showPrev = value; } }, metadata: _metadata }, _showPrev_initializers, _showPrev_extraInitializers);
+            __esDecorate(null, null, _showNext_decorators, { kind: "field", name: "showNext", static: false, private: false, access: { has: obj => "showNext" in obj, get: obj => obj.showNext, set: (obj, value) => { obj.showNext = value; } }, metadata: _metadata }, _showNext_initializers, _showNext_extraInitializers);
+            __esDecorate(null, null, _size_decorators, { kind: "field", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+            __esDecorate(null, null, _variant_decorators, { kind: "field", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        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);
+            }
+        }
+        constructor() {
+            super(...arguments);
+            this.current = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _current_initializers, 1));
+            this.total = (__runInitializers(this, _current_extraInitializers), __runInitializers(this, _total_initializers, 1));
+            this.siblings = (__runInitializers(this, _total_extraInitializers), __runInitializers(this, _siblings_initializers, 1));
+            this.showFirst = (__runInitializers(this, _siblings_extraInitializers), __runInitializers(this, _showFirst_initializers, true));
+            this.showLast = (__runInitializers(this, _showFirst_extraInitializers), __runInitializers(this, _showLast_initializers, true));
+            this.showPrev = (__runInitializers(this, _showLast_extraInitializers), __runInitializers(this, _showPrev_initializers, true));
+            this.showNext = (__runInitializers(this, _showPrev_extraInitializers), __runInitializers(this, _showNext_initializers, true));
+            this.size = (__runInitializers(this, _showNext_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
+            this.variant = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _variant_initializers, 'default'));
+            __runInitializers(this, _variant_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SnicePagination };
+//# sourceMappingURL=snice-pagination.js.map

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

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