ep-lib-ts 1.0.64 → 1.0.65

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

@@ -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 border-primary dark:border-main-color-500 border dark:text-main-color-500 text-primary px-2 py-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 bg-primary dark:bg-main-color-500 group-hover:h-full opacity-90\"\n    />\n    <span class=\"relative group-hover:text-white\"\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":"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"}
+{"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 ep-surface-2 ring-1 ep-ring-primary ring-inset ep-hover-bg-primary ep-btn-text-primary-outline ep-hover-btn-text-primary-outline 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=\"ep-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,mBAAgE,MAAhE,YAAgEO,gBAAvBG,KAAAA,eAAe,GAAA,CAAA;AAAA,cAC5B,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;;;;;;;;;;;"}

package/dist/components/medias/EpWordDef.vue.js

@@ -5,17 +5,17 @@ import { useRenderText } from "../../composables/useRenderText.js";
 import { useRouter } from "vue-router";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { class: "h-min border border-base rounded-lg divide-y" };
+const _hoisted_3 = { class: "h-min ep-border-neutral border rounded-lg divide-y" };
 const _hoisted_4 = { class: "text-xl font-semibold p-2" };
 const _hoisted_5 = { class: "flex justify-between" };
-const _hoisted_6 = { class: "text-sm font-medium bg-base-light dark:text-dark p-2" };
+const _hoisted_6 = { class: "text-sm font-medium p-2" };
 const _hoisted_7 = {
   key: 0,
   class: "px-2 py-1"
 };
-const _hoisted_8 = { class: "text-sm font-medium bg-base-light dark:text-dark p-2" };
+const _hoisted_8 = { class: "text-sm font-medium p-2" };
 const _hoisted_9 = { class: "px-2 py-1" };
-const _hoisted_10 = { class: "text-sm font-medium bg-base-light dark:text-dark p-2" };
+const _hoisted_10 = { class: "text-sm font-medium p-2" };
 const _hoisted_11 = { class: "px-2 py-1" };
 const _hoisted_12 = ["innerHTML"];
 const _hoisted_13 = {
@@ -25,7 +25,7 @@ const _hoisted_13 = {
 const _hoisted_14 = ["innerHTML"];
 const _hoisted_15 = { class: "flex w-1/2 justify-center p-2" };
 const _hoisted_16 = { key: 0 };
-const _hoisted_17 = { class: "text-sm font-medium bg-base-light dark:text-dark p-2" };
+const _hoisted_17 = { class: "text-sm font-medium p-2" };
 const _hoisted_18 = { class: "p-2" };
 const _hoisted_19 = ["onClick"];
 const _hoisted_20 = { key: 1 };
@@ -74,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const id = ref(props.uid || useCreateUid());
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "dark:bg-dark",
+        class: "ep-surface-2",
         id: id.value
       }, [
         _ctx.term && _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_2, [

package/dist/components/medias/EpWordDef.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpWordDef.vue.js","sources":["../../../src/components/medias/EpWordDef.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useRouter } from \"vue-router\";\nimport type { EpWordDefProps } from \"~/types/medias/EpWordDef\";\n\nconst props = withDefaults(defineProps<EpWordDefProps>(), {\n  labelInformation: \"Information grammaticale\",\n  labelDomain: \"Domaine\",\n  labelRelations: \"Relations\",\n  labelNoDefinition: \"La definition n'est pas disponible\",\n  labelVariations: \"Variation(s)\",\n  cols: \"10\",\n});\n\nconst sizeGramIngo = computed(() => {\n  if (props.content) {\n    return props.content.domain || props.variation.length > 0\n      ? \"w-1/3\"\n      : \"w-full\";\n  }\n  return \"\";\n});\n\nconst sizeDomain = computed(() => {\n  if (props.variation) {\n    return props.variation.length > 0 ? \"w-1/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\nconst sizeVariations = computed(() => {\n  if (props.content) {\n    return props.content.domain ? \"w-2/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\n/*\nconst findRelations = (relations: string[]): { id: number | string, term: string }[] => {\n  let _relations = props.glossary.filter((term) => {\n    return relations.some((x) => {\n      return term.id === x;\n    });\n  });\n  return _relations.map((x) => ({id:x.id, term:x.term}));\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\nconst id = ref(props.uid || useCreateUid());\n</script>\n\n<template>\n  <div class=\"dark:bg-dark\" :id=\"id\">\n    <div v-if=\"term && description\">\n      <div class=\"h-min border border-base rounded-lg divide-y\">\n        <h2 class=\"text-xl font-semibold p-2\">{{ term }}</h2>\n        <div class=\"flex justify-between\">\n          <div :class=\"sizeGramIngo\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelInformation }}\n            </p>\n            <div class=\"px-2 py-1\" v-if=\"content.gramInfo\">\n              {{ content.gramInfo }}\n            </div>\n          </div>\n          <div :class=\"sizeDomain\" v-if=\"content.domain\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelDomain }}\n            </p>\n            <div class=\"px-2 py-1\">{{ content.domain }}</div>\n          </div>\n          <div :class=\"sizeVariations\" v-if=\"variation.length > 0\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelVariations }}\n            </p>\n            <div class=\"px-2 py-1\">\n              <span v-for=\"(_variation, i) in variation\" :key=\"`v-${i}`\"\n                >{{ _variation\n                }}{{ variation.length > i + 1 ? \", \" : \".\" }}</span\n              >\n            </div>\n          </div>\n        </div>\n        <template v-if=\"!content.image\">\n          <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n        </template>\n        <template v-else>\n          <div class=\"flex flex-row justify-between\">\n            <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n            <div class=\"flex w-1/2 justify-center p-2\">\n              <EpImg :src=\"content.image\" :cols=\"cols\" />\n            </div>\n          </div>\n        </template>\n\n        <div>\n          <div v-if=\"relation.length > 0\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelRelations }}\n            </p>\n            <div class=\"p-2\">\n              <template\n                v-for=\"(_relation, i) in relation\"\n                :key=\"`relation-${i}`\"\n              >\n                <button\n                  class=\"p-1 border rounded mr-1\"\n                  @click=\"goto(_relation.termId)\"\n                >\n                  {{ _relation.term }}\n                </button>\n              </template>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else>{{ labelNoDefinition }}</div>\n  </div>\n</template>\n"],"names":["_createElementBlock","term","description","_createElementVNode","_toDisplayString","labelInformation","content","_openBlock","labelDomain","variation","labelVariations","_Fragment","_renderList","_unref","_createVNode","EpImg","cols","relation","labelRelations","labelNoDefinition"],"mappings":"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"}
+{"version":3,"file":"EpWordDef.vue.js","sources":["../../../src/components/medias/EpWordDef.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useRouter } from \"vue-router\";\nimport type { EpWordDefProps } from \"~/types/medias/EpWordDef\";\n\nconst props = withDefaults(defineProps<EpWordDefProps>(), {\n  labelInformation: \"Information grammaticale\",\n  labelDomain: \"Domaine\",\n  labelRelations: \"Relations\",\n  labelNoDefinition: \"La definition n'est pas disponible\",\n  labelVariations: \"Variation(s)\",\n  cols: \"10\",\n});\n\nconst sizeGramIngo = computed(() => {\n  if (props.content) {\n    return props.content.domain || props.variation.length > 0\n      ? \"w-1/3\"\n      : \"w-full\";\n  }\n  return \"\";\n});\n\nconst sizeDomain = computed(() => {\n  if (props.variation) {\n    return props.variation.length > 0 ? \"w-1/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\nconst sizeVariations = computed(() => {\n  if (props.content) {\n    return props.content.domain ? \"w-2/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\n/*\nconst findRelations = (relations: string[]): { id: number | string, term: string }[] => {\n  let _relations = props.glossary.filter((term) => {\n    return relations.some((x) => {\n      return term.id === x;\n    });\n  });\n  return _relations.map((x) => ({id:x.id, term:x.term}));\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\nconst id = ref(props.uid || useCreateUid());\n</script>\n\n<template>\n  <div class=\"ep-surface-2\" :id=\"id\">\n    <div v-if=\"term && description\">\n      <div class=\"h-min ep-border-neutral border rounded-lg divide-y\">\n        <h2 class=\"text-xl font-semibold p-2\">{{ term }}</h2>\n        <div class=\"flex justify-between\">\n          <div :class=\"sizeGramIngo\">\n            <p class=\"text-sm font-medium p-2\">\n              {{ labelInformation }}\n            </p>\n            <div class=\"px-2 py-1\" v-if=\"content.gramInfo\">\n              {{ content.gramInfo }}\n            </div>\n          </div>\n          <div :class=\"sizeDomain\" v-if=\"content.domain\">\n            <p class=\"text-sm font-medium p-2\">\n              {{ labelDomain }}\n            </p>\n            <div class=\"px-2 py-1\">{{ content.domain }}</div>\n          </div>\n          <div :class=\"sizeVariations\" v-if=\"variation.length > 0\">\n            <p class=\"text-sm font-medium p-2\">\n              {{ labelVariations }}\n            </p>\n            <div class=\"px-2 py-1\">\n              <span v-for=\"(_variation, i) in variation\" :key=\"`v-${i}`\"\n                >{{ _variation\n                }}{{ variation.length > i + 1 ? \", \" : \".\" }}</span\n              >\n            </div>\n          </div>\n        </div>\n        <template v-if=\"!content.image\">\n          <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n        </template>\n        <template v-else>\n          <div class=\"flex flex-row justify-between\">\n            <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n            <div class=\"flex w-1/2 justify-center p-2\">\n              <EpImg :src=\"content.image\" :cols=\"cols\" />\n            </div>\n          </div>\n        </template>\n\n        <div>\n          <div v-if=\"relation.length > 0\">\n            <p class=\"text-sm font-medium p-2\">\n              {{ labelRelations }}\n            </p>\n            <div class=\"p-2\">\n              <template\n                v-for=\"(_relation, i) in relation\"\n                :key=\"`relation-${i}`\"\n              >\n                <button\n                  class=\"p-1 border rounded mr-1\"\n                  @click=\"goto(_relation.termId)\"\n                >\n                  {{ _relation.term }}\n                </button>\n              </template>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else>{{ labelNoDefinition }}</div>\n  </div>\n</template>\n"],"names":["_createElementBlock","term","description","_createElementVNode","_toDisplayString","labelInformation","content","_openBlock","labelDomain","variation","labelVariations","_Fragment","_renderList","_unref","_createVNode","EpImg","cols","relation","labelRelations","labelNoDefinition"],"mappings":"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"}

