ep-lib-ts 0.0.7 → 0.0.9

package/src/components/medias/EpVideo.vue

@@ -0,0 +1,77 @@
+<script setup lang="ts">
+import {ref, computed, toRefs} from 'vue'
+//types with capital letter, object styles in lowercase
+import { MediaVariants } from "../../types/Medias";
+import { isHtml } from '../../composables/isHtml';
+import {useMarkdown} from '../../composables/useMarkdown'
+import { mdiVideo } from "@mdi/js";
+//import { useMediaControls } from '@vueuse/core'
+import EpEdu from '../educationals/EpEdu.vue'
+
+interface Props{
+   src:string;
+   title?:string;
+   intentions?:string;
+   credits?:string;
+   mandateLevel?:string | null;
+   labelIntentions?:string;
+   type?:MediaVariants;
+   hideIcon?:boolean;
+}
+
+const props = withDefaults(defineProps<Props>(),{ 
+   labelIntentions:"Intentions d'écoute",
+   type:'base',
+   hideIcon:false,
+})
+
+//only to make custum video player
+const video = ref<HTMLVideoElement>()
+
+const isVideoFormat = computed(()=>{
+   if(props.src.endsWith('.mp4') || props.src.endsWith('.ogg') || props.src.endsWith('.webm')){
+      return true
+   }
+   return false
+})
+
+const vimeoUrl = computed(()=> {
+   const url = props.src
+   if(!isVideoFormat.value && url.includes("https://vimeo.com/")){
+       return url.replace("https://vimeo.com/", "https://player.vimeo.com/video/")
+   }
+   return url
+})
+
+const renderText = computed(()=>{
+     if(!props.intentions){
+      return null
+     }
+     if(!isHtml(props.intentions)){
+        return useMarkdown(props.intentions)
+     }
+     return props.intentions
+})
+//controls
+//const controls = useMediaControls(video, {src:props.src})
+const {src, title, hideIcon, type} = toRefs(props)
+
+</script>
+
+<template>
+  
+   <EpEdu :title="title" :type="type" :hideIcon="hideIcon" :icon="mdiVideo" :mandateLevel="mandateLevel">
+     <template #intentions v-if="renderText">
+       <div v-html="renderText" ></div>
+     </template>
+     <template #content>
+      <div class="max-w-screen-sm mx-auto">
+          <video v-if="isVideoFormat" ref="video" controls :src="src" width="640" controlsList="nodownload"></video>
+          <iframe v-else :src="vimeoUrl" width="100%" height="360" frameborder="0" allowfullscreen></iframe>
+      </div>
+     </template>
+     <!-- <template #actions>
+       <EpBtn :color="type=='base'?'text-gray-700':'text-white'" :type="type">[Repair btn style... to change]</EpBtn>
+     </template> -->
+   </EpEdu>
+</template>

package/src/components/medias/EpVideoPanopto.vue

@@ -0,0 +1,62 @@
+<script setup lang="ts">
+import { computed, toRefs} from 'vue'
+//types with capital letter, object styles in lowercase
+import { MediaVariants } from "../../types/Medias";
+import { isHtml } from '../../composables/isHtml';
+import {useMarkdown} from '../../composables/useMarkdown'
+import { mdiVideo } from "@mdi/js";
+//import { useMediaControls } from '@vueuse/core'
+import EpEdu from '../educationals/EpEdu.vue'
+
+interface Props{
+   src:string;
+   title?:string;
+   intentions?:string;
+   credits?:string;
+   mandateLevel?:string | null;
+   labelIntentions?:string;
+   type?:MediaVariants;
+   hideIcon?:boolean;
+}
+
+const props = withDefaults(defineProps<Props>(),{ 
+   labelIntentions:"Intentions d'écoute",
+   type:'base',
+   hideIcon:false,
+})
+
+
+
+const renderText = computed(()=>{
+     if(!props.intentions){
+      return null
+     }
+     if(!isHtml(props.intentions)){
+        return useMarkdown(props.intentions)
+     }
+     return props.intentions
+})
+
+//controls
+//const controls = useMediaControls(video, {src:props.src})
+
+const {src, title, hideIcon, type} = toRefs(props)
+
+</script>
+
+<template>
+ 
+   <EpEdu :title="title" :type="type" :hideIcon="hideIcon" :icon="mdiVideo" :mandateLevel="mandateLevel">
+     <template #intentions v-if="renderText">
+       <div v-html="renderText" ></div>
+     </template>
+     <template #content>
+      <div class="max-w-screen-sm mx-auto">
+         <iframe :src="src" width="100%" height="360" frameborder="0" allowfullscreen></iframe>
+      </div>
+     </template>
+     <!-- <template #actions>
+       <EpBtn :color="type=='base'?'text-gray-700':'text-white'" :type="type">[Repair btn style... to change]</EpBtn>
+     </template> -->
+   </EpEdu>
+</template>

