{"version":3,"file":"compensation-insight-tool-detail.9cce4a58.js","sources":["../../../../components/CompensationInsightDetail.vue","../../../../pages/resource/compensation-insight-tool-detail.vue"],"sourcesContent":["<!--\n * @Author: luxiangqiang\n * @Date: 2023-04-26 14:08:33\n * @LastEditors: luxiangqiang\n * @LastEditTime: 2023-04-27 11:08:56\n-->\n<template>\n  <div class=\"calculation-wrapper\">\n    <div class=\"title\">{{ title }}</div>\n\n    <div class=\"calculation\">\n      <a-form class=\"form\" ref=\"formRef\" size=\"large\" :model=\"formData\">\n        <a-input-group>\n          <a-form-item\n            field=\"jobTitle\"\n            :rules=\"[{ required: true, message: '职位为必选' }]\"\n            :validate-trigger=\"['change']\"\n            hide-asterisk\n          >\n            <a-select :style=\"{ width: '220px' }\" v-model=\"formData.jobTitle\" placeholder=\"请选择职位\" allow-search>\n              <a-option v-for=\"job in salaryToolJobList\" :key=\"job.value\" :value=\"job.value\">{{\n                locale === 'zh-CN' ? job.label : job.value\n              }}</a-option>\n              <template #prefix>\n                <div class=\"amount-prefix\">{{ $t('职位') }}</div>\n              </template>\n            </a-select>\n          </a-form-item>\n          <a-form-item\n            class=\"country-select\"\n            field=\"countryCode\"\n            :rules=\"[{ required: true, message: '国家为必填' }]\"\n            :validate-trigger=\"['change']\"\n            hide-asterisk\n          >\n            <a-select\n              v-model=\"formData.countryCode\"\n              :options=\"concatCountryList\"\n              :style=\"{ width: '150px' }\"\n              placeholder=\"请选择国家\"\n            >\n              <template #label=\"{ data: item }\">{{ locale === 'zh-CN' ? item.label : item.enLabel }}</template>\n              <template #option=\"{ data: item }\">{{ locale === 'zh-CN' ? item.label : item.enLabel }}</template>\n            </a-select>\n          </a-form-item>\n          <a-button type=\"primary\" @click=\"handleCalc\" class=\"pc_button\">\n            开始计算\n            <img style=\"width: 25px\" src=\"@/assets/icons/arrow.svg\" alt=\"arrow\" />\n          </a-button>\n        </a-input-group>\n      </a-form>\n    </div>\n    <a-button type=\"primary\" @click=\"handleCalc\" class=\"mobile_button\">\n      开始计算\n      <img style=\"width: 25px\" src=\"@/assets/icons/arrow.svg\" alt=\"arrow\" />\n    </a-button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { salaryToolCountryList } from '@/common/global';\nimport { FormInstance } from '@arco-design/web-vue';\nimport { salaryToolJobList } from '@/common/global';\nimport { useI18n } from 'vue-i18n';\n\nconst { locale } = useI18n();\nconst formRef = ref<FormInstance | null>(null);\nconst concatCountryList = salaryToolCountryList;\n\nconst props = defineProps<{\n  title: string;\n  countryCode: string;\n  jobTitle: string;\n}>();\n\nconst emits = defineEmits<{\n  (e: 'update:countryCode', countryCode: string): void;\n  (e: 'update:jobTitle', jobTitle: string): void;\n}>();\n\nconst route = useRoute();\n\nconst jobTitle = computed({\n  get() {\n    return props.jobTitle;\n  },\n  set(value: string) {\n    emits('update:jobTitle', value);\n  },\n});\nconst countryCode = computed({\n  get() {\n    return props.countryCode;\n  },\n  set(value: string) {\n    emits('update:countryCode', value);\n  },\n});\nconst formData = reactive({\n  countryCode,\n  jobTitle,\n});\n\nconst handleCalc = async () => {\n  const res = await formRef.value?.validate();\n  if (res) {\n    return false;\n  }\n  // const countryName = concatCountryList.find(c => c.label === formData.countryCode)?.label;\n  // useLogger().track('calculator', {\n  //   country: countryName,\n  //   salary: formData.amount\n  // });\n\n  await navigateTo(\n    {\n      path: route.path,\n      query: {\n        ...route.query,\n        jobTitle: jobTitle.value,\n        countryCode: countryCode.value,\n      },\n    },\n    { replace: true }\n  );\n  window.location.reload();\n};\n</script>\n\n<style scoped lang=\"less\">\n:deep(.arco-form-item-label-col) {\n  display: none;\n}\n\n:deep(.arco-form-item-message) {\n  margin-bottom: -30px;\n}\n\n:deep(.arco-col-19) {\n  flex: 1;\n}\n\n:deep(.arco-row) {\n  width: 170px;\n}\n\n.calculation-wrapper {\n  padding-top: 25px;\n  width: 680px;\n\n  .title {\n    font-weight: 500;\n    font-size: 20px;\n    line-height: 28px;\n    color: #1d2129;\n  }\n\n  :deep(.arco-row) {\n    margin-bottom: 0;\n  }\n\n  .calculation {\n    margin-top: 20px;\n    border: 1px solid #e5e6eb;\n    border-radius: 4px;\n    width: fit-content;\n    display: flex;\n    align-items: center;\n    height: 40px;\n    padding: 4px;\n    box-sizing: border-box;\n    background-color: #fff;\n\n    .country-select {\n      :deep(.arco-select-view-single::after) {\n        display: none !important;\n      }\n\n      :deep(.arco-select) {\n        width: 170px !important;\n      }\n    }\n\n    :deep(.arco-input-wrapper),\n    :deep(.arco-input-focus) {\n      border: 0;\n    }\n\n    :deep(.arco-select-view-single) {\n      position: relative;\n      background-color: #fff;\n      border: 0;\n\n      &::after {\n        position: absolute;\n        top: 20%;\n        right: 0;\n        content: '';\n        display: block;\n        width: 1px;\n        height: 20px;\n        background-color: #e5e6eb;\n      }\n    }\n\n    :deep(.arco-input-wrapper) {\n      background-color: #fff;\n    }\n  }\n}\n\n@media screen and (min-width: 800px) {\n  .mobile_button {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 800px) {\n  .calculation-wrapper {\n    padding: 0 16px;\n    width: fit-content;\n  }\n  .pc_button {\n    display: none;\n  }\n  .mobile_button {\n    margin-top: 16px;\n  }\n}\n</style>\n","<template>\n  <div class=\"compensation-insight-tool-container\">\n    <div class=\"result-container\">\n      <CompensationInsightDetail\n        :title=\"$t('全球薪酬洞察')\"\n        v-model:jobTitle=\"formData.jobTitle\"\n        v-model:countryCode=\"formData.countryCode\"\n      />\n      <div class=\"main\">\n        <div class=\"main-left\">\n          <div class=\"result-inner\">\n            <div class=\"title\">{{ resTitle }}</div>\n            <a-form class=\"result-form\" :model=\"formData\" layout=\"inline\">\n              <a-select v-model=\"formData.seniorityLevel\" @change=\"handleShow\">\n                <a-option v-for=\"level in seniorityLevelList\" :key=\"level.value\" :value=\"level.value\">{{\n                  level.text\n                }}</a-option>\n              </a-select>\n              <a-select v-model=\"calcTime\">\n                <a-option value=\"year\">{{ $t('年薪') }}</a-option>\n                <a-option value=\"month\">{{ $t('月薪') }}</a-option>\n              </a-select>\n            </a-form>\n            <div class=\"columnar-container\">\n              <div v-if=\"isFound\" class=\"columnar\">\n                <div\n                  class=\"columnar-item\"\n                  :class=\"{ active: gradeIndex.includes(index) }\"\n                  :style=\"{ height: `${columnarHeight * histogram}px` }\"\n                  v-for=\"(histogram, index) in histogramRes?.histogram\"\n                  :key=\"index\"\n                >\n                  <div class=\"desc\" v-if=\"gradeIndex.includes(index)\">\n                    <div class=\"salary\">${{ columnarBottomData(index)?.salary }}</div>\n                    <div class=\"grade\">{{ columnarBottomData(index)?.grade }}</div>\n                  </div>\n                </div>\n              </div>\n              <div v-else class=\"not-found\">\n                <div class=\"not-found-tip\">当前数据不足</div>\n                <div class=\"not-found-tip\">无法显示请重新选择职位或国家</div>\n              </div>\n            </div>\n            <div v-if=\"isFound\" class=\"tip\">* {{ tip }}</div>\n          </div>\n        </div>\n        <div class=\"main-right\">\n          <EmploymentTools />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { salaryToolCountryList, salaryToolJobList } from '@/common/global';\nimport { FormInstance } from '@arco-design/web-vue';\nimport { isMobile } from '@/common/utils';\nimport { onMounted } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\ninterface IFormData {\n  jobTitle: string;\n  countryCode: string;\n  seniorityLevel: number;\n}\n\ninterface IRes {\n  confidence: string;\n  country: string;\n  currency: string;\n  d1: number;\n  d9: number;\n  histogram: number[];\n  jobTitle: string;\n  median: number;\n  scale: string;\n  seniorityLevel: number;\n  status: string;\n}\n\nconst { t, locale } = useI18n();\nconst route = useRoute();\nconst btnLoading = ref(false);\nconst columnarHeight = ref(252);\nconst calcTime = ref('year');\nconst formData = reactive<IFormData>({\n  jobTitle: '',\n  countryCode: '',\n  seniorityLevel: 3,\n});\n\nasync function init() {\n  formData.jobTitle = (route.query.jobTitle as string) || '';\n  formData.countryCode = (route.query.countryCode as string) || '';\n  formData.seniorityLevel = Number(route.query.seniorityLevel) || 3;\n  try {\n    const { data } = await useAsyncData(async () => {\n      const { data } = await useFetch<{ data: string }>('/api/resource/salary-insight', {\n        method: 'POST',\n        body: {\n          jobTitle: route.query.jobTitle,\n          countryCode: route.query.countryCode,\n          seniorityLevel: route.query.seniorityLevel || 3,\n        },\n      });\n      return { data: data.value?.data };\n    });\n    const res = JSON.parse(data.value?.data || '') as IRes;\n    histogramRes.value = res;\n  } catch (error) {\n    console.info('获取数据失败');\n  }\n}\n\nconst seniorityLevelList = computed(() => [\n  {\n    value: 1,\n    text: `${t('职位级别')}-${t('初级')}`,\n  },\n  {\n    value: 2,\n    text: `${t('职位级别')}-${t('中级')}`,\n  },\n  {\n    value: 3,\n    text: `${t('职位级别')}-${t('高级')}`,\n  },\n]);\n\nconst histogramRes = ref<IRes | null>(null);\nif (route.query.jobTitle && route.query.countryCode) {\n  await init();\n}\n\nconst gradeIndex = computed(() => {\n  if (!histogramRes.value) {\n    return [];\n  }\n  return [0, histogramRes.value.histogram.length - 1, histogramRes.value.histogram.findIndex(h => h === 1)];\n});\n\nconst columnarBottomData = (index: number) => {\n  const res = {\n    salary: '',\n    grade: '',\n  };\n  if (!histogramRes.value) {\n    return res;\n  }\n  const { d1, d9, median } = histogramRes.value;\n  let minWage = d1;\n  let maxWage = d9;\n  let medianWage = median;\n  if (calcTime.value !== 'year') {\n    minWage = Math.ceil(d1 / 12);\n    maxWage = Math.ceil(d9 / 12);\n    medianWage = Math.ceil(median / 12);\n  }\n  switch (index) {\n    case 0:\n      res.salary = minWage > 1000 ? parseInt(`${minWage / 1000}`) + 'K' : `${minWage}`;\n      res.grade = t('最低工资');\n      break;\n    case histogramRes.value?.histogram.length - 1:\n      res.salary = maxWage > 1000 ? parseInt(`${maxWage / 1000}`) + 'K' : `${maxWage}`;\n      res.grade = t('最高工资');\n      break;\n    default:\n      res.salary = medianWage > 1000 ? parseInt(`${medianWage / 1000}`) + 'K' : `${medianWage}`;\n      res.grade = t('中位数工资');\n      break;\n  }\n  return res;\n};\n\nconst formRef = ref<FormInstance | null>(null);\nconst handleShow = async () => {\n  const res = await formRef.value?.validate();\n  if (res) {\n    return false;\n  }\n  const countryName = salaryToolCountryList.find(c => c.value === formData.countryCode)?.label;\n  useLogger().track('compensation-insight-tool', {\n    countryName,\n    ...formData,\n  });\n  btnLoading.value = true;\n  await navigateTo({\n    path: route.path,\n    query: {\n      ...route.query,\n      ...formData,\n    },\n  });\n  window.location.reload();\n};\n\nconst isFound = computed(() => {\n  return histogramRes.value?.status === 'found';\n});\n\nconst job = computed(() => {\n  const item = salaryToolJobList.find(s => s.value === route.query.jobTitle);\n  return locale.value === 'zh-CN' ? item?.label : item?.value;\n});\nconst country = computed(() => {\n  const item = salaryToolCountryList.find(s => s.value === route.query.countryCode);\n  return locale.value === 'zh-CN' ? item?.label : item?.enLabel;\n});\nconst resTitle = computed(() => {\n  return `${country.value} ${job.value} ${t('薪酬')}`;\n});\n\nuseSeoHead({\n  title: country.value ?? '',\n});\n\nconst tip = computed(() => {\n  const levelMap: Record<number, string> = {\n    1: '初级',\n    2: '中级',\n    3: '高级',\n  };\n  return `${country.value}${levelMap[Number(route.query.seniorityLevel) || 3]}【${job.value}】${\n    calcTime.value === 'year' ? t('年薪') : t('月薪')\n  } ${t('中位数')} ${parseInt(\n    (calcTime.value === 'year' ? histogramRes.value?.median : (histogramRes.value?.median || 0) / 12) + ''\n  )} USD，${t('工资估算是根据')}${country.value}【${job.value}】${t('雇员匿名提交给DG.hire的资料，仅供参考')}`;\n});\n\nonMounted(() => {\n  columnarHeight.value = isMobile() ? 200 : 252;\n});\n</script>\n\n<style lang=\"less\" scoped>\n.compensation-insight-tool-container {\n  padding-bottom: 66px;\n  background-color: #f5f8ff;\n\n  .computer-container {\n    width: 680px;\n    height: 350px;\n    background: #ffffff;\n    border-radius: 12px;\n    margin: -50px auto 0px;\n    overflow: hidden;\n\n    .title {\n      font-weight: 500;\n      font-size: 24px;\n      line-height: 34px;\n      text-align: center;\n      color: #1d2129;\n      margin-top: 32px;\n    }\n\n    .form {\n      width: 400px;\n      margin: 0 auto;\n      margin-top: 24px;\n\n      :deep(.arco-row) {\n        .arco-input-wrapper,\n        .arco-select {\n          background-color: #fff;\n          border: 1px solid #c9cdd4;\n          border-radius: 4px;\n          padding: 0px 12px 0px 20px;\n\n          .arco-input,\n          .arco-select-view-input,\n          .arco-select-view-value {\n            font-size: 16px;\n\n            &::placeholder {\n              color: #86909c;\n              font-size: 16px;\n            }\n          }\n\n          .arco-select-view-prefix,\n          .arco-input-prefix {\n            padding-right: 43px;\n            position: relative;\n\n            .amount-prefix {\n              font-weight: 400;\n              font-size: 18px;\n              line-height: 22px;\n              color: #1d2129;\n            }\n\n            &::after {\n              content: '';\n              position: absolute;\n              width: 1px;\n              height: 20px;\n              background-color: #e5e6eb;\n              right: 23px;\n            }\n          }\n        }\n      }\n    }\n\n    .btn {\n      width: 400px;\n      height: 48px;\n      margin: 12px auto;\n      display: block;\n      font-weight: 500;\n      font-size: 16px;\n      border-radius: 4px;\n    }\n\n    .tip {\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 22px;\n      text-align: center;\n      color: #4e5969;\n      margin-top: 12px;\n    }\n  }\n\n  .result-container {\n    margin: 0 auto;\n    width: fit-content;\n\n    .main {\n      display: flex;\n      justify-content: center;\n\n      .main-left {\n        position: relative;\n      }\n\n      .main-right {\n        margin-top: 24px;\n        margin-left: 24px;\n      }\n    }\n\n    .result-inner {\n      width: 680px;\n      height: 628px;\n      box-sizing: border-box;\n      background: linear-gradient(179.89deg, rgba(222, 255, 229, 0.2) 0.1%, rgba(188, 210, 255, 0) 6.08%), #ffffff;\n      border: 1px solid #e8f0ff;\n      border-radius: 8px;\n      margin: 0 auto;\n      margin-top: 24px;\n      padding: 40px;\n\n      .result-form {\n        margin-top: 16px;\n\n        :deep(.arco-select) {\n          min-width: 160px;\n          width: min-content;\n          margin-right: 16px;\n          background-color: #fff;\n          border: 1px solid #e5e7eb;\n          border-radius: 4px;\n        }\n      }\n\n      .title {\n        font-weight: 500;\n        font-size: 24px;\n        line-height: 34px;\n        color: #1d2129;\n      }\n\n      .columnar-container {\n        width: 100%;\n        height: 370px;\n        background: #ffffff;\n        border-radius: 12px;\n        margin-top: 48px;\n        padding: 0px 40px 0;\n        box-sizing: border-box;\n\n        .columnar {\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-end;\n          height: 252px;\n          gap: 8px;\n\n          .columnar-item {\n            background: #d6e1ff;\n            border-radius: 4px;\n            width: -webkit-fill-available;\n            transition: height 0.3s ease;\n            position: relative;\n            display: flex;\n            justify-content: center;\n\n            &.active {\n              background: #4b63a5;\n            }\n\n            .desc {\n              position: absolute;\n              bottom: -90px;\n              white-space: nowrap;\n\n              .salary {\n                font-weight: 500;\n                font-size: 24px;\n                line-height: 34px;\n                text-align: center;\n                color: #1d2129;\n              }\n\n              .grade {\n                font-weight: 400;\n                font-size: 20px;\n                line-height: 28px;\n                text-align: center;\n                color: #4e5969;\n                margin-top: 6px;\n              }\n            }\n          }\n        }\n\n        .not-found {\n          padding-top: 190px;\n          overflow: hidden;\n          overflow: hidden;\n          height: 100%;\n          background: url('@/assets/icons/salary-tool-not-found.svg') no-repeat center 54px/120px 120px;\n\n          .not-found-tip {\n            font-weight: 400;\n            font-size: 20px;\n            line-height: 32px;\n            text-align: center;\n            color: #86909c;\n          }\n        }\n      }\n\n      .tip {\n        font-weight: 400;\n        font-size: 12px;\n        line-height: 16px;\n        text-align: center;\n        color: #86909c;\n        padding: 0 60px;\n        margin-top: 20px;\n      }\n    }\n  }\n}\n\n@media screen and (min-width: 800px) {\n  .compensation-insight-tool-container {\n    min-width: 1344px;\n  }\n  .mobile_button {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 800px) {\n  .compensation-insight-tool-container {\n    width: 100%;\n    padding-bottom: 32px;\n\n    .main {\n      padding: 0 16px;\n      display: block !important;\n      .main-right {\n        display: none;\n      }\n      .pc_button {\n        display: none;\n      }\n    }\n\n    .computer-container {\n      width: calc(100% - 32px);\n      margin: -49px auto 0;\n      padding: 0 16px 24px;\n      box-sizing: border-box;\n      height: auto;\n\n      .title {\n        font-size: 20px;\n        line-height: 28px;\n        margin-top: 24px;\n      }\n\n      .tip {\n        font-weight: 400;\n        font-size: 14px;\n        line-height: 20px;\n        margin-top: 8px;\n      }\n\n      .form {\n        margin-top: 24px;\n        width: 100%;\n\n        :deep(.arco-form-item-content-wrapper) {\n          .arco-select-view-single,\n          .arco-input-wrapper {\n            height: 48px;\n\n            .arco-select-view-prefix,\n            .arco-input-prefix {\n              padding-right: 24px;\n\n              &::after {\n                right: 11px;\n              }\n\n              .amount-prefix {\n                font-size: 16px;\n              }\n            }\n          }\n        }\n\n        :deep(.arco-form-item) {\n          margin-bottom: 16px;\n        }\n      }\n\n      .btn {\n        width: 100%;\n        margin-top: 8px;\n        margin-bottom: 0;\n      }\n    }\n\n    .result-container {\n      padding-top: 16px;\n      width: 100%;\n\n      .result-inner {\n        width: 100%;\n        padding: 16px;\n        height: auto;\n\n        .title {\n          font-weight: 500;\n          font-size: 20px;\n          line-height: 28px;\n        }\n\n        .result-form {\n          :deep(.arco-select) {\n            width: fit-content;\n            min-width: unset;\n          }\n        }\n\n        .columnar-container {\n          margin-top: 16px;\n          padding: 24px 22px 0;\n          height: 300px;\n\n          .columnar {\n            height: 200px;\n\n            .columnar-item {\n              .desc {\n                bottom: -50px;\n\n                .salary {\n                  font-weight: 500;\n                  font-size: 16px;\n                  line-height: 22px;\n                }\n\n                .grade {\n                  font-weight: 400;\n                  font-size: 12px;\n                  line-height: 17px;\n                  margin-top: 4px;\n                }\n              }\n            }\n          }\n        }\n\n        .tip {\n          padding: 0;\n          margin-top: 12px;\n        }\n      }\n    }\n  }\n}\n</style>\n"],"names":["locale","useI18n","formRef","ref","concatCountryList","salaryToolCountryList","route","useRoute","jobTitle","computed","props","value","emits","countryCode","formData","reactive","handleCalc","_a","navigateTo","t","btnLoading","columnarHeight","calcTime","init","data","useAsyncData","data2","useFetch","res","histogramRes","seniorityLevelList","__temp","__restore","_withAsyncContext","gradeIndex","h","columnarBottomData","index","d1","d9","median","minWage","maxWage","medianWage","handleShow","countryName","_b","c","useLogger","isFound","job","item","salaryToolJobList","s","country","resTitle","useSeoHead","tip","levelMap","onMounted","isMobile"],"mappings":"g0DAiEA,CAAA,OAAAA,GAAAC,IACAC,EAAAC,EAAA,IAAA,EACAC,EAAAC,EAaAC,EAAAC,IAEAC,EAAAC,EAAA,CAA0B,KAAA,CAEtB,OAAAC,EAAA,QAAa,EACf,IAAAC,EAAA,CAEEC,EAAA,kBAAAD,CAAA,CAA8B,CAChC,CAAA,EAEFE,EAAAJ,EAAA,CAA6B,KAAA,CAEzB,OAAAC,EAAA,WAAa,EACf,IAAAC,EAAA,CAEEC,EAAA,qBAAAD,CAAA,CAAiC,CACnC,CAAA,EAEFG,EAAAC,EAAA,CAA0B,YAAAF,EACxB,SAAAL,CACA,CAAA,EAGFQ,EAAA,SAAA,OAEE,GADA,OAAAC,EAAAf,EAAA,QAAA,YAAAe,EAAA,YAEE,MAAA,GAQF,MAAAC,EAAM,CACJ,KAAAZ,EAAA,KACc,MAAA,CACL,GAAAA,EAAA,MACI,SAAAE,EAAA,MACU,YAAAK,EAAA,KACM,CAC3B,EACF,CAAA,QAAA,EAAA,CACgB,EAElB,OAAA,SAAA,QAAuB,6xEC5CzB,KAAA,CAAA,EAAAM,EAAA,OAAAnB,CAAA,EAAAC,EAAA,EACAK,EAAAC,IACAa,EAAAjB,EAAA,EAAA,EACAkB,EAAAlB,EAAA,GAAA,EACAmB,EAAAnB,EAAA,MAAA,EACAW,EAAAC,EAAA,CAAqC,SAAA,GACzB,YAAA,GACG,eAAA,CACG,CAAA,EAGlB,eAAAQ,GAAA,OACET,EAAA,SAAAR,EAAA,MAAA,UAAA,GACAQ,EAAA,YAAAR,EAAA,MAAA,aAAA,GACAQ,EAAA,eAAA,OAAAR,EAAA,MAAA,cAAA,GAAA,EACA,GAAA,CACE,KAAA,CAAA,KAAAkB,CAAA,EAAA,MAAAC,GAAA,SAAA,OACE,KAAA,CAAA,KAAAC,CAAA,EAAA,MAAAC,GAAA,+BAAA,CAAkF,OAAA,OACxE,KAAA,CACF,SAAArB,EAAA,MAAA,SACkB,YAAAA,EAAA,MAAA,YACG,eAAAA,EAAA,MAAA,gBAAA,CACqB,CAChD,EAAA,aAAA,EAEF,MAAA,CAAA,MAAAW,EAAAS,EAAA,QAAA,YAAAT,EAAA,IAAA,CAAgC,EAAA,aAAA,EAElCW,EAAA,KAAA,QAAAX,EAAAO,EAAA,QAAA,YAAAP,EAAA,OAAA,EAAA,EACAY,EAAA,MAAAD,CAAqB,MAAA,CAErB,QAAA,KAAA,sCAAA,CAAqB,CACvB,CAGF,MAAAE,EAAArB,EAAA,IAAA,CAA0C,CACxC,MAAA,EACS,KAAA,GAAAU,EAAA,0BAAA,KAAAA,EAAA,cAAA,GACqB,EAC9B,CACA,MAAA,EACS,KAAA,GAAAA,EAAA,0BAAA,KAAAA,EAAA,cAAA,GACqB,EAC9B,CACA,MAAA,EACS,KAAA,GAAAA,EAAA,0BAAA,KAAAA,EAAA,cAAA,GACqB,CAC9B,CAAA,EAGFU,EAAA1B,EAAA,IAAA,EACAG,EAAA,MAAA,UAAAA,EAAA,MAAA,cACE,CAAAyB,EAAAC,CAAA,EAAAC,GAAA,IAAAV,EAAA,CAAA,EAAA,MAAAQ,EAAAC,KAGF,MAAAE,EAAAzB,EAAA,IACEoB,EAAA,MAGA,CAAA,EAAAA,EAAA,MAAA,UAAA,OAAA,EAAAA,EAAA,MAAA,UAAA,UAAAM,GAAAA,IAAA,CAAA,CAAA,EAFE,EAEsG,EAG1GC,EAAAC,GAAA,OACE,MAAAT,EAAA,CAAY,OAAA,GACF,MAAA,EACD,EAET,GAAA,CAAAC,EAAA,MACE,OAAAD,EAEF,KAAA,CAAA,GAAAU,EAAA,GAAAC,EAAA,OAAAC,CAAA,EAAAX,EAAA,MACA,IAAAY,EAAAH,EACAI,EAAAH,EACAI,EAAAH,EAMA,OALAlB,EAAA,QAAA,SACEmB,EAAA,KAAA,KAAAH,EAAA,EAAA,EACAI,EAAA,KAAA,KAAAH,EAAA,EAAA,EACAI,EAAA,KAAA,KAAAH,EAAA,EAAA,GAEFH,EAAA,CAAe,IAAA,GAEXT,EAAA,OAAAa,EAAA,IAAA,SAAA,GAAAA,EAAA,KAAA,EAAA,IAAA,GAAAA,IACAb,EAAA,MAAAT,EAAA,0BAAA,EACA,MAAA,MAAAF,EAAAY,EAAA,QAAA,YAAAZ,EAAA,UAAA,QAAA,EAEAW,EAAA,OAAAc,EAAA,IAAA,SAAA,GAAAA,EAAA,KAAA,EAAA,IAAA,GAAAA,IACAd,EAAA,MAAAT,EAAA,0BAAA,EACA,MAAA,QAEAS,EAAA,OAAAe,EAAA,IAAA,SAAA,GAAAA,EAAA,KAAA,EAAA,IAAA,GAAAA,IACAf,EAAA,MAAAT,EAAA,gCAAA,EACA,KAAA,CAEJ,OAAAS,CAAO,EAGT1B,EAAAC,EAAA,IAAA,EACAyC,EAAA,SAAA,SAEE,GADA,OAAA3B,EAAAf,EAAA,QAAA,YAAAe,EAAA,YAEE,MAAA,GAEF,MAAA4B,GAAAC,EAAAzC,EAAA,KAAA0C,GAAAA,EAAA,QAAAjC,EAAA,WAAA,IAAA,YAAAgC,EAAA,MACAE,GAAA,EAAA,MAAA,4BAAA,CAA+C,YAAAH,EAC7C,GAAA/B,CACG,CAAA,EAELM,EAAA,MAAA,GACA,MAAAF,EAAA,CAAiB,KAAAZ,EAAA,KACH,MAAA,CACL,GAAAA,EAAA,MACI,GAAAQ,CACN,CACL,CAAA,EAEF,OAAA,SAAA,QAAuB,EAGzBmC,EAAAxC,EAAA,IAAA,OACE,QAAAQ,EAAAY,EAAA,QAAA,YAAAZ,EAAA,UAAA,OAAsC,CAAA,EAGxCiC,EAAAzC,EAAA,IAAA,CACE,MAAA0C,EAAAC,GAAA,KAAAC,GAAAA,EAAA,QAAA/C,EAAA,MAAA,QAAA,EACA,OAAAN,EAAA,QAAA,QAAAmD,GAAA,YAAAA,EAAA,MAAAA,GAAA,YAAAA,EAAA,KAAsD,CAAA,EAExDG,EAAA7C,EAAA,IAAA,CACE,MAAA0C,EAAA9C,EAAA,KAAAgD,GAAAA,EAAA,QAAA/C,EAAA,MAAA,WAAA,EACA,OAAAN,EAAA,QAAA,QAAAmD,GAAA,YAAAA,EAAA,MAAAA,GAAA,YAAAA,EAAA,OAAsD,CAAA,EAExDI,GAAA9C,EAAA,IACE,GAAA6C,EAAA,SAAAJ,EAAA,SAAA/B,EAAA,cAAA,GAA8C,EAGhDqC,GAAA,CAAW,OAAAvC,EAAAqC,EAAA,QAAA,KAAArC,EAAA,EACe,CAAA,EAG1B,MAAAwC,GAAAhD,EAAA,IAAA,SACE,MAAAiD,EAAA,CAAyC,EAAA,eACpC,EAAA,eACA,EAAA,cACA,EAEL,MAAA,GAAAJ,EAAA,QAAAI,EAAA,OAAApD,EAAA,MAAA,cAAA,GAAA,WAAA4C,EAAA,cAAA5B,EAAA,QAAA,OAAAH,EAAA,cAAA,EAAAA,EAAA,cAAA,KAAAA,EAAA,oBAAA,KAAA,UAEgBG,EAAA,QAAA,QAAAL,EAAAY,EAAA,QAAA,YAAAZ,EAAA,UAAA6B,EAAAjB,EAAA,QAAA,YAAAiB,EAAA,SAAA,GAAA,IAAA,EACsF,cAAA3B,EAAA,4CAAA,IAAAmC,EAAA,cAAAJ,EAAA,cAAA/B,EAAA,mGAAA,GACtB,CAAA,EAGlF,OAAAwC,GAAA,IAAA,CACEtC,EAAA,MAAAuC,KAAA,IAAA,GAA0C,CAAA"}