@tartaguti/ui-components 0.0.0-stage → 0.1.0

package/dist/floating.js

@@ -0,0 +1,120 @@
+/**
+ * Keeping a top-layer element glued to the thing that opened it.
+ *
+ * THE BUG THIS EXISTS FOR: `scroll` events are not composed, so they do
+ * not escape a shadow root. A `window.addEventListener("scroll", fn, true)`
+ * never fires for a scroll container living inside some component's shadow
+ * DOM, which in this library is the norm rather than the exception: the
+ * page scrolls inside tt-layout's `.content`, not on the document. The
+ * result was a menu that stayed nailed to the viewport while the button it
+ * belonged to scrolled away underneath it.
+ *
+ * The fix is the same one positioning libraries use: find every scrollable
+ * ancestor of the anchor and listen on each of them directly, hopping out
+ * of shadow roots on the way up.
+ */
+/** True when this element can actually scroll in either axis. */
+function isScrollable(element) {
+    const style = getComputedStyle(element);
+    const overflow = style.overflow + style.overflowY + style.overflowX;
+    return /(auto|scroll|overlay)/.test(overflow);
+}
+/**
+ * Every scrollable ancestor of `element` in the FLATTENED tree.
+ *
+ * Three different "parents" matter here, and using the wrong one is why
+ * the first version of this did nothing:
+ *
+ *   assignedSlot  A slotted element renders wherever its slot is, which is
+ *                 inside some other component's shadow root. Its parentNode
+ *                 still points at its light-DOM parent, which is NOT where
+ *                 it visually sits. Stepping to the slot is what follows
+ *                 the element to where it is actually painted.
+ *   ShadowRoot    Has no parentElement, so a plain walk stops dead. Its
+ *                 `host` continues in the outer tree.
+ *   parentNode    The ordinary case.
+ *
+ * Missing the first one is what left the page's real scroll container
+ * unwatched: tt-layout's .content lives in tt-layout's shadow root, and
+ * every page is slotted into it, so no parentNode chain ever reaches it.
+ */
+export function scrollAncestors(element) {
+    const found = [];
+    let node = element;
+    while (node) {
+        // Rendered into a slot: follow it there, not to the light-DOM parent.
+        const slot = node instanceof Element ? node.assignedSlot : null;
+        if (slot) {
+            node = slot;
+            continue;
+        }
+        if (node instanceof ShadowRoot) {
+            node = node.host;
+            continue;
+        }
+        const parent = node.parentNode;
+        if (parent instanceof Element && isScrollable(parent)) {
+            found.push(parent);
+        }
+        node = parent;
+    }
+    return found;
+}
+/**
+ * Calls `onChange` whenever the anchor may have moved: any ancestor
+ * scrolling, the window scrolling or resizing, or the anchor itself
+ * changing size.
+ *
+ * Returns the unsubscribe function. Call it when the floating element
+ * closes, or these listeners outlive it.
+ */
+export function trackAnchor(anchor, onChange) {
+    const targets = [
+        ...scrollAncestors(anchor),
+        window,
+    ];
+    // passive: this never calls preventDefault, and saying so lets the
+    // browser scroll without waiting to find out.
+    for (const target of targets) {
+        target.addEventListener("scroll", onChange, { passive: true });
+    }
+    window.addEventListener("resize", onChange);
+    // Catches the cases scroll cannot see: a sibling above the anchor
+    // growing, a font loading, a container animating open.
+    const observer = new ResizeObserver(onChange);
+    observer.observe(anchor);
+    return () => {
+        for (const target of targets) {
+            target.removeEventListener("scroll", onChange);
+        }
+        window.removeEventListener("resize", onChange);
+        observer.disconnect();
+    };
+}
+/**
+ * Park a top-layer element under its anchor, flipping above when there
+ * is no room below and clamping so it never leaves the viewport.
+ *
+ * CALL THIS AFTER showPopover(), never before. A closed popover is
+ * display:none and a display:none element measures 0x0, so positioning
+ * first works with a width of zero: the align=end offset collapses onto
+ * the anchor's right edge and the clamp has nothing to clamp with, which
+ * puts a menu near the right edge off screen.
+ */
+export function placeBelow(anchor, floating, options = {}) {
+    const { align = "start", gap = 4, edge = 8 } = options;
+    const a = anchor.getBoundingClientRect();
+    const f = floating.getBoundingClientRect();
+    // clientWidth/clientHeight, not innerWidth/innerHeight: the inner pair
+    // includes the scrollbar, so clamping against them leaves the last few
+    // pixels sitting underneath it.
+    const viewportWidth = document.documentElement.clientWidth;
+    const viewportHeight = document.documentElement.clientHeight;
+    const roomBelow = viewportHeight - a.bottom;
+    const top = roomBelow < f.height + gap ? a.top - f.height - gap : a.bottom + gap;
+    let left = align === "end" ? a.right - f.width : a.left;
+    left = Math.max(edge, Math.min(left, viewportWidth - f.width - edge));
+    floating.style.top = `${Math.max(edge, top)}px`;
+    floating.style.left = `${left}px`;
+}
+//# sourceMappingURL=floating.js.map

