@ozdao/martyrs 0.2.481 → 0.2.483

package/src/.martyrs/semantic-analysis.json

@@ -0,0 +1,307 @@
+[
+  {
+    "path": "/Users/magicofoz/Development/OZDAO/ozdao.dev/app/martyrs/src/main.js",
+    "relativePath": "main.js",
+    "analysis": {
+      "file": "main.js",
+      "type": "VueComponent",
+      "exports": [
+        "Address",
+        "Breadcrumbs",
+        "Button",
+        "Checkbox",
+        "Chips",
+        "Countdown",
+        "DatePicker",
+        "Dropdown",
+        "EmptyState",
+        "Error",
+        "Feed",
+        "Field",
+        "FieldBig",
+        "FieldPhone",
+        "FieldTags",
+        "Loader",
+        "LocationMarker",
+        "Map",
+        "Marquee",
+        "Menu",
+        "MenuItem",
+        "Popup",
+        "Radio",
+        "Select",
+        "SelectMulti",
+        "Shader",
+        "Slider",
+        "Spoiler",
+        "Status",
+        "Tab",
+        "Text",
+        "Tooltip",
+        "Upload",
+        "UploadImage",
+        "UploadImageMultiple"
+      ],
+      "imports": [
+        {
+          "name": "Address",
+          "source": "./components/Address/Address.vue"
+        },
+        {
+          "name": "Button",
+          "source": "./components/Button/Button.vue"
+        },
+        {
+          "name": "Checkbox",
+          "source": "./components/Checkbox/Checkbox.vue"
+        },
+        {
+          "name": "Dropdown",
+          "source": "./components/Dropdown/Dropdown.vue"
+        },
+        {
+          "name": "Error",
+          "source": "./components/Error/Error.vue"
+        },
+        {
+          "name": "Field",
+          "source": "./components/Field/Field.vue"
+        },
+        {
+          "name": "FieldPhone",
+          "source": "./components/FieldPhone/FieldPhone.vue"
+        },
+        {
+          "name": "LocationMarker",
+          "source": "./components/LocationMarker/LocationMarker.vue"
+        },
+        {
+          "name": "Map",
+          "source": "./components/Map/Map.vue"
+        },
+        {
+          "name": "Popup",
+          "source": "./components/Popup/Popup.vue"
+        },
+        {
+          "name": "Radio",
+          "source": "./components/Radio/Radio.vue"
+        },
+        {
+          "name": "Select",
+          "source": "./components/Select/Select.vue"
+        },
+        {
+          "name": "SelectMulti",
+          "source": "./components/SelectMulti/SelectMulti.vue"
+        },
+        {
+          "name": "Spoiler",
+          "source": "./components/Spoiler/Spoiler.vue"
+        },
+        {
+          "name": "Tab",
+          "source": "./components/Tab/Tab.vue"
+        },
+        {
+          "name": "Tooltip",
+          "source": "./components/Tooltip/Tooltip.vue"
+        },
+        {
+          "name": "Text",
+          "source": "./components/Text/Text.vue"
+        },
+        {
+          "name": "Menu",
+          "source": "./components/Menu/Menu.vue"
+        },
+        {
+          "name": "MenuItem",
+          "source": "./components/Menu/MenuItem.vue"
+        },
+        {
+          "name": "Upload",
+          "source": "./components/Upload/Upload.vue"
+        },
+        {
+          "name": "UploadImage",
+          "source": "./components/UploadImage/UploadImage.vue"
+        },
+        {
+          "name": "UploadImageMultiple",
+          "source": "./components/UploadImageMultiple/UploadImageMultiple.vue"
+        },
+        {
+          "name": "Breadcrumbs",
+          "source": "./components/Breadcrumbs/Breadcrumbs.vue"
+        },
+        {
+          "name": "Chips",
+          "source": "./components/Chips/Chips.vue"
+        },
+        {
+          "name": "Countdown",
+          "source": "./components/Countdown/Countdown.vue"
+        },
+        {
+          "name": "DatePicker",
+          "source": "./components/DatePicker/DatePicker.vue"
+        },
+        {
+          "name": "EmptyState",
+          "source": "./components/EmptyState/EmptyState.vue"
+        },
+        {
+          "name": "Feed",
+          "source": "./components/Feed/Feed.vue"
+        },
+        {
+          "name": "FieldBig",
+          "source": "./components/FieldBig/FieldBig.vue"
+        },
+        {
+          "name": "FieldTags",
+          "source": "./components/FieldTags/FieldTags.vue"
+        },
+        {
+          "name": "Loader",
+          "source": "./components/Loader/Loader.vue"
+        },
+        {
+          "name": "Shader",
+          "source": "./components/Shader/Shader.vue"
+        },
+        {
+          "name": "Slider",
+          "source": "./components/Slider/Slider.vue"
+        },
+        {
+          "name": "Status",
+          "source": "./components/Status/Status.vue"
+        },
+        {
+          "name": "Marquee",
+          "source": "./components/Marquee/Marquee.vue"
+        }
+      ],
+      "description": "This file serves as the main entry point for a Vue.js application, registering various UI components for use throughout the app.",
+      "keyFeatures": [
+        "Dynamic component registration with lazy loading",
+        "Centralized export of multiple UI components",
+        "Integration of various reusable components for UI consistency"
+      ],
+      "dependencies": [
+        "Vue"
+      ]
+    },
+    "hash": "71a19428c147bd425afb20da5dbfcaed15c5f3a8dcb9c612fdaa817476499323",
+    "modified": "2025-06-11T11:04:33.422Z"
+  },
+  {
+    "path": "/Users/magicofoz/Development/OZDAO/ozdao.dev/app/martyrs/src/styles/typography.scss",
+    "relativePath": "styles/typography.scss",
+    "analysis": {
+      "file": "styles/typography.scss",
+      "type": "Style",
+      "exports": [],
+      "imports": [],
+      "description": "This file contains global typography styles, including font families, sizes, weights, and text alignment for various HTML elements.",
+      "keyFeatures": [
+        "Defines global font families for body and headings",
+        "Specifies font sizes and weights for different text elements",
+        "Includes utility classes for text alignment and trimming",
+        "Provides responsive typography adjustments"
+      ],
+      "dependencies": []
+    },
+    "hash": "78eaa24397df46666a86b46345b94b9c657ea8ac4c72ef955dfb996c54e597cd",
+    "modified": "2025-05-19T10:29:32.324Z"
+  },
+  {
+    "path": "/Users/magicofoz/Development/OZDAO/ozdao.dev/app/martyrs/src/styles/theme.scss",
+    "relativePath": "styles/theme.scss",
+    "analysis": {
+      "file": "styles/theme.scss",
+      "type": "Style",
+      "exports": [],
+      "imports": [
+        {
+          "name": "reset",
+          "source": "reset"
+        },
+        {
+          "name": "base/all",
+          "source": "base/all"
+        },
+        {
+          "name": "typography",
+          "source": "typography"
+        },
+        {
+          "name": "layout",
+          "source": "layout"
+        },
+        {
+          "name": "responsive",
+          "source": "responsive"
+        },
+        {
+          "name": "config",
+          "source": "config"
+        }
+      ],
+      "description": "This file serves as a central theme stylesheet that imports various style modules for consistent styling across the application.",
+      "keyFeatures": [
+        "Resets default browser styles",
+        "Provides base styles and typography settings",
+        "Defines layout styles",
+        "Includes responsive design utilities",
+        "Centralizes configuration for styling"
+      ],
+      "dependencies": []
+    },
+    "hash": "d73c2ef73d37a8d597e890e1816e9c10810c651dc1e5c89b9f1c6ec8d22e8ecd",
+    "modified": "2025-02-16T05:05:29.190Z"
+  },
+  {
+    "path": "/Users/magicofoz/Development/OZDAO/ozdao.dev/app/martyrs/src/styles/responsive.scss",
+    "relativePath": "styles/responsive.scss",
+    "analysis": {
+      "file": "styles/responsive.scss",
+      "type": "Style",
+      "exports": [],
+      "imports": [],
+      "description": "This SCSS file defines responsive design breakpoints and media queries for adjusting styles based on different screen sizes.",
+      "keyFeatures": [
+        "Defines breakpoints for various device sizes (mobile, tablet, desktop)",
+        "Adjusts font sizes based on screen width",
+        "Controls visibility of elements based on device type (mobile-only, desktop-only)",
+        "Utilizes CSS Grid for layout management"
+      ],
+      "dependencies": []
+    },
+    "hash": "9adb2714fd70d29385bb49fc95879cac8f433baae3ab0874304c782b0a5e94f2",
+    "modified": "2025-04-16T13:16:14.655Z"
+  },
+  {
+    "path": "/Users/magicofoz/Development/OZDAO/ozdao.dev/app/martyrs/src/styles/reset.scss",
+    "relativePath": "styles/reset.scss",
+    "analysis": {
+      "file": "styles/reset.scss",
+      "type": "Style",
+      "exports": [],
+      "imports": [],
+      "description": "This file provides a CSS reset to standardize the styling of HTML elements across different browsers.",
+      "keyFeatures": [
+        "Resets default margin and padding for all HTML elements",
+        "Standardizes font size and family",
+        "Removes default list styles for ordered and unordered lists",
+        "Ensures consistent box-sizing across elements",
+        "Normalizes table styling"
+      ],
+      "dependencies": []
+    },
+    "hash": "a6c5fc8b4c348897cf90c58fccca3ec071eae7a0b82f76c29e8fef589dccf3da",
+    "modified": "2025-05-05T04:47:09.405Z"
+  }
+]

