@ozdao/prometheus-framework 0.2.198 → 0.2.200

package/dist/prometheus-framework/src/modules/orders/components/blocks/CardOrder.vue.js

@@ -1,121 +1,168 @@
-import { openBlock as s, createElementBlock as r, createElementVNode as t, toDisplayString as i, createCommentVNode as o, createTextVNode as m, normalizeClass as h, pushScopeId as p, popScopeId as v } from "vue";
-import { useRouter as _ } from "vue-router";
+import { openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, createTextVNode, normalizeClass, pushScopeId, popScopeId } from "vue";
+import { useRouter } from "vue-router";
 /* empty css               */
-import g from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const d = (e) => (p("data-v-43fdd511"), e = e(), v(), e), k = { class: "pd-big mn-regular order-customer-card col" }, f = { class: "mn-regular flex-center flex-nowrap flex w-100" }, b = { class: "w-100 t-medium p-big" }, w = { class: "flex-nowrap flex" }, P = { class: "mn-r-bold pd-r-big br-right-dark w-66" }, D = /* @__PURE__ */ d(() => /* @__PURE__ */ t("ul", { class: "mn-semi" }, null, -1)), S = /* @__PURE__ */ d(() => /* @__PURE__ */ t("p", { class: "mn-small t-medium p-big" }, " Adress and delivery ", -1)), C = { class: "mn-small" }, T = {
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _withScopeId = (n) => (pushScopeId("data-v-e9803d20"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "pd-big mn-regular order-customer-card col" };
+const _hoisted_2 = { class: "mn-regular flex-center flex-nowrap flex w-100" };
+const _hoisted_3 = { class: "w-100 t-medium p-big" };
+const _hoisted_4 = { class: "flex-nowrap flex" };
+const _hoisted_5 = { class: "mn-r-bold pd-r-big br-right-dark w-66" };
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("ul", { class: "mn-semi" }, null, -1));
+const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", { class: "mn-small t-medium p-big" }, " Adress and delivery ", -1));
+const _hoisted_8 = { class: "mn-small" };
+const _hoisted_9 = {
   key: 0,
   class: "w-"
-}, x = {
+};
+const _hoisted_10 = {
   key: 1,
   class: "w-"
-}, E = {
+};
+const _hoisted_11 = {
   key: 2,
   class: "w-"
-}, I = { class: "w-40" }, $ = { class: "mn-small w-100 t-medium p-big" }, A = /* @__PURE__ */ d(() => /* @__PURE__ */ t("span", { class: "t-transp" }, "Order:", -1)), O = {
+};
+const _hoisted_12 = { class: "w-40" };
+const _hoisted_13 = { class: "mn-small w-100 t-medium p-big" };
+const _hoisted_14 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "t-transp" }, "Order:", -1));
+const _hoisted_15 = {
   key: 0,
   class: "mn-medium w-100"
-}, F = /* @__PURE__ */ d(() => /* @__PURE__ */ t("span", { class: "t-transp" }, "Estimated shipping date:", -1)), M = /* @__PURE__ */ d(() => /* @__PURE__ */ t("br", null, null, -1)), N = {
+};
+const _hoisted_16 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "t-transp" }, "Estimated shipping date:", -1));
+const _hoisted_17 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("br", null, null, -1));
+const _hoisted_18 = {
   key: 1,
   class: "mn-medium w-100"
-}, V = /* @__PURE__ */ d(() => /* @__PURE__ */ t("span", { class: "t-transp" }, "Shipping date:", -1)), Y = /* @__PURE__ */ d(() => /* @__PURE__ */ t("br", null, null, -1)), B = {
+};
+const _hoisted_19 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "t-transp" }, "Shipping date:", -1));
+const _hoisted_20 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("br", null, null, -1));
+const _hoisted_21 = {
   key: 2,
   class: "mn-medium w-100"
-}, R = /* @__PURE__ */ d(() => /* @__PURE__ */ t("span", { class: "t-transp" }, "Type of delivery:", -1)), j = /* @__PURE__ */ d(() => /* @__PURE__ */ t("br", null, null, -1)), z = /* @__PURE__ */ d(() => /* @__PURE__ */ t("hr", { class: "mn-medium" }, null, -1)), K = /* @__PURE__ */ d(() => /* @__PURE__ */ t("p", { class: "t-transp" }, "In total", -1)), q = {
+};
+const _hoisted_22 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "t-transp" }, "Type of delivery:", -1));
+const _hoisted_23 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("br", null, null, -1));
+const _hoisted_24 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "mn-medium" }, null, -1));
+const _hoisted_25 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", { class: "t-transp" }, "In total", -1));
+const _hoisted_26 = {
   key: 3,
   class: "mn-semi flex"
-}, G = /* @__PURE__ */ d(() => /* @__PURE__ */ t("p", { class: "t-transp" }, "Delivery", -1)), H = { key: 0 }, J = { key: 1 }, L = { key: 2 }, Q = { class: "mn-semi intotal flex-bottom flex" }, U = /* @__PURE__ */ d(() => /* @__PURE__ */ t("p", { class: "t-transp" }, "In total to pay", -1)), W = {
+};
+const _hoisted_27 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", { class: "t-transp" }, "Delivery", -1));
+const _hoisted_28 = { key: 0 };
+const _hoisted_29 = { key: 1 };
+const _hoisted_30 = { key: 2 };
+const _hoisted_31 = { class: "mn-semi intotal flex-bottom flex" };
+const _hoisted_32 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", { class: "t-transp" }, "In total to pay", -1));
+const _hoisted_33 = {
   key: 0,
   class: "p-big t-semi"
-}, X = {
+};
+const _hoisted_34 = {
   key: 1,
   class: "p-big t-semi"
-}, Z = {
+};
+const _hoisted_35 = {
   key: 2,
   class: "p-big t-semi"
-}, ee = {
+};
+const _hoisted_36 = {
   key: 3,
   class: "p-big t-semi"
-}, te = {
+};
+const _hoisted_37 = {
   key: 4,
   class: "mn-semi"
-}, se = {
+};
+const _hoisted_38 = {
   key: 5,
   class: "t-transp"
-}, re = {
+};
+const _sfc_main = {
   __name: "CardOrder",
   props: {
     order: Object
   },
-  setup(e) {
-    _();
-    function u(a) {
-      var l = new Date(a), n = (l.getMonth() + 1).toString(), c = (l.getDate() + 6).toString();
-      return (c[1] ? c : "0" + c[0]) + "/" + (n[1] ? n : "0" + n[0]);
+  setup(__props) {
+    useRouter();
+    function DateToFormattedString(d) {
+      var fixedDate = new Date(d);
+      var mm = (fixedDate.getMonth() + 1).toString();
+      var dd = (fixedDate.getDate() + 6).toString();
+      return (dd[1] ? dd : "0" + dd[0]) + "/" + (mm[1] ? mm : "0" + mm[0]);
     }
-    function y(a) {
-      var l = new Date(a), n = (l.getMonth() + 1).toString(), c = (l.getDate() + 1).toString();
-      return (c[1] ? c : "0" + c[0]) + "/" + (n[1] ? n : "0" + n[0]);
+    function DateToFormattedString2(d) {
+      var fixedDate = new Date(d);
+      var mm = (fixedDate.getMonth() + 1).toString();
+      var dd = (fixedDate.getDate() + 1).toString();
+      return (dd[1] ? dd : "0" + dd[0]) + "/" + (mm[1] ? mm : "0" + mm[0]);
     }
-    return (a, l) => (s(), r("div", k, [
-      t("p", f, [
-        t("span", b, i(e.order.status), 1)
-      ]),
-      t("div", w, [
-        t("div", P, [
-          D,
-          S,
-          t("p", C, i(e.order.delivery.adress), 1),
-          e.order.delivery.type === "Post" ? (s(), r("p", T, " You have chosen delivery using the courier service CDEK. Estimated delivery date " + i(u(e.order.createdAt)) + ". ", 1)) : o("", !0),
-          e.order.delivery.type === "Courier" ? (s(), r("p", x, " You have chosen delivery by courier. Estimated delivery date " + i(y(e.order.createdAt)) + ". ", 1)) : o("", !0),
-          e.order.delivery.type === "Pickup" ? (s(), r("p", E, " You have chosen to receive the order in the Moscow store. ")) : o("", !0)
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("p", _hoisted_2, [
+          createElementVNode("span", _hoisted_3, toDisplayString(__props.order.status), 1)
         ]),
-        t("div", I, [
-          t("p", $, [
-            A,
-            m(" №" + i(e.order._id.slice(0, 8)), 1)
-          ]),
-          e.order.delivery.type === "Post" ? (s(), r("p", O, [
-            F,
-            M,
-            m(i(u(e.order.createdAt)), 1)
-          ])) : o("", !0),
-          e.order.delivery.type === "Courier" ? (s(), r("p", N, [
-            V,
-            Y,
-            m(i(y(e.order.createdAt)), 1)
-          ])) : o("", !0),
-          e.order.delivery.type === "Pickup" ? (s(), r("p", B, [
-            R,
-            j,
-            m("Pickup ")
-          ])) : o("", !0),
-          z,
-          t("div", {
-            class: h([{ "mn-semi": e.order.delivery.type == "" }, "flex"])
-          }, [
-            K,
-            t("p", null, "$ " + i(a.cartTotalPrice), 1)
-          ], 2),
-          e.order.delivery.type !== "" ? (s(), r("div", q, [
-            G,
-            e.order.delivery.type === "Pickup" ? (s(), r("p", H, "Free")) : o("", !0),
-            e.order.delivery.type === "Post" ? (s(), r("p", J, "$ 10")) : o("", !0),
-            e.order.delivery.type === "Courier" ? (s(), r("p", L, "$ 20")) : o("", !0)
-          ])) : o("", !0),
-          t("div", Q, [
-            U,
-            e.order.delivery.type === "" ? (s(), r("p", W, "$ " + i(a.cartTotalPrice), 1)) : o("", !0),
-            e.order.delivery.type === "Pickup" ? (s(), r("p", X, "$ " + i(a.cartTotalPrice) + " ₽", 1)) : o("", !0),
-            e.order.delivery.type === "Courier" ? (s(), r("p", Z, "$ " + i(a.cartTotalPrice + 20), 1)) : o("", !0),
-            e.order.delivery.type === "Post" ? (s(), r("p", ee, "$ " + i(a.cartTotalPrice + 10), 1)) : o("", !0)
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            _hoisted_6,
+            _hoisted_7,
+            createElementVNode("p", _hoisted_8, toDisplayString(__props.order.delivery.adress), 1),
+            __props.order.delivery.type === "Post" ? (openBlock(), createElementBlock("p", _hoisted_9, " You have chosen delivery using the courier service CDEK. Estimated delivery date " + toDisplayString(DateToFormattedString(__props.order.createdAt)) + ". ", 1)) : createCommentVNode("", true),
+            __props.order.delivery.type === "Courier" ? (openBlock(), createElementBlock("p", _hoisted_10, " You have chosen delivery by courier. Estimated delivery date " + toDisplayString(DateToFormattedString2(__props.order.createdAt)) + ". ", 1)) : createCommentVNode("", true),
+            __props.order.delivery.type === "Pickup" ? (openBlock(), createElementBlock("p", _hoisted_11, " You have chosen to receive the order in the Moscow store. ")) : createCommentVNode("", true)
           ]),
-          e.order.status === "Confirmed" ? (s(), r("hr", te)) : o("", !0),
-          a.payment && a.payment.Status === "CONFIRMED" ? (s(), r("span", se, "Paid")) : o("", !0)
+          createElementVNode("div", _hoisted_12, [
+            createElementVNode("p", _hoisted_13, [
+              _hoisted_14,
+              createTextVNode(" №" + toDisplayString(__props.order._id.slice(0, 8)), 1)
+            ]),
+            __props.order.delivery.type === "Post" ? (openBlock(), createElementBlock("p", _hoisted_15, [
+              _hoisted_16,
+              _hoisted_17,
+              createTextVNode(toDisplayString(DateToFormattedString(__props.order.createdAt)), 1)
+            ])) : createCommentVNode("", true),
+            __props.order.delivery.type === "Courier" ? (openBlock(), createElementBlock("p", _hoisted_18, [
+              _hoisted_19,
+              _hoisted_20,
+              createTextVNode(toDisplayString(DateToFormattedString2(__props.order.createdAt)), 1)
+            ])) : createCommentVNode("", true),
+            __props.order.delivery.type === "Pickup" ? (openBlock(), createElementBlock("p", _hoisted_21, [
+              _hoisted_22,
+              _hoisted_23,
+              createTextVNode("Pickup ")
+            ])) : createCommentVNode("", true),
+            _hoisted_24,
+            createElementVNode("div", {
+              class: normalizeClass([{ "mn-semi": __props.order.delivery.type == "" }, "flex"])
+            }, [
+              _hoisted_25,
+              createElementVNode("p", null, "$ " + toDisplayString(_ctx.cartTotalPrice), 1)
+            ], 2),
+            __props.order.delivery.type !== "" ? (openBlock(), createElementBlock("div", _hoisted_26, [
+              _hoisted_27,
+              __props.order.delivery.type === "Pickup" ? (openBlock(), createElementBlock("p", _hoisted_28, "Free")) : createCommentVNode("", true),
+              __props.order.delivery.type === "Post" ? (openBlock(), createElementBlock("p", _hoisted_29, "$ 10")) : createCommentVNode("", true),
+              __props.order.delivery.type === "Courier" ? (openBlock(), createElementBlock("p", _hoisted_30, "$ 20")) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_31, [
+              _hoisted_32,
+              __props.order.delivery.type === "" ? (openBlock(), createElementBlock("p", _hoisted_33, "$ " + toDisplayString(_ctx.cartTotalPrice), 1)) : createCommentVNode("", true),
+              __props.order.delivery.type === "Pickup" ? (openBlock(), createElementBlock("p", _hoisted_34, "$ " + toDisplayString(_ctx.cartTotalPrice) + " ₽", 1)) : createCommentVNode("", true),
+              __props.order.delivery.type === "Courier" ? (openBlock(), createElementBlock("p", _hoisted_35, "$ " + toDisplayString(_ctx.cartTotalPrice + 20), 1)) : createCommentVNode("", true),
+              __props.order.delivery.type === "Post" ? (openBlock(), createElementBlock("p", _hoisted_36, "$ " + toDisplayString(_ctx.cartTotalPrice + 10), 1)) : createCommentVNode("", true)
+            ]),
+            __props.order.status === "Confirmed" ? (openBlock(), createElementBlock("hr", _hoisted_37)) : createCommentVNode("", true),
+            _ctx.payment && _ctx.payment.Status === "CONFIRMED" ? (openBlock(), createElementBlock("span", _hoisted_38, "Paid")) : createCommentVNode("", true)
+          ])
         ])
-      ])
-    ]));
+      ]);
+    };
   }
-}, ne = /* @__PURE__ */ g(re, [["__scopeId", "data-v-43fdd511"]]);
+};
+const CardOrder = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e9803d20"]]);
 export {
-  ne as default
+  CardOrder as default
 };
+//# sourceMappingURL=CardOrder.vue.js.map

package/dist/prometheus-framework/src/modules/orders/components/blocks/CardOrder.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardOrder.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrder.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-big mn-regular order-customer-card col\"> \n\t  <p class=\"mn-regular flex-center flex-nowrap flex w-100\">\n\t\t\t\t<!-- <img loading=\"lazy\" v-if=\"order.status === 'Created'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/created.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Confirmed'\"\tclass=\"mn-r-small\" src=\"@/assets/icons/status/confirmed.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Awaiting shipment'\" \t\t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/paid.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'In delivery'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/>\n\t\t\t\t<img loading=\"lazy\" v-if=\"order.status === 'Finished'\" \t\tclass=\"mn-r-small\" src=\"@/assets/icons/status/finished.svg\"/> -->\n\t    <span class=\"w-100 t-medium p-big\">{{order.status}}</span>\n\t  </p>\n\t  \n\t  <div class=\"flex-nowrap flex\">\n\t  \t<div class=\"mn-r-bold pd-r-big br-right-dark w-66\">\n\t  \t\t<ul class=\"mn-semi\">\n\t        <!-- <li v-for=\"(product, index) in orderProducts(order.items.slice(0,2))\" :key=\"product.id\" class=\"shop-cart-item\">\n\t        \t<img loading=\"lazy\" v-if=\"product.images\" :src=\"require( `@/assets/images/products/${product.images[0]}`)\">\n\t          <img loading=\"lazy\" v-if=\"!(product.images)\" :src=\"require( `@/assets/icons/photo.svg`)\">\n\t          \n\t          <div class=\"text-left\">\n\t            <p class=\"name\">{{ product.name }}</p>\n\n\t            <div class=\"flex\">\n\t              <div class=\"small-underline variant\">\n\t                <span v-if=\"!product.size && !product.color\" class=\"\">One-size</span>\n\t                <span v-if=\"product.size\" class=\"\">{{ product.size}}</span>\n\t                <span v-if=\"product.color && product.size\" class=\"\">, </span>\n\t                <span v-if=\"product.color\" class=\"\">{{ product.color}}</span>\n\t              </div>\n\t              \n\t              <p class=\"t-demi\">$ {{product.quantity}} x {{product.price}}</p>\n\t            </div>\n\n\t          </div>\n\n\t    \t\t</li> -->\n\t      </ul>\n\t      <p class=\"mn-small t-medium p-big\">\n\t      \tAdress and delivery\n\t      </p>\n\t      <p class=\"mn-small\">\n\t        {{order.delivery.adress}} \n\t      </p>\n\t      <p v-if=\"order.delivery.type === 'Post'\" class=\"w-\">\n\t     \t\tYou have chosen delivery using the courier service CDEK. Estimated delivery date {{DateToFormattedString(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Courier'\" class=\"w-\">\n\t     \t\tYou have chosen delivery by courier. Estimated delivery date {{DateToFormattedString2(order.createdAt)}}.\n\t      </p>\n\n\t      <p v-if=\"order.delivery.type === 'Pickup'\" class=\"w-\">\n\t     \t\tYou have chosen to receive the order in the Moscow store.\n\t      </p>\n\t    </div>\n\n\n\t    <div class=\"w-40\">\n\t    \t<p class=\"mn-small w-100 t-medium p-big\">\n\t        <span class=\"t-transp\">Order:</span> №{{order._id.slice(0,8)}} \n\t      </p>\n\t       <p  v-if=\"order.delivery.type === 'Post'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Estimated shipping date:</span><br>{{DateToFormattedString(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Courier'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Shipping date:</span><br>{{DateToFormattedString2(order.createdAt)}}\n\t      </p>\n\t      <p  v-if=\"order.delivery.type === 'Pickup'\" class=\"mn-medium w-100\">\n\t       \t<span class=\"t-transp\">Type of delivery:</span><br>Pickup\n\t      </p>\n\t      <hr class=\"mn-medium\">\n\n\t      <div :class=\"{'mn-semi': order.delivery.type == ''}\" class=\"flex\">\n\t        <p  class=\"t-transp\">In total</p>\n\t        <p>$ {{ cartTotalPrice }}</p>\n\t      </div>\n\t      <div v-if=\"order.delivery.type !== ''\" class=\"mn-semi flex\">\n\t        <p  class=\"t-transp\">Delivery</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\">Free</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\">$ 10</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\">$ 20</p>\n\t      </div>\n\t      <div class=\"mn-semi intotal flex-bottom flex\">\n\t        <p  class=\"t-transp\">In total to pay</p>\n\t        <p v-if=\"order.delivery.type === ''\" class=\"p-big t-semi\">$ {{ cartTotalPrice }}</p>\n\t        <p v-if=\"order.delivery.type === 'Pickup'\" class=\"p-big t-semi\">$ {{ cartTotalPrice}} ₽</p>\n\t        <p v-if=\"order.delivery.type === 'Courier'\" class=\"p-big t-semi\">$ {{ cartTotalPrice + 20 }}</p>\n\t        <p v-if=\"order.delivery.type === 'Post'\" class=\"p-big t-semi\">$ {{ cartTotalPrice + 10 }}</p>\n\t      </div>\n\t      <hr  v-if=\"order.status === 'Confirmed'\" class=\"mn-semi\" >\n\t     <!-- \t<button \n\t     \t@click=\"requestPayment(order)\"\n\t     \tv-if=\"\n\t     \t\torder.status === 'Подтвержден' \n\t     \t\t&& order.payment.type === 'Online'\n\t     \t\t&& payment.Status !== 'CONFIRMED'\n\t     \t\t&& payment.Status !== 'REFUNDED'\n\t     \t\" \n\t     \tclass='w-100 button'>Оплатить заказ</button> -->\n\t     \t<span class=\"t-transp\" v-if=\"payment && payment.Status === 'CONFIRMED'\">Paid</span> \n\t    </div>  \n\t  </div>\n\t</div>\t\t\n\n</template>\n\n\n<script setup=\"props\">\n\timport { defineProps,computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t  order: Object,\n\t});\n\n\n\n\t// await store.dispatch('payments/getStatus', props.order._id)\n\n\t// const payment = computed(() => store.state.payments.current)\n\t// const cartTotalPrice = computed(() => store.getters['orders/orderTotalPrice'])\n\n\tfunction requestPayment(order) {\n\t\t // store.dispatch(\"payments/newPayment\", order);\n\t}\n\t\n\tfunction DateToFormattedString(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth()+1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 6).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n  function DateToFormattedString2(d) {         \n    var fixedDate = new Date(d);                                                     \n    var mm = (fixedDate.getMonth() + 1).toString(); // getMonth() is zero-based         \n    var dd  = (fixedDate.getDate() + 1).toString();            \n                         \n    return (dd[1]?dd:\"0\"+dd[0]) + '/' + (mm[1]?mm:\"0\"+mm[0]);\n  }\n\n\t// function orderProducts (items) {\n\t//   return items.map(({ id, size, color, quantity }) => {\n\t//     const product = store.state.products.all.find(product => product.id === id)\n\t//     return {\n\t//       name: product.name,\n\t//       images: product.images[0],\n\t//       color,\n\t//       size,\n\t//       price: product.price,\n\t//       id: product.id,\n\t//       quantity\n\t//     }\n\t//   })\n\t// }\n\n</script>\n\n<style lang=\"scss\" scoped>\n.shop-cart-item {\n\t&:first-of-type { padding-top: 0;}\n}\n\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GgB,cAAW;AAiB1B,aAAS,sBAAsB,GAAG;AAC/B,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAG,GAAG;AAClC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IACvD;AAED,aAAS,uBAAuB,GAAG;AACjC,UAAI,YAAY,IAAI,KAAK,CAAC;AAC1B,UAAI,MAAM,UAAU,SAAQ,IAAK,GAAG;AACpC,UAAI,MAAO,UAAU,QAAO,IAAK,GAAG;AAEpC,cAAQ,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC,KAAK,OAAO,GAAG,CAAC,IAAE,KAAG,MAAI,GAAG,CAAC;AAAA,IACvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/orders/components/blocks/CardOrderItem.vue.cjs

@@ -1 +1,120 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("vue-router"),m=require("../../../icons/navigation/IconAdd.vue.cjs"),p=require("../../../icons/navigation/IconMinus.vue.cjs"),g=require("../../../icons/navigation/IconDelete.vue.cjs"),h=require("../../../icons/placeholders/PlaceholderImage.vue.cjs"),k={class:"gap-small pos-relative cols-1"},v={class:"pos-relative w-100 gap-thin flex-stretch flex-nowrap flex"},y={class:"bg-light h-100 o-hidden pos-relative radius-small aspect-1x1",style:{flex:"1 0 auto"}},f=["src"],B={class:"w-100 pos-relative"},V={class:"t-truncate t-medium"},N={key:0,class:"t-transp"},b={key:1,class:"t-transp"},E={key:2,class:"t-transp"},C={class:"t-main t-demi"},S={key:0},D={key:1,class:"pd-r-small t-transp t-transp p-medium line-through price"},q={key:0,class:"mn-t-thin gap-thin flex-nojustify flex"},x={__name:"CardOrderItem",props:{product:Object,editable:Boolean,increase:Function,decrease:Function,remove:Function},emits:["increase","decrease","remove"],setup(t,{emit:a}){u.useRouter();const s=a,c=t;function i(o){c.increase&&c.increase(o),s("increase",o)}function l(o){c.decrease&&c.decrease(o),s("decrease",o)}function d(o){c.remove&&c.remove(o),s("remove",o)}return(o,r)=>(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("div",v,[e.createElementVNode("div",y,[t.product.images[0]?(e.openBlock(),e.createElementBlock("img",{key:0,class:"w-100 object-fit-cover pos-absolute h-100",src:(o.FILE_SERVER_URL||"")+t.product.images[0]},null,8,f)):e.createCommentVNode("",!0),t.product.images[0]?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(h.default,{key:1,class:"bg-light pos-absolute radius-small w-100 h-100"}))]),e.createElementVNode("div",B,[e.createElementVNode("p",V,[e.createTextVNode(e.toDisplayString(t.product.name)+" ",1),t.product.size?(e.openBlock(),e.createElementBlock("span",N,", "+e.toDisplayString(t.product.size),1)):e.createCommentVNode("",!0),typeof t.product.color=="string"&&t.product.size?(e.openBlock(),e.createElementBlock("span",b,", ")):e.createCommentVNode("",!0),typeof t.product.color=="string"?(e.openBlock(),e.createElementBlock("span",E,e.toDisplayString(t.product.color),1)):e.createCommentVNode("",!0)]),e.createElementVNode("p",C,[t.product.quantity?(e.openBlock(),e.createElementBlock("span",S,e.toDisplayString(t.product.quantity)+" x ",1)):e.createCommentVNode("",!0),e.createTextVNode(e.toDisplayString(t.product.price)+" "+e.toDisplayString(o.returnCurrency())+" ",1),t.product.sale?(e.openBlock(),e.createElementBlock("span",D,e.toDisplayString(t.product.price/100*(100+t.product.sale))+" "+e.toDisplayString(o.returnCurrency()),1)):e.createCommentVNode("",!0)]),t.editable?(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(m.default,{onClick:r[0]||(r[0]=n=>i(t.product)),class:"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"}),e.createVNode(p.default,{onClick:r[1]||(r[1]=n=>l(t.product)),class:"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"}),e.createVNode(g.default,{onClick:r[2]||(r[2]=n=>d(t.product)),class:"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"})])):e.createCommentVNode("",!0)])])]))}};exports.default=x;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");
+const IconMinus = require("../../../icons/navigation/IconMinus.vue.cjs");
+const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
+const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
+const _hoisted_1 = { class: "gap-small pos-relative cols-1" };
+const _hoisted_2 = { class: "pos-relative w-100 gap-thin flex-stretch flex-nowrap flex" };
+const _hoisted_3 = {
+  class: "bg-light h-100 o-hidden pos-relative radius-small aspect-1x1",
+  style: { "flex": "1 0 auto" }
+};
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "w-100 pos-relative" };
+const _hoisted_6 = { class: "t-truncate t-medium" };
+const _hoisted_7 = {
+  key: 0,
+  class: "t-transp"
+};
+const _hoisted_8 = {
+  key: 1,
+  class: "t-transp"
+};
+const _hoisted_9 = {
+  key: 2,
+  class: "t-transp"
+};
+const _hoisted_10 = { class: "t-main t-demi" };
+const _hoisted_11 = { key: 0 };
+const _hoisted_12 = {
+  key: 1,
+  class: "pd-r-small t-transp t-transp p-medium line-through price"
+};
+const _hoisted_13 = {
+  key: 0,
+  class: "mn-t-thin gap-thin flex-nojustify flex"
+};
+const _sfc_main = {
+  __name: "CardOrderItem",
+  props: {
+    product: Object,
+    editable: Boolean,
+    increase: Function,
+    decrease: Function,
+    remove: Function
+  },
+  emits: ["increase", "decrease", "remove"],
+  setup(__props, { emit: __emit }) {
+    vueRouter.useRouter();
+    const emits = __emit;
+    const props = __props;
+    function increase_(product) {
+      if (props.increase) {
+        props.increase(product);
+      }
+      emits("increase", product);
+    }
+    function decrease(product) {
+      if (props.decrease) {
+        props.decrease(product);
+      }
+      emits("decrease", product);
+    }
+    function remove(product) {
+      if (props.remove) {
+        props.remove(product);
+      }
+      emits("remove", product);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            __props.product.images[0] ? (vue.openBlock(), vue.createElementBlock("img", {
+              key: 0,
+              loading: "lazy",
+              class: "w-100 object-fit-cover pos-absolute h-100",
+              src: (_ctx.FILE_SERVER_URL || "") + __props.product.images[0]
+            }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true),
+            !__props.product.images[0] ? (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
+              key: 1,
+              class: "bg-light pos-absolute radius-small w-100 h-100"
+            })) : vue.createCommentVNode("", true)
+          ]),
+          vue.createElementVNode("div", _hoisted_5, [
+            vue.createElementVNode("p", _hoisted_6, [
+              vue.createTextVNode(vue.toDisplayString(__props.product.name) + " ", 1),
+              __props.product.size ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, ", " + vue.toDisplayString(__props.product.size), 1)) : vue.createCommentVNode("", true),
+              typeof __props.product.color === "string" && __props.product.size ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, ", ")) : vue.createCommentVNode("", true),
+              typeof __props.product.color === "string" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9, vue.toDisplayString(__props.product.color), 1)) : vue.createCommentVNode("", true)
+            ]),
+            vue.createElementVNode("p", _hoisted_10, [
+              __props.product.quantity ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, vue.toDisplayString(__props.product.quantity) + " x ", 1)) : vue.createCommentVNode("", true),
+              vue.createTextVNode(vue.toDisplayString(__props.product.price) + " " + vue.toDisplayString(_ctx.returnCurrency()) + " ", 1),
+              __props.product.sale ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, vue.toDisplayString(__props.product.price / 100 * (100 + __props.product.sale)) + " " + vue.toDisplayString(_ctx.returnCurrency()), 1)) : vue.createCommentVNode("", true)
+            ]),
+            __props.editable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
+              vue.createVNode(IconAdd.default, {
+                onClick: _cache[0] || (_cache[0] = ($event) => increase_(__props.product)),
+                class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
+              }),
+              vue.createVNode(IconMinus.default, {
+                onClick: _cache[1] || (_cache[1] = ($event) => decrease(__props.product)),
+                class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
+              }),
+              vue.createVNode(IconDelete.default, {
+                onClick: _cache[2] || (_cache[2] = ($event) => remove(__props.product)),
+                class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
+              })
+            ])) : vue.createCommentVNode("", true)
+          ])
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=CardOrderItem.vue.cjs.map

