@liwe3/webcomponents-svelte 1.0.14 → 1.1.11

package/dist/Drawer.svelte.d.ts

@@ -0,0 +1,33 @@
+import type { Snippet } from "svelte";
+type DrawerDirection = "horizontal" | "vertical";
+type DrawerState = "expanded" | "shrunk" | "closed";
+interface Props {
+    direction?: DrawerDirection;
+    duration?: number;
+    showTitleWhenShrunk?: boolean;
+    closable?: boolean;
+    title?: string;
+    icon?: string;
+    state?: DrawerState;
+    showToggleButton?: boolean;
+    contentPadding?: string;
+    onstatechange?: (event: CustomEvent<{
+        oldState: DrawerState;
+        newState: DrawerState;
+    }>) => void;
+    onexpanded?: (event: CustomEvent) => void;
+    onshrunk?: (event: CustomEvent) => void;
+    onclosed?: (event: CustomEvent) => void;
+    children?: Snippet;
+}
+declare const Drawer: import("svelte").Component<Props, {
+    /** Expand the drawer programmatically. */ expand: () => void;
+    /** Shrink the drawer to its collapsed size. */ shrink: () => void;
+    /** Close the drawer and remove it from the DOM. */ close: () => void;
+    /** Toggle between expanded and shrunk states. */ toggle: () => void;
+    /** Return the current drawer state. */ getState: () => DrawerState;
+    /** Imperatively set the drawer state. */ setState: (nextState: DrawerState) => void;
+}, "state">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;
+//# sourceMappingURL=Drawer.svelte.d.ts.map

package/dist/Drawer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Drawer.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,KAAK,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AACjD,KAAK,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAkBpD,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,WAAW,CAAC;QAAC,QAAQ,EAAE,WAAW,CAAA;KAAE,CAAC,KACjE,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiLH,QAAA,MAAM,MAAM;IANZ,0CAA0C;IAC1C,+CAA+C;IAC/C,mDAAmD;IACnD,iDAAiD;IACjD,uCAAuC,iBAxBf,WAAW;IAyBnC,yCAAyC,uBApBT,WAAW;WAqBS,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/MarkdownPreview.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+
+  interface Props {
+    value?: string;
+    libUrl?: string;
+    onlibraryloaded?: () => void;
+  }
+
+  let {
+    value = "",
+    libUrl = "https://cdn.jsdelivr.net/npm/marked@4.3.0/marked.min.js",
+    onlibraryloaded,
+  }: Props = $props();
+
+  let elementRef: HTMLElement;
+  let webComponent = $state<any>(null);
+
+  $effect(() => {
+    if (webComponent) {
+      if (webComponent.libUrl !== libUrl) {
+        webComponent.libUrl = libUrl;
+      }
+      if (webComponent.value !== value) {
+        webComponent.value = value;
+      }
+    }
+  });
+
+  onMount(async (): Promise<any> => {
+    // Dynamically import the web component
+    await import("@liwe3/webcomponents/markdown-preview");
+
+    // Get reference to the web component
+    webComponent = elementRef;
+
+    const handleLibraryLoaded = () => {
+      onlibraryloaded?.();
+    };
+
+    webComponent.addEventListener("library-loaded", handleLibraryLoaded);
+
+    // Cleanup
+    return () => {
+      webComponent?.removeEventListener("library-loaded", handleLibraryLoaded);
+    };
+  });
+</script>
+
+<liwe3-markdown-preview bind:this={elementRef}></liwe3-markdown-preview>

package/dist/MarkdownPreview.svelte.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    value?: string;
+    libUrl?: string;
+    onlibraryloaded?: () => void;
+}
+declare const MarkdownPreview: import("svelte").Component<Props, {}, "">;
+type MarkdownPreview = ReturnType<typeof MarkdownPreview>;
+export default MarkdownPreview;
+//# sourceMappingURL=MarkdownPreview.svelte.d.ts.map

package/dist/MarkdownPreview.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPreview.svelte.d.ts","sourceRoot":"","sources":["../src/lib/MarkdownPreview.svelte.ts"],"names":[],"mappings":"AAME,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAiDH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/ResizableCropper.svelte

