ep-lib-ts 1.0.59 → 1.0.60

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpImg.vue.js","sources":["../../../src/components/basics/EpImg.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, ref, computed } from \"vue\";\nimport { sizeThumbnailStyle, cols_img } from \"~/types/Image\";\nimport { useImage } from \"@vueuse/core\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { mdiArrowExpandAll } from \"@mdi/js\";\nimport { mdiImage } from \"@mdi/js\";\nimport { mdiImageRemove } from \"@mdi/js\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { EpImgProps } from \"~/types/basics/EpImg\";\n\nconst props = withDefaults(defineProps<EpImgProps>(), {\n  alt: \"Image snfas\",\n  cols: \"6\",\n  thumbnail: false,\n  noModal: false,\n  sizeThumbnail: \"medium\",\n  labelClose: \"Fermer\",\n  labelRef: \"Référence\",\n  labelRefLib: \"Référence bibliographique\",\n});\n\n// To access freely the image\nconst imgEl = ref<HTMLImageElement | null>(null);\n\ndefineExpose({ imgEl });\n\nconst renderCols = computed(() => {\n  return cols_img[+props.cols];\n});\n\nconst renderBib = computed(() => {\n  if (props.bib) {\n    return useRenderText(props.bib);\n  }\n  return \"\";\n});\n\nconst showModal = ref<boolean>(false);\n\nconst toggleModal = (): void => {\n  if (props.noModal) {\n    return;\n  }\n  showModal.value = !showModal.value;\n};\n\nconst showBib = ref<boolean>(false);\n\nconst toggleBib = (): void => {\n  showBib.value = !showBib.value;\n};\n\nconst styleSizeThumbnail = computed(() => {\n  return sizeThumbnailStyle[props.sizeThumbnail];\n});\n\nconst { isLoading, error } = useImage({ src: props.src });\nconst { src, alt, title, caption, thumbnail, bib, sizeThumbnail } =\n  toRefs(props);\n</script>\n\n<template>\n  <div :class=\"thumbnail ? 'inline-block' : ''\">\n    <div v-if=\"!thumbnail\" class=\"flex m-2\">\n      <div\n        :class=\"`mx-auto bg-white dark:bg-dark rounded-md overflow-hidden shadow-md ${renderCols}`\"\n      >\n        <template v-if=\"isLoading\">\n          <span class=\"text-gray-200\"\n            ><EpIcon :icon-path=\"mdiImage\" size=\"250\"></EpIcon\n          ></span>\n        </template>\n        <template v-else-if=\"error\">\n          <span class=\"text-red-200\"\n            ><EpIcon :icon-path=\"mdiImageRemove\" size=\"150\"></EpIcon\n          ></span>\n        </template>\n        <template v-else>\n          <div\n            :class=\"`${\n              !noModal ? 'cursor-pointer' : ''\n            } dark:bg-white group relative`\"\n          >\n            <img\n              class=\"object-cover object-center w-full\"\n              :src=\"src\"\n              :alt=\"alt\"\n              @click=\"toggleModal\"\n              ref=\"imgEl\"\n            />\n            <div\n              v-if=\"!noModal\"\n              class=\"absolute bottom-2 right-2 text-white text-center bg-black rounded opacity-0 transition-opacity duration-300 group-hover:opacity-50 cursor-pointer\"\n            >\n              <EpIcon size=\"28\" :icon-path=\"mdiArrowExpandAll\" />\n            </div>\n          </div>\n        </template>\n        <div\n          class=\"px-4 py-2 dark:bg-black dark:border-white dark:rounded-b-md\"\n          v-if=\"title || caption || bib\"\n        >\n          <h2 class=\"text-2xl dark:text-white font-bold\">\n            {{ title }}\n          </h2>\n          <p class=\"text-gray-500 dark:text-white text-sm mt-4\">\n            {{ caption }}\n          </p>\n          <div class=\"text-right\" v-if=\"renderBib\">\n            <EpBtn @click=\"toggleBib\" size=\"small\" type=\"primary\">{{\n              labelRef\n            }}</EpBtn>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"thumbnail\" class=\"relative group inline-block m-2\">\n      <img\n        :class=\"`${styleSizeThumbnail} object-cover object-center group-hover:opacity-30 `\"\n        :src=\"src\"\n        :alt=\"alt\"\n        ref=\"imgEl\"\n      />\n      <div\n        :class=\"`absolute top-0 left-0 ${styleSizeThumbnail} bg-black opacity-0 transition-opacity duration-300 group-hover:opacity-30 cursor-pointer`\"\n        @click=\"toggleModal\"\n      >\n        <div\n          class=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white text-center\"\n        >\n          <EpIcon :icon-path=\"mdiArrowExpandAll\" />\n        </div>\n      </div>\n    </div>\n    <EpModal v-model=\"showModal\">\n      <img\n        class=\"object-cover object-center h-5/6 w-5/6 mx-auto dark:bg-white\"\n        :src=\"src\"\n        :alt=\"alt\"\n        @click=\"toggleModal\"\n      />\n      <div class=\"px-4 py-2\" v-if=\"thumbnail\">\n        <h2 class=\"text-2xl dark:text-white font-bold\">\n          {{ title }}\n        </h2>\n        <p class=\"text-gray-500 dark:text-white text-sm mt-4\">\n          {{ caption }}\n        </p>\n        <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n      </div>\n      <!-- <div class=\"flex justify-end\"><EpBtn @click=\"toggleModal\" size=\"small\" type=\"error\" outlined>Fermer</EpBtn/> -->\n    </EpModal>\n    <EpModal v-model=\"showBib\" :title=\"labelRefLib\">\n      <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n      <div class=\"flex justify-end\">\n        <EpBtn @click=\"toggleBib\" size=\"small\" type=\"error\" outlined>\n          {{ labelClose }}\n        </EpBtn>\n      </div>\n    </EpModal>\n  </div>\n</template>\n"],"names":["_createElementBlock","_unref","_openBlock","_createElementVNode","_createVNode","EpIcon","_normalizeClass","noModal","_toDisplayString","EpBtn","labelRef","EpModal","labelRefLib","labelClose"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
-import f from "./EpImg.vue.js";
+import _sfc_main from "./EpImg.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpImg.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpImg.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,15 +1,26 @@
-import { defineComponent as R, computed as M, ref as y, toRefs as $, createElementBlock as _, openBlock as k, createElementVNode as e, createVNode as i, normalizeClass as u, unref as o, withCtx as c, createCommentVNode as j, toDisplayString as m, createTextVNode as L } from "vue";
-import { sizeThumbnailStyle as S } from "../../types/Image.js";
-import w from "../interactions/EpModal.vue.js";
+import { defineComponent, computed, ref, toRefs, createElementBlock, openBlock, createElementVNode, createVNode, normalizeClass, unref, withCtx, createCommentVNode, toDisplayString, createTextVNode } from "vue";
+import { sizeThumbnailStyle } from "../../types/Image.js";
+import _sfc_main$2 from "../interactions/EpModal.vue.js";
 /* empty css                           */
-import f from "./EpIcon.vue.js";
-import E from "./EpBtn.vue.js";
-import { mdiArrowExpandAll as H, mdiChevronLeftCircleOutline as N, mdiChevronRightCircleOutline as F } from "@mdi/js";
-import { useRenderText as C } from "../../composables/useRenderText.js";
-const A = { class: "inline-block" }, I = ["src", "alt"], O = { class: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white text-center" }, U = {
+import _sfc_main$1 from "./EpIcon.vue.js";
+import _sfc_main$3 from "./EpBtn.vue.js";
+import { mdiArrowExpandAll, mdiChevronLeftCircleOutline, mdiChevronRightCircleOutline } from "@mdi/js";
+import { useRenderText } from "../../composables/useRenderText.js";
+const _hoisted_1 = { class: "inline-block" };
+const _hoisted_2 = ["src", "alt"];
+const _hoisted_3 = { class: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white text-center" };
+const _hoisted_4 = {
   key: 0,
   class: "flex items-center justify-center mb-2"
-}, q = ["src", "alt"], D = { class: "px-4 py-2" }, G = { class: "text-2xl dark:text-white font-bold" }, J = { class: "text-gray-500 dark:text-white text-sm mt-4 text-center" }, K = ["innerHTML"], P = ["innerHTML"], Q = { class: "flex justify-end" }, ne = /* @__PURE__ */ R({
+};
+const _hoisted_5 = ["src", "alt"];
+const _hoisted_6 = { class: "px-4 py-2" };
+const _hoisted_7 = { class: "text-2xl dark:text-white font-bold" };
+const _hoisted_8 = { class: "text-gray-500 dark:text-white text-sm mt-4 text-center" };
+const _hoisted_9 = ["innerHTML"];
+const _hoisted_10 = ["innerHTML"];
+const _hoisted_11 = { class: "flex justify-end" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpImgCarousel",
   props: {
     src: {},
@@ -20,105 +31,132 @@ const A = { class: "inline-block" }, I = ["src", "alt"], O = { class: "absolute
     caption: {},
     bib: {},
     title: {},
-    noModal: { type: Boolean, default: !1 },
+    noModal: { type: Boolean, default: false },
     cols: { default: "6" },
     labelClose: { default: "Fermer" },
     labelRef: { default: "Référence" },
     labelRefLib: { default: "Référence bibliographique" },
-    puzzle: { type: Boolean, default: !1 },
-    managedModal: { type: Boolean, default: !1 },
+    puzzle: { type: Boolean, default: false },
+    managedModal: { type: Boolean, default: false },
     infoModal: {}
   },
   emits: ["newFocus", "nextSlide", "prevSlide"],
-  setup(z, { emit: x }) {
-    const l = z, p = M(() => l.managedModal && l.infoModal ? C(l.infoModal.bib ? l.infoModal.bib : "") : l.bib ? C(l.bib) : ""), s = y(!1), b = () => {
-      l.noModal || (s.value = !s.value, l.managedModal && d("newFocus"));
-    }, r = y(!1), T = () => {
-      r.value = !r.value;
-    }, h = M(() => S[l.sizeThumbnail]), { src: v, alt: g, title: V, caption: B, bib: W, sizeThumbnail: X } = $(l), d = x;
-    return (t, a) => (k(), _("div", A, [
-      e("div", {
-        class: u(`relative group ${t.puzzle ? "h-full mb-1" : "inline-block m-2"}`)
-      }, [
-        e("img", {
-          class: u(`${t.puzzle ? "h-full w-full justify-self-stretch" : h.value} object-cover object-center group-hover:opacity-30 `),
-          src: o(v),
-          alt: o(g)
-        }, null, 10, I),
-        e("div", {
-          class: u(`absolute top-0 left-0 ${t.puzzle ? "h-full w-full" : h.value} bg-black opacity-0 transition-opacity duration-300 group-hover:opacity-30 cursor-pointer`),
-          onClick: b
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const renderBib = computed(() => {
+      if (props.managedModal && props.infoModal) {
+        return useRenderText(props.infoModal.bib ? props.infoModal.bib : "");
+      }
+      if (props.bib) {
+        return useRenderText(props.bib);
+      }
+      return "";
+    });
+    const showModal = ref(false);
+    const toggleModal = () => {
+      if (props.noModal) {
+        return;
+      }
+      showModal.value = !showModal.value;
+      if (props.managedModal) {
+        emits("newFocus");
+      }
+    };
+    const showBib = ref(false);
+    const toggleBib = () => {
+      showBib.value = !showBib.value;
+    };
+    const styleSizeThumbnail = computed(() => {
+      return sizeThumbnailStyle[props.sizeThumbnail];
+    });
+    const { src, alt, title, caption } = toRefs(props);
+    const emits = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(`relative group ${!_ctx.puzzle ? "inline-block m-2" : "h-full mb-1"}`)
         }, [
-          e("div", O, [
-            i(f, { "icon-path": o(H) }, null, 8, ["icon-path"])
-          ])
-        ], 2)
-      ], 2),
-      i(w, {
-        modelValue: s.value,
-        "onUpdate:modelValue": a[2] || (a[2] = (n) => s.value = n)
-      }, {
-        default: c(() => [
-          t.managedModal ? (k(), _("div", U, [
-            e("button", {
-              class: "p-2",
-              onClick: a[0] || (a[0] = (n) => d("prevSlide"))
-            }, [
-              i(f, { "icon-path": o(N) }, null, 8, ["icon-path"])
-            ]),
-            e("button", {
-              class: "p-2",
-              onClick: a[1] || (a[1] = (n) => d("nextSlide"))
-            }, [
-              i(f, { "icon-path": o(F) }, null, 8, ["icon-path"])
+          createElementVNode("img", {
+            class: normalizeClass(`${!_ctx.puzzle ? styleSizeThumbnail.value : "h-full w-full justify-self-stretch"} object-cover object-center group-hover:opacity-30 `),
+            src: unref(src),
+            alt: unref(alt)
+          }, null, 10, _hoisted_2),
+          createElementVNode("div", {
+            class: normalizeClass(`absolute top-0 left-0 ${!_ctx.puzzle ? styleSizeThumbnail.value : "h-full w-full"} bg-black opacity-0 transition-opacity duration-300 group-hover:opacity-30 cursor-pointer`),
+            onClick: toggleModal
+          }, [
+            createElementVNode("div", _hoisted_3, [
+              createVNode(_sfc_main$1, { "icon-path": unref(mdiArrowExpandAll) }, null, 8, ["icon-path"])
             ])
-          ])) : j("", !0),
-          e("img", {
-            class: "object-cover object-center h-5/6 w-5/6 mx-auto dark:bg-white",
-            src: t.managedModal && t.infoModal ? t.infoModal.src : o(v),
-            alt: o(g),
-            onClick: b
-          }, null, 8, q),
-          e("div", D, [
-            e("h2", G, m(o(V)), 1),
-            e("p", J, m(t.managedModal && t.infoModal ? t.infoModal.caption : o(B)), 1),
-            e("div", {
-              class: "text-gray-700 dark:text-white mt-4",
-              innerHTML: p.value
-            }, null, 8, K)
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]),
-      i(w, {
-        modelValue: r.value,
-        "onUpdate:modelValue": a[3] || (a[3] = (n) => r.value = n),
-        title: t.labelRefLib
-      }, {
-        default: c(() => [
-          e("div", {
-            class: "text-gray-700 dark:text-white mt-4",
-            innerHTML: p.value
-          }, null, 8, P),
-          e("div", Q, [
-            i(E, {
-              onClick: T,
-              size: "small",
-              type: "error",
-              outlined: ""
-            }, {
-              default: c(() => [
-                L(m(t.labelClose), 1)
+          ], 2)
+        ], 2),
+        createVNode(_sfc_main$2, {
+          modelValue: showModal.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => showModal.value = $event)
+        }, {
+          default: withCtx(() => [
+            _ctx.managedModal ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createElementVNode("button", {
+                class: "p-2",
+                onClick: _cache[0] || (_cache[0] = ($event) => emits("prevSlide"))
+              }, [
+                createVNode(_sfc_main$1, { "icon-path": unref(mdiChevronLeftCircleOutline) }, null, 8, ["icon-path"])
               ]),
-              _: 1
-            })
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue", "title"])
-    ]));
+              createElementVNode("button", {
+                class: "p-2",
+                onClick: _cache[1] || (_cache[1] = ($event) => emits("nextSlide"))
+              }, [
+                createVNode(_sfc_main$1, { "icon-path": unref(mdiChevronRightCircleOutline) }, null, 8, ["icon-path"])
+              ])
+            ])) : createCommentVNode("", true),
+            createElementVNode("img", {
+              class: "object-cover object-center h-5/6 w-5/6 mx-auto dark:bg-white",
+              src: _ctx.managedModal && _ctx.infoModal ? _ctx.infoModal.src : unref(src),
+              alt: unref(alt),
+              onClick: toggleModal
+            }, null, 8, _hoisted_5),
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("h2", _hoisted_7, toDisplayString(unref(title)), 1),
+              createElementVNode("p", _hoisted_8, toDisplayString(_ctx.managedModal && _ctx.infoModal ? _ctx.infoModal.caption : unref(caption)), 1),
+              createElementVNode("div", {
+                class: "text-gray-700 dark:text-white mt-4",
+                innerHTML: renderBib.value
+              }, null, 8, _hoisted_9)
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(_sfc_main$2, {
+          modelValue: showBib.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => showBib.value = $event),
+          title: _ctx.labelRefLib
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: "text-gray-700 dark:text-white mt-4",
+              innerHTML: renderBib.value
+            }, null, 8, _hoisted_10),
+            createElementVNode("div", _hoisted_11, [
+              createVNode(_sfc_main$3, {
+                onClick: toggleBib,
+                size: "small",
+                type: "error",
+                outlined: ""
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.labelClose), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ]);
+    };
   }
 });
 export {
-  ne as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpImgCarousel.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpImgCarousel.vue.js","sources":["../../../src/components/basics/EpImgCarousel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, ref, computed } from \"vue\";\nimport { sizeThumbnailStyle } from \"~/types/Image\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport {\n  mdiArrowExpandAll,\n  mdiChevronLeftCircleOutline,\n  mdiChevronRightCircleOutline,\n} from \"@mdi/js\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { EpImgCarouselProps } from \"~/types/basics/EpImgCarousel\";\n\nconst props = withDefaults(defineProps<EpImgCarouselProps>(), {\n  alt: \"Image snfas\",\n  cols: \"6\",\n  noModal: false,\n  puzzle: false,\n  sizeThumbnail: \"medium\",\n  labelClose: \"Fermer\",\n  labelRef: \"Référence\",\n  labelRefLib: \"Référence bibliographique\",\n\n  managedModal: false,\n});\n\nconst renderBib = computed(() => {\n  if (props.managedModal && props.infoModal) {\n    return useRenderText(props.infoModal.bib ? props.infoModal.bib : \"\");\n  }\n  if (props.bib) {\n    return useRenderText(props.bib);\n  }\n  return \"\";\n});\n\nconst showModal = ref<boolean>(false);\n\nconst toggleModal = (): void => {\n  if (props.noModal) {\n    return;\n  }\n  showModal.value = !showModal.value;\n\n  if (props.managedModal) {\n    emits(\"newFocus\");\n  }\n};\n\nconst showBib = ref<boolean>(false);\n\nconst toggleBib = (): void => {\n  showBib.value = !showBib.value;\n};\n\nconst styleSizeThumbnail = computed(() => {\n  return sizeThumbnailStyle[props.sizeThumbnail];\n});\n\nconst { src, alt, title, caption, bib, sizeThumbnail } = toRefs(props);\n\nconst emits = defineEmits<{\n  newFocus: [];\n  nextSlide: [];\n  prevSlide: [];\n}>();\n</script>\n\n<template>\n  <div class=\"inline-block\">\n    <div\n      :class=\"`relative group ${!puzzle ? 'inline-block m-2' : 'h-full mb-1'}`\"\n    >\n      <img\n        :class=\"`${\n          !puzzle ? styleSizeThumbnail : 'h-full w-full justify-self-stretch'\n        } object-cover object-center group-hover:opacity-30 `\"\n        :src=\"src\"\n        :alt=\"alt\"\n      />\n      <div\n        :class=\"`absolute top-0 left-0 ${\n          !puzzle ? styleSizeThumbnail : 'h-full w-full'\n        } bg-black opacity-0 transition-opacity duration-300 group-hover:opacity-30 cursor-pointer`\"\n        @click=\"toggleModal\"\n      >\n        <div\n          class=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white text-center\"\n        >\n          <EpIcon :icon-path=\"mdiArrowExpandAll\" />\n        </div>\n      </div>\n    </div>\n\n    <EpModal v-model=\"showModal\">\n      <div v-if=\"managedModal\" class=\"flex items-center justify-center mb-2\">\n        <button class=\"p-2\" @click=\"emits('prevSlide')\">\n          <EpIcon :icon-path=\"mdiChevronLeftCircleOutline\" />\n        </button>\n        <button class=\"p-2\" @click=\"emits('nextSlide')\">\n          <EpIcon :icon-path=\"mdiChevronRightCircleOutline\" />\n        </button>\n      </div>\n      <img\n        class=\"object-cover object-center h-5/6 w-5/6 mx-auto dark:bg-white\"\n        :src=\"managedModal && infoModal ? infoModal.src : src\"\n        :alt=\"alt\"\n        @click=\"toggleModal\"\n      />\n      <div class=\"px-4 py-2\">\n        <h2 class=\"text-2xl dark:text-white font-bold\">{{ title }}</h2>\n        <p class=\"text-gray-500 dark:text-white text-sm mt-4 text-center\">\n          {{ managedModal && infoModal ? infoModal.caption : caption }}\n        </p>\n        <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n      </div>\n    </EpModal>\n    <EpModal v-model=\"showBib\" :title=\"labelRefLib\">\n      <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n      <div class=\"flex justify-end\">\n        <EpBtn @click=\"toggleBib\" size=\"small\" type=\"error\" outlined>\n          {{ labelClose }}\n        </EpBtn>\n      </div>\n    </EpModal>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","puzzle","_normalizeClass","_unref","_createVNode","EpIcon","EpModal","managedModal","infoModal","_toDisplayString","labelRefLib","EpBtn","labelClose"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
-import f from "./EpImgCarousel.vue.js";
+import _sfc_main from "./EpImgCarousel.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpImgCarousel.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpImgCarousel.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,12 +1,14 @@
-import { createElementBlock as o, openBlock as t, renderSlot as r } from "vue";
-import c from "../../_virtual/_plugin-vue_export-helper.js";
-const n = {}, s = { class: "py-6 px-3 w-1/4 min-w-[180px]" };
-function l(e, p) {
-  return t(), o("ul", s, [
-    r(e.$slots, "default")
+import { createElementBlock, openBlock, renderSlot } from "vue";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {};
+const _hoisted_1 = { class: "py-6 px-3 w-1/4 min-w-[180px]" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("ul", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default")
   ]);
 }
-const m = /* @__PURE__ */ c(n, [["render", l]]);
+const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  m as default
+  Comp as default
 };
+//# sourceMappingURL=EpList.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpList.vue.js","sources":["../../../src/components/basics/EpList.vue"],"sourcesContent":["<template>\n  <ul class=\"py-6 px-3 w-1/4 min-w-[180px]\">\n    <slot />\n  </ul>\n</template>\n"],"names":["_openBlock","_createElementBlock","_renderSlot"],"mappings":";;;AACM,MAAA,aAAA,EAAA,OAAM,gCAA+B;;AAAzC,SAAAA,UAAA,GAAAC,mBAEK,MAFL,YAEK;AAAA,IADHC,WAAQ,KAAA,QAAA,SAAA;AAAA;;;"}

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

@@ -1,35 +1,56 @@
-import { defineComponent as m, useSlots as h, computed as e, createElementBlock as s, openBlock as n, normalizeClass as v, createElementVNode as a, createCommentVNode as i, renderSlot as o } from "vue";
-const y = { class: "flex items-center" }, C = {
+import { defineComponent, useSlots, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, renderSlot } from "vue";
+const _hoisted_1 = { class: "flex items-center" };
+const _hoisted_2 = {
   key: 0,
   class: "mr-2 min-w-fit px-2"
-}, _ = {
+};
+const _hoisted_3 = {
   key: 0,
   class: "px-2"
-}, b = /* @__PURE__ */ m({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpListItem",
   props: {
     type: { default: "default" },
     disabled: { default: "false" }
   },
-  setup(u) {
-    const l = u, r = h(), c = e(() => !!r.leftContent), d = e(() => !!r.rightContent), f = e(() => l.type == "nested" ? "px-10" : ""), p = e(() => l.disabled == "true" ? "opacity-75 text-slate-500 " : "hover:bg-gray-200 active:bg-gray-300");
-    return (t, g) => (n(), s("li", {
-      class: v(`flex flex-row flex-nowrap justify-between font-medium items-center py-4  ${f.value} ${p.value}`)
-    }, [
-      a("div", y, [
-        c.value ? (n(), s("div", C, [
-          o(t.$slots, "leftContent")
-        ])) : i("", !0),
-        a("div", null, [
-          o(t.$slots, "default")
-        ])
-      ]),
-      d.value ? (n(), s("div", _, [
-        o(t.$slots, "rightContent")
-      ])) : i("", !0)
-    ], 2));
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const hasLeftContent = computed(() => {
+      return slots.leftContent ? true : false;
+    });
+    const hasRigthContent = computed(() => {
+      return slots.rightContent ? true : false;
+    });
+    const isNested = computed(() => {
+      if (props.type == "nested") return "px-10";
+      else return "";
+    });
+    const isDisabled = computed(() => {
+      if (props.disabled == "true") return "opacity-75 text-slate-500 ";
+      else return "hover:bg-gray-200 active:bg-gray-300";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        class: normalizeClass(`flex flex-row flex-nowrap justify-between font-medium items-center py-4  ${isNested.value} ${isDisabled.value}`)
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          hasLeftContent.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "leftContent")
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", null, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        hasRigthContent.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "rightContent")
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
   }
 });
 export {
-  b as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpListItem.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpListItem.vue.js","sources":["../../../src/components/basics/EpListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, SetupContext, useSlots } from \"vue\";\nimport { EpListItemProps } from \"~/types/basics/EpListItem\";\n\nconst props = withDefaults(defineProps<EpListItemProps>(), {\n  type: \"default\",\n  disabled: \"false\",\n});\n\nconst slots: SetupContext[\"slots\"] = useSlots();\n\nconst hasLeftContent = computed(() => {\n  return slots.leftContent ? true : false;\n});\n\nconst hasRigthContent = computed(() => {\n  return slots.rightContent ? true : false;\n});\nconst isNested = computed(() => {\n  if (props.type == \"nested\") return \"px-10\";\n  else return \"\";\n});\nconst isDisabled = computed(() => {\n  if (props.disabled == \"true\") return \"opacity-75 text-slate-500 \";\n  else return \"hover:bg-gray-200 active:bg-gray-300\";\n});\n</script>\n\n<template>\n  <li\n    :class=\"`flex flex-row flex-nowrap justify-between font-medium items-center py-4  ${isNested} ${isDisabled}`\"\n  >\n    <div class=\"flex items-center\">\n      <div v-if=\"hasLeftContent\" class=\"mr-2 min-w-fit px-2\">\n        <slot name=\"leftContent\" />\n      </div>\n      <div>\n        <slot />\n      </div>\n    </div>\n    <div v-if=\"hasRigthContent\" class=\"px-2\">\n      <slot name=\"rightContent\" />\n    </div>\n  </li>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_openBlock","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAKd,UAAM,QAA+B,SAAA;AAErC,UAAM,iBAAiB,SAAS,MAAM;AACpC,aAAO,MAAM,cAAc,OAAO;AAAA,IACpC,CAAC;AAED,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,MAAM,eAAe,OAAO;AAAA,IACrC,CAAC;AACD,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,QAAQ,SAAU,QAAO;AAAA,UAC9B,QAAO;AAAA,IACd,CAAC;AACD,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,YAAY,OAAQ,QAAO;AAAA,UAChC,QAAO;AAAA,IACd,CAAC;;0BAICA,mBAcK,MAAA;AAAA,QAbF,OAAKC,eAAA,4EAA8E,SAAA,KAAQ,IAAI,WAAA,KAAU,EAAA;AAAA,MAAA;QAE1GC,mBAOM,OAPN,YAOM;AAAA,UANO,eAAA,SAAXC,UAAA,GAAAH,mBAEM,OAFN,YAEM;AAAA,YADJI,WAA2B,KAAA,QAAA,aAAA;AAAA,UAAA;UAE7BF,mBAEM,OAAA,MAAA;AAAA,YADJE,WAAQ,KAAA,QAAA,SAAA;AAAA,UAAA;;QAGD,gBAAA,SAAXD,UAAA,GAAAH,mBAEM,OAFN,YAEM;AAAA,UADJI,WAA4B,KAAA,QAAA,cAAA;AAAA,QAAA;;;;;"}

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

@@ -1,4 +1,5 @@
-import f from "./EpListItem.vue.js";
+import _sfc_main from "./EpListItem.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpListItem.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpListItem.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,12 +1,18 @@
-import { defineComponent as k, ref as v, computed as r, createElementBlock as s, openBlock as t, createElementVNode as i, createCommentVNode as o, createBlock as a, renderSlot as y, normalizeClass as l, toDisplayString as c } from "vue";
-import { useCreateUid as $ } from "../../composables/useCreateUid.js";
-import { cols_img as b } from "../../types/Image.js";
-import g from "./EpDivider.vue.js";
-import u from "./EpIcon.vue.js";
-const w = ["id"], z = { class: "text-2xl font-semibold dark:text-white" }, C = { class: "dark:text-white" }, I = ["innerHTML"], S = {
+import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, renderSlot, normalizeClass, toDisplayString } 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";
+const _hoisted_1 = ["id"];
+const _hoisted_2 = { class: "text-2xl font-semibold dark:text-white" };
+const _hoisted_3 = { class: "dark:text-white" };
+const _hoisted_4 = ["innerHTML"];
+const _hoisted_5 = {
   key: 1,
   class: "w-full"
-}, B = ["src", "alt"], H = /* @__PURE__ */ k({
+};
+const _hoisted_6 = ["src", "alt"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpSection",
   props: {
     uid: {},
@@ -19,56 +25,73 @@ const w = ["id"], z = { class: "text-2xl font-semibold dark:text-white" }, C = {
     mediaAling: { default: "justify-center" },
     src: {}
   },
-  setup(m) {
-    const n = m, f = v(n.uid || $()), d = r(() => n.title && n.subtitle ? 40 : 25), p = r(() => n.endIcon ? "justify-between" : ""), h = r(() => b[+n.colsMedia]);
-    return (e, E) => (t(), s("section", {
-      class: "EpSection",
-      id: `section-${f.value}`
-    }, [
-      i("div", {
-        class: l(`flex items-center ${p.value}`)
+  setup(__props) {
+    const props = __props;
+    const id = ref(props.uid || useCreateUid());
+    const iconSize = computed(() => {
+      if (props.title && props.subtitle) return 40;
+      return 25;
+    });
+    const styleTitle = computed(() => {
+      if (props.endIcon) {
+        return "justify-between";
+      }
+      return "";
+    });
+    const renderCols = computed(() => {
+      return cols_img[+props.colsMedia];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", {
+        class: "EpSection",
+        id: `section-${id.value}`
       }, [
-        e.icon && !e.endIcon ? (t(), a(u, {
-          key: 0,
-          "icon-path": e.icon,
-          size: d.value
-        }, null, 8, ["icon-path", "size"])) : o("", !0),
-        i("div", {
-          class: l(`${e.endIcon ? "" : "ml-2"}`)
+        createElementVNode("div", {
+          class: normalizeClass(`flex items-center ${styleTitle.value}`)
         }, [
-          i("h2", z, c(e.title), 1),
-          i("h3", C, c(e.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),
-        e.icon && e.endIcon ? (t(), a(u, {
-          key: 1,
-          "icon-path": e.icon,
-          size: d.value
-        }, null, 8, ["icon-path", "size"])) : o("", !0)
-      ], 2),
-      e.media || e.src ? (t(), s("div", {
-        key: 0,
-        class: l(`flex ${e.mediaAling}`)
-      }, [
-        i("div", {
-          class: l(`dark:text-white ${h.value}`)
+        _ctx.media || _ctx.src ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(`flex ${_ctx.mediaAling}`)
         }, [
-          e.media ? (t(), s("div", {
-            key: 0,
-            innerHTML: e.media,
-            class: "w-full"
-          }, null, 8, I)) : (t(), s("div", S, [
-            i("img", {
-              src: e.src,
-              alt: `image section ${e.title}`
-            }, null, 8, B)
-          ]))
-        ], 2)
-      ], 2)) : o("", !0),
-      e.title || e.subtitle ? (t(), a(g, { key: 1 })) : o("", !0),
-      y(e.$slots, "default")
-    ], 8, w));
+          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")
+      ], 8, _hoisted_1);
+    };
   }
 });
 export {
-  H as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpSection.vue.js.map

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

@@ -0,0 +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 { 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;;;;"}

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

@@ -1,4 +1,5 @@
-import f from "./EpSection.vue.js";
+import _sfc_main from "./EpSection.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpSection.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpSection.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}