package/src/components/signages/EpAlert.vue

@@ -0,0 +1,70 @@
+<script setup lang="ts">
+import { toRefs, computed } from "vue";
+import EpDivider from "../basics/EpDivider.vue";
+import EpIcon from "../basics/EpIcon.vue";
+import EpAccordeon from "../interactions/EpAccordeon.vue";
+///types with Capital letters... object with styles same name in lowercase
+import { TypeAlert, typeAlert } from "../../types/Alert";
+import {useIcons} from '../../composables/useIcons'
+
+interface Props {
+  type?:TypeAlert;
+  title?: string | null;
+  outlined?:boolean;
+  noIcon?:boolean;
+  icon?:string | null
+  compact?:boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  type:'base',
+  title: null,
+  outlined:false,
+  noIcon:false,
+  icon:null
+});
+
+const isOutlined = computed(()=>{
+  if(props.outlined){
+    return 'outlined'
+  }
+  return 'default'
+})
+
+const styles = computed(()=>{
+  return `${typeAlert[props.type]?.[isOutlined.value]}`
+})
+
+const icon = computed(()=>{
+    let icon = useIcons[props.type].icon
+    if(props.noIcon){
+      return null
+    }
+    if(props.icon){
+      return props.icon
+    }
+    return icon
+})
+
+const { title, compact, type, outlined } = toRefs(props);
+
+</script>
+
+<template>
+  <div :class="`flex p-4 rounded shadow-md m-2 ${styles}`" v-if="!compact">
+    <div v-if="icon" class="flex items-center justify-center w-1/12">
+      <EpIcon :size="40" :icon-path="icon"></EpIcon>
+    </div>
+    <div :class="`${icon?'w-11/12':'w-full'} flex items-center`">
+     <div class="container">
+        <h3 v-if="title" class="text-left text-2xl font-bold">{{ title }}</h3>
+        <EpDivider v-if="title" size="border"></EpDivider>
+          <slot>
+          </slot>
+     </div>
+    </div>
+  </div>
+  <EpAccordeon :type="type" :outlined="outlined" :icon="icon" :title="title" v-else>
+    <slot></slot>
+  </EpAccordeon>
+</template>

package/src/components/signages/EpHeader.vue

