<commit_before><template>
  <div class="row justify-start" ref="wrapperDiv">
    <q-resize-observable style="width: 100%" @resize="calculateSlotsPerRow" />
    <ProfilePicture
      v-for="user in users"
      v-if="user.id !== currentUser.id"
      :key="'0' + user.id"
      :user="user"
      :size="size"
      class="profilePic clickable" />

    <div v-if="waiting" class="emptySlots profilePic" style="border-color: black" v-bind:style="{ width: size + 'px', height: size + 'px' }">
      <q-spinner />
    </div>

    <transition
      appear
      :duration="{ enter: 500, leave: 0 }"
      name="bounce">
      <CurrentUser
        v-if="isUserMember && !waiting"
        :size="size"
        :popup="leavePopup"
        :currentUser="currentUser"
        class="profilePic clickable"
        v-on:leave="$emit('leave')"/>
    </transition>

    <UserSlot
      v-for="n in emptySlots"
      :key="n"
      :size="size"
      :showJoin="!isUserMember && n == 1"
      v-if="n > 1 || !(waiting && !isUserMember)"
      :popup="joinPopup"
      :currentUser="currentUser"
      class="profilePic"
      :class="{clickable: !isUserMember && n == 1}"
      v-on:join="$emit('join')"/>

    <div v-if="noNotShownEmptySlots > 0" class="emptySlots profilePic" v-bind:style="{ width: size + 'px', height: size + 'px' }">
       <div></div>
       <span v-if="noNotShownEmptySlots <= 99">+ {{ noNotShownEmptySlots }}</span>
       <span v-if="noNotShownEmptySlots > 99">...</span>
    </div>
  </div>
</template>

<script>
import ProfilePicture from './ProfilePicture.vue'
import UserSlot from './UserSlot.vue'
import CurrentUser from './CurrentUser.vue'
import { QSpinner, QResizeObservable } from 'quasar'

export default {
  props: {
    joinPopup: { default: 'PICKUPLIST.ITEM.JOIN' },
    leavePopup: { default: 'PICKUPLIST.ITEM.LEAVE' },<commit_msg>polish some syntax<commit_after><template>
  <div class="row justify-start" ref="wrapperDiv">
    <q-resize-observable style="width: 100%" @resize="calculateSlotsPerRow" />
    <ProfilePicture
      v-for="user in users"
      v-if="user.id !== currentUser.id"
      :key="'0' + user.id"
      :user="user"
      :size="size"
      class="profilePic clickable" />

    <div v-if="waiting" class="emptySlots profilePic" style="border-color: black" v-bind:style="{ width: size + 'px', height: size + 'px' }">
      <q-spinner />
    </div>

    <transition
      appear
      :duration="{ enter: 500, leave: 0 }"
      name="bounce">
      <CurrentUser
        v-if="isUserMember && !waiting"
        :size="size"
        :popup="leavePopup"
        :currentUser="currentUser"
        class="profilePic clickable"
        @leave="$emit('leave')"/>
    </transition>

    <UserSlot
      v-for="n in emptySlots"
      :key="n"
      :size="size"
      :showJoin="!isUserMember && n == 1"
      v-if="n > 1 || !(waiting && !isUserMember)"
      :popup="joinPopup"
      :currentUser="currentUser"
      class="profilePic"
      :class="{clickable: !isUserMember && n == 1}"
      @join="$emit('join')"/>

    <div v-if="noNotShownEmptySlots > 0" class="emptySlots profilePic" :style="{ width: size + 'px', height: size + 'px' }">
       <div></div>
       <span v-if="noNotShownEmptySlots <= 99">+ {{ noNotShownEmptySlots }}</span>
       <span v-if="noNotShownEmptySlots > 99">...</span>
    </div>
  </div>
</template>

<script>
import ProfilePicture from './ProfilePicture.vue'
import UserSlot from './UserSlot.vue'
import CurrentUser from './CurrentUser.vue'
import { QSpinner, QResizeObservable } from 'quasar'

export default {
  props: {
    joinPopup: { default: 'PICKUPLIST.ITEM.JOIN' },
    leavePopup: { default: 'PICKUPLIST.ITEM.LEAVE' },
{'fraction_non_alphanumeric': 0.17968116725209402, 'fraction_numerical': 0.008646311807619562, 'mean_word_length': 3.041484716157205, 'pattern_counts': {'":': 0, '<': 49, '<?xml version=': 0, '>': 53, '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': '7481902', 'n_tokens_mistral': 1311, 'n_tokens_neox': 1262, 'n_words': 254}