@qwik.dev/devtools 0.3.0-beta.3 → 2.0.0-beta.45

package/dist/ui/packages/devtools/ui/src/components/DevtoolsButton/DevtoolsButton.qwik.mjs

@@ -1,143 +1,123 @@
-import { componentQrl, inlinedQrl, useSignal, useTaskQrl, _captures, _jsxSorted, _fnSignal } from "@qwik.dev/core";
 import { QwikLogo } from "../Icons/Icons.qwik.mjs";
-const _hf0 = (p0, p1) => ({
-  bottom: `${p1.value.y}px`,
-  right: `${p1.value.x}px`,
-  userSelect: p0.value ? "none" : void 0,
-  transition: p0.value ? "none" : void 0
+import { _captures, _fnSignal, _jsxSorted, componentQrl, inlinedQrl, useSignal, useTaskQrl } from "@qwik.dev/core";
+var _hf0 = (p0, p1) => ({
+	bottom: `${p1.value.y}px`,
+	right: `${p1.value.x}px`,
+	userSelect: p0.value ? "none" : void 0,
+	transition: p0.value ? "none" : void 0
 });
-const DevtoolsButton = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const position = useSignal({
-    x: 24,
-    y: 24
-  });
-  const isDragging = useSignal(false);
-  const elementRef = useSignal();
-  const startMousePos = useSignal({
-    x: 0,
-    y: 0
-  });
-  const startElementPos = useSignal({
-    x: 0,
-    y: 0
-  });
-  const isMoved = useSignal(false);
-  const handleMouseMove = /* @__PURE__ */ inlinedQrl((event) => {
-    const isDragging2 = _captures[0], isMoved2 = _captures[1], position2 = _captures[2], startElementPos2 = _captures[3], startMousePos2 = _captures[4];
-    if (!isDragging2.value) {
-      return;
-    }
-    const deltaX = event.clientX - startMousePos2.value.x;
-    const deltaY = event.clientY - startMousePos2.value.y;
-    if (Math.abs(deltaX) > 3 || Math.abs(deltaY) > 3) {
-      isMoved2.value = true;
-    }
-    let newX = startElementPos2.value.x - deltaX;
-    let newY = startElementPos2.value.y - deltaY;
-    newX = Math.max(0, newX);
-    newY = Math.max(0, newY);
-    position2.value = {
-      x: newX,
-      y: newY
-    };
-  }, "DevtoolsButton_component_handleMouseMove_Bm5qNmVpaXU", [
-    isDragging,
-    isMoved,
-    position,
-    startElementPos,
-    startMousePos
-  ]);
-  const handleMouseUp = /* @__PURE__ */ inlinedQrl(() => {
-    const isDragging2 = _captures[0];
-    if (isDragging2.value) {
-      isDragging2.value = false;
-    }
-  }, "DevtoolsButton_component_handleMouseUp_GgvQR4Yjzk0", [
-    isDragging
-  ]);
-  const handleClick = /* @__PURE__ */ inlinedQrl(() => {
-    const isMoved2 = _captures[0], props2 = _captures[1];
-    if (isMoved2.value) {
-      isMoved2.value = false;
-      return;
-    }
-    if (!props2.state) {
-      return;
-    }
-    props2.state.isOpen = !props2.state.isOpen;
-  }, "DevtoolsButton_component_handleClick_Rt3WuwyzzVQ", [
-    isMoved,
-    props
-  ]);
-  const handleMouseDown = /* @__PURE__ */ inlinedQrl((event) => {
-    const elementRef2 = _captures[0], isDragging2 = _captures[1], isMoved2 = _captures[2], position2 = _captures[3], startElementPos2 = _captures[4], startMousePos2 = _captures[5];
-    if (event.button !== 0) {
-      return;
-    }
-    if (!elementRef2.value) {
-      return;
-    }
-    event.preventDefault();
-    startMousePos2.value = {
-      x: event.clientX,
-      y: event.clientY
-    };
-    const computedStyle = window.getComputedStyle(elementRef2.value);
-    const currentRight = parseFloat(computedStyle.right) || 0;
-    const currentBottom = parseFloat(computedStyle.bottom) || 0;
-    startElementPos2.value = {
-      x: currentRight,
-      y: currentBottom
-    };
-    position2.value = {
-      x: currentRight,
-      y: currentBottom
-    };
-    isDragging2.value = true;
-    isMoved2.value = false;
-  }, "DevtoolsButton_component_handleMouseDown_ShLk1ZB0ELc", [
-    elementRef,
-    isDragging,
-    isMoved,
-    position,
-    startElementPos,
-    startMousePos
-  ]);
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track, cleanup }) => {
-    const handleMouseMove2 = _captures[0], handleMouseUp2 = _captures[1], isDragging2 = _captures[2];
-    track(() => isDragging2.value);
-    if (isDragging2.value && typeof window !== "undefined") {
-      window.addEventListener("mousemove", handleMouseMove2);
-      window.addEventListener("mouseup", handleMouseUp2);
-      cleanup(() => {
-        window.removeEventListener("mousemove", handleMouseMove2);
-        window.removeEventListener("mouseup", handleMouseUp2);
-      });
-    }
-  }, "DevtoolsButton_component_useTask_zFjnw3WvZRo", [
-    handleMouseMove,
-    handleMouseUp,
-    isDragging
-  ]));
-  return /* @__PURE__ */ _jsxSorted("div", {
-    class: [
-      "fixed z-[9990] flex h-14 w-14 origin-center items-center justify-center rounded-full select-none",
-      props.state?.isOpen && !isDragging.value ? "glass-button shadow-accent/20 pointer-events-none scale-90 rotate-90 opacity-0" : "glass-button animate-pulsar opacity-100 hover:scale-105 hover:shadow-[0_0_20px_rgba(22,182,246,0.5)]",
-      !isDragging.value ? "cursor-pointer transition-all duration-500 ease-out" : "scale-95 cursor-grabbing opacity-80"
-    ],
-    ref: elementRef
-  }, {
-    style: _fnSignal(_hf0, [
-      isDragging,
-      position
-    ]),
-    "q-e:mousedown": handleMouseDown,
-    "q-e:click": handleClick
-  }, /* @__PURE__ */ _jsxSorted(QwikLogo, null, {
-    title: "Qwik Logo",
-    class: "pointer-events-none h-7 w-7 opacity-90 drop-shadow-[0_2px_4px_rgba(0,0,0,0.2)]"
-  }, null, 3, "Ur_0"), 1, "Ur_1");
+var _hf0_str = "{bottom:`${p1.value.y}px`,right:`${p1.value.x}px`,userSelect:p0.value?\"none\":undefined,transition:p0.value?\"none\":undefined}";
+var DevtoolsButton = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	const position = useSignal({
+		x: 24,
+		y: 24
+	});
+	const isDragging = useSignal(false);
+	const elementRef = useSignal();
+	const startMousePos = useSignal({
+		x: 0,
+		y: 0
+	});
+	const startElementPos = useSignal({
+		x: 0,
+		y: 0
+	});
+	const isMoved = useSignal(false);
+	/** Handles mouse movement during drag. Defined outside handleMouseDown$ for serialization. */
+	const handleMouseMove = /*#__PURE__*/ inlinedQrl((event) => {
+		const isDragging = _captures[0], isMoved = _captures[1], position = _captures[2], startElementPos = _captures[3], startMousePos = _captures[4];
+		if (!isDragging.value) return;
+		const deltaX = event.clientX - startMousePos.value.x;
+		const deltaY = event.clientY - startMousePos.value.y;
+		if (Math.abs(deltaX) > 3 || Math.abs(deltaY) > 3) isMoved.value = true;
+		let newX = startElementPos.value.x - deltaX;
+		let newY = startElementPos.value.y - deltaY;
+		newX = Math.max(0, newX);
+		newY = Math.max(0, newY);
+		position.value = {
+			x: newX,
+			y: newY
+		};
+	}, "DevtoolsButton_component_handleMouseMove_Bm5qNmVpaXU", [
+		isDragging,
+		isMoved,
+		position,
+		startElementPos,
+		startMousePos
+	]);
+	/** Handles mouse release to end drag. Defined outside handleMouseDown$ for serialization. */
+	const handleMouseUp = /*#__PURE__*/ inlinedQrl(() => {
+		const isDragging = _captures[0];
+		if (isDragging.value) isDragging.value = false;
+	}, "DevtoolsButton_component_handleMouseUp_GgvQR4Yjzk0", [isDragging]);
+	const handleClick = /*#__PURE__*/ inlinedQrl(() => {
+		const isMoved = _captures[0], props = _captures[1];
+		if (isMoved.value) {
+			isMoved.value = false;
+			return;
+		}
+		if (!props.state) return;
+		props.state.isOpen = !props.state.isOpen;
+	}, "DevtoolsButton_component_handleClick_Rt3WuwyzzVQ", [isMoved, props]);
+	/** Handles the mouse down event to initiate dragging. */
+	const handleMouseDown = /*#__PURE__*/ inlinedQrl((event) => {
+		const elementRef = _captures[0], isDragging = _captures[1], isMoved = _captures[2], position = _captures[3], startElementPos = _captures[4], startMousePos = _captures[5];
+		if (event.button !== 0) return;
+		if (!elementRef.value) return;
+		event.preventDefault();
+		startMousePos.value = {
+			x: event.clientX,
+			y: event.clientY
+		};
+		const computedStyle = window.getComputedStyle(elementRef.value);
+		const currentRight = parseFloat(computedStyle.right) || 0;
+		const currentBottom = parseFloat(computedStyle.bottom) || 0;
+		startElementPos.value = {
+			x: currentRight,
+			y: currentBottom
+		};
+		position.value = {
+			x: currentRight,
+			y: currentBottom
+		};
+		isDragging.value = true;
+		isMoved.value = false;
+	}, "DevtoolsButton_component_handleMouseDown_ShLk1ZB0ELc", [
+		elementRef,
+		isDragging,
+		isMoved,
+		position,
+		startElementPos,
+		startMousePos
+	]);
+	useTaskQrl(/*#__PURE__*/ inlinedQrl(({ track, cleanup }) => {
+		const handleMouseMove = _captures[0], handleMouseUp = _captures[1], isDragging = _captures[2];
+		track(() => isDragging.value);
+		if (isDragging.value && typeof window !== "undefined") {
+			window.addEventListener("mousemove", handleMouseMove);
+			window.addEventListener("mouseup", handleMouseUp);
+			cleanup(() => {
+				window.removeEventListener("mousemove", handleMouseMove);
+				window.removeEventListener("mouseup", handleMouseUp);
+			});
+		}
+	}, "DevtoolsButton_component_useTask_zFjnw3WvZRo", [
+		handleMouseMove,
+		handleMouseUp,
+		isDragging
+	]));
+	return /*#__PURE__*/ _jsxSorted("div", { class: [
+		"fixed z-[9990] flex h-14 w-14 origin-center items-center justify-center rounded-full select-none",
+		props.state?.isOpen && !isDragging.value ? "glass-button shadow-accent/20 pointer-events-none scale-90 rotate-90 opacity-0" : "glass-button animate-pulsar opacity-100 hover:scale-105 hover:shadow-[0_0_20px_rgba(22,182,246,0.5)]",
+		!isDragging.value ? "cursor-pointer transition-all duration-500 ease-out" : "scale-95 cursor-grabbing opacity-80"
+	] }, {
+		ref: elementRef,
+		style: _fnSignal(_hf0, [isDragging, position], _hf0_str),
+		"q-e:mousedown": handleMouseDown,
+		"q-e:click": handleClick
+	}, /*#__PURE__*/ _jsxSorted(QwikLogo, null, {
+		title: "Qwik Logo",
+		class: "pointer-events-none h-7 w-7 opacity-90 drop-shadow-[0_2px_4px_rgba(0,0,0,0.2)]"
+	}, null, 3, "r2_0"), 1, "r2_1");
 }, "DevtoolsButton_component_pc0s731OwsI"));