@@ -0,0 +1,223 @@
+<script setup lang="ts">
+import { toRefs, computed } from "vue";
+import EpIcon from "../basics/EpIcon.vue";
+
+import EpChip from "../basics/EpChip.vue";
+import useColors from "../../composables/useColors";
+import { mdiHome } from "@mdi/js";
+import { mdiCast } from "@mdi/js";
+import { mdiTimerOutline } from "@mdi/js";
+import { mdiChairSchool } from "@mdi/js";
+import { mdiChevronDown } from "@mdi/js";
+
+interface Props {
+  title?: string | null;
+  subtitle?: string | null;
+  icon?: string | null;
+  color?: string | null;
+  taxonomyLevel?: string | null;
+  courseCode?: string | null;
+  courseTitle?: string | null;
+  height?: string | null;
+  src?: string | null;
+  synchrone?: boolean;
+  duration?: string | null;
+  assessment?: string | null;
+}
+
+// type, taxonomyLevel, courseCode, courseTitle, title, subtitle, height, src, color, synchrone
+
+const props = withDefaults(defineProps<Props>(), {
+  title: null,
+  icon: null,
+  color: null,
+  src: null,
+  height: null,
+  synchrone: false,
+  duration: null,
+  assessment: null,
+});
+
+const colorText = computed(() => {
+  return props.color;
+});
+
+const styles = computed(() => {
+  return ` 
+  flex
+  flex-col
+	items-start 
+	overflow-hidden 
+	w-full 
+	${props.height !== null ? "min-h-screen" : "h-96"}
+	bg-cover
+	bg-blue-500 
+	bg-blend-multiply `;
+});
+
+const bgImg = computed(() => {
+  if (props.src) {
+    return props.src;
+  }
+  return `https://picsum.photos/800/480?random`;
+});
+
+const { title, icon, color, src, height } = toRefs(props);
+</script>
+
+<template>
+  <section class="items-center overflow-hidden bg-white">
+    <div :class="styles" :style="`background-image:url('${bgImg}')`">
+      <div class="flex mt-2 place-self-end gap-2 lg:flex-row">
+        <EpChip v-if="synchrone" color="secondary" :prependIcon="mdiCast"
+          >Synchrone</EpChip
+        >
+        <EpChip v-if="duration" color="secondary" :prependIcon="mdiTimerOutline"
+          > {{ duration }}</EpChip
+        >
+        <EpChip
+          v-if="assessment"
+          color="secondary"
+          :prependIcon="mdiChairSchool"
+          >Formatif</EpChip
+        >
+      </div>
+      <div id="title-content" class="w-full grow flex items-end">
+        <div
+          class="container flex flex-col px-8 py-24 mx-auto max-w-7xl md:flex-row lg:px-16"
+        >
+          <div
+            v-if="title"
+            class="p-4 md:items-center backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded-xl"
+          >
+            <div class="text-center md:text-left">
+              <div>
+                <p
+                  class="text-2xl font-medium tracking-tight text-white sm:text-4xl"
+                >
+                  {{ title }}
+                </p>
+                <p
+                  class="max-w-xl mt-4 text-xl tracking-tight text-white contrast-50"
+                >
+                  {{ subtitle }}
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        id="action"
+        v-if="props.height !== null"
+        class="place-self-center pb-12 animate-bounce"
+      >
+        <div class="mx-auto w-12 bg-white rounded-full p-2">
+          <EpIcon :iconPath="mdiChevronDown" size="32"></EpIcon>
+        </div>
+      </div>
+    </div>
+
+    <!-- <div>
+      <div class="px-5 pt-6 mx-auto lg:max-w-6xl lg:px-0">
+        <dl class="grid grid-cols-1 gap-6 space-y-0 lg:gap-24 lg:grid-cols-3">
+          <div>
+            <div>
+              <p class="mt-5 text-lg font-semibold leading-6 text-black">
+                Developer experience
+              </p>
+            </div>
+            <div class="mt-2 text-base text-gray-600">
+              Do what you think is right. Don't let people make the decision of
+              right or wrong for you.
+            </div>
+          </div>
+          <div>
+            <div>
+              <p class="mt-5 text-lg font-semibold leading-6 text-black">
+                Designers go-to app
+              </p>
+            </div>
+            <div class="mt-2 text-base text-gray-600">
+              Only you can take inner freedom away from yourself, or give it to
+              yourself. Nobody else can
+            </div>
+          </div>
+          <div>
+            <div>
+              <p class="mt-5 text-lg font-semibold leading-6 text-black">
+                Easy onboarding
+              </p>
+            </div>
+            <div class="mt-2 text-base text-gray-600">
+              Your greatest self has been waiting your whole life; don't make it
+              wait any longer
+            </div>
+          </div>
+        </dl>
+      </div>
+    </div> -->
+  </section>
+
+  <section>
+    <div class="items-center pb-12 max-w-7xl lg:pb-24">
+      <div class="justify-center w-full mx-auto bg-stone-100">
+        <nav class="flex py-3 border-y" aria-label="Breadcrumb">
+          <ol role="list" class="flex items-center pl-2 space-x-2">
+            <li>
+              <div class="flex items-center">
+                <a
+                  href="#"
+                  class="inline-flex items-center text-sm font-medium text-gray-500 duration-200 hover:text-gray-700 hover:scale-95"
+                >
+                  <!-- <ion-icon
+                    class="flex-shrink-0 w-4 h-4 md hydrated"
+                    name="home-outline"
+                    role="img"
+                    aria-label="home outline"
+                  ></ion-icon> -->
+                  <EpIcon :iconPath="mdiHome" size="22"></EpIcon>
+                  <span class="ml-2"> Parent </span>
+                </a>
+              </div>
+            </li>
+            <li>
+              <div class="flex items-center">
+                <span class="flex-shrink-0 w-5 h-5 text-gray-300"> / </span>
+                <a
+                  href="#"
+                  class="ml-4 text-sm font-medium text-gray-500 hover:scale-95 hover:text-gray-700"
+                >
+                  Parent
+                </a>
+              </div>
+            </li>
+            <li>
+              <div class="flex items-center">
+                <span class="flex-shrink-0 w-5 h-5 text-gray-300"> / </span>
+                <a
+                  href="#"
+                  class="ml-4 text-sm font-medium text-gray-500 hover:scale-95 hover:text-gray-700"
+                >
+                  Parent
+                </a>
+              </div>
+            </li>
+            <li>
+              <div class="flex items-center">
+                <span class="flex-shrink-0 w-5 h-5 text-gray-300"> / </span>
+                <a
+                  href="#"
+                  class="ml-4 text-sm font-medium text-blue-500 hover:scale-95 hover:text-gray-700"
+                  aria-current="page"
+                >
+                  Current
+                </a>
+              </div>
+            </li>
+          </ol>
+        </nav>
+      </div>
+    </div>
+  </section>
+</template>

