starred/windmill
1
0
Fork 0
mirror of https://github.com/windmill-labs/windmill.git synced 2026-10-18 08:03:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove |local modifier from transitions (default in Svelte 5)

Browse Source 
In Svelte 5, transitions are local by default, making the |local
modifier redundant. Removed from all 31 files (43 occurrences).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Diego Imbert
2026-02-27 14:15:39 +01:00
co-authored by Claude Opus 4.6
parent f9329a6adf
commit 390f44fb81
31 changed files with 43 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/components/ArgInput.svelte
+1 -1
View File
@@ -869,7 +869,7 @@
<div class="flex w-full items-center relative">
{#snippet deleteItemBtn()}
<button
transition:fade|local={{ duration: 100 }}
transition:fade={{ duration: 100 }}
class="rounded-full p-1 bg-surface-secondary duration-200 hover:bg-surface-hover ml-2"
aria-label="Clear"
onclick={() => {
frontend/src/lib/components/ArrayTypeNarrowing.svelte
+1 -1
View File
@@ -130,7 +130,7 @@
<input id="input" type="text" bind:value={itemsType.enum[index]} />
<div>
<button
transition:fade|local={{ duration: 100 }}
transition:fade={{ duration: 100 }}
class="rounded-full p-1 bg-surface-secondary duration-200 hover:bg-surface-hover ml-2"
onclick={() => {
if (itemsType && itemsType.enum) {
frontend/src/lib/components/CollapseLink.svelte
+1 -1
View File
@@ -27,6 +27,6 @@
</button>
{#if open}
<div transition:slide|local={{ duration: 100 }}>{@render children?.()}</div>
<div transition:slide={{ duration: 100 }}>{@render children?.()}</div>
{/if}
</div>
frontend/src/lib/components/DeployToSetting.svelte
+1 -1
View File
@@ -192,7 +192,7 @@
placeholder="e.g., f/*, u/admin/**"
/>
<button
transition:fade|local={{ duration: 100 }}
transition:fade={{ duration: 100 }}
class="rounded-full p-1 bg-surface-secondary duration-200 hover:bg-surface-hover ml-2"
aria-label="Clear"
onclick={() => {
frontend/src/lib/components/IdEditorInput.svelte
+1 -1
View File
@@ -102,7 +102,7 @@
</div>
{#if error != ''}
<div
transition:slide|local={{ duration: 100 }}
transition:slide={{ duration: 100 }}
class="w-full text-sm text-red-600 whitespace-pre-wrap pt-1"
>
{error}
frontend/src/lib/components/ScriptBuilder.svelte
+1 -1
View File
@@ -1686,7 +1686,7 @@
/>
{/if}
<button
transition:fade|local={{ duration: 50 }}
transition:fade={{ duration: 50 }}
class="rounded-full p-1 bg-surface/60 duration-200 hover:bg-gray-200 absolute right-2"
aria-label="Clear"
onclick={() => {
frontend/src/lib/components/Slider.svelte
+1 -1
View File
@@ -37,5 +37,5 @@
{/if}
</Button>
{#if view}
<div class="my-4 px-2" transition:slide|local>{@render children?.()}</div>
<div class="my-4 px-2" transition:slide>{@render children?.()}</div>
{/if}
frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
+1 -1
View File
@@ -190,7 +190,7 @@
</div>
{#if quickStyleProperties?.length && isQuickMenuOpen}
<div class="text-xs mb-1 font-medium">Rich editor</div>
<div transition:slide|local={{ duration: 200 }} class="w-full">
<div transition:slide={{ duration: 200 }} class="w-full">
<QuickStyleMenu
bind:value={value.style}
properties={quickStyleProperties}
frontend/src/lib/components/apps/editor/componentsPanel/ListItem.svelte
+1 -1
View File
@@ -78,7 +78,7 @@
<ChevronDown class="rotate-0 duration-300 {isOpen ? '!rotate-180' : ''}" />
</button>
{#if isOpen}
<div transition:slide|local={{ duration: 300 }} class="px-2 {contentWrapperClasses}">
<div transition:slide={{ duration: 300 }} class="px-2 {contentWrapperClasses}">
{@render children?.()}
</div>
{/if}
frontend/src/lib/components/apps/editor/settingsPanel/CSSMigrationModal.svelte
+1 -1
View File
@@ -135,7 +135,7 @@
{#if migrationModalOpen}
<Portal name="css-global-migration-modal" class="z-[5000] absolute">
<div transition:fadeFast|local class={' top-0 bottom-0 left-0 right-0 z-[5000]'} role="dialog">
<div transition:fadeFast class={' top-0 bottom-0 left-0 right-0 z-[5000]'} role="dialog">
<div
class={twMerge(
'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
+1 -1
View File
@@ -517,7 +517,7 @@
</div>
<AlignmentEditor bind:component={item.data} />
{#if viewCssOptions}
<div transition:slide|local class="w-full">
<div transition:slide class="w-full">
{#each Object.keys(ccomponents[component.type]?.customCss ?? {}) as name}
{#if item.data?.customCss != undefined}
<div class="w-full mb-2">
frontend/src/lib/components/apps/editor/settingsPanel/GridTabDisabled.svelte
+1 -1
View File
@@ -40,7 +40,7 @@
/>
{#if disablable}
<div transition:slide|local>
<div transition:slide>
<InputsSpecEditor
key="tabDisabled {index}"
bind:componentInput={field}
frontend/src/lib/components/apps/editor/settingsPanel/GridTabHidden.svelte
+1 -1
View File
@@ -40,7 +40,7 @@
/>
{#if hideable}
<div transition:slide|local>
<div transition:slide>
<InputsSpecEditor
key="tabHidden {index}"
bind:componentInput={field}
frontend/src/lib/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte
+1 -1
View File
@@ -23,7 +23,7 @@
>
{#if $secondaryMenu.isOpen && $secondaryMenu.component}
<div
transition:fly|local={{ duration: 300, x: right ? width : -width, y: 0, opacity: 1 }}
transition:fly={{ duration: 300, x: right ? width : -width, y: 0, opacity: 1 }}
class="flex flex-col w-full h-full bg-surface"
>
<div
frontend/src/lib/components/common/alert/Alert.svelte
+1 -1
View File
@@ -97,7 +97,7 @@
</div>
{#if children && !isCollapsed}
<div transition:slide|local={{ duration: 200 }} class="mt-2">
<div transition:slide={{ duration: 200 }} class="mt-2">
<div
class={twMerge('text-xs', classes[type].descriptionClass, descriptionClass)}
style={descriptionStyle}
frontend/src/lib/components/common/clearableInput/ClearableInput.svelte
+1 -1
View File
@@ -83,7 +83,7 @@
{/if}
{#if value && isHovered}
<button
transition:fade|local={{ duration: 80 }}
transition:fade={{ duration: 80 }}
class="absolute z-10 top-[9.5px] right-2 rounded-full p-0.5 text-primary bg-surface-secondary
hover:bg-surface-hover focus:bg-surface-hover {buttonClass}"
aria-label="Clear"
frontend/src/lib/components/common/confirmationModal/ConfirmationModal.svelte
+1 -1
View File
@@ -83,7 +83,7 @@
{#if open}
<div
transition:fadeFast|local
transition:fadeFast
class={'fixed top-0 bottom-0 left-0 right-0 z-[5000]'}
role="dialog"
{id}
frontend/src/lib/components/common/fileUpload/FileUploadModal.svelte
+1 -1
View File
@@ -35,7 +35,7 @@
{#if open}
<div
transition:fadeFast|local
transition:fadeFast
class={'fixed top-0 bottom-0 left-0 right-0 z-[5000]'}
role="dialog"
>
frontend/src/lib/components/common/menu/Menu.svelte
+1 -1
View File
@@ -109,7 +109,7 @@
</div>
{#if show}
<div
transition:fade|local={{ duration: transitionDuration }}
transition:fade={{ duration: transitionDuration }}
class={classNames(
'z-50 absolute mt-2 rounded-md shadow-lg bg-surface ring-1 ring-black ring-opacity-5 focus:outline-none',
placementsClasses[placement],
frontend/src/lib/components/common/modal/Modal.svelte
+1 -1
View File
@@ -63,7 +63,7 @@
<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
<div
onclick={() => (open = false)}
transition:fadeFast|local
transition:fadeFast
class={'fixed top-0 bottom-0 left-0 right-0 z-[9999]'}
role="dialog"
tabindex="-1"
frontend/src/lib/components/common/modal/Modal2.svelte
+1 -1
View File
@@ -77,7 +77,7 @@
<Portal name="always-mounted" {target}>
<div
class={'fixed top-0 bottom-0 left-0 right-0 transition-all z-[1110] overflow-auto bg-black bg-opacity-60 w-full h-full'}
transition:fadeFast|local
transition:fadeFast
>
<div class="flex min-h-full items-center justify-center p-8">
<div
frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
+9 -9
View File
@@ -298,7 +298,7 @@
{#if retry}
<Popover notClickable>
<div
transition:fade|local={{ duration: 200 }}
transition:fade={{ duration: 200 }}
class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
>
{#if retries}<span class="text-red-400 mr-2">{retries}</span>{/if}
@@ -313,7 +313,7 @@
{#if concurrency}
<Popover notClickable>
<div
transition:fade|local={{ duration: 200 }}
transition:fade={{ duration: 200 }}
class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
>
<Gauge size={12} />
@@ -326,7 +326,7 @@
{#if debouncing}
<Popover notClickable>
<div
transition:fade|local={{ duration: 200 }}
transition:fade={{ duration: 200 }}
class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
>
<Timer size={12} />
@@ -339,7 +339,7 @@
{#if cache}
<Popover notClickable>
<div
transition:fade|local={{ duration: 200 }}
transition:fade={{ duration: 200 }}
class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
>
<Database size={12} />
@@ -352,7 +352,7 @@
{#if earlyStop}
<Popover notClickable>
<div
transition:fade|local={{ duration: 200 }}
transition:fade={{ duration: 200 }}
class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
>
<Square size={12} />
@@ -365,7 +365,7 @@
{#if skip}
<Popover notClickable>
<div
transition:fade|local={{ duration: 200 }}
transition:fade={{ duration: 200 }}
class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
>
<SkipForward size={12} />
@@ -378,7 +378,7 @@
{#if suspend}
<Popover notClickable>
<div
transition:fade|local={{ duration: 200 }}
transition:fade={{ duration: 200 }}
class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
>
<PhoneIncoming size={12} />
@@ -391,7 +391,7 @@
{#if sleep}
<Popover notClickable>
<div
transition:fade|local={{ duration: 200 }}
transition:fade={{ duration: 200 }}
class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
>
<Bed size={12} />
@@ -404,7 +404,7 @@
{#if mock?.enabled}
<Popover notClickable>
<button
transition:fade|local={{ duration: 200 }}
transition:fade={{ duration: 200 }}
class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
onclick={() => {
outputPicker?.toggleOpen()
frontend/src/lib/components/flows/map/VirtualItem.svelte
+2 -2
View File
@@ -164,7 +164,7 @@
{#if cache}
<Popover notClickable>
<div
transition:fade|local={{ duration: 200 }}
transition:fade={{ duration: 200 }}
class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
>
<Database size={12} />
@@ -177,7 +177,7 @@
{#if earlyStop}
<Popover notClickable>
<div
transition:fade|local={{ duration: 200 }}
transition:fade={{ duration: 200 }}
class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
>
<Square size={12} />
frontend/src/lib/components/git_sync/GitSyncRepositoryCard.svelte
+3 -3
View File
@@ -329,7 +329,7 @@
</button>
{/if}
{#if !confirmingDelete}
<div transition:fade|local={{ duration: 100 }}>
<div transition:fade={{ duration: 100 }}>
<Button
size="xs"
variant="default"
@@ -343,14 +343,14 @@
{:else}
<div class="flex gap-1">
<button
transition:fade|local={{ duration: 100 }}
transition:fade={{ duration: 100 }}
class="px-3 py-1 text-xs bg-red-500 text-white rounded duration-200 hover:bg-red-600"
onclick={confirmDelete}
>
Confirm delete
</button>
<button
transition:fade|local={{ duration: 100 }}
transition:fade={{ duration: 100 }}
class="px-2 py-1 text-xs bg-surface-secondary rounded duration-200 hover:bg-surface-hover"
onclick={cancelDelete}
>
frontend/src/lib/components/instanceSettings/EmailChannelCard.svelte
+1 -1
View File
@@ -65,7 +65,7 @@
<!-- Email Inputs -->
<div class="space-y-2">
{#each channels as channel}
<div class="flex items-center gap-2 w-full" transition:fade|local={{ duration: 200 }}>
<div class="flex items-center gap-2 w-full" transition:fade={{ duration: 200 }}>
<TextInput
inputProps={{
type: 'email',
frontend/src/lib/components/jobs/JobPreview.svelte
+1 -1
View File
@@ -103,7 +103,7 @@
{@render children?.({ open })}
{#if open}
<div
transition:fade|local={{ duration: 50 }}
transition:fade={{ duration: 50 }}
class={twMerge(
'absolute z-50 -left-10 bg-surface rounded border shadow-md flex flex-col gap-4 items-start w-[600px] h-80 overflow-hidden',
popupOnTop ? 'bottom-[35px]' : 'top-[35px]',
frontend/src/lib/components/triggers/TriggerFilters.svelte
+1 -1
View File
@@ -41,7 +41,7 @@
{/if}
</div>
<button
transition:fade|local={{ duration: 100 }}
transition:fade={{ duration: 100 }}
class="rounded-full p-1 bg-surface-secondary duration-200 hover:bg-surface-hover"
aria-label="Clear"
onclick={() => {
frontend/src/lib/components/triggers/mqtt/MqttEditorConfigSection.svelte
+1 -1
View File
@@ -149,7 +149,7 @@
</label>
</div>
<button
transition:fade|local={{ duration: 100 }}
transition:fade={{ duration: 100 }}
class="rounded-full p-1 bg-surface-secondary duration-200 hover:bg-surface-hover"
aria-label="Clear"
onclick={() => {
frontend/src/lib/components/triggers/websocket/WebsocketTriggerEditorInner.svelte
+1 -1
View File
@@ -650,7 +650,7 @@
{/if}
</div>
<button
transition:fade|local={{ duration: 100 }}
transition:fade={{ duration: 100 }}
class="rounded-full p-1 bg-surface-secondary duration-200 hover:bg-surface-hover"
aria-label="Clear"
onclick={() => {
frontend/src/lib/components/workspaceSettings/AISettings.svelte
+2 -2
View File
@@ -246,7 +246,7 @@
{#if aiProviders[provider]}
<div
class="mb-4 flex flex-col gap-6 border p-4 rounded-md mt-2"
transition:slide|local={{ duration: 150 }}
transition:slide={{ duration: 150 }}
>
<Label label="Resource">
<div class="flex flex-row gap-1">
@@ -328,7 +328,7 @@
</SettingCard>
{#if codeCompletionModel != undefined}
<div transition:slide|local={{ duration: 150 }} class="mt-6">
<div transition:slide={{ duration: 150 }} class="mt-6">
<SettingCard label="Code completion model">
<Select
items={safeSelectItems(autocompleteModels)}
frontend/src/lib/components/workspaceSettings/ModelTokenLimits.svelte
+1 -1
View File
@@ -127,7 +127,7 @@
</button>
{#if isExpanded}
<div transition:slide|local={{ duration: 200 }} class="p-4 border-t">
<div transition:slide={{ duration: 200 }} class="p-4 border-t">
<div class="space-y-3">
{#each models as { model }}
{@const currentTokens = getCurrentTokensForModel(provider as AIProvider, model)}