svelte-tweakpane-ui 1.5.14 → 1.5.16

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.
@@ -6,8 +6,7 @@
6
6
  import { createEventDispatcher } from 'svelte'
7
7
  import Blade from '../core/Blade.svelte'
8
8
  import ClsPad from '../internal/ClsPad.svelte'
9
- import { fillWith } from '../utils.js'
10
- import { getGridDimensions } from '../utils.js'
9
+ import { fillWith, getGridDimensions } from '../utils.js'
11
10
  export let columns = void 0
12
11
  export let rows = void 0
13
12
  export let buttons = []
@@ -1,24 +1,7 @@
1
1
  import { SvelteComponent } from 'svelte'
2
2
  export type PanePosition = 'draggable' | 'fixed' | 'inline'
3
3
  declare const __propDef: {
4
- props: {
5
- /**
6
- * Pane mode, one of three options:
7
- * - **'draggable'** *(default)* \
8
- * The pane is draggable and resizable, and may be placed anywhere over the page.
9
- * - **'inline'** \
10
- * The pane appears inline with other content in the normal flow of the document. \
11
- * This is the default mode for components created outside of an explicit `<Pane>`
12
- * component.*
13
- * - **'fixed'** \
14
- * Standard Tweakpane behavior where the pane is shown in a fixed position over the page.
15
- *
16
- * Note that `<Pane>` is a dynamic component, and availability of additional props will
17
- * vary depending on the defined `position` value.
18
- * @default `'draggable'`
19
- */
20
- position?: PanePosition
21
- } & (
4
+ props: (
22
5
  | (Omit<
23
6
  {
24
7
  /**
@@ -432,7 +415,24 @@ declare const __propDef: {
432
415
  */
433
416
  position?: 'draggable' | undefined
434
417
  })
435
- )
418
+ ) & {
419
+ /**
420
+ * Pane mode, one of three options:
421
+ * - **'draggable'** *(default)* \
422
+ * The pane is draggable and resizable, and may be placed anywhere over the page.
423
+ * - **'inline'** \
424
+ * The pane appears inline with other content in the normal flow of the document. \
425
+ * This is the default mode for components created outside of an explicit `<Pane>`
426
+ * component.*
427
+ * - **'fixed'** \
428
+ * Standard Tweakpane behavior where the pane is shown in a fixed position over the page.
429
+ *
430
+ * Note that `<Pane>` is a dynamic component, and availability of additional props will
431
+ * vary depending on the defined `position` value.
432
+ * @default `'draggable'`
433
+ */
434
+ position?: PanePosition
435
+ }
436
436
  events: {
437
437
  [evt: string]: CustomEvent<any>
438
438
  }
@@ -348,6 +348,7 @@
348
348
  on:pointerdown|capture={() => {
349
349
  zIndexLocal = ++zIndexGlobal
350
350
  }}
351
+ role="group"
351
352
  class="draggable-container"
352
353
  class:not-collapsable={!userExpandable}
353
354
  class:not-resizable={!resizable}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "svelte-tweakpane-ui",
3
- "version": "1.5.14",
3
+ "version": "1.5.16",
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",
@@ -31,6 +31,7 @@
31
31
  "email": "eric@ericmika.com",
32
32
  "url": "https://ericmika.com"
33
33
  },
34
+ "sideEffects": false,
34
35
  "type": "module",
