{"version":3,"file":"BaseLink.2f4cbd7e.js","sources":["../../../../utils/links.ts","../../../../components/global/ui/BaseLink.vue"],"sourcesContent":["import { withTrailingSlash } from 'ufo';\nimport { isString } from '@/utils/strings';\n\nconst ADDITIONAL_EXTERNAL_LINKS: Array<String> = [];\n\nexport function isLinkExternal(url: any): boolean {\n  if (!isString(url)) {\n    return false;\n  }\n  if (url.match(/^(https?|tel:|mailto:)/)) {\n    return true;\n  }\n\n  return ADDITIONAL_EXTERNAL_LINKS.includes(withTrailingSlash(url));\n}\n\nexport function isLinkInternal(url: any): boolean {\n  return isString(url) && url.startsWith('/');\n}\n\nexport function isLinkNative(url: any): boolean {\n  return isString(url) && /^(tel|mailto):/.test(url);\n}\n\nexport function isLinkAnchor(url: any): boolean {\n  return isString(url) && /^(#|\\/#)/.test(url);\n}\n","<template>\n  <component\n    :is=\"tag\"\n    v-bind=\"attrs\"\n    class=\"link\"\n    :class=\"{\n      'is-native': native,\n      'is-underline': underline,\n      'is-opacity': opacity,\n      'is-static': tag == 'span',\n    }\"\n    @click=\"onClick\"\n  >\n    <span class=\"link__label\" :class=\"labelClass\">\n      <slot>{{ text }}</slot>\n    </span>\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { withTrailingSlash } from 'ufo';\nimport AppLink from '~/components/global/elements/AppLink';\nimport { isLinkAnchor, isLinkExternal, isLinkNative } from '@/utils/links';\nimport { computed } from '#imports';\n\nconst props = defineProps({\n  to: {\n    type: String,\n    default: null,\n  },\n  text: {\n    type: String,\n    default: null,\n  },\n  native: {\n    type: Boolean,\n    default: false,\n  },\n  underline: {\n    type: Boolean,\n    default: false,\n  },\n  opacity: {\n    type: Boolean,\n    default: false,\n  },\n  scrollOffset: {\n    type: Number,\n    default: 0,\n  },\n  removeIcon: {\n    type: Boolean,\n    default: false,\n  },\n  labelClass: {\n    type: [Object, Array, String],\n    default: '',\n  },\n});\n\nconst isExternalLink = computed(() => isLinkExternal(props.to));\nconst isNativeLink = computed(() => isLinkNative(props.to));\nconst isAnchorLink = computed(() => isLinkAnchor(props.to));\nconst isInternalLink = computed(() => !isExternalLink.value && !isAnchorLink.value && !isNativeLink.value);\n\nconst tag = computed(() => {\n  if (!props.to) {\n    return 'span';\n  }\n  if (isInternalLink.value) {\n    return AppLink;\n  }\n  return 'a';\n});\n\nconst toLink = computed(() => {\n  if (!props.to) {\n    return '';\n  }\n  if (!(isExternalLink.value || isNativeLink.value || isAnchorLink.value)) {\n    return withTrailingSlash(props.to);\n  }\n  return props.to;\n});\n\nconst attrs = computed(() => {\n  const linkAttr = isInternalLink.value ? 'to' : 'href';\n  const attrs = {\n    [linkAttr]: toLink.value,\n  };\n  if (!isExternalLink.value) {\n    return attrs;\n  }\n  return {\n    ...attrs,\n    target: '_blank',\n    rel: 'nofollow noopener',\n  };\n});\n\nconst scrollToElement = (el: Element) => {\n  const boundingRect = el.getBoundingClientRect();\n  window.scrollTo({\n    top: boundingRect.top + window.scrollY - props.scrollOffset,\n    behavior: 'smooth',\n  });\n};\n\nconst onClick = (event: Event) => {\n  if (!isAnchorLink.value) {\n    return;\n  }\n  event.preventDefault();\n  const anchor = props.to.replace(/^(#|\\/#)/, '#');\n  const anchorElement = document.querySelector(anchor);\n  if (!anchorElement) {\n    return;\n  }\n  // history.pushState(null, null, anchor);\n  scrollToElement(anchorElement);\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.link {\n  display: inline-flex;\n  align-items: center;\n  &.is-static {\n    cursor: default;\n  }\n  &.is-underline {\n    text-decoration: underline;\n  }\n  &.is-opacity {\n    @include transition;\n    &:hover {\n      opacity: var(--opacity-hover);\n    }\n  }\n}\n</style>\n"],"names":["ADDITIONAL_EXTERNAL_LINKS","isLinkExternal","url","isString","withTrailingSlash","isLinkNative","isLinkAnchor","isExternalLink","computed","props","isNativeLink","isAnchorLink","isInternalLink","tag","AppLink","toLink","attrs","scrollToElement","el","boundingRect","onClick","event","anchor","anchorElement"],"mappings":"yQAGA,MAAMA,EAA2C,CAAA,EAE1C,SAASC,EAAeC,EAAmB,CAC5C,OAACC,EAASD,CAAG,EAGbA,EAAI,MAAM,wBAAwB,EAC7B,GAGFF,EAA0B,SAASI,EAAkBF,CAAG,CAAC,EANvD,EAOX,CAMO,SAASG,EAAaH,EAAmB,CAC9C,OAAOC,EAASD,CAAG,GAAK,iBAAiB,KAAKA,CAAG,CACnD,CAEO,SAASI,EAAaJ,EAAmB,CAC9C,OAAOC,EAASD,CAAG,GAAK,WAAW,KAAKA,CAAG,CAC7C,2VCkCMK,EAAiBC,EAAS,IAAMP,EAAeQ,EAAM,EAAE,CAAC,EACxDC,EAAeF,EAAS,IAAMH,EAAaI,EAAM,EAAE,CAAC,EACpDE,EAAeH,EAAS,IAAMF,EAAaG,EAAM,EAAE,CAAC,EACpDG,EAAiBJ,EAAS,IAAM,CAACD,EAAe,OAAS,CAACI,EAAa,OAAS,CAACD,EAAa,KAAK,EAEnGG,EAAML,EAAS,IACdC,EAAM,GAGPG,EAAe,MACVE,EAEF,IALE,MAMV,EAEKC,EAASP,EAAS,IACjBC,EAAM,GAGLF,EAAe,OAASG,EAAa,OAASC,EAAa,MAG1DF,EAAM,GAFJL,EAAkBK,EAAM,EAAE,EAH1B,EAMV,EAEKO,EAAQR,EAAS,IAAM,CAE3B,MAAMQ,EAAQ,CACZ,CAFeJ,EAAe,MAAQ,KAAO,MAEpC,EAAGG,EAAO,KAAA,EAEjB,OAACR,EAAe,MAGb,CACL,GAAGS,EACH,OAAQ,SACR,IAAK,mBAAA,EALEA,CAMT,CACD,EAEKC,EAAmBC,GAAgB,CACjC,MAAAC,EAAeD,EAAG,wBACxB,OAAO,SAAS,CACd,IAAKC,EAAa,IAAM,OAAO,QAAUV,EAAM,aAC/C,SAAU,QAAA,CACX,CAAA,EAGGW,EAAWC,GAAiB,CAC5B,GAAA,CAACV,EAAa,MAChB,OAEFU,EAAM,eAAe,EACrB,MAAMC,EAASb,EAAM,GAAG,QAAQ,WAAY,GAAG,EACzCc,EAAgB,SAAS,cAAcD,CAAM,EAC9CC,GAILN,EAAgBM,CAAa,CAAA"}