package/dist/floating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating.js","sourceRoot":"","sources":["../src/floating.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,iEAAiE;AACjE,SAAS,YAAY,CAAC,OAAgB;IACpC,MAAM,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IAEpE,OAAO,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAChD,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,eAAe,CAAC,OAAgB;IAC9C,MAAM,KAAK,GAAc,EAAE,CAAC;IAE5B,IAAI,IAAI,GAAgB,OAAO,CAAC;IAEhC,OAAO,IAAI,EAAE,CAAC;QACZ,sEAAsE;QACtE,MAAM,IAAI,GACR,IAAI,YAAY,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC;QACrD,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,GAAG,IAAI,CAAC;YACZ,SAAS;QACX,CAAC;QAED,IAAI,IAAI,YAAY,UAAU,EAAE,CAAC;YAC/B,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACjB,SAAS;QACX,CAAC;QAED,MAAM,MAAM,GAAgB,IAAI,CAAC,UAAU,CAAC;QAE5C,IAAI,MAAM,YAAY,OAAO,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;YACtD,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrB,CAAC;QAED,IAAI,GAAG,MAAM,CAAC;IAChB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,MAAe,EAAE,QAAoB;IAC/D,MAAM,OAAO,GAAyB;QACpC,GAAG,eAAe,CAAC,MAAM,CAAC;QAC1B,MAAM;KACP,CAAC;IAEF,mEAAmE;IACnE,8CAA8C;IAC9C,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACjE,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAE5C,kEAAkE;IAClE,uDAAuD;IACvD,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC9C,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAEzB,OAAO,GAAG,EAAE;QACV,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC7B,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC;QAED,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC/C,QAAQ,CAAC,UAAU,EAAE,CAAC;IACxB,CAAC,CAAC;AACJ,CAAC;AAWD;;;;;;;;;GASG;AACH,MAAM,UAAU,UAAU,CACxB,MAAe,EACf,QAAqB,EACrB,UAAwB,EAAE;IAE1B,MAAM,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC;IAEvD,MAAM,CAAC,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;IACzC,MAAM,CAAC,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAC;IAE3C,uEAAuE;IACvE,uEAAuE;IACvE,gCAAgC;IAChC,MAAM,aAAa,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;IAC3D,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;IAE7D,MAAM,SAAS,GAAG,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC;IAC5C,MAAM,GAAG,GACP,SAAS,GAAG,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC;IAEvE,IAAI,IAAI,GAAG,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACxD,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,aAAa,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC;IAEtE,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC;IAChD,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC;AACpC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,92 @@
+export * from "./interaction/tt-draggable.js";
+export * from "./interaction/tt-droppable.js";
+export * from "./interaction/tt-resizable.js";
+export * from "./interaction/tt-reveal.js";
+export * from "./safe-url.js";
+export * from "./floating.js";
+export * from "./tt-button.js";
+export * from "./tt-input.js";
+export * from "./tt-checkbox.js";
+export * from "./tt-checkbox-group.js";
+export * from "./tt-textarea.js";
+export * from "./tt-switch.js";
+export * from "./tt-kbd.js";
+export * from "./tt-text.js";
+export * from "./tt-aspect-ratio.js";
+export * from "./tt-collapsible.js";
+export * from "./tt-slider.js";
+export * from "./tt-toggle.js";
+export * from "./tt-toggle-group.js";
+export * from "./tt-radio-group.js";
+export * from "./tt-select.js";
+export * from "./tt-combobox.js";
+export * from "./tt-card.js";
+export * from "./tt-image.js";
+export * from "./tt-icon.js";
+export * from "./tt-form.js";
+export * from "./tt-badge.js";
+export * from "./tt-empty-state.js";
+export * from "./tt-breadcrumbs.js";
+export * from "./tt-copy-button.js";
+export * from "./tt-drawer.js";
+export * from "./tt-alert.js";
+export * from "./tt-auth.js";
+export * from "./tt-avatar.js";
+export * from "./tt-divider.js";
+export * from "./tt-progress.js";
+export * from "./tt-rating.js";
+export * from "./tt-spinner.js";
+export * from "./tt-tabs.js";
+export * from "./tt-tooltip.js";
+export * from "./tt-page-header.js";
+export * from "./tt-confirm.js";
+export * from "./tt-skeleton.js";
+export * from "./tt-toast.js";
+export * from "./tt-pagination.js";
+export * from "./tt-sparkline.js";
+export * from "./tt-chart.js";
+export * from "./tt-key-values.js";
+export * from "./tt-tag-list.js";
+export * from "./tt-contact-list.js";
+export * from "./tt-social-links.js";
+export * from "./tt-company-card.js";
+export * from "./tt-comparison-table.js";
+export * from "./tt-inbox.js";
+export * from "./tt-thread.js";
+export * from "./tt-dropdown-menu.js";
+export * from "./tt-quantity.js";
+export * from "./tt-filter.js";
+export * from "./tt-file-upload.js";
+export * from "./tt-button-group.js";
+export * from "./tt-layout.js";
+export * from "./tt-navbar.js";
+export * from "./tt-page.js";
+export * from "./tt-section.js";
+export * from "./tt-toolbar.js";
+export * from "./tt-stack.js";
+export * from "./tt-modal.js";
+export * from "./sidebar/tt-sidebar.js";
+export * from "./sidebar/tt-sidebar-header.js";
+export * from "./sidebar/tt-sidebar-footer.js";
+export * from "./sidebar/tt-menu-item.js";
+export * from "./sidebar/tt-menu-group.js";
+export * from "./accordion/tt-accordion.js";
+export * from "./accordion/tt-accordion-item.js";
+export * from "./bento/tt-bento.js";
+export * from "./bento/tt-bento-item.js";
+export * from "./tt-search.js";
+export * from "./tt-profile-card.js";
+export * from "./tt-product.js";
+export * from "./tt-stat.js";
+export * from "./tt-grid.js";
+export * from "./tt-data-table.js";
+export * from "./tt-preview.js";
+export * from "./tt-example.js";
+export * from "./tt-code-block.js";
+export * from "./tt-table.js";
+export * from "./tt-table-row.js";
+export * from "./tt-table-cell.js";
+export * from "./tt-switcher.js";
+export * from "./tt-component-doc.js";
+export * from "./tt-knowledge-doc.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,96 @@
+// Primitives
+export * from "./interaction/tt-draggable.js";
+export * from "./interaction/tt-droppable.js";
+export * from "./interaction/tt-resizable.js";
+export * from "./interaction/tt-reveal.js";
+export * from "./safe-url.js";
+export * from "./floating.js";
+export * from "./tt-button.js";
+export * from "./tt-input.js";
+export * from "./tt-checkbox.js";
+export * from "./tt-checkbox-group.js";
+export * from "./tt-textarea.js";
+export * from "./tt-switch.js";
+export * from "./tt-kbd.js";
+export * from "./tt-text.js";
+export * from "./tt-aspect-ratio.js";
+export * from "./tt-collapsible.js";
+export * from "./tt-slider.js";
+export * from "./tt-toggle.js";
+export * from "./tt-toggle-group.js";
+export * from "./tt-radio-group.js";
+export * from "./tt-select.js";
+export * from "./tt-combobox.js";
+export * from "./tt-card.js";
+export * from "./tt-image.js";
+export * from "./tt-icon.js";
+export * from "./tt-form.js";
+export * from "./tt-badge.js";
+export * from "./tt-empty-state.js";
+export * from "./tt-breadcrumbs.js";
+export * from "./tt-copy-button.js";
+export * from "./tt-drawer.js";
+export * from "./tt-alert.js";
+export * from "./tt-auth.js";
+export * from "./tt-avatar.js";
+export * from "./tt-divider.js";
+export * from "./tt-progress.js";
+export * from "./tt-rating.js";
+export * from "./tt-spinner.js";
+export * from "./tt-tabs.js";
+export * from "./tt-tooltip.js";
+export * from "./tt-page-header.js";
+export * from "./tt-confirm.js";
+export * from "./tt-skeleton.js";
+export * from "./tt-toast.js";
+export * from "./tt-pagination.js";
+export * from "./tt-sparkline.js";
+export * from "./tt-chart.js";
+export * from "./tt-key-values.js";
+export * from "./tt-tag-list.js";
+export * from "./tt-contact-list.js";
+export * from "./tt-social-links.js";
+export * from "./tt-company-card.js";
+export * from "./tt-comparison-table.js";
+export * from "./tt-inbox.js";
+export * from "./tt-thread.js";
+export * from "./tt-dropdown-menu.js";
+export * from "./tt-quantity.js";
+export * from "./tt-filter.js";
+export * from "./tt-file-upload.js";
+export * from "./tt-button-group.js";
+// Layout & navigation
+export * from "./tt-layout.js";
+export * from "./tt-navbar.js";
+export * from "./tt-page.js";
+export * from "./tt-section.js";
+export * from "./tt-toolbar.js";
+export * from "./tt-stack.js";
+export * from "./tt-modal.js";
+export * from "./sidebar/tt-sidebar.js";
+export * from "./sidebar/tt-sidebar-header.js";
+export * from "./sidebar/tt-sidebar-footer.js";
+export * from "./sidebar/tt-menu-item.js";
+export * from "./sidebar/tt-menu-group.js";
+export * from "./accordion/tt-accordion.js";
+export * from "./accordion/tt-accordion-item.js";
+export * from "./bento/tt-bento.js";
+export * from "./bento/tt-bento-item.js";
+// Compositions
+export * from "./tt-search.js";
+export * from "./tt-profile-card.js";
+export * from "./tt-product.js";
+export * from "./tt-stat.js";
+export * from "./tt-grid.js";
+export * from "./tt-data-table.js";
+// Documentation tooling
+export * from "./tt-preview.js";
+export * from "./tt-example.js";
+export * from "./tt-code-block.js";
+export * from "./tt-table.js";
+export * from "./tt-table-row.js";
+export * from "./tt-table-cell.js";
+export * from "./tt-switcher.js";
+export * from "./tt-component-doc.js";
+export * from "./tt-knowledge-doc.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/interaction/tt-draggable.d.ts

