windmill-components 1.46.2 → 1.52.0

package/components/propertyPicker/PropPicker.svelte

@@ -38,131 +38,139 @@ async function loadResources() {
 }
 </script>
 
-{#if !notSelectable}
-	<div class="flex flex-row space-x-1">
-		{#if $propPickerConfig}
-			<Badge color="blue">
-				{`Selected: ${$propPickerConfig?.propName}`}
-			</Badge>
-			<Badge color="blue">
-				{`Mode: ${$propPickerConfig?.insertionMode}`}
-			</Badge>
-		{:else}
-			<Badge>&leftarrow; Select a step input</Badge>
+<div class="flex flex-col h-full">
+	<div class="px-2">
+		{#if !notSelectable}
+			<div class="flex flex-row space-x-1">
+				{#if $propPickerConfig}
+					<Badge large color="blue">
+						{`Selected: ${$propPickerConfig?.propName}`}
+					</Badge>
+					<Badge large color="blue">
+						{`Mode: ${$propPickerConfig?.insertionMode}`}
+					</Badge>
+				{:else}
+					<Badge large color="blue">&leftarrow; Select a step input</Badge>
+				{/if}
+			</div>
 		{/if}
-	</div>
-{/if}
-<input
-	type="text"
-	bind:value={search}
-	class="bg-gray-50 mt-1 border border-gray-300 text-gray-900 text-sm rounded-lg block px-2 mb-2 w-full"
-	placeholder="Search prop..."
-/>
-<div class:bg-gray-100={!$propPickerConfig && !notSelectable}>
-	<div class="flex justify-between items-center space-x-1">
-		<span class="font-bold text-sm">Flow Input</span>
-		<div class="flex space-x-2 items-center" />
-	</div>
-	<div class="overflow-y-auto mb-2">
-		<ObjectViewer
-			pureViewer={!$propPickerConfig}
-			json={flowInputsFiltered}
-			on:select={(e) => {
-				dispatch('select', `flow_input.${e.detail}`)
-			}}
+		<input
+			type="text"
+			bind:value={search}
+			class="bg-gray-50 mt-2 border border-gray-300 text-gray-900 text-sm rounded-lg block mb-2 w-full"
+			placeholder="Search prop..."
 		/>
 	</div>
-	{#if error}
-		<span class="font-bold text-sm">Error</span>
+	<div class="overflow-y-auto px-2 grow" class:bg-gray-100={!$propPickerConfig && !notSelectable}>
+		<div class="flex justify-between items-center space-x-1">
+			<span class="font-bold text-sm">Flow Input</span>
+			<div class="flex space-x-2 items-center" />
+		</div>
 		<div class="overflow-y-auto mb-2">
 			<ObjectViewer
 				pureViewer={!$propPickerConfig}
-				json={{ previous_result: { error: 'The error to handle' } }}
-				on:select
+				json={flowInputsFiltered}
+				on:select={(e) => {
+					dispatch('select', `flow_input.${e.detail}`)
+				}}
 			/>
 		</div>
-	{:else}
-		{#if previousId}
-			<span class="font-bold text-sm">Previous Result</span>
+		{#if error}
+			<span class="font-bold text-sm">Error</span>
 			<div class="overflow-y-auto mb-2">
 				<ObjectViewer
 					pureViewer={!$propPickerConfig}
-					json={Object.fromEntries(
-						Object.entries(resultByIdFiltered).filter(([k, v]) => k == previousId)
-					)}
-					on:select={(e) => {
-						dispatch('select', `results.${e.detail}`)
-					}}
+					json={{ previous_result: { error: 'The error to handle' } }}
+					on:select
 				/>
 			</div>
+		{:else}
+			{#if previousId}
+				<span class="font-bold text-sm">Previous Result</span>
+				<div class="overflow-y-auto mb-2">
+					<ObjectViewer
+						topLevelNode
+						pureViewer={!$propPickerConfig}
+						json={Object.fromEntries(
+							Object.entries(resultByIdFiltered).filter(([k, v]) => k == previousId)
+						)}
+						on:select={(e) => {
+							dispatch('select', `results.${e.detail}`)
+						}}
+					/>
+				</div>
+			{/if}
+			{#if Object.keys(pickableProperties.priorIds).length > 0}
+				<span class="font-bold text-sm">All Results</span>
+				<div class="overflow-y-auto mb-2">
+					<ObjectViewer
+						topLevelNode
+						pureViewer={!$propPickerConfig}
+						collapsed={true}
+						json={resultByIdFiltered}
+						on:select={(e) => {
+							dispatch('select', `results.${e.detail}`)
+						}}
+					/>
+				</div>
+			{/if}
 		{/if}
-		{#if Object.keys(pickableProperties.priorIds).length > 0}
-			<span class="font-bold text-sm">All Results</span>
+
+		{#if displayContext}
+			<span class="font-bold text-sm">Variables </span>
 			<div class="overflow-y-auto mb-2">
-				<ObjectViewer
-					pureViewer={!$propPickerConfig}
-					collapsed={true}
-					json={resultByIdFiltered}
-					on:select={(e) => {
-						dispatch('select', `results.${e.detail}`)
-					}}
-				/>
+				{#if displayVariable}
+					<Button
+						color="light"
+						size="xs"
+						variant="border"
+						on:click={() => {
+							displayVariable = false
+						}}>-</Button
+					>
+					<ObjectViewer
+						pureViewer={!$propPickerConfig}
+						rawKey={true}
+						json={variables}
+						on:select={(e) => dispatch('select', `variable('${e.detail}')`)}
+					/>
+				{:else}
+					<button
+						class="border border-blue-600 key font-normal rounded hover:bg-blue-100 px-1"
+						on:click={async () => {
+							await loadVariables()
+							displayVariable = true
+						}}>{'{...}'}</button
+					>
+				{/if}
+			</div>
+			<span class="font-bold text-sm">Resources</span>
+			<div class="overflow-y-auto mb-2">
+				{#if displayResources}
+					<Button
+						color="light"
+						variant="border"
+						size="xs"
+						on:click={() => {
+							displayResources = false
+						}}>-</Button
+					>
+					<ObjectViewer
+						pureViewer={!$propPickerConfig}
+						rawKey={true}
+						json={resources}
+						on:select={(e) => dispatch('select', `resource('${e.detail}')`)}
+					/>
+				{:else}
+					<button
+						class="border border-blue-600 px-1 key font-normal rounded hover:bg-blue-100"
+						on:click={async () => {
+							await loadResources()
+							displayResources = true
+						}}>{'{...}'}</button
+					>
+				{/if}
 			</div>
 		{/if}
-	{/if}
-
-	{#if displayContext}
-		<span class="font-bold text-sm">Variables </span>
-		<div class="overflow-y-auto mb-2">
-			{#if displayVariable}
-				<Button
-					color="light"
-					size="xs"
-					on:click={() => {
-						displayVariable = false
-					}}>(-)</Button
-				>
-				<ObjectViewer
-					pureViewer={!$propPickerConfig}
-					rawKey={true}
-					json={variables}
-					on:select={(e) => dispatch('select', `variable('${e.detail}')`)}
-				/>
-			{:else}
-				<button
-					class="key font-normal rounded px-1 hover:bg-blue-100 !p-0"
-					on:click={async () => {
-						await loadVariables()
-						displayVariable = true
-					}}>{'{...}'}</button
-				>
-			{/if}
-		</div>
-		<span class="font-bold text-sm">Resources</span>
-		<div class="overflow-y-auto mb-2">
-			{#if displayResources}
-				<Button
-					color="light"
-					size="xs"
-					on:click={() => {
-						displayResources = false
-					}}>(-)</Button
-				>
-				<ObjectViewer
-					pureViewer={!$propPickerConfig}
-					rawKey={true}
-					json={resources}
-					on:select={(e) => dispatch('select', `resource('${e.detail}')`)}
-				/>
-			{:else}
-				<button
-					class="key font-normal rounded px-1 hover:bg-blue-100 !p-0"
-					on:click={async () => {
-						await loadResources()
-						displayResources = true
-					}}>{'{...}'}</button
-				>
-			{/if}
-		</div>
-	{/if}
+	</div>
 </div>

package/components/propertyPicker/PropPicker.svelte.d.ts

@@ -14,9 +14,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type PropPickerProps = typeof __propDef.props;
-export declare type PropPickerEvents = typeof __propDef.events;
-export declare type PropPickerSlots = typeof __propDef.slots;
+export type PropPickerProps = typeof __propDef.props;
+export type PropPickerEvents = typeof __propDef.events;
+export type PropPickerSlots = typeof __propDef.slots;
 export default class PropPicker extends SvelteComponentTyped<PropPickerProps, PropPickerEvents, PropPickerSlots> {
 }
 export {};

package/components/propertyPicker/PropPickerResult.svelte

@@ -1,7 +1,6 @@
 <script>import { createEventDispatcher } from 'svelte';
 import ObjectViewer from './ObjectViewer.svelte';
 export let result;
-const dispatch = createEventDispatcher();
 </script>
 
 <div class="w-full">

package/components/propertyPicker/PropPickerResult.svelte.d.ts

@@ -10,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type PropPickerResultProps = typeof __propDef.props;
-export declare type PropPickerResultEvents = typeof __propDef.events;
-export declare type PropPickerResultSlots = typeof __propDef.slots;
+export type PropPickerResultProps = typeof __propDef.props;
+export type PropPickerResultEvents = typeof __propDef.events;
+export type PropPickerResultSlots = typeof __propDef.slots;
 export default class PropPickerResult extends SvelteComponentTyped<PropPickerResultProps, PropPickerResultEvents, PropPickerResultSlots> {
 }
 export {};

package/components/scriptEditor/LogPanel.svelte

@@ -53,10 +53,10 @@ function closeDrawer() {
 	</DrawerContent>
 </Drawer>
 
-<Tabs bind:selected={selectedTab}>
-	<Tab value="logs"><span class="text-xs">Logs/Result</span></Tab>
-	<Tab value="history"><span class="text-xs">History</span></Tab>
-	<Tab value="last_save"><span class="text-xs">Last save</span></Tab>
+<Tabs bind:selected={selectedTab} class="mt-1">
+	<Tab value="logs" size="xs">Logs/Result</Tab>
+	<Tab value="history" size="xs">History</Tab>
+	<Tab value="last_save" size="xs">Last save</Tab>
 
 	<svelte:fragment slot="content">
 		<!--

package/components/scriptEditor/LogPanel.svelte.d.ts

@@ -15,9 +15,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type LogPanelProps = typeof __propDef.props;
-export declare type LogPanelEvents = typeof __propDef.events;
-export declare type LogPanelSlots = typeof __propDef.slots;
+export type LogPanelProps = typeof __propDef.props;
+export type LogPanelEvents = typeof __propDef.events;
+export type LogPanelSlots = typeof __propDef.slots;
 export default class LogPanel extends SvelteComponentTyped<LogPanelProps, LogPanelEvents, LogPanelSlots> {
     get setFocusToLogs(): () => void;
 }

package/components/scripts/{CreateActions.svelte → CreateActionsScript.svelte}

@@ -1,23 +1,17 @@
 <script>import { goto } from '$app/navigation';
-import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { faPlus, faScroll } from '@fortawesome/free-solid-svg-icons';
 import Fuse from 'fuse.js';
 import { Script } from '../../gen';
 import { ScriptService } from '../../gen';
 import { workspaceStore, hubScripts } from '../../stores';
-import { sendUserToast } from '../../utils';
-import { Button, ButtonPopup, ButtonPopupItem } from '../common';
-import ItemPicker from '../ItemPicker.svelte';
+import { ButtonPopup, ButtonPopupItem } from '../common';
 import Drawer from '../common/drawer/Drawer.svelte';
 import DrawerContent from '../common/drawer/DrawerContent.svelte';
-import SimpleEditor from '../SimpleEditor.svelte';
-import { flowStore, initFlow } from '../flows/flowStore';
+import Icon from 'svelte-awesome';
 const drawers = {
-    hub: undefined,
-    template: undefined,
-    json: undefined
+    template: undefined
 };
 let hubItems;
-let pendingJson;
 let templateScripts = [];
 let templateFilter = '';
 let filteredTemplates;
@@ -31,12 +25,6 @@ $: filteredTemplates =
     templateFilter.length > 0
         ? templateFuse.search(templateFilter).map((value) => value.item)
         : templateScripts;
-function importJson() {
-    Object.assign($flowStore, JSON.parse(pendingJson));
-    initFlow($flowStore);
-    sendUserToast('OpenFlow imported from JSON');
-    drawers.json?.toggleDrawer();
-}
 async function loadTemplateScripts() {
     templateScripts = await ScriptService.listScripts({
         workspace: $workspaceStore,
@@ -48,34 +36,14 @@ async function loadTemplateScripts() {
 
 <!-- Buttons -->
 <div class="flex flex-row gap-2">
-	<ButtonPopup size="sm" startIcon={{ icon: faPlus }} href="/scripts/add">
-		<svelte:fragment slot="main">New script</svelte:fragment>
-		<ButtonPopupItem on:click={() => drawers.hub?.openDrawer()}>
-			Import script from WindmillHub
-		</ButtonPopupItem>
+	<ButtonPopup size="sm" spacingSize="xl" startIcon={{ icon: faPlus }} href="/scripts/add">
+		<svelte:fragment slot="main">New Script</svelte:fragment>
 		<ButtonPopupItem on:click={() => drawers.template?.toggleDrawer()}>
-			Import script from template
-		</ButtonPopupItem>
-		<ButtonPopupItem on:click={() => drawers.json?.toggleDrawer()}>
-			Import script from raw JSON
+			Import from template
 		</ButtonPopupItem>
 	</ButtonPopup>
 </div>
 
-<!-- Initially hidden elements in a drawer -->
-<!-- WindmillHub script list -->
-<ItemPicker
-	bind:this={drawers.hub}
-	pickCallback={(path) => {
-		console.log('pick', { path })
-		goto('/scripts/add?hub=' + path)
-	}}
-	itemName={'Script'}
-	extraField="summary"
-	loadItems={async () => {
-		return hubItems
-	}}
-/>
 <!-- Template script list -->
 <Drawer bind:this={drawers.template} size="800px" on:open={loadTemplateScripts}>
 	<DrawerContent title="Pick a template" on:close={() => drawers.template?.toggleDrawer()}>
@@ -105,10 +73,3 @@ async function loadTemplateScripts() {
 		</div>
 	</DrawerContent>
 </Drawer>
-<!-- Raw JSON -->
-<Drawer bind:this={drawers.json} size="800px">
-	<DrawerContent title="Import JSON" on:close={() => drawers.json?.toggleDrawer()}>
-		<SimpleEditor bind:code={pendingJson} lang="json" class="h-full" />
-		<span slot="submission"><Button size="sm" on:click={importJson}>Import</Button></span>
-	</DrawerContent>
-</Drawer>

package/components/scripts/CreateActionsScript.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {};
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CreateActionsScriptProps = typeof __propDef.props;
+export type CreateActionsScriptEvents = typeof __propDef.events;
+export type CreateActionsScriptSlots = typeof __propDef.slots;
+export default class CreateActionsScript extends SvelteComponentTyped<CreateActionsScriptProps, CreateActionsScriptEvents, CreateActionsScriptSlots> {
+}
+export {};

package/components/sidebar/MenuLink.svelte

@@ -21,8 +21,11 @@ navigating.subscribe(() => {
 	<a
 		{href}
 		class={classNames(
-			'group flex items-center px-2 py-2 text-sm font-medium rounded-md h-8',
-			isSelected ? 'bg-gray-50 text-gray-900' : 'text-gray-600 hover:bg-gray-50 hover:text-gray-900'
+			'group flex items-center px-2 py-2 text-sm font-light rounded-md h-8',
+			isSelected
+				? 'bg-gray-50 text-gray-900'
+				: 'text-gray-600 hover:bg-gray-50 hover:text-gray-900',
+			$$props.class
 		)}
 		target={href.includes('http') ? '_blank' : null}
 	>
@@ -38,8 +41,8 @@ navigating.subscribe(() => {
 		{#if !isCollapsed}
 			<span
 				class={classNames(
-					'whitespace-pre text-white',
-					isSelected ? ' text-gray-700 font-bold' : 'text-white group-hover:text-gray-500'
+					'whitespace-pre text-white truncate',
+					isSelected ? ' text-gray-700 font-bold' : 'text-white group-hover:text-gray-900'
 				)}
 			>
 				{label}

package/components/sidebar/MenuLink.svelte.d.ts

@@ -2,6 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 import type { IconDefinition } from '@fortawesome/free-solid-svg-icons';
 declare const __propDef: {
     props: {
+        [x: string]: any;
         label: string;
         href: string;
         icon: IconDefinition;
@@ -13,9 +14,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type MenuLinkProps = typeof __propDef.props;
-export declare type MenuLinkEvents = typeof __propDef.events;
-export declare type MenuLinkSlots = typeof __propDef.slots;
+export type MenuLinkProps = typeof __propDef.props;
+export type MenuLinkEvents = typeof __propDef.events;
+export type MenuLinkSlots = typeof __propDef.slots;
 export default class MenuLink extends SvelteComponentTyped<MenuLinkProps, MenuLinkEvents, MenuLinkSlots> {
 }
 export {};

package/components/sidebar/SidebarContent.svelte

@@ -1,17 +1,16 @@
-<script>import { faBookOpen, faCalendar, faCode, faCubes, faEye, faHomeAlt, faPlay, faRobot, faUsersCog, faWallet, faWind, faCog } from '@fortawesome/free-solid-svg-icons';
+<script>import { faBookOpen, faCalendar, faCubes, faEye, faHomeAlt, faPlay, faRobot, faUsersCog, faWallet, faCog, faStar } from '@fortawesome/free-solid-svg-icons';
 import { faDiscord, faGithub } from '@fortawesome/free-brands-svg-icons';
 import MenuLink from './MenuLink.svelte';
 import { userStore } from '../../stores';
 const mainMenuLinks = [
     { label: 'Home', href: '/', icon: faHomeAlt },
-    { label: 'Scripts', href: '/scripts', icon: faCode },
-    { label: 'Flows', href: '/flows', icon: faWind },
     { label: 'Runs', href: '/runs', icon: faPlay },
-    { label: 'Schedules', href: '/schedules', icon: faCalendar },
     { label: 'Variables', href: '/variables', icon: faWallet },
     { label: 'Resources', href: '/resources', icon: faCubes }
 ];
+export let favoriteLinks = [];
 $: secondaryMenuLinks = [
+    { label: 'Schedules', href: '/schedules', icon: faCalendar },
     { label: 'Groups', href: '/groups', icon: faUsersCog },
     { label: 'Audit Logs', href: '/audit_logs', icon: faEye },
     {
@@ -23,10 +22,10 @@ $: secondaryMenuLinks = [
     { label: 'Workers', href: '/workers', icon: faRobot }
 ];
 const thirdMenuLinks = [
-    { label: 'Documentation', href: 'https://docs.windmill.dev/docs/intro/', icon: faBookOpen },
-    { label: 'Feedbacks?', href: 'https://discord.gg/V7PM2YHsPB', icon: faDiscord },
+    { label: 'Docs', href: 'https://docs.windmill.dev/docs/intro/', icon: faBookOpen },
+    { label: 'Feedbacks', href: 'https://discord.gg/V7PM2YHsPB', icon: faDiscord },
     {
-        label: 'Issues?',
+        label: 'Issues',
         href: 'https://github.com/windmill-labs/windmill/issues/new',
         icon: faGithub
     }
@@ -36,19 +35,27 @@ export let isCollapsed = false;
 
 <div class="flex-1 flex flex-col py-4 overflow-x-hidden scrollbar-hidden">
 	<nav class="h-full flex justify-between flex-col px-2">
-		<div class="space-y-2">
-			{#each mainMenuLinks as menuLink}
-				<MenuLink {...menuLink} {isCollapsed} />
-			{/each}
-			<div class="h-8" />
-			{#each secondaryMenuLinks as menuLink}
-				<MenuLink {...menuLink} {isCollapsed} />
+		<div class="space-y-1 pt-4">
+			{#each mainMenuLinks as menuLink (menuLink.href)}
+				<MenuLink class="text-md" {...menuLink} {isCollapsed} />
 			{/each}
+			<div class="h-2" />
+			<div class="max-h-40 overflow-y-auto  max-w-xs truncate">
+				<div class="flex flex-col max-h-min">
+					{#each favoriteLinks as menuLink (menuLink.href)}
+						<MenuLink class="text-xs max-w-xs truncate" {...menuLink} {isCollapsed} icon={faStar} />
+					{/each}
+				</div>
+			</div>
+			<div class="h-2" />
 		</div>
-
-		<div class="space-y-2">
-			{#each thirdMenuLinks as menuLink}
-				<MenuLink {...menuLink} {isCollapsed} />
+		<div class="space-1-2">
+			{#each secondaryMenuLinks as menuLink (menuLink.href)}
+				<MenuLink class="text-xs" {...menuLink} {isCollapsed} />
+			{/each}
+			<div class="h-8" />
+			{#each thirdMenuLinks as menuLink (menuLink.href)}
+				<MenuLink class="text-xs" {...menuLink} {isCollapsed} />
 			{/each}
 		</div>
 	</nav>

package/components/sidebar/SidebarContent.svelte.d.ts

@@ -1,6 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        favoriteLinks?: {
+            label: string;
+            href: string;
+        }[] | undefined;
         isCollapsed?: boolean | undefined;
     };
     events: {
@@ -8,9 +12,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type SidebarContentProps = typeof __propDef.props;
-export declare type SidebarContentEvents = typeof __propDef.events;
-export declare type SidebarContentSlots = typeof __propDef.slots;
+export type SidebarContentProps = typeof __propDef.props;
+export type SidebarContentEvents = typeof __propDef.events;
+export type SidebarContentSlots = typeof __propDef.slots;
 export default class SidebarContent extends SvelteComponentTyped<SidebarContentProps, SidebarContentEvents, SidebarContentSlots> {
 }
 export {};

package/components/sidebar/UserMenu.svelte

@@ -23,7 +23,7 @@ export let isCollapsed = false;
 		/>
 
 		{#if !isCollapsed}
-			<span class={classNames('whitespace-pre ')}>
+			<span class={classNames('whitespace-pre truncate')}>
 				{$userStore?.username ?? ($superadmin ? $superadmin : '___')}
 				{#if $userStore?.is_admin}
 					<Icon data={faCrown} scale={0.6} />

package/components/sidebar/UserMenu.svelte.d.ts

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type UserMenuProps = typeof __propDef.props;
-export declare type UserMenuEvents = typeof __propDef.events;
-export declare type UserMenuSlots = typeof __propDef.slots;
+export type UserMenuProps = typeof __propDef.props;
+export type UserMenuEvents = typeof __propDef.events;
+export type UserMenuSlots = typeof __propDef.slots;
 export default class UserMenu extends SvelteComponentTyped<UserMenuProps, UserMenuEvents, UserMenuSlots> {
 }
 export {};

package/components/sidebar/WorkspaceMenu.svelte

@@ -20,7 +20,7 @@ export let isCollapsed = false;
 		/>
 
 		{#if !isCollapsed}
-			<span class={classNames('whitespace-pre')}> {$workspaceStore} </span>
+			<span class={classNames('whitespace-pre truncate')}> {$workspaceStore} </span>
 		{/if}
 	</button>
 
@@ -34,10 +34,10 @@ export let isCollapsed = false;
 						close()
 					}}
 				>
-					<td class="text-gray-300 font-mono pl-4 pr-1 py-2 text-xs whitespace-nowrap"
+					<td class="text-gray-500 font-mono pl-4 pr-1 py-2 text-xs whitespace-nowrap"
 						>{workspace.id}</td
 					>
-					<td class="text-gray-500 pr-4 py-2 w-full">{workspace.name}</td>
+					<td class="text-gray-700 pr-4 py-2 w-full">{workspace.name}</td>
 				</tr>
 			{/each}
 		</table>

package/components/sidebar/WorkspaceMenu.svelte.d.ts

@@ -8,9 +8,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type WorkspaceMenuProps = typeof __propDef.props;
-export declare type WorkspaceMenuEvents = typeof __propDef.events;
-export declare type WorkspaceMenuSlots = typeof __propDef.slots;
+export type WorkspaceMenuProps = typeof __propDef.props;
+export type WorkspaceMenuEvents = typeof __propDef.events;
+export type WorkspaceMenuSlots = typeof __propDef.slots;
 export default class WorkspaceMenu extends SvelteComponentTyped<WorkspaceMenuProps, WorkspaceMenuEvents, WorkspaceMenuSlots> {
 }
 export {};

package/components/splitPanes/SplitPanesWrapper.svelte.d.ts

@@ -12,9 +12,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type SplitPanesWrapperProps = typeof __propDef.props;
-export declare type SplitPanesWrapperEvents = typeof __propDef.events;
-export declare type SplitPanesWrapperSlots = typeof __propDef.slots;
+export type SplitPanesWrapperProps = typeof __propDef.props;
+export type SplitPanesWrapperEvents = typeof __propDef.events;
+export type SplitPanesWrapperSlots = typeof __propDef.slots;
 export default class SplitPanesWrapper extends SvelteComponentTyped<SplitPanesWrapperProps, SplitPanesWrapperEvents, SplitPanesWrapperSlots> {
 }
 export {};

package/editorUtils.d.ts

@@ -1,4 +1,4 @@
-export declare function editorConfig(model: any, code: string, lang: string, automaticLayout: boolean): {
+export declare function editorConfig(model: any, code: string, lang: string, automaticLayout: boolean, fixedOverflowWidgets: boolean): {
     model: any;
     value: string;
     language: string;

package/editorUtils.js

@@ -1,11 +1,11 @@
-export function editorConfig(model, code, lang, automaticLayout) {
+export function editorConfig(model, code, lang, automaticLayout, fixedOverflowWidgets) {
     return {
         model,
         value: code,
         language: lang,
         automaticLayout,
         readOnly: false,
-        fixedOverflowWidgets: true,
+        fixedOverflowWidgets,
         autoDetectHighContrast: true,
         //lineNumbers: 'off',
         //lineDecorationsWidth: 0,