@dialpad/dialtone/dist/vue3/lib/dropdown/dropdown-list.js

Dialpad's Dialtone design system monorepo

import { createElementBlock as t, openBlock as d, createCommentVNode as o, createElementVNode as a, toDisplayString as s, normalizeClass as n, renderSlot as r } from "vue";
import { _ as i } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
const c = {
  compatConfig: { MODE: 3 },
  name: "DtDropdownList",
  props: {
    /**
     * List's heading.
     */
    heading: {
      type: String,
      default: ""
    },
    /**
     * Additional class for the wrapper list element.
     */
    listClass: {
      type: [String, Array, Object],
      default: ""
    }
  }
}, p = {
  key: 0,
  class: "dt-dropdown-list--header d-fs12 d-fc-black-400 d-fw-bold d-lh4 d-py4 d-px12 d-d-flex d-ai-center"
};
function f(l, m, e, u, _, g) {
  return d(), t("li", null, [
    e.heading ? (d(), t("div", p, [
      a("span", null, s(e.heading), 1)
    ])) : o("", !0),
    a("ul", {
      class: n(["d-ps-relative", "d-stack2", "d-px0", e.listClass]),
      "data-qa": "dt-dropdown-list-wrapper"
    }, [
      r(l.$slots, "default")
    ], 2)
  ]);
}
const y = /* @__PURE__ */ i(c, [["render", f]]);
export {
  y as default
};
//# sourceMappingURL=dropdown-list.js.map