@@ -0,0 +1,29 @@
+import { Directive } from "lit/directive.js";
+import type { ElementPart, PartInfo, DirectiveParameters } from "lit/directive.js";
+export interface DraggableOptions {
+    /** Data payload attached to the drag event */
+    data?: unknown;
+    /** Disable dragging functionality */
+    disabled?: boolean;
+    /** Data format type (defaults to 'text/plain') */
+    format?: string;
+    /** Callback fired when dragging begins */
+    onDragStart?: (e: DragEvent) => void;
+    /** Callback fired when dragging ends */
+    onDragEnd?: (e: DragEvent) => void;
+}
+declare class DraggableDirective extends Directive {
+    private element?;
+    private options;
+    private attached;
+    constructor(partInfo: PartInfo);
+    render(_options?: DraggableOptions): void;
+    update(part: ElementPart, [options]: DirectiveParameters<this>): void;
+    private handleDragStart;
+    private handleDragEnd;
+    private attach;
+    private detach;
+}
+export declare const draggable: (_options?: DraggableOptions | undefined) => import("lit-html/directive.js").DirectiveResult<typeof DraggableDirective>;
+export {};
+//# sourceMappingURL=tt-draggable.d.ts.map

package/dist/interaction/tt-draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-draggable.d.ts","sourceRoot":"","sources":["../../src/interaction/tt-draggable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAa,MAAM,kBAAkB,CAAC;AAIxD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEnF,MAAM,WAAW,gBAAgB;IAC/B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,wCAAwC;IACxC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CACpC;AAYD,cAAM,kBAAmB,SAAQ,SAAS;IACxC,OAAO,CAAC,OAAO,CAAC,CAAc;IAC9B,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,QAAQ,CAAS;gBAEb,QAAQ,EAAE,QAAQ;IAS9B,MAAM,CAAC,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI;IAIhC,MAAM,CACb,IAAI,EAAE,WAAW,EACjB,CAAC,OAAY,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,GACxC,IAAI;IAQP,OAAO,CAAC,eAAe,CAQrB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,MAAM;CAQf;AAED,eAAO,MAAM,SAAS,yHAAgC,CAAC"}

