ep-lib-ts 1.1.5 → 1.1.6

package/dist/components/basics/EpAvatar.vue.js

@@ -1,58 +1,4 @@
-import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString } from "vue";
-import { typeAvatar } from "../../types/Avatar.js";
-import useColors from "../../composables/useColors.js";
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = ["src", "alt"];
-const _hoisted_3 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EpAvatar",
-  props: {
-    src: { default: "" },
-    alt: { default: "" },
-    color: { default: "primary" },
-    size: { default: "small" },
-    variant: { default: "circle" },
-    name: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const style = computed(() => {
-      return props.variant;
-    });
-    const size = computed(() => {
-      return props.size;
-    });
-    const final_style = computed(() => {
-      var _a;
-      return `${(_a = typeAvatar[style.value]) == null ? void 0 : _a[size.value]}`;
-    });
-    const bgcolor = computed(() => {
-      return useColors(props.color);
-    });
-    const final_name = computed(() => {
-      if (props.name.length > 2) {
-        return props.name.slice(0, 2);
-      } else {
-        return props.name;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        props.src != "" ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createElementVNode("img", {
-            src: props.src,
-            alt: props.alt,
-            class: normalizeClass(`${final_style.value} `)
-          }, null, 10, _hoisted_2)
-        ])) : props.src == "" ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          createElementVNode("div", {
-            class: normalizeClass(`${final_style.value}  ${bgcolor.value}  justify-center font-bold text-white flex items-center`)
-          }, toDisplayString(final_name.value), 3)
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
+import _sfc_main from "./EpAvatar.vue2.js";
 export {
   _sfc_main as default
 };

package/dist/components/basics/EpAvatar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpAvatar.vue.js","sources":["../../../src/components/basics/EpAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { typeAvatar } from \"../../types/Avatar\";\nimport type { EpAvatarProps } from \"../../types/basics/EpAvatar\";\nimport useColors from \"../../composables/useColors\";\n\n// define parameter and default valule\nconst props = withDefaults(defineProps<EpAvatarProps>(), {\n    src: \"\",\n    alt: \"\",\n    color: \"primary\",\n    size: \"small\",\n    variant: \"circle\",\n    name: \"\",\n});\n\nconst style = computed(() => {\n    return props.variant;\n});\n\nconst size = computed(() => {\n    return props.size;\n});\n\nconst final_style = computed(() => {\n    return `${typeAvatar[style.value]?.[size.value]}`;\n});\n\nconst bgcolor = computed(() => {\n    return useColors(props.color);\n});\n\nconst final_name = computed(() => {\n    if (props.name.length > 2) {\n        return props.name.slice(0, 2);\n    } else {\n        return props.name;\n    }\n});\n</script>\n<template>\n    <div>\n        <div v-if=\"props.src != ''\">\n            <img :src=\"props.src\" :alt=\"props.alt\" :class=\"`${final_style} `\" />\n        </div>\n        <div v-else-if=\"props.src == ''\">\n            <div\n                :class=\"`${final_style}  ${bgcolor}  justify-center font-bold text-white flex items-center`\"\n            >\n                {{ final_name }}\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AASd,UAAM,QAAQ,SAAS,MAAM;AACzB,aAAO,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AACxB,aAAO,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;;AAC/B,aAAO,IAAG,gBAAW,MAAM,KAAK,MAAtB,mBAA0B,KAAK,MAAM;AAAA,IACnD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC3B,aAAO,UAAU,MAAM,KAAK;AAAA,IAChC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAC9B,UAAI,MAAM,KAAK,SAAS,GAAG;AACvB,eAAO,MAAM,KAAK,MAAM,GAAG,CAAC;AAAA,MAChC,OAAO;AACH,eAAO,MAAM;AAAA,MACjB;AAAA,IACJ,CAAC;;0BAGGA,mBAWM,OAAA,MAAA;AAAA,QAVS,MAAM,OAAG,mBAApBA,mBAEM,OAAA,YAAA;AAAA,UADFC,mBAAoE,OAAA;AAAA,YAA9D,KAAK,MAAM;AAAA,YAAM,KAAK,MAAM;AAAA,YAAM,yBAAU,YAAA,KAAW,GAAA;AAAA,UAAA;cAEjD,MAAM,OAAG,mBAAzBD,mBAMM,OAAA,YAAA;AAAA,UALFC,mBAIM,OAAA;AAAA,YAHD,OAAKC,eAAA,GAAK,YAAA,KAAW,KAAK,QAAA,KAAO,yDAAA;AAAA,UAAA,mBAE/B,WAAA,KAAU,GAAA,CAAA;AAAA,QAAA;;;;;"}
+{"version":3,"file":"EpAvatar.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/basics/EpAvatar.vue2.js

@@ -1,4 +1,58 @@
-import _sfc_main from "./EpAvatar.vue.js";
+import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString } from "vue";
+import { typeAvatar } from "../../types/Avatar.js";
+import useColors from "../../composables/useColors.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = ["src", "alt"];
+const _hoisted_3 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EpAvatar",
+  props: {
+    src: { default: "" },
+    alt: { default: "" },
+    color: { default: "primary" },
+    size: { default: "small" },
+    variant: { default: "circle" },
+    name: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const style = computed(() => {
+      return props.variant;
+    });
+    const size = computed(() => {
+      return props.size;
+    });
+    const final_style = computed(() => {
+      var _a;
+      return `${(_a = typeAvatar[style.value]) == null ? void 0 : _a[size.value]}`;
+    });
+    const bgcolor = computed(() => {
+      return useColors(props.color);
+    });
+    const final_name = computed(() => {
+      if (props.name.length > 2) {
+        return props.name.slice(0, 2);
+      } else {
+        return props.name;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        props.src != "" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("img", {
+            src: props.src,
+            alt: props.alt,
+            class: normalizeClass(`${final_style.value} `)
+          }, null, 10, _hoisted_2)
+        ])) : props.src == "" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createElementVNode("div", {
+            class: normalizeClass(`${final_style.value}  ${bgcolor.value}  justify-center font-bold text-white flex items-center`)
+          }, toDisplayString(final_name.value), 3)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/basics/EpAvatar.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpAvatar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"EpAvatar.vue2.js","sources":["../../../src/components/basics/EpAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { typeAvatar } from \"../../types/Avatar\";\nimport type { EpAvatarProps } from \"../../types/basics/EpAvatar\";\nimport useColors from \"../../composables/useColors\";\n\n// define parameter and default valule\nconst props = withDefaults(defineProps<EpAvatarProps>(), {\n    src: \"\",\n    alt: \"\",\n    color: \"primary\",\n    size: \"small\",\n    variant: \"circle\",\n    name: \"\",\n});\n\nconst style = computed(() => {\n    return props.variant;\n});\n\nconst size = computed(() => {\n    return props.size;\n});\n\nconst final_style = computed(() => {\n    return `${typeAvatar[style.value]?.[size.value]}`;\n});\n\nconst bgcolor = computed(() => {\n    return useColors(props.color);\n});\n\nconst final_name = computed(() => {\n    if (props.name.length > 2) {\n        return props.name.slice(0, 2);\n    } else {\n        return props.name;\n    }\n});\n</script>\n<template>\n    <div>\n        <div v-if=\"props.src != ''\">\n            <img :src=\"props.src\" :alt=\"props.alt\" :class=\"`${final_style} `\" />\n        </div>\n        <div v-else-if=\"props.src == ''\">\n            <div\n                :class=\"`${final_style}  ${bgcolor}  justify-center font-bold text-white flex items-center`\"\n            >\n                {{ final_name }}\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AASd,UAAM,QAAQ,SAAS,MAAM;AACzB,aAAO,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AACxB,aAAO,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;;AAC/B,aAAO,IAAG,gBAAW,MAAM,KAAK,MAAtB,mBAA0B,KAAK,MAAM;AAAA,IACnD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC3B,aAAO,UAAU,MAAM,KAAK;AAAA,IAChC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAC9B,UAAI,MAAM,KAAK,SAAS,GAAG;AACvB,eAAO,MAAM,KAAK,MAAM,GAAG,CAAC;AAAA,MAChC,OAAO;AACH,eAAO,MAAM;AAAA,MACjB;AAAA,IACJ,CAAC;;0BAGGA,mBAWM,OAAA,MAAA;AAAA,QAVS,MAAM,OAAG,mBAApBA,mBAEM,OAAA,YAAA;AAAA,UADFC,mBAAoE,OAAA;AAAA,YAA9D,KAAK,MAAM;AAAA,YAAM,KAAK,MAAM;AAAA,YAAM,yBAAU,YAAA,KAAW,GAAA;AAAA,UAAA;cAEjD,MAAM,OAAG,mBAAzBD,mBAMM,OAAA,YAAA;AAAA,UALFC,mBAIM,OAAA;AAAA,YAHD,OAAKC,eAAA,GAAK,YAAA,KAAW,KAAK,QAAA,KAAO,yDAAA;AAAA,UAAA,mBAE/B,WAAA,KAAU,GAAA,CAAA;AAAA,QAAA;;;;;"}

package/dist/components/basics/EpSection.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, renderSlot, normalizeClass, toDisplayString } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, unref, createBlock, Fragment, createElementVNode, createCommentVNode, renderSlot, normalizeClass, toDisplayString, withCtx } from "vue";
 import { useCreateUid } from "../../composables/useCreateUid.js";
 import { cols_img } from "../../types/Image.js";
 import _sfc_main$2 from "./EpDivider.vue.js";
 import _sfc_main$1 from "./EpIcon.vue.js";
