poe-svelte-ui-lib 1.0.5 → 1.0.7

package/dist/libIcons/CrossIcon.svelte

@@ -0,0 +1,9 @@
+<script lang="ts"></script>
+
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"
+  ><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"
+    ><path d="M5.47 5.47a.75.75 0 0 1 1.06 0l12 12a.75.75 0 1 1-1.06 1.06l-12-12a.75.75 0 0 1 0-1.06" /><path
+      d="M18.53 5.47a.75.75 0 0 1 0 1.06l-12 12a.75.75 0 0 1-1.06-1.06l12-12a.75.75 0 0 1 1.06 0"
+    /></g
+  ></svg
+>

package/dist/libIcons/CrossIcon.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CrossIcon: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type CrossIcon = InstanceType<typeof CrossIcon>;
+export default CrossIcon;

package/dist/libIcons/IconGripVerticalDual.svelte

@@ -0,0 +1,12 @@
+<!-- appIcons/IconGripVerticalDual.svelte -->
+<script lang="ts"></script>
+
+<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 24 24">
+  <g stroke="currentColor" stroke-linecap="round" stroke-width="1.5" fill="none">
+    <line x1="4" y1="11" x2="4" y2="13" />
+    <line x1="8" y1="9" x2="8" y2="15" />
+    <line x1="12" y1="6" x2="12" y2="18" />
+    <line x1="16" y1="9" x2="16" y2="15" />
+    <line x1="20" y1="11" x2="20" y2="13" />
+  </g>
+</svg>

package/dist/libIcons/IconGripVerticalDual.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const IconGripVerticalDual: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IconGripVerticalDual = InstanceType<typeof IconGripVerticalDual>;
+export default IconGripVerticalDual;

package/dist/libIcons/IconGripVerticalLeft.svelte

@@ -0,0 +1,9 @@
+<script lang="ts"></script>
+
+<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 24 24">
+  <g stroke="currentColor" stroke-linecap="round" stroke-width="1.5" fill="none">
+    <line x1="8" y1="11" x2="8" y2="13" />
+    <line x1="12" y1="9" x2="12" y2="15" />
+    <line x1="16" y1="6" x2="16" y2="18" />
+  </g>
+</svg>

package/dist/libIcons/IconGripVerticalLeft.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const IconGripVerticalLeft: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IconGripVerticalLeft = InstanceType<typeof IconGripVerticalLeft>;
+export default IconGripVerticalLeft;

package/dist/libIcons/IconGripVerticalRight.svelte

@@ -0,0 +1,9 @@
+<script lang="ts"></script>
+
+<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 24 24">
+  <g stroke="currentColor" stroke-linecap="round" stroke-width="1.5" fill="none">
+    <line x1="8" y1="6" x2="8" y2="18" />
+    <line x1="12" y1="9" x2="12" y2="15" />
+    <line x1="16" y1="11" x2="16" y2="13" />
+  </g>
+</svg>

package/dist/libIcons/IconGripVerticalRight.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const IconGripVerticalRight: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IconGripVerticalRight = InstanceType<typeof IconGripVerticalRight>;
+export default IconGripVerticalRight;

package/dist/locales/i18n.d.ts

@@ -0,0 +1,9 @@
+import { type Readable } from 'svelte/store';
+export declare const Language: import("svelte/store").Writable<string>;
+export declare function setLanguage(newLang: string): void;
+export declare const LOCALES: {
+    id: string;
+    name: string;
+    value: string;
+}[];
+export declare const t: Readable<(key: string) => string>;

package/dist/locales/i18n.js