package/dist/components/signages/EpAlert.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./EpAlert.vue2.js";
 /* empty css             */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b4417cf8"]]);
+const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a9effecb"]]);
 export {
   Comp as default
 };

package/dist/components/signages/EpAlert.vue2.js

@@ -17,7 +17,7 @@ const _hoisted_5 = { class: "ep-info-box" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpAlert",
   props: {
-    type: { default: "base" },
+    type: { default: "neutral" },
     title: { default: null },
     outlined: { type: Boolean },
     noIcon: { type: Boolean, default: false },

package/dist/components/signages/EpAlert.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpAlert.vue2.js","sources":["../../../src/components/signages/EpAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\nimport { typeAlert, typeDivider } from \"~/types/Alert\";\nimport { useIcons } from \"~/composables/useIcons\";\nimport type { EpAlertProps } from \"~/types/signages/EpAlert\";\n\n/*NOTE IMPORTANT \n  sur l'éditeur la valeur outlined a été inversée (old v-switch the vuetify)\n  donc outlined:true is fonce \n  outlined:false is outlined style\n*/\n\nconst props = withDefaults(defineProps<EpAlertProps>(), {\n  type: \"base\",\n  title: null,\n  noIcon: false,\n});\n\n/* sur l'éditeur de parcours la composante a été fait à l'inverse malhereusement  (old v-switch the vuetify)*/\n/* donc outlined:true is fonce et oulined:false is the real onlined*/\nconst outlinedCompact = computed(() => {\n  return !props.outlined;\n});\n\nconst isOutlined = computed(() => {\n  if (!props.outlined) {\n    return \"outlined\";\n  }\n  return \"default\";\n});\n\n// to change after change bd strapi v4\nconst finalType = computed(() => {\n  if (typeof props.type === \"object\") {\n    return props.type.type;\n  }\n  return props.type;\n});\n\nconst styles = computed(() => {\n  return `${typeAlert[finalType.value]?.[isOutlined.value]}`;\n});\n\nconst styleHr = computed(() => {\n  return `${typeDivider[finalType.value]?.[isOutlined.value]}`;\n});\n\nconst icon = computed(() => {\n  let icon = useIcons[finalType.value].icon;\n  if (props.noIcon) {\n    return null;\n  }\n  return icon;\n});\n\nconst { title, compact, outlined } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"`flex p-4 rounded shadow-md m-2 ${styles}`\" v-if=\"!compact\">\n    <div v-if=\"icon\" class=\"flex items-center justify-center w-1/12\">\n      <EpIcon :size=\"40\" :icon-path=\"icon\" />\n    </div>\n    <div :class=\"`${icon ? 'w-11/12' : 'w-full'} flex items-center`\">\n      <div class=\"container\">\n        <h3 v-if=\"title\" class=\"text-left text-2xl font-bold\">{{ title }}</h3>\n        <hr v-if=\"title\" :class=\"`w-full my-3 border ${styleHr}`\" />\n        <div class=\"ep-info-box\">\n          <slot> </slot>\n        </div>\n      </div>\n    </div>\n  </div>\n  <EpAccordeon\n    :type=\"finalType\"\n    :outlined=\"outlinedCompact\"\n    :icon=\"icon\"\n    :title=\"title\"\n    v-else\n  >\n    <div class=\"ep-info-box\">\n      <slot />\n    </div>\n  </EpAccordeon>\n</template>\n\n<style scoped>\n.ep-info-box :deep(a) {\n  text-decoration: underline;\n  font-weight: 500;\n}\n</style>\n"],"names":["icon","_unref","_createElementBlock","_openBlock","_createVNode","EpIcon","_createElementVNode","_toDisplayString","_renderSlot","_createBlock","EpAccordeon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAQd,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,CAAC,MAAM;AAAA,IAChB,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,UAAU;AACnB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,OAAO,MAAM,SAAS,UAAU;AAClC,eAAO,MAAM,KAAK;AAAA,MACpB;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;;AAC5B,aAAO,IAAG,eAAU,UAAU,KAAK,MAAzB,mBAA6B,WAAW,MAAM;AAAA,IAC1D,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;;AAC7B,aAAO,IAAG,iBAAY,UAAU,KAAK,MAA3B,mBAA+B,WAAW,MAAM;AAAA,IAC5D,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAIA,QAAO,SAAS,UAAU,KAAK,EAAE;AACrC,UAAI,MAAM,QAAQ;AAChB,eAAO;AAAA,MACT;AACA,aAAOA;AAAAA,IACT,CAAC;AAED,UAAM,EAAE,OAAO,QAAkB,IAAI,OAAO,KAAK;;cAIiBC,MAAA,OAAA,kBAAhEC,mBAaM,OAAA;AAAA;QAbA,wDAAyC,OAAA,KAAM,EAAA;AAAA,MAAA;QACxC,KAAA,SAAXC,UAAA,GAAAD,mBAEM,OAFN,YAEM;AAAA,UADJE,YAAuCC,aAAA;AAAA,YAA9B,MAAM;AAAA,YAAK,aAAW,KAAA;AAAA,UAAA;;QAEjCC,mBAQM,OAAA;AAAA,UARA,yBAAU,KAAA,QAAI,YAAA,QAAA,oBAAA;AAAA,QAAA;UAClBA,mBAMM,OANN,YAMM;AAAA,YALML,MAAA,KAAA,kBAAVC,mBAAsE,MAAtE,YAAsEK,gBAAbN,MAAA,KAAA,CAAK,GAAA,CAAA;YACpDA,MAAA,KAAA,kBAAVC,mBAA4D,MAAA;AAAA;cAA1C,4CAA6B,QAAA,KAAO,EAAA;AAAA,YAAA;YACtDI,mBAEM,OAFN,YAEM;AAAA,cADJE,WAAc,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,YAAA;;;6BAKtBC,YAUcC,MAAA;AAAA;QATX,MAAM,UAAA;AAAA,QACN,UAAU,gBAAA;AAAA,QACV,MAAM,KAAA;AAAA,QACN,OAAOT,MAAA,KAAA;AAAA,MAAA;yBAGR,MAEM;AAAA,UAFNK,mBAEM,OAFN,YAEM;AAAA,YADJE,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpAlert.vue2.js","sources":["../../../src/components/signages/EpAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\nimport { typeAlert, typeDivider } from \"~/types/Alert\";\nimport { useIcons } from \"~/composables/useIcons\";\nimport type { EpAlertProps } from \"~/types/signages/EpAlert\";\n\n/*NOTE IMPORTANT \n  sur l'éditeur la valeur outlined a été inversée (old v-switch the vuetify)\n  donc outlined:true is fonce \n  outlined:false is outlined style\n*/\n\nconst props = withDefaults(defineProps<EpAlertProps>(), {\n  type: \"neutral\",\n  title: null,\n  noIcon: false,\n});\n\n/* sur l'éditeur de parcours la composante a été fait à l'inverse malhereusement  (old v-switch the vuetify)*/\n/* donc outlined:true is fonce et oulined:false is the real onlined*/\nconst outlinedCompact = computed(() => {\n  return !props.outlined;\n});\n\nconst isOutlined = computed(() => {\n  if (!props.outlined) {\n    return \"outlined\";\n  }\n  return \"default\";\n});\n\n// to change after change bd strapi v4\nconst finalType = computed(() => {\n  if (typeof props.type === \"object\") {\n    return props.type.type;\n  }\n  return props.type;\n});\n\nconst styles = computed(() => {\n  return `${typeAlert[finalType.value]?.[isOutlined.value]}`;\n});\n\nconst styleHr = computed(() => {\n  return `${typeDivider[finalType.value]?.[isOutlined.value]}`;\n});\n\nconst icon = computed(() => {\n  let icon = useIcons[finalType.value].icon;\n  if (props.noIcon) {\n    return null;\n  }\n  return icon;\n});\n\nconst { title, compact } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"`flex p-4 rounded shadow-md m-2 ${styles}`\" v-if=\"!compact\">\n    <div v-if=\"icon\" class=\"flex items-center justify-center w-1/12\">\n      <EpIcon :size=\"40\" :icon-path=\"icon\" />\n    </div>\n    <div :class=\"`${icon ? 'w-11/12' : 'w-full'} flex items-center`\">\n      <div class=\"container\">\n        <h3 v-if=\"title\" class=\"text-left text-2xl font-bold\">{{ title }}</h3>\n        <hr v-if=\"title\" :class=\"`w-full my-3 border ${styleHr}`\" />\n        <div class=\"ep-info-box\">\n          <slot> </slot>\n        </div>\n      </div>\n    </div>\n  </div>\n  <EpAccordeon\n    :type=\"finalType\"\n    :outlined=\"outlinedCompact\"\n    :icon=\"icon\"\n    :title=\"title\"\n    v-else\n  >\n    <div class=\"ep-info-box\">\n      <slot />\n    </div>\n  </EpAccordeon>\n</template>\n\n<style scoped>\n.ep-info-box :deep(a) {\n  text-decoration: underline;\n  font-weight: 500;\n}\n</style>\n"],"names":["icon","_unref","_createElementBlock","_openBlock","_createVNode","EpIcon","_createElementVNode","_toDisplayString","_renderSlot","_createBlock","EpAccordeon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAQd,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,CAAC,MAAM;AAAA,IAChB,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,UAAU;AACnB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,OAAO,MAAM,SAAS,UAAU;AAClC,eAAO,MAAM,KAAK;AAAA,MACpB;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;;AAC5B,aAAO,IAAG,eAAU,UAAU,KAAK,MAAzB,mBAA6B,WAAW,MAAM;AAAA,IAC1D,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;;AAC7B,aAAO,IAAG,iBAAY,UAAU,KAAK,MAA3B,mBAA+B,WAAW,MAAM;AAAA,IAC5D,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAIA,QAAO,SAAS,UAAU,KAAK,EAAE;AACrC,UAAI,MAAM,QAAQ;AAChB,eAAO;AAAA,MACT;AACA,aAAOA;AAAAA,IACT,CAAC;AAED,UAAM,EAAE,OAAO,YAAY,OAAO,KAAK;;cAI2BC,MAAA,OAAA,kBAAhEC,mBAaM,OAAA;AAAA;QAbA,wDAAyC,OAAA,KAAM,EAAA;AAAA,MAAA;QACxC,KAAA,SAAXC,UAAA,GAAAD,mBAEM,OAFN,YAEM;AAAA,UADJE,YAAuCC,aAAA;AAAA,YAA9B,MAAM;AAAA,YAAK,aAAW,KAAA;AAAA,UAAA;;QAEjCC,mBAQM,OAAA;AAAA,UARA,yBAAU,KAAA,QAAI,YAAA,QAAA,oBAAA;AAAA,QAAA;UAClBA,mBAMM,OANN,YAMM;AAAA,YALML,MAAA,KAAA,kBAAVC,mBAAsE,MAAtE,YAAsEK,gBAAbN,MAAA,KAAA,CAAK,GAAA,CAAA;YACpDA,MAAA,KAAA,kBAAVC,mBAA4D,MAAA;AAAA;cAA1C,4CAA6B,QAAA,KAAO,EAAA;AAAA,YAAA;YACtDI,mBAEM,OAFN,YAEM;AAAA,cADJE,WAAc,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,YAAA;;;6BAKtBC,YAUcC,MAAA;AAAA;QATX,MAAM,UAAA;AAAA,QACN,UAAU,gBAAA;AAAA,QACV,MAAM,KAAA;AAAA,QACN,OAAOT,MAAA,KAAA;AAAA,MAAA;yBAGR,MAEM;AAAA,UAFNK,mBAEM,OAFN,YAEM;AAAA,YADJE,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/signages/EpHeader.vue.js

@@ -11,7 +11,7 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = {
   key: 1,
-  class: "max-w-xl mt-4 text-2xl text-white contrast-50"
+  class: "max-w-xl mt-4 text-2xl text-white"
 };
 const _hoisted_5 = {
   key: 0,
@@ -21,15 +21,15 @@ const _hoisted_6 = { key: 1 };
 const _hoisted_7 = { class: "text-center md:text-left mt-16 mb-32" };
 const _hoisted_8 = {
   key: 0,
-  class: "text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100"
+  class: "text-4xl font-bold tracking-tight"
 };
 const _hoisted_9 = {
   key: 1,
-  class: "w-1/2 mt-4 text-gray-500 dark:text-gray-300"
+  class: "w-1/2 mt-4"
 };
 const _hoisted_10 = { key: 2 };
 const _hoisted_11 = { class: "flex flex-col-reverse lg:flex-row items-stretch" };
-const _hoisted_12 = { class: "basis-1/2 bg-gray-100 dark:bg-base-dark lg:min-h-48 p-4" };
+const _hoisted_12 = { class: "basis-1/2 bg-surface-2 lg:min-h-48 p-4" };
 const _hoisted_13 = { class: "flex justify-start pt-0 mb-4" };
 const _hoisted_14 = {
   key: 0,
@@ -148,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               unref(title) || _ctx.subtitle ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: normalizeClass(`${_ctx.textBg ? "inline-block backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded" : ""} p-4 md:items-center`)
+                class: normalizeClass(`${_ctx.textBg ? "inline-block backdrop-blur-lg backdrop-brightness-65 backdrop-opacity-95 rounded" : ""} p-4 md:items-center`)
               }, [
                 createElementVNode("div", _hoisted_2, [
                   unref(title) ? (openBlock(), createElementBlock("h1", _hoisted_3, toDisplayString(unref(title)), 1)) : createCommentVNode("", true),
@@ -160,7 +160,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 2),
         props.big ? (openBlock(), createElementBlock("div", _hoisted_5, [
           createElementVNode("div", {
-            class: "mx-auto w-12 bg-white dark:text-black rounded-full p-2",
+            class: "mx-auto w-12 rounded-full p-2",
             onClick: clickScroll
           }, [
             createVNode(_sfc_main$2, {

package/dist/components/signages/EpHeader.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpHeader.vue.js","sources":["../../../src/components/signages/EpHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport { mdiCast } from \"@mdi/js\";\nimport { mdiTimerOutline } from \"@mdi/js\";\nimport { mdiChairSchool } from \"@mdi/js\";\nimport { mdiChevronDown } from \"@mdi/js\";\nimport SvgFilter from \"~/components/tools/SvgFilter.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpChip from \"~/components/basics/EpChip.vue\";\nimport type { EpHeaderProps } from \"~/types/signages/EpHeader\";\n\nconst props = withDefaults(defineProps<EpHeaderProps>(), {\n  title: null,\n  icon: null,\n  src: null,\n  big: false,\n  synchrone: false,\n  hideImg: false,\n  duration: null,\n  assessment: null,\n  labels: () => {\n    return {\n      synchrone: \"Synchrone\",\n      formatif: \"Formatif\",\n    };\n  },\n  textBg: true,\n  type: \"imgBg\",\n  titlePosition: \"center\",\n  vAlign: \"items-center\",\n  hAlign: \"justify-center\",\n});\n\nconst bgTextFit = \"w-8/12\"; // ''\n\nconst styles = computed(() => {\n  return ` \n\tflex\n\tflex-col\n\toverflow-hidden \n\tw-full \n\tabsolute\n\t${props.big ? \"min-h-screen\" : \"h-96\"}\n\tbg-cover\n\tbg-center`;\n});\n\nconst bgImg = computed(() => {\n  if (props.src) {\n    return props.src;\n  }\n  return `https://live.staticflickr.com/1757/42677241511_a350206ac2_b.jpg`;\n});\n\nconst emit = defineEmits<{\n  (e: \"clicked\"): void;\n}>();\n\nconst clickScroll = (): void => {\n  emit(\"clicked\");\n};\n\nconst { title, headerImgColor, big } = toRefs(props);\n</script>\n\n<template>\n  <header\n    v-if=\"type === 'imgBg'\"\n    :class=\"`${\n      big ? 'h-screen ' : 'h-96'\n    } items-center overflow-hidden relative `\"\n    ref=\"el\"\n  >\n    <div\n      :class=\"styles\"\n      :style=\"`background-image:url('${bgImg}'); filter:url(#${headerImgColor});`\"\n    />\n\n    <div :class=\"`relative ${big ? 'mb-36' : ''} h-full items-end`\">\n      <div class=\"flex md:justify-end justify-center pt-5\">\n        <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n          labels.synchrone\n        }}</EpChip>\n        <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n          {{ duration }}</EpChip\n        >\n        <EpChip v-if=\"assessment\" :prependIcon=\"mdiChairSchool\" size=\"small\">{{\n          labels.formatif\n        }}</EpChip>\n      </div>\n      <div :class=\"`${vAlign} ${hAlign} flex w-full grow h-96 `\">\n        <div :class=\"`${bgTextFit}`\">\n          <div\n            v-if=\"title || subtitle\"\n            :class=\"`${\n              textBg\n                ? 'inline-block backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded'\n                : ''\n            } p-4 md:items-center`\"\n          >\n            <div class=\"text-center md:text-left\">\n              <h1\n                v-if=\"title\"\n                class=\"text-3xl font-medium text-white sm:text-3xl\"\n              >\n                {{ title }}\n              </h1>\n              <h2\n                v-if=\"subtitle\"\n                class=\"max-w-xl mt-4 text-2xl text-white contrast-50\"\n              >\n                {{ subtitle }}\n              </h2>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"props.big\" class=\"animate-bounce absolute bottom-10 left-1/2\">\n      <div\n        class=\"mx-auto w-12 bg-white dark:text-black rounded-full p-2\"\n        @click=\"clickScroll\"\n      >\n        <EpIcon :iconPath=\"mdiChevronDown\" size=\"32\" />\n      </div>\n    </div>\n    <SvgFilter></SvgFilter>\n  </header>\n\n  <header v-else-if=\"type === 'simple'\">\n    <div class=\"text-center md:text-left mt-16 mb-32\">\n      <h1\n        v-if=\"title\"\n        class=\"text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100\"\n      >\n        {{ title }}\n      </h1>\n      <h2 v-if=\"subtitle\" class=\"w-1/2 mt-4 text-gray-500 dark:text-gray-300\">\n        {{ subtitle }}\n      </h2>\n    </div>\n  </header>\n\n  <header v-else=\"type === 'sideBy'\">\n    <div class=\"flex flex-col-reverse lg:flex-row items-stretch\">\n      <div class=\"basis-1/2 bg-gray-100 dark:bg-base-dark lg:min-h-48 p-4\">\n        <div class=\"flex justify-start pt-0 mb-4\">\n          <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n            labels.synchrone\n          }}</EpChip>\n          <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n            {{ duration }}</EpChip\n          >\n          <EpChip\n            v-if=\"assessment\"\n            :prependIcon=\"mdiChairSchool\"\n            size=\"small\"\n            >{{ labels.formatif }}</EpChip\n          >\n        </div>\n        <div :class=\"`${vAlign} flex h-full pb-8 max-w-3xl`\">\n          <div>\n            <h1\n              v-if=\"title\"\n              class=\"text-4xl sm:text-5xl xl:text-6xl font-bold tracking-tight text-gray-900 dark:text-white\"\n            >\n              {{ title }}\n            </h1>\n            <p\n              v-if=\"subtitle\"\n              class=\"mt-4 text-xl text-gray-600 dark:text-white\"\n            >\n              {{ subtitle }}\n            </p>\n            <div class=\"mt-4\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"basis-1/2\">\n        <img\n          :src=\"bgImg\"\n          alt=\"\"\n          class=\"h-32 lg:h-full size-full object-cover\"\n          :style=\"`filter:url(#${headerImgColor});`\"\n        />\n      </div>\n    </div>\n  </header>\n</template>\n"],"names":["type","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle","synchrone","_createBlock","EpChip","labels","duration","assessment","vAlign","hAlign","subtitle","textBg","_toDisplayString","_openBlock","_createVNode","EpIcon","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"EpHeader.vue.js","sources":["../../../src/components/signages/EpHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport { mdiCast } from \"@mdi/js\";\nimport { mdiTimerOutline } from \"@mdi/js\";\nimport { mdiChairSchool } from \"@mdi/js\";\nimport { mdiChevronDown } from \"@mdi/js\";\nimport SvgFilter from \"~/components/tools/SvgFilter.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpChip from \"~/components/basics/EpChip.vue\";\nimport type { EpHeaderProps } from \"~/types/signages/EpHeader\";\n\nconst props = withDefaults(defineProps<EpHeaderProps>(), {\n  title: null,\n  icon: null,\n  src: null,\n  big: false,\n  synchrone: false,\n  hideImg: false,\n  duration: null,\n  assessment: null,\n  labels: () => {\n    return {\n      synchrone: \"Synchrone\",\n      formatif: \"Formatif\",\n    };\n  },\n  textBg: true,\n  type: \"imgBg\",\n  titlePosition: \"center\",\n  vAlign: \"items-center\",\n  hAlign: \"justify-center\",\n});\n\nconst bgTextFit = \"w-8/12\"; // ''\n\nconst styles = computed(() => {\n  return ` \n\tflex\n\tflex-col\n\toverflow-hidden \n\tw-full \n\tabsolute\n\t${props.big ? \"min-h-screen\" : \"h-96\"}\n\tbg-cover\n\tbg-center`;\n});\n\nconst bgImg = computed(() => {\n  if (props.src) {\n    return props.src;\n  }\n  return `https://live.staticflickr.com/1757/42677241511_a350206ac2_b.jpg`;\n});\n\nconst emit = defineEmits<{\n  (e: \"clicked\"): void;\n}>();\n\nconst clickScroll = (): void => {\n  emit(\"clicked\");\n};\n\nconst { title, headerImgColor, big } = toRefs(props);\n</script>\n\n<template>\n  <header\n    v-if=\"type === 'imgBg'\"\n    :class=\"`${\n      big ? 'h-screen ' : 'h-96'\n    } items-center overflow-hidden relative `\"\n    ref=\"el\"\n  >\n    <div\n      :class=\"styles\"\n      :style=\"`background-image:url('${bgImg}'); filter:url(#${headerImgColor});`\"\n    />\n\n    <div :class=\"`relative ${big ? 'mb-36' : ''} h-full items-end`\">\n      <div class=\"flex md:justify-end justify-center pt-5\">\n        <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n          labels.synchrone\n        }}</EpChip>\n        <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n          {{ duration }}</EpChip\n        >\n        <EpChip v-if=\"assessment\" :prependIcon=\"mdiChairSchool\" size=\"small\">{{\n          labels.formatif\n        }}</EpChip>\n      </div>\n      <div :class=\"`${vAlign} ${hAlign} flex w-full grow h-96 `\">\n        <div :class=\"`${bgTextFit}`\">\n          <div\n            v-if=\"title || subtitle\"\n            :class=\"`${\n              textBg\n                ? 'inline-block backdrop-blur-lg backdrop-brightness-65 backdrop-opacity-95 rounded'\n                : ''\n            } p-4 md:items-center`\"\n          >\n            <div class=\"text-center md:text-left\">\n              <h1\n                v-if=\"title\"\n                class=\"text-3xl font-medium text-white sm:text-3xl\"\n              >\n                {{ title }}\n              </h1>\n              <h2\n                v-if=\"subtitle\"\n                class=\"max-w-xl mt-4 text-2xl text-white\"\n              >\n                {{ subtitle }}\n              </h2>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"props.big\" class=\"animate-bounce absolute bottom-10 left-1/2\">\n      <div\n        class=\"mx-auto w-12 rounded-full p-2\"\n        @click=\"clickScroll\"\n      >\n        <EpIcon :iconPath=\"mdiChevronDown\" size=\"32\" />\n      </div>\n    </div>\n    <SvgFilter></SvgFilter>\n  </header>\n\n  <header v-else-if=\"type === 'simple'\">\n    <div class=\"text-center md:text-left mt-16 mb-32\">\n      <h1\n        v-if=\"title\"\n        class=\"text-4xl font-bold tracking-tight\"\n      >\n        {{ title }}\n      </h1>\n      <h2 v-if=\"subtitle\" class=\"w-1/2 mt-4\">\n        {{ subtitle }}\n      </h2>\n    </div>\n  </header>\n\n  <header v-else=\"type === 'sideBy'\">\n    <div class=\"flex flex-col-reverse lg:flex-row items-stretch\">\n      <div class=\"basis-1/2 bg-surface-2 lg:min-h-48 p-4\">\n        <div class=\"flex justify-start pt-0 mb-4\">\n          <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n            labels.synchrone\n          }}</EpChip>\n          <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n            {{ duration }}</EpChip\n          >\n          <EpChip\n            v-if=\"assessment\"\n            :prependIcon=\"mdiChairSchool\"\n            size=\"small\"\n            >{{ labels.formatif }}</EpChip\n          >\n        </div>\n        <div :class=\"`${vAlign} flex h-full pb-8 max-w-3xl`\">\n          <div>\n            <h1\n              v-if=\"title\"\n              class=\"text-4xl sm:text-5xl xl:text-6xl font-bold tracking-tight text-gray-900 dark:text-white\"\n            >\n              {{ title }}\n            </h1>\n            <p\n              v-if=\"subtitle\"\n              class=\"mt-4 text-xl text-gray-600 dark:text-white\"\n            >\n              {{ subtitle }}\n            </p>\n            <div class=\"mt-4\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"basis-1/2\">\n        <img\n          :src=\"bgImg\"\n          alt=\"\"\n          class=\"h-32 lg:h-full size-full object-cover\"\n          :style=\"`filter:url(#${headerImgColor});`\"\n        />\n      </div>\n    </div>\n  </header>\n</template>\n"],"names":["type","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle","synchrone","_createBlock","EpChip","labels","duration","assessment","vAlign","hAlign","subtitle","textBg","_toDisplayString","_openBlock","_createVNode","EpIcon","_renderSlot"],"mappings":"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"}

package/dist/components/signages/EpQuote.vue.js

@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(_sfc_main$1, {
           density: unref(card) ? "default" : "compact",
           outlined: !unref(card) ? true : false,
-          color: unref(card) ? "primary" : "bg-white"
+          bgcolor: unref(card) ? "primary" : "neutral"
         }, {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_1, [
@@ -62,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 10, _hoisted_3)
               ])) : !unref(hideIcon) ? (openBlock(), createElementBlock("div", _hoisted_4, [
                 createElementVNode("div", {
-                  class: normalizeClass(unref(card) ? "text-white" : "text-base dark:text-white")
+                  class: normalizeClass(unref(card) ? "text-white" : " dark:text-white")
                 }, [
                   createVNode(_sfc_main$2, {
                     size: 60,
@@ -77,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 unref(author) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   createVNode(_sfc_main$3, {
                     size: "border",
-                    color: unref(card) ? "white" : "base"
+                    color: unref(card) ? "white" : "neutral"
                   }, null, 8, ["color"]),
                   createElementVNode("p", {
                     class: normalizeClass(`italic ${styleTextAutor.value}`)
@@ -87,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ]),
           _: 3
-        }, 8, ["density", "outlined", "color"])
+        }, 8, ["density", "outlined", "bgcolor"])
       ], 2);
     };
   }

package/dist/components/signages/EpQuote.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpQuote.vue.js","sources":["../../../src/components/signages/EpQuote.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpCard from \"~/components/basics/EpCard.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiFormatQuoteOpen } from \"@mdi/js\";\nimport type { EpQuoteProps } from \"~/types/signages/EpQuote\";\n\nconst props = withDefaults(defineProps<EpQuoteProps>(), {\n  author: null,\n  img: null,\n  card: false,\n  hideIcon: false,\n});\n\nconst colorText = computed(() => {\n  if (props.card) {\n    return `text-white`;\n  }\n});\n\nconst styleTextAutor = computed(() => {\n  if (props.card) {\n    return `text-white`;\n  }\n  return `text-black dark:text-white`;\n});\n\nconst imageStyle = computed(() => {\n  if (props.card) {\n    return `md:rounded-lg`;\n  }\n  return `md:rounded-l-md`;\n});\n\nconst { author, img, card, hideIcon } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"card ? 'w-4/6 mx-auto' : ''\">\n    <EpCard\n      :density=\"card ? 'default' : 'compact'\"\n      :outlined=\"!card ? true : false\"\n      :color=\"card ? 'primary' : 'bg-white'\"\n    >\n      <div :class=\"`md:flex md:flex-wrap rounded-md`\">\n        <div class=\"w-1/5 mr-6\" v-if=\"img\">\n          <img\n            :class=\"`${imageStyle} md:w-full md:h-full md:object-cover md:rounded-l-md`\"\n            :src=\"img\"\n            alt=\"Image of quote\"\n          />\n        </div>\n        <div\n          class=\"flex items-center justify-center px-7\"\n          v-else-if=\"!hideIcon\"\n        >\n          <div :class=\"card ? 'text-white' : 'text-base dark:text-white'\">\n            <EpIcon :size=\"60\" :icon-path=\"mdiFormatQuoteOpen\" />\n          </div>\n        </div>\n        <div :class=\"`py-6 flex-1 ${colorText} ${hideIcon ? 'px-6' : 'pr-2'}`\">\n          <slot />\n          <template v-if=\"author\">\n            <EpDivider\n              size=\"border\"\n              :color=\"card ? 'white' : 'base'\"\n            ></EpDivider>\n            <p :class=\"`italic ${styleTextAutor}`\">\n              {{ author }}\n            </p>\n          </template>\n        </div>\n      </div>\n    </EpCard>\n  </div>\n</template>\n"],"names":["_createElementBlock","_unref","_createVNode","EpCard","_createElementVNode","_openBlock","EpIcon","_normalizeClass","_renderSlot","_Fragment","EpDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAOd,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,QAAQ,KAAK,MAAM,SAAA,IAAa,OAAO,KAAK;;0BAIlDA,mBAoCM,OAAA;AAAA,QApCA,sBAAOC,MAAA,IAAA,IAAI,kBAAA,EAAA;AAAA,MAAA;QACfC,YAkCSC,aAAA;AAAA,UAjCN,SAASF,MAAA,IAAA,IAAI,YAAA;AAAA,UACb,WAAWA,MAAA,IAAA,IAAI,OAAA;AAAA,UACf,OAAOA,MAAA,IAAA,IAAI,YAAA;AAAA,QAAA;2BAEZ,MA4BM;AAAA,YA5BNG,mBA4BM,OA5BN,YA4BM;AAAA,cA3B0BH,MAAA,GAAA,KAA9BI,aAAAL,mBAMM,OANN,YAMM;AAAA,gBALJI,mBAIE,OAAA;AAAA,kBAHC,yBAAU,WAAA,KAAU,sDAAA;AAAA,kBACpB,KAAKH,MAAA,GAAA;AAAA,kBACN,KAAI;AAAA,gBAAA;qBAKMA,MAAA,QAAA,KAFdI,UAAA,GAAAL,mBAOM,OAPN,YAOM;AAAA,gBAHJI,mBAEM,OAAA;AAAA,kBAFA,sBAAOH,MAAA,IAAA,IAAI,eAAA,2BAAA;AAAA,gBAAA;kBACfC,YAAqDI,aAAA;AAAA,oBAA5C,MAAM;AAAA,oBAAK,aAAWL,MAAA,kBAAA;AAAA,kBAAA;;;cAGnCG,mBAWM,OAAA;AAAA,gBAXA,OAAKG,eAAA,eAAiB,UAAA,KAAS,IAAIN,MAAA,QAAA,IAAQ,SAAA,MAAA,EAAA;AAAA,cAAA;gBAC/CO,WAAQ,KAAA,QAAA,SAAA;AAAA,gBACQP,MAAA,MAAA,kBAAhBD,mBAQWS,UAAA,EAAA,KAAA,KAAA;AAAA,kBAPTP,YAGaQ,aAAA;AAAA,oBAFX,MAAK;AAAA,oBACJ,OAAOT,MAAA,IAAA,IAAI,UAAA;AAAA,kBAAA;kBAEdG,mBAEI,KAAA;AAAA,oBAFA,gCAAiB,eAAA,KAAc,EAAA;AAAA,kBAAA,mBAC9BH,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;"}
+{"version":3,"file":"EpQuote.vue.js","sources":["../../../src/components/signages/EpQuote.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpCard from \"~/components/basics/EpCard.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiFormatQuoteOpen } from \"@mdi/js\";\nimport type { EpQuoteProps } from \"~/types/signages/EpQuote\";\n\nconst props = withDefaults(defineProps<EpQuoteProps>(), {\n  author: null,\n  img: null,\n  card: false,\n  hideIcon: false,\n});\n\nconst colorText = computed(() => {\n  if (props.card) {\n    return `text-white`;\n  }\n});\n\nconst styleTextAutor = computed(() => {\n  if (props.card) {\n    return `text-white`;\n  }\n  return `text-black dark:text-white`;\n});\n\nconst imageStyle = computed(() => {\n  if (props.card) {\n    return `md:rounded-lg`;\n  }\n  return `md:rounded-l-md`;\n});\n\nconst { author, img, card, hideIcon } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"card ? 'w-4/6 mx-auto' : ''\">\n    <EpCard\n      :density=\"card ? 'default' : 'compact'\"\n      :outlined=\"!card ? true : false\"\n      :bgcolor=\"card ? 'primary' : 'neutral'\"\n    >\n      <div :class=\"`md:flex md:flex-wrap rounded-md`\">\n        <div class=\"w-1/5 mr-6\" v-if=\"img\">\n          <img\n            :class=\"`${imageStyle} md:w-full md:h-full md:object-cover md:rounded-l-md`\"\n            :src=\"img\"\n            alt=\"Image of quote\"\n          />\n        </div>\n        <div\n          class=\"flex items-center justify-center px-7\"\n          v-else-if=\"!hideIcon\"\n        >\n          <div :class=\"card ? 'text-white' : ' dark:text-white'\">\n            <EpIcon :size=\"60\" :icon-path=\"mdiFormatQuoteOpen\" />\n          </div>\n        </div>\n        <div :class=\"`py-6 flex-1 ${colorText} ${hideIcon ? 'px-6' : 'pr-2'}`\">\n          <slot />\n          <template v-if=\"author\">\n            <EpDivider\n              size=\"border\"\n              :color=\"card ? 'white' : 'neutral'\"\n            ></EpDivider>\n            <p :class=\"`italic ${styleTextAutor}`\">\n              {{ author }}\n            </p>\n          </template>\n        </div>\n      </div>\n    </EpCard>\n  </div>\n</template>\n"],"names":["_createElementBlock","_unref","_createVNode","EpCard","_createElementVNode","_openBlock","EpIcon","_normalizeClass","_renderSlot","_Fragment","EpDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAOd,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,QAAQ,KAAK,MAAM,SAAA,IAAa,OAAO,KAAK;;0BAIlDA,mBAoCM,OAAA;AAAA,QApCA,sBAAOC,MAAA,IAAA,IAAI,kBAAA,EAAA;AAAA,MAAA;QACfC,YAkCSC,aAAA;AAAA,UAjCN,SAASF,MAAA,IAAA,IAAI,YAAA;AAAA,UACb,WAAWA,MAAA,IAAA,IAAI,OAAA;AAAA,UACf,SAASA,MAAA,IAAA,IAAI,YAAA;AAAA,QAAA;2BAEd,MA4BM;AAAA,YA5BNG,mBA4BM,OA5BN,YA4BM;AAAA,cA3B0BH,MAAA,GAAA,KAA9BI,aAAAL,mBAMM,OANN,YAMM;AAAA,gBALJI,mBAIE,OAAA;AAAA,kBAHC,yBAAU,WAAA,KAAU,sDAAA;AAAA,kBACpB,KAAKH,MAAA,GAAA;AAAA,kBACN,KAAI;AAAA,gBAAA;qBAKMA,MAAA,QAAA,KAFdI,UAAA,GAAAL,mBAOM,OAPN,YAOM;AAAA,gBAHJI,mBAEM,OAAA;AAAA,kBAFA,sBAAOH,MAAA,IAAA,IAAI,eAAA,kBAAA;AAAA,gBAAA;kBACfC,YAAqDI,aAAA;AAAA,oBAA5C,MAAM;AAAA,oBAAK,aAAWL,MAAA,kBAAA;AAAA,kBAAA;;;cAGnCG,mBAWM,OAAA;AAAA,gBAXA,OAAKG,eAAA,eAAiB,UAAA,KAAS,IAAIN,MAAA,QAAA,IAAQ,SAAA,MAAA,EAAA;AAAA,cAAA;gBAC/CO,WAAQ,KAAA,QAAA,SAAA;AAAA,gBACQP,MAAA,MAAA,kBAAhBD,mBAQWS,UAAA,EAAA,KAAA,KAAA;AAAA,kBAPTP,YAGaQ,aAAA;AAAA,oBAFX,MAAK;AAAA,oBACJ,OAAOT,MAAA,IAAA,IAAI,UAAA;AAAA,kBAAA;kBAEdG,mBAEI,KAAA;AAAA,oBAFA,gCAAiB,eAAA,KAAc,EAAA;AAAA,kBAAA,mBAC9BH,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;"}

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

@@ -5,7 +5,6 @@ import _sfc_main$4 from "../basics/EpBtn.vue.js";
 import _sfc_main$3 from "../basics/EpDivider.vue.js";
 import _sfc_main$2 from "./TextMedia.vue2.js";
 const _hoisted_1 = { class: "flex justify-end" };
-const _hoisted_2 = { class: "dark:text-black" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Details",
   props: {
@@ -18,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const showModal = ref(false);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "cursor-pointer rounded bg-primary text-white py-2 px-4 flex flex-col items-center",
+        class: "cursor-pointer rounded ep-bg-primary ep-hover-bg-primary ep-btn-text-primary ep-hover-btn-text-primary py-2 px-4 flex flex-col items-center",
         onClick: _cache[2] || (_cache[2] = ($event) => showModal.value = true)
       }, [
         createVNode(_sfc_main$1, {
@@ -49,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["modelValue", "title"]),
-        createElementVNode("p", _hoisted_2, toDisplayString(_ctx.title), 1)
+        createElementVNode("p", null, toDisplayString(_ctx.title), 1)
       ]);
     };
   }

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

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

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

@@ -1,6 +1,8 @@
 import _sfc_main from "./DisplayBox.vue2.js";
 /* empty css                */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const DisplayBox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4e1d2bd1"]]);
 export {
-  _sfc_main as default
+  DisplayBox as default
 };
 //# sourceMappingURL=DisplayBox.vue.js.map

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

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

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

@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        renderSlot(_ctx.$slots, "default", { open }),
+        renderSlot(_ctx.$slots, "default", { open }, void 0, true),
         createElementVNode("div", {
           ref_key: "menu",
           ref: menu,
@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "menu", {
             isOpen: isOpen.value,
             close
-          })
+          }, void 0, true)
         ], 2)
       ]);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayBox.vue2.js","sources":["../../../src/components/tools/DisplayBox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from \"vue\";\nimport { onClickOutside, useEventListener } from \"@vueuse/core\";\nconst menu = ref();\nconst isOpen = ref();\n\nonClickOutside(menu, (event) => {\n  isOpen.value = false;\n});\nuseEventListener(\"keydown\", (e) => {\n  if (e.key === \"Escape\" && isOpen) isOpen.value = false;\n});\n\nfunction open() {\n  return (isOpen.value = true);\n}\n\nfunction close() {\n  return (isOpen.value = false);\n}\n\nconst classOpen = computed(() => {\n  return isOpen.value ? `w-[32rem]` : `hidden`;\n});\n</script>\n\n<template>\n  <div>\n    <slot :open=\"open\" />\n    <div ref=\"menu\" :class=\"`${classOpen} ep-display-box`\">\n      <slot name=\"menu\" :is-open=\"isOpen\" :close=\"close\" />\n    </div>\n  </div>\n</template>\n\n<style>\n.ep-display-box {\n  z-index: 9999;\n  position: absolute;\n  right: 12rem;\n}\n</style>\n"],"names":["_createElementBlock","_renderSlot","_createElementVNode"],"mappings":";;;;;AAGA,UAAM,OAAO,IAAA;AACb,UAAM,SAAS,IAAA;AAEf,mBAAe,MAAM,CAAC,UAAU;AAC9B,aAAO,QAAQ;AAAA,IACjB,CAAC;AACD,qBAAiB,WAAW,CAAC,MAAM;AACjC,UAAI,EAAE,QAAQ,YAAY,eAAe,QAAQ;AAAA,IACnD,CAAC;AAED,aAAS,OAAO;AACd,aAAQ,OAAO,QAAQ;AAAA,IACzB;AAEA,aAAS,QAAQ;AACf,aAAQ,OAAO,QAAQ;AAAA,IACzB;AAEA,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,OAAO,QAAQ,cAAc;AAAA,IACtC,CAAC;;0BAICA,mBAKM,OAAA,MAAA;AAAA,QAJJC,WAAqB,KAAA,QAAA,WAAA,EAAd,MAAU;AAAA,QACjBC,mBAEM,OAAA;AAAA,mBAFG;AAAA,UAAJ,KAAI;AAAA,UAAQ,yBAAU,UAAA,KAAS,iBAAA;AAAA,QAAA;UAClCD,WAAqD,KAAA,QAAA,QAAA;AAAA,YAAlC,QAAS,OAAA;AAAA,YAAS;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"DisplayBox.vue2.js","sources":["../../../src/components/tools/DisplayBox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from \"vue\";\nimport { onClickOutside, useEventListener } from \"@vueuse/core\";\nconst menu = ref();\nconst isOpen = ref();\n\nonClickOutside(menu, (event) => {\n  isOpen.value = false;\n});\nuseEventListener(\"keydown\", (e) => {\n  if (e.key === \"Escape\" && isOpen) isOpen.value = false;\n});\n\nfunction open() {\n  return (isOpen.value = true);\n}\n\nfunction close() {\n  return (isOpen.value = false);\n}\n\nconst classOpen = computed(() => {\n  return isOpen.value ? `w-[32rem]` : `hidden`;\n});\n</script>\n\n<template>\n  <div>\n    <slot :open=\"open\" />\n    <div ref=\"menu\" :class=\"`${classOpen} ep-display-box`\">\n      <slot name=\"menu\" :is-open=\"isOpen\" :close=\"close\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.ep-display-box {\n  z-index: 9999;\n  position: absolute;\n  right: 12rem;\n}\n</style>\n"],"names":["_createElementBlock","_renderSlot","_createElementVNode"],"mappings":";;;;;AAGA,UAAM,OAAO,IAAA;AACb,UAAM,SAAS,IAAA;AAEf,mBAAe,MAAM,CAAC,UAAU;AAC9B,aAAO,QAAQ;AAAA,IACjB,CAAC;AACD,qBAAiB,WAAW,CAAC,MAAM;AACjC,UAAI,EAAE,QAAQ,YAAY,eAAe,QAAQ;AAAA,IACnD,CAAC;AAED,aAAS,OAAO;AACd,aAAQ,OAAO,QAAQ;AAAA,IACzB;AAEA,aAAS,QAAQ;AACf,aAAQ,OAAO,QAAQ;AAAA,IACzB;AAEA,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,OAAO,QAAQ,cAAc;AAAA,IACtC,CAAC;;0BAICA,mBAKM,OAAA,MAAA;AAAA,QAJJC,WAAqB,KAAA,QAAA,WAAA,EAAd,KAAA,GAAU,QAAA,IAAA;AAAA,QACjBC,mBAEM,OAAA;AAAA,mBAFG;AAAA,UAAJ,KAAI;AAAA,UAAQ,yBAAU,UAAA,KAAS,iBAAA;AAAA,QAAA;UAClCD,WAAqD,KAAA,QAAA,QAAA;AAAA,YAAlC,QAAS,OAAA;AAAA,YAAS;AAAA,UAAA;;;;;;"}

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

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.media) {
         const componentToLoad = useComponent(props.media.type);
         return defineAsyncComponent(
-          () => __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"), "../educationals/EpBranchingScenario.vue": () => import("../educationals/EpBranchingScenario.vue.js"), "../educationals/EpCodeblock.vue": () => import("../educationals/EpCodeblock.vue3.js"), "../educationals/EpConclusion.vue": () => import("../educationals/EpConclusion.vue2.js"), "../educationals/EpDescription.vue": () => import("../educationals/EpDescription.vue2.js"), "../educationals/EpDocument.vue": () => import("../educationals/EpDocument.vue2.js"), "../educationals/EpEdu.vue": () => import("../educationals/EpEdu.vue2.js"), "../educationals/EpInstructions.vue": () => import("../educationals/EpInstructions.vue2.js"), "../educationals/EpIntroduction.vue": () => import("../educationals/EpIntroduction.vue2.js"), "../educationals/EpObjective.vue": () => import("../educationals/EpObjective.vue2.js"), "../educationals/EpReading.vue": () => import("../educationals/EpReading.vue2.js"), "../educationals/EpResource.vue": () => import("../educationals/EpResource.vue2.js"), "../educationals/EpScope.vue": () => import("../educationals/EpScope.vue2.js"), "../educationals/EpSpecificObjective.vue": () => import("../educationals/EpSpecificObjective.vue2.js"), "../forms/EpCheckbox.vue": () => import("../forms/EpCheckbox.vue.js"), "../forms/EpInput.vue": () => import("../forms/EpInput.vue.js"), "../forms/EpRadio.vue": () => import("../forms/EpRadio.vue.js"), "../forms/EpRadioSummative.vue": () => import("../forms/EpRadioSummative.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/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"), "./BgAudio.vue": () => import("./BgAudio.vue.js"), "./Details.vue": () => import("./Details.vue.js"), "./DisplayBox.vue": () => import("./DisplayBox.vue.js"), "./SvgFilter.vue": () => import("./SvgFilter.vue.js"), "./TextMedia.vue": () => import("./TextMedia.vue.js"), "./TimelineItem.vue": () => import("./TimelineItem.vue.js"), "./TwoColsMedia.vue": () => import("./TwoColsMedia.vue.js") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
+          () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../basics/EpAvatar.vue": () => import("../basics/EpAvatar.vue.js"), "../basics/EpBadge.vue": () => import("../basics/EpBadge.vue.js"), "../basics/EpBtn.vue": () => import("../basics/EpBtn.vue2.js"), "../basics/EpCard.vue": () => import("../basics/EpCard.vue2.js"), "../basics/EpChip.vue": () => import("../basics/EpChip.vue2.js"), "../basics/EpDivider.vue": () => import("../basics/EpDivider.vue2.js"), "../basics/EpFlex.vue": () => import("../basics/EpFlex.vue2.js"), "../basics/EpHover.vue": () => import("../basics/EpHover.vue2.js"), "../basics/EpHoverCard.vue": () => import("../basics/EpHoverCard.vue2.js"), "../basics/EpIcon.vue": () => import("../basics/EpIcon.vue2.js"), "../basics/EpImg.vue": () => import("../basics/EpImg.vue2.js"), "../basics/EpImgCarousel.vue": () => import("../basics/EpImgCarousel.vue2.js"), "../basics/EpList.vue": () => import("../basics/EpList.vue.js"), "../basics/EpListItem.vue": () => import("../basics/EpListItem.vue2.js"), "../basics/EpSection.vue": () => import("../basics/EpSection.vue2.js"), "../basics/EpSectionCols.vue": () => import("../basics/EpSectionCols.vue2.js"), "../basics/EpSpinner.vue": () => import("../basics/EpSpinner.vue2.js"), "../basics/EpStackedList.vue": () => import("../basics/EpStackedList.vue2.js"), "../basics/EpTable.vue": () => import("../basics/EpTable.vue2.js"), "../basics/EpText.vue": () => import("../basics/EpText.vue2.js"), "../charts/EpBarChart.vue": () => import("../charts/EpBarChart.vue2.js"), "../charts/EpFunnelChart.vue": () => import("../charts/EpFunnelChart.vue2.js"), "../charts/EpLineChart.vue": () => import("../charts/EpLineChart.vue2.js"), "../charts/EpPieChart.vue": () => import("../charts/EpPieChart.vue2.js"), "../educationals/EpBranchingScenario.vue": () => import("../educationals/EpBranchingScenario.vue.js"), "../educationals/EpCodeblock.vue": () => import("../educationals/EpCodeblock.vue3.js"), "../educationals/EpConclusion.vue": () => import("../educationals/EpConclusion.vue2.js"), "../educationals/EpDescription.vue": () => import("../educationals/EpDescription.vue2.js"), "../educationals/EpDocument.vue": () => import("../educationals/EpDocument.vue2.js"), "../educationals/EpEdu.vue": () => import("../educationals/EpEdu.vue2.js"), "../educationals/EpInstructions.vue": () => import("../educationals/EpInstructions.vue2.js"), "../educationals/EpIntroduction.vue": () => import("../educationals/EpIntroduction.vue2.js"), "../educationals/EpObjective.vue": () => import("../educationals/EpObjective.vue2.js"), "../educationals/EpReading.vue": () => import("../educationals/EpReading.vue2.js"), "../educationals/EpResource.vue": () => import("../educationals/EpResource.vue2.js"), "../educationals/EpScope.vue": () => import("../educationals/EpScope.vue2.js"), "../educationals/EpSpecificObjective.vue": () => import("../educationals/EpSpecificObjective.vue2.js"), "../forms/EpCheckbox.vue": () => import("../forms/EpCheckbox.vue.js"), "../forms/EpInput.vue": () => import("../forms/EpInput.vue.js"), "../forms/EpRadio.vue": () => import("../forms/EpRadio.vue.js"), "../forms/EpRadioSummative.vue": () => import("../forms/EpRadioSummative.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/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"), "./BgAudio.vue": () => import("./BgAudio.vue.js"), "./Details.vue": () => import("./Details.vue.js"), "./DisplayBox.vue": () => import("./DisplayBox.vue.js"), "./SvgFilter.vue": () => import("./SvgFilter.vue.js"), "./TextMedia.vue": () => import("./TextMedia.vue.js"), "./TimelineItem.vue": () => import("./TimelineItem.vue.js"), "./TwoColsMedia.vue": () => import("./TwoColsMedia.vue.js") }), `../${componentToLoad.path}/${componentToLoad.name}.vue`, 3)
         );
       }
       return null;