+import Comp from "../interactions/EpAccordeon.vue.js";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "text-2xl font-semibold dark:text-white" };
 const _hoisted_3 = { class: "dark:text-white" };
@@ -12,6 +13,15 @@ const _hoisted_5 = {
   class: "w-full"
 };
 const _hoisted_6 = ["src", "alt"];
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { class: "text-2xl font-semibold dark:text-white" };
+const _hoisted_9 = { class: "dark:text-white" };
+const _hoisted_10 = ["innerHTML"];
+const _hoisted_11 = {
+  key: 1,
+  class: "w-full"
+};
+const _hoisted_12 = ["src", "alt"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpSection",
   props: {
@@ -23,11 +33,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     media: {},
     colsMedia: { default: "6" },
     mediaAling: { default: "justify-center" },
-    src: {}
+    src: {},
+    compact: { type: Boolean },
+    open: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
-    const id = ref(props.uid || useCreateUid());
+    const id = props.uid || useCreateUid();
     const iconSize = computed(() => {
       if (props.title && props.subtitle) return 40;
       return 25;
@@ -44,49 +56,86 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", {
         class: "EpSection",
-        id: `section-${id.value}`
+        id: `section-${unref(id)}`
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(`flex items-center ${styleTitle.value}`)
-        }, [
-          _ctx.icon && !_ctx.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 0,
-            "icon-path": _ctx.icon,
-            size: iconSize.value
-          }, null, 8, ["icon-path", "size"])) : createCommentVNode("", true),
+        !_ctx.compact ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           createElementVNode("div", {
-            class: normalizeClass(`${_ctx.endIcon ? "" : "ml-2"}`)
+            class: normalizeClass(`flex items-center ${styleTitle.value}`)
           }, [
-            createElementVNode("h2", _hoisted_2, toDisplayString(_ctx.title), 1),
-            createElementVNode("h3", _hoisted_3, toDisplayString(_ctx.subtitle), 1)
+            _ctx.icon && !_ctx.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              "icon-path": _ctx.icon,
+              size: iconSize.value
+            }, null, 8, ["icon-path", "size"])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass(`${_ctx.endIcon ? "" : "ml-2"}`)
+            }, [
+              createElementVNode("h2", _hoisted_2, toDisplayString(_ctx.title), 1),
+              createElementVNode("h3", _hoisted_3, toDisplayString(_ctx.subtitle), 1)
+            ], 2),
+            _ctx.icon && _ctx.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 1,
+              "icon-path": _ctx.icon,
+              size: iconSize.value
+            }, null, 8, ["icon-path", "size"])) : createCommentVNode("", true)
           ], 2),
