<commit_before><template lang="pug">
  aside(
    class="sidebar"
    v-bind:class="classes"
    v-bind:id="id"
    v-bind:style="styles"
  )
    slot(name="top")
    v-sidebar-items(
      v-if="items.length > 0"
      v-bind:group-class="groupClass"
      v-bind:items="items"
      v-bind:ripple="ripple"
      v-bind:router="router"
    )
    slot
</template>

<script>
  import Toggleable from '../../mixins/toggleable'

  export default {
    name: 'sidebar',

    mixins: [Toggleable],

    props: {
      closeOnClick: {
        type: Boolean,
        default: true
      },

      drawer: Boolean,

      fixed: Boolean,
      
      groupClass: {
        type: String,
        default: ''
      },

      height: {
        type: String,
        default: '100vh'
      },

      id: {
        type: String,
        required: true
      },

      mobile: {
        type: Boolean,
        default: true
      },

      mobileBreakPoint: {
        type: Number,
        default: 992
      },

      items: {
        type: Array,
        default: () => []
      },

      right: Boolean,

      ripple: Boolean,

      router: Boolean
    },

    computed: {
      classes () {
        return {
          'sidebar--close': !this.active,
          'sidebar--drawer': this.drawer,
          'sidebar--fixed': this.fixed || this.drawer,
          'sidebar--fixed-right': this.fixed && this.right,
          'sidebar--mobile': this.mobile,
          'sidebar--open': this.active
        }
      },

      styles () {
        return {
          'height': this.height
        }
      }
    },

    mounted () {
      this.$vuetify.load(() => {
        this.resize()
        window.addEventListener('resize', this.resize, false)
      })

      this.$vuetify.bus.sub(`${this.$options.name}:item-clicked:${this.id}`, this.itemClicked)
    },

    beforeDestroy () {
      window.removeEventListener('resize', this.resize)
      this.$vuetify.bus.unsub(`${this.$options.name}:item-clicked:${this.id}`, this.itemClicked)
    },

    methods: {
      resize () {
        if (this.mobile && !this.drawer) {
          this.active = window.innerWidth >= this.mobileBreakPoint
        }
      },
<commit_msg>changed identifier to use component uid<commit_after><template lang="pug">
  aside(
    class="sidebar"
    v-bind:class="classes"
    v-bind:id="id"
    v-bind:style="styles"
  )
    slot(name="top")
    v-sidebar-items(
      v-if="items.length > 0"
      v-bind:group-class="groupClass"
      v-bind:items="items"
      v-bind:ripple="ripple"
      v-bind:router="router"
    )
    slot
</template>

<script>
  import Toggleable from '../../mixins/toggleable'

  export default {
    name: 'sidebar',

    mixins: [Toggleable],

    props: {
      closeOnClick: {
        type: Boolean,
        default: true
      },

      drawer: Boolean,

      fixed: Boolean,
      
      groupClass: {
        type: String,
        default: ''
      },

      height: {
        type: String,
        default: '100vh'
      },

      id: {
        type: String,
        required: true
      },

      mobile: {
        type: Boolean,
        default: true
      },

      mobileBreakPoint: {
        type: Number,
        default: 992
      },

      items: {
        type: Array,
        default: () => []
      },

      right: Boolean,

      ripple: Boolean,

      router: Boolean
    },

    computed: {
      classes () {
        return {
          'sidebar--close': !this.active,
          'sidebar--drawer': this.drawer,
          'sidebar--fixed': this.fixed || this.drawer,
          'sidebar--fixed-right': this.fixed && this.right,
          'sidebar--mobile': this.mobile,
          'sidebar--open': this.active
        }
      },

      styles () {
        return {
          'height': this.height
        }
      }
    },

    mounted () {
      this.$vuetify.load(() => {
        this.resize()
        window.addEventListener('resize', this.resize, false)
      })

      this.$vuetify.bus.sub(`${this.$options.name}:item-clicked:${this._uid}`, this.itemClicked)
    },

    beforeDestroy () {
      window.removeEventListener('resize', this.resize)
      this.$vuetify.bus.unsub(`${this.$options.name}:item-clicked:${this._uid}`, this.itemClicked)
    },

    methods: {
      resize () {
        if (this.mobile && !this.drawer) {
          this.active = window.innerWidth >= this.mobileBreakPoint
        }
      },

{'fraction_non_alphanumeric': 0.1518300948938093, 'fraction_numerical': 0.0031631269769543608, 'mean_word_length': 1.699390243902439, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 17, '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': '4606924', 'n_tokens_mistral': 1420, 'n_tokens_neox': 1373, 'n_words': 233}