npm - @ozdao/martyrs - Versions diffs - 0.2.494 → 0.2.496 - Mend

@ozdao/martyrs 0.2.494 → 0.2.496

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (170) hide show

package/dist/martyrs/src/modules/globals/views/components/partials/Navigation.vue.cjs CHANGED Viewed

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const IconChevronBottom = require("../../../../icons/navigation/IconChevronBottom.vue.cjs");
 const globals = require("../../store/globals.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");
-;/* empty css                                                 */
+;/* empty css                                                */
 ;/* empty css                                              */
 ;/* empty css                  */
 const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");

package/dist/martyrs/src/modules/globals/views/components/partials/Navigation.vue.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vue.js";
 import { state } from "../../store/globals.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
-/* empty css                                               */
+/* empty css                                              */
 /* empty css                                            */
 /* empty css                */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";

package/dist/martyrs/src/modules/globals/views/router/scrollBehavior.cjs CHANGED Viewed

@@ -14,7 +14,7 @@ async function scrollBehavior(to, from, savedPosition) {
     };
     if (to.hash) {
       let el = await findEl(to.hash);
-      let screen = await findEl("#screen");
+      let screen = await findEl("#scrollview");
       if ("scrollBehavior" in document.documentElement.style) {
         return screen.scrollTo({ top: el.offsetTop, behavior: "smooth" });
       } else {

package/dist/martyrs/src/modules/globals/views/router/scrollBehavior.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scrollBehavior.cjs","sources":["../../../../../../../src/modules/globals/views/router/scrollBehavior.js"],"sourcesContent":["export default async function scrollBehavior(to, from, savedPosition) {\n if (to.hash) {\n const findEl = async (hash, x) => {\n return (\n document.querySelector(hash) \|\|\n new Promise((resolve, reject) => {\n if (x > 50) {\n return resolve();\n }\n setTimeout(() => {\n resolve(findEl(hash, ++x \|\| 1));\n }, 1000);\n })\n );\n };\n\n if (to.hash) {\n let el = await findEl(to.hash);\n let screen = await findEl('#~~screen~~');\n\n if ('scrollBehavior' in document.documentElement.style) {\n return screen.scrollTo({ top: el.offsetTop, behavior: 'smooth' });\n } else {\n return screen.scrollTo(0, el.offsetTop);\n }\n }\n } else if (to.matched.some(m => m.meta.scrollTo)) {\n return { top: m.meta.scrollTo.top, left: m.meta.scrollTo.left };\n } else if (savedPosition) {\n return { savedPosition };\n } else {\n return { top: 0 };\n }\n}\n"],"names":["m"],"mappings":";;AAAe,eAAe,eAAe,IAAI,MAAM,eAAe;AACpE,MAAI,GAAG,MAAM;AACX,UAAM,SAAS,OAAO,MAAM,MAAM;AAChC,aACE,SAAS,cAAc,IAAI,KAC3B,IAAI,QAAQ,CAAC,SAAS,WAAW;AAC/B,YAAI,IAAI,IAAI;AACV,iBAAO,QAAO;AAAA,QAChB;AACA,mBAAW,MAAM;AACf,kBAAQ,OAAO,MAAM,EAAE,KAAK,CAAC,CAAC;AAAA,QAChC,GAAG,GAAI;AAAA,MACT,CAAC;AAAA,IAEL;AAEA,QAAI,GAAG,MAAM;AACX,UAAI,KAAK,MAAM,OAAO,GAAG,IAAI;AAC7B,UAAI,SAAS,MAAM,OAAO,~~SAAS~~;~~AAEnC~~,UAAI,oBAAoB,SAAS,gBAAgB,OAAO;AACtD,eAAO,OAAO,SAAS,EAAE,KAAK,GAAG,WAAW,UAAU,UAAU;AAAA,MAClE,OAAO;AACL,eAAO,OAAO,SAAS,GAAG,GAAG,SAAS;AAAA,MACxC;AAAA,IACF;AAAA,EACF,WAAW,GAAG,QAAQ,KAAK,CAAAA,OAAKA,GAAE,KAAK,QAAQ,GAAG;AAChD,WAAO,EAAE,KAAK,EAAE,KAAK,SAAS,KAAK,MAAM,EAAE,KAAK,SAAS,KAAI;AAAA,EAC/D,WAAW,eAAe;AACxB,WAAO,EAAE,cAAa;AAAA,EACxB,OAAO;AACL,WAAO,EAAE,KAAK,EAAC;AAAA,EACjB;AACF;;"}
1	+ {"version":3,"file":"scrollBehavior.cjs","sources":["../../../../../../../src/modules/globals/views/router/scrollBehavior.js"],"sourcesContent":["export default async function scrollBehavior(to, from, savedPosition) {\n if (to.hash) {\n const findEl = async (hash, x) => {\n return (\n document.querySelector(hash) \|\|\n new Promise((resolve, reject) => {\n if (x > 50) {\n return resolve();\n }\n setTimeout(() => {\n resolve(findEl(hash, ++x \|\| 1));\n }, 1000);\n })\n );\n };\n\n if (to.hash) {\n let el = await findEl(to.hash);\n let screen = await findEl('#scrollview');\n\n if ('scrollBehavior' in document.documentElement.style) {\n return screen.scrollTo({ top: el.offsetTop, behavior: 'smooth' });\n } else {\n return screen.scrollTo(0, el.offsetTop);\n }\n }\n } else if (to.matched.some(m => m.meta.scrollTo)) {\n return { top: m.meta.scrollTo.top, left: m.meta.scrollTo.left };\n } else if (savedPosition) {\n return { savedPosition };\n } else {\n return { top: 0 };\n }\n}\n"],"names":["m"],"mappings":";;AAAe,eAAe,eAAe,IAAI,MAAM,eAAe;AACpE,MAAI,GAAG,MAAM;AACX,UAAM,SAAS,OAAO,MAAM,MAAM;AAChC,aACE,SAAS,cAAc,IAAI,KAC3B,IAAI,QAAQ,CAAC,SAAS,WAAW;AAC/B,YAAI,IAAI,IAAI;AACV,iBAAO,QAAO;AAAA,QAChB;AACA,mBAAW,MAAM;AACf,kBAAQ,OAAO,MAAM,EAAE,KAAK,CAAC,CAAC;AAAA,QAChC,GAAG,GAAI;AAAA,MACT,CAAC;AAAA,IAEL;AAEA,QAAI,GAAG,MAAM;AACX,UAAI,KAAK,MAAM,OAAO,GAAG,IAAI;AAC7B,UAAI,SAAS,MAAM,OAAO,aAAa;AAEvC,UAAI,oBAAoB,SAAS,gBAAgB,OAAO;AACtD,eAAO,OAAO,SAAS,EAAE,KAAK,GAAG,WAAW,UAAU,UAAU;AAAA,MAClE,OAAO;AACL,eAAO,OAAO,SAAS,GAAG,GAAG,SAAS;AAAA,MACxC;AAAA,IACF;AAAA,EACF,WAAW,GAAG,QAAQ,KAAK,CAAAA,OAAKA,GAAE,KAAK,QAAQ,GAAG;AAChD,WAAO,EAAE,KAAK,EAAE,KAAK,SAAS,KAAK,MAAM,EAAE,KAAK,SAAS,KAAI;AAAA,EAC/D,WAAW,eAAe;AACxB,WAAO,EAAE,cAAa;AAAA,EACxB,OAAO;AACL,WAAO,EAAE,KAAK,EAAC;AAAA,EACjB;AACF;;"}

package/dist/martyrs/src/modules/globals/views/router/scrollBehavior.js CHANGED Viewed

@@ -12,7 +12,7 @@ async function scrollBehavior(to, from, savedPosition) {
     };
     if (to.hash) {
       let el = await findEl(to.hash);
-      let screen = await findEl("#screen");
+      let screen = await findEl("#scrollview");
       if ("scrollBehavior" in document.documentElement.style) {
         return screen.scrollTo({ top: el.offsetTop, behavior: "smooth" });
       } else {

package/dist/martyrs/src/modules/globals/views/router/scrollBehavior.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scrollBehavior.js","sources":["../../../../../../../src/modules/globals/views/router/scrollBehavior.js"],"sourcesContent":["export default async function scrollBehavior(to, from, savedPosition) {\n if (to.hash) {\n const findEl = async (hash, x) => {\n return (\n document.querySelector(hash) \|\|\n new Promise((resolve, reject) => {\n if (x > 50) {\n return resolve();\n }\n setTimeout(() => {\n resolve(findEl(hash, ++x \|\| 1));\n }, 1000);\n })\n );\n };\n\n if (to.hash) {\n let el = await findEl(to.hash);\n let screen = await findEl('#~~screen~~');\n\n if ('scrollBehavior' in document.documentElement.style) {\n return screen.scrollTo({ top: el.offsetTop, behavior: 'smooth' });\n } else {\n return screen.scrollTo(0, el.offsetTop);\n }\n }\n } else if (to.matched.some(m => m.meta.scrollTo)) {\n return { top: m.meta.scrollTo.top, left: m.meta.scrollTo.left };\n } else if (savedPosition) {\n return { savedPosition };\n } else {\n return { top: 0 };\n }\n}\n"],"names":["m"],"mappings":"AAAe,eAAe,eAAe,IAAI,MAAM,eAAe;AACpE,MAAI,GAAG,MAAM;AACX,UAAM,SAAS,OAAO,MAAM,MAAM;AAChC,aACE,SAAS,cAAc,IAAI,KAC3B,IAAI,QAAQ,CAAC,SAAS,WAAW;AAC/B,YAAI,IAAI,IAAI;AACV,iBAAO,QAAO;AAAA,QAChB;AACA,mBAAW,MAAM;AACf,kBAAQ,OAAO,MAAM,EAAE,KAAK,CAAC,CAAC;AAAA,QAChC,GAAG,GAAI;AAAA,MACT,CAAC;AAAA,IAEL;AAEA,QAAI,GAAG,MAAM;AACX,UAAI,KAAK,MAAM,OAAO,GAAG,IAAI;AAC7B,UAAI,SAAS,MAAM,OAAO,~~SAAS~~;~~AAEnC~~,UAAI,oBAAoB,SAAS,gBAAgB,OAAO;AACtD,eAAO,OAAO,SAAS,EAAE,KAAK,GAAG,WAAW,UAAU,UAAU;AAAA,MAClE,OAAO;AACL,eAAO,OAAO,SAAS,GAAG,GAAG,SAAS;AAAA,MACxC;AAAA,IACF;AAAA,EACF,WAAW,GAAG,QAAQ,KAAK,CAAAA,OAAKA,GAAE,KAAK,QAAQ,GAAG;AAChD,WAAO,EAAE,KAAK,EAAE,KAAK,SAAS,KAAK,MAAM,EAAE,KAAK,SAAS,KAAI;AAAA,EAC/D,WAAW,eAAe;AACxB,WAAO,EAAE,cAAa;AAAA,EACxB,OAAO;AACL,WAAO,EAAE,KAAK,EAAC;AAAA,EACjB;AACF;"}
1	+ {"version":3,"file":"scrollBehavior.js","sources":["../../../../../../../src/modules/globals/views/router/scrollBehavior.js"],"sourcesContent":["export default async function scrollBehavior(to, from, savedPosition) {\n if (to.hash) {\n const findEl = async (hash, x) => {\n return (\n document.querySelector(hash) \|\|\n new Promise((resolve, reject) => {\n if (x > 50) {\n return resolve();\n }\n setTimeout(() => {\n resolve(findEl(hash, ++x \|\| 1));\n }, 1000);\n })\n );\n };\n\n if (to.hash) {\n let el = await findEl(to.hash);\n let screen = await findEl('#scrollview');\n\n if ('scrollBehavior' in document.documentElement.style) {\n return screen.scrollTo({ top: el.offsetTop, behavior: 'smooth' });\n } else {\n return screen.scrollTo(0, el.offsetTop);\n }\n }\n } else if (to.matched.some(m => m.meta.scrollTo)) {\n return { top: m.meta.scrollTo.top, left: m.meta.scrollTo.left };\n } else if (savedPosition) {\n return { savedPosition };\n } else {\n return { top: 0 };\n }\n}\n"],"names":["m"],"mappings":"AAAe,eAAe,eAAe,IAAI,MAAM,eAAe;AACpE,MAAI,GAAG,MAAM;AACX,UAAM,SAAS,OAAO,MAAM,MAAM;AAChC,aACE,SAAS,cAAc,IAAI,KAC3B,IAAI,QAAQ,CAAC,SAAS,WAAW;AAC/B,YAAI,IAAI,IAAI;AACV,iBAAO,QAAO;AAAA,QAChB;AACA,mBAAW,MAAM;AACf,kBAAQ,OAAO,MAAM,EAAE,KAAK,CAAC,CAAC;AAAA,QAChC,GAAG,GAAI;AAAA,MACT,CAAC;AAAA,IAEL;AAEA,QAAI,GAAG,MAAM;AACX,UAAI,KAAK,MAAM,OAAO,GAAG,IAAI;AAC7B,UAAI,SAAS,MAAM,OAAO,aAAa;AAEvC,UAAI,oBAAoB,SAAS,gBAAgB,OAAO;AACtD,eAAO,OAAO,SAAS,EAAE,KAAK,GAAG,WAAW,UAAU,UAAU;AAAA,MAClE,OAAO;AACL,eAAO,OAAO,SAAS,GAAG,GAAG,SAAS;AAAA,MACxC;AAAA,IACF;AAAA,EACF,WAAW,GAAG,QAAQ,KAAK,CAAAA,OAAKA,GAAE,KAAK,QAAQ,GAAG;AAChD,WAAO,EAAE,KAAK,EAAE,KAAK,SAAS,KAAK,MAAM,EAAE,KAAK,SAAS,KAAI;AAAA,EAC/D,WAAW,eAAe;AACxB,WAAO,EAAE,cAAa;AAAA,EACxB,OAAO;AACL,WAAO,EAAE,KAAK,EAAC;AAAA,EACjB;AACF;"}

package/dist/martyrs/src/modules/inventory/components/pages/Inventory.vue.cjs CHANGED Viewed

@@ -6,14 +6,14 @@ const mixins = require("../../../globals/views/mixins/mixins.cjs");
 const Table = require("../../../../components/Table/Table.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const IconSettings = require("../../../icons/entities/IconSettings.vue.cjs");
 const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");
 const AdjustmentForm = require("../forms/AdjustmentForm.vue.cjs");
 const StockAlertsForm = require("../forms/StockAlertsForm.vue.cjs");
 const HistoryView = require("../forms/HistoryView.vue.cjs");
-const ColumnSettingsMenu = ;/* empty css                                */
+const ColumnSettingsMenu = require("../forms/ColumnSettingsMenu.vue.cjs");
 const _inventory_store = require("../../store/ inventory.store.cjs");
 const products = require("../../../products/store/products.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");

package/dist/martyrs/src/modules/inventory/components/pages/Inventory.vue.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
 import Table from "../../../../components/Table/Table.vue.js";
 import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
-import _sfc_main$3 from "../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$3 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../icons/entities/IconSettings.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconEllipsis.vue.js";

package/dist/martyrs/src/modules/inventory/components/pages/InventoryEdit.vue.cjs CHANGED Viewed

@@ -6,7 +6,7 @@ const Button = require("../../../../components/Button/Button.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                                         */
-;/* empty css                                              */
+;/* empty css                                             */
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const CardOrderItem = require("../../../orders/components/blocks/CardOrderItem.vue.cjs");
 const CardSpot = require("../../../spots/components/blocks/CardSpot.vue.cjs");

package/dist/martyrs/src/modules/inventory/components/pages/InventoryEdit.vue.js CHANGED Viewed

@@ -4,7 +4,7 @@ import _sfc_main$7 from "../../../../components/Button/Button.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                       */
-/* empty css                                            */
+/* empty css                                           */
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$3 from "../../../orders/components/blocks/CardOrderItem.vue.js";
 import CardSpot from "../../../spots/components/blocks/CardSpot.vue.js";

package/dist/martyrs/src/modules/music/components/cards/ArtistCardSmall.vue.cjs ADDED Viewed

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Media = require("../../../../components/Media/Media.vue.cjs");
+const IconCheckmark = require("../../../icons/navigation/IconCheckmark.vue.cjs");
+;/* empty css                       */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "artist-card bg-light pd-medium radius-medium flex flex-center gap-big" };
+const _hoisted_2 = { class: "artist-avatar" };
+const _hoisted_3 = {
+  key: 1,
+  class: "w-4r h-4r flex flex center radius-extra radius-full bg-main flex-center"
+};
+const _hoisted_4 = { class: "flex items-center gap-thin" };
+const _hoisted_5 = { class: "mn-b-thin" };
+const _hoisted_6 = { class: "t-small t-transp" };
+const _sfc_main = {
+  __name: "ArtistCardSmall",
+  props: {
+    artist: {
+      type: Object,
+      required: true,
+      validator: (value) => {
+        return value._id && value.name && value.url;
+      }
+    },
+    isFollowing: {
+      type: Boolean,
+      default: false
+    },
+    showFollowButton: {
+      type: Boolean,
+      default: true
+    },
+    artistType: {
+      type: String,
+      default: "Artist"
+    }
+  },
+  emits: ["toggle-follow"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleFollowClick = () => {
+      emit("toggle-follow", props.artist._id);
+    };
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_router_link, {
+          to: __props.artist.url ? { name: "artist", params: { url: __props.artist.url } } : __props.artist.to,
+          class: "flex flex-v-center gap-thin flex-1 hover-opacity"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              __props.artist.photoUrl ? (vue.openBlock(), vue.createBlock(Media.default, {
+                key: 0,
+                url: __props.artist.photoUrl,
+                alt: __props.artist.name,
+                class: "w-4r h-4r radius-full object-fit-cover"
+              }, null, 8, ["url", "alt"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(__props.artist.name.charAt(0)), 1))
+            ]),
+            vue.createElementVNode("div", null, [
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(__props.artist.name), 1),
+                __props.artist.isVerified ? (vue.openBlock(), vue.createBlock(IconCheckmark.default, {
+                  key: 0,
+                  class: "w-1r h-1r t-primary"
+                })) : vue.createCommentVNode("", true)
+              ]),
+              vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(__props.artistType), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["to"]),
+        __props.showFollowButton ? (vue.openBlock(), vue.createBlock(Button.default, {
+          key: 0,
+          onClick: handleFollowClick,
+          color: __props.isFollowing ? "primary" : "transp",
+          size: "small",
+          class: "bg-main"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(__props.isFollowing ? "Following" : "Follow"), 1)
+          ]),
+          _: 1
+        }, 8, ["color"])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const ArtistCardSmall = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-7fd022f7"]]);
+exports.default = ArtistCardSmall;
+//# sourceMappingURL=ArtistCardSmall.vue.cjs.map

package/dist/martyrs/src/modules/music/components/cards/ArtistCardSmall.vue.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ArtistCardSmall.vue.cjs","sources":["../../../../../../../src/modules/music/components/cards/ArtistCardSmall.vue"],"sourcesContent":["\n<template>\n <div class=\"artist-card bg-light pd-medium radius-medium flex flex-center gap-big\">\n <router-link \n :to=\"artist.url ? { name: 'artist', params: { url: artist.url } } : artist.to\"\n class=\"flex flex-v-center gap-thin flex-1 hover-opacity\"\n >\n <div class=\"artist-avatar\">\n <Media \n v-if=\"artist.photoUrl\"\n :url=\"artist.photoUrl\"\n :alt=\"artist.name\"\n class=\"w-4r h-4r radius-full object-fit-cover\"\n />\n <div v-else class=\"w-4r h-4r flex flex center radius-extra radius-full bg-main flex-center\">\n {{ artist.name.charAt(0) }}\n </div>\n </div>\n\n <div>\n <div class=\"flex items-center gap-thin\">\n <span class=\"mn-b-thin\">{{ artist.name }}</span>\n <IconVerified v-if=\"artist.isVerified\" class=\"w-1r h-1r t-primary\" />\n </div>\n <span class=\"t-small t-transp\">{{ artistType }}</span>\n </div>\n </router-link>\n\n <Button \n v-if=\"showFollowButton\"\n @click=\"handleFollowClick\"\n :color=\"isFollowing ? 'primary' : 'transp'\"\n size=\"small\"\n class=\"bg-main\"\n >\n {{ isFollowing ? 'Following' : 'Follow' }}\n </Button>\n </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport IconVerified from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\nconst props = defineProps({\n artist: {\n type: Object,\n required: true,\n validator: (value) => {\n return value._id && value.name && value.url;\n }\n },\n isFollowing: {\n type: Boolean,\n default: false\n },\n showFollowButton: {\n type: Boolean,\n default: true\n },\n artistType: {\n type: String,\n default: 'Artist'\n }\n});\n\nconst emit = defineEmits(['toggle-follow']);\n\nconst handleFollowClick = () => {\n emit('toggle-follow', props.artist._id);\n};\n</script>\n\n<style scoped>\n.artist-card {\n transition: all 0.2s ease;\n}\n\n.artist-card:hover {\n transform: translateY(-5px);\n}\n\n.artist-avatar img {\n transition: transform 0.2s ease;\n}\n\n.artist-card:hover .artist-avatar img {\n transform: scale(1.05);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,UAAM,QAAQ;AAsBd,UAAM,OAAO;AAEb,UAAM,oBAAoB,MAAM;AAC9B,WAAK,iBAAiB,MAAM,OAAO,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/cards/ArtistCardSmall.vue.js ADDED Viewed

@@ -0,0 +1,95 @@
+import { resolveComponent, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, createElementVNode, toDisplayString, createTextVNode } from "vue";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import Media from "../../../../components/Media/Media.vue.js";
+import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
+/* empty css                     */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "artist-card bg-light pd-medium radius-medium flex flex-center gap-big" };
+const _hoisted_2 = { class: "artist-avatar" };
+const _hoisted_3 = {
+  key: 1,
+  class: "w-4r h-4r flex flex center radius-extra radius-full bg-main flex-center"
+};
+const _hoisted_4 = { class: "flex items-center gap-thin" };
+const _hoisted_5 = { class: "mn-b-thin" };
+const _hoisted_6 = { class: "t-small t-transp" };
+const _sfc_main = {
+  __name: "ArtistCardSmall",
+  props: {
+    artist: {
+      type: Object,
+      required: true,
+      validator: (value) => {
+        return value._id && value.name && value.url;
+      }
+    },
+    isFollowing: {
+      type: Boolean,
+      default: false
+    },
+    showFollowButton: {
+      type: Boolean,
+      default: true
+    },
+    artistType: {
+      type: String,
+      default: "Artist"
+    }
+  },
+  emits: ["toggle-follow"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleFollowClick = () => {
+      emit("toggle-follow", props.artist._id);
+    };
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_router_link, {
+          to: __props.artist.url ? { name: "artist", params: { url: __props.artist.url } } : __props.artist.to,
+          class: "flex flex-v-center gap-thin flex-1 hover-opacity"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              __props.artist.photoUrl ? (openBlock(), createBlock(Media, {
+                key: 0,
+                url: __props.artist.photoUrl,
+                alt: __props.artist.name,
+                class: "w-4r h-4r radius-full object-fit-cover"
+              }, null, 8, ["url", "alt"])) : (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.artist.name.charAt(0)), 1))
+            ]),
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_4, [
+                createElementVNode("span", _hoisted_5, toDisplayString(__props.artist.name), 1),
+                __props.artist.isVerified ? (openBlock(), createBlock(_sfc_main$1, {
+                  key: 0,
+                  class: "w-1r h-1r t-primary"
+                })) : createCommentVNode("", true)
+              ]),
+              createElementVNode("span", _hoisted_6, toDisplayString(__props.artistType), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["to"]),
+        __props.showFollowButton ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 0,
+          onClick: handleFollowClick,
+          color: __props.isFollowing ? "primary" : "transp",
+          size: "small",
+          class: "bg-main"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.isFollowing ? "Following" : "Follow"), 1)
+          ]),
+          _: 1
+        }, 8, ["color"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const ArtistCardSmall = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7fd022f7"]]);
+export {
+  ArtistCardSmall as default
+};
+//# sourceMappingURL=ArtistCardSmall.vue.js.map

package/dist/martyrs/src/modules/music/components/cards/ArtistCardSmall.vue.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ArtistCardSmall.vue.js","sources":["../../../../../../../src/modules/music/components/cards/ArtistCardSmall.vue"],"sourcesContent":["\n<template>\n <div class=\"artist-card bg-light pd-medium radius-medium flex flex-center gap-big\">\n <router-link \n :to=\"artist.url ? { name: 'artist', params: { url: artist.url } } : artist.to\"\n class=\"flex flex-v-center gap-thin flex-1 hover-opacity\"\n >\n <div class=\"artist-avatar\">\n <Media \n v-if=\"artist.photoUrl\"\n :url=\"artist.photoUrl\"\n :alt=\"artist.name\"\n class=\"w-4r h-4r radius-full object-fit-cover\"\n />\n <div v-else class=\"w-4r h-4r flex flex center radius-extra radius-full bg-main flex-center\">\n {{ artist.name.charAt(0) }}\n </div>\n </div>\n\n <div>\n <div class=\"flex items-center gap-thin\">\n <span class=\"mn-b-thin\">{{ artist.name }}</span>\n <IconVerified v-if=\"artist.isVerified\" class=\"w-1r h-1r t-primary\" />\n </div>\n <span class=\"t-small t-transp\">{{ artistType }}</span>\n </div>\n </router-link>\n\n <Button \n v-if=\"showFollowButton\"\n @click=\"handleFollowClick\"\n :color=\"isFollowing ? 'primary' : 'transp'\"\n size=\"small\"\n class=\"bg-main\"\n >\n {{ isFollowing ? 'Following' : 'Follow' }}\n </Button>\n </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport IconVerified from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\nconst props = defineProps({\n artist: {\n type: Object,\n required: true,\n validator: (value) => {\n return value._id && value.name && value.url;\n }\n },\n isFollowing: {\n type: Boolean,\n default: false\n },\n showFollowButton: {\n type: Boolean,\n default: true\n },\n artistType: {\n type: String,\n default: 'Artist'\n }\n});\n\nconst emit = defineEmits(['toggle-follow']);\n\nconst handleFollowClick = () => {\n emit('toggle-follow', props.artist._id);\n};\n</script>\n\n<style scoped>\n.artist-card {\n transition: all 0.2s ease;\n}\n\n.artist-card:hover {\n transform: translateY(-5px);\n}\n\n.artist-avatar img {\n transition: transform 0.2s ease;\n}\n\n.artist-card:hover .artist-avatar img {\n transform: scale(1.05);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,UAAM,QAAQ;AAsBd,UAAM,OAAO;AAEb,UAAM,oBAAoB,MAAM;AAC9B,WAAK,iBAAiB,MAAM,OAAO,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/cards/TrackListCard.vue.cjs CHANGED Viewed

@@ -74,7 +74,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       const _component_router_link = vue.resolveComponent("router-link");
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["track-item pd-small hover-bg-dark-transp-25 flex-v-center flex cursor-pointer", { "bg-main-transp-10": isPlaying(__props.track) }]),
+        class: vue.normalizeClass(["track-item pd-small hover-bg-white-transp-25 flex-v-center flex cursor-pointer", { "bg-main-transp-10": isPlaying(__props.track) }]),
         onClick: _cache[7] || (_cache[7] = ($event) => playTrack(__props.track)),
         onDblclick: _cache[8] || (_cache[8] = ($event) => playTrack(__props.track, true)),
         onMouseenter: _cache[9] || (_cache[9] = ($event) => hoveredIndex.value = props.index),