package/dist/prometheus-framework/src/modules/orders/components/blocks/CardOrderItem.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardOrderItem.vue.cjs","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderItem.vue"],"sourcesContent":["<template>\n\t<div \n    class=\"gap-small pos-relative cols-1\"\n  >\n\n    <div class=\"pos-relative  w-100 gap-thin flex-stretch flex-nowrap flex\">\n      <div class=\"bg-light h-100 o-hidden pos-relative radius-small aspect-1x1\"\n        style=\"flex: 1 0 auto\"\n      >\n        <!-- Item Image -->\n        <img loading=\"lazy\" \n          class=\"w-100 object-fit-cover pos-absolute h-100\" \n          v-if=\"product.images[0]\"    \n          :src=\"(FILE_SERVER_URL || '') + product.images[0]\"\n        >\n        <PlaceholderImage\n          v-if=\"!product.images[0]\" \n          class=\"bg-light pos-absolute radius-small w-100 h-100\"\n        />\n      </div>\n      \n     \n      <!-- Item Description -->\n      <div class=\"w-100 pos-relative\">\n        <!-- Name -->\n        <p  class=\"t-truncate t-medium\">{{ product.name }}\n          <span v-if=\"product.size\" class=\"t-transp\">, {{ product.size}}</span>\n          <span v-if=\"typeof product.color === 'string' && product.size\" class=\"t-transp\">, </span>\n          <span v-if=\"typeof product.color === 'string' \" class=\"t-transp\">{{product.color}}</span>\n        </p>\n        <!-- Price -->\n        <p \n          class=\"t-main t-demi\"\n        >\n          <span v-if=\"product.quantity\">{{ product.quantity }} x </span>{{product.price}} {{returnCurrency()}}\n          <span v-if=\"product.sale\"  class=\"pd-r-small t-transp t-transp p-medium line-through price\">{{(product.price / 100) * (100 + product.sale) }} {{returnCurrency()}} </span>\n        </p> \n        <!-- Quantity -->\n        <div v-if=\"editable\" class=\"mn-t-thin gap-thin flex-nojustify flex\">\n          <IconAdd\n            @click=\"increase_(product)\"\n            class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n          />\n          <IconMinus\n            @click=\"decrease(product)\"\n            class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n          />\n          <IconDelete\n            @click=\"remove(product)\"\n            class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n          />\n        </div>\n\n      </div>\n\n     <!--  <div class=\"flex-nowrap flex\">\n        <button @click=\"openStatusPopup\" class=\"w-100 bg-black t-white button button-small\">\n          Confirm\n        </button>\n\n      </div> -->\n\n    </div>\n  </div>\n\n</template>\n\n\n<script setup=\"props\">\n\timport { computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n  import IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue'\n  import IconMinus from '@pf/src/modules/icons/navigation/IconMinus.vue'\n  import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue'\n\n\n  import PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\tconst router = useRouter()\n\n  const emits = defineEmits(['increase', 'decrease', 'remove'])\n\n\tconst props = defineProps({\n\t\tproduct: Object,\n\t\teditable: Boolean,\n\t\tincrease: Function,\n\t\tdecrease: Function,\n\t\tremove: Function\n\t})\n\n  function increase_ (product)  {\n    if (props.increase) {\n      props.increase(product)\n    }\n    emits('increase', product)\n  }\n\n  function decrease (product) {\n    if (props.decrease) {\n      props.decrease(product)\n    }\n    emits('decrease', product)\n  }\n\n  function remove (product) {\n    if (props.remove) {\n      props.remove(product)\n    }\n    emits('remove', product)\n  }\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EgBA,wBAAW;AAEzB,UAAM,QAAQ;AAEf,UAAM,QAAQ;AAQb,aAAS,UAAW,SAAU;AAC5B,UAAI,MAAM,UAAU;AAClB,cAAM,SAAS,OAAO;AAAA,MACvB;AACD,YAAM,YAAY,OAAO;AAAA,IAC1B;AAED,aAAS,SAAU,SAAS;AAC1B,UAAI,MAAM,UAAU;AAClB,cAAM,SAAS,OAAO;AAAA,MACvB;AACD,YAAM,YAAY,OAAO;AAAA,IAC1B;AAED,aAAS,OAAQ,SAAS;AACxB,UAAI,MAAM,QAAQ;AAChB,cAAM,OAAO,OAAO;AAAA,MACrB;AACD,YAAM,UAAU,OAAO;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/orders/components/blocks/CardOrderItem.vue.js

