bits-ui 0.15.0 → 0.16.0

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 (12) hide show
  1. package/dist/bits/alert-dialog/components/alert-dialog-content.svelte +20 -0
  2. package/dist/bits/alert-dialog/components/alert-dialog-content.svelte.d.ts +4 -0
  3. package/dist/bits/alert-dialog/types.d.ts +4 -0
  4. package/dist/bits/dialog/components/dialog-content.svelte +20 -0
  5. package/dist/bits/dialog/types.d.ts +4 -0
  6. package/dist/bits/link-preview/components/link-preview-content.svelte +15 -13
  7. package/dist/bits/menu/components/menu-content.svelte +15 -13
  8. package/dist/bits/popover/components/popover-content.svelte +15 -13
  9. package/dist/bits/popover/components/popover.svelte +6 -0
  10. package/dist/bits/popover/ctx.js +4 -0
  11. package/dist/bits/select/components/select-content.svelte +15 -13
  12. package/package.json +1 -1
package/dist/bits/alert-dialog/components/alert-dialog-content.svelte CHANGED
@@ -36,6 +36,10 @@ $:
36
36
  on:pointerdown
37
37
  on:pointermove
38
38
  on:pointerup
39
+ on:touchend
40
+ on:touchstart
41
+ on:touchcancel
42
+ on:touchmove
39
43
  {...$$restProps}
40
44
  >
41
45
  <slot {builder} />
@@ -49,6 +53,10 @@ $:
49
53
  on:pointerdown
50
54
  on:pointermove
51
55
  on:pointerup
56
+ on:touchend
57
+ on:touchstart
58
+ on:touchcancel
59
+ on:touchmove
52
60
  {...$$restProps}
53
61
  >
54
62
  <slot {builder} />
@@ -61,6 +69,10 @@ $:
61
69
  on:pointerdown
62
70
  on:pointermove
63
71
  on:pointerup
72
+ on:touchend
73
+ on:touchstart
74
+ on:touchcancel
75
+ on:touchmove
64
76
  {...$$restProps}
65
77
  >
66
78
  <slot {builder} />
@@ -73,6 +85,10 @@ $:
73
85
  on:pointerdown
74
86
  on:pointermove
75
87
  on:pointerup
88
+ on:touchend
89
+ on:touchstart
90
+ on:touchcancel
91
+ on:touchmove
76
92
  {...$$restProps}
77
93
  >
78
94
  <slot {builder} />
@@ -84,6 +100,10 @@ $:
84
100
  on:pointerdown
85
101
  on:pointermove
86
102
  on:pointerup
103
+ on:touchend
104
+ on:touchstart
105
+ on:touchcancel
106
+ on:touchmove
87
107
  {...$$restProps}
88
108
  >
89
109
  <slot {builder} />
package/dist/bits/alert-dialog/components/alert-dialog-content.svelte.d.ts CHANGED
@@ -7,6 +7,10 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
7
7
  pointerdown: PointerEvent;
8
8
  pointermove: PointerEvent;
9
9
  pointerup: PointerEvent;
10
+ touchend: TouchEvent;
11
+ touchstart: TouchEvent;
12
+ touchcancel: TouchEvent;
13
+ touchmove: TouchEvent;
10
14
  } & {
11
15
  [evt: string]: CustomEvent<any>;
12
16
  };
package/dist/bits/alert-dialog/types.d.ts CHANGED
@@ -18,6 +18,10 @@ type ContentEvents<T extends Element = HTMLElement> = {
18
18
  pointerdown: SvelteEvent<PointerEvent, T>;
19
19
  pointerup: SvelteEvent<PointerEvent, T>;
20
20
  pointermove: SvelteEvent<PointerEvent, T>;
21
+ touchend: SvelteEvent<TouchEvent, T>;
22
+ touchstart: SvelteEvent<TouchEvent, T>;
23
+ touchcancel: SvelteEvent<TouchEvent, T>;
24
+ touchmove: SvelteEvent<TouchEvent, T>;
21
25
  };
22
26
  type ActionEvents = TriggerEvents;
23
27
  type CancelEvents = TriggerEvents;
package/dist/bits/dialog/components/dialog-content.svelte CHANGED
@@ -37,6 +37,10 @@ $:
37
37
  on:pointerdown
38
38
  on:pointermove
39
39
  on:pointerup
40
+ on:touchend
41
+ on:touchstart
42
+ on:touchcancel
43
+ on:touchmove
40
44
  >
41
45
  <slot {builder} />
42
46
  </div>
@@ -49,6 +53,10 @@ $:
49
53
  on:pointerdown
50
54
  on:pointermove
51
55
  on:pointerup
56
+ on:touchend
57
+ on:touchstart
58
+ on:touchcancel
59
+ on:touchmove
52
60
  {...$$restProps}
53
61
  >
54
62
  <slot {builder} />
@@ -61,6 +69,10 @@ $:
61
69
  on:pointerdown
62
70
  on:pointermove
63
71
  on:pointerup
72
+ on:touchend
73
+ on:touchstart
74
+ on:touchcancel
75
+ on:touchmove
64
76
  {...$$restProps}
65
77
  >
66
78
  <slot {builder} />
@@ -73,6 +85,10 @@ $:
73
85
  on:pointerdown
74
86
  on:pointermove
75
87
  on:pointerup
88
+ on:touchend
89
+ on:touchstart
90
+ on:touchcancel
91
+ on:touchmove
76
92
  {...$$restProps}
77
93
  >
78
94
  <slot {builder} />
@@ -84,6 +100,10 @@ $:
84
100
  on:pointerdown
85
101
  on:pointermove
86
102
  on:pointerup
103
+ on:touchend
104
+ on:touchstart
105
+ on:touchcancel
106
+ on:touchmove
87
107
  {...$$restProps}
