<commit_before><template>

  <div>
    <div v-el:container class="container" allowfullscreen>
      <button v-if="supportsPDFs" v-on:click="togglefullscreen">Toggle Fullscreen</button>
      <div v-el:pdfcontainer class="pdfcontainer"></div>
    </div>
  </div>

</template>


<script>

  const PDFobject = require('pdfobject');

  module.exports = {

    props: ['defaultFile'],

    data: () => ({
      supportsPDFs: PDFobject.supportsPDFs,
    }),

    methods: {
      togglefullscreen() {
        const container = this.$els.container;
        if (!document.fullscreenElement
          && !document.webkitFullscreenElement
          && !document.mozFullScreenElement
          && !document.msFullscreenElement) {
          if (container.requestFullscreen) {
            container.requestFullscreen();
          } else if (container.webkitRequestFullscreen) {
            container.webkitRequestFullscreen();
          } else if (container.mozRequestFullScreen) {
            container.mozRequestFullScreen();
          } else if (container.msRequestFullscreen) {
            container.msRequestFullscreen();
          }
        } else {
          if (document.exitFullscreen) {
            document.exitFullscreen();
          } else if (document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
          } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
          } else if (document.msExitFullscreen) {
            document.msExitFullscreen();
          }
        }
      },
    },

    ready() {
      PDFobject.embed(this.defaultFile.storage_url, this.$els.pdfcontainer);
    },

  };

</script>


<style lang="stylus" scoped>

  .container
    text-align: center
    &:fullscreen
      width: 100%
      height: 100%

  .pdfcontainer
    height: 75vh

</style><commit_msg>Added some margin<commit_after><template>

  <div>
    <div v-el:container class="container" allowfullscreen>
      <button v-if="supportsPDFs" v-on:click="togglefullscreen">Toggle Fullscreen</button>
      <div v-el:pdfcontainer class="pdfcontainer"></div>
    </div>
  </div>

</template>


<script>

  const PDFobject = require('pdfobject');

  module.exports = {

    props: ['defaultFile'],

    data: () => ({
      supportsPDFs: PDFobject.supportsPDFs,
    }),

    methods: {
      togglefullscreen() {
        const container = this.$els.container;
        if (!document.fullscreenElement
          && !document.webkitFullscreenElement
          && !document.mozFullScreenElement
          && !document.msFullscreenElement) {
          if (container.requestFullscreen) {
            container.requestFullscreen();
          } else if (container.webkitRequestFullscreen) {
            container.webkitRequestFullscreen();
          } else if (container.mozRequestFullScreen) {
            container.mozRequestFullScreen();
          } else if (container.msRequestFullscreen) {
            container.msRequestFullscreen();
          }
        } else {
          if (document.exitFullscreen) {
            document.exitFullscreen();
          } else if (document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
          } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
          } else if (document.msExitFullscreen) {
            document.msExitFullscreen();
          }
        }
      },
    },

    ready() {
      PDFobject.embed(this.defaultFile.storage_url, this.$els.pdfcontainer);
    },

  };

</script>


<style lang="stylus" scoped>

  .container
    text-align: center
    margin-top: 20px
    margin-bottom: 20px
    &:fullscreen
      width: 100%
      height: 100%

  .pdfcontainer
    height: 75vh

</style>
{'fraction_non_alphanumeric': 0.1200750469043152, 'fraction_numerical': 0.005360493165371214, 'mean_word_length': 2.3351206434316354, 'pattern_counts': {'":': 0, '<': 31, '<?xml version=': 0, '>': 33, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7658321', 'n_tokens_mistral': 1084, 'n_tokens_neox': 1029, 'n_words': 177}