<commit_before><template>
    <transition
            enter-active-class="animated quick fadeInRight"
            leave-active-class="animated quick fadeOutRight"
    >
        <div v-if="show" :class="[container,status, 'notify-me']" :style="{ width: width + 'px' }">
            <slot name="content"></slot>
            <button v-if="close === 'bulma'" class="delete" @click="hideMe"></button>
            <button v-else-if="close === 'bootstrap'" type="button" class="close" aria-label="Close" @click="hideMe">
                <span aria-hidden="true">&times;</span>
            </button>
            <i v-else :class="close + ' material-icons'" @click="hideMe">clear</i>
        </div>
    </transition>
</template>
<script>
    export default {
        props: {
            permanent: {
                default: false
            },
            close: '',
            content: {},
            container: {
                type: String,
                default: 'alert'
            },
            status: {
                type: String,
                default: 'alert-success'
            },
            width: {
                type: Number,
                default: 350
            }

        },
        data(){
            return {
                show:true
            }
        },
        methods: {
            hideMe(){
                this.$emit('hide');
            }
        },
        created(){
            if (!this.permanent) {
                setTimeout(() => {
                    this.hideMe();
                }, 4000)
            }

        }

    }
</script>
<style scoped>
    .notify-me {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        bottom: 2rem;
        right: 2rem;
        z-index: 9999;
        margin-bottom: 1.5rem;
    }

    .notify-me i {
        cursor: pointer;
        align-self: flex-start;
    }

    .notify-me:first-child {
        margin-bottom: 0;
    }
</style><commit_msg>[Style] update z-index<commit_after><template>
    <transition
            enter-active-class="animated quick fadeInRight"
            leave-active-class="animated quick fadeOutRight"
    >
        <div v-if="show" :class="[container,status, 'notify-me']" :style="{ width: width + 'px' }">
            <slot name="content"></slot>
            <button v-if="close === 'bulma'" class="delete" @click="hideMe"></button>
            <button v-else-if="close === 'bootstrap'" type="button" class="close" aria-label="Close" @click="hideMe">
                <span aria-hidden="true">&times;</span>
            </button>
            <i v-else :class="close + ' material-icons'" @click="hideMe">clear</i>
        </div>
    </transition>
</template>
<script>
    export default {
        props: {
            permanent: {
                default: false
            },
            close: '',
            content: {},
            container: {
                type: String,
                default: 'alert'
            },
            status: {
                type: String,
                default: 'alert-success'
            },
            width: {
                type: Number,
                default: 350
            }

        },
        data(){
            return {
                show:true
            }
        },
        methods: {
            hideMe(){
                this.$emit('hide');
            }
        },
        created(){
            if (!this.permanent) {
                setTimeout(() => {
                    this.hideMe();
                }, 4000)
            }

        }

    }
</script>
<style scoped>
    .notify-me {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        bottom: 2rem;
        right: 2rem;
        z-index: 99999;
        margin-bottom: 1.5rem;
    }

    .notify-me i {
        cursor: pointer;
        align-self: flex-start;
    }

    .notify-me:first-child {
        margin-bottom: 0;
    }
</style>
{'fraction_non_alphanumeric': 0.14260826281732206, 'fraction_numerical': 0.00821304131408661, 'mean_word_length': 1.2452513966480447, 'pattern_counts': {'":': 0, '<': 43, '<?xml version=': 0, '>': 45, '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': '618403', 'n_tokens_mistral': 1151, 'n_tokens_neox': 1090, 'n_words': 215}