package/dist/interaction/tt-draggable.js

@@ -0,0 +1,66 @@
+// Imports for runtime code (values/classes)
+import { Directive, directive } from "lit/directive.js";
+import { PartType } from "lit/directive.js";
+/*
+  Listeners are attached ONCE and read the latest options.
+
+  update() runs on every render of the template this sits in. It used to
+  detach and reattach each time, which also stripped the `dragging`
+  attribute: if anything re-rendered mid-drag (an onDragStart that sets
+  state is the obvious case), the item lost its dragging style while it
+  was still being dragged. Keeping the newest options in a field gives the
+  same "always current" behaviour without touching the element.
+*/
+class DraggableDirective extends Directive {
+    constructor(partInfo) {
+        super(partInfo);
+        this.options = {};
+        this.attached = false;
+        this.handleDragStart = (e) => {
+            const { data, format, onDragStart } = this.options;
+            if (e.dataTransfer && data !== undefined) {
+                const payload = typeof data === 'string' ? data : JSON.stringify(data);
+                e.dataTransfer.setData(format || 'text/plain', payload);
+            }
+            this.element?.setAttribute('dragging', '');
+            onDragStart?.(e);
+        };
+        this.handleDragEnd = (e) => {
+            this.element?.removeAttribute('dragging');
+            this.options.onDragEnd?.(e);
+        };
+        if (partInfo.type !== PartType.ELEMENT) {
+            throw new Error('The draggable directive can only be attached directly to an element (e.g. <tt-card ${draggable()}>)');
+        }
+    }
+    render(_options) {
+        // Behavior-only directive
+    }
+    update(part, [options = {}]) {
+        this.element = part.element;
+        this.options = options;
+        if (options.disabled)
+            this.detach();
+        else
+            this.attach();
+    }
+    attach() {
+        if (this.attached || !this.element)
+            return;
+        this.attached = true;
+        this.element.draggable = true;
+        this.element.addEventListener('dragstart', this.handleDragStart);
+        this.element.addEventListener('dragend', this.handleDragEnd);
+    }
+    detach() {
+        if (!this.attached || !this.element)
+            return;
+        this.attached = false;
+        this.element.removeAttribute('draggable');
+        this.element.removeAttribute('dragging');
+        this.element.removeEventListener('dragstart', this.handleDragStart);
+        this.element.removeEventListener('dragend', this.handleDragEnd);
+    }
+}
+export const draggable = directive(DraggableDirective);
+//# sourceMappingURL=tt-draggable.js.map

