svelte-tweakpane-ui 1.6.0-preview.1 → 1.6.0-preview.2

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 (15) hide show
  1. package/dist/control/Color.svelte +2 -2
  2. package/dist/control/ColorPlus.svelte.d.ts +2 -1
  3. package/dist/control/CubicBezier.svelte +1 -1
  4. package/dist/control/File.svelte +2 -2
  5. package/dist/control/Image.svelte +2 -2
  6. package/dist/control/Image.svelte.d.ts +6 -11
  7. package/dist/control/IntervalSlider.svelte +3 -3
  8. package/dist/control/List.svelte +1 -1
  9. package/dist/control/Point.svelte +2 -2
  10. package/dist/control/RotationEuler.svelte +2 -2
  11. package/dist/control/RotationQuaternion.svelte +2 -2
  12. package/dist/core/Binding.svelte +1 -1
  13. package/dist/internal/GenericBinding.svelte +1 -1
  14. package/dist/internal/InternalPaneDraggable.svelte +2 -2
  15. package/package.json +16 -16
package/dist/control/Color.svelte CHANGED
@@ -64,8 +64,8 @@
64
64
  console.error('Unreachable color type mismatch')
65
65
  }
66
66
  }
67
- $: value, updateInternalValueFromValue()
68
- $: internalValue, updateValueFromInternalValue()
67
+ $: (value, updateInternalValueFromValue())
68
+ $: (internalValue, updateValueFromInternalValue())
69
69
  $: options = {
70
70
  color: {
71
71
  type,
package/dist/control/ColorPlus.svelte.d.ts CHANGED
@@ -3,6 +3,7 @@ import type { ValueChangeEvent } from '../utils.js'
3
3
  import type { ColorPlusValue } from 'tweakpane-plugin-color-plus/lite'
4
4
  export type { ColorPlusValue } from 'tweakpane-plugin-color-plus/lite'
5
5
  export type ColorPlusChangeEvent = ValueChangeEvent<ColorPlusValue>
6
+ import * as pluginModule from 'tweakpane-plugin-color-plus/lite'
6
7
  declare const __propDef: {
7
8
  props: {
8
9
  /**
@@ -81,7 +82,7 @@ declare const __propDef: {
81
82
  * Tweakpane UI_.
82
83
  * @default `undefined`
83
84
  */
84
- options?: any
85
+ options?: pluginModule.ColorPlusInputParams | undefined
85
86
  /**
86
87
  * Custom color scheme.
87
88
  *
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.6.0-preview.1",
3
+ "version": "1.6.0-preview.2",
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",
@@ -190,7 +190,7 @@
190
190
  "@kitschpatrol/tweakpane-plugin-camerakit": "0.3.1-beta.3",
191
191
  "@kitschpatrol/tweakpane-plugin-essentials": "0.2.2-beta.3",
192
192
  "@kitschpatrol/tweakpane-plugin-file-import": "1.1.2-beta.2",
193
- "@kitschpatrol/tweakpane-plugin-image": "2.0.1-beta.6",
193
+ "@kitschpatrol/tweakpane-plugin-image": "2.0.1-beta.8",
194
194
  "@kitschpatrol/tweakpane-plugin-inputs": "1.0.4-beta.5",
195
195
  "@kitschpatrol/tweakpane-plugin-profiler": "0.4.2-beta.3",
196
196
  "@kitschpatrol/tweakpane-plugin-rotation": "0.2.1-beta.2",
@@ -203,38 +203,38 @@
203
203
  "nanoid": "^5.1.5",
204
204
  "svelte-persisted-store": "0.12.0",
205
205
  "tweakpane": "4.0.5",
206
- "tweakpane-plugin-color-plus": "0.1.6"
206
+ "tweakpane-plugin-color-plus": "0.1.7"
207
207
  },
208
208
  "devDependencies": {
209
- "@kitschpatrol/shared-config": "^5.4.2",
209
+ "@kitschpatrol/shared-config": "~5.4.4",
210
210
  "@phenomnomnominal/tsquery": "^6.1.3",
211
- "@playwright/test": "^1.52.0",
211
+ "@playwright/test": "^1.53.1",
212
212
  "@stkb/rewrap": "^0.1.0",
213
213
  "@sveltejs/adapter-static": "^3.0.8",
214
- "@sveltejs/kit": "^2.21.1",
215
- "@sveltejs/package": "^2.3.11",
214
+ "@sveltejs/kit": "^2.22.2",
215
+ "@sveltejs/package": "^2.3.12",
216
216
  "@sveltejs/vite-plugin-svelte": "^3.1.2",
217
217
  "@types/eslint": "^8.56.12",
218
218
  "@types/fs-extra": "^11.0.4",
219
- "@types/node": "^18.19.103",
220
- "bumpp": "^10.1.1",
221
- "eslint": "^9.27.0",
219
+ "@types/node": "^18.19.113",
220
+ "bumpp": "^10.2.0",
221
+ "eslint": "^9.30.0",
222
222
  "fs-extra": "^11.3.0",
223
- "glob": "^11.0.2",
223
+ "glob": "^11.0.3",
224
224
  "postcss-html": "^1.8.0",
225
- "prettier": "^3.5.3",
225
+ "prettier": "^3.6.2",
226
226
  "publint": "^0.3.12",
227
227
  "read-package-up": "^11.0.0",
228
228
  "remark-mdat": "^1.0.4",
229
229
  "svelte": "^4.2.20",
230
- "svelte-check": "^4.2.1",
230
+ "svelte-check": "^4.2.2",
231
231
  "svelte-language-server": "0.17.0",
232
- "svelte2tsx": "^0.7.39",
232
+ "svelte2tsx": "^0.7.40",
233
233
  "ts-morph": "^24.0.0",
234
234
  "tslib": "^2.8.1",
235
- "tsx": "^4.19.4",
235
+ "tsx": "^4.20.3",
236
236
  "typescript": "~5.8.3",
237
- "vite": "^5.4.19",
237
+ "vite": "^5.4.20",
238
238
  "yaml": "^2.8.0"
239
239
  },
240
240
  "peerDependencies": {