@incremark/svelte 0.2.6 → 0.3.0

package/README.en.md

@@ -0,0 +1,274 @@
+# @incremark/svelte
+
+Svelte 5 integration library for Incremark, providing high-performance streaming Markdown rendering components.
+
+**[🇨🇳 中文](./README.md)** | 🇺🇸 English
+
+## Core Advantages
+
+- 📦 **Out of the Box** - Provides `IncremarkContent` component and `useIncremark` store
+- ⚡ **Extreme Performance** - Incremental parsing with O(n) complexity, dual-engine support
+- ⌨️ **Typewriter Effect** - Built-in animation effects (fade-in, typing)
+- 🎨 **Highly Customizable** - Custom components, code blocks, containers
+- 🎯 **Svelte 5 Runes** - Uses the latest Svelte 5 syntax
+- 📜 **Auto Scroll** - Built-in AutoScrollContainer component
+
+## Installation
+
+```bash
+pnpm add @incremark/core @incremark/svelte
+```
+
+## Quick Start
+
+### Recommended: IncremarkContent Component
+
+```svelte
+<script lang="ts">
+  import { IncremarkContent } from '@incremark/svelte'
+  import '@incremark/svelte/style.css'
+
+  let content = $state('')
+  let isFinished = $state(false)
+
+  // Handle AI streaming output
+  async function handleStream(stream: AsyncIterable<string>) {
+    content = ''
+    isFinished = false
+    
+    for await (const chunk of stream) {
+      content += chunk
+    }
+    
+    isFinished = true
+  }
+</script>
+
+<button onclick={() => handleStream(stream)}>Start</button>
+<IncremarkContent 
+  {content} 
+  {isFinished}
+  incremarkOptions={{
+    gfm: true,
+    math: true,
+    containers: true,
+    htmlTree: true
+  }}
+/>
+```
+
+### Advanced: useIncremark Store
+
+```svelte
+<script lang="ts">
+  import { useIncremark, Incremark } from '@incremark/svelte'
+  import '@incremark/svelte/style.css'
+
+  const { blocks, append, finalize, reset } = useIncremark({ 
+    gfm: true,
+    math: true
+  })
+
+  async function handleStream(stream: AsyncIterable<string>) {
+    reset()
+    for await (const chunk of stream) {
+      append(chunk)
+    }
+    finalize()
+  }
+</script>
+
+<button onclick={() => handleStream(stream)}>Start</button>
+<Incremark blocks={$blocks} />
+```
+
+## IncremarkContent Component
+
+Declarative all-in-one component, recommended for most scenarios.
+
+### Props
+
+```ts
+interface IncremarkContentProps {
+  // Input (choose one)
+  content?: string                       // Accumulated Markdown string
+  stream?: () => AsyncGenerator<string>  // Async generator function
+
+  // Status
+  isFinished?: boolean                   // Stream finished flag (required for content mode)
+
+  // Configuration
+  incremarkOptions?: {
+    gfm?: boolean              // GFM support
+    math?: boolean             // Math formulas
+    htmlTree?: boolean         // HTML structured parsing
+    containers?: boolean       // ::: container syntax
+    typewriter?: {             // Typewriter effect
+      enabled?: boolean
+      charsPerTick?: number | [number, number]
+      tickInterval?: number
+      effect?: 'none' | 'fade-in' | 'typing'
+      cursor?: string
+    }
+  }
+
+  // Custom rendering
+  components?: ComponentMap                          // Custom components
+  customContainers?: Record<string, Component>       // Custom containers
+  customCodeBlocks?: Record<string, Component>       // Custom code blocks
+  codeBlockConfigs?: Record<string, CodeBlockConfig>
+
+  // Styling
+  showBlockStatus?: boolean    // Show block status border
+  pendingClass?: string        // CSS class for pending blocks
+}
+```
+
+### Example: Enable Typewriter Effect
+
+```svelte
+<IncremarkContent 
+  {content} 
+  {isFinished}
+  incremarkOptions={{
+    gfm: true,
+    typewriter: {
+      enabled: true,
+      charsPerTick: [1, 3],
+      tickInterval: 30,
+      effect: 'fade-in'
+    }
+  }}
+/>
+```
+
+### Example: Custom Components
+
+```svelte
+<script lang="ts">
+  import CustomHeading from './CustomHeading.svelte'
+  import WarningContainer from './WarningContainer.svelte'
+  import EchartsCodeBlock from './EchartsCodeBlock.svelte'
+</script>
+
+<IncremarkContent 
+  {content} 
+  {isFinished}
+  components={{ heading: CustomHeading }}
+  customContainers={{ warning: WarningContainer }}
+  customCodeBlocks={{ echarts: EchartsCodeBlock }}
+  codeBlockConfigs={{ echarts: { takeOver: true } }}
+/>
+```
+
+## Theme System
+
+```svelte
+<script lang="ts">
+  import { ThemeProvider, IncremarkContent } from '@incremark/svelte'
+</script>
+
+<!-- Built-in theme -->
+<ThemeProvider theme="dark">
+  <IncremarkContent {content} {isFinished} />
+</ThemeProvider>
+
+<!-- Custom theme -->
+<ThemeProvider theme={{ color: { brand: { primary: '#8b5cf6' } } }}>
+  <IncremarkContent {content} {isFinished} />
+</ThemeProvider>
+```
+
+## Auto Scroll
+
+```svelte
+<script lang="ts">
+  import { AutoScrollContainer, IncremarkContent } from '@incremark/svelte'
+
+  let scrollContainer: { scrollToBottom: () => void }
+  let autoScrollEnabled = $state(true)
+</script>
+
+<AutoScrollContainer 
+  bind:this={scrollContainer} 
+  enabled={autoScrollEnabled}
+  threshold={50}
+  behavior="smooth"
+>
+  <IncremarkContent {content} {isFinished} />
+</AutoScrollContainer>
+
+<button onclick={() => scrollContainer?.scrollToBottom()}>
+  Scroll to Bottom
+</button>
+```
+
+## useIncremark API
+
+```ts
+const {
+  // State (Svelte stores)
+  markdown,           // Writable<string> - Complete Markdown
+  blocks,             // Readable<Block[]> - All blocks
+  completedBlocks,    // Writable<Block[]> - Completed blocks
+  pendingBlocks,      // Writable<Block[]> - Pending blocks
+  isLoading,          // Writable<boolean> - Is loading
+  isDisplayComplete,  // Readable<boolean> - Is display complete
+  
+  // Methods
+  append,             // (chunk: string) => IncrementalUpdate
+  finalize,           // () => IncrementalUpdate
+  reset,              // () => void
+  render,             // (content: string) => IncrementalUpdate
+  
+  // Typewriter controls
+  typewriter: {
+    enabled,          // Writable<boolean> - Is enabled
+    isProcessing,     // Readable<boolean> - Is processing
+    skip,             // () => void - Skip animation
+    setOptions        // (options) => void - Update config
+  }
+} = useIncremark(options)
+```
+
+## Svelte 5 Runes Syntax
+
+This library uses Svelte 5 Runes syntax:
+
+```svelte
+<script lang="ts">
+  import { IncremarkContent } from '@incremark/svelte'
+
+  // Use $state for reactive state
+  let content = $state('')
+  let isFinished = $state(false)
+
+  // Use $derived for computed values
+  let charCount = $derived(content.length)
+</script>
+
+<IncremarkContent {content} {isFinished} />
+<p>Character count: {charCount}</p>
+```
+
+## Math Formula Support
+
+Built-in support, just enable `math: true`:
+
+```svelte
+<IncremarkContent 
+  {content} 
+  {isFinished}
+  incremarkOptions={{ math: true }}
+/>
+```
+
+Import KaTeX styles:
+
+```ts
+import 'katex/dist/katex.min.css'
+```
+
+## License
+
+MIT

