snice 1.13.2 → 1.13.4

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

@@ -0,0 +1,367 @@
+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, query, queryAll, on, watch, ready, dispatch } from '../../src/index';
+import css from './snice-tabs.css?inline';
+import { transitions } from '../transitions';
+let SniceTabs = class SniceTabs extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        this.placement = 'top';
+        this.selected = 0;
+        this.noScrollControls = false;
+        this.transition = 'none';
+        this.previousSelected = -1;
+    }
+    html() {
+        return /*html*/ `
+      <div class="tabs tabs--${this.placement}" part="base">
+        <div class="tabs__nav-container" part="nav-container">
+          ${!this.noScrollControls ? /*html*/ `
+            <button class="tabs__scroll-button tabs__scroll-button--start" part="scroll-button scroll-button-start" tabindex="-1" aria-label="Scroll left">
+              <svg viewBox="0 0 24 24" width="16" height="16">
+                <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" fill="currentColor"/>
+              </svg>
+            </button>
+          ` : ''}
+          
+          <div class="tabs__nav" part="nav" role="tablist">
+            <div class="tabs__nav-track">
+              <slot name="nav"></slot>
+              <div class="tabs__indicator" part="indicator"></div>
+            </div>
+          </div>
+          
+          ${!this.noScrollControls ? /*html*/ `
+            <button class="tabs__scroll-button tabs__scroll-button--end" part="scroll-button scroll-button-end" tabindex="-1" aria-label="Scroll right">
+              <svg viewBox="0 0 24 24" width="16" height="16">
+                <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" fill="currentColor"/>
+              </svg>
+            </button>
+          ` : ''}
+        </div>
+        
+        <div class="tabs__panels" part="panels">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+    }
+    css() {
+        return css;
+    }
+    init() {
+        this.setupTabs();
+        this.updateScrollButtons();
+        // Update scroll buttons on resize
+        const resizeObserver = new ResizeObserver(() => {
+            this.updateScrollButtons();
+            this.updateIndicator();
+        });
+        if (this.nav) {
+            resizeObserver.observe(this.nav);
+        }
+    }
+    handleSelectedChange() {
+        this.updateSelection();
+        this.updateIndicator();
+    }
+    handlePlacementChange() {
+        if (!this.tabsContainer)
+            return;
+        // Remove all placement classes
+        this.tabsContainer.classList.remove('tabs--top', 'tabs--bottom', 'tabs--start', 'tabs--end');
+        // Add the new placement class
+        this.tabsContainer.classList.add(`tabs--${this.placement}`);
+        // Update indicator position
+        this.updateIndicator();
+        // Update scroll buttons visibility
+        this.updateScrollButtons();
+    }
+    scrollStart() {
+        if (!this.nav)
+            return;
+        const isHorizontal = this.placement === 'top' || this.placement === 'bottom';
+        if (isHorizontal) {
+            this.nav.scrollBy({ left: -200, behavior: 'smooth' });
+        }
+        else {
+            this.nav.scrollBy({ top: -200, behavior: 'smooth' });
+        }
+    }
+    scrollEnd() {
+        if (!this.nav)
+            return;
+        const isHorizontal = this.placement === 'top' || this.placement === 'bottom';
+        if (isHorizontal) {
+            this.nav.scrollBy({ left: 200, behavior: 'smooth' });
+        }
+        else {
+            this.nav.scrollBy({ top: 200, behavior: 'smooth' });
+        }
+    }
+    handleScroll() {
+        this.updateScrollButtons();
+        this.updateIndicator();
+    }
+    handleTabSelect(event) {
+        if (!this.tabs)
+            return;
+        const tab = event.detail.tab;
+        const index = Array.from(this.tabs).indexOf(tab);
+        if (index >= 0) {
+            this.selectTab(index);
+        }
+    }
+    setupTabs() {
+        this.updateSelection();
+        // Delay indicator update to ensure DOM is ready
+        requestAnimationFrame(() => {
+            this.updateIndicator();
+        });
+    }
+    selectTab(index) {
+        if (!this.tabs || !this.panels || index < 0 || index >= this.tabs.length)
+            return;
+        const oldIndex = this.selected;
+        this.selected = index;
+        return {
+            index,
+            oldIndex,
+            tab: this.tabs[index],
+            panel: this.panels[index]
+        };
+    }
+    updateSelection() {
+        if (!this.tabs || !this.panels)
+            return;
+        this.tabs.forEach((tab, index) => {
+            const isSelected = index === this.selected;
+            tab.setAttribute('aria-selected', String(isSelected));
+            tab.setAttribute('tabindex', isSelected ? '0' : '-1');
+            tab.classList.toggle('snice-tab--active', isSelected);
+        });
+        // Handle panel transitions
+        const oldPanel = this.previousSelected >= 0 ? this.panels[this.previousSelected] : null;
+        const newPanel = this.panels[this.selected];
+        if (this.transition && this.transition !== 'none' && oldPanel && newPanel && oldPanel !== newPanel) {
+            // Get transition config and set CSS variables for timing
+            const transitionConfig = transitions[this.transition];
+            const outDuration = transitionConfig?.outDuration || 300;
+            const inDuration = transitionConfig?.inDuration || 300;
+            const maxDuration = Math.max(outDuration, inDuration);
+            // Update CSS custom property for transition duration
+            this.style.setProperty('--snice-tabs-transition-duration', `${maxDuration}ms`);
+            // Lock container height BEFORE any changes to prevent ANY reflow
+            if (this.panelsContainer) {
+                const currentHeight = this.panelsContainer.offsetHeight;
+                this.panelsContainer.style.height = `${currentHeight}px`;
+                this.panelsContainer.style.overflow = 'hidden';
+            }
+            // Now show new panel to measure it
+            newPanel.hidden = false;
+            newPanel.setAttribute('transition-in', this.transition);
+            oldPanel.setAttribute('transition-out', this.transition);
+            // Pass timing info to panels via properties
+            newPanel.transitionDuration = inDuration;
+            oldPanel.transitionDuration = outDuration;
+            // Hide old panel well before transition completes to avoid flicker
+            setTimeout(() => {
+                oldPanel.hidden = true;
+                oldPanel.removeAttribute('transition-out');
+            }, outDuration - 50); // Hide 50ms early to prevent flicker
+            // Clean up new panel transition attribute and unlock height
+            setTimeout(() => {
+                newPanel.removeAttribute('transition-in');
+                if (this.panelsContainer) {
+                    // Reset to auto height without animation to prevent bounce
+                    this.panelsContainer.style.height = '';
+                    this.panelsContainer.style.overflow = '';
+                }
+            }, maxDuration);
+        }
+        else {
+            // No transition - immediate switch
+            this.panels.forEach((panel, index) => {
+                const isSelected = index === this.selected;
+                panel.setAttribute('aria-hidden', String(!isSelected));
+                panel.hidden = !isSelected;
+            });
+        }
+        // Update aria attributes
+        this.panels.forEach((panel, index) => {
+            panel.setAttribute('aria-hidden', String(index !== this.selected));
+        });
+        this.previousSelected = this.selected;
+    }
+    updateIndicator() {
+        if (!this.indicator || !this.tabs || !this.tabs.length || !this.navTrack)
+            return;
+        const activeTab = this.tabs[this.selected];
+        if (!activeTab)
+            return;
+        const isHorizontal = this.placement === 'top' || this.placement === 'bottom';
+        // Get the position of the active tab relative to the nav track container
+        // We need to calculate this manually since tabs are in light DOM and indicator is in shadow DOM
+        let offset = 0;
+        // Sum up the widths/heights of all tabs before the active one
+        for (let i = 0; i < this.selected; i++) {
+            if (isHorizontal) {
+                offset += this.tabs[i].offsetWidth;
+            }
+            else {
+                offset += this.tabs[i].offsetHeight;
+            }
+        }
+        if (isHorizontal) {
+            this.indicator.style.width = `${activeTab.offsetWidth}px`;
+            this.indicator.style.height = '2px';
+            this.indicator.style.transform = `translateX(${offset}px)`;
+        }
+        else {
+            this.indicator.style.width = '2px';
+            this.indicator.style.height = `${activeTab.offsetHeight}px`;
+            this.indicator.style.transform = `translateY(${offset}px)`;
+        }
+    }
+    updateScrollButtons() {
+        if (!this.nav || this.noScrollControls)
+            return;
+        const isHorizontal = this.placement === 'top' || this.placement === 'bottom';
+        const hasOverflow = isHorizontal
+            ? this.nav.scrollWidth > this.nav.clientWidth
+            : this.nav.scrollHeight > this.nav.clientHeight;
+        const canScrollStart = isHorizontal
+            ? this.nav.scrollLeft > 0
+            : this.nav.scrollTop > 0;
+        const canScrollEnd = isHorizontal
+            ? this.nav.scrollLeft < this.nav.scrollWidth - this.nav.clientWidth
+            : this.nav.scrollTop < this.nav.scrollHeight - this.nav.clientHeight;
+        // Show/hide buttons based on overflow
+        this.scrollButtonStart?.classList.toggle('tabs__scroll-button--visible', hasOverflow);
+        this.scrollButtonEnd?.classList.toggle('tabs__scroll-button--visible', hasOverflow);
+        // Disable buttons when can't scroll in that direction
+        this.scrollButtonStart?.classList.toggle('tabs__scroll-button--disabled', !canScrollStart);
+        this.scrollButtonEnd?.classList.toggle('tabs__scroll-button--disabled', !canScrollEnd);
+    }
+    show(index) {
+        this.selectTab(index);
+    }
+    getTab(index) {
+        return this.tabs?.[index];
+    }
+    getPanel(index) {
+        return this.panels?.[index];
+    }
+};
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceTabs.prototype, "placement", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", Object)
+], SniceTabs.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceTabs.prototype, "noScrollControls", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", Object)
+], SniceTabs.prototype, "transition", void 0);
+__decorate([
+    query('.tabs__nav'),
+    __metadata("design:type", HTMLElement)
+], SniceTabs.prototype, "nav", void 0);
+__decorate([
+    query('.tabs__nav-track'),
+    __metadata("design:type", HTMLElement)
+], SniceTabs.prototype, "navTrack", void 0);
+__decorate([
+    query('.tabs__indicator'),
+    __metadata("design:type", HTMLElement)
+], SniceTabs.prototype, "indicator", void 0);
+__decorate([
+    query('.tabs__scroll-button--start'),
+    __metadata("design:type", HTMLButtonElement)
+], SniceTabs.prototype, "scrollButtonStart", void 0);
+__decorate([
+    query('.tabs__scroll-button--end'),
+    __metadata("design:type", HTMLButtonElement)
+], SniceTabs.prototype, "scrollButtonEnd", void 0);
+__decorate([
+    query('.tabs'),
+    __metadata("design:type", HTMLElement)
+], SniceTabs.prototype, "tabsContainer", void 0);
+__decorate([
+    queryAll('snice-tab[slot="nav"]', { light: true, shadow: false }),
+    __metadata("design:type", Object)
+], SniceTabs.prototype, "tabs", void 0);
+__decorate([
+    queryAll('snice-tab-panel', { light: true, shadow: false }),
+    __metadata("design:type", Object)
+], SniceTabs.prototype, "panels", void 0);
+__decorate([
+    query('.tabs__panels'),
+    __metadata("design:type", HTMLElement)
+], SniceTabs.prototype, "panelsContainer", void 0);
+__decorate([
+    ready(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceTabs.prototype, "init", null);
+__decorate([
+    watch('selected'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceTabs.prototype, "handleSelectedChange", null);
+__decorate([
+    watch('placement'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceTabs.prototype, "handlePlacementChange", null);
+__decorate([
+    on('click', '.tabs__scroll-button--start'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceTabs.prototype, "scrollStart", null);
+__decorate([
+    on('click', '.tabs__scroll-button--end'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceTabs.prototype, "scrollEnd", null);
+__decorate([
+    on('scroll', '.tabs__nav'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceTabs.prototype, "handleScroll", null);
+__decorate([
+    on('@snice/tab-select'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [CustomEvent]),
+    __metadata("design:returntype", void 0)
+], SniceTabs.prototype, "handleTabSelect", null);
+__decorate([
+    dispatch('@snice/tab-change', { bubbles: true, composed: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Number]),
+    __metadata("design:returntype", Object)
+], SniceTabs.prototype, "selectTab", null);
+SniceTabs = __decorate([
+    element('snice-tabs')
+], SniceTabs);
+export { SniceTabs };
+//# sourceMappingURL=snice-tabs.js.map

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

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

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

@@ -0,0 +1,23 @@
+export type TabsPlacement = 'top' | 'bottom' | 'start' | 'end';
+export interface SniceTabElement extends HTMLElement {
+    disabled: boolean;
+    closable: boolean;
+    focus(options?: FocusOptions): void;
+    blur(): void;
+}
+export interface SniceTabPanelElement extends HTMLElement {
+    name: string;
+    hidden: boolean;
+}
+export interface TabChangeDetail {
+    index: number;
+    oldIndex: number;
+    tab: SniceTabElement;
+    panel: SniceTabPanelElement;
+}
+export interface TabSelectDetail {
+    tab: SniceTabElement;
+}
+export interface TabCloseDetail {
+    tab: SniceTabElement;
+}

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

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

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

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

package/dist/components/toast/snice-toast-container.d.ts

@@ -0,0 +1,25 @@
+import type { ToastPosition, ToastOptions, SniceToastContainerElement } from './snice-toast.types';
+import './snice-toast';
+export declare class SniceToastContainer extends HTMLElement implements SniceToastContainerElement {
+    position: ToastPosition;
+    private toastIdCounter;
+    private toasts;
+    html(): string;
+    css(): string;
+    init(): void;
+    cleanup(): void;
+    show(message: string, options?: ToastOptions): string;
+    hide(id: string): void;
+    clear(): void;
+}
+export declare class Toast {
+    private static ensureContainer;
+    static show(message: string, options?: ToastOptions): string;
+    static success(message: string, options?: ToastOptions): string;
+    static error(message: string, options?: ToastOptions): string;
+    static warning(message: string, options?: ToastOptions): string;
+    static info(message: string, options?: ToastOptions): string;
+    static hide(id: string): void;
+    static clear(): void;
+}
+export default Toast;