ep-lib-ts 1.1.18 → 1.1.19

package/dist/components/tools/AssociationNode.vue.js

@@ -1,4 +1,85 @@
-import _sfc_main from "./AssociationNode.vue2.js";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, unref, toDisplayString, normalizeStyle } from "vue";
+import { Handle, Position } from "@vue-flow/core";
+import _sfc_main$1 from "../basics/EpIcon.vue.js";
+import { useRenderText } from "../../composables/useRenderText.js";
+const _hoisted_1 = ["innerHTML"];
+const plug = "M17,16H21V14H17V10H21V8H17V8C17,7 16,6 15,6H9.5L6,9.5H3V14.5H6L9.5,18H15C16,18 17,17 17,16Z";
+const socket = "M7,16C7,17 8,18 9,18H14.5L18,14.5H21V9.5H18L14.5,6H9C8,6 7,7 7,8Z M7 19 L7 5";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AssociationNode",
+  props: {
+    id: {},
+    type: {},
+    selected: { type: Boolean },
+    connectable: { type: [Boolean, Number, String, Function] },
+    position: {},
+    dimensions: {},
+    label: {},
+    isValidTargetPos: {},
+    isValidSourcePos: {},
+    parent: {},
+    parentNodeId: {},
+    dragging: { type: Boolean },
+    resizing: { type: Boolean },
+    zIndex: {},
+    targetPosition: {},
+    sourcePosition: {},
+    dragHandle: {},
+    data: {},
+    events: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const colorStyle = computed(() => {
+      if (!props.data.mode || props.data.mode == "neutral") {
+        return "border-2 border-black dark:border-white";
+      }
+      if (props.data.mode == "correct") {
+        return "border-2 border-green-600";
+      } else if (props.data.mode == "wrong") {
+        return "border-2 border-red-600";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`shadow-lg rounded w-96 relative bg-surface-2 dark:bg-surface-2-dark ${colorStyle.value}`)
+      }, [
+        createElementVNode("div", {
+          class: "px-4 py-2 break-words",
+          innerHTML: unref(useRenderText)(_ctx.data.label)
+        }, null, 8, _hoisted_1),
+        createElementVNode("span", {
+          class: normalizeClass(`rounded-full w-6 h-6 flex justify-center bg-white dark:bg-neutral-800 items-center absolute bottom-1/3 ${_ctx.data.left ? "-left-3" : "-right-3"} ${colorStyle.value}`)
+        }, toDisplayString(_ctx.data.left ? String.fromCharCode(65 + _ctx.data.index) : _ctx.data.index), 3),
+        createVNode(unref(Handle), {
+          type: _ctx.data.left ? "source" : "target",
+          position: _ctx.data.left ? unref(Position).Right : unref(Position).Left,
+          style: normalizeStyle({
+            width: "20px",
+            // handle invisible, pas d’espace
+            height: "20px",
+            top: "50%",
+            zIndex: "100",
+            transform: "translateY(-50%)",
+            left: _ctx.data.left ? "96%" : "-10px",
+            opacity: 0
+          })
+        }, null, 8, ["type", "position", "style"]),
+        createVNode(_sfc_main$1, {
+          "icon-path": _ctx.data.left ? plug : socket,
+          style: normalizeStyle({
+            position: "absolute",
+            width: "30px",
+            height: "30px",
+            top: "50%",
+            transform: "translateY(-50%)",
+            left: _ctx.data.left ? "97%" : "-20px"
+          })
+        }, null, 8, ["icon-path", "style"])
+      ], 2);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/tools/AssociationNode.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssociationNode.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"AssociationNode.vue.js","sources":["../../../src/components/tools/AssociationNode.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Position, Handle } from '@vue-flow/core'\nimport type { NodeProps } from '@vue-flow/core'\nimport EpIcon from '../basics/EpIcon.vue'\nimport { useRenderText } from '~/composables/useRenderText';\n\n\nconst plug = 'M17,16H21V14H17V10H21V8H17V8C17,7 16,6 15,6H9.5L6,9.5H3V14.5H6L9.5,18H15C16,18 17,17 17,16Z';\nconst socket = 'M7,16C7,17 8,18 9,18H14.5L18,14.5H21V9.5H18L14.5,6H9C8,6 7,7 7,8Z M7 19 L7 5';\n\ninterface AssociationData {\n    mode?: 'neutral' | 'correct' | 'wrong';\n    left: boolean;\n    index: number;\n    label: string;\n}\n\nconst props = withDefaults(defineProps<NodeProps<AssociationData>>(), {});\n\nconst colorStyle = computed(() => {\n    if(!props.data.mode || props.data.mode == 'neutral') {\n        return 'border-2 border-black dark:border-white'\n    }\n    if(props.data.mode == 'correct') {\n        return 'border-2 border-green-600'\n    } else if(props.data.mode == 'wrong') {\n        return 'border-2 border-red-600'\n    }\n});\n\n</script>\n\n<template>\n    <div :class=\"`shadow-lg rounded w-96 relative bg-surface-2 dark:bg-surface-2-dark ${colorStyle}`\">\n        <div class=\"px-4 py-2 break-words\" v-html=\"useRenderText(data.label)\"></div>\n        <span :class=\"`rounded-full w-6 h-6 flex justify-center bg-white dark:bg-neutral-800 items-center absolute bottom-1/3 ${(data.left)? '-left-3' : '-right-3'} ${colorStyle}`\">{{ (data.left)? String.fromCharCode(65 + data.index) : data.index }}</span>\n\n        <Handle\n            :type=\"data.left ? 'source' : 'target'\"\n            :position=\"data.left ? Position.Right : Position.Left\"\n            :style=\"{\n                width: '20px',   // handle invisible, pas d’espace\n                height: '20px',\n                top: '50%',\n                zIndex: '100',\n                transform: 'translateY(-50%)',\n                left: data.left ? '96%' : '-10px',\n                opacity: 0\n            }\"\n        />\n        <EpIcon \n            :icon-path=\"data.left ? plug : socket\"\n            :style=\"{\n                position: 'absolute',\n                width: '30px',\n                height: '30px',\n                top: '50%',\n                transform: 'translateY(-50%)',\n                left: data.left ? '97%' : '-20px'\n            }\" \n        />\n    </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_unref","data","_normalizeClass","_createVNode","_normalizeStyle","EpIcon"],"mappings":";;;;;AAQA,MAAM,OAAO;AACb,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;AASf,UAAM,QAAQ;AAEd,UAAM,aAAa,SAAS,MAAM;AAC9B,UAAG,CAAC,MAAM,KAAK,QAAQ,MAAM,KAAK,QAAQ,WAAW;AACjD,eAAO;AAAA,MACX;AACA,UAAG,MAAM,KAAK,QAAQ,WAAW;AAC7B,eAAO;AAAA,MACX,WAAU,MAAM,KAAK,QAAQ,SAAS;AAClC,eAAO;AAAA,MACX;AAAA,IACJ,CAAC;;0BAKGA,mBA4BM,OAAA;AAAA,QA5BA,6FAA8E,WAAA,KAAU,EAAA;AAAA,MAAA;QAC1FC,mBAA4E,OAAA;AAAA,UAAvE,OAAM;AAAA,UAAwB,WAAQC,MAAA,aAAA,EAAcC,KAAAA,KAAK,KAAK;AAAA,QAAA;QACnEF,mBAAwP,QAAA;AAAA,UAAjP,OAAKG,eAAA,0GAA6GD,KAAAA,KAAK,iCAAiC,WAAA,KAAU,EAAA;AAAA,QAAA,GAAQA,gBAAAA,KAAAA,KAAK,OAAO,OAAO,aAAY,KAAMA,KAAAA,KAAK,KAAK,IAAIA,KAAAA,KAAK,KAAK,GAAA,CAAA;AAAA,QAE9OE,YAYEH,MAAA,MAAA,GAAA;AAAA,UAXG,MAAMC,KAAAA,KAAK,OAAI,WAAA;AAAA,UACf,UAAUA,KAAAA,KAAK,OAAOD,MAAA,QAAA,EAAS,QAAQA,MAAA,QAAA,EAAS;AAAA,UAChD,OAAKI,eAAA;AAAA;;;;;;YAAuOH,MAAAA,KAAAA,KAAK,OAAI,QAAA;AAAA;;;QAU1PE,YAUEE,aAAA;AAAA,UATG,aAAWJ,KAAAA,KAAK,OAAO,OAAO;AAAA,UAC9B,OAAKG,eAAA;AAAA;;;;;YAA0MH,MAAAA,KAAAA,KAAK,OAAI,QAAA;AAAA,UAAA;;;;;;"}

