ep-lib-ts 1.0.59 → 1.0.60

package/dist/components/basics/EpSectionCols.vue.js

@@ -1,13 +1,19 @@
-import { defineComponent as C, ref as w, computed as s, createElementBlock as n, openBlock as i, createElementVNode as t, createCommentVNode as r, createBlock as a, normalizeClass as o, toDisplayString as f, renderSlot as m } from "vue";
-import { useCreateUid as y } from "../../composables/useCreateUid.js";
-import { cols_img as I } from "../../types/Image.js";
-import { allowedColWidths as d } from "../../types/Cols.js";
-import b from "./EpDivider.vue.js";
-import p from "./EpIcon.vue.js";
-const z = ["id"], S = { class: "text-2xl font-semibold dark:text-white" }, B = { class: "dark:text-white" }, E = ["innerHTML"], M = {
+import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, normalizeClass, toDisplayString, renderSlot } from "vue";
+import { useCreateUid } from "../../composables/useCreateUid.js";
+import { cols_img } from "../../types/Image.js";
+import { allowedColWidths } from "../../types/Cols.js";
+import _sfc_main$2 from "./EpDivider.vue.js";
+import _sfc_main$1 from "./EpIcon.vue.js";
+const _hoisted_1 = ["id"];
+const _hoisted_2 = { class: "text-2xl font-semibold dark:text-white" };
+const _hoisted_3 = { class: "dark:text-white" };
+const _hoisted_4 = ["innerHTML"];
+const _hoisted_5 = {
   key: 1,
   class: "w-full"
-}, T = ["src", "alt"], D = /* @__PURE__ */ C({
+};
+const _hoisted_6 = ["src", "alt"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpSectionCols",
   props: {
     uid: {},
@@ -22,73 +28,92 @@ const z = ["id"], S = { class: "text-2xl font-semibold dark:text-white" }, B = {
     gap: { default: "gap-1" },
     leftCol: { default: "w-full" }
   },
-  setup(h) {
-    const l = h, v = w(l.uid || y()), c = s(() => l.title && l.subtitle ? 40 : 25), g = s(() => l.endIcon ? "justify-between" : ""), $ = s(() => I[+l.colsMedia]), k = s(() => {
-      if (l.leftCol === "w-full") return "w-full";
-      const e = d.indexOf(l.leftCol), u = d.length - e - 2;
-      return d[u] || "w-full";
+  setup(__props) {
+    const props = __props;
+    const id = ref(props.uid || useCreateUid());
+    const iconSize = computed(() => {
+      if (props.title && props.subtitle) return 40;
+      return 25;
     });
-    return (e, u) => (i(), n("section", {
-      class: "EpSection",
-      id: `section-${v.value}`
-    }, [
-      t("div", {
-        class: o(`flex items-center ${g.value}`)
-      }, [
-        e.icon && !e.endIcon ? (i(), a(p, {
-          key: 0,
-          "icon-path": e.icon,
-          size: c.value
-        }, null, 8, ["icon-path", "size"])) : r("", !0),
-        t("div", {
-          class: o(`${e.endIcon ? "" : "ml-2"}`)
-        }, [
-          t("h2", S, f(e.title), 1),
-          t("h3", B, f(e.subtitle), 1)
-        ], 2),
-        e.icon && e.endIcon ? (i(), a(p, {
-          key: 1,
-          "icon-path": e.icon,
-          size: c.value
-        }, null, 8, ["icon-path", "size"])) : r("", !0)
-      ], 2),
-      e.media || e.src ? (i(), n("div", {
-        key: 0,
-        class: o(`flex ${e.mediaAling}`)
+    const styleTitle = computed(() => {
+      if (props.endIcon) {
+        return "justify-between";
+      }
+      return "";
+    });
+    const renderCols = computed(() => {
+      return cols_img[+props.colsMedia];
+    });
+    const rightCol = computed(() => {
+      if (props.leftCol === "w-full") return "w-full";
+      const leftIndex = allowedColWidths.indexOf(props.leftCol);
+      const rightIndex = allowedColWidths.length - leftIndex - 2;
+      return allowedColWidths[rightIndex] || "w-full";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", {
+        class: "EpSection",
+        id: `section-${id.value}`
       }, [
-        t("div", {
-          class: o(`dark:text-white ${$.value}`)
+        createElementVNode("div", {
+          class: normalizeClass(`flex items-center ${styleTitle.value}`)
         }, [
-          e.media ? (i(), n("div", {
+          _ctx.icon && !_ctx.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
-            innerHTML: e.media,
-            class: "w-full"
-          }, null, 8, E)) : (i(), n("div", M, [
-            t("img", {
-              src: e.src,
-              alt: `image section ${e.title}`
-            }, null, 8, T)
-          ]))
-        ], 2)
-      ], 2)) : r("", !0),
-      e.title || e.subtitle ? (i(), a(b, { key: 1 })) : r("", !0),
-      t("div", {
-        class: o(`flex ${e.gap}`)
-      }, [
-        t("div", {
-          class: o(`${e.leftCol}`)
-        }, [
-          m(e.$slots, "left")
+            "icon-path": _ctx.icon,
+            size: iconSize.value
+          }, null, 8, ["icon-path", "size"])) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass(`${_ctx.endIcon ? "" : "ml-2"}`)
+          }, [
+            createElementVNode("h2", _hoisted_2, toDisplayString(_ctx.title), 1),
+            createElementVNode("h3", _hoisted_3, toDisplayString(_ctx.subtitle), 1)
+          ], 2),
+          _ctx.icon && _ctx.endIcon ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 1,
+            "icon-path": _ctx.icon,
+            size: iconSize.value
+          }, null, 8, ["icon-path", "size"])) : createCommentVNode("", true)
         ], 2),
-        t("div", {
-          class: o(`${k.value}`)
+        _ctx.media || _ctx.src ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(`flex ${_ctx.mediaAling}`)
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(`dark:text-white ${renderCols.value}`)
+          }, [
+            _ctx.media ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              innerHTML: _ctx.media,
+              class: "w-full"
+            }, null, 8, _hoisted_4)) : (openBlock(), createElementBlock("div", _hoisted_5, [
+              createElementVNode("img", {
+                src: _ctx.src,
+                alt: `image section ${_ctx.title}`
+              }, null, 8, _hoisted_6)
+            ]))
+          ], 2)
+        ], 2)) : createCommentVNode("", true),
+        _ctx.title || _ctx.subtitle ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(`flex ${_ctx.gap}`)
         }, [
-          m(e.$slots, "right")
+          createElementVNode("div", {
+            class: normalizeClass(`${_ctx.leftCol}`)
+          }, [
+            renderSlot(_ctx.$slots, "left")
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(`${rightCol.value}`)
+          }, [
+            renderSlot(_ctx.$slots, "right")
+          ], 2)
         ], 2)
