{"version":3,"file":"surface_beethoven_preview-74cfc5a2.js","sources":["../../../app/javascript/vuecomponents/surface_beethoven_preview.vue"],"sourcesContent":["<template>\n  <div :class=\"['surface-beethoven-preview', isPostPreview ? 'post-preview' : null]\">\n    <OzIndeterminateSpinner v-if=\"!isLoaded\" />\n    <a\n      v-if=\"isLoaded && showPreview\"\n      :href=\"!isPostPreview ? attachmentUrlForDisplay : null\"\n      target=\"_blank\"\n      rel=\"noopener nofollow ugc\"\n      :class=\"{ 'beethoven-preview': true, 'is-fallback': isFallback }\"\n      :data-category=\"contentCategory\"\n      :data-subcategory=\"contentSubcategory\"\n      :download=\"downloadFileName\"\n      draggable=\"false\"\n      :data-luminance=\"previewImageLuminance\"\n      @click=\"play\"\n    >\n      <base-image\n        draggable=\"false\"\n        loading=\"lazy\"\n        :alt=\"xAlternativeText ? alternativeText : title\"\n        :class=\"{ 'beethoven-preview-image': true, 'is-tiny': isTiny }\"\n        :src=\"previewImageSrc\"\n        :post-width=\"postWidth\"\n        :post-height=\"postHeight\"\n        :width=\"previewImageWidth\"\n        :height=\"previewImageHeight\"\n        :background-color=\"previewImageColor\"\n        :data-aspect-ratio=\"previewImageAspectRatio\"\n      />\n      <div v-if=\"showMeta\" class=\"beethoven-preview-meta\" :style=\"{ 'background-color': previewImageColor }\">\n        <div class=\"beethoven-title\" :title=\"title\">{{ title }}</div>\n        <div v-if=\"description\" class=\"beethoven-description\" :title=\"description\">{{ description }}</div>\n        <div v-if=\"providerName\" class=\"beethoven-provider\">\n          <div class=\"beethoven-provider-name caption-type\">{{ providerName }}</div>\n        </div>\n      </div>\n      <i v-if=\"contentCategory == 'video'\" class=\"beethoven-video-play-action beethoven-action\" />\n      <i v-if=\"contentCategory == 'audio'\" class=\"beethoven-audio-play-action beethoven-action\" />\n      <i v-if=\"contentCategory == 'file'\" class=\"beethoven-file-extension\">{{ extension }}</i>\n    </a>\n    <div v-if=\"showEmbed\" class=\"beethoven-inline-embed\">\n      <div\n        class=\"beethoven-inline-embed-container\"\n        :style=\"{ 'background-color': previewImageColor }\"\n        :data-aspect-ratio=\"previewImageAspectRatio\"\n        v-html=\"embedHtml\"\n      />\n      <div\n        class=\"beethoven-inline-embed-actions\"\n        :style=\"{ 'background-color': previewImageColor, height: embedMetaHeight + 'px' }\"\n        :data-luminance=\"previewImageLuminance\"\n      >\n        <div class=\"button-list\">\n          <button class=\"icon-button\" :title=\"__('Back to preview')\" @click=\"backToPreview\">\n            <base-icon name=\"arrow_back\" />\n          </button>\n        </div>\n        <div class=\"button-list\">\n          <button class=\"icon-button\" :title=\"__('Zoom')\" @click=\"zoom\">\n            <base-icon name=\"zoom_in\" />\n          </button>\n          <a\n            v-if=\"isDownloadable\"\n            target=\"_blank\"\n            :download=\"title\"\n            :href=\"downloadUrl\"\n            class=\"icon-button\"\n            :title=\"__('Download')\"\n            draggable=\"false\"\n          >\n            <base-icon name=\"download\" />\n          </a>\n          <button class=\"icon-button\" :title=\"__('Open in new window')\" @click=\"openInNew\">\n            <base-icon name=\"open_in_new\" />\n          </button>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"errorText\" class=\"error-text\">\n      {{ errorText }}\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { downloadUrl } from '@@/bits/attachments'\nimport { getDisplayAttributes } from '@@/bits/beethoven'\nimport { getHyphenatedCurrentLocale } from '@@/bits/current_locale'\nimport { $ } from '@@/bits/jquery'\nimport OzIndeterminateSpinner from '@@/library/v4/components/OzIndeterminateSpinner.vue'\nimport { useExpandedPostStore } from '@@/pinia/expanded_post'\nimport { useNativeAppStore } from '@@/pinia/native_app'\nimport { useSurfaceAttachmentsStore } from '@@/pinia/surface_attachments'\nimport { useSurfaceMediaPlayerStore } from '@@/pinia/surface_media_player'\nimport BaseIcon from '@@/vuecomponents/base_icon.vue'\nimport BaseImage from '@@/vuecomponents/base_image.vue'\nimport { LinkHelpers } from '@padlet/beethoven-client'\nimport { mapActions as mapPiniaActions, mapState as mapPiniaState } from 'pinia'\nimport { mapGetters, mapState } from 'vuex'\n\nfunction getStylizedProviderName(name) {\n  if (!name) return ''\n  // This is done to comply with Youtube's requirements in order to use their player on Padlet.\n  if (name.toLowerCase() === 'youtube') return name\n  return name.toLowerCase()\n}\n\nexport default {\n  components: {\n    BaseIcon,\n    BaseImage,\n    OzIndeterminateSpinner,\n  },\n  props: ['post', 'url', 'width', 'height', 'actionable', 'isPostPreview', 'aspectRatio', 'attachmentLink'],\n  data() {\n    return {\n      canBeActioned: this.actionable !== 'no',\n      showPreview: true,\n      showEmbed: false,\n      link: null,\n      isLoaded: null,\n      isTiny: null,\n      isFallback: null,\n      previewImageSrc: null,\n      previewImageWidth: null,\n      previewImageHeight: null,\n      previewImageColor: null,\n      previewImageAspectRatio: null,\n      previewImageLuminance: null,\n      showMeta: null,\n      title: null,\n      downloadFileName: null,\n      description: null,\n      providerName: null,\n      contentCategory: null,\n      contentSubcategory: null,\n      extension: null,\n      embedCode: null,\n      isDownloadable: null,\n      showHtml: false,\n      embedHtml: null,\n      embedMetaHeight: null,\n      errorText: null,\n    }\n  },\n  computed: {\n    ...mapState(['dpr', 'isApp', 'isMobile', 'isPhone', 'canPostMessage']),\n    ...mapPiniaState(useSurfaceMediaPlayerStore, ['currentlyPlayingPostCid']),\n    ...mapGetters('post', ['isInitialPaginatedDataLoadDone']),\n    attachmentUrlForDisplay() {\n      // Note: This should be used in display/href/... instead of this.url so if the attachment is censored (e.g. unsafe links), the bad attachment won't be exposed\n      return this.link?.url\n    },\n    postWidth() {\n      return this.width\n    },\n    postHeight() {\n      return Math.floor(this.width / this.previewImageAspectRatio)\n    },\n    downloadUrl() {\n      return downloadUrl(this.attachmentUrlForDisplay)\n    },\n    alternativeText() {\n      return this.post.wish_content?.attachment_props?.alternative_text || ''\n    },\n    xAlternativeText() {\n      return LinkHelpers.isPhoto(this.link) && this.alternativeText\n    },\n  },\n  watch: {\n    width(newValue) {\n      // if this.previewImageWidth === null, it means the component is loaded for the first time,\n      // getBeethovenAttributesOnNextTick should have already been called in mounted\n      const isFirstLoad = this.previewImageWidth === null\n      if (!isFirstLoad && newValue > this.previewImageWidth) {\n        this.getBeethovenAttributesOnNextTick()\n      }\n    },\n    currentlyPlayingPostCid(newCid) {\n      if (!this.showPreview && newCid && this.post.cid !== newCid) {\n        this.backToPreview()\n      }\n    },\n  },\n  mounted() {\n    // if initial wish load is done, fetch links endpoint, else wait for it to be done first\n    if (this.isInitialPaginatedDataLoadDone) {\n      this.getBeethovenAttributesOnNextTick()\n    } else {\n      this.unwatchIsInitialPaginatedDataLoadDone = this.$watch('isInitialPaginatedDataLoadDone', (newValue) => {\n        if (newValue) {\n          this.getBeethovenAttributesOnNextTick()\n          this.unwatchIsInitialPaginatedDataLoadDone()\n        }\n      })\n    }\n  },\n  beforeDestroy() {\n    this.unsetCurrentlyPlayingMedia()\n  },\n  methods: {\n    ...mapPiniaActions(useSurfaceMediaPlayerStore, ['setCurrentlyPlayingMedia', 'unsetCurrentlyPlayingMedia']),\n    ...mapPiniaActions(useExpandedPostStore, ['expandPost']),\n    ...mapPiniaActions(useNativeAppStore, ['openLink']),\n    ...mapPiniaActions(useSurfaceAttachmentsStore, ['updateLinkDisplayAttributes']),\n    addQueryParams(url, paramsString) {\n      if (url.match(/\\?/)) {\n        return [url, paramsString].join('&')\n      }\n      return [url, paramsString].join('?')\n    },\n    playInApp() {\n      let linkType = 'external'\n      if (this.contentSubcategory === 'padlet') {\n        linkType = 'padlet'\n      } else if (this.contentCategory === 'photo' || this.contentCategory === 'file') {\n        linkType = 'internal_mediaplayer'\n      } else if (this.contentCategory === 'page' || this.contentCategory === 'document') {\n        linkType = 'internal_webview'\n      }\n\n      this.openLink({\n        url: this.attachmentUrlForDisplay,\n        linkType,\n        contentCategory: this.contentCategory,\n        contentSubcategory: this.contentSubcategory,\n      })\n    },\n    play(e) {\n      if (!this.canBeActioned) {\n        // opening link: cant be actioned\n        return false\n      }\n      if ($(this.$el).parents('.noclick,.is-dragging').length > 0) {\n        // opening link: dragging\n        e.preventDefault()\n        return false\n      }\n      if (this.contentCategory === 'video' || this.contentCategory === 'audio') {\n        // opening link: content is video and audio so we display player\n        this.embedInline()\n        e.preventDefault()\n        return false\n      }\n      if (this.isApp && this.canPostMessage) {\n        // opening link: isApp so use postMessage to open link\n        this.playInApp()\n        return false\n      }\n      if (this.isPhone) {\n        // opening link: on phone, only images zoom\n        if (this.contentCategory === 'photo') {\n          this.zoom()\n          e.preventDefault()\n          return false\n        }\n      } else if (this.embedCode && this.contentSubcategory !== 'padlet') {\n        // opening link: display preview for file type having the embed code\n        this.zoom()\n        e.preventDefault()\n        return false\n      }\n      // opening link: download or go to url\n      return true\n    },\n    embedInline() {\n      this.setCurrentlyPlayingMedia({ type: 'post', id: this.post.cid })\n      this.showPreview = false\n      this.showEmbed = true\n      this.embedHtml = this.embedCode\n      const $embed = $(this.embedCode)\n\n      if ($embed.is('iframe')) {\n        $embed\n          .attr({\n            width: this.postWidth || this.previewImageWidth,\n            height: this.postHeight || this.previewImageHeight,\n          })\n          .css('background', this.previewImageColor)\n        const currentSrc = $embed.attr('src')\n        let newSrc = this.addQueryParams(currentSrc, 'autoplay=1')\n        if (this.providerName.toLowerCase() === 'youtube') {\n          newSrc = this.addQueryParams(newSrc, 'rel=0')\n        }\n        $embed.attr('src', newSrc)\n        this.embedHtml = $embed[0].outerHTML\n        this.embedMetaHeight = $('.beethoven-preview-meta', this.$el).height()\n      }\n      $(this.$el).parents('.wish').addClass('is-playing')\n    },\n    zoom() {\n      this.backToPreview()\n    },\n    backToPreview() {\n      this.showPreview = true\n      this.showEmbed = false\n      this.unsetCurrentlyPlayingMedia()\n      return $(this.$el).parents('.wish').removeClass('is-playing')\n    },\n\n    expandPost() {\n      this.backToPreview()\n      this.expandPost({ postCid: this.post.cid })\n    },\n    openInNew() {\n      if (this.isApp) {\n        this.openLink({\n          linkType: 'external',\n          url: this.attachmentUrlForDisplay,\n          contentCategory: this.contentCategory,\n          contentSubcategory: this.contentSubcategory,\n        })\n      } else {\n        window.open(this.attachmentUrlForDisplay)\n      }\n    },\n    async getBeethovenAttributes() {\n      const bhOptions = {\n        dpr: this.dpr,\n        locale: getHyphenatedCurrentLocale(),\n        width: this.width,\n        height: this.height,\n        updated_at: this.updatedAt,\n      }\n\n      const data = await getDisplayAttributes(this.url, bhOptions, this.attachmentLink)\n      if (data.error) {\n        this.errorText = data.error\n        return\n      }\n      if (data === null) {\n        this.errorText = this.__('Oops! Something went wrong. Please try again.')\n        return\n      }\n      this.updateLinkDisplayAttributes({ url: this.url, attributes: data })\n      this.link = data\n      this.isLoaded = true\n      this.isTiny = data.is_tiny\n      this.isFallback = data.is_fallback\n      this.previewImageSrc = data.image_url\n      this.previewImageWidth = data.image_width\n      this.previewImageHeight = data.image_height\n      this.previewImageColor = data.image_color\n      this.previewImageAspectRatio = this.aspectRatio || data.image_aspect_ratio\n      this.previewImageLuminance = data.image_luminance\n      this.showMeta = data.show_meta\n      this.title = data.title\n      this.description = data.description\n      this.providerName = getStylizedProviderName(data.provider_name)\n      this.contentCategory = data.content_category\n      this.contentSubcategory = data.content_subcategory\n      this.extension = data.extension\n      this.embedCode = data.embed_code\n      this.isDownloadable = data.is_downloadable && !this.isMobile\n      if (this.contentCategory === 'file') {\n        this.downloadFileName = this.title\n      } else {\n        this.downloadFileName = false\n      }\n    },\n    getBeethovenAttributesOnNextTick() {\n      this.$nextTick(() => {\n        this.getBeethovenAttributes()\n      })\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$photo-color: #ff4081;\n$audio-color: #7c77b9;\n$video-color: #fec006;\n$document-color: #7fc136;\n$page-color: #4a90e2;\n$file-color: #7b8693;\n$title-color: #283238;\n$description-color: #47525d;\n$provider-color: #828990;\n\n@import '@assets/stylesheets/3/modules/all';\n\n.surface-beethoven-preview {\n  display: block;\n\n  .progress-container {\n    padding: 16px;\n  }\n}\n\n.beethoven-preview {\n  font-family: $font-family;\n  position: relative;\n  display: block;\n  color: var(--body-text-color);\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  user-select: none;\n\n  &:hover,\n  &:visited,\n  &:active,\n  &:hover:visited {\n    color: var(--body-text-color);\n  }\n}\n\n.beethoven-preview-image {\n  -webkit-touch-callout: none !important;\n  background-size: 200px 200px;\n  background-color: white;\n  display: block;\n  margin: 0px auto;\n  max-width: 100%;\n}\n\n.beethoven-preview-image.beethoven-success:not(.is-tiny) {\n  background-color: white !important;\n}\n\n.beethoven-fallback-icon {\n  background-position: center;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n  height: 72px;\n  left: calc(50% - 36px);\n  position: absolute;\n  top: calc(50% - 36px);\n  width: 72px;\n}\n\n// --------------------------------------------------------\n// METADATA SECTION\n// --------------------------------------------------------\n.beethoven-preview-meta {\n  padding: 8px 12px;\n  min-height: 40px;\n  text-align: left;\n  background: $superlight-grey;\n}\n\n.beethoven-title {\n  font-size: 12px;\n  font-weight: 400;\n  letter-spacing: 0.1px;\n  line-height: 16px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.beethoven-description {\n  font-size: 12px;\n  font-weight: normal;\n  letter-spacing: 0.1px;\n  line-height: 16px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.beethoven-provider-name {\n  font-size: 11px;\n  font-weight: normal;\n  line-height: 16px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.beethoven-preview:hover {\n  .beethoven-preview-curtain {\n    opacity: 1;\n  }\n\n  .beethoven-preview-meta {\n    opacity: 1;\n  }\n}\n\n.beethoven-video-symbol-small {\n  background-color: #ffd300;\n  background-image: url('./../../assets/images/video_symbol.svg');\n  background-position: center center;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n  display: none;\n  flex-shrink: 0;\n  height: 8px;\n  padding: 8px 7px;\n  width: 10px;\n}\n\n.beethoven-audio-symbol-small {\n  background-color: $audio-color;\n  background-image: url('./../../assets/images/audio_symbol.svg');\n  background-position: center center;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n  display: none;\n  flex-shrink: 0;\n  height: 11px;\n  padding: 6px 8px 7px 8px;\n  width: 8px;\n}\n\n.beethoven-document-symbol-small {\n  background-color: #7fc136;\n  background-image: url('./../../assets/images/document_symbol.svg');\n  background-position: center center;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n  display: none;\n  flex-shrink: 0;\n  height: 13px;\n  padding: 5px 6px 6px 8px;\n  width: 10px;\n}\n\n.beethoven-generic-attachment {\n}\n\n// --------------------------------------------------------\n// PHOTO\n// --------------------------------------------------------\n[data-category='photo'] {\n  .beethoven-fail,\n  &.is-fallback .beethoven-preview-image {\n    background-image: url('./../../assets/images/3/fallback_image.png');\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n}\n\n// --------------------------------------------------------\n// VIDEO\n// --------------------------------------------------------\n[data-category='video'] {\n  .beethoven-fail,\n  &.is-fallback .beethoven-preview-image {\n    background-image: url('./../../assets/images/3/fallback_video.png');\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n\n  .beethoven-video-play-action {\n    background-image: url('./../../assets/images/play_action.png');\n    background-repeat: no-repeat;\n    background-size: contain;\n    display: block;\n    height: 28px;\n    left: 10px;\n    position: absolute;\n    top: 10px;\n    width: 28px;\n  }\n}\n\n// --------------------------------------------------------\n// AUDIO\n// --------------------------------------------------------\n[data-category='audio'] {\n  .beethoven-fail,\n  &.is-fallback .beethoven-preview-image {\n    background-image: url('./../../assets/images/3/fallback_audio.png');\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n\n  .beethoven-audio-play-action {\n    background-image: url('./../../assets/images/play_action.png');\n    background-repeat: no-repeat;\n    background-size: contain;\n    display: block;\n    height: 28px;\n    left: 10px;\n    position: absolute;\n    top: 10px;\n    width: 28px;\n  }\n}\n\n// --------------------------------------------------------\n// DOCUMENT\n// --------------------------------------------------------\n[data-category='document'] {\n  .beethoven-fail,\n  &.is-fallback .beethoven-preview-image {\n    background-image: url('./../../assets/images/3/fallback_document.png');\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n}\n\n[data-subcategory='spreadsheet'] {\n  .beethoven-fail,\n  &.is-fallback .beethoven-preview-image {\n    background-image: url('./../../assets/images/3/fallback_spreadsheet.png');\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n}\n\n[data-subcategory='presentation'] {\n  .beethoven-fail,\n  &.is-fallback .beethoven-preview-image {\n    background-image: url('./../../assets/images/3/fallback_presentation.png');\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n}\n\n// --------------------------------------------------------\n// PAGE\n// --------------------------------------------------------\n[data-category='page'] {\n  .beethoven-fail,\n  &.is-fallback .beethoven-preview-image {\n    background-image: url('./../../assets/images/3/fallback_link.png');\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n}\n\n// --------------------------------------------------------\n// FALLBACK\n// --------------------------------------------------------\n[data-category='unknown'],\n[data-category='file'] {\n  .beethoven-preview-image {\n    background-image: url('./../../assets/images/3/fallback_file.png');\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n\n  .beethoven-file-extension {\n    display: block;\n    position: absolute;\n    color: $ultralight-grey;\n    text-transform: uppercase;\n    right: 16px;\n    top: 8px;\n    width: calc(100% - 20px);\n    overflow: hidden;\n    font-size: 24px;\n    letter-spacing: 2px;\n    font-weight: 600;\n    text-align: right;\n    text-shadow: -1px -1px 0 #d3d3d3, 1px -1px 0 #d3d3d3, -1px 1px 0 #d3d3d3, 1px 1px 0 #d3d3d3;\n  }\n}\n\n// --------------------------------------------------------\n// INLINE EMBED\n// --------------------------------------------------------\n.beethoven-inline-embed {\n  position: relative;\n  overflow: hidden;\n\n  iframe {\n    display: block;\n  }\n}\n.beethoven-inline-embed-actions {\n  padding: 8px;\n  display: flex;\n  align-items: flex-end;\n  min-height: 40px;\n  justify-content: space-between;\n}\n.beethoven-inline-embed-container {\n  position: relative;\n  overflow: hidden;\n}\n\n// --------------------------------------------------------\n// MINI PREVIEW\n// --------------------------------------------------------\n\n.surface-beethoven-preview.post-preview {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgba(#000, 0.07);\n  .progress-container {\n    width: 100%;\n  }\n  .beethoven-preview {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    .beethoven-preview-meta {\n      display: none;\n    }\n    .beethoven-preview-image {\n      object-fit: cover;\n      max-height: 100%;\n    }\n    .beethoven-action {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n}\n\n.error-text {\n  color: $error-color;\n  font-size: smaller;\n  margin: 8px;\n}\n</style>\n"],"names":["getStylizedProviderName","name","toLowerCase","_sfc_main","components","BaseIcon","BaseImage","OzIndeterminateSpinner","props","data","canBeActioned","actionable","showPreview","showEmbed","link","isLoaded","isTiny","isFallback","previewImageSrc","previewImageWidth","previewImageHeight","previewImageColor","previewImageAspectRatio","previewImageLuminance","showMeta","title","downloadFileName","description","providerName","contentCategory","contentSubcategory","extension","embedCode","isDownloadable","showHtml","embedHtml","embedMetaHeight","errorText","computed","mapState","mapPiniaState","useSurfaceMediaPlayerStore","mapGetters","attachmentUrlForDisplay","_a","url","postWidth","width","postHeight","Math","floor","downloadUrl","alternativeText","_b","post","wish_content","attachment_props","alternative_text","xAlternativeText","LinkHelpers","watch","newValue","getBeethovenAttributesOnNextTick","currentlyPlayingPostCid","newCid","cid","backToPreview","mounted","isInitialPaginatedDataLoadDone","unwatchIsInitialPaginatedDataLoadDone","$watch","beforeDestroy","unsetCurrentlyPlayingMedia","methods","mapPiniaActions","useExpandedPostStore","useNativeAppStore","useSurfaceAttachmentsStore","addQueryParams","paramsString","match","join","playInApp","linkType","openLink","play","e","$","$el","parents","length","preventDefault","embedInline","isApp","canPostMessage","isPhone","zoom","setCurrentlyPlayingMedia","type","id","$embed","is","attr","height","css","currentSrc","newSrc","outerHTML","addClass","removeClass","expandPost","postCid","openInNew","window","open","getBeethovenAttributes","bhOptions","dpr","locale","getHyphenatedCurrentLocale","updated_at","updatedAt","getDisplayAttributes","attachmentLink","error","__","updateLinkDisplayAttributes","attributes","is_tiny","is_fallback","image_url","image_width","image_height","image_color","aspectRatio","image_aspect_ratio","image_luminance","show_meta","provider_name","content_category","content_subcategory","embed_code","is_downloadable","isMobile","$nextTick"],"mappings":"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"}