poe-svelte-ui-lib 1.9.21 → 1.9.23

package/dist/Slider/SliderProps.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getContext } from "svelte"
-  import { t } from "../locales/i18n"
+  import { T } from "../locales/i18n"
   import { type UIComponent, type ISliderProps, updateProperty, type IUIComponentHandler } from "../types"
   import * as UI from ".."
   import { optionsStore } from "../options"
@@ -34,7 +34,7 @@
 
 {#snippet SliderType()}
   <UI.Select
-    label={{ name: $t("constructor.props.type") }}
+    label={{ name: $T("constructor.props.type") }}
     type="buttons"
     value={$optionsStore.SLIDER_TYPE_OPTIONS.find((opt) => opt.value === (component.properties.type || "single"))}
     options={$optionsStore.SLIDER_TYPE_OPTIONS}
@@ -47,7 +47,7 @@
 
 {#snippet SliderValue()}
   <UI.Input
-    label={{ name: $t("constructor.props.value") }}
+    label={{ name: $T("constructor.props.value") }}
     value={component.properties.value}
     onUpdate={(value) => updateProperty("value", value as string, component, onPropertyChange)}
   />

package/dist/Switch/README.md

@@ -163,7 +163,7 @@
 - Поддерживает настройку типа переключателя, режима битов и подписей
 - Включает управление списком опций с возможностью добавления/удаления
 - Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$t('constructor.props.*')`
+- Использует систему локализации через `$T('constructor.props.*')`
 
 ## Заметки
 

package/dist/Switch/SwitchProps.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getContext } from "svelte"
-  import { t } from "../locales/i18n"
+  import { T } from "../locales/i18n"
   import { type UIComponent, type ISwitchProps, updateProperty, type IOption, type IUIComponentHandler } from "../types"
   import * as UI from ".."
   import { optionsStore } from "../options"
@@ -27,7 +27,7 @@
 {#snippet SwitchType()}
   <UI.Select
     wrapperClass="!h-14"
-    label={{ name: $t("constructor.props.type") }}
+    label={{ name: $T("constructor.props.type") }}
     type="buttons"
     options={$optionsStore.SWITCH_OPTIONS.map((o) => (component.properties.bitMode && o.value == "checkbox" ? { ...o, disabled: true } : o))}
     value={$optionsStore.SWITCH_OPTIONS.find((option) => option.value == component.properties.type)}
@@ -38,12 +38,12 @@
 {#snippet SwitchCaptions()}
   {#if component.properties.type == "horizontal"}
     <UI.Input
-      label={{ name: $t("constructor.props.caption.left") }}
+      label={{ name: $T("constructor.props.caption.left") }}
       value={component.properties.label.captionLeft}
       onUpdate={(value) => updateProperty("label.captionLeft", value as string, component, onPropertyChange)}
     />
     <UI.Input
-      label={{ name: $t("constructor.props.caption.right") }}
+      label={{ name: $T("constructor.props.caption.right") }}
       value={component.properties.label.captionRight}
       onUpdate={(value) => updateProperty("label.captionRight", value as string, component, onPropertyChange)}
     />
@@ -53,7 +53,7 @@
 {#snippet SwitchDisabled()}
   <UI.Switch
     wrapperClass="bg-blue"
-    label={{ name: $t("constructor.props.disabled") }}
+    label={{ name: $T("constructor.props.disabled") }}
     value={component.properties.options[0].disabled}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
     onChange={(value) => {
@@ -67,7 +67,7 @@
 {#snippet SwitchBitmode()}
   <UI.Switch
     wrapperClass="bg-blue"
-    label={{ name: $t("constructor.props.bitMode") }}
+    label={{ name: $T("constructor.props.bitMode") }}
     value={component.properties.bitMode}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
     onChange={(value) => {
@@ -84,7 +84,7 @@
   <!-- Настройки опций -->
   <div class="space-y-4">
     <div class="m-0 flex items-center justify-center gap-2">
-      <h4>{$t("constructor.props.bits.title")}</h4>
+      <h4>{$T("constructor.props.bits.title")}</h4>
       {#if component.properties.options.length < 32}
         <UI.Button
           wrapperClass="w-8"
@@ -106,7 +106,7 @@
     {#each component.properties.options || [] as option, index (option.id)}
       <div class="m-0 flex items-end justify-around gap-2 border-gray-400">
         <UI.Input
-          label={{ name: $t("constructor.props.optionname") }}
+          label={{ name: $T("constructor.props.optionname") }}
           wrapperClass="!w-3/10"
           value={option.name}
           maxlength={4}
@@ -117,7 +117,7 @@
           }}
         />
         <UI.Input
-          label={{ name: $t("constructor.props.optionposition") }}
+          label={{ name: $T("constructor.props.optionposition") }}
           wrapperClass="!w-3/10"
           value={option.value}
           type="number"
@@ -130,7 +130,7 @@
         />
         <UI.Select
           wrapperClass="w-80 h-14.5"
-          label={{ name: $t("constructor.props.colors") }}
+          label={{ name: $T("constructor.props.colors") }}
           type="buttons"
           options={$optionsStore.COLOR_OPTIONS.filter((option) => option.value !== "bg-max" && option.value !== "bg-gray")}
           value={$optionsStore.COLOR_OPTIONS.find((c) => (c.value as string).includes(option.class.split(" ").find((cls: string) => cls.startsWith("bg-"))))}
@@ -142,7 +142,7 @@
         />
         <UI.Switch
           wrapperClass=" w-1/10 bg-blue"
-          label={{ name: $t("constructor.props.disabled") }}
+          label={{ name: $T("constructor.props.disabled") }}
           value={option.disabled}
           options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
           onChange={(value) => {
@@ -167,7 +167,7 @@
 
 {#snippet SwitchHeight()}
   <UI.Input
-    label={{ name: $t("constructor.props.height") }}
+    label={{ name: $T("constructor.props.height") }}
     value={component.properties.height}
     onUpdate={(value) => updateProperty("height", value as string, component, onPropertyChange)}
   />
@@ -175,7 +175,7 @@
 
 {#snippet SwitchValue()}
   <UI.Input
-    label={{ name: $t("constructor.props.value") }}
+    label={{ name: $T("constructor.props.value") }}
     value={component.properties.value}
     type="number"
     number={{ minNum: 0, maxNum: component.properties.bitMode ? Math.pow(2, 32) : 1, step: 1 }}

package/dist/Table/README.md

@@ -200,7 +200,7 @@
 - Поддерживает настройку столбцов таблицы с различными типами содержимого
 - Включает настройки буфера данных, обводки и автопрокрутки
 - Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$t('constructor.props.*')`
+- Использует систему локализации через `$T('constructor.props.*')`
 
 ## Заметки
 

package/dist/Table/Table.svelte

@@ -6,7 +6,7 @@
   import { twMerge } from "tailwind-merge"
   import { onMount, tick } from "svelte"
   import ButtonClear from "../libIcons/ButtonClear.svelte"
-  import { t } from "../locales/i18n"
+  import { T } from "../locales/i18n"
   import { Button, Modal } from ".."
 
   let {
@@ -266,7 +266,7 @@
               column.label?.class,
             )}
           >
-            <span>{column.label?.name}</span>
+            <span>{$T(column.label?.name ?? "")}</span>
 
             {#if typeof column.content !== "function" && (column.content as ITableContent<any>[])?.some((c) => c.type === "text" && c.data.sortable)}
               <button
@@ -348,7 +348,7 @@
                               {/if}
                             </span>
                           {/if}
-                          {typeof button.name === "function" ? button.name(row) : button.name}
+                          {typeof button.name === "function" ? $T(button.name(row)) : $T(button.name ?? "")}
                         </button>
                       {:else if content.type === "select"}
                         {@const select = content.data}
@@ -364,7 +364,7 @@
                           >
                             {options.some((o: IOption) => o.value === row[(select?.key as string).slice(0, -2)])
                               ? row[select?.key].find((o: IOption) => o.value === row[(select?.key as string).slice(0, -2)]).name
-                              : $t("common.select_tag")}
+                              : $T("common.select_tag")}
                           </button>
 
                           {#if isDropdownOpen?.x === j && isDropdownOpen.y === i && isDropdownOpen.index === index}
@@ -524,7 +524,7 @@
   </div>
 </div>
 
-<Modal isOpen={modalData.isOpen} title={$t("constructor.props.table.fulldata")} wrapperClass="max-h-[80%]" width="{0.8 * (container?.offsetWidth ?? 0)}px">
+<Modal isOpen={modalData.isOpen} title={$T("constructor.props.table.fulldata")} wrapperClass="max-h-[80%]" width="{0.8 * (container?.offsetWidth ?? 0)}px">
   {#snippet main()}
     <div class="text-left whitespace-pre">
       {@html modalData.formattedData}
@@ -532,7 +532,7 @@
   {/snippet}
   {#snippet footer()}
     <Button
-      content={{ name: $t("constructor.props.copy") }}
+      content={{ name: $T("constructor.props.copy") }}
       wrapperClass="w-50"
       componentClass="bg-blue"
       onClick={() => {

package/dist/Table/TableProps.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getContext } from "svelte"
-  import { t } from "../locales/i18n"
+  import { T } from "../locales/i18n"
   import { type UIComponent, type ITableProps, type ITableHeader, updateProperty, type IUIComponentHandler, type ITableContent } from "../types"
   import * as UI from ".."
   import ButtonDelete from "../libIcons/ButtonDelete.svelte"
@@ -101,7 +101,7 @@
 
 {#snippet TableOutline()}
   <UI.Switch
-    label={{ name: $t("constructor.props.outline") }}
+    label={{ name: $T("constructor.props.outline") }}
     value={component.properties.outline}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
     onChange={(value) => updateProperty("outline", value, component, onPropertyChange)}
@@ -110,7 +110,7 @@
 
 {#snippet TableBufferSize()}
   <UI.Select
-    label={{ name: $t("constructor.props.table.buffersize") }}
+    label={{ name: $T("constructor.props.table.buffersize") }}
     type="buttons"
     options={$optionsStore.BUFFER_SIZE_OPTIONS}
     value={$optionsStore.BUFFER_SIZE_OPTIONS.find((o) => o.value === component.properties.dataBuffer.bufferSize)}
@@ -120,7 +120,7 @@
 
 {#snippet TableVisibleRows()}
   <UI.Select
-    label={{ name: $t("constructor.props.table.visibleRows") }}
+    label={{ name: $T("constructor.props.table.visibleRows") }}
     type="buttons"
     options={$optionsStore.VISIBLE_ROWS_OPTIONS}
     value={$optionsStore.VISIBLE_ROWS_OPTIONS.find((o) => o.value === component.properties.dataBuffer.visibleRows)}
@@ -134,7 +134,7 @@
   <!-- Настройки столбцов таблицы -->
   <div class="flex flex-col gap-2" bind:this={columnContainer}>
     <div class="flex items-center justify-center gap-2">
-      <h4>{$t("constructor.props.table.columns")}</h4>
+      <h4>{$T("constructor.props.table.columns")}</h4>
       <UI.Button
         wrapperClass="w-8"
         content={{ icon: ButtonAdd }}
@@ -170,19 +170,19 @@
         />
         <div class="py-2 pl-9 grid grid-cols-[1fr_minmax(5rem,10rem)_minmax(10rem,21rem)_2rem_2rem] items-end gap-2">
           <UI.Input
-            label={{ name: $t("constructor.props.table.columns.label") }}
+            label={{ name: $T("constructor.props.table.columns.label") }}
             value={column.label?.name}
             onUpdate={(value) => updateTableHeader(columnIndex, "label", { ["name"]: value })}
           />
           <UI.Input
-            label={{ name: $t("constructor.props.table.columns.width"), class: "px-0" }}
+            label={{ name: $T("constructor.props.table.columns.width"), class: "px-0" }}
             type="number"
             isValid={component.properties.header.reduce((width: number, h: ITableHeader<object>) => Number(h.width?.replace("%", "")) + width, 0) == 100}
             value={Number(column.width.replace("%", ""))}
             onUpdate={(value) => updateTableHeader(columnIndex, "width", `${value}%`)}
           />
           <UI.Select
-            label={{ name: $t("constructor.props.align.content") }}
+            label={{ name: $T("constructor.props.align.content") }}
             type="buttons"
             value={$optionsStore.ALIGN_OPTIONS.find((a) => (a.value as string).includes(column.align ?? "left"))}
             options={$optionsStore.ALIGN_OPTIONS}
@@ -237,7 +237,7 @@
                   <div class="flex gap-2 mx-auto items-end" style="width: {forConstructor ? '65%' : '90%'}; ">
                     <UI.Input
                       wrapperClass="w-1/4"
-                      label={{ name: $t("constructor.props.table.text.key") }}
+                      label={{ name: $T("constructor.props.table.text.key") }}
                       value={text.key}
                       help={{ regExp: /^[0-9a-zA-Z_.-]{0,16}$/ }}
                       onUpdate={(value) => {
@@ -249,7 +249,7 @@
                       }}
                     />
                     <UI.Select
-                      label={{ name: $t("constructor.props.tablecolumn.settings") }}
+                      label={{ name: $T("constructor.props.tablecolumn.settings") }}
                       type="buttons"
                       multiSelect={true}
                       value={$optionsStore.TABLE_TEXT_SETTING_OPTIONS.slice(0, forConstructor ? 3 : 5).filter((opt) => {
@@ -264,7 +264,7 @@
                   <div class="flex w-1/3 mx-auto gap-2">
                     <UI.Input
                       wrapperClass="w-1/2"
-                      label={{ name: $t("constructor.props.table.select.key") }}
+                      label={{ name: $T("constructor.props.table.select.key") }}
                       value={select.key}
                       help={{ regExp: /^[0-9a-zA-Z_.-]{0,16}$/ }}
                       onUpdate={(value) => {
@@ -278,10 +278,10 @@
                     />
                     <UI.Input
                       wrapperClass="w-1/2"
-                      label={{ name: $t("constructor.props.table.select.keys") }}
+                      label={{ name: $T("constructor.props.table.select.keys") }}
                       value={select?.keyCol ?? ""}
                       maxlength={500}
-                      help={{ info: $t("constructor.props.table.select.keys.info"), regExp: /^[a-zA-Z0-9\-_ ]{0,500}$/ }}
+                      help={{ info: $T("constructor.props.table.select.keys.info"), regExp: /^[a-zA-Z0-9\-_ ]{0,500}$/ }}
                       onUpdate={(value) => {
                         const headers = [...component.properties.header]
                         headers[columnIndex].content[index].data = { ...headers[columnIndex].content[index].data, keyCol: value }
@@ -293,17 +293,17 @@
                   {@const button = content.data}
                   <div class="flex w-[95%] mx-auto items-end justify-between gap-2">
                     <UI.Input
-                      label={{ name: $t("constructor.props.name") }}
+                      label={{ name: $T("constructor.props.name") }}
                       wrapperClass="w-2/10"
                       value={button.name}
                       onUpdate={(value) => updateContentProperty(columnIndex, index, "name", value)}
                     />
 
                     <div class="flex items-end gap-1">
-                      <UI.Button wrapperClass="w-8" content={{ icon: InfoIcon, info: { text: $t("constructor.props.button.colors.hint"), side: "right" } }} />
+                      <UI.Button wrapperClass="w-8" content={{ icon: InfoIcon, info: { text: $T("constructor.props.button.colors.hint"), side: "right" } }} />
                       <UI.Select
                         wrapperClass="w-80 h-14.5"
-                        label={{ name: $t("constructor.props.colors") }}
+                        label={{ name: $T("constructor.props.colors") }}
                         type="buttons"
                         options={$optionsStore.COLOR_OPTIONS.filter((option) => option.value !== "bg-max")}
                         value={$optionsStore.COLOR_OPTIONS.find((c) =>
@@ -322,7 +322,7 @@
                       <CommonSnippets
                         snippet="IconsLib"
                         initialValue={{
-                          name: $t("constructor.props.table.type.icon"),
+                          name: $T("constructor.props.table.type.icon"),
                           icon: column.content[index].data.icon,
                           updateProperty: (icon: string) => updateContentProperty(columnIndex, index, "icon", icon),
                           icons: { array: ICONS },
@@ -334,7 +334,7 @@
 
                     <UI.Select
                       wrapperClass="w-1/4"
-                      label={{ name: $t("constructor.props.header") }}
+                      label={{ name: $T("constructor.props.header") }}
                       type="buttons"
                       value={$optionsStore.HEADER_OPTIONS.find((h) => h.value === button.eventHandler?.Header)}
                       options={$optionsStore.HEADER_OPTIONS}
@@ -346,7 +346,7 @@
                     />
                     <UI.Input
                       wrapperClass="w-2/10"
-                      label={{ name: $t("constructor.props.argument") }}
+                      label={{ name: $T("constructor.props.argument") }}
                       value={button.eventHandler?.Argument}
                       onUpdate={(value) => {
                         const handler = button.eventHandler
@@ -356,10 +356,10 @@
                     />
                     <UI.Input
                       wrapperClass="w-2/10"
-                      label={{ name: $t("constructor.props.table.keys") }}
+                      label={{ name: $T("constructor.props.table.keys") }}
                       value={button.eventHandler?.Variables.join(" ")}
                       maxlength={500}
-                      help={{ info: $t("constructor.props.table.keys.info"), regExp: /^[a-zA-Z0-9\-._ ]{0,500}$/ }}
+                      help={{ info: $T("constructor.props.table.keys.info"), regExp: /^[a-zA-Z0-9\-._ ]{0,500}$/ }}
                       onUpdate={(value) => {
                         const handler = { ...button.eventHandler }
                         handler.Variables = (value as string).trim().split(/\s+/)
@@ -371,7 +371,7 @@
                   {@const progressBar = content.data}
                   <div class="w-3/5 flex mx-auto items-end gap-2">
                     <UI.Input
-                      label={{ name: $t("constructor.props.table.progressBar.key") }}
+                      label={{ name: $T("constructor.props.table.progressBar.key") }}
                       value={progressBar.key}
                       help={{ regExp: /^[0-9a-zA-Z_.-]{0,16}$/ }}
                       onUpdate={(value) => {
@@ -385,20 +385,20 @@
                     />
                     <UI.Input
                       wrapperClass="w-1/2"
-                      label={{ name: $t("constructor.props.min") }}
+                      label={{ name: $T("constructor.props.min") }}
                       value={(progressBar?.minNum as number) ?? 0}
                       type="number"
                       onUpdate={(value) => updateContentProperty(columnIndex, index, "minNum", value as string)}
                     />
                     <UI.Input
                       wrapperClass="w-1/2"
-                      label={{ name: $t("constructor.props.max") }}
+                      label={{ name: $T("constructor.props.max") }}
                       value={(progressBar?.maxNum as number) ?? 100}
                       type="number"
                       onUpdate={(value) => updateContentProperty(columnIndex, index, "maxNum", value as string)}
                     />
                     <UI.Input
-                      label={{ name: $t("constructor.props.units") }}
+                      label={{ name: $T("constructor.props.units") }}
                       value={progressBar?.units}
                       onUpdate={(value) => updateContentProperty(columnIndex, index, "units", value as string)}
                     />
@@ -409,7 +409,7 @@
                     <CommonSnippets
                       snippet="IconsLib"
                       initialValue={{
-                        name: $t("constructor.props.table.columns.defaultIcon"),
+                        name: $T("constructor.props.table.columns.defaultIcon"),
                         icon: image?.defaultIcon ?? "",
                         updateProperty: (icon: string) => {
                           updateContentProperty(columnIndex, index, "defaultIcon", icon)
@@ -423,13 +423,13 @@
                     />
 
                     <UI.Input
-                      label={{ name: $t("constructor.props.table.columns.class") }}
+                      label={{ name: $T("constructor.props.table.columns.class") }}
                       value={image?.class}
                       onUpdate={(value) => updateContentProperty(columnIndex, index, "class", value)}
                     />
                     <UI.Input
                       wrapperClass="w-4/10"
-                      label={{ name: $t("constructor.props.table.columns.image.width"), class: "px-0" }}
+                      label={{ name: $T("constructor.props.table.columns.image.width"), class: "px-0" }}
                       type="number"
                       number={{ minNum: 0, maxNum: 1000, step: 1 }}
                       value={Number(image?.width?.replace("rem", "") ?? 0)}
@@ -437,7 +437,7 @@
                     />
                     <UI.Input
                       wrapperClass="w-4/10"
-                      label={{ name: $t("constructor.props.table.columns.image.height"), class: "px-0" }}
+                      label={{ name: $T("constructor.props.table.columns.image.height"), class: "px-0" }}
                       type="number"
                       number={{ minNum: 0, maxNum: 1000, step: 1 }}
                       value={Number(image?.height?.replace("rem", "") ?? 0)}
@@ -482,7 +482,7 @@
 
 {#snippet TableFooter()}
   <UI.Input
-    label={{ name: $t("constructor.props.footer") }}
+    label={{ name: $T("constructor.props.footer") }}
     value={component.properties.footer}
     onUpdate={(value) => updateProperty("footer", value as string, component, onPropertyChange)}
   />
@@ -490,7 +490,7 @@
 
 {#snippet TableStashData()}
   <UI.Switch
-    label={{ name: $t("constructor.props.table.stashData") }}
+    label={{ name: $T("constructor.props.table.stashData") }}
     value={component.properties.dataBuffer.stashData}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
     onChange={(value) => {
@@ -506,7 +506,7 @@
 {#snippet TableClearButton()}
   <UI.Switch
     label={{
-      name: $t("constructor.props.table.clearButton"),
+      name: $T("constructor.props.table.clearButton"),
     }}
     value={component.properties.dataBuffer.clearButton}
     options={[{ id: crypto.randomUUID(), value: 0, class: "", disabled: !component.properties.dataBuffer.stashData }]}
@@ -516,7 +516,7 @@
 
 {#snippet TableLogger()}
   <UI.Switch
-    label={{ name: $t("constructor.props.table.logger"), captionLeft: $t("constructor.props.info.bottom"), captionRight: $t("constructor.props.info.top") }}
+    label={{ name: $T("constructor.props.table.logger"), captionLeft: $T("constructor.props.info.bottom"), captionRight: $T("constructor.props.info.top") }}
     value={component.properties.dataBuffer.logger}
     options={[{ id: crypto.randomUUID(), value: 0, class: "", disabled: !component.properties.dataBuffer.stashData }]}
     onChange={(value) => updateProperty("dataBuffer.logger", value, component, onPropertyChange)}

package/dist/Tabs/README.md

@@ -158,7 +158,7 @@
 - Поддерживает настройку позиционирования иконки и текста
 - Включает управление списком вкладок с возможностью добавления/удаления
 - Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$t('constructor.props.*')`
+- Использует систему локализации через `$T('constructor.props.*')`
 
 ## Заметки
 

package/dist/Tabs/TabsProps.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { t } from "../locales/i18n"
+  import { T } from "../locales/i18n"
   import { updateProperty, type IOption, type ITabsProps, type IUIComponentHandler, type UIComponent } from "../types"
   import * as UI from ".."
   import { optionsStore } from "../options"
@@ -50,7 +50,7 @@
 {#snippet TabsIconPosition()}
   <UI.Select
     wrapperClass="h-14"
-    label={{ name: $t("constructor.props.icon.text.position") }}
+    label={{ name: $T("constructor.props.icon.text.position") }}
     type="buttons"
     options={$optionsStore.ICON_TEXT_POSITION_OPTIONS}
     value={initialPosition}
@@ -67,9 +67,9 @@
 {#snippet TabsWidthMode()}
   <UI.Switch
     label={{
-      name: $t("constructor.props.widthMode"),
-      captionLeft: $t("constructor.props.height.small"),
-      captionRight: $t("constructor.props.equal"),
+      name: $T("constructor.props.widthMode"),
+      captionLeft: $T("constructor.props.height.small"),
+      captionRight: $T("constructor.props.equal"),
     }}
     value={initialWidth()}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
@@ -86,7 +86,7 @@
 {#snippet TabsSettings()}
   <div class="space-y-4" bind:this={itemsContainer}>
     <div class="m-0 flex items-center justify-center gap-2">
-      <h4>{$t("constructor.props.tabs.title")}</h4>
+      <h4>{$T("constructor.props.tabs.title")}</h4>
       {#if component.properties?.items.length < 10}
         <UI.Button
           wrapperClass="w-8"
@@ -119,7 +119,7 @@
           }}
         />
         <UI.Input
-          label={{ name: $t("constructor.props.optionname") }}
+          label={{ name: $T("constructor.props.optionname") }}
           wrapperClass="w-1/3"
           value={tab.name}
           onUpdate={(value) => {
@@ -132,7 +132,7 @@
           <CommonSnippets
             snippet="IconsLib"
             initialValue={{
-              name: $t("constructor.props.table.type.icon"),
+              name: $T("constructor.props.table.type.icon"),
               icon: component.properties.items[index].icon,
               updateProperty: (icon: string) => {
                 const items = [...(component.properties?.items || [])]
@@ -148,7 +148,7 @@
 
         <UI.Switch
           wrapperClass="w-30"
-          label={{ name: $t("constructor.props.disabled") }}
+          label={{ name: $T("constructor.props.disabled") }}
           value={tab?.disabled ? 1 : 0}
           options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
           onChange={(value) => {
@@ -182,14 +182,14 @@
 {#snippet TabsSize()}
   <div class="flex w-full gap-4">
     <UI.Input
-      label={{ name: $t("constructor.props.size.height") }}
+      label={{ name: $T("constructor.props.size.height") }}
       value={component.properties.size.height}
       onUpdate={(value) => updateProperty("size.height", value as number, component, onPropertyChange)}
       number={{ minNum: 1, maxNum: 1000, step: 1 }}
       type="number"
     />
     <UI.Input
-      label={{ name: $t("constructor.props.size.width") }}
+      label={{ name: $T("constructor.props.size.width") }}
       value={component.properties.size.width}
       onUpdate={(value) => updateProperty("size.width", value as number, component, onPropertyChange)}
       number={{ minNum: 1, maxNum: 1000, step: 1 }}

package/dist/TextField/README.md

@@ -99,7 +99,7 @@
 - Поддерживает настройку размера текста и цвета
 - Включает настройки оформления (жирный, курсив, фон)
 - Имеет различные наборы полей в зависимости от режима (`forConstructor`)
-- Использует систему локализации через `$t('constructor.props.*')`
+- Использует систему локализации через `$T('constructor.props.*')`
 
 ## Заметки
 

package/dist/TextField/TextField.svelte

@@ -15,7 +15,7 @@
 
 <div
   id={`${id}-${crypto.randomUUID().slice(0, 6)}`}
-  class={twMerge(`relative flex w-full flex-col items-center ${background ? "rounded-2xl bg-(--back-color) px-6 py-2" : ""}`, wrapperClass)}
+  class={twMerge(`relative flex w-full flex-col items-center  ${background ? "rounded-2xl bg-max px-6 py-2" : ""}`, wrapperClass)}
 >
   <p class={twMerge(`w-full text-center ${textSize[content.size ?? "base"]}`, content.class)}>
     {content.name}

package/dist/TextField/TextFieldProps.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { t } from "../locales/i18n"
+  import { T } from "../locales/i18n"
   import { updateProperty, type ITextFieldProps, type IUIComponentHandler, type UIComponent } from "../types"
   import * as UI from "../index"
   import { optionsStore } from "../options"
@@ -35,7 +35,7 @@
 
 {#snippet TextFieldSize()}
   <UI.Select
-    label={{ name: $t("constructor.props.size") }}
+    label={{ name: $T("constructor.props.size") }}
     type="buttons"
     value={currentType}
     options={$optionsStore.TEXTFIELD_SIZE_OPTIONS}
@@ -45,7 +45,7 @@
 
 {#snippet TextFieldName()}
   <UI.Input
-    label={{ name: $t("constructor.props.label") }}
+    label={{ name: $T("constructor.props.label") }}
     value={component.properties.content.name}
     onUpdate={(value) => updateProperty("content.name", value as string, component, onPropertyChange)}
   />
@@ -53,7 +53,7 @@
 
 {#snippet TextFieldColors()}
   <UI.Select
-    label={{ name: $t("constructor.props.textcolors") }}
+    label={{ name: $T("constructor.props.textcolors") }}
     type="buttons"
     options={$optionsStore.TEXT_COLOR_OPTIONS}
     value={initialColor}
@@ -64,7 +64,7 @@
 
 {#snippet TextFieldSettings()}
   <UI.Select
-    label={{ name: $t("constructor.props.textfield.settings") }}
+    label={{ name: $T("constructor.props.textfield.settings") }}
     type="buttons"
     multiSelect={true}
     value={$optionsStore.TEXTFIELD_SETTINGS_OPTIONS.filter((opt) => {
@@ -111,7 +111,7 @@
 
 {#snippet TextFieldComponentClass()}
   <UI.Input
-    label={{ name: $t("constructor.props.componentclass") }}
+    label={{ name: $T("constructor.props.componentclass") }}
     value={component.properties.content.class}
     onUpdate={(value) => updateProperty("content.class", value as string, component, onPropertyChange)}
   />