greeks-live-ui 0.1.19 → 0.1.21

package/es/packages/components/tag/src/tag2.mjs

@@ -1,117 +1,33 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createElementVNode, Fragment, createTextVNode, toDisplayString } from 'vue';
-import '../../../hooks/index.mjs';
-import { tagProps, tagEmits } from './tag.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = {
-  name: "GTag"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: tagProps,
-  emits: tagEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("tag");
-    const colorMap = {
-      green: {
-        backgroundColor: "var(--theme-green-1)",
-        color: "var(--theme-green-primary)",
-        borderColor: "var(--theme-green-primary)"
-      },
-      red: {
-        backgroundColor: "var(--theme-red-1)",
-        color: "var(--theme-red-primary)",
-        borderColor: "var(--theme-red-primary)"
-      },
-      blue: {
-        backgroundColor: "var(--theme-blue-1)",
-        color: "var(--theme-blue-7)",
-        borderColor: "var(--theme-blue-7)"
-      },
-      yellow: {
-        backgroundColor: "var(--theme-orange-1)",
-        color: "var(--theme-orange-7)",
-        borderColor: "var(--theme-orange-7)"
-      },
-      gray: {
-        backgroundColor: "var(--theme-gray-2)",
-        color: "var(--theme-gray-8)",
-        borderColor: "var(--theme-gray-8)"
-      },
-      brand: {
-        backgroundColor: "var(--theme-brand-50)",
-        color: "var(--theme-brand-500)",
-        borderColor: "var(--theme-brand-500)"
-      }
-    };
-    const color = computed(() => colorMap[props.type].color);
-    const backgroundColor = computed(() => colorMap[props.type].backgroundColor);
-    const borderColor = computed(() => {
-      if (props.border) {
-        return colorMap[props.type].borderColor;
-      }
-      return "transparent";
-    });
-    const width = computed(() => {
-      const type = typeof props.width;
-      if (type === "string") {
-        return props.width;
-      }
-      return `${props.width}px`;
-    });
-    const height = computed(() => {
-      const type = typeof props.height;
-      if (type === "string") {
-        return props.height;
-      }
-      return `${props.height}px`;
-    });
-    const borderRadius = computed(() => {
-      const type = typeof props.borderRadius;
-      if (type === "string") {
-        return props.borderRadius;
-      }
-      return `${props.borderRadius}px`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(ns).b()]),
-          style: normalizeStyle({ backgroundColor: unref(backgroundColor), borderColor: unref(borderColor), width: unref(width), height: unref(height), borderRadius: unref(borderRadius) })
-        },
-        [
-          renderSlot(_ctx.$slots, "prefix"),
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass([unref(ns).e("text")]),
-              style: normalizeStyle({ color: unref(color) })
-            },
-            [
-              _ctx.value ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 0 },
-                [
-                  createTextVNode(
-                    toDisplayString(_ctx.value),
-                    1
-                  )
-                ],
-                64
-              )) : renderSlot(_ctx.$slots, "default", { key: 1 })
-            ],
-            6
-          )
-        ],
-        6
-      );
-    };
+const tagEmits = {};
+const tagProps = buildProps({
+  value: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "green"
+  },
+  border: {
+    type: Boolean,
+    default: false
+  },
+  borderRadius: {
+    type: [String, Number],
+    default: 8
+  },
+  width: {
+    type: [String, Number],
+    default: "fit-content"
+  },
+  height: {
+    type: [String, Number],
+    default: "auto"
   }
 });
-var Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/tag/src/tag.vue"]]);
 
-export { Tag as default };
+export { tagEmits, tagProps };
 //# sourceMappingURL=tag2.mjs.map

