ep-lib-ts 1.0.58 → 1.0.60

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

@@ -1,68 +1,104 @@
-import { defineComponent as x, computed as t, toRefs as k, createElementBlock as u, createBlock as $, unref as o, openBlock as l, normalizeClass as a, createCommentVNode as d, createElementVNode as c, createVNode as b, toDisplayString as w, renderSlot as f, withCtx as B } from "vue";
-import C from "../basics/EpIcon.vue.js";
-import E from "../interactions/EpAccordeon.vue.js";
-import { typeAlert as A, typeDivider as I } from "../../types/Alert.js";
-import { useIcons as N } from "../../composables/useIcons.js";
-const V = {
+import { defineComponent, computed, toRefs, createElementBlock, createBlock, unref, openBlock, normalizeClass, createCommentVNode, createElementVNode, createVNode, toDisplayString, renderSlot, withCtx } from "vue";
+import _sfc_main$1 from "../basics/EpIcon.vue.js";
+import Comp from "../interactions/EpAccordeon.vue.js";
+import { typeAlert, typeDivider } from "../../types/Alert.js";
+import { useIcons } from "../../composables/useIcons.js";
+const _hoisted_1 = {
   key: 0,
   class: "flex items-center justify-center w-1/12"
-}, j = { class: "container" }, z = {
+};
+const _hoisted_2 = { class: "container" };
+const _hoisted_3 = {
   key: 0,
   class: "text-left text-2xl font-bold"
-}, D = { class: "ep-info-box" }, S = { class: "ep-info-box" }, G = /* @__PURE__ */ x({
+};
+const _hoisted_4 = { class: "ep-info-box" };
+const _hoisted_5 = { class: "ep-info-box" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpAlert",
   props: {
     type: { default: "base" },
     title: { default: null },
     outlined: { type: Boolean },
-    noIcon: { type: Boolean, default: !1 },
+    noIcon: { type: Boolean, default: false },
     compact: { type: Boolean }
   },
-  setup(m) {
-    const e = m, y = t(() => !e.outlined), p = t(() => e.outlined ? "default" : "outlined"), n = t(() => typeof e.type == "object" ? e.type.type : e.type), v = t(() => `${A[n.value]?.[p.value]}`), _ = t(() => `${I[n.value]?.[p.value]}`), r = t(() => {
-      let i = N[n.value].icon;
-      return e.noIcon ? null : i;
-    }), { title: s, compact: h, outlined: g } = k(e);
-    return (i, H) => o(h) ? (l(), $(E, {
-      key: 1,
-      type: n.value,
-      outlined: y.value,
-      icon: r.value,
-      title: o(s)
-    }, {
-      default: B(() => [
-        c("div", S, [
-          f(i.$slots, "default", {}, void 0, !0)
-        ])
-      ]),
-      _: 3
-    }, 8, ["type", "outlined", "icon", "title"])) : (l(), u("div", {
-      key: 0,
-      class: a(`flex p-4 rounded shadow-md m-2 ${v.value}`)
-    }, [
-      r.value ? (l(), u("div", V, [
-        b(C, {
-          size: 40,
-          "icon-path": r.value
-        }, null, 8, ["icon-path"])
-      ])) : d("", !0),
-      c("div", {
-        class: a(`${r.value ? "w-11/12" : "w-full"} flex items-center`)
+  setup(__props) {
+    const props = __props;
+    const outlinedCompact = computed(() => {
+      return !props.outlined;
+    });
+    const isOutlined = computed(() => {
+      if (!props.outlined) {
+        return "outlined";
+      }
+      return "default";
+    });
+    const finalType = computed(() => {
+      if (typeof props.type === "object") {
+        return props.type.type;
+      }
+      return props.type;
+    });
+    const styles = computed(() => {
+      var _a;
+      return `${(_a = typeAlert[finalType.value]) == null ? void 0 : _a[isOutlined.value]}`;
+    });
+    const styleHr = computed(() => {
+      var _a;
+      return `${(_a = typeDivider[finalType.value]) == null ? void 0 : _a[isOutlined.value]}`;
+    });
+    const icon = computed(() => {
+      let icon2 = useIcons[finalType.value].icon;
+      if (props.noIcon) {
+        return null;
+      }
+      return icon2;
+    });
+    const { title, compact } = toRefs(props);
+    return (_ctx, _cache) => {
+      return !unref(compact) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(`flex p-4 rounded shadow-md m-2 ${styles.value}`)
       }, [
-        c("div", j, [
-          o(s) ? (l(), u("h3", z, w(o(s)), 1)) : d("", !0),
-          o(s) ? (l(), u("hr", {
-            key: 1,
-            class: a(`w-full my-3 border ${_.value}`)
-          }, null, 2)) : d("", !0),
-          c("div", D, [
-            f(i.$slots, "default", {}, void 0, !0)
+        icon.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(_sfc_main$1, {
+            size: 40,
+            "icon-path": icon.value
+          }, null, 8, ["icon-path"])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(`${icon.value ? "w-11/12" : "w-full"} flex items-center`)
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            unref(title) ? (openBlock(), createElementBlock("h3", _hoisted_3, toDisplayString(unref(title)), 1)) : createCommentVNode("", true),
+            unref(title) ? (openBlock(), createElementBlock("hr", {
+              key: 1,
+              class: normalizeClass(`w-full my-3 border ${styleHr.value}`)
+            }, null, 2)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_4, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ])
+          ])
+        ], 2)
+      ], 2)) : (openBlock(), createBlock(Comp, {
+        key: 1,
+        type: finalType.value,
+        outlined: outlinedCompact.value,
+        icon: icon.value,
+        title: unref(title)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
-        ])
-      ], 2)
-    ], 2));
+        ]),
+        _: 3
+      }, 8, ["type", "outlined", "icon", "title"]));
+    };
   }
 });
 export {
-  G as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpAlert.vue2.js.map

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

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

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

@@ -1,6 +1,7 @@
-import { defineComponent as s, computed as t, createElementBlock as c, openBlock as d, renderSlot as m, createElementVNode as f, normalizeClass as p, toDisplayString as v } from "vue";
-import { typeBadge as y } from "../../types/Badge.js";
-const g = { class: "group relative w-max" }, V = /* @__PURE__ */ s({
+import { defineComponent, computed, createElementBlock, openBlock, renderSlot, createElementVNode, normalizeClass, toDisplayString } from "vue";
+import { typeBadge } from "../../types/Badge.js";
+const _hoisted_1 = { class: "group relative w-max" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpBadge",
   props: {
     content: {},
@@ -10,23 +11,49 @@ const g = { class: "group relative w-max" }, V = /* @__PURE__ */ s({
     color: { default: "primary" },
     maxValue: { default: 0 }
   },
-  setup(l) {
-    const e = l, n = t(() => e.placement), r = t(() => {
-      if (e.mode == "dot")
+  setup(__props) {
+    const props = __props;
+    const finalType = computed(() => {
+      return props.placement;
+    });
+    const finalContent = computed(() => {
+      if (props.mode == "dot") {
         return "";
-      if (e.visibility == "false")
+      } else if (props.visibility == "false") {
         return "";
-      if (e.content != 0)
-        return e.content > e.maxValue && e.maxValue != 0 ? e.maxValue + "+" : e.content;
-    }), a = t(() => e.visibility == "true" ? e.mode : "hide"), o = t(() => "bg-" + e.color), i = t(() => `${y[n.value]?.[a.value]}`);
-    return (u, _) => (d(), c("div", g, [
-      m(u.$slots, "default"),
-      f("div", {
-        class: p(`${i.value} ${o.value}`)
-      }, v(r.value), 3)
-    ]));
+      } else if (props.content != 0) {
+        if (props.content > props.maxValue && props.maxValue != 0) {
+          return props.maxValue + "+";
+        } else {
+          return props.content;
+        }
+      }
+    });
+    const badgeStyle = computed(() => {
+      if (props.visibility == "true") {
+        return props.mode;
+      } else {
+        return "hide";
+      }
+    });
+    const bgcolor = computed(() => {
+      return "bg-" + props.color;
+    });
+    const finalStyles = computed(() => {
+      var _a;
+      return `${(_a = typeBadge[finalType.value]) == null ? void 0 : _a[badgeStyle.value]}`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default"),
+        createElementVNode("div", {
+          class: normalizeClass(`${finalStyles.value} ${bgcolor.value}`)
+        }, toDisplayString(finalContent.value), 3)
+      ]);
+    };
   }
 });
 export {
-  V as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpBadge.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EpBadge.vue.js","sources":["../../../src/components/signages/EpBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { typeBadge } from \"~/types/Badge\";\nimport { EpBadgeProps } from \"~/types/signages/EpBadge\";\n\n// define parameter and default valule\nconst props = withDefaults(defineProps<EpBadgeProps>(), {\n  mode: \"default\",\n  placement: \"top_right\",\n  visibility: \"true\",\n  color: \"primary\",\n  maxValue: 0,\n});\n\n// const { badgestyle } = toRefs(props)\n\nconst finalType = computed(() => {\n  return props.placement;\n});\n\nconst finalContent = computed(() => {\n  if (props.mode == \"dot\") {\n    return \"\";\n  } else if (props.visibility == \"false\") {\n    return \"\";\n  } else if (props.content != 0) {\n    if (props.content > props.maxValue && props.maxValue != 0) {\n      return props.maxValue + \"+\";\n    } else {\n      return props.content;\n    }\n  }\n});\n\nconst badgeStyle = computed(() => {\n  if (props.visibility == \"true\") {\n    return props.mode;\n  } else {\n    return \"hide\";\n  }\n});\n\nconst bgcolor = computed(() => {\n  return \"bg-\" + props.color;\n});\n\nconst finalStyles = computed(() => {\n  return `${typeBadge[finalType.value]?.[badgeStyle.value]}`;\n});\n</script>\n<template>\n  <div class=\"group relative w-max\">\n    <slot />\n    <div :class=\"`${finalStyles} ${bgcolor}`\">{{ finalContent }}</div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AAUd,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,UAAI,MAAM,QAAQ,OAAO;AACvB,eAAO;AAAA,MACT,WAAW,MAAM,cAAc,SAAS;AACtC,eAAO;AAAA,MACT,WAAW,MAAM,WAAW,GAAG;AAC7B,YAAI,MAAM,UAAU,MAAM,YAAY,MAAM,YAAY,GAAG;AACzD,iBAAO,MAAM,WAAW;AAAA,QAC1B,OAAO;AACL,iBAAO,MAAM;AAAA,QACf;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,cAAc,QAAQ;AAC9B,eAAO,MAAM;AAAA,MACf,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,aAAO,QAAQ,MAAM;AAAA,IACvB,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;;AACjC,aAAO,IAAG,eAAU,UAAU,KAAK,MAAzB,mBAA6B,WAAW,MAAM;AAAA,IAC1D,CAAC;;AAGC,aAAAA,UAAA,GAAAC,mBAGM,OAHN,YAGM;AAAA,QAFJC,WAAQ,KAAA,QAAA,SAAA;AAAA,QACRC,mBAAkE,OAAA;AAAA,UAA5D,OAAKC,eAAA,GAAK,YAAA,KAAW,IAAI,QAAA,KAAO,EAAA;AAAA,QAAA,mBAAO,aAAA,KAAY,GAAA,CAAA;AAAA,MAAA;;;;"}

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

@@ -1,4 +1,5 @@
-import f from "./EpBadge.vue.js";
+import _sfc_main from "./EpBadge.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpBadge.vue2.js.map

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

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

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

@@ -1,30 +1,49 @@
-import { defineComponent as z, computed as y, toRefs as S, createElementBlock as i, openBlock as l, normalizeClass as a, unref as t, createElementVNode as s, createCommentVNode as o, createVNode as b, normalizeStyle as k, createBlock as d, withCtx as c, createTextVNode as u, toDisplayString as r, renderSlot as j } from "vue";
-import { mdiCast as v, mdiTimerOutline as _, mdiChairSchool as x, mdiChevronDown as A } from "@mdi/js";
-import N from "../tools/SvgFilter.vue.js";
-import T from "../basics/EpIcon.vue.js";
-import m from "../basics/EpChip.vue.js";
-const V = { class: "flex md:justify-end justify-center pt-5" }, E = { class: "text-center md:text-left" }, F = {
+import { defineComponent, computed, toRefs, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createVNode, normalizeStyle, createBlock, withCtx, createTextVNode, toDisplayString, renderSlot } from "vue";
+import { mdiCast, mdiTimerOutline, mdiChairSchool, mdiChevronDown } from "@mdi/js";
+import SvgFilter from "../tools/SvgFilter.vue.js";
+import _sfc_main$2 from "../basics/EpIcon.vue.js";
+import _sfc_main$1 from "../basics/EpChip.vue.js";
+const _hoisted_1 = { class: "flex md:justify-end justify-center pt-5" };
+const _hoisted_2 = { class: "text-center md:text-left" };
+const _hoisted_3 = {
   key: 0,
   class: "text-3xl font-medium text-white sm:text-3xl"
-}, P = {
+};
+const _hoisted_4 = {
   key: 1,
   class: "max-w-xl mt-4 text-2xl text-white contrast-50"
-}, D = {
+};
+const _hoisted_5 = {
   key: 0,
   class: "animate-bounce absolute bottom-10 left-1/2"
-}, H = { key: 1 }, O = { class: "text-center md:text-left mt-16 mb-32" }, R = {
+};
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = { class: "text-center md:text-left mt-16 mb-32" };
+const _hoisted_8 = {
   key: 0,
   class: "text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100"
-}, q = {
+};
+const _hoisted_9 = {
   key: 1,
   class: "w-1/2 mt-4 text-gray-500 dark:text-gray-300"
-}, G = { key: 2 }, J = { class: "flex flex-col-reverse lg:flex-row items-stretch" }, K = { class: "basis-1/2 bg-gray-100 dark:bg-base-dark lg:min-h-48 p-4" }, L = { class: "flex justify-start pt-0 mb-4" }, M = {
+};
+const _hoisted_10 = { key: 2 };
+const _hoisted_11 = { class: "flex flex-col-reverse lg:flex-row items-stretch" };
+const _hoisted_12 = { class: "basis-1/2 bg-gray-100 dark:bg-base-dark lg:min-h-48 p-4" };
+const _hoisted_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"
-}, Q = {
+};
+const _hoisted_15 = {
   key: 1,
   class: "mt-4 text-xl text-gray-600 dark:text-white"
-}, U = { class: "mt-4" }, W = { class: "basis-1/2" }, X = ["src"], Y = "w-8/12", re = /* @__PURE__ */ z({
+};
+const _hoisted_16 = { class: "mt-4" };
+const _hoisted_17 = { class: "basis-1/2" };
+const _hoisted_18 = ["src"];
+const bgTextFit = "w-8/12";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpHeader",
   props: {
     title: { default: null },
@@ -32,174 +51,191 @@ const V = { class: "flex md:justify-end justify-center pt-5" }, E = { class: "te
     icon: { default: null },
     courseCode: {},
     courseTitle: {},
-    big: { type: [Boolean, null], default: !1 },
+    big: { type: [Boolean, null], default: false },
     src: { default: null },
-    synchrone: { type: Boolean, default: !1 },
-    hideImg: { type: Boolean, default: !1 },
+    synchrone: { type: Boolean, default: false },
+    hideImg: { type: Boolean, default: false },
     duration: { default: null },
     assessment: { default: null },
     headerImgColor: {},
-    labels: { default: () => ({
-      synchrone: "Synchrone",
-      formatif: "Formatif"
-    }) },
-    textBg: { type: Boolean, default: !0 },
+    labels: { default: () => {
+      return {
+        synchrone: "Synchrone",
+        formatif: "Formatif"
+      };
+    } },
+    textBg: { type: Boolean, default: true },
     type: { default: "imgBg" },
     titlePosition: { default: "center" },
     vAlign: { default: "items-center" },
     hAlign: { default: "justify-center" }
   },
   emits: ["clicked"],
-  setup(w, { emit: I }) {
-    const f = w, $ = y(() => ` 
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const styles = computed(() => {
+      return ` 
 	flex
 	flex-col
 	overflow-hidden 
 	w-full 
 	absolute
-	${f.big ? "min-h-screen" : "h-96"}
+	${props.big ? "min-h-screen" : "h-96"}
 	bg-cover
-	bg-center`), h = y(() => f.src ? f.src : "https://live.staticflickr.com/1757/42677241511_a350206ac2_b.jpg"), B = I, C = () => {
-      B("clicked");
-    }, { title: n, headerImgColor: p, big: g } = S(f);
-    return (e, Z) => e.type === "imgBg" ? (l(), i("header", {
-      key: 0,
-      class: a(`${t(g) ? "h-screen " : "h-96"} items-center overflow-hidden relative `),
-      ref: "el"
-    }, [
-      s("div", {
-        class: a($.value),
-        style: k(`background-image:url('${h.value}'); filter:url(#${t(p)});`)
-      }, null, 6),
-      s("div", {
-        class: a(`relative ${t(g) ? "mb-36" : ""} h-full items-end`)
+	bg-center`;
+    });
+    const bgImg = computed(() => {
+      if (props.src) {
+        return props.src;
+      }
+      return `https://live.staticflickr.com/1757/42677241511_a350206ac2_b.jpg`;
+    });
+    const emit = __emit;
+    const clickScroll = () => {
+      emit("clicked");
+    };
+    const { title, headerImgColor, big } = toRefs(props);
+    return (_ctx, _cache) => {
+      return _ctx.type === "imgBg" ? (openBlock(), createElementBlock("header", {
+        key: 0,
+        class: normalizeClass(`${unref(big) ? "h-screen " : "h-96"} items-center overflow-hidden relative `),
+        ref: "el"
       }, [
-        s("div", V, [
-          e.synchrone ? (l(), d(m, {
-            key: 0,
-            prependIcon: t(v),
-            size: "small"
-          }, {
-            default: c(() => [
-              u(r(e.labels.synchrone), 1)
-            ]),
-            _: 1
-          }, 8, ["prependIcon"])) : o("", !0),
-          e.duration ? (l(), d(m, {
-            key: 1,
-            prependIcon: t(_),
-            size: "small"
-          }, {
-            default: c(() => [
-              u(r(e.duration), 1)
-            ]),
-            _: 1
-          }, 8, ["prependIcon"])) : o("", !0),
-          e.assessment ? (l(), d(m, {
-            key: 2,
-            prependIcon: t(x),
-            size: "small"
-          }, {
-            default: c(() => [
-              u(r(e.labels.formatif), 1)
-            ]),
-            _: 1
-          }, 8, ["prependIcon"])) : o("", !0)
-        ]),
-        s("div", {
-          class: a(`${e.vAlign} ${e.hAlign} flex w-full grow h-96 `)
+        createElementVNode("div", {
+          class: normalizeClass(styles.value),
+          style: normalizeStyle(`background-image:url('${bgImg.value}'); filter:url(#${unref(headerImgColor)});`)
+        }, null, 6),
+        createElementVNode("div", {
+          class: normalizeClass(`relative ${unref(big) ? "mb-36" : ""} h-full items-end`)
         }, [
-          s("div", {
-            class: a(`${Y}`)
-          }, [
-            t(n) || e.subtitle ? (l(), i("div", {
+          createElementVNode("div", _hoisted_1, [
+            _ctx.synchrone ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
-              class: a(`${e.textBg ? "inline-block backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded" : ""} p-4 md:items-center`)
-            }, [
-              s("div", E, [
-                t(n) ? (l(), i("h1", F, r(t(n)), 1)) : o("", !0),
-                e.subtitle ? (l(), i("h2", P, r(e.subtitle), 1)) : o("", !0)
-              ])
-            ], 2)) : o("", !0)
-          ], 2)
-        ], 2)
-      ], 2),
-      f.big ? (l(), i("div", D, [
-        s("div", {
-          class: "mx-auto w-12 bg-white dark:text-black rounded-full p-2",
-          onClick: C
-        }, [
-          b(T, {
-            iconPath: t(A),
-            size: "32"
-          }, null, 8, ["iconPath"])
-        ])
-      ])) : o("", !0),
-      b(N)
-    ], 2)) : e.type === "simple" ? (l(), i("header", H, [
-      s("div", O, [
-        t(n) ? (l(), i("h1", R, r(t(n)), 1)) : o("", !0),
-        e.subtitle ? (l(), i("h2", q, r(e.subtitle), 1)) : o("", !0)
-      ])
-    ])) : (l(), i("header", G, [
-      s("div", J, [
-        s("div", K, [
-          s("div", L, [
-            e.synchrone ? (l(), d(m, {
-              key: 0,
-              prependIcon: t(v),
+              prependIcon: unref(mdiCast),
               size: "small"
             }, {
-              default: c(() => [
-                u(r(e.labels.synchrone), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.labels.synchrone), 1)
               ]),
               _: 1
-            }, 8, ["prependIcon"])) : o("", !0),
-            e.duration ? (l(), d(m, {
+            }, 8, ["prependIcon"])) : createCommentVNode("", true),
+            _ctx.duration ? (openBlock(), createBlock(_sfc_main$1, {
               key: 1,
-              prependIcon: t(_),
+              prependIcon: unref(mdiTimerOutline),
               size: "small"
             }, {
-              default: c(() => [
-                u(r(e.duration), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.duration), 1)
               ]),
               _: 1
-            }, 8, ["prependIcon"])) : o("", !0),
-            e.assessment ? (l(), d(m, {
+            }, 8, ["prependIcon"])) : createCommentVNode("", true),
+            _ctx.assessment ? (openBlock(), createBlock(_sfc_main$1, {
               key: 2,
-              prependIcon: t(x),
+              prependIcon: unref(mdiChairSchool),
               size: "small"
             }, {
-              default: c(() => [
-                u(r(e.labels.formatif), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.labels.formatif), 1)
               ]),
               _: 1
-            }, 8, ["prependIcon"])) : o("", !0)
+            }, 8, ["prependIcon"])) : createCommentVNode("", true)
           ]),
-          s("div", {
-            class: a(`${e.vAlign} flex h-full pb-8 max-w-3xl`)
+          createElementVNode("div", {
+            class: normalizeClass(`${_ctx.vAlign} ${_ctx.hAlign} flex w-full grow h-96 `)
           }, [
-            s("div", null, [
-              t(n) ? (l(), i("h1", M, r(t(n)), 1)) : o("", !0),
-              e.subtitle ? (l(), i("p", Q, r(e.subtitle), 1)) : o("", !0),
-              s("div", U, [
-                j(e.$slots, "default")
-              ])
-            ])
+            createElementVNode("div", {
+              class: normalizeClass(`${bgTextFit}`)
+            }, [
+              unref(title) || _ctx.subtitle ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(`${_ctx.textBg ? "inline-block backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded" : ""} p-4 md:items-center`)
+              }, [
+                createElementVNode("div", _hoisted_2, [
+                  unref(title) ? (openBlock(), createElementBlock("h1", _hoisted_3, toDisplayString(unref(title)), 1)) : createCommentVNode("", true),
+                  _ctx.subtitle ? (openBlock(), createElementBlock("h2", _hoisted_4, toDisplayString(_ctx.subtitle), 1)) : createCommentVNode("", true)
+                ])
+              ], 2)) : createCommentVNode("", true)
+            ], 2)
           ], 2)
-        ]),
-        s("div", W, [
-          s("img", {
-            src: h.value,
-            alt: "",
-            class: "h-32 lg:h-full size-full object-cover",
-            style: k(`filter:url(#${t(p)});`)
-          }, null, 12, X)
+        ], 2),
+        props.big ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createElementVNode("div", {
+            class: "mx-auto w-12 bg-white dark:text-black rounded-full p-2",
+            onClick: clickScroll
+          }, [
+            createVNode(_sfc_main$2, {
+              iconPath: unref(mdiChevronDown),
+              size: "32"
+            }, null, 8, ["iconPath"])
+          ])
+        ])) : createCommentVNode("", true),
+        createVNode(SvgFilter)
+      ], 2)) : _ctx.type === "simple" ? (openBlock(), createElementBlock("header", _hoisted_6, [
+        createElementVNode("div", _hoisted_7, [
+          unref(title) ? (openBlock(), createElementBlock("h1", _hoisted_8, toDisplayString(unref(title)), 1)) : createCommentVNode("", true),
+          _ctx.subtitle ? (openBlock(), createElementBlock("h2", _hoisted_9, toDisplayString(_ctx.subtitle), 1)) : createCommentVNode("", true)
+        ])
+      ])) : (openBlock(), createElementBlock("header", _hoisted_10, [
+        createElementVNode("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_12, [
+            createElementVNode("div", _hoisted_13, [
+              _ctx.synchrone ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                prependIcon: unref(mdiCast),
+                size: "small"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.labels.synchrone), 1)
+                ]),
+                _: 1
+              }, 8, ["prependIcon"])) : createCommentVNode("", true),
+              _ctx.duration ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 1,
+                prependIcon: unref(mdiTimerOutline),
+                size: "small"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.duration), 1)
+                ]),
+                _: 1
+              }, 8, ["prependIcon"])) : createCommentVNode("", true),
+              _ctx.assessment ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 2,
+                prependIcon: unref(mdiChairSchool),
+                size: "small"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.labels.formatif), 1)
+                ]),
+                _: 1
+              }, 8, ["prependIcon"])) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", {
+              class: normalizeClass(`${_ctx.vAlign} flex h-full pb-8 max-w-3xl`)
+            }, [
+              createElementVNode("div", null, [
+                unref(title) ? (openBlock(), createElementBlock("h1", _hoisted_14, toDisplayString(unref(title)), 1)) : createCommentVNode("", true),
+                _ctx.subtitle ? (openBlock(), createElementBlock("p", _hoisted_15, toDisplayString(_ctx.subtitle), 1)) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_16, [
+                  renderSlot(_ctx.$slots, "default")
+                ])
+              ])
+            ], 2)
+          ]),
+          createElementVNode("div", _hoisted_17, [
+            createElementVNode("img", {
+              src: bgImg.value,
+              alt: "",
+              class: "h-32 lg:h-full size-full object-cover",
+              style: normalizeStyle(`filter:url(#${unref(headerImgColor)});`)
+            }, null, 12, _hoisted_18)
+          ])
         ])
-      ])
-    ]));
+      ]));
+    };
   }
 });
 export {
-  re as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpHeader.vue.js.map