poe-svelte-ui-lib 1.1.14 → 1.1.15

package/dist/FileAttach/FileAttachProps.svelte

@@ -1,9 +1,8 @@
 <!-- $lib/ElementsUI/ButtonProps.svelte -->
 <script lang="ts">
   import { t } from '../locales/i18n'
-  import { type UIComponent, type IColorPickerProps, updateProperty } from '../types'
+  import { type UIComponent, updateProperty } from '../types'
   import * as UI from '..'
-  import { getContext } from 'svelte'
   import { optionsStore } from '../options'
   import type { IFileInputProps } from './FileAttach.svelte'
 
@@ -44,6 +43,11 @@
       />
     </div>
     <div class="flex w-1/3 flex-col px-2">
+      <UI.Input
+        label={{ name: $t('constructor.props.file.accept') }}
+        value={component.properties.accept}
+        onUpdate={(value) => updateProperty('accept', value as string, component, onPropertyChange)}
+      />
       <UI.Select
         label={{ name: $t('constructor.props.type') }}
         type="buttons"
@@ -51,11 +55,7 @@
         options={$optionsStore.FILE_ATTACH_TYPE_OPTIONS}
         onUpdate={(option) => updateProperty('type', option.value as string, component, onPropertyChange)}
       />
-      <UI.Input
-        label={{ name: $t('constructor.props.file.accept') }}
-        value={component.properties.accept}
-        onUpdate={(value) => updateProperty('accept', value as string, component, onPropertyChange)}
-      />
+
       {#if component.properties.type === 'image'}
         <div class="flex gap-4">
           <UI.Input
@@ -87,12 +87,5 @@
         </div>
       {/if}
     </div>
-    <div class="flex w-1/3 flex-col px-2">
-      <UI.Input
-        label={{ name: $t('constructor.props.currentImage') }}
-        value={component.properties.currentImage}
-        onUpdate={(value) => updateProperty('currentImage', value as string, component, onPropertyChange)}
-      />
-    </div>
   </div>
 {/if}

package/dist/Graph/GraphProps.svelte

@@ -3,6 +3,8 @@
   import { t } from '../locales/i18n'
   import { type UIComponent, type IGraphProps, updateProperty } from '../types'
   import * as UI from '..'
+  import ButtonAdd from '../libIcons/ButtonAdd.svelte'
+  import ButtonDelete from '../libIcons/ButtonDelete.svelte'
 
   const {
     component,
@@ -14,11 +16,13 @@
     forConstructor?: boolean
   }>()
 
+  console.log(component.properties.streamingData)
+
   const DeviceVariables = getContext<{ id: string; value: string; name: string }[]>('DeviceVariables')
   let VARIABLE_OPTIONS = $derived(DeviceVariables && Array.isArray(DeviceVariables) ? DeviceVariables : [])
 </script>
 
-{#if component && component.properties}
+{#if forConstructor}
   <div class="relative flex flex-row items-start justify-center">
     <!-- Сообщение для отправки в ws по нажатию кнопки -->
     <div class="flex w-1/3 flex-col items-center px-2">
@@ -35,4 +39,83 @@
     <div class="flex w-1/3 flex-col px-2"></div>
     <div class="flex w-1/3 flex-col px-2"></div>
   </div>
+{:else}
+  <div class="relative mb-2 flex flex-row items-start justify-center">
+    <!-- Сообщение для отправки в ws по нажатию кнопки -->
+    <div class="flex w-1/3 flex-col items-center px-2">
+      <UI.Input
+        label={{ name: $t('constructor.props.id') }}
+        value={component.properties.id}
+        onUpdate={(value) => updateProperty('id', value as string, component, onPropertyChange)}
+      />
+      <UI.Input
+        label={{ name: $t('constructor.props.wrapperclass') }}
+        value={component.properties.wrapperClass}
+        onUpdate={(value) => updateProperty('wrapperClass', value as string, component, onPropertyChange)}
+      />
+    </div>
+    <div class="flex w-1/3 flex-col px-2">
+      <UI.Input
+        label={{ name: $t('constructor.props.label') }}
+        value={component.properties.label.name}
+        onUpdate={(value) => updateProperty('label.name', value as string, component, onPropertyChange)}
+      />
+      <UI.Input
+        label={{ name: $t('constructor.props.label.class') }}
+        value={component.properties.label.class}
+        onUpdate={(value) => updateProperty('label.class', value as string, component, onPropertyChange)}
+      />
+    </div>
+
+    <div class="flex w-1/3 flex-col px-2">
+      <UI.Switch
+        wrapperClass="bg-blue"
+        label={{ name: $t('constructor.props.istest') }}
+        value={component.properties.isTest ? 2 : 1}
+        onChange={(value) => updateProperty('isTest', value === 2, component, onPropertyChange)}
+      />
+    </div>
+  </div>
+  <!-- <hr class="border-gray-400" />
+  <div class="space-y-4">
+    <div class="m-0 flex items-center justify-center gap-2">
+      <h4>{$t('constructor.props.graphdata.title')}</h4>
+      <UI.Button wrapperClass="w-8" content={{ icon: ButtonAdd }} />
+    </div>
+
+    {#each component.properties.streamingData.data || [] as option, index (option.name)}
+      <div class="m-0 flex items-end justify-around gap-2 border-gray-400">
+        <UI.Input
+          label={{ name: $t('constructor.props.optionname') }}
+          wrapperClass="!w-3/10"
+          value={option.name}
+          onUpdate={(value) => {
+            const options = [...(component.properties?.streamingData.data || [])]
+            options[index]['name'] = value as string
+            updateProperty('streamingData.data', options, component, onPropertyChange)
+          }}
+        />
+        <UI.Input
+          label={{ name: $t('constructor.props.optionvalue') }}
+          wrapperClass="!w-3/10"
+          type="number"
+          value={option.value}
+          onUpdate={(value) => {
+            const options = [...(component.properties?.streamingData.data || [])]
+            options[index]['value'] = value as number
+            updateProperty('streamingData.data', options, component, onPropertyChange)
+          }}
+        />
+        <UI.Button
+          wrapperClass="w-8"
+          content={{ icon: ButtonDelete }}
+          onClick={() => {
+            const options = [...(component.properties?.streamingData.data || [])]
+            options.splice(index, 1)
+            updateProperty('streamingData.data', options, component, onPropertyChange)
+          }}
+        />
+      </div>
+    {/each}
+  </div> -->
 {/if}

package/dist/Modal.svelte

@@ -34,7 +34,7 @@
 </script>
 
 {#if isOpen}
-  <div class="fixed inset-0 z-50 flex items-center justify-center bg-black/50" transition:fade={{ duration: 200 }}>
+  <div class="fixed inset-0 z-60 flex items-center justify-center bg-black/50" transition:fade={{ duration: 200 }}>
     <div
       class={twMerge(`flex w-300 flex-col overflow-hidden rounded-2xl bg-[var(--back-color)] text-center`, wrapperClass)}
       transition:scale={{ duration: 250, start: 0.8 }}

package/dist/Table/Table.svelte

@@ -4,8 +4,6 @@
   import type { ITableHeader, ITableProps } from '../types'
   import { fly } from 'svelte/transition'
   import { twMerge } from 'tailwind-merge'
-  import { Button, Modal } from '..'
-  import { t } from '../locales/i18n'
 
   let {
     id = crypto.randomUUID(),
@@ -17,11 +15,10 @@
     cursor = null,
     loader,
     getData = () => {},
+    modalData = $bindable(),
     onClick,
   }: ITableProps<any> = $props()
 
-  let modalData = $state({ isOpen: false, rawData: '', formattedData: '' })
-
   /* Сортировка */
   let sortState: {
     key: string | null
@@ -100,6 +97,7 @@
       rawData: text,
       formattedData: formatting ? formatting(text) : (text ?? ''),
     }
+    // console.log(modalData)
   }
 
   const showTooltip = (event: MouseEvent, text: string, formatting?: (text: string) => string) => {
@@ -274,19 +272,3 @@
     {/if}
   </div>
 </div>
-
-<Modal isOpen={modalData.isOpen} title={$t('debug.baud_rate_data')}>
-  {#snippet main()}
-    {@html modalData.formattedData}
-  {/snippet}
-  {#snippet footer()}
-    <Button
-      content={{ name: 'Copy' }}
-      wrapperClass="w-20 bg-pink"
-      onClick={() => {
-        navigator.clipboard.writeText(modalData.rawData)
-        modalData.isOpen = false
-      }}
-    />
-  {/snippet}
-</Modal>

package/dist/Table/Table.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { ITableProps } from '../types';
-declare const Table: import("svelte").Component<ITableProps<any>, {}, "">;
+declare const Table: import("svelte").Component<ITableProps<any>, {}, "modalData">;
 type Table = ReturnType<typeof Table>;
 export default Table;

package/dist/locales/translations.js

@@ -79,8 +79,10 @@ const translations = {
         'constructor.props.info': 'Подсказка',
         'constructor.props.disabled': 'Отключить',
         'constructor.props.readonly': 'Только для чтения',
+        'constructor.props.istest': 'Тестовые данные',
         'constructor.props.variable': 'Имя переменной',
         'constructor.props.widthMode': 'Ширина кнопок',
+        'constructor.props.graphdata.title': 'Начальные данные',
         'constructor.props.options.title': 'Опции компонента',
         'constructor.props.valuetype': 'Тип значения',
         'constructor.props.action': 'Действие при переключении',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.1.14",
+  "version": "1.1.15",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -33,12 +33,12 @@
   },
   "dependencies": {
     "@sveltejs/adapter-static": "^3.0.10",
-    "@tailwindcss/vite": "^4.1.14",
+    "@tailwindcss/vite": "^4.1.15",
     "prettier": "^3.6.2",
     "prettier-plugin-svelte": "^3.4.0",
     "prettier-plugin-tailwindcss": "^0.7.1",
     "tailwind-merge": "^3.3.1",
-    "tailwindcss": "^4.1.14",
+    "tailwindcss": "^4.1.15",
     "tsx": "^4.20.6",
     "typescript": "^5.9.3"
   },
@@ -46,9 +46,9 @@
     "@sveltejs/kit": "^2.47.2",
     "@sveltejs/package": "^2.5.4",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
-    "@types/node": "^24.8.1",
-    "publint": "^0.3.14",
-    "svelte": "^5.41.0",
+    "@types/node": "^24.9.1",
+    "publint": "^0.3.15",
+    "svelte": "^5.41.1",
     "svelte-preprocess": "^6.0.3",
     "vite": "^7.1.11",
     "vite-plugin-compression": "^0.5.1"