@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
53 lines (52 loc) • 1.72 kB
JavaScript
import { resolveComponent, openBlock, createElementBlock, renderSlot, createVNode, normalizeClass, withCtx, createElementVNode, toDisplayString } from "vue";
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
import DtListItem from "../list_item/list_item.vue.js";
const _sfc_main = {
name: "ComboboxEmptyList",
components: { DtListItem },
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 = resolveComponent("dt-list-item");
return openBlock(), createElementBlock("ol", _hoisted_1, [
renderSlot(_ctx.$slots, "default", {}, () => [
createVNode(_component_dt_list_item, {
role: "option",
"navigation-type": "none",
type: "custom",
class: normalizeClass(["d-combobox__empty-list-item", $props.itemClass])
}, {
default: withCtx(() => [
createElementVNode("span", null, toDisplayString($props.message), 1)
]),
_: 1
}, 8, ["class"])
])
]);
}
const ComboboxEmptyList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
ComboboxEmptyList as default
};
//# sourceMappingURL=combobox_empty-list.vue.js.map