snice 4.28.0 → 4.30.0

package/dist/components/action-bar/snice-action-bar.js

@@ -0,0 +1,182 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, query, ready, watch, dispatch, on, render, styles, html, css } from 'snice';
+
+var cssContent = ":host{display:block;position:absolute;z-index:var(--action-bar-z-index,10);font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;pointer-events:none;opacity:0;visibility:hidden}:host([ready]){transition:opacity var(--snice-transition-medium, 250ms) ease,transform var(--snice-transition-medium, 250ms) ease,visibility 0s linear var(--snice-transition-medium, 250ms)}:host([open]){pointer-events:auto;opacity:1;visibility:visible;transition:opacity var(--snice-transition-medium, 250ms) ease,transform var(--snice-transition-medium, 250ms) ease,visibility 0s linear 0s}:host([no-animation]){pointer-events:auto;opacity:1;visibility:visible;transform:translate(0,0);transition:none}:host,:host([position=bottom]){bottom:var(--snice-spacing-sm,.75rem);left:50%;top:auto;right:auto;transform:translate(-50%,.5rem)}:host([no-animation]),:host([open]),:host([position=bottom][no-animation]),:host([position=bottom][open]){transform:translate(-50%,0)}:host([position=top]){top:var(--snice-spacing-sm,.75rem);bottom:auto;left:50%;right:auto;transform:translate(-50%,-.5rem)}:host([position=top][no-animation]),:host([position=top][open]){transform:translate(-50%,0)}:host([position=left]){left:var(--snice-spacing-sm,.75rem);top:50%;bottom:auto;right:auto;transform:translate(-.5rem,-50%)}:host([position=left][no-animation]),:host([position=left][open]){transform:translate(0,-50%)}:host([position=right]){right:var(--snice-spacing-sm,.75rem);top:50%;bottom:auto;left:auto;transform:translate(.5rem,-50%)}:host([position=right][no-animation]),:host([position=right][open]){transform:translate(0,-50%)}:host([position=top-left]){top:var(--snice-spacing-sm,.75rem);left:var(--snice-spacing-sm,.75rem);bottom:auto;right:auto;transform:translate(-.5rem,-.5rem)}:host([position=top-left][no-animation]),:host([position=top-left][open]){transform:translate(0,0)}:host([position=top-right]){top:var(--snice-spacing-sm,.75rem);right:var(--snice-spacing-sm,.75rem);bottom:auto;left:auto;transform:translate(.5rem,-.5rem)}:host([position=top-right][no-animation]),:host([position=top-right][open]){transform:translate(0,0)}:host([position=bottom-left]){bottom:var(--snice-spacing-sm,.75rem);left:var(--snice-spacing-sm,.75rem);top:auto;right:auto;transform:translate(-.5rem,.5rem)}:host([position=bottom-left][no-animation]),:host([position=bottom-left][open]){transform:translate(0,0)}:host([position=bottom-right]){bottom:var(--snice-spacing-sm,.75rem);right:var(--snice-spacing-sm,.75rem);top:auto;left:auto;transform:translate(.5rem,.5rem)}:host([position=bottom-right][no-animation]),:host([position=bottom-right][open]){transform:translate(0,0)}.action-bar{display:none}:host([ready]) .action-bar{display:inline-flex;align-items:center;gap:var(--action-bar-gap,var(--snice-spacing-2xs,.25rem));padding:var(--action-bar-padding,var(--snice-spacing-xs,.5rem));background:var(--action-bar-background,var(--snice-color-background-element,rgb(252 251 249)));border:var(--action-bar-border,1px solid var(--snice-color-border,rgb(226 226 226)));border-radius:var(--action-bar-border-radius,var(--snice-border-radius-lg,.5rem));box-shadow:var(--action-bar-shadow,var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1)))}:host([variant=pill]) .action-bar{border-radius:9999px}:host([size=small]) .action-bar{gap:var(--snice-spacing-3xs,.125rem);padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem)}";
+
+let SniceActionBar = (() => {
+    let _classDecorators = [element('snice-action-bar')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _open_decorators;
+    let _open_initializers = [];
+    let _open_extraInitializers = [];
+    let _position_decorators;
+    let _position_initializers = [];
+    let _position_extraInitializers = [];
+    let _size_decorators;
+    let _size_initializers = [];
+    let _size_extraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
+    let _noAnimation_decorators;
+    let _noAnimation_initializers = [];
+    let _noAnimation_extraInitializers = [];
+    let _noEscapeDismiss_decorators;
+    let _noEscapeDismiss_initializers = [];
+    let _noEscapeDismiss_extraInitializers = [];
+    let _slotElement_decorators;
+    let _slotElement_initializers = [];
+    let _slotElement_extraInitializers = [];
+    let _onReady_decorators;
+    let _handleOpenChange_decorators;
+    let _updateNoAnimationAttribute_decorators;
+    let _emitOpen_decorators;
+    let _emitClose_decorators;
+    let _handleKeydown_decorators;
+    let _template_decorators;
+    let _componentStyles_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _open_decorators = [property({ type: Boolean })];
+            _position_decorators = [property()];
+            _size_decorators = [property()];
+            _variant_decorators = [property()];
+            _noAnimation_decorators = [property({ type: Boolean, attribute: 'no-animation' })];
+            _noEscapeDismiss_decorators = [property({ type: Boolean, attribute: 'no-escape-dismiss' })];
+            _slotElement_decorators = [query('slot')];
+            _onReady_decorators = [ready()];
+            _handleOpenChange_decorators = [watch('open')];
+            _updateNoAnimationAttribute_decorators = [watch('noAnimation')];
+            _emitOpen_decorators = [dispatch('action-bar-open', { bubbles: true, composed: true })];
+            _emitClose_decorators = [dispatch('action-bar-close', { bubbles: true, composed: true })];
+            _handleKeydown_decorators = [on('keydown')];
+            _template_decorators = [render()];
+            _componentStyles_decorators = [styles()];
+            __esDecorate(this, null, _onReady_decorators, { kind: "method", name: "onReady", static: false, private: false, access: { has: obj => "onReady" in obj, get: obj => obj.onReady }, 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, _updateNoAnimationAttribute_decorators, { kind: "method", name: "updateNoAnimationAttribute", static: false, private: false, access: { has: obj => "updateNoAnimationAttribute" in obj, get: obj => obj.updateNoAnimationAttribute }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitOpen_decorators, { kind: "method", name: "emitOpen", static: false, private: false, access: { has: obj => "emitOpen" in obj, get: obj => obj.emitOpen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitClose_decorators, { kind: "method", name: "emitClose", static: false, private: false, access: { has: obj => "emitClose" in obj, get: obj => obj.emitClose }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleKeydown_decorators, { kind: "method", name: "handleKeydown", static: false, private: false, access: { has: obj => "handleKeydown" in obj, get: obj => obj.handleKeydown }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _template_decorators, { kind: "method", name: "template", static: false, private: false, access: { has: obj => "template" in obj, get: obj => obj.template }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __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, _position_decorators, { kind: "field", name: "position", static: false, private: false, access: { has: obj => "position" in obj, get: obj => obj.position, set: (obj, value) => { obj.position = value; } }, metadata: _metadata }, _position_initializers, _position_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, null, _noAnimation_decorators, { kind: "field", name: "noAnimation", static: false, private: false, access: { has: obj => "noAnimation" in obj, get: obj => obj.noAnimation, set: (obj, value) => { obj.noAnimation = value; } }, metadata: _metadata }, _noAnimation_initializers, _noAnimation_extraInitializers);
+            __esDecorate(null, null, _noEscapeDismiss_decorators, { kind: "field", name: "noEscapeDismiss", static: false, private: false, access: { has: obj => "noEscapeDismiss" in obj, get: obj => obj.noEscapeDismiss, set: (obj, value) => { obj.noEscapeDismiss = value; } }, metadata: _metadata }, _noEscapeDismiss_initializers, _noEscapeDismiss_extraInitializers);
+            __esDecorate(null, null, _slotElement_decorators, { kind: "field", name: "slotElement", static: false, private: false, access: { has: obj => "slotElement" in obj, get: obj => obj.slotElement, set: (obj, value) => { obj.slotElement = value; } }, metadata: _metadata }, _slotElement_initializers, _slotElement_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);
+        }
+        onReady() {
+            // Delay enabling transitions so the browser paints the hidden state first.
+            // Without this, the element visibly animates to hidden on upgrade.
+            setTimeout(() => this.setAttribute('ready', ''), 10);
+        }
+        handleOpenChange() {
+            if (this.open) {
+                this.setAttribute('open', '');
+                this.emitOpen();
+            }
+            else {
+                this.removeAttribute('open');
+                this.emitClose();
+            }
+        }
+        updateNoAnimationAttribute() {
+            if (this.noAnimation) {
+                this.setAttribute('no-animation', '');
+            }
+            else {
+                this.removeAttribute('no-animation');
+            }
+        }
+        emitOpen() {
+            return { actionBar: this };
+        }
+        emitClose() {
+            return { actionBar: this };
+        }
+        handleKeydown(e) {
+            if (e.key === 'Escape' && !this.noEscapeDismiss) {
+                this.hide();
+                return;
+            }
+            const focusable = this.getFocusableChildren();
+            if (focusable.length === 0)
+                return;
+            const current = focusable.indexOf(document.activeElement);
+            let next = -1;
+            if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {
+                e.preventDefault();
+                next = current < focusable.length - 1 ? current + 1 : 0;
+            }
+            else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
+                e.preventDefault();
+                next = current > 0 ? current - 1 : focusable.length - 1;
+            }
+            else if (e.key === 'Home') {
+                e.preventDefault();
+                next = 0;
+            }
+            else if (e.key === 'End') {
+                e.preventDefault();
+                next = focusable.length - 1;
+            }
+            if (next >= 0) {
+                focusable[next].focus();
+            }
+        }
+        show() {
+            this.open = true;
+        }
+        hide() {
+            this.open = false;
+        }
+        toggle() {
+            this.open = !this.open;
+        }
+        getFocusableChildren() {
+            if (!this.slotElement)
+                return [];
+            const elements = this.slotElement.assignedElements({ flatten: true });
+            return elements.filter(el => !el.hasAttribute('disabled') &&
+                (el.tabIndex >= 0 || el.matches('button, [href], input, select, textarea, [tabindex]')));
+        }
+        template() {
+            return html `
+      <div class="action-bar" role="toolbar" aria-label="Actions" part="base">
+        <slot></slot>
+      </div>
+    `;
+        }
+        componentStyles() {
+            return css `${cssContent}`;
+        }
+        constructor() {
+            super(...arguments);
+            this.open = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _open_initializers, false));
+            this.position = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _position_initializers, 'bottom'));
+            this.size = (__runInitializers(this, _position_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
+            this.variant = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _variant_initializers, 'default'));
+            this.noAnimation = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _noAnimation_initializers, false));
+            this.noEscapeDismiss = (__runInitializers(this, _noAnimation_extraInitializers), __runInitializers(this, _noEscapeDismiss_initializers, false));
+            this.slotElement = (__runInitializers(this, _noEscapeDismiss_extraInitializers), __runInitializers(this, _slotElement_initializers, void 0));
+            __runInitializers(this, _slotElement_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceActionBar };
+//# sourceMappingURL=snice-action-bar.js.map

package/dist/components/action-bar/snice-action-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-action-bar.js","sources":["../../../components/action-bar/snice-action-bar.css?inline","../../../../components/action-bar/snice-action-bar.ts"],"sourcesContent":["export default \":host{display:block;position:absolute;z-index:var(--action-bar-z-index,10);font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;pointer-events:none;opacity:0;visibility:hidden}:host([ready]){transition:opacity var(--snice-transition-medium, 250ms) ease,transform var(--snice-transition-medium, 250ms) ease,visibility 0s linear var(--snice-transition-medium, 250ms)}:host([open]){pointer-events:auto;opacity:1;visibility:visible;transition:opacity var(--snice-transition-medium, 250ms) ease,transform var(--snice-transition-medium, 250ms) ease,visibility 0s linear 0s}:host([no-animation]){pointer-events:auto;opacity:1;visibility:visible;transform:translate(0,0);transition:none}:host,:host([position=bottom]){bottom:var(--snice-spacing-sm,.75rem);left:50%;top:auto;right:auto;transform:translate(-50%,.5rem)}:host([no-animation]),:host([open]),:host([position=bottom][no-animation]),:host([position=bottom][open]){transform:translate(-50%,0)}:host([position=top]){top:var(--snice-spacing-sm,.75rem);bottom:auto;left:50%;right:auto;transform:translate(-50%,-.5rem)}:host([position=top][no-animation]),:host([position=top][open]){transform:translate(-50%,0)}:host([position=left]){left:var(--snice-spacing-sm,.75rem);top:50%;bottom:auto;right:auto;transform:translate(-.5rem,-50%)}:host([position=left][no-animation]),:host([position=left][open]){transform:translate(0,-50%)}:host([position=right]){right:var(--snice-spacing-sm,.75rem);top:50%;bottom:auto;left:auto;transform:translate(.5rem,-50%)}:host([position=right][no-animation]),:host([position=right][open]){transform:translate(0,-50%)}:host([position=top-left]){top:var(--snice-spacing-sm,.75rem);left:var(--snice-spacing-sm,.75rem);bottom:auto;right:auto;transform:translate(-.5rem,-.5rem)}:host([position=top-left][no-animation]),:host([position=top-left][open]){transform:translate(0,0)}:host([position=top-right]){top:var(--snice-spacing-sm,.75rem);right:var(--snice-spacing-sm,.75rem);bottom:auto;left:auto;transform:translate(.5rem,-.5rem)}:host([position=top-right][no-animation]),:host([position=top-right][open]){transform:translate(0,0)}:host([position=bottom-left]){bottom:var(--snice-spacing-sm,.75rem);left:var(--snice-spacing-sm,.75rem);top:auto;right:auto;transform:translate(-.5rem,.5rem)}:host([position=bottom-left][no-animation]),:host([position=bottom-left][open]){transform:translate(0,0)}:host([position=bottom-right]){bottom:var(--snice-spacing-sm,.75rem);right:var(--snice-spacing-sm,.75rem);top:auto;left:auto;transform:translate(.5rem,.5rem)}:host([position=bottom-right][no-animation]),:host([position=bottom-right][open]){transform:translate(0,0)}.action-bar{display:none}:host([ready]) .action-bar{display:inline-flex;align-items:center;gap:var(--action-bar-gap,var(--snice-spacing-2xs,.25rem));padding:var(--action-bar-padding,var(--snice-spacing-xs,.5rem));background:var(--action-bar-background,var(--snice-color-background-element,rgb(252 251 249)));border:var(--action-bar-border,1px solid var(--snice-color-border,rgb(226 226 226)));border-radius:var(--action-bar-border-radius,var(--snice-border-radius-lg,.5rem));box-shadow:var(--action-bar-shadow,var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1)))}:host([variant=pill]) .action-bar{border-radius:9999px}:host([size=small]) .action-bar{gap:var(--snice-spacing-3xs,.125rem);padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem)}\";",null],"names":[],"mappings":"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"}

package/dist/components/action-bar/snice-action-bar.types.d.ts

@@ -0,0 +1,17 @@
+export type ActionBarPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type ActionBarSize = 'small' | 'medium';
+export type ActionBarVariant = 'default' | 'pill';
+export interface SniceActionBarElement extends HTMLElement {
+    open: boolean;
+    position: ActionBarPosition;
+    size: ActionBarSize;
+    variant: ActionBarVariant;
+    noAnimation: boolean;
+    noEscapeDismiss: boolean;
+    show(): void;
+    hide(): void;
+    toggle(): void;
+}
+export interface ActionBarEventDetail {
+    actionBar: SniceActionBarElement;
+}

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

@@ -0,0 +1,82 @@
+import type { SniceBinpackElement, BinpackLayout } from './snice-binpack.types';
+export declare class SniceBinpack extends HTMLElement implements SniceBinpackElement {
+    gap: string;
+    columnWidth: number;
+    rowHeight: number;
+    horizontal: boolean;
+    originLeft: boolean;
+    originTop: boolean;
+    transitionDuration: string;
+    stagger: number;
+    resize: boolean;
+    draggable: boolean;
+    dragThrottle: number;
+    private container?;
+    private slotElement?;
+    private dropPlaceholder?;
+    private items;
+    private stampedElements;
+    private resizeObserver;
+    private itemResizeObserver;
+    private layoutScheduled;
+    private dragItemCount;
+    private shiftTargets;
+    private shiftTargetKeys;
+    private dragItem;
+    private dragItemRect;
+    private dragStartX;
+    private dragStartY;
+    private dragOffsetX;
+    private dragOffsetY;
+    private dragTime;
+    private dragTimeoutId;
+    private boundPointerMove;
+    private boundPointerUp;
+    private pendingLayout;
+    onReady(): void;
+    onDispose(): void;
+    onGapChange(): void;
+    onTransitionDurationChange(): void;
+    onColumnWidthChange(): void;
+    onRowHeightChange(): void;
+    onHorizontalChange(): void;
+    onOriginLeftChange(): void;
+    onOriginTopChange(): void;
+    onResizeChange(): void;
+    onDraggableChange(): void;
+    private emitLayoutComplete;
+    private emitFitComplete;
+    private emitDragItemPositioned;
+    layout(): void;
+    fit(element: HTMLElement, x?: number, y?: number): void;
+    reloadItems(): void;
+    stamp(elements: HTMLElement | HTMLElement[]): void;
+    unstamp(elements: HTMLElement | HTMLElement[]): void;
+    getItemElements(): HTMLElement[];
+    getLayout(): BinpackLayout;
+    setLayout(layout: BinpackLayout): void;
+    private applyPendingLayout;
+    template(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
+    private handleSlotChange;
+    private collectItems;
+    private setupResizeObserver;
+    private observeItems;
+    private scheduleLayout;
+    private getGapPixels;
+    private performLayout;
+    private positionItem;
+    private setupDragListeners;
+    private teardownDragListeners;
+    private onPointerDown;
+    private dragItemStart;
+    private onPointerMove;
+    private onPointerUp;
+    private updateShiftTargets;
+    private addShiftTarget;
+    private shiftToNearest;
+    private showPlaceholder;
+    private positionPlaceholder;
+    private hidePlaceholder;
+    private sortItemsByPosition;
+}