ep-lib-ts 1.0.37 → 1.0.39

package/dist/types/Answer.d.ts

@@ -1,5 +1,6 @@
 import { TypeAlert } from './Alert';
 import { MediaVariants } from './Medias';
+
 interface ContentComponent {
     type?: string;
     data: {

package/dist/types/Component.d.ts

@@ -0,0 +1,10 @@
+export type EpComponent = "EpBtn" | "EpIcon" | "EpNothing";
+export interface ContentComponents {
+    uid: string;
+    deletedAt?: Date | string | undefined;
+    type: EpComponent;
+    noMarginY?: boolean;
+    data: {
+        [key: string]: any;
+    };
+}

package/dist/types/StackedList.d.ts

@@ -1,37 +1,17 @@
+import { ContentComponents } from './Component';
 type Color = "primary" | "secondary" | "accent" | "error" | "warning" | "success" | "info" | "question" | "tip";
 type Variant = "circle" | "square" | "rounded";
 type Size = "small" | "middle" | "big";
-type ButtonType = "base" | "primary" | "secondary" | "accent" | "error" | "warning" | "success" | "info";
 interface Avatar {
     src: string;
     alt: string;
 }
-interface Button {
-    href: string;
-    label: string;
-    disabled?: boolean;
-}
-interface CheckBox {
-    id?: string;
-    label?: string;
-    modelValue?: string | string[] | boolean;
-    disabled?: boolean;
-    readonly?: boolean;
-    value?: string;
-}
-interface Icon {
-    size?: string | number;
-    viewBox?: string;
-    iconPath: string;
-    extraClass?: string;
-}
 export interface ListItem {
     uid?: string;
     avatar?: Avatar;
     title: string;
     description: string;
-    button?: Button;
-    checkbox?: CheckBox;
+    component?: ContentComponents;
 }
 export interface ItemStyle {
     avatar?: {
@@ -41,12 +21,6 @@ export interface ItemStyle {
         name?: string;
     };
     cropped?: boolean;
-    button?: {
-        content: string;
-        type?: ButtonType;
-    };
-    checkbox?: boolean;
-    icon?: Icon;
 }
 export declare const roundedType: {
     none: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ep-lib-ts",
   "private": false,
-  "version": "1.0.37",
+  "version": "1.0.39",
   "files": [
     "dist",
     "src/components/"
@@ -26,40 +26,39 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lottiefiles/dotlottie-vue": "0.5.6",
-    "@mdi/js": "7.4.47",
-    "@types/three": "0.173.0",
-    "@vueuse/core": "12.7.0",
-    "@wdns/vue-code-block": "2.3.5",
-    "aframe": "1.6.0",
-    "apexcharts": "4.4.0",
-    "katex": "0.16.21",
-    "markdown-it": "14.1.0",
-    "postcss-cli": "11.0.0",
-    "three": "0.173.0",
-    "vee-validate": "4.15.0",
-    "vue": "3.5.13",
-    "vue-router": "4.5.0",
-    "vue3-apexcharts": "1.8.0"
+    "@lottiefiles/dotlottie-vue": "^0.5.6",
+    "@mdi/js": "^7.4.47",
+    "@types/three": "^0.170.0",
+    "@vueuse/core": "^10.9.0",
+    "@wdns/vue-code-block": "^2.3.3",
+    "aframe": "^1.6.0",
+    "apexcharts": "3.53.0",
+    "katex": "^0.16.11",
+    "markdown-it": "^14.1.0",
+    "postcss-cli": "^11.0.0",
+    "three": "^0.170.0",
+    "vee-validate": "^4.13.2",
+    "vue": "^3.2.45",
+    "vue-router": "^4.4.5",
+    "vue3-apexcharts": "1.6.0"
   },
   "devDependencies": {
-    "@tailwindcss/forms": "0.5.10",
-    "@tailwindcss/postcss": "^4.0.7",
-    "@types/katex": "0.16.7",
-    "@types/markdown-it": "14.1.2",
-    "@types/node": "22.13.4",
-    "@vitejs/plugin-vue": "5.2.1",
-    "autoprefixer": "10.4.20",
-    "path": "0.12.7",
-    "postcss": "8.5.2",
-    "tailwindcss": "4.0.7",
-    "typescript": "5.7.3",
-    "vite": "6.1.0",
-    "vite-plugin-dts": "4.5.0",
+    "@tailwindcss/forms": "^0.5.9",
+    "@types/katex": "^0.16.7",
+    "@types/markdown-it": "^14.1.2",
+    "@types/node": "^20.12.7",
+    "@vitejs/plugin-vue": "^5.1.3",
+    "autoprefixer": "^10.4.20",
+    "path": "^0.12.7",
+    "postcss": "^8.4.45",
+    "tailwindcss": "^3.4.11",
+    "typescript": "^5.6.2",
+    "vite": "^5.4.5",
+    "vite-plugin-dts": "^3.9.0",
     "vue-tsc": "^2.2.2"
   },
   "peerDependencies": {
-    "vue": "3.5.13"
+    "vue": "^3.2.45"
   },
   "engines": {
     "node": "20.x.x"

package/src/components/basics/EpStackedList.vue

@@ -1,14 +1,13 @@
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed, defineAsyncComponent } from 'vue';
 import EpAvatar from './EpAvatar.vue';
 import { useRenderText } from '../../composables/useRenderText';
-import EpBtn from './EpBtn.vue';
-import EpCheckbox from '../forms/EpCheckbox.vue';
-import EpIcon from './EpIcon.vue'; 
+import type { EpComponent } from '../../types/Component';
 
 // Importing the necessary interfaces for the code
 import { type ListItem, type ItemStyle, roundedType, type CustomStyle } from '../../types/StackedList';
 
+
 // Managing the props
 interface Props {
     elements: ListItem[];
@@ -20,7 +19,6 @@ const props = withDefaults(defineProps<Props>(),{
     elements: () => [],
     itemStyle: () => { return {
         cropped: false,
-        checkbox: false,
     } },
     customStyle: () => {
         return {
@@ -46,25 +44,36 @@ const className = computed(() => {
 // The style of the list elements
 const elementSpacing = computed(() => (props.customStyle.restricted)? 'p-6' : 'mx-6 py-6');
 
-const elementGrid = computed(() => (props.itemStyle.button || props.itemStyle.checkbox || props.itemStyle.icon)? 'grid-cols-11' : 'grid-cols-7');
+const elementGrid = (element: Record<string, any>|undefined) => {
+ return element?'grid-cols-11' : 'grid-cols-7'
+}
+
+//get Component asyncComponent
+const getCompontent = (name:EpComponent|undefined)=> {
+  if(!name){
+    return defineAsyncComponent(()=>import('../signages/EpNothing.vue'))
+  }
+  //!IMPORT IN SAME FOLDER PATH!! EpIcon and EpBtn
+  return defineAsyncComponent(()=>import(/* @vite-ignore */`./${name}.vue`))
+}
 
 </script>
 
 <template>
 
     <div :class="`${className} border-gray-200 flex flex-col dark:border-slate-700 dark:bg-slate-900 lg:mx-28`">
-        <li v-for="elem in elements" :key="elements.indexOf(elem)" :class="`${(elements.indexOf(elem) !== 0)? 'border-t' : ''} list-none ${elementSpacing} grid ${elementGrid} justify-items-center items-center border-gray-200 dark:border-slate-700`">
+        <li v-for="elem in elements" :key="elements.indexOf(elem)" :class="`${(elements.indexOf(elem) !== 0)? 'border-t' : ''} list-none ${elementSpacing} grid ${elementGrid(elem.component)} justify-items-center items-center border-gray-200 dark:border-slate-700`">
             <EpAvatar v-if="elem.avatar" :src="elem.avatar?.src" :alt="elem.avatar?.alt" v-bind="itemStyle.avatar" class="col-span-2" />
             <div class="col-span-5 justify-self-start">
                 <h3 class="font-semibold">{{ elem.title }}</h3>
                 <div :class="`${(itemStyle.cropped)? 'line-clamp-3': ''}`" v-html="useRenderText(elem.description)"></div>
             </div>
-            <div v-if="itemStyle.button || itemStyle.checkbox || itemStyle.icon" class="flex gap-2 items-center col-span-4 justify-self-auto">
+            <div v-if="elem.component" class="flex gap-2 items-center col-span-4 justify-self-auto">
 
                 <!--update component type-->
-                <EpBtn v-if="itemStyle.button" :type="`${(itemStyle.button.type)? itemStyle.button.type : 'base'}`" v-bind="elem.button" :rounded="true">{{ itemStyle.button.content }}</EpBtn>
-                <EpCheckbox v-if="itemStyle.checkbox" v-bind="elem.checkbox" />
-                <EpIcon v-if="itemStyle.icon" v-bind="itemStyle.icon" />
+                <Component :is="getCompontent(elem.component.type)" v-bind="{...elem.component.data}">
+                    {{ elem.component.data.content }}
+                </Component>
             </div>
         </li>
     </div>

package/src/components/educationals/EpCodeblock.vue

@@ -6,7 +6,7 @@
   import { computed} from "vue";
   import { ref } from "vue"; 
 
-  type Langue = "javascript"|"css"|"html"|"php"|"json"|"typescript";
+  type Langue = "javascript"|"css"|"html"|"php"|"json"|"typescript"|"python"|"xml";
 
   interface Props {
     code?: string;  

package/dist/App.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('../vue/dist/vue.esm-bundler.js').DefineComponent<{}, {}, {}, {}, {}, import('../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;

package/dist/BgAudio-DezFnyKB.js

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

package/dist/DisplayBox-DYzeHzkr.js

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

package/dist/EpAlert-DdtU5nno.js

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

package/dist/EpAudio-vt4JUOf2.js

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

package/dist/EpBadge-BSMtvAqC.js

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

package/dist/EpBarChart-BA3EqJ-Z.js

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

package/dist/EpBtn-B1xGgn2Y.js

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

package/dist/EpCard-CEjoqwN4.js

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

package/dist/EpCheckbox-Da_2WoCs.js

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

package/dist/EpChip-d8r-FDqu.js

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

package/dist/EpCodeblock-Cu1MOvmi.js

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

package/dist/EpConclusion-Dk_FFixG.js

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

package/dist/EpContentSlider-dx8Hu4OS.js

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

package/dist/EpDescription-B00PjQg0.js

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

package/dist/EpDivider-CukqZw1a.js

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

package/dist/EpEdu-B5N7RG49.js

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

package/dist/EpFlex-DAtWa--7.js

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

package/dist/EpFunnelChart-jn5C9tAB.js

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

package/dist/EpHeader-Cwx5Qb6Q.js

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

package/dist/EpIcon-DitBbcuQ.js

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

package/dist/EpIframe-C5c1K8RE.js

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

package/dist/EpImg-YPH6mMcR.js

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

package/dist/EpInstructions-D8kw_rwC.js

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

package/dist/EpIntroduction-B2d2vChC.js

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

package/dist/EpLineChart-BjlCf9dW.js

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

package/dist/EpLink-CXIYlycG.js

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

package/dist/EpLinkVersion-Dn_Tid-r.js

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

package/dist/EpModal-CaPOVdQK.js

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

package/dist/EpObjective-czDKm1c4.js

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

package/dist/EpPieChart-DuW7EBmx.js

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

package/dist/EpQuestion-BuIkR2Ae.js

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

package/dist/EpQuote-5FQFWcfv.js

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

package/dist/EpRadio-BnPZeKpP.js

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

package/dist/EpRadioSummative-AtVwjeQ-.js

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

package/dist/EpReading-s2TQVAZ_.js

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

package/dist/EpResource-Cxx1lwrs.js

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

package/dist/EpScope-CG9n9QnC.js

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

package/dist/EpSection-cDQVtX9A.js

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

package/dist/EpSectionCols-DsH_iEem.js

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

package/dist/EpSkeleton-BQG8jrs6.js

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

package/dist/EpSoftware-DR1d7ezZ.js

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

package/dist/EpSpecificObjective-BS1QMNrt.js

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

package/dist/EpSpinner-O3kZ_dUO.js

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

package/dist/EpStackedList-CTU_KKMZ.js

@@ -1,81 +0,0 @@
-import { defineComponent as g, computed as d, createElementBlock as n, openBlock as o, normalizeClass as i, Fragment as _, renderList as $, createBlock as l, createCommentVNode as s, createElementVNode as c, mergeProps as a, toDisplayString as f, unref as h, withCtx as v, createTextVNode as T } from "vue";
-import { _ as j } from "./EpAvatar.vue_vue_type_script_setup_true_lang-IeQ9W4tD.js";
-import { k as C, d as L, j as N } from "./index-BkHXngnv.js";
-import { _ as x } from "./EpCheckbox.vue_vue_type_script_setup_true_lang-Dqi62vJ8.js";
-const B = {
-  none: "rounded-none",
-  small: "rounded-md",
-  middle: "rounded-lg",
-  big: "rounded-2xl"
-}, E = { class: "col-span-5 justify-self-start" }, V = { class: "font-semibold" }, H = ["innerHTML"], M = {
-  key: 1,
-  class: "flex gap-2 items-center col-span-4 justify-self-auto"
-}, F = /* @__PURE__ */ g({
-  __name: "EpStackedList",
-  props: {
-    elements: { default: () => [] },
-    itemStyle: { default: () => ({
-      cropped: !1,
-      checkbox: !1
-    }) },
-    customStyle: { default: () => ({
-      border: !0,
-      rounded: "small",
-      restricted: !1
-    }) }
-  },
-  setup(p) {
-    const r = p, b = d(() => {
-      const e = r.customStyle.border === !1 ? "border-0" : "border", u = B[r.customStyle.rounded ? r.customStyle.rounded : "small"], t = r.customStyle.restricted ? "p-0" : "p-4";
-      return `${e} ${u} ${t}`;
-    }), S = d(() => r.customStyle.restricted ? "p-6" : "mx-6 py-6"), k = d(() => r.itemStyle.button || r.itemStyle.checkbox || r.itemStyle.icon ? "grid-cols-11" : "grid-cols-7");
-    return (e, u) => (o(), n("div", {
-      class: i(`${b.value} border-gray-200 flex flex-col dark:border-slate-700 dark:bg-slate-900 lg:mx-28`)
-    }, [
-      (o(!0), n(_, null, $(e.elements, (t) => {
-        var m, y;
-        return o(), n("li", {
-          key: e.elements.indexOf(t),
-          class: i(`${e.elements.indexOf(t) !== 0 ? "border-t" : ""} list-none ${S.value} grid ${k.value} justify-items-center items-center border-gray-200 dark:border-slate-700`)
-        }, [
-          t.avatar ? (o(), l(j, a({
-            key: 0,
-            src: (m = t.avatar) == null ? void 0 : m.src,
-            alt: (y = t.avatar) == null ? void 0 : y.alt,
-            ref_for: !0
-          }, e.itemStyle.avatar, { class: "col-span-2" }), null, 16, ["src", "alt"])) : s("", !0),
-          c("div", E, [
-            c("h3", V, f(t.title), 1),
-            c("div", {
-              class: i(`${e.itemStyle.cropped ? "line-clamp-3" : ""}`),
-              innerHTML: h(C)(t.description)
-            }, null, 10, H)
-          ]),
-          e.itemStyle.button || e.itemStyle.checkbox || e.itemStyle.icon ? (o(), n("div", M, [
-            e.itemStyle.button ? (o(), l(L, a({
-              key: 0,
-              type: `${e.itemStyle.button.type ? e.itemStyle.button.type : "base"}`,
-              ref_for: !0
-            }, t.button, { rounded: !0 }), {
-              default: v(() => [
-                T(f(e.itemStyle.button.content), 1)
-              ]),
-              _: 2
-            }, 1040, ["type"])) : s("", !0),
-            e.itemStyle.checkbox ? (o(), l(x, a({
-              key: 1,
-              ref_for: !0
-            }, t.checkbox), null, 16)) : s("", !0),
-            e.itemStyle.icon ? (o(), l(N, a({
-              key: 2,
-              ref_for: !0
-            }, e.itemStyle.icon), null, 16)) : s("", !0)
-          ])) : s("", !0)
-        ], 2);
-      }), 128))
-    ], 2));
-  }
-});
-export {
-  F as default
-};

package/dist/EpSummativeTable-iudwhrUL.js

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

package/dist/EpSvg-Bnj4H9sA.js

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

package/dist/EpTable-Byza5VY-.js

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

package/dist/EpTerm-BkpUPK_G.js

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

package/dist/EpText-J0qcEorF.js

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

package/dist/EpTimeLine-Czscwhgg.js

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

package/dist/EpVideo-0w267ZqV.js

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

package/dist/EpVideoPanopto-CDy_LUMi.js

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

package/dist/EpWordDef-qWt87mhg.js

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

package/dist/menu.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('../vue/dist/vue.esm-bundler.js').DefineComponent<{}, {}, {}, {}, {}, import('../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, HTMLElement>;
-export default _default;