@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
57 lines (56 loc) • 1.92 kB
JavaScript
import DtButton from "../../../components/button/button.vue.js";
import { DtIconMoreVertical } from "@dialpad/dialtone-icons/vue2";
import normalizeComponent from "../../../_virtual/_plugin-vue2_normalizer.js";
const _sfc_main = {
name: "DtRecipeSettingsMenuButton",
components: {
DtButton,
DtIconMoreVertical
},
props: {
/**
* Determines whether the button should display the update state
* default is false
* @values true, false
*/
updateAvailable: {
type: Boolean,
default: false
},
/**
* Aria label
*/
ariaLabel: {
type: String,
required: true
}
},
emits: [
/**
* Native click event
*
* @event click
* @type {PointerEvent | KeyboardEvent}
*/
"click"
]
};
var _sfc_render = function render() {
var _vm = this, _c = _vm._self._c;
return _vm.updateAvailable ? _c("dt-button", _vm._g({ staticClass: "d-recipe-settings-menu-button-update", attrs: { "importance": "outlined", "size": "xs", "icon-position": "right", "aria-label": _vm.ariaLabel }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
return [_c("dt-icon-more-vertical", { attrs: { "size": "300" } })];
}, proxy: true }], null, false, 3727801736) }, _vm.$listeners), [_vm._t("default")], 2) : _c("dt-button", _vm._g({ staticClass: "d-recipe-settings-menu-button", attrs: { "importance": "clear", "kind": "inverted", "aria-label": _vm.ariaLabel }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
return [_c("dt-icon-more-vertical", { attrs: { "size": "300" } })];
}, proxy: true }]) }, _vm.$listeners));
};
var _sfc_staticRenderFns = [];
var __component__ = /* @__PURE__ */ normalizeComponent(
_sfc_main,
_sfc_render,
_sfc_staticRenderFns
);
const settings_menu_button = __component__.exports;
export {
settings_menu_button as default
};
//# sourceMappingURL=settings_menu_button.vue.js.map