ep-lib-ts 1.0.64 → 1.0.66

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-64f3d0d8"]]);
 export {
   Comp as default
 };

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: \"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\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;AAGD,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/tools/BgAudio.vue.js

@@ -1,4 +1,55 @@
-import _sfc_main from "./BgAudio.vue2.js";
+import { defineComponent, createElementBlock, openBlock, createStaticVNode, createElementVNode, normalizeClass } from "vue";
+const _hoisted_1 = {
+  version: "1.1",
+  id: "Layer_1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  x: "0px",
+  y: "0px",
+  viewBox: "0 0 640 360",
+  style: { "enable-background": "new 0 0 640 360" },
+  "xml:space": "preserve"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BgAudio",
+  props: {
+    fill: { default: "fill-primary" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1, [
+        _cache[1] || (_cache[1] = createStaticVNode('<pattern y="-20" width="150" height="100" patternUnits="userSpaceOnUse" id="New_Pattern" viewBox="8 -107.8 150 100" style="overflow:visible;"><g><rect x="8" y="-107.8" style="fill:none;" width="150" height="100"></rect><g style="opacity:0.1;"><path d="M159.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M162-7.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-10.7,162-9.3,162-7.8 M153.5-10.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z"></path></g><g style="opacity:0.1;"><path d="M9.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M12-7.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-10.7,12-9.3,12-7.8 M3.5-10.4L8-14.8v14.2L3.5-5.1H0v-5.3H3.5z"></path></g><g style="opacity:0.1;"><path d="M159.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M162-107.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-110.7,162-109.3,162-107.8 M153.5-110.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z"></path></g><g style="opacity:0.1;"><path d="M84.8-65.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9c0-2.8-1.9-5.2-4.4-5.9V-65.5 M87-57.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C86.1-60.7,87-59.3,87-57.8 M78.5-60.4l4.4-4.4v14.2l-4.4-4.4H75v-5.3H78.5z"></path></g><g style="opacity:0.1;"><path d="M9.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M12-107.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-110.7,12-109.3,12-107.8 M3.5-110.4l4.4-4.4v14.2l-4.4-4.4H0v-5.3H3.5z"></path></g></g></pattern>', 1)),
+        createElementVNode("g", null, [
+          createElementVNode("rect", {
+            class: normalizeClass(props.fill),
+            width: "640",
+            height: "360"
+          }, null, 2),
+          _cache[0] || (_cache[0] = createElementVNode("path", {
+            style: { "fill": "url(#New_Pattern)" },
+            d: "M639,1v358H1V1H639 M640,0H0v360h640V0L640,0z"
+          }, null, -1))
+        ]),
+        _cache[2] || (_cache[2] = createElementVNode("g", null, [
+          createElementVNode("rect", {
+            x: "0.5",
+            y: "0.5",
+            style: { "fill": "url(#New_Pattern)" },
+            width: "639",
+            height: "359"
+          })
+        ], -1)),
+        _cache[3] || (_cache[3] = createElementVNode("g", null, [
+          createElementVNode("path", {
+            style: { "fill": "white" },
+            d: "M310.7,114.7c-31,4.4-53.2,32.4-53.2,63.7v46.8c0,11.5,9.3,20.8,20.8,20.8h20.8v-55.6h-27.8v-12\n		c0-24.9,17.9-47.1,42.5-50.1c29.6-3.6,54.7,19.4,54.7,48.3v13.9h-27.8V246h20.8c11.5,0,20.8-9.3,20.8-20.8v-48.6\n		C382.5,138.7,349.4,109.1,310.7,114.7z"
+          })
+        ], -1))
+      ]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/tools/BgAudio.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BgAudio.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"BgAudio.vue.js","sources":["../../../src/components/tools/BgAudio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst props = withDefaults(\n  defineProps<{\n    fill?: string;\n  }>(),\n  {\n    fill: \"fill-primary\",\n  }\n);\n</script>\n<template>\n  <svg\n    version=\"1.1\"\n    id=\"Layer_1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n    x=\"0px\"\n    y=\"0px\"\n    viewBox=\"0 0 640 360\"\n    style=\"enable-background: new 0 0 640 360\"\n    xml:space=\"preserve\"\n  >\n    <pattern\n      y=\"-20\"\n      width=\"150\"\n      height=\"100\"\n      patternUnits=\"userSpaceOnUse\"\n      id=\"New_Pattern\"\n      viewBox=\"8 -107.8 150 100\"\n      style=\"overflow: visible\"\n    >\n      <g>\n        <rect x=\"8\" y=\"-107.8\" style=\"fill: none\" width=\"150\" height=\"100\" />\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M159.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M162-7.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-10.7,162-9.3,162-7.8 M153.5-10.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M9.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M12-7.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-10.7,12-9.3,12-7.8 M3.5-10.4L8-14.8v14.2L3.5-5.1H0v-5.3H3.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M159.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M162-107.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-110.7,162-109.3,162-107.8 M153.5-110.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M84.8-65.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9c0-2.8-1.9-5.2-4.4-5.9V-65.5 M87-57.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C86.1-60.7,87-59.3,87-57.8 M78.5-60.4l4.4-4.4v14.2l-4.4-4.4H75v-5.3H78.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M9.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M12-107.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-110.7,12-109.3,12-107.8 M3.5-110.4l4.4-4.4v14.2l-4.4-4.4H0v-5.3H3.5z\"\n          />\n        </g>\n      </g>\n    </pattern>\n    <g>\n      <rect :class=\"props.fill\" width=\"640\" height=\"360\" />\n      <path\n        style=\"fill: url(#New_Pattern)\"\n        d=\"M639,1v358H1V1H639 M640,0H0v360h640V0L640,0z\"\n      />\n    </g>\n    <g>\n      <rect\n        x=\"0.5\"\n        y=\"0.5\"\n        style=\"fill: url(#New_Pattern)\"\n        width=\"639\"\n        height=\"359\"\n      />\n    </g>\n    <g>\n      <path\n        style=\"fill: white\"\n        d=\"M310.7,114.7c-31,4.4-53.2,32.4-53.2,63.7v46.8c0,11.5,9.3,20.8,20.8,20.8h20.8v-55.6h-27.8v-12\n\t\tc0-24.9,17.9-47.1,42.5-50.1c29.6-3.6,54.7,19.4,54.7,48.3v13.9h-27.8V246h20.8c11.5,0,20.8-9.3,20.8-20.8v-48.6\n\t\tC382.5,138.7,349.4,109.1,310.7,114.7z\"\n      />\n    </g>\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;AACA,UAAM,QAAQ;;AAUZ,aAAAA,UAAA,GAAAC,mBA8EM,OA9EN,YA8EM;AAAA;QAxBJC,mBAMI,KAAA,MAAA;AAAA,UALFA,mBAAqD,QAAA;AAAA,YAA9C,OAAKC,eAAE,MAAM,IAAI;AAAA,YAAE,OAAM;AAAA,YAAM,QAAO;AAAA,UAAA;oCAC7CD,mBAGE,QAAA;AAAA,YAFA,OAAA,EAAA,QAAA,oBAAA;AAAA,YACA,GAAE;AAAA,UAAA;;kCAGNA,mBAQI,KAAA,MAAA;AAAA,UAPFA,mBAME,QAAA;AAAA,YALA,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAA,EAAA,QAAA,oBAAA;AAAA,YACA,OAAM;AAAA,YACN,QAAO;AAAA,UAAA;;kCAGXA,mBAOI,KAAA,MAAA;AAAA,UANFA,mBAKE,QAAA;AAAA,YAJA,OAAA,EAAA,QAAA,QAAA;AAAA,YACA,GAAE;AAAA,UAAA;;;;;;"}

package/dist/components/tools/BgAudio.vue2.js

@@ -1,55 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createStaticVNode, createElementVNode, normalizeClass } from "vue";
-const _hoisted_1 = {
-  version: "1.1",
-  id: "Layer_1",
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  x: "0px",
-  y: "0px",
-  viewBox: "0 0 640 360",
-  style: { "enable-background": "new 0 0 640 360" },
-  "xml:space": "preserve"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BgAudio",
-  props: {
-    fill: { default: "fill-primary" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1, [
-        _cache[1] || (_cache[1] = createStaticVNode('<pattern y="-20" width="150" height="100" patternUnits="userSpaceOnUse" id="New_Pattern" viewBox="8 -107.8 150 100" style="overflow:visible;"><g><rect x="8" y="-107.8" style="fill:none;" width="150" height="100"></rect><g style="opacity:0.1;"><path d="M159.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M162-7.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-10.7,162-9.3,162-7.8 M153.5-10.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z"></path></g><g style="opacity:0.1;"><path d="M9.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M12-7.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-10.7,12-9.3,12-7.8 M3.5-10.4L8-14.8v14.2L3.5-5.1H0v-5.3H3.5z"></path></g><g style="opacity:0.1;"><path d="M159.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M162-107.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-110.7,162-109.3,162-107.8 M153.5-110.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z"></path></g><g style="opacity:0.1;"><path d="M84.8-65.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9c0-2.8-1.9-5.2-4.4-5.9V-65.5 M87-57.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C86.1-60.7,87-59.3,87-57.8 M78.5-60.4l4.4-4.4v14.2l-4.4-4.4H75v-5.3H78.5z"></path></g><g style="opacity:0.1;"><path d="M9.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M12-107.8\n				c0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-110.7,12-109.3,12-107.8 M3.5-110.4l4.4-4.4v14.2l-4.4-4.4H0v-5.3H3.5z"></path></g></g></pattern>', 1)),
-        createElementVNode("g", null, [
-          createElementVNode("rect", {
-            class: normalizeClass(props.fill),
-            width: "640",
-            height: "360"
-          }, null, 2),
-          _cache[0] || (_cache[0] = createElementVNode("path", {
-            style: { "fill": "url(#New_Pattern)" },
-            d: "M639,1v358H1V1H639 M640,0H0v360h640V0L640,0z"
-          }, null, -1))
-        ]),
-        _cache[2] || (_cache[2] = createElementVNode("g", null, [
-          createElementVNode("rect", {
-            x: "0.5",
-            y: "0.5",
-            style: { "fill": "url(#New_Pattern)" },
-            width: "639",
-            height: "359"
-          })
-        ], -1)),
-        _cache[3] || (_cache[3] = createElementVNode("g", null, [
-          createElementVNode("path", {
-            style: { "fill": "white" },
-            d: "M310.7,114.7c-31,4.4-53.2,32.4-53.2,63.7v46.8c0,11.5,9.3,20.8,20.8,20.8h20.8v-55.6h-27.8v-12\n		c0-24.9,17.9-47.1,42.5-50.1c29.6-3.6,54.7,19.4,54.7,48.3v13.9h-27.8V246h20.8c11.5,0,20.8-9.3,20.8-20.8v-48.6\n		C382.5,138.7,349.4,109.1,310.7,114.7z"
-          })
-        ], -1))
-      ]);
-    };
-  }
-});
+import _sfc_main from "./BgAudio.vue.js";
 export {
   _sfc_main as default
 };

