ep-lib-ts 1.0.54 → 1.0.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/dist/BgAudio-i5PTLf0N.js +4 -0
  2. package/dist/Details-CS8Nyb_l.js +4 -0
  3. package/dist/DisplayBox-DirIshZw.js +4 -0
  4. package/dist/EpAudio-D2jZ4_2i.js +4 -0
  5. package/dist/EpAvatar-M02jfvFI.js +4 -0
  6. package/dist/EpBadge-BF-0h8Dh.js +4 -0
  7. package/dist/EpBarChart-BXNhTphT.js +4 -0
  8. package/dist/EpBtn-BoYPhKqX.js +4 -0
  9. package/dist/EpCard-CqnilIcE.js +4 -0
  10. package/dist/EpCardLink--_rDAa_E.js +4 -0
  11. package/dist/EpChip-C0cD6KFV.js +4 -0
  12. package/dist/EpCodeblock-GIrYPq6y.js +4 -0
  13. package/dist/EpConclusion-CUK9mpAC.js +4 -0
  14. package/dist/EpContentSlider-BlEFJulk.js +4 -0
  15. package/dist/{EpDarkmode-Kj9ZCege.js → EpDarkmode-CW-dKJx2.js} +1 -1
  16. package/dist/EpDescription-BgtOpi53.js +4 -0
  17. package/dist/EpDivider-Op2QoptS.js +4 -0
  18. package/dist/EpDocument-MlNE59Qa.js +4 -0
  19. package/dist/{EpDraggable-Co8uBigH.js → EpDraggable-xB2wuyS9.js} +1 -1
  20. package/dist/EpEdu-DVW8x_BG.js +4 -0
  21. package/dist/EpFlex-B8IJkl_8.js +4 -0
  22. package/dist/EpFunnelChart-D1ptPhFl.js +4 -0
  23. package/dist/EpHeader-CMjLr9JM.js +4 -0
  24. package/dist/EpHover-Bblofuek.js +4 -0
  25. package/dist/EpHoverCard-bjn3lnwj.js +4 -0
  26. package/dist/EpIcon-DhwQi6Au.js +4 -0
  27. package/dist/EpIframe-B6SRnvUu.js +4 -0
  28. package/dist/EpImg-DzvIdzyz.js +4 -0
  29. package/dist/EpImgCarousel-DBf1h-5X.js +4 -0
  30. package/dist/{EpInput-BAl9kb_b.js → EpInput-C0CMBUXe.js} +1 -1
  31. package/dist/EpInstructions-BrGtuXF0.js +4 -0
  32. package/dist/EpIntroduction-CqZ-4NpR.js +4 -0
  33. package/dist/EpLineChart-C4d_gdV7.js +4 -0
  34. package/dist/EpLink-oaKKn4qV.js +4 -0
  35. package/dist/EpLinkVersion-sfPy24Q2.js +4 -0
  36. package/dist/{EpList-B9M5lt1v.js → EpList-WwXeYUBm.js} +1 -1
  37. package/dist/EpModal-BFqQKJTz.js +4 -0
  38. package/dist/{EpNothing-YipAP3oo.js → EpNothing-C7vQO8hI.js} +1 -1
  39. package/dist/EpObjective-C-c4gSvJ.js +4 -0
  40. package/dist/EpPieChart-B2mmQPO0.js +4 -0
  41. package/dist/EpQuestion-BMaqguZl.js +4 -0
  42. package/dist/EpQuote-CmpgynGk.js +4 -0
  43. package/dist/EpRadio-CUCgpUd_.js +4 -0
  44. package/dist/EpRadioSummative-DZNPH8SS.js +4 -0
  45. package/dist/EpReading-C_Puu9TF.js +4 -0
  46. package/dist/EpResource-YGl2YYa7.js +4 -0
  47. package/dist/EpScope-Bp8GVIxi.js +4 -0
  48. package/dist/EpSection-BCWwtKzA.js +4 -0
  49. package/dist/EpSectionCols-B1jykYrm.js +4 -0
  50. package/dist/EpSkeleton-VIzyuHgV.js +4 -0
  51. package/dist/EpSoftware-DR-Xei3P.js +4 -0
  52. package/dist/EpSpecificObjective-BzXora8y.js +4 -0
  53. package/dist/EpSpinner-BdhlSybk.js +4 -0
  54. package/dist/EpStackedList-hI9ca8KS.js +4 -0
  55. package/dist/EpSummativeTable-uPZf61d-.js +4 -0
  56. package/dist/EpSvg-TMco7bdD.js +4 -0
  57. package/dist/EpSvgShow-BcbojKsh.js +4 -0
  58. package/dist/EpTable-D8hV58AR.js +4 -0
  59. package/dist/EpTerm-BEi5nmEU.js +4 -0
  60. package/dist/EpText-D5p3vydP.js +4 -0
  61. package/dist/EpTimeLine-sgB1Bt70.js +4 -0
  62. package/dist/EpVideo-CLG17rgW.js +4 -0
  63. package/dist/EpVideoPanopto-CkY4bRjs.js +4 -0
  64. package/dist/EpWordDef-CrYgSmrV.js +4 -0
  65. package/dist/TextMedia-CtH3oJ5E.js +4 -0
  66. package/dist/TwoColsMedia-Di0IhDFz.js +48 -0
  67. package/dist/components/tools/TwoColsMedia.vue.d.ts +27 -0
  68. package/dist/ep-lib-ts.js +7 -7
  69. package/dist/ep-lib-ts.umd.cjs +53 -53
  70. package/dist/{index-Cllz2Ia3.js → index-4g-JMv7A.js} +2690 -2672
  71. package/dist/{index-Bhy3n4DI.js → index-CLaGcnM3.js} +1 -1
  72. package/dist/{prism-CFRbvIsk.js → prism-B3HCGkuN.js} +1 -1
  73. package/dist/style.css +1 -1
  74. package/dist/types/Hierarchy.d.ts +1 -0
  75. package/package.json +1 -1
  76. package/src/components/interactions/EpModal.vue +2 -2
  77. package/src/components/signages/EpAlert.vue +37 -26
  78. package/src/components/tools/TwoColsMedia.vue +52 -0
  79. package/dist/BgAudio-CjD8rE6L.js +0 -4
  80. package/dist/Details-DodNJLmk.js +0 -4
  81. package/dist/DisplayBox-a9QABBg0.js +0 -4
  82. package/dist/EpAlert-DL2pQmkm.js +0 -4
  83. package/dist/EpAudio-B1eoAvQp.js +0 -4
  84. package/dist/EpAvatar-DUWW5trW.js +0 -4
  85. package/dist/EpBadge-BZZQvAVs.js +0 -4
  86. package/dist/EpBarChart-Bv4LoxxX.js +0 -4
  87. package/dist/EpBtn-BfLGlVXl.js +0 -4
  88. package/dist/EpCard-Crpcs4JY.js +0 -4
  89. package/dist/EpCardLink-MoItEiyt.js +0 -4
  90. package/dist/EpChip-BceMyKjr.js +0 -4
  91. package/dist/EpCodeblock-D87dvIve.js +0 -4
  92. package/dist/EpConclusion-CqJsk0kW.js +0 -4
  93. package/dist/EpContentSlider-W35bm8vM.js +0 -4
  94. package/dist/EpDescription-CkrMusXA.js +0 -4
  95. package/dist/EpDivider-PDLfxtHT.js +0 -4
  96. package/dist/EpDocument-BDU1ahk8.js +0 -4
  97. package/dist/EpEdu-CHRkMMgm.js +0 -4
  98. package/dist/EpFlex-DARmMuRJ.js +0 -4
  99. package/dist/EpFunnelChart-z5FrSEHw.js +0 -4
  100. package/dist/EpHeader-DVN3apTI.js +0 -4
  101. package/dist/EpHover-heeBGubv.js +0 -4
  102. package/dist/EpHoverCard-2rYupP8M.js +0 -4
  103. package/dist/EpIcon-D1hHhkw2.js +0 -4
  104. package/dist/EpIframe-BebJ46m_.js +0 -4
  105. package/dist/EpImg-DLtDRMKo.js +0 -4
  106. package/dist/EpImgCarousel-Sdulf0vy.js +0 -4
  107. package/dist/EpInstructions-C4jVOwjT.js +0 -4
  108. package/dist/EpIntroduction-DlDvwvqJ.js +0 -4
  109. package/dist/EpLineChart-CtzLjbJ7.js +0 -4
  110. package/dist/EpLink-42Jwja2Y.js +0 -4
  111. package/dist/EpLinkVersion-DIvWaYUN.js +0 -4
  112. package/dist/EpModal-BsON1lr3.js +0 -4
  113. package/dist/EpObjective-BbUe8GFm.js +0 -4
  114. package/dist/EpPieChart-MLoj6BR_.js +0 -4
  115. package/dist/EpQuestion-BtF1Qgmj.js +0 -4
  116. package/dist/EpQuote-Cibs-LKa.js +0 -4
  117. package/dist/EpRadio-BWLLcGbB.js +0 -4
  118. package/dist/EpRadioSummative-DxivBGqM.js +0 -4
  119. package/dist/EpReading-D_Hpr3ao.js +0 -4
  120. package/dist/EpResource-BE_aXHAi.js +0 -4
  121. package/dist/EpScope-DiXtqmae.js +0 -4
  122. package/dist/EpSection-B3W0ffnN.js +0 -4
  123. package/dist/EpSectionCols-DbM-vHrS.js +0 -4
  124. package/dist/EpSkeleton-CFNm58SZ.js +0 -4
  125. package/dist/EpSoftware-Bob71yqB.js +0 -4
  126. package/dist/EpSpecificObjective-C7tWNHHd.js +0 -4
  127. package/dist/EpSpinner-Do8Jowd9.js +0 -4
  128. package/dist/EpStackedList-sgilE4yA.js +0 -4
  129. package/dist/EpSummativeTable-BJi8VUtB.js +0 -4
  130. package/dist/EpSvg-DqQt1rvC.js +0 -4
  131. package/dist/EpSvgShow-DtDVgeJl.js +0 -4
  132. package/dist/EpTable-DXuHhHqq.js +0 -4
  133. package/dist/EpTerm-jaZtSD0w.js +0 -4
  134. package/dist/EpText-CwvgGSLh.js +0 -4
  135. package/dist/EpTimeLine-CCCyOGBT.js +0 -4
  136. package/dist/EpVideo-EeWrLoqr.js +0 -4
  137. package/dist/EpVideoPanopto-2xqsTrPY.js +0 -4
  138. package/dist/EpWordDef-bqKugyLs.js +0 -4
  139. package/dist/TextMedia-BCE1F2fb.js +0 -4