-          _ctx.icon && _ctx.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 1,
-            "icon-path": _ctx.icon,
-            size: iconSize.value
-          }, null, 8, ["icon-path", "size"])) : createCommentVNode("", true)
-        ], 2),
-        _ctx.media || _ctx.src ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(`flex ${_ctx.mediaAling}`)
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(`dark:text-white ${renderCols.value}`)
+          _ctx.media || _ctx.src ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(`flex ${_ctx.mediaAling}`)
           }, [
-            _ctx.media ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              innerHTML: _ctx.media,
-              class: "w-full"
-            }, null, 8, _hoisted_4)) : (openBlock(), createElementBlock("div", _hoisted_5, [
-              createElementVNode("img", {
-                src: _ctx.src,
-                alt: `image section ${_ctx.title}`
-              }, null, 8, _hoisted_6)
-            ]))
-          ], 2)
-        ], 2)) : createCommentVNode("", true),
-        _ctx.title || _ctx.subtitle ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default")
+            createElementVNode("div", {
+              class: normalizeClass(`dark:text-white ${renderCols.value}`)
+            }, [
+              _ctx.media ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                innerHTML: _ctx.media,
+                class: "w-full"
+              }, null, 8, _hoisted_4)) : (openBlock(), createElementBlock("div", _hoisted_5, [
+                createElementVNode("img", {
+                  src: _ctx.src,
+                  alt: `image section ${_ctx.title}`
+                }, null, 8, _hoisted_6)
+              ]))
+            ], 2)
+          ], 2)) : createCommentVNode("", true),
+          _ctx.title || _ctx.subtitle ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
+        ], 64)) : (openBlock(), createBlock(Comp, {
+          key: 1,
+          title: _ctx.title,
+          open: _ctx.open,
+          icon: _ctx.icon,
+          outlined: ""
+        }, {
+          default: withCtx(() => [
+            _ctx.title || _ctx.subtitle ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              createElementVNode("h2", _hoisted_8, toDisplayString(_ctx.title), 1),
+              createElementVNode("h3", _hoisted_9, toDisplayString(_ctx.subtitle), 1)
+            ])) : createCommentVNode("", true),
+            _ctx.media || _ctx.src ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(`flex ${_ctx.mediaAling}`)
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(`dark:text-white ${renderCols.value}`)
+              }, [
+                _ctx.media ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  innerHTML: _ctx.media,
+                  class: "w-full"
+                }, null, 8, _hoisted_10)) : (openBlock(), createElementBlock("div", _hoisted_11, [
+                  createElementVNode("img", {
+                    src: _ctx.src,
+                    alt: `image section ${_ctx.title}`
+                  }, null, 8, _hoisted_12)
+                ]))
+              ], 2)
+            ], 2)) : createCommentVNode("", true),
+            _ctx.title || _ctx.subtitle ? (openBlock(), createBlock(_sfc_main$2, { key: 2 })) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["title", "open", "icon"]))
       ], 8, _hoisted_1);
     };
   }

