<commit_before><template>
    <div class="notification-container">
        <notification v-for="item,key in list" :key="item.id"
                      :permanent="item.permanent"
                      :container-class="item.containerClass"
                      :status-class="item.statusClass"
                      :width="item.width"
                      :close="item.close"
                      :content="item.content"
                      @hide="hideChild(key)">

            <template slot="content">
                <slot name="content" :data="item.content"></slot>
            </template>

        </notification>
    </div>
</template>
<script>
    import Notification from './Notification.vue';

    export default {
        components: {
            notification: Notification
        },
        props: {
            close: {
                default: 'bulma'
            },
            containerClass: {
                type: String,
                default: 'notification'
            },
            statusClass: {
                type: String,
                default: 'alert-success'
            },
            width: {
                type: Number,
                default: 350
            },
            // central event bus
            eventBus: {
                default: null
            },
            eventShow: {
                default: 'notify-me'
            },
            eventHide: {
                default: 'hide-notify-me'
            },

        },
        data(){
            return {
                list: [],
                permanent: false,
            }
        },
        methods: {
            showMe(obj){
                const item = {
                    id: this.list.length,
                    permanent: obj.permanent || this.permanent,
                    close: obj.close || this.close,
                    content: obj.data,
                    containerClass: obj.containerClass || this.containerClass,
                    statusClass: obj.status || this.statusClass,
                    width: obj.width || this.width
                };
                this.list.push(item);
            },
            hideMe(){
                this.list = [];
            },
            hideChild(key){
                this.list.splice(key,1);
            },
            // Register eventBus methods.
            registerBusMethods()
            {<commit_msg>Set permanent variable to prop<commit_after><template>
    <div class="notification-container">
        <notification v-for="item,key in list" :key="item.id"
                      :permanent="item.permanent"
                      :container-class="item.containerClass"
                      :status-class="item.statusClass"
                      :width="item.width"
                      :close="item.close"
                      :content="item.content"
                      @hide="hideChild(key)">

            <template slot="content">
                <slot name="content" :data="item.content"></slot>
            </template>

        </notification>
    </div>
</template>
<script>
    import Notification from './Notification.vue';

    export default {
        components: {
            notification: Notification
        },
        props: {
            permanent:{
                default:false
            },
            close: {
                default: 'bulma'
            },
            containerClass: {
                type: String,
                default: 'notification'
            },
            statusClass: {
                type: String,
                default: 'alert-success'
            },
            width: {
                type: Number,
                default: 350
            },
            // central event bus
            eventBus: {
                default: null
            },
            eventShow: {
                default: 'notify-me'
            },
            eventHide: {
                default: 'hide-notify-me'
            },

        },
        data(){
            return {
                list: []
            }
        },
        methods: {
            showMe(obj){
                const item = {
                    id: this.list.length,
                    permanent: obj.permanent || this.permanent,
                    close: obj.close || this.close,
                    content: obj.data,
                    containerClass: obj.containerClass || this.containerClass,
                    statusClass: obj.status || this.statusClass,
                    width: obj.width || this.width
                };
                this.list.push(item);
            },
            hideMe(){
                this.list = [];
            },
            hideChild(key){
                this.list.splice(key,1);
            },
            // Register eventBus methods.
            registerBusMethods()
            {
{'fraction_non_alphanumeric': 0.10687022900763359, 'fraction_numerical': 0.0016505054672993605, 'mean_word_length': 0.9787755102040816, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 25, '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': '5345551', 'n_tokens_mistral': 1171, 'n_tokens_neox': 1094, 'n_words': 208}