@liwe3/webcomponents-svelte 1.1.0 → 1.1.11

package/README.md

@@ -68,6 +68,34 @@ yarn add @liwe3/webcomponents @liwe3/webcomponents-svelte
 />
 ```
 
+### AIMarkdownEditor
+
+```svelte
+<script>
+  import { AIMarkdownEditor } from '@liwe3/webcomponents-svelte';
+
+  let content = $state('');
+</script>
+
+<AIMarkdownEditor
+  bind:value={content}
+  apiKey="your-api-key"
+  style="width: 100%; height: 500px;"
+/>
+```
+
+### MarkdownPreview
+
+```svelte
+<script>
+  import { MarkdownPreview } from '@liwe3/webcomponents-svelte';
+
+  let content = $state('# Hello World');
+</script>
+
+<MarkdownPreview value={content} />
+```
+
 ## Features
 
 - **Full Svelte 5 Support**: Uses Svelte 5 runes (`$state`, `$bindable`, `$effect`)
@@ -102,6 +130,24 @@ yarn add @liwe3/webcomponents @liwe3/webcomponents-svelte
 - `onbeforesuggestion` (function): Called before requesting suggestion
 - `onchange` (function): Change event handler
 
+### AIMarkdownEditor Props
+
+- `value` (string, bindable): Editor content
+- `apiKey` (string): API key for AI service
+- `suggestionDelay` (number): Delay before showing suggestions (ms)
+- `systemPrompt` (string, bindable): System prompt for AI
+- `apiEndpoint` (string): API endpoint URL
+- `modelName` (string): Model name to use
+- `context` (string): Additional context for AI
+- `onbeforesuggestion` (function): Called before requesting suggestion
+- `onchange` (function): Change event handler
+
+### MarkdownPreview Props
+
+- `value` (string): Markdown content to render
+- `libUrl` (string): URL to load marked library from
+- `onlibraryloaded` (function): Called when library is loaded
+
 ## License
 
 MIT

package/dist/AIMarkdownEditor.svelte

@@ -0,0 +1,179 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+  import type { AIMarkdownEditorElement } from "@liwe3/webcomponents";
+
+  interface Props {
+    value?: string;
+    apiKey?: string;
+    suggestionDelay?: number;
+    systemPrompt?: string;
+    apiEndpoint?: string;
+    modelName?: string;
+    context?: string;
+
+    onbeforesuggestion?: (data: any) => boolean;
+    onchange?: (value: string) => void;
+  }
+
+  let {
+    value = $bindable(""),
+    apiKey = "",
+    suggestionDelay = 3000,
+    systemPrompt = $bindable(
+      "You are a helpful writing assistant. Continue the user's text naturally and coherently. Provide 1-3 sentences that would logically follow their writing. Keep the same tone and style. Do not repeat what they've already written."
+    ),
+    apiEndpoint = "https://api.openai.com/v1/chat/completions",
+    modelName = "gpt-3.5-turbo",
+    context = "",
+
+    onbeforesuggestion,
+    onchange,
+  }: Props = $props();
+
+  let elementRef: AIMarkdownEditorElement;
+  let isReady = $state(false);
+
+  // Sync props to web component - only when ready
+  $effect(() => {
+    if (!isReady || !elementRef) return;
+    
+    if (apiKey) elementRef.setApiKey(apiKey);
+    elementRef.setSuggestionDelay(suggestionDelay / 1000);
+    elementRef.setSystemPrompt(systemPrompt);
+    elementRef.setApiEndpoint(apiEndpoint);
+    elementRef.setModelName(modelName);
+    if (context) elementRef.setContext(context);
+  });
+
+  // Sync value to web component - only when ready
+  $effect(() => {
+    if (!isReady || !elementRef) return;
+    
+    const currentText = elementRef.getText();
+    if (currentText !== value) {
+      elementRef.setText(value);
+    }
+  });
+
+  onMount(async () => {
+    // Dynamically import and register the web component
+    const { defineAIMarkdownEditor } = await import("@liwe3/webcomponents/ai-markdown-editor");
+    defineAIMarkdownEditor();
+
+    // Wait for element to be ready (next tick)
+    await new Promise(resolve => setTimeout(resolve, 0));
+
+    // Listen for changes from the web component
+    const handleChange = (event: CustomEvent) => {
+      const newValue = event.detail.value;
+      if (newValue !== value) {
+        value = newValue;
+        onchange?.(newValue);
+      }
+    };
+
+    // Forward beforeSuggestion event and allow parent to cancel
+    const handleBeforeSuggestion = (event: CustomEvent) => {
+      const cancel = onbeforesuggestion
+        ? onbeforesuggestion(event.detail)
+        : false;
+
+      // propagate cancellation back to the underlying web component
+      if (cancel) event.preventDefault();
+    };
+
+    elementRef.addEventListener("change", handleChange);
+    elementRef.addEventListener(
+      "beforeSuggestion",
+      handleBeforeSuggestion as EventListener
+    );
+
+    // Mark as ready to enable $effects
+    isReady = true;
+
+    // Cleanup
+    return () => {
+      elementRef?.removeEventListener("change", handleChange);
+      elementRef?.removeEventListener(
+        "beforeSuggestion",
+        handleBeforeSuggestion as EventListener
+      );
+    };
+  });
+
+  // Public methods to expose web component functionality
+  export const setText = (text: string) => {
+    value = text;
+    if (isReady && elementRef) {
+      elementRef.setText(text);
+    }
+  };
+
+  export const getText = (): string => {
+    return elementRef?.getText() || "";
+  };
+
+  export const setContext = (ctx: string) => {
+    context = ctx;
+    if (isReady && elementRef) {
+      elementRef.setContext(ctx);
+    }
+  };
+
+  export const getContext = (): string => {
+    return elementRef?.getContext() || context;
+  };
+
+  export const setSystemPrompt = (prompt: string) => {
+    systemPrompt = prompt;
+    if (isReady && elementRef) {
+      elementRef.setSystemPrompt(prompt);
+    }
+  };
+
+  export const getSystemPrompt = (): string => {
+    return elementRef?.getSystemPrompt() || systemPrompt;
+  };
+
+  export const setApiKey = (key: string) => {
+    if (isReady && elementRef) {
+      elementRef.setApiKey(key);
+    }
+  };
+
+  export const getApiKey = (): string => {
+    return elementRef?.getApiKey() || "";
+  };
+
+  export const setSuggestionDelay = (seconds: number) => {
+    if (isReady && elementRef) {
+      elementRef.setSuggestionDelay(seconds);
+    }
+  };
+
+  export const getSuggestionDelay = (): number => {
+    return elementRef?.getSuggestionDelay() || suggestionDelay;
+  };
+
+  export const setApiEndpoint = (endpoint: string) => {
+    if (isReady && elementRef) {
+      elementRef.setApiEndpoint(endpoint);
+    }
+  };
+
+  export const getApiEndpoint = (): string => {
+    return elementRef?.getApiEndpoint() || apiEndpoint;
+  };
+
+  export const setModelName = (model: string) => {
+    if (isReady && elementRef) {
+      elementRef.setModelName(model);
+    }
+  };
+
+  export const getModelName = (): string => {
+    return elementRef?.getModelName() || modelName;
+  };
+</script>
+
+<liwe3-ai-markdown-editor bind:this={elementRef}></liwe3-ai-markdown-editor>

package/dist/AIMarkdownEditor.svelte.d.ts

@@ -0,0 +1,30 @@
+interface Props {
+    value?: string;
+    apiKey?: string;
+    suggestionDelay?: number;
+    systemPrompt?: string;
+    apiEndpoint?: string;
+    modelName?: string;
+    context?: string;
+    onbeforesuggestion?: (data: any) => boolean;
+    onchange?: (value: string) => void;
+}
+declare const AIMarkdownEditor: import("svelte").Component<Props, {
+    setText: (text: string) => void;
+    getText: () => string;
+    setContext: (ctx: string) => void;
+    getContext: () => string;
+    setSystemPrompt: (prompt: string) => void;
+    getSystemPrompt: () => string;
+    setApiKey: (key: string) => void;
+    getApiKey: () => string;
+    setSuggestionDelay: (seconds: number) => void;
+    getSuggestionDelay: () => number;
+    setApiEndpoint: (endpoint: string) => void;
+    getApiEndpoint: () => string;
+    setModelName: (model: string) => void;
+    getModelName: () => string;
+}, "value" | "systemPrompt">;
+type AIMarkdownEditor = ReturnType<typeof AIMarkdownEditor>;
+export default AIMarkdownEditor;
+//# sourceMappingURL=AIMarkdownEditor.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AIMarkdownEditor.svelte.d.ts","sourceRoot":"","sources":["../src/lib/AIMarkdownEditor.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AA2KH,QAAA,MAAM,gBAAgB;oBA9EI,MAAM;mBAOT,MAAM;sBAID,MAAM;sBAOR,MAAM;8BAII,MAAM;2BAOX,MAAM;qBAIV,MAAM;qBAMR,MAAM;kCAIS,MAAM;8BAMZ,MAAM;+BAIH,MAAM;0BAMb,MAAM;0BAIJ,MAAM;wBAMV,MAAM;4BAS4B,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/AITextEditor.svelte

@@ -11,6 +11,7 @@
     placeholder?: string;
 
     onbeforesuggestion?: (data: any) => boolean;
+    oncompletionerror?: (error: string) => void;
     onchange?: (value: string) => void;
   }
 
@@ -26,11 +27,12 @@
     placeholder = "Start writing your markdown text here...",
 
     onbeforesuggestion,
+    oncompletionerror,
     onchange,
   }: Props = $props();
 
   let elementRef: HTMLElement;
-  let webComponent: any;
+  let webComponent = $state<any>(null);
 
   /**
    * Updates the web component property and syncs with Svelte state
@@ -52,32 +54,22 @@
     }
   };
 
-  /**
-   * Syncs all props with the web component
-   */
-  const syncAllProps = () => {
-    if (!webComponent) return;
-
-    updateWebComponentProperty("apiKey", apiKey);
-    updateWebComponentProperty("suggestionDelay", suggestionDelay);
-    updateWebComponentProperty("systemPrompt", systemPrompt);
-    updateWebComponentProperty("apiEndpoint", apiEndpoint);
-    updateWebComponentProperty("modelName", modelName);
-
-    // Set initial text value
-    if (value && webComponent.getText() !== value) {
-      webComponent.setText(value);
-    }
-
-    // Set placeholder
-    const textarea = webComponent.shadowRoot?.getElementById("editor");
-    if (textarea && placeholder) {
-      textarea.placeholder = placeholder;
+  $effect(() => {
+    if (webComponent) {
+      updateWebComponentProperty("apiKey", apiKey);
+      updateWebComponentProperty("suggestionDelay", suggestionDelay / 1000);
+      updateWebComponentProperty("systemPrompt", systemPrompt);
+      updateWebComponentProperty("apiEndpoint", apiEndpoint);
+      updateWebComponentProperty("modelName", modelName);
     }
-  };
+  });
 
   $effect(() => {
-    if (webComponent && webComponent.getText() !== value) {
+    if (
+      webComponent &&
+      typeof webComponent.getText === "function" &&
+      webComponent.getText() !== value
+    ) {
       webComponent.setText(value);
     }
   });
@@ -98,9 +90,6 @@
     // Get reference to the web component
     webComponent = elementRef;
 
-    // Sync all initial props
-    syncAllProps();
-
     // Listen for changes from the web component
     const handleChange = (event: CustomEvent) => {
       const newValue = event.detail.value;
@@ -120,11 +109,19 @@
       if (cancel) event.preventDefault();
     };
 
+    const handleCompletionError = (event: CustomEvent) => {
+      oncompletionerror?.(event.detail.error);
+    };
+
     webComponent.addEventListener("change", handleChange);
     webComponent.addEventListener(
       "beforeSuggestion",
       handleBeforeSuggestion as EventListener
     );
+    webComponent.addEventListener(
+      "oncompletionerror",
+      handleCompletionError as EventListener
+    );
 
     // Cleanup
     return () => {
@@ -133,6 +130,10 @@
         "beforeSuggestion",
         handleBeforeSuggestion as EventListener
       );
+      webComponent?.removeEventListener(
+        "oncompletionerror",
+        handleCompletionError as EventListener
+      );
     };
   });
 

package/dist/AITextEditor.svelte.d.ts

@@ -7,6 +7,7 @@ interface Props {
     modelName?: string;
     placeholder?: string;
     onbeforesuggestion?: (data: any) => boolean;
+    oncompletionerror?: (error: string) => void;
     onchange?: (value: string) => void;
 }
 declare const AITextEditor: import("svelte").Component<Props, {

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

@@ -1 +1 @@
-{"version":3,"file":"AITextEditor.svelte.d.ts","sourceRoot":"","sources":["../src/lib/AITextEditor.svelte.ts"],"names":[],"mappings":"AAME,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AA4MH,QAAA,MAAM,YAAY;oBA5EQ,MAAM;mBAMT,MAAM;0BAKG,MAAM;sBAKZ,MAAM;8BAKI,MAAM;2BAMX,MAAM;qBAKV,MAAM;qBAKR,MAAM;kCAKS,MAAM;8BAKZ,MAAM;+BAKH,MAAM;0BAKb,MAAM;0BAKJ,MAAM;wBAKV,MAAM;4BASwB,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AITextEditor.svelte.d.ts","sourceRoot":"","sources":["../src/lib/AITextEditor.svelte.ts"],"names":[],"mappings":"AAME,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AA4MH,QAAA,MAAM,YAAY;oBA5EQ,MAAM;mBAMT,MAAM;0BAKG,MAAM;sBAKZ,MAAM;8BAKI,MAAM;2BAMX,MAAM;qBAKV,MAAM;qBAKR,MAAM;kCAKS,MAAM;8BAKZ,MAAM;+BAKH,MAAM;0BAKb,MAAM;0BAKJ,MAAM;wBAKV,MAAM;4BASwB,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/ButtonToolbar.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+  import type { ButtonToolbarGroup, ButtonToolbarItem } from "@liwe3/webcomponents";
+
+  interface Props {
+    orientation?: 'horizontal' | 'vertical';
+    groups?: ButtonToolbarGroup[];
+    onbuttonclick?: (detail: { id: string; action: string; originalEvent: Event; item: ButtonToolbarItem }) => void;
+  }
+
+  let {
+    orientation = "horizontal",
+    groups = [],
+    onbuttonclick,
+    ...restProps
+  }: Props = $props();
+
+  let elementRef: HTMLElement;
+  let webComponent = $state<any>(null);
+
+  $effect(() => {
+    if (webComponent) {
+      webComponent.orientation = orientation;
+    }
+  });
+
+  $effect(() => {
+    if (webComponent) {
+      webComponent.groups = groups;
+    }
+  });
+
+  onMount(async () => {
+    // Dynamically import the web component
+    await import("@liwe3/webcomponents/button-toolbar");
+
+    // Get reference to the web component
+    webComponent = elementRef;
+
+    // Listen for events
+    const handleButtonClick = (event: CustomEvent) => {
+      onbuttonclick?.(event.detail);
+    };
+
+    webComponent.addEventListener("button-click", handleButtonClick);
+
+    // Cleanup
+    return () => {
+      webComponent?.removeEventListener("button-click", handleButtonClick);
+    };
+  });
+</script>
+
+<!-- svelte-ignore a11y_unknown_aria_attribute -->
+<liwe3-button-toolbar bind:this={elementRef} {...restProps}></liwe3-button-toolbar>

package/dist/ButtonToolbar.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { ButtonToolbarGroup, ButtonToolbarItem } from "@liwe3/webcomponents";
+interface Props {
+    orientation?: 'horizontal' | 'vertical';
+    groups?: ButtonToolbarGroup[];
+    onbuttonclick?: (detail: {
+        id: string;
+        action: string;
+        originalEvent: Event;
+        item: ButtonToolbarItem;
+    }) => void;
+}
+declare const ButtonToolbar: import("svelte").Component<Props, {}, "">;
+type ButtonToolbar = ReturnType<typeof ButtonToolbar>;
+export default ButtonToolbar;
+//# sourceMappingURL=ButtonToolbar.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonToolbar.svelte.d.ts","sourceRoot":"","sources":["../src/lib/ButtonToolbar.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGhF,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,KAAK,CAAC;QAAC,IAAI,EAAE,iBAAiB,CAAA;KAAE,KAAK,IAAI,CAAC;CACjH;AAsDH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/CheckList.svelte

@@ -0,0 +1,87 @@
+<script lang="ts">
+import { onMount } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+import type {
+	CheckListElement as CheckListElementType,
+	CheckListItem,
+} from '@liwe3/webcomponents';
+
+interface Props extends HTMLAttributes<CheckListElementType> {
+	title?: string;
+	items?: CheckListItem[];
+	onchange?: (items: CheckListItem[]) => void;
+}
+
+let {
+	title = 'Checklist',
+	items = [],
+	onchange,
+	...restProps
+}: Props = $props();
+
+let element: CheckListElementType;
+let isReady = $state(false);
+let removeListeners: (() => void) | null = null;
+
+const syncProps = () => {
+	if (!isReady || !element) return;
+	element.title = title;
+	element.items = items;
+};
+
+const bindEvents = () => {
+	if (!element) return;
+
+	const handleChange = (event: CustomEvent) => {
+		const newItems = event.detail.items;
+		onchange?.(newItems);
+	};
+
+	element.addEventListener('change', handleChange as EventListener);
+
+	removeListeners = () => {
+		element.removeEventListener('change', handleChange as EventListener);
+	};
+};
+
+onMount(() => {
+	let isMounted = true;
+
+	const setup = async () => {
+		// Dynamic import to ensure the web component is registered
+		await import('@liwe3/webcomponents');
+		await customElements.whenDefined('liwe3-checklist');
+
+		if (!isMounted) return;
+		isReady = true;
+		syncProps();
+		bindEvents();
+	};
+
+	void setup();
+
+	return () => {
+		isMounted = false;
+		removeListeners?.();
+		removeListeners = null;
+	};
+});
+
+$effect(() => {
+	if (!isReady || !element) return;
+	element.title = title;
+});
+
+$effect(() => {
+	if (!isReady || !element) return;
+	// We need to be careful not to create an infinite loop if the change event updates the items prop
+	// But since we are passing a new array reference from the parent usually, it should be fine.
+	// However, if the parent updates the array in place, Svelte might not detect it unless using $state.
+	// For now, we assume standard Svelte 5 reactivity.
+	if (JSON.stringify(element.items) !== JSON.stringify(items)) {
+		element.items = items;
+	}
+});
+</script>
+
+<liwe3-checklist bind:this={element} {...restProps}></liwe3-checklist>

package/dist/CheckList.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { CheckListElement as CheckListElementType, CheckListItem } from '@liwe3/webcomponents';
+interface Props extends HTMLAttributes<CheckListElementType> {
+    title?: string;
+    items?: CheckListItem[];
+    onchange?: (items: CheckListItem[]) => void;
+}
+declare const CheckList: import("svelte").Component<Props, {}, "">;
+type CheckList = ReturnType<typeof CheckList>;
+export default CheckList;
+//# sourceMappingURL=CheckList.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckList.svelte.d.ts","sourceRoot":"","sources":["../src/lib/CheckList.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EACX,gBAAgB,IAAI,oBAAoB,EACxC,aAAa,EACb,MAAM,sBAAsB,CAAC;AAG9B,UAAU,KAAM,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CAC5C;AAmFD,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}