poe-svelte-ui-lib 1.2.24 → 1.2.26

package/dist/Tabs/TabsProps.svelte

@@ -17,7 +17,7 @@
     forConstructor = true,
   } = $props<{
     component: UIComponent & { properties: Partial<ITabsProps> }
-    onPropertyChange: (value: string | object, name?: string) => void
+    onPropertyChange: (value?: string | object, name?: string, access?: string) => void
     forConstructor?: boolean
   }>()
 

package/dist/Tabs/TabsProps.svelte.d.ts

@@ -3,7 +3,7 @@ type $$ComponentProps = {
     component: UIComponent & {
         properties: Partial<ITabsProps>;
     };
-    onPropertyChange: (value: string | object, name?: string) => void;
+    onPropertyChange: (value?: string | object, name?: string, access?: string) => void;
     forConstructor?: boolean;
 };
 declare const TabsProps: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/TextField/TextFieldProps.svelte

@@ -12,7 +12,7 @@
     forConstructor = true,
   } = $props<{
     component: UIComponent & { properties: Partial<ITextFieldProps> }
-    onPropertyChange: (value: string | object, name?: string) => void
+    onPropertyChange: (value?: string | object, name?: string, access?: string) => void
     forConstructor?: boolean
   }>()
   const DeviceVariables = getContext<{ id: string; value: string; name: string }[]>('DeviceVariables')
@@ -30,8 +30,8 @@
       (c.value as string).includes(component.properties.wrapperClass?.split(' ').find((cls: string) => cls.startsWith('text-'))),
     ),
   )
-  const initialBold = $derived(component.properties.content?.class?.split(' ').find((cls: string) => cls.startsWith('font-bold')))
-  const initialItalic = $derived(component.properties.content?.class?.split(' ').find((cls: string) => cls.startsWith('italic')))
+  const initialBold = $derived(component.properties.content?.class?.split(' ').some((cls: string) => cls.includes('font-bold')))
+  const initialItalic = $derived(component.properties.content?.class?.split(' ').some((cls: string) => cls.startsWith('italic')))
 </script>
 
 {#if forConstructor}
@@ -42,8 +42,9 @@
         options={VARIABLE_OPTIONS}
         value={VARIABLE_OPTIONS.find((opt) => opt.value === component.properties.id)}
         onUpdate={(value) => {
-          updateProperty('id', value.value as string, component, onPropertyChange, value.name?.split('—')[1].trim())
+          updateProperty('id', value.value as string, component, onPropertyChange)
           updateProperty('eventHandler.Variables', value.value as string, component, onPropertyChange)
+          onPropertyChange(null, value.name?.split('—')[1].trim(), null)
         }}
       />
       <UI.Input
@@ -77,6 +78,7 @@
       />
     </div>
     <div class="flex w-1/3 flex-col px-2">
+      <!-- <p>{component.properties.content?.class?.split(' ').includes((cls: string) => cls.startsWith('font-bold'))}</p> -->
       <UI.Switch
         label={{ name: $t('constructor.props.bold') }}
         value={initialBold}
@@ -84,7 +86,7 @@
         onChange={(value) =>
           updateProperty(
             'content.class',
-            `${component.properties.content.class} ${value ? 'font-bold' : 'font-normal'}`,
+            twMerge(`${component.properties.content.class} ${value ? 'font-bold' : 'font-normal'}`),
             component,
             onPropertyChange,
           )}
@@ -94,7 +96,12 @@
         value={initialItalic}
         options={[{ id: crypto.randomUUID(), value: 0, class: '' }]}
         onChange={(value) =>
-          updateProperty('content.class', `${component.properties.content.class} ${value ? 'italic' : 'not-italic'}`, component, onPropertyChange)}
+          updateProperty(
+            'content.class',
+            twMerge(`${component.properties.content.class} ${value ? 'italic' : 'not-italic'}`),
+            component,
+            onPropertyChange,
+          )}
       />
       <UI.Switch
         label={{ name: $t('constructor.props.background') }}

package/dist/TextField/TextFieldProps.svelte.d.ts

@@ -3,7 +3,7 @@ type $$ComponentProps = {
     component: UIComponent & {
         properties: Partial<ITextFieldProps>;
     };
-    onPropertyChange: (value: string | object, name?: string) => void;
+    onPropertyChange: (value?: string | object, name?: string, access?: string) => void;
     forConstructor?: boolean;
 };
 declare const TextFieldProps: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/locales/translations.js

