@ims360/svelte-ivory 0.0.17 → 0.0.20

package/dist/components/basic/toggle/Toggle.svelte

@@ -47,6 +47,3 @@
         </div>
     </div>
 </svelte:element>
-
-<style>
-</style>

package/dist/components/basic/toggle/Toggle.svelte.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/layout/index.d.ts

@@ -3,7 +3,7 @@ export { default as Heading } from './heading/index';
 export { default as HiddenBackground } from './hiddenBackground/index';
 export { default as Modal, type ModalProps } from './modal/Modal.svelte';
 export { default as Popover } from './popover/Popover.svelte';
-export { default as Portal } from './portal/Portal.svelte';
+export { default as Portal, setConfig, type PortalConfig } from './portal/Portal.svelte';
 export { default as Tabs } from './tabs/index';
 export { default as Tooltip } from './tooltip/Tooltip.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/layout/index.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/layout/index.js

@@ -3,6 +3,6 @@ export { default as Heading } from './heading/index';
 export { default as HiddenBackground } from './hiddenBackground/index';
 export { default as Modal } from './modal/Modal.svelte';
 export { default as Popover } from './popover/Popover.svelte';
-export { default as Portal } from './portal/Portal.svelte';
+export { default as Portal, setConfig } from './portal/Portal.svelte';
 export { default as Tabs } from './tabs/index';
 export { default as Tooltip } from './tooltip/Tooltip.svelte';

package/dist/components/layout/portal/Portal.svelte

@@ -1,3 +1,18 @@
+<script lang="ts" module>
+    export interface PortalConfig {
+        defaultTarget: string;
+    }
+
+    const defaultConfig: PortalConfig = {
+        defaultTarget: 'body'
+    };
+
+    let config = $state<PortalConfig>(defaultConfig);
+    export function setConfig(newConfig: Partial<PortalConfig>) {
+        config = { ...defaultConfig, ...newConfig };
+    }
+</script>
+
 <script lang="ts">
     import type { Snippet } from 'svelte';
     import { portal } from '../../../utils/actions/index';
@@ -7,7 +22,7 @@
         target?: string | HTMLElement;
     }
 
-    let { children, target = 'body' }: Props = $props();
+    let { children, target }: Props = $props();
 </script>
 
 <!-- 
@@ -18,6 +33,6 @@
 
     **Use sparingy as it can make the DOM structure confusing**
 -->
-<div use:portal={target} hidden>
+<div use:portal={target ?? config.defaultTarget} hidden>
     {@render children()}
 </div>

package/dist/components/layout/portal/Portal.svelte.d.ts