@@ -0,0 +1,33 @@
+import { derived } from 'svelte/store';
+import { writable } from 'svelte/store';
+import translations from './translations';
+/* Язык по умолчанию */
+let initialLanguage = 'ru';
+/* Проверяем, доступен ли localStorage */
+if (typeof window !== 'undefined') {
+    initialLanguage = localStorage.getItem('AppLanguage') || navigator.language?.split('-')[0]?.toLowerCase() || 'ru';
+    const supported = ['ru', 'en', 'zh'];
+    if (!supported.includes(initialLanguage)) {
+        initialLanguage = 'ru';
+    }
+}
+/* Создаем хранилище с начальным значением языка */
+export const Language = writable(initialLanguage);
+/* Функция для изменения языка */
+export function setLanguage(newLang) {
+    if (typeof window !== 'undefined') {
+        localStorage.setItem('AppLanguage', newLang);
+    }
+    Language.set(newLang);
+}
+/* Поддерживаемые языки (код, название языка, флаг) */
+export const LOCALES = [
+    { id: 'app-language-ru', name: 'РУС', value: 'ru' },
+    { id: 'app-language-en', name: 'ENG', value: 'en' },
+    { id: 'app-language-zh', name: '中文', value: 'zh' },
+];
+/* Функция для перевода для текущего языка */
+function translate(locale, key) {
+    return translations[locale]?.[key] || key;
+}
+export const t = derived(Language, ($lang) => (key) => translate($lang, key));

package/dist/locales/translations.d.ts

@@ -0,0 +1,7 @@
+interface Translations {
+    [language: string]: {
+        [key: string]: string;
+    };
+}
+declare const translations: Translations;
+export default translations;

package/dist/locales/translations.js

@@ -0,0 +1,93 @@
+const translations = {
+    ru: {
+        'common.select_tag': 'Сделайте выбор',
+        'debug.baud_rate_data': 'Данные',
+        /* Опции рeдактора свойств */
+        'constructor.props.action.update': 'Обновить',
+        'constructor.props.action.save': 'Сохранить',
+        'constructor.props.action.nosend': 'Без отправки',
+        'constructor.props.action.custom': 'Свой аргумент',
+        'constructor.props.height.small': 'Авто',
+        'constructor.props.height.medium': 'Средняя',
+        'constructor.props.height.large': 'Большая',
+        'constructor.props.align.left': 'Слева',
+        'constructor.props.align.center': 'По центру',
+        'constructor.props.align.right': 'Справа',
+        'constructor.props.type.main': 'Основной',
+        'constructor.props.type.sub': 'Вложенный',
+        'constructor.props.type.text': 'Текст',
+        'constructor.props.type.password': 'Пароль',
+        'constructor.props.type.number': 'Число',
+        'constructor.props.type.textarea': 'Область ',
+        'constructor.props.type.single': 'Простой',
+        'constructor.props.type.range': 'Диапазон',
+        'constructor.props.type.small': 'XS',
+        'constructor.props.type.base': 'S',
+        'constructor.props.type.large': 'M',
+        'constructor.props.type.huge': 'L',
+        'constructor.props.type.massive': 'XL',
+        'constructor.props.type.select': 'Список',
+        'constructor.props.type.buttons': 'Группа кнопок',
+        'constructor.props.type.selectput': 'Список+ввод',
+        'constructor.props.valuetype.text': 'Строка',
+        'constructor.props.valuetype.number': 'Число',
+        /* Общие для редактора свойств */
+        'constructor.props.label': 'Текст надписи',
+        'constructor.props.type': 'Тип',
+        'constructor.props.size': 'Размер',
+        'constructor.props.header': 'Заголовок пакета',
+        'constructor.props.argument': 'Аргумент',
+        'constructor.props.argument.info': 'Пользовтельский аргумент (a-z, A-Z, 0-9, -_!)',
+        'constructor.props.variables': 'Перечень переменных',
+        'constructor.props.variables.info': 'Поле для ввода имён переменных, разделенных пробелами',
+        'constructor.props.value': 'Значение',
+        'constructor.props.value.info': 'Поле для ввода Value пакета',
+        'constructor.props.align': 'Выравнивание',
+        'constructor.props.image': 'Фоновое изображение',
+        'constructor.props.removeimage': 'Удалить изображение',
+        'constructor.props.name': 'Текст',
+        'constructor.props.height': 'Высота',
+        'constructor.props.colors': 'Цвет фона',
+        'constructor.props.maxlenght': 'Максимальная длина',
+        'constructor.props.regexp': 'Выражение валидации',
+        'constructor.props.regexp.info': 'Введите RegExp без /.../ (например: ^\\d+$)',
+        'constructor.props.minnum': 'Минимальное значение',
+        'constructor.props.maxnum': 'Максимальное значение',
+        'constructor.props.step': 'Шаг',
+        'constructor.props.rows': 'Количество строк',
+        'constructor.props.placeholder': 'Заполнитель',
+        'constructor.props.info': 'Подсказка',
+        'constructor.props.disabled': 'Отключить',
+        'constructor.props.readonly': 'Только для чтения',
+        'constructor.props.variable': 'Имя переменной',
+        'constructor.props.widthMode': 'Ширина кнопок',
+        'constructor.props.options.title': 'Опции компонента',
+        'constructor.props.valuetype': 'Тип значения',
+        'constructor.props.action': 'Действие при переключении',
+        'constructor.props.caption.left': 'Надпись слева',
+        'constructor.props.caption.right': 'Надпись справа',
+        'constructor.props.bold': 'Жирный',
+        'constructor.props.italic': 'Курсив',
+        'constructor.props.background': 'Фон',
+        'constructor.props.min': 'Минимальное значение',
+        'constructor.props.max': 'Максимальное значение',
+        'constructor.props.units': 'Единица измерения',
+        'constructor.props.optionclass': 'Стили кнопки',
+        'constructor.props.optionvalue': 'Значение',
+        'constructor.props.optionname': 'Текст',
+        'constructor.props.copy': 'Копирование',
+        'constructor.props.table.columns': 'Колонки таблицы',
+        'constructor.props.table.columns.key': 'Имя ключа',
+        'constructor.props.table.columns.label': 'Название',
+        'constructor.props.table.columns.width': 'Ширина',
+        'constructor.props.table.columns.sortable': 'Сортировка',
+        'constructor.props.table.deletecolumn': 'Удалить колонку',
+        'constructor.props.table.deletebutton': 'Удалить кнопку',
+        'constructor.props.table.addaction': 'Добавить кнопку',
+        'constructor.props.table.keys': 'Перечень ключей',
+        'constructor.props.table.keys.info': 'Ключи таблицы, значения которых будут возвращаться',
+    },
+    en: {},
+    zh: {},
+};
+export default translations;

