svelte-tweakpane-ui 1.5.8 → 1.5.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/control/Color.svelte +2 -8
  2. package/dist/control/CubicBezier.svelte +1 -1
  3. package/dist/control/File.svelte +2 -2
  4. package/dist/control/Image.svelte +2 -2
  5. package/dist/control/Image.svelte.d.ts +6 -11
  6. package/dist/control/IntervalSlider.svelte +3 -3
  7. package/dist/control/List.svelte +1 -1
  8. package/dist/control/Point.svelte +2 -2
  9. package/dist/control/RotationEuler.svelte +2 -2
  10. package/dist/control/RotationQuaternion.svelte +2 -2
  11. package/dist/core/Binding.svelte +1 -1
  12. package/dist/internal/GenericBinding.svelte +1 -1
  13. package/dist/internal/InternalPaneDraggable.svelte +2 -2
  14. package/package.json +15 -15
package/dist/control/Color.svelte CHANGED
@@ -64,14 +64,8 @@
64
64
  console.error('Unreachable color type mismatch')
65
65
  }
66
66
  }
67
- function addListeners() {
68
- ref.on('change', () => {
69
- ref.refresh()
70
- })
71
- }
72
- $: value, updateInternalValueFromValue()
73
- $: internalValue, updateValueFromInternalValue()
74
- $: ref !== void 0 && addListeners()
67
+ $: (value, updateInternalValueFromValue())
68
+ $: (internalValue, updateValueFromInternalValue())
75
69
  $: options = {
76
70
  color: {
77
71
  type,
package/dist/control/CubicBezier.svelte CHANGED
@@ -64,7 +64,7 @@
64
64
  view: 'cubicbezier',
65
65
  }
66
66
  $: cubicBezierBlade && addEvent()
67
- $: value, cubicBezierBlade && setValue()
67
+ $: (value, cubicBezierBlade && setValue())
68
68
  </script>
69
69
 
70
70
  <GenericBladeFolding
package/dist/control/File.svelte CHANGED
@@ -35,8 +35,8 @@
35
35
  lineCount: rows,
36
36
  view: 'file-input',
37
37
  }
38
- $: value, updateInternalValueFromValue()
39
- $: internalValue, updateValueFromInternalValue()
38
+ $: (value, updateInternalValueFromValue())
39
+ $: (internalValue, updateValueFromInternalValue())
40
40
  </script>
41
41
 
42
42
  <GenericInput
package/dist/control/Image.svelte CHANGED
@@ -41,8 +41,8 @@
41
41
  imageFit: fit,
42
42
  view: 'input-image',
43
43
  }
44
- $: value, updateInternalValueFromValue()
45
- $: internalValue, updateValueFromInternalValue()
44
+ $: (value, updateInternalValueFromValue())
45
+ $: (internalValue, updateValueFromInternalValue())
46
46
  </script>
47
47
 
48
48
  <GenericInput
package/dist/control/Image.svelte.d.ts CHANGED
@@ -148,28 +148,22 @@ export type ImageSlots = typeof __propDef.slots
148
148
  * import { Button, Image, type ImageValue } from '..'
149
149
  *
150
150
  * let source: ImageValue
151
- *
152
- * async function getRandomKittenUrl() {
153
- * const { url } = await fetch('https://loremflickr.com/800/800/kitten', {
154
- * method: 'HEAD',
155
- * redirect: 'follow',
156
- * })
157
- * return url
158
- * }
159
151
  * </script>
160
152
  *
161
153
  * <Image bind:value={source} fit="contain" label="Image" />
162
154
  * <Button