package/dist/components/tools/BgAudio.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"BgAudio.vue2.js","sources":["../../../src/components/tools/BgAudio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst props = withDefaults(\n  defineProps<{\n    fill?: string;\n  }>(),\n  {\n    fill: \"fill-primary\",\n  }\n);\n</script>\n<template>\n  <svg\n    version=\"1.1\"\n    id=\"Layer_1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n    x=\"0px\"\n    y=\"0px\"\n    viewBox=\"0 0 640 360\"\n    style=\"enable-background: new 0 0 640 360\"\n    xml:space=\"preserve\"\n  >\n    <pattern\n      y=\"-20\"\n      width=\"150\"\n      height=\"100\"\n      patternUnits=\"userSpaceOnUse\"\n      id=\"New_Pattern\"\n      viewBox=\"8 -107.8 150 100\"\n      style=\"overflow: visible\"\n    >\n      <g>\n        <rect x=\"8\" y=\"-107.8\" style=\"fill: none\" width=\"150\" height=\"100\" />\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M159.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M162-7.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-10.7,162-9.3,162-7.8 M153.5-10.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M9.8-15.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-15.5 M12-7.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-10.7,12-9.3,12-7.8 M3.5-10.4L8-14.8v14.2L3.5-5.1H0v-5.3H3.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M159.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M162-107.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C161.1-110.7,162-109.3,162-107.8 M153.5-110.4l4.4-4.4v14.2l-4.4-4.4H150v-5.3H153.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M84.8-65.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9c0-2.8-1.9-5.2-4.4-5.9V-65.5 M87-57.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C86.1-60.7,87-59.3,87-57.8 M78.5-60.4l4.4-4.4v14.2l-4.4-4.4H75v-5.3H78.5z\"\n          />\n        </g>\n        <g style=\"opacity: 0.1\">\n          <path\n            d=\"M9.8-115.5c3.5,0.8,6.2,4,6.2,7.8s-2.7,7-6.2,7.8v-1.8c2.6-0.8,4.4-3.1,4.4-5.9s-1.9-5.2-4.4-5.9V-115.5 M12-107.8\n\t\t\t\tc0,1.6-0.9,2.9-2.2,3.5v-7.1C11.1-110.7,12-109.3,12-107.8 M3.5-110.4l4.4-4.4v14.2l-4.4-4.4H0v-5.3H3.5z\"\n          />\n        </g>\n      </g>\n    </pattern>\n    <g>\n      <rect :class=\"props.fill\" width=\"640\" height=\"360\" />\n      <path\n        style=\"fill: url(#New_Pattern)\"\n        d=\"M639,1v358H1V1H639 M640,0H0v360h640V0L640,0z\"\n      />\n    </g>\n    <g>\n      <rect\n        x=\"0.5\"\n        y=\"0.5\"\n        style=\"fill: url(#New_Pattern)\"\n        width=\"639\"\n        height=\"359\"\n      />\n    </g>\n    <g>\n      <path\n        style=\"fill: white\"\n        d=\"M310.7,114.7c-31,4.4-53.2,32.4-53.2,63.7v46.8c0,11.5,9.3,20.8,20.8,20.8h20.8v-55.6h-27.8v-12\n\t\tc0-24.9,17.9-47.1,42.5-50.1c29.6-3.6,54.7,19.4,54.7,48.3v13.9h-27.8V246h20.8c11.5,0,20.8-9.3,20.8-20.8v-48.6\n\t\tC382.5,138.7,349.4,109.1,310.7,114.7z\"\n      />\n    </g>\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;AACA,UAAM,QAAQ;;AAUZ,aAAAA,UAAA,GAAAC,mBA8EM,OA9EN,YA8EM;AAAA;QAxBJC,mBAMI,KAAA,MAAA;AAAA,UALFA,mBAAqD,QAAA;AAAA,YAA9C,OAAKC,eAAE,MAAM,IAAI;AAAA,YAAE,OAAM;AAAA,YAAM,QAAO;AAAA,UAAA;oCAC7CD,mBAGE,QAAA;AAAA,YAFA,OAAA,EAAA,QAAA,oBAAA;AAAA,YACA,GAAE;AAAA,UAAA;;kCAGNA,mBAQI,KAAA,MAAA;AAAA,UAPFA,mBAME,QAAA;AAAA,YALA,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAA,EAAA,QAAA,oBAAA;AAAA,YACA,OAAM;AAAA,YACN,QAAO;AAAA,UAAA;;kCAGXA,mBAOI,KAAA,MAAA;AAAA,UANFA,mBAKE,QAAA;AAAA,YAJA,OAAA,EAAA,QAAA,QAAA;AAAA,YACA,GAAE;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"BgAudio.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/tools/Details.vue.js

@@ -1,4 +1,58 @@
-import _sfc_main from "./Details.vue2.js";
+import { defineComponent, ref, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "../interactions/EpModal.vue.js";
+/* empty css                           */
+import _sfc_main$4 from "../basics/EpBtn.vue.js";
+import _sfc_main$3 from "../basics/EpDivider.vue.js";
+import _sfc_main$2 from "./TextMedia.vue.js";
+const _hoisted_1 = { class: "flex justify-end" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Details",
+  props: {
+    title: { default: "Voir détails" },
+    content: {},
+    labelClose: { default: "Fermer" },
+    media: {}
+  },
+  setup(__props) {
+    const showModal = ref(false);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "cursor-pointer rounded ep-bg-primary ep-hover-bg-primary ep-btn-text-primary ep-hover-btn-text-primary py-2 px-4 flex flex-col items-center",
+        onClick: _cache[2] || (_cache[2] = ($event) => showModal.value = true)
+      }, [
+        createVNode(_sfc_main$1, {
+          modelValue: showModal.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showModal.value = $event),
+          title: _ctx.content
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              text: _ctx.title,
+              media: _ctx.media,
+              "text-left": ""
+            }, null, 8, ["text", "media"]),
+            createVNode(_sfc_main$3),
+            createElementVNode("div", _hoisted_1, [
+              createVNode(_sfc_main$4, {
+                type: "error",
+                rounded: "",
+                size: "small",
+                onClick: _cache[0] || (_cache[0] = ($event) => showModal.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.labelClose), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        createElementVNode("p", null, toDisplayString(_ctx.title), 1)
+      ]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/tools/Details.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Details.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Details.vue.js","sources":["../../../src/components/tools/Details.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport type { NestedComponents } from \"~/types/Component\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport TextMedia from \"./TextMedia.vue\";\nconst showModal = ref(false);\n\ninterface Props {\n  title?: string;\n  content: string;\n  labelClose?: string;\n  media?: NestedComponents;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: \"Voir détails\",\n  labelClose: \"Fermer\",\n});\n</script>\n\n<template>\n  <div\n    class=\"cursor-pointer rounded ep-bg-primary ep-hover-bg-primary ep-btn-text-primary ep-hover-btn-text-primary py-2 px-4 flex flex-col items-center\"\n    @click=\"showModal = true\"\n  >\n    <EpModal v-model=\"showModal\" :title=\"content\">\n      <TextMedia :text=\"title\" :media=\"media\" text-left />\n      <EpDivider />\n      <div class=\"flex justify-end\">\n        <EpBtn type=\"error\" rounded size=\"small\" @click=\"showModal = false\">\n          {{ labelClose }}\n        </EpBtn>\n      </div>\n    </EpModal>\n    <p>{{ title }}</p>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createVNode","EpModal","content","TextMedia","title","media","EpDivider","_createElementVNode","EpBtn","labelClose"],"mappings":";;;;;;;;;;;;;;;;AAOA,UAAM,YAAY,IAAI,KAAK;;0BAgBzBA,mBAcM,OAAA;AAAA,QAbJ,OAAM;AAAA,QACL,+CAAO,UAAA,QAAS;AAAA,MAAA;QAEjBC,YAQUC,aAAA;AAAA,sBARQ,UAAA;AAAA,uEAAA,UAAS,QAAA;AAAA,UAAG,OAAOC,KAAAA;AAAAA,QAAAA;2BACnC,MAAoD;AAAA,YAApDF,YAAoDG,aAAA;AAAA,cAAxC,MAAMC,KAAAA;AAAAA,cAAQ,OAAOC,KAAAA;AAAAA,cAAO,aAAA;AAAA,YAAA;YACxCL,YAAaM,WAAA;AAAA,YACbC,mBAIM,OAJN,YAIM;AAAA,cAHJP,YAEQQ,aAAA;AAAA,gBAFD,MAAK;AAAA,gBAAQ,SAAA;AAAA,gBAAQ,MAAK;AAAA,gBAAS,+CAAO,UAAA,QAAS;AAAA,cAAA;iCACxD,MAAgB;AAAA,kDAAbC,KAAAA,UAAU,GAAA,CAAA;AAAA,gBAAA;;;;;;;QAInBF,mBAAkB,2BAAZH,KAAAA,KAAK,GAAA,CAAA;AAAA,MAAA;;;;"}

package/dist/components/tools/Details.vue2.js

@@ -1,59 +1,4 @@
-import { defineComponent, ref, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createTextVNode, toDisplayString } from "vue";
-import _sfc_main$1 from "../interactions/EpModal.vue.js";
-/* empty css                           */
-import _sfc_main$4 from "../basics/EpBtn.vue.js";
-import _sfc_main$3 from "../basics/EpDivider.vue.js";
-import _sfc_main$2 from "./TextMedia.vue2.js";
-const _hoisted_1 = { class: "flex justify-end" };
-const _hoisted_2 = { class: "dark:text-black" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Details",
-  props: {
-    title: { default: "Voir détails" },
-    content: {},
-    labelClose: { default: "Fermer" },
-    media: {}
-  },
-  setup(__props) {
-    const showModal = ref(false);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "cursor-pointer rounded bg-primary text-white py-2 px-4 flex flex-col items-center",
-        onClick: _cache[2] || (_cache[2] = ($event) => showModal.value = true)
-      }, [
-        createVNode(_sfc_main$1, {
-          modelValue: showModal.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showModal.value = $event),
-          title: _ctx.content
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$2, {
-              text: _ctx.title,
-              media: _ctx.media,
-              "text-left": ""
-            }, null, 8, ["text", "media"]),
-            createVNode(_sfc_main$3),
-            createElementVNode("div", _hoisted_1, [
-              createVNode(_sfc_main$4, {
-                type: "error",
-                rounded: "",
-                size: "small",
-                onClick: _cache[0] || (_cache[0] = ($event) => showModal.value = false)
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.labelClose), 1)
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title"]),
-        createElementVNode("p", _hoisted_2, toDisplayString(_ctx.title), 1)
-      ]);
-    };
-  }
-});
+import _sfc_main from "./Details.vue.js";
 export {
   _sfc_main as default
 };

package/dist/components/tools/Details.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Details.vue2.js","sources":["../../../src/components/tools/Details.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport EpModal from \"~/components/interactions/EpModal.vue\";\nimport type { NestedComponents } from \"~/types/Component\";\nimport EpBtn from \"~/components/basics/EpBtn.vue\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport TextMedia from \"./TextMedia.vue\";\nconst showModal = ref(false);\n\ninterface Props {\n  title?: string;\n  content: string;\n  labelClose?: string;\n  media?: NestedComponents;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: \"Voir détails\",\n  labelClose: \"Fermer\",\n});\n</script>\n\n<template>\n  <div\n    class=\"cursor-pointer rounded bg-primary text-white py-2 px-4 flex flex-col items-center\"\n    @click=\"showModal = true\"\n  >\n    <EpModal v-model=\"showModal\" :title=\"content\">\n      <TextMedia :text=\"title\" :media=\"media\" text-left />\n      <EpDivider />\n      <div class=\"flex justify-end\">\n        <EpBtn type=\"error\" rounded size=\"small\" @click=\"showModal = false\">\n          {{ labelClose }}\n        </EpBtn>\n      </div>\n    </EpModal>\n    <p class=\"dark:text-black\">{{ title }}</p>\n  </div>\n</template>\n"],"names":["_createElementBlock","_createVNode","EpModal","content","TextMedia","title","media","EpDivider","_createElementVNode","EpBtn","labelClose","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAM,YAAY,IAAI,KAAK;;0BAgBzBA,mBAcM,OAAA;AAAA,QAbJ,OAAM;AAAA,QACL,+CAAO,UAAA,QAAS;AAAA,MAAA;QAEjBC,YAQUC,aAAA;AAAA,sBARQ,UAAA;AAAA,uEAAA,UAAS,QAAA;AAAA,UAAG,OAAOC,KAAAA;AAAAA,QAAAA;2BACnC,MAAoD;AAAA,YAApDF,YAAoDG,aAAA;AAAA,cAAxC,MAAMC,KAAAA;AAAAA,cAAQ,OAAOC,KAAAA;AAAAA,cAAO,aAAA;AAAA,YAAA;YACxCL,YAAaM,WAAA;AAAA,YACbC,mBAIM,OAJN,YAIM;AAAA,cAHJP,YAEQQ,aAAA;AAAA,gBAFD,MAAK;AAAA,gBAAQ,SAAA;AAAA,gBAAQ,MAAK;AAAA,gBAAS,+CAAO,UAAA,QAAS;AAAA,cAAA;iCACxD,MAAgB;AAAA,kDAAbC,KAAAA,UAAU,GAAA,CAAA;AAAA,gBAAA;;;;;;;QAInBF,mBAA0C,KAA1C,YAA0CG,gBAAZN,KAAAA,KAAK,GAAA,CAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"Details.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/tools/DisplayBox.vue.js

@@ -1,6 +1,8 @@
 import _sfc_main from "./DisplayBox.vue2.js";
 /* empty css                */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const DisplayBox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4e1d2bd1"]]);
 export {
-  _sfc_main as default
+  DisplayBox as default
 };
 //# sourceMappingURL=DisplayBox.vue.js.map

package/dist/components/tools/DisplayBox.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayBox.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"DisplayBox.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/tools/DisplayBox.vue2.js

@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        renderSlot(_ctx.$slots, "default", { open }),
+        renderSlot(_ctx.$slots, "default", { open }, void 0, true),
         createElementVNode("div", {
           ref_key: "menu",
           ref: menu,
@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "menu", {
             isOpen: isOpen.value,
             close
-          })
+          }, void 0, true)
         ], 2)
       ]);
     };