@@ -0,0 +1,168 @@
+<script lang="ts">
+import { onMount } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+import type {
+	ResizableCropperElement as ResizableCropperElementType,
+	ResizableCropperValues,
+} from '@liwe3/webcomponents';
+
+interface Props extends HTMLAttributes<ResizableCropperElementType> {
+	width? : number;
+	height? : number;
+	minWidth? : number;
+	minHeight? : number;
+	aspectRatio? : string;
+	disabled? : boolean;
+	allowCrop? : boolean;
+	allowResize? : boolean;
+	onchange? : ( values : ResizableCropperValues ) => void;
+	'onrcw:change'? : ( detail : any ) => void;
+	'onrcw:scale-start'? : ( detail : any ) => void;
+	'onrcw:crop-start'? : ( detail : any ) => void;
+	'onrcw:pan-start'? : ( detail : any ) => void;
+}
+
+let {
+	width = 200,
+	height = 150,
+	minWidth = 50,
+	minHeight = 50,
+	aspectRatio,
+	disabled = false,
+	allowCrop = true,
+	allowResize = true,
+	onchange,
+	'onrcw:change': onRcwChange,
+	'onrcw:scale-start': onRcwScaleStart,
+	'onrcw:crop-start': onRcwCropStart,
+	'onrcw:pan-start': onRcwPanStart,
+	children,
+	...restProps
+} : Props = $props();
+
+let cropperElement : ResizableCropperElementType;
+let isReady = $state( false );
+let removeListeners : (() => void) | null = null;
+
+/**
+ * Forwards custom events emitted by the web component to Svelte callbacks.
+ */
+const bindEvents = () => {
+	if ( !cropperElement ) return;
+
+	const handleChange = ( event : Event ) => {
+		const detail = ( event as CustomEvent ).detail as ResizableCropperValues;
+		onchange?.( detail );
+	};
+
+	const handleRcwChange = ( event : Event ) => {
+		const detail = ( event as CustomEvent ).detail;
+		onRcwChange?.( detail );
+	};
+
+	const handleRcwScaleStart = ( event : Event ) => {
+		const detail = ( event as CustomEvent ).detail;
+		onRcwScaleStart?.( detail );
+	};
+
+	const handleRcwCropStart = ( event : Event ) => {
+		const detail = ( event as CustomEvent ).detail;
+		onRcwCropStart?.( detail );
+	};
+
+	const handleRcwPanStart = ( event : Event ) => {
+		const detail = ( event as CustomEvent ).detail;
+		onRcwPanStart?.( detail );
+	};
+
+	cropperElement.addEventListener( 'change', handleChange as EventListener );
+	cropperElement.addEventListener( 'rcw:change', handleRcwChange as EventListener );
+	cropperElement.addEventListener( 'rcw:scale-start', handleRcwScaleStart as EventListener );
+	cropperElement.addEventListener( 'rcw:crop-start', handleRcwCropStart as EventListener );
+	cropperElement.addEventListener( 'rcw:pan-start', handleRcwPanStart as EventListener );
+
+	removeListeners = () => {
+		cropperElement.removeEventListener( 'change', handleChange as EventListener );
+		cropperElement.removeEventListener( 'rcw:change', handleRcwChange as EventListener );
+		cropperElement.removeEventListener( 'rcw:scale-start', handleRcwScaleStart as EventListener );
+		cropperElement.removeEventListener( 'rcw:crop-start', handleRcwCropStart as EventListener );
+		cropperElement.removeEventListener( 'rcw:pan-start', handleRcwPanStart as EventListener );
+	};
+};
+
+onMount( () => {
+	let isMounted = true;
+
+	const setup = async () => {
+		await import( '@liwe3/webcomponents/resizable-cropper' );
+		await customElements.whenDefined( 'liwe3-resizable-cropper' );
+
+		if ( !isMounted ) return;
+		isReady = true;
+		bindEvents();
+	};
+
+	void setup();
+
+	return () => {
+		isMounted = false;
+		removeListeners?.();
+		removeListeners = null;
+	};
+} );
+
+$effect( () => {
+	if ( !isReady || !cropperElement ) return;
+	cropperElement.width = width;
+} );
+
+$effect( () => {
+	if ( !isReady || !cropperElement ) return;
+	cropperElement.height = height;
+} );
+
+$effect( () => {
+	if ( !isReady || !cropperElement ) return;
+	cropperElement.minWidth = minWidth;
+} );
+
+$effect( () => {
+	if ( !isReady || !cropperElement ) return;
+	cropperElement.minHeight = minHeight;
+} );
+
+$effect( () => {
+	if ( !isReady || !cropperElement ) return;
+	cropperElement.aspectRatio = aspectRatio || null;
+} );
+
+$effect( () => {
+	if ( !isReady || !cropperElement ) return;
+	cropperElement.disabled = disabled;
+} );
+
+$effect( () => {
+	if ( !isReady || !cropperElement ) return;
+	cropperElement.allowCrop = allowCrop;
+} );
+
+$effect( () => {
+	if ( !isReady || !cropperElement ) return;
+	cropperElement.allowResize = allowResize;
+} );
+
+/**
+ * Expose public methods
+ */
+export function getValues() : ResizableCropperValues | undefined {
+	return cropperElement?.getValues();
+}
+
+export function setValues( values : Partial<ResizableCropperValues> ) : void {
+	cropperElement?.setValues( values );
+}
+</script>
+
+<liwe3-resizable-cropper bind:this={cropperElement} {...restProps}>
+	{@render children?.()}
+</liwe3-resizable-cropper>

