@windwalker-io/unicorn-next 0.1.0

package/dist/chunks/tinymce.js

@@ -0,0 +1,196 @@
+import { a5 as mergeDeep, m as useStack, u as useHttpClient, a8 as useImport } from "./unicorn.js";
+const instances = {};
+let hooks = [];
+let imported = false;
+async function get(selector, options = {}) {
+  const tinymce2 = await loadTinymce();
+  return instances[selector] ??= new TinymceController(tinymce2, document.querySelector(selector), options);
+}
+function destroy(selector) {
+  delete instances[selector];
+}
+function addHook(handler) {
+  hooks.push(handler);
+}
+function clearHooks() {
+  hooks = [];
+}
+async function loadTinymce() {
+  await useImport("@tinymce");
+  if (imported) {
+    return tinymce;
+  }
+  imported = true;
+  for (const hook of hooks) {
+    hook(tinymce);
+  }
+  await registerDragPlugin(tinymce);
+  return tinymce;
+}
+const defaultOptions = {};
+class TinymceController {
+  constructor(tinymce2, element, options) {
+    this.tinymce = tinymce2;
+    this.element = element;
+    options.target = element;
+    this.options = mergeDeep(
+      {
+        unicorn: {
+          stack_name: "uploading"
+        }
+      },
+      defaultOptions,
+      this.prepareOptions(options, tinymce2.majorVersion)
+    );
+    tinymce2.EditorManager.init(this.options).then((editor) => {
+      this.editor = editor[0];
+    });
+  }
+  editor;
+  options = {};
+  prepareOptions(options, version = "6") {
+    const defaults = {};
+    if (options.images_upload_url) {
+      defaults.paste_data_images = true;
+      defaults.remove_script_host = false;
+      defaults.relative_urls = false;
+      if (Number(version) >= 6) {
+        defaults.images_upload_handler = (blobInfo, progress) => this.imageUploadHandler(blobInfo, progress);
+      } else {
+        options.plugins.push("paste");
+        defaults.images_upload_handler = (blobInfo, success, failure, progress) => this.imageUploadHandler(blobInfo, progress).then((url) => {
+          success(url);
+          return url;
+        }).catch((e) => {
+          failure(e.message, { remove: true });
+          throw e;
+        });
+      }
+    }
+    defaults.plugins = defaults.plugins || [];
+    defaults.setup = (editor) => {
+      editor.on("change", () => {
+        this.tinymce.triggerSave();
+      });
+    };
+    options = mergeDeep({}, defaults, options);
+    if (options.plugins.indexOf("unicorndragdrop") === -1) {
+      options.plugins.push("unicorndragdrop");
+    }
+    return options;
+  }
+  insert(text) {
+    this.editor?.insertContent(text);
+  }
+  getValue() {
+    return this.editor?.getContent() ?? "";
+  }
+  setValue(text) {
+    this.editor?.setContent(text);
+  }
+  // filePickerCallback(callback, value, meta) {
+  //   const input = document.createElement('input');
+  //   input.setAttribute('type', 'file');
+  //   input.style.display = 'none';
+  //
+  //   if (meta.filetype === 'image') {
+  //     input.setAttribute('accept', `image/\*`);
+  //   }
+  //
+  //   document.body.appendChild(input);
+  //
+  //   input.onchange = function () {
+  //     const file = this.files[0];
+  //
+  //     const reader = new FileReader();
+  //     reader.onload = function () {
+  //       const id = 'blobid' + (new Date()).getTime();
+  //       const blobCache =  tinymce.activeEditor.editorUpload.blobCache;
+  //       const base64 = reader.result.split(',')[1];
+  //       const blobInfo = blobCache.create(id, file, base64);
+  //       blobCache.add(blobInfo);
+  //
+  //       /* call the callback and populate the Title field with the file name */
+  //       callback(blobInfo.blobUri(), { title: file.name, text: file.name });
+  //     };
+  //     reader.readAsDataURL(file);
+  //     input.remove();
+  //   };
+  //
+  //   input.click();
+  // }
+  async imageUploadHandler(blobInfo, progress) {
+    const element = this.element;
+    element.dispatchEvent(new CustomEvent("upload-start"));
+    const formData = new FormData();
+    formData.append("file", blobInfo.blob(), blobInfo.filename());
+    const stack = useStack(this.options.unicorn.stack_name);
+    stack.push(true);
+    const { post, isAxiosError } = await useHttpClient();
+    try {
+      let res = await post(
+        this.options.images_upload_url,
+        formData,
+        {
+          withCredentials: false,
+          onUploadProgress: (e) => {
+            progress(e.loaded / e.total * 100);
+          }
+        }
+      );
+      element.dispatchEvent(new CustomEvent("upload-success"));
+      return res.data.data.url;
+    } catch (err) {
+      if (isAxiosError(err)) {
+        const message = err?.response?.data?.message || err.message;
+        console.error(err?.response?.data?.message || err.message, err);
+        element.dispatchEvent(new CustomEvent("upload-error", { detail: err }));
+        return Promise.reject({ message, remove: true });
+      }
+      throw err;
+    } finally {
+      element.dispatchEvent(new CustomEvent("upload-complete"));
+      stack.pop();
+    }
+  }
+}
+function registerDragPlugin(tinymce2) {
+  tinymce2.PluginManager.add("unicorndragdrop", function(editor) {
+    tinymce2.DOM.bind(document, "dragleave", function(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      if (tinymce2.activeEditor) {
+        tinymce2.activeEditor.contentAreaContainer.style.transition = "all .3s";
+        tinymce2.activeEditor.contentAreaContainer.style.borderWidth = "";
+      }
+      return false;
+    });
+    if (typeof FormData !== "undefined") {
+      editor.on("dragenter", (e) => {
+        e.stopPropagation();
+        return false;
+      });
+      editor.on("dragover", (e) => {
+        e.preventDefault();
+        if (tinymce2.activeEditor) {
+          tinymce2.activeEditor.contentAreaContainer.style.transition = "all .3s";
+          tinymce2.activeEditor.contentAreaContainer.style.border = "3px dashed rgba(0, 0, 0, .35)";
+        }
+        return false;
+      });
+      editor.on("drop", (e) => {
+        editor.contentAreaContainer.style.borderWidth = "";
+        editor.contentAreaContainer.style.borderWidth = "";
+      });
+    }
+  });
+  return Promise.resolve();
+}
+export {
+  TinymceController,
+  addHook,
+  clearHooks,
+  destroy,
+  get
+};
+//# sourceMappingURL=tinymce.js.map

