{"version":3,"file":"QQsKp6ev.js","sources":["../../../../components/InputAmount.vue","../../../../components/FormSimulator.vue","../../../../components/SimulatorCell.vue","../../../../components/SimulatorTable.vue","../../../../components/TalkToUs.vue","../../../../components/Modal.vue","../../../../content/en/adventagesListingSocimiPortfolio.vue","../../../../content/es/adventagesListingSocimiPortfolio.vue","../../../../components/Simulator.vue"],"sourcesContent":["<template lang=\"pug\">\n.inputAmount(:class=\"{ 'inputAmount--left': currencySymbolPosition === 'left' }\")\n  .inputAmount__currency {{ currencySymbol }}\n\n  input(\n    ref=\"input\"\n    v-model=\"formattedValue\"\n    type=\"text\"\n    @input=\"updateValue\"\n    @focus=\"onFocus\"\n    @blur=\"onBlur\"\n  )\n</template>\n\n<script lang=\"ts\" setup>\nexport interface Props {\n  locale: string\n  currency: string\n  isInteger?: boolean\n  decimals?: number\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  isInteger: false,\n  decimals: 2\n})\n\nconst modelValue = defineModel<number>({ required: true })\n\nconst input = ref<HTMLInputElement | null>(null)\nconst decimals = ref<number>(props.isInteger ? 0 : props.decimals)\nconst rawValue = ref<number>(modelValue.value)\nconst formattedValue = ref<string>('0')\nconst decimalSeparator = computed(() => new Intl.NumberFormat(props.locale).format(1.1).charAt(1));\nconst currencySymbolPosition = computed(() => getCurrencySymbolPosition(props.locale, props.currency));\nconst currencySymbol = computed(() => getCurrencySymbol(props.locale, props.currency));\n\n/**\n * Get the position of the currency symbol for a given locale\n *\n * @param locale - The locale identifier (e.g., 'es-ES').\n * @param currencyCode - The currency code (e.g., 'EUR').\n */\nfunction getCurrencySymbolPosition(locale: string, currencyCode: string) {\n  const formatted = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency: currencyCode,\n    minimumFractionDigits: 0,\n  }).format(1);\n\n  const digitIndex = formatted.search(/\\d/);\n  return digitIndex > 0 ? 'left' : 'right';\n}\n\n/**\n * Retrieves the currency symbol for a given currency code.\n *\n * @param locale - The locale identifier (e.g., 'es-ES').\n * @param currencyCode - The currency code (e.g., 'EUR').\n */\nfunction getCurrencySymbol(locale: string, currencyCode: string) {\n  const formatter = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency: currencyCode,\n    minimumFractionDigits: 0,\n  });\n\n  const formatted = formatter.format(0);\n  const symbol = formatted.replace(/[0-9.,\\s]/g, '');\n  return symbol;\n}\n\n/**\n * Parse the value to a number\n *\n * @param {string} value - The value to parse\n * @param {string} decimalSeparator - The decimal separator\n */\nfunction parseNumber(value: string, decimalSeparator: string) {\n  if (value === '') return 0;\n\n  // Remove all characters that are not a number or a decimal separator,\n  // replace the decimal separator by a dot because the dot is the only valid decimal separator in javascript\n  const normalizedValue = value\n    .replace(new RegExp(`[^0-9${decimalSeparator}]`, 'g'), '')\n    .replace(decimalSeparator, '.');\n\n  return parseFloat(normalizedValue);\n}\n\n/**\n * Format the number to a locale string\n * - Preserve trailing zeros in decimals.\n * - Fixes missing thousands separator for four-digit numbers in Spanish.\n *\n * @param {number} value - The numeric string to be formatted\n * @param {string} locale - The locale identifier (e.g., 'es-ES').\n * @param {number} decimals - The number of decimal places to display\n * @param {string} decimalSeparator - The decimal separator\n * @param {string} thousandSeparator - The thousand separator\n */\nfunction parseLocaleString(value: string, locale: string, decimals: number, decimalSeparator: string) {\n  // To preserve trailing zeros in decimals, minimumFractionDigits is set to match the decimal count of the original value.\n  // This ensures zeros are maintained in the formatted number for the specified locale.\n  const numberOfDecimals = value.split(decimalSeparator)[1]?.length || 0;\n  const minimumFractionDigits = Math.min(numberOfDecimals, decimals);\n  const maximumFractionDigits = decimals;\n\n  // parseFloat not accepting thousand separators and requires a dot for decimal separation.\n  const normalizedValue = value\n    .replace(new RegExp(`[^0-9${decimalSeparator}]`, 'g'), '')\n    .replace(decimalSeparator, '.');\n\n  const number = parseFloat(normalizedValue);\n\n  if (isNaN(number)) return '';\n\n  let formattedValue = new Intl.NumberFormat(locale, { minimumFractionDigits, maximumFractionDigits }).format(number);\n\n  // Spanish locale has a specific behavior for the thousands separator\n  // If the value is between 1000 and 9999, the thousands separator isn't displayed\n  if ((locale === 'es-ES' || locale === 'es') && Math.abs(number) >= 1000 && Math.abs(number) < 10000) {\n    if (!formattedValue.includes('.')) {\n      formattedValue = formattedValue.slice(0, 1) + '.' + formattedValue.slice(1);\n    }\n  }\n\n  return formattedValue;\n}\n\n/**\n * Update the value\n * - Prevents the cursor from jumping to the end of the input when the input's value is updated with its formatted value.\n *\n * @param {string} value - The value to update\n */\nconst updateValue = (event: Event) => {\n  const value = (event.target as HTMLInputElement).value;\n\n  // if last character is a decimal separator, do not update the value\n  if (!props.isInteger && value.endsWith(decimalSeparator.value)) return;\n\n  const cursorPosition = input.value?.selectionStart ?? 0;\n\n  rawValue.value = parseNumber(value, decimalSeparator.value);\n  formattedValue.value = parseLocaleString(value, props.locale, decimals.value, decimalSeparator.value);\n\n  modelValue.value = rawValue.value;\n\n  // Set the cursor position after the value has been updated\n  setTimeout(() => {\n    const lengthDifference = formattedValue.value.length - value.length;\n    input.value?.setSelectionRange(cursorPosition + lengthDifference, cursorPosition + lengthDifference);\n  }, 0);\n};\n\n/**\n * Set the raw and formatted value to 0 if the input is focused and the value is 0\n * Prevents the user from typing to the right of the zero\n *\n * @param {string} value - The value to check\n */\nconst onFocus = (event: Event) => {\n  const value = (event.target as HTMLInputElement).value;\n\n  input.value?.setSelectionRange(4, 4);\n  if (value === '0') {\n    rawValue.value = 0;\n    formattedValue.value = '';\n  }\n};\n\n/**\n * Set the raw and formatted value to 0 if the input is blurred and the value is empty\n *\n * @param {string} value - The value to check\n */\nconst onBlur = (event: Event) => {\n  const value = (event.target as HTMLInputElement).value;\n\n  if (value === '') {\n    rawValue.value = 0;\n    formattedValue.value = '0';\n  }\n};\n\n/**\n * Watch the model value and update the raw and formatted value\n * if the model value is different from the raw value\n */\nwatch(() => modelValue.value, (newValue) => {\n  if (newValue === rawValue.value) return;\n\n  rawValue.value = newValue;\n  formattedValue.value = parseLocaleString(newValue.toString(), props.locale, decimals.value, decimalSeparator.value);\n});\n\nonMounted(() => {\n  formattedValue.value = parseLocaleString(modelValue.value.toString(), props.locale, decimals.value, decimalSeparator.value);\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.inputAmount {\n  position: relative;\n  display: inline-block;\n}\n\n.inputAmount--left {\n  input {\n    padding-left: triple();\n    padding-right: simple();\n    text-align: left;\n  }\n\n  .inputAmount__currency {\n    left: 0;\n    right: auto;\n    border-radius: $border-radius 0 0 $border-radius;\n  }\n}\n\n.inputAmount__currency {\n  position: absolute;\n  top: 0;\n  right: 0;\n  color: color(gray4);\n  font-size: font-size(small1);\n  width: double();\n  height: 100%;\n  border: 1px solid $border-color;\n  border-radius: 0 $border-radius $border-radius 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: $color-background;\n}\n\ninput {\n  border-radius: $border-radius;\n  text-align: right;\n  padding-right: triple();\n  width: 100%;\n}\n</style>\n","<template lang=\"pug\">\nform.simulator(@submit.prevent=\"calculate\")\n  //-\n  //- Financial Instrument Type\n  //-\n  .form__field\n    label(for=\"type\")\n      | {{ $t('simulator.form.financialInstrumentLabel') }}\n\n    .radio-group.grid--four--columns\n      .radio-item\n        input(\n          id=\"equity\"\n          v-model=\"financialInstrument\"\n          type=\"radio\"\n          value=\"equity\"\n          hidden)\n        label(for=\"equity\")\n          //- img(src=\"/images/ico_sim_equity.png\" alt=\"Equity\")\n          span {{ $t('simulator.form.equity') }}\n\n      .radio-item\n        input(\n          id=\"reit\"\n          v-model=\"financialInstrument\"\n          type=\"radio\"\n          value=\"reit\"\n          hidden)\n        label(for=\"reit\")\n          //- img(src=\"/images/ico_sim_socimi.png\" alt=\"Reit\")\n          span {{ $t('simulator.form.reit') }}\n\n      .radio-item\n        input(\n          id=\"debt\"\n          v-model=\"financialInstrument\"\n          type=\"radio\"\n          value=\"debt\"\n          hidden)\n        label(for=\"debt\")\n          //- img(src=\"/images/ico_sim_debt.png\" alt=\"Debt\")\n          span {{ $t('simulator.form.debt') }}\n\n      .radio-item\n        input(\n          id=\"fund\"\n          v-model=\"financialInstrument\"\n          type=\"radio\"\n          value=\"fund\"\n          hidden)\n        label(for=\"fund\")\n          //- img(src=\"/images/ico_sim_found.png\" alt=\"Fund\")\n          span {{ $t('simulator.form.fund') }}\n\n  //-\n  //- Note\n  //- Financial instruments not included in the simulator require complex calculations.\n  //-  In these cases, the user should be directed to use the contact form to request a simulation.\n  //-\n  div(v-if=\"!hasCostSimulator && financialInstrument\")\n    .form__note.margin-bottom\n      | {{ $t('simulator.form.noSimulator') }}\n\n    NuxtLinkLocale.button(to=\"/portfolio-fees/#contact\") {{ $t('simulator.form.contactUs') }}\n\n  //-\n  //- Migration\n  //-\n  .form__field(v-if=\"hasCostSimulator\")\n    label(for=\"issuanceType\")\n      | {{ $t('simulator.form.issuanceTypeLabel') }}\n\n    .radio-group.radio-item--center.grid--two--columns\n      .radio-item\n        input(\n          id=\"newIssuance\"\n          v-model=\"issuanceType\"\n          type=\"radio\"\n          value=\"new\"\n          hidden)\n        label.padding-top-half.padding-bottom-half(for=\"newIssuance\") {{ $t('simulator.form.newListing') }}\n\n      .radio-item\n        input(\n          id=\"migrationIssuance\"\n          v-model=\"issuanceType\"\n          type=\"radio\"\n          value=\"migration\"\n          hidden)\n        label.padding-top-half.padding-bottom-half(for=\"migrationIssuance\") {{ $t('simulator.form.migrationListing') }}\n\n    .form__note(v-if=\"issuanceType === 'migration'\")\n      strong.margin-right-quarter {{ $t('simulator.form.note') }}\n      | {{ $t('simulator.form.migrationNote') }}\n\n  //-\n  //- Amount\n  //-\n  .form__field(v-if=\"hasCostSimulator && issuanceType\")\n    label(for=\"amount\")\n      | {{ $t('simulator.form.amountLabel') }}\n\n    .form__amount\n      InputAmount(\n        v-model=\"amount\"\n        :locale=\"locale\"\n        currency=\"EUR\"\n        is-integer)\n\n      .button(@click=\"calculate\" ) {{ $t('simulator.form.calculate') }}\n</template>\n\n<script lang=\"ts\" setup>\nimport type { FinancialInstrument, IssuanceType } from '../types'\n\nconst emit = defineEmits(['calculate'])\n\nconst { locale } = useI18n()\nconst financialInstrument = defineModel<FinancialInstrument>('financialInstrument')\nconst issuanceType = defineModel<IssuanceType>('issuanceType')\nconst amount = defineModel<number>('amount', { type: Number, default: 0 })\n\nconst hasCostSimulator = computed(() => {\n  if (!financialInstrument.value) return false\n  return ['equity', 'reit'].includes(financialInstrument.value)\n})\n\nfunction calculate() {\n  emit('calculate')\n}\n</script>\n\n<style scoped lang=\"scss\">\n.simulator {\n  background-color: $color-background;\n  border-radius: $border-radius-big;\n  padding: double();\n}\n\n.form__field {\n  &:not(:last-child) {\n    margin-bottom: double();\n  }\n\n  >label {\n    margin-bottom: simple();\n    font-weight: font-weight(semibold);\n  }\n}\n\n.form__amount {\n  display: flex;\n  align-items: center;\n  gap: simple();\n}\n\n.form__note {\n  font-size: font-size(small1);\n  color: color(gray4);\n  margin-top: half();\n  font-style: italic;\n  max-width: 30rem;\n}\n\n.radio-group {\n  width: 100%;\n  row-gap: half();\n}\n\n.radio-item {\n  label {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: half();\n    cursor: pointer;\n    background-color: color(white);\n    padding: simple() simple();\n    border-radius: $border-radius;\n    border: 1px solid color(gray8);\n    font-size: font-size(small1);\n    font-weight: font-weight(semibold);\n    text-align: center;\n    justify-content: center;\n    min-height: 5rem;\n    height: 100%;\n\n    img {\n      height: 3.5rem;\n    }\n  }\n\n  label:hover {\n    border-color: color(brand);\n  }\n\n  input[type=\"radio\"]:checked+label {\n    border-color: color(brand);\n    background-color: #e7f0fd;\n  }\n}\n\n.radio-item--center {\n  label {\n    justify-content: center;\n  }\n}\n\n@include media(palm) {\n  .simulator {\n    padding: simple();\n  }\n\n  .form__amount {\n    flex-direction: column;\n    align-items: normal;\n  }\n}\n</style>\n","<template lang=\"pug\">\n//-\n//- Fee not required\n//-\ntemplate(v-if=\"value === null\")\n  template(v-if=\"isFemaleCategory\")\n    | {{ $t('simulator.notRequiredFemale') }}\n  template(v-else)\n    | {{ $t('simulator.notRequiredMale') }}\n\n  //- Custom text for assetValuation category\n  .font-size-small2(\n    v-if=\"category === 'assetValuation'\"\n    style=\"line-height: 1rem\") ({{ $t('simulator.assetValuationPortfolio') }})\n\n//-\n//- Fee to be defined\n//-\ntemplate(v-else-if=\"value === 'toBeDefined'\")\n  | {{ $t('simulator.tbd') }}\n\n//-\n//- Fee is a number\n//-\ntemplate(v-else-if=\"typeof value === 'number'\")\n  Amount(\n    :value=\"value\"\n    :locale=\"locale\"\n    :currency=\"currency\"\n    is-integer)\n\n//-\n//- Default\n//-\ntemplate(v-else)\n  | {{ value }}\n</template>\n\n<script setup lang=\"ts\">\nimport type { FeeValue, FeeCategory } from '../types'\n\nconst props = defineProps<{\n  value: FeeValue\n  locale: string\n  category: FeeCategory\n  currency: string\n}>()\n\nconst femaleCategories = ['website', 'auditFirmSemi', 'assetValuation', 'legalDueDiligence', 'financialDueDiligence', 'comfortLetter']\nconst isFemaleCategory = computed(() => femaleCategories.includes(props.category))\n</script>\n","<template lang=\"pug\">\n.table.table--highlight\n  .table__body\n    table\n      //-\n      //- Table header\n      //-\n      tr\n        th\n        th {{ $t('simulator.traditionalStockExchange') }}\n        th\n          .gradient {{ $t('simulator.portfolioStockExchange') }}\n\n      //-\n      //- Table\n      //-\n      tbody\n        tr(\n          v-for=\"(fee, key) in fees\"\n          :key=\"key\")\n            //-\n            //- Category fee\n            //-\n            td\n              | {{ $t(`simulator.${key}`) }}\n\n              //- Custom text for csd category\n              span.small.color-gray4.margin-left-quarter(v-if=\"key === 'csd'\")\n                | {{ $t('simulator.euroclear') }}\n\n              //- Custom text for agentBank category\n              span.small.color-gray4.margin-left-quarter(v-if=\"key === 'agentBank'\")\n                | {{ $t('simulator.participantEuroclear') }}\n\n              //- Custom text for auditFirmSemi category\n              span.small.color-gray4.margin-left-quarter(v-if=\"key === 'auditFirmSemi'\")\n                | {{ $t('simulator.semiannual') }}\n\n              //- Custom text for extraCoordination category\n              span.small.color-gray4.margin-left-quarter(v-if=\"key === 'extraCoordination'\")\n                span.margin-left-quarter ({{ coordinationHours }}\n                  span.margin-right-quarter H\n                  span / {{ coordinationRate }}\n                  span.margin-left-quarter\n                    sup €\n                    | /\n                    sub H\n                  | )\n\n            //-\n            //- Traditional market fee\n            //-\n            td\n              SimulatorCell(\n                :value=\"fee.traditional\"\n                :locale=\"locale\"\n                :category=\"key\"\n                currency=\"EUR\")\n\n            //-\n            //- Portfolio market fee\n            //-\n            td\n              SimulatorCell(\n                :value=\"fee.portfolio\"\n                :locale=\"locale\"\n                :category=\"key\"\n                currency=\"EUR\")\n\n        //-\n        //- Total\n        //-\n        tr.row--total\n          td {{ $t('simulator.total') }}\n          td\n            Amount(\n              :value=\"total.traditional\"\n              :locale=\"locale\"\n              currency=\"EUR\"\n              is-integer)\n          td\n            .gradient\n              Amount(\n                :value=\"total.portfolio\"\n                :locale=\"locale\"\n                currency=\"EUR\"\n                is-integer)\n\n</template>\n\n<script lang=\"ts\" setup>\nimport type { MarketTypeFees, MarketTypeTotalFees, IssuanceType } from '../types'\n\nconst props = defineProps<{\n  fees: MarketTypeFees\n  total: MarketTypeTotalFees\n  locale: string\n  issuanceType: IssuanceType\n}>()\n\nconst coordinationRate = EXTRA_COORDINATION_RATE\nconst coordinationHours = computed(() => props.issuanceType === 'migration' ? EXTRA_COORDINATION_PORTFOLIO_HOURS : EXTRA_COORDINATION_TRADITIONAL_HOURS)\n\n</script>\n","<template lang=\"pug\">\n.talkToUs\n  template(v-if=\"!submitted\")\n\n    .talkToUs__section\n      slot\n\n    .talkToUs__section\n\n      //-\n      //- Contact form\n      //-\n      .contact__form\n        .contact__form__input\n          input(\n            v-model=\"contact.email\"\n            type=\"email\"\n            name=\"email\"\n            autocomplete=\"email\"\n            :placeholder=\"$t('contact.email')\")\n          .contact__form__error(v-if=\"errors.email\") {{ $t('contact.required') }}\n          .contact__form__error(v-if=\"errors.emailValid\") {{ $t('contact.invalidEmail') }}\n\n        .contact__form__action\n          button.button(@click=\"handleSubmit\") {{ $t('contact.send') }}\n\n  //-\n  //- Contact submitted View\n  //-\n  .contact__submitted(v-else)\n    h4.gradient.margin-bottom-half {{ $t('contact.thankYou') }}\n    p.font-size-base.no-margin-bottom {{ $t('contact.getBack') }}\n</template>\n\n<script setup lang=\"ts\">\n  import type { FinancialInstrument, IssuanceType } from '../types'\n\n  const props = defineProps<{\n    financialInstrument: FinancialInstrument,\n    issuanceType: IssuanceType,\n    amount: number\n  }>();\n\n  const submitted = ref(false);\n  const contact = reactive({\n    email: ''\n  });\n  const errors = reactive({\n    email: false,\n    emailValid: false\n  });\n\n  const validateEmail = (email: string) => {\n    const re = /\\S+@\\S+\\.\\S+/;\n    return re.test(email);\n  };\n\n  const validateRequired = (value: string) => {\n    return value.length > 0;\n  };\n\n  const handleSubmit = async (event: Event) => {\n    event.preventDefault();\n\n    // Reset errors\n    errors.email = false;\n    errors.emailValid = false;\n\n    // Validate form\n    if (!validateRequired(contact.email)) errors.email = true;\n    if (!validateEmail(contact.email)) errors.emailValid = true;\n\n    if (Object.values(errors).some((error) => error)) return;\n\n    console.log('Form submitted', contact)\n\n    // Submit form\n    const contactUrl = `${globalThis.$portfolio.apiUrl}/simulator-contact`\n    await useFetch(contactUrl, {\n      method: 'POST',\n      body: JSON.stringify({\n        email: contact.email,\n        financialInstrument: props.financialInstrument,\n        issuanceType: props.issuanceType,\n        amount: props.amount\n      }),\n    });\n\n    submitted.value = true;\n\n    // Reset form\n    contact.email = '';\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .talkToUs {\n    margin: 0 auto;\n    text-align: left;\n    display: flex;\n    justify-content: center;\n    gap: simple();\n    flex-direction: column;\n    padding: 0 simple();\n  }\n\n  .contact__form {\n    display: flex;\n    gap: half();\n    align-items: flex-start;\n  }\n\n  .contact__form__input {\n    width: 100%;\n\n    input {\n      width: 100%;\n      border-radius: $border-radius;\n      border-color: color(gray7);\n      margin-bottom: 0;\n    }\n  }\n\n  .contact__form__error {\n    color: color(danger);\n    font-size: font-size(small1);\n    padding-left: half();\n    margin-top: quarter();\n\n    &~.contact__form__error {\n      margin-top: 0;\n    }\n  }\n\n  .contact__submitted {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n\n  @include media(palm) {\n    .contact__submitted {\n      padding: double() simple();\n      max-width: inherit;\n      min-width: inherit;\n    }\n\n    .contact__form {\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .contact__form__action {\n      width: 100%;\n\n      .button {\n        width: 100%;\n      }\n    }\n  }\n</style>\n","<template lang=\"pug\">\nTeleport(to=\"body\")\n  .modal(v-if=\"visible\")\n    .modal__overlay\n      section.modal__content\n        .modal__close(@click=\"closeModal\") ✖\n        slot\n</template>\n\n<script setup lang=\"ts\">\n  defineProps<{\n    title?: string\n    visible: boolean\n  }>()\n\n  const emit = defineEmits(['close'])\n\n  const closeModal = () => {\n    emit('close')\n  }\n</script>\n\n<style lang=\"scss\">\n  .modal {\n    position: relative;\n    z-index: 1000;\n  }\n\n  .modal__overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.8);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .modal__content {\n    background-color: white;\n    border-radius: $border-radius-big;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 1);\n    max-width: 36rem;\n    width: 90%;\n    padding: double();\n    position: relative;\n  }\n\n  .modal__close {\n    position: absolute;\n    top: simple();\n    right: simple();\n    background: none;\n    border: none;\n    font-size: 0.8rem;\n    color: color(gray4);\n    cursor: pointer;\n    width: double();\n    height: double();\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    &:hover {\n      color: color(gray1);\n    }\n  }\n\n  @include media(palm) {\n    .modal__content {\n      padding: simple();\n    }\n  }\n</style>\n","<template lang=\"pug\">\n.section__header\n  h2.article__header__title\n    | Advantages of listing a socimi\n    br\n    | on portfolio stock exchange\n\n.section__body\n  p Listed below are the main differences and non-quantitative advantages of Portfolio over traditional markets such as BME Growth/Scale and Euronext Access. Please do not hesitate to contact Portfolio directly with any questions you may have.\n  ol\n    li\n      strong Free float and maximum capitalisation:\n      p In Portfolio there is no obligation to comply with a minimum free float requirement (i.e. sole shareholders are allowed). There is no maximum capitalisation limit for SOCIMIs.\n    li\n      strong Shareholders' agreements may remain in force after the listing\n      p Portfolio allows the validity of previous shareholders' agreements and facilitates the monitoring and enforcement of clauses such as lock-up, pre-emptive rights, or the obligation of new investors to adhere to the shareholders' agreement.\n    li\n      strong Requirements for admission to trading\n      p Portfolio only imposes two requirements:\n      ul\n        li the SOCIMI has to appoint an auditor from among PwC, KPMG, EY, Deloitte, BDO, Auren, SW, Mazars or Grant Thornton; and\n        li the law firm or MTF Advisor drafting the offering document and advising the issuer in relation to its ongoing obligations to the market must be one of Portfolio's approved Trusted Partners (Portfolio | Partners - Portfolio).\n    li\n      p\n        strong Initial and periodic obligations:\n      ul\n        li For the process of admission to trading, Portfolio does not require financial or legal due diligence of the SOCIMI (existing due diligence for the purchase of the assets is usually sufficient); nor does it require a valuation of the SOCIMI (for the initial capitalisation, the value of the assets is used, subtracting the liabilities).\n        li NewCo's do not need to audit accounts, only to appoint the auditor prior to listing.\n        li Portfolio, as stock exchange, does not require annual asset valuations; therefore, the SOCIMI will be able to negotiate with its auditor, lender or shareholders on the frequency of asset valuations and whether these have to be RICS or can be limited to an \"asset valuation update\".\n        li As a periodic reporting requirement, Portfolio only obliges the provision of audited annual accounts and the disclosure of material facts in accordance with the EU Market Abuse Regulation.\n    li\n      strong Confidentiality of shareholder identity:\n      p The identity of the issuer's shareholders need not be disclosed in the offering document (irrespective of the percentage held) or subsequently (there is no need to disclose significant shareholdings).\n    div(style=\"margin-bottom: 8rem;\")\n    li\n      strong Fees:\n      p The TOTAL cost of listing a company on Portfolio is between 40% and 80% more efficient than BME Growth/Scale and Euronext Access. The cost difference between Portfolio and the traditional platforms lies in the absorption of middlemen and the reduction of time-to-market and processes achieved by Portfolio. We recommend always using the SOCIMI's TOTAL costs to compare the different markets and not just the ”listing fee”.\n    li\n      strong Time-to-market:\n      p The process required to list a SOCIMI on Portfolio takes approximately 50-120 days. The cost and time savings are very significant compared to the process of admission to trading on a traditional market, which usually takes between 6-8 months of intensive work.\n    li\n      strong Reduction of middlemen:\n      p Portfolio carries out the following roles: primary market (bookrunner in case it is necessary to coordinate an IPO or share capital increase offered to the public), secondary market, market member (broker to receive buy/sell orders), registration agent before Euroclear, payment agent (payment of dividends) and sub-custodian/custodian (opening of securities accounts, KYC, KYB, AML, FATCA and CRS). The absorption of all these tasks by Portfolio greatly simplifies operations and allows processes to be automated.\n      p There is no obligation to hire a listing sponsor or a liquidity provider.\n    li\n      strong Tailor-made onboarding process:\n      p depending on the initial shareholder composition, Portfolio offers two alternatives for shareholder onboarding:\n      ul\n        li Direct onboarding: fully digital process based on a typical e-commerce user experience; optimal for few number of shareholders and/or institutional investors.\n        li Mass onboarding: single upload of customer data and automatic account opening, without any friction for the shareholder; optimal for regulated entities, atomised shareholdings and/or private banks.\n      p Should significant shareholders wish to use their usual custodian banks, Portfolio could provide the sub-custody service to these banks and would not need to onboard the SOCIMI's shareholders.\n    li\n      strong Tailor-made custody services:\n      p depending on the profile of the investor/shareholder, Portfolio offers two custody models:\n      ul\n        li Direct custody: Under this structure, Portfolio, as a participating entity of Euroclear and an authorized investment firm, will provide custody services directly to the investor, regardless of nationality. This service is provided at no cost to the shareholder.\n        li Sub-custody: for those relevant investors who for various reasons prefer to keep the SOCIMI's shares in custody with their bank/private bank, for example to leverage the SOCIMI's shares to obtain various forms of additional financing/services from their bank. Under this arrangement, the bank includes the SOCIMI shares in its AUM and Portfolio provides the sub-custody services at Euroclear at no cost to the bank.\n    li\n      strong Direct investor access:\n      p Portfolio acts as a broker and sub-custodian/custodian of its own market, allowing investors (buyers and sellers) to enter trades into the order book directly from Portfolio's web platform. This direct access avoids the problems that arise when a foreign or even Spanish investor wants to invest in securities listed on an alternative market, but their usual broker does not offer a quick and standard solution to do so (ISIN codes do not appear on the platform, the broker is not a market member of the platform on which the securities are listed, or the financial institution cannot provide custody services in that country). To avoid these cases, Portfolio provides the full service to the investor.\n    div(style=\"margin-bottom: 8rem;\")\n    li\n      strong Protection against the deviation between the NAV and the capitalisation value of the SOCIMI:\n      p Portfolio eliminates the elements that cause the deviation between the NAV and the capitalisation value of SOCIMIs, avoiding the uncomfortable and annoying situation for managers of having to justify to their shareholders and investors that the SOCIMI's assets are worth more than the stock market capitalisation that has been artificially modified by the liquidity provider. In Portfolio, NAV and capitalisation evolve hand in hand, and therefore the SOCIMI will not have to justify a valuation other than the listed price, giving it more room to reduce costs associated with asset valuations.\n\n  h5.margin-top-double Contacto:\n\n  .margin-top.grid--two--columns.margin-bottom-quadruple\n    .contact(\n      v-for=\"(contact, index) in contacts\"\n      :key=\"index\"\n    )\n      .contact__name {{ contact.name }}\n      .contact__position {{ contact.rol[locale] }}\n      .contact__email {{ contact.email }}\n</template>\n\n<script setup>\n  import workers from '/public/data/workers'\n\n  const { locale } = useI18n()\n  const contacts = computed(() => {\n    return {\n      santiago: workers.santiago,\n      carlosCuellar: workers.carlosCuellar\n    }\n  })\n</script>\n\n<style scoped lang=\"scss\">\n  .section__body {\n    text-align: justify;\n  }\n\n  ul li::before {\n    content: \"\";\n    counter-increment: a;\n  }\n\n  p,\n  ol li,\n  ul li {\n    font-size: 0.85rem;\n    line-height: 1.5;\n  }\n\n  p:has(+ ul) {\n    margin-bottom: 0;\n  }\n\n  ul {\n    margin-bottom: simple();\n  }\n\n  .grid--two--columns {\n    gap: simple();\n  }\n\n  .contact {\n    font-size: font-size(small2);\n    background-color: $color-background;\n    border-radius: $border-radius-big;\n    padding: simple() simple();\n  }\n\n  .contact__name {\n    font-size: font-size(small1);\n    font-weight: font-weight(semibold);\n  }\n\n  .contact__position {\n    margin-bottom: half();\n  }\n\n  .contact__email {\n    color: color(gray3);\n    font-style: italic;\n  }\n</style>\n","<template lang=\"pug\">\n.section__header\n  h2.article__header__title\n    | Ventajas de cotizar una socimi\n    br\n    | en portfolio stock exchange\n\n.section__body\n  p A continuación se enumeran las principales diferencias y ventajas no cuantitativas de Portfolio frente a los mercados tradicionales como BME Growth/Scale y Euronext Access. Por favor, no dude en contactar con Portfolio directamente para resolver cualquier pregunta que surja.\n  ol\n    li\n      strong Difusión accionarial y capitalización máxima:\n      p En Portfolio no existe obligación de cumplir con un requisito mínimo de difusión accionarial (esto es, se admiten sociedades unipersonales). No hay límite de capitalización máxima para las SOCIMIs.\n    li\n      strong Mantenimiento de pactos de accionistas tras la admisión a negociación:\n      p Portfolio permite la vigencia de los pactos de accionistas previos y facilita la vigilancia y cumplimiento de cláusulas como el lock-up, los derechos de adquisición preferentes, o la obligación de nuevos inversores de adherirse al pacto de accionistas.\n    li\n      strong Requisitos para la admisión a negociación:\n      p Portfolio únicamente impone dos requisitos:\n      ul\n        li la SOCIMI tiene que nombrar un auditor entre los siguientes PwC, KPMG, EY, Deloitte, BDO, Auren, SW, Mazars o Grant Thornton; y\n        li el despacho de abogados o SMN Advisor que prepare el documento de emisión y asesore al emisor en relación con sus obligaciones frente al mercado tiene que ser uno de los Trusted Partners aprobados por Portfolio (Portfolio | Partners - Portfolio).\n    li\n      p\n        strong Obligaciones iniciales y periódicas:\n      ul\n        li Para el proceso de admisión a negociación, Portfolio no exige due diligence financiera o legal de la SOCIMI (suele ser suficiente con la due diligence existente de compra de los activos); tampoco valoración de la SOCIMI (para la capitalización inicial, se utiliza el valor de los activos, restando el pasivo).\n        li Las NewCo no necesitan auditar cuentas, solamente designar al auditor con carácter previo a su admisión.\n        li Portfolio, como mercado, no exige valoración anual de los activos; por lo tanto, la SOCIMI va a poder acordar con su auditor, financiador o accionistas, la periodicidad de las valoraciones de activos y si estas tienen que ser RICS o pueden limitarse a una “actualización de la ficha del activo”.\n        li Como requisito de información periódica, Portfolio únicamente obliga a que se aporten cuentas anuales auditadas y la comunicación de hechos relevantes de acuerdo con el Reglamento UE de Abuso de Mercado.\n    div(style=\"margin-bottom: 14rem;\")\n    li\n      strong Confidencialidad de la identidad del accionariado:\n      p No es necesario hacer pública la identidad de los accionistas de la sociedad en el documento de emisión (con independencia del porcentaje que ostenten) ni con posterioridad (no es necesario comunicar participaciones significativas).\n    li\n      strong Tarifas:\n      p El coste TOTAL de cotizar una sociedad en Portfolio es entre un 40% y un 80% más eficiente que BME Growth/Scale y Euronext Access. La diferencia de coste entre Portfolio y las plataformas tradicionales, reside en la absorción de intermediarios y en la reducción de los plazos y procesos lograda por Portfolio. Recomendamos utilizar siempre los costes TOTALES de la SOCIMI para comparar los distintos mercados y no únicamente la “tarifa de admisión”.\n    li\n      strong Plazos:\n      p El plazo que se necesita para sacar a negociación una SOCIMI en Portfolio, es de 50-120 días aproximadamente. El ahorro en costes y tiempos es muy significativo comparado con el proceso de admisión a negociación en un mercado tradicional, que suele durar entre 6-8 meses trabajando activamente.\n    li\n      strong Reducción de intermediarios:\n      p Portfolio lleva a cabo los siguientes roles: mercado primario (bookrunner en caso de que haga falta coordinar una OPV o ampliación de capital abierta al público), mercado secundario, miembro de mercado (bróker para recibir órdenes de compra/venta), entidad agente ante Euroclear, agente de pagos (pago de dividendos) y subcustodia/custodia (apertura de cuentas de valores, KYC, KYB, AML, FATCA y CRS). La absorción de todas estas tareas por parte de Portfolio, simplifica mucho la operativa y permite automatizar procesos.\n      p No es obligatorio contratar un asesor registrado ni un proveedor de liquidez.\n    li\n      strong Adaptación a las necesidades del emisor en el proceso de onboarding:\n      p dependiendo de la composición inicial del accionariado, Portfolio ofrece dos alternativas para el onboarding de los accionistas:\n      ul\n        li Onboarding directo: proceso completamente digital basado en la experiencia habitual de un usuario de e-commerce; óptimo para accionariado concentrado y/o inversores institucionales.\n        li Onboarding masivo: subida única de datos de clientes y apertura de cuentas automática, sin fricción alguna para el accionista; óptimo para entidades reguladas, accionariados atomizados y/o bancas privadas.\n      p En caso de que los accionistas deseasen utilizar sus bancos custodios habituales, Portfolio podría prestar el servicio de subcustodia a dichos bancos y no sería necesario hacer el onboarding de los accionistas de la SOCIMI.\n    li\n      strong Adaptación a las necesidades del emisor para el servicio de Custodia:\n      p dependiendo del perfil del inversor/accionista, Portfolio ofrece dos modelos de Custodia:\n      ul\n        li Custodia directa: Bajo esta modalidad, Portfolio, como entidad participante de Euroclear y sociedad de valores, prestará servicios de custodia directamente al inversor, sea de la nacionalidad que sea. Este servicio no conlleva coste para el accionista.\n        li Subcustodia para aquellos inversores relevantes que por distintas razones prefieran mantener las acciones de la SOCIMI custodiadas en su banco/banca privada, con el propósito de, por ejemplo, apalancar las acciones de la SOCIMI para conseguir distintas formas de financiación/servicios adicionales por parte de su banco. Con esta modalidad, el banco incluye las acciones de la SOCIMI en su AUM y Portfolio le presta los servicios de subcustodia en Euroclear sin coste para el banco.\n    div(style=\"margin-bottom: 9rem;\")\n    li\n      strong Acceso directo de inversores:\n      p Portfolio actúa como bróker y subcustodio/custodio de su propio mercado, permitiendo que los inversores (compradores y vendedores) puedan introducir operaciones en el libro de órdenes directamente desde la plataforma web de Portfolio. Este acceso directo evita la problemática que se da cuando un inversor extranjero o incluso español, quiere invertir en valores cotizados en un mercado alternativo, pero su bróker habitual no ofrece una solución rápida y estándar para hacerlo (no aparecen los códigos ISIN en la plataforma, el broker no es miembro de mercado de la plataforma en la que cotizan los valores, o la entidad financiera no puede prestar los servicios de custodia en ese país). Para evitar estos casos, Portfolio presta el servicio completo al inversor.\n    li\n      strong Protección frente a la desviación entre el NAV y el valor de capitalización de la SOCIMI:\n      p Portfolio Stock Exchange elimina los elementos que provocan la desviación entre el NAV y el valor de capitalización de las SOCIMIs, evitando la incómoda y molesta situación para los gestores de tener que justificar ante sus accionistas e inversores que los activos de la SOCIMI valen más que la capitalización en bolsa que ha sido modificada artificialmente por el proveedor de liquidez. En Portfolio, NAV y capitalización evolucionan de la mano, y por tanto la SOCIMI no tendrá que justificar una valoración distinta al precio de cotización, disponiendo de más margen para reducir costes asociados a valoraciones de activos.\n\n  h5.margin-top-double Contacto:\n\n  .margin-top.grid--two--columns.margin-bottom-quadruple\n    .contact(\n      v-for=\"(contact, index) in contacts\"\n      :key=\"index\"\n    )\n      .contact__name {{ contact.name }}\n      .contact__position {{ contact.rol[locale] }}\n      .contact__email {{ contact.email }}\n</template>\n\n<script setup>\n  import workers from '/public/data/workers'\n\n  const { locale } = useI18n()\n  const contacts = computed(() => {\n    return {\n      santiago: workers.santiago,\n      carlosCuellar: workers.carlosCuellar\n    }\n  })\n</script>\n\n<style scoped lang=\"scss\">\n  .section__body {\n    text-align: justify;\n  }\n\n  ul li::before {\n    content: \"\";\n    counter-increment: a;\n  }\n\n  p,\n  ol li,\n  ul li {\n    font-size: 0.85rem;\n    line-height: 1.5;\n  }\n\n  p:has(+ ul) {\n    margin-bottom: 0;\n  }\n\n  ul {\n    margin-bottom: simple();\n  }\n\n  .grid--two--columns {\n    gap: simple();\n  }\n\n  .contact {\n    font-size: font-size(small2);\n    background-color: $color-background;\n    border-radius: $border-radius-big;\n    padding: simple() simple();\n  }\n\n  .contact__name {\n    font-size: font-size(small1);\n    font-weight: font-weight(semibold);\n  }\n\n  .contact__position {\n    margin-bottom: half();\n  }\n\n  .contact__email {\n    color: color(gray3);\n    font-style: italic;\n  }\n</style>\n","<template lang=\"pug\">\n.simulator\n  //-\n  //- Simulator Form\n  //-\n  section\n    .section__body.margin-bottom-triple\n      FormSimulator(\n        v-model:financial-instrument=\"financialInstrument\",\n        v-model:issuance-type=\"issuanceType\",\n        v-model:amount=\"amount\"\n        @calculate=\"updateIssuanceFeesAndTotals\")\n\n  //-\n  //- Simulator Results\n  //-\n  section#print(v-if=\"showSimulator && issuanceFees\")\n\n    //-\n    //- PAGE 1\n    //- Initial Fees comparison table\n    //-\n    .simulation__print\n      .section__header.no-margin-bottom\n        .section__header__cto {{ $t('simulator.simulation') }}\n        h2.section__header__title {{ simulationTitle }}\n        .section__header__subtitle\n          | {{ $t('simulator.capitalization') }}\n          Amount.margin-left-quarter(\n            :value=\"amount\"\n            :locale=\"locale\"\n            currency=\"EUR\"\n            is-integer)\n\n\n      .simulation__logo\n\n    hr\n\n    .section__header\n      h2.article__header__title(v-if=\"issuanceType === 'new'\") {{ $t('simulator.listingTitleNew') }}\n      h2.article__header__title(v-else)\n        | {{ $t('simulator.listingTitleMigration1') }}\n        br\n        | {{ $t('simulator.listingTitleMigration2') }}\n      .article__header__subtitle {{ $t('simulator.listingTitlePayment') }}\n\n    SimulatorTable(\n      :fees=\"issuanceFees.initialFee.fees\"\n      :total=\"issuanceFees.initialFee.total\"\n      :locale=\"locale\"\n      :issuance-type=\"issuanceType\")\n\n    .table__footer {{ $t('simulator.allocate') }}\n\n    //-\n    //- PAGE 2\n    //- Maintenance Fees comparison table\n    //-\n\n    //- .html2pdf__page-break\n\n    .simulation__print.only-print(style=\"margin-top: 20rem\")\n      .section__header\n        .section__header__cto {{ $t('simulator.simulation') }}\n        h2.section__header__title {{ simulationTitle }}\n        .section__header__subtitle\n          | {{ $t('simulator.capitalization') }}\n          Amount.margin-left-quarter(\n            :value=\"amount\"\n            :locale=\"locale\"\n            currency=\"EUR\"\n            is-integer)\n\n\n      .simulation__logo\n\n    hr\n\n    .section__header\n      h2.article__header__title {{ $t('simulator.maintenanceTitle') }}\n      .article__header__subtitle {{ $t('simulator.maintenanceTitlePeriodicity') }}\n\n    SimulatorTable(\n      :fees=\"issuanceFees.maintenanceFee.fees\"\n      :total=\"issuanceFees.maintenanceFee.total\"\n      :locale=\"locale\"\n      :issuance-type=\"issuanceType\")\n\n    hr.hide--print\n\n    SavingMoney(\n      :saving-money=\"issuanceFees.savingMoney\"\n      :saving-percent=\"issuanceFees.savingPercent\"\n      :locale=\"locale\")\n\n    hr.hide--print\n\n    //-\n    //- PAGE 3\n    //- Advantages of listing a socimi on portfolio stock exchange\n    //-\n    .only-print--block(v-if=\"financialInstrument === 'reit'\")\n      .simulation__print(style=\"margin-top: 20rem\")\n        .section__header\n          .section__header__cto {{ $t('simulator.simulation') }}\n          h2.section__header__title {{ simulationTitle }}\n          .section__header__subtitle\n            | {{ $t('simulator.capitalization') }}\n            Amount.margin-left-quarter(\n              :value=\"amount\"\n              :locale=\"locale\"\n              currency=\"EUR\"\n              is-integer)\n\n\n        .simulation__logo\n\n      hr\n\n      component(:is=\"AdventagesListingSocimiPortfolio\")\n\n  //-\n  //- Fees actions\n  //-\n  .layout--center.hide--print.simulator__cto.margin-bottom-triple(v-if=\"showSimulator\")\n    .simulator__cto__action\n      button.button(@click=\"exportPdf\") {{ $t('simulator.printSimulation') }}\n\n    TalkToUs.hide--print(\n      :financial-instrument=\"financialInstrument\",\n      :issuance-type=\"issuanceType\",\n      :amount=\"amount\"\n    )\n      .talkToUs__section__title.margin-bottom {{ $t('simulator.modal.title1') }}\n      .talkToUs__description.margin-bottom {{ $t('simulator.modal.text1') }}\n      .talkToUs__description {{ $t('simulator.modal.text2') }}\n\n  .table__footer\n    span.color-brand.margin-right-quarter *\n    | {{ $t('simulator.estimateRate') }}\n\n  //-\n  //- Confirm modal\n  //-\n  Modal(\n    :visible=\"showModal\"\n    @close=\"showModal = false\"\n  )\n    .fee__confirm\n      TalkToUs.margin-top.margin-bottom(\n        :financial-instrument=\"financialInstrument\",\n        :issuance-type=\"issuanceType\",\n        :amount=\"amount\"\n        vertical\n      )\n        Success.fee__confirm__success\n        .talkToUs__section__title.margin-bottom {{ $t('simulator.modal.title2') }}\n        .talkToUs__description.margin-bottom {{ $t('simulator.modal.text1') }}\n        .talkToUs__description {{ $t('simulator.modal.text2') }}\n</template>\n\n<script lang=\"ts\" setup>\n  import type { FinancialInstrument, IssuanceType, IssuanceFees } from '../types'\n  import AdventagesListingSocimiPortfolioEn from '@/content/en/adventagesListingSocimiPortfolio.vue'\n  import AdventagesListingSocimiPortfolioEs from '@/content/es/adventagesListingSocimiPortfolio.vue'\n\n  const { locale, t } = useI18n()\n  const { $html2pdf } = useNuxtApp()\n  const { gtag } = useGtag()\n\n  const financialInstrument = ref<FinancialInstrument>()\n  const issuanceType = ref<IssuanceType>()\n  const amount = ref(0)\n  const issuanceFees = ref<IssuanceFees>()\n  const showModal = ref(false)\n\n  const showSimulator = ref(false)\n  const simulationTitle = computed(() => {\n    return t(`simulator.title.${issuanceType.value}.${financialInstrument.value}`)\n  })\n\n  const AdventagesListingSocimiPortfolio = computed(() => {\n    return locale.value === 'es' ? AdventagesListingSocimiPortfolioEs : AdventagesListingSocimiPortfolioEn\n  })\n\n\n  /**\n   * Update the issuance fees and totals\n   */\n  const updateIssuanceFeesAndTotals = () => {\n    if (!financialInstrument.value || !issuanceType.value || !amount.value) return\n\n    // Update the fees\n    issuanceFees.value = useGetIssuanceFees(financialInstrument.value, issuanceType.value, amount.value)\n\n    // Send data to google analytics\n    gtag('event', 'simulation', {\n      financialInstrument: financialInstrument.value,\n      issuanceType: issuanceType.value,\n      amount: amount.value\n    })\n\n    // Send data to backend\n    const simulatorUrl = `${globalThis.$portfolio.apiUrl}/simulator`\n    useFetch(simulatorUrl, {\n      method: 'POST',\n      body: JSON.stringify({\n        financialInstrument: financialInstrument.value,\n        issuanceType: issuanceType.value,\n        amount: amount.value\n      })\n    })\n\n    showSimulator.value = true\n  }\n\n  /**\n   * Export the simulation as a PDF\n   */\n  const exportPdf = () => {\n    const element = document.getElementById('print') as HTMLElement\n    if (!element) return\n\n    $html2pdf()\n      .from(element)\n      .set({\n        margin: [0, 0],\n        filename: 'simulation.pdf',\n        image: { type: 'jpeg', quality: 1 },\n        pagebreak: { mode: ['legacy'] },\n        html2canvas: {\n          scale: 3,\n          width: 1000,\n          windowWidth: 5000,\n          x: -100,\n          allowTaint: true,\n          useCORS: true\n        },\n        jsPDF: {\n          unit: 'mm',\n          format: 'a4',\n          orientation: 'portrait'\n        }\n      })\n      .toPdf()\n      .get('pdf')\n      .then((pdf: any) => {\n        const parseAmount = new Intl.NumberFormat(locale.value, { style: 'currency', currency: 'EUR', maximumFractionDigits: 0 });\n        const pdfName = `Portfolio Stock Exchange ${t('simulator.simulation2')} ${simulationTitle.value} ${parseAmount.format(amount.value)}`\n        downloadPdf(pdf.output('bloburl'), pdfName)\n      })\n\n    showModal.value = true\n  }\n\n  function sanitizeFileName(input: string): string {\n    return input\n      .normalize(\"NFD\")\n      .replace(/[\\u0300-\\u036f]/g, \"\")\n      .replace(/[/\\\\?%*:|\"<>.,-]/g, \"_\")\n      .replace(/\\s+/g, \"_\")\n  }\n\n  function downloadPdf(pdfUrl, pdfFileName: string) {\n    const link = document.createElement('a');\n    link.href = pdfUrl;\n    link.target = '_blank';\n    link.download = `${sanitizeFileName(pdfFileName)}.pdf`;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  }\n\n  /**\n   * We hide the simulator when any input changes\n   * to force the user to click on the 'Calculate' button,\n   * and send the request to the server\n   */\n  watch(() => [issuanceType.value, financialInstrument.value], () => {\n    amount.value = 0\n  });\n\n  watch(() => amount.value, () => {\n    showSimulator.value = false\n  });\n</script>\n\n<style lang=\"scss\">\n\n  .simulation__logo,\n  .only-print,\n  .only-print--block {\n    display: none;\n  }\n\n  .fee__confirm {\n    margin-top: simple();\n  }\n\n  .fee__confirm__success {\n    margin: 0 auto simple();\n  }\n\n  .fee__confirm__title {\n    font-weight: font-weight(semibold);\n    max-width: 25rem;\n    margin: 0 auto simple();\n    text-align: center;\n  }\n\n  .fee__confirm__text {\n    font-size: font-size(small1);\n    line-height: 1.3rem;\n    margin-bottom: half();\n  }\n\n  .fee__confirm__footer {\n    margin-top: simple();\n    margin-bottom: double();\n  }\n\n  .simulator__cto {\n    display: flex;\n    align-items: center;\n\n    &>* {\n\n      &:first-of-type {\n        padding-right: simple();\n        width: 40%;\n      }\n\n      &:last-of-type {\n        border-left: 1px solid color(gray7);\n        padding-left: double();\n        width: 60%;\n      }\n    }\n  }\n\n  .talkToUs__section__title {\n    font-weight: font-weight(semibold);\n  }\n\n  .talkToUs__description {\n    font-size: font-size(small1);\n  }\n\n  @include media(palm) {\n    .simulator__cto {\n      flex-direction: column;\n      padding: simple();\n\n      &>* {\n\n        &:first-of-type,\n        &:last-of-type {\n          width: 100%;\n        }\n\n        &:last-of-type {\n          border-left: none;\n          padding: 0;\n          margin-top: simple();\n        }\n      }\n    }\n\n    .simulator__cto__action {\n      margin-bottom: triple();\n    }\n  }\n\n  @media (min-width: 4999px) and (max-width: 5001px) {\n    .simulation__print {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      width: 100%;\n      margin-top: size(2);\n\n      .section__header {\n        text-align: left;\n        margin: 0 !important;\n      }\n    }\n\n    .hide--print {\n      display: none;\n    }\n\n    .only-print {\n      display: flex;\n    }\n\n    .only-print--block {\n      display: block;\n    }\n\n    .simulation__logo {\n      display: block;\n      position: relative;\n      left: 2rem;\n      width: 240px;\n      height: 60px;\n      background-image: url('/images/portfolio_logo.svg');\n      background-repeat: no-repeat no-repeat;\n      background-size: contain;\n      background-position: right center;\n    }\n\n    .table {\n      max-width: 80rem;\n      width: 100%;\n    }\n\n    hr {\n      padding-top: 0;\n      padding-bottom: triple() !important;\n    }\n\n    .gradient {\n      background: none;\n      color: color(brand);\n    }\n\n    .section__header {\n      padding-left: 0;\n      padding-right: 0;\n    }\n\n    .section__header__subtitle {\n      margin-top: 0;\n      font-size: 1.1rem;\n      line-height: 1.1rem;\n    }\n\n    .section__header__title {\n      font-size: 1.4rem;\n      font-weight: 600;\n      margin-bottom: half();\n      line-height: 1.4rem;\n    }\n\n    .section__header__cto {\n      margin-bottom: quarter();\n      font-size: 1rem;\n      line-height: 1rem;\n    }\n\n    th {\n      padding-top: size(0.4);\n      padding-bottom: size(0.4);\n      vertical-align: middle;\n      font-size: 1rem !important;\n      line-height: 1.1rem !important;\n    }\n\n    td {\n      padding-top: size(0.35);\n      padding-bottom: size(0.35);\n    }\n\n    td:first-of-type {\n      white-space: nowrap;\n    }\n\n    td:not(:first-of-type) {\n      width: 12rem;\n    }\n\n    .table__footer {\n      margin-bottom: double();\n      font-size: 0.9rem;\n      line-height: 1.2rem;\n    }\n\n    .row--total td:not(:first-of-type) {\n      font-size: 1rem !important;\n    }\n\n    #print {\n      position: relative;\n\n      &>div>.section__header {\n        margin-bottom: simple();\n\n        .section__header__title {\n          font-size: 1.2rem;\n          line-height: 1.2rem;\n          margin-bottom: quarter();\n        }\n\n        .section__header__subtitle {\n          font-size: 1rem;\n          line-height: 1rem;\n        }\n      }\n    }\n  }\n</style>\n"],"names":["props","__props","modelValue","_useModel","input","ref","decimals","rawValue","formattedValue","decimalSeparator","computed","currencySymbolPosition","getCurrencySymbolPosition","currencySymbol","getCurrencySymbol","locale","currencyCode","parseNumber","value","decimalSeparator2","normalizedValue","parseLocaleString","decimals2","numberOfDecimals","_a","minimumFractionDigits","maximumFractionDigits","number","formattedValue2","updateValue","event","cursorPosition","lengthDifference","onFocus","onBlur","watch","newValue","onMounted","emit","__emit","useI18n","financialInstrument","issuanceType","amount","hasCostSimulator","calculate","femaleCategories","isFemaleCategory","coordinationRate","EXTRA_COORDINATION_RATE","coordinationHours","EXTRA_COORDINATION_PORTFOLIO_HOURS","EXTRA_COORDINATION_TRADITIONAL_HOURS","submitted","contact","reactive","errors","validateEmail","email","validateRequired","handleSubmit","error","contactUrl","useFetch","closeModal","contacts","workers","t","$html2pdf","useNuxtApp","gtag","useGtag","issuanceFees","showModal","showSimulator","simulationTitle","AdventagesListingSocimiPortfolio","AdventagesListingSocimiPortfolioEs","AdventagesListingSocimiPortfolioEn","updateIssuanceFeesAndTotals","useGetIssuanceFees","simulatorUrl","exportPdf","element","pdf","parseAmount","pdfName","downloadPdf","sanitizeFileName","pdfUrl","pdfFileName","link"],"mappings":"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"}