<commit_before><template>
  <div class="enhanced-scroller-wrapper"
       :class="{ 'active-transition': activeTransition }"
       :style="{ transform: `translate3d(0, ${diff}px, 0)` }">
    <slot v-if="enabledTopAction" name="top from topText">
      <div class="default-block default-block-top">
        <slot name="top-side"></slot>
        {{ topText }}
      </div>
    </slot>
    <div class="scroll-container">
      <slot></slot>
    </div>
    <slot v-if="enabledBottomAction" name="bottom from bottomText">
      <div class="default-block default-block-bottom">
        <slot name="bottom-side"></slot>
        {{ bottomText }}
      </div>
    </slot>
  </div>
</template>

<style scoped>
  .enhanced-scroller-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .scroll-container {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .active-transition {
    transition: .2s;
  }

  .enhanced-scroller-wrapper .default-block {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }

  .default-block-top {
    margin-top: -50px;
  }

  .default-block-bottom {
    margin-bottom: -50px;
  }
</style>

<script type="text/babel">
  import utils from './utils';
  import { topAction, bottomAction } from './actions';
  import { TOP_DEFAULT_CONFIG, BOTTOM_DEFAULT_CONFIG } from './config';

  export default {
    name: 'enhanced-scroller',
    props: {
      distanceIndex: {
        type: Number,
        default: 2
      },<commit_msg>Update slot api<commit_after><template>
  <div class="enhanced-scroller-wrapper"
       :class="{ 'active-transition': activeTransition }"
       :style="{ transform: `translate3d(0, ${diff}px, 0)` }">
    <slot v-if="enabledTopAction"
          name="top-block"
          :state-text="topText">
      <div class="default-block top-default-block">
        <slot name="top-default-block"
              :state="topState"
              :state-text="topText">
          {{ topText }}
        </slot>
      </div>
    </slot>
    <div class="scroll-container">
      <slot></slot>
    </div>
    <slot
      v-if="enabledBottomAction"
      name="bottom-block"
      :state-text="bottomText">
      <div class="default-block bottom-default-block">
        <slot name="bottom-default-block" :state-text="bottomText">
          {{ bottomText }}
        </slot>
      </div>
    </slot>
  </div>
</template>

<style scoped>
  .enhanced-scroller-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .scroll-container {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .active-transition {
    transition: .2s;
  }

  .enhanced-scroller-wrapper .default-block {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }

  .top-default-block {
    margin-top: -50px;
  }

  .bottom-default-block {
    margin-bottom: -50px;
  }
</style>

<script type="text/babel">
  import utils from './utils';
  import { topAction, bottomAction } from './actions';
  import { TOP_DEFAULT_CONFIG, BOTTOM_DEFAULT_CONFIG } from './config';

  export default {
    name: 'enhanced-scroller',
    props: {
      distanceIndex: {
        type: Number,
        default: 2
      },
{'fraction_non_alphanumeric': 0.1583860283047275, 'fraction_numerical': 0.012044564890093345, 'mean_word_length': 2.453222453222453, 'pattern_counts': {'":': 0, '<': 49, '<?xml version=': 0, '>': 49, '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': '3284179', 'n_tokens_mistral': 1133, 'n_tokens_neox': 1074, 'n_words': 219}