poe-svelte-ui-lib 1.0.1 → 1.0.4

package/dist/index.d.ts

@@ -1,26 +1,15 @@
 export { default as Accordion } from './Accordion/Accordion.svelte';
-export { default as AccordionProps } from './Accordion/AccordionProps.svelte';
 export { default as Button } from './Button/Button.svelte';
-export { default as ButtonProps } from './Button/ButtonProps.svelte';
 export { default as ColorPicker } from './ColorPicker/ColorPicker.svelte';
-export { default as ColorPickerProps } from './ColorPicker/ColorPickerProps.svelte';
 export { default as FileAttach } from './FileAttach/FileAttach.svelte';
 export { default as Graph } from './Graph/Graph.svelte';
-export { default as GraphProps } from './Graph/GraphProps.svelte';
 export { default as Input } from './Input/Input.svelte';
-export { default as InputProps } from './Input/InputProps.svelte';
 export { default as ProgressBar } from './ProgressBar/ProgressBar.svelte';
-export { default as ProgressBarProps } from './ProgressBar/ProgressBarProps.svelte';
 export { default as Select } from './Select/Select.svelte';
-export { default as SelectProps } from './Select/SelectProps.svelte';
 export { default as Slider } from './Slider/Slider.svelte';
-export { default as SliderProps } from './Slider/SliderProps.svelte';
 export { default as Switch } from './Switch/Switch.svelte';
-export { default as SwitchProps } from './Switch/SwitchProps.svelte';
 export { default as Table } from './Table/Table.svelte';
-export { default as TableProps } from './Table/TableProps.svelte';
 export { default as TextField } from './TextField/TextField.svelte';
-export { default as TextFieldProps } from './TextField/TextFieldProps.svelte';
 export { default as Loader } from './Loader.svelte';
 export { default as MessageModal } from './MessageModal.svelte';
 export { type UIComponent, type Position, type IUIComponentHandler, type IButtonProps, type IAccordionProps, type IInputProps, type ISelectProps, type ISelectOption, type ISwitchProps, type IColorPickerProps, type ISliderProps, type ITextFieldProps, type IProgressBarProps, type IGraphProps, type IGraphDataObject, type ITableHeader, type ITableProps, } from './types';

package/dist/index.js

@@ -1,27 +1,16 @@
 /* Реэкспорт всех UI компонентов для удобного импорта */
 export { default as Accordion } from './Accordion/Accordion.svelte';
-export { default as AccordionProps } from './Accordion/AccordionProps.svelte';
 export { default as Button } from './Button/Button.svelte';
-export { default as ButtonProps } from './Button/ButtonProps.svelte';
 export { default as ColorPicker } from './ColorPicker/ColorPicker.svelte';
-export { default as ColorPickerProps } from './ColorPicker/ColorPickerProps.svelte';
 export { default as FileAttach } from './FileAttach/FileAttach.svelte';
 export { default as Graph } from './Graph/Graph.svelte';
-export { default as GraphProps } from './Graph/GraphProps.svelte';
 export { default as Input } from './Input/Input.svelte';
-export { default as InputProps } from './Input/InputProps.svelte';
 export { default as ProgressBar } from './ProgressBar/ProgressBar.svelte';
-export { default as ProgressBarProps } from './ProgressBar/ProgressBarProps.svelte';
 export { default as Select } from './Select/Select.svelte';
-export { default as SelectProps } from './Select/SelectProps.svelte';
 export { default as Slider } from './Slider/Slider.svelte';
-export { default as SliderProps } from './Slider/SliderProps.svelte';
 export { default as Switch } from './Switch/Switch.svelte';
-export { default as SwitchProps } from './Switch/SwitchProps.svelte';
 export { default as Table } from './Table/Table.svelte';
-export { default as TableProps } from './Table/TableProps.svelte';
 export { default as TextField } from './TextField/TextField.svelte';
-export { default as TextFieldProps } from './TextField/TextFieldProps.svelte';
 export { default as Loader } from './Loader.svelte';
 export { default as MessageModal } from './MessageModal.svelte';
 export {} from './types';

package/dist/{appIcons → libIcons}/ButtonAdd.svelte