package/dist/components/tools/AssociationNode.vue2.js

@@ -1,85 +1,4 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, unref, toDisplayString, normalizeStyle } from "vue";
-import { Handle, Position } from "@vue-flow/core";
-import _sfc_main$1 from "../basics/EpIcon.vue.js";
-import { useRenderText } from "../../composables/useRenderText.js";
-const _hoisted_1 = ["innerHTML"];
-const plug = "M17,16H21V14H17V10H21V8H17V8C17,7 16,6 15,6H9.5L6,9.5H3V14.5H6L9.5,18H15C16,18 17,17 17,16Z";
-const socket = "M7,16C7,17 8,18 9,18H14.5L18,14.5H21V9.5H18L14.5,6H9C8,6 7,7 7,8Z M7 19 L7 5";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AssociationNode",
-  props: {
-    id: {},
-    type: {},
-    selected: { type: Boolean },
-    connectable: { type: [Boolean, Number, String, Function] },
-    position: {},
-    dimensions: {},
-    label: {},
-    isValidTargetPos: {},
-    isValidSourcePos: {},
-    parent: {},
-    parentNodeId: {},
-    dragging: { type: Boolean },
-    resizing: { type: Boolean },
-    zIndex: {},
-    targetPosition: {},
-    sourcePosition: {},
-    dragHandle: {},
-    data: {},
-    events: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const colorStyle = computed(() => {
-      if (!props.data.mode || props.data.mode == "neutral") {
-        return "border-2 border-black dark:border-white";
-      }
-      if (props.data.mode == "correct") {
-        return "border-2 border-green-600";
-      } else if (props.data.mode == "wrong") {
-        return "border-2 border-red-600";
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(`shadow-lg rounded w-96 relative bg-surface-2 dark:bg-surface-2-dark ${colorStyle.value}`)
-      }, [
-        createElementVNode("div", {
-          class: "px-4 py-2 break-words",
-          innerHTML: unref(useRenderText)(_ctx.data.label)
-        }, null, 8, _hoisted_1),
-        createElementVNode("span", {
-          class: normalizeClass(`rounded-full w-6 h-6 flex justify-center bg-white dark:bg-neutral-800 items-center absolute bottom-1/3 ${_ctx.data.left ? "-left-3" : "-right-3"} ${colorStyle.value}`)
-        }, toDisplayString(_ctx.data.left ? String.fromCharCode(65 + _ctx.data.index) : _ctx.data.index), 3),
-        createVNode(unref(Handle), {
-          type: _ctx.data.left ? "source" : "target",
-          position: _ctx.data.left ? unref(Position).Right : unref(Position).Left,
-          style: normalizeStyle({
-            width: "20px",
-            // handle invisible, pas d’espace
-            height: "20px",
-            top: "50%",
-            zIndex: "100",
-            transform: "translateY(-50%)",
-            left: _ctx.data.left ? "96%" : "-10px",
-            opacity: 0
-          })
-        }, null, 8, ["type", "position", "style"]),
-        createVNode(_sfc_main$1, {
-          "icon-path": _ctx.data.left ? plug : socket,
-          style: normalizeStyle({
-            position: "absolute",
-            width: "30px",
-            height: "30px",
-            top: "50%",
-            transform: "translateY(-50%)",
-            left: _ctx.data.left ? "97%" : "-20px"
-          })
-        }, null, 8, ["icon-path", "style"])
-      ], 2);
-    };
-  }
-});
+import _sfc_main from "./AssociationNode.vue.js";
 export {
   _sfc_main as default
 };

