@qwik.dev/devtools 2.0.0-beta.43 → 2.0.0-beta.45

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

@@ -2,8 +2,11 @@ import { IconArrowsPointingIn, IconArrowsPointingOut, IconXMark, QwikLogo } from
 import { Slot, _captures, _fnSignal, _jsxSorted, componentQrl, inlinedQrl, isBrowser, useSignal, useTaskQrl, useVisibleTaskQrl } from "@qwik.dev/core";
 import { Fragment } from "@qwik.dev/core/jsx-runtime";
 var _hf0 = (p0) => ["border-glass-border/80 flex items-center justify-between border-b px-4 py-3", p0.state.isPanelFullscreen ? "cursor-default" : "cursor-grab"];
+var _hf0_str = "[\"border-glass-border/80 flex items-center justify-between border-b px-4 py-3\",p0.state.isPanelFullscreen?\"cursor-default\":\"cursor-grab\"]";
 var _hf1 = (p0) => p0.state.isPanelFullscreen ? "Fullscreen mode" : "Drag the title bar or resize from any edge";
+var _hf1_str = "p0.state.isPanelFullscreen?\"Fullscreen mode\":\"Drag the title bar or resize from any edge\"";
 var _hf2 = (p0) => p0.state.isPanelFullscreen ? "Restore window" : "Enter fullscreen";
+var _hf2_str = "p0.state.isPanelFullscreen?\"Restore window\":\"Enter fullscreen\"";
 var WINDOW_MARGIN = 24;
 var COMPACT_MARGIN = 8;
 var DEFAULT_WIDTH = 1180;
@@ -281,107 +284,117 @@ var DevtoolsPanel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props)
 		width: `min(calc(100vw - 48px), ${DEFAULT_WIDTH}px)`,
 		height: `min(calc(100vh - 48px), ${DEFAULT_HEIGHT}px)`
 	};
