dap-design-system 0.62.3 → 0.63.0

package/dist/localization/localization.js.map

@@ -1 +1 @@
-{"version":3,"file":"localization.js","sources":["../../src/localization/localization.ts"],"sourcesContent":["// Import dayjs locales statically to ensure they're always available\nimport 'dayjs/locale/hu'\nimport 'dayjs/locale/en'\nimport 'dayjs/locale/de'\n\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat' // ES 2015\nimport localeData from 'dayjs/plugin/localeData'\nimport LocalizedFormat from 'dayjs/plugin/localizedFormat'\nimport weekday from 'dayjs/plugin/weekday'\nimport i18next, { t } from 'i18next'\nimport LanguageDetector from 'i18next-browser-languagedetector'\nimport { initLitI18n, translate } from 'lit-i18n'\n\nimport de from './locales/de.json'\nimport en from './locales/en.json'\nimport hu from './locales/hu.json'\n\ndayjs.extend(localeData)\ndayjs.extend(weekday)\ndayjs.extend(LocalizedFormat)\ndayjs.extend(customParseFormat)\n\nconst DEFAULT_LOCALE = 'hu'\n\nconst getDefaultLang = () => {\n  let lang =\n    document.documentElement.lang || navigator.language || DEFAULT_LOCALE\n  lang = lang.slice(0, 2)\n  return lang\n}\n\n/**\n * Tracks which Day.js locales have been loaded.\n * - Built-in locales (de, en, hu) are statically imported and always available.\n * - For other languages, consumers must manually import and register using registerDayjsLocale().\n *\n * Example for adding a custom locale:\n * ```ts\n * import 'dayjs/locale/fr'\n * import { registerDayjsLocale } from 'dap-design-system'\n * registerDayjsLocale('fr')\n * ```\n */\nconst loadedDayjsLocales = new Set<string>(['hu', 'en', 'de'])\n\nasync function ensureDayjsLocale(lang: string) {\n  const short = lang.slice(0, 2)\n\n  if (!short) {\n    return\n  }\n\n  if (!loadedDayjsLocales.has(short)) {\n    // Locale not registered - warn user to manually import it\n    console.warn(\n      `[DAP Design System] Day.js locale \"${short}\" is not registered. ` +\n        `Date/month/day names will not be localized for this language. ` +\n        `Falling back to \"${DEFAULT_LOCALE}\" locale for Day.js. ` +\n        `To fix this, manually import and register the locale:\\n` +\n        `  import 'dayjs/locale/${short}'\\n` +\n        `  import { registerDayjsLocale } from 'dap-design-system'\\n` +\n        `  registerDayjsLocale('${short}')`,\n    )\n  }\n\n  if (loadedDayjsLocales.has(short)) {\n    dayjs.locale(short)\n  } else {\n    dayjs.locale(DEFAULT_LOCALE)\n  }\n}\n\ni18next\n  .use(LanguageDetector)\n  .use(initLitI18n)\n  .init({\n    fallbackLng: 'hu',\n    interpolation: {\n      escapeValue: false,\n    },\n    resources: {\n      de: {\n        translation: {\n          ...de,\n        },\n      },\n      en: {\n        translation: {\n          ...en,\n        },\n      },\n      hu: {\n        translation: {\n          ...hu,\n        },\n      },\n    },\n  })\n\nconst initialLang = getDefaultLang()\n// Fire and forget – components using Day.js will start rendering with the\n// correct locale as soon as the chunk is loaded.\nvoid ensureDayjsLocale(initialLang)\ni18next.changeLanguage(initialLang)\n\nconst documentElementObserver = new MutationObserver(update)\ndocumentElementObserver.observe(document.documentElement, {\n  attributes: true,\n  attributeFilter: ['dir', 'lang'],\n})\n\nexport function update() {\n  const lang = getDefaultLang()\n\n  void ensureDayjsLocale(lang)\n  i18next.changeLanguage(lang)\n}\n\n/**\n * Detects whether a locale prefers 12-hour or 24-hour time format.\n * Uses dayjs locale data to determine the preference.\n * @param locale - The locale to check (e.g., 'en', 'hu', 'en-US', 'hu-HU', 'de', 'de-DE')\n * @returns '12h' for 12-hour format, '24h' for 24-hour format\n */\nexport function getTimeFormatPreference(locale: string): '12h' | '24h' {\n  try {\n    // Set the locale temporarily to check its format\n    const currentLocale = dayjs.locale()\n    dayjs.locale(locale)\n    const dayjsLocale = dayjs.localeData()\n    const longTimeFormat = dayjsLocale.longDateFormat('LT')\n\n    // Restore original locale\n    dayjs.locale(currentLocale)\n\n    // If the locale has a defined LT format, check if it contains AM/PM indicators\n    if (longTimeFormat && longTimeFormat !== 'LT') {\n      // Check if the format contains AM/PM indicators (A or a)\n      if (longTimeFormat.includes('A') || longTimeFormat.includes('a')) {\n        return '12h'\n      }\n\n      // Check if the format uses 24-hour (H:mm) vs 12-hour (h:mm)\n      if (longTimeFormat.includes('H:mm') || longTimeFormat.includes('HH:mm')) {\n        return '24h'\n      }\n\n      if (longTimeFormat.includes('h:mm')) {\n        return '12h'\n      }\n    }\n\n    // If no specific format is found, fall back to common patterns\n    const localeLower = locale.toLowerCase()\n    if (\n      localeLower.startsWith('en') ||\n      localeLower.startsWith('us') ||\n      localeLower.startsWith('ca') ||\n      localeLower.startsWith('au') ||\n      localeLower.startsWith('nz') ||\n      localeLower.startsWith('ph') ||\n      localeLower.startsWith('in') ||\n      localeLower.startsWith('pk') ||\n      localeLower.startsWith('bd') ||\n      localeLower.startsWith('lk') ||\n      localeLower.startsWith('np') ||\n      localeLower.startsWith('mm') ||\n      localeLower.startsWith('my') ||\n      localeLower.startsWith('sg')\n    ) {\n      return '12h'\n    }\n\n    // Most other locales use 24-hour format\n    return '24h'\n  } catch (error) {\n    // If locale detection fails, fall back to common patterns\n    const localeLower = locale.toLowerCase()\n    if (\n      localeLower.startsWith('en') ||\n      localeLower.startsWith('us') ||\n      localeLower.startsWith('ca') ||\n      localeLower.startsWith('au') ||\n      localeLower.startsWith('nz') ||\n      localeLower.startsWith('ph') ||\n      localeLower.startsWith('in') ||\n      localeLower.startsWith('pk') ||\n      localeLower.startsWith('bd') ||\n      localeLower.startsWith('lk') ||\n      localeLower.startsWith('np') ||\n      localeLower.startsWith('mm') ||\n      localeLower.startsWith('my') ||\n      localeLower.startsWith('sg')\n    ) {\n      return '12h'\n    }\n\n    // Most other locales use 24-hour format\n    return '24h'\n  }\n}\n\n/**\n * Manually register a Day.js locale that has been imported.\n * Use this if automatic locale loading fails.\n *\n * @example\n * ```ts\n * import 'dayjs/locale/fr'\n * import { registerDayjsLocale } from 'dap-design-system'\n * registerDayjsLocale('fr')\n * ```\n */\nexport function registerDayjsLocale(localeCode: string): void {\n  const short = localeCode.slice(0, 2)\n  if (short) {\n    loadedDayjsLocales.add(short)\n    dayjs.locale(short)\n  }\n}\n\nexport { i18next, t, translate }\n"],"names":["dayjs","localeData","weekday","LocalizedFormat","customParseFormat","DEFAULT_LOCALE","getDefaultLang","lang","loadedDayjsLocales","ensureDayjsLocale","__async","short","i18next","LanguageDetector","initLitI18n","__spreadValues","de","en","hu","initialLang","documentElementObserver","update","getTimeFormatPreference","locale","currentLocale","longTimeFormat","localeLower","error","registerDayjsLocale","localeCode"],"mappings":"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"}
+{"version":3,"file":"localization.js","sources":["../../src/localization/localization.ts"],"sourcesContent":["// Import dayjs locales statically to ensure they're always available\nimport 'dayjs/locale/hu'\nimport 'dayjs/locale/en'\nimport 'dayjs/locale/de'\n\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat' // ES 2015\nimport localeData from 'dayjs/plugin/localeData'\nimport LocalizedFormat from 'dayjs/plugin/localizedFormat'\nimport weekday from 'dayjs/plugin/weekday'\nimport i18next, { t } from 'i18next'\nimport LanguageDetector from 'i18next-browser-languagedetector'\n\nimport de from './locales/de.json'\nimport en from './locales/en.json'\nimport hu from './locales/hu.json'\n\ndayjs.extend(localeData)\ndayjs.extend(weekday)\ndayjs.extend(LocalizedFormat)\ndayjs.extend(customParseFormat)\n\nconst DEFAULT_LOCALE = 'hu'\n\n// True only in a browser environment. Used to skip browser-only initialisation\n// (language detection, live <html> observing) during SSR so importing this\n// module in Node does not throw. Client behaviour is unchanged.\nconst isBrowser =\n  typeof window !== 'undefined' && typeof document !== 'undefined'\n\nconst getDefaultLang = () => {\n  if (!isBrowser) {\n    return DEFAULT_LOCALE\n  }\n  let lang =\n    document.documentElement.lang || navigator.language || DEFAULT_LOCALE\n  lang = lang.slice(0, 2)\n  return lang\n}\n\n/**\n * Tracks which Day.js locales have been loaded.\n * - Built-in locales (de, en, hu) are statically imported and always available.\n * - For other languages, consumers must manually import and register using registerDayjsLocale().\n *\n * Example for adding a custom locale:\n * ```ts\n * import 'dayjs/locale/fr'\n * import { registerDayjsLocale } from 'dap-design-system'\n * registerDayjsLocale('fr')\n * ```\n */\nconst loadedDayjsLocales = new Set<string>(['hu', 'en', 'de'])\n\nasync function ensureDayjsLocale(lang: string) {\n  const short = lang.slice(0, 2)\n\n  if (!short) {\n    return\n  }\n\n  if (!loadedDayjsLocales.has(short)) {\n    // Locale not registered - warn user to manually import it\n    console.warn(\n      `[DAP Design System] Day.js locale \"${short}\" is not registered. ` +\n        `Date/month/day names will not be localized for this language. ` +\n        `Falling back to \"${DEFAULT_LOCALE}\" locale for Day.js. ` +\n        `To fix this, manually import and register the locale:\\n` +\n        `  import 'dayjs/locale/${short}'\\n` +\n        `  import { registerDayjsLocale } from 'dap-design-system'\\n` +\n        `  registerDayjsLocale('${short}')`,\n    )\n  }\n\n  if (loadedDayjsLocales.has(short)) {\n    dayjs.locale(short)\n  } else {\n    dayjs.locale(DEFAULT_LOCALE)\n  }\n}\n\n// The browser language detector reads document.cookie / navigator, which do\n// not exist during SSR — only register it in the browser. On the server we\n// initialise with the fallback language so `t()` still returns text\n// server-side. Components render translations via the LocalizeController\n// (see src/localization/localize-controller.ts), so no lit-i18n plugin is used.\nconst i18nextChain = isBrowser ? i18next.use(LanguageDetector) : i18next\ni18nextChain.init({\n  fallbackLng: 'hu',\n  ...(isBrowser ? {} : { lng: 'hu' }),\n  interpolation: {\n    escapeValue: false,\n  },\n  resources: {\n    de: {\n      translation: {\n        ...de,\n      },\n    },\n    en: {\n      translation: {\n        ...en,\n      },\n    },\n    hu: {\n      translation: {\n        ...hu,\n      },\n    },\n  },\n})\n\n// Language detection and live <html lang/dir> observing are browser-only.\n// Skipped during SSR (no document); the client runs them on import as before.\nif (isBrowser) {\n  const initialLang = getDefaultLang()\n  // Fire and forget – components using Day.js will start rendering with the\n  // correct locale as soon as the chunk is loaded.\n  void ensureDayjsLocale(initialLang)\n  i18next.changeLanguage(initialLang)\n\n  const documentElementObserver = new MutationObserver(update)\n  documentElementObserver.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['dir', 'lang'],\n  })\n}\n\nexport function update() {\n  const lang = getDefaultLang()\n\n  void ensureDayjsLocale(lang)\n  i18next.changeLanguage(lang)\n}\n\n/**\n * Detects whether a locale prefers 12-hour or 24-hour time format.\n * Uses dayjs locale data to determine the preference.\n * @param locale - The locale to check (e.g., 'en', 'hu', 'en-US', 'hu-HU', 'de', 'de-DE')\n * @returns '12h' for 12-hour format, '24h' for 24-hour format\n */\nexport function getTimeFormatPreference(locale: string): '12h' | '24h' {\n  try {\n    // Set the locale temporarily to check its format\n    const currentLocale = dayjs.locale()\n    dayjs.locale(locale)\n    const dayjsLocale = dayjs.localeData()\n    const longTimeFormat = dayjsLocale.longDateFormat('LT')\n\n    // Restore original locale\n    dayjs.locale(currentLocale)\n\n    // If the locale has a defined LT format, check if it contains AM/PM indicators\n    if (longTimeFormat && longTimeFormat !== 'LT') {\n      // Check if the format contains AM/PM indicators (A or a)\n      if (longTimeFormat.includes('A') || longTimeFormat.includes('a')) {\n        return '12h'\n      }\n\n      // Check if the format uses 24-hour (H:mm) vs 12-hour (h:mm)\n      if (longTimeFormat.includes('H:mm') || longTimeFormat.includes('HH:mm')) {\n        return '24h'\n      }\n\n      if (longTimeFormat.includes('h:mm')) {\n        return '12h'\n      }\n    }\n\n    // If no specific format is found, fall back to common patterns\n    const localeLower = locale.toLowerCase()\n    if (\n      localeLower.startsWith('en') ||\n      localeLower.startsWith('us') ||\n      localeLower.startsWith('ca') ||\n      localeLower.startsWith('au') ||\n      localeLower.startsWith('nz') ||\n      localeLower.startsWith('ph') ||\n      localeLower.startsWith('in') ||\n      localeLower.startsWith('pk') ||\n      localeLower.startsWith('bd') ||\n      localeLower.startsWith('lk') ||\n      localeLower.startsWith('np') ||\n      localeLower.startsWith('mm') ||\n      localeLower.startsWith('my') ||\n      localeLower.startsWith('sg')\n    ) {\n      return '12h'\n    }\n\n    // Most other locales use 24-hour format\n    return '24h'\n  } catch (error) {\n    // If locale detection fails, fall back to common patterns\n    const localeLower = locale.toLowerCase()\n    if (\n      localeLower.startsWith('en') ||\n      localeLower.startsWith('us') ||\n      localeLower.startsWith('ca') ||\n      localeLower.startsWith('au') ||\n      localeLower.startsWith('nz') ||\n      localeLower.startsWith('ph') ||\n      localeLower.startsWith('in') ||\n      localeLower.startsWith('pk') ||\n      localeLower.startsWith('bd') ||\n      localeLower.startsWith('lk') ||\n      localeLower.startsWith('np') ||\n      localeLower.startsWith('mm') ||\n      localeLower.startsWith('my') ||\n      localeLower.startsWith('sg')\n    ) {\n      return '12h'\n    }\n\n    // Most other locales use 24-hour format\n    return '24h'\n  }\n}\n\n/**\n * Manually register a Day.js locale that has been imported.\n * Use this if automatic locale loading fails.\n *\n * @example\n * ```ts\n * import 'dayjs/locale/fr'\n * import { registerDayjsLocale } from 'dap-design-system'\n * registerDayjsLocale('fr')\n * ```\n */\nexport function registerDayjsLocale(localeCode: string): void {\n  const short = localeCode.slice(0, 2)\n  if (short) {\n    loadedDayjsLocales.add(short)\n    dayjs.locale(short)\n  }\n}\n\nexport { i18next, t }\n"],"names":["dayjs","localeData","weekday","LocalizedFormat","customParseFormat","DEFAULT_LOCALE","isBrowser","getDefaultLang","lang","loadedDayjsLocales","ensureDayjsLocale","__async","short","i18nextChain","i18next","LanguageDetector","__spreadProps","__spreadValues","de","en","hu","initialLang","update","getTimeFormatPreference","locale","currentLocale","longTimeFormat","localeLower","error","registerDayjsLocale","localeCode"],"mappings":"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"}