163
- * on:click={async () => {
164
- * source = await getRandomKittenUrl()
155
+ * on:click={() => {
156
+ * const randomIndex = Math.floor(Math.random() * 1000)
157
+ * source = `https://static.photos/textures/640x360/${randomIndex}`
165
158
  * }}
166
159
  * label="Random Placeholder"
167
- * title="Load Kitten"
160
+ * title="Load Placeholder"
168
161
  * />
169
162
  *
170
163
  * <div class="demo">
171
164
  * {#if source === undefined}
172
165
  * <p>Tap “No Image” above to load an image from disk.</p>
166
+ * <p>Or tap "Load Placeholder" to show a random image from the web.</p>
173
167
  * {:else if typeof source === 'string'}
174
168
  * <img alt="" src={source} />
175
169
  * {/if}
@@ -178,6 +172,7 @@ export type ImageSlots = typeof __propDef.slots
178
172
  * <style>
179
173
  * div.demo {
180
174
  * display: flex;
175
+ * flex-direction: column;
181
176
  * align-items: center;
182
177
  * justify-content: center;
183
178
  * aspect-ratio: 1;
package/dist/control/IntervalSlider.svelte CHANGED
@@ -43,10 +43,10 @@
43
43
  }
44
44
  }
45
45
  $: ref && wide !== void 0 && updateWide(wide)
46
- $: value, updateInternalValueFromValue()
47
- $: internalValue, updateValueFromInternalValue()
46
+ $: (value, updateInternalValueFromValue())
47
+ $: (internalValue, updateValueFromInternalValue())
48
48
  $: meanValue = (internalValue.min + internalValue.max) / 2
49
- $: meanValue, updateValueFromMean()
49
+ $: (meanValue, updateValueFromMean())
50
50
  </script>
51
51
 
52
52
  <GenericSlider
package/dist/control/List.svelte CHANGED
@@ -74,7 +74,7 @@
74
74
  view: 'list',
75
75
  }
76
76
  $: listBlade && addEvent()
77
- $: value, listBlade && setValue()
77
+ $: (value, listBlade && setValue())
78
78
  </script>
79
79
 
80
80
  <Blade bind:ref={listBlade} options={bladeOptions} {...$$restProps} />
package/dist/control/Point.svelte CHANGED
@@ -51,8 +51,8 @@
51
51
  value = { ...internalValue }
52
52
  }
53
53
  }
54
- $: value, updateInternalValueFromValue()
55
- $: internalValue, updateValueFromInternalValue()
54
+ $: (value, updateInternalValueFromValue())
55
+ $: (internalValue, updateValueFromInternalValue())
56
56
  $: options = {
57
57
  x: optionsX,
58
58
  y: optionsY,
package/dist/control/RotationEuler.svelte CHANGED
@@ -36,8 +36,8 @@
36
36
  value = { ...internalValue }
37
37
  }
38
38
  }
39
- $: value, updateInternalValueFromValue()
40
- $: internalValue, updateValueFromInternalValue()
39
+ $: (value, updateInternalValueFromValue())
40
+ $: (internalValue, updateValueFromInternalValue())
41
41
  $: options = {
42
42
  x: optionsX,
43
43
  y: optionsY,
package/dist/control/RotationQuaternion.svelte CHANGED
@@ -35,8 +35,8 @@
35
35
  value = { ...internalValue }
36
36
  }
37
37
  }
38
- $: value, updateInternalValueFromValue()
39
- $: internalValue, updateValueFromInternalValue()
38
+ $: (value, updateInternalValueFromValue())
39
+ $: (internalValue, updateValueFromInternalValue())
40
40
  $: options = {
41
41
  x: optionsX,
42
42
  y: optionsY,
package/dist/core/Binding.svelte CHANGED
@@ -88,7 +88,7 @@
88
88
  object[key] = safeCopy(object[key])
89
89
  }
90
90
  $: DEV && enforceReadonly(_ref, ref, 'Binding', 'ref', true)
91
- $: options, $parentStore !== void 0 && index !== void 0 && create()
91
+ $: (options, $parentStore !== void 0 && index !== void 0 && create())
92
92
  $: _ref !== void 0 && (_ref.disabled = disabled)
93
93
  $: _ref !== void 0 && (_ref.label = label)
94
94
  $: $parentStore !== void 0 && onBoundValueChange(object)
package/dist/internal/GenericBinding.svelte CHANGED
@@ -19,7 +19,7 @@
19
19
  }
20
20
  $: object = { [key]: getValue() }
21
21
  $: value = object[key]
22
- $: value, setValue()
22
+ $: (value, setValue())
23
23
  </script>
24
24
 
25
25
  <Binding bind:object bind:ref on:change {key} {options} {...$$restProps} />
package/dist/internal/InternalPaneDraggable.svelte CHANGED
@@ -306,8 +306,8 @@
306
306
  }
307
307
  }
