@ozdao/martyrs 0.2.551 → 0.2.553

package/dist/martyrs.es.js

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

package/dist/style.css

@@ -1,12 +1,12 @@
 @charset "UTF-8";
-.help-card[data-v-b502cdb7] {
+.help-card[data-v-4497b8c1] {
   margin-top: auto;
   text-decoration: none;
   color: inherit;
   display: block;
   transition: opacity 0.2s ease;
 }
-.help-card[data-v-b502cdb7]:hover {
+.help-card[data-v-4497b8c1]:hover {
   opacity: 0.8;
 }
 
@@ -1522,83 +1522,101 @@ to {
   overflow: hidden;
   transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.rotate-180[data-v-df6a639b] {
+.rotate-180[data-v-98c67bb6] {
   transform: rotate(180deg);
 }
-.hidden[data-v-df6a639b] {
+.hidden[data-v-98c67bb6] {
 /*  opacity: 0;*/
   width: 0;
   display: none;
 }
-.visible[data-v-df6a639b] {
+.visible[data-v-98c67bb6] {
 /*  opacity: 1;*/
   display: block;
 }
 
 /* Dropdown animations */
-.dropdown-enter[data-v-df6a639b], .dropdown-leave[data-v-df6a639b] {
+.dropdown-enter[data-v-98c67bb6], .dropdown-leave[data-v-98c67bb6] {
   transition: all 0.3s ease-in-out;
 }
-.dropdown-enter-from[data-v-df6a639b], .dropdown-leave-to[data-v-df6a639b] {
+.dropdown-enter-from[data-v-98c67bb6], .dropdown-leave-to[data-v-98c67bb6] {
   opacity: 0;
   transform: translateY(-0.5rem);
 }
-.dropdown-enter-to[data-v-df6a639b], .dropdown-leave-from[data-v-df6a639b] {
+.dropdown-enter-to[data-v-98c67bb6], .dropdown-leave-from[data-v-98c67bb6] {
   opacity: 1;
   transform: translateY(0);
 }
 
 /* Horizontal dropdown submenu */
-.dropdown-submenu[data-v-df6a639b] {
+.dropdown-submenu[data-v-98c67bb6] {
   list-style: none;
   padding: 0.5rem;
   margin: 0;
   min-width: 12rem;
 }
-.dropdown-submenu li[data-v-df6a639b] {
+.dropdown-submenu li[data-v-98c67bb6] {
   width: 100%;
 }
-.dropdown-submenu a[data-v-df6a639b] {
+.dropdown-submenu a[data-v-98c67bb6] {
   display: flex;
   text-decoration: none;
   white-space: nowrap;
 }
 
 /* Transition for horizontal dropdown */
-[data-v-df6a639b] .TransitionTranslateY-enter-active,[data-v-df6a639b] .TransitionTranslateY-leave-active {
+[data-v-98c67bb6] .TransitionTranslateY-enter-active,[data-v-98c67bb6] .TransitionTranslateY-leave-active {
   transition: translateY 0.2s ease;
    transition: opacity 0.2s ease;
 }
-[data-v-df6a639b] .TransitionTranslateY-enter-from,[data-v-df6a639b] .TransitionTranslateY-leave-to {
+[data-v-98c67bb6] .TransitionTranslateY-enter-from,[data-v-98c67bb6] .TransitionTranslateY-leave-to {
   opacity: 0;
   transform: translateY(-0.5rem);
 }
-[data-v-df6a639b] .TransitionTranslateY-enter-to,[data-v-df6a639b] .TransitionTranslateY-leave-from {
+[data-v-98c67bb6] .TransitionTranslateY-enter-to,[data-v-98c67bb6] .TransitionTranslateY-leave-from {
   opacity: 1;
   transform: translateY(0);
 }
 
-.hidden[data-v-8a8deddd] {
+.hidden[data-v-3a896578] {
   opacity: 0;
   width: 0;
   display: none;
 }
-.visible[data-v-8a8deddd] {
+.visible[data-v-3a896578] {
   opacity: 1;
   display: block;
 }
+
+/* Mobile: ВСЕГДА скрываем, показываем ТОЛЬКО по клику меню */
+@media (max-width: 1024px) {
+aside[data-sidebar][data-v-3a896578] {
+    position: fixed !important;
+    left: 0 !important;
+    transform: translateX(-100%) !important;
+    visibility: hidden !important;
+    z-index: 1000 !important;
+}
+
+  /* Показываем ТОЛЬКО когда manual клик (НЕ от SSR state) */
+aside[data-sidebar].mobile-opened[data-v-3a896578] {
+    transform: translateX(0) !important;
+    visibility: visible !important;
+}
+}
+
 /* Scrollbar styles */
-[data-v-8a8deddd]::-webkit-scrollbar {
+[data-v-3a896578]::-webkit-scrollbar {
   width: 6px;
 }
-[data-v-8a8deddd]::-webkit-scrollbar-track {
+[data-v-3a896578]::-webkit-scrollbar-track {
   background: transparent;
 }
-[data-v-8a8deddd]::-webkit-scrollbar-thumb {
+[data-v-3a896578]::-webkit-scrollbar-thumb {
   background-color: var(--grey-micro);
   border-radius: 3px;
 }
-[data-v-8a8deddd]::-webkit-scrollbar-thumb:hover {
+[data-v-3a896578]::-webkit-scrollbar-thumb:hover {
   background-color: var(--grey-small);
 }
 .eye[data-v-4241147a] {
@@ -1826,6 +1844,13 @@ to { transform: rotate(360deg);
   flex: 0 0 100%;
   min-width: 0;
 }
+  /* Add styles for the user card component here */
+
+.subdepartmentsartment[data-v-15433dc1] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
+
 /* Ваши стили */
 .thc {
   position: absolute;
@@ -2246,13 +2271,6 @@ to {
 }
 }
 
-.subdepartmentsartment[data-v-15433dc1] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
-}
-
-  /* Add styles for the user card component here */
-
 .documents[data-v-101cc538] {
   display: flex;
   flex-direction: column;
@@ -2399,17 +2417,19 @@ to { opacity: 1; transform: translateY(0);
 }
 }
 /* Стили остаются неизменными */
-.media-container[data-v-a4e8161a] {
+.media-container[data-v-86f454ea] {
 }
-.media-item[data-v-a4e8161a] {
-  all: inherit;
+.media-item[data-v-86f454ea] {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
   opacity: 1;
   transition: opacity 0.3s ease;
 }
-.media-item.loading[data-v-a4e8161a] {
+.media-item.loading[data-v-86f454ea] {
   opacity: 0;
 }
-.media-placeholder[data-v-a4e8161a] {
+.media-placeholder[data-v-86f454ea] {
   position: absolute;
   top: 0;
   left: 0;
@@ -2418,12 +2438,21 @@ to { opacity: 1; transform: translateY(0);
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: #f5f5f5;
 }
-.media-error[data-v-a4e8161a] {
-  color: #ff4444;
-  padding: 1rem;
-  text-align: center;
+.media-error[data-v-86f454ea] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(var(--light), 1);
+}
+.media-error svg[data-v-86f454ea] {
+  width: 50%;
+  height: 50%;
 }
 .slider-hotpost .embla__slide {
   flex: 0 0 75%;
@@ -2862,7 +2891,7 @@ to { opacity: 1; transform: translateY(0);
 .bg-danger[data-v-58dea369] {
   background-color: #ef4444;
 }
-#map[data-v-3f5b8478]:focus {
+#map[data-v-31c24ebe]:focus {
   outline: none;
 }
   /* Add styles for the user card component here */
@@ -3491,10 +3520,10 @@ html.barcode-scanner-active-html {
   aspect-ratio: 1/1;
   height: 100%;
   background: #ccc;
-}.blink[data-v-d14393d2] {
-  animation: blink-animation-d14393d2 1s ease infinite;
+}.blink[data-v-1a2444ca] {
+  animation: blink-animation-1a2444ca 1s ease infinite;
 }
-@keyframes blink-animation-d14393d2 {
+@keyframes blink-animation-1a2444ca {
 0%, 100% {
     opacity: 1;
 }

package/dist/{web-DvmEV7zh.js → web-i9sCtYxS.js}

@@ -1,4 +1,4 @@
-import { W as p } from "./main-BkG7nL3U.js";
+import { W as p } from "./main-Bywjlw2D.js";
 class f extends p {
   constructor() {
     super(...arguments), this.group = "CapacitorStorage";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.551",
+  "version": "0.2.553",
   "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/builder/modes/ssr.prod.js

@@ -6,30 +6,52 @@ import { createAssetResolver } from '../ssr/asset-resolver.js';
 import { createBeastiesProcessor } from '../ssr/beasties-processor.js';
 
 export default function createSsrProdServer(projectRoot, configs, createServer) {
+  // [LOADING 8] Loading stats and manifest files
+  performance.mark('loading-8-start');
+  console.log('[LOADING 8] Loading stats.json and manifest.json...');
+
   // Load stats for asset resolution
   const statsJson = JSON.parse(readFileSync(path.join(projectRoot, 'builds/web/client/stats.json'), 'utf-8'));
   const serverManifest = JSON.parse(readFileSync(path.join(projectRoot, 'builds/web/server/manifest.json'), 'utf-8'));
   const resolver = createAssetResolver(statsJson);
   const beastiesProcessor = createBeastiesProcessor(projectRoot);
 
+  performance.mark('loading-8-end');
+  performance.measure('loading-8', 'loading-8-start', 'loading-8-end');
+  const measure8 = performance.getEntriesByName('loading-8')[0];
+  console.log(`[LOADING 8] Stats and manifest loaded in ${measure8?.duration?.toFixed(2)}ms`);
+
   const startServer = async () => {
     const { app, server, env } = await createServer.createServer();
     
     // Статика отдается через Nginx, Express не обрабатывает статические файлы
     // Это решает проблему с производительностью
 
+    // [LOADING 9] Importing SSR module from build
+    performance.mark('loading-9-start');
+    console.log('[LOADING 9] Importing SSR module from build...');
+
     const { _renderApp } = await import(path.join(
       path.resolve(projectRoot, 'builds/web/server'),
       serverManifest['main.js']
     ));
 
+    performance.mark('loading-9-end');
+    performance.measure('loading-9', 'loading-9-start', 'loading-9-end');
+    const measure9 = performance.getEntriesByName('loading-9')[0];
+    console.log(`[LOADING 9] SSR module imported in ${measure9?.duration?.toFixed(2)}ms`);
+
     app.use('/*', async (req, res) => {
       // Логируем если это запрос к JS чанку
       if (req.originalUrl.includes('.js')) {
         console.log('[SSR] JS request caught in SSR handler:', req.originalUrl);
       }
+      // [LOADING 10] Starting renderApp processing
+      performance.mark('loading-10-start');
+      console.log('[LOADING 10] Starting renderApp processing...');
+
       const ssrContext = {};
-      
+
       const { html, meta, state, statusCode, usedModules, loadedModules } = await _renderApp({
         url: req.originalUrl,
         cookies: req.cookies,
@@ -37,6 +59,11 @@ export default function createSsrProdServer(projectRoot, configs, createServer)
         ssrContext
       });
 
+      performance.mark('loading-10-end');
+      performance.measure('loading-10', 'loading-10-start', 'loading-10-end');
+      const measure10 = performance.getEntriesByName('loading-10')[0];
+      console.log(`[LOADING 10] renderApp processing completed in ${measure10?.duration?.toFixed(2)}ms`);
+
       if (state.NotFound) {
         res.status(404);
       }
@@ -47,9 +74,22 @@ export default function createSsrProdServer(projectRoot, configs, createServer)
       // Используем loadedModules если они есть, иначе usedModules
       const modulesToLoad = loadedModules || usedModules || [];
 
+      // [LOADING 11] Collecting assets through resolver
+      performance.mark('loading-11-start');
+      console.log('[LOADING 11] Collecting assets through resolver...');
+
       // Use asset resolver to get only needed chunks with critical CSS mode
       const { head, body } = resolver.collect(modulesToLoad, { criticalCss: true });
 
+      performance.mark('loading-11-end');
+      performance.measure('loading-11', 'loading-11-start', 'loading-11-end');
+      const measure11 = performance.getEntriesByName('loading-11')[0];
+      console.log(`[LOADING 11] Assets collected in ${measure11?.duration?.toFixed(2)}ms`);
+
+      // [LOADING 12] Starting HTML finalization and Beasties processing
+      performance.mark('loading-12-start');
+      console.log('[LOADING 12] Starting HTML finalization and Beasties processing...');
+
       let completeHtml = await renderHtml({
         appHtml: html,
         meta,
@@ -58,13 +98,18 @@ export default function createSsrProdServer(projectRoot, configs, createServer)
         initialState,
         loadedModulesJson,
       });
-      
+
       // Обрабатываем HTML через Beasties для извлечения критического CSS
       // Beasties сам определит какие стили используются в HTML
       completeHtml = await beastiesProcessor.processHtml(completeHtml, {
         url: req.originalUrl
       });
 
+      performance.mark('loading-12-end');
+      performance.measure('loading-12', 'loading-12-start', 'loading-12-end');
+      const measure12 = performance.getEntriesByName('loading-12')[0];
+      console.log(`[LOADING 12] HTML finalized and processed in ${measure12?.duration?.toFixed(2)}ms`);
+
       res.status(statusCode).header('Content-Type', 'text/html; charset=utf-8').send(completeHtml);
     });
 
@@ -76,7 +121,16 @@ export default function createSsrProdServer(projectRoot, configs, createServer)
   const start = async () => {
     const server = await startServer();
     try {
-      server.listen(port, () => {});
+      // [LOADING 13] Starting production server
+      performance.mark('loading-13-start');
+      console.log('[LOADING 13] Starting production server on port ' + port + '...');
+
+      server.listen(port, () => {
+        performance.mark('loading-13-end');
+        performance.measure('loading-13', 'loading-13-start', 'loading-13-end');
+        const measure13 = performance.getEntriesByName('loading-13')[0];
+        console.log(`[LOADING 13] Production server started in ${measure13?.duration?.toFixed(2)}ms`);
+      });
     } catch (err) {
       console.error(err);
       process.exit(1);

package/src/builder/modes/ssr.rspack.dev.js

@@ -12,11 +12,21 @@ import { createBeastiesProcessor } from '../ssr/beasties-processor.js';
 
 export default function createSsrDevServer(projectRoot, configs, createServer) {
   const { client, api, ssr } = configs;
-  const clientCompiler = rspack(client); 
+
+  // [LOADING 1] Starting compilers initialization
+  performance.mark('loading-1-start');
+  console.log('[LOADING 1] Initializing Rspack compilers...');
+
+  const clientCompiler = rspack(client);
   const ssrCompiler = rspack(ssr);
   const serverCompiler = rspack(api);
   const beastiesProcessor = createBeastiesProcessor(projectRoot);
 
+  performance.mark('loading-1-end');
+  performance.measure('loading-1', 'loading-1-start', 'loading-1-end');
+  const measure1 = performance.getEntriesByName('loading-1')[0];
+  console.log(`[LOADING 1] Compilers initialized in ${measure1?.duration?.toFixed(2)}ms`);
+
   const createDevRenderer = (onUpdate) => {
     const createHotReloadingServerRenderer = () => {
       const progressPlugin = new ProgressPlugin((percentage, message, ...args) => {});
@@ -26,6 +36,10 @@ export default function createSsrDevServer(projectRoot, configs, createServer) {
       
       let renderApp = null;
 
+      // [LOADING 2] Starting SSR compilation watch
+      performance.mark('loading-2-start');
+      console.log('[LOADING 2] Starting SSR compilation watch...');
+
       ssrCompiler.watch(
         {
           "info-verbosity": "none",
@@ -71,6 +85,12 @@ export default function createSsrDevServer(projectRoot, configs, createServer) {
           // IMPORTANT: Add timestamp to force reimport after recompilation
           const module = await import(`${mainModulePath}?t=${Date.now()}`);
           renderApp = module._renderApp;
+
+          // [LOADING 3] SSR module successfully compiled
+          performance.mark('loading-3-end');
+          performance.measure('loading-3', 'loading-2-start', 'loading-3-end');
+          const measure3 = performance.getEntriesByName('loading-3')[0];
+          console.log(`[LOADING 3] SSR module compiled in ${measure3?.duration?.toFixed(2)}ms`);
         }
       );
       
@@ -87,13 +107,22 @@ export default function createSsrDevServer(projectRoot, configs, createServer) {
     const renderHtml = createHtmlRenderer(onUpdate);
 
     return async (stuff, { stats, outputFileSystem }) => {
+      // [LOADING 4] Starting renderApp
+      performance.mark('loading-4-start');
+      console.log('[LOADING 4] Starting renderApp process...');
+
       const ssrContext = {};
-      
+
       const { html, meta, state, statusCode, usedModules, loadedModules } = await renderApp({
         ...stuff,
         ssrContext
       });
 
+      performance.mark('loading-4-end');
+      performance.measure('loading-4', 'loading-4-start', 'loading-4-end');
+      const measure4 = performance.getEntriesByName('loading-4')[0];
+      console.log(`[LOADING 4] renderApp completed in ${measure4?.duration?.toFixed(2)}ms`);
+
       // Используем loadedModules если они есть, иначе usedModules
       const modulesToLoad = loadedModules || usedModules || [];
 
@@ -122,6 +151,10 @@ export default function createSsrDevServer(projectRoot, configs, createServer) {
       const initialState = JSON.stringify(state);
       const loadedModulesJson = JSON.stringify(loadedModules || []);
 
+      // [LOADING 5] Starting HTML rendering and Beasties processing
+      performance.mark('loading-5-start');
+      console.log('[LOADING 5] Starting HTML rendering and Beasties processing...');
+
       let completeHtml = await renderHtml({
         appHtml: html,
         meta,
@@ -130,12 +163,17 @@ export default function createSsrDevServer(projectRoot, configs, createServer) {
         initialState,
         loadedModulesJson,
       });
-      
+
       // Обрабатываем HTML через Beasties для извлечения критического CSS
       completeHtml = await beastiesProcessor.processHtml(completeHtml, {
         url: stuff.url
       });
-      
+
+      performance.mark('loading-5-end');
+      performance.measure('loading-5', 'loading-5-start', 'loading-5-end');
+      const measure5 = performance.getEntriesByName('loading-5')[0];
+      console.log(`[LOADING 5] HTML rendering and Beasties completed in ${measure5?.duration?.toFixed(2)}ms`);
+
       return { html: completeHtml, statusCode };
     };
   };
@@ -153,18 +191,27 @@ export default function createSsrDevServer(projectRoot, configs, createServer) {
     
     
     try {
+      // [LOADING 6] Loading server module
+      performance.mark('loading-6-start');
+      console.log('[LOADING 6] Loading server module...');
+
       // Получаем путь к скомпилированному файлу
       const { outputPath } = stats.toJson();
       const entryName = Object.keys(stats.toJson().entrypoints)[0];
       const assetName = stats.toJson().entrypoints[entryName].assets[0].name;
-      
+
       // Импортируем с уникальным параметром для сброса кэша
       serverModule = await import(`file://${path.resolve(outputPath, assetName)}?t=${Date.now()}`);
-      
+
       if (typeof serverModule.createServer !== 'function') {
         throw new Error("Экспорт createServer не найден");
       }
-      
+
+      performance.mark('loading-6-end');
+      performance.measure('loading-6', 'loading-6-start', 'loading-6-end');
+      const measure6 = performance.getEntriesByName('loading-6')[0];
+      console.log(`[LOADING 6] Server module loaded in ${measure6?.duration?.toFixed(2)}ms`);
+
       await startServer();
     } catch (error) {
       console.error("Ошибка при загрузке серверного модуля:", error);
@@ -247,7 +294,16 @@ export default function createSsrDevServer(projectRoot, configs, createServer) {
     serverInstance = server;
 
     try {
+      // [LOADING 7] Starting server
+      performance.mark('loading-7-start');
+      console.log('[LOADING 7] Starting server on port ' + port + '...');
+
       await server.listen(port);
+
+      performance.mark('loading-7-end');
+      performance.measure('loading-7', 'loading-7-start', 'loading-7-end');
+      const measure7 = performance.getEntriesByName('loading-7')[0];
+      console.log(`[LOADING 7] Server started successfully in ${measure7?.duration?.toFixed(2)}ms`);
     } catch (err) {
       console.error(err);
       process.exit(1);

package/src/builder/rspack/rspack.config.ssr.client.js

@@ -10,10 +10,14 @@ import baseConfig from './rspack.config.base.js';
 
 export default (projectRoot) => {
   const isProd = process.env.NODE_ENV === "production";
+
+  console.log('[rspack.config.ssr.client] isProd:', isProd, 'NODE_ENV:', process.env.NODE_ENV);
+  console.log('[rspack.config.ssr.client] lazyCompilation will be set to: false');
+
   const config = {
     target: 'web',
     mode: !isProd ? "development" : "production",
-    devtool: !isProd ? "inline-source-map" : "source-map",
+    devtool: !isProd ? "eval-cheap-module-source-map" : "source-map",
     entry: {
       main: path.resolve(projectRoot, "src/client.js"),
     },
@@ -27,7 +31,16 @@ export default (projectRoot) => {
       publicPath: "/",
       clean: true
     },
-    
+
+    externals: {
+      // Node.js modules - не bundлить для клиента
+      'async_hooks': 'commonjs2 async_hooks'
+    },
+
+    experiments: {
+      lazyCompilation: false, // Отключаем lazy compilation для dev - все chunks компилируются при старте
+    },
+
     plugins: [
       // ...(!isProd ? [new rspack.HotModuleReplacementPlugin()] : []),
       new StatsWriterPlugin({
@@ -144,10 +157,10 @@ export default (projectRoot) => {
       runtimeChunk: false,
       splitChunks: {
         chunks: "all",
-        minSize: 10000,
+        minSize: 50000,
         minChunks: 1,
-        maxAsyncRequests: 30,
-        maxInitialRequests: 5,
+        maxAsyncRequests: 10,
+        maxInitialRequests: 6,
         cacheGroups: {
           // Vendor libraries (except Vue)
           vendor: {

package/src/components/Dropdown/Dropdown.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     class="dropdown pos-relative"
-    v-click-outside="trigger === 'click' ? clickedOutside : undefined"
+    v-click-outside="clickedOutside"
     @click.stop="trigger === 'click' ? (isOpen = !isOpen) : null"
     @mouseenter="trigger === 'hover' ? (isOpen = true) : null"
     @mouseleave="trigger === 'hover' ? (isOpen = false) : null"
@@ -51,7 +51,9 @@ const isOpen = ref(false);
 const isComponentLabel = computed(() => typeof props.label === 'object');
 
 function clickedOutside () {
-  isOpen.value = false
+  if (props.trigger === 'click') {
+    isOpen.value = false
+  }
 }
 </script>
 

package/src/components/FieldPhone/click-outside.js

@@ -13,7 +13,9 @@ export default {
       // Проверка, что клик был сделан за пределами элемента и не на самом элементе
       if (!(el === event.target || el.contains(event.target))) {
         // Вызов переданной функции, если условие выполняется
-        binding.value(event);
+        if (typeof binding.value === 'function') {
+          binding.value(event);
+        }
       }
     };