package/dist/components/basics/EpSection.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpSection.vue.js","sources":["../../../src/components/basics/EpSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { cols_img } from \"~/types/Image\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpSectionProps } from \"~/types/basics/EpSection\";\n\nconst props = withDefaults(defineProps<EpSectionProps>(), {\n  title: null,\n  icon: null,\n  colsMedia: \"6\",\n  mediaAling: \"justify-center\",\n});\n\nconst id = ref(props.uid || useCreateUid());\n\nconst iconSize = computed(() => {\n  if (props.title && props.subtitle) return 40;\n  return 25;\n});\n\nconst styleTitle = computed(() => {\n  if (props.endIcon) {\n    return \"justify-between\";\n  }\n  return \"\";\n});\n\nconst renderCols = computed(() => {\n  return cols_img[+props.colsMedia];\n});\n</script>\n\n<template>\n  <section class=\"EpSection\" :id=\"`section-${id}`\">\n    <div :class=\"`flex items-center ${styleTitle}`\">\n      <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && !endIcon\" />\n      <div :class=\"`${endIcon ? '' : 'ml-2'}`\">\n        <h2 class=\"text-2xl font-semibold dark:text-white\">{{ title }}</h2>\n        <h3 class=\"dark:text-white\">{{ subtitle }}</h3>\n      </div>\n      <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && endIcon\" />\n    </div>\n    <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n      <div :class=\"`dark:text-white ${renderCols}`\">\n        <!--svg s'importe sur l'image src-->\n        <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n        <!-- img -->\n        <div v-else class=\"w-full\">\n          <img :src=\"src\" :alt=\"`image section ${title}`\" />\n        </div>\n      </div>\n    </div>\n    <EpDivider v-if=\"title || subtitle\" />\n    <slot />\n  </section>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","icon","endIcon","_createBlock","EpIcon","_toDisplayString","title","subtitle","media","src","mediaAling","_openBlock","EpDivider","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAOd,UAAM,KAAK,IAAI,MAAM,OAAO,cAAc;AAE1C,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,SAAS,MAAM,SAAU,QAAO;AAC1C,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,SAAS;AACjB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,SAAS,CAAC,MAAM,SAAS;AAAA,IAClC,CAAC;;0BAICA,mBAqBU,WAAA;AAAA,QArBD,OAAM;AAAA,QAAa,eAAe,GAAA,KAAE;AAAA,MAAA;QAC3CC,mBAOM,OAAA;AAAA,UAPA,2CAA4B,WAAA,KAAU,EAAA;AAAA,QAAA;UACOC,KAAAA,SAASC,KAAAA,wBAA1DC,YAAqEC,aAAA;AAAA;YAA5D,aAAWH,KAAAA;AAAAA,YAAO,MAAM,SAAA;AAAA,UAAA;UACjCD,mBAGM,OAAA;AAAA,YAHA,yBAAUE,KAAAA,UAAO,KAAA,MAAA,EAAA;AAAA,UAAA;YACrBF,mBAAmE,MAAnE,YAAmEK,gBAAbC,KAAAA,KAAK,GAAA,CAAA;AAAA,YAC3DN,mBAA+C,MAA/C,YAA+CK,gBAAhBE,KAAAA,QAAQ,GAAA,CAAA;AAAA,UAAA;UAEQN,KAAAA,QAAQC,KAAAA,wBAAzDC,YAAoEC,aAAA;AAAA;YAA3D,aAAWH,KAAAA;AAAAA,YAAO,MAAM,SAAA;AAAA,UAAA;;QAEMO,KAAAA,SAASC,KAAAA,oBAAlDV,mBASM,OAAA;AAAA;UATA,8BAAeW,KAAAA,UAAU,EAAA;AAAA,QAAA;UAC7BV,mBAOM,OAAA;AAAA,YAPA,yCAA0B,WAAA,KAAU,EAAA;AAAA,UAAA;YAECQ,KAAAA,sBAAzCT,mBAAkD,OAAA;AAAA;cAA7C,WAAQS,KAAAA;AAAAA,cAAO,OAAM;AAAA,YAAA,4BAE1BG,UAAA,GAAAZ,mBAEM,OAFN,YAEM;AAAA,cADJC,mBAAkD,OAAA;AAAA,gBAA5C,KAAKS,KAAAA;AAAAA,gBAAM,sBAAsBH,KAAAA,KAAK;AAAA,cAAA;;;;QAIjCA,KAAAA,SAASC,KAAAA,yBAA1BJ,YAAsCS,aAAA,EAAA,KAAA,EAAA,CAAA;QACtCC,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"EpSection.vue.js","sources":["../../../src/components/basics/EpSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { cols_img } from \"~/types/Image\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpSectionProps } from \"~/types/basics/EpSection\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\n\nconst props = withDefaults(defineProps<EpSectionProps>(), {\n  title: null,\n  icon: null,\n  colsMedia: \"6\",\n  mediaAling: \"justify-center\",\n});\n\nconst id =  props.uid || useCreateUid();\n\nconst iconSize = computed(() => {\n  if (props.title && props.subtitle) return 40;\n  return 25;\n});\n\nconst styleTitle = computed(() => {\n  if (props.endIcon) {\n    return \"justify-between\";\n  }\n  return \"\";\n});\n\nconst renderCols = computed(() => {\n  return cols_img[+props.colsMedia];\n});\n\n</script>\n\n<template>\n  <section class=\"EpSection\" :id=\"`section-${id}`\">\n    <!--normal mode-->\n    <template v-if=\"!compact\">\n      <div :class=\"`flex items-center ${styleTitle}`\">\n        <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && !endIcon\" />\n        <div :class=\"`${endIcon ? '' : 'ml-2'}`\">\n          <h2 class=\"text-2xl font-semibold dark:text-white\">{{ title }}</h2>\n          <h3 class=\"dark:text-white\">{{ subtitle }}</h3>\n        </div>\n        <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && endIcon\" />\n      </div>\n      \n      <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n        <div :class=\"`dark:text-white ${renderCols}`\">\n          <!--svg s'importe sur l'image src-->\n          <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n          <!-- img -->\n          <div v-else class=\"w-full\">\n            <img :src=\"src\" :alt=\"`image section ${title}`\" />\n          </div>\n        </div>\n      </div>\n      <EpDivider v-if=\"title || subtitle\" />\n      <slot />\n    </template>\n \n    <!--compact mode-->\n    <template v-else>\n      <EpAccordeon :title=\"title\" :open=\"open\" :icon=\"icon\" outlined>\n        <div v-if=\"title || subtitle\">\n          <h2 class=\"text-2xl font-semibold dark:text-white\">{{ title }}</h2>\n          <h3 class=\"dark:text-white\">{{ subtitle }}</h3>\n        </div>\n        <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n          <div :class=\"`dark:text-white ${renderCols}`\">\n            <!--svg s'importe sur l'image src-->\n            <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n            <!-- img -->\n            <div v-else class=\"w-full\">\n              <img :src=\"src\" :alt=\"`image section ${title}`\" />\n            </div>\n          </div>\n        </div>\n        <EpDivider v-if=\"title || subtitle\" />\n        <slot />\n      </EpAccordeon>\n    </template>\n  </section>\n</template>\n"],"names":["_createElementBlock","_unref","compact","_Fragment","_createElementVNode","icon","endIcon","_createBlock","EpIcon","_toDisplayString","title","subtitle","media","src","mediaAling","_openBlock","EpDivider","_renderSlot","EpAccordeon","open"],"mappings":"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"}