@@ -1,3 +1,7 @@
+export interface PortalConfig {
+    defaultTarget: string;
+}
+export declare function setConfig(newConfig: Partial<PortalConfig>): void;
 import type { Snippet } from 'svelte';
 interface Props {
     children: Snippet;

package/dist/components/layout/portal/Portal.svelte.d.ts.map

@@ -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"}
+{"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/dist/components/table/controller.svelte.js

@@ -8,7 +8,7 @@ export class TableController {
     results = $derived(treeWalker(this.data, this.expanded));
     refresh(conf) {
         let intitalState = {
-            data: structuredClone(conf.data),
+            data: [...(conf.data ?? [])],
             expanded: this.expanded
         };
         for (const plugin of conf.plugins ?? []) {

package/package.json

@@ -1,20 +1,14 @@
 {
-    "dependencies": {
-        "@floating-ui/dom": "^1.6.13",
-        "@lucide/svelte": "^0.503.0",
-        "@tailwindcss/forms": "^0.5.10",
-        "@tailwindcss/typography": "^0.5.16",
-        "dompurify": "^3.2.5",
-        "marked": "^15.0.11",
-        "tailwind-merge": "^3.2.0",
-        "tailwindcss": "^4.0.0"
-    },
     "devDependencies": {
         "@eslint/compat": "^1.2.5",
         "@eslint/js": "^9.18.0",
+        "@floating-ui/dom": "^1.6.13",
+        "@lucide/svelte": "^0.503.0",
         "@sveltejs/adapter-auto": "^4.0.0",
         "@sveltejs/package": "^2.0.0",
         "@sveltejs/vite-plugin-svelte": "^5.0.0",
+        "@tailwindcss/forms": "^0.5.10",
+        "@tailwindcss/typography": "^0.5.16",
         "@tailwindcss/vite": "^4.1.4",
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/svelte": "^5.2.4",
@@ -22,17 +16,21 @@
         "@vitest/browser": "^3.1.1",
         "@vitest/coverage-v8": "^3.1.1",
         "@vitest/spy": "^3.1.2",
+        "dompurify": "^3.2.5",
         "eslint": "^9.18.0",
         "eslint-config-prettier": "^10.0.1",
         "eslint-plugin-svelte": "^3.0.0",
         "globals": "^16.0.0",
         "jsdom": "^26.0.0",
+        "marked": "^15.0.11",
         "playwright": "^1.51.1",
         "prettier": "^3.4.2",
         "prettier-plugin-svelte": "^3.3.3",
         "prettier-plugin-tailwindcss": "^0.6.11",
         "publint": "^0.3.2",
         "svelte-check": "^4.0.0",
+        "tailwind-merge": "^3.2.0",
+        "tailwindcss": "^4.0.0",
         "typescript": "^5.0.0",
         "typescript-eslint": "^8.20.0",
         "vite": "^6.0.0",
@@ -55,14 +53,14 @@
             "types": "./dist/components/layout/index.d.ts",
             "svelte": "./dist/components/layout/index.js"
         },
-        "./components/toast": {
-            "types": "./dist/components/toast/index.d.ts",
-            "svelte": "./dist/components/toast/index.js"
-        },
         "./components/table": {
             "types": "./dist/components/table/index.d.ts",
             "svelte": "./dist/components/table/index.js"
         },
+        "./components/toast": {
+            "types": "./dist/components/toast/index.d.ts",
+            "svelte": "./dist/components/toast/index.js"
+        },
         "./utils/actions": {
             "types": "./dist/utils/actions/index.d.ts",
             "svelte": "./dist/utils/actions/index.js"
@@ -109,5 +107,5 @@
     "svelte": "./dist/index.js",
     "type": "module",
     "types": "./dist/index.d.ts",
-    "version": "0.0.17"
+    "version": "0.0.20"
 }

package/src/lib/components/basic/toggle/Toggle.svelte

@@ -47,6 +47,3 @@
         </div>
     </div>
 </svelte:element>
-
-<style lang="postcss">
-</style>

package/src/lib/components/layout/index.ts

@@ -3,6 +3,6 @@ export { default as Heading } from './heading/index';
 export { default as HiddenBackground } from './hiddenBackground/index';
 export { default as Modal, type ModalProps } from './modal/Modal.svelte';
 export { default as Popover } from './popover/Popover.svelte';
-export { default as Portal } from './portal/Portal.svelte';
+export { default as Portal, setConfig, type PortalConfig } from './portal/Portal.svelte';
 export { default as Tabs } from './tabs/index';
 export { default as Tooltip } from './tooltip/Tooltip.svelte';

package/src/lib/components/layout/portal/Portal.svelte

@@ -1,3 +1,18 @@
+<script lang="ts" module>
+    export interface PortalConfig {
+        defaultTarget: string;
+    }
+
+    const defaultConfig: PortalConfig = {
+        defaultTarget: 'body'
+    };
+
+    let config = $state<PortalConfig>(defaultConfig);
+    export function setConfig(newConfig: Partial<PortalConfig>) {
+        config = { ...defaultConfig, ...newConfig };
+    }
+</script>
+
 <script lang="ts">
     import type { Snippet } from 'svelte';
     import { portal } from '../../../utils/actions/index';
@@ -7,7 +22,7 @@
         target?: string | HTMLElement;
     }
 
-    let { children, target = 'body' }: Props = $props();
+    let { children, target }: Props = $props();
 </script>
 
 <!-- 
@@ -18,6 +33,6 @@
 
     **Use sparingy as it can make the DOM structure confusing**
 -->
-<div use:portal={target} hidden>
+<div use:portal={target ?? config.defaultTarget} hidden>
     {@render children()}
 </div>

package/src/lib/components/table/controller.svelte.ts

@@ -30,7 +30,7 @@ export class TableController<T extends TableRow<T>> {
 
     refresh(conf: TableConfig<T>) {
         let intitalState: TableState<T> = {
-            data: structuredClone(conf.data),
+            data: [...(conf.data ?? [])],
             expanded: this.expanded
         };