ep-lib-ts 1.0.25 → 1.0.26

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ep-lib-ts",
   "private": false,
-  "version": "1.0.25",
+  "version": "1.0.26",
   "files": [
     "dist",
     "src/components/"

package/src/components/signages/EpHeader.vue

@@ -5,7 +5,7 @@ import { mdiCast } from "@mdi/js";
 import { mdiTimerOutline } from "@mdi/js";
 import { mdiChairSchool } from "@mdi/js";
 import { mdiChevronDown } from "@mdi/js";
-import SvgFilter from '../tools/SvgFilter.vue'
+import SvgFilter from "../tools/SvgFilter.vue";
 import EpIcon from "../basics/EpIcon.vue";
 import EpChip from "../basics/EpChip.vue";
 
@@ -19,13 +19,14 @@ interface Props {
   big?: boolean | null;
   src?: string | null;
   synchrone?: boolean;
+  hasImg?: boolean;
   duration?: string | null;
   assessment?: string | null;
-  headerImgColor?:string | null;
-  labels?:{
-    synchrone?: string;   
-    formatif?: string;   
-  }
+  headerImgColor?: string | null;
+  labels?: {
+    synchrone?: string;
+    formatif?: string;
+  };
 }
 
 // type, taxonomyLevel, courseCode, courseTitle, title, subtitle, height, src, color, synchrone
@@ -37,17 +38,17 @@ const props = withDefaults(defineProps<Props>(), {
   src: null,
   big: false,
   synchrone: false,
+  hasImg: true,
   duration: null,
   assessment: null,
-  labels:()=>{
+  labels: () => {
     return {
-        synchrone:"Synchrone",
-        formatif:"Formatif"
-      }
-    }
+      synchrone: "Synchrone",
+      formatif: "Formatif",
+    };
+  },
 });
 
-
 const colorText = computed(() => {
   return props.color;
 });
@@ -72,51 +73,72 @@ const bgImg = computed(() => {
 });
 
 const emit = defineEmits<{
-  (e:"clicked"):void
-}>()
+  (e: "clicked"): void;
+}>();
 
-
-const clickScroll = ():void => {
-      emit('clicked')
-}
+const clickScroll = (): void => {
+  emit("clicked");
+};
 
 const { title, headerImgColor, big } = toRefs(props);
 </script>
 
 <template>
-  <section :class="`${big?'h-screen ':''}items-center overflow-hidden relative `" ref="el">
-    <div :class="styles" :style="`background-image:url('${bgImg}'); filter:url(#${headerImgColor});`"></div>
-    
-      <div :class="`relative ${big?'mb-36':''} h-full items-end`">
-        <div class="flex md:justify-end justify-center pt-5">
-          <EpChip v-if="synchrone" :prependIcon="mdiCast">{{labels.synchrone}}</EpChip>
-          <EpChip v-if="duration"  :prependIcon="mdiTimerOutline"> {{ duration }}</EpChip>
-          <EpChip v-if="assessment" :prependIcon="mdiChairSchool">{{labels.formatif}}</EpChip>
-        </div>
-        <div class="flex w-full py-24 grow flex h-full items-center">
-          <div class="mx-auto w-8/12">
-            <div v-if="title || subtitle"
-              class="p-4 md:items-center backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded"
-            >
-              <div class="text-center md:text-left">
-                  <h1 v-if="title" class="text-xl font-medium text-white sm:text-3xl">
-                    {{ title }}
-                  </h1>
-                  <h2 v-if="subtitle" class="max-w-xl mt-4 text-xl text-white contrast-50">
-                    {{ subtitle }}
-                  </h2>
-              </div>
+  <header
+    v-if="hasImg"
+    :class="`${big ? 'h-screen ' : ''}items-center overflow-hidden relative `"
+    ref="el"
+  >
+    <div
+      :class="styles"
+      :style="`background-image:url('${bgImg}'); filter:url(#${headerImgColor});`"
+    ></div>
+
+    <div :class="`relative ${big ? 'mb-36' : ''} h-full items-end`">
+      <div class="flex md:justify-end justify-center pt-5">
+        <EpChip v-if="synchrone" :prependIcon="mdiCast">{{ labels.synchrone }}</EpChip>
+        <EpChip v-if="duration" :prependIcon="mdiTimerOutline"> {{ duration }}</EpChip>
+        <EpChip v-if="assessment" :prependIcon="mdiChairSchool">{{
+          labels.formatif
+        }}</EpChip>
+      </div>
+      <div class="flex w-full py-24 grow flex h-full items-center">
+        <div class="mx-auto w-8/12">
+          <div
+            v-if="title || subtitle"
+            class="p-4 md:items-center backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded"
+          >
+            <div class="text-center md:text-left">
+              <h1 v-if="title" class="text-xl font-medium text-white sm:text-3xl">
+                {{ title }}
+              </h1>
+              <h2 v-if="subtitle" class="max-w-xl mt-4 text-xl text-white contrast-50">
+                {{ subtitle }}
+              </h2>
             </div>
           </div>
         </div>
       </div>
+    </div>
 
-      <div v-if="props.big" class="animate-bounce absolute bottom-10 left-1/2">
-        <div class="mx-auto w-12 bg-white dark:text-black rounded-full p-2" @click="clickScroll">
-          <EpIcon :iconPath="mdiChevronDown" size="32"></EpIcon>
-        </div>
+    <div v-if="props.big" class="animate-bounce absolute bottom-10 left-1/2">
+      <div
+        class="mx-auto w-12 bg-white dark:text-black rounded-full p-2"
+        @click="clickScroll"
+      >
+        <EpIcon :iconPath="mdiChevronDown" size="32"></EpIcon>
       </div>