@@ -1,10 +1,10 @@
-<script lang="ts"></script>
-
-<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"
-  ><path fill="currentColor" d="M12.75 9a.75.75 0 0 0-1.5 0v2.25H9a.75.75 0 0 0 0 1.5h2.25V15a.75.75 0 0 0 1.5 0v-2.25H15a.75.75 0 0 0 0-1.5h-2.25z" /><path
-    fill="currentColor"
-    fill-rule="evenodd"
-    d="M12.057 1.25h-.114c-2.309 0-4.118 0-5.53.19c-1.444.194-2.584.6-3.479 1.494c-.895.895-1.3 2.035-1.494 3.48c-.19 1.411-.19 3.22-.19 5.529v.114c0 2.309 0 4.118.19 5.53c.194 1.444.6 2.584 1.494 3.479c.895.895 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19h.114c2.309 0 4.118 0 5.53-.19c1.444-.194 2.584-.6 3.479-1.494c.895-.895 1.3-2.035 1.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309 0-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19M3.995 3.995c.57-.57 1.34-.897 2.619-1.069c1.3-.174 3.008-.176 5.386-.176s4.086.002 5.386.176c1.279.172 2.05.5 2.62 1.069c.569.57.896 1.34 1.068 2.619c.174 1.3.176 3.008.176 5.386s-.002 4.086-.176 5.386c-.172 1.279-.5 2.05-1.069 2.62c-.57.569-1.34.896-2.619 1.068c-1.3.174-3.008.176-5.386.176s-4.086-.002-5.386-.176c-1.279-.172-2.05-.5-2.62-1.069c-.569-.57-.896-1.34-1.068-2.619c-.174-1.3-.176-3.008-.176-5.386s.002-4.086.176-5.386c.172-1.279.5-2.05 1.069-2.62"
-    clip-rule="evenodd"
-  /></svg
->
+<script lang="ts"></script>
+
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"
+  ><path fill="currentColor" d="M12.75 9a.75.75 0 0 0-1.5 0v2.25H9a.75.75 0 0 0 0 1.5h2.25V15a.75.75 0 0 0 1.5 0v-2.25H15a.75.75 0 0 0 0-1.5h-2.25z" /><path
+    fill="currentColor"
+    fill-rule="evenodd"
+    d="M12.057 1.25h-.114c-2.309 0-4.118 0-5.53.19c-1.444.194-2.584.6-3.479 1.494c-.895.895-1.3 2.035-1.494 3.48c-.19 1.411-.19 3.22-.19 5.529v.114c0 2.309 0 4.118.19 5.53c.194 1.444.6 2.584 1.494 3.479c.895.895 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19h.114c2.309 0 4.118 0 5.53-.19c1.444-.194 2.584-.6 3.479-1.494c.895-.895 1.3-2.035 1.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309 0-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19M3.995 3.995c.57-.57 1.34-.897 2.619-1.069c1.3-.174 3.008-.176 5.386-.176s4.086.002 5.386.176c1.279.172 2.05.5 2.62 1.069c.569.57.896 1.34 1.068 2.619c.174 1.3.176 3.008.176 5.386s-.002 4.086-.176 5.386c-.172 1.279-.5 2.05-1.069 2.62c-.57.569-1.34.896-2.619 1.068c-1.3.174-3.008.176-5.386.176s-4.086-.002-5.386-.176c-1.279-.172-2.05-.5-2.62-1.069c-.569-.57-.896-1.34-1.068-2.619c-.174-1.3-.176-3.008-.176-5.386s.002-4.086.176-5.386c.172-1.279.5-2.05 1.069-2.62"
+    clip-rule="evenodd"
+  /></svg
+>

package/dist/{appIcons → libIcons}/ButtonDelete.svelte

@@ -1,13 +1,13 @@
-<script lang="ts"></script>
-
-<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"
-  ><path
-    fill="none"
-    stroke="currentColor"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    stroke-width="1.5"
-    d="m19.5 5.5l-.62 10.025c-.158 2.561-.237 3.842-.88 4.763a4 4 0 0 1-1.2 1.128c-.957.584-2.24.584-4.806.584c-2.57 0-3.855 0-4.814-.585a4 4 0 0 1-1.2-1.13c-.642-.922-.72-2.205-.874-4.77L4.5 5.5M3 5.5h18m-4.944 0l-.683-1.408c-.453-.936-.68-1.403-1.071-1.695a2 2 0 0 0-.275-.172C13.594 2 13.074 2 12.035 2c-1.066 0-1.599 0-2.04.234a2 2 0 0 0-.278.18c-.395.303-.616.788-1.058 1.757L8.053 5.5m1.447 11v-6m5 6v-6"
-    color="currentColor"
-  /></svg
->
+<script lang="ts"></script>
+
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"
+  ><path
+    fill="none"
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="1.5"
+    d="m19.5 5.5l-.62 10.025c-.158 2.561-.237 3.842-.88 4.763a4 4 0 0 1-1.2 1.128c-.957.584-2.24.584-4.806.584c-2.57 0-3.855 0-4.814-.585a4 4 0 0 1-1.2-1.13c-.642-.922-.72-2.205-.874-4.77L4.5 5.5M3 5.5h18m-4.944 0l-.683-1.408c-.453-.936-.68-1.403-1.071-1.695a2 2 0 0 0-.275-.172C13.594 2 13.074 2 12.035 2c-1.066 0-1.599 0-2.04.234a2 2 0 0 0-.278.18c-.395.303-.616.788-1.058 1.757L8.053 5.5m1.447 11v-6m5 6v-6"
+    color="currentColor"
+  /></svg
+>