-      ], 2)
-    ], 8, z));
+      ], 8, _hoisted_1);
+    };
   }
 });
 export {
-  D as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpSectionCols.vue.js.map

package/dist/components/basics/EpSectionCols.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpSectionCols.vue.js","sources":["../../../src/components/basics/EpSectionCols.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { useCreateUid } from \"~/composables/useCreateUid\";\nimport { cols_img } from \"~/types/Image\";\nimport { allowedColWidths } from \"~/types/Cols\";\nimport EpDivider from \"~/components/basics/EpDivider.vue\";\nimport EpIcon from \"~/components/basics/EpIcon.vue\";\nimport { EpSectionColsProps } from \"~/types/basics/EpSectionCols\";\n\nconst props = withDefaults(defineProps<EpSectionColsProps>(), {\n  title: null,\n  icon: null,\n  colsMedia: \"6\",\n  mediaAling: \"justify-center\",\n  gap: \"gap-1\",\n  leftCol: \"w-full\",\n  id: useCreateUid(),\n});\n\nconst id = ref(props.uid || useCreateUid());\n\nconst iconSize = computed(() => {\n  if (props.title && props.subtitle) return 40;\n  return 25;\n});\n\nconst styleTitle = computed(() => {\n  if (props.endIcon) {\n    return \"justify-between\";\n  }\n  return \"\";\n});\n\nconst renderCols = computed(() => {\n  return cols_img[+props.colsMedia];\n});\n\nconst rightCol = computed(() => {\n  if (props.leftCol === \"w-full\") return \"w-full\";\n  const leftIndex = allowedColWidths.indexOf(props.leftCol);\n  const rightIndex = allowedColWidths.length - leftIndex - 2;\n  return allowedColWidths[rightIndex] || \"w-full\";\n});\n</script>\n\n<template>\n  <section class=\"EpSection\" :id=\"`section-${id}`\">\n    <div :class=\"`flex items-center ${styleTitle}`\">\n      <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && !endIcon\" />\n      <div :class=\"`${endIcon ? '' : 'ml-2'}`\">\n        <h2 class=\"text-2xl font-semibold dark:text-white\">{{ title }}</h2>\n        <h3 class=\"dark:text-white\">{{ subtitle }}</h3>\n      </div>\n      <EpIcon :icon-path=\"icon\" :size=\"iconSize\" v-if=\"icon && endIcon\" />\n    </div>\n    <div :class=\"`flex ${mediaAling}`\" v-if=\"media || src\">\n      <div :class=\"`dark:text-white ${renderCols}`\">\n        <!--svg s'importe sur l'image src-->\n        <div v-html=\"media\" class=\"w-full\" v-if=\"media\" />\n        <!-- img -->\n        <div v-else class=\"w-full\">\n          <img :src=\"src\" :alt=\"`image section ${title}`\" />\n        </div>\n      </div>\n    </div>\n    <EpDivider v-if=\"title || subtitle\" />\n    <!-- Two-column layout -->\n    <div :class=\"`flex ${gap}`\">\n      <!-- First column slot -->\n      <div :class=\"`${leftCol}`\">\n        <slot name=\"left\" />\n      </div>\n      <!-- Second column slot -->\n      <div :class=\"`${rightCol}`\">\n        <slot name=\"right\" />\n      </div>\n    </div>\n    <!--end layout-->\n  </section>\n</template>\n"],"names":["_createElementBlock","_createElementVNode","icon","endIcon","_createBlock","EpIcon","_toDisplayString","title","subtitle","media","src","mediaAling","_openBlock","EpDivider","gap","leftCol","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ;AAUd,UAAM,KAAK,IAAI,MAAM,OAAO,cAAc;AAE1C,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,SAAS,MAAM,SAAU,QAAO;AAC1C,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,SAAS;AACjB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,SAAS,CAAC,MAAM,SAAS;AAAA,IAClC,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,MAAM,YAAY,SAAU,QAAO;AACvC,YAAM,YAAY,iBAAiB,QAAQ,MAAM,OAAO;AACxD,YAAM,aAAa,iBAAiB,SAAS,YAAY;AACzD,aAAO,iBAAiB,UAAU,KAAK;AAAA,IACzC,CAAC;;0BAICA,mBAgCU,WAAA;AAAA,QAhCD,OAAM;AAAA,QAAa,eAAe,GAAA,KAAE;AAAA,MAAA;QAC3CC,mBAOM,OAAA;AAAA,UAPA,2CAA4B,WAAA,KAAU,EAAA;AAAA,QAAA;UACOC,KAAAA,SAASC,KAAAA,wBAA1DC,YAAqEC,aAAA;AAAA;YAA5D,aAAWH,KAAAA;AAAAA,YAAO,MAAM,SAAA;AAAA,UAAA;UACjCD,mBAGM,OAAA;AAAA,YAHA,yBAAUE,KAAAA,UAAO,KAAA,MAAA,EAAA;AAAA,UAAA;YACrBF,mBAAmE,MAAnE,YAAmEK,gBAAbC,KAAAA,KAAK,GAAA,CAAA;AAAA,YAC3DN,mBAA+C,MAA/C,YAA+CK,gBAAhBE,KAAAA,QAAQ,GAAA,CAAA;AAAA,UAAA;UAEQN,KAAAA,QAAQC,KAAAA,wBAAzDC,YAAoEC,aAAA;AAAA;YAA3D,aAAWH,KAAAA;AAAAA,YAAO,MAAM,SAAA;AAAA,UAAA;;QAEMO,KAAAA,SAASC,KAAAA,oBAAlDV,mBASM,OAAA;AAAA;UATA,8BAAeW,KAAAA,UAAU,EAAA;AAAA,QAAA;UAC7BV,mBAOM,OAAA;AAAA,YAPA,yCAA0B,WAAA,KAAU,EAAA;AAAA,UAAA;YAECQ,KAAAA,sBAAzCT,mBAAkD,OAAA;AAAA;cAA7C,WAAQS,KAAAA;AAAAA,cAAO,OAAM;AAAA,YAAA,4BAE1BG,UAAA,GAAAZ,mBAEM,OAFN,YAEM;AAAA,cADJC,mBAAkD,OAAA;AAAA,gBAA5C,KAAKS,KAAAA;AAAAA,gBAAM,sBAAsBH,KAAAA,KAAK;AAAA,cAAA;;;;QAIjCA,KAAAA,SAASC,KAAAA,yBAA1BJ,YAAsCS,aAAA,EAAA,KAAA,EAAA,CAAA;QAEtCZ,mBASM,OAAA;AAAA,UATA,8BAAea,KAAAA,GAAG,EAAA;AAAA,QAAA;UAEtBb,mBAEM,OAAA;AAAA,YAFA,yBAAUc,KAAAA,OAAO,EAAA;AAAA,UAAA;YACrBC,WAAoB,KAAA,QAAA,MAAA;AAAA,UAAA;UAGtBf,mBAEM,OAAA;AAAA,YAFA,yBAAU,SAAA,KAAQ,EAAA;AAAA,UAAA;YACtBe,WAAqB,KAAA,QAAA,OAAA;AAAA,UAAA;;;;;;"}