package/dist/components/tools/AssociationNode.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssociationNode.vue2.js","sources":["../../../src/components/tools/AssociationNode.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Position, Handle } from '@vue-flow/core'\nimport type { NodeProps } from '@vue-flow/core'\nimport EpIcon from '../basics/EpIcon.vue'\nimport { useRenderText } from '~/composables/useRenderText';\n\n\nconst plug = 'M17,16H21V14H17V10H21V8H17V8C17,7 16,6 15,6H9.5L6,9.5H3V14.5H6L9.5,18H15C16,18 17,17 17,16Z';\nconst socket = 'M7,16C7,17 8,18 9,18H14.5L18,14.5H21V9.5H18L14.5,6H9C8,6 7,7 7,8Z M7 19 L7 5';\n\ninterface AssociationData {\n    mode?: 'neutral' | 'correct' | 'wrong';\n    left: boolean;\n    index: number;\n    label: string;\n}\n\nconst props = withDefaults(defineProps<NodeProps<AssociationData>>(), {});\n\nconst colorStyle = computed(() => {\n    if(!props.data.mode || props.data.mode == 'neutral') {\n        return 'border-2 border-black dark:border-white'\n    }\n    if(props.data.mode == 'correct') {\n        return 'border-2 border-green-600'\n    } else if(props.data.mode == 'wrong') {\n        return 'border-2 border-red-600'\n    }\n});\n\n</script>\n\n<template>\n    <div :class=\"`shadow-lg rounded w-96 relative bg-surface-2 dark:bg-surface-2-dark ${colorStyle}`\">\n        <div class=\"px-4 py-2 break-words\" v-html=\"useRenderText(data.label)\"></div>\n        <span :class=\"`rounded-full w-6 h-6 flex justify-center bg-white dark:bg-neutral-800 items-center absolute bottom-1/3 ${(data.left)? '-left-3' : '-right-3'} ${colorStyle}`\">{{ (data.left)? String.fromCharCode(65 + data.index) : data.index }}</span>\n\n        <Handle\n            :type=\"data.left ? 'source' : 'target'\"\n            :position=\"data.left ? Position.Right : Position.Left\"\n            :style=\"{\n                width: '20px',   // handle invisible, pas d’espace\n                height: '20px',\n                top: '50%',\n                zIndex: '100',\n                transform: 'translateY(-50%)',\n                left: data.left ? '96%' : '-10px',\n                opacity: 0\n            }\"\n        />\n        <EpIcon \n            :icon-path=\"data.left ? plug : socket\"\n            :style=\"{\n                position: 'absolute',\n                width: '30px',\n                height: '30px',\n                top: '50%',\n                transform: 'translateY(-50%)',\n                left: data.left ? '97%' : '-20px'\n            }\" \n        />\n    </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_unref","data","_normalizeClass","_createVNode","_normalizeStyle","EpIcon"],"mappings":";;;;;AAQA,MAAM,OAAO;AACb,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;AASf,UAAM,QAAQ;AAEd,UAAM,aAAa,SAAS,MAAM;AAC9B,UAAG,CAAC,MAAM,KAAK,QAAQ,MAAM,KAAK,QAAQ,WAAW;AACjD,eAAO;AAAA,MACX;AACA,UAAG,MAAM,KAAK,QAAQ,WAAW;AAC7B,eAAO;AAAA,MACX,WAAU,MAAM,KAAK,QAAQ,SAAS;AAClC,eAAO;AAAA,MACX;AAAA,IACJ,CAAC;;0BAKGA,mBA4BM,OAAA;AAAA,QA5BA,6FAA8E,WAAA,KAAU,EAAA;AAAA,MAAA;QAC1FC,mBAA4E,OAAA;AAAA,UAAvE,OAAM;AAAA,UAAwB,WAAQC,MAAA,aAAA,EAAcC,KAAAA,KAAK,KAAK;AAAA,QAAA;QACnEF,mBAAwP,QAAA;AAAA,UAAjP,OAAKG,eAAA,0GAA6GD,KAAAA,KAAK,iCAAiC,WAAA,KAAU,EAAA;AAAA,QAAA,GAAQA,gBAAAA,KAAAA,KAAK,OAAO,OAAO,aAAY,KAAMA,KAAAA,KAAK,KAAK,IAAIA,KAAAA,KAAK,KAAK,GAAA,CAAA;AAAA,QAE9OE,YAYEH,MAAA,MAAA,GAAA;AAAA,UAXG,MAAMC,KAAAA,KAAK,OAAI,WAAA;AAAA,UACf,UAAUA,KAAAA,KAAK,OAAOD,MAAA,QAAA,EAAS,QAAQA,MAAA,QAAA,EAAS;AAAA,UAChD,OAAKI,eAAA;AAAA;;;;;;YAAuOH,MAAAA,KAAAA,KAAK,OAAI,QAAA;AAAA;;;QAU1PE,YAUEE,aAAA;AAAA,UATG,aAAWJ,KAAAA,KAAK,OAAO,OAAO;AAAA,UAC9B,OAAKG,eAAA;AAAA;;;;;YAA0MH,MAAAA,KAAAA,KAAK,OAAI,QAAA;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"AssociationNode.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/tools/BgAudio.vue.js