package/src/components/signages/EpQuote.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import {toRefs} from 'vue'
+import EpCard from "../basics/EpCard.vue";
+import EpDivider from "../basics/EpDivider.vue";
+import EpIcon from "../basics/EpIcon.vue";
+import useColors from "../../composables/useColors";
+import { mdiFormatQuoteOpen  } from "@mdi/js";
+import { mdiFormatQuoteClose } from '@mdi/js';
+
+interface Props {
+    name?:string | null;
+    src?:string | null;
+    quotes?:boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    name:null,
+    src:null,
+    quotes:false
+})
+
+const {name, src, quotes} = toRefs(props)
+
+</script>
+
+<template>
+      <EpCard density="compact">
+          <div
+            class="flex flex-wrap rounded-lg bg-white"
+          >
+            <img
+              v-if="src"
+              class="h-96 w-full rounded-t-lg object-cover lg:h-auto lg:w-48 lg:rounded-none lg:rounded-l-lg"
+              :src="src"
+              alt="Image of quote"
+            />
+            <div class="p-6 flex-1">
+              <slot></slot>
+              <template v-if="name">
+                <EpDivider size="border"></EpDivider>
+                <p class="text-xs italic text-neutral-500">
+                  {{ name }}
+                </p>
+              </template>
+            </div>
+          </div>
+      </EpCard>
+</template>

package/src/components/tools/BgAudio.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+const props = withDefaults(defineProps<{
+	fill?: string;
+}>(), {
+	fill: "fill-primary"
+})
+</script>
+<template>
+	<svg 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">
+
+		<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" />
+				<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
+				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" />
+				</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
+				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" />
+				</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
+				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" />
+				</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
+				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" />
+				</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
+				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" />
+				</g>
+			</g>
+		</pattern>
+		<g>
+			<rect :class="props.fill" width="640" height="360" />
+			<path style="fill:url(#New_Pattern);" d="M639,1v358H1V1H639 M640,0H0v360h640V0L640,0z" />
+		</g>
+		<g>
+			<rect x="0.5" y="0.5" style="fill:url(#New_Pattern);" width="639" height="359" />
+		</g>
+		<g>
+			<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
+		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
+		C382.5,138.7,349.4,109.1,310.7,114.7z" />
+		</g>
+	</svg>
+</template>

package/src/components/tools/DisplayBox.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { onClickOutside, useEventListener } from '@vueuse/core'
+const menu = ref()
+const isOpen = ref()
+
+onClickOutside(menu, (event) => {
+    isOpen.value = false
+})
+useEventListener('keydown', (e) => {
+    if (e.key === 'Escape' && isOpen)
+        isOpen.value = false
+})
+
+function open() {
+    return isOpen.value = true
+}
+
+function close() {
+    return isOpen.value = false
+}
+
+const classOpen = computed(()=> {
+   return isOpen.value?`absolute w-[32rem] -left-96 z-40`:`hidden`
+})
+
+</script>
+
+<template>
+    <div class="relative">
+       <slot :open="open" />
+        <div ref="menu" :class="classOpen">
+            <slot name="menu" :is-open="isOpen" :close="close" />
+        </div>
+    </div>
+    
+</template>

