solid-tom-ui 1.0.2 → 1.0.5

package/dist/src/utils/element-tracker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"element-tracker.js","names":[],"sources":["../../../src/utils/element-tracker.ts"],"sourcesContent":["/**\r\n * element-tracker.ts\r\n *\r\n * Singleton global tracker để theo dõi vị trí và kích thước của một element.\r\n * Dùng chung cho các component như NewDropdown (blockScroll=false), Tooltip, Popover...\r\n *\r\n * Cơ chế:\r\n * - ResizeObserver: phát hiện element thay đổi kích thước.\r\n * - scroll event (capture, passive): phát hiện scroll ở bất kỳ container nào.\r\n *   Chỉ đăng ký 1 listener duy nhất trên window; tự tháo khi không còn element nào.\r\n * - IntersectionObserver: phát hiện trigger đi vào/ra viewport để cập nhật rect.\r\n *\r\n * Mỗi element chỉ được track bởi 1 callback tại một thời điểm.\r\n * Gọi `untrackElement(el)` để dừng theo dõi và giải phóng bộ nhớ.\r\n */\r\n\r\nexport type TrackedRect = {\r\n  top: number;\r\n  left: number;\r\n  width: number;\r\n  height: number;\r\n};\r\n\r\ntype TrackCallback = (rect: TrackedRect) => void;\r\n\r\n// ── Singleton state ──────────────────────────────────────────────────────────\r\n\r\nconst callbacks = new Map<Element, TrackCallback>();\r\n\r\n// ResizeObserver: fires khi target thay đổi kích thước\r\nconst resizeObserver = new ResizeObserver(entries => {\r\n  for (const entry of entries) {\r\n    const cb = callbacks.get(entry.target);\r\n    if (cb) cb(getRect(entry.target));\r\n  }\r\n});\r\n\r\n// IntersectionObserver: bắt khi trigger đi vào/ra viewport (bị scroll ra khỏi tầm nhìn)\r\nconst intersectionObserver = new IntersectionObserver(\r\n  entries => {\r\n    for (const entry of entries) {\r\n      const cb = callbacks.get(entry.target);\r\n      if (cb) cb(getRect(entry.target));\r\n    }\r\n  },\r\n  { threshold: [0, 1] },\r\n);\r\n\r\n// scroll listener dùng chung — capture phase để bắt scroll ở mọi container\r\n// rAF dedup: gộp tất cả scroll events trong cùng 1 frame thành 1 lần getBoundingClientRect\r\nlet rafId = 0;\r\n\r\nconst onScroll = () => {\r\n  if (rafId) return; // frame đã pending → bỏ qua, tránh gọi getBoundingClientRect nhiều lần/frame\r\n  rafId = requestAnimationFrame(() => {\r\n    rafId = 0;\r\n    callbacks.forEach((cb, el) => cb(getRect(el)));\r\n  });\r\n};\r\nlet scrollListenerAttached = false;\r\n\r\nfunction attachScrollListener() {\r\n  if (!scrollListenerAttached) {\r\n    window.addEventListener('scroll', onScroll, { passive: true, capture: true });\r\n    scrollListenerAttached = true;\r\n  }\r\n}\r\n\r\nfunction detachScrollListener() {\r\n  if (scrollListenerAttached && callbacks.size === 0) {\r\n    window.removeEventListener('scroll', onScroll, { capture: true });\r\n    scrollListenerAttached = false;\r\n    if (rafId) {\r\n      cancelAnimationFrame(rafId);\r\n      rafId = 0;\r\n    }\r\n  }\r\n}\r\n\r\nfunction getRect(el: Element): TrackedRect {\r\n  const r = el.getBoundingClientRect();\r\n  return { top: r.top, left: r.left, width: r.width, height: r.height };\r\n}\r\n\r\n// ── Public API ───────────────────────────────────────────────────────────────\r\n\r\n/**\r\n * Bắt đầu theo dõi vị trí của `el`.\r\n * `callback` sẽ được gọi ngay lập tức với rect hiện tại,\r\n * và mỗi khi el thay đổi kích thước hoặc scroll.\r\n */\r\nexport function trackElement(el: Element, callback: TrackCallback): void {\r\n  callbacks.set(el, callback);\r\n  resizeObserver.observe(el);\r\n  intersectionObserver.observe(el);\r\n  attachScrollListener();\r\n  // Gọi ngay để caller có rect ban đầu\r\n  callback(getRect(el));\r\n}\r\n\r\n/**\r\n * Dừng theo dõi `el` và giải phóng bộ nhớ.\r\n */\r\nexport function untrackElement(el: Element): void {\r\n  callbacks.delete(el);\r\n  resizeObserver.unobserve(el);\r\n  intersectionObserver.unobserve(el);\r\n  detachScrollListener();\r\n}\r\n"],"mappings":"AA2BA,IAAM,EAAY,IAAI,IAGhB,EAAiB,IAAI,eAAe,GAAW,CACnD,IAAK,IAAM,KAAS,EAAS,CAC3B,IAAM,EAAK,EAAU,IAAI,EAAM,OAAO,CAClC,GAAI,EAAG,EAAQ,EAAM,OAAO,CAAC,GAEnC,CAGI,EAAuB,IAAI,qBAC/B,GAAW,CACT,IAAK,IAAM,KAAS,EAAS,CAC3B,IAAM,EAAK,EAAU,IAAI,EAAM,OAAO,CAClC,GAAI,EAAG,EAAQ,EAAM,OAAO,CAAC,GAGrC,CAAE,UAAW,CAAC,EAAG,EAAE,CAAE,CACtB,CAIG,EAAQ,EAEN,MAAiB,CACjB,AACJ,IAAQ,0BAA4B,CAClC,EAAQ,EACR,EAAU,SAAS,EAAI,IAAO,EAAG,EAAQ,EAAG,CAAC,CAAC,EAC9C,EAEA,EAAyB,GAE7B,SAAS,GAAuB,CAC9B,AAEE,KADA,OAAO,iBAAiB,SAAU,EAAU,CAAE,QAAS,GAAM,QAAS,GAAM,CAAC,CACpD,IAI7B,SAAS,GAAuB,CAC1B,GAA0B,EAAU,OAAS,IAC/C,OAAO,oBAAoB,SAAU,EAAU,CAAE,QAAS,GAAM,CAAC,CACjE,EAAyB,GACzB,AAEE,KADA,qBAAqB,EAAM,CACnB,IAKd,SAAS,EAAQ,EAA0B,CACzC,IAAM,EAAI,EAAG,uBAAuB,CACpC,MAAO,CAAE,IAAK,EAAE,IAAK,KAAM,EAAE,KAAM,MAAO,EAAE,MAAO,OAAQ,EAAE,OAAQ,CAUvE,SAAgB,EAAa,EAAa,EAA+B,CACvE,EAAU,IAAI,EAAI,EAAS,CAC3B,EAAe,QAAQ,EAAG,CAC1B,EAAqB,QAAQ,EAAG,CAChC,GAAsB,CAEtB,EAAS,EAAQ,EAAG,CAAC,CAMvB,SAAgB,EAAe,EAAmB,CAChD,EAAU,OAAO,EAAG,CACpB,EAAe,UAAU,EAAG,CAC5B,EAAqB,UAAU,EAAG,CAClC,GAAsB"}

