@widgetic/design-system 0.5.10 → 0.5.11

package/dist/components/pdf/PDFViewer.svelte

@@ -11,32 +11,34 @@
   import { WScrollArea } from '../../components';
   
   // Import arrow icons for navigation
-  import { IconChevronLeft, IconChevronRight } from '../../icons';
+  import { IconChevronLeft, IconChevronRight } from '@tabler/icons-svelte';
 
   // Whether to show log messages
   let showLogs = false;
 
-  // import pdfjs library 
-  import * as pdfjsLib from 'pdfjs-dist';  
-  import { type PDFDocumentProxy } from 'pdfjs-dist';
+  // import pdfjs library types
+  import type { PDFDocumentProxy } from 'pdfjs-dist';
 
-  // Set the worker source to use local worker file from pdfjs-dist package
-  if (browser) {
-    // Try to load worker using import.meta.url for correct path resolution
-    // This works better with bundlers like Vite and provides correct paths in both dev and prod
+  let pdfjsLibInstance: typeof import('pdfjs-dist') | null = null;
+
+  async function getPdfjs() {
+    if (pdfjsLibInstance) return pdfjsLibInstance;
+    const lib = await import('pdfjs-dist');
     try {
-      pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
+      lib.GlobalWorkerOptions.workerSrc = new URL(
         'pdfjs-dist/build/pdf.worker.min.mjs',
         import.meta.url
       ).toString();
 
-      if(showLogs) console.log('PDF Worker URL set to:', pdfjsLib.GlobalWorkerOptions.workerSrc);
+      // if(showLogs) console.log('PDF Worker URL set to:', lib.GlobalWorkerOptions.workerSrc);
     } catch (error) {
       if(showLogs) console.error('Error setting PDF worker path:', error);
       // Fallback to CDN as a last resort
-      pdfjsLib.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjsLib.version}/build/pdf.worker.min.js`;
-      if(showLogs) console.log('PDF Worker URL fallback set to:', pdfjsLib.GlobalWorkerOptions.workerSrc);
+      lib.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${lib.version}/build/pdf.worker.min.js`;
+      // if(showLogs) console.log('PDF Worker URL fallback set to:', lib.GlobalWorkerOptions.workerSrc);
     }
+    pdfjsLibInstance = lib;
+    return lib;
   }  
 
   // Import PDF cache store
@@ -86,43 +88,43 @@
 
   // Debug reactive statement to track state changes
   $: if (showLogs) {
-    console.log('State update:', { 
-      loading, 
-      isCanvasReady, 
-      error, 
-      mounted, 
-      url,
-      renderingPhase,
-      pageRendering,
-      hasCanvasContainer: !!canvasContainer,
-      hasPdfDoc: !!pdfDoc,
-      pageCount,
-      showPdfContent,
-      elapsedTime: renderStartTime ? Math.round((Date.now() - renderStartTime) / 100) / 10 + 's' : 'N/A',
-      canvasWidth,
-      canvasHeight,
-      loadedFromCache
-    });
+    // console.log('State update:', { 
+    //   loading, 
+    //   isCanvasReady, 
+    //   error, 
+    //   mounted, 
+    //   url,
+    //   renderingPhase,
+    //   pageRendering,
+    //   hasCanvasContainer: !!canvasContainer,
+    //   hasPdfDoc: !!pdfDoc,
+    //   pageCount,
+    //   showPdfContent,
+    //   elapsedTime: renderStartTime ? Math.round((Date.now() - renderStartTime) / 100) / 10 + 's' : 'N/A',
+    //   canvasWidth,
+    //   canvasHeight,
+    //   loadedFromCache
+    // });
   }
 
   // Add afterUpdate to track when the UI updates
   afterUpdate(() => {
     if (showLogs) {
-      console.log('UI UPDATED:', { 
-        loading, 
-        isCanvasReady, 
-        error, 
-        mounted,
-        renderingPhase,
-        hasCanvasContainer: !!canvasContainer,
-        hasPdfDoc: !!pdfDoc,
-        canvasWidth,
-        canvasHeight,
-        containerWidth: containerDiv?.clientWidth,
-        pageCount,
-        showPdfContent,
-        loadedFromCache
-      });
+      // console.log('UI UPDATED:', { 
+      //   loading, 
+      //   isCanvasReady, 
+      //   error, 
+      //   mounted,
+      //   renderingPhase,
+      //   hasCanvasContainer: !!canvasContainer,
+      //   hasPdfDoc: !!pdfDoc,
+      //   canvasWidth,
+      //   canvasHeight,
+      //   containerWidth: containerDiv?.clientWidth,
+      //   pageCount,
+      //   showPdfContent,
+      //   loadedFromCache
+      // });
     }
   });
 