package/dist/components/basics/EpDivider.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EpDivider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/basics/EpDivider.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,iHAAiH,CAAC;AACxI,cAAc,iHAAiH,CAAC;AAChI,eAAe,SAAS,CAAC"}

package/dist/components/basics/EpIcon.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EpIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/basics/EpIcon.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8GAA8G,CAAC;AACrI,cAAc,8GAA8G,CAAC;AAC7H,eAAe,SAAS,CAAC"}

package/dist/components/index.d.ts

@@ -1,38 +0,0 @@
-export { default as EpBadge } from './basics/EpBadge.vue';
-export { default as EpBtn } from './basics/EpBtn.vue';
-export { default as EpCard } from './basics/EpCard.vue';
-export { default as EpChip } from './basics/EpChip.vue';
-export { default as EpDivider } from './basics/EpDivider.vue';
-export { default as EpFlex } from './basics/EpFlex.vue';
-export { default as EpIcon } from './basics/EpIcon.vue';
-export { default as EpImg } from './basics/EpImg.vue';
-export { default as EpSection } from './basics/EpSection.vue';
-export { default as EpSpinner } from './basics/EpSpinner.vue';
-export { default as EpTable } from './basics/EpTable.vue';
-export { default as EpText } from './basics/EpText.vue';
-export { default as EpBarChart } from './charts/EpBarChart.vue';
-export { default as EpLineChart } from './charts/EpLineChart.vue';
-export { default as EpPieChart } from './charts/EpPieChart.vue';
-export { default as EpEdu } from './educationals/EpEdu.vue';
-export { default as EpReading } from './educationals/EpReading.vue';
-export { default as EpScope } from './educationals/EpScope.vue';
-export { default as EpAccordeon } from './interactions/EpAccordeon.vue';
-export { default as EpContentSlider } from './interactions/EpContentSlider.vue';
-export { default as EpModal } from './interactions/EpModal.vue';
-export { default as EpQuestion } from './interactions/EpQuestion.vue';
-export { default as EpAudio } from './medias/EpAudio.vue';
-export { default as EpCarousel } from './medias/EpCarousel.vue';
-export { default as EpIframe } from './medias/EpIframe.vue';
-export { default as EpKatex } from './medias/EpKatex.vue';
-export { default as EpLink } from './medias/EpLink.vue';
-export { default as EpSoftware } from './medias/EpSoftware.vue';
-export { default as EpSvg } from './medias/EpSvg.vue';
-export { default as EpTerm } from './medias/EpTerm.vue';
-export { default as EpTimeLine } from './medias/EpTimeLine.vue';
-export { default as EpVideo } from './medias/EpVideo.vue';
-export { default as EpVideoPanopto } from './medias/EpVideoPanopto.vue';
-export { default as EpResource } from './medias/EpResource.vue';
-export { default as EpLinkVersion } from './medias/EpLinkVersion.vue';
-export { default as EpAlert } from './signages/EpAlert.vue';
-export { default as EpHeader } from './signages/EpHeader.vue';
-export { default as EpQuote } from './signages/EpQuote.vue';

package/dist/components/interactions/EpAccordeon.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EpAccordeon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/interactions/EpAccordeon.vue"],"names":[],"mappings":"AACA,cAAc,yHAAyH,CAAC;AACxI,OAAO,sIAAsI,CAAC;;AAE9I,wBAA0F"}

package/dist/components/main.d.ts

@@ -1,7 +0,0 @@
-import type { App } from 'vue';
-import { EpBadge, EpBtn, EpCard, EpChip } from '../components';
-declare const _default: {
-    install: (app: App) => void;
-};
-export default _default;
-export { EpBadge, EpBtn, EpCard, EpChip, };

package/dist/components/signages/EpAlert.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EpAlert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/signages/EpAlert.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,iHAAiH,CAAC;AACxI,cAAc,iHAAiH,CAAC;AAChI,eAAe,SAAS,CAAC"}