package/dist/components/basics/EpSectionCols.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, normalizeClass, toDisplayString, renderSlot } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, unref, createBlock, Fragment, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, renderSlot, withCtx } from "vue";
 import { useCreateUid } from "../../composables/useCreateUid.js";
 import { cols_img } from "../../types/Image.js";
 import { allowedColWidths } from "../../types/Cols.js";
 import _sfc_main$2 from "./EpDivider.vue.js";
 import _sfc_main$1 from "./EpIcon.vue.js";
+import Comp from "../interactions/EpAccordeon.vue.js";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "text-2xl font-semibold dark:text-white" };
 const _hoisted_3 = { class: "dark:text-white" };
@@ -13,6 +14,15 @@ const _hoisted_5 = {
   class: "w-full"
 };
 const _hoisted_6 = ["src", "alt"];
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { class: "text-2xl font-semibold dark:text-white" };
+const _hoisted_9 = { class: "dark:text-white" };
+const _hoisted_10 = ["innerHTML"];
+const _hoisted_11 = {
+  key: 1,
+  class: "w-full"
+};
+const _hoisted_12 = ["src", "alt"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpSectionCols",
   props: {
@@ -26,11 +36,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     mediaAling: { default: "justify-center" },
     src: {},
     gap: { default: "gap-1" },
-    leftCol: { default: "w-full" }
+    leftCol: { default: "w-full" },
+    compact: { type: Boolean },
+    open: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
-    const id = ref(props.uid || useCreateUid());
+    const id = props.uid || useCreateUid();
     const iconSize = computed(() => {
       if (props.title && props.subtitle) return 40;
       return 25;
@@ -53,62 +65,112 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", {
         class: "EpSection",
-        id: `section-${id.value}`
+        id: `section-${unref(id)}`
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(`flex items-center ${styleTitle.value}`)
-        }, [
-          _ctx.icon && !_ctx.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 0,
-            "icon-path": _ctx.icon,
-            size: iconSize.value
-          }, null, 8, ["icon-path", "size"])) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: normalizeClass(`${_ctx.endIcon ? "" : "ml-2"}`)
-          }, [
-            createElementVNode("h2", _hoisted_2, toDisplayString(_ctx.title), 1),
-            createElementVNode("h3", _hoisted_3, toDisplayString(_ctx.subtitle), 1)
-          ], 2),
-          _ctx.icon && _ctx.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 1,
-            "icon-path": _ctx.icon,
-            size: iconSize.value
-          }, null, 8, ["icon-path", "size"])) : createCommentVNode("", true)
-        ], 2),
-        _ctx.media || _ctx.src ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(`flex ${_ctx.mediaAling}`)
-        }, [
+        !_ctx.compact ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           createElementVNode("div", {
-            class: normalizeClass(`dark:text-white ${renderCols.value}`)
+            class: normalizeClass(`flex items-center ${styleTitle.value}`)
           }, [
-            _ctx.media ? (openBlock(), createElementBlock("div", {
+            _ctx.icon && !_ctx.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
-              innerHTML: _ctx.media,
-              class: "w-full"
-            }, null, 8, _hoisted_4)) : (openBlock(), createElementBlock("div", _hoisted_5, [
-              createElementVNode("img", {
-                src: _ctx.src,
-                alt: `image section ${_ctx.title}`
-              }, null, 8, _hoisted_6)
-            ]))
-          ], 2)
-        ], 2)) : createCommentVNode("", true),
-        _ctx.title || _ctx.subtitle ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass(`flex ${_ctx.gap}`)
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(`${_ctx.leftCol}`)
-          }, [
-            renderSlot(_ctx.$slots, "left")
+              "icon-path": _ctx.icon,
+              size: iconSize.value
+            }, null, 8, ["icon-path", "size"])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass(`${_ctx.endIcon ? "" : "ml-2"}`)
+            }, [
+              createElementVNode("h2", _hoisted_2, toDisplayString(_ctx.title), 1),
+              createElementVNode("h3", _hoisted_3, toDisplayString(_ctx.subtitle), 1)
+            ], 2),
+            _ctx.icon && _ctx.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 1,
+              "icon-path": _ctx.icon,
+              size: iconSize.value
+            }, null, 8, ["icon-path", "size"])) : createCommentVNode("", true)
           ], 2),