package/dist/ThemeProvider.svelte

@@ -6,6 +6,7 @@
 <script lang="ts">
   import type { DesignTokens } from '@incremark/theme'
   import { applyTheme } from '@incremark/theme'
+  import { isBrowser } from '@incremark/shared'
 
   /**
    * 组件 Props
@@ -37,7 +38,9 @@
   // 在 Svelte 5 中，$effect 会自动追踪在 effect 内部访问的响应式值
   // 直接访问 theme prop 和 containerRef，确保都被追踪
   $effect(() => {
-    // 在 effect 内部直接访问 theme prop，确保被追踪
+    // SSR 环境检查
+    if (!isBrowser()) return
+
     if (containerRef) {
       applyTheme(containerRef, theme)
     }

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.svelte.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAIlD;;GAEG;AACH,UAAU,KAAK;IACb;;;;;OAKG;IACH,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;IAChE,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU;IACV,QAAQ,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAA;CACpC;AAqCH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeProvider.svelte.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAKlD;;GAEG;AACH,UAAU,KAAK;IACb;;;;;OAKG;IACH,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;IAChE,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU;IACV,QAAQ,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAA;CACpC;AAwCH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/AutoScrollContainer.svelte

@@ -4,7 +4,7 @@
 -->
 
 <script lang="ts">
-  import { onMount, onDestroy } from 'svelte'
+  import { onMount, onDestroy, tick } from 'svelte'
   import type { HTMLAttributes } from 'svelte/elements';
 
   /**
@@ -117,24 +117,24 @@
     lastScrollTop = containerRef.scrollTop
     lastScrollHeight = containerRef.scrollHeight
     
-    observer = new MutationObserver(() => {
+    observer = new MutationObserver(async () => {
       // 使用 tick 等待 DOM 更新
-      setTimeout(() => {
-        if (!containerRef) return
-        
-        // 如果没有滚动条，重置状态
-        if (!hasScrollbar()) {
-          isUserScrolledUp = false
-        }
-        
-        // 更新 scrollHeight 记录（内容变化后）
-        lastScrollHeight = containerRef.scrollHeight
-        
-        // 自动滚动
-        if (enabled && !isUserScrolledUp) {
-          scrollToBottom()
-        }
-      }, 0)
+      await tick()
+      
+      if (!containerRef) return
+      
+      // 如果没有滚动条，重置状态
+      if (!hasScrollbar()) {
+        isUserScrolledUp = false
+      }
+      
+      // 更新 scrollHeight 记录（内容变化后）
+      lastScrollHeight = containerRef.scrollHeight
+      
+      // 自动滚动
+      if (enabled && !isUserScrolledUp) {
+        scrollToBottom()
+      }
     })
     
     observer.observe(containerRef, {

package/dist/components/ConfigProvider.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+  import type { IncremarkLocale } from '@incremark/svelte'
+  import { en } from '../index'
+  import { provideLocale } from '../stores/useLocale.svelte'
+
+  interface Props {
+    locale?: IncremarkLocale
+    children: import('svelte').Snippet
+  }
+
+  const { locale = en, children }: Props = $props()
+
+  // 在组件初始化时同步设置 context
+  // 使用函数返回 locale 以支持响应式更新
+  provideLocale(() => locale)
+</script>
+
+{@render children()}

package/dist/components/ConfigProvider.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { IncremarkLocale } from '@incremark/svelte';
+interface Props {
+    locale?: IncremarkLocale;
+    children: import('svelte').Snippet;
+}
+declare const ConfigProvider: import("svelte").Component<Props, {}, "">;
+type ConfigProvider = ReturnType<typeof ConfigProvider>;
+export default ConfigProvider;
+//# sourceMappingURL=ConfigProvider.svelte.d.ts.map

package/dist/components/ConfigProvider.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProvider.svelte.d.ts","sourceRoot":"","sources":["../../src/components/ConfigProvider.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAKtD,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,QAAQ,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAA;CACnC;AAkBH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/Incremark.svelte

@@ -5,33 +5,23 @@
 
 <script lang="ts">
   import type { Component } from 'svelte'
-  import type { Readable } from 'svelte/store'
   import type { RootContent, ParsedBlock } from '@incremark/core'
-  import type { HTML } from 'mdast'
 
   import { getDefinitionsContext } from '../context/definitionsContext'
   import type { UseIncremarkReturn } from '../stores/useIncremark'
-  import type { ComponentMap, BlockWithStableId } from './types'
+  import type { ComponentMap, RenderableBlock } from './types'
 
   // 导入组件
   import IncremarkFootnotes from './IncremarkFootnotes.svelte'
   import IncremarkRenderer from './IncremarkRenderer.svelte'
 
-  /**
-   * 检查是否是 html 节点
-   */
-  function isHtmlNode(node: RootContent): node is HTML {
-    return node.type === 'html'
-  }
-
   /**
    * 组件 Props
    */
   interface Props {
-    /** 要渲染的块列表（来自 useIncremark 的 blocks） */
-    blocks?: BlockWithStableId[] | Readable<BlockWithStableId[]>
-    /** 内容是否完全显示完成（用于控制脚注等需要在内容完全显示后才出现的元素）
-     * 如果传入了 incremark，则会自动使用 incremark.isDisplayComplete，此 prop 被忽略 */
+    /** 要渲染的块列表数组 */
+    blocks?: RenderableBlock[]
+    /** 内容是否完全显示完成 */
     isDisplayComplete?: boolean
     /** 自定义组件映射，key 为节点类型 */
     components?: ComponentMap
@@ -47,7 +37,7 @@
     completedClass?: string
     /** 是否显示块状态边框 */
     showBlockStatus?: boolean
-    /** 可选：useIncremark 返回的对象（用于自动注入数据） */
+    /** 可选：useIncremark 返回的对象（用于自动注入数据，优先级高于 blocks/isDisplayComplete） */
     incremark?: UseIncremarkReturn
   }
 