package/dist/src/utils/helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../../src/utils/helper.ts"],"sourcesContent":["import { BaseColorProps } from '@/type';\r\nimport { JSX } from 'solid-js';\r\n\r\ntype TimingFunction =\r\n  | 'ease'\r\n  | 'ease-in'\r\n  | 'ease-out'\r\n  | 'ease-in-out'\r\n  | 'linear'\r\n  | 'step-start'\r\n  | 'step-end'\r\n  | `steps(${number}, ${'start' | 'end'})`\r\n  | `cubic-bezier(${number}, ${number}, ${number}, ${number})`;\r\n\r\ntype AnimationDirection = 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';\r\ntype FillMode = 'none' | 'forwards' | 'backwards' | 'both';\r\ntype PlayState = 'running' | 'paused';\r\ntype TimeUnit = `${number}s` | `${number}ms`;\r\ntype IterationCount = number | 'infinite';\r\n\r\nexport interface AnimationConfig {\r\n  name: string;\r\n  duration?: TimeUnit;\r\n  timingFunction?: TimingFunction;\r\n  delay?: TimeUnit;\r\n  iterationCount?: IterationCount;\r\n  direction?: AnimationDirection;\r\n  fillMode?: FillMode;\r\n  playState?: PlayState;\r\n}\r\nconst DEFAULT_VALUES = {\r\n  duration: '1s',\r\n  timingFunction: 'ease',\r\n  delay: '0s',\r\n  iterationCount: 1,\r\n  direction: 'normal',\r\n  fillMode: 'none',\r\n  playState: 'running',\r\n} as const;\r\nexport function renderCSSAnimation(config: AnimationConfig): string {\r\n  const {\r\n    name,\r\n    duration = DEFAULT_VALUES.duration,\r\n    timingFunction = DEFAULT_VALUES.timingFunction,\r\n    delay = DEFAULT_VALUES.delay,\r\n    iterationCount = DEFAULT_VALUES.iterationCount,\r\n    direction = DEFAULT_VALUES.direction,\r\n    fillMode = DEFAULT_VALUES.fillMode,\r\n    playState = DEFAULT_VALUES.playState,\r\n  } = config;\r\n\r\n  return `${name} ${duration} ${timingFunction} ${delay} ${iterationCount} ${direction} ${fillMode} ${playState}`;\r\n}\r\nexport function createThrottle<T extends (...args: any[]) => void>(\r\n  fn: T,\r\n  delay: number,\r\n): T & { cancel: () => void } {\r\n  let lastCall = 0;\r\n  let timer: ReturnType<typeof setTimeout> | null = null;\r\n  const throttled = (...args: Parameters<T>) => {\r\n    const now = Date.now();\r\n    const remaining = delay - (now - lastCall);\r\n    if (timer) {\r\n      clearTimeout(timer);\r\n      timer = null;\r\n    }\r\n    if (remaining <= 0) {\r\n      lastCall = now;\r\n      fn(...args);\r\n    } else {\r\n      timer = setTimeout(() => {\r\n        lastCall = Date.now();\r\n        timer = null;\r\n        fn(...args);\r\n      }, remaining);\r\n    }\r\n  };\r\n  throttled.cancel = () => {\r\n    if (timer) {\r\n      clearTimeout(timer);\r\n      timer = null;\r\n    }\r\n  };\r\n  return throttled as T & { cancel: () => void };\r\n}\r\nconst generateRandomHexColor = (): string => {\r\n  const randomColor = Math.floor(Math.random() * 16777215).toString(16);\r\n  return `#${randomColor.padStart(6, '0')}`;\r\n};\r\n\r\nexport function normalizeHexColor(value: string | undefined): string {\r\n  if (!value) return generateRandomHexColor();\r\n  let hex = value.trim().replace(/^#/, '');\r\n  if (hex.length === 3) {\r\n    hex = hex\r\n      .split('')\r\n      .map(char => char + char)\r\n      .join('');\r\n  }\r\n\r\n  return `#${hex.toLowerCase()}`;\r\n}\r\nexport function getColor(color?: BaseColorProps | string, defaultColor?: string) {\r\n  switch (color) {\r\n    case 'primary':\r\n      return 'color-primary';\r\n    case 'neutral':\r\n      return 'color-neutral';\r\n    case 'secondary':\r\n      return 'color-secondary';\r\n    case 'accent':\r\n      return 'color-accent';\r\n    case 'info':\r\n      return 'color-info';\r\n    case 'success':\r\n      return 'color-success';\r\n    case 'warning':\r\n      return 'color-warning';\r\n    case 'error':\r\n      return 'color-error';\r\n    default:\r\n      return defaultColor ?? '';\r\n  }\r\n}\r\n\r\nconst lastValuesByKey = new Map<string, any>();\r\n\r\nexport function getRandomElement<T>(arr: T[], uniqueId: string): T {\r\n  if (arr.length === 1) return arr[0];\r\n  const lastValue = lastValuesByKey.get(uniqueId);\r\n  let newValue: T;\r\n  do {\r\n    newValue = arr[Math.floor(Math.random() * arr.length)];\r\n  } while (newValue === lastValue && arr.length > 1);\r\n\r\n  lastValuesByKey.set(uniqueId, newValue);\r\n  return newValue;\r\n}\r\nexport const genSVGCubicBezier: (\r\n  keySplines: string,\r\n) => Pick<\r\n  JSX.AnimateSVGAttributes<SVGAnimateElement>,\r\n  'calcMode' | 'keyTimes' | 'keySplines'\r\n> = keySplines => ({\r\n  calcMode: 'spline',\r\n  keyTimes: '0; 1',\r\n  keySplines: keySplines,\r\n});\r\n\r\nexport type Image = Omit<JSX.ImgHTMLAttributes<HTMLImageElement>, 'src'> & { src: string };\r\n\r\nexport function toMarkdownCode(code: string, lang = 'tsx'): string {\r\n  return `\\`\\`\\`${lang}\\n${code}\\n\\`\\`\\``;\r\n}\r\n"],"mappings":"AA8BA,IAAM,EAAiB,CACrB,SAAU,KACV,eAAgB,OAChB,MAAO,KACP,eAAgB,EAChB,UAAW,SACX,SAAU,OACV,UAAW,UACZ,CACD,SAAgB,EAAmB,EAAiC,CAClE,GAAM,CACJ,OACA,WAAW,EAAe,SAC1B,iBAAiB,EAAe,eAChC,QAAQ,EAAe,MACvB,iBAAiB,EAAe,eAChC,YAAY,EAAe,UAC3B,WAAW,EAAe,SAC1B,YAAY,EAAe,WACzB,EAEJ,MAAO,GAAG,EAAK,GAAG,EAAS,GAAG,EAAe,GAAG,EAAM,GAAG,EAAe,GAAG,EAAU,GAAG,EAAS,GAAG,IAEtG,SAAgB,EACd,EACA,EAC4B,CAC5B,IAAI,EAAW,EACX,EAA8C,KAC5C,GAAa,GAAG,IAAwB,CAC5C,IAAM,EAAM,KAAK,KAAK,CAChB,EAAY,GAAS,EAAM,GACjC,AAEE,KADA,aAAa,EAAM,CACX,MAEN,GAAa,GACf,EAAW,EACX,EAAG,GAAG,EAAK,EAEX,EAAQ,eAAiB,CACvB,EAAW,KAAK,KAAK,CACrB,EAAQ,KACR,EAAG,GAAG,EAAK,EACV,EAAU,EASjB,MANA,GAAU,WAAe,CACvB,AAEE,KADA,aAAa,EAAM,CACX,OAGL,EAET,IAAM,MAEG,IADa,KAAK,MAAM,KAAK,QAAQ,CAAG,SAAS,CAAC,SAAS,GAAG,CAC9C,SAAS,EAAG,IAAI,GAGzC,SAAgB,EAAkB,EAAmC,CACnE,GAAI,CAAC,EAAO,OAAO,GAAwB,CAC3C,IAAI,EAAM,EAAM,MAAM,CAAC,QAAQ,KAAM,GAAG,CAQxC,OAPI,EAAI,SAAW,IACjB,EAAM,EACH,MAAM,GAAG,CACT,IAAI,GAAQ,EAAO,EAAK,CACxB,KAAK,GAAG,EAGN,IAAI,EAAI,aAAa,GAE9B,SAAgB,EAAS,EAAiC,EAAuB,CAC/E,OAAQ,EAAR,CACE,IAAK,UACH,MAAO,gBACT,IAAK,UACH,MAAO,gBACT,IAAK,YACH,MAAO,kBACT,IAAK,SACH,MAAO,eACT,IAAK,OACH,MAAO,aACT,IAAK,UACH,MAAO,gBACT,IAAK,UACH,MAAO,gBACT,IAAK,QACH,MAAO,cACT,QACE,OAAO,GAAgB,IAiB7B,IAAa,EAKT,IAAe,CACjB,SAAU,SACV,SAAU,OACE,aACb"}

