@dialpad/dialtone/dist/vue2/lib/list-item-group/list-item-group.js

Dialpad's Dialtone design system monorepo

import { getUniqueString as r } from "../../common/utils/index.js";
import { n as a } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
const i = {
  name: "DtListItemGroup",
  props: {
    /**
     * Id of the List Item Group
     */
    id: {
      type: String,
      default() {
        return r();
      }
    },
    /**
     * 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 n = function() {
  var t = this, e = t._self._c;
  return e("ul", { class: ["d-list-item-group", t.listClass], attrs: { id: t.id, role: "group", "data-qa": "dt-dropdown-list-wrapper", "aria-labelledby": `${t.id}-heading` } }, [t.heading ? e("li", { class: ["dt-dropdown-list--header", t.headingClass], attrs: { id: `${t.id}-heading`, role: "presentation", "data-qa": "dt-dropdown-list-heading" } }, [t._t("headingSlot", function() {
    return [t._v(" " + t._s(t.heading) + " ")];
  })], 2) : t._e(), t._t("default")], 2);
}, d = [], s = /* @__PURE__ */ a(
  i,
  n,
  d
);
const _ = s.exports;
export {
  _ as default
};
//# sourceMappingURL=list-item-group.js.map