{"version":3,"mappings":"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","names":["Http","url","axios","body","value","error","loading","open","response","name","FileDownload","setAxiosInterceptors","user","config","token","locale","User","data","http","Comparison$1","localStorageItem","companies","company","c","newList","index","setI18n","createI18n","hu","en","de","contentOpened","ref","graphView","toggleInfo","toggleTable","init","html","onMounted","rand","props","__props","useEventBus","event","emit","__emit","bus","hl","hlSection","onMoreData","filteredItems","items","i","filteredGroups","groups","route","_imports_0$8","defaultAll","collapseEventBus","showOnlyValidEventBus","all","openAll","downloadStarted","isPrint","companyData","reactive","membersGroups","computed","g","newsGroups","onlyValid","load","x","onOpenAll","toggle","download","onUnmounted","isHamburgerActive","showOnlyValid","comparisonCompanies","comparison","clickoutside","op","menuItems","toggleComparison","onClickOutside","hide","toggleHamburger","addToComparison","removeFromComparison","removeAll","toggleMonitoring","toast","downloadUrl","watch","_imports_0$7","search","currentLang","clickoutsidesearch","searchField","menu","popupItem","autoCompleteKeyUp","e","quickSearch","logout","router","searchCompany","results","changeLocale","openReport","_a","_openBlock","_createElementBlock","_createVNode","_component_TheNavigation","_createElementVNode","filtered","td","th","formatMoney","postfix","tdClass","row","column","columnIndex","obj","rowData","columnsData","options","barChartData","show","openedRows","showInThousand","financialReportSummary","toggleRow","id","mask","meta","useRoute","currentTable","consolidated","currentYear","financialReport","tabClick","query","selectYear","year","widgets","dragOptions","updateCheck","force","fromSave","newItem","oldItem","save","toSave","isShow","item","onOrderBy","_imports_0$6","_imports_1$2","fullRatings","liteRatings","chartRef","ratings","roundedScore","drawRatingChart","arc","d3.arc","pie","d3.pie","svg","d3.select","rot","d3.interpolate","g2","currentSelected","acc","from","a","_","timer","d3.timer","elapsed","duration","currentScore","rotation","updateSvgSize","width","height","currentRating","r","onInfoClicked","nextTick","summary","taxTable","closedCompaniesTable","indicatorColor","points","tableItems","columns","txt","tableData","l","key","loaded","markRaw","CompanyDetails","CompanyList","RatingDetails","ChartCard","_b","Contacts","PersonList","companyTmp","widget","widgetUpdate","updatedWidgets","removeComponent","onBeforeMount","NonCompanyDetails","_d","_c","_f","_e","_h","_g","_j","_i","charts","timeline","active","scrollTo","marketing","interests","associations","_imports_0$5","useRouter","forgotPasswordEmail","username","password","page","message","background","accepted","setMessage","msg","sendForgotPassword","login","redirectToHome","onEnterKey","send","store","perPageOptions","perPage","pageChange","HomeNavigation","MonitoringChanges","SearchHistory","InternationalOrders","InternationalAlerts","initialOrder","defineField","handleSubmit","resetForm","errors","useForm","object","string","country","companyName","zip","city","street","taxNumber","companyNumber","confirm","useConfirm","onlineCountry","offlineOrderResult","offlinePrice","onSearch","onOrder","sendOrder","_hoisted_1","_hoisted_2","_sfc_render","_ctx","_cache","_hoisted_3","slotCols","prop","direction","orderBy","newSearch","ReportTypes","orderStarted","downloaded","offlineOrderSent","reportTypes","ReportTypes.default","purchase","type","purchaseOffline","resp","openLastOrder","_imports_0$4","finalOwner","activeTab","selected","im","sum","addSum","order","list","onOpen","openAllBus","colorNegative","colorPositive","negativeInfo","showMoreItems","toggleShowMoreItems","loadDetails","groupIndex","itemIndex","details","onClick","_imports_1$1","_imports_2$1","_imports_3","_imports_4","_imports_1","selectedSector","sector","widthRatio","heightRatio","nodeHeight","nodeWidth","deltaTranslateX","deltaTranslateY","translateX","translateY","scale","selectedLines","lastDragX","lastDragY","iconFontFace","localGraph","deleteNodeAndLeaves","nodeId","graph","node","link","connectedNodeIds","build","_iconFontFace","buildGraph","onResize","adjustHeight","element","deltaXrate","deltaYrate","newHeight","newWidth","setHeight","redraw","buildSvg","d3.forceSimulation","d3.forceLink","vis","drag","d3.drag","links","d","deltaX","deltaY","zoom","setAttribute","line","linesTo","linesFrom","lines","nodes","rect","info","length","textEllipsis","box","icon","el","transLeft","paddingTop","makeEdgeBetween","lineData","d3.line","d3.curveLinear","defs","controls","toggleScreen","saveToImage","up","source","target","si","rayIntersection","cx","cy","ti","dx","dy","x2","y2","margin","ints","lineIntersections","x1","y1","sides","intersections","lineIntersection","x3","y3","x4","y4","dx12","dx34","dy12","dy34","denominator","dx31","dy31","numa","numb","b","text","len","full","doctype","isExternal","styles","css","sheets","rules","j","svgAsDataUri","cb","xmlns","outer","clone","s","uri","saveSvgAsPng","img","canvas","_imports_0$3","_imports_6","_imports_7","graphData","settings","limit","fontFace","MonitoringTable","customOrder","file","importOpen","exportStarted","monitoringLevel","monitoringLevels","MonitoringTable.default","importer","remove","importList","formData","res","exportList","selectFile","model","_useModel","positiveTypes","negativeTypes","addressTypes","memberTypes","getInitialForm","params","prefill","selectedActivities","activities","keys","first","second","setDefaultValues","onClear","clearSelectedActivities","values","moment","__expose","setPrice","started","price","startExport","favoriteOpen","showExport","favorite","exporter","modifySearch","currentRoute","searchType","addFavorite","onExport","_imports_0$2","_imports_0$1","isEmpty","date","chartResize","requestOfferSent","sendMessage","requestOffer","_imports_0","_imports_2","ReportWidgets","onlyLastReport","isCompany","financialReportsFiltered","ReportWidgets.default","claims","getFinancials","years","report","getFinancialReport","getCompanyName","updateQuery","components","err","getCompany","routes","Login","to","ReportPrint","ExtractPrint","ComparisonPrint","InfoDetailsPrint","MainLayout","Home","DetailedSearch","DetailedSearchResults","SearchResults","Monitoring","Favorites","InternationalSearch","InternationalResults","InternationalDownload","Comparison","ProfileEdit","ProfileSettings","SendMessage","Error","MonitoringAlert","ReportLayout","Summary","CompanyData","FinancialReportSummary","FinancialReport","CommonRatings","ConnectionList","Timeline","Marketing","FinalOwner","IM","InfoList","InfoDetails","Sector","Connections","vueRouter","createRouter","createWebHistory","setRouter","next","i18n","_toast","chunk","arr","size","useToast","level","Chart","setSentry","app","Sentry.init","Package.version","Sentry.replayIntegration","registerSW","immediate","onNeedRefresh","onOfflineReady","onRegistered","onRegisteredSW","onRegisterError","wb","registerPromise","updateServiceWorker","_reloadPage","register","__vitePreload","Workbox","createApp","App","PrimeVue","ToastService","ConfirmationService"],"ignoreList":[],"sources":["../../../AppClient/src/logic/Http.ts","../../../AppClient/src/logic/AxiosInterceptors.ts","../../../AppClient/src/logic/User.ts","../../../AppClient/src/logic/Comparison.ts","../../../AppClient/src/translations/index.ts","../../../AppClient/src/components/InfoCard.vue","../../../AppClient/src/components/DidYouKnow.vue","../../../AppClient/src/components/collapse/Collapse.vue","../../../AppClient/src/components/pages/report/CompanyDataContent.vue","../../../../assets/shared/empty-state.svg","../../../AppClient/src/pages/report/CompanyData.vue","../../../AppClient/src/components/layout/TheSidebar.vue","../../../../assets/shared/banner.jpg","../../../AppClient/src/components/layout/TheNavigation.vue","../../../AppClient/src/layouts/ReportLayout.vue","../../../AppClient/src/components/table/Table.vue","../../../AppClient/src/components/charts/TableChart.vue","../../../AppClient/src/components/Alert.vue","../../../AppClient/src/pages/report/FinancialReportSummary.vue","../../../AppClient/src/components/FinancialReportSheet.vue","../../../AppClient/src/pages/report/FinancialReport.vue","../../../AppClient/src/components/WidgetController.vue","../../../AppClient/src/components/table/InteractiveTable.vue","../../../../assets/charts/COR-inactive.svg","../../../../assets/charts/COR-base.svg","../../../AppClient/src/components/charts/CompanyRatingRoundChart.vue","../../../AppClient/src/components/Indicator.vue","../../../AppClient/src/components/pages/report/CompanyDetails.vue","../../../AppClient/src/components/table/IndicatorTable.vue","../../../AppClient/src/components/pages/report/RatingDetails.vue","../../../AppClient/src/components/pages/report/CompanyList.vue","../../../AppClient/src/components/charts/LineChart.vue","../../../AppClient/src/components/ChartCard.vue","../../../AppClient/src/pages/report/Summary.vue","../../../AppClient/src/pages/report/CommonRatings.vue","../../../AppClient/src/pages/report/Timeline.vue","../../../AppClient/src/pages/report/Marketing.vue","../../../../assets/shared/credit-online-logo.svg","../../../AppClient/src/pages/Login.vue","../../../AppClient/src/pages/SendMessage.vue","../../../AppClient/src/pages/ProfileEdit.vue","../../../AppClient/src/pages/ProfileSettings.vue","../../../AppClient/src/components/pages/home/News.vue","../../../AppClient/src/components/pages/home/MonitoringChanges.vue","../../../AppClient/src/components/pages/home/SearchHistory.vue","../../../AppClient/src/components/pages/home/InternationalAlerts.vue","../../../AppClient/src/components/pages/home/InternationalOrders.vue","../../../AppClient/src/pages/Home.vue","../../../AppClient/src/pages/international/InternationalSearch.vue","../../../AppClient/src/components/table/InteractiveTableHeader.vue","../../../AppClient/src/components/search/Results.vue","../../../AppClient/src/pages/international/InternationalResults.vue","../../../AppClient/src/pages/international/ReportTypes.ts","../../../AppClient/src/pages/international/InternationalDownload.vue","../../../../assets/icons/icon-final-owner.svg","../../../AppClient/src/pages/report/FinalOwner.vue","../../../AppClient/src/pages/report/IM.vue","../../../AppClient/src/components/collapse/InfoCollapse.vue","../../../AppClient/src/components/collapse/InnerCollapse.vue","../../../AppClient/src/pages/report/InfoList.vue","../../../AppClient/src/pages/report/InfoDetails.vue","../../../AppClient/src/components/pages/report/ConnectionListItem.vue","../../../AppClient/src/components/pages/report/ConnectionListGroup.vue","../../../../assets/icons/connection-list/working.svg","../../../../assets/icons/connection-list/under-procedure.svg","../../../../assets/icons/connection-list/ceased.svg","../../../../assets/icons/connection-list/connection-network.svg","../../../../assets/icons/connection-list/headquarter.svg","../../../AppClient/src/pages/report/ConnectionList.vue","../../../AppClient/src/pages/report/Sector.vue","../../../AppClient/src/components/charts/ConnectionGraphBuilder.ts","../../../AppClient/src/components/charts/ConnectionGraph.vue","../../../../assets/icons/connection-list/table.svg","../../../../assets/icons/connection-list/inactive-connection.svg","../../../../assets/icons/connection-list/predecessed-connection.svg","../../../AppClient/src/pages/report/Connections.vue","../../../AppClient/src/pages/monitoring/MonitoringTable.ts","../../../AppClient/src/pages/monitoring/Monitoring.vue","../../../AppClient/src/components/search/PositiveNegativeInformationSearch.vue","../../../AppClient/src/components/fields/MinMaxField.vue","../../../AppClient/src/components/search/FinancialSearch.vue","../../../AppClient/src/components/search/MemberDetails.vue","../../../AppClient/src/components/search/AddressDetails.vue","../../../AppClient/src/components/search/SearchDetails.vue","../../../AppClient/src/pages/search/DetailedSearch.vue","../../../AppClient/src/components/search/MarketingExport.vue","../../../AppClient/src/pages/search/DetailedSearchResults.vue","../../../../assets/img/favourite.png","../../../AppClient/src/pages/Favorites.vue","../../../AppClient/src/components/charts/BarChart.vue","../../../../assets/img/comparison.png","../../../AppClient/src/pages/Comparison.vue","../../../AppClient/src/pages/print/ComparisonPrint.vue","../../../AppClient/src/pages/search/SearchResults.vue","../../../AppClient/src/pages/Error.vue","../../../../assets/icons/connection-list/company-number.svg","../../../../assets/icons/connection-list/tax-number.svg","../../../AppClient/src/pages/monitoring/MonitoringAlert.vue","../../../AppClient/src/pages/print/ReportWidgets.ts","../../../AppClient/src/pages/print/Report.vue","../../../AppClient/src/pages/print/Extract.vue","../../../AppClient/src/router/routes.ts","../../../AppClient/src/router/index.ts","../../../AppClient/src/logic/index.ts","../../../AppClient/src/App.vue","../../../AppClient/src/logic/Sentry.ts","../../../../@vite-plugin-pwa/virtual:pwa-register","../../../AppClient/src/main.ts"],"sourcesContent":["import { Ref } from \"vue\";\nimport axios from \"axios\";\nimport FileDownload from \"js-file-download\";\n\nexport class Http {\n  public async get(url) {\n    return (await axios.get(url)).data;\n  }\n\n  public async post(url, body) {\n    return (await axios.post(url, body)).data;\n  }\n\n  public async postForm(url, body) {\n    return (await axios.postForm(url, body)).data;\n  }\n\n  public async delete(url) {\n    return (await axios.delete(url)).data;\n  }\n\n  public async fetch(value: Ref, url) {\n    try {\n      value.value = (await axios.get(url)).data;\n    } catch (error) {\n      console.error(error);\n      throw error;\n    }\t\t\n  }\n\n  public async fetchWithLoading(value: Ref, loading: Ref<boolean>, url) {\n    loading.value = true;\n    value.value = (await axios.get(url)).data;\n    loading.value = false;\n    \n  }\n\n  public async blob(url, loading = null, open = false) {\n    if (loading) {\n      loading.value = true;\n    }\n    await axios({\n      url: url,\n      responseType: \"blob\",\n    }).then((response) => {\n      const name = decodeURI(response.headers[\"x-filename\"]).replace(/\\+/g, ' ');\n      if (open) {\n        const url = window.URL.createObjectURL(new File([response.data], name, {type: \"application/pdf\"}));\n        window.open(url);\n      } else {\n        FileDownload(response.data, name);\n      }      \n    });\n    if (loading) {\n      loading.value = false;\n    }\n  }\n}","import axios from \"axios\";\nimport { User } from \"../logic/User\";\n\nexport const setAxiosInterceptors = (user: User) => {\n  axios.interceptors.request.use(function (config) {\n    const token = user?.token;\n    const locale = user?.locale;\n\n    config.headers.Accept = \"application/json\";\n    config.headers[\"x-locale\"] = locale;\n\n    if (token) {\n      config.headers.Authorization = \"Bearer \" + token;\n    }\n\n    return config;\n  });\n\n  axios.interceptors.response.use(\n    function (response) {\n      return response;\n    },\n    function (error) {\n      if (error.response) {\n        if (error.response.status === 400) {\n          window.location.href = \"/error/\" + error.response.data.type;\n        } else if (error.response.status === 401) {\n          user.logout();\n          window.location.href = \"/login\";\n        }\n      }\n\n      return Promise.reject(error);\n    }\n  );\n};","import { http } from \"./index\";\n\nexport class User {\n  get name() {\n    return localStorage.getItem(\"name\") || \"\";\n  }\n\n  set name(value) {\n    localStorage.setItem(\"name\", value);\n  }\n\n  get onlyValid() {\n    return localStorage.getItem(\"onlyValid\") == \"true\" || false;\n  }\n\n  set onlyValid(value: boolean) {\n    localStorage.setItem(\"onlyValid\", value.toString());\n  }\n\n  get dataExpanded() {\n    return localStorage.getItem(\"dataExpanded\") == \"true\" || false;\n  }\n\n  set dataExpanded(value: boolean) {\n    localStorage.setItem(\"dataExpanded\", value.toString());\n  }\n\n  get inThousandHUF() {\n    return localStorage.getItem(\"inThousandHUF\") == \"true\" || false;\n  }\n\n  set inThousandHUF(value: boolean) {\n    localStorage.setItem(\"inThousandHUF\", value.toString());\n  }\n\n  get hideSearchHistory() {\n    return localStorage.getItem(\"hideSearchHistory\") == \"true\" || false;\n  }\n\n  set hideSearchHistory(value: boolean) {\n    localStorage.setItem(\"hideSearchHistory\", value.toString());\n  }\n\n  get perPage() {\n    return parseInt(localStorage.getItem(\"perPage\")) || 10;\n  }\n\n  set perPage(value: number) {\n    localStorage.setItem(\"perPage\", value.toString());\n  }\n\n  get claims() {\n    return localStorage.getItem(\"claims\") || \"\";\n  }\n\n  set claims(value) {\n    localStorage.setItem(\"claims\", value);\n  }\n\n  get token() {\n    return localStorage.getItem(\"token\") || \"\";\n  }\n\n  set token(value) {\n    localStorage.setItem(\"token\", value);\n  }\n\n  get locale() {\n    return localStorage.getItem(\"locale\") || \"\";\n  }\n\n  set locale(value) {\n    localStorage.setItem(\"locale\", value);\n  }\n\n  async fetchMe() {\n    const data = await http.get(\"/api/me\");\n    this.name = data.name;\n    this.onlyValid = data.onlyValid;\n    this.dataExpanded = data.dataExpanded;\n    this.inThousandHUF = data.inThousandHUF;\n    this.hideSearchHistory = data.hideSearchHistory;\n    this.perPage = data.perPage;\n\n    if (data.claims) {\n      this.claims = data.claims.join(\",\");\n    }\n  }\n\n  login(token) {\n    this.token = token;\n  }\n\n  logout() {\n    this.token = \"\";\n    this.claims = \"\";\n  }\n}","export class Comparison {\n  get companies() {\n    try {\n      const localStorageItem = localStorage.getItem(\"comparison\");\n      const companies = JSON.parse(localStorageItem);\n      return Array.isArray(companies) ? companies : [];\n    } catch (error) {\n      return [];\n    }\n  }\n\n  set companies(value) {\n    localStorage.setItem(\"comparison\", JSON.stringify(value));\n  }\n\n  emptyAll() {\n    this.companies = [];\n  }\n\n  addCompany(company) {\n    if (this.companies.find((c) => c.id === company.id)) return;\n    \n    const newList = this.companies;\n    newList.push(company);\n    this.companies = newList;\n  }\n\n  deleteCompany(index) {\n    const newList = this.companies;\n    newList.splice(index, 1);\n    this.companies = newList;\n  }\n\n  setCompanies(companies) {\n    this.companies = [];\n    companies.forEach((company) => {\n      this.companies.push({ id: company, name: null });\n    });\n  }\n\n  getIds() {\n    return this.companies.map((c) => c.id).join(\",\");\n  }\n}","import { createI18n } from \"vue-i18n\";\nimport hu from \"./hu.json\";\nimport en from \"./en.json\";\nimport de from \"./de.json\";\nimport { User } from \"../logic/User\";\n\nexport const setI18n = (user: User) => {\n  return createI18n({\n    legacy: false,\n    locale: user?.locale || \"hu\",\n    fallbackLocale: \"hu\",\n    globalInjection: true,\n    warnHtmlMessage: false,\n    messages: { hu, en, de },\n  });\n};\n","<template>\n  <div class=\"card co-card\"\n       :class=\"{'height-100': contentOpened}\"\n       :style=\"{ 'border-radius': borderRadius }\">\n    <div v-if=\"$slots.header\"\n         class=\"card__header\">\n      <slot name=\"header\" />\n    </div>\n    <div v-if=\"!isHeaderHidden && !$slots.header\"\n         :class=\"{ 'opened': contentOpened }\"\n         class=\"card__header\">\n      <div class=\"card__header__title\">\n        <i class=\"pi icon\"\n           :class=\"[iconName]\"\n           :style=\"{color: iconColor}\"\n           style=\"font-size: 2.5rem; margin: 0.5rem\" />\n        <h3 class=\"card__header__title__text\">\n          {{ title }}\n        </h3>\n      </div>\n      <div v-if=\"cardType === 'info'\"\n           class=\"card__header__info\"\n           @click=\"toggleInfo\" />\n      <div v-else-if=\"cardType === 'graph'\"\n           class=\"card__header__graph\">\n        <div v-if=\"infoText\"\n             :class=\"graphView !== 'info' ? 'card__header__graph__info' : 'card__header__graph__view-changer--open'\"\n             @click=\"toggleInfo\" />\n        <div :class=\"graphView !== 'table' ? 'card__header__graph__view-changer' : 'card__header__graph__view-changer--open'\"\n             @click=\"toggleTable\" />\n      </div>\n    </div>\n    <div :class=\"{ 'show': contentOpened }\"\n         class=\"card__content\">\n      <p v-if=\"graphView === 'info'\"\n         class=\"card__content__info-box\"\n         v-html=\"infoText\" />\n      <slot v-if=\"graphView === 'chart'\"\n            name=\"content\" />\n      <slot v-if=\"graphView === 'table'\"\n            name=\"graph-table\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref } from \"vue\";\n\n  const props = defineProps<{\n    iconName?: string;\n    iconColor?: string;\n    borderRadius?: string;\n    title?: string;\n    cardType?: string;\n    infoText?: string;\n    isHeaderHidden?: boolean;\n  }>();\n  const contentOpened = ref(true);\n  const graphView = ref(\"chart\");\n\n  function toggleContent() {\n    contentOpened.value = !contentOpened.value;\n  }\n\n  function toggleInfo() {\n    if (graphView.value === \"info\") {\n      graphView.value = \"chart\";\n    } else {\n      graphView.value = \"info\";\n    }\n  }\n\n  function toggleTable() {\n    if (graphView.value === \"table\") {\n      graphView.value = \"chart\";\n    } else {\n      graphView.value = \"table\";\n    }\n  }\n</script>","<template>\n  <div v-if=\"locale == 'hu'\"\n       class=\"didYouKnowMargin\">\n    <Vue3StickySidebar v-if=\"sticky\" \n                       class=\"d-none d-xxl-block sidebar\" \n                       container-selector=\"main\" \n                       inner-wrapper-selector=\".sidebar__inner\"\n                       :top-spacing=\"135\"\n                       :bottom-spacing=\"30\">\n      <InfoCard :class=\"alternativeCard ? 'alternativeCard' : ''\"\n                icon=\"tips\"\n                icon-color=\"#5d92d2\"\n                :title=\"t('companyData.cards.didYouKnow.title')\"\n                card-type=\"dropdown\"\n                dropdown-color=\"#5d92d2\">\n        <template #content>\n          <div v-html=\"html\" />\n        </template>\n      </InfoCard>\n    </Vue3StickySidebar>\n\n    <InfoCard :class=\"[alternativeCard ? 'alternativeCard' : '', sticky ? 'd-xxl-none' : '']\"\n              icon=\"tips\"\n              icon-color=\"#5d92d2\"\n              :title=\"t('companyData.cards.didYouKnow.title')\"\n              card-type=\"dropdown\"\n              dropdown-color=\"#5d92d2\">\n      <template #content>\n        <div v-html=\"html\" />\n      </template>\n    </InfoCard>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\n  import Vue3StickySidebar from \"vue3-sticky-sidebar\";\n  import { http, t, user, init } from \"@/logic\";\n\n  init();\n\n  const props = defineProps([\"pageName\", \"alternativeCard\", \"sticky\"]);\n\n  const html = ref(\"\");\n  const locale = ref(\"hu\");\n\n  onMounted(async () => {\n    locale.value = user.locale || \"hu\";\n    const rand = Math.floor(Math.random() * (19 - 1)) + 1;\n    await http.fetch(html, `/did-you-know/${rand}.html`);\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.didYouKnowMargin {\n  margin-bottom: 10rem;\n}\n</style>\n\n","<template>\n  <div :class=\"['co-collapse', { 'chart-collapse': chartCollapse }]\">\n    <h3 :class=\"['title', { 'active': open, 'inactive': !open }]\"\n        @click=\"open = !open\">\n      {{ title }}\n    </h3>\n    <div v-if=\"open\">\n      <slot />\n    </div>\t\t\n  </div>\n</template>\n\n<script setup lang=\"ts\">\t\n  import { ref, onMounted } from \"vue\";\n  import { useEventBus } from \"@vueuse/core\";\n  \n  const props = withDefaults(defineProps<{\n    title?: string,\n    chartCollapse?: boolean,\n    page?: string,\n    opened?: boolean\n  }>(), {\n    title: null,\n    chartCollapse: false,\n    page: null,\n    opened: false\n  });\n\n  const open = ref(false);\n\n  if (props.page) {\n    const bus = useEventBus<boolean>(props.page + \"/collapseToggle\");\n\n    bus.on((event) => {\n      open.value = event;\n    });\n  }\n\n  onMounted(() => {\n    open.value = props.opened;\n  });\n</script>\n","<template>\n  <div>\n    <Collapse v-for=\"(group, index) in filteredGroups(groups)\"\n              :key=\"'group-' + index\"\n              :title=\"group.title\" \n              page=\"companyData\"\n              :opened=\"group.open\">\n      <div class=\"content\">\n        <div v-for=\"(item, itemIndex) in filteredItems(group.items)\"\n             :key=\"'item-' + itemIndex\" \n             class=\"item data-section\">\n          <div v-for=\"(row, rowIndex) in item.rows\"\n               :key=\"'row-' + rowIndex\">\n            <div :class=\"['companyDataCollapse', { 'last': rowIndex === item.rows.length - 1 } ]\">\n              <div v-if=\"rowIndex !== 0\"\n                   class=\"counter\" />\n              <div v-if=\"item.counter && rowIndex === 0\"\n                   class=\"counter\"\n                   :class=\"['hl' + item.id]\">\n                {{ item.counter }}.\n              </div>\n              <div>\n                <div class=\"keyIcon\">\n                  <div v-if=\"row.keyIcon\"\n                       class=\"no-print\"\n                       :class=\"['icon', row.keyIcon.key]\"\n                       :style=\"{ 'color': row.keyIcon.color }\" />\n                  <div v-if=\"row.key\"\n                       class=\"key\">\n                    {{ row.key }}\n                  </div>\n                </div>\n              </div>\n              <div v-if=\"!row.valueIcon\"\n                   class=\"valueIcon\" />\n              <div>\n                <div class=\"valueIcon\">\n                  <div v-if=\"row.value\"\n                       class=\"value\">\n                    <a v-if=\"row.valueUrl\"\n                       :href=\"row.valueUrl\"\n                       class=\"link link--primary\"\n                       target=\"_blank\">\n                      {{ row.value }}\n                    </a>\n                    <span v-else\n                          :style=\"row.style\">\n                      {{ row.value }}\n                    </span>\n                    <a v-if=\"row.valueIcon && row.valueIcon.url\"\n                       :href=\"row.valueIcon.url\"\n                       target=\"_blank\"\n                       class=\"d-inline-block\">\n                      <div v-if=\"row.valueIcon\"\n                           class=\"no-print\"\n                           :class=\"['icon', row.valueIcon.key]\"\n                           :style=\"{ 'color': row.valueIcon.color }\" />\n                    </a>\n                  </div>\n                  <div v-else-if=\"row.valueIcon\"\n                       :class=\"['icon', row.valueIcon.key]\"\n                       :style=\"{ 'color': row.valueIcon.color }\" />\n                </div>\n                <div v-if=\"row.dates\">\n                  <Collapse title=\"További információ\"\n                            class=\"more-info no-print\">\n                    <div class=\"dateIcon-container\">\n                      <div v-for=\"(date, dateIndex) in row.dates\"\n                           :key=\"'date-' + dateIndex\">\n                        <div class=\"dateIcon d-flex align-items-center\">\n                          <div class=\"no-print\"\n                               :class=\"['icon', date.icon.key]\"\n                               :style=\"{ 'color': date.icon.color }\" />\n                          <div class=\"date d-flex flex-column\">\n                            <div class=\"\">\n                              {{ date.key }}\n                            </div>\n                            <div class=\"\">\n                              {{ date.value }}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </Collapse>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div v-if=\"group.hasMore\"\n             class=\"mt-2 has-more no-print\"\n             @click=\"onMoreData\">\n          {{ t('companyData.checkboxes.showAllData') }}\n        </div>\n      </div>\n    </Collapse>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\n  import { useRoute } from \"vue-router\";\n  import { http, t, route, init } from \"@/logic\";\n  import { useEventBus } from \"@vueuse/core\";\n\n  init();\n\n  const emit = defineEmits<{\n    (e: \"moreData\"): void;\n  }>();\n  const props = defineProps([\"groups\", \"onlyValid\"]);\t\n  const bus = useEventBus<boolean>(\"companyData/collapseToggle\");\n  const hl = ref(null);\n  const hlSection = ref(null);\n\n  function onMoreData() {\n    emit(\"moreData\");\n  }\n\n  function filteredItems(items) {\n    if (props.onlyValid) {\n      items = items.filter((i) => i.valid);\n    }\n\n    if (hl.value) {\n      items = items.filter((i) => hl.value.includes(i.id));\n    }\n\n    return items;\n  }\n\n  function filteredGroups(groups) {\n    if (props.onlyValid) {\n      groups = groups.filter((i) => i.valid);\n    }\n\n    if (hlSection.value) {\n      groups = groups.filter((i) => i.id == hlSection.value);\n    }\n\n    return groups;\n  }\n\n  onMounted(() => {\n    if (route.query.hl) {\n      hl.value = route.query.hl.toString().split(\",\");\n      if (hl.value.length > 0) {\n        hlSection.value = hl.value[0].toString().split(\"/\")[0];\n      }\n      bus.emit(true);\n    }\n  });\n</script>\n\n<style scoped lang=\"scss\">\n.companyDataCollapse {\n  display: flex;\n  margin: 0.4rem 0 !important;\n\n  &.last {\n    margin-bottom: 0 !important;\n  }\n\n  & .counter {\n    min-width: 5rem !important;\n    color: $color-font-quaternary !important;\n    font-size: 1.4rem !important;\n\n    @include media-breakpoint-down(md) {\n      min-width: 4rem !important;\n    }\n  }\n\n  & .keyIcon,\n  & .valueIcon,\n  & .dateIcon {\n    display: flex !important;\n    align-items: center !important;\n\n    & .icon {\n      margin-right: 0.5rem !important;\n      font-weight: 700 !important;\n      font-size: 2rem !important;\n    }\n\n    & .key {\n      margin-right: 1rem;\n      font-weight: 500 !important;\n      font-size: 1.4rem !important;\n\n      @include media-breakpoint-down(md) {\n        display: none !important;\n      }\n    }\n\n    & .value {\n      font-weight: 500 !important;\n      font-size: 1.4rem !important;\n    }\n\n    & .key,\n    & .date {\n      color: $color-font-quaternary !important;\n      text-overflow: ellipsis !important;\n    }\n\n    & .date {\n      margin-right: 1rem;\n      margin-left: 0.2rem !important;\n      font-weight: 500 !important;\n      font-size: 1.2rem !important;\n    }\n  }\n\n  & .keyIcon {\n    align-items: center;\n    min-width: 18rem !important;\n    max-width: 18rem !important;\n\n    @include media-breakpoint-down(md) {\n      min-width: 0 !important;\n    }\n  }\n\n  & .dateIcon {\n    margin-top: 1rem;\n\n    & .icon {\n      margin-right: 0 !important;\n    }\n  }\n\n  & .valueIcon {\n    margin-right: 0 !important;\n\n    @include media-breakpoint-down(md) {\n      white-space: normal !important;\n    }\n\n    & a {\n      text-decoration: none;\n    }\n\n    & .icon {\n      margin-right: 0 !important;\n      margin-left: 0.5rem !important;\n    }\n  }\n\n  & .dateIcon-container {\n    display: flex !important;\n    align-items: center !important;\n\n    @include media-breakpoint-down(xs) {\n      align-items: flex-start !important;\n\n      & .dateIcon {\n        & .date {\n          margin-left: 1rem !important;\n        }\n      }\n    }\n\n    & div:not(:first-child) {\n      @include media-breakpoint-down(md) {\n        margin-left: 0 !important;\n      }\n    }\n  }\n\n  & .more-info.co-collapse {\n    padding-top: 0.5rem !important;\n    border-top: 0 !important;\n\n    & :deep(.title) {\n      width: initial !important;\n      font-size: 1.2rem !important;\n\n      &::after {\n        display: none !important;\n        margin-left: 0 !important;\n      }\n    }\n\n    & :v-deep(.title.inactive) {\n      color: $color-gray !important;\n    }\n  }\n}\n\n.dateIcon {\n  & .icon {\n    margin-right: 0 !important;\n  }\n}\n\n.content {\n  margin-top: 2rem;\n}\n\n.has-more {\n  color: $color-primary;\n  font-size: 1.6rem;\n  cursor: pointer;\n  text-align: center;\n}\n</style>\n","export default \"__VITE_PUBLIC_ASSET__ec3d4217__\"","<template>\n  <div v-if=\"!loading\"\n       class=\"page-company-data\">\n    <div class=\"container-fluid \">\n      <div class=\"row\">\n        <div class=\"col-12 col-xxl-8\">\n          <PageCard :title=\"t('companyData.title')\"\n                    icon=\"company-report\">\n            <template #controls>\n              <div class=\"d-flex flex-column\">\n                <div class=\"co-checkbox-primary\" />\n              </div>\n              <div v-if=\"!isPrint\"\n                   class=\"d-flex flex-row\">\n                <Button v-if=\"!downloadStarted\"\n                        size=\"small\"\n                        :label=\"t('companyData.buttons.downloadExtract')\"\n                        @click=\"download\" />\n                <div v-else\n                     class=\"mt-2\">\n                  <span class=\"spinner-border text-primary\" />\n                  <span class=\"ml-1 text-primary\">{{ t('companyData.buttons.downloading') }}</span>\n                </div>\n                <div class=\"d-none d-md-block\">\n                  <Button v-if=\"openAll === false\"\n                          size=\"small\"\n                          :label=\"t('negativeInfos.buttons.openAll')\"\n                          icon=\"pi pi-angle-down\"\n                          icon-pos=\"right\"\n                          @click=\"onOpenAll\" />\n                  <Button v-else\n                          size=\"small\"\n                          :label=\"t('negativeInfos.buttons.closeAll')\"\n                          icon=\"pi pi-angle-up\"\n                          icon-pos=\"right\"\n                          @click=\"onOpenAll\" />\n                </div>                \n              </div>\n            </template>\n\n            <template #content>\n              <EmptyState v-if=\"!companyData.groups.length\"\n                          page=\"companyData\" />\n              <TabView v-else>\n                <TabPanel :header=\"t('companyData.tabs.companyData')\">\n                  <CompanyDataContent :groups=\"companyData.groups\"\n                                      :has-more=\"companyData.hasMore\"\n                                      :only-valid=\"onlyValid\"\n                                      @more-data=\"onMoreData\" />\n                </TabPanel>\n                <TabPanel :header=\"t('companyData.tabs.members')\">\n                  <CompanyDataContent :groups=\"membersGroups\"\n                                      :has-more=\"companyData.hasMore\"\n                                      :only-valid=\"onlyValid\"\n                                      @more-data=\"onMoreData\" />\n                </TabPanel>\n                <TabPanel :header=\"t('companyData.tabs.news')\">\n                  <CompanyDataContent :groups=\"newsGroups\"\n                                      :only-valid=\"onlyValid\"\n                                      @more-data=\"onMoreData\" />\n                </TabPanel>\n              </TabView>\n            </template>\n          </PageCard>\n        </div>\n        <div class=\"col-12 col-xxl-4 did-you-know-card\">\n          <DidYouKnow page-name=\"company-data\"\n                      :sticky=\"true\"\n                      alternative-card=\"true\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, reactive, computed, onMounted, onUnmounted } from \"vue\";\n  import { http, t, toggle, route, init, user } from \"@/logic\";\n  import { useEventBus } from \"@vueuse/core\";\n\n  init();\n\n  const { defaultAll } = defineProps<{\n    defaultAll?: boolean;\n  }>()\n\n\n  const collapseEventBus = useEventBus<boolean>(\"companyData/collapseToggle\");\n  const showOnlyValidEventBus = useEventBus<boolean>(\"showOnlyValid\");\n  const loading = ref(false);\n  const all = ref(defaultAll);\n  const openAll = ref(false);\n  const downloadStarted = ref(false);\n  const isPrint = ref(false);\n\n  const companyData = reactive({\n    downloadUrl: \"\",\n    groups: [],\n    hasMore: false\n  });\n\n  const membersGroups = computed(() => {\n    return companyData.groups.filter((g) => g.type === \"members\");\n  });\n\n  const newsGroups = computed(() => {\n    return companyData.groups.filter((g) => g.type === \"news\");\n  });\n\n  const onlyValid = computed(() => {\n    var onlyValid = user.onlyValid ||\n      route.path.includes(\"print/extract\") ||\n      (route.path.includes(\"print\") && route.fullPath.includes(\"onlyValid=true\"));\n    return onlyValid;\n  });\n\n  async function load() {\n    const data = (await http.get(\"/api/report/\" + route.params.id + \"/data?all=\" + all.value));\n    companyData.downloadUrl = data.downloadUrl;\n    companyData.groups = data.groups;\n\n    openAll.value = user.dataExpanded || route.path.includes(\"print\");\n\n    if (openAll.value && companyData.groups) {\n      companyData.groups.forEach((x) => (x.open = true));\n    }\n  }\n\n  function onOpenAll() {\n    toggle(openAll);\n    collapseEventBus.emit(openAll.value);\n  }\n\n  async function onMoreData() {\n    all.value = true;\n    await load();\n  }\n\n  async function download() {\n    await http.blob(\"/api/report/\" + route.params.id + \"/print-extract\", downloadStarted);\t\t\n  }\n\n  onMounted(async () => {\n    loading.value = true;\n    await load();\n    loading.value = false;\n    if (!route.path.includes(\"print\")) {    \n      showOnlyValidEventBus.emit(true);      \n    }\n  });\n\n  onUnmounted(() => {\n    showOnlyValidEventBus.emit(false);\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.page-company-data {\n  & :deep(.card) {\n    margin-right: 0;\n\n    @include media-breakpoint-down(lg) {\n      display: none;\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"sidebar\">\n    <div v-if=\"!loading\" ref=\"clickoutside\" class=\"company-info\">\n      <div class=\"company-info-container\">\n        <div :class=\"{ 'active': isHamburgerActive, 'no-sidebar': $route.name === 'report.connections' }\"\n          class=\"hamburger-sidebar hamburger-sidebar--stack\" @click=\"toggleHamburger\">\n          <div class=\"inner\">\n            <span class=\"bar\" />\n            <span class=\"bar\" />\n            <span class=\"bar\" />\n          </div>\n        </div>\n        <h2 class=\"company-name\">\n          {{ company.name }}\n        </h2>\n        <div class=\"company-status\">\n          <div class=\"icon\" :class=\"company.status.icon.key\" :style=\"{color: company.status.icon.color}\" />\n          <div class=\"status\">\n            <span>{{ company.status.value }}</span>\n          </div>\n        </div>\n        <div class=\"company-rating\">\n          <div class=\"rating\" :style=\"{backgroundColor: company.risk.backgroundColor}\">\n            {{ company.risk.value }}\n          </div>\n          <div class=\"status d-none d-lg-block\">\n            <span>{{ company.risk.label }}</span>\n          </div>\n        </div>\n        <div v-if=\"company.type\" class=\"company-status\">\n          <div class=\"icon\" :class=\"company.type.icon\" />\n          <div class=\"status\">\n            <span>{{ company.type.name }}</span>\n          </div>\n        </div>\n      </div>\n      <div class=\"company-info-controls\">\n        <div v-if=\"showOnlyValid\" class=\"co-checkbox-primary mr-1 d-none d-md-block\">\n          <Checkbox v-model=\"user.onlyValid\" input-id=\"onlyValid\" :binary=\"true\" />\n          <label for=\"onlyValid\">\n            <span class=\"d-none d-xl-inline\">\n              {{ t('companyData.checkboxes.onlyValidDetails') }}\n            </span>\n            <span class=\"d-xl-none\">\n              {{ t('companyData.checkboxes.onlyValidDetailsSmall') }}\n            </span>\n          </label>\n        </div>\n\n        <a class=\"icon-button download\" :href=\"downloadUrl()\" target=\"_blank\">\n          <i class=\"icon export\" />\n          <span class=\"label d-none d-lg-inline\">{{ t('main.sidebar.download') }}</span>\n        </a>\n\n        <div class=\"icon-button\" @click=\"toggleMonitoring\">\n          <span class=\"icon\" :class=\"company.monitoring.icon.key\" :style=\"{color: company.monitoring.icon.color}\" />\n          <span class=\"label d-none d-lg-inline\">\n            {{ company.monitoring.label }}\n          </span>\n        </div>\n\n        <div class=\"d-flex monitoring-dropdown\">\n          <div class=\"icon-button\">\n            <span class=\"icon company-added\" @click=\"addToComparison\"/>\n            <div class=\"dropdown b-dropdown dropdown-comparison btn-group\">\n              <button type=\"button\"\n                      class=\"btn btn-secondary\"\n                      @click=\"toggleComparison\">\n                <span class=\"label d-none d-lg-inline\">\n                  {{ t('summary.checkbox.comparison') }}\n                </span>\n              </button>\n            </div>\n          </div>\n        </div>\n\n        <OverlayPanel ref=\"op\">\n          <div v-if=\"comparisonCompanies.length\">\n            <div role=\"menu\" \n                 class=\"comparison-dowpdown-content\"\n                 tabindex=\"-1\" \n                 x-placement=\"bottom-start\">\n              <div v-for=\"(item, index) in comparisonCompanies\"\n                   :key=\"item.id\"\n                   role=\"presentation\"\n                   class=\"m-3\">\n                <a role=\"menuitem\"\n                   href=\"#\"\n                   target=\"_self\"\n                   class=\"dropdown-item\">\n                  <div class=\"d-flex align-items-center\" \n                       style=\"overflow: hidden; white-space: nowrap; text-overflow: ellipsis;\">\n                    <p class=\"text\"\n                       style=\"max-width: 13rem; overflow: ellipsis; white-space: nowrap; text-overflow: ellipsis;\">{{ item.name }}</p>\n                    <i class=\"icon company-deleted p-2\" \n                       style=\"position: absolute; right: 0;\" \n                       @click=\"removeFromComparison(index)\" />\n                  </div>\n                </a>\n              </div>\n            </div>\n            <div class=\"m-3 button button--primary button--small\"\n                 @click=\"$router.push({name: 'comparison'})\">\n              {{ t('main.sidebar.comparison.show') }}\n            </div>\n            <div class=\"m-3 button button--primary button--small\"\n                 @click=\"removeAll()\">\n              {{ t('main.sidebar.comparison.removeall') }}\n            </div>\n          </div>\n          <div v-else class=\"comparison-dowpdown-content\">\n            <p class=\"text-center\">{{ t('main.sidebar.comparison.empty') }}</p>\n          </div>\n        </OverlayPanel>\n      </div>\n    </div>\n    <div>\n      <div :class=\"{ 'show': isHamburgerActive, 'no-sidebar': $route.name === 'report.connections' }\"\n           class=\"sidebar-content\">\n        <router-link v-for=\"item in menuItems\" :key=\"item.routeName\"\n                     :to=\"{name: item.routeName}\"\n                     :class=\"{'active': $route.name === item.routeName, [item.class]: true}\"\n                     @click=\"item.toggleHamburger ? toggleHamburger() : null\">\n          <div class=\"icon\" :class=\"item.icon\" :style=\"item.style\"/>\n          <span :style=\"item.style\">{{ item.title }}</span>\n        </router-link>\n        <a v-if=\"company.menu.extraMenu\" :href=\"company.menu.extraMenu.link\" target=\"_blank\">\n          <div class=\"icon home-settings\" />\n          <span>{{ company.menu.extraMenu.name }}</span>\n        </a>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, reactive, onMounted, watch, computed } from \"vue\";\n  import { http, t, toggle, toast, init, route, comparison, user } from \"@/logic\";\n  import { onClickOutside, useEventBus } from \"@vueuse/core\";\n\n  init();\n\n  const loading = ref(false);\n  const isHamburgerActive = ref(false);  \n  const showOnlyValid = ref(false);  \n  const company = reactive({\n    id: \"\",\n    name: \"\",\n    tax8: \"\",\n    positiveColor: \"\",\n    negativeColor: \"\",\n    menu: {} as any,\n    status: {\n      icon: {\n        key: \"\"\n      }\n    } as any,\n    risk: {} as any,\n    type: {} as any,\n    monitoring: {\n      icon: {\n        key: \"\"\n      }\n    } as any\n  });\n  const comparisonCompanies = ref(comparison.companies || []);\n  const clickoutside = ref(null);\n  const op = ref();\n  const menuItems = computed(() => {\n    return [\n      {\n        show: company.menu.summary,\n        routeName: \"report.summary\",\n        icon: \"summary\",\n        title: t(\"main.sidebar.summary\"),\n        toggleHamburger: true\n      },\n      {\n        show: company.menu.companyData,\n        routeName: \"report.company-data\",\n        icon: \"company-report\",\n        title: t(\"main.sidebar.companyReport\"),\n        toggleHamburger: true\n      },\n      {\n        show: company.menu.financialReportSummary,\n        routeName: \"report.financial-report-summary\",\n        icon: \"financial-reports\",\n        title: t(\"main.sidebar.financialReportSummary\"),\n        toggleHamburger: true\n      },\n      {\n        show: company.menu.financialReport,\n        routeName: \"report.financial-report\",\n        icon: \"reports\",\n        title: t(\"main.sidebar.financialReport\"),\n        toggleHamburger: true\n      },\n      {\n        show: company.menu.commonRatings,\n        routeName: \"report.common-ratings\",\n        icon: \"common-ratings\",\n        title: t(\"main.sidebar.commonRatings\"),\n        toggleHamburger: true\n      },\n      {\n        show: company.menu.negativeInfo,\n        routeName: \"report.negative-info\",\n        icon: \"negative-info\",\n        title: t(\"main.sidebar.negativeInformations\"),\n        style: { color: company.negativeColor },\n        toggleHamburger: true\n      },\n      {\n        show: company.menu.positiveInfo,\n        routeName: \"report.positive-info\",\n        icon: \"positive-info\",\n        title: t(\"main.sidebar.positiveInformations\"),\n        class: \"svg\",\n        style: { color: company.positiveColor },\n        toggleHamburger: true\n      },\n      { \n        show: company.menu.connections,\n        routeName: \"report.connections\",\n        icon: \"connections\",\n        title: t(\"main.sidebar.connectionNetwork\")\n      },\n      {\n        show: company.menu.connectionList,\n        routeName: \"report.connection-list\",\n        icon: \"switch\",\n        title: t(\"main.sidebar.connectionList\"),\n        toggleHamburger: true\n      },\n      {\n        show: company.menu.timeline,\n        routeName: \"report.timeline\",\n        icon: \"timeline\",\n        title: t(\"main.sidebar.timeline\"),\n        toggleHamburger: true\n      },\n      {\n        show: company.menu.marketing,\n        routeName: \"report.marketing\",\n        icon: \"marketing\",\n        title: t(\"main.sidebar.marketing\"),\n        toggleHamburger: true\n      },\n      {\n        show: company.menu.sector,\n        routeName: \"report.sector\",\n        icon: \"benefit-stat\",\n        title: t(\"main.sidebar.departmentIndicators\"),\n        toggleHamburger: true\n      },\n      {\n        show: company.menu.finalOwner,\n        routeName: \"report.final-owner\",\n        icon: \"person\",\n        title: t(\"main.sidebar.finalOwner\"),\n        toggleHamburger: true\n      },\n      {\n        show: company.menu.im,\n        routeName: \"report.im\",\n        icon: \"kim\",\n        title: t(\"main.sidebar.KIMCompanyInfo\"),\n        toggleHamburger: true\n      }\n    ].filter(x => x.show);\n  });\n\n  const toggleComparison = (event) => {\n    op.value.toggle(event);\n  };\n\n  useEventBus<boolean>(\"showOnlyValid\").on(x => {\n    showOnlyValid.value = x;\n  });  \n\n  onClickOutside(clickoutside, event => hide());\n\n  function toggleHamburger() {\n    toggle(isHamburgerActive);\n  }\n\n  function addToComparison() {\n    comparison.addCompany({\n      name: company.name,\n      id: company.id,\n    });\n    comparisonCompanies.value = comparison.companies;\n  }\n\n  function removeFromComparison(index) {\n    comparison.deleteCompany(index);\n    comparisonCompanies.value = comparison.companies;\n  }\n\n  function removeAll() {\n    comparison.emptyAll();\n    comparisonCompanies.value = comparison.companies;\n  }\n\n  function hide() {\n    isHamburgerActive.value = false;\n  }\n\n  async function toggleMonitoring() {\n    const data = await http.get(\"/api/monitoring/\" + company.tax8 + \"/toggle\");\n    toast(data.notification, data.notificationColor);    \n    company.monitoring = data.state;\n  }\n\n  async function load() {\n    const data = await http.get(`/api/report/${route.params.id}/header`);\n    company.id = data.id;\n    company.name = data.name;\n    company.tax8 = data.tax8;\n    company.menu = data.menu;\n    company.status = data.status;\n    company.risk = data.risk;\n    company.type = data.type;\n    company.monitoring = data.monitoring;\n    company.positiveColor = data.positiveColor;\n    company.negativeColor = data.negativeColor;\n  }\n\n  function downloadUrl() {\n    return `/report/${route.params.id}/print`;\n  }\n\n  onMounted(async () => {\n    loading.value = true;\n    await load();\n    loading.value = false;\n  });\n\n  watch(\n    () => route.params.id,\n    load\n  );\n</script>\n\n<style lang=\"scss\" scoped>\n  .sidebar {\n    & .company-info {\n      position: fixed;\n      top: $height-nav;\n      z-index: 900;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100vw;\n      height: $height-company-info;\n      padding: 0 $padding-nav;\n      box-shadow: rgba(99, 99, 99, 0.2) 0px 0px 8px 0px;\n      background-color: white;\n\n      @include media-breakpoint-down(lg) {\n        top: $height-nav + 3.5rem;\n      }\n\n      &-container {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        white-space: nowrap;\n\n        & .company-name {\n          margin: 0 1rem 0 0;\n          overflow: hidden;\n          color: $color-font-primary;\n          font-weight: 500;\n          font-size: 2rem;\n          text-overflow: ellipsis;\n\n          @include media-breakpoint-down(lg) {\n            margin: 0 1rem;\n          }\n        }\n\n        & .company-status {\n          display: flex;\n          align-items: center;\n          margin-right: 1rem;\n\n          @include media-breakpoint-down(lg) {\n            margin-right: 0.5rem;\n          }\n\n          & .icon {\n            display: flex;\n            margin-right: 0.5rem;\n            font-size: 2.5rem;\n\n            &--active {\n              &::after {\n                color: white;\n                font-size: 2rem;\n                font-family: $font-icon;\n                content: \"\\e906\";\n              }\n            }\n          }\n\n          & .status {\n            color: $color-font-primary;\n            font-weight: 400;\n            font-size: 1.4rem;\n\n            @include media-breakpoint-down(md) {\n              display: none;\n            }\n          }\n        }\n\n        & .company-rating {\n          display: flex;\n          align-items: center;\n          margin-right: 1rem;\n\n          & .rating {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 2.2rem;\n            min-width: 2.2rem;\n            height: 2.2rem;\n            min-height: 2.2rem;\n            margin-right: 0.5rem;\n            padding-right: 0.1rem;\n            color: white;\n            font-weight: 700;\n            font-size: 1.3rem;\n            font-family: $font-monospace;\n            line-height: 1;\n            border-radius: 50%;\n\n            &--active {\n              background-color: $color-green;\n            }\n          }\n\n          & .status {\n            color: $color-font-primary;\n            font-weight: 400;\n            font-size: 1.4rem;\n\n            @include media-breakpoint-down(md) {\n              display: none;\n            }\n          }\n        }\n      }\n\n      &-controls {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    }\n\n    & .sidebar-content {\n      position: fixed;\n      top: $height-nav + $height-company-info;\n      bottom: 0;\n      z-index: $z-index-sidebar;\n      display: flex;\n      flex-direction: column;\n      width: $width-sidebar-desktop;\n      overflow-x: hidden;\n      overflow-y: auto;\n      background-color: $color-sidebar-bg;\n      transition: width 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n\n      @include media-breakpoint-up(lg) {\n        &.no-sidebar {\n          width: $width-sidebar-mobile;\n\n          &.show {\n            width: $width-sidebar-desktop;\n            box-shadow: $box-shadow-sidebar;\n\n            & a {\n              &.active {\n                border-right: 3px solid $color-primary;\n              }\n            }\n          }\n        }\n      }\n\n      @include media-breakpoint-down(lg) {\n        top: $height-nav + $height-company-info + 3.5rem;\n        width: $width-sidebar-mobile;\n\n        &.show {\n          width: $width-sidebar-desktop;\n          box-shadow: $box-shadow-sidebar;\n\n          & a {\n            &.active {\n              border-right: 3px solid $color-primary;\n            }\n          }\n        }\n      }\n\n      & a {\n        display: flex;\n        align-items: center;\n        margin-left: $padding-nav;\n        padding: 1rem;\n        color: $color-font-primary;\n        font-weight: 500;\n        font-size: 1.4rem;\n        white-space: nowrap;\n        text-decoration: none;\n        border-right: 3px solid transparent;\n        border-top-left-radius: 50px;\n        border-bottom-left-radius: 50px;\n        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-right 0.2s ease-in-out;\n\n        &.active {\n          color: $color-primary;\n          background-color: white;\n          cursor: pointer;\n          opacity: 1;\n\n          & .icon {\n            color: $color-primary;\n          }\n        }\n\n        &:hover {\n          color: $color-primary;\n          background-color: white;\n          cursor: pointer;\n          opacity: 1;\n\n          & .icon {\n            color: $color-primary;\n          }\n        }\n\n\n        & .icon {\n          margin-right: 0.5rem;\n          font-size: 2rem;\n          transition: color 0.2s ease-in-out;\n        }\n\n        &.svg {\n          & svg {\n            width: 2rem;\n            min-width: 2rem;\n            height: 2rem;\n            min-height: 2rem;\n            margin-right: 0.5rem;\n          }\n        }\n\n        & span {\n          line-height: 1;\n        }\n      }\n    }\n\n    .monitoring-dropdown {\n      & button {\n        padding: 0 !important;\n      }\n\n      & .company-added {\n        display: inline;\n        color: $color-primary;\n        font-size: 2.6rem;\n        cursor: pointer;\n      }\n    }\n\n    .icon-button {\n      display: flex;\n      align-items: center;\n      padding: 0.5rem 1rem;\n      font-size: 1.4rem;\n      cursor: pointer;\n\n      & .icon {\n        display: inline;\n        color: $color-primary;\n        font-size: 2.6rem;\n      }\n\n      & .label {\n        margin-left: 0.5rem;\n      }\n    }\n\n    .download {\n      color: $color-font-primary;\n      text-decoration: none;\n    }\n  }\n\n  .comparison-dowpdown-content {\n    width: 30rem;\n  }\n</style>\n","export default \"__VITE_PUBLIC_ASSET__00eb9386__\"","<template>\n  <div class=\"navigation\">\n    <div ref=\"clickoutside\"\n         :class=\"{ 'active': isHamburgerActive }\"\n         class=\"hamburger-navigation hamburger-navigation--stack\"\n         @click=\"toggleHamburger\">\n      <div class=\"inner\">\n        <span class=\"bar\" />\n        <span class=\"bar\" />\n        <span class=\"bar\" />\n      </div>\n    </div>\n    <router-link :to=\"{name: 'home'}\" >\n        <div class=\"logo\" />\n    </router-link>\n    <div ref=\"clickoutsidesearch\"\n         class=\"company-search\">\n      <div ref=\"searchField\"\n           style=\"width: 100%\">\n        <AutoComplete v-model=\"search\" \n                      :suggestions=\"companies\" \n                      :min-length=\"3\" \n                      option-label=\"name.value\"\n                      class=\"quick-search\"\n                      style=\"width: 100%\"\n                      :auto-option-focus=\"false\"\n                      :placeholder=\"t('main.search.placeholder')\"\n                      :emptySearchMessage=\"t('main.search.noResult')\"\n                      @complete=\"searchCompany\"\n                      @item-select=\"openReport\"\n                      @keyup=\"autoCompleteKeyUp\">\n          <template #option=\"slotProps\">\n             <div class=\" mb-1\">\n              <div class=\"d-flex align-items-center\">\n                <div class=\"company-status\">\n                  <div class=\"icon\"\n                      :class=\"slotProps.option.status.icon.key\"\n                      :style=\"{color: slotProps.option.status.icon.color}\" />\n                </div>\n                <div class=\"px-3\">\n                  <div>{{ slotProps.option.name.value }}</div>\n                  <div><small>{{ slotProps.option.address }}</small></div>\n                </div>\n              </div>\n             </div>\n          </template>\n        </AutoComplete>\n      </div>\n      <button @click=\"quickSearch\">\n        <span>{{ t('main.search.search') }}</span>\n      </button>\n      <div class=\"detailed-search\" \n           @click=\"router.push({name: 'advanced.search'})\">\n        {{ t('main.detailed') }}\n      </div>\n    </div>\n    <div class=\"user\">\n      <span>{{ user.name }}</span>\n    </div>\n    <div ref=\"menu\"\n         :class=\"{ 'active': isHamburgerActive }\"\n         class=\"user-mobile\">\n      <div class=\"user-avatar-background\">\n        <img src=\"/assets/shared/banner.jpg\"\n             alt=\"Banner\">\n      </div>\n      <ul @click=\"toggleHamburger\">\n        <div class=\"sub-navigation show\">\n          <div class=\"d-flex flex-row-reverse justify-content-end align-items-center\">\n            <router-link :to=\"{name: 'home'}\"\n                         :class=\"{active: route.name === 'home'}\">\n              {{ t('main.navigation.home') }}\n            </router-link>\n            <div class=\"icon monitoring\" />\n          </div>\n          <div class=\"d-flex flex-row-reverse justify-content-end align-items-center\">\n            <router-link :to=\"{name: 'monitoring'}\" \n                         :class=\"{active: route.name === 'monitoring'}\">\n              {{ t('main.navigation.monitoring') }}\n            </router-link>\n            <div class=\"icon summary\" />\n          </div>\n          <div class=\"d-flex flex-row-reverse justify-content-end align-items-center\">\n            <router-link :to=\"{name: 'marketing.search'}\" \n                         :class=\"{active: route.name === 'marketing.search'}\">\n              {{ t('main.navigation.marketing') }}\n            </router-link>\n            <div class=\"icon marketing\" />\n          </div>\n          <div class=\"d-flex flex-row-reverse justify-content-end align-items-center\"\n               v-if=\"!user?.claims.includes('NemzetkoziTiltas')\">\n            <router-link :to=\"{name: 'international.search'}\"\n                         :class=\"{active: route.name === 'international.search'}\">\n              {{ t('main.navigation.international') }}\n            </router-link>\n            <div class=\"icon marketing-web\" />\n          </div>\n          <div class=\"d-flex flex-row-reverse justify-content-end align-items-center\">\n            <router-link :to=\"{name: 'favorites'}\"\n                         :class=\"{active: route.name === 'favorites'}\">\n              {{ t('main.navigation.favourites') }}\n            </router-link>\n            <div class=\"icon home-favorites\" />\n          </div>\n          <div class=\"d-flex flex-row-reverse justify-content-end align-items-center\">\n            <router-link :to=\"{name: 'comparison'}\" \n                         :class=\"{active: route.name === 'comparison'}\">\n              {{ t('main.navigation.comparison') }}\n            </router-link>\n            <div class=\"icon company-added\" />\n          </div>\n          <div class=\"d-flex flex-row-reverse justify-content-end align-items-center\">\n            <router-link :to=\"{name: 'send-message'}\"\n                         :class=\"{active: route.name === 'send-message'}\">\n              {{ t('main.navigation.sendMessage') }}\n            </router-link>\n            <div class=\"icon send-message\" />\n          </div>\n          <hr class=\"mobile-menu-separator\">\n        </div>\n        <li @click=\"router.push({name: 'profile-edit'})\">\n          <div class=\"mobile-menu\">\n            <div class=\"icon profile-user\" />\n            <span class=\"text\">{{ t('main.user.modifyProfile') }}</span>\n          </div>\n        </li>\n        <li @click=\"router.push({name: 'profile-settings'})\">\n          <div class=\"mobile-menu\">\n            <div class=\"icon home-settings\" />\n            <span class=\"text\">{{ t('main.user.functionalSettings') }}</span>\n          </div>\n        </li>\n        <li @click=\"logout()\">\n          <div class=\"mobile-menu\">\n            <div class=\"icon profile-exit\" />\n            <span class=\"text\">{{ t('main.user.logout') }}</span>\n          </div>\n        </li>\n        <hr class=\"mobile-menu-separator\">\n        <div class=\"language-selector\">\n          <div v-if=\"currentLang !== 'hu'\"\n               class=\"language\"\n               @click=\"changeLocale('hu')\">\n            <span class=\"fi fi-hu\"></span>\n            <span style=\"margin-left: 0.5rem\">{{ t('languages.hu') }}</span>\n          </div>\n          <div v-if=\"currentLang !== 'en'\"\n               class=\"language\"\n               @click=\"changeLocale('en')\">\n            <span class=\"fi fi-gb\"></span>\n            <span style=\"margin-left: 0.5rem\">{{ t('languages.en') }}</span>\n          </div>\n          <div v-if=\"currentLang !== 'de'\"\n               class=\"language\"\n               @click=\"changeLocale('de')\">\n            <span class=\"fi fi-de\"></span>\n            <span style=\"margin-left: 0.5rem\">{{ t('languages.de') }}</span>\n          </div>\n        </div>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\t\n  import { ref, onMounted } from \"vue\";\n  import { onClickOutside  } from \"@vueuse/core\";\n  import { http, t, toggle, route, router, init, user } from \"@/logic\";\n  import AutoComplete from \"primevue/autocomplete\";\n\n  init();\n\n  const search = ref(\"\");  \n  const isHamburgerActive = ref(false);\n  const companies = ref([]);\n  const currentLang = ref(user.locale);\n\n  const clickoutside = ref(null);\n  const clickoutsidesearch = ref(null);\n\n  onClickOutside(clickoutside, event => hide());\n\n  const searchField = ref(null);\n  const menu = ref(null);\n  const popupItem = ref(null);\n\n  function autoCompleteKeyUp(e) {\n    if (e.key == 'Enter') {\n      quickSearch();\n    }\n  }\n\n  async function logout() {\n    await user.logout();\n    router.push(\"/login\");\n  }\n\n  function toggleHamburger() {\n    toggle(isHamburgerActive);\n\n    if (isHamburgerActive.value) {\n      popupItem.value = menu.value;\n    }\n  }\n\n  function hide() {\n    isHamburgerActive.value = false;\n  }\n\n  async function searchCompany() {\n    const { results } = (await http.get(\"/api/autocomplete?query=\" + encodeURIComponent(search.value)));\n    companies.value = results\n  }\n\n  function changeLocale(locale) {\n    user.locale = locale;\n    location.reload();\n  }\n\n  function openReport(event) {\n    window.location.href = event.value.name.url;\n  }\n\n  function quickSearch() {\n    if (search.value?.length >= 3) {\n      router.push({\n        name: \"quick.search\",\n        query: { query: search.value },\n      });\n    }    \n  }\n\n  onMounted(() => {\n    popupItem.value = menu.value;\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.navigation {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 6rem;\n  padding: 0 $padding-nav;\n  background-color: $color-nav-bg;\n\n  @include media-breakpoint-down(lg) {\n    flex-direction: column;\n    align-items: flex-start;\n    height: initial;\n    padding: $padding-nav;\n  }\n\n  & .logo {\n    width: 19.24rem;\n    height: 3.5rem;\n    background: url(\"/assets/shared/credit-online-logo.svg\") center/100% no-repeat;\n\n    @include media-breakpoint-down(lg) {\n      margin-bottom: 2rem;\n    }\n  }\n\n  & .company-search {\n    position: absolute;\n    left: 50%;\n    z-index: $z-index-company-search;\n    display: flex;\n    align-items: center;\n    transform: translateX(-50%);\n\n    @include media-breakpoint-down(lg) {\n      position: relative;\n      left: initial;\n      width: 100%;\n      transform: initial;\n    }\n\n    & button {\n      position: relative;\n      display: flex;\n      align-items: center;\n      height: 3.5rem;\n      padding: 0 1rem;\n      color: white;\n      font-weight: 400;\n      font-size: 1.5rem;\n      line-height: 1;\n      text-transform: uppercase;\n      background-color: $color-blue;\n      border: 0;\n      border-top-right-radius: 15px;\n      border-bottom-right-radius: 15px;\n\n        &:hover {\n          cursor: pointer;\n        }\n\n      &::before {\n        display: flex;\n        align-items: center;\n        width: 1.8rem;\n        height: 3.5rem;\n        margin-right: 0.2rem;\n        font-size: 1.8rem;\n        font-family: $font-icon;\n        content: \"\\e945\";\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      @include media-breakpoint-only(xs) {\n        & span {\n          display: none;\n        }\n\n        &::before {\n          margin-right: 0;\n        }\n      }\n    }\n\n    & .detailed-search {\n      display: flex;\n      align-items: center;\n      margin-left: 1.5rem;\n      color: $color-font-primary;\n      font-weight: 400;\n      font-size: 1.5rem;\n      line-height: 1;\n      text-transform: uppercase;\n      cursor: pointer;\n\n      &::before {\n        margin-right: 0.5rem;\n        color: $color-primary;\n        font-size: 2.3rem;\n        font-family: $font-icon;\n        visibility: visible;\n        content: \"\\e944\";\n\n        @include media-breakpoint-down(md) {\n          margin-right: 0;\n        }\n      }\n\n      @include media-breakpoint-down(lg) {\n        width: 2rem;\n        visibility: hidden;\n      }\n\n        &:hover {\n          text-decoration: none;\n        }\n    }\n  }\n\n  & .user {\n    display: inline-flex;\n    align-items: center;\n    min-width: 0;\n    max-width: 18rem;\n    margin-right: 3rem;\n\n    @include media-breakpoint-down(lg) {\n      display: none;\n    }\n\n    & span {\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n\n    & .user-avatar {\n      position: relative;\n      width: 4rem;\n      height: 4rem;\n      margin-left: 1rem;\n      overflow: hidden;\n      border-radius: 50%;\n\n      & img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n      }\n    }\n\n    &-mobile {\n      position: fixed;\n      top: 0;\n      right: 0;\n      z-index: $z-index-hamburger-menu;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      width: 30rem;\n      height: 100vh;\n      margin-right: -30rem;\n      background-color: white;\n      box-shadow: none;\n      transition: margin-right 0.3s ease-in-out, box-shadow 0.3s ease-in-out;\n\n      &.active {\n        margin-right: 0;\n        box-shadow: $box-shadow-navigation;\n      }\n\n      & .user-avatar {\n        position: absolute;\n        top: $padding-nav;\n        left: $padding-nav;\n        width: 9rem;\n        height: 9rem;\n        overflow: hidden;\n        border: 2px solid white;\n        border-radius: 50%;\n        box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.15);\n\n        & img {\n          width: 100%;\n          height: 100%;\n          object-fit: contain;\n        }\n\n        &-background {\n          position: relative;\n          width: 100%;\n          min-height: 6rem;\n          overflow: hidden;\n          background-color: white;\n          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);\n\n          & img {\n            position: absolute;\n            top: 50%;\n            left: calc(50% - 4rem);\n            width: 175%;\n            transform: translate(-50%, -50%);\n            opacity: 0.6;\n          }\n        }\n      }\n\n      & ul {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        margin: 2rem 0 0;\n        padding: 0 1rem;\n        overflow: auto;\n        list-style: none;\n\n        & .language-selector {\n          display: flex;\n          flex-direction: column;\n          flex-wrap: wrap;\n          margin: 0;\n\n          & .language {\n            display: flex;\n            align-items: center;\n            margin: 1rem 0;\n            cursor: pointer;\n\n            &:hover {\n              & span {\n                color: $color-primary;\n              }\n            }\n\n            & img {\n              height: 1.5rem;\n              margin-right: 1.5rem;\n            }\n\n            & span {\n              color: $color-font-primary;\n              font-weight: 400;\n              font-size: 1.6rem;\n              line-height: 1;\n            }\n          }\n        }\n\n        & .mobile-menu-separator {\n          width: 90%;\n          height: 1px;\n          background-color: black;\n          border-radius: 50%;\n          opacity: 0.1;\n        }\n\n        & .sub-navigation {\n          display: none;\n\n          &.show {\n            @include media-breakpoint-down(lg) {\n              display: flex;\n              flex-direction: column;\n            }\n          }\n\n          & .icon {\n            margin-right: 1rem;\n            font-size: 2.4rem;\n          }\n\n          & a {\n            display: flex;\n            align-items: center;\n            padding: 1rem 0;\n            color: $color-font-primary;\n            font-size: 1.6rem;\n            text-decoration: none;\n            transition: color 0.2s ease-in-out;\n\n              &:hover {\n                color: $color-primary;\n                cursor: pointer;\n\n                & + .icon {\n                  color: $color-primary;\n                }\n              }\n\n\n            &.active {\n              color: $color-primary;\n\n              & + .icon {\n                color: $color-primary;\n              }\n            }\n          }\n        }\n\n        & li {\n          margin: 1rem 0;\n\n          &:first-child {\n            margin-top: 0;\n          }\n\n          &:last-child {\n            margin-bottom: 0;\n          }\n\n          & .mobile-menu {\n            display: flex;\n            align-items: center;\n\n              &:hover {\n                cursor: pointer;\n\n                & .icon,\n                & .text {\n                  color: $color-primary !important;\n                }\n              }\n\n\n            & .icon {\n              margin-right: 1rem;\n              color: $color-font-primary;\n              font-size: 2.4rem;\n              transition: color 0.2s ease-in-out;\n            }\n\n            & .text {\n              color: $color-font-primary;\n              font-weight: 400;\n              font-size: 1.6rem;\n              transition: color 0.2s ease-in-out;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div>\n    <header>\n      <TheNavigation />\n      <TheSubNavigation />\n    </header>\n    <aside>\n      <TheSidebar />\n    </aside>\n    <main :class=\"{'no-sidebar position-relative': $route.name === 'report.connections' }\">\n      <router-view />\n    </main>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\nheader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $z-index-navigation;\n  width: 100vw;\n}\n\nmain {\n  margin-top: $height-nav + $height-company-info;\n  margin-left: $width-sidebar-desktop;\n  padding: 0 $padding-main-desktop $padding-main-desktop;\n\n  @include media-breakpoint-up(lg) {\n    &.no-sidebar {\n      margin-left: 0;\n    }\n  }\n\n  @include media-breakpoint-down(lg) {\n    margin-top: $height-nav + $height-company-info + 3.5rem;\n    margin-left: $width-sidebar-mobile;\n    padding: 0 $padding-main-mobile $padding-main-mobile;\n  }\n\n  @include media-breakpoint-only(xs) {\n    padding: 0 1.5rem $padding-main-mobile;\n  }\n}\n</style>\n","<template>\n  <div :class=\"['table-container table-responsive', { 'inner': innerTable }]\">\n    <table class=\"table table-striped\">\n      <thead>\n        <th v-for=\"(column, index) in columns\" \n            :key=\"column.name\"\n            :style=\"{'text-align': column.align, 'width': (column.width || 'auto')}\" \n            :class=\"column.class\">\n          <slot :name=\"'heading-' + index\">\n            <div class=\"title\"\n                 :style=\"{'color': column.color}\">\n              {{ column.title }}\n            </div>\n            <div v-if=\"column.description\"\n                 class=\"sub-title\"\n                 :style=\"{'color': column.color}\">\n              {{ column.description }}\n            </div>\n          </slot>\n        </th>\n      </thead>\n      <tbody>\n        <tr />\n        <tr />\n        <template v-for=\"(row, index) in items\"\n                  :key=\"'row-' + index\">\n          <tr>\n            <td v-for=\"(column, columnIndex) in columns\"\n                :key=\"'row-' + index + '-' + columnIndex\"\n                :class=\"tdClass(row, column, columnIndex)\"\n                :style=\"{\n                  'text-align': column.rowAlign || column.align,\n                  'color': column.color,\n                  'whiteSpace': column.wrap || 'nowrap'\n                }\">\n              <slot :name=\"columnIndex\"\n                    :row=\"row\"\n                    :columns=\"columns\"\n                    :index=\"index\">\n                <div v-if=\"row[columnIndex]\">\n                  <a v-if=\"row[columnIndex].url\"\n                     :href=\"row[columnIndex].url\"\n                     target=\"_blank\">\n                    {{ filtered(row[columnIndex], column).value }} {{ filtered(row[columnIndex], column).postfix }}\n                  </a>\n                  <span v-if=\"!row[columnIndex].url && !row[columnIndex].dotColor\">\n                    {{ filtered(row[columnIndex], column).value || 0 }} {{ filtered(row[columnIndex], column).postfix }}\n                  </span>\n                  <span v-if=\"row[columnIndex].dotColor\"\n                        style=\"height: 15px;width: 15px; border-radius: 50%;display: inline-block;\"\n                        :style=\"{backgroundColor: row[columnIndex].dotColor}\" />\n                  <a v-if=\"row[columnIndex].icon\"\n                     :href=\"row[columnIndex].icon.url\"\n                     target=\"_blank\"\n                     class=\"d-inline-block ml-2 text-decoration-none\">\n                    <i class=\"icon\"\n                       :class=\"row[columnIndex].icon.key\"\n                       :style=\"row[columnIndex].icon.style\" />\n                  </a>\n                </div>\n              </slot>\n            </td>\n          </tr>\n          <tr v-if=\"openedRows.includes(index)\">\n            <td :colspan=\"columns.length\">\n              <slot name=\"rowDetails\"\n                    :row=\"row\"\n                    :columns=\"columns\" />\n            </td>\n          </tr>\n        </template>\n      </tbody>\n    </table>\n    <div v-if=\"showCount\"\n         class=\"grid-shower\">\n      <span><b>{{ numResults }} {{ t('monitoring.numRows') }}</b></span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref } from \"vue\";\n  import { t, formatMoney } from \"@/logic\";\n\n  const props = withDefaults(defineProps<{\n    columns: Array<any>,\n    items: Array<any>,\t\t\n    isBold?: boolean,\n    innerTable?: boolean,\n    openedRows?: any,\n    mask?: any,\n    meta?: any,\n    numResults?: number,\n    showCount?: boolean,\n  }>(), {\n    mask: null,\n    meta: null,\n    isBold: false,\n    openedRows: [],\n    numResults: 1,\n    showCount: false\n  });\n\n  function filtered(td, th) {\n    const value = formatMoney(td.value);\n    let postfix = td.postfix || \"\";\n    switch (th.mask) {\n    case \"money\":\n      if (props.mask) {\n        return props.mask(td, props.meta);\n      }\n\n      postfix = props.meta.currency || td.postfix || \"\";\n      return {\n        value: value,\n        postfix: td.postfix,\n      };\n    default:\n      return {\n        value: td.value || 0,\n        postfix: postfix,\n      };\n    }\n  }\n\n  function tdClass(row, column, columnIndex) {\n    let obj = {\n      bold: row[columnIndex] && row[columnIndex].isBold,\n    };\n\n    if (column.class) {\n      obj[column.class] = true;\n    }\n\n    return obj;\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.grid-shower {\n  float: right;\n  margin: 12px 6px 10px 0;\n}\n\n.table-container {\n  padding: 2rem;\n\n  &.inner {\n    padding: 0;\n  }\n}\n\n  .table {\n    margin: 0;\n    border: 0;\n    border-collapse: collapse;\n\n    & thead {\n      padding: 0;\n\n      & th {\n        padding: 0.5rem;\n        border: 2px solid white;\n\n        & .title {\n          color: $color-font-primary;\n          font-weight: 600;\n          font-size: 1.4rem;\n        }\n\n        & .sub-title {\n          color: $color-font-primary;\n          font-weight: 500;\n          font-size: 1rem;\n        }\n      }\n    }\n\n    & tbody {\n      & tr {\n\n        & td {\n          padding: 0.5rem;\n          font-weight: 400;\n          font-size: 1.3rem;\n          white-space: nowrap;\n          vertical-align: middle;\n          border: 2px solid white;\n\n          &.no-border {\n            border: none;\n          }\n\n          &.bold {\n            font-weight: 600;\n          }\n\n          & .icon {\n            margin-right: 0.5rem;\n            color: $color-blue;\n            font-size: 2rem;\n\n              &:hover {\n                cursor: pointer;\n              }\n        \n          }\n        }\n      }\n    }\n  }\n</style>\n","<template>\n  <Chart type=\"bar\"\n         :data=\"barChartData\"\n         :options=\"options\" />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, computed } from \"vue\";\n\n  const props = defineProps([\"row\", \"columns\"]);\n\n  const rowData = ref([]);\n  const columnsData = ref([]);\n\n  const options = ref({\n    plugins: {\n      legend: {\n        display: false,\n      }\n    },\n    maintainAspectRatio: false\n  });\n\n  const barChartData = computed(() => {\n    return {\n      labels: columnsData.value,\n      datasets: [\n        {\n          label: \"\",\n          backgroundColor: \"#7979d4\",\n          data: rowData.value,\n        },\n      ],\n    };\n  });\n\n  onMounted(() => {\n    rowData.value = props.row.slice().map((c) => c.value);\n    rowData.value.shift();\n    columnsData.value = props.columns.map((c) => c.title);\n    columnsData.value.shift();\n  });\n</script>\n","<template>\n  <div class=\"p-3 alert-wrapper\"\n       :style=\"{backgroundColor: bg, color: color}\"\n       @click=\"toggle\">\n    <div class=\"d-flex align-items-center justify-content-between\">\n      <i :class=\"['icon', icon]\" />\n      <div class=\"title\">\n        {{ title }}\n      </div>\n      <i class=\"icon\"\n         :class=\"{'sort-down': !show, 'sort-up': show}\" />\n    </div>\n    <div v-if=\"show\"\n         class=\"description mt-3\">\n      {{ description }}\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref } from \"vue\";\n\n  const props = defineProps([\"icon\", \"title\", \"bg\", \"color\", \"description\"]);\n\n  const show = ref(false);\n\n  function toggle() {\n    show.value = !show.value;\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.alert-wrapper {\n  margin: 1rem 2rem 0 2rem;\n\n  & .title {\n    font-weight: 600;\n    font-size: 1.4rem;\n    margin-right: auto;\n    margin-left: 2rem;\n  }\n\n  & .icon {\n    font-weight: 600;\n    font-size: 2rem;\n\n    &.sort-down {\n      font-size: 2rem;\n    }\n  }\n\n  .description {\n    color: $color-font-primary;\n    font-weight: 600;\n    font-size: 1.2rem;\n  }\n}\n</style>\n","<template>\n  <div v-if=\"!loading\"\n       class=\"page-financial-report-summary\">\n    <div class=\"\">\n      <div class=\"row\">\n        <div class=\"col-12\">\n          <PageCard :title=\"t('financialReportSummary.title')\"\n                    icon=\"financial-reports\">\n            <template #content>\n              <EmptyState v-if=\"financialReportSummary.empty\"\n                          page=\"financialReportSummary\" />\n              <template v-else>\n                <Alert v-for=\"(alert, index) in financialReportSummary.alerts\"\n                       :key=\"'alert-' + index \"\n                       :icon=\"alert.icon\"\n                       :title=\"alert.title\" \n                       :bg=\"alert.bg\"\n                       :color=\"alert.color\" \n                       :description=\"alert.description\" />\n                <Table class=\"financial-report-table\"\n                       :columns=\"financialReportSummary.table.columns\" \n                       :items=\"financialReportSummary.table.items\"\n                       :meta=\"financialReportSummary.table.meta\" \n                       :opened-rows=\"openedRows\"\n                       :mask=\"mask\">\n                  <template #heading-0>\n                    <div class=\"\">\n                      <div class=\"d-flex flex-row\">\n                        <div class=\"co-checkbox-primary\">\n                          <Checkbox v-model=\"showInThousand\"\n                                    input-id=\"showInThousand\"\n                                    :binary=\"true\" />\n                          <label for=\"showInThousand\">\n                            {{\n                              t('financialReportSummary.checkboxes.showInThousand',\n                                {currency: financialReportSummary.table.meta.currency })\n                            }}\n                          </label>\n                        </div>\n                      </div>\n                      <div class=\"d-flex flex-row mt-2\">\n                        <a class=\"button button--primary button--small\"\n                           @click=\"download()\">\n                          {{ t('financialReportSummary.checkboxes.downloadXLSX') }}\n                        </a>\n                      </div>\n                    </div>\n                  </template>\n                  <template #0=\"{ row, columns, index }\">\n                    <div class=\"d-flex\">\n                      <i v-if=\"!row[0].isTitle\"\n                         class=\"icon sort-down\"\n                         @click=\"toggleRow(index)\" />\n                      {{ row[0].value }}\n                    </div>\n                  </template>\n                  <template #rowDetails=\"{ row, columns }\">\n                    <div>\n                      <div v-if=\"row[0].meta && row[0].meta.tooltip\"\n                           class=\"mb-4 details\">\n                        {{ row[0].meta.tooltip }}\n                      </div>\n                      <TableChart :row=\"row\"\n                                  :columns=\"columns\" />\n                    </div>                    \n                  </template>\n                </Table>\n              </template>\n            </template>\n          </PageCard>\n        </div>\n        <div class=\"col-12\">\n          <DidYouKnow page-name=\"financial-report-summary\"\n                      alternative-card=\"true\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\n  import { http, t, formatMoney, user, init, route } from \"@/logic\";\n\n  init();\n\n  const loading = ref(false);\n  const openedRows = ref([]);\n  const showInThousand = ref(false);\n  const financialReportSummary = ref({\n    downloadUrl: \"\",\n    alerts: [],\n    empty: false,\n    table: {\n      meta: {} as any,\n      columns: [],\n      items: [],\n    },\n  });\n\n  function toggleRow(id) {\n    const index = openedRows.value.indexOf(id);\n    if (index > -1) {\n      openedRows.value.splice(index, 1);\n    } else {\n      openedRows.value.push(id);\n    }\n    console.log(openedRows);\n  }\n\n  function mask(td, meta) {\n    if (showInThousand.value) {\n      const value = formatMoney(td.value / 1000);\n      return {\n        value: value,\n        postfix: `e${meta.currency}`,\n      };\n    } else {\n      const value = formatMoney(td.value);\n      return {\n        value: value,\n      };\n    }\n  }\n\n  async function download() {\n    await http.blob(\"/api/report/\" + route.params.id + \"/financial-report-summary-download\");\n  }\n\n  onMounted(async () => {\n    showInThousand.value = user.inThousandHUF;\n\n    await http.fetchWithLoading(financialReportSummary, loading, \"/api/report/\" + route.params.id + \"/financial-report-summary\");    \n  });\n</script>\n\n<style scoped lang=\"scss\">\n.details {\n  overflow: hidden;\n  font-size: 1.4rem;\n  white-space: normal;\n}\n\n.sort-down {\n\tfont-size: 1.8rem;\n\tmargin-right: 0.5rem;\n\tcolor: $color-blue;\n\tcursor: pointer;\n}\n</style>\n","<template>\n  <div>\n    <div class=\"tab-inner-header\">\n      <h4 class=\"title\">\n        {{ data.header.title }}\n      </h4>\n      <div class=\"mt-3\">\n        <span class=\"mr-1\">\n          <Chip :label=\"t('financialReport.type')\" />\t\t\t\t\t\n          <span class=\"text\">\n            {{ data.header.type }}\n          </span>\n        </span>\n        <span class=\"mr-1\">\n          <Chip :label=\"t('financialReport.variant')\" />\n          <span class=\"text\">\n            {{ data.header.variant }}\n          </span>\n        </span>\n        <span class=\"mr-1\">\n          <Chip :label=\"t('financialReport.currency')\" />\n          <span class=\"text\">\n            {{ data.header.currency }}\n          </span>\n        </span>\n        <span class=\"mr-1\">\n          <Chip :label=\"t('financialReport.date')\" />\n          <span class=\"text\">\n            {{ data.header.date }}\n          </span>\n        </span>\n      </div>\n    </div>\n    <Table :columns=\"data.table.columns\" \n           :items=\"data.table.items\" \n           :meta=\"data.table.meta\" \n           :inner-table=\"true\" \n           :mask=\"mask\" />\n  </div>  \n</template>\n\n<script setup lang=\"ts\">\n  import { ref } from \"vue\";\n  import { formatMoney, t } from \"@/logic\";\n\n  const props = defineProps([\"data\", \"showInThousand\"]);\n\n  function mask(td, meta) {\n    if (props.showInThousand) {\n      const value = formatMoney(td.value / 1000);\n      return {\n        value: value,\n        postfix: `e${meta.currency}`,\n      };\n    } else {\n      const value = formatMoney(td.value);\n      return {\n        value: value,\n        postfix: `${meta.currency}`,\n      };\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .title {\n      color: $color-primary;\n  }\n</style>\n","<template>\n  <div class=\"page-financial-report\">\n    <div class=\"\">\n      <div class=\"row\">\n        <div class=\"col-12 col-xxl-8\">\n          <PageCard :title=\"t('financialReport.title')\"\n                    icon=\"reports\">\n            <template v-if=\"!financialReport.empty\"\n                      #controls>\n              <div class=\"d-flex flex-column flex-md-row\">\n                <div class=\"co-checkbox-primary d-none d-md-block\">\n                  <Checkbox v-model=\"consolidated\"\n                            input-id=\"consolidated\"\n                            :binary=\"true\"\n                            @click=\"load\" />\n                  <label for=\"showInThousand\">\n                    {{ t('financialReport.checkboxes.consolidated') }}\n                  </label>\n                </div>\n                <div class=\"co-checkbox-primary d-none d-md-block\">\n                  <Checkbox v-model=\"showInThousand\"\n                            input-id=\"showInThousand\"\n                            :binary=\"true\" />\n                  <label for=\"showInThousand\">\n                    {{ t('financialReport.checkboxes.showInThousand', {currency: financialReport['balance'].table.meta.currency }) }}\n                  </label>\n                </div>\n              </div>\n              <a class=\"button button--primary button--small button--arrow downloadButton\"\n                 @click=\"download(financialReport.downloadUrl)\">\n                {{ t('financialReport.checkboxes.downloadXLSX') }}\n              </a>\n            </template>\n\n            <template #content>\n              <EmptyState v-if=\"financialReport.empty\"\n                          page=\"financialReport\" />\n              <template v-else>\n                <div class=\"year-container\">\n                  <Chip v-for=\"y in financialReport.years\"\n                        :key=\"y\"\n                        :label=\"t('financialReport.type')\">\n                    <a class=\"p-chip-text\"\n                       :class=\"{active: y === currentYear}\"\n                       @click=\"selectYear(y)\">{{ y }}</a>\n                  </Chip>\n                </div>\n                <TabView @tabClick=\"tabClick\">\n                  <TabPanel :header=\"t('financialReport.tabs.balance')\">\n                    <p class=\"mx-3\">\n                      <FinancialReportSheet :data=\"financialReport.balance\"\n                                            :show-in-thousand=\"showInThousand\" />\n                    </p>\n                  </TabPanel>\n                  <TabPanel :header=\"t('financialReport.tabs.incomeStatement')\">\n                    <p class=\"mx-3\">\n                      <FinancialReportSheet :data=\"financialReport.incomeStatement\"\n                                            :show-in-thousand=\"showInThousand\" />\n                    </p>\n                  </TabPanel>\n                  <TabPanel v-for=\"(tab, index) in financialReport.downloads\"\n                            :key=\"'downloads-' + index\"\n                            :header=\"tab.title\">\n                    <div class=\"mx-3\">\n                      <div class=\"mt-3 mb-3\">\n                        {{ tab.description }}\n                      </div>\n                      <a class=\"button button--primary\"\n                         :style=\"{ width: '150px' }\"\n                         @click=\"download(tab.downloadUrl)\">\n                        {{ t('financialReport.download') }}\n                      </a>\n                    </div>\n                  </TabPanel>\n                </TabView>\n              </template>\n            </template>\n          </PageCard>\n        </div>\n        <div class=\"col-12 col-xxl-4\">\n          <DidYouKnow page-name=\"financial-report\"\n                      :sticky=\"true\"\n                      alternative-card=\"true\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, reactive, onMounted, watch, computed } from \"vue\";\n  import { useRoute, useRouter } from \"vue-router\";\n  import { http, t } from \"@/logic\";\n\n  const props = defineProps([\"onlyLastReport\", \"year\"]);\n\n  const route = useRoute();\n  const currentTable = ref(0);\n  const showInThousand = ref(false);\n  const consolidated = ref(false);\n  const currentYear = ref(\"\");\n  const financialReport = ref({\n    downloadUrl: \"\",\n    years: [],\n    balance: {\n      header: {},\n      table: {\n        meta: {},\n        columns: [],\n        items: [],\n      },\n    },\n    incomeStatement: {\n      header: {},\n      table: {\n        meta: {},\n        columns: [],\n        items: [],\n      },\n    },\n    downloads: [],\n  } as any);\n\n  function tabClick(e){\n    currentTable.value = e.index;\n  }\n\n  async function load() {\n    let query = \"\";\n    if (currentYear.value) {\n      if (props.year) {\n        query += `year=${props.year}&`;\n      } else {\n        query += `year=${currentYear.value}&`;\n      }\n    } else {\n      if (props.year) query += `year=${props.year}&`;\n    }\n    if (props.onlyLastReport) {\n      query += \"only-last=true&\";\n    }\n    if (props.consolidated) {\n      query += \"consolidated=true&\";\n    }\n    await http.fetch(financialReport, `/api/report/${route.params.id}/financial-report?${query}`);    \n  }\n\n  async function selectYear(year) {\n    currentYear.value = year;\n    await load();\n  }\n\n  async function download(url) {\n    if (currentTable.value == 1) {\n      url = url.replace(\"/M\", \"/E\");\n    }\n\n    await http.blob(url);\n  }\n\n  onMounted(async () => {\n    await load();\n\n    if (financialReport.value.years) {\n      currentYear.value = financialReport.value.years[0];\n    }\n  });\n\n  watch(() => props.onlyLastReport, load);\n</script>\n\n<style lang=\"scss\" scoped>\n.downloadButton {\n  @include media-breakpoint-down(md) {\n    top: 13.5rem;\n    right: 3rem;\n  }\n\n  @include media-breakpoint-only(xs) {\n    top: 14.5rem;\n    width: 9rem;\n    min-width: 9rem;\n    text-align: center;\n  }\n}\n</style>\n","<template>\n  <div class=\"widget-controller\">\n    <div v-if=\"!show\"\n         class=\"icon widgets blue floating-icon d-none d-sm-flex\"\n         @click=\"show = true\" />\n    <InfoCard v-else>\n      <template #header>\n        <div class=\"card__header__title\">\n          <div class=\"widgets blue card__header__title__icon icon\" />\n          <h3 class=\"card__header__title__text\">\n            {{ t('summary.card.widgets.title') }}\n          </h3>\n          <div class=\"close-wrapper\"\n               @click=\"show = false\">\n            <div class=\"icon company-deleted blue\" />\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <div class=\"container-fluid\">\n          <draggable v-if=\"widgets\"\n                     v-model=\"widgets\" \n                     class=\"row\"\n                     item-key=\"key\"\n                     :component-data=\"{ tag: 'ul', name: 'flip-list', type: 'transition' }\"\n                     v-bind=\"dragOptions\"\n                     @change=\"save\">\n            <template #item=\"{element}\">\n              <div class=\"col-12 \"\n                   :class=\"element.class\">\n                <div class=\"drag-item\">\n                  <Checkbox :model-value=\"isShow(element.name)\"\n                            :input-id=\"element.name\"\n                            :binary=\"true\"\n                            @input=\"updateCheck(element.name)\" />\n                  <label :for=\"element.name\">{{ element.title }}</label>\n                  <div class=\"icon grip-vertical\" />\n                </div>\t\t\t\t\t\t\t\t\t\n              </div>\t\t\t\t\t\t\t\n            </template>\n          </draggable>\n        </div>\n      </template>\n    </InfoCard>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, ref, onMounted } from \"vue\";\n  import { t } from \"@/logic\";\n  import draggable from \"vuedraggable\";\n  import { useEventBus } from \"@vueuse/core\";\n\n  interface IWidget {\n    name: string,\n    show: boolean,\n  }\n\n  const emit = defineEmits<{\n    (e: \"update\", widgets: Array<IWidget>): void;\n  }>();\n\n  const props = defineProps<{\n    list: Array<IWidget>,\n    group: string\n  }>();\n\n  const bus = useEventBus<string>(\"widgets/show\");\n  const show = ref(false);\n  const widgets = ref<Array<IWidget>>([]);\n  const dragOptions = computed(() => {\n    return {\n      animation: 0,\n      disabled: false,\n      ghostClass: \"ghost\",\n    };\n  });\n\n  bus.on((name, value) => {\n    updateCheck(name, value);\n  });\n\n  async function load(force = false) {\n    const fromSave = JSON.parse(localStorage.getItem(\"widgets-\" + props.group)) as Array<IWidget> || [] as Array<IWidget>;\n    //const data = await http.get(\"/api/widgets\");\n   \n    if (fromSave.length == props.list.length) {\n      let newList = Array<IWidget>();\n      fromSave.forEach(newItem => {\n        let oldItem = widgets.value.find(x => x.name == newItem.name);\n        if (oldItem) {\n          oldItem.show = newItem.show;\n          newList.push(oldItem);\n        }                \n      });\n      widgets.value = newList;\n    }\n      \n    emit(\"update\", widgets.value);\n  }\n\n  function save() {\n    const toSave = widgets.value.map((x) => <IWidget>{ name: x.name, show: x.show });\n    localStorage.setItem(\"widgets-\" + props.group, JSON.stringify(toSave));\n    //http.post(\"/api/widgets\", widgets.value);\n    emit(\"update\", widgets.value);\n  }\n\n  function isShow(name) {\n    return widgets.value.find(x => x.name == name).show;\n  }\n\n  function updateCheck(name, value = null) {\n    let item = widgets.value.find(x => x.name == name);\n    item.show = value || !item.show;\n    save();\n  }\n\n  onMounted(async () => {\n    widgets.value = props.list;\n    load(true);\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.drag-item {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  margin: 0.5rem !important;\n  padding: 1rem !important;\n  border: 1px solid #CDCED2 !important;\n\tcursor: pointer;\n}\n\n\n.close-wrapper {\n  cursor: pointer;\n  & .company-deleted {\n    position: absolute;\n    top: 0;\n    right: 0;\n    font-size: 3rem;\n  }\n}\n\n.widget-controller {\n  position: fixed;\n  right: 8rem;\n  bottom: 2rem;\n  z-index: $z-index-widget-controller;\n\n  & .floating-icon {\n    width: 5rem;\n    font-size: 2.4rem;\n    background-color: white;\n    border: 1px solid $color-blue;\n    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);\n    cursor: pointer;\n  }\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 5rem;\n    height: 5rem;\n    border-radius: 50%;\n\n    &.blue {\n      color: $color-blue;\n      text-align: center;\n    }\n\n    &::before {\n      margin: auto;\n    }\n  }\n\n  .card {\n    max-width: 60rem;\n\n    @include media-breakpoint-down(md) {\n      max-width: 35rem;\n    }\n\n    & .icon {\n      width: initial;\n      height: initial;\n    }\n\n    & .close-wrapper {\n      position: absolute;\n      top: 1rem;\n      right: 1rem;\n    }\n\n    &__header {\n      &__title {\n        margin-bottom: 2rem;\n      }\n    }\n  }\n}\n.flip-list-move {\n  transition: transform 0.5s;\n}\n.no-move {\n  transition: transform 0s;\n}\n.ghost {\n  background: #c8ebfb;\n  opacity: 0.5;\n}\n</style>\n","<template>\n  <div v-show=\"loading\" class=\"text-center\">\n    <ProgressSpinner />\n  </div>\n  <div v-show=\"!loading\" class=\"interactive-table\"\n       :class=\"{ 'insideMarketingCard': isParentMarketingCard }\">\n    <div v-if=\"meta.count == 0\"\n         class=\"text-center mt-5\">\n      {{ noResultMessage || t('emptyTable') }}\n    </div>\n    <div v-else class=\"interactive-table__table\">\n      <div class=\"interactive-table__header\">\n        <div v-for=\"(column, index) in columns\"\n             :key=\"'column-' + index\"\n             class=\"interactive-table__header__company-name d-flex align-items-center\"\n             :class=\"[column.class, {active: meta.orderBy === column.prop, cursor: column.orderable},]\"\n             :style=\"{width: column.width}\"\n             @click=\"onOrderBy(column)\">\n          {{ column.value }}\n          <div v-if=\"column.orderable\"\n               class=\"ml-1\">\n            <i v-if=\"meta.orderBy === column.prop && meta.order === 'desc'\"\n               class=\"icon sorter-down-active\" />\n            <i v-else-if=\"meta.orderBy === column.prop && meta.order === 'asc'\"\n               class=\"icon sorter-up-active\" />\n            <i v-else\n               class=\"icon sorter-down\" />\n          </div>\n        </div>\n      </div>\n      <div v-for=\"(row, index) in items\"           \n           :key=\"'row-' + index\"\n           class=\"interactive-table__table__row align-items-center\">\n        <div v-for=\"(col, colIndex) in columns\"\n             :key=\"'col-' + index + '-' + colIndex\"\n             class=\"interactive-table__table__row__company-name\"\n             :style=\"{width: col.width}\"\n             :class=\"col.class\">\n          <div class=\"interactive-table__table__row__title\">\n            {{ col.value }}\n          </div>\n\n          <!-- icon type -->\n          <div v-if=\"col.type === 'icon'\"\n               class=\"d-flex align-items-start justify-content-md-left\">\n            <div class=\"interactive-table__table__row__status__icon icon\"\n                 :class=\"row[col.prop].icon.key\"\n                 :style=\"{color: row[col.prop].icon.color}\" />\n            <div class=\"interactive-table__table__row__data ml-2 d-block d-md-none d-lg-block\"\n                 :style=\"{color: row[col.prop].icon.color}\">\n              {{ row[col.prop].value }}\n            </div>\n          </div>\n\n          <!-- url type -->\n          <div v-else-if=\"col.type === 'url'\"\n               class=\"interactive-table__table__row__data\">\n            <router-link :to=\"row[col.prop].url\">\n              {{ row[col.prop].value }}\n            </router-link>\n          </div>\n\n          <div v-else-if=\"col.type === 'link'\"\n               class=\"interactive-table__table__row__data\">\n            <a :href=\"row[col.prop].url\"\n               target=\"_blank\">{{ row[col.prop].value }}</a>\n          </div>\n\n          <!-- marketing type -->\n          <div v-if=\"col.type === 'marketing'\"\n               class=\"d-flex\">\n            <a v-if=\"row[col.prop].phone\"\n               :href=\"'tel:' + row[col.prop].phone\"\n               class=\"interactive-table__table__row__marketing__icon\"\n               style=\"color: #f3792b ;\">\n              <i class=\"icon marketing-phone\" />\n            </a>\n            <div v-else\n                 class=\"interactive-table__table__row__marketing__icon\"\n                 style=\"color: #CDCED2 ;\">\n              <i class=\"icon marketing-phone\" />\n            </div>\n            <a v-if=\"row[col.prop].email\"\n               :href=\"'mailto:' + row[col.prop].email\"\n               class=\"interactive-table__table__row__marketing__icon\"\n               style=\"color: #f3792b;\">\n              <i class=\"icon marketing-mail\" />\n            </a>\n            <div v-else\n                 class=\"interactive-table__table__row__marketing__icon\"\n                 style=\"color: #CDCED2;\">\n              <i class=\"icon marketing-mail\" />\n            </div>\n            <a v-if=\"row[col.prop].website\"\n               :href=\"row[col.prop].website\"\n               class=\"interactive-table__table__row__marketing__icon\"\n               style=\"color: #f3792b;\">\n              <i class=\"icon marketing-web\" />\n            </a>\n            <div v-else\n                 class=\"interactive-table__table__row__marketing__icon\"\n                 style=\"color: #CDCED2;\">\n              <i class=\"icon marketing-web\" />\n            </div>\n          </div>\n\n          <!-- colored type -->\n          <div v-if=\"col.type === 'colored'\"\n               class=\"interactive-table__table__row__data\"\n               :style=\"{color: row[col.prop].color}\">\n            {{ row[col.prop].value }}\n          </div>\n\n          <!-- flag type -->\n          <div v-if=\"col.type === 'flag'\"\n               class=\"interactive-table__table__row__data\">\n            <span :class=\"'fi fi-' + row[col.prop]\"></span>\n          </div>\n\n          <!-- no type -->\n          <div v-if=\"col.type === undefined\"\n               class=\"interactive-table__table__row__data\">\n            {{ row[col.prop] }}\n          </div>\n\n          <!-- slot type -->\n          <div v-if=\"col.type === 'slot'\"\n               class=\"interactive-table__table__row__data\"\n               :class=\"col.class\">\n            <slot :name=\"col.prop\"\n                  :row=\"row\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import ProgressSpinner from \"primevue/progressspinner\";\n  import { t } from \"@/logic\";\n\n  const props = withDefaults(defineProps<{\n    columns: Array<any>,\n    items: Array<any>,\n    meta?: any,\n    isParentMarketingCard?: boolean,\n    loading?: boolean,\n    noResultMessage?: string,\n  }>(), {\n    meta: {},\n    isParentMarketingCard: false\n  });\n  \n  const emit = defineEmits<{\n    (e: \"onOrderBy\", column: any): void;\n  }>();\n\n  function onOrderBy(column) {\n    if (column.orderable) {\n      emit(\"onOrderBy\", column.prop);\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.interactive-table {\n  &.insideMarketingCard {\n    position: relative;\n    top: -2.5rem;\n    margin-bottom: -4rem;\n  }\n\n  &__header {\n    display: flex;\n    align-items: center;\n    padding-bottom: 1rem;\n    border-bottom: 2px solid $color-border-secondary;\n\n    @include media-breakpoint-down(md) {\n      display: none;\n    }\n\n    &__company-name,\n    &__headquarter,\n    &__company-number,\n    &__tax-number,\n    &__status,\n    &__marketing {\n      display: flex;\n      padding-right: 1rem;\n      color: $color-font-quaternary;\n      font-size: 1.4rem;\n      text-transform: uppercase;\n\n      &.active {\n        color: $color-font-primary;\n      }\n    }\n\n    & > div:first-child {\n      margin-left: 1rem;\n    }\n\n    &__company-number,\n    &__tax-number,\n    &__status,\n    &__marketing {\n      min-width: 12rem;\n    }\n\n    &__status,\n    &__marketing {\n      min-width: 10rem;\n      text-align: center;\n    }\n  }\n\n  &__table {\n    &__row {\n      display: flex;\n      padding: 1rem 0;\n      border-bottom: 2px solid $color-border-secondary;\n      border-left: 4px solid transparent;\n\n      @include media-breakpoint-down(md) {\n        flex-direction: column;\n      }\n\n      & > div:first-child {\n        margin-left: 1rem;\n      }\n\n      &:last-child {\n        border-bottom: none;\n      }\n\n        &:hover {\n          background-color: $color-table-content-bg;\n          //border-left: 4px solid $color-primary;\n        }\n\n\n      & .icon {\n        margin-right: 0.5rem;\n        font-size: 2rem;\n      }\n\n      &__title {\n        display: none;\n        margin-bottom: 0.5rem;\n        color: $color-font-quaternary;\n        font-weight: 500;\n        font-size: 1.6rem;\n        text-transform: uppercase;\n\n        @include media-breakpoint-down(md) {\n          display: block;\n        }\n      }\n\n      &__data {\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        @include media-breakpoint-down(md) {\n          margin-bottom: 2rem;\n        }\n      }\n\n      &__company-name,\n      &__headquarter,\n      &__company-number,\n      &__tax-number,\n      &__status,\n      &__marketing {\n        /* margin-left: 2rem; */\n        padding-right: 1rem;\n        color: $color-font-primary;\n        font-size: 1.4rem;\n\n        @include media-breakpoint-down(md) {\n          width: 100% !important;\n          margin-left: 1rem;\n        }\n      }\n\n      &__company-number,\n      &__tax-number,\n      &__status,\n      &__marketing {\n        min-width: 12rem;\n      }\n\n      &__status,\n      &__marketing {\n        display: flex;\n        align-items: flex-start;\n        justify-content: center;\n        min-width: 10rem;\n\n        @include media-breakpoint-down(md) {\n          flex-direction: column;\n          align-items: flex-start;\n          justify-content: flex-start;\n        }\n      }\n    }\n  }\n\n  .ellipsis {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .cursor {\n    cursor: pointer;\n  }\n}\n</style>\n","export default \"__VITE_PUBLIC_ASSET__174f6778__\"","export default \"__VITE_PUBLIC_ASSET__ad892048__\"","<template>\n  <div class=\"d-flex justify-content-center\">\n    <div v-if=\"score === null\">\n      <img class=\"rating-component-bg null-image\"\n           src=\"/assets/charts/COR-inactive.svg\">\n    </div>\n    <div v-else class=\"d-flex justify-center\">\n      <div class=\"rating-container\">\n        <img class=\"rating-component-bg\"\n             src=\"/assets/charts/COR-base.svg\">\n        <div ref=\"chartRef\"\n             class=\"rating-component-chart-ref\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, computed } from \"vue\";\n  import { useRoute } from \"vue-router\";\n  import * as d3 from \"d3\";\n\n  const props = defineProps<{\n    score?: number,\n    lite: boolean,\n  }>();\n\n  const route = useRoute();\n  const fullRatings = ref([\n    {\n      from: 0,\n      color: \"#e81313\",\n    },\n    {\n      from: 16,\n      color: \"#f95e08\",\n    },\n    {\n      from: 34,\n      color: \"#ff9929\",\n    },\n    {\n      from: 51,\n      color: \"#fde43f\",\n    },\n    {\n      from: 67,\n      color: \"#d1e517\",\n    },\n    {\n      from: 85,\n      color: \"#21c100\",\n    },\n  ]);\n\n  const liteRatings = ref([\n    {\n      from: 0,\n      color: \"#e81313\",\n    },\n    {\n      from: 34,\n      color: \"#fde43f\",\n    },\n    {\n      from: 67,\n      color: \"#21c100\",\n    },\n  ]);\n  const chartRef = ref(null);\n\n  const ratings = computed(() => {\n    return props.lite ? liteRatings.value : fullRatings.value;\n  });\n\n  const roundedScore = computed(() => {\n    if (props.score === 16) {\n      return 17;\n    }\n\n    if (props.score === 33) {\n      return 32;\n    }\n\n    if (props.score === 34) {\n      return 35;\n    }\n\n    if (props.score === 50) {\n      return 49;\n    }\n\n    if (props.score === 51) {\n      return 52;\n    }\n\n    if (props.score === 66) {\n      return 65;\n    }\n\n    if (props.score === 67) {\n      return 68;\n    }\n\n    if (props.score === 84) {\n      return 83;\n    }\n\n    if (props.score === 85) {\n      return 86;\n    }\n\n    return props.score;\n  });\n\n  function drawRatingChart() {\n    const zoom = Math.round((window.outerWidth / window.innerWidth) * 100);\n    var size = 180;\n\n    if (zoom < 50) {\n      size = 360;\n    } else if (zoom < 53 || window.outerWidth > 2500) {\n      size = 240;\n    }\n\n    const arc = d3.arc().outerRadius(65).innerRadius(61);\n\n    const pie = d3\n      .pie()\n      .startAngle(-1.25 * Math.PI - 0.02)\n      .endAngle(0.25 * Math.PI + 0.02)\n      .padAngle(0.04)\n      .sort(null)\n      .value(1);\n\n    const svg = d3\n      .select(chartRef.value)\n      .append(\"svg\")\n      .attr(\"width\", \"260px\")\n      .attr(\"height\", \"260px\")\n      .attr(\"viewBox\", \"-10 -5 220 220\")\n      .append(\"g\")\n      .attr(\"transform\", \"translate(90,90)\");\n\n    const g = svg\n      .selectAll(\".arc\")\n      .data(pie(ratings.value))\n      .enter()\n      .append(\"g\");\n\n    g.append(\"path\")\n      .attr(\"d\", arc)\n      .style(\"fill\", (data) => data.data.color);\n\n\n    if (route.path.includes(\"print\")) {\n      const rot = d3.interpolate(0, 269)(roundedScore.value / 100);\n      const g2 = svg.append(\"g\").attr(\"transform\", `rotate(${rot})translate(-50, -50)`);\n      const currentSelected = ratings.value.reduce((acc, from, i) => (from.from <= roundedScore.value ? i : acc), -1);\n      const a = d3.arc()\n        .outerRadius((_, i) => (i === currentSelected ? 85 : 65))\n        .innerRadius(61);\n\n      g.select(\"path\")\n        .attr(\"d\", a)\n        .style(\"fill\", (data) => data.data.color);\n\n      g2.append(\"path\")\n        .attr(\n          \"d\",\n          \"M44.6 56.5c.3.2.5.4.7.6l39.3 28.4-27.4-39.9c-.1-.2-.3-.5-.5-.7l-.1-.1c-.2-.2-.4-.5-.6-.7-3.3-3.3-8.6-3.4-12-.2-3.3 3.3-3.4 8.6-.2 12 .4.2.6.4.8.6z\"\n        )\n        .style(\"fill\", \"#535964\");\n    } else {\n      const g2 = svg.append(\"g\").attr(\"transform\", \"translate(-50, -50)\");\n      const timer = d3.timer((elapsed) => {\n        const duration = (roundedScore.value / 100) * 600;\n        const t = Math.min(1, elapsed / duration);\n        const currentScore = t * roundedScore.value;\n        const rotation = d3.interpolate(0, 269)(currentScore / 100);\n        g2.attr(\"transform\", `rotate(${rotation})translate(-50, -50)`);\n\n        const currentSelected = ratings.value.reduce((acc, from, i) => (from.from <= currentScore ? i : acc), -1);\n\n        const arc = d3\n          .arc()\n          .outerRadius((_, i) => (i === currentSelected ? 85 : 65))\n          .innerRadius(61);\n\n        g.select(\"path\")\n          .attr(\"d\", arc)\n          .style(\"fill\", (data) => data.data.color);\n\n        if (elapsed > duration) {\n          timer.stop();\n        }\n      }, 100);\n\n      g2.append(\"path\")\n        .attr(\n          \"d\",\n          \"M44.6 56.5c.3.2.5.4.7.6l39.3 28.4-27.4-39.9c-.1-.2-.3-.5-.5-.7l-.1-.1c-.2-.2-.4-.5-.6-.7-3.3-3.3-8.6-3.4-12-.2-3.3 3.3-3.4 8.6-.2 12 .4.2.6.4.8.6z\"\n        )\n        .style(\"fill\", \"#535964\");\n    }\n  }\n\n  const updateSvgSize = () => {\n    const width = window.innerWidth < 1200 ? 230 : 260;\n    const height = window.innerWidth < 1200 ? 230 : 260;\n\n    const svg = d3.select(chartRef.value).select(\"svg\");\n    svg.attr(\"width\", `${width}px`).attr(\"height\", `${height}px`);\n  };\n\n  onMounted(() => {\n    drawRatingChart();\n    updateSvgSize();\n    window.addEventListener(\"resize\", updateSvgSize);\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n  .rating-container {\n    height: 200px;\n    width: 200px;\n\n    @include media-breakpoint-down(xl) {\n      height: 180px;\n      width: 180px;\n    }\n  }\n\n  .rating-component-bg {\n    height: 200px;\n    width: 200px;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    @include media-breakpoint-down(xl) {\n    height: 180px;\n    width: 180px;\n    }\n  }\n\n  .rating-component-chart-ref {\n    position: absolute;\n    top: -12px;\n    left: -20px;\n\n    @include media-breakpoint-down(xl) {\n      top: -9px;\n      left: -15px;\n    }\n  }\n\n  .null-image {\n    @include media-breakpoint-up(xl) {\n      height: 200px;\n      max-height: 200px;\n    }\n\n    @include media-breakpoint-down(xl) {\n      height: 184px;\n      max-height: 184px;\n    }\n  }\n</style>","<template>\n  <div :class=\"currentRating.class\"\n       class=\"indicator\">\n    <div class=\"indicator__content\">\n      <div class=\"indicator__content__indicator\">\n        <CompanyRatingRoundChart :score=\"props.indicatorValue\"\n                                 :lite=\"props.lite\" />\n      </div>\n      <div v-if=\"props.indicatorValue === null\"\n           class=\"indicator__content__description\">\n        <p v-if=\"!props.disabled\"\n           class=\"inactive-text\">\n          {{ t('summary.indicator.empty') }}\n        </p>\n      </div>\n      <div v-else\n           class=\"indicator__content__description\">\n        <div class=\"indicator__content__description__list\">\n          <p v-for=\"rating in ratings\"\n             :key=\"rating.key\">\n            <span v-if=\"rating.key === currentRating.key\"\n                  class=\"indicator__content__description__title\"\n                  :class=\"rating.class\"\n                  style=\"cursor: pointer\"\n                  @click=\"onInfoClicked\">\n              <span class=\"indicator__content__description__title__value\">\n                {{ props.indicatorAlpha }}\n              </span>\n              <span class=\"indicator__content__description__title__text\">\n                {{ t('summary.indicator.level.' + rating.key ) }}\n              </span>\n            </span>\n            <span v-else\n                  class=\"indicator__content__description__list__item\"\n                  :class=\"rating.class\">\n              {{ t('summary.indicator.level.' + rating.key ) }}\n            </span>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, nextTick } from \"vue\";\n  import { t } from \"@/logic\";\n  import { useEventBus } from \"@vueuse/core\";\n\n  const props = defineProps([\"indicatorValue\", \"indicatorAlpha\", \"disabled\", \"lite\"]);\n  \n  const bus = useEventBus<string>(\"widgets/show\");\n  const contentInfoOpened = ref(false);\n  const fullRatings = ref([\n    {\n      from: 85,\n      key: \"minimalRisk\",\n      class: \"minimal-risk\",\n    },\n    {\n      from: 67,\n      key: \"lowRisk\",\n      class: \"low-risk\",\n    },\n    {\n      from: 51,\n      key: \"mediumRisk\",\n      class: \"medium-risk\",\n    },\n    {\n      from: 34,\n      key: \"risky\",\n      class: \"risky\",\n    },\n    {\n      from: 16,\n      key: \"veryRisky\",\n      class: \"very-risky\",\n    },\n    {\n      from: 0,\n      key: \"extremelyRisky\",\n      class: \"extremely-risky\",\n    },\n  ]);\n  const liteRatings = ref([\n    {\n      from: 80,\n      key: \"minimalRisk\",\n      class: \"minimal-risk\",\n    },\n    {\n      from: 45,\n      key: \"mediumRisk\",\n      class: \"medium-risk\",\n    },\n    {\n      from: 0,\n      key: \"veryRisky\",\n      class: \"very-risky\",\n    },\n  ]);\n\n  const ratings = computed(() => {\n    return props.lite ? liteRatings.value : fullRatings.value;\n  });\n\n  const currentRating = computed(() => {\n    if (!props.indicatorValue) {\n      return {\n        from: null,\n        key: \"inactive\",\n        class: \"inactive\",\n      };\n    }\n\n    return ratings.value.find((r) => r.from <= props.indicatorValue);\n  });\n\n  const ratingLabels = computed(() => {\n    return ratings.value.filter((r) => r.key !== currentRating.value.key);\n  });\n\n  async function onInfoClicked() {    \n    bus.emit(\"RatingDetails\", true);\n    await nextTick();\n    document.getElementById(\"ratingDetails\").scrollIntoView();    \n  }\n</script>\n\n<style lang=\"scss\" scoped>\n@media screen and (max-width: 960px) {\n  .indicator {\n    border-top-left-radius: 15px !important;\n    border-top-right-radius: 15px !important;\n    border-bottom-right-radius: 15px !important;\n    border-bottom-left-radius: 15px !important;\n  }\n}\n\n.indicator {\n  flex: 1;\n  width: 100%;\n  margin: $margin-card 0 0;\n  padding: $padding-card;\n  border-top-left-radius: 500px;\n  border-top-right-radius: 50px;\n  border-bottom-right-radius: 50px;\n  border-bottom-left-radius: 500px;\n\n  &.inactive {\n    box-shadow: $box-shadow-indicator-inactive;\n\n    & .indicator__content__description__title {\n      color: $color-gray;\n    }\n  }\n\n  &.minimal-risk {\n    box-shadow: $box-shadow-indicator-minimal-risk;\n\n    & .indicator__content__description__title {\n      color: $color-green;\n    }\n  }\n\n  &.low-risk {\n    box-shadow: $box-shadow-indicator-low-risk;\n\n    & .indicator__content__description__title {\n      color: $color-lime;\n    }\n  }\n\n  &.medium-risk {\n    box-shadow: $box-shadow-indicator-medium-risk;\n\n    & .indicator__content__description__title {\n      color: $color-yellow;\n    }\n  }\n\n  &.risky {\n    box-shadow: $box-shadow-indicator-risky;\n\n    & .indicator__content__description__title {\n      color: $color-orange;\n    }\n  }\n\n  &.very-risky {\n    box-shadow: $box-shadow-indicator-very-risky;\n\n    & .indicator__content__description__title {\n      color: $color-orange-dark;\n    }\n  }\n\n  &.extremely-risky {\n    box-shadow: $box-shadow-indicator-extremely-risky;\n\n    & .indicator__content__description__title {\n      color: $color-red;\n    }\n  }\n\n  &__info {\n    z-index: $z-index-indicator-info;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 3rem;\n    height: 3rem;\n    /*position: absolute;*/\n    /*top: 5rem;*/\n    /*right: 3.5rem;*/\n    margin-left: 1rem;\n    border: 2px solid $color-border-secondary;\n    border-radius: 50%;\n\n      &:hover {\n        cursor: pointer;\n      }\n\n    &::after {\n      color: $color-blue;\n      font-size: 2.6rem;\n      font-family: $font-icon;\n      content: \"\\e92a\";\n    }\n  }\n\n  &__content {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    &__indicator {\n      width: 18rem;\n\n      & img {\n        width: 100%;\n      }\n    }\n\n    &__description {\n      & .inactive-text {\n        color: $color-font-primary;\n        font-weight: 500;\n      }\n\n      &__title {\n        display: flex;\n        align-items: center;\n        font-weight: 700;\n        line-height: 2.2rem;\n\n        &__value {\n          margin-right: 0.3rem;\n          font-size: 2.2rem;\n        }\n\n        &__text {\n          margin: 0;\n          //font-size: 1.4rem;\n          white-space: nowrap;\n        }\n      }\n\n      &__list {\n        color: $color-dark-gray;\n\n        &__item {\n          display: flex;\n          align-items: center;\n          margin: 1rem 0;\n          font-size: 1.4rem;\n\n          &.minimal-risk,\n          &.low-risk,\n          &.medium-risk,\n          &.risky,\n          &.very-risky,\n          &.extremely-risky {\n            &::before {\n              display: block;\n              width: 1rem;\n              min-width: 1rem;\n              height: 1rem;\n              min-height: 1rem;\n              margin: 0 1rem;\n              border-radius: 50%;\n              content: \"\";\n            }\n          }\n\n          &.minimal-risk {\n            &::before {\n              background-color: $color-green;\n            }\n          }\n\n          &.low-risk {\n            &::before {\n              background-color: $color-lime;\n            }\n          }\n\n          &.medium-risk {\n            &::before {\n              background-color: $color-yellow;\n            }\n          }\n\n          &.risky {\n            &::before {\n              background-color: $color-orange;\n            }\n          }\n\n          &.very-risky {\n            &::before {\n              background-color: $color-orange-dark;\n            }\n          }\n\n          &.extremely-risky {\n            &::before {\n              background-color: $color-red;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n.na {\n  color: $color-font-primary !important;\n}\n</style>\n","<template>\n  <div>\n    <div class=\"row\">\n      <div class=\"col-12 col-xxl-8 d-flex align-items-stretch print-percent-100\">\n        <InfoCard icon-color=\"orange\"\n                  card-type=\"dropdown\"\n                  is-header-hidden>\n          <template #content>\n            <div class=\"container-fluid\">\n              <div class=\"row\">\n                <div class=\"col-12 pl-0\">\n                  <div class=\"row mb-5\">\n                    <div class=\"col-12\">\n                      <h3 class=\"cc-title\">\n                        {{ data.details.name }}\n                      </h3>\n                      <h3 class=\"cc-address\">\n                        <span>{{ data.details.headquarter }}</span>\n                        <a class=\"cc-map\"\n                           :href=\"data.details.mapUrl\"\n                           target=\"_blank\"> {{ t(\"summary.card.companyDetails.map\") }}</a>\n                      </h3>\n                      <h3 class=\"cc-location\">\n                        <a :href=\"'/quick/search?query=GEO_' + data.details.registrationNumber.value\"\n                           target=\"_blank\"\n                           :style=\"{color: data.details.locationInfo.color }\">\n                          {{ data.details.locationInfo.value }}\n                        </a>                        \n                      </h3>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"col-12 col-xl-6  \">\n                  <div class=\"cardCompanyDetails\">\n                    <h4 class=\"title\">\n                      {{ t('summary.card.companyDetails.registrationNumber') }}\n                    </h4>\n                    <p class=\"content\">\n                      {{ data.details.registrationNumber.value }}\n                      <copy v-if=\"!data.details.registrationNumber.empty\"\n                            :text=\"data.details.registrationNumber.value\" />\n                    </p>\n                  </div>\n                  <hr class=\"line line--card-separator\">\n                  <div class=\"cardCompanyDetails\">\n                    <h4 class=\"title\">\n                      {{ t('summary.card.companyDetails.taxNumber') }}\n                    </h4>\n                    <p class=\"content\">\n                      {{ data.details.taxNumber.value }}\n                      <copy v-if=\"!data.details.taxNumber.empty\"\n                            :text=\"data.details.taxNumber.value\" />\n                    </p>\n                  </div>\n                  <hr class=\"line line--card-separator\">\n                  <div class=\"cardCompanyDetails\">\n                    <h4 class=\"title\">\n                      {{ t('summary.card.companyDetails.incorporationYear') }}\n                    </h4>\n                    <p class=\"content\">\n                      {{ data.details.incorporationYear.value }}\n                      <copy v-if=\"!data.details.incorporationYear.empty\"\n                            :text=\"data.details.incorporationYear.value\" />\n                    </p>\n                  </div>\n                  <hr class=\"line line--card-separator\">\n                </div>\n                <div class=\"col-12 col-xl-6  \">\n                  <div class=\"cardCompanyDetails\">\n                    <h4 class=\"title\">\n                      {{ t('summary.card.companyDetails.revenue') }}\n                    </h4>\n                    <p class=\"content\"\n                       style=\"white-space: nowrap\">\n                      {{ data.details.revenue.value }}\n                      <span v-if=\"data.details.revenue.year\"\n                            class=\"badge\">{{ data.details.revenue.year }}</span>\n                      <copy v-if=\"!data.details.revenue.empty\"\n                            :text=\"data.details.revenue.value\" />\n                    </p>\n                  </div>\n                  <hr class=\"line line--card-separator\">\n                  <div class=\"cardCompanyDetails\">\n                    <h4 class=\"title\">\n                      {{ t('summary.card.companyDetails.creditability') }}\n                    </h4>\n                    <p class=\"content\"\n                       style=\"white-space: nowrap\">\n                      {{ data.details.creditability.value }}\n                      <span class=\"badge\">{{ data.details.creditability.year }}</span>\n                      <copy :text=\"data.details.creditability.value\" />\n                    </p>\n                  </div>\n                  <hr class=\"line line--card-separator\">\n                  <div class=\"cardCompanyDetails\">\n                    <h4 class=\"title\">\n                      {{ t('summary.card.companyDetails.employees') }}\n                    </h4>\n                    <p class=\"content\">\n                      {{ data.details.employees.value }}\n                      <span class=\"badge\">{{ data.details.employees.date }}</span>\n                      <copy :text=\"data.details.employees.value\" />\n                    </p>\n                  </div>\n                  <hr class=\"line line--card-separator\">\n                </div>\n                <div class=\"col-12 \">\n                  <div class=\"cardCompanyDetails\">\n                    <h4 class=\"title\">\n                      {{ t('summary.card.companyDetails.mainActivity') }}\n                    </h4>\n                    <p class=\"content\">\n                      {{ data.details.mainActivity }}\n                    </p>\n                  </div>\n                  <hr class=\"line line--card-separator\">\n                </div>\n                <div class=\"col-12 \">\n                  <div class=\"cardCompanyDetails\">\n                    <h4 class=\"title\">\n                      {{ t('summary.card.companyDetails.rating') }}\n                    </h4>\n                    <p class=\"content\">\n                      <span v-if=\"summary.certificate\" style=\"text-align: center\">\n                        <span style=\"font-weight: bold; font-size: 6rem; color: rgb(243, 121, 43)\">\n                          {{ summary.certificate }}\n                        </span>\n                        <br />\n                        <span style=\"font-weight: bold; font-size: 1.3rem\">\n                          {{ t('summary.certificateDesciption') }}\n                        </span>                        \n                      </span>\n                      <span v-else>\n                        {{ data.details.rating }}\n                      </span>                      \n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </template>\n        </InfoCard>\n      </div>\n\n      <div class=\"col-12 col-xxl-4 print-percent-100\">\n        <div class=\"row print-indicator-row\">\n          <div class=\"col-12 col-lg-6 col-xxl-12 d-flex align-items-stretch print-percent-50\">\n            <Indicator :indicator-value=\"data.risk || null\"\n                       :indicator-alpha=\"data.riskAlpha || null\" \n                       :disabled=\"data.riskDisabled\"\n                       :lite=\"data.liteRating\" />\n          </div>\n          <div class=\"col-12 col-lg-6 col-xxl-12 d-flex align-items-stretch print-percent-50\">\n            <SectorRisk :company=\"data\" />\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"summary.covid\"\n         class=\"row print-covid\">\n      <div class=\"col-12\">\n        <InfoCard :title=\"summary.covid.title\"\n                  :icon=\"summary.covid.icon.key\"\n                  :icon-color=\"summary.covid.icon.color\"\n                  card-type=\"dropdown\">\n          <template #content>\n            <div class=\"container-fluid\">\n              <div class=\"row\">\n                <div class=\"col-12\">\n                  <p class=\"covid\">\n                    {{ summary.covid.description }}\n                  </p>\n                </div>\n              </div>\n            </div>\n          </template>\n        </InfoCard>\n      </div>\n    </div>\n\n    <div v-if=\"summary.taxTable\"\n         class=\"row print-taxTable\">\n      <div class=\"col-12\">\n        <InfoCard :title=\"t('companyDetailsCards.taxTableTitle')\"\n                  icon=\"activity-scope\"\n                  icon-color=\"orange\"\n                  card-type=\"dropdown\">\n          <template #content>\n            <div class=\"container-fluid\">\n              <div class=\"row\">\n                <div class=\"col-12\">\n                  <InteractiveTable :columns=\"taxTable\"\n                                    :loading=\"loading\" \n                                    :items=\"summary.taxTable\" />\n                </div>\n              </div>\n            </div>\n          </template>\n        </InfoCard>\n      </div>\n    </div>\n\n    <div v-if=\"summary.closedCompaniesTable\"\n         class=\"row print-closedCompaniesTable\">\n      <div class=\"col-12\">\n        <InfoCard :title=\"t('companyDetailsCards.closedCompaniesTableTitle')\"\n                  icon=\"activity-scope\"\n                  icon-color=\"orange\"\n                  card-type=\"dropdown\">\n          <template #content>\n            <div class=\"container-fluid\">\n              <div class=\"row\">\n                <div class=\"col-12\">\n                  <InteractiveTable :columns=\"closedCompaniesTable\"\n                                    :loading=\"loading\" \n                                    :items=\"summary.closedCompaniesTable\" />\n                </div>\n              </div>\n            </div>\n          </template>\n        </InfoCard>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\n  import { useRoute } from \"vue-router\";\n  import { http, t } from \"@/logic\";\n\n  const props = defineProps([\"data\"]);\n\n  const route = useRoute();\n  const loading = ref(false);\n  const summary = ref({} as any);\n  const taxTable = ref([\n    {\n      value: t(\"companyDetailsCards.taxTableColumns.memberTaxNumber\"),\n      prop: \"memberTaxNumber\",\n      type: \"link\",\n      width: \"10%\",\n    },\n    {\n      value: t(\"companyDetailsCards.taxTableColumns.memberName\"),\n      prop: \"memberName\",\n      width: \"35%\",\n    },\n    {\n      value: t(\"companyDetailsCards.taxTableColumns.address\"),\n      prop: \"address\",\n      width: \"25%\",\n    },\n    {\n      value: t(\"companyDetailsCards.taxTableColumns.memberIDNumber\"),\n      prop: \"memberIDNumber\",\n      width: \"15%\",\n    },\n    {\n      value: t(\"companyDetailsCards.taxTableColumns.joinDate\"),\n      prop: \"joinDate\",\n      width: \"15%\",\n    },\n  ]);\n  const closedCompaniesTable = ref([\n    {\n      value: t(\"companyDetailsCards.closedCompaniesTableColumns.companyIDNumber\"),\n      prop: \"registrationNumber\",\n      width: \"15%\",\n    },\n    {\n      value: t(\"companyDetailsCards.closedCompaniesTableColumns.companyName\"),\n      prop: \"companyName\",\n      width: \"70%\",\n    },\n    {\n      value: t(\"companyDetailsCards.closedCompaniesTableColumns.status\"),\n      prop: \"status\",\n      width: \"15%\",\n    },\n  ]);\n\n  onMounted(async () => {\n    await http.fetchWithLoading(summary, loading, \"/api/report/\" + route.params.id + \"/summary\");\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.badge {\n  margin-left: 0.5rem;\n  padding: 0.4rem 1rem;\n  color: #868a92;\n  font-weight: 300;\n  font-size: 1.2rem;\n  background: #ebeced;\n  border-radius: 50px;\n}\n\n.cc-title {\n  margin-bottom: 3rem;\n  color: $color-font-primary;\n  font-weight: 600;\n  font-size: 2rem;\n}\n\n.cc-address {\n  display: flex;\n  align-items: center;\n  color: $color-font-primary;\n  font-weight: 400;\n  font-size: 1.4rem;\n}\n\n.cc-location a {\n  font-weight: 600;\n  font-size: 1.4rem;\n  text-decoration: none;\n}\n\n.cc-map {\n  display: flex;\n  align-items: center;\n  margin-left: 1rem;\n  color: $color-blue;\n  font-weight: 400;\n  font-size: 1.4rem;\n  text-transform: uppercase;\n\n\n    &:hover {\n      color: $color-blue;\n      text-decoration: none;\n      cursor: pointer;\n    }\n\n\n  &::before {\n    margin-right: 0.5rem;\n    color: $color-blue;\n    font-size: 2rem;\n    font-family: $font-icon;\n    content: \"\\e92e\";\n  }\n}\n\n.covid {\n  color: $color-red;\n  font-style: italic;\n}\n</style>\n","<template>\n  <div class=\"indicator-table\">\n    <div class=\"container-fluid\">\n      <div class=\"row d-none d-md-flex\">\n        <div class=\"col-12 col-md-2 d-flex align-items-end \">\n          <h4 class=\"indicator-table__title\">\n            {{ t('summary.indicator.indicatorTable.title.ccPoints') }}\n          </h4>\n        </div>\n        <div class=\"col-12 col-md-2 d-flex align-items-end \">\n          <h4 class=\"indicator-table__title\">\n            {{ t('summary.indicator.indicatorTable.title.rating') }}\n          </h4>\n        </div>\n        <div class=\"col-12 col-md-5 d-flex align-items-end \">\n          <h4 class=\"indicator-table__title\" />\n        </div>\n        <div class=\"col-12 col-md-3 d-flex align-items-end \">\n          <h4 class=\"indicator-table__title\">\n            {{ t('summary.indicator.indicatorTable.title.creditAdvice') }}\n          </h4>\n        </div>\n      </div>\n      <div v-for=\"item in items\"\n           :key=\"item.rating\"\n           class=\"row indicator-table__content\">\n        <div class=\"col-12 col-md-2 \">\n          <div :class=\"indicatorColor(item.ccPoints)\"\n               class=\"indicator-table__content__data\">\n            <h3 class=\"d-block d-md-none\">\n              {{ t('summary.indicator.indicatorTable.title.ccPoints') }}\n            </h3>\n            <span v-if=\"item.ccPoints !== null\"\n                  class=\"bold\">\n              {{ item.ccPoints[0] }} - {{ item.ccPoints[1] }}\n            </span>\n          </div>\n        </div>\n        <div class=\"col-12 col-md-2 \">\n          <div :class=\"indicatorColor(item.ccPoints)\"\n               class=\"indicator-table__content__data\">\n            <h3 class=\"d-block d-md-none\">\n              {{ t('summary.indicator.indicatorTable.title.rating') }}\n            </h3>\n            <span class=\"bold\">\n              {{ item.rating }}\n            </span>\n          </div>\n        </div>\n        <div class=\"col-12 col-md-5 \">\n          <div :class=\"indicatorColor(item.ccPoints)\"\n               class=\"indicator-table__content__data\">\n            <span>\n              {{ item.description }}\n            </span>\n          </div>\n        </div>\n        <div class=\"col-12 col-md-3 \">\n          <div v-if=\"item.creditAdvice !== null\"\n               :class=\"indicatorColor(item.ccPoints)\"\n               class=\"indicator-table__content__data\">\n            <h3 class=\"d-block d-md-none\">\n              {{ t('summary.indicator.indicatorTable.title.creditAdvice') }}\n            </h3>\n            <span v-if=\"item.creditAdvice !== null\">\n              {{ item.creditAdvice }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref } from \"vue\";\n  import { http, t } from \"@/logic\";\n\n  const props = defineProps([\"items\"]);\n\n  function indicatorColor(points: number) {\n    if(points == null) {\n      return \"grey\";\n    } else if (points[0] >= 85 && points[1] <= 100) {\n      return \"green\";\n    } else if (points[0] >= 67 && points[1] <= 84) {\n      return \"lime\";\n    } else if (points[0] >= 51 && points[1] <= 66) {\n      return \"yellow\";\n    } else if (points[0] >= 34 && points[1] <= 50) {\n      return \"orange\";\n    } else if (points[0] >= 16 && points[1] <= 33) {\n      return \"orange-dark\";\n    } else if (points[0] >= 0 && points[1] <= 15) {\n      return \"red\";\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.indicator-table {\n  margin: 0;\n\n  .row > * {\n    padding: 0px !important;\n  }\n\n  &__title {\n    width: 100%;\n    margin-bottom: 1.5rem;\n    padding-bottom: 1rem;\n    padding-left: 1.5rem;\n    color: $color-font-quaternary;\n    font-weight: 600;\n    font-size: 1.6rem;\n    border-bottom: 1px solid $color-font-tertiary;\n  }\n\n  &__content {\n    overflow: hidden;\n    border-radius: 4px;\n\n    @include media-breakpoint-down(md) {\n      border-radius: 0;\n\n      &:first-child {\n        border-top-left-radius: 4px;\n        border-top-right-radius: 4px;\n      }\n\n      &:last-child {\n        border-bottom-right-radius: 4px;\n        border-bottom-left-radius: 4px;\n      }\n    }\n\n    &__data {\n      height: 100%;\n      padding: 1.5rem;\n\n      &.green,\n      &.lime,\n      &.yellow,\n      &.orange,\n      &.orange-dark,\n      &.red,\n      &.gray {\n        -webkit-text-stroke: 0.2px rgba(0, 0, 0, 0.5);\n      }\n\n      &.green {\n        background-color: $color-bg-green;\n\n        & span {\n          color: $color-green;\n        }\n      }\n\n      &.lime {\n        background-color: $color-bg-lime;\n\n        & span {\n          color: $color-lime;\n        }\n      }\n\n      &.yellow {\n        background-color: $color-bg-yellow;\n\n        & span {\n          color: $color-yellow;\n        }\n      }\n\n      &.orange {\n        background-color: $color-bg-orange;\n\n        & span {\n          color: $color-orange;\n        }\n      }\n\n      &.orange-dark {\n        background-color: $color-bg-orange-dark;\n\n        & span {\n          color: $color-orange-dark;\n        }\n      }\n\n      &.red {\n        background-color: $color-bg-red;\n\n        & span {\n          color: $color-red;\n        }\n      }\n\n      &.gray {\n        background-color: $color-bg-gray;\n\n        & span {\n          color: $color-gray;\n        }\n      }\n\n      & h3 {\n        margin-bottom: 1rem;\n        color: $color-font-quaternary;\n        font-weight: 600;\n        font-size: 1.8rem;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      & span {\n        color: $color-font-primary;\n        font-weight: 400;\n        font-size: 1.4rem;\n\n        &.bold {\n          font-weight: 600;\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <InfoCard id=\"ratingDetails\"\n            :is-header-hidden=\"true\">\n    <template #content>\n      <IndicatorTable :items=\"tableItems\" />\n    </template>\n  </InfoCard>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref } from \"vue\";\n  import { t } from \"@/logic\";\n\n  const tableItems = ref([\n    {\n      ccPoints: [85, 100],\n      rating: t(\"summary.indicator.level.minimalRisk\"),\n      description: t(\"summary.indicator.indicatorTable.minimalRisk\"),\n      creditAdvice: t(\"summary.indicator.creditAdvice.veryLowRiskLoan\"),\n    },\n    {\n      ccPoints: [67, 84],\n      rating: t(\"summary.indicator.level.lowRisk\"),\n      description: t(\"summary.indicator.indicatorTable.lowRisk\"),\n      creditAdvice: t(\"summary.indicator.creditAdvice.lowRiskLoan\"),\n    },\n    {\n      ccPoints: [51, 66],\n      rating: t(\"summary.indicator.level.mediumRisk\"),\n      description: t(\"summary.indicator.indicatorTable.mediumRisk\"),\n      creditAdvice: t(\"summary.indicator.creditAdvice.considered\"),\n    },\n    {\n      ccPoints: [34, 50],\n      rating: t(\"summary.indicator.level.risky\"),\n      description: t(\"summary.indicator.indicatorTable.risky\"),\n      creditAdvice: t(\"summary.indicator.creditAdvice.onlyWithCover\"),\n    },\n    {\n      ccPoints: [16, 33],\n      rating: t(\"summary.indicator.level.veryRisky\"),\n      description: t(\"summary.indicator.indicatorTable.veryRisky\"),\n      creditAdvice: t(\"summary.indicator.creditAdvice.notRecommended\"),\n    },\n    {\n      ccPoints: [0, 15],\n      rating: t(\"summary.indicator.level.extremelyRisky\"),\n      description: t(\"summary.indicator.indicatorTable.extremelyRisky\"),\n      creditAdvice: t(\"summary.indicator.creditAdvice.notRecommended\"),\n    },\n    {\n      ccPoints: null,\n      rating: t(\"summary.indicator.level.other\"),\n      description: t(\"summary.indicator.indicatorTable.other\"),\n      creditAdvice: null,\n    },\n  ]);\n</script>\n","<template>\n  <InfoCard icon=\"switch\"\n            icon-color=\"orange\"\n            :title=\"data.title\"\n            card-type=\"dropdown\">\n    <template #content>\n      <InteractiveTable :items=\"data.data\"\n                        :columns=\"columns\" />\n    </template>\n  </InfoCard>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref } from \"vue\";\n  import { t } from \"@/logic\";\n\n  const props = defineProps([\"data\",]);\n\n  const columns = ref([\n    {\n      value: t(\"summary.card.otherCompanies.columns.regNumber\"),\n      prop: \"regNumber\",\n      type: \"url\",\n      width: \"20%\",\n    },\n    {\n      value: t(\"summary.card.otherCompanies.columns.name\"),\n      prop: \"name\",\n      width: \"50%\",\n    },\n    {\n      value: t(\"summary.card.otherCompanies.columns.status\"),\n      prop: \"status\",\n      width: \"30%\",\n    },\n  ]);\n</script>\n","<template>\n  <Chart v-if=\"data\"\n         type=\"line\"\n         :data=\"data\"\n         :options=\"options\" />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref } from \"vue\";\n  import { formatMoney } from \"@/logic\";\n\n  const props = defineProps([\"data\", \"legend\"]);\n\n  const options = ref({\n    scales: {\n      y: {\n        ticks: {\n          callback: function (value) {\n            if (Number.isInteger(value)) {              \n              var txt = formatMoney(value.toString());\n              return txt + (props.data.unit || \"\");\n            }\n          },\n        },\n      },\n    },\n    plugins: {\n      tooltip: {\n        backgroundColor: \"rgba(255, 255, 255, 0.85)\",\n        borderColor: \"#f2792b\",\n        borderWidth: 1,\n        titleColor: \"#f2792b\",\n        bodyColor: \"#f2792b\",\n        displayColors: false,\n      },\n      legend: {\n        display: props.legend == \"true\",\n        position: \"bottom\",\n      }\n    },\n    datasets: {\n      line: {\n        fill: false,\n        borderColor: \"#f2792b\",\n        pointBackgroundColor: \"#ffffff\",\n        lineTension: 0\n      }\n    },\n    maintainAspectRatio: false,\n  });\n</script>\n","<template>\n  <InfoCard :icon-name=\"icon\"\n            icon-color=\"#f3792b\"\n            :title=\"chartTitle\"\n            card-type=\"graph\"\n            :info-text=\"infoText\">\n    <template #content>\n      <div>\n        <slot>\n          <LineChart :data=\"props.data\"\n                     :legend=\"props.legend\" />\n        </slot>\n      </div>\n    </template>\n    <template #graph-table>\n      <table class=\"table table-hover\">\n        <thead>\n          <tr>\n            <th scope=\"col\">\n              {{ t('chartCard.date') }}\n            </th>\n            <th scope=\"col\"\n                style=\"text-align: right;\">\n              {{ t('chartCard.value') }}\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"item in tableData\"\n              :key=\"item.key\">\n            <td>{{ item.key }}</td>\n            <td style=\"text-align: right;\">\n              {{ formatMoney(item.value) }}\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </template>\n  </InfoCard>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed } from \"vue\";\n  import { formatMoney, t } from \"@/logic\";\n\n  const props = defineProps([\"chartTitle\", \"icon\", \"infoText\", \"data\", \"legend\"]);\n\n  const tableData = computed(() => {\n    let tableData = [];\n    if (props.data.labels) {\n      props.data.labels.forEach((l, index) => {\n        tableData.push({\n          key: l,\n          value: props.data.datasets[0].data[index],\n        });\n      });\n    }\n    return tableData;\n  });\n</script>\n\n<style scoped>\n</style>\n","<template>\n  <div v-if=\"!loading\"\n       class=\"page-summary\">\n    <div class=\"container-fluid \">\n      <div class=\"row\">\n        <div class=\"col-12\">\n          <div v-if=\"loaded\"\n               class=\"row print-row\">\n            <div v-for=\"widget in widgets\"\n                 :key=\"widget.name\"\n                 :class=\"widget?.class + ' print-avoid-page-brake'\">\n              <component :is=\"widget.component\"\n                         v-if=\"company && widget.show\"\n                         :key=\"widget.name\"\n                         :chart-title=\"widget.title\"\n                         :icon=\"widget.icon\"\n                         :info-text=\"widget.infoText\"\n                         :data=\"widget.data()\" />\n            </div>\n          </div>\n        </div>\n        <div class=\"col-12 col-xl-4\">\n          <WidgetController :list=\"widgets\"\n                            group=\"report\"\n                            @update=\"widgetUpdate\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, markRaw, watch, onBeforeMount } from \"vue\";\n  import { useRoute } from \"vue-router\";\n  import { http, router, t } from \"@/logic\";\n  import CompanyDetails from \"@/components/pages/report/CompanyDetails.vue\";\n  import RatingDetails from \"@/components/pages/report/RatingDetails.vue\";\n  import Contacts from \"@/components/pages/report/Contacts.vue\";\n  import PersonList from \"@/components/pages/report/PersonList.vue\";\n  import NonCompanyDetails from \"@/components/pages/report/NonCompanyDetails.vue\";\n  import CompanyList from \"@/components/pages/report/CompanyList.vue\";\n  import ChartCard from \"@/components/ChartCard.vue\";\n\n  const route = useRoute();\n  const key = ref(0);\n  const loading = ref(false);\n  const loaded = ref(false);\n  const company = ref(null);\n\n  const widgets = ref([\n    {\n      name: \"CompanyDetails\",\n      component: markRaw(CompanyDetails),\n      title: t(\"summary.card.widgets.companyDetails\"),\n      class: \"col-12\",\n      data: () => company.value,\n      show: true\n    },\n    {\n      name: \"OtherCompanies\",\n      component: markRaw(CompanyList),\n      title: t(\"summary.card.widgets.otherCompanies\"),\n      data: () => {\n        return { data: company.value.otherCompanies, title: t('summary.card.otherCompanies.title')}\n      },\n      show: true\n    },\n    {\n      name: \"RatingDetails\",\n      component: markRaw(RatingDetails),\n      title: t(\"summary.card.widgets.ratingDetails\"),\n      class: \"col-12\",\n      data: () => company.value,\n      show: false\n    },\n    {\n      name: \"Classification\",\n      component: markRaw(ChartCard),\n      title: t(\"summary.card.classification.title\"),\n      icon: \"summary\",\n      infoText: t(\"summary.card.classification.infoText\"),\n      data: () => company.value.charts?.classification?.data,\n      class: \"col-12 col-lg-6 print-percent-50\",\n      show: true\n    },\n    {\n      name: \"Revenue\",\n      component: markRaw(ChartCard),\n      title: t(\"summary.card.revenue.title\"),\n      icon: \"financial-reports\",\n      infoText: t(\"summary.card.revenue.infoText\"),\n      data: () => company.value.charts?.revenue?.data,\n      class: \"col-12 col-lg-6 print-percent-50\",\n      show: true\n    },\n    {\n      name: \"Contacts\",\n      component: markRaw(Contacts),\n      title: t(\"summary.card.widgets.contacts\"),\n      class: \"col-12\",\n      data: () => company.value,\n      show: true\n    },\n    {\n      name: \"AuthorizedToSign\",\n      component: markRaw(PersonList),\n      title: t(\"summary.card.widgets.authorizedToSign\"),\n      class: \"col-12\",\n      data: () => company.value.authorizedToSign,\n      show: true\n    },\n    {\n      name: \"PredecessorCompanies\",\n      component: markRaw(CompanyList),\n      title: t(\"summary.card.widgets.predecessorCompanies\"),\n      data: () => {\n        return { data: company.value.predecessorCompanies, title: t('summary.card.predecessorCompanies.title')}\n      },\n      show: true\n    },\n    {\n      name: \"Roe\",\n      component: markRaw(ChartCard),\n      title: t(\"summary.card.roe.title\"),\n      icon: \"financial-reports\",\n      infoText: t(\"summary.card.roe.infoText\"),\n      data: () => company.value.charts?.roe?.data,\n      class: \"col-12 col-lg-6 print-percent-50\",\n      show: true\n    },\n    {\n      name: \"Employees\",\n      component: markRaw(ChartCard),\n      title: t(\"summary.card.employees.title\"),\n      icon: \"profile-user\",\n      infoText: t(\"summary.card.employees.infoText\"),\n      data: () => company.value.charts?.employees?.data,\n      class: \"col-12 col-lg-6 print-percent-50\",\n      show: true\n    },\n    {\n      name: \"Result\",\n      component: markRaw(ChartCard),\n      title: t(\"summary.card.result.title\"),\n      icon: \"income\",\n      infoText: t(\"summary.card.result.infoText\"),\n      data: () => company.value.charts?.result?.data,\n      class: \"col-12 col-lg-6 print-percent-50\",\n      show: true\n    },\n    {\n      name: \"OwnCapital\",\n      component: markRaw(ChartCard),\n      title: t(\"summary.card.ownCapital.title\"),\n      icon: \"income\",\n      infoText: t(\"summary.card.ownCapital.infoText\"),\n      data: () => company.value.charts?.ownCapital?.data,\n      class: \"col-12 col-lg-6 print-percent-50\",\n      show: true\n    },\n    {\n      name: \"Owners\",\n      component: markRaw(PersonList),\n      title: t(\"summary.card.widgets.owners\"),\n      class: \"col-12\",\n      data: () => company.value.owners,\n      show: true\n    },\n  ]);\n\n  async function load() {\n    const companyTmp = ref(null);\n    await http.fetch(companyTmp, `/api/report/${route.params.id}/summary`);\n    \n    if (!companyTmp.value) {\n      router.push({ name: 'home' });\n      return;\n    }\n    company.value = companyTmp.value;\n    Object.keys(company.value.empty).forEach(function(name) {\n      const widget = widgets.value.find(x => x.name == name.charAt(0).toUpperCase() + name.slice(1));\n      if (widget) {\n        widget.show = !company.value.empty[name];\n      }\n    });\n  }\n\n  function widgetUpdate(updatedWidgets) {\n    widgets.value = updatedWidgets;\n    loaded.value = true;\n  }\n\n  function removeComponent(name) {\n    const index = widgets.value.findIndex(x => x.name == name);\n    widgets.value.splice(index, 1);   \n  }\n\n  onBeforeMount(async () => {\n    loading.value = true;\n    \n    await load();\n    \n    if (company.value.type === \"selfemployed\" ||\n      company.value.type === \"nonprofit\" ||\n      company.value.type === \"budgetary\" ||\n      company.value.type === \"educational\" ||\n      company.value.type === \"taxentity\") {     \n      widgets.value.find(x => x.name == \"CompanyDetails\").component = NonCompanyDetails;\n    }\n    \n    if (!company.value.otherCompanies) {\n      removeComponent(\"OtherCompanies\"); \n    }\n    \n    if (!company.value.authorizedToSign || !company.value.authorizedToSign.length) {  \n      removeComponent(\"AuthorizedToSign\");   \n    }\n\n    if (!company.value.predecessorCompanies || !company.value.predecessorCompanies.length) {  \n      removeComponent(\"PredecessorCompanies\");   \n    }\n    \n    if (!company.value.contacts ||\n      (company.value.contacts.phone == null &&\n        company.value.contacts.email == null &&\n        company.value.contacts.website == null)\n    ) {\n      removeComponent(\"Contacts\");   \n    }\n\n    if (!company.value.owners || !company.value.owners.length) {\n      removeComponent(\"Owners\");   \n    }\n\n    if (!company.value.charts?.revenue?.data.labels.length) {\n      removeComponent(\"Revenue\");   \n    }\n\n    if (!company.value.charts?.roe?.data.labels.length) {\n      removeComponent(\"Roe\");   \n    }\n\n    if (!company.value.charts?.result?.data.labels.length) {\n      removeComponent(\"Result\");   \n    }\n\n    if (!company.value.charts?.ownCapital?.data.labels.length) {\n      removeComponent(\"OwnCapital\");   \n    }\n\n    if (!company.value.charts?.classification?.data.labels.length) {\n      removeComponent(\"Classification\");   \n    }\n\n    loading.value = false;\n  });\n\n  watch(() => route.params.id, function () {\n    load();\n    key.value++;\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.print-avoid-page-brake {\n  page-break-inside: avoid !important;\n}\n</style>\n","<template>\n  <div v-if=\"!loading\"\n       class=\"page-common-ratings\">\n    <div class=\"container-fluid \">\n      <div class=\"row\">\n        <div class=\"col-12\">\n          <PageCard :title=\"t('commonRatings.title')\"\n                    icon=\"common-ratings\">\n            <template #content>\n              <div v-if=\"charts\"\n                   class=\"px-5\">\n                <div class=\"main-commmon-ratings clearfix\">\n                  <div class=\"row print-row\">\n                    <div v-if=\"charts.operatingProfit.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.operatingProfit.title')\"\n                                 :info-text=\"t('commonRatings.charts.operatingProfit.info')\"\n                                 :data=\"charts.operatingProfit.data\" />\n                    </div>\n                    <div v-if=\"charts.turnover.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.turnover.title')\"\n                                 :info-text=\"t('commonRatings.charts.turnover.info')\"\n                                 :data=\"charts.turnover.data\" />\n                    </div>\n                    <div v-if=\"charts.ebitda.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.ebitda.title')\"\n                                 :info-text=\"t('commonRatings.charts.ebitda.info')\"\n                                 :data=\"charts.ebitda.data\" />\n                    </div>\n                    <div v-if=\"charts.employees.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.employees.title')\"\n                                 :info-text=\"t('commonRatings.charts.employees.info')\"\n                                 :data=\"charts.employees.data\" />\n                    </div>\n                  </div>\n                </div>\n\n                <Collapse :opened=\"true\"\n                          :title=\"t('commonRatings.collapses.capitalStructure')\"\n                          :chart-collapse=\"true\">\n                  <div class=\"row print-row\">\n                    <div v-if=\"charts.capitalSupply.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.capitalStructure.capitalSupply.title')\"\n                                 :info-text=\"t('commonRatings.charts.capitalStructure.capitalSupply.info')\"\n                                 :data=\"charts.capitalSupply.data\" />\n                    </div>\n                    <div v-if=\"charts.debtRate.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.capitalStructure.debtRate.title')\"\n                                 :info-text=\"t('commonRatings.charts.capitalStructure.debtRate.info')\"\n                                 :data=\"charts.debtRate.data\" />\n                    </div>\n                    <div v-if=\"charts.netDebtRate.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.capitalStructure.netDebtRate.title')\"\n                                 :info-text=\"t('commonRatings.charts.capitalStructure.netDebtRate.info')\"\n                                 :data=\"charts.netDebtRate.data\" />\n                    </div>\n                    <div v-if=\"charts.capitalStress.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.capitalStructure.capitalStress.title')\"\n                                 :info-text=\"t('commonRatings.charts.capitalStructure.capitalStress.info')\"\n                                 :data=\"charts.capitalStress.data\" />\n                    </div>\n                    <div v-if=\"charts.capitalFinancing.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.capitalStructure.capitalFinancing.title')\"\n                                 :info-text=\"t('commonRatings.charts.capitalStructure.capitalFinancing.info')\"\n                                 :data=\"charts.capitalStress.data\" />\n                    </div>\n                    <div v-if=\"charts.ownCapitalRate.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.capitalStructure.ownCapitalRate.title')\"\n                                 :info-text=\"t('commonRatings.charts.capitalStructure.ownCapitalRate.info')\"\n                                 :data=\"charts.capitalStress.data\" />\n                    </div>\n                  </div>\n                </Collapse>\n\n                <Collapse :opened=\"true\"\n                          :title=\"t('commonRatings.collapses.workingCapital')\"\n                          :chart-collapse=\"true\">\n                  <div class=\"row print-row\">\n                    <div v-if=\"charts.workingCapitalSupply.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.workingCapital.workingCapitalSupply.title')\"\n                                 :info-text=\"t('commonRatings.charts.workingCapital.workingCapitalSupply.info')\"\n                                 :data=\"charts.workingCapitalSupply.data\" />\n                    </div>\n                    <div v-if=\"charts.workingCapitalTurnover.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.workingCapital.workingCapitalTurnover.title')\"\n                                 :info-text=\"t('commonRatings.charts.workingCapital.workingCapitalTurnover.info')\"\n                                 :data=\"charts.workingCapitalTurnover.data\" />\n                    </div>\n                    <div v-if=\"charts.capitalTurnoverRate.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.workingCapital.capitalTurnoverRate.title')\"\n                                 :info-text=\"t('commonRatings.charts.workingCapital.capitalTurnoverRate.info')\"\n                                 :data=\"charts.capitalTurnoverRate.data\" />\n                    </div>\n                  </div>\n                </Collapse>\n\n                <Collapse :opened=\"true\"\n                          :title=\"t('commonRatings.collapses.financialPosition')\"\n                          :chart-collapse=\"true\">\n                  <div class=\"row print-row\">\n                    <div v-if=\"charts.liquidityRate.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.financialPosition.liquidityRate.title')\"\n                                 :info-text=\"t('commonRatings.charts.financialPosition.liquidityRate.info')\"\n                                 :data=\"charts.liquidityRate.data\" />\n                    </div>\n                    <div v-if=\"charts.liquidityQuickRate.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.financialPosition.liquidityQuickRate.title')\"\n                                 :info-text=\"t('commonRatings.charts.financialPosition.liquidityQuickRate.info')\"\n                                 :data=\"charts.liquidityQuickRate.data\" />\n                    </div>\n                  </div>\n                </Collapse>\n\n                <Collapse :opened=\"true\"\n                          :title=\"t('commonRatings.collapses.revenueExamination')\"\n                          :chart-collapse=\"true\">\n                  <div class=\"row print-row\">\n                    <div v-if=\"charts.toolEfficiency.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.revenueExamination.toolEfficiency.title')\"\n                                 :info-text=\"t('commonRatings.charts.revenueExamination.toolEfficiency.info')\"\n                                 :data=\"charts.toolEfficiency.data\" />\n                    </div>\n                    <div v-if=\"charts.activityProfitMargin.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.revenueExamination.activityProfitMargin.title')\"\n                                 :info-text=\"t('commonRatings.charts.revenueExamination.activityProfitMargin.info')\"\n                                 :data=\"charts.activityProfitMargin.data\" />\n                    </div>\n                    <div v-if=\"charts.grossProfitMargin.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.revenueExamination.grossProfitMargin.title')\"\n                                 :info-text=\"t('commonRatings.charts.revenueExamination.grossProfitMargin.info')\"\n                                 :data=\"charts.grossProfitMargin.data\" />\n                    </div>\n                  </div>\n                </Collapse>\n\n                <Collapse :opened=\"true\"\n                          :title=\"t('commonRatings.collapses.profitability')\"\n                          :chart-collapse=\"true\">\n                  <div class=\"row print-row\">\n                    <div v-if=\"charts.roe.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.profitability.roe.title')\"\n                                 :info-text=\"t('commonRatings.charts.profitability.roe.info')\"\n                                 :data=\"charts.roe.data\" />\n                    </div>\n                    <div v-if=\"charts.ros.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.profitability.ros.title')\"\n                                 :info-text=\"t('commonRatings.charts.profitability.ros.info')\"\n                                 :data=\"charts.ros.data\" />\n                    </div>\n                    <div v-if=\"charts.roa.data.datasets.length\"\n                         class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('commonRatings.charts.profitability.roa.title')\"\n                                 :info-text=\"t('commonRatings.charts.profitability.roa.info')\"\n                                 :data=\"charts.roa.data\" />\n                    </div>\n                  </div>\n                </Collapse>\n              </div>\n            </template>\n          </PageCard>\n        </div>\n\n        <div class=\"col-12 col-xxl-10\">\n          <DidYouKnow page-name=\"common-ratings\"\n                      :sticky=\"false\"\n                      alternative-card=\"true\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\n  import { useRoute } from \"vue-router\";\n  import { http, t } from \"@/logic\";\n\n  const route = useRoute();\n  const loading = ref(false);\n  const charts = ref(null);\n\n  onMounted(async () => {\n    await http.fetchWithLoading(charts, loading, \"/api/report/\" + route.params.id + \"/indicators\");\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.main-commmon-ratings {\n  margin-bottom: 4rem;\n  padding-top: 1rem;\n}\n\n  .card {\n    padding: 2rem;\n    margin: 2.5rem 0.3rem 0rem 0.3rem;\n  }\n\n  .co-collapse {\n    border-top: none !important;\n  }\n</style>\n","<template>\n  <div v-if=\"!loading\"\n       class=\"page-timeline\">\n    <div class=\"container-fluid \">\n      <EmptyState v-if=\"!timeline.years?.length\"\n                  page=\"timeline\" />\n      <div v-else\n           class=\"row print-new-page\">\n        <div class=\"col-12 col-xxl-8\">\n          <div class=\"co-timeline-header\">\n            <div class=\"icon timeline\" />\n            <h2>{{ t('timeline.title') }}</h2>\n          </div>\n\n          <div class=\"co-timeline-years\">\n            <div v-for=\"(year, index) in timeline.years\"\n                 :key=\"'year-' + index\"\n                 class=\"year\"\n                 :class=\"{active: year.year === active}\"\n                 @click=\"scrollTo(index)\">\n              {{ year.year }}\n            </div>\n          </div>\n\n          <div v-for=\"(year, index) in timeline.years\"\n               :id=\"'year'+index\"\n               :key=\"'timeline-year-' + index\"\n               class=\"co-timeline\">\n            <div class=\"co-timeline-year-container\">\n              <div class=\"year\">\n                {{ year.year }}\n              </div>\n            </div>\n            <div class=\"co-timeline-line\" />\n\n            <div v-for=\"(chunkItem, chunkIndex) in chunk(year.items, 2)\"\n                 :key=\"'item-' + chunkIndex\">\n              <div v-for=\"(item, itemIndex) in chunkItem\"\n                   :key=\"'item-' + itemIndex\"\n                   class=\"co-timeline-card-container\">\n                <div class=\"co-timeline-card\"\n                     :class=\"{'co-timeline-card--even': itemIndex % 2 === 1}\">\n                  <div class=\"co-timeline-card__icon icon\"\n                       :class=\"item.icon.key\"\n                       :style=\"{color: item.icon.color}\" />\n                  <div class=\"co-timeline-card__content\">\n                    <a v-if=\"item.url\"\n                       :href=\"item.url\"\n                       class=\"co-timeline-card__content__title\"\n                       target=\"_blank\">\n                      <span>{{ item.title }}</span>\n                    </a>\n                    <div v-else\n                         class=\"co-timeline-card__content__title\">\n                      <span>{{ item.title }}</span>\n                    </div>\n                    <div v-for=\"(row, rowIndex) in item.rows\"\n                         :key=\"'row-' + rowIndex\"\n                         class=\"co-timeline-card__content__data\">\n                      <div class=\"icon\"\n                           :class=\"row.icon.key\"\n                           :style=\"{color: row.icon.color}\" />\n                      <a v-if=\"row.url\"\n                         :href=\"row.url\"\n                         target=\"_blank\"> {{ row.value }}</a>\n                      <span v-else>{{ row.value }}</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div v-if=\"timeline.company\"\n               class=\"co-timeline\">\n            <div class=\"co-timeline-card-container\">\n              <div class=\"co-timeline-card co-timeline-card--last\">\n                <div class=\"co-timeline-card__content\">\n                  <div class=\"co-timeline-card__content__data\">\n                    <div class=\"w-100\">\n                      <div class=\"d-flex justify-content-center w-100 mb-2\">\n                        <div class=\"icon company-change-start\"\n                             :style=\"{color: 'rgb(33, 193, 0)', fontSize: '3rem'}\" />\n                      </div>\n                      <div class=\"co-timeline-card__content text-center flex justify-content-center\">\n                        <div class=\"co-timeline-card__content__title\"\n                             style=\"font-weight: bold\">\n                          <span>{{ timeline.company.start }}</span>\n                        </div>\n                        <div class=\"co-timeline-card__content__title\">\n                          <span>{{ timeline.company.name }}</span>\n                        </div>\n                        <div class=\"co-timeline-card__content__title\">\n                          <span>{{ timeline.company.address }}</span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"col-12 col-xxl-4\">\n          <DidYouKnow page-name=\"timeline\"\n                      :sticky=\"true\"\n                      alternative-card=\"true\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, reactive, onMounted, watch, computed } from \"vue\";\n  import { useRoute, useRouter } from \"vue-router\";\n  import { http, t, chunk } from \"@/logic\";\n\n  const route = useRoute();\n  const loading = ref(false);\n  const timeline = ref({} as any);\n  const company = ref({\n    start: \"\",\n    name: \"\",\n    address: \"\",\n  });\n  const active = ref(null);\n\n  function scrollTo(index) {\n    document.getElementById(\"year\" + index).scrollIntoView();\n    active.value = timeline.value.years[index].year;\n  }\n\n  onMounted(async () => {\n    await http.fetchWithLoading(timeline, loading, \"/api/report/\" + route.params.id + \"/timeline\");\n    active.value = timeline.value.years[0].year;\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.co-timeline-header {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 2rem 0;\n\n  & .icon {\n    margin-right: 0.5rem;\n    color: $color-primary;\n    font-weight: 400;\n    font-size: 2.6rem;\n  }\n\n  & h2 {\n    color: $color-font-primary;\n    font-weight: 600;\n    font-size: 1.8rem;\n    text-transform: uppercase;\n  }\n}\n\n.co-timeline-years {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin: 2rem 0;\n\n  & .year {\n    margin: 1rem 0.5rem 1rem 0;\n    padding: 0.25rem 1rem;\n    color: $color-font-primary;\n    font-weight: 500;\n    font-size: 1.4rem;\n    background-color: $color-tag-bg;\n    border-radius: 100px;\n    cursor: pointer;\n    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;\n\n    &.active {\n      color: white;\n      background-color: $color-primary;\n    }\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n}\n\n.co-timeline {\n  position: relative;\n  padding: 0 0 3rem;\n\n  &::before {\n    content: \"\";\n  }\n\n  & .co-timeline-year-container {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    justify-content: center;\n    margin-bottom: 6rem;\n\n    &::after {\n      position: absolute;\n      left: 50%;\n      z-index: -1;\n      width: 0.4rem;\n      height: 100%;\n      background-color: $color-border-secondary;\n      transform: translateX(-50%);\n      content: \"\";\n\n      @include media-breakpoint-down(md) {\n        left: 2.5rem;\n        transform: initial;\n      }\n    }\n\n    @include media-breakpoint-down(md) {\n      justify-content: initial;\n    }\n\n    & .year {\n      display: inline-flex;\n      padding: 0.25rem 1rem;\n      color: $color-font-primary;\n      font-weight: 500;\n      font-size: 1.4rem;\n      background-color: $color-tag-bg;\n      border-radius: 100px;\n      cursor: pointer;\n      transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;\n\n      &.active {\n        color: white;\n        background-color: $color-primary;\n      }\n    }\n  }\n\n  & .co-timeline-line {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 0.4rem;\n    height: 100%;\n    background-color: $color-border-secondary;\n    transform: translateX(-50%);\n\n    @include media-breakpoint-down(md) {\n      left: 2.5rem;\n      transform: initial;\n    }\n  }\n\n  & .co-timeline-card-container {\n    margin-top: -3rem;\n\n    @include media-breakpoint-down(md) {\n      margin-top: 0;\n    }\n  }\n\n  & .co-timeline-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: calc(50% - 3.2rem);\n    min-height: 8rem;\n    padding: 2rem;\n    background-color: white;\n    border-radius: $border-radius-card;\n    box-shadow: $box-shadow-card;\n\n    @include media-breakpoint-down(md) {\n      width: calc(100% - 6.5rem);\n      margin-top: 3rem;\n      margin-left: auto;\n    }\n\n    &__icon {\n      position: absolute;\n      top: 0.5rem;\n      right: -4.9rem;\n      font-size: 3rem;\n      background-color: white;\n      border: 2px solid white;\n      border-radius: 50%;\n      font-size: 3rem !important;\n\n      @include media-breakpoint-down(md) {\n        top: 0.25rem;\n        right: initial;\n        left: -5.5rem;\n      }\n    }\n\n    &::before {\n      position: absolute;\n      top: 1rem;\n      right: -1rem;\n      width: 0;\n      height: 0;\n      border-top: 1rem solid transparent;\n      border-bottom: 1rem solid transparent;\n      border-left: 1rem solid $color-timeline-arrow;\n      content: \"\";\n\n      @include media-breakpoint-down(md) {\n        right: initial;\n        left: -1rem;\n        border-right: 1rem solid $color-timeline-arrow;\n        border-left: initial;\n      }\n    }\n\n    &--even {\n      margin-top: -3rem;\n      margin-left: auto;\n\n      @include media-breakpoint-down(md) {\n        margin-top: 3rem;\n      }\n\n      &::before {\n        position: absolute;\n        top: 1rem;\n        left: -1rem;\n        width: 0;\n        height: 0;\n        border-top: 1rem solid transparent;\n        border-right: 1rem solid $color-timeline-arrow;\n        border-bottom: 1rem solid transparent;\n        border-left: initial;\n        content: \"\";\n      }\n\n      & .co-timeline-card__icon {\n        top: 0.25rem;\n        right: initial;\n        left: -4.9rem;\n\n        @include media-breakpoint-down(md) {\n          left: -5.5rem;\n        }\n      }\n    }\n\n    &--last {\n      margin-top: 6rem;\n      margin-left: 50%;\n      transform: translateX(-50%);\n\n      @include media-breakpoint-down(md) {\n        margin-top: 3rem;\n        margin-left: auto;\n        transform: none;\n      }\n\n      &::before {\n        display: none;\n\n        @include media-breakpoint-down(md) {\n          display: none;\n        }\n      }\n\n      & .co-timeline-card__icon {\n        top: 0.25rem;\n        right: initial;\n        left: -4.9rem;\n\n        @include media-breakpoint-down(md) {\n          left: -5.5rem;\n        }\n      }\n    }\n\n    &__content {\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n\n      & a {\n        text-decoration: none;\n      }\n\n      &__title {\n        overflow: hidden;\n        color: $color-font-primary;\n        font-weight: 500;\n        font-size: 1.6rem;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        & span {\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n      }\n\n      &__data {\n        display: flex;\n        overflow: hidden;\n        font-size: 1.4rem;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        &:nth-child(2) {\n          margin-top: 1rem;\n        }\n\n        & .icon {\n          margin-right: 0.5rem;\n          font-weight: 600;\n          font-size: 1.8rem;\n        }\n\n        & a {\n          overflow: hidden;\n          color: $color-font-primary;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n\n        & span {\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div v-if=\"!loading\"\n       class=\"page-marketing\">\n    <div class=\"container-fluid \">\n      <div class=\"row print-new-page\">\n        <div class=\"col-12 col-xxl-8\">\n          <PageCard :title=\"t('marketingData.title')\"\n                    icon=\"marketing\">\n            <template #content>\n              <div class=\"co-marketing\">\n                <div v-if=\"marketing.contact?.phones?.length\"\n                     class=\"info-card\">\n                  <div class=\"info-main\">\n                    <div class=\"icon marketing-phone\" />\n                    <h3 class=\"title\">\n                      {{ t('marketingData.mobile') }}\n                    </h3>\n                  </div>\n                  <div class=\"info-list\">\n                    <div v-for=\"(phone, index) in marketing.contact.phones\"\n                         :key=\"'phone-' + index\"\n                         class=\"info-mobile\">\n                      <div class=\"icon mobile\" />\n                      <a :href=\"'tel:' + phone\"\n                         class=\"link\">{{ phone }}</a>\n                    </div>\n                  </div>\n                </div>\n                <div v-if=\"marketing.contact?.emails?.length\"\n                     class=\"info-card\">\n                  <div class=\"info-main\">\n                    <div class=\"icon marketing-mail\" />\n                    <h3 class=\"title\">\n                      {{ t('marketingData.email') }}\n                    </h3>\n                  </div>\n                  <div class=\"info-list\">\n                    <div v-for=\"(email, index) in marketing.contact.emails\"\n                         :key=\"'email-' + index\"\n                         class=\"info-email\">\n                      <div class=\"icon email\" />\n                      <a :href=\"'mailto:' + email \"\n                         class=\"link\">{{ email }}</a>\n                    </div>\n                  </div>\n                </div>\n                <div v-if=\"marketing.contact?.websites?.length\"\n                     class=\"info-card\">\n                  <div class=\"info-main\">\n                    <div class=\"icon marketing-web\" />\n                    <h3 class=\"title\">\n                      {{ t('marketingData.web') }}\n                    </h3>\n                  </div>\n                  <div class=\"info-list\">\n                    <div v-for=\"(website, index) in marketing.contact.websites\"\n                         :key=\"'website-' + index\"\n                         class=\"info-web\">\n                      <div class=\"icon web\" />\n                      <a :href=\"website\"\n                         target=\"_blank\"\n                         class=\"link\">{{ website }}</a>\n                    </div>\n                  </div>\n                </div>\n                <template v-if=\"marketing.interests?.length\">\n                  <div class=\"interests\">\n                    <i class=\"icon connections_1\" />\n                    <h3 class=\"title\">\n                      {{ t('marketingData.interests.title') }}\n                    </h3>\n                  </div>\n                  <InteractiveTable :columns=\"interests\"\n                                    :loading=\"loading\"\n                                    :items=\"marketing.interests\" />\n                </template>\n                <template v-if=\"marketing.associations?.length\">\n                  <div class=\"interests\">\n                    <i class=\"icon connections_1\" />\n                    <h3 class=\"title\">\n                      {{ t('marketingData.associations.title') }}\n                    </h3>\n                  </div>\n                  <InteractiveTable :columns=\"associations\"\n                                    :loading=\"loading\"\n                                    :items=\"marketing.associations\" />\n                </template>\n              </div>\n            </template>\n          </PageCard>\n        </div>\n        <div class=\"col-12 col-xxl-4\">\n          <DidYouKnow page-name=\"marketing\"\n                      :sticky=\"true\"\n                      alternative-card=\"true\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, reactive, onMounted, watch, computed } from \"vue\";\n  import { useRoute, useRouter } from \"vue-router\";\n  import { http, t } from \"@/logic\";\n\n  const route = useRoute();\n  const marketing = ref({} as any);\n  const loading = ref(false);\n  const interests = ref([\n    {\n      value: t(\"marketingData.interests.columns.registrationNumber\"),\n      prop: \"registrationNumber\",\n      type: \"url\",\n      width: \"15%\",\n    },\n    {\n      value: t(\"marketingData.interests.columns.name\"),\n      prop: \"name\",\n      width: \"30%\",\n    },\n    {\n      value: t(\"marketingData.interests.columns.status\"),\n      prop: \"status\",\n      type: \"icon\",\n      width: \"30%\",\n      class: \"justify-content-center\",\n    },\n    {\n      value: t(\"marketingData.interests.columns.validity\"),\n      prop: \"validity\",\n      type: \"icon\",\n      width: \"20%\",\n      class: \"justify-content-center\",\n    },\n  ]);\n  const associations = ref([\n    {\n      value: t(\"marketingData.associations.columns.name\"),\n      prop: \"type\",\n      width: \"60%\",\n    },\n    {\n      value: t(\"marketingData.associations.columns.website\"),\n      prop: \"link\",\n      type: \"link\",\n      width: \"40%\",\n    },\n  ]);\n\n  onMounted(async () => {\n    http.fetchWithLoading(marketing, loading, \"/api/report/\" + route.params.id + \"/marketing\");\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.co-marketing {\n  padding: 2rem;\n\n  .info-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 3rem;\n  }\n\n  & .info-card {\n    display: flex;\n    gap: 3rem;\n    align-items: center;\n    margin: 2rem 0;\n    padding: 2rem;\n    border: 2px solid $color-border-secondary;\n\n    @include media-breakpoint-down(md) {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    & .info-main {\n      display: flex;\n      align-items: center;\n\n      @include media-breakpoint-down(md) {\n        margin-bottom: 1rem;\n      }\n\n      & .icon {\n        margin-right: 0.5rem;\n        color: $color-primary;\n        font-weight: 400;\n        font-size: 2.4rem;\n      }\n\n      & .title {\n        min-width: 10rem;\n        color: $color-font-primary;\n        font-weight: 500;\n        font-size: 1.6rem;\n        text-transform: uppercase;\n      }\n    }\n\n    & .info-mobile,\n    & .info-email,\n    & .info-web {\n      display: flex;\n      align-items: center;\n      margin-left: 3rem;\n      white-space: nowrap;\n\n      @include media-breakpoint-down(md) {\n        margin: 0.5rem 0;\n      }\n\n      & .link {\n        color: $color-font-primary;\n        font-weight: 500;\n        font-size: 1.4rem;\n        transition: color 0.2s ease-in-out;\n\n          &:hover {\n            color: $color-blue;\n            text-decoration: none;\n            cursor: pointer;\n          }\n      }\n\n      & .icon {\n        color: $color-blue;\n        font-size: 3rem;\n      }\n    }\n  }\n\n  & .interests {\n    display: flex;\n    align-items: center;\n    margin: 3rem 0;\n\n    & img {\n      height: 2rem;\n      margin-right: 1rem;\n    }\n\n    & .title {\n      color: $color-font-primary;\n      font-weight: 500;\n      font-size: 1.6rem;\n    }\n  }\n\n  & .icon {\n    margin-right: 0.5rem;\n    color: $color-primary;\n    font-weight: 400;\n    font-size: 2.4rem;\n  }\n}\n</style>\n","export default \"__VITE_PUBLIC_ASSET__f4746178__\"","<template>\n  <div class=\"page-login\"\n       :style=\"{backgroundImage: 'url(' + background + ')'}\">\n    <nav>\n      <a href=\"https://www.creditonline.hu\">\n        <img class=\"logo\"\n             src=\"/assets/shared/credit-online-logo.svg\"\n             alt=\"Logo\">\n      </a>\n      <div class=\"language-selector\">\n        <div v-if=\"currentLang !== 'hu'\"\n             class=\"language\"\n             @click=\"changeLocale('hu')\">\n          <span class=\"fi fi-hu\"></span>\n          <span style=\"margin-left: 0.5rem\">{{ t('languages.hu') }}</span>\n        </div>\n        <div v-if=\"currentLang !== 'en'\"\n             class=\"language\"\n             @click=\"changeLocale('en')\">\n          <span class=\"fi fi-gb\"></span>\n          <span style=\"margin-left: 0.5rem\">{{ t('languages.en') }}</span>\n        </div>\n        <div v-if=\"currentLang !== 'de'\"\n             class=\"language\"\n             @click=\"changeLocale('de')\">\n          <span class=\"fi fi-de\"></span>\n          <span style=\"margin-left: 0.5rem\">{{ t('languages.de') }}</span>\n        </div>\n      </div>\n    </nav>\n    <div v-if=\"props.type == 'login'\"\n         class=\"form-section\">\n      <div class=\"login-form \">\n        <Card v-if=\"page === 'login'\" class=\"p-4 my-2\">\n          <template #header>\n            <i class=\"pi pi-arrow-circle-right\" />\n            <span class=\"title\">{{ t('login.title') }}</span>\n          </template>\n          <template #content>\n            <form>\n              <div class=\"co-input-login\">\n                <label>{{ t('login.user') }}</label>\n                <InputText v-model=\"username\"\n                           autofocus\n                           @keyup.enter=\"onEnterKey\" />\n              </div>\n              <div class=\"co-input-login\">\n                <label>{{ t('login.password') }}</label>\n                <InputText v-model=\"password\"\n                           type=\"password\"\n                           @keyup.enter=\"onEnterKey\" />\n              </div>\n              <div class=\"d-flex align-items-center justify-content-between\">\n                <div class=\"link\"\n                     @click=\"page = 'forgotPassword'\">\n                  {{ t('login.passwordRecovery') }}\n                </div>\n                <div class=\"button button--secondary\"\n                     @click=\"login\">\n                  {{ t('login.signIn') }}\n                </div>\n              </div>\n            </form>\n          </template>\n        </Card>\n\n        <Card v-if=\"page === 'forgotPassword'\" class=\"p-4 my-2\">\n          <template #header>\n            <i class=\"pi pi-arrow-circle-right\" />\n            <span class=\"title\">{{ t('login.forgot-password') }}</span>\n          </template>\n          <template #content>\n            <form>\n              <div class=\"co-input-login\">\n                <label>{{ t('login.email') }}</label>\n                <InputText v-model=\"forgotPasswordEmail\" />\n              </div>\n              <div>\n                <div class=\"button button--secondary\"\n                     @click=\"sendForgotPassword\">\n                  {{ t('login.resetPassword') }}\n                </div>\n              </div>\n            </form>\n          </template>\n        </Card>\n\n        <Card v-if=\"page === 'message'\" class=\"p-4 my-2\">\n          <template #content>\n            <form>\n              <div class=\"mb-4 text-center\">\n                {{ message }}\n              </div>\n              <div>\n                <div class=\"button button--secondary\"\n                     @click=\"page = 'login'\">\n                  {{ t('login.signIn') }}\n                </div>\n              </div>\n            </form>\n          </template>\n        </Card>\n      </div>\n      <Card class=\"register-form p-4 my-2\">\n        <template #header>\n          <i class=\"pi pi-user\" />\n          <span class=\"title\">{{ t('register.title') }}</span>\n        </template>\n        <template #content>\n          <p class=\"register-text\">\n            {{ t('register.description') }}\n          </p>\n          <a class=\"button button--primary\"\n             href=\"https://www.creditonline.hu/landing/\">{{ t('register.button') }}</a>\n        </template>\n      </Card>\n    </div>\n    <div v-if=\"props.type == 'demo'\"\n         class=\"form-section\">\n      <div class=\"login-form\">\n        <Card v-if=\"page === 'login'\" class=\"p-4 my-2\">\n          <template #header>\n            <i class=\"pi pi-arrow-circle-right\" />\n            <span class=\"title\">{{ t('demo-login.title') }}</span>\n          </template>\n          <template #content>\n            <form>\n              <div class=\"terms\">\n                <div v-html=\"t('demo-login.terms')\" />\n                <div class=\"row checkbox\"\n                     style=\"justify-content: center\">\n                  <div class=\"checkbox\">\n                    <input id=\"terms\"\n                           v-model=\"accepted\"\n                           type=\"checkbox\"\n                           name=\"accept\"\n                           required>\n                    <label for=\"terms\"\n                           style=\"margin-left: 10px\"><span> {{ t('demo-login.accept') }} </span></label>\n                  </div>\n                </div>\n              </div><br>\n              <div class=\"d-flex align-items-center\"\n                   style=\"justify-content: center\">\n                <div class=\"button button--secondary\"\n                     @click=\"login\">\n                  {{ $t('login.signIn') }}\n                </div>\n              </div>\n            </form>\n          </template>\n        </Card>\n\n        <Card v-if=\"page === 'message'\" class=\"p-4 my-2\">\n          <template #content>\n            <form>\n              <div class=\"mb-4 text-center\">\n                {{ message }}\n              </div>\n              <div>\n                <div class=\"button button--secondary\"\n                     @click=\"page = 'login'\">\n                  {{ t('login.signIn') }}\n                </div>\n              </div>\n            </form>\n          </template>\n        </Card>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed } from \"vue\";\n  import { useRoute, useRouter } from \"vue-router\";\n  import { http, t, user, init } from \"@/logic\";\n\n  init();\n\n  const props = defineProps([\"type\"]);\n\n  const route = useRoute();\n  const router = useRouter();\n  const currentLang = ref(user.locale);\n  const forgotPasswordEmail = ref(\"\");\n  const username = ref(\"\");\n  const password = ref(\"\");\n  const page = ref(\"login\");\n  const message = ref(\"\");\n  const background = computed(() => {\n    const rand = Math.floor(Math.random() * (5 - 1)) + 1;\n\n    return `/assets/login/background-${rand}.jpg`;\n  });\n  const accepted = ref(false);\n\n  function changeLocale(locale) {\n    user.locale = locale;\n    location.reload();\n  }\n\n  function setMessage(msg) {\n    message.value = msg;\n    page.value = \"message\";\n  }\n\n  async function sendForgotPassword() {\n    const data = await http.post(\"/api/auth/recover-password\", {\n      email: forgotPasswordEmail.value,\n    });\n    setMessage(data.message);\n  }\n\n  async function login() {\n    if (props.type == \"login\") {\n      const data = await http.post(\"/api/auth/login\", {\n        username: username.value,\n        password: password.value,\n      });\n\n      if (!data.message) {\n        await user.login(data.token);\n        await redirectToHome();\n      } else {\n        setMessage(data.message);\n      }\n    } else {\n      if (!accepted.value) {\n        setMessage(\"Kérjük, szíveskedjen a feltételeket elfogadni!\");\n      } else {\n        const data = await http.post(\"/api/auth/login\", {\n          username: route.params.email,\n          password: route.params.password,\n        });\n\n        if (!data.message) {\n          await user.login(data.token);\n          await redirectToHome();\n        } else {\n          setMessage(data.message);\n        }\n      }\n    }\n  }\n\n  function onEnterKey() {\n    login();\n  }\n\n  async function redirectToHome() {\n    await user.fetchMe();\n    if (route.query.redirect) {\n      router.push(route.query.redirect as string);\n    } else {\n      router.push(\"/\");\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.co-input-login {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: baseline !important;\n  margin: 1.25rem 0 !important;\n}\n\n.co-input-login label {\n  margin-bottom: 1rem !important;\n  font-weight: 500 !important;\n  font-size: 1.2rem !important;\n  text-align: right !important;\n  text-transform: uppercase !important;\n}\n\n.co-input-login input {\n  display: block;\n  width: 100%;\n  height: initial !important;\n  padding: 0.5rem !important;\n  color: #000 !important;\n  font-size: 1.4rem !important;\n  border: 2px solid #CDCED2 !important;\n  border-radius: 0 !important;\n  transition: border .2s ease-in-out !important;\n}\n\n.page-login {\n  width: 100vw;\n  min-height: 100vh;\n  padding: 0 2rem;\n  background-size: cover;\n\n  & .marketing-card {\n    margin-top: 3rem;\n  }\n\n  & nav {\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding: 2rem;\n    background-color: white;\n    box-shadow: $box-shadow-login;\n\n    & .logo {\n      width: 19.24rem;\n      height: 3.5rem;\n    }\n\n    & .back-to-website {\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n\n      @include media-breakpoint-down(md) {\n        display: none;\n      }\n    }\n\n    & .language-selector {\n      display: flex;\n\n      & .language {\n        display: flex;\n        align-items: center;\n        margin: 0 1rem;\n        cursor: pointer;\n\n        &:last-child {\n          margin-right: 0;\n        }\n\n        &:hover {\n          & span {\n            color: $color-primary;\n          }\n        }\n\n        & img {\n          height: 1.5rem;\n          margin-right: 0.5rem;\n        }\n\n        & span {\n          color: $color-font-primary;\n          font-weight: 400;\n          font-size: 1.6rem;\n          line-height: 1;\n\n          @include media-breakpoint-down(md) {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n\n  & :deep(.content) {\n    padding: 0.3rem !important;\n  }\n\n  & .form-section {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding-top: 17.5vh;\n    padding-bottom: 2rem;\n\n    & .login-form {\n      width: 100%;\n      max-width: 40rem;\n\n      & form {\n        width: 100%;\n        background-color: white;\n\n        & .link {\n          color: $color-blue;\n          font-size: 1.4rem;\n          text-decoration: none;\n          cursor: pointer;\n        }\n      }\n    }\n\n    & .register-form {\n      width: 100%;\n      max-width: 40rem;\n\n      & .register-text {\n        font-weight: 500;\n        font-size: 1.4rem;\n        text-align: center;\n      }\n\n      & .button {\n        display: block;\n        margin: 2rem;\n        text-align: center;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"send-message\">\n    <div v-if=\"!data.notification\"\n         class=\"header\">\n      {{ t(\"sendMessage.title\") }}\n    </div>\n    <div v-if=\"!data.notification\"\n         class=\"form\">\n      <textarea v-model=\"data.message\"\n                rows=\"10\"\n                :placeholder=\"t('sendMessage.message')\" />\n      <Button :label=\"t('sendMessage.send')\"\n              class=\"mt-3\"\n              @click=\"send\" />\n    </div>\n    <div v-if=\"data.notification\"\n         class=\"thanks\">\n      {{ data.notification }}\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, computed } from \"vue\";\n  import { http, t } from \"@/logic\";\n\n  const data = ref({\n    message: \"\",\n    notification: false,\n  });\n\n  async function send() {\n    data.value = await http.post(\"/api/send-message\", data.value);\n  }\n</script>\n\n<style scoped lang=\"scss\">\n.send-message {\n  width: 70%;\n  max-width: 70rem;\n  margin: 25vh auto 3rem;\n\n  @include media-breakpoint-down(lg) {\n    margin-top: 15rem;\n  }\n\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem;\n    color: white;\n    font-weight: 500;\n    font-size: 1.4rem;\n    background-color: $color-send-message;\n    border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    user-select: none;\n\n      &:hover {\n        cursor: pointer;\n      }\n\n  }\n\n  .form {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    & input,\n    & textarea {\n      width: 100%;\n      padding: 1rem;\n      color: $color-font-primary;\n      font-size: 1.4rem;\n      border: 1px solid $color-border-primary;\n      border-top: none;\n\n      &:focus,\n      &:hover,\n      &:active {\n        outline: none;\n        box-shadow: none;\n      }\n    }\n  }\n\n  .thanks {\n    margin-top: 20rem;\n    font-size: 2.5rem;\n    text-align: center;\n  }\n}\n</style>\n","<template>\n  <div>\n    <div class=\"background-image\" />\n    <Card class=\"page-profile-edit p-4\">\n      <template #header>\n        <i class=\"pi icon profile-user\" />\n        <span class=\"title\">{{ t('profileEdit.title') }}</span>   \n      </template>\n      <template #content>\n        <div class=\"edit\">\n          <div class=\"container fluid\">\n            <div class=\"row\">\n              <div class=\"col-12 col-md-6\">\n                <div class=\"box\">\n                  <h3 class=\"title\">\n                    {{ t('profileEdit.userDetails') }}\n                  </h3>\n                  <hr class=\"line\">\n                  <div class=\"co-input-marketing\">\n                    <label for=\"\">{{ t('profileEdit.form.name') }}</label>\n                    <InputText v-model=\"data.name\" />\n                  </div>\n                  <div class=\"co-input-marketing\">\n                    <label for=\"\">{{ t('profileEdit.form.mobile') }}</label>\n                    <InputText v-model=\"data.phone\" />\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-12 col-md-6\">\n                <div class=\"box\">\n                  <h3 class=\"title\">\n                    {{ t('profileEdit.changePassword') }}\n                  </h3>\n                  <hr class=\"line\">\n                  <div class=\"co-input-marketing\">\n                    <label for=\"\">{{ t('profileEdit.form.newPassword') }}</label>\n                    <InputText v-model=\"data.password\"\n                               :placeholder=\"t('profileEdit.min8Char')\" />\n                  </div>\n                  <div class=\"co-input-marketing\">\n                    <label for=\"\">{{ t('profileEdit.form.newPasswordConfirm') }}</label>\n                    <InputText v-model=\"data.passwordConfirmation\"\n                               :placeholder=\"t('profileEdit.mustBeSame')\" />\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"text-center\">\n              <Button :label=\"t('profileEdit.form.save')\"\n                      class=\"mt-4\"\n                      @click=\"store\" />\n            </div>\n          </div>\n        </div>\n      </template>\n    </Card>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\n  import { http, t, toast, user, init } from \"@/logic\";\n\n  init();\n\n  const data = ref({\n    name: \"\",\n    phone: \"\",\n    password: \"\",\n    passwordConfirmation: \"\",\n    credit: 0\n  });\n\n  async function load() {\n    await http.fetch(data, \"/api/profile\");\n  }\n\n  async function store() {\n    await user.fetchMe();\n    toast((await http.post(\"/api/profile\", data.value)).message, \"success\");\n  }\n\n  onMounted(async () => {\n    await load();\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.page-profile-edit {\n  position: relative;\n  left: 50%;\n  width: 100%;\n  max-width: 110rem;\n  margin-top: 25vh;\n  transform: translateX(-50%);\n\n  & .edit {\n    & .title {\n      margin: 3rem 0 1rem;\n      color: $color-font-quaternary;\n      font-weight: 500;\n      font-size: 1.2rem;\n      text-transform: uppercase;\n\n      &:first-child {\n        margin-top: 0;\n      }\n    }\n\n    & .co-input-marketing label {\n      min-width: 15rem !important;\n      text-align: left !important;\n    }\n  }\n}\n</style>\n","<template>\n  <div>\n    <div class=\"background-image\" />\n    <Card class=\"page-profile-settings p-4\">\n      <template #header>\n        <i class=\"pi icon home-settings\" />\n        <span class=\"title\">{{ t('profileSettings.title') }}</span>\n      </template>\n      <template #content>\n        <div class=\"settings\">\n          <div class=\"container-fluid\">\n            <div class=\"row\">\n              <div class=\"col-12 col-md-6\">\n                <div class=\"box\">\n                  <h3 class=\"title\">\n                    {{ t('profileSettings.basicSettingsUser') }}\n                  </h3>\n                  <hr class=\"line\">\n                  <div class=\"co-checkbox-primary\">\n                    <Checkbox v-model=\"data.companyReportValidDetails\"\n                              input-id=\"companyReportValidDetails\"\n                              :binary=\"true\" />\n                    <label for=\"companyReportValidDetails\">{{ t('profileSettings.companyReportValidDetails') }}</label>\n                  </div>\n                  <div class=\"co-checkbox-primary\">\n                    <Checkbox v-model=\"data.companyReportOpenAll\"\n                              input-id=\"companyReportValidDetails\"\n                              :binary=\"true\" />\n                    <label for=\"companyReportOpenAll\">{{ t('profileSettings.companyReportOpenAll') }}</label>\n                  </div>\n                  <div class=\"co-checkbox-primary\">\n                    <Checkbox v-model=\"data.companyReportThousands\"\n                              input-id=\"companyReportThousands\"\n                              :binary=\"true\" />\n                    <label for=\"companyReportThousands\">{{ t('profileSettings.companyReportThousands') }}</label>\n                  </div>\n                  <div class=\"co-checkbox-primary\">\n                    <Checkbox v-model=\"data.companyReportHideHistory\"\n                              input-id=\"companyReportHideHistory\"\n                              :binary=\"true\" />\n                    <label for=\"companyReportHideHistory\">{{ t('profileSettings.companyReportHideHistory') }}</label>\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-12 col-md-6\">\n                <div class=\"box\">\n                  <h3 class=\"title\">\n                    {{ t('profileSettings.basicSettingsCompany') }}\n                  </h3>\n                  <hr class=\"line\">\n                  <div class=\"co-checkbox-primary\">\n                    <Checkbox v-model=\"data.monitoringNegativeEvents\"\n                              input-id=\"monitoringNegativeEvents\"\n                              :binary=\"true\" />\n                    <label for=\"monitoringNegativeEvents\">{{ t('profileSettings.monitoringNegativeEvents') }}</label>\n                  </div>\n                  <div class=\"co-checkbox-primary\">\n                    <Checkbox v-model=\"data.notificationOfCloses\"\n                              input-id=\"notificationOfCloses\"\n                              :binary=\"true\" />\n                    <label for=\"notificationOfCloses\">{{ t('profileSettings.notificationOfCloses') }}</label>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"row\">\n              <div class=\"col-12 col-md-6\">\n                <div class=\"box\">\n                  <h3 class=\"title\">\n                    {{ t('profileSettings.monitoringSettings') }}\n                  </h3>\n                  <hr class=\"line\">\n                  <div class=\"co-checkbox-primary\">\n                    <Checkbox v-model=\"data.monitoringTable\"\n                              input-id=\"monitoringTable\"\n                              :binary=\"true\" />\n                    <label for=\"monitoringTable\">{{ t('profileSettings.monitoringTable') }}</label>\n                  </div>\n                  <div class=\"co-checkbox-primary\">\n                    <Checkbox v-model=\"data.weeklyMonitoringReport\"\n                              input-id=\"weeklyMonitoringReport\"\n                              :binary=\"true\" />\n                    <label for=\"weeklyMonitoringReport\">{{ t('profileSettings.weeklyMonitoringReport') }}</label>\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-12 col-md-6\">\n                <div class=\"box\">\n                  <h3 class=\"title\">\n                    {{ t('profileSettings.marketingSettings') }}\n                  </h3>\n                  <hr class=\"line\">\n                  <div class=\"co-checkbox-primary\">\n                    <Checkbox v-model=\"data.salesView\"\n                              input-id=\"salesView\"\n                              :binary=\"true\" />\n                    <label for=\"salesView\">{{ t('profileSettings.salesView') }}</label>\n                  </div>\n                  <div class=\"co-input-profile\">\n                    <label style=\"margin-right: 1rem\">Keresési találatok száma / oldal</label>\n                    <Dropdown v-model=\"data.perPage\"\n                              :options=\"perPageOptions\"\n                              option-label=\"name\"\n                              option-value=\"value\" />\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"text-center\">\n              <p class=\"text\">\n                {{ t('profileSettings.saveSettings') }}\n              </p>\n              <Button :label=\"t('profileSettings.save')\"\n                      class=\"mt-3\"\n                      @click=\"store\" />\n            </div>\n          </div>\n        </div>\n      </template>\n    </Card>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, reactive, onMounted } from \"vue\";\n  import { http, t, toast, user, init } from \"@/logic\";\n\n  init();\n\n  const perPageOptions = ref([\n    {\n      name: \"10\",\n      value: 10\n    },\n    {\n      name: \"20\",\n      value: 20\n    },\n    {\n      name: \"50\",\n      value: 50\n    }\n  ]);\n\n  const data = ref({\n    companyReportValidDetails: false,\n    companyReportOpenAll: false,\n    companyReportThousands: false,\n    companyReportHideHistory: false,\n    monitoringNegativeEvents: false,\n    notificationOfCloses: false,\n    monitoringTable: false,\n    weeklyMonitoringReport: false,\n    salesView: false,\n    perPage: 10,\n  });\n\n  async function load() {\n    await http.fetch(data, \"/api/settings\");\n  }\n\n  async function store() {\n    await user.fetchMe();\n    await toast((await http.post(\"/api/settings\", data.value)).message, \"success\");\n  }\n\n  onMounted(async () => {\n    await load();\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.page-profile-settings {\n  position: relative;\n  left: 50%;\n  width: 100%;\n  max-width: 110rem;\n  margin-top: 25vh;\n  transform: translateX(-50%);\n\n  & .settings {\n    & .row {\n      margin-bottom: 3rem;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    & .col-12 {\n      @include media-breakpoint-down(md) {\n        margin-bottom: 3rem;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n\n    & .box {\n      margin: 3rem 0;\n\n      &:first-child {\n        margin-top: 0;\n      }\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n\n      & .title {\n        margin-bottom: 1rem;\n        color: $color-font-quaternary;\n        font-weight: 500;\n        font-size: 1.2rem;\n        text-transform: uppercase;\n      }\n    }\n  }\n}\n\n.search-results {\n  margin-left: 10px;\n  background-color: #fff;\n}\n</style>\n","<template>\n  <div class=\"news\">\n    <div class=\"header\">\n      <div class=\"icon tips\" />\n      <h3 class=\"title\">\n        {{ t('home.news.title') }}\n      </h3>\n    </div>\n    <a v-for=\"(item, index) in data.items\"\n       :key=\"index\"\n       :href=\"item.url\"\n       class=\"box\"\n       target=\"_blank\">\n      <h4 class=\"title\">{{ item.title }}</h4>\n      <p class=\"description\">\n        {{ item.description }}\n      </p>\n    </a>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, watch } from \"vue\";\n  import { http, t } from \"@/logic\";\n\n  const data = ref({\n    items: [],\n  });\n  const loading = ref(false);\n\n  async function load() {\n    await http.fetchWithLoading(data, loading, \"/api/news\");\n  }\n\n  onMounted(async () => {\n    await load();\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.news {\n  margin: 3rem 0;\n  padding: 2rem;\n  background-color: white;\n  border-radius: 8px;\n  box-shadow: $box-shadow-card;\n\n  & .header {\n    display: flex;\n    align-items: center;\n\n    & .icon {\n      margin-right: 0.5rem;\n      color: $color-blue;\n      font-size: 3rem;\n    }\n\n    & .title {\n      color: $color-font-primary;\n      font-weight: 600;\n      font-size: 1.6rem;\n      text-transform: uppercase;\n    }\n  }\n\n  & .box {\n    display: flex;\n    flex-direction: column;\n    margin-top: 2rem;\n    padding: 1rem;\n    text-decoration: none;\n    transition: background-color 0.2s ease-in-out;\n\n      &:hover {\n        background-color: rgb(247, 247, 247);\n        cursor: pointer;\n      }\n\n\n    & .title {\n      margin-bottom: 1rem;\n      color: $color-blue;\n      font-weight: 500;\n      font-size: 1.6rem;\n\n      &::after {\n        position: relative;\n        top: 0.4rem;\n        margin-left: 0.5rem;\n        color: $color-blue;\n        font-size: 2rem;\n        font-family: $font-icon;\n        content: \"\\e912\";\n      }\n    }\n\n    & .description {\n      color: $color-font-primary;\n      font-weight: 500;\n      font-size: 1.4rem;\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"monitoring-changes\">\n    <InfoCard icon=\"changes\" \n              icon-color=\"orange\" \n              :title=\"t('home.monitoringChanges.title')\">\n      <template #content>\n        <InteractiveTable :columns=\"columns\"\n                          :items=\"data.results\"\n                          :loading=\"loading\"\n                          :meta=\"meta\" />\n        <Paginator :rows=\"perPage\"\n                   :total-records=\"meta.count\"\n                   @page=\"pageChange\" />\n      </template>\n    </InfoCard>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, watch } from \"vue\";\n  import { http, t } from \"@/logic\";\n\n  const perPage = 5;\n  const columns = ref([\n    {\n      prop: \"name\",\n      type: \"url\",\n      width: \"70%\",\n      class: \"ellipsis\",\n    },\n    {\n      prop: \"date\",\n      width: \"30%\",\n    },\n  ]);\n\n  const meta = ref({\n    currentPage: 1,\n    count: 0,\n  });\n\n  const data = ref({\n    meta: {\n      count: 0\n    },\n    results: []\n  });\n  const loading = ref(false);\n\n  async function pageChange(event) {\n    meta.value.currentPage = event.page + 1; \n    await load();\n  }\n\n  async function load() {\n    const query = `?currentPage=${meta.value.currentPage}&perPage=${perPage}`;\n    await http.fetchWithLoading(data, loading, `/api/monitoring/alerts${query}`);\n    meta.value.count = data.value.meta.count;\n  }\n\n  onMounted(async () => {\n    await load();\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.monitoring-changes {\n  height: 100%;\n}\n</style>\n","<template>\n  <div class=\"search-history\">\n    <InfoCard icon=\"history\"\n              icon-color=\"orange\"\n              :title=\"t('home.searchHistory.title')\">\n      <template #content>\n        <InteractiveTable :columns=\"columns\" \n                          :items=\"data.results\" \n                          :loading=\"loading\" \n                          :meta=\"meta\" />\n        <Paginator :rows=\"perPage\"\n                   :total-records=\"meta.count\"\n                   @page=\"pageChange\" />\n      </template>\n    </InfoCard>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\t\n  import { http, t, user, init } from \"@/logic\";\n\n  init();\n\n  const perPage = 5;\n  const columns = ref([\n    {\n      prop: \"name\",\n      type: \"url\",\n      width: \"65%\",\n      class: \"ellipsis\",\n    },\n    {\n      prop: \"date\",\n      width: \"35%\",\n    },\n  ]);\n  const meta = ref({\n    currentPage: 1,\n    count: 0,\n  });\n  const data = ref({\n    results: [],\n    meta: {} as any\n  });\n  const loading = ref(false);\n\n  async function load() {\n    if (user.hideSearchHistory) return;\n\n    let query = `?currentPage=${meta.value.currentPage}`;\n    await http.fetchWithLoading(data, loading, `/api/search-history${query}`);\n    meta.value.count = data.value.meta.count;\n  }\n\n  async function pageChange(event) {\n    meta.value.currentPage = event.page + 1;\n    await load();\n  }\n\n  onMounted(async () => {\n    await load();\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.search-history {\n  height: 100%;\n}\n</style>\n","<template>\n  <div class=\"widget\">\n    <InfoCard icon=\"home-international\"\n              icon-color=\"orange\"\n              :title=\"t('home.widgets.internationalAlerts')\">\n      <template v-if=\"data\"\n                #content>\n        <DataTable :value=\"data.items\"\n                   selection-mode=\"single\"\n                   class=\"mt-3\">\n          <Column field=\"date\"\n                  style=\"width: 30px\" />\n          <Column field=\"type\"\n                  style=\"width: 30px\" />\n          <Column field=\"name\">\n            <template #body=\"item\">\n              <a :href=\"'/international/download/' + item.data.id\">{{ item.data.name }}</a>\n            </template>\n          </Column>\n        </DataTable>\n        <Paginator v-if=\"data.count > data.perPage\"\n                   :rows=\"data.perPage\"\n                   :total-records=\"data.count\"\n                   @page=\"pageChange\" />\n      </template>\n    </InfoCard>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\n  import { http, t } from \"@/logic\";\n\n  const page = ref(0);\n  const data = ref(null);\n\n  async function load() {\n    await http.fetch(data, `/api/international/alerts?page=${page.value}`);\n  }\n\n  async function pageChange(event) {\n    page.value = event.page;\n    await load();\n  }\n\n  onMounted(async () => {\n    await load();\n  });\n</script>\n","<template>\n  <div class=\"widget\">\n    <InfoCard icon=\"home-international\"\n              icon-color=\"orange\"\n              :title=\"t('home.widgets.internationalOrders')\">\n      <template v-if=\"data\"\n                #content>\n        <DataTable :value=\"data.items\"\n                   selection-mode=\"single\"\n                   class=\"mt-3\">\n          <Column field=\"date\"\n                  style=\"width: 30px\" />\n          <Column field=\"type\"\n                  style=\"width: 30px\" />\n          <Column field=\"name\">\n            <template #body=\"item\">\n              <a :href=\"'/international/download/' + item.data.id\">{{ item.data.name }}</a>\n            </template>\n          </Column>\n        </DataTable>\n        <Paginator v-if=\"data.count > data.perPage\"\n                   :rows=\"data.perPage\"\n                   :total-records=\"data.count\"\n                   @page=\"pageChange\" />\n      </template>\n    </InfoCard>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\t\n  import { http, t } from \"@/logic\";\n\n  const page = ref(0);\n  const data = ref(null);\n\n  async function load() {\n    await http.fetch(data, `/api/international/orders?page=${page.value}`);    \n  }\n\n  async function pageChange(event) {\n    page.value = event.page;\n    await load();\n  }\n\n  onMounted(async () => {\n    await load();\n  });\n</script>\n","<template>\n  <div class=\"page-home\">\n    <div v-if=\"loaded\"\n         class=\"row\">\n      <div class=\"col-12 col-xxl-8\">\n        <div class=\"row\">\n          <div v-for=\"widget in widgets\"\n               :key=\"widget.name\"\n               :class=\"widget.class\">\n            <component :is=\"widget.component\"\n                       v-if=\"widget.show\" />\n          </div>\n        </div>\n      </div>\n      <div class=\"col-12 col-xxl-4\">\n        <News />\n      </div>\n    </div>\n    <WidgetController :list=\"widgets\"\n                      group=\"home\"\n                      @update=\"widgetUpdate\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, ref, markRaw } from \"vue\";\n  import HomeNavigation from \"../components/pages/home/HomeNavigation.vue\";\n  import MonitoringChanges from \"../components/pages/home/MonitoringChanges.vue\";\n  import SearchHistory from \"../components/pages/home/SearchHistory.vue\";\n  import InternationalAlerts from \"../components/pages/home/InternationalAlerts.vue\";\n  import InternationalOrders from \"../components/pages/home/InternationalOrders.vue\";\n  import { t } from \"@/logic\";\n\t\n  const loaded = ref(false);\n  const widgets = ref([\n    {\n      name: \"HomeNavigation\",\n      component: markRaw(HomeNavigation),\n      title: t(\"home.widgets.navigation\"),\n      class: \"col-12\",\n      show: true\n    },\n    {\n      name: \"MonitoringChanges\",\n      component: markRaw(MonitoringChanges),\n      title: t(\"home.widgets.monitoringChanges\"),\n      class: \"col-12 col-xl-6\",\n      show: true\n    },\n    {\n      name: \"SearchHistory\",\n      component: markRaw(SearchHistory),\n      title: t(\"home.widgets.searchHistory\"),\n      class: \"col-12 col-xl-6\",\n      show: true\n    },\n    {\n      name: \"InternationalOrders\",\n      component: markRaw(InternationalOrders),\n      title: t(\"home.widgets.internationalOrders\"),\n      class: \"col-12\",\n      show: false\n    },\n    {\n      name: \"InternationalAlerts\",\n      component: markRaw(InternationalAlerts),\n      title: t(\"home.widgets.internationalAlerts\"),\n      class: \"col-12\",\n      show: false\n    },\n  ]);\n\n  function widgetUpdate(updatedWidgets) {\n    widgets.value = updatedWidgets;\n    loaded.value = true;\n  }\n</script>","<template>\n  <SearchPage icon=\"international\" :title=\"t('international.title')\">\n    <template #content>\n      <div class=\"page-international pt-5\">\n        <div class=\"container-fluid\">\n          <div class=\"d-flex flex-column gap-5\">\n            <Card class=\"p-4\">\n              <template #header>\n                <i class=\"pi pi-globe\" />\n                <span class=\"title\">{{ t('international.onlineTitle') }}</span>\n              </template>\n              <template #content>\n                <p class=\"subtitle\">\n                  {{ $t('international.chooseCountry') }}\n                </p>\n                <div class=\"container\">\n                  <div class=\"row row-cols-1 row-cols-md-5 g-4\">\n                    <div v-for=\"country in data.online\" :key=\"country.key\" >\n                      <RadioButton class=\"align-middle\" v-model=\"onlineCountry\" :input-id=\"country.key\" \n                        :value=\"country.key\" />\n                      <label :for=\"country.key\" class=\"ml-1 align-middle\">\n                        <span :class=\"'fi fi-' + country.key\"></span>\n                        {{ country.name }}\n                      </label>\n                    </div>\n                  </div>\n                </div>\n                <p class=\"subtitle\">\n                  {{ $t('international.inputs.companyNameLabel') }}\n                </p>\n                <div class=\"row\">\n                  <div class=\"col-12 col-md-6\">\n                    <div class=\"co-input-marketing\">\n                      <label for=\"\">{{ $t('international.inputs.companyName') }}</label>\n                      <InputText v-model=\"companyName\" @keyup.enter=\"onSearch\" />\n                    </div>\n                    <div class=\"co-input-marketing\">\n                      <label for=\"\">{{ $t('international.inputs.address') }}</label>\n                      <InputText v-model=\"zip\" @keyup.enter=\"onSearch\"\n                        :placeholder=\"t('marketing.companyDetails.inputs.zip')\" />\n                      <InputText v-model=\"city\" @keyup.enter=\"onSearch\" class=\"ml-1\"\n                        :placeholder=\"t('marketing.companyDetails.inputs.city')\" />\n                      <InputText v-model=\"street\" @keyup.enter=\"onSearch\" class=\"ml-1\"\n                        :placeholder=\"t('marketing.companyDetails.inputs.street')\" />\n                    </div>\n                  </div>\n                  <div class=\"col-12 col-md-6\">\n                    <div class=\"co-input-marketing\">\n                      <label for=\"\">{{ $t('international.inputs.companyNumber') }}</label>\n                      <InputText v-model=\"companyNumber\" @keyup.enter=\"onSearch\" />\n                    </div>\n                    <div class=\"co-input-marketing\">\n                      <label for=\"\">{{ $t('international.inputs.taxNumber') }}</label>\n                      <InputText v-model=\"taxNumber\" @keyup.enter=\"onSearch\" />\n                    </div>\n                  </div>\n                </div>\n                <div class=\"search-field\">\n                  {{ $t('marketing.search') }}\n                  <button class=\"button button--primary mt-5\" @click=\"onSearch\">\n                    {{ $t('marketing.buttons.search') }}\n                  </button>\n                </div>\n              </template>\n            </Card>\n            <Card class=\"p-4\">\n              <template #header>\n                <i class=\"pi pi-copy\" />\n                <span class=\"title\">{{ t('international.offlineTitle') }}</span>\n              </template>\n              <template #content>\n                <form @submit=\"onOrder\">\n                  <div>\n                    <div class=\"info-box\">\n                      {{ t('international.infoBox') }}\n                    </div>\n                    <p class=\"subtitle\">\n                      {{ t('international.companyDetails') }}\n                    </p>\n                    <div class=\"row\">\n                      <div class=\"col-12 col-md-6\">\n                        <div class=\"co-input-marketing\">\n                          <label for=\"\">{{ t('international.inputs.country') }}</label>\n                          <Dropdown v-model=\"country\" :options=\"data.offline\" option-label=\"name\"\n                            :placeholder=\"t('multiselect.placeholder')\" class=\"w-100\" option-value=\"key\" />\n                        </div>\n                        <div class=\"co-input-marketing\">\n                          <label for=\"\">{{ t('international.inputs.companyName') }}</label>\n                          <InputText v-model=\"companyName\" />\n                        </div>\n                        <div class=\"co-input-marketing\">\n                          <label for=\"\">{{ $t('international.inputs.address') }}</label>\n                          <InputText v-model=\"zip\" :placeholder=\"t('marketing.companyDetails.inputs.zip')\" />\n\n                          <InputText v-model=\"city\" aria-describedby=\"city-help\" class=\"ml-1\"\n                            :placeholder=\"t('marketing.companyDetails.inputs.city')\" />\n                          <InputText v-model=\"street\" class=\"ml-1\"\n                            :placeholder=\"t('marketing.companyDetails.inputs.street')\" />\n                        </div>\n                      </div>\n                      <div class=\"col-12 col-md-6\">\n                        <div class=\"co-input-marketing\">\n                          <label for=\"\">{{ t('international.inputs.taxNumber') }}</label>\n                          <InputText v-model=\"taxNumber\" />\n                        </div>\n                        <div class=\"co-input-marketing\">\n                          <label for=\"\">{{ t('international.inputs.companyNumber') }}</label>\n                          <InputText v-model=\"companyNumber\" />\n                        </div>\n                      </div>\n                    </div>\n                    <div class=\"search-field mt-5\">\n                      <div v-if=\"offlinePrice\" class=\"text-center mb-5\">\n                        {{ t('international.download.purchase.purchasePriceText') }}\n                        <b>{{ offlinePrice }} EUR</b>\n                      </div>\n                      <Message v-for=\"field in Object.keys(errors)\" severity=\"error\" :closable=\"false\">{{\n                        errors[field] }}</Message>\n                      <ConfirmDialog />\n                      <button class=\"button button--primary\" type=\"submit\">\n                        {{ t('international.download.purchase.purchaseButtonText') }}\n                      </button>\n                    </div>\n\n                  </div>\n                  <div v-if=\"offlineOrderResult\" class=\"info-box mt-5\">\n                    {{ offlineOrderResult.message }}\n                  </div>\n                </form>\n              </template>\n            </Card>\n          </div>\n        </div>\n      </div>\n    </template>\n  </SearchPage>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, reactive, onMounted, computed } from \"vue\";\nimport { http, t, router, route, init, toast } from \"@/logic\";\nimport ConfirmDialog from \"primevue/confirmdialog\";\nimport { useConfirm } from \"primevue/useconfirm\";\nimport { useForm } from 'vee-validate';\nimport { object, string, bool } from 'yup';\n\ninit();\n\nconst initialOrder = {\n  country: \"\",\n  companyName: \"\",\n  zip: \"\",\n  city: \"\",\n  street: \"\",\n  taxNumber: \"\",\n  companyNumber: \"\",\n  express: false\n};\n\nconst { defineField, handleSubmit, resetForm, errors } = useForm({\n  initialValues: initialOrder,\n  validationSchema: object({\n    country: string().required(t('yupValidation.required', { value: t('international.inputs.country') })),\n    companyName: string().required(t('yupValidation.required', { value: t('international.inputs.companyName') })),\n    zip: string().required(t('yupValidation.required', { value: t('marketing.companyDetails.inputs.zip') })),\n    city: string().required(t('yupValidation.required', { value: t('marketing.companyDetails.inputs.city') })),\n    street: string().required(t('yupValidation.required', { value: t('marketing.companyDetails.inputs.street') })),\n    taxNumber: string(),\n    companyNumber: string(),\n  })\n});\nconst [country] = defineField('country');\nconst [companyName] = defineField('companyName');\nconst [zip] = defineField('zip');\nconst [city] = defineField('city');\nconst [street] = defineField('street');\nconst [taxNumber] = defineField('taxNumber');\nconst [companyNumber] = defineField('companyNumber');\nconst confirm = useConfirm();\nconst onlineCountry = ref(\"at\");\nconst data = ref({\n  online: [],\n  offline: [],\n});\nconst offlineOrderResult = ref(null);\n\nconst offlinePrice = computed(() => data.value.offline.find((c) => c.key === country.value)?.price);\n\nfunction onSearch() {\n  router.push({\n    name: \"international.results\",\n    query: {\n      country: onlineCountry.value,\n      name: companyName.value,\n      zip: zip.value,\n      city: city.value,\n      street: street.value,\n      taxNumber: taxNumber.value,\n      companyNumber: companyNumber.value\n    }\n  });\n}\n\nconst onOrder = handleSubmit(() => {\n  confirm.require({\n    position: \"center\",\n    header: t(\"international.offlineTitle\"),\n    message: t(\"international.confirm\"),\n    acceptLabel: t(\"marketingExport.okTitle\"),\n    rejectLabel: t(\"marketingExport.cancelTitle\"),\n    accept: () => {\n      sendOrder();\n    }\n  });\n});\n\nasync function sendOrder() {\n  try {\n    offlineOrderResult.value = null;\n\n    const response = await http.post(\"/api/international/offline\", {\n      country: country.value,\n      name: companyName.value,\n      zip: zip.value,\n      city: city.value,\n      street: street.value,\n      taxNumber: taxNumber.value,\n      companyNumber: companyNumber.value,\n    });\n\n    offlineOrderResult.value = response;\n    resetForm();\n  } catch (error) {\n    toast(t('unexpectedError'), \"error\");\n  }\n}\n\nonMounted(async () => {\n  await http.fetch(data, \"/api/international/country-list\");\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.co-input-marketing {\n  label {\n    min-width: 12rem !important;\n  }\n}\n\n.page-international {\n  max-width: 120rem;\n  margin: 0 auto;\n\n  & .marketing-card {\n    margin-top: 1rem;\n  }\n\n  & .subtitle {\n    margin: 2rem 0 1rem;\n    color: $color-font-quaternary;\n    font-weight: 500;\n    font-size: 1.2rem;\n    text-transform: uppercase;\n  }\n\n  & .search-field {\n    & p {\n      margin: 4rem 0 2rem;\n      font-weight: 500;\n      font-size: 1.4rem;\n      text-align: center;\n    }\n\n    & button {\n      margin: 0 auto;\n    }\n  }\n\n  & .info-box {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0.5rem;\n    color: $color-font-primary;\n    font-weight: 500;\n    font-size: 1.4rem;\n    background-color: $color-international-info-bg;\n\n    &::before {\n      margin-right: 0.5rem;\n      color: $color-primary;\n      font-size: 2.4rem;\n      font-family: $font-icon;\n      content: \"\\e932\";\n    }\n  }\n}\n\n.error {\n  margin-top: -11px;\n  margin-left: 19rem;\n  padding: 0;\n  color: #e04242;\n  font-size: 1.2rem;\n  list-style: none;\n\n  @include media-breakpoint-down(lg) {\n    margin-left: 0;\n    padding: 0;\n  }\n}\n</style>","<template>\n  <div class=\"interactive-table-header\n    d-flex flex-wrap gap-4 justify-content-center justify-content-sm-between\n    p-2\">\n    <div class=\"d-flex\">\n      <slot name=\"left\" />\n    </div>\n    <div class=\"d-flex align-items-center\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.interactive-table-header {\n  & .favourite-button,\n  & .export-button {\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n\n      &:hover {\n        cursor: pointer;\n\n        & span {\n          color: $color-primary;\n        }\n      }\n\n\n    & .icon {\n      margin-right: 0.5rem;\n      color: $color-primary;\n      font-size: 2.4rem;\n    }\n\n    & span {\n      color: $color-font-primary;\n      font-weight: 500;\n      font-size: 1.4rem;\n      text-transform: uppercase;\n      transition: color 0.2s ease-in-out;\n    }\n  }\n\n  & .export-button {\n    margin-left: 1rem;\n  }\n}\n</style>\n","<template>\n  <div class=\"page-main-marketing-results\"\n       :style=\"{maxWidth: maxWidth}\">\n    <div class=\"container-fluid \">\n      <div class=\"row\">\n        <div class=\"col-12\">\n          <InteractiveTableHeader>\n            <template #left>\n              <slot name=\"headerLeft\" />\n            </template>\n            <template #right>\n              <slot name=\"headerRight\" />\n            </template>\n          </InteractiveTableHeader>\n          <Card class=\"py-5 px-0 mt-4\">\n            <template #content>\n              <div class=\"px-md-5\">\n                <InteractiveTable :loading=\"loading\"\n                                  :columns=\"columns\"\n                                  :items=\"items\"\n                                  :meta=\"meta\"\n                                  :no-result-message=\"noResultMessage\"\n                                  :is-parent-marketing-card=\"true\"\n                                  @on-order-by=\"onOrderBy\">\n                  <template v-for=\"col in slotCols\"\n                            #[col.prop]=\"prop\">\n                    <slot :name=\"col.prop\"\n                          :row=\"prop.row\" />\n                  </template>\n                </InteractiveTable>\n                <div v-if=\"!loading && (!items || items.length === 0)\"\n                     class=\"no-result\">\n                  <div class=\"action\">\n                    <div class=\"button button--primary button--small ml-2\"\n                         @click=\"newSearch\">\n                      {{ t('marketingResults.buttons.newSearch') }}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </template>\n          </Card>\n          <Paginator v-if=\"meta.count > 10\"\n                     :rows=\"meta.perPage\"\n                     :total-records=\"meta.count\"\n                     :rows-per-page-options=\"perPage\"\n                     @page=\"pageChange\">\n            <template #end>\n              <span v-if=\"perPage\">\n                {{ t('perPage.searchPerPage') }}\n              </span>\n            </template>\n          </Paginator>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch } from \"vue\";\n  import { useRouter } from \"vue-router\";\n  import { t } from \"@/logic\";\n\n  const props = defineProps([\n    \"columns\", \n    \"items\",\n    \"meta\",\n    \"maxWidth\",\n    \"noResultMessage\",\n    \"newSearchPath\",\n    \"perPage\",\n    \"loading\"\n  ]);\n\n  const emit = defineEmits<{\n    (e: \"onOrder\", order: any): void;\n    (e: \"pageChange\", event: any): void;\n  }>();\n\n  const slotCols = computed(() => {\n    return props.columns.filter((c) => c.type === \"slot\");\n  });\n\n  const router = useRouter();\n\n  function onOrderBy(prop) {\n    let direction = props.meta.order;\n    let orderBy = props.meta.orderBy;\n    \n    if (props.meta.orderBy === prop) {\n      direction = direction === \"asc\" ? \"desc\" : \"asc\";\n    } else {\n      orderBy = prop;\n      direction = \"asc\";\n    }\n\n    emit(\"onOrder\", {\n      orderBy: orderBy,\n      order: direction,\n    });\n  }\n\n  function newSearch() {\n    router.push({\n      name: props.newSearchPath,\n    });\n  }\n\n  async function pageChange(event) { \n    emit(\"pageChange\", event);\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.page-main-marketing-results {\n  max-width: 120rem;\n  margin: 1rem auto 0;\n}\n\n.no-result {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  align-items: center;\n  justify-content: center;\n  margin: 50px 10px 50px 10px;\n}\n\n.no-result .message {\n  font-size: 16px;\n  line-height: 22px;\n  text-align: center;\n}\n</style>\n","<template>\n  <div class=\"container text-center\" v-if=\"loading\">\n    <ProgressSpinner />\n  </div>\n  <SearchPage v-else\n              icon=\"marketing-search\"\n              :title=\"data.title\">\n    <template #controls>\n      <span v-if=\"meta.count > 49\"\n            class=\"m-5 text-danger\">\n        {{ t('international.moreHits') }}\n      </span>\n      <Button :label=\"t('marketingResults.buttons.newSearch')\"\n              size=\"small\"\n              class=\"mr-1\"\n              @click=\"router.push({name: 'international.search'})\" />\n    </template>\n\n    <template #content>\n      <Results :columns=\"columns\"\n                :items=\"data.items\"\n                :meta=\"meta\"\n                :no-result-message=\"data.error ? data.error : t('marketingResults.noResultInternational')\"\n                :new-search-path=\"'international.search'\" />\n    </template>\n  </SearchPage>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\n  import { http, t, router, route, init } from \"@/logic\";\n\n  init();\n\n  const loading = ref(false);\n  const columns = ref([\n    {\n      value: \"\",\n      prop: \"country\",\n      type: \"flag\",\n      width: \"4%\",      \n    },\n    {\n      value: t(\"marketing.columns.name\"),\n      prop: \"name\",\n      type: \"url\",\n      width: \"30%\",\n      class: \"ellipsis\",\n    },\n    {\n      value: t(\"marketing.columns.address\"),\n      prop: \"address\",\n      width: \"40%\",\n      class: \"ellipsis\",\n    },\n    {\n      value: t(\"marketing.columns.registrationNumber\"),\n      prop: \"registrationNumber\",\n      width: \"15%\",\n    }\n  ]);\n  const data = ref({\n    items: [],\n    title: \"\",\n    error: null,\n    count: 0,\n  });\n  const meta = ref({\n    count: 0,\n  });\n\n  async function load() {\n    await http.fetchWithLoading(data, loading, `/api/international/results?${new URLSearchParams(route.query).toString()}`);\n    meta.value.count = data.value.count;\n  }\n\n  onMounted(async () => {\n    await load();\n  });\n</script>","export default {\n  columns: [\n    {\n      title: \"\",\n      description: \"\",\n      align: \"left\",\n      width: \"40%\",\n      prop: \"title\"\n    },\n    {\n      title: \"Extended\",\n      description: \"\",\n      align: \"center\",\n      width: \"15%\",\n      type: \"icon\",\n      prop: \"extended\",\n    },\n    {\n      title: \"Small\",\n      description: \"\",\n      align: \"center\",\n      width: \"15%\",\n      type: \"icon\",\n      prop: \"small\",\n    },\n    {\n      title: \"Risk check\",\n      description: \"\",\n      align: \"center\",\n      width: \"15%\",\n      type: \"icon\",\n      prop: \"check\",\n    },\n    {\n      title: \"Company Profile\",\n      description: \"\",\n      align: \"center\",\n      width: \"15%\",\n      type: \"icon\",\n      prop: \"profile\",\n    },\n  ],\n  items: [\n    {\n      title: \"international.table.egyediAzonositok\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      check: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      profile: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n    }, {\n      title: \"international.table.statusz\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      check: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      profile: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n    },{\n      title: \"international.table.jogiForma\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      check: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      profile: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n    },{\n      title: \"international.table.alapitasEve\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      check: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      profile: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n    },{\n      title: \"international.table.elerhetosegek\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      check: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      profile: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n    },{\n      title: \"international.table.vezetok\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      check: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      profile: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n    },{\n      title: \"international.table.nace\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      check: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      profile: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n    },{\n      title: \"international.table.tokeadatok\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      check: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      profile: \"\",\n    },{\n      title: \"international.table.fizetesiMoral\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      check: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      profile: \"\",\n    },{\n      title: \"international.table.bankiAdatok\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      check: \"\",\n      profile: \"\",\n    },{\n      title: \"international.table.merlegEredmeny\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      check: \"\",\n      profile: \"\",\n    },{\n      title: \"international.table.tulajdonosiSzerkezet\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      check: \"\",\n      profile: \"\",\n    },{\n      title: \"international.table.cegtortenet\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: \"\",\n      check: \"\",\n      profile: \"\",\n    },{\n      title: \"international.table.pozNeg\",\n      extended: { icon: { key: \"status-ok\", color: \"rgb(243, 121, 43)\" } },\n      small: \"\",\n      check: \"\",\n      profile: \"\",\n    },{\n      title: \"international.table.kockazatiBesorolas\",\n      extended: \"international.table.600skala\",\n      small: \"international.table.5skala\",\n      check: \"international.table.3skala\",\n      profile: \"\",\n    },{\n      title: \"international.table.hitelezesiJavaslat\",\n      extended: \"international.table.1MEURig\",\n      small: \"international.table.250eEURig\",\n      check: \"international.table.25eEURig\",\n      profile: \"\",\n    },{\n      title: \"international.table.adatokIdoszaka\",\n      extended: \"international.table.utolso3ev\",\n      small: \"international.table.utolsoEv\",\n      check: \"\",\n      profile: \"\",\n    }\n  ],\n};","<template>\n  <div class=\"page-home\">\n    <div class=\"row d-flex align-items-center justify-content-center\">\n      <div class=\"col-8 col-xxl-8\">\n        <InfoCard icon-color=\"orange\"\n                  card-type=\"dropdown\"\n                  is-header-hidden>\n          <template #content>\n            <div v-if=\"loading\" class=\"text-center\">\n              <ProgressSpinner />\n            </div>\n            <div v-else\n                 class=\"container-fluid\">\n              <div class=\"row\">\n                <div class=\"col-12\">\n                  <h4 class=\"mb-2\"\n                      style=\"color:darkgray\">\n                    {{ data.id }}\n                  </h4>\n                  <h1 class=\"mb-2\">\n                    {{ data.name }}\n                  </h1>\n                  <p class=\"mb-1\">\n                    <span :class=\"'fi fi-' + data.country\"></span>\n                    {{ data.address }}\n                  </p>\n                </div>                \n                <div v-if=\"data.availability && (data.availability.check || data.availability.extended || \n                     data.availability.profile || data.availability.small)\">\n                  <div v-if=\"!orderStarted\">\n                    <div v-if=\"data.lastOrder\"\n                         class=\"col-12 text-center mt-5\"\n                         @click=\"openLastOrder\"\n                         v-html=\"t('international.lastOrder', data.lastOrder)\" />\n                    <h2 class=\"mt-5\">\n                      {{ t(\"international.newOrder\") }}\n                    </h2>\n                    <table class=\"table table-striped table-sm\">\n                      <thead>\n                        <tr>\n                          <th v-for=\"col in reportTypes.columns.filter(x => a(x.prop))\"\n                              :key=\"col.prop\"\n                              :style=\"{width: col.width}\">\n                            {{ col.title }}\n                          </th>\n                        </tr>\n                      </thead>\n                      <tbody>\n                        <tr>\n                          <td>{{ t(\"international.table.ar\") }}</td>\n                          <td v-for=\"col in reportTypes.columns.filter(x => x.prop != 'title' && a(x.prop))\"\n                              :key=\"col.prop\"\n                              class=\"fw-bold text-center\">\n                            {{ data.price[col.prop] }} EUR\n                          </td>\n                        </tr>\n                        <tr>\n                          <td />\n                          <td v-for=\"col in reportTypes.columns.filter(x => x.prop != 'title' && a(x.prop))\"\n                              :key=\"col.prop\"\n                              class=\"text-center\">\n                            <button class=\"button button--primary\"\n                                    @click=\"purchase(col.prop)\">\n                              {{ $t('international.download.purchase.purchaseButtonText') }}\n                            </button>\n                          </td>\n                        </tr>\n                        <tr>\n                          <td />\n                          <td v-for=\"col in reportTypes.columns.filter(x => x.prop != 'title' && a(x.prop))\"\n                              :key=\"col.prop\"\n                              class=\"text-center\">\n                            <a :href=\"'https://cdn.creditonline.hu/app/sample/CR_' + col.title.replace(' ', '') + '.pdf'\"\n                               target=\"_blank\">\n                              {{ $t('international.table.minta') }}\n                            </a>\n                          </td>\n                        </tr>\n                        <tr v-for=\"row in reportTypes.items\"\n                            :key=\"row.title\">\n                          <td v-for=\"col in reportTypes.columns.filter(x => a(x.prop))\"\n                              :key=\"col.prop\"\n                              :style=\"{textAlign: (col.prop == 'title' ? 'left' : 'center')}\">\n                            <span v-if=\"row[col.prop].icon\"\n                                  class=\"icon\"\n                                  :class=\"row[col.prop].icon.key\"\n                                  :style=\"{color: row[col.prop].icon.color}\" />\n                            <span v-else>\n                              {{ row[col.prop] ? t(row[col.prop]) : '' }}\n                            </span>\n                          </td>\n                        </tr>\n                      </tbody>\n                    </table>\n                  </div>\n                  <div v-if=\"orderStarted && !downloaded\"\n                       class=\"text-center\">\n                    <ProgressSpinner style=\"width: 50px; height: 50px\"\n                                     stroke-width=\"8\"\n                                     animation-duration=\".5s\"\n                                     class=\"my-5\" />\n                    <div>\n                      {{ t(\"international.downloading\") }}\n                    </div>\n                  </div>\n                  <div v-if=\"downloaded\"\n                       class=\"text-center my-5\">\n                    {{ t(\"international.downloaded\") }}\n                  </div>\n                </div>         \n                <div v-else style=\"text-align: center\" class=\"mt-5\">\n                  <h3> {{ t(\"international.onlyOffline\") }}</h3>\n                  <button class=\"button button--primary mx-auto mt-5\"\n                          @click=\"purchaseOffline()\"\n                          v-if=\"!offlineOrderSent\">\n                    {{ $t('international.download.purchase.purchaseOfflineButtonText') }}\n                  </button>              \n                </div>\n              </div>\n            </div>\n            <ConfirmDialog />\n          </template>\n        </InfoCard>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\n  import { http, t, route, init, toast } from \"@/logic\";\n  import * as ReportTypes from \"./ReportTypes\";\n  import ProgressSpinner from \"primevue/progressspinner\";\n  import ConfirmDialog from \"primevue/confirmdialog\";\n  import { useConfirm } from \"primevue/useconfirm\";\n\n  init();\n\n  const confirm = useConfirm();\n  const loading = ref(false);\n  const orderStarted = ref(false);\n  const downloaded = ref(false);\n  const offlineOrderSent = ref(false);\n  const data = ref({\n    id: null,\n    name: null,\n    country: null,\n    address: null,    \n    availability: {\n      check: false,\n      extended: false,\n      profile: false,\n      small: false,\n    },\n    price: {},\n    lastOrder: {\n      id: \"\"\n    },\n  });\n  const reportTypes = ref(ReportTypes.default as any);\n\n  async function load() {\n    await http.fetchWithLoading(data, loading, \"/api/international/predownload/\" + route.params.id);    \n  }\n\n  function purchase(type) {\n    confirm.require({\n      position: \"center\",\n      header: t(\"international.newOrder\"),\n      message: t(\"international.newOrderconfirm\"),\n      acceptLabel: t(\"marketingExport.okTitle\"),\n      rejectLabel: t(\"marketingExport.cancelTitle\"),\n      accept: async () => {\n        orderStarted.value = true;\n        await http.blob(\"/api/international/download/\" + data.value.country + \"/\" + route.params.id + \"/\" + \n          type + \"/\" + data.value.availability[type], null, true);\n        downloaded.value = true;\n      }\n    });\n  }\n\n  async function purchaseOffline() {\n    const resp = await http.post(\"/api/international/offline\", {\n      countries: [{ name: data.value.country }],\n      companyName: data.value.name,\n      address: data.value.address,\n    });\n    toast(resp.message);\n    offlineOrderSent.value = true;\n  }\n\n  function a(type) {\n    return type == \"title\" || data.value.availability[type];\n  }\n\n  async function openLastOrder() {\n    await http.blob(\"/api/international/download/\" + data.value.lastOrder.id, null, true);    \n  }\n\n  onMounted(async () => {\n    await load();\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n  table {\n    th {\n      text-align: center\n    }\n\n    td {\n      padding: 5px;\n    }\n\n    .icon {\n      display: block !important;\n      font-weight: 600;\n      padding-top: 3px;\n    }\n\n    button {\n      display: inline-block;\n    }\n  }\n</style>","export default \"__VITE_PUBLIC_ASSET__7a89d290__\"","<template>\n  <div class=\"page-final-owner\">\n    <div class=\"container-fluid \">\n      <div class=\"row\">\n        <div class=\"col-12 col-xxl-8\">\n          <PageCard :title=\"t('finalOwner.title')\"\n                    icon=\"person\">\n            <template #content>\n              <div class=\"co-final-owner\">\n                <div v-if=\"finalOwner.groups?.length > 0\">\n                  <div v-for=\"(group, index) in finalOwner.groups\"\n                       :key=\"'group-' + index\"\n                       class=\"info-card\">\n                    <div v-for=\"(item, itemIndex) in group\"\n                         :key=\"'item-' + itemIndex\">\n                      <div v-if=\"item.level === 1\"\n                           class=\"info-card__header\">\n                        <div class=\"icon info-card__header__icon\"\n                             :class=\"item.icon.key\"\n                             :style=\"item.icon.style\" />\n                        <h3 class=\"info-card__header__title\">\n                          <div v-if=\"item.url\">\n                            <a :href=\"item.url\"\n                               target=\"_blank\"> {{ item.name }} </a>\n                          </div>\n                          <div v-else>\n                            {{ item.name }}\n                          </div>\n                        </h3>\n                      </div>\n                      <div v-if=\"item.level === 2\"\n                           class=\"info-card__content\">\n                        <img class=\"info-card__content__icon\"\n                             src=\"/assets/icons/icon-final-owner.svg\"\n                             alt=\"Icon\">\n                        <div class=\"icon\"\n                             :class=\"item.icon.key\"\n                             :style=\"item.icon.style\" />\n                        <h3 class=\"info-card__header__title\">\n                          {{ item.name }}\n                        </h3>\n                      </div>\n                      <div class=\"info-card__details\"\n                           :style=\"{ 'margin-left': (item.level === 1 ? '3rem' : '5.5rem') }\">\n                        <div v-if=\"item.prohibited\"\n                             style=\"color: rgb(232, 19, 19)\">\n                          {{ item.prohibited }}\n                        </div>\n                        <div v-if=\"item.address\">\n                          {{ item.address }}\n                        </div>\n                        <div v-if=\"item.percent\">\n                          {{ item.percent }}\n                          <span v-if=\"item.source\" style=\"color: white\">\n                            {{ item.source }}\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div v-else>\n                  <div>\n                    {{ t('finalOwner.noData1') }}\n                  </div>\n                  <br />\n                  <div>\n                    {{ t('finalOwner.noData2') }}\n                  </div>\n                </div> \n                <hr class=\"line line--final-owner\">\n                <div class=\"row\">\n                  <div class=\"col-12\">\n                    <h3 class=\"owner-levels-description\">\n                      {{ t('finalOwner.ownerLevels.title') }}\n                    </h3>\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"col-12 col-md-6\">\n                    <div class=\"owner-card\">\n                      <div class=\"owner-card__header\">\n                        <div class=\"icon building\"\n                             style=\"color: #3498DB\" />\n                        <h4 class=\"owner-card__header__title\">\n                          {{ t('finalOwner.ownerLevels.coOwner.title') }}\n                        </h4>\n                      </div>\n                      <div class=\"owner-card__content\">\n                        {{ t('finalOwner.ownerLevels.coOwner.description') }}\n                      </div>\n                    </div>\n                    <div class=\"owner-card\">\n                      <div class=\"owner-card__header\">\n                        <div class=\"icon profile-user\"\n                             style=\"color: #C0C0C0\" />\n                        <h4 class=\"owner-card__header__title\">\n                          {{ t('finalOwner.ownerLevels.owner.title') }}\n                        </h4>\n                      </div>\n                      <div class=\"owner-card__content\">\n                        {{ t('finalOwner.ownerLevels.owner.description') }}\n                      </div>\n                    </div>\n                  </div>\n                  <div class=\"col-12 col-md-6\">\n                    <div class=\"owner-card\">\n                      <div class=\"owner-card__header\">\n                        <div class=\"icon profile-user\"\n                             style=\"color: #39B54A\" />\n                        <h4 class=\"owner-card__header__title\">\n                          {{ t('finalOwner.ownerLevels.finalOwner.title') }}\n                        </h4>\n                      </div>\n                      <div class=\"owner-card__content\">\n                        <h5 class=\"owner-card__content__title\">\n                          {{ t('finalOwner.ownerLevels.finalOwner.list.description') }}\n                        </h5>\n                        <ul class=\"owner-card__content__list\">\n                          <li>{{ t('finalOwner.ownerLevels.finalOwner.list.item-1') }}</li>\n                          <li>{{ t('finalOwner.ownerLevels.finalOwner.list.item-2') }}</li>\n                          <li>{{ t('finalOwner.ownerLevels.finalOwner.list.item-3') }}</li>\n                          <li>{{ t('finalOwner.ownerLevels.finalOwner.list.item-4') }}</li>\n                        </ul>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"row\"\n                     style=\"margin-top: 20px; font-size: 1.1rem\">\n                  <div class=\"col-12\">\n                    {{ t('finalOwner.warning') }}\n                  </div>\n                </div>\n              </div>\n            </template>\n          </PageCard>\n        </div>\n        <div class=\"col-12 col-xxl-4\">\n          <DidYouKnow page-name=\"final-owner\"\n                      :sticky=\"true\"\n                      alternative-card=\"true\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, reactive, onMounted, watch, computed } from \"vue\";\n  import { useRoute } from \"vue-router\";\n  import { http, t } from \"@/logic\";\n\n  const route = useRoute();\n  const loading = ref(false);\n  const finalOwner = ref({} as any);\n\n  onMounted(async () => {\n    await http.fetchWithLoading(finalOwner, loading, \"/api/report/\" + route.params.id + \"/real-owner\");\t\t\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.co-final-owner {\n  padding: 2rem;\n\n  & .info-card {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin: 2rem 0;\n    padding: 2rem;\n    border: 2px solid $color-border-secondary;\n    border-radius: 4px;\n\n    @include media-breakpoint-down(md) {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    &__header {\n      display: flex;\n      align-items: center;\n\n      &__title {\n        color: $color-font-primary;\n        font-weight: 600;\n        font-size: 1.4rem;\n      }\n\n      &__icon {\n        margin-right: 0.75rem;\n        font-size: 2.5rem;\n      }\n    }\n\n    &__content {\n      position: relative;\n      display: flex;\n      align-items: center;\n      margin-top: 1rem;\n\n      &__title {\n        color: $color-font-primary;\n        font-weight: 600;\n        font-size: 1.4rem;\n      }\n\n      & .icon {\n        margin-right: 0.5rem;\n        margin-left: 3rem;\n        color: $color-green;\n        font-size: 2.2rem;\n      }\n\n      &__icon {\n        position: absolute;\n        top: 0;\n        left: 1rem;\n        height: 1.3rem;\n      }\n    }\n\n    &__details {\n      font-size: 1.4rem;\n    }\n  }\n\n  & .owner-levels-description {\n    margin: 1rem 0 2rem;\n    color: $color-primary;\n    font-weight: 600;\n    font-size: 1.4rem;\n\n    @include media-breakpoint-down(md) {\n      margin-bottom: 0;\n    }\n  }\n\n  & .owner-card {\n    margin-top: 2rem;\n\n    &:first-child {\n      margin-top: 0;\n\n      @include media-breakpoint-down(md) {\n        margin-top: 2rem;\n      }\n    }\n\n    &__header {\n      display: flex;\n      align-items: center;\n      min-height: 4rem;\n\n      & .icon {\n        margin-right: 0.5rem;\n        font-size: 2.2rem;\n      }\n\n      &__icon {\n        height: 1.8rem;\n        margin-right: 0.5rem;\n      }\n\n      &__title {\n        color: $color-font-primary;\n        font-weight: 600;\n        font-size: 1.4rem;\n        text-transform: uppercase;\n      }\n    }\n\n    &__content {\n      color: $color-font-primary;\n      /*font-weight: 600;*/\n      font-size: 1.4rem;\n\n      &__title {\n        color: $color-font-primary;\n        /*font-weight: 600;*/\n        font-size: 1.4rem;\n      }\n\n      &__list {\n        padding: 0;\n        list-style-type: none;\n\n        & li {\n          position: relative;\n          margin-left: 2rem;\n\n          &::before {\n            position: absolute;\n            left: -1rem;\n            margin-right: 0.5rem;\n            color: $color-green;\n            content: \"\\00BB\";\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"page-kim\">\n    <div class=\"container-fluid \">\n      <div class=\"row\">\n        <div class=\"col-12 col-xxl-8\">\n          <PageCard :title=\"t('kim.title')\"\n                    icon=\"kim\">\n            <template #content>\n              <div class=\"description\">\n                {{ t('kim.description') }}\n              </div>\n\n              <div class=\"selectPublications m-5\">\n                <p class=\"orderDetails\">\n                  {{ t('kim.selectPublications.orderDetails') }}\n                </p>\n\n                <div v-for=\"item in im['electronic']\"\n                     :key=\"item.id\"\n                     class=\"order\">\n                  <div class=\"co-checkbox-tertiary\">\n                    <Checkbox v-model=\"selected['i' + item.id]\"\n                              input-id=\"leaders\"\n                              :binary=\"true\"\n                              @change=\"addSum(item)\" />\n                    <label :for=\"'i' + item.id\">{{ item.value }}</label>\n                  </div>\n                  <p class=\"price\">\n                    {{ item.price }} Ft\n                  </p>\n                  <div class=\"separator\" />\n                </div>\n                <div class=\"order\">\n                  <div class=\"sum\">\n                    <div class=\"icon sum\" />\n                    <span>\n                      {{ t('kim.selectPublications.orders.sum') }}\n                    </span>\n                  </div>\n                  <p class=\"price\">\n                    {{ sum }} Ft\n                  </p>\n                </div>\n                <div class=\"confirmAndOrder\">\n                  <p class=\"content content--bold\">\n                    {{ t('kim.confirmAndOrder.taxExcluded') }}\n                  </p>\n                  <p class=\"content content--bold\">\n                    {{ t('kim.confirmAndOrder.forwardingType.title') }} <span>{{ t('kim.confirmAndOrder.forwardingType.value') }}</span>\n                  </p>\n                  <p class=\"content content--bold\">\n                    {{ t('kim.confirmAndOrder.paymentType.title') }} <span>{{ t('kim.confirmAndOrder.paymentType.value') }}</span>\n                  </p>\n                  <p class=\"content\">\n                    {{ t('kim.confirmAndOrder.description-3') }}\n                  </p>\n\n                  <div v-if=\"items.length > 0\"\n                       class=\"mt-5\">\n                    <div class=\"button button--primary\"\n                         @click=\"order\">\n                      {{ t('kim.confirmAndOrder.order') }}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </template>\n          </PageCard>\n        </div>\n        <div class=\"col-12 col-xxl-4\">\n          <DidYouKnow page-name=\"kim\"\n                      :sticky=\"true\"\n                      alternative-card=\"true\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, reactive, onMounted, computed } from \"vue\";\n  import { http, t, route, toast } from \"@/logic\";\n\n  const activeTab = ref(0);\n  const selected = ref({});\n  const items = ref([]);\n  const im = ref({});\n  const sum = computed(() => {\n    let sum = 0;\n\n    items.value.forEach((i) => (sum += i.price));\n\n    return sum;\n  });\n\n  function addSum(item) {\n    const index = items.value.indexOf(item);\n    if (index > -1) {\n      items.value.splice(index, 1);\n    } else {\n      items.value.push(item);\n    }\n  }\n\n  async function order() {\n    const list = items.value.map(x => x.value).join(\", \");\n    const data = await http.get(\"/api/report/\" + route.params.id + \"/im/order/\" + list);\n\n    toast(data.notification, \"success\");\n    activeTab.value = 0;\n    items.value = [];\n  }\n\n  onMounted(async () => {\n    await http.fetch(im, \"/api/report/\" + route.params.id + \"/im/load\");\t\t\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.page-kim {\n  & .description {\n    margin: 4rem 2rem 1rem;\n    color: $color-font-primary;\n    font-weight: 500;\n    font-size: 1.4rem;\n  }\n\n  & .selectPublications {\n    & .select-format,\n    & .orderDetails {\n      margin: 2rem 0;\n      color: $color-font-primary;\n      font-weight: 600;\n      font-size: 1.4rem;\n    }\n\n    & .order {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 2rem;\n\n      & .separator {\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 100%;\n        height: 1px;\n        background-color: $color-border-primary;\n        transform: translateX(-50%);\n      }\n\n      & .price {\n        color: $color-green;\n        font-weight: 500;\n      }\n\n      & .sum {\n        display: flex;\n        align-items: center;\n\n        & img {\n          height: 1.5rem;\n          margin-right: 0.75rem;\n          margin-left: 1rem;\n        }\n\n        & span {\n          color: $color-green;\n          font-weight: 500;\n          font-size: 1.4rem;\n        }\n      }\n    }\n\n    & .tax {\n      & p {\n        font-weight: 500;\n        font-size: 1.2rem;\n      }\n    }\n  }\n\n  & .billingDetails {\n    & .input-title {\n      margin: 4rem 0 2rem;\n      font-weight: 600;\n      font-size: 1.4rem;\n\n      &:first-child {\n        margin-top: 2rem;\n      }\n    }\n  }\n\n  & .confirmAndOrder {\n    & .title {\n      margin: 2rem 0 3rem;\n      font-weight: 500;\n      font-size: 2rem;\n      text-align: center;\n    }\n\n    & .value {\n      font-weight: 500;\n    }\n\n    & .sum {\n      display: flex;\n      justify-content: space-between;\n\n      & .sum-title {\n        font-weight: 500;\n        font-size: 1.8rem;\n      }\n\n      & .amount {\n        color: $color-green;\n        font-weight: 500;\n        font-size: 1.8rem;\n      }\n    }\n\n    & .content {\n      margin: 2rem 0;\n      font-size: 1.4rem;\n\n      &--bold {\n        font-weight: 500;\n      }\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"negative-collapse opened\">\n    <div class=\"negative-collapse__header\">\n      <div class=\"negative-collapse__header__icon icon\"\n           :class=\"icon.key\"\n           :style=\"{ 'color': icon.color }\" />\n      <h3 class=\"negative-collapse__header__title\"\n          :style=\"{color: titleColor}\">\n        {{ title }}\n      </h3>\n    </div>\n    <div v-if=\"open\"\n         class=\"negative-collapse__content\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref } from \"vue\";\n  import { useEventBus } from \"@vueuse/core\";\n\n  const props = defineProps([\"title\", \"icon\", \"page\", \"titleColor\"]);\n\n  const open = ref(true);\n\n  if (props.page) {\n    const bus = useEventBus<boolean>(props.page + \"/openAll\");\n\n    bus.on((event) => {\n      open.value = event;\n    });\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.negative-collapse {\n  padding: 2rem 0;\n\n  &:first-child {\n    padding-top: 0;\n  }\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n\n  &:not(:first-child) {\n    border-top: 1px solid $color-border-secondary;\n  }\n\n  &.opened {\n    & .negative-collapse__header {\n      &::after {\n        // content: \"\\e93c\";\n        // color: #E81313;\n      }\n    }\n\n    & .negative-collapse__content {\n      display: block;\n    }\n  }\n\n  &__header {\n    position: relative;\n    display: flex;\n    align-items: center;\n\n      &:hover {\n        cursor: pointer;\n      }\n\n    &::after {\n      margin-left: auto;\n      font-family: $font-icon;\n      // content: \"\\e93b\";\n    }\n\n    &__icon {\n      margin-right: 0.5rem;\n      font-size: 2rem;\n    }\n\n    &__title {\n      //\n    }\n  }\n\n  & .negative-collapse__content {\n    padding: 1rem 2rem;\n\n    @include media-breakpoint-down(md) {\n      padding: 1rem 0;\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"mb-3\">\n    <div class=\"d-inline-flex flex-nowrap\"\n         @click=\"onOpen\">\n      <div class=\"d-flex align-items-start flex-column flex-md-row justify-content-between justify-content-md-start w-100\">\n        <div class=\"d-flex\">\n          <div class=\"d-flex align-items-center overflow-hidden w-mobile-100\">\n            <div class=\"negative-collapse__content__icon icon\"\n                 :class=\"item.keyIcon.key\"\n                 :style=\"{ 'color': item.keyIcon.color }\" />\n            <div class=\"negative-collapse__content__title\"\n                 :style=\"{color: item.color}\">\n              <span>{{ item.key }}</span>\n            </div>\n          </div>\n          <div v-if=\"!disabled\"\n               class=\"negative-collapse__content__details\"\n               :class=\"{ 'opened': open }\" />\n        </div>\n        <div class=\"negative-collapse__content__date\">\n          <div :style=\"{color: item.color}\">\n            {{ item.value }}\n          </div>\n          <div v-if=\"item.valueIcon\"\n               :class=\"['icon', item.valueIcon.key, 'negative-collapse__content__date__to__icon' ]\"\n               :style=\"{color: item.valueIcon.color}\" />\n        </div>\n      </div>\n    </div>\n    <div v-if=\"open\"\n         class=\"negative-collapse__content__inner-content\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref } from \"vue\";\n\n  const props = defineProps([\"item\", \"disabled\", \"onOpenEvent\"]);\n\n  const emit = defineEmits<{\n    (e: \"open\"): void;\n  }>();\n\n  const open = ref(false);\n \n  async function onOpen(item) {\n    if (!props.disabled) {\n      open.value = !open.value;\n      if (open.value) {\n        emit(\"open\");\n      }\n\n      if (props.onOpenEvent) {\n        props.onOpenEvent(item);\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.negative-collapse__content {\n  &-container {\n    display: flex;\n    flex-direction: column;\n    margin: 2rem 0;\n\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    @include media-breakpoint-only(xs) {\n      flex-direction: column;\n    }\n  }\n\n  &__icon {\n    margin-right: 0.5rem;\n    font-size: 2rem;\n  }\n\n  &__title {\n    width: 25rem;\n    overflow: hidden;\n    font-size: 1.4rem;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    & span {\n      @include media-breakpoint-only(xs) {\n        min-width: 0;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n\n  &__date {\n    display: flex;\n    min-width: 18rem;\n    margin-left: 1rem;\n    font-size: 1.4rem;\n\n    @include media-breakpoint-down(md) {\n      min-width: initial;\n    }\n\n    &__from {\n      //\n    }\n\n    &__to {\n      &__date {\n        &:not(:empty) {\n          &::before {\n            margin-right: 0.2rem;\n            margin-left: 0.2rem;\n            content: \"-\";\n          }\n        }\n      }\n\n      &__icon {\n        margin-left: 0.5rem;\n        font-weight: 900;\n      }\n    }\n  }\n\n  &__details {\n    min-width: 1rem;\n    font-size: 1.4rem;\n    line-height: 1.2;\n\n      &:hover {\n        cursor: pointer;\n      }\n\n    @include media-breakpoint-down(md) {\n      margin-right: 1rem;\n    }\n\n    &::after {\n      display: block;\n      font-family: $font-icon;\n      content: \"\\e947\";\n    }\n\n    &.opened {\n      &::after {\n        content: \"\\e948\";\n      }\n    }\n  }\n\n  &__inner-content {\n    padding: 1rem 0 0;\n\n    &-container {\n      display: flex;\n      margin: 1rem 0;\n\n      &:first-child {\n        margin-top: 0;\n      }\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n\n      @include media-breakpoint-only(xs) {\n        flex-direction: column;\n        margin-left: 3rem;\n      }\n    }\n\n    &.opened {\n      display: block;\n    }\n\n    &__title {\n      width: 26rem;\n      min-width: 18rem;\n      margin-left: 2.5rem;\n      font-weight: 400;\n      font-size: 1.4rem;\n      line-height: 1;\n\n      @include media-breakpoint-only(xs) {\n        margin-left: 0;\n      }\n    }\n\n    &__data {\n      font-weight: 400;\n      font-size: 1.4rem;\n      line-height: 1.1;\n    }\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .negative-collapse__content__date {\n    margin-left: 2.5rem;\n  }\n}\n</style>\n","<template>\n  <div v-if=\"!loading\"\n       class=\"page-negative-info row\">\n      <div class=\"col-12 col-xxl-8\">\n        <PageCard :title=\"t(type + 'Infos.title')\"\n                  :icon=\"type + '-info'\" \n                  :icon-color=\"(type == 'negative' ? colorNegative : colorPositive) + ' !important'\">\n          <template #controls>\n            <div class=\"d-md-flex flex-md-row d-none\">\n              <Button v-if=\"openAll === false\"\n                      size=\"small\"\n                      :label=\"t('negativeInfos.buttons.openAll')\"\n                      icon=\"pi pi-angle-down\"\n                      icon-pos=\"right\"\n                      @click=\"onOpenAll\" />                \n              <Button v-else\n                      :label=\"t('negativeInfos.buttons.closeAll')\"\n                      size=\"small\"\n                      icon=\"pi pi-angle-up\"\n                      icon-pos=\"right\"\n                      @click=\"onOpenAll\" />\n            </div>\n          </template>\n\n          <template #content>\n            <EmptyState v-if=\"!negativeInfo.groups?.length\"\n                        page=\"negativeInfos\" />\n            <div v-else\n                  class=\"negative-collapse-container\">\n              <InfoCollapse v-for=\"(group, index) in filteredGroups(negativeInfo.groups)\"\n                            :key=\"'group-' + index\" \n                            page=\"negativeInfo\" \n                            :title=\"group.title\"\n                            :icon=\"{key: group.icon.key, color: group.icon.color }\">\n                <div v-for=\"(item, itemIndex) in filteredItems(group.items)\"\n                      :key=\"'item-' + itemIndex + index\">\n                  <InnerCollapse v-if=\"itemIndex < 5 || showMoreItems === 'group-' + index\"\n                                  :key=\"'group-' + index\"\n                                  :item=\"item\"\n                                  :disabled=\"!item.hasDetails && !item.hasRows\"\n                                  @open=\"loadDetails(index, itemIndex)\">\n                    <table>\n                      <tr v-for=\"(row, rowIndex) in item.rows\"\n                          :key=\"'row-' + rowIndex + index\">\n                        <td style=\"width: 18rem\">\n                          <span style=\"padding-right: 2rem\">\n                            {{ row.key }}\n                          </span>                            \n                        </td>\n                        <td>\n                          <span v-if=\"!row.url\">\n                            {{ row.value }}\n                          </span>\n                          <span v-else>\n                            <a :href=\"row.url\"\n                                target=\"_blank\">{{ row.value }}</a>\n                          </span>\n                        </td>\n                      </tr>\n                    </table>\n                    <div>\n                      <router-link v-if=\"item.hasDetails\"\n                                    :to=\"{name: 'report.negative-info.details', params: {id: $route.params.id, itemId: item.id}}\"\n                                    class=\"details\">\n                        {{ t(\"negativeInfos.details.details\") }}\n                      </router-link>\n                    </div>\n                  </InnerCollapse>\n                </div>\n                <div v-if=\"filteredItems(group.items).length > 5\"\n                      class=\"show-more-items__container\">\n                  <div class=\"show-more-items__button \"\n                        @click=\"toggleShowMoreItems('group-' + index)\">\n                    {{ showMoreItems === 'group-' + index ? t('hideEvents') : t('moreEvents') }}\n                  </div>\n                </div>\n              </InfoCollapse>\n            </div>\n          </template>\n        </PageCard>\n      </div>\n      <div class=\"col-12 col-xxl-4\">\n        <DidYouKnow page-name=\"negative-info\"\n                    :sticky=\"true\"\n                    alternative-card=\"true\" />\n      </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, computed, watch, onUnmounted } from \"vue\";\n  import { http, t, init, route, user, toggle } from \"@/logic\";\n  import { useEventBus } from \"@vueuse/core\";\n\n  init();\n\n  const props = defineProps([\"type\"]);\n\n  const openAllBus = useEventBus<boolean>(\"connectionList/openAll\");\n  const showOnlyValidEventBus = useEventBus<boolean>(\"showOnlyValid\");\n  const colorNegative = ref(\"#E81313\");\n  const colorPositive = ref(\"#21C100\");\n  const colorInactive = ref(\"#90949B\");\n  const empty = ref(false);\n  const loading = ref(false);\n  const negativeInfo = ref({} as any);\n  const openAll = ref(false);\n  const showMoreItems = ref(null);\n\n  async function load() {\n    await http.fetchWithLoading(negativeInfo, loading, \"/api/report/\" + route.params.id + \"/\" + props.type + \"-info\");\n  }\n\n  function onOpenAll() {\n    toggle(openAll);\n    openAllBus.emit(openAll.value);\n  }\n\n  function filteredGroups(groups) {\n    if (user.onlyValid) {\n      return groups.filter((g) => g.actual);\n    }\n\n    return groups;\n  }\n\n  function filteredItems(items) {\n    if (user.onlyValid) {\n      return items.filter((i) => i.actual);\n    }\n\n    return items;\n  }\n\n  function toggleShowMoreItems(key) {\n    if (showMoreItems.value === key) {\n      showMoreItems.value = null;\n    } else {\n      showMoreItems.value = key;\n    }\n  }\n\n  async function loadDetails(groupIndex, itemIndex) {\n    const item = negativeInfo.value.groups[groupIndex].items[itemIndex];\n    if (!item.rows && item.hasRows) {\n      const data = await http.get(\"/api/report/\" + route.params.id + \"/\" + props.type + \"-info/\" + \n        encodeURIComponent(item.id) + \"/rows\");\n      item[\"rows\"] = data;\n    }\n  }\n\n  onMounted(async () => {\n    load();\n    if (!route.path.includes(\"print\")) {\n      showOnlyValidEventBus.emit(true);\n    }\n  });\n\n  onUnmounted(async () => {\n    if (!route.path.includes(\"print\")) {\n      showOnlyValidEventBus.emit(false);\n    }\n  });\n\n  watch(\n    () => route.path,\n    load\n  );\n</script>\n\n<style lang=\"scss\" scoped>\n.negative-collapse-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n\n  & p {\n    margin-bottom: 4rem;\n    color: $color-font-primary;\n    font-weight: 600;\n    font-size: 1.4rem;\n  }\n\n  & img {\n    width: 35rem;\n  }\n}\n\n.negative-collapse-container {\n  padding: 2rem;\n}\n\n.details {\n  color: $orange;\n  text-decoration: none;\n}\n\n.show-more-items__container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.show-more-items__button {\n  color: #3498db;\n  font-weight: 600;\n  font-size: 1.4rem;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n  @media screen and (min-width: 776px) {\n    .negative-collapse__content__inner-content-container .negative-collapse__content__inner-content__title {\n      width: 100px;\n    }\n  }\n</style>\n","<template>\n  <div v-if=\"!loading\"\n       class=\"pt-5\">\n    <div class=\"button-container no-print\">\n      <router-link class=\"button--small button button--primary\"\n                   :to=\"{name: 'report.negative-info', params: {id: $route.params.id}}\">\n        {{ t(\"negativeInfos.details.back\") }}\n      </router-link>\n      <a v-if=\"!downloadStarted\"\n         class=\"button--small button button--primary d-none d-md-flex mt-0\"\n         @click=\"download()\">\n        {{ t(\"negativeInfos.details.download\") }}\n      </a>\n      <div v-else\n           class=\"mt-2\">\n        <span class=\"spinner-border text-primary\" />\n        <span class=\"ml-3 text-primary\">{{ t('companyData.buttons.downloading') }}</span>\n      </div>      \n    </div>\n    <h3 class=\"mt-5 format-title\">\n      {{ details.title }}\n    </h3>\n    <div class=\"mt-4 format-infos\"\n         v-html=\"details.html\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\n  import { useRoute } from \"vue-router\";\n  import { http, t } from \"@/logic\";\n\n  const route = useRoute();\n  const loading = ref(false);\n  const downloadStarted = ref(false);\n  const details = ref({} as any);\n\n  async function download() {    \n    await http.blob(`/api/report/print-info/${route.params.id}/${route.params.itemId}`, downloadStarted);\n  }\n\n  onMounted(async () => {\n    const url = `/api/report/${route.params.id}/negative-info/${route.params.itemId}/details`;\n    await http.fetchWithLoading(details, loading, url);\n  });\n</script>\n\n<style scoped>\n.button {\n  width: 150px;\n}\n\n.format-infos:deep(p) {\n  margin-bottom: 10px;\n}\n\n.format-infos {\n  font-size: 15px;\n  line-height: 20px;\n}\n\n.button-container {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  gap: 10px;\n}\n\n@media print {\n  .no-print,\n  .no-print * {\n    display: none !important;\n  }\n\n  .format-infos:deep(blockquote) {\n    font-size: 16px;\n    line-height: 22px;\n  }\n\n  .format-infos:deep(blockquote) {\n    padding: 10px 30px 0 30px;\n    border: none;\n  }\n\n  .format-infos:deep(address) {\n    padding: 10px 0 0 0;\n  }\n\n  .format-title {\n    font-weight: 600;\n    font-size: 17px;\n    line-height: 22px;\n  }\n}\n</style>\n\n","<template>\n  <div :class=\"['item', {'inactive': !item.active}]\"\n       :style=\"{borderColor: item.borderColor}\">\n    <div class=\"header d-flex align-items-center justify-content-between\"\n         @click=\"onClick\">      \n      <div class=\"title ml-1 mr-auto cursor-pointer\">\n        {{ item.title }}\n      </div>\n      <div class=\"icons d-flex align-items-center\">\n        <div v-for=\"(icon, index) in item.icons\"\n             :key=\"'icon-' + index + icon.key\" \n             :class=\"[{'icon': icon.key, 'rounded': !icon.key}, icon.key]\" \n             :style=\"{color: icon.color, backgroundColor: icon.backgroundColor }\">\n          <span v-if=\"icon.value\">{{ icon.value }}</span>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"show || forceOpen\"\n         class=\"content\">\n      <div v-if=\"item.address\"\n           class=\"d-flex align-items-center\">\n        <div class=\"icon map-marker mr-1\" />\n        <div class=\"address\">\n          {{ item.address }}\n        </div>\n      </div>\n      <div v-if=\"item.connections\"\n           class=\"d-flex align-items-center\">\n        <div class=\"icon connections_1 mr-1\" />\n        <div class=\"connections-title connection-number\">\n          {{ item.connections.title }}\n        </div>        \n      </div>\n      <div v-if=\"item.connections\"\n           class=\"d-flex flex-wrap\">\n        <div v-for=\"(connection, index) in item.connections.items\"\n             :key=\"'connection-' + index\" \n             class=\"connection ml-2 mt-2\" \n             :style=\"{ backgroundColor: connection.backgroundColor, color: connection.color }\">\n          {{ connection.title }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref } from \"vue\";\n  import { http, t } from \"@/logic\";\n  import { useEventBus } from \"@vueuse/core\";\n\n  const props = defineProps([\"item\", \"forceOpen\"]);\n\n  const show = ref(true);\n  const showConnections = ref(false);\n\n  function onClick() {\n    if (props.item.scrollTo && document.getElementById(props.item.scrollTo)) {\n      document.getElementById(props.item.scrollTo).scrollIntoView();\n    } else if (props.item.url) {\n      window.open(props.item.url, \"_blank\");\n    }\n  }\n\n  const bus = useEventBus<boolean>(\"connectionList/openAll\");\n\n  bus.on((event) => {\n    if (!props.forceOpen) {\n      show.value = event;\n    }\n  });\n</script>\n\n<style scoped lang=\"scss\">\n.item.inactive {\n  border-color: #939393 !important;\n  opacity: 0.4 !important;\n  //background-color: #00000041 !important;\n\n  & > .icon {\n    color: #c8cbce;\n  }\n}\n\n.item {\n  margin-top: 1rem;\n  padding: 1rem;\n  border: 3px solid;\n  border-radius: 1rem;\n}\n\n.title {\n  overflow: hidden;\n  color: $color-font-primary;\n  font-size: 1.4rem;\n  white-space: nowrap;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  /*font-weight: 500;*/\n}\n\n.title:hover {\n  color: $color-font-primary;\n  text-decoration: none;\n}\n\n.icon {\n  font-size: 2.5rem;\n}\n.rounded {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 2.1rem;\n  min-height: 2.1rem;\n  font-size: 10px !important;\n  border-radius: 50% !important;\n\n  & span {\n    //\n  }\n}\n\n.connection {\n  padding: 0 0.5rem;\n  font-size: 1.2rem;\n  border-radius: 1rem;\n}\n\n.content {\n  & .address,\n  .connections-title {\n    overflow: hidden;\n    font-size: 1.2rem;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    /*font-weight: 500;*/\n  }\n}\n\n.map-marker {\n  color: #5d92d2;\n  font-size: 1.6rem;\n}\n\n.connections_1 {\n  color: #5d92d2;\n  font-size: 1.6rem;\n}\n\n.connection-net {\n  height: 1.4rem;\n  margin-right: 0.2rem;\n}\n\n.sort-down,\n.sort-up {\n  font-size: 1.6rem;\n}\n\n.connection-number {\n  /*color: $color-blue;*/\n  /*font-weight: 600;*/\n}\n\n.cursor-pointer {\n  cursor: pointer;\n  user-select: none;\n}\n</style>\n","<template>\n  <div :id=\"group.id\"\n       class=\"mt-5\">\n    <div class=\"header d-flex align-items-baseline flex-wrap\">\n      <div class=\"d-flex flex-nowrap align-items-baseline ellipsis\">\n        <div :class=\"['icon', group.icon]\" />\n        <div class=\"title ml-2 ellipsis\"\n             :class=\"group.active ? '' : 'notActive'\">\n          {{ group.title }}\n        </div>\n      </div>\n      <div v-if=\"group.subtitle\"\n           class=\"subtitle d-flex ml-2 flex-nowrap ellipsis\" \n           :class=\"group.active ? '' : 'notActive'\">\n        (\n        <div class=\"ellipsis\">\n          {{ group.subtitle.count }} {{ group.subtitle.value }}:\n        </div>\n        <div class=\"active ml-2 ellipsis\"\n             :class=\"group.active ? '' : 'notActive'\"> \n          {{ group.subtitle.active }} {{ t(\"connectionList.active\") }}\n        </div>,\n        <div class=\"inactive ml-2 ellipsis\"\n             :class=\"group.active ? '' : 'notActive'\">\n          {{ group.subtitle.inactive }} {{ t(\"connectionList.inactive\") }}\n        </div>\n        )\n      </div>\n    </div>\n\n    <div v-if=\"group.subtitle && group.subtitle.banned\"\n         class=\"banned\">\n      {{ t('connections.card.notations.bannedPerson') }}\n    </div>\n\n    <div class=\"row mt-3\">\n      <div v-for=\"(item, index) in items\"\n           :key=\"'item-' + index\"\n           class=\"col-xxl-4 col-md-6 col-12 print-column-3\">\n        <ConnectionListItem :item=\"item\"\n                            :force-open=\"group.open\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed } from \"vue\";\n  import { http, t } from \"@/logic\";\n\n  const props = defineProps([\"group\", \"hideInactives\"]);\n  const items = computed(() => {\n    if (props.hideInactives) {\n      return props.group.items.filter((i) => i.active);\n    }\n\n    return props.group.items;\n  });\n</script>\n\n<style scoped lang=\"scss\">\n.header {\n  font-weight: 500;\n  font-size: 1.6rem;\n}\n\n.icon {\n  color: $color-font-primary;\n  font-weight: 500;\n  font-size: 2.5rem;\n}\n\n.title {\n  color: $color-font-primary;\n}\n\n.notActive {\n  color: silver !important;\n}\n\n.active {\n  color: #21c100;\n}\n\n.inactive {\n  color: #000;\n}\n\n.ellipsis {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.banned {\n  margin-left: 0.3em;\n  color: $color-red;\n  font-weight: bold;\n}\n</style>\n","export default \"__VITE_PUBLIC_ASSET__9acc3bbf__\"","export default \"__VITE_PUBLIC_ASSET__6819b064__\"","export default \"__VITE_PUBLIC_ASSET__6253b484__\"","export default \"__VITE_PUBLIC_ASSET__2476cf8a__\"","export default \"__VITE_PUBLIC_ASSET__26e4a11a__\"","<template>\n  <div v-if=\"!loading\"\n       class=\"connection-list\">\n    <div class=\"container-fluid \">\n      <div class=\"row print-new-page\">\n        <div class=\"col-12 col-xxl-8\">\n          <PageCard :title=\"t('connectionList.title')\"\n                    icon=\"switch\">\n            <template #controls>\n              <div class=\"d-md-flex flex-md-row d-none\">\n                <Button v-if=\"openAll === false\"\n                        size=\"small\"\n                        :label=\"t('negativeInfos.buttons.openAll')\"\n                        icon=\"pi pi-angle-down\"\n                        icon-pos=\"right\"\n                        @click=\"onOpenAll\" />\n                <Button v-else\n                        size=\"small\"\n                        :label=\"t('negativeInfos.buttons.closeAll')\"\n                        icon=\"pi pi-angle-up\"\n                        icon-pos=\"right\"\n                        @click=\"onOpenAll\" />\n              </div>\n            </template>\n            <template #content>\n              <EmptyState v-if=\"!list.groups\"\n                          page=\"connectionList\" />\n              <template v-else>\n                <div class=\"connection-list-inner\">\n                  <div v-if=\"list.header\"\n                       class=\"type-container d-flex flex-column flex-lg-row flex-wrap\">\n                    <div class=\"type flex-nowrap mt-2\">\n                      <div class=\"tag\">\n                        {{ list.header.interest.count }} {{ t(\"connectionList.interest.title\") }}\n                      </div>\n                      <div class=\"text active\">\n                        {{ list.header.interest.active }} {{ t(\"connectionList.active\") }}\n                      </div>,\n                      <div class=\"text inactive ml-1\">\n                        {{ list.header.interest.inactive }} {{ t(\"connectionList.inactive\") }}\n                      </div>\n                    </div>\n                    <div class=\"type flex-nowrap mt-2\">\n                      <div class=\"tag\">\n                        {{ list.header.owner.count }} {{ t(\"connectionList.owner.title\") }}\n                      </div>\n                      <div class=\"text active\">\n                        {{ list.header.owner.active }} {{ t(\"connectionList.active\") }}\n                      </div>,\n                      <div class=\"text inactive ml-1\">\n                        {{ list.header.owner.inactive }} {{ t(\"connectionList.inactive\") }}\n                      </div>\n                    </div>\n                    <div class=\"type flex-nowrap mt-2\">\n                      <div class=\"tag\">\n                        {{ list.header.affiliatedCompany.count }} {{ t(\"connectionList.affiliatedCompany.title\") }}\n                      </div>\n                      <div class=\"text active\">\n                        {{ list.header.affiliatedCompany.active }} {{ t(\"connectionList.active\") }}\n                      </div>,\n                      <div class=\"text inactive ml-1\">\n                        {{ list.header.affiliatedCompany.inactive }} {{ t(\"connectionList.inactive\") }}\n                      </div>\n                    </div>\n                  </div>\n                  <div class=\"groups mt-5 pb-5\">\n                    <ConnectionListGroup v-for=\"(group, index) in list.groups\" \n                                         :key=\"'group-' + index\" \n                                         :group=\"group\" \n                                         :hide-inactives=\"user.onlyValid\" />\n                  </div>\n                </div>\n              </template>\n            </template>\n          </PageCard>\n        </div>\n        <div class=\"col-12 col-xxl-4\">\n          <InfoCard>\n            <template #content>\n              <div>\n                <div>\n                  <div class=\"mt-2\">\n                    {{ t('connectionList.description') }}\n                  </div>\n                </div>\n                <div class=\"notations\">\n                  <div class=\"notation-column\">\n                    <div class=\"notation-row\">\n                      <img class=\"icon\"\n                           src=\"/assets/icons/connection-list/working.svg\"\n                           alt=\"Icon\">\n                      <p class=\"text\">\n                        {{ t('connections.card.notations.working') }}\n                      </p>\n                    </div>\n                    <div class=\"notation-row\">\n                      <img class=\"icon\"\n                           src=\"/assets/icons/connection-list/under-procedure.svg\"\n                           alt=\"Icon\">\n                      <p class=\"text\">\n                        {{ t('connections.card.notations.underProcedure') }}\n                      </p>\n                    </div>\n                    <div class=\"notation-row\">\n                      <img class=\"icon\"\n                           src=\"/assets/icons/connection-list/ceased.svg\"\n                           alt=\"Icon\">\n                      <p class=\"text\">\n                        {{ t('connections.card.notations.ceased') }}\n                      </p>\n                    </div>\n                    <div class=\"notation-row\">\n                      <div class=\"exception-icon red\">\n                        JE\n                      </div>\n                      <p class=\"text\">\n                        {{ t('connections.card.notations.predecessedCompany') }}\n                      </p>\n                    </div>\n                  </div>\n                  <div class=\"notation-column\">\n                    <div class=\"notation-row\">\n                      <img class=\"icon\"\n                           src=\"/assets/icons/connection-list/connection-network.svg\"\n                           alt=\"Icon\">\n                      <p class=\"text\">\n                        {{ t('connections.card.notations.connectionNetwork') }}\n                      </p>\n                    </div>\n                    <div class=\"notation-row\">\n                      <img class=\"icon\"\n                           src=\"/assets/icons/connection-list/headquarter.svg\"\n                           alt=\"Icon\">\n                      <p class=\"text\">\n                        {{ t('connections.card.notations.headquarter') }}\n                      </p>\n                    </div>\n                    <div class=\"notation-row\">\n                      <div class=\"exception-icon gray\">\n                        V\n                      </div>\n                      <p class=\"text\">\n                        {{ t('connections.card.notations.leader') }}\n                      </p>\n                    </div>\n                    <div class=\"notation-row\">\n                      <div class=\"exception-icon gray\">\n                        T\n                      </div>\n                      <p class=\"text\">\n                        {{ t('connections.card.notations.owner') }}\n                      </p>\n                    </div>\n                    <div class=\"notation-row\">\n                      <div class=\"exception-icon gray\">\n                        VT\n                      </div>\n                      <p class=\"text\">\n                        {{ t('connections.card.notations.leaderOwner') }}\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </template>\n          </InfoCard>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, onUnmounted } from \"vue\";\n  import { http, t, init, route, user } from \"@/logic\";\n  import { useEventBus } from \"@vueuse/core\";\n\n  init();\n\n  const openAllBus = useEventBus<boolean>(\"connectionList/openAll\");\n  const showOnlyValidEventBus = useEventBus<boolean>(\"showOnlyValid\");\n  const loading = ref(false);\n  const openAll = ref(true);\n  const hideInactives = ref(false);\n  const list = ref({} as any);\n\n  async function onOpenAll() {\n    openAll.value = !openAll.value;\n    openAllBus.emit(openAll.value);\n  }\n\n  onMounted(async () => {\n    const url = `/api/report/${route.params.id}/connection-list` +\n      (route.params.section ? `/${route.params.section}/${route.params.article}` : \"\");\n    await http.fetchWithLoading(list, loading, url);\n    showOnlyValidEventBus.emit(true);\n  });\n\n  onUnmounted(async () => {\n    if (!route.path.includes(\"print\")) {\n      showOnlyValidEventBus.emit(false);\n    }\n  });\n</script>\n\n<style scoped lang=\"scss\">\n.connection-list-inner {\n  margin: 2rem !important;\n}\n\n.type {\n  display: flex !important;\n  align-items: center !important;\n  margin-right: 1rem !important;\n\n  @include media-breakpoint-down(lg) {\n    margin: 1rem 1rem 0 0 !important;\n  }\n\n  &:last-child {\n    margin-right: 0 !important;\n  }\n\n  & .tag {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin-right: 0.5rem !important;\n    padding: 0.25rem 1rem !important;\n    color: $color-tag-text !important;\n    font-weight: 500 !important;\n    font-size: 1.2rem !important;\n    background-color: $color-tag-bg !important;\n    border-radius: 100px !important;\n\n    &:last-child {\n      margin-right: 0 !important;\n    }\n\n    @include media-breakpoint-down(lg) {\n      min-width: 18rem;\n    }\n  }\n\n  & .text {\n    color: $color-font-primary !important;\n    font-weight: 500 !important;\n    font-size: 1.4rem !important;\n\n    &.active {\n      color: #21c100 !important;\n    }\n\n    &.inactive {\n      color: #727780 !important;\n    }\n  }\n}\n\n.type,\n.tag,\n.text {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.notations {\n  display: flex;\n\n  & .notation-column {\n    min-width: 20rem;\n\n    @include media-breakpoint-down(md) {\n      min-width: 17.5rem;\n    }\n\n    & .notation-row {\n      display: flex;\n      align-items: center;\n      margin: 1rem 0;\n\n      & .icon {\n        width: 2rem;\n        height: 2rem;\n        margin-right: 0.5rem;\n      }\n\n      & .exception-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 2rem;\n        height: 2rem;\n        margin-right: 0.5rem;\n        color: white;\n        font-weight: 500;\n        font-size: 1.1rem;\n        font-family: $font-primary;\n        border-radius: 50%;\n\n        &.gray {\n          background-color: $color-gray;\n        }\n\n        &.orange {\n          background-color: $color-orange;\n        }\n\n        &.dark-orange {\n          background-color: $color-orange-dark;\n        }\n\n        &.red {\n          background-color: $color-red;\n        }\n\n        &.blue {\n          background-color: $color-blue;\n        }\n      }\n\n      & .text {\n        color: $color-font-primary;\n        font-weight: 400;\n        font-size: 1.4rem;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div v-if=\"!loading\"\n       class=\"page-sector\">\n    <div class=\"container-fluid \">\n      <div class=\"row print-new-page\">\n        <div class=\"col-12\">\n          <PageCard v-if=\"sector.charts\"\n                    :title=\"t('sector.title')\"\n                    icon=\"benefit-stat\">\n            <template #content>\n              <div class=\"sector-select\">\n                <div class=\"title\">\n                  {{ t('sector.industry') }}\n                </div>\n                <div>\n                  <Dropdown v-model=\"selectedSector\"\n                            :options=\"sector.sectors\"\n                            option-value=\"id\"\n                            option-label=\"value\" \n                            :placeholder=\"t('multiselect.placeholder')\"\n                            filter\n                            @change=\"load\" />\n                </div>\n              </div>\n              <Table :columns=\"sector.table.columns\"\n                     :items=\"sector.table.items\"\n                     :meta=\"sector.table.meta\" />\n\n              <div class=\"collapses\">\n                <Collapse :opened=\"true\"\n                          :title=\"t('sector.collapses.liquidity.title')\"\n                          :chart-collapse=\"true\"\n                          page=\"sector\">\n                  <div class=\"row print-row\">\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.liquidity.rate')\"\n                                 :info-text=\"t('sector.collapses.liquidity.rateInfoText')\"\n                                 :data=\"sector.charts.liquidityRate.data\"\n                                 legend=\"true\" />\n                    </div>\n\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.liquidity.swiftRate')\"\n                                 :info-text=\"t('sector.collapses.liquidity.swiftRateInfoText')\"\n                                 :data=\"sector.charts.liquidityQuickRate.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n                </Collapse>\n\n                <Collapse :opened=\"true\" \n                          :title=\"t('sector.collapses.capitalStructure.title')\" \n                          :chart-collapse=\"true\" \n                          page=\"sector\">\n                  <div class=\"row print-row\">\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.capitalStructure.adequacy')\"\n                                 :info-text=\"t('sector.collapses.capitalStructure.adequacyInfoText')\"\n                                 :data=\"sector.charts.capitalSupply.data\"\n                                 legend=\"true\" />\n                    </div>\n\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.capitalStructure.debtRate')\"\n                                 :info-text=\"t('sector.collapses.capitalStructure.debtRateInfoText')\"\n                                 :data=\"sector.charts.debtRate.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n                </Collapse>\n\n                <Collapse :opened=\"true\" \n                          :title=\"t('sector.collapses.activity.title')\" \n                          :chart-collapse=\"true\" \n                          page=\"sector\">\n                  <div class=\"row print-row\">\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.activity.key')\"\n                                 :info-text=\"t('sector.collapses.activity.keyInfoText')\"\n                                 :data=\"sector.charts.activityProfitMargin.data\"\n                                 legend=\"true\" />\n                    </div>\n\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.activity.margin')\"\n                                 :info-text=\"t('sector.collapses.activity.marginInfoText')\"\n                                 :data=\"sector.charts.grossProfitMargin.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n                </Collapse>\n\n                <Collapse :opened=\"true\" \n                          :title=\"t('sector.collapses.profitability.title')\" \n                          :chart-collapse=\"true\"\n                          page=\"sector\">\n                  <div class=\"row print-row\">\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.profitability.ros')\"\n                                 :info-text=\"t('sector.collapses.profitability.rosInfoText')\"\n                                 :data=\"sector.charts.ros.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n                </Collapse>\n\n                <Collapse :opened=\"true\" \n                          :title=\"t('sector.collapses.balanceStructure.title')\" \n                          :chart-collapse=\"true\" \n                          page=\"sector\">\n                  <div class=\"row print-row\">\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.balanceStructure.equity')\"\n                                 :info-text=\"t('sector.collapses.balanceStructure.equityInfoText')\"\n                                 :data=\"sector.charts.equity.data\"\n                                 legend=\"true\" />\n                    </div>\n\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.balanceStructure.provisions')\"\n                                 :info-text=\"t('sector.collapses.balanceStructure.provisionsInfoText')\"\n                                 :data=\"sector.charts.provisions.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n                  <div class=\"row print-row\">\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.balanceStructure.obligations')\"\n                                 :info-text=\"t('sector.collapses.balanceStructure.obligationsInfoText')\"\n                                 :data=\"sector.charts.obligations.data\"\n                                 legend=\"true\" />\n                    </div>\n\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.balanceStructure.passiveDelimitations')\"\n                                 :info-text=\"t('sector.collapses.balanceStructure.passiveDelimitationsInfoText')\"\n                                 :data=\"sector.charts.passiveDelimitations.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n                  <div class=\"row print-row\">\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.balanceStructure.fixedAssets')\"\n                                 :info-text=\"t('sector.collapses.balanceStructure.fixedAssetsInfoText')\"\n                                 :data=\"sector.charts.fixedAssets.data\"\n                                 legend=\"true\" />\n                    </div>\n\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.balanceStructure.currentAssets')\"\n                                 :info-text=\"t('sector.collapses.balanceStructure.currentAssetsInfoText')\"\n                                 :data=\"sector.charts.currentAssets.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n                  <div class=\"row print-row\">\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.balanceStructure.activeDelimitations')\"\n                                 :info-text=\"t('sector.collapses.balanceStructure.activeDelimitationsInfoText')\"\n                                 :data=\"sector.charts.activeDelimitations.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n                </Collapse>\n\n                <Collapse :opened=\"true\" \n                          :title=\"t('sector.collapses.resultStructure.title')\" \n                          :chart-collapse=\"true\"\n                          page=\"sector\">\n                  <div class=\"row print-row\">\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.resultStructure.operatingActivity')\"\n                                 :info-text=\"t('sector.collapses.resultStructure.operatingActivityInfoText')\"\n                                 :data=\"sector.charts.operatingActivity.data\"\n                                 legend=\"true\" />\n                    </div>\n\n                    <div class=\"col-12 col-md-6 print-percent-50\">\n                      <ChartCard :title=\"t('sector.collapses.resultStructure.beforeTax')\"\n                                 :info-text=\"t('sector.collapses.resultStructure.beforeTaxInfoText')\"\n                                 :data=\"sector.charts.beforeTax.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n                </Collapse>\n              </div>\n            </template>\n          </PageCard>\n        </div>\n        <div class=\"col-12\">\n          <DidYouKnow page-name=\"sector\"\n                      alternative-card=\"true\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\n  import { http, t, toggle, route, init } from \"@/logic\";\n  import { useEventBus } from \"@vueuse/core\";\n\n  init();\n\n  const bus = useEventBus<boolean>(\"sector/collapseToggle\");\n  const key = ref(0);\n  const loading = ref(false);\n  const openAll = ref(false);\n  const selectedSector = ref(null);\n  const sector = ref({\n    sectors: [],\n    selectedSector: null,\n    table: {\n      meta: {},\n      columns: [],\n      items: [],\n    },\n  } as any);\n\n  function onOpenAll() {\n    toggle(openAll);\n    bus.emit(openAll.value);\n  }\n\n  async function load() {\n    let query = \"\";\n\n    if (selectedSector.value) {\n      query += \"sector=\" + selectedSector.value;\n    }\n\n    await http.fetch(sector, \"/api/report/\" + route.params.id + \"/sector?\" + query);\n    key.value++;\n  }\n\n  onMounted(async () => {\n    await load();\n    if (sector.value.selectedSector) {\n      selectedSector.value = sector.value.selectedSector.id;\n    }\n  });\n</script>\n\n\n<style lang=\"scss\" scoped>\n.p-dropdown {\n\twidth: 100%;\n\tborder-color: $color-primary;\n}\n\n.table-container {\n\tpadding-top: 0px;\n}\n\n.sector-select {\n  margin: 2rem 2rem 0;\n\n  & .title {\n    /*margin: 0 0 1rem 1rem;*/\n    font-weight: 500;\n    font-size: 1.4rem;\n  }\n\n  & .multiselect {\n    max-width: 200rem;\n  }\n}\n.collapses {\n  margin: 2rem 2rem;\n}\n\n.card {\n  padding: 2rem;\n  margin: 2.5rem 0.3rem 0rem 0.3rem;\n}\n\n.co-collapse {\n  border-top: none !important;\n}\n</style>\n","import * as d3 from \"d3\";\n\nlet width = 1200;\nlet height = 500;\nconst widthRatio = 120;\nconst heightRatio = 60;\nconst nodeHeight = 35;\nconst nodeWidth = 200;\n\nlet deltaTranslateX = 0;\nlet deltaTranslateY = 0;\nlet translateX = 0;\nlet translateY = 0;\nlet scale = 1; // set later\nlet selected = null;\nlet selectedLines = [];\nlet lastDragX = null;\nlet lastDragY = null;\nlet iconFontFace = null;\n\nlet localGraph = null;\n\nfunction deleteNodeAndLeaves(nodeId: number, graph) {\n  // Find the node to delete\n  graph.nodes = graph.nodes.filter(node => {\n    if (node.id == nodeId) {\n      d3.select(\"#n\" + nodeId).remove();\n    }\n    return node.id !== nodeId;\n  });\n\n  // Find and remove all links associated with the node\n  graph.links = graph.links.filter(link => {\n    if (link.source.id === nodeId || link.target.id === nodeId) {\n      d3.select(`#l${link.source.id}-${link.target.id}`).remove();\n    }\n    return link.source.id !== nodeId && link.target.id !== nodeId;\n  });\n\n  // Recursively delete child nodes (leaves)\n  graph.links.forEach(link => {\n    if (link.source.id === nodeId) {\n      deleteNodeAndLeaves(link.target.id, graph);\n    }\n  });\n\n  // Delete nodes left with no connections\n  const connectedNodeIds = new Set(graph.links.flatMap(link => [link.source.id, link.target.id]));\n  graph.nodes = graph.nodes.filter(node => {\n    if (!connectedNodeIds.has(node.id)) {\n      d3.select(\"#n\" + node.id).remove();\n    }\n    return connectedNodeIds.has(node.id);\n  });\n}\n\nexport function build(graph, _iconFontFace) {\n  localGraph = JSON.parse(JSON.stringify(graph));\n  buildGraph(localGraph);\n\n  document.addEventListener('keydown', (event) => {\n    if ((event.key === 'Backspace' || event.key === 'Delete') && selected) {\n      deleteNodeAndLeaves(selected.id, localGraph);\n    }\n});\n\n  iconFontFace = _iconFontFace;\n\n  onResize(true);\n}\n\nexport function onResize(adjustHeight) {\n  const element = document.querySelector(\".connection-graph\");\n\n  if (!element) return;\n\n  let deltaXrate = 2.3;\n  let deltaYrate = 2.3;\n  let newHeight = element.clientHeight;\n  let newWidth = element.clientWidth;\n\n  if (!newHeight) {\n    newHeight = window.screen.height;\n    newWidth = window.screen.width;\n    deltaXrate = 2.3;\n    deltaYrate = 3;\n  }\n\n  if (adjustHeight) setHeight();\n\n  const svg = element.children[0];\n  if (svg) {\n    svg.setAttribute(\"width\", newWidth.toString());\n    svg.setAttribute(\"height\", newHeight.toString());\n    const g = svg.children[0];\n    if (g) {\n      deltaTranslateX = newWidth / deltaXrate;\n      deltaTranslateY = newHeight / deltaYrate;\n      redraw();\n    }\n  }\n  height = newHeight;\n  width = newWidth;\n}\n\nexport function setHeight() {\n  height = window.innerHeight - 160;\n}\n\nfunction buildGraph(graph) {\n  buildSvg();\n\n  const force = d3.forceSimulation(graph.nodes).force(\"link\", d3.forceLink(graph.links));\n  const vis = d3.select(\".connection-graph g\");\n  const svg = d3.select(\".connection-graph svg\");\n  const drag = d3.drag();\n  const links = vis\n    .selectAll(\".link\")\n    .data(graph.links)\n    .enter()\n    .append(\"path\")\n    .attr(\"stroke\", (d) => {\n      return d.color || \"#000\";\n    })\n    .attr(\"original-color\", (d) => {\n      return d.color || \"#000\";\n    })\n    .attr(\"target-id\", (d) => {\n      return d.target.id;\n    })\n    .attr(\"source-id\", (d) => {\n      return d.source.id;\n    })\n    .attr(\"stroke-width\", (d) => {\n      return \"1\";\n    })\n    .attr(\"id\", (d) => {\n      return `l${d.source.id}-${d.target.id}`;\n    })\n    .attr(\"class\", \"link\")\n    .attr(\"marker-end\", (d) => {\n      return \"url(#\" + d.marker + \")\";\n    });\n\n  //background drag\n  svg\n    .call(\n      d3\n        .drag()\n        .on(\"drag\", function (e) {\n          if (lastDragX != null && lastDragY != null) {\n            const deltaX = e.x - lastDragX;\n            const deltaY = e.y - lastDragY;\n\n            translateX += deltaX;\n            translateY += deltaY;\n          }\n\n          lastDragX = e.x;\n          lastDragY = e.y;\n          redraw();\n        })\n        .on(\"end\", function (e) {\n          lastDragX = null;\n          lastDragY = null;\n        })\n    )\n    .on(\"wheel\", function (e) {\n      zoom(e.deltaY < 0);\n    });\n\n  drag.on(\"start\", function (e) {\n    if (selected) {\n      setAttribute(\"r\" + selected.id, \"stroke-width\", \"2\");\n      selectedLines.forEach((line) => {\n        d3.select(line)\n          .attr(\"stroke-width\", \"1\")\n          .attr(\"stroke\", line.getAttribute(\"original-color\"));\n        d3.select(line).attr(\"stroke-width\", \"1\");\n      });\t\t\n    }\n\t\t\n    const nodeId = e.subject.id;\n    if (nodeId != 0) {\n      selected = e.subject;\n      setAttribute(\"r\" + nodeId, \"stroke-width\", \"3\");\n    }\n\n    const linesTo = Array.from(document.querySelectorAll(\"[target-id=\\\"\" + nodeId + \"\\\"]\"));\n    const linesFrom = Array.from(document.querySelectorAll(\"[source-id=\\\"\" + nodeId + \"\\\"]\"));\n    const lines = linesTo.concat(linesFrom);\n    selectedLines = lines;\n    lines.forEach((line) => {\n      d3.select(line).attr(\"stroke-width\", \"1.8\").attr(\"stroke\", \"#7517eb\");\n      d3.select(line).attr(\"stroke-width\", \"1.8\");\n    });\n  });\n\n  drag.on(\"drag\", function (event, d) {\n    d.fx = event.x;\n    d.fy = event.y;\n\n    force.alpha(1).restart();\n  });\n\n  const nodes = vis\n    .selectAll(\"g\")\n    .data(graph.nodes)\n    .enter()\n    .append(\"g\")\n    .attr(\"node-id\", (d) => {\n      return d.id;\n    })\n    .attr(\"id\", (d) => {\n      return \"n\" + d.id;\n    })\n    .attr(\"class\", (d) => {\n      return \"node\";\n    })\n    .each((d) => {\n      if (d.coord) {\n        d.fx = d.coord[0] * widthRatio;\n        d.fy = d.coord[1] * heightRatio;\n      }\n    })\n    .attr(\"style\", (d) => {\n      if (d.shadow) {\n        return \"filter: url(\\\"#shadow\\\")\";\n      }\n\n      return \"\";\n    })\n    .call(drag);\n    \n  // node box\n  nodes\n    .append(\"rect\")\n    .attr(\"id\", (d) => {\n      return \"r\" + d.id;\n    })\n    .attr(\"class\", \"rect\")\n    .attr(\"height\", nodeHeight)\n    .attr(\"width\", nodeWidth)\n    .attr(\"rx\", 5)\n    .attr(\"ry\", 5)\n    .attr(\"fill\", (d) => {\n      return d.fill || \"#FFF\";\n    })\n    .attr(\"stroke\", (d) => {\n      return d.strokeColor || \"#000\";\n    })\n    .attr(\"stroke-width\", (d) => {\n      return d.strokeWidth || 1.5;\n    });\n\n  // node expand icon\n  nodes\n    .filter((d) => {\n      return d.rows && d.rows.length > 0;\n    })\n    .append(\"polygon\")\n    .attr(\"points\", \"1.45 0 5 3.55 8.55 0 10 1.45 5 6.45 0 1.45 1.45 0\")\n    .attr(\"transform\", \"translate(10,15)\");\n  nodes\n    .filter((d) => {\n      return d.rows && d.rows.length > 0;\n    })\n    .append(\"rect\")\n    .style(\"cursor\", \"pointer\")\n    .attr(\"width\", \"15\")\n    .attr(\"height\", \"22\")\n    .attr(\"transform\", \"translate(7,7)\")\n    .attr(\"fill\", \"none\")\n    .on(\"click\", (d) => {\n      d.id = d.target.__data__.id;\n      const rect = d3.select(\"#r\" + d.id);\n      const info = d3.select(\"#i-\" + d.id);\n      if (!d.target.__data__.expanded) {\n        rect.attr(\"height\", (d) => {\n          return nodeHeight + d.rows.length * 15 + 10;\n        });\n        info.attr(\"class\", \"info\");\n      } else {\n        rect.attr(\"height\", nodeHeight);\n        info.attr(\"class\", \"info hide\");\n      }\n      d.target.__data__.expanded = !d.target.__data__.expanded;\n    });\n\n  // company name\n  nodes\n    .append(\"a\")\n    .attr(\"href\", (d) => {\n      return d.icons[0].url.replace(\"connections\", \"summary\");\n    })\n    .attr(\"target\", (d) => {\n      return d.icons.length == 3 ? \"_BLANK\" : \"\";\n    })\n    .append(\"text\")\n    .attr(\"class\", \"name\")\n    .text((d) => {\n      return d.name;\n    })\n    .attr(\"cursor\", (d) => {\n      return d.icons.length == 3 ? \"pointer\" : \"drag\";\n    })\n    .attr(\"transform\", \"translate(25,22)\")\n    .style(\"font-family\", \"\\\"Montserrat\\\", sans-serif\")\n    .attr(\"font-size\", \"12\")\n    .each(function (d) {\n      const length = d.icons ? d.icons.length : 0;\n      const width = nodeWidth - 50 - length * 16;\n      textEllipsis(this, d.name, width);\n    });\n\n  // node icons\n  const icons = nodes\n    .append(\"g\")\n    .attr(\"width\", (d) => {\n      return \"150\";\n    })\n    .attr(\"id\", (d, i) => {\n      return \"icons-\" + i;\n    })\n    .attr(\"transform\", (d) => {\n      return \"translate(175,24)\";\n    });\n\n  icons.each((d, i) => {\n    const box = vis.select(\"#icons-\" + i);\n    if (d.icons) {\n      d.icons.forEach((icon, index) => {\n        let el = box;\n        if (icon.url) {\n          const url = box.append(\"a\").attr(\"href\", icon.url).attr(\"target\", \"_blank\");\n          el = url;\n        }\n\n        if (icon.value) {\n          const transLeft = -20 * index + 1.5;\n          const g = el.append(\"g\").attr(\"transform\", `translate(${transLeft},-15)`);\n          g.append(\"circle\")\n            .attr(\"cy\", 9)\n            .attr(\"cx\", 9)\n            .attr(\"r\", 9)\n            .attr(\"fill\", icon.backgroundColor);\n          g.append(\"text\")\n            .attr(\"cursor\", \"grab\")\n            .text(icon.value)\n            .attr(\"font-weight\", \"bold\")\n            .attr(\"fill\", icon.color)\n            .attr(\"font-size\", 8)\n            .attr(\"y\", 12)\n            .attr(\"x\", 9)\n            .attr(\"text-anchor\", \"middle\");\n        } else {\n          const transLeft = -20 * index;\n          el.append(\"text\")\n            .attr(\"font-family\", \"icomoon\")\n            .attr(\"font-size\", 21)\n            .text(icon.key)\n            .attr(\"fill\", icon.color)\n            .attr(\"cursor\", icon.url ? \"pointer\" : \"grab\")\n            .attr(\"transform\", `translate(${transLeft}, 3)`);\n        }\n      });\n    }\n  });\n\n  const infos = nodes\n    .append(\"g\")\n    .attr(\"class\", \"info hide\")\n    .attr(\"id\", (d, i) => {\n      return \"i-\" + d.id;\n    })\n    .attr(\"transform\", \"translate(5,50)\");\n\n  infos.each((d, i) => {\n    const box = vis.select(\"#i-\" + i);\n    if (d.rows) {\n      d.rows.forEach((row, index) => {\n        const paddingTop = 15 * index;\n\n        if (row.icon) {\n          let el = box;\n          if (row.icon.url) {\n            const url = box.append(\"a\").attr(\"href\", row.icon.url).attr(\"target\", \"_blank\");\n            el = url;\n          }\n          el.append(\"text\")\n            .attr(\"font-family\", \"icomoon\")\n            .text(row.icon.key)\n            .attr(\"fill\", row.icon.color)\n            .attr(\"cursor\", \"pointer\")\n            .attr(\"transform\", `translate(0, ${paddingTop})`);\n        }\n\n        box\n          .append(\"text\")\n          .text(row.value)\n          .attr(\"transform\", `translate(15,${paddingTop})`)\n          .attr(\"cursor\", \"grab\")\n          .each(function (d) {\n            const width = nodeWidth - 30;\n            textEllipsis(this, row.value, width);\n          });\n      });\n    }\n  });\n\n  force.on(\"tick\", () => {\n    if (force.alpha() < 0.1) {\n      force.stop();\n    }\n    nodes.each(function (d) {\n      d.bounds = {\n        x1: d.x,\n        y1: d.y,\n        x2: d.x + nodeWidth,\n        y2: d.y + nodeHeight,\n      };\n    });\n\n    links.attr(\"d\", (d) => {\n      makeEdgeBetween(d, d.source.bounds, d.target.bounds);\n      const lineData = [\n        {\n          x: d.sourceIntersection.x,\n          y: d.sourceIntersection.y,\n        },\n        {\n          x: d.arrowStart.x,\n          y: d.arrowStart.y,\n        },\n      ];\n\n      const lineFunction = d3\n        .line()\n        .x((d) => {\n          return d.x;\n        })\n        .y((d) => {\n          return d.y;\n        })\n        .curve(d3.curveLinear);\n\n      return lineFunction(lineData);\n    });\n\n    nodes.attr(\"transform\", (d) => {\n      return `translate(${d.x},${d.y})`;\n    });\n  });\n\n  const el = d3.select(\"#n0\");\n  el.select(\"rect\").attr(\"stroke-width\", \"4\");\n  const nodeId = 0;\n\n  const linesTo = Array.from(document.querySelectorAll(\"[target-id=\\\"\" + nodeId + \"\\\"]\"));\n  const linesFrom = Array.from(document.querySelectorAll(\"[source-id=\\\"\" + nodeId + \"\\\"]\"));\n  \n  const lines = linesTo.concat(linesFrom);\n  selectedLines = lines;\n  \n\n  lines.forEach((line) => {\n    d3.select(line).attr(\"stroke-width\", \"1.8\").attr(\"stroke\", \"#7517eb\");\n    d3.select(line).attr(\"stroke-width\", \"1.8\");\n  });\n\n  return force;\n}\n\nfunction buildSvg() {\n  const outer = d3\n    .select(\".connection-graph\")\n    .append(\"svg\")\n    .attr(\"class\", \"svg-graph\")\n    .attr(\"width\", width)\n    .attr(\"height\", height)\n    .attr(\"pointer-events\", \"all\")\n    .attr(\"id\", \"full-screen-svg\")\n    .append(\"g\");\n\n  //outer\n  //  .append(\"defs\")\n  //  .append(\"style\")\n  //  .attr(\"type\", \"text/css\")\n  //  .text(\n  //    \"@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');\"\n  //  );\n\n  const defs = outer.append(\"svh:defs\");\n  defs\n    .append(\"marker\")\n    .attr(\"id\", \"vt\")\n    .attr(\"viewBox\", [0, 0, 25, 25])\n    .attr(\"refX\", 10)\n    .attr(\"refY\", 10)\n    .attr(\"markerWidth\", 25)\n    .attr(\"markerHeight\", 25).html(`<circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"#90949B\"></circle>\n<text x=\"3\" y=\"13\" font-size=\"10\" fill=\"#FFF\">VT</text>`);\n\n  defs\n    .append(\"marker\")\n    .attr(\"id\", \"v\")\n    .attr(\"viewBox\", [0, 0, 25, 25])\n    .attr(\"refX\", 10)\n    .attr(\"refY\", 10)\n    .attr(\"markerWidth\", 25)\n    .attr(\"markerHeight\", 25).html(`<circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"#90949B\"></circle>\n<text x=\"5\" y=\"13\" font-size=\"10\" fill=\"#FFF\">V</text>`);\n\n  defs\n    .append(\"marker\")\n    .attr(\"id\", \"t\")\n    .attr(\"viewBox\", [0, 0, 25, 25])\n    .attr(\"refX\", 10)\n    .attr(\"refY\", 10)\n    .attr(\"markerWidth\", 25)\n    .attr(\"markerHeight\", 25).html(`<circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"#90949B\"></circle>\n<text x=\"5\" y=\"13\" font-size=\"10\" fill=\"#FFF\">T</text>`);\n\n  defs\n    .append(\"marker\")\n    .attr(\"id\", \"é\")\n    .attr(\"viewBox\", [0, 0, 25, 25])\n    .attr(\"refX\", 10)\n    .attr(\"refY\", 10)\n    .attr(\"markerWidth\", 25)\n    .attr(\"markerHeight\", 25).html(`<circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"#90949B\"></circle>\n<text x=\"6\" y=\"13\" font-size=\"10\" fill=\"#FFF\">É</text>`);\n\n  defs\n    .append(\"marker\")\n    .attr(\"id\", \"j\")\n    .attr(\"viewBox\", [0, 0, 25, 25])\n    .attr(\"refX\", 10)\n    .attr(\"refY\", 10)\n    .attr(\"markerWidth\", 25)\n    .attr(\"markerHeight\", 25).html(`<circle cx=\"9\" cy=\"9\" r=\"9\" fill=\"#90949B\"></circle>\n<text x=\"8\" y=\"12\" font-size=\"10\" fill=\"#FFF\">J</text>`);\n\n  defs\n    .append(\"filter\")\n    .attr(\"id\", \"shadow\")\n    .attr(\"height\", \"180%\")\n    .attr(\"filterUnits\", \"userSpaceOnUse\").html(`\n<feDropShadow\ndx=\"0\"\ndy=\"0\"\nstdDeviation=\"4\"\nflood-color=\"#000\"\nflood-opacity=\"0.3\"\n/>`);\n\n  const controls = d3\n    .select(\"#full-screen-svg\")\n    .append(\"g\")\n    .attr(\"class\", \"controls\")\n    .attr(\"transform\", \"translate(10, 50)\");\n\n  controls\n    .append(\"rect\")\n    .attr(\"height\", 145)\n    .attr(\"width\", 40)\n    .attr(\"transform\", \"translate(-10, -10)\");\n\n  //fullscreen\n  controls\n    .append(\"svg:image\")\n    .attr(\"id\", \"fullscreen\")\n    .attr(\"xlink:href\", \"/assets/icons/connection-list/fullscreen.svg\")\n    .attr(\"width\", 23)\n    .attr(\"height\", 24)\n    .attr(\"transform\", \"translate(0, 0)\")\n    .on(\"click\", () => {\n      toggleScreen(true);\n    })\n    .append(\"svg:title\")\n    .text(() => {\n      return \"Teljes képernyő mód\";\n    });\n\n  //normal screen\n  controls\n    .append(\"svg:image\")\n    .attr(\"id\", \"normalscreen\")\n    .attr(\"xlink:href\", \"/assets/icons/connection-list/normalscreen.svg\")\n    .attr(\"width\", 23)\n    .attr(\"height\", 24)\n    .attr(\"transform\", \"translate(0, 0)\")\n    .attr(\"style\", \"display: none\")\n    .on(\"click\", () => {\n      toggleScreen(false);\n    })\n    .append(\"svg:title\")\n    .text(() => {\n      return \"Normál képernyő mód\";\n    });\n\n  //zoom in\n  controls\n    .append(\"svg:image\")\n    .attr(\"xlink:href\", \"/assets/icons/connection-list/zoomin.svg\")\n    .attr(\"width\", 23)\n    .attr(\"height\", 24)\n    .attr(\"transform\", \"translate(0, 25)\")\n    .on(\"click\", () => {\n      zoom(true);\n    })\n    .append(\"svg:title\")\n    .text(() => {\n      return \"Nagyítás\";\n    });\n\n  //center\n  controls\n    .append(\"svg:image\")\n    .attr(\"xlink:href\", \"/assets/icons/connection-list/tocenter.svg\")\n    .attr(\"width\", 23)\n    .attr(\"height\", 24)\n    .attr(\"transform\", \"translate(0, 50)\")\n    .on(\"click\", () => {\n      scale = 1;\n      translateX = 0;\n      translateY = 0;\n      redraw();\n    })\n    .append(\"svg:title\")\n    .text(() => {\n      return \"Középpontba\";\n    });\n\n  //zoom out\n  controls\n    .append(\"svg:image\")\n    .attr(\"xlink:href\", \"/assets/icons/connection-list/zoomout.svg\")\n    .attr(\"width\", 23)\n    .attr(\"height\", 24)\n    .attr(\"transform\", \"translate(0, 75)\")\n    .on(\"click\", () => {\n      zoom(false);\n    })\n    .append(\"svg:title\")\n    .text(() => {\n      return \"Kicsinyítés\";\n    });\n\n  //save image\n  controls\n    .append(\"svg:image\")\n    .attr(\"xlink:href\", \"/assets/icons/connection-list/save.svg\")\n    .attr(\"width\", 23)\n    .attr(\"height\", 24)\n    .attr(\"transform\", \"translate(0, 100)\")\n    .on(\"click\", () => {\n      saveToImage();\n    })\n    .append(\"svg:title\")\n    .text(() => {\n      return \"Mentés képként\";\n    });\n}\n\nfunction zoom(up) {\n  if (up) {\n    scale += 0.1;\n    translateX -= 70;\n    translateY -= 20;\n  } else {\n    scale -= 0.1;\n    translateX += 70;\n    translateY += 20;\n  }\n  redraw();\n}\n\nfunction redraw() {\n  const localvis = d3.select(\".connection-graph g\");\n  localvis.attr(\n    \"transform\",\n    \"translate(\" +\n\t\t\ttranslateX +\n\t\t\t\",\" +\n\t\t\ttranslateY +\n\t\t\t\") \" +\n\t\t\t\"scale(\" +\n\t\t\tscale +\n\t\t\t\") \" +\n\t\t\t\"translate(\" +\n\t\t\tdeltaTranslateX +\n\t\t\t\",\" +\n\t\t\tdeltaTranslateY +\n\t\t\t\")\"\n  );\n}\n\nfunction makeEdgeBetween(link, source, target) {\n  let si = rayIntersection(source, cx(target), cy(target));\n  if (!si) {\n    si = {\n      x: cx(source),\n      y: cy(source),\n    };\n  }\n\n  let ti = rayIntersection(target, cx(source), cy(source), 10);\n  if (!ti) {\n    ti = {\n      x: cx(target),\n      y: cy(target),\n    };\n  }\n\n  const dx = ti.x - si.x;\n  const dy = ti.y - si.y;\n\n  link.sourceIntersection = si;\n  link.targetIntersection = ti;\n  link.arrowStart = {\n    x: si.x + dx,\n    y: si.y + dy,\n  };\n}\n\nfunction rayIntersection(item, x2, y2, margin = 0) {\n  const ints = lineIntersections(item, cx(item), cy(item), x2, y2, margin);\n  return ints.length > 0 ? ints[0] : null;\n}\n\nfunction lineIntersections(item, x1, y1, x2, y2, margin) {\n  const sides = [\n    [item.x1 - margin, item.y1 - margin, item.x2 + margin, item.y1 - margin],\n    [item.x2 + margin, item.y1 - margin, item.x2 + margin, item.y2 + margin],\n    [item.x2 + margin, item.y2 + margin, item.x1 - margin, item.y2 + margin],\n    [item.x1 - margin, item.y2 + margin, item.x1 - margin, item.y1 - margin],\n  ];\n  const intersections = [];\n  for (let i = 0; i < 4; ++i) {\n    const r = lineIntersection(\n      x1,\n      y1,\n      x2,\n      y2,\n      sides[i][0],\n      sides[i][1],\n      sides[i][2],\n      sides[i][3]\n    );\n    if (r) intersections.push({ x: r.x, y: r.y });\n  }\n  return intersections;\n}\n\nfunction lineIntersection(x1, y1, x2, y2, x3, y3, x4, y4) {\n  const dx12 = x2 - x1,\n    dx34 = x4 - x3,\n    dy12 = y2 - y1,\n    dy34 = y4 - y3,\n    denominator = dy34 * dx12 - dx34 * dy12;\n\n  if (denominator === 0) return null;\n\n  const dx31 = x1 - x3,\n    dy31 = y1 - y3,\n    numa = dx34 * dy31 - dy34 * dx31,\n    a = numa / denominator,\n    numb = dx12 * dy31 - dy12 * dx31,\n    b = numb / denominator;\n\n  if (a >= 0 && a <= 1 && b >= 0 && b <= 1) {\n    return {\n      x: x1 + a * dx12,\n      y: y1 + a * dy12,\n    };\n  }\n\n  return null;\n}\n\nfunction cx(item) {\n  return (item.x1 + item.x2) / 2;\n}\n\nfunction cy(item) {\n  return (item.y1 + item.y2) / 2;\n}\n\nfunction textEllipsis(el, text, width) {\n  if (typeof el.getSubStringLength !== \"undefined\") {\n    el.textContent = text;\n    let len = text.length;\n    while (el.getSubStringLength(0, len--) > width) {\n      el.textContent = text.slice(0, len) + \"...\";\n    }\n  } else if (typeof el.getComputedTextLength !== \"undefined\") {\n    while (el.getComputedTextLength() > width) {\n      text = text.slice(0, -1);\n      el.textContent = text + \"...\";\n    }\n  } else {\n    while (el.getBBox().width > width) {\n      text = text.slice(0, -1);\n      el.textContent = text + \"...\";\n    }\n  }\n}\n\nfunction toggleScreen(full) {\n  if (full) {\n    document.querySelector<HTMLElement>(\"#fullscreen\").style.display = \"none\";\n    document.querySelector<HTMLElement>(\"header\").style.display = \"none\";\n    document.querySelector<HTMLElement>(\".company-info\").style.display = \"none\";\n    document.querySelector<HTMLElement>(\".connections-card\").style.display = \"none\";\n    document.querySelector<HTMLElement>(\"#normalscreen\").style.display = \"block\";\n    if (document.getElementById(\"full-screen-svg\").requestFullscreen) {\n      document.getElementById(\"full-screen-svg\").requestFullscreen();\n    }               \n  } else {\n    document.querySelector<HTMLElement>(\"#normalscreen\").style.display = \"none\";\n    document.querySelector<HTMLElement>(\"#fullscreen\").style.display = \"block\";\n    document.querySelector<HTMLElement>(\"header\").style.display = \"block\";\n    document.querySelector<HTMLElement>(\".company-info\").style.display = \"block\";\n    document.querySelector<HTMLElement>(\".connections-card\").style.display = \"block\";\n    location.reload();\n  }\n}\n\nfunction saveToImage() {\n  const doctype =\n\t\t\"<?xml version=\\\"1.0\\\" standalone=\\\"no\\\"?><!DOCTYPE svg PUBLIC \\\"-//W3C//DTD SVG 1.1//EN\\\" \" +\n\t\t\"\\\"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\\\">\";\n\n  function isExternal(url) {\n    return (\n      url && url.lastIndexOf(\"http\", 0) === 0 && url.lastIndexOf(window.location.host) === -1\n    );\n  }\n\n  function styles(el) {\n    const css = \"\";\n    const sheets = document.styleSheets;\n\n    for (let i = 0; i < sheets.length; i++) {\n      if (isExternal(sheets[i].href)) {\n        continue;\n      }\n\n      const rules = sheets[i].cssRules;\n      if (rules != null) {\n        for (let j = 0; j < rules.length; j++) {\n          const rule = rules[j];\n          //TO_FIX, NEED?\n          //if (typeof rule.style != \"undefined\") {\n          //\tlet match = null;\n          //\ttry {\n          //\t\tmatch = el.querySelector(rule.selectorText);\n          //\t} catch (err) {\n          //\t\tconsole.error(err);\n          //\t}\n          //\tif (match) {\n          //\t\tconst selector = rule.selectorText;\n          //\t\tcss += selector + \" { \" + rule.cssText + \" }\\n\";\n          //\t}\n          //}\n        }\n      }\n    }\n\n    return css;\n  }\n\n  function svgAsDataUri(el, cb) {\n    const xmlns = \"http://www.w3.org/2000/xmlns/\";\n\n    const outer = document.createElement(\"div\");\n    const clone = el.cloneNode(true);\n    const box = el.getBoundingClientRect();\n    const width = box.width;\n    const height = box.height;\n\n    clone.setAttribute(\"version\", \"1.1\");\n    clone.setAttributeNS(xmlns, \"xmlns\", \"http://www.w3.org/2000/svg\");\n    clone.setAttributeNS(xmlns, \"xmlns:xlink\", \"http://www.w3.org/1999/xlink\");\n    clone.setAttribute(\"width\", width);\n    clone.setAttribute(\"height\", height);\n    clone.setAttribute(\"viewBox\", \"0 0 \" + width + \" \" + height);\n    outer.appendChild(clone);\n\n    let css = styles(el);\n    css = css.replace(/\\.connection-graph /g, \"\");\n\n    const data =\n\t\t\t\"@font-face {\" +\n\t\t\t\"font-family: icomoon;src: url(\\\"data:application/font-woff;charset=utf-8;base64,\" +\n\t\t\t\ticonFontFace +\n\t\t\t\"\\\");\" +\n\t\t\t\"}\";\n    css = css + \"\\r\\n.info, .controls{display: none}\\r\\n\" + data + \"\\r\\n\"; //embed font\n\n    const s = document.createElement(\"style\");\n    s.setAttribute(\"type\", \"text/css\");\n    s.innerHTML = \"<![CDATA[\\n\" + css + \"\\n]]>\";\n\n    const defs = document.createElement(\"defs\");\n    defs.appendChild(s);\n    clone.insertBefore(defs, clone.firstChild);\n\n    const svg = doctype + outer.innerHTML;\n\n    const uri = \"data:image/svg+xml;base64,\" + window.btoa(unescape(encodeURIComponent(svg)));\n\n    cb(uri);\n  }\n\n  function saveSvgAsPng(el, name) {\n    svgAsDataUri(el, function (uri) {\n      const img = new Image();\n      img.onload = () => {\n        const canvas = document.createElement(\"canvas\");\n        canvas.width = img.width;\n        canvas.height = img.height;\n        const context = canvas.getContext(\"2d\");\n\n        context.drawImage(img, 0, 0);\n\n        const a = document.createElement(\"a\");\n        a.download = name;\n        a.href = canvas.toDataURL(\"image/png\");\n        document.body.appendChild(a);\n        a.addEventListener(\"click\", () => {\n          a.parentNode.removeChild(a);\n        });\n        a.click();\n      };\n      img.src = uri;\n    });\n  }\n\n  saveSvgAsPng(document.querySelector(\"#full-screen-svg\"), \"kapcsolati-halo.png\");\n}\n\nfunction setAttribute(id, name, value) {\n  const element = document.getElementById(id);\n  if (!element) return;\n  return element.setAttribute(name, value);\n}","<template>\n  <div class=\"connection-graph\" />\n</template>\n\n<script setup lang=\"ts\">\n  import { watch, onMounted, onUnmounted, nextTick } from \"vue\";\n  import { build, onResize, setHeight } from \"./ConnectionGraphBuilder\";\n\n  const props = defineProps([\"graph\", \"iconFontFace\"]);\n\n  watch(() => props.graph, function () {\n    document.getElementsByClassName(\"svg-graph\")[0].remove();\n    build(props.graph, props.iconFontFace);\n  });\n\n  onMounted(async () => {\n    document.querySelector<HTMLElement>(\"#body\").style.touchAction = \"pan-y\";\n\n    await nextTick();\n    setHeight();\n    build(props.graph, props.iconFontFace);\n\n    window.addEventListener(\"resize\", () => {\n      onResize(false);\n    });\n  });\n\n  onUnmounted(() => {\n    document.querySelector<HTMLElement>(\"#body\").style.touchAction = \"manipulation\";\n  });\n</script>\n\n<style lang=\"scss\">\n.connection-graph {\n  & .info {\n    font-size: 12px;\n  }\n\n  & .hide {\n    display: none;\n  }\n\n  & svg a:hover {\n    text-decoration: none;\n  }\n\n  & rect {\n    cursor: grab;\n  }\n}\n\n.connection-graph .controls rect {\n  cursor: move;\n  fill: #f7f7f7;\n}\n\n.connection-graph svg {\n  background-color: #fff;\n}\n</style>\n","export default \"__VITE_PUBLIC_ASSET__2f10337f__\"","export default \"__VITE_PUBLIC_ASSET__55c047ce__\"","export default \"__VITE_PUBLIC_ASSET__b5b76fb8__\"","<template>\n  <div class=\"connection-list h-100\">\n    <div v-if=\"limit\"\n         class=\"alert-bar\">\n      {{ t('connections.limit') }}\n    </div>\n    <div class=\"container-fluid \">\n      <div class=\"row\">\n        <div v-if=\"loading\"\n          class=\"col-12 vh-100 \n            d-flex justify-content-center align-items-center\n            \">\n          <ProgressSpinner  />\n        </div>\n        <div v-else\n             class=\"col-12\">\n          <ConnectionGraph  \n            :graph=\"graphData\"\n            :icon-font-face=\"iconFontFace\" />\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"!show\"\n         class=\"icon-container\"\n         @click=\"show = true\">\n      <img src=\"/assets/icons/connection-list/table.svg\"\n           class=\"floating-icon\"\n           alt=\"Icon\">\n    </div>\n\n    <div class=\"connections-card\"\n         :class=\"{ 'active': show }\">\n      <div class=\"close-wrapper\"\n           @click=\"show = false\">\n        <div class=\"icon company-deleted blue\" />\n      </div>\n      <TabView>\n        <TabPanel :header=\"t('connections.tabs.settings')\">\n          <div class=\"controls\">\n            <div>\n              <div>{{ t('connections.card.levels') }}</div>\n              <input v-model=\"settings.levels\"\n                     type=\"number\"\n                     min=\"1\"\n                     max=\"2\"\n                     @change=\"load\">\n            </div>\n            <div class=\"d-flex align-items-center\"\n                 style=\"overflow: hidden;\">\n              <div>\n                <div class=\"m-1\">\n                  <Checkbox v-model=\"settings.owners\"\n                            input-id=\"owners\"\n                            :binary=\"true\"\n                            @change=\"load\" />\n                  <label for=\"owners\">{{ t('connections.card.checkboxes.checkbox-1') }}</label>\t\t\t\n                </div>\n                <div class=\"m-1\">\n                  <Checkbox v-model=\"settings.leaders\"\n                            input-id=\"leaders\"\n                            :binary=\"true\"\n                            @change=\"load\" />\n                  <label for=\"leaders\">{{ t('connections.card.checkboxes.checkbox-2') }}</label>\n                </div>\n              </div>\n              <div>\n                <div class=\"m-1\">\n                  <Checkbox v-model=\"settings.onlyActive\"\n                            input-id=\"onlyActive\"\n                            :binary=\"true\"\n                            @change=\"load\" />\n                  <label for=\"onlyActive\">{{ t('connections.card.checkboxes.checkbox-3') }}</label>\n                </div>\n                <div class=\"m-1\">\n                  <Checkbox v-model=\"settings.withoutConnections\"\n                            input-id=\"withoutConnections\"\n                            :binary=\"true\"\n                            @change=\"load\" />\n                  <label for=\"withoutConnections\">{{ t('connections.card.checkboxes.checkbox-4') }}</label>\n                </div>\n              </div>\n            </div>\n          </div>\n        </TabPanel>\n        <TabPanel :header=\"t('connections.tabs.notations')\">\n          <div>\n            <div class=\"mt-2\">\n              {{ t('connections.card.description-1') }}\n            </div>\n            <div class=\"mt-2\">\n              {{ t('connections.card.description-2') }}\n            </div>\n          </div>\n          <div class=\"notations\">\n            <div class=\"notation-column\">\n              <div class=\"notation-row\">\n                <img class=\"icon\"\n                     src=\"/assets/icons/connection-list/working.svg\"\n                     alt=\"Icon\">\n                <p class=\"text\">\n                  {{ t('connections.card.notations.working') }}\n                </p>\n              </div>\n              <div class=\"notation-row\">\n                <img class=\"icon\"\n                     src=\"/assets/icons/connection-list/under-procedure.svg\"\n                     alt=\"Icon\">\n                <p class=\"text\">\n                  {{ t('connections.card.notations.underProcedure') }}\n                </p>\n              </div>\n              <div class=\"notation-row\">\n                <img class=\"icon\"\n                     src=\"/assets/icons/connection-list/ceased.svg\"\n                     alt=\"Icon\">\n                <p class=\"text\">\n                  {{ t('connections.card.notations.ceased') }}\n                </p>\n              </div>\n              <div class=\"notation-row\">\n                <img class=\"icon\"\n                     src=\"/assets/icons/connection-list/connection-network.svg\"\n                     alt=\"Icon\">\n                <p class=\"text\">\n                  {{ t('connections.card.notations.connectionNetwork') }}\n                </p>\n              </div>\n              <div class=\"notation-row\">\n                <img class=\"icon\"\n                     src=\"/assets/icons/connection-list/headquarter.svg\"\n                     alt=\"Icon\">\n                <p class=\"text\">\n                  {{ t('connections.card.notations.headquarter') }}\n                </p>\n              </div>\n              <div class=\"notation-row\">\n                <img class=\"icon\"\n                     src=\"/assets/icons/connection-list/inactive-connection.svg\"\n                     alt=\"Icon\">\n                <p class=\"text\">\n                  {{ t('connections.card.notations.inactiveConnection') }}\n                </p>\n              </div>\n              <div class=\"notation-row\">\n                <img class=\"icon\"\n                     src=\"/assets/icons/connection-list/predecessed-connection.svg\"\n                     alt=\"Icon\">\n                <p class=\"text\">\n                  {{ t('connections.card.notations.predecessedConnection') }}\n                </p>\n              </div>\n            </div>\n            <div class=\"notation-column\">\n              <div class=\"notation-row\">\n                <div class=\"exception-icon gray\">\n                  V\n                </div>\n                <p class=\"text\">\n                  {{ t('connections.card.notations.leader') }}\n                </p>\n              </div>\n              <div class=\"notation-row\">\n                <div class=\"exception-icon gray\">\n                  T\n                </div>\n                <p class=\"text\">\n                  {{ t('connections.card.notations.owner') }}\n                </p>\n              </div>\n              <div class=\"notation-row\">\n                <div class=\"exception-icon gray\">\n                  VT\n                </div>\n                <p class=\"text\">\n                  {{ t('connections.card.notations.leaderOwner') }}\n                </p>\n              </div>\n              <div class=\"notation-row\">\n                <div class=\"exception-icon gray\">\n                  É\n                </div>\n                <p class=\"text\">\n                  {{ t('connections.card.notations.interest') }}\n                </p>\n              </div>\n              <div class=\"notation-row\">\n                <div class=\"exception-icon gray\">\n                  J\n                </div>\n                <p class=\"text\">\n                  {{ t('connections.card.notations.pre') }}\n                </p>\n              </div>\n            </div>\n          </div>\n          <div class=\"description\">\n            {{ t('connections.card.detailsDescription') }}\n          </div>\n        </TabPanel>\n      </TabView>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\n  import { http, t, route, init } from \"@/logic\";\n\n  init();\n\n  const loading = ref(false);\n  const iconFontFace = ref(null);\n  const graphData = ref({});\n  const settings = ref({\n    levels: 1,\n    owners: true,\n    onlyActive: true,\n    leaders: true,\n    withoutConnections: true,\n  });\n  const show = ref(false);\n  const showDetails = ref(false);\n  const limit = ref(false);\n\n  async function load() {\n    let query =\n      `?levels=${settings.value.levels}&owners=${settings.value.owners}&onlyActive=${settings.value.onlyActive}&` +\n      `leaders=${settings.value.leaders}&withoutConnections=${settings.value.withoutConnections}`;\n\n    const data = await http.get(\"/api/report/\" + route.params.id + \"/connections\" + query);\n    graphData.value = {\n      nodes: data.nodes,\n      links: data.links,\n    };\n    limit.value = data.prefill.limit;\n\n    return data;\n  }\n\n  onMounted(async () => {\n    loading.value = true;\n\n    const fontFace = await http.get(\"/api/report/icon-font-face\");\n    iconFontFace.value = fontFace.iconFontFace;\n\n    const data = await load();\n    settings.value = data.prefill;\n    loading.value = false;\n\n    if (window.innerWidth > 920) {\n      show.value = true;\n    }\n\n    loading.value = false;\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.controls {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 1rem;\n\n  & .levels {\n    display: flex;\n    align-items: center;\n\n    & label {\n      margin-right: 0.5rem;\n      font-weight: 500;\n      font-size: 1.2rem;\n    }\n\n    & input {\n      max-width: 3rem;\n      font-size: 1.2rem;\n    }\n  }\n}\n\n.navigation {\n  margin: 2rem 0 0;\n  color: $color-blue;\n  font-weight: 500;\n  font-size: 1.6rem;\n}\n\n.description {\n  margin: 1rem 0;\n  color: $color-font-primary;\n  font-weight: 400;\n  font-size: 1.4rem;\n  line-height: 2;\n\n  & .link {\n    color: $color-blue;\n    text-decoration: none;\n\n      cursor: pointer;\n  }\n}\n\n.notations {\n  display: flex;\n\n  & .notation-column {\n    min-width: 20rem;\n\n    @include media-breakpoint-down(md) {\n      min-width: 17.5rem;\n    }\n\n    & .notation-row {\n      display: flex;\n      align-items: center;\n      margin: 1rem 0;\n\n      & .icon {\n        width: 2rem;\n        height: 2rem;\n        margin-right: 0.5rem;\n      }\n\n      & .exception-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 2rem;\n        height: 2rem;\n        margin-right: 0.5rem;\n        color: white;\n        font-weight: 500;\n        font-size: 1.1rem;\n        font-family: $font-primary;\n        border-radius: 50%;\n\n        &.gray {\n          background-color: $color-gray;\n        }\n\n        &.orange {\n          background-color: $color-orange;\n        }\n\n        &.dark-orange {\n          background-color: $color-orange-dark;\n        }\n\n        &.red {\n          background-color: $color-red;\n        }\n\n        &.blue {\n          background-color: $color-blue;\n        }\n      }\n\n      & .text {\n        color: $color-font-primary;\n        font-weight: 400;\n        font-size: 1.4rem;\n      }\n    }\n  }\n}\n\n.icon-container {\n  position: fixed;\n  top: 18rem;\n  right: 2rem;\n  z-index: $z-index-widget-controller;\n  width: 5rem;\n  height: 5rem;\n  margin-left: auto;\n  padding: 1rem;\n  background-color: white;\n  border: 1px solid $color-blue;\n  border-radius: 50%;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);\n  cursor: pointer;\n\n  @include media-breakpoint-down(lg) {\n    top: 20rem;\n  }\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 5rem;\n  height: 5rem;\n  border-radius: 50%;\n\n  &.blue {\n    color: $color-blue;\n    text-align: center;\n  }\n\n  &::before {\n    margin: auto;\n  }\n}\n\n.connections-card {\n  position: fixed;\n  top: 13.5rem;\n  right: 2rem;\n  z-index: $z-index-widget-controller;\n  display: none;\n  width: 50rem;\n  height: fit-content;\n  overflow: hidden;\n  font-size: 1.4rem;\n  background-color: white;\n  border-radius: $border-radius-card;\n  box-shadow: $box-shadow-card;\n\n  @include media-breakpoint-down(lg) {\n    top: 19rem;\n  }\n\n  @include media-breakpoint-down(md) {\n    position: absolute;\n    right: initial;\n    left: 50%;\n    width: calc(100% - 4rem);\n    min-width: initial;\n    max-width: initial;\n    transform: translateX(-50%);\n  }\n\n  &.active {\n    right: 0;\n    bottom: 9rem;\n    display: flex;\n  }\n\n  & .close-wrapper {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    z-index: 100000;\n\n      &:hover {\n        cursor: pointer;\n      }\n\n    & .icon {\n      width: 3rem;\n      height: 3rem;\n      font-size: 3rem;\n    }\n  }\n\n  & .card {\n    //max-width: 50rem;\n    height: calc(75vh);\n    overflow-y: scroll;\n  }\n\n  & .description {\n    font-weight: 700;\n    font-size: 1rem;\n  }\n}\n\n.alert-bar {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 10;\n  width: 100%;\n  padding: 0.7rem;\n  color: #fff;\n  font-weight: 600;\n  font-size: 1.6rem;\n  line-height: 1.6rem;\n  text-align: center;\n  background-color: #f3792b;\n  opacity: 65% !important;\n}\n</style>\n","export default {\n  columns: [\n    {\n      title: \"\",\n      description: \"\",\n      align: \"left\",\n      width: \"50%\",\n    },\n    {\n      title: \"monitoring.levels.basic\",\n      description: \"\",\n      align: \"center\",\n      width: \"auto\",\n    },\n    {\n      title: \"monitoring.levels.mid\",\n      description: \"\",\n      align: \"center\",\n      width: \"auto\",\n    },\n    {\n      title: \"monitoring.levels.high\",\n      description: \"\",\n      align: \"center\",\n      width: \"auto\",\n    },\n  ],\n  items: [\n    [\n      { value: \"monitoring.events.cegnev\", isBold: true, isTitle: true },\n      { dotColor: \"#f3792b\" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.szekhely\",\n        isBold: true,\n        isTitle: true,\n      },\n      { dotColor: \"#f3792b\" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      { value: \"monitoring.events.toke\", isBold: true, isTitle: true },\n      { dotColor: \"#f3792b\" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.cegjegyzesre_jogosult\",\n        isBold: true,\n        isTitle: true,\n      },\n      { dotColor: \"#f3792b\" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.tulajdonos_tag\",\n        isBold: true,\n        isTitle: true,\n      },\n      { dotColor: \"#f3792b\" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.csodeljaras\",\n        isBold: true,\n        isTitle: true,\n      },\n      { dotColor: \"#f3792b\" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.felszamolasi_eljaras\",\n        isBold: true,\n        isTitle: true,\n      },\n      { dotColor: \"#f3792b\" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.vegelszamolasi_eljaras\",\n        isBold: true,\n        isTitle: true,\n      },\n      { dotColor: \"#f3792b\" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n\n    [\n      {\n        value: \"monitoring.events.tevekenysegi_kor\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.adoszam\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.penzforgalmi_jelzoszam\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.torlesi_eljaras\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.kenyszertorlesi_eljaras\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.adoszam_felfuggesztese\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.adoszam_torles\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.vagyonrendezesi_eljaras\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.adossagrendezesi_eljaras\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.adovegrehajtas\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.nav_afa_bevallast_elmulasztok\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.nav_koztartozas_mentes_adozok\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { dotColor: \"#5d92d2\" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n\n    [\n      {\n        value: \"monitoring.events.konyvvizsgalo\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.felugyelo_bizottsagi_tagok\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.ceg_mukodesenek_befejezesenek_datuma\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.ceg_mukodesenek_felfuggesztese\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.megszunes_elhatarozasanak_kelte\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.cegjegyzes_modja\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.szankcios_jelleggel_torolt_adoszam_hirdetmeny\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.adotartozas_100_millio_felett\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.adohiany_100_millio_felett\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.fekete_foglalkoztatok\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.gvh_elmarasztalas\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.mukodestol_eltiltas\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.vagyoni_reszesedes_letiltasa\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.buntetojogi_intezkedes\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.nfhh_elmarasztalas\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.ommf_elmarasztalas\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n    [\n      {\n        value: \"monitoring.events.fogyasztovedelmi_pozitiv_minosites\",\n        isBold: true,\n        isTitle: true,\n      },\n      { value: \" \" },\n      { value: \" \" },\n      { dotColor: \"rgb(33, 193, 0)\" },\n    ],\n  ],\n};","<template>\n  <SearchPage icon=\"monitoring\"\n              title=\"Monitoring\"\n              max-width=\"100%\">\n    <template #controls>\n      <div class=\"marketing-title__content__controls\">\n        <div class=\"co-checkbox-primary\" />\n      </div>\n    </template>\n\n    <template #content>\n      <Results :columns=\"columns\"\n               :items=\"data.results\"\n               :meta=\"meta\"\n               :loading=\"loading\"\n               max-width=\"100%\"\n               :per-page=\"[10, 20, 50]\"\n               @page-change=\"pageChange\">\n        <template #headerLeft>\n          <div class=\"d-block\">\n            <Dropdown v-model=\"customOrder\" \n                      :options=\"data.meta.orderOptions\" \n                      option-label=\"label\" \n                      :placeholder=\"t('customOrder.sorting')\"\n                      @change=\"onOrder(customOrder)\" />\n          </div>\n        </template>\n\n        <template #headerRight>\n          <div>\n            <div v-show=\"importOpen\"\n                 class=\"mb-3 import-box\">\n              <div class=\"import-close-button\"\n                   @click=\"importOpen = false\">\n                <div class=\"import-close icon status-end\" />\n              </div>\n              <div class=\"input-box\"\n                   @click=\"importer.click()\">\n                <span v-if=\"file === null\">{{ t('monitoring.import.selectFile') }}</span>\n                <span v-else>{{ file.name }}</span>\n              </div>\n              <input ref=\"importer\"\n                     type=\"file\"\n                     style=\"display: none\"\n                     @change=\"selectFile\">\n              <div class=\"d-flex justify-content-between mt-5 align-items-end\">\n                <a class=\"example mr-5\"\n                   href=\"/assets/sample/Monitoring_import_minta.xlsx\"\n                   download>\n                  {{ t('monitoring.import.downloadExample') }}\n                </a>\n                <div class=\"button button--primary button--small\"\n                     @click=\"importList\">\n                  {{ t('monitoring.import.upload')\n                  }}\n                </div>\n              </div>\n            </div>\n            <div class=\"d-flex justify-content-end\">\n              <Button v-if=\"!exportStarted\"\n                      :label=\"t('monitoring.buttons.export')\"\n                      icon=\"icon export\"\n                      @click=\"exportList\" />\n              <Button :label=\"t('monitoring.buttons.import')\"\n                      icon=\"icon import\"\n                      style=\"margin-left: 1rem\"\n                      @click=\"importOpen = !importOpen\" />\n            </div>\n          </div>\n        </template>\n\n        <template #name=\"{ row }\">\n          <router-link class=\"ellipsis\"\n                       :to=\"row.name.url\">\n            {{ row.name.value }}\n          </router-link>\n          <div class=\"ellipsis\">\n            {{ row.address }}\n          </div>\n        </template>\n\n        <template #numbers=\"{ row }\">\n          <div class=\"text-md-center ellipsis\">\n            {{ row.registrationNumber }}\n          </div>\n          <div class=\"text-md-center ellipsis\">\n            {{ row.taxNumber }}\n          </div>\n        </template>\n\n        <template #cor=\"{ row }\">\n          <div class=\"text-md-center ellipsis\"\n               :style=\"{ color: row.cor.color }\">\n            {{ row.cor.value }}\n          </div>\n          <div class=\"text-md-center ellipsis\">\n            {{ row.creditability }}\n          </div>\n        </template>\n\n        <template #lastEvents=\"{ row }\">\n          <div v-for=\"(value, index) in row.lastEvents\"\n               :key=\"index\"\n               class=\"ellipsis\">\n            {{ value }}\n          </div>\n        </template>\n\n        <template #delete=\"props\">\n          <i class=\"icon delete\"\n             style=\"font-size: 2rem\"\n             @click=\"remove(props.row.delete)\" />\n        </template>\n      </Results>\n\n      <div v-if=\"meta.count\"\n           class=\"grid-shower\">\n        <span><b>{{ meta.count }} {{ t('monitoring.numRows') }}</b></span>\n      </div>\n\n      <div style=\"margin-top:60px;\">\n        <h1 class=\"text-md-center\">\n          {{ t('monitoring.currentMonitoringLevel') }}: {{ monitoringLevel }}\n        </h1>\n        <PageCard :title=\"t('monitoring.monitoringLevels')\">\n          <template #content>\n            <div style=\"width: 70%; margin:auto\">\n              <Table class=\"financial-report-table\"\n                     :columns=\"monitoringLevels.columns\"  \n                     :items=\"monitoringLevels.items\" />  \n            </div>\n          </template>\n        </PageCard>\n      </div>\n    </template>\n  </SearchPage>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, watch } from \"vue\";\n  import { http, t, toggle, toast } from \"@/logic\";\n  import * as MonitoringTable from \"./MonitoringTable\";\n\n  const loading = ref(false);\n  const customOrder = ref({ value: \" \" } as any);\n  const search = ref(\"\");\n  const file = ref(null);\n  const importOpen = ref(false);\n  const exportStarted = ref(false);\n  const monitoringLevel = ref(\"Alap\");\n  const meta = ref({\n    orderBy: \"name\",\n    order: \"asc\",\n    currentPage: 1,\n    perPage: 10,\n    count: null,\n    search: \"\",\n  });\n  const data = ref({\n    downloadUrl: \"\",\n    importExampleUrl: \"\",\n    meta: {\n      orderOptions: [],\n    },\n  } as any);\n  const columns = ref([\n    {\n      value: t(\"monitoring.nameHq\"),\n      type: \"slot\",\n      prop: \"name\",\n      // orderable: true,\n      width: \"20%\",\n    },\n    {\n      value: t(\"monitoring.regTaxNumber\"),\n      prop: \"numbers\",\n      // orderable: true,\n      type: \"slot\",\n      class: \"justify-content-md-center text-md-center\",\n      width: \"15%\",\n    },\n    {\n      value: t(\"monitoring.ratingCreditLimit\"),\n      prop: \"cor\",\n      // orderable: true,\n      type: \"slot\",\n      class: \"justify-content-md-center text-md-center\",\n      width: \"20%\",\n    },\n    {\n      value: t(\"monitoring.status\"),\n      prop: \"status\",\n      type: \"icon\",\n      // orderable: true,\n      class: \"justify-content-lg-left\",\n      width: \"13%\",\n    },\n    {\n      value: t(\"monitoring.lastEvent\"),\n      prop: \"lastEvents\",\n      class: \"\",\n      type: \"slot\",\n      width: \"25%\",\n    },\n    {\n      value: t(\"monitoring.delete\"),\n      prop: \"delete\",\n      type: \"slot\",\n      class: \"justify-content-lg-center d-md-flex justify-content-md-center cursor\",\n      width: \"5%\",\n    },\n  ]);\n  const monitoringLevels = ref(MonitoringTable.default as any);\n  const importer = ref(null);\n\n  function changeView() {\n    toggle(this.monitoringView);\n  }\n\n  async function load() {\n    let query =\n      `?orderBy=${meta.value.orderBy}&order=${meta.value.order}&currentPage=${meta.value.currentPage}` +\n      `&perPage=${meta.value.perPage}&search=${meta.value.search}`;\n    await http.fetchWithLoading(data, loading, `/api/monitoring${query}`);\n    meta.value.count = data.value.meta.count;\n    monitoringLevel.value = data.value.monitoringLevel;\n  }\n\n  async function onOrder(order) {\n    meta.value.orderBy = customOrder.value.orderBy;\n    meta.value.order = customOrder.value.order;\n    await load();\n  }\n\n  async function remove(url) {\n    await http.delete(url);\n    await load();\n  }\n\n  async function importList() {\n    const formData = new FormData();\n\n    formData.append(\"file\", file.value);\n    const res = await http.postForm(\"/api/monitoring/import\", formData);\n    file.value = null;\n    importOpen.value = false;\n    toast(res.message);\n  }\n\n  async function exportList() {\n    exportStarted.value = true;\n    const res = await http.get(\"/api/monitoring/export\");\n\n    toast(res.message);\n  }\n\n  function selectFile(event) {\n    if (event.target.files[0]) {\n      file.value = event.target.files[0];\n    }\n  }\n\n  async function pageChange(event) {\n    meta.value.currentPage = event.page + 1;\n    meta.value.perPage = event.rows;\n    await load();\n  }\n\n  onMounted(async () => {\n    monitoringLevels.value.columns.forEach(x => x.title = t(x.title));\n    monitoringLevels.value.items.forEach(x => x[0].value = t(x[0].value));\n\n    await load();\n  });\n\n  watch(() => meta.value.currentPage, load);\n</script>\n\n<style lang=\"scss\" scoped>\n.grid-shower {\n  float: right;\n  margin: 12px 6px 10px 0;\n}\n.table-container {\n  padding: 0 !important;\n  margin-top: 2rem !important;\n  border: 1px solid black !important;\n}\n\n.search {\n  background: transparent;\n  border: none;\n  border-bottom: 1px solid $color-border-primary;\n}\n\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.import-box {\n  padding: 2rem;\n  background-color: #fff;\n  border: 1px solid $color-border-primary;\n  border-radius: 10px;\n\n  & .input-box {\n    padding: 10px;\n    font-size: 1.4rem;\n    text-align: center;\n    border: 1px solid $color-primary;\n    border-style: dashed;\n    border-radius: 10px;\n  }\n\n  & .example {\n    font-size: 1.4rem;\n  }\n}\n\n.delete {\n  cursor: pointer;\n}\n\n.marketing-card {\n  margin-top: 0;\n}\n\n.import-close-button {\n  position: absolute;\n  top: -10px;\n  right: 29px;\n  align-items: center;\n  justify-content: center;\n  background-color: $color-body-bg;\n  border-radius: 100%;\n  cursor: pointer;\n}\n\n.import-close {\n  margin-top: 1px;\n  margin-left: 1px;\n  color: $color-font-tertiary;\n  font-size: 25px;\n}\n\n.import-close-button:hover .import-close {\n  color: $color-primary;\n}\n\n.import-open {\n  color: $color-primary !important;\n}\n</style>\n","<template>\n  <div class=\"companyDetails\">\n    <div class=\"row\">\n      <div class=\"col-12 col-md-6\">\n        <div class=\"co-input-marketing\">\n          <label for=\"\">{{ t('marketing.positiveNegativeInformation.inputs.negative') }}</label>\n          <Dropdown id=\"positive-info-type\"\n                    v-model=\"model.negativeInfo.type\"\n                    class=\"co-input-marketing p-multiselect\"\n                    :options=\"negativeTypes\"\n                    option-label=\"name\"\n                    option-value=\"value\"\n                    :placeholder=\"t('multiselect.placeholder')\" />\n        </div>\n        <div class=\"co-input-marketing multiple\">\n          <label for=\"\">{{ t('marketing.positiveNegativeInformation.inputs.date') }}</label>\n          <div class=\"row m-initial w-100\">\n            <div class=\"col-6 min-max\">\n              <Calendar id=\"negative-info-min\"\n                        v-model=\"model.negativeInfo.start\"\n                        date-format=\"yy.mm.dd\"\n                        :placeholder=\"t('marketing.companyDetails.inputs.min')\" />\n            </div>\n            <div class=\"col-6 min-max\">\n              <Calendar id=\"negative-info-max\"\n                        v-model=\"model.negativeInfo.end\"\n                        date-format=\"yy.mm.dd\"\n                        :placeholder=\"t('marketing.companyDetails.inputs.max')\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-12 col-md-6\">\n        <div class=\"co-input-marketing\">\n          <label for=\"\">{{ t('marketing.positiveNegativeInformation.inputs.positive') }}</label>\n          <Dropdown id=\"positive-info-type\"\n                    v-model=\"model.positiveInfo.type\"\n                    class=\"co-input-marketing p-multiselect\"\n                    :options=\"positiveTypes\"\n                    option-label=\"name\"\n                    option-value=\"value\"\n                    :placeholder=\"t('multiselect.placeholder')\" />\n        </div>\n        <div class=\"co-input-marketing multiple\">\n          <label for=\"\">{{ t('marketing.positiveNegativeInformation.inputs.date') }}</label>\n          <div class=\"row m-initial w-100\">\n            <div class=\"col-6 min-max\">\n              <Calendar id=\"negative-info-min\"\n                        v-model=\"model.positiveInfo.start\"\n                        date-format=\"yy.mm.dd\"\n                        :placeholder=\"t('marketing.companyDetails.inputs.min')\" />\n            </div>\n            <div class=\"col-6 min-max\">\n              <Calendar id=\"negative-info-max\"\n                        v-model=\"model.positiveInfo.end\"\n                        date-format=\"yy.mm.dd\"\n                        :placeholder=\"t('marketing.companyDetails.inputs.max')\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  const model = defineModel() as any;\n  import { t } from \"@/logic\";\n  import { computed } from \"vue\";\n\n  const props = defineProps([\"negativeInfoTypes\", \"positiveInfoTypes\"]);\n  const positiveTypes = computed(() => {\n    return props.positiveInfoTypes ?\n      Object.entries(props.positiveInfoTypes).map(([key, value]) => {\n        return { value: key, name: value || \"\" };\n      }) \n      : [];\n  });\n  const negativeTypes = computed(() => {\n    return props.negativeInfoTypes ?\n      Object.entries(props.negativeInfoTypes).map(([key, value]) => {\n        return { value: key, name: value || \"\" };\n      }) \n      : [];\n  });\n</script>\n\n<style scoped lang=\"scss\">\n.m-initial {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n</style>\n","<template>\n  <div class=\"co-input-marketing multiple\">\n    <label>{{ t(props.label) }}</label>\n    <div class=\"row m-initial w-100\">\n      <div class=\"col-6  min-max\">\n        <InputText v-model=\"model.min\"\n                   :placeholder=\"t(props.placeholder + '.min')\" />\n      </div>\n      <div class=\"col-6  min-max\">\n        <InputText v-model=\"model.max\"\n                   :placeholder=\"t(props.placeholder + '.max')\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, defineProps, withDefaults, defineModel } from \"vue\";\n  import { t } from \"@/logic\";\n\n  const model = defineModel<{\n    min: string,\n    max: string,\n  }>();\n  var props = withDefaults(defineProps<{\n    placeholder: string,\n    label: string,    \n  }>(), {\n    \n  });\n</script>\n","<template>\n  <div class=\"financialReports\">\n    <div class=\"row\">\n      <div class=\"col-12 col-md-6\">\n        <MinMaxField v-model=\"model.fixedAssets\" id=\"financial-fixed-assets\"\n                     label=\"marketing.financialDetails.inputs.investedResources\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n\n        <MinMaxField v-model=\"model.currentAssets\" id=\"financial-current-assets\"\n                     label=\"marketing.financialDetails.inputs.currentAssets\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n                     \n                     <MinMaxField v-model=\"model.provisions\" id=\"financial-provisions\"\n                     label=\"marketing.financialDetails.inputs.reservationGoals\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n\n        <MinMaxField v-model=\"model.liabilities\" id=\"financial-liabilities\"\n                     label=\"marketing.financialDetails.inputs.responsibilities\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n\n        <MinMaxField v-model=\"model.shareholdersEquity\" id=\"financial-shareholders-equity\"\n                     label=\"marketing.financialDetails.inputs.ownCapital\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n\n        <MinMaxField v-model=\"model.subscribedCapital\" id=\"financial-subscribed-capital\"\n                     label=\"marketing.financialDetails.inputs.registeredCapital\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n\n        <MinMaxField v-model=\"model.domesticSales\" id=\"financial-domestic-sales\"\n                     label=\"marketing.financialDetails.inputs.inlandIncome\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n\n        <MinMaxField v-model=\"model.exportSales\" id=\"financial-export-sales\"\n                     label=\"marketing.financialDetails.inputs.foreignIncome\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n      </div>\n      <div class=\"col-12 col-md-6\">\n        <MinMaxField v-model=\"model.totalSales\" id=\"financial-total-sales\"\n                     label=\"marketing.financialDetails.inputs.netIncome\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n\n        <MinMaxField v-model=\"model.ebitda\" id=\"financial-ebitda\"\n                     label=\"marketing.financialDetails.inputs.ebitda\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n\n        <MinMaxField v-model=\"model.accruedAndDeferredAssets\" id=\"financial-accrued-and-deferred-assets\"\n                     label=\"marketing.financialDetails.inputs.activeTimeLimitation\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n\n        <MinMaxField v-model=\"model.accruedAndDeferredLiabilities\" id=\"financial-accrued-and-deferred-liabilities\"\n                     label=\"marketing.financialDetails.inputs.passiveTimeLimitation\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n\n        <MinMaxField v-model=\"model.incomeFromOperations\" id=\"financial-income-from-operations\"\n                     label=\"marketing.financialDetails.inputs.operatingActivityResult\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n\n        <MinMaxField v-model=\"model.incomeBeforeTaxes\" id=\"financial-income-before-taxes\"\n                     label=\"marketing.financialDetails.inputs.resultBeforeTaxation\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n\n        <MinMaxField v-model=\"model.accountsPayable\" id=\"financial-accounts-payable\"\n                     label=\"marketing.financialDetails.inputs.demands\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n\n        <MinMaxField v-model=\"model.corporateTax\" id=\"financial-corporate-tax\"\n                     label=\"marketing.financialDetails.inputs.corporateTax\"\n                     placeholder=\"marketing.financialDetails.inputs\" />\n      </div>\n      <div class=\"col-12\">\n        <p class=\"millions\">\n          {{ t('marketing.financialDetails.millions') }}\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { t } from \"@/logic\";\n\n  const model = defineModel() as any;\n</script>\n\n<style scoped lang=\"scss\">\n.financialReports {\n  & .millions {\n    margin-top: 3rem;\n    font-weight: 600;\n    font-size: 1.2rem;\n  }\n}\n</style>\n","<template>\n  <div class=\"companyDetails\">\n    <div class=\"row\">\n      <div class=\"col-12 col-md-6\">\n        <div class=\"co-input-marketing\">\n          <label for=\"\">{{ t('marketing.companyDetails.inputs.name') }}</label>\n          <InputText v-model=\"model.personName\" id=\"member-name\"\n                     :placeholder=\"t('marketing.companyDetails.inputs.name')\" />\n        </div>\n        <div class=\"co-input-marketing\">\n          <label for=\"\">{{ t('marketing.companyDetails.inputs.motherName') }}</label>\n          <InputText v-model=\"model.motherName\" id=\"member-mother-name\"\n                     :placeholder=\"t('marketing.companyDetails.inputs.motherName')\" />\n        </div>\n        <div class=\"co-input-marketing multiple\">\n          <label for=\"\">{{ t('marketing.companyDetails.inputs.address') }}</label>\n          <div class=\"row m-initial w-100\">\n            <div class=\"col-12 col-md-2 \">\n              <InputText v-model=\"model.personZip\" id=\"member-zip\"\n                         :placeholder=\"t('marketing.companyDetails.inputs.zip')\" />\n            </div>\n            <div class=\"col-12 col-md-4 \">\n              <InputText v-model=\"model.personCity\" id=\"member-city\"\n                         :placeholder=\"t('marketing.companyDetails.inputs.city')\" />\n            </div>\n            <div class=\"col-12 col-md-6 \">\n              <InputText v-model=\"model.personStreet\" id=\"member-street\"\n                         :placeholder=\"t('marketing.companyDetails.inputs.street')\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-12 col-md-6\">\n        <div class=\"co-input-marketing\">\n          <label for=\"\">{{ t('marketing.companyDetails.inputs.personTaxID') }}</label>\n          <InputText v-model=\"model.personTaxId\" id=\"member-tax-id\"\n                     :placeholder=\"t('marketing.companyDetails.inputs.personTaxID')\" />\n        </div>\n        <div class=\"co-input-marketing\">\n          <label for=\"\">{{ t('marketing.companyDetails.inputs.memberTaxNumber') }}</label>\n          <InputText v-model=\"model.memberTaxNumber\" id=\"member-tax-number\"\n                     :placeholder=\"t('marketing.companyDetails.inputs.memberTaxNumber')\" />\n        </div>\n        <div class=\"co-input-marketing\">\n          <label for=\"\">{{ t('marketing.companyDetails.inputs.type') }}</label>\n          <MultiSelect v-model=\"model.memberType\" id=\"member-type\"\n                       :options=\"memberTypes\"  \n                       option-label=\"value\" \n                       :placeholder=\"t('multiselect.placeholder')\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  const model = defineModel() as any;\n  import { t } from \"@/logic\";\n\n  defineProps([\"memberTypes\"]);\n</script>\n\n<style scoped lang=\"scss\">\n.m-initial {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n</style>\n","<template>\n    <div class=\"companyDetails\">\n      <div class=\"row\">\n        <div class=\"col-12 col-md-6\">\n          <div class=\"co-input-marketing multiple\">\n            <label for=\"\">{{ t('marketing.companyDetails.inputs.address') }}</label>\n            <div class=\"row m-initial w-100\">\n              <div class=\"col-12 col-md-2 \">\n                <InputText v-model=\"model.zip\" id=\"company-zip\"\n                           :placeholder=\"t('marketing.companyDetails.inputs.zip')\" />\n              </div>\n              <div class=\"col-12 col-md-4 \">\n                <InputText v-model=\"model.city\" id=\"company-city\"\n                           :placeholder=\"t('marketing.companyDetails.inputs.city')\" />\n              </div>\n              <div class=\"col-12 col-md-6 \">\n                <InputText v-model=\"model.street\" id=\"company-street\"\n                           :placeholder=\"t('marketing.companyDetails.inputs.street')\" />\n              </div>\n            </div>\n          </div>\n          <div class=\"co-input-marketing\">\n            <label for=\"\">{{ t('marketing.companyDetails.inputs.addressType') }}</label>\n            <MultiSelect v-model=\"model.addressType\" id=\"company-address-type\"\n                         :options=\"addressTypes\" \n                         option-label=\"value\" \n                         :placeholder=\"t('multiselect.placeholder')\" />\n          </div>\n        </div>\n        <div class=\"col-12 col-md-6\">\n          <div class=\"co-input-marketing\">\n            <label for=\"\">{{ t('marketing.companyDetails.inputs.county') }}</label>\n            <MultiSelect v-model=\"model.county\" id=\"company-county\"\n                         :options=\"prefill.counties\" \n                         option-label=\"value\"\n                         :placeholder=\"t('multiselect.placeholder')\" />\n          </div>\n          <div class=\"co-input-marketing\">\n            <label for=\"\">{{ t('marketing.companyDetails.inputs.region') }}</label>\n            <MultiSelect v-model=\"model.region\" id=\"company-region\"\n                         :options=\"prefill.regions\" \n                         option-label=\"value\" \n                         :placeholder=\"t('multiselect.placeholder')\" />\n          </div>\n          \n        </div>\n      </div>\n    </div>\n  </template>\n  \n  <script setup lang=\"ts\">\n    const model = defineModel() as any;\n    import { t } from \"@/logic\";\n    defineProps([\"prefill\", \"addressTypes\"]);\n  </script>\n  \n  <style scoped lang=\"scss\">\n  .m-initial {\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n  }\n  </style>\n  ","<template>\n  <div class=\"companyDetails\">\n    <div class=\"row\">\n      <div class=\"col-12 col-md-6\">\n        <div class=\"co-input-marketing\">\n          <label for=\"\">{{ t('marketing.companyDetails.inputs.companyName') }}</label>\n          <InputText v-model=\"model.companyName\" id=\"company-name\"\n                     :placeholder=\"t('marketing.companyDetails.inputs.companyName')\" />\n        </div>\n        <div class=\"co-input-marketing\">\n          <label for=\"\">{{ t('marketing.companyDetails.inputs.taxNumber') }}</label>\n          <InputText v-model=\"model.taxNumber\" id=\"tax-number\"\n                     :placeholder=\"t('marketing.companyDetails.inputs.taxNumber')\" />\n        </div>\n        <div class=\"co-input-marketing\">\n          <label for=\"\">{{ t('marketing.companyDetails.inputs.companyNumber') }}</label>\n          <InputText v-model=\"model.companyNumber\" id=\"company-number\"\n                     :placeholder=\"t('marketing.companyDetails.inputs.companyNumber')\" />\n        </div>\n        <div class=\"co-input-marketing\">\n          <label for=\"\">{{ t('marketing.companyDetails.inputs.bankAccountNumber') }}</label>\n          <InputText v-model=\"model.bankAccountNumber\" id=\"bank-account-number\"\n                     :placeholder=\"t('marketing.companyDetails.inputs.bankAccountNumber')\" />\n        </div>\n      </div>\n      <div class=\"col-12 col-md-6\">\n        <div class=\"co-input-marketing multiple\">\n        <label for=\"\">{{ t('marketing.companyDetails.inputs.foundation') }}</label>\n          <div class=\"row m-initial w-100\">\n            <div class=\"col-6  min-max\">\n              <Calendar v-model=\"model.foundation.min\" dateFormat=\"yy.mm.dd\" id=\"foundation-min\"\n                      :placeholder=\"t('marketing.companyDetails.inputs.min')\"  />\n            </div>\n            <div class=\"col-6  min-max\">\n              <Calendar v-model=\"model.foundation.max\" dateFormat=\"yy.mm.dd\" id=\"foundation-max\"\n                      :placeholder=\"t('marketing.companyDetails.inputs.max')\"  />\n            </div>\n          </div>\n        </div>\n        <div class=\"co-input-marketing multiple\">\n          <label for=\"\">{{ t('marketing.companyDetails.inputs.employees') }}</label>\n          <div class=\"row m-initial w-100\">\n            <div class=\"col-6  min-max\">\n              <InputText v-model=\"model.employees.min\" id=\"employees-min\"\n                         :placeholder=\"t('marketing.companyDetails.inputs.min')\" />\n            </div>\n            <div class=\"col-6  min-max\">\n              <InputText v-model=\"model.employees.max\" id=\"employees-max\"\n                         :placeholder=\"t('marketing.companyDetails.inputs.max')\" />\n            </div>\n          </div>\n        </div>\n        <div class=\"co-input-marketing\">\n          <label for=\"\">{{ t('marketing.companyDetails.inputs.type') }}</label>\n          <MultiSelect v-model=\"model.type\" id=\"type\"\n                       :options=\"prefill.types\"  \n                       option-label=\"value\" \n                       :placeholder=\"t('multiselect.placeholder')\" />\n        </div>\n        <div class=\"co-input-marketing\">\n          <label for=\"\">{{ t('marketing.companyDetails.inputs.status') }}</label>\n          <MultiSelect v-model=\"model.status\" id=\"status\"\n                       :options=\"prefill.statuses\" \n                       option-label=\"value\"\n                       :placeholder=\"t('multiselect.placeholder')\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import Calendar from \"primevue/calendar\";\n  import { t } from \"@/logic\";\n  \n  const model = defineModel() as any;\n\n  defineProps([\"prefill\"]);\n</script>\n\n<style scoped lang=\"scss\">\n.m-initial {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n</style>\n","<template>\n  <SearchPage :icon=\"(props.type == 'marketing' ? 'marketing-search' : 'search-detailed')\"\n    :title=\"t((props.type == 'marketing' ? 'marketing' : 'detailedSearch') + '.title')\">\n    <template #content>\n      <div class=\"page-main-marketing pt-5\" @keyup.enter=\"onSearch\">\n        <div class=\"container-fluid\">\n          <div class=\"d-flex flex-column gap-5\">\n            <Card class=\"p-4\">\n              <template #header>\n                <i class=\"icon company-report pi\" />\n                <span class=\"title\">{{ t('marketing.cards.basicDetails.title') }}</span>\n              </template>\n              <template #content>\n                <SearchDetails v-model=\"params.companyDetails\" :prefill=\"prefill\" />\n              </template>\n            </Card>\n\n            <Card id=\"address-details-card\" class=\"p-4\">\n              <template #header>\n                <i class=\"icon company-report pi\" />\n                <span class=\"title\">{{ t('marketing.cards.addressData.title') }}</span>\n              </template>\n              <template #content>\n                <AddressDetails v-model=\"params.companyDetails\" :prefill=\"prefill\" :addressTypes=\"addressTypes\"/>\n              </template>\n            </Card>\n\n            <Card id=\"member-details-card\" class=\"p-4\">\n              <template #header>\n                <i class=\"icon company-report pi\" />\n                <span class=\"title\">{{ t('marketing.cards.personalData.title') }}</span>\n              </template>\n              <template #content>\n                <MemberDetails v-model=\"params.companyDetails\" :memberTypes=\"memberTypes\"/>\n              </template>\n            </Card>\n\n            <Card class=\"p-4\">\n              <template #header>\n                <i class=\"icon financial-reports pi\" />\n                <span class=\"title\">{{ t('marketing.cards.financialDetails.title') }}</span>\n              </template>\n              <template #content>\n                <FinancialSearch v-model=\"params.financialDetails\" :prefill=\"prefill\" />\n              </template>\n            </Card>\n\n            <Card class=\"p-4\">\n                <template #header>\n                  <i class=\"icon negative-info pi\" />\n                  <span class=\"title\">{{ t('marketing.cards.positiveNegativeInformation.title') }}</span>\n                </template>\n                <template #content>\n                  <PositiveNegativeInformationSearch v-model=\"params\" \n                                                     :negative-info-types=\"prefill.negativeInfoTypes\"\n                                                     :positive-info-types=\"prefill.positiveInfoTypes\" />\n                </template>\n              </Card>\n\n            <Card v-if=\"type == 'marketing'\" class=\"p-4\">\n              <template #header>\n                <i class=\"icon activity-scope pi\" />\n                <span class=\"title\">{{ t('marketing.cards.activityScope.title') }}</span>\n              </template>\n              <template #content>\n                <div class=\"text-end d-none d-md-block\" style=\"z-index: 900\">\n                  <span style=\"line-height: 2.5rem\">\n                    <Checkbox id=\"inAllActivity\" v-model=\"params.inAllActivity\" :binary=\"true\" />\n                    <label for=\"inAllActivity\">\n                      {{ t('activities.inAllActivity') }}\n                    </label>\n                  </span>\n                  <span class=\"mx-4\" style=\"line-height: 2.5rem\">\n                    <Checkbox id=\"inAllActivity\" v-model=\"params.showOnlySelected\" :binary=\"true\" />\n                    <label for=\"inAllActivity\">\n                      {{ t('activities.showSelected') }}\n                    </label>\n                  </span>\n                  <Button :label=\"t('activities.deleteSelected')\" class=\"mx-3\" @click=\"clearSelectedActivities\" />\n                </div>\n                <Tree v-model:selectionKeys=\"selectedActivities\" id=\"activities\" :value=\"activities\" selection-mode=\"checkbox\"\n                  :filter=\"true\" :filter-placeholder=\"t('activities.searchActivities')\" scroll-height=\"300px\"  />\n              </template>\n            </Card>\n            <div class=\"search-field my-5\">\n              <div class=\"d-flex justify-content-end align-items-center\">\n                <div class=\"co-checkbox-primary-marketing\" style=\"margin-right: 1rem\">\n                  <Checkbox id=\"onlyValid\" v-model=\"params.onlyValid\" :binary=\"true\" />\n                  <label for=\"onlyValid\">\n                    {{ t('marketing.checkboxes.onlyValid') }}\n                  </label>\n                </div>\n                <Button :label=\"t('marketing.buttons.delete')\" class=\"mx-3 d-none d-md-block button-red\"\n                  @click=\"onClear\" />\n                <Button :label=\"t('marketing.buttons.search')\" @click=\"onSearch\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n  </SearchPage>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, computed, watch } from \"vue\";\n  import { DetailedSearchForm, DetailedSearchFormQuery } from \"@/types/DetailedSearchForm\";\n  import type { Ref } from 'vue';\n  import { http, t, route, router, init } from \"@/logic\";\n  import moment from 'moment';\n\n  init();\n\n  const props = defineProps<{\n    type: string\n  }>();\n\n  const addressTypes = [\n    { id: \"1\", value: t(\"marketing.companyDetails.inputs.hq\") },\n    { id: \"2\", value: t(\"marketing.companyDetails.inputs.site\") },\n    { id: \"3\", value: t(\"marketing.companyDetails.inputs.branch\") },\n  ];\n\n  const memberTypes = [\n    { id: \"1\", value: t(\"marketing.memberDetails.inputs.ceo\") },\n    { id: \"2\", value: t(\"marketing.memberDetails.inputs.member\") },\n    { id: \"3\", value: t(\"marketing.memberDetails.inputs.auditor\") },\n  ];\n\n  const getInitialForm = () => <DetailedSearchForm>({\n    positiveInfo: {\n      type: \"\",\n      start: null,\n      end: null,\n    },\n    negativeInfo: {\n      type: \"\",\n      start: null,\n      end: null,\n    },\n    companyDetails: {\n      companyName: \"\",\n      taxNumber: \"\",\n      companyNumber: \"\",\n      bankAccountNumber: \"\",\n      address: \"\",\n      zip: null,\n      city: \"\",\n      street: \"\",\n      employees: {\n        min: null,\n        max: null,\n      },\n      foundation: {\n        min: null,\n        max: null,\n      },\n      type: \"\",\n      status: \"\",\n      county: [],\n      region: [],\n      addressType: [],\n      memberTaxNumber: \"\",\n      personName: \"\",\n      motherName: \"\",\n      personZip: \"\",\n      personCity: \"\",\n      personStreet: \"\",\n      personTaxId: \"\",\n      memberType: [],\n    },\n    financialDetails: {\n      fixedAssets: {\n        min: null,\n        max: null,\n      },\n      currentAssets: {\n        min: null,\n        max: null,\n      },\n      provisions: {\n        min: null,\n        max: null,\n      },\n      liabilities: {\n        min: null,\n        max: null,\n      },\n      shareholdersEquity: {\n        min: null,\n        max: null,\n      },\n      subscribedCapital: {\n        min: null,\n        max: null,\n      },\n      domesticSales: {\n        min: null,\n        max: null,\n      },\n      exportSales: {\n        min: null,\n        max: null,\n      },\n      totalSales: {\n        min: null,\n        max: null,\n      },\n      ebitda: {\n        min: null,\n        max: null,\n      },\n      accruedAndDeferredAssets: {\n        min: null,\n        max: null,\n      },\n      accruedAndDeferredLiabilities: {\n        min: null,\n        max: null,\n      },\n      incomeFromOperations: {\n        min: null,\n        max: null,\n      },\n      incomeBeforeTaxes: {\n        min: null,\n        max: null,\n      },\n      accountsPayable: {\n        min: null,\n        max: null,\n      },\n      corporateTax: {\n        min: null,\n        max: null,\n      },\n    },\n    activities: [],\n    onlyValid: false,\n    inAllActivity: false,\n    showOnlySelected: false,\n  });\n\n  const params: Ref<DetailedSearchForm> = ref(getInitialForm());\n\n  const prefill = ref({} as any);\n  const selectedActivities = ref({});\n  const url = computed(() => {\n    return props.type == \"marketing\" ? \"/api/marketing/\" : \"/api/advanced-search/\";\n  });\n\n  const activities = computed(() => {\n    const keys = Object.keys(selectedActivities.value);\n    const selected = keys\n      ? keys.filter((x) => x.length == 4)\n      : [];\n\n    var filtered = prefill.value.activities2;\n\n    if (filtered && params.value.showOnlySelected) {\n      filtered = JSON.parse(JSON.stringify(filtered));\n\n      filtered.forEach(first => {\n        first.children.forEach(second => {\n          second.children = second.children.filter((x) => selected.indexOf(x.key) > -1);\n        });\n\n        first.children = first.children.filter((x) => x.children.length > 0);\n      });\n\n      filtered = filtered.filter((x) => x.children.length > 0);\n    }\n\n\n    return filtered;\n  });\n\n  async function onSearch() {\n    const query:DetailedSearchFormQuery = { \n      ...params.value,\n      companyDetails: {\n        ...params.value.companyDetails,\n        addressType: params.value.companyDetails.addressType.map((x) => x.id),\n        memberType: params.value.companyDetails.memberType.map((x) => x.id),\n      },\n      activities: Object.keys(selectedActivities.value),\n     };\n    const data = await http.post(url.value, {\n      version: 1,\n      query\n    });\n    data.value = data;\n    await router.push({\n      name: props.type + \".search.results\",\n      params: {\n        id: data.id,\n      },\n    });\n  }\n\n  watch(props, () => {\n    setDefaultValues();\n  });\n\n  function onClear() {\n    params.value = getInitialForm();\n    clearSelectedActivities();\n  }\n\n  function clearSelectedActivities() {\n    selectedActivities.value = {};\n  }\n\n  async function setDefaultValues() {\n    let query = \"\";\n\n    if (route.params.id) {\n      query = route.params.id as string;\n    }\n\n    const data = await http.get(url.value + query);\n    if (route.params.id) {\n      const values = data.params;\n      if (values.companyDetails.addressType) {\n        values.companyDetails.addressType = addressTypes.filter((x) => values.companyDetails.addressType.includes(x.id));\n      }\n      if (values.companyDetails.memberType) {\n        values.companyDetails.memberType = memberTypes.filter((x) => values.companyDetails.memberType.includes(x.id));\n      }\n      if (values.companyDetails.foundation.min) {\n        values.companyDetails.foundation.min = moment(String(values.companyDetails.foundation.min)).format('YYYY.MM.DD');\n      }\n      if (values.companyDetails.foundation.max) {\n        values.companyDetails.foundation.max = moment(String(values.companyDetails.foundation.max)).format('YYYY.MM.DD');\n      }\n      if (values.positiveInfo.start) {\n        values.positiveInfo.start = moment(String(values.positiveInfo.start)).format('YYYY.MM.DD');\n      }\n      if (values.positiveInfo.end) {\n        values.positiveInfo.end = moment(String(values.positiveInfo.end)).format('YYYY.MM.DD');\n      }\n      if (values.negativeInfo.start) {\n        values.negativeInfo.start = moment(String(values.negativeInfo.start)).format('YYYY.MM.DD');\n      }\n      if (values.negativeInfo.end) {\n        values.negativeInfo.end = moment(String(values.negativeInfo.end)).format('YYYY.MM.DD');\n      }\n      params.value = values;\n\n      if (data.params.activities) {\n        selectedActivities.value = {};\n      data.params.activities.forEach(x => {\n        selectedActivities.value[x] = { checked: true, partialChecked: false };\n      });\n    }\n    } else {\n      params.value.companyDetails.addressType = addressTypes.filter((x) => {\n          const defaultValues = props.type == 'marketing' \n            ? [\"Headquarter\"]\n            : [\"Headquarter\", \"Branch\", \"Site\"];\n          return defaultValues.includes(x.id);\n        }),\n      params.value.companyDetails.memberType = memberTypes.filter((x) => {\n        const defaultValues = [\"Signer\", \"Member\"];\n        return defaultValues.includes(x.id);\n      })\n    }\n    prefill.value = data.prefill;\n    params.value.onlyValid = props.type == \"marketing\";\n  }\n\n  onMounted(setDefaultValues);\n</script>\n\n<style lang=\"scss\" scoped>\n.page-main-marketing {\n  max-width: 120rem;\n  margin: 0 auto;\n\n  & .search-field {\n    & p {\n      margin: 4rem 0 2rem;\n      font-weight: 500;\n      font-size: 1.4rem;\n      text-align: center;\n    }\n  }\n}\n\n.tab-header {\n  cursor: pointer;\n}\n\n.not-useful {\n  display: inline-block;\n  margin-right: 0.5rem;\n  margin-left: 1rem;\n  color: #f3792b;\n  font-size: 2rem;\n}\n\n.p-tree {\n  margin-top: -40px;\n}\n</style>","<template>\n  <Card v-if=\"open\" class=\"p-4\">\n    <template #header>\n      <i class=\"pi pi-download\" />\n      <span class=\"title\">{{ t('marketingResults.export') }}</span>\n    </template>\n    <template #content>\n      <div v-if=\"!started\"\n           class=\"settings\">\n        <div class=\"container-fluid\">\n          <p class=\"mb-4\">\n            {{ t('marketingExport.exportDescription') }}\n          </p>\n          <h3 class=\"\">\n            {{ t('marketingExport.exportData') }}\n          </h3>\n          <div class=\"mt-3 row row-cols-1 row-cols-md-3 g-2\">\n            <div v-for=\"item of items\"\n                 :key=\"item\"\n                 class=\"col\">\n              <Checkbox v-model=\"data[item]\"\n                        :input-id=\"item\"\n                        :value=\"item\"\n                        :binary=\"true\" />\n              <label :for=\"item\">{{ t('marketingExport.' + item) }}</label>\n            </div>\n          </div>\n          <div class=\"mt-5 row row-cols-1 row-cols-md-3 g-2\">\n            <div>\n              <Checkbox v-model=\"data.onlyWithPhoneNumber\"\n                        input-id=\"onlyWithPhoneNumber\"\n                        :binary=\"true\" />\n              <label for=\"onlyWithPhoneNumber\">{{ t('marketingExport.onlyWithPhoneNumber') }}</label>\n            </div>\n            <div>\n              <Checkbox v-model=\"data.onlyWithEmail\"\n                        input-id=\"onlyWithEmail\"\n                        :binary=\"true\" />\n              <label for=\"onlyWithEmail\">{{ t('marketingExport.onlyWithEmail') }}</label>\n            </div>\n            <div>\n              <Checkbox v-model=\"data.onlyWithWebsite\"\n                        input-id=\"onlyWithWebsite\"\n                        :binary=\"true\" />\n              <label for=\"onlyWithWebsite\">{{ t('marketingExport.onlyWithWebsite') }}</label>\n            </div>\n          </div>\n          <div class=\"mt-5 row row-cols-1 row-cols-md-3 g-2\">\n            <div>\n              <Checkbox v-model=\"data.addressSplit\"\n                        input-id=\"addressSplit\"\n                        :binary=\"true\" />\n              <label for=\"addressSplit\">{{ t('marketingExport.addressSplit') }}</label>\n            </div>\n            <div>\n              <Checkbox v-model=\"data.mainActivityDescription\"\n                        input-id=\"mainActivityDescription\"\n                        :binary=\"true\" />\n              <label for=\"mainActivityDescription\">{{ t('marketingExport.mainActivityDescription') }}</label>\n            </div>\n          </div>\n          <div class=\"row my-5\">\n            <div class=\"col\">\n              <div v-if=\"prefill.count\"\n                   class=\"font-weight-bold\">\n                {{ prefill.count }}\n              </div>\n              <div v-if=\"prefill.price\"\n                   class=\"font-weight-bold\">\n                {{ t('marketingExport.price') }} {{ prefill.price }}\n              </div>\n            </div>\n          </div>\n          <div v-if=\"prefill.price\"\n               class=\"d-flex justify-content-center\">\n            <div class=\"button button--primary\"\n                 @click=\"startExport\">\n              {{ t('marketingExport.start') }}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-else>\n        <p style=\"text-align: center\">\n          {{ t('marketingExport.started') }}\n        </p>\n      </div>\n      <ConfirmDialog />\n    </template>\n  </Card>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, computed, watch } from \"vue\";\n  import { useRoute, useRouter } from \"vue-router\";\n  import { http, t, route, init } from \"@/logic\";\n  import ConfirmDialog from \"primevue/confirmdialog\";\n  import { useConfirm } from \"primevue/useconfirm\";\n\n  const items = [\n    \"taxNumber\",\n    \"companyRegistrationNumber\",\n    \"companyName\",  \n    \"companyAddress\",  \n    \"phone\",  \n    \"email\",  \n    \"website\",\n    \"entitledToSign\",\n    \"owners\",  \n    \"companyStatus\",  \n    \"mainActivity\",  \n    \"employees\",  \n    \"yearOfFoundation\",  \n    \"netSales\",\n    \"domesticSales\",\n    \"exportSales\",\n    \"profitAfterTax\", \n    \"county\",\n    \"bankAccountNumber\",\n    \"certification\",\n    \"lendingProposal\",\n    \"profitBeforeTax\",\n    \"operatingProfit\",\n    \"firmSite\"\n  ];\n\n  const props = defineProps([\"open\"]);\n\n  defineExpose({ setPrice });\n\n  init();\n\n  const confirm = useConfirm();\n  const started = ref(false);\n  const prefill = ref({\n    phoneCount: 0,\n    emailCount: 0,\n    websiteCount: 0,\n    count: 0,\n    price: 0,\n  } as any);\n  const data = ref({\n    onlyWithPhoneNumber: false,\n    onlyWithEmail: false,\n    onlyWithWebsite: false,\n    mainActivityDescription: false,\n    addressSplit: false,\n    taxNumber: true,\n    companyRegistrationNumber: true,\n    companyName: true,\n    companyAddress: true,\n    phone: false,\n    email: false,\n    website: false,\n    entitledToSign: false,\n    owners: false,\n    companyStatus: false,\n    mainActivity: false,\n    employees: false,\n    yearOfFoundation: false,\n    netSales: false,\n    domesticSales: false,\n    exportSales: false,\n    profitAfterTax: false,\n    county: false,\n    bankAccountNumber: false,\n    certification: false,\n    lendingProposal: false,\n    profitBeforeTax: false,\n    operatingProfit: false,\n  } as any);\n\n  async function load() {\n    const res = await http.post(`/api/marketing/${route.params.id}/export/calc`, {\n      selected: data.value,\n    });\n    prefill.value = res;\n  }\n\n  async function onToggle(val) {\n    if (val) {\n      load();\n    }\n  }\n\n  function setPrice(price) {\n    prefill.value.price = price;\n  }\n\n  async function startExport() {\n    confirm.require({\n      position: \"center\",\n      header: t(\"marketingExport.confirmTitle\"),\n      message: t(\"marketingExport.confirm\"),\n      acceptLabel: t(\"marketingExport.okTitle\"),\n      rejectLabel: t(\"marketingExport.cancelTitle\"),\n      accept: async () => {\n        await http.post(`/api/marketing/${route.params.id}/export/run`, {\n          selected: data.value,\n        });\n        started.value = true;\n      }\n    });\n  }\n\n  watch(() => data.value, load, { deep: true });\n</script>\n\n<style scoped lang=\"scss\">\n.icon {\n  color: $color-primary;\n}\n\n.co-input-marketing {\n  label {\n    min-width: initial !important;\n    margin-right: 1rem !important;\n  }\n}\n</style>\n","<template>\n  <div>\n    <SearchPage :icon=\"(props.type == 'marketing' ? 'marketing-search' : 'search-detailed')\"\n                :title=\"loading ? '' : data.title.prefix + ' ' + data.title.value\">\n      <template #controls>\n        <Button :label=\"t('marketingResults.buttons.modifySearch')\"\n                size=\"small\"\n                style=\"margin-right: 1rem\"\n                @click=\"modifySearch\" />\n        <Button :label=\"t('marketingResults.buttons.newSearch')\"\n                size=\"small\"\n                style=\"margin-right: 1rem\"\n                @click=\"newSearch\" />\n        <Button v-if=\"props.type == 'marketing'\"\n                :label=\"t('marketingResults.favourite')\"\n                icon=\"icon favourite-add\"\n                size=\"small\"\n                style=\"margin-right: 1rem\" \n                @click=\"favoriteOpen = !favoriteOpen\" />\n        <Button v-if=\"props.type == 'marketing'\"\n                :label=\"t('marketingResults.export')\"\n                icon=\"icon export\"\n                size=\"small\"\n                style=\"margin-right: 1rem\" \n                @click=\"onExport\" />\n\n        <div v-show=\"favoriteOpen\"\n             class=\"mb-3 favorite-box\">\n          <div class=\"co-input-marketing\">\n            <label>{{ t('marketingResults.favorite.label') }}</label>\n            <input v-model=\"favorite\"\n                   type=\"text\"\n                   class=\"form-control\">\n          </div>\n          <div class=\"d-flex justify-content-end\">\n            <div class=\"button button--primary button--small ml-auto\"\n                 @click=\"addFavorite\">\n              {{ t('marketingResults.favorite.save') }}\n            </div>\n          </div>\n        </div>  \n      </template>\n      <template #content>\n        <Results :columns=\"columns\"\n                 :items=\"data.results\"\n                 :loading=\"loading\"\n                 :meta=\"meta\"\n                 :no-result-message=\"t('marketingResults.noResult')\"\n                 :new-search-path=\"props.type + '.search'\"\n                 :per-page=\"[10, 20, 50]\"\n                 @on-order=\"onOrder\"\n                 @page-change=\"pageChange\">\n          <template #headerLeft>\n            <div v-if=\"props.type == 'marketing'\"\n                 class=\"d-none d-md-block\">\n              <Dropdown v-model=\"customOrder\"\n                        :options=\"meta.orderOptions\"\n                        option-label=\"label\"\n                        :placeholder=\"t('customOrder.sorting')\"\n                        @change=\"onOrder(customOrder)\" />\n            </div>\n          </template>\n        </Results>\n        <MarketingExport v-if=\"props.type == 'marketing' && !user?.claims.includes('MarketingLetoltesTiltas')\"\n                         id=\"export\"\n                         ref=\"exporter\"\n                         style=\"max-width: 120rem; margin: 5rem auto;\"\n                         :open=\"showExport\" />\n      </template>\n    </SearchPage>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, nextTick, watch } from \"vue\";\n  import { useRoute, useRouter } from \"vue-router\";\n  import { http, t, user } from \"@/logic\";\n\n  const props = defineProps([\"type\"]);\n\n  const route = useRoute();\n  const router = useRouter();\n  const favoriteOpen = ref(false);\n  const showExport = ref(false);\n  const loading = ref(false);\n  const favorite = ref(\"\");\n  const columns = ref([\n    {\n      value: t(\"marketing.columns.name\"),\n      prop: \"name\",\n      type: \"url\",\n      width: \"25%\",\n      orderable: true,\n      class: \"ellipsis\",\n    },\n    {\n      value: t(\"marketing.columns.address\"),\n      prop: \"address\",\n      width: \"25%\",\n      orderable: true,\n      class: \"ellipsis\",\n    },\n    {\n      value: t(\"marketing.columns.registrationNumber\"),\n      prop: \"registrationNumber\",\n      orderable: true,\n      width: \"10%\",\n    },\n    {\n      value: t(\"marketing.columns.taxNumber\"),\n      prop: \"taxNumber\",\n      orderable: true,\n      width: \"10%\",\n    },\n    {\n      value: t(\"marketing.columns.status\"),\n      prop: \"status\",\n      type: \"icon\",\n      orderable: true,\n      width: \"20%\",\n    },\n    {\n      value: t(\"marketing.columns.marketing\"),\n      prop: \"marketing\",\n      type: \"marketing\",\n      width: \"10%\",\n    },\n  ]);\n  const data = ref({\n    items: [],\n    title: \"\",\n    price: 0,\n  } as any);\n  const meta = ref({\n    orderBy: \"\",\n    order: \"\",\n    currentPage: 1,\n    perPage: 10,\n    count: 0,\n  } as any);\n  const customOrder = ref({} as any);\n  const exporter = ref(null);\n\n  function newSearch() {\n    router.push({\n      name: \"marketing.search\",\n    });\n  }\n\n  function modifySearch() {\n    const currentRoute = route.name as string;\n    \n    router.push({\n      name: currentRoute.startsWith( \"marketing\") ? \"marketing.search\" :  \"advanced.search\",\n      params: { id: route.params.id },\n    });\n  }\n\n  async function load() {\n    let query =\n      `?orderBy=${meta.value.orderBy}&order=${meta.value.order}&currentPage=${meta.value.currentPage}` +\n      `&perPage=${meta.value.perPage}`;\n    const searchType = props.type == \"marketing\" ? \"marketing\" : \"advanced-search\";\n    await http.fetchWithLoading(data, loading, `/api/${searchType}/${route.params.id}/results${query}`);\n    meta.value.count = data.value.meta.count;\n    meta.value.orderOptions = data.value.meta.orderOptions;\n    showExport.value = meta.value.count > 0;\n  }\n\n  async function onOrder(order) {\n    meta.value.currentPage = 1;\n    meta.value.orderBy = order.orderBy;\n    meta.value.order = order.order;\n    if(order != customOrder.value) {\n      customOrder.value = {};\n    }    \n    await load();\n  }\n\n  async function pageChange(event) {\n    meta.value.currentPage = event.page + 1;\n    meta.value.perPage = event.rows;\n    await load();\n  }\n\n  async function addFavorite() {\n    await http.post(\"/api/favorites/add\", {\n      name: favorite.value,\n      requestId: route.params.id,\n    });\n    await router.push({ name: \"favorites\" });\n  }\n\n  function onExport() {\n    document.getElementById(\"export\").scrollIntoView();\n  }\n\n  onMounted(async () => {    \n    await load();\n\n    await nextTick();\n\n    exporter.value?.setPrice(data.value.price);\t\t\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.favorite-box {\n\tposition: absolute;\n\tz-index: 999;\n  padding: 2rem;\n  background-color: #fff;\n  border: 1px solid $color-border-primary;\n  border-radius: 10px;\n\n  & .input-box {\n    padding: 10px;\n    font-size: 1.4rem;\n    text-align: center;\n    border: 1px solid $color-primary;\n    border-style: dashed;\n    border-radius: 10px;\n  }\n\n  & .example {\n    font-size: 1.4rem;\n  }\n}\n</style>\n","export default \"__VITE_PUBLIC_ASSET__76b26dbf__\"","<template>\n  <div>\n    <SearchPage v-if=\"!loading && meta.count > 0\"\n                icon=\"favourite-add\"\n                title=\"Kedvencek\">\n      <template #content>\n        <Results :columns=\"columns\"\n                 :items=\"data.results\"\n                 :loading=\"loading\"\n                 :meta=\"meta\"\n                 @on-order=\"onOrder\">\n          <template #delete=\"props\">\n            <i class=\"icon delete\"\n               @click=\"remove(props.row.id)\" />\n          </template>\n        </Results>\n      </template>\n    </SearchPage>\n\n    <div v-else\n         class=\"container-fluid \">\n      <div class=\"row\">\n        <div class=\"col-12\">\n          <PageCard class=\"pb-5\"\n                    icon=\"favourite-add\"\n                    title=\"Kedvencek\">\n            <template #content>\n              <div class=\"p-5\">\n                <div class=\"row\">\n                  <div class=\"col-12 col-lg-6\">\n                    <h3 class=\"mb-3\">\n                      {{ t('favorites.empty1') }}\n                    </h3>\n                    <p class=\"mb-3\">\n                      {{ t('favorites.empty2') }}\n                    </p>\n                    <h4 class=\"mb-5\">\n                      {{ t('favorites.empty3') }}\n                    </h4>\n                  </div>\n                  <div class=\"col-12 col-lg-6\">\n                    <img class=\"img-fluid\"\n                         src=\"/assets/img/favourite.png\"\n                         alt=\"\">\n                  </div>\n                </div>\n              </div>\n            </template>\n          </PageCard>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, computed } from \"vue\";\n  import { useRoute, useRouter } from \"vue-router\";\n  import { http, t } from \"@/logic\";\n\n  const route = useRoute();\n  const loading = ref(false);\n  const meta = ref({\n    orderBy: \"name\",\n    order: \"asc\",\n    currentPage: 1,\n    perPage: 10,\n    count: 0,\n  } as any);\n  const data = ref({} as any);\n  const columns = ref([\n    {\n      value: \"Név\",\n      prop: \"name\",\n      type: \"url\",\n      orderable: true,\n      width: \"60%\",\n    },\n    {\n      value: \"Létrehozva\",\n      prop: \"createdAt\",\n      width: \"20%\",\n    },\n    {\n      value: \"Törlés\",\n      prop: \"delete\",\n      type: \"slot\",\n      width: \"20%\",\n      class: \"justify-content-md-center d-md-flex cursor\",\n    },\n  ]);\n\n  async function load() {\n    let query = `?orderBy=${meta.value.orderBy}&order=${meta.value.order}&currentPage=${meta.value.currentPage}&perPage=${meta.value.perPage}`;\n    await http.fetchWithLoading(data, loading, `/api/favorites${query}`);\n    meta.value.count = data.value.meta.count;\n  }\n\n  async function onOrder(order) {\n    meta.value.currentPage = 1;\n    meta.value.orderBy = order.orderBy;\n    meta.value.order = order.order;\n    await load();\n  }\n\n  async function remove(id) {\n    await http.delete(\"/api/favorites/\" + id + \"/delete\");\n    await load();\n  }\n\n  onMounted(async () => {\n    await load();\n  });\n</script>\n\n<style lang=\"scss\" scoped>\n.img-fluid {\n  border: 1px solid $color-border-primary;\n  border-radius: $border-radius;\n  box-shadow: $box-shadow;\n}\n</style>\n","<template>\n  <Chart v-if=\"data\"\n         type=\"bar\"\n         :data=\"data\"\n         :options=\"options\" />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref } from \"vue\";\n  import { formatMoney } from \"@/logic\";\n\n  const props = defineProps([\"data\"]);\n\n  const options = ref({\n    plugins: {\n\n      legend: {\n        display: false,\n      }\n    },\n    datasets: {\n      line: {\n        fill: false,\n        borderColor: \"#f2792b\",\n        pointBackgroundColor: \"#ffffff\",\n        lineTension: 0\n      }\n    },\n    maintainAspectRatio: false,\n    aspectRatio: 2.5,\n  });\n</script>\n","export default \"__VITE_PUBLIC_ASSET__2faabc9e__\"","<template>\n  <div v-if=\"!loading || isEmpty\"\n       class=\"page-sector\">\n    <div class=\"container-fluid \">\n      <div class=\"row\">\n        <div class=\"col-12\">\n          <PageCard :title=\"t('comparison.title')\"\n                    :download=\"comparison\"\n                    :download-on-click=\"downloadUrl\"\n                    icon=\"benefit-stat\"\n                    class=\"pb-5\">\n            <template #content>\n              <div v-if=\"!isEmpty && data\">\n                <Table :columns=\"data.table.columns\" \n                       :items=\"data.table.items\" \n                       :meta=\"data.table.meta\" />\n                <div class=\"collapses\">\n                  <div class=\"row\">\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.classification.title')\"\n                                 :info-text=\"t('comparison.classification.infoText')\" \n                                 :data=\"data.charts.classification.data\"\n                                 legend=\"true\">\n                        <BarChart :data=\"data.charts.classification.data\" />\n                      </ChartCard>\n                    </div>\n\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.creditability.title')\"\n                                 :info-text=\"t('comparison.creditability.infoText')\" \n                                 :data=\"data.charts.creditability.data\"\n                                 legend=\"true\">\n                        <BarChart :data=\"data.charts.creditability.data\" />\n                      </ChartCard>\n                    </div>\n                  </div>\n\n                  <div class=\"row\">\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.salesNetIncome.title')\"\n                                 :info-text=\"t('comparison.salesNetIncome.infoText')\"\n                                 :data=\"data.charts.salesNetIncome.data\"\n                                 legend=\"true\" />\n                    </div>\n\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.activityResult.title')\"\n                                 :info-text=\"t('comparison.activityResult.infoText')\"\n                                 :data=\"data.charts.activityResult.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n\n                  <div class=\"row\">\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.beforeTaxProfit.title')\"\n                                 :info-text=\"t('comparison.beforeTaxProfit.infoText')\"\n                                 :data=\"data.charts.beforeTaxProfit.data\"\n                                 legend=\"true\" />\n                    </div>\n\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.afterTaxProfit.title')\"\n                                 :info-text=\"t('comparison.afterTaxProfit.infoText')\"\n                                 :data=\"data.charts.afterTaxProfit.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n\n                  <div class=\"row\">\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.equity.title')\"\n                                 :info-text=\"t('comparison.equity.infoText')\"\n                                 :data=\"data.charts.equity.data\"\n                                 legend=\"true\" />\n                    </div>\n\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.registeredCapital.title')\"\n                                 :info-text=\"t('comparison.registeredCapital.infoText')\"\n                                 :data=\"data.charts.registeredCapital.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n\n                  <div class=\"row\">\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.materialExpenditure.title')\"\n                                 :info-text=\"t('comparison.materialExpenditure.infoText')\"\n                                 :data=\"data.charts.materialExpenditure.data\"\n                                 legend=\"true\" />\n                    </div>\n\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.humanExpenditure.title')\"\n                                 :info-text=\"t('comparison.humanExpenditure.infoText')\"\n                                 :data=\"data.charts.humanExpenditure.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n\n                  <div class=\"row\">\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.ebitda.title')\"\n                                 :info-text=\"t('comparison.ebitda.infoText')\"\n                                 :data=\"data.charts.ebitda.data\"\n                                 legend=\"true\" />\n                    </div>\n\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.liquidityRate.title')\"\n                                 :info-text=\"t('comparison.liquidityRate.infoText')\"\n                                 :data=\"data.charts.liquidityRate.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n\n                  <div class=\"row\">\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.capitalAdequacy.title')\"\n                                 :info-text=\"t('comparison.capitalAdequacy.infoText')\"\n                                 :data=\"data.charts.capitalAdequacy.data\"\n                                 legend=\"true\" />\n                    </div>\n\n                    <div class=\"col-12 col-md-6\">\n                      <ChartCard :title=\"t('comparison.indebtednessRatio.title')\"\n                                 :info-text=\"t('comparison.indebtednessRatio.infoText')\"\n                                 :data=\"data.charts.indebtednessRatio.data\"\n                                 legend=\"true\" />\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div v-else\n                   class=\"p-5\">\n                <div class=\"row\">\n                  <div class=\"col-12 col-lg-6\">\n                    <h3 class=\"mb-3\">\n                      {{ t('comparison.empty1') }}\n                    </h3>\n                    <p class=\"mb-3\">\n                      {{ t('comparison.empty2') }}\n                    </p>\n                    <h4 class=\"mb-5\">\n                      {{ t('comparison.empty3') }}\n                    </h4>\n                  </div>\n                  <div class=\"col-12 col-lg-6\">\n                    <img class=\"img-fluid\"\n                         src=\"/assets/img/comparison.png\">\n                    <p class=\"text-center mt-2\">\n                      {{ t('comparison.imageDescription') }}\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </template>\n          </PageCard>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, computed } from \"vue\";\n  import { http, t, comparison, init, route, router } from \"@/logic\";\n\n  init();\n\n  const loading = ref(false);\n  const data = ref(null);\n\n  const isEmpty = computed(() => {\n    return !route.query.companies && comparison.companies.length < 2;\n  });\n\n  const companies = computed(() => {\n    console.log('oute.query.companies ', route.query.companies);\n    \n    return route.query.companies\n      ? (route.query.companies as string).split(\",\")\n      : comparison.getIds();\n  });\n\n  const load = async () => {\n    if (!isEmpty.value) {\n      const res = await http.fetchWithLoading(data, loading, `/api/comparison/?companies=${companies.value}`);\n    }\n  };\n\n  const downloadUrl = async () => {\n    await http.blob(`/api/comparison/print/${companies.value}`);\n  };\n\n  onMounted(async () => {\n    console.log('route.query.companies ', route.query.companies);\n    \n    if (!route.query.companies) {\n      console.log('setting route query', comparison.getIds());\n      \n      router.replace(route.path + \"?companies=\" + comparison.getIds());\n    }\n    await load();\n  });\n</script>\n\n\n<style lang=\"scss\" scoped>\n.collapses {\n  margin: 2rem 2rem;\n}\n\n.img-fluid {\n  border: 1px solid $color-border-primary;\n  border-radius: $border-radius;\n  box-shadow: $box-shadow;\n}\n</style>\n","<template>\n  <div class=\"print-view\">\n    <div v-if=\"!isEmpty\"\n         class=\"\"\n         style=\"max-width:1100px; margin: auto;\">\n      <div class=\"print-co-header no-color\">\n        <h1>{{ t('comparison.title') }}</h1>\n        <p>\n          {{ date }} napján hatályos\n        </p>\n      </div>\n      <Comparison />  \n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, computed } from \"vue\";\n  import { http, t, init, route, chartResize } from \"@/logic\";\n  import Comparison from \"../Comparison.vue\";\n\n  init();\n\n  const loading = ref(false);\n  const comparison = ref(null);\n  const date = ref(\"\");\n  const isEmpty = computed(() => {\n    return !route.query.companies;\n  });\n\n  async function load() {\n    if (!isEmpty.value) {\n      await http.fetch(comparison, `/api/comparison/?companies=${route.query.companies}`);\n    }\n  }\n\n  onMounted(async () => {\n    date.value = new Date().toLocaleString(\"hu\");\n    await load();   \n  });\n\n  window.addEventListener('beforeprint', () => {\n    chartResize();\n  });\n</script>\n\n<style scoped lang=\"scss\">\n.print-view:deep(.no-print) {\n  display: none;\n}\n\n:deep() {\n  .tab-header {\n    display: none !important;\n  }\n  & .widget-controller,\n  & .alternativeCard,\n  & .map-marker,\n  & .copy,\n  & .inner-wrapper-sticky,\n  & .button,\n  & .sort-up,\n  & .sort-down,\n  & table a {\n    color: $color-font-primary !important;\n    text-decoration: none !important;\n  }\n\n  & table td {\n    padding: 0.25rem 0.5rem !important;\n  }\n}\n.company-deleted {\n  font-size: 3rem;\n}\n\n:deep() {\n  & .print-row {\n    display: block !important;\n  }\n\n  & .print-percent-50 {\n    display: block !important;\n    float: left !important;\n    page-break-inside: avoid !important;\n  }\n\n  & .print-new-page {\n    display: block !important;\n    page-break-before: always !important;\n  }\n}\n\n.print-co-header {\n  justify-content: space-between;\n  padding: 2rem;\n\n  & img {\n    height: 6rem;\n  }\n\n  & p {\n    margin-top: 1rem;\n    font-style: italic;\n  }\n}\n\n.no-color {\n  filter: grayscale(100);\n}\n</style>\n","<template>\n  <SearchPage\n              icon=\"marketing-search\"\n              :title=\"loading ? '' : data.title.prefix + ' ' + data.title.value\">\n    <template #content>\n      <Results :columns=\"columns\"\n               :items=\"data.results\"\n               :meta=\"meta\"\n               :loading=\"loading\"\n               :no-result-message=\"t('marketingResults.noResult')\"\n               :per-page=\"[10, 20, 50]\"\n               @page-change=\"pageChange\" />\n    </template>\n  </SearchPage>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, watch } from \"vue\";\n  import { http, t, route, init } from \"@/logic\";\n\n  init();\n\n  const loading = ref(false);\n  const columns = ref([\n    {\n      value: t(\"marketing.columns.name\"),\n      prop: \"name\",\n      type: \"url\",\n      width: \"25%\",\n      class: \"ellipsis\",\n    },\n    {\n      value: t(\"marketing.columns.address\"),\n      prop: \"address\",\n      width: \"25%\",\n      class: \"ellipsis\",\n    },\n    {\n      value: t(\"marketing.columns.registrationNumber\"),\n      prop: \"registrationNumber\",\n      width: \"10%\",\n    },\n    {\n      value: t(\"marketing.columns.taxNumber\"),\n      prop: \"taxNumber\",\n      width: \"10%\",\n    },\n    {\n      value: t(\"marketing.columns.status\"),\n      prop: \"status\",\n      type: \"icon\",\n      width: \"20%\",\n    },\n    {\n      value: t(\"marketing.columns.marketing\"),\n      prop: \"marketing\",\n      type: \"marketing\",\n      width: \"10%\",\n    },\n  ]);\n  const data = ref({\n    items: [],\n    title: \"\",\n  } as any);\n  const meta = ref({\n    currentPage: 1,\n    perPage: 10,\n    count: 0,\n    order: \"\",\n  });\n\n  async function load() {\n    let query = `?query=${encodeURIComponent(route.query.query as string)}\n\t\t\t\t\t\t\t\t &currentPage=${meta.value.currentPage}&perPage=${meta.value.perPage}`;\n    await http.fetchWithLoading(data, loading, `/api/quick-search${query}`);\n    meta.value.count = data.value.meta.count;\n  }\n\n  async function onPerPage() {\n    meta.value.currentPage = 1;\n    await load();\n  }\n\n  async function pageChange(event) {\n    meta.value.currentPage = event.page + 1;\n    meta.value.perPage = event.rows;\n    await load();\n  }\n\n  onMounted(async () => {\n    await load();\n  });\n\n  watch(() => meta.value.currentPage, load);\n  watch(() => route.query, load);\n</script>\n","<template>\n  <div class=\"errorbg\"\n       :style=\"{'backgroundImage': 'url(/assets/img/error/' + name + '.png)' }\">\n    <div v-if=\"!requestOfferSent\"\n         class=\"error\">\n      <h3 class=\"mb-4\">\n        {{ t('error.dearUser') }}\n      </h3>\n      <div>\n        <p>{{ t('error.' + type) }}</p>\n      </div>\n      <div v-if=\"type == 'module'\"\n           class=\"button button--primary mt-5\"\n           @click=\"requestOffer\">\n        {{ t('error.requestOffer') }}\n      </div>\n      <div v-else\n           class=\"button button--primary mt-5\"\n           @click=\"sendMessage\">\n        {{ t('sendMessage.title') }}\n      </div>\n    </div>\n    <div v-else\n         class=\"error\">\n      <h3 class=\"mb-4\">\n        {{ t('error.dearUser') }}\n      </h3>\n      <div>\n        <p>{{ message }}</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted, computed } from \"vue\";\n  import { useRoute, useRouter } from \"vue-router\";\n  import { http, t } from \"@/logic\";\n\n  const route = useRoute();\n  const router = useRouter();\n  const requestOfferSent = ref(false);\n  const message = ref(\"\");\n\n  const type = computed(() => {\n    return route.params.type;\n  });\n\n  const name = computed(() => {\n    return route.params.name;\n  });\n\n  function sendMessage() {\n    return router.push({ name: \"send-message\" });\n  }\n\n  async function requestOffer() {\n    const res = await http.post(\"/api/request-offer\", {\n      feature: route.params.name,\n    });\n    requestOfferSent.value = true;\n    message.value = res.notification;\n  }\n</script>\n\n<style scoped lang=\"scss\">\n.error {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: 700px;\n  margin: 15rem auto 15rem auto;\n  padding: 2rem;\n}\n\n.errorbg {\n  background-repeat: no-repeat, no-repeat;\n  margin: auto;\n  height: 800px;\n  background-size: contain;\n  background-position: center, center;\n}\n</style>\n","export default \"__VITE_PUBLIC_ASSET__67968645__\"","export default \"__VITE_PUBLIC_ASSET__ab468747__\"","<template>\n  <div class=\"row justify-content-center\">\n    <div class=\"col-lg-6 col-md-8\">\n      <InfoCard card-type=\"info\"\n                :is-header-hidden=\"true\">\n        <template #content>\n          <h3>\n            {{ data.title }}\n          </h3>\n          <div v-for=\"(item, index) in data.items\"\n               :key=\"'item-' + index\"\n               class=\"item\">\n            <div>\n              <img class=\"icon\"\n                   src=\"/assets/icons/connection-list/company-number.svg\"\n                   alt=\"Icon\">\n              <router-link class=\"name\"\n                           :to=\"'/report/' + item.companyNumber + '/summary'\">\n                {{ item.name }}\n              </router-link>\n            </div>\n            <div>\n              <img class=\"icon\"\n                   src=\"/assets/icons/connection-list/headquarter.svg\"\n                   alt=\"Icon\">\n              <span>{{ item.address }}</span>\n            </div>\n            <div>\n              <img class=\"icon\"\n                   src=\"/assets/icons/connection-list/tax-number.svg\"\n                   alt=\"Icon\">\n              <span>{{ item.taxnumber }}</span>\n            </div>\n            <ul class=\"mt-2\">\n              <li v-for=\"(section, index2) in item.sections\" \n                  :key=\"'section-' + index2\">\n                <router-link :to=\"section.url\">\n                  {{ section.name }}\n                </router-link>\n              </li>\n            </ul>\n          </div>\n        </template>\n      </InfoCard>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";\n  import { useRoute } from \"vue-router\";\n  import { http } from \"@/logic\";\n\n  const route = useRoute();\n  const loading = ref(false);\n  const data = ref({\n    items: [],\n    title: \"\",\n  });\n\n  async function load() {\n    await http.fetch(data, `/api/monitoring/alert/${route.params.id}`);\n  }\n\n  onMounted(async () => {\n    await load();\n  });\n</script>\n\n<style lang=\"scss\" scoped>\nh3 {\n  text-align: center;\n  text-transform: uppercase;\n}\n\n.item {\n  margin: 3rem;\n\n  & .name {\n    color: $color-blue;\n    font-weight: 700;\n    text-decoration: none;\n  }\n\n  & .icon {\n    display: inline-block;\n    width: 2rem;\n    height: 2rem;\n    margin-right: 0.5rem;\n  }\n}\n</style>\n","export default [\n  {\n    \"key\": \"Summary\",\n    \"show\": true,\n    \"justInCompany\": false\n  },\n  {\n    \"key\": \"CompanyData\",\n    \"show\": false,\n    \"claim\": \"Cegriport\",\n    \"justInCompany\": true\n  },\n  {\n    \"key\": \"FinancialReportSummary\",\n    \"show\": false,\n    \"claim\": \"GazdasagiAdatok\",\n    \"justInCompany\": true\n  },\n  {\n    \"key\": \"FinancialReport\",\n    \"show\": false,\n    \"claim\": \"Beszamolok\",\n    \"justInCompany\": true\n  },\n  {\n    \"key\": \"CommonRatings\",\n    \"show\": false,\n    \"claim\": \"Mutatok\",\n    \"justInCompany\": true\n  },\n  {\n    \"key\": \"NegativeInfo\",\n    \"show\": false,\n    \"claim\": \"NegativInfo\",\n    \"justInCompany\": false\n  },\n  {\n    \"key\": \"PositiveInfo\",\n    \"show\": false,\n    \"claim\": \"PozitivInfo\",\n    \"justInCompany\": true\n  },\n  {\n    \"key\": \"ConnectionList\",\n    \"show\": false,\n    \"claim\": \"KapcsolatiHalo\",\n    \"justInCompany\": true\n  },\n  {\n    \"key\": \"Timeline\",\n    \"show\": false,\n    \"claim\": \"Idovonal\",\n    \"justInCompany\": true\n  },\n  {\n    \"key\": \"Marketing\",\n    \"show\": false,\n    \"claim\": \"MarketingAdatok\",\n    \"justInCompany\": true\n  },\n  {\n    \"key\": \"Sector\",\n    \"show\": false,\n    \"claim\": \"AgazatiMutatok\",\n    \"justInCompany\": true\n  },\n  {\n    \"key\": \"FinalOwner\",\n    \"show\": false,\n    \"claim\": \"TenylegesTulajdonos\",\n    \"justInCompany\": true\n  }\n];","<template>\n  <div class=\"container\">\n    <div class=\"print-co-header\">\n      <img src=\"/assets/shared/credit-online-logo.svg\"\n           alt=\"Logo\">\n      <div style=\"text-align: right; margin-bottom: 3rem\">\n        {{ t('reportCreatedAt') }}: {{ date }}\n        <div style=\"font-size: 12px\"\n             v-html=\"t('confident')\" />\n      </div>\n    </div>\n    \n\n    <Summary v-if=\"widgets[0].show\" />\n    <CompanyData v-if=\"widgets[1].show\" :defaultAll=\"true\"/>\n    <FinancialReportSummary v-if=\"widgets[2].show\" />\n    <div v-if=\"widgets[3].show && financialReportsFiltered\">\n      <PageCard :title=\"t('financialReport.title')\"\n                icon=\"reports\">\n        <template #content>\n          <div v-for=\"finReport in financialReportsFiltered\"\n               :key=\"finReport\"\n               class=\"co-tab\">\n            <FinancialReportSheet :data=\"finReport.balance\"\n                                  :show-in-thousand=\"false\" />\n            <FinancialReportSheet :data=\"finReport.incomeStatement\"\n                                  :show-in-thousand=\"false\" />\n          </div>\n        </template>\n      </PageCard>\n    </div>\n    <CommonRatings v-if=\"widgets[4].show\" />\n    <InfoList v-if=\"widgets[5].show\"\n              :type=\"'negative'\" />\n    <InfoList v-if=\"widgets[6].show\"\n              :type=\"'positive'\" />\n    <ConnectionList v-if=\"widgets[7].show\" />\n    <Timeline v-if=\"widgets[8].show\" />\n    <Marketing v-if=\"widgets[9].show\" />\n    <Sector v-if=\"widgets[10].show\" />\n    <FinalOwner v-if=\"widgets[11].show\" />\n\n    <div class=\"print-controller\">\n      <div v-if=\"!show\"\n           class=\"icon widgets blue floating-icon d-none d-sm-flex\"\n           @click=\"show = true\" />\n      <InfoCard v-else>\n        <template #header>\n          <div class=\"card__header__title\">\n            <div class=\"widgets blue card__header__title__icon icon\" />\n            <h3 class=\"card__header__title__text\">\n              {{ t('print.widgets.title') }}\n            </h3>\n            <div style=\"display: flex; justify-content: right; width: 100%\" v-if=\"route.query?.components?.length > 0\">\n              <a v-if=\"!downloadStarted\"\n                 class=\"download-button\"\n                 @click=\"download()\">\n                <i class=\"icon export\" />\n                <span class=\"ml-2 d-none d-lg-block\">{{ t('print.download') }}</span>\n              </a>\n              <div v-else\n                   class=\"mt-2\">\n                <span class=\"spinner-border text-primary\" />\n                <span class=\"ml-3 text-primary\">{{ t('companyData.buttons.downloading') }}</span>\n              </div>\n            </div>\n            <div class=\"close-wrapper\"\n                 @click=\"show = false\">\n              <div class=\"icon company-deleted blue\" />\n            </div>\n          </div>\n        </template>\n        <template #content>\n          <div class=\"container-fluid\">\n            <div class=\"row\">\n              <div v-for=\"widget in widgets\"\n                   :key=\"widget.key\"\n                   class=\"col-6 \">\n                <div v-if=\"(!widget.claim || claims.includes(widget.claim as string)) && (!widget.justInCompany || isCompany)\"\n                     class=\"co-checkbox-secondary\">\n                  <Checkbox v-model=\"widget.show\"\n                            :input-id=\"widget.key\"\n                            :binary=\"true\" />\n                  <label :for=\"widget.key\">{{ t('print.widgets.' + widget.key) }}</label>\n                </div>\n              </div>\n            </div>\n            <div v-if=\"isCompany\"\n                 class=\"row mt-4\">\n              <div class=\"col-6 \">\n                <div class=\"co-checkbox-secondary\">\n                  <Checkbox v-model=\"onlyValid\"\n                            input-id=\"onlyValid\"\n                            :binary=\"true\" />\n                  <label for=\"onlyValid\">{{ t('print.onlyValid') }}</label>\n                </div>\n              </div>\n              <div class=\"col-6 \">\n                <div class=\"co-checkbox-secondary\">\n                  <Checkbox v-model=\"onlyLastReport\"\n                            input-id=\"onlyLastReport\"\n                            :binary=\"true\" />\n                  <label for=\"onlyLastReport\">{{ t('print.onlyLastReport') }}</label>\n                </div>\n              </div>\n            </div>\n          </div>\n        </template>\n      </InfoCard>\n    </div>\n\n    <main style=\"display: none\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, reactive, onMounted, watch, computed } from \"vue\";\n  import { useRoute, useRouter } from \"vue-router\";\n  import * as ReportWidgets from \"./ReportWidgets\";\n  import { http, t, user, init, chartResize } from \"@/logic\";\n  import Summary from \"../report/Summary.vue\";\n  import CompanyData from \"../report/CompanyData.vue\";\n  import FinancialReportSummary from \"../report/FinancialReportSummary.vue\";\n  import CommonRatings from \"../report/CommonRatings.vue\";\n  import ConnectionList from \"../report/ConnectionList.vue\";\n  import Timeline from \"../report/Timeline.vue\";\n  import Marketing from \"../report/Marketing.vue\";\n  import InfoList from \"../report/InfoList.vue\";\n  import Sector from \"../report/Sector.vue\";\n  import FinalOwner from \"../report/FinalOwner.vue\";\n\n  init();\n\n  const route = useRoute();\n  const router = useRouter();\n  const show = ref(true);\n  const onlyValid = ref(true);\n  const onlyLastReport = ref(true);\n  const downloadStarted = ref(false);\n  const companyName = ref(\"\");\n  const date = ref(\"\");\n  const isCompany = ref(true);\n  const financialReport = ref({\n    years: [],\n    balance: {},\n    incomeStatement: {}\n  });\n  const financialReportsFiltered = ref(null);\n  const widgets = reactive(ReportWidgets.default);\n  const claims = computed(() => {\n    return (user.claims || \"\").split(\",\");\n  });  \n  \n  async function getFinancials() {\n    const years = onlyLastReport.value \n      ? financialReport.value.years.reverse().slice(-1)\n      : financialReport.value.years.reverse().slice(-5);\n    financialReportsFiltered.value = [];\n\n    years.forEach(async year => {\n      const report = await getFinancialReport(year);\n      financialReportsFiltered.value.push(report);\n    });\n  }\n\n  async function load() {\n    if (widgets[3].show) {\n      await http.fetch(financialReport, `/api/report/${route.params.id}/financial-report`);\t\t\n      await getFinancials();\n    }\n  }\n\n  async function getFinancialReport(year: number) {\n    return await http.get(`/api/report/${route.params.id}/financial-report?year=${year}`);\n  }\n\n  async function getCompanyName() {\n    companyName.value = (await http.get(\"/api/report/\" + route.params.id + \"/summary\")).details.name;\n  }\n\n  async function updateQuery() {\n    let components = [];\n    widgets.forEach((widget) => {\n      if (widget.show) {\n        components.push(widget.key);\n      }\n    });\n    var query = \"components=\" + components.join() + \"&onlyLastReport=\" + onlyLastReport.value +\n      \"&onlyValid=\" + onlyValid.value;\n\n    if (new URLSearchParams(route.query.toString()).toString() != query) {\n      router.replace(route.path + \"?\" + query).catch((err) => { });\n\n      await load();\n    }        \n  }\n\n  async function download() {\n    await http.blob(`/api/report/print/${route.params.id}/${encodeURIComponent(route.fullPath)}`, downloadStarted);\n  }\n\n  onMounted(async () => {\n    let components = [];\n\n    if (route.query && route.query.onlyLastReport != undefined) {\n      onlyLastReport.value = route.query.onlyLastReport == \"true\";\n    }\n\n    if (route.query && route.query.onlyValid != undefined) {\n      onlyValid.value = route.query.onlyValid == \"true\";\n    }\n\n    if (route.query && route.query.components) {\n      components = (route.query.components as string).split(\",\");\n      widgets.forEach((widget) => {\n        widget.show = components.includes(widget.key);\n      });\n    } else {\n      widgets.forEach((widget) => {\n        if (widget.show) {\n          components.push(widget.key);\n        }\n      });\n    }    \n\n    isCompany.value = route.path.search(\"/(SE|NP|BI|EI|TE)\") == -1;\n    await updateQuery();\n    await getCompanyName();\n    date.value = new Date().toLocaleString(\"hu\");\n    await load();\n  });\n\n  watch(widgets, updateQuery, { deep: true });\n  watch(onlyLastReport, updateQuery);\n  watch(onlyValid, updateQuery);\n\n  window.addEventListener('beforeprint', () => {\n    chartResize();\n  });\n</script>\n\n<style scoped lang=\"scss\">\n:deep(.no-print) {\n  display: none;\n}\n\n.print-co-header {    \n  display: flex;\n  justify-content: space-between;\n\n  & img {\n    height: 6rem;\n  }\n}\n\n:deep() {\n  & .widget-controller {\n    display: none !important;\n  }\n\n  &.alternativeCard {\n    display: none !important;\n  }\n}\n\n:deep() {\n  .col-xxl-8 {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n}\n\n:deep() {\n  & .widget-controller,\n  & .map-marker,\n  & .copy,\n  & .inner-wrapper-sticky,\n  & .button,\n  & .sort-up,\n  & .sort-down,\n  & .co-checkbox-primary {\n    display: none !important;\n  }\n\n  & .line--card-separator {\n    margin: 0.5rem 0 !important;\n  }\n\n  & .cc-title {\n    font-size: 3rem !important;\n  }\n\n  & .cc-address a {\n    display: none !important;\n  }\n\n  & table a {\n    color: $color-font-primary !important;\n    text-decoration: none !important;\n  }\n\n  & table td {\n    padding: 0.25rem 0.5rem !important;\n  }\n\n  & .card {\n    margin: 0 !important;\n    padding: 2rem !important;\n\n    @media print {\n      break-inside: avoid !important;\n      page-break-inside: avoid !important;\n      border: 1px solid $color-border-secondary !important;\n    }\n\n    &.alternativeCard {\n      display: none !important;\n    }\n\n    &:first-child {\n      margin-bottom: 1rem !important;\n    }\n\n    &__header {\n      margin-bottom: 0 !important;\n\n      &__graph,\n      &__dropdown {\n        display: none !important;\n      }\n\n      &__title {\n        margin-bottom: 0rem !important;\n      }\n\n      &__info {\n        display: none !important;\n      }\n    }\n\n    &__content {\n      display: block !important;\n\n      & td {\n        padding: 0 !important;\n      }\n\n      & .cardCompanyDetails {\n        & .title {\n          min-width: 22rem !important;\n\n          @media print {\n            color: black !important;\n          }\n        }\n\n        & .badge {\n          border: none !important;\n\n          @media print {\n            color: black !important;\n          }\n        }\n      }\n    }\n  }\n\n  & .print-percent-50 {\n    flex: 0 0 50% !important;\n    max-width: 50% !important;\n  }\n\n  & .print-percent-100 {\n    flex: 0 0 100% !important;\n    max-width: 100% !important;\n  }\n\n  & .indicator {\n    margin: 0 !important;\n    margin-bottom: 1rem !important;\n    border: 1px solid $color-border-secondary !important;\n\n    &__info {\n      display: none !important;\n    }\n  }\n\n  & .indicator-table {\n    &__content {\n      &__data {\n        color: $color-font-primary !important;\n        -webkit-text-stroke: initial !important;\n\n        & span {\n          color: $color-font-primary !important;\n        }\n      }\n    }\n  }\n\n  & #ratingDetails {\n    margin-bottom: 6rem !important;\n  }\n\n  & .chartjs-render-monitor {\n    width: 100% !important;\n  }\n\n  & .cardContacts {\n    margin-bottom: 1rem !important;\n\n    & a {\n      text-decoration: none !important;\n    }\n  }\n\n  & .flexTable {\n    margin-top: 3rem !important;\n    margin-bottom: 4rem !important;\n\n    &__title {\n      margin-bottom: 0 !important;\n      border-bottom: none !important;\n    }\n\n    &__content {\n      border: none !important;\n\n      &__data {\n        padding: 0 !important;\n      }\n    }\n  }\n\n  & .year-container {\n    display: none !important;\n  }\n\n  & .interactive-table {\n    &__header {\n      @media print {\n        color: black !important;\n      }\n    }\n\n    &__table {\n      &__row {\n        &__data {\n          & a {\n            color: $color-font-primary !important;\n            text-decoration: none !important;\n          }\n        }\n      }\n    }\n  }\n\n  & .tab-container {\n    box-shadow: none !important;\n  }\n\n  & .collapse {\n    display: block !important;\n\n    & .title {\n      &::after {\n        display: none !important;\n      }\n    }\n  }\n\n  & .tabs {\n    & .nav-tabs {\n      display: none !important;\n    }\n\n    & ul,\n    & .nav-tabs {\n      border-bottom: none !important;\n    }\n  }\n\n  & .co-collapse {\n    padding-top: 3rem !important;\n\n    & .title {\n      color: $color-font-primary !important;\n\n      &::after {\n        display: none !important;\n      }\n    }\n  }\n\n  & .chart-collapse {\n    padding: 0 !important;\n    page-break-inside: avoid !important;\n    border-top: none !important;\n    break-inside: avoid !important;\n  }\n\n  & .print-covid {\n    position: relative !important;\n    margin-top: 5rem !important;\n    margin-bottom: 3rem !important;\n  }\n\n  & .print-taxTable {\n    position: relative !important;\n    margin-bottom: 3rem !important;\n  }\n\n  & .print-closedCompaniesTable {\n    position: relative !important;\n    margin-bottom: 5rem !important;\n  }\n\n  & .page-financial-report-summary {\n    position: relative !important;\n  }\n\n  & .page-financial-report {\n    position: relative !important;\n  }\n\n  & .page-common-ratings {\n    position: relative !important;\n  }\n\n  & .negative-collapse__content__details {\n    display: none !important;\n  }\n\n  & .co-timeline-years {\n    display: none !important;\n  }\n\n  & .connection-list {\n    .row {\n      // break-inside: avoid !important;\n      // page-break-inside: avoid !important;\n    }\n  }\n\n  & .co-timeline-card {\n    break-inside: avoid !important;\n    page-break-inside: avoid !important;\n    border: 1px solid $color-border-secondary !important;\n\n    & * {\n      justify-content: flex-end !important;\n    }\n\n    &__content {\n      &__title {\n        display: block !important;\n        text-align: right !important;\n      }\n    }\n\n    &--even,\n    &--last {\n      & * {\n        justify-content: flex-start !important;\n      }\n\n      & .co-timeline-card {\n        &__content {\n          &__title {\n            text-align: left !important;\n          }\n        }\n      }\n    }\n  }\n\n  & .page-timeline {\n    position: relative !important;\n  }\n\n  & .page-marketing {\n    position: relative !important;\n  }\n\n  & .multiselect {\n    margin-top: 1rem !important;\n  }\n\n  & .page-sector {\n    position: relative !important;\n  }\n\n  & .page-final-owner {\n    break-after: avoid !important;\n  }\n}\n\n.print-controller {\n  position: fixed;\n  right: 7rem;\n  bottom: 1rem;\n  z-index: $z-index-widget-controller;\n\n  @media print {\n    display: none !important;\n  }\n\n  & .floating-icon {\n    width: 5rem;\n    font-size: 2.4rem;\n    background-color: white;\n    border: 1px solid $color-blue;\n    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);\n    cursor: pointer;\n  }\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 5rem;\n    height: 5rem;\n    border-radius: 50%;\n\n    &.blue {\n      color: $color-blue;\n      text-align: center;\n    }\n\n    &::before {\n      margin: auto;\n    }\n  }\n\n  .card {\n    max-width: 60rem;\n\n    @include media-breakpoint-down(md) {\n      max-width: 35rem;\n    }\n\n    & .icon {\n      width: initial;\n      height: initial;\n    }\n\n    & .close-wrapper {\n      position: absolute;\n      top: 2.4rem;\n      right: 1rem;\n    }\n\n    &__header {\n      &__title {\n        margin-bottom: 2rem;\n      }\n    }\n  }\n}\n\n.company-deleted {\n  font-size: 3rem;\n}\n\n:deep() {\n  & .print-row {\n    display: block !important;\n  }\n\n  & .print-percent-50 {\n    display: block !important;\n    float: left !important;\n    page-break-inside: avoid !important;\n  }\n\n  & .print-new-page {\n    display: block !important;\n  }\n}\n\n.backToTopButton {\n  display: none !important;\n}\n\n.download-button {\n  display: flex;\n  gap: 3px;\n  align-items: center;\n  justify-content: right;\n  margin: 0 10px 0 10px;\n  padding: 0.5rem 1rem;\n  color: #fff;\n  font-weight: 500;\n  font-size: 15px;\n  text-align: center;\n  background-color: $color-primary;\n  border: 1px solid #f3792b;\n  border-radius: 100px;\n  cursor: pointer;\n}\n\n.download-button:hover {\n  text-decoration: none;\n}\n\n.card:deep(.card__header) {\n  display: block;\n  width: 100%;\n  padding-right: 20px;\n}\n\n.page-financial-report {\n  div {\n    display: block !important;\n  }\n}\n</style>\n","<template>\n  <div class=\"container\">\n    <div class=\"print-co-header no-color\" v-if=\"company.details\">\n      <h1>{{ t('extract.title') }}</h1>\n      <p v-html=\"t('extract.header', { \n        regNumber: company.details.registrationNumber?.value, \n        name: company.details.name, \n        headquarter: company.details.headquarter, \n        date: date \n      })\" />\n    </div>\n    <div class=\"no-color print-view\">\n      <CompanyData />\n    </div>\n\n    <main style=\"display: none\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, onMounted } from \"vue\";  \n  import {useRoute } from \"vue-router\";  \n  import { http, t } from \"@/logic\";\n  import CompanyData from \"../report/CompanyData.vue\";\n\n  const route = useRoute();\n  const company = ref({} as any);\n  const date = ref(\"\");\n\n  async function getCompany() {\n    await http.fetch(company, \"/api/report/\" + route.params.id + \"/summary\");\n    console.log(company.value);\n  }\n\n  onMounted(async () => {\n    await getCompany();\n    date.value = new Date().toLocaleDateString(\"hu\");\n  });\n</script>\n\n<style scoped lang=\"scss\">\n.print-view:deep(.no-print) {\n  display: none;\n}\n\n.print-co-header {\n  justify-content: space-between;\n\n  & img {\n    height: 6rem;\n  }\n\n  & p {\n    margin-top: 1rem;\n    font-style: italic;\n  }\n}\n\n  :deep() {\n    .tab-header, .p-tabview-nav {\n      display: none !important;\n    }\n\n    .co-collapse {\n      border-top: none !important;\n    }\n\n    .col-xxl-8 {\n      flex: 0 0 100%;\n      max-width: 100%;\n    }\n\n    h3 {\n      display: none !important;\n    }\n\n    & .widget-controller,\n    & .alternativeCard,\n    & .map-marker,\n    & .copy,\n    & .inner-wrapper-sticky,\n    & .button,\n    & .sort-up,\n    & .sort-down,\n    & .co-checkbox-primary {\n      display: none !important;\n    }\n\n    & .data-section {\n      margin-bottom: 1rem;\n    }\n\n    & .line--card-separator {\n      margin: 0.5rem 0 !important;\n    }\n\n    & .cc-title {\n      font-size: 3rem !important;\n    }\n\n    & .cc-address a {\n      display: none !important;\n    }\n\n    & table a {\n      color: $color-font-primary !important;\n      text-decoration: none !important;\n    }\n\n    & table td {\n      padding: 0.25rem 0.5rem !important;\n    }\n\n    & .card {\n      margin: 0 !important;\n      padding: 2rem !important;\n      break-inside: avoid !important;\n      page-break-inside: avoid !important;\n      border: 1px solid $color-border-secondary !important;\n\n      &.alternativeCard {\n        display: none !important;\n      }\n\n      &:first-child {\n        margin-bottom: 1rem !important;\n      }\n\n      &__header {\n        margin-bottom: 0 !important;\n\n        &__graph,\n        &__dropdown {\n          display: none !important;\n        }\n\n        &__title {\n          margin-bottom: 3rem !important;\n        }\n\n        &__info {\n          display: none !important;\n        }\n      }\n\n      &__content {\n        display: block !important;\n\n        & td {\n          padding: 0 !important;\n        }\n\n        & .cardCompanyDetails {\n          & .title {\n            min-width: 22rem !important;\n\n            @media print {\n              color: black !important;\n            }\n          }\n\n          & .badge {\n            border: none !important;\n\n            @media print {\n              color: black !important;\n            }\n          }\n        }\n      }\n    }\n\n    & .print-percent-50 {\n      flex: 0 0 50% !important;\n      max-width: 50% !important;\n    }\n\n    & .print-percent-100 {\n      flex: 0 0 100% !important;\n      max-width: 100% !important;\n    }\n\n    & .year-container {\n      & .year.active {\n        @media print {\n          color: black !important;\n        }\n      }\n    }\n\n    & .tab-container {\n      box-shadow: none !important;\n    }\n\n    & .collapse {\n      display: block !important;\n\n      & .title {\n        &::after {\n          display: none !important;\n        }\n      }\n    }\n\n    & .tabs {\n      & .nav-tabs {\n        display: none !important;\n      }\n\n      & ul,\n      & .nav-tabs {\n        border-bottom: none !important;\n      }\n    }\n\n    & .co-collapse {\n      // border-top: none !important;\n      padding-top: 3rem !important;\n\n      & .title {\n        color: $color-font-primary !important;\n\n        &::after {\n          display: none !important;\n        }\n      }\n    }\n  }\n\n.company-deleted {\n  font-size: 3rem;\n}\n\n:deep() {\n  & .print-row {\n    display: block !important;\n  }\n\n  & .print-percent-50 {\n    display: block !important;\n    float: left !important;\n    page-break-inside: avoid !important;\n  }\n\n  & .print-new-page {\n    display: block !important;\n    page-break-before: always !important;\n  }\n}\n</style>\n","import { RouteRecordRaw } from \"vue-router\";\nimport CompanyData from \"../pages/report/CompanyData.vue\";\nimport ReportLayout from \"../layouts/ReportLayout.vue\";\nimport FinancialReportSummary from \"../pages/report/FinancialReportSummary.vue\";\nimport FinancialReport from \"../pages/report/FinancialReport.vue\";\nimport Summary from \"../pages/report/Summary.vue\";\nimport CommonRatings from \"../pages/report/CommonRatings.vue\";\nimport Timeline from \"../pages/report/Timeline.vue\";\nimport Marketing from \"../pages/report/Marketing.vue\";\nimport Login from \"../pages/Login.vue\";\nimport SendMessage from \"../pages/SendMessage.vue\";\nimport ProfileEdit from \"../pages/ProfileEdit.vue\";\nimport ProfileSettings from \"../pages/ProfileSettings.vue\";\nimport Home from \"../pages/Home.vue\";\nimport InternationalSearch from \"../pages/international/InternationalSearch.vue\";\nimport InternationalResults from \"../pages/international/InternationalResults.vue\";\nimport InternationalDownload from \"../pages/international/InternationalDownload.vue\";\nimport FinalOwner from \"../pages/report/FinalOwner.vue\";\nimport IM from \"../pages/report/IM.vue\";\nimport InfoList from \"../pages/report/InfoList.vue\";\nimport InfoDetails from \"../pages/report/InfoDetails.vue\";\nimport ConnectionList from \"../pages/report/ConnectionList.vue\";\nimport Sector from \"../pages/report/Sector.vue\";\nimport Connections from \"../pages/report/Connections.vue\";\nimport MainLayout from \"../layouts/MainLayout.vue\";\nimport Monitoring from \"../pages/monitoring/Monitoring.vue\";\nimport DetailedSearch from \"../pages/search/DetailedSearch.vue\";\nimport DetailedSearchResults from \"../pages/search/DetailedSearchResults.vue\";\nimport Favorites from \"../pages/Favorites.vue\";\nimport Comparison from \"../pages/Comparison.vue\";\nimport ComparisonPrint from \"../pages/print/ComparisonPrint.vue\";\nimport SearchResults from \"../pages/search/SearchResults.vue\";\nimport Error from \"../pages/Error.vue\";\nimport MonitoringAlert from \"../pages/monitoring/MonitoringAlert.vue\";\nimport ReportPrint from \"../pages/print/Report.vue\";\nimport ExtractPrint from \"../pages/print/Extract.vue\";\nimport InfoDetailsPrint from \"../pages/print/InfoDetailsPrint.vue\";\n\nexport default [\n  {\n    path: \"/login\",\n    name: \"login\",\n    component: Login,\n    props: { type: \"login\" },\n  },\n  {\n    path: \"/company-report/demo-login/:email/:password\",\n    redirect: \"/demo/:email/:password\",\n  },\n  {\n    path: \"/company-report/show/:id/summary\",\n    redirect: to => \"/report/\" + to.params.id + \"/summary\",\n  },\n  {\n    path: \"/company-report/show/:id/company-data\",\n    redirect: to => \"/report/\" + to.params.id + \"/company-data\",\n  },\n  {\n    path: \"/company-report/show/:id/negative-info\",\n    redirect: to => \"/report/\" + to.params.id + \"/negative-info\",\n  },\n  {\n    path: \"/company-report/show/:id/positive-info\",\n    redirect: to => \"/report/\" + to.params.id + \"/positive-info\",\n  },\n  {\n    path: \"/company-report/show/:id/financial-report-summary\",\n    redirect: to => \"/report/\" + to.params.id + \"/financial-report-summary\",\n  },\n  {\n    path: \"/demo/:email/:password\",\n    name: \"demo-login\",\n    component: Login,\n    props: { type: \"demo\" },\n  },\n  {\n    path: \"/report/:id/print\",\n    name: \"print\",\n    component: ReportPrint,\n  },\n  {\n    path: \"/report/:id/print/extract\",\n    name: \"print-extract\",\n    component: ExtractPrint,\n  },\n  {\n    path: \"/print/comparison\",\n    name: \"print-comparison\",\n    component: ComparisonPrint,\n  },\n  {\n    path: \"/report/print/info/:id/:itemId\",\n    name: \"print-info\",\n    component: InfoDetailsPrint,\n  },\n  {\n    path: \"/\",\n    component: MainLayout,\n    children: [\n      {\n        path: \"\",\n        name: \"home\",\n        component: Home,\n      },\n      {\n        path: \"/marketing/search/:id?\",\n        name: \"marketing.search\",\n        component: DetailedSearch,\n        props: { type: \"marketing\" },\n        meta: {\n          claim: \"MarketingAdatok\",\n        },\n      },\n      {\n        path: \"/marketing/search/:id/results\",\n        name: \"marketing.search.results\",\n        component: DetailedSearchResults,\n        props: { type: \"marketing\" },\n        meta: {\n          claim: \"MarketingAdatok\",\n        },\n      },\n      {\n        path: \"/advanced/search/:id?\",\n        name: \"advanced.search\",\n        component: DetailedSearch,\n        props: { type: \"advanced\" },\n        meta: {\n          claim: \"Reszleteskereso\",\n        },\n      },\n      {\n        path: \"/advanced/search/:id/results\",\n        name: \"advanced.search.results\",\n        component: DetailedSearchResults,\n        props: { type: \"advanced\" },\n        meta: {\n          claim: \"Reszleteskereso\",\n        },\n      },\n      {\n        path: \"/quick/search\",\n        name: \"quick.search\",\n        component: SearchResults,\n      },\n      {\n        path: \"/geo/search\",\n        name: \"geo.search\",\n        component: SearchResults,\n      },\n      {\n        path: \"/monitoring\",\n        name: \"monitoring\",\n        component: Monitoring,\n        meta: {\n          claim: \"Monitoring\",\n        },\n      },\n      {\n        path: \"/favorites\",\n        name: \"favorites\",\n        component: Favorites,\n        meta: {\n          claim: \"Kedvencek\",\n        },\n      },\n      {\n        path: \"/international\",\n        name: \"international.search\",\n        component: InternationalSearch,\n        meta: {\n          claim: \"Nemzetkozi\",\n        },\n      },\n      {\n        path: \"/international/results\",\n        name: \"international.results\",\n        component: InternationalResults,\n        meta: {\n          claim: \"Nemzetkozi\",\n        },\n      },\n      {\n        path: \"/international/download/:id\",\n        name: \"international.download\",\n        component: InternationalDownload,\n        meta: {\n          claim: \"Nemzetkozi\",\n        },\n      },\n      {\n        path: \"/comparison\",\n        name: \"comparison\",\n        component: Comparison,\n        meta: {\n          claim: \"Osszehasonlitas\",\n        },\n      },\n      {\n        path: \"/profile-edit\",\n        name: \"profile-edit\",\n        component: ProfileEdit,\n      },\n      {\n        path: \"/profile-settings\",\n        name: \"profile-settings\",\n        component: ProfileSettings,\n      },\n      {\n        path: \"/send-message\",\n        name: \"send-message\",\n        component: SendMessage,\n      },\n      {\n        path: \"/error/:type/:name?\",\n        name: \"error\",\n        component: Error,\n      },\n      {\n        path: \"/monitoring/alert/:id\",\n        name: \"monitoring-alert\",\n        component: MonitoringAlert,\n      },\n    ],\n  },\n  {\n    path: \"/report/:id\",\n    name: \"report\",\n    component: ReportLayout,\n    children: [\n      {\n        path: \"/:type/:id/error/:name?\",\n        name: \"report-error\",\n        component: Error,\n      },\n      {\n        path: \"summary\",\n        name: \"report.summary\",\n        component: Summary,\n      },\n      {\n        path: \"company-data\",\n        name: \"report.company-data\",\n        component: CompanyData,\n        meta: {\n          claim: \"Cegriport\",\n        },\n      },\n      {\n        path: \"financial-report-summary\",\n        name: \"report.financial-report-summary\",\n        component: FinancialReportSummary,\n        meta: {\n          claim: \"GazdasagiAdatok\",\n        },\n      },\n      {\n        path: \"financial-report\",\n        name: \"report.financial-report\",\n        component: FinancialReport,\n        meta: {\n          claim: \"Beszamolok\",\n        },\n      },\n      {\n        path: \"common-ratings\",\n        name: \"report.common-ratings\",\n        component: CommonRatings,\n        meta: {\n          claim: \"Mutatok\",\n        },\n      },\n      {\n        path: \"connection-list\",\n        name: \"report.connection-list\",\n        component: ConnectionList,\n        meta: {\n          claim: \"KapcsolatiHalo\",\n        },\n      },\n      {\n        path: \"connection-list/:section/:article\",\n        name: \"report.connection-list-person\",\n        component: ConnectionList,\n        meta: {\n          claim: \"KapcsolatiHalo\",\n        },\n      },\n      {\n        path: \"timeline\",\n        name: \"report.timeline\",\n        component: Timeline,\n        meta: {\n          claim: \"Idovonal\",\n        },\n      },\n      {\n        path: \"marketing\",\n        name: \"report.marketing\",\n        component: Marketing,\n        meta: {\n          claim: \"MarketingAdatok\",\n        },\n      },\n      {\n        path: \"final-owner\",\n        name: \"report.final-owner\",\n        component: FinalOwner,\n        meta: {\n          claim: \"TenylegesTulajdonos\",\n        },\n      },\n      {\n        path: \"im\",\n        name: \"report.im\",\n        component: IM,\n      },\n      {\n        path: \"negative-info\",\n        name: \"report.negative-info\",\n        component: InfoList,\n        props: {\n          type: \"negative\",\n        },\n        meta: {\n          claim: \"NegativInfo\",\n        },\n      },\n      {\n        path: \"negative-info/details/:itemId\",\n        name: \"report.negative-info.details\",\n        component: InfoDetails,\n        props: {\n          type: \"negative\",\n        },\n        meta: {\n          claim: \"NegativInfo\",\n        },\n      },\n      {\n        path: \"positive-info\",\n        name: \"report.positive-info\",\n        component: InfoList,\n        props: {\n          type: \"positive\",\n        },\n        meta: {\n          claim: \"PozitivInfo\",\n        },\n      },\n      {\n        path: \"positive-info/details/:itemId\",\n        name: \"report.positive-info.details\",\n        component: InfoDetails,\n        props: {\n          type: \"positive\",\n        },\n        meta: {\n          claim: \"PozitivInfo\",\n        },\n      },\n      {\n        path: \"sector\",\n        name: \"report.sector\",\n        component: Sector,\n        meta: {\n          claim: \"AgazatiMutatok\",\n        },\n      },\n      {\n        path: \"connections\",\n        name: \"report.connections\",\n        component: Connections,\n        meta: {\n          claim: \"KapcsolatiHalo\",\n        },\n      },\n    ],\n  },\n] as RouteRecordRaw[];\n","import { User } from \"../logic/User\";\nimport { createRouter, createWebHistory } from \"vue-router\";\nimport routes from \"./routes\";\n\nexport const vueRouter = createRouter({\n  routes: routes,\n  history: createWebHistory()\n});\n\nexport const setRouter = (user: User) => {\n  vueRouter.beforeEach((to, from, next) => {\n    const token = user?.token;\n\n    if (to.name !== \"login\" && !token)\n      if (to.name !== \"demo-login\" && to.name !== \"demo-login-new\")\n        next({\n          name: \"login\",\n          query: {\n            redirect: to.fullPath,\n          },\n        });\n      else next();\n    else {\n      const claims = (user?.claims || \"\").split(\",\");\n      if (claims.includes(\"ReszletesKereso\") || claims.includes(\"MarketingAdatok\")) {\n        claims.push(\"Kedvencek\");\n      }\n      if (to.meta.claim && !claims.includes(to.meta.claim as string)) {\n        if (to.path.includes(\"report\"))\n          next({\n            path: \"/module/\" + to.params.id + \"/error/\" + to.meta.claim,\n          });\n        else\n          next({\n            path: \"/error/module/\" + to.meta.claim,\n          });\n      } else next();\n    }\n  });\n\n  vueRouter.onError((error, to) => {\n    if (error.message.includes('Failed to fetch dynamically imported module') ||\n        error.message.includes('error loading dynamically imported module')) {\n      window.location.href = to.fullPath\n    }\n  })\n};","import axios from \"axios\";\nimport { Ref, reactive } from \"vue\";\nimport { Http } from \"./Http\";\nimport { setAxiosInterceptors } from \"./AxiosInterceptors\";\nimport { User } from \"./User\";\nimport { Comparison } from \"./Comparison\";\nimport { useRouter, useRoute } from \"vue-router\";\nimport { useToast } from \"primevue/usetoast\";\nimport { setI18n } from \"../translations\";\nimport { vueRouter, setRouter } from \"../router\";\nimport { Chart } from \"chart.js\";\n\nconst http = new Http();\nconst user = reactive(new User());\nconst comparison = new Comparison();\nconst i18n = setI18n(user);\nconst t = i18n.global.t;\nlet route, router, _toast;\n\nexport { route, router, user, http, t, comparison, i18n, vueRouter };\n\nsetAxiosInterceptors(user);\nsetRouter(user);\n\nexport const formatMoney = (value) => {\n  if (!value) return \"\";\n  value = value.toString();\n  return value.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1 \");\n};\n\nexport const defaultsDeepWithSet = (targetObj, sourceObj) => {\n  for (const prop in sourceObj) {\n    if (Object.prototype.hasOwnProperty.call(sourceObj, prop)) {\n      if (!Object.prototype.hasOwnProperty.call(targetObj, prop)) {\n        targetObj[prop] = sourceObj[prop];\n      }\n      if (sourceObj[prop] === Object(sourceObj[prop])) {\n        defaultsDeepWithSet(targetObj[prop], sourceObj[prop]);\n      }\n    }\n  }\n};\n\nexport const chunk = (arr: any[], size: number) =>\n  Array.from({ length: Math.ceil(arr.length / size) }, (_: any, i: number) =>\n    arr.slice(i * size, i * size + size)\n  );\n\nexport const remove = (arr, func) =>\n  Array.isArray(arr)\n    ? arr.filter(func).reduce((acc, val) => {\n      arr.splice(arr.indexOf(val), 1);\n      return acc.concat(val);\n    }, [])\n    : [];\n\nexport const toggle = (value: Ref) =>\n  value.value = !value.value;\n\nexport const init = () => {\n  route = useRoute();\n  router = useRouter();\n  _toast = useToast();\n};\n\nexport const toast = (message, level = \"info\") => { \n  if (!message) return;\n\n  _toast.add({\n    severity: level,\n    summary: message,\n    life: 5000,\n    closable: false,\n    styleClass: \"text-center\"\n  });\n};\n\nexport const chartResize = () => {\n  console.log(Chart.instances);\n  for (let id in Chart.instances) {\n    Chart.instances[id].resize(300, 150);\n    console.log(\"chart \" + id + \" resized\");\n  }\n};","<template>\n  <div id=\"app\">\n    <Toast position=\"top-center\" />\n    <router-view />\n    <ScrollTop />\n  </div>\n</template>\n<script setup lang=\"ts\">\n  import { onMounted, ref } from \"vue\";\n  import { user, init } from \"@/logic\";\n  import Toast from \"primevue/toast\";\n\n  init();\n\n  onMounted(async () => {\n    if (user.token) {      \n      await user.fetchMe();\n    }\n  });\n\n  window.addEventListener('vite:preloadError', (event) => {\n    window.location.reload()\n  })\n</script>","import * as Sentry from \"@sentry/vue\";\nimport * as Package from \"../../package.json\";\n\nexport const setSentry = (app) => {\n  if (process.env.NODE_ENV != \"development\") {\n    Sentry.init({\n      app,\n      release: \"app@\" + Package.version,\n      dsn: \"https://d28dd2c99ba545eea5efcf2cea5b8588@o182130.ingest.sentry.io/5720062\",\n      ignoreErrors: [\n        \"401\", \n        \"403\", \n        \"network error\", \n        \"Network Error\",\n        \"load failed\", \n        \"Request aborted\", \n        \"Non-Error promise rejection captured with value\",\n        \"Failed to fetch dynamically imported module\",\n        \"error loading dynamically imported module\",\n        \"o.canvas is null\"\n      ],\n      integrations: [\n        Sentry.replayIntegration({\n          maskAllText: false,\n          blockAllMedia: false,\n        }),\n      ],\n      replaysSessionSampleRate: 0.01,\n      replaysOnErrorSampleRate: 1.0,\n      attachStacktrace: true,\n    });\n  }\n};","// src/client/build/register.ts\nvar autoUpdateMode = \"true\";\nvar selfDestroying = \"false\";\nvar auto = autoUpdateMode === \"true\";\nvar autoDestroy = selfDestroying === \"true\";\nfunction registerSW(options = {}) {\n  const {\n    immediate = false,\n    onNeedRefresh,\n    onOfflineReady,\n    onRegistered,\n    onRegisteredSW,\n    onRegisterError\n  } = options;\n  let wb;\n  let registerPromise;\n  let sendSkipWaitingMessage;\n  const updateServiceWorker = async (_reloadPage = true) => {\n    await registerPromise;\n    if (!auto) {\n      sendSkipWaitingMessage?.();\n    }\n  };\n  async function register() {\n    if (\"serviceWorker\" in navigator) {\n      wb = await import(\"workbox-window\").then(({ Workbox }) => {\n        return new Workbox(\"/sw.js\", { scope: \"/\", type: \"classic\" });\n      }).catch((e) => {\n        onRegisterError?.(e);\n        return void 0;\n      });\n      if (!wb)\n        return;\n      sendSkipWaitingMessage = () => {\n        wb?.messageSkipWaiting();\n      };\n      if (!autoDestroy) {\n        if (auto) {\n          wb.addEventListener(\"activated\", (event) => {\n            if (event.isUpdate || event.isExternal)\n              window.location.reload();\n          });\n          wb.addEventListener(\"installed\", (event) => {\n            if (!event.isUpdate) {\n              onOfflineReady?.();\n            }\n          });\n        } else {\n          let onNeedRefreshCalled = false;\n          const showSkipWaitingPrompt = () => {\n            onNeedRefreshCalled = true;\n            wb?.addEventListener(\"controlling\", (event) => {\n              if (event.isUpdate)\n                window.location.reload();\n            });\n            onNeedRefresh?.();\n          };\n          wb.addEventListener(\"installed\", (event) => {\n            if (typeof event.isUpdate === \"undefined\") {\n              if (typeof event.isExternal !== \"undefined\") {\n                if (event.isExternal)\n                  showSkipWaitingPrompt();\n                else\n                  !onNeedRefreshCalled && onOfflineReady?.();\n              } else {\n                !onNeedRefreshCalled && onOfflineReady?.();\n              }\n            } else if (!event.isUpdate) {\n              onOfflineReady?.();\n            }\n          });\n          wb.addEventListener(\"waiting\", showSkipWaitingPrompt);\n        }\n      }\n      wb.register({ immediate }).then((r) => {\n        if (onRegisteredSW)\n          onRegisteredSW(\"/sw.js\", r);\n        else\n          onRegistered?.(r);\n      }).catch((e) => {\n        onRegisterError?.(e);\n      });\n    }\n  }\n  registerPromise = register();\n  return updateServiceWorker;\n}\nexport {\n  registerSW\n};\n","import { createApp } from \"vue\";\nimport App from \"./App.vue\";\nimport { vueRouter, i18n } from \"./logic\";\nimport \"./scss/main.scss\";\nimport PrimeVue from \"primevue/config\";\nimport { setSentry } from \"./logic/Sentry\";\nimport ToastService from \"primevue/toastservice\";\nimport ConfirmationService from \"primevue/confirmationservice\";\nimport { registerSW } from 'virtual:pwa-register';\n\nregisterSW({ immediate: true });\n\nconst app = createApp(App);\n\napp.use(vueRouter);\napp.use(i18n);\napp.use(PrimeVue);\napp.use(ToastService);\napp.use(ConfirmationService);\n\nsetSentry(app);\n\napp.mount(\"#app\");"],"file":"assets/index-zEOM_K5D.js"}