package/dist/interaction/tt-draggable.js.map

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

package/dist/interaction/tt-droppable.d.ts

@@ -0,0 +1,37 @@
+import { Directive } from "lit/directive.js";
+import type { ElementPart, PartInfo, DirectiveParameters } from "lit/directive.js";
+export interface DroppableOptions {
+    /** Disable drop target functionality */
+    disabled?: boolean;
+    /** Expected data format type (defaults to 'text/plain') */
+    format?: string;
+    /** Custom filter function to allow/deny drops dynamically */
+    canDrop?: (e: DragEvent) => boolean;
+    /** Fired when a dragged item enters the target area */
+    onDragEnter?: (e: DragEvent) => void;
+    /** Fired when a dragged item is over the target area */
+    onDragOver?: (e: DragEvent) => void;
+    /** Fired when a dragged item leaves the target area */
+    onDragLeave?: (e: DragEvent) => void;
+    /** Fired when an item is dropped. Receives the parsed payload and raw event */
+    onDrop?: (data: unknown, e: DragEvent) => void;
+}
+declare class DroppableDirective extends Directive {
+    private element?;
+    private options;
+    private attached;
+    private enterCounter;
+    constructor(partInfo: PartInfo);
+    render(_options?: DroppableOptions): void;
+    update(part: ElementPart, [options]: DirectiveParameters<this>): void;
+    private allowed;
+    private handleDragEnter;
+    private handleDragOver;
+    private handleDragLeave;
+    private handleDrop;
+    private attach;
+    private detach;
+}
+export declare const droppable: (_options?: DroppableOptions | undefined) => import("lit-html/directive.js").DirectiveResult<typeof DroppableDirective>;
+export {};
+//# sourceMappingURL=tt-droppable.d.ts.map

