ep-lib-ts 1.0.27 → 1.0.29

package/dist/{index-DJlSoYXr.js → index-DWUqyBqi.js}

@@ -1,4 +1,4 @@
-import { g as Ml } from "./EpCodeblock-CZ1tMDQY.js";
+import { a0 as Ml } from "./index-CjQkBiyu.js";
 function _l(n) {
   return n instanceof Map ? n.clear = n.delete = n.set = function() {
     throw new Error("map is read-only");

package/dist/index.d.ts

@@ -24,6 +24,7 @@ import { default as EpIntroduction } from './components/educationals/EpIntroduct
 import { default as EpInstructions } from './components/educationals/EpInstructions.vue';
 import { default as EpDescription } from './components/educationals/EpDescription.vue';
 import { default as EpConclusion } from './components/educationals/EpConclusion.vue';
+import { default as EpCodeblock } from './components/educationals/EpCodeblock.vue';
 import { default as EpAccordeon } from './components/interactions/EpAccordeon.vue';
 import { default as EpContentSlider } from './components/interactions/EpContentSlider.vue';
 import { default as EpModal } from './components/interactions/EpModal.vue';
@@ -48,4 +49,4 @@ import { default as EpHeader } from './components/signages/EpHeader.vue';
 import { default as EpQuote } from './components/signages/EpQuote.vue';
 import { default as EpSkeleton } from './components/signages/EpSkeleton.vue';
 
-export { EpBadge, EpBtn, EpCard, EpChip, EpDivider, EpFlex, EpIcon, EpImg, EpSection, EpSpinner, EpTable, EpBarChart, EpLineChart, EpPieChart, EpFunnelChart, EpText, EpEdu, EpReading, EpResource, EpScope, EpAccordeon, EpContentSlider, EpModal, EpQuestion, EpTabs, EpAudio, EpCarousel, EpIframe, EpKatex, EpLink, EpLinkVersion, EpSoftware, EpSvg, EpTerm, EpTimeLine, EpVideo, EpVideoPanopto, EpAlert, EpHeader, EpQuote, EpSkeleton, EpWordDef, EpSummativeTable, EpObjective, EpSpecificObjective, EpIntroduction, EpInstructions, EpDescription, EpConclusion };
+export { EpBadge, EpBtn, EpCard, EpChip, EpDivider, EpFlex, EpIcon, EpImg, EpSection, EpSpinner, EpTable, EpBarChart, EpLineChart, EpPieChart, EpFunnelChart, EpText, EpEdu, EpReading, EpResource, EpScope, EpAccordeon, EpContentSlider, EpModal, EpQuestion, EpTabs, EpAudio, EpCarousel, EpIframe, EpKatex, EpLink, EpLinkVersion, EpSoftware, EpSvg, EpTerm, EpTimeLine, EpVideo, EpVideoPanopto, EpAlert, EpHeader, EpQuote, EpSkeleton, EpWordDef, EpSummativeTable, EpObjective, EpSpecificObjective, EpIntroduction, EpInstructions, EpDescription, EpConclusion, EpCodeblock };

package/dist/{prism-BBDN_oIY.js → prism-Ct9Pv9io.js}

@@ -1,4 +1,4 @@
-import { g as V, c as W } from "./EpCodeblock-CZ1tMDQY.js";
+import { a0 as V, a1 as W } from "./index-CjQkBiyu.js";
 function ee(S, P) {
   for (var i = 0; i < P.length; i++) {
     const g = P[i];

package/package.json

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

package/src/components/educationals/EpSpecificObjective.vue

@@ -1,32 +1,27 @@
 <script setup lang="ts">
 import { computed } from "vue";
 interface Props {
-  label?: string | null;
-  title?: string | null;
-  color?: `border-${string}`;
+  label?: string;
+  color?: string;
   tab?: boolean;
-  content?: string | null;
+  content?: string;
   bg?: boolean;
-  border?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  color: "border-gray",
+  color: "border-gray-200",
   tab: false,
-  border: false,
 });
 
 const styles = computed(() => {
-  return `
-  ${props.tab ? "border-l-8" : ""} 
-  ${props.bg ? "bg-gray-50 dark:border-gray-50 dark:text-dark" : ""} 
-  ${props.border ? "ring-1 dark:ring-gray-50" : ""}
-  `;
+  const tabStyle = props.tab ? `border-l-8 ${props.color} ` : ""
+  const bgStyle = props.bg ? "bg-gray-100 dark:text-dark" : ""
+  return `${tabStyle} ${bgStyle}`;
 });
 </script>
 <template>
-    <div :class="`${styles} rounded-lg ring-gray-900/5 p-4`">
-      <dl class="flex flex-nowrap gap-x-4">
+    <div :class="`${styles} rounded-lg p-4 ml-10 border border-t-gray-100 border-r-gray-100 border-b-gray-100`">
+      <div class="flex flex-nowrap gap-x-4">
         <div v-if="label" class="flex-none self-center">
           <div
             class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium text-primary-700 ring-1 ring-inset ring-primary-600/20"
@@ -37,6 +32,6 @@ const styles = computed(() => {
         <div class="flex-auto">
           <dd :class="`mt-1 text-base font-base text-gray-900 ${bg?'dark:text-dark':'dark:text-gray-300'}`">{{ content }}</dd>
         </div>
-      </dl>
+      </div>
     </div>
 </template>

package/dist/BgAudio-gcAkUGFD.js

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

package/dist/DisplayBox-DEG07jRH.js

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

package/dist/EpAlert-CeDldb5e.js

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

package/dist/EpAudio-BNczlc2P.js

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

package/dist/EpBadge-xOt7AyL1.js

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

package/dist/EpBarChart-DOy5sW4n.js

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

package/dist/EpBtn-Cpw_3Dm5.js

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

package/dist/EpCard-BDLq1ccU.js

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

package/dist/EpChip-D-FF6752.js

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