@ims360/svelte-ivory 0.0.17 → 0.0.18

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.
@@ -47,6 +47,3 @@
47
47
  </div>
48
48
  </div>
49
49
  </svelte:element>
50
-
51
- <style>
52
- </style>
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/basic/toggle/Toggle.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI9C,KAAK,KAAK,GAAG;IACT,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAqCN,QAAA,MAAM,MAAM,2CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Toggle.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/basic/toggle/Toggle.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI9C,KAAK,KAAK,GAAG;IACT,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAmCN,QAAA,MAAM,MAAM,2CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
@@ -3,7 +3,7 @@ export { default as Heading } from './heading/index';
3
3
  export { default as HiddenBackground } from './hiddenBackground/index';
4
4
  export { default as Modal, type ModalProps } from './modal/Modal.svelte';
5
5
  export { default as Popover } from './popover/Popover.svelte';
6
- export { default as Portal } from './portal/Portal.svelte';
6
+ export { default as Portal, setConfig, type PortalConfig } from './portal/Portal.svelte';
7
7
  export { default as Tabs } from './tabs/index';
8
8
  export { default as Tooltip } from './tooltip/Tooltip.svelte';
9
9
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC"}
@@ -3,6 +3,6 @@ export { default as Heading } from './heading/index';
3
3
  export { default as HiddenBackground } from './hiddenBackground/index';
4
4
  export { default as Modal } from './modal/Modal.svelte';
5
5
  export { default as Popover } from './popover/Popover.svelte';
6
- export { default as Portal } from './portal/Portal.svelte';
6
+ export { default as Portal, setConfig } from './portal/Portal.svelte';
7
7
  export { default as Tabs } from './tabs/index';
8
8
  export { default as Tooltip } from './tooltip/Tooltip.svelte';
@@ -1,3 +1,18 @@
1
+ <script lang="ts" module>
2
+ export interface PortalConfig {
3
+ defaultTarget: string;
4
+ }
5
+
6
+ const defaultConfig: PortalConfig = {
7
+ defaultTarget: 'body'
8
+ };
9
+
10
+ let config = $state<PortalConfig>(defaultConfig);
11
+ export function setConfig(newConfig: Partial<PortalConfig>) {
12
+ config = { ...defaultConfig, ...newConfig };
13
+ }
14
+ </script>
15
+
1
16
  <script lang="ts">
2
17
  import type { Snippet } from 'svelte';
3
18
  import { portal } from '../../../utils/actions/index';
@@ -7,7 +22,7 @@
7
22
  target?: string | HTMLElement;
8
23
  }
9
24
 
10
- let { children, target = 'body' }: Props = $props();
25
+ let { children, target }: Props = $props();
11
26
  </script>
12
27
 
13
28
  <!--
@@ -18,6 +33,6 @@
18
33
 
19
34
  **Use sparingy as it can make the DOM structure confusing**
20
35
  -->
21
- <div use:portal={target} hidden>
36
+ <div use:portal={target ?? config.defaultTarget} hidden>
22
37
  {@render children()}
23
38
  </div>
@@ -1,3 +1,7 @@
1
+ export interface PortalConfig {
2
+ defaultTarget: string;
3
+ }
4
+ export declare function setConfig(newConfig: Partial<PortalConfig>): void;
1
5
  import type { Snippet } from 'svelte';
2
6
  interface Props {
3
7
  children: Snippet;
@@ -1 +1 @@
1
- {"version":3,"file":"Portal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/portal/Portal.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIlC,UAAU,KAAK;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CACjC;AAgBL;;;;;;GAMG;AACH,QAAA,MAAM,MAAM,2CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Portal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/portal/Portal.svelte.ts"],"names":[],"mappings":"AAGI,MAAM,WAAW,YAAY;IACzB,aAAa,EAAE,MAAM,CAAC;CACzB;AAOD,wBAAgB,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,QAEzD;AAGL,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIlC,UAAU,KAAK;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CACjC;AAkBL;;;;;;GAMG;AACH,QAAA,MAAM,MAAM,2CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
package/package.json CHANGED
@@ -109,5 +109,5 @@
109
109
  "svelte": "./dist/index.js",
110
110
  "type": "module",
111
111
  "types": "./dist/index.d.ts",
112
- "version": "0.0.17"
112
+ "version": "0.0.18"
113
113
  }
@@ -47,6 +47,3 @@
47
47
  </div>
48
48
  </div>
49
49
  </svelte:element>
50
-
51
- <style lang="postcss">
52
- </style>
@@ -3,6 +3,6 @@ export { default as Heading } from './heading/index';
3
3
  export { default as HiddenBackground } from './hiddenBackground/index';
4
4
  export { default as Modal, type ModalProps } from './modal/Modal.svelte';
5
5
  export { default as Popover } from './popover/Popover.svelte';
6
- export { default as Portal } from './portal/Portal.svelte';
6
+ export { default as Portal, setConfig, type PortalConfig } from './portal/Portal.svelte';
7
7
  export { default as Tabs } from './tabs/index';
8
8
  export { default as Tooltip } from './tooltip/Tooltip.svelte';
@@ -1,3 +1,18 @@
1
+ <script lang="ts" module>
2
+ export interface PortalConfig {
3
+ defaultTarget: string;
4
+ }
5
+
6
+ const defaultConfig: PortalConfig = {
7
+ defaultTarget: 'body'
8
+ };
9
+
10
+ let config = $state<PortalConfig>(defaultConfig);
11
+ export function setConfig(newConfig: Partial<PortalConfig>) {
12
+ config = { ...defaultConfig, ...newConfig };
13
+ }
14
+ </script>
15
+
1
16
  <script lang="ts">
2
17
  import type { Snippet } from 'svelte';
3
18
  import { portal } from '../../../utils/actions/index';
@@ -7,7 +22,7 @@
7
22
  target?: string | HTMLElement;
8
23
  }
9
24
 
10
- let { children, target = 'body' }: Props = $props();
25
+ let { children, target }: Props = $props();
11
26
  </script>
12
27
 
13
28
  <!--
@@ -18,6 +33,6 @@
18
33
 
19
34
  **Use sparingy as it can make the DOM structure confusing**
20
35
  -->
21
- <div use:portal={target} hidden>
36
+ <div use:portal={target ?? config.defaultTarget} hidden>
22
37
  {@render children()}
23
38
  </div>