package/dist/components/basics/EpSectionCols.vue2.js

@@ -1,4 +1,5 @@
-import f from "./EpSectionCols.vue.js";
+import _sfc_main from "./EpSectionCols.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpSectionCols.vue2.js.map

package/dist/components/basics/EpSectionCols.vue2.js.map

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

package/dist/components/basics/EpSpinner.vue.js

@@ -1,122 +1,133 @@
-import { defineComponent as f, computed as a, createElementBlock as i, openBlock as s, normalizeClass as e, createElementVNode as l } from "vue";
-import p from "../../composables/useColors.js";
-const d = ["width", "height"], m = ["width", "height"], h = /* @__PURE__ */ f({
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode } from "vue";
+import useColors from "../../composables/useColors.js";
+const _hoisted_1 = ["width", "height"];
+const _hoisted_2 = ["width", "height"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpSpinner",
   props: {
     color: { default: "primary" },
-    dots: { type: Boolean, default: !1 },
+    dots: { type: Boolean, default: false },
     size: { default: 46 },
-    inline: { type: Boolean, default: !1 }
+    inline: { type: Boolean, default: false }
   },
-  setup(c) {
-    const n = c, r = a(() => p("fill", n.color)), u = a(() => n.inline ? "" : "flex flex-row w-full h-screen items-center justify-center");
-    return (t, o) => (s(), i("div", {
-      class: e(u.value)
-    }, [
-      t.dots ? (s(), i("svg", {
-        key: 1,
-        xmlns: "http://www.w3.org/2000/svg",
-        width: t.size,
-        height: t.size,
-        class: "inline",
-        viewBox: "0 0 32 32"
+  setup(__props) {
+    const props = __props;
+    const currentColor = computed(() => {
+      return useColors("fill", props.color);
+    });
+    const styles = computed(() => {
+      return props.inline ? "" : "flex flex-row w-full h-screen items-center justify-center";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(styles.value)
       }, [
-        l("g", null, [
-          l("circle", {
-            cx: "12",
-            cy: "2.5",
-            r: "1.5",
-            class: e(r.value),
+        !_ctx.dots ? (openBlock(), createElementBlock("svg", {
+          key: 0,
+          xmlns: "http://www.w3.org/2000/svg",
+          width: _ctx.size,
+          height: _ctx.size,
+          class: "inline",
+          viewBox: "0 0 32 32"
+        }, [
+          createElementVNode("path", {
+            class: normalizeClass(currentColor.value),
             fill: "currentColor",
-            opacity: ".14"
+            d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
+            opacity: ".25"
           }, null, 2),
-          l("circle", {
-            cx: "16.75",
-            cy: "3.77",
-            r: "1.5",
-            class: e(r.value),
+          createElementVNode("path", {
+            class: normalizeClass(currentColor.value),
             fill: "currentColor",
-            opacity: ".29"
-          }, null, 2),
-          l("circle", {
-            cx: "20.23",
-            cy: "7.25",
-            r: "1.5",
-            class: e(r.value),
-            fill: "currentColor",
-            opacity: ".43"
-          }, null, 2),
-          l("circle", {
-            cx: "21.5",
-            cy: "12",
-            r: "1.5",
-            class: e(r.value),
-            fill: "currentColor",
-            opacity: ".57"
-          }, null, 2),
-          l("circle", {
-            cx: "20.23",
-            cy: "16.75",
-            r: "1.5",
-            class: e(r.value),
-            fill: "currentColor",
-            opacity: ".71"
-          }, null, 2),
-          l("circle", {
-            cx: "16.75",
-            cy: "20.23",
-            r: "1.5",
-            class: e(r.value),
-            fill: "currentColor",
-            opacity: ".86"
-          }, null, 2),
-          l("circle", {
-            cx: "12",
-            cy: "21.5",
-            r: "1.5",
-            class: e(r.value),
-            fill: "currentColor"
-          }, null, 2),
-          o[1] || (o[1] = l("animateTransform", {
-            attributeName: "transform",
-            calcMode: "discrete",
-            dur: "0.75s",
-            repeatCount: "indefinite",
-            type: "rotate",
-            values: "0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12"
-          }, null, -1))
-        ])
-      ], 8, m)) : (s(), i("svg", {
-        key: 0,
-        xmlns: "http://www.w3.org/2000/svg",
-        width: t.size,
-        height: t.size,
-        class: "inline",
-        viewBox: "0 0 32 32"
-      }, [
-        l("path", {
-          class: e(r.value),
-          fill: "currentColor",
-          d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
-          opacity: ".25"
-        }, null, 2),
-        l("path", {
-          class: e(r.value),
-          fill: "currentColor",
-          d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z"
-        }, [...o[0] || (o[0] = [
-          l("animateTransform", {
-            attributeName: "transform",
-            dur: "0.75s",
-            repeatCount: "indefinite",
-            type: "rotate",
-            values: "0 12 12;360 12 12"
-          }, null, -1)
-        ])], 2)
-      ], 8, d))
-    ], 2));
+            d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z"
+          }, [..._cache[0] || (_cache[0] = [
+            createElementVNode("animateTransform", {
+              attributeName: "transform",
+              dur: "0.75s",
+              repeatCount: "indefinite",
+              type: "rotate",
+              values: "0 12 12;360 12 12"
+            }, null, -1)
+          ])], 2)
+        ], 8, _hoisted_1)) : (openBlock(), createElementBlock("svg", {
+          key: 1,
+          xmlns: "http://www.w3.org/2000/svg",
+          width: _ctx.size,
+          height: _ctx.size,
+          class: "inline",
+          viewBox: "0 0 32 32"
+        }, [
+          createElementVNode("g", null, [
+            createElementVNode("circle", {
+              cx: "12",
+              cy: "2.5",
+              r: "1.5",
+              class: normalizeClass(currentColor.value),
+              fill: "currentColor",
+              opacity: ".14"
+            }, null, 2),
+            createElementVNode("circle", {
+              cx: "16.75",
+              cy: "3.77",
+              r: "1.5",
+              class: normalizeClass(currentColor.value),
+              fill: "currentColor",
+              opacity: ".29"
+            }, null, 2),
+            createElementVNode("circle", {
+              cx: "20.23",
+              cy: "7.25",
+              r: "1.5",
+              class: normalizeClass(currentColor.value),
+              fill: "currentColor",
+              opacity: ".43"
+            }, null, 2),
+            createElementVNode("circle", {
+              cx: "21.5",
+              cy: "12",
+              r: "1.5",
+              class: normalizeClass(currentColor.value),
+              fill: "currentColor",
+              opacity: ".57"
+            }, null, 2),
+            createElementVNode("circle", {
+              cx: "20.23",
+              cy: "16.75",
+              r: "1.5",
+              class: normalizeClass(currentColor.value),
+              fill: "currentColor",
+              opacity: ".71"
+            }, null, 2),
+            createElementVNode("circle", {
+              cx: "16.75",
+              cy: "20.23",
+              r: "1.5",
+              class: normalizeClass(currentColor.value),
+              fill: "currentColor",
+              opacity: ".86"
+            }, null, 2),
+            createElementVNode("circle", {
+              cx: "12",
+              cy: "21.5",
+              r: "1.5",
+              class: normalizeClass(currentColor.value),
+              fill: "currentColor"
+            }, null, 2),
+            _cache[1] || (_cache[1] = createElementVNode("animateTransform", {
+              attributeName: "transform",
+              calcMode: "discrete",
+              dur: "0.75s",
+              repeatCount: "indefinite",
+              type: "rotate",
+              values: "0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12"
+            }, null, -1))
+          ])
+        ], 8, _hoisted_2))
+      ], 2);
+    };
   }
 });
 export {
-  h as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpSpinner.vue.js.map

package/dist/components/basics/EpSpinner.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpSpinner.vue.js","sources":["../../../src/components/basics/EpSpinner.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport useColors from \"~/composables/useColors\";\nimport { EpSpinnerProps } from \"~/types/basics/EpSpinner\";\n\nconst props = withDefaults(defineProps<EpSpinnerProps>(), {\n  color: \"primary\",\n  dots: false,\n  size: 46,\n  inline: false,\n});\n\nconst currentColor = computed(() => {\n  return useColors(\"fill\", props.color);\n});\n\nconst styles = computed(() => {\n  return props.inline\n    ? \"\"\n    : \"flex flex-row w-full h-screen items-center justify-center\";\n});\n</script>\n\n<template>\n  <div :class=\"styles\">\n    <svg\n      v-if=\"!dots\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      :width=\"size\"\n      :height=\"size\"\n      class=\"inline\"\n      viewBox=\"0 0 32 32\"\n    >\n      <path\n        :class=\"currentColor\"\n        fill=\"currentColor\"\n        d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\"\n        opacity=\".25\"\n      ></path>\n      <path\n        :class=\"currentColor\"\n        fill=\"currentColor\"\n        d=\"M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z\"\n      >\n        <animateTransform\n          attributeName=\"transform\"\n          dur=\"0.75s\"\n          repeatCount=\"indefinite\"\n          type=\"rotate\"\n          values=\"0 12 12;360 12 12\"\n        ></animateTransform>\n      </path>\n    </svg>\n    <svg\n      v-else\n      xmlns=\"http://www.w3.org/2000/svg\"\n      :width=\"size\"\n      :height=\"size\"\n      class=\"inline\"\n      viewBox=\"0 0 32 32\"\n    >\n      <g>\n        <circle\n          cx=\"12\"\n          cy=\"2.5\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".14\"\n        />\n        <circle\n          cx=\"16.75\"\n          cy=\"3.77\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".29\"\n        />\n        <circle\n          cx=\"20.23\"\n          cy=\"7.25\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".43\"\n        />\n        <circle\n          cx=\"21.5\"\n          cy=\"12\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".57\"\n        />\n        <circle\n          cx=\"20.23\"\n          cy=\"16.75\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".71\"\n        />\n        <circle\n          cx=\"16.75\"\n          cy=\"20.23\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n          opacity=\".86\"\n        />\n        <circle\n          cx=\"12\"\n          cy=\"21.5\"\n          r=\"1.5\"\n          :class=\"currentColor\"\n          fill=\"currentColor\"\n        />\n        <animateTransform\n          attributeName=\"transform\"\n          calcMode=\"discrete\"\n          dur=\"0.75s\"\n          repeatCount=\"indefinite\"\n          type=\"rotate\"\n          values=\"0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12\"\n        />\n      </g>\n    </svg>\n  </div>\n</template>\n"],"names":["_createElementBlock","dots","size","_createElementVNode"],"mappings":";;;;;;;;;;;;;AAKA,UAAM,QAAQ;AAOd,UAAM,eAAe,SAAS,MAAM;AAClC,aAAO,UAAU,QAAQ,MAAM,KAAK;AAAA,IACtC,CAAC;AAED,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO,MAAM,SACT,KACA;AAAA,IACN,CAAC;;0BAICA,mBAuGM,OAAA;AAAA,QAvGA,sBAAO,OAAA,KAAM;AAAA,MAAA;SAERC,KAAAA,qBADTD,mBA2BM,OAAA;AAAA;UAzBJ,OAAM;AAAA,UACL,OAAOE,KAAAA;AAAAA,UACP,QAAQA,KAAAA;AAAAA,UACT,OAAM;AAAA,UACN,SAAQ;AAAA,QAAA;UAERC,mBAKQ,QAAA;AAAA,YAJL,sBAAO,aAAA,KAAY;AAAA,YACpB,MAAK;AAAA,YACL,GAAE;AAAA,YACF,SAAQ;AAAA,UAAA;UAEVA,mBAYO,QAAA;AAAA,YAXJ,sBAAO,aAAA,KAAY;AAAA,YACpB,MAAK;AAAA,YACL,GAAE;AAAA,UAAA;YAEFA,mBAMoB,oBAAA;AAAA,cALlB,eAAc;AAAA,cACd,KAAI;AAAA,cACJ,aAAY;AAAA,cACZ,MAAK;AAAA,cACL,QAAO;AAAA,YAAA;;2CAIbH,mBAyEM,OAAA;AAAA;UAvEJ,OAAM;AAAA,UACL,OAAOE,KAAAA;AAAAA,UACP,QAAQA,KAAAA;AAAAA,UACT,OAAM;AAAA,UACN,SAAQ;AAAA,QAAA;UAERC,mBAgEI,KAAA,MAAA;AAAA,YA/DFA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAOE,UAAA;AAAA,cANA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,cACL,SAAQ;AAAA,YAAA;YAEVA,mBAME,UAAA;AAAA,cALA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACD,sBAAO,aAAA,KAAY;AAAA,cACpB,MAAK;AAAA,YAAA;sCAEPA,mBAOE,oBAAA;AAAA,cANA,eAAc;AAAA,cACd,UAAS;AAAA,cACT,KAAI;AAAA,cACJ,aAAY;AAAA,cACZ,MAAK;AAAA,cACL,QAAO;AAAA,YAAA;;;;;;;"}

package/dist/components/basics/EpSpinner.vue2.js

@@ -1,4 +1,5 @@
-import f from "./EpSpinner.vue.js";
+import _sfc_main from "./EpSpinner.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpSpinner.vue2.js.map

package/dist/components/basics/EpSpinner.vue2.js.map

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

package/dist/components/basics/EpStackedList.vue.js

@@ -1,70 +1,85 @@
-import { defineComponent as y, computed as d, createElementBlock as s, openBlock as t, normalizeClass as a, Fragment as g, renderList as _, createBlock as i, resolveDynamicComponent as b, mergeProps as c, withCtx as v, createElementVNode as n, createCommentVNode as u, toDisplayString as h, unref as k, createVNode as $ } from "vue";
-import S from "./EpAvatar.vue.js";
-import z from "./EpIcon.vue.js";
-import { useRenderText as B } from "../../composables/useRenderText.js";
-import { roundedType as x } from "../../types/StackedList.js";
-const C = { class: "col-span-5 justify-self-start" }, L = { class: "font-semibold" }, N = ["innerHTML"], T = {
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementVNode, createCommentVNode, toDisplayString, unref, createVNode } from "vue";
+import _sfc_main$1 from "./EpAvatar.vue.js";
+import _sfc_main$2 from "./EpIcon.vue.js";
+import { useRenderText } from "../../composables/useRenderText.js";
+import { roundedType } from "../../types/StackedList.js";
+const _hoisted_1 = { class: "col-span-5 justify-self-start" };
+const _hoisted_2 = { class: "font-semibold" };
+const _hoisted_3 = ["innerHTML"];
+const _hoisted_4 = {
   key: 1,
   class: "flex gap-2 items-center col-span-4 justify-self-auto"
-}, M = /* @__PURE__ */ y({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EpStackedList",
   props: {
     elements: { default: () => [] },
-    border: { type: Boolean, default: !0 },
+    border: { type: Boolean, default: true },
     rounded: { default: "small" },
-    restricted: { type: Boolean, default: !1 },
-    cropped: { type: Boolean, default: !1 },
-    avatarStyle: { default: () => ({
-      size: "middle"
-    }) },
+    restricted: { type: Boolean, default: false },
+    cropped: { type: Boolean, default: false },
+    avatarStyle: { default: () => {
+      return {
+        size: "middle"
+      };
+    } },
     iconSize: { default: 36 }
   },
-  setup(p) {
-    const o = p, f = d(() => {
-      const r = o.border === !1 ? "border-0" : "border", l = x[o.rounded ? o.rounded : "small"], e = o.restricted ? "p-0" : "p-2";
-      return `${r} ${l} ${e}`;
-    }), m = d(() => o.restricted ? "p-3" : "mx-6 py-4");
-    return (r, l) => (t(), s("ul", {
-      class: a(`${f.value} border-gray-200 flex flex-col dark:border-slate-700 dark:bg-slate-900 lg:mx-28`)
-    }, [
-      (t(!0), s(g, null, _(r.elements, (e) => (t(), s("li", {
-        key: r.elements.indexOf(e),
-        class: a(`${r.elements.indexOf(e) !== 0 ? "border-t" : ""} list-none`)
+  setup(__props) {
+    const props = __props;
+    const className = computed(() => {
+      const border = props.border === false ? "border-0" : "border";
+      const rounded = roundedType[props.rounded ? props.rounded : "small"];
+      const padding = props.restricted ? "p-0" : "p-2";
+      return `${border} ${rounded} ${padding}`;
+    });
+    const elementSpacing = computed(() => props.restricted ? "p-3" : "mx-6 py-4");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ul", {
+        class: normalizeClass(`${className.value} border-gray-200 flex flex-col dark:border-slate-700 dark:bg-slate-900 lg:mx-28`)
       }, [
-        (t(), i(b(e.url ? "a" : "div"), c(
-          { ref_for: !0 },
-          e.url ? { href: e.url, target: "_blank", rel: "noopener noreferrer" } : {},
-          { class: "contents" }
-        ), {
-          default: v(() => [
-            n("div", {
-              class: a(`${m.value} ${e.url ? "hover:bg-gray-50 dark:hover:bg-slate-800" : ""} grid grid-cols-11 justify-items-center items-center border-gray-200 dark:border-slate-700`)
-            }, [
-              e.avatar ? (t(), i(S, c({
-                key: 0,
-                src: e.avatar
-              }, { ref_for: !0 }, r.avatarStyle, { class: "col-span-2" }), null, 16, ["src"])) : u("", !0),
-              n("div", C, [
-                n("h3", L, h(e.title), 1),
-                n("div", {
-                  class: a(`${r.cropped ? "line-clamp-3" : ""}`),
-                  innerHTML: k(B)(e.description)
-                }, null, 10, N)
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.elements, (elem) => {
+          return openBlock(), createElementBlock("li", {
+            key: _ctx.elements.indexOf(elem),
+            class: normalizeClass(`${_ctx.elements.indexOf(elem) !== 0 ? "border-t" : ""} list-none`)
+          }, [
+            (openBlock(), createBlock(resolveDynamicComponent(elem.url ? "a" : "div"), mergeProps(
+              { ref_for: true },
+              elem.url ? { href: elem.url, target: "_blank", rel: "noopener noreferrer" } : {},
+              { class: `contents` }
+            ), {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: normalizeClass(`${elementSpacing.value} ${elem.url ? "hover:bg-gray-50 dark:hover:bg-slate-800" : ""} grid grid-cols-11 justify-items-center items-center border-gray-200 dark:border-slate-700`)
+                }, [
+                  elem.avatar ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+                    key: 0,
+                    src: elem.avatar
+                  }, { ref_for: true }, _ctx.avatarStyle, { class: "col-span-2" }), null, 16, ["src"])) : createCommentVNode("", true),
+                  createElementVNode("div", _hoisted_1, [
+                    createElementVNode("h3", _hoisted_2, toDisplayString(elem.title), 1),
+                    createElementVNode("div", {
+                      class: normalizeClass(`${_ctx.cropped ? "line-clamp-3" : ""}`),
+                      innerHTML: unref(useRenderText)(elem.description)
+                    }, null, 10, _hoisted_3)
+                  ]),
+                  elem.icon ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                    createVNode(_sfc_main$2, {
+                      "icon-path": elem.icon,
+                      size: _ctx.iconSize
+                    }, null, 8, ["icon-path", "size"])
+                  ])) : createCommentVNode("", true)
+                ], 2)
               ]),
-              e.icon ? (t(), s("div", T, [
-                $(z, {
-                  "icon-path": e.icon,
-                  size: r.iconSize
-                }, null, 8, ["icon-path", "size"])
-              ])) : u("", !0)
-            ], 2)
-          ]),
-          _: 2
-        }, 1040))
-      ], 2))), 128))
-    ], 2));
+              _: 2
+            }, 1040))
+          ], 2);
+        }), 128))
+      ], 2);
+    };
   }
 });
 export {
-  M as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EpStackedList.vue.js.map