@@ -1,4 +1,4 @@
1
- import { ac as xl } from "./index-Cllz2Ia3.js";
1
+ import { ad as xl } from "./index-4g-JMv7A.js";
2
2
  function ul(n) {
3
3
  return n instanceof Map ? n.clear = n.delete = n.set = function() {
4
4
  throw new Error("map is read-only");
@@ -1,4 +1,4 @@
1
- import { ac as V, ad as W } from "./index-Cllz2Ia3.js";
1
+ import { ad as V, ae as W } from "./index-4g-JMv7A.js";
2
2
  function ee(S, P) {
3
3
  for (var i = 0; i < P.length; i++) {
4
4
  const g = P[i];
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .content[data-v-3a321611]{max-height:0;overflow:hidden}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-container{margin:auto;max-height:95%;transition:all .3s ease;z-index:9999}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}.custom_index{z-index:9999;position:absolute;right:12rem}pre{white-space:break-spaces}.tree-wrapper[data-v-633f0b83]{overflow:auto;border:1px solid #ddd}.tree-container[data-v-633f0b83]{width:100%;overflow-x:auto}@keyframes fade-d75b43b7{0%{opacity:0}to{opacity:1}}@keyframes scale-d75b43b7{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideY-d75b43b7{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.fade[data-v-d75b43b7]{animation:fade-d75b43b7 1s}.scale[data-v-d75b43b7]{animation:scale-d75b43b7 1s}.slideY[data-v-d75b43b7]{animation:slideY-d75b43b7 1s}.shape{height:var(--57a4c52c);width:var(--32b5e5ba)}.v-enter-active[data-v-7e484601],.v-leave-active[data-v-7e484601]{transition:opacity .5s ease}.v-enter-from[data-v-7e484601],.v-leave-to[data-v-7e484601]{opacity:0}.katex[data-v-a5d595cd]{font-size:1.6em}.content[data-v-1ad88e28]{max-height:0;overflow:hidden}.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.arrow-light-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.2) transparent transparent transparent}.arrow-dark-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.arrow-light-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid #eee;border-left:7px solid transparent;border-bottom-color:#0003}.arrow-dark-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid black;border-left:7px solid transparent;border-bottom-color:black transparent transparent transparent}.arrow-light-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid #eee;border-bottom:5px solid transparent;border-left-color:#0003}.arrow-dark-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid black;border-bottom:5px solid transparent;border-left-color:black transparent transparent transparent}.arrow-light-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid #eee;border-bottom:5px solid transparent;border-right-color:#0003}.arrow-dark-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid black;border-bottom:5px solid transparent;border-right-color:black transparent transparent transparent}
1
+ .content[data-v-3a321611]{max-height:0;overflow:hidden}.modal-mask{position:fixed;z-index:6998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;transition:opacity .3s ease}.modal-container{margin:auto;max-height:95%;transition:all .3s ease;z-index:7000}.modal-header h3{margin-top:0;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}.custom_index{z-index:9999;position:absolute;right:12rem}pre{white-space:break-spaces}.tree-wrapper[data-v-633f0b83]{overflow:auto;border:1px solid #ddd}.tree-container[data-v-633f0b83]{width:100%;overflow-x:auto}@keyframes fade-d75b43b7{0%{opacity:0}to{opacity:1}}@keyframes scale-d75b43b7{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideY-d75b43b7{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.fade[data-v-d75b43b7]{animation:fade-d75b43b7 1s}.scale[data-v-d75b43b7]{animation:scale-d75b43b7 1s}.slideY[data-v-d75b43b7]{animation:slideY-d75b43b7 1s}.shape{height:var(--57a4c52c);width:var(--32b5e5ba)}.ep-info-box[data-v-7df617fa] a{text-decoration:underline;font-weight:500}.v-enter-active[data-v-7e484601],.v-leave-active[data-v-7e484601]{transition:opacity .5s ease}.v-enter-from[data-v-7e484601],.v-leave-to[data-v-7e484601]{opacity:0}.katex[data-v-a5d595cd]{font-size:1.6em}.content[data-v-1ad88e28]{max-height:0;overflow:hidden}.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.arrow-light-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.2) transparent transparent transparent}.arrow-dark-top:before{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.arrow-light-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid #eee;border-left:7px solid transparent;border-bottom-color:#0003}.arrow-dark-bottom:before{content:"";position:absolute;display:inline-block;left:50%;bottom:100%;border-right:7px solid transparent;border-bottom:7px solid black;border-left:7px solid transparent;border-bottom-color:black transparent transparent transparent}.arrow-light-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid #eee;border-bottom:5px solid transparent;border-left-color:#0003}.arrow-dark-left:before{position:absolute;display:inline-block;left:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-left:5px solid black;border-bottom:5px solid transparent;border-left-color:black transparent transparent transparent}.arrow-light-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid #eee;border-bottom:5px solid transparent;border-right-color:#0003}.arrow-dark-right:before{position:absolute;display:inline-block;right:100%;top:50%;content:"";margin-right:0;border-top:5px solid transparent;border-right:5px solid black;border-bottom:5px solid transparent;border-right-color:black transparent transparent transparent}
@@ -7,6 +7,7 @@ export interface TreeNode {
7
7
  active?: boolean;
8
8
  text?: string;
9
9
  component?: NestedComponents;
10
+ extraComponent?: NestedComponents;
10
11
  cols?: boolean;
11
12
  }
12
13
  type TailwindShade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ep-lib-ts",
3
3
  "private": false,
4
- "version": "1.0.54",
4
+ "version": "1.0.56",
5
5
  "files": [
6
6
  "dist",
7
7
  "src/components/"
@@ -73,7 +73,7 @@ const {title, subtitle, icon} = toRefs(props)
73
73
  <style>
74
74
  .modal-mask {
75
75
  position: fixed;
76
- z-index: 9998;
76
+ z-index: 6998;
77
77
  top: 0;
78
78
  left: 0;
79
79
  width: 100%;
@@ -87,7 +87,7 @@ const {title, subtitle, icon} = toRefs(props)
87
87
  margin: auto;
88
88
  max-height: 95%;
89
89
  transition: all 0.3s ease;
90
- z-index: 9999;
90
+ z-index: 7000;
91
91
  }
92
92
 
93
93
  .modal-header h3 {
@@ -5,7 +5,7 @@ import EpIcon from "../basics/EpIcon.vue";
5
5
  import EpAccordeon from "../interactions/EpAccordeon.vue";
6
6
  ///types with Capital letters... object with styles same name in lowercase
7
7
  import { type TypeAlert, typeAlert, typeDivider } from "../../types/Alert";
8
- import {useIcons} from '../../composables/useIcons'
8
+ import { useIcons } from '../../composables/useIcons'
9
9
 
10
10
 
11
11
  /*NOTE IMPORTANT
@@ -22,55 +22,55 @@ interface OldType {
22
22
  }
23
23
 
24
24
  interface Props {
25
- type?:TypeAlert|OldType;
25
+ type?: TypeAlert | OldType;
26
26
  title?: string | null;
27
- outlined?:boolean;
28
- noIcon?:boolean;
29
- compact?:boolean
27
+ outlined?: boolean;
28
+ noIcon?: boolean;
29
+ compact?: boolean
30
30
  }
31
31
 
32
32
  const props = withDefaults(defineProps<Props>(), {
33
- type:'base',
33
+ type: 'base',
34
34
  title: null,
35
- noIcon:false,
35
+ noIcon: false,
36
36
  });
37
37
 
38
38
  /* sur l'éditeur de parcours la composante a été fait à l'inverse malhereusement (old v-switch the vuetify)*/
39
39
  /* donc outlined:true is fonce et oulined:false is the real onlined*/
40
- const outlinedCompact = computed(()=> {
41
- return !props.outlined
40
+ const outlinedCompact = computed(() => {
41
+ return !props.outlined
42
42
  })
43
43
 
44
44
 
45
- const isOutlined = computed(()=>{
46
- if(!props.outlined){
45
+ const isOutlined = computed(() => {
46
+ if (!props.outlined) {
47
47
  return 'outlined'
48
48
  }
49
49
  return 'default'
50
50
  })
51
51
 
52
52
  // to change after change bd strapi v4
53
- const finalType = computed(()=>{
54
- if(typeof props.type === 'object'){
53
+ const finalType = computed(() => {
54
+ if (typeof props.type === 'object') {
55
55
  return props.type.type
56
56
  }
57
57
  return props.type
58
58
  })
59
59
 
60
- const styles = computed(()=>{
60
+ const styles = computed(() => {
61
61
  return `${typeAlert[finalType.value]?.[isOutlined.value]}`
62
62
  })
63
63
 
64
- const styleHr = computed(()=> {
64
+ const styleHr = computed(() => {
65
65
  return `${typeDivider[finalType.value]?.[isOutlined.value]}`
66
66
  })
67
67
 
68
- const icon = computed(()=>{
69
- let icon = useIcons[finalType.value].icon
70
- if(props.noIcon){
71
- return null
72
- }
73
- return icon
68
+ const icon = computed(() => {
69
+ let icon = useIcons[finalType.value].icon
70
+ if (props.noIcon) {
71
+ return null
72
+ }
73
+ return icon
74
74
  })
75
75
 
76
76
  const { title, compact, outlined } = toRefs(props);
@@ -79,20 +79,31 @@ const { title, compact, outlined } = toRefs(props);
79
79
 
80
80
  <template>
81
81
  <div :class="`flex p-4 rounded shadow-md m-2 ${styles}`" v-if="!compact">
82
-
82
+
83
83
  <div v-if="icon" class="flex items-center justify-center w-1/12">
84
84
  <EpIcon :size="40" :icon-path="icon"></EpIcon>
85
85
  </div>
86
- <div :class="`${icon?'w-11/12':'w-full'} flex items-center`">
87
- <div class="container">
86
+ <div :class="`${icon ? 'w-11/12' : 'w-full'} flex items-center`">
87
+ <div class="container">
88
88
  <h3 v-if="title" class="text-left text-2xl font-bold">{{ title }}</h3>
89
89
  <hr v-if="title" :class="`w-full my-3 border ${styleHr}`">
90
+ <div class="ep-info-box">
90
91
  <slot>
91
92
  </slot>
92
- </div>
93
+ </div>
94
+ </div>
93
95
  </div>
94
96
  </div>
95
97
  <EpAccordeon :type="finalType" :outlined="outlinedCompact" :icon="icon" :title="title" v-else>
96
- <slot></slot>
98
+ <div class="ep-info-box">
99
+ <slot></slot>
100
+ </div>
97
101
  </EpAccordeon>
98
102
  </template>
103
+
104
+ <style scoped>
105
+ .ep-info-box :deep(a){
106
+ text-decoration: underline;
107
+ font-weight:500;
108
+ }
109
+ </style>
@@ -0,0 +1,52 @@
1
+ <script setup lang="ts">
2
+ import {computed, defineAsyncComponent} from "vue"
3
+ import { useComponent } from "../../composables/useComponent";
4
+ import type { NestedComponents } from "../../types/Component";
5
+
6
+ interface Props{
7
+ mediaLeft:NestedComponents;
8
+ mediaRight:NestedComponents;
9
+ cols?:boolean;
10
+ textLeft?:boolean
11
+ }
12
+
13
+ const props = withDefaults(defineProps<Props>(), {
14
+ })
15
+
16
+ const leftComponent = computed(() => {
17
+ if (props.mediaLeft) {
18
+ const componentToLoad = useComponent(props.mediaLeft.type);
19
+ return defineAsyncComponent(() => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`));
20
+ }
21
+ return null;
22
+ });
23
+
24
+ const rightComponent = computed(() => {
25
+ if (props.mediaRight) {
26
+ const componentToLoad = useComponent(props.mediaRight.type);
27
+ return defineAsyncComponent(() => import(`../${componentToLoad.path}/${componentToLoad.name}.vue`));
28
+ }
29
+ return null;
30
+ });
31
+
32
+ const colsStyle = computed(()=> {
33
+ return props.cols ? 'flex items-center justify-center gap-1' : ''
34
+ })
35
+
36
+
37
+ </script>
38
+
39
+ <template>
40
+ <div :class="colsStyle">
41
+ <div class="w-full" v-if="leftComponent && mediaLeft">
42
+ <component
43
+ :is="leftComponent"
44
+ v-bind="{...mediaLeft.data}"/>
45
+ </div>
46
+ <div class="w-full" v-if="rightComponent && rightComponent">
47
+ <component
48
+ :is="rightComponent"
49
+ v-bind="{...rightComponent.data}"/>
50
+ </div>
51
+ </div>
52
+ </template>
@@ -1,4 +0,0 @@
1
- import { a8 as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a9 as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { aa as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a4 as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { U as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { c as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { d as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { u as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { e } from "./index-Cllz2Ia3.js";
2
- export {
3
- e as default
4
- };
@@ -1,4 +0,0 @@
1
- import { f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { V as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { g as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { y as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { z as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { M as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { A as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { h as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { B as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { C as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { i as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { v as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a5 as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { j as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { k as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { l as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { W as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { m } from "./index-Cllz2Ia3.js";
2
- export {
3
- m as default
4
- };
@@ -1,4 +0,0 @@
1
- import { n as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { D as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { E as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { w as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { X as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { Y as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { Q as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { F as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { x as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { R as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a6 as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { K as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { L as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { b as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { G as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { H as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { o } from "./index-Cllz2Ia3.js";
2
- export {
3
- o as default
4
- };
@@ -1,4 +0,0 @@
1
- import { p as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a7 as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { Z as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { I as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { q as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { r } from "./index-Cllz2Ia3.js";
2
- export {
3
- r as default
4
- };
@@ -1,4 +0,0 @@
1
- import { S as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { $ as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { T as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { s } from "./index-Cllz2Ia3.js";
2
- export {
3
- s as default
4
- };
@@ -1,4 +0,0 @@
1
- import { _ as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { t } from "./index-Cllz2Ia3.js";
2
- export {
3
- t as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a0 as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a1 as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a2 as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { a3 as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };
@@ -1,4 +0,0 @@
1
- import { ab as f } from "./index-Cllz2Ia3.js";
2
- export {
3
- f as default
4
- };