@scalar/api-reference
Version:
Generate beautiful API references from OpenAPI documents
77 lines (76 loc) • 3.03 kB
JavaScript
import { defineComponent, ref, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createCommentVNode, createElementVNode, createElementBlock, renderSlot } from "vue";
import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
import { ScalarIconCaretRight } from "@scalar/icons";
import { useElementHover } from "@vueuse/core";
const _hoisted_1 = { class: "section-accordion-button-content" };
const _hoisted_2 = {
key: 0,
class: "section-accordion-button-actions"
};
const _hoisted_3 = {
key: 0,
class: "section-accordion-description"
};
const _hoisted_4 = { class: "section-accordion-content-card" };
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "SectionAccordion",
props: {
transparent: { type: Boolean },
modelValue: { type: Boolean }
},
emits: ["update:modelValue"],
setup(__props, { emit: __emit }) {
const emit = __emit;
const button = ref();
const isHovered = useElementHover(button);
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Disclosure), {
as: "section",
class: normalizeClass(["section-accordion", { "section-accordion-transparent": __props.transparent }])
}, {
default: withCtx(() => [
createVNode(unref(DisclosureButton), {
ref_key: "button",
ref: button,
class: "section-accordion-button",
onClick: _cache[0] || (_cache[0] = () => emit("update:modelValue", !__props.modelValue))
}, {
default: withCtx(() => [
createElementVNode("div", _hoisted_1, [
renderSlot(_ctx.$slots, "title", {}, void 0, true)
]),
_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2, [
renderSlot(_ctx.$slots, "actions", {
active: unref(isHovered) || __props.modelValue
}, void 0, true)
])) : createCommentVNode("", true),
createVNode(unref(ScalarIconCaretRight), {
class: normalizeClass(["section-accordion-chevron size-4.5 transition-transform", { "rotate-90": __props.modelValue }])
}, null, 8, ["class"])
]),
_: 3
}, 512),
__props.modelValue ? (openBlock(), createBlock(unref(DisclosurePanel), {
key: 0,
class: "section-accordion-content",
static: ""
}, {
default: withCtx(() => [
_ctx.$slots.description ? (openBlock(), createElementBlock("div", _hoisted_3, [
renderSlot(_ctx.$slots, "description", {}, void 0, true)
])) : createCommentVNode("", true),
createElementVNode("div", _hoisted_4, [
renderSlot(_ctx.$slots, "default", {}, void 0, true)
])
]),
_: 3
})) : createCommentVNode("", true)
]),
_: 3
}, 8, ["class"]);
};
}
});
export {
_sfc_main as default
};