package/dist/martyrs/src/modules/music/components/cards/TrackListCard.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TrackListCard.vue.cjs","sources":["../../../../../../../src/modules/music/components/cards/TrackListCard.vue"],"sourcesContent":["<!-- components/cards/TrackListCard.vue -->\n<template>\n <div \n class=\"track-item pd-small hover-bg-~~dark~~-transp-25 flex-v-center flex cursor-pointer\"\n :class=\"{'bg-main-transp-10': isPlaying(track)}\"\n @click=\"playTrack(track)\"\n @dblclick=\"playTrack(track, true)\"\n @mouseenter=\"hoveredIndex = props.index\"\n @mouseleave=\"hoveredIndex = -1\"\n >\n <div class=\"track-number w-3r t-center pos-relative\">\n <span v-if=\"!isPlaying(track) && hoveredIndex !== props.index\" class=\"t-transp\">{{ props.index + 1 }}</span>\n <Button \n v-else-if=\"!isPlaying(track) && hoveredIndex === props.index\"\n @click.stop=\"playTrack(track)\"\n class=\"bg-main pd-thin\"\n :showLoader=\"false\"\n :showSucces=\"false\"\n >\n <IconPlay @click.stop=\"playTrack(track)\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n </Button>\n <Button \n v-else\n @click.stop=\"pauseTrack()\"\n class=\"bg-main pd-thin\"\n :showLoader=\"false\"\n :showSucces=\"false\"\n >\n <IconPause @click.stop=\"pauseTrack()\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n </Button>\n </div>\n \n <div class=\"track-title flex-child-1 flex flex-v-center\">\n <div v-if=\"showCover\" class=\"track-cover mn-r-small\">\n <Media \n :url=\"track.coverUrl \|\| (track.album && track.album.coverUrl) \|\| '/logo/logo-placeholder.jpg'\" \n class=\"w-3r h-3r object-fit-cover o-hidden radius-small\"\n />\n </div>\n \n <div class=\"track-info\">\n <div class=\"track-name \" :class=\"{'t-main': isPlaying(track)}\">\n <router-link \n v-if=\"track.url\"\n :to=\"{ name: 'track', params: { url: track.url } }\"\n class=\"hover-t-main\"\n :class=\"{'t-main': isPlaying(track)}\"\n @click.stop\n >\n {{ track.title }}\n </router-link>\n <span v-else>{{ track.title }}</span>\n </div>\n <div :class=\"{'t-main': isPlaying(track)}\" class=\"track-artist t-transp t-small\">\n <router-link \n v-if=\"track.artist && track.artist._id\"\n :to=\"{ name: 'artist', params: { url: track.artist.url } }\"\n class=\"t-transp hover-\"\n @click.stop\n >\n {{ getArtistName(track) }}\n </router-link>\n <span v-else>{{ getArtistName(track) }}</span>\n </div>\n </div>\n </div>\n \n <div v-if=\"showAlbum\" class=\"track-album w-15r mobile:w-0 mobile:hidden t-transp t-truncate\">\n <router-link \n v-if=\"track.album && track.album._id\"\n :to=\"{ name: 'album', params: { url: track.album.url } }\"\n class=\"t-transp hover-\"\n @click.stop\n >\n {{ track.album.title }}\n </router-link>\n <span v-else>{{ track.album?.title \|\| 'Single' }}</span>\n </div>\n \n <div class=\"track-duration w-5r t-right t-transp\">{{ formatDuration(track.duration) }}</div>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Props\nconst props = defineProps({\n track: {\n type: Object,\n required: true\n },\n index: {\n type: Number,\n default: 0\n },\n showCover: {\n type: Boolean,\n default: true\n },\n showAlbum: {\n type: Boolean,\n default: true\n }\n});\n\n// State\nconst hoveredIndex = ref(-1);\n\n// Methods\nconst isPlaying = (track) => {\n return playerState.currentTrack && playerState.currentTrack._id === track._id && playerState.isPlaying;\n};\n\nconst playTrack = (track, force = false) => {\n if (isPlaying(track) && !force) {\n playerActions.togglePlay();\n } else {\n playerActions.playTrack(track);\n }\n};\n\nconst pauseTrack = () => {\n playerActions.pause();\n};\n\nconst getArtistName = (track) => {\n if (!track \|\| !track.artist) return 'Unknown Artist';\n return typeof track.artist === 'object' ? track.artist.name : 'Unknown Artist';\n};\n\nconst formatDuration = (duration) => {\n if (!duration) return '--:--';\n \n const minutes = Math.floor(duration / 60);\n const seconds = Math.floor(duration % 60);\n return `${minutes}:${seconds.toString().padStart(2, '0')}`;\n};\n</script>"],"names":["ref","playerState","playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,UAAM,QAAQ;AAoBd,UAAM,eAAeA,IAAAA,IAAI,EAAE;AAG3B,UAAM,YAAY,CAAC,UAAU;AAC3B,aAAOC,OAAAA,MAAY,gBAAgBA,aAAY,aAAa,QAAQ,MAAM,OAAOA,OAAAA,MAAY;AAAA,IAC/F;AAEA,UAAM,YAAY,CAAC,OAAO,QAAQ,UAAU;AAC1C,UAAI,UAAU,KAAK,KAAK,CAAC,OAAO;AAC9BC,eAAAA,QAAc,WAAU;AAAA,MAC1B,OAAO;AACLA,eAAAA,QAAc,UAAU,KAAK;AAAA,MAC/B;AAAA,IACF;AAEA,UAAM,aAAa,MAAM;AACvBA,aAAAA,QAAc,MAAK;AAAA,IACrB;AAEA,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,SAAS,CAAC,MAAM,OAAQ,QAAO;AACpC,aAAO,OAAO,MAAM,WAAW,WAAW,MAAM,OAAO,OAAO;AAAA,IAChE;AAEA,UAAM,iBAAiB,CAAC,aAAa;AACnC,UAAI,CAAC,SAAU,QAAO;AAEtB,YAAM,UAAU,KAAK,MAAM,WAAW,EAAE;AACxC,YAAM,UAAU,KAAK,MAAM,WAAW,EAAE;AACxC,aAAO,GAAG,OAAO,IAAI,QAAQ,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC;AAAA,IAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"TrackListCard.vue.cjs","sources":["../../../../../../../src/modules/music/components/cards/TrackListCard.vue"],"sourcesContent":["<!-- components/cards/TrackListCard.vue -->\n<template>\n <div \n class=\"track-item pd-small hover-bg-white-transp-25 flex-v-center flex cursor-pointer\"\n :class=\"{'bg-main-transp-10': isPlaying(track)}\"\n @click=\"playTrack(track)\"\n @dblclick=\"playTrack(track, true)\"\n @mouseenter=\"hoveredIndex = props.index\"\n @mouseleave=\"hoveredIndex = -1\"\n >\n <div class=\"track-number w-3r t-center pos-relative\">\n <span v-if=\"!isPlaying(track) && hoveredIndex !== props.index\" class=\"t-transp\">{{ props.index + 1 }}</span>\n <Button \n v-else-if=\"!isPlaying(track) && hoveredIndex === props.index\"\n @click.stop=\"playTrack(track)\"\n class=\"bg-main pd-thin\"\n :showLoader=\"false\"\n :showSucces=\"false\"\n >\n <IconPlay @click.stop=\"playTrack(track)\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n </Button>\n <Button \n v-else\n @click.stop=\"pauseTrack()\"\n class=\"bg-main pd-thin\"\n :showLoader=\"false\"\n :showSucces=\"false\"\n >\n <IconPause @click.stop=\"pauseTrack()\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n </Button>\n </div>\n \n <div class=\"track-title flex-child-1 flex flex-v-center\">\n <div v-if=\"showCover\" class=\"track-cover mn-r-small\">\n <Media \n :url=\"track.coverUrl \|\| (track.album && track.album.coverUrl) \|\| '/logo/logo-placeholder.jpg'\" \n class=\"w-3r h-3r object-fit-cover o-hidden radius-small\"\n />\n </div>\n \n <div class=\"track-info\">\n <div class=\"track-name \" :class=\"{'t-main': isPlaying(track)}\">\n <router-link \n v-if=\"track.url\"\n :to=\"{ name: 'track', params: { url: track.url } }\"\n class=\"hover-t-main\"\n :class=\"{'t-main': isPlaying(track)}\"\n @click.stop\n >\n {{ track.title }}\n </router-link>\n <span v-else>{{ track.title }}</span>\n </div>\n <div :class=\"{'t-main': isPlaying(track)}\" class=\"track-artist t-transp t-small\">\n <router-link \n v-if=\"track.artist && track.artist._id\"\n :to=\"{ name: 'artist', params: { url: track.artist.url } }\"\n class=\"t-transp hover-\"\n @click.stop\n >\n {{ getArtistName(track) }}\n </router-link>\n <span v-else>{{ getArtistName(track) }}</span>\n </div>\n </div>\n </div>\n \n <div v-if=\"showAlbum\" class=\"track-album w-15r mobile:w-0 mobile:hidden t-transp t-truncate\">\n <router-link \n v-if=\"track.album && track.album._id\"\n :to=\"{ name: 'album', params: { url: track.album.url } }\"\n class=\"t-transp hover-\"\n @click.stop\n >\n {{ track.album.title }}\n </router-link>\n <span v-else>{{ track.album?.title \|\| 'Single' }}</span>\n </div>\n \n <div class=\"track-duration w-5r t-right t-transp\">{{ formatDuration(track.duration) }}</div>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Props\nconst props = defineProps({\n track: {\n type: Object,\n required: true\n },\n index: {\n type: Number,\n default: 0\n },\n showCover: {\n type: Boolean,\n default: true\n },\n showAlbum: {\n type: Boolean,\n default: true\n }\n});\n\n// State\nconst hoveredIndex = ref(-1);\n\n// Methods\nconst isPlaying = (track) => {\n return playerState.currentTrack && playerState.currentTrack._id === track._id && playerState.isPlaying;\n};\n\nconst playTrack = (track, force = false) => {\n if (isPlaying(track) && !force) {\n playerActions.togglePlay();\n } else {\n playerActions.playTrack(track);\n }\n};\n\nconst pauseTrack = () => {\n playerActions.pause();\n};\n\nconst getArtistName = (track) => {\n if (!track \|\| !track.artist) return 'Unknown Artist';\n return typeof track.artist === 'object' ? track.artist.name : 'Unknown Artist';\n};\n\nconst formatDuration = (duration) => {\n if (!duration) return '--:--';\n \n const minutes = Math.floor(duration / 60);\n const seconds = Math.floor(duration % 60);\n return `${minutes}:${seconds.toString().padStart(2, '0')}`;\n};\n</script>"],"names":["ref","playerState","playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,UAAM,QAAQ;AAoBd,UAAM,eAAeA,IAAAA,IAAI,EAAE;AAG3B,UAAM,YAAY,CAAC,UAAU;AAC3B,aAAOC,OAAAA,MAAY,gBAAgBA,aAAY,aAAa,QAAQ,MAAM,OAAOA,OAAAA,MAAY;AAAA,IAC/F;AAEA,UAAM,YAAY,CAAC,OAAO,QAAQ,UAAU;AAC1C,UAAI,UAAU,KAAK,KAAK,CAAC,OAAO;AAC9BC,eAAAA,QAAc,WAAU;AAAA,MAC1B,OAAO;AACLA,eAAAA,QAAc,UAAU,KAAK;AAAA,MAC/B;AAAA,IACF;AAEA,UAAM,aAAa,MAAM;AACvBA,aAAAA,QAAc,MAAK;AAAA,IACrB;AAEA,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,SAAS,CAAC,MAAM,OAAQ,QAAO;AACpC,aAAO,OAAO,MAAM,WAAW,WAAW,MAAM,OAAO,OAAO;AAAA,IAChE;AAEA,UAAM,iBAAiB,CAAC,aAAa;AACnC,UAAI,CAAC,SAAU,QAAO;AAEtB,YAAM,UAAU,KAAK,MAAM,WAAW,EAAE;AACxC,YAAM,UAAU,KAAK,MAAM,WAAW,EAAE;AACxC,aAAO,GAAG,OAAO,IAAI,QAAQ,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC;AAAA,IAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/cards/TrackListCard.vue.js CHANGED Viewed

@@ -72,7 +72,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["track-item pd-small hover-bg-dark-transp-25 flex-v-center flex cursor-pointer", { "bg-main-transp-10": isPlaying(__props.track) }]),
+        class: normalizeClass(["track-item pd-small hover-bg-white-transp-25 flex-v-center flex cursor-pointer", { "bg-main-transp-10": isPlaying(__props.track) }]),
         onClick: _cache[7] || (_cache[7] = ($event) => playTrack(__props.track)),
         onDblclick: _cache[8] || (_cache[8] = ($event) => playTrack(__props.track, true)),
         onMouseenter: _cache[9] || (_cache[9] = ($event) => hoveredIndex.value = props.index),