package/dist/ep-lib-ts.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),f={bgprimary:"bg-primary",borderprimary:"border border-solid border-primary",fillprimary:"fill-primary",textprimary:"text-primary",bgprimarylight:"bg-primary-light",borderprimarylight:"border border-solid border-primary-light",fillprimarylight:"fill-primary-light",textprimarylight:"text-primary-light",bgprimarydark:"bg-primary-dark",borderprimarydark:"border border-solid border-primary-dark",fillprimarydark:"fill-primary-dark",textprimarydark:"text-primary-dark",bgsecondary:"bg-secondary",bordersecondary:"border border-solid border-secondary",fillsecondary:"fill-secondary",textsecondary:"text-secondary",bgsecondarylight:"bg-secondary-light",bordersecondarylight:"border border-solid border-secondary-light",fillsecondarylight:"fill-secondary-light",textsecondarylight:"text-secondary-light",bgsecondarydark:"bg-secondary-dark",bordersecondarydark:"border border-solid border-secondary-dark",fillsecondarydark:"fill-secondary-dark",textsecondarydark:"text-secondary-dark",bgaccent:"bg-accent",borderaccent:"border border-solid border-accent",fillaccent:"fill-accent",textaccent:"text-accent",bgaccentlight:"bg-accent-light",borderaccentlight:"border border-solid border-accent-light",fillaccentlight:"fill-accent-light",textaccentlight:"text-accent-light",bgaccentdark:"bg-accent-dark",borderaccentdark:"border border-solid border-accent-dark",fillaccentdark:"fill-accent-dark",textaccentdark:"text-accent-dark",bgerror:"bg-error",bordererror:"border border-solid border-error",fillerror:"fill-error",texterror:"text-error",bgerrorlight:"bg-error-light",bordererrorlight:"border border-solid border-error-light",fillerrorlight:"fill-error-light",texterrorlight:"text-error-light",bgerrordark:"bg-error-dark",bordererrordark:"border border-solid border-error-dark",fillerrordark:"fill-error-dark",texterrordark:"text-error-dark",bgwarning:"bg-warning",borderwarning:"border border-solid border-warning",fillwarning:"fill-warning",textwarning:"text-warning",bgwarninglight:"bg-warning-light",borderwarninglight:"border border-solid border-warning-light",fillwarninglight:"fill-warning-light",textwarninglight:"text-warning-light",bgwarningdark:"bg-warning-dark",borderwarningdark:"border border-solid border-warning-dark",fillwarningdark:"fill-warning-dark",textwarningdark:"text-warning-dark",bgsuccess:"bg-success",bordersuccess:"border border-solid border-success",fillsuccess:"fill-success",textsuccess:"text-success",bgsuccesslight:"bg-success-light",bordersuccesslight:"border border-solid border-success-light",fillsuccesslight:"fill-success-light",textsuccesslight:"text-success-light",bgsuccessdark:"bg-success-dark",bordersuccessdark:"border border-solid border-success-dark",fillsuccessdark:"fill-success-dark",textsuccessdark:"text-success-dark",bginfo:"bg-info",borderinfo:"border border-solid border-info",fillinfo:"fill-info",textinfo:"text-info",bginfolight:"bg-info-light",borderinfolight:"border border-solid border-info-light",fillinfolight:"fill-info-light",textinfolight:"text-info-light",bginfodark:"bg-info-dark",borderinfodark:"border border-solid border-info-dark",fillinfodark:"fill-info-dark",textinfodark:"text-info-dark",bgquestion:"bg-question",borderquestion:"border border-solid border-question",fillquestion:"fill-question",textquestion:"text-question",bgquestionlight:"bg-question-light",borderquestionlight:"border border-solid border-question-light",fillquestionlight:"fill-question-light",textquestionlight:"text-question-light",bgquestiondark:"bg-question-dark",borderquestiondark:"border border-solid border-question-dark",fillquestiondark:"fill-question-dark",textquestiondark:"text-question-dark",bgtip:"bg-tip",bordertip:"border border-solid border-tip",filltip:"fill-tip",texttip:"text-tip",bgtiplight:"bg-tip-light",bordertiplight:"border border-solid border-tip-light",filltiplight:"fill-tip-light",texttiplight:"text-tip-light",bgtipdark:"bg-tip-dark",bordertipdark:"border border-solid border-tip-dark",filltipdark:"fill-tip-dark",texttipdark:"text-tip-dark",bgwhite:"bg-white",fillwhite:"fill-white",textwhite:"text-white",borderwhite:"border border-solid border-white",bgblack:"bg-black",fillblack:"fill-black",borderblack:"border border-solid border-black",textblack:"text-black",bgbase:"bg-gray-500",bgbaselight:"bg-gray-200",fillbase:"fill-gray-500",borderbase:"border border-solid border-gray-500",textbase:"text-gray-500"};function u(t,r){const l=`${t}${r}`.replace(/-/g,"");return f[l]}const p=e.defineComponent({__name:"EpDivider",props:{color:{default:null},size:{default:"border"},inset:{type:Boolean,default:!1},icon:{default:null},margin:{default:"my-2"}},setup(t){const r=t,i=e.computed(()=>r.color?`${r.size} ${u("border",r.color)}`:`${r.size} border-grey-700`),l=e.computed(()=>`${i.value} ${r.inset?"w-9/12 mx-auto":"w-full"} ${r.margin}`);return(n,a)=>(e.openBlock(),e.createElementBlock("hr",{class:e.normalizeClass(`h-px ${e.unref(l)}`)},null,2))}}),h=["width","height","viewBox"],x=["d"],g=e.defineComponent({__name:"EpIcon",props:{size:{default:32},viewBox:{default:"0 0 24 24"},iconPath:null,extraClass:null},setup(t){const r=t,{size:i,viewBox:l,iconPath:n,extraClass:a}=e.toRefs(r);return(s,c)=>(e.openBlock(),e.createElementBlock("svg",{width:e.unref(i),height:e.unref(i),viewBox:e.unref(l),color:"currentColor",fill:"currentColor",class:e.normalizeClass(`inline ${e.unref(a)}`)},[e.createElementVNode("path",{d:e.unref(n)},null,8,x)],10,h))}}),k={base:{default:"bg-gray-100 text-black",outlined:"border-gray-100 border text-black"},primary:{default:"bg-primary text-white",outlined:"border-primary border text-primary"},secondary:{default:"bg-secondary text-white",outlined:"border-secondary border text-secondary"},accent:{default:"bg-accent text-white",outlined:"border-accent border text-accent"},warning:{default:"bg-warning text-white",outlined:"border-warning border text-warning"},success:{default:"bg-success text-white",outlined:"border-success border text-success"},error:{default:"bg-error text-white",outlined:"border-error border text-error"},info:{default:"bg-info text-white",outlined:"border-info border text-info"},question:{default:"bg-question text-white",outlined:"border-question border text-question"},tip:{default:"bg-tip text-white",outlined:"border-tip border text-tip"}},y=t=>(e.pushScopeId("data-v-d8f20f72"),t=t(),e.popScopeId(),t),m={class:"text-lg"},w=y(()=>e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 6v12m6-6H6"},null,-1)),_=[w],v={class:"py-4"},V=e.defineComponent({__name:"EpAccordeon",props:{title:{default:"En savoir plus"},type:{default:"base"},icon:null,open:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1}},setup(t){const r=t,i=e.ref(r.open),l=e.ref(),n=e.computed(()=>r.outlined?"outlined":"default"),a=e.computed(()=>{var o;return`flex justify-between items-center px-4 py-2 cursor-pointer ${(o=k[r.type])==null?void 0:o[n.value]}`}),s=e.computed(()=>`px-4 ${u("bg",r.type+"light")}`);e.onMounted(()=>{var o=l.value;r.open&&(o.style.maxHeight=o.scrollHeight+"px")});function c(){i.value=!i.value;var o=l.value;o.style.maxHeight?o.style.maxHeight=null:o.style.maxHeight=o.scrollHeight+"px",o.style.transition||(o.style.transition="max-height 0.2s ease-out")}const{title:b,icon:d}=e.toRefs(r);return(o,D)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)),onClick:c},[e.createElementVNode("h3",m,[e.unref(d)?(e.openBlock(),e.createBlock(g,{key:0,"icon-path":e.unref(d)},null,8,["icon-path"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(e.unref(b)),1)]),(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:e.normalizeClass(`mx-4 my-3 h-6 w-6 transition-all duration-200 ${i.value?"rotate-45":""}`)},_,2))],2),e.createElementVNode("div",{ref_key:"collapsible",ref:l,class:e.normalizeClass(`${e.unref(s)} content`)},[e.createElementVNode("div",v,[e.renderSlot(o.$slots,"default",{},void 0,!0)])],2)],64))}});const C=(t,r)=>{const i=t.__vccOpts||t;for(const[l,n]of r)i[l]=n;return i},H=C(V,[["__scopeId","data-v-d8f20f72"]]),L={base:{default:"bg-gray-100 text-black",outlined:"bg-white border-gray-100 border text-black"},warning:{default:"bg-warning text-white",outlined:"bg-white border-warning border text-warning"},success:{default:"bg-success text-white",outlined:"bg-white border-success border text-success"},error:{default:"bg-error text-white",outlined:"bg-white border-error border text-error"},info:{default:"bg-info text-white",outlined:"bg-white border-info border text-info"},question:{default:"bg-question text-white",outlined:"bg-white border-question border text-question"},tip:{default:"bg-tip text-white",outlined:"bg-white border-tip border text-tip"}};var q="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z",B="M2.2,16.06L3.88,12L2.2,7.94L6.26,6.26L7.94,2.2L12,3.88L16.06,2.2L17.74,6.26L21.8,7.94L20.12,12L21.8,16.06L17.74,17.74L16.06,21.8L12,20.12L7.94,21.8L6.26,17.74L2.2,16.06M13,17V15H11V17H13M13,13V7H11V13H13Z",$="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z",A="M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z",M="M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z",E="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",z="M12,6A6,6 0 0,1 18,12C18,14.22 16.79,16.16 15,17.2V19A1,1 0 0,1 14,20H10A1,1 0 0,1 9,19V17.2C7.21,16.16 6,14.22 6,12A6,6 0 0,1 12,6M14,21V22A1,1 0 0,1 13,23H11A1,1 0 0,1 10,22V21H14M20,11H23V13H20V11M1,11H4V13H1V11M13,1V4H11V1H13M4.92,3.5L7.05,5.64L5.63,7.05L3.5,4.93L4.92,3.5M16.95,5.63L19.07,3.5L20.5,4.93L18.37,7.05L16.95,5.63Z";const N={base:{icon:A},warning:{icon:q},success:{icon:$},error:{icon:B},info:{icon:E},question:{icon:M},tip:{icon:z}},S={key:0,class:"flex items-center justify-center w-1/12"},I={class:"container"},Z={key:0,class:"text-left text-2xl font-bold"},O=e.defineComponent({__name:"EpAlert",props:{type:{default:"base"},title:{default:null},outlined:{type:Boolean,default:!1},noIcon:{type:Boolean,default:!1},icon:{default:null},compact:{type:Boolean}},setup(t){const r=t,i=e.computed(()=>r.outlined?"outlined":"default"),l=e.computed(()=>{var d;return`${(d=L[r.type])==null?void 0:d[i.value]}`}),n=e.computed(()=>{let d=N[r.type].icon;return r.noIcon?null:r.icon?r.icon:d}),{title:a,compact:s,type:c,outlined:b}=e.toRefs(r);return(d,o)=>e.unref(s)?(e.openBlock(),e.createBlock(H,{key:1,type:e.unref(c),outlined:e.unref(b),icon:e.unref(n),title:e.unref(a)},{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default")]),_:3},8,["type","outlined","icon","title"])):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`flex p-4 rounded shadow-md m-2 ${e.unref(l)}`)},[e.unref(n)?(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(g,{size:40,"icon-path":e.unref(n)},null,8,["icon-path"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n)?"w-11/12":"w-full"} flex items-center`)},[e.createElementVNode("div",I,[e.unref(a)?(e.openBlock(),e.createElementBlock("h3",Z,e.toDisplayString(e.unref(a)),1)):e.createCommentVNode("",!0),e.unref(a)?(e.openBlock(),e.createBlock(p,{key:1,size:"border"})):e.createCommentVNode("",!0),e.renderSlot(d.$slots,"default")])],2)],2))}});exports.EpAlert=O;