ep-lib-ts 1.0.63 → 1.0.65

package/dist/components/medias/EpTimeLine.vue.js

@@ -1,101 +1,8 @@
-import { defineComponent, ref, onMounted, computed, toRefs, createElementBlock, openBlock, createElementVNode, toDisplayString, unref, Fragment, renderList, normalizeClass, createTextVNode, createVNode, TransitionGroup, withCtx, createBlock } from "vue";
-import { colorsTimeLine } from "../../types/TimeLine.js";
-import TimeLineItem from "../tools/TimelineItem.vue.js";
-import _sfc_main$1 from "../basics/EpIcon.vue.js";
-import { mdiCheckboxMarkedCircle, mdiCheckboxBlankCircleOutline } from "@mdi/js";
-const _hoisted_1 = { class: "w-10/12 mx-auto relative" };
-const _hoisted_2 = { class: "text-2xl mb-2" };
-const _hoisted_3 = { class: "my-4 px-2" };
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = { class: "border-l-4 pl-1 transition-all dark:border-l-gray-500" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EpTimeLine",
-  props: {
-    tags: {},
-    events: {},
-    title: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const timeLineTags = ref();
-    onMounted(() => {
-      if (props.tags) {
-        timeLineTags.value = props.tags.map((tag) => ({ ...tag, active: false }));
-      }
-    });
-    const styleTag = (color) => {
-      const styles = colorsTimeLine[color];
-      if (!styles) {
-        return colorsTimeLine.noTag;
-      }
-      return styles;
-    };
-    const activeTags = computed(() => {
-      var _a;
-      return ((_a = timeLineTags.value) == null ? void 0 : _a.filter((tag) => tag.active)) || [];
-    });
-    const filteredEvents = computed(() => {
-      if (activeTags.value.length === 0) {
-        return props.events;
-      } else {
-        const filtered = props.events.filter((event) => {
-          if (event.tag) {
-            return activeTags.value.some((t) => {
-              var _a;
-              return t.id === ((_a = event.tag) == null ? void 0 : _a.id);
-            });
-          }
-        });
-        return filtered;
-      }
-    });
-    const toggleActive = (tag) => {
-      tag.active = !tag.active;
-    };
-    const { title } = toRefs(props);
-    return (_ctx, _cache) => {
-      var _a, _b;
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("h3", _hoisted_2, toDisplayString((_a = unref(title)) == null ? void 0 : _a.text.headline), 1),
-          createElementVNode("p", null, toDisplayString((_b = unref(title)) == null ? void 0 : _b.text.text), 1),
-          createElementVNode("div", _hoisted_3, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(timeLineTags.value, (tag) => {
-              return openBlock(), createElementBlock("span", {
-                key: tag.id,
-                onClick: ($event) => toggleActive(tag),
-                class: normalizeClass(`mr-2 mb-2 inline-block cursor-pointer text-sm px-2 py-1 rounded border ${styleTag(tag.color).border} ${tag.active ? "text-white" : styleTag(tag.color).text} ${tag.active ? styleTag(tag.color).bg : ""}`)
-              }, [
-                createTextVNode(toDisplayString(tag.title) + " ", 1),
-                createVNode(_sfc_main$1, {
-                  "icon-path": tag.active ? unref(mdiCheckboxMarkedCircle) : unref(mdiCheckboxBlankCircleOutline),
-                  size: "14"
-                }, null, 8, ["icon-path"])
-              ], 10, _hoisted_4);
-            }), 128))
-          ]),
-          createElementVNode("div", _hoisted_5, [
-            createVNode(TransitionGroup, {
-              name: "list",
-              tag: "div"
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(filteredEvents.value, (item, i) => {
-                  return openBlock(), createBlock(TimeLineItem, {
-                    key: `${i}-card-${item.id}`,
-                    event: item
-                  }, null, 8, ["event"]);
-                }), 128))
-              ]),
-              _: 1
-            })
-          ])
-        ])
-      ]);
-    };
-  }
-});
+import _sfc_main from "./EpTimeLine.vue2.js";
+/* empty css                */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6ad2fc60"]]);
 export {
-  _sfc_main as default
+  Comp as default
 };
 //# sourceMappingURL=EpTimeLine.vue.js.map