@@ -1,28 +1,41 @@
-import { openBlock as s, createElementBlock as i, createElementVNode as n, createCommentVNode as r, createBlock as v, createTextVNode as m, toDisplayString as o, createVNode as d } from "vue";
-import { useRouter as y } from "vue-router";
-import b from "../../../icons/navigation/IconAdd.vue.js";
-import k from "../../../icons/navigation/IconMinus.vue.js";
-import x from "../../../icons/navigation/IconDelete.vue.js";
-import C from "../../../icons/placeholders/PlaceholderImage.vue.js";
-const $ = { class: "gap-small pos-relative cols-1" }, w = { class: "pos-relative w-100 gap-thin flex-stretch flex-nowrap flex" }, E = {
+import { openBlock, createElementBlock, createElementVNode, createCommentVNode, createBlock, createTextVNode, toDisplayString, createVNode } from "vue";
+import { useRouter } from "vue-router";
+import _sfc_main$1 from "../../../icons/navigation/IconAdd.vue.js";
+import _sfc_main$2 from "../../../icons/navigation/IconMinus.vue.js";
+import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
+import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
+const _hoisted_1 = { class: "gap-small pos-relative cols-1" };
+const _hoisted_2 = { class: "pos-relative w-100 gap-thin flex-stretch flex-nowrap flex" };
+const _hoisted_3 = {
   class: "bg-light h-100 o-hidden pos-relative radius-small aspect-1x1",
-  style: { flex: "1 0 auto" }
-}, V = ["src"], B = { class: "w-100 pos-relative" }, F = { class: "t-truncate t-medium" }, N = {
+  style: { "flex": "1 0 auto" }
+};
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "w-100 pos-relative" };
+const _hoisted_6 = { class: "t-truncate t-medium" };
+const _hoisted_7 = {
   key: 0,
   class: "t-transp"
-}, R = {
+};
+const _hoisted_8 = {
   key: 1,
   class: "t-transp"
-}, j = {
+};
+const _hoisted_9 = {
   key: 2,
   class: "t-transp"
-}, z = { class: "t-main t-demi" }, I = { key: 0 }, q = {
+};
+const _hoisted_10 = { class: "t-main t-demi" };
+const _hoisted_11 = { key: 0 };
+const _hoisted_12 = {
   key: 1,
   class: "pd-r-small t-transp t-transp p-medium line-through price"
-}, L = {
+};
+const _hoisted_13 = {
   key: 0,
   class: "mn-t-thin gap-thin flex-nojustify flex"
-}, A = {
+};
+const _sfc_main = {
   __name: "CardOrderItem",
   props: {
     product: Object,
@@ -32,62 +45,76 @@ const $ = { class: "gap-small pos-relative cols-1" }, w = { class: "pos-relative
     remove: Function
   },
   emits: ["increase", "decrease", "remove"],
-  setup(e, { emit: h }) {
-    y();
-    const l = h, c = e;
-    function f(t) {
-      c.increase && c.increase(t), l("increase", t);
+  setup(__props, { emit: __emit }) {
+    useRouter();
+    const emits = __emit;
+    const props = __props;
+    function increase_(product) {
+      if (props.increase) {
+        props.increase(product);
+      }
+      emits("increase", product);
     }
-    function p(t) {
-      c.decrease && c.decrease(t), l("decrease", t);
+    function decrease(product) {
+      if (props.decrease) {
+        props.decrease(product);
+      }
+      emits("decrease", product);
     }
-    function g(t) {
-      c.remove && c.remove(t), l("remove", t);
+    function remove(product) {
+      if (props.remove) {
+        props.remove(product);
+      }
+      emits("remove", product);
     }
-    return (t, a) => (s(), i("div", $, [
-      n("div", w, [
-        n("div", E, [
-          e.product.images[0] ? (s(), i("img", {
-            key: 0,
-            class: "w-100 object-fit-cover pos-absolute h-100",
-            src: (t.FILE_SERVER_URL || "") + e.product.images[0]
-          }, null, 8, V)) : r("", !0),
-          e.product.images[0] ? r("", !0) : (s(), v(C, {
-            key: 1,
-            class: "bg-light pos-absolute radius-small w-100 h-100"
-          }))
-        ]),
-        n("div", B, [
-          n("p", F, [
-            m(o(e.product.name) + " ", 1),
-            e.product.size ? (s(), i("span", N, ", " + o(e.product.size), 1)) : r("", !0),
-            typeof e.product.color == "string" && e.product.size ? (s(), i("span", R, ", ")) : r("", !0),
-            typeof e.product.color == "string" ? (s(), i("span", j, o(e.product.color), 1)) : r("", !0)
-          ]),
-          n("p", z, [
-            e.product.quantity ? (s(), i("span", I, o(e.product.quantity) + " x ", 1)) : r("", !0),
-            m(o(e.product.price) + " " + o(t.returnCurrency()) + " ", 1),
-            e.product.sale ? (s(), i("span", q, o(e.product.price / 100 * (100 + e.product.sale)) + " " + o(t.returnCurrency()), 1)) : r("", !0)
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            __props.product.images[0] ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              loading: "lazy",
+              class: "w-100 object-fit-cover pos-absolute h-100",
+              src: (_ctx.FILE_SERVER_URL || "") + __props.product.images[0]
+            }, null, 8, _hoisted_4)) : createCommentVNode("", true),
+            !__props.product.images[0] ? (openBlock(), createBlock(PlaceholderImage, {
+              key: 1,
+              class: "bg-light pos-absolute radius-small w-100 h-100"
+            })) : createCommentVNode("", true)
           ]),
-          e.editable ? (s(), i("div", L, [
-            d(b, {
-              onClick: a[0] || (a[0] = (u) => f(e.product)),
-              class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
-            }),
-            d(k, {
-              onClick: a[1] || (a[1] = (u) => p(e.product)),
-              class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
-            }),
-            d(x, {
-              onClick: a[2] || (a[2] = (u) => g(e.product)),
-              class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
-            })
-          ])) : r("", !0)
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("p", _hoisted_6, [
+              createTextVNode(toDisplayString(__props.product.name) + " ", 1),
+              __props.product.size ? (openBlock(), createElementBlock("span", _hoisted_7, ", " + toDisplayString(__props.product.size), 1)) : createCommentVNode("", true),
+              typeof __props.product.color === "string" && __props.product.size ? (openBlock(), createElementBlock("span", _hoisted_8, ", ")) : createCommentVNode("", true),
+              typeof __props.product.color === "string" ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(__props.product.color), 1)) : createCommentVNode("", true)
+            ]),
+            createElementVNode("p", _hoisted_10, [
+              __props.product.quantity ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(__props.product.quantity) + " x ", 1)) : createCommentVNode("", true),
+              createTextVNode(toDisplayString(__props.product.price) + " " + toDisplayString(_ctx.returnCurrency()) + " ", 1),
+              __props.product.sale ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(__props.product.price / 100 * (100 + __props.product.sale)) + " " + toDisplayString(_ctx.returnCurrency()), 1)) : createCommentVNode("", true)
+            ]),
+            __props.editable ? (openBlock(), createElementBlock("div", _hoisted_13, [
+              createVNode(_sfc_main$1, {
+                onClick: _cache[0] || (_cache[0] = ($event) => increase_(__props.product)),
+                class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
+              }),
+              createVNode(_sfc_main$2, {
+                onClick: _cache[1] || (_cache[1] = ($event) => decrease(__props.product)),
+                class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
+              }),
+              createVNode(_sfc_main$3, {
+                onClick: _cache[2] || (_cache[2] = ($event) => remove(__props.product)),
+                class: "hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small"
+              })
+            ])) : createCommentVNode("", true)
+          ])
         ])
-      ])
-    ]));
+      ]);
+    };
   }
 };
 export {
-  A as default
+  _sfc_main as default
 };