package/dist/martyrs/src/modules/music/components/cards/TrackListCard.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TrackListCard.vue.js","sources":["../../../../../../../src/modules/music/components/cards/TrackListCard.vue"],"sourcesContent":["<!-- components/cards/TrackListCard.vue -->\n<template>\n <div \n class=\"track-item pd-small hover-bg-~~dark~~-transp-25 flex-v-center flex cursor-pointer\"\n :class=\"{'bg-main-transp-10': isPlaying(track)}\"\n @click=\"playTrack(track)\"\n @dblclick=\"playTrack(track, true)\"\n @mouseenter=\"hoveredIndex = props.index\"\n @mouseleave=\"hoveredIndex = -1\"\n >\n <div class=\"track-number w-3r t-center pos-relative\">\n <span v-if=\"!isPlaying(track) && hoveredIndex !== props.index\" class=\"t-transp\">{{ props.index + 1 }}</span>\n <Button \n v-else-if=\"!isPlaying(track) && hoveredIndex === props.index\"\n @click.stop=\"playTrack(track)\"\n class=\"bg-main pd-thin\"\n :showLoader=\"false\"\n :showSucces=\"false\"\n >\n <IconPlay @click.stop=\"playTrack(track)\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n </Button>\n <Button \n v-else\n @click.stop=\"pauseTrack()\"\n class=\"bg-main pd-thin\"\n :showLoader=\"false\"\n :showSucces=\"false\"\n >\n <IconPause @click.stop=\"pauseTrack()\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n </Button>\n </div>\n \n <div class=\"track-title flex-child-1 flex flex-v-center\">\n <div v-if=\"showCover\" class=\"track-cover mn-r-small\">\n <Media \n :url=\"track.coverUrl \|\| (track.album && track.album.coverUrl) \|\| '/logo/logo-placeholder.jpg'\" \n class=\"w-3r h-3r object-fit-cover o-hidden radius-small\"\n />\n </div>\n \n <div class=\"track-info\">\n <div class=\"track-name \" :class=\"{'t-main': isPlaying(track)}\">\n <router-link \n v-if=\"track.url\"\n :to=\"{ name: 'track', params: { url: track.url } }\"\n class=\"hover-t-main\"\n :class=\"{'t-main': isPlaying(track)}\"\n @click.stop\n >\n {{ track.title }}\n </router-link>\n <span v-else>{{ track.title }}</span>\n </div>\n <div :class=\"{'t-main': isPlaying(track)}\" class=\"track-artist t-transp t-small\">\n <router-link \n v-if=\"track.artist && track.artist._id\"\n :to=\"{ name: 'artist', params: { url: track.artist.url } }\"\n class=\"t-transp hover-\"\n @click.stop\n >\n {{ getArtistName(track) }}\n </router-link>\n <span v-else>{{ getArtistName(track) }}</span>\n </div>\n </div>\n </div>\n \n <div v-if=\"showAlbum\" class=\"track-album w-15r mobile:w-0 mobile:hidden t-transp t-truncate\">\n <router-link \n v-if=\"track.album && track.album._id\"\n :to=\"{ name: 'album', params: { url: track.album.url } }\"\n class=\"t-transp hover-\"\n @click.stop\n >\n {{ track.album.title }}\n </router-link>\n <span v-else>{{ track.album?.title \|\| 'Single' }}</span>\n </div>\n \n <div class=\"track-duration w-5r t-right t-transp\">{{ formatDuration(track.duration) }}</div>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Props\nconst props = defineProps({\n track: {\n type: Object,\n required: true\n },\n index: {\n type: Number,\n default: 0\n },\n showCover: {\n type: Boolean,\n default: true\n },\n showAlbum: {\n type: Boolean,\n default: true\n }\n});\n\n// State\nconst hoveredIndex = ref(-1);\n\n// Methods\nconst isPlaying = (track) => {\n return playerState.currentTrack && playerState.currentTrack._id === track._id && playerState.isPlaying;\n};\n\nconst playTrack = (track, force = false) => {\n if (isPlaying(track) && !force) {\n playerActions.togglePlay();\n } else {\n playerActions.playTrack(track);\n }\n};\n\nconst pauseTrack = () => {\n playerActions.pause();\n};\n\nconst getArtistName = (track) => {\n if (!track \|\| !track.artist) return 'Unknown Artist';\n return typeof track.artist === 'object' ? track.artist.name : 'Unknown Artist';\n};\n\nconst formatDuration = (duration) => {\n if (!duration) return '--:--';\n \n const minutes = Math.floor(duration / 60);\n const seconds = Math.floor(duration % 60);\n return `${minutes}:${seconds.toString().padStart(2, '0')}`;\n};\n</script>"],"names":["playerState","playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,UAAM,QAAQ;AAoBd,UAAM,eAAe,IAAI,EAAE;AAG3B,UAAM,YAAY,CAAC,UAAU;AAC3B,aAAOA,MAAY,gBAAgBA,MAAY,aAAa,QAAQ,MAAM,OAAOA,MAAY;AAAA,IAC/F;AAEA,UAAM,YAAY,CAAC,OAAO,QAAQ,UAAU;AAC1C,UAAI,UAAU,KAAK,KAAK,CAAC,OAAO;AAC9BC,gBAAc,WAAU;AAAA,MAC1B,OAAO;AACLA,gBAAc,UAAU,KAAK;AAAA,MAC/B;AAAA,IACF;AAEA,UAAM,aAAa,MAAM;AACvBA,cAAc,MAAK;AAAA,IACrB;AAEA,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,SAAS,CAAC,MAAM,OAAQ,QAAO;AACpC,aAAO,OAAO,MAAM,WAAW,WAAW,MAAM,OAAO,OAAO;AAAA,IAChE;AAEA,UAAM,iBAAiB,CAAC,aAAa;AACnC,UAAI,CAAC,SAAU,QAAO;AAEtB,YAAM,UAAU,KAAK,MAAM,WAAW,EAAE;AACxC,YAAM,UAAU,KAAK,MAAM,WAAW,EAAE;AACxC,aAAO,GAAG,OAAO,IAAI,QAAQ,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC;AAAA,IAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"TrackListCard.vue.js","sources":["../../../../../../../src/modules/music/components/cards/TrackListCard.vue"],"sourcesContent":["<!-- components/cards/TrackListCard.vue -->\n<template>\n <div \n class=\"track-item pd-small hover-bg-white-transp-25 flex-v-center flex cursor-pointer\"\n :class=\"{'bg-main-transp-10': isPlaying(track)}\"\n @click=\"playTrack(track)\"\n @dblclick=\"playTrack(track, true)\"\n @mouseenter=\"hoveredIndex = props.index\"\n @mouseleave=\"hoveredIndex = -1\"\n >\n <div class=\"track-number w-3r t-center pos-relative\">\n <span v-if=\"!isPlaying(track) && hoveredIndex !== props.index\" class=\"t-transp\">{{ props.index + 1 }}</span>\n <Button \n v-else-if=\"!isPlaying(track) && hoveredIndex === props.index\"\n @click.stop=\"playTrack(track)\"\n class=\"bg-main pd-thin\"\n :showLoader=\"false\"\n :showSucces=\"false\"\n >\n <IconPlay @click.stop=\"playTrack(track)\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n </Button>\n <Button \n v-else\n @click.stop=\"pauseTrack()\"\n class=\"bg-main pd-thin\"\n :showLoader=\"false\"\n :showSucces=\"false\"\n >\n <IconPause @click.stop=\"pauseTrack()\" class=\"i-small\" fill=\"rgb(var(--white))\"/>\n </Button>\n </div>\n \n <div class=\"track-title flex-child-1 flex flex-v-center\">\n <div v-if=\"showCover\" class=\"track-cover mn-r-small\">\n <Media \n :url=\"track.coverUrl \|\| (track.album && track.album.coverUrl) \|\| '/logo/logo-placeholder.jpg'\" \n class=\"w-3r h-3r object-fit-cover o-hidden radius-small\"\n />\n </div>\n \n <div class=\"track-info\">\n <div class=\"track-name \" :class=\"{'t-main': isPlaying(track)}\">\n <router-link \n v-if=\"track.url\"\n :to=\"{ name: 'track', params: { url: track.url } }\"\n class=\"hover-t-main\"\n :class=\"{'t-main': isPlaying(track)}\"\n @click.stop\n >\n {{ track.title }}\n </router-link>\n <span v-else>{{ track.title }}</span>\n </div>\n <div :class=\"{'t-main': isPlaying(track)}\" class=\"track-artist t-transp t-small\">\n <router-link \n v-if=\"track.artist && track.artist._id\"\n :to=\"{ name: 'artist', params: { url: track.artist.url } }\"\n class=\"t-transp hover-\"\n @click.stop\n >\n {{ getArtistName(track) }}\n </router-link>\n <span v-else>{{ getArtistName(track) }}</span>\n </div>\n </div>\n </div>\n \n <div v-if=\"showAlbum\" class=\"track-album w-15r mobile:w-0 mobile:hidden t-transp t-truncate\">\n <router-link \n v-if=\"track.album && track.album._id\"\n :to=\"{ name: 'album', params: { url: track.album.url } }\"\n class=\"t-transp hover-\"\n @click.stop\n >\n {{ track.album.title }}\n </router-link>\n <span v-else>{{ track.album?.title \|\| 'Single' }}</span>\n </div>\n \n <div class=\"track-duration w-5r t-right t-transp\">{{ formatDuration(track.duration) }}</div>\n </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\n\n// Import player store\nimport { state as playerState, actions as playerActions } from '../../store/player.js';\n\n// Props\nconst props = defineProps({\n track: {\n type: Object,\n required: true\n },\n index: {\n type: Number,\n default: 0\n },\n showCover: {\n type: Boolean,\n default: true\n },\n showAlbum: {\n type: Boolean,\n default: true\n }\n});\n\n// State\nconst hoveredIndex = ref(-1);\n\n// Methods\nconst isPlaying = (track) => {\n return playerState.currentTrack && playerState.currentTrack._id === track._id && playerState.isPlaying;\n};\n\nconst playTrack = (track, force = false) => {\n if (isPlaying(track) && !force) {\n playerActions.togglePlay();\n } else {\n playerActions.playTrack(track);\n }\n};\n\nconst pauseTrack = () => {\n playerActions.pause();\n};\n\nconst getArtistName = (track) => {\n if (!track \|\| !track.artist) return 'Unknown Artist';\n return typeof track.artist === 'object' ? track.artist.name : 'Unknown Artist';\n};\n\nconst formatDuration = (duration) => {\n if (!duration) return '--:--';\n \n const minutes = Math.floor(duration / 60);\n const seconds = Math.floor(duration % 60);\n return `${minutes}:${seconds.toString().padStart(2, '0')}`;\n};\n</script>"],"names":["playerState","playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,UAAM,QAAQ;AAoBd,UAAM,eAAe,IAAI,EAAE;AAG3B,UAAM,YAAY,CAAC,UAAU;AAC3B,aAAOA,MAAY,gBAAgBA,MAAY,aAAa,QAAQ,MAAM,OAAOA,MAAY;AAAA,IAC/F;AAEA,UAAM,YAAY,CAAC,OAAO,QAAQ,UAAU;AAC1C,UAAI,UAAU,KAAK,KAAK,CAAC,OAAO;AAC9BC,gBAAc,WAAU;AAAA,MAC1B,OAAO;AACLA,gBAAc,UAAU,KAAK;AAAA,MAC/B;AAAA,IACF;AAEA,UAAM,aAAa,MAAM;AACvBA,cAAc,MAAK;AAAA,IACrB;AAEA,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,SAAS,CAAC,MAAM,OAAQ,QAAO;AACpC,aAAO,OAAO,MAAM,WAAW,WAAW,MAAM,OAAO,OAAO;AAAA,IAChE;AAEA,UAAM,iBAAiB,CAAC,aAAa;AACnC,UAAI,CAAC,SAAU,QAAO;AAEtB,YAAM,UAAU,KAAK,MAAM,WAAW,EAAE;AACxC,YAAM,UAAU,KAAK,MAAM,WAAW,EAAE;AACxC,aAAO,GAAG,OAAO,IAAI,QAAQ,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC;AAAA,IAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/forms/SearchForm.vue.cjs CHANGED Viewed

@@ -6,7 +6,7 @@ const IconSearch = require("../../../icons/navigation/IconSearch.vue.cjs");
 const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");
 ;/* empty css                  */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "search-form flex-v-center flex bg-dark-transp-50 pd-thin radius-extra" };