package/dist/localization/localize-controller.d.ts

@@ -0,0 +1,12 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export declare class LocalizeController implements ReactiveController {
+    private readonly host;
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    /** Translate a key. Alias `term` matches the @shoelace-style/localize API. */
+    t(key: string | string[], options?: Record<string, unknown>): string;
+    term(key: string | string[], options?: Record<string, unknown>): string;
+    lang(): string;
+    dir(): 'ltr' | 'rtl';
+}

package/dist/localization/localize-controller.js

@@ -0,0 +1,51 @@
+import "./localization.js";
+import n from "../node_modules/i18next/dist/esm/i18next.js";
+const o = /* @__PURE__ */ new Set();
+let a = !1;
+const u = () => {
+  for (const e of o)
+    e.requestUpdate();
+}, c = () => {
+  if (typeof document == "undefined")
+    return;
+  const e = document.documentElement.lang, t = e ? e.slice(0, 2) : n.language;
+  t && t !== n.language && n.changeLanguage(t);
+}, l = () => {
+  if (a || typeof window == "undefined")
+    return;
+  a = !0, n.on("languageChanged", u), new MutationObserver(() => {
+    c(), u();
+  }).observe(document.documentElement, {
+    attributes: !0,
+    attributeFilter: ["lang", "dir"]
+  }), c();
+};
+class m {
+  constructor(t) {
+    this.host = t, t.addController(this);
+  }
+  hostConnected() {
+    o.add(this.host), l();
+  }
+  hostDisconnected() {
+    o.delete(this.host);
+  }
+  /** Translate a key. Alias `term` matches the @shoelace-style/localize API. */
+  t(t, r) {
+    const d = n.t, s = d(t, r);
+    return typeof s == "string" ? s : "";
+  }
+  term(t, r) {
+    return this.t(t, r);
+  }
+  lang() {
+    return n.language;
+  }
+  dir() {
+    return typeof document == "undefined" ? "ltr" : document.documentElement.dir === "rtl" ? "rtl" : "ltr";
+  }
+}
+export {
+  m as LocalizeController
+};
+//# sourceMappingURL=localize-controller.js.map

