@ozdao/martyrs 0.2.604 → 0.2.605

package/dist/martyrs/src/modules/organizations/organizations.client.js

@@ -39,40 +39,46 @@ function initializeOrganization(app, store, router, options = {}) {
   const route = options.route || "Home";
   const routeUser = options.routeUser || "User Profile Root";
   const routeBackoffice = options.routeBackoffice || "Backoffice Root";
-  addRoutes(router, {
-    parentName: route,
-    basePath: "organizations",
-    routes: organizationRoutes,
-    routeNamePrefix: "",
-    meta: {
-      context: "root",
-      title: {
-        en: "Organizations",
-        ru: "Организации"
-      },
-      breadcrumbs: {
-        hidden: true
+  if (!options.contexts || options.contexts.includes("client")) {
+    addRoutes(router, {
+      parentName: route,
+      basePath: "organizations",
+      routes: organizationRoutes,
+      routeNamePrefix: "",
+      meta: {
+        context: "root",
+        title: {
+          en: "Organizations",
+          ru: "Организации"
+        },
+        breadcrumbs: {
+          hidden: true
+        }
       }
-    }
-  });
-  addRoutes(router, {
-    parentName: routeUser,
-    basePath: "organizations",
-    routes: organizationUserRoutes,
-    routeNamePrefix: "User",
-    meta: {
-      context: "user"
-    }
-  });
-  addRoutes(router, {
-    parentName: routeBackoffice,
-    basePath: "organizations",
-    routes: organizationBackofficeRoutes,
-    routeNamePrefix: "Backoffice",
-    meta: {
-      context: "backoffice"
-    }
-  });
+    });
+  }
+  if (!options.contexts || options.contexts.includes("user")) {
+    addRoutes(router, {
+      parentName: routeUser,
+      basePath: "organizations",
+      routes: organizationUserRoutes,
+      routeNamePrefix: "User",
+      meta: {
+        context: "user"
+      }
+    });
+  }
+  if (!options.contexts || options.contexts.includes("backoffice")) {
+    addRoutes(router, {
+      parentName: routeBackoffice,
+      basePath: "organizations",
+      routes: organizationBackofficeRoutes,
+      routeNamePrefix: "Backoffice",
+      meta: {
+        context: "backoffice"
+      }
+    });
+  }
   store.addStore("organizations", organizations);
 }
 const ModuleOrganization = {

package/dist/martyrs/src/modules/organizations/organizations.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"organizations.client.js","sources":["../../../../../src/modules/organizations/organizations.client.js"],"sourcesContent":["// [LOADING 35] Organizations module import started\nperformance.mark('loading-35-start');\nconsole.log('[LOADING 35] Organizations module import started...');\n\n// Functional imports (needed for initialize function)\nimport departmentsStore from './store/departments.store.js';\nimport invitesStore from './store/invites.store.js';\nimport membershipsStore from './store/memberships.store.js';\nimport * as storeOrganizations from './store/organizations.js';\n\nperformance.mark('loading-35-stores-end');\nconst storesTime = performance.measure('loading-35-stores', 'loading-35-start', 'loading-35-stores-end');\nconsole.log(`[LOADING 35] Store imports completed in ${storesTime.duration.toFixed(2)}ms`);\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport routerRoot from './router/organizations.router.js';\nimport routerUser from './router/organizations.user.router.js';\nimport routerBackoffice from './router/organizations.backoffice.router.js';\n\nperformance.mark('loading-35-router-end');\nconst routerTime = performance.measure('loading-35-router', 'loading-35-stores-end', 'loading-35-router-end');\nconsole.log(`[LOADING 35] Router imports completed in ${routerTime.duration.toFixed(2)}ms`);\n\n// Component re-exports (enables tree shaking)\n// Pages\nexport { default as Department } from './components/pages/Department.vue';\nexport { default as Members } from './components/pages/Members.vue';\nexport { default as Organization } from './components/pages/Organization.vue';\nexport { default as OrganizationEdit } from './components/pages/OrganizationEdit.vue';\nexport { default as Organizations } from './components/pages/Organizations.vue';\n\n// Forms\nexport { default as DepartmentForm } from './components/forms/DepartmentForm.vue';\nexport { default as InviteForm } from './components/forms/InviteForm.vue';\nexport { default as AddExistingMembersForm } from './components/forms/AddExistingMembersForm.vue';\n\n// Blocks\nexport { default as CardDepartment } from './components/blocks/CardDepartment.vue';\nexport { default as CardOrganization } from './components/blocks/CardOrganization.vue';\nexport { default as Contacts } from './components/blocks/Contacts.vue';\nexport { default as DepartmentSub } from './components/blocks/DepartmentSub.vue';\nexport { default as EmptyState } from './components/blocks/EmptyState.vue';\nexport { default as Rating } from './components/blocks/Rating.vue';\nexport { default as Socials } from './components/blocks/Socials.vue';\nexport { default as Unit } from './components/blocks/Unit.vue';\n\n// Sections\nexport { default as Documents } from './components/sections/Documents.vue';\nexport { default as MembersAdd } from './components/sections/MembersAdd.vue';\nexport { default as OrganizationsSection } from './components/sections/Organizations.vue';\nexport { default as Publics } from './components/sections/Publics.vue';\n\n// Elements\nexport { default as ButtonToggleMembership } from './components/elements/ButtonToggleMembership.vue';\n\nfunction initializeOrganization(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n  const routeUser = options.routeUser || 'User Profile Root';\n  const routeBackoffice = options.routeBackoffice || 'Backoffice Root';\n\n  // Root context: /organizations/*\n  addRoutes(router, {\n    parentName: route,\n    basePath: 'organizations',\n    routes: routerRoot,\n    routeNamePrefix: '',\n    meta: {\n      context: 'root',\n      title: {\n        en: 'Organizations',\n        ru: 'Организации',\n      },\n      breadcrumbs: {\n        hidden: true,\n      },\n    },\n  });\n\n  // User context: /users/:_id/organizations/*\n  addRoutes(router, {\n    parentName: routeUser,\n    basePath: 'organizations',\n    routes: routerUser,\n    routeNamePrefix: 'User',\n    meta: {\n      context: 'user',\n    },\n  });\n\n  // Backoffice context: /backoffice/organizations/*\n  addRoutes(router, {\n    parentName: routeBackoffice,\n    basePath: 'organizations',\n    routes: routerBackoffice,\n    routeNamePrefix: 'Backoffice',\n    meta: {\n      context: 'backoffice',\n    },\n  });\n\n  store.addStore('organizations', storeOrganizations);\n}\n\n// Functional exports\nexport {\n  departmentsStore,\n  invitesStore,\n  membershipsStore,\n  storeOrganizations,\n  initializeOrganization as initialize,\n};\n\nconst ModuleOrganization = {\n  initialize: initializeOrganization,\n  views: {\n    store: {\n      departmentsStore,\n      invitesStore,\n      membershipsStore,\n      storeOrganizations,\n    },\n    router: {\n      routerRoot,\n      routerUser,\n      routerBackoffice,\n    },\n  },\n};\n\n// [LOADING 35] Organizations module import completed\nperformance.mark('loading-35-end');\nperformance.measure('loading-35-total', 'loading-35-start', 'loading-35-end');\nconst totalTime = performance.getEntriesByName('loading-35-total')[0];\nconsole.log(`[LOADING 35] Organizations module fully imported in ${totalTime?.duration?.toFixed(2)}ms`);\n\nexport default ModuleOrganization;\n"],"names":["routerRoot","routerUser","routerBackoffice","storeOrganizations"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,YAAY,KAAK,kBAAkB;AACnC,QAAQ,IAAI,qDAAqD;AAQjE,YAAY,KAAK,uBAAuB;AACxC,MAAM,aAAa,YAAY,QAAQ,qBAAqB,oBAAoB,uBAAuB;AACvG,QAAQ,IAAI,2CAA2C,WAAW,SAAS,QAAQ,CAAC,CAAC,IAAI;AAQzF,YAAY,KAAK,uBAAuB;AACxC,MAAM,aAAa,YAAY,QAAQ,qBAAqB,yBAAyB,uBAAuB;AAC5G,QAAQ,IAAI,4CAA4C,WAAW,SAAS,QAAQ,CAAC,CAAC,IAAI;AAkC1F,SAAS,uBAAuB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAChE,QAAM,QAAQ,QAAQ,SAAS;AAC/B,QAAM,YAAY,QAAQ,aAAa;AACvC,QAAM,kBAAkB,QAAQ,mBAAmB;AAGnD,YAAU,QAAQ;AAAA,IAChB,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQA;AAAAA,IACR,iBAAiB;AAAA,IACjB,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,MACM,aAAa;AAAA,QACX,QAAQ;AAAA,MAChB;AAAA,IACA;AAAA,EACA,CAAG;AAGD,YAAU,QAAQ;AAAA,IAChB,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQC;AAAAA,IACR,iBAAiB;AAAA,IACjB,MAAM;AAAA,MACJ,SAAS;AAAA,IACf;AAAA,EACA,CAAG;AAGD,YAAU,QAAQ;AAAA,IAChB,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQC;AAAAA,IACR,iBAAiB;AAAA,IACjB,MAAM;AAAA,MACJ,SAAS;AAAA,IACf;AAAA,EACA,CAAG;AAED,QAAM,SAAS,iBAAiBC,aAAkB;AACpD;AAWK,MAAC,qBAAqB;AAAA,EACzB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACN,oBAAMA;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACZ,YAAMH;AAAAA,MACN,YAAMC;AAAAA,MACN,kBAAMC;AAAAA,IACN;AAAA,EACA;AACA;AAGA,YAAY,KAAK,gBAAgB;AACjC,YAAY,QAAQ,oBAAoB,oBAAoB,gBAAgB;AAC5E,MAAM,YAAY,YAAY,iBAAiB,kBAAkB,EAAE,CAAC;AACpE,QAAQ,IAAI,uDAAuD,WAAW,UAAU,QAAQ,CAAC,CAAC,IAAI;"}
+{"version":3,"file":"organizations.client.js","sources":["../../../../../src/modules/organizations/organizations.client.js"],"sourcesContent":["// [LOADING 35] Organizations module import started\nperformance.mark('loading-35-start');\nconsole.log('[LOADING 35] Organizations module import started...');\n\n// Functional imports (needed for initialize function)\nimport departmentsStore from './store/departments.store.js';\nimport invitesStore from './store/invites.store.js';\nimport membershipsStore from './store/memberships.store.js';\nimport * as storeOrganizations from './store/organizations.js';\n\nperformance.mark('loading-35-stores-end');\nconst storesTime = performance.measure('loading-35-stores', 'loading-35-start', 'loading-35-stores-end');\nconsole.log(`[LOADING 35] Store imports completed in ${storesTime.duration.toFixed(2)}ms`);\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport routerRoot from './router/organizations.router.js';\nimport routerUser from './router/organizations.user.router.js';\nimport routerBackoffice from './router/organizations.backoffice.router.js';\n\nperformance.mark('loading-35-router-end');\nconst routerTime = performance.measure('loading-35-router', 'loading-35-stores-end', 'loading-35-router-end');\nconsole.log(`[LOADING 35] Router imports completed in ${routerTime.duration.toFixed(2)}ms`);\n\n// Component re-exports (enables tree shaking)\n// Pages\nexport { default as Department } from './components/pages/Department.vue';\nexport { default as Members } from './components/pages/Members.vue';\nexport { default as Organization } from './components/pages/Organization.vue';\nexport { default as OrganizationEdit } from './components/pages/OrganizationEdit.vue';\nexport { default as Organizations } from './components/pages/Organizations.vue';\n\n// Forms\nexport { default as DepartmentForm } from './components/forms/DepartmentForm.vue';\nexport { default as InviteForm } from './components/forms/InviteForm.vue';\nexport { default as AddExistingMembersForm } from './components/forms/AddExistingMembersForm.vue';\n\n// Blocks\nexport { default as CardDepartment } from './components/blocks/CardDepartment.vue';\nexport { default as CardOrganization } from './components/blocks/CardOrganization.vue';\nexport { default as Contacts } from './components/blocks/Contacts.vue';\nexport { default as DepartmentSub } from './components/blocks/DepartmentSub.vue';\nexport { default as EmptyState } from './components/blocks/EmptyState.vue';\nexport { default as Rating } from './components/blocks/Rating.vue';\nexport { default as Socials } from './components/blocks/Socials.vue';\nexport { default as Unit } from './components/blocks/Unit.vue';\n\n// Sections\nexport { default as Documents } from './components/sections/Documents.vue';\nexport { default as MembersAdd } from './components/sections/MembersAdd.vue';\nexport { default as OrganizationsSection } from './components/sections/Organizations.vue';\nexport { default as Publics } from './components/sections/Publics.vue';\n\n// Elements\nexport { default as ButtonToggleMembership } from './components/elements/ButtonToggleMembership.vue';\n\nfunction initializeOrganization(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n  const routeUser = options.routeUser || 'User Profile Root';\n  const routeBackoffice = options.routeBackoffice || 'Backoffice Root';\n\n  // Root context: /organizations/*\n  if (!options.contexts || options.contexts.includes('client')) {\n    addRoutes(router, {\n      parentName: route,\n      basePath: 'organizations',\n      routes: routerRoot,\n      routeNamePrefix: '',\n      meta: {\n        context: 'root',\n        title: {\n          en: 'Organizations',\n          ru: 'Организации',\n        },\n        breadcrumbs: {\n          hidden: true,\n        },\n      },\n    });\n  }\n\n  // User context: /users/:_id/organizations/*\n  if (!options.contexts || options.contexts.includes('user')) {\n    addRoutes(router, {\n      parentName: routeUser,\n      basePath: 'organizations',\n      routes: routerUser,\n      routeNamePrefix: 'User',\n      meta: {\n        context: 'user',\n      },\n    });\n  }\n\n  // Backoffice context: /backoffice/organizations/*\n  if (!options.contexts || options.contexts.includes('backoffice')) {\n    addRoutes(router, {\n      parentName: routeBackoffice,\n      basePath: 'organizations',\n      routes: routerBackoffice,\n      routeNamePrefix: 'Backoffice',\n      meta: {\n        context: 'backoffice',\n      },\n    });\n  }\n\n  store.addStore('organizations', storeOrganizations);\n}\n\n// Functional exports\nexport {\n  departmentsStore,\n  invitesStore,\n  membershipsStore,\n  storeOrganizations,\n  initializeOrganization as initialize,\n};\n\nconst ModuleOrganization = {\n  initialize: initializeOrganization,\n  views: {\n    store: {\n      departmentsStore,\n      invitesStore,\n      membershipsStore,\n      storeOrganizations,\n    },\n    router: {\n      routerRoot,\n      routerUser,\n      routerBackoffice,\n    },\n  },\n};\n\n// [LOADING 35] Organizations module import completed\nperformance.mark('loading-35-end');\nperformance.measure('loading-35-total', 'loading-35-start', 'loading-35-end');\nconst totalTime = performance.getEntriesByName('loading-35-total')[0];\nconsole.log(`[LOADING 35] Organizations module fully imported in ${totalTime?.duration?.toFixed(2)}ms`);\n\nexport default ModuleOrganization;\n"],"names":["routerRoot","routerUser","routerBackoffice","storeOrganizations"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,YAAY,KAAK,kBAAkB;AACnC,QAAQ,IAAI,qDAAqD;AAQjE,YAAY,KAAK,uBAAuB;AACxC,MAAM,aAAa,YAAY,QAAQ,qBAAqB,oBAAoB,uBAAuB;AACvG,QAAQ,IAAI,2CAA2C,WAAW,SAAS,QAAQ,CAAC,CAAC,IAAI;AAQzF,YAAY,KAAK,uBAAuB;AACxC,MAAM,aAAa,YAAY,QAAQ,qBAAqB,yBAAyB,uBAAuB;AAC5G,QAAQ,IAAI,4CAA4C,WAAW,SAAS,QAAQ,CAAC,CAAC,IAAI;AAkC1F,SAAS,uBAAuB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAChE,QAAM,QAAQ,QAAQ,SAAS;AAC/B,QAAM,YAAY,QAAQ,aAAa;AACvC,QAAM,kBAAkB,QAAQ,mBAAmB;AAGnD,MAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,SAAS,QAAQ,GAAG;AAC5D,cAAU,QAAQ;AAAA,MAChB,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQA;AAAAA,MACR,iBAAiB;AAAA,MACjB,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,OAAO;AAAA,UACL,IAAI;AAAA,UACJ,IAAI;AAAA,QACd;AAAA,QACQ,aAAa;AAAA,UACX,QAAQ;AAAA,QAClB;AAAA,MACA;AAAA,IACA,CAAK;AAAA,EACH;AAGA,MAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,SAAS,MAAM,GAAG;AAC1D,cAAU,QAAQ;AAAA,MAChB,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQC;AAAAA,MACR,iBAAiB;AAAA,MACjB,MAAM;AAAA,QACJ,SAAS;AAAA,MACjB;AAAA,IACA,CAAK;AAAA,EACH;AAGA,MAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,SAAS,YAAY,GAAG;AAChE,cAAU,QAAQ;AAAA,MAChB,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQC;AAAAA,MACR,iBAAiB;AAAA,MACjB,MAAM;AAAA,QACJ,SAAS;AAAA,MACjB;AAAA,IACA,CAAK;AAAA,EACH;AAEA,QAAM,SAAS,iBAAiBC,aAAkB;AACpD;AAWK,MAAC,qBAAqB;AAAA,EACzB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACN,oBAAMA;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACZ,YAAMH;AAAAA,MACN,YAAMC;AAAAA,MACN,kBAAMC;AAAAA,IACN;AAAA,EACA;AACA;AAGA,YAAY,KAAK,gBAAgB;AACjC,YAAY,QAAQ,oBAAoB,oBAAoB,gBAAgB;AAC5E,MAAM,YAAY,YAAY,iBAAiB,kBAAkB,EAAE,CAAC;AACpE,QAAQ,IAAI,uDAAuD,WAAW,UAAU,QAAQ,CAAC,CAAC,IAAI;"}

package/dist/martyrs/src/modules/organizations/router/organizations.backoffice.router.js

@@ -1,3 +1,5 @@
+import { requiresAuth } from "../../auth/views/middlewares/auth.validation.js";
+import { navigationItems } from "../configs/navigation.organization.config.js";
 const organizationBackofficeRoutes = [
   {
     path: "",
@@ -12,6 +14,85 @@ const organizationBackofficeRoutes = [
       /* webpackChunkName: "organizations" */
       "../components/pages/Organizations.vue.js"
     )
+  },
+  {
+    path: ":_id",
+    name: "OrganizationRoot",
+    meta: {
+      title: {
+        en: "Group",
+        ru: "Группа"
+      },
+      sidebar_navigation_items: navigationItems
+    },
+    children: [
+      {
+        path: "",
+        name: "OrganizationProfile",
+        meta: {
+          title: {
+            en: "Group",
+            ru: "Группа"
+          },
+          breadcrumbs: {
+            hidden: true
+          }
+        },
+        component: () => import(
+          /* webpackChunkName: "organization" */
+          "../components/pages/Organization.vue.js"
+        )
+      },
+      {
+        path: "members",
+        name: "OrganizationMembers",
+        meta: {
+          title: {
+            en: "Members",
+            ru: "Участники"
+          }
+        },
+        component: () => import(
+          /* webpackChunkName: "organization-members" */
+          "../components/pages/Members.vue.js"
+        )
+      },
+      {
+        path: "members/invite",
+        name: "OrganizationInvite",
+        component: () => import(
+          /* webpackChunkName: "organization-members-add" */
+          "../components/sections/MembersAdd.vue.js"
+        )
+      },
+      {
+        path: "departments/:department",
+        name: "OrganizationDepartment",
+        meta: {
+          title: "Отдел"
+        },
+        beforeEnter: [requiresAuth],
+        component: () => import(
+          /* webpackChunkName: "organization-department" */
+          "../components/pages/Department.vue.js"
+        )
+      },
+      {
+        path: "edit",
+        name: "OrganizationEdit",
+        meta: {
+          title: {
+            en: "Edit Organization",
+            ru: "Редактировать Организацию"
+          }
+        },
+        beforeEnter: [requiresAuth],
+        component: () => import(
+          /* webpackChunkName: "organization-edit" */
+          "../components/pages/OrganizationEdit.vue.js"
+        )
+      }
+    ]
   }
 ];
 export {

package/dist/martyrs/src/modules/organizations/router/organizations.backoffice.router.js.map

@@ -1 +1 @@
-{"version":3,"file":"organizations.backoffice.router.js","sources":["../../../../../../src/modules/organizations/router/organizations.backoffice.router.js"],"sourcesContent":["const organizationBackofficeRoutes = [\n  {\n    path: '',\n    name: 'OrganizationsList',\n    meta: {\n      title: {\n        en: 'Organizations',\n        ru: 'Организации',\n      },\n    },\n    component: () => import(/* webpackChunkName: \"organizations\" */ '@martyrs/src/modules/organizations/components/pages/Organizations.vue'),\n  },\n];\n\nexport default organizationBackofficeRoutes;\n"],"names":[],"mappings":"AAAK,MAAC,+BAA+B;AAAA,EACnC;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,IACA;AAAA,IACI,WAAW,MAAM;AAAA;AAAA,MAA+C;AAAA,IAAuE;AAAA,EAC3I;AACA;"}
+{"version":3,"file":"organizations.backoffice.router.js","sources":["../../../../../../src/modules/organizations/router/organizations.backoffice.router.js"],"sourcesContent":["import * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';\nimport { navigationItems } from '@martyrs/src/modules/organizations/configs/navigation.organization.config.js';\n\nconst organizationBackofficeRoutes = [\n  {\n    path: '',\n    name: 'OrganizationsList',\n    meta: {\n      title: {\n        en: 'Organizations',\n        ru: 'Организации',\n      },\n    },\n    component: () => import(/* webpackChunkName: \"organizations\" */ '@martyrs/src/modules/organizations/components/pages/Organizations.vue'),\n  },\n  {\n    path: ':_id',\n    name: 'OrganizationRoot',\n    meta: {\n      title: {\n        en: 'Group',\n        ru: 'Группа',\n      },\n      sidebar_navigation_items: navigationItems,\n    },\n    children: [\n      {\n        path: '',\n        name: 'OrganizationProfile',\n        meta: {\n          title: {\n            en: 'Group',\n            ru: 'Группа',\n          },\n          breadcrumbs: {\n            hidden: true,\n          },\n        },\n        component: () => import(/* webpackChunkName: \"organization\" */ '@martyrs/src/modules/organizations/components/pages/Organization.vue'),\n      },\n      {\n        path: 'members',\n        name: 'OrganizationMembers',\n        meta: {\n          title: {\n            en: 'Members',\n            ru: 'Участники',\n          },\n        },\n        component: () => import(/* webpackChunkName: \"organization-members\" */ '@martyrs/src/modules/organizations/components/pages/Members.vue'),\n      },\n      {\n        path: 'members/invite',\n        name: 'OrganizationInvite',\n        component: () => import(/* webpackChunkName: \"organization-members-add\" */ '@martyrs/src/modules/organizations/components/sections/MembersAdd.vue'),\n      },\n      {\n        path: 'departments/:department',\n        name: 'OrganizationDepartment',\n        meta: {\n          title: 'Отдел',\n        },\n        beforeEnter: [validationAuth.requiresAuth],\n        component: () => import(/* webpackChunkName: \"organization-department\" */ '@martyrs/src/modules/organizations/components/pages/Department.vue'),\n      },\n      {\n        path: 'edit',\n        name: 'OrganizationEdit',\n        meta: {\n          title: {\n            en: 'Edit Organization',\n            ru: 'Редактировать Организацию',\n          },\n        },\n        beforeEnter: [validationAuth.requiresAuth],\n        component: () => import(/* webpackChunkName: \"organization-edit\" */ '@martyrs/src/modules/organizations/components/pages/OrganizationEdit.vue'),\n      },\n    ],\n  },\n];\n\nexport default organizationBackofficeRoutes;\n"],"names":["validationAuth.requiresAuth"],"mappings":";;AAGK,MAAC,+BAA+B;AAAA,EACnC;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,IACA;AAAA,IACI,WAAW,MAAM;AAAA;AAAA,MAA+C;AAAA,IAAuE;AAAA,EAC3I;AAAA,EACE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACZ;AAAA,MACM,0BAA0B;AAAA,IAChC;AAAA,IACI,UAAU;AAAA,MACR;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,aAAa;AAAA,YACX,QAAQ;AAAA,UACpB;AAAA,QACA;AAAA,QACQ,WAAW,MAAM;AAAA;AAAA,UAA8C;AAAA,QAAsE;AAAA,MAC7I;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,QACA;AAAA,QACQ,WAAW,MAAM;AAAA;AAAA,UAAsD;AAAA,QAAiE;AAAA,MAChJ;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW,MAAM;AAAA;AAAA,UAA0D;AAAA,QAAuE;AAAA,MAC1J;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,UACJ,OAAO;AAAA,QACjB;AAAA,QACQ,aAAa,CAACA,YAA2B;AAAA,QACzC,WAAW,MAAM;AAAA;AAAA,UAAyD;AAAA,QAAoE;AAAA,MACtJ;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,QACA;AAAA,QACQ,aAAa,CAACA,YAA2B;AAAA,QACzC,WAAW,MAAM;AAAA;AAAA,UAAmD;AAAA,QAA0E;AAAA,MACtJ;AAAA,IACA;AAAA,EACA;AACA;"}

package/dist/martyrs/src/modules/pages/views/components/pages/PageEdit.vue.js

@@ -5,7 +5,7 @@ import { actions, state } from "../../store/pages.js";
 import Button from "../../../../../components/Button/Button.vue2.js";
 /* empty css                                         */
 /* empty css                      */
-/* empty css                                            */
+/* empty css                                             */
 import _sfc_main$1 from "../../../../constructor/components/sections/Constructor.vue.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = {

package/dist/martyrs/src/modules/pages/views/components/pages/Pages.vue.js

@@ -28,7 +28,7 @@ const _sfc_main = {
         createVNode(_sfc_main$1, {
           title: "Pages",
           actions: [
-            { to: { name: "Backoffice Pages Add" }, label: "Create Page" }
+            { to: { name: "Backoffice Pages Add" }, label: "+ Add Page" }
           ],
           class: "mn-b-small bg-light bg-light radius-big"
         }),

package/dist/martyrs/src/modules/pages/views/components/pages/Pages.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pages.vue.js","sources":["../../../../../../../../src/modules/pages/views/components/pages/Pages.vue"],"sourcesContent":["<template>\n  <div>\n    <SectionPageTitle\n      title=\"Pages\"\n      :actions=\"[\n        { to: { name: 'Backoffice Pages Add'}, label: 'Create Page' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Block\n      v-if=\"pagesAll\"\n      class=\"mn-b-thin cols-1 gap-thin\"\n    >\n      <!-- Objects -->\n      <CardPage v-for=\"page in pagesAll\" :page=\"page\" :hasAdminRights=\"hasAdminRights\" class=\"bg-white pd-thin radius-small\"/>\n    </Block>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, ref, toRefs, computed } from 'vue'\n  \n  import { useRoute,useRouter } from 'vue-router'\n\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue'\n\n  import CardPage from '../blocks/CardPage.vue'\n\n  import * as pages from '../../store/pages.js'\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\n  import { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\n\n  const { \n    normalizeUrlParam, \n    joinArrayToUrl,\n    isAdmin\n  } = useGlobalMixins()\n\n  const hasAdminRights = computed(() => {\n    return isAdmin(auth.state.access.roles)\n  })\n\n\n  const route = useRoute()\n  const router = useRouter()\n\n  const pagesAll = ref(null)\n\n  onMounted(async () => {\n    pagesAll.value = await pages.actions.read()\n  })\n\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["auth.state","pages.actions"],"mappings":";;;;;;;;;;;AAmCE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,IACJ,IAAM,gBAAe;AAEnB,UAAM,iBAAiB,SAAS,MAAM;AACpC,aAAO,QAAQA,MAAW,OAAO,KAAK;AAAA,IACxC,CAAC;AAGa,aAAQ;AACP,cAAS;AAExB,UAAM,WAAW,IAAI,IAAI;AAEzB,cAAU,YAAY;AACpB,eAAS,QAAQ,MAAMC,QAAc,KAAI;AAAA,IAC3C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Pages.vue.js","sources":["../../../../../../../../src/modules/pages/views/components/pages/Pages.vue"],"sourcesContent":["<template>\n  <div>\n    <SectionPageTitle\n      title=\"Pages\"\n      :actions=\"[\n        { to: { name: 'Backoffice Pages Add'}, label: '+ Add Page' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Block\n      v-if=\"pagesAll\"\n      class=\"mn-b-thin cols-1 gap-thin\"\n    >\n      <!-- Objects -->\n      <CardPage v-for=\"page in pagesAll\" :page=\"page\" :hasAdminRights=\"hasAdminRights\" class=\"bg-white pd-thin radius-small\"/>\n    </Block>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, ref, toRefs, computed } from 'vue'\n  \n  import { useRoute,useRouter } from 'vue-router'\n\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue'\n\n  import CardPage from '../blocks/CardPage.vue'\n\n  import * as pages from '../../store/pages.js'\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\n  import { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\n\n  const { \n    normalizeUrlParam, \n    joinArrayToUrl,\n    isAdmin\n  } = useGlobalMixins()\n\n  const hasAdminRights = computed(() => {\n    return isAdmin(auth.state.access.roles)\n  })\n\n\n  const route = useRoute()\n  const router = useRouter()\n\n  const pagesAll = ref(null)\n\n  onMounted(async () => {\n    pagesAll.value = await pages.actions.read()\n  })\n\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["auth.state","pages.actions"],"mappings":";;;;;;;;;;;AAmCE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,IACJ,IAAM,gBAAe;AAEnB,UAAM,iBAAiB,SAAS,MAAM;AACpC,aAAO,QAAQA,MAAW,OAAO,KAAK;AAAA,IACxC,CAAC;AAGa,aAAQ;AACP,cAAS;AAExB,UAAM,WAAW,IAAI,IAAI;AAEzB,cAAU,YAAY;AACpB,eAAS,QAAQ,MAAMC,QAAc,KAAI;AAAA,IAC3C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/pages/views/router/pages.router.js

@@ -64,7 +64,7 @@ function getRoutes(options = {}) {
   const routes = [];
   const routeHome = options.route?.home || options.routeHome || "Home";
   const routeBackoffice = options.route?.backoffice || options.routeBackoffice || "Backoffice Root";
-  routes.push({
+  if (!options.contexts || options.contexts.includes("client")) routes.push({
     parentName: routeHome,
     config: {
       basePath: options.publicBasePath || "pages",
@@ -78,7 +78,7 @@ function getRoutes(options = {}) {
       routes: createPublicRoutes(options)
     }
   });
-  if (!options.withBackoffice) {
+  if (!options.contexts || options.contexts.includes("backoffice")) {
     routes.push({
       parentName: routeBackoffice,
       config: {

package/dist/martyrs/src/modules/pages/views/router/pages.router.js.map

@@ -1 +1 @@
-{"version":3,"file":"pages.router.js","sources":["../../../../../../../src/modules/pages/views/router/pages.router.js"],"sourcesContent":["import layoutEmpty from '@martyrs/src/modules/core/views/components/layouts/Empty.vue';\nimport Navigation from '@martyrs/src/modules/core/views/components/partials/Navigation.vue';\nimport { navigationItems } from '@martyrs/src/modules/backoffice/configs/navigation.backoffice.config.js';\nimport SidebarPages from '../components/partials/SidebarPages.vue';\n\nfunction createPublicRoutes(options = {}) {\n  return [\n    {\n      path: ':url+',\n      name: options.publicRouteName || 'Page',\n      meta: {\n        title: {\n          en: 'Page',\n          ru: 'Страница',\n        },\n      },\n      component: () => import(\n        /* webpackChunkName: 'Page' */\n        '../components/pages/Page.vue'\n      ),\n    },\n  ];\n}\n\nfunction createBackofficeRoutes(options = {}) {\n  return [\n    {\n      path: '',\n      name: 'Pages',\n      component: () => import(\n        /* webpackChunkName: 'Pages' */\n        '../components/pages/Pages.vue'\n      ),\n    },\n    {\n      path: 'add',\n      name: 'Pages Add',\n      meta: {\n        title: {\n          en: 'New Page',\n        },\n        sidebar: SidebarPages,\n      },\n      component: () => import(\n        /* webpackChunkName: 'Pages' */\n        '../components/pages/PageEdit.vue'\n      ),\n    },\n    {\n      path: ':url+',\n      name: 'Pages Edit',\n      meta: {\n        title: {\n          en: 'Edit Page',\n        },\n        sidebar: SidebarPages,\n      },\n      component: () => import(\n        /* webpackChunkName: 'Pages' */\n        '../components/pages/PageEdit.vue'\n      ),\n    },\n  ];\n}\n\nexport function getRoutes(options = {}) {\n  const routes = [];\n  const routeHome = options.route?.home || options.routeHome || 'Home';\n  const routeBackoffice = options.route?.backoffice || options.routeBackoffice || 'Backoffice Root';\n\n  routes.push({\n    parentName: routeHome,\n    config: {\n      basePath: options.publicBasePath || 'pages',\n      component: options.publicLayout || layoutEmpty,\n      meta: {\n        title: {\n          en: 'Pages',\n          ru: 'Информация',\n        },\n      },\n      routes: createPublicRoutes(options),\n    },\n  });\n\n  if (!options.withBackoffice) {\n    routes.push({\n      parentName: routeBackoffice,\n      config: {\n        basePath: options.backofficeBasePath || 'pages',\n        routeNamePrefix: options.backofficeRouteNamePrefix || 'Backoffice ',\n        meta: {\n          title: {\n            en: 'Pages',\n          },\n          sidebar_navigation: Navigation,\n          sidebar_navigation_items: navigationItems,\n        },\n        routes: createBackofficeRoutes(options),\n      },\n    });\n  }\n\n  return routes;\n}\n\nexport default { getRoutes };\n"],"names":["SidebarPages"],"mappings":";;;;AAKA,SAAS,mBAAmB,UAAU,IAAI;AACxC,SAAO;AAAA,IACL;AAAA,MACE,MAAM;AAAA,MACN,MAAM,QAAQ,mBAAmB;AAAA,MACjC,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,IAAI;AAAA,UACJ,IAAI;AAAA,QACd;AAAA,MACA;AAAA,MACM,WAAW,MAAM;AAAA;AAAA,QAEf;AAAA,MACR;AAAA,IACA;AAAA,EACA;AACA;AAEA,SAAS,uBAAuB,UAAU,IAAI;AAC5C,SAAO;AAAA,IACL;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM;AAAA;AAAA,QAEf;AAAA,MACR;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,IAAI;AAAA,QACd;AAAA,QACQ,SAASA;AAAAA,MACjB;AAAA,MACM,WAAW,MAAM;AAAA;AAAA,QAEf;AAAA,MACR;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,IAAI;AAAA,QACd;AAAA,QACQ,SAASA;AAAAA,MACjB;AAAA,MACM,WAAW,MAAM;AAAA;AAAA,QAEf;AAAA,MACR;AAAA,IACA;AAAA,EACA;AACA;AAEO,SAAS,UAAU,UAAU,IAAI;AACtC,QAAM,SAAS,CAAA;AACf,QAAM,YAAY,QAAQ,OAAO,QAAQ,QAAQ,aAAa;AAC9D,QAAM,kBAAkB,QAAQ,OAAO,cAAc,QAAQ,mBAAmB;AAEhF,SAAO,KAAK;AAAA,IACV,YAAY;AAAA,IACZ,QAAQ;AAAA,MACN,UAAU,QAAQ,kBAAkB;AAAA,MACpC,WAAW,QAAQ,gBAAgB;AAAA,MACnC,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,IAAI;AAAA,UACJ,IAAI;AAAA,QACd;AAAA,MACA;AAAA,MACM,QAAQ,mBAAmB,OAAO;AAAA,IACxC;AAAA,EACA,CAAG;AAED,MAAI,CAAC,QAAQ,gBAAgB;AAC3B,WAAO,KAAK;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,QACN,UAAU,QAAQ,sBAAsB;AAAA,QACxC,iBAAiB,QAAQ,6BAA6B;AAAA,QACtD,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,UAChB;AAAA,UACU,oBAAoB;AAAA,UACpB,0BAA0B;AAAA,QACpC;AAAA,QACQ,QAAQ,uBAAuB,OAAO;AAAA,MAC9C;AAAA,IACA,CAAK;AAAA,EACH;AAEA,SAAO;AACT;"}
+{"version":3,"file":"pages.router.js","sources":["../../../../../../../src/modules/pages/views/router/pages.router.js"],"sourcesContent":["import layoutEmpty from '@martyrs/src/modules/core/views/components/layouts/Empty.vue';\nimport Navigation from '@martyrs/src/modules/core/views/components/partials/Navigation.vue';\nimport { navigationItems } from '@martyrs/src/modules/backoffice/configs/navigation.backoffice.config.js';\nimport SidebarPages from '../components/partials/SidebarPages.vue';\n\nfunction createPublicRoutes(options = {}) {\n  return [\n    {\n      path: ':url+',\n      name: options.publicRouteName || 'Page',\n      meta: {\n        title: {\n          en: 'Page',\n          ru: 'Страница',\n        },\n      },\n      component: () => import(\n        /* webpackChunkName: 'Page' */\n        '../components/pages/Page.vue'\n      ),\n    },\n  ];\n}\n\nfunction createBackofficeRoutes(options = {}) {\n  return [\n    {\n      path: '',\n      name: 'Pages',\n      component: () => import(\n        /* webpackChunkName: 'Pages' */\n        '../components/pages/Pages.vue'\n      ),\n    },\n    {\n      path: 'add',\n      name: 'Pages Add',\n      meta: {\n        title: {\n          en: 'New Page',\n        },\n        sidebar: SidebarPages,\n      },\n      component: () => import(\n        /* webpackChunkName: 'Pages' */\n        '../components/pages/PageEdit.vue'\n      ),\n    },\n    {\n      path: ':url+',\n      name: 'Pages Edit',\n      meta: {\n        title: {\n          en: 'Edit Page',\n        },\n        sidebar: SidebarPages,\n      },\n      component: () => import(\n        /* webpackChunkName: 'Pages' */\n        '../components/pages/PageEdit.vue'\n      ),\n    },\n  ];\n}\n\nexport function getRoutes(options = {}) {\n  const routes = [];\n  const routeHome = options.route?.home || options.routeHome || 'Home';\n  const routeBackoffice = options.route?.backoffice || options.routeBackoffice || 'Backoffice Root';\n\n  if (!options.contexts || options.contexts.includes('client')) routes.push({\n    parentName: routeHome,\n    config: {\n      basePath: options.publicBasePath || 'pages',\n      component: options.publicLayout || layoutEmpty,\n      meta: {\n        title: {\n          en: 'Pages',\n          ru: 'Информация',\n        },\n      },\n      routes: createPublicRoutes(options),\n    },\n  });\n\n  if (!options.contexts || options.contexts.includes('backoffice')) {\n    routes.push({\n      parentName: routeBackoffice,\n      config: {\n        basePath: options.backofficeBasePath || 'pages',\n        routeNamePrefix: options.backofficeRouteNamePrefix || 'Backoffice ',\n        meta: {\n          title: {\n            en: 'Pages',\n          },\n          sidebar_navigation: Navigation,\n          sidebar_navigation_items: navigationItems,\n        },\n        routes: createBackofficeRoutes(options),\n      },\n    });\n  }\n\n  return routes;\n}\n\nexport default { getRoutes };\n"],"names":["SidebarPages"],"mappings":";;;;AAKA,SAAS,mBAAmB,UAAU,IAAI;AACxC,SAAO;AAAA,IACL;AAAA,MACE,MAAM;AAAA,MACN,MAAM,QAAQ,mBAAmB;AAAA,MACjC,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,IAAI;AAAA,UACJ,IAAI;AAAA,QACd;AAAA,MACA;AAAA,MACM,WAAW,MAAM;AAAA;AAAA,QAEf;AAAA,MACR;AAAA,IACA;AAAA,EACA;AACA;AAEA,SAAS,uBAAuB,UAAU,IAAI;AAC5C,SAAO;AAAA,IACL;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW,MAAM;AAAA;AAAA,QAEf;AAAA,MACR;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,IAAI;AAAA,QACd;AAAA,QACQ,SAASA;AAAAA,MACjB;AAAA,MACM,WAAW,MAAM;AAAA;AAAA,QAEf;AAAA,MACR;AAAA,IACA;AAAA,IACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,IAAI;AAAA,QACd;AAAA,QACQ,SAASA;AAAAA,MACjB;AAAA,MACM,WAAW,MAAM;AAAA;AAAA,QAEf;AAAA,MACR;AAAA,IACA;AAAA,EACA;AACA;AAEO,SAAS,UAAU,UAAU,IAAI;AACtC,QAAM,SAAS,CAAA;AACf,QAAM,YAAY,QAAQ,OAAO,QAAQ,QAAQ,aAAa;AAC9D,QAAM,kBAAkB,QAAQ,OAAO,cAAc,QAAQ,mBAAmB;AAEhF,MAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,SAAS,QAAQ,EAAG,QAAO,KAAK;AAAA,IACxE,YAAY;AAAA,IACZ,QAAQ;AAAA,MACN,UAAU,QAAQ,kBAAkB;AAAA,MACpC,WAAW,QAAQ,gBAAgB;AAAA,MACnC,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,IAAI;AAAA,UACJ,IAAI;AAAA,QACd;AAAA,MACA;AAAA,MACM,QAAQ,mBAAmB,OAAO;AAAA,IACxC;AAAA,EACA,CAAG;AAED,MAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,SAAS,YAAY,GAAG;AAChE,WAAO,KAAK;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,QACN,UAAU,QAAQ,sBAAsB;AAAA,QACxC,iBAAiB,QAAQ,6BAA6B;AAAA,QACtD,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,UAChB;AAAA,UACU,oBAAoB;AAAA,UACpB,0BAA0B;AAAA,QACpC;AAAA,QACQ,QAAQ,uBAAuB,OAAO;AAAA,MAC9C;AAAA,IACA,CAAK;AAAA,EACH;AAEA,SAAO;AACT;"}

package/dist/martyrs/src/modules/products/components/blocks/CardPosition.vue.js

@@ -12,7 +12,7 @@ const _hoisted_5 = { class: "w-100 pd-micro truncate trimmed capitalize fw-mediu
 const _hoisted_6 = { class: "flex pd-micro flex-v-center gap-micro w-max" };
 const _hoisted_7 = {
   key: 1,
-  class: "t-transp p-small d-inline-block fw-medium"
+  class: "opacity-50 p-small d-inline-block fw-medium"
 };
 const _hoisted_8 = { class: "flex gap-thin" };
 const _hoisted_9 = ["onClick"];

package/dist/martyrs/src/modules/products/components/blocks/CardPosition.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardPosition.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardPosition.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\">\n    <!-- Thumbnail image -->\n    <div v-if=\"showThumbnail\" class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n      <img\n        v-if=\"image && image.length > 0\"\n        :src=\"(FILE_SERVER_URL || '') + image\"\n        alt=\"Item image\"\n        class=\"w-100 h-100 object-fit-cover\"\n      />\n      <PlaceholderImage v-else class=\"w-100 h-100\" />\n    </div>\n    \n    <!-- Item details -->\n    <div class=\"mn-micro-negative flex flex-column w-100 o-hidden\">\n      <p class=\"w-100 pd-micro truncate trimmed capitalize fw-medium\">{{ name || 'Unnamed Product' }}</p>\n      \n      <div class=\"flex pd-micro flex-v-center gap-micro w-max \">\n      \t<span v-if=\"title\" :class=\"title_class\" class=\"t-dark  d-inline-block fw-demi\">{{title}}</span>\n      \t<span v-if=\"subtitle\" class=\"t-transp p-small d-inline-block fw-medium\">{{ subtitle }}</span>\n      </div>\n    \t<slot></slot>\n    </div>\n    <!-- <p>\n     \n\n      <span class=\"p-small t-transp\">\n        <template v-if=\"product.quantity\">{{returnCurrency() }}{{product.price}} </template>\n        × \n        <template v-if=\"product.listing === 'rent' && rentDates.start && rentDates.end\">\n          {{ rentalDays }} days\n        </template>\n        \n        <template v-else>\n          {{ product.quantity || 0 }} {{ product.unit || 'pcs' }}\n        </template>\n      </span>\n    </p>  -->\n    \n    <!-- Actions -->\n    <div class=\"flex gap-thin\">\n      <template v-for=\"(action, index) in actions\" :key=\"index\">\n        <div \n          :class=\"action.class || 'bg-light'\"\n          class=\"radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover:scale-[1.05]\"\n          @click=\"() => action.handler(item, index)\"\n        >\n          <component\n            :is=\"action.component\"\n            class=\"i-medium\"\n          />\n        </div>\n      </template>\n      <slot name=\"actions\"></slot>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { defineProps } from 'vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { formatPrice } = useGlobalMixins();\n\nconst props = defineProps({\n\timage: {\n    type: String,\n  },\n  name: {\n    type: String,\n  },\n  title: {\n    type: String,\n  },\n  title_class: {\n  \ttype: Array\n  },\n  subtitle: {\n    type: String,\n  },\n  showThumbnail: {\n    type: Boolean,\n    default: true\n  },\n  actions: {\n    type: Array,\n    default: () => []\n    // Expected format:\n    // [\n    //   {\n    //     component: IconEdit,\n    //     handler: (item, index) => {},\n    //     class: 'bg-light' // optional custom class\n    //   }\n    // ]\n  }\n});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,UAAM,EAAE,YAAW,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardPosition.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardPosition.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\">\n    <!-- Thumbnail image -->\n    <div v-if=\"showThumbnail\" class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n      <img\n        v-if=\"image && image.length > 0\"\n        :src=\"(FILE_SERVER_URL || '') + image\"\n        alt=\"Item image\"\n        class=\"w-100 h-100 object-fit-cover\"\n      />\n      <PlaceholderImage v-else class=\"w-100 h-100\" />\n    </div>\n    \n    <!-- Item details -->\n    <div class=\"mn-micro-negative flex flex-column w-100 o-hidden\">\n      <p class=\"w-100 pd-micro truncate trimmed capitalize fw-medium\">{{ name || 'Unnamed Product' }}</p>\n      \n      <div class=\"flex pd-micro flex-v-center gap-micro w-max \">\n      \t<span v-if=\"title\" :class=\"title_class\" class=\"t-dark  d-inline-block fw-demi\">{{title}}</span>\n      \t<span v-if=\"subtitle\" class=\"opacity-50 p-small d-inline-block fw-medium\">{{ subtitle }}</span>\n      </div>\n    \t<slot></slot>\n    </div>\n    <!-- <p>\n     \n\n      <span class=\"p-small opacity-50\">\n        <template v-if=\"product.quantity\">{{returnCurrency() }}{{product.price}} </template>\n        × \n        <template v-if=\"product.listing === 'rent' && rentDates.start && rentDates.end\">\n          {{ rentalDays }} days\n        </template>\n        \n        <template v-else>\n          {{ product.quantity || 0 }} {{ product.unit || 'pcs' }}\n        </template>\n      </span>\n    </p>  -->\n    \n    <!-- Actions -->\n    <div class=\"flex gap-thin\">\n      <template v-for=\"(action, index) in actions\" :key=\"index\">\n        <div \n          :class=\"action.class || 'bg-light'\"\n          class=\"radius-small pd-small flex-center flex aspect-1x1 cursor-pointer hover:scale-[1.05]\"\n          @click=\"() => action.handler(item, index)\"\n        >\n          <component\n            :is=\"action.component\"\n            class=\"i-medium\"\n          />\n        </div>\n      </template>\n      <slot name=\"actions\"></slot>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { defineProps } from 'vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { formatPrice } = useGlobalMixins();\n\nconst props = defineProps({\n\timage: {\n    type: String,\n  },\n  name: {\n    type: String,\n  },\n  title: {\n    type: String,\n  },\n  title_class: {\n  \ttype: Array\n  },\n  subtitle: {\n    type: String,\n  },\n  showThumbnail: {\n    type: Boolean,\n    default: true\n  },\n  actions: {\n    type: Array,\n    default: () => []\n    // Expected format:\n    // [\n    //   {\n    //     component: IconEdit,\n    //     handler: (item, index) => {},\n    //     class: 'bg-light' // optional custom class\n    //   }\n    // ]\n  }\n});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,UAAM,EAAE,YAAW,IAAK,gBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/CardProduct.vue.js

@@ -18,7 +18,7 @@ const _hoisted_5 = {
 const _hoisted_6 = { class: "pd-small cols-1 t-left" };
 const _hoisted_7 = {
   key: 0,
-  class: "fw-semi t-transp p-small mn-b-thin"
+  class: "fw-semi opacity-50 p-small mn-b-thin"
 };
 const _hoisted_8 = {
   style: { "hyphens": "auto" },
@@ -26,7 +26,7 @@ const _hoisted_8 = {
 };
 const _hoisted_9 = {
   key: 1,
-  class: "mn-b-small t-transp p-small"
+  class: "mn-b-small opacity-50 p-small"
 };
 const _hoisted_10 = {
   key: 2,

package/dist/martyrs/src/modules/products/components/blocks/CardProduct.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardProduct.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardProduct.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\n\t\t\tradius-medium \n\t\t\tcols-1\n\t\t\to-hidden\n\t\t\tpos-relative\n\t\t\"\n\t>\n\t\t<!-- Edit Button -->\n\t\t<router-link\n\t\t\tv-if=\"access\"\n      :to=\"editPath\"\n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-medium\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\t\t<!-- Product Image Sqaure -->\n\t\t<div \n\t\t\tclass=\"o-hidden d-flex  pd-thin pd-b-zero radius-medium o-hidden w-100 pos-relative aspect-1x1\"\n\t\t>\n\t\t\t<div class=\"w-100  h-100 pos-relative\">\n\t\t\t\t<!-- Image Wrappers  -->\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"product.images?.[0]\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + (product.images?.[0] || '').split('/').slice(0, -1).join('/') + '/thumbnail_' + (product.images?.[0] || '').split('/').pop()\"\n\t\t\t\t\tclass=\"pos-absolute object-fit-cover radius-small h-max-100 h-100  w-100\"\n\t\t\t\t>\n\n\t\t\t\t<PlaceholderImage\n\t\t\t\t\tv-else\n\t\t\t\t\tclass=\"radius-medium h-100 w-100\"\n\t\t\t\t/>\n\t\t\t\t<span v-if=\"product.available <= 0 && product.listing !== 'rent'\" class=\"pos-absolute bg-white t-black pd-thin radius-medium p-small fw-medium pos-t-small pos-l-small\">Out of Stock</span>\n\t\t\t\t<THC v-if=\"product.attributes?.length > 0 && product.attributes[1]?.name === 'THC'\" :product=\"product\" />\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Product Info Start -->\n\t\t<div  class=\"pd-small cols-1 t-left\">\n\t\t\t<!-- Detail -->\n\t\t\t<p\n\t\t\t\tv-if=\"product.attributes?.length > 0\"\n\t\t\t\tclass=\"fw-semi t-transp p-small mn-b-thin\"\n\t\t\t>\n\t\t\t\t{{product.attributes[0]?.value}}\n\t\t\t</p>\n\t\t\t<!-- Name -->\n\t\t\t<span style=\" hyphens: auto;\" class=\"word-break truncate p-regular mn-b-micro w-100 w-max-100 \">\n\t\t\t\t{{product.name}}\n\t\t\t</span>\n\n\t\t\t<p \n\t\t\t\tv-if=\"product.description && !product.translations && product.listing !== 'rent'\" \n\t\t\t\tclass=\"mn-b-small t-transp p-small\"\n\t\t\t>\n\t\t\t\t{{product.description.substring(0, 99)}}...\n\t\t\t</p>\n\n\t\t\t<slot></slot>\n\n\t\t\t<div v-if=\"product.variants?.length > 0\" class=\"flex-v-center flex-nowrap flex\">\n\t\t\t\t<Price \n\t\t\t\t\t:product=\"product\" \n\t\t\t\t\tsize=\"small\" \n\t\t\t\t\tclass=\"bg-white h-100 p-regular flex flex-center pd-thin radius-small mn-r-auto\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<button\n\t\t\t\t\tv-if=\"showAddToCart\"\n\t\t      class=\"\n\t\t        cursor-pointer \n\t\t        radius-extra pd-thin bg-main\n\t\t      \"\n\t\t    >\n\t\t      <IconShopcartAdd\n\t\t\t\t\t\tclass=\"icon-button-main i-medium\"\n\t\t\t\t\t/>\n\t\t    </button>\n\t\t  </div>\n\t\t</div>\n\n\t</div>\n\n</template>\n\n\n<script setup=\"props\">\n\timport {computed } from 'vue'\n\timport { useI18n }    from 'vue-i18n'\n\timport { useRoute } from 'vue-router'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\n\n\timport THC from '@martyrs/src/modules/products/components/elements/THC.vue'\n\timport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\n\n\timport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\tconst route = useRoute()\n\n\tconst props = defineProps({\n\t\tproduct: {\n\t\t\ttype: Object\n\t\t},\n\t\taccess: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\torganization: {\n\t\t\ttype: String\n\t\t},\n\t\tshowAddToCart: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tuser: {\n\t\t\ttype: [Object, String]\n\t\t},\n\t\ttype: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n  const { t } = useI18n()\n\n\tconst editPath = computed(() => {\n\t\tif (route.meta.context === 'backoffice') {\n\t\t\treturn `/backoffice/products/${props.product._id}/edit`\n\t\t}\n\t\tif (route.meta.context === 'organization' || props.organization) {\n\t\t\tconst orgId = props.organization || route.params._id\n\t\t\treturn `/organizations/${orgId}/products/${props.product._id}/edit`\n\t\t}\n\t\treturn `/products/${props.product._id}/edit`\n\t})\n</script>\n\n<style lang=\"scss\">\n.word-break {\n  width: 100%; \n  overflow: auto;\n  overflow-wrap: break-word;\n  word-break: break-all;\n  white-space: -moz-pre-wrap;\n  white-space: -hp-pre-wrap;\n  white-space: -o-pre-wrap;\n  white-space: -pre-wrap; \n  white-space: pre-wrap; \n  white-space: pre-line; \n  word-wrap: break-word;\n}\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6GC,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAuBb,UAAM,EAAE,EAAC,IAAK,QAAO;AAEtB,UAAM,WAAW,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK,YAAY,cAAc;AACxC,eAAO,wBAAwB,MAAM,QAAQ,GAAG;AAAA,MACjD;AACA,UAAI,MAAM,KAAK,YAAY,kBAAkB,MAAM,cAAc;AAChE,cAAM,QAAQ,MAAM,gBAAgB,MAAM,OAAO;AACjD,eAAO,kBAAkB,KAAK,aAAa,MAAM,QAAQ,GAAG;AAAA,MAC7D;AACA,aAAO,aAAa,MAAM,QAAQ,GAAG;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardProduct.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardProduct.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"\n\t\t\tradius-medium \n\t\t\tcols-1\n\t\t\to-hidden\n\t\t\tpos-relative\n\t\t\"\n\t>\n\t\t<!-- Edit Button -->\n\t\t<router-link\n\t\t\tv-if=\"access\"\n      :to=\"editPath\"\n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-medium\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\t\t<!-- Product Image Sqaure -->\n\t\t<div \n\t\t\tclass=\"o-hidden d-flex  pd-thin pd-b-zero radius-medium o-hidden w-100 pos-relative aspect-1x1\"\n\t\t>\n\t\t\t<div class=\"w-100  h-100 pos-relative\">\n\t\t\t\t<!-- Image Wrappers  -->\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"product.images?.[0]\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + (product.images?.[0] || '').split('/').slice(0, -1).join('/') + '/thumbnail_' + (product.images?.[0] || '').split('/').pop()\"\n\t\t\t\t\tclass=\"pos-absolute object-fit-cover radius-small h-max-100 h-100  w-100\"\n\t\t\t\t>\n\n\t\t\t\t<PlaceholderImage\n\t\t\t\t\tv-else\n\t\t\t\t\tclass=\"radius-medium h-100 w-100\"\n\t\t\t\t/>\n\t\t\t\t<span v-if=\"product.available <= 0 && product.listing !== 'rent'\" class=\"pos-absolute bg-white t-black pd-thin radius-medium p-small fw-medium pos-t-small pos-l-small\">Out of Stock</span>\n\t\t\t\t<THC v-if=\"product.attributes?.length > 0 && product.attributes[1]?.name === 'THC'\" :product=\"product\" />\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Product Info Start -->\n\t\t<div  class=\"pd-small cols-1 t-left\">\n\t\t\t<!-- Detail -->\n\t\t\t<p\n\t\t\t\tv-if=\"product.attributes?.length > 0\"\n\t\t\t\tclass=\"fw-semi opacity-50 p-small mn-b-thin\"\n\t\t\t>\n\t\t\t\t{{product.attributes[0]?.value}}\n\t\t\t</p>\n\t\t\t<!-- Name -->\n\t\t\t<span style=\" hyphens: auto;\" class=\"word-break truncate p-regular mn-b-micro w-100 w-max-100 \">\n\t\t\t\t{{product.name}}\n\t\t\t</span>\n\n\t\t\t<p \n\t\t\t\tv-if=\"product.description && !product.translations && product.listing !== 'rent'\" \n\t\t\t\tclass=\"mn-b-small opacity-50 p-small\"\n\t\t\t>\n\t\t\t\t{{product.description.substring(0, 99)}}...\n\t\t\t</p>\n\n\t\t\t<slot></slot>\n\n\t\t\t<div v-if=\"product.variants?.length > 0\" class=\"flex-v-center flex-nowrap flex\">\n\t\t\t\t<Price \n\t\t\t\t\t:product=\"product\" \n\t\t\t\t\tsize=\"small\" \n\t\t\t\t\tclass=\"bg-white h-100 p-regular flex flex-center pd-thin radius-small mn-r-auto\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<button\n\t\t\t\t\tv-if=\"showAddToCart\"\n\t\t      class=\"\n\t\t        cursor-pointer \n\t\t        radius-extra pd-thin bg-main\n\t\t      \"\n\t\t    >\n\t\t      <IconShopcartAdd\n\t\t\t\t\t\tclass=\"icon-button-main i-medium\"\n\t\t\t\t\t/>\n\t\t    </button>\n\t\t  </div>\n\t\t</div>\n\n\t</div>\n\n</template>\n\n\n<script setup=\"props\">\n\timport {computed } from 'vue'\n\timport { useI18n }    from 'vue-i18n'\n\timport { useRoute } from 'vue-router'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\n\n\timport THC from '@martyrs/src/modules/products/components/elements/THC.vue'\n\timport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\n\n\timport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\tconst route = useRoute()\n\n\tconst props = defineProps({\n\t\tproduct: {\n\t\t\ttype: Object\n\t\t},\n\t\taccess: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\torganization: {\n\t\t\ttype: String\n\t\t},\n\t\tshowAddToCart: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tuser: {\n\t\t\ttype: [Object, String]\n\t\t},\n\t\ttype: {\n\t\t\ttype: Object\n\t\t}\n\t})\n\n  const { t } = useI18n()\n\n\tconst editPath = computed(() => {\n\t\tif (route.meta.context === 'backoffice') {\n\t\t\treturn `/backoffice/products/${props.product._id}/edit`\n\t\t}\n\t\tif (route.meta.context === 'organization' || props.organization) {\n\t\t\tconst orgId = props.organization || route.params._id\n\t\t\treturn `/organizations/${orgId}/products/${props.product._id}/edit`\n\t\t}\n\t\treturn `/products/${props.product._id}/edit`\n\t})\n</script>\n\n<style lang=\"scss\">\n.word-break {\n  width: 100%; \n  overflow: auto;\n  overflow-wrap: break-word;\n  word-break: break-all;\n  white-space: -moz-pre-wrap;\n  white-space: -hp-pre-wrap;\n  white-space: -o-pre-wrap;\n  white-space: -pre-wrap; \n  white-space: pre-wrap; \n  white-space: pre-line; \n  word-wrap: break-word;\n}\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6GC,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAuBb,UAAM,EAAE,EAAC,IAAK,QAAO;AAEtB,UAAM,WAAW,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK,YAAY,cAAc;AACxC,eAAO,wBAAwB,MAAM,QAAQ,GAAG;AAAA,MACjD;AACA,UAAI,MAAM,KAAK,YAAY,kBAAkB,MAAM,cAAc;AAChE,cAAM,QAAQ,MAAM,gBAAgB,MAAM,OAAO;AACjD,eAAO,kBAAkB,KAAK,aAAa,MAAM,QAAQ,GAAG;AAAA,MAC7D;AACA,aAAO,aAAa,MAAM,QAAQ,GAAG;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/ProductDiscounts.vue.js

@@ -1,7 +1,7 @@
 import { computed, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, Fragment, renderList, withCtx, toDisplayString, unref } from "vue";
 import _sfc_main$1 from "../../../icons/entities/IconDiscount.vue.js";
 import _sfc_main$3 from "../../../../components/Chips/Chips.vue.js";
-import _sfc_main$2 from "../../../../components/Tooltip/Tooltip.vue2.js";
+import _sfc_main$2 from "../../../../components/Tooltip/Tooltip.vue.js";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 /* empty css                      */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
@@ -14,7 +14,7 @@ const _hoisted_6 = { class: "discount-name fw-semi p-regular" };
 const _hoisted_7 = { class: "t-main p-regular" };
 const _hoisted_8 = {
   key: 0,
-  class: "t-small mn-t-thin t-transp"
+  class: "t-small mn-t-thin opacity-50"
 };
 const _hoisted_9 = {
   key: 1,
@@ -122,7 +122,7 @@ const _sfc_main = {
     };
   }
 };
-const ProductDiscounts = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-75ed8485"]]);
+const ProductDiscounts = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f23f703d"]]);
 export {
   ProductDiscounts as default
 };

package/dist/martyrs/src/modules/products/components/blocks/ProductDiscounts.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductDiscounts.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ProductDiscounts.vue"],"sourcesContent":["<template>\n  <div v-if=\"discounts && discounts.length\">\n    <div class=\"mn-b-small flex-nowrap flex flex-v-center\">\n      <IconDiscount class=\"mn-r-micro i-medium\"/>\n      <p class=\"fw-medium\">Special Offers</p>\n    </div>\n\n    <div class=\"flex flex-column flex-wrap gap-thin\">\n      <div \n        v-for=\"(discount, index) in discounts\" \n        :key=\"index\" \n        class=\"discount-card bg-light pd-small radius-small br-1px br-light cursor-pointer \"\n        @click=\"selectDiscount(discount)\"\n      >\n        <div class=\"flex flex-wrap gap-thin flex-v-center w-100\">\n\n          <Tooltip :text=\"discount.description || 'No description'\">\n            <span class=\"discount-name fw-semi p-regular\">{{ discount.name }}</span>\n          </Tooltip>\n\n          <span class=\"t-main p-regular\">\n            {{returnCurrency()}}{{ discount.value }} per {{ currentVariant?.quantity || 1 }}{{ currentVariant?.unit || pcs }}\n          </span>\n\n        </div>\n        \n        <p v-if=\"discount.description\" class=\"t-small mn-t-thin t-transp\">{{ discount.description }}</p>\n        <div v-if=\"getConditionsAsChips(discount).length > 0\" class=\"mn-t-small\"><Chips  class=\"\" :chips=\"getConditionsAsChips(discount)\" /></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport IconDiscount from '@martyrs/src/modules/icons/entities/IconDiscount.vue'\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport Tooltip from '@martyrs/src/components/Tooltip/Tooltip.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { returnCurrency } = useGlobalMixins();\n\nconst props = defineProps({\n  discounts: { \n    type: Array, \n    default: () => [] \n  },\n  regularPrice: { \n    type: [String, Number], \n    default: 0 \n  },\n  selectedVariant: {\n    type: Object,\n    default: null\n  },\n  productVariants: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['select-discount']);\n\n// Helper to determine if a discount has date conditions\nconst hasDateCondition = (discount) => {\n  return discount.date && (discount.date.start || discount.date.end);\n};\n\n// Helper to determine if a discount has time conditions\nconst hasTimeCondition = (discount) => {\n  return discount.time && (discount.time.start || discount.time.end);\n};\n\n// Format date range for display\nconst formatDateRange = (dateRange) => {\n  if (!dateRange) return '';\n  \n  const start = dateRange.start ? new Date(dateRange.start).toLocaleDateString() : 'Anytime';\n  const end = dateRange.end ? new Date(dateRange.end).toLocaleDateString() : 'No end date';\n  \n  return `${start}-${end}`;\n};\n\n// Format time range for display\nconst formatTimeRange = (timeRange) => {\n  if (!timeRange) return '';\n  \n  const start = timeRange.start || 'Anytime';\n  const end = timeRange.end || 'No end time';\n  \n  // Check if we're referencing today\n  const now = new Date();\n  const isToday = true; // Simplification - in a real app we'd check if the date range includes today\n  \n  return isToday ? `${start}-${end} today` : `${start}-${end}`;\n};\n\n// Get the current variant (selected or default to first)\nconst currentVariant = computed(() => {\n  return props.selectedVariant || (props.productVariants?.length > 0 ? props.productVariants[0] : null);\n});\n\nconst getConditionsAsChips = (discount) => {\n  const chips = [];\n  \n  // Quantity condition - используем quantity из текущего варианта, а не из скидки\n  // if (currentVariant.value?.quantity && currentVariant.value.quantity > 0) {\n  //   chips.push({ \n  //     text: `+${discount.quantity}`, \n  //   });\n  // }\n  \n  // Date condition\n  if (hasDateCondition(discount)) {\n    chips.push({ \n      text: `Valid: ${formatDateRange(discount.date)}` \n    });\n  }\n  \n  // Time condition\n  if (hasTimeCondition(discount)) {\n    chips.push({ \n      text: `Available: ${formatTimeRange(discount.time)}` \n    });\n  }\n  \n  return chips;\n};\n// Handle discount selection\nconst selectDiscount = (discount) => {\n  emit('select-discount', discount);\n};\n</script>\n\n<style scoped>\n.discount-card {\n  transition: all 0.2s ease;\n}\n\n.discount-card:hover {\n  border-color: rgb(var(--main));\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,EAAE,eAAc,IAAK,gBAAe;AAE1C,UAAM,QAAQ;AAmBd,UAAM,OAAO;AAGb,UAAM,mBAAmB,CAAC,aAAa;AACrC,aAAO,SAAS,SAAS,SAAS,KAAK,SAAS,SAAS,KAAK;AAAA,IAChE;AAGA,UAAM,mBAAmB,CAAC,aAAa;AACrC,aAAO,SAAS,SAAS,SAAS,KAAK,SAAS,SAAS,KAAK;AAAA,IAChE;AAGA,UAAM,kBAAkB,CAAC,cAAc;AACrC,UAAI,CAAC,UAAW,QAAO;AAEvB,YAAM,QAAQ,UAAU,QAAQ,IAAI,KAAK,UAAU,KAAK,EAAE,mBAAkB,IAAK;AACjF,YAAM,MAAM,UAAU,MAAM,IAAI,KAAK,UAAU,GAAG,EAAE,mBAAkB,IAAK;AAE3E,aAAO,GAAG,KAAK,IAAI,GAAG;AAAA,IACxB;AAGA,UAAM,kBAAkB,CAAC,cAAc;AACrC,UAAI,CAAC,UAAW,QAAO;AAEvB,YAAM,QAAQ,UAAU,SAAS;AACjC,YAAM,MAAM,UAAU,OAAO;AAI7B,YAAM,UAAU;AAEhB,aAAO,UAAU,GAAG,KAAK,IAAI,GAAG,WAAW,GAAG,KAAK,IAAI,GAAG;AAAA,IAC5D;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,aAAO,MAAM,oBAAoB,MAAM,iBAAiB,SAAS,IAAI,MAAM,gBAAgB,CAAC,IAAI;AAAA,IAClG,CAAC;AAED,UAAM,uBAAuB,CAAC,aAAa;AACzC,YAAM,QAAQ,CAAA;AAUd,UAAI,iBAAiB,QAAQ,GAAG;AAC9B,cAAM,KAAK;AAAA,UACT,MAAM,UAAU,gBAAgB,SAAS,IAAI,CAAC;AAAA,QACpD,CAAK;AAAA,MACH;AAGA,UAAI,iBAAiB,QAAQ,GAAG;AAC9B,cAAM,KAAK;AAAA,UACT,MAAM,cAAc,gBAAgB,SAAS,IAAI,CAAC;AAAA,QACxD,CAAK;AAAA,MACH;AAEA,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,CAAC,aAAa;AACnC,WAAK,mBAAmB,QAAQ;AAAA,IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProductDiscounts.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ProductDiscounts.vue"],"sourcesContent":["<template>\n  <div v-if=\"discounts && discounts.length\">\n    <div class=\"mn-b-small flex-nowrap flex flex-v-center\">\n      <IconDiscount class=\"mn-r-micro i-medium\"/>\n      <p class=\"fw-medium\">Special Offers</p>\n    </div>\n\n    <div class=\"flex flex-column flex-wrap gap-thin\">\n      <div \n        v-for=\"(discount, index) in discounts\" \n        :key=\"index\" \n        class=\"discount-card bg-light pd-small radius-small br-1px br-light cursor-pointer \"\n        @click=\"selectDiscount(discount)\"\n      >\n        <div class=\"flex flex-wrap gap-thin flex-v-center w-100\">\n\n          <Tooltip :text=\"discount.description || 'No description'\">\n            <span class=\"discount-name fw-semi p-regular\">{{ discount.name }}</span>\n          </Tooltip>\n\n          <span class=\"t-main p-regular\">\n            {{returnCurrency()}}{{ discount.value }} per {{ currentVariant?.quantity || 1 }}{{ currentVariant?.unit || pcs }}\n          </span>\n\n        </div>\n        \n        <p v-if=\"discount.description\" class=\"t-small mn-t-thin opacity-50\">{{ discount.description }}</p>\n        <div v-if=\"getConditionsAsChips(discount).length > 0\" class=\"mn-t-small\"><Chips  class=\"\" :chips=\"getConditionsAsChips(discount)\" /></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport IconDiscount from '@martyrs/src/modules/icons/entities/IconDiscount.vue'\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport Tooltip from '@martyrs/src/components/Tooltip/Tooltip.vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { returnCurrency } = useGlobalMixins();\n\nconst props = defineProps({\n  discounts: { \n    type: Array, \n    default: () => [] \n  },\n  regularPrice: { \n    type: [String, Number], \n    default: 0 \n  },\n  selectedVariant: {\n    type: Object,\n    default: null\n  },\n  productVariants: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['select-discount']);\n\n// Helper to determine if a discount has date conditions\nconst hasDateCondition = (discount) => {\n  return discount.date && (discount.date.start || discount.date.end);\n};\n\n// Helper to determine if a discount has time conditions\nconst hasTimeCondition = (discount) => {\n  return discount.time && (discount.time.start || discount.time.end);\n};\n\n// Format date range for display\nconst formatDateRange = (dateRange) => {\n  if (!dateRange) return '';\n  \n  const start = dateRange.start ? new Date(dateRange.start).toLocaleDateString() : 'Anytime';\n  const end = dateRange.end ? new Date(dateRange.end).toLocaleDateString() : 'No end date';\n  \n  return `${start}-${end}`;\n};\n\n// Format time range for display\nconst formatTimeRange = (timeRange) => {\n  if (!timeRange) return '';\n  \n  const start = timeRange.start || 'Anytime';\n  const end = timeRange.end || 'No end time';\n  \n  // Check if we're referencing today\n  const now = new Date();\n  const isToday = true; // Simplification - in a real app we'd check if the date range includes today\n  \n  return isToday ? `${start}-${end} today` : `${start}-${end}`;\n};\n\n// Get the current variant (selected or default to first)\nconst currentVariant = computed(() => {\n  return props.selectedVariant || (props.productVariants?.length > 0 ? props.productVariants[0] : null);\n});\n\nconst getConditionsAsChips = (discount) => {\n  const chips = [];\n  \n  // Quantity condition - используем quantity из текущего варианта, а не из скидки\n  // if (currentVariant.value?.quantity && currentVariant.value.quantity > 0) {\n  //   chips.push({ \n  //     text: `+${discount.quantity}`, \n  //   });\n  // }\n  \n  // Date condition\n  if (hasDateCondition(discount)) {\n    chips.push({ \n      text: `Valid: ${formatDateRange(discount.date)}` \n    });\n  }\n  \n  // Time condition\n  if (hasTimeCondition(discount)) {\n    chips.push({ \n      text: `Available: ${formatTimeRange(discount.time)}` \n    });\n  }\n  \n  return chips;\n};\n// Handle discount selection\nconst selectDiscount = (discount) => {\n  emit('select-discount', discount);\n};\n</script>\n\n<style scoped>\n.discount-card {\n  transition: all 0.2s ease;\n}\n\n.discount-card:hover {\n  border-color: rgb(var(--main));\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,EAAE,eAAc,IAAK,gBAAe;AAE1C,UAAM,QAAQ;AAmBd,UAAM,OAAO;AAGb,UAAM,mBAAmB,CAAC,aAAa;AACrC,aAAO,SAAS,SAAS,SAAS,KAAK,SAAS,SAAS,KAAK;AAAA,IAChE;AAGA,UAAM,mBAAmB,CAAC,aAAa;AACrC,aAAO,SAAS,SAAS,SAAS,KAAK,SAAS,SAAS,KAAK;AAAA,IAChE;AAGA,UAAM,kBAAkB,CAAC,cAAc;AACrC,UAAI,CAAC,UAAW,QAAO;AAEvB,YAAM,QAAQ,UAAU,QAAQ,IAAI,KAAK,UAAU,KAAK,EAAE,mBAAkB,IAAK;AACjF,YAAM,MAAM,UAAU,MAAM,IAAI,KAAK,UAAU,GAAG,EAAE,mBAAkB,IAAK;AAE3E,aAAO,GAAG,KAAK,IAAI,GAAG;AAAA,IACxB;AAGA,UAAM,kBAAkB,CAAC,cAAc;AACrC,UAAI,CAAC,UAAW,QAAO;AAEvB,YAAM,QAAQ,UAAU,SAAS;AACjC,YAAM,MAAM,UAAU,OAAO;AAI7B,YAAM,UAAU;AAEhB,aAAO,UAAU,GAAG,KAAK,IAAI,GAAG,WAAW,GAAG,KAAK,IAAI,GAAG;AAAA,IAC5D;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,aAAO,MAAM,oBAAoB,MAAM,iBAAiB,SAAS,IAAI,MAAM,gBAAgB,CAAC,IAAI;AAAA,IAClG,CAAC;AAED,UAAM,uBAAuB,CAAC,aAAa;AACzC,YAAM,QAAQ,CAAA;AAUd,UAAI,iBAAiB,QAAQ,GAAG;AAC9B,cAAM,KAAK;AAAA,UACT,MAAM,UAAU,gBAAgB,SAAS,IAAI,CAAC;AAAA,QACpD,CAAK;AAAA,MACH;AAGA,UAAI,iBAAiB,QAAQ,GAAG;AAC9B,cAAM,KAAK;AAAA,UACT,MAAM,cAAc,gBAAgB,SAAS,IAAI,CAAC;AAAA,QACxD,CAAK;AAAA,MACH;AAEA,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,CAAC,aAAa;AACnC,WAAK,mBAAmB,QAAQ;AAAA,IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/ProductImages.vue.js

@@ -5,7 +5,7 @@ import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.j
 import Image360 from "../elements/Image360.vue.js";
 /* empty css                   */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "w-100 bs-big h-max mobile:pos-relative tablet:pos-relative pos-sticky pos-t-0 pd-medium o-hidden bg-light radius-medium gap-small flex-nowrap flex-row mobile:flex-column flex pos-relative" };
+const _hoisted_1 = { class: "w-100 bs-big h-[100cqh] mobile:h-auto tablet:h-auto mobile:pos-relative tablet:pos-relative pos-sticky pos-t-0 pd-medium o-hidden bg-light radius-medium gap-small flex-nowrap flex-row mobile:flex-column flex pos-relative" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = {
   key: 0,
@@ -99,7 +99,7 @@ const _sfc_main = {
     };
   }
 };
-const ProductImages = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2037f0f7"]]);
+const ProductImages = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-298ab040"]]);
 export {
   ProductImages as default
 };

package/dist/martyrs/src/modules/products/components/blocks/ProductImages.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductImages.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ProductImages.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 bs-big h-max  mobile:pos-relative tablet:pos-relative pos-sticky pos-t-0 pd-medium o-hidden bg-light radius-medium gap-small flex-nowrap flex-row mobile:flex-column flex pos-relative\">\n    <!-- Main image container -->\n    <div class=\"order-1 w-100 bg-light radius-small o-hidden\" @click=\"openPopup(currentImageIndex)\">\n      <Image360\n        v-if=\"product && product.image3d\"\n        class=\"h-100 w-100\"\n        :imagePath=\"`/assets/images/products/${product.image3d}`\"\n        :imageCount=\"36\"\n      />\n      <img\n        loading=\"lazy\"\n        v-if=\"images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 flex-child-default bg-white radius-small w-100\"\n        style=\"object-fit: contain;\"\n        :src=\"(FILE_SERVER_URL || '') + images[currentImageIndex]\"\n      />\n      <PlaceholderImage\n        v-if=\"!images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 w-100\"\n        style=\"object-fit: cover;\"\n      />\n    </div>\n    \n    <!-- Thumbnails -->\n    <div v-if=\"images.length > 1\" class=\"mobile:order-1 order-0 w-5r mobile:w-100\">\n      <div class=\"w-100 mobile:flex-row flex-column flex flex-nowrap gap-thin\">\n        <img loading=\"lazy\" \n          v-for=\"(image, index) in images.slice(0, 5)\"\n          :key=\"index\"\n          :src=\"(FILE_SERVER_URL || '') + image\" \n          @click=\"currentImageIndex = index\"\n          class=\"aspect-1x1 radius-small bg-white o-hidden thumbnail\"\n          :class=\"{ 'active': currentImageIndex === index }\"\n        />\n        <div\n          v-if=\"images.length > 5\"\n          @click=\"openPopup(5)\"\n          class=\"aspect-1x1 radius-small o-hidden thumbnail flex flex-center fw-medium t-black bg-white \"\n        >\n          +{{ images.length - 5 }}\n        </div>\n      </div>\n    </div>\n    \n    <!-- Popup with photo viewer -->\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-zero w-100 o-hidden\">\n      <PhotoViewer\n        :photos=\"images.map(img => (FILE_SERVER_URL || '') + img)\"\n        :initialIndex=\"selectedImageIndex\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport Image360 from '@martyrs/src/modules/products/components/elements/Image360.vue'\n\nconst props = defineProps({\n  images: {\n    type: Array,\n    required: true,\n  },\n  product: {\n    type: Object,\n    default: () => ({})\n  },\n});\n\nconst isPopupVisible = ref(false);\nconst selectedImageIndex = ref(0);\nconst currentImageIndex = ref(0);\n\nconst openPopup = (index) => {\n  if (!props.images.length) return;\n  selectedImageIndex.value = index;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  selectedImageIndex.value = 0;\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.thumbnail {\n  width: 100%;\n  object-fit: cover;\n  cursor: pointer;\n}\n.thumbnail.active {\n  border: 1px solid rgb(var(--second));\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,QAAQ;AAWd,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,qBAAqB,IAAI,CAAC;AAChC,UAAM,oBAAoB,IAAI,CAAC;AAE/B,UAAM,YAAY,CAAC,UAAU;AAC3B,UAAI,CAAC,MAAM,OAAO,OAAQ;AAC1B,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProductImages.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ProductImages.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 bs-big h-[100cqh] mobile:h-auto tablet:h-auto mobile:pos-relative tablet:pos-relative pos-sticky pos-t-0 pd-medium o-hidden bg-light radius-medium gap-small flex-nowrap flex-row mobile:flex-column flex pos-relative\">\n    <!-- Main image container -->\n    <div class=\"order-1 w-100 bg-light radius-small o-hidden\" @click=\"openPopup(currentImageIndex)\">\n      <Image360\n        v-if=\"product && product.image3d\"\n        class=\"h-100 w-100\"\n        :imagePath=\"`/assets/images/products/${product.image3d}`\"\n        :imageCount=\"36\"\n      />\n      <img\n        loading=\"lazy\"\n        v-if=\"images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 flex-child-default bg-white radius-small w-100\"\n        style=\"object-fit: contain;\"\n        :src=\"(FILE_SERVER_URL || '') + images[currentImageIndex]\"\n      />\n      <PlaceholderImage\n        v-if=\"!images[currentImageIndex] && !product?.image3d\"\n        class=\"h-100 w-100\"\n        style=\"object-fit: cover;\"\n      />\n    </div>\n    \n    <!-- Thumbnails -->\n    <div v-if=\"images.length > 1\" class=\"mobile:order-1 order-0 w-5r mobile:w-100\">\n      <div class=\"w-100 mobile:flex-row flex-column flex flex-nowrap gap-thin\">\n        <img loading=\"lazy\" \n          v-for=\"(image, index) in images.slice(0, 5)\"\n          :key=\"index\"\n          :src=\"(FILE_SERVER_URL || '') + image\" \n          @click=\"currentImageIndex = index\"\n          class=\"aspect-1x1 radius-small bg-white o-hidden thumbnail\"\n          :class=\"{ 'active': currentImageIndex === index }\"\n        />\n        <div\n          v-if=\"images.length > 5\"\n          @click=\"openPopup(5)\"\n          class=\"aspect-1x1 radius-small o-hidden thumbnail flex flex-center fw-medium t-black bg-white \"\n        >\n          +{{ images.length - 5 }}\n        </div>\n      </div>\n    </div>\n    \n    <!-- Popup with photo viewer -->\n    <Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-zero w-100 o-hidden\">\n      <PhotoViewer\n        :photos=\"images.map(img => (FILE_SERVER_URL || '') + img)\"\n        :initialIndex=\"selectedImageIndex\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport PhotoViewer from '@martyrs/src/components/PhotoViewer/PhotoViewer.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport Image360 from '@martyrs/src/modules/products/components/elements/Image360.vue'\n\nconst props = defineProps({\n  images: {\n    type: Array,\n    required: true,\n  },\n  product: {\n    type: Object,\n    default: () => ({})\n  },\n});\n\nconst isPopupVisible = ref(false);\nconst selectedImageIndex = ref(0);\nconst currentImageIndex = ref(0);\n\nconst openPopup = (index) => {\n  if (!props.images.length) return;\n  selectedImageIndex.value = index;\n  isPopupVisible.value = true;\n};\n\nconst closePopup = () => {\n  selectedImageIndex.value = 0;\n  isPopupVisible.value = false;\n};\n</script>\n\n<style scoped>\n.thumbnail {\n  width: 100%;\n  object-fit: cover;\n  cursor: pointer;\n}\n.thumbnail.active {\n  border: 1px solid rgb(var(--second));\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,QAAQ;AAWd,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,qBAAqB,IAAI,CAAC;AAChC,UAAM,oBAAoB,IAAI,CAAC;AAE/B,UAAM,YAAY,CAAC,UAAU;AAC3B,UAAI,CAAC,MAAM,OAAO,OAAQ;AAC1B,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,MAAM;AACvB,yBAAmB,QAAQ;AAC3B,qBAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/ProductVariants.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, watch, onMounted, createElementBlock, openBlock, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass, createCommentVNode } from "vue";
 const _hoisted_1 = { class: "w-100" };
 const _hoisted_2 = { class: "capitalize mn-b-thin fw-medium" };
-const _hoisted_3 = { class: "flex flex-wrap gap-thin mn-b-medium" };
+const _hoisted_3 = { class: "flex flex-nowrap gap-thin mn-b-medium o-x-scroll scroll-hide" };
 const _hoisted_4 = ["onClick", "disabled"];
 const _hoisted_5 = ["src"];
 const _hoisted_6 = { class: "" };
@@ -33,7 +33,7 @@ const _sfc_main = {
             return {
               key: lbl + val,
               value: val,
-              img: i === 0 ? v.images?.[0] : null,
+              img: v.showImages ? v.images?.[0] : null,
               off: !v.available,
               text: val
             };
@@ -46,7 +46,7 @@ const _sfc_main = {
           items: props.productVariants.map((v) => ({
             key: v._id,
             variant: v,
-            img: v.images?.[0],
+            img: v.showImages ? v.images?.[0] : null,
             off: !v.available,
             text: v.name || v.sku
           }))

package/dist/martyrs/src/modules/products/components/blocks/ProductVariants.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVariants.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ProductVariants.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <div\n      v-for=\"group in groups\"\n      :key=\"group.label\"\n      class=\"w-100 mn-b-medium\"\n    >\n      <p class=\"capitalize mn-b-thin fw-medium\">{{ group.label }}</p>\n\n      <div class=\"flex flex-wrap gap-thin mn-b-medium\">\n        <button\n          v-for=\"item in group.items\"\n          :key=\"item.key\"\n          @click=\"group.label === 'Options' ? pick(item.variant) : pickAttr(group.label, item.value)\"\n          :disabled=\"item.off\"\n          class=\"pd-small radius-small\"\n          :class=\"[\n            isSelected(group, item) ? 'br-main' : 'br-black-transp-10',\n            item.off ? 'o-50 cursor-not-allowed' : 'cursor-pointer hover:scale-[1.05]',\n          ]\"\n        >\n          <img\n            v-if=\"item.img\"\n            :src=\"`${FILE_SERVER_URL}${item.img}`\"\n            class=\"h-100 radius-thin aspect-1x1 object-fit-contain\"\n          />\n          <p class=\"\">\n            {{ item.text }}\n          </p>\n\n          <div\n            v-if=\"isSelected(group, item)\"\n            class=\"pos-absolute pos-b-0 pos-r-0 pos-l-0 flex flex-center h-1r bg-main t-white t-small\"\n          >\n            Selected\n          </div>\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted } from 'vue';\n\nconst props = defineProps({ productVariants: Array });\nconst emit = defineEmits(['variant-selected', 'update-images']);\n\nconst selectedAttributes = ref({});\nconst selected = ref(null);\n\nconst hasAttrs = computed(() =>\n  props.productVariants.some(v => v.attributes?.length)\n);\n\nconst groups = computed(() => {\n  if (hasAttrs.value) {\n    const labels = [...new Set(props.productVariants[0].attributes.map(a => a.name))];\n    return labels.map((lbl, i) => ({\n      label: lbl,\n      items: [...new Set(\n        props.productVariants.map(v => v.attributes.find(a => a.name === lbl)?.value)\n      )]\n        .filter(Boolean)\n        .map(val => {\n          const v = props.productVariants.find(x => x.attributes.find(a => a.name === lbl && a.value === val));\n          return {\n            key: lbl + val,\n            value: val,\n            img: i === 0 ? v.images?.[0] : null,\n            off: !v.available,\n            text: val,\n          };\n        }),\n    }));\n  }\n  if (props.productVariants.length > 1) {\n    return [{\n      label: 'Options',\n      items: props.productVariants.map(v => ({\n        key: v._id,\n        variant: v,\n        img: v.images?.[0],\n        off: !v.available,\n        text: v.name || v.sku,\n      })),\n    }];\n  }\n  return [];\n});\n\nconst pick = v => {\n  if (!v.available) return;\n  selectedAttributes.value = Object.fromEntries(v.attributes?.map(a => [a.name, a.value]) || []);\n  selected.value = v;\n  emit('variant-selected', v);\n  v.images?.length && emit('update-images', v.images);\n};\n\nconst pickAttr = (lbl, val) => {\n  const test = { ...selectedAttributes.value, [lbl]: val };\n  if (!props.productVariants.some(v =>\n    Object.entries(test).every(([k, x]) =>\n      v.attributes.find(a => a.name === k && a.value === x)\n    )\n  )) return;\n  selectedAttributes.value = test;\n};\n\nwatch(selectedAttributes, attrs => {\n  const m = props.productVariants.find(v =>\n    Object.entries(attrs).every(([k, x]) => v.attributes.find(a => a.name === k && a.value === x))\n  );\n  if (m && selected.value?._id !== m._id) {\n    pick(m);\n  } else if (!m) {\n    selected.value = null;\n  }\n});\n\nonMounted(() => props.productVariants.length === 1 && pick(props.productVariants[0]));\n\nconst isSelected = (g, i) =>\n  g.label === 'Options'\n    ? selected.value?._id === i.variant?._id\n    : selectedAttributes.value[g.label] === i.value;\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductVariants.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/ProductVariants.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <div\n      v-for=\"group in groups\"\n      :key=\"group.label\"\n      class=\"w-100 mn-b-medium\"\n    >\n      <p class=\"capitalize mn-b-thin fw-medium\">{{ group.label }}</p>\n\n      <div class=\"flex flex-nowrap gap-thin mn-b-medium o-x-scroll scroll-hide\">\n        <button\n          v-for=\"item in group.items\"\n          :key=\"item.key\"\n          @click=\"group.label === 'Options' ? pick(item.variant) : pickAttr(group.label, item.value)\"\n          :disabled=\"item.off\"\n          class=\"pd-small radius-small\"\n          :class=\"[\n            isSelected(group, item) ? 'br-main' : 'br-black-transp-10',\n            item.off ? 'o-50 cursor-not-allowed' : 'cursor-pointer hover:scale-[1.05]',\n          ]\"\n        >\n          <img\n            v-if=\"item.img\"\n            :src=\"`${FILE_SERVER_URL}${item.img}`\"\n            class=\"h-100 radius-thin aspect-1x1 object-fit-contain\"\n          />\n          <p class=\"\">\n            {{ item.text }}\n          </p>\n\n          <div\n            v-if=\"isSelected(group, item)\"\n            class=\"pos-absolute pos-b-0 pos-r-0 pos-l-0 flex flex-center h-1r bg-main t-white t-small\"\n          >\n            Selected\n          </div>\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted } from 'vue';\n\nconst props = defineProps({ productVariants: Array });\nconst emit = defineEmits(['variant-selected', 'update-images']);\n\nconst selectedAttributes = ref({});\nconst selected = ref(null);\n\nconst hasAttrs = computed(() =>\n  props.productVariants.some(v => v.attributes?.length)\n);\n\nconst groups = computed(() => {\n  if (hasAttrs.value) {\n    const labels = [...new Set(props.productVariants[0].attributes.map(a => a.name))];\n    return labels.map((lbl, i) => ({\n      label: lbl,\n      items: [...new Set(\n        props.productVariants.map(v => v.attributes.find(a => a.name === lbl)?.value)\n      )]\n        .filter(Boolean)\n        .map(val => {\n          const v = props.productVariants.find(x => x.attributes.find(a => a.name === lbl && a.value === val));\n          return {\n            key: lbl + val,\n            value: val,\n            img: v.showImages ? v.images?.[0] : null,\n            off: !v.available,\n            text: val,\n          };\n        }),\n    }));\n  }\n  if (props.productVariants.length > 1) {\n    return [{\n      label: 'Options',\n      items: props.productVariants.map(v => ({\n        key: v._id,\n        variant: v,\n        img: v.showImages ? v.images?.[0] : null,\n        off: !v.available,\n        text: v.name || v.sku,\n      })),\n    }];\n  }\n  return [];\n});\n\nconst pick = v => {\n  if (!v.available) return;\n  selectedAttributes.value = Object.fromEntries(v.attributes?.map(a => [a.name, a.value]) || []);\n  selected.value = v;\n  emit('variant-selected', v);\n  v.images?.length && emit('update-images', v.images);\n};\n\nconst pickAttr = (lbl, val) => {\n  const test = { ...selectedAttributes.value, [lbl]: val };\n  if (!props.productVariants.some(v =>\n    Object.entries(test).every(([k, x]) =>\n      v.attributes.find(a => a.name === k && a.value === x)\n    )\n  )) return;\n  selectedAttributes.value = test;\n};\n\nwatch(selectedAttributes, attrs => {\n  const m = props.productVariants.find(v =>\n    Object.entries(attrs).every(([k, x]) => v.attributes.find(a => a.name === k && a.value === x))\n  );\n  if (m && selected.value?._id !== m._id) {\n    pick(m);\n  } else if (!m) {\n    selected.value = null;\n  }\n});\n\nonMounted(() => props.productVariants.length === 1 && pick(props.productVariants[0]));\n\nconst isSelected = (g, i) =>\n  g.label === 'Options'\n    ? selected.value?._id === i.variant?._id\n    : selectedAttributes.value[g.label] === i.value;\n</script>\n"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/products/components/elements/Price.vue.js

@@ -3,7 +3,7 @@ import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 const _hoisted_1 = { class: "price-tag radius-small" };
 const _hoisted_2 = {
   key: 0,
-  class: "pd-r-small t-transp p-regular line-through price"
+  class: "pd-r-small opacity-50 p-regular line-through price"
 };
 const _sfc_main = {
   __name: "Price",
@@ -32,7 +32,7 @@ const _sfc_main = {
             "p-regular": !__props.size,
             "p-small": __props.size === "small",
             "p-medium": __props.size === "big"
-          }, "p-small mn-l-micro t-transp"])
+          }, "p-small mn-l-micro opacity-50"])
         }, toDisplayString(__props.product?.listing === "rent" ? "per day" : "for " + variant.value.quantity + variant.value.unit), 3),
         variant.value.sale ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(unref(returnCurrency)() + variant.value.price / 100 * (100 + variant.value.sale)), 1)) : createCommentVNode("", true)
       ]);

package/dist/martyrs/src/modules/products/components/elements/Price.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Price.vue.js","sources":["../../../../../../../src/modules/products/components/elements/Price.vue"],"sourcesContent":["<template>\n  <div class=\"price-tag radius-small\">\n    <span\n      :class=\"{\n        'h4': !size,\n        'p-regular fw-semi': size === 'small',\n        'h3 fw-semi': size === 'big'\n      }\"\n    >\n      {{ returnCurrency() + variant.price }}\n    </span>\n\n    <span\n      :class=\"{\n        'p-regular': !size,\n        'p-small': size === 'small',\n        'p-medium': size === 'big'\n      }\"\n      class=\"p-small mn-l-micro t-transp\"\n    >\n      {{ product?.listing === 'rent' ? 'per day' : 'for ' + variant.quantity + variant.unit }}\n    </span>\n\n    <p\n      v-if=\"variant.sale\"\n      class=\"pd-r-small t-transp p-regular line-through price\"\n    >\n      {{ returnCurrency() + ((variant.price / 100) * (100 + variant.sale)) }}\n    </p>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { returnCurrency } = useGlobalMixins();\n\nconst props = defineProps({\n  product: Object,\n  variants: Array,\n  size: String\n});\n\nconst variant = computed(() => {\n  return props.product?.variants?.[0] || props.variants?.[0] || props.product;\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAoCA,UAAM,EAAE,eAAc,IAAK,gBAAe;AAE1C,UAAM,QAAQ;AAMd,UAAM,UAAU,SAAS,MAAM;AAC7B,aAAO,MAAM,SAAS,WAAW,CAAC,KAAK,MAAM,WAAW,CAAC,KAAK,MAAM;AAAA,IACtE,CAAC;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Price.vue.js","sources":["../../../../../../../src/modules/products/components/elements/Price.vue"],"sourcesContent":["<template>\n  <div class=\"price-tag radius-small\">\n    <span\n      :class=\"{\n        'h4': !size,\n        'p-regular fw-semi': size === 'small',\n        'h3 fw-semi': size === 'big'\n      }\"\n    >\n      {{ returnCurrency() + variant.price }}\n    </span>\n\n    <span\n      :class=\"{\n        'p-regular': !size,\n        'p-small': size === 'small',\n        'p-medium': size === 'big'\n      }\"\n      class=\"p-small mn-l-micro opacity-50\"\n    >\n      {{ product?.listing === 'rent' ? 'per day' : 'for ' + variant.quantity + variant.unit }}\n    </span>\n\n    <p\n      v-if=\"variant.sale\"\n      class=\"pd-r-small opacity-50 p-regular line-through price\"\n    >\n      {{ returnCurrency() + ((variant.price / 100) * (100 + variant.sale)) }}\n    </p>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { returnCurrency } = useGlobalMixins();\n\nconst props = defineProps({\n  product: Object,\n  variants: Array,\n  size: String\n});\n\nconst variant = computed(() => {\n  return props.product?.variants?.[0] || props.variants?.[0] || props.product;\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAoCA,UAAM,EAAE,eAAc,IAAK,gBAAe;AAE1C,UAAM,QAAQ;AAMd,UAAM,UAAU,SAAS,MAAM;AAC7B,aAAO,MAAM,SAAS,WAAW,CAAC,KAAK,MAAM,WAAW,CAAC,KAAK,MAAM;AAAA,IACtE,CAAC;;;;;;;;;;;;;;;;;;;;;;"}