package/dist/components/medias/EpTimeLine.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpTimeLine.vue.js","sources":["../../../src/components/medias/EpTimeLine.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, toRefs, onMounted, computed } from \"vue\";\nimport {\n  type TagTimeLine,\n  type ColorsTags,\n  colorsTimeLine,\n} from \"~/types/TimeLine\";\nimport TimeLineItem from \"~/components/tools/TimelineItem.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiCheckboxBlankCircleOutline } from \"@mdi/js\";\nimport { mdiCheckboxMarkedCircle } from \"@mdi/js\";\nimport type { EpTimeLineProps } from \"~/types/medias/EpTimeLine\";\n\nconst props = withDefaults(defineProps<EpTimeLineProps>(), {});\n\nconst timeLineTags = ref<TagTimeLine[]>();\n\nonMounted(() => {\n  if (props.tags) {\n    timeLineTags.value = props.tags.map((tag) => ({ ...tag, active: false }));\n  }\n});\n\nconst styleTag = (color: ColorsTags) => {\n  const styles = colorsTimeLine[color];\n  if (!styles) {\n    return colorsTimeLine.noTag;\n  }\n  return styles;\n};\n\nconst activeTags = computed(() => {\n  return timeLineTags.value?.filter((tag) => tag.active) || [];\n});\n\nconst filteredEvents = computed(() => {\n  if (activeTags.value.length === 0) {\n    return props.events;\n  } else {\n    const filtered = props.events.filter((event) => {\n      if (event.tag) {\n        ///event.tag.id === this.activesTags.some(t => t.id)\n        return activeTags.value.some((t) => t.id === event.tag?.id);\n      }\n    });\n    return filtered;\n  }\n});\n\nconst toggleActive = (tag: TagTimeLine) => {\n  tag.active = !tag.active;\n};\n\nconst { title } = toRefs(props);\n</script>\n\n<template>\n  <!-- component -->\n  <div>\n    <div class=\"w-10/12 mx-auto relative\">\n      <h3 class=\"text-2xl mb-2\">{{ title?.text.headline }}</h3>\n      <p>{{ title?.text.text }}</p>\n      <div class=\"my-4 px-2\">\n        <template v-for=\"tag in timeLineTags\" :key=\"tag.id\">\n          <span\n            @click=\"toggleActive(tag)\"\n            :class=\"`mr-2 mb-2 inline-block cursor-pointer text-sm px-2 py-1 rounded border ${\n              styleTag(tag.color).border\n            } ${tag.active ? 'text-white' : styleTag(tag.color).text} ${\n              tag.active ? styleTag(tag.color).bg : ''\n            }`\"\n          >\n            {{ tag.title }}\n            <EpIcon\n              :icon-path=\"\n                tag.active\n                  ? mdiCheckboxMarkedCircle\n                  : mdiCheckboxBlankCircleOutline\n              \"\n              size=\"14\"\n            />\n          </span>\n        </template>\n      </div>\n      <div class=\"border-l-4 pl-1 transition-all dark:border-l-gray-500\">\n        <TransitionGroup name=\"list\" tag=\"div\">\n          <template\n            v-for=\"(item, i) in filteredEvents\"\n            :key=\"`${i}-card-${item.id}`\"\n          >\n            <TimeLineItem :event=\"item\"></TimeLineItem>\n          </template>\n        </TransitionGroup>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.5s ease;\n}\n\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_toDisplayString","_unref","_Fragment","_renderList","_normalizeClass","_createVNode","EpIcon","_TransitionGroup","_openBlock","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQ;AAEd,UAAM,eAAe,IAAA;AAErB,cAAU,MAAM;AACd,UAAI,MAAM,MAAM;AACd,qBAAa,QAAQ,MAAM,KAAK,IAAI,CAAC,SAAS,EAAE,GAAG,KAAK,QAAQ,MAAA,EAAQ;AAAA,MAC1E;AAAA,IACF,CAAC;AAED,UAAM,WAAW,CAAC,UAAsB;AACtC,YAAM,SAAS,eAAe,KAAK;AACnC,UAAI,CAAC,QAAQ;AACX,eAAO,eAAe;AAAA,MACxB;AACA,aAAO;AAAA,IACT;AAEA,UAAM,aAAa,SAAS,MAAM;;AAChC,eAAO,kBAAa,UAAb,mBAAoB,OAAO,CAAC,QAAQ,IAAI,YAAW,CAAA;AAAA,IAC5D,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,WAAW,MAAM,WAAW,GAAG;AACjC,eAAO,MAAM;AAAA,MACf,OAAO;AACL,cAAM,WAAW,MAAM,OAAO,OAAO,CAAC,UAAU;AAC9C,cAAI,MAAM,KAAK;AAEb,mBAAO,WAAW,MAAM,KAAK,CAAC;;AAAM,uBAAE,SAAO,WAAM,QAAN,mBAAW;AAAA,aAAE;AAAA,UAC5D;AAAA,QACF,CAAC;AACD,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,eAAe,CAAC,QAAqB;AACzC,UAAI,SAAS,CAAC,IAAI;AAAA,IACpB;AAEA,UAAM,EAAE,MAAA,IAAU,OAAO,KAAK;;;0BAK5BA,mBAqCM,OAAA,MAAA;AAAA,QApCJC,mBAmCM,OAnCN,YAmCM;AAAA,UAlCJA,mBAAyD,MAAzD,YAAyDC,iBAA5BC,sBAAAA,mBAAO,KAAK,QAAQ,GAAA,CAAA;AAAA,UACjDF,mBAA6B,KAAA,MAAAC,iBAAvBC,WAAA,KAAA,MAAAA,mBAAO,KAAK,IAAI,GAAA,CAAA;AAAA,UACtBF,mBAqBM,OArBN,YAqBM;AAAA,8BApBJD,mBAmBWI,UAAA,MAAAC,WAnBa,aAAA,OAAY,CAAnB,QAAG;kCAClBL,mBAiBO,QAAA;AAAA,gBAlBmC,KAAA,IAAI;AAAA,gBAE3C,SAAK,CAAA,WAAE,aAAa,GAAG;AAAA,gBACvB,OAAKM,eAAA,0EAA2F,SAAS,IAAI,KAAK,EAAE,UAAuB,IAAI,SAAM,eAAkB,SAAS,IAAI,KAAK,EAAE,IAAI,IAAmB,IAAI,SAAS,SAAS,IAAI,KAAK,EAAE,KAAE;;gDAMnP,IAAI,KAAK,IAAG,KACf,CAAA;AAAA,gBAAAC,YAOEC,aAAA;AAAA,kBANC,aAA4B,IAAI,SAA2BL,MAAA,uBAAA,IAA4CA,MAAA,6BAAA;AAAA,kBAKxG,MAAK;AAAA,gBAAA;;;;UAKbF,mBASM,OATN,YASM;AAAA,YARJM,YAOkBE,iBAAA;AAAA,cAPD,MAAK;AAAA,cAAO,KAAI;AAAA,YAAA;+BAE7B,MAAmC;AAAA,iBADrCC,UAAA,IAAA,GAAAV,mBAKWI,UAAA,MAAAC,WAJW,eAAA,OAAc,CAA1B,MAAM,MAAC;sCAGfM,YAA2C,cAAA;AAAA,4BAFlC,CAAC,SAAS,KAAK,EAAE;AAAA,oBAEX,OAAO;AAAA,kBAAA;;;;;;;;;;;"}
+{"version":3,"file":"EpTimeLine.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/medias/EpTimeLine.vue2.js

@@ -0,0 +1,101 @@
+import { defineComponent, ref, onMounted, computed, toRefs, createElementBlock, openBlock, createElementVNode, toDisplayString, unref, Fragment, renderList, normalizeClass, createTextVNode, createVNode, TransitionGroup, withCtx, createBlock } from "vue";
+import { colorsTimeLine } from "../../types/TimeLine.js";
+import TimeLineItem from "../tools/TimelineItem.vue.js";
+import _sfc_main$1 from "../basics/EpIcon.vue.js";
+import { mdiCheckboxMarkedCircle, mdiCheckboxBlankCircleOutline } from "@mdi/js";
+const _hoisted_1 = { class: "w-10/12 mx-auto relative" };
+const _hoisted_2 = { class: "text-2xl mb-2" };
+const _hoisted_3 = { class: "my-4 px-2" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "border-l-4 pl-1 transition-all dark:border-l-gray-500" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EpTimeLine",
+  props: {
+    tags: {},
+    events: {},
+    title: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const timeLineTags = ref();
+    onMounted(() => {
+      if (props.tags) {
+        timeLineTags.value = props.tags.map((tag) => ({ ...tag, active: false }));
+      }
+    });
+    const styleTag = (color) => {
+      const styles = colorsTimeLine[color];
+      if (!styles) {
+        return colorsTimeLine.noTag;
+      }
+      return styles;
+    };
+    const activeTags = computed(() => {
+      var _a;
+      return ((_a = timeLineTags.value) == null ? void 0 : _a.filter((tag) => tag.active)) || [];
+    });
+    const filteredEvents = computed(() => {
+      if (activeTags.value.length === 0) {
+        return props.events;
+      } else {
+        const filtered = props.events.filter((event) => {
+          if (event.tag) {
+            return activeTags.value.some((t) => {
+              var _a;
+              return t.id === ((_a = event.tag) == null ? void 0 : _a.id);
+            });
+          }
+        });
+        return filtered;
+      }
+    });
+    const toggleActive = (tag) => {
+      tag.active = !tag.active;
+    };
+    const { title } = toRefs(props);
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("h3", _hoisted_2, toDisplayString((_a = unref(title)) == null ? void 0 : _a.text.headline), 1),
+          createElementVNode("p", null, toDisplayString((_b = unref(title)) == null ? void 0 : _b.text.text), 1),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(timeLineTags.value, (tag) => {
+              return openBlock(), createElementBlock("span", {
+                key: tag.id,
+                onClick: ($event) => toggleActive(tag),
+                class: normalizeClass(`mr-2 mb-2 inline-block cursor-pointer text-sm px-2 py-1 rounded border ${styleTag(tag.color).border} ${tag.active ? "text-white" : styleTag(tag.color).text} ${tag.active ? styleTag(tag.color).bg : ""}`)
+              }, [
+                createTextVNode(toDisplayString(tag.title) + " ", 1),
+                createVNode(_sfc_main$1, {
+                  "icon-path": tag.active ? unref(mdiCheckboxMarkedCircle) : unref(mdiCheckboxBlankCircleOutline),
+                  size: "14"
+                }, null, 8, ["icon-path"])
+              ], 10, _hoisted_4);
+            }), 128))
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            createVNode(TransitionGroup, {
+              name: "eptimeline",
+              tag: "div"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(filteredEvents.value, (item, i) => {
+                  return openBlock(), createBlock(TimeLineItem, {
+                    key: `${i}-card-${item.id}`,
+                    event: item
+                  }, null, 8, ["event"]);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EpTimeLine.vue2.js.map

package/dist/components/medias/EpTimeLine.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpTimeLine.vue2.js","sources":["../../../src/components/medias/EpTimeLine.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, toRefs, onMounted, computed } from \"vue\";\nimport {\n  type TagTimeLine,\n  type ColorsTags,\n  colorsTimeLine,\n} from \"~/types/TimeLine\";\nimport TimeLineItem from \"~/components/tools/TimelineItem.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiCheckboxBlankCircleOutline } from \"@mdi/js\";\nimport { mdiCheckboxMarkedCircle } from \"@mdi/js\";\nimport type { EpTimeLineProps } from \"~/types/medias/EpTimeLine\";\n\nconst props = withDefaults(defineProps<EpTimeLineProps>(), {});\n\nconst timeLineTags = ref<TagTimeLine[]>();\n\nonMounted(() => {\n  if (props.tags) {\n    timeLineTags.value = props.tags.map((tag) => ({ ...tag, active: false }));\n  }\n});\n\nconst styleTag = (color: ColorsTags) => {\n  const styles = colorsTimeLine[color];\n  if (!styles) {\n    return colorsTimeLine.noTag;\n  }\n  return styles;\n};\n\nconst activeTags = computed(() => {\n  return timeLineTags.value?.filter((tag) => tag.active) || [];\n});\n\nconst filteredEvents = computed(() => {\n  if (activeTags.value.length === 0) {\n    return props.events;\n  } else {\n    const filtered = props.events.filter((event) => {\n      if (event.tag) {\n        ///event.tag.id === this.activesTags.some(t => t.id)\n        return activeTags.value.some((t) => t.id === event.tag?.id);\n      }\n    });\n    return filtered;\n  }\n});\n\nconst toggleActive = (tag: TagTimeLine) => {\n  tag.active = !tag.active;\n};\n\nconst { title } = toRefs(props);\n</script>\n\n<template>\n  <!-- component -->\n  <div>\n    <div class=\"w-10/12 mx-auto relative\">\n      <h3 class=\"text-2xl mb-2\">{{ title?.text.headline }}</h3>\n      <p>{{ title?.text.text }}</p>\n      <div class=\"my-4 px-2\">\n        <template v-for=\"tag in timeLineTags\" :key=\"tag.id\">\n          <span\n            @click=\"toggleActive(tag)\"\n            :class=\"`mr-2 mb-2 inline-block cursor-pointer text-sm px-2 py-1 rounded border ${\n              styleTag(tag.color).border\n            } ${tag.active ? 'text-white' : styleTag(tag.color).text} ${\n              tag.active ? styleTag(tag.color).bg : ''\n            }`\"\n          >\n            {{ tag.title }}\n            <EpIcon\n              :icon-path=\"\n                tag.active\n                  ? mdiCheckboxMarkedCircle\n                  : mdiCheckboxBlankCircleOutline\n              \"\n              size=\"14\"\n            />\n          </span>\n        </template>\n      </div>\n      <div class=\"border-l-4 pl-1 transition-all dark:border-l-gray-500\">\n        <TransitionGroup name=\"eptimeline\" tag=\"div\">\n          <template\n            v-for=\"(item, i) in filteredEvents\"\n            :key=\"`${i}-card-${item.id}`\"\n          >\n            <TimeLineItem :event=\"item\"></TimeLineItem>\n          </template>\n        </TransitionGroup>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.eptimeline-list-enter-active,\n.eptimeline-list-leave-active {\n  transition: all 0.5s ease;\n}\n\n.eptimeline-list-enter-from,\n.eptimeline-list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_toDisplayString","_unref","_Fragment","_renderList","_normalizeClass","_createVNode","EpIcon","_TransitionGroup","_openBlock","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQ;AAEd,UAAM,eAAe,IAAA;AAErB,cAAU,MAAM;AACd,UAAI,MAAM,MAAM;AACd,qBAAa,QAAQ,MAAM,KAAK,IAAI,CAAC,SAAS,EAAE,GAAG,KAAK,QAAQ,MAAA,EAAQ;AAAA,MAC1E;AAAA,IACF,CAAC;AAED,UAAM,WAAW,CAAC,UAAsB;AACtC,YAAM,SAAS,eAAe,KAAK;AACnC,UAAI,CAAC,QAAQ;AACX,eAAO,eAAe;AAAA,MACxB;AACA,aAAO;AAAA,IACT;AAEA,UAAM,aAAa,SAAS,MAAM;;AAChC,eAAO,kBAAa,UAAb,mBAAoB,OAAO,CAAC,QAAQ,IAAI,YAAW,CAAA;AAAA,IAC5D,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,WAAW,MAAM,WAAW,GAAG;AACjC,eAAO,MAAM;AAAA,MACf,OAAO;AACL,cAAM,WAAW,MAAM,OAAO,OAAO,CAAC,UAAU;AAC9C,cAAI,MAAM,KAAK;AAEb,mBAAO,WAAW,MAAM,KAAK,CAAC;;AAAM,uBAAE,SAAO,WAAM,QAAN,mBAAW;AAAA,aAAE;AAAA,UAC5D;AAAA,QACF,CAAC;AACD,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,eAAe,CAAC,QAAqB;AACzC,UAAI,SAAS,CAAC,IAAI;AAAA,IACpB;AAEA,UAAM,EAAE,MAAA,IAAU,OAAO,KAAK;;;0BAK5BA,mBAqCM,OAAA,MAAA;AAAA,QApCJC,mBAmCM,OAnCN,YAmCM;AAAA,UAlCJA,mBAAyD,MAAzD,YAAyDC,iBAA5BC,sBAAAA,mBAAO,KAAK,QAAQ,GAAA,CAAA;AAAA,UACjDF,mBAA6B,KAAA,MAAAC,iBAAvBC,WAAA,KAAA,MAAAA,mBAAO,KAAK,IAAI,GAAA,CAAA;AAAA,UACtBF,mBAqBM,OArBN,YAqBM;AAAA,8BApBJD,mBAmBWI,UAAA,MAAAC,WAnBa,aAAA,OAAY,CAAnB,QAAG;kCAClBL,mBAiBO,QAAA;AAAA,gBAlBmC,KAAA,IAAI;AAAA,gBAE3C,SAAK,CAAA,WAAE,aAAa,GAAG;AAAA,gBACvB,OAAKM,eAAA,0EAA2F,SAAS,IAAI,KAAK,EAAE,UAAuB,IAAI,SAAM,eAAkB,SAAS,IAAI,KAAK,EAAE,IAAI,IAAmB,IAAI,SAAS,SAAS,IAAI,KAAK,EAAE,KAAE;;gDAMnP,IAAI,KAAK,IAAG,KACf,CAAA;AAAA,gBAAAC,YAOEC,aAAA;AAAA,kBANC,aAA4B,IAAI,SAA2BL,MAAA,uBAAA,IAA4CA,MAAA,6BAAA;AAAA,kBAKxG,MAAK;AAAA,gBAAA;;;;UAKbF,mBASM,OATN,YASM;AAAA,YARJM,YAOkBE,iBAAA;AAAA,cAPD,MAAK;AAAA,cAAa,KAAI;AAAA,YAAA;+BAEnC,MAAmC;AAAA,iBADrCC,UAAA,IAAA,GAAAV,mBAKWI,UAAA,MAAAC,WAJW,eAAA,OAAc,CAA1B,MAAM,MAAC;sCAGfM,YAA2C,cAAA;AAAA,4BAFlC,CAAC,SAAS,KAAK,EAAE;AAAA,oBAEX,OAAO;AAAA,kBAAA;;;;;;;;;;;"}

package/dist/components/medias/EpWordDef.vue.js

@@ -5,17 +5,17 @@ import { useRenderText } from "../../composables/useRenderText.js";
 import { useRouter } from "vue-router";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { class: "h-min border border-base rounded-lg divide-y" };
+const _hoisted_3 = { class: "h-min ep-border-neutral border rounded-lg divide-y" };
 const _hoisted_4 = { class: "text-xl font-semibold p-2" };
 const _hoisted_5 = { class: "flex justify-between" };
-const _hoisted_6 = { class: "text-sm font-medium bg-base-light dark:text-dark p-2" };
+const _hoisted_6 = { class: "text-sm font-medium p-2" };
 const _hoisted_7 = {
   key: 0,
   class: "px-2 py-1"
 };
-const _hoisted_8 = { class: "text-sm font-medium bg-base-light dark:text-dark p-2" };
+const _hoisted_8 = { class: "text-sm font-medium p-2" };
 const _hoisted_9 = { class: "px-2 py-1" };
-const _hoisted_10 = { class: "text-sm font-medium bg-base-light dark:text-dark p-2" };
+const _hoisted_10 = { class: "text-sm font-medium p-2" };
 const _hoisted_11 = { class: "px-2 py-1" };
 const _hoisted_12 = ["innerHTML"];
 const _hoisted_13 = {
@@ -25,7 +25,7 @@ const _hoisted_13 = {
 const _hoisted_14 = ["innerHTML"];
 const _hoisted_15 = { class: "flex w-1/2 justify-center p-2" };
 const _hoisted_16 = { key: 0 };
-const _hoisted_17 = { class: "text-sm font-medium bg-base-light dark:text-dark p-2" };
+const _hoisted_17 = { class: "text-sm font-medium p-2" };
 const _hoisted_18 = { class: "p-2" };
 const _hoisted_19 = ["onClick"];
 const _hoisted_20 = { key: 1 };
@@ -74,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const id = ref(props.uid || useCreateUid());
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "dark:bg-dark",
+        class: "ep-surface-2",
         id: id.value
       }, [
         _ctx.term && _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_2, [

package/dist/components/medias/EpWordDef.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpWordDef.vue.js","sources":["../../../src/components/medias/EpWordDef.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useRouter } from \"vue-router\";\nimport type { EpWordDefProps } from \"~/types/medias/EpWordDef\";\n\nconst props = withDefaults(defineProps<EpWordDefProps>(), {\n  labelInformation: \"Information grammaticale\",\n  labelDomain: \"Domaine\",\n  labelRelations: \"Relations\",\n  labelNoDefinition: \"La definition n'est pas disponible\",\n  labelVariations: \"Variation(s)\",\n  cols: \"10\",\n});\n\nconst sizeGramIngo = computed(() => {\n  if (props.content) {\n    return props.content.domain || props.variation.length > 0\n      ? \"w-1/3\"\n      : \"w-full\";\n  }\n  return \"\";\n});\n\nconst sizeDomain = computed(() => {\n  if (props.variation) {\n    return props.variation.length > 0 ? \"w-1/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\nconst sizeVariations = computed(() => {\n  if (props.content) {\n    return props.content.domain ? \"w-2/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\n/*\nconst findRelations = (relations: string[]): { id: number | string, term: string }[] => {\n  let _relations = props.glossary.filter((term) => {\n    return relations.some((x) => {\n      return term.id === x;\n    });\n  });\n  return _relations.map((x) => ({id:x.id, term:x.term}));\n};*/\n\nconst router = useRouter();\nconst goto = (term: string) => {\n  if (router.hasRoute(\"glossary\")) {\n    router.push({ path: \"/glossary\", query: { word: term } });\n  }\n  //console.log(router.hasRoute('signages'))\n  //\n};\n\nconst id = ref(props.uid || useCreateUid());\n</script>\n\n<template>\n  <div class=\"dark:bg-dark\" :id=\"id\">\n    <div v-if=\"term && description\">\n      <div class=\"h-min border border-base rounded-lg divide-y\">\n        <h2 class=\"text-xl font-semibold p-2\">{{ term }}</h2>\n        <div class=\"flex justify-between\">\n          <div :class=\"sizeGramIngo\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelInformation }}\n            </p>\n            <div class=\"px-2 py-1\" v-if=\"content.gramInfo\">\n              {{ content.gramInfo }}\n            </div>\n          </div>\n          <div :class=\"sizeDomain\" v-if=\"content.domain\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelDomain }}\n            </p>\n            <div class=\"px-2 py-1\">{{ content.domain }}</div>\n          </div>\n          <div :class=\"sizeVariations\" v-if=\"variation.length > 0\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelVariations }}\n            </p>\n            <div class=\"px-2 py-1\">\n              <span v-for=\"(_variation, i) in variation\" :key=\"`v-${i}`\"\n                >{{ _variation\n                }}{{ variation.length > i + 1 ? \", \" : \".\" }}</span\n              >\n            </div>\n          </div>\n        </div>\n        <template v-if=\"!content.image\">\n          <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n        </template>\n        <template v-else>\n          <div class=\"flex flex-row justify-between\">\n            <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n            <div class=\"flex w-1/2 justify-center p-2\">\n              <EpImg :src=\"content.image\" :cols=\"cols\" />\n            </div>\n          </div>\n        </template>\n\n        <div>\n          <div v-if=\"relation.length > 0\">\n            <p class=\"text-sm font-medium bg-base-light dark:text-dark p-2\">\n              {{ labelRelations }}\n            </p>\n            <div class=\"p-2\">\n              <template\n                v-for=\"(_relation, i) in relation\"\n                :key=\"`relation-${i}`\"\n              >\n                <button\n                  class=\"p-1 border rounded mr-1\"\n                  @click=\"goto(_relation.termId)\"\n                >\n                  {{ _relation.term }}\n                </button>\n              </template>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else>{{ labelNoDefinition }}</div>\n  </div>\n</template>\n"],"names":["_createElementBlock","term","description","_createElementVNode","_toDisplayString","labelInformation","content","_openBlock","labelDomain","variation","labelVariations","_Fragment","_renderList","_unref","_createVNode","EpImg","cols","relation","labelRelations","labelNoDefinition"],"mappings":"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"}
+{"version":3,"file":"EpWordDef.vue.js","sources":["../../../src/components/medias/EpWordDef.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport EpImg from \"~/components/basics/EpImg.vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { useRenderText } from \"~/composables/useRenderText\";\nimport { useRouter } from \"vue-router\";\nimport type { EpWordDefProps } from \"~/types/medias/EpWordDef\";\n\nconst props = withDefaults(defineProps<EpWordDefProps>(), {\n  labelInformation: \"Information grammaticale\",\n  labelDomain: \"Domaine\",\n  labelRelations: \"Relations\",\n  labelNoDefinition: \"La definition n'est pas disponible\",\n  labelVariations: \"Variation(s)\",\n  cols: \"10\",\n});\n\nconst sizeGramIngo = computed(() => {\n  if (props.content) {\n    return props.content.domain || props.variation.length > 0\n      ? \"w-1/3\"\n      : \"w-full\";\n  }\n  return \"\";\n});\n\nconst sizeDomain = computed(() => {\n  if (props.variation) {\n    return props.variation.length > 0 ? \"w-1/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\nconst sizeVariations = computed(() => {\n  if (props.content) {\n    return props.content.domain ? \"w-2/4\" : \"w-3/4\";\n  }\n  return \"\";\n});\n\n/*\nconst findRelations = (relations: string[]): { id: number | string, term: string }[] => {\n  let _relations = props.glossary.filter((term) => {\n    return relations.some((x) => {\n      return term.id === x;\n    });\n  });\n  return _relations.map((x) => ({id:x.id, term:x.term}));\n};*/\n\nconst router = useRouter();\nconst goto = (term: string) => {\n  if (router.hasRoute(\"glossary\")) {\n    router.push({ path: \"/glossary\", query: { word: term } });\n  }\n  //console.log(router.hasRoute('signages'))\n  //\n};\n\nconst id = ref(props.uid || useCreateUid());\n</script>\n\n<template>\n  <div class=\"ep-surface-2\" :id=\"id\">\n    <div v-if=\"term && description\">\n      <div class=\"h-min ep-border-neutral border rounded-lg divide-y\">\n        <h2 class=\"text-xl font-semibold p-2\">{{ term }}</h2>\n        <div class=\"flex justify-between\">\n          <div :class=\"sizeGramIngo\">\n            <p class=\"text-sm font-medium p-2\">\n              {{ labelInformation }}\n            </p>\n            <div class=\"px-2 py-1\" v-if=\"content.gramInfo\">\n              {{ content.gramInfo }}\n            </div>\n          </div>\n          <div :class=\"sizeDomain\" v-if=\"content.domain\">\n            <p class=\"text-sm font-medium p-2\">\n              {{ labelDomain }}\n            </p>\n            <div class=\"px-2 py-1\">{{ content.domain }}</div>\n          </div>\n          <div :class=\"sizeVariations\" v-if=\"variation.length > 0\">\n            <p class=\"text-sm font-medium p-2\">\n              {{ labelVariations }}\n            </p>\n            <div class=\"px-2 py-1\">\n              <span v-for=\"(_variation, i) in variation\" :key=\"`v-${i}`\"\n                >{{ _variation\n                }}{{ variation.length > i + 1 ? \", \" : \".\" }}</span\n              >\n            </div>\n          </div>\n        </div>\n        <template v-if=\"!content.image\">\n          <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n        </template>\n        <template v-else>\n          <div class=\"flex flex-row justify-between\">\n            <div class=\"px-2 py-6\" v-html=\"useRenderText(description)\" />\n            <div class=\"flex w-1/2 justify-center p-2\">\n              <EpImg :src=\"content.image\" :cols=\"cols\" />\n            </div>\n          </div>\n        </template>\n\n        <div>\n          <div v-if=\"relation.length > 0\">\n            <p class=\"text-sm font-medium p-2\">\n              {{ labelRelations }}\n            </p>\n            <div class=\"p-2\">\n              <template\n                v-for=\"(_relation, i) in relation\"\n                :key=\"`relation-${i}`\"\n              >\n                <button\n                  class=\"p-1 border rounded mr-1\"\n                  @click=\"goto(_relation.termId)\"\n                >\n                  {{ _relation.term }}\n                </button>\n              </template>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else>{{ labelNoDefinition }}</div>\n  </div>\n</template>\n"],"names":["_createElementBlock","term","description","_createElementVNode","_toDisplayString","labelInformation","content","_openBlock","labelDomain","variation","labelVariations","_Fragment","_renderList","_unref","_createVNode","EpImg","cols","relation","labelRelations","labelNoDefinition"],"mappings":"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"}

package/dist/components/signages/EpAlert.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./EpAlert.vue2.js";
 /* empty css             */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b4417cf8"]]);
+const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a9effecb"]]);
 export {
   Comp as default
 };

package/dist/components/signages/EpAlert.vue2.js

@@ -17,7 +17,7 @@ const _hoisted_5 = { class: "ep-info-box" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpAlert",
   props: {
-    type: { default: "base" },
+    type: { default: "neutral" },
     title: { default: null },
     outlined: { type: Boolean },
     noIcon: { type: Boolean, default: false },

package/dist/components/signages/EpAlert.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpAlert.vue2.js","sources":["../../../src/components/signages/EpAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\nimport { typeAlert, typeDivider } from \"~/types/Alert\";\nimport { useIcons } from \"~/composables/useIcons\";\nimport type { EpAlertProps } from \"~/types/signages/EpAlert\";\n\n/*NOTE IMPORTANT \n  sur l'éditeur la valeur outlined a été inversée (old v-switch the vuetify)\n  donc outlined:true is fonce \n  outlined:false is outlined style\n*/\n\nconst props = withDefaults(defineProps<EpAlertProps>(), {\n  type: \"base\",\n  title: null,\n  noIcon: false,\n});\n\n/* sur l'éditeur de parcours la composante a été fait à l'inverse malhereusement  (old v-switch the vuetify)*/\n/* donc outlined:true is fonce et oulined:false is the real onlined*/\nconst outlinedCompact = computed(() => {\n  return !props.outlined;\n});\n\nconst isOutlined = computed(() => {\n  if (!props.outlined) {\n    return \"outlined\";\n  }\n  return \"default\";\n});\n\n// to change after change bd strapi v4\nconst finalType = computed(() => {\n  if (typeof props.type === \"object\") {\n    return props.type.type;\n  }\n  return props.type;\n});\n\nconst styles = computed(() => {\n  return `${typeAlert[finalType.value]?.[isOutlined.value]}`;\n});\n\nconst styleHr = computed(() => {\n  return `${typeDivider[finalType.value]?.[isOutlined.value]}`;\n});\n\nconst icon = computed(() => {\n  let icon = useIcons[finalType.value].icon;\n  if (props.noIcon) {\n    return null;\n  }\n  return icon;\n});\n\nconst { title, compact, outlined } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"`flex p-4 rounded shadow-md m-2 ${styles}`\" v-if=\"!compact\">\n    <div v-if=\"icon\" class=\"flex items-center justify-center w-1/12\">\n      <EpIcon :size=\"40\" :icon-path=\"icon\" />\n    </div>\n    <div :class=\"`${icon ? 'w-11/12' : 'w-full'} flex items-center`\">\n      <div class=\"container\">\n        <h3 v-if=\"title\" class=\"text-left text-2xl font-bold\">{{ title }}</h3>\n        <hr v-if=\"title\" :class=\"`w-full my-3 border ${styleHr}`\" />\n        <div class=\"ep-info-box\">\n          <slot> </slot>\n        </div>\n      </div>\n    </div>\n  </div>\n  <EpAccordeon\n    :type=\"finalType\"\n    :outlined=\"outlinedCompact\"\n    :icon=\"icon\"\n    :title=\"title\"\n    v-else\n  >\n    <div class=\"ep-info-box\">\n      <slot />\n    </div>\n  </EpAccordeon>\n</template>\n\n<style scoped>\n.ep-info-box :deep(a) {\n  text-decoration: underline;\n  font-weight: 500;\n}\n</style>\n"],"names":["icon","_unref","_createElementBlock","_openBlock","_createVNode","EpIcon","_createElementVNode","_toDisplayString","_renderSlot","_createBlock","EpAccordeon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAQd,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,CAAC,MAAM;AAAA,IAChB,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,UAAU;AACnB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,OAAO,MAAM,SAAS,UAAU;AAClC,eAAO,MAAM,KAAK;AAAA,MACpB;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;;AAC5B,aAAO,IAAG,eAAU,UAAU,KAAK,MAAzB,mBAA6B,WAAW,MAAM;AAAA,IAC1D,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;;AAC7B,aAAO,IAAG,iBAAY,UAAU,KAAK,MAA3B,mBAA+B,WAAW,MAAM;AAAA,IAC5D,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAIA,QAAO,SAAS,UAAU,KAAK,EAAE;AACrC,UAAI,MAAM,QAAQ;AAChB,eAAO;AAAA,MACT;AACA,aAAOA;AAAAA,IACT,CAAC;AAED,UAAM,EAAE,OAAO,QAAkB,IAAI,OAAO,KAAK;;cAIiBC,MAAA,OAAA,kBAAhEC,mBAaM,OAAA;AAAA;QAbA,wDAAyC,OAAA,KAAM,EAAA;AAAA,MAAA;QACxC,KAAA,SAAXC,UAAA,GAAAD,mBAEM,OAFN,YAEM;AAAA,UADJE,YAAuCC,aAAA;AAAA,YAA9B,MAAM;AAAA,YAAK,aAAW,KAAA;AAAA,UAAA;;QAEjCC,mBAQM,OAAA;AAAA,UARA,yBAAU,KAAA,QAAI,YAAA,QAAA,oBAAA;AAAA,QAAA;UAClBA,mBAMM,OANN,YAMM;AAAA,YALML,MAAA,KAAA,kBAAVC,mBAAsE,MAAtE,YAAsEK,gBAAbN,MAAA,KAAA,CAAK,GAAA,CAAA;YACpDA,MAAA,KAAA,kBAAVC,mBAA4D,MAAA;AAAA;cAA1C,4CAA6B,QAAA,KAAO,EAAA;AAAA,YAAA;YACtDI,mBAEM,OAFN,YAEM;AAAA,cADJE,WAAc,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,YAAA;;;6BAKtBC,YAUcC,MAAA;AAAA;QATX,MAAM,UAAA;AAAA,QACN,UAAU,gBAAA;AAAA,QACV,MAAM,KAAA;AAAA,QACN,OAAOT,MAAA,KAAA;AAAA,MAAA;yBAGR,MAEM;AAAA,UAFNK,mBAEM,OAFN,YAEM;AAAA,YADJE,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"EpAlert.vue2.js","sources":["../../../src/components/signages/EpAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpAccordeon from \"~/components/interactions/EpAccordeon.vue\";\nimport { typeAlert, typeDivider } from \"~/types/Alert\";\nimport { useIcons } from \"~/composables/useIcons\";\nimport type { EpAlertProps } from \"~/types/signages/EpAlert\";\n\n/*NOTE IMPORTANT \n  sur l'éditeur la valeur outlined a été inversée (old v-switch the vuetify)\n  donc outlined:true is fonce \n  outlined:false is outlined style\n*/\n\nconst props = withDefaults(defineProps<EpAlertProps>(), {\n  type: \"neutral\",\n  title: null,\n  noIcon: false,\n});\n\n/* sur l'éditeur de parcours la composante a été fait à l'inverse malhereusement  (old v-switch the vuetify)*/\n/* donc outlined:true is fonce et oulined:false is the real onlined*/\nconst outlinedCompact = computed(() => {\n  return !props.outlined;\n});\n\nconst isOutlined = computed(() => {\n  if (!props.outlined) {\n    return \"outlined\";\n  }\n  return \"default\";\n});\n\n// to change after change bd strapi v4\nconst finalType = computed(() => {\n  if (typeof props.type === \"object\") {\n    return props.type.type;\n  }\n  return props.type;\n});\n\nconst styles = computed(() => {\n  return `${typeAlert[finalType.value]?.[isOutlined.value]}`;\n});\n\nconst styleHr = computed(() => {\n  return `${typeDivider[finalType.value]?.[isOutlined.value]}`;\n});\n\nconst icon = computed(() => {\n  let icon = useIcons[finalType.value].icon;\n  if (props.noIcon) {\n    return null;\n  }\n  return icon;\n});\n\nconst { title, compact } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"`flex p-4 rounded shadow-md m-2 ${styles}`\" v-if=\"!compact\">\n    <div v-if=\"icon\" class=\"flex items-center justify-center w-1/12\">\n      <EpIcon :size=\"40\" :icon-path=\"icon\" />\n    </div>\n    <div :class=\"`${icon ? 'w-11/12' : 'w-full'} flex items-center`\">\n      <div class=\"container\">\n        <h3 v-if=\"title\" class=\"text-left text-2xl font-bold\">{{ title }}</h3>\n        <hr v-if=\"title\" :class=\"`w-full my-3 border ${styleHr}`\" />\n        <div class=\"ep-info-box\">\n          <slot> </slot>\n        </div>\n      </div>\n    </div>\n  </div>\n  <EpAccordeon\n    :type=\"finalType\"\n    :outlined=\"outlinedCompact\"\n    :icon=\"icon\"\n    :title=\"title\"\n    v-else\n  >\n    <div class=\"ep-info-box\">\n      <slot />\n    </div>\n  </EpAccordeon>\n</template>\n\n<style scoped>\n.ep-info-box :deep(a) {\n  text-decoration: underline;\n  font-weight: 500;\n}\n</style>\n"],"names":["icon","_unref","_createElementBlock","_openBlock","_createVNode","EpIcon","_createElementVNode","_toDisplayString","_renderSlot","_createBlock","EpAccordeon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAQd,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,CAAC,MAAM;AAAA,IAChB,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,MAAM,UAAU;AACnB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,OAAO,MAAM,SAAS,UAAU;AAClC,eAAO,MAAM,KAAK;AAAA,MACpB;AACA,aAAO,MAAM;AAAA,IACf,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;;AAC5B,aAAO,IAAG,eAAU,UAAU,KAAK,MAAzB,mBAA6B,WAAW,MAAM;AAAA,IAC1D,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;;AAC7B,aAAO,IAAG,iBAAY,UAAU,KAAK,MAA3B,mBAA+B,WAAW,MAAM;AAAA,IAC5D,CAAC;AAED,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAIA,QAAO,SAAS,UAAU,KAAK,EAAE;AACrC,UAAI,MAAM,QAAQ;AAChB,eAAO;AAAA,MACT;AACA,aAAOA;AAAAA,IACT,CAAC;AAED,UAAM,EAAE,OAAO,YAAY,OAAO,KAAK;;cAI2BC,MAAA,OAAA,kBAAhEC,mBAaM,OAAA;AAAA;QAbA,wDAAyC,OAAA,KAAM,EAAA;AAAA,MAAA;QACxC,KAAA,SAAXC,UAAA,GAAAD,mBAEM,OAFN,YAEM;AAAA,UADJE,YAAuCC,aAAA;AAAA,YAA9B,MAAM;AAAA,YAAK,aAAW,KAAA;AAAA,UAAA;;QAEjCC,mBAQM,OAAA;AAAA,UARA,yBAAU,KAAA,QAAI,YAAA,QAAA,oBAAA;AAAA,QAAA;UAClBA,mBAMM,OANN,YAMM;AAAA,YALML,MAAA,KAAA,kBAAVC,mBAAsE,MAAtE,YAAsEK,gBAAbN,MAAA,KAAA,CAAK,GAAA,CAAA;YACpDA,MAAA,KAAA,kBAAVC,mBAA4D,MAAA;AAAA;cAA1C,4CAA6B,QAAA,KAAO,EAAA;AAAA,YAAA;YACtDI,mBAEM,OAFN,YAEM;AAAA,cADJE,WAAc,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,YAAA;;;6BAKtBC,YAUcC,MAAA;AAAA;QATX,MAAM,UAAA;AAAA,QACN,UAAU,gBAAA;AAAA,QACV,MAAM,KAAA;AAAA,QACN,OAAOT,MAAA,KAAA;AAAA,MAAA;yBAGR,MAEM;AAAA,UAFNK,mBAEM,OAFN,YAEM;AAAA,YADJE,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/signages/EpHeader.vue.js

@@ -11,7 +11,7 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = {
   key: 1,
-  class: "max-w-xl mt-4 text-2xl text-white contrast-50"
+  class: "max-w-xl mt-4 text-2xl text-white"
 };
 const _hoisted_5 = {
   key: 0,
@@ -21,15 +21,15 @@ const _hoisted_6 = { key: 1 };
 const _hoisted_7 = { class: "text-center md:text-left mt-16 mb-32" };
 const _hoisted_8 = {
   key: 0,
-  class: "text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100"
+  class: "text-4xl font-bold tracking-tight"
 };
 const _hoisted_9 = {
   key: 1,
-  class: "w-1/2 mt-4 text-gray-500 dark:text-gray-300"
+  class: "w-1/2 mt-4"
 };
 const _hoisted_10 = { key: 2 };
 const _hoisted_11 = { class: "flex flex-col-reverse lg:flex-row items-stretch" };
-const _hoisted_12 = { class: "basis-1/2 bg-gray-100 dark:bg-base-dark lg:min-h-48 p-4" };
+const _hoisted_12 = { class: "basis-1/2 bg-surface-2 lg:min-h-48 p-4" };
 const _hoisted_13 = { class: "flex justify-start pt-0 mb-4" };
 const _hoisted_14 = {
   key: 0,
@@ -148,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               unref(title) || _ctx.subtitle ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: normalizeClass(`${_ctx.textBg ? "inline-block backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded" : ""} p-4 md:items-center`)
+                class: normalizeClass(`${_ctx.textBg ? "inline-block backdrop-blur-lg backdrop-brightness-65 backdrop-opacity-95 rounded" : ""} p-4 md:items-center`)
               }, [
                 createElementVNode("div", _hoisted_2, [
                   unref(title) ? (openBlock(), createElementBlock("h1", _hoisted_3, toDisplayString(unref(title)), 1)) : createCommentVNode("", true),
@@ -160,7 +160,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 2),
         props.big ? (openBlock(), createElementBlock("div", _hoisted_5, [
           createElementVNode("div", {
-            class: "mx-auto w-12 bg-white dark:text-black rounded-full p-2",
+            class: "mx-auto w-12 rounded-full p-2",
             onClick: clickScroll
           }, [
             createVNode(_sfc_main$2, {

package/dist/components/signages/EpHeader.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpHeader.vue.js","sources":["../../../src/components/signages/EpHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport { mdiCast } from \"@mdi/js\";\nimport { mdiTimerOutline } from \"@mdi/js\";\nimport { mdiChairSchool } from \"@mdi/js\";\nimport { mdiChevronDown } from \"@mdi/js\";\nimport SvgFilter from \"~/components/tools/SvgFilter.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpChip from \"~/components/basics/EpChip.vue\";\nimport type { EpHeaderProps } from \"~/types/signages/EpHeader\";\n\nconst props = withDefaults(defineProps<EpHeaderProps>(), {\n  title: null,\n  icon: null,\n  src: null,\n  big: false,\n  synchrone: false,\n  hideImg: false,\n  duration: null,\n  assessment: null,\n  labels: () => {\n    return {\n      synchrone: \"Synchrone\",\n      formatif: \"Formatif\",\n    };\n  },\n  textBg: true,\n  type: \"imgBg\",\n  titlePosition: \"center\",\n  vAlign: \"items-center\",\n  hAlign: \"justify-center\",\n});\n\nconst bgTextFit = \"w-8/12\"; // ''\n\nconst styles = computed(() => {\n  return ` \n\tflex\n\tflex-col\n\toverflow-hidden \n\tw-full \n\tabsolute\n\t${props.big ? \"min-h-screen\" : \"h-96\"}\n\tbg-cover\n\tbg-center`;\n});\n\nconst bgImg = computed(() => {\n  if (props.src) {\n    return props.src;\n  }\n  return `https://live.staticflickr.com/1757/42677241511_a350206ac2_b.jpg`;\n});\n\nconst emit = defineEmits<{\n  (e: \"clicked\"): void;\n}>();\n\nconst clickScroll = (): void => {\n  emit(\"clicked\");\n};\n\nconst { title, headerImgColor, big } = toRefs(props);\n</script>\n\n<template>\n  <header\n    v-if=\"type === 'imgBg'\"\n    :class=\"`${\n      big ? 'h-screen ' : 'h-96'\n    } items-center overflow-hidden relative `\"\n    ref=\"el\"\n  >\n    <div\n      :class=\"styles\"\n      :style=\"`background-image:url('${bgImg}'); filter:url(#${headerImgColor});`\"\n    />\n\n    <div :class=\"`relative ${big ? 'mb-36' : ''} h-full items-end`\">\n      <div class=\"flex md:justify-end justify-center pt-5\">\n        <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n          labels.synchrone\n        }}</EpChip>\n        <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n          {{ duration }}</EpChip\n        >\n        <EpChip v-if=\"assessment\" :prependIcon=\"mdiChairSchool\" size=\"small\">{{\n          labels.formatif\n        }}</EpChip>\n      </div>\n      <div :class=\"`${vAlign} ${hAlign} flex w-full grow h-96 `\">\n        <div :class=\"`${bgTextFit}`\">\n          <div\n            v-if=\"title || subtitle\"\n            :class=\"`${\n              textBg\n                ? 'inline-block backdrop-blur-md backdrop-brightness-50 backdrop-opacity-75 rounded'\n                : ''\n            } p-4 md:items-center`\"\n          >\n            <div class=\"text-center md:text-left\">\n              <h1\n                v-if=\"title\"\n                class=\"text-3xl font-medium text-white sm:text-3xl\"\n              >\n                {{ title }}\n              </h1>\n              <h2\n                v-if=\"subtitle\"\n                class=\"max-w-xl mt-4 text-2xl text-white contrast-50\"\n              >\n                {{ subtitle }}\n              </h2>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"props.big\" class=\"animate-bounce absolute bottom-10 left-1/2\">\n      <div\n        class=\"mx-auto w-12 bg-white dark:text-black rounded-full p-2\"\n        @click=\"clickScroll\"\n      >\n        <EpIcon :iconPath=\"mdiChevronDown\" size=\"32\" />\n      </div>\n    </div>\n    <SvgFilter></SvgFilter>\n  </header>\n\n  <header v-else-if=\"type === 'simple'\">\n    <div class=\"text-center md:text-left mt-16 mb-32\">\n      <h1\n        v-if=\"title\"\n        class=\"text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100\"\n      >\n        {{ title }}\n      </h1>\n      <h2 v-if=\"subtitle\" class=\"w-1/2 mt-4 text-gray-500 dark:text-gray-300\">\n        {{ subtitle }}\n      </h2>\n    </div>\n  </header>\n\n  <header v-else=\"type === 'sideBy'\">\n    <div class=\"flex flex-col-reverse lg:flex-row items-stretch\">\n      <div class=\"basis-1/2 bg-gray-100 dark:bg-base-dark lg:min-h-48 p-4\">\n        <div class=\"flex justify-start pt-0 mb-4\">\n          <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n            labels.synchrone\n          }}</EpChip>\n          <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n            {{ duration }}</EpChip\n          >\n          <EpChip\n            v-if=\"assessment\"\n            :prependIcon=\"mdiChairSchool\"\n            size=\"small\"\n            >{{ labels.formatif }}</EpChip\n          >\n        </div>\n        <div :class=\"`${vAlign} flex h-full pb-8 max-w-3xl`\">\n          <div>\n            <h1\n              v-if=\"title\"\n              class=\"text-4xl sm:text-5xl xl:text-6xl font-bold tracking-tight text-gray-900 dark:text-white\"\n            >\n              {{ title }}\n            </h1>\n            <p\n              v-if=\"subtitle\"\n              class=\"mt-4 text-xl text-gray-600 dark:text-white\"\n            >\n              {{ subtitle }}\n            </p>\n            <div class=\"mt-4\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"basis-1/2\">\n        <img\n          :src=\"bgImg\"\n          alt=\"\"\n          class=\"h-32 lg:h-full size-full object-cover\"\n          :style=\"`filter:url(#${headerImgColor});`\"\n        />\n      </div>\n    </div>\n  </header>\n</template>\n"],"names":["type","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle","synchrone","_createBlock","EpChip","labels","duration","assessment","vAlign","hAlign","subtitle","textBg","_toDisplayString","_openBlock","_createVNode","EpIcon","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"EpHeader.vue.js","sources":["../../../src/components/signages/EpHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport { mdiCast } from \"@mdi/js\";\nimport { mdiTimerOutline } from \"@mdi/js\";\nimport { mdiChairSchool } from \"@mdi/js\";\nimport { mdiChevronDown } from \"@mdi/js\";\nimport SvgFilter from \"~/components/tools/SvgFilter.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport EpChip from \"~/components/basics/EpChip.vue\";\nimport type { EpHeaderProps } from \"~/types/signages/EpHeader\";\n\nconst props = withDefaults(defineProps<EpHeaderProps>(), {\n  title: null,\n  icon: null,\n  src: null,\n  big: false,\n  synchrone: false,\n  hideImg: false,\n  duration: null,\n  assessment: null,\n  labels: () => {\n    return {\n      synchrone: \"Synchrone\",\n      formatif: \"Formatif\",\n    };\n  },\n  textBg: true,\n  type: \"imgBg\",\n  titlePosition: \"center\",\n  vAlign: \"items-center\",\n  hAlign: \"justify-center\",\n});\n\nconst bgTextFit = \"w-8/12\"; // ''\n\nconst styles = computed(() => {\n  return ` \n\tflex\n\tflex-col\n\toverflow-hidden \n\tw-full \n\tabsolute\n\t${props.big ? \"min-h-screen\" : \"h-96\"}\n\tbg-cover\n\tbg-center`;\n});\n\nconst bgImg = computed(() => {\n  if (props.src) {\n    return props.src;\n  }\n  return `https://live.staticflickr.com/1757/42677241511_a350206ac2_b.jpg`;\n});\n\nconst emit = defineEmits<{\n  (e: \"clicked\"): void;\n}>();\n\nconst clickScroll = (): void => {\n  emit(\"clicked\");\n};\n\nconst { title, headerImgColor, big } = toRefs(props);\n</script>\n\n<template>\n  <header\n    v-if=\"type === 'imgBg'\"\n    :class=\"`${\n      big ? 'h-screen ' : 'h-96'\n    } items-center overflow-hidden relative `\"\n    ref=\"el\"\n  >\n    <div\n      :class=\"styles\"\n      :style=\"`background-image:url('${bgImg}'); filter:url(#${headerImgColor});`\"\n    />\n\n    <div :class=\"`relative ${big ? 'mb-36' : ''} h-full items-end`\">\n      <div class=\"flex md:justify-end justify-center pt-5\">\n        <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n          labels.synchrone\n        }}</EpChip>\n        <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n          {{ duration }}</EpChip\n        >\n        <EpChip v-if=\"assessment\" :prependIcon=\"mdiChairSchool\" size=\"small\">{{\n          labels.formatif\n        }}</EpChip>\n      </div>\n      <div :class=\"`${vAlign} ${hAlign} flex w-full grow h-96 `\">\n        <div :class=\"`${bgTextFit}`\">\n          <div\n            v-if=\"title || subtitle\"\n            :class=\"`${\n              textBg\n                ? 'inline-block backdrop-blur-lg backdrop-brightness-65 backdrop-opacity-95 rounded'\n                : ''\n            } p-4 md:items-center`\"\n          >\n            <div class=\"text-center md:text-left\">\n              <h1\n                v-if=\"title\"\n                class=\"text-3xl font-medium text-white sm:text-3xl\"\n              >\n                {{ title }}\n              </h1>\n              <h2\n                v-if=\"subtitle\"\n                class=\"max-w-xl mt-4 text-2xl text-white\"\n              >\n                {{ subtitle }}\n              </h2>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"props.big\" class=\"animate-bounce absolute bottom-10 left-1/2\">\n      <div\n        class=\"mx-auto w-12 rounded-full p-2\"\n        @click=\"clickScroll\"\n      >\n        <EpIcon :iconPath=\"mdiChevronDown\" size=\"32\" />\n      </div>\n    </div>\n    <SvgFilter></SvgFilter>\n  </header>\n\n  <header v-else-if=\"type === 'simple'\">\n    <div class=\"text-center md:text-left mt-16 mb-32\">\n      <h1\n        v-if=\"title\"\n        class=\"text-4xl font-bold tracking-tight\"\n      >\n        {{ title }}\n      </h1>\n      <h2 v-if=\"subtitle\" class=\"w-1/2 mt-4\">\n        {{ subtitle }}\n      </h2>\n    </div>\n  </header>\n\n  <header v-else=\"type === 'sideBy'\">\n    <div class=\"flex flex-col-reverse lg:flex-row items-stretch\">\n      <div class=\"basis-1/2 bg-surface-2 lg:min-h-48 p-4\">\n        <div class=\"flex justify-start pt-0 mb-4\">\n          <EpChip v-if=\"synchrone\" :prependIcon=\"mdiCast\" size=\"small\">{{\n            labels.synchrone\n          }}</EpChip>\n          <EpChip v-if=\"duration\" :prependIcon=\"mdiTimerOutline\" size=\"small\">\n            {{ duration }}</EpChip\n          >\n          <EpChip\n            v-if=\"assessment\"\n            :prependIcon=\"mdiChairSchool\"\n            size=\"small\"\n            >{{ labels.formatif }}</EpChip\n          >\n        </div>\n        <div :class=\"`${vAlign} flex h-full pb-8 max-w-3xl`\">\n          <div>\n            <h1\n              v-if=\"title\"\n              class=\"text-4xl sm:text-5xl xl:text-6xl font-bold tracking-tight text-gray-900 dark:text-white\"\n            >\n              {{ title }}\n            </h1>\n            <p\n              v-if=\"subtitle\"\n              class=\"mt-4 text-xl text-gray-600 dark:text-white\"\n            >\n              {{ subtitle }}\n            </p>\n            <div class=\"mt-4\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"basis-1/2\">\n        <img\n          :src=\"bgImg\"\n          alt=\"\"\n          class=\"h-32 lg:h-full size-full object-cover\"\n          :style=\"`filter:url(#${headerImgColor});`\"\n        />\n      </div>\n    </div>\n  </header>\n</template>\n"],"names":["type","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle","synchrone","_createBlock","EpChip","labels","duration","assessment","vAlign","hAlign","subtitle","textBg","_toDisplayString","_openBlock","_createVNode","EpIcon","_renderSlot"],"mappings":"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"}

package/dist/components/signages/EpQuote.vue.js

@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(_sfc_main$1, {
           density: unref(card) ? "default" : "compact",
           outlined: !unref(card) ? true : false,
-          color: unref(card) ? "primary" : "bg-white"
+          bgcolor: unref(card) ? "primary" : "neutral"
         }, {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_1, [
@@ -62,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 10, _hoisted_3)
               ])) : !unref(hideIcon) ? (openBlock(), createElementBlock("div", _hoisted_4, [
                 createElementVNode("div", {
-                  class: normalizeClass(unref(card) ? "text-white" : "text-base dark:text-white")
+                  class: normalizeClass(unref(card) ? "text-white" : " dark:text-white")
                 }, [
                   createVNode(_sfc_main$2, {
                     size: 60,
@@ -77,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 unref(author) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   createVNode(_sfc_main$3, {
                     size: "border",
-                    color: unref(card) ? "white" : "base"
+                    color: unref(card) ? "white" : "neutral"
                   }, null, 8, ["color"]),
                   createElementVNode("p", {
                     class: normalizeClass(`italic ${styleTextAutor.value}`)
@@ -87,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ]),
           _: 3
-        }, 8, ["density", "outlined", "color"])
+        }, 8, ["density", "outlined", "bgcolor"])
       ], 2);
     };
   }

package/dist/components/signages/EpQuote.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpQuote.vue.js","sources":["../../../src/components/signages/EpQuote.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpCard from \"~/components/basics/EpCard.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiFormatQuoteOpen } from \"@mdi/js\";\nimport type { EpQuoteProps } from \"~/types/signages/EpQuote\";\n\nconst props = withDefaults(defineProps<EpQuoteProps>(), {\n  author: null,\n  img: null,\n  card: false,\n  hideIcon: false,\n});\n\nconst colorText = computed(() => {\n  if (props.card) {\n    return `text-white`;\n  }\n});\n\nconst styleTextAutor = computed(() => {\n  if (props.card) {\n    return `text-white`;\n  }\n  return `text-black dark:text-white`;\n});\n\nconst imageStyle = computed(() => {\n  if (props.card) {\n    return `md:rounded-lg`;\n  }\n  return `md:rounded-l-md`;\n});\n\nconst { author, img, card, hideIcon } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"card ? 'w-4/6 mx-auto' : ''\">\n    <EpCard\n      :density=\"card ? 'default' : 'compact'\"\n      :outlined=\"!card ? true : false\"\n      :color=\"card ? 'primary' : 'bg-white'\"\n    >\n      <div :class=\"`md:flex md:flex-wrap rounded-md`\">\n        <div class=\"w-1/5 mr-6\" v-if=\"img\">\n          <img\n            :class=\"`${imageStyle} md:w-full md:h-full md:object-cover md:rounded-l-md`\"\n            :src=\"img\"\n            alt=\"Image of quote\"\n          />\n        </div>\n        <div\n          class=\"flex items-center justify-center px-7\"\n          v-else-if=\"!hideIcon\"\n        >\n          <div :class=\"card ? 'text-white' : 'text-base dark:text-white'\">\n            <EpIcon :size=\"60\" :icon-path=\"mdiFormatQuoteOpen\" />\n          </div>\n        </div>\n        <div :class=\"`py-6 flex-1 ${colorText} ${hideIcon ? 'px-6' : 'pr-2'}`\">\n          <slot />\n          <template v-if=\"author\">\n            <EpDivider\n              size=\"border\"\n              :color=\"card ? 'white' : 'base'\"\n            ></EpDivider>\n            <p :class=\"`italic ${styleTextAutor}`\">\n              {{ author }}\n            </p>\n          </template>\n        </div>\n      </div>\n    </EpCard>\n  </div>\n</template>\n"],"names":["_createElementBlock","_unref","_createVNode","EpCard","_createElementVNode","_openBlock","EpIcon","_normalizeClass","_renderSlot","_Fragment","EpDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAOd,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,QAAQ,KAAK,MAAM,SAAA,IAAa,OAAO,KAAK;;0BAIlDA,mBAoCM,OAAA;AAAA,QApCA,sBAAOC,MAAA,IAAA,IAAI,kBAAA,EAAA;AAAA,MAAA;QACfC,YAkCSC,aAAA;AAAA,UAjCN,SAASF,MAAA,IAAA,IAAI,YAAA;AAAA,UACb,WAAWA,MAAA,IAAA,IAAI,OAAA;AAAA,UACf,OAAOA,MAAA,IAAA,IAAI,YAAA;AAAA,QAAA;2BAEZ,MA4BM;AAAA,YA5BNG,mBA4BM,OA5BN,YA4BM;AAAA,cA3B0BH,MAAA,GAAA,KAA9BI,aAAAL,mBAMM,OANN,YAMM;AAAA,gBALJI,mBAIE,OAAA;AAAA,kBAHC,yBAAU,WAAA,KAAU,sDAAA;AAAA,kBACpB,KAAKH,MAAA,GAAA;AAAA,kBACN,KAAI;AAAA,gBAAA;qBAKMA,MAAA,QAAA,KAFdI,UAAA,GAAAL,mBAOM,OAPN,YAOM;AAAA,gBAHJI,mBAEM,OAAA;AAAA,kBAFA,sBAAOH,MAAA,IAAA,IAAI,eAAA,2BAAA;AAAA,gBAAA;kBACfC,YAAqDI,aAAA;AAAA,oBAA5C,MAAM;AAAA,oBAAK,aAAWL,MAAA,kBAAA;AAAA,kBAAA;;;cAGnCG,mBAWM,OAAA;AAAA,gBAXA,OAAKG,eAAA,eAAiB,UAAA,KAAS,IAAIN,MAAA,QAAA,IAAQ,SAAA,MAAA,EAAA;AAAA,cAAA;gBAC/CO,WAAQ,KAAA,QAAA,SAAA;AAAA,gBACQP,MAAA,MAAA,kBAAhBD,mBAQWS,UAAA,EAAA,KAAA,KAAA;AAAA,kBAPTP,YAGaQ,aAAA;AAAA,oBAFX,MAAK;AAAA,oBACJ,OAAOT,MAAA,IAAA,IAAI,UAAA;AAAA,kBAAA;kBAEdG,mBAEI,KAAA;AAAA,oBAFA,gCAAiB,eAAA,KAAc,EAAA;AAAA,kBAAA,mBAC9BH,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;"}
+{"version":3,"file":"EpQuote.vue.js","sources":["../../../src/components/signages/EpQuote.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRefs, computed } from \"vue\";\nimport EpCard from \"~/components/basics/EpCard.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { mdiFormatQuoteOpen } from \"@mdi/js\";\nimport type { EpQuoteProps } from \"~/types/signages/EpQuote\";\n\nconst props = withDefaults(defineProps<EpQuoteProps>(), {\n  author: null,\n  img: null,\n  card: false,\n  hideIcon: false,\n});\n\nconst colorText = computed(() => {\n  if (props.card) {\n    return `text-white`;\n  }\n});\n\nconst styleTextAutor = computed(() => {\n  if (props.card) {\n    return `text-white`;\n  }\n  return `text-black dark:text-white`;\n});\n\nconst imageStyle = computed(() => {\n  if (props.card) {\n    return `md:rounded-lg`;\n  }\n  return `md:rounded-l-md`;\n});\n\nconst { author, img, card, hideIcon } = toRefs(props);\n</script>\n\n<template>\n  <div :class=\"card ? 'w-4/6 mx-auto' : ''\">\n    <EpCard\n      :density=\"card ? 'default' : 'compact'\"\n      :outlined=\"!card ? true : false\"\n      :bgcolor=\"card ? 'primary' : 'neutral'\"\n    >\n      <div :class=\"`md:flex md:flex-wrap rounded-md`\">\n        <div class=\"w-1/5 mr-6\" v-if=\"img\">\n          <img\n            :class=\"`${imageStyle} md:w-full md:h-full md:object-cover md:rounded-l-md`\"\n            :src=\"img\"\n            alt=\"Image of quote\"\n          />\n        </div>\n        <div\n          class=\"flex items-center justify-center px-7\"\n          v-else-if=\"!hideIcon\"\n        >\n          <div :class=\"card ? 'text-white' : ' dark:text-white'\">\n            <EpIcon :size=\"60\" :icon-path=\"mdiFormatQuoteOpen\" />\n          </div>\n        </div>\n        <div :class=\"`py-6 flex-1 ${colorText} ${hideIcon ? 'px-6' : 'pr-2'}`\">\n          <slot />\n          <template v-if=\"author\">\n            <EpDivider\n              size=\"border\"\n              :color=\"card ? 'white' : 'neutral'\"\n            ></EpDivider>\n            <p :class=\"`italic ${styleTextAutor}`\">\n              {{ author }}\n            </p>\n          </template>\n        </div>\n      </div>\n    </EpCard>\n  </div>\n</template>\n"],"names":["_createElementBlock","_unref","_createVNode","EpCard","_createElementVNode","_openBlock","EpIcon","_normalizeClass","_renderSlot","_Fragment","EpDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAOd,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,MAAM;AACd,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,QAAQ,KAAK,MAAM,SAAA,IAAa,OAAO,KAAK;;0BAIlDA,mBAoCM,OAAA;AAAA,QApCA,sBAAOC,MAAA,IAAA,IAAI,kBAAA,EAAA;AAAA,MAAA;QACfC,YAkCSC,aAAA;AAAA,UAjCN,SAASF,MAAA,IAAA,IAAI,YAAA;AAAA,UACb,WAAWA,MAAA,IAAA,IAAI,OAAA;AAAA,UACf,SAASA,MAAA,IAAA,IAAI,YAAA;AAAA,QAAA;2BAEd,MA4BM;AAAA,YA5BNG,mBA4BM,OA5BN,YA4BM;AAAA,cA3B0BH,MAAA,GAAA,KAA9BI,aAAAL,mBAMM,OANN,YAMM;AAAA,gBALJI,mBAIE,OAAA;AAAA,kBAHC,yBAAU,WAAA,KAAU,sDAAA;AAAA,kBACpB,KAAKH,MAAA,GAAA;AAAA,kBACN,KAAI;AAAA,gBAAA;qBAKMA,MAAA,QAAA,KAFdI,UAAA,GAAAL,mBAOM,OAPN,YAOM;AAAA,gBAHJI,mBAEM,OAAA;AAAA,kBAFA,sBAAOH,MAAA,IAAA,IAAI,eAAA,kBAAA;AAAA,gBAAA;kBACfC,YAAqDI,aAAA;AAAA,oBAA5C,MAAM;AAAA,oBAAK,aAAWL,MAAA,kBAAA;AAAA,kBAAA;;;cAGnCG,mBAWM,OAAA;AAAA,gBAXA,OAAKG,eAAA,eAAiB,UAAA,KAAS,IAAIN,MAAA,QAAA,IAAQ,SAAA,MAAA,EAAA;AAAA,cAAA;gBAC/CO,WAAQ,KAAA,QAAA,SAAA;AAAA,gBACQP,MAAA,MAAA,kBAAhBD,mBAQWS,UAAA,EAAA,KAAA,KAAA;AAAA,kBAPTP,YAGaQ,aAAA;AAAA,oBAFX,MAAK;AAAA,oBACJ,OAAOT,MAAA,IAAA,IAAI,UAAA;AAAA,kBAAA;kBAEdG,mBAEI,KAAA;AAAA,oBAFA,gCAAiB,eAAA,KAAc,EAAA;AAAA,kBAAA,mBAC9BH,MAAA,MAAA,CAAM,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;"}

package/dist/components/signages/EpSkeleton.vue.js

@@ -1,43 +1,8 @@
-import { defineComponent, useCssVars, createElementBlock, openBlock, createElementVNode, normalizeClass, unref, createCommentVNode } from "vue";
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { key: 1 };
-const _hoisted_3 = { key: 2 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EpSkeleton",
-  props: {
-    type: { default: "rectangle" },
-    height: { default: 10 },
-    width: { default: 100 },
-    animation: { default: "animate-pulse" },
-    loading: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "2430a786": height,
-      "52d457f0": width
-    }));
-    const props = __props;
-    const width = props.width / 4 + "rem";
-    const height = props.height / 4 + "rem";
-    const animation = props.animation ? props.animation : "animate-pulse";
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", {
-          class: normalizeClass(["flex p-2", unref(animation)])
-        }, [
-          props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [
-            createElementVNode("span", { class: "shape block bg-gray-200 rounded-full dark:bg-gray-300" }, null, -1)
-          ])])) : props.type === "circle" ? (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[1] || (_cache[1] = [
-            createElementVNode("span", { class: "shape block bg-gray-200 rounded-full dark:bg-gray-300" }, null, -1)
-          ])])) : props.type === "rectangle" ? (openBlock(), createElementBlock("div", _hoisted_3, [..._cache[2] || (_cache[2] = [
-            createElementVNode("span", { class: "shape block bg-gray-200 dark:bg-gray-300 rounded-lg" }, null, -1)
-          ])])) : createCommentVNode("", true)
-        ], 2)
-      ]);
-    };
-  }
-});
+import _sfc_main from "./EpSkeleton.vue2.js";
+/* empty css                */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const Comp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4a99873e"]]);
 export {
-  _sfc_main as default
+  Comp as default
 };
 //# sourceMappingURL=EpSkeleton.vue.js.map