+    </div>
     <SvgFilter></SvgFilter>
-  </section>
-
+  </header>
+  <header v-else>
+    <div class="text-center md:text-left mt-16 mb-32">
+      <h1 v-if="title" class="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100">
+        {{ title }}
+      </h1>
+      <h2 v-if="subtitle" class="w-1/2 mt-4 text-gray-500 dark:text-gray-300">
+        {{ subtitle }}
+      </h2>
+    </div>
+  </header>
 </template>

package/dist/BgAudio-C21gFmz8.js

@@ -1,4 +0,0 @@
-import { Y as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/DisplayBox-DBh7Hhph.js

@@ -1,4 +0,0 @@
-import { Z as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpAlert-D-zMyvRE.js

@@ -1,4 +0,0 @@
-import { U as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpAudio-BtIwqGml.js

@@ -1,4 +0,0 @@
-import { K as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpBadge-B2awUIcq.js

@@ -1,4 +0,0 @@
-import { c as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpBarChart-DdtGHQRl.js

@@ -1,4 +0,0 @@
-import { o } from "./index-BwSapiyo.js";
-export {
-  o as default
-};

package/dist/EpBtn-B19o0gbu.js

@@ -1,4 +0,0 @@
-import { d as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpCard-CWUId8IW.js

@@ -1,4 +0,0 @@
-import { e } from "./index-BwSapiyo.js";
-export {
-  e as default
-};

package/dist/EpChip-mm1-4B2m.js

@@ -1,4 +0,0 @@
-import { f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpConclusion-BPOft6az.js

@@ -1,4 +0,0 @@
-import { s } from "./index-BwSapiyo.js";
-export {
-  s as default
-};

package/dist/EpContentSlider-pA8yf2jT.js

@@ -1,4 +0,0 @@
-import { F as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpDescription-Ba-790o4.js

@@ -1,4 +0,0 @@
-import { t } from "./index-BwSapiyo.js";
-export {
-  t as default
-};

package/dist/EpDivider-CQ0RM-Mt.js

@@ -1,4 +0,0 @@
-import { g as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpEdu-J91AnZD4.js

@@ -1,4 +0,0 @@
-import { v as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpFlex-Cr46qON0.js

@@ -1,4 +0,0 @@
-import { h as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpFunnelChart-DRbfA526.js

@@ -1,4 +0,0 @@
-import { p as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpHeader-CeZqdY8n.js

@@ -1,4 +0,0 @@
-import { V as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpIcon-CBgBujCm.js

@@ -1,4 +0,0 @@
-import { i as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpIframe-RCjTDoKV.js

@@ -1,4 +0,0 @@
-import { L as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpImg-dH243otk.js

@@ -1,4 +0,0 @@
-import { j as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpInstructions-D-65EQz0.js

@@ -1,4 +0,0 @@
-import { w as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpIntroduction-CgsiV1Mm.js

@@ -1,4 +0,0 @@
-import { x as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpLineChart-C9j9T9ly.js

@@ -1,4 +0,0 @@
-import { q as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpLink-rWrvqG9B.js

@@ -1,4 +0,0 @@
-import { M as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpLinkVersion-DkQLQvVB.js

@@ -1,4 +0,0 @@
-import { N as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpModal-DRHJ2bt2.js

@@ -1,4 +0,0 @@
-import { H as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpObjective-BFGu3uDN.js

@@ -1,4 +0,0 @@
-import { y as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpPieChart-CRGfKivL.js

@@ -1,4 +0,0 @@
-import { r } from "./index-BwSapiyo.js";
-export {
-  r as default
-};

package/dist/EpQuestion-sZMfnLJ-.js

@@ -1,4 +0,0 @@
-import { I as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpQuote-CUH6udWz.js

@@ -1,4 +0,0 @@
-import { W as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpRadio-CBTg9VeC.js

@@ -1,4 +0,0 @@
-import { D as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpRadioSummative-BsSUhpZ7.js

@@ -1,4 +0,0 @@
-import { E as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpReading-DI8CZ2ZT.js

@@ -1,4 +0,0 @@
-import { b as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpResource-lrazza8e.js

@@ -1,4 +0,0 @@
-import { z as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpScope-BmbljNMA.js

@@ -1,4 +0,0 @@
-import { A as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpSection-DkQWAzym.js

@@ -1,4 +0,0 @@
-import { k as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpSkeleton-DlqLcdZG.js

@@ -1,4 +0,0 @@
-import { X as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpSoftware-BohS7y_l.js

@@ -1,4 +0,0 @@
-import { O as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpSpecificObjective-B6NBJkNv.js

@@ -1,4 +0,0 @@
-import { B as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpSpinner-BqvIFAVk.js

@@ -1,4 +0,0 @@
-import { l as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpSummativeTable-CdKSNbD1.js

@@ -1,4 +0,0 @@
-import { J as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpSvg-BaqIbued.js

@@ -1,4 +0,0 @@
-import { P as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpTable-CAk0M_e2.js

@@ -1,4 +0,0 @@
-import { m } from "./index-BwSapiyo.js";
-export {
-  m as default
-};

package/dist/EpTerm-BrtpeLPE.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpText-C_j3Miwj.js

@@ -1,4 +0,0 @@
-import { n as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpTimeLine-BRyC_JnR.js

@@ -1,4 +0,0 @@
-import { Q as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpVideo-xbSP2Dii.js

@@ -1,4 +0,0 @@
-import { R as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpVideoPanopto-RP-_gREt.js

@@ -1,4 +0,0 @@
-import { S as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};

package/dist/EpWordDef-BZghV5B3.js

@@ -1,4 +0,0 @@
-import { T as f } from "./index-BwSapiyo.js";
-export {
-  f as default
-};