@@ -1,4 +1,55 @@
-import _sfc_main from "./BgAudio.vue2.js";
+import { defineComponent, createElementBlock, openBlock, createStaticVNode, createElementVNode, normalizeClass } from "vue";
+const _hoisted_1 = {
+  version: "1.1",
+  id: "Layer_1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  x: "0px",
+  y: "0px",
+  viewBox: "0 0 640 360",
+  style: { "enable-background": "new 0 0 640 360" },
+  "xml:space": "preserve"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BgAudio",
+  props: {
+    fill: { default: "fill-primary" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1, [
+        _cache[1] || (_cache[1] = createStaticVNode('<pattern y="-20" width="150" height="100" patternUnits="userSpaceOnUse" id="New_Pattern" viewBox="8 -107.8 150 100" style="overflow:visible;"><g><rect x="8" y="-107.8" style="fill:none;" width="150" height="100"></rect><g style="opacity:0.1;"><path d="M159.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M162-7.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-10.7,162-9.3,162-7.8 M153.5-10.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z"></path></g><g style="opacity:0.1;"><path d="M9.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M12-7.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-10.7,12-9.3,12-7.8 M3.5-10.4L8-14.8v14.2L3.5-5.1H0v-5.3H3.5z"></path></g><g style="opacity:0.1;"><path d="M159.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M162-107.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-110.7,162-109.3,162-107.8 M153.5-110.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z"></path></g><g style="opacity:0.1;"><path d="M84.8-65.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9c0-2.8-1.9-5.2-4.4-5.9V-65.5 M87-57.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C86.1-60.7,87-59.3,87-57.8 M78.5-60.4l4.4-4.4v14.2l-4.4-4.4H75v-5.3H78.5z"></path></g><g style="opacity:0.1;"><path d="M9.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M12-107.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-110.7,12-109.3,12-107.8 M3.5-110.4l4.4-4.4v14.2l-4.4-4.4H0v-5.3H3.5z"></path></g></g></pattern>', 1)),
+        createElementVNode("g", null, [
+          createElementVNode("rect", {
+            class: normalizeClass(props.fill),
+            width: "640",
+            height: "360"
+          }, null, 2),
+          _cache[0] || (_cache[0] = createElementVNode("path", {
+            style: { "fill": "url(#New_Pattern)" },
+            d: "M639,1v358H1V1H639 M640,0H0v360h640V0L640,0z"
+          }, null, -1))
+        ]),
+        _cache[2] || (_cache[2] = createElementVNode("g", null, [
+          createElementVNode("rect", {
+            x: "0.5",
+            y: "0.5",
+            style: { "fill": "url(#New_Pattern)" },
+            width: "639",
+            height: "359"
+          })
+        ], -1)),
+        _cache[3] || (_cache[3] = createElementVNode("g", null, [
+          createElementVNode("path", {
+            style: { "fill": "white" },
+            d: "M310.7,114.7c-31,4.4-53.2,32.4-53.2,63.7v46.8c0,11.5,9.3,20.8,20.8,20.8h20.8v-55.6h-27.8v-12\n		c0-24.9,17.9-47.1,42.5-50.1c29.6-3.6,54.7,19.4,54.7,48.3v13.9h-27.8V246h20.8c11.5,0,20.8-9.3,20.8-20.8v-48.6\n		C382.5,138.7,349.4,109.1,310.7,114.7z"
+          })
+        ], -1))
+      ]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/tools/BgAudio.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BgAudio.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"BgAudio.vue.js","sources":["../../../src/components/tools/BgAudio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst props = withDefaults(\n  defineProps<{\n    fill?: string;\n  }>(),\n  {\n    fill: \"fill-primary\",\n  }\n);\n</script>\n<template>\n  <svg\n    version=\"1.1\"\n    id=\"Layer_1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n    x=\"0px\"\n    y=\"0px\"\n    viewBox=\"0 0 640 360\"\n    style=\"enable-background: new 0 0 640 360\"\n    xml:space=\"preserve\"\n  >\n    <pattern\n      y=\"-20\"\n      width=\"150\"\n      height=\"100\"\n      patternUnits=\"userSpaceOnUse\"\n      id=\"New_Pattern\"\n      viewBox=\"8 -107.8 150 100\"\n      style=\"overflow: visible\"\n    >\n      <g>\n        <rect x=\"8\" y=\"-107.8\" style=\"fill: none\" width=\"150\" height=\"100\" />\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M159.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M162-7.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-10.7,162-9.3,162-7.8 M153.5-10.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M9.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M12-7.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-10.7,12-9.3,12-7.8 M3.5-10.4L8-14.8v14.2L3.5-5.1H0v-5.3H3.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M159.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M162-107.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-110.7,162-109.3,162-107.8 M153.5-110.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M84.8-65.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9c0-2.8-1.9-5.2-4.4-5.9V-65.5 M87-57.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C86.1-60.7,87-59.3,87-57.8 M78.5-60.4l4.4-4.4v14.2l-4.4-4.4H75v-5.3H78.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M9.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M12-107.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-110.7,12-109.3,12-107.8 M3.5-110.4l4.4-4.4v14.2l-4.4-4.4H0v-5.3H3.5z\"\n          />\n        </g>\n      </g>\n    </pattern>\n    <g>\n      <rect :class=\"props.fill\" width=\"640\" height=\"360\" />\n      <path\n        style=\"fill: url(#New_Pattern)\"\n        d=\"M639,1v358H1V1H639 M640,0H0v360h640V0L640,0z\"\n      />\n    </g>\n    <g>\n      <rect\n        x=\"0.5\"\n        y=\"0.5\"\n        style=\"fill: url(#New_Pattern)\"\n        width=\"639\"\n        height=\"359\"\n      />\n    </g>\n    <g>\n      <path\n        style=\"fill: white\"\n        d=\"M310.7,114.7c-31,4.4-53.2,32.4-53.2,63.7v46.8c0,11.5,9.3,20.8,20.8,20.8h20.8v-55.6h-27.8v-12\n\t\tc0-24.9,17.9-47.1,42.5-50.1c29.6-3.6,54.7,19.4,54.7,48.3v13.9h-27.8V246h20.8c11.5,0,20.8-9.3,20.8-20.8v-48.6\n\t\tC382.5,138.7,349.4,109.1,310.7,114.7z\"\n      />\n    </g>\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;AACA,UAAM,QAAQ;;AAUZ,aAAAA,UAAA,GAAAC,mBA8EM,OA9EN,YA8EM;AAAA;QAxBJC,mBAMI,KAAA,MAAA;AAAA,UALFA,mBAAqD,QAAA;AAAA,YAA9C,OAAKC,eAAE,MAAM,IAAI;AAAA,YAAE,OAAM;AAAA,YAAM,QAAO;AAAA,UAAA;oCAC7CD,mBAGE,QAAA;AAAA,YAFA,OAAA,EAAA,QAAA,oBAAA;AAAA,YACA,GAAE;AAAA,UAAA;;kCAGNA,mBAQI,KAAA,MAAA;AAAA,UAPFA,mBAME,QAAA;AAAA,YALA,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAA,EAAA,QAAA,oBAAA;AAAA,YACA,OAAM;AAAA,YACN,QAAO;AAAA,UAAA;;kCAGXA,mBAOI,KAAA,MAAA;AAAA,UANFA,mBAKE,QAAA;AAAA,YAJA,OAAA,EAAA,QAAA,QAAA;AAAA,YACA,GAAE;AAAA,UAAA;;;;;;"}

package/dist/components/tools/BgAudio.vue2.js

@@ -1,55 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createStaticVNode, createElementVNode, normalizeClass } from "vue";
-const _hoisted_1 = {
-  version: "1.1",
-  id: "Layer_1",
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  x: "0px",
-  y: "0px",
-  viewBox: "0 0 640 360",
-  style: { "enable-background": "new 0 0 640 360" },
-  "xml:space": "preserve"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BgAudio",
-  props: {
-    fill: { default: "fill-primary" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1, [
-        _cache[1] || (_cache[1] = createStaticVNode('<pattern y="-20" width="150" height="100" patternUnits="userSpaceOnUse" id="New_Pattern" viewBox="8 -107.8 150 100" style="overflow:visible;"><g><rect x="8" y="-107.8" style="fill:none;" width="150" height="100"></rect><g style="opacity:0.1;"><path d="M159.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M162-7.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-10.7,162-9.3,162-7.8 M153.5-10.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z"></path></g><g style="opacity:0.1;"><path d="M9.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M12-7.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-10.7,12-9.3,12-7.8 M3.5-10.4L8-14.8v14.2L3.5-5.1H0v-5.3H3.5z"></path></g><g style="opacity:0.1;"><path d="M159.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M162-107.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-110.7,162-109.3,162-107.8 M153.5-110.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z"></path></g><g style="opacity:0.1;"><path d="M84.8-65.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9c0-2.8-1.9-5.2-4.4-5.9V-65.5 M87-57.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C86.1-60.7,87-59.3,87-57.8 M78.5-60.4l4.4-4.4v14.2l-4.4-4.4H75v-5.3H78.5z"></path></g><g style="opacity:0.1;"><path d="M9.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M12-107.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-110.7,12-109.3,12-107.8 M3.5-110.4l4.4-4.4v14.2l-4.4-4.4H0v-5.3H3.5z"></path></g></g></pattern>', 1)),
-        createElementVNode("g", null, [
-          createElementVNode("rect", {
-            class: normalizeClass(props.fill),
-            width: "640",
-            height: "360"
-          }, null, 2),
-          _cache[0] || (_cache[0] = createElementVNode("path", {
-            style: { "fill": "url(#New_Pattern)" },
-            d: "M639,1v358H1V1H639 M640,0H0v360h640V0L640,0z"
-          }, null, -1))
-        ]),
-        _cache[2] || (_cache[2] = createElementVNode("g", null, [
-          createElementVNode("rect", {
-            x: "0.5",
-            y: "0.5",
-            style: { "fill": "url(#New_Pattern)" },
-            width: "639",
-            height: "359"
-          })
-        ], -1)),
-        _cache[3] || (_cache[3] = createElementVNode("g", null, [
-          createElementVNode("path", {
-            style: { "fill": "white" },
-            d: "M310.7,114.7c-31,4.4-53.2,32.4-53.2,63.7v46.8c0,11.5,9.3,20.8,20.8,20.8h20.8v-55.6h-27.8v-12\n		c0-24.9,17.9-47.1,42.5-50.1c29.6-3.6,54.7,19.4,54.7,48.3v13.9h-27.8V246h20.8c11.5,0,20.8-9.3,20.8-20.8v-48.6\n		C382.5,138.7,349.4,109.1,310.7,114.7z"
-          })
-        ], -1))
-      ]);
-    };
-  }
-});
+import _sfc_main from "./BgAudio.vue.js";
 export {
   _sfc_main as default
 };

