{"version":3,"file":"ContainerWelcome-BuPvCzSE.js","sources":["../../../app/javascript/src/modules/search_panel/desktop/components/Container.vue","../../../app/javascript/src/modules/navi/desktop/constants/navi_list_options.js","../../../app/javascript/src/modules/navi/desktop/components/NaviDesktopLayout.vue","../../../app/javascript/src/modules/navi/desktop/components/NaviLink.vue","../../../app/javascript/src/modules/navi/desktop/components/NaviLinkLogo.vue","../../../app/javascript/src/modules/navi/desktop/components/NaviIconArrowDown.vue","../../../app/javascript/src/modules/navi/desktop/components/NaviButtonDropdown.vue","../../../app/javascript/src/modules/navi/desktop/components/NaviButtonDropdownLinks.vue","../../../app/javascript/src/modules/navi/desktop/components/NaviButtonPickStock.vue","../../../app/javascript/src/modules/navi/desktop/components/NaviLinkFeeds.vue","../../../app/javascript/src/api/notification.js","../../../app/javascript/src/modules/navi/desktop/components/NaviButtonNotification/composables/useInfiniteScroll.js","../../../app/javascript/src/modules/navi/desktop/components/NaviButtonNotification/composables/useGetNotificationData.js","../../../app/javascript/src/modules/navi/desktop/components/NaviButtonNotification/components/NaviNotificationListItem.vue","../../../app/javascript/src/modules/navi/desktop/components/NaviButtonNotification/components/NaviNotificationList.vue","../../../app/javascript/src/modules/navi/desktop/components/NaviButtonNotification/components/NaviButtonNotification.vue","../../../app/javascript/src/modules/navi/desktop/components/NaviButtonSetting.vue","../../../app/javascript/src/modules/navi/desktop/components/NaviUserAuthLinks.vue","../../../app/javascript/src/modules/navi/desktop/components/NaviSerializeRenderList.vue","../../../app/javascript/src/modules/navi/desktop/components/Container.vue"],"sourcesContent":["<template>\n  <SearchForm\n    class=\"search-form-container\"\n    :theme=\"NAVI\"\n    :direct-stock-method=\"directStockMethod\"\n  />\n</template>\n<script>\nimport { NAVI } from '../../constants/desktop_autocomplete_theme'\nimport { WINDOW_LOCATION, VUE_ROUTER } from '../../constants/direct_method'\n\nimport SearchForm from './SearchForm.vue'\n\nexport default {\n  name: 'ContainerNavi',\n  components: {\n    SearchForm,\n  },\n  props: {\n    directStockMethod: {\n      type: String,\n      default: WINDOW_LOCATION,\n      validator(value) {\n        return [WINDOW_LOCATION, VUE_ROUTER].includes(value)\n      },\n    },\n  },\n  data() {\n    return {\n      NAVI,\n    }\n  },\n}\n</script>\n<style scoped lang=\"scss\">\n.search-form-container {\n  position: relative;\n  width: 100%;\n  margin: 10px 0px 0px 9px;\n  padding: 0px;\n  background-color: transparent;\n\n  @media screen and (min-width: 1024px) {\n    width: 300px;\n  }\n  @media screen and (min-width: 1280px) {\n    width: 400px;\n    margin-left: 18px; // 對齊指標頁圖表\n  }\n\n  :deep(.search-form) {\n    position: relative;\n    width: 100%;\n  }\n\n  :deep(.search-form-input) {\n    display: block;\n    margin: 0px auto;\n    padding: 9px;\n    width: 100%;\n    box-sizing: border-box;\n    outline: none;\n    border-radius: 3px;\n    appearance: none;\n\n    color: #434343;\n    background-color: #fafafa;\n    box-shadow: 0px 0px 3px #e9e9e9 inset;\n    border: 1px solid #dfdfdf;\n    font-size: 15px;\n    font-weight: bold;\n    text-align: left;\n\n    &::-webkit-search-cancel-button {\n      display: none;\n    }\n    &::placeholder {\n      color:#434343;\n    }\n  }\n  :deep(.search-form-button) {\n    display: block;\n    color: #636363;\n    background-color: #fafafa;\n    position: absolute;\n    top: 9px;\n    right: 9px;\n    padding-left: 6px;\n    margin: 0;\n    border: none;\n    cursor: pointer;\n\n    &:hover{\n      color: #000;\n    }\n  }\n}\n</style>\n","const NaviLinkLogo = {\n  name: 'index',\n  component: 'NaviLinkLogo',\n  props: { href: '/' },\n}\nconst NaviLinkAnalysis = {\n  name: 'analysis',\n  component: 'NaviLink',\n  props: {\n    label: '個股',\n    href: '/analysis',\n    isActiveValidator: ({ currentPath }) => (/^\\/analysis\\/.*/.test(currentPath)),\n  },\n}\nconst NaviButtonPickStock = {\n  name: 'screeners',\n  component: 'NaviButtonPickStock',\n  props: {\n    label: '選股',\n    isActiveValidator: ({ currentPath }) => (/^\\/screeners\\/?.*/.test(currentPath)),\n    topList: [\n      { label: '選股功能總覽', href: '/screeners' },\n    ],\n    groupList: [\n      {\n        groupName: '常用選股功能',\n        groupLinks: [\n          { label: '自訂選股', href: '/screeners/custom' },\n          { label: '績優股清單', href: '/screeners/quality' },\n          { label: '轉機股清單', href: '/screeners/turnaround' },\n        ],\n      },\n      {\n        groupName: '指標排行榜選股',\n        groupLinks: [\n          { label: '月營收排行榜', href: '/screeners/revenues_ranking' },\n          { label: '殖利率排行榜', href: '/screeners/dividend_yield_ranking' },\n          { label: '本益比排行榜', href: '/screeners/pe_ranking' },\n          { label: '毛利率排行榜', href: '/screeners/gross_margin_ranking' },\n        ],\n      },\n    ],\n  },\n}\nconst NaviLinkTaiex = {\n  name: 'taiex',\n  component: 'NaviLink',\n  props: {\n    label: '大盤產業',\n    href: '/taiex',\n    isActiveValidator: ({ currentPath }) => (/^\\/taiex\\/?.*/.test(currentPath)),\n  },\n}\nconst NaviLinkNews = {\n  name: 'news',\n  component: 'NaviLink',\n  props: {\n    label: '新聞觀點',\n    href: '/news',\n    isActiveValidator: ({ currentPath }) => (/^\\/news\\/?.*/.test(currentPath)),\n  },\n}\nconst NaviLinkPricing = {\n  name: 'pricing',\n  component: 'NaviLink',\n  props: {\n    label: '購買',\n    href: '/pricing',\n    isActiveValidator: ({ currentPath }) => (/^\\/pricing\\/?.*/.test(currentPath)),\n  },\n}\nconst NaviButtonMore = {\n  name: 'more',\n  component: 'NaviButtonDropdownLinks',\n  props: {\n    label: '更多',\n    list: [\n      {\n        label: '市場焦點',\n        href: '/market-trend',\n        isActiveValidator: ({ currentPath }) => (currentPath === '/market-trend') || (/^\\/tags\\/.*/.test(currentPath)),\n      },\n      { label: '洞見', href: '/insight' },\n      { label: '比較', href: '/compare/tpe' },\n      { label: '網誌', href: '/blog' },\n      {\n        label: '徵才',\n        href: 'https://www.cakeresume.com/companies/statementdog/jobs',\n        target: '_blank',\n        rel: 'nofollow noreferrer',\n      },\n    ],\n  },\n}\n\nconst NaviLinkFeeds = {\n  name: 'feeds',\n  component: 'NaviLinkFeeds',\n  props: {\n    label: '我的追蹤',\n    href: '/feeds',\n    isActiveValidator: ({ currentPath }) => ['/feeds', '/portfolios'].includes(currentPath),\n  },\n}\nconst NaviButtonNotification = {\n  name: 'notification',\n  component: 'NaviButtonNotification',\n  props: { label: '通知' },\n}\nconst NaviButtonSetting = {\n  name: 'setting',\n  component: 'NaviButtonSetting',\n  props: {\n    list: [\n      { label: '帳號設定', href: '/users/account' },\n      { label: '付款設定', href: '/users/account/payment' },\n      { label: '重設密碼', href: '/users/account/password' },\n    ],\n    adminList: [\n      {\n        label: '後台首頁',\n        href: '/admin',\n        ruleValidator: ({ currentUser }) => (\n          currentUser.roles.includes('admin')\n            || currentUser.roles.includes('admin_dev')\n        ),\n      },\n      {\n        label: '會員控制',\n        href: '/admin/users',\n        ruleValidator: ({ currentUser }) => currentUser.roles.includes('admin_users'),\n      },\n      {\n        label: '標籤管理',\n        href: '/admin/tags',\n        ruleValidator: ({ currentUser }) => currentUser.roles.includes('admin_stocks'),\n      },\n      {\n        label: '新聞編輯',\n        href: '/admin/news',\n        ruleValidator: ({ currentUser }) => currentUser.roles.includes('admin_news'),\n      },\n      {\n        label: '自訂圖表',\n        href: '/custom-chart',\n        ruleValidator: ({ currentUser }) => currentUser.roles.includes('admin_dev'),\n      },\n      {\n        label: '新版圖表',\n        href: '/analysis/2330/monthly-revenue?NEW_CHART_ENABLE=true',\n        ruleValidator: ({ currentUser }) => currentUser.roles.includes('admin_dev'),\n      },\n      {\n        label: '舊版圖表',\n        href: '/analysis/2330/monthly-revenue?NEW_CHART_ENABLE=false',\n        ruleValidator: ({ currentUser }) => currentUser.roles.includes('admin_dev'),\n      },\n    ],\n  },\n}\n\nexport const NAVI_LIST_OPTIONS_LAYOUT_LEFT = [\n  NaviLinkLogo,\n  NaviLinkAnalysis,\n  NaviButtonPickStock,\n  NaviLinkTaiex,\n  NaviLinkNews,\n  NaviLinkPricing,\n  NaviButtonMore,\n]\n\nexport const NAVI_LIST_OPTIONS_LAYOUT_RIGHT = [\n  NaviLinkFeeds,\n  NaviButtonNotification,\n  NaviButtonSetting,\n]\n\nexport const NOT_SIGNED_IN_NAVI_LIST_OPTIONS_LAYOUT_RIGHT = [\n  {\n    name: 'user-auth-links',\n    component: 'NaviUserAuthLinks',\n    props: {\n      loginLabel: '登入',\n      loginLink: '/users/sign_in',\n      registerLabel: '免費註冊',\n      registerLink: '/users/sign_up',\n    },\n  },\n]\n","<template>\n  <nav class=\"navi-desktop-layout-wrapper\">\n    <div\n      id=\"google-one-tap-target\"\n      class=\"navi-desktop-layout\"\n    >\n      <div class=\"navi-desktop-layout-left\">\n        <slot name=\"layout-left\" />\n      </div>\n      <div class=\"navi-desktop-layout-right\">\n        <slot name=\"layout-right\" />\n      </div>\n    </div>\n  </nav>\n</template>\n<script>\n\nexport default {\n  name: 'NaviDesktopLayout',\n}\n</script>\n<style scoped lang=\"scss\">\n.navi-desktop-layout-wrapper {\n  position: relative;\n  width: 100%;\n  background: #fff;\n  border-bottom: 1px solid #dfdfdf;\n  z-index: 10;\n}\n.navi-desktop-layout {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  overflow: visible;\n  margin: 0px auto;\n  padding: 0 1rem;\n  max-width: 1024px;\n\n  @media screen and (min-width: 80em) {\n    max-width: 1280px;\n  }\n\n  :deep(ul) {\n    padding: 0;\n\n    li::marker {\n      content: none;\n    }\n  }\n\n  .navi-desktop-layout-left {\n    display: flex;\n  }\n  .navi-desktop-layout-right {\n    display: flex;\n  }\n}\n</style>\n","<template>\n  <a\n    class=\"navi-link\"\n    :class=\"{\n      'is-active': isLinkActive,\n    }\"\n    :href=\"href\"\n  >\n    <slot>{{ label }}</slot>\n  </a>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\n\nconst props = defineProps({\n  label: {\n    type: String,\n    required: true,\n  },\n  href: {\n    type: String,\n    required: true,\n  },\n  isActiveValidator: {\n    type: Function,\n    default: ({ currentPath, listPath }) => (currentPath === listPath),\n  },\n})\n\nconst isLinkActive = computed(() => props.isActiveValidator({\n  currentPath: window.location.pathname,\n  listPath: props.href,\n}))\n</script>\n\n<style scoped lang=\"scss\">\n.navi-link {\n  outline: none;\n  padding: 21px 7.5px 15px;\n  height: 18px;\n  color: #636363;\n  font-size: 15px;\n  font-weight: bold;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  position: relative;\n  border-bottom: 3px solid transparent;\n  white-space: nowrap;\n  line-height: normal;\n\n  @media screen and (min-width: 64em) {\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n\n  &.is-active, &:hover {\n    color: #0386f4;\n    background-color: transparent;\n    position: relative;\n    z-index: 1;\n    border-left: none;\n    border-bottom-color: #0386f4;\n    text-decoration: none;\n  }\n}\n</style>\n","<template>\n  <NaviLink\n    :label=\"''\"\n    :href=\"props.href\"\n    :is-active-validator=\"() => (false)\"\n    class=\"navi-link-logo\"\n  >\n    <span class=\"navi-button-logo-discernible-name\">Statementdog</span>\n    <img\n      :src=\"SVG_STRING.STATMENTDOG_LOGO\"\n      alt=\"statementdog logo\"\n    >\n  </NaviLink>\n</template>\n\n<script setup>\nimport SVG_STRING from '../../constants/navi_svg_sprite'\n\nimport NaviLink from './NaviLink.vue'\n\nconst props = defineProps({\n  href: {\n    type: String,\n    default: '/',\n  },\n})\n</script>\n\n<style scoped lang=\"scss\">\n.navi-link-logo {\n  display: block;\n  width: 36px;\n  height: 36px;\n  padding-top: 12px;\n  padding-bottom: 6px;\n\n  @media screen and (min-width: 64em) {\n    padding-left: 9px;\n    padding-right: 8px;\n  }\n\n  .navi-button-logo-discernible-name {\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n}\n</style>\n","<template>\n  <i class=\"navi-icon-arrow-down icon-font-chevron-down\" />\n</template>\n\n<style scoped lang=\"scss\">\n.navi-icon-arrow-down {\n  display: inline-block;\n  text-align: center;\n  vertical-align: middle;\n  font-size: 13px;\n  width: 13px;\n  height: 13px;\n  margin-left: 3px;\n  line-height: 1;\n}\n\n</style>\n","<template>\n  <button\n    v-click-outside=\"() => { data.isOpen = false }\"\n    type=\"button\"\n    class=\"navi-button-dropdown\"\n    :class=\"{ 'is-open': data.isOpen }\"\n    @click=\"() => { data.isOpen = !data.isOpen }\"\n  >\n    <slot name=\"label\">\n      {{ props.label }}<NaviIconArrowDown />\n    </slot>\n    <div\n      v-if=\"data.isOpen || props.shouldMountDropdown\"\n      v-show=\"data.isOpen\"\n      class=\"navi-button-dropdown-wrapper\"\n    >\n      <div class=\"navi-button-dropdown-pointer\" />\n      <div class=\"navi-button-dropdown-content\">\n        <slot />\n      </div>\n    </div>\n  </button>\n</template>\n\n<script setup>\nimport { reactive } from 'vue'\n\nimport vClickOutside from '@/directives/click-outside'\n\nimport NaviIconArrowDown from './NaviIconArrowDown.vue'\n\nconst props = defineProps({\n  label: {\n    type: String,\n    required: true,\n  },\n  shouldMountDropdown: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst data = reactive({\n  isOpen: false,\n})\n\n</script>\n\n<style scoped lang=\"scss\">\n.navi-button-dropdown {\n  position: relative;\n  display: flex;\n  align-items: center;\n  box-sizing: content-box;\n  outline: none;\n  padding: 21px 6px 15px;\n  color: #636363;\n  font-size: 15px;\n  font-weight: bold;\n  height: 18px;\n  cursor: pointer;\n  line-height: normal;\n  white-space: nowrap;\n  background: transparent;\n  border: none;\n  border-bottom: 3px solid transparent;\n\n  &:hover, &.is-active {\n    color: #0386f4;\n    background-color: transparent;\n    position: relative;\n    z-index: 1;\n    border-left: none;\n    text-decoration: none;\n    &:not(.is-open) {\n      border-bottom-color: #0386f4;\n    }\n  }\n}\n.navi-button-dropdown-wrapper {\n  position: absolute;\n  z-index: 5;\n  top: calc(100% + 5px);\n  left: -50%;\n}\n.navi-button-dropdown-pointer {\n  display: block;\n  width: 14px;\n  height: 7px;\n  position: absolute;\n  top: 1px;\n  left: 50%;\n  &:before {\n    content: \" \";\n    position: absolute;\n    width: 0;\n    height: 0;\n    display: block;\n    top: -14px;\n    left: -14px;\n    border: 14px solid transparent;\n    border-top-width: 0;\n    border-bottom-color: #dfdfdf;\n  }\n  &:after {\n    content: \" \";\n    position: absolute;\n    width: 0;\n    height: 0;\n    display: block;\n    top: -12px;\n    left: -12px;\n    border: 12px solid transparent;\n    border-top-width: 0;\n    border-bottom-color: #fff;\n  }\n}\n.navi-button-dropdown-content {\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px;\n  background: rgb(255, 255, 255);\n  border-width: 1px;\n  border-style: solid;\n  border-color: rgb(223, 223, 223);\n  border-image: initial;\n  border-radius: 3px;\n  overflow: hidden;\n  padding: 9px 0px;\n\n  :deep(li) {\n    border: none;\n\n    a, button {\n      width: 60px;\n      color: #636363;\n      padding: 9px 17px;\n      font-size: 15px;\n      font-weight: bold;\n      line-height: 130%;\n      cursor: pointer;\n      display: block;\n      position: relative;\n      white-space: nowrap;\n      border: none;\n      background: none;\n      box-sizing: content-box;\n\n      &:hover {\n        color: #fff;\n        background: #0386f4;\n        text-decoration: none;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <NaviButtonDropdown\n    class=\"navi-button-dropdown-links\"\n    :class=\"{ 'is-active': currentListItem ? true : false }\"\n    :label=\"currentListItem ? currentListItem.label : props.label\"\n  >\n    <ul>\n      <li\n        v-for=\"{ label: itemLabel, href, isActive, ...attrs } in dropdownList\"\n        :key=\"itemLabel\"\n      >\n        <a\n          v-bind=\"attrs\"\n          :href=\"href\"\n          :class=\"{\n            'is-active': isActive\n          }\"\n        >\n          {{ itemLabel }}\n        </a>\n      </li>\n    </ul>\n  </NaviButtonDropdown>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\n\nimport NaviButtonDropdown from './NaviButtonDropdown.vue'\n\nconst props = defineProps({\n  label: {\n    type: String,\n    required: true,\n  },\n  list: {\n    /**\n     * @example\n     [\n       { label: '新聞觀點', href: '/news' },\n       {\n         label: '新手上路',\n         href: 'https://statementdog.zendesk.com/hc/zh-tw/articles/',\n         target: '_blank',\n         rel: 'nofollow noreferrer',\n       },\n       { label: '洞見', href: '/insight', isActive: ({ currentPath, listPath }) => (currentPath !== listPath) },\n     ]\n    */\n    type: Array,\n    required: true,\n  },\n})\n\nconst isLinkActiveValidator = ({ listPath, activeValidator }) => {\n  const hasActiveValidator = typeof activeValidator === 'function'\n  const currentPath = window.location.pathname\n\n  return hasActiveValidator\n    ? activeValidator({ currentPath, listPath })\n    : listPath === currentPath\n}\n\nconst dropdownList = computed(() => props.list.map((listItem) => {\n  const {\n    label, href, isActiveValidator,\n    ...attrs\n  } = listItem\n\n  return {\n    label,\n    href,\n    isActive: isLinkActiveValidator({\n      listPath: href,\n      activeValidator: isActiveValidator,\n    }),\n    ...attrs,\n  }\n}))\nconst currentListItem = computed(() => dropdownList.value.find((listItem) => listItem.isActive))\n</script>\n\n<style scoped lang=\"scss\">\n.navi-button-dropdown-links {\n  :deep(.navi-button-dropdown-wrapper) {\n    left: -10px;\n  }\n  :deep(.navi-button-dropdown-pointer) {\n    left: 38px;\n  }\n\n  ul li {\n    text-align: center;\n\n    a.is-active {\n      color: #0386f4;\n\n      &:hover {\n        color: #fff;\n        background: #0386f4;\n        text-decoration: none;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <NaviButtonDropdown\n    :label=\"props.label\"\n    class=\"navi-button-pick-stock\"\n    :class=\"{\n      'is-active': isButtonActive,\n    }\"\n  >\n    <div class=\"navi-button-pick-stock-top-block\">\n      <ul class=\"navi-button-pick-stock-top-list\">\n        <li\n          v-for=\"{\n            label: itemLabel,\n            href,\n            isActiveValidator: isListActiveValidator,\n            ...attrs\n          } in props.topList\"\n          :key=\"itemLabel\"\n        >\n          <a\n            :href=\"href\"\n            class=\"navi-button-pick-stock-list-item\"\n            :class=\"{\n              'is-active': isLinkActiveValidator({\n                listPath: href,\n                activeValidator: isListActiveValidator\n              })\n            }\"\n            v-bind=\"attrs\"\n          >\n            {{ itemLabel }}\n          </a>\n        </li>\n      </ul>\n    </div>\n\n    <div class=\"navi-button-pick-stock-group-block\">\n      <ul\n        v-for=\"list in props.groupList\"\n        :key=\"list.groupName\"\n      >\n        <span class=\"navi-button-pick-stock-list-group-name\">\n          {{ list.groupName }}\n        </span>\n        <li\n          v-for=\"{\n            label: itemLabel,\n            href,\n            isActiveValidator: isListActiveValidator,\n            ...attrs\n          } in list.groupLinks\"\n          :key=\"itemLabel\"\n        >\n          <a\n            :href=\"href\"\n            class=\"navi-button-pick-stock-list-item\"\n            :class=\"{\n              'is-active': isLinkActiveValidator({\n                listPath: href,\n                activeValidator: isListActiveValidator\n              })\n            }\"\n            v-bind=\"attrs\"\n          >\n            {{ itemLabel }}\n          </a>\n        </li>\n      </ul>\n    </div>\n  </NaviButtonDropdown>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\n\nimport NaviButtonDropdown from './NaviButtonDropdown.vue'\n\nconst props = defineProps({\n  label: {\n    type: String,\n    required: true,\n  },\n  isActiveValidator: {\n    type: Function,\n    default: () => {},\n  },\n  topList: {\n    /**\n     * @example\n      [\n        { label: '選股功能總覽', href: '/screeners' },\n        { label: '選股功能總覽2', href: '/screeners2', isActiveValidator: ({ currentPath, listPath }) => currentPath !== listPath },\n        { label: '選股功能總覽3', href: '/screeners3', target: '_blank', rel: 'nofollow noreferrer' },\n      ]\n    */\n    type: Array,\n    required: true,\n    validator(value) {\n      return value.every((option) => (\n        ['label', 'href'].every((requiredKey) => (\n          Object.keys(option).includes(requiredKey)\n        ))\n      ))\n    },\n  },\n  groupList: {\n    /**\n     * @example\n     [\n       {\n         groupName: '常用選股功能',\n         groupLinks: [\n           { label: '自訂選股', href: '/screeners/custom' },\n           { label: '績優股清單', href: '/screeners/quality', isActiveValidator: ({ currentPath, listPath }) => currentPath === listPath } },\n           { label: '績優股清單2', href: '/screeners/quality2', target: '_blank', rel: 'nofollow noreferrer' },\n         ],\n       },\n       {\n         groupName: ' 指標排行榜選股 ',\n         groupLinks: [\n           { label: '月營收排行榜', href: '/screeners/revenues_ranking' },\n           { label: '殖利率排行榜', href: '/screeners/dividend_yield_ranking', isActiveValidator: ({ currentPath, listPath }) => currentPath === listPath } },\n           { label: '殖利率排行榜2', href: '/screeners/dividend_yield_ranking_2', target: '_blank', rel: 'nofollow noreferrer' },\n         ],\n       },\n     ]\n    */\n    type: Array,\n    required: true,\n    validator(value) {\n      return value.every((option) => (\n        ['groupName', 'groupLinks'].every((requiredKey) => (\n          Object.keys(option).includes(requiredKey)\n        ))\n      ))\n    },\n  },\n})\n\nconst isButtonActive = computed(() => props.isActiveValidator({\n  currentPath: window.location.pathname,\n}))\n\nconst isLinkActiveValidator = ({ listPath, activeValidator }) => {\n  const hasActiveValidator = typeof activeValidator === 'function'\n  const currentPath = window.location.pathname\n\n  return hasActiveValidator\n    ? activeValidator({ currentPath, listPath })\n    : listPath === currentPath\n}\n</script>\n\n<style scoped lang=\"scss\">\n.navi-button-pick-stock {\n  :deep(.navi-button-dropdown-wrapper) {\n    left: -47px;\n  }\n  :deep(.navi-button-dropdown-pointer) {\n    left: 75px;\n  }\n\n  .navi-button-pick-stock-list-item {\n    width: 100%;\n    line-height: 180%;\n    padding: 3px 15px;\n    display: block;\n    color: #0386f4;\n    border-radius: 3px;\n    box-sizing: border-box;\n    text-align: left;\n\n    &.is-active {\n      color: #fff;\n      background: #0386f4;\n    }\n  }\n}\n\n.navi-button-pick-stock-top-block {\n  padding: 3px 9px 9px;\n  margin: 0 0 9px;\n  border-bottom: 1px solid #e9e9e9;\n\n  .navi-button-pick-stock-list-item {\n    font-size: 15px;\n    font-weight: 700;\n  }\n}\n\n.navi-button-pick-stock-group-block {\n  display: flex;\n  overflow: hidden;\n  padding: 3px 9px;\n\n  ul {\n    width: 140px;\n  }\n\n  .navi-button-pick-stock-list-group-name {\n    display: block;\n    line-height: 180%;\n    padding: 3px 15px;\n    color: #939393;\n    font-size: 14px;\n    font-weight: 400;\n    text-align: left;\n  }\n\n  .navi-button-pick-stock-list-item {\n    font-size: 14px;\n    font-weight: 700;\n  }\n}\n</style>\n","<template>\n  <NaviLink\n    :label=\"''\"\n    :href=\"props.href\"\n    :is-active-validator=\"props.isActiveValidator\"\n    class=\"navi-link-feeds\"\n  >\n    <img\n      :src=\"currentUser.avatarUrl\"\n      class=\"navi-link-feeds-avatar\"\n      width=\"24\"\n      height=\"24\"\n    >\n    {{ props.label }}\n  </NaviLink>\n</template>\n\n<script setup>\nimport useUserStore from '@/modules/shared/store/useUserStore'\n\nimport NaviLink from './NaviLink.vue'\n\nconst props = defineProps({\n  label: {\n    type: String,\n    required: true,\n  },\n  href: {\n    type: String,\n    required: true,\n  },\n  isActiveValidator: {\n    type: Function,\n    default: ({ currentPath, listPath }) => (currentPath === listPath),\n  },\n})\n\nconst { currentUser } = useUserStore()\n</script>\n\n<style scoped lang=\"scss\">\n.navi-link-feeds-avatar {\n  border-radius: 3px;\n  margin-right: 8px;\n}\n</style>\n","import axios from 'axios'\n\n/**\n * 取得通知清單、分頁資訊\n * @return {Promise} axios promise\n */\nexport function requestNotifications() {\n  return axios.get('/api/v1/notifications')\n}\n\n/**\n * 已讀當前通知\n * @param  {Number}  notificationId - notification id\n * @return {Promise} axios promise\n*/\nexport function requestReadNotification({ notificationId }) {\n  return axios.patch(`/api/v1/notifications/${notificationId}/read`)\n}\n\n/**\n * 重置未讀通知數量\n * @return {Promise} axios promise\n */\nexport function requestResetUninspectedCount() {\n  return axios.patch('/api/v1/notifications/reset_uninspected_count')\n}\n","import { ref, onMounted, onUnmounted } from 'vue'\n\nconst useInfiniteScroll = ({ observeRef, onIntersecting }) => {\n  const observer = ref(null)\n\n  const createObserver = () => {\n    observer.value = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          onIntersecting()\n        }\n      })\n    })\n  }\n\n  const observeElement = () => {\n    if (observer.value && observeRef.value) {\n      observer.value.observe(observeRef.value)\n    }\n  }\n\n  const unobserveElement = () => {\n    if (observer.value && observeRef.value) {\n      observer.value.unobserve(observeRef.value)\n    }\n  }\n\n  onMounted(() => {\n    createObserver()\n    observeElement()\n  })\n\n  onUnmounted(() => {\n    unobserveElement()\n  })\n\n  return {\n    observer,\n    observeElement,\n    unobserveElement,\n  }\n}\n\nexport default useInfiniteScroll\n","import {\n  reactive,\n} from 'vue'\nimport axios from 'axios'\n\nimport { requestNotifications } from '@/api/notification'\n\nexport default function useGetNotificationsData() {\n  const notificationsData = reactive({\n    items: [],\n    pagination: {\n      hasMoreItems: true,\n      nextUrl: null,\n    },\n    isLoading: false,\n    hasLoadingError: false,\n  })\n\n  const _fetchData = ({ api }) => {\n    notificationsData.isLoading = true\n    notificationsData.hasLoadingError = false\n\n    return api\n      .then((response) => {\n        const {\n          notifications,\n          pagination,\n        } = response.data\n\n        notificationsData.pagination.nextUrl = pagination.next_url\n        notificationsData.pagination.hasMoreItems = pagination.has_more_items\n        notificationsData.items = [...notificationsData.items, ...notifications]\n        notificationsData.isLoading = false\n\n        return response.data\n      })\n      .catch(() => {\n        notificationsData.isLoading = false\n        notificationsData.hasLoadingError = true\n      })\n  }\n\n  const getNotificationsData = () => {\n    const { nextUrl } = notificationsData.pagination\n    if (nextUrl) {\n      return _fetchData({ api: axios.get(nextUrl) }) // `nextUrl` 已包含網址和參數\n    }\n\n    return _fetchData({ api: requestNotifications() })\n  }\n\n  return {\n    notificationsData,\n    getNotificationsData,\n  }\n}\n","<template>\n  <div\n    class=\"notification\"\n    :class=\"{ 'is-unread': isUnread, 'is-podcast-type': isTypePodcastAdvertisement }\"\n    @click=\"clickNotification\"\n  >\n    <div\n      v-if=\"notification.actor && notification.actor.guest\"\n      class=\"notification-avatar notification-avatar-guest\"\n    >\n      訪\n    </div>\n\n    <img\n      v-if=\"notification.actor && !notification.actor.guest\"\n      class=\"notification-avatar\"\n      :src=\"notification.actor.avatar_url\"\n    >\n\n    <div\n      v-if=\"isTypePodcastAdvertisement\"\n      class=\"notification-avatar notification-avatar-statementdog\"\n    >\n      <svg>\n        <use xlink:href=\"#svg-icon-statementdog-logo\" />\n      </svg>\n    </div>\n\n    <div class=\"notification-content\">\n      <span v-if=\"notification.event_type === 'NEW_INSIGHT_POST_RELATED_TO_MY_TRACKING_STOCKS'\">\n        <b>{{ notification.actor.name }} </b>\n        發表了一篇和{{ notification.related_stocks[0].name }}有關的洞見文章：\n        <b>{{ notification.subject.title }}</b>\n      </span>\n\n      <span v-if=\"notification.event_type === 'STATEMENTDOG_APPROVED_MY_INSIGHT_POST'\">\n        恭喜你！你的文章：<b>{{ notification.subject.title }} </b> 已經發佈在洞見上，\n        你將獲得2個月的閱讀精選文章與參加洞見聚會權限\n      </span>\n\n      <span\n        v-if=\"notification.event_type === 'STATEMENTDOG_APPROVED_MY_INSIGHT_POST_WITH_TOP_LEVEL'\"\n      >\n        恭喜你！你的文章：<b>{{ notification.subject.title }} </b> 被選為洞見精選文章，\n        你將獲得6個月的閱讀精選文章與參加洞見聚會權限\n      </span>\n\n      <span v-if=\"notification.event_type === 'USER_LIKED_MY_INSIGHT_POST'\">\n        <b>{{ notification.actor.name }} </b>\n        推薦了你的文章：<b>{{ notification.subject.title }}</b>\n      </span>\n\n      <span v-if=\"notification.event_type === 'USER_LIKED_MY_INSIGHT_COMMENT'\">\n        <b>{{ notification.actor.name }} </b>\n        推薦了你的一則留言：「{{ notification.subject.title }}」\n      </span>\n\n      <span v-if=\"notification.event_type === 'USER_COMMENTED_ON_MY_INSIGHT_POST'\">\n        <b>{{ notification.actor.name }} </b>\n        回覆了你發表的一篇文章：<b>{{ notification.subject.title }}</b>\n      </span>\n\n      <span v-if=\"notification.event_type === 'USER_COMMENTED_ON_MY_COLLECTED_INSIGH_POST'\">\n        <b>{{ notification.actor.name }} </b>\n        回覆了你收藏的一篇文章：<b>{{ notification.subject.title }}</b>\n      </span>\n\n      <span v-if=\"notification.event_type === 'USER_COMMENTED_ON_INSIGH_POST_COMMENTED_BY_ME'\">\n        <b>{{ notification.actor.name }} </b>\n        回覆了你留言過的一篇文章：<b>{{ notification.subject.title }}</b>\n      </span>\n      <span v-if=\"isTypePodcastAdvertisement\">\n        財報狗 Podcast 新集數上線：<b>{{ notification.subject.podcast_episode_title }}</b>\n      </span>\n\n      <br>\n      <span class=\"notification-date\">{{ timeAgoFormat }}</span>\n\n      <div\n        v-if=\"isTypePodcastAdvertisement\"\n        class=\"notification-podcast-cta\"\n      >\n        <a\n          class=\"notification-podcast-cta-button\"\n          :href=\"notification.subject.apple_podcast_episode_url\"\n          target=\"_blank\"\n          @click.stop=\"clickPodcastCTAButton('Apple Podcast')\"\n        >\n          <span class=\"notification-podcast-cta-icon\">\n            <svg>\n              <use xlink:href=\"#svg-icon-apple-podcast-color\" />\n            </svg>\n          </span>\n          到 Apple Podcast 收聽\n        </a>\n        <a\n          class=\"notification-podcast-cta-button\"\n          :href=\"notification.subject.spotify_episode_url\"\n          target=\"_blank\"\n          @click.stop=\"clickPodcastCTAButton('Spotify')\"\n        >\n          <span class=\"notification-podcast-cta-icon\">\n            <svg>\n              <use xlink:href=\"#svg-icon-spotify-color\" />\n            </svg>\n          </span>\n          到 Spotify 收聽\n        </a>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { requestReadNotification } from '@/api/notification'\n\nexport default {\n  props: {\n    notification: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      hasSentReadEventBefore: false,\n    }\n  },\n  computed: {\n    isUnread() {\n      return !this.notification.read && !this.hasSentReadEventBefore\n    },\n    isTypePodcastAdvertisement() {\n      return this.notification.event_type === 'PODCAST_ADVERTISEMENT'\n    },\n    relatedStockName() {\n      let name = '你追蹤過的公司'\n      if (this.notification?.related_stocks?.length > 0) {\n        [{ name }] = this.notification.related_stocks\n      }\n\n      return name\n    },\n    timeAgoFormat() {\n      const iso8601 = this.notification.created_at\n      const timeAgoWords = {\n        seconds: '%d秒前',\n        minute: '1分鐘前',\n        minutes: '%d分鐘前',\n        hour: '1小時前',\n        hours: '%d小時前',\n        day: '昨天',\n      }\n\n      let dateString = iso8601.trim()\n      dateString = dateString.replace(/\\.\\d+/, '') // remove milliseconds\n      dateString = dateString.replace(/-/, '/').replace(/-/, '/')\n      dateString = dateString.replace(/T/, ' ').replace(/Z/, ' UTC')\n      dateString = dateString.replace(/([+-]\\d\\d):?(\\d\\d)/, ' $1$2') // -04:00 -> -0400\n      dateString = dateString.replace(/([+-]\\d\\d)$/, ' $100') // +09 -> +0900\n\n      const pastDateObj = new Date(dateString)\n      const currentDateObj = new Date()\n      const distanceMillis = currentDateObj.getTime() - pastDateObj.getTime()\n      const seconds = Math.abs(distanceMillis) / 1000\n      const minutes = seconds / 60\n      const hours = minutes / 60\n\n      let words = ''\n      if (seconds < 45) {\n        words = timeAgoWords.seconds.replace(/%d/i, Math.round(seconds))\n      } else if (seconds < 90) {\n        words = timeAgoWords.minute\n      } else if (minutes < 45) {\n        words = timeAgoWords.minutes.replace(/%d/i, Math.round(minutes))\n      } else if (minutes < 90) {\n        words = timeAgoWords.hour\n      } else if (hours < 24) {\n        words = timeAgoWords.hours.replace(/%d/i, Math.round(hours))\n      } else if (hours < 42) {\n        words = timeAgoWords.day\n      } else {\n        let dateArray = iso8601.split('+')[0].split('T')\n        dateArray = dateArray[0].split('-').concat(dateArray[1].split(':'))\n\n        words = [\n          currentDateObj.getFullYear() === parseInt(dateArray[0], 10) ? '' : [dateArray[0], '年'].join(''),\n          parseInt(dateArray[1], 10), '月',\n          parseInt(dateArray[2], 10), '日 ',\n          dateArray[3], ':',\n          dateArray[4],\n        ].join('')\n      }\n\n      return words\n    },\n  },\n  methods: {\n    clickNotification() {\n      if (this.isTypePodcastAdvertisement) {\n        this.toggleNotifications()\n        return\n      }\n\n      window.open(this.notification.subject.url)\n      this.setReadStatusToTrue()\n    },\n    clickPodcastCTAButton(contentSource) {\n      this.setReadStatusToTrue()\n      this.requestPodcastClickedEvent(contentSource)\n    },\n\n    setReadStatusToTrue() {\n      if (this.notification.read) {\n        return\n      }\n      if (this.hasSentReadEventBefore) {\n        return\n      }\n\n      this.hasSentReadEventBefore = true\n      requestReadNotification({ notificationId: this.notification.id })\n    },\n    requestPodcastClickedEvent(contentSource) {\n      window.amplitudeEvents.clickNotification({\n        clickedFrom: window.location.href,\n        contentType: 'podcast',\n        contentSource,\n        contentTitle: this.notification.subject.podcast_episode_title,\n      })\n    },\n  },\n}\n</script>\n\n<style scoped lang=\"scss\">\n.notification {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  padding: 12px;\n  overflow: hidden;\n  background: #FAFAFA;\n  border-top:1px solid #e3e3e3;\n  margin-top: -1px;\n  font-size: 13px;\n  font-weight: normal;\n  line-height: 165%;\n  color: #434343;\n  cursor: pointer;\n\n  &.is-unread{\n    background: #eaf5fb;\n  }\n  &.is-unread:hover{\n    background: #FFF;\n  }\n  &:hover {\n    background: #EDEDED;\n  }\n  &.is-podcast-type {\n    cursor: default;\n  }\n\n}\n.notification-avatar {\n  display: inline-flex;\n  flex: 0 0 56px;\n  width: 56px;\n  height: 56px;\n  margin: 3px 12px 0 0;\n  text-align: center;\n  -moz-border-radius: 2px;\n  -webkit-border-radius: 2px;\n  border-radius: 2px;\n\n  &.notification-avatar-guest {\n    background: #636363;\n    color: #fff;\n    font-size: 20px;\n    font-weight: bold;\n    line-height: 56px;\n  }\n}\n.notification-content {\n  display: table-cell;\n  span {\n    white-space: normal;\n  }\n}\n.notification-date {\n  color: #939393;\n}\n\n// Podcast ad\n.notification-avatar-statementdog {\n  width: 56px;\n  height: 56px;\n\n  svg {\n    -moz-border-radius: 4px;\n    -webkit-border-radius: 4px;\n    border-radius: 4px;\n    height: 100%;\n    width: 100%;\n  }\n}\n\n.notification-podcast-cta {\n  display: flex;\n  flex-wrap: nowrap;\n  margin-top: 8px;\n}\n.notification-podcast-cta-button {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n  padding: 8px;\n  margin-right: 16px;\n  color: #0386F4;\n  font-weight: 600;\n  line-height: 1.5;\n  font-size: 14px;\n  background: #fff;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);\n  border: 1px solid rgba(0, 0, 0, 0);\n  -moz-border-radius: 4px;\n  -webkit-border-radius: 4px;\n  border-radius: 4px;\n\n  &:hover {\n    background-color: #EAF5FB;\n    border-color: #0386F4;\n  }\n}\n.notification-podcast-cta-icon {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 4px;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n}\n</style>\n","<template>\n  <div\n    class=\"navi-notification-list-container\"\n    @click=\"(e) => e.stopPropagation()\"\n  >\n    <div class=\"navi-notification-list-filter\">\n      所有通知\n    </div>\n\n    <div class=\"navi-notification-list\">\n      <template v-if=\"isNotificationsEmpty && isNotificationsReachEnd\">\n        <div class=\"navi-notification-list-empty-hint\">\n          <i class=\"navi-notification-list-empty-hint-icon icon-font-bell\" />\n          目前沒有任何通知\n        </div>\n      </template>\n      <template v-else>\n        <NotificationListItem\n          v-for=\"item in notificationsData.items\"\n          :key=\"item.id\"\n          :notification=\"item\"\n        />\n        <div\n          ref=\"infiniteTriggerElement\"\n          class=\"navi-notification-loading-hint\"\n        >\n          {{ isNotificationsReachEnd ? '到底了' : '載入通知中...' }}\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref } from 'vue'\n\nimport { requestResetUninspectedCount } from '@/api/notification'\n\nimport useInfiniteScroll from '../composables/useInfiniteScroll'\nimport useGetNotificationsData from '../composables/useGetNotificationData'\n\nimport NotificationListItem from './NaviNotificationListItem.vue'\n\nconst props = defineProps({\n  hasUninspectedCount: {\n    type: Boolean,\n    required: true,\n  },\n  resetUninspectedCount: {\n    type: Function,\n    required: true,\n  },\n})\nconst shouldResetUninspectedCount = ref(props.hasUninspectedCount > 0)\n\nconst { notificationsData, getNotificationsData } = useGetNotificationsData()\n\nconst isNotificationsEmpty = computed(() => (notificationsData.items.length === 0))\nconst isNotificationsReachEnd = computed(() => !notificationsData.pagination.hasMoreItems)\n\nconst infiniteTriggerElement = ref(null)\nuseInfiniteScroll({\n  observeRef: infiniteTriggerElement,\n  onIntersecting: () => {\n    if (notificationsData.isLoading || isNotificationsReachEnd.value) {\n      return\n    }\n\n    if (shouldResetUninspectedCount.value) {\n      shouldResetUninspectedCount.value = false\n      props.resetUninspectedCount()\n      requestResetUninspectedCount()\n    }\n\n    getNotificationsData()\n  },\n})\n</script>\n\n<style scoped lang=\"scss\">\n.navi-notification-list-container {\n  cursor: default;\n  width: 480px;\n  color: #434343;\n  text-align: left;\n}\n.navi-notification-list-filter {\n  padding: 9px 12px;\n  border-bottom: 1px solid #dfdfdf;\n  font-size: 13px;\n}\n.navi-notification-list {\n  text-align: left;\n  max-height: 442px;\n  overflow: auto;\n  overscroll-behavior: contain;\n  background: #f5f5f5;\n  border-bottom: 1px solid #dfdfdf;\n}\n.navi-notification-list-empty-hint {\n  text-align: center;\n  padding: 24px 12px;\n\n  .navi-notification-list-empty-hint-icon {\n    display:inline-block;\n    width: 20px;\n    height: 20px;\n    font-size: 20px;\n    position: static;\n    margin: -3px 6px 0 0;\n    vertical-align: middle;\n    color: #636363;\n  }\n}\n.navi-notification-loading-hint {\n  text-align: center;\n  padding: 12px;\n  border-top: 1px solid #e9e9e9;\n  margin-top: -1px;\n  position: relative;\n  background: #fff\n}\n</style>\n","<template>\n  <NaviButtonDropdown\n    label=\"\"\n    class=\"navi-button-notification\"\n    :should-mount-dropdown=\"true\"\n  >\n    <template #label>\n      <span\n        v-if=\"uninspectedNotificationsCount\"\n        class=\"navi-button-notification-count\"\n      >\n        {{ uninspectedNotificationsCount }}\n      </span>\n      <i class=\"navi-button-notification-icon icon-font-bell\" />\n      {{ props.label }}\n    </template>\n\n    <NaviNotificationList\n      :has-uninspected-count=\"uninspectedNotificationsCount > 0\"\n      :reset-uninspected-count=\"resetUninspectedCount\"\n    />\n  </NaviButtonDropdown>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\n\nimport useUserStore from '@/modules/shared/store/useUserStore'\n\nimport NaviButtonDropdown from '../../NaviButtonDropdown.vue'\n\nimport NaviNotificationList from './NaviNotificationList.vue'\n\nconst props = defineProps({\n  label: {\n    type: String,\n    required: true,\n  },\n})\n\nconst { currentUser } = useUserStore()\nconst uninspectedNotificationsCount = ref(currentUser.uninspectedNotificationsCount)\nconst resetUninspectedCount = () => {\n  uninspectedNotificationsCount.value = 0\n}\n</script>\n\n<style scoped lang=\"scss\">\n.navi-button-notification {\n  :deep(.navi-button-dropdown-wrapper) {\n    right: 0;\n    left: unset;\n  }\n  :deep(.navi-button-dropdown-pointer) {\n    right: 30px;\n    left: unset;\n  }\n\n  & {\n    padding: 21px 8px 15px;\n  }\n}\n.navi-button-notification-icon {\n  width: 20px;\n  height: 20px;\n  font-size: 20px;\n  margin-right: 9px;\n}\n\n.navi-button-notification-count {\n  position: absolute;\n  top: 6px;\n  left: -1px;\n  border: 2px solid #fff;\n\n  background: #D5332E;\n  color: #fff;\n  font-size: 11px;\n  font-weight: normal;\n  line-height: 150%;\n  padding: 0 4px;\n  text-align: center;\n  border-radius: 6px;\n}\n</style>\n","<template>\n  <NaviButtonDropdown\n    label=\"\"\n    class=\"navi-button-setting\"\n  >\n    <template #label>\n      <i class=\"navi-button-setting-icon icon-font-gear\" />\n      <NaviIconArrowDown />\n    </template>\n    <ul class=\"navi-button-setting-list\">\n      <li\n        v-for=\"{ label, href, ...attrs } in props.list\"\n        :key=\"label\"\n      >\n        <a\n          :href=\"href\"\n          v-bind=\"attrs\"\n        >{{ label }}</a>\n      </li>\n      <li>\n        <button\n          type=\"button\"\n          @click=\"handlePostFormLogout\"\n        >\n          登出\n        </button>\n      </li>\n      <li\n        v-for=\"{ label, href, ruleValidator, ...attrs } in props.adminList\"\n        :key=\"label\"\n        class=\"navi-button-setting-admin-list-item\"\n      >\n        <a\n          v-if=\"shoulShowAdminListItem(ruleValidator)\"\n          :href=\"href\"\n          v-bind=\"attrs\"\n        >{{ label }}</a>\n      </li>\n    </ul>\n  </NaviButtonDropdown>\n</template>\n\n<script setup>\nimport useUserStore from '@/modules/shared/store/useUserStore'\n\nimport NaviButtonDropdown from './NaviButtonDropdown.vue'\nimport NaviIconArrowDown from './NaviIconArrowDown.vue'\n\nconst props = defineProps({\n  list: {\n    type: Array,\n    required: true,\n    validator(value) {\n      return value.every((option) => (\n        ['label', 'href'].every((requiredKey) => (\n          Object.keys(option).includes(requiredKey)\n        ))\n      ))\n    },\n  },\n  adminList: {\n    type: Array,\n    required: true,\n    validator(value) {\n      return value.every((option) => (\n        ['label', 'href', 'ruleValidator'].every((requiredKey) => (\n          Object.keys(option).includes(requiredKey)\n        ))\n      ))\n    },\n  },\n})\n\nconst { currentUser } = useUserStore()\nconst shoulShowAdminListItem = (ruleValidator) => (\n  typeof ruleValidator === 'function'\n    ? ruleValidator({ currentUser })\n    : false\n)\n\nconst handlePostFormLogout = () => {\n  const csrfParamName = document.querySelector('meta[name=csrf-param]').content\n  const csrfToken = document.querySelector('meta[name=csrf-token]').content\n  const fromDom = document.createElement('form')\n  fromDom.setAttribute('method', 'post')\n  fromDom.setAttribute('action', '/users/sign_out')\n  fromDom.innerHTML = `\n    <input type=\"hidden\" name=\"_method\" value=\"delete\" />\n    <input type=\"hidden\" name=\"${csrfParamName}\" value=\"${csrfToken}\" />\n  `\n  document.body.appendChild(fromDom)\n  fromDom.submit()\n}\n</script>\n\n<style scoped lang=\"scss\">\n.navi-button-setting {\n  :deep(.navi-button-dropdown-wrapper) {\n    left: -44px;\n  }\n  :deep(.navi-button-dropdown-pointer) {\n    left: 60px;\n  }\n\n  ul li {\n    text-align: center;\n  }\n}\n.navi-button-setting-icon {\n  width: 20px;\n  height: 20px;\n  font-size: 20px;\n}\n.navi-button-setting-admin-list-item {\n  background: #eee;\n}\n</style>\n","<template>\n  <div class=\"navi-user-auth-links\">\n    <a\n      class=\"navi-user-auth-link-item login\"\n      :href=\"props.loginLink\"\n    >\n      {{ props.loginLabel }}\n    </a>\n    <a\n      class=\"navi-user-auth-link-item register\"\n      :href=\"props.registerLink\"\n    >\n      {{ props.registerLabel }}\n    </a>\n  </div>\n</template>\n\n<script setup>\nconst props = defineProps({\n  loginLabel: {\n    type: String,\n    required: true,\n  },\n  loginLink: {\n    type: String,\n    required: true,\n  },\n  registerLabel: {\n    type: String,\n    required: true,\n  },\n  registerLink: {\n    type: String,\n    required: true,\n  },\n})\n</script>\n\n<style scoped lang=\"scss\">\n.navi-user-auth-links {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  line-height: normal;\n  white-space: pre;\n\n  .navi-user-auth-link-item {\n    display: flex;\n    align-items: center;\n    font-size: 15px;\n    font-weight: bold;\n    color: #636363;\n    border-radius: 3px;\n    outline: none;\n    cursor: pointer;\n    padding: 9px 12px;\n\n    &.login {\n      margin-right: 6px;\n\n      &:hover {\n        background-color: #939393;\n        color: #fff;\n      }\n    }\n\n    &.register {\n      background-color: #0386f4;\n      color: #fff;\n\n      &:hover {\n        background-color: #0862BB;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <ul class=\"navi-meta-list\">\n    <li\n      v-for=\"option in props.listOptions\"\n      :key=\"option.name\"\n      class=\"navi-meta-list-item\"\n    >\n      <component\n        :is=\"NaviComponents[option.component]\"\n        v-bind=\"option.props\"\n      />\n    </li>\n  </ul>\n</template>\n\n<script setup>\nimport NaviLink from './NaviLink.vue'\nimport NaviLinkLogo from './NaviLinkLogo.vue'\nimport NaviButtonDropdown from './NaviButtonDropdown.vue'\nimport NaviButtonDropdownLinks from './NaviButtonDropdownLinks.vue'\nimport NaviButtonPickStock from './NaviButtonPickStock.vue'\nimport NaviLinkFeeds from './NaviLinkFeeds.vue'\nimport NaviButtonNotification from './NaviButtonNotification'\nimport NaviButtonSetting from './NaviButtonSetting.vue'\nimport NaviUserAuthLinks from './NaviUserAuthLinks.vue'\n\nconst NaviComponents = {\n  NaviLink,\n  NaviLinkLogo,\n  NaviButtonDropdown,\n  NaviButtonDropdownLinks,\n  NaviButtonPickStock,\n  NaviLinkFeeds,\n  NaviButtonNotification,\n  NaviButtonSetting,\n  NaviUserAuthLinks,\n}\n\nconst props = defineProps({\n  listOptions: {\n    type: Array,\n    required: true,\n    validator(value) {\n      return value.every((option) => (\n        ['name', 'component', 'props'].every((requiredKey) => (\n          Object.keys(option).includes(requiredKey)\n        ))\n      ))\n    },\n  },\n})\n</script>\n\n<style scoped lang=\"scss\">\n.navi-meta-list {\n  display: flex;\n  list-style-type: none;\n\n  .navi-meta-list-item {\n    margin: 0;\n    padding: 0;\n  }\n}\n</style>\n","<template>\n  <NaviDesktopLayout>\n    <template #layout-left>\n      <NaviSerializeRenderList\n        :list-options=\"NAVI_LIST_OPTIONS_LAYOUT_LEFT\"\n      />\n      <SearchPanel\n        v-if=\"props.shouldShowSearchPanel\"\n        :direct-stock-method=\"searchPanelDirectStockMethod\"\n      />\n    </template>\n    <template #layout-right>\n      <template v-if=\"isSignedIn\">\n        <NaviSerializeRenderList :list-options=\"NAVI_LIST_OPTIONS_LAYOUT_RIGHT\" />\n      </template>\n      <template v-else>\n        <NaviSerializeRenderList :list-options=\"NOT_SIGNED_IN_NAVI_LIST_OPTIONS_LAYOUT_RIGHT\" />\n      </template>\n    </template>\n  </NaviDesktopLayout>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\n\nimport SearchPanel from '@/modules/search_panel/desktop'\nimport { WINDOW_LOCATION, VUE_ROUTER } from '@/modules/search_panel/constants/direct_method'\nimport useUserStore from '@/modules/shared/store/useUserStore'\n\nimport {\n  NAVI_LIST_OPTIONS_LAYOUT_LEFT,\n  NAVI_LIST_OPTIONS_LAYOUT_RIGHT,\n  NOT_SIGNED_IN_NAVI_LIST_OPTIONS_LAYOUT_RIGHT,\n} from '../constants/navi_list_options'\n\nimport NaviDesktopLayout from './NaviDesktopLayout.vue'\nimport NaviSerializeRenderList from './NaviSerializeRenderList.vue'\n\nconst props = defineProps({\n  useVueRouter: {\n    type: Boolean,\n    default: false,\n  },\n  shouldShowSearchPanel: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst searchPanelDirectStockMethod = computed(() => (\n  props.useVueRouter ? VUE_ROUTER : WINDOW_LOCATION\n))\n\nconst { isSignedIn } = useUserStore()\n</script>\n"],"names":["_sfc_main","SearchForm","WINDOW_LOCATION","value","VUE_ROUTER","NAVI","_createBlock","_component_SearchForm","$data","$props","NaviLinkLogo","NaviLinkAnalysis","currentPath","NaviButtonPickStock","NaviLinkTaiex","NaviLinkNews","NaviLinkPricing","NaviButtonMore","NaviLinkFeeds","NaviButtonNotification","NaviButtonSetting","currentUser","NAVI_LIST_OPTIONS_LAYOUT_LEFT","NAVI_LIST_OPTIONS_LAYOUT_RIGHT","NOT_SIGNED_IN_NAVI_LIST_OPTIONS_LAYOUT_RIGHT","_hoisted_1","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_createElementVNode","_hoisted_2","_renderSlot","_ctx","props","__props","isLinkActive","computed","_sfc_render","_cache","data","reactive","isLinkActiveValidator","listPath","activeValidator","hasActiveValidator","dropdownList","listItem","label","href","isActiveValidator","attrs","currentListItem","isButtonActive","useUserStore","requestNotifications","axios","requestReadNotification","notificationId","requestResetUninspectedCount","useInfiniteScroll","observeRef","onIntersecting","observer","ref","createObserver","entries","entry","observeElement","unobserveElement","onMounted","onUnmounted","useGetNotificationsData","notificationsData","_fetchData","api","response","notifications","pagination","nextUrl","name","_b","_a","iso8601","timeAgoWords","dateString","pastDateObj","currentDateObj","distanceMillis","seconds","minutes","hours","words","dateArray","contentSource","_hoisted_14","_hoisted_16","_hoisted_17","_normalizeClass","$options","args","_createCommentVNode","_hoisted_5","_toDisplayString","_createTextVNode","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_15","_withModifiers","shouldResetUninspectedCount","getNotificationsData","isNotificationsEmpty","isNotificationsReachEnd","infiniteTriggerElement","uninspectedNotificationsCount","resetUninspectedCount","shoulShowAdminListItem","ruleValidator","handlePostFormLogout","csrfParamName","csrfToken","fromDom","NaviComponents","NaviLink","NaviButtonDropdown","NaviButtonDropdownLinks","NaviUserAuthLinks","searchPanelDirectStockMethod","isSignedIn"],"mappings":"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"}