package/dist/interaction/tt-droppable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-droppable.d.ts","sourceRoot":"","sources":["../../src/interaction/tt-droppable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,kBAAkB,CAAC;AAGxD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEnF,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,OAAO,CAAC;IACpC,uDAAuD;IACvD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,wDAAwD;IACxD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,uDAAuD;IACvD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CAChD;AAYD,cAAM,kBAAmB,SAAQ,SAAS;IACxC,OAAO,CAAC,OAAO,CAAC,CAAc;IAC9B,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,YAAY,CAAK;gBAEb,QAAQ,EAAE,QAAQ;IAS9B,MAAM,CAAC,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI;IAIhC,MAAM,CACb,IAAI,EAAE,WAAW,EACjB,CAAC,OAAY,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,GACxC,IAAI;IAQP,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,eAAe,CAQrB;IAEF,OAAO,CAAC,cAAc,CASpB;IAEF,OAAO,CAAC,eAAe,CAQrB;IAEF,OAAO,CAAC,UAAU,CAgBhB;IAEF,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,MAAM;CAUf;AAED,eAAO,MAAM,SAAS,yHAAgC,CAAC"}

package/dist/interaction/tt-droppable.js

@@ -0,0 +1,108 @@
+import { Directive, directive } from "lit/directive.js";
+import { PartType } from "lit/directive.js";
+/*
+  Listeners are attached ONCE and read the latest options.
+
+  update() runs on every render of the template this sits in. It used to
+  detach and reattach each time, and detaching cleared the `dragover`
+  attribute and reset the enter counter. An onDragEnter that sets state
+  (the usual way to show a drop zone) re-renders, which wiped the very
+  highlight it had just asked for, and the counter then went negative on
+  the next dragleave.
+*/
+class DroppableDirective extends Directive {
+    constructor(partInfo) {
+        super(partInfo);
+        this.options = {};
+        this.attached = false;
+        this.enterCounter = 0; // Tracks nested elements to avoid flickering dragleave
+        this.handleDragEnter = (e) => {
+            e.preventDefault();
+            this.enterCounter++;
+            if (!this.allowed(e))
+                return;
+            if (this.enterCounter === 1) {
+                this.element?.setAttribute('dragover', '');
+                this.options.onDragEnter?.(e);
+            }
+        };
+        this.handleDragOver = (e) => {
+            // e.preventDefault() is required to allow a drop in the browser
+            e.preventDefault();
+            if (!this.allowed(e)) {
+                if (e.dataTransfer)
+                    e.dataTransfer.dropEffect = 'none';
+                return;
+            }
+            if (e.dataTransfer)
+                e.dataTransfer.dropEffect = 'copy';
+            this.options.onDragOver?.(e);
+        };
+        this.handleDragLeave = (e) => {
+            e.preventDefault();
+            this.enterCounter--;
+            if (this.enterCounter <= 0) {
+                this.enterCounter = 0;
+                this.element?.removeAttribute('dragover');
+                this.options.onDragLeave?.(e);
+            }
+        };
+        this.handleDrop = (e) => {
+            e.preventDefault();
+            this.enterCounter = 0;
+            this.element?.removeAttribute('dragover');
+            if (!this.allowed(e))
+                return;
+            let payload = null;
+            const rawData = e.dataTransfer?.getData(this.options.format || 'text/plain');
+            if (rawData) {
+                try {
+                    payload = JSON.parse(rawData);
+                }
+                catch {
+                    payload = rawData; // Fallback to raw string if not JSON
+                }
+            }
+            this.options.onDrop?.(payload, e);
+        };
+        if (partInfo.type !== PartType.ELEMENT) {
+            throw new Error('The droppable directive can only be attached directly to an element (e.g. <div ${droppable()}>)');
+        }
+    }
+    render(_options) {
+        // Behavior-only directive
+    }
+    update(part, [options = {}]) {
+        this.element = part.element;
+        this.options = options;
+        if (options.disabled)
+            this.detach();
+        else
+            this.attach();
+    }
+    allowed(e) {
+        return !this.options.canDrop || this.options.canDrop(e);
+    }
+    attach() {
+        if (this.attached || !this.element)
+            return;
+        this.attached = true;
+        this.element.addEventListener('dragenter', this.handleDragEnter);
+        this.element.addEventListener('dragover', this.handleDragOver);
+        this.element.addEventListener('dragleave', this.handleDragLeave);
+        this.element.addEventListener('drop', this.handleDrop);
+    }
+    detach() {
+        if (!this.attached || !this.element)
+            return;
+        this.attached = false;
+        this.enterCounter = 0;
+        this.element.removeAttribute('dragover');
+        this.element.removeEventListener('dragenter', this.handleDragEnter);
+        this.element.removeEventListener('dragover', this.handleDragOver);
+        this.element.removeEventListener('dragleave', this.handleDragLeave);
+        this.element.removeEventListener('drop', this.handleDrop);
+    }
+}
+export const droppable = directive(DroppableDirective);
+//# sourceMappingURL=tt-droppable.js.map

