<commit_before>import Vue, { PluginObject } from 'vue';
import { Component, Watch } from 'vue-property-decorator';
import { SLIDE_TRANSITION_NAME } from '../component-names';
import SlideTransitionPlugin, { MSlideTransitionDirection } from './slide-transition';
import WithRender from './slide-transition.sandbox.html';

@WithRender
@Component
export class MSlideTransitionSandbox extends Vue {
    private model: number = 1;
    private direction: MSlideTransitionDirection = MSlideTransitionDirection.LeftToRight;

    @Watch('model')
    modelChange(after: number, before: number): void {
        this.direction = (after > before) ? MSlideTransitionDirection.LeftToRight : MSlideTransitionDirection.RightToLeft;
    }
}
<commit_msg>MODUL-629 - Change the transition direction in sandbox<commit_after>import Vue, { PluginObject } from 'vue';
import { Component, Watch } from 'vue-property-decorator';
import { SLIDE_TRANSITION_NAME } from '../component-names';
import SlideTransitionPlugin, { MSlideTransitionDirection } from './slide-transition';
import WithRender from './slide-transition.sandbox.html';

@WithRender
@Component
export class MSlideTransitionSandbox extends Vue {
    private model: number = 1;
    private direction: MSlideTransitionDirection = MSlideTransitionDirection.LeftToRight;

    @Watch('model')
    modelChange(after: number, before: number): void {
        this.direction = (after < before) ? MSlideTransitionDirection.LeftToRight : MSlideTransitionDirection.RightToLeft;
    }
}

{'fraction_non_alphanumeric': 0.10324288550628723, 'fraction_numerical': 0.0033090668431502318, 'mean_word_length': 5.3, 'pattern_counts': {'":': 0, '<': 4, '<?xml version=': 0, '>': 4, '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': '2494286', 'n_tokens_mistral': 422, 'n_tokens_neox': 412, 'n_words': 104}