dishui 0.0.65 → 0.0.66

package/dist/components/pro/RichTextEditor/Toolbar/MarkdownTemplates.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownTemplates.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/Toolbar/MarkdownTemplates.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport type { RichTextEditorLabels } from '../types';\n\nexport const MD_TEMPLATES: { key: string; labelKey: keyof RichTextEditorLabels; icon: string; content: string }[] = [\n  {\n    key: 'flowchart', labelKey: 'mdTplFlowchart', icon: '🔀',\n    content: `## Flowchart\n\n\\`\\`\\`mermaid\ngraph TD\n    A[Start] --> B{Is it valid?}\n    B -->|Yes| C[Process Data]\n    B -->|No| D[Show Error]\n    C --> E[Save to DB]\n    E --> F[Send Response]\n    D --> G[Log Warning]\n    G --> A\n    F --> H[End]\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'sequence', labelKey: 'mdTplSequence', icon: '🔄',\n    content: `## Sequence Diagram\n\n\\`\\`\\`mermaid\nsequenceDiagram\n    participant Browser\n    participant Server\n    participant Database\n    participant Cache\n\n    Browser->>Server: POST /api/login\n    Server->>Database: Query user\n    Database-->>Server: User record\n    Server->>Cache: Store session\n    Cache-->>Server: OK\n    Server-->>Browser: 200 JWT Token\n    Browser->>Server: GET /api/data (Bearer token)\n    Server->>Cache: Validate session\n    Cache-->>Server: Valid\n    Server->>Database: Fetch data\n    Database-->>Server: Result set\n    Server-->>Browser: 200 JSON data\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'pie', labelKey: 'mdTplPieChart', icon: '🥧',\n    content: `## Pie Chart\n\n\\`\\`\\`mermaid\npie title Tech Stack Usage 2025\n    \"TypeScript\" : 35\n    \"Python\" : 25\n    \"Rust\" : 15\n    \"Go\" : 12\n    \"Java\" : 8\n    \"Others\" : 5\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'gantt', labelKey: 'mdTplGantt', icon: '📊',\n    content: `## Gantt Chart\n\n\\`\\`\\`mermaid\ngantt\n    title Project Development Timeline\n    dateFormat  YYYY-MM-DD\n    section Design\n        UI/UX Design           :a1, 2025-01-01, 20d\n        API Design             :a2, after a1, 10d\n    section Frontend\n        Component Library      :b1, after a2, 25d\n        Page Integration       :b2, after b1, 15d\n        Testing & Bug Fix      :b3, after b2, 10d\n    section Backend\n        Core API Development   :c1, after a2, 30d\n        Database Optimization  :c2, after c1, 10d\n    section Deployment\n        Staging Deploy         :d1, after b3, 5d\n        Production Release     :milestone, after d1, 0d\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'xychart', labelKey: 'mdTplBarChart', icon: '📈',\n    content: `## Bar Chart (xychart)\n\n\\`\\`\\`mermaid\nxychart-beta\n    title \"Monthly Revenue (in thousands)\"\n    x-axis [Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec]\n    y-axis \"Revenue (USD)\" 0 --> 120\n    bar [52, 48, 61, 55, 72, 68, 85, 90, 78, 95, 102, 110]\n    line [52, 48, 61, 55, 72, 68, 85, 90, 78, 95, 102, 110]\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'python', labelKey: 'mdTplPython', icon: '🐍',\n    content: `## Python Example\n\n\\`\\`\\`python\nimport asyncio\nfrom dataclasses import dataclass, field\nfrom typing import AsyncIterator\n\n\n@dataclass\nclass DataPipeline:\n    \"\"\"Async data processing pipeline.\"\"\"\n    name: str\n    buffer_size: int = 100\n    _queue: asyncio.Queue = field(init=False)\n\n    def __post_init__(self):\n        self._queue = asyncio.Queue(maxsize=self.buffer_size)\n\n    async def produce(self, items: list[int]) -> None:\n        for item in items:\n            transformed = item ** 2 + 2 * item + 1\n            await self._queue.put(transformed)\n        await self._queue.put(None)  # sentinel\n\n    async def consume(self) -> AsyncIterator[int]:\n        while True:\n            item = await self._queue.get()\n            if item is None:\n                break\n            yield item\n\n    async def run(self, data: list[int]) -> list[int]:\n        results: list[int] = []\n        producer = asyncio.create_task(self.produce(data))\n        async for value in self.consume():\n            results.append(value)\n        await producer\n        return results\n\n\nasync def main():\n    pipeline = DataPipeline(name=\"squares\", buffer_size=50)\n    data = list(range(1, 21))\n    results = await pipeline.run(data)\n    print(f\"Processed {len(results)} items: {results[:5]}...\")\n\n\nif __name__ == \"__main__\":\n    asyncio.run(main())\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'typescript', labelKey: 'mdTplTypeScript', icon: '🟦',\n    content: `## TypeScript Example\n\n\\`\\`\\`typescript\ninterface APIResponse<T> {\n  data: T;\n  status: number;\n  message: string;\n  timestamp: Date;\n}\n\ntype HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE';\n\nclass TypedFetcher {\n  private baseUrl: string;\n  private headers: Record<string, string>;\n\n  constructor(baseUrl: string, token?: string) {\n    this.baseUrl = baseUrl;\n    this.headers = {\n      'Content-Type': 'application/json',\n      ...(token ? { Authorization: \\\\\\`Bearer \\\\\\${token}\\\\\\` } : {}),\n    };\n  }\n\n  async request<T>(\n    method: HttpMethod,\n    path: string,\n    body?: unknown,\n  ): Promise<APIResponse<T>> {\n    const response = await fetch(\\\\\\`\\\\\\${this.baseUrl}\\\\\\${path}\\\\\\`, {\n      method,\n      headers: this.headers,\n      body: body ? JSON.stringify(body) : undefined,\n    });\n\n    if (!response.ok) {\n      throw new Error(\\\\\\`HTTP \\\\\\${response.status}: \\\\\\${response.statusText}\\\\\\`);\n    }\n\n    return response.json() as Promise<APIResponse<T>>;\n  }\n\n  get<T>(path: string) { return this.request<T>('GET', path); }\n  post<T>(path: string, body: unknown) { return this.request<T>('POST', path, body); }\n  put<T>(path: string, body: unknown) { return this.request<T>('PUT', path, body); }\n  delete<T>(path: string) { return this.request<T>('DELETE', path); }\n}\n\n// Usage\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n}\n\nconst api = new TypedFetcher('https://api.example.com', 'my-token');\nconst users = await api.get<User[]>('/users');\nconsole.log(users.data);\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'rust', labelKey: 'mdTplRust', icon: '🦀',\n    content: `## Rust Example\n\n\\`\\`\\`rust\nuse std::collections::HashMap;\nuse std::sync::Arc;\nuse tokio::sync::RwLock;\n\n#[derive(Debug, Clone)]\nstruct CacheEntry<V: Clone> {\n    value: V,\n    expires_at: std::time::Instant,\n}\n\n#[derive(Clone)]\nstruct AsyncCache<V: Clone + Send + Sync + 'static> {\n    store: Arc<RwLock<HashMap<String, CacheEntry<V>>>>,\n    ttl: std::time::Duration,\n}\n\nimpl<V: Clone + Send + Sync + 'static> AsyncCache<V> {\n    fn new(ttl_secs: u64) -> Self {\n        Self {\n            store: Arc::new(RwLock::new(HashMap::new())),\n            ttl: std::time::Duration::from_secs(ttl_secs),\n        }\n    }\n\n    async fn get(&self, key: &str) -> Option<V> {\n        let store = self.store.read().await;\n        store.get(key).and_then(|entry| {\n            if entry.expires_at > std::time::Instant::now() {\n                Some(entry.value.clone())\n            } else {\n                None\n            }\n        })\n    }\n\n    async fn set(&self, key: String, value: V) {\n        let mut store = self.store.write().await;\n        store.insert(key, CacheEntry {\n            value,\n            expires_at: std::time::Instant::now() + self.ttl,\n        });\n    }\n\n    async fn cleanup(&self) -> usize {\n        let mut store = self.store.write().await;\n        let now = std::time::Instant::now();\n        let before = store.len();\n        store.retain(|_, entry| entry.expires_at > now);\n        before - store.len()\n    }\n}\n\n#[tokio::main]\nasync fn main() {\n    let cache = AsyncCache::<String>::new(60);\n    cache.set(\"hello\".into(), \"world\".into()).await;\n\n    if let Some(val) = cache.get(\"hello\").await {\n        println!(\"Got: {val}\");\n    }\n}\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'math', labelKey: 'mdTplMath', icon: '🔢',\n    content: `## Math Formulas (TeX)\n\n### Euler's Identity\n\n$$\ne^{i\\\\pi} + 1 = 0\n$$\n\n### Quadratic Formula\n\n$$\nx = \\\\frac{-b \\\\pm \\\\sqrt{b^2 - 4ac}}{2a}\n$$\n\n### Gaussian Integral\n\n$$\n\\\\int_{-\\\\infty}^{\\\\infty} e^{-x^2} \\\\, dx = \\\\sqrt{\\\\pi}\n$$\n\n### Maxwell's Equations\n\n$$\n\\\\nabla \\\\cdot \\\\mathbf{E} = \\\\frac{\\\\rho}{\\\\epsilon_0}\n$$\n\n$$\n\\\\nabla \\\\cdot \\\\mathbf{B} = 0\n$$\n\n$$\n\\\\nabla \\\\times \\\\mathbf{E} = -\\\\frac{\\\\partial \\\\mathbf{B}}{\\\\partial t}\n$$\n\n$$\n\\\\nabla \\\\times \\\\mathbf{B} = \\\\mu_0 \\\\mathbf{J} + \\\\mu_0 \\\\epsilon_0 \\\\frac{\\\\partial \\\\mathbf{E}}{\\\\partial t}\n$$\n\n### Taylor Series Expansion\n\n$$\nf(x) = \\\\sum_{n=0}^{\\\\infty} \\\\frac{f^{(n)}(a)}{n!}(x-a)^n\n$$\n\n### Matrix Notation\n\n$$\n\\\\mathbf{A} = \\\\begin{pmatrix} a_{11} & a_{12} & \\\\cdots & a_{1n} \\\\\\\\ a_{21} & a_{22} & \\\\cdots & a_{2n} \\\\\\\\ \\\\vdots & \\\\vdots & \\\\ddots & \\\\vdots \\\\\\\\ a_{m1} & a_{m2} & \\\\cdots & a_{mn} \\\\end{pmatrix}\n$$\n\n### Inline math: The identity $e^{i\\\\theta} = \\\\cos\\\\theta + i\\\\sin\\\\theta$ is known as Euler's formula.\n`,\n  },\n  {\n    key: 'mixed', labelKey: 'mdTplMixed', icon: '🎨',\n    content: `## Mixed Content Example\n\n### Architecture Overview\n\n\\`\\`\\`mermaid\ngraph LR\n    Client[Client App] --> Gateway[API Gateway]\n    Gateway --> Auth[Auth Service]\n    Gateway --> Core[Core Service]\n    Core --> DB[(PostgreSQL)]\n    Core --> Cache[(Redis)]\n    Auth --> DB\n\\`\\`\\`\n\n### Performance Formula\n\nThe response time $T$ is calculated as:\n\n$$\nT = T_{network} + T_{processing} + T_{db}\n$$\n\nwhere $T_{db} = O(\\\\log n)$ with proper indexing.\n\n### Implementation\n\n\\`\\`\\`python\nfrom fastapi import FastAPI, Depends\nfrom functools import lru_cache\n\napp = FastAPI()\n\n@lru_cache(maxsize=256)\ndef compute_heavy(n: int) -> float:\n    \"\"\"Cached computation: O(log n) amortized.\"\"\"\n    return sum(1.0 / i for i in range(1, n + 1))\n\n@app.get(\"/api/harmonic/{n}\")\nasync def harmonic(n: int):\n    result = compute_heavy(n)\n    return {\"n\": n, \"H_n\": round(result, 6)}\n\\`\\`\\`\n\n### Project Status\n\n\\`\\`\\`mermaid\npie title Sprint Progress\n    \"Completed\" : 65\n    \"In Progress\" : 20\n    \"Blocked\" : 10\n    \"Not Started\" : 5\n\\`\\`\\`\n`,\n  },\n];\n\ninterface MarkdownTemplateMenuProps {\n  labels: RichTextEditorLabels;\n  onSelect: (content: string) => void;\n}\n\nexport const MarkdownTemplateMenu: React.FC<MarkdownTemplateMenuProps> = ({ labels, onSelect }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  return (\n    <div ref={ref} className=\"rte-toolbar__template-menu\">\n      <button\n        type=\"button\"\n        className={`rte-toolbar__btn ${isOpen ? 'rte-toolbar__btn--active' : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        title={labels.mdTemplates || 'Markdown Templates'}\n        style={{ width: 'auto', padding: '0 6px', gap: '2px', display: 'inline-flex', alignItems: 'center' }}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n          <path d=\"M2 3h20v18H2z\" />\n          <path d=\"M5 15V9l3 3.5L11 9v6\" />\n          <path d=\"M17 9l-2.5 3H17v3\" />\n        </svg>\n        <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\">\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </button>\n      {isOpen && (\n        <div className=\"rte-toolbar__template-dropdown\">\n          <div className=\"rte-toolbar__template-group-label\">Mermaid</div>\n          {MD_TEMPLATES.filter(t => ['flowchart', 'sequence', 'pie', 'gantt', 'xychart'].includes(t.key)).map(t => (\n            <button\n              key={t.key}\n              type=\"button\"\n              className=\"rte-toolbar__template-item\"\n              onClick={() => { onSelect(t.content); setIsOpen(false); }}\n            >\n              <span className=\"rte-toolbar__template-icon\">{t.icon}</span>\n              <span>{labels[t.labelKey] || t.labelKey}</span>\n            </button>\n          ))}\n          <div className=\"rte-toolbar__template-group-label\">Code</div>\n          {MD_TEMPLATES.filter(t => ['python', 'typescript', 'rust'].includes(t.key)).map(t => (\n            <button\n              key={t.key}\n              type=\"button\"\n              className=\"rte-toolbar__template-item\"\n              onClick={() => { onSelect(t.content); setIsOpen(false); }}\n            >\n              <span className=\"rte-toolbar__template-icon\">{t.icon}</span>\n              <span>{labels[t.labelKey] || t.labelKey}</span>\n            </button>\n          ))}\n          <div className=\"rte-toolbar__template-group-label\">Math / Mixed</div>\n          {MD_TEMPLATES.filter(t => ['math', 'mixed'].includes(t.key)).map(t => (\n            <button\n              key={t.key}\n              type=\"button\"\n              className=\"rte-toolbar__template-item\"\n              onClick={() => { onSelect(t.content); setIsOpen(false); }}\n            >\n              <span className=\"rte-toolbar__template-icon\">{t.icon}</span>\n              <span>{labels[t.labelKey] || t.labelKey}</span>\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"MarkdownTemplates.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/Toolbar/MarkdownTemplates.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport type { RichTextEditorLabels } from '../types';\n\nexport const MD_TEMPLATES: { key: string; labelKey: keyof RichTextEditorLabels; icon: string; content: string }[] = [\n  {\n    key: 'flowchart', labelKey: 'mdTplFlowchart', icon: '🔀',\n    content: `## Flowchart\n\n\\`\\`\\`mermaid\ngraph TD\n    A[Start] --> B{Is it valid?}\n    B -->|Yes| C[Process Data]\n    B -->|No| D[Show Error]\n    C --> E[Save to DB]\n    E --> F[Send Response]\n    D --> G[Log Warning]\n    G --> A\n    F --> H[End]\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'sequence', labelKey: 'mdTplSequence', icon: '🔄',\n    content: `## Sequence Diagram\n\n\\`\\`\\`mermaid\nsequenceDiagram\n    participant Browser\n    participant Server\n    participant Database\n    participant Cache\n\n    Browser->>Server: POST /api/login\n    Server->>Database: Query user\n    Database-->>Server: User record\n    Server->>Cache: Store session\n    Cache-->>Server: OK\n    Server-->>Browser: 200 JWT Token\n    Browser->>Server: GET /api/data (Bearer token)\n    Server->>Cache: Validate session\n    Cache-->>Server: Valid\n    Server->>Database: Fetch data\n    Database-->>Server: Result set\n    Server-->>Browser: 200 JSON data\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'pie', labelKey: 'mdTplPieChart', icon: '🥧',\n    content: `## Pie Chart\n\n\\`\\`\\`mermaid\npie title Tech Stack Usage 2025\n    \"TypeScript\" : 35\n    \"Python\" : 25\n    \"Rust\" : 15\n    \"Go\" : 12\n    \"Java\" : 8\n    \"Others\" : 5\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'gantt', labelKey: 'mdTplGantt', icon: '📊',\n    content: `## Gantt Chart\n\n\\`\\`\\`mermaid\ngantt\n    title Project Development Timeline\n    dateFormat  YYYY-MM-DD\n    section Design\n        UI/UX Design           :a1, 2025-01-01, 20d\n        API Design             :a2, after a1, 10d\n    section Frontend\n        Component Library      :b1, after a2, 25d\n        Page Integration       :b2, after b1, 15d\n        Testing & Bug Fix      :b3, after b2, 10d\n    section Backend\n        Core API Development   :c1, after a2, 30d\n        Database Optimization  :c2, after c1, 10d\n    section Deployment\n        Staging Deploy         :d1, after b3, 5d\n        Production Release     :milestone, after d1, 0d\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'xychart', labelKey: 'mdTplBarChart', icon: '📈',\n    content: `## Bar Chart (xychart)\n\n\\`\\`\\`mermaid\nxychart-beta\n    title \"Monthly Revenue (in thousands)\"\n    x-axis [Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec]\n    y-axis \"Revenue (USD)\" 0 --> 120\n    bar [52, 48, 61, 55, 72, 68, 85, 90, 78, 95, 102, 110]\n    line [52, 48, 61, 55, 72, 68, 85, 90, 78, 95, 102, 110]\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'python', labelKey: 'mdTplPython', icon: '🐍',\n    content: `## Python Example\n\n\\`\\`\\`python\nimport asyncio\nfrom dataclasses import dataclass, field\nfrom typing import AsyncIterator\n\n\n@dataclass\nclass DataPipeline:\n    \"\"\"Async data processing pipeline.\"\"\"\n    name: str\n    buffer_size: int = 100\n    _queue: asyncio.Queue = field(init=False)\n\n    def __post_init__(self):\n        self._queue = asyncio.Queue(maxsize=self.buffer_size)\n\n    async def produce(self, items: list[int]) -> None:\n        for item in items:\n            transformed = item ** 2 + 2 * item + 1\n            await self._queue.put(transformed)\n        await self._queue.put(None)  # sentinel\n\n    async def consume(self) -> AsyncIterator[int]:\n        while True:\n            item = await self._queue.get()\n            if item is None:\n                break\n            yield item\n\n    async def run(self, data: list[int]) -> list[int]:\n        results: list[int] = []\n        producer = asyncio.create_task(self.produce(data))\n        async for value in self.consume():\n            results.append(value)\n        await producer\n        return results\n\n\nasync def main():\n    pipeline = DataPipeline(name=\"squares\", buffer_size=50)\n    data = list(range(1, 21))\n    results = await pipeline.run(data)\n    print(f\"Processed {len(results)} items: {results[:5]}...\")\n\n\nif __name__ == \"__main__\":\n    asyncio.run(main())\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'typescript', labelKey: 'mdTplTypeScript', icon: '🟦',\n    content: `## TypeScript Example\n\n\\`\\`\\`typescript\ninterface APIResponse<T> {\n  data: T;\n  status: number;\n  message: string;\n  timestamp: Date;\n}\n\ntype HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE';\n\nclass TypedFetcher {\n  private baseUrl: string;\n  private headers: Record<string, string>;\n\n  constructor(baseUrl: string, token?: string) {\n    this.baseUrl = baseUrl;\n    this.headers = {\n      'Content-Type': 'application/json',\n      ...(token ? { Authorization: \\\\\\`Bearer \\\\\\${token}\\\\\\` } : {}),\n    };\n  }\n\n  async request<T>(\n    method: HttpMethod,\n    path: string,\n    body?: unknown,\n  ): Promise<APIResponse<T>> {\n    const response = await fetch(\\\\\\`\\\\\\${this.baseUrl}\\\\\\${path}\\\\\\`, {\n      method,\n      headers: this.headers,\n      body: body ? JSON.stringify(body) : undefined,\n    });\n\n    if (!response.ok) {\n      throw new Error(\\\\\\`HTTP \\\\\\${response.status}: \\\\\\${response.statusText}\\\\\\`);\n    }\n\n    return response.json() as Promise<APIResponse<T>>;\n  }\n\n  get<T>(path: string) { return this.request<T>('GET', path); }\n  post<T>(path: string, body: unknown) { return this.request<T>('POST', path, body); }\n  put<T>(path: string, body: unknown) { return this.request<T>('PUT', path, body); }\n  delete<T>(path: string) { return this.request<T>('DELETE', path); }\n}\n\n// Usage\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n}\n\nconst api = new TypedFetcher('https://api.example.com', 'my-token');\nconst users = await api.get<User[]>('/users');\nconsole.log(users.data);\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'rust', labelKey: 'mdTplRust', icon: '🦀',\n    content: `## Rust Example\n\n\\`\\`\\`rust\nuse std::collections::HashMap;\nuse std::sync::Arc;\nuse tokio::sync::RwLock;\n\n#[derive(Debug, Clone)]\nstruct CacheEntry<V: Clone> {\n    value: V,\n    expires_at: std::time::Instant,\n}\n\n#[derive(Clone)]\nstruct AsyncCache<V: Clone + Send + Sync + 'static> {\n    store: Arc<RwLock<HashMap<String, CacheEntry<V>>>>,\n    ttl: std::time::Duration,\n}\n\nimpl<V: Clone + Send + Sync + 'static> AsyncCache<V> {\n    fn new(ttl_secs: u64) -> Self {\n        Self {\n            store: Arc::new(RwLock::new(HashMap::new())),\n            ttl: std::time::Duration::from_secs(ttl_secs),\n        }\n    }\n\n    async fn get(&self, key: &str) -> Option<V> {\n        let store = self.store.read().await;\n        store.get(key).and_then(|entry| {\n            if entry.expires_at > std::time::Instant::now() {\n                Some(entry.value.clone())\n            } else {\n                None\n            }\n        })\n    }\n\n    async fn set(&self, key: String, value: V) {\n        let mut store = self.store.write().await;\n        store.insert(key, CacheEntry {\n            value,\n            expires_at: std::time::Instant::now() + self.ttl,\n        });\n    }\n\n    async fn cleanup(&self) -> usize {\n        let mut store = self.store.write().await;\n        let now = std::time::Instant::now();\n        let before = store.len();\n        store.retain(|_, entry| entry.expires_at > now);\n        before - store.len()\n    }\n}\n\n#[tokio::main]\nasync fn main() {\n    let cache = AsyncCache::<String>::new(60);\n    cache.set(\"hello\".into(), \"world\".into()).await;\n\n    if let Some(val) = cache.get(\"hello\").await {\n        println!(\"Got: {val}\");\n    }\n}\n\\`\\`\\`\n`,\n  },\n  {\n    key: 'math', labelKey: 'mdTplMath', icon: '🔢',\n    content: `## Math Formulas (TeX)\n\n### Euler's Identity\n\n$$\ne^{i\\\\pi} + 1 = 0\n$$\n\n### Quadratic Formula\n\n$$\nx = \\\\frac{-b \\\\pm \\\\sqrt{b^2 - 4ac}}{2a}\n$$\n\n### Gaussian Integral\n\n$$\n\\\\int_{-\\\\infty}^{\\\\infty} e^{-x^2} \\\\, dx = \\\\sqrt{\\\\pi}\n$$\n\n### Maxwell's Equations\n\n$$\n\\\\nabla \\\\cdot \\\\mathbf{E} = \\\\frac{\\\\rho}{\\\\epsilon_0}\n$$\n\n$$\n\\\\nabla \\\\cdot \\\\mathbf{B} = 0\n$$\n\n$$\n\\\\nabla \\\\times \\\\mathbf{E} = -\\\\frac{\\\\partial \\\\mathbf{B}}{\\\\partial t}\n$$\n\n$$\n\\\\nabla \\\\times \\\\mathbf{B} = \\\\mu_0 \\\\mathbf{J} + \\\\mu_0 \\\\epsilon_0 \\\\frac{\\\\partial \\\\mathbf{E}}{\\\\partial t}\n$$\n\n### Taylor Series Expansion\n\n$$\nf(x) = \\\\sum_{n=0}^{\\\\infty} \\\\frac{f^{(n)}(a)}{n!}(x-a)^n\n$$\n\n### Matrix Notation\n\n$$\n\\\\mathbf{A} = \\\\begin{pmatrix} a_{11} & a_{12} & \\\\cdots & a_{1n} \\\\\\\\ a_{21} & a_{22} & \\\\cdots & a_{2n} \\\\\\\\ \\\\vdots & \\\\vdots & \\\\ddots & \\\\vdots \\\\\\\\ a_{m1} & a_{m2} & \\\\cdots & a_{mn} \\\\end{pmatrix}\n$$\n\n### Inline math: The identity $e^{i\\\\theta} = \\\\cos\\\\theta + i\\\\sin\\\\theta$ is known as Euler's formula.\n`,\n  },\n  {\n    key: 'mixed', labelKey: 'mdTplMixed', icon: '🎨',\n    content: `## Mixed Content Example\n\n### Architecture Overview\n\n\\`\\`\\`mermaid\ngraph LR\n    Client[Client App] --> Gateway[API Gateway]\n    Gateway --> Auth[Auth Service]\n    Gateway --> Core[Core Service]\n    Core --> DB[(PostgreSQL)]\n    Core --> Cache[(Redis)]\n    Auth --> DB\n\\`\\`\\`\n\n### Performance Formula\n\nThe response time $T$ is calculated as:\n\n$$\nT = T_{network} + T_{processing} + T_{db}\n$$\n\nwhere $T_{db} = O(\\\\log n)$ with proper indexing.\n\n### Implementation\n\n\\`\\`\\`python\nfrom fastapi import FastAPI, Depends\nfrom functools import lru_cache\n\napp = FastAPI()\n\n@lru_cache(maxsize=256)\ndef compute_heavy(n: int) -> float:\n    \"\"\"Cached computation: O(log n) amortized.\"\"\"\n    return sum(1.0 / i for i in range(1, n + 1))\n\n@app.get(\"/api/harmonic/{n}\")\nasync def harmonic(n: int):\n    result = compute_heavy(n)\n    return {\"n\": n, \"H_n\": round(result, 6)}\n\\`\\`\\`\n\n### Project Status\n\n\\`\\`\\`mermaid\npie title Sprint Progress\n    \"Completed\" : 65\n    \"In Progress\" : 20\n    \"Blocked\" : 10\n    \"Not Started\" : 5\n\\`\\`\\`\n`,\n  },\n];\n\ninterface MarkdownTemplateMenuProps {\n  labels: RichTextEditorLabels;\n  onSelect: (content: string) => void;\n}\n\nexport const MarkdownTemplateMenu: React.FC<MarkdownTemplateMenuProps> = ({ labels, onSelect }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  return (\n    <div ref={ref} className=\"rte-toolbar__template-menu\">\n      <button\n        type=\"button\"\n        className={`rte-toolbar__btn ${isOpen ? 'rte-toolbar__btn--active' : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        title={labels.mdTemplates || 'Markdown Templates'}\n        style={{ width: 'auto', padding: '0 6px', gap: '2px', display: 'inline-flex', alignItems: 'center' }}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n          <path d=\"M2 3h20v18H2z\" />\n          <path d=\"M5 15V9l3 3.5L11 9v6\" />\n          <path d=\"M17 9l-2.5 3H17v3\" />\n        </svg>\n        <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\">\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </button>\n      {isOpen && (\n        <div className=\"rte-toolbar__template-dropdown\">\n          <div className=\"rte-toolbar__template-group-label\">Mermaid</div>\n          {MD_TEMPLATES.filter(t => ['flowchart', 'sequence', 'pie', 'gantt', 'xychart'].includes(t.key)).map(t => (\n            <button\n              key={t.key}\n              type=\"button\"\n              className=\"rte-toolbar__template-item\"\n              onClick={() => { onSelect(t.content); setIsOpen(false); }}\n            >\n              <span className=\"rte-toolbar__template-icon\">{t.icon}</span>\n              <span>{labels[t.labelKey] || t.labelKey}</span>\n            </button>\n          ))}\n          <div className=\"rte-toolbar__template-group-label\">Code</div>\n          {MD_TEMPLATES.filter(t => ['python', 'typescript', 'rust'].includes(t.key)).map(t => (\n            <button\n              key={t.key}\n              type=\"button\"\n              className=\"rte-toolbar__template-item\"\n              onClick={() => { onSelect(t.content); setIsOpen(false); }}\n            >\n              <span className=\"rte-toolbar__template-icon\">{t.icon}</span>\n              <span>{labels[t.labelKey] || t.labelKey}</span>\n            </button>\n          ))}\n          <div className=\"rte-toolbar__template-group-label\">Math / Mixed</div>\n          {MD_TEMPLATES.filter(t => ['math', 'mixed'].includes(t.key)).map(t => (\n            <button\n              key={t.key}\n              type=\"button\"\n              className=\"rte-toolbar__template-item\"\n              onClick={() => { onSelect(t.content); setIsOpen(false); }}\n            >\n              <span className=\"rte-toolbar__template-icon\">{t.icon}</span>\n              <span>{labels[t.labelKey] || t.labelKey}</span>\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/pro/RichTextEditor/Toolbar/SelectDropdown.js

@@ -1,118 +1,116 @@
 import "react";
-import { jsx as l } from "react/jsx-runtime";
-var i = [
-  {
-    label: "Default",
-    value: ""
-  },
-  {
-    label: "Arial",
-    value: "Arial, sans-serif"
-  },
-  {
-    label: "Helvetica",
-    value: "Helvetica, sans-serif"
-  },
-  {
-    label: "Georgia",
-    value: "Georgia, serif"
-  },
-  {
-    label: "Times New Roman",
-    value: "Times New Roman, serif"
-  },
-  {
-    label: "Courier New",
-    value: "Courier New, monospace"
-  },
-  {
-    label: "Verdana",
-    value: "Verdana, sans-serif"
-  },
-  {
-    label: "Trebuchet MS",
-    value: "Trebuchet MS, sans-serif"
-  },
-  {
-    label: "Impact",
-    value: "Impact, sans-serif"
-  },
-  {
-    label: "Comic Sans MS",
-    value: "Comic Sans MS, cursive"
-  }
-], o = [
-  {
-    label: "Default",
-    value: ""
-  },
-  {
-    label: "10px",
-    value: "10px"
-  },
-  {
-    label: "12px",
-    value: "12px"
-  },
-  {
-    label: "14px",
-    value: "14px"
-  },
-  {
-    label: "16px",
-    value: "16px"
-  },
-  {
-    label: "18px",
-    value: "18px"
-  },
-  {
-    label: "20px",
-    value: "20px"
-  },
-  {
-    label: "24px",
-    value: "24px"
-  },
-  {
-    label: "28px",
-    value: "28px"
-  },
-  {
-    label: "32px",
-    value: "32px"
-  },
-  {
-    label: "36px",
-    value: "36px"
-  },
-  {
-    label: "48px",
-    value: "48px"
-  },
-  {
-    label: "64px",
-    value: "64px"
-  },
-  {
-    label: "72px",
-    value: "72px"
-  }
-], t = ({ value: a, options: u, onChange: r, title: v, width: p = 110 }) => /* @__PURE__ */ l("select", {
-  className: "rte-toolbar__select",
-  value: a,
-  onChange: (e) => r(e.target.value),
-  title: v,
-  style: { width: p },
-  children: u.map((e) => /* @__PURE__ */ l("option", {
-    value: e.value,
-    children: e.label
-  }, e.value))
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/pro/RichTextEditor/Toolbar/SelectDropdown.tsx
+var t = [
+	{
+		label: "Default",
+		value: ""
+	},
+	{
+		label: "Arial",
+		value: "Arial, sans-serif"
+	},
+	{
+		label: "Helvetica",
+		value: "Helvetica, sans-serif"
+	},
+	{
+		label: "Georgia",
+		value: "Georgia, serif"
+	},
+	{
+		label: "Times New Roman",
+		value: "Times New Roman, serif"
+	},
+	{
+		label: "Courier New",
+		value: "Courier New, monospace"
+	},
+	{
+		label: "Verdana",
+		value: "Verdana, sans-serif"
+	},
+	{
+		label: "Trebuchet MS",
+		value: "Trebuchet MS, sans-serif"
+	},
+	{
+		label: "Impact",
+		value: "Impact, sans-serif"
+	},
+	{
+		label: "Comic Sans MS",
+		value: "Comic Sans MS, cursive"
+	}
+], n = [
+	{
+		label: "Default",
+		value: ""
+	},
+	{
+		label: "10px",
+		value: "10px"
+	},
+	{
+		label: "12px",
+		value: "12px"
+	},
+	{
+		label: "14px",
+		value: "14px"
+	},
+	{
+		label: "16px",
+		value: "16px"
+	},
+	{
+		label: "18px",
+		value: "18px"
+	},
+	{
+		label: "20px",
+		value: "20px"
+	},
+	{
+		label: "24px",
+		value: "24px"
+	},
+	{
+		label: "28px",
+		value: "28px"
+	},
+	{
+		label: "32px",
+		value: "32px"
+	},
+	{
+		label: "36px",
+		value: "36px"
+	},
+	{
+		label: "48px",
+		value: "48px"
+	},
+	{
+		label: "64px",
+		value: "64px"
+	},
+	{
+		label: "72px",
+		value: "72px"
+	}
+], r = ({ value: t, options: n, onChange: r, title: i, width: a = 110 }) => /* @__PURE__ */ e("select", {
+	className: "rte-toolbar__select",
+	value: t,
+	onChange: (e) => r(e.target.value),
+	title: i,
+	style: { width: a },
+	children: n.map((t) => /* @__PURE__ */ e("option", {
+		value: t.value,
+		children: t.label
+	}, t.value))
 });
-export {
-  i as FONT_FAMILIES,
-  o as FONT_SIZES,
-  t as SelectDropdown
-};
+//#endregion
+export { t as FONT_FAMILIES, n as FONT_SIZES, r as SelectDropdown };
 
 //# sourceMappingURL=SelectDropdown.js.map

package/dist/components/pro/RichTextEditor/Toolbar/SelectDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/Toolbar/SelectDropdown.tsx"],"sourcesContent":["import React from 'react';\n\nexport const FONT_FAMILIES = [\n  { label: 'Default', value: '' },\n  { label: 'Arial', value: 'Arial, sans-serif' },\n  { label: 'Helvetica', value: 'Helvetica, sans-serif' },\n  { label: 'Georgia', value: 'Georgia, serif' },\n  { label: 'Times New Roman', value: 'Times New Roman, serif' },\n  { label: 'Courier New', value: 'Courier New, monospace' },\n  { label: 'Verdana', value: 'Verdana, sans-serif' },\n  { label: 'Trebuchet MS', value: 'Trebuchet MS, sans-serif' },\n  { label: 'Impact', value: 'Impact, sans-serif' },\n  { label: 'Comic Sans MS', value: 'Comic Sans MS, cursive' },\n];\n\nexport const FONT_SIZES = [\n  { label: 'Default', value: '' },\n  { label: '10px', value: '10px' },\n  { label: '12px', value: '12px' },\n  { label: '14px', value: '14px' },\n  { label: '16px', value: '16px' },\n  { label: '18px', value: '18px' },\n  { label: '20px', value: '20px' },\n  { label: '24px', value: '24px' },\n  { label: '28px', value: '28px' },\n  { label: '32px', value: '32px' },\n  { label: '36px', value: '36px' },\n  { label: '48px', value: '48px' },\n  { label: '64px', value: '64px' },\n  { label: '72px', value: '72px' },\n];\n\ninterface SelectDropdownProps {\n  value: string;\n  options: { label: string; value: string }[];\n  onChange: (value: string) => void;\n  title?: string;\n  width?: number;\n}\n\nexport const SelectDropdown: React.FC<SelectDropdownProps> = ({ value, options, onChange, title, width = 110 }) => (\n  <select\n    className=\"rte-toolbar__select\"\n    value={value}\n    onChange={(e) => onChange(e.target.value)}\n    title={title}\n    style={{ width }}\n  >\n    {options.map((opt) => (\n      <option key={opt.value} value={opt.value}>{opt.label}</option>\n    ))}\n  </select>\n);\n"],"mappings":";;AAEA,IAAa,IAAgB;AAAA,EAC3B;AAAA,IAAE,OAAO;AAAA,IAAW,OAAO;AAAA,EAAG;AAAA,EAC9B;AAAA,IAAE,OAAO;AAAA,IAAS,OAAO;AAAA,EAAoB;AAAA,EAC7C;AAAA,IAAE,OAAO;AAAA,IAAa,OAAO;AAAA,EAAwB;AAAA,EACrD;AAAA,IAAE,OAAO;AAAA,IAAW,OAAO;AAAA,EAAiB;AAAA,EAC5C;AAAA,IAAE,OAAO;AAAA,IAAmB,OAAO;AAAA,EAAyB;AAAA,EAC5D;AAAA,IAAE,OAAO;AAAA,IAAe,OAAO;AAAA,EAAyB;AAAA,EACxD;AAAA,IAAE,OAAO;AAAA,IAAW,OAAO;AAAA,EAAsB;AAAA,EACjD;AAAA,IAAE,OAAO;AAAA,IAAgB,OAAO;AAAA,EAA2B;AAAA,EAC3D;AAAA,IAAE,OAAO;AAAA,IAAU,OAAO;AAAA,EAAqB;AAAA,EAC/C;AAAA,IAAE,OAAO;AAAA,IAAiB,OAAO;AAAA,EAAyB;AAC5D,GAEa,IAAa;AAAA,EACxB;AAAA,IAAE,OAAO;AAAA,IAAW,OAAO;AAAA,EAAG;AAAA,EAC9B;AAAA,IAAE,OAAO;AAAA,IAAQ,OAAO;AAAA,EAAO;AAAA,EAC/B;AAAA,IAAE,OAAO;AAAA,IAAQ,OAAO;AAAA,EAAO;AAAA,EAC/B;AAAA,IAAE,OAAO;AAAA,IAAQ,OAAO;AAAA,EAAO;AAAA,EAC/B;AAAA,IAAE,OAAO;AAAA,IAAQ,OAAO;AAAA,EAAO;AAAA,EAC/B;AAAA,IAAE,OAAO;AAAA,IAAQ,OAAO;AAAA,EAAO;AAAA,EAC/B;AAAA,IAAE,OAAO;AAAA,IAAQ,OAAO;AAAA,EAAO;AAAA,EAC/B;AAAA,IAAE,OAAO;AAAA,IAAQ,OAAO;AAAA,EAAO;AAAA,EAC/B;AAAA,IAAE,OAAO;AAAA,IAAQ,OAAO;AAAA,EAAO;AAAA,EAC/B;AAAA,IAAE,OAAO;AAAA,IAAQ,OAAO;AAAA,EAAO;AAAA,EAC/B;AAAA,IAAE,OAAO;AAAA,IAAQ,OAAO;AAAA,EAAO;AAAA,EAC/B;AAAA,IAAE,OAAO;AAAA,IAAQ,OAAO;AAAA,EAAO;AAAA,EAC/B;AAAA,IAAE,OAAO;AAAA,IAAQ,OAAO;AAAA,EAAO;AAAA,EAC/B;AAAA,IAAE,OAAO;AAAA,IAAQ,OAAO;AAAA,EAAO;AACjC,GAUa,IAAA,CAAiD,EAAE,OAAA,GAAO,SAAA,GAAS,UAAA,GAAU,OAAA,GAAO,OAAA,IAAQ,IAAA,MACvG,gBAAA,EAAC,UAAD;AAAA,EACE,WAAU;AAAA,EACH,OAAA;AAAA,EACP,UAAA,CAAW,MAAM,EAAS,EAAE,OAAO,KAAK;AAAA,EACjC,OAAA;AAAA,EACP,OAAO,EAAE,OAAA,EAAM;AAAA,EAEd,UAAA,EAAQ,IAAA,CAAK,MACZ,gBAAA,EAAC,UAAD;AAAA,IAAwB,OAAO,EAAI;AAAA,IAAQ,UAAA,EAAI;AAAA,EAAc,GAAhD,EAAI,KAA4C,CAC9D;AACK,CAAA"}
+{"version":3,"file":"SelectDropdown.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/Toolbar/SelectDropdown.tsx"],"sourcesContent":["import React from 'react';\n\nexport const FONT_FAMILIES = [\n  { label: 'Default', value: '' },\n  { label: 'Arial', value: 'Arial, sans-serif' },\n  { label: 'Helvetica', value: 'Helvetica, sans-serif' },\n  { label: 'Georgia', value: 'Georgia, serif' },\n  { label: 'Times New Roman', value: 'Times New Roman, serif' },\n  { label: 'Courier New', value: 'Courier New, monospace' },\n  { label: 'Verdana', value: 'Verdana, sans-serif' },\n  { label: 'Trebuchet MS', value: 'Trebuchet MS, sans-serif' },\n  { label: 'Impact', value: 'Impact, sans-serif' },\n  { label: 'Comic Sans MS', value: 'Comic Sans MS, cursive' },\n];\n\nexport const FONT_SIZES = [\n  { label: 'Default', value: '' },\n  { label: '10px', value: '10px' },\n  { label: '12px', value: '12px' },\n  { label: '14px', value: '14px' },\n  { label: '16px', value: '16px' },\n  { label: '18px', value: '18px' },\n  { label: '20px', value: '20px' },\n  { label: '24px', value: '24px' },\n  { label: '28px', value: '28px' },\n  { label: '32px', value: '32px' },\n  { label: '36px', value: '36px' },\n  { label: '48px', value: '48px' },\n  { label: '64px', value: '64px' },\n  { label: '72px', value: '72px' },\n];\n\ninterface SelectDropdownProps {\n  value: string;\n  options: { label: string; value: string }[];\n  onChange: (value: string) => void;\n  title?: string;\n  width?: number;\n}\n\nexport const SelectDropdown: React.FC<SelectDropdownProps> = ({ value, options, onChange, title, width = 110 }) => (\n  <select\n    className=\"rte-toolbar__select\"\n    value={value}\n    onChange={(e) => onChange(e.target.value)}\n    title={title}\n    style={{ width }}\n  >\n    {options.map((opt) => (\n      <option key={opt.value} value={opt.value}>{opt.label}</option>\n    ))}\n  </select>\n);\n"],"mappings":";;;AAEA,IAAa,IAAgB;CAC3B;EAAE,OAAO;EAAW,OAAO;CAAG;CAC9B;EAAE,OAAO;EAAS,OAAO;CAAoB;CAC7C;EAAE,OAAO;EAAa,OAAO;CAAwB;CACrD;EAAE,OAAO;EAAW,OAAO;CAAiB;CAC5C;EAAE,OAAO;EAAmB,OAAO;CAAyB;CAC5D;EAAE,OAAO;EAAe,OAAO;CAAyB;CACxD;EAAE,OAAO;EAAW,OAAO;CAAsB;CACjD;EAAE,OAAO;EAAgB,OAAO;CAA2B;CAC3D;EAAE,OAAO;EAAU,OAAO;CAAqB;CAC/C;EAAE,OAAO;EAAiB,OAAO;CAAyB;AAC5D,GAEa,IAAa;CACxB;EAAE,OAAO;EAAW,OAAO;CAAG;CAC9B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;AACjC,GAUa,KAAiD,EAAE,UAAO,YAAS,aAAU,UAAO,WAAQ,UACvG,kBAAC,UAAD;CACE,WAAU;CACH;CACP,WAAW,MAAM,EAAS,EAAE,OAAO,KAAK;CACjC;CACP,OAAO,EAAE,SAAM;CAEd,UAAA,EAAQ,KAAK,MACZ,kBAAC,UAAD;EAAwB,OAAO,EAAI;EAAQ,UAAA,EAAI;CAAc,GAAhD,EAAI,KAA4C,CAC9D;AACK,CAAA"}