35
36
  "exports": {
36
37
  ".": {
@@ -196,76 +197,61 @@
196
197
  "esm-env": "^1.2.2",
197
198
  "fast-copy": "^4.0.2",
198
199
  "fast-equals": "^6.0.0",
199
- "nanoid": "^5.1.6",
200
+ "nanoid": "^5.1.7",
200
201
  "svelte-persisted-store": "0.12.0",
201
202
  "tweakpane": "4.0.5"
202
203
  },
203
204
  "devDependencies": {
204
- "@kitschpatrol/shared-config": "^5.13.0",
205
- "@phenomnomnominal/tsquery": "^6.1.4",
206
- "@playwright/test": "^1.58.1",
205
+ "@kitschpatrol/shared-config": "^7.2.0",
206
+ "@phenomnomnominal/tsquery": "^6.2.0",
207
+ "@playwright/test": "^1.59.1",
207
208
  "@stkb/rewrap": "^0.1.0",
208
209
  "@sveltejs/adapter-static": "^3.0.10",
209
- "@sveltejs/kit": "^2.50.2",
210
+ "@sveltejs/kit": "^2.57.0",
210
211
  "@sveltejs/package": "^2.5.7",
211
212
  "@sveltejs/vite-plugin-svelte": "^3.1.2",
212
- "@types/eslint": "^8.56.12",
213
- "@types/node": "^20.19.30",
214
- "bumpp": "^10.4.0",
215
- "glob": "^13.0.0",
216
- "node-addon-api": "^8.5.0",
213
+ "@types/node": "^20.19.39",
214
+ "bumpp": "^11.0.1",
215
+ "execa": "^9.6.1",
216
+ "glob": "^13.0.6",
217
+ "node-addon-api": "^8.7.0",
217
218
  "node-gyp": "^12.2.0",
218
219
  "postcss-html": "^1.8.1",
219
- "publint": "^0.3.17",
220
+ "pretty-ms": "^9.3.0",
221
+ "publint": "^0.3.18",
220
222
  "read-package-up": "^12.0.0",
221
223
  "svelte": "^4.2.20",
222
- "svelte-check": "^4.3.6",
223
- "svelte-language-server": "^0.17.25",
224
- "svelte2tsx": "^0.7.47",
224
+ "svelte-check": "^4.4.6",
225
+ "svelte-language-server": "^0.17.30",
226
+ "svelte2tsx": "^0.7.53",
225
227
  "ts-morph": "^27.0.2",
226
228
  "tslib": "^2.8.1",
227
229
  "tsx": "^4.21.0",
228
230
  "typescript": "~5.9.3",
229
231
  "vite": "^5.4.21",
230
- "yaml": "^2.8.2"
232
+ "yaml": "^2.8.3"
231
233
  },
232
234
  "peerDependencies": {
233
235
  "svelte": "^4.0.0 || ^5.0.0"
234
236
  },
237
+ "devEngines": {
238
+ "runtime": {
239
+ "name": "node",
240
+ "version": ">=22.18.0"
241
+ }
242
+ },
235
243
  "scripts": {
236
- "build": "pnpm run --sequential /^build:/",
237
- "build:01-sync": "pnpm run check && pnpm run docs-sync",
238
- "build:02-exports": "tsx ./scripts/generate-exports.ts",
239
- "build:03-add-source-links": "tsx ./scripts/add-source-links.ts",
240
- "build:04-format": "pnpm run format",
241
- "build:05-package": "svelte-package && publint",
242
- "build:06-heal-dts-comments": "tsx ./scripts/heal-dts-comments.ts",
243
- "build:07-strip-component-documentation": "tsx ./scripts/strip-component-documentation.ts",
244
- "build:08-format-library": "prettier --ignore-path --plugin prettier-plugin-svelte --write ./dist",
245
- "build:09-doc-data": "tsx ./scripts/generate-documentation-data.ts",
246
- "build:10-examples-to-kit": "tsx ./scripts/generate-kit-examples.ts",
247
- "build:11-examples-to-docs": "tsx ./scripts/generate-example-components.ts",
248
- "build:12-acknowledgments-data": "mkdir -p ./docs/src/content/acknowledgments && pnpm licenses list --json > ./docs/src/content/acknowledgments/acknowledgments-lib.json",
249
- "build:13-build-docs": "pnpm run docs-build",
250
- "build:14-build-kit": "pnpm run kit-build",
251
- "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.build.json",
252
- "check-watch": "svelte-kit sync && svelte-check --ignore ./scratch --tsconfig ./tsconfig.build.json --watch",
244
+ "build": "tsx ./scripts/build.ts",
253
245
  "clean": "rm pnpm-lock.yaml ; git clean -fdX",
254
- "docs-build": "pnpm -C ./docs run build",
255
246
  "docs-dev": "pnpm -C ./docs run dev",
256
247
  "docs-preview": "pnpm -C ./docs run preview",
257
- "docs-sync": "pnpm -C ./docs run sync",
258
- "fix": "ksc fix",
259
- "format": "ksc-mdat fix ; ksc-eslint fix ; ksc-prettier fix ; tsx ./scripts/format-embedded-code.ts",
260
- "kit-build": "pnpm run kit-examples && vite build",
248
+ "fix": "ksc fix --skip repo",
261
249
  "kit-dev": " pnpm run kit-examples && vite dev",
262
- "kit-examples": "tsx ./scripts/generate-kit-examples.ts",
263
250
  "kit-preview": "vite preview",
264
- "lint": "ksc lint && svelte-check --tsconfig ./tsconfig.build.json",
251
+ "lint": "ksc lint --skip repo && svelte-kit sync && svelte-check --tsconfig ./tsconfig.build.json",
265
252
  "release": "pnpm run build && bumpp --commit 'Release: %s' && NPM_AUTH_TOKEN=$(op read 'op://Personal/npm/token') && pnpm publish --ignore-scripts",
266
253
  "rewrap": "rewrap -i --column 100 `find src \\( -name '*.svelte' -o -name '*.ts' -o -name '*.html' \\) -type f | grep -v src/examples`",
267
254
  "test": "pnpm run --sequential /^test:/",
268
- "test:integration": "playwright test",
269
- "type-check": "tsc --noEmit"
255
+ "test:integration": "playwright test"
270
256
  }
271
257
  }
package/readme.md CHANGED
@@ -1,5 +1,3 @@
1
- <!--+ Warning: Content inside HTML comment blocks was generated by mdat and may be overwritten. +-->
2
-
3
1
  <!-- title -->
4
2
 
5
3
  # svelte-tweakpane-ui
@@ -11,7 +9,7 @@
11
9
  <img alt="Svelte Tweakpane UI Banner" src="./assets/banner-light.webp">
12
10
  </picture>
13
11
 
14
- <!-- badges {
12
+ <!-- badges ({
15
13
  custom: {
16
14
  MadeWithSvelte: {
17
15
  image: "https://madewithsvelte.com/storage/repo-shields/4860-shield.svg",
@@ -23,10 +21,11 @@
23
21
  link: "https://kitschpatrol.com/svelte-tweakpane-ui",
24
22
  }
25
23
  }
26
- } -->
24
+ }) -->
27
25
 
28
26
  [![NPM Package svelte-tweakpane-ui](https://img.shields.io/npm/v/svelte-tweakpane-ui.svg)](https://npmjs.com/package/svelte-tweakpane-ui)
29
27
  [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
28
+ [![CI](https://github.com/kitschpatrol/svelte-tweakpane-ui/actions/workflows/ci.yml/badge.svg)](https://github.com/kitschpatrol/svelte-tweakpane-ui/actions/workflows/ci.yml)
30
29
  [![MadeWithSvelte](https://madewithsvelte.com/storage/repo-shields/4860-shield.svg)](https://madewithsvelte.com/p/svelte-tweakpane-ui/shield-link)
31
30
  [![Documentation](https://img.shields.io/badge/-Documentation-ffdd00?logo=readthedocs&logoColor=222222)](https://kitschpatrol.com/svelte-tweakpane-ui)
32
31