package/dist/components/tools/BgAudio.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"BgAudio.vue2.js","sources":["../../../src/components/tools/BgAudio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst props = withDefaults(\n  defineProps<{\n    fill?: string;\n  }>(),\n  {\n    fill: \"fill-primary\",\n  }\n);\n</script>\n<template>\n  <svg\n    version=\"1.1\"\n    id=\"Layer_1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n    x=\"0px\"\n    y=\"0px\"\n    viewBox=\"0 0 640 360\"\n    style=\"enable-background: new 0 0 640 360\"\n    xml:space=\"preserve\"\n  >\n    <pattern\n      y=\"-20\"\n      width=\"150\"\n      height=\"100\"\n      patternUnits=\"userSpaceOnUse\"\n      id=\"New_Pattern\"\n      viewBox=\"8 -107.8 150 100\"\n      style=\"overflow: visible\"\n    >\n      <g>\n        <rect x=\"8\" y=\"-107.8\" style=\"fill: none\" width=\"150\" height=\"100\" />\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M159.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M162-7.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-10.7,162-9.3,162-7.8 M153.5-10.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M9.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M12-7.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-10.7,12-9.3,12-7.8 M3.5-10.4L8-14.8v14.2L3.5-5.1H0v-5.3H3.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M159.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M162-107.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-110.7,162-109.3,162-107.8 M153.5-110.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M84.8-65.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9c0-2.8-1.9-5.2-4.4-5.9V-65.5 M87-57.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C86.1-60.7,87-59.3,87-57.8 M78.5-60.4l4.4-4.4v14.2l-4.4-4.4H75v-5.3H78.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M9.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M12-107.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-110.7,12-109.3,12-107.8 M3.5-110.4l4.4-4.4v14.2l-4.4-4.4H0v-5.3H3.5z\"\n          />\n        </g>\n      </g>\n    </pattern>\n    <g>\n      <rect :class=\"props.fill\" width=\"640\" height=\"360\" />\n      <path\n        style=\"fill: url(#New_Pattern)\"\n        d=\"M639,1v358H1V1H639 M640,0H0v360h640V0L640,0z\"\n      />\n    </g>\n    <g>\n      <rect\n        x=\"0.5\"\n        y=\"0.5\"\n        style=\"fill: url(#New_Pattern)\"\n        width=\"639\"\n        height=\"359\"\n      />\n    </g>\n    <g>\n      <path\n        style=\"fill: white\"\n        d=\"M310.7,114.7c-31,4.4-53.2,32.4-53.2,63.7v46.8c0,11.5,9.3,20.8,20.8,20.8h20.8v-55.6h-27.8v-12\n\t\tc0-24.9,17.9-47.1,42.5-50.1c29.6-3.6,54.7,19.4,54.7,48.3v13.9h-27.8V246h20.8c11.5,0,20.8-9.3,20.8-20.8v-48.6\n\t\tC382.5,138.7,349.4,109.1,310.7,114.7z\"\n      />\n    </g>\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;AACA,UAAM,QAAQ;;AAUZ,aAAAA,UAAA,GAAAC,mBA8EM,OA9EN,YA8EM;AAAA;QAxBJC,mBAMI,KAAA,MAAA;AAAA,UALFA,mBAAqD,QAAA;AAAA,YAA9C,OAAKC,eAAE,MAAM,IAAI;AAAA,YAAE,OAAM;AAAA,YAAM,QAAO;AAAA,UAAA;oCAC7CD,mBAGE,QAAA;AAAA,YAFA,OAAA,EAAA,QAAA,oBAAA;AAAA,YACA,GAAE;AAAA,UAAA;;kCAGNA,mBAQI,KAAA,MAAA;AAAA,UAPFA,mBAME,QAAA;AAAA,YALA,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAA,EAAA,QAAA,oBAAA;AAAA,YACA,OAAM;AAAA,YACN,QAAO;AAAA,UAAA;;kCAGXA,mBAOI,KAAA,MAAA;AAAA,UANFA,mBAKE,QAAA;AAAA,YAJA,OAAA,EAAA,QAAA,QAAA;AAAA,YACA,GAAE;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"BgAudio.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/tools/Details.vue.js

@@ -1,4 +1,59 @@
-import _sfc_main from "./Details.vue2.js";
+import { defineComponent, ref, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "../interactions/EpModal.vue.js";
+/* empty css                           */
+import _sfc_main$4 from "../basics/EpBtn.vue.js";
+import _sfc_main$3 from "../basics/EpDivider.vue.js";
+import _sfc_main$2 from "./TextMedia.vue.js";
+const _hoisted_1 = { class: "flex justify-end" };
+const _hoisted_2 = { class: "text-white dark:text-neutral-900" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Details",
+  props: {
+    title: { default: "Voir détails" },
+    content: {},
+    labelClose: { default: "Fermer" },
+    media: {}
+  },
+  setup(__props) {
+    const showModal = ref(false);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "cursor-pointer rounded bg-primary py-2 px-4 flex flex-col items-center",
+        onClick: _cache[2] || (_cache[2] = ($event) => showModal.value = true)
+      }, [
+        createVNode(_sfc_main$1, {
+          modelValue: showModal.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showModal.value = $event),
+          title: _ctx.title
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              text: _ctx.content,
+              media: _ctx.media,
+              "text-left": ""
+            }, null, 8, ["text", "media"]),
+            createVNode(_sfc_main$3),
+            createElementVNode("div", _hoisted_1, [
+              createVNode(_sfc_main$4, {
+                type: "error",
+                rounded: "",
+                size: "small",
+                onClick: _cache[0] || (_cache[0] = ($event) => showModal.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.labelClose), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        createElementVNode("p", _hoisted_2, toDisplayString(_ctx.title), 1)
+      ]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/tools/Details.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Details.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Details.vue.js","sources":["../../../src/components/tools/Details.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport type { NestedComponents } from \"~/types/Component\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport TextMedia from \"./TextMedia.vue\";\nconst showModal = ref(false);\n\ninterface Props {\n  title?: string;\n  content: string;\n  labelClose?: string;\n  media?: NestedComponents;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: \"Voir détails\",\n  labelClose: \"Fermer\",\n});\n</script>\n\n<template>\n  <div\n    class=\"cursor-pointer rounded bg-primary py-2 px-4 flex flex-col items-center\"\n    @click=\"showModal = true\"\n  >\n    <EpModal v-model=\"showModal\" :title=\"title\">\n      <TextMedia :text=\"content\" :media=\"media\" text-left />\n      <EpDivider />\n      <div class=\"flex justify-end\">\n        <EpBtn type=\"error\" rounded size=\"small\" @click=\"showModal = false\">\n          {{ labelClose }}\n        </EpBtn>\n      </div>\n    </EpModal>\n    <p class=\"text-white dark:text-neutral-900\">{{ title }}</p>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createVNode","EpModal","title","TextMedia","content","media","EpDivider","_createElementVNode","EpBtn","labelClose","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAM,YAAY,IAAI,KAAK;;0BAgBzBA,mBAcM,OAAA;AAAA,QAbJ,OAAM;AAAA,QACL,+CAAO,UAAA,QAAS;AAAA,MAAA;QAEjBC,YAQUC,aAAA;AAAA,sBARQ,UAAA;AAAA,uEAAA,UAAS,QAAA;AAAA,UAAG,OAAOC,KAAAA;AAAAA,QAAAA;2BACnC,MAAsD;AAAA,YAAtDF,YAAsDG,aAAA;AAAA,cAA1C,MAAMC,KAAAA;AAAAA,cAAU,OAAOC,KAAAA;AAAAA,cAAO,aAAA;AAAA,YAAA;YAC1CL,YAAaM,WAAA;AAAA,YACbC,mBAIM,OAJN,YAIM;AAAA,cAHJP,YAEQQ,aAAA;AAAA,gBAFD,MAAK;AAAA,gBAAQ,SAAA;AAAA,gBAAQ,MAAK;AAAA,gBAAS,+CAAO,UAAA,QAAS;AAAA,cAAA;iCACxD,MAAgB;AAAA,kDAAbC,KAAAA,UAAU,GAAA,CAAA;AAAA,gBAAA;;;;;;;QAInBF,mBAA2D,KAA3D,YAA2DG,gBAAZR,KAAAA,KAAK,GAAA,CAAA;AAAA,MAAA;;;;"}

package/dist/components/tools/Details.vue2.js

@@ -1,59 +1,4 @@
-import { defineComponent, ref, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createTextVNode, toDisplayString } from "vue";
-import _sfc_main$1 from "../interactions/EpModal.vue.js";
-/* empty css                           */
-import _sfc_main$4 from "../basics/EpBtn.vue.js";
-import _sfc_main$3 from "../basics/EpDivider.vue.js";
-import _sfc_main$2 from "./TextMedia.vue2.js";
-const _hoisted_1 = { class: "flex justify-end" };
-const _hoisted_2 = { class: "text-white dark:text-neutral-900" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Details",
-  props: {
-    title: { default: "Voir détails" },
-    content: {},
-    labelClose: { default: "Fermer" },
-    media: {}
-  },
-  setup(__props) {
-    const showModal = ref(false);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "cursor-pointer rounded bg-primary py-2 px-4 flex flex-col items-center",
-        onClick: _cache[2] || (_cache[2] = ($event) => showModal.value = true)
-      }, [
-        createVNode(_sfc_main$1, {
-          modelValue: showModal.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showModal.value = $event),
-          title: _ctx.title
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$2, {
-              text: _ctx.content,
-              media: _ctx.media,
-              "text-left": ""
-            }, null, 8, ["text", "media"]),
-            createVNode(_sfc_main$3),
-            createElementVNode("div", _hoisted_1, [
-              createVNode(_sfc_main$4, {
-                type: "error",
-                rounded: "",
-                size: "small",
-                onClick: _cache[0] || (_cache[0] = ($event) => showModal.value = false)
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.labelClose), 1)
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title"]),
-        createElementVNode("p", _hoisted_2, toDisplayString(_ctx.title), 1)
-      ]);
-    };
-  }
-});
+import _sfc_main from "./Details.vue.js";
 export {
   _sfc_main as default
 };

package/dist/components/tools/Details.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Details.vue2.js","sources":["../../../src/components/tools/Details.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport type { NestedComponents } from \"~/types/Component\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport TextMedia from \"./TextMedia.vue\";\nconst showModal = ref(false);\n\ninterface Props {\n  title?: string;\n  content: string;\n  labelClose?: string;\n  media?: NestedComponents;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: \"Voir détails\",\n  labelClose: \"Fermer\",\n});\n</script>\n\n<template>\n  <div\n    class=\"cursor-pointer rounded bg-primary py-2 px-4 flex flex-col items-center\"\n    @click=\"showModal = true\"\n  >\n    <EpModal v-model=\"showModal\" :title=\"title\">\n      <TextMedia :text=\"content\" :media=\"media\" text-left />\n      <EpDivider />\n      <div class=\"flex justify-end\">\n        <EpBtn type=\"error\" rounded size=\"small\" @click=\"showModal = false\">\n          {{ labelClose }}\n        </EpBtn>\n      </div>\n    </EpModal>\n    <p class=\"text-white dark:text-neutral-900\">{{ title }}</p>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createVNode","EpModal","title","TextMedia","content","media","EpDivider","_createElementVNode","EpBtn","labelClose","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAM,YAAY,IAAI,KAAK;;0BAgBzBA,mBAcM,OAAA;AAAA,QAbJ,OAAM;AAAA,QACL,+CAAO,UAAA,QAAS;AAAA,MAAA;QAEjBC,YAQUC,aAAA;AAAA,sBARQ,UAAA;AAAA,uEAAA,UAAS,QAAA;AAAA,UAAG,OAAOC,KAAAA;AAAAA,QAAAA;2BACnC,MAAsD;AAAA,YAAtDF,YAAsDG,aAAA;AAAA,cAA1C,MAAMC,KAAAA;AAAAA,cAAU,OAAOC,KAAAA;AAAAA,cAAO,aAAA;AAAA,YAAA;YAC1CL,YAAaM,WAAA;AAAA,YACbC,mBAIM,OAJN,YAIM;AAAA,cAHJP,YAEQQ,aAAA;AAAA,gBAFD,MAAK;AAAA,gBAAQ,SAAA;AAAA,gBAAQ,MAAK;AAAA,gBAAS,+CAAO,UAAA,QAAS;AAAA,cAAA;iCACxD,MAAgB;AAAA,kDAAbC,KAAAA,UAAU,GAAA,CAAA;AAAA,gBAAA;;;;;;;QAInBF,mBAA2D,KAA3D,YAA2DG,gBAAZR,KAAAA,KAAK,GAAA,CAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"Details.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/tools/RenderTextNode.vue.js

@@ -1,4 +1,22 @@
-import _sfc_main from "./RenderTextNode.vue2.js";
+import { defineComponent, createElementBlock, openBlock, Fragment, renderList, unref, createBlock, resolveDynamicComponent } from "vue";
+import { useTextParser } from "../../composables/useTextParser.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RenderTextNode",
+  props: {
+    content: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { renderText } = useTextParser(props.content);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(renderText), (node, i) => {
+          return openBlock(), createBlock(resolveDynamicComponent(node), { key: i });
+        }), 128))
+      ]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/tools/RenderTextNode.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderTextNode.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"RenderTextNode.vue.js","sources":["../../../src/components/tools/RenderTextNode.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useTextParser } from \"~/composables/useTextParser\";\ninterface Props {\n    content:string;\n}\nconst props = defineProps<Props>()\nconst { renderText } = useTextParser(props.content);\n</script>\n\n<template>\n    <div>\n        <component :is=\"node\" v-for=\"(node, i) in renderText\" :key=\"i\" />\n    </div>\n</template>"],"names":["_createElementBlock","_openBlock","_Fragment","_renderList","_unref","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;AAKA,UAAM,QAAQ;AACd,UAAM,EAAE,WAAA,IAAe,cAAc,MAAM,OAAO;;0BAI9CA,mBAEM,OAAA,MAAA;AAAA,SADFC,UAAA,IAAA,GAAAD,mBAAiEE,UAAA,MAAAC,WAAvBC,MAAA,UAAA,GAAU,CAAtB,MAAM,MAAC;AAArC,iBAAAH,UAAA,GAAAI,YAAiEC,wBAAjD,IAAI,GAAA,EAAmC,KAAK,GAAC;AAAA;;;;;"}