@@ -41,7 +41,7 @@ const translations = {
         'constructor.props.type.vertical': 'Вертикально',
         'constructor.props.type.checkbox': 'Галочка',
         'constructor.props.type.full': 'Полный',
-        'constructor.props.type.viewOnly': 'Только просмотр',
+        'constructor.props.type.viewOnly': 'Просмотр',
         'constructor.props.type.hidden': 'Скрыто',
         /* Общие для редактора свойств */
         'constructor.props.id': 'Идентификатор',
@@ -67,7 +67,7 @@ const translations = {
         'constructor.props.variables.info': 'Поле для ввода имён переменных, разделенных пробелами',
         'constructor.props.value': 'Значение',
         'constructor.props.value.info': 'Поле для ввода Value пакета в формате JSON',
-        'constructor.props.align': 'Выравнивание',
+        'constructor.props.align': 'Выравнивание надписи',
         'constructor.props.align.header': 'Выравнивание заголовка',
         'constructor.props.align.content': 'Выравнивание контента',
         'constructor.props.image': 'Фоновое изображение',
@@ -120,13 +120,11 @@ const translations = {
         'constructor.props.copy': 'Копирование',
         'constructor.props.size.height': 'Высота сетки',
         'constructor.props.size.width': 'Ширина сетки',
-        'constructor.props.range.start': 'Начальный бит ',
-        'constructor.props.range.end': 'Последний бит',
-        'constructor.props.range.start.help': 'Позиция начального бита диапазона ',
-        'constructor.props.range.end.help': 'Позиция последнего бита диапазона',
+        'constructor.props.range': 'Диапазон позиции битов ',
         'constructor.props.icon.text.position': 'Положение иконки',
         'constructor.props.equal': 'Равные',
         'constructor.props.bitmode': 'Битовый режим',
+        'constructor.props.access': 'Доступ (не для владельца)',
         'constructor.props.table.columns': 'Колонки таблицы',
         'constructor.props.table.columns.key': 'Ключ',
         'constructor.props.table.columns.label': 'Название колонки',

package/dist/types.d.ts

@@ -3,10 +3,11 @@ import type { Writable } from 'svelte/store';
 import type { IFileInputProps } from './FileAttach/FileAttach.svelte';
 export declare const updateProperty: (path: string, value: string | number | boolean | object | string[], component: UIComponent & {
     properties: Partial<UIComponent["properties"]>;
-}, onPropertyChange: (value: string | object, name?: string) => void, name?: string) => void;
+}, onPropertyChange: (value?: string | object, name?: string, access?: string) => void) => void;
 export interface UIComponent {
     id: string;
     name?: string;
+    access?: 'full' | 'viewOnly' | 'hidden';
     type: 'Button' | 'Accordion' | 'Input' | 'Select' | 'Switch' | 'ColorPicker' | 'Slider' | 'TextField' | 'Joystick' | 'ProgressBar' | 'Graph' | 'Table' | 'Tabs' | 'FileAttach';
     properties: IAccordionProps | IButtonProps | IInputProps | ISelectProps | ISwitchProps | IColorPickerProps | ISliderProps | ITextFieldProps | IProgressBarProps | IGraphProps | ITableProps<object> | ITabsProps | IFileInputProps | IJoystickProps;
     position: Position;

package/dist/types.js

@@ -1,4 +1,4 @@
-export const updateProperty = (path, value, component, onPropertyChange, name) => {
+export const updateProperty = (path, value, component, onPropertyChange) => {
     const newProperties = JSON.parse(JSON.stringify(component.properties));
     const parts = path.split('.');
     let obj = newProperties;
@@ -9,5 +9,5 @@ export const updateProperty = (path, value, component, onPropertyChange, name) =
         obj = obj[part];
     }
     obj[parts[parts.length - 1]] = value;
-    onPropertyChange(newProperties, name);
+    onPropertyChange(newProperties);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.2.24",
+  "version": "1.2.26",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -48,7 +48,7 @@
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "@types/node": "^24.10.1",
     "publint": "^0.3.15",
-    "svelte": "^5.43.10",
+    "svelte": "^5.43.12",
     "svelte-preprocess": "^6.0.3",
     "vite": "^7.2.2",
     "vite-plugin-compression": "^0.5.1"