@ozdao/martyrs 0.2.441 → 0.2.442

package/dist/martyrs.es.js

@@ -1,4 +1,4 @@
-import { a as o, t, b as d, c as r, u as l, v as i, w as p, d as u, x as n, e as m, y as M, F as S, z as c, f as F, A as g, L as h, g as b, M as k, E as x, n as B, o as C, h as T, i as U, S as f, j as w, B as D, C as E, k as I, D as L, l as P, q, p as y, U as A, r as j, s as v, m as z } from "./main-CjkWUdaL.mjs";
+import { a as o, t, b as d, c as r, u as l, v as i, w as p, d as u, x as n, e as m, y as M, F as S, z as c, f as F, A as g, L as h, g as b, M as k, E as x, n as B, o as C, h as T, i as U, S as f, j as w, B as D, C as E, k as I, D as L, l as P, q, p as y, U as A, r as j, s as v, m as z } from "./main-CDEflXWy.mjs";
 import "vue";
 export {
   o as Address,

package/dist/style.css

@@ -2230,11 +2230,6 @@ to {
 .spoiler-active[data-v-e326492a] {
   transform: rotate(180deg);
 }
-#glcanvas {
-    width: 100%;
-    height: 100%;
-}
-
 .spiral {
 	
   background-size: cover;
@@ -2464,29 +2459,29 @@ to {
     transform: translateX(100%);
     opacity: 0;
 }
-}#grid2 {
+}#grid2[data-v-9f4050ad] {
   transition: 500ms;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 3px;
   background: crimson;
 }
-:where(.left, .center, .right) {
+:where(.left[data-v-9f4050ad], .center[data-v-9f4050ad], .right[data-v-9f4050ad]) {
   background: navajowhite;
   transition: 300ms;
 }
-:where(.left, .center, .right):hover {
+:where(.left[data-v-9f4050ad], .center[data-v-9f4050ad], .right[data-v-9f4050ad]):hover {
   background: crimson;
 }
-#grid2:has(.left:hover) {
+#grid2[data-v-9f4050ad]:has(.left:hover) {
   grid-template-columns: 2fr 0.5fr 0.5fr;
   padding: 3rem;
 }
-#grid2:has(.center:hover) {
+#grid2[data-v-9f4050ad]:has(.center:hover) {
   grid-template-columns: 0.5fr 2fr 0.5fr;
   padding: 3rem;
 }
-#grid2:has(.right:hover) {
+#grid2[data-v-9f4050ad]:has(.right:hover) {
   grid-template-columns: 0.5fr 0.5fr 2fr;
   padding: 3rem;
 }.timeline .timeline-item[data-v-148fd4a9] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.441",
+  "version": "0.2.442",
   "description": "Fullstack framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/components/Shader/Shader.vue

@@ -1,173 +1,116 @@
 <template>
-  <canvas id="glcanvas" ref="refCanvas"/>
+  <canvas ref="refCanvas" />
 </template>
 
 <script setup>