package/dist/src/utils/hoc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hoc.js","names":["Component","Show","ConditionalRenderConfig","preRender","P","when","conditionalRender","Record","Comp","configKey","p","whenValue","_$createComponent","keyed","children"],"sources":["../../../src/utils/hoc.tsx"],"sourcesContent":["import { Component, Show } from 'solid-js';\r\n\r\ntype ConditionalRenderConfig<P> = {\r\n  preRender: keyof P;\r\n  when?: keyof P;\r\n};\r\n/*\r\npreRender sẽ tạo ra DOM ngay lập tức bất kể when có true hay false\r\n Mặc định false\r\n*/\r\nexport function conditionalRender<P extends Record<string, any>>(\r\n  Comp: Component<P>,\r\n  configKey: ConditionalRenderConfig<P>,\r\n) {\r\n  return (p: P) => {\r\n    const preRender = () => p[configKey.preRender] ?? false;\r\n    const whenValue = () => (configKey?.when ? (p[configKey.when] ?? true) : true);\r\n\r\n    return preRender() ? (\r\n      <Comp {...p} />\r\n    ) : (\r\n      <Show when={whenValue()} keyed>\r\n        <Comp {...p} />\r\n      </Show>\r\n    );\r\n  };\r\n}\r\n"],"mappings":"+EAUA,SAAgBM,EACdE,EACAC,EACA,CACA,MAAQC,IAAS,CACf,IAAMP,MAAkBO,EAAED,EAAUN,YAAc,GAC5CQ,MAAmBF,GAAWJ,KAAQK,EAAED,EAAUJ,OAAS,GAAQ,GAEzE,OAAOF,GAAW,CAAAS,EACfJ,EAASE,EAAC,CAAAE,EAEVX,EAAI,CAAA,IAACI,MAAI,CAAA,OAAEM,GAAW,EAAEE,MAAK,GAAA,IAAAC,UAAA,CAAA,OAAAF,EAC3BJ,EAASE,EAAC,EAAA,CAEd"}

