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.
- package/dist/control/Color.svelte +2 -2
- package/dist/control/ColorPlus.svelte.d.ts +2 -1
- package/dist/control/CubicBezier.svelte +1 -1
- package/dist/control/File.svelte +2 -2
- package/dist/control/Image.svelte +2 -2
- package/dist/control/Image.svelte.d.ts +6 -11
- package/dist/control/IntervalSlider.svelte +3 -3
- package/dist/control/List.svelte +1 -1
- package/dist/control/Point.svelte +2 -2
- package/dist/control/RotationEuler.svelte +2 -2
- package/dist/control/RotationQuaternion.svelte +2 -2
- package/dist/control/Textarea.svelte.d.ts +6 -6
- package/dist/core/Binding.svelte +1 -1
- package/dist/internal/GenericBinding.svelte +1 -1
- package/dist/internal/InternalPaneDraggable.svelte +2 -2
- package/package.json +23 -24
|
@@ -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,
|
|
@@ -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?:
|
|
85
|
+
options?: pluginModule.ColorPlusInputParams | undefined
|
|
85
86
|
/**
|
|
86
87
|
* Custom color scheme.
|
|
87
88
|
*
|
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
|
|
@@ -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
|
|
@@ -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={
|
|
164
|
-
*
|
|
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
|
|
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;
|
|
@@ -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
|
@@ -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,
|
|
@@ -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,
|
|
@@ -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,
|
|
@@ -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)
|
|
@@ -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.
|
|
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.
|
|
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.
|
|
203
|
-
"nanoid": "^5.1.
|
|
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.
|
|
206
|
+
"tweakpane-plugin-color-plus": "0.1.8"
|
|
207
207
|
},
|
|
208
208
|
"devDependencies": {
|
|
209
|
-
"@kitschpatrol/shared-config": "
|
|
209
|
+
"@kitschpatrol/shared-config": "~5.4.4",
|
|
210
210
|
"@phenomnomnominal/tsquery": "^6.1.3",
|
|
211
|
-
"@playwright/test": "^1.
|
|
211
|
+
"@playwright/test": "^1.56.1",
|
|
212
212
|
"@stkb/rewrap": "^0.1.0",
|
|
213
|
-
"@sveltejs/adapter-static": "^3.0.
|
|
214
|
-
"@sveltejs/kit": "^2.
|
|
215
|
-
"@sveltejs/package": "^2.
|
|
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.
|
|
220
|
-
"bumpp": "^10.
|
|
221
|
-
"eslint": "^9.
|
|
222
|
-
"fs-extra": "^11.3.
|
|
223
|
-
"glob": "^11.0.
|
|
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.
|
|
226
|
-
"publint": "^0.3.
|
|
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.
|
|
229
|
+
"svelte-check": "^4.3.3",
|
|
231
230
|
"svelte-language-server": "0.17.0",
|
|
232
|
-
"svelte2tsx": "^0.7.
|
|
231
|
+
"svelte2tsx": "^0.7.45",
|
|
233
232
|
"ts-morph": "^24.0.0",
|
|
234
233
|
"tslib": "^2.8.1",
|
|
235
|
-
"tsx": "^4.
|
|
234
|
+
"tsx": "^4.20.6",
|
|
236
235
|
"typescript": "~5.8.3",
|
|
237
|
-
"vite": "^5.4.
|
|
238
|
-
"yaml": "^2.8.
|
|
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
|
|
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",
|