@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
68 lines (67 loc) • 2.25 kB
JavaScript
"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const button = require("../../../components/button/button.vue.cjs");
const vue3 = require("@dialpad/dialtone-icons/vue3");
const vue = require("vue");
const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
const _sfc_main = {
compatConfig: { MODE: 3 },
name: "DtRecipeSettingsMenuButton",
components: {
DtButton: button.default,
DtIconMoreVertical: vue3.DtIconMoreVertical
},
inheritAttrs: false,
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
}
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_dt_icon_more_vertical = vue.resolveComponent("dt-icon-more-vertical");
const _component_dt_button = vue.resolveComponent("dt-button");
return $props.updateAvailable ? (vue.openBlock(), vue.createBlock(_component_dt_button, vue.mergeProps({
key: 0,
importance: "outlined",
size: "xs",
"icon-position": "right",
class: "d-recipe-settings-menu-button-update",
"aria-label": $props.ariaLabel
}, _ctx.$attrs), {
icon: vue.withCtx(() => [
vue.createVNode(_component_dt_icon_more_vertical, { size: "300" })
]),
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 16, ["aria-label"])) : (vue.openBlock(), vue.createBlock(_component_dt_button, vue.mergeProps({
key: 1,
importance: "clear",
kind: "inverted",
class: "d-recipe-settings-menu-button",
"aria-label": $props.ariaLabel
}, _ctx.$attrs), {
icon: vue.withCtx(() => [
vue.createVNode(_component_dt_icon_more_vertical, { size: "300" })
]),
_: 1
}, 16, ["aria-label"]));
}
const settings_menu_button = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
exports.default = settings_menu_button;
//# sourceMappingURL=settings_menu_button.vue.cjs.map