@dcrackel/hematournamentui 1.0.283 → 1.0.285

package/dist/HemaTournamentUI-lib.es.js

@@ -838,7 +838,7 @@ function gC(n, e, t, r, i, o) {
       }, null, 8, ["text"])) : S("", !0),
       p(A, {
         text: t.selectedItem.text,
-        color: "secondary",
+        color: "quaternary",
         size: "sm",
         weight: "normal"
       }, null, 8, ["text"]),
@@ -9687,7 +9687,7 @@ function HQ(n, e, t, r, i, o) {
     }, o.datePickerAttrs), null, 16, ["modelValue", "format", "min-date", "mode", "class"])
   ]);
 }
-const ds = /* @__PURE__ */ re(LQ, [["render", HQ], ["__scopeId", "data-v-a34ab0de"]]), YQ = {
+const ds = /* @__PURE__ */ re(LQ, [["render", HQ], ["__scopeId", "data-v-364ebbdb"]]), YQ = {
   name: "StepIndicator",
   components: { BaseText: Be, BaseIcon: Xe },
   props: {
@@ -13359,6 +13359,16 @@ const Iu = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAACRCAYAAADtlO7dAA
     imageServer: {
       type: String,
       default: "http://localhost:3000/uploads/"
+    },
+    cropperOptions: {
+      type: Object,
+      default: () => ({
+        aspectRatio: 8 / 4,
+        autoCropArea: 1,
+        viewMode: 1,
+        movable: !0,
+        zoomable: !0
+      })
     }
   },
   components: {
@@ -13367,14 +13377,7 @@ const Iu = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAACRCAYAAADtlO7dAA
   data() {
     return {
       localUrl: this.urlToImage ? this.urlToImage : Iu,
-      showCropper: !1,
-      cropperOptions: {
-        aspectRatio: 8 / 4,
-        autoCropArea: 1,
-        viewMode: 1,
-        movable: !0,
-        zoomable: !0
-      }
+      showCropper: !1
     };
   },
   computed: {
@@ -13390,7 +13393,7 @@ const Iu = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAACRCAYAAADtlO7dAA
       this.message = "Uploading...";
     },
     handleUploaded(n) {
-      n.response.status === 200 && (this.localUrl = `${this.imageServer}${this.uploadImageName}.png`, this.$emit("update:url", `${this.imageServer}${this.uploadImageName}.png`));
+      n.response.status === 200 && (this.localUrl = `${this.imageServer}${this.uploadImageName}.png`, console.log(this.localUrl), this.$emit("update:url", `${this.imageServer}${this.uploadImageName}.png`));
     },
     handleCompleted() {
       this.message = "Upload completed.";
@@ -13418,7 +13421,7 @@ function Wy(n, e, t, r, i, o) {
       modelValue: i.showCropper,
       "onUpdate:modelValue": e[2] || (e[2] = (s) => i.showCropper = s),
       "upload-url": `${t.uploadServer}${t.uploadImageName}`,
-      "cropper-options": i.cropperOptions,
+      "cropper-options": t.cropperOptions,
       onUploading: o.handleUploading,
       onUploaded: o.handleUploaded,
       onCompleted: o.handleCompleted,
@@ -29986,7 +29989,7 @@ const Bc = /* @__PURE__ */ re(RT, [["render", HT]]), YT = {
       this.tournament.description = n;
     },
     handleNewImageUrl(n) {
-      this.tournament.imageLink = n, this.$emit("update:image", n);
+      this.tournament.imageLink = n, console.log(this.tournament.imageLink), this.$emit("update:image", n);
     },
     handleNewPerson(n) {
       this.tournament.primaryContactId = n.PersonId, this.$emit("add:primaryContact", n);
@@ -31995,14 +31998,28 @@ const lf = /* @__PURE__ */ re(QP, [["render", HP]]), YP = {
       type: Number,
       required: !0
     },
-    name: String,
-    club: String,
-    seed: Number,
-    portrait: String,
+    name: {
+      type: String,
+      required: !0
+    },
+    club: {
+      type: String
+    },
+    seed: {
+      type: Number,
+      required: !0
+    },
+    portrait: {
+      type: String
+    },
     mode: {
       type: String,
       required: !0,
-      validator: (n) => ["planning", "preparation", "live", "results", "de", "completed"].includes(n)
+      validator: (n) => ["planning", "preparation", "live", "results", "de", "completed", "person"].includes(n)
+    },
+    background: {
+      type: String,
+      default: "bg-poolSetup"
     }
   },
   methods: {
@@ -32017,32 +32034,40 @@ const lf = /* @__PURE__ */ re(QP, [["render", HP]]), YP = {
     onDrop(n) {
       if (console.log(`PoolFencerCard.onDrop: ${n}`), this.mode === "preparation" || this.mode === "planning") {
         const e = JSON.parse(n.dataTransfer.getData("text/plain"));
-        e.toPosition = this.poolPosition, console.log("------ onDrop:"), console.log(e), console.log("======== TO POSITION"), console.log(this.poolPosition), this.$emit("swap-fencers", { droppedData: e });
+        e.toPosition = this.poolPosition, this.$emit("swap-fencers", { droppedData: e });
       }
+    },
+    handleClick() {
+      this.$emit("update:click");
     }
   }
-}, qP = ["draggable"], zP = { class: "text-center mr-2" }, UP = { class: "w-8 h-8 rounded-md overflow-hidden" }, jP = {
+}, qP = ["draggable"], zP = {
+  key: 0,
+  class: "text-center mr-2 w-4"
+}, UP = { class: "w-9 h-9 rounded-md overflow-hidden" }, jP = {
   key: 0,
   class: "w-14 h-14 bg-dropdownSelect flex items-center justify-center"
 }, KP = ["src"], JP = { class: "flex-1 ml-4" }, GP = { class: "flex" };
 function VP(n, e, t, r, i, o) {
   const A = x("BaseText"), s = x("BaseIcon");
   return C(), B("div", {
-    class: ee(["flex items-center p-2 bg-poolSetup shadow rounded-lg", t.mode === "preparation" || t.mode === "planning" ? "hover:bg-dropdownSelect" : ""]),
+    class: ee(["flex items-center p-2 shadow rounded-lg", t.mode === "preparation" || t.mode === "planning" ? `hover:bg-dropdownSelect ${t.background}` : `${t.background} `]),
     draggable: t.mode === "preparation" || t.mode === "planning",
     onDragstart: e[0] || (e[0] = (...a) => o.onDragStart && o.onDragStart(...a)),
     onDragover: e[1] || (e[1] = Ne(() => {
     }, ["prevent"])),
     onDragenter: e[2] || (e[2] = Ne(() => {
     }, ["prevent"])),
-    onDrop: e[3] || (e[3] = (...a) => o.onDrop && o.onDrop(...a))
+    onDrop: e[3] || (e[3] = (...a) => o.onDrop && o.onDrop(...a)),
+    onClick: e[4] || (e[4] = (...a) => o.handleClick && o.handleClick(...a))
   }, [
-    h("div", zP, [
+    t.mode !== "person" ? (C(), B("div", zP, [
       p(A, {
         text: t.poolPosition,
-        size: "md"
+        size: "md",
+        color: "quaternary"
       }, null, 8, ["text"])
-    ]),
+    ])) : S("", !0),
     h("div", UP, [
       t.portrait ? S("", !0) : (C(), B("div", jP, [
         p(A, {
@@ -32062,7 +32087,7 @@ function VP(n, e, t, r, i, o) {
       h("p", GP, [
         p(A, {
           text: t.name,
-          size: "md",
+          size: "sm",
           weight: "bold",
           color: "quaternary"
         }, null, 8, ["text"]),
@@ -32081,7 +32106,7 @@ function VP(n, e, t, r, i, o) {
       }, null, 8, ["text"])
     ]),
     t.mode === "preparation" || t.mode === "planning" ? (C(), ne(s, {
-      key: 0,
+      key: 1,
       "icon-name": "fa-grip-dots-vertical",
       size: "2xl",
       color: "quaternary"