package/dist/interaction/tt-droppable.js.map

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

package/dist/interaction/tt-resizable.d.ts

@@ -0,0 +1,45 @@
+import { Directive } from "lit/directive.js";
+import type { ElementPart, PartInfo, DirectiveParameters } from "lit/directive.js";
+/** How far a resize gesture has moved, in CSS pixels. */
+export interface ResizeDelta {
+    dx: number;
+    dy: number;
+}
+export interface ResizableOptions {
+    /** Which movement is reported. Default "x". The other axis is always reported as 0. */
+    axis?: "x" | "y" | "both";
+    /** Pixels per arrow-key press. Default 16. */
+    step?: number;
+    /** Turns the handle off: no listeners, no touch-action. */
+    disabled?: boolean;
+    /** A pointer drag or a key press begins a gesture. */
+    onResizeStart?: () => void;
+    /** Movement since the gesture started, in CSS pixels (cumulative, not per-event). */
+    onResize?: (delta: ResizeDelta) => void;
+    /** The gesture finished. Receives the final cumulative delta. */
+    onResizeEnd?: (delta: ResizeDelta) => void;
+}
+declare class ResizableDirective extends Directive {
+    private element?;
+    private options;
+    private attached;
+    private pointerId;
+    private startX;
+    private startY;
+    private delta;
+    constructor(partInfo: PartInfo);
+    render(_options?: ResizableOptions): void;
+    update(part: ElementPart, [options]: DirectiveParameters<this>): void;
+    private measure;
+    private handlePointerDown;
+    private handlePointerMove;
+    private handlePointerEnd;
+    private end;
+    private handleKeyDown;
+    private keyDelta;
+    private attach;
+    private detach;
+}
+export declare const resizable: (_options?: ResizableOptions | undefined) => import("lit-html/directive.js").DirectiveResult<typeof ResizableDirective>;
+export {};
+//# sourceMappingURL=tt-resizable.d.ts.map

package/dist/interaction/tt-resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-resizable.d.ts","sourceRoot":"","sources":["../../src/interaction/tt-resizable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,kBAAkB,CAAC;AAGxD,OAAO,KAAK,EACV,WAAW,EACX,QAAQ,EACR,mBAAmB,EACpB,MAAM,kBAAkB,CAAC;AAE1B,yDAAyD;AACzD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,gBAAgB;IAC/B,uFAAuF;IACvF,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;IAC1B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C;AAkCD,cAAM,kBAAmB,SAAQ,SAAS;IACxC,OAAO,CAAC,OAAO,CAAC,CAAc;IAC9B,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,KAAK,CAAiC;gBAElC,QAAQ,EAAE,QAAQ;IAS9B,MAAM,CAAC,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI;IAIhC,MAAM,CACb,IAAI,EAAE,WAAW,EACjB,CAAC,OAAY,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,GACxC,IAAI;IAUP,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,iBAAiB,CA+BvB;IAEF,OAAO,CAAC,iBAAiB,CAMvB;IAIF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,GAAG;IAYX,OAAO,CAAC,aAAa,CAmBnB;IAIF,OAAO,CAAC,QAAQ;IAoBhB,OAAO,CAAC,MAAM;IAuBd,OAAO,CAAC,MAAM;CA8Bf;AAED,eAAO,MAAM,SAAS,yHAAgC,CAAC"}