@@ -41,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           innerHTML: unref(useRenderText)(_ctx.text)
         }, null, 10, _hoisted_1),
         currentRenderComponent.value && _ctx.media ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          (openBlock(), createBlock(resolveDynamicComponent(currentRenderComponent.value), normalizeProps(guardReactiveProps({ ..._ctx.media.data })), null, 16))
+          (openBlock(), createBlock(resolveDynamicComponent(currentRenderComponent.value), normalizeProps(guardReactiveProps({ ..._ctx.media.data, card: true })), null, 16))
         ])) : createCommentVNode("", true)
       ], 2);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"TextMedia.vue2.js","sources":["../../../src/components/tools/TextMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { NestedComponents } from \"~/types/Component\";\n\ninterface Props {\n  media?: NestedComponents;\n  text: string;\n  cols?: boolean;\n  textLeft?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {});\n\nconst currentRenderComponent = computed(() => {\n  if (props.media) {\n    const componentToLoad = useComponent(props.media.type);\n    return defineAsyncComponent(\n      () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n    );\n  }\n  return null;\n});\n\nconst colsStyle = computed(() => {\n  return props.cols ? \"flex items-center justify-center gap-1\" : \"\";\n});\n\nconst alignText = computed(() => {\n  return props.textLeft ? \"\" : \"justify-center\";\n});\n</script>\n\n<template>\n  <div :class=\"colsStyle\">\n    <div :class=\"`w-full flex ${alignText}`\" v-html=\"useRenderText(text)\" />\n    <div class=\"w-full\" v-if=\"currentRenderComponent && media\">\n      <component :is=\"currentRenderComponent\" v-bind=\"{ ...media.data }\" />\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_unref","text","media","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps"],"mappings":"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"}
+{"version":3,"file":"TextMedia.vue2.js","sources":["../../../src/components/tools/TextMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useComponent } from \"~/composables/useComponent\";\nimport type { NestedComponents } from \"~/types/Component\";\n\ninterface Props {\n  media?: NestedComponents;\n  text: string;\n  cols?: boolean;\n  textLeft?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {});\n\nconst currentRenderComponent = computed(() => {\n  if (props.media) {\n    const componentToLoad = useComponent(props.media.type);\n    return defineAsyncComponent(\n      () => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`)\n    );\n  }\n  return null;\n});\n\nconst colsStyle = computed(() => {\n  return props.cols ? \"flex items-center justify-center gap-1\" : \"\";\n});\n\nconst alignText = computed(() => {\n  return props.textLeft ? \"\" : \"justify-center\";\n});\n</script>\n\n<template>\n  <div :class=\"colsStyle\">\n    <div :class=\"`w-full flex ${alignText}`\" v-html=\"useRenderText(text)\" />\n    <div class=\"w-full\" v-if=\"currentRenderComponent && media\">\n      <component :is=\"currentRenderComponent\" v-bind=\"{ ...media.data, card:true }\" />\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","_unref","text","media","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps"],"mappings":"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"}