package/es/packages/components/tag/src/tag2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tag2.mjs","sources":["../../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b()]\"\n    :style=\"{backgroundColor, borderColor, width, height, borderRadius}\"\n  >\n    <slot name=\"prefix\"></slot>\n    <div\n      :class=\"[ns.e('text')]\"\n      :style=\"{color}\"\n    >\n      <template v-if=\"value\">\n        {{ value }}\n      </template>\n      <template v-else>\n        <slot></slot>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { tagEmits, tagProps } from './tag'\n\ndefineOptions({\n  name: 'GTag',\n})\n\nconst ns = useNamespace('tag')\nconst props = defineProps(tagProps)\nconst emits = defineEmits(tagEmits)\n\nconst colorMap = {\n  green: {\n    backgroundColor: 'var(--theme-green-1)',\n    color: 'var(--theme-green-primary)',\n    borderColor: 'var(--theme-green-primary)',\n  },\n  red: {\n    backgroundColor: 'var(--theme-red-1)',\n    color: 'var(--theme-red-primary)',\n    borderColor: 'var(--theme-red-primary)',\n  },\n  blue: {\n    backgroundColor: 'var(--theme-blue-1)',\n    color: 'var(--theme-blue-7)',\n    borderColor: 'var(--theme-blue-7)',\n  },\n  yellow: {\n    backgroundColor: 'var(--theme-orange-1)',\n    color: 'var(--theme-orange-7)',\n    borderColor: 'var(--theme-orange-7)',\n  },\n  gray: {\n    backgroundColor: 'var(--theme-gray-2)',\n    color: 'var(--theme-gray-8)',\n    borderColor: 'var(--theme-gray-8)',\n  },\n  brand: {\n    backgroundColor: 'var(--theme-brand-50)',\n    color: 'var(--theme-brand-500)',\n    borderColor: 'var(--theme-brand-500)',\n  }\n}\n\nconst color = computed(() => colorMap[props.type].color)\nconst backgroundColor = computed(() => colorMap[props.type].backgroundColor)\nconst borderColor = computed(() => {\n  if (props.border) {\n    return colorMap[props.type].borderColor\n  }\n  return 'transparent'\n})\n\nconst width = computed(() => {\n  const type = typeof props.width\n  if (type === 'string') {\n    return props.width\n  }\n  return `${props.width}px`\n})\n\nconst height = computed(() => {\n  const type = typeof props.height\n  if (type === 'string') {\n    return props.height\n  }\n  return `${props.height}px`\n})\n\nconst borderRadius = computed(() => {\n  const type = typeof props.borderRadius\n  if (type === 'string') {\n    return props.borderRadius\n  }\n  return `${props.borderRadius}px`\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6BA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,QAAA,GAAA;AAAA,MAAA,KAAA,EAAA;AACA,QAAA,eAAA,EAAA,sBAAA;AACA,QAAA,KAAA,EAAA,4BAAA;AACA,QAAA,WAAA,EAAA,4BAAA;AACA,OAAA;AACA,MAAA,GAAA,EAAA;AACA,QAAA,eAAA,EAAA,oBAAA;AACA,QAAA,KAAA,EAAA,0BAAA;AACA,QAAA,WAAA,EAAA,0BAAA;AACA,OAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,eAAA,EAAA,qBAAA;AACA,QAAA,KAAA,EAAA,qBAAA;AACA,QAAA,WAAA,EAAA,qBAAA;AACA,OAAA;AACA,MAAA,MAAA,EAAA;AACA,QAAA,eAAA,EAAA,uBAAA;AACA,QAAA,KAAA,EAAA,uBAAA;AACA,QAAA,WAAA,EAAA,uBAAA;AACA,OAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,eAAA,EAAA,qBAAA;AACA,QAAA,KAAA,EAAA,qBAAA;AACA,QAAA,WAAA,EAAA,qBAAA;AACA,OAAA;AACA,MAAA,KAAA,EAAA;AACA,QAAA,eAAA,EAAA,uBAAA;AACA,QAAA,KAAA,EAAA,wBAAA;AACA,QAAA,WAAA,EAAA,wBAAA;AACA,OAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,KAAA,GAAA,QAAA,CAAA,MAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,eAAA,GAAA,QAAA,CAAA,MAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,eAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,MAAA,EAAA;AACA,QAAA,OAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,WAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,aAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,KAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,KAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,KAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,MAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,MAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,MAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,YAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,YAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,YAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,YAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tag2.mjs","sources":["../../../../../../../packages/components/tag/src/tag.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Tag from './tag.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nexport const tagEmits = {}\nexport type TagEmits = typeof tagEmits\n\nexport const tagProps = buildProps({\n  value: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String as PropType<'green' | 'red' | 'blue' | 'yellow' | 'gray' | 'brand'>,\n    default: 'green',\n  },\n  border: {\n    type: Boolean,\n    default: false,\n  },\n  borderRadius: {\n    type: [String, Number],\n    default: 8,\n  },\n  width: {\n    type: [String, Number],\n    default: 'fit-content',\n  },\n  height: {\n    type: [String, Number],\n    default: 'auto',\n  },\n})\n\nexport type TagProps = ExtractPropTypes<typeof tagProps>\nexport type TagInstance = InstanceType<typeof Tag>\n"],"names":[],"mappings":";;;AAIO,MAAM,WAAW,GAAC;AAGlB,MAAM,WAAW,UAAW,CAAA;AAAA,EACjC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,aAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAC;;;;"}