@@ -64,69 +54,70 @@
     incremark
   }: Props = $props()
 
-  const context = getDefinitionsContext();
-  const footnoteReferenceOrder = $derived(context?.footnoteReferenceOrder ?? []);
+  const context = getDefinitionsContext()
+  // 解构 store 以便使用 $ 语法订阅
+  const { footnoteReferenceOrder } = context
+
+  // 获取 incremark 的 stores（使用 getter 访问以保持响应性）
+  const blocksStore = $derived(incremark?.blocks)
+  const displayCompleteStore = $derived(incremark?.isDisplayComplete)
+
+  // 订阅 stores 的值
+  let blocksFromStore = $state<RenderableBlock[]>([])
+  let displayCompleteFromStore = $state(false)
+
+  // 使用 effect 订阅 blocks store
+  $effect(() => {
+    if (blocksStore) {
+      const unsubscribe = blocksStore.subscribe((value) => {
+        blocksFromStore = value
+      })
+      return unsubscribe
+    }
+  })
 
-  // 当使用 incremark 时，从 incremark 对象中提取 blocks 和 isDisplayComplete
-  const incremarkBlocks = $derived(
-    incremark ? (incremark as any).blocks : []
-  );
-  const incremarkIsDisplayComplete = $derived(
-    incremark ? (incremark as any).isDisplayComplete : false
-  );
+  // 使用 effect 订阅 displayComplete store
+  $effect(() => {
+    if (displayCompleteStore) {
+      const unsubscribe = displayCompleteStore.subscribe((value) => {
+        displayCompleteFromStore = value
+      })
+      return unsubscribe
+    }
+  })
+
+  // 计算最终要渲染的 blocks
+  const renderBlocks = $derived<RenderableBlock[]>(
+    blocksStore ? blocksFromStore : (blocks ?? [])
+  )
+
+  // 计算是否显示完成
+  const displayComplete = $derived(
+    displayCompleteStore ? displayCompleteFromStore : isDisplayComplete
+  )
 </script>
 
 <div class="incremark">
   <!-- 主要内容块 -->
