@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
39 lines (38 loc) • 1.38 kB
JavaScript
import { resolveComponent, openBlock, createElementBlock, Fragment, renderList, createVNode, withCtx } from "vue";
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
import DtListItem from "../list_item/list_item.vue.js";
import DtSkeleton from "../skeleton/skeleton.vue.js";
const _sfc_main = {
name: "ComboboxLoadingList",
components: { DtListItem, DtSkeleton }
};
const _hoisted_1 = {
class: "d-combobox__loading-list",
"aria-busy": "true"
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_dt_skeleton = resolveComponent("dt-skeleton");
const _component_dt_list_item = resolveComponent("dt-list-item");
return openBlock(), createElementBlock("ol", _hoisted_1, [
(openBlock(), createElementBlock(Fragment, null, renderList(7, (index) => {
return createVNode(_component_dt_list_item, {
key: index,
role: "option",
"navigation-type": "none"
}, {
default: withCtx(() => [
createVNode(_component_dt_skeleton, {
"text-option": { type: "body" },
offset: 0
})
]),
_: 2
}, 1024);
}), 64))
]);
}
const ComboboxLoadingList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
ComboboxLoadingList as default
};
//# sourceMappingURL=combobox_loading-list.vue.js.map