vue-data-ui 3.20.3 → 3.20.4

package/dist/vue-ui-accordion-Dw4MHKVB.js

@@ -0,0 +1,81 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { H as t } from "./lib-DUeYQsS0.js";
+import { t as n } from "./useConfig-DAyQk86L.js";
+import { t as r } from "./useNestedProp-CNcoy38D.js";
+import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as a } from "./BaseIcon-DfLoHNUj.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, normalizeStyle as h, onMounted as g, openBlock as _, ref as v, renderSlot as y, useCssVars as b, watch as x } from "vue";
+//#region src/components/vue-ui-accordion.vue
+var S = /* @__PURE__ */ e({ default: () => E }), C = { class: "vue-data-ui-component" }, w = ["id"], T = {
+	key: 0,
+	class: "vue-ui-accordion-arrow"
+}, E = /* @__PURE__ */ i({
+	__name: "vue-ui-accordion",
+	props: {
+		config: {
+			type: Object,
+			default() {
+				return {};
+			}
+		},
+		hideDetails: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["toggle"],
+	setup(e, { emit: i }) {
+		b((e) => ({ fc620ee6: F.value }));
+		let { vue_ui_accordion: S } = n(), E = e, D = i, O = o(() => r({
+			userConfig: E.config,
+			defaultConfig: S
+		})), k = o(() => O.value.useCursorPointer), A = v(O.value.open), j = v(t()), M = v(null), N = v(0);
+		g(() => {
+			M.value.open = O.value.open;
+		}), x(() => O.value.open, (e) => {
+			M.value.open = e;
+		});
+		function P() {
+			(N.value > 0 || !O.value.open) && (A.value = !A.value), N.value += 1, D("toggle");
+		}
+		let F = o(() => `${O.value.maxHeight}px`);
+		return (t, n) => (_(), l("div", C, [u("details", {
+			id: `details_${j.value}`,
+			ref_key: "details",
+			ref: M,
+			onToggle: P
+		}, [u("summary", {
+			class: p({ "vue-ui-accordion-headless": e.hideDetails }),
+			style: h({ cursor: k.value ? "pointer" : "default" })
+		}, [u("div", {
+			class: "vue-ui-accordion-head",
+			style: h(`background:${O.value.head.backgroundColor};padding:${O.value.head.padding}; ${e.hideDetails ? "height: 0px !important; padding: 0 !important;" : ""}`)
+		}, [e.hideDetails ? c("", !0) : (_(), l("div", T, [O.value.head.useArrowSlot ? y(t.$slots, "arrow", m(f({ key: 0 }, {
+			backgroundColor: O.value.head.backgroundColor,
+			color: O.value.head.color,
+			iconColor: O.value.head.iconColor,
+			isOpen: A.value
+		})), void 0, !0) : (_(), s(a, {
+			key: 1,
+			name: O.value.head.icon,
+			stroke: O.value.head.iconColor,
+			size: O.value.head.iconSize
+		}, null, 8, [
+			"name",
+			"stroke",
+			"size"
+		]))])), y(t.$slots, "title", m(d({
+			color: O.value.head.color,
+			isOpen: A.value
+		})), void 0, !0)], 4)], 6)], 40, w), u("div", {
+			class: "vue-ui-accordion-content",
+			style: h(`background:${O.value.body.backgroundColor};color:${O.value.body.color}`)
+		}, [y(t.$slots, "content", m(d({
+			backgroundColor: O.value.body.backgroundColor,
+			color: O.value.body.color,
+			isOpen: A.value
+		})), void 0, !0)], 4)]));
+	}
+}, [["__scopeId", "data-v-2782a9e6"]]);
+//#endregion
+export { S as n, E as t };