+const _hoisted_1 = { class: "search-form flex-v-center flex bg-white-transp-50 pd-thin radius-extra" };
 const _hoisted_2 = ["placeholder"];
 const _sfc_main = {
   __name: "SearchForm",
@@ -93,6 +93,6 @@ const _sfc_main = {
     };
   }
 };
-const SearchForm = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-405341b8"]]);
+const SearchForm = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-fa80a365"]]);
 exports.default = SearchForm;
 //# sourceMappingURL=SearchForm.vue.cjs.map

package/dist/martyrs/src/modules/music/components/forms/SearchForm.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchForm.vue.cjs","sources":["../../../../../../../src/modules/music/components/forms/SearchForm.vue"],"sourcesContent":["<!-- components/forms/SearchForm.vue -->\n<template>\n <div class=\"search-form flex-v-center flex bg-~~dark~~-transp-50 pd-thin radius-extra\">\n <IconSearch class=\"i-small mn-r-small\" fill=\"rgb(var(--grey))\"/>\n <input \n ref=\"searchInput\"\n v-model=\"searchQuery\"\n type=\"text\"\n :placeholder=\"placeholder\"\n class=\"bg-transparent border-none flex-1\"\n @keydown.enter=\"handleSearch\"\n />\n <Button \n v-if=\"searchQuery.length > 0\"\n @click=\"clearSearch\"\n class=\"bg-transparent border-none pd-zero\"\n :showLoader=\"false\" \n :showSucces=\"false\"\n >\n <IconCross class=\"i-small\" fill=\"rgb(var(--grey))\"/>\n </Button>\n </div>\n</template>\n\n<script setup>\nimport { ref, watch, onMounted, defineEmits } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n placeholder: {\n type: String,\n default: 'Search...'\n },\n initialQuery: {\n type: String,\n default: ''\n }\n});\n\nconst emit = defineEmits(['search']);\n\nconst searchInput = ref(null);\nconst searchQuery = ref(props.initialQuery);\nlet searchTimeout = null;\n\nconst handleSearch = () => {\n emit('search', searchQuery.value.trim());\n};\n\nconst clearSearch = () => {\n searchQuery.value = '';\n emit('search', '');\n searchInput.value?.focus();\n};\n\n// Watch for changes in search query and emit search with debounce\nwatch(searchQuery, (newQuery) => {\n // Clear previous timeout\n if (searchTimeout) {\n clearTimeout(searchTimeout);\n }\n \n if (newQuery.trim().length >= 2) {\n // Set new timeout for debounce\n searchTimeout = setTimeout(() => {\n handleSearch();\n }, 300);\n } else if (newQuery.trim().length === 0) {\n emit('search', '');\n }\n});\n\n// Watch for changes in initialQuery prop\nwatch(() => props.initialQuery, (newQuery) => {\n if (newQuery !== searchQuery.value) {\n searchQuery.value = newQuery;\n }\n});\n\nonMounted(() => {\n if (props.initialQuery) {\n searchQuery.value = props.initialQuery;\n }\n});\n</script>\n\n<style scoped>\n.search-form {\n transition: background-color 0.2s ease;\n}\n\n.search-form:focus-within {\n background-color: rgba(var(--dark), 0.8);\n}\n\ninput::placeholder {\n color: rgba(var(--grey), 0.8);\n}\n\ninput:focus {\n outline: none;\n}\n</style>"],"names":["ref","watch","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAEb,UAAM,cAAcA,IAAAA,IAAI,IAAI;AAC5B,UAAM,cAAcA,IAAAA,IAAI,MAAM,YAAY;AAC1C,QAAI,gBAAgB;AAEpB,UAAM,eAAe,MAAM;AACzB,WAAK,UAAU,YAAY,MAAM,KAAI,CAAE;AAAA,IACzC;AAEA,UAAM,cAAc,MAAM;AACxB,kBAAY,QAAQ;AACpB,WAAK,UAAU,EAAE;AACjB,kBAAY,OAAO,MAAK;AAAA,IAC1B;AAGAC,QAAAA,MAAM,aAAa,CAAC,aAAa;AAE/B,UAAI,eAAe;AACjB,qBAAa,aAAa;AAAA,MAC5B;AAEA,UAAI,SAAS,OAAO,UAAU,GAAG;AAE/B,wBAAgB,WAAW,MAAM;AAC/B,uBAAY;AAAA,QACd,GAAG,GAAG;AAAA,MACR,WAAW,SAAS,KAAI,EAAG,WAAW,GAAG;AACvC,aAAK,UAAU,EAAE;AAAA,MACnB;AAAA,IACF,CAAC;AAGDA,QAAAA,MAAM,MAAM,MAAM,cAAc,CAAC,aAAa;AAC5C,UAAI,aAAa,YAAY,OAAO;AAClC,oBAAY,QAAQ;AAAA,MACtB;AAAA,IACF,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,cAAc;AACtB,oBAAY,QAAQ,MAAM;AAAA,MAC5B;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SearchForm.vue.cjs","sources":["../../../../../../../src/modules/music/components/forms/SearchForm.vue"],"sourcesContent":["<!-- components/forms/SearchForm.vue -->\n<template>\n <div class=\"search-form flex-v-center flex bg-white-transp-50 pd-thin radius-extra\">\n <IconSearch class=\"i-small mn-r-small\" fill=\"rgb(var(--grey))\"/>\n <input \n ref=\"searchInput\"\n v-model=\"searchQuery\"\n type=\"text\"\n :placeholder=\"placeholder\"\n class=\"bg-transparent border-none flex-1\"\n @keydown.enter=\"handleSearch\"\n />\n <Button \n v-if=\"searchQuery.length > 0\"\n @click=\"clearSearch\"\n class=\"bg-transparent border-none pd-zero\"\n :showLoader=\"false\" \n :showSucces=\"false\"\n >\n <IconCross class=\"i-small\" fill=\"rgb(var(--grey))\"/>\n </Button>\n </div>\n</template>\n\n<script setup>\nimport { ref, watch, onMounted, defineEmits } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n placeholder: {\n type: String,\n default: 'Search...'\n },\n initialQuery: {\n type: String,\n default: ''\n }\n});\n\nconst emit = defineEmits(['search']);\n\nconst searchInput = ref(null);\nconst searchQuery = ref(props.initialQuery);\nlet searchTimeout = null;\n\nconst handleSearch = () => {\n emit('search', searchQuery.value.trim());\n};\n\nconst clearSearch = () => {\n searchQuery.value = '';\n emit('search', '');\n searchInput.value?.focus();\n};\n\n// Watch for changes in search query and emit search with debounce\nwatch(searchQuery, (newQuery) => {\n // Clear previous timeout\n if (searchTimeout) {\n clearTimeout(searchTimeout);\n }\n \n if (newQuery.trim().length >= 2) {\n // Set new timeout for debounce\n searchTimeout = setTimeout(() => {\n handleSearch();\n }, 300);\n } else if (newQuery.trim().length === 0) {\n emit('search', '');\n }\n});\n\n// Watch for changes in initialQuery prop\nwatch(() => props.initialQuery, (newQuery) => {\n if (newQuery !== searchQuery.value) {\n searchQuery.value = newQuery;\n }\n});\n\nonMounted(() => {\n if (props.initialQuery) {\n searchQuery.value = props.initialQuery;\n }\n});\n</script>\n\n<style scoped>\n.search-form {\n transition: background-color 0.2s ease;\n}\n\n.search-form:focus-within {\n background-color: rgba(var(--dark), 0.8);\n}\n\ninput::placeholder {\n color: rgba(var(--grey), 0.8);\n}\n\ninput:focus {\n outline: none;\n}\n</style>"],"names":["ref","watch","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAEb,UAAM,cAAcA,IAAAA,IAAI,IAAI;AAC5B,UAAM,cAAcA,IAAAA,IAAI,MAAM,YAAY;AAC1C,QAAI,gBAAgB;AAEpB,UAAM,eAAe,MAAM;AACzB,WAAK,UAAU,YAAY,MAAM,KAAI,CAAE;AAAA,IACzC;AAEA,UAAM,cAAc,MAAM;AACxB,kBAAY,QAAQ;AACpB,WAAK,UAAU,EAAE;AACjB,kBAAY,OAAO,MAAK;AAAA,IAC1B;AAGAC,QAAAA,MAAM,aAAa,CAAC,aAAa;AAE/B,UAAI,eAAe;AACjB,qBAAa,aAAa;AAAA,MAC5B;AAEA,UAAI,SAAS,OAAO,UAAU,GAAG;AAE/B,wBAAgB,WAAW,MAAM;AAC/B,uBAAY;AAAA,QACd,GAAG,GAAG;AAAA,MACR,WAAW,SAAS,KAAI,EAAG,WAAW,GAAG;AACvC,aAAK,UAAU,EAAE;AAAA,MACnB;AAAA,IACF,CAAC;AAGDA,QAAAA,MAAM,MAAM,MAAM,cAAc,CAAC,aAAa;AAC5C,UAAI,aAAa,YAAY,OAAO;AAClC,oBAAY,QAAQ;AAAA,MACtB;AAAA,IACF,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,cAAc;AACtB,oBAAY,QAAQ,MAAM;AAAA,MAC5B;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/forms/SearchForm.vue.js CHANGED Viewed

@@ -4,7 +4,7 @@ import _sfc_main$1 from "../../../icons/navigation/IconSearch.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";
 /* empty css                */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "search-form flex-v-center flex bg-dark-transp-50 pd-thin radius-extra" };
+const _hoisted_1 = { class: "search-form flex-v-center flex bg-white-transp-50 pd-thin radius-extra" };
 const _hoisted_2 = ["placeholder"];
 const _sfc_main = {
   __name: "SearchForm",
@@ -91,7 +91,7 @@ const _sfc_main = {
     };
   }
 };