package/dist/components/tools/RenderTextNode.vue2.js

@@ -1,22 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, renderList, unref, createBlock, resolveDynamicComponent } from "vue";
-import { useTextParser } from "../../composables/useTextParser.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RenderTextNode",
-  props: {
-    content: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { renderText } = useTextParser(props.content);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(renderText), (node, i) => {
-          return openBlock(), createBlock(resolveDynamicComponent(node), { key: i });
-        }), 128))
-      ]);
-    };
-  }
-});
+import _sfc_main from "./RenderTextNode.vue.js";
 export {
   _sfc_main as default
 };

package/dist/components/tools/RenderTextNode.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderTextNode.vue2.js","sources":["../../../src/components/tools/RenderTextNode.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useTextParser } from \"~/composables/useTextParser\";\ninterface Props {\n    content:string;\n}\nconst props = defineProps<Props>()\nconst { renderText } = useTextParser(props.content);\n</script>\n\n<template>\n    <div>\n        <component :is=\"node\" v-for=\"(node, i) in renderText\" :key=\"i\" />\n    </div>\n</template>"],"names":["_createElementBlock","_openBlock","_Fragment","_renderList","_unref","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;AAKA,UAAM,QAAQ;AACd,UAAM,EAAE,WAAA,IAAe,cAAc,MAAM,OAAO;;0BAI9CA,mBAEM,OAAA,MAAA;AAAA,SADFC,UAAA,IAAA,GAAAD,mBAAiEE,UAAA,MAAAC,WAAvBC,MAAA,UAAA,GAAU,CAAtB,MAAM,MAAC;AAArC,iBAAAH,UAAA,GAAAI,YAAiEC,wBAAjD,IAAI,GAAA,EAAmC,KAAK,GAAC;AAAA;;;;;"}
+{"version":3,"file":"RenderTextNode.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/tools/SegmentedBox.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, toDisplayString } from "vue";
-import _sfc_main$1 from "./RenderTextNode.vue2.js";
+import _sfc_main$1 from "./RenderTextNode.vue.js";
 const _hoisted_1 = { class: "text-xl font-semibold mb-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SegmentedBox",

package/dist/components/tools/TextMedia.vue.js

@@ -1,4 +1,53 @@
-import _sfc_main from "./TextMedia.vue2.js";
+import __variableDynamicImportRuntimeHelper from "../../_virtual/dynamic-import-helper.js";
+import { defineComponent, computed, defineAsyncComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, unref, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
+import { useRenderText } from "../../composables/useRenderText.js";
+import { useComponent } from "../../composables/useComponent.js";
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = {
+  key: 0,
+  class: "w-full"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TextMedia",
+  props: {
+    media: {},
+    flexCol: { type: Boolean, default: false },
+    text: {},
+    cols: { type: Boolean },
+    textLeft: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const currentRenderComponent = computed(() => {
+      if (props.media) {
+        const componentToLoad = useComponent(props.media.type);
+        return defineAsyncComponent(
+          () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue.js"), "../basics/EpBadge.vue": () => import("../basics/EpBadge.vue.js"), "../basics/EpBtn.vue": () => import("../basics/EpBtn.vue2.js"), "../basics/EpCard.vue": () => import("../basics/EpCard.vue2.js"), "../basics/EpChip.vue": () => import("../basics/EpChip.vue2.js"), "../basics/EpDivider.vue": () => import("../basics/EpDivider.vue2.js"), "../basics/EpFlex.vue": () => import("../basics/EpFlex.vue2.js"), "../basics/EpHover.vue": () => import("../basics/EpHover.vue2.js"), "../basics/EpHoverCard.vue": () => import("../basics/EpHoverCard.vue2.js"), "../basics/EpIcon.vue": () => import("../basics/EpIcon.vue2.js"), "../basics/EpImg.vue": () => import("../basics/EpImg.vue2.js"), "../basics/EpImgCarousel.vue": () => import("../basics/EpImgCarousel.vue2.js"), "../basics/EpList.vue": () => import("../basics/EpList.vue.js"), "../basics/EpListItem.vue": () => import("../basics/EpListItem.vue2.js"), "../basics/EpSection.vue": () => import("../basics/EpSection.vue2.js"), "../basics/EpSectionCols.vue": () => import("../basics/EpSectionCols.vue2.js"), "../basics/EpSpinner.vue": () => import("../basics/EpSpinner.vue2.js"), "../basics/EpStackedList.vue": () => import("../basics/EpStackedList.vue2.js"), "../basics/EpTable.vue": () => import("../basics/EpTable.vue2.js"), "../basics/EpText.vue": () => import("../basics/EpText.vue2.js"), "../charts/EpBarChart.vue": () => import("../charts/EpBarChart.vue2.js"), "../charts/EpFunnelChart.vue": () => import("../charts/EpFunnelChart.vue2.js"), "../charts/EpLineChart.vue": () => import("../charts/EpLineChart.vue2.js"), "../charts/EpPieChart.vue": () => import("../charts/EpPieChart.vue2.js"), "../educationals/EpBranchingScenario.vue": () => import("../educationals/EpBranchingScenario.vue.js"), "../educationals/EpCodeblock.vue": () => import("../educationals/EpCodeblock.vue3.js"), "../educationals/EpConclusion.vue": () => import("../educationals/EpConclusion.vue2.js"), "../educationals/EpDescription.vue": () => import("../educationals/EpDescription.vue2.js"), "../educationals/EpDocument.vue": () => import("../educationals/EpDocument.vue2.js"), "../educationals/EpEdu.vue": () => import("../educationals/EpEdu.vue2.js"), "../educationals/EpFillBlanks.vue": () => import("../educationals/EpFillBlanks.vue2.js"), "../educationals/EpInstructions.vue": () => import("../educationals/EpInstructions.vue2.js"), "../educationals/EpIntroduction.vue": () => import("../educationals/EpIntroduction.vue2.js"), "../educationals/EpObjective.vue": () => import("../educationals/EpObjective.vue2.js"), "../educationals/EpReading.vue": () => import("../educationals/EpReading.vue2.js"), "../educationals/EpResource.vue": () => import("../educationals/EpResource.vue2.js"), "../educationals/EpScope.vue": () => import("../educationals/EpScope.vue2.js"), "../educationals/EpSegmentedBox.vue": () => import("../educationals/EpSegmentedBox.vue2.js"), "../educationals/EpSpecificObjective.vue": () => import("../educationals/EpSpecificObjective.vue2.js"), "../forms/EpCheckbox.vue": () => import("../forms/EpCheckbox.vue.js"), "../forms/EpInput.vue": () => import("../forms/EpInput.vue.js"), "../forms/EpRadio.vue": () => import("../forms/EpRadio.vue.js"), "../forms/EpRadioSummative.vue": () => import("../forms/EpRadioSummative.vue2.js"), "../forms/EpSelect.vue": () => import("../forms/EpSelect.vue2.js"), "../forms/EpSwitch.vue": () => import("../forms/EpSwitch.vue.js"), "../forms/EpTextarea.vue": () => import("../forms/EpTextarea.vue.js"), "../forms/EpToggle.vue": () => import("../forms/EpToggle.vue.js"), "../interactions/Ep360Image.vue": () => import("../interactions/Ep360Image.vue.js"), "../interactions/Ep360Video.vue": () => import("../interactions/Ep360Video.vue.js"), "../interactions/EpAccordeon.vue": () => import("../interactions/EpAccordeon.vue.js"), "../interactions/EpAssociation.vue": () => import("../interactions/EpAssociation.vue2.js"), "../interactions/EpContentSlider.vue": () => import("../interactions/EpContentSlider.vue2.js"), "../interactions/EpDarkMode.vue": () => import("../interactions/EpDarkMode.vue2.js"), "../interactions/EpDraggable.vue": () => import("../interactions/EpDraggable.vue2.js"), "../interactions/EpFlipCard.vue": () => import("../interactions/EpFlipCard.vue.js"), "../interactions/EpHotSpot.vue": () => import("../interactions/EpHotSpot.vue2.js"), "../interactions/EpImageCompare.vue": () => import("../interactions/EpImageCompare.vue2.js"), "../interactions/EpModal.vue": () => import("../interactions/EpModal.vue3.js"), "../interactions/EpQuestion.vue": () => import("../interactions/EpQuestion.vue2.js"), "../interactions/EpSummativeTable.vue": () => import("../interactions/EpSummativeTable.vue2.js"), "../interactions/EpSvgShow.vue": () => import("../interactions/EpSvgShow.vue2.js"), "../interactions/EpTabs.vue": () => import("../interactions/EpTabs.vue.js"), "../interactions/EpTooltip.vue": () => import("../interactions/EpTooltip.vue2.js"), "../medias/EpAudio.vue": () => import("../medias/EpAudio.vue2.js"), "../medias/EpCardLink.vue": () => import("../medias/EpCardLink.vue2.js"), "../medias/EpCarousel.vue": () => import("../medias/EpCarousel.vue2.js"), "../medias/EpHierarchy.vue": () => import("../medias/EpHierarchy.vue.js"), "../medias/EpIframe.vue": () => import("../medias/EpIframe.vue2.js"), "../medias/EpKatex.vue": () => import("../medias/EpKatex.vue.js"), "../medias/EpLink.vue": () => import("../medias/EpLink.vue2.js"), "../medias/EpLinkVersion.vue": () => import("../medias/EpLinkVersion.vue2.js"), "../medias/EpLottieSvg.vue": () => import("../medias/EpLottieSvg.vue2.js"), "../medias/EpSensibleImage.vue": () => import("../medias/EpSensibleImage.vue.js"), "../medias/EpSoftware.vue": () => import("../medias/EpSoftware.vue2.js"), "../medias/EpSvg.vue": () => import("../medias/EpSvg.vue2.js"), "../medias/EpTerm.vue": () => import("../medias/EpTerm.vue2.js"), "../medias/EpTimeLine.vue": () => import("../medias/EpTimeLine.vue.js"), "../medias/EpVideo.vue": () => import("../medias/EpVideo.vue2.js"), "../medias/EpVideoPanopto.vue": () => import("../medias/EpVideoPanopto.vue2.js"), "../medias/EpWordDef.vue": () => import("../medias/EpWordDef.vue2.js"), "../signages/EpAlert.vue": () => import("../signages/EpAlert.vue.js"), "../signages/EpBadge.vue": () => import("../signages/EpBadge.vue2.js"), "../signages/EpHeader.vue": () => import("../signages/EpHeader.vue2.js"), "../signages/EpNothing.vue": () => import("../signages/EpNothing.vue.js"), "../signages/EpQuote.vue": () => import("../signages/EpQuote.vue2.js"), "../signages/EpSkeleton.vue": () => import("../signages/EpSkeleton.vue.js"), "./AssociationNode.vue": () => import("./AssociationNode.vue2.js"), "./AsyncKatexRender.vue": () => import("./AsyncKatexRender.vue.js"), "./BgAudio.vue": () => import("./BgAudio.vue2.js"), "./Details.vue": () => import("./Details.vue2.js"), "./DisplayBox.vue": () => import("./DisplayBox.vue.js"), "./RenderTextNode.vue": () => import("./RenderTextNode.vue2.js"), "./SegmentedBox.vue": () => import("./SegmentedBox.vue2.js"), "./SvgFilter.vue": () => import("./SvgFilter.vue.js"), "./TextMedia.vue": () => import("./TextMedia.vue2.js"), "./TimelineItem.vue": () => import("./TimelineItem.vue.js"), "./TwoColsMedia.vue": () => import("./TwoColsMedia.vue.js") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
+        );
+      }
+      return null;
+    });
+    const colsStyle = computed(() => {
+      return props.cols ? "flex items-center justify-center gap-1" : "";
+    });
+    computed(() => {
+      return props.textLeft ? "text-red-900" : "text-red-700";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(colsStyle.value)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(`w-full ep-content ${_ctx.flexCol ? "flex flex-col" : ""}`),
+          innerHTML: unref(useRenderText)(_ctx.text)
+        }, null, 10, _hoisted_1),
+        currentRenderComponent.value && _ctx.media ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          (openBlock(), createBlock(resolveDynamicComponent(currentRenderComponent.value), normalizeProps(guardReactiveProps({ ..._ctx.media.data, card: true })), null, 16))
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
 export {
   _sfc_main as default
 };