package/dist/src/utils/shiki-highlight.js

@@ -1,2 +0,0 @@
-var e=null,t=new Set;async function n(){return e||(e=import(`../../node_modules/.pnpm/shiki@4.0.2/node_modules/shiki/dist/index.js`).then(({createHighlighter:e})=>e({themes:[`dracula`],langs:[`tsx`,`typescript`,`jsx`,`javascript`,`bash`,`json`,`css`,`html`,`markdown`]})),t.add(`dracula`)),e}async function r(e){let r=await n();return t.has(e)||(await r.loadTheme(e),t.add(e)),r}async function i(e){try{let[t,n,r]=await Promise.all([import(`../../node_modules/.pnpm/prettier@3.8.1/node_modules/prettier/standalone.js`),import(`../../node_modules/.pnpm/prettier@3.8.1/node_modules/prettier/plugins/babel.js`),import(`../../node_modules/.pnpm/prettier@3.8.1/node_modules/prettier/plugins/estree.js`)]);return await t.format(e,{parser:`babel`,plugins:[n.default??n,r.default??r],printWidth:80,tabWidth:2,semi:!0,singleQuote:!0,jsxSingleQuote:!1,trailingComma:`all`})}catch{return e}}async function a(e,t,n,a=!0){let o=[`tsx`,`jsx`,`typescript`,`javascript`,`ts`,`js`].includes(t),[s,c]=await Promise.all([a&&o?i(e):Promise.resolve(e),r(n)]);return c.codeToHtml(s.trim(),{lang:t||`text`,theme:n})}export{r as ensureThemeLoaded,a as processCode};
-//# sourceMappingURL=shiki-highlight.js.map

