@likec4/diagram 1.55.0 → 1.56.0

package/dist/likec4diagram/custom/nodes/toolbar/styles.css.js

@@ -1,15 +1,15 @@
-import { css } from '@likec4/styles/css';
-
-const toolbarTitle = css({
-  color: "text.dimmed",
-  fontSize: "xxs",
-  fontWeight: "bold",
-  maxWidth: "220px",
-  cursor: "default",
-  userSelect: "all",
-  textOverflow: "ellipsis",
-  overflow: "hidden",
-  whiteSpace: "nowrap"
+import { css } from "@likec4/styles/css";
+//#region src/likec4diagram/custom/nodes/toolbar/styles.css.ts
+var toolbarTitle = css({
+	color: "text.dimmed",
+	fontSize: "xxs",
+	fontWeight: "bold",
+	maxWidth: "220px",
+	cursor: "default",
+	userSelect: "all",
+	textOverflow: "ellipsis",
+	overflow: "hidden",
+	whiteSpace: "nowrap"
 });
-
+//#endregion
 export { toolbarTitle };

package/dist/likec4diagram/custom/nodes/toolbar/types.js

@@ -1,7 +1,8 @@
-const SemanticColors = [
-  "primary",
-  "secondary",
-  "muted"
+//#region src/likec4diagram/custom/nodes/toolbar/types.ts
+var SemanticColors = [
+	"primary",
+	"secondary",
+	"muted"
 ];
-
+//#endregion
 export { SemanticColors };

package/dist/likec4diagram/custom/nodes/toolbar/useHandlers.js

@@ -1,44 +1,39 @@
-import { useState } from 'react';
-import { useCallbackRef } from '../../../../hooks/useCallbackRef.js';
-import '@xstate/react';
-import 'fast-equals';
-import { useDiagram } from '../../../../hooks/safeContext.js';
-
+import "../../../../_virtual/_rolldown/runtime.js";
+import { useCallbackRef } from "../../../../hooks/useCallbackRef.js";
+import { useDiagram } from "../../../../hooks/safeContext.js";
+import { useState } from "react";
+//#region src/likec4diagram/custom/nodes/toolbar/useHandlers.ts
 function useHandlers(target, props) {
-  const diagram = useDiagram();
-  const [originalColor, setOriginalColor] = useState(null);
-  const onColorPreview = useCallbackRef((color) => {
-    if (color === null) {
-      if (!originalColor) return;
-      setOriginalColor(null);
-      diagram.updateNodeData(props.data.id, {
-        color: originalColor
-      });
-      return;
-    }
-    setOriginalColor((value) => value ?? props.data.color);
-    diagram.updateNodeData(props.data.id, {
-      color
-    });
-  });
-  const onChange = useCallbackRef((change) => {
-    const { shape, color, ...style } = change;
-    diagram.updateNodeData(props.data.id, {
-      ...shape && { shape },
-      ...color && { color },
-      style
-    });
-    diagram.triggerChange({
-      op: "change-element-style",
-      style: change,
-      targets: [target]
-    });
-  });
-  return {
-    elementColor: originalColor ?? props.data.color,
-    onColorPreview,
-    onChange
-  };
+	const diagram = useDiagram();
+	const [originalColor, setOriginalColor] = useState(null);
+	const onColorPreview = useCallbackRef((color) => {
+		if (color === null) {
+			if (!originalColor) return;
+			setOriginalColor(null);
+			diagram.updateNodeData(props.data.id, { color: originalColor });
+			return;
+		}
+		setOriginalColor((value) => value ?? props.data.color);
+		diagram.updateNodeData(props.data.id, { color });
+	});
+	const onChange = useCallbackRef((change) => {
+		const { shape, color, ...style } = change;
+		diagram.updateNodeData(props.data.id, {
+			...shape && { shape },
+			...color && { color },
+			style
+		});
+		diagram.triggerChange({
+			op: "change-element-style",
+			style: change,
+			targets: [target]
+		});
+	});
+	return {
+		elementColor: originalColor ?? props.data.color,
+		onColorPreview,
+		onChange
+	};
 }
-
+//#endregion
 export { useHandlers };