-  {#if incremark}
-    <!-- 使用 incremark 的 blocks store -->
-    {#each $incremarkBlocks as block (block.stableId)}
-      {#if (block as ParsedBlock).node.type !== 'definition' && (block as ParsedBlock).node.type !== 'footnoteDefinition'}
-        <div
-          class="incremark-block {(block as ParsedBlock).status === 'completed' ? completedClass : pendingClass} {showBlockStatus ? 'incremark-show-status' : ''} {(block as BlockWithStableId).isLastPending ? 'incremark-last-pending' : ''}"
-        >
-          <!-- 使用 IncremarkRenderer，传递 customContainers 和 customCodeBlocks -->
-          <IncremarkRenderer
-            node={(block as ParsedBlock).node}
-            customContainers={customContainers}
-            customCodeBlocks={customCodeBlocks}
-            codeBlockConfigs={codeBlockConfigs}
-            blockStatus={(block as ParsedBlock).status}
-          />
-        </div>
-      {/if}
-    {/each}
-  {:else}
-    <!-- 使用传入的 blocks 数组 -->
-    {#each (Array.isArray(blocks) ? blocks : []) as block (block.stableId)}
-      {#if (block as ParsedBlock).node.type !== 'definition' && (block as ParsedBlock).node.type !== 'footnoteDefinition'}
-        <div
-          class="incremark-block {(block as ParsedBlock).status === 'completed' ? completedClass : pendingClass} {showBlockStatus ? 'incremark-show-status' : ''} {block.isLastPending ? 'incremark-last-pending' : ''}"
-        >
-          <!-- 使用 IncremarkRenderer，传递 customContainers 和 customCodeBlocks -->
-          <IncremarkRenderer
-            node={(block as ParsedBlock).node}
-            customContainers={customContainers}
-            customCodeBlocks={customCodeBlocks}
-            codeBlockConfigs={codeBlockConfigs}
-            blockStatus={(block as ParsedBlock).status}
-          />
-        </div>
-      {/if}
-    {/each}
-  {/if}
+  {#each renderBlocks as block (block.id)}
+    {#if block.node.type !== 'definition' && block.node.type !== 'footnoteDefinition'}
+      <div
+        class="incremark-block {block.status === 'completed' ? completedClass : pendingClass} {showBlockStatus ? 'incremark-show-status' : ''} {block.isLastPending ? 'incremark-last-pending' : ''}"
+      >
+        <IncremarkRenderer
+          node={block.node}
+          {components}
+          customContainers={customContainers}
+          customCodeBlocks={customCodeBlocks}
+          codeBlockConfigs={codeBlockConfigs}
+          blockStatus={block.status}
+        />
+      </div>
+    {/if}
+  {/each}
 
   <!-- 脚注列表（仅在内容完全显示后显示） -->
-  {#if incremark && $incremarkIsDisplayComplete && $footnoteReferenceOrder}
-    {@const footnoteOrder = $footnoteReferenceOrder ?? []}
-    {#if footnoteOrder.length > 0}
-      <IncremarkFootnotes />
-    {/if}
-  {:else if !incremark && isDisplayComplete && $footnoteReferenceOrder}
-    {@const footnoteOrder = $footnoteReferenceOrder ?? []}
-    {#if footnoteOrder.length > 0}
-      <IncremarkFootnotes />
-    {/if}
+  {#if displayComplete && $footnoteReferenceOrder.length > 0}
+    <IncremarkFootnotes />
   {/if}
 </div>
-

package/dist/components/Incremark.svelte.d.ts

@@ -1,15 +1,13 @@
 import type { Component } from 'svelte';
-import type { Readable } from 'svelte/store';
 import type { UseIncremarkReturn } from '../stores/useIncremark';
-import type { ComponentMap, BlockWithStableId } from './types';
+import type { ComponentMap, RenderableBlock } from './types';
 /**
  * 组件 Props
  */
 interface Props {
-    /** 要渲染的块列表（来自 useIncremark 的 blocks） */
-    blocks?: BlockWithStableId[] | Readable<BlockWithStableId[]>;
-    /** 内容是否完全显示完成（用于控制脚注等需要在内容完全显示后才出现的元素）
-     * 如果传入了 incremark，则会自动使用 incremark.isDisplayComplete，此 prop 被忽略 */
+    /** 要渲染的块列表数组 */
+    blocks?: RenderableBlock[];
+    /** 内容是否完全显示完成 */
     isDisplayComplete?: boolean;
     /** 自定义组件映射，key 为节点类型 */
     components?: ComponentMap;
@@ -27,7 +25,7 @@ interface Props {
     completedClass?: string;
     /** 是否显示块状态边框 */
     showBlockStatus?: boolean;
-    /** 可选：useIncremark 返回的对象（用于自动注入数据） */
+    /** 可选：useIncremark 返回的对象（用于自动注入数据，优先级高于 blocks/isDisplayComplete） */
     incremark?: UseIncremarkReturn;
 }
 declare const Incremark: Component<Props, {}, "">;

package/dist/components/Incremark.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Incremark.svelte.d.ts","sourceRoot":"","sources":["../../src/components/Incremark.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAK5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAM5D;;GAEG;AACH,UAAU,KAAK;IACb,wCAAwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,EAAE,GAAG,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAA;IAC5D;uEACmE;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,wBAAwB;IACxB,UAAU,CAAC,EAAE,YAAY,CAAA;IACzB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAA;IACjD,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAA;IACjD,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;IACzD,gBAAgB;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,kBAAkB,CAAA;CAC/B;AA2FH,QAAA,MAAM,SAAS,0BAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Incremark.svelte.d.ts","sourceRoot":"","sources":["../../src/components/Incremark.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAIvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM1D;;GAEG;AACH,UAAU,KAAK;IACb,gBAAgB;IAChB,MAAM,CAAC,EAAE,eAAe,EAAE,CAAA;IAC1B,iBAAiB;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,wBAAwB;IACxB,UAAU,CAAC,EAAE,YAAY,CAAA;IACzB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAA;IACjD,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAA;IACjD,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;IACzD,gBAAgB;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,qEAAqE;IACrE,SAAS,CAAC,EAAE,kBAAkB,CAAA;CAC/B;AA0FH,QAAA,MAAM,SAAS,0BAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}