package/dist/options.d.ts

@@ -3,53 +3,45 @@ export declare const optionsStore: import("svelte/store").Readable<{
         id: string;
         name: string;
         value: string;
-        class: string;
     }[];
     SHORT_ARGUMENT_OPTION: {
         id: string;
         value: string;
-        name: any;
-        class: string;
+        name: string;
     }[];
     FULL_ARGUMENT_OPTION: {
         id: string;
         value: string;
-        name: any;
-        class: string;
+        name: string;
     }[];
     INPUT_TYPE_OPTIONS: {
         id: string;
         value: string;
-        name: any;
+        name: string;
     }[];
     SELECT_TYPE_OPTIONS: {
         id: string;
         value: string;
-        name: any;
-        class: string;
+        name: string;
     }[];
     SELECT_VALUE_TYPE_OPTIONS: ({
         id: string;
         value: "text";
-        name: any;
-        class: string;
+        name: string;
     } | {
         id: string;
         value: "number";
-        name: any;
-        class: string;
+        name: string;
     })[];
     SLIDER_TYPE_OPTIONS: {
         id: string;
         value: string;
-        name: any;
-        class: string;
+        name: string;
     }[];
     TEXTFIELD_SIZE_OPTIONS: {
         id: string;
         value: string;
-        name: any;
-        class: string;
+        name: string;
     }[];
     COLOR_OPTIONS: {
         id: string;
@@ -57,22 +49,25 @@ export declare const optionsStore: import("svelte/store").Readable<{
         value: string;
         class: string;
     }[];
-    ALIGN_OPTIONS: {
+    TEXT_COLOR_OPTIONS: {
         id: string;
+        name: string;
         value: string;
-        name: any;
         class: string;
     }[];
+    ALIGN_OPTIONS: {
+        id: string;
+        value: string;
+        name: string;
+    }[];
     HEIGHT_OPTIONS: {
         id: string;
         value: string;
-        name: any;
-        class: string;
+        name: string;
     }[];
     ACCORDION_TYPE_OPTIONS: {
         id: string;
-        value: string;
-        name: any;
-        class: string;
+        value: boolean;
+        name: string;
     }[];
 }>;

package/dist/options.js

@@ -7,20 +7,20 @@ function id() {
 export const optionsStore = derived(t, ($t) => {
     return {
         HEADER_OPTIONS: [
-            { id: id(), name: 'GET', value: 'GET', class: '!w-1/4' },
-            { id: id(), name: 'SET', value: 'SET', class: '!w-1/4' },
-            { id: id(), name: 'OK!', value: 'OK!', class: '!w-1/4' },
-            { id: id(), name: 'ER!', value: 'ER!', class: '!w-1/4' },
+            { id: id(), name: 'GET', value: 'GET' },
+            { id: id(), name: 'SET', value: 'SET' },
+            { id: id(), name: 'OK!', value: 'OK!' },
+            { id: id(), name: 'ER!', value: 'ER!' },
         ],
         SHORT_ARGUMENT_OPTION: [
-            { id: id(), value: 'NoSave', name: $t('constructor.props.action.update'), class: '!w-1/3' },
-            { id: id(), value: 'Save', name: $t('constructor.props.action.save'), class: '!w-1/3' },
-            { id: id(), value: 'NoSend', name: $t('constructor.props.action.nosend'), class: '!w-1/3' },
+            { id: id(), value: 'NoSave', name: $t('constructor.props.action.update') },
+            { id: id(), value: 'Save', name: $t('constructor.props.action.save') },
+            { id: id(), value: 'NoSend', name: $t('constructor.props.action.nosend') },
         ],
         FULL_ARGUMENT_OPTION: [
-            { id: id(), value: 'NoSave', name: $t('constructor.props.action.update'), class: '!w-1/3' },
-            { id: id(), value: 'Save', name: $t('constructor.props.action.save'), class: '!w-1/3' },
-            { id: id(), value: '', name: $t('constructor.props.action.custom'), class: '!w-1/3' },
+            { id: id(), value: 'NoSave', name: $t('constructor.props.action.update') },
+            { id: id(), value: 'Save', name: $t('constructor.props.action.save') },
+            { id: id(), value: '', name: $t('constructor.props.action.custom') },
         ],
         INPUT_TYPE_OPTIONS: [
             { id: id(), value: 'text', name: $t('constructor.props.type.text') },
@@ -29,43 +29,54 @@ export const optionsStore = derived(t, ($t) => {
             { id: id(), value: 'text-area', name: $t('constructor.props.type.textarea') },
         ],
         SELECT_TYPE_OPTIONS: [
-            { id: id(), value: 'select', name: $t('constructor.props.type.select'), class: '!w-1/2' },
-            { id: id(), value: 'buttons', name: $t('constructor.props.type.buttons'), class: '!w-1/2' },
+            { id: id(), value: 'select', name: $t('constructor.props.type.select') },
+            { id: id(), value: 'buttons', name: $t('constructor.props.type.buttons') },
+            { id: id(), value: 'input', name: $t('constructor.props.type.selectput') },
         ],
         SELECT_VALUE_TYPE_OPTIONS: [
-            { id: id(), value: 'text', name: $t('constructor.props.valuetype.text'), class: '!w-1/2' },
-            { id: id(), value: 'number', name: $t('constructor.props.valuetype.number'), class: '!w-1/2' },
+            { id: id(), value: 'text', name: $t('constructor.props.valuetype.text') },
+            { id: id(), value: 'number', name: $t('constructor.props.valuetype.number') },
         ],
         SLIDER_TYPE_OPTIONS: [
-            { id: id(), value: 'single', name: $t('constructor.props.type.single'), class: '!w-1/2' },
-            { id: id(), value: 'range', name: $t('constructor.props.type.range'), class: '!w-1/2' },
+            { id: id(), value: 'single', name: $t('constructor.props.type.single') },
+            { id: id(), value: 'range', name: $t('constructor.props.type.range') },
         ],
         TEXTFIELD_SIZE_OPTIONS: [
-            { id: id(), value: 'small', name: $t('constructor.props.type.small'), class: '!w-1/3' },
-            { id: id(), value: 'medium', name: $t('constructor.props.type.medium'), class: '!w-1/3' },
-            { id: id(), value: 'xlarge', name: $t('constructor.props.type.xlarge'), class: '!w-1/3' },
+            { id: id(), value: 'small', name: $t('constructor.props.type.small') },
+            { id: id(), value: 'base', name: $t('constructor.props.type.base') },
+            { id: id(), value: 'large', name: $t('constructor.props.type.large') },
+            { id: id(), value: 'huge', name: $t('constructor.props.type.huge') },
+            { id: id(), value: 'massive', name: $t('constructor.props.type.massive') },
         ],
         COLOR_OPTIONS: [
-            { id: id(), name: '', value: 'bg-gray', class: '!w-1/6 bg-gray' },
-            { id: id(), name: '', value: 'bg-max', class: '!w-1/6 bg-max' },
-            { id: id(), name: '', value: 'bg-red', class: '!w-1/6 bg-red' },
-            { id: id(), name: '', value: 'bg-yellow', class: '!w-1/6 bg-yellow' },
-            { id: id(), name: '', value: 'bg-green', class: '!w-1/6 bg-green' },
-            { id: id(), name: '', value: 'bg-blue', class: '!w-1/6 bg-blue' },
+            { id: id(), name: '', value: 'bg-gray', class: 'bg-gray' },
+            { id: id(), name: '', value: 'bg-max', class: 'bg-max' },
+            { id: id(), name: '', value: 'bg-red', class: 'bg-red' },
+            { id: id(), name: '', value: 'bg-yellow', class: 'bg-yellow' },
+            { id: id(), name: '', value: 'bg-green', class: 'bg-green' },
+            { id: id(), name: '', value: 'bg-blue', class: 'bg-blue' },
+        ],
+        TEXT_COLOR_OPTIONS: [
+            { id: id(), name: '', value: 'text-[#333] dark:text-[#e2e3e7]', class: 'bg-[var(--shadow-color)] dark:bg-[#e2e3e7] ' },
+            { id: id(), name: '', value: 'text-red-500 dark:text-red-400', class: 'bg-red-500 dark:bg-red-400' },
+            { id: id(), name: '', value: 'text-yellow-500 dark:text-yellow-400', class: 'bg-yellow-500 dark:bg-yellow-400' },
+            { id: id(), name: '', value: 'text-green-500 dark:text-green-400', class: 'bg-green-500 dark:bg-green-400' },
+            { id: id(), name: '', value: 'text-blue-500 dark:text-blue-400', class: 'bg-blue-500 dark:bg-blue-400' },
+            { id: id(), name: '', value: 'text-gray-500 dark:text-gray-400', class: 'bg-gray-500 dark:bg-gray-400' },
         ],
         ALIGN_OPTIONS: [
-            { id: id(), value: 'text-left', name: $t('constructor.props.align.left'), class: '!w-1/3' },
-            { id: id(), value: 'text-center', name: $t('constructor.props.align.center'), class: '!w-1/3' },
-            { id: id(), value: 'text-right', name: $t('constructor.props.align.right'), class: '!w-1/3' },
+            { id: id(), value: 'text-left', name: $t('constructor.props.align.left') },
+            { id: id(), value: 'text-center', name: $t('constructor.props.align.center') },
+            { id: id(), value: 'text-right', name: $t('constructor.props.align.right') },
         ],
         HEIGHT_OPTIONS: [
-            { id: id(), value: 'py-1', name: $t('constructor.props.height.small'), class: '!w-1/3' },
-            { id: id(), value: 'py-2', name: $t('constructor.props.height.medium'), class: '!w-1/3' },
-            { id: id(), value: 'py-3', name: $t('constructor.props.height.large'), class: '!w-1/3' },
+            { id: id(), value: 'py-1', name: $t('constructor.props.height.small') },
+            { id: id(), value: 'py-2', name: $t('constructor.props.height.medium') },
+            { id: id(), value: 'py-3', name: $t('constructor.props.height.large') },
         ],
         ACCORDION_TYPE_OPTIONS: [
-            { id: id(), value: 'main', name: $t('constructor.props.type.main'), class: '!w-1/2' },
-            { id: id(), value: 'sub', name: $t('constructor.props.type.sub'), class: '!w-1/2' },
+            { id: id(), value: false, name: $t('constructor.props.type.main') },
+            { id: id(), value: true, name: $t('constructor.props.type.sub') },
         ],
     };
 });