npm - ep-lib-ts - Versions diffs - 1.1.12 → 1.1.13 - Mend

ep-lib-ts 1.1.12 → 1.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

package/dist/components/medias/EpHierarchy.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EpHierarchy.vue2.js","sources":["../../../src/components/medias/EpHierarchy.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, onMounted, computed, defineAsyncComponent } from \"vue\";\nimport {\n hierarchy,\n tree,\n cluster,\n type HierarchyPointLink,\n type HierarchyPointNode,\n} from \"d3-hierarchy\";\nimport * as d3 from \"d3-selection\";\nimport { linkVertical, linkHorizontal } from \"d3-shape\";\nimport * as d3Zoom from \"d3-zoom\";\nimport type { TreeNode } from \"~/types/Hierarchy\";\nimport type { NestedComponents } from \"~/types/Component\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpHierarchyProps } from \"~/types/medias/EpHierarchy\";\n\nconst props = withDefaults(defineProps<EpHierarchyProps>(), {\n labelClose: \"fermer\",\n maxWidth: 800,\n maxHeight: 600,\n isCluster: false,\n colorRect: \"fill-red-400\",\n colorPath: \"stroke-yellow-400\",\n});\n\nconst treeContainer = ref<HTMLDivElement \| null>(null);\nconst treeWrapper = ref<HTMLDivElement \| null>(null);\n\n/* control modal /\ntype ShowNode = {\n title: string;\n text?: string;\n component?: NestedComponents;\n};\n\nconst currentNode = ref<ShowNode \| null>(null);\nconst showModal = ref(false);\n\nconst handleNodeClick = (node: TreeNode) => {\n currentNode.value = {\n title: node.name,\n text: node.text,\n component: node.component,\n };\n showModal.value = true;\n};\n\nconst closeModal = () => {\n showModal.value = false;\n currentNode.value = null;\n};\n//nested component\n\nconst components = import.meta.glob([\n \"./.vue\", // all components in medias (same folder)\n \"../basics/.vue\", // components/charts/\n \"../signages/.vue\", // components/signages/\n]);\n\nconst currentRenderComponent = computed(() => {\n if (!currentNode.value \|\| !currentNode.value.component) {\n return null;\n }\n\n const { path, name } = useComponent(currentNode.value.component.type);\n //console.log(path, name)\n let fullPath = \"\";\n if (path === \"medias\") {\n fullPath = `./${name}.vue`;\n } else {\n fullPath = `../${path}/${name}.vue`;\n }\n //console.log(fullPath)\n const loader = components[fullPath] as\n \| (() => Promise<{ default: NestedComponents }>)\n \| undefined;\n\n if (!loader) {\n console.warn(`Component not found: ${fullPath}`);\n return null; // or defineAsyncComponent(() => import('../fallbacks/EpNothing.vue'))\n }\n\n return defineAsyncComponent(loader);\n});\n\nonMounted(() => {\n if (!treeContainer.value) return;\n\n if (props.isCluster) {\n clusterView();\n } else {\n treeView();\n }\n});\n\nconst treeView = () => {\n const rectW = 130;\n const rectH = 40;\n const margin = { top: 40, right: 40, bottom: 40, left: 40 };\n\n const root = hierarchy<TreeNode>(props.nodes);\n //const totalLeafCount = root.leaves().length\n const width = Math.max(props.maxWidth);\n const height = props.maxHeight;\n\n const treeLayout = tree<TreeNode>().nodeSize([200, 100]); // [x spacing, y spacing]\n\n const treeData = treeLayout(root);\n\n const svg = d3\n .select(treeContainer.value)\n .append(\"svg\")\n .attr(\"width\", width)\n .attr(\"height\", height);\n\n const g = svg\n .append(\"g\")\n .attr(\"transform\", `translate(${margin.left}, ${margin.top})`);\n\n const zoom = d3Zoom\n .zoom<SVGSVGElement, unknown>()\n .scaleExtent([0.1, 2])\n .on(\"zoom\", (event) => {\n g.attr(\"transform\", event.transform);\n });\n\n svg.call(zoom);\n\n const centerX = width / 2 - treeData.x;\n const centerY = 30; //height / 2 - treeData.y\n const identity = (d3Zoom as any).zoomIdentity;\n svg.call(zoom.transform, identity.translate(centerX, centerY));\n\n // Links\n const linkPath = linkVertical<\n HierarchyPointLink<TreeNode>,\n HierarchyPointNode<TreeNode>\n >()\n .x((d) => d.x)\n .y((d) => d.y);\n\n g.selectAll(\"path.link\")\n .data(treeData.links())\n .enter()\n .append(\"path\")\n .attr(\"d\", (d) => linkPath(d))\n .attr(\"class\", (d) => {\n const link = d.target.data.active\n ? `${props.colorPath} stroke-2`\n : \"stroke-black dark:stroke-white\";\n return `${link} link fill-none`;\n });\n\n // Nodes\n const node = g\n .selectAll(\"g.node\")\n .data(treeData.descendants())\n .enter()\n .append(\"g\")\n .attr(\"class\", \"node\")\n .attr(\"transform\", (d) => `translate(${d.x}, ${d.y})`)\n .style(\"cursor\", (d) =>\n d.data.component \|\| d.data.text ? \"pointer\" : \"default\"\n )\n .each(function (d) {\n if (d.data.component \|\| d.data.text) {\n d3.select(this).on(\"click\", (_event) => handleNodeClick(d.data));\n }\n });\n //.style('cursor', 'pointer')\n //.on('click', (_event, d) => handleNodeClick(d.data))\n\n node.each(function (d) {\n const group = d3.select(this);\n\n // Append text temporarily\n const text = group\n .append(\"text\")\n .attr(\"class\", \"text-sm font-semibold fill-black dark:fill-white\")\n .attr(\"text-anchor\", \"middle\")\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .attr(\"dy\", \".35em\")\n .text((d.data.label) ? d.data.label : d.data.name);\n\n // Get bounding box to determine text size\n const bbox = (text.node() as SVGTextElement).getBBox();\n const paddingX = 10;\n const paddingY = 10;\n\n const width = bbox.width + paddingX * 2;\n const height = bbox.height + paddingY * 2;\n\n // Draw rect using text size\n group\n .insert(\"rect\", \"text\")\n .attr(\"class\", props.colorRect)\n .attr(\"x\", -width / 2)\n .attr(\"y\", -height / 2)\n .attr(\"width\", width)\n .attr(\"height\", height)\n .attr(\"rx\", 4)\n .attr(\"ry\", 4);\n });\n\n node\n .append(\"text\")\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .attr(\"dy\", \".35em\")\n .attr(\"class\", \"text-sm font-semibold fill-white dark:fill-black\")\n .attr(\"text-anchor\", \"middle\")\n .text((d) => {return (d.data.label) ? d.data.label : d.data.name})\n .style(\"pointer-events\", \"none\");\n};\n\nconst clusterView = () => {\n const rectW = 130;\n const rectH = 40;\n const margin = { top: 40, right: 40, bottom: 40, left: 40 };\n\n const root = hierarchy<TreeNode>(props.nodes);\n //const totalLeafCount = root.leaves().length\n const width = Math.max(props.maxWidth);\n const height = props.maxHeight;\n\n const treeLayout = cluster<TreeNode>().nodeSize([130, 200]); // [x spacing, y spacing]\n\n const treeData = treeLayout(root);\n\n const svg = d3\n .select(treeContainer.value)\n .append(\"svg\")\n .attr(\"width\", width)\n .attr(\"height\", height);\n\n const g = svg\n .append(\"g\")\n .attr(\"transform\", `translate(${margin.left}, ${margin.top})`);\n\n const zoom = d3Zoom\n .zoom<SVGSVGElement, unknown>()\n .scaleExtent([0.1, 4])\n .on(\"zoom\", (event) => {\n g.attr(\"transform\", event.transform);\n });\n\n svg.call(zoom);\n\n const centerX = 30;\n const centerY = height / 2 - treeData.x;\n const identity = (d3Zoom as any).zoomIdentity;\n svg.call(zoom.transform, identity.translate(centerX, centerY));\n\n // Links\n const linkPath = linkHorizontal<\n HierarchyPointLink<TreeNode>,\n HierarchyPointNode<TreeNode>\n >()\n .x((d) => d.y)\n .y((d) => d.x);\n\n g.selectAll(\"path.link\")\n .data(treeData.links())\n .enter()\n .append(\"path\")\n .attr(\"d\", (d) => linkPath(d))\n .attr(\"class\", (d) => {\n const link = d.target.data.active\n ? `${props.colorPath} stroke-2`\n : \"stroke-black dark:stroke-white\";\n return `${link} link fill-none`;\n });\n\n // Nodes\n const node = g\n .selectAll(\"g.node\")\n .data(treeData.descendants())\n .enter()\n .append(\"g\")\n .attr(\"class\", \"node\")\n .attr(\"transform\", (d) => `translate(${d.y}, ${d.x})`)\n .style(\"cursor\", (d) =>\n d.data.component \|\| d.data.text ? \"pointer\" : \"default\"\n )\n .each(function (d) {\n if (d.data.component \|\| d.data.text) {\n d3.select(this).on(\"click\", (_event) => handleNodeClick(d.data));\n }\n });\n //.style('cursor', 'pointer')\n //.on('click', (_event, d) => handleNodeClick(d.data))\n\n node.each(function (d) {\n const group = d3.select(this);\n\n // Append text temporarily\n const text = group\n .append(\"text\")\n .attr(\"class\", \"text-sm font-semibold fill-black dark:fill-white\")\n .attr(\"text-anchor\", \"middle\")\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .attr(\"dy\", \".35em\")\n .text((d.data.label) ? d.data.label : d.data.name);\n\n // Get bounding box to determine text size\n const bbox = (text.node() as SVGTextElement).getBBox();\n const paddingX = 10;\n const paddingY = 10;\n\n const width = bbox.width + paddingX * 2;\n const height = bbox.height + paddingY * 2;\n\n // Draw rect using text size\n group\n .insert(\"rect\", \"text\")\n .attr(\"class\", props.colorRect)\n .attr(\"x\", -width / 2)\n .attr(\"y\", -height / 2)\n .attr(\"width\", width)\n .attr(\"height\", height)\n .attr(\"rx\", 4)\n .attr(\"ry\", 4);\n });\n\n node\n .append(\"text\")\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .attr(\"dy\", \".35em\")\n .attr(\"class\", \"text-sm font-semibold fill-white dark:fill-black\")\n .attr(\"text-anchor\", \"middle\")\n .text((d) => {return (d.data.label) ? d.data.label : d.data.name})\n .style(\"pointer-events\", \"none\");\n};\n\nconst maxW = computed(() => {\n return `${props.maxWidth.toString()}px`;\n});\n\nconst maxH = computed(() => {\n return `${props.maxWidth.toString()}px`;\n});\n</script>\n\n<template>\n <div>\n <div\n ref=\"treeWrapper\"\n class=\"ep-tree-wrapper mx-auto\"\n :style=\"{ maxHeight: maxH, maxWidth: maxW }\"\n >\n <div ref=\"treeContainer\" class=\"ep-tree-container\" />\n </div>\n <EpModal v-model=\"showModal\" :title=\"currentNode.title\" v-if=\"currentNode\">\n <div v-if=\"currentNode.text\" v-html=\"useRenderText(currentNode.text)\" />\n <template v-if=\"currentRenderComponent && currentNode.component\">\n <component\n :is=\"currentRenderComponent\"\n v-bind=\"{ ...currentNode.component.data }\"\n />\n </template>\n <div class=\"flex justify-end\">\n <EpBtn @click=\"closeModal\" type=\"error\" outlined rounded>{{\n labelClose\n }}</EpBtn>\n </div>\n </EpModal>\n </div>\n</template>\n\n<style scoped>\n.ep-tree-wrapper {\n overflow: auto;\n border: 1px solid #ddd;\n}\n\n.ep-tree-container {\n width: 100%;\n overflow-x: auto;\n}\n</style>\n"],"names":["width","height","_createElementBlock","_createElementVNode","_normalizeStyle","_createBlock","EpModal","_unref","_openBlock","_resolveDynamicComponent","_normalizeProps","_mergeProps","_createVNode","EpBtn","labelClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoBA,UAAM,QAAQ;AASd,UAAM,gBAAgB,IAA2B,IAAI;AACrD,UAAM,cAAc,IAA2B,IAAI;AASnD,UAAM,cAAc,IAAqB,IAAI;AAC7C,UAAM,YAAY,IAAI,KAAK;AAE3B,UAAM,kBAAkB,CAAC,SAAmB;AAC1C,kBAAY,QAAQ;AAAA,QAClB,OAAO,KAAK;AAAA,QACZ,MAAM,KAAK;AAAA,QACX,WAAW,KAAK;AAAA,MAAA;AAElB,gBAAU,QAAQ;AAAA,IACpB;AAEA,UAAM,aAAa,MAAM;AACvB,gBAAU,QAAQ;AAClB,kBAAY,QAAQ;AAAA,IACtB;AAGA,UAAM,aAAa,uBAAA,OAAA;AAAA,MAAA,0BAAA,MAAA,OAAA,4BAAA;AAAA,MAAA,yBAAA,MAAA,OAAA,0BAAA;AAAA,MAAA,uBAAA,MAAA,OAAA,yBAAA;AAAA,MAAA,wBAAA,MAAA,OAAA,0BAAA;AAAA,MAAA,wBAAA,MAAA,OAAA,0BAAA;AAAA,MAAA,2BAAA,MAAA,OAAA,6BAAA;AAAA,MAAA,wBAAA,MAAA,OAAA,0BAAA;AAAA,MAAA,yBAAA,MAAA,OAAA,2BAAA;AAAA,MAAA,6BAAA,MAAA,OAAA,+BAAA;AAAA,MAAA,wBAAA,MAAA,OAAA,0BAAA;AAAA,MAAA,uBAAA,MAAA,OAAA,yBAAA;AAAA,MAAA,+BAAA,MAAA,OAAA,iCAAA;AAAA,MAAA,wBAAA,MAAA,OAAA,yBAAA;AAAA,MAAA,4BAAA,MAAA,OAAA,8BAAA;AAAA,MAAA,2BAAA,MAAA,OAAA,6BAAA;AAAA,MAAA,+BAAA,MAAA,OAAA,iCAAA;AAAA,MAAA,2BAAA,MAAA,OAAA,6BAAA;AAAA,MAAA,+BAAA,MAAA,OAAA,iCAAA;AAAA,MAAA,yBAAA,MAAA,OAAA,2BAAA;AAAA,MAAA,wBAAA,MAAA,OAAA,0BAAA;AAAA,MAAA,iBAAA,MAAA,OAAA,mBAAA;AAAA,MAAA,oBAAA,MAAA,OAAA,sBAAA;AAAA,MAAA,oBAAA,MAAA,OAAA,sBAAA;AAAA,MAAA,qBAAA,MAAA,OAAA,sBAAA;AAAA,MAAA,kBAAA,MAAA,OAAA,oBAAA;AAAA,MAAA,iBAAA,MAAA,OAAA,kBAAA;AAAA,MAAA,gBAAA,MAAA,OAAA,kBAAA;AAAA,MAAA,uBAAA,MAAA,OAAA,yBAAA;AAAA,MAAA,qBAAA,MAAA,OAAA,uBAAA;AAAA,MAAA,yBAAA,MAAA,OAAA,0BAAA;AAAA,MAAA,oBAAA,MAAA,OAAA,sBAAA;AAAA,MAAA,eAAA,MAAA,OAAA,iBAAA;AAAA,MAAA,gBAAA,MAAA,OAAA,kBAAA;AAAA,MAAA,oBAAA,MAAA,OAAA,qBAAA;AAAA,MAAA,iBAAA,MAAA,OAAA,mBAAA;AAAA,MAAA,wBAAA,MAAA,OAAA,0BAAA;AAAA,MAAA,mBAAA,MAAA,OAAA,qBAAA;AAAA,MAAA,2BAAA,MAAA,OAAA,4BAAA;AAAA,MAAA,2BAAA,MAAA,OAAA,6BAAA;AAAA,MAAA,4BAAA,MAAA,OAAA,8BAAA;AAAA,MAAA,6BAAA,MAAA,OAAA,8BAAA;AAAA,MAAA,2BAAA,MAAA,OAAA,6BAAA;AAAA,MAAA,8BAAA,MAAA,OAAA,+BAAA;AAAA,IAAA,CAAA;AAMnB,UAAM,yBAAyB,SAAS,MAAM;AAC5C,UAAI,CAAC,YAAY,SAAS,CAAC,YAAY,MAAM,WAAW;AACtD,eAAO;AAAA,MACT;AAEA,YAAM,EAAE,MAAM,SAAS,aAAa,YAAY,MAAM,UAAU,IAAI;AAEpE,UAAI,WAAW;AACf,UAAI,SAAS,UAAU;AACrB,mBAAW,KAAK,IAAI;AAAA,MACtB,OAAO;AACL,mBAAW,MAAM,IAAI,IAAI,IAAI;AAAA,MAC/B;AAEA,YAAM,SAAS,WAAW,QAAQ;AAIlC,UAAI,CAAC,QAAQ;AACX,gBAAQ,KAAK,wBAAwB,QAAQ,EAAE;AAC/C,eAAO;AAAA,MACT;AAEA,aAAO,qBAAqB,MAAM;AAAA,IACpC,CAAC;AAED,cAAU,MAAM;AACd,UAAI,CAAC,cAAc,MAAO;AAE1B,UAAI,MAAM,WAAW;AACnB,oBAAA;AAAA,MACF,OAAO;AACL,iBAAA;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,WAAW,MAAM;AAGrB,YAAM,SAAS,EAAE,KAAK,IAA2B,MAAM,GAAA;AAEvD,YAAM,OAAO,UAAoB,MAAM,KAAK;AAE5C,YAAM,QAAQ,KAAK,IAAI,MAAM,QAAQ;AACrC,YAAM,SAAS,MAAM;AAErB,YAAM,aAAa,KAAA,EAAiB,SAAS,CAAC,KAAK,GAAG,CAAC;AAEvD,YAAM,WAAW,WAAW,IAAI;AAEhC,YAAM,MAAM,GACT,OAAO,cAAc,KAAK,EAC1B,OAAO,KAAK,EACZ,KAAK,SAAS,KAAK,EACnB,KAAK,UAAU,MAAM;AAExB,YAAM,IAAI,IACP,OAAO,GAAG,EACV,KAAK,aAAa,aAAa,OAAO,IAAI,KAAK,OAAO,GAAG,GAAG;AAE/D,YAAM,OAAO,OACV,KAAA,EACA,YAAY,CAAC,KAAK,CAAC,CAAC,EACpB,GAAG,QAAQ,CAAC,UAAU;AACrB,UAAE,KAAK,aAAa,MAAM,SAAS;AAAA,MACrC,CAAC;AAEH,UAAI,KAAK,IAAI;AAEb,YAAM,UAAU,QAAQ,IAAI,SAAS;AACrC,YAAM,UAAU;AAChB,YAAM,WAAY,OAAe;AACjC,UAAI,KAAK,KAAK,WAAW,SAAS,UAAU,SAAS,OAAO,CAAC;AAG7D,YAAM,WAAW,aAAA,EAId,EAAE,CAAC,MAAM,EAAE,CAAC,EACZ,EAAE,CAAC,MAAM,EAAE,CAAC;AAEf,QAAE,UAAU,WAAW,EACpB,KAAK,SAAS,OAAO,EACrB,MAAA,EACA,OAAO,MAAM,EACb,KAAK,KAAK,CAAC,MAAM,SAAS,CAAC,CAAC,EAC5B,KAAK,SAAS,CAAC,MAAM;AACpB,cAAM,OAAO,EAAE,OAAO,KAAK,SACvB,GAAG,MAAM,SAAS,cAClB;AACJ,eAAO,GAAG,IAAI;AAAA,MAChB,CAAC;AAGH,YAAM,OAAO,EACV,UAAU,QAAQ,EAClB,KAAK,SAAS,YAAA,CAAa,EAC3B,MAAA,EACA,OAAO,GAAG,EACV,KAAK,SAAS,MAAM,EACpB,KAAK,aAAa,CAAC,MAAM,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,EACpD;AAAA,QAAM;AAAA,QAAU,CAAC,MAChB,EAAE,KAAK,aAAa,EAAE,KAAK,OAAO,YAAY;AAAA,MAAA,EAE/C,KAAK,SAAU,GAAG;AACjB,YAAI,EAAE,KAAK,aAAa,EAAE,KAAK,MAAM;AACnC,aAAG,OAAO,IAAI,EAAE,GAAG,SAAS,CAAC,WAAW,gBAAgB,EAAE,IAAI,CAAC;AAAA,QACjE;AAAA,MACF,CAAC;AAIH,WAAK,KAAK,SAAU,GAAG;AACrB,cAAM,QAAQ,GAAG,OAAO,IAAI;AAG5B,cAAM,OAAO,MACV,OAAO,MAAM,EACb,KAAK,SAAS,kDAAkD,EAChE,KAAK,eAAe,QAAQ,EAC5B,KAAK,KAAK,CAAC,EACX,KAAK,KAAK,CAAC,EACX,KAAK,MAAM,OAAO,EAClB,KAAM,EAAE,KAAK,QAAS,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI;AAGnD,cAAM,OAAQ,KAAK,KAAA,EAA0B,QAAA;AAC7C,cAAM,WAAW;AACjB,cAAM,WAAW;AAEjB,cAAMA,SAAQ,KAAK,QAAQ,WAAW;AACtC,cAAMC,UAAS,KAAK,SAAS,WAAW;AAGxC,cACG,OAAO,QAAQ,MAAM,EACrB,KAAK,SAAS,MAAM,SAAS,EAC7B,KAAK,KAAK,CAACD,SAAQ,CAAC,EACpB,KAAK,KAAK,CAACC,UAAS,CAAC,EACrB,KAAK,SAASD,MAAK,EACnB,KAAK,UAAUC,OAAM,EACrB,KAAK,MAAM,CAAC,EACZ,KAAK,MAAM,CAAC;AAAA,MACjB,CAAC;AAED,WACG,OAAO,MAAM,EACb,KAAK,KAAK,CAAC,EACX,KAAK,KAAK,CAAC,EACX,KAAK,MAAM,OAAO,EAClB,KAAK,SAAS,kDAAkD,EAChE,KAAK,eAAe,QAAQ,EAC5B,KAAK,CAAC,MAAM;AAAC,eAAQ,EAAE,KAAK,QAAS,EAAE,KAAK,QAAQ,EAAE,KAAK;AAAA,MAAI,CAAC,EAChE,MAAM,kBAAkB,MAAM;AAAA,IACnC;AAEA,UAAM,cAAc,MAAM;AAGxB,YAAM,SAAS,EAAE,KAAK,IAA2B,MAAM,GAAA;AAEvD,YAAM,OAAO,UAAoB,MAAM,KAAK;AAE5C,YAAM,QAAQ,KAAK,IAAI,MAAM,QAAQ;AACrC,YAAM,SAAS,MAAM;AAErB,YAAM,aAAa,QAAA,EAAoB,SAAS,CAAC,KAAK,GAAG,CAAC;AAE1D,YAAM,WAAW,WAAW,IAAI;AAEhC,YAAM,MAAM,GACT,OAAO,cAAc,KAAK,EAC1B,OAAO,KAAK,EACZ,KAAK,SAAS,KAAK,EACnB,KAAK,UAAU,MAAM;AAExB,YAAM,IAAI,IACP,OAAO,GAAG,EACV,KAAK,aAAa,aAAa,OAAO,IAAI,KAAK,OAAO,GAAG,GAAG;AAE/D,YAAM,OAAO,OACV,KAAA,EACA,YAAY,CAAC,KAAK,CAAC,CAAC,EACpB,GAAG,QAAQ,CAAC,UAAU;AACrB,UAAE,KAAK,aAAa,MAAM,SAAS;AAAA,MACrC,CAAC;AAEH,UAAI,KAAK,IAAI;AAEb,YAAM,UAAU;AAChB,YAAM,UAAU,SAAS,IAAI,SAAS;AACtC,YAAM,WAAY,OAAe;AACjC,UAAI,KAAK,KAAK,WAAW,SAAS,UAAU,SAAS,OAAO,CAAC;AAG7D,YAAM,WAAW,eAAA,EAId,EAAE,CAAC,MAAM,EAAE,CAAC,EACZ,EAAE,CAAC,MAAM,EAAE,CAAC;AAEf,QAAE,UAAU,WAAW,EACpB,KAAK,SAAS,OAAO,EACrB,MAAA,EACA,OAAO,MAAM,EACb,KAAK,KAAK,CAAC,MAAM,SAAS,CAAC,CAAC,EAC5B,KAAK,SAAS,CAAC,MAAM;AACpB,cAAM,OAAO,EAAE,OAAO,KAAK,SACvB,GAAG,MAAM,SAAS,cAClB;AACJ,eAAO,GAAG,IAAI;AAAA,MAChB,CAAC;AAGH,YAAM,OAAO,EACV,UAAU,QAAQ,EAClB,KAAK,SAAS,YAAA,CAAa,EAC3B,MAAA,EACA,OAAO,GAAG,EACV,KAAK,SAAS,MAAM,EACpB,KAAK,aAAa,CAAC,MAAM,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,EACpD;AAAA,QAAM;AAAA,QAAU,CAAC,MAChB,EAAE,KAAK,aAAa,EAAE,KAAK,OAAO,YAAY;AAAA,MAAA,EAE/C,KAAK,SAAU,GAAG;AACjB,YAAI,EAAE,KAAK,aAAa,EAAE,KAAK,MAAM;AACnC,aAAG,OAAO,IAAI,EAAE,GAAG,SAAS,CAAC,WAAW,gBAAgB,EAAE,IAAI,CAAC;AAAA,QACjE;AAAA,MACF,CAAC;AAIH,WAAK,KAAK,SAAU,GAAG;AACrB,cAAM,QAAQ,GAAG,OAAO,IAAI;AAG5B,cAAM,OAAO,MACV,OAAO,MAAM,EACb,KAAK,SAAS,kDAAkD,EAChE,KAAK,eAAe,QAAQ,EAC5B,KAAK,KAAK,CAAC,EACX,KAAK,KAAK,CAAC,EACX,KAAK,MAAM,OAAO,EAClB,KAAM,EAAE,KAAK,QAAS,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI;AAGnD,cAAM,OAAQ,KAAK,KAAA,EAA0B,QAAA;AAC7C,cAAM,WAAW;AACjB,cAAM,WAAW;AAEjB,cAAMD,SAAQ,KAAK,QAAQ,WAAW;AACtC,cAAMC,UAAS,KAAK,SAAS,WAAW;AAGxC,cACG,OAAO,QAAQ,MAAM,EACrB,KAAK,SAAS,MAAM,SAAS,EAC7B,KAAK,KAAK,CAACD,SAAQ,CAAC,EACpB,KAAK,KAAK,CAACC,UAAS,CAAC,EACrB,KAAK,SAASD,MAAK,EACnB,KAAK,UAAUC,OAAM,EACrB,KAAK,MAAM,CAAC,EACZ,KAAK,MAAM,CAAC;AAAA,MACjB,CAAC;AAED,WACG,OAAO,MAAM,EACb,KAAK,KAAK,CAAC,EACX,KAAK,KAAK,CAAC,EACX,KAAK,MAAM,OAAO,EAClB,KAAK,SAAS,kDAAkD,EAChE,KAAK,eAAe,QAAQ,EAC5B,KAAK,CAAC,MAAM;AAAC,eAAQ,EAAE,KAAK,QAAS,EAAE,KAAK,QAAQ,EAAE,KAAK;AAAA,MAAI,CAAC,EAChE,MAAM,kBAAkB,MAAM;AAAA,IACnC;AAEA,UAAM,OAAO,SAAS,MAAM;AAC1B,aAAO,GAAG,MAAM,SAAS,SAAA,CAAU;AAAA,IACrC,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,aAAO,GAAG,MAAM,SAAS,SAAA,CAAU;AAAA,IACrC,CAAC;;0BAICC,mBAsBM,OAAA,MAAA;AAAA,QArBJC,mBAMM,OAAA;AAAA,mBALA;AAAA,UAAJ,KAAI;AAAA,UACJ,OAAM;AAAA,UACL,OAAKC,eAAA,EAAA,WAAe,KAAA,OAAI,UAAY,KAAA,MAAA,CAAI;AAAA,QAAA;UAEzCD,mBAAqD,OAAA;AAAA,qBAA5C;AAAA,YAAJ,KAAI;AAAA,YAAgB,OAAM;AAAA,UAAA;;QAE6B,YAAA,sBAA9DE,YAaUC,aAAA;AAAA;sBAbQ,UAAA;AAAA,uEAAA,UAAS,QAAA;AAAA,UAAG,OAAO,YAAA,MAAY;AAAA,QAAA;2BAC/C,MAAwE;AAAA,YAA7D,YAAA,MAAY,qBAAvBJ,mBAAwE,OAAA;AAAA;cAA3C,WAAQK,MAAA,aAAA,EAAc,YAAA,MAAY,IAAI;AAAA,YAAA;YACnD,uBAAA,SAA0B,YAAA,MAAY,aACpDC,UAAA,GAAAH,YAGEI,wBAFK,uBAAA,KAAsB,GAAAC,eAAAC,WAAA,EAAA,KAAA,EAAA,GAAA,EAAA,GACd,kBAAY,UAAU,KAAA,CAAI,CAAA,GAAA,MAAA,EAAA;YAG3CR,mBAIM,OAJN,YAIM;AAAA,cAHJS,YAEUC,aAAA;AAAA,gBAFF,SAAO;AAAA,gBAAY,MAAK;AAAA,gBAAQ,UAAA;AAAA,gBAAS,SAAA;AAAA,cAAA;iCAAQ,MAEvD;AAAA,kDADAC,KAAAA,UAAU,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;;"}
1	+ {"version":3,"file":"EpHierarchy.vue2.js","sources":["../../../src/components/medias/EpHierarchy.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, onMounted, computed, defineAsyncComponent } from \"vue\";\nimport {\n hierarchy,\n tree,\n cluster,\n type HierarchyPointLink,\n type HierarchyPointNode,\n} from \"d3-hierarchy\";\nimport * as d3 from \"d3-selection\";\nimport { linkVertical, linkHorizontal } from \"d3-shape\";\nimport * as d3Zoom from \"d3-zoom\";\nimport type { TreeNode } from \"~/types/Hierarchy\";\nimport type { NestedComponents } from \"~/types/Component\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpHierarchyProps } from \"~/types/medias/EpHierarchy\";\n\nconst props = withDefaults(defineProps<EpHierarchyProps>(), {\n labelClose: \"fermer\",\n maxWidth: 800,\n maxHeight: 600,\n isCluster: false,\n colorRect: \"fill-red-400\",\n colorPath: \"stroke-yellow-400\",\n});\n\nconst treeContainer = ref<HTMLDivElement \| null>(null);\nconst treeWrapper = ref<HTMLDivElement \| null>(null);\n\n/* control modal /\ntype ShowNode = {\n title: string;\n text?: string;\n component?: NestedComponents;\n};\n\nconst currentNode = ref<ShowNode \| null>(null);\nconst showModal = ref(false);\n\nconst handleNodeClick = (node: TreeNode) => {\n currentNode.value = {\n title: node.name,\n text: node.text,\n component: node.component,\n };\n showModal.value = true;\n};\n\nconst closeModal = () => {\n showModal.value = false;\n currentNode.value = null;\n};\n//nested component\n\nconst components = import.meta.glob([\n \"./.vue\", // all components in medias (same folder)\n \"../basics/.vue\", // components/charts/\n \"../signages/.vue\", // components/signages/\n]);\n\nconst currentRenderComponent = computed(() => {\n if (!currentNode.value \|\| !currentNode.value.component) {\n return null;\n }\n\n const { path, name } = useComponent(currentNode.value.component.type);\n //console.log(path, name)\n let fullPath = \"\";\n if (path === \"medias\") {\n fullPath = `./${name}.vue`;\n } else {\n fullPath = `../${path}/${name}.vue`;\n }\n //console.log(fullPath)\n const loader = components[fullPath] as\n \| (() => Promise<{ default: NestedComponents }>)\n \| undefined;\n\n if (!loader) {\n console.warn(`Component not found: ${fullPath}`);\n return null; // or defineAsyncComponent(() => import('../fallbacks/EpNothing.vue'))\n }\n\n return defineAsyncComponent(loader);\n});\n\nonMounted(() => {\n if (!treeContainer.value) return;\n\n if (props.isCluster) {\n clusterView();\n } else {\n treeView();\n }\n});\n\nconst treeView = () => {\n const rectW = 130;\n const rectH = 40;\n const margin = { top: 40, right: 40, bottom: 40, left: 40 };\n\n const root = hierarchy<TreeNode>(props.nodes);\n //const totalLeafCount = root.leaves().length\n const width = Math.max(props.maxWidth);\n const height = props.maxHeight;\n\n const treeLayout = tree<TreeNode>().nodeSize([200, 100]); // [x spacing, y spacing]\n\n const treeData = treeLayout(root);\n\n const svg = d3\n .select(treeContainer.value)\n .append(\"svg\")\n .attr(\"width\", width)\n .attr(\"height\", height);\n\n const g = svg\n .append(\"g\")\n .attr(\"transform\", `translate(${margin.left}, ${margin.top})`);\n\n const zoom = d3Zoom\n .zoom<SVGSVGElement, unknown>()\n .scaleExtent([0.1, 2])\n .on(\"zoom\", (event) => {\n g.attr(\"transform\", event.transform);\n });\n\n svg.call(zoom);\n\n const centerX = width / 2 - treeData.x;\n const centerY = 30; //height / 2 - treeData.y\n const identity = (d3Zoom as any).zoomIdentity;\n svg.call(zoom.transform, identity.translate(centerX, centerY));\n\n // Links\n const linkPath = linkVertical<\n HierarchyPointLink<TreeNode>,\n HierarchyPointNode<TreeNode>\n >()\n .x((d) => d.x)\n .y((d) => d.y);\n\n g.selectAll(\"path.link\")\n .data(treeData.links())\n .enter()\n .append(\"path\")\n .attr(\"d\", (d) => linkPath(d))\n .attr(\"class\", (d) => {\n const link = d.target.data.active\n ? `${props.colorPath} stroke-2`\n : \"stroke-black dark:stroke-white\";\n return `${link} link fill-none`;\n });\n\n // Nodes\n const node = g\n .selectAll(\"g.node\")\n .data(treeData.descendants())\n .enter()\n .append(\"g\")\n .attr(\"class\", \"node\")\n .attr(\"transform\", (d) => `translate(${d.x}, ${d.y})`)\n .style(\"cursor\", (d) =>\n d.data.component \|\| d.data.text ? \"pointer\" : \"default\"\n )\n .each(function (d) {\n if (d.data.component \|\| d.data.text) {\n d3.select(this).on(\"click\", (_event) => handleNodeClick(d.data));\n }\n });\n //.style('cursor', 'pointer')\n //.on('click', (_event, d) => handleNodeClick(d.data))\n\n node.each(function (d) {\n const group = d3.select(this);\n\n // Append text temporarily\n const text = group\n .append(\"text\")\n .attr(\"class\", \"text-sm font-semibold fill-black dark:fill-white\")\n .attr(\"text-anchor\", \"middle\")\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .attr(\"dy\", \".35em\")\n .text((d.data.label) ? d.data.label : d.data.name);\n\n // Get bounding box to determine text size\n const bbox = (text.node() as SVGTextElement).getBBox();\n const paddingX = 10;\n const paddingY = 10;\n\n const width = bbox.width + paddingX * 2;\n const height = bbox.height + paddingY * 2;\n\n // Draw rect using text size\n group\n .insert(\"rect\", \"text\")\n .attr(\"class\", props.colorRect)\n .attr(\"x\", -width / 2)\n .attr(\"y\", -height / 2)\n .attr(\"width\", width)\n .attr(\"height\", height)\n .attr(\"rx\", 4)\n .attr(\"ry\", 4);\n });\n\n node\n .append(\"text\")\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .attr(\"dy\", \".35em\")\n .attr(\"class\", \"text-sm font-semibold fill-white dark:fill-black\")\n .attr(\"text-anchor\", \"middle\")\n .text((d) => {return (d.data.label) ? d.data.label : d.data.name})\n .style(\"pointer-events\", \"none\");\n};\n\nconst clusterView = () => {\n const rectW = 130;\n const rectH = 40;\n const margin = { top: 40, right: 40, bottom: 40, left: 40 };\n\n const root = hierarchy<TreeNode>(props.nodes);\n //const totalLeafCount = root.leaves().length\n const width = Math.max(props.maxWidth);\n const height = props.maxHeight;\n\n const treeLayout = cluster<TreeNode>().nodeSize([130, 200]); // [x spacing, y spacing]\n\n const treeData = treeLayout(root);\n\n const svg = d3\n .select(treeContainer.value)\n .append(\"svg\")\n .attr(\"width\", width)\n .attr(\"height\", height);\n\n const g = svg\n .append(\"g\")\n .attr(\"transform\", `translate(${margin.left}, ${margin.top})`);\n\n const zoom = d3Zoom\n .zoom<SVGSVGElement, unknown>()\n .scaleExtent([0.1, 4])\n .on(\"zoom\", (event) => {\n g.attr(\"transform\", event.transform);\n });\n\n svg.call(zoom);\n\n const centerX = 30;\n const centerY = height / 2 - treeData.x;\n const identity = (d3Zoom as any).zoomIdentity;\n svg.call(zoom.transform, identity.translate(centerX, centerY));\n\n // Links\n const linkPath = linkHorizontal<\n HierarchyPointLink<TreeNode>,\n HierarchyPointNode<TreeNode>\n >()\n .x((d) => d.y)\n .y((d) => d.x);\n\n g.selectAll(\"path.link\")\n .data(treeData.links())\n .enter()\n .append(\"path\")\n .attr(\"d\", (d) => linkPath(d))\n .attr(\"class\", (d) => {\n const link = d.target.data.active\n ? `${props.colorPath} stroke-2`\n : \"stroke-black dark:stroke-white\";\n return `${link} link fill-none`;\n });\n\n // Nodes\n const node = g\n .selectAll(\"g.node\")\n .data(treeData.descendants())\n .enter()\n .append(\"g\")\n .attr(\"class\", \"node\")\n .attr(\"transform\", (d) => `translate(${d.y}, ${d.x})`)\n .style(\"cursor\", (d) =>\n d.data.component \|\| d.data.text ? \"pointer\" : \"default\"\n )\n .each(function (d) {\n if (d.data.component \|\| d.data.text) {\n d3.select(this).on(\"click\", (_event) => handleNodeClick(d.data));\n }\n });\n //.style('cursor', 'pointer')\n //.on('click', (_event, d) => handleNodeClick(d.data))\n\n node.each(function (d) {\n const group = d3.select(this);\n\n // Append text temporarily\n const text = group\n .append(\"text\")\n .attr(\"class\", \"text-sm font-semibold fill-black dark:fill-white\")\n .attr(\"text-anchor\", \"middle\")\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .attr(\"dy\", \".35em\")\n .text((d.data.label) ? d.data.label : d.data.name);\n\n // Get bounding box to determine text size\n const bbox = (text.node() as SVGTextElement).getBBox();\n const paddingX = 10;\n const paddingY = 10;\n\n const width = bbox.width + paddingX * 2;\n const height = bbox.height + paddingY * 2;\n\n // Draw rect using text size\n group\n .insert(\"rect\", \"text\")\n .attr(\"class\", props.colorRect)\n .attr(\"x\", -width / 2)\n .attr(\"y\", -height / 2)\n .attr(\"width\", width)\n .attr(\"height\", height)\n .attr(\"rx\", 4)\n .attr(\"ry\", 4);\n });\n\n node\n .append(\"text\")\n .attr(\"x\", 0)\n .attr(\"y\", 0)\n .attr(\"dy\", \".35em\")\n .attr(\"class\", \"text-sm font-semibold fill-white dark:fill-black\")\n .attr(\"text-anchor\", \"middle\")\n .text((d) => {return (d.data.label) ? d.data.label : d.data.name})\n .style(\"pointer-events\", \"none\");\n};\n\nconst maxW = computed(() => {\n return `${props.maxWidth.toString()}px`;\n});\n\nconst maxH = computed(() => {\n return `${props.maxWidth.toString()}px`;\n});\n</script>\n\n<template>\n <div>\n <div\n ref=\"treeWrapper\"\n class=\"ep-tree-wrapper mx-auto\"\n :style=\"{ maxHeight: maxH, maxWidth: maxW }\"\n >\n <div ref=\"treeContainer\" class=\"ep-tree-container\" />\n </div>\n <EpModal v-model=\"showModal\" :title=\"currentNode.title\" v-if=\"currentNode\">\n <div v-if=\"currentNode.text\" v-html=\"useRenderText(currentNode.text)\" />\n <template v-if=\"currentRenderComponent && currentNode.component\">\n <component\n :is=\"currentRenderComponent\"\n v-bind=\"{ ...currentNode.component.data }\"\n />\n </template>\n <div class=\"flex justify-end\">\n <EpBtn @click=\"closeModal\" type=\"error\" outlined rounded>{{\n labelClose\n }}</EpBtn>\n </div>\n </EpModal>\n </div>\n</template>\n\n<style scoped>\n.ep-tree-wrapper {\n overflow: auto;\n border: 1px solid #ddd;\n}\n\n.ep-tree-container {\n width: 100%;\n overflow-x: auto;\n}\n</style>\n"],"names":["width","height","_createElementBlock","_createElementVNode","_normalizeStyle","_createBlock","EpModal","_unref","_openBlock","_resolveDynamicComponent","_normalizeProps","_mergeProps","_createVNode","EpBtn"],"mappings":"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"}