+//# sourceMappingURL=CardOrderItem.vue.js.map

package/dist/prometheus-framework/src/modules/orders/components/blocks/CardOrderItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardOrderItem.vue.js","sources":["../../../../../../../src/modules/orders/components/blocks/CardOrderItem.vue"],"sourcesContent":["<template>\n\t<div \n    class=\"gap-small pos-relative cols-1\"\n  >\n\n    <div class=\"pos-relative  w-100 gap-thin flex-stretch flex-nowrap flex\">\n      <div class=\"bg-light h-100 o-hidden pos-relative radius-small aspect-1x1\"\n        style=\"flex: 1 0 auto\"\n      >\n        <!-- Item Image -->\n        <img loading=\"lazy\" \n          class=\"w-100 object-fit-cover pos-absolute h-100\" \n          v-if=\"product.images[0]\"    \n          :src=\"(FILE_SERVER_URL || '') + product.images[0]\"\n        >\n        <PlaceholderImage\n          v-if=\"!product.images[0]\" \n          class=\"bg-light pos-absolute radius-small w-100 h-100\"\n        />\n      </div>\n      \n     \n      <!-- Item Description -->\n      <div class=\"w-100 pos-relative\">\n        <!-- Name -->\n        <p  class=\"t-truncate t-medium\">{{ product.name }}\n          <span v-if=\"product.size\" class=\"t-transp\">, {{ product.size}}</span>\n          <span v-if=\"typeof product.color === 'string' && product.size\" class=\"t-transp\">, </span>\n          <span v-if=\"typeof product.color === 'string' \" class=\"t-transp\">{{product.color}}</span>\n        </p>\n        <!-- Price -->\n        <p \n          class=\"t-main t-demi\"\n        >\n          <span v-if=\"product.quantity\">{{ product.quantity }} x </span>{{product.price}} {{returnCurrency()}}\n          <span v-if=\"product.sale\"  class=\"pd-r-small t-transp t-transp p-medium line-through price\">{{(product.price / 100) * (100 + product.sale) }} {{returnCurrency()}} </span>\n        </p> \n        <!-- Quantity -->\n        <div v-if=\"editable\" class=\"mn-t-thin gap-thin flex-nojustify flex\">\n          <IconAdd\n            @click=\"increase_(product)\"\n            class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n          />\n          <IconMinus\n            @click=\"decrease(product)\"\n            class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n          />\n          <IconDelete\n            @click=\"remove(product)\"\n            class=\"hover-scale-1 cursor-pointer bg-light i-big pd-thin radius-small\"\n          />\n        </div>\n\n      </div>\n\n     <!--  <div class=\"flex-nowrap flex\">\n        <button @click=\"openStatusPopup\" class=\"w-100 bg-black t-white button button-small\">\n          Confirm\n        </button>\n\n      </div> -->\n\n    </div>\n  </div>\n\n</template>\n\n\n<script setup=\"props\">\n\timport { computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n  import IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue'\n  import IconMinus from '@pf/src/modules/icons/navigation/IconMinus.vue'\n  import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue'\n\n\n  import PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\tconst router = useRouter()\n\n  const emits = defineEmits(['increase', 'decrease', 'remove'])\n\n\tconst props = defineProps({\n\t\tproduct: Object,\n\t\teditable: Boolean,\n\t\tincrease: Function,\n\t\tdecrease: Function,\n\t\tremove: Function\n\t})\n\n  function increase_ (product)  {\n    if (props.increase) {\n      props.increase(product)\n    }\n    emits('increase', product)\n  }\n\n  function decrease (product) {\n    if (props.decrease) {\n      props.decrease(product)\n    }\n    emits('decrease', product)\n  }\n\n  function remove (product) {\n    if (props.remove) {\n      props.remove(product)\n    }\n    emits('remove', product)\n  }\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EgB,cAAW;AAEzB,UAAM,QAAQ;AAEf,UAAM,QAAQ;AAQb,aAAS,UAAW,SAAU;AAC5B,UAAI,MAAM,UAAU;AAClB,cAAM,SAAS,OAAO;AAAA,MACvB;AACD,YAAM,YAAY,OAAO;AAAA,IAC1B;AAED,aAAS,SAAU,SAAS;AAC1B,UAAI,MAAM,UAAU;AAClB,cAAM,SAAS,OAAO;AAAA,MACvB;AACD,YAAM,YAAY,OAAO;AAAA,IAC1B;AAED,aAAS,OAAQ,SAAS;AACxB,UAAI,MAAM,QAAQ;AAChB,cAAM,OAAO,OAAO;AAAA,MACrB;AACD,YAAM,UAAU,OAAO;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}