-  import {onMounted, ref} from 'vue'
-
-  onMounted(() => {
-      const canvas = document.getElementById('glcanvas');
-      const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
-
-      const vsSource = `
-        attribute vec4 aVertexPosition;
-        void main() {
-          gl_Position = aVertexPosition;
-        }
-     `;
-
-     // Fragment shader (your GLSL code goes here)
-     const fsSource = `
-        precision mediump float;
-
-       const float PI = 3.14159265358979323846264;
-       const float TWOPI = PI * 2.0;
-       const vec4 WHITE = vec4(0.0, 1.0, 0.533, 1); // Для цвета F6F9F7
-       const vec4 BLACK = vec4(0.0, 0.9, 0.48, 1); // Для цвета EBF2ED
-
-       const int MAX_RINGS = 30;
-       const float RING_DISTANCE = 0.03;
-       const float WAVE_COUNT = 60.0;
-       const float WAVE_DEPTH = 0.08;
-
-       uniform float iTime;
-       uniform vec2 iResolution;
-
-       void main() {
-           float rot = mod(iTime * 0.6, TWOPI);
-           vec2 fragCoord = gl_FragCoord.xy;
-           vec2 pos = vec2(fragCoord.x / iResolution.x, fragCoord.y / iResolution.y);
-           pos = vec2(3.0 * (pos.x - 0.5), 3.0 * (pos.y - 0.4));
-           float x = pos.x;
-           float y = pos.y;
-
-           bool black = false;
-           float prevRingDist = RING_DISTANCE;
-           for (int i = 0; i < MAX_RINGS; i++) {
-               vec2 center = vec2(0.0, 0.7 - RING_DISTANCE * float(i) * 1.2);
-               float radius = 0.5 + RING_DISTANCE / (pow(float(i + 5), 1.1) * 0.006);
-               float dist = distance(center, pos);
-               dist = pow(dist, 0.3);
-               float ringDist = abs(dist - radius);
-               if (ringDist < RING_DISTANCE * prevRingDist * 7.0) {
-                   float angle = atan(y - center.y, x - center.x);
-                   float thickness = 1.1 * abs(dist - radius) / prevRingDist;
-                   float depthFactor = WAVE_DEPTH * sin((angle + rot * radius) * WAVE_COUNT);
-                   if (dist > radius) {
-                       black = (thickness < RING_DISTANCE * 5.0 - depthFactor * 2.0);
-                   } else {
-                       black = (thickness < RING_DISTANCE * 5.0 + depthFactor);
-                   }
-                   break;
-               }
-               if (dist > radius) break;
-               prevRingDist = ringDist;
-           }
-
-           gl_FragColor = black ? BLACK : WHITE;
-       }
-
-     `;
-
-     function compileShader(gl, type, source) {
-         const shader = gl.createShader(type);
-         gl.shaderSource(shader, source);
-         gl.compileShader(shader);
-
-         // Check for compilation errors
-         if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-             alert('An error occurred compiling the shaders: ' + gl.getShaderInfoLog(shader));
-             gl.deleteShader(shader);
-             return null;
-         }
-
-         return shader;
-     }
-
-     const vertexShader = compileShader(gl, gl.VERTEX_SHADER, vsSource);
-     const fragmentShader = compileShader(gl, gl.FRAGMENT_SHADER, fsSource);
-
-     // Create the shader program
-     const shaderProgram = gl.createProgram();
-
-     gl.attachShader(shaderProgram, vertexShader);
-     gl.attachShader(shaderProgram, fragmentShader);
-     gl.linkProgram(shaderProgram);
-
-     // Check for linking errors
-     if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
-         alert('Unable to initialize the shader program: ' + gl.getProgramInfoLog(shaderProgram));
-     }
-
-     function resizeCanvasToDisplaySize(canvas) {
-          const width = canvas.clientWidth * window.devicePixelRatio;
-          const height = canvas.clientHeight * window.devicePixelRatio;
-          if (canvas.width !== width || canvas.height !== height) {
-              canvas.width = width;
-              canvas.height = height;
-              return true; // размер изменился
-          }
-          return false; // размер не изменился
-      }
-
-
-     function render() {
-      if (resizeCanvasToDisplaySize(gl.canvas)) {
-          gl.viewport(0, 0, gl.canvas.width, gl.canvas.height);
-        }
-        gl.clearColor(0.0, 0.0, 0.0, 1.0); // Clear to black, fully opaque
-        gl.clearDepth(1.0);                 // Clear everything
-        gl.enable(gl.DEPTH_TEST);           // Enable depth testing
-        gl.depthFunc(gl.LEQUAL);            // Near things obscure far things
-
-        // Clear the canvas before we start drawing on it
-        gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
-
-        // Set the shader program
-        gl.useProgram(shaderProgram);
-
-        // Set up geometry, attributes, uniforms here
-        // Create a buffer for the square's positions
-        const positionBuffer = gl.createBuffer();
-        gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
-
-        // Now create an array of positions for the square
-        const positions = [
-            -1.0,  1.0,
-            1.0,  1.0,
-            -1.0, -1.0,
-            1.0, -1.0,
-        ];
-
-        // Pass the positions to WebGL
-        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(positions), gl.STATIC_DRAW);
-
-        // Tell WebGL how to pull out the positions from the position buffer
-        const vertexPosition = gl.getAttribLocation(shaderProgram, 'aVertexPosition');
-        gl.vertexAttribPointer(vertexPosition, 2, gl.FLOAT, false, 0, 0);
-        gl.enableVertexAttribArray(vertexPosition);
-
-        // Set the shader uniforms
-        var timeUniformLocation = gl.getUniformLocation(shaderProgram, 'iTime');
-        var resolutionUniformLocation = gl.getUniformLocation(shaderProgram, 'iResolution');
-
-        gl.uniform1f(timeUniformLocation, performance.now() / 3000.0);
-        gl.uniform2f(resolutionUniformLocation, gl.canvas.width, gl.canvas.height);
-
-        // Draw the scene
-        gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
-
-        // Call render again on the next frame
-        requestAnimationFrame(render);
-     }
-    requestAnimationFrame(render);
-
-  });
+import { onMounted, ref } from 'vue'
+
+const props = defineProps({
+  shader: {
+    type: String,
+    required: true
+  }
+})
+
+const refCanvas = ref(null)
+
+onMounted(() => {
+  const canvas = refCanvas.value
+  const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl')
+
+  const vsSource = `
+    attribute vec4 aVertexPosition;
+    void main() {
+      gl_Position = aVertexPosition;
+    }
+  `
+
+  const fsSource = props.shader
+
+  function compileShader(gl, type, source) {
+    const shader = gl.createShader(type)
+    gl.shaderSource(shader, source)
+    gl.compileShader(shader)
+
+    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+      alert('An error occurred compiling the shaders: ' + gl.getShaderInfoLog(shader))
+      gl.deleteShader(shader)
+      return null
+    }
+
+    return shader
+  }
+
+  const vertexShader = compileShader(gl, gl.VERTEX_SHADER, vsSource)
+  const fragmentShader = compileShader(gl, gl.FRAGMENT_SHADER, fsSource)
+
+  const shaderProgram = gl.createProgram()
+  gl.attachShader(shaderProgram, vertexShader)
+  gl.attachShader(shaderProgram, fragmentShader)
+  gl.linkProgram(shaderProgram)
+
+  if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
+    alert('Unable to initialize the shader program: ' + gl.getProgramInfoLog(shaderProgram))
+  }
+
+  function resizeCanvasToDisplaySize(canvas) {
+    const width = canvas.clientWidth * window.devicePixelRatio
+    const height = canvas.clientHeight * window.devicePixelRatio
+    if (canvas.width !== width || canvas.height !== height) {
+      canvas.width = width
+      canvas.height = height
+      return true
+    }
+    return false
+  }
+
+  function render() {
+    if (resizeCanvasToDisplaySize(gl.canvas)) {
+      gl.viewport(0, 0, gl.canvas.width, gl.canvas.height)
+    }
+
+    gl.clearColor(0.0, 0.0, 0.0, 1.0)
+    gl.clearDepth(1.0)
+    gl.enable(gl.DEPTH_TEST)
+    gl.depthFunc(gl.LEQUAL)
+
+    gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT)
+    gl.useProgram(shaderProgram)
+
+    const positionBuffer = gl.createBuffer()
+    gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer)
+
+    const positions = [
+      -1.0, 1.0,
+      1.0, 1.0,
+      -1.0, -1.0,
+      1.0, -1.0,
+    ]
+
+    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(positions), gl.STATIC_DRAW)
+
+    const vertexPosition = gl.getAttribLocation(shaderProgram, 'aVertexPosition')
+    gl.vertexAttribPointer(vertexPosition, 2, gl.FLOAT, false, 0, 0)
+    gl.enableVertexAttribArray(vertexPosition)
+
+    const timeUniformLocation = gl.getUniformLocation(shaderProgram, 'iTime')
+    const resolutionUniformLocation = gl.getUniformLocation(shaderProgram, 'iResolution')
+
+    gl.uniform1f(timeUniformLocation, performance.now() / 3000.0)
+    gl.uniform2f(resolutionUniformLocation, gl.canvas.width, gl.canvas.height)
+
+    gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4)
+
+    requestAnimationFrame(render)
+  }
+
+  requestAnimationFrame(render)
+})
 </script>
 
