poe-svelte-ui-lib 1.2.23 → 1.2.24

package/dist/Select/Select.svelte

@@ -21,6 +21,7 @@
     type = 'select',
     value = $bindable(),
     bitMode = false,
+    range = { start: 0, end: 31 },
     options = [],
     onUpdate,
   }: ISelectProps<T> = $props()

package/dist/Select/SelectProps.svelte

@@ -46,10 +46,8 @@
 
   let currentType = $derived($optionsStore.SELECT_TYPE_OPTIONS.find((t) => t.value === component.properties.type))
 
-  let range = $state({ start: 0, end: 0 })
-
-  const generateBitOptions = () => {
-    const bitsNeeded = range.end - range.start + 1
+  const generateBitOptions = (start: number, end: number) => {
+    const bitsNeeded = end - start + 1
     const count = Math.pow(2, bitsNeeded)
 
     const options: ISelectOption<number>[] = []
@@ -59,7 +57,7 @@
 
       options.push({
         id: crypto.randomUUID(),
-        value: parseInt(binary, 2) << range.start,
+        value: parseInt(binary, 2) << start,
         name: binary,
         class: 'bg-max',
       })
@@ -136,10 +134,10 @@
         <div class="flex w-full gap-4">
           <UI.Input
             label={{ name: $t('constructor.props.range.start') }}
-            value={range.start}
+            value={component.properties.range.start}
             onUpdate={(value) => {
-              range.start = value as number
-              generateBitOptions()
+              updateProperty('range.start', value as number, component, onPropertyChange)
+              generateBitOptions(component.properties.range.start, component.properties.range.end)
             }}
             number={{ minNum: 0, maxNum: 31, step: 1 }}
             help={{ info: $t('constructor.props.range.start.help') }}
@@ -147,10 +145,10 @@
           />
           <UI.Input
             label={{ name: $t('constructor.props.range.end') }}
-            value={range.end}
+            value={component.properties.range.end}
             onUpdate={(value) => {
-              range.end = value as number
-              generateBitOptions()
+              updateProperty('range.end', value as number, component, onPropertyChange)
+              generateBitOptions(component.properties.range.start, component.properties.range.end)
             }}
             number={{ minNum: 0, maxNum: 31, step: 1 }}
             help={{ info: $t('constructor.props.range.end.help') }}
@@ -187,7 +185,7 @@
             else option.value = option.value !== undefined ? String(option.value) : ''
           })
           updateProperty('options', options, component, onPropertyChange)
-          if (value) generateBitOptions()
+          if (value) generateBitOptions(component.properties.range.start, component.properties.range.end)
         }}
       />
     </div>

package/dist/types.d.ts

@@ -107,6 +107,10 @@ export interface ISelectProps<T = unknown> {
     value?: ISelectOption<T> | null;
     options?: ISelectOption<T>[];
     bitMode?: boolean;
+    range?: {
+        start: number;
+        end: number;
+    };
     eventHandler?: IUIComponentHandler;
     onUpdate?: (value: ISelectOption<T>) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.2.23",
+  "version": "1.2.24",
   "license": "MIT",
   "type": "module",
   "scripts": {