ep-lib-ts 1.0.39 → 1.0.41

package/src/components/medias/EpAudio.vue

@@ -26,7 +26,7 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), { 
-   type: 'base',
+   type: 'neutral',
    hideIcon: false,
    labelIntentions: "Intentions d'écoute",
    messageError:"Mauvais url"

package/src/components/medias/EpCardLink.vue

@@ -0,0 +1,77 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import EpCard from '../basics/EpCard.vue';
+import type { MaxWidth } from "../../types/Hover";
+import { mdiChevronRight } from "@mdi/js";
+interface Props {
+    title?: string | null;
+    subtitle?: string | null;
+    outlined?: boolean;
+    flat?: boolean;
+    color?: string | null;
+    src?: string | null;
+    svg?: string;
+    maxWidth?:MaxWidth;
+    center?:boolean;
+    content?:string;
+    iconlink?:string;
+    to?:string;
+    nuxtLink?:boolean;
+    isExternal?:boolean
+}
+
+
+const props = withDefaults(defineProps<Props>(),{
+    //defaults ? ...
+    svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>dog</title><path d="M18,4C16.29,4 15.25,4.33 14.65,4.61C13.88,4.23 13,4 12,4C11,4 10.12,4.23 9.35,4.61C8.75,4.33 7.71,4 6,4C3,4 1,12 1,14C1,14.83 2.32,15.59 4.14,15.9C4.78,18.14 7.8,19.85 11.5,20V15.72C10.91,15.35 10,14.68 10,14C10,13 12,13 12,13C12,13 14,13 14,14C14,14.68 13.09,15.35 12.5,15.72V20C16.2,19.85 19.22,18.14 19.86,15.9C21.68,15.59 23,14.83 23,14C23,12 21,4 18,4M4.15,13.87C3.65,13.75 3.26,13.61 3,13.5C3.25,10.73 5.2,6.4 6.05,6C6.59,6 7,6.06 7.37,6.11C5.27,8.42 4.44,12.04 4.15,13.87M9,12A1,1 0 0,1 8,11C8,10.46 8.45,10 9,10A1,1 0 0,1 10,11C10,11.56 9.55,12 9,12M15,12A1,1 0 0,1 14,11C14,10.46 14.45,10 15,10A1,1 0 0,1 16,11C16,11.56 15.55,12 15,12M19.85,13.87C19.56,12.04 18.73,8.42 16.63,6.11C17,6.06 17.41,6 17.95,6C18.8,6.4 20.75,10.73 21,13.5C20.75,13.61 20.36,13.75 19.85,13.87Z" /></svg>',
+    maxWidth:"max-w-md",
+    center:false,
+    iconlink:mdiChevronRight,
+    nuxtLink:false,
+    to:'/',
+    isExternal:false
+})
+
+const centerCard = computed(()=> {
+   if(props.center){
+    return 'mx-auto'
+   }
+   return ''
+})
+
+
+</script>
+
+<template> 
+    <div :class="`${centerCard} ${maxWidth}`">
+        <a v-if="isExternal" :href="to" target="_blank" rel="noopener noreferrer">
+            <EpCard
+                :title="title"
+                :subtitle="subtitle"
+                :src="src"
+                :svg="svg"
+                :maxWidth="maxWidth"
+                :icon="iconlink"
+                isLink
+            />   
+        </a>
+        <component 
+        :is="nuxtLink ? 'NuxtLink' : 'RouterLink'" 
+        :to="to" 
+        v-else
+    >
+        <EpCard
+            :title="title"
+            :subtitle="subtitle"
+            :src="src"
+            :svg="svg"
+            :maxWidth="maxWidth"
+            :icon="iconlink"
+            isLink
+        />   
+        </component>
+
+
+    </div>
+    
+</template>

package/src/components/medias/EpCarousel.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { toRefs, ref } from "vue";
+import { toRefs, ref, computed } from "vue";
 import { mdiChevronLeftCircleOutline } from "@mdi/js";
 import { mdiChevronRightCircleOutline } from "@mdi/js";
 import { type MediaCarousel } from "../../types/MediaCarousel";
@@ -13,6 +13,7 @@ interface Props {
   carrouselImg: MediaCarousel[];
   gallery?: boolean;
   sizeThumbnail?: SizeThumbnail;
+  isCenter?:boolean;
   labelClose?:string;
   labelRef?:string;
   labelRefLib?:string;
@@ -20,6 +21,7 @@ interface Props {
 
 const props = withDefaults(defineProps<Props>(), {
   gallery: false,
+  isCenter:false,
   sizeThumbnail: "medium",
   labelRef:"Référence",
   labelClose:"Fermer",
@@ -44,6 +46,10 @@ const nextSlide = () => {
   currentIndex.value = newIndex;
 };
 
+const isCenterStyle = computed(()=> {
+  return props.isCenter ? 'justify-center':''
+})
+
 const { carrouselImg, sizeThumbnail } = toRefs(props);
 </script>
 
@@ -93,7 +99,7 @@ const { carrouselImg, sizeThumbnail } = toRefs(props);
       </div>
     </EpModal>
   </div>
-  <div v-else class="flex flex-wrap">
+  <div v-else :class="`flex flex-wrap ${isCenterStyle}`">
     <template v-for="image in carrouselImg" :key="`image-${image?.uid}`">
       <EpImg
         :src="image.src"

package/src/components/medias/EpIframe.vue

@@ -20,7 +20,7 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  type:'base',
+  type:'neutral',
   big: false,
   hideIcon:false
 });

package/src/components/medias/EpLink.vue

@@ -22,7 +22,7 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  type: "base",
+  type: "neutral",
   hideIcon: false,
 });
 

package/src/components/medias/EpTimeLine.vue

@@ -72,7 +72,7 @@ const { title } = toRefs(props)
 <template>
   <!-- component -->
   <div>
-    <div class="w-10/12 mx-auto relative dark:bg-dark">
+    <div class="w-10/12 mx-auto relative">
       <h3 class="text-2xl mb-2">{{ title?.text.headline }}</h3>
       <p>{{ title?.text.text}}</p>
       <div class="my-4 px-2">
@@ -84,7 +84,7 @@ const { title } = toRefs(props)
           </span>
         </template>
       </div>
-      <div class="border-l-4 pl-1 transition-all dark:border-l-base-dark">
+      <div class="border-l-4 pl-1 transition-all dark:border-l-gray-500">
         <TransitionGroup name="list" tag="div">
           <template v-for="(item, i) in filteredEvents" :key="`${i}-card-${item.id}`">
             <TimeLineItem :event="item"></TimeLineItem>

package/src/components/medias/EpVideo.vue

@@ -23,7 +23,7 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  type: "base",
+  type: "neutral",
   hideIcon: false,
   labelIntentions: "Intentions d'écoute",
 });