-	return /*#__PURE__*/ _jsxSorted(Fragment, null, null, [/*#__PURE__*/ _jsxSorted("div", {
-		"q-e:mousedown": /*#__PURE__*/ inlinedQrl((_, _1, props) => {
+	return /*#__PURE__*/ _jsxSorted(Fragment, null, null, [/*#__PURE__*/ _jsxSorted("div", null, {
+		class: "fixed inset-0 z-[9990] bg-black/50 backdrop-blur-sm transition-opacity duration-300",
+		"q-e:mousedown": /*#__PURE__*/ inlinedQrl(() => {
+			const props = _captures[0];
 			props.state.isOpen = false;
-		}, "DevtoolsPanel_component_Fragment_div_q_e_mousedown_Yyj4ufBP6gI").m(),
-		"q:p": props
-	}, { class: "fixed inset-0 z-[9990] bg-black/50 backdrop-blur-sm transition-opacity duration-300" }, null, 6, null), /*#__PURE__*/ _jsxSorted("div", {
+		}, "DevtoolsPanel_component_Fragment_div_q_e_mousedown_Yyj4ufBP6gI", [props])
+	}, null, 3, null), /*#__PURE__*/ _jsxSorted("div", {
 		class: [
 			"glass-panel text-foreground fixed z-[9991] flex overflow-hidden border transition-[border-radius,width,height,left,top]",
 			interactionMode.value ? "duration-0" : "duration-200 ease-out",
 			props.state.isPanelFullscreen ? "inset-0 rounded-none" : "rounded-2xl shadow-2xl"
 		],
-		"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
-			event.stopPropagation();
-		}, "DevtoolsPanel_component_Fragment_div_q_e_mousedown_1_TccpGpuhI0Q"),
 		style: panelStyle
-	}, null, [!props.state.isPanelFullscreen && /*#__PURE__*/ _jsxSorted(Fragment, null, null, [
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("n", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_Kpo8QnowZug").m(),
-			"q:p": handleResizeStart
-		}, {
+	}, { "q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+		event.stopPropagation();
+	}, "DevtoolsPanel_component_Fragment_div_q_e_mousedown_1_TccpGpuhI0Q") }, [!props.state.isPanelFullscreen && /*#__PURE__*/ _jsxSorted(Fragment, null, null, [
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize north",
-			class: "absolute inset-x-4 top-0 z-20 h-2 cursor-ns-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("s", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_1_rpnKj8SmWbQ").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute inset-x-4 top-0 z-20 h-2 cursor-ns-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				const handleResizeStart = _captures[0];
+				return handleResizeStart("n", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_Kpo8QnowZug", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize south",
-			class: "absolute inset-x-4 bottom-0 z-20 h-2 cursor-ns-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("e", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_2_7pH0bhGUSrQ").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute inset-x-4 bottom-0 z-20 h-2 cursor-ns-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				const handleResizeStart = _captures[0];
+				return handleResizeStart("s", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_1_rpnKj8SmWbQ", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize east",
-			class: "absolute top-4 right-0 bottom-4 z-20 w-2 cursor-ew-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("w", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_3_BqRiXxG6CsY").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute top-4 right-0 bottom-4 z-20 w-2 cursor-ew-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				const handleResizeStart = _captures[0];
+				return handleResizeStart("e", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_2_7pH0bhGUSrQ", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize west",
-			class: "absolute top-4 bottom-4 left-0 z-20 w-2 cursor-ew-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("nw", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_4_azrG92Zn70A").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute top-4 bottom-4 left-0 z-20 w-2 cursor-ew-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				const handleResizeStart = _captures[0];
+				return handleResizeStart("w", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_3_BqRiXxG6CsY", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize northwest",
-			class: "absolute top-0 left-0 z-20 h-4 w-4 cursor-nwse-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("ne", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_5_hTShrOzMO2s").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute top-0 left-0 z-20 h-4 w-4 cursor-nwse-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				const handleResizeStart = _captures[0];
+				return handleResizeStart("nw", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_4_azrG92Zn70A", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize northeast",
-			class: "absolute top-0 right-0 z-20 h-4 w-4 cursor-nesw-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("sw", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_6_ukQTZz0jKXc").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute top-0 right-0 z-20 h-4 w-4 cursor-nesw-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				const handleResizeStart = _captures[0];
+				return handleResizeStart("ne", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_5_hTShrOzMO2s", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize southwest",
-			class: "absolute bottom-0 left-0 z-20 h-4 w-4 cursor-nesw-resize"
-		}, null, 6, null),
-		/*#__PURE__*/ _jsxSorted("button", {
-			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event, _1, handleResizeStart) => handleResizeStart("se", event), "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_7_eWsKZf7ZlNg").m(),
-			"q:p": handleResizeStart
-		}, {
+			class: "absolute bottom-0 left-0 z-20 h-4 w-4 cursor-nesw-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				const handleResizeStart = _captures[0];
+				return handleResizeStart("sw", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_6_ukQTZz0jKXc", [handleResizeStart])
+		}, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("button", null, {
 			type: "button",
 			"aria-label": "Resize southeast",
-			class: "absolute right-0 bottom-0 z-20 h-4 w-4 cursor-nwse-resize"
-		}, null, 6, null)
-	], 1, "Qq_0"), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden" }, [/*#__PURE__*/ _jsxSorted("div", { class: _fnSignal(_hf0, [props]) }, {
+			class: "absolute right-0 bottom-0 z-20 h-4 w-4 cursor-nwse-resize",
+			"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+				const handleResizeStart = _captures[0];
+				return handleResizeStart("se", event);
+			}, "DevtoolsPanel_component_Fragment_div_Fragment_button_q_e_mousedown_7_eWsKZf7ZlNg", [handleResizeStart])
+		}, null, 3, null)
+	], 3, "YV_0"), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden" }, [/*#__PURE__*/ _jsxSorted("div", { class: _fnSignal(_hf0, [props], _hf0_str) }, {
 		"q-e:mousedown": handleDragStart,
 		"q-e:dblclick": handleToggleFullscreen
 	}, [/*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-w-0 items-center gap-3" }, [/*#__PURE__*/ _jsxSorted(QwikLogo, null, {
 		title: "Qwik Logo",
 		class: "h-5 w-5 shrink-0"
-	}, null, 3, "Qq_1"), /*#__PURE__*/ _jsxSorted("div", null, { class: "min-w-0" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "truncate text-sm font-semibold" }, "Qwik DevTools", 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground truncate text-xs" }, _fnSignal(_hf1, [props]), 1, null)], 1, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", { "q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
-		event.stopPropagation();
-	}, "DevtoolsPanel_component_Fragment_div_div_div_div_q_e_mousedown_4Q09AHNKYqo") }, { class: "flex items-center gap-2" }, [/*#__PURE__*/ _jsxSorted("button", { "aria-label": _fnSignal(_hf2, [props]) }, {
+	}, null, 3, "YV_1"), /*#__PURE__*/ _jsxSorted("div", null, { class: "min-w-0" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "truncate text-sm font-semibold" }, "Qwik DevTools", 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground truncate text-xs" }, _fnSignal(_hf1, [props], _hf1_str), 1, null)], 1, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", null, {
+		class: "flex items-center gap-2",
+		"q-e:mousedown": /*#__PURE__*/ inlinedQrl((event) => {
+			event.stopPropagation();
+		}, "DevtoolsPanel_component_Fragment_div_div_div_div_q_e_mousedown_4Q09AHNKYqo")
+	}, [/*#__PURE__*/ _jsxSorted("button", { "aria-label": _fnSignal(_hf2, [props], _hf2_str) }, {
 		type: "button",
 		class: "bg-card-item-bg hover:bg-card-item-hover-bg border-glass-border text-muted-foreground hover:text-foreground flex h-9 w-9 cursor-pointer items-center justify-center rounded-full border shadow-sm backdrop-blur-md transition-all hover:scale-105 active:scale-95",
 		"q-e:click": handleToggleFullscreen
-	}, props.state.isPanelFullscreen ? /*#__PURE__*/ _jsxSorted(IconArrowsPointingIn, null, { class: "h-4 w-4" }, null, 3, "Qq_2") : /*#__PURE__*/ _jsxSorted(IconArrowsPointingOut, null, { class: "h-4 w-4" }, null, 3, "Qq_3"), 1, null), /*#__PURE__*/ _jsxSorted("button", {
-		"q-e:click": /*#__PURE__*/ inlinedQrl((_, _1, props) => {
-			props.state.isOpen = false;
-		}, "DevtoolsPanel_component_Fragment_div_div_div_div_button_q_e_click_wy3qFhRhsTU").m(),
-		"q:p": props
-	}, {
+	}, props.state.isPanelFullscreen ? /*#__PURE__*/ _jsxSorted(IconArrowsPointingIn, null, { class: "h-4 w-4" }, null, 3, "YV_2") : /*#__PURE__*/ _jsxSorted(IconArrowsPointingOut, null, { class: "h-4 w-4" }, null, 3, "YV_3"), 1, null), /*#__PURE__*/ _jsxSorted("button", null, {
 		type: "button",
 		"aria-label": "Close devtools",
-		class: "bg-card-item-bg hover:bg-card-item-hover-bg border-glass-border text-muted-foreground hover:text-foreground flex h-9 w-9 cursor-pointer items-center justify-center rounded-full border shadow-sm backdrop-blur-md transition-all hover:scale-105 active:scale-95"
-	}, /*#__PURE__*/ _jsxSorted(IconXMark, null, { class: "h-5 w-5" }, null, 3, "Qq_4"), 4, null)], 0, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-h-0 min-w-0 flex-1 overflow-hidden" }, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "Qq_5"), 1, null)], 1, null)], 0, null)], 1, "Qq_6");
+		class: "bg-card-item-bg hover:bg-card-item-hover-bg border-glass-border text-muted-foreground hover:text-foreground flex h-9 w-9 cursor-pointer items-center justify-center rounded-full border shadow-sm backdrop-blur-md transition-all hover:scale-105 active:scale-95",
+		"q-e:click": /*#__PURE__*/ inlinedQrl(() => {
+			const props = _captures[0];
+			props.state.isOpen = false;
+		}, "DevtoolsPanel_component_Fragment_div_div_div_div_button_q_e_click_wy3qFhRhsTU", [props])
+	}, /*#__PURE__*/ _jsxSorted(IconXMark, null, { class: "h-5 w-5" }, null, 3, "YV_4"), 1, null)], 1, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-h-0 min-w-0 flex-1 overflow-hidden" }, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "YV_5"), 1, null)], 1, null)], 1, null)], 1, "YV_6");
 }, "DevtoolsPanel_component_BVQpbxoWoJY"));
 export { DevtoolsPanel };

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

@@ -1,5 +1,6 @@
 import { Slot, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
-/** Small toolbar button with icon slot and optional text. Supports active/inactive visual states. */ var IconButton = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+/** Small toolbar button with icon slot and optional text. Supports active/inactive visual states. */
+var IconButton = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
 	return /*#__PURE__*/ _jsxSorted("button", {
 		"aria-label": _wrapProp(props, "title"),
 		class: [
@@ -9,6 +10,6 @@ import { Slot, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev
 		],
 		"q-e:click": props.onClick$,
 		title: _wrapProp(props, "title")
-	}, null, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "Uf_0"), 0, "Uf_1");
+	}, null, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "W9_0"), 0, "W9_1");
 }, "IconButton_component_bgPeqZ4Kexo"));
 export { IconButton };