+          _ctx.media || _ctx.src ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(`flex ${_ctx.mediaAling}`)
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(`dark:text-white ${renderCols.value}`)
+            }, [
+              _ctx.media ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                innerHTML: _ctx.media,
+                class: "w-full"
+              }, null, 8, _hoisted_4)) : (openBlock(), createElementBlock("div", _hoisted_5, [
+                createElementVNode("img", {
+                  src: _ctx.src,
+                  alt: `image section ${_ctx.title}`
+                }, null, 8, _hoisted_6)
+              ]))
+            ], 2)
+          ], 2)) : createCommentVNode("", true),
+          _ctx.title || _ctx.subtitle ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true),
           createElementVNode("div", {
-            class: normalizeClass(`${rightCol.value}`)
+            class: normalizeClass(`flex ${_ctx.gap}`)
           }, [
-            renderSlot(_ctx.$slots, "right")
+            createElementVNode("div", {
+              class: normalizeClass(`${_ctx.leftCol}`)
+            }, [
+              renderSlot(_ctx.$slots, "left")
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass(`${rightCol.value}`)
+            }, [
+              renderSlot(_ctx.$slots, "right")
+            ], 2)
           ], 2)
-        ], 2)
+        ], 64)) : (openBlock(), createBlock(Comp, {
+          key: 1,
+          title: _ctx.title,
+          open: _ctx.open,
+          icon: _ctx.icon,
+          outlined: ""
+        }, {
+          default: withCtx(() => [
+            _ctx.title || _ctx.subtitle ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              createElementVNode("h2", _hoisted_8, toDisplayString(_ctx.title), 1),
+              createElementVNode("h3", _hoisted_9, toDisplayString(_ctx.subtitle), 1)
+            ])) : createCommentVNode("", true),
+            _ctx.media || _ctx.src ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(`flex ${_ctx.mediaAling}`)
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(`dark:text-white ${renderCols.value}`)
+              }, [
+                _ctx.media ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  innerHTML: _ctx.media,
+                  class: "w-full"
+                }, null, 8, _hoisted_10)) : (openBlock(), createElementBlock("div", _hoisted_11, [
+                  createElementVNode("img", {
+                    src: _ctx.src,
+                    alt: `image section ${_ctx.title}`
+                  }, null, 8, _hoisted_12)
+                ]))
+              ], 2)
+            ], 2)) : createCommentVNode("", true),
+            _ctx.title || _ctx.subtitle ? (openBlock(), createBlock(_sfc_main$2, { key: 2 })) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass(`flex ${_ctx.gap}`)
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(`${_ctx.leftCol}`)
+              }, [
+                renderSlot(_ctx.$slots, "left")
+              ], 2),
+              createElementVNode("div", {
+                class: normalizeClass(`${rightCol.value}`)
+              }, [
+                renderSlot(_ctx.$slots, "right")
+              ], 2)
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["title", "open", "icon"]))
       ], 8, _hoisted_1);
     };
   }

