import { empty } from "@ember/object/computed"; import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box"; import discourseComputed from "discourse-common/utils/decorators"; export default DropdownSelectBoxComponent.extend({ pluginApiIdentifiers: ["toolbar-popup-menu-options"], classNames: ["toolbar-popup-menu-options"], isHidden: empty("computedContent"), showFullTitle: false, @discourseComputed("title") collectionHeader(title) { return `

${title}

`; }, autoHighlight() {}, computeContent(content) { return content .map(contentItem => { if (contentItem.condition) { return { icon: contentItem.icon, name: I18n.t(contentItem.label), id: contentItem.action }; } }) .filter(contentItem => contentItem); }, // composer is triggering a focus on textarea, we avoid instantly closing // popup menu by tweaking the focus out behavior onFilterInputFocusout() {} });