308
308
  $: maxAvailablePanelWidth = Math.min(maxWidth ?? 600, documentWidth - (x ?? 0))
309
- $: localStoreId, storePositionLocally && addStorageId()
310
- $: localStoreId, !storePositionLocally && removeStorageId()
309
+ $: (localStoreId, storePositionLocally && addStorageId())
310
+ $: (localStoreId, !storePositionLocally && removeStorageId())
311
311
  $: localStoreId !== `${localStorePrefix}${localStoreId}` && updateLocalStoreId(localStoreId)
312
312
  $: storePositionLocally &&
313
313
  localStoreId !== void 0 &&
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "svelte-tweakpane-ui",
3
- "version": "1.5.8",
3
+ "version": "1.5.10",
4
4
  "description": "A Svelte component library wrapping UI elements from Tweakpane, plus some additional functionality for convenience and flexibility.",
5
5
  "keywords": [
6
6
  "components",
@@ -186,7 +186,7 @@
186
186
  "@kitschpatrol/tweakpane-plugin-camerakit": "0.3.1-beta.3",
187
187
  "@kitschpatrol/tweakpane-plugin-essentials": "0.2.2-beta.3",
188
188
  "@kitschpatrol/tweakpane-plugin-file-import": "1.1.2-beta.2",
189
- "@kitschpatrol/tweakpane-plugin-image": "2.0.1-beta.6",
189
+ "@kitschpatrol/tweakpane-plugin-image": "2.0.1-beta.8",
190
190
  "@kitschpatrol/tweakpane-plugin-inputs": "1.0.4-beta.5",
191
191
  "@kitschpatrol/tweakpane-plugin-profiler": "0.4.2-beta.3",
192
192
  "@kitschpatrol/tweakpane-plugin-rotation": "0.2.1-beta.2",
@@ -201,35 +201,35 @@
201
201
  "tweakpane": "4.0.5"
202
202
  },
203
203
  "devDependencies": {
204
- "@kitschpatrol/shared-config": "^5.4.2",
204
+ "@kitschpatrol/shared-config": "~5.4.4",
205
205
  "@phenomnomnominal/tsquery": "^6.1.3",
206
- "@playwright/test": "^1.52.0",
206
+ "@playwright/test": "^1.53.1",
207
207
  "@stkb/rewrap": "^0.1.0",
208
208
  "@sveltejs/adapter-static": "^3.0.8",
209
- "@sveltejs/kit": "^2.21.1",
210
- "@sveltejs/package": "^2.3.11",
209
+ "@sveltejs/kit": "^2.22.2",
210
+ "@sveltejs/package": "^2.3.12",
211
211
  "@sveltejs/vite-plugin-svelte": "^3.1.2",
212
212
  "@types/eslint": "^8.56.12",
213
213
  "@types/fs-extra": "^11.0.4",
214
- "@types/node": "^18.19.103",
215
- "bumpp": "^10.1.1",
216
- "eslint": "^9.27.0",
214
+ "@types/node": "^18.19.113",
215
+ "bumpp": "^10.2.0",
216
+ "eslint": "^9.30.0",
217
217
  "fs-extra": "^11.3.0",
218
- "glob": "^11.0.2",
218
+ "glob": "^11.0.3",
219
219
  "postcss-html": "^1.8.0",
220
- "prettier": "^3.5.3",
220
+ "prettier": "^3.6.2",
221
221
  "publint": "^0.3.12",
222
222
  "read-package-up": "^11.0.0",
223
223
  "remark-mdat": "^1.0.4",
224
224
  "svelte": "^4.2.20",
225
- "svelte-check": "^4.2.1",
225
+ "svelte-check": "^4.2.2",
226
226
  "svelte-language-server": "0.17.0",
227
- "svelte2tsx": "^0.7.39",
227
+ "svelte2tsx": "^0.7.40",
228
228
  "ts-morph": "^24.0.0",
229
229
  "tslib": "^2.8.1",
230
- "tsx": "^4.19.4",
230
+ "tsx": "^4.20.3",
231
231
  "typescript": "~5.8.3",
232
- "vite": "^5.4.19",
232
+ "vite": "^5.4.20",
233
233
  "yaml": "^2.8.0"
234
234
  },
235
235
  "peerDependencies": {