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

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 (16) 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/control/Textarea.svelte.d.ts +6 -6
  13. package/dist/core/Binding.svelte +1 -1
  14. package/dist/internal/GenericBinding.svelte +1 -1
  15. package/dist/internal/InternalPaneDraggable.svelte +2 -2
  16. package/package.json +23 -24
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/control/Textarea.svelte.d.ts CHANGED
@@ -5,16 +5,16 @@ import type { TextareaPluginInputParams } from '@kitschpatrol/tweakpane-plugin-t
5
5
  import { type GenericInputRef } from '../internal/GenericInput.svelte'
6
6
  declare const __propDef: {
7
7
  props: {
8
- /**
9
- * A `string` value to control.
10
- * @bindable
11
- * */
12
- value: string
13
8
  /**
14
9
  * Whether to provide live updates to the bound `value` on every keystroke.
15
10
  * @default `true`
16
- * */
11
+ */
17
12
  live?: boolean
13
+ /**
14
+ * A `string` value to control.
15
+ * @bindable
16
+ */
17
+ value: string
18
18
  /**
19
19
  * Placeholder text to display when the `value` is empty.
20
20
  * @default `'Enter text here'`
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.3",
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",
@@ -199,43 +199,42 @@
199
199
  "@tweakpane/core": "2.0.5",
200
200
  "esm-env": "^1.2.2",
201
201
  "fast-copy": "^3.0.2",
202
- "fast-equals": "^5.2.2",
203
- "nanoid": "^5.1.5",
202
+ "fast-equals": "^5.3.2",
203
+ "nanoid": "^5.1.6",
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.8"
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.56.1",
212
212
  "@stkb/rewrap": "^0.1.0",
213
- "@sveltejs/adapter-static": "^3.0.8",
214
- "@sveltejs/kit": "^2.21.1",
215
- "@sveltejs/package": "^2.3.11",
213
+ "@sveltejs/adapter-static": "^3.0.10",
214
+ "@sveltejs/kit": "^2.48.4",
215
+ "@sveltejs/package": "^2.5.4",
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",
222
- "fs-extra": "^11.3.0",
223
- "glob": "^11.0.2",
219
+ "@types/node": "^18.19.130",
220
+ "bumpp": "^10.3.1",
221
+ "eslint": "^9.39.1",
222
+ "fs-extra": "^11.3.2",
223
+ "glob": "^11.0.3",
224
224
  "postcss-html": "^1.8.0",
225
- "prettier": "^3.5.3",
226
- "publint": "^0.3.12",
225
+ "prettier": "^3.6.2",
226
+ "publint": "^0.3.15",
227
227
  "read-package-up": "^11.0.0",
228
- "remark-mdat": "^1.0.4",
229
228
  "svelte": "^4.2.20",
230
- "svelte-check": "^4.2.1",
229
+ "svelte-check": "^4.3.3",
231
230
  "svelte-language-server": "0.17.0",
232
- "svelte2tsx": "^0.7.39",
231
+ "svelte2tsx": "^0.7.45",
233
232
  "ts-morph": "^24.0.0",
234
233
  "tslib": "^2.8.1",
235
- "tsx": "^4.19.4",
234
+ "tsx": "^4.20.6",
236
235
  "typescript": "~5.8.3",
237
- "vite": "^5.4.19",
238
- "yaml": "^2.8.0"
236
+ "vite": "^5.4.21",
237
+ "yaml": "^2.8.1"
239
238
  },
240
239
  "peerDependencies": {
241
240
  "svelte": "^4.0.0 || ^5.0.0"
@@ -273,7 +272,7 @@
273
272
  "kit-examples": "tsx ./scripts/generate-kit-examples.ts",
274
273
  "kit-preview": "vite preview",
275
274
  "lint": "kpi lint && svelte-check --tsconfig ./tsconfig.build.json",
276
- "release": "pnpm run build && bumpp --preid preview --commit 'Release: %s' && pnpm publish --tag preview --ignore-scripts --otp $(op read 'op://Personal/Npmjs/one-time password?attribute=otp')",
275
+ "release": "pnpm run build && bumpp --preid preview --commit 'Release: %s' && NPM_AUTH_TOKEN=$(op read 'op://Personal/npm/token') && pnpm publish --tag preview --ignore-scripts",
277
276
  "rewrap": "rewrap -i --column 100 `find src \\( -name '*.svelte' -o -name '*.ts' -o -name '*.html' \\) -type f | grep -v src/examples`",
278
277
  "test": "pnpm run --sequential /^test:/",
279
278
  "test:integration": "playwright test",