@mobilon-dev/chotto 0.3.51 → 0.3.53

package/dist/components/1_atoms/LoadingIndicator/LoadingIndicator.vue.js

@@ -1,23 +1,44 @@
-import { createElementBlock as d, createCommentVNode as s, openBlock as o, createStaticVNode as a } from "vue";
+import { computed as s, createElementBlock as a, createCommentVNode as c, openBlock as o, normalizeClass as r, createStaticVNode as n } from "vue";
 /* empty css                      */
-import l from "../../../_virtual/_plugin-vue_export-helper.js";
-const i = {
-  key: 0,
-  class: "messages-loading-indicator"
-}, c = {
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = ["width", "height"], x = {
   __name: "LoadingIndicator",
   props: {
     isLoading: {
       type: Boolean,
       default: !1
+    },
+    size: {
+      type: String,
+      default: "normal",
+      validator: (e) => ["normal", "small"].includes(e)
+    },
+    position: {
+      type: String,
+      default: "center",
+      validator: (e) => ["center", "top"].includes(e)
     }
   },
-  setup(t) {
-    return (r, e) => t.isLoading ? (o(), d("div", i, [...e[0] || (e[0] = [
-      a('<svg width="120px" height="116px" viewBox="-8 -8 120 116" xmlns="http://www.w3.org/2000/svg" data-v-eed64d67><ellipse class="dot dot-1" cx="51.75" cy="18.82" rx="12.18" ry="12.14" data-v-eed64d67></ellipse><ellipse class="dot dot-2" cx="84.42" cy="42.24" rx="12.18" ry="12.14" data-v-eed64d67></ellipse><ellipse class="dot dot-3" cx="72.00" cy="80.35" rx="12.18" ry="12.14" data-v-eed64d67></ellipse><ellipse class="dot dot-4" cx="31.51" cy="80.35" rx="12.18" ry="12.14" data-v-eed64d67></ellipse><ellipse class="dot dot-5" cx="18.86" cy="42.24" rx="12.18" ry="12.14" data-v-eed64d67></ellipse></svg>', 1)
-    ])])) : s("", !0);
+  setup(e) {
+    const t = e, i = s(() => t.size === "small" ? "36px" : "120px"), d = s(() => t.size === "small" ? "35px" : "116px");
+    return (g, l) => e.isLoading ? (o(), a("div", {
+      key: 0,
+      class: r([
+        "loading-indicator",
+        { "loading-indicator--small": e.size === "small" }
+      ])
+    }, [
+      (o(), a("svg", {
+        width: i.value,
+        height: d.value,
+        viewBox: "-8 -8 120 116",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...l[0] || (l[0] = [
+        n('<ellipse class="dot dot-1" cx="51.75" cy="18.82" rx="12.18" ry="12.14" data-v-dcb02599></ellipse><ellipse class="dot dot-2" cx="84.42" cy="42.24" rx="12.18" ry="12.14" data-v-dcb02599></ellipse><ellipse class="dot dot-3" cx="72.00" cy="80.35" rx="12.18" ry="12.14" data-v-dcb02599></ellipse><ellipse class="dot dot-4" cx="31.51" cy="80.35" rx="12.18" ry="12.14" data-v-dcb02599></ellipse><ellipse class="dot dot-5" cx="18.86" cy="42.24" rx="12.18" ry="12.14" data-v-dcb02599></ellipse>', 5)
+      ])], 8, m))
+    ], 2)) : c("", !0);
   }
-}, m = /* @__PURE__ */ l(c, [["__scopeId", "data-v-eed64d67"]]);
+}, f = /* @__PURE__ */ p(x, [["__scopeId", "data-v-dcb02599"]]);
 export {
-  m as default
+  f as default
 };