ep-lib-ts 1.1.0 → 1.1.2

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 (41) hide show
  1. package/dist/components/basics/EpAvatar.vue.js +55 -1
  2. package/dist/components/basics/EpAvatar.vue.js.map +1 -1
  3. package/dist/components/basics/EpAvatar.vue2.js +1 -55
  4. package/dist/components/basics/EpAvatar.vue2.js.map +1 -1
  5. package/dist/components/basics/EpHoverCard.vue.js +3 -2
  6. package/dist/components/basics/EpHoverCard.vue.js.map +1 -1
  7. package/dist/components/basics/EpImg.vue.js +46 -43
  8. package/dist/components/basics/EpImg.vue.js.map +1 -1
  9. package/dist/components/basics/EpStackedList.vue.js +1 -1
  10. package/dist/components/educationals/EpResource.vue.js +1 -1
  11. package/dist/components/educationals/EpResource.vue.js.map +1 -1
  12. package/dist/components/interactions/EpContentSlider.vue.js +1 -1
  13. package/dist/components/interactions/EpContentSlider.vue.js.map +1 -1
  14. package/dist/components/interactions/EpFlipCard.vue.js +1 -1
  15. package/dist/components/interactions/EpFlipCard.vue2.js +3 -2
  16. package/dist/components/interactions/EpFlipCard.vue2.js.map +1 -1
  17. package/dist/components/interactions/EpQuestion.vue.js +1 -1
  18. package/dist/components/interactions/EpQuestion.vue.js.map +1 -1
  19. package/dist/components/medias/EpCardLink.vue.js +4 -3
  20. package/dist/components/medias/EpCardLink.vue.js.map +1 -1
  21. package/dist/components/medias/EpHierarchy.vue2.js +1 -1
  22. package/dist/components/medias/EpHierarchy.vue2.js.map +1 -1
  23. package/dist/components/medias/EpSensibleImage.vue.js +1 -1
  24. package/dist/components/medias/EpSensibleImage.vue2.js +6 -4
  25. package/dist/components/medias/EpSensibleImage.vue2.js.map +1 -1
  26. package/dist/components/tools/SegmentedBox.vue2.js +1 -1
  27. package/dist/components/tools/SegmentedBox.vue2.js.map +1 -1
  28. package/dist/components/tools/TextMedia.vue.js +1 -1
  29. package/dist/components/tools/TextMedia.vue.js.map +1 -1
  30. package/dist/components/tools/TwoColsMedia.vue2.js +2 -2
  31. package/dist/components/tools/TwoColsMedia.vue2.js.map +1 -1
  32. package/dist/style.css +70 -70
  33. package/dist/types/Image.d.ts +1 -0
  34. package/dist/types/Image.js +16 -0
  35. package/dist/types/Image.js.map +1 -1
  36. package/dist/types/basics/EpHoverCard.d.ts +2 -1
  37. package/dist/types/basics/EpImg.d.ts +1 -0
  38. package/dist/types/interactions/EpFlipCard.d.ts +2 -1
  39. package/dist/types/medias/EpCardLink.d.ts +2 -1
  40. package/dist/types/medias/EpSensibleImage.d.ts +1 -0
  41. package/package.json +1 -1
@@ -1,4 +1,58 @@
1
- import _sfc_main from "./EpAvatar.vue2.js";
1
+ import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString } from "vue";
2
+ import { typeAvatar } from "../../types/Avatar.js";
3
+ import useColors from "../../composables/useColors.js";
4
+ const _hoisted_1 = { key: 0 };
5
+ const _hoisted_2 = ["src", "alt"];
6
+ const _hoisted_3 = { key: 1 };
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ __name: "EpAvatar",
9
+ props: {
10
+ src: { default: "" },
11
+ alt: { default: "" },
12
+ color: { default: "primary" },
13
+ size: { default: "small" },
14
+ variant: { default: "circle" },
15
+ name: { default: "" }
16
+ },
17
+ setup(__props) {
18
+ const props = __props;
19
+ const style = computed(() => {
20
+ return props.variant;
21
+ });
22
+ const size = computed(() => {
23
+ return props.size;
24
+ });
25
+ const final_style = computed(() => {
26
+ var _a;
27
+ return `${(_a = typeAvatar[style.value]) == null ? void 0 : _a[size.value]}`;
28
+ });
29
+ const bgcolor = computed(() => {
30
+ return useColors(props.color);
31
+ });
32
+ const final_name = computed(() => {
33
+ if (props.name.length > 2) {
34
+ return props.name.slice(0, 2);
35
+ } else {
36
+ return props.name;
37
+ }
38
+ });
39
+ return (_ctx, _cache) => {
40
+ return openBlock(), createElementBlock("div", null, [
41
+ props.src != "" ? (openBlock(), createElementBlock("div", _hoisted_1, [
42
+ createElementVNode("img", {
43
+ src: props.src,
44
+ alt: props.alt,
45
+ class: normalizeClass(`${final_style.value} `)
46
+ }, null, 10, _hoisted_2)
47
+ ])) : props.src == "" ? (openBlock(), createElementBlock("div", _hoisted_3, [
48
+ createElementVNode("div", {
49
+ class: normalizeClass(`${final_style.value} ${bgcolor.value} justify-center font-bold text-white flex items-center`)
50
+ }, toDisplayString(final_name.value), 3)
51
+ ])) : createCommentVNode("", true)
52
+ ]);
53
+ };
54
+ }
55
+ });
2
56
  export {
3
57
  _sfc_main as default
4
58
  };