-export {
-  DevtoolsButton
-};
+export { DevtoolsButton };

package/dist/ui/packages/devtools/ui/src/components/DevtoolsContainer/DevtoolsContainer.qwik.mjs

@@ -1,13 +1,8 @@
-import { componentQrl, inlinedQrl, _jsxSorted, Slot } from "@qwik.dev/core";
-const DevtoolsContainer = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() => {
-  return /* @__PURE__ */ _jsxSorted("div", null, {
-    class: "qwik-devtools"
-  }, /* @__PURE__ */ _jsxSorted("div", {
-    "q:slot": "content"
-  }, {
-    class: "fixed right-0 bottom-0 z-[2147483647] font-sans"
-  }, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "9S_0"), 1, null), 1, "9S_1");
+import { Slot, _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
+var DevtoolsContainer = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
+	return /*#__PURE__*/ _jsxSorted("div", null, { class: "qwik-devtools" }, /*#__PURE__*/ _jsxSorted("div", null, {
+		class: "fixed right-0 bottom-0 z-[2147483647] font-sans",
+		"q:slot": "content"
+	}, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "Y6_0"), 1, null), 1, "Y6_1");
 }, "DevtoolsContainer_component_am55eKQZVYo"));
-export {
-  DevtoolsContainer
-};
+export { DevtoolsContainer };