<commit_before><template lang="pug">
  component(
    v-bind:is="transition" 
    v-bind:origin="computedOrigin"
  )
    div(
      class="menu"
      v-bind:class="classes"
      v-bind:data-auto="auto"
      v-bind:data-top="top"
      v-bind:data-right="right"
      v-bind:data-bottom="bottom"
      v-bind:data-left="left"
      v-bind:data-hover="hover"
      v-bind:data-offset-x="offsetX"
      v-bind:data-offset-y="offsetY"
      v-bind:data-scrollable="maxHeight !== 'auto'"
      v-bind:id="id"
      v-bind:style="styles"
      v-show="active"
    )
      v-list
        v-list-item(v-for="(item, index) in items")
          v-list-tile(
            v-bind:item="item" 
            v-on:click.stop.native="updateValue(item)"
            v-bind:class="{ 'list__tile--active': inputValue === item }"
          )
</template>

<script>
  import Toggleable from '../../mixins/toggleable'
  import Storable from '../../mixins/storable'
  import Transitionable from '../../mixins/transitionable'

  export default {
    name: 'menu',

    mixins: [Storable, Toggleable, Transitionable],

    data () {
      return {
        inputValue: {}
      }
    },

    props: {
      auto: Boolean,
<commit_msg>added slot, made initial list a conditional<commit_after><template lang="pug">
  component(
    v-bind:is="transition" 
    v-bind:origin="computedOrigin"
  )
    div(
      class="menu"
      v-bind:class="classes"
      v-bind:data-auto="auto"
      v-bind:data-top="top"
      v-bind:data-right="right"
      v-bind:data-bottom="bottom"
      v-bind:data-left="left"
      v-bind:data-hover="hover"
      v-bind:data-offset-x="offsetX"
      v-bind:data-offset-y="offsetY"
      v-bind:data-scrollable="maxHeight !== 'auto'"
      v-bind:id="id"
      v-bind:style="styles"
      v-show="active"
    )
      v-list(v-if="items.length")
        v-list-item(v-for="(item, index) in items")
          v-list-tile(
            v-bind:item="item" 
            v-on:click.stop.native="updateValue(item)"
            v-bind:class="{ 'list__tile--active': inputValue === item }"
          )
      slot
</template>

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

  export default {
    name: 'menu',

    mixins: [Storable, Toggleable],

    data () {
      return {
        inputValue: {}
      }
    },

    props: {
      auto: Boolean,

{'fraction_non_alphanumeric': 0.17145235122763214, 'fraction_numerical': 0.0, 'mean_word_length': 2.2311827956989245, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, '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': '2736354', 'n_tokens_mistral': 835, 'n_tokens_neox': 822, 'n_words': 124}