@@ -1 +1 @@
1
- {"version":3,"file":"EpAvatar.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
1
+ {"version":3,"file":"EpAvatar.vue.js","sources":["../../../src/components/basics/EpAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { typeAvatar } from \"../../types/Avatar\";\nimport type { EpAvatarProps } from \"../../types/basics/EpAvatar\";\nimport useColors from \"../../composables/useColors\";\n\n// define parameter and default valule\nconst props = withDefaults(defineProps<EpAvatarProps>(), {\n src: \"\",\n alt: \"\",\n color: \"primary\",\n size: \"small\",\n variant: \"circle\",\n name: \"\",\n});\n\nconst style = computed(() => {\n return props.variant;\n});\n\nconst size = computed(() => {\n return props.size;\n});\n\nconst final_style = computed(() => {\n return `${typeAvatar[style.value]?.[size.value]}`;\n});\n\nconst bgcolor = computed(() => {\n return useColors(props.color);\n});\n\nconst final_name = computed(() => {\n if (props.name.length > 2) {\n return props.name.slice(0, 2);\n } else {\n return props.name;\n }\n});\n</script>\n<template>\n <div>\n <div v-if=\"props.src != ''\">\n <img :src=\"props.src\" :alt=\"props.alt\" :class=\"`${final_style} `\" />\n </div>\n <div v-else-if=\"props.src == ''\">\n <div\n :class=\"`${final_style} ${bgcolor} justify-center font-bold text-white flex items-center`\"\n >\n {{ final_name }}\n </div>\n </div>\n </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AASd,UAAM,QAAQ,SAAS,MAAM;AACzB,aAAO,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AACxB,aAAO,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;;AAC/B,aAAO,IAAG,gBAAW,MAAM,KAAK,MAAtB,mBAA0B,KAAK,MAAM;AAAA,IACnD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC3B,aAAO,UAAU,MAAM,KAAK;AAAA,IAChC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAC9B,UAAI,MAAM,KAAK,SAAS,GAAG;AACvB,eAAO,MAAM,KAAK,MAAM,GAAG,CAAC;AAAA,MAChC,OAAO;AACH,eAAO,MAAM;AAAA,MACjB;AAAA,IACJ,CAAC;;0BAGGA,mBAWM,OAAA,MAAA;AAAA,QAVS,MAAM,OAAG,mBAApBA,mBAEM,OAAA,YAAA;AAAA,UADFC,mBAAoE,OAAA;AAAA,YAA9D,KAAK,MAAM;AAAA,YAAM,KAAK,MAAM;AAAA,YAAM,yBAAU,YAAA,KAAW,GAAA;AAAA,UAAA;cAEjD,MAAM,OAAG,mBAAzBD,mBAMM,OAAA,YAAA;AAAA,UALFC,mBAIM,OAAA;AAAA,YAHD,OAAKC,eAAA,GAAK,YAAA,KAAW,KAAK,QAAA,KAAO,yDAAA;AAAA,UAAA,mBAE/B,WAAA,KAAU,GAAA,CAAA;AAAA,QAAA;;;;;"}
@@ -1,58 +1,4 @@
1
- import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString } from "vue";
2
- import { typeAvatar } from "../../types/Avatar.js";
3
- import useColors from "../../composables/useColors.js";
4
- const _hoisted_1 = { key: 0 };
5
- const _hoisted_2 = ["src", "alt"];
6
- const _hoisted_3 = { key: 1 };
7
- const _sfc_main = /* @__PURE__ */ defineComponent({
8
- __name: "EpAvatar",
9
- props: {
10
- src: { default: "" },
11
- alt: { default: "" },
12
- color: { default: "primary" },
13
- size: { default: "small" },
14
- variant: { default: "circle" },
15
- name: { default: "" }
16
- },
17
- setup(__props) {
18
- const props = __props;
19
- const style = computed(() => {
20
- return props.variant;
21
- });
22
- const size = computed(() => {
23
- return props.size;
24
- });
25
- const final_style = computed(() => {
26
- var _a;
27
- return `${(_a = typeAvatar[style.value]) == null ? void 0 : _a[size.value]}`;
28
- });
29
- const bgcolor = computed(() => {
30
- return useColors(props.color);
31
- });
32
- const final_name = computed(() => {
33
- if (props.name.length > 2) {
34
- return props.name.slice(0, 2);
35
- } else {
36
- return props.name;
37
- }
38
- });
39
- return (_ctx, _cache) => {
40
- return openBlock(), createElementBlock("div", null, [
41
- props.src != "" ? (openBlock(), createElementBlock("div", _hoisted_1, [
42
- createElementVNode("img", {
43
- src: props.src,
44
- alt: props.alt,
45
- class: normalizeClass(`${final_style.value} `)
46
- }, null, 10, _hoisted_2)
47
- ])) : props.src == "" ? (openBlock(), createElementBlock("div", _hoisted_3, [
48
- createElementVNode("div", {
49
- class: normalizeClass(`${final_style.value} ${bgcolor.value} justify-center font-bold text-white flex items-center`)
50
- }, toDisplayString(final_name.value), 3)
51
- ])) : createCommentVNode("", true)
52
- ]);
53
- };
54
- }
55
- });
1
+ import _sfc_main from "./EpAvatar.vue.js";
56
2
  export {
57
3
  _sfc_main as default
58
4
  };
@@ -1 +1 @@
1
- {"version":3,"file":"EpAvatar.vue2.js","sources":["../../../src/components/basics/EpAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { typeAvatar } from \"../../types/Avatar\";\nimport type { EpAvatarProps } from \"../../types/basics/EpAvatar\";\nimport useColors from \"../../composables/useColors\";\n\n// define parameter and default valule\nconst props = withDefaults(defineProps<EpAvatarProps>(), {\n src: \"\",\n alt: \"\",\n color: \"primary\",\n size: \"small\",\n variant: \"circle\",\n name: \"\",\n});\n\nconst style = computed(() => {\n return props.variant;\n});\n\nconst size = computed(() => {\n return props.size;\n});\n\nconst final_style = computed(() => {\n return `${typeAvatar[style.value]?.[size.value]}`;\n});\n\nconst bgcolor = computed(() => {\n return useColors(props.color);\n});\n\nconst final_name = computed(() => {\n if (props.name.length > 2) {\n return props.name.slice(0, 2);\n } else {\n return props.name;\n }\n});\n</script>\n<template>\n <div>\n <div v-if=\"props.src != ''\">\n <img :src=\"props.src\" :alt=\"props.alt\" :class=\"`${final_style} `\" />\n </div>\n <div v-else-if=\"props.src == ''\">\n <div\n :class=\"`${final_style} ${bgcolor} justify-center font-bold text-white flex items-center`\"\n >\n {{ final_name }}\n </div>\n </div>\n </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AASd,UAAM,QAAQ,SAAS,MAAM;AACzB,aAAO,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AACxB,aAAO,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;;AAC/B,aAAO,IAAG,gBAAW,MAAM,KAAK,MAAtB,mBAA0B,KAAK,MAAM;AAAA,IACnD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC3B,aAAO,UAAU,MAAM,KAAK;AAAA,IAChC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAC9B,UAAI,MAAM,KAAK,SAAS,GAAG;AACvB,eAAO,MAAM,KAAK,MAAM,GAAG,CAAC;AAAA,MAChC,OAAO;AACH,eAAO,MAAM;AAAA,MACjB;AAAA,IACJ,CAAC;;0BAGGA,mBAWM,OAAA,MAAA;AAAA,QAVS,MAAM,OAAG,mBAApBA,mBAEM,OAAA,YAAA;AAAA,UADFC,mBAAoE,OAAA;AAAA,YAA9D,KAAK,MAAM;AAAA,YAAM,KAAK,MAAM;AAAA,YAAM,yBAAU,YAAA,KAAW,GAAA;AAAA,UAAA;cAEjD,MAAM,OAAG,mBAAzBD,mBAMM,OAAA,YAAA;AAAA,UALFC,mBAIM,OAAA;AAAA,YAHD,OAAKC,eAAA,GAAK,YAAA,KAAW,KAAK,QAAA,KAAO,yDAAA;AAAA,UAAA,mBAE/B,WAAA,KAAU,GAAA,CAAA;AAAA,QAAA;;;;;"}
1
+ {"version":3,"file":"EpAvatar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -32,7 +32,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
32
32
  textSize: {},
33
33
  hoverColor: {},
34
34
  thumbnail: { type: Boolean, default: false },
35
- sizeThumbnail: { default: "medium" }
35
+ sizeThumbnail: { default: "medium" },
36
+ inline: { type: Boolean, default: false }
36
37
  },
37
38
  setup(__props) {
38
39
  const props = __props;
@@ -66,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
66
67
  });
67
68
  return (_ctx, _cache) => {
68
69
  return openBlock(), createElementBlock("div", {
69
- class: normalizeClass(`${stylesCard.value} ${_ctx.thumbnail ? "inline-block m-3 " + styleSizeThumbnail.value : "mx-auto"}`)
70
+ class: normalizeClass(`${stylesCard.value} ${_ctx.inline ? "inline-block align-bottom m-3 w-full" : _ctx.thumbnail ? "inline-block align-bottom m-3 " + styleSizeThumbnail.value : "mx-auto"}`)
70
71
  }, [
71
72
  unref(src) && unref(hoverContent) ? (openBlock(), createBlock(_sfc_main$1, {
72
73
  key: 0,
@@ -1 +1 @@
1
- {"version":3,"file":"EpHoverCard.vue.js","sources":["../../../src/components/basics/EpHoverCard.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, toRefs, useSlots, type Slots } from \"vue\";\nimport EpHover from \"~/components/basics/EpHover.vue\";\nimport EpIcon from \"~/components/basics//EpIcon.vue\";\nimport { density_style, sizeCardThumbnailStyle } from \"~/types/Card\";\nimport type { EpHoverCardProps } from \"~/types/basics/EpHoverCard\";\n\nconst props = withDefaults(defineProps<EpHoverCardProps>(), {\n title: null,\n subtitle: null,\n outlined: false,\n flat: false,\n icon: null,\n color: null,\n src: null,\n density: \"default\",\n maxWidth: \"max-w-xl\",\n hoverBg: \"\",\n hoverAnimation: \"translateY\",\n thumbnail: false,\n sizeThumbnail: \"medium\"\n});\n\n//styles card\nconst shadowCard = computed(() => {\n return !props.flat ? \"shadow-lg\" : \"\";\n});\n\nconst borderColor = computed(() => {\n if (props.outlined) {\n return \"border border-neutral dark:border-white\";\n }\n return \"\";\n});\n\n\n\nconst density_class = computed(() => {\n return density_style[props.density];\n});\n\nconst stylesCard = computed(() => {\n return `\n ${shadowCard.value} \n ${borderColor.value} \n ${props.maxWidth} \n rounded-md \n bg-surface-2 dark:bg-surface-2-dark`;\n});\n\nconst { title, subtitle, icon, src, hoverContent } = toRefs(props);\n\nconst slots: Slots = useSlots();\n\nconst hasContent = computed(() => {\n return !!slots.default || !!props.title || !!props.subtitle;\n});\n\nconst styleSizeThumbnail = computed(() => {\n return sizeCardThumbnailStyle[props.sizeThumbnail];\n});\n\n</script>\n\n<template>\n <div :class=\"`${stylesCard} ${thumbnail? 'inline-block m-3 ' + styleSizeThumbnail : 'mx-auto'}`\">\n <EpHover\n :textColor=\"hoverColor\"\n :textSize=\"textSize\"\n :seeThrough=\"seeThrough\"\n :bgColor=\"hoverBg\"\n :animation=\"hoverAnimation\"\n :text=\"hoverContent\"\n v-if=\"src && hoverContent\"\n >\n <img\n :src=\"src\"\n :class=\"`w-full ${hasContent ? 'rounded-t-md' : 'rounded-md'}`\"\n alt=\"header card\"\n />\n </EpHover>\n <div :class=\"density_class\" v-if=\"hasContent\">\n <div\n v-if=\"title || subtitle\"\n class=\"mb-2 flex items-center justify-between\"\n >\n <div>\n <h3 class=\"text-2xl font-bold\">{{ title }}</h3>\n <h4 :class=\"`text-xs`\">\n {{ subtitle }}\n </h4>\n </div>\n <div v-if=\"icon\">\n <EpIcon :icon-path=\"icon\" />\n </div>\n </div>\n <slot name=\"card-header\" />\n <div>\n <slot />\n </div>\n <div class=\"max-w-4xl\">\n <slot name=\"card-actions\" />\n </div>\n </div>\n </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","thumbnail","_unref","_createBlock","EpHover","hoverColor","textSize","seeThrough","hoverBg","hoverAnimation","_createElementVNode","_openBlock","_toDisplayString","_createVNode","EpIcon","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAiBd,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,CAAC,MAAM,OAAO,cAAc;AAAA,IACrC,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,MAAM,UAAU;AAClB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAID,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,cAAc,MAAM,OAAO;AAAA,IACpC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO;AAAA,MACH,WAAW,KAAK;AAAA,MAChB,YAAY,KAAK;AAAA,MACjB,MAAM,QAAQ;AAAA;AAAA;AAAA,IAGpB,CAAC;AAED,UAAM,EAAE,OAAO,UAAU,MAAM,KAAK,aAAA,IAAiB,OAAO,KAAK;AAEjE,UAAM,QAAe,SAAA;AAErB,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,CAAC,CAAC,MAAM,WAAW,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,MAAM;AAAA,IACrD,CAAC;AAED,UAAM,qBAAqB,SAAS,MAAM;AACxC,aAAO,uBAAuB,MAAM,aAAa;AAAA,IACnD,CAAC;;0BAKCA,mBAuCM,OAAA;AAAA,QAvCA,OAAKC,eAAA,GAAK,WAAA,KAAU,IAAIC,KAAAA,kCAAiC,mBAAA,QAAkB,SAAA,EAAA;AAAA,MAAA;QAQvEC,MAAA,GAAA,KAAOA,MAAA,YAAA,kBAPfC,YAcUC,aAAA;AAAA;UAbP,WAAWC,KAAAA;AAAAA,UACX,UAAUC,KAAAA;AAAAA,UACV,YAAYC,KAAAA;AAAAA,UACZ,SAASC,KAAAA;AAAAA,UACT,WAAWC,KAAAA;AAAAA,UACX,MAAMP,MAAA,YAAA;AAAA,QAAA;2BAGP,MAIE;AAAA,YAJFQ,mBAIE,OAAA;AAAA,cAHC,KAAKR,MAAA,GAAA;AAAA,cACL,gCAAiB,WAAA,QAAU,iBAAA,YAAA,EAAA;AAAA,cAC5B,KAAI;AAAA,YAAA;;;;QAG0B,WAAA,sBAAlCH,mBAsBM,OAAA;AAAA;UAtBA,sBAAO,cAAA,KAAa;AAAA,QAAA;UAEhBG,MAAA,KAAA,KAASA,MAAA,QAAA,KADjBS,aAAAZ,mBAaM,OAbN,YAaM;AAAA,YATJW,mBAKM,OAAA,MAAA;AAAA,cAJJA,mBAA+C,MAA/C,YAA+CE,gBAAbV,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,cACvCQ,mBAEK,MAFL,YAEKE,gBADAV,MAAA,QAAA,CAAQ,GAAA,CAAA;AAAA,YAAA;YAGJA,MAAA,IAAA,kBAAXH,mBAEM,OAAA,YAAA;AAAA,cADJc,YAA4BC,aAAA,EAAnB,aAAWZ,MAAA,IAAA,EAAA,GAAI,MAAA,GAAA,CAAA,WAAA,CAAA;AAAA,YAAA;;UAG5Ba,WAA2B,KAAA,QAAA,aAAA;AAAA,UAC3BL,mBAEM,OAAA,MAAA;AAAA,YADJK,WAAQ,KAAA,QAAA,SAAA;AAAA,UAAA;UAEVL,mBAEM,OAFN,YAEM;AAAA,YADJK,WAA4B,KAAA,QAAA,cAAA;AAAA,UAAA;;;;;;"}
1
+ {"version":3,"file":"EpHoverCard.vue.js","sources":["../../../src/components/basics/EpHoverCard.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, toRefs, useSlots, type Slots } from \"vue\";\nimport EpHover from \"~/components/basics/EpHover.vue\";\nimport EpIcon from \"~/components/basics//EpIcon.vue\";\nimport { density_style, sizeCardThumbnailStyle } from \"~/types/Card\";\nimport type { EpHoverCardProps } from \"~/types/basics/EpHoverCard\";\n\nconst props = withDefaults(defineProps<EpHoverCardProps>(), {\n title: null,\n subtitle: null,\n outlined: false,\n flat: false,\n icon: null,\n color: null,\n src: null,\n density: \"default\",\n maxWidth: \"max-w-xl\",\n hoverBg: \"\",\n hoverAnimation: \"translateY\",\n thumbnail: false,\n sizeThumbnail: \"medium\",\n inline: false\n});\n\n//styles card\nconst shadowCard = computed(() => {\n return !props.flat ? \"shadow-lg\" : \"\";\n});\n\nconst borderColor = computed(() => {\n if (props.outlined) {\n return \"border border-neutral dark:border-white\";\n }\n return \"\";\n});\n\n\n\nconst density_class = computed(() => {\n return density_style[props.density];\n});\n\nconst stylesCard = computed(() => {\n return `\n ${shadowCard.value} \n ${borderColor.value} \n ${props.maxWidth} \n rounded-md \n bg-surface-2 dark:bg-surface-2-dark`;\n});\n\nconst { title, subtitle, icon, src, hoverContent } = toRefs(props);\n\nconst slots: Slots = useSlots();\n\nconst hasContent = computed(() => {\n return !!slots.default || !!props.title || !!props.subtitle;\n});\n\nconst styleSizeThumbnail = computed(() => {\n return sizeCardThumbnailStyle[props.sizeThumbnail];\n});\n\n</script>\n\n<template>\n <div :class=\"`${stylesCard} ${inline? 'inline-block align-bottom m-3 w-full' : thumbnail? ('inline-block align-bottom m-3 ' + styleSizeThumbnail) : 'mx-auto'}`\">\n <EpHover\n :textColor=\"hoverColor\"\n :textSize=\"textSize\"\n :seeThrough=\"seeThrough\"\n :bgColor=\"hoverBg\"\n :animation=\"hoverAnimation\"\n :text=\"hoverContent\"\n v-if=\"src && hoverContent\"\n >\n <img\n :src=\"src\"\n :class=\"`w-full ${hasContent ? 'rounded-t-md' : 'rounded-md'}`\"\n alt=\"header card\"\n />\n </EpHover>\n <div :class=\"density_class\" v-if=\"hasContent\">\n <div\n v-if=\"title || subtitle\"\n class=\"mb-2 flex items-center justify-between\"\n >\n <div>\n <h3 class=\"text-2xl font-bold\">{{ title }}</h3>\n <h4 :class=\"`text-xs`\">\n {{ subtitle }}\n </h4>\n </div>\n <div v-if=\"icon\">\n <EpIcon :icon-path=\"icon\" />\n </div>\n </div>\n <slot name=\"card-header\" />\n <div>\n <slot />\n </div>\n <div class=\"max-w-4xl\">\n <slot name=\"card-actions\" />\n </div>\n </div>\n </div>\n</template>\n"],"names":["_createElementBlock","inline","thumbnail","_unref","_createBlock","EpHover","hoverColor","textSize","seeThrough","hoverBg","hoverAnimation","_createElementVNode","_openBlock","_toDisplayString","_createVNode","EpIcon","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAkBd,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,CAAC,MAAM,OAAO,cAAc;AAAA,IACrC,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,MAAM,UAAU;AAClB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAID,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,cAAc,MAAM,OAAO;AAAA,IACpC,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO;AAAA,MACH,WAAW,KAAK;AAAA,MAChB,YAAY,KAAK;AAAA,MACjB,MAAM,QAAQ;AAAA;AAAA;AAAA,IAGpB,CAAC;AAED,UAAM,EAAE,OAAO,UAAU,MAAM,KAAK,aAAA,IAAiB,OAAO,KAAK;AAEjE,UAAM,QAAe,SAAA;AAErB,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,CAAC,CAAC,MAAM,WAAW,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,MAAM;AAAA,IACrD,CAAC;AAED,UAAM,qBAAqB,SAAS,MAAM;AACxC,aAAO,uBAAuB,MAAM,aAAa;AAAA,IACnD,CAAC;;0BAKCA,mBAuCM,OAAA;AAAA,QAvCA,yBAAU,WAAA,KAAU,IAAIC,cAAM,yCAA2CC,KAAAA,+CAA+C,mBAAA,QAAkB,SAAA,EAAA;AAAA,MAAA;QAQtIC,MAAA,GAAA,KAAOA,MAAA,YAAA,kBAPfC,YAcUC,aAAA;AAAA;UAbP,WAAWC,KAAAA;AAAAA,UACX,UAAUC,KAAAA;AAAAA,UACV,YAAYC,KAAAA;AAAAA,UACZ,SAASC,KAAAA;AAAAA,UACT,WAAWC,KAAAA;AAAAA,UACX,MAAMP,MAAA,YAAA;AAAA,QAAA;2BAGP,MAIE;AAAA,YAJFQ,mBAIE,OAAA;AAAA,cAHC,KAAKR,MAAA,GAAA;AAAA,cACL,gCAAiB,WAAA,QAAU,iBAAA,YAAA,EAAA;AAAA,cAC5B,KAAI;AAAA,YAAA;;;;QAG0B,WAAA,sBAAlCH,mBAsBM,OAAA;AAAA;UAtBA,sBAAO,cAAA,KAAa;AAAA,QAAA;UAEhBG,MAAA,KAAA,KAASA,MAAA,QAAA,KADjBS,aAAAZ,mBAaM,OAbN,YAaM;AAAA,YATJW,mBAKM,OAAA,MAAA;AAAA,cAJJA,mBAA+C,MAA/C,YAA+CE,gBAAbV,MAAA,KAAA,CAAK,GAAA,CAAA;AAAA,cACvCQ,mBAEK,MAFL,YAEKE,gBADAV,MAAA,QAAA,CAAQ,GAAA,CAAA;AAAA,YAAA;YAGJA,MAAA,IAAA,kBAAXH,mBAEM,OAAA,YAAA;AAAA,cADJc,YAA4BC,aAAA,EAAnB,aAAWZ,MAAA,IAAA,EAAA,GAAI,MAAA,GAAA,CAAA,WAAA,CAAA;AAAA,YAAA;;UAG5Ba,WAA2B,KAAA,QAAA,aAAA;AAAA,UAC3BL,mBAEM,OAAA,MAAA;AAAA,YADJK,WAAQ,KAAA,QAAA,SAAA;AAAA,UAAA;UAEVL,mBAEM,OAFN,YAEM;AAAA,YADJK,WAA4B,KAAA,QAAA,cAAA;AAAA,UAAA;;;;;;"}
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, computed, toRefs, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createVNode, createElementVNode, toDisplayString, withCtx, createTextVNode } from "vue";
2
- import { cols_img, sizeThumbnailStyle } from "../../types/Image.js";
2
+ import { cols_img, cols_img_inline, sizeThumbnailStyle } from "../../types/Image.js";
3
3
  import { useImage } from "@vueuse/core";
4
4
  import _sfc_main$3 from "../interactions/EpModal.vue.js";
5
5
  /* empty css */
@@ -8,48 +8,44 @@ import _sfc_main$2 from "./EpBtn.vue.js";
8
8
  import { mdiImage, mdiImageRemove, mdiArrowExpandAll } from "@mdi/js";
9
9
  import { useRenderText } from "../../composables/useRenderText.js";
10
10
  const _hoisted_1 = {
11
- key: 0,
12
- class: "flex m-2"
13
- };
14
- const _hoisted_2 = {
15
11
  key: 0,
16
12
  class: "text-gray-200"
17
13
  };
18
- const _hoisted_3 = {
14
+ const _hoisted_2 = {
19
15
  key: 1,
20
16
  class: "text-red-200"
21
17
  };
22
- const _hoisted_4 = ["src", "alt"];
23
- const _hoisted_5 = {
18
+ const _hoisted_3 = ["src", "alt"];
19
+ const _hoisted_4 = {
24
20
  key: 0,
25
21
  class: "absolute bottom-2 right-2 text-white text-center bg-black rounded opacity-0 transition-opacity duration-300 group-hover:opacity-50 cursor-pointer"
26
22
  };
27
- const _hoisted_6 = {
23
+ const _hoisted_5 = {
28
24
  key: 3,
29
25
  class: "px-4 py-2 dark:rounded-b-md"
30
26
  };
31
- const _hoisted_7 = { class: "text-2xl dark:text-white font-bold" };
32
- const _hoisted_8 = { class: "text-gray-500 dark:text-white text-sm mt-4" };
33
- const _hoisted_9 = {
27
+ const _hoisted_6 = { class: "text-2xl dark:text-white font-bold" };
28
+ const _hoisted_7 = { class: "text-gray-500 dark:text-white text-sm mt-4" };
29
+ const _hoisted_8 = {
34
30
  key: 0,
35
31
  class: "text-right"
36
32
  };
37
- const _hoisted_10 = {
33
+ const _hoisted_9 = {
38
34
  key: 1,
39
35
  class: "relative group inline-block m-2"
40
36
  };
41
- const _hoisted_11 = ["src", "alt"];
42
- const _hoisted_12 = { class: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white text-center" };
43
- const _hoisted_13 = ["src", "alt"];
44
- const _hoisted_14 = {
37
+ const _hoisted_10 = ["src", "alt"];
38
+ const _hoisted_11 = { class: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white text-center" };
39
+ const _hoisted_12 = ["src", "alt"];
40
+ const _hoisted_13 = {
45
41
  key: 0,
46
42
  class: "px-4 py-2"
47
43
  };
48
- const _hoisted_15 = { class: "text-2xl dark:text-white font-bold" };
49
- const _hoisted_16 = { class: "text-gray-500 dark:text-white text-sm mt-4" };
44
+ const _hoisted_14 = { class: "text-2xl dark:text-white font-bold" };
45
+ const _hoisted_15 = { class: "text-gray-500 dark:text-white text-sm mt-4" };
46
+ const _hoisted_16 = ["innerHTML"];
50
47
  const _hoisted_17 = ["innerHTML"];
51
- const _hoisted_18 = ["innerHTML"];
52
- const _hoisted_19 = { class: "flex justify-end" };
48
+ const _hoisted_18 = { class: "flex justify-end" };
53
49
  const _sfc_main = /* @__PURE__ */ defineComponent({
54
50
  __name: "EpImg",
55
51
  props: {
@@ -59,6 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
59
55
  width: {},
60
56
  thumbnail: { type: Boolean, default: false },
61
57
  sizeThumbnail: { default: "medium" },
58
+ inline: { type: Boolean, default: false },
62
59
  caption: {},
63
60
  bib: {},
64
61
  title: {},
@@ -75,6 +72,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
75
72
  const renderCols = computed(() => {
76
73
  return cols_img[+props.cols];
77
74
  });
75
+ const renderCols_inline = computed(() => {
76
+ return cols_img_inline[+props.cols];
77
+ });
78
78
  const renderBib = computed(() => {
79
79
  if (props.bib) {
80
80
  return useRenderText(props.bib);
@@ -99,18 +99,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
99
99
  const { src, alt, title, caption, thumbnail, bib } = toRefs(props);
100
100
  return (_ctx, _cache) => {
101
101
  return openBlock(), createElementBlock("div", {
102
- class: normalizeClass(unref(thumbnail) ? "inline-block" : "")
102
+ class: normalizeClass(unref(thumbnail) || _ctx.inline ? "inline" : "")
103
103
  }, [
104
- !unref(thumbnail) ? (openBlock(), createElementBlock("div", _hoisted_1, [
104
+ !unref(thumbnail) ? (openBlock(), createElementBlock("div", {
105
+ key: 0,
106
+ class: normalizeClass(_ctx.inline ? "inline m-2" : "flex m-2")
107
+ }, [
105
108
  createElementVNode("div", {
106
- class: normalizeClass(`mx-auto rounded-md overflow-hidden bg-surface-2 dark:bg-surface-2-dark shadow-md ${renderCols.value}`)
109
+ class: normalizeClass(`mx-auto rounded-md overflow-hidden bg-surface-2 dark:bg-surface-2-dark shadow-md ${_ctx.inline ? `inline-block ${renderCols_inline.value}` : `${renderCols.value}`}`)
107
110
  }, [
108
- unref(isLoading) ? (openBlock(), createElementBlock("span", _hoisted_2, [
111
+ unref(isLoading) ? (openBlock(), createElementBlock("span", _hoisted_1, [
109
112
  createVNode(_sfc_main$1, {
110
113
  "icon-path": unref(mdiImage),
111
114
  size: "250"
112
115
  }, null, 8, ["icon-path"])
113
- ])) : unref(error) ? (openBlock(), createElementBlock("span", _hoisted_3, [
116
+ ])) : unref(error) ? (openBlock(), createElementBlock("span", _hoisted_2, [
114
117
  createVNode(_sfc_main$1, {
115
118
  "icon-path": unref(mdiImageRemove),
116
119
  size: "150"
@@ -126,18 +129,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
126
129
  onClick: toggleModal,
127
130
  ref_key: "imgEl",
128
131
  ref: imgEl
129
- }, null, 8, _hoisted_4),
130
- !_ctx.noModal ? (openBlock(), createElementBlock("div", _hoisted_5, [
132
+ }, null, 8, _hoisted_3),
133
+ !_ctx.noModal ? (openBlock(), createElementBlock("div", _hoisted_4, [
131
134
  createVNode(_sfc_main$1, {
132
135
  size: "28",
133
136
  "icon-path": unref(mdiArrowExpandAll)
134
137
  }, null, 8, ["icon-path"])
135
138
  ])) : createCommentVNode("", true)
136
139
  ], 2)),
137
- unref(title) || unref(caption) || unref(bib) ? (openBlock(), createElementBlock("div", _hoisted_6, [
138
- createElementVNode("h2", _hoisted_7, toDisplayString(unref(title)), 1),
139
- createElementVNode("p", _hoisted_8, toDisplayString(unref(caption)), 1),
140
- renderBib.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
140
+ unref(title) || unref(caption) || unref(bib) ? (openBlock(), createElementBlock("div", _hoisted_5, [
141
+ createElementVNode("h2", _hoisted_6, toDisplayString(unref(title)), 1),
142
+ createElementVNode("p", _hoisted_7, toDisplayString(unref(caption)), 1),
143
+ renderBib.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
141
144
  createVNode(_sfc_main$2, {
142
145
  onClick: toggleBib,
143
146
  rounded: "",
@@ -152,20 +155,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
152
155
  ])) : createCommentVNode("", true)
153
156
  ])) : createCommentVNode("", true)
154
157
  ], 2)
155
- ])) : createCommentVNode("", true),
156
- unref(thumbnail) ? (openBlock(), createElementBlock("div", _hoisted_10, [
158
+ ], 2)) : createCommentVNode("", true),
159
+ unref(thumbnail) ? (openBlock(), createElementBlock("div", _hoisted_9, [
157
160
  createElementVNode("img", {
158
161
  class: normalizeClass(`${styleSizeThumbnail.value} object-cover object-center group-hover:opacity-30 `),
159
162
  src: unref(src),
160
163
  alt: unref(alt),
161
164
  ref_key: "imgEl",
162
165
  ref: imgEl
163
- }, null, 10, _hoisted_11),
166
+ }, null, 10, _hoisted_10),
164
167
  createElementVNode("div", {
165
168
  class: normalizeClass(`absolute top-0 left-0 ${styleSizeThumbnail.value} bg-black opacity-0 transition-opacity duration-300 group-hover:opacity-30 cursor-pointer`),
166
169
  onClick: toggleModal
167
170
  }, [
168
- createElementVNode("div", _hoisted_12, [
171
+ createElementVNode("div", _hoisted_11, [
169
172
  createVNode(_sfc_main$1, { "icon-path": unref(mdiArrowExpandAll) }, null, 8, ["icon-path"])
170
173
  ])
171
174
  ], 2)
@@ -180,14 +183,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
180
183
  src: unref(src),
181
184
  alt: unref(alt),
182
185
  onClick: toggleModal
183
- }, null, 8, _hoisted_13),
184
- unref(thumbnail) ? (openBlock(), createElementBlock("div", _hoisted_14, [
185
- createElementVNode("h2", _hoisted_15, toDisplayString(unref(title)), 1),
186
- createElementVNode("p", _hoisted_16, toDisplayString(unref(caption)), 1),
186
+ }, null, 8, _hoisted_12),
187
+ unref(thumbnail) ? (openBlock(), createElementBlock("div", _hoisted_13, [
188
+ createElementVNode("h2", _hoisted_14, toDisplayString(unref(title)), 1),
189
+ createElementVNode("p", _hoisted_15, toDisplayString(unref(caption)), 1),
187
190
  createElementVNode("div", {
188
191
  class: "text-gray-700 dark:text-white mt-4",
189
192
  innerHTML: renderBib.value
190
- }, null, 8, _hoisted_17)
193
+ }, null, 8, _hoisted_16)
191
194
  ])) : createCommentVNode("", true)
192
195
  ]),
193
196
  _: 1
@@ -201,8 +204,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
201
204
  createElementVNode("div", {
202
205
  class: "text-gray-700 dark:text-white mt-4",
203
206
  innerHTML: renderBib.value
204
- }, null, 8, _hoisted_18),
205
- createElementVNode("div", _hoisted_19, [
207
+ }, null, 8, _hoisted_17),
208
+ createElementVNode("div", _hoisted_18, [
206
209
  createVNode(_sfc_main$2, {
207
210
  onClick: toggleBib,
208
211
  size: "small",
@@ -1 +1 @@
1
- {"version":3,"file":"EpImg.vue.js","sources":["../../../src/components/basics/EpImg.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, ref, computed } from \"vue\";\nimport { sizeThumbnailStyle, cols_img } from \"~/types/Image\";\nimport { useImage } from \"@vueuse/core\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { mdiArrowExpandAll } from \"@mdi/js\";\nimport { mdiImage } from \"@mdi/js\";\nimport { mdiImageRemove } from \"@mdi/js\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpImgProps } from \"~/types/basics/EpImg\";\n\nconst props = withDefaults(defineProps<EpImgProps>(), {\n alt: \"Image snfas\",\n cols: \"6\",\n thumbnail: false,\n noModal: false,\n sizeThumbnail: \"medium\",\n labelClose: \"Fermer\",\n labelRef: \"Référence\",\n labelRefLib: \"Référence bibliographique\",\n});\n\n// To access freely the image\nconst imgEl = ref<HTMLImageElement | null>(null);\n\ndefineExpose({ imgEl });\n\nconst renderCols = computed(() => {\n return cols_img[+props.cols];\n});\n\nconst renderBib = computed(() => {\n if (props.bib) {\n return useRenderText(props.bib);\n }\n return \"\";\n});\n\nconst showModal = ref<boolean>(false);\n\nconst toggleModal = (): void => {\n if (props.noModal) {\n return;\n }\n showModal.value = !showModal.value;\n};\n\nconst showBib = ref<boolean>(false);\n\nconst toggleBib = (): void => {\n showBib.value = !showBib.value;\n};\n\nconst styleSizeThumbnail = computed(() => {\n return sizeThumbnailStyle[props.sizeThumbnail];\n});\n\nconst { isLoading, error } = useImage({ src: props.src });\nconst { src, alt, title, caption, thumbnail, bib, sizeThumbnail } =\n toRefs(props);\n</script>\n\n<template>\n <div :class=\"thumbnail ? 'inline-block' : ''\">\n <div v-if=\"!thumbnail\" class=\"flex m-2\">\n <div\n :class=\"`mx-auto rounded-md overflow-hidden bg-surface-2 dark:bg-surface-2-dark shadow-md ${renderCols}`\"\n >\n <template v-if=\"isLoading\">\n <span class=\"text-gray-200\"\n ><EpIcon :icon-path=\"mdiImage\" size=\"250\"></EpIcon\n ></span>\n </template>\n <template v-else-if=\"error\">\n <span class=\"text-red-200\"\n ><EpIcon :icon-path=\"mdiImageRemove\" size=\"150\"></EpIcon\n ></span>\n </template>\n <template v-else>\n <div\n :class=\"`${\n !noModal ? 'cursor-pointer' : ''\n } dark:bg-white group relative`\"\n >\n <img\n class=\"object-cover object-center w-full\"\n :src=\"src\"\n :alt=\"alt\"\n @click=\"toggleModal\"\n ref=\"imgEl\"\n />\n <div\n v-if=\"!noModal\"\n class=\"absolute bottom-2 right-2 text-white text-center bg-black rounded opacity-0 transition-opacity duration-300 group-hover:opacity-50 cursor-pointer\"\n >\n <EpIcon size=\"28\" :icon-path=\"mdiArrowExpandAll\" />\n </div>\n </div>\n </template>\n <div\n class=\"px-4 py-2 dark:rounded-b-md\"\n v-if=\"title || caption || bib\"\n >\n <h2 class=\"text-2xl dark:text-white font-bold\">\n {{ title }}\n </h2>\n <p class=\"text-gray-500 dark:text-white text-sm mt-4\">\n {{ caption }}\n </p>\n <div class=\"text-right\" v-if=\"renderBib\">\n <EpBtn @click=\"toggleBib\" rounded size=\"small\" type=\"primary\">{{\n labelRef\n }}</EpBtn>\n </div>\n </div>\n </div>\n </div>\n <div v-if=\"thumbnail\" class=\"relative group inline-block m-2\">\n <img\n :class=\"`${styleSizeThumbnail} object-cover object-center group-hover:opacity-30 `\"\n :src=\"src\"\n :alt=\"alt\"\n ref=\"imgEl\"\n />\n <div\n :class=\"`absolute top-0 left-0 ${styleSizeThumbnail} bg-black opacity-0 transition-opacity duration-300 group-hover:opacity-30 cursor-pointer`\"\n @click=\"toggleModal\"\n >\n <div\n class=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white text-center\"\n >\n <EpIcon :icon-path=\"mdiArrowExpandAll\" />\n </div>\n </div>\n </div>\n <EpModal v-model=\"showModal\">\n <img\n class=\"object-cover object-center h-5/6 w-5/6 mx-auto dark:bg-white\"\n :src=\"src\"\n :alt=\"alt\"\n @click=\"toggleModal\"\n />\n <div class=\"px-4 py-2\" v-if=\"thumbnail\">\n <h2 class=\"text-2xl dark:text-white font-bold\">\n {{ title }}\n </h2>\n <p class=\"text-gray-500 dark:text-white text-sm mt-4\">\n {{ caption }}\n </p>\n <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n </div>\n <!-- <div class=\"flex justify-end\"><EpBtn @click=\"toggleModal\" size=\"small\" type=\"error\" outlined>Fermer</EpBtn/> -->\n </EpModal>\n <EpModal v-model=\"showBib\" :title=\"labelRefLib\">\n <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n <div class=\"flex justify-end\">\n <EpBtn @click=\"toggleBib\" size=\"small\" type=\"error\" outlined rounded>\n {{ labelClose }}\n </EpBtn>\n </div>\n </EpModal>\n </div>\n</template>\n"],"names":["_createElementBlock","_unref","_openBlock","_createElementVNode","_createVNode","EpIcon","_normalizeClass","noModal","_toDisplayString","EpBtn","labelRef","EpModal","labelRefLib","labelClose"],"mappings":"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"}
1
+ {"version":3,"file":"EpImg.vue.js","sources":["../../../src/components/basics/EpImg.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, ref, computed } from \"vue\";\nimport { sizeThumbnailStyle, cols_img, cols_img_inline } from \"~/types/Image\";\nimport { useImage } from \"@vueuse/core\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport { mdiArrowExpandAll } from \"@mdi/js\";\nimport { mdiImage } from \"@mdi/js\";\nimport { mdiImageRemove } from \"@mdi/js\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport type { EpImgProps } from \"~/types/basics/EpImg\";\n\nconst props = withDefaults(defineProps<EpImgProps>(), {\n alt: \"Image snfas\",\n cols: \"6\",\n thumbnail: false,\n inline: false,\n noModal: false,\n sizeThumbnail: \"medium\",\n labelClose: \"Fermer\",\n labelRef: \"Référence\",\n labelRefLib: \"Référence bibliographique\",\n});\n\n// To access freely the image\nconst imgEl = ref<HTMLImageElement | null>(null);\n\ndefineExpose({ imgEl });\n\nconst renderCols = computed(() => {\n return cols_img[+props.cols];\n});\n\nconst renderCols_inline = computed(() => {\n return cols_img_inline[+props.cols];\n});\n\nconst renderBib = computed(() => {\n if (props.bib) {\n return useRenderText(props.bib);\n }\n return \"\";\n});\n\nconst showModal = ref<boolean>(false);\n\nconst toggleModal = (): void => {\n if (props.noModal) {\n return;\n }\n showModal.value = !showModal.value;\n};\n\nconst showBib = ref<boolean>(false);\n\nconst toggleBib = (): void => {\n showBib.value = !showBib.value;\n};\n\nconst styleSizeThumbnail = computed(() => {\n return sizeThumbnailStyle[props.sizeThumbnail];\n});\n\nconst { isLoading, error } = useImage({ src: props.src });\nconst { src, alt, title, caption, thumbnail, bib, sizeThumbnail } =\n toRefs(props);\n</script>\n\n<template>\n <div :class=\"(thumbnail || inline)? 'inline' : ''\">\n <div v-if=\"!thumbnail\" :class=\"inline? 'inline m-2' : 'flex m-2'\">\n <div\n :class=\"`mx-auto rounded-md overflow-hidden bg-surface-2 dark:bg-surface-2-dark shadow-md ${inline? `inline-block ${renderCols_inline}` : `${renderCols}`}`\"\n >\n <template v-if=\"isLoading\">\n <span class=\"text-gray-200\"\n ><EpIcon :icon-path=\"mdiImage\" size=\"250\"></EpIcon\n ></span>\n </template>\n <template v-else-if=\"error\">\n <span class=\"text-red-200\"\n ><EpIcon :icon-path=\"mdiImageRemove\" size=\"150\"></EpIcon\n ></span>\n </template>\n <template v-else>\n <div\n :class=\"`${\n !noModal ? 'cursor-pointer' : ''\n } dark:bg-white group relative`\"\n >\n <img\n class=\"object-cover object-center w-full\"\n :src=\"src\"\n :alt=\"alt\"\n @click=\"toggleModal\"\n ref=\"imgEl\"\n />\n <div\n v-if=\"!noModal\"\n class=\"absolute bottom-2 right-2 text-white text-center bg-black rounded opacity-0 transition-opacity duration-300 group-hover:opacity-50 cursor-pointer\"\n >\n <EpIcon size=\"28\" :icon-path=\"mdiArrowExpandAll\" />\n </div>\n </div>\n </template>\n <div\n class=\"px-4 py-2 dark:rounded-b-md\"\n v-if=\"title || caption || bib\"\n >\n <h2 class=\"text-2xl dark:text-white font-bold\">\n {{ title }}\n </h2>\n <p class=\"text-gray-500 dark:text-white text-sm mt-4\">\n {{ caption }}\n </p>\n <div class=\"text-right\" v-if=\"renderBib\">\n <EpBtn @click=\"toggleBib\" rounded size=\"small\" type=\"primary\">{{\n labelRef\n }}</EpBtn>\n </div>\n </div>\n </div>\n </div>\n <div v-if=\"thumbnail\" class=\"relative group inline-block m-2\">\n <img\n :class=\"`${styleSizeThumbnail} object-cover object-center group-hover:opacity-30 `\"\n :src=\"src\"\n :alt=\"alt\"\n ref=\"imgEl\"\n />\n <div\n :class=\"`absolute top-0 left-0 ${styleSizeThumbnail} bg-black opacity-0 transition-opacity duration-300 group-hover:opacity-30 cursor-pointer`\"\n @click=\"toggleModal\"\n >\n <div\n class=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white text-center\"\n >\n <EpIcon :icon-path=\"mdiArrowExpandAll\" />\n </div>\n </div>\n </div>\n <EpModal v-model=\"showModal\">\n <img\n class=\"object-cover object-center h-5/6 w-5/6 mx-auto dark:bg-white\"\n :src=\"src\"\n :alt=\"alt\"\n @click=\"toggleModal\"\n />\n <div class=\"px-4 py-2\" v-if=\"thumbnail\">\n <h2 class=\"text-2xl dark:text-white font-bold\">\n {{ title }}\n </h2>\n <p class=\"text-gray-500 dark:text-white text-sm mt-4\">\n {{ caption }}\n </p>\n <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n </div>\n <!-- <div class=\"flex justify-end\"><EpBtn @click=\"toggleModal\" size=\"small\" type=\"error\" outlined>Fermer</EpBtn/> -->\n </EpModal>\n <EpModal v-model=\"showBib\" :title=\"labelRefLib\">\n <div class=\"text-gray-700 dark:text-white mt-4\" v-html=\"renderBib\" />\n <div class=\"flex justify-end\">\n <EpBtn @click=\"toggleBib\" size=\"small\" type=\"error\" outlined rounded>\n {{ labelClose }}\n </EpBtn>\n </div>\n </EpModal>\n </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_unref","inline","_createElementVNode","_openBlock","_createVNode","EpIcon","noModal","_toDisplayString","EpBtn","labelRef","EpModal","labelRefLib","labelClose"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementVNode, createCommentVNode, toDisplayString, unref, createVNode } from "vue";
2
- import _sfc_main$1 from "./EpAvatar.vue2.js";
2
+ import _sfc_main$1 from "./EpAvatar.vue.js";
3
3
  import _sfc_main$2 from "./EpIcon.vue.js";
4
4
  import { useRenderText } from "../../composables/useRenderText.js";
5
5
  import { roundedType } from "../../types/StackedList.js";
@@ -43,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
43
43
  return defineAsyncComponent(() => import("./EpReading.vue2.js"));
44
44
  }
45
45
  return defineAsyncComponent(
46
- () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue.js"), "../basics/EpBadge.vue": () => import("../basics/EpBadge.vue.js"), "../basics/EpBtn.vue": () => import("../basics/EpBtn.vue2.js"), "../basics/EpCard.vue": () => import("../basics/EpCard.vue2.js"), "../basics/EpChip.vue": () => import("../basics/EpChip.vue2.js"), "../basics/EpDivider.vue": () => import("../basics/EpDivider.vue2.js"), "../basics/EpFlex.vue": () => import("../basics/EpFlex.vue2.js"), "../basics/EpHover.vue": () => import("../basics/EpHover.vue2.js"), "../basics/EpHoverCard.vue": () => import("../basics/EpHoverCard.vue2.js"), "../basics/EpIcon.vue": () => import("../basics/EpIcon.vue2.js"), "../basics/EpImg.vue": () => import("../basics/EpImg.vue2.js"), "../basics/EpImgCarousel.vue": () => import("../basics/EpImgCarousel.vue2.js"), "../basics/EpList.vue": () => import("../basics/EpList.vue.js"), "../basics/EpListItem.vue": () => import("../basics/EpListItem.vue2.js"), "../basics/EpSection.vue": () => import("../basics/EpSection.vue2.js"), "../basics/EpSectionCols.vue": () => import("../basics/EpSectionCols.vue2.js"), "../basics/EpSpinner.vue": () => import("../basics/EpSpinner.vue2.js"), "../basics/EpStackedList.vue": () => import("../basics/EpStackedList.vue2.js"), "../basics/EpTable.vue": () => import("../basics/EpTable.vue2.js"), "../basics/EpText.vue": () => import("../basics/EpText.vue2.js"), "../charts/EpBarChart.vue": () => import("../charts/EpBarChart.vue2.js"), "../charts/EpFunnelChart.vue": () => import("../charts/EpFunnelChart.vue2.js"), "../charts/EpLineChart.vue": () => import("../charts/EpLineChart.vue2.js"), "../charts/EpPieChart.vue": () => import("../charts/EpPieChart.vue2.js"), "./EpBranchingScenario.vue": () => import("./EpBranchingScenario.vue.js"), "./EpCodeblock.vue": () => import("./EpCodeblock.vue3.js"), "./EpConclusion.vue": () => import("./EpConclusion.vue2.js"), "./EpDescription.vue": () => import("./EpDescription.vue2.js"), "./EpDocument.vue": () => import("./EpDocument.vue2.js"), "./EpEdu.vue": () => import("./EpEdu.vue2.js"), "./EpInstructions.vue": () => import("./EpInstructions.vue2.js"), "./EpIntroduction.vue": () => import("./EpIntroduction.vue2.js"), "./EpObjective.vue": () => import("./EpObjective.vue2.js"), "./EpReading.vue": () => import("./EpReading.vue2.js"), "./EpResource.vue": () => import("./EpResource.vue2.js"), "./EpScope.vue": () => import("./EpScope.vue2.js"), "./EpSegmentedBox.vue": () => import("./EpSegmentedBox.vue2.js"), "./EpSpecificObjective.vue": () => import("./EpSpecificObjective.vue2.js"), "../forms/EpCheckbox.vue": () => import("../forms/EpCheckbox.vue.js"), "../forms/EpInput.vue": () => import("../forms/EpInput.vue.js"), "../forms/EpRadio.vue": () => import("../forms/EpRadio.vue.js"), "../forms/EpRadioSummative.vue": () => import("../forms/EpRadioSummative.vue.js"), "../forms/EpSelect.vue": () => import("../forms/EpSelect.vue.js"), "../forms/EpSwitch.vue": () => import("../forms/EpSwitch.vue.js"), "../forms/EpTextarea.vue": () => import("../forms/EpTextarea.vue.js"), "../forms/EpToggle.vue": () => import("../forms/EpToggle.vue.js"), "../interactions/Ep360Image.vue": () => import("../interactions/Ep360Image.vue.js"), "../interactions/Ep360Video.vue": () => import("../interactions/Ep360Video.vue.js"), "../interactions/EpAccordeon.vue": () => import("../interactions/EpAccordeon.vue.js"), "../interactions/EpContentSlider.vue": () => import("../interactions/EpContentSlider.vue2.js"), "../interactions/EpDarkMode.vue": () => import("../interactions/EpDarkMode.vue2.js"), "../interactions/EpDraggable.vue": () => import("../interactions/EpDraggable.vue2.js"), "../interactions/EpFlipCard.vue": () => import("../interactions/EpFlipCard.vue.js"), "../interactions/EpHotSpot.vue": () => import("../interactions/EpHotSpot.vue2.js"), "../interactions/EpModal.vue": () => import("../interactions/EpModal.vue3.js"), "../interactions/EpQuestion.vue": () => import("../interactions/EpQuestion.vue2.js"), "../interactions/EpSummativeTable.vue": () => import("../interactions/EpSummativeTable.vue2.js"), "../interactions/EpSvgShow.vue": () => import("../interactions/EpSvgShow.vue2.js"), "../interactions/EpTabs.vue": () => import("../interactions/EpTabs.vue.js"), "../interactions/EpTooltip.vue": () => import("../interactions/EpTooltip.vue2.js"), "../medias/EpAudio.vue": () => import("../medias/EpAudio.vue2.js"), "../medias/EpCardLink.vue": () => import("../medias/EpCardLink.vue2.js"), "../medias/EpCarousel.vue": () => import("../medias/EpCarousel.vue2.js"), "../medias/EpHierarchy.vue": () => import("../medias/EpHierarchy.vue.js"), "../medias/EpIframe.vue": () => import("../medias/EpIframe.vue2.js"), "../medias/EpKatex.vue": () => import("../medias/EpKatex.vue.js"), "../medias/EpLink.vue": () => import("../medias/EpLink.vue2.js"), "../medias/EpLinkVersion.vue": () => import("../medias/EpLinkVersion.vue2.js"), "../medias/EpLottieSvg.vue": () => import("../medias/EpLottieSvg.vue2.js"), "../medias/EpSensibleImage.vue": () => import("../medias/EpSensibleImage.vue.js"), "../medias/EpSoftware.vue": () => import("../medias/EpSoftware.vue2.js"), "../medias/EpSvg.vue": () => import("../medias/EpSvg.vue2.js"), "../medias/EpTerm.vue": () => import("../medias/EpTerm.vue2.js"), "../medias/EpTimeLine.vue": () => import("../medias/EpTimeLine.vue.js"), "../medias/EpVideo.vue": () => import("../medias/EpVideo.vue2.js"), "../medias/EpVideoPanopto.vue": () => import("../medias/EpVideoPanopto.vue2.js"), "../medias/EpWordDef.vue": () => import("../medias/EpWordDef.vue2.js"), "../signages/EpAlert.vue": () => import("../signages/EpAlert.vue.js"), "../signages/EpBadge.vue": () => import("../signages/EpBadge.vue2.js"), "../signages/EpHeader.vue": () => import("../signages/EpHeader.vue2.js"), "../signages/EpNothing.vue": () => import("../signages/EpNothing.vue.js"), "../signages/EpQuote.vue": () => import("../signages/EpQuote.vue2.js"), "../signages/EpSkeleton.vue": () => import("../signages/EpSkeleton.vue.js"), "../tools/AsyncKatexRender.vue": () => import("../tools/AsyncKatexRender.vue.js"), "../tools/BgAudio.vue": () => import("../tools/BgAudio.vue.js"), "../tools/Details.vue": () => import("../tools/Details.vue2.js"), "../tools/DisplayBox.vue": () => import("../tools/DisplayBox.vue.js"), "../tools/RenderTextNode.vue": () => import("../tools/RenderTextNode.vue2.js"), "../tools/SegmentedBox.vue": () => import("../tools/SegmentedBox.vue.js"), "../tools/SvgFilter.vue": () => import("../tools/SvgFilter.vue.js"), "../tools/TextMedia.vue": () => import("../tools/TextMedia.vue2.js"), "../tools/TimelineItem.vue": () => import("../tools/TimelineItem.vue.js"), "../tools/TwoColsMedia.vue": () => import("../tools/TwoColsMedia.vue.js") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
46
+ () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue2.js"), "../basics/EpBadge.vue": () => import("../basics/EpBadge.vue.js"), "../basics/EpBtn.vue": () => import("../basics/EpBtn.vue2.js"), "../basics/EpCard.vue": () => import("../basics/EpCard.vue2.js"), "../basics/EpChip.vue": () => import("../basics/EpChip.vue2.js"), "../basics/EpDivider.vue": () => import("../basics/EpDivider.vue2.js"), "../basics/EpFlex.vue": () => import("../basics/EpFlex.vue2.js"), "../basics/EpHover.vue": () => import("../basics/EpHover.vue2.js"), "../basics/EpHoverCard.vue": () => import("../basics/EpHoverCard.vue2.js"), "../basics/EpIcon.vue": () => import("../basics/EpIcon.vue2.js"), "../basics/EpImg.vue": () => import("../basics/EpImg.vue2.js"), "../basics/EpImgCarousel.vue": () => import("../basics/EpImgCarousel.vue2.js"), "../basics/EpList.vue": () => import("../basics/EpList.vue.js"), "../basics/EpListItem.vue": () => import("../basics/EpListItem.vue2.js"), "../basics/EpSection.vue": () => import("../basics/EpSection.vue2.js"), "../basics/EpSectionCols.vue": () => import("../basics/EpSectionCols.vue2.js"), "../basics/EpSpinner.vue": () => import("../basics/EpSpinner.vue2.js"), "../basics/EpStackedList.vue": () => import("../basics/EpStackedList.vue2.js"), "../basics/EpTable.vue": () => import("../basics/EpTable.vue2.js"), "../basics/EpText.vue": () => import("../basics/EpText.vue2.js"), "../charts/EpBarChart.vue": () => import("../charts/EpBarChart.vue2.js"), "../charts/EpFunnelChart.vue": () => import("../charts/EpFunnelChart.vue2.js"), "../charts/EpLineChart.vue": () => import("../charts/EpLineChart.vue2.js"), "../charts/EpPieChart.vue": () => import("../charts/EpPieChart.vue2.js"), "./EpBranchingScenario.vue": () => import("./EpBranchingScenario.vue.js"), "./EpCodeblock.vue": () => import("./EpCodeblock.vue3.js"), "./EpConclusion.vue": () => import("./EpConclusion.vue2.js"), "./EpDescription.vue": () => import("./EpDescription.vue2.js"), "./EpDocument.vue": () => import("./EpDocument.vue2.js"), "./EpEdu.vue": () => import("./EpEdu.vue2.js"), "./EpInstructions.vue": () => import("./EpInstructions.vue2.js"), "./EpIntroduction.vue": () => import("./EpIntroduction.vue2.js"), "./EpObjective.vue": () => import("./EpObjective.vue2.js"), "./EpReading.vue": () => import("./EpReading.vue2.js"), "./EpResource.vue": () => import("./EpResource.vue2.js"), "./EpScope.vue": () => import("./EpScope.vue2.js"), "./EpSegmentedBox.vue": () => import("./EpSegmentedBox.vue2.js"), "./EpSpecificObjective.vue": () => import("./EpSpecificObjective.vue2.js"), "../forms/EpCheckbox.vue": () => import("../forms/EpCheckbox.vue.js"), "../forms/EpInput.vue": () => import("../forms/EpInput.vue.js"), "../forms/EpRadio.vue": () => import("../forms/EpRadio.vue.js"), "../forms/EpRadioSummative.vue": () => import("../forms/EpRadioSummative.vue.js"), "../forms/EpSelect.vue": () => import("../forms/EpSelect.vue.js"), "../forms/EpSwitch.vue": () => import("../forms/EpSwitch.vue.js"), "../forms/EpTextarea.vue": () => import("../forms/EpTextarea.vue.js"), "../forms/EpToggle.vue": () => import("../forms/EpToggle.vue.js"), "../interactions/Ep360Image.vue": () => import("../interactions/Ep360Image.vue.js"), "../interactions/Ep360Video.vue": () => import("../interactions/Ep360Video.vue.js"), "../interactions/EpAccordeon.vue": () => import("../interactions/EpAccordeon.vue.js"), "../interactions/EpContentSlider.vue": () => import("../interactions/EpContentSlider.vue2.js"), "../interactions/EpDarkMode.vue": () => import("../interactions/EpDarkMode.vue2.js"), "../interactions/EpDraggable.vue": () => import("../interactions/EpDraggable.vue2.js"), "../interactions/EpFlipCard.vue": () => import("../interactions/EpFlipCard.vue.js"), "../interactions/EpHotSpot.vue": () => import("../interactions/EpHotSpot.vue2.js"), "../interactions/EpModal.vue": () => import("../interactions/EpModal.vue3.js"), "../interactions/EpQuestion.vue": () => import("../interactions/EpQuestion.vue2.js"), "../interactions/EpSummativeTable.vue": () => import("../interactions/EpSummativeTable.vue2.js"), "../interactions/EpSvgShow.vue": () => import("../interactions/EpSvgShow.vue2.js"), "../interactions/EpTabs.vue": () => import("../interactions/EpTabs.vue.js"), "../interactions/EpTooltip.vue": () => import("../interactions/EpTooltip.vue2.js"), "../medias/EpAudio.vue": () => import("../medias/EpAudio.vue2.js"), "../medias/EpCardLink.vue": () => import("../medias/EpCardLink.vue2.js"), "../medias/EpCarousel.vue": () => import("../medias/EpCarousel.vue2.js"), "../medias/EpHierarchy.vue": () => import("../medias/EpHierarchy.vue.js"), "../medias/EpIframe.vue": () => import("../medias/EpIframe.vue2.js"), "../medias/EpKatex.vue": () => import("../medias/EpKatex.vue.js"), "../medias/EpLink.vue": () => import("../medias/EpLink.vue2.js"), "../medias/EpLinkVersion.vue": () => import("../medias/EpLinkVersion.vue2.js"), "../medias/EpLottieSvg.vue": () => import("../medias/EpLottieSvg.vue2.js"), "../medias/EpSensibleImage.vue": () => import("../medias/EpSensibleImage.vue.js"), "../medias/EpSoftware.vue": () => import("../medias/EpSoftware.vue2.js"), "../medias/EpSvg.vue": () => import("../medias/EpSvg.vue2.js"), "../medias/EpTerm.vue": () => import("../medias/EpTerm.vue2.js"), "../medias/EpTimeLine.vue": () => import("../medias/EpTimeLine.vue.js"), "../medias/EpVideo.vue": () => import("../medias/EpVideo.vue2.js"), "../medias/EpVideoPanopto.vue": () => import("../medias/EpVideoPanopto.vue2.js"), "../medias/EpWordDef.vue": () => import("../medias/EpWordDef.vue2.js"), "../signages/EpAlert.vue": () => import("../signages/EpAlert.vue.js"), "../signages/EpBadge.vue": () => import("../signages/EpBadge.vue2.js"), "../signages/EpHeader.vue": () => import("../signages/EpHeader.vue2.js"), "../signages/EpNothing.vue": () => import("../signages/EpNothing.vue.js"), "../signages/EpQuote.vue": () => import("../signages/EpQuote.vue2.js"), "../signages/EpSkeleton.vue": () => import("../signages/EpSkeleton.vue.js"), "../tools/AsyncKatexRender.vue": () => import("../tools/AsyncKatexRender.vue.js"), "../tools/BgAudio.vue": () => import("../tools/BgAudio.vue.js"), "../tools/Details.vue": () => import("../tools/Details.vue2.js"), "../tools/DisplayBox.vue": () => import("../tools/DisplayBox.vue.js"), "../tools/RenderTextNode.vue": () => import("../tools/RenderTextNode.vue2.js"), "../tools/SegmentedBox.vue": () => import("../tools/SegmentedBox.vue.js"), "../tools/SvgFilter.vue": () => import("../tools/SvgFilter.vue.js"), "../tools/TextMedia.vue": () => import("../tools/TextMedia.vue2.js"), "../tools/TimelineItem.vue": () => import("../tools/TimelineItem.vue.js"), "../tools/TwoColsMedia.vue": () => import("../tools/TwoColsMedia.vue.js") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
47
47
  );
48
48
  };
49
49
  const typeRess = computed(() => {
@@ -1 +1 @@
1
- {"version":3,"file":"EpResource.vue.js","sources":["../../../src/components/educationals/EpResource.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { defineAsyncComponent, computed, toRefs } from \"vue\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { EpResourceProps } from \"~/types/educationals/EpResource\";\n\nconst { type = \"neutral\", resource, pages } = defineProps<EpResourceProps>();\n\nconst resourceInfo = computed(() => {\n if (!resource.hasOwnProperty(\"content\")) {\n return \"EpNothing\";\n }\n //console.log(resource)\n const typeRess = Object.keys(resource.content)[0];\n const ress = Object.assign({}, resource.content[typeRess]);\n\n ress.pages = pages;\n ress.type = typeRess;\n ress.intentions = pages;\n if (typeRess === \"clip\") {\n ress.src = ress.url;\n }\n if (typeRess === \"website\") {\n ress.href = ress.url;\n ress.label = ress.title;\n }\n if (typeRess === \"book\" && pages) {\n //ress.intentions = pages\n ress.pages = null;\n }\n if (ress.version_link) {\n ress.url = ress.version_link.url;\n }\n\n return ress;\n});\n\n//get Component asyncComponent\nconst getCompontent = (name: string | undefined) => {\n const componentToLoad = useComponent(name);\n //console.log(componentToLoad)\n if (componentToLoad.name === \"EpNothing\") {\n return defineAsyncComponent(() => import(\"../signages/EpNothing.vue\"));\n }\n if (componentToLoad.name === \"EpReading\") {\n return defineAsyncComponent(() => import(`./EpReading.vue`));\n }\n return defineAsyncComponent(\n () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n );\n};\n\nconst typeRess = computed(() => {\n if (resourceInfo.value.type && resourceInfo.value.type === \"website\") {\n if (type === \"base\") {\n return \"primary\";\n }\n }\n return type;\n});\n</script>\n\n<template>\n <component\n :is=\"getCompontent(resourceInfo.type)\"\n v-bind=\"{ ...resourceInfo }\"\n :mandateLevel=\"mandateLevel\"\n :intentions=\"pages\"\n :type=\"typeRess\"\n ></component>\n</template>\n"],"names":["typeRess","_createBlock","_resolveDynamicComponent","_mergeProps","mandateLevel","pages"],"mappings":"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"}
1
+ {"version":3,"file":"EpResource.vue.js","sources":["../../../src/components/educationals/EpResource.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { defineAsyncComponent, computed, toRefs } from \"vue\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { EpResourceProps } from \"~/types/educationals/EpResource\";\n\nconst { type = \"neutral\", resource, pages } = defineProps<EpResourceProps>();\n\nconst resourceInfo = computed(() => {\n if (!resource.hasOwnProperty(\"content\")) {\n return \"EpNothing\";\n }\n //console.log(resource)\n const typeRess = Object.keys(resource.content)[0];\n const ress = Object.assign({}, resource.content[typeRess]);\n\n ress.pages = pages;\n ress.type = typeRess;\n ress.intentions = pages;\n if (typeRess === \"clip\") {\n ress.src = ress.url;\n }\n if (typeRess === \"website\") {\n ress.href = ress.url;\n ress.label = ress.title;\n }\n if (typeRess === \"book\" && pages) {\n //ress.intentions = pages\n ress.pages = null;\n }\n if (ress.version_link) {\n ress.url = ress.version_link.url;\n }\n\n return ress;\n});\n\n//get Component asyncComponent\nconst getCompontent = (name: string | undefined) => {\n const componentToLoad = useComponent(name);\n //console.log(componentToLoad)\n if (componentToLoad.name === \"EpNothing\") {\n return defineAsyncComponent(() => import(\"../signages/EpNothing.vue\"));\n }\n if (componentToLoad.name === \"EpReading\") {\n return defineAsyncComponent(() => import(`./EpReading.vue`));\n }\n return defineAsyncComponent(\n () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n );\n};\n\nconst typeRess = computed(() => {\n if (resourceInfo.value.type && resourceInfo.value.type === \"website\") {\n if (type === \"base\") {\n return \"primary\";\n }\n }\n return type;\n});\n</script>\n\n<template>\n <component\n :is=\"getCompontent(resourceInfo.type)\"\n v-bind=\"{ ...resourceInfo }\"\n :mandateLevel=\"mandateLevel\"\n :intentions=\"pages\"\n :type=\"typeRess\"\n ></component>\n</template>\n"],"names":["typeRess","_createBlock","_resolveDynamicComponent","_mergeProps","mandateLevel","pages"],"mappings":"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"}
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
42
42
  return props.slides[currentIndex.value];
43
43
  });
44
44
  const dynamicComponents = /* @__PURE__ */ Object.assign({
45
- "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue.js"),
45
+ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue2.js"),
46
46
  "../basics/EpBadge.vue": () => import("../basics/EpBadge.vue.js"),
47
47
  "../basics/EpBtn.vue": () => import("../basics/EpBtn.vue2.js"),
48
48
  "../basics/EpCard.vue": () => import("../basics/EpCard.vue2.js"),