-const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-405341b8"]]);
+const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fa80a365"]]);
 export {
   SearchForm as default
 };

package/dist/martyrs/src/modules/music/components/forms/SearchForm.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchForm.vue.js","sources":["../../../../../../../src/modules/music/components/forms/SearchForm.vue"],"sourcesContent":["<!-- components/forms/SearchForm.vue -->\n<template>\n <div class=\"search-form flex-v-center flex bg-~~dark~~-transp-50 pd-thin radius-extra\">\n <IconSearch class=\"i-small mn-r-small\" fill=\"rgb(var(--grey))\"/>\n <input \n ref=\"searchInput\"\n v-model=\"searchQuery\"\n type=\"text\"\n :placeholder=\"placeholder\"\n class=\"bg-transparent border-none flex-1\"\n @keydown.enter=\"handleSearch\"\n />\n <Button \n v-if=\"searchQuery.length > 0\"\n @click=\"clearSearch\"\n class=\"bg-transparent border-none pd-zero\"\n :showLoader=\"false\" \n :showSucces=\"false\"\n >\n <IconCross class=\"i-small\" fill=\"rgb(var(--grey))\"/>\n </Button>\n </div>\n</template>\n\n<script setup>\nimport { ref, watch, onMounted, defineEmits } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n placeholder: {\n type: String,\n default: 'Search...'\n },\n initialQuery: {\n type: String,\n default: ''\n }\n});\n\nconst emit = defineEmits(['search']);\n\nconst searchInput = ref(null);\nconst searchQuery = ref(props.initialQuery);\nlet searchTimeout = null;\n\nconst handleSearch = () => {\n emit('search', searchQuery.value.trim());\n};\n\nconst clearSearch = () => {\n searchQuery.value = '';\n emit('search', '');\n searchInput.value?.focus();\n};\n\n// Watch for changes in search query and emit search with debounce\nwatch(searchQuery, (newQuery) => {\n // Clear previous timeout\n if (searchTimeout) {\n clearTimeout(searchTimeout);\n }\n \n if (newQuery.trim().length >= 2) {\n // Set new timeout for debounce\n searchTimeout = setTimeout(() => {\n handleSearch();\n }, 300);\n } else if (newQuery.trim().length === 0) {\n emit('search', '');\n }\n});\n\n// Watch for changes in initialQuery prop\nwatch(() => props.initialQuery, (newQuery) => {\n if (newQuery !== searchQuery.value) {\n searchQuery.value = newQuery;\n }\n});\n\nonMounted(() => {\n if (props.initialQuery) {\n searchQuery.value = props.initialQuery;\n }\n});\n</script>\n\n<style scoped>\n.search-form {\n transition: background-color 0.2s ease;\n}\n\n.search-form:focus-within {\n background-color: rgba(var(--dark), 0.8);\n}\n\ninput::placeholder {\n color: rgba(var(--grey), 0.8);\n}\n\ninput:focus {\n outline: none;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAEb,UAAM,cAAc,IAAI,IAAI;AAC5B,UAAM,cAAc,IAAI,MAAM,YAAY;AAC1C,QAAI,gBAAgB;AAEpB,UAAM,eAAe,MAAM;AACzB,WAAK,UAAU,YAAY,MAAM,KAAI,CAAE;AAAA,IACzC;AAEA,UAAM,cAAc,MAAM;AACxB,kBAAY,QAAQ;AACpB,WAAK,UAAU,EAAE;AACjB,kBAAY,OAAO,MAAK;AAAA,IAC1B;AAGA,UAAM,aAAa,CAAC,aAAa;AAE/B,UAAI,eAAe;AACjB,qBAAa,aAAa;AAAA,MAC5B;AAEA,UAAI,SAAS,OAAO,UAAU,GAAG;AAE/B,wBAAgB,WAAW,MAAM;AAC/B,uBAAY;AAAA,QACd,GAAG,GAAG;AAAA,MACR,WAAW,SAAS,KAAI,EAAG,WAAW,GAAG;AACvC,aAAK,UAAU,EAAE;AAAA,MACnB;AAAA,IACF,CAAC;AAGD,UAAM,MAAM,MAAM,cAAc,CAAC,aAAa;AAC5C,UAAI,aAAa,YAAY,OAAO;AAClC,oBAAY,QAAQ;AAAA,MACtB;AAAA,IACF,CAAC;AAED,cAAU,MAAM;AACd,UAAI,MAAM,cAAc;AACtB,oBAAY,QAAQ,MAAM;AAAA,MAC5B;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SearchForm.vue.js","sources":["../../../../../../../src/modules/music/components/forms/SearchForm.vue"],"sourcesContent":["<!-- components/forms/SearchForm.vue -->\n<template>\n <div class=\"search-form flex-v-center flex bg-white-transp-50 pd-thin radius-extra\">\n <IconSearch class=\"i-small mn-r-small\" fill=\"rgb(var(--grey))\"/>\n <input \n ref=\"searchInput\"\n v-model=\"searchQuery\"\n type=\"text\"\n :placeholder=\"placeholder\"\n class=\"bg-transparent border-none flex-1\"\n @keydown.enter=\"handleSearch\"\n />\n <Button \n v-if=\"searchQuery.length > 0\"\n @click=\"clearSearch\"\n class=\"bg-transparent border-none pd-zero\"\n :showLoader=\"false\" \n :showSucces=\"false\"\n >\n <IconCross class=\"i-small\" fill=\"rgb(var(--grey))\"/>\n </Button>\n </div>\n</template>\n\n<script setup>\nimport { ref, watch, onMounted, defineEmits } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n placeholder: {\n type: String,\n default: 'Search...'\n },\n initialQuery: {\n type: String,\n default: ''\n }\n});\n\nconst emit = defineEmits(['search']);\n\nconst searchInput = ref(null);\nconst searchQuery = ref(props.initialQuery);\nlet searchTimeout = null;\n\nconst handleSearch = () => {\n emit('search', searchQuery.value.trim());\n};\n\nconst clearSearch = () => {\n searchQuery.value = '';\n emit('search', '');\n searchInput.value?.focus();\n};\n\n// Watch for changes in search query and emit search with debounce\nwatch(searchQuery, (newQuery) => {\n // Clear previous timeout\n if (searchTimeout) {\n clearTimeout(searchTimeout);\n }\n \n if (newQuery.trim().length >= 2) {\n // Set new timeout for debounce\n searchTimeout = setTimeout(() => {\n handleSearch();\n }, 300);\n } else if (newQuery.trim().length === 0) {\n emit('search', '');\n }\n});\n\n// Watch for changes in initialQuery prop\nwatch(() => props.initialQuery, (newQuery) => {\n if (newQuery !== searchQuery.value) {\n searchQuery.value = newQuery;\n }\n});\n\nonMounted(() => {\n if (props.initialQuery) {\n searchQuery.value = props.initialQuery;\n }\n});\n</script>\n\n<style scoped>\n.search-form {\n transition: background-color 0.2s ease;\n}\n\n.search-form:focus-within {\n background-color: rgba(var(--dark), 0.8);\n}\n\ninput::placeholder {\n color: rgba(var(--grey), 0.8);\n}\n\ninput:focus {\n outline: none;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAEb,UAAM,cAAc,IAAI,IAAI;AAC5B,UAAM,cAAc,IAAI,MAAM,YAAY;AAC1C,QAAI,gBAAgB;AAEpB,UAAM,eAAe,MAAM;AACzB,WAAK,UAAU,YAAY,MAAM,KAAI,CAAE;AAAA,IACzC;AAEA,UAAM,cAAc,MAAM;AACxB,kBAAY,QAAQ;AACpB,WAAK,UAAU,EAAE;AACjB,kBAAY,OAAO,MAAK;AAAA,IAC1B;AAGA,UAAM,aAAa,CAAC,aAAa;AAE/B,UAAI,eAAe;AACjB,qBAAa,aAAa;AAAA,MAC5B;AAEA,UAAI,SAAS,OAAO,UAAU,GAAG;AAE/B,wBAAgB,WAAW,MAAM;AAC/B,uBAAY;AAAA,QACd,GAAG,GAAG;AAAA,MACR,WAAW,SAAS,KAAI,EAAG,WAAW,GAAG;AACvC,aAAK,UAAU,EAAE;AAAA,MACnB;AAAA,IACF,CAAC;AAGD,UAAM,MAAM,MAAM,cAAc,CAAC,aAAa;AAC5C,UAAI,aAAa,YAAY,OAAO;AAClC,oBAAY,QAAQ;AAAA,MACtB;AAAA,IACF,CAAC;AAED,cAAU,MAAM;AACd,UAAI,MAAM,cAAc;AACtB,oBAAY,QAAQ,MAAM;AAAA,MAC5B;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}