vue-data-ui 3.2.7 → 3.3.0

package/dist/{vue-ui-accordion-CeMTgpl0.js → vue-ui-accordion-Dch9YrCi.js}

@@ -1,12 +1,12 @@
-import { useCssVars as _, computed as d, ref as t, onMounted as $, watch as O, createElementBlock as v, openBlock as i, createElementVNode as n, normalizeClass as z, normalizeStyle as m, createCommentVNode as D, renderSlot as u, createBlock as N, normalizeProps as s, mergeProps as x, guardReactiveProps as p } from "vue";
-import B from "./BaseIcon-Bz-1GQhu.js";
-import { u as I, a as w } from "./useNestedProp-BOk-tPdu.js";
-import { c as A } from "./lib-BEpWEyMm.js";
+import { useCssVars as y, computed as d, ref as l, onMounted as $, watch as O, createElementBlock as v, openBlock as i, createElementVNode as n, normalizeClass as z, normalizeStyle as m, createCommentVNode as D, renderSlot as u, createBlock as N, normalizeProps as s, mergeProps as x, guardReactiveProps as p } from "vue";
+import B from "./BaseIcon-CtqN7W_g.js";
+import { u as I, a as w } from "./useNestedProp-mxyyqd0B.js";
+import { c as A } from "./lib-GIYcnm0E.js";
 import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const P = ["id"], S = {
+const P = { class: "vue-data-ui-component" }, S = ["id"], E = {
   key: 0,
   class: "vue-ui-accordion-arrow"
-}, E = {
+}, V = {
   __name: "vue-ui-accordion",
   props: {
     config: {
@@ -21,14 +21,14 @@ const P = ["id"], S = {
     }
   },
   emits: ["toggle"],
-  setup(l, { emit: g }) {
-    _((o) => ({
-      v1a034994: y.value
+  setup(t, { emit: g }) {
+    y((o) => ({
+      v412bb467: _.value
     }));
-    const { vue_ui_accordion: f } = I(), h = l, k = g, e = d(() => w({
+    const { vue_ui_accordion: f } = I(), h = t, k = g, e = d(() => w({
       userConfig: h.config,
       defaultConfig: f
-    })), a = t(e.value.open), C = t(A()), r = t(null), c = t(0);
+    })), a = l(e.value.open), C = l(A()), r = l(null), c = l(0);
     $(() => {
       r.value.open = e.value.open;
     }), O(() => e.value.open, (o) => {
@@ -37,8 +37,8 @@ const P = ["id"], S = {
     function b() {
       (c.value > 0 || !e.value.open) && (a.value = !a.value), c.value += 1, k("toggle");
     }
-    const y = d(() => `${e.value.maxHeight}px`);
-    return (o, V) => (i(), v("div", null, [
+    const _ = d(() => `${e.value.maxHeight}px`);
+    return (o, G) => (i(), v("div", P, [
       n("details", {
         id: `details_${C.value}`,
         ref_key: "details",
@@ -46,13 +46,13 @@ const P = ["id"], S = {
         onToggle: b
       }, [
         n("summary", {
-          class: z({ "vue-ui-accordion-headless": l.hideDetails })
+          class: z({ "vue-ui-accordion-headless": t.hideDetails })
         }, [
           n("div", {
             class: "vue-ui-accordion-head",
-            style: m(`background:${e.value.head.backgroundColor};padding:${e.value.head.padding}; ${l.hideDetails ? "height: 0px !important; padding: 0 !important;" : ""}`)
+            style: m(`background:${e.value.head.backgroundColor};padding:${e.value.head.padding}; ${t.hideDetails ? "height: 0px !important; padding: 0 !important;" : ""}`)
           }, [
-            l.hideDetails ? D("", !0) : (i(), v("div", S, [
+            t.hideDetails ? D("", !0) : (i(), v("div", E, [
               e.value.head.useArrowSlot ? u(o.$slots, "arrow", s(x({ key: 0 }, { backgroundColor: e.value.head.backgroundColor, color: e.value.head.color, iconColor: e.value.head.iconColor, isOpen: a.value })), void 0, !0) : (i(), N(B, {
                 key: 1,
                 name: e.value.head.icon,
@@ -63,7 +63,7 @@ const P = ["id"], S = {
             u(o.$slots, "title", s(p({ color: e.value.head.color, isOpen: a.value })), void 0, !0)
           ], 4)
         ], 2)
-      ], 40, P),
+      ], 40, S),
       n("div", {
         class: "vue-ui-accordion-content",
         style: m(`background:${e.value.body.backgroundColor};color:${e.value.body.color}`)
@@ -72,7 +72,7 @@ const P = ["id"], S = {
       ], 4)
     ]));
   }
-}, j = /* @__PURE__ */ F(E, [["__scopeId", "data-v-70b19ab3"]]);
+}, M = /* @__PURE__ */ F(V, [["__scopeId", "data-v-db47a174"]]);
 export {
-  j as default
+  M as default
 };