package/dist/ResizableCropper.svelte.d.ts

@@ -0,0 +1,24 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { ResizableCropperElement as ResizableCropperElementType, ResizableCropperValues } from '@liwe3/webcomponents';
+interface Props extends HTMLAttributes<ResizableCropperElementType> {
+    width?: number;
+    height?: number;
+    minWidth?: number;
+    minHeight?: number;
+    aspectRatio?: string;
+    disabled?: boolean;
+    allowCrop?: boolean;
+    allowResize?: boolean;
+    onchange?: (values: ResizableCropperValues) => void;
+    'onrcw:change'?: (detail: any) => void;
+    'onrcw:scale-start'?: (detail: any) => void;
+    'onrcw:crop-start'?: (detail: any) => void;
+    'onrcw:pan-start'?: (detail: any) => void;
+}
+declare const ResizableCropper: import("svelte").Component<Props, {
+    getValues: () => ResizableCropperValues | undefined;
+    setValues: (values: Partial<ResizableCropperValues>) => void;
+}, "">;
+type ResizableCropper = ReturnType<typeof ResizableCropper>;
+export default ResizableCropper;
+//# sourceMappingURL=ResizableCropper.svelte.d.ts.map

package/dist/ResizableCropper.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableCropper.svelte.d.ts","sourceRoot":"","sources":["../src/lib/ResizableCropper.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EACX,uBAAuB,IAAI,2BAA2B,EACtD,sBAAsB,EACtB,MAAM,sBAAsB,CAAC;AAG9B,UAAU,KAAM,SAAQ,cAAc,CAAC,2BAA2B,CAAC;IAClE,KAAK,CAAC,EAAG,MAAM,CAAC;IAChB,MAAM,CAAC,EAAG,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAG,MAAM,CAAC;IACnB,SAAS,CAAC,EAAG,MAAM,CAAC;IACpB,WAAW,CAAC,EAAG,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAG,OAAO,CAAC;IACpB,SAAS,CAAC,EAAG,OAAO,CAAC;IACrB,WAAW,CAAC,EAAG,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAG,CAAE,MAAM,EAAG,sBAAsB,KAAM,IAAI,CAAC;IACxD,cAAc,CAAC,EAAG,CAAE,MAAM,EAAG,GAAG,KAAM,IAAI,CAAC;IAC3C,mBAAmB,CAAC,EAAG,CAAE,MAAM,EAAG,GAAG,KAAM,IAAI,CAAC;IAChD,kBAAkB,CAAC,EAAG,CAAE,MAAM,EAAG,GAAG,KAAM,IAAI,CAAC;IAC/C,iBAAiB,CAAC,EAAG,CAAE,MAAM,EAAG,GAAG,KAAM,IAAI,CAAC;CAC9C;AA0JD,QAAA,MAAM,gBAAgB;qBAfE,sBAAsB,GAAG,SAAS;wBAI5B,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI;MAWR,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/Toasts.svelte

@@ -1,5 +1,8 @@
 <script module lang="ts">
-	import type { ToastConfig, ToastElement } from '@liwe3/webcomponents';
+	import type { ToastConfig, ToastElement, ToastPosition } from '@liwe3/webcomponents';
+
+	// Re-export types for convenience
+	export type { ToastConfig, ToastElement, ToastPosition };
 
 	/**
 	 * Shows a toast notification with the given configuration.
@@ -23,7 +26,8 @@
 	 *   title: 'Success!',
 	 *   text: 'Your changes have been saved.',
 	 *   type: 'success',
-	 *   duration: 5000
+	 *   duration: 5000,
+	 *   position: 'TR' // Optional: TL, T, TR, BL, B, BR (default: TR)
 	 * });
 	 * ```
 	 */

package/dist/Toasts.svelte.d.ts

