@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
53 lines (52 loc) • 1.81 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue = require("vue");
const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
const list_item = require("../list_item/list_item.vue.cjs");
const _sfc_main = {
name: "ComboboxEmptyList",
components: { DtListItem: list_item.default },
props: {
/**
* Message to display when list is empty
*/
message: {
type: String,
required: true
},
/**
* Additional class name for the empty list element.
* Can accept all of String, Object, and Array, i.e. has the
* same api as Vue's built-in handling of the class attribute.
*/
itemClass: {
type: [String, Object, Array],
default: ""
}
}
};
const _hoisted_1 = {
class: "d-combobox__empty-list",
"data-qa": "dt-combobox-empty-list"
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_dt_list_item = vue.resolveComponent("dt-list-item");
return vue.openBlock(), vue.createElementBlock("ol", _hoisted_1, [
vue.renderSlot(_ctx.$slots, "default", {}, () => [
vue.createVNode(_component_dt_list_item, {
role: "option",
"navigation-type": "none",
type: "custom",
class: vue.normalizeClass(["d-combobox__empty-list-item", $props.itemClass])
}, {
default: vue.withCtx(() => [
vue.createElementVNode("span", null, vue.toDisplayString($props.message), 1)
]),
_: 1
}, 8, ["class"])
])
]);
}
const ComboboxEmptyList = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
exports.default = ComboboxEmptyList;
//# sourceMappingURL=combobox_empty-list.vue.cjs.map