package/src/components/medias/EpVideoPanopto.vue

@@ -23,7 +23,7 @@ interface Props{
 
 const props = withDefaults(defineProps<Props>(),{ 
    labelIntentions:"Intentions d'écoute",
-   type:'base',
+   type:'neutral',
    hideIcon:false,
 })
 

package/dist/BgAudio-BDO4Ln5y.js

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

package/dist/DisplayBox-Diko7_uH.js

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

package/dist/EpAlert-iWXSHupC.js

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

package/dist/EpAudio-Bnb1MIw6.js

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

package/dist/EpAvatar-DTfkDxUP.js

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

package/dist/EpAvatar.vue_vue_type_script_setup_true_lang-IeQ9W4tD.js

@@ -1,50 +0,0 @@
-import { defineComponent as x, computed as t, createElementBlock as r, openBlock as n, createCommentVNode as f, createElementVNode as s, normalizeClass as o, toDisplayString as h } from "vue";
-const _ = {
-  circle: {
-    small: " rounded-full  w-12 h-12  text-5xl ",
-    middle: "rounded-full  w-14 h-14  text-6xl",
-    big: "rounded-full  w-16 h-16  text-7xl"
-  },
-  square: {
-    small: "w-12 h-12  text-5xl",
-    middle: "w-14 h-14  text-6xl",
-    big: "w-16 h-16  text-7xl"
-  },
-  rounded: {
-    small: "rounded  w-12 h-12  text-5xl",
-    middle: "rounded  w-14 h-14  text-6xl",
-    big: "rounded  w-16 h-16  text-7xl"
-  }
-}, p = { key: 0 }, v = ["src", "alt"], w = { key: 1 }, b = /* @__PURE__ */ x({
-  __name: "EpAvatar",
-  props: {
-    src: { default: "" },
-    alt: { default: "" },
-    color: { default: "primary" },
-    size: { default: "small" },
-    variant: { default: "circle" },
-    name: { default: "" }
-  },
-  setup(c) {
-    const e = c, d = t(() => e.variant), u = t(() => e.size), a = t(() => {
-      var l;
-      return `${(l = _[d.value]) == null ? void 0 : l[u.value]}`;
-    }), i = t(() => " bg-" + e.color), m = t(() => e.name.length > 2 ? e.name.slice(0, 2) : e.name);
-    return (l, g) => (n(), r("div", null, [
-      e.src != "" ? (n(), r("div", p, [
-        s("img", {
-          src: e.src,
-          alt: e.alt,
-          class: o(`${a.value} `)
-        }, null, 10, v)
-      ])) : e.src == "" ? (n(), r("div", w, [
-        s("div", {
-          class: o(`${a.value}  ${i.value}  justify-center font-bold text-white flex items-center`)
-        }, h(m.value), 3)
-      ])) : f("", !0)
-    ]));
-  }
-});
-export {
-  b as _
-};

package/dist/EpBadge-BcVkBKJK.js

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

package/dist/EpBarChart-D42B3a97.js

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

package/dist/EpBtn-BtyunWne.js

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

package/dist/EpCard--mtof8hL.js

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

package/dist/EpChip-DitreF_J.js

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

package/dist/EpCodeblock-nBOawE0H.js

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

package/dist/EpConclusion-CcOvoC8e.js

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

package/dist/EpContentSlider-DpIiJmPt.js

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

package/dist/EpDescription-DeVW7LNL.js

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

package/dist/EpDivider-vEs9W9Km.js

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

package/dist/EpEdu-BC4BxjYR.js

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

package/dist/EpFlex-xdVOYg4a.js

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

package/dist/EpFunnelChart-CF1CM2id.js

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

package/dist/EpHeader-BMoXpQdW.js

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

package/dist/EpHover-CwOc7bvn.js

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

package/dist/EpHover.vue_vue_type_script_setup_true_lang-DDLIDTha.js

@@ -1,36 +0,0 @@
-import { defineComponent as i, computed as r, createElementBlock as u, openBlock as c, renderSlot as p, createElementVNode as d, unref as f, normalizeClass as m, normalizeStyle as x } from "vue";
-import { k as h } from "./index-CPs4nmaJ.js";
-const v = { class: "relative group overflow-hidden bg-cover bg-no-repeat" }, g = ["innerHTML"], _ = /* @__PURE__ */ i({
-  __name: "EpHover",
-  props: {
-    bgColor: { default: "beige" },
-    textColor: { default: "black" },
-    text: { default: "" },
-    animation: { default: "translateX" },
-    seeThrough: { type: Boolean },
-    textSize: {}
-  },
-  setup(a) {
-    const e = a, l = r(() => {
-      let t = "";
-      e.animation == "scale" ? t = "group-hover:scale-105" : e.animation == "translateY" ? t = "translate-y-96 group-hover:translate-y-0" : e.animation == "translateX" && (t = "translate-x-96 group-hover:translate-x-0");
-      let o = e.seeThrough ? "group-hover:opacity-90" : "group-hover:opacity-100", s = e.textSize ? `text-${e.textSize}` : "text-md";
-      return t + " " + o + " " + s;
-    }), n = r(() => ({
-      backgroundColor: e.bgColor,
-      color: e.textColor
-    }));
-    return (t, o) => (c(), u("div", v, [
-      p(t.$slots, "default"),
-      d("div", {
-        style: x(n.value),
-        class: m(`rounded-t-md absolute bottom-0 left-0 right-0 top-0 max-h-full w-full p-10 dark:text-white box-border whitespace-normal overflow-x-auto overflow-y-auto
-            flex flex-col opacity-0 transition duration-1000 ease-in-out ${l.value}`),
-        innerHTML: f(h)(t.text)
-      }, null, 14, g)
-    ]));
-  }
-});
-export {
-  _
-};

package/dist/EpHoverCard-BTWsiA2z.js

@@ -1,84 +0,0 @@
-import { defineComponent as w, computed as l, toRefs as $, createElementBlock as s, openBlock as a, normalizeClass as d, createBlock as B, createCommentVNode as n, createElementVNode as r, unref as t, withCtx as S, renderSlot as i, toDisplayString as x, createVNode as T } from "vue";
-import { _ as z } from "./EpHover.vue_vue_type_script_setup_true_lang-DDLIDTha.js";
-import { u as p, i as E, j as N } from "./index-CPs4nmaJ.js";
-const V = ["src"], j = {
-  key: 0,
-  class: "mb-2 flex items-center justify-between dark:text-white"
-}, A = { class: "text-2xl dark:text-white font-bold" }, W = { key: 0 }, D = { class: "dark:text-white" }, H = { class: "dark:text-white max-w-4xl" }, G = /* @__PURE__ */ w({
-  __name: "EpHoverCard",
-  props: {
-    title: { default: null },
-    subtitle: { default: null },
-    outlined: { type: Boolean, default: !1 },
-    flat: { type: Boolean, default: !1 },
-    icon: { default: null },
-    color: { default: null },
-    src: { default: null },
-    maxWidth: { default: "max-w-4xl" },
-    density: { default: "default" },
-    hoverContent: {},
-    hoverBg: { default: "" },
-    hoverAnimation: { default: "translateY" },
-    seeThrough: { type: Boolean },
-    textSize: {},
-    hoverColor: {}
-  },
-  setup(v) {
-    const e = v, b = l(() => e.flat ? "" : "shadow-lg"), k = l(() => e.outlined && e.color ? `border solid ${p("border", e.color)}` : e.outlined ? "border solid border-primary dark:border-primary" : "dark:border dark:solid dark:border-primary"), y = l(() => e.color && !e.outlined ? `${p("bg", e.color)}` : "bg-white text-black"), C = l(() => e.color && !e.outlined ? "text-white" : "text-gray-600"), _ = l(() => E[e.density]), g = l(() => `
-    ${b.value} 
-    ${k.value} 
-    ${y.value} 
-    ${e.maxWidth} 
-    rounded-md 
-    dark:bg-dark
-    dark:text-white
-    my-4 `), { title: u, subtitle: c, icon: h, src: f, hoverContent: m } = $(e);
-    return (o, R) => (a(), s("div", {
-      class: d(`${g.value} mx-auto`)
-    }, [
-      t(f) && t(m) ? (a(), B(z, {
-        key: 0,
-        textColor: o.hoverColor,
-        textSize: o.textSize,
-        seeThrough: o.seeThrough,
-        bgColor: o.hoverBg,
-        animation: o.hoverAnimation,
-        text: t(m)
-      }, {
-        default: S(() => [
-          r("img", {
-            src: t(f),
-            class: "w-full rounded-t-md",
-            alt: "header card"
-          }, null, 8, V)
-        ]),
-        _: 1
-      }, 8, ["textColor", "textSize", "seeThrough", "bgColor", "animation", "text"])) : n("", !0),
-      r("div", {
-        class: d(_.value)
-      }, [
-        t(u) || t(c) ? (a(), s("div", j, [
-          r("div", null, [
-            r("h3", A, x(t(u)), 1),
-            r("h4", {
-              class: d(`text-xs dark:text-white ${C.value}`)
-            }, x(t(c)), 3)
-          ]),
-          t(h) ? (a(), s("div", W, [
-            T(N, { "icon-path": t(h) }, null, 8, ["icon-path"])
-          ])) : n("", !0)
-        ])) : n("", !0),
-        i(o.$slots, "card-header"),
-        r("div", D, [
-          i(o.$slots, "default")
-        ]),
-        r("div", H, [
-          i(o.$slots, "card-actions")
-        ])
-      ], 2)
-    ], 2));
-  }
-});
-export {
-  G as default
-};

package/dist/EpIcon-Cektqqle.js

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

package/dist/EpIframe-CFLSXU7z.js

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

package/dist/EpImg-Ct-KfkRp.js

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

package/dist/EpInstructions-BCFWkov8.js

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

package/dist/EpIntroduction-Cx1Tc920.js

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

package/dist/EpLineChart-BffNNoNj.js

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

package/dist/EpLink-Bx_E9Gjz.js

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

package/dist/EpLinkVersion-6CTPFhT5.js

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

package/dist/EpModal-DLG_mddB.js

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

package/dist/EpObjective-DIWMrap_.js

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

package/dist/EpPieChart-CTDL07vZ.js

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

package/dist/EpQuestion-RzrZk_Op.js

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

package/dist/EpQuote-SaMcAmmL.js

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

package/dist/EpRadio-w5IkZmj5.js

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

package/dist/EpRadioSummative-BeZecHlR.js

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

package/dist/EpReading-CVgr9TGN.js

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

package/dist/EpResource-BEql6U6K.js

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

package/dist/EpScope-BAuTDV_B.js

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

package/dist/EpSection-CESMVDna.js

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

package/dist/EpSectionCols-CacYX-v3.js

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

package/dist/EpSelect-kjH_wTXb.js

@@ -1,32 +0,0 @@
-import { defineComponent as u, mergeModels as m, useModel as a, createElementBlock as l, openBlock as t, createElementVNode as d, withDirectives as i, Fragment as c, renderList as p, toDisplayString as f, vModelSelect as g } from "vue";
-const v = { class: "w-full max-w-xs" }, b = ["value"], w = /* @__PURE__ */ u({
-  __name: "EpSelect",
-  props: /* @__PURE__ */ m({
-    options: {},
-    modelValue: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(r) {
-    const s = a(r, "modelValue");
-    return (n, o) => (t(), l("div", v, [
-      o[1] || (o[1] = d("label", { class: "block text-sm font-medium text-gray-700 mb-1" }, "Select Theme:", -1)),
-      i(d("select", {
-        "onUpdate:modelValue": o[0] || (o[0] = (e) => s.value = e),
-        class: "block w-full bg-white border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
-      }, [
-        (t(!0), l(c, null, p(n.options, (e) => (t(), l("option", {
-          key: e.value,
-          value: e.value
-        }, f(e.text), 9, b))), 128))
-      ], 512), [
-        [g, s.value]
-      ])
-    ]));
-  }
-});
-export {
-  w as default
-};

package/dist/EpSkeleton-CuvqT7PL.js

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

package/dist/EpSoftware-LK_nIUJY.js

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