88
108
  >
89
109
  <slot {builder} />
package/dist/bits/dialog/types.d.ts CHANGED
@@ -17,6 +17,10 @@ type ContentEvents<T extends Element = HTMLElement> = {
17
17
  pointerdown: SvelteEvent<PointerEvent, T>;
18
18
  pointerup: SvelteEvent<PointerEvent, T>;
19
19
  pointermove: SvelteEvent<PointerEvent, T>;
20
+ touchend: SvelteEvent<TouchEvent, T>;
21
+ touchstart: SvelteEvent<TouchEvent, T>;
22
+ touchcancel: SvelteEvent<TouchEvent, T>;
23
+ touchmove: SvelteEvent<TouchEvent, T>;
20
24
  };
21
25
  type TriggerEvents<T extends Element = HTMLButtonElement> = {
22
26
  click: CustomEventHandler<MouseEvent, T>;
package/dist/bits/link-preview/components/link-preview-content.svelte CHANGED
@@ -38,19 +38,21 @@ $:
38
38
  $:
39
39
  Object.assign(builder, attrs);
40
40
  $:
41
- updatePositioning({
42
- side,
43
- align,
44
- sideOffset,
45
- alignOffset,
46
- collisionPadding,
47
- avoidCollisions,
48
- collisionBoundary,
49
- sameWidth,
50
- fitViewport,
51
- strategy,
52
- overlap
53
- });
41
+ if ($open) {
42
+ updatePositioning({
43
+ side,
44
+ align,
45
+ sideOffset,
46
+ alignOffset,
47
+ collisionPadding,
48
+ avoidCollisions,
49
+ collisionBoundary,
50
+ sameWidth,
51
+ fitViewport,
52
+ strategy,
53
+ overlap
54
+ });
55
+ }
54
56
  </script>
55
57
 
56
58
  {#if asChild && $open}
package/dist/bits/menu/components/menu-content.svelte CHANGED
@@ -38,19 +38,21 @@ $:
38
38
  $:
39
39
  Object.assign(builder, attrs);
40
40
  $:
41
- updatePositioning({
42
- side,
43
- align,
44
- sideOffset,
45
- alignOffset,
46
- collisionPadding,
47
- avoidCollisions,
48
- collisionBoundary,
49
- sameWidth,
50
- fitViewport,
51
- strategy,
52
- overlap
53
- });
41
+ if ($open) {
42
+ updatePositioning({
43
+ side,
44
+ align,
45
+ sideOffset,
46
+ alignOffset,
47
+ collisionPadding,
48
+ avoidCollisions,
49
+ collisionBoundary,
50
+ sameWidth,
51
+ fitViewport,
52
+ strategy,
53
+ overlap
54
+ });
55
+ }
54
56
  </script>
55
57
 
56
58
  {#if asChild && $open}
package/dist/bits/popover/components/popover-content.svelte CHANGED
@@ -36,19 +36,21 @@ $:
36
36
  $:
37
37
  Object.assign(builder, attrs);
38
38
  $:
39
- updatePositioning({
40
- side,
41
- align,
42
- sideOffset,
43
- alignOffset,
44
- collisionPadding,
45
- avoidCollisions,
46
- collisionBoundary,
47
- sameWidth,
48
- fitViewport,
49
- strategy,
50
- overlap
51
- });
39
+ if ($open) {
40
+ updatePositioning({
41
+ side,
42
+ align,
43
+ sideOffset,
44
+ alignOffset,
45
+ collisionPadding,
46
+ avoidCollisions,
47
+ collisionBoundary,
48
+ sameWidth,
49
+ fitViewport,
50
+ strategy,
51
+ overlap
52
+ });
53
+ }
52
54
  </script>
53
55
 
54
56
  {#if asChild && $open}
package/dist/bits/popover/components/popover.svelte CHANGED
@@ -30,6 +30,12 @@ const {
30
30
  open = next;
31
31
  }
32
32
  return next;
33
+ },
34
+ positioning: {
35
+ gutter: 0,
36
+ offset: {
37
+ mainAxis: 1
38
+ }
33
39
  }
34
40
  });
35
41
  const idValues = derived(
package/dist/bits/popover/ctx.js CHANGED
@@ -15,6 +15,10 @@ export function setCtx(props) {
15
15
  const getAttrs = createBitAttrs(NAME, PARTS);
16
16
  const popover = {
17
17
  ...createPopover({
18
+ positioning: {
19
+ placement: "bottom",
20
+ gutter: 0
21
+ },
18
22
  ...removeUndefined(props),
19
23
  forceVisible: true
20
24
  }),
package/dist/bits/select/components/select-content.svelte CHANGED
@@ -38,19 +38,21 @@ $:
38
38
  $:
39
39
  Object.assign(builder, attrs);
40
40
  $:
41
- updatePositioning({
42
- side,
43
- align,
44
- sideOffset,
45
- alignOffset,
46
- collisionPadding,
47
- avoidCollisions,
48
- collisionBoundary,
49
- sameWidth,
50
- fitViewport,
51
- strategy,
52
- overlap
53
- });
41
+ if ($open) {
42
+ updatePositioning({
43
+ side,
44
+ align,
45
+ sideOffset,
46
+ alignOffset,
47
+ collisionPadding,
48
+ avoidCollisions,
49
+ collisionBoundary,
50
+ sameWidth,
51
+ fitViewport,
52
+ strategy,
53
+ overlap
54
+ });
55
+ }
54
56
  </script>
55
57
 
56
58
  <!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bits-ui",
3
- "version": "0.15.0",
3
+ "version": "0.16.0",
4
4
  "license": "MIT",
5
5
  "repository": "github:huntabyte/bits-ui",
6
6
  "exports": {