windmill-components 1.408.1 → 1.430.2

package/package/components/graph/renderers/nodes/ModuleNode.svelte

@@ -1,5 +1,5 @@
 <script>import MapItem from '../../../flows/map/MapItem.svelte';
-import { GitBranchPlus } from 'lucide-svelte';
+import { GitBranchPlus, Maximize2 } from 'lucide-svelte';
 import NodeWrapper from './NodeWrapper.svelte';
 import { getStateColor } from '../../util';
 export let data;
@@ -11,30 +11,43 @@ $: state = data.flowModuleStates?.[data.module.id];
 $: flowJobs = state?.flow_jobs
     ? {
         flowJobs: state?.flow_jobs,
-        selected: state?.selectedForloopIndex ?? -1,
+        selected: state?.selectedForloopIndex ?? 0,
+        selectedManually: state?.selectedForLoopSetManually,
         flowJobsSuccess: state?.flow_jobs_success
     }
     : undefined;
-let selectedIteration = -1;
 </script>
 
+
+
 <NodeWrapper offset={data.offset} let:darkMode>
+	{#if data.module.value.type == 'flow'}
+		<button
+			title="Unexpand subflow"
+			class="z-50 absolute -top-[10px] right-[25px] rounded-full h-[20px] w-[20px] center-center text-primary bg-surface duration-150 hover:bg-surface-hover"
+			on:click|preventDefault|stopPropagation={() => {
+				if (data.module.value.type == 'flow') {
+					data.eventHandlers.expandSubflow(data.module.id, data.module.value.path)
+				}
+			}}
+		>
+			<Maximize2 size={12} />
+		</button>
+	{/if}
 	<MapItem
 		mod={data.module}
 		insertable={data.insertable}
 		annotation={flowJobs &&
 		(data.module.value.type === 'forloopflow' || data.module.value.type === 'whileloopflow')
 			? 'Iteration: ' +
-			  (selectedIteration >= 0 ? selectedIteration : state?.flow_jobs?.length) +
+			  ((state?.selectedForloopIndex ?? 0) >= 0 ? (state?.selectedForloopIndex ?? 0) + 1 : state?.flow_jobs?.length) +
 			  '/' +
 			  (state?.iteration_total ?? '?')
 			: ''}
 		bgColor={getStateColor(type, darkMode, true, state?.skipped)}
-		modules={data.modules ?? []}
 		moving={data.moving}
 		duration_ms={state?.duration_ms}
 		retries={data.retries}
-		disableAi={data.disableAi}
 		{flowJobs}
 		on:delete={(e) => {
 			data.eventHandlers.delete(e.detail, '')
@@ -55,7 +68,6 @@ let selectedIteration = -1;
 			data.eventHandlers.select(e.detail)
 		}}
 		on:selectedIteration={(e) => {
-			selectedIteration = e.detail.index + 1
 			data.eventHandlers.selectedIteration(e.detail, data.module.id)
 		}}
 	/>

package/package/components/graph/renderers/nodes/NodeWrapper.svelte

@@ -1,21 +1,33 @@
 <script>import DarkModeObserver from '../../../DarkModeObserver.svelte';
 import { Handle, Position } from '@xyflow/svelte';
+import { twMerge } from 'tailwind-merge';
 export let enableSourceHandle = true;
 export let enableTargetHandle = true;
 export let offset = 0;
+export let wrapperClass = '';
 let darkMode = false;
 </script>
 
 <DarkModeObserver bind:darkMode />
 
-<div class="relative shadow-md" style={`margin-left: ${offset}px;`}>
+<div class={twMerge('relative shadow-md', wrapperClass)} style={`margin-left: ${offset}px;`}>
 	<slot {darkMode} />
 </div>
 
 {#if enableSourceHandle}
-	<Handle type="source" position={Position.Bottom} style={`margin-left: ${offset / 2}px;`} />
+	<Handle
+		type="source"
+		isConnectable={false}
+		position={Position.Bottom}
+		style={`margin-left: ${offset / 2}px;`}
+	/>
 {/if}
 
 {#if enableTargetHandle}
-	<Handle type="target" position={Position.Top} style={`margin-left: ${offset / 2}px;`} />
+	<Handle
+		type="target"
+		isConnectable={false}
+		position={Position.Top}
+		style={`margin-left: ${offset / 2}px;`}
+	/>
 {/if}

package/package/components/graph/renderers/nodes/NodeWrapper.svelte.d.ts

@@ -4,6 +4,7 @@ declare const __propDef: {
         enableSourceHandle?: boolean | undefined;
         enableTargetHandle?: boolean | undefined;
         offset?: number | undefined;
+        wrapperClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package/components/graph/renderers/nodes/SubflowBound.svelte

@@ -0,0 +1,29 @@
+<script>import VirtualItem from '../../../flows/map/VirtualItem.svelte';
+import NodeWrapper from './NodeWrapper.svelte';
+import { Minimize2 } from 'lucide-svelte';
+import { getStateColor } from '../../util';
+export let data;
+</script>
+
+<NodeWrapper let:darkMode offset={data.offset}>
+	<VirtualItem
+		label={data.label}
+		preLabel={data.preLabel}
+		selectable
+		selected={data.selected}
+		bgColor={getStateColor(undefined, darkMode)}
+		borderColor={undefined}
+		on:select={() => {
+			data.eventHandlers.select(data.id)
+		}}
+	/>
+	<button
+		title="Unexpand subflow"
+		class="z-50 absolute -top-[10px] right-[25px] rounded-full h-[20px] w-[20px] center-center text-primary bg-surface duration-150 hover:bg-surface-hover"
+		on:click|preventDefault|stopPropagation={() => {
+			data.eventHandlers.minimizeSubflow(data.subflowId)
+		}}
+	>
+		<Minimize2 size={12} />
+	</button>
+</NodeWrapper>

package/package/components/graph/renderers/nodes/SubflowBound.svelte.d.ts

@@ -0,0 +1,30 @@
+import { SvelteComponent } from "svelte";
+import type { GraphModuleState } from '../../model';
+import type { FlowModule } from '../../../../gen';
+import type { GraphEventHandlers } from '../../graphBuilder';
+declare const __propDef: {
+    props: {
+        data: {
+            label: string;
+            preLabel: string | undefined;
+            insertable: boolean;
+            flowModuleStates: Record<string, GraphModuleState> | undefined;
+            subflowId: string;
+            id: string;
+            modules: FlowModule[];
+            selected: boolean;
+            eventHandlers: GraphEventHandlers;
+            offset: number;
+        };
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SubflowBoundProps = typeof __propDef.props;
+export type SubflowBoundEvents = typeof __propDef.events;
+export type SubflowBoundSlots = typeof __propDef.slots;
+export default class SubflowBound extends SvelteComponent<SubflowBoundProps, SubflowBoundEvents, SubflowBoundSlots> {
+}
+export {};

package/package/components/graph/renderers/nodes/TriggersNode.svelte

@@ -0,0 +1,103 @@
+<script>import NodeWrapper from './NodeWrapper.svelte';
+import TriggersWrapper from '../triggers/TriggersWrapper.svelte';
+import {} from '../../graphBuilder';
+import { getContext } from 'svelte';
+import { Maximize2, Minimize2, Calendar } from 'lucide-svelte';
+import { getStateColor } from '../../util';
+import { setScheduledPollSchedule } from '../../../triggers';
+import VirtualItemWrapper from '../../../flows/map/VirtualItemWrapper.svelte';
+export let data;
+const { selectedId } = getContext('FlowGraphContext');
+const { primarySchedule, triggersCount, selectedTrigger } = getContext('TriggerContext');
+</script>
+
+<NodeWrapper wrapperClass="shadow-md" let:darkMode>
+	{#if data.simplifiableFlow?.simplifiedFlow != true}
+		<TriggersWrapper
+			disableAi={data.disableAi}
+			isEditor={data.isEditor}
+			path={data.path}
+			bgColor={getStateColor(undefined, darkMode)}
+			on:new={(e) => {
+				data?.eventHandlers.insert({
+					modules: data.modules,
+					index: 0,
+					kind: 'trigger',
+					inlineScript: e.detail.inlineScript
+				})
+				data?.eventHandlers?.simplifyFlow(true)
+			}}
+			on:pickScript={(e) => {
+				data?.eventHandlers.insert({
+					modules: data.modules,
+					index: 0,
+					kind: 'trigger',
+					script: e.detail
+				})
+				data?.eventHandlers?.simplifyFlow(true)
+			}}
+			on:openScheduledPoll={(e) => {
+				$selectedTrigger = 'scheduledPoll'
+			}}
+			on:select={(e) => {
+				data?.eventHandlers?.select('triggers')
+			}}
+			on:delete={(e) => {
+				data.eventHandlers.delete(e, '')
+			}}
+			selected={$selectedId == 'triggers'}
+			newItem={data.newFlow}
+			modules={data.modules}
+		/>
+	{:else}
+		<VirtualItemWrapper
+			label="Check for new events"
+			selectable={true}
+			selected={$selectedId == 'triggers'}
+			id={'triggers'}
+			bgColor={getStateColor(undefined, darkMode)}
+			on:select={(e) => {
+				data?.eventHandlers?.select(e.detail)
+			}}
+		>
+			{#if $primarySchedule || ($primarySchedule == undefined && $triggersCount?.primary_schedule?.schedule)}
+				<div class="text-2xs text-primary p-2 flex gap-2 items-center">
+					<Calendar size={12} />
+					<div>
+						Schedule every {$primarySchedule?.cron ?? $triggersCount?.primary_schedule?.schedule}
+						{$primarySchedule?.enabled ||
+						($primarySchedule == undefined && $triggersCount?.primary_schedule?.schedule)
+							? ''
+							: ' (disabled)'}
+					</div>
+				</div>
+			{:else}
+				<button
+					class="px-2 py-1 hover:bg-surface-inverse w-full hover:text-primary-inverse"
+					on:click={() => {
+						setScheduledPollSchedule(primarySchedule, triggersCount)
+					}}
+				>
+					Set primary schedule
+				</button>
+			{/if}
+		</VirtualItemWrapper>
+	{/if}
+	{#if data.simplifiableFlow != undefined}
+		<button
+			class="absolute -top-[10px] -right-[10px] rounded-full h-[20px] w-[20px] trash center-center text-secondary
+outline-[1px] outline dark:outline-gray-500 outline-gray-300 bg-surface duration-150 hover:bg-nord-950 hover:text-white"
+			on:click|preventDefault|stopPropagation={() =>
+				data?.eventHandlers?.simplifyFlow(!data.simplifiableFlow?.simplifiedFlow)}
+			title={data.simplifiableFlow?.simplifiedFlow
+				? 'Expand to full flow view'
+				: 'Simplify flow view for scheduled poll'}
+		>
+			{#if data.simplifiableFlow?.simplifiedFlow}
+				<Maximize2 size={12} strokeWidth={2} />
+			{:else}
+				<Minimize2 size={12} strokeWidth={2} />
+			{/if}
+		</button>
+	{/if}
+</NodeWrapper>

package/package/components/graph/renderers/nodes/TriggersNode.svelte.d.ts

@@ -0,0 +1,28 @@
+import { SvelteComponent } from "svelte";
+import { type GraphEventHandlers, type SimplifiableFlow } from '../../graphBuilder';
+import type { FlowModule } from '../../../../gen';
+declare const __propDef: {
+    props: {
+        data: {
+            path: string;
+            isEditor: boolean;
+            newFlow: boolean;
+            extra_perms: Record<string, any>;
+            eventHandlers: GraphEventHandlers;
+            modules: FlowModule[];
+            index: number;
+            disableAi: boolean;
+            simplifiableFlow: SimplifiableFlow;
+        };
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TriggersNodeProps = typeof __propDef.props;
+export type TriggersNodeEvents = typeof __propDef.events;
+export type TriggersNodeSlots = typeof __propDef.slots;
+export default class TriggersNode extends SvelteComponent<TriggersNodeProps, TriggersNodeEvents, TriggersNodeSlots> {
+}
+export {};

package/package/components/graph/renderers/nodes/branchOneEndNode.svelte

@@ -6,7 +6,7 @@ export let data;
 
 <NodeWrapper let:darkMode offset={data.offset}>
 	<VirtualItem
-		label={'Collect result from all branches'}
+		label={'Collect result from chosen branch'}
 		id={data.id}
 		selectable={true}
 		selected={false}

package/package/components/graph/renderers/triggers/TriggerButton.svelte

@@ -0,0 +1,13 @@
+<script>import { twMerge } from 'tailwind-merge';
+export let selected;
+</script>
+
+<button
+	on:click
+	class={twMerge(
+		'hover:bg-surface-hover rounded-md border text-xs w-[23px] h-[23px] relative center-center cursor-pointer bg-surface',
+		selected ? 'outline-1 outline-tertiary outline' : 'outline-0'
+	)}
+>
+	<slot />
+</button>

package/package/components/graph/renderers/triggers/TriggerButton.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        selected: boolean;
+    };
+    events: {
+        click: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TriggerButtonProps = typeof __propDef.props;
+export type TriggerButtonEvents = typeof __propDef.events;
+export type TriggerButtonSlots = typeof __propDef.slots;
+export default class TriggerButton extends SvelteComponent<TriggerButtonProps, TriggerButtonEvents, TriggerButtonSlots> {
+}
+export {};

package/package/components/graph/renderers/triggers/TriggerCount.svelte

@@ -0,0 +1,17 @@
+<script>import { Loader2 } from 'lucide-svelte';
+export let count = undefined;
+</script>
+
+{#if count && count > 0}
+	<div class="absolute -right-2 -top-2">
+		<div
+			class="bg-surface-secondary font-bold border border-surface-border rounded-md h-4 w-4 p-1 flex center-center text-primary text-xs"
+		>
+			{#if count === undefined}
+				<Loader2 class="animate-spin text-2xs" />
+			{:else}
+				{count}
+			{/if}
+		</div>
+	</div>
+{/if}

package/package/components/graph/renderers/triggers/TriggerCount.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        count?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TriggerCountProps = typeof __propDef.props;
+export type TriggerCountEvents = typeof __propDef.events;
+export type TriggerCountSlots = typeof __propDef.slots;
+export default class TriggerCount extends SvelteComponent<TriggerCountProps, TriggerCountEvents, TriggerCountSlots> {
+}
+export {};

package/package/components/graph/renderers/triggers/TriggersBadge.svelte

@@ -0,0 +1,66 @@
+<script>import { Calendar, Mail, Webhook, Unplug } from 'lucide-svelte';
+import TriggerButton from './TriggerButton.svelte';
+import Popover from '../../../Popover.svelte';
+import TriggerCount from './TriggerCount.svelte';
+import { createEventDispatcher, onMount } from 'svelte';
+import { Route } from 'lucide-svelte';
+import { getContext } from 'svelte';
+import {} from '../../../triggers';
+import { FlowService, ScriptService } from '../../../../gen';
+import { enterpriseLicense, workspaceStore } from '../../../../stores';
+import KafkaIcon from '../../../icons/KafkaIcon.svelte';
+const { selectedTrigger, triggersCount } = getContext('TriggerContext');
+export let path;
+export let newItem;
+export let isFlow;
+export let selected;
+export let showOnlyWithCount;
+export let triggersToDisplay = ['webhooks', 'schedules', 'routes', 'websockets', 'kafka', 'emails'];
+const dispatch = createEventDispatcher();
+onMount(() => {
+    if (!newItem) {
+        loadCount();
+    }
+});
+async function loadCount() {
+    if (isFlow) {
+        $triggersCount = await FlowService.getTriggersCountOfFlow({
+            workspace: $workspaceStore,
+            path
+        });
+    }
+    else {
+        $triggersCount = await ScriptService.getTriggersCountOfScript({
+            workspace: $workspaceStore,
+            path
+        });
+    }
+}
+const triggerTypeConfig = {
+    webhooks: { icon: Webhook, countKey: 'webhook_count' },
+    schedules: { icon: Calendar, countKey: 'schedule_count' },
+    routes: { icon: Route, countKey: 'http_routes_count' },
+    websockets: { icon: Unplug, countKey: 'websocket_count' },
+    kafka: { icon: KafkaIcon, countKey: 'kafka_count' },
+    emails: { icon: Mail, countKey: 'email_count' }
+};
+</script>
+
+{#each triggersToDisplay as type}
+	{@const { icon, countKey } = triggerTypeConfig[type]}
+	{#if (!showOnlyWithCount || ($triggersCount?.[countKey] ?? 0) > 0) && !(type === 'kafka' && !$enterpriseLicense)}
+		<Popover>
+			<svelte:fragment slot="text">{type.charAt(0).toUpperCase() + type.slice(1)}</svelte:fragment>
+			<TriggerButton
+				on:click={() => {
+					$selectedTrigger = type
+					dispatch('select')
+				}}
+				selected={selected && $selectedTrigger === type}
+			>
+				<TriggerCount count={$triggersCount?.[countKey]} />
+				<svelte:component this={icon} size={12} />
+			</TriggerButton>
+		</Popover>
+	{/if}
+{/each}

package/package/components/graph/renderers/triggers/TriggersBadge.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        path: string;
+        newItem: boolean;
+        isFlow: boolean;
+        selected: boolean;
+        showOnlyWithCount: boolean;
+        triggersToDisplay?: ("emails" | "webhooks" | "schedules" | "routes" | "websockets" | "kafka")[] | undefined;
+    };
+    events: {
+        select: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TriggersBadgeProps = typeof __propDef.props;
+export type TriggersBadgeEvents = typeof __propDef.events;
+export type TriggersBadgeSlots = typeof __propDef.slots;
+export default class TriggersBadge extends SvelteComponent<TriggersBadgeProps, TriggersBadgeEvents, TriggersBadgeSlots> {
+}
+export {};

package/package/components/graph/renderers/triggers/TriggersWrapper.svelte

@@ -0,0 +1,48 @@
+<script>import { NODE } from '../../util';
+import { createEventDispatcher } from 'svelte';
+import TriggersBadge from './TriggersBadge.svelte';
+import InsertModuleButton from '../../../flows/map/InsertModuleButton.svelte';
+import { twMerge } from 'tailwind-merge';
+export let path;
+export let newItem;
+export let selected;
+export let isEditor = false;
+export let disableAi = false;
+export let modules = [];
+export let bgColor;
+const dispatch = createEventDispatcher();
+</script>
+
+<div style={`width: ${NODE.width}px;`}>
+	<button
+		style="background-color: {bgColor} !important;"
+		class="flex w-full flex-row gap-1.5 px-2 p-1 items-center {selected
+			? 'outline  outline-2  outline-gray-600 rounded-sm dark:bg-white/5 dark:outline-gray-400'
+			: ''}"
+		on:click={() => {
+			dispatch('select')
+		}}
+	>
+		<div class="flex flex-col mr-1 ml-1">
+			<div class="flex flex-row items-center text-2xs font-normal"> Triggers </div>
+		</div>
+		<TriggersBadge showOnlyWithCount={false} {path} {newItem} isFlow {selected} on:select />
+		{#if isEditor}
+			<InsertModuleButton
+				{disableAi}
+				on:new
+				on:pickScript
+				on:select
+				on:open={() => {
+					dispatch('openScheduledPoll')
+				}}
+				kind="trigger"
+				index={0}
+				{modules}
+				class={twMerge(
+					'hover:bg-surface-hover rounded-md border text-xs w-[23px] h-[23px] relative center-center cursor-pointer bg-surface outline-0'
+				)}
+			/>
+		{/if}
+	</button>
+</div>

package/package/components/graph/renderers/triggers/TriggersWrapper.svelte.d.ts

@@ -0,0 +1,28 @@
+import { SvelteComponent } from "svelte";
+import type { FlowModule } from '../../../../gen';
+declare const __propDef: {
+    props: {
+        path: string;
+        newItem: boolean;
+        selected: boolean;
+        isEditor?: boolean | undefined;
+        disableAi?: boolean | undefined;
+        modules?: FlowModule[] | undefined;
+        bgColor: string;
+    };
+    events: {
+        select: CustomEvent<any>;
+        new: CustomEvent<any>;
+        pickScript: CustomEvent<any>;
+        openScheduledPoll: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TriggersWrapperProps = typeof __propDef.props;
+export type TriggersWrapperEvents = typeof __propDef.events;
+export type TriggersWrapperSlots = typeof __propDef.slots;
+export default class TriggersWrapper extends SvelteComponent<TriggersWrapperProps, TriggersWrapperEvents, TriggersWrapperSlots> {
+}
+export {};

package/package/components/icons/KafkaIcon.svelte

@@ -0,0 +1,19 @@
+<script>export let size = 16;
+export let color = undefined;
+let clazz = '';
+export { clazz as class };
+</script>
+
+<svg
+	width={`${size}px`}
+	height={`${size}px`}
+	preserveAspectRatio="xMidYMid"
+	viewBox="0 0 256 413"
+	xmlns="http://www.w3.org/2000/svg"
+	class={clazz}
+	fill={color ?? 'currentColor'}
+>
+	<path
+		d="m87.9320692 36.714181c-4.5491332-4.5714328-10.8956201-7.3945714-17.9512365-7.3945714-7.0288568 0-13.3262844 2.8231386-17.8218984 7.3945714h-.1293381c-4.5357534 4.5491333-7.358892 10.90008-7.358892 17.9289369 0 7.0556164 2.8231386 13.3530439 7.358892 17.8754176l.1293381.1025784c4.495614 4.5491333 10.7930416 7.3455122 17.8218984 7.3455122 7.0556164 0 13.4021033-2.7963789 17.9512365-7.3455122l.066899-.1025784c4.5580531-4.5223737 7.354432-10.8198012 7.354432-17.8754176 0-7.0288569-2.7963789-13.3798036-7.354432-17.9289369zm-17.9512365 346.639491c7.0556164 0 13.4021033-2.872197 17.9512365-7.367811l.066899-.133798c4.5580531-4.486695 7.354432-10.837641 7.354432-17.817439 0-7.055616-2.7963789-13.379803-7.354432-17.951236h-.066899c-4.5491332-4.624952-10.8956201-7.421331-17.9512365-7.421331-7.0288568 0-13.3262844 2.796379-17.8218984 7.421331h-.1293381c-4.5357534 4.571433-7.358892 10.89562-7.358892 17.951236 0 6.979798 2.8231386 13.330744 7.358892 17.817439l.1293381.133798c4.495614 4.495614 10.7930416 7.367811 17.8218984 7.367811zm137.9725343-76.719793c6.275128-1.645716 11.957085-5.673037 15.422454-11.760848l.468293-.887527c3.081815-5.775615 3.643767-12.438757 1.998051-18.34371-1.659096-6.324187-5.735476-11.916945-11.809907-15.417994l-.352335-.236377c-5.918333-3.242372-12.661754-3.947042-18.856603-2.274566-6.297427 1.569897-11.952624 5.775615-15.400154 11.814366-3.492129 5.980773-4.223558 12.880291-2.551082 19.231238 1.725994 6.243908 5.762235 11.890186 11.796526 15.417994h.04014c6.047671 3.474289 12.89813 4.10314 19.244617 2.457424zm-111.9844958-126.247367c-6.6542223-6.636383-15.8238477-10.793042-25.9880385-10.793042-10.1240514 0-19.2713771 4.156659-25.9122196 10.793042-6.609623 6.614083-10.6860031 15.761409-10.6860031 25.89884 0 10.164191 4.0763801 19.338276 10.6860031 26.028178 6.6408425 6.582863 15.7881682 10.712762 25.9122196 10.712762 10.1641908 0 19.3338162-4.129899 25.9880385-10.712762 6.6230028-6.689902 10.6993828-15.863987 10.6993828-26.028178 0-10.137431-4.07638-19.284757-10.6993828-25.89884zm-14.6107455-43.163246c14.7267038 2.426204 27.9771693 9.48182 38.0878413 19.672771h.080278c1.605577 1.618956 3.175474 3.37171 4.624953 5.146764l25.283368-14.628585c-3.39847-10.271229-3.554567-21.010752-.825088-31.072364 3.608087-13.486842 12.349559-25.5598846 25.452847-33.1373134l.432613-.2586762c12.96057-7.3455122 27.696194-8.8618899 41.000179-5.2538029 13.469002 3.6036271 25.622323 12.3852382 33.186372 25.4796055v.02676c7.52837 13.014089 9.058127 27.95933 5.46342 41.392652-3.581327 13.477923-12.362938 25.631244-25.452846 33.155154l-3.451989 2.04265h-.352335c-12.108723 5.771155-25.426087 6.663142-37.655228 3.447529-10.043772-2.667041-19.257997-8.259799-26.469711-16.229702l-25.243229 14.583986c2.898957 7.680008 4.508993 15.966566 4.508993 24.694658 0 8.701332-1.610036 17.090469-4.508993 24.823995l25.243229 14.530467c7.211714-8.072481 16.425939-13.562661 26.469711-16.229702 13.469003-3.683906 28.405324-2.114009 41.459552 5.49018l.834008.392474v.053519c12.612694 7.626488 21.07765 19.440855 24.618838 32.767139 3.594707 13.353044 2.06495 28.302745-5.46342 41.343593l-.454913.914287-.053519-.080279c-7.564049 12.572555-19.480994 21.09103-32.637801 24.694658-13.500222 3.554567-28.432083 2.03819-41.472931-5.45896v-.107039c-13.103288-7.577429-21.84476-19.677231-25.452847-33.132853-2.729479-10.034853-2.573382-20.778835.825088-31.045605l-25.283368-14.583986c-1.449479 1.779514-3.019376 3.45199-4.624953 5.070946l-.080278.075819c-10.110672 10.141891-23.3611375 17.197507-38.0878413 19.547893v29.217031c10.4942259 2.194288 19.9002283 7.448091 27.2724993 14.815903l.03568.080278c9.878755 9.825236 15.993325 23.517235 15.993325 38.569514 0 15.00322-6.11457 28.61048-15.993325 38.489235l-.03568.156098c-9.9456537 9.878755-23.5975133 15.993325-38.6497923 15.993325-14.9720002 0-28.6416995-6.11457-38.5605939-15.993325h-.0356795v-.156098c-9.8921348-9.878755-16.0200848-23.486015-16.0200848-38.489235 0-15.052279 6.12795-28.744278 16.0200848-38.569514v-.080278h.0356795c7.3588919-7.367812 16.7782737-12.621615 27.24574-14.815903v-29.217031c-14.7400836-2.350386-27.9504097-9.406002-38.0477015-19.547893l-.1070384-.075819c-12.62161472-12.675134-20.5112389-30.104558-20.5112389-49.442834 0-19.284757 7.88962418-36.714181 20.5112389-49.389315h.1070384c10.0972918-10.190951 23.3076179-17.246567 38.0477015-19.672771v-29.087693c-10.4674663-2.274567-19.8868481-7.52391-27.24574-14.8426625h-.0356795v-.0802788c-9.8921348-9.9278143-16.0200848-23.5172348-16.0200848-38.5695138 0-14.9764602 6.12795-28.6952188 16.0200848-38.5739738l.0356795-.0490593c9.9188944-9.90551456 23.5885937-16.0200848 38.5605939-16.0200848 15.052279 0 28.7041386 6.11457024 38.6497923 16.0200848v.0490593h.03568c9.878755 9.878755 15.993325 23.5975136 15.993325 38.5739738 0 15.052279-6.11457 28.6416995-15.993325 38.5695138l-.03568.0802788c-7.372271 7.3187525-16.7782734 12.5680955-27.2724993 14.8426625zm142.0176953-19.391796-.209617-.312195c-3.492129-5.882654-9.058127-9.802936-15.212837-11.502171-6.346487-1.672476-13.196946-.963346-19.284757 2.510943h.04014c-6.074431 3.447529-10.137431 9.093806-11.836666 15.417994-1.672476 6.270667-.941047 13.196946 2.551082 19.231237l.115958.160558c3.501049 5.954012 9.067047 9.950114 15.284196 11.56907 6.248368 1.752754 13.210326 1.021325 19.208938-2.479724l.325575-.156097c5.904954-3.527809 9.838616-9.093807 11.484332-15.208377 1.672475-6.297428 1.007945-13.196946-2.466344-19.231238z"
+	/>
+</svg>

package/package/components/icons/KafkaIcon.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        size?: number | undefined;
+        color?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type KafkaIconProps = typeof __propDef.props;
+export type KafkaIconEvents = typeof __propDef.events;
+export type KafkaIconSlots = typeof __propDef.slots;
+export default class KafkaIcon extends SvelteComponent<KafkaIconProps, KafkaIconEvents, KafkaIconSlots> {
+}
+export {};

package/package/components/icons/SchedulePollIcon.svelte

@@ -0,0 +1,36 @@
+<script>
+	// You can pass props for flexibility (e.g., size, color)
+	export let size = 24
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	stroke="currentColor"
+	stroke-width="1.5"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path d="M4.96046 2.04913L6.96046 2.04913" />
+	<path d="M5.96046 8.94553L4.96046 7.94553" />
+	<path d="M13.1611 13.8974L17.2173 13.8974" />
+	<path
+		d="M20.4622 12.2749V9.84124C20.4622 9.62608 20.3767 9.41975 20.2246 9.26761C20.0725 9.11547 19.8661 9.03001 19.651 9.03001H18.0285C17.8134 9.03001 17.607 9.11547 17.4549 9.26761C17.3028 9.41975 17.2173 9.62608 17.2173 9.84124V12.2749"
+	/>
+	<path
+		d="M20.8678 22.0097C21.1906 22.0097 21.5001 21.8632 21.7283 21.6024C21.9565 21.3415 22.0847 20.9878 22.0847 20.619V17.9412C22.0847 16.9747 20.8678 15.8816 20.8678 14.5834V12.9703C20.8678 12.7858 20.8037 12.609 20.6896 12.4786C20.5755 12.3482 20.4208 12.2749 20.2594 12.2749H17.8257C17.6644 12.2749 17.5096 12.3482 17.3955 12.4786C17.2814 12.609 17.2173 12.7858 17.2173 12.9703V20.619C17.2173 20.9878 17.3455 21.3415 17.5737 21.6024C17.8019 21.8632 18.1114 22.0097 18.4341 22.0097H20.8678Z"
+	/>
+	<path d="M22.0847 18.7648H8.29377" />
+	<path
+		d="M9.51061 22.0097C9.18789 22.0097 8.87838 21.8632 8.65018 21.6024C8.42197 21.3415 8.29377 20.9878 8.29377 20.619V17.9412C8.29377 16.9747 9.51061 15.8816 9.51061 14.5834V12.9703C9.51061 12.7858 9.57472 12.609 9.68882 12.4786C9.80292 12.3482 9.95767 12.2749 10.119 12.2749H12.5527C12.7141 12.2749 12.8688 12.3482 12.9829 12.4786C13.097 12.609 13.1611 12.7858 13.1611 12.9703V20.619C13.1611 20.9878 13.0329 21.3415 12.8047 21.6024C12.5765 21.8632 12.267 22.0097 11.9443 22.0097H9.51061Z"
+	/>
+	<path
+		d="M13.1611 12.2749V9.84124C13.1611 9.62608 13.0757 9.41975 12.9235 9.26761C12.7714 9.11547 12.5651 9.03001 12.3499 9.03001H10.7275C10.5123 9.03001 10.306 9.11547 10.1538 9.26761C10.0017 9.41975 9.91622 9.62608 9.91622 9.84124V12.2749"
+	/>
+	<path
+		d="M8.78889 6.11711C8.30848 5.63669 7.71362 5.28656 7.0604 5.09974C6.40719 4.91291 5.71715 4.89555 5.05536 5.04928C4.39358 5.20301 3.78186 5.52278 3.27789 5.97842C2.77392 6.43406 2.39431 7.01056 2.17486 7.65355C1.95542 8.29654 1.90337 8.98483 2.02362 9.65351C2.14387 10.3222 2.43246 10.9492 2.86217 11.4755C3.29188 12.0017 3.84856 12.4098 4.47969 12.6614C5.11083 12.9129 5.79563 12.9995 6.46951 12.913"
+	/>
+</svg>

package/package/components/icons/SchedulePollIcon.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  SchedulePollIconProps */
+/** @typedef {typeof __propDef.events}  SchedulePollIconEvents */
+/** @typedef {typeof __propDef.slots}  SchedulePollIconSlots */
+export default class SchedulePollIcon extends SvelteComponent<{
+    size?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type SchedulePollIconProps = typeof __propDef.props;
+export type SchedulePollIconEvents = typeof __propDef.events;
+export type SchedulePollIconSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        size?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};