@ixfx/components 0.13.2 → 0.13.4

package/dist/{split-layout-CXotkdbx.js → split-layout-Deoxy47d.js}

@@ -934,6 +934,11 @@ let SplitLayoutElement = class SplitLayoutElement extends LitElement {
         height: 100%;
       }
 
+      /* ::part() doesn't match inside our own shadow root, so target directly. */
+      [part="panel"] {
+        contain: strict;
+      }
+
       .gutter {
         z-index: 2;
         background: var(--split-gutter-color);
@@ -1019,5 +1024,3 @@ __decorate([query(`.grid`)], SplitLayoutElement.prototype, "_groupEl", void 0);
 SplitLayoutElement = __decorate([safeCustomElement(`ixfx-split-layout`)], SplitLayoutElement);
 //#endregion
 export { distribute as a, preserveRestoreWeights as c, toSnapshot as d, walk as f, buildModel as i, resolveTracks as l, SplitPanelElement as n, findPanelNode as o, applySnapshot as r, normalise as s, SplitLayoutElement as t, setPanelRestoreWeight as u };
-
-//# sourceMappingURL=split-layout-CXotkdbx.js.map

package/dist/{split-layout-C5SYbDrq.d.ts → split-layout-JK3xWVX2.d.ts}

@@ -156,7 +156,7 @@ declare class SplitLayoutElement extends LitElement {
   private _onPointerUp;
   private _emitResize;
   private _emitChange;
-  protected render(): import("lit").TemplateResult<1> | typeof nothing;
+  protected render(): typeof nothing | import("lit").TemplateResult<1>;
   private _getTrackSizes;
   private _resolveTracks;
   private _renderGutter;
@@ -175,5 +175,4 @@ declare global {
   }
 }
 //#endregion
-export { SplitExpandEvent as _, LayoutNode as a, SplitResizeEvent as b, PanelNode as c, SplitChangeEvent as d, SplitCloseDetail as f, SplitExpandDetail as g, SplitCollapseEvent as h, GroupNode as i, SnapshotNode as l, SplitCollapseDetail as m, SplitPanelElement as n, LayoutSnapshot as o, SplitCloseEvent as p, Axis as r, PanelInfo as s, SplitLayoutElement as t, SplitChangeDetail as u, SplitLayoutElementEventMap as v, WhenSmall as x, SplitResizeDetail as y };
-//# sourceMappingURL=split-layout-C5SYbDrq.d.ts.map
+export { SplitExpandEvent as _, LayoutNode as a, SplitResizeEvent as b, PanelNode as c, SplitChangeEvent as d, SplitCloseDetail as f, SplitExpandDetail as g, SplitCollapseEvent as h, GroupNode as i, SnapshotNode as l, SplitCollapseDetail as m, SplitPanelElement as n, LayoutSnapshot as o, SplitCloseEvent as p, Axis as r, PanelInfo as s, SplitLayoutElement as t, SplitChangeDetail as u, SplitLayoutElementEventMap as v, WhenSmall as x, SplitResizeDetail as y };

package/dist/split-layout.d.ts

@@ -1,2 +1,2 @@
-import { t as SplitLayoutElement } from "./split-layout-C5SYbDrq.js";
+import { t as SplitLayoutElement } from "./split-layout-JK3xWVX2.js";
 export { SplitLayoutElement };

package/dist/split-layout.js

@@ -1,2 +1,2 @@
-import { t as SplitLayoutElement } from "./split-layout-CXotkdbx.js";
+import { t as SplitLayoutElement } from "./split-layout-Deoxy47d.js";
 export { SplitLayoutElement };

package/dist/swipe.d.ts

@@ -53,5 +53,4 @@ declare class SwipeElement extends SwipeElement_base {
   render(): ReturnType<typeof html>;
 }
 //#endregion
-export { SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent };
-//# sourceMappingURL=swipe.d.ts.map
+export { SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent };

package/dist/swipe.js

@@ -224,5 +224,3 @@ __decorate([property({ type: Number })], SwipeElement.prototype, "retractDuratio
 SwipeElement = __decorate([safeCustomElement(`ixfx-swipe`)], SwipeElement);
 //#endregion
 export { SwipeElement };
-
-//# sourceMappingURL=swipe.js.map

package/dist/{tab-list-v8mKX7Fu.d.ts → tab-list-CexFFg6O.d.ts}

@@ -1,4 +1,4 @@
-import "./icon-DR_3rSyZ.js";
+import "./icon-CDGprSdE.js";
 import { LitElement, PropertyValues } from "lit";
 import { CommandRegistry } from "@clinth/ui-commands";
 //#region src/tabs/tab-list-item.d.ts
@@ -26,9 +26,8 @@ declare class TabListItemElement extends LitElement {
   private _compact;
   private _hasToolbarContent;
   private _hasStatusContent;
-  private _resizeObserver?;
   private _commandCleanup?;
-  private _labelObserver;
+  private _onLabelMutation;
   connectedCallback(): void;
   disconnectedCallback(): void;
   updated(changed: PropertyValues): void;
@@ -114,5 +113,4 @@ declare global {
   }
 }
 //#endregion
-export { TabListReorderDetail as a, TabListElement as i, TabListChangeEvent as n, TabListReorderEvent as o, TabListDragMode as r, TabListItemElement as s, TabListChangeDetail as t };
-//# sourceMappingURL=tab-list-v8mKX7Fu.d.ts.map
+export { TabListReorderDetail as a, TabListElement as i, TabListChangeEvent as n, TabListReorderEvent as o, TabListDragMode as r, TabListItemElement as s, TabListChangeDetail as t };

package/dist/tabs.d.ts

@@ -1,2 +1,2 @@
-import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, t as TabListChangeDetail } from "./tab-list-v8mKX7Fu.js";
+import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, t as TabListChangeDetail } from "./tab-list-CexFFg6O.js";
 export { TabListChangeDetail, TabListChangeEvent, TabListDragMode, TabListElement, TabListReorderDetail, TabListReorderEvent };