@@ -135,7 +137,7 @@
       
       // Clear the PDF cache
       pdfCache.clear();
-      if (showLogs) console.log('PDF cache cleared via keyboard shortcut');
+      // if (showLogs) console.log('PDF cache cleared via keyboard shortcut');
       dispatch('cacheCleared');
     }
   }
@@ -155,10 +157,10 @@
 
       await tick();
       mounted = true;
-      if (showLogs) console.log('Component mounted, container available:', !!containerDiv);
+      // if (showLogs) console.log('Component mounted, container available:', !!containerDiv);
 
       if (url) {
-        if (showLogs) console.log('Starting initial load with URL:', url);
+        // if (showLogs) console.log('Starting initial load with URL:', url);
         await loadPDF();
       }
     } catch (err) {
@@ -172,14 +174,14 @@
 
   // Watch for URL changes - only trigger load if URL actually changes
   $: if (url && mounted && !loading && url !== currentUrl) {
-    if (showLogs) console.log('URL changed, loading PDF');
+    // if (showLogs) console.log('URL changed, loading PDF');
     currentUrl = url;
     loadPDF();
   }
 
   // Watch for canvasContainer binding to become available
   $: if (canvasContainer && !canvasContainer.querySelector('canvas') && pdfDoc && renderingPhase === 'calculating_dimensions') {
-    if (showLogs) console.log('Canvas container now available, continuing with render');
+    // if (showLogs) console.log('Canvas container now available, continuing with render');
     renderPDF();
   }
 
@@ -212,7 +214,7 @@
       
       // Use the cached PDF document
       if (cachedEntry) {
-        if (showLogs) console.log('Using cached PDF document:', absoluteUrl);
+        // if (showLogs) console.log('Using cached PDF document:', absoluteUrl);
         pdfDoc = cachedEntry.document;
         pageCount = pdfDoc.numPages;
         pageNum = cachedEntry.pageNumber; // Restore the last viewed page
@@ -220,7 +222,7 @@
         renderingPhase = 'calculating_dimensions';
         
         // Calculate dimensions but don't apply them yet
-        if (showLogs) console.log('Calculating dimensions for cached PDF, container width:', containerDiv.clientWidth);
+        // if (showLogs) console.log('Calculating dimensions for cached PDF, container width:', containerDiv.clientWidth);
         
         const page = await pdfDoc.getPage(pageNum);
         const containerWidth = containerDiv.clientWidth;
@@ -232,15 +234,15 @@
         canvasHeight = viewport.height * scale;
         
         if (showLogs) {
-          console.log('Dimensions calculated for cached PDF:', { 
-            containerWidth, 
-            originalWidth: viewport.width,
-            originalHeight: viewport.height,
-            scale,
-            canvasWidth, 
-            canvasHeight,
-            pageNum
-          });
+          // console.log('Dimensions calculated for cached PDF:', { 
+          //   containerWidth, 
+          //   originalWidth: viewport.width,
+          //   originalHeight: viewport.height,
+          //   scale,
+          //   canvasWidth, 
+          //   canvasHeight,
+          //   pageNum
+          // });
         }
         
         // Wait for the UI to update
@@ -248,7 +250,7 @@
         
         // If canvasContainer is already bound, proceed with rendering
         if (canvasContainer) {
-          if (showLogs) console.log('Canvas container available, rendering cached PDF');
+          // if (showLogs) console.log('Canvas container available, rendering cached PDF');
           await renderPDF(canvasWidth, canvasHeight);
         }
       } 
@@ -262,12 +264,13 @@
         canvasWidth = initialContainerWidth;
         canvasHeight = initialContainerHeight;
         
-        if (showLogs) console.log('Loading PDF from URL:', { url: absoluteUrl });
+        // if (showLogs) console.log('Loading PDF from URL:', { url: absoluteUrl });
 
-        // Load PDF directly with URL
-        const loadingTask = pdfjsLib.getDocument(absoluteUrl);
+        // Load PDF directly with URL via lazily loaded pdfjs
+        const pdfjs = await getPdfjs();
+        const loadingTask = pdfjs.getDocument(absoluteUrl);
         pdfDoc = await loadingTask.promise;
-        if (showLogs) console.log('PDF loaded successfully:', pdfDoc);
+        // if (showLogs) console.log('PDF loaded successfully:', pdfDoc);
 
         // Update the page count
         pageCount = pdfDoc.numPages;
@@ -277,15 +280,15 @@
         pdfCache.set(absoluteUrl, pdfDoc, pageNum);
         
         if (showLogs) {
-          console.log('PDF loaded successfully and cached:', { 
-            pageCount, 
-            loadTime: Math.round((Date.now() - pdfLoadStartTime) / 100) / 10 + 's'
-          });
+          // console.log('PDF loaded successfully and cached:', { 
+          //   pageCount, 
+          //   loadTime: Math.round((Date.now() - pdfLoadStartTime) / 100) / 10 + 's'
+          // });
         }
         
         // Calculate dimensions but don't apply them yet
         renderingPhase = 'calculating_dimensions';
-        if (showLogs) console.log('Calculating dimensions, container width:', containerDiv.clientWidth);
+        // if (showLogs) console.log('Calculating dimensions, container width:', containerDiv.clientWidth);
         
         const page = await pdfDoc.getPage(1);
         const containerWidth = containerDiv.clientWidth;
@@ -297,14 +300,14 @@
         const calculatedHeight = viewport.height * scale;
         
         if (showLogs) {
-          console.log('Dimensions calculated:', { 
-            containerWidth, 
-            originalWidth: viewport.width,
-            originalHeight: viewport.height,
-            scale,
-            calculatedWidth, 
-            calculatedHeight
-          });
+          // console.log('Dimensions calculated:', { 
+          //   containerWidth, 
+          //   originalWidth: viewport.width,
+          //   originalHeight: viewport.height,
+          //   scale,
+          //   calculatedWidth, 
+          //   calculatedHeight
+          // });
         }
 
         // Wait for the UI to update
@@ -312,10 +315,10 @@
         
         // If canvasContainer is already bound, proceed with rendering
         if (canvasContainer) {
-          if (showLogs) console.log('Canvas container available, rendering PDF');
+          // if (showLogs) console.log('Canvas container available, rendering PDF');
           await renderPDF(calculatedWidth, calculatedHeight);
         } else {
-          if (showLogs) console.log('Canvas container not available yet, waiting for binding');
+          // if (showLogs) console.log('Canvas container not available yet, waiting for binding');
           // Store dimensions for later use when container becomes available
           canvasWidth = calculatedWidth;
           canvasHeight = calculatedHeight;
@@ -351,7 +354,7 @@
     try {
       renderingPhase = 'rendering';
       renderStartTime = Date.now();
-      if (showLogs) console.log('Starting PDF render');
+      // if (showLogs) console.log('Starting PDF render');
       
       // Clear any existing canvas
       canvasContainer.innerHTML = '';
@@ -363,10 +366,10 @@
       }
       
       if (showLogs) {
-        console.log('Using dimensions for rendering:', {
-          canvasWidth,
-          canvasHeight
-        });
+        // console.log('Using dimensions for rendering:', {
+        //   canvasWidth,
+        //   canvasHeight
+        // });
       }
       
       // Create a new canvas element
@@ -379,16 +382,16 @@
       canvasContainer.appendChild(canvas);
       
       if (showLogs) {
-        console.log('Canvas created and added to DOM:', {
-          width: canvas.width,
-          height: canvas.height
-        });
+        // console.log('Canvas created and added to DOM:', {
+        //   width: canvas.width,
+        //   height: canvas.height
+        // });
       }
       
       // Render the current page (pageNum might be restored from cache)
       await renderPage(pageNum, canvas);
       
-      if (showLogs) console.log('Render complete, setting isCanvasReady to true');
+      // if (showLogs) console.log('Render complete, setting isCanvasReady to true');
       renderingPhase = 'complete';
       
       // Now that rendering is complete, set isCanvasReady to true
@@ -430,7 +433,7 @@
     pageRendering = true;
     const pageRenderStart = Date.now();
     try {
-      if (showLogs) console.log('Starting page render:', num);
+      // if (showLogs) console.log('Starting page render:', num);
       const page = await pdfDoc.getPage(num);
       const scaledViewport = page.getViewport({ scale });
       
@@ -438,12 +441,12 @@
       if (!ctx) throw new Error('Could not get canvas context');
 
       if (showLogs) {
-        console.log('Rendering to canvas context:', { 
-          canvasWidth: canvas.width, 
-          canvasHeight: canvas.height,
-          viewportWidth: scaledViewport.width,
-          viewportHeight: scaledViewport.height
-        });
+        // console.log('Rendering to canvas context:', { 
+        //   canvasWidth: canvas.width, 
+        //   canvasHeight: canvas.height,
+        //   viewportWidth: scaledViewport.width,
+        //   viewportHeight: scaledViewport.height
+        // });
       }
 
       await page.render({
@@ -452,10 +455,10 @@
       }).promise;
 
       if (showLogs) {
-        console.log('Page rendered successfully', {
-          renderTime: Math.round((Date.now() - pageRenderStart) / 100) / 10 + 's',
-          totalTime: Math.round((Date.now() - renderStartTime) / 100) / 10 + 's'
-        });
+        // console.log('Page rendered successfully', {
+        //   renderTime: Math.round((Date.now() - pageRenderStart) / 100) / 10 + 's',
+        //   totalTime: Math.round((Date.now() - renderStartTime) / 100) / 10 + 's'
+        // });
       }
       
       pageRendering = false;

package/dist/components/pdf/PDFViewer.svelte.d.ts

@@ -1,28 +1,32 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: string;
-        style?: string;
-        url?: string;
-        enableCacheClearing?: boolean;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        error: CustomEvent<{
-            message: string;
-        }>;
-        pageChange: CustomEvent<{
-            page: number;
-            totalPages: number;
-        }>;
-        cacheCleared: CustomEvent<void>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type PDFViewerProps = typeof __propDef.props;
-export type PDFViewerEvents = typeof __propDef.events;
-export type PDFViewerSlots = typeof __propDef.slots;
-export default class PDFViewer extends SvelteComponentTyped<PDFViewerProps, PDFViewerEvents, PDFViewerSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const PDFViewer: $$__sveltets_2_IsomorphicComponent<{
+    class?: string;
+    style?: string;
+    url?: string;
+    enableCacheClearing?: boolean;
+}, {
+    error: CustomEvent<{
+        message: string;
+    }>;
+    pageChange: CustomEvent<{
+        page: number;
+        totalPages: number;
+    }>;
+    cacheCleared: CustomEvent<void>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type PDFViewer = InstanceType<typeof PDFViewer>;
+export default PDFViewer;

package/dist/components/search-input/SearchInput.svelte

@@ -10,8 +10,8 @@
  * - Uses Widgetic design system styling
  -->
 <script lang="ts">
-  // import { X, IconSearch } from '@widgetic/design-system/icons';
-  import { X, IconSearch } from '../../icons';
+  import X from 'lucide-svelte/icons/x';
+  import { IconSearch } from '@tabler/icons-svelte';
   /**
    * Placeholder text for the search input
    */

package/dist/components/search-input/SearchInput.svelte.d.ts

@@ -1,42 +1,46 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        /**
-           * Placeholder text for the search input
-           */ placeholder?: string;
-        /**
-           * Current search value
-           */ value?: string;
-        /**
-           * Input event handler
-           * @param event The input event
-           */ onInput?: (event: Event) => Promise<void> | void;
-        /**
-           * Keydown event handler
-           * @param event The keyboard event
-           */ onKeydown?: (event: KeyboardEvent) => void;
-        /**
-           * Clear button event handler
-           */ onClear?: () => void;
-        /**
-           * Paste event handler
-           * @param event The clipboard event
-           */ onPaste?: (event: ClipboardEvent) => void;
-        /**
-           * CSS class to apply to the container
-           */ containerClass?: string;
-        /**
-           * CSS class to apply to the input element
-           */ inputClass?: string;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SearchInputProps = typeof __propDef.props;
-export type SearchInputEvents = typeof __propDef.events;
-export type SearchInputSlots = typeof __propDef.slots;
-export default class SearchInput extends SvelteComponentTyped<SearchInputProps, SearchInputEvents, SearchInputSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SearchInput: $$__sveltets_2_IsomorphicComponent<{
+    /**
+       * Placeholder text for the search input
+       */ placeholder?: string;
+    /**
+       * Current search value
+       */ value?: string;
+    /**
+       * Input event handler
+       * @param event The input event
+       */ onInput?: (event: Event) => Promise<void> | void;
+    /**
+       * Keydown event handler
+       * @param event The keyboard event
+       */ onKeydown?: (event: KeyboardEvent) => void;
+    /**
+       * Clear button event handler
+       */ onClear?: () => void;
+    /**
+       * Paste event handler
+       * @param event The clipboard event
+       */ onPaste?: (event: ClipboardEvent) => void;
+    /**
+       * CSS class to apply to the container
+       */ containerClass?: string;
+    /**
+       * CSS class to apply to the input element
+       */ inputClass?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SearchInput = InstanceType<typeof SearchInput>;
+export default SearchInput;

package/dist/components/shad-editor/colorpicker.svelte.d.ts

@@ -1,17 +1,6 @@
-import { SvelteComponentTyped } from "svelte";
 export type ColorpickerProps = {
     hex: string;
 };
-declare const __propDef: {
-    props: ColorpickerProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type ColorpickerProps_ = ColorpickerProps;
-export type ColorpickerEvents = typeof __propDef.events;
-export type ColorpickerSlots = typeof __propDef.slots;
-export default class Colorpicker extends SvelteComponentTyped<ColorpickerProps_, ColorpickerEvents, ColorpickerSlots> {
-}
-export {};
+declare const Colorpicker: import("svelte").Component<ColorpickerProps, {}, "hex">;
+type Colorpicker = ReturnType<typeof Colorpicker>;
+export default Colorpicker;

package/dist/components/shad-editor/custom/Extentions/SearchAndReplace.js

@@ -115,7 +115,8 @@ const replaceAll = (replaceTerm, results, { tr, dispatch }) => {
         offset = rebaseNextResultResponse[0];
         resultsCopy = rebaseNextResultResponse[1];
     }
-    dispatch(tr);
+    if (dispatch)
+        dispatch(tr);
 };
 export const searchAndReplacePluginKey = new PluginKey('searchAndReplacePlugin');
 export const SearchAndReplace = Extension.create({

package/dist/components/shad-editor/custom/code-extended.svelte

@@ -21,7 +21,7 @@
 	let defaultLanguage = $state(node.attrs.language);
 
 	onMount(() => {
-		console.log(node);
+		// console.log(node);
 	});
 
 	function copyCode() {

package/dist/components/shad-editor/custom/code-extended.svelte.d.ts

@@ -1,16 +1,5 @@
-import { SvelteComponentTyped } from "svelte";
 export type CodeExtendedProps = NodeViewProps;
 import type { NodeViewProps } from '@tiptap/core';
-declare const __propDef: {
-    props: CodeExtendedProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type CodeExtendedProps_ = CodeExtendedProps;
-export type CodeExtendedEvents = typeof __propDef.events;
-export type CodeExtendedSlots = typeof __propDef.slots;
-export default class CodeExtended extends SvelteComponentTyped<CodeExtendedProps_, CodeExtendedEvents, CodeExtendedSlots> {
-}
-export {};
+declare const CodeExtended: import("svelte").Component<NodeViewProps, {}, "">;
+type CodeExtended = ReturnType<typeof CodeExtended>;
+export default CodeExtended;

package/dist/components/shad-editor/custom/image-extended-component.svelte

@@ -209,7 +209,7 @@
 				>
 					<AlignRight class="size-4" />
 				</Button>
-				<DropdownMenu.Root bind:open={openedMore} onOpenChange={(value) => (openedMore = value)}>
+				<DropdownMenu.Root bind:open={openedMore} onOpenChange={(value: boolean) => (openedMore = value)}>
 					<DropdownMenu.Trigger class={buttonVariants({ variant: 'ghost', class: 'size-6 p-0' })}>
 						<EllipsisVertical class="size-4" />
 					</DropdownMenu.Trigger>

package/dist/components/shad-editor/custom/image-extended-component.svelte.d.ts

@@ -1,16 +1,5 @@
-import { SvelteComponentTyped } from "svelte";
 export type ImageExtendedComponentProps = NodeViewProps;
 import type { NodeViewProps } from '@tiptap/core';
-declare const __propDef: {
-    props: ImageExtendedComponentProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type ImageExtendedComponentProps_ = ImageExtendedComponentProps;
-export type ImageExtendedComponentEvents = typeof __propDef.events;
-export type ImageExtendedComponentSlots = typeof __propDef.slots;
-export default class ImageExtendedComponent extends SvelteComponentTyped<ImageExtendedComponentProps_, ImageExtendedComponentEvents, ImageExtendedComponentSlots> {
-}
-export {};
+declare const ImageExtendedComponent: import("svelte").Component<NodeViewProps, {}, "">;
+type ImageExtendedComponent = ReturnType<typeof ImageExtendedComponent>;
+export default ImageExtendedComponent;

package/dist/components/shad-editor/editor-toolbar.svelte

@@ -1,10 +1,13 @@
 <script lang="ts" module>
+	import type { Editor } from '@tiptap/core';
 
-	export type EditorToolbarProps = Props;
+	export interface EditorToolbarProps {
+		editor: Editor;
+		class?: string;
+	}
 </script>
 
 <script lang="ts">
-	import { type Editor } from '@tiptap/core';
 	import Undo from './icons/undo.svelte';
 	import Redo from './icons/redo.svelte';
 	import { Separator } from '../ui/separator/index.js';
@@ -29,11 +32,6 @@
 	import Text from './icons/text.svelte';
 	import SearchReplace from './icons/search-replace.svelte';
 
-	interface Props {
-		editor: Editor;
-		class?: string;
-	}
-
 	let { class: className = '', editor }: EditorToolbarProps = $props();
 </script>