@ozdao/martyrs 0.2.536 → 0.2.538

package/dist/martyrs/src/modules/marketplace/views/components/layouts/Marketplace.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
-const Spoiler = require("../../../../../components/Spoiler/Spoiler.vue2.cjs");
+const Spoiler = require("../../../../../components/Spoiler/Spoiler.vue.cjs");
 const Field = require("../../../../../components/Field/Field.vue.cjs");
 const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
 const IconChevronBottom = require("../../../../icons/navigation/IconChevronBottom.vue.cjs");

package/dist/martyrs/src/modules/marketplace/views/components/layouts/Marketplace.vue.js

@@ -1,7 +1,7 @@
 import { ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, Fragment, renderList, withCtx, createBlock, normalizeClass, createTextVNode, resolveDynamicComponent } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import _sfc_main$1 from "../../../../../components/Spoiler/Spoiler.vue2.js";
+import _sfc_main$1 from "../../../../../components/Spoiler/Spoiler.vue.js";
 import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../../components/Checkbox/Checkbox.vue.js";
 import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vue.js";

package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
+const Loader = require("../../../../../components/Loader/Loader.vue.cjs");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const categories = require("../../../../products/store/categories.cjs");

package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createTextVNode, Transition, withCtx, Fragment, renderList, createBlock, createCommentVNode, normalizeClass, toDisplayString } from "vue";
-import Loader from "../../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../../components/Loader/Loader.vue.js";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { actions as actions$1 } from "../../../../products/store/categories.js";