package/es/packages/components/toggle-button/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import ToggleButton from './src/toggle-button.mjs';
-export { toggleButtonEmits, toggleButtonProps } from './src/toggle-button2.mjs';
+import ToggleButton from './src/toggle-button2.mjs';
+export { toggleButtonEmits, toggleButtonProps } from './src/toggle-button.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GToggleButton = withInstall(ToggleButton);

package/es/packages/components/toggle-button/src/toggle-button.mjs

@@ -1,100 +1,21 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, Fragment, renderList, createBlock, withCtx, toDisplayString } from 'vue';
-import '../../../hooks/index.mjs';
-import { toggleButtonProps, toggleButtonEmits } from './toggle-button2.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useDeviceType } from '../../../hooks/use-device-type/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = { class: "toggle-group" };
-const _hoisted_2 = ["innerHTML"];
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = ["onClick"];
-const __default__ = {
-  name: "GToggleButton"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: toggleButtonProps,
-  emits: toggleButtonEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("toggle-button");
-    const { t } = useLocale();
-    const { isMobile } = useDeviceType();
-    const getLabelText = (item) => {
-      return item.labelKey ? t(item.labelKey) : item.label;
-    };
-    const getTooltipText = (item) => {
-      return item.tooltipKey ? t(item.tooltipKey) : item.tooltip;
-    };
-    const handleClick = (item) => {
-      emits("update:modelValue", item.value);
-      emits("click", item);
-    };
-    return (_ctx, _cache) => {
-      const _component_g_tooltip = resolveComponent("g-tooltip");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(ns).b()])
-        },
-        [
-          createElementVNode("div", _hoisted_1, [
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(props.options, (item) => {
-                return openBlock(), createElementBlock(
-                  Fragment,
-                  {
-                    key: item.value
-                  },
-                  [
-                    props.showTooltip && (item.tooltip || item.tooltipKey) ? (openBlock(), createBlock(_component_g_tooltip, {
-                      key: 0,
-                      placement: unref(isMobile) ? "bottom" : "bottomRight",
-                      align: unref(isMobile) ? { offset: [0, 0] } : { offset: [-14, 0] }
-                    }, {
-                      title: withCtx(() => [
-                        createElementVNode("div", {
-                          class: "greeks-panel-tip",
-                          innerHTML: getTooltipText(item)
-                        }, null, 8, _hoisted_2)
-                      ]),
-                      default: withCtx(() => [
-                        createElementVNode("span", {
-                          onClick: ($event) => handleClick(item),
-                          class: normalizeClass({
-                            "toggle-btn": true,
-                            "toggle-btn-active": _ctx.modelValue === item.value,
-                            "toggle-btn-with-tooltip": props.showTooltip && (item.tooltip || item.tooltipKey)
-                          })
-                        }, toDisplayString(getLabelText(item)), 11, _hoisted_3)
-                      ]),
-                      _: 2
-                    }, 1032, ["placement", "align"])) : (openBlock(), createElementBlock("span", {
-                      key: 1,
-                      onClick: ($event) => handleClick(item),
-                      class: normalizeClass({
-                        "toggle-btn": true,
-                        "toggle-btn-active": _ctx.modelValue === item.value
-                      })
-                    }, toDisplayString(getLabelText(item)), 11, _hoisted_4))
-                  ],
-                  64
-                );
-              }),
-              128
-            ))
-          ])
-        ],
-        2
-      );
-    };
+const toggleButtonEmits = ["update:modelValue", "click"];
+const toggleButtonProps = buildProps({
+  options: {
+    type: Array,
+    default: []
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  showTooltip: {
+    type: Boolean,
+    default: false
   }
 });
-var ToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/toggle-button/src/toggle-button.vue"]]);
 
-export { ToggleButton as default };
+export { toggleButtonEmits, toggleButtonProps };
 //# sourceMappingURL=toggle-button.mjs.map

package/es/packages/components/toggle-button/src/toggle-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.mjs","sources":["../../../../../../../packages/components/toggle-button/src/toggle-button.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <div class=\"toggle-group\">\n      <template v-for=\"item in props.options\" :key=\"item.value\">\n        <g-tooltip\n          :placement=\"isMobile ? 'bottom' : 'bottomRight'\"\n          :align=\"isMobile ? { offset: [0, 0] } : { offset: [-14, 0] }\"\n          v-if=\"props.showTooltip && (item.tooltip || item.tooltipKey)\"\n        >\n          <template #title>\n            <div class=\"greeks-panel-tip\" v-html=\"getTooltipText(item)\"></div>\n          </template>\n          <span\n            @click=\"handleClick(item)\"\n            :class=\"{\n              'toggle-btn': true,\n              'toggle-btn-active': modelValue === item.value,\n              'toggle-btn-with-tooltip':\n                props.showTooltip && (item.tooltip || item.tooltipKey),\n            }\"\n            >{{ getLabelText(item) }}</span\n          >\n        </g-tooltip>\n        <span\n          v-else\n          @click=\"handleClick(item)\"\n          :class=\"{\n            'toggle-btn': true,\n            'toggle-btn-active': modelValue === item.value,\n          }\"\n          >{{ getLabelText(item) }}</span\n        >\n      </template>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace, useLocale, useDeviceType } from '@greeks-live-ui/hooks';\nimport { toggleButtonEmits, toggleButtonProps } from './toggle-button';\ndefineOptions({\n  name: 'GToggleButton',\n});\nconst ns = useNamespace('toggle-button');\nconst { t } = useLocale();\nconst { isMobile } = useDeviceType();\nconst props = defineProps(toggleButtonProps);\nconst emits = defineEmits(toggleButtonEmits);\n\nconst getLabelText = (item: {\n  label: string;\n  value: string;\n  tooltip?: string;\n  labelKey?: string;\n  tooltipKey?: string;\n}) => {\n  return item.labelKey ? t(item.labelKey) : item.label;\n};\n\nconst getTooltipText = (item: {\n  label: string;\n  value: string;\n  tooltip?: string;\n  labelKey?: string;\n  tooltipKey?: string;\n}) => {\n  return item.tooltipKey ? t(item.tooltipKey) : item.tooltip;\n};\n\nconst handleClick = (item: {\n  label: string;\n  value: string;\n  tooltip?: string;\n  labelKey?: string;\n  tooltipKey?: string;\n}) => {\n  emits('update:modelValue', item.value);\n  emits('click', item);\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0CA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,eAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,CAAA,EAAA,GAAA,SAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,QAAA,EAAA,GAAA,aAAA,EAAA,CAAA;AAIA,IAAA,MAAA,YAAA,GAAA,CAAA,IAAA,KAAA;AAOA,MAAA,OAAA,IAAA,CAAA,QAAA,GAAA,CAAA,CAAA,IAAA,CAAA,QAAA,CAAA,GAAA,IAAA,CAAA,KAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,cAAA,GAAA,CAAA,IAAA,KAAA;AAOA,MAAA,OAAA,IAAA,CAAA,UAAA,GAAA,CAAA,CAAA,IAAA,CAAA,UAAA,CAAA,GAAA,IAAA,CAAA,OAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAA,CAAA,IAAA,KAAA;AAOA,MAAA,KAAA,CAAA,mBAAA,EAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AACA,MAAA,KAAA,CAAA,OAAA,EAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"toggle-button.mjs","sources":["../../../../../../../packages/components/toggle-button/src/toggle-button.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils';\nimport type ToggleButton from './toggle-button.vue';\nimport type { ExtractPropTypes } from 'vue';\n\nexport const toggleButtonEmits = ['update:modelValue', 'click'];\nexport type ToggleButtonEmits = typeof toggleButtonEmits;\nexport const toggleButtonProps = buildProps({\n  options: {\n    type: Array<{ \n      label: string; \n      value: string; \n      tooltip?: string;\n      labelKey?: string;\n      tooltipKey?: string;\n    }>,\n    default: [],\n  },\n  modelValue: {\n    type: String,\n    default: '',\n  },\n  showTooltip: {\n    type: Boolean,\n    default: false,\n  },\n});\nexport type ToggleButtonProps = ExtractPropTypes<typeof toggleButtonProps>;\nexport type ToggleButtonInstance = InstanceType<typeof ToggleButton>;\n"],"names":[],"mappings":";;;AAIa,MAAA,iBAAA,GAAoB,CAAC,mBAAA,EAAqB,OAAO,EAAA;AAEvD,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IAON,SAAS,EAAC;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAC;;;;"}

package/es/packages/components/toggle-button/src/toggle-button2.mjs

@@ -1,21 +1,100 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, Fragment, renderList, createBlock, withCtx, toDisplayString } from 'vue';
+import '../../../hooks/index.mjs';
+import { toggleButtonProps, toggleButtonEmits } from './toggle-button.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useDeviceType } from '../../../hooks/use-device-type/index.mjs';
 
