fix: refresh problems, display old values

silexlabs · Mar 27, 2024 · 970f56a · 970f56a
1 parent 3580df5
commit 970f56a
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 14 deletions.
diff --git a/src/filters/liquid.ts b/src/filters/liquid.ts
@@ -201,7 +201,7 @@ export default function(editor: DataSourceEditor): Filter[] {
       quotedOptions: ['separator'],
       optionsForm: (field: Field | null, options: Options) => html`
         <label>Separator
-          <input type="text" name="separator" placeholder="Separator" value=${options.separator}/>
+          <input type="text" name="separator" placeholder="Separator" .value=${options.separator}/>
         </label>
     `,
     }, {
@@ -291,7 +291,7 @@ export default function(editor: DataSourceEditor): Filter[] {
       },
       optionsForm: (field: Field | null, options: Options) => html`
         <label>Index
-          <input type="number" name="index" placeholder="Index" value=${options.index}/>
+          <input type="number" name="index" placeholder="Index" .value=${options.index}/>
         </label>
     `,
     }, {
@@ -372,7 +372,7 @@ export default function(editor: DataSourceEditor): Filter[] {
       },
       optionsForm: (field: Field | null, options: Options) => html`
         <label>Value
-          <input type="number" name="value" placeholder="Value" value=${options.value}/>
+          <input type="number" name="value" placeholder="Value" .value=${options.value}/>
         </label>
       `,
     }, {
@@ -387,7 +387,7 @@ export default function(editor: DataSourceEditor): Filter[] {
       },
       optionsForm: (field: Field | null, options: Options) => html`
         <label>Value
-          <input type="number" name="value" placeholder="Value" value=${options.value}/>
+          <input type="number" name="value" placeholder="Value" .value=${options.value}/>
         </label>
       `,
     }, {
@@ -402,7 +402,7 @@ export default function(editor: DataSourceEditor): Filter[] {
       },
       optionsForm: (field: Field | null, options: Options) => html`
         <label>Value
-          <input type="number" name="value" placeholder="Value" value=${options.value}/>
+          <input type="number" name="value" placeholder="Value" .value=${options.value}/>
         </label>
       `,
     }, {
@@ -417,7 +417,7 @@ export default function(editor: DataSourceEditor): Filter[] {
       },
       optionsForm: (field: Field | null, options: Options) => html`
         <label>Value
-          <input type="number" name="value" placeholder="Value" value=${options.value}/>
+          <input type="number" name="value" placeholder="Value" .value=${options.value}/>
         </label>
       `,
     }, {
@@ -434,7 +434,7 @@ export default function(editor: DataSourceEditor): Filter[] {
       },
       optionsForm: (field: Field | null, options: Options) => html`
         <label>Value
-          <input type="number" name="value" placeholder="Value" value=${options.value}/>
+          <input type="number" name="value" placeholder="Value" .value=${options.value}/>
         </label>
       `,
     }, {
@@ -481,7 +481,7 @@ export default function(editor: DataSourceEditor): Filter[] {
       },
       optionsForm: (field: Field | null, options: Options) => html`
         <label>Value
-          <input type="number" name="value" placeholder="Value" value=${options.value}/>
+          <input type="number" name="value" placeholder="Value" .value=${options.value}/>
         </label>
       `,
     }, {
@@ -496,7 +496,7 @@ export default function(editor: DataSourceEditor): Filter[] {
       },
       optionsForm: (field: Field | null, options: Options) => html`
         <label>Value
-          <input type="number" name="value" placeholder="Value" value=${options.value}/>
+          <input type="number" name="value" placeholder="Value" .value=${options.value}/>
         </label>
       `,
     }, {
@@ -573,7 +573,7 @@ export default function(editor: DataSourceEditor): Filter[] {
       },
       optionsForm: (field: Field | null, options: Options) => html`
         <label>Length
-          <input type="number" name="length" placeholder="Length" value=${options.length}/>
+          <input type="number" name="length" placeholder="Length" .value=${options.length}/>
         </label>
       `,
     }, {
@@ -588,7 +588,7 @@ export default function(editor: DataSourceEditor): Filter[] {
       },
       optionsForm: (field: Field | null, options: Options) => html`
         <label>Length
-          <input type="number" name="length" placeholder="Length" value=${options.length}/>
+          <input type="number" name="length" placeholder="Length" .value=${options.length}/>
         </label>
       `,
     },

diff --git a/src/model/token.ts b/src/model/token.ts
@@ -208,7 +208,7 @@ export function optionsToOptionsForm(arr: { name: string, value: unknown }[]): (
     return html`
               ${arr.map((obj) => {
       const value = options[obj.name] ?? obj.value ?? ''
-      return html`<label>${obj.name}</label><input type="text" name=${obj.name} value=${value}>`
+      return html`<label>${obj.name}</label><input type="text" name=${obj.name} .value=${value}>`
     })
       }
           `

diff --git a/src/utils.ts b/src/utils.ts
@@ -142,7 +142,7 @@ export function getFixedToken(value: string): Token {
     },
     optionsForm: () => html`
         <label>Value
-          <input type="text" name="value" value=${value}>
+          <input type="text" name="value" .value=${value}>
         </label>
     `,
   }

diff --git a/src/view/state-editor.ts b/src/view/state-editor.ts
@@ -198,7 +198,7 @@ export class StateEditor extends LitElement {
             type="text"
             class="ds-expression-input__fixed"
             placeholder="Enter a text or switch to expression mode"
-            value=${text}
+            .value=${text}
             />
         </div>
         ${ _currentValue && _currentValue.length > 0 ? html`