{"version":3,"file":"BDMkEip_.js","sources":["../../../../components/layout/external/TemporaryNotification.vue","../../../../components/layout/external/shared/AccountActions.vue","../../../../components/layout/external/desktop/Section.vue","../../../../components/layout/external/desktop/AboutUs.vue","../../../../components/layout/external/desktop/EducationAndSupport.vue","../../../../components/layout/external/desktop/HowItWorks.vue","../../../../components/layout/external/desktop/InvestmentsOffer.vue","../../../../components/layout/external/DesktopMenu.vue","../../../../components/layout/external/mobile/HamburgerButton.vue","../../../../components/layout/external/mobile/Section.vue","../../../../components/layout/external/mobile/InvestmentsOffer.vue","../../../../components/layout/external/mobile/HowItWorks.vue","../../../../components/layout/external/mobile/AboutUs.vue","../../../../components/layout/external/mobile/EducationAndSupport.vue","../../../../components/layout/external/MobileMenu.vue","../../../../components/layout/external/Header.vue"],"sourcesContent":["<script lang=\"ts\">\r\ntype Emits = {\r\n  temporaryNotificationLoaded: [];\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst { locale, mergeLocaleMessage } = useI18n();\r\nwatch(locale, async () => {\r\n  await nextTick();\r\n\r\n  emit('temporaryNotificationLoaded');\r\n});\r\n\r\nconst layoutStore = useLayoutStore();\r\nconst { globalNotification } = storeToRefs(layoutStore);\r\n\r\nconst canShowNotification = ref(false);\r\nconst showNotification = computed(\r\n  () =>\r\n    canShowNotification.value &&\r\n    !!globalNotification.value?.forLocales.includes(locale.value as 'cs' | 'en'),\r\n);\r\nconst notificationClasses = computed(() => {\r\n  if (!globalNotification.value) {\r\n    return {};\r\n  }\r\n\r\n  return {\r\n    [`temporary-notification--${globalNotification.value.type[locale.value as 'cs' | 'en']}`]: true,\r\n  };\r\n});\r\nconst notificationAttributes = computed(() => {\r\n  const attributes = globalNotification.value?.attributes;\r\n  if (attributes) {\r\n    return Object.keys(attributes).map((attributeKey) => ({\r\n      ...attributes[attributeKey],\r\n      name: attributeKey,\r\n    }));\r\n  }\r\n\r\n  return [];\r\n});\r\n\r\nonMounted(async () => {\r\n  await layoutStore.getGlobalNotification();\r\n\r\n  await nextTick();\r\n\r\n  if (globalNotification.value) {\r\n    globalNotification.value.forLocales.forEach((locale) => {\r\n      mergeLocaleMessage(locale, {\r\n        'temporary-notification': globalNotification.value!.texts[locale]!,\r\n      });\r\n    });\r\n\r\n    canShowNotification.value = true;\r\n  }\r\n\r\n  emit('temporaryNotificationLoaded');\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    v-if=\"globalNotification && showNotification\"\r\n    class=\"temporary-notification\"\r\n    :class=\"notificationClasses\"\r\n  >\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <div class=\"col\">\r\n          <i18n-t keypath=\"temporary-notification\" scope=\"global\">\r\n            <template v-for=\"attribute in notificationAttributes\" #[attribute.name]>\r\n              <a\r\n                v-if=\"attribute.external\"\r\n                :key=\"attribute.name\"\r\n                target=\"_blank\"\r\n                rel=\"external nofollow\"\r\n                :href=\"attribute.link\"\r\n              >\r\n                {{ attribute.text }}\r\n              </a>\r\n              <NuxtLink v-if=\"!attribute.external\" :key=\"attribute.name\" :to=\"attribute.link\">\r\n                {{ attribute.text }}\r\n              </NuxtLink>\r\n            </template>\r\n          </i18n-t>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.temporary-notification {\r\n  background-color: var(--background-color);\r\n  color: var(--color);\r\n\r\n  padding: 0 1rem;\r\n\r\n  text-align: center;\r\n\r\n  @media (min-width: 1200px) {\r\n    padding: 0;\r\n  }\r\n\r\n  &--info {\r\n    --background-color: var(--blue-dark);\r\n    --color: var(--white);\r\n  }\r\n\r\n  &--warning {\r\n    --background-color: var(--yellow-basic);\r\n    --color: var(--black);\r\n  }\r\n\r\n  &--error {\r\n    --background-color: var(--red-neon-basic);\r\n    --color: var(--black);\r\n  }\r\n\r\n  a {\r\n    color: inherit;\r\n  }\r\n}\r\n\r\n.container {\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  padding: 1rem 0;\r\n\r\n  height: auto;\r\n}\r\n</style>\r\n\r\n/* test data JSON.stringify([ { product: 2, forLocales: [\"cs\", \"sk\"], texts: { cs: \"Informační lišta\r\npro vše ostatní co není fatální, {link1}, zvýšení úroku v {link2} apod\", sk: \"Toto bude lišta pro SK\r\ns linkem3 {link3}.\", }, type: { cs: \"info\", sk: \"warning\", }, attributes: { link1: { text:\r\n\"plánované webináře\", link: \"https://google.com\", external: true, }, link2: { text: \"Investiční\r\nrezervě\", link: \"/faq/investicni-rezerva\", external: false, }, link3: { text: \"test\", link:\r\n\"/ako-investujeme\", external: false, }, }, }, ]); */\r\n","<script setup lang=\"ts\">\r\nconst localePath = useLocalePath();\r\nconst authStore = useAuthStore();\r\nconst { isLoggedIn } = storeToRefs(authStore);\r\n</script>\r\n\r\n<template>\r\n  <div class=\"actions\">\r\n    <template v-if=\"isLoggedIn\">\r\n      <Button as=\"NuxtLink\" :to=\"localePath('dashboard')\">{{\r\n        $t('layout.external.navigation.account-actions.go-to-dashboard')\r\n      }}</Button>\r\n    </template>\r\n\r\n    <template v-else>\r\n      <Button :to=\"localePath('login')\" as=\"NuxtLink\" class=\"login\" variant=\"text\" theme=\"light\">\r\n        <svg\r\n          width=\"26\"\r\n          height=\"26\"\r\n          viewBox=\"0 0 26 26\"\r\n          fill=\"none\"\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <path\r\n            d=\"M4 20.9197C4.72 18.9997 6.52 17.6797 8.68 17.6797H13\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.5\"\r\n            stroke-miterlimit=\"10\"\r\n          />\r\n          <path\r\n            d=\"M22 20.9197C21.28 18.9997 19.48 17.6797 17.32 17.6797H13\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.5\"\r\n            stroke-miterlimit=\"10\"\r\n          />\r\n          <path\r\n            d=\"M18.2786 12.2799C18.2786 13.5999 17.7986 14.7999 17.0786 15.6399C16.1186 16.8399 14.5586 17.5599 12.9986 17.5599C11.4386 17.5599 9.87863 16.8399 8.91863 15.6399C8.07863 14.7999 7.59863 13.5999 7.59863 12.2799C7.59863 9.27988 9.99863 6.87988 12.9986 6.87988C15.9986 6.87988 18.2786 9.39988 18.2786 12.2799Z\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.5\"\r\n            stroke-miterlimit=\"10\"\r\n          />\r\n          <path\r\n            d=\"M13 25C19.6274 25 25 19.6274 25 13C25 6.37258 19.6274 1 13 1C6.37258 1 1 6.37258 1 13C1 19.6274 6.37258 25 13 25Z\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.5\"\r\n            stroke-miterlimit=\"10\"\r\n          />\r\n        </svg>\r\n\r\n        <span>{{ $t('layout.external.navigation.account-actions.log-in') }}</span>\r\n      </Button>\r\n\r\n      <Button as=\"NuxtLink\" :to=\"localePath('registration')\">{{\r\n        $t('layout.external.navigation.account-actions.registration')\r\n      }}</Button>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.actions {\r\n  display: inline-flex;\r\n  align-items: center;\r\n\r\n  .login {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    margin-right: 0.5rem;\r\n\r\n    svg {\r\n      margin-right: 0.25rem;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { type Column } from '~/components/layout/external/shared/types';\r\n\r\ntype Props = {\r\n  title: string;\r\n  link?: string;\r\n  columns?: Column[];\r\n  section?: string;\r\n};\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  link: undefined,\r\n  columns: undefined,\r\n  section: undefined,\r\n});\r\n\r\nconst hovering = ref(false);\r\nconst fakeActive = ref(false);\r\nconst sectionRef = ref<HTMLDivElement | null>(null);\r\n\r\nconst hasLink = computed(() => !!props.link && props.link.length > 0);\r\nconst hasExtraContent = computed(() => !!props.columns);\r\n\r\nfunction onMouseEnter() {\r\n  hovering.value = true;\r\n}\r\n\r\nfunction onMouseLeave() {\r\n  hovering.value = false;\r\n}\r\n\r\nfunction onKeyDown(event: KeyboardEvent) {\r\n  if ((event.key === 'Enter' || event.key === 'ArrowDown') && event.target) {\r\n    hovering.value = true;\r\n\r\n    event.stopPropagation();\r\n  }\r\n}\r\n\r\nfunction onBlurCapture(event: FocusEvent) {\r\n  if (!sectionRef.value?.contains(event.relatedTarget as Node)) {\r\n    hovering.value = false;\r\n  }\r\n}\r\n\r\nfunction onClickLink() {\r\n  onMouseLeave();\r\n}\r\n\r\nconst resetFocus = () => {\r\n  const focusReset = document.getElementById('focus-reset') as HTMLAnchorElement | null;\r\n  if (focusReset) {\r\n    focusReset.focus();\r\n  }\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    ref=\"sectionRef\"\r\n    class=\"section\"\r\n    :class=\"{ 'section--hover': hovering }\"\r\n    @mouseenter=\"onMouseEnter\"\r\n    @mouseleave=\"onMouseLeave\"\r\n    @keydown=\"onKeyDown\"\r\n    @blur.capture=\"onBlurCapture\"\r\n  >\r\n    <NuxtLink v-if=\"hasLink\" class=\"section__title\" :to=\"link\" @click=\"resetFocus\">\r\n      <span>{{ title }}</span>\r\n    </NuxtLink>\r\n\r\n    <div\r\n      v-else\r\n      class=\"section__title\"\r\n      role=\"menuitem\"\r\n      tabindex=\"0\"\r\n      :class=\"{ 'nuxt-link-active': fakeActive }\"\r\n    >\r\n      <span>{{ title }}</span>\r\n\r\n      <svg\r\n        v-if=\"hasExtraContent\"\r\n        width=\"10\"\r\n        height=\"7\"\r\n        viewBox=\"0 0 10 7\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n      >\r\n        <path fill=\"currentColor\" d=\"M5 7L9.33013 1.76496L0.669872 1.76496L5 7Z\" />\r\n      </svg>\r\n    </div>\r\n\r\n    <div v-if=\"hasExtraContent\" class=\"section__content-wrapper\">\r\n      <div class=\"section__content\">\r\n        <div v-for=\"column in columns\" :key=\"column.key\" class=\"section__column\">\r\n          <template v-if=\"column.links && column.links.length > 0\">\r\n            <NuxtLink\r\n              v-for=\"columnLink in column.links\"\r\n              :key=\"columnLink.link\"\r\n              class=\"section__item\"\r\n              :external=\"columnLink.external\"\r\n              :to=\"columnLink.link\"\r\n              :class=\"{\r\n                [`section__item--${columnLink.color}`]: true,\r\n                'section__item--external': columnLink.external,\r\n              }\"\r\n              :target=\"columnLink.external ? '_blank' : '_self'\"\r\n              @click=\"\r\n                onClickLink();\r\n                resetFocus();\r\n              \"\r\n            >\r\n              <div v-if=\"!!columnLink.icon\" class=\"item__icon\">\r\n                <img alt=\" \" :src=\"columnLink.icon\" aria-hidden=\"true\" />\r\n              </div>\r\n\r\n              <div class=\"item__text\">\r\n                <h5 class=\"item__title\">{{ columnLink.title }}</h5>\r\n\r\n                <p class=\"item__description\">{{ columnLink.description }}</p>\r\n              </div>\r\n            </NuxtLink>\r\n          </template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.section {\r\n  position: relative;\r\n\r\n  h5 {\r\n    margin: 0;\r\n    margin-bottom: 0.375rem;\r\n\r\n    font-size: var(--font-size-base);\r\n  }\r\n\r\n  p {\r\n    margin: 0;\r\n\r\n    font-size: var(--font-size-xs);\r\n  }\r\n\r\n  .router-link-active,\r\n  &:has(.router-link-active) {\r\n    --color: var(--red-basic);\r\n\r\n    .section__title {\r\n      --color: var(--red-basic);\r\n    }\r\n\r\n    .router-link-active.section__item {\r\n      --color: var(--red-basic);\r\n\r\n      p {\r\n        color: var(--color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.section--hover {\r\n  .section__title,\r\n  .section__title:visited {\r\n    --color: var(--red-basic);\r\n\r\n    svg {\r\n      transform: rotate(-180deg);\r\n    }\r\n  }\r\n\r\n  .section__content-wrapper {\r\n    display: block;\r\n  }\r\n}\r\n\r\n.section__column {\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  &:not(:last-of-type) {\r\n    margin-right: 2.5rem;\r\n  }\r\n}\r\n\r\n.section__title,\r\n.section__title:visited {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  --color: var(--gray-dark);\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    flex-shrink: 0;\r\n\r\n    margin-left: 0.3125rem;\r\n\r\n    will-change: transform;\r\n    transition: transform 0.125s;\r\n  }\r\n\r\n  span {\r\n    cursor: default;\r\n  }\r\n\r\n  &:is(a) {\r\n    span {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  &:is(:not(a)) {\r\n    color: var(--color);\r\n  }\r\n}\r\n\r\n.section__content-wrapper {\r\n  position: absolute;\r\n  top: 100%;\r\n  right: 15px; // icon's width + margin-left\r\n\r\n  display: none;\r\n\r\n  padding-top: 0.3125em;\r\n}\r\n\r\n.section__content {\r\n  display: flex;\r\n\r\n  margin-top: calc(11px + (11px / 2) - 1px);\r\n  padding: 2.5rem 3.125rem;\r\n\r\n  background-color: var(--white);\r\n  border-radius: 0.375rem;\r\n  box-shadow: 0 0 1.25em rgba(0, 0, 0, 0.1);\r\n\r\n  &::before,\r\n  &::after {\r\n    content: '';\r\n\r\n    position: absolute;\r\n    top: calc(11px / 2 + 0.3125em);\r\n    left: 90%;\r\n\r\n    border: 11px solid black;\r\n    border-color: transparent transparent white white;\r\n    transform: rotate(135deg);\r\n  }\r\n\r\n  &::before {\r\n    z-index: 1;\r\n  }\r\n\r\n  &::after {\r\n    z-index: -1;\r\n\r\n    box-shadow: 0 0 1.25em rgba(0, 0, 0, 0.1);\r\n  }\r\n}\r\n\r\n.section__item {\r\n  display: flex;\r\n\r\n  width: 15.625rem;\r\n\r\n  text-decoration: none;\r\n\r\n  &:not(:last-of-type) {\r\n    margin-bottom: 1.875rem;\r\n  }\r\n\r\n  &.section__item--red {\r\n    --color: var(--red-basic);\r\n  }\r\n\r\n  &.section__item--black {\r\n    --color: var(--black);\r\n  }\r\n\r\n  p {\r\n    color: var(--gray-dark);\r\n  }\r\n\r\n  &:hover {\r\n    &.section__item--black {\r\n      --color: var(--red-basic);\r\n    }\r\n\r\n    p {\r\n      color: var(--color);\r\n    }\r\n  }\r\n\r\n  &--external {\r\n    .item__title::after {\r\n      content: '';\r\n\r\n      position: absolute;\r\n      margin-left: 0.125rem;\r\n\r\n      width: 0.75rem;\r\n      height: 0.75rem;\r\n\r\n      -webkit-mask: url(https://cdn.portu.cz/gallery/images/redesign/external.svg) center\r\n        center/contain no-repeat;\r\n      mask: url(https://cdn.portu.cz/gallery/images/redesign/external.svg) center center/contain\r\n        no-repeat;\r\n      background-color: currentColor;\r\n      overflow: hidden;\r\n    }\r\n  }\r\n}\r\n\r\n.item__title {\r\n  position: relative;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport Section from '~/components/layout/external/desktop/Section.vue';\r\n\r\nconst localePath = useLocalePath();\r\n</script>\r\n\r\n<template>\r\n  <Section :title=\"$t('layout.links.about')\" :link=\"localePath('about')\" />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { type Column } from '~/components/layout/external/shared/types';\r\nimport Section from '~/components/layout/external/desktop/Section.vue';\r\n\r\nconst { t } = useI18n();\r\nconst localePath = useLocalePath();\r\n\r\nconst columns = computed<Column[]>(() => [\r\n  {\r\n    key: 'column-1',\r\n    links: [\r\n      {\r\n        link: localePath('faq'),\r\n        title: t('layout.external.navigation.education-and-support.faq.title'),\r\n        description: t('layout.external.navigation.education-and-support.faq.description'),\r\n        color: 'black',\r\n      },\r\n      {\r\n        link: localePath('contact'),\r\n        title: t('layout.external.navigation.education-and-support.support.title'),\r\n        description: t('layout.external.navigation.education-and-support.support.description'),\r\n        color: 'black',\r\n      },\r\n      {\r\n        link: localePath('element'),\r\n        title: t('layout.external.navigation.education-and-support.element.title'),\r\n        description: t('layout.external.navigation.education-and-support.element.description'),\r\n        color: 'black',\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    key: 'column-2',\r\n    links: [\r\n      {\r\n        link: 'https://magazin.portu.cz/investovani-od-a-do-z/sberatelske-predmety/',\r\n        title: t('layout.external.navigation.education-and-support.blog.title'),\r\n        description: t('layout.external.navigation.education-and-support.blog.description'),\r\n        color: 'red',\r\n        external: true,\r\n      },\r\n      {\r\n        link: 'https://rozumiminvesticim.cz',\r\n        title: t(\r\n          'layout.external.navigation.education-and-support.investment-literacy-index.title',\r\n        ),\r\n        description: t(\r\n          'layout.external.navigation.education-and-support.investment-literacy-index.description',\r\n        ),\r\n        external: true,\r\n        color: 'black',\r\n      },\r\n    ],\r\n  },\r\n]);\r\n</script>\r\n\r\n<template>\r\n  <Section\r\n    key=\"desktop-education-and-support\"\r\n    :title=\"$t('layout.external.navigation.education-and-support.title')\"\r\n    :columns=\"columns\"\r\n  />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport Section from '~/components/layout/external/desktop/Section.vue';\r\n\r\nconst localePath = useLocalePath();\r\n</script>\r\n\r\n<template>\r\n  <Section :title=\"$t('layout.links.how-does-it-work')\" :link=\"localePath('how-does-it-work')\" />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport Section from '~/components/layout/external/desktop/Section.vue';\r\n\r\nconst localePath = useLocalePath();\r\n</script>\r\n\r\n<template>\r\n  <Section :title=\"$t('layout.links.instruments-offer')\" :link=\"localePath('investments-offer')\" />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport Spacer from '~/components/common/Spacer.vue';\r\nimport Logo from '~/components/common/Logo.vue';\r\nimport AccountActions from '~/components/layout/external/shared/AccountActions.vue';\r\nimport AboutUs from '~/components/layout/external/desktop/AboutUs.vue';\r\nimport EducationAndSupport from '~/components/layout/external/desktop/EducationAndSupport.vue';\r\nimport HowItWorks from '~/components/layout/external/desktop/HowItWorks.vue';\r\nimport InvestmentsOffer from '~/components/layout/external/desktop/InvestmentsOffer.vue';\r\n\r\nconst logoWidth = ref(120);\r\nconst logoMaxWidth = 120;\r\nconst logoMinWidth = 100;\r\n\r\nfunction updateLogoDimensions() {\r\n  const scrollPositionClamped = Math.min(Math.max(window.scrollY / 2, 0), 100);\r\n\r\n  logoWidth.value = calculateIntermediateWidth(scrollPositionClamped);\r\n}\r\nfunction calculateIntermediateWidth(scrollPosition: number) {\r\n  return logoMaxWidth - ((logoMaxWidth - logoMinWidth) / 100) * scrollPosition;\r\n}\r\n\r\nonMounted(async () => {\r\n  window.addEventListener('scroll', updateLogoDimensions);\r\n\r\n  await nextTick();\r\n\r\n  updateLogoDimensions();\r\n});\r\nonUnmounted(() => {\r\n  window.removeEventListener('scroll', updateLogoDimensions);\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div class=\"container\">\r\n    <div class=\"logo\">\r\n      <NuxtLink to=\"/\">\r\n        <Logo\r\n          theme=\"light\"\r\n          :style=\"{ '--custom-logo-width': `${logoWidth}px` }\"\r\n          :alt=\"$t('layout.external.navigation.logo-alt')\"\r\n        />\r\n      </NuxtLink>\r\n    </div>\r\n\r\n    <Spacer />\r\n\r\n    <div class=\"sections\">\r\n      <InvestmentsOffer />\r\n\r\n      <HowItWorks />\r\n\r\n      <AboutUs />\r\n\r\n      <EducationAndSupport />\r\n    </div>\r\n\r\n    <Spacer />\r\n\r\n    <AccountActions />\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.container {\r\n  position: relative;\r\n\r\n  display: none;\r\n  align-items: center;\r\n\r\n  padding-block: 1.25rem;\r\n\r\n  .logo:not(img) {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    width: 7.5rem;\r\n\r\n    a {\r\n      display: inherit;\r\n    }\r\n  }\r\n\r\n  @media only screen and (min-width: 1200px) {\r\n    display: flex;\r\n  }\r\n}\r\n\r\na {\r\n  color: var(--gray-dark);\r\n  text-decoration: none;\r\n\r\n  &:visited {\r\n    color: var(--gray-dark);\r\n  }\r\n\r\n  &:not(:last-of-type) {\r\n    margin-right: 2.5rem;\r\n  }\r\n}\r\n\r\n.sections {\r\n  display: flex;\r\n  grid-gap: 1.25rem;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\ntype Props = {\r\n  opened: boolean;\r\n};\r\ntype Emits = {\r\n  click: [opened: boolean];\r\n};\r\n\r\nconst props = defineProps<Props>();\r\nconst emit = defineEmits<Emits>();\r\n\r\nfunction onClick() {\r\n  emit('click', !props.opened);\r\n}\r\n</script>\r\n\r\n<template>\r\n  <button\r\n    type=\"button\"\r\n    :title=\"$t(`layout.external.navigation.hamburger.${opened ? 'close' : 'open'}`)\"\r\n    @click=\"onClick\"\r\n  >\r\n    <svg\r\n      width=\"24\"\r\n      height=\"24\"\r\n      fill=\"none\"\r\n      aria-hidden=\"true\"\r\n      :viewBox=\"!opened ? '0 0 24 24' : '0 0 19 19'\"\r\n    >\r\n      <template v-if=\"!opened\">\r\n        <rect y=\"4\" width=\"24\" height=\"2\" fill=\"black\" />\r\n        <rect y=\"11\" width=\"24\" height=\"2\" fill=\"black\" />\r\n        <rect y=\"18\" width=\"24\" height=\"2\" fill=\"black\" />\r\n      </template>\r\n\r\n      <template v-else>\r\n        <rect\r\n          width=\"24.0044\"\r\n          height=\"1.92835\"\r\n          transform=\"matrix(0.70714 0.707073 -0.70714 0.707073 1.69922 0.332031)\"\r\n          fill=\"black\"\r\n        />\r\n        <rect\r\n          width=\"24.0044\"\r\n          height=\"1.92835\"\r\n          transform=\"matrix(-0.70714 0.707073 0.70714 0.707073 17.3047 0.332031)\"\r\n          fill=\"black\"\r\n        />\r\n      </template>\r\n    </svg>\r\n  </button>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\nbutton {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  padding: 0;\r\n  padding-left: 1.25rem;\r\n\r\n  height: 100%;\r\n\r\n  background-color: transparent;\r\n  border-width: 0;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { type Column } from '~/components/layout/external/shared/types';\r\n\r\ntype Props = {\r\n  title: string;\r\n  link?: string;\r\n  columns?: Column[];\r\n  section?: string;\r\n};\r\ntype Emits = {\r\n  close: [];\r\n};\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  link: undefined,\r\n  columns: undefined,\r\n  section: undefined,\r\n});\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst opened = ref(false);\r\n\r\nconst hasLink = computed(() => !!props.link && props.link.length > 0);\r\nconst hasExtraContent = computed(() => !!props.columns);\r\n\r\nfunction onClickLink() {\r\n  emit('close');\r\n\r\n  onClickHideSection();\r\n}\r\n\r\nfunction onClickTitle() {\r\n  opened.value = true;\r\n}\r\n\r\nfunction onClickHideSection() {\r\n  opened.value = false;\r\n\r\n  resetFocus();\r\n}\r\n\r\nconst resetFocus = () => {\r\n  const focusReset = document.getElementById('focus-reset') as HTMLAnchorElement | null;\r\n  if (focusReset) {\r\n    focusReset.focus();\r\n  }\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"sectionRef\" class=\"section\" :class=\"{ 'section--opened': opened }\">\r\n    <NuxtLink v-if=\"hasLink\" class=\"section__title\" :to=\"link\" @click=\"onClickLink\">\r\n      <span>{{ title }}</span>\r\n    </NuxtLink>\r\n\r\n    <div v-else class=\"section__title\" role=\"menuitem\" @click=\"onClickTitle\">\r\n      <span>{{ title }}</span>\r\n\r\n      <svg\r\n        v-if=\"hasExtraContent\"\r\n        width=\"10\"\r\n        height=\"7\"\r\n        viewBox=\"0 0 10 7\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n      >\r\n        <path fill=\"currentColor\" d=\"M5 7L9.33013 1.76496L0.669872 1.76496L5 7Z\" />\r\n      </svg>\r\n    </div>\r\n\r\n    <div v-if=\"hasExtraContent\" class=\"section__content-wrapper\">\r\n      <div class=\"container\">\r\n        <button class=\"hide-section\" @click=\"onClickHideSection\">\r\n          <svg\r\n            width=\"10\"\r\n            height=\"16\"\r\n            viewBox=\"0 0 10 16\"\r\n            fill=\"none\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n          >\r\n            <path d=\"M9 1L2 8L9 15\" stroke=\"black\" stroke-width=\"1.5\" />\r\n          </svg>\r\n\r\n          <span>{{ $t('global.back') }}</span>\r\n        </button>\r\n\r\n        <div class=\"section__content\">\r\n          <div v-for=\"column in columns\" :key=\"column.key\" class=\"section__column\">\r\n            <template v-if=\"column.links && column.links.length > 0\">\r\n              <NuxtLink\r\n                v-for=\"columnLink in column.links\"\r\n                :key=\"columnLink.link\"\r\n                class=\"section__item\"\r\n                :external=\"columnLink.external\"\r\n                :to=\"columnLink.link\"\r\n                :class=\"{\r\n                  [`section__item--${columnLink.color}`]: true,\r\n                  'section__item--external': columnLink.external,\r\n                }\"\r\n                :target=\"columnLink.external ? '_blank' : '_self'\"\r\n                @click=\"onClickLink\"\r\n              >\r\n                <div class=\"item__text\">\r\n                  <h5 class=\"item__title\">{{ columnLink.title }}</h5>\r\n                  <p class=\"item__description\">{{ columnLink.description }}</p>\r\n                </div>\r\n              </NuxtLink>\r\n            </template>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.section {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  h5 {\r\n    margin: 0;\r\n    margin-bottom: 0.3125rem;\r\n\r\n    font-size: var(--font-size-base);\r\n  }\r\n\r\n  p {\r\n    margin: 0;\r\n\r\n    font-size: var(--font-size-xs);\r\n  }\r\n\r\n  .router-link-active,\r\n  &:has(.router-link-active) {\r\n    --color: var(--red-basic);\r\n\r\n    .section__title {\r\n      --color: var(--red-basic);\r\n    }\r\n\r\n    .router-link-active.section__item {\r\n      --color: var(--red-basic);\r\n\r\n      p {\r\n        color: var(--color);\r\n      }\r\n    }\r\n  }\r\n\r\n  &--opened {\r\n    .section__content-wrapper {\r\n      display: block;\r\n\r\n      background-color: var(--gray-bright);\r\n    }\r\n  }\r\n}\r\n\r\n.section__title,\r\n.section__title:visited {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  margin-bottom: 1.875rem;\r\n\r\n  --color: var(--gray-dark);\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-left: 0.3125rem;\r\n\r\n    transform: rotate(-90deg);\r\n  }\r\n\r\n  span {\r\n    cursor: default;\r\n  }\r\n\r\n  &:is(a) {\r\n    span {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  &:is(:not(a)) {\r\n    color: var(--color);\r\n  }\r\n}\r\n\r\n.section__content-wrapper {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n\r\n  display: none;\r\n}\r\n\r\n.section__content {\r\n  margin-bottom: 1.875rem;\r\n\r\n  @media (min-width: 576px) {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n  }\r\n}\r\n\r\n.section__column {\r\n  @media (min-width: 576px) {\r\n    width: calc(50% - 10px);\r\n  }\r\n\r\n  + .section__column {\r\n    margin-top: 2rem;\r\n    padding-top: 1rem;\r\n\r\n    border-top: 0.0625rem solid var(--gray-basic);\r\n\r\n    @media (min-width: 576px) {\r\n      margin-top: 0;\r\n      padding: 0;\r\n\r\n      border-top-width: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.section__item {\r\n  display: flex;\r\n\r\n  text-decoration: none;\r\n\r\n  &:not(:last-of-type) {\r\n    margin-bottom: 1.875rem;\r\n  }\r\n\r\n  &.section__item--red {\r\n    --color: var(--red-basic);\r\n  }\r\n\r\n  &.section__item--black {\r\n    --color: var(--black);\r\n  }\r\n\r\n  p {\r\n    color: var(--gray-dark);\r\n  }\r\n\r\n  &:hover {\r\n    &.section__item--black {\r\n      --color: var(--red-basic);\r\n    }\r\n\r\n    p {\r\n      color: var(--color);\r\n    }\r\n  }\r\n\r\n  &--external {\r\n    .item__title::after {\r\n      content: '';\r\n\r\n      position: absolute;\r\n      margin-left: 0.125rem;\r\n\r\n      width: 0.75rem;\r\n      height: 0.75rem;\r\n\r\n      -webkit-mask: url(https://cdn.portu.cz/gallery/images/redesign/external.svg) center\r\n        center/contain no-repeat;\r\n      mask: url(https://cdn.portu.cz/gallery/images/redesign/external.svg) center center/contain\r\n        no-repeat;\r\n      background-color: currentColor;\r\n      overflow: hidden;\r\n    }\r\n  }\r\n}\r\n\r\n.hide-section {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  margin-bottom: 30px;\r\n  padding: 5px 20px 5px 0;\r\n\r\n  background-color: transparent;\r\n  border-width: 0;\r\n\r\n  color: var(--black);\r\n\r\n  svg {\r\n    margin-right: 10px;\r\n  }\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport Section from '~/components/layout/external/mobile/Section.vue';\r\n\r\ntype Emits = {\r\n  close: [];\r\n};\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst localePath = useLocalePath();\r\n\r\nfunction onClose() {\r\n  emit('close');\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Section\r\n    :title=\"$t('layout.links.instruments-offer')\"\r\n    :link=\"localePath('investments-offer')\"\r\n    @close=\"onClose\"\r\n  />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport Section from '~/components/layout/external/mobile/Section.vue';\r\n\r\ntype Emits = {\r\n  close: [];\r\n};\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst localePath = useLocalePath();\r\n\r\nfunction onClose() {\r\n  emit('close');\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Section\r\n    :title=\"$t('layout.links.how-does-it-work')\"\r\n    :link=\"localePath('how-does-it-work')\"\r\n    @close=\"onClose\"\r\n  />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport Section from '~/components/layout/external/mobile/Section.vue';\r\n\r\ntype Emits = {\r\n  close: [];\r\n};\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst localePath = useLocalePath();\r\n\r\nfunction onClose() {\r\n  emit('close');\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Section :title=\"$t('layout.links.about')\" :link=\"localePath('about')\" @close=\"onClose\" />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { type Column } from '~/components/layout/external/shared/types';\r\nimport Section from '~/components/layout/external/mobile/Section.vue';\r\n\r\ntype Emits = {\r\n  close: [];\r\n};\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst { t } = useI18n();\r\nconst localePath = useLocalePath();\r\n\r\nconst columns = computed<Column[]>(() => [\r\n  {\r\n    key: 'column-1',\r\n    links: [\r\n      {\r\n        link: localePath('faq'),\r\n        title: t('layout.external.navigation.education-and-support.faq.title'),\r\n        description: t('layout.external.navigation.education-and-support.faq.description'),\r\n        color: 'black',\r\n      },\r\n      {\r\n        link: localePath('contact'),\r\n        title: t('layout.external.navigation.education-and-support.support.title'),\r\n        description: t('layout.external.navigation.education-and-support.support.description'),\r\n        color: 'black',\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    key: 'column-2',\r\n    links: [\r\n      {\r\n        link: 'https://magazin.portu.cz/investovani-od-a-do-z/sberatelske-predmety/',\r\n        title: t('layout.external.navigation.education-and-support.blog.title'),\r\n        description: t('layout.external.navigation.education-and-support.blog.description'),\r\n        color: 'red',\r\n        external: true,\r\n      },\r\n      {\r\n        link: 'https://rozumiminvesticim.cz',\r\n        title: t(\r\n          'layout.external.navigation.education-and-support.investment-literacy-index.title',\r\n        ),\r\n        description: t(\r\n          'layout.external.navigation.education-and-support.investment-literacy-index.description',\r\n        ),\r\n        external: true,\r\n        color: 'black',\r\n      },\r\n    ],\r\n  },\r\n]);\r\n\r\nfunction onClose() {\r\n  emit('close');\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Section\r\n    key=\"education-and-support\"\r\n    :title=\"$t('layout.external.navigation.education-and-support.title')\"\r\n    :columns=\"columns\"\r\n    @close=\"onClose\"\r\n  />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport Spacer from '~/components/common/Spacer.vue';\r\nimport Logo from '~/components/common/Logo.vue';\r\nimport AccountActions from '~/components/layout/external/shared/AccountActions.vue';\r\nimport HamburgerButton from '~/components/layout/external/mobile/HamburgerButton.vue';\r\nimport InvestmentsOffer from '~/components/layout/external/mobile/InvestmentsOffer.vue';\r\nimport HowItWorks from '~/components/layout/external/mobile/HowItWorks.vue';\r\nimport AboutUs from '~/components/layout/external/mobile/AboutUs.vue';\r\nimport EducationAndSupport from '~/components/layout/external/mobile/EducationAndSupport.vue';\r\n\r\nconst opened = ref(false);\r\n\r\nfunction onOpenChange(isOpened: boolean) {\r\n  opened.value = isOpened;\r\n\r\n  const chat = document.getElementById('smartsupp-widget-container');\r\n\r\n  if (opened.value) {\r\n    document.body.style.overflow = 'hidden';\r\n\r\n    if (chat) {\r\n      chat.style.display = 'none';\r\n    }\r\n  } else {\r\n    document.body.style.overflow = '';\r\n\r\n    if (chat) {\r\n      chat.style.display = 'block';\r\n    }\r\n  }\r\n}\r\n\r\nfunction onClose() {\r\n  onOpenChange(false);\r\n}\r\n\r\nonUnmounted(() => {\r\n  onOpenChange(false);\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div class=\"container container--main\">\r\n    <div class=\"logo\">\r\n      <NuxtLink to=\"/\">\r\n        <Logo theme=\"light\" :alt=\"$t('layout.external.navigation.logo-alt')\" />\r\n      </NuxtLink>\r\n    </div>\r\n\r\n    <Spacer />\r\n\r\n    <AccountActions class=\"actions--tablet\" />\r\n\r\n    <HamburgerButton :opened=\"opened\" @click=\"onOpenChange\" />\r\n\r\n    <div\r\n      class=\"menu\"\r\n      :class=\"{\r\n        'menu--opened': opened,\r\n      }\"\r\n    >\r\n      <div class=\"container\">\r\n        <InvestmentsOffer @close=\"onClose\" />\r\n\r\n        <HowItWorks @close=\"onClose\" />\r\n\r\n        <AboutUs @close=\"onClose\" />\r\n\r\n        <EducationAndSupport @close=\"onClose\" />\r\n\r\n        <AccountActions class=\"actions--mobile\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.logo:not(img) {\r\n  display: inline-flex;\r\n  align-items: center;\r\n\r\n  width: 7.5rem;\r\n\r\n  a {\r\n    display: inherit;\r\n  }\r\n}\r\n\r\n.container--main {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  padding-block: 0.625rem;\r\n\r\n  @media only screen and (min-width: 1200px) {\r\n    display: none;\r\n  }\r\n\r\n  &:has(.menu--opened) {\r\n    margin-right: var(--scrollbar-width);\r\n  }\r\n}\r\n\r\n.actions--tablet {\r\n  display: none;\r\n\r\n  @media only screen and (min-width: 576px) and (max-width: 1199.98px) {\r\n    display: flex;\r\n  }\r\n}\r\n\r\n.actions--mobile {\r\n  display: flex;\r\n  flex-direction: column-reverse;\r\n\r\n  @media only screen and (min-width: 576px) {\r\n    display: none;\r\n  }\r\n\r\n  :deep(.button) {\r\n    justify-content: center;\r\n\r\n    margin: 0;\r\n\r\n    width: 100%;\r\n\r\n    &:last-of-type {\r\n      margin-bottom: 10px;\r\n    }\r\n  }\r\n}\r\n\r\n.menu {\r\n  position: fixed;\r\n  top: var(--menu-clearfix-height);\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n\r\n  display: none;\r\n\r\n  padding-top: 18px;\r\n\r\n  height: calc(100vh - var(--menu-clearfix-height));\r\n\r\n  background-color: var(--gray-bright);\r\n\r\n  overflow: auto;\r\n\r\n  &--opened {\r\n    display: block;\r\n  }\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport TemporaryNotification from '~/components/layout/external/TemporaryNotification.vue';\r\nimport DesktopMenu from '~/components/layout/external/DesktopMenu.vue';\r\nimport MobileMenu from '~/components/layout/external/MobileMenu.vue';\r\n\r\nconst headerConrainerRef = ref<HTMLDivElement | null>(null);\r\n\r\nconst layoutStore = useLayoutStore();\r\nconst { headerHeight } = storeToRefs(layoutStore);\r\n\r\nfunction onTemporaryNotificationLoaded() {\r\n  if (!headerConrainerRef.value) {\r\n    return;\r\n  }\r\n\r\n  if (\r\n    headerHeight.value !== headerConrainerRef.value.clientHeight &&\r\n    headerConrainerRef.value.clientHeight !== 0\r\n  ) {\r\n    headerHeight.value = headerConrainerRef.value.clientHeight;\r\n  }\r\n\r\n  document.body.setAttribute(\r\n    'style',\r\n    `--menu-clearfix-height: ${headerConrainerRef.value!.clientHeight}px;`,\r\n  );\r\n}\r\n\r\nonMounted(() => {\r\n  window.addEventListener('resize', onTemporaryNotificationLoaded);\r\n  window.addEventListener('scroll', onTemporaryNotificationLoaded);\r\n\r\n  onTemporaryNotificationLoaded();\r\n});\r\n\r\nonUnmounted(() => {\r\n  window.removeEventListener('resize', onTemporaryNotificationLoaded);\r\n  window.removeEventListener('scroll', onTemporaryNotificationLoaded);\r\n});\r\n</script>\r\n\r\n<template>\r\n  <nav class=\"header\">\r\n    <div ref=\"headerConrainerRef\" class=\"header__container\">\r\n      <ClientOnly>\r\n        <TemporaryNotification @temporary-notification-loaded=\"onTemporaryNotificationLoaded\" />\r\n      </ClientOnly>\r\n\r\n      <DesktopMenu />\r\n\r\n      <MobileMenu />\r\n    </div>\r\n\r\n    <div class=\"header__clearfix\"></div>\r\n  </nav>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.header {\r\n  &__container {\r\n    z-index: 9999;\r\n\r\n    position: fixed;\r\n    top: 0;\r\n\r\n    width: 100%;\r\n\r\n    background-color: var(--gray-bright);\r\n\r\n    color: var(--black);\r\n\r\n    will-change: height;\r\n\r\n    @media (prefers-reduced-motion: no-preference) {\r\n      transition: height 0.125s;\r\n      will-change: height;\r\n    }\r\n  }\r\n\r\n  &__clearfix {\r\n    margin-top: var(--menu-clearfix-height, 3.75rem);\r\n  }\r\n}\r\n</style>\r\n"],"names":["emit","__emit","locale","mergeLocaleMessage","useI18n","watch","nextTick","layoutStore","useLayoutStore","globalNotification","storeToRefs","canShowNotification","ref","showNotification","computed","_a","notificationClasses","notificationAttributes","attributes","attributeKey","onMounted","localePath","useLocalePath","authStore","useAuthStore","isLoggedIn","props","__props","hovering","fakeActive","sectionRef","hasLink","hasExtraContent","onMouseEnter","onMouseLeave","onKeyDown","event","onBlurCapture","onClickLink","resetFocus","focusReset","columns","logoMaxWidth","logoMinWidth","logoWidth","updateLogoDimensions","scrollPositionClamped","calculateIntermediateWidth","scrollPosition","onUnmounted","onClick","opened","onClickHideSection","onClickTitle","onClose","t","onOpenChange","isOpened","chat","headerConrainerRef","headerHeight","onTemporaryNotificationLoaded"],"mappings":"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"}