-const toggleButtonEmits = ["update:modelValue", "click"];
-const toggleButtonProps = buildProps({
-  options: {
-    type: Array,
-    default: []
-  },
-  modelValue: {
-    type: String,
-    default: ""
-  },
-  showTooltip: {
-    type: Boolean,
-    default: false
+const _hoisted_1 = { class: "toggle-group" };
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = ["onClick"];
+const __default__ = {
+  name: "GToggleButton"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: toggleButtonProps,
+  emits: toggleButtonEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("toggle-button");
+    const { t } = useLocale();
+    const { isMobile } = useDeviceType();
+    const getLabelText = (item) => {
+      return item.labelKey ? t(item.labelKey) : item.label;
+    };
+    const getTooltipText = (item) => {
+      return item.tooltipKey ? t(item.tooltipKey) : item.tooltip;
+    };
+    const handleClick = (item) => {
+      emits("update:modelValue", item.value);
+      emits("click", item);
+    };
+    return (_ctx, _cache) => {
+      const _component_g_tooltip = resolveComponent("g-tooltip");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([unref(ns).b()])
+        },
+        [
+          createElementVNode("div", _hoisted_1, [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(props.options, (item) => {
+                return openBlock(), createElementBlock(
+                  Fragment,
+                  {
+                    key: item.value
+                  },
+                  [
+                    props.showTooltip && (item.tooltip || item.tooltipKey) ? (openBlock(), createBlock(_component_g_tooltip, {
+                      key: 0,
+                      placement: unref(isMobile) ? "bottom" : "bottomRight",
+                      align: unref(isMobile) ? { offset: [0, 0] } : { offset: [-14, 0] }
+                    }, {
+                      title: withCtx(() => [
+                        createElementVNode("div", {
+                          class: "greeks-panel-tip",
+                          innerHTML: getTooltipText(item)
+                        }, null, 8, _hoisted_2)
+                      ]),
+                      default: withCtx(() => [
+                        createElementVNode("span", {
+                          onClick: ($event) => handleClick(item),
+                          class: normalizeClass({
+                            "toggle-btn": true,
+                            "toggle-btn-active": _ctx.modelValue === item.value,
+                            "toggle-btn-with-tooltip": props.showTooltip && (item.tooltip || item.tooltipKey)
+                          })
+                        }, toDisplayString(getLabelText(item)), 11, _hoisted_3)
+                      ]),
+                      _: 2
+                    }, 1032, ["placement", "align"])) : (openBlock(), createElementBlock("span", {
+                      key: 1,
+                      onClick: ($event) => handleClick(item),
+                      class: normalizeClass({
+                        "toggle-btn": true,
+                        "toggle-btn-active": _ctx.modelValue === item.value
+                      })
+                    }, toDisplayString(getLabelText(item)), 11, _hoisted_4))
+                  ],
+                  64
+                );
+              }),
+              128
+            ))
+          ])
+        ],
+        2
+      );
+    };
   }
 });