package/dist/src/utils/shiki-highlight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shiki-highlight.js","names":[],"sources":["../../../src/utils/shiki-highlight.ts"],"sourcesContent":["/**\r\n * shiki-highlight.ts — Pure TypeScript Shiki helper, không phụ thuộc SolidJS.\r\n * Được dùng chung bởi:\r\n *   - src/components/doc/CodePreview.tsx  (SolidJS runtime)\r\n *   - .storybook/usage-addon.ts           (React / Storybook Manager)\r\n */\r\n\r\n// Singleton highlighter — lazy-load themes khi cần\r\nlet highlighterPromise: Promise<any> | null = null;\r\nconst loadedThemes = new Set<string>();\r\n\r\nasync function getHighlighter() {\r\n  if (!highlighterPromise) {\r\n    highlighterPromise = import('shiki').then(({ createHighlighter }) =>\r\n      createHighlighter({\r\n        themes: ['dracula'],\r\n        langs: [\r\n          'tsx',\r\n          'typescript',\r\n          'jsx',\r\n          'javascript',\r\n          'bash',\r\n          'json',\r\n          'css',\r\n          'html',\r\n          'markdown',\r\n        ],\r\n      }),\r\n    );\r\n    loadedThemes.add('dracula');\r\n  }\r\n  return highlighterPromise;\r\n}\r\n\r\nexport async function ensureThemeLoaded(theme: string) {\r\n  const highlighter = await getHighlighter();\r\n  if (!loadedThemes.has(theme)) {\r\n    await highlighter.loadTheme(theme);\r\n    loadedThemes.add(theme);\r\n  }\r\n  return highlighter;\r\n}\r\n\r\n// Format code bằng Prettier standalone (babel parser — hỗ trợ JSX tốt nhất)\r\nasync function formatWithPrettier(code: string): Promise<string> {\r\n  try {\r\n    const [prettier, babelPlugin, estreePlugin] = await Promise.all([\r\n      import('prettier/standalone'),\r\n      import('prettier/plugins/babel'),\r\n      import('prettier/plugins/estree'),\r\n    ]);\r\n    return await prettier.format(code, {\r\n      parser: 'babel',\r\n      plugins: [babelPlugin.default ?? babelPlugin, estreePlugin.default ?? estreePlugin],\r\n      printWidth: 80,\r\n      tabWidth: 2,\r\n      semi: true,\r\n      singleQuote: true,\r\n      jsxSingleQuote: false,\r\n      trailingComma: 'all',\r\n    });\r\n  } catch {\r\n    return code;\r\n  }\r\n}\r\n\r\n/**\r\n * Async pipeline: format → highlight, trả về HTML string.\r\n * @param format true = dùng Prettier (cho TSX/JSX); false = chỉ highlight.\r\n */\r\nexport async function processCode(\r\n  code: string,\r\n  language: string,\r\n  theme: string,\r\n  format = true,\r\n): Promise<string> {\r\n  const jsLike = ['tsx', 'jsx', 'typescript', 'javascript', 'ts', 'js'].includes(language);\r\n  const [formatted, highlighter] = await Promise.all([\r\n    format && jsLike ? formatWithPrettier(code) : Promise.resolve(code),\r\n    ensureThemeLoaded(theme),\r\n  ]);\r\n\r\n  return highlighter.codeToHtml(formatted.trim(), { lang: language || 'text', theme });\r\n}\r\n"],"mappings":"AAQA,IAAI,EAA0C,KACxC,EAAe,IAAI,IAEzB,eAAe,GAAiB,CAoB9B,OAnBK,IACH,EAAqB,OAAO,yEAAS,MAAM,CAAE,uBAC3C,EAAkB,CAChB,OAAQ,CAAC,UAAU,CACnB,MAAO,CACL,MACA,aACA,MACA,aACA,OACA,OACA,MACA,OACA,WACD,CACF,CAAC,CACH,CACD,EAAa,IAAI,UAAU,EAEtB,EAGT,eAAsB,EAAkB,EAAe,CACrD,IAAM,EAAc,MAAM,GAAgB,CAK1C,OAJK,EAAa,IAAI,EAAM,GAC1B,MAAM,EAAY,UAAU,EAAM,CAClC,EAAa,IAAI,EAAM,EAElB,EAIT,eAAe,EAAmB,EAA+B,CAC/D,GAAI,CACF,GAAM,CAAC,EAAU,EAAa,GAAgB,MAAM,QAAQ,IAAI,CAC9D,OAAO,+EACP,OAAO,kFACP,OAAO,mFACR,CAAC,CACF,OAAO,MAAM,EAAS,OAAO,EAAM,CACjC,OAAQ,QACR,QAAS,CAAC,EAAY,SAAW,EAAa,EAAa,SAAW,EAAa,CACnF,WAAY,GACZ,SAAU,EACV,KAAM,GACN,YAAa,GACb,eAAgB,GAChB,cAAe,MAChB,CAAC,MACI,CACN,OAAO,GAQX,eAAsB,EACpB,EACA,EACA,EACA,EAAS,GACQ,CACjB,IAAM,EAAS,CAAC,MAAO,MAAO,aAAc,aAAc,KAAM,KAAK,CAAC,SAAS,EAAS,CAClF,CAAC,EAAW,GAAe,MAAM,QAAQ,IAAI,CACjD,GAAU,EAAS,EAAmB,EAAK,CAAG,QAAQ,QAAQ,EAAK,CACnE,EAAkB,EAAM,CACzB,CAAC,CAEF,OAAO,EAAY,WAAW,EAAU,MAAM,CAAE,CAAE,KAAM,GAAY,OAAQ,QAAO,CAAC"}