package/src/.martyrs/toc.json

@@ -0,0 +1,14 @@
+{
+  "title": "Project Documentation",
+  "sections": [
+    {
+      "title": "Components",
+      "slug": "components",
+      "description": "UI Components and Views",
+      "files": [
+        "main.js"
+      ],
+      "subsections": []
+    }
+  ]
+}

package/src/components/Button/Button.vue

@@ -143,8 +143,8 @@
 		opacity: 0.75  !important;
 	 	pointer-events: none  !important;
 	 	cursor: default  !important;
-	 	color: rgba(var(--black), 0.5)  !important;
-		background: rgba(var(--grey), 1) !important; 
+	 	color: rgba(var(--dark), 0.33)  !important;
+		background: rgba(var(--light), 1) !important; 
 	}
 
 	a.button {

package/src/components/Checkbox/Checkbox.vue

@@ -1,6 +1,8 @@
 <script setup>
   import { ref, watch, computed } from 'vue'
 
+  import IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';
+
   const props = defineProps({
     label: String,
     name: String,
@@ -12,11 +14,14 @@
     theme: {
       type: String,
       default: "light"
+    },
+    mode: {
+      type: String,
+      default: "switch",
+      validator: (v) => ["switch", "checkbox"].includes(v)
     }
   })
-
   const emit = defineEmits(['update:radio'])
-
   const updateInputText = (event) => {
     if (Array.isArray(props.radio)) {
       let newRadio = [...props.radio];  // создаем копию массива для иммутабельности
@@ -34,14 +39,11 @@
     }
   }
 </script>
-
 <template>
-
   <label class="flex-v-center flex-nowrap flex">
     <div v-if="label" class="mn-r-auto t-transp mn-r-small">
       <span>{{label}}</span>
     </div>
-
     <input 
       @change="updateInputText"
       class="round radiobutton" 
@@ -50,25 +52,35 @@
       :value="value"
       :checked="Array.isArray(radio) ? radio.includes(value) : radio"
     > 
-
     <div 
-      class="transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra"
+      class="cursor-pointer mn-l-thin flex-center"
       :class="{
-        'bg-dark':!(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'dark',
-        'bg-light':!(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light',
-        'bg-main':Array.isArray(radio) ? radio.includes(value) : radio,
+        'transition-elastic pd-thin h-2r w-4r radius-extra': mode === 'switch',
+        'w-2r h-2r radius-small br-solid br-1px': mode === 'checkbox',
+        'bg-dark': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'dark' && mode === 'switch',
+        'bg-light': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light' && mode === 'switch',
+        'br-dark': theme === 'dark' && mode === 'checkbox',
+        'br-light': theme === 'light' && mode === 'checkbox',
+        'bg-main': (Array.isArray(radio) ? radio.includes(value) : radio) && mode === 'switch',
+        'bg-main br-main': (Array.isArray(radio) ? radio.includes(value) : radio) && mode === 'checkbox',
       }"
-
     >
+      <!-- Switch toggle circle -->
       <div 
-        class="transition-linear w-1r h-1r radius-extra h-100 bg-white"
+        v-if="mode === 'switch'"
+        class="transition-linear w-1r h-1r radius-extra bg-white"
         :class="{
-          'mn-r-auto':!(Array.isArray(radio) ? radio.includes(value) : radio),
-          'mn-l-auto':Array.isArray(radio) ? radio.includes(value) : radio,
+          'mn-r-auto': !(Array.isArray(radio) ? radio.includes(value) : radio),
+          'mn-l-auto': Array.isArray(radio) ? radio.includes(value) : radio,
         }"
+      />
+      <!-- Checkbox checkmark -->
+      <span 
+        v-else-if="mode === 'checkbox' && (Array.isArray(radio) ? radio.includes(value) : radio)"
+        class="t-white w-100 h-100 flex flex-center"
       >
-      </div>
+        <IconCheckmark class="i-medium" fill="rgb(var(--white))" />
+      </span>
     </div>
   </label>
-
 </template>

package/src/components/Chips/Chips.vue

@@ -3,14 +3,14 @@
     class="font-main"
    >
    	<slot></slot>
-		<span 
+		<p 
 			v-if="chips?.length"
 		  v-for="(chip,index) in chips" 
 		  :class="$attrs.class || 'p-medium font-main'"
-		 	class="mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main" 
+		 	class="mn-r-nano d-inline-block w-max pd-thin radius-thin t-medium bg-main" 
 		>
-			<span class="text-box-trim-none t-truncate">{{chip.text ? chip.text : chip}}</span>
-		</span>
+			{{chip.text ? chip.text : chip}}
+		</p>
 
 		<div 
 			v-else

package/src/components/Feed/Carousel.vue

@@ -0,0 +1,72 @@
+<template>
+  <div class="pos-relative">
+    <!-- Loading State -->
+    <div v-if="isLoading" class="h-20r radius-semi pos-relative w-100 bg-light">
+      <Loader />
+    </div>
+    <!-- Empty State -->
+    <div v-else-if="!entities.length" class="bg-light radius-semi flex flex-center w-100 h-20r">
+      <p class="text-gray-500">{{t('title')}}</p>
+    </div>
+    <!-- Slider with loaded entities -->
+    <Slider v-else :showDots="showDots">
+      <div 
+        v-for="(entity, key) in entities" 
+        :key="key"
+        class="carousel__slide pd-nano"
+      >
+        <transition name="fade" mode="out-in" appear>
+          <slot
+            :item="entity"
+            :user="user"
+          ></slot>
+        </transition>
+      </div>
+    </Slider>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { useI18n } from 'vue-i18n'
+import Loader from '@martyrs/src/components/Loader/Loader.vue'
+import Slider from '@martyrs/src/components/Slider/Slider.vue'
+
+const props = defineProps({
+  showDots: Boolean,
+  store: Object,
+  options: Object,
+  text: Object,
+  user: Object
+})
+
+const entities = ref([])
+const isLoading = ref(true)
+
+const { t } = useI18n({
+  messages: props.text
+})
+
+onMounted(async() => {
+  try {
+    entities.value = await props.store.read(props.options)
+  } catch (error) {
+    console.error('Error loading entities:', error)
+    entities.value = []
+  } finally {
+    isLoading.value = false
+  }
+})
+</script>
+
+<style scoped>
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.3s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>

package/src/components/Feed/Feed.vue

@@ -112,7 +112,7 @@
       :horizontal="skeleton.horizontal"
       :loading="skeleton.apply_to_slot"
       :key="'skeleton-' + i"
-      class="radius-medium flex-child-default o-hidden d-block"
+      :class="replaceClasses('radius-medium bg-light pd-thin flex-child-default o-hidden d-block', skeleton.class)"
     />
     <Loader v-if="isLoading && skeleton?.hide"/>
   </TransitionGroup>
@@ -128,7 +128,7 @@
       :description="states.empty.description"
       :action="states.empty.action"
       :callback="states.empty.callback"
-      class="pd-medium mn-b-thin bg-light radius-medium"
+      :class="replaceClasses('pd-medium bg-light radius-medium', states.empty.class)"
     />
    </TransitionGroup>
 

package/src/components/Field/Field.vue

@@ -67,6 +67,7 @@ watch(() => props.autofocus, (newVal) => {
 
 onMounted(() => {
   nextTick(focus);
+  nextTick(resize);
 });
 
 const text = ref(props.field);