+var ToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/toggle-button/src/toggle-button.vue"]]);
 
-export { toggleButtonEmits, toggleButtonProps };
+export { ToggleButton as default };
 //# sourceMappingURL=toggle-button2.mjs.map

package/es/packages/components/toggle-button/src/toggle-button2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button2.mjs","sources":["../../../../../../../packages/components/toggle-button/src/toggle-button.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils';\nimport type ToggleButton from './toggle-button.vue';\nimport type { ExtractPropTypes } from 'vue';\n\nexport const toggleButtonEmits = ['update:modelValue', 'click'];\nexport type ToggleButtonEmits = typeof toggleButtonEmits;\nexport const toggleButtonProps = buildProps({\n  options: {\n    type: Array<{ \n      label: string; \n      value: string; \n      tooltip?: string;\n      labelKey?: string;\n      tooltipKey?: string;\n    }>,\n    default: [],\n  },\n  modelValue: {\n    type: String,\n    default: '',\n  },\n  showTooltip: {\n    type: Boolean,\n    default: false,\n  },\n});\nexport type ToggleButtonProps = ExtractPropTypes<typeof toggleButtonProps>;\nexport type ToggleButtonInstance = InstanceType<typeof ToggleButton>;\n"],"names":[],"mappings":";;;AAIa,MAAA,iBAAA,GAAoB,CAAC,mBAAA,EAAqB,OAAO,EAAA;AAEvD,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IAON,SAAS,EAAC;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAC;;;;"}
+{"version":3,"file":"toggle-button2.mjs","sources":["../../../../../../../packages/components/toggle-button/src/toggle-button.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <div class=\"toggle-group\">\n      <template v-for=\"item in props.options\" :key=\"item.value\">\n        <g-tooltip\n          :placement=\"isMobile ? 'bottom' : 'bottomRight'\"\n          :align=\"isMobile ? { offset: [0, 0] } : { offset: [-14, 0] }\"\n          v-if=\"props.showTooltip && (item.tooltip || item.tooltipKey)\"\n        >\n          <template #title>\n            <div class=\"greeks-panel-tip\" v-html=\"getTooltipText(item)\"></div>\n          </template>\n          <span\n            @click=\"handleClick(item)\"\n            :class=\"{\n              'toggle-btn': true,\n              'toggle-btn-active': modelValue === item.value,\n              'toggle-btn-with-tooltip':\n                props.showTooltip && (item.tooltip || item.tooltipKey),\n            }\"\n            >{{ getLabelText(item) }}</span\n          >\n        </g-tooltip>\n        <span\n          v-else\n          @click=\"handleClick(item)\"\n          :class=\"{\n            'toggle-btn': true,\n            'toggle-btn-active': modelValue === item.value,\n          }\"\n          >{{ getLabelText(item) }}</span\n        >\n      </template>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace, useLocale, useDeviceType } from '@greeks-live-ui/hooks';\nimport { toggleButtonEmits, toggleButtonProps } from './toggle-button';\ndefineOptions({\n  name: 'GToggleButton',\n});\nconst ns = useNamespace('toggle-button');\nconst { t } = useLocale();\nconst { isMobile } = useDeviceType();\nconst props = defineProps(toggleButtonProps);\nconst emits = defineEmits(toggleButtonEmits);\n\nconst getLabelText = (item: {\n  label: string;\n  value: string;\n  tooltip?: string;\n  labelKey?: string;\n  tooltipKey?: string;\n}) => {\n  return item.labelKey ? t(item.labelKey) : item.label;\n};\n\nconst getTooltipText = (item: {\n  label: string;\n  value: string;\n  tooltip?: string;\n  labelKey?: string;\n  tooltipKey?: string;\n}) => {\n  return item.tooltipKey ? t(item.tooltipKey) : item.tooltip;\n};\n\nconst handleClick = (item: {\n  label: string;\n  value: string;\n  tooltip?: string;\n  labelKey?: string;\n  tooltipKey?: string;\n}) => {\n  emits('update:modelValue', item.value);\n  emits('click', item);\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0CA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,eAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,CAAA,EAAA,GAAA,SAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,QAAA,EAAA,GAAA,aAAA,EAAA,CAAA;AAIA,IAAA,MAAA,YAAA,GAAA,CAAA,IAAA,KAAA;AAOA,MAAA,OAAA,IAAA,CAAA,QAAA,GAAA,CAAA,CAAA,IAAA,CAAA,QAAA,CAAA,GAAA,IAAA,CAAA,KAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,cAAA,GAAA,CAAA,IAAA,KAAA;AAOA,MAAA,OAAA,IAAA,CAAA,UAAA,GAAA,CAAA,CAAA,IAAA,CAAA,UAAA,CAAA,GAAA,IAAA,CAAA,OAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAA,CAAA,IAAA,KAAA;AAOA,MAAA,KAAA,CAAA,mBAAA,EAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AACA,MAAA,KAAA,CAAA,OAAA,EAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/tooltip/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Tooltip from './src/tooltip.mjs';
-export { tooltipEmits, tooltipProps } from './src/tooltip2.mjs';
+import Tooltip from './src/tooltip2.mjs';
+export { tooltipEmits, tooltipProps } from './src/tooltip.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GTooltip = withInstall(Tooltip);

package/es/packages/components/tooltip/src/tooltip.mjs

@@ -1,91 +1,30 @@
-import { Tooltip as Tooltip$1 } from 'ant-design-vue/es';
-import { defineComponent, computed, openBlock, createBlock, mergeProps, unref, toHandlers, createSlots, withCtx, createElementVNode, normalizeClass, renderSlot } from 'vue';
-import '../../../hooks/index.mjs';
-import { tooltipProps, tooltipEmits } from './tooltip2.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useDeviceType } from '../../../hooks/use-device-type/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = {
-  name: "GTooltip"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: tooltipProps,
-  emits: tooltipEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("tooltip");
-    const { isMobile } = useDeviceType();
-    const finalTrigger = computed(() => {
-      if (props.trigger !== void 0) {
-        return props.trigger;
-      }
-      return isMobile.value ? "click" : "hover";
-    });
-    const bgColor = computed(() => {
-      if (props.type === "black") {
-        return "var(--theme-gray-14)";
-      }
-      return "var(--theme-gray-3)";
-    });
-    const titleColor = computed(() => {
-      if (props.type === "black") {
-        return "var(--theme-gray-white)";
-      }
-      return "var(--theme-gray-11)";
-    });
-    const finalPlacement = computed(() => {
-      if (props.placement !== void 0) {
-        return props.placement;
-      }
-      if (props.isMobile !== null) {
-        return props.isMobile ? "bottomLeft" : "bottom";
-      }
-      return void 0;
-    });
-    const finalAlign = computed(() => {
-      if (props.isMobile !== null) {
-        return props.isMobile ? { offset: [-6, 0] } : { offset: [0, 0] };
-      }
-      return { offset: [0, 0] };
-    });
-    return (_ctx, _cache) => {
-      const _component_a_tooltip = Tooltip$1;
-      return openBlock(), createBlock(_component_a_tooltip, mergeProps({
-        class: [unref(ns).b()]
-      }, toHandlers(emits), {
-        color: props.color || unref(bgColor),
-        placement: unref(finalPlacement),
-        align: unref(finalAlign),
-        trigger: unref(finalTrigger),
-        overlayInnerStyle: { padding: "6px 8px", color: unref(titleColor) }
-      }, _ctx.$attrs), createSlots({
-        default: withCtx(() => [
-          createElementVNode(
-            "span",
-            {
-              class: normalizeClass([unref(ns).e("trigger"), { underdotted: props.underdotted }])
-            },
-            [
-              renderSlot(_ctx.$slots, "default")
-            ],
-            2
-          )
-        ]),
-        _: 2
-      }, [
-        _ctx.$slots.title ? {
-          name: "title",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "title")
-          ])
-        } : void 0
-      ]), 1040, ["class", "color", "placement", "align", "trigger", "overlayInnerStyle"]);
-    };
+const tooltipEmits = {};
+const tooltipProps = buildProps({
+  underdotted: {
+    type: Boolean,
+    default: false
+  },
+  color: {
+    type: String
+  },
+  type: {
+    type: String,
+    default: "gray"
+  },
+  placement: {
+    type: String
+  },
+  isMobile: {
+    type: [Boolean, null],
+    default: null
+  },
+  trigger: {
+    type: [String, Array]
   }
 });
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/tooltip/src/tooltip.vue"]]);
 
