poe-svelte-ui-lib 1.1.21 → 1.2.0

package/dist/locales/translations.js

@@ -111,6 +111,8 @@ const translations = {
         'constructor.props.copy': 'Копирование',
         'constructor.props.size.height': 'Высота сетки',
         'constructor.props.size.width': 'Ширина сетки',
+        'constructor.props.icon.text.position': 'Положение иконки',
+        'constructor.props.equal': 'Равные',
         'constructor.props.table.columns': 'Колонки таблицы',
         'constructor.props.table.columns.key': 'Ключ',
         'constructor.props.table.columns.label': 'Название колонки',
@@ -119,8 +121,9 @@ const translations = {
         'constructor.props.table.columns.truncated': 'Скрыть',
         'constructor.props.table.columns.alt': 'Альтернативное название иконок',
         'constructor.props.table.columns.class': 'Стили иконки',
-        'constructor.props.table.columns.image.width': 'Ширина иконки',
-        'constructor.props.table.columns.image.height': 'Высота иконки',
+        'constructor.props.table.columns.defaultIcon': 'Иконка по умолчанию',
+        'constructor.props.table.columns.image.width': 'Ширина иконки, rem',
+        'constructor.props.table.columns.image.height': 'Высота иконки, rem',
         'constructor.props.table.deletecolumn': 'Удалить колонку',
         'constructor.props.table.deletebutton': 'Удалить кнопку',
         'constructor.props.table.addaction': 'Добавить кнопку',
@@ -128,9 +131,9 @@ const translations = {
         'constructor.props.table.keys.info': 'Ключи таблицы, значения которых будут возвращаться',
         'constructor.props.icon.access': 'Доступ',
         'constructor.props.icon.common': 'Общее',
-        'constructor.props.icon.control': 'Управление',
-        'constructor.props.icon.electronic': 'Электроника',
-        'constructor.props.icon.image': 'Изображение',
+        'constructor.props.icon.scenarios': 'Сценарии',
+        'constructor.props.icon.periphery': 'Периферия',
+        'constructor.props.icon.media': 'Медиа',
         'constructor.props.icon.info': 'Информация',
         'constructor.props.icon.network': 'Сеть',
         'constructor.props.icon.power': 'Питание',

package/dist/options.d.ts

@@ -65,6 +65,16 @@ export declare const optionsStore: import("svelte/store").Readable<{
         value: string;
         name: string;
     }[];
+    JUSTIFY_ALIGN_OPTIONS: {
+        id: string;
+        value: string;
+        name: string;
+    }[];
+    ICON_TEXT_POSITION_OPTIONS: {
+        id: string;
+        value: string;
+        name: string;
+    }[];
     HEIGHT_OPTIONS: {
         id: string;
         value: string;

package/dist/options.js

@@ -76,6 +76,17 @@ export const optionsStore = derived(t, ($t) => {
             { id: id(), value: 'center', name: $t('constructor.props.align.center') },
             { id: id(), value: 'right', name: $t('constructor.props.align.right') },
         ],
+        JUSTIFY_ALIGN_OPTIONS: [
+            { id: id(), value: 'justify-start', name: $t('constructor.props.align.left') },
+            { id: id(), value: 'justify-center', name: $t('constructor.props.align.center') },
+            { id: id(), value: 'justify-end', name: $t('constructor.props.align.right') },
+        ],
+        ICON_TEXT_POSITION_OPTIONS: [
+            { id: id(), value: 'flex-row', name: '←' },
+            { id: id(), value: 'flex-col', name: '↑' },
+            { id: id(), value: 'flex-row-reverse', name: '→' },
+            { id: id(), value: 'flex-col-reverse', name: '↓' },
+        ],
         HEIGHT_OPTIONS: [
             { id: id(), value: 'py-1', name: $t('constructor.props.height.small') },
             { id: id(), value: 'py-2', name: $t('constructor.props.height.medium') },

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import type { Component, Snippet } from 'svelte';
+import type { Snippet } from 'svelte';
 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 & {
@@ -7,9 +7,8 @@ export declare const updateProperty: (path: string, value: string | number | boo
 export interface UIComponent {
     id: string;
     name?: string;
-    type: 'Button' | 'Accordion' | 'Input' | 'Select' | 'Switch' | 'ColorPicker' | 'Slider' | 'TextField' | 'ProgressBar' | 'Graph' | 'Table' | 'FileAttach';
-    component: Component<IButtonProps> | Component<IInputProps> | Component<ISelectProps> | Component<ISwitchProps> | Component<IColorPickerProps> | Component<ISliderProps> | Component<ITextFieldProps> | Component<IProgressBarProps> | Component<IGraphProps> | Component<ITableProps<object>> | Component<IFileInputProps> | null;
-    properties: IAccordionProps | IButtonProps | IInputProps | ISelectProps | ISwitchProps | IColorPickerProps | ISliderProps | ITextFieldProps | IProgressBarProps | IGraphProps | ITableProps<object> | IFileInputProps;
+    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;
     position: Position;
     parentId: string;
 }
@@ -227,12 +226,12 @@ export interface ITableHeader<T extends object> {
         onClick?: (row: T) => void;
     }[];
     image?: {
-        src: string | ((row: T) => string);
+        src?: string | ((row: T) => string);
         alt?: string;
         class?: string;
         width?: string;
         height?: string;
-        defaultIcon?: ConstructorOfATypedSvelteComponent;
+        defaultIcon?: ConstructorOfATypedSvelteComponent | string;
     };
 }
 export interface ITableProps<T extends object> {
@@ -256,3 +255,20 @@ export interface ITableProps<T extends object> {
     };
     onClick?: (eventHandler: IUIComponentHandler) => void;
 }
+export interface ITabsProps {
+    id?: string;
+    wrapperClass?: string;
+    size?: {
+        height?: number;
+        width?: number;
+    };
+    activeTab?: number;
+    items: {
+        name?: string;
+        icon?: string;
+        class?: string;
+        children?: Snippet;
+    }[];
+    apiArray?: UIComponent[];
+    Components?: Snippet<[component: UIComponent, fixedHeight: boolean]>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.1.21",
+  "version": "1.2.0",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -9,7 +9,7 @@
     "preview": "vite preview",
     "prepack": "svelte-kit sync && svelte-package && publint",
     "CheckUpdate": "npx npm-check-updates -u && npm install",
-    "UpdateIconsLib": "tsx src/lib/Accordion/IconsLib/iconsLib.ts"
+    "UpdateIconsLib": "tsx src/lib/IconsCatalog/iconsLib.ts"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -33,24 +33,24 @@
   },
   "dependencies": {
     "@sveltejs/adapter-static": "^3.0.10",
-    "@tailwindcss/vite": "^4.1.16",
+    "@tailwindcss/vite": "^4.1.17",
     "prettier": "^3.6.2",
     "prettier-plugin-svelte": "^3.4.0",
     "prettier-plugin-tailwindcss": "^0.7.1",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss": "^4.1.16",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4.1.17",
     "tsx": "^4.20.6",
     "typescript": "^5.9.3"
   },
   "devDependencies": {
-    "@sveltejs/kit": "^2.48.0",
+    "@sveltejs/kit": "^2.48.4",
     "@sveltejs/package": "^2.5.4",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
-    "@types/node": "^24.9.1",
+    "@types/node": "^24.10.0",
     "publint": "^0.3.15",
-    "svelte": "^5.42.2",
+    "svelte": "^5.43.5",
     "svelte-preprocess": "^6.0.3",
-    "vite": "^7.1.12",
+    "vite": "^7.2.2",
     "vite-plugin-compression": "^0.5.1"
   }
 }