@@ -1,4 +1,5 @@
-import type { ToastConfig, ToastElement } from '@liwe3/webcomponents';
+import type { ToastConfig, ToastElement, ToastPosition } from '@liwe3/webcomponents';
+export type { ToastConfig, ToastElement, ToastPosition };
 /**
  * Shows a toast notification with the given configuration.
  *
@@ -21,7 +22,8 @@ import type { ToastConfig, ToastElement } from '@liwe3/webcomponents';
  *   title: 'Success!',
  *   text: 'Your changes have been saved.',
  *   type: 'success',
- *   duration: 5000
+ *   duration: 5000,
+ *   position: 'TR' // Optional: TL, T, TR, BL, B, BR (default: TR)
  * });
  * ```
  */

package/dist/Toasts.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toasts.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Toasts.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEtE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,QAAQ,GAAI,QAAQ,WAAW,KAAG,YAAY,GAAG,SAkB7D,CAAC;AAwBH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,MAAM;;kBAA+E,CAAC;AAC1E,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Toasts.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Toasts.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrF,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ,GAAI,QAAQ,WAAW,KAAG,YAAY,GAAG,SAkB7D,CAAC;AAwBH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,MAAM;;kBAA+E,CAAC;AAC1E,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}

package/dist/TreeView.svelte

@@ -0,0 +1,103 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+  import type { TreeNode } from "@liwe3/webcomponents";
+
+  interface Props {
+    data?: TreeNode[];
+    indentWidth?: number;
+    selectedIds?: string[];
+    onselectionchange?: (selectedIds: string[]) => void;
+    ontoggle?: (event: CustomEvent<{ nodeId: string; expanded: boolean }>) => void;
+    onitemselected?: (event: CustomEvent<{ node: TreeNode; nodeId: string }>) => void;
+  }
+
+  let {
+    data = $bindable([]),
+    indentWidth = 20,
+    selectedIds = $bindable([]),
+    onselectionchange,
+    ontoggle,
+    onitemselected,
+    ...restProps
+  }: Props = $props();
+
+  let treeViewElement: HTMLElement;
+
+  /**
+   * Updates the web component's attributes based on props
+   */
+  const updateAttributes = () => {
+    if (!treeViewElement) return;
+
+    // Set data
+    if (data && data.length > 0) {
+      (treeViewElement as any).data = data;
+    }
+
+    // Set indent width
+    treeViewElement.setAttribute("indent-width", indentWidth.toString());
+
+    // Set selected IDs
+    if (selectedIds && selectedIds.length > 0) {
+      (treeViewElement as any).selectedNodeIds = selectedIds;
+    }
+  };
+
+  /**
+   * Binds event listeners to the web component
+   */
+  const bindEvents = () => {
+    if (!treeViewElement) return;
+
+    treeViewElement.addEventListener("selectionchange", (event) => {
+      const customEvent = event as CustomEvent;
+      selectedIds = customEvent.detail.selectedIds;
+      onselectionchange?.(selectedIds);
+    });
+
+    treeViewElement.addEventListener("toggle", (event) => {
+      ontoggle?.(event as CustomEvent);
+    });
+
+    treeViewElement.addEventListener("itemselected", (event) => {
+      onitemselected?.(event as CustomEvent);
+    });
+  };
+
+  onMount(async () => {
+    // Dynamically import the web component
+    await import("@liwe3/webcomponents/tree-view");
+
+    updateAttributes();
+    bindEvents();
+  });
+
+  /**
+   * Expose methods to parent component
+   */
+  export const toggleExpansion = (nodeId: string) => {
+    (treeViewElement as any)?.toggleExpansion(nodeId);
+  };
+
+  export const toggleSelection = (nodeId: string) => {
+    (treeViewElement as any)?.toggleSelection(nodeId);
+  };
+
+  export const selectAll = () => {
+    (treeViewElement as any)?.selectAll();
+  };
+
+  export const deselectAll = () => {
+    (treeViewElement as any)?.deselectAll();
+  };
+
+  export const expandAll = () => {
+    (treeViewElement as any)?.expandAll();
+  };
+
+  export const collapseAll = () => {
+    (treeViewElement as any)?.collapseAll();
+  };
+</script>
+
+<liwe3-tree-view bind:this={treeViewElement} {...restProps}></liwe3-tree-view>

package/dist/TreeView.svelte.d.ts