package/dist/martyrs/src/modules/music/components/cards/AlbumCard.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Media = require("../../../../components/Media/Media.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
 const player = require("../../store/player.cjs");
 const albums = require("../../store/albums.cjs");

package/dist/martyrs/src/modules/music/components/cards/AlbumCard.vue.js

@@ -1,6 +1,6 @@
 import { computed, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, withModifiers, toDisplayString } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
 import { actions } from "../../store/player.js";
 import { state, actions as actions$1 } from "../../store/albums.js";

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+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                       */

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

@@ -1,5 +1,5 @@
 import { resolveComponent, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, createElementVNode, toDisplayString, createTextVNode } from "vue";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+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                     */

package/dist/martyrs/src/modules/music/components/cards/PlaylistCard.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Media = require("../../../../components/Media/Media.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
 const player = require("../../store/player.cjs");
 const playlists = require("../../store/playlists.cjs");

package/dist/martyrs/src/modules/music/components/cards/PlaylistCard.vue.js

@@ -1,6 +1,6 @@
 import { computed, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, withModifiers, toDisplayString } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
 import { actions as actions$1 } from "../../store/player.js";
 import { actions, state } from "../../store/playlists.js";

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Media = require("../../../../components/Media/Media.vue.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
 const IconPause = require("../../../icons/navigation/IconPause.vue.cjs");

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

@@ -1,5 +1,5 @@
 import { ref, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, createBlock, toDisplayString, withModifiers, withCtx, createVNode, createTextVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import Media from "../../../../components/Media/Media.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconPause.vue.js";

package/dist/martyrs/src/modules/music/components/forms/AlbumForm.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");

package/dist/martyrs/src/modules/music/components/forms/AlbumForm.vue.js

@@ -2,7 +2,7 @@ import { reactive, ref, watch, onMounted, createElementBlock, openBlock, createE
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";

package/dist/martyrs/src/modules/music/components/forms/ArtistForm.vue.cjs

@@ -4,11 +4,11 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
-;/* empty css                                         */
+;/* empty css                                          */
 const BlockMultiselect = require("../../../globals/views/components/blocks/BlockMultiselect.vue.cjs");
 const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");
 const artists = require("../../store/artists.cjs");

package/dist/martyrs/src/modules/music/components/forms/ArtistForm.vue.js

@@ -2,11 +2,11 @@ import { reactive, ref, watch, onMounted, createElementBlock, openBlock, createE
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
-/* empty css                                       */
+/* empty css                                        */
 import BlockMultiselect from "../../../globals/views/components/blocks/BlockMultiselect.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";
 import { actions as actions$1 } from "../../store/artists.js";

package/dist/martyrs/src/modules/music/components/forms/PlaylistForm.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Radio = require("../../../../components/Radio/Radio.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");

package/dist/martyrs/src/modules/music/components/forms/PlaylistForm.vue.js

@@ -2,7 +2,7 @@ import { reactive, ref, watch, computed, onMounted, createElementBlock, openBloc
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../components/Radio/Radio.vue.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const IconSearch = require("../../../icons/navigation/IconSearch.vue.cjs");
 const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");
 ;/* empty css                  */

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

@@ -1,5 +1,5 @@
 import { ref, watch, onMounted, createElementBlock, openBlock, createVNode, withDirectives, createBlock, createCommentVNode, createElementVNode, withKeys, vModelText, withCtx } from "vue";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconSearch.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";
 /* empty css                */

package/dist/martyrs/src/modules/music/components/forms/TrackForm.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");

package/dist/martyrs/src/modules/music/components/forms/TrackForm.vue.js

@@ -2,7 +2,7 @@ import { reactive, ref, watch, onMounted, createElementBlock, openBlock, createE
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";

package/dist/martyrs/src/modules/music/components/pages/Album.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue.cjs");
 const Media = require("../../../../components/Media/Media.vue.cjs");
 const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");

package/dist/martyrs/src/modules/music/components/pages/Album.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, withCtx, createTextVNode, Fragment, renderList, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 import Media from "../../../../components/Media/Media.vue.js";
 import _sfc_main$5 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$a from "../../../../components/Feed/Feed.vue.js";

package/dist/martyrs/src/modules/music/components/pages/Artist.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-;/* empty css                                         */
+const Button = require("../../../../components/Button/Button.vue.cjs");
+;/* empty css                                          */
 const TrackListCard = require("../cards/TrackListCard.vue.cjs");
 const artists = require("../../store/artists.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");

package/dist/martyrs/src/modules/music/components/pages/Artist.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, unref, withCtx, createTextVNode, normalizeStyle, normalizeClass, toDisplayString, Fragment, renderList, createBlock } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
-/* empty css                                       */
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+/* empty css                                        */
 import _sfc_main$2 from "../cards/TrackListCard.vue.js";
 import { state, actions } from "../../store/artists.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";

package/dist/martyrs/src/modules/music/components/pages/MusicLibrary.vue.cjs

@@ -7,7 +7,7 @@ const TrackListCard = require("../cards/TrackListCard.vue.cjs");
 const AlbumCard = require("../cards/AlbumCard.vue.cjs");
 const PlaylistCard = require("../cards/PlaylistCard.vue.cjs");
 const ArtistCard = require("../cards/ArtistCard.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const playlists = require("../../store/playlists.cjs");
 const albums = require("../../store/albums.cjs");

package/dist/martyrs/src/modules/music/components/pages/MusicLibrary.vue.js

@@ -5,7 +5,7 @@ import _sfc_main$3 from "../cards/TrackListCard.vue.js";
 import AlbumCard from "../cards/AlbumCard.vue.js";
 import PlaylistCard from "../cards/PlaylistCard.vue.js";
 import ArtistCard from "../cards/ArtistCard.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { state as state$1, actions } from "../../store/playlists.js";
 import { state as state$2, actions as actions$1 } from "../../store/albums.js";

package/dist/martyrs/src/modules/music/components/pages/Playlist.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-;/* empty css                                         */
+const Button = require("../../../../components/Button/Button.vue.cjs");
+;/* empty css                                          */
 const Media = require("../../../../components/Media/Media.vue.cjs");
 const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");

package/dist/martyrs/src/modules/music/components/pages/Playlist.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, withCtx, createTextVNode, Fragment, createBlock, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
-/* empty css                                       */
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+/* empty css                                        */
 import Media from "../../../../components/Media/Media.vue.js";
 import _sfc_main$4 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$9 from "../../../../components/Feed/Feed.vue.js";

package/dist/martyrs/src/modules/music/components/pages/SearchResults.vue.cjs

@@ -7,8 +7,8 @@ const TrackListCard = require("../cards/TrackListCard.vue.cjs");
 const AlbumCard = require("../cards/AlbumCard.vue.cjs");
 const PlaylistCard = require("../cards/PlaylistCard.vue.cjs");
 const ArtistCard = require("../cards/ArtistCard.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue.cjs");
 const search = require("../../store/search.cjs");
 ;/* empty css                     */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");

package/dist/martyrs/src/modules/music/components/pages/SearchResults.vue.js

@@ -5,8 +5,8 @@ import _sfc_main$3 from "../cards/TrackListCard.vue.js";
 import AlbumCard from "../cards/AlbumCard.vue.js";
 import PlaylistCard from "../cards/PlaylistCard.vue.js";
 import ArtistCard from "../cards/ArtistCard.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 import { state, actions } from "../../store/search.js";
 /* empty css                   */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";

package/dist/martyrs/src/modules/music/components/pages/Track.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue.cjs");
 const Media = require("../../../../components/Media/Media.vue.cjs");
 const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");

package/dist/martyrs/src/modules/music/components/pages/Track.vue.js

@@ -1,7 +1,7 @@
 import { computed, ref, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createVNode, createElementVNode, withCtx, toDisplayString, createTextVNode, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 import Media from "../../../../components/Media/Media.vue.js";
 import _sfc_main$6 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$d from "../../../../components/Popup/Popup.vue.js";

package/dist/martyrs/src/modules/music/components/pages/TrackCreate.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-;/* empty css                                         */
-;/* empty css                                         */
+;/* empty css                                          */
+;/* empty css                                          */
 const TrackForm = require("../forms/TrackForm.vue.cjs");
 const _hoisted_1 = { class: "track-create-page" };
 const _sfc_main = {

package/dist/martyrs/src/modules/music/components/pages/TrackCreate.vue.js

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createVNode } from "vue";
 import { useRouter } from "vue-router";
-/* empty css                                       */
-/* empty css                                       */
+/* empty css                                        */
+/* empty css                                        */
 import _sfc_main$1 from "../forms/TrackForm.vue.js";
 const _hoisted_1 = { class: "track-create-page" };
 const _sfc_main = {

package/dist/martyrs/src/modules/music/components/player/MusicPlayer.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Media = require("../../../../components/Media/Media.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const TrackProgress = require("./TrackProgress.vue.cjs");
 const VolumeControl = require("./VolumeControl.vue.cjs");
 const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");

package/dist/martyrs/src/modules/music/components/player/MusicPlayer.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, normalizeClass, withCtx, createBlock } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import TrackProgress from "./TrackProgress.vue.js";
 import VolumeControl from "./VolumeControl.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconPlay.vue.js";

package/dist/martyrs/src/modules/notifications/components/elements/NotificationBadge.vue.cjs

@@ -43,7 +43,16 @@ const _sfc_main = {
   setup(__props) {
     const props = __props;
     vueRouter.useRouter();
-    const { notifications, unreadCount, loading, markAllAsRead, getNotifications } = vue.inject("useNotifications")();
+    const useNotifications = vue.inject("useNotifications");
+    const { notifications, unreadCount, loading, markAllAsRead, getNotifications } = useNotifications ? useNotifications() : {
+      notifications: vue.ref([]),
+      unreadCount: vue.ref(0),
+      loading: vue.ref(false),
+      markAllAsRead: () => {
+      },
+      getNotifications: () => {
+      }
+    };
     const isOpen = vue.ref(false);
     const recentNotifications = vue.computed(() => {
       return notifications.value.slice().sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)).slice(0, props.maxNotifications);
@@ -128,6 +137,6 @@ const _sfc_main = {
     };
   }
 };
-const NotificationBadge = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c9d03610"]]);
+const NotificationBadge = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-f08c11b0"]]);
 exports.default = NotificationBadge;
 //# sourceMappingURL=NotificationBadge.vue.cjs.map

package/dist/martyrs/src/modules/notifications/components/elements/NotificationBadge.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBadge.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/elements/NotificationBadge.vue"],"sourcesContent":["<template>\n  <div class=\"notification-badge-container\">\n    <button \n      class=\"i-semi notification-button\"\n      @click=\"toggleNotifications\"\n      :aria-label=\"unreadCount > 0 ? `${unreadCount} unread notifications` : 'No unread notifications'\"\n    >\n      <IconBell class=\"notification-icon i-medium\" :fill=\"fill\"/>\n      <div  \n        v-if=\"unreadCount > 0\" \n        class=\"button-counter flex flex-center\"\n      >\n        <span>{{ unreadCount > 99 ? '99+' : unreadCount }}</span>\n      </div>\n    </button>\n    \n    <Popup\n      title=\"Notifications\"\n      @close-popup=\"closeNotifications\"\n      :isPopupOpen=\"isOpen\"\n      align=\"center right\"\n      class=\"bg-white h-min-100 w-100 w-max-30r pd-medium\"\n    >\n      <div class=\"cols-1 gap-thin o-y-scroll\">\n        <div v-if=\"loading\" class=\"notifications-loading\">\n          Loading...\n        </div>\n        \n        <div v-else-if=\"notifications.length === 0\" class=\"notifications-empty\">\n          No notifications\n        </div>\n        \n        <div v-else class=\"flex-column flex gap-thin\">\n          <notification-item \n            v-for=\"notification in recentNotifications\" \n            :key=\"notification._id\" \n            :notification=\"notification\"\n            @click=\"handleNotificationClick(notification)\"\n          />\n\n          <div class=\"flex-nowrap flex gap-thin\">\n            <button \n              v-if=\"unreadCount > 0\"\n              class=\"w-100 bg-second t-white radius-small  button\" \n              @click=\"markAllAsRead\"\n            >\n              Mark all read\n            </button>\n\n            <router-link class=\"w-100 bg-black t-white radius-small button\" to=\"/notifications\" @click=\"closeNotifications\">\n              View all \n            </router-link>\n          </div>\n\n        </div>\n\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, inject } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\nconst props = defineProps({\n  maxNotifications: {\n    type: Number,\n    default: 10\n  },\n  fill: {\n    type: String,\n    default: 'rgb(var(--white))'\n  }\n});\n\n// Get router and notification functionality\nconst router = useRouter();\nconst { notifications, unreadCount, loading, markAllAsRead, getNotifications } = inject('useNotifications')();\n\n// Local state\nconst isOpen = ref(false);\n\n// Computed properties\nconst recentNotifications = computed(() => {\n  return notifications.value\n    .slice()\n    .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt))\n    .slice(0, props.maxNotifications);\n});\n\n// Methods\nconst toggleNotifications = () => {\n  isOpen.value = !isOpen.value;\n};\n\nconst closeNotifications = () => {\n  isOpen.value = false;\n};\n\nconst handleNotificationClick = (notification) => {\n  isOpen.value = false;\n  \n  if (notification._id) {\n    // Handle in store\n    actions.handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\n// Lifecycle hooks\nonMounted(() => {\n  // Load notifications when component mounts\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n});\n</script>\n\n<style scoped>\n.notification-badge-container {\n  position: relative;\n  display: inline-block;\n}\n\n.notification-button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-size: 1.2rem;\n}\n\n.notification-icon {\n  font-size: 1.4rem;\n}\n\n.button-counter {\n  position: absolute;\n  right: -8px;\n  bottom: -8px;\n  background: rgb(var(--fourth));\n  color: rgb(var(--white));\n  height: 16px;\n  border-radius: 16px;\n  width: 16px;\n  font-weight: 500;\n  text-align: center;\n  line-height: 16px;\n  font-size: 10px;\n}\n\n\n.notifications-loading,\n.notifications-empty {\n  padding: 24px;\n  text-align: center;\n  color: rgb(var(--text-light));\n}\n</style>"],"names":["useRouter","inject","ref","computed","onMounted","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,UAAM,QAAQ;AAYCA,cAAAA,UAAS;AACxB,UAAM,EAAE,eAAe,aAAa,SAAS,eAAe,qBAAqBC,IAAAA,OAAO,kBAAkB,EAAC;AAG3G,UAAM,SAASC,IAAAA,IAAI,KAAK;AAGxB,UAAM,sBAAsBC,IAAAA,SAAS,MAAM;AACzC,aAAO,cAAc,MAClB,MAAK,EACL,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC,EAC5D,MAAM,GAAG,MAAM,gBAAgB;AAAA,IACpC,CAAC;AAGD,UAAM,sBAAsB,MAAM;AAChC,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,UAAM,qBAAqB,MAAM;AAC/B,aAAO,QAAQ;AAAA,IACjB;AAEA,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,aAAO,QAAQ;AAEf,UAAI,aAAa,KAAK;AAEpB,gBAAQ,yBAAyB;AAAA,UAC/B,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACH;AAAA,IACF;AAGAC,QAAAA,UAAU,MAAM;AAEd,YAAM,SAASC,WAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MACzB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationBadge.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/elements/NotificationBadge.vue"],"sourcesContent":["<template>\n  <div class=\"notification-badge-container\">\n    <button \n      class=\"i-semi notification-button\"\n      @click=\"toggleNotifications\"\n      :aria-label=\"unreadCount > 0 ? `${unreadCount} unread notifications` : 'No unread notifications'\"\n    >\n      <IconBell class=\"notification-icon i-medium\" :fill=\"fill\"/>\n      <div  \n        v-if=\"unreadCount > 0\" \n        class=\"button-counter flex flex-center\"\n      >\n        <span>{{ unreadCount > 99 ? '99+' : unreadCount }}</span>\n      </div>\n    </button>\n    \n    <Popup\n      title=\"Notifications\"\n      @close-popup=\"closeNotifications\"\n      :isPopupOpen=\"isOpen\"\n      align=\"center right\"\n      class=\"bg-white h-min-100 w-100 w-max-30r pd-medium\"\n    >\n      <div class=\"cols-1 gap-thin o-y-scroll\">\n        <div v-if=\"loading\" class=\"notifications-loading\">\n          Loading...\n        </div>\n        \n        <div v-else-if=\"notifications.length === 0\" class=\"notifications-empty\">\n          No notifications\n        </div>\n        \n        <div v-else class=\"flex-column flex gap-thin\">\n          <notification-item \n            v-for=\"notification in recentNotifications\" \n            :key=\"notification._id\" \n            :notification=\"notification\"\n            @click=\"handleNotificationClick(notification)\"\n          />\n\n          <div class=\"flex-nowrap flex gap-thin\">\n            <button \n              v-if=\"unreadCount > 0\"\n              class=\"w-100 bg-second t-white radius-small  button\" \n              @click=\"markAllAsRead\"\n            >\n              Mark all read\n            </button>\n\n            <router-link class=\"w-100 bg-black t-white radius-small button\" to=\"/notifications\" @click=\"closeNotifications\">\n              View all \n            </router-link>\n          </div>\n\n        </div>\n\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, inject } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\nconst props = defineProps({\n  maxNotifications: {\n    type: Number,\n    default: 10\n  },\n  fill: {\n    type: String,\n    default: 'rgb(var(--white))'\n  }\n});\n\n// Get router and notification functionality\nconst router = useRouter();\n\n// Check if notifications module is loaded\nconst useNotifications = inject('useNotifications');\n\n// Provide fallback values if module is not loaded\nconst { notifications, unreadCount, loading, markAllAsRead, getNotifications } = useNotifications ? useNotifications() : {\n  notifications: ref([]),\n  unreadCount: ref(0),\n  loading: ref(false),\n  markAllAsRead: () => {},\n  getNotifications: () => {}\n};\n\n// Local state\nconst isOpen = ref(false);\n\n// Computed properties\nconst recentNotifications = computed(() => {\n  return notifications.value\n    .slice()\n    .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt))\n    .slice(0, props.maxNotifications);\n});\n\n// Methods\nconst toggleNotifications = () => {\n  isOpen.value = !isOpen.value;\n};\n\nconst closeNotifications = () => {\n  isOpen.value = false;\n};\n\nconst handleNotificationClick = (notification) => {\n  isOpen.value = false;\n  \n  if (notification._id) {\n    // Handle in store\n    actions.handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\n// Lifecycle hooks\nonMounted(() => {\n  // Load notifications when component mounts\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n});\n</script>\n\n<style scoped>\n.notification-badge-container {\n  position: relative;\n  display: inline-block;\n}\n\n.notification-button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-size: 1.2rem;\n}\n\n.notification-icon {\n  font-size: 1.4rem;\n}\n\n.button-counter {\n  position: absolute;\n  right: -8px;\n  bottom: -8px;\n  background: rgb(var(--fourth));\n  color: rgb(var(--white));\n  height: 16px;\n  border-radius: 16px;\n  width: 16px;\n  font-weight: 500;\n  text-align: center;\n  line-height: 16px;\n  font-size: 10px;\n}\n\n\n.notifications-loading,\n.notifications-empty {\n  padding: 24px;\n  text-align: center;\n  color: rgb(var(--text-light));\n}\n</style>"],"names":["useRouter","inject","ref","computed","onMounted","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,UAAM,QAAQ;AAYCA,cAAAA,UAAS;AAGxB,UAAM,mBAAmBC,IAAAA,OAAO,kBAAkB;AAGlD,UAAM,EAAE,eAAe,aAAa,SAAS,eAAe,qBAAqB,mBAAmB,qBAAqB;AAAA,MACvH,eAAeC,IAAAA,IAAI,EAAE;AAAA,MACrB,aAAaA,IAAAA,IAAI,CAAC;AAAA,MAClB,SAASA,IAAAA,IAAI,KAAK;AAAA,MAClB,eAAe,MAAM;AAAA,MAAC;AAAA,MACtB,kBAAkB,MAAM;AAAA,MAAC;AAAA,IAC3B;AAGA,UAAM,SAASA,IAAAA,IAAI,KAAK;AAGxB,UAAM,sBAAsBC,IAAAA,SAAS,MAAM;AACzC,aAAO,cAAc,MAClB,MAAK,EACL,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC,EAC5D,MAAM,GAAG,MAAM,gBAAgB;AAAA,IACpC,CAAC;AAGD,UAAM,sBAAsB,MAAM;AAChC,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,UAAM,qBAAqB,MAAM;AAC/B,aAAO,QAAQ;AAAA,IACjB;AAEA,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,aAAO,QAAQ;AAEf,UAAI,aAAa,KAAK;AAEpB,gBAAQ,yBAAyB;AAAA,UAC/B,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACH;AAAA,IACF;AAGAC,QAAAA,UAAU,MAAM;AAEd,YAAM,SAASC,WAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MACzB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/components/elements/NotificationBadge.vue.js

@@ -41,7 +41,16 @@ const _sfc_main = {
   setup(__props) {
     const props = __props;
     useRouter();
-    const { notifications, unreadCount, loading, markAllAsRead, getNotifications } = inject("useNotifications")();
+    const useNotifications = inject("useNotifications");
+    const { notifications, unreadCount, loading, markAllAsRead, getNotifications } = useNotifications ? useNotifications() : {
+      notifications: ref([]),
+      unreadCount: ref(0),
+      loading: ref(false),
+      markAllAsRead: () => {
+      },
+      getNotifications: () => {
+      }
+    };
     const isOpen = ref(false);
     const recentNotifications = computed(() => {
       return notifications.value.slice().sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)).slice(0, props.maxNotifications);
@@ -126,7 +135,7 @@ const _sfc_main = {
     };
   }
 };
-const NotificationBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c9d03610"]]);
+const NotificationBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f08c11b0"]]);
 export {
   NotificationBadge as default
 };

package/dist/martyrs/src/modules/notifications/components/elements/NotificationBadge.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBadge.vue.js","sources":["../../../../../../../src/modules/notifications/components/elements/NotificationBadge.vue"],"sourcesContent":["<template>\n  <div class=\"notification-badge-container\">\n    <button \n      class=\"i-semi notification-button\"\n      @click=\"toggleNotifications\"\n      :aria-label=\"unreadCount > 0 ? `${unreadCount} unread notifications` : 'No unread notifications'\"\n    >\n      <IconBell class=\"notification-icon i-medium\" :fill=\"fill\"/>\n      <div  \n        v-if=\"unreadCount > 0\" \n        class=\"button-counter flex flex-center\"\n      >\n        <span>{{ unreadCount > 99 ? '99+' : unreadCount }}</span>\n      </div>\n    </button>\n    \n    <Popup\n      title=\"Notifications\"\n      @close-popup=\"closeNotifications\"\n      :isPopupOpen=\"isOpen\"\n      align=\"center right\"\n      class=\"bg-white h-min-100 w-100 w-max-30r pd-medium\"\n    >\n      <div class=\"cols-1 gap-thin o-y-scroll\">\n        <div v-if=\"loading\" class=\"notifications-loading\">\n          Loading...\n        </div>\n        \n        <div v-else-if=\"notifications.length === 0\" class=\"notifications-empty\">\n          No notifications\n        </div>\n        \n        <div v-else class=\"flex-column flex gap-thin\">\n          <notification-item \n            v-for=\"notification in recentNotifications\" \n            :key=\"notification._id\" \n            :notification=\"notification\"\n            @click=\"handleNotificationClick(notification)\"\n          />\n\n          <div class=\"flex-nowrap flex gap-thin\">\n            <button \n              v-if=\"unreadCount > 0\"\n              class=\"w-100 bg-second t-white radius-small  button\" \n              @click=\"markAllAsRead\"\n            >\n              Mark all read\n            </button>\n\n            <router-link class=\"w-100 bg-black t-white radius-small button\" to=\"/notifications\" @click=\"closeNotifications\">\n              View all \n            </router-link>\n          </div>\n\n        </div>\n\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, inject } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\nconst props = defineProps({\n  maxNotifications: {\n    type: Number,\n    default: 10\n  },\n  fill: {\n    type: String,\n    default: 'rgb(var(--white))'\n  }\n});\n\n// Get router and notification functionality\nconst router = useRouter();\nconst { notifications, unreadCount, loading, markAllAsRead, getNotifications } = inject('useNotifications')();\n\n// Local state\nconst isOpen = ref(false);\n\n// Computed properties\nconst recentNotifications = computed(() => {\n  return notifications.value\n    .slice()\n    .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt))\n    .slice(0, props.maxNotifications);\n});\n\n// Methods\nconst toggleNotifications = () => {\n  isOpen.value = !isOpen.value;\n};\n\nconst closeNotifications = () => {\n  isOpen.value = false;\n};\n\nconst handleNotificationClick = (notification) => {\n  isOpen.value = false;\n  \n  if (notification._id) {\n    // Handle in store\n    actions.handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\n// Lifecycle hooks\nonMounted(() => {\n  // Load notifications when component mounts\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n});\n</script>\n\n<style scoped>\n.notification-badge-container {\n  position: relative;\n  display: inline-block;\n}\n\n.notification-button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-size: 1.2rem;\n}\n\n.notification-icon {\n  font-size: 1.4rem;\n}\n\n.button-counter {\n  position: absolute;\n  right: -8px;\n  bottom: -8px;\n  background: rgb(var(--fourth));\n  color: rgb(var(--white));\n  height: 16px;\n  border-radius: 16px;\n  width: 16px;\n  font-weight: 500;\n  text-align: center;\n  line-height: 16px;\n  font-size: 10px;\n}\n\n\n.notifications-loading,\n.notifications-empty {\n  padding: 24px;\n  text-align: center;\n  color: rgb(var(--text-light));\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,UAAM,QAAQ;AAYC,cAAS;AACxB,UAAM,EAAE,eAAe,aAAa,SAAS,eAAe,qBAAqB,OAAO,kBAAkB,EAAC;AAG3G,UAAM,SAAS,IAAI,KAAK;AAGxB,UAAM,sBAAsB,SAAS,MAAM;AACzC,aAAO,cAAc,MAClB,MAAK,EACL,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC,EAC5D,MAAM,GAAG,MAAM,gBAAgB;AAAA,IACpC,CAAC;AAGD,UAAM,sBAAsB,MAAM;AAChC,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,UAAM,qBAAqB,MAAM;AAC/B,aAAO,QAAQ;AAAA,IACjB;AAEA,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,aAAO,QAAQ;AAEf,UAAI,aAAa,KAAK;AAEpB,gBAAQ,yBAAyB;AAAA,UAC/B,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACH;AAAA,IACF;AAGA,cAAU,MAAM;AAEd,YAAM,SAASA,MAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MACzB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationBadge.vue.js","sources":["../../../../../../../src/modules/notifications/components/elements/NotificationBadge.vue"],"sourcesContent":["<template>\n  <div class=\"notification-badge-container\">\n    <button \n      class=\"i-semi notification-button\"\n      @click=\"toggleNotifications\"\n      :aria-label=\"unreadCount > 0 ? `${unreadCount} unread notifications` : 'No unread notifications'\"\n    >\n      <IconBell class=\"notification-icon i-medium\" :fill=\"fill\"/>\n      <div  \n        v-if=\"unreadCount > 0\" \n        class=\"button-counter flex flex-center\"\n      >\n        <span>{{ unreadCount > 99 ? '99+' : unreadCount }}</span>\n      </div>\n    </button>\n    \n    <Popup\n      title=\"Notifications\"\n      @close-popup=\"closeNotifications\"\n      :isPopupOpen=\"isOpen\"\n      align=\"center right\"\n      class=\"bg-white h-min-100 w-100 w-max-30r pd-medium\"\n    >\n      <div class=\"cols-1 gap-thin o-y-scroll\">\n        <div v-if=\"loading\" class=\"notifications-loading\">\n          Loading...\n        </div>\n        \n        <div v-else-if=\"notifications.length === 0\" class=\"notifications-empty\">\n          No notifications\n        </div>\n        \n        <div v-else class=\"flex-column flex gap-thin\">\n          <notification-item \n            v-for=\"notification in recentNotifications\" \n            :key=\"notification._id\" \n            :notification=\"notification\"\n            @click=\"handleNotificationClick(notification)\"\n          />\n\n          <div class=\"flex-nowrap flex gap-thin\">\n            <button \n              v-if=\"unreadCount > 0\"\n              class=\"w-100 bg-second t-white radius-small  button\" \n              @click=\"markAllAsRead\"\n            >\n              Mark all read\n            </button>\n\n            <router-link class=\"w-100 bg-black t-white radius-small button\" to=\"/notifications\" @click=\"closeNotifications\">\n              View all \n            </router-link>\n          </div>\n\n        </div>\n\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, inject } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\nconst props = defineProps({\n  maxNotifications: {\n    type: Number,\n    default: 10\n  },\n  fill: {\n    type: String,\n    default: 'rgb(var(--white))'\n  }\n});\n\n// Get router and notification functionality\nconst router = useRouter();\n\n// Check if notifications module is loaded\nconst useNotifications = inject('useNotifications');\n\n// Provide fallback values if module is not loaded\nconst { notifications, unreadCount, loading, markAllAsRead, getNotifications } = useNotifications ? useNotifications() : {\n  notifications: ref([]),\n  unreadCount: ref(0),\n  loading: ref(false),\n  markAllAsRead: () => {},\n  getNotifications: () => {}\n};\n\n// Local state\nconst isOpen = ref(false);\n\n// Computed properties\nconst recentNotifications = computed(() => {\n  return notifications.value\n    .slice()\n    .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt))\n    .slice(0, props.maxNotifications);\n});\n\n// Methods\nconst toggleNotifications = () => {\n  isOpen.value = !isOpen.value;\n};\n\nconst closeNotifications = () => {\n  isOpen.value = false;\n};\n\nconst handleNotificationClick = (notification) => {\n  isOpen.value = false;\n  \n  if (notification._id) {\n    // Handle in store\n    actions.handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\n// Lifecycle hooks\nonMounted(() => {\n  // Load notifications when component mounts\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n});\n</script>\n\n<style scoped>\n.notification-badge-container {\n  position: relative;\n  display: inline-block;\n}\n\n.notification-button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-size: 1.2rem;\n}\n\n.notification-icon {\n  font-size: 1.4rem;\n}\n\n.button-counter {\n  position: absolute;\n  right: -8px;\n  bottom: -8px;\n  background: rgb(var(--fourth));\n  color: rgb(var(--white));\n  height: 16px;\n  border-radius: 16px;\n  width: 16px;\n  font-weight: 500;\n  text-align: center;\n  line-height: 16px;\n  font-size: 10px;\n}\n\n\n.notifications-loading,\n.notifications-empty {\n  padding: 24px;\n  text-align: center;\n  color: rgb(var(--text-light));\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,UAAM,QAAQ;AAYC,cAAS;AAGxB,UAAM,mBAAmB,OAAO,kBAAkB;AAGlD,UAAM,EAAE,eAAe,aAAa,SAAS,eAAe,qBAAqB,mBAAmB,qBAAqB;AAAA,MACvH,eAAe,IAAI,EAAE;AAAA,MACrB,aAAa,IAAI,CAAC;AAAA,MAClB,SAAS,IAAI,KAAK;AAAA,MAClB,eAAe,MAAM;AAAA,MAAC;AAAA,MACtB,kBAAkB,MAAM;AAAA,MAAC;AAAA,IAC3B;AAGA,UAAM,SAAS,IAAI,KAAK;AAGxB,UAAM,sBAAsB,SAAS,MAAM;AACzC,aAAO,cAAc,MAClB,MAAK,EACL,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC,EAC5D,MAAM,GAAG,MAAM,gBAAgB;AAAA,IACpC,CAAC;AAGD,UAAM,sBAAsB,MAAM;AAChC,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,UAAM,qBAAqB,MAAM;AAC/B,aAAO,QAAQ;AAAA,IACjB;AAEA,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,aAAO,QAAQ;AAEf,UAAI,aAAa,KAAK;AAEpB,gBAAQ,yBAAyB;AAAA,UAC/B,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACH;AAAA,IACF;AAGA,cAAU,MAAM;AAEd,YAAM,SAASA,MAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MACzB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/components/pages/Notifications.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const NotificationsList = require("../sections/NotificationsList.vue.cjs");
 const NotificationPreferences = require("../sections/NotificationPreferences.vue.cjs");
 const _hoisted_1 = { class: "notifications-page pd-small" };

package/dist/martyrs/src/modules/notifications/components/pages/Notifications.vue.js

@@ -1,6 +1,6 @@
 import { inject, ref, createElementBlock, openBlock, createVNode, createElementVNode, unref, createBlock, createCommentVNode } from "vue";
 import { useRoute } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue.js";
 import NotificationsList from "../sections/NotificationsList.vue.js";
 import NotificationPreferences from "../sections/NotificationPreferences.vue.js";
 const _hoisted_1 = { class: "notifications-page pd-small" };

package/dist/martyrs/src/modules/orders/components/forms/FormApplicationDetails.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const _hoisted_1 = { class: "gap-thin flex mn-t-small" };
 const _sfc_main = {
   __name: "FormApplicationDetails",

package/dist/martyrs/src/modules/orders/components/forms/FormApplicationDetails.vue.js

@@ -2,7 +2,7 @@ import { mergeModels, useModel, ref, watch, createBlock, openBlock, withCtx, cre
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 const _hoisted_1 = { class: "gap-thin flex mn-t-small" };
 const _sfc_main = {
   __name: "FormApplicationDetails",