package/dist/components/basics/EpSectionCols.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpSectionCols.vue.js","sources":["../../../src/components/basics/EpSectionCols.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { cols_img } from \"~/types/Image\";\nimport { allowedColWidths } from \"~/types/Cols\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpSectionColsProps } from \"~/types/basics/EpSectionCols\";\n\nconst props = withDefaults(defineProps<EpSectionColsProps>(), {\n  title: null,\n  icon: null,\n  colsMedia: \"6\",\n  mediaAling: \"justify-center\",\n  gap: \"gap-1\",\n  leftCol: \"w-full\",\n  id: useCreateUid(),\n});\n\nconst id = ref(props.uid || useCreateUid());\n\nconst iconSize = computed(() => {\n  if (props.title && props.subtitle) return 40;\n  return 25;\n});\n\nconst styleTitle = computed(() => {\n  if (props.endIcon) {\n    return \"justify-between\";\n  }\n  return \"\";\n});\n\nconst renderCols = computed(() => {\n  return cols_img[+props.colsMedia];\n});\n\nconst rightCol = computed(() => {\n  if (props.leftCol === \"w-full\") return \"w-full\";\n  const leftIndex = allowedColWidths.indexOf(props.leftCol);\n  const rightIndex = allowedColWidths.length - leftIndex - 2;\n  return allowedColWidths[rightIndex] || \"w-full\";\n});\n</script>\n\n<template>\n  <section class=\"EpSection\" :id=\"`section-${id}`\">\n    <div :class=\"`flex items-center ${styleTitle}`\">\n      <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && !endIcon\" />\n      <div :class=\"`${endIcon ? '' : 'ml-2'}`\">\n        <h2 class=\"text-2xl font-semibold dark:text-white\">{{ title }}</h2>\n        <h3 class=\"dark:text-white\">{{ subtitle }}</h3>\n      </div>\n      <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && endIcon\" />\n    </div>\n    <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n      <div :class=\"`dark:text-white ${renderCols}`\">\n        <!--svg s'importe sur l'image src-->\n        <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n        <!-- img -->\n        <div v-else class=\"w-full\">\n          <img :src=\"src\" :alt=\"`image section ${title}`\" />\n        </div>\n      </div>\n    </div>\n    <EpDivider v-if=\"title || subtitle\" />\n    <!-- Two-column layout -->\n    <div :class=\"`flex ${gap}`\">\n      <!-- First column slot -->\n      <div :class=\"`${leftCol}`\">\n        <slot name=\"left\" />\n      </div>\n      <!-- Second column slot -->\n      <div :class=\"`${rightCol}`\">\n        <slot name=\"right\" />\n      </div>\n    </div>\n    <!--end layout-->\n  </section>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","icon","endIcon","_createBlock","EpIcon","_toDisplayString","title","subtitle","media","src","mediaAling","_openBlock","EpDivider","gap","leftCol","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAUd,UAAM,KAAK,IAAI,MAAM,OAAO,cAAc;AAE1C,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,SAAS,MAAM,SAAU,QAAO;AAC1C,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,SAAS;AACjB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,SAAS,CAAC,MAAM,SAAS;AAAA,IAClC,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,YAAY,SAAU,QAAO;AACvC,YAAM,YAAY,iBAAiB,QAAQ,MAAM,OAAO;AACxD,YAAM,aAAa,iBAAiB,SAAS,YAAY;AACzD,aAAO,iBAAiB,UAAU,KAAK;AAAA,IACzC,CAAC;;0BAICA,mBAgCU,WAAA;AAAA,QAhCD,OAAM;AAAA,QAAa,eAAe,GAAA,KAAE;AAAA,MAAA;QAC3CC,mBAOM,OAAA;AAAA,UAPA,2CAA4B,WAAA,KAAU,EAAA;AAAA,QAAA;UACOC,KAAAA,SAASC,KAAAA,wBAA1DC,YAAqEC,aAAA;AAAA;YAA5D,aAAWH,KAAAA;AAAAA,YAAO,MAAM,SAAA;AAAA,UAAA;UACjCD,mBAGM,OAAA;AAAA,YAHA,yBAAUE,KAAAA,UAAO,KAAA,MAAA,EAAA;AAAA,UAAA;YACrBF,mBAAmE,MAAnE,YAAmEK,gBAAbC,KAAAA,KAAK,GAAA,CAAA;AAAA,YAC3DN,mBAA+C,MAA/C,YAA+CK,gBAAhBE,KAAAA,QAAQ,GAAA,CAAA;AAAA,UAAA;UAEQN,KAAAA,QAAQC,KAAAA,wBAAzDC,YAAoEC,aAAA;AAAA;YAA3D,aAAWH,KAAAA;AAAAA,YAAO,MAAM,SAAA;AAAA,UAAA;;QAEMO,KAAAA,SAASC,KAAAA,oBAAlDV,mBASM,OAAA;AAAA;UATA,8BAAeW,KAAAA,UAAU,EAAA;AAAA,QAAA;UAC7BV,mBAOM,OAAA;AAAA,YAPA,yCAA0B,WAAA,KAAU,EAAA;AAAA,UAAA;YAECQ,KAAAA,sBAAzCT,mBAAkD,OAAA;AAAA;cAA7C,WAAQS,KAAAA;AAAAA,cAAO,OAAM;AAAA,YAAA,4BAE1BG,UAAA,GAAAZ,mBAEM,OAFN,YAEM;AAAA,cADJC,mBAAkD,OAAA;AAAA,gBAA5C,KAAKS,KAAAA;AAAAA,gBAAM,sBAAsBH,KAAAA,KAAK;AAAA,cAAA;;;;QAIjCA,KAAAA,SAASC,KAAAA,yBAA1BJ,YAAsCS,aAAA,EAAA,KAAA,EAAA,CAAA;QAEtCZ,mBASM,OAAA;AAAA,UATA,8BAAea,KAAAA,GAAG,EAAA;AAAA,QAAA;UAEtBb,mBAEM,OAAA;AAAA,YAFA,yBAAUc,KAAAA,OAAO,EAAA;AAAA,UAAA;YACrBC,WAAoB,KAAA,QAAA,MAAA;AAAA,UAAA;UAGtBf,mBAEM,OAAA;AAAA,YAFA,yBAAU,SAAA,KAAQ,EAAA;AAAA,UAAA;YACtBe,WAAqB,KAAA,QAAA,OAAA;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"EpSectionCols.vue.js","sources":["../../../src/components/basics/EpSectionCols.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { cols_img } from \"~/types/Image\";\nimport { allowedColWidths } from \"~/types/Cols\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport type { EpSectionColsProps } from \"~/types/basics/EpSectionCols\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\n\nconst props = withDefaults(defineProps<EpSectionColsProps>(), {\n  title: null,\n  icon: null,\n  colsMedia: \"6\",\n  mediaAling: \"justify-center\",\n  gap: \"gap-1\",\n  leftCol: \"w-full\",\n});\n\nconst id = props.uid || useCreateUid()\n\nconst iconSize = computed(() => {\n  if (props.title && props.subtitle) return 40;\n  return 25;\n});\n\nconst styleTitle = computed(() => {\n  if (props.endIcon) {\n    return \"justify-between\";\n  }\n  return \"\";\n});\n\nconst renderCols = computed(() => {\n  return cols_img[+props.colsMedia];\n});\n\nconst rightCol = computed(() => {\n  if (props.leftCol === \"w-full\") return \"w-full\";\n  const leftIndex = allowedColWidths.indexOf(props.leftCol);\n  const rightIndex = allowedColWidths.length - leftIndex - 2;\n  return allowedColWidths[rightIndex] || \"w-full\";\n});\n</script>\n\n<template>\n  <section class=\"EpSection\" :id=\"`section-${id}`\">\n    <!--normal mode-->\n    <template v-if=\"!compact\">\n      <div :class=\"`flex items-center ${styleTitle}`\">\n        <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && !endIcon\" />\n        <div :class=\"`${endIcon ? '' : 'ml-2'}`\">\n          <h2 class=\"text-2xl font-semibold dark:text-white\">{{ title }}</h2>\n          <h3 class=\"dark:text-white\">{{ subtitle }}</h3>\n        </div>\n        <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && endIcon\" />\n      </div>\n      <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n        <div :class=\"`dark:text-white ${renderCols}`\">\n          <!--svg s'importe sur l'image src-->\n          <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n          <!-- img -->\n          <div v-else class=\"w-full\">\n            <img :src=\"src\" :alt=\"`image section ${title}`\" />\n          </div>\n        </div>\n      </div>\n      <EpDivider v-if=\"title || subtitle\" />\n      <!-- Two-column layout -->\n      <div :class=\"`flex ${gap}`\">\n        <!-- First column slot -->\n        <div :class=\"`${leftCol}`\">\n          <slot name=\"left\" />\n        </div>\n        <!-- Second column slot -->\n        <div :class=\"`${rightCol}`\">\n          <slot name=\"right\" />\n        </div>\n      </div>\n      <!--end layout-->\n\n    </template>\n    <!--compact mode-->\n    <template v-else>\n      <EpAccordeon :title=\"title\" :open=\"open\" :icon=\"icon\" outlined>\n        <div v-if=\"title || subtitle\">\n          <h2 class=\"text-2xl font-semibold dark:text-white\">{{ title }}</h2>\n          <h3 class=\"dark:text-white\">{{ subtitle }}</h3>\n        </div>\n        <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n          <div :class=\"`dark:text-white ${renderCols}`\">\n            <!--svg s'importe sur l'image src-->\n            <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n            <!-- img -->\n            <div v-else class=\"w-full\">\n              <img :src=\"src\" :alt=\"`image section ${title}`\" />\n            </div>\n          </div>\n        </div>\n        <EpDivider v-if=\"title || subtitle\" />\n        <!-- Two-column layout -->\n        <div :class=\"`flex ${gap}`\">\n          <!-- First column slot -->\n          <div :class=\"`${leftCol}`\">\n            <slot name=\"left\" />\n          </div>\n          <!-- Second column slot -->\n          <div :class=\"`${rightCol}`\">\n            <slot name=\"right\" />\n          </div>\n        </div>\n        <!--end layout-->\n      </EpAccordeon>\n    </template>\n\n  </section>\n</template>\n"],"names":["_createElementBlock","_unref","compact","_Fragment","_createElementVNode","icon","endIcon","_createBlock","EpIcon","_toDisplayString","title","subtitle","media","src","mediaAling","_openBlock","EpDivider","gap","leftCol","_renderSlot","EpAccordeon","open"],"mappings":"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"}

package/dist/components/basics/EpStackedList.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createElementVNode, createBlock, createCommentVNode, mergeProps, toDisplayString, unref, createVNode } from "vue";
-import _sfc_main$1 from "./EpAvatar.vue.js";
+import _sfc_main$1 from "./EpAvatar.vue2.js";
 import _sfc_main$2 from "./EpIcon.vue.js";
 import { useRenderText } from "../../composables/useRenderText.js";
 import { roundedType } from "../../types/StackedList.js";