@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
55 lines (54 loc) • 1.66 kB
JavaScript
import n from "../button/button.js";
import { DtIconMoreVertical as r } from "@dialpad/dialtone-icons/vue2";
import { n as a } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
const i = {
name: "DtRecipeSettingsMenuButton",
components: {
DtButton: n,
DtIconMoreVertical: r
},
props: {
/**
* Determines whether the button should display the update state
* default is false
* @values true, false
*/
updateAvailable: {
type: Boolean,
default: !1
},
/**
* Aria label
*/
ariaLabel: {
type: String,
required: !0
}
},
emits: [
/**
* Native click event
*
* @event click
* @type {PointerEvent | KeyboardEvent}
*/
"click"
]
};
var o = function() {
var t = this, e = t._self._c;
return t.updateAvailable ? e("dt-button", t._g({ staticClass: "d-recipe-settings-menu-button-update", attrs: { importance: "outlined", size: "xs", "icon-position": "right", "aria-label": t.ariaLabel }, scopedSlots: t._u([{ key: "icon", fn: function() {
return [e("dt-icon-more-vertical", { attrs: { size: "300" } })];
}, proxy: !0 }], null, !1, 3727801736) }, t.$listeners), [t._t("default")], 2) : e("dt-button", t._g({ staticClass: "d-recipe-settings-menu-button", attrs: { importance: "clear", kind: "inverted", "aria-label": t.ariaLabel }, scopedSlots: t._u([{ key: "icon", fn: function() {
return [e("dt-icon-more-vertical", { attrs: { size: "300" } })];
}, proxy: !0 }]) }, t.$listeners));
}, s = [], c = /* @__PURE__ */ a(
i,
o,
s
);
const m = c.exports;
export {
m as default
};
//# sourceMappingURL=settings-menu-button.js.map