package/dist/components/signages/EpSkeleton.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EpSkeleton.vue.js","sources":["../../../src/components/signages/EpSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EpSkeletonProps } from \"~/types/signages/EpSkeleton\";\n\nconst props = withDefaults(defineProps<EpSkeletonProps>(), {\n  type: \"rectangle\",\n  width: 100,\n  height: 10,\n  animation: \"animate-pulse\",\n  loading: true,\n});\n\nconst width = props.width / 4 + \"rem\";\nconst height = props.height / 4 + \"rem\";\nconst animation = props.animation ? props.animation : \"animate-pulse\";\n</script>\n<template>\n  <div>\n    <div class=\"flex p-2\" :class=\"animation\">\n      <div v-if=\"props.loading\">\n        <span class=\"shape block bg-gray-200 rounded-full dark:bg-gray-300\" />\n      </div>\n      <div v-else-if=\"props.type === 'circle'\">\n        <span class=\"shape block bg-gray-200 rounded-full dark:bg-gray-300\" />\n      </div>\n      <div v-else-if=\"props.type === 'rectangle'\">\n        <span class=\"shape block bg-gray-200 dark:bg-gray-300 rounded-lg\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n.shape {\n  height: v-bind(height);\n  width: v-bind(width);\n}\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_unref"],"mappings":";;;;;;;;;;;;;;;;;;AAGA,UAAM,QAAQ;AAQd,UAAM,QAAQ,MAAM,QAAQ,IAAI;AAChC,UAAM,SAAS,MAAM,SAAS,IAAI;AAClC,UAAM,YAAY,MAAM,YAAY,MAAM,YAAY;;0BAGpDA,mBAYM,OAAA,MAAA;AAAA,QAXJC,mBAUM,OAAA;AAAA,UAVD,OAAKC,eAAA,CAAC,YAAmBC,MAAA,SAAA,CAAS,CAAA;AAAA,QAAA;UAC1B,MAAM,wBAAjBH,mBAEM,OAAA,YAAA,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,YADJC,mBAAsE,QAAA,EAAhE,OAAM,wDAAA,GAAuD,MAAA,EAAA;AAAA,UAAA,QAErD,MAAM,SAAI,yBAA1BD,mBAEM,OAAA,YAAA,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,YADJC,mBAAsE,QAAA,EAAhE,OAAM,wDAAA,GAAuD,MAAA,EAAA;AAAA,UAAA,QAErD,MAAM,SAAI,4BAA1BD,mBAEM,OAAA,YAAA,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,YADJC,mBAAoE,QAAA,EAA9D,OAAM,sDAAA,GAAqD,MAAA,EAAA;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"EpSkeleton.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}