package/dist/components/tools/DisplayBox.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayBox.vue2.js","sources":["../../../src/components/tools/DisplayBox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from \"vue\";\nimport { onClickOutside, useEventListener } from \"@vueuse/core\";\nconst menu = ref();\nconst isOpen = ref();\n\nonClickOutside(menu, (event) => {\n  isOpen.value = false;\n});\nuseEventListener(\"keydown\", (e) => {\n  if (e.key === \"Escape\" && isOpen) isOpen.value = false;\n});\n\nfunction open() {\n  return (isOpen.value = true);\n}\n\nfunction close() {\n  return (isOpen.value = false);\n}\n\nconst classOpen = computed(() => {\n  return isOpen.value ? `w-[32rem]` : `hidden`;\n});\n</script>\n\n<template>\n  <div>\n    <slot :open=\"open\" />\n    <div ref=\"menu\" :class=\"`${classOpen} ep-display-box`\">\n      <slot name=\"menu\" :is-open=\"isOpen\" :close=\"close\" />\n    </div>\n  </div>\n</template>\n\n<style>\n.ep-display-box {\n  z-index: 9999;\n  position: absolute;\n  right: 12rem;\n}\n</style>\n"],"names":["_createElementBlock","_renderSlot","_createElementVNode"],"mappings":";;;;;AAGA,UAAM,OAAO,IAAA;AACb,UAAM,SAAS,IAAA;AAEf,mBAAe,MAAM,CAAC,UAAU;AAC9B,aAAO,QAAQ;AAAA,IACjB,CAAC;AACD,qBAAiB,WAAW,CAAC,MAAM;AACjC,UAAI,EAAE,QAAQ,YAAY,eAAe,QAAQ;AAAA,IACnD,CAAC;AAED,aAAS,OAAO;AACd,aAAQ,OAAO,QAAQ;AAAA,IACzB;AAEA,aAAS,QAAQ;AACf,aAAQ,OAAO,QAAQ;AAAA,IACzB;AAEA,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,OAAO,QAAQ,cAAc;AAAA,IACtC,CAAC;;0BAICA,mBAKM,OAAA,MAAA;AAAA,QAJJC,WAAqB,KAAA,QAAA,WAAA,EAAd,MAAU;AAAA,QACjBC,mBAEM,OAAA;AAAA,mBAFG;AAAA,UAAJ,KAAI;AAAA,UAAQ,yBAAU,UAAA,KAAS,iBAAA;AAAA,QAAA;UAClCD,WAAqD,KAAA,QAAA,QAAA;AAAA,YAAlC,QAAS,OAAA;AAAA,YAAS;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"DisplayBox.vue2.js","sources":["../../../src/components/tools/DisplayBox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from \"vue\";\nimport { onClickOutside, useEventListener } from \"@vueuse/core\";\nconst menu = ref();\nconst isOpen = ref();\n\nonClickOutside(menu, (event) => {\n  isOpen.value = false;\n});\nuseEventListener(\"keydown\", (e) => {\n  if (e.key === \"Escape\" && isOpen) isOpen.value = false;\n});\n\nfunction open() {\n  return (isOpen.value = true);\n}\n\nfunction close() {\n  return (isOpen.value = false);\n}\n\nconst classOpen = computed(() => {\n  return isOpen.value ? `w-[32rem]` : `hidden`;\n});\n</script>\n\n<template>\n  <div>\n    <slot :open=\"open\" />\n    <div ref=\"menu\" :class=\"`${classOpen} ep-display-box`\">\n      <slot name=\"menu\" :is-open=\"isOpen\" :close=\"close\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.ep-display-box {\n  z-index: 9999;\n  position: absolute;\n  right: 12rem;\n}\n</style>\n"],"names":["_createElementBlock","_renderSlot","_createElementVNode"],"mappings":";;;;;AAGA,UAAM,OAAO,IAAA;AACb,UAAM,SAAS,IAAA;AAEf,mBAAe,MAAM,CAAC,UAAU;AAC9B,aAAO,QAAQ;AAAA,IACjB,CAAC;AACD,qBAAiB,WAAW,CAAC,MAAM;AACjC,UAAI,EAAE,QAAQ,YAAY,eAAe,QAAQ;AAAA,IACnD,CAAC;AAED,aAAS,OAAO;AACd,aAAQ,OAAO,QAAQ;AAAA,IACzB;AAEA,aAAS,QAAQ;AACf,aAAQ,OAAO,QAAQ;AAAA,IACzB;AAEA,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,OAAO,QAAQ,cAAc;AAAA,IACtC,CAAC;;0BAICA,mBAKM,OAAA,MAAA;AAAA,QAJJC,WAAqB,KAAA,QAAA,WAAA,EAAd,KAAA,GAAU,QAAA,IAAA;AAAA,QACjBC,mBAEM,OAAA;AAAA,mBAFG;AAAA,UAAJ,KAAI;AAAA,UAAQ,yBAAU,UAAA,KAAS,iBAAA;AAAA,QAAA;UAClCD,WAAqD,KAAA,QAAA,QAAA;AAAA,YAAlC,QAAS,OAAA;AAAA,YAAS;AAAA,UAAA;;;;;;"}