@d34dman/flowdrop 0.0.25 → 0.0.26

package/dist/components/form/FormRangeField.svelte

@@ -46,7 +46,7 @@
 	 * Handles string values and defaults
 	 */
 	const numericValue = $derived.by((): number => {
-		if (typeof value === "number") {
+		if (typeof value === 'number') {
 			return value;
 		}
 		const parsed = Number(value);
@@ -85,7 +85,6 @@
 			{max}
 			{step}
 			aria-describedby={ariaDescribedBy}
-			aria-required={required}
 			aria-valuemin={min}
 			aria-valuemax={max}
 			aria-valuenow={numericValue}
@@ -144,11 +143,7 @@
 		width: 18px;
 		height: 18px;
 		border-radius: 50%;
-		background: linear-gradient(
-			135deg,
-			#ffffff 0%,
-			var(--color-ref-gray-50, #f9fafb) 100%
-		);
+		background: linear-gradient(135deg, #ffffff 0%, var(--color-ref-gray-50, #f9fafb) 100%);
 		border: 2px solid var(--color-ref-blue-500, #3b82f6);
 		box-shadow:
 			0 2px 6px rgba(59, 130, 246, 0.25),
@@ -189,11 +184,7 @@
 		width: 18px;
 		height: 18px;
 		border-radius: 50%;
-		background: linear-gradient(
-			135deg,
-			#ffffff 0%,
-			var(--color-ref-gray-50, #f9fafb) 100%
-		);
+		background: linear-gradient(135deg, #ffffff 0%, var(--color-ref-gray-50, #f9fafb) 100%);
 		border: 2px solid var(--color-ref-blue-500, #3b82f6);
 		box-shadow:
 			0 2px 6px rgba(59, 130, 246, 0.25),
@@ -249,4 +240,3 @@
 		text-align: center;
 	}
 </style>
-

package/dist/components/form/FormSelect.svelte

@@ -9,8 +9,8 @@
 -->
 
 <script lang="ts">
-	import Icon from "@iconify/svelte";
-	import { normalizeOptions, type FieldOption } from "./types.js";
+	import Icon from '@iconify/svelte';
+	import { normalizeOptions, type FieldOption } from './types.js';
 
 	interface Props {
 		/** Field identifier */
@@ -29,7 +29,7 @@
 
 	let {
 		id,
-		value = "",
+		value = '',
 		options = [],
 		required = false,
 		ariaDescribedBy,
@@ -54,7 +54,7 @@
 	<select
 		{id}
 		class="form-select"
-		value={value ?? ""}
+		value={value ?? ''}
 		aria-describedby={ariaDescribedBy}
 		aria-required={required}
 		onchange={handleChange}
@@ -123,4 +123,3 @@
 		color: var(--color-ref-blue-500, #3b82f6);
 	}
 </style>
-

package/dist/components/form/FormSelect.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type FieldOption } from "./types.js";
+import { type FieldOption } from './types.js';
 interface Props {
     /** Field identifier */
     id: string;

package/dist/components/form/FormTextField.svelte

@@ -26,8 +26,8 @@
 
 	let {
 		id,
-		value = "",
-		placeholder = "",
+		value = '',
+		placeholder = '',
 		required = false,
 		ariaDescribedBy,
 		onChange
@@ -46,7 +46,7 @@
 	{id}
 	type="text"
 	class="form-text-field"
-	value={value ?? ""}
+	value={value ?? ''}
 	{placeholder}
 	aria-describedby={ariaDescribedBy}
 	aria-required={required}
@@ -85,4 +85,3 @@
 			0 1px 2px rgba(0, 0, 0, 0.04);
 	}
 </style>
-

package/dist/components/form/FormTextarea.svelte

@@ -28,8 +28,8 @@
 
 	let {
 		id,
-		value = "",
-		placeholder = "",
+		value = '',
+		placeholder = '',
 		rows = 4,
 		required = false,
 		ariaDescribedBy,
@@ -48,7 +48,7 @@
 <textarea
 	{id}
 	class="form-textarea"
-	value={value ?? ""}
+	value={value ?? ''}
 	{placeholder}
 	{rows}
 	aria-describedby={ariaDescribedBy}
@@ -91,4 +91,3 @@
 			0 1px 2px rgba(0, 0, 0, 0.04);
 	}
 </style>
-

package/dist/components/form/FormToggle.svelte

@@ -27,8 +27,8 @@
 	let {
 		id,
 		value = false,
-		onLabel = "Enabled",
-		offLabel = "Disabled",
+		onLabel = 'Enabled',
+		offLabel = 'Disabled',
 		ariaDescribedBy,
 		onChange
 	}: Props = $props();
@@ -120,4 +120,3 @@
 		color: var(--color-ref-blue-600, #2563eb);
 	}
 </style>
-

package/dist/components/form/index.d.ts

@@ -29,17 +29,17 @@
  * />
  * ```
  */
-export * from "./types.js";
-export { default as FormField } from "./FormField.svelte";
-export { default as FormFieldWrapper } from "./FormFieldWrapper.svelte";
-export { default as FormTextField } from "./FormTextField.svelte";
-export { default as FormTextarea } from "./FormTextarea.svelte";
-export { default as FormNumberField } from "./FormNumberField.svelte";
-export { default as FormRangeField } from "./FormRangeField.svelte";
-export { default as FormToggle } from "./FormToggle.svelte";
-export { default as FormSelect } from "./FormSelect.svelte";
-export { default as FormCheckboxGroup } from "./FormCheckboxGroup.svelte";
-export { default as FormArray } from "./FormArray.svelte";
-export { default as FormCodeEditor } from "./FormCodeEditor.svelte";
-export { default as FormMarkdownEditor } from "./FormMarkdownEditor.svelte";
-export { default as FormTemplateEditor } from "./FormTemplateEditor.svelte";
+export * from './types.js';
+export { default as FormField } from './FormField.svelte';
+export { default as FormFieldWrapper } from './FormFieldWrapper.svelte';
+export { default as FormTextField } from './FormTextField.svelte';
+export { default as FormTextarea } from './FormTextarea.svelte';
+export { default as FormNumberField } from './FormNumberField.svelte';
+export { default as FormRangeField } from './FormRangeField.svelte';
+export { default as FormToggle } from './FormToggle.svelte';
+export { default as FormSelect } from './FormSelect.svelte';
+export { default as FormCheckboxGroup } from './FormCheckboxGroup.svelte';
+export { default as FormArray } from './FormArray.svelte';
+export { default as FormCodeEditor } from './FormCodeEditor.svelte';
+export { default as FormMarkdownEditor } from './FormMarkdownEditor.svelte';
+export { default as FormTemplateEditor } from './FormTemplateEditor.svelte';

package/dist/components/form/index.js

@@ -30,20 +30,20 @@
  * ```
  */
 // Types
-export * from "./types.js";
+export * from './types.js';
 // Main factory component
-export { default as FormField } from "./FormField.svelte";
+export { default as FormField } from './FormField.svelte';
 // Wrapper component
-export { default as FormFieldWrapper } from "./FormFieldWrapper.svelte";
+export { default as FormFieldWrapper } from './FormFieldWrapper.svelte';
 // Individual field components
-export { default as FormTextField } from "./FormTextField.svelte";
-export { default as FormTextarea } from "./FormTextarea.svelte";
-export { default as FormNumberField } from "./FormNumberField.svelte";
-export { default as FormRangeField } from "./FormRangeField.svelte";
-export { default as FormToggle } from "./FormToggle.svelte";
-export { default as FormSelect } from "./FormSelect.svelte";
-export { default as FormCheckboxGroup } from "./FormCheckboxGroup.svelte";
-export { default as FormArray } from "./FormArray.svelte";
-export { default as FormCodeEditor } from "./FormCodeEditor.svelte";
-export { default as FormMarkdownEditor } from "./FormMarkdownEditor.svelte";
-export { default as FormTemplateEditor } from "./FormTemplateEditor.svelte";
+export { default as FormTextField } from './FormTextField.svelte';
+export { default as FormTextarea } from './FormTextarea.svelte';
+export { default as FormNumberField } from './FormNumberField.svelte';
+export { default as FormRangeField } from './FormRangeField.svelte';
+export { default as FormToggle } from './FormToggle.svelte';
+export { default as FormSelect } from './FormSelect.svelte';
+export { default as FormCheckboxGroup } from './FormCheckboxGroup.svelte';
+export { default as FormArray } from './FormArray.svelte';
+export { default as FormCodeEditor } from './FormCodeEditor.svelte';
+export { default as FormMarkdownEditor } from './FormMarkdownEditor.svelte';
+export { default as FormTemplateEditor } from './FormTemplateEditor.svelte';

package/dist/components/form/types.d.ts

@@ -9,7 +9,7 @@
  * Supported field types for form rendering
  * Can be extended to support complex types like 'array' and 'object'
  */
-export type FieldType = "string" | "number" | "integer" | "boolean" | "select" | "array" | "object";
+export type FieldType = 'string' | 'number' | 'integer' | 'boolean' | 'select' | 'array' | 'object';
 /**
  * Field format for specialized rendering
  * - multiline: Renders as textarea
@@ -20,7 +20,7 @@ export type FieldType = "string" | "number" | "integer" | "boolean" | "select" |
  * - markdown: Renders as SimpleMDE Markdown editor
  * - template: Renders as CodeMirror editor with Twig/Liquid syntax highlighting
  */
-export type FieldFormat = "multiline" | "hidden" | "range" | "json" | "code" | "markdown" | "template" | string;
+export type FieldFormat = 'multiline' | 'hidden' | 'range' | 'json' | 'code' | 'markdown' | 'template' | string;
 /**
  * Option type for select and checkbox group fields
  */

package/dist/components/form/types.js

@@ -9,7 +9,7 @@
  * Type guard to check if options are FieldOption objects
  */
 export function isFieldOptionArray(options) {
-    return options.length > 0 && typeof options[0] === "object" && "value" in options[0];
+    return options.length > 0 && typeof options[0] === 'object' && 'value' in options[0];
 }
 /**
  * Normalize options to FieldOption format

package/dist/components/nodes/NotesNode.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { ConfigValues, NodeMetadata } from "../../types/index.js";
-	import Icon from "@iconify/svelte";
-	import MarkdownDisplay from "../MarkdownDisplay.svelte";
+	import type { ConfigValues, NodeMetadata } from '../../types/index.js';
+	import Icon from '@iconify/svelte';
+	import MarkdownDisplay from '../MarkdownDisplay.svelte';
 
 	/**
 	 * NotesNode component props
@@ -25,63 +25,57 @@
 	}>();
 
 	/** Note content derived from config */
-	const noteContent = $derived(
-		(props.data.config?.content as string) || "Add your notes here..."
-	);
+	const noteContent = $derived((props.data.config?.content as string) || 'Add your notes here...');
 
 	/** Note type derived from config */
-	const noteType = $derived(
-		(props.data.config?.noteType as string) || "info"
-	);
+	const noteType = $derived((props.data.config?.noteType as string) || 'info');
 
 	/** Note type configuration with styling for each type */
 	const noteTypes = {
 		info: {
-			name: "Info",
-			bgColor: "bg-blue-50",
-			borderColor: "border-blue-200",
-			textColor: "text-blue-800",
-			iconColor: "text-blue-500",
-			icon: "mdi:information"
+			name: 'Info',
+			bgColor: 'bg-blue-50',
+			borderColor: 'border-blue-200',
+			textColor: 'text-blue-800',
+			iconColor: 'text-blue-500',
+			icon: 'mdi:information'
 		},
 		warning: {
-			name: "Warning",
-			bgColor: "bg-yellow-50",
-			borderColor: "border-yellow-200",
-			textColor: "text-yellow-800",
-			iconColor: "text-yellow-500",
-			icon: "mdi:alert"
+			name: 'Warning',
+			bgColor: 'bg-yellow-50',
+			borderColor: 'border-yellow-200',
+			textColor: 'text-yellow-800',
+			iconColor: 'text-yellow-500',
+			icon: 'mdi:alert'
 		},
 		success: {
-			name: "Success",
-			bgColor: "bg-green-50",
-			borderColor: "border-green-200",
-			textColor: "text-green-800",
-			iconColor: "text-green-500",
-			icon: "mdi:check-circle"
+			name: 'Success',
+			bgColor: 'bg-green-50',
+			borderColor: 'border-green-200',
+			textColor: 'text-green-800',
+			iconColor: 'text-green-500',
+			icon: 'mdi:check-circle'
 		},
 		error: {
-			name: "Error",
-			bgColor: "bg-red-50",
-			borderColor: "border-red-200",
-			textColor: "text-red-800",
-			iconColor: "text-red-500",
-			icon: "mdi:close-circle"
+			name: 'Error',
+			bgColor: 'bg-red-50',
+			borderColor: 'border-red-200',
+			textColor: 'text-red-800',
+			iconColor: 'text-red-500',
+			icon: 'mdi:close-circle'
 		},
 		note: {
-			name: "Note",
-			bgColor: "bg-gray-50",
-			borderColor: "border-gray-200",
-			textColor: "text-gray-800",
-			iconColor: "text-gray-500",
-			icon: "mdi:note-text"
+			name: 'Note',
+			bgColor: 'bg-gray-50',
+			borderColor: 'border-gray-200',
+			textColor: 'text-gray-800',
+			iconColor: 'text-gray-500',
+			icon: 'mdi:note-text'
 		}
 	};
 
 	/** Current note type configuration based on selected type */
-	const currentType = $derived(
-		noteTypes[noteType as keyof typeof noteTypes] || noteTypes.info
-	);
+	const currentType = $derived(noteTypes[noteType as keyof typeof noteTypes] || noteTypes.info);
 
 	/**
 	 * Opens the configuration sidebar for editing note properties
@@ -89,8 +83,8 @@
 	function openConfigSidebar(): void {
 		if (props.data.onConfigOpen) {
 			const nodeForConfig = {
-				id: props.data.nodeId || "unknown",
-				type: "note",
+				id: props.data.nodeId || 'unknown',
+				type: 'note',
 				data: props.data
 			};
 			props.data.onConfigOpen(nodeForConfig);
@@ -109,7 +103,7 @@
 	 * @param event - The keyboard event
 	 */
 	function handleKeydown(event: KeyboardEvent): void {
-		if (event.key === "Enter" || event.key === " ") {
+		if (event.key === 'Enter' || event.key === ' ') {
 			event.preventDefault();
 			handleDoubleClick();
 		}

package/dist/components/nodes/NotesNode.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ConfigValues, NodeMetadata } from "../../types/index.js";
+import type { ConfigValues, NodeMetadata } from '../../types/index.js';
 type $$ComponentProps = {
     data: {
         label: string;

package/dist/components/nodes/WorkflowNode.svelte

@@ -94,9 +94,7 @@
 	 * Derived list of visible input ports based on hideUnconnectedHandles setting
 	 * Now includes both static and dynamic inputs
 	 */
-	const visibleInputPorts = $derived(
-		allInputPorts.filter((port) => isPortVisible(port, 'input'))
-	);
+	const visibleInputPorts = $derived(allInputPorts.filter((port) => isPortVisible(port, 'input')));
 
 	/**
 	 * Derived list of visible output ports based on hideUnconnectedHandles setting

package/dist/styles/base.css

@@ -1396,4 +1396,4 @@
 
 .markdown-display--large h3 {
 	font-size: 1.25rem;
-}
+}