package/dist/components/medias/EpIframe.vue.js CHANGED Viewed

@@ -48,11 +48,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         title: unref(title),
-        labelIntentions: _ctx.labelIntentions,
-        type: _ctx.type,
+        labelIntentions: __props.labelIntentions,
+        type: __props.type,
         hideIcon: unref(hideIcon),
         icon: unref(mdiApplicationBrackets),
-        mandateLevel: _ctx.mandateLevel
+        mandateLevel: __props.mandateLevel
       }, createSlots({
         content: withCtx(() => [
           createElementVNode("iframe", {

package/dist/components/medias/EpIframe.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EpIframe.vue.js","sources":["../../../src/components/medias/EpIframe.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiApplicationBrackets } from \"@mdi/js\";\nimport type { EpIframeProps } from \"~/types/medias/EpIframe\";\n\nconst props = withDefaults(defineProps<EpIframeProps>(), {\n type: \"neutral\",\n big: false,\n hideIcon: false,\n});\n\nconst renderText = computed(() => {\n if (!props.intentions) {\n return null;\n }\n if (!isHtml(props.intentions)) {\n return useMarkdown(props.intentions);\n }\n return props.intentions;\n});\n\nconst height = computed(() => {\n if (props.customHeight) {\n return props.customHeight;\n }\n return props.big ? \"1000\" : \"520\";\n});\n\nconst _src = computed(() => {\n let lastLetter = props.src[props.src.length - 1];\n let isNum = /^\\d+$/.test(lastLetter);\n let studiumUrl = props.src.includes(\"https://studium.umontreal.ca\");\n if (isNum && studiumUrl) {\n return props.src + \"&embed=1\";\n }\n return props.src;\n});\n\nconst { title, hideIcon } = toRefs(props);\n</script>\n\n<template>\n <EpEdu\n :title=\"title\"\n :labelIntentions=\"labelIntentions\"\n :type=\"type\"\n :hideIcon=\"hideIcon\"\n :icon=\"mdiApplicationBrackets\"\n :mandateLevel=\"mandateLevel\"\n >\n <template #intentions v-if=\"renderText\">\n <div v-html=\"renderText\" />\n </template>\n <template #content>\n <iframe :src=\"_src\" class=\"w-full\" :height=\"height\"></iframe>\n </template>\n <!-- <template #actions>\n <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n </template> -->\n </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","~~labelIntentions","type","mandateLevel","~~_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAMd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;AAC5B,UAAI,MAAM,cAAc;AACtB,eAAO,MAAM;AAAA,MACf;AACA,aAAO,MAAM,MAAM,SAAS;AAAA,IAC9B,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAI,aAAa,MAAM,IAAI,MAAM,IAAI,SAAS,CAAC;AAC/C,UAAI,QAAQ,QAAQ,KAAK,UAAU;AACnC,UAAI,aAAa,MAAM,IAAI,SAAS,8BAA8B;AAClE,UAAI,SAAS,YAAY;AACvB,eAAO,MAAM,MAAM;AAAA,MACrB;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,EAAE,OAAO,aAAa,OAAO,KAAK;;0BAItCA,YAiBQC,aAAA;AAAA,QAhBL,OAAOC,MAAA,KAAA;AAAA,QACP,~~iBAAiBC~~,~~KAAAA~~;~~AAAAA~~,QACjB,~~MAAMC~~,~~KAAAA~~;~~AAAAA~~,QACN,~~UAAUF~~,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,sBAAA;AAAA,QACN,~~cAAcG~~,~~KAAAA~~;~~AAAAA~~,~~MAAAA~~;QAKJ,iBACT,MAA6D;AAAA,UAA7DC,mBAA6D,UAAA;AAAA,YAApD,KAAK,KAAA;AAAA,YAAM,OAAM;AAAA,YAAU,QAAQ,OAAA;AAAA,UAAA;;;;QAJlB,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BA,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}
1	+ {"version":3,"file":"EpIframe.vue.js","sources":["../../../src/components/medias/EpIframe.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport { mdiApplicationBrackets } from \"@mdi/js\";\nimport type { EpIframeProps } from \"~/types/medias/EpIframe\";\n\nconst props = withDefaults(defineProps<EpIframeProps>(), {\n type: \"neutral\",\n big: false,\n hideIcon: false,\n});\n\nconst renderText = computed(() => {\n if (!props.intentions) {\n return null;\n }\n if (!isHtml(props.intentions)) {\n return useMarkdown(props.intentions);\n }\n return props.intentions;\n});\n\nconst height = computed(() => {\n if (props.customHeight) {\n return props.customHeight;\n }\n return props.big ? \"1000\" : \"520\";\n});\n\nconst _src = computed(() => {\n let lastLetter = props.src[props.src.length - 1];\n let isNum = /^\\d+$/.test(lastLetter);\n let studiumUrl = props.src.includes(\"https://studium.umontreal.ca\");\n if (isNum && studiumUrl) {\n return props.src + \"&embed=1\";\n }\n return props.src;\n});\n\nconst { title, hideIcon } = toRefs(props);\n</script>\n\n<template>\n <EpEdu\n :title=\"title\"\n :labelIntentions=\"labelIntentions\"\n :type=\"type\"\n :hideIcon=\"hideIcon\"\n :icon=\"mdiApplicationBrackets\"\n :mandateLevel=\"mandateLevel\"\n >\n <template #intentions v-if=\"renderText\">\n <div v-html=\"renderText\" />\n </template>\n <template #content>\n <iframe :src=\"_src\" class=\"w-full\" :height=\"height\"></iframe>\n </template>\n <!-- <template #actions>\n <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n </template> -->\n </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAMd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;AAC5B,UAAI,MAAM,cAAc;AACtB,eAAO,MAAM;AAAA,MACf;AACA,aAAO,MAAM,MAAM,SAAS;AAAA,IAC9B,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAI,aAAa,MAAM,IAAI,MAAM,IAAI,SAAS,CAAC;AAC/C,UAAI,QAAQ,QAAQ,KAAK,UAAU;AACnC,UAAI,aAAa,MAAM,IAAI,SAAS,8BAA8B;AAClE,UAAI,SAAS,YAAY;AACvB,eAAO,MAAM,MAAM;AAAA,MACrB;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,EAAE,OAAO,aAAa,OAAO,KAAK;;0BAItCA,YAiBQC,aAAA;AAAA,QAhBL,OAAOC,MAAA,KAAA;AAAA,QACP,iBAAiB,QAAA;AAAA,QACjB,MAAM,QAAA;AAAA,QACN,UAAUA,MAAA,QAAA;AAAA,QACV,MAAMA,MAAA,sBAAA;AAAA,QACN,cAAc,QAAA;AAAA,MAAA;QAKJ,iBACT,MAA6D;AAAA,UAA7DC,mBAA6D,UAAA;AAAA,YAApD,KAAK,KAAA;AAAA,YAAM,OAAM;AAAA,YAAU,QAAQ,OAAA;AAAA,UAAA;;;;QAJlB,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BA,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/medias/EpKatex.vue2.js CHANGED Viewed

@@ -39,11 +39,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { center } = toRefs(props);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
-        title: _ctx.title,
-        type: _ctx.type,
-        hideIcon: _ctx.hideIcon,
+        title: __props.title,
+        type: __props.type,
+        hideIcon: __props.hideIcon,
         icon: unref(mdiFunctionVariant),
-        labelIntentions: _ctx.labelIntentions
+        labelIntentions: __props.labelIntentions
       }, createSlots({
         content: withCtx(() => [
           createElementVNode("div", {

package/dist/components/medias/EpKatex.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EpKatex.vue2.js","sources":["../../../src/components/medias/EpKatex.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, computed, toRefs } from \"vue\";\nimport katex from \"katex\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { mdiFunctionVariant } from \"@mdi/js\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport type { EpKatexProps } from \"~/types/medias/EpKatex\";\n\nconst props = withDefaults(defineProps<EpKatexProps>(), {\n center: false,\n});\n\nconst renderKatex = ref<HTMLDivElement>();\n\nonMounted(() => {\n if (renderKatex.value) {\n katex.render(String.raw`${props.content}`, renderKatex.value, {\n throwOnError: false,\n output: \"html\",\n });\n }\n});\n\nconst renderText = computed(() => {\n if (!props.intentions) {\n return null;\n }\n if (!isHtml(props.intentions)) {\n return useMarkdown(props.intentions);\n }\n return props.intentions;\n});\n\nconst { center } = toRefs(props);\n</script>\n\n<template>\n <EpEdu\n :title=\"title\"\n :type=\"type\"\n :hideIcon=\"hideIcon\"\n :icon=\"mdiFunctionVariant\"\n :labelIntentions=\"labelIntentions\"\n >\n <template #intentions v-if=\"renderText\">\n <div v-html=\"renderText\" />\n </template>\n <template #content>\n <div :class=\"`p-4 ${center ? 'flex justify-center' : ''}`\">\n <div ref=\"renderKatex\" />\n </div>\n </template>\n <!-- <template #actions>\n <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n </template> -->\n </EpEdu>\n</template>\n\n<style scoped>\n.katex {\n font-size: 1.6em;\n}\n</style>\n"],"names":["_createBlock","EpEdu","~~title","type","hideIcon","~~_unref","~~labelIntentions","~~_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAId,UAAM,cAAc,IAAA;AAEpB,cAAU,MAAM;AACd,UAAI,YAAY,OAAO;AACrB,cAAM,OAAO,OAAO,MAAM,MAAM,OAAO,IAAI,YAAY,OAAO;AAAA,UAC5D,cAAc;AAAA,UACd,QAAQ;AAAA,QAAA,CACT;AAAA,MACH;AAAA,IACF,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,EAAE,OAAA,IAAW,OAAO,KAAK;;0BAI7BA,YAkBQC,aAAA;AAAA,QAjBL,~~OAAOC~~,~~KAAAA~~;~~AAAAA~~,QACP,~~MAAMC~~,~~KAAAA~~;~~AAAAA~~,QACN,~~UAAUC~~,~~KAAAA~~;~~AAAAA~~,QACV,MAAMC,MAAA,kBAAA;AAAA,QACN,~~iBAAiBC~~,~~KAAAA~~;~~AAAAA~~,~~MAAAA~~;QAKP,iBACT,MAEM;AAAA,UAFNC,mBAEM,OAAA;AAAA,YAFA,~~6BAAcF~~,MAAA,MAAA,IAAM,wBAAA,EAAA,EAAA;AAAA,UAAA;~~YACxBE~~,mBAAyB,OAAA;AAAA,uBAAhB;AAAA,cAAJ,KAAI;AAAA,YAAA;;;;;QALe,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BA,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}
1	+ {"version":3,"file":"EpKatex.vue2.js","sources":["../../../src/components/medias/EpKatex.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, computed, toRefs } from \"vue\";\nimport katex from \"katex\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { mdiFunctionVariant } from \"@mdi/js\";\nimport { isHtml } from \"~/composables/isHtml\";\nimport { useMarkdown } from \"~/composables/useMarkdown\";\nimport type { EpKatexProps } from \"~/types/medias/EpKatex\";\n\nconst props = withDefaults(defineProps<EpKatexProps>(), {\n center: false,\n});\n\nconst renderKatex = ref<HTMLDivElement>();\n\nonMounted(() => {\n if (renderKatex.value) {\n katex.render(String.raw`${props.content}`, renderKatex.value, {\n throwOnError: false,\n output: \"html\",\n });\n }\n});\n\nconst renderText = computed(() => {\n if (!props.intentions) {\n return null;\n }\n if (!isHtml(props.intentions)) {\n return useMarkdown(props.intentions);\n }\n return props.intentions;\n});\n\nconst { center } = toRefs(props);\n</script>\n\n<template>\n <EpEdu\n :title=\"title\"\n :type=\"type\"\n :hideIcon=\"hideIcon\"\n :icon=\"mdiFunctionVariant\"\n :labelIntentions=\"labelIntentions\"\n >\n <template #intentions v-if=\"renderText\">\n <div v-html=\"renderText\" />\n </template>\n <template #content>\n <div :class=\"`p-4 ${center ? 'flex justify-center' : ''}`\">\n <div ref=\"renderKatex\" />\n </div>\n </template>\n <!-- <template #actions>\n <EpBtn :color=\"type=='base'?'text-gray-700':'text-white'\" :type=\"type\">[Repair btn style... to change]</EpBtn>\n </template> -->\n </EpEdu>\n</template>\n\n<style scoped>\n.katex {\n font-size: 1.6em;\n}\n</style>\n"],"names":["_createBlock","EpEdu","_unref","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAId,UAAM,cAAc,IAAA;AAEpB,cAAU,MAAM;AACd,UAAI,YAAY,OAAO;AACrB,cAAM,OAAO,OAAO,MAAM,MAAM,OAAO,IAAI,YAAY,OAAO;AAAA,UAC5D,cAAc;AAAA,UACd,QAAQ;AAAA,QAAA,CACT;AAAA,MACH;AAAA,IACF,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,YAAY;AACrB,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,MAAM,UAAU,GAAG;AAC7B,eAAO,YAAY,MAAM,UAAU;AAAA,MACrC;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,EAAE,OAAA,IAAW,OAAO,KAAK;;0BAI7BA,YAkBQC,aAAA;AAAA,QAjBL,OAAO,QAAA;AAAA,QACP,MAAM,QAAA;AAAA,QACN,UAAU,QAAA;AAAA,QACV,MAAMC,MAAA,kBAAA;AAAA,QACN,iBAAiB,QAAA;AAAA,MAAA;QAKP,iBACT,MAEM;AAAA,UAFNC,mBAEM,OAAA;AAAA,YAFA,6BAAcD,MAAA,MAAA,IAAM,wBAAA,EAAA,EAAA;AAAA,UAAA;YACxBC,mBAAyB,OAAA;AAAA,uBAAhB;AAAA,cAAJ,KAAI;AAAA,YAAA;;;;;QALe,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BA,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/medias/EpLink.vue.js CHANGED Viewed

@@ -34,12 +34,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
-        title: _ctx.labelCard,
+        title: __props.labelCard,
         icon: renderIcon.value,
         flat: "",
         hideIcon: unref(hideIcon),
         mandateLevel: unref(mandateLevel),
-        labelIntentions: _ctx.labelIntentions
+        labelIntentions: __props.labelIntentions
       }, createSlots({
         content: withCtx(() => [
           createElementVNode("div", _hoisted_2, [

package/dist/components/medias/EpLink.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EpLink.vue.js","sources":["../../../src/components/medias/EpLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { mdiLinkVariant } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpLinkProps } from \"~/types/medias/EpLink\";\n\nconst props = withDefaults(defineProps<EpLinkProps>(), {\n type: \"neutral\",\n hideIcon: false,\n});\n\nconst renderIcon = computed(() => {\n if (props.icon) {\n return props.icon;\n }\n return mdiLinkVariant;\n});\n\nconst hoverColor = computed(() => {\n return `absolute bg bottom-0 w-0 left-1/2 h-full -translate-x-1/2 transition-all ease-in-out duration-300 group-hover:w-[105%] -z-[1] group-focus:w-[105%]`;\n});\n\nconst { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);\n</script>\n\n<template>\n <EpEdu\n :title=\"labelCard\"\n :icon=\"renderIcon\"\n flat\n :hideIcon=\"hideIcon\"\n :mandateLevel=\"mandateLevel\"\n :labelIntentions=\"labelIntentions\"\n >\n <template #intentions v-if=\"intentions\">\n <div v-html=\"useRenderText(intentions)\" />\n </template>\n <template #content>\n <div class=\"flex justify-center\">\n <div class=\"w-4/5\">\n <EpBtn\n block\n rounded\n type=\"primary\"\n :prependIcon=\"renderIcon\"\n :href=\"url\"\n extraClass=\"group font-medium tracking-wide relative inline-flex justify-center overflow-hidden z-10 transition-all duration-300 ease-in-out \"\n >\n <div>\n <span class=\"font-medium tracking-wider\">{{ title }}</span>\n <span :class=\"hoverColor\" />\n </div>\n </EpBtn>\n </div>\n </div>\n </template>\n </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","~~labelCard","~~_unref","~~labelIntentions","~~_createElementVNode","_createVNode","EpBtn","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAKd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO,MAAM;AAAA,MACf;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,KAAK,OAAO,YAAY,cAAc,SAAA,IAAa,OAAO,KAAK;;0BAIrEA,YA8BQC,aAAA;AAAA,QA7BL,~~OAAOC~~,~~KAAAA~~;~~AAAAA~~,QACP,MAAM,WAAA;AAAA,QACP,MAAA;AAAA,QACC,UAAUC,MAAA,QAAA;AAAA,QACV,cAAcA,MAAA,YAAA;AAAA,QACd,~~iBAAiBC~~,~~KAAAA~~;~~AAAAA~~,~~MAAAA~~;QAKP,iBACT,MAgBM;AAAA,UAhBNC,mBAgBM,OAhBN,YAgBM;AAAA,YAfJA,mBAcM,OAdN,YAcM;AAAA,cAbJC,YAYQC,aAAA;AAAA,gBAXN,OAAA;AAAA,gBACA,SAAA;AAAA,gBACA,MAAK;AAAA,gBACJ,aAAa,WAAA;AAAA,gBACb,~~MAAMJ~~,MAAA,GAAA;AAAA,gBACP,YAAW;AAAA,cAAA;iCAEX,MAGM;AAAA,~~kBAHNE~~,mBAGM,OAAA,MAAA;AAAA,oBAFJA,mBAA2D,QAA3D,YAA2DG,~~gBAAfL~~,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,~~oBACjDE~~,mBAA4B,QAAA;AAAA,sBAArB,sBAAO,WAAA,KAAU;AAAA,oBAAA;;;;;;;;;;~~QAhBNF~~,MAAA,UAAA;gBAAjB;AAAA,sBACT,MAA0C;AAAA,~~YAA1CE~~,mBAA0C,OAAA;AAAA,cAArC,~~WAAQF~~,MAAA,aAAA,EAAcA,MAAA,UAAA,CAAU;AAAA,YAAA;;;;;;;;"}
1	+ {"version":3,"file":"EpLink.vue.js","sources":["../../../src/components/medias/EpLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRefs } from \"vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { mdiLinkVariant } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpLinkProps } from \"~/types/medias/EpLink\";\n\nconst props = withDefaults(defineProps<EpLinkProps>(), {\n type: \"neutral\",\n hideIcon: false,\n});\n\nconst renderIcon = computed(() => {\n if (props.icon) {\n return props.icon;\n }\n return mdiLinkVariant;\n});\n\nconst hoverColor = computed(() => {\n return `absolute bg bottom-0 w-0 left-1/2 h-full -translate-x-1/2 transition-all ease-in-out duration-300 group-hover:w-[105%] -z-[1] group-focus:w-[105%]`;\n});\n\nconst { url, title, intentions, mandateLevel, hideIcon } = toRefs(props);\n</script>\n\n<template>\n <EpEdu\n :title=\"labelCard\"\n :icon=\"renderIcon\"\n flat\n :hideIcon=\"hideIcon\"\n :mandateLevel=\"mandateLevel\"\n :labelIntentions=\"labelIntentions\"\n >\n <template #intentions v-if=\"intentions\">\n <div v-html=\"useRenderText(intentions)\" />\n </template>\n <template #content>\n <div class=\"flex justify-center\">\n <div class=\"w-4/5\">\n <EpBtn\n block\n rounded\n type=\"primary\"\n :prependIcon=\"renderIcon\"\n :href=\"url\"\n extraClass=\"group font-medium tracking-wide relative inline-flex justify-center overflow-hidden z-10 transition-all duration-300 ease-in-out \"\n >\n <div>\n <span class=\"font-medium tracking-wider\">{{ title }}</span>\n <span :class=\"hoverColor\" />\n </div>\n </EpBtn>\n </div>\n </div>\n </template>\n </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","_createElementVNode","_createVNode","EpBtn","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAKd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO,MAAM;AAAA,MACf;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,KAAK,OAAO,YAAY,cAAc,SAAA,IAAa,OAAO,KAAK;;0BAIrEA,YA8BQC,aAAA;AAAA,QA7BL,OAAO,QAAA;AAAA,QACP,MAAM,WAAA;AAAA,QACP,MAAA;AAAA,QACC,UAAUC,MAAA,QAAA;AAAA,QACV,cAAcA,MAAA,YAAA;AAAA,QACd,iBAAiB,QAAA;AAAA,MAAA;QAKP,iBACT,MAgBM;AAAA,UAhBNC,mBAgBM,OAhBN,YAgBM;AAAA,YAfJA,mBAcM,OAdN,YAcM;AAAA,cAbJC,YAYQC,aAAA;AAAA,gBAXN,OAAA;AAAA,gBACA,SAAA;AAAA,gBACA,MAAK;AAAA,gBACJ,aAAa,WAAA;AAAA,gBACb,MAAMH,MAAA,GAAA;AAAA,gBACP,YAAW;AAAA,cAAA;iCAEX,MAGM;AAAA,kBAHNC,mBAGM,OAAA,MAAA;AAAA,oBAFJA,mBAA2D,QAA3D,YAA2DG,gBAAfJ,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,oBACjDC,mBAA4B,QAAA;AAAA,sBAArB,sBAAO,WAAA,KAAU;AAAA,oBAAA;;;;;;;;;;QAhBND,MAAA,UAAA;gBAAjB;AAAA,sBACT,MAA0C;AAAA,YAA1CC,mBAA0C,OAAA;AAAA,cAArC,WAAQD,MAAA,aAAA,EAAcA,MAAA,UAAA,CAAU;AAAA,YAAA;;;;;;;;"}

package/dist/components/medias/EpLinkVersion.vue.js CHANGED Viewed

@@ -33,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           big: unref(big),
           "custom-height": unref(customHeight)
         }, null, 8, ["title", "src", "big", "custom-height"])
-      ])) : (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(_ctx.labels.noData), 1));
+      ])) : (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.labels.noData), 1));
     };
   }
 });

package/dist/components/medias/EpLinkVersion.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EpLinkVersion.vue.js","sources":["../../../src/components/medias/EpLinkVersion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport EpLink from \"~/components/medias/EpLink.vue\";\nimport EpIframe from \"~/components/medias/EpIframe.vue\";\nimport type { EpLinkVersionProps } from \"~/types/medias/EpLinkVersion\";\n\nconst props = withDefaults(defineProps<EpLinkVersionProps>(), {\n big: false,\n labels: () => {\n return {\n noData: \"no data\",\n };\n },\n});\n\nconst { type, link, big, customHeight } = toRefs(props);\n</script>\n\n<template>\n <div v-if=\"type === 'button'\">\n <EpLink :title=\"link.title\" :url=\"link.url\"></EpLink>\n </div>\n <div v-else-if=\"type === 'iframe'\">\n <EpIframe\n :title=\"link.title\"\n :src=\"link.url\"\n :big=\"big\"\n :custom-height=\"customHeight\"\n ></EpIframe>\n </div>\n <div v-else>\n {{ labels.noData }}\n </div>\n</template>\n"],"names":["_unref","_createElementBlock","_createVNode","EpLink","EpIframe","_toDisplayString"~~,"labels"~~],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AASd,UAAM,EAAE,MAAM,MAAM,KAAK,aAAA,IAAiB,OAAO,KAAK;;aAIzCA,MAAA,IAAA,MAAI,yBAAfC,mBAEM,OAAA,YAAA;AAAA,QADJC,YAAqDC,aAAA;AAAA,UAA5C,OAAOH,MAAA,IAAA,EAAK;AAAA,UAAQ,KAAKA,MAAA,IAAA,EAAK;AAAA,QAAA;YAEzBA,MAAA,IAAA,MAAI,yBAApBC,mBAOM,OAAA,YAAA;AAAA,QANJC,YAKYE,aAAA;AAAA,UAJT,OAAOJ,MAAA,IAAA,EAAK;AAAA,UACZ,KAAKA,MAAA,IAAA,EAAK;AAAA,UACV,KAAKA,MAAA,GAAA;AAAA,UACL,iBAAeA,MAAA,YAAA;AAAA,QAAA;0BAGpBC,mBAEM,OAAA,YAAAI,~~gBADDC~~,~~KAAAA~~,OAAO,MAAM,GAAA,CAAA;AAAA;;;"}
1	+ {"version":3,"file":"EpLinkVersion.vue.js","sources":["../../../src/components/medias/EpLinkVersion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport EpLink from \"~/components/medias/EpLink.vue\";\nimport EpIframe from \"~/components/medias/EpIframe.vue\";\nimport type { EpLinkVersionProps } from \"~/types/medias/EpLinkVersion\";\n\nconst props = withDefaults(defineProps<EpLinkVersionProps>(), {\n big: false,\n labels: () => {\n return {\n noData: \"no data\",\n };\n },\n});\n\nconst { type, link, big, customHeight } = toRefs(props);\n</script>\n\n<template>\n <div v-if=\"type === 'button'\">\n <EpLink :title=\"link.title\" :url=\"link.url\"></EpLink>\n </div>\n <div v-else-if=\"type === 'iframe'\">\n <EpIframe\n :title=\"link.title\"\n :src=\"link.url\"\n :big=\"big\"\n :custom-height=\"customHeight\"\n ></EpIframe>\n </div>\n <div v-else>\n {{ labels.noData }}\n </div>\n</template>\n"],"names":["_unref","_createElementBlock","_createVNode","EpLink","EpIframe","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AASd,UAAM,EAAE,MAAM,MAAM,KAAK,aAAA,IAAiB,OAAO,KAAK;;aAIzCA,MAAA,IAAA,MAAI,yBAAfC,mBAEM,OAAA,YAAA;AAAA,QADJC,YAAqDC,aAAA;AAAA,UAA5C,OAAOH,MAAA,IAAA,EAAK;AAAA,UAAQ,KAAKA,MAAA,IAAA,EAAK;AAAA,QAAA;YAEzBA,MAAA,IAAA,MAAI,yBAApBC,mBAOM,OAAA,YAAA;AAAA,QANJC,YAKYE,aAAA;AAAA,UAJT,OAAOJ,MAAA,IAAA,EAAK;AAAA,UACZ,KAAKA,MAAA,IAAA,EAAK;AAAA,UACV,KAAKA,MAAA,GAAA;AAAA,UACL,iBAAeA,MAAA,YAAA;AAAA,QAAA;0BAGpBC,mBAEM,OAAA,YAAAI,gBADD,QAAA,OAAO,MAAM,GAAA,CAAA;AAAA;;;"}

package/dist/components/medias/EpLottieSvg.vue.js CHANGED Viewed

@@ -42,17 +42,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(unref(DotLottieVue), {
-          src: _ctx.src,
-          loop: _ctx.loop,
-          autoplay: _ctx.autoPlay,
-          style: normalizeStyle(`width: ${_ctx.width}px; height: ${_ctx.height}px;`),
-          speed: Number(_ctx.speed),
-          "play-on-hover": _ctx.playOnHover,
+          src: __props.src,
+          loop: __props.loop,
+          autoplay: __props.autoPlay,
+          style: normalizeStyle(`width: ${__props.width}px; height: ${__props.height}px;`),
+          speed: Number(__props.speed),
+          "play-on-hover": __props.playOnHover,
           ref_key: "playerRef",
           ref: playerRef,
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.pauseOnClick ? managePlayState() : "")
+          onClick: _cache[0] || (_cache[0] = ($event) => __props.pauseOnClick ? managePlayState() : "")
         }, null, 8, ["src", "loop", "autoplay", "style", "speed", "play-on-hover"]),
-        _ctx.pauseButton ? (openBlock(), createElementBlock("button", {
+        __props.pauseButton ? (openBlock(), createElementBlock("button", {
           key: 0,
           class: "rounded bg-blue-500 text-white py-2 px-4 min-w-28 my-3",
           onClick: managePlayState

package/dist/components/medias/EpLottieSvg.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EpLottieSvg.vue.js","sources":["../../../src/components/medias/EpLottieSvg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { DotLottieVue } from \"@lottiefiles/dotlottie-vue\";\nimport { ref, watchEffect } from \"vue\";\nimport type { EpLottieSvgProps } from \"~/types/medias/EpLottieSvg\";\n\nconst props = withDefaults(defineProps<EpLottieSvgProps>(), {\n autoPlay: false,\n loop: false,\n speed: 1,\n width: 150,\n height: 150,\n pauseOnClick: false,\n pauseButton: false,\n playOnHover: false,\n});\n\nconst buttonText = ref(props.autoPlay ? \"Arrêter\" : \"Jouer\");\n\nconst playerRef = ref<any \| null>(null);\n\nconst managePlayState = () => {\n if (playerRef.value) {\n if (playerRef.value.getDotLottieInstance().isPlaying) {\n playerRef.value.getDotLottieInstance().pause();\n buttonText.value = \"Jouer\";\n } else {\n playerRef.value.getDotLottieInstance().play();\n buttonText.value = \"Arrêter\";\n }\n }\n};\n\nwatchEffect(() => {\n if (playerRef.value) {\n playerRef.value.getDotLottieInstance().addEventListener(\"complete\", () => {\n if (props.onComplete) {\n props.onComplete();\n }\n });\n }\n});\n</script>\n\n<template>\n <div class=\"flex flex-col items-center\">\n <DotLottieVue\n :src=\"src\"\n :loop=\"loop\"\n :autoplay=\"autoPlay\"\n :style=\"`width: ${width}px; height: ${height}px;`\"\n :speed=\"Number(speed)\"\n :play-on-hover=\"playOnHover\"\n ref=\"playerRef\"\n @click=\"pauseOnClick ? managePlayState() : ''\"\n />\n <button\n class=\"rounded bg-blue-500 text-white py-2 px-4 min-w-28 my-3\"\n v-if=\"pauseButton\"\n @click=\"managePlayState\"\n >\n {{ buttonText }}\n </button>\n </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_unref","~~src","loop","autoPlay","~~_normalizeStyle"~~,"width","height","speed","playOnHover","pauseOnClick","pauseButton"~~],"mappings":";;;;;;;;;;;;;;;;;;AAKA,UAAM,QAAQ;AAWd,UAAM,aAAa,IAAI,MAAM,WAAW,YAAY,OAAO;AAE3D,UAAM,YAAY,IAAgB,IAAI;AAEtC,UAAM,kBAAkB,MAAM;AAC5B,UAAI,UAAU,OAAO;AACnB,YAAI,UAAU,MAAM,qBAAA,EAAuB,WAAW;AACpD,oBAAU,MAAM,qBAAA,EAAuB,MAAA;AACvC,qBAAW,QAAQ;AAAA,QACrB,OAAO;AACL,oBAAU,MAAM,qBAAA,EAAuB,KAAA;AACvC,qBAAW,QAAQ;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAEA,gBAAY,MAAM;AAChB,UAAI,UAAU,OAAO;AACnB,kBAAU,MAAM,qBAAA,EAAuB,iBAAiB,YAAY,MAAM;AACxE,cAAI,MAAM,YAAY;AACpB,kBAAM,WAAA;AAAA,UACR;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBJC,YASEC,MAAA,YAAA,GAAA;AAAA,UARC,~~KAAKC~~,~~KAAAA~~;~~AAAAA~~,UACL,~~MAAMC~~,~~KAAAA~~;~~AAAAA~~,UACN,~~UAAUC~~,~~KAAAA~~;~~AAAAA~~,UACV,OAAKC,eAAA,~~UAAYC~~,~~KAAAA~~,KAAK,~~eAAeC~~,~~KAAAA~~,MAAM,KAAA;AAAA,UAC3C,OAAO,~~OAAOC~~,~~KAAAA~~,KAAK;AAAA,UACnB,~~iBAAeC~~,~~KAAAA~~;~~AAAAA~~,mBACZ;AAAA,UAAJ,KAAI;AAAA,UACH,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,~~WAAEC~~,~~KAAAA~~,eAAe,gBAAA,IAAe;AAAA,QAAA;~~QAIhCC~~,~~KAAAA~~,~~4BAFRZ~~,mBAMS,UAAA;AAAA;UALP,OAAM;AAAA,UAEL,SAAO;AAAA,QAAA,mBAEL,WAAA,KAAU,GAAA,CAAA;;;;;"}
1	+ {"version":3,"file":"EpLottieSvg.vue.js","sources":["../../../src/components/medias/EpLottieSvg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { DotLottieVue } from \"@lottiefiles/dotlottie-vue\";\nimport { ref, watchEffect } from \"vue\";\nimport type { EpLottieSvgProps } from \"~/types/medias/EpLottieSvg\";\n\nconst props = withDefaults(defineProps<EpLottieSvgProps>(), {\n autoPlay: false,\n loop: false,\n speed: 1,\n width: 150,\n height: 150,\n pauseOnClick: false,\n pauseButton: false,\n playOnHover: false,\n});\n\nconst buttonText = ref(props.autoPlay ? \"Arrêter\" : \"Jouer\");\n\nconst playerRef = ref<any \| null>(null);\n\nconst managePlayState = () => {\n if (playerRef.value) {\n if (playerRef.value.getDotLottieInstance().isPlaying) {\n playerRef.value.getDotLottieInstance().pause();\n buttonText.value = \"Jouer\";\n } else {\n playerRef.value.getDotLottieInstance().play();\n buttonText.value = \"Arrêter\";\n }\n }\n};\n\nwatchEffect(() => {\n if (playerRef.value) {\n playerRef.value.getDotLottieInstance().addEventListener(\"complete\", () => {\n if (props.onComplete) {\n props.onComplete();\n }\n });\n }\n});\n</script>\n\n<template>\n <div class=\"flex flex-col items-center\">\n <DotLottieVue\n :src=\"src\"\n :loop=\"loop\"\n :autoplay=\"autoPlay\"\n :style=\"`width: ${width}px; height: ${height}px;`\"\n :speed=\"Number(speed)\"\n :play-on-hover=\"playOnHover\"\n ref=\"playerRef\"\n @click=\"pauseOnClick ? managePlayState() : ''\"\n />\n <button\n class=\"rounded bg-blue-500 text-white py-2 px-4 min-w-28 my-3\"\n v-if=\"pauseButton\"\n @click=\"managePlayState\"\n >\n {{ buttonText }}\n </button>\n </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_unref","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,UAAM,QAAQ;AAWd,UAAM,aAAa,IAAI,MAAM,WAAW,YAAY,OAAO;AAE3D,UAAM,YAAY,IAAgB,IAAI;AAEtC,UAAM,kBAAkB,MAAM;AAC5B,UAAI,UAAU,OAAO;AACnB,YAAI,UAAU,MAAM,qBAAA,EAAuB,WAAW;AACpD,oBAAU,MAAM,qBAAA,EAAuB,MAAA;AACvC,qBAAW,QAAQ;AAAA,QACrB,OAAO;AACL,oBAAU,MAAM,qBAAA,EAAuB,KAAA;AACvC,qBAAW,QAAQ;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAEA,gBAAY,MAAM;AAChB,UAAI,UAAU,OAAO;AACnB,kBAAU,MAAM,qBAAA,EAAuB,iBAAiB,YAAY,MAAM;AACxE,cAAI,MAAM,YAAY;AACpB,kBAAM,WAAA;AAAA,UACR;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAjBJC,YASEC,MAAA,YAAA,GAAA;AAAA,UARC,KAAK,QAAA;AAAA,UACL,MAAM,QAAA;AAAA,UACN,UAAU,QAAA;AAAA,UACV,OAAKC,eAAA,UAAY,QAAA,KAAK,eAAe,QAAA,MAAM,KAAA;AAAA,UAC3C,OAAO,OAAO,QAAA,KAAK;AAAA,UACnB,iBAAe,QAAA;AAAA,mBACZ;AAAA,UAAJ,KAAI;AAAA,UACH,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,QAAA,eAAe,gBAAA,IAAe;AAAA,QAAA;QAIhC,QAAA,4BAFRH,mBAMS,UAAA;AAAA;UALP,OAAM;AAAA,UAEL,SAAO;AAAA,QAAA,mBAEL,WAAA,KAAU,GAAA,CAAA;;;;;"}

package/dist/components/medias/EpSensibleImage.vue2.js CHANGED Viewed

@@ -48,23 +48,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(`relative ${_ctx.thumbnail || _ctx.inline ? "inline" : ""}`)
+        class: normalizeClass(`relative ${__props.thumbnail || __props.inline ? "inline" : ""}`)
       }, [
         createVNode(_sfc_main$1, {
           ref_key: "epImg",
           ref: epImg,
-          src: _ctx.src,
-          alt: _ctx.alt,
-          height: _ctx.height,
-          width: _ctx.width,
-          caption: _ctx.caption,
-          bib: _ctx.bib,
-          title: _ctx.title,
-          cols: _ctx.cols,
-          "no-modal": _ctx.noModal,
-          thumbnail: _ctx.thumbnail,
-          "size-thumbnail": _ctx.sizeThumbnail,
-          inline: _ctx.inline
+          src: __props.src,
+          alt: __props.alt,
+          height: __props.height,
+          width: __props.width,
+          caption: __props.caption,
+          bib: __props.bib,
+          title: __props.title,
+          cols: __props.cols,
+          "no-modal": __props.noModal,
+          thumbnail: __props.thumbnail,
+          "size-thumbnail": __props.sizeThumbnail,
+          inline: __props.inline
         }, null, 8, ["src", "alt", "height", "width", "caption", "bib", "title", "cols", "no-modal", "thumbnail", "size-thumbnail", "inline"]),
         hasTarget.value ? (openBlock(), createBlock(Teleport, {
           key: 0,
@@ -77,13 +77,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: toggleShow
           }, [
             createVNode(_sfc_main$2, {
-              size: `${Number(_ctx.cols) <= 2 ? "45" : "60"}`,
-              "icon-path": _ctx.icon
+              size: `${Number(__props.cols) <= 2 ? "45" : "60"}`,
+              "icon-path": __props.icon
             }, null, 8, ["size", "icon-path"]),
-            Number(_ctx.cols) > 1 ? (openBlock(), createElementBlock("div", {
+            Number(__props.cols) > 1 ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(`${Number(_ctx.cols) <= 2 ? "hidden md:block" : "md:text-base"} text-xs overflow-auto md:p-1`),
-              innerHTML: unref(useRenderText)(_ctx.label)
+              class: normalizeClass(`${Number(__props.cols) <= 2 ? "hidden md:block" : "md:text-base"} text-xs overflow-auto md:p-1`),
+              innerHTML: unref(useRenderText)(__props.label)
             }, null, 10, _hoisted_1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
         ], 8, ["to"])) : createCommentVNode("", true)

package/dist/components/medias/EpSensibleImage.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EpSensibleImage.vue2.js","sources":["../../../src/components/medias/EpSensibleImage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { watchEffect, ref } from \"vue\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiEyeOffOutline } from \"@mdi/js\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpSensibleImageProps } from \"~/types/medias/EpSensibleImage\";\n\nconst props = withDefaults(defineProps<EpSensibleImageProps>(), {\n alt: \"Image snfas\",\n cols: \"6\",\n label:\n \"<h5>Ce contenu est sensible</h5><p>Cliquez pour afficher l'image.</p>\",\n icon:mdiEyeOffOutline,\n thumbnail: false,\n sizeThumbnail: \"medium\",\n inline: false\n});\n\nconst epImg = ref<{ imgEl: HTMLImageElement \| null } \| null>(null);\nconst parentRef = ref<HTMLElement \| null>(null);\nconst hasTarget = ref(false);\n\nwatchEffect(() => {\n const img = epImg.value?.imgEl;\n if (img && img.parentNode) {\n const parent = img.parentNode;\n\n // Placer le parent en position relative pour pouvoir positionner l’overlay\n if (parent instanceof HTMLElement) {\n if (!parent.classList.contains(\"ep-sensible-content\")) {\n parent.classList.add(\"ep-sensible-content\");\n hasTarget.value = true;\n parentRef.value = parent;\n }\n }\n }\n});\n\nconst show = ref(false);\nconst toggleShow = () => {\n if (!show.value) {\n show.value = true;\n }\n};\n</script>\n\n<template>\n <div :class=\"`relative ${(thumbnail \|\| inline)? 'inline' : ''}`\">\n <EpImg\n ref=\"epImg\"\n :src=\"src\"\n :alt=\"alt\"\n :height=\"height\"\n :width=\"width\"\n :caption=\"caption\"\n :bib=\"bib\"\n :title=\"title\"\n :cols=\"cols\"\n :no-modal=\"noModal\"\n :thumbnail=\"thumbnail\"\n :size-thumbnail=\"sizeThumbnail\"\n :inline=\"inline\"\n />\n\n <!-- Overlay -->\n <Teleport v-if=\"hasTarget\" :to=\"parentRef\">\n <div\n v-if=\"!show\"\n id=\"overlay\"\n class=\"text-white absolute z-3 top-0 left-0 w-full h-full inset-0 bg-black/50 backdrop-blur-2xl flex flex-col gap-2 justify-center items-center text-center\"\n @click=\"toggleShow\"\n >\n <EpIcon\n :size=\"`${Number(cols) <= 2 ? '45' : '60'}`\"\n :icon-path=\"icon\"\n />\n <div\n :class=\"`${\n Number(cols) <= 2 ? 'hidden md:block' : 'md:text-base'\n } text-xs overflow-auto md:p-1`\"\n v-if=\"Number(cols) > 1\"\n v-html=\"useRenderText(label)\"\n />\n </div>\n </Teleport>\n </div>\n</template>\n\n<style scoped>\n.ep-sensible-content {\n position: relative;\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","~~thumbnail","inline","~~_createVNode","EpImg","~~src","alt","height","width","caption","bib","title","cols","noModal","sizeThumbnail","~~_createBlock","_Teleport","EpIcon","~~icon","~~_unref"~~,"label"~~],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,UAAM,QAAQ,IAA+C,IAAI;AACjE,UAAM,YAAY,IAAwB,IAAI;AAC9C,UAAM,YAAY,IAAI,KAAK;AAE3B,gBAAY,MAAM;;AAChB,YAAM,OAAM,WAAM,UAAN,mBAAa;AACzB,UAAI,OAAO,IAAI,YAAY;AACzB,cAAM,SAAS,IAAI;AAGnB,YAAI,kBAAkB,aAAa;AACjC,cAAI,CAAC,OAAO,UAAU,SAAS,qBAAqB,GAAG;AACrD,mBAAO,UAAU,IAAI,qBAAqB;AAC1C,sBAAU,QAAQ;AAClB,sBAAU,QAAQ;AAAA,UACpB;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,OAAO,IAAI,KAAK;AACtB,UAAM,aAAa,MAAM;AACvB,UAAI,CAAC,KAAK,OAAO;AACf,aAAK,QAAQ;AAAA,MACf;AAAA,IACF;;0BAIEA,mBAsCM,OAAA;AAAA,QAtCA,OAAKC,eAAA,~~YAAeC~~,~~KAAAA~~,~~aAAaC~~,~~KAAAA~~,SAAM,WAAA,EAAA,EAAA;AAAA,MAAA;QAC3CC,YAcEC,aAAA;AAAA,mBAbI;AAAA,UAAJ,KAAI;AAAA,UACH,~~KAAKC~~,~~KAAAA~~;~~AAAAA~~,UACL,~~KAAKC~~,~~KAAAA~~;~~AAAAA~~,UACL,~~QAAQC~~,~~KAAAA~~;~~AAAAA~~,UACR,~~OAAOC~~,~~KAAAA~~;~~AAAAA~~,UACP,~~SAASC~~,~~KAAAA~~;~~AAAAA~~,UACT,~~KAAKC~~,~~KAAAA~~;~~AAAAA~~,UACL,~~OAAOC~~,~~KAAAA~~;~~AAAAA~~,UACP,~~MAAMC~~,~~KAAAA~~;~~AAAAA~~,UACN,~~YAAUC~~,~~KAAAA~~;~~AAAAA~~,UACV,~~WAAWZ~~,~~KAAAA~~;~~AAAAA~~,UACX,~~kBAAgBa~~,~~KAAAA~~;~~AAAAA~~,UAChB,~~QAAQZ~~,~~KAAAA~~;~~AAAAA~~,~~QAAAA~~;QAIK,UAAA,~~sBAAhBa~~,YAmBWC,UAAA;AAAA;UAnBiB,IAAI,UAAA;AAAA,QAAA;WAErB,KAAA,~~sBADTjB~~,mBAiBM,OAAA;AAAA;YAfJ,IAAG;AAAA,YACH,OAAM;AAAA,YACL,SAAO;AAAA,UAAA;~~YAERI~~,~~YAGEc~~,aAAA;AAAA,cAFC,MAAI,GAAK,~~OAAOL~~,~~KAAAA~~,IAAI,KAAA,IAAA,OAAA,IAAA;AAAA,cACpB,~~aAAWM~~,~~KAAAA~~;~~AAAAA~~,~~YAAAA~~;YAMN,~~OAAON~~,~~KAAAA~~,IAAI,IAAA,~~kBAJnBb~~,mBAME,OAAA;AAAA;cALC,OAAKC,eAAA,GAAkB,~~OAAOY~~,~~KAAAA~~,IAAI,KAAA,IAAA,oBAAA;cAInC,~~WAAQO~~,MAAA,aAAA,~~EAAcC~~,~~KAAAA~~,KAAK;AAAA,YAAA;;;;;;;"}
1	+ {"version":3,"file":"EpSensibleImage.vue2.js","sources":["../../../src/components/medias/EpSensibleImage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { watchEffect, ref } from \"vue\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiEyeOffOutline } from \"@mdi/js\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpSensibleImageProps } from \"~/types/medias/EpSensibleImage\";\n\nconst props = withDefaults(defineProps<EpSensibleImageProps>(), {\n alt: \"Image snfas\",\n cols: \"6\",\n label:\n \"<h5>Ce contenu est sensible</h5><p>Cliquez pour afficher l'image.</p>\",\n icon:mdiEyeOffOutline,\n thumbnail: false,\n sizeThumbnail: \"medium\",\n inline: false\n});\n\nconst epImg = ref<{ imgEl: HTMLImageElement \| null } \| null>(null);\nconst parentRef = ref<HTMLElement \| null>(null);\nconst hasTarget = ref(false);\n\nwatchEffect(() => {\n const img = epImg.value?.imgEl;\n if (img && img.parentNode) {\n const parent = img.parentNode;\n\n // Placer le parent en position relative pour pouvoir positionner l’overlay\n if (parent instanceof HTMLElement) {\n if (!parent.classList.contains(\"ep-sensible-content\")) {\n parent.classList.add(\"ep-sensible-content\");\n hasTarget.value = true;\n parentRef.value = parent;\n }\n }\n }\n});\n\nconst show = ref(false);\nconst toggleShow = () => {\n if (!show.value) {\n show.value = true;\n }\n};\n</script>\n\n<template>\n <div :class=\"`relative ${(thumbnail \|\| inline)? 'inline' : ''}`\">\n <EpImg\n ref=\"epImg\"\n :src=\"src\"\n :alt=\"alt\"\n :height=\"height\"\n :width=\"width\"\n :caption=\"caption\"\n :bib=\"bib\"\n :title=\"title\"\n :cols=\"cols\"\n :no-modal=\"noModal\"\n :thumbnail=\"thumbnail\"\n :size-thumbnail=\"sizeThumbnail\"\n :inline=\"inline\"\n />\n\n <!-- Overlay -->\n <Teleport v-if=\"hasTarget\" :to=\"parentRef\">\n <div\n v-if=\"!show\"\n id=\"overlay\"\n class=\"text-white absolute z-3 top-0 left-0 w-full h-full inset-0 bg-black/50 backdrop-blur-2xl flex flex-col gap-2 justify-center items-center text-center\"\n @click=\"toggleShow\"\n >\n <EpIcon\n :size=\"`${Number(cols) <= 2 ? '45' : '60'}`\"\n :icon-path=\"icon\"\n />\n <div\n :class=\"`${\n Number(cols) <= 2 ? 'hidden md:block' : 'md:text-base'\n } text-xs overflow-auto md:p-1`\"\n v-if=\"Number(cols) > 1\"\n v-html=\"useRenderText(label)\"\n />\n </div>\n </Teleport>\n </div>\n</template>\n\n<style scoped>\n.ep-sensible-content {\n position: relative;\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createVNode","EpImg","_createBlock","_Teleport","EpIcon","_unref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,UAAM,QAAQ,IAA+C,IAAI;AACjE,UAAM,YAAY,IAAwB,IAAI;AAC9C,UAAM,YAAY,IAAI,KAAK;AAE3B,gBAAY,MAAM;;AAChB,YAAM,OAAM,WAAM,UAAN,mBAAa;AACzB,UAAI,OAAO,IAAI,YAAY;AACzB,cAAM,SAAS,IAAI;AAGnB,YAAI,kBAAkB,aAAa;AACjC,cAAI,CAAC,OAAO,UAAU,SAAS,qBAAqB,GAAG;AACrD,mBAAO,UAAU,IAAI,qBAAqB;AAC1C,sBAAU,QAAQ;AAClB,sBAAU,QAAQ;AAAA,UACpB;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,OAAO,IAAI,KAAK;AACtB,UAAM,aAAa,MAAM;AACvB,UAAI,CAAC,KAAK,OAAO;AACf,aAAK,QAAQ;AAAA,MACf;AAAA,IACF;;0BAIEA,mBAsCM,OAAA;AAAA,QAtCA,OAAKC,eAAA,YAAe,QAAA,aAAa,QAAA,SAAM,WAAA,EAAA,EAAA;AAAA,MAAA;QAC3CC,YAcEC,aAAA;AAAA,mBAbI;AAAA,UAAJ,KAAI;AAAA,UACH,KAAK,QAAA;AAAA,UACL,KAAK,QAAA;AAAA,UACL,QAAQ,QAAA;AAAA,UACR,OAAO,QAAA;AAAA,UACP,SAAS,QAAA;AAAA,UACT,KAAK,QAAA;AAAA,UACL,OAAO,QAAA;AAAA,UACP,MAAM,QAAA;AAAA,UACN,YAAU,QAAA;AAAA,UACV,WAAW,QAAA;AAAA,UACX,kBAAgB,QAAA;AAAA,UAChB,QAAQ,QAAA;AAAA,QAAA;QAIK,UAAA,sBAAhBC,YAmBWC,UAAA;AAAA;UAnBiB,IAAI,UAAA;AAAA,QAAA;WAErB,KAAA,sBADTL,mBAiBM,OAAA;AAAA;YAfJ,IAAG;AAAA,YACH,OAAM;AAAA,YACL,SAAO;AAAA,UAAA;YAERE,YAGEI,aAAA;AAAA,cAFC,MAAI,GAAK,OAAO,QAAA,IAAI,KAAA,IAAA,OAAA,IAAA;AAAA,cACpB,aAAW,QAAA;AAAA,YAAA;YAMN,OAAO,QAAA,IAAI,IAAA,kBAJnBN,mBAME,OAAA;AAAA;cALC,OAAKC,eAAA,GAAkB,OAAO,QAAA,IAAI,KAAA,IAAA,oBAAA;cAInC,WAAQM,MAAA,aAAA,EAAc,QAAA,KAAK;AAAA,YAAA;;;;;;;"}

package/dist/components/medias/EpSoftware.vue.js CHANGED Viewed

@@ -54,10 +54,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         title: unref(labelCard),
-        labelIntentions: _ctx.labelIntentions,
+        labelIntentions: __props.labelIntentions,
         icon: unref(mdiLaptop),
         flat: "",
-        type: _ctx.type,
+        type: __props.type,
         hideIcon: unref(hideIcon),
         mandateLevel: unref(mandateLevel)
       }, createSlots({
@@ -100,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     href: unref(url)
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(_ctx.labelAccess), 1)
+                      createTextVNode(toDisplayString(__props.labelAccess), 1)
                     ]),
                     _: 1
                   }, 8, ["prependIcon", "href"])) : createCommentVNode("", true)

package/dist/components/medias/EpSoftware.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EpSoftware.vue.js","sources":["../../../src/components/medias/EpSoftware.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpChip from \"~/components/basics/EpChip.vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { mdiLaptop } from \"@mdi/js\";\nimport { mdiOpenInNew } from \"@mdi/js\";\nimport type { EpSoftwareProps } from \"~/types/medias/EpSoftware\";\n\nconst props = withDefaults(defineProps<EpSoftwareProps>(), {\n icon: \"mdiLaptop\",\n hideCover: false,\n intentions: \"\",\n cover: \"\",\n type: \"base\",\n hideIcon: false,\n labelAccess: \"Accéder au logiciel\",\n});\n\nconst old_image =\n \"https://live.staticflickr.com/4868/45940268562_c5f7fdd06b_q.jpg\";\n\nconst hasCover = computed(() => {\n if (props.cover === old_image \|\| props.cover.trim().length === 0) {\n return false;\n }\n return true;\n});\n\nconst {\n title,\n intentions,\n cover,\n hideCover,\n version,\n labelCard,\n hideIcon,\n mandateLevel,\n url,\n} = toRefs(props);\n</script>\n\n<template>\n <EpEdu\n :title=\"labelCard\"\n :labelIntentions=\"labelIntentions\"\n :icon=\"mdiLaptop\"\n flat\n :type=\"type\"\n :hideIcon=\"hideIcon\"\n :mandateLevel=\"mandateLevel\"\n >\n <template #intentions v-if=\"intentions\">\n <div v-html=\"useRenderText(intentions)\" />\n </template>\n <template #content>\n <div\n class=\"flex flex-col items-center border rounded-lg bg-surface-2 dark:bg-surface-2-dark md:flex-row mt-2\"\n >\n <template v-if=\"!hideCover\">\n <img\n v-if=\"hasCover\"\n class=\"h-24 w-full rounded-t-lg object-cover md:h-auto md:w-24 md:rounded-none md:rounded-l-lg\"\n :src=\"cover\"\n :alt=\"`image de la lecture ${title}`\"\n />\n <div\n v-else\n class=\"h-96 w-full rounded-t-lg md:h-auto md:w-56 md:rounded-none md:rounded-l-lg flex justify-center items-center text-base-dark dark:text-white\"\n >\n <EpIcon :icon-path=\"mdiLaptop\" size=\"95\" />\n </div>\n </template>\n <div class=\"w-full\">\n <div class=\"w-full px-5\">\n <div class=\"flex justify-between items-center rounded-t-md p-2\">\n <h4>\n {{ title }}\n <EpChip size=\"small\" type=\"primary\" v-if=\"version\">{{\n version\n }}</EpChip>\n </h4>\n <EpBtn\n v-if=\"url\"\n rounded\n type=\"primary\"\n :prependIcon=\"mdiOpenInNew\"\n :href=\"url\"\n >{{ labelAccess }}</EpBtn\n >\n </div>\n </div>\n </div>\n </div>\n </template>\n <template #actions></template>\n </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","~~labelIntentions","type","~~_createElementVNode","_createElementBlock","_Fragment","_openBlock","_createVNode","EpIcon","_createTextVNode","_toDisplayString","EpChip","EpBtn"~~,"labelAccess"~~],"mappings":";;;;;;;;;;;;;;;;;AAqBA,MAAM,YACJ;;;;;;;;;;;;;;;;;;AAXF,UAAM,QAAQ;AAad,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,UAAU,aAAa,MAAM,MAAM,KAAA,EAAO,WAAW,GAAG;AAChE,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE,OAAO,KAAK;;0BAIdA,YAqDQC,aAAA;AAAA,QApDL,OAAOC,MAAA,SAAA;AAAA,QACP,~~iBAAiBC~~,~~KAAAA~~;~~AAAAA~~,QACjB,~~MAAMD~~,MAAA,SAAA;AAAA,QACP,MAAA;AAAA,QACC,~~MAAME~~,~~KAAAA~~;~~AAAAA~~,QACN,~~UAAUF~~,MAAA,QAAA;AAAA,QACV,cAAcA,MAAA,YAAA;AAAA,MAAA;QAKJ,iBACT,MAqCM;AAAA,~~UArCNG~~,mBAqCM,OArCN,YAqCM;AAAA,~~aAlCaH~~,MAAA,SAAA,~~kBAAjBI~~,mBAaWC,UAAA,EAAA,KAAA,KAAA;AAAA,cAXD,SAAA,sBADRD,mBAKE,OAAA;AAAA;gBAHA,OAAM;AAAA,gBACL,~~KAAKJ~~,MAAA,KAAA;AAAA,gBACL,4BAA4BA,MAAA,KAAA,CAAK;AAAA,cAAA,~~4BAEpCM~~,UAAA,GAAAF,mBAKM,OALN,YAKM;AAAA,gBADJG,YAA2CC,aAAA;AAAA,kBAAlC,~~aAAWR~~,MAAA,SAAA;AAAA,kBAAW,MAAK;AAAA,gBAAA;;;~~YAGxCG~~,mBAmBM,OAnBN,YAmBM;AAAA,cAlBJA,mBAiBM,OAjBN,YAiBM;AAAA,gBAhBJA,mBAeM,OAfN,YAeM;AAAA,kBAdJA,mBAKK,MAAA,MAAA;AAAA,oBAJAM,gBAAAC,~~gBAAAV~~,MAAA,KAAA,CAAK,IAAG,KACX,CAAA;AAAA,oBAA0CA,MAAA,OAAA,kBAA1CF,~~YAEWa~~,aAAA;AAAA;sBAFH,MAAK;AAAA,sBAAQ,MAAK;AAAA,oBAAA;uCAAyB,MAEjD;AAAA,~~wDADAX~~,MAAA,OAAA,CAAO,GAAA,CAAA;AAAA,sBAAA;;;;kBAIHA,MAAA,GAAA,kBADRF,~~YAOCc~~,aAAA;AAAA;oBALC,SAAA;AAAA,oBACA,MAAK;AAAA,oBACJ,~~aAAaZ~~,MAAA,YAAA;AAAA,oBACb,MAAMA,MAAA,GAAA;AAAA,kBAAA;qCACN,MAAiB;AAAA,~~sDAAda~~,~~KAAAA~~,WAAW,GAAA,CAAA;AAAA,oBAAA;;;;;;;;QAOhB,iBAAX,MAA8B,EAAA;AAAA;;~~QA3CFb~~,MAAA,UAAA;gBAAjB;AAAA,sBACT,MAA0C;AAAA,~~YAA1CG~~,mBAA0C,OAAA;AAAA,cAArC,~~WAAQH~~,MAAA,aAAA,EAAcA,MAAA,UAAA,CAAU;AAAA,YAAA;;;;;;;;"}
1	+ {"version":3,"file":"EpSoftware.vue.js","sources":["../../../src/components/medias/EpSoftware.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpChip from \"~/components/basics/EpChip.vue\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { mdiLaptop } from \"@mdi/js\";\nimport { mdiOpenInNew } from \"@mdi/js\";\nimport type { EpSoftwareProps } from \"~/types/medias/EpSoftware\";\n\nconst props = withDefaults(defineProps<EpSoftwareProps>(), {\n icon: \"mdiLaptop\",\n hideCover: false,\n intentions: \"\",\n cover: \"\",\n type: \"base\",\n hideIcon: false,\n labelAccess: \"Accéder au logiciel\",\n});\n\nconst old_image =\n \"https://live.staticflickr.com/4868/45940268562_c5f7fdd06b_q.jpg\";\n\nconst hasCover = computed(() => {\n if (props.cover === old_image \|\| props.cover.trim().length === 0) {\n return false;\n }\n return true;\n});\n\nconst {\n title,\n intentions,\n cover,\n hideCover,\n version,\n labelCard,\n hideIcon,\n mandateLevel,\n url,\n} = toRefs(props);\n</script>\n\n<template>\n <EpEdu\n :title=\"labelCard\"\n :labelIntentions=\"labelIntentions\"\n :icon=\"mdiLaptop\"\n flat\n :type=\"type\"\n :hideIcon=\"hideIcon\"\n :mandateLevel=\"mandateLevel\"\n >\n <template #intentions v-if=\"intentions\">\n <div v-html=\"useRenderText(intentions)\" />\n </template>\n <template #content>\n <div\n class=\"flex flex-col items-center border rounded-lg bg-surface-2 dark:bg-surface-2-dark md:flex-row mt-2\"\n >\n <template v-if=\"!hideCover\">\n <img\n v-if=\"hasCover\"\n class=\"h-24 w-full rounded-t-lg object-cover md:h-auto md:w-24 md:rounded-none md:rounded-l-lg\"\n :src=\"cover\"\n :alt=\"`image de la lecture ${title}`\"\n />\n <div\n v-else\n class=\"h-96 w-full rounded-t-lg md:h-auto md:w-56 md:rounded-none md:rounded-l-lg flex justify-center items-center text-base-dark dark:text-white\"\n >\n <EpIcon :icon-path=\"mdiLaptop\" size=\"95\" />\n </div>\n </template>\n <div class=\"w-full\">\n <div class=\"w-full px-5\">\n <div class=\"flex justify-between items-center rounded-t-md p-2\">\n <h4>\n {{ title }}\n <EpChip size=\"small\" type=\"primary\" v-if=\"version\">{{\n version\n }}</EpChip>\n </h4>\n <EpBtn\n v-if=\"url\"\n rounded\n type=\"primary\"\n :prependIcon=\"mdiOpenInNew\"\n :href=\"url\"\n >{{ labelAccess }}</EpBtn\n >\n </div>\n </div>\n </div>\n </div>\n </template>\n <template #actions></template>\n </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","_createElementVNode","_createElementBlock","_Fragment","_openBlock","_createVNode","EpIcon","_createTextVNode","_toDisplayString","EpChip","EpBtn"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,MAAM,YACJ;;;;;;;;;;;;;;;;;;AAXF,UAAM,QAAQ;AAad,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,UAAU,aAAa,MAAM,MAAM,KAAA,EAAO,WAAW,GAAG;AAChE,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE,OAAO,KAAK;;0BAIdA,YAqDQC,aAAA;AAAA,QApDL,OAAOC,MAAA,SAAA;AAAA,QACP,iBAAiB,QAAA;AAAA,QACjB,MAAMA,MAAA,SAAA;AAAA,QACP,MAAA;AAAA,QACC,MAAM,QAAA;AAAA,QACN,UAAUA,MAAA,QAAA;AAAA,QACV,cAAcA,MAAA,YAAA;AAAA,MAAA;QAKJ,iBACT,MAqCM;AAAA,UArCNC,mBAqCM,OArCN,YAqCM;AAAA,aAlCaD,MAAA,SAAA,kBAAjBE,mBAaWC,UAAA,EAAA,KAAA,KAAA;AAAA,cAXD,SAAA,sBADRD,mBAKE,OAAA;AAAA;gBAHA,OAAM;AAAA,gBACL,KAAKF,MAAA,KAAA;AAAA,gBACL,4BAA4BA,MAAA,KAAA,CAAK;AAAA,cAAA,4BAEpCI,UAAA,GAAAF,mBAKM,OALN,YAKM;AAAA,gBADJG,YAA2CC,aAAA;AAAA,kBAAlC,aAAWN,MAAA,SAAA;AAAA,kBAAW,MAAK;AAAA,gBAAA;;;YAGxCC,mBAmBM,OAnBN,YAmBM;AAAA,cAlBJA,mBAiBM,OAjBN,YAiBM;AAAA,gBAhBJA,mBAeM,OAfN,YAeM;AAAA,kBAdJA,mBAKK,MAAA,MAAA;AAAA,oBAJAM,gBAAAC,gBAAAR,MAAA,KAAA,CAAK,IAAG,KACX,CAAA;AAAA,oBAA0CA,MAAA,OAAA,kBAA1CF,YAEWW,aAAA;AAAA;sBAFH,MAAK;AAAA,sBAAQ,MAAK;AAAA,oBAAA;uCAAyB,MAEjD;AAAA,wDADAT,MAAA,OAAA,CAAO,GAAA,CAAA;AAAA,sBAAA;;;;kBAIHA,MAAA,GAAA,kBADRF,YAOCY,aAAA;AAAA;oBALC,SAAA;AAAA,oBACA,MAAK;AAAA,oBACJ,aAAaV,MAAA,YAAA;AAAA,oBACb,MAAMA,MAAA,GAAA;AAAA,kBAAA;qCACN,MAAiB;AAAA,sDAAd,QAAA,WAAW,GAAA,CAAA;AAAA,oBAAA;;;;;;;;QAOhB,iBAAX,MAA8B,EAAA;AAAA;;QA3CFA,MAAA,UAAA;gBAAjB;AAAA,sBACT,MAA0C;AAAA,YAA1CC,mBAA0C,OAAA;AAAA,cAArC,WAAQD,MAAA,aAAA,EAAcA,MAAA,UAAA,CAAU;AAAA,YAAA;;;;;;;;"}

package/dist/components/medias/EpSvg.vue.js CHANGED Viewed

@@ -33,12 +33,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         title: unref(title),
-        hideIcon: _ctx.hideIcon,
+        hideIcon: __props.hideIcon,
         icon: unref(mdiImage),
-        labelIntentions: _ctx.labelIntentions,
+        labelIntentions: __props.labelIntentions,
         flat: "",
-        type: _ctx.type,
-        mandateLevel: _ctx.mandateLevel
+        type: __props.type,
+        mandateLevel: __props.mandateLevel
       }, createSlots({
         content: withCtx(() => [
           createElementVNode("div", _hoisted_2, [

package/dist/components/medias/EpSvg.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EpSvg.vue.js","sources":["../../../src/components/medias/EpSvg.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport { cols_img } from \"~/types/Image\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { mdiImage } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport type { EpSvgProps } from \"~/types/medias/EpSvg\";\n\nconst props = withDefaults(defineProps<EpSvgProps>(), {\n cols: \"6\",\n});\n\nconst renderCols = computed(() => {\n // console.log(+props.cols)\n // console.log(Cols[+props.cols])\n return cols_img[+props.cols];\n});\n\nconst renderText = computed(() => {\n if (props.desc) {\n return useRenderText(props.desc);\n }\n return null;\n});\n\nconst { title, content } = toRefs(props);\n</script>\n\n<template>\n <EpEdu\n :title=\"title\"\n :hideIcon=\"hideIcon\"\n :icon=\"mdiImage\"\n :labelIntentions=\"labelIntentions\"\n flat\n :type=\"type\"\n :mandateLevel=\"mandateLevel\"\n >\n <template #intentions v-if=\"renderText\">\n <div v-html=\"renderText\" />\n </template>\n <template #content>\n <div class=\"flex\">\n <div v-if=\"content\" :class=\"`mx-auto ${renderCols}`\">\n <div v-html=\"content\" class=\"w-full\" />\n </div>\n </div>\n </template>\n </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","~~hideIcon","labelIntentions","type","mandateLevel","~~_createElementVNode","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAId,UAAM,aAAa,SAAS,MAAM;AAGhC,aAAO,SAAS,CAAC,MAAM,IAAI;AAAA,IAC7B,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO,cAAc,MAAM,IAAI;AAAA,MACjC;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,OAAO,YAAY,OAAO,KAAK;;0BAIrCA,YAmBQC,aAAA;AAAA,QAlBL,OAAOC,MAAA,KAAA;AAAA,QACP,~~UAAUC~~,~~KAAAA~~;~~AAAAA~~,QACV,~~MAAMD~~,MAAA,QAAA;AAAA,QACN,~~iBAAiBE~~,~~KAAAA~~;~~AAAAA~~,QAClB,MAAA;AAAA,QACC,~~MAAMC~~,~~KAAAA~~;~~AAAAA~~,QACN,~~cAAcC~~,~~KAAAA~~;~~AAAAA~~,~~MAAAA~~;QAKJ,iBACT,MAIM;AAAA,UAJNC,mBAIM,OAJN,YAIM;AAAA,~~YAHOL~~,MAAA,OAAA,~~kBAAXM~~,mBAEM,OAAA;AAAA;cAFe,iCAAkB,WAAA,KAAU,EAAA;AAAA,YAAA;cAC/CD,mBAAuC,OAAA;AAAA,gBAAlC,~~WAAQL~~,MAAA,OAAA;AAAA,gBAAS,OAAM;AAAA,cAAA;;;;;;QANN,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,~~YAA3BK~~,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}
1	+ {"version":3,"file":"EpSvg.vue.js","sources":["../../../src/components/medias/EpSvg.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport { cols_img } from \"~/types/Image\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { mdiImage } from \"@mdi/js\";\nimport EpEdu from \"~/components/educationals/EpEdu.vue\";\nimport type { EpSvgProps } from \"~/types/medias/EpSvg\";\n\nconst props = withDefaults(defineProps<EpSvgProps>(), {\n cols: \"6\",\n});\n\nconst renderCols = computed(() => {\n // console.log(+props.cols)\n // console.log(Cols[+props.cols])\n return cols_img[+props.cols];\n});\n\nconst renderText = computed(() => {\n if (props.desc) {\n return useRenderText(props.desc);\n }\n return null;\n});\n\nconst { title, content } = toRefs(props);\n</script>\n\n<template>\n <EpEdu\n :title=\"title\"\n :hideIcon=\"hideIcon\"\n :icon=\"mdiImage\"\n :labelIntentions=\"labelIntentions\"\n flat\n :type=\"type\"\n :mandateLevel=\"mandateLevel\"\n >\n <template #intentions v-if=\"renderText\">\n <div v-html=\"renderText\" />\n </template>\n <template #content>\n <div class=\"flex\">\n <div v-if=\"content\" :class=\"`mx-auto ${renderCols}`\">\n <div v-html=\"content\" class=\"w-full\" />\n </div>\n </div>\n </template>\n </EpEdu>\n</template>\n"],"names":["_createBlock","EpEdu","_unref","_createElementVNode","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAId,UAAM,aAAa,SAAS,MAAM;AAGhC,aAAO,SAAS,CAAC,MAAM,IAAI;AAAA,IAC7B,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO,cAAc,MAAM,IAAI;AAAA,MACjC;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,OAAO,YAAY,OAAO,KAAK;;0BAIrCA,YAmBQC,aAAA;AAAA,QAlBL,OAAOC,MAAA,KAAA;AAAA,QACP,UAAU,QAAA;AAAA,QACV,MAAMA,MAAA,QAAA;AAAA,QACN,iBAAiB,QAAA;AAAA,QAClB,MAAA;AAAA,QACC,MAAM,QAAA;AAAA,QACN,cAAc,QAAA;AAAA,MAAA;QAKJ,iBACT,MAIM;AAAA,UAJNC,mBAIM,OAJN,YAIM;AAAA,YAHOD,MAAA,OAAA,kBAAXE,mBAEM,OAAA;AAAA;cAFe,iCAAkB,WAAA,KAAU,EAAA;AAAA,YAAA;cAC/CD,mBAAuC,OAAA;AAAA,gBAAlC,WAAQD,MAAA,OAAA;AAAA,gBAAS,OAAM;AAAA,cAAA;;;;;;QANN,WAAA;gBAAjB;AAAA,sBACT,MAA2B;AAAA,YAA3BC,mBAA2B,OAAA,EAAtB,WAAQ,WAAA,SAAU,MAAA,GAAA,UAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/medias/EpTerm.vue.js CHANGED Viewed

@@ -101,7 +101,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           _cache[2] || (_cache[2] = createElementVNode("span", { class: "absolute top-0 left-0 flex w-full h-0 mb-0 transition-all duration-300 ease-out transform translate-y-0 group-hover:h-full opacity-90" }, null, -1)),
           createElementVNode("span", _hoisted_1, [
-            createTextVNode(toDisplayString(_ctx.word) + " ", 1),
+            createTextVNode(toDisplayString(__props.word) + " ", 1),
             createVNode(_sfc_main$1, {
               "icon-path": unref(mdiBookmarkMultipleOutline),
               size: "18"
@@ -131,9 +131,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               margin: "mb-2"
             }),
             createElementVNode("div", _hoisted_6, [
-              createElementVNode("h3", _hoisted_7, toDisplayString(_ctx.labelDefinition), 1),
+              createElementVNode("h3", _hoisted_7, toDisplayString(__props.labelDefinition), 1),
               renderDomain.value ? (openBlock(), createElementBlock("span", _hoisted_8, [
-                createTextVNode(toDisplayString(_ctx.labelDomain) + " : ", 1),
+                createTextVNode(toDisplayString(__props.labelDomain) + " : ", 1),
                 createElementVNode("span", _hoisted_9, toDisplayString(renderDomain.value), 1)
               ])) : createCommentVNode("", true)
             ]),
@@ -146,7 +146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["src"])) : createCommentVNode("", true),
             renderVariations.value || renderRelations.value ? (openBlock(), createBlock(_sfc_main$3, { key: 1 })) : createCommentVNode("", true),
             renderVariations.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
-              createElementVNode("span", _hoisted_11, toDisplayString(_ctx.labelVariations) + " :", 1),
+              createElementVNode("span", _hoisted_11, toDisplayString(__props.labelVariations) + " :", 1),
               (openBlock(true), createElementBlock(Fragment, null, renderList(renderVariations.value, (variation, i) => {
                 return openBlock(), createElementBlock("span", {
                   key: `variation-${i}`
@@ -154,7 +154,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }), 128))
             ])) : createCommentVNode("", true),
             renderRelations.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
-              createElementVNode("span", _hoisted_13, toDisplayString(_ctx.labelRelations) + " :", 1),
+              createElementVNode("span", _hoisted_13, toDisplayString(__props.labelRelations) + " :", 1),
               (openBlock(true), createElementBlock(Fragment, null, renderList(renderRelations.value, (relation, i) => {
                 return openBlock(), createBlock(_sfc_main$5, {
                   key: `relation-${i}`,
@@ -178,7 +178,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 rounded: ""
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.labelClose), 1)
+                  createTextVNode(toDisplayString(__props.labelClose), 1)
                 ]),
                 _: 1
               })

package/dist/components/medias/EpTerm.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EpTerm.vue.js","sources":["../../../src/components/medias/EpTerm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, toRefs, computed } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { mdiBookmarkMultipleOutline } from \"@mdi/js\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport type { EpTermProps } from \"~/types/medias/EpTerm\";\n\nconst props = withDefaults(defineProps<EpTermProps>(), {\n term: \"test\",\n variations: \"\",\n relations: \"\",\n idrelation: \"\",\n labelDefinition: \"Définition\",\n labelDomain: \"Domaine\",\n labelVariations: \"Variations\",\n labelRelations: \"Relations\",\n labelClose: \"Fermer\",\n});\n\nconst show = ref(false);\n\nconst subtitle = computed(() => {\n if (props.term !== props.word) {\n return `(${props.word})`;\n }\n return null;\n});\n\nconst renderVariations = computed(() => {\n let renderVariations = null;\n let valueprops = props.variations?.trim();\n if (valueprops?.length > 0) {\n renderVariations = valueprops.split(\",\");\n }\n return renderVariations;\n});\n\nconst renderRelations = computed(() => {\n let renderRelations = null;\n let valueprops = props.relations?.trim();\n if (valueprops?.length > 0) {\n renderRelations = valueprops.split(\",\");\n }\n return renderRelations;\n});\n\nconst router = useRouter();\nconst goto = (term: string) => {\n if (router.hasRoute(\"glossary\")) {\n router.push({ path: \"/glossary\", query: { word: term } });\n }\n //console.log(router.hasRoute('signages'))\n //\n};\n// const relationsID = computed(() => {\n// let relationsID = null;\n// let valueprops = props.idrelation?.trim();\n// if (valueprops?.length > 0) {\n// relationsID = valueprops.split(\",\");\n// }\n// return relationsID;\n// });\n\nconst renderDomain = computed(() => {\n if (props.domain === \"null\") {\n return null;\n }\n return props.domain;\n});\n\nconst toggleModal = () => {\n show.value = !show.value;\n};\n/\nconst el = (contentref:any) => {\n const contentHtml = contentref.innerHTML \n const renderHtml = useRenderText(contentHtml)\n contentref.innerHTML = renderHtml\n}/\n\nconst { term, graminfo, src } = toRefs(props);\n</script>\n\n<template>\n <span\n @click=\"toggleModal\"\n class=\"cursor-pointer bg-surface-2 dark:bg-surface-2-dark ring-1 ring-primary ring-inset hover:bg-primary text-primary hover:text-white dark:hover:text-neutral-900 px-2 py-1 m-1 rounded group overflow-hidden relative\"\n >\n <span\n class=\"absolute top-0 left-0 flex w-full h-0 mb-0 transition-all duration-300 ease-out transform translate-y-0 group-hover:h-full opacity-90\"\n />\n <span class=\"relative\"\n >{{ word }}\n <EpIcon :icon-path=\"mdiBookmarkMultipleOutline\" size=\"18\" />\n </span>\n </span>\n\n <EpModal v-model=\"show\" size=\"compact\">\n <div class=\"mb-2 flex items-center justify-between\">\n <div>\n <h3 class=\"font-bold text-2xl\">\n {{ term }}\n <span class=\"text-sm font-light text-error italic\">{{\n graminfo\n }}</span>\n </h3>\n <h4 class=\"text-xs\" v-if=\"subtitle\">{{ subtitle }}</h4>\n </div>\n <div>\n <EpIcon :icon-path=\"mdiBookmarkMultipleOutline\" />\n </div>\n </div>\n <EpDivider color=\"primary\" margin=\"mb-2\"></EpDivider>\n <div class=\"mb-4 flex items-center justify-between\">\n <h3 class=\"text-primary font-bold\">{{ labelDefinition }}</h3>\n <span class=\"text-xs\" v-if=\"renderDomain\"\n >{{ labelDomain }} :\n <span class=\"font-bold\">{{ renderDomain }}</span></span\n >\n </div>\n <!-- <div v-html=\"renderText\"/> -->\n <div>\n <slot />\n </div>\n <EpImg v-if=\"src\" :src=\"src\"></EpImg>\n\n <EpDivider v-if=\"renderVariations \|\| renderRelations\"></EpDivider>\n <div class=\"text-sm mt-2\" v-if=\"renderVariations\">\n <span class=\"mr-2 font-bold\">{{ labelVariations }} :</span>\n <span v-for=\"(variation, i) in renderVariations\" :key=\"`variation-${i}`\">\n {{ variation }}{{ renderVariations.length > i + 1 ? \", \" : \".\" }}\n </span>\n </div>\n <div class=\"text-sm mt-2\" v-if=\"renderRelations\">\n <span class=\"mr-2 font-bold\">{{ labelRelations }} :</span>\n <template v-for=\"(relation, i) in renderRelations\" :key=\"`relation-${i}`\">\n <EpBtn\n size=\"small\"\n rounded\n extra-class=\"mr-2\"\n @click=\"goto(relation)\"\n >{{ relation }}</EpBtn\n >\n </template>\n </div>\n <div class=\"flex justify-end\">\n <EpBtn type=\"error\" outlined @click=\"show = false\" rounded>{{\n labelClose\n }}</EpBtn>\n </div>\n </EpModal>\n</template>\n"],"names":["renderVariations","renderRelations","term","_createElementVNode","~~word~~","_createVNode","EpIcon","_unref","EpModal","~~_createTextVNode","_toDisplayString","~~_createElementBlock","EpDivider","~~labelDefinition","~~_openBlock","~~labelDomain","~~_renderSlot","_createBlock","EpImg","~~labelVariations","~~_Fragment","_renderList","~~labelRelations","~~EpBtn"~~,"labelClose"~~],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAYd,UAAM,OAAO,IAAI,KAAK;AAEtB,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,SAAS,MAAM,MAAM;AAC7B,eAAO,IAAI,MAAM,IAAI;AAAA,MACvB;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,mBAAmB,SAAS,MAAM;;AACtC,UAAIA,oBAAmB;AACvB,UAAI,cAAa,WAAM,eAAN,mBAAkB;AACnC,WAAI,yCAAY,UAAS,GAAG;AAC1BA,4BAAmB,WAAW,MAAM,GAAG;AAAA,MACzC;AACA,aAAOA;AAAAA,IACT,CAAC;AAED,UAAM,kBAAkB,SAAS,MAAM;;AACrC,UAAIC,mBAAkB;AACtB,UAAI,cAAa,WAAM,cAAN,mBAAiB;AAClC,WAAI,yCAAY,UAAS,GAAG;AAC1BA,2BAAkB,WAAW,MAAM,GAAG;AAAA,MACxC;AACA,aAAOA;AAAAA,IACT,CAAC;AAED,UAAM,SAAS,UAAA;AACf,UAAM,OAAO,CAACC,UAAiB;AAC7B,UAAI,OAAO,SAAS,UAAU,GAAG;AAC/B,eAAO,KAAK,EAAE,MAAM,aAAa,OAAO,EAAE,MAAMA,MAAAA,GAAQ;AAAA,MAC1D;AAAA,IAGF;AAUA,UAAM,eAAe,SAAS,MAAM;AAClC,UAAI,MAAM,WAAW,QAAQ;AAC3B,eAAO;AAAA,MACT;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,cAAc,MAAM;AACxB,WAAK,QAAQ,CAAC,KAAK;AAAA,IACrB;AAQA,UAAM,EAAE,MAAM,UAAU,IAAA,IAAQ,OAAO,KAAK;;;QAI1CC,mBAWO,QAAA;AAAA,UAVJ,SAAO;AAAA,UACR,OAAM;AAAA,QAAA;oCAENA,mBAEE,QAAA,EADA,OAAM,wIAAA,GAAuI,MAAA,EAAA;AAAA,UAE/IA,mBAGO,QAHP,YAGO;AAAA,YAFDC,~~gBAAAA~~,~~gBAAAA~~,~~KAAAA~~,IAAI,IAAG,KACX,CAAA;AAAA,YAAAC,YAA4DC,aAAA;AAAA,cAAnD,aAAWC,MAAA,0BAAA;AAAA,cAA4B,MAAK;AAAA,YAAA;;;QAIzDF,YAqDUG,aAAA;AAAA,sBArDQ,KAAA;AAAA,uEAAA,KAAI,QAAA;AAAA,UAAE,MAAK;AAAA,QAAA;2BAC3B,MAaM;AAAA,~~YAbNL~~,mBAaM,OAbN,YAaM;AAAA,cAZJA,mBAQM,OAAA,MAAA;AAAA,gBAPJA,mBAKK,MALL,YAKK;AAAA,~~kBAJAM~~,gBAAAC,~~gBAAAH~~,MAAA,IAAA,CAAI,IAAG,KACV,CAAA;AAAA,~~kBAAAJ~~,mBAES,QAFT,~~YAESO~~,~~gBADPH~~,MAAA,QAAA,CAAQ,GAAA,CAAA;AAAA,gBAAA;gBAGc,SAAA,~~sBAA1BI~~,mBAAuD,MAAvD,~~YAAuDD~~,gBAAhB,SAAA,KAAQ,GAAA,CAAA;;~~cAEjDP~~,mBAEM,OAAA,MAAA;AAAA,~~gBADJE~~,YAAkDC,aAAA,EAAzC,aAAWC,MAAA,0BAAA,EAAA,GAA0B,MAAA,GAAA,CAAA,WAAA,CAAA;AAAA,cAAA;;YAGlDF,~~YAAqDO~~,aAAA;AAAA,cAA1C,OAAM;AAAA,cAAU,QAAO;AAAA,YAAA;~~YAClCT~~,mBAMM,OANN,YAMM;AAAA,cALJA,mBAA6D,MAA7D,~~YAA6DO~~,~~gBAAvBG~~,~~KAAAA~~,eAAe,GAAA,CAAA;AAAA,cACzB,aAAA,~~SAA5BC~~,UAAA,~~GAAAH~~,mBAGC,QAHD,YAGC;AAAA,~~gBAFKI~~,~~gBAAAA~~,~~gBAAAA~~,~~KAAAA~~,WAAW,IAAG,OAClB,CAAA;AAAA,~~gBAAAZ~~,mBAAiD,QAAjD,~~YAAiDO~~,gBAAtB,aAAA,KAAY,GAAA,CAAA;AAAA,cAAA;;~~YAI3CP~~,mBAEM,OAAA,MAAA;AAAA,~~cADJa~~,WAAQ,KAAA,QAAA,SAAA;AAAA,YAAA;~~YAEGT~~,MAAA,GAAA,~~kBAAbU~~,YAAqCC,aAAA;AAAA;cAAlB,~~KAAKX~~,MAAA,GAAA;AAAA,YAAA;YAEP,iBAAA,SAAoB,gBAAA,~~sBAArCU~~,~~YAAkEL~~,aAAA,EAAA,KAAA,EAAA,CAAA;YAClC,iBAAA,~~SAAhCE~~,UAAA,~~GAAAH~~,mBAKM,OALN,aAKM;AAAA,~~cAJJR~~,mBAA2D,QAA3D,~~aAA2DO~~,~~gBAA3BS~~,~~KAAAA~~,eAAe,IAAG,MAAE,CAAA;AAAA,~~eACpDL~~,UAAA,IAAA,~~GAAAH~~,~~mBAEOS~~,UAAA,MAAAC,WAFwB,iBAAA,OAAgB,CAAjC,WAAW,MAAC;~~oCAA1BV~~,mBAEO,QAAA;AAAA,kBAF2C,kBAAkB,CAAC;AAAA,gBAAA,~~GAChED~~,gBAAA,SAAS,IAAAA,gBAAM,iBAAA,MAAiB,SAAS,IAAC,IAAA,OAAA,GAAA,GAAA,CAAA;AAAA;;YAGjB,gBAAA,~~SAAhCI~~,UAAA,~~GAAAH~~,mBAWM,OAXN,aAWM;AAAA,~~cAVJR~~,mBAA0D,QAA1D,~~aAA0DO~~,~~gBAA1BY~~,~~KAAAA~~,cAAc,IAAG,MAAE,CAAA;AAAA,~~eACnDR~~,UAAA,IAAA,~~GAAAH~~,~~mBAQWS~~,UAAA,MAAAC,WARuB,gBAAA,OAAe,CAA/B,UAAU,MAAC;~~oCAC3BJ~~,~~YAMCM~~,aAAA;AAAA,mCAPkE,CAAC;AAAA,kBAElE,MAAK;AAAA,kBACL,SAAA;AAAA,kBACA,eAAY;AAAA,kBACX,SAAK,CAAA,WAAE,KAAK,QAAQ;AAAA,gBAAA;mCACpB,MAAc;AAAA,oDAAX,QAAQ,GAAA,CAAA;AAAA,kBAAA;;;;;~~YAIlBpB~~,mBAIM,OAJN,aAIM;AAAA,~~cAHJE~~,~~YAEUkB~~,aAAA;AAAA,gBAFH,MAAK;AAAA,gBAAQ,UAAA;AAAA,gBAAU,+CAAO,KAAA,QAAI;AAAA,gBAAU,SAAA;AAAA,cAAA;iCAAQ,MAEzD;AAAA,~~kDADAC~~,~~KAAAA~~,UAAU,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;;"}
1	+ {"version":3,"file":"EpTerm.vue.js","sources":["../../../src/components/medias/EpTerm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, toRefs, computed } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { mdiBookmarkMultipleOutline } from \"@mdi/js\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport type { EpTermProps } from \"~/types/medias/EpTerm\";\n\nconst props = withDefaults(defineProps<EpTermProps>(), {\n term: \"test\",\n variations: \"\",\n relations: \"\",\n idrelation: \"\",\n labelDefinition: \"Définition\",\n labelDomain: \"Domaine\",\n labelVariations: \"Variations\",\n labelRelations: \"Relations\",\n labelClose: \"Fermer\",\n});\n\nconst show = ref(false);\n\nconst subtitle = computed(() => {\n if (props.term !== props.word) {\n return `(${props.word})`;\n }\n return null;\n});\n\nconst renderVariations = computed(() => {\n let renderVariations = null;\n let valueprops = props.variations?.trim();\n if (valueprops?.length > 0) {\n renderVariations = valueprops.split(\",\");\n }\n return renderVariations;\n});\n\nconst renderRelations = computed(() => {\n let renderRelations = null;\n let valueprops = props.relations?.trim();\n if (valueprops?.length > 0) {\n renderRelations = valueprops.split(\",\");\n }\n return renderRelations;\n});\n\nconst router = useRouter();\nconst goto = (term: string) => {\n if (router.hasRoute(\"glossary\")) {\n router.push({ path: \"/glossary\", query: { word: term } });\n }\n //console.log(router.hasRoute('signages'))\n //\n};\n// const relationsID = computed(() => {\n// let relationsID = null;\n// let valueprops = props.idrelation?.trim();\n// if (valueprops?.length > 0) {\n// relationsID = valueprops.split(\",\");\n// }\n// return relationsID;\n// });\n\nconst renderDomain = computed(() => {\n if (props.domain === \"null\") {\n return null;\n }\n return props.domain;\n});\n\nconst toggleModal = () => {\n show.value = !show.value;\n};\n/\nconst el = (contentref:any) => {\n const contentHtml = contentref.innerHTML \n const renderHtml = useRenderText(contentHtml)\n contentref.innerHTML = renderHtml\n}/\n\nconst { term, graminfo, src } = toRefs(props);\n</script>\n\n<template>\n <span\n @click=\"toggleModal\"\n class=\"cursor-pointer bg-surface-2 dark:bg-surface-2-dark ring-1 ring-primary ring-inset hover:bg-primary text-primary hover:text-white dark:hover:text-neutral-900 px-2 py-1 m-1 rounded group overflow-hidden relative\"\n >\n <span\n class=\"absolute top-0 left-0 flex w-full h-0 mb-0 transition-all duration-300 ease-out transform translate-y-0 group-hover:h-full opacity-90\"\n />\n <span class=\"relative\"\n >{{ word }}\n <EpIcon :icon-path=\"mdiBookmarkMultipleOutline\" size=\"18\" />\n </span>\n </span>\n\n <EpModal v-model=\"show\" size=\"compact\">\n <div class=\"mb-2 flex items-center justify-between\">\n <div>\n <h3 class=\"font-bold text-2xl\">\n {{ term }}\n <span class=\"text-sm font-light text-error italic\">{{\n graminfo\n }}</span>\n </h3>\n <h4 class=\"text-xs\" v-if=\"subtitle\">{{ subtitle }}</h4>\n </div>\n <div>\n <EpIcon :icon-path=\"mdiBookmarkMultipleOutline\" />\n </div>\n </div>\n <EpDivider color=\"primary\" margin=\"mb-2\"></EpDivider>\n <div class=\"mb-4 flex items-center justify-between\">\n <h3 class=\"text-primary font-bold\">{{ labelDefinition }}</h3>\n <span class=\"text-xs\" v-if=\"renderDomain\"\n >{{ labelDomain }} :\n <span class=\"font-bold\">{{ renderDomain }}</span></span\n >\n </div>\n <!-- <div v-html=\"renderText\"/> -->\n <div>\n <slot />\n </div>\n <EpImg v-if=\"src\" :src=\"src\"></EpImg>\n\n <EpDivider v-if=\"renderVariations \|\| renderRelations\"></EpDivider>\n <div class=\"text-sm mt-2\" v-if=\"renderVariations\">\n <span class=\"mr-2 font-bold\">{{ labelVariations }} :</span>\n <span v-for=\"(variation, i) in renderVariations\" :key=\"`variation-${i}`\">\n {{ variation }}{{ renderVariations.length > i + 1 ? \", \" : \".\" }}\n </span>\n </div>\n <div class=\"text-sm mt-2\" v-if=\"renderRelations\">\n <span class=\"mr-2 font-bold\">{{ labelRelations }} :</span>\n <template v-for=\"(relation, i) in renderRelations\" :key=\"`relation-${i}`\">\n <EpBtn\n size=\"small\"\n rounded\n extra-class=\"mr-2\"\n @click=\"goto(relation)\"\n >{{ relation }}</EpBtn\n >\n </template>\n </div>\n <div class=\"flex justify-end\">\n <EpBtn type=\"error\" outlined @click=\"show = false\" rounded>{{\n labelClose\n }}</EpBtn>\n </div>\n </EpModal>\n</template>\n"],"names":["renderVariations","renderRelations","term","_createElementVNode","_createTextVNode","_toDisplayString","_createVNode","EpIcon","_unref","EpModal","_createElementBlock","EpDivider","_openBlock","_renderSlot","_createBlock","EpImg","_Fragment","_renderList","EpBtn"],"mappings":"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"}

package/dist/components/medias/EpVideo.vue.js CHANGED Viewed

@@ -73,12 +73,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         type: unref(type),
         hideIcon: unref(hideIcon),
         icon: unref(mdiVideo),
-        mandateLevel: _ctx.mandateLevel,
+        mandateLevel: __props.mandateLevel,
         labelIntentions: unref(labelIntentions)
       }, createSlots({
         content: withCtx(() => [
           createElementVNode("div", {
-            class: normalizeClass(!_ctx.big ? "max-w-screen-sm mx-auto" : "")
+            class: normalizeClass(!__props.big ? "max-w-screen-sm mx-auto" : "")
           }, [
             isVideoFormat.value ? (openBlock(), createElementBlock("video", {
               key: 0,