package/dist/tabs.js

@@ -1,6 +1,6 @@
 import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { t as scrollFadeStyles } from "./scroll-fade-BrNUIYnm.js";
+import { t as scrollFadeStyles } from "./scroll-fade-Xx28D7mH.js";
 import { t as createDragGhost } from "./drag-ghost-DtSDvjri.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
@@ -115,9 +115,20 @@ let TabListElement = class TabListElement extends LitElement {
 			window.addEventListener(`pointerup`, this.#onPointerUp);
 			window.addEventListener(`pointercancel`, this.#onPointerCancel);
 		};
+		this.#pendingMove = null;
+		this.#moveRaf = null;
 		this.#onPointerMove = (event) => {
 			const state = this.#dragState;
 			if (!state || event.pointerId !== state.pointerId) return;
+			this.#pendingMove = event;
+			this.#moveRaf ??= requestAnimationFrame(this.#flushMove);
+		};
+		this.#flushMove = () => {
+			const event = this.#pendingMove;
+			this.#pendingMove = null;
+			this.#moveRaf = null;
+			const state = this.#dragState;
+			if (!state || !event) return;
 			const dx = event.clientX - state.startX;
 			const dy = event.clientY - state.startY;
 			const distance = Math.hypot(dx, dy);
@@ -302,7 +313,17 @@ let TabListElement = class TabListElement extends LitElement {
 		return item;
 	}
 	#onPointerDown;
+	#pendingMove;
+	#moveRaf;
 	#onPointerMove;
+	#cancelPendingMove() {
+		if (this.#moveRaf !== null) {
+			cancelAnimationFrame(this.#moveRaf);
+			this.#moveRaf = null;
+		}
+		this.#pendingMove = null;
+	}
+	#flushMove;
 	#onPointerUp;
 	#onPointerCancel;
 	#beginDrag(event) {
@@ -328,6 +349,7 @@ let TabListElement = class TabListElement extends LitElement {
 	#endDrag(pointerId) {
 		const state = this.#dragState;
 		if (!state) return;
+		this.#cancelPendingMove();
 		state.ghost?.destroy();
 		state.ghost = null;
 		this.#dragState = null;
@@ -650,5 +672,3 @@ __decorate([property({
 TabListElement = __decorate([safeCustomElement(`ixfx-tab-list`)], TabListElement);
 //#endregion
 export { TabListElement };
-
-//# sourceMappingURL=tabs.js.map

package/dist/tickled-controller-D-HZymaZ.js

@@ -254,5 +254,3 @@ var TickledController = class TickledController {
 };
 //#endregion
 export { TickledController as t };
-
-//# sourceMappingURL=tickled-controller-D-HZymaZ.js.map

package/dist/tickled-controller-DodxD3eQ.d.ts

@@ -219,5 +219,4 @@ declare class TickledController<T = number> implements ReactiveController {
   setInputMode(mode: InputMode): void;
 }
 //#endregion
-export { TickledItem as i, TickledController as n, TickledControllerConfig as r, InputMode as t };
-//# sourceMappingURL=tickled-controller-DodxD3eQ.d.ts.map
+export { TickledItem as i, TickledController as n, TickledControllerConfig as r, InputMode as t };

package/dist/tickled-styles-BrAHEj1q.js

@@ -85,5 +85,3 @@ const tickledItemStyles = css`
 `;
 //#endregion
 export { tickledStyles as n, tickledItemStyles as t };
-
-//# sourceMappingURL=tickled-styles-BrAHEj1q.js.map

package/dist/timeline-BP1Ux2EV.js

@@ -1754,5 +1754,3 @@ __decorate([state()], IxfxTimelineElement.prototype, "_internalTracks", void 0);
 IxfxTimelineElement = __decorate([safeCustomElement(`ixfx-timeline`)], IxfxTimelineElement);
 //#endregion
 export { resolveCssVars as a, attachTimelineInteractions as i, TimelineTrackTabElement as n, resolveGrid as o, timelineStyles as r, TimelineController as s, IxfxTimelineElement as t };
-
-//# sourceMappingURL=timeline-BP1Ux2EV.js.map

package/dist/{titlebar-B5zSTZnF.d.ts → titlebar-Tqu-VvMU.d.ts}

@@ -1,4 +1,4 @@
-import "./icon-DR_3rSyZ.js";
+import "./icon-CDGprSdE.js";
 import { LitElement } from "lit";
 //#region src/titlebar/titlebar.d.ts
 type TitlebarOrientation = `horizontal` | `vertical`;
@@ -50,5 +50,4 @@ interface TitlebarElement {
   addEventListener: (<K extends keyof TitlebarElementEventMap>(type: K, listener: (this: TitlebarElement, event: TitlebarElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
 }
 //#endregion
-export { TitlebarToggleDetail as a, TitlebarVariant as c, TitlebarOrientation as i, TitlebarElement as n, TitlebarToggleEvent as o, TitlebarElementEventMap as r, TitlebarToggleInteraction as s, TitlebarCloseEvent as t };
-//# sourceMappingURL=titlebar-B5zSTZnF.d.ts.map
+export { TitlebarToggleDetail as a, TitlebarVariant as c, TitlebarOrientation as i, TitlebarElement as n, TitlebarToggleEvent as o, TitlebarElementEventMap as r, TitlebarToggleInteraction as s, TitlebarCloseEvent as t };

package/dist/titlebar.d.ts

@@ -1,2 +1,2 @@
-import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, n as TitlebarElement, o as TitlebarToggleEvent, r as TitlebarElementEventMap, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-B5zSTZnF.js";
+import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, n as TitlebarElement, o as TitlebarToggleEvent, r as TitlebarElementEventMap, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-Tqu-VvMU.js";
 export { TitlebarCloseEvent, TitlebarElement, TitlebarElementEventMap, TitlebarOrientation, TitlebarToggleDetail, TitlebarToggleEvent, TitlebarToggleInteraction, TitlebarVariant };

package/dist/titlebar.js

@@ -404,5 +404,3 @@ __decorate([property({
 TitlebarElement = __decorate([safeCustomElement(`ixfx-titlebar`)], TitlebarElement);
 //#endregion
 export { TitlebarElement };
-
-//# sourceMappingURL=titlebar.js.map

package/dist/tooltip-BlvBUQxx.d.ts

@@ -21,5 +21,4 @@ declare global {
   }
 }
 //#endregion
-export { TooltipElement as n, TooltipOrientations as r, FormatValueForHuman as t };
-//# sourceMappingURL=tooltip-BlvBUQxx.d.ts.map
+export { TooltipElement as n, TooltipOrientations as r, FormatValueForHuman as t };

package/dist/tooltip-CJt3WLmN.js

@@ -100,5 +100,3 @@ const tooltipValueStyles = css`
   `;
 //#endregion
 export { tooltipValueStyles as t };
-
-//# sourceMappingURL=tooltip-CJt3WLmN.js.map

package/dist/transitory-label.d.ts

@@ -26,5 +26,4 @@ declare global {
   }
 }
 //#endregion
-export { Effect, TransitoryLabelElement };
-//# sourceMappingURL=transitory-label.d.ts.map
+export { Effect, TransitoryLabelElement };

package/dist/transitory-label.js

@@ -245,5 +245,3 @@ __decorate([state()], TransitoryLabelElement.prototype, "_transitionId", void 0)
 TransitoryLabelElement = __decorate([safeCustomElement(`ixfx-transitory-label`)], TransitoryLabelElement);
 //#endregion
 export { TransitoryLabelElement };
-
-//# sourceMappingURL=transitory-label.js.map