<commit_before><template>
    <div>
        <button
                class="mdl-button mdl-js-button mdl-js-ripple-effect"
                :class="classes"
                :id="id"
                ref="button">
            <app-icon symbol="ellipsis-h" solid size="small" />
        </button>
        <ul class="mdl-menu mdl-js-menu mdl-js-ripple-effect mdl-menu--bottom-right" :for="id" ref="list">
            <slot></slot>
        </ul>
    </div>
</template>

<script>
import AppIcon from "./app-icon";

export default {
    name: "AppMoreList",
    components: {AppIcon},
    props: {
        id: {
            type: String,
            default() {
                this.$utils.randomId("more-list-")
            }
        },
        symbol: String,
        solid: Boolean,
        floating: Boolean
    },
    computed: {
        classes() {
            return {
                'mdl-button--icon': !this.floating,
                'mdl-button--fab': this.floating

            }
        }
    },
    mounted() {
        for (let el of this.$refs.list.querySelectorAll("a")) {
            el.classList.add("mdl-menu__item")
        }
        componentHandler.upgradeElement(this.$refs.button)
        componentHandler.upgradeElement(this.$refs.list)
    }
}
</script><commit_msg>Fix bug in app-more-list component<commit_after><template>
    <div>
        <app-button
                :id="id"
                :toolbar="!floating"
                flat>
            <app-icon symbol="ellipsis-h" solid size="small" />
        </app-button>
        <ul class="mdl-menu mdl-js-menu mdl-js-ripple-effect mdl-menu--bottom-right" :for="id" ref="list">
            <slot></slot>
        </ul>
    </div>
</template>

<script>
import AppIcon from "./app-icon";
import AppButton from "./app-button";

export default {
    name: "AppMoreList",
    components: {AppButton, AppIcon},
    props: {
        id: {
            type: String,
            default() {
                return this.$utils.randomId("more-list-")
            }
        },
        symbol: String,
        solid: Boolean,
        floating: Boolean
    },
    computed: {
        classes() {
            return {
                'mdl-button--icon': !this.floating,
                'mdl-button--fab': this.floating
            }
        }
    },
    mounted() {
        for (let el of this.$refs.list.querySelectorAll("a")) {
            el.classList.add("mdl-menu__item")
        }
        componentHandler.upgradeElement(this.$refs.list)
    }
}
</script>
{'fraction_non_alphanumeric': 0.14791252485089462, 'fraction_numerical': 0.0, 'mean_word_length': 1.5362903225806452, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 29, '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': '6203054', 'n_tokens_mistral': 782, 'n_tokens_neox': 755, 'n_words': 135}