package/dist/chunks/tinymce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinymce.js","sources":["../../src/module/tinymce.ts"],"sourcesContent":["import type { Editor, EditorOptions, TinyMCE } from 'tinymce';\r\nimport { useHttpClient, useStack } from '../composable';\r\nimport { useImport } from '../service';\r\nimport { Dictionary, MaybePromise } from '../types';\r\nimport { mergeDeep } from '../utilities';\r\n\r\nconst instances: Dictionary<TinymceController> = {};\r\nlet hooks: ((tinymce: TinyMCE) => MaybePromise<any>)[] = [];\r\n\r\nlet imported = false;\r\n\r\ndeclare type UploadHandlerParams = Parameters<NonNullable<EditorOptions['images_upload_handler']>>;\r\n\r\nexport async function get(\r\n  selector: string,\r\n  options: Record<string, any> = {}\r\n): Promise<TinymceController> {\r\n  const tinymce = await loadTinymce();\r\n\r\n  return instances[selector] ??= new TinymceController(tinymce, document.querySelector(selector)!, options);\r\n}\r\n\r\nexport function destroy(selector: string): void {\r\n  delete instances[selector];\r\n}\r\n\r\nexport function addHook(handler: ((tinymce: TinyMCE) => MaybePromise<any>)) {\r\n  hooks.push(handler);\r\n}\r\n\r\nexport function clearHooks() {\r\n  hooks = [];\r\n}\r\n\r\nasync function loadTinymce(): Promise<TinyMCE> {\r\n  await useImport('@tinymce');\r\n\r\n  if (imported) {\r\n    return tinymce;\r\n  }\r\n  imported = true;\r\n  for (const hook of hooks) {\r\n    hook(tinymce);\r\n  }\r\n  await registerDragPlugin(tinymce);\r\n  return tinymce;\r\n}\r\n\r\nconst defaultOptions: Record<string, any> = {};\r\n\r\nexport class TinymceController {\r\n  editor?: Editor;\r\n  options: Record<string, any> = {};\r\n\r\n  constructor(protected tinymce: TinyMCE, public element: HTMLElement, options: Record<string, any>) {\r\n    options.target = element;\r\n\r\n    this.options = mergeDeep(\r\n      {\r\n        unicorn: {\r\n          stack_name: 'uploading'\r\n        }\r\n      },\r\n      defaultOptions,\r\n      this.prepareOptions(options, tinymce.majorVersion),\r\n    );\r\n\r\n    tinymce.EditorManager.init(this.options).then((editor) => {\r\n      this.editor = editor[0];\r\n    });\r\n  }\r\n\r\n  prepareOptions(options: Record<string, any>, version = '6') {\r\n    const defaults: Partial<EditorOptions> = {};\r\n\r\n    if (options.images_upload_url) {\r\n      defaults.paste_data_images = true;\r\n      defaults.remove_script_host = false;\r\n      defaults.relative_urls = false;\r\n\r\n      if (Number(version) >= 6) {\r\n        defaults.images_upload_handler = (blobInfo, progress) =>\r\n          this.imageUploadHandler(blobInfo, progress);\r\n      } else {\r\n        options.plugins.push('paste');\r\n\r\n        // @ts-ignore\r\n        defaults.images_upload_handler = (blobInfo, success, failure, progress) =>\r\n          this.imageUploadHandler(blobInfo, progress)\r\n            .then((url) => {\r\n              success(url);\r\n              return url;\r\n            })\r\n            .catch((e) => {\r\n              failure(e.message, { remove: true });\r\n              throw e;\r\n            });\r\n      }\r\n    }\r\n\r\n    // defaults.file_picker_callback = (...args) => this.filePickerCallback(...args);\r\n\r\n    defaults.plugins = defaults.plugins || [];\r\n\r\n    defaults.setup = (editor) => {\r\n      editor.on('change', () => {\r\n        this.tinymce.triggerSave();\r\n      });\r\n    };\r\n\r\n    options = mergeDeep({}, defaults, options);\r\n\r\n    if (options.plugins.indexOf('unicorndragdrop') === -1) {\r\n      options.plugins.push('unicorndragdrop');\r\n    }\r\n\r\n    return options;\r\n  }\r\n\r\n  insert(text: string) {\r\n    this.editor?.insertContent(text);\r\n  }\r\n\r\n  getValue(): string {\r\n    return this.editor?.getContent() ?? '';\r\n  }\r\n\r\n  setValue(text: string): void {\r\n    this.editor?.setContent(text);\r\n  }\r\n\r\n  // filePickerCallback(callback, value, meta) {\r\n  //   const input = document.createElement('input');\r\n  //   input.setAttribute('type', 'file');\r\n  //   input.style.display = 'none';\r\n  //\r\n  //   if (meta.filetype === 'image') {\r\n  //     input.setAttribute('accept', `image/\\*`);\r\n  //   }\r\n  //\r\n  //   document.body.appendChild(input);\r\n  //\r\n  //   input.onchange = function () {\r\n  //     const file = this.files[0];\r\n  //\r\n  //     const reader = new FileReader();\r\n  //     reader.onload = function () {\r\n  //       const id = 'blobid' + (new Date()).getTime();\r\n  //       const blobCache =  tinymce.activeEditor.editorUpload.blobCache;\r\n  //       const base64 = reader.result.split(',')[1];\r\n  //       const blobInfo = blobCache.create(id, file, base64);\r\n  //       blobCache.add(blobInfo);\r\n  //\r\n  //       /* call the callback and populate the Title field with the file name */\r\n  //       callback(blobInfo.blobUri(), { title: file.name, text: file.name });\r\n  //     };\r\n  //     reader.readAsDataURL(file);\r\n  //     input.remove();\r\n  //   };\r\n  //\r\n  //   input.click();\r\n  // }\r\n\r\n  async imageUploadHandler(blobInfo: UploadHandlerParams[0], progress: UploadHandlerParams[1]) {\r\n    const element = this.element;\r\n\r\n    element.dispatchEvent(new CustomEvent('upload-start'));\r\n\r\n    const formData = new FormData();\r\n    formData.append('file', blobInfo.blob(), blobInfo.filename());\r\n\r\n    const stack = useStack(this.options.unicorn.stack_name);\r\n    stack.push(true);\r\n\r\n    const { post, isAxiosError } = await useHttpClient();\r\n\r\n    try {\r\n      let res = await post(\r\n        this.options.images_upload_url,\r\n        formData,\r\n        {\r\n          withCredentials: false,\r\n          onUploadProgress: (e) => {\r\n            progress(e.loaded / e.total! * 100);\r\n          }\r\n        }\r\n      );\r\n      element.dispatchEvent(new CustomEvent('upload-success'));\r\n\r\n      return res.data.data.url;\r\n    } catch (err) {\r\n      if (isAxiosError(err)) {\r\n        const message = err?.response?.data?.message || err.message;\r\n        console.error(err?.response?.data?.message || err.message, err);\r\n        element.dispatchEvent(new CustomEvent('upload-error', { detail: err }));\r\n\r\n        return Promise.reject({ message, remove: true });\r\n      }\r\n\r\n      throw err;\r\n    } finally {\r\n      element.dispatchEvent(new CustomEvent('upload-complete'));\r\n      stack.pop();\r\n    }\r\n  }\r\n}\r\n\r\nfunction registerDragPlugin(tinymce: TinyMCE) {\r\n  tinymce.PluginManager.add('unicorndragdrop', function (editor) {\r\n    // Reset the drop area border\r\n    tinymce.DOM.bind(document, 'dragleave', function (e) {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n\r\n      if (tinymce.activeEditor) {\r\n        tinymce.activeEditor.contentAreaContainer.style.transition = 'all .3s';\r\n        tinymce.activeEditor.contentAreaContainer.style.borderWidth = '';\r\n      }\r\n\r\n      return false;\r\n    });\r\n\r\n    if (typeof FormData !== 'undefined') {\r\n\r\n      // Fix for Chrome\r\n      editor.on('dragenter', e => {\r\n        e.stopPropagation();\r\n        return false;\r\n      });\r\n\r\n      // Notify user when file is over the drop area\r\n      editor.on('dragover', e => {\r\n        e.preventDefault();\r\n\r\n        if (tinymce.activeEditor) {\r\n          tinymce.activeEditor.contentAreaContainer.style.transition = 'all .3s';\r\n          tinymce.activeEditor.contentAreaContainer.style.border = '3px dashed rgba(0, 0, 0, .35)';\r\n        }\r\n\r\n        return false;\r\n      });\r\n\r\n      editor.on('drop', e => {\r\n        editor.contentAreaContainer.style.borderWidth = '';\r\n        editor.contentAreaContainer.style.borderWidth = '';\r\n      });\r\n    }\r\n  });\r\n\r\n  return Promise.resolve();\r\n}\r\n\r\nexport interface TinymceModule {\r\n  get: typeof get;\r\n  destroy: typeof destroy;\r\n  addHook: typeof addHook;\r\n  clearHooks: typeof clearHooks;\r\n  TinymceController: typeof TinymceController;\r\n}\r\n\r\ndeclare global {\r\n  var tinymce: TinyMCE;\r\n}\r\n"],"names":["tinymce"],"mappings":"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"}

package/dist/chunks/ui-bootstrap5.js

@@ -0,0 +1,71 @@
+import * as bootstrap from "bootstrap";
+import { Tooltip } from "bootstrap";
+import { B as html, v as selectOne, w as selectAll } from "./unicorn.js";
+class UIBootstrap5 {
+  static instance = null;
+  bootstrap = bootstrap;
+  static get() {
+    return this.instance ??= new this();
+  }
+  renderMessage(messages, type = "info") {
+    if (!Array.isArray(messages)) {
+      messages = [messages];
+    }
+    let text = "";
+    messages.forEach((msg) => {
+      text += `<div class="">${msg}</div>`;
+    });
+    const msgHtml = html(`<div class="alert alert-${type} alert-dismissible fade show" role="alert">
+  ${text}
+  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+</div>`);
+    const container = selectOne(".c-messages-container");
+    if (container) {
+      container.appendChild(msgHtml);
+    }
+  }
+  clearMessages() {
+    const container = selectOne(".c-messages-container");
+    if (container) {
+      container.innerHTML = "";
+    }
+  }
+  async keepTab(selector, options = {}) {
+    const module = await import("./keep-tab.js");
+    await module.ready;
+    if (selector) {
+      return new module.KeepTab(selector, options);
+    }
+    return module;
+  }
+  async buttonRadio(selector, options = {}) {
+    const m = await import("./button-radio.js");
+    await m.ready;
+    if (selector) {
+      return m.ButtonRadio.handle(selector, options);
+    }
+    return m;
+  }
+  tooltip(selector = '[data-bs-toggle="tooltip"]', config = {}) {
+    return this.selectAsArray(selector).map((ele) => Tooltip.getOrCreateInstance(ele, config));
+  }
+  selectAsArray(selector) {
+    if (selector instanceof NodeList) {
+      return Array.from(selector);
+    } else if (typeof selector === "string") {
+      return selectAll(selector);
+    } else {
+      return [selector];
+    }
+  }
+  getMajorVersion(module) {
+    return Number(module.VERSION.split(".").shift());
+  }
+  pushBootstrapToGlobal() {
+    window.bootstrap = bootstrap;
+  }
+}
+export {
+  UIBootstrap5
+};
+//# sourceMappingURL=ui-bootstrap5.js.map

package/dist/chunks/ui-bootstrap5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-bootstrap5.js","sources":["../../src/module/ui-bootstrap5.ts"],"sourcesContent":["import * as bootstrap from 'bootstrap';\r\nimport { Tooltip } from 'bootstrap';\r\nimport type { ButtonRadio, ButtonRadioModule, ButtonRadioOptions } from '../bootstrap/button-radio';\r\nimport type { KeepTab, KeepTabModule, KeepTabOptions } from '../bootstrap/keep-tab';\r\nimport { getBoundedInstanceList, html, selectAll, selectOne } from '../service';\r\nimport type { UIThemeInterface } from '../types';\r\n\r\nexport class UIBootstrap5 implements UIThemeInterface {\r\n  static instance: UIBootstrap5 | null = null;\r\n\r\n  bootstrap = bootstrap;\r\n\r\n  static get() {\r\n    return this.instance ??= new this();\r\n  }\r\n\r\n  renderMessage(messages: string | string[], type: string = 'info') {\r\n    if (!Array.isArray(messages)) {\r\n      messages = [messages];\r\n    }\r\n\r\n    let text = '';\r\n\r\n    messages.forEach((msg) => {\r\n      text += `<div class=\"\">${msg}</div>`;\r\n    });\r\n\r\n    const msgHtml = html(`<div class=\"alert alert-${type} alert-dismissible fade show\" role=\"alert\">\r\n  ${text}\r\n  <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n</div>`);\r\n\r\n    const container = selectOne('.c-messages-container');\r\n\r\n    if (container) {\r\n      container.appendChild(msgHtml);\r\n    }\r\n  }\r\n\r\n  clearMessages() {\r\n    const container = selectOne('.c-messages-container');\r\n\r\n    if (container) {\r\n      container.innerHTML = '';\r\n    }\r\n  }\r\n\r\n  async keepTab(): Promise<KeepTabModule>;\r\n  async keepTab(selector?: string | HTMLElement, options?: KeepTabOptions): Promise<KeepTab>;\r\n  async keepTab(selector?: string | HTMLElement, options: KeepTabOptions = {}): Promise<any> {\r\n    const module = await import('../bootstrap/keep-tab');\r\n\r\n    await module.ready;\r\n\r\n    if (selector) {\r\n      return new module.KeepTab(selector, options);\r\n    }\r\n\r\n    return module;\r\n  }\r\n\r\n  async buttonRadio(): Promise<ButtonRadioModule>;\r\n  async buttonRadio(selector?: string | HTMLElement, options?: ButtonRadioOptions): Promise<ButtonRadio>;\r\n  async buttonRadio(selector?: string | HTMLElement, options: ButtonRadioOptions = {}): Promise<any> {\r\n    const m = await import('../bootstrap/button-radio');\r\n\r\n    await m.ready;\r\n\r\n    if (selector) {\r\n      return m.ButtonRadio.handle(selector, options);\r\n    }\r\n\r\n    return m;\r\n  }\r\n\r\n  tooltip(\r\n    selector: NodeListOf<Element> | Element | string = '[data-bs-toggle=\"tooltip\"]',\r\n    config: Partial<Tooltip.Options> = {}\r\n  ): Tooltip[] {\r\n    return this.selectAsArray(selector)\r\n      .map((ele) => Tooltip.getOrCreateInstance(ele, config));\r\n  }\r\n\r\n  protected selectAsArray(selector: NodeListOf<Element> | Element | string) {\r\n    if (selector instanceof NodeList) {\r\n      return Array.from(selector);\r\n    } else if (typeof selector === 'string') {\r\n      return selectAll(selector);\r\n    } else {\r\n      return [selector];\r\n    }\r\n  }\r\n\r\n  getMajorVersion(module: any) {\r\n    return Number(module.VERSION.split('.').shift());\r\n  }\r\n\r\n  pushBootstrapToGlobal() {\r\n    window.bootstrap = bootstrap;\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  export interface Window {\r\n    bootstrap: typeof bootstrap;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;AAOO,MAAM,aAAyC;AAAA,EACpD,OAAO,WAAgC;AAAA,EAEvC,YAAY;AAAA,EAEZ,OAAO,MAAM;AACX,WAAO,KAAK,aAAa,IAAI,KAAA;AAAA,EAC/B;AAAA,EAEA,cAAc,UAA6B,OAAe,QAAQ;AAChE,QAAI,CAAC,MAAM,QAAQ,QAAQ,GAAG;AAC5B,iBAAW,CAAC,QAAQ;AAAA,IACtB;AAEA,QAAI,OAAO;AAEX,aAAS,QAAQ,CAAC,QAAQ;AACxB,cAAQ,iBAAiB,GAAG;AAAA,IAC9B,CAAC;AAED,UAAM,UAAU,KAAK,2BAA2B,IAAI;AAAA,IACpD,IAAI;AAAA;AAAA,OAED;AAEH,UAAM,YAAY,UAAU,uBAAuB;AAEnD,QAAI,WAAW;AACb,gBAAU,YAAY,OAAO;AAAA,IAC/B;AAAA,EACF;AAAA,EAEA,gBAAgB;AACd,UAAM,YAAY,UAAU,uBAAuB;AAEnD,QAAI,WAAW;AACb,gBAAU,YAAY;AAAA,IACxB;AAAA,EACF;AAAA,EAIA,MAAM,QAAQ,UAAiC,UAA0B,IAAkB;AACzF,UAAM,SAAS,MAAM,OAAO,eAAuB;AAEnD,UAAM,OAAO;AAEb,QAAI,UAAU;AACZ,aAAO,IAAI,OAAO,QAAQ,UAAU,OAAO;AAAA,IAC7C;AAEA,WAAO;AAAA,EACT;AAAA,EAIA,MAAM,YAAY,UAAiC,UAA8B,IAAkB;AACjG,UAAM,IAAI,MAAM,OAAO,mBAA2B;AAElD,UAAM,EAAE;AAER,QAAI,UAAU;AACZ,aAAO,EAAE,YAAY,OAAO,UAAU,OAAO;AAAA,IAC/C;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,QACE,WAAmD,8BACnD,SAAmC,CAAA,GACxB;AACX,WAAO,KAAK,cAAc,QAAQ,EAC/B,IAAI,CAAC,QAAQ,QAAQ,oBAAoB,KAAK,MAAM,CAAC;AAAA,EAC1D;AAAA,EAEU,cAAc,UAAkD;AACxE,QAAI,oBAAoB,UAAU;AAChC,aAAO,MAAM,KAAK,QAAQ;AAAA,IAC5B,WAAW,OAAO,aAAa,UAAU;AACvC,aAAO,UAAU,QAAQ;AAAA,IAC3B,OAAO;AACL,aAAO,CAAC,QAAQ;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,gBAAgB,QAAa;AAC3B,WAAO,OAAO,OAAO,QAAQ,MAAM,GAAG,EAAE,OAAO;AAAA,EACjD;AAAA,EAEA,wBAAwB;AACtB,WAAO,YAAY;AAAA,EACrB;AACF;"}