snice 2.1.5 → 2.2.0

package/dist/components/accordion/snice-accordion-item.d.ts

@@ -0,0 +1,25 @@
+import type { SniceAccordionItemElement } from './snice-accordion.types';
+export declare class SniceAccordionItem extends HTMLElement implements SniceAccordionItemElement {
+    itemId: string;
+    open: boolean;
+    disabled: boolean;
+    contentElement?: HTMLElement;
+    contentInner?: HTMLElement;
+    private isAnimating;
+    html(): string;
+    css(): string;
+    init(): void;
+    onContentMutation(): void;
+    handleOpenChange(): void;
+    handleDisabledChange(): void;
+    handleHeaderClick(): void;
+    handleHeaderKeydown(): void;
+    toggle(): void;
+    expand(animate?: boolean): void;
+    collapse(animate?: boolean): void;
+    private animateExpand;
+    private animateCollapse;
+    private updateContentHeight;
+    private updateAriaExpanded;
+    private dispatchToggleEvent;
+}

package/dist/components/accordion/snice-accordion-item.js

@@ -0,0 +1,255 @@
+import { __runInitializers, __esDecorate } from 'tslib';
+import { element, property, query, ready, observe, watch, on, dispatch } from 'snice';
+
+var css = '';
+
+let SniceAccordionItem = (() => {
+    let _classDecorators = [element('snice-accordion-item')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _itemId_decorators;
+    let _itemId_initializers = [];
+    let _itemId_extraInitializers = [];
+    let _open_decorators;
+    let _open_initializers = [];
+    let _open_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _contentElement_decorators;
+    let _contentElement_initializers = [];
+    let _contentElement_extraInitializers = [];
+    let _contentInner_decorators;
+    let _contentInner_initializers = [];
+    let _contentInner_extraInitializers = [];
+    let _init_decorators;
+    let _onContentMutation_decorators;
+    let _handleOpenChange_decorators;
+    let _handleDisabledChange_decorators;
+    let _handleHeaderClick_decorators;
+    let _handleHeaderKeydown_decorators;
+    let _dispatchToggleEvent_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        constructor() {
+            super(...arguments);
+            this.itemId = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _itemId_initializers, ''));
+            this.open = (__runInitializers(this, _itemId_extraInitializers), __runInitializers(this, _open_initializers, false));
+            this.disabled = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+            this.contentElement = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _contentElement_initializers, void 0));
+            this.contentInner = (__runInitializers(this, _contentElement_extraInitializers), __runInitializers(this, _contentInner_initializers, void 0));
+            this.isAnimating = (__runInitializers(this, _contentInner_extraInitializers), false);
+        }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _itemId_decorators = [property({ attribute: 'item-id', reflect: true })];
+            _open_decorators = [property({ type: Boolean, reflect: true })];
+            _disabled_decorators = [property({ type: Boolean, reflect: true })];
+            _contentElement_decorators = [query('.accordion-item__content')];
+            _contentInner_decorators = [query('.accordion-item__content-inner')];
+            _init_decorators = [ready()];
+            _onContentMutation_decorators = [observe('mutation:childList', { subtree: true, throttle: 100 })];
+            _handleOpenChange_decorators = [watch('open')];
+            _handleDisabledChange_decorators = [watch('disabled')];
+            _handleHeaderClick_decorators = [on('click', '.accordion-item__header', { preventDefault: true })];
+            _handleHeaderKeydown_decorators = [on(['keydown:Enter', 'keydown:Space'], '.accordion-item__header', { preventDefault: true })];
+            _dispatchToggleEvent_decorators = [dispatch('accordion-item-toggle', { bubbles: true, composed: true })];
+            __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _onContentMutation_decorators, { kind: "method", name: "onContentMutation", static: false, private: false, access: { has: obj => "onContentMutation" in obj, get: obj => obj.onContentMutation }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleOpenChange_decorators, { kind: "method", name: "handleOpenChange", static: false, private: false, access: { has: obj => "handleOpenChange" in obj, get: obj => obj.handleOpenChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleDisabledChange_decorators, { kind: "method", name: "handleDisabledChange", static: false, private: false, access: { has: obj => "handleDisabledChange" in obj, get: obj => obj.handleDisabledChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleHeaderClick_decorators, { kind: "method", name: "handleHeaderClick", static: false, private: false, access: { has: obj => "handleHeaderClick" in obj, get: obj => obj.handleHeaderClick }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleHeaderKeydown_decorators, { kind: "method", name: "handleHeaderKeydown", static: false, private: false, access: { has: obj => "handleHeaderKeydown" in obj, get: obj => obj.handleHeaderKeydown }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchToggleEvent_decorators, { kind: "method", name: "dispatchToggleEvent", static: false, private: false, access: { has: obj => "dispatchToggleEvent" in obj, get: obj => obj.dispatchToggleEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _itemId_decorators, { kind: "field", name: "itemId", static: false, private: false, access: { has: obj => "itemId" in obj, get: obj => obj.itemId, set: (obj, value) => { obj.itemId = value; } }, metadata: _metadata }, _itemId_initializers, _itemId_extraInitializers);
+            __esDecorate(null, null, _open_decorators, { kind: "field", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
+            __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(null, null, _contentElement_decorators, { kind: "field", name: "contentElement", static: false, private: false, access: { has: obj => "contentElement" in obj, get: obj => obj.contentElement, set: (obj, value) => { obj.contentElement = value; } }, metadata: _metadata }, _contentElement_initializers, _contentElement_extraInitializers);
+            __esDecorate(null, null, _contentInner_decorators, { kind: "field", name: "contentInner", static: false, private: false, access: { has: obj => "contentInner" in obj, get: obj => obj.contentInner, set: (obj, value) => { obj.contentInner = value; } }, metadata: _metadata }, _contentInner_initializers, _contentInner_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() {
+            return /*html*/ `
+      <button 
+        class="accordion-item__header"
+        aria-expanded="${this.open}"
+        aria-controls="content-${this.itemId}"
+        ${this.disabled ? 'disabled' : ''}
+      >
+        <span class="accordion-item__title">
+          <slot name="header"></slot>
+        </span>
+        <svg class="accordion-item__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M6 9l6 6 6-6"/>
+        </svg>
+      </button>
+      <div 
+        class="accordion-item__content" 
+        id="content-${this.itemId}"
+        role="region"
+        aria-labelledby="header-${this.itemId}"
+      >
+        <div class="accordion-item__content-inner">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+        }
+        css() {
+            return css;
+        }
+        init() {
+            this.updateContentHeight();
+            // Set initial state
+            if (this.open) {
+                this.expand(false);
+            }
+        }
+        onContentMutation() {
+            // Only update height if we're open and not animating
+            if (this.open && !this.isAnimating) {
+                this.updateContentHeight();
+            }
+        }
+        handleOpenChange() {
+            if (this.open) {
+                this.expand();
+            }
+            else {
+                this.collapse();
+            }
+        }
+        handleDisabledChange() {
+            const header = this.shadowRoot?.querySelector('.accordion-item__header');
+            if (header) {
+                header.disabled = this.disabled;
+            }
+        }
+        handleHeaderClick() {
+            if (!this.disabled) {
+                this.toggle();
+            }
+        }
+        handleHeaderKeydown() {
+            if (!this.disabled) {
+                this.toggle();
+            }
+        }
+        toggle() {
+            if (this.isAnimating || this.disabled)
+                return;
+            if (this.open) {
+                this.collapse();
+            }
+            else {
+                this.expand();
+            }
+        }
+        expand(animate = true) {
+            if (this.open || this.disabled)
+                return;
+            this.open = true;
+            this.updateAriaExpanded(true);
+            if (this.contentElement) {
+                if (animate) {
+                    this.animateExpand();
+                }
+                else {
+                    // Instant expand
+                    this.contentElement.style.maxHeight = 'none';
+                }
+            }
+            this.dispatchToggleEvent(true);
+        }
+        collapse(animate = true) {
+            if (!this.open)
+                return;
+            this.open = false;
+            this.updateAriaExpanded(false);
+            if (this.contentElement) {
+                if (animate) {
+                    this.animateCollapse();
+                }
+                else {
+                    // Instant collapse
+                    this.contentElement.style.maxHeight = '0';
+                }
+            }
+            this.dispatchToggleEvent(false);
+        }
+        animateExpand() {
+            if (!this.contentElement || !this.contentInner)
+                return;
+            this.isAnimating = true;
+            // Use requestAnimationFrame for smoother animation
+            requestAnimationFrame(() => {
+                if (!this.contentElement || !this.contentInner)
+                    return;
+                // Get the actual height
+                const height = this.contentInner.scrollHeight;
+                // Set the max-height for animation
+                this.contentElement.style.maxHeight = `${height}px`;
+                // After animation completes, remove the max-height to allow dynamic content
+                this.contentElement.addEventListener('transitionend', () => {
+                    if (this.contentElement && this.open) {
+                        this.contentElement.style.maxHeight = 'none';
+                    }
+                    this.isAnimating = false;
+                }, { once: true });
+            });
+        }
+        animateCollapse() {
+            if (!this.contentElement)
+                return;
+            this.isAnimating = true;
+            // Use requestAnimationFrame for smoother animation
+            requestAnimationFrame(() => {
+                if (!this.contentElement)
+                    return;
+                // First set the current height explicitly
+                const height = this.contentElement.scrollHeight;
+                this.contentElement.style.maxHeight = `${height}px`;
+                // Force reflow
+                void this.contentElement.offsetHeight;
+                // Then animate to 0
+                requestAnimationFrame(() => {
+                    if (!this.contentElement)
+                        return;
+                    this.contentElement.style.maxHeight = '0';
+                    this.contentElement.addEventListener('transitionend', () => {
+                        this.isAnimating = false;
+                    }, { once: true });
+                });
+            });
+        }
+        updateContentHeight() {
+            if (!this.contentElement || !this.contentInner || this.isAnimating)
+                return;
+            // Use requestAnimationFrame to batch DOM reads/writes
+            requestAnimationFrame(() => {
+                if (!this.contentInner)
+                    return;
+                // Set CSS variable for max-height based on content
+                const height = this.contentInner.scrollHeight;
+                this.style.setProperty('--max-height', `${height}px`);
+            });
+        }
+        updateAriaExpanded(expanded) {
+            const header = this.shadowRoot?.querySelector('.accordion-item__header');
+            header?.setAttribute('aria-expanded', String(expanded));
+        }
+        dispatchToggleEvent(open) {
+            return { itemId: this.itemId, open };
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceAccordionItem };
+//# sourceMappingURL=snice-accordion-item.js.map

package/dist/components/accordion/snice-accordion-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-accordion-item.js","sources":["../../../snice-accordion-item.css?inline","../../../../components/accordion/snice-accordion-item.ts"],"sourcesContent":["export default '';",null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+import type { SniceAccordionElement, SniceAccordionItemElement } from './snice-accordion.types';
+export declare class SniceAccordion extends HTMLElement implements SniceAccordionElement {
+    multiple: boolean;
+    items?: NodeListOf<SniceAccordionItemElement>;
+    activeItems: Set<string>;
+    html(): string;
+    css(): string;
+    init(): void;
+    handleSlotChange(): void;
+    private updateItems;
+    handleItemToggle(event: CustomEvent<{
+        itemId: string;
+        open: boolean;
+    }>): void;
+    openItem(id: string): void;
+    closeItem(id: string): void;
+    toggleItem(id: string): void;
+    openAll(): void;
+    closeAll(): void;
+    private dispatchOpenEvent;
+    private dispatchCloseEvent;
+    handleArrowDown(event: KeyboardEvent): void;
+    handleArrowUp(event: KeyboardEvent): void;
+    handleHome(event: KeyboardEvent): void;
+    handleEnd(event: KeyboardEvent): void;
+    private navigateItems;
+    private navigateToIndex;
+}

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

@@ -0,0 +1,206 @@
+import { __runInitializers, __esDecorate } from 'tslib';
+import { element, property, queryAll, ready, on, dispatch } from 'snice';
+
+var css = '';
+
+let SniceAccordion = (() => {
+    let _classDecorators = [element('snice-accordion')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _multiple_decorators;
+    let _multiple_initializers = [];
+    let _multiple_extraInitializers = [];
+    let _items_decorators;
+    let _items_initializers = [];
+    let _items_extraInitializers = [];
+    let _init_decorators;
+    let _handleSlotChange_decorators;
+    let _handleItemToggle_decorators;
+    let _dispatchOpenEvent_decorators;
+    let _dispatchCloseEvent_decorators;
+    let _handleArrowDown_decorators;
+    let _handleArrowUp_decorators;
+    let _handleHome_decorators;
+    let _handleEnd_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        constructor() {
+            super(...arguments);
+            this.multiple = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _multiple_initializers, false));
+            this.items = (__runInitializers(this, _multiple_extraInitializers), __runInitializers(this, _items_initializers, void 0));
+            this.activeItems = (__runInitializers(this, _items_extraInitializers), new Set());
+        }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _multiple_decorators = [property({ type: Boolean, reflect: true })];
+            _items_decorators = [queryAll('snice-accordion-item', { light: true, shadow: false })];
+            _init_decorators = [ready()];
+            _handleSlotChange_decorators = [on('slotchange', 'slot', { debounce: 50 })];
+            _handleItemToggle_decorators = [on('accordion-item-toggle')];
+            _dispatchOpenEvent_decorators = [dispatch('accordion-open', { bubbles: true, composed: true })];
+            _dispatchCloseEvent_decorators = [dispatch('accordion-close', { bubbles: true, composed: true })];
+            _handleArrowDown_decorators = [on('keydown:ArrowDown', { preventDefault: true })];
+            _handleArrowUp_decorators = [on('keydown:ArrowUp', { preventDefault: true })];
+            _handleHome_decorators = [on('keydown:Home', { preventDefault: true })];
+            _handleEnd_decorators = [on('keydown:End', { preventDefault: true })];
+            __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleSlotChange_decorators, { kind: "method", name: "handleSlotChange", static: false, private: false, access: { has: obj => "handleSlotChange" in obj, get: obj => obj.handleSlotChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleItemToggle_decorators, { kind: "method", name: "handleItemToggle", static: false, private: false, access: { has: obj => "handleItemToggle" in obj, get: obj => obj.handleItemToggle }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchOpenEvent_decorators, { kind: "method", name: "dispatchOpenEvent", static: false, private: false, access: { has: obj => "dispatchOpenEvent" in obj, get: obj => obj.dispatchOpenEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchCloseEvent_decorators, { kind: "method", name: "dispatchCloseEvent", static: false, private: false, access: { has: obj => "dispatchCloseEvent" in obj, get: obj => obj.dispatchCloseEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleArrowDown_decorators, { kind: "method", name: "handleArrowDown", static: false, private: false, access: { has: obj => "handleArrowDown" in obj, get: obj => obj.handleArrowDown }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleArrowUp_decorators, { kind: "method", name: "handleArrowUp", static: false, private: false, access: { has: obj => "handleArrowUp" in obj, get: obj => obj.handleArrowUp }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleHome_decorators, { kind: "method", name: "handleHome", static: false, private: false, access: { has: obj => "handleHome" in obj, get: obj => obj.handleHome }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleEnd_decorators, { kind: "method", name: "handleEnd", static: false, private: false, access: { has: obj => "handleEnd" in obj, get: obj => obj.handleEnd }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _multiple_decorators, { kind: "field", name: "multiple", static: false, private: false, access: { has: obj => "multiple" in obj, get: obj => obj.multiple, set: (obj, value) => { obj.multiple = value; } }, metadata: _metadata }, _multiple_initializers, _multiple_extraInitializers);
+            __esDecorate(null, null, _items_decorators, { kind: "field", name: "items", static: false, private: false, access: { has: obj => "items" in obj, get: obj => obj.items, set: (obj, value) => { obj.items = value; } }, metadata: _metadata }, _items_initializers, _items_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() {
+            return /*html*/ `
+      <div class="accordion">
+        <slot></slot>
+      </div>
+    `;
+        }
+        css() {
+            return css;
+        }
+        init() {
+            // Set up initial state
+            this.updateItems();
+        }
+        handleSlotChange() {
+            this.updateItems();
+        }
+        updateItems() {
+            if (!this.items)
+                return;
+            this.items.forEach((item, index) => {
+                // Set default ID if not provided
+                if (!item.itemId) {
+                    item.itemId = `accordion-item-${index}`;
+                }
+                // Track open items
+                if (item.open) {
+                    this.activeItems.add(item.itemId);
+                }
+            });
+        }
+        handleItemToggle(event) {
+            const { itemId, open } = event.detail;
+            if (open) {
+                // If not multiple mode, close other items
+                if (!this.multiple) {
+                    this.activeItems.forEach(id => {
+                        if (id !== itemId) {
+                            this.closeItem(id);
+                        }
+                    });
+                    this.activeItems.clear();
+                }
+                this.activeItems.add(itemId);
+                this.dispatchOpenEvent(itemId);
+            }
+            else {
+                this.activeItems.delete(itemId);
+                this.dispatchCloseEvent(itemId);
+            }
+        }
+        openItem(id) {
+            const item = this.querySelector(`snice-accordion-item[item-id="${id}"]`);
+            if (item && !item.disabled) {
+                item.expand();
+            }
+        }
+        closeItem(id) {
+            const item = this.querySelector(`snice-accordion-item[item-id="${id}"]`);
+            if (item) {
+                item.collapse();
+            }
+        }
+        toggleItem(id) {
+            const item = this.querySelector(`snice-accordion-item[item-id="${id}"]`);
+            if (item && !item.disabled) {
+                item.toggle();
+            }
+        }
+        openAll() {
+            if (!this.multiple || !this.items)
+                return;
+            this.items.forEach(item => {
+                if (!item.disabled) {
+                    item.expand();
+                }
+            });
+        }
+        closeAll() {
+            if (!this.items)
+                return;
+            this.items.forEach(item => {
+                item.collapse();
+            });
+        }
+        dispatchOpenEvent(itemId) {
+            const item = this.querySelector(`snice-accordion-item[item-id="${itemId}"]`);
+            return { itemId, item };
+        }
+        dispatchCloseEvent(itemId) {
+            const item = this.querySelector(`snice-accordion-item[item-id="${itemId}"]`);
+            return { itemId, item };
+        }
+        // Keyboard navigation
+        handleArrowDown(event) {
+            this.navigateItems(event, 1);
+        }
+        handleArrowUp(event) {
+            this.navigateItems(event, -1);
+        }
+        handleHome(event) {
+            this.navigateToIndex(event, 0);
+        }
+        handleEnd(event) {
+            if (!this.items)
+                return;
+            this.navigateToIndex(event, this.items.length - 1);
+        }
+        navigateItems(event, direction) {
+            if (!this.items)
+                return;
+            const items = Array.from(this.items).filter(item => !item.disabled);
+            const currentItem = event.target;
+            const currentIndex = items.indexOf(currentItem);
+            if (currentIndex === -1)
+                return;
+            const nextIndex = direction > 0
+                ? (currentIndex + 1) % items.length
+                : currentIndex - 1 < 0 ? items.length - 1 : currentIndex - 1;
+            const nextItem = items[nextIndex];
+            const button = nextItem.shadowRoot?.querySelector('.accordion-item__header');
+            button?.focus();
+        }
+        navigateToIndex(event, index) {
+            if (!this.items)
+                return;
+            const items = Array.from(this.items).filter(item => !item.disabled);
+            const currentItem = event.target;
+            if (!items.includes(currentItem))
+                return;
+            const targetItem = items[index];
+            if (targetItem) {
+                const button = targetItem.shadowRoot?.querySelector('.accordion-item__header');
+                button?.focus();
+            }
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceAccordion };
+//# sourceMappingURL=snice-accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-accordion.js","sources":["../../../snice-accordion.css?inline","../../../../components/accordion/snice-accordion.ts"],"sourcesContent":["export default '';",null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+export interface SniceAccordionElement extends HTMLElement {
+    multiple: boolean;
+    activeItems: Set<string>;
+    openItem(id: string): void;
+    closeItem(id: string): void;
+    toggleItem(id: string): void;
+    openAll(): void;
+    closeAll(): void;
+}
+export interface SniceAccordionItemElement extends HTMLElement {
+    itemId: string;
+    open: boolean;
+    disabled: boolean;
+    toggle(): void;
+    expand(): void;
+    collapse(): void;
+}
+export interface AccordionOpenEvent {
+    detail: {
+        itemId: string;
+        item: SniceAccordionItemElement;
+    };
+}
+export interface AccordionCloseEvent {
+    detail: {
+        itemId: string;
+        item: SniceAccordionItemElement;
+    };
+}

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

@@ -0,0 +1,26 @@
+import type { AlertVariant, AlertSize, SniceAlertElement } from './snice-alert.types';
+export declare class SniceAlert extends HTMLElement implements SniceAlertElement {
+    variant: AlertVariant;
+    size: AlertSize;
+    title: string;
+    dismissible: boolean;
+    icon: string;
+    alertElement?: HTMLElement;
+    private isHidden;
+    html(): string;
+    renderIconSection(): string;
+    renderTitleSection(): string;
+    renderDescriptionSection(): string;
+    renderDismissSection(): "" | "\n      <button class=\"alert-dismiss\" type=\"button\" aria-label=\"Dismiss alert\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z\"/>\n        </svg>\n      </button>\n    ";
+    css(): string;
+    private shouldShowDefaultIcon;
+    handleDismiss(): {
+        variant: AlertVariant;
+        title: string;
+    };
+    handleAnimationEnd(event: AnimationEvent): void;
+    private dispatchAlertHidden;
+    private dispatchAlertShown;
+    show(): void;
+    hide(): void;
+}