ep-lib-ts 1.0.68 → 1.0.69

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

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

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

@@ -16,7 +16,7 @@ const _hoisted_5 = {
   class: "text-xs"
 };
 const _hoisted_6 = { class: "mb-4 flex items-center justify-between" };
-const _hoisted_7 = { class: "ep-text-primary font-bold" };
+const _hoisted_7 = { class: "text-primary font-bold" };
 const _hoisted_8 = {
   key: 0,
   class: "text-xs"
@@ -97,7 +97,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("span", {
           onClick: toggleModal,
-          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"
+          class: "cursor-pointer bg-surface-2 dark:bg-surface-2-dark ring-1 ring-primary ring-inset hover:bg-primary text-primary hover:text-white dark:hover:text-black px-2 py-1 m-1 rounded group overflow-hidden relative"
         }, [
           _cache[2] || (_cache[2] = createElementVNode("span", { class: "absolute top-0 left-0 flex w-full h-0 mb-0 transition-all duration-300 ease-out transform translate-y-0 group-hover:h-full opacity-90" }, null, -1)),
           createElementVNode("span", _hoisted_1, [

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 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":"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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 bg-surface-2 dark:bg-surface-2-dark ring-1 ring-primary ring-inset hover:bg-primary text-primary hover:text-white dark:hover:text-black px-2 py-1 m-1 rounded group overflow-hidden relative\"\n  >\n    <span\n      class=\"absolute top-0 left-0 flex w-full h-0 mb-0 transition-all duration-300 ease-out transform translate-y-0 group-hover:h-full opacity-90\"\n    />\n    <span class=\"relative\"\n      >{{ word }}\n      <EpIcon :icon-path=\"mdiBookmarkMultipleOutline\" size=\"18\" />\n    </span>\n  </span>\n\n  <EpModal v-model=\"show\" size=\"compact\">\n    <div class=\"mb-2 flex items-center justify-between\">\n      <div>\n        <h3 class=\"font-bold text-2xl\">\n          {{ term }}\n          <span class=\"text-sm font-light text-error italic\">{{\n            graminfo\n          }}</span>\n        </h3>\n        <h4 class=\"text-xs\" v-if=\"subtitle\">{{ subtitle }}</h4>\n      </div>\n      <div>\n        <EpIcon :icon-path=\"mdiBookmarkMultipleOutline\" />\n      </div>\n    </div>\n    <EpDivider color=\"primary\" margin=\"mb-2\"></EpDivider>\n    <div class=\"mb-4 flex items-center justify-between\">\n      <h3 class=\"text-primary font-bold\">{{ labelDefinition }}</h3>\n      <span class=\"text-xs\" v-if=\"renderDomain\"\n        >{{ labelDomain }} :\n        <span class=\"font-bold\">{{ renderDomain }}</span></span\n      >\n    </div>\n    <!-- <div v-html=\"renderText\"/> -->\n    <div>\n      <slot />\n    </div>\n    <EpImg v-if=\"src\" :src=\"src\"></EpImg>\n\n    <EpDivider v-if=\"renderVariations || renderRelations\"></EpDivider>\n    <div class=\"text-sm mt-2\" v-if=\"renderVariations\">\n      <span class=\"mr-2 font-bold\">{{ labelVariations }} :</span>\n      <span v-for=\"(variation, i) in renderVariations\" :key=\"`variation-${i}`\">\n        {{ variation }}{{ renderVariations.length > i + 1 ? \", \" : \".\" }}\n      </span>\n    </div>\n    <div class=\"text-sm mt-2\" v-if=\"renderRelations\">\n      <span class=\"mr-2 font-bold\">{{ labelRelations }} :</span>\n      <template v-for=\"(relation, i) in renderRelations\" :key=\"`relation-${i}`\">\n        <EpBtn\n          size=\"small\"\n          rounded\n          extra-class=\"mr-2\"\n          @click=\"goto(relation)\"\n          >{{ relation }}</EpBtn\n        >\n      </template>\n    </div>\n    <div class=\"flex justify-end\">\n      <EpBtn type=\"error\" outlined @click=\"show = false\" rounded>{{\n        labelClose\n      }}</EpBtn>\n    </div>\n  </EpModal>\n</template>\n"],"names":["renderVariations","renderRelations","term","_createElementVNode","word","_createVNode","EpIcon","_unref","EpModal","_createTextVNode","_toDisplayString","_createElementBlock","EpDivider","labelDefinition","_openBlock","labelDomain","_renderSlot","_createBlock","EpImg","labelVariations","_Fragment","_renderList","labelRelations","EpBtn","labelClose"],"mappings":"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"}

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

@@ -104,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const id = ref(props.uid || useCreateUid());
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "ep-surface-2",
+        class: "bg-surface-2 dark:bg-surface-2-dark",
         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\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\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  collapse: true,\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 v-if=\"collapse\" class=\"h-min border divide-y\">\n        <EpAccordeon :title=\"term\" :open=\"false\" :outlined=\"true\">\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 v-if=\"relation.length > 0\">\n            <p class=\"text-sm font-medium p-2\">{{ labelRelations }}</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        </EpAccordeon>\n      </div>\n\n      <div v-else class=\"h-min border divide-y\">\n        <h2 class=\"text-xl font-semibold p-2\">{{ term }}</h2>\n\n        <div class=\"flex justify-between\">\n          <div :class=\"sizeGramIngo\">\n            <p class=\"text-sm font-medium p-2\">{{ labelInformation }}</p>\n            <div class=\"px-2 py-1\" v-if=\"content.gramInfo\">\n              {{ content.gramInfo }}\n            </div>\n          </div>\n\n          <div :class=\"sizeDomain\" v-if=\"content.domain\">\n            <p class=\"text-sm font-medium p-2\">{{ labelDomain }}</p>\n            <div class=\"px-2 py-1\">{{ content.domain }}</div>\n          </div>\n\n          <div :class=\"sizeVariations\" v-if=\"variation.length > 0\">\n            <p class=\"text-sm font-medium p-2\">{{ labelVariations }}</p>\n            <div class=\"px-2 py-1\">\n              <span v-for=\"(_variation, i) in variation\" :key=\"`v-${i}`\">\n                {{ _variation }}{{ variation.length > i + 1 ? \", \" : \".\" }}\n              </span>\n            </div>\n          </div>\n        </div>\n\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 v-if=\"relation.length > 0\">\n          <p class=\"text-sm font-medium p-2\">{{ labelRelations }}</p>\n          <div class=\"p-2\">\n            <template v-for=\"(_relation, i) in relation\" :key=\"`relation-${i}`\">\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\n    <div v-else>{{ labelNoDefinition }}</div>\n  </div>\n</template>\n"],"names":["_createElementBlock","term","description","collapse","_openBlock","_createVNode","EpAccordeon","_createElementVNode","_toDisplayString","labelInformation","content","labelDomain","variation","labelVariations","_Fragment","_renderList","_unref","EpImg","cols","relation","labelRelations","labelNoDefinition"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAUd,UAAM,eAAe,SAAS,MAAM;AAClC,UAAI,MAAM,SAAS;AACjB,eAAO,MAAM,QAAQ,UAAU,MAAM,UAAU,SAAS,IACpD,UACA;AAAA,MACN;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,WAAW;AACnB,eAAO,MAAM,UAAU,SAAS,IAAI,UAAU;AAAA,MAChD;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,MAAM,SAAS;AACjB,eAAO,MAAM,QAAQ,SAAS,UAAU;AAAA,MAC1C;AACA,aAAO;AAAA,IACT,CAAC;AAYD,UAAM,SAAS,UAAA;AACf,UAAM,OAAO,CAAC,SAAiB;AAC7B,UAAI,OAAO,SAAS,UAAU,GAAG;AAC/B,eAAO,KAAK,EAAE,MAAM,aAAa,OAAO,EAAE,MAAM,KAAA,GAAQ;AAAA,MAC1D;AAAA,IAGF;AAEA,UAAM,KAAK,IAAI,MAAM,OAAO,cAAc;;0BAIxCA,mBAqHM,OAAA;AAAA,QArHD,OAAM;AAAA,QAAgB,IAAI,GAAA;AAAA,MAAA;QAClBC,KAAAA,QAAQC,KAAAA,4BAAnBF,mBAiHM,OAAA,YAAA;AAAA,UAhHQG,KAAAA,YAAXC,UAAA,GAAAJ,mBA0DK,OA1DL,YA0DK;AAAA,YAzDJK,YAwDcC,MAAA;AAAA,cAxDA,OAAOL,KAAAA;AAAAA,cAAO,MAAM;AAAA,cAAQ,UAAU;AAAA,YAAA;+BAClD,MA0BM;AAAA,gBA1BNM,mBA0BM,OA1BN,YA0BM;AAAA,kBAzBJA,mBAOM,OAAA;AAAA,oBAPA,sBAAO,aAAA,KAAY;AAAA,kBAAA;oBACvBA,mBAEI,KAFJ,YAEIC,gBADCC,KAAAA,gBAAgB,GAAA,CAAA;AAAA,oBAEQC,KAAAA,QAAQ,YAArCN,UAAA,GAAAJ,mBAEM,OAFN,YAEMQ,gBADDE,KAAAA,QAAQ,QAAQ,GAAA,CAAA;;kBAGQA,KAAAA,QAAQ,uBAAvCV,mBAKM,OAAA;AAAA;oBALA,sBAAO,WAAA,KAAU;AAAA,kBAAA;oBACrBO,mBAEI,KAFJ,YAEIC,gBADCG,KAAAA,WAAW,GAAA,CAAA;AAAA,oBAEhBJ,mBAAiD,OAAjD,YAAiDC,gBAAvBE,KAAAA,QAAQ,MAAM,GAAA,CAAA;AAAA,kBAAA;kBAEPE,KAAAA,UAAU,SAAM,kBAAnDZ,mBAUM,OAAA;AAAA;oBAVA,sBAAO,eAAA,KAAc;AAAA,kBAAA;oBACzBO,mBAEI,KAFJ,YAEIC,gBADCK,KAAAA,eAAe,GAAA,CAAA;AAAA,oBAEpBN,mBAKM,OALN,aAKM;AAAA,uBAJJH,UAAA,IAAA,GAAAJ,mBAGCc,UAAA,MAAAC,WAH+BH,KAAAA,WAAS,CAA3B,YAAY,MAAC;4CAA3BZ,mBAGC,QAAA;AAAA,0BAH2C,UAAU,CAAC;AAAA,wBAAA,GACjDQ,gBAAA,UAAU,IAAAA,gBACTI,KAAAA,UAAU,SAAS,IAAC,IAAA,OAAA,GAAA,GAAA,CAAA;AAAA;;;;gBAKhBF,CAAAA,KAAAA,QAAQ,sBACvBV,mBAA6D,OAAA;AAAA;kBAAxD,OAAM;AAAA,kBAAY,WAAQgB,MAAA,aAAA,EAAcd,KAAAA,WAAW;AAAA,gBAAA,6BAGxDE,UAAA,GAAAJ,mBAKM,OALN,aAKM;AAAA,kBAJJO,mBAA6D,OAAA;AAAA,oBAAxD,OAAM;AAAA,oBAAY,WAAQS,MAAA,aAAA,EAAcd,KAAAA,WAAW;AAAA,kBAAA;kBACxDK,mBAEM,OAFN,aAEM;AAAA,oBADJF,YAA2CY,aAAA;AAAA,sBAAnC,KAAKP,KAAAA,QAAQ;AAAA,sBAAQ,MAAMQ,KAAAA;AAAAA,oBAAAA;;;gBAK9BC,KAAAA,SAAS,SAAM,kBAA1BnB,mBAeM,OAAA,aAAA;AAAA,kBAdJO,mBAA2D,KAA3D,aAA2DC,gBAArBY,KAAAA,cAAc,GAAA,CAAA;AAAA,kBACpDb,mBAYM,OAZN,aAYM;AAAA,qBAXJH,UAAA,IAAA,GAAAJ,mBAUWc,UAAA,MAAAC,WATgBI,KAAAA,UAAQ,CAAzB,WAAW,MAAC;0CAGpBnB,mBAKS,UAAA;AAAA,yCAPS,CAAC;AAAA,wBAGjB,OAAM;AAAA,wBACL,SAAK,CAAA,WAAE,KAAK,UAAU,MAAM;AAAA,sBAAA,GAE1BQ,gBAAA,UAAU,IAAI,GAAA,GAAA,WAAA;AAAA;;;;;;iBAQ7BJ,UAAA,GAAAJ,mBAmDM,OAnDN,aAmDM;AAAA,YAlDJO,mBAAqD,MAArD,aAAqDC,gBAAZP,KAAAA,IAAI,GAAA,CAAA;AAAA,YAE7CM,mBAqBM,OArBN,aAqBM;AAAA,cApBJA,mBAKM,OAAA;AAAA,gBALA,sBAAO,aAAA,KAAY;AAAA,cAAA;gBACvBA,mBAA6D,KAA7D,aAA6DC,gBAAvBC,KAAAA,gBAAgB,GAAA,CAAA;AAAA,gBACzBC,KAAAA,QAAQ,YAArCN,UAAA,GAAAJ,mBAEM,OAFN,aAEMQ,gBADDE,KAAAA,QAAQ,QAAQ,GAAA,CAAA;;cAIQA,KAAAA,QAAQ,uBAAvCV,mBAGM,OAAA;AAAA;gBAHA,sBAAO,WAAA,KAAU;AAAA,cAAA;gBACrBO,mBAAwD,KAAxD,aAAwDC,gBAAlBG,KAAAA,WAAW,GAAA,CAAA;AAAA,gBACjDJ,mBAAiD,OAAjD,aAAiDC,gBAAvBE,KAAAA,QAAQ,MAAM,GAAA,CAAA;AAAA,cAAA;cAGPE,KAAAA,UAAU,SAAM,kBAAnDZ,mBAOM,OAAA;AAAA;gBAPA,sBAAO,eAAA,KAAc;AAAA,cAAA;gBACzBO,mBAA4D,KAA5D,aAA4DC,gBAAtBK,KAAAA,eAAe,GAAA,CAAA;AAAA,gBACrDN,mBAIM,OAJN,aAIM;AAAA,mBAHJH,UAAA,IAAA,GAAAJ,mBAEOc,UAAA,MAAAC,WAFyBH,KAAAA,WAAS,CAA3B,YAAY,MAAC;wCAA3BZ,mBAEO,QAAA;AAAA,sBAFqC,UAAU,CAAC;AAAA,oBAAA,GAClDQ,gBAAA,UAAU,IAAAA,gBAAMI,KAAAA,UAAU,SAAS,IAAC,IAAA,OAAA,GAAA,GAAA,CAAA;AAAA;;;;YAM9BF,CAAAA,KAAAA,QAAQ,sBACvBV,mBAA6D,OAAA;AAAA;cAAxD,OAAM;AAAA,cAAY,WAAQgB,MAAA,aAAA,EAAcd,KAAAA,WAAW;AAAA,YAAA,6BAGxDE,UAAA,GAAAJ,mBAKM,OALN,aAKM;AAAA,cAJJO,mBAA6D,OAAA;AAAA,gBAAxD,OAAM;AAAA,gBAAY,WAAQS,MAAA,aAAA,EAAcd,KAAAA,WAAW;AAAA,cAAA;cACxDK,mBAEM,OAFN,aAEM;AAAA,gBADJF,YAA2CY,aAAA;AAAA,kBAAnC,KAAKP,KAAAA,QAAQ;AAAA,kBAAQ,MAAMQ,KAAAA;AAAAA,gBAAAA;;;YAK9BC,KAAAA,SAAS,SAAM,kBAA1BnB,mBAYM,OAAA,aAAA;AAAA,cAXJO,mBAA2D,KAA3D,aAA2DC,gBAArBY,KAAAA,cAAc,GAAA,CAAA;AAAA,cACpDb,mBASM,OATN,aASM;AAAA,iBARJH,UAAA,IAAA,GAAAJ,mBAOWc,UAAA,MAAAC,WAPwBI,KAAAA,UAAQ,CAAzB,WAAW,MAAC;sCAC5BnB,mBAKS,UAAA;AAAA,qCANoD,CAAC;AAAA,oBAE5D,OAAM;AAAA,oBACL,SAAK,CAAA,WAAE,KAAK,UAAU,MAAM;AAAA,kBAAA,GAE1BQ,gBAAA,UAAU,IAAI,GAAA,GAAA,WAAA;AAAA;;;;eAQ7BJ,aAAAJ,mBAAyC,oCAA1BqB,KAAAA,iBAAiB,GAAA,CAAA;AAAA,MAAA;;;;"}
+{"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\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\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  collapse: true,\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=\"bg-surface-2 dark:bg-surface-2-dark\" :id=\"id\">\n    <div v-if=\"term && description\">\n       <div v-if=\"collapse\" class=\"h-min border divide-y\">\n        <EpAccordeon :title=\"term\" :open=\"false\" :outlined=\"true\">\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 v-if=\"relation.length > 0\">\n            <p class=\"text-sm font-medium p-2\">{{ labelRelations }}</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        </EpAccordeon>\n      </div>\n\n      <div v-else class=\"h-min border divide-y\">\n        <h2 class=\"text-xl font-semibold p-2\">{{ term }}</h2>\n\n        <div class=\"flex justify-between\">\n          <div :class=\"sizeGramIngo\">\n            <p class=\"text-sm font-medium p-2\">{{ labelInformation }}</p>\n            <div class=\"px-2 py-1\" v-if=\"content.gramInfo\">\n              {{ content.gramInfo }}\n            </div>\n          </div>\n\n          <div :class=\"sizeDomain\" v-if=\"content.domain\">\n            <p class=\"text-sm font-medium p-2\">{{ labelDomain }}</p>\n            <div class=\"px-2 py-1\">{{ content.domain }}</div>\n          </div>\n\n          <div :class=\"sizeVariations\" v-if=\"variation.length > 0\">\n            <p class=\"text-sm font-medium p-2\">{{ labelVariations }}</p>\n            <div class=\"px-2 py-1\">\n              <span v-for=\"(_variation, i) in variation\" :key=\"`v-${i}`\">\n                {{ _variation }}{{ variation.length > i + 1 ? \", \" : \".\" }}\n              </span>\n            </div>\n          </div>\n        </div>\n\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 v-if=\"relation.length > 0\">\n          <p class=\"text-sm font-medium p-2\">{{ labelRelations }}</p>\n          <div class=\"p-2\">\n            <template v-for=\"(_relation, i) in relation\" :key=\"`relation-${i}`\">\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\n    <div v-else>{{ labelNoDefinition }}</div>\n  </div>\n</template>\n"],"names":["_createElementBlock","term","description","collapse","_openBlock","_createVNode","EpAccordeon","_createElementVNode","_toDisplayString","labelInformation","content","labelDomain","variation","labelVariations","_Fragment","_renderList","_unref","EpImg","cols","relation","labelRelations","labelNoDefinition"],"mappings":"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"}

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

@@ -29,15 +29,15 @@ const _hoisted_9 = {
 };
 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-surface-2 lg:min-h-48 p-4" };
+const _hoisted_12 = { class: "basis-1/2 bg-surface-2 dark:bg-surface-2-dark lg:min-h-48 p-4" };
 const _hoisted_13 = { class: "flex justify-start pt-0 mb-4" };
 const _hoisted_14 = {
   key: 0,
-  class: "text-4xl sm:text-5xl xl:text-6xl font-bold tracking-tight text-gray-900 dark:text-white"
+  class: "text-4xl sm:text-5xl xl:text-6xl font-bold tracking-tight"
 };
 const _hoisted_15 = {
   key: 1,
-  class: "mt-4 text-xl text-gray-600 dark:text-white"
+  class: "mt-4 text-xl"
 };
 const _hoisted_16 = { class: "mt-4" };
 const _hoisted_17 = { class: "basis-1/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-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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"}
+{"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 dark:bg-surface-2-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\"\n            >\n              {{ title }}\n            </h1>\n            <p\n              v-if=\"subtitle\"\n              class=\"mt-4 text-xl\"\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/tools/BgAudio.vue.js

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

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

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

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

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

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

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

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

@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const showModal = ref(false);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        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",
+        class: "cursor-pointer rounded bg-primary text-white dark:text-black py-2 px-4 flex flex-col items-center",
         onClick: _cache[2] || (_cache[2] = ($event) => showModal.value = true)
       }, [
         createVNode(_sfc_main$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 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;;;;"}
+{"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 dark:text-black 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/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.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)
+          () => __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.vue2.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;

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

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./TimelineItem.vue2.js";
 /* empty css                  */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const TimeLineItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7198a990"]]);
+const TimeLineItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-138944a6"]]);
 export {
   TimeLineItem as default
 };

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

@@ -111,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onClick: toggleDivVisibility
       }, [
         createElementVNode("div", {
-          class: normalizeClass(`w-5 h-5 bg-white dark:bg-dark border-2 ${colorEvent.value.border} absolute -left-12 transform -translate-x-2/4 rounded-full z-10 mt-2 md:mt-0`)
+          class: normalizeClass(`w-5 h-5 bg-surface dark:bg-surface-dark border-2 ${colorEvent.value.border} absolute -left-12 transform -translate-x-2/4 rounded-full z-10 mt-2 md:mt-0`)
         }, null, 2),
         createElementVNode("div", {
           class: normalizeClass(`w-10 border ${colorEvent.value.border} absolute -left-10 z-0`)

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

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.vue2.js","sources":["../../../src/components/tools/TimelineItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ref,\n  toRefs,\n  onMounted,\n  computed,\n  watch,\n  nextTick,\n  watchEffect,\n} from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport {\n  type EventTimeLine,\n  type TimeLineDate,\n  colorsTimeLine,\n} from \"~/types/TimeLine\";\n\ninterface Props {\n  title?: string | null;\n  date?: string;\n  event: EventTimeLine;\n  collapse?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: \"En savoir plus\",\n  type: \"base\",\n  collapse: false,\n});\n\nconst ready = ref(false);\nconst first = ref(true);\n\nconst showDiv = ref(false);\n\nconst collapsible = ref<HTMLElement | null>(null);\n\nconst { event } = toRefs(props);\n\nconst updateMaxHeight = async () => {\n  await nextTick();\n  if (collapsible.value) {\n    collapsible.value.style.maxHeight = showDiv.value\n      ? collapsible.value.scrollHeight + \"px\"\n      : \"0px\";\n  }\n};\n\nonMounted(() => {\n  updateMaxHeight();\n});\n\nwatch([() => event.value.text.text, () => props.event.media.url], () => {\n  updateMaxHeight();\n});\n\nfunction toggleDivVisibility() {\n  showDiv.value = !showDiv.value;\n  updateMaxHeight();\n  if (collapsible.value && !collapsible.value.style.transition) {\n    collapsible.value.style.transition = \"max-height 0.2s ease-out\";\n  }\n}\n\n// Make sure the image is loaded before opening the div\nconst epImg = ref<{ imgEl: HTMLImageElement | null } | null>(null);\n\nwatchEffect(() => {\n  const img = epImg.value?.imgEl;\n  if (img) {\n    img.addEventListener(\"load\", () => {\n      ready.value = true;\n    });\n  }\n});\n\nwatchEffect(() => {\n  if (!showDiv.value && first.value && ready.value) {\n    toggleDivVisibility();\n    first.value = false;\n  }\n});\n\nconst start_date = computed(() => {\n  if (props.event.start_date) return parseTimeline(props.event.start_date);\n  return null;\n});\n\nconst end_date = computed(() => {\n  if (props.event.end_date) return parseTimeline(props.event.end_date);\n  return null;\n});\n\nconst src = computed(() => {\n  return props.event.media.url?.trim() ? props.event.media.url : null;\n});\n\nconst colorEvent = computed(() => {\n  if (props.event.tag) return colorsTimeLine[props.event.tag.color];\n  return colorsTimeLine.noTag;\n});\n\nconst parseTimeline = (timeDate: TimeLineDate) => {\n  const { day, month, year, hour } = timeDate;\n  const hoursStr = hour || \"\";\n  const minutesStr = timeDate.minute ? `:${timeDate.minute}` : \"\";\n  if (!day && !month && !year)\n    return hoursStr ? { date: null, hour: hoursStr + minutesStr } : null;\n  const dayStr = day ? `${day}/` : \"\";\n  const monthStr = month ? `${month}/` : \"\";\n  const yearStr = year || \"\";\n  return { date: dayStr + monthStr + yearStr, hour: hoursStr + minutesStr };\n};\n</script>\n\n<template>\n  <div\n    :class=\"`cursor-pointer ml-10 relative flex items-center p-2 ${colorEvent.border} border-2 rounded-r-lg mb-8 flex-col md:flex-row space-y-4 md:space-y-0`\"\n    @click=\"toggleDivVisibility\"\n  >\n    <!-- Dot -->\n    <div\n      :class=\"`w-5 h-5 bg-white dark:bg-dark border-2 ${colorEvent.border} absolute -left-12 transform -translate-x-2/4 rounded-full z-10 mt-2 md:mt-0`\"\n    />\n    <!-- Line  -->\n    <div :class=\"`w-10 border ${colorEvent.border} absolute -left-10 z-0`\" />\n    <div>\n      <div :class=\"`${colorEvent.text} text-sm`\">\n        <!-- sur protheus on est trop laxes ... mais on peut avoir plusieurs cas :/ -->\n        <span v-if=\"start_date?.date\" class=\"font-bold\">{{\n          start_date.date\n        }}</span>\n        <span v-if=\"start_date?.hour\" class=\"text-xs ml-1\">{{\n          start_date.hour\n        }}</span>\n        <span v-if=\"end_date?.date\" class=\"mx-4\">-</span>\n        <span v-if=\"end_date?.date\" class=\"font-bold\">{{ end_date.date }}</span>\n        <span v-if=\"end_date?.hour\" class=\"text-xs ml-1\">\n          {{ end_date.hour }}</span\n        >\n      </div>\n      <h2 :class=\"`text-2xl ${colorEvent.text}`\">\n        {{ event.text?.headline }}\n      </h2>\n      <!-- Content  -->\n      <div ref=\"collapsible\" class=\"ep-content-timeline-item\">\n        <div :class=\"`${src ? 'flex' : ''} py-4`\">\n          <div v-if=\"src\" class=\"flex-1\">\n            <EpImg\n              noModal\n              cols=\"8\"\n              :src=\"src\"\n              :alt=\"event.text?.headline\"\n              ref=\"epImg\"\n            ></EpImg>\n          </div>\n          <div class=\"flex-1\" v-html=\"useRenderText(event.text.text)\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.ep-content-timeline-item {\n  max-height: 0;\n  overflow: hidden;\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_openBlock","_toDisplayString","_unref","_createVNode","EpImg"],"mappings":"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"}
+{"version":3,"file":"TimelineItem.vue2.js","sources":["../../../src/components/tools/TimelineItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ref,\n  toRefs,\n  onMounted,\n  computed,\n  watch,\n  nextTick,\n  watchEffect,\n} from \"vue\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport {\n  type EventTimeLine,\n  type TimeLineDate,\n  colorsTimeLine,\n} from \"~/types/TimeLine\";\n\ninterface Props {\n  title?: string | null;\n  date?: string;\n  event: EventTimeLine;\n  collapse?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: \"En savoir plus\",\n  type: \"base\",\n  collapse: false,\n});\n\nconst ready = ref(false);\nconst first = ref(true);\n\nconst showDiv = ref(false);\n\nconst collapsible = ref<HTMLElement | null>(null);\n\nconst { event } = toRefs(props);\n\nconst updateMaxHeight = async () => {\n  await nextTick();\n  if (collapsible.value) {\n    collapsible.value.style.maxHeight = showDiv.value\n      ? collapsible.value.scrollHeight + \"px\"\n      : \"0px\";\n  }\n};\n\nonMounted(() => {\n  updateMaxHeight();\n});\n\nwatch([() => event.value.text.text, () => props.event.media.url], () => {\n  updateMaxHeight();\n});\n\nfunction toggleDivVisibility() {\n  showDiv.value = !showDiv.value;\n  updateMaxHeight();\n  if (collapsible.value && !collapsible.value.style.transition) {\n    collapsible.value.style.transition = \"max-height 0.2s ease-out\";\n  }\n}\n\n// Make sure the image is loaded before opening the div\nconst epImg = ref<{ imgEl: HTMLImageElement | null } | null>(null);\n\nwatchEffect(() => {\n  const img = epImg.value?.imgEl;\n  if (img) {\n    img.addEventListener(\"load\", () => {\n      ready.value = true;\n    });\n  }\n});\n\nwatchEffect(() => {\n  if (!showDiv.value && first.value && ready.value) {\n    toggleDivVisibility();\n    first.value = false;\n  }\n});\n\nconst start_date = computed(() => {\n  if (props.event.start_date) return parseTimeline(props.event.start_date);\n  return null;\n});\n\nconst end_date = computed(() => {\n  if (props.event.end_date) return parseTimeline(props.event.end_date);\n  return null;\n});\n\nconst src = computed(() => {\n  return props.event.media.url?.trim() ? props.event.media.url : null;\n});\n\nconst colorEvent = computed(() => {\n  if (props.event.tag) return colorsTimeLine[props.event.tag.color];\n  return colorsTimeLine.noTag;\n});\n\nconst parseTimeline = (timeDate: TimeLineDate) => {\n  const { day, month, year, hour } = timeDate;\n  const hoursStr = hour || \"\";\n  const minutesStr = timeDate.minute ? `:${timeDate.minute}` : \"\";\n  if (!day && !month && !year)\n    return hoursStr ? { date: null, hour: hoursStr + minutesStr } : null;\n  const dayStr = day ? `${day}/` : \"\";\n  const monthStr = month ? `${month}/` : \"\";\n  const yearStr = year || \"\";\n  return { date: dayStr + monthStr + yearStr, hour: hoursStr + minutesStr };\n};\n</script>\n\n<template>\n  <div\n    :class=\"`cursor-pointer ml-10 relative flex items-center p-2 ${colorEvent.border} border-2 rounded-r-lg mb-8 flex-col md:flex-row space-y-4 md:space-y-0`\"\n    @click=\"toggleDivVisibility\"\n  >\n    <!-- Dot -->\n    <div\n      :class=\"`w-5 h-5 bg-surface dark:bg-surface-dark border-2 ${colorEvent.border} absolute -left-12 transform -translate-x-2/4 rounded-full z-10 mt-2 md:mt-0`\"\n    />\n    <!-- Line  -->\n    <div :class=\"`w-10 border ${colorEvent.border} absolute -left-10 z-0`\" />\n    <div>\n      <div :class=\"`${colorEvent.text} text-sm`\">\n        <!-- sur protheus on est trop laxes ... mais on peut avoir plusieurs cas :/ -->\n        <span v-if=\"start_date?.date\" class=\"font-bold\">{{\n          start_date.date\n        }}</span>\n        <span v-if=\"start_date?.hour\" class=\"text-xs ml-1\">{{\n          start_date.hour\n        }}</span>\n        <span v-if=\"end_date?.date\" class=\"mx-4\">-</span>\n        <span v-if=\"end_date?.date\" class=\"font-bold\">{{ end_date.date }}</span>\n        <span v-if=\"end_date?.hour\" class=\"text-xs ml-1\">\n          {{ end_date.hour }}</span\n        >\n      </div>\n      <h2 :class=\"`text-2xl ${colorEvent.text}`\">\n        {{ event.text?.headline }}\n      </h2>\n      <!-- Content  -->\n      <div ref=\"collapsible\" class=\"ep-content-timeline-item\">\n        <div :class=\"`${src ? 'flex' : ''} py-4`\">\n          <div v-if=\"src\" class=\"flex-1\">\n            <EpImg\n              noModal\n              cols=\"8\"\n              :src=\"src\"\n              :alt=\"event.text?.headline\"\n              ref=\"epImg\"\n            ></EpImg>\n          </div>\n          <div class=\"flex-1\" v-html=\"useRenderText(event.text.text)\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.ep-content-timeline-item {\n  max-height: 0;\n  overflow: hidden;\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_openBlock","_toDisplayString","_unref","_createVNode","EpImg"],"mappings":"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"}