@@ -0,0 +1,28 @@
+import type { TreeNode } from "@liwe3/webcomponents";
+interface Props {
+    data?: TreeNode[];
+    indentWidth?: number;
+    selectedIds?: string[];
+    onselectionchange?: (selectedIds: string[]) => void;
+    ontoggle?: (event: CustomEvent<{
+        nodeId: string;
+        expanded: boolean;
+    }>) => void;
+    onitemselected?: (event: CustomEvent<{
+        node: TreeNode;
+        nodeId: string;
+    }>) => void;
+}
+declare const TreeView: import("svelte").Component<Props, {
+    /**
+       * Expose methods to parent component
+       */ toggleExpansion: (nodeId: string) => void;
+    toggleSelection: (nodeId: string) => void;
+    selectAll: () => void;
+    deselectAll: () => void;
+    expandAll: () => void;
+    collapseAll: () => void;
+}, "data" | "selectedIds">;
+type TreeView = ReturnType<typeof TreeView>;
+export default TreeView;
+//# sourceMappingURL=TreeView.svelte.d.ts.map

package/dist/TreeView.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.svelte.d.ts","sourceRoot":"","sources":["../src/lib/TreeView.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGnD,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC/E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;CACnF;AAsGH,QAAA,MAAM,QAAQ;IAHd;;SAEK,2BA/B+B,MAAM;8BAIN,MAAM;;;;;0BA4BY,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/index.d.ts

@@ -2,10 +2,21 @@
  * @liwe3/webcomponents-svelte
  * Svelte 5 wrappers for @liwe3/webcomponents
  */
-export type { SelectOption, AITextEditorConfig, ToastType, ToastButton, ToastConfig, ToastElement, PopoverMenuItem, PopoverMenuConfig, DateRange } from '@liwe3/webcomponents';
+export type { SelectOption, AITextEditorConfig, ToastType, ToastButton, ToastConfig, ToastElement, DialogButton, DialogConfig, DialogElement, PopoverMenuItem, PopoverMenuConfig, DateRange, TreeNode, UploadedFile, ChunkUploaderConfig, CheckListItem, ButtonToolbarItem, ButtonToolbarGroup, ResizableCropperValues } from '@liwe3/webcomponents';
 export { default as SmartSelect } from './SmartSelect.svelte';
 export { default as AITextEditor } from './AITextEditor.svelte';
 export { default as PopoverMenu } from './PopoverMenu.svelte';
 export { default as DateSelector } from './DateSelector.svelte';
+export { default as TreeView } from './TreeView.svelte';
+export { default as Drawer } from './Drawer.svelte';
+export { default as ContainerBox } from './ContainerBox.svelte';
+export { default as ChunkUploader } from './ChunkUploader.svelte';
+export { default as ButtonToolbar } from './ButtonToolbar.svelte';
+export { default as AIMarkdownEditor } from './AIMarkdownEditor.svelte';
+export { default as MarkdownPreview } from './MarkdownPreview.svelte';
+export type { ChunkFileEvent } from './ChunkUploader.svelte';
+export { default as CheckList } from './CheckList.svelte';
 export { default as Toasts, toastAdd } from './Toasts.svelte';
+export { default as Dialogs, dialogAdd } from './Dialogs.svelte';
+export { default as ResizableCropper } from './ResizableCropper.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAG/K,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGhE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAC3J,iBAAiB,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,mBAAmB,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAGxL,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGlE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAGxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGtE,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -7,5 +7,20 @@ export { default as SmartSelect } from './SmartSelect.svelte';
 export { default as AITextEditor } from './AITextEditor.svelte';
 export { default as PopoverMenu } from './PopoverMenu.svelte';
 export { default as DateSelector } from './DateSelector.svelte';
+export { default as TreeView } from './TreeView.svelte';
+export { default as Drawer } from './Drawer.svelte';
+export { default as ContainerBox } from './ContainerBox.svelte';
+export { default as ChunkUploader } from './ChunkUploader.svelte';
+export { default as ButtonToolbar } from './ButtonToolbar.svelte';
+// Export AIMarkdownEditor
+export { default as AIMarkdownEditor } from './AIMarkdownEditor.svelte';
+// Export MarkdownPreview
+export { default as MarkdownPreview } from './MarkdownPreview.svelte';
+// Export CheckList
+export { default as CheckList } from './CheckList.svelte';
 // Export Toasts component and toastAdd function
 export { default as Toasts, toastAdd } from './Toasts.svelte';
+// Export Dialogs component and dialogAdd function
+export { default as Dialogs, dialogAdd } from './Dialogs.svelte';
+// Export ResizableCropper
+export { default as ResizableCropper } from './ResizableCropper.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liwe3/webcomponents-svelte",
-  "version": "1.0.14",
+  "version": "1.1.11",
   "description": "Svelte 5 wrappers for @liwe3/webcomponents",
   "type": "module",
   "main": "./dist/index.js",