poe-svelte-ui-lib 1.8.21 → 1.8.22

package/dist/Accordion/AccordionProps.svelte

@@ -5,7 +5,6 @@
   import * as UI from ".."
   import { optionsStore } from "../options"
   import { ICONS } from "../icons"
-  import Modal from "../Modal.svelte"
   import Button from "../Button/Button.svelte"
   import CrossIcon from "../libIcons/CrossIcon.svelte"
   import CommonSnippets from "../CommonSnippets.svelte"

package/dist/Button/Button.svelte

@@ -85,7 +85,6 @@
   /* Подписка на события клавиатуры */
   onMount(() => {
     if (keyBind) window.addEventListener("keydown", handleKeyDown)
-
     return () => {
       if (keyBind) window.removeEventListener("keydown", handleKeyDown)
     }
@@ -128,7 +127,7 @@
       {/if}
 
       {#if content.name?.trim()}
-        <div class="flex-1">
+        <div class="flex-1 truncate">
           {content.name}
           {#if keyBind.key && keyBind.showHint}
             <div class="text-xs opacity-70">

package/dist/FileAttach/FileAttachProps.svelte

@@ -32,6 +32,7 @@
   <UI.Input
     label={{ name: $t("constructor.props.file.accept") }}
     value={component.properties.accept}
+    help={{ info: $t("constructor.props.file.accept.help") }}
     onUpdate={(value) => updateProperty("accept", value as string, component, onPropertyChange)}
   />
 {/snippet}

package/dist/Input/InputProps.svelte

@@ -165,21 +165,21 @@
   {:else if !component.properties.bitMode && component.properties.type === "number" && !component.properties.readonly && !component.properties.disabled}
     <div class="flex">
       <UI.Input
-        label={{ name: $t("constructor.props.max") }}
-        value={component.properties.number.maxNum as number}
+        label={{ name: $t("constructor.props.min") }}
+        value={component.properties.number.minNum as number}
         type="number"
         readonly={component.properties.bitMode}
         onUpdate={(value) => {
-          updateProperty("number.maxNum", Number(value))
+          updateProperty("number.minNum", Number(value))
         }}
       />
       <UI.Input
-        label={{ name: $t("constructor.props.min") }}
-        value={component.properties.number.minNum as number}
+        label={{ name: $t("constructor.props.max") }}
+        value={component.properties.number.maxNum as number}
         type="number"
         readonly={component.properties.bitMode}
         onUpdate={(value) => {
-          updateProperty("number.minNum", Number(value))
+          updateProperty("number.maxNum", Number(value))
         }}
       />
       <UI.Input

package/dist/Joystick/Joystick.svelte

@@ -136,7 +136,7 @@
           {#each directions as direction, index}
             <button class="pointer-events-none absolute top-1/2 left-1/2 block w-1/2 -translate-y-1/2 cursor-pointer" onclick={direction.onClick} title="">
               <span
-                class="relative flex w-full origin-left items-center justify-center pl-[60%] pointer-events-auto
+                class="relative flex w-full origin-left items-center justify-center pl-[60%] pointer-events-auto active:scale-98 transition duration-200
             {direction.mainButton ? 'bg-(--bg-color)' : ''}
             "
                 style=" height: {direction.mainButton
@@ -204,7 +204,7 @@
           style="background: color-mix(in srgb, var(--bg-color), var(--shadow-color) 10%)"
         >
           <button
-            class="h-full cursor-pointer rounded-l-full px-3.5"
+            class="h-full cursor-pointer rounded-l-full px-3.5 active:scale-98 transition duration-200"
             title=""
             onclick={() => {
               if (value[0] - sensitivity <= (axes[0].minNum ?? -360)) {
@@ -230,7 +230,7 @@
             </div></button
           >
           <button
-            class="h-full cursor-pointer rounded-r-full px-3.5"
+            class="h-full cursor-pointer rounded-r-full px-3.5 active:scale-97 transition duration-200"
             title=""
             onclick={() => {
               if (value[0] + sensitivity >= (axes[0].maxNum ?? 360)) {

package/dist/ProgressBar/ProgressBar.svelte

@@ -1,17 +1,13 @@
 <!-- $lib/ElementsUI/ProgressBar.svelte -->
 <script lang="ts">
   import { twMerge } from "tailwind-merge"
-  import type { IProgressBarProps } from "../types"
+  import type { IProgressBarProps, IReceivingDataObject } from "../types"
 
   let {
     id = crypto.randomUUID(),
     wrapperClass = "",
     items = [{ name: "Label", class: "" }],
-    value = [
-      { Name: "Label 1", Value: 50 },
-      { Name: "Label 2", Value: 50 },
-      { Name: "Label 3", Value: 50 },
-    ],
+    value,
     type = "horizontal",
     number = {
       minNum: 0,
@@ -37,9 +33,7 @@
   }
 
   const progressPercent = (value: number) => {
-    if (value) {
-      return (((Math.min(Math.max(value, min), max) - min) / (max - min)) * 100) as number
-    }
+    if (value) return (((Math.min(Math.max(value, min), max) - min) / (max - min)) * 100) as number
   }
 
   const roundToClean = (num: number): number => {
@@ -61,7 +55,7 @@
 >
   {#each items as progress, index}
     <div class="flex flex-col {type == 'vertical' ? 'items-center' : `w-full`}">
-      <h5 class={type == "vertical" ? "" : "px-4 mt-2"}>{value[index]?.Name || progress.name}</h5>
+      <h5 class={type == "vertical" ? "" : "px-4 mt-2"}>{(value as IReceivingDataObject[])[index].Name || progress.name}</h5>
       <div
         class="{twMerge(
           `flex ${type == 'vertical' ? 'h-full w-fit min-w-16 flex-col p-2' : 'h-7 w-full px-2'} items-center gap-2 rounded-full  shadow-sm`,
@@ -72,22 +66,26 @@
           <div class="relative my-auto h-[80%] w-[70%] rounded-full bg-(--back-color)/40">
             <div
               class="absolute bottom-0 left-0 flex w-full rounded-full bg-(--field-color)"
-              style="height: {progressPercent((value[index]?.Value as number) ?? 0)}%;"
+              style="height: {progressPercent(((value as IReceivingDataObject[])[index]?.Value as number) ?? 0)}%;"
             ></div>
           </div>
-          <span class="m-auto font-semibold">{roundToClean(Number(numericValue((value[index]?.Value as number) || 0)))}{number.units}</span>
+          <span class="m-auto font-semibold"
+            >{roundToClean(Number(numericValue(((value as IReceivingDataObject[])[index]?.Value as number) || 0)))}{number.units}</span
+          >
         {:else}
-          <span class="m-auto w-20 font-semibold">{roundToClean(Number(numericValue((value[index]?.Value as number) || 0)))}{number.units}</span>
+          <span class="m-auto w-20 font-semibold"
+            >{roundToClean(Number(numericValue(((value as IReceivingDataObject[])[index]?.Value as number) || 0)))}{number.units}</span
+          >
           <div class="relative my-auto h-3.5 flex-1 rounded-full bg-(--back-color)/40">
             <div
               class="absolute top-0 left-0 flex h-full rounded-full bg-(--field-color)"
-              style="width: {progressPercent((value[index]?.Value as number) ?? 0)}%;"
+              style="width: {progressPercent(((value as IReceivingDataObject[])[index]?.Value as number) ?? 0)}%;"
             ></div>
           </div>
         {/if}
       </div>
-      {#if value[index]?.Info}
-        <span>{value[index]?.Info}</span>
+      {#if (value as IReceivingDataObject[])[index]?.Info}
+        <span>{(value as IReceivingDataObject[])[index]?.Info}</span>
       {/if}
     </div>
   {/each}

package/dist/ProgressBar/ProgressBarProps.svelte

@@ -37,12 +37,12 @@
 {#snippet ProgressBarMinMax()}
   <div class="flex">
     <UI.Input
-      label={{ name: $t("constructor.props.max") }}
-      value={component.properties.number.maxNum as number}
+      label={{ name: $t("constructor.props.min") }}
+      value={component.properties.number.minNum as number}
       type="number"
       readonly={component.properties.bitMode}
       onUpdate={(value) => {
-        updateProperty("number.maxNum", Number(value), component, onPropertyChange)
+        updateProperty("number.minNum", Number(value), component, onPropertyChange)
         let newValue = component.properties.value?.map((pr: UI.IReceivingDataObject) => {
           return { ...pr, Value: component.properties.number.minNum + (component.properties.number.maxNum - component.properties.number.minNum) / 2 }
         })
@@ -50,12 +50,12 @@
       }}
     />
     <UI.Input
-      label={{ name: $t("constructor.props.min") }}
-      value={component.properties.number.minNum as number}
+      label={{ name: $t("constructor.props.max") }}
+      value={component.properties.number.maxNum as number}
       type="number"
       readonly={component.properties.bitMode}
       onUpdate={(value) => {
-        updateProperty("number.minNum", Number(value), component, onPropertyChange)
+        updateProperty("number.maxNum", Number(value), component, onPropertyChange)
         let newValue = component.properties.value?.map((pr: UI.IReceivingDataObject) => {
           return { ...pr, Value: component.properties.number.minNum + (component.properties.number.maxNum - component.properties.number.minNum) / 2 }
         })
@@ -195,7 +195,6 @@
     <div class="flex w-1/3 flex-col px-2">
       <CommonSnippets snippet="WrapperClass" {component} {onPropertyChange} />
       {@render ProgressBarMinMax()}
-
       {@render ProgressBarUnits()}
     </div>
     <div class="flex w-1/3 flex-col px-2">

package/dist/Select/Select.svelte

@@ -55,10 +55,7 @@
 
   const toggleDropdown = (event: MouseEvent) => {
     event.stopPropagation()
-    if (!disabled) {
-      isDropdownOpen = !isDropdownOpen
-      filteredOptions = []
-    }
+    if (!disabled) isDropdownOpen = !isDropdownOpen
   }
 
   const isSelected = (option: IOption<any>) => {
@@ -103,10 +100,9 @@
     filteredOptions = [
       ...filteredOptions,
       ...options.filter((option) => {
-        return !filteredOptions.includes(option)
+        return !filteredOptions.some((filtered) => filtered.id === option.id)
       }),
     ]
-
     isDropdownOpen = filteredOptions.length > 0
 
     const selectedFromList = options.find((option) => option.name?.toString() === searchValue)
@@ -214,9 +210,9 @@
       id={`${id}-${crypto.randomUUID().slice(0, 6)}`}
       {disabled}
       oninput={(e) => handleSearch((e.currentTarget as HTMLInputElement).value)}
-      onclick={() => {
+      onclick={(e) => {
         if (searchValue == "") filteredOptions = options
-        isDropdownOpen = true
+        toggleDropdown(e)
       }}
     />
 

package/dist/Table/Table.svelte

@@ -155,6 +155,24 @@
     return !!src
   }
 
+  const progressPercent = (column: ITableHeader<any>, value: number) => {
+    let min = column.progressBar?.minNum ?? 0
+    let max = column.progressBar?.maxNum ?? 100
+    if (value) return (((Math.min(Math.max(value, min), max) - min) / (max - min)) * 100) as number
+  }
+
+  const roundToClean = (num: number): number => {
+    if (Number.isInteger(num)) return num
+
+    const rounded1 = Number(num.toFixed(1))
+    if (Math.abs(rounded1 - num) < 1e-10) return rounded1
+
+    const rounded2 = Number(num.toFixed(2))
+    if (Math.abs(rounded2 - num) < 1e-10) return rounded2
+
+    return rounded2
+  }
+
   $effect(() => {
     isScrollable = container ? container.scrollHeight > container.clientHeight : false
     return () => (buffer = [])
@@ -368,6 +386,16 @@
                           {/if}
                         {/if}
                       </div>
+                    {:else if column.type == "progressBar" && column.progressBar}
+                      <div class="grid grid-cols-[3.5rem_1fr] h-7 w-full px-2 items-center gap-2 rounded-full shadow-sm bg-(--bg-color)">
+                        <span class="m-auto font-semibold">{roundToClean(Number(row[column.key] ?? 0))}{column.progressBar?.units}</span>
+                        <div class="relative my-auto h-3.5 rounded-full bg-(--back-color)/40">
+                          <div
+                            class="absolute top-0 left-0 flex h-full rounded-full bg-(--field-color)"
+                            style="width: {progressPercent(column, row[column.key] as number)}%;"
+                          ></div>
+                        </div>
+                      </div>
                     {:else}
                       {@const text =
                         Array.isArray(row[column.key]) && row[column.key][0] && "value" in row[column.key][0]

package/dist/Table/TableProps.svelte

@@ -77,6 +77,34 @@
       })
     }
   }
+
+  const changeColumnType = (type: UI.IOption<string> | UI.IOption<string>[], columnIndex: number) => {
+    const currentActiveValues = $optionsStore.TABLE_CONTENT_TYPE_OPTIONS.filter((opt) => {
+      if (!opt?.value) return false
+      return Object.hasOwn(component.properties.header[columnIndex], opt.value)
+    }).map((opt) => opt.value)
+
+    let newHeader = component.properties.header
+
+    if (Array.isArray(type)) {
+      type.forEach((opt) => {
+        if (opt?.value) {
+          if (opt.value == "buttons") {
+            newHeader[columnIndex][opt.value] = []
+            addNewButton(columnIndex)
+          } else newHeader[columnIndex][opt.value] = {}
+        }
+      })
+
+      currentActiveValues.forEach((activeValue) => {
+        if (!type.some((opt) => opt?.value === activeValue)) {
+          newHeader[columnIndex] = Object.fromEntries(Object.entries(newHeader[columnIndex]).filter((h) => h[0] !== activeValue))
+        }
+      })
+    }
+    updateProperty("header", newHeader, component, onPropertyChange)
+  }
+
   const updateTableHeader = (index: number, field: string, value: any) => {
     const headers = [...component.properties.header]
     headers[index] = { ...headers[index], [field]: value }
@@ -116,6 +144,15 @@
     updateProperty("header", headers, component, onPropertyChange)
   }
 
+  const updateProgressBarProperty = (columnIndex: number, field: string, value: any) => {
+    const headers = [...component.properties.header]
+    let progressBar = headers[columnIndex].progressBar
+
+    progressBar = { ...progressBar, [field]: value }
+    headers[columnIndex].progressBar = progressBar
+    updateProperty("header", headers, component, onPropertyChange)
+  }
+
   const removeButtonFromColumn = (columnIndex: number, buttonIndex: number) => {
     const headers = [...component.properties.header]
     const buttons = [...headers[columnIndex].buttons]
@@ -128,11 +165,12 @@
   const addNewButton = (columnIndex: number) => {
     const newButton = {
       name: `button${(component.properties.header[columnIndex].buttons ? component.properties.header[columnIndex].buttons.length : 0) + 1}`,
-      class: "bg-blue w-full",
+      class: "bg-blue",
       eventHandler: { Header: "SET", Argument: "Save", Variables: [] },
       onClick: () => {},
     }
     const buttons = [...(component.properties.header[columnIndex].buttons || []), newButton]
+    console.log(buttons)
 
     updateTableHeader(columnIndex, "buttons", buttons)
   }
@@ -176,7 +214,7 @@
         key: `column${(component.properties.header?.length || 0) + 1}`,
         label: { name: `Column ${(component.properties.header?.length || 0) + 1}`, class: "" },
         width: "10%",
-        type: "text",
+        text: {},
       }
       const headers = [...(component.properties.header || []), newColumn]
       updateProperty("header", headers, component, onPropertyChange)
@@ -197,7 +235,7 @@
 
     {#each component.properties.header as column, columnIndex (columnIndex)}
       <div class="flex flex-col pb-3 {columnIndex !== component.properties.header.length - 1 ? 'border-b border-(--border-color)/50 ' : ''}">
-        <div class="p-2 pr-0 grid grid-cols-[1fr_1fr_minmax(5rem,10rem)_minmax(10rem,21rem)_minmax(10rem,21rem)_2rem] items-end gap-2">
+        <div class="p-2 pr-0 grid grid-cols-[1fr_1fr_minmax(5rem,10rem)_minmax(10rem,21rem)_minmax(10rem,28rem)_2rem] items-end gap-2">
           <UI.Input
             label={{ name: $t("constructor.props.table.columns.key") }}
             value={column.key}
@@ -231,11 +269,18 @@
           <UI.Select
             label={{ name: $t("constructor.props.table.content.type") }}
             type="buttons"
-            options={forConstructor ? $optionsStore.TABLE_CONTENT_TYPE_OPTIONS.slice(0, 3) : $optionsStore.TABLE_CONTENT_TYPE_OPTIONS}
+            // multiSelect
+            options={forConstructor ? $optionsStore.TABLE_CONTENT_TYPE_OPTIONS.slice(0, 4) : $optionsStore.TABLE_CONTENT_TYPE_OPTIONS}
+            // value={$optionsStore.TABLE_CONTENT_TYPE_OPTIONS.filter((opt) => Object.hasOwn(component.properties.header[columnIndex], opt.value))}
             value={$optionsStore.TABLE_CONTENT_TYPE_OPTIONS.find((h) => h.value === column.type) || $optionsStore.TABLE_CONTENT_TYPE_OPTIONS[0]}
             onUpdate={(value) => {
               column.type = (value as UI.IOption).value
               if ((value as UI.IOption).value == "buttons" && (!column.buttons || column.buttons.length == 0)) addNewButton(columnIndex)
+              if ((value as UI.IOption).value == "progressBar" && !column.progressBar) column.progressBar = {}
+
+              // changeColumnType(value, columnIndex)
+              // if ((value as UI.IOption).value == "buttons" && (!column.buttons || column.buttons.length == 0)) addNewButton(columnIndex)
+              // if ((value as UI.IOption).value == "progressBar" && !column.progressBar) column.progressBar = {}
             }}
           />
           <UI.Button
@@ -249,7 +294,7 @@
           />
         </div>
 
-        {#if column.type == "buttons"}
+        {#if column.buttons}
           <div class="flex gap-2 items-end">
             <div class="pl-2 w-12">
               <UI.Button
@@ -336,7 +381,7 @@
               {/each}
             </div>
           </div>
-        {:else if column.type == "select"}
+        {:else if column.select}
           <div class="mx-auto">
             <UI.Input
               wrapperClass="w-70"
@@ -349,7 +394,7 @@
               }}
             />
           </div>
-        {:else if column.type == "image"}
+        {:else if column.image}
           <div class="ml-14 flex items-end gap-2">
             <div class="w-1/2">
               <CommonSnippets
@@ -388,7 +433,7 @@
               label={{ name: $t("constructor.props.table.columns.image.width"), class: "px-0" }}
               type="number"
               number={{ minNum: 0, maxNum: 1000, step: 1 }}
-              value={Number(column.image?.width.replace("rem", "")) ?? 0}
+              value={Number(column.image?.width?.replace("rem", "") ?? 0)}
               onUpdate={(value) => {
                 updateTableHeader(columnIndex, "image", {
                   class: column.image?.class,
@@ -403,7 +448,7 @@
               label={{ name: $t("constructor.props.table.columns.image.height"), class: "px-0" }}
               type="number"
               number={{ minNum: 0, maxNum: 1000, step: 1 }}
-              value={Number(column.image?.height.replace("rem", "")) ?? 0}
+              value={Number(column.image?.height?.replace("rem", "") ?? 0)}
               onUpdate={(value) => {
                 updateTableHeader(columnIndex, "image", {
                   class: column.image?.class,
@@ -414,7 +459,7 @@
               }}
             />
           </div>
-        {:else if column.type == "text"}
+        {:else if column.text}
           <div class="mx-auto">
             <UI.Select
               wrapperClass="w-250"
@@ -430,6 +475,26 @@
               }}
             />
           </div>
+        {:else if column.progressBar}
+          <div class="w-3/5 flex mx-auto items-end gap-2">
+            <UI.Input
+              label={{ name: $t("constructor.props.min") }}
+              value={(column.progressBar?.minNum as number) ?? 0}
+              type="number"
+              onUpdate={(value) => updateProgressBarProperty(columnIndex, "minNum", value as string)}
+            />
+            <UI.Input
+              label={{ name: $t("constructor.props.max") }}
+              value={(column.progressBar?.maxNum as number) ?? 100}
+              type="number"
+              onUpdate={(value) => updateProgressBarProperty(columnIndex, "maxNum", value as string)}
+            />
+            <UI.Input
+              label={{ name: $t("constructor.props.units") }}
+              value={column.progressBar?.units}
+              onUpdate={(value) => updateProgressBarProperty(columnIndex, "units", value as string)}
+            />
+          </div>
         {/if}
       </div>
     {/each}

package/dist/Tabs/Tabs.svelte

@@ -33,13 +33,6 @@
       class="{twMerge(`z-40 flex h-fit items-center rounded-t-xl overflow-x-auto px-1 `, wrapperClass)} 
      bg-(--bg-color)"
     >
-      <!-- `text-${
-                    wrapperClass
-                      ?.split(" ")
-                      .find((cls: string) => cls.startsWith("bg-"))
-                      ?.slice(3)
-                      .split("-")[0]
-                  }-500` -->
       {#each items as item, index}
         <button
           class={twMerge(

package/dist/locales/translations.js

@@ -58,6 +58,7 @@ const translations = {
         "constructor.props.open": "Разворачивание",
         "constructor.props.defaultcolor": "Первоначальный цвет",
         "constructor.props.file.accept": "Допустимые файлы",
+        "constructor.props.file.accept.help": "'audio/*', 'video/*', 'image/*' или расширения файлов через запятую в формате '.pdf'",
         "constructor.props.imageSize.height": "Высота, rem",
         "constructor.props.imageSize.width": "Ширина, rem",
         "constructor.props.fitmode": "Вид",
@@ -96,8 +97,6 @@ const translations = {
         "constructor.props.maxlength": "Максимальная длина",
         "constructor.props.regexp": "Выражение валидации",
         "constructor.props.regexp.info": "Введите RegExp без /.../ (например: ^\\d+$)",
-        "constructor.props.minnum": "Минимальное значение",
-        "constructor.props.maxnum": "Максимальное значение",
         "constructor.props.min": "Мин.",
         "constructor.props.max": "Макс.",
         "constructor.props.units": "Единица измерения",
@@ -172,7 +171,7 @@ const translations = {
         "constructor.props.table.keys": "Перечень ключей",
         "constructor.props.table.keys.info": "Ключи колонок, значения которых будут возвращаться",
         "constructor.props.table.select.keys": "Ключ строки",
-        "constructor.props.table.select.keys.info": "Ключ колонки, содержащей серийный номер модуля; поле может быть пустым: к каждой строке применится серийный номер изделия",
+        "constructor.props.table.select.keys.info": "Ключ колонки, содержащей серийный номер модуля; если поле пустое - применяется серийный номер изделия",
         "constructor.props.table.stashData": "Накопление данных",
         "constructor.props.table.buffersize": "Размер буфера",
         "constructor.props.table.clearButton": "Кнопка очистки",
@@ -180,6 +179,7 @@ const translations = {
         "constructor.props.table.type.buttons": "Кнопки",
         "constructor.props.table.type.select": "Селектор",
         "constructor.props.table.type.icon": "Иконка",
+        "constructor.props.table.type.progressbar": "Прогресс",
         "constructor.props.table.timestamp": "Время",
         "constructor.props.table.visibleRows": "Видимые строки",
         "constructor.props.table.logger": "Добавление строк",

package/dist/options.js

@@ -174,6 +174,7 @@ export const optionsStore = derived(t, ($t) => {
             { id: id(), value: "text", name: $t("constructor.props.table.type.text") },
             { id: id(), value: "select", name: $t("constructor.props.table.type.select") },
             { id: id(), value: "buttons", name: $t("constructor.props.table.type.buttons") },
+            { id: id(), value: "progressBar", name: $t("constructor.props.table.type.progressbar") },
             { id: id(), value: "image", name: $t("constructor.props.table.type.icon") },
         ],
         INPUT_SETTING_OPTIONS: [

package/dist/types.d.ts

@@ -309,7 +309,7 @@ export interface ITableHeader<T extends object> {
     key: keyof T;
     width?: string;
     align?: "left" | "center" | "right";
-    type?: "buttons" | "select" | "text" | "image";
+    type?: "buttons" | "select" | "text" | "image" | "progressBar";
     disableSelect?: boolean;
     text?: {
         sortable?: boolean;
@@ -319,6 +319,11 @@ export interface ITableHeader<T extends object> {
         copy?: boolean;
         modal?: boolean;
     };
+    progressBar?: {
+        minNum?: number;
+        maxNum?: number;
+        units?: string;
+    };
     buttons?: ITableButtons<T>[] | ((row: T) => ITableButtons<T>[]);
     select?: {
         key: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.8.21",
+  "version": "1.8.22",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -47,7 +47,7 @@
     "prettier-plugin-svelte": "^3.5.1",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "publint": "^0.3.18",
-    "svelte": "^5.54.0",
+    "svelte": "^5.54.1",
     "tailwindcss": "^4.2.2",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",