@ims360/svelte-ivory 0.1.14 → 0.1.15

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 (9) hide show
  1. package/dist/components/layout/popover/Popover.svelte +3 -14
  2. package/dist/components/layout/popover/Popover.svelte.d.ts +0 -2
  3. package/dist/components/layout/popover/Popover.svelte.d.ts.map +1 -1
  4. package/dist/components/table/VirtualList.svelte +4 -7
  5. package/dist/components/table/VirtualList.svelte.d.ts +2 -2
  6. package/dist/components/table/VirtualList.svelte.d.ts.map +1 -1
  7. package/package.json +1 -1
  8. package/src/lib/components/layout/popover/Popover.svelte +3 -14
  9. package/src/lib/components/table/VirtualList.svelte +4 -7
package/dist/components/layout/popover/Popover.svelte CHANGED
@@ -13,6 +13,7 @@
13
13
  import clsx from 'clsx';
14
14
  import { twMerge } from 'tailwind-merge';
15
15
  import { clickOutside } from '../../../utils/actions/clickOutside';
16
+ import { Dialog } from '../dialog';
16
17
 
17
18
  /** Possible placements for the popover */
18
19
  export type PopoverPlacement = ComputePositionConfig['placement'];
@@ -30,8 +31,6 @@
30
31
  * Callback that is called when the user clicks outside the popover or the target element.
31
32
  */
32
33
  onClickOutside?: (e: MouseEvent) => void;
33
- /** If set to `true`, the nested component will not be unmounted when the popover is closed */
34
- keepMounted?: boolean;
35
34
  /**
36
35
  * Whether to place the popover automatically
37
36
  *
@@ -42,15 +41,12 @@
42
41
  </script>
43
42
 
44
43
  <script lang="ts">
45
- import { Dialog } from '../dialog';
46
-
47
44
  let {
48
45
  class: clazz,
49
46
  style: externalStyle,
50
47
  target,
51
48
  placement = 'bottom-start',
52
49
  onClickOutside = close,
53
- keepMounted = false,
54
50
  children,
55
51
  autoplacement,
56
52
  ...rest
@@ -102,17 +98,10 @@
102
98
  @component
103
99
  A popover, positions itself relative to a target element.
104
100
  -->
105
- {#if currentlyOpen || keepMounted}
101
+ {#if currentlyOpen}
106
102
  <Dialog>
107
103
  <div
108
- class={twMerge(
109
- clsx(
110
- 'absolute',
111
- theme.current.popover?.class,
112
- !keepMounted && clazz,
113
- keepMounted && !currentlyOpen ? 'hidden' : clazz
114
- )
115
- )}
104
+ class={twMerge(clsx('absolute', theme.current.popover?.class, clazz))}
116
105
  style={style + ' ' + externalStyle}
117
106
  bind:this={popover}
118
107
  use:clickOutside={{ callback: onClickOutside, target }}
package/dist/components/layout/popover/Popover.svelte.d.ts CHANGED
@@ -15,8 +15,6 @@ export interface PopoverProps extends IvoryComponent<HTMLDivElement> {
15
15
  * Callback that is called when the user clicks outside the popover or the target element.
16
16
  */
17
17
  onClickOutside?: (e: MouseEvent) => void;
