{"version":3,"file":"IframeLoader-qoRwmRWO.js","sources":["../../../app/javascript/shared/components/ArticleSkeletonLoader.vue","../../../app/javascript/shared/components/IframeLoader.vue"],"sourcesContent":["<template>\n  <div class=\"p-4 space-y-6 bg-white dark:bg-slate-900\">\n    <div class=\"space-y-2 animate-loader-pulse\">\n      <div class=\"h-6 bg-slate-100 dark:bg-slate-700 rounded w-1/5\" />\n      <div class=\"h-10 bg-slate-100 dark:bg-slate-700 rounded w-3/5\" />\n    </div>\n    <div class=\"space-y-2 animate-loader-pulse\">\n      <div class=\"h-5 bg-slate-100 dark:bg-slate-700 rounded\" />\n      <div class=\"h-5 bg-slate-100 dark:bg-slate-700 rounded\" />\n      <div class=\"h-5 bg-slate-100 dark:bg-slate-700 rounded\" />\n      <div class=\"h-5 bg-slate-100 dark:bg-slate-700 rounded w-4/5\" />\n    </div>\n    <div class=\"space-y-2 animate-loader-pulse\">\n      <div class=\"h-5 bg-slate-100 dark:bg-slate-700 rounded\" />\n      <div class=\"h-5 bg-slate-100 dark:bg-slate-700 rounded\" />\n      <div class=\"h-5 bg-slate-100 dark:bg-slate-700 rounded w-3/5\" />\n      <div class=\"h-5 bg-slate-100 dark:bg-slate-700 rounded\" />\n    </div>\n    <div class=\"space-y-2 animate-loader-pulse\">\n      <div class=\"h-5 bg-slate-100 dark:bg-slate-700 rounded\" />\n      <div class=\"h-5 bg-slate-100 dark:bg-slate-700 rounded\" />\n      <div class=\"h-5 bg-slate-100 dark:bg-slate-700 rounded\" />\n      <div class=\"h-5 bg-slate-100 dark:bg-slate-700 rounded w-3/5\" />\n    </div>\n  </div>\n</template>\n","<script>\nimport ArticleSkeletonLoader from 'shared/components/ArticleSkeletonLoader.vue';\nimport { BUS_EVENTS } from 'shared/constants/busEvents';\nimport { emitter } from 'shared/helpers/mitt';\n\nexport default {\n  name: 'IframeLoader',\n  components: {\n    ArticleSkeletonLoader,\n  },\n  props: {\n    url: {\n      type: String,\n      default: '',\n    },\n  },\n  data() {\n    return {\n      isLoading: true,\n      showEmptyState: !this.url,\n    };\n  },\n  mounted() {\n    emitter.on(BUS_EVENTS.POPOUT_IFRAME, this.onPopout);\n  },\n  destroyed() {\n    emitter.off(BUS_EVENTS.POPOUT_IFRAME, this.onPopout);\n  },\n  methods: {\n    handleIframeLoad() {\n      // Once loaded, the loading state is hidden\n      this.isLoading = false;\n    },\n    handleIframeError() {\n      // Hide the loading state and show the empty state when an error occurs\n      this.isLoading = false;\n      this.showEmptyState = true;\n    },\n    onPopout() {\n      let url = null;\n      try {\n        url = new URL(this.$refs.iframe.contentWindow.location.href);\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error(e);\n        url = new URL(this.url);\n      }\n\n      url.searchParams.delete('show_plain_layout');\n      url.searchParams.delete('theme');\n\n      window.open(url.toString(), '_blank');\n    },\n  },\n};\n</script>\n\n<template>\n  <div class=\"relative overflow-hidden pb-1/2 h-full\">\n    <iframe\n      v-if=\"url\"\n      ref=\"iframe\"\n      :src=\"url\"\n      class=\"absolute w-full h-full top-0 left-0\"\n      @load=\"handleIframeLoad\"\n      @error=\"handleIframeError\"\n    />\n    <ArticleSkeletonLoader\n      v-if=\"isLoading\"\n      class=\"absolute w-full h-full top-0 left-0\"\n    />\n    <div\n      v-if=\"showEmptyState\"\n      class=\"absolute w-full h-full top-0 left-0 flex justify-center items-center\"\n    >\n      <p>{{ $t('PORTAL.IFRAME_ERROR') }}</p>\n    </div>\n  </div>\n</template>\n"],"names":["_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","_sfc_main","ArticleSkeletonLoader","emitter","BUS_EVENTS","url","_hoisted_2","$props","$options","args","_createCommentVNode","$data","_createBlock","_component_ArticleSkeletonLoader","_hoisted_3","_createElementVNode"],"mappings":"iRACE,SAAAA,EAAAC,EAAAC,EAAA,CADF,OAAAC,EAAA,EAAAC,EAAA,MAAAC,EAAAH,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,mnCCKKI,EAAU,CACb,KAAM,eACN,WAAY,CACV,sBAAAC,CACD,EACD,MAAO,CACL,IAAK,CACH,KAAM,OACN,QAAS,EACV,CACF,EACD,MAAO,CACL,MAAO,CACL,UAAW,GACX,eAAgB,CAAC,KAAK,IAEzB,EACD,SAAU,CACRC,EAAQ,GAAGC,EAAW,cAAe,KAAK,QAAQ,CACnD,EACD,WAAY,CACVD,EAAQ,IAAIC,EAAW,cAAe,KAAK,QAAQ,CACpD,EACD,QAAS,CACP,kBAAmB,CAEjB,KAAK,UAAY,EAClB,EACD,mBAAoB,CAElB,KAAK,UAAY,GACjB,KAAK,eAAiB,EACvB,EACD,UAAW,CACT,IAAIC,EAAM,KACV,GAAI,CACFA,EAAM,IAAI,IAAI,KAAK,MAAM,OAAO,cAAc,SAAS,IAAI,CAC7D,OAAS,EAAG,CAEV,QAAQ,MAAM,CAAC,EACfA,EAAM,IAAI,IAAI,KAAK,GAAG,CACxB,CAEAA,EAAI,aAAa,OAAO,mBAAmB,EAC3CA,EAAI,aAAa,OAAO,OAAO,EAE/B,OAAO,KAAKA,EAAI,SAAU,EAAE,QAAQ,CACrC,CACF,CACH,EAIOL,EAAA,CAAA,MAAM,wCAAwC,EA1DrDM,EAAA,CAAA,KAAA,KAAA,IAAA,EAyEM,MAAM,mIAfV,OAAAR,EAAA,EAAAC,EAmBM,MAnBNC,EAmBM,CAjBIO,EAAG,SADXR,EAOE,SAAA,CAlEN,IAAA,EA6DM,IAAI,SACH,IAAKQ,EAAG,IACT,MAAM,sCACL,2BAAMC,EAAgB,kBAAAA,EAAA,iBAAA,GAAAC,CAAA,GACtB,4BAAOD,EAAiB,mBAAAA,EAAA,kBAAA,GAAAC,CAAA,EAjE/B,EAAA,KAAA,GAAAH,CAAA,GAAAI,EAAA,GAAA,EAAA,EAoEYC,EAAS,eADjBC,EAGEC,EAAA,CAtEN,IAAA,EAqEM,MAAM,yCArEZH,EAAA,GAAA,EAAA,EAwEYC,EAAc,gBADtBb,IAAAC,EAKM,MALNe,EAKM,CADJC,EAAsC,WAAhCnB,EAAE,GAAA,qBAAA,CAAA,EAAA,CAAA,KA3Edc,EAAA,GAAA,EAAA"}