@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
55 lines (54 loc) • 1.75 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const common_utils = require("../../common/utils.cjs");
const _pluginVue2_normalizer = require("../../_virtual/_plugin-vue2_normalizer.cjs");
const _sfc_main = {
name: "DtListItemGroup",
props: {
/**
* Id of the List Item Group
*/
id: {
type: String,
default() {
return common_utils.getUniqueString();
}
},
/**
* List's heading.
*/
heading: {
type: String,
default: ""
},
/**
* Additional class to style the heading
*/
headingClass: {
type: [String, Array, Object],
default: ""
},
/**
* Additional class for the wrapper list element.
*/
listClass: {
type: [String, Array, Object],
default: ""
}
}
};
var _sfc_render = function render() {
var _vm = this, _c = _vm._self._c;
return _c("ul", { class: ["d-list-item-group", _vm.listClass], attrs: { "id": _vm.id, "role": "group", "data-qa": "dt-dropdown-list-wrapper", "aria-labelledby": `${_vm.id}-heading` } }, [_vm.heading ? _c("li", { class: ["dt-dropdown-list--header", _vm.headingClass], attrs: { "id": `${_vm.id}-heading`, "role": "presentation", "data-qa": "dt-dropdown-list-heading" } }, [_vm._t("headingSlot", function() {
return [_vm._v(" " + _vm._s(_vm.heading) + " ")];
})], 2) : _vm._e(), _vm._t("default")], 2);
};
var _sfc_staticRenderFns = [];
var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
_sfc_main,
_sfc_render,
_sfc_staticRenderFns
);
const list_item_group = __component__.exports;
exports.default = list_item_group;
//# sourceMappingURL=list_item_group.vue.cjs.map