-<style >
-  #glcanvas {
+<style scoped>
+  canvas {
     width: 100%;
     height: 100%;
   }
-</style>
+</style>

package/src/modules/community/components/layouts/Community.vue

@@ -26,7 +26,7 @@
 				</header>
 
 				<div  v-if="!route.params.url && route.name !=='Create BlogPost'"  class="w-100 pos-relative">
-					<ul class="align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide">
+					<ul class="align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin mobile:flex-column flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide">
 						<li  	
 							:class="{'t-black bg-white': route.params.category === 'featured' }" 					
 							@click="() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}" 

package/src/modules/landing/components/sections/SectionFeaturesImages.vue

@@ -87,7 +87,7 @@ const props = defineProps({
   const { t, tm } = useI18n(props.textData)
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped> 
 
 #grid2 {
   transition: 500ms;

package/src/styles/config.scss

@@ -293,6 +293,19 @@ $flex-direction: (
   'column': column
 );
 
+$order: (
+  '1': 1,
+  '2': 2,
+  '3': 3,
+  '4': 4,
+  '5': 5,
+  '6': 6,
+  '7': 7,
+  '8': 8,
+  '9': 9,
+  '10': 10
+);
+
 body {
 	@include generate-utility-classes('pd',	'padding', $modifiers, $combined, $breakpoints);
 	@include generate-utility-classes('mn', 'margin', $modifiers, $combined, $breakpoints);
@@ -322,6 +335,7 @@ body {
 	@include generate-utility-classes('flex', 'justify-content', null, $justify-content, $breakpoints);
 	@include generate-utility-classes('flex', 'align-items', null, $align-items, $breakpoints);
 	@include generate-utility-classes('flex', 'flex-direction', null, $flex-direction, $breakpoints);
+	@include generate-utility-classes('order', 'order', null, $order, $breakpoints);
 	
 	@include generate-bg-classes('bg-main', 	'main');
 	@include generate-bg-classes('bg-second',	'second');

package/dist/martyrs/src/components/Dropdown/Dropdown.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.vue.js","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n  <div class=\"dropdown pos-relative\" v-click-outside=\"clickedOutside\" @click.stop=\"isOpen = !isOpen\">\n    <div v-if=\"isComponentLabel\" class=\"w-100 h-100 flex-center flex\">\n      <component :is=\"label.component\" v-bind=\"label.props\" :class=\"label.class\"></component>\n    </div>\n    <div v-else>\n      {{ label }}\n    </div>\n    <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n      <div \n        v-show=\"isOpen\" \n        :style=\"{ left: align === 'left' ? '0' : 'auto', right: align === 'right' ? '0' : 'auto' }\" \n        class=\"dropdown-content radius-big\" \n      >\n        <slot></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport clickOutside from '../FieldPhone/click-outside';\n\nlet vClickOutside = clickOutside\n\nconst props = defineProps({\n  label: {\n    type: [String, Object],\n    default: 'Open'\n  },\n  align: {\n    type: String,\n    default: 'left'\n  }\n})\n\nconst isOpen = ref(false);\nconst isComponentLabel = computed(() => typeof props.label === 'object');\n\nfunction clickedOutside () {\n  isOpen.value = false\n}\n</script>\n\n<style >\n.dropdown-content {\n  display: block;\n  position: absolute;\n  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n  z-index: 1;\n}\n\n/*.dropdown:hover .dropdown-content {\n  display: block;\n}*/\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBA,QAAI,gBAAgB;AAEpB,UAAM,QAAQ;AAWd,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,mBAAmB,SAAS,MAAM,OAAO,MAAM,UAAU,QAAQ;AAEvE,aAAS,iBAAkB;AACzB,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tooltip/Tooltip.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.vue.js","sources":["../../../../../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div class=\"cursor-pointer tooltip-container\" @mouseover=\"showTooltip\" @mouseleave=\"hideTooltip\">\n    <slot></slot>\n    <div  class=\"tooltip-content\" :style=\"tooltipStyle\">\n      {{ text }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue';\n\nconst props = defineProps({\n  text: {\n    type: String,\n    required: true\n  }\n});\n\nconst visible = ref(false);\n\nconst tooltipStyle = reactive({\n  position: 'absolute',\n  width: 'max-content',\n  zIndex: 1000,\n  background: '#333',\n  color: '#fff',\n  padding: '5px 10px',\n  borderRadius: '3px',\n  fontSize: '14px',\n  display: 'none',\n});\n\nfunction showTooltip(event) {\n  visible.value = true;\n  tooltipStyle.left = `${(event.clientX / 100) + 10 }px`;\n  tooltipStyle.top = `${(event.clientY / 100) + 10 }px`;\n  tooltipStyle.display = 'block';\n}\n\nfunction hideTooltip() {\n  visible.value = false;\n  tooltipStyle.display = 'none';\n}\n</script>\n\n<style >\n.tooltip-container {\n  position: relative;\n  display: inline-block;\n}\n\n.tooltip-content {\n  pointer-events: none;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAmBA,UAAM,UAAU,IAAI,KAAK;AAEzB,UAAM,eAAe,SAAS;AAAA,MAC5B,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MACV,SAAS;AAAA,IACX,CAAC;AAED,aAAS,YAAY,OAAO;AAC1B,cAAQ,QAAQ;AAChB,mBAAa,OAAO,GAAI,MAAM,UAAU,MAAO,EAAE;AACjD,mBAAa,MAAM,GAAI,MAAM,UAAU,MAAO,EAAE;AAChD,mBAAa,UAAU;AAAA,IACzB;AAEA,aAAS,cAAc;AACrB,cAAQ,QAAQ;AAChB,mBAAa,UAAU;AAAA,IACzB;;;;;;;;;;;;;;;;"}