18
- /** If set to `true`, the nested component will not be unmounted when the popover is closed */
19
- keepMounted?: boolean;
20
18
  /**
21
19
  * Whether to place the popover automatically
22
20
  *
package/dist/components/layout/popover/Popover.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/popover/Popover.svelte.ts"],"names":[],"mappings":"AAKI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAMH,KAAK,qBAAqB,EAC7B,MAAM,kBAAkB,CAAC;AAK1B,0CAA0C;AAC1C,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;AAElE,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,6DAA6D;IAC7D,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,8FAA8F;IAC9F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAkFL,gEAAgE;AAChE,QAAA,MAAM,OAAO;;;;;MAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Popover.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/popover/Popover.svelte.ts"],"names":[],"mappings":"AAKI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAMH,KAAK,qBAAqB,EAC7B,MAAM,kBAAkB,CAAC;AAM1B,0CAA0C;AAC1C,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;AAElE,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,6DAA6D;IAC7D,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAqEL,gEAAgE;AAChE,QAAA,MAAM,OAAO;;;;;MAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
package/dist/components/table/VirtualList.svelte CHANGED
@@ -37,12 +37,8 @@
37
37
  let viewport = $state<HTMLElement>();
38
38
  let viewport_height = $state(0);
39
39
 
40
- export async function scrollTo(top?: number, left?: number) {
41
- if (!viewport) {
42
- viewportReactivity++;
43
- await tick();
44
- if (!viewport) return;
45
- }
40
+ export function scrollTo(top?: number, left?: number) {
41
+ if (!viewport) return;
46
42
  if (top !== undefined) {
47
43
  scroll_top = top;
48
44
  viewport.scrollTop = top;
@@ -91,7 +87,8 @@
91
87
  }
92
88
  });
93
89
 
94
- onMount(() => {
90
+ onMount(async () => {
91
+ await tick();
95
92
  onscroll();
96
93
  });
97
94
  </script>
package/dist/components/table/VirtualList.svelte.d.ts CHANGED
@@ -19,7 +19,7 @@ declare function $$render<T extends {
19
19
  }>(): {
20
20
  props: Props<T>;
21
21
  exports: {
22
- scrollTo: (top?: number, left?: number) => Promise<void>;
22
+ scrollTo: (top?: number, left?: number) => void;
23
23
  };
24
24
  bindings: "b_scrollTop";
25
25
  slots: {};
@@ -33,7 +33,7 @@ declare class __sveltets_Render<T extends {
33
33
  slots(): ReturnType<typeof $$render<T>>['slots'];
34
34
  bindings(): "b_scrollTop";
35
35
  exports(): {
36
- scrollTo: (top?: number, left?: number) => Promise<void>;
36
+ scrollTo: (top?: number, left?: number) => void;
37
37
  };
38
38
  }
39
39
  interface $$IsomorphicComponent {
package/dist/components/table/VirtualList.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VirtualList.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/VirtualList.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI9C,KAAK,KAAK,CAAC,CAAC,IAAI;IACZ,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,GAAG,EAAE,CAAC,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAAC,iBAAS,QAAQ,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;WAqHpB,KAAK,CAAC,CAAC,CAAC;aAAwB;QAAE,QAAQ,SAvFpC,MAAM,SAAS,MAAM,mBAuFgC;KAAE;;;;EAA0E;AACpK,cAAM,iBAAiB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IAC5C,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAClD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,QAAQ;IACR,OAAO;yBA7FwB,MAAM,SAAS,MAAM;;CA8FvD;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACnZ,CAAC,CAAC,SAAS;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAClJ,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,WAAW,EAAE,qBAAmC,CAAC;AACrC,KAAK,WAAW,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AACnF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"VirtualList.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/VirtualList.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI9C,KAAK,KAAK,CAAC,CAAC,IAAI;IACZ,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,GAAG,EAAE,CAAC,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAAC,iBAAS,QAAQ,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;WAkHpB,KAAK,CAAC,CAAC,CAAC;aAAwB;QAAE,QAAQ,SApF1C,MAAM,SAAS,MAAM,UAoFsC;KAAE;;;;EAA0E;AACpK,cAAM,iBAAiB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IAC5C,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAClD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,QAAQ;IACR,OAAO;yBA1FkB,MAAM,SAAS,MAAM;;CA2FjD;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACnZ,CAAC,CAAC,SAAS;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAClJ,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,WAAW,EAAE,qBAAmC,CAAC;AACrC,KAAK,WAAW,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AACnF,eAAe,WAAW,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ims360/svelte-ivory",
3
- "version": "0.1.14",
3
+ "version": "0.1.15",
4
4
  "keywords": [
5
5
  "svelte"
6
6
  ],
package/src/lib/components/layout/popover/Popover.svelte CHANGED
@@ -13,6 +13,7 @@
13
13
  import clsx from 'clsx';
14
14
  import { twMerge } from 'tailwind-merge';
15
15
  import { clickOutside } from '../../../utils/actions/clickOutside';
16
+ import { Dialog } from '../dialog';
16
17
 
17
18
  /** Possible placements for the popover */
18
19
  export type PopoverPlacement = ComputePositionConfig['placement'];
@@ -30,8 +31,6 @@
30
31
  * Callback that is called when the user clicks outside the popover or the target element.
31
32
  */
32
33
  onClickOutside?: (e: MouseEvent) => void;
33
- /** If set to `true`, the nested component will not be unmounted when the popover is closed */
34
- keepMounted?: boolean;
35
34
  /**
36
35
  * Whether to place the popover automatically
37
36
  *
@@ -42,15 +41,12 @@
42
41
  </script>
43
42
 
44
43
  <script lang="ts">
45
- import { Dialog } from '../dialog';
46
-
47
44
  let {
48
45
  class: clazz,
49
46
  style: externalStyle,
50
47
  target,
51
48
  placement = 'bottom-start',
52
49
  onClickOutside = close,
53
- keepMounted = false,
54
50
  children,
55
51
  autoplacement,
56
52
  ...rest
@@ -102,17 +98,10 @@
102
98
  @component
103
99
  A popover, positions itself relative to a target element.
104
100
  -->
105
- {#if currentlyOpen || keepMounted}
101
+ {#if currentlyOpen}
106
102
  <Dialog>
107
103
  <div
108
- class={twMerge(
109
- clsx(
110
- 'absolute',
111
- theme.current.popover?.class,
112
- !keepMounted && clazz,
113
- keepMounted && !currentlyOpen ? 'hidden' : clazz
114
- )
115
- )}
104
+ class={twMerge(clsx('absolute', theme.current.popover?.class, clazz))}
116
105
  style={style + ' ' + externalStyle}
117
106
  bind:this={popover}
118
107
  use:clickOutside={{ callback: onClickOutside, target }}
package/src/lib/components/table/VirtualList.svelte CHANGED
@@ -37,12 +37,8 @@
37
37
  let viewport = $state<HTMLElement>();
38
38
  let viewport_height = $state(0);
39
39
 
40
- export async function scrollTo(top?: number, left?: number) {
41
- if (!viewport) {
42
- viewportReactivity++;
43
- await tick();
44
- if (!viewport) return;
45
- }
40
+ export function scrollTo(top?: number, left?: number) {
41
+ if (!viewport) return;
46
42
  if (top !== undefined) {
47
43
  scroll_top = top;
48
44
  viewport.scrollTop = top;
@@ -91,7 +87,8 @@
91
87
  }
92
88
  });
93
89
 
94
- onMount(() => {
90
+ onMount(async () => {
91
+ await tick();
95
92
  onscroll();
96
93
  });
97
94
  </script>