package/dist/{appIcons → libIcons}/LoaderRotate.svelte

@@ -1,9 +1,9 @@
-<script lang="ts"></script>
-
-<svg xmlns="http://www.w3.org/2000/svg" width="5em" height="5em" viewBox="0 0 24 24" class="opacity-70"
-  ><path fill="currentColor" d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z" opacity=".4" /><path
-    fill="currentColor"
-    d="M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z"
-    ><animateTransform attributeName="transform" dur="0.8s" from="0 12 12" repeatCount="indefinite" to="360 12 12" type="rotate" /></path
-  ></svg
->
+<script lang="ts"></script>
+
+<svg xmlns="http://www.w3.org/2000/svg" width="5em" height="5em" viewBox="0 0 24 24" class="opacity-70"
+  ><path fill="currentColor" d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z" opacity=".4" /><path
+    fill="currentColor"
+    d="M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z"
+    ><animateTransform attributeName="transform" dur="0.8s" from="0 12 12" repeatCount="indefinite" to="360 12 12" type="rotate" /></path
+  ></svg
+>

package/dist/options.d.ts

@@ -8,47 +8,47 @@ export declare const optionsStore: import("svelte/store").Readable<{
     SHORT_ARGUMENT_OPTION: {
         id: string;
         value: string;
-        name: string;
+        name: any;
         class: string;
     }[];
     FULL_ARGUMENT_OPTION: {
         id: string;
         value: string;
-        name: string;
+        name: any;
         class: string;
     }[];
     INPUT_TYPE_OPTIONS: {
         id: string;
         value: string;
-        name: string;
+        name: any;
     }[];
     SELECT_TYPE_OPTIONS: {
         id: string;
         value: string;
-        name: string;
+        name: any;
         class: string;
     }[];
     SELECT_VALUE_TYPE_OPTIONS: ({
         id: string;
         value: "text";
-        name: string;
+        name: any;
         class: string;
     } | {
         id: string;
         value: "number";
-        name: string;
+        name: any;
         class: string;
     })[];
     SLIDER_TYPE_OPTIONS: {
         id: string;
         value: string;
-        name: string;
+        name: any;
         class: string;
     }[];
     TEXTFIELD_SIZE_OPTIONS: {
         id: string;
         value: string;
-        name: string;
+        name: any;
         class: string;
     }[];
     COLOR_OPTIONS: {
@@ -60,19 +60,19 @@ export declare const optionsStore: import("svelte/store").Readable<{
     ALIGN_OPTIONS: {
         id: string;
         value: string;
-        name: string;
+        name: any;
         class: string;
     }[];
     HEIGHT_OPTIONS: {
         id: string;
         value: string;
-        name: string;
+        name: any;
         class: string;
     }[];
     ACCORDION_TYPE_OPTIONS: {
         id: string;
         value: string;
-        name: string;
+        name: any;
         class: string;
     }[];
 }>;

package/dist/options.js

@@ -13,37 +13,37 @@ export const optionsStore = derived(t, ($t) => {
             { id: id(), name: 'ER!', value: 'ER!', class: '!w-1/4' },
         ],
         SHORT_ARGUMENT_OPTION: [
-            { id: id(), value: 'NoSave', name: $t('service.constructor.props.action.update'), class: '!w-1/3' },
-            { id: id(), value: 'Save', name: $t('service.constructor.props.action.save'), class: '!w-1/3' },
-            { id: id(), value: 'NoSend', name: $t('service.constructor.props.action.nosend'), class: '!w-1/3' },
+            { 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' },
         ],
         FULL_ARGUMENT_OPTION: [
-            { id: id(), value: 'NoSave', name: $t('service.constructor.props.action.update'), class: '!w-1/3' },
-            { id: id(), value: 'Save', name: $t('service.constructor.props.action.save'), class: '!w-1/3' },
-            { id: id(), value: '', name: $t('service.constructor.props.action.custom'), class: '!w-1/3' },
+            { 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' },
         ],
         INPUT_TYPE_OPTIONS: [
-            { id: id(), value: 'text', name: $t('service.constructor.props.type.text') },
-            { id: id(), value: 'password', name: $t('service.constructor.props.type.password') },
-            { id: id(), value: 'number', name: $t('service.constructor.props.type.number') },
-            { id: id(), value: 'text-area', name: $t('service.constructor.props.type.textarea') },
+            { id: id(), value: 'text', name: $t('constructor.props.type.text') },
+            { id: id(), value: 'password', name: $t('constructor.props.type.password') },
+            { id: id(), value: 'number', name: $t('constructor.props.type.number') },
+            { id: id(), value: 'text-area', name: $t('constructor.props.type.textarea') },
         ],
         SELECT_TYPE_OPTIONS: [
-            { id: id(), value: 'select', name: $t('service.constructor.props.type.select'), class: '!w-1/2' },
-            { id: id(), value: 'buttons', name: $t('service.constructor.props.type.buttons'), class: '!w-1/2' },
+            { 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' },
         ],
         SELECT_VALUE_TYPE_OPTIONS: [
-            { id: id(), value: 'text', name: $t('service.constructor.props.valuetype.text'), class: '!w-1/2' },
-            { id: id(), value: 'number', name: $t('service.constructor.props.valuetype.number'), class: '!w-1/2' },
+            { 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' },
         ],
         SLIDER_TYPE_OPTIONS: [
-            { id: id(), value: 'single', name: $t('service.constructor.props.type.single'), class: '!w-1/2' },
-            { id: id(), value: 'range', name: $t('service.constructor.props.type.range'), class: '!w-1/2' },
+            { 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' },
         ],
         TEXTFIELD_SIZE_OPTIONS: [
-            { id: id(), value: 'small', name: $t('service.constructor.props.type.small'), class: '!w-1/3' },
-            { id: id(), value: 'medium', name: $t('service.constructor.props.type.medium'), class: '!w-1/3' },
-            { id: id(), value: 'xlarge', name: $t('service.constructor.props.type.xlarge'), class: '!w-1/3' },
+            { 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' },
         ],
         COLOR_OPTIONS: [
             { id: id(), name: '', value: 'bg-gray', class: '!w-1/6 bg-gray' },
@@ -54,18 +54,18 @@ export const optionsStore = derived(t, ($t) => {
             { id: id(), name: '', value: 'bg-blue', class: '!w-1/6 bg-blue' },
         ],
         ALIGN_OPTIONS: [
-            { id: id(), value: 'text-left', name: $t('service.constructor.props.align.left'), class: '!w-1/3' },
-            { id: id(), value: 'text-center', name: $t('service.constructor.props.align.center'), class: '!w-1/3' },
-            { id: id(), value: 'text-right', name: $t('service.constructor.props.align.right'), class: '!w-1/3' },
+            { 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' },
         ],
         HEIGHT_OPTIONS: [
-            { id: id(), value: 'py-1', name: $t('service.constructor.props.height.small'), class: '!w-1/3' },
-            { id: id(), value: 'py-2', name: $t('service.constructor.props.height.medium'), class: '!w-1/3' },
-            { id: id(), value: 'py-3', name: $t('service.constructor.props.height.large'), class: '!w-1/3' },
+            { 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' },
         ],
         ACCORDION_TYPE_OPTIONS: [
-            { id: id(), value: 'main', name: $t('service.constructor.props.type.main'), class: '!w-1/2' },
-            { id: id(), value: 'sub', name: $t('service.constructor.props.type.sub'), class: '!w-1/2' },
+            { 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' },
         ],
     };
 });

package/dist/types.d.ts

@@ -271,7 +271,7 @@ export interface ITableProps<T extends object> {
     };
     tableHeader: ITableHeader<T>[];
     tableBody: T[];
-    showInfo?: boolean;
+    info?: string;
     cursor?: string | null;
     loader?: Writable<boolean>;
     getData?: () => void;

package/package.json

@@ -1,47 +1,48 @@
-{
-  "name": "poe-svelte-ui-lib",
-  "version": "1.0.1",
-  "license": "MIT", 
-  "type": "module",
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build",
-    "package": "svelte-package && publint",
-    "prepack": "svelte-kit sync && npm run package",
-    "CheckUpdate": "npx npm-check-updates -u && npm install"
-  },
-  "svelte": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "keywords": [
-    "svelte",
-    "ui",
-    "components",
-    "runes"
-  ],
-  "peerDependencies": {
-    "svelte": "^5.0.0"
-  },
-  "dependencies": {
-    "@sveltejs/adapter-auto": "^6.1.0",
-    "@tailwindcss/vite": "^4.1.13",
-    "tailwindcss": "^4.1.13",
-    "typescript": "^5.9.2"
-  },
-  "devDependencies": {
-    "@sveltejs/kit": "^2.43.5",
-    "@sveltejs/package": "^2.5.4",
-    "@sveltejs/vite-plugin-svelte": "^6.2.1",
-    "svelte": "^5.39.6",
-    "svelte-preprocess": "^6.0.3",
-    "vite": "^7.1.7"
-  }
-}
+{
+  "name": "poe-svelte-ui-lib",
+  "version": "1.0.4",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "prepack": "svelte-kit sync && svelte-package && publint",
+    "CheckUpdate": "npx npm-check-updates -u && npm install"
+  },
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "svelte",
+    "ui",
+    "components",
+    "runes"
+  ],
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "dependencies": {
+    "@sveltejs/adapter-static": "^3.0.10",
+    "@tailwindcss/vite": "^4.1.14",
+    "tailwindcss": "^4.1.14",
+    "typescript": "^5.9.3"
+  },
+  "devDependencies": {
+    "@sveltejs/kit": "^2.43.7",
+    "@sveltejs/package": "^2.5.4",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
+    "publint": "^0.3.13",
+    "svelte": "^5.39.8",
+    "svelte-preprocess": "^6.0.3",
+    "vite": "^7.1.9"
+  }
+}

package/dist/Accordion/AccordionProps.svelte

@@ -1,70 +0,0 @@
-<!-- $lib/ElementsUI/AccordionProps.svelte -->
-<script lang="ts">
-  import { t } from '../locales/i18n'
-  import type { IAccordionProps, UIComponent } from '../types'
-  import * as UI from '../index'
-  import { optionsStore } from '../options'
-
-  const { component, onPropertyChange } = $props<{
-    component: UIComponent & { properties: Partial<IAccordionProps> }
-    onPropertyChange: (value: string | object) => void
-  }>()
-
-  let currentType = $derived($optionsStore.ACCORDION_TYPE_OPTIONS.find((t) => t.value === component.properties.type))
-
-  /* Обновление свойства */
-  const updateProperty = (path: string, value: string | object) => {
-    const newProperties = JSON.parse(JSON.stringify(component.properties))
-    const parts = path.split('.')
-    let obj = newProperties
-
-    for (let i = 0; i < parts.length - 1; i++) {
-      const part = parts[i]
-      if (!obj[part]) obj[part] = {}
-      obj = obj[part]
-    }
-
-    obj[parts[parts.length - 1]] = value
-    onPropertyChange(newProperties)
-  }
-
-  const handleImageUpload = (event: Event) => {
-    const input = event.target as HTMLInputElement
-    if (!input.files || input.files.length === 0) return
-
-    const file = input.files[0]
-    const reader = new FileReader()
-    reader.onload = (e) => {
-      const base64String = e.target?.result as string
-      updateProperty('image', base64String)
-    }
-    reader.readAsDataURL(file)
-  }
-</script>
-
-{#if component && component.properties}
-  <div class="flex items-center justify-center gap-8">
-    <UI.Input
-      label={{ name: $t('service.constructor.props.label') }}
-      wrapperClass="!w-1/3"
-      value={component.properties.label.name}
-      onUpdate={(value) => updateProperty('label.name', value as string)}
-      type="text"
-    />
-    <UI.Select
-      wrapperClass="!w-1/3"
-      label={{ name: $t('service.constructor.props.type') }}
-      type="buttons"
-      value={currentType}
-      options={$optionsStore.ACCORDION_TYPE_OPTIONS}
-      onUpdate={(item) => updateProperty('type', item.value as string)}
-    />
-    <UI.FileAttach
-      type="image"
-      label={{ name: $t('service.constructor.props.image') }}
-      accept="image/png, image/jpeg, image/webp"
-      onChange={handleImageUpload}
-    />
-    <UI.Button name={$t('service.constructor.props.removeimage')} wrapperClass="!w-auto" componentClass="px-4" onClick={() => updateProperty('image', '')} />
-  </div>
-{/if}

package/dist/Accordion/AccordionProps.svelte.d.ts

@@ -1,10 +0,0 @@
-import type { IAccordionProps, UIComponent } from '../types';
-type $$ComponentProps = {
-    component: UIComponent & {
-        properties: Partial<IAccordionProps>;
-    };
-    onPropertyChange: (value: string | object) => void;
-};
-declare const AccordionProps: import("svelte").Component<$$ComponentProps, {}, "">;
-type AccordionProps = ReturnType<typeof AccordionProps>;
-export default AccordionProps;