package/dist/localization/localize-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localize-controller.js","sources":["../../src/localization/localize-controller.ts"],"sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit'\n\nimport { i18next } from './localization'\n\n/**\n * SSR-safe localization for DDS components, modelled on\n * `@shoelace-style/localize`'s reactive-controller pattern but backed by the\n * existing i18next store (so all locale JSON, interpolation and fallback keep\n * working).\n *\n * Why a controller instead of lit-i18n's `translate` directive:\n * - `term()`/`t()` return strings **synchronously** in `render()`, so text is\n *   produced during server rendering and on the client's hydration render\n *   (lit-i18n's directive is async and renders nothing under sync SSR).\n * - Reactivity is `MutationObserver(<html lang>)` + i18next `languageChanged`\n *   → `host.requestUpdate()`, which is a normal reactive re-render — no\n *   `setValue` on a non-live SSR part, so nothing throws during SSR.\n */\n\n/** All connected hosts, re-rendered together when the language changes. */\nconst hosts = new Set<ReactiveControllerHost>()\n\nlet started = false\n\nconst requestUpdateAll = (): void => {\n  for (const host of hosts) {\n    host.requestUpdate()\n  }\n}\n\n/** Mirror the document's `<html lang>` into i18next when it changes. */\nconst syncLanguageFromDocument = (): void => {\n  if (typeof document === 'undefined') {\n    return\n  }\n  const attr = document.documentElement.lang\n  const lang = attr ? attr.slice(0, 2) : i18next.language\n  if (lang && lang !== i18next.language) {\n    // Fires 'languageChanged' -> requestUpdateAll once resources are ready.\n    void i18next.changeLanguage(lang)\n  }\n}\n\n/** Lazily wire up the shared listeners the first time a host connects. */\nconst start = (): void => {\n  if (started || typeof window === 'undefined') {\n    return\n  }\n  started = true\n  i18next.on('languageChanged', requestUpdateAll)\n  const observer = new MutationObserver(() => {\n    syncLanguageFromDocument()\n    // Direction-only changes still need a re-render.\n    requestUpdateAll()\n  })\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['lang', 'dir'],\n  })\n  syncLanguageFromDocument()\n}\n\nexport class LocalizeController implements ReactiveController {\n  constructor(private readonly host: ReactiveControllerHost) {\n    host.addController(this)\n  }\n\n  hostConnected(): void {\n    hosts.add(this.host)\n    start()\n  }\n\n  hostDisconnected(): void {\n    hosts.delete(this.host)\n  }\n\n  /** Translate a key. Alias `term` matches the @shoelace-style/localize API. */\n  t(key: string | string[], options?: Record<string, unknown>): string {\n    const translate = i18next.t as (\n      key: string | string[],\n      options?: unknown,\n    ) => unknown\n    const value = translate(key, options)\n    return typeof value === 'string' ? value : ''\n  }\n\n  term(key: string | string[], options?: Record<string, unknown>): string {\n    return this.t(key, options)\n  }\n\n  lang(): string {\n    return i18next.language\n  }\n\n  dir(): 'ltr' | 'rtl' {\n    if (typeof document === 'undefined') {\n      return 'ltr'\n    }\n    return document.documentElement.dir === 'rtl' ? 'rtl' : 'ltr'\n  }\n}\n"],"names":["hosts","started","requestUpdateAll","host","syncLanguageFromDocument","attr","lang","i18next","start","LocalizeController","key","options","translate","value"],"mappings":";;AAoBA,MAAMA,wBAAY,IAA4B;AAE9C,IAAIC,IAAU;AAEd,MAAMC,IAAmB,MAAY;AACnC,aAAWC,KAAQH;AACjB,IAAAG,EAAK,cAAc;AAEvB,GAGMC,IAA2B,MAAY;AACvC,MAAA,OAAO,YAAa;AACtB;AAEI,QAAAC,IAAO,SAAS,gBAAgB,MAChCC,IAAOD,IAAOA,EAAK,MAAM,GAAG,CAAC,IAAIE,EAAQ;AAC3C,EAAAD,KAAQA,MAASC,EAAQ,YAEtBA,EAAQ,eAAeD,CAAI;AAEpC,GAGME,IAAQ,MAAY;AACpB,MAAAP,KAAW,OAAO,UAAW;AAC/B;AAEQ,EAAAA,IAAA,IACFM,EAAA,GAAG,mBAAmBL,CAAgB,GAC7B,IAAI,iBAAiB,MAAM;AACjB,IAAAE,EAAA,GAERF,EAAA;AAAA,EAAA,CAClB,EACQ,QAAQ,SAAS,iBAAiB;AAAA,IACzC,YAAY;AAAA,IACZ,iBAAiB,CAAC,QAAQ,KAAK;AAAA,EAAA,CAChC,GACwBE,EAAA;AAC3B;AAEO,MAAMK,EAAiD;AAAA,EAC5D,YAA6BN,GAA8B;AAA9B,SAAA,OAAAA,GAC3BA,EAAK,cAAc,IAAI;AAAA,EAAA;AAAA,EAGzB,gBAAsB;AACd,IAAAH,EAAA,IAAI,KAAK,IAAI,GACbQ,EAAA;AAAA,EAAA;AAAA,EAGR,mBAAyB;AACjB,IAAAR,EAAA,OAAO,KAAK,IAAI;AAAA,EAAA;AAAA;AAAA,EAIxB,EAAEU,GAAwBC,GAA2C;AACnE,UAAMC,IAAYL,EAAQ,GAIpBM,IAAQD,EAAUF,GAAKC,CAAO;AAC7B,WAAA,OAAOE,KAAU,WAAWA,IAAQ;AAAA,EAAA;AAAA,EAG7C,KAAKH,GAAwBC,GAA2C;AAC/D,WAAA,KAAK,EAAED,GAAKC,CAAO;AAAA,EAAA;AAAA,EAG5B,OAAe;AACb,WAAOJ,EAAQ;AAAA,EAAA;AAAA,EAGjB,MAAqB;AACf,WAAA,OAAO,YAAa,cACf,QAEF,SAAS,gBAAgB,QAAQ,QAAQ,QAAQ;AAAA,EAAA;AAE5D;"}