-export { Tooltip as default };
+export { tooltipEmits, tooltipProps };
 //# sourceMappingURL=tooltip.mjs.map

package/es/packages/components/tooltip/src/tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.mjs","sources":["../../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <a-tooltip\n    :class=\"[ns.b()]\"\n    v-on=\"emits\"\n    :color=\"props.color || bgColor\"\n    :placement=\"finalPlacement\"\n    :align=\"finalAlign\"\n    :trigger=\"finalTrigger\"\n    :overlayInnerStyle=\"{ padding: '6px 8px', color: titleColor }\"\n    v-bind=\"$attrs\"\n  >\n    <template v-if=\"$slots.title\" #title>\n      <slot name=\"title\" />\n    </template>\n    <span :class=\"[ns.e('trigger'), { underdotted: props.underdotted }]\">\n      <slot></slot>\n    </span>\n  </a-tooltip>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { useNamespace, useDeviceType } from '@greeks-live-ui/hooks';\nimport { tooltipEmits, tooltipProps } from './tooltip';\ndefineOptions({\n  name: 'GTooltip',\n});\nconst ns = useNamespace('tooltip');\n\nconst props = defineProps(tooltipProps);\nconst emits = defineEmits(tooltipEmits);\n\nconst { isMobile } = useDeviceType();\n\nconst finalTrigger = computed(() => {\n  if (props.trigger !== undefined) {\n    return props.trigger;\n  }\n  return isMobile.value ? 'click' : 'hover';\n});\n\nconst bgColor = computed(() => {\n  if (props.type === 'black') {\n    return 'var(--theme-gray-14)';\n  }\n  return 'var(--theme-gray-3)';\n});\n\nconst titleColor = computed(() => {\n  if (props.type === 'black') {\n    return 'var(--theme-gray-white)';\n  }\n  return 'var(--theme-gray-11)';\n});\n\nconst finalPlacement = computed(() => {\n  if (props.placement !== undefined) {\n    return props.placement;\n  }\n  if (props.isMobile !== null) {\n    return props.isMobile ? 'bottomLeft' : 'bottom';\n  }\n  return undefined;\n});\n\nconst finalAlign = computed(() => {\n  if (props.isMobile !== null) {\n    return props.isMobile ? { offset: [-6, 0] } : { offset: [0, 0] };\n  }\n  return { offset: [0, 0] };\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA0BA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,SAAA,CAAA,CAAA;AAKA,IAAA,MAAA,EAAA,QAAA,EAAA,GAAA,aAAA,EAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,OAAA,KAAA,KAAA,CAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,OAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,QAAA,CAAA,KAAA,GAAA,OAAA,GAAA,OAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,OAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,IAAA,KAAA,OAAA,EAAA;AACA,QAAA,OAAA,sBAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,qBAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,UAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,IAAA,KAAA,OAAA,EAAA;AACA,QAAA,OAAA,yBAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,sBAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,cAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,SAAA,KAAA,KAAA,CAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,SAAA,CAAA;AAAA,OAAA;AAEA,MAAA,IAAA,KAAA,CAAA,QAAA,KAAA,IAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,QAAA,GAAA,YAAA,GAAA,QAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,KAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,UAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,QAAA,KAAA,IAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,QAAA,GAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA,EAAA,MAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,EAAA,MAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tooltip.mjs","sources":["../../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Tooltip from './tooltip.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nexport const tooltipEmits = {}\nexport type TooltipEmits = typeof tooltipEmits\nexport const tooltipProps = buildProps({\n  underdotted: {\n    type: Boolean,\n    default: false,\n  },\n  color: {\n    type: String,\n  },\n  type: {\n    type: String as PropType<'black' | 'gray'>,\n    default: 'gray',\n  },\n  placement: {\n    type: String as PropType<'top' | 'bottom' | 'left' | 'right' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom'>,\n  },\n  isMobile: {\n    type: [Boolean, null] as PropType<boolean | null>,\n    default: null,\n  },\n  trigger: {\n    type: [String, Array] as PropType<'hover' | 'click' | 'focus' | 'contextMenu' | Array<'hover' | 'click' | 'focus' | 'contextMenu'>>,\n  },\n})\nexport type TooltipProps = ExtractPropTypes<typeof tooltipProps>\nexport type TooltipInstance = InstanceType<typeof Tooltip>\n"],"names":[],"mappings":";;;AAIO,MAAM,eAAe,GAAC;AAEtB,MAAM,eAAe,UAAW,CAAA;AAAA,EACrC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,CAAC,OAAA,EAAS,IAAI,CAAA;AAAA,IACpB,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,GACtB;AACF,CAAC;;;;"}