{"version":3,"file":"yAGWPfNY.js","sources":["../../../../models/clients/tax-treatment.ts","../../../../components/icons/ChevronDown.vue","../../../../components/layout/internal/shared/Dropdown.vue","../../../../components/layout/internal/desktop/DashboardLink.vue","../../../../components/layout/internal/shared/DropdownItem.vue","../../../../components/layout/internal/desktop/Investments.vue","../../../../components/layout/internal/shared/Balance.vue","../../../../components/layout/internal/desktop/Finance.vue","../../../../components/layout/internal/desktop/AdvertisingSpace.vue","../../../../components/layout/internal/icons/Gallery.vue","../../../../components/layout/internal/icons/Portu.vue","../../../../components/layout/internal/icons/Opportunity.vue","../../../../components/layout/internal/icons/accounts/BabyDefault.vue","../../../../components/layout/internal/icons/accounts/BabyDefaultCZK.vue","../../../../components/layout/internal/icons/accounts/BabyDefaultEUR.vue","../../../../components/layout/internal/icons/accounts/BabyDefaultPLN.vue","../../../../components/layout/internal/icons/accounts/ClientDefault.vue","../../../../components/layout/internal/icons/accounts/ClientDefaultCZK.vue","../../../../components/layout/internal/icons/accounts/ClientDefaultEUR.vue","../../../../components/layout/internal/icons/accounts/ClientDefaultPLN.vue","../../../../components/layout/internal/icons/accounts/ClientDIP.vue","../../../../components/layout/internal/icons/accounts/ClientDIPCZK.vue","../../../../components/layout/internal/icons/accounts/CorporateDefault.vue","../../../../components/layout/internal/icons/accounts/CorporateDefaultCZK.vue","../../../../components/layout/internal/icons/accounts/CorporateDefaultEUR.vue","../../../../components/layout/internal/icons/accounts/CorporateDefaultPLN.vue","../../../../components/layout/internal/icons/AddAccount.vue","../../../../components/layout/internal/shared/Accounts.vue","../../../../components/layout/internal/icons/Hamburger.vue","../../../../components/layout/internal/icons/Accounts.vue","../../../../components/layout/internal/icons/Profile.vue","../../../../components/layout/internal/icons/Bank.vue","../../../../components/layout/internal/icons/Documents.vue","../../../../components/layout/internal/icons/Security.vue","../../../../components/layout/internal/icons/Preferences.vue","../../../../components/layout/internal/icons/Presents.vue","../../../../components/layout/internal/desktop/Other.vue","../../../../components/layout/internal/shared/DepositMoney.vue","../../../../components/layout/internal/DesktopMenu.vue","../../../../components/layout/internal/icons/Investments.vue","../../../../components/layout/internal/icons/AdvertisingSpace.vue","../../../../components/layout/internal/icons/Finance.vue","../../../../components/layout/internal/mobile/Investments.vue","../../../../components/layout/internal/mobile/Finance.vue","../../../../components/layout/internal/mobile/AdvertisingSpace.vue","../../../../components/layout/internal/mobile/Overlay.vue","../../../../components/layout/internal/mobile/Hamburger.vue","../../../../components/layout/internal/MobileMenu.vue","../../../../components/layout/internal/Header.vue","../../../../components/layout/internal/Notifications.vue"],"sourcesContent":["export enum TaxTreatment {\r\n  Default = 0,\r\n  DIP = 1,\r\n}\r\n","<template>\r\n  <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M5.563 7.305 9 10.742l3.438-3.437\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.5\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<script lang=\"ts\">\r\ntype Alignment = 'left' | 'right';\r\ntype Props = {\r\n  link?: string;\r\n  title?: string;\r\n  alignment: Alignment;\r\n  useActiveClass?: boolean;\r\n};\r\ntype Slots = {\r\n  default(props: { opened: boolean }): unknown;\r\n  badge(props: unknown): unknown;\r\n  trigger(props: unknown): unknown;\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport IconChevronDown from '~/components/icons/ChevronDown.vue';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  link: undefined,\r\n  title: undefined,\r\n  useActiveClass: true,\r\n});\r\nconst slots = defineSlots<Slots>();\r\n\r\nconst isHovering = ref(false);\r\nconst hasContent = computed(() => !!slots.default);\r\nconst hasTrigger = computed(() => !!slots.trigger);\r\nconst component = computed(() => (props.link ? resolveComponent('NuxtLink') : 'div'));\r\nconst linkAttrs = computed(() => {\r\n  if (props.link) {\r\n    return {\r\n      class: {\r\n        'main-link': true,\r\n      },\r\n      to: props.link,\r\n      ...(!props.useActiveClass\r\n        ? {\r\n            activeClass: 'not-active',\r\n          }\r\n        : {}),\r\n    };\r\n  }\r\n  return {};\r\n});\r\n\r\nfunction onHover(hovering: boolean) {\r\n  window.setTimeout(() => {\r\n    isHovering.value = hovering;\r\n  }, 0);\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"dropdown\"\r\n    @mouseenter=\"onHover(true)\"\r\n    @pointerenter=\"onHover(true)\"\r\n    @mouseleave=\"onHover(false)\"\r\n  >\r\n    <component v-bind=\"linkAttrs\" :is=\"component\" class=\"main-link\">\r\n      <slot v-if=\"hasTrigger\" name=\"trigger\" />\r\n\r\n      <template v-else>{{ title }}</template>\r\n\r\n      <slot name=\"badge\" />\r\n\r\n      <IconChevronDown v-if=\"hasContent && !hasTrigger\" />\r\n    </component>\r\n\r\n    <div\r\n      v-if=\"hasContent\"\r\n      class=\"dropdown__content\"\r\n      :class=\"{ [`dropdpown__content--alignment-${alignment}`]: true }\"\r\n    >\r\n      <slot :opened=\"isHovering\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dropdown {\r\n  position: relative;\r\n\r\n  margin-bottom: -1.25rem;\r\n  padding-bottom: 1.25rem;\r\n\r\n  &:hover .dropdown__content {\r\n    display: flex;\r\n  }\r\n}\r\n\r\n.dropdown__content {\r\n  position: absolute;\r\n  z-index: 9999;\r\n  top: 100%;\r\n\r\n  display: none;\r\n  flex-direction: column;\r\n  gap: 0.25rem;\r\n\r\n  padding: 1rem;\r\n\r\n  width: 19rem;\r\n  max-height: calc(95vh - var(--menu-clearfix-height));\r\n\r\n  border-radius: 0.375rem;\r\n  background: var(--white);\r\n\r\n  box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);\r\n  overflow: auto;\r\n\r\n  &.dropdpown__content--alignment-left {\r\n    left: 0;\r\n  }\r\n\r\n  &.dropdpown__content--alignment-right {\r\n    right: 0;\r\n  }\r\n}\r\n\r\n.main-link {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  padding: var(--menu-item-padding);\r\n\r\n  height: 100%;\r\n\r\n  color: rgba(255, 255, 255, 0.8);\r\n  font-weight: 500;\r\n  text-decoration: none;\r\n\r\n  &:hover {\r\n    color: var(--red-bright);\r\n  }\r\n\r\n  &.router-link-active {\r\n    color: var(--white);\r\n  }\r\n\r\n  &:is(a) svg {\r\n    margin-left: 0.25rem;\r\n    transition: transform 0.2s ease-in-out;\r\n    will-change: transform;\r\n  }\r\n\r\n  &:is(a):hover svg {\r\n    transform: rotate(-180deg);\r\n  }\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport Dropdown from '~/components/layout/internal/shared/Dropdown.vue';\r\n\r\nconst localePath = useLocalePath();\r\nconst route = useRoute();\r\n\r\nconst isExact = computed(\r\n  () => typeof route.name === 'string' && route.name?.includes('dashboard___'),\r\n);\r\n</script>\r\n\r\n<template>\r\n  <Dropdown\r\n    key=\"dashboard\"\r\n    alignment=\"left\"\r\n    :title=\"$t('layout.links.dashboard')\"\r\n    :link=\"localePath('dashboard')\"\r\n    :use-active-class=\"isExact\"\r\n  />\r\n</template>\r\n","<script lang=\"ts\">\r\ntype Component = 'link' | 'button' | 'text' | 'divider' | 'section';\r\ntype Level = '1' | '2' | '3';\r\ntype Props = {\r\n  component: Component;\r\n  link?: string;\r\n  level?: Level;\r\n  active?: boolean;\r\n  collapsible?: boolean;\r\n  expanded?: boolean;\r\n  notActivable?: boolean;\r\n};\r\ntype Emits = {\r\n  click: [event: MouseEvent];\r\n};\r\ntype Slots = {\r\n  default(props: unknown): unknown;\r\n  icon(props: unknown): unknown;\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  level: '1',\r\n  link: undefined,\r\n  active: false,\r\n  collapsible: false,\r\n  expanded: false,\r\n  notActivable: false,\r\n});\r\nconst emit = defineEmits<Emits>();\r\nconst slots = defineSlots<Slots>();\r\n\r\nconst itemRef = ref<HTMLElement | null>();\r\nconst height = ref('0px');\r\nconst applyTransitions = ref(false);\r\nconst attrs = computed(() => {\r\n  if (props.component === 'divider') {\r\n    return {\r\n      'aria-hidden': true,\r\n    };\r\n  }\r\n\r\n  if (props.component === 'link') {\r\n    return {\r\n      to: props.link,\r\n    };\r\n  }\r\n\r\n  if (props.component === 'button') {\r\n    return {\r\n      type: 'button',\r\n    };\r\n  }\r\n\r\n  return {};\r\n});\r\nconst element = computed(() => {\r\n  if (props.component === 'link') {\r\n    return resolveComponent('NuxtLink');\r\n  }\r\n\r\n  if (props.component === 'text') {\r\n    return 'span';\r\n  }\r\n\r\n  if (props.component === 'divider') {\r\n    return 'hr';\r\n  }\r\n\r\n  if (props.component === 'section') {\r\n    return 'div';\r\n  }\r\n\r\n  return props.component;\r\n});\r\nconst buttonEvents = computed(() => {\r\n  if (props.component === 'button') {\r\n    return {\r\n      click: (event: MouseEvent) => emit('click', event),\r\n    };\r\n  }\r\n\r\n  return {};\r\n});\r\nconst hasIcon = computed(() => !!slots.icon);\r\n\r\nfunction setHeight() {\r\n  if (!itemRef.value) {\r\n    return;\r\n  }\r\n\r\n  height.value = `${(itemRef.value.scrollHeight ?? 0) + 1}px`;\r\n}\r\n\r\nfunction resolveAnimations() {\r\n  if (!props.expanded) {\r\n    applyTransitions.value = true;\r\n\r\n    return;\r\n  }\r\n\r\n  window.setTimeout(() => {\r\n    applyTransitions.value = true;\r\n  }, 201);\r\n}\r\n\r\nonMounted(() => {\r\n  if (props.collapsible) {\r\n    setHeight();\r\n\r\n    resolveAnimations();\r\n  }\r\n});\r\n</script>\r\n\r\n<template>\r\n  <component\r\n    v-bind=\"attrs\"\r\n    :is=\"element\"\r\n    ref=\"itemRef\"\r\n    class=\"dropdown__item\"\r\n    :class=\"{\r\n      'dropdown__item--active': active,\r\n      'dropdown__item--collapsible': collapsible,\r\n      'dropdown__item--animate': applyTransitions,\r\n      'dropdown__item--expanded': expanded,\r\n      [`dropdown__item--level-${level}`]: true,\r\n      [`dropdown__item--${component}`]: true,\r\n      'dropdown__item--not-activable': notActivable,\r\n    }\"\r\n    :style=\"{ ...(collapsible ? { '--height': height } : {}) }\"\r\n    v-on=\"buttonEvents\"\r\n  >\r\n    <div v-if=\"hasIcon\" class=\"dropdown__icon\">\r\n      <slot name=\"icon\" />\r\n    </div>\r\n\r\n    <slot />\r\n  </component>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dropdown__item {\r\n  --margin: 0;\r\n  --prefix-width: 0;\r\n  --suffix-width: 0;\r\n\r\n  display: flex;\r\n  column-gap: 0.5rem;\r\n  align-items: center;\r\n\r\n  margin: 0;\r\n  margin-inline: var(--margin);\r\n  padding: 0.5rem;\r\n\r\n  border-width: 0;\r\n  background-color: transparent;\r\n  border-radius: 0.375rem;\r\n\r\n  text-align: left;\r\n  font-weight: 500;\r\n  color: var(--black);\r\n  text-decoration: none;\r\n\r\n  .dropdown__icon {\r\n    display: block;\r\n  }\r\n\r\n  &.dropdown__item--active:not(.dropdown__item--not-activable),\r\n  &.router-link-exact-active:not(.dropdown__item--not-activable) {\r\n    background-color: var(--red-lightest);\r\n\r\n    color: var(--red-basic);\r\n    font-weight: 600;\r\n  }\r\n\r\n  &:not(\r\n      hr,\r\n      span,\r\n      .dropdown__item--active,\r\n      .router-link-exact-active,\r\n      .dropdown__item--section\r\n    ):hover {\r\n    background-color: var(--white-darkened);\r\n  }\r\n\r\n  &.dropdown__item--level-2 {\r\n    --margin: 0.5rem;\r\n  }\r\n\r\n  &.dropdown__item--level-3 {\r\n    --margin: 1rem;\r\n  }\r\n\r\n  &.dropdown__item--text {\r\n    font-weight: 700;\r\n  }\r\n\r\n  &.dropdown__item--button {\r\n    cursor: pointer;\r\n\r\n    &[disabled] {\r\n      cursor: not-allowed;\r\n    }\r\n  }\r\n\r\n  &.dropdown__item--section {\r\n    display: flex;\r\n    flex-direction: column;\r\n    row-gap: 0.25rem;\r\n    align-items: unset;\r\n    flex: 1 0 auto;\r\n\r\n    padding: 0;\r\n  }\r\n\r\n  span {\r\n    font-weight: inherit;\r\n  }\r\n\r\n  span + svg {\r\n    margin-left: 0.25rem;\r\n  }\r\n\r\n  &.dropdown__item--section.dropdown__item--collapsible {\r\n    margin-bottom: -0.25rem;\r\n\r\n    height: 0;\r\n    max-height: 0;\r\n\r\n    overflow: hidden;\r\n  }\r\n\r\n  &.dropdown__item--section.dropdown__item--expanded {\r\n    margin-bottom: 0;\r\n\r\n    height: var(--height);\r\n    max-height: var(--height);\r\n  }\r\n\r\n  &.dropdown__item--collapsible.dropdown__item--animate {\r\n    @media (prefers-reduced-motion: no-preference) {\r\n      transition:\r\n        margin-top 0.25s ease-in-out,\r\n        height 0.2s ease-in-out,\r\n        max-height 0.2s ease-in-out;\r\n      will-change: margin-top, height, max-height;\r\n    }\r\n  }\r\n}\r\n\r\n.dropdown__icon {\r\n  align-self: flex-start;\r\n\r\n  width: 1.5rem;\r\n  height: 1.5rem;\r\n\r\n  svg {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\nhr.dropdown__item {\r\n  margin-left: var(--margin);\r\n  margin-right: var(--margin);\r\n  margin-top: 0.375rem;\r\n  margin-bottom: 0.375rem;\r\n  padding: 0;\r\n\r\n  border-width: 0.0625rem;\r\n  background-color: currentColor;\r\n\r\n  color: var(--gray-dark);\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport Dropdown from '~/components/layout/internal/shared/Dropdown.vue';\r\nimport DropdownItem from '~/components/layout/internal/shared/DropdownItem.vue';\r\n\r\nconst localePath = useLocalePath();\r\n</script>\r\n\r\n<template>\r\n  <Dropdown\r\n    key=\"investments\"\r\n    alignment=\"left\"\r\n    :title=\"$t('layout.links.investments')\"\r\n    :link=\"localePath('dashboard-investments')\"\r\n  >\r\n    <DropdownItem component=\"link\" :link=\"localePath('dashboard-investments-my-investments')\">\r\n      <span>\r\n        {{ $t('layout.links.my-investments') }}\r\n      </span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem component=\"link\" :link=\"localePath('dashboard-investments-investments-offer')\">\r\n      <span>\r\n        {{ $t('layout.links.instruments-offer') }}\r\n      </span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem component=\"link\" :link=\"localePath('dashboard-investments-voting')\">\r\n      <span>\r\n        {{ $t('layout.links.voting') }}\r\n      </span>\r\n    </DropdownItem>\r\n  </Dropdown>\r\n</template>\r\n","<script lang=\"ts\">\r\ntype Level = '1' | '2';\r\ntype Props = {\r\n  level: Level;\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport SkeletonMoneyAmount from '~/components/common/SkeletonMoneyAmount.vue';\r\nimport DropdownItem from '~/components/layout/internal/shared/DropdownItem.vue';\r\nimport MoneyAmount from '~/components/common/MoneyAmount.vue';\r\n\r\ndefineProps<Props>();\r\n\r\nconst localePath = useLocalePath();\r\nconst portfoliosStore = usePortfoliosStore();\r\nconst { loadingPortfolios, wallet } = storeToRefs(portfoliosStore);\r\n\r\nconst availableMoney = computed(\r\n  () => wallet.value!.AvailableForWithdrawalByCurrency.find((money) => money.Currency === 'CZK')!,\r\n);\r\n</script>\r\n\r\n<template>\r\n  <DropdownItem v-if=\"loadingPortfolios\" component=\"text\" :level=\"level\">\r\n    <SkeletonMoneyAmount />\r\n  </DropdownItem>\r\n\r\n  <template v-else>\r\n    <DropdownItem\r\n      not-activable\r\n      component=\"link\"\r\n      :level=\"level\"\r\n      :link=\"localePath('dashboard-finance-transactions-history')\"\r\n    >\r\n      <MoneyAmount\r\n        :currency=\"availableMoney.Currency\"\r\n        :amount=\"availableMoney.Value\"\r\n        :title=\"$t(`transactions-history.wallet.money-amount.title.${availableMoney.Currency}`)\"\r\n      />\r\n    </DropdownItem>\r\n  </template>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.money-amount {\r\n  color: var(--black);\r\n\r\n  :deep(.money-amount-value > *) {\r\n    font-size: var(--font-size-sm);\r\n    font-weight: 700;\r\n  }\r\n}\r\n\r\n.money-amount + .money-amount {\r\n  margin-top: 0.5rem;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport Dropdown from '~/components/layout/internal/shared/Dropdown.vue';\r\nimport DropdownItem from '~/components/layout/internal/shared/DropdownItem.vue';\r\nimport Balance from '~/components/layout/internal/shared/Balance.vue';\r\n\r\nconst localePath = useLocalePath();\r\n</script>\r\n\r\n<template>\r\n  <Dropdown\r\n    key=\"finance\"\r\n    alignment=\"left\"\r\n    :title=\"$t('layout.links.transactions-and-money')\"\r\n    :link=\"localePath('dashboard-finance')\"\r\n  >\r\n    <Balance level=\"1\" />\r\n\r\n    <DropdownItem component=\"divider\" />\r\n\r\n    <DropdownItem component=\"link\" :link=\"localePath('dashboard-finance-deposit')\">\r\n      <span>\r\n        {{ $t('layout.links.deposit') }}\r\n      </span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem component=\"link\" :link=\"localePath('dashboard-finance-withdrawal')\">\r\n      <span>\r\n        {{ $t('layout.links.withdraw') }}\r\n      </span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem component=\"link\" :link=\"localePath('dashboard-finance-transactions-history')\">\r\n      <span>\r\n        {{ $t('layout.links.wallet-and-transactions') }}\r\n      </span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem component=\"link\" :link=\"localePath('dashboard-finance-purchase-instructions')\">\r\n      <span>\r\n        {{ $t('layout.links.purchase-instructions') }}\r\n      </span>\r\n    </DropdownItem>\r\n  </Dropdown>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport Dropdown from '~/components/layout/internal/shared/Dropdown.vue';\r\nimport DropdownItem from '~/components/layout/internal/shared/DropdownItem.vue';\r\nimport Badge from '~/components/common/Badge.vue';\r\n\r\nconst localePath = useLocalePath();\r\nconst authStore = useAuthStore();\r\nconst advertisingStore = useAdvertisingStore();\r\nconst { user } = storeToRefs(authStore);\r\nconst { buyingTrades } = storeToRefs(advertisingStore);\r\n\r\nconst hasTradesToConfirm = computed(\r\n  () => !!user.value.AgreedGallerySecTradeTerms && buyingTrades.value.length > 0,\r\n);\r\nonMounted(() => {\r\n  if (!user.value.AgreedGallerySecTradeTerms) {\r\n    return;\r\n  }\r\n\r\n  advertisingStore.getTrades({});\r\n});\r\n</script>\r\n\r\n<template>\r\n  <Dropdown\r\n    key=\"advertisign-space\"\r\n    alignment=\"left\"\r\n    :title=\"$t('layout.links.advertisement')\"\r\n    :link=\"localePath('dashboard-advertising-space')\"\r\n  >\r\n    <template v-if=\"hasTradesToConfirm\" #badge>\r\n      <Badge color=\"red\">{{ buyingTrades.length }}</Badge>\r\n    </template>\r\n\r\n    <DropdownItem component=\"link\" :link=\"localePath('dashboard-advertising-space')\">\r\n      <span>\r\n        {{ $t('layout.links.advertising-space') }}\r\n      </span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem\r\n      component=\"link\"\r\n      :link=\"localePath('dashboard-advertising-space-my-advertisements')\"\r\n    >\r\n      <span>\r\n        {{ $t('layout.links.my-advertisements') }}\r\n      </span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem\r\n      component=\"link\"\r\n      :link=\"localePath('dashboard-advertising-space-advertisement-new')\"\r\n    >\r\n      <span>\r\n        {{ $t('layout.links.add-advertisement') }}\r\n      </span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem component=\"link\" :link=\"localePath('dashboard-advertising-space-trades')\">\r\n      <span>\r\n        {{ $t('layout.links.advertising-space-trades') }}\r\n      </span>\r\n\r\n      <Badge v-if=\"hasTradesToConfirm\" color=\"red\">{{ buyingTrades.length }}</Badge>\r\n    </DropdownItem>\r\n  </Dropdown>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dropdown__item {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n  .badge {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n.badge {\r\n  --border-color: var(--red-basic);\r\n  --background-color: var(--red-basic);\r\n\r\n  margin-left: 0.25rem;\r\n\r\n  color: var(--white);\r\n}\r\n</style>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path d=\"m12.003 11.389 8 4.611-8 4.611-8-4.611zm0-.389-8.667 5 8.667 5 8.666-5z\" fill=\"red\" />\r\n    <path d=\"m20.614 8-8.612 5-8.666-5 8.667-5z\" fill=\"red\" />\r\n    <path d=\"M12.003 13.004v4l-8.667-5v-4z\" fill=\"#9D0000\" />\r\n    <path d=\"M12.008 13.004v4l8.61-5v-4z\" fill=\"#BD0000\" />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path d=\"M12 11.39 20 16l-8 4.612-8-4.611zm0-.39-8.666 5L12 21l8.667-5z\" fill=\"#14C850\" />\r\n    <path d=\"m20.611 8-8.61 5-8.667-5L12 3z\" fill=\"#14C850\" />\r\n    <path d=\"M12 13.002v4l-8.666-5v-4z\" fill=\"#00A03C\" />\r\n    <path d=\"M12.002 13.002v4l8.611-5v-4z\" fill=\"#008C32\" />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"m12.003 11.389 8 4.611-8 4.611-8-4.611zm0-.389-8.667 5 8.667 5 8.666-5z\"\r\n      fill=\"#9646AA\"\r\n    />\r\n    <path d=\"m20.614 8.004-8.612 5-8.666-5 8.667-5z\" fill=\"#9646AA\" />\r\n    <path d=\"M12.003 13.008v4l-8.667-5v-4z\" fill=\"#640D79\" />\r\n    <path d=\"M12.008 13.008v4l8.61-5v-4z\" fill=\"#721689\" />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12\"\r\n      fill=\"#14C850\"\r\n    />\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n    />\r\n    <path\r\n      d=\"M17 11.762c-.395-.485-.935-.76-1.5-.76s-1.09.275-1.5.76m-4 0c-.395-.485-.935-.76-1.5-.76s-1.09.275-1.5.76\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M12 .75a3 3 0 0 0-3 3 3.01 3.01 0 0 0 3 3m4 9.656a5.63 5.63 0 0 1-8 0\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n      stroke-linecap=\"round\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      fill=\"#14C850\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n    />\r\n    <path\r\n      d=\"m6.302 14.002 1.277-1.424.756-.669L11.06 8.9a.625.625 0 1 0-.93-.835l-3.6 4.05h-.298zM5 16.157a.711.711 0 0 0 1.423 0v-7.59a.711.711 0 1 0-1.423 0zm5.314.424a.709.709 0 1 0 1.136-.847l-3.102-4.118-1.004.95zM16.04 17q.857 0 1.467-.281.617-.288.985-.787t.489-1.162a.046.046 0 0 0-.045-.056l-1.23.006a.05.05 0 0 0-.046.031q-.165.55-.572.831-.4.282-1.048.281a1.67 1.67 0 0 1-.978-.287 1.86 1.86 0 0 1-.635-.83q-.223-.539-.223-1.287v-.013q0-.73.216-1.262.222-.53.635-.812a1.7 1.7 0 0 1 .985-.287q.686 0 1.099.337a1.46 1.46 0 0 1 .528.833.02.02 0 0 0 .017.01h1.284a.026.026 0 0 0 .026-.03 2.6 2.6 0 0 0-.47-1.169 2.5 2.5 0 0 0-.998-.812q-.622-.3-1.492-.3-1.005 0-1.734.425a2.85 2.85 0 0 0-1.119 1.206q-.387.78-.387 1.861v.013q0 1.098.394 1.892.393.793 1.118 1.224.73.425 1.734.425m1.713-9.156a.53.53 0 1 0-.861-.619l-.814 1.155h-.102l-.813-1.155a.53.53 0 1 0-.861.619l.657.896a1 1 0 0 0 .806.409h.524a1 1 0 0 0 .806-.41z\"\r\n      fill=\"#000\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n      fill=\"#14C850\"\r\n    />\r\n    <path\r\n      d=\"M16.2 7.528a6 6 0 1 0 0 8.944M5 13.8h7.31M5 10.2h7.2\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      fill=\"#14C850\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n    />\r\n    <path\r\n      d=\"M5.46 16.18c0 .453.368.82.822.82h5.25a.672.672 0 1 0 0-1.344H7.57l4.398-5.733a.875.875 0 0 0-.694-1.407H6.16a.668.668 0 1 0 0 1.336h3.988l-4.515 5.825a.82.82 0 0 0-.172.502m9.594-.031a.852.852 0 1 0 1.703 0V6.04a.852.852 0 1 0-1.703 0zm2.749-5.515a.594.594 0 1 0-.53-1.063l-3.283 1.642a.591.591 0 0 0 .528 1.057z\"\r\n      fill=\"#000\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      fill=\"#fff\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n    />\r\n    <path\r\n      d=\"M5.76 20a3.73 3.73 0 0 1 3.436-2.274h5.596A3.73 3.73 0 0 1 18.227 20m-2.503-9.27a3.73 3.73 0 1 1-7.461 0 3.73 3.73 0 0 1 7.461 0\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      fill=\"#B4DC1E\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n    />\r\n    <path\r\n      d=\"m6.302 14.002 1.277-1.424.756-.669L11.06 8.9a.625.625 0 1 0-.93-.835l-3.6 4.05h-.298zM5 16.157a.711.711 0 0 0 1.423 0v-7.59a.711.711 0 1 0-1.423 0zm5.314.424a.709.709 0 1 0 1.136-.847l-3.102-4.118-1.004.95zM16.04 17q.857 0 1.467-.281.617-.288.985-.787t.489-1.162a.046.046 0 0 0-.045-.056l-1.23.006a.05.05 0 0 0-.046.031q-.165.55-.572.831-.4.282-1.048.281a1.67 1.67 0 0 1-.978-.287 1.86 1.86 0 0 1-.635-.83q-.223-.539-.223-1.287v-.013q0-.73.216-1.262.222-.53.635-.812a1.7 1.7 0 0 1 .985-.287q.686 0 1.099.337a1.46 1.46 0 0 1 .528.833.02.02 0 0 0 .017.01h1.284a.026.026 0 0 0 .026-.03 2.6 2.6 0 0 0-.47-1.169 2.5 2.5 0 0 0-.998-.812q-.622-.3-1.492-.3-1.005 0-1.734.425a2.85 2.85 0 0 0-1.119 1.206q-.387.78-.387 1.861v.013q0 1.098.394 1.892.393.793 1.118 1.224.73.425 1.734.425m1.713-9.156a.53.53 0 1 0-.861-.619l-.814 1.155h-.102l-.813-1.155a.53.53 0 1 0-.861.619l.657.896a1 1 0 0 0 .806.409h.524a1 1 0 0 0 .806-.41z\"\r\n      fill=\"#000\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n      fill=\"#B4DC1E\"\r\n    />\r\n    <path\r\n      d=\"M16.2 7.528a6 6 0 1 0 0 8.944M5 13.8h7.31M5 10.2h7.2\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      fill=\"#B4DC1E\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n    />\r\n    <path\r\n      d=\"M5.46 16.18c0 .453.368.82.822.82h5.25a.672.672 0 1 0 0-1.344H7.57l4.398-5.733a.875.875 0 0 0-.694-1.407H6.16a.668.668 0 1 0 0 1.336h3.988l-4.515 5.825a.82.82 0 0 0-.172.502m9.594-.031a.852.852 0 1 0 1.703 0V6.04a.852.852 0 1 0-1.703 0zm2.749-5.515a.594.594 0 1 0-.53-1.063l-3.283 1.642a.591.591 0 0 0 .528 1.057z\"\r\n      fill=\"#000\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      fill=\"#93D3AB\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n    />\r\n    <path\r\n      d=\"m9.723 13.236-1.41 3.712m1.41-3.712 6.867-.796m-6.867.796L7.554 6M15 13l1.23 4.25M18 16.23c-3.65 2.69-8.71 2.31-12-1.1\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n      stroke-linecap=\"round\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      fill=\"#93D3AB\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n    />\r\n    <path\r\n      d=\"m6.302 14.002 1.277-1.424.756-.669L11.06 8.9a.625.625 0 1 0-.93-.835l-3.6 4.05h-.298zM5 16.157a.711.711 0 0 0 1.423 0v-7.59a.711.711 0 1 0-1.423 0zm5.314.424a.709.709 0 1 0 1.136-.847l-3.102-4.118-1.004.95zM16.04 17q.857 0 1.467-.281.617-.288.985-.787t.489-1.162a.046.046 0 0 0-.045-.056l-1.23.006a.05.05 0 0 0-.046.031q-.165.55-.572.831-.4.282-1.048.281a1.67 1.67 0 0 1-.978-.287 1.86 1.86 0 0 1-.635-.83q-.223-.539-.223-1.287v-.013q0-.73.216-1.262.222-.53.635-.812a1.7 1.7 0 0 1 .985-.287q.686 0 1.099.337a1.46 1.46 0 0 1 .528.833.02.02 0 0 0 .017.01h1.284a.026.026 0 0 0 .026-.03 2.6 2.6 0 0 0-.47-1.169 2.5 2.5 0 0 0-.998-.812q-.622-.3-1.492-.3-1.005 0-1.734.425a2.85 2.85 0 0 0-1.119 1.206q-.387.78-.387 1.861v.013q0 1.098.394 1.892.393.793 1.118 1.224.73.425 1.734.425m1.713-9.156a.53.53 0 1 0-.861-.619l-.814 1.155h-.102l-.813-1.155a.53.53 0 1 0-.861.619l.657.896a1 1 0 0 0 .806.409h.524a1 1 0 0 0 .806-.41z\"\r\n      fill=\"#000\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      fill=\"#FFE76E\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n    />\r\n    <path\r\n      d=\"M12.722 13.778h3.467c.809 0 1.213 0 1.522.157.272.139.493.36.632.631.157.31.157.714.157 1.523V21m-5.778 1.5V10.311c0-.809 0-1.213-.157-1.522a1.45 1.45 0 0 0-.631-.632C11.624 8 11.22 8 10.41 8h-2.6c-.809 0-1.213 0-1.522.157-.272.139-.493.36-.632.632-.157.309-.157.713-.157 1.522V21\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      fill=\"#FFE76E\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n    />\r\n    <path\r\n      d=\"m6.302 14.002 1.277-1.424.756-.669L11.06 8.9a.625.625 0 1 0-.93-.835l-3.6 4.05h-.298zM5 16.157a.711.711 0 0 0 1.423 0v-7.59a.711.711 0 1 0-1.423 0zm5.314.424a.709.709 0 1 0 1.136-.847l-3.102-4.118-1.004.95zM16.04 17q.857 0 1.467-.281.617-.288.985-.787t.489-1.162a.046.046 0 0 0-.045-.056l-1.23.006a.05.05 0 0 0-.046.031q-.165.55-.572.831-.4.282-1.048.281a1.67 1.67 0 0 1-.978-.287 1.86 1.86 0 0 1-.635-.83q-.223-.539-.223-1.287v-.013q0-.73.216-1.262.222-.53.635-.812a1.7 1.7 0 0 1 .985-.287q.686 0 1.099.337a1.46 1.46 0 0 1 .528.833.02.02 0 0 0 .017.01h1.284a.026.026 0 0 0 .026-.03 2.6 2.6 0 0 0-.47-1.169 2.5 2.5 0 0 0-.998-.812q-.622-.3-1.492-.3-1.005 0-1.734.425a2.85 2.85 0 0 0-1.119 1.206q-.387.78-.387 1.861v.013q0 1.098.394 1.892.393.793 1.118 1.224.73.425 1.734.425m1.713-9.156a.53.53 0 1 0-.861-.619l-.814 1.155h-.102l-.813-1.155a.53.53 0 1 0-.861.619l.657.896a1 1 0 0 0 .806.409h.524a1 1 0 0 0 .806-.41z\"\r\n      fill=\"#000\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n      fill=\"#FFE76E\"\r\n    />\r\n    <path\r\n      d=\"M16.2 7.528a6 6 0 1 0 0 8.944M5 13.8h7.31M5 10.2h7.2\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      fill=\"#FFE76E\"\r\n      stroke=\"#000\"\r\n      stroke-width=\"1.5\"\r\n    />\r\n    <path\r\n      d=\"M5.46 16.18c0 .453.368.82.822.82h5.25a.672.672 0 1 0 0-1.344H7.57l4.398-5.733a.875.875 0 0 0-.694-1.407H6.16a.668.668 0 1 0 0 1.336h3.988l-4.515 5.825a.82.82 0 0 0-.172.502m9.594-.031a.852.852 0 1 0 1.703 0V6.04a.852.852 0 1 0-1.703 0zm2.749-5.515a.594.594 0 1 0-.53-1.063l-3.283 1.642a.591.591 0 0 0 .528 1.057z\"\r\n      fill=\"#000\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M12 8.5v7m3.5-3.5h-7M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<script lang=\"ts\">\r\nimport { Product } from '~/models/arbitrary';\r\nimport { ClientType, RegistrationStatus, TaxTreatment } from '~/models/clients';\r\n\r\ntype SupportedCurrencies = 'CZK' | 'EUR' | 'PLN';\r\ntype SupportedAccountTypes = `${Lowercase<\r\n  Extract<keyof typeof ClientType, 'Client' | 'Baby' | 'Corporate'>\r\n>}-default`;\r\ntype AccountId =\r\n  | `${SupportedAccountTypes}`\r\n  | 'client-dip'\r\n  | 'client-dip-CZK'\r\n  | `${SupportedAccountTypes}-${SupportedCurrencies}`;\r\n\r\ntype Props = {\r\n  showSection: boolean;\r\n  expanded: boolean;\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport MoneyAmount from '~/components/common/MoneyAmount.vue';\r\nimport DropdownItem from '~/components/layout/internal/shared/DropdownItem.vue';\r\nimport IconGallery from '~/components/layout/internal/icons/Gallery.vue';\r\nimport IconPortu from '~/components/layout/internal/icons/Portu.vue';\r\nimport IconOpportunity from '~/components/layout/internal/icons/Opportunity.vue';\r\nimport IconBabyDefault from '~/components/layout/internal/icons/accounts/BabyDefault.vue';\r\nimport IconBabyDefaultCZK from '~/components/layout/internal/icons/accounts/BabyDefaultCZK.vue';\r\nimport IconBabyDefaultEUR from '~/components/layout/internal/icons/accounts/BabyDefaultEUR.vue';\r\nimport IconBabyDefaultPLN from '~/components/layout/internal/icons/accounts/BabyDefaultPLN.vue';\r\nimport IconClientDefault from '~/components/layout/internal/icons/accounts/ClientDefault.vue';\r\nimport IconClientDefaultCZK from '~/components/layout/internal/icons/accounts/ClientDefaultCZK.vue';\r\nimport IconClientDefaultEUR from '~/components/layout/internal/icons/accounts/ClientDefaultEUR.vue';\r\nimport IconClientDefaultPLN from '~/components/layout/internal/icons/accounts/ClientDefaultPLN.vue';\r\nimport IconClientDIP from '~/components/layout/internal/icons/accounts/ClientDIP.vue';\r\nimport IconClientDIPCZK from '~/components/layout/internal/icons/accounts/ClientDIPCZK.vue';\r\nimport IconCorporateDefault from '~/components/layout/internal/icons/accounts/CorporateDefault.vue';\r\nimport IconCorporateDefaultCZK from '~/components/layout/internal/icons/accounts/CorporateDefaultCZK.vue';\r\nimport IconCorporateDefaultEUR from '~/components/layout/internal/icons/accounts/CorporateDefaultEUR.vue';\r\nimport IconCorporateDefaultPLN from '~/components/layout/internal/icons/accounts/CorporateDefaultPLN.vue';\r\nimport IconAddAccount from '~/components/layout/internal/icons/AddAccount.vue';\r\nimport { openLink } from '~/lib/open-link';\r\n\r\ndefineProps<Props>();\r\n\r\nconst { t } = useI18n();\r\nconst localePath = useLocalePath();\r\nconst authStore = useAuthStore();\r\nconst { user } = storeToRefs(authStore);\r\n\r\nconst ACCOUNT_ID_TO_COMPONENT = {\r\n  'client-default': IconClientDefault,\r\n  'client-default-CZK': IconClientDefaultCZK,\r\n  'client-default-EUR': IconClientDefaultEUR,\r\n  'client-default-PLN': IconClientDefaultPLN,\r\n  'client-dip': IconClientDIP,\r\n  'client-dip-CZK': IconClientDIPCZK,\r\n  'client-pension': IconClientDIP,\r\n  'client-pension-EUR': IconClientDIPCZK,\r\n  'baby-default': IconBabyDefault,\r\n  'baby-default-CZK': IconBabyDefaultCZK,\r\n  'baby-default-EUR': IconBabyDefaultEUR,\r\n  'baby-default-PLN': IconBabyDefaultPLN,\r\n  'corporate-default': IconCorporateDefault,\r\n  'corporate-default-CZK': IconCorporateDefaultCZK,\r\n  'corporate-default-EUR': IconCorporateDefaultEUR,\r\n  'corporate-default-PLN': IconCorporateDefaultPLN,\r\n} as const;\r\nconst hasPortuAccount = computed(() =>\r\n  user.value.ClientAccounts.some((account) => account.Product === Product.Algo),\r\n);\r\nconst hasOpportunityAccount = computed(() =>\r\n  user.value.ClientAccounts.some((account) => account.Product === Product.Opportunity),\r\n);\r\nconst opportunityButtonText = computed(() =>\r\n  t(`layout.internal.navigation.profile.${hasOpportunityAccount.value ? 'go-to' : 'register'}`, {\r\n    product: t('layout.internal.navigation.profile.products.opportunity'),\r\n  }),\r\n);\r\nconst galleryBalances = computed(() =>\r\n  (\r\n    getBalance(Product.Gallery, () => [\r\n      {\r\n        currency: 'CZK',\r\n        balance: 0,\r\n      },\r\n    ]) ?? []\r\n  ).filter((balance) => balance.currency === 'CZK'),\r\n);\r\nconst opportunityBalances = computed(() =>\r\n  (getBalance(Product.Opportunity) ?? []).filter((balance) => balance.currency === 'CZK'),\r\n);\r\nconst portuAccounts = computed(() => {\r\n  const accounts = (user.value.ClientAccounts || []).filter(\r\n    (account) => account.Product === Product.Algo,\r\n  );\r\n\r\n  return accounts\r\n    .filter(\r\n      (account) =>\r\n        !(\r\n          account.ClientType === ClientType.Baby &&\r\n          account.RegistrationStatus === RegistrationStatus.InProgress\r\n        ),\r\n    )\r\n    .map((account) => {\r\n      let id = `${ClientType[account.ClientType!].toLowerCase()}-${TaxTreatment[\r\n        account.TaxTreatment\r\n      ].toLowerCase()}`;\r\n      if (account.Currency !== user.value.BaseDefaultCurrency) {\r\n        id += `-${account.Currency}`;\r\n      }\r\n\r\n      return {\r\n        id: id as AccountId,\r\n        name:\r\n          account.RegistrationStatus === RegistrationStatus.InProgress && account.Name === ''\r\n            ? t('layout.internal.navigation.profile.finish-registration')\r\n            : account.Name,\r\n        currency: account.Currency,\r\n        balance: account.TotalAmountPerCurrency[account.Currency],\r\n      };\r\n    });\r\n});\r\n\r\nconst getBalance = (\r\n  product: Product,\r\n  emptyBalanceProvider?: () => { currency: string; balance: number }[] | undefined,\r\n) => {\r\n  const accounts = (user.value.ClientAccounts || []).filter(\r\n    (account) =>\r\n      account.RegistrationStatus !== RegistrationStatus.InProgress && account.Product === product,\r\n  );\r\n  if (accounts.length > 0) {\r\n    const account = accounts[0];\r\n\r\n    return Object.entries(account.TotalAmountPerCurrency).map(([currency, balance]) => ({\r\n      currency,\r\n      balance,\r\n    }));\r\n  }\r\n\r\n  return emptyBalanceProvider ? emptyBalanceProvider() : undefined;\r\n};\r\nconst goToPortu = () => {\r\n  redirectToExternalUrl(Product.Algo);\r\n};\r\nconst goToOpportunity = () => {\r\n  redirectToExternalUrl(Product.Opportunity);\r\n};\r\nconst redirectToExternalUrl = async (product: Product) => {\r\n  const response = await authStore.getExternalLoginUrl({ redirectUrl: '', product });\r\n\r\n  openLink({ url: response.Link });\r\n};\r\n</script>\r\n\r\n<template>\r\n  <DropdownItem\r\n    v-if=\"showSection\"\r\n    collapsible\r\n    component=\"section\"\r\n    class=\"accounts\"\r\n    :expanded=\"expanded\"\r\n  >\r\n    <DropdownItem active disabled component=\"button\" level=\"2\" class=\"account\">\r\n      <template #icon>\r\n        <IconGallery />\r\n      </template>\r\n\r\n      <div class=\"account__data\">\r\n        <span>{{\r\n          user.RegistrationStatus === RegistrationStatus.InProgress\r\n            ? $t('layout.internal.navigation.profile.finish-registration')\r\n            : $t('layout.internal.navigation.profile.go-to', {\r\n                product: $t('layout.internal.navigation.profile.products.gallery'),\r\n              })\r\n        }}</span>\r\n\r\n        <MoneyAmount\r\n          v-for=\"balance in galleryBalances\"\r\n          :key=\"balance.currency\"\r\n          :currency=\"balance.currency\"\r\n          :amount=\"balance.balance\"\r\n        />\r\n      </div>\r\n    </DropdownItem>\r\n\r\n    <template v-if=\"hasPortuAccount\">\r\n      <DropdownItem\r\n        v-for=\"account in portuAccounts\"\r\n        :key=\"account.id\"\r\n        component=\"button\"\r\n        level=\"2\"\r\n        class=\"account account--portu account--external\"\r\n        @click=\"goToPortu\"\r\n      >\r\n        <template #icon>\r\n          <component :is=\"ACCOUNT_ID_TO_COMPONENT[account.id]\" />\r\n        </template>\r\n\r\n        <div class=\"account__data\">\r\n          <span>{{ account.name }}</span>\r\n\r\n          <span class=\"account__type\">{{\r\n            $t(`layout.internal.navigation.accounts.badge.${account.id}`)\r\n          }}</span>\r\n\r\n          <MoneyAmount :currency=\"account.currency\" :amount=\"account.balance\" />\r\n        </div>\r\n      </DropdownItem>\r\n    </template>\r\n\r\n    <DropdownItem\r\n      v-else\r\n      component=\"button\"\r\n      level=\"2\"\r\n      class=\"account account--portu account--external\"\r\n      @click=\"goToPortu\"\r\n    >\r\n      <template #icon>\r\n        <IconPortu />\r\n      </template>\r\n\r\n      <div class=\"account__data\">\r\n        <span>{{\r\n          $t('layout.internal.navigation.profile.register', {\r\n            product: $t('layout.internal.navigation.profile.products.algo'),\r\n          })\r\n        }}</span>\r\n      </div>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem\r\n      component=\"button\"\r\n      level=\"2\"\r\n      class=\"account account--opportunity account--external\"\r\n      @click=\"goToOpportunity\"\r\n    >\r\n      <template #icon>\r\n        <IconOpportunity />\r\n      </template>\r\n\r\n      <div class=\"account__data\">\r\n        <span>{{ opportunityButtonText }}</span>\r\n\r\n        <template v-if=\"hasOpportunityAccount\">\r\n          <MoneyAmount\r\n            v-for=\"balance in opportunityBalances\"\r\n            :key=\"balance.currency\"\r\n            :currency=\"balance.currency\"\r\n            :amount=\"balance.balance\"\r\n          />\r\n        </template>\r\n      </div>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem component=\"link\" level=\"2\" :link=\"localePath('dashboard-profile-add-account')\">\r\n      <IconAddAccount />\r\n\r\n      <span>{{ $t('layout.internal.navigation.profile.create-another-account') }}</span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem component=\"divider\" />\r\n  </DropdownItem>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.account {\r\n  .account__data {\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .account__type {\r\n    font-size: var(--font-size-xs);\r\n    font-weight: 400;\r\n    color: var(--gray-dark);\r\n  }\r\n\r\n  span {\r\n    display: block;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  :deep() {\r\n    .money-amount-value {\r\n      font-size: var(--font-size-xs);\r\n      font-weight: 500;\r\n      color: var(--black);\r\n\r\n      > span {\r\n        line-height: inherit;\r\n        font-size: inherit;\r\n        font-weight: inherit;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.account--external {\r\n    .account__data span:first-of-type {\r\n      display: inline-flex;\r\n    }\r\n\r\n    span:not(.account__type)::after {\r\n      content: '';\r\n\r\n      display: inline-block;\r\n      justify-self: flex-start;\r\n\r\n      margin-left: 0.125rem;\r\n\r\n      width: 0.625rem;\r\n      height: 0.625rem;\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\r\n      background-color: currentColor;\r\n    }\r\n  }\r\n\r\n  &.account--portu {\r\n    &:hover {\r\n      color: var(--green-basic);\r\n    }\r\n  }\r\n\r\n  &.account--opportunity {\r\n    &:hover {\r\n      color: #82328c;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <svg width=\"20\" height=\"15\" viewBox=\"0 0 20 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path fill=\"currentColor\" d=\"M0 0h20v1H0zm0 7h20v1H0zm0 7h20v1H0z\" />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M23.25 12c0 6.213-5.037 11.25-11.25 11.25S.75 18.213.75 12 5.787.75 12 .75 23.25 5.787 23.25 12Z\"\r\n      fill=\"#fff\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n    />\r\n    <path\r\n      d=\"M5.758 20a3.73 3.73 0 0 1 3.436-2.274h5.596A3.73 3.73 0 0 1 18.225 20m-2.503-9.27a3.73 3.73 0 1 1-7.461 0 3.73 3.73 0 0 1 7.461 0\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.5\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M3 22v-2.59a4.91 4.91 0 0 1 4.91-4.91h8.18A4.91 4.91 0 0 1 21 19.41V22M17 7.5a5 5 0 0 1-2.86 4.52 5 5 0 0 1-2.14.48 5 5 0 0 1-3.87-1.83A5 5 0 0 1 7 7.5a5 5 0 0 1 10 0Z\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M22 10 12 2.5 2 10m3.5.49v8m4-8v8m5-8v8m4-8v8m3.5 2.5H2\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M12.5 8h-5m10 4h-10m8 4h-8M4 2h16v20H4z\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M12 2.5c-3.5 3-6.5 3-9.5 3v.26A17.8 17.8 0 0 0 12 21.5a17.8 17.8 0 0 0 9.5-15.74V5.5a13.79 13.79 0 0 1-9.5-3Z\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M14.88 15.471a4.487 4.487 0 0 1-2.85 1 4.488 4.488 0 0 1-3.158-1.31A4.518 4.518 0 0 1 7.545 12a4.518 4.518 0 0 1 1.317-3.18A4.488 4.488 0 0 1 12.03 7.5a4.488 4.488 0 0 1 3.169 1.32A4.517 4.517 0 0 1 16.515 12m.559 8a9.447 9.447 0 0 1-12.201-1.71 9.53 9.53 0 0 1-.189-12.359 9.472 9.472 0 0 1 3.548-2.66 9.441 9.441 0 0 1 4.367-.75 9.636 9.636 0 0 1 6.368 3.113A9.698 9.698 0 0 1 21.5 12.27v.23c0 4-4.984 5-4.984 1V7\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M20 14.505V21.5H4v-6.995m8-7.006c0-1.149-.13-4.997-3.41-4.997a2.43 2.43 0 0 0-2.36 1.51C5.8 5.09 6.35 6.81 8.51 7.489m4.56-3.927a2.91 2.91 0 0 1 2.34-1 2.43 2.43 0 0 1 2.36 1.45c.43 1.079-.12 2.798-2.28 3.477M3 7.51h18v4.997H3z\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport Dropdown from '~/components/layout/internal/shared/Dropdown.vue';\r\nimport DropdownItem from '~/components/layout/internal/shared/DropdownItem.vue';\r\nimport Accounts from '~/components/layout/internal/shared/Accounts.vue';\r\nimport IconHamburger from '~/components/layout/internal/icons/Hamburger.vue';\r\nimport IconAccounts from '~/components/layout/internal/icons/Accounts.vue';\r\nimport IconChevronDown from '~/components/icons/ChevronDown.vue';\r\nimport IconProfile from '~/components/layout/internal/icons/Profile.vue';\r\nimport IconBank from '~/components/layout/internal/icons/Bank.vue';\r\nimport IconDocuments from '~/components/layout/internal/icons/Documents.vue';\r\nimport IconSecurity from '~/components/layout/internal/icons/Security.vue';\r\nimport IconPreferences from '~/components/layout/internal/icons/Preferences.vue';\r\nimport IconPresents from '~/components/layout/internal/icons/Presents.vue';\r\n\r\nconst router = useRouter();\r\nconst localePath = useLocalePath();\r\nconst layoutStore = useLayoutStore();\r\nconst authStore = useAuthStore();\r\n\r\nconst opened = ref(true);\r\n\r\nfunction logout() {\r\n  authStore.logout();\r\n\r\n  router.push(localePath('/'));\r\n}\r\n\r\nwatch(opened, () => {\r\n  if (!opened.value) {\r\n    layoutStore.setDefaultOpenedMenuSection();\r\n  }\r\n});\r\n</script>\r\n\r\n<template>\r\n  <Dropdown alignment=\"right\" class=\"hamburger-menu\">\r\n    <template #trigger>\r\n      <div class=\"hamburger\">\r\n        <IconHamburger />\r\n      </div>\r\n    </template>\r\n\r\n    <template #default=\"slotProps\">\r\n      <DropdownItem component=\"button\" @click=\"opened = !opened\">\r\n        <template #icon>\r\n          <IconAccounts />\r\n        </template>\r\n\r\n        <div class=\"collapsible__title\">\r\n          <span>{{ $t('layout.internal.navigation.accounts.title') }}</span>\r\n\r\n          <IconChevronDown class=\"icon--chevron\" :class=\"{ 'icon--rotated': opened }\" />\r\n        </div>\r\n      </DropdownItem>\r\n\r\n      <Accounts :show-section=\"slotProps.opened\" :expanded=\"opened\" />\r\n\r\n      <DropdownItem component=\"link\" :link=\"localePath('dashboard-profile')\">\r\n        <template #icon>\r\n          <IconProfile />\r\n        </template>\r\n\r\n        <span>{{ $t('layout.links.profile') }}</span>\r\n      </DropdownItem>\r\n\r\n      <DropdownItem component=\"link\" :link=\"localePath('dashboard-profile-bank-accounts')\">\r\n        <template #icon>\r\n          <IconBank />\r\n        </template>\r\n\r\n        <span>{{ $t('layout.links.bank-accounts') }}</span>\r\n      </DropdownItem>\r\n\r\n      <DropdownItem\r\n        component=\"link\"\r\n        :link=\"localePath('dashboard-profile-statements-and-documents')\"\r\n      >\r\n        <template #icon>\r\n          <IconDocuments />\r\n        </template>\r\n\r\n        <span>{{ $t('layout.links.statements-and-documents') }}</span>\r\n      </DropdownItem>\r\n\r\n      <DropdownItem component=\"link\" :link=\"localePath('dashboard-profile-security')\">\r\n        <template #icon>\r\n          <IconSecurity />\r\n        </template>\r\n\r\n        <span>{{ $t('layout.links.security') }}</span>\r\n      </DropdownItem>\r\n\r\n      <DropdownItem component=\"link\" :link=\"localePath('dashboard-profile-email-preferences')\">\r\n        <template #icon>\r\n          <IconPreferences />\r\n        </template>\r\n\r\n        <span>{{ $t('layout.links.email-preferences') }}</span>\r\n      </DropdownItem>\r\n\r\n      <DropdownItem component=\"link\" :link=\"localePath('dashboard-gifts-and-benefits-vouchers')\">\r\n        <template #icon>\r\n          <IconPresents />\r\n        </template>\r\n\r\n        <span>{{ $t('layout.links.vouchers') }}</span>\r\n      </DropdownItem>\r\n\r\n      <Button variant=\"outlined\" theme=\"light\" @click=\"logout\">{{\r\n        $t('layout.internal.navigation.profile.log-out')\r\n      }}</Button>\r\n    </template>\r\n  </Dropdown>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.hamburger {\r\n  position: relative;\r\n\r\n  height: 15px;\r\n\r\n  svg {\r\n    display: block;\r\n  }\r\n}\r\n\r\n.collapsible__title {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.button {\r\n  margin-top: 0.5rem;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nconst localePath = useLocalePath();\r\n</script>\r\n\r\n<template>\r\n  <Button\r\n    class=\"button--deposit-money\"\r\n    theme=\"dark\"\r\n    as=\"NuxtLink\"\r\n    :to=\"localePath('dashboard-finance-deposit')\"\r\n  >\r\n    <span>{{ $t('global.deposit-money') }}</span>\r\n\r\n    <svg width=\"26\" height=\"16\" viewBox=\"0 0 26 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <circle cx=\"18\" cy=\"8\" r=\"7.5\" stroke-width=\"1.5\" stroke=\"currentColor\" />\r\n\r\n      <path stroke=\"currentColor\" stroke-width=\"1.5\" d=\"M11 1.5H5m3 4H0m11 4H6m5 5H3\" />\r\n    </svg>\r\n  </Button>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.button--deposit-money {\r\n  margin: var(--menu-item-padding);\r\n  padding: 0.5rem 1.25rem;\r\n\r\n  height: 100%;\r\n\r\n  span {\r\n    display: none;\r\n  }\r\n\r\n  svg {\r\n    display: block;\r\n  }\r\n\r\n  @media only screen and (min-width: 992px) {\r\n    span {\r\n      display: inline;\r\n    }\r\n\r\n    svg {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport Logo from '~/components/common/Logo.vue';\r\nimport Spacer from '~/components/common/Spacer.vue';\r\nimport DashboardLink from '~/components/layout/internal/desktop/DashboardLink.vue';\r\nimport Investments from '~/components/layout/internal/desktop/Investments.vue';\r\nimport Finance from '~/components/layout/internal/desktop/Finance.vue';\r\nimport AdvertisingSpace from '~/components/layout/internal/desktop/AdvertisingSpace.vue';\r\nimport Other from '~/components/layout/internal/desktop/Other.vue';\r\nimport DepositMoney from '~/components/layout/internal/shared/DepositMoney.vue';\r\n\r\nconst localePath = useLocalePath();\r\nconst portfoliosStore = usePortfoliosStore();\r\nconst authStore = useAuthStore();\r\nconst { isLoggedIn } = storeToRefs(authStore);\r\n\r\nonMounted(() => {\r\n  portfoliosStore.getPortfolios({});\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div class=\"container\">\r\n    <div class=\"logo\">\r\n      <NuxtLink :to=\"localePath('dashboard')\">\r\n        <Logo :alt=\"$t('layout.external.navigation.logo-alt')\" />\r\n      </NuxtLink>\r\n    </div>\r\n\r\n    <Spacer />\r\n\r\n    <div class=\"items\">\r\n      <DashboardLink />\r\n\r\n      <Investments />\r\n\r\n      <AdvertisingSpace />\r\n\r\n      <Finance />\r\n\r\n      <DepositMoney />\r\n\r\n      <template v-if=\"isLoggedIn\">\r\n        <Other />\r\n      </template>\r\n    </div>\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: stretch;\r\n\r\n  padding-top: 1.25rem;\r\n  padding-bottom: 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\n.items {\r\n  --menu-item-padding: 0 0.5rem;\r\n\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  @media only screen and (min-width: 992px) {\r\n    --menu-item-padding: 0 1rem;\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M22 21H3V2m14.25 4.75h3.8m0 0v3.8m0-3.8L16.3 11.5l-3.886-1.815L6.8 15.3\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"M19.389 13.063V20.5H4.61v-7.438M5.35 3.5h13.3l2.85 4.958v1.48a1 1 0 0 1-1 1h-17a1 1 0 0 1-1-1v-1.48L5.35 3.5Zm3.99 0h5.32l1.14 4.958v2.48H8.2v-2.48L9.34 3.5Z\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.5\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<template>\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path\r\n      d=\"m7.81 12-4-4 4-4M4.25 8H20.5m-4.31 4 4 4-4 4m3.56-4H3.5\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.5\"\r\n      stroke-miterlimit=\"10\"\r\n    />\r\n  </svg>\r\n</template>\r\n","<script lang=\"ts\">\r\ntype Props = {\r\n  showSection: boolean;\r\n  expanded: boolean;\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport DropdownItem from '~/components/layout/internal/shared/DropdownItem.vue';\r\n\r\ndefineProps<Props>();\r\n\r\nconst localePath = useLocalePath();\r\n</script>\r\n\r\n<template>\r\n  <DropdownItem\r\n    v-if=\"showSection\"\r\n    collapsible\r\n    component=\"section\"\r\n    class=\"investments\"\r\n    :expanded=\"expanded\"\r\n  >\r\n    <DropdownItem\r\n      component=\"link\"\r\n      level=\"2\"\r\n      :link=\"localePath('dashboard-investments-my-investments')\"\r\n    >\r\n      <span>{{ $t('layout.links.my-investments') }}</span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem\r\n      component=\"link\"\r\n      level=\"2\"\r\n      :link=\"localePath('dashboard-investments-investments-offer')\"\r\n    >\r\n      <span>{{ $t('layout.links.instruments-offer') }}</span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem component=\"link\" level=\"2\" :link=\"localePath('dashboard-investments-voting')\">\r\n      <span>{{ $t('layout.links.voting') }}</span>\r\n    </DropdownItem>\r\n  </DropdownItem>\r\n</template>\r\n","<script lang=\"ts\">\r\ntype Props = {\r\n  showSection: boolean;\r\n  expanded: boolean;\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport DropdownItem from '~/components/layout/internal/shared/DropdownItem.vue';\r\nimport Balance from '~/components/layout/internal/shared/Balance.vue';\r\n\r\ndefineProps<Props>();\r\n\r\nconst localePath = useLocalePath();\r\n</script>\r\n\r\n<template>\r\n  <DropdownItem\r\n    v-if=\"showSection\"\r\n    collapsible\r\n    component=\"section\"\r\n    class=\"finance\"\r\n    :expanded=\"expanded\"\r\n  >\r\n    <Balance level=\"2\" />\r\n\r\n    <DropdownItem component=\"divider\" level=\"2\" />\r\n\r\n    <DropdownItem component=\"link\" level=\"2\" :link=\"localePath('dashboard-finance-deposit')\">\r\n      <span>{{ $t('layout.links.deposit') }}</span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem component=\"link\" level=\"2\" :link=\"localePath('dashboard-finance-withdrawal')\">\r\n      <span>{{ $t('layout.links.withdraw') }}</span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem\r\n      component=\"link\"\r\n      level=\"2\"\r\n      :link=\"localePath('dashboard-finance-transactions-history')\"\r\n    >\r\n      <span>{{ $t('layout.links.wallet-and-transactions') }}</span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem\r\n      component=\"link\"\r\n      level=\"2\"\r\n      :link=\"localePath('dashboard-finance-purchase-instructions')\"\r\n    >\r\n      <span>{{ $t('layout.links.purchase-instructions') }}</span>\r\n    </DropdownItem>\r\n  </DropdownItem>\r\n</template>\r\n","<script lang=\"ts\">\r\ntype Props = {\r\n  showSection: boolean;\r\n  expanded: boolean;\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport DropdownItem from '~/components/layout/internal/shared/DropdownItem.vue';\r\nimport Badge from '~/components/common/Badge.vue';\r\n\r\ndefineProps<Props>();\r\n\r\nconst localePath = useLocalePath();\r\nconst authStore = useAuthStore();\r\nconst advertisingStore = useAdvertisingStore();\r\nconst { user } = storeToRefs(authStore);\r\nconst { buyingTrades } = storeToRefs(advertisingStore);\r\n\r\nconst hasTradesToConfirm = computed(\r\n  () => !!user.value.AgreedGallerySecTradeTerms && buyingTrades.value.length > 0,\r\n);\r\n</script>\r\n\r\n<template>\r\n  <DropdownItem\r\n    v-if=\"showSection\"\r\n    collapsible\r\n    component=\"section\"\r\n    class=\"advertising-space\"\r\n    :expanded=\"expanded\"\r\n  >\r\n    <DropdownItem component=\"link\" level=\"2\" :link=\"localePath('dashboard-advertising-space')\">\r\n      <span>{{ $t('layout.links.advertising-space') }}</span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem\r\n      component=\"link\"\r\n      level=\"2\"\r\n      :link=\"localePath('dashboard-advertising-space-my-advertisements')\"\r\n    >\r\n      <span>{{ $t('layout.links.my-advertisements') }}</span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem\r\n      component=\"link\"\r\n      level=\"2\"\r\n      :link=\"localePath('dashboard-advertising-space-advertisement-new')\"\r\n    >\r\n      <span>{{ $t('layout.links.add-advertisement') }}</span>\r\n    </DropdownItem>\r\n\r\n    <DropdownItem\r\n      component=\"link\"\r\n      level=\"2\"\r\n      :link=\"localePath('dashboard-advertising-space-trades')\"\r\n    >\r\n      <span>{{ $t('layout.links.advertising-space-trades') }}</span>\r\n\r\n      <Badge v-if=\"hasTradesToConfirm\" color=\"red\">{{ buyingTrades.length }}</Badge>\r\n    </DropdownItem>\r\n  </DropdownItem>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dropdown__item {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n  .badge {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n.badge {\r\n  --border-color: var(--red-basic);\r\n  --background-color: var(--red-basic);\r\n\r\n  margin-left: 0.25rem;\r\n\r\n  color: var(--white);\r\n}\r\n</style>\r\n","<script lang=\"ts\">\r\ntype Section = 'accounts' | 'investments' | 'finance' | 'advertising-space' | '';\r\ntype Emits = {\r\n  close: [];\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport Logo from '~/components/common/Logo.vue';\r\nimport DropdownItem from '~/components/layout/internal/shared/DropdownItem.vue';\r\nimport Badge from '~/components/common/Badge.vue';\r\nimport IconAccounts from '~/components/layout/internal/icons/Accounts.vue';\r\nimport IconInvestments from '~/components/layout/internal/icons/Investments.vue';\r\nimport IconAdvertisingSpace from '~/components/layout/internal/icons/AdvertisingSpace.vue';\r\nimport IconFinance from '~/components/layout/internal/icons/Finance.vue';\r\nimport IconChevronDown from '~/components/icons/ChevronDown.vue';\r\nimport IconProfile from '~/components/layout/internal/icons/Profile.vue';\r\nimport IconBank from '~/components/layout/internal/icons/Bank.vue';\r\nimport IconDocuments from '~/components/layout/internal/icons/Documents.vue';\r\nimport IconSecurity from '~/components/layout/internal/icons/Security.vue';\r\nimport IconPreferences from '~/components/layout/internal/icons/Preferences.vue';\r\nimport IconPresents from '~/components/layout/internal/icons/Presents.vue';\r\nimport Accounts from '~/components/layout/internal/shared/Accounts.vue';\r\nimport Investments from '~/components/layout/internal/mobile/Investments.vue';\r\nimport Finance from '~/components/layout/internal/mobile/Finance.vue';\r\nimport AdvertisingSpace from '~/components/layout/internal/mobile/AdvertisingSpace.vue';\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst localePath = useLocalePath();\r\nconst router = useRouter();\r\nconst authStore = useAuthStore();\r\nconst advertisingStore = useAdvertisingStore();\r\nconst { user } = storeToRefs(authStore);\r\nconst { buyingTrades } = storeToRefs(advertisingStore);\r\n\r\nconst height = ref('100vh');\r\nconst expandedSection = ref<Section>('accounts');\r\nconst hasTradesToConfirm = computed(\r\n  () => !!user.value.AgreedGallerySecTradeTerms && buyingTrades.value.length > 0,\r\n);\r\n\r\nfunction close() {\r\n  emit('close');\r\n}\r\nfunction logout() {\r\n  authStore.logout();\r\n\r\n  router.push(localePath('/'));\r\n}\r\nfunction onResize() {\r\n  height.value = `${window.innerHeight}px`;\r\n}\r\nfunction toggleSection(section: Exclude<Section, ''>) {\r\n  if (expandedSection.value === section) {\r\n    expandedSection.value = '';\r\n\r\n    return;\r\n  }\r\n\r\n  expandedSection.value = section;\r\n}\r\n\r\nonMounted(() => {\r\n  onResize();\r\n\r\n  window.addEventListener('resize', onResize);\r\n});\r\nonUnmounted(() => {\r\n  window.removeEventListener('resize', onResize);\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div class=\"overlay overlay--active\" :style=\"{ '--height': height }\">\r\n    <div class=\"menu light\">\r\n      <DropdownItem component=\"text\" class=\"header\">\r\n        <Logo alt=\" \" theme=\"light\" />\r\n\r\n        <Button\r\n          class=\"button--icon\"\r\n          variant=\"text\"\r\n          theme=\"light\"\r\n          :title=\"$t('layout.external.navigation.hamburger.close')\"\r\n          @click=\"close\"\r\n        >\r\n          <svg\r\n            width=\"24\"\r\n            height=\"24\"\r\n            viewBox=\"0 0 24 24\"\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 4 16 16m0-16L4 20\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.5\"\r\n              stroke-miterlimit=\"10\"\r\n            />\r\n          </svg>\r\n        </Button>\r\n      </DropdownItem>\r\n\r\n      <div class=\"content\">\r\n        <DropdownItem component=\"button\" @click=\"toggleSection('accounts')\">\r\n          <template #icon>\r\n            <IconAccounts />\r\n          </template>\r\n\r\n          <div class=\"collapsible__title\">\r\n            <span>{{ $t('layout.internal.navigation.accounts.title') }}</span>\r\n\r\n            <IconChevronDown\r\n              class=\"icon--chevron\"\r\n              :class=\"{ 'icon--rotated': expandedSection === 'accounts' }\"\r\n            />\r\n          </div>\r\n        </DropdownItem>\r\n\r\n        <Accounts show-section :expanded=\"expandedSection === 'accounts'\" />\r\n\r\n        <DropdownItem component=\"button\" @click=\"toggleSection('investments')\">\r\n          <template #icon>\r\n            <IconInvestments />\r\n          </template>\r\n\r\n          <div class=\"collapsible__title\">\r\n            <span>{{ $t('layout.links.investments') }}</span>\r\n\r\n            <IconChevronDown\r\n              class=\"icon--chevron\"\r\n              :class=\"{ 'icon--rotated': expandedSection === 'investments' }\"\r\n            />\r\n          </div>\r\n        </DropdownItem>\r\n\r\n        <Investments show-section :expanded=\"expandedSection === 'investments'\" />\r\n\r\n        <DropdownItem component=\"button\" @click=\"toggleSection('advertising-space')\">\r\n          <template #icon>\r\n            <IconAdvertisingSpace />\r\n          </template>\r\n\r\n          <div class=\"collapsible__title\">\r\n            <span>{{ $t('layout.links.advertisement') }}</span>\r\n\r\n            <Badge v-if=\"hasTradesToConfirm\" color=\"red\">{{ buyingTrades.length }}</Badge>\r\n\r\n            <IconChevronDown\r\n              class=\"icon--chevron\"\r\n              :class=\"{ 'icon--rotated': expandedSection === 'advertising-space' }\"\r\n            />\r\n          </div>\r\n        </DropdownItem>\r\n\r\n        <AdvertisingSpace show-section :expanded=\"expandedSection === 'advertising-space'\" />\r\n\r\n        <DropdownItem component=\"button\" @click=\"toggleSection('finance')\">\r\n          <template #icon>\r\n            <IconFinance />\r\n          </template>\r\n\r\n          <div class=\"collapsible__title\">\r\n            <span>{{ $t('layout.links.transactions-and-money') }}</span>\r\n\r\n            <IconChevronDown\r\n              class=\"icon--chevron\"\r\n              :class=\"{ 'icon--rotated': expandedSection === 'finance' }\"\r\n            />\r\n          </div>\r\n        </DropdownItem>\r\n\r\n        <Finance show-section :expanded=\"expandedSection === 'finance'\" />\r\n\r\n        <DropdownItem component=\"link\" :link=\"localePath('dashboard-profile')\">\r\n          <template #icon>\r\n            <IconProfile />\r\n          </template>\r\n\r\n          <span>{{ $t('layout.links.profile') }}</span>\r\n        </DropdownItem>\r\n\r\n        <DropdownItem component=\"link\" :link=\"localePath('dashboard-profile-bank-accounts')\">\r\n          <template #icon>\r\n            <IconBank />\r\n          </template>\r\n\r\n          <span>{{ $t('layout.links.bank-accounts') }}</span>\r\n        </DropdownItem>\r\n\r\n        <DropdownItem\r\n          component=\"link\"\r\n          :link=\"localePath('dashboard-profile-statements-and-documents')\"\r\n        >\r\n          <template #icon>\r\n            <IconDocuments />\r\n          </template>\r\n\r\n          <span>{{ $t('layout.links.statements-and-documents') }}</span>\r\n        </DropdownItem>\r\n\r\n        <DropdownItem component=\"link\" :link=\"localePath('dashboard-profile-security')\">\r\n          <template #icon>\r\n            <IconSecurity />\r\n          </template>\r\n\r\n          <span>{{ $t('layout.links.security') }}</span>\r\n        </DropdownItem>\r\n\r\n        <DropdownItem component=\"link\" :link=\"localePath('dashboard-profile-email-preferences')\">\r\n          <template #icon>\r\n            <IconPreferences />\r\n          </template>\r\n\r\n          <span>{{ $t('layout.links.email-preferences') }}</span>\r\n        </DropdownItem>\r\n\r\n        <DropdownItem component=\"link\" :link=\"localePath('dashboard-gifts-and-benefits-vouchers')\">\r\n          <template #icon>\r\n            <IconPresents />\r\n          </template>\r\n\r\n          <span>{{ $t('layout.links.vouchers') }}</span>\r\n        </DropdownItem>\r\n      </div>\r\n\r\n      <Button class=\"button--logout\" variant=\"outlined\" theme=\"light\" @click=\"logout\">{{\r\n        $t('layout.internal.navigation.profile.log-out')\r\n      }}</Button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.overlay {\r\n  --container-padding: 5vmin;\r\n\r\n  z-index: 100001;\r\n  position: absolute;\r\n  top: 0;\r\n  right: calc(-1 * var(--scrollbar-width));\r\n  bottom: 0;\r\n  left: 0;\r\n\r\n  height: var(--height);\r\n\r\n  background-color: rgba(48, 33, 25, 0.8); //dark-brown\r\n}\r\n\r\n.menu {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.625rem;\r\n\r\n  margin-left: auto;\r\n  padding: 1rem;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  background-color: var(--white);\r\n\r\n  @media only screen and (min-width: 576px) {\r\n    max-width: calc(22rem + var(--container-padding));\r\n  }\r\n}\r\n\r\n.content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  gap: 0.375rem;\r\n\r\n  overflow: auto;\r\n}\r\n\r\n.header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.collapsible__title {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.accounts.dropdown__item.dropdown__item--section.dropdown__item--collapsible:not(\r\n    .dropdown__item--expanded\r\n  ) {\r\n  margin-bottom: -5px;\r\n}\r\n\r\n.badge {\r\n  --border-color: var(--red-basic);\r\n  --background-color: var(--red-basic);\r\n\r\n  margin-left: 0.25rem;\r\n\r\n  color: var(--white);\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport Overlay from '~/components/layout/internal/mobile/Overlay.vue';\r\n\r\nconst route = useRoute();\r\nconst layoutStore = useLayoutStore();\r\n\r\nconst opened = ref(false);\r\n\r\nfunction close() {\r\n  opened.value = !opened.value;\r\n\r\n  layoutStore.setDefaultOpenedMenuSection();\r\n}\r\n\r\nwatch(\r\n  () => route.path,\r\n  () => {\r\n    if (!opened.value) {\r\n      return;\r\n    }\r\n\r\n    close();\r\n  },\r\n);\r\n</script>\r\n\r\n<template>\r\n  <Button\r\n    class=\"button--trigger\"\r\n    variant=\"text\"\r\n    theme=\"dark\"\r\n    :title=\"$t(`layout.external.navigation.hamburger.${opened ? 'close' : 'open'}`)\"\r\n    @click=\"close\"\r\n  >\r\n    <svg\r\n      v-if=\"!opened\"\r\n      width=\"24\"\r\n      height=\"24\"\r\n      viewBox=\"0 0 24 25\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path d=\"M2 5.5h20m-20 7h20m-20 7h20\" stroke=\"currentColor\" stroke-width=\"1.5\" />\r\n    </svg>\r\n\r\n    <svg\r\n      v-else\r\n      width=\"24\"\r\n      height=\"24\"\r\n      viewBox=\"0 0 24 24\"\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 4 16 16m0-16L4 20\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1.5\"\r\n        stroke-miterlimit=\"10\"\r\n      />\r\n    </svg>\r\n  </Button>\r\n\r\n  <Overlay v-if=\"opened\" @close=\"close\" />\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.button--trigger {\r\n  padding: var(--menu-item-padding);\r\n\r\n  height: 100%;\r\n\r\n  --color: var(--white);\r\n\r\n  &:hover {\r\n    --color: var(--red-basic);\r\n  }\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport Logo from '~/components/common/Logo.vue';\r\nimport Spacer from '~/components/common/Spacer.vue';\r\nimport DepositMoney from '~/components/layout/internal/shared/DepositMoney.vue';\r\nimport Hamburger from '~/components/layout/internal/mobile/Hamburger.vue';\r\n\r\nconst localePath = useLocalePath();\r\nconst authStore = useAuthStore();\r\nconst advertisingStore = useAdvertisingStore();\r\nconst { user } = storeToRefs(authStore);\r\n\r\nonMounted(() => {\r\n  if (!user.value.AgreedGallerySecTradeTerms) {\r\n    return;\r\n  }\r\n\r\n  advertisingStore.getTrades({});\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div class=\"container\">\r\n    <div class=\"logo\">\r\n      <NuxtLink :to=\"localePath('dashboard')\">\r\n        <Logo :alt=\"$t('layout.external.navigation.logo-alt')\" />\r\n      </NuxtLink>\r\n    </div>\r\n\r\n    <Spacer />\r\n\r\n    <div class=\"items\">\r\n      <DepositMoney />\r\n\r\n      <Hamburger />\r\n    </div>\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: flex;\r\n  align-items: stretch;\r\n  gap: 0.5rem;\r\n\r\n  padding-top: 1rem;\r\n  padding-bottom: 1rem;\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: 1199.98px) {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.items {\r\n  --menu-item-padding: 0 0.5rem;\r\n\r\n  display: flex;\r\n  flex-direction: row;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport DesktopMenu from '~/components/layout/internal/DesktopMenu.vue';\r\nimport MobileMenu from '~/components/layout/internal/MobileMenu.vue';\r\n\r\nconst headerConrainerRef = ref<HTMLDivElement | null>(null);\r\n\r\nfunction onResize() {\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', onResize);\r\n  window.addEventListener('scroll', onResize);\r\n\r\n  onResize();\r\n});\r\n\r\nonUnmounted(() => {\r\n  window.removeEventListener('resize', onResize);\r\n  window.removeEventListener('scroll', onResize);\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      <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__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(--brown-darkened);\r\n}\r\n\r\n.header__clearfix {\r\n  margin-top: var(--menu-clearfix-height, 3.75rem);\r\n}\r\n</style>\r\n","<script lang=\"ts\">\r\nimport { type VotingNotification, type Notification } from '~/models/notifications';\r\n\r\ntype PermanentNotifications = Readonly<{\r\n  [key: string]: (notification: Notification) => {\r\n    title: string;\r\n    content: string;\r\n    button?: string;\r\n    buttonDisabled?: boolean;\r\n    buttonSuccess?: boolean;\r\n    link?: string;\r\n    linkText?: string;\r\n    action?: () => void;\r\n    attributes?: any;\r\n  };\r\n}>;\r\ntype InfoNotifications = Readonly<{\r\n  [key: string]: (notification: Notification) => {\r\n    content: string;\r\n    attributes?: any;\r\n  } & ({ link?: undefined } | { link: string; linkText: string });\r\n}>;\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nconst {\r\n  public: { cdnUrl },\r\n} = useRuntimeConfig();\r\nconst { d } = useI18n();\r\nconst localePath = useLocalePath();\r\nconst instance = getCurrentInstance();\r\nconst authStore = useAuthStore();\r\nconst notificationsStore = useNotificationsStore();\r\nconst {\r\n  infoNotifications,\r\n  infoNotificationsCount,\r\n  pauseNotifications,\r\n  permanentNotifications,\r\n  showInfoNotifications,\r\n} = storeToRefs(notificationsStore);\r\n\r\nconst permanentNotificationSettings: PermanentNotifications = {\r\n  IN_PROGRESS: () => ({\r\n    title: 'layout.internal.notifications.permanent.unfinished-registration.title',\r\n    content: 'layout.internal.notifications.permanent.unfinished-registration.caption',\r\n    button: 'layout.internal.notifications.permanent.unfinished-registration.button',\r\n    link: localePath('account-personal-data'),\r\n  }),\r\n  EMAIL_NOT_VERIFIED: () => ({\r\n    title: 'layout.internal.notifications.permanent.unverified-email.title',\r\n    content: 'layout.internal.notifications.permanent.unverified-email.caption',\r\n    button: 'layout.internal.notifications.permanent.unverified-email.button',\r\n    action: async () => {\r\n      permanentNotification.value!.buttonDisabled = true;\r\n\r\n      instance?.proxy?.$forceUpdate();\r\n\r\n      try {\r\n        await authStore.resendVerificationEmail();\r\n\r\n        permanentNotification.value!.buttonSuccess = true;\r\n      } catch (error) {\r\n        permanentNotification.value!.buttonDisabled = false;\r\n      }\r\n\r\n      instance?.proxy?.$forceUpdate();\r\n    },\r\n  }),\r\n  CRN_TAX_RES_CONFIRMATION_REQUIRED: () => ({\r\n    title: 'layout.internal.notifications.permanent.unfinished-registration.title',\r\n    content: 'layout.internal.notifications.permanent.confirm-data.caption',\r\n  }),\r\n  CRN: () => ({\r\n    title: 'layout.internal.notifications.permanent.info-and-documents-needed.title',\r\n    content: 'layout.internal.notifications.permanent.info-and-documents-needed.caption',\r\n    button: 'layout.internal.notifications.permanent.info-and-documents-needed.button',\r\n    link: localePath('account-document-update'),\r\n  }),\r\n  CRN_IDENTIFICATION: () => ({\r\n    title: 'layout.internal.notifications.permanent.unverified-identity.title',\r\n    content: 'layout.internal.notifications.permanent.unverified-identity.caption',\r\n    button: 'layout.internal.notifications.permanent.unverified-identity.button',\r\n    link: localePath('account-document-update'),\r\n  }),\r\n  CRN_INFO_AND_DOCUMENTS: () => ({\r\n    title: 'layout.internal.notifications.permanent.info-and-documents-needed.title',\r\n    content: 'layout.internal.notifications.permanent.info-and-documents-needed.caption',\r\n    button: 'layout.internal.notifications.permanent.info-and-documents-needed.button',\r\n    link: localePath('account-document-update'),\r\n  }),\r\n  CRN_INFO_ONLY: () => ({\r\n    title: 'layout.internal.notifications.permanent.info-needed.title',\r\n    content: 'layout.internal.notifications.permanent.info-needed.caption',\r\n    link: localePath('account-document-update'),\r\n  }),\r\n  // @ts-ignore\r\n  VOTE: (notification: VotingNotification) => ({\r\n    title: 'layout.internal.notifications.permanent.voting.title',\r\n    content: 'layout.internal.notifications.permanent.voting.caption',\r\n    button: 'layout.internal.notifications.permanent.voting.button',\r\n    link: localePath({\r\n      name: 'dashboard-investments-voting',\r\n      query: {\r\n        id: notification.Vote.Survey.Id,\r\n      },\r\n    }),\r\n    attributes: {\r\n      instrumentName: notification.Vote.Survey.Instrument.Name,\r\n      validTo: d(new Date(notification.Vote.Survey.ValidTo), {\r\n        year: 'numeric',\r\n        month: 'numeric',\r\n        day: 'numeric',\r\n      }),\r\n    },\r\n  }),\r\n  IS_LOCKED: () => ({\r\n    title: 'layout.internal.notifications.permanent.something-broken.title',\r\n    content: 'layout.internal.notifications.permanent.something-broken.caption',\r\n    button: 'layout.internal.notifications.permanent.something-broken.button',\r\n    link: localePath('contact'),\r\n  }),\r\n  IS_LOCKED_SECURITY_TRANSFER: () => ({\r\n    title: 'layout.internal.notifications.permanent.something-broken-security-transfer.title',\r\n    content: 'layout.internal.notifications.permanent.something-broken-security-transfer.caption'\r\n  }),\r\n  ALTERNATIVE_USERIDENTIFICATION_REQUIRED: () => ({\r\n    title: 'layout.internal.notifications.permanent.bank-id.title',\r\n    content: 'layout.internal.notifications.permanent.bank-id.caption',\r\n    button: 'layout.internal.notifications.permanent.bank-id.button',\r\n    link: localePath('dashboard-profile-identity-verification'),\r\n  }),\r\n  MISSING_SOURCE_OF_INCOME_STATEMENT: () => ({\r\n    title: 'layout.internal.notifications.permanent.missing-pep-source-of-income-statement.title',\r\n    content:\r\n      'layout.internal.notifications.permanent.missing-pep-source-of-income-statement.caption',\r\n    button: 'layout.internal.notifications.permanent.missing-pep-source-of-income-statement.button',\r\n    link: localePath({\r\n      name: 'account-politically-exposed-person',\r\n      query: {\r\n        'file-upload': true.toString(),\r\n      },\r\n    }),\r\n  }),\r\n  TBV_CT_UNKNOWN_BANK_ACCOUNT: () => ({\r\n    title: 'layout.internal.notifications.permanent.unknown-bank-account.title',\r\n    content: 'layout.internal.notifications.permanent.unknown-bank-account.caption',\r\n    button: 'layout.internal.notifications.permanent.unknown-bank-account.button',\r\n    link: localePath('dashboard-profile-bank-accounts'),\r\n  }),\r\n  TBV_CT: () => ({\r\n    title: 'layout.internal.notifications.permanent.deposit-not-attributed.title',\r\n    content: 'layout.internal.notifications.permanent.deposit-not-attributed.caption',\r\n    button: 'layout.internal.notifications.permanent.deposit-not-attributed.button',\r\n    link: localePath('contact'),\r\n  }),\r\n  QUESTIONNAIRE_EXPIRED: () => ({\r\n    title: 'layout.internal.notifications.permanent.expired-questionnaire.title',\r\n    content: 'layout.internal.notifications.permanent.expired-questionnaire.caption',\r\n    button: 'layout.internal.notifications.permanent.expired-questionnaire.button',\r\n    link: localePath('account-questionnaire-update'),\r\n  }),\r\n  PERSONAL_DATA_CONFIRMATION: () => ({\r\n    title: 'layout.internal.notifications.permanent.personal-data-confirmation.title',\r\n    content: 'layout.internal.notifications.permanent.personal-data-confirmation.caption',\r\n    button: 'layout.internal.notifications.permanent.bank-id.button',\r\n    link: localePath('dashboard-profile-personal-data-confirmation'),\r\n  }),\r\n  FINISH_PERSONAL_DATA_CONFIRMATION_PEP: () => ({\r\n    title: 'layout.internal.notifications.permanent.personal-data-confirmation-soi.title',\r\n    content: 'layout.internal.notifications.permanent.personal-data-confirmation.caption',\r\n    button: 'layout.internal.notifications.permanent.bank-id.button',\r\n    link: localePath('dashboard-profile-personal-data-confirmation-politically-exposed-person'),\r\n  }),\r\n  FINISH_PERSONAL_DATA_CONFIRMATION_SOI: () => ({\r\n    title: 'layout.internal.notifications.permanent.personal-data-confirmation-soi.title',\r\n    content: 'layout.internal.notifications.permanent.personal-data-confirmation.caption',\r\n    button: 'layout.internal.notifications.permanent.bank-id.button',\r\n    link: localePath('dashboard-profile-personal-data-confirmation-source-of-income-statement'),\r\n  }),\r\n  ACCOUNT_IS_NOT_ACTIVE: () => ({\r\n    title: 'layout.internal.notifications.permanent.account-not-active.title',\r\n    content: 'layout.internal.notifications.permanent.account-not-active.content',\r\n    button: 'layout.internal.notifications.permanent.account-not-active.button',\r\n    link: localePath('dashboard-finance-deposit'),\r\n  }),\r\n};\r\n// @ts-ignore\r\nconst infoNotificationSettings: InfoNotifications = {\r\n  BANKID_AVAILABLE: (notification: Notification) => ({\r\n    content: 'layout.internal.notifications.info.bank-id-available.caption',\r\n    link: notification.Link,\r\n    linkText: 'layout.internal.notifications.info.bank-id-available.link',\r\n  }),\r\n  TAX_REPORT_AVAILABLE: () => ({\r\n    content: 'layout.internal.notifications.info.tax-statement.caption',\r\n    link: localePath('dashboard-profile-statements-and-documents-statements-and-confirmations'),\r\n    linkText: 'layout.internal.notifications.info.tax-statement.link',\r\n    attributes: {\r\n      year: new Date().getFullYear() - 1,\r\n    },\r\n  }),\r\n  CLIENT_COMPLETED: () => ({\r\n    content: 'layout.internal.notifications.info.identity-verification',\r\n  }),\r\n  QUESTIONNAIRE_AGAIN_ENABLED: () => ({\r\n    content: 'layout.internal.notifications.info.retake-questionnaire',\r\n    link: localePath('account-questionnaire-again'),\r\n    linkText: 'global.here',\r\n  }),\r\n  QUESTIONNAIRE_AGAIN_CONTINUE: () => ({\r\n    content: 'layout.internal.notifications.info.continue-retaking-questionnaire',\r\n    link: localePath('account-questionnaire-again'),\r\n    linkText: 'global.here',\r\n  }),\r\n  // @ts-ignore\r\n  SURVEY_RESULTS: (notification: VotingNotification) => ({\r\n    content: 'layout.internal.notifications.info.survey-results',\r\n    link: localePath({\r\n      name: 'dashboard-investments-voting',\r\n      query: {\r\n        id: notification.Vote.Survey.Id,\r\n      },\r\n    }),\r\n    linkText: 'global.here',\r\n    attributes: {\r\n      instrumentName: notification.Vote.Survey.Instrument.Name,\r\n    },\r\n  }),\r\n  IDENTIFICATION_EXPIRED: () => ({\r\n    content: 'layout.internal.notifications.info.expired-documents',\r\n    link: localePath('dashboard-profile-document-update'),\r\n    linkText: 'global.here',\r\n  }),\r\n  PRIMARY_IDENTIFICATION_EXPIRED: () => ({\r\n    content: 'layout.internal.notifications.info.expired-identity-card',\r\n    link: localePath('dashboard-profile-document-update'),\r\n    linkText: 'global.here',\r\n  }),\r\n  DOCUMENT_VERIFICATION_IN_PROGRESS: () => ({\r\n    content: 'layout.internal.notifications.info.document-being-verified',\r\n  }),\r\n  GALLERY_ELEMENT: () => ({\r\n    content: 'layout.internal.notifications.info.2023-element.content',\r\n    link: `${cdnUrl}/documents/ELEMENT%202023.pdf`,\r\n    linkText: 'layout.internal.notifications.info.2023-element.link-text',\r\n  }),\r\n} as const;\r\n\r\nconst activeNotificationIndex = ref(0);\r\nconst permanentNotification = computed(() => {\r\n  if (permanentNotifications.value.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  const notification = permanentNotifications.value[0];\r\n  const notificationSettings = permanentNotificationSettings[notification.Code];\r\n\r\n  return {\r\n    ...notification,\r\n    ...notificationSettings(notification),\r\n  };\r\n});\r\nconst activeNotification = computed(() => {\r\n  const notification = infoNotifications.value[activeNotificationIndex.value];\r\n  const notificationSettings = infoNotificationSettings[notification.Code];\r\n\r\n  return {\r\n    ...notification,\r\n    ...notificationSettings(notification),\r\n  };\r\n});\r\nconst isShowingFirstNotification = computed(() => activeNotificationIndex.value === 0);\r\nconst isShowingLastNotification = computed(\r\n  () => activeNotificationIndex.value === infoNotificationsCount.value - 1,\r\n);\r\n\r\nconst showNextNotification = () => {\r\n  activeNotificationIndex.value = activeNotificationIndex.value + 1;\r\n};\r\nconst showPreviousNotification = () => {\r\n  activeNotificationIndex.value = activeNotificationIndex.value - 1;\r\n};\r\nconst closeNotification = () => {\r\n  notificationsStore.setClosedInfoNotification({ notification: activeNotification.value });\r\n  notificationsStore.closeInfoNotification({ index: activeNotificationIndex.value });\r\n\r\n  if (isShowingLastNotification.value && isShowingFirstNotification.value) {\r\n    activeNotificationIndex.value = 0;\r\n\r\n    return;\r\n  }\r\n\r\n  if (activeNotificationIndex.value > infoNotifications.value.length - 1) {\r\n    showPreviousNotification();\r\n  }\r\n};\r\n\r\nconst notificationAttributes = (notification: { attributes?: any }) => {\r\n  const attributes = notification?.attributes;\r\n  if (attributes) {\r\n    return Object.keys(attributes).map((attributeKey) => ({\r\n      value: attributes[attributeKey],\r\n      name: attributeKey,\r\n    }));\r\n  }\r\n\r\n  return [];\r\n};\r\n\r\nonMounted(() => {\r\n  notificationsStore.getNotifications({});\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div class=\"notifications\">\r\n    <div v-if=\"permanentNotification && !pauseNotifications\" class=\"permanent-notifications\">\r\n      <div class=\"container\">\r\n        <div class=\"row\">\r\n          <div class=\"col\">\r\n            <div class=\"notification\">\r\n              <h6 class=\"notification__header\">{{ $t(permanentNotification.title) }}</h6>\r\n            </div>\r\n\r\n            <div class=\"notification__content\">\r\n              <i18n-t tag=\"span\" scope=\"global\" :keypath=\"permanentNotification.content\">\r\n                <template\r\n                  v-for=\"attribute in notificationAttributes(permanentNotification)\"\r\n                  #[attribute.name]\r\n                  :key=\"attribute.name\"\r\n                >\r\n                  <span>{{ attribute.value }}</span>\r\n                </template>\r\n              </i18n-t>\r\n            </div>\r\n\r\n            <div v-if=\"permanentNotification.button\" class=\"notification__footer\">\r\n              <Button\r\n                v-if=\"permanentNotification.link\"\r\n                theme=\"light\"\r\n                as=\"NuxtLink\"\r\n                :to=\"permanentNotification.link\"\r\n              >\r\n                {{ $t(permanentNotification.button) }}\r\n              </Button>\r\n\r\n              <Button\r\n                v-if=\"permanentNotification.action\"\r\n                theme=\"light\"\r\n                :disabled=\"permanentNotification.buttonDisabled\"\r\n                :loading=\"permanentNotification.buttonDisabled\"\r\n                :success=\"permanentNotification.buttonSuccess\"\r\n                @click=\"permanentNotification.action\"\r\n              >\r\n                {{ $t(permanentNotification.button) }}\r\n              </Button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      v-if=\"showInfoNotifications\"\r\n      class=\"temporary-notifications\"\r\n      :class=\"{ 'temporary-notifications--single': infoNotificationsCount === 1 }\"\r\n    >\r\n      <div class=\"container\">\r\n        <div class=\"row\">\r\n          <div class=\"col\">\r\n            <div class=\"notification\">\r\n              <div v-if=\"infoNotificationsCount > 1\" class=\"notification__pagination\">\r\n                <button\r\n                  type=\"button\"\r\n                  :disabled=\"isShowingFirstNotification\"\r\n                  @click=\"showPreviousNotification\"\r\n                >\r\n                  <svg\r\n                    width=\"7\"\r\n                    height=\"12\"\r\n                    viewBox=\"0 0 7 12\"\r\n                    fill=\"none\"\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    stroke=\"currentColor\"\r\n                  >\r\n                    <title>{{ $t('layout.internal.notifications.navigation.previous') }}</title>\r\n\r\n                    <path d=\"M6 1L1 6L6 11\" stroke-miterlimit=\"10\" />\r\n                  </svg>\r\n                </button>\r\n\r\n                <div class=\"notifications__count\">\r\n                  <span>{{ activeNotificationIndex + 1 }} / {{ infoNotificationsCount }}</span>\r\n                </div>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  :disabled=\"isShowingLastNotification\"\r\n                  @click=\"showNextNotification\"\r\n                >\r\n                  <svg\r\n                    width=\"7\"\r\n                    height=\"12\"\r\n                    viewBox=\"0 0 7 12\"\r\n                    fill=\"none\"\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    stroke=\"currentColor\"\r\n                  >\r\n                    <title>{{ $t('layout.internal.notifications.navigation.next') }}</title>\r\n\r\n                    <path d=\"M1 11L6 6L1 0.999998\" stroke-miterlimit=\"10\" />\r\n                  </svg>\r\n                </button>\r\n              </div>\r\n\r\n              <div class=\"notification__content\">\r\n                <i18n-t tag=\"span\" scope=\"global\" :keypath=\"activeNotification.content\">\r\n                  <template\r\n                    v-if=\"activeNotification.link && activeNotification.link.length > 0\"\r\n                    #link\r\n                  >\r\n                    <a\r\n                      v-if=\"activeNotification.link.startsWith('http')\"\r\n                      target=\"_blank\"\r\n                      :href=\"activeNotification.link\"\r\n                    >\r\n                      {{ $t(activeNotification.linkText) }}\r\n                    </a>\r\n\r\n                    <NuxtLink v-else :to=\"activeNotification.link\">{{\r\n                      $t(activeNotification.linkText)\r\n                    }}</NuxtLink>\r\n                  </template>\r\n\r\n                  <template\r\n                    v-for=\"attribute in notificationAttributes(activeNotification)\"\r\n                    #[attribute.name]\r\n                    :key=\"attribute.name\"\r\n                  >\r\n                    <span>{{ attribute.value }}</span>\r\n                  </template>\r\n                </i18n-t>\r\n              </div>\r\n\r\n              <div class=\"notification__close\">\r\n                <button type=\"button\" @click=\"closeNotification\">\r\n                  <svg\r\n                    width=\"18\"\r\n                    height=\"18\"\r\n                    viewBox=\"0 0 18 18\"\r\n                    fill=\"none\"\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    stroke=\"currentColor\"\r\n                  >\r\n                    <title>{{ $t('layout.internal.notifications.navigation.close') }}</title>\r\n\r\n                    <path d=\"M1 1L17 17\" stroke-miterlimit=\"10\" />\r\n                    <path d=\"M17 1L1 17\" stroke-miterlimit=\"10\" />\r\n                  </svg>\r\n                </button>\r\n              </div>\r\n            </div>\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.notifications {\r\n  %notifications-container {\r\n    padding: 1.5rem 0;\r\n\r\n    h6 {\r\n      margin: 0;\r\n    }\r\n\r\n    h6,\r\n    span,\r\n    a {\r\n      color: var(--color);\r\n\r\n      &::selection {\r\n        background-color: var(--white);\r\n        color: var(--blue-dark);\r\n      }\r\n    }\r\n\r\n    .notification__header {\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .notification__footer {\r\n      margin-top: 1rem;\r\n    }\r\n  }\r\n\r\n  .permanent-notifications {\r\n    @extend %notifications-container;\r\n\r\n    --color: var(--black);\r\n\r\n    background-color: var(--yellow-basic);\r\n  }\r\n\r\n  .temporary-notifications {\r\n    @extend %notifications-container;\r\n\r\n    --color: var(--white);\r\n\r\n    background-color: var(--blue-dark);\r\n\r\n    button {\r\n      color: var(--color);\r\n    }\r\n\r\n    button:disabled {\r\n      color: var(--gray-light);\r\n    }\r\n\r\n    a {\r\n      color: var(--white);\r\n    }\r\n\r\n    .notification {\r\n      display: grid;\r\n      grid-template-areas:\r\n        'pagination close'\r\n        'content content';\r\n      align-items: start;\r\n      grid-gap: 1.5rem;\r\n\r\n      @media (min-width: 768px) {\r\n        grid-template-areas: 'pagination content close';\r\n        grid-template-columns: auto 1fr auto;\r\n      }\r\n    }\r\n\r\n    &.temporary-notifications--single {\r\n      .notification {\r\n        @media (min-width: 768px) {\r\n          grid-template-areas: 'content close';\r\n          grid-template-columns: 1fr auto;\r\n        }\r\n      }\r\n    }\r\n\r\n    .notification__pagination {\r\n      grid-area: pagination;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    .notification__close {\r\n      grid-area: close;\r\n\r\n      display: flex;\r\n      justify-content: flex-end;\r\n\r\n      height: calc(1.5 * var(--font-size-base));\r\n    }\r\n\r\n    .notification__content {\r\n      grid-area: content;\r\n    }\r\n\r\n    .notifications__count {\r\n      text-align: center;\r\n      font-variant-numeric: tabular-nums;\r\n    }\r\n  }\r\n\r\n  .notification {\r\n    .notification__pagination,\r\n    .notification__close {\r\n      button {\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        border-width: 0;\r\n        background-color: transparent;\r\n      }\r\n    }\r\n\r\n    .notification__count {\r\n      display: flex;\r\n      justify-content: center;\r\n      width: 1.5rem;\r\n    }\r\n\r\n    .notification__pagination {\r\n      button {\r\n        &:first-of-type {\r\n          margin-right: 0.5rem;\r\n        }\r\n\r\n        &:last-of-type {\r\n          margin-left: 0.5rem;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"],"names":["TaxTreatment","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_cache","props","__props","slots","_useSlots","isHovering","ref","hasContent","computed","hasTrigger","component","__nuxt_component_0","linkAttrs","onHover","hovering","localePath","useLocalePath","route","useRoute","isExact","_a","emit","__emit","itemRef","height","applyTransitions","attrs","element","buttonEvents","event","hasIcon","setHeight","resolveAnimations","onMounted","portfoliosStore","usePortfoliosStore","loadingPortfolios","wallet","storeToRefs","availableMoney","money","authStore","useAuthStore","advertisingStore","useAdvertisingStore","user","buyingTrades","hasTradesToConfirm","_hoisted_4","_hoisted_5","_hoisted_6","t","useI18n","ACCOUNT_ID_TO_COMPONENT","IconClientDefault","IconClientDefaultCZK","IconClientDefaultEUR","IconClientDefaultPLN","IconClientDIP","IconClientDIPCZK","IconBabyDefault","IconBabyDefaultCZK","IconBabyDefaultEUR","IconBabyDefaultPLN","IconCorporateDefault","IconCorporateDefaultCZK","IconCorporateDefaultEUR","IconCorporateDefaultPLN","hasPortuAccount","account","Product","hasOpportunityAccount","opportunityButtonText","galleryBalances","getBalance","balance","opportunityBalances","portuAccounts","ClientType","RegistrationStatus","id","product","emptyBalanceProvider","accounts","currency","goToPortu","redirectToExternalUrl","goToOpportunity","response","openLink","router","useRouter","layoutStore","useLayoutStore","opened","logout","watch","isLoggedIn","expandedSection","close","onResize","toggleSection","section","onUnmounted","headerConrainerRef","cdnUrl","useRuntimeConfig","d","instance","getCurrentInstance","notificationsStore","useNotificationsStore","infoNotifications","infoNotificationsCount","pauseNotifications","permanentNotifications","showInfoNotifications","permanentNotificationSettings","permanentNotification","_b","notification","infoNotificationSettings","activeNotificationIndex","notificationSettings","activeNotification","isShowingFirstNotification","isShowingLastNotification","showNextNotification","showPreviousNotification","closeNotification","notificationAttributes","attributes","attributeKey"],"mappings":"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"}