@pie-players/pie-section-player-tools-shared 0.3.3

package/PanelResizeHandle.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+	let {
+		onPointerDown,
+		handleClass = "absolute bottom-0 right-0 w-4 h-4 cursor-se-resize",
+		iconClass = "w-full h-full text-base-content/30",
+	} = $props<{
+		onPointerDown?: (event: MouseEvent) => void;
+		handleClass?: string;
+		iconClass?: string;
+	}>();
+</script>
+
+<div
+	class={handleClass}
+	onmousedown={onPointerDown}
+	role="button"
+	tabindex="0"
+	title="Resize window"
+>
+	<svg class={iconClass} viewBox="0 0 16 16" fill="currentColor">
+		<path d="M16 16V14H14V16H16Z" />
+		<path d="M16 11V9H14V11H16Z" />
+		<path d="M13 16V14H11V16H13Z" />
+	</svg>
+</div>

package/PanelWindowControls.svelte

@@ -0,0 +1,48 @@
+<script lang="ts">
+	let {
+		minimized = false,
+		onToggle,
+		onClose,
+		buttonClass = "btn btn-xs btn-ghost btn-circle",
+	} = $props<{
+		minimized?: boolean;
+		onToggle?: () => void;
+		onClose?: () => void;
+		buttonClass?: string;
+	}>();
+</script>
+
+<button class={buttonClass} onclick={onToggle} title={minimized ? "Maximize" : "Minimize"}>
+	{#if minimized}
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			class="h-3 w-3"
+			fill="none"
+			viewBox="0 0 24 24"
+			stroke="currentColor"
+		>
+			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" />
+		</svg>
+	{:else}
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			class="h-3 w-3"
+			fill="none"
+			viewBox="0 0 24 24"
+			stroke="currentColor"
+		>
+			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
+		</svg>
+	{/if}
+</button>
+<button class={buttonClass} onclick={onClose} title="Close">
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		class="h-3 w-3"
+		fill="none"
+		viewBox="0 0 24 24"
+		stroke="currentColor"
+	>
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+	</svg>
+</button>

package/dist/PanelResizeHandle.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist/PanelWindowControls.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist/floating-panel.d.ts

@@ -0,0 +1,37 @@
+export type FloatingPanelState = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export type FloatingPanelViewportSizing = {
+    widthRatio: number;
+    heightRatio: number;
+    minWidth: number;
+    maxWidth: number;
+    minHeight: number;
+    maxHeight: number;
+    alignX: "left" | "center" | "right";
+    alignY: "top" | "center" | "bottom";
+    paddingX?: number;
+    paddingY?: number;
+};
+export declare function computePanelSizeFromViewport(viewport: {
+    width: number;
+    height: number;
+}, sizing: FloatingPanelViewportSizing): FloatingPanelState;
+type PointerControllerArgs = {
+    getState: () => FloatingPanelState;
+    setState: (next: FloatingPanelState) => void;
+    minWidth: number;
+    minHeight: number;
+    padding?: number;
+};
+export type FloatingPanelPointerController = {
+    startDrag: (event: MouseEvent) => void;
+    startResize: (event: MouseEvent) => void;
+    stop: () => void;
+};
+export declare function createFloatingPanelPointerController(args: PointerControllerArgs): FloatingPanelPointerController;
+export {};
+//# sourceMappingURL=floating-panel.d.ts.map

package/dist/floating-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-panel.d.ts","sourceRoot":"","sources":["../floating-panel.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAChC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,MAAM,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,4BAA4B,CAC3C,QAAQ,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAC3C,MAAM,EAAE,2BAA2B,GACjC,kBAAkB,CA8BpB;AAED,KAAK,qBAAqB,GAAG;IAC5B,QAAQ,EAAE,MAAM,kBAAkB,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC5C,SAAS,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,IAAI,EAAE,MAAM,IAAI,CAAC;CACjB,CAAC;AAEF,wBAAgB,oCAAoC,CACnD,IAAI,EAAE,qBAAqB,GACzB,8BAA8B,CA6FhC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { default as PanelWindowControls } from './PanelWindowControls.svelte';
+export { default as PanelResizeHandle } from './PanelResizeHandle.svelte';
+export { createFloatingPanelPointerController, computePanelSizeFromViewport, type FloatingPanelPointerController, type FloatingPanelState, type FloatingPanelViewportSizing, } from './floating-panel.js';
+export { getSectionControllerFromCoordinator, isMatchingSectionControllerLifecycleEvent, optionalIdsEqual, type SectionControllerLifecycleEventLike, type SectionControllerKeyLike, type ToolkitCoordinatorWithSectionController, } from './section-controller.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EACN,oCAAoC,EACpC,4BAA4B,EAC5B,KAAK,8BAA8B,EACnC,KAAK,kBAAkB,EACvB,KAAK,2BAA2B,GAChC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACN,mCAAmC,EACnC,yCAAyC,EACzC,gBAAgB,EAChB,KAAK,mCAAmC,EACxC,KAAK,wBAAwB,EAC7B,KAAK,uCAAuC,GAC5C,MAAM,yBAAyB,CAAC"}