poe-svelte-ui-lib 1.9.22 → 1.9.23

package/dist/Accordion/AccordionProps.svelte

@@ -1,6 +1,6 @@
 <!-- $lib/ElementsUI/AccordionProps.svelte -->
 <script lang="ts">
-  import { t } from "../locales/i18n"
+  import { T } from "../locales/i18n"
   import { updateProperty, type IAccordionProps, type IUIComponentHandler, type UIComponent } from "../types"
   import * as UI from ".."
   import { optionsStore } from "../options"
@@ -45,7 +45,7 @@
   <div class="flex items-center">
     <UI.FileAttach
       type="image"
-      label={{ name: $t("constructor.props.image") }}
+      label={{ name: $T("constructor.props.image") }}
       accept="image/png, image/jpeg, image/webp"
       bind:currentImage
       onChange={handleImageUpload}
@@ -66,14 +66,14 @@
 {#snippet AccordionSize()}
   <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 }}
@@ -84,7 +84,7 @@
 
 {#snippet AccordionIsOpen()}
   <UI.Switch
-    label={{ name: $t("constructor.props.open") }}
+    label={{ name: $T("constructor.props.open") }}
     value={component.properties.isOpen}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
     onChange={(value) => updateProperty("isOpen", value, component, onPropertyChange)}
@@ -102,7 +102,7 @@
       <CommonSnippets
         snippet="IconsLib"
         initialValue={{
-          name: $t("constructor.props.labelicon"),
+          name: $T("constructor.props.labelicon"),
           icon: component.properties.label.icon,
           updateProperty: (icon: string) => updateProperty("label.icon", icon as string, component, onPropertyChange),
           icons: { array: ICONS },
@@ -129,7 +129,7 @@
       <CommonSnippets
         snippet="IconsLib"
         initialValue={{
-          name: $t("constructor.props.labelicon"),
+          name: $T("constructor.props.labelicon"),
           icons: { array: ICONS },
           icon: component.properties.label.icon,
           updateProperty: (icon: string) => updateProperty("label.icon", icon as string, component, onPropertyChange),

package/dist/Accordion/README.md

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

package/dist/Button/ButtonProps.svelte

@@ -1,6 +1,6 @@
 <!-- $lib/ElementsUI/ButtonProps.svelte -->
 <script lang="ts">
-  import { t } from "../locales/i18n"
+  import { T } from "../locales/i18n"
   import { type UIComponent, type IButtonProps, type IOption, updateProperty, type IUIComponentHandler } from "../types"
   import * as UI from ".."
   import { optionsStore } from "../options"
@@ -62,7 +62,7 @@
 
 {#snippet ButtonHeaderArgument()}
   <UI.Select
-    label={{ name: $t("constructor.props.header") }}
+    label={{ name: $T("constructor.props.header") }}
     type="buttons"
     value={Header}
     options={$optionsStore.HEADER_OPTIONS}
@@ -70,7 +70,7 @@
   />
   {#if Header.value === "SET"}
     <UI.Select
-      label={{ name: $t("constructor.props.argument") }}
+      label={{ name: $T("constructor.props.argument") }}
       type="buttons"
       value={$optionsStore.FULL_ARGUMENT_OPTION.find((h) => h.value === component.eventHandler.Argument) ??
         $optionsStore.FULL_ARGUMENT_OPTION.find((h) => h.value === "")}
@@ -79,12 +79,12 @@
     />
   {/if}
   <UI.Input
-    label={{ name: Header.value !== "SET" ? $t("constructor.props.argument") : "" }}
+    label={{ name: Header.value !== "SET" ? $T("constructor.props.argument") : "" }}
     wrapperClass="{Header.value === 'SET' ? 'mt-1' : ''} "
     value={component.eventHandler.Argument}
     maxlength={32}
     disabled={Header.value === "SET" && (component.eventHandler.Argument == "Save" || component.eventHandler.Argument == "NoSave")}
-    help={{ info: $t("constructor.props.argument.info"), autocomplete: "on", regExp: /^[a-zA-Z0-9\-_]{0,32}$/ }}
+    help={{ info: $T("constructor.props.argument.info"), autocomplete: "on", regExp: /^[a-zA-Z0-9\-_]{0,32}$/ }}
     onUpdate={(value) => onPropertyChange({ eventHandler: { Argument: value as string } })}
   />
 {/snippet}
@@ -92,18 +92,18 @@
 {#snippet ButtonVariables()}
   {#if (component.eventHandler.Argument !== "Save" && component.eventHandler.Argument !== "NoSave") || Header.value === "SET"}
     <UI.Input
-      label={{ name: $t("constructor.props.value") }}
+      label={{ name: $T("constructor.props.value") }}
       value={component.eventHandler.Value}
-      help={{ info: $t("constructor.props.value.info") }}
+      help={{ info: $T("constructor.props.value.info") }}
       maxlength={500}
       onUpdate={(value) => onPropertyChange({ eventHandler: { Value: value as string } })}
     />
   {/if}
   <UI.Input
-    label={{ name: $t("constructor.props.variables") }}
+    label={{ name: $T("constructor.props.variables") }}
     disabled={hasValue}
     value={component.eventHandler.Variables.join(" ")}
-    help={{ info: $t("constructor.props.variables.info"), autocomplete: "on", regExp: /^[a-zA-Z0-9.\-_ ":{}]{0,500}$/ }}
+    help={{ info: $T("constructor.props.variables.info"), autocomplete: "on", regExp: /^[a-zA-Z0-9.\-_ ":{}]{0,500}$/ }}
     maxlength={500}
     onUpdate={(value) => onPropertyChange({ eventHandler: { Variables: (value as string).trim().split(/\s+/) } })}
   />
@@ -111,7 +111,7 @@
 
 {#snippet ButtonName()}
   <UI.Input
-    label={{ name: $t("constructor.props.name") }}
+    label={{ name: $T("constructor.props.name") }}
     value={component.properties.content.name}
     onUpdate={(value) => updateIconProperty("content.name", value as string)}
   />
@@ -120,7 +120,7 @@
 {#snippet ButtonHeight()}
   {#if !(!component.properties.content.name?.trim() && component.properties.content.icon)}
     <UI.Select
-      label={{ name: $t("constructor.props.height") }}
+      label={{ name: $T("constructor.props.height") }}
       type="buttons"
       options={$optionsStore.HEIGHT_OPTIONS}
       value={initialHeight}
@@ -132,7 +132,7 @@
 
 {#snippet ButtonInfo()}
   <UI.Input
-    label={{ name: $t("constructor.props.info") }}
+    label={{ name: $T("constructor.props.info") }}
     value={component.properties.content.info.text}
     onUpdate={(value) => updateProperty("content.info.text", value as string, component, onPropertyChange)}
   />
@@ -140,7 +140,7 @@
 
 {#snippet ButtonInfoSide()}
   <UI.Select
-    label={{ name: $t("constructor.props.info.side") }}
+    label={{ name: $T("constructor.props.info.side") }}
     type="buttons"
     options={$optionsStore.INFO_SIDE_OPTIONS}
     value={$optionsStore.INFO_SIDE_OPTIONS.find((h) => h.value === component.properties.content.info.side)}
@@ -150,7 +150,7 @@
 
 {#snippet ButtonComponentClass()}
   <UI.Input
-    label={{ name: $t("constructor.props.componentclass") }}
+    label={{ name: $T("constructor.props.componentclass") }}
     value={component.properties.componentClass}
     onUpdate={(value) => updateProperty("componentClass", value as string, component, onPropertyChange)}
   />
@@ -158,7 +158,7 @@
 
 {#snippet ButtonColors()}
   <div class="flex items-end gap-2">
-    <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" } }} />
     <CommonSnippets
       snippet="Colors"
       initialValue={{
@@ -187,7 +187,7 @@
       <CommonSnippets
         snippet="IconsLib"
         initialValue={{
-          name: $t("constructor.props.buttonIcon"),
+          name: $T("constructor.props.buttonIcon"),
           icon: component.properties.content.icon,
           updateProperty: (icon: string) => updateIconProperty("content.icon", icon as string),
           icons: { array: ICONS },
@@ -217,7 +217,7 @@
       <CommonSnippets
         snippet="IconsLib"
         initialValue={{
-          name: $t("constructor.props.buttonIcon"),
+          name: $T("constructor.props.buttonIcon"),
           icon: component.properties.content.icon,
           updateProperty: (icon: string) => updateIconProperty("content.icon", icon as string),
           icons: { array: ICONS },

package/dist/Button/README.md

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

package/dist/ColorPicker/ColorPickerProps.svelte

@@ -1,6 +1,6 @@
 <!-- $lib/ElementsUI/ButtonProps.svelte -->
 <script lang="ts">
-  import { t } from "../locales/i18n"
+  import { T } from "../locales/i18n"
   import { type UIComponent, type IColorPickerProps, updateProperty, type IUIComponentHandler } from "../types"
   import * as UI from ".."
   import { getContext } from "svelte"
@@ -28,7 +28,7 @@
 </script>
 
 {#snippet ColorPickerDefaultColor()}
-  <UI.TextField content={{ name: $t("constructor.props.defaultcolor"), class: "font-bold" }} />
+  <UI.TextField content={{ name: $T("constructor.props.defaultcolor"), class: "font-bold" }} />
   <div class="flex items-center gap-3">
     <UI.TextField wrapperClass="w-4" content={{ name: "R", class: "font-bold" }} />
     <UI.Input

package/dist/ColorPicker/README.md

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

package/dist/CommonSnippets.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import * as UI from "./"
-  import { t } from "./locales/i18n"
+  import { T } from "./locales/i18n"
   import CrossIcon from "./libIcons/CrossIcon.svelte"
   import { optionsStore } from "./options"
   import { updateProperty } from "./types"
@@ -42,7 +42,7 @@
 
 {#snippet Variable()}
   <UI.Select
-    label={{ name: $t("constructor.props.variable") }}
+    label={{ name: $T("constructor.props.variable") }}
     type="input"
     options={VARIABLE_OPTIONS}
     value={VARIABLE_OPTIONS.find((opt) => opt.value === component.properties.id)}
@@ -58,7 +58,7 @@
 
 {#snippet Access()}
   <UI.Select
-    label={{ name: $t("constructor.props.access") }}
+    label={{ name: $T("constructor.props.access") }}
     type="buttons"
     options={component.type === "Accordion" ||
     component.type === "Tabs" ||
@@ -75,7 +75,7 @@
 
 {#snippet Colors(initialValue: { color: UI.IOption<string>; uselessColors?: string[]; updateProperty?: (option: UI.IOption | UI.IOption[]) => {} })}
   <UI.Select
-    label={{ name: $t("constructor.props.colors") }}
+    label={{ name: $T("constructor.props.colors") }}
     type="buttons"
     options={$optionsStore.COLOR_OPTIONS.filter((o) => !initialValue.uselessColors?.includes(o.value))}
     value={initialValue.color}
@@ -88,7 +88,7 @@
 
 {#snippet Label()}
   <UI.Input
-    label={{ name: $t("constructor.props.label") }}
+    label={{ name: $T("constructor.props.label") }}
     value={(
       component.properties as
         | UI.IAccordionProps
@@ -108,7 +108,7 @@
 
 {#snippet LabelAlign(initialAlign: UI.IOption<string>)}
   <UI.Select
-    label={{ name: $t("constructor.props.align") }}
+    label={{ name: $T("constructor.props.align") }}
     type="buttons"
     value={initialAlign}
     options={component.type == "Accordion" ? $optionsStore.JUSTIFY_ALIGN_OPTIONS : $optionsStore.TEXT_ALIGN_OPTIONS.slice(0, -1)}
@@ -139,7 +139,7 @@
 
 {#snippet LabelClass()}
   <UI.Input
-    label={{ name: $t("constructor.props.label.class") }}
+    label={{ name: $T("constructor.props.label.class") }}
     value={(
       component.properties as
         | UI.IAccordionProps
@@ -159,7 +159,7 @@
 
 {#snippet Identificator()}
   <UI.Input
-    label={{ name: $t("constructor.props.id") }}
+    label={{ name: $T("constructor.props.id") }}
     value={component.properties.id}
     onUpdate={(value) => updateProperty("id", value as string, component, onPropertyChange)}
   />
@@ -167,7 +167,7 @@
 
 {#snippet WrapperClass()}
   <UI.Input
-    label={{ name: $t("constructor.props.wrapperclass") }}
+    label={{ name: $T("constructor.props.wrapperclass") }}
     value={component.properties.wrapperClass}
     onUpdate={(value) => updateProperty("wrapperClass", value as string, component, onPropertyChange)}
   />
@@ -175,7 +175,7 @@
 
 {#snippet Disabled()}
   <UI.Switch
-    label={{ name: $t("constructor.props.disabled") }}
+    label={{ name: $T("constructor.props.disabled") }}
     value={(component.properties as UI.IInputProps | UI.ISwitchProps | UI.ISliderProps | UI.IFileAttachProps)?.disabled ? 1 : 0}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
     onChange={(value) => updateProperty("disabled", value, component, onPropertyChange)}
@@ -184,7 +184,7 @@
 
 {#snippet EventHandlerArgument()}
   <UI.Select
-    label={{ name: $t("constructor.props.action") }}
+    label={{ name: $T("constructor.props.action") }}
     type="buttons"
     value={$optionsStore.SHORT_ARGUMENT_OPTION.find((h) => h.value === component.eventHandler?.Argument)}
     options={$optionsStore.SHORT_ARGUMENT_OPTION}
@@ -197,7 +197,7 @@
 
 {#snippet Readonly()}
   <UI.Switch
-    label={{ name: $t("constructor.props.readonly") }}
+    label={{ name: $T("constructor.props.readonly") }}
     value={Number((component.properties as UI.IColorPickerProps | UI.IInputProps | UI.IJoystickProps | UI.IWidgetProps).readonly)}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
     onChange={(value) => updateProperty("readonly", value, component, onPropertyChange)}
@@ -223,14 +223,14 @@
 })}
   <div class="flex">
     <UI.Input
-      label={{ name: $t("constructor.props.min") }}
+      label={{ name: $T("constructor.props.min") }}
       value={initialValue.number?.minNum}
       type="number"
       readonly={initialValue.bitMode}
       onUpdate={(value) => initialValue.updateProperty(value as number, "number.minNum")}
     />
     <UI.Input
-      label={{ name: $t("constructor.props.max") }}
+      label={{ name: $T("constructor.props.max") }}
       value={initialValue.number?.maxNum}
       type="number"
       readonly={initialValue.bitMode}
@@ -238,7 +238,7 @@
     />
     {#if component.type !== "ProgressBar" && component.type !== "Joystick"}
       <UI.Input
-        label={{ name: $t("constructor.props.step") }}
+        label={{ name: $T("constructor.props.step") }}
         value={initialValue.number?.step}
         type="number"
         number={{ minNum: 0, maxNum: 1000000, step: 1 }}
@@ -269,7 +269,7 @@
                 onkeydown={null}
                 onclick={() => (initialValue.icons.selectArray ? initialValue.updateProperty(category[1]) : {})}
               >
-                <div class="absolute -top-3.5 bg-(--back-color) px-1">{$t(`constructor.props.icon.${category[0]}`)}</div>
+                <div class="absolute -top-3.5 bg-(--back-color) px-1">{$T(`constructor.props.icon.${category[0]}`)}</div>
                 <div class="grid place-items-center gap-2" style="grid-template-columns: repeat({initialValue.icons.selectArray ? 9 : 3}, minmax(0, 1fr));">
                   {#each category[1] as icon}
                     <button

package/dist/ComponentExample.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Select, Switch, t, type IOption } from "./"
+  import { Select, Switch, T, type IOption } from "./"
   import type { Snippet } from "svelte"
   import { fade } from "svelte/transition"
 
@@ -14,9 +14,9 @@
 
   let isCopied = $state(false)
   let snippetOptions = [
-    { id: crypto.randomUUID(), value: "overview", name: $t("library.overview") },
-    { id: crypto.randomUUID(), value: "examples", name: $t("library.examples") },
-    { id: crypto.randomUUID(), value: "props", name: $t("library.props") },
+    { id: crypto.randomUUID(), value: "overview", name: $T("library.overview") },
+    { id: crypto.randomUUID(), value: "examples", name: $T("library.examples") },
+    { id: crypto.randomUUID(), value: "props", name: $T("library.props") },
   ]
 
   let mainSnippet: string | undefined = $state("overview")
@@ -48,7 +48,7 @@
     </div>
     <Switch
       wrapperClass="w-60 self-end p-2"
-      label={{ name: $t("library.for_constructor") }}
+      label={{ name: $T("library.for_constructor") }}
       value={forConstructor ? 1 : 0}
       options={[{ id: crypto.randomUUID(), value: 0 }]}
       onChange={(value) => (forConstructor = value == 0 ? false : true)}

package/dist/FileAttach/FileAttach.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { t } from "../locales/i18n"
+  import { T } from "../locales/i18n"
   import type { IFileAttachProps } from "../types"
   import { twMerge } from "tailwind-merge"
 
@@ -87,10 +87,10 @@
              "
       >
         <div class="flex w-1/3 items-center justify-center bg-(--blue-color) p-2 py-1 {disabled ? 'opacity-50' : ''}">
-          {$t("constructor.props.file.select")}
+          {$T("constructor.props.file.select")}
         </div>
         <div class="flex flex-1 items-center justify-start truncate bg-(--back-color) px-2 {disabled ? 'opacity-50' : ''}">
-          <p class="truncate">{fileName || $t("constructor.props.file.notselected")}</p>
+          <p class="truncate">{fileName || $T("constructor.props.file.notselected")}</p>
         </div>
       </div>
     </label>

package/dist/FileAttach/FileAttachProps.svelte

@@ -1,6 +1,6 @@
 <!-- $lib/ElementsUI/ButtonProps.svelte -->
 <script lang="ts">
-  import { t } from "../locales/i18n"
+  import { T } from "../locales/i18n"
   import { type IFileAttachProps, type IUIComponentHandler, type UIComponent, updateProperty } from "../types"
   import * as UI from ".."
   import { optionsStore } from "../options"
@@ -30,16 +30,16 @@
 
 {#snippet FileAccept()}
   <UI.Input
-    label={{ name: $t("constructor.props.file.accept") }}
+    label={{ name: $T("constructor.props.file.accept") }}
     value={component.properties.accept}
-    help={{ info: $t("constructor.props.file.accept.help") }}
+    help={{ info: $T("constructor.props.file.accept.help") }}
     onUpdate={(value) => updateProperty("accept", value as string, component, onPropertyChange)}
   />
 {/snippet}
 
 {#snippet FileType()}
   <UI.Select
-    label={{ name: $t("constructor.props.type") }}
+    label={{ name: $T("constructor.props.type") }}
     type="buttons"
     value={$optionsStore.FILE_ATTACH_TYPE_OPTIONS.find((c) => (c.value as string).includes(component.properties.type))}
     options={$optionsStore.FILE_ATTACH_TYPE_OPTIONS}
@@ -49,13 +49,13 @@
   {#if component.properties.type === "image"}
     <div class="flex gap-4">
       <UI.Input
-        label={{ name: $t("constructor.props.imageSize.height") }}
+        label={{ name: $T("constructor.props.imageSize.height") }}
         type="number"
         value={component.properties.imageSize.height.replace("rem", "")}
         onUpdate={(value) => updateProperty("imageSize.height", `${value as string}rem`, component, onPropertyChange)}
       />
       <UI.Input
-        label={{ name: $t("constructor.props.imageSize.width") }}
+        label={{ name: $T("constructor.props.imageSize.width") }}
         type="number"
         value={component.properties.imageSize.width.replace("rem", "")}
         onUpdate={(value) => updateProperty("imageSize.width", `${value as string}rem`, component, onPropertyChange)}
@@ -63,14 +63,14 @@
     </div>
     <div class="flex gap-4">
       <UI.Select
-        label={{ name: $t("constructor.props.fitmode") }}
+        label={{ name: $T("constructor.props.fitmode") }}
         type="buttons"
         value={$optionsStore.FITMODE_OPTIONS.find((c) => (c.value as string).includes(component.properties.imageSize.fitMode))}
         options={$optionsStore.FITMODE_OPTIONS}
         onUpdate={(option) => updateProperty("imageSize.fitMode", (option as UI.IOption).value as string, component, onPropertyChange)}
       />
       <UI.Select
-        label={{ name: $t("constructor.props.form") }}
+        label={{ name: $T("constructor.props.form") }}
         type="buttons"
         value={$optionsStore.FORM_OPTIONS.find((c) => (c.value as string).includes(component.properties.imageSize.form))}
         options={$optionsStore.FORM_OPTIONS}

package/dist/FileAttach/README.md

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

package/dist/Graph/GraphProps.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 IGraphProps, updateProperty, type IUIComponentHandler } from "../types"
   import * as UI from ".."
   import { optionsStore } from "../options"
@@ -30,7 +30,7 @@
 {#snippet GraphIsTest()}
   <UI.Switch
     wrapperClass="bg-blue"
-    label={{ name: $t("constructor.props.istest") }}
+    label={{ name: $T("constructor.props.istest") }}
     value={component.properties.isTest}
     options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
     onChange={(value) => updateProperty("isTest", value, component, onPropertyChange)}

package/dist/Graph/README.md

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