{"id":12329,"date":"2026-07-28T13:03:04","date_gmt":"2026-07-28T10:03:04","guid":{"rendered":"https:\/\/igim.org.ua\/?page_id=12329"},"modified":"2026-07-28T13:11:01","modified_gmt":"2026-07-28T10:11:01","slug":"%d0%b0%d0%ba%d0%b0%d0%b4%d0%b5%d0%bc%d1%96%d1%87%d0%bd%d0%b0-%d0%b4%d0%be%d0%b1%d1%80%d0%be%d1%87%d0%b5%d1%81%d0%bd%d1%96%d1%81%d1%82%d1%8c","status":"publish","type":"page","link":"https:\/\/igim.org.ua\/en\/academic_integrity","title":{"rendered":"\u0410\u043a\u0430\u0434\u0435\u043c\u0456\u0447\u043d\u0430 \u0434\u043e\u0431\u0440\u043e\u0447\u0435\u0441\u043d\u0456\u0441\u0442\u044c"},"content":{"rendered":"<!-- \u0410\u043a\u0430\u0434\u0435\u043c\u0456\u0447\u043d\u0430 \u0434\u043e\u0431\u0440\u043e\u0447\u0435\u0441\u043d\u0456\u0441\u0442\u044c -->\r\n<div id=\"integrity-host\"><\/div>\r\n\r\n<script>\r\n(function() {\r\n  var host = document.getElementById('integrity-host');\r\n  var shadow = host.attachShadow({ mode: 'open' });\r\n\r\n  var style = document.createElement('style');\r\n  style.textContent = `\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;600;700&display=swap');\r\n\r\n    :host { display: block; }\r\n\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    .ai-container {\r\n      background: #ffffff;\r\n      color: #1a1a1a;\r\n      padding: 40px 20px;\r\n      font-family: 'Roboto', sans-serif;\r\n      font-size: 16px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .ai-header {\r\n      padding-bottom: 24px;\r\n      border-bottom: 2px solid #e5e5e5;\r\n      margin-bottom: 32px;\r\n    }\r\n\r\n    .ai-icon-title {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 14px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .ai-icon-badge {\r\n      width: 48px;\r\n      height: 48px;\r\n      flex-shrink: 0;\r\n      border-radius: 10px;\r\n      background: linear-gradient(135deg, #1a73e8, #1a3c6e);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-shadow: 0 4px 12px rgba(26,115,232,0.25);\r\n    }\r\n\r\n    .ai-title {\r\n      font-size: 1.9rem;\r\n      font-weight: 600;\r\n      color: #1a3c6e;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .ai-lead {\r\n      font-size: 1rem;\r\n      color: #444;\r\n      max-width: 780px;\r\n    }\r\n\r\n    .ai-docs {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 18px;\r\n    }\r\n\r\n    .ai-doc-item {\r\n      background: #f9f9f9;\r\n      border: 1px solid #e5e5e5;\r\n      border-left: 3px solid #1a73e8;\r\n      border-radius: 4px;\r\n      overflow: hidden;\r\n      transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .ai-doc-item:hover {\r\n      box-shadow: 0 8px 20px rgba(26,115,232,0.12);\r\n    }\r\n\r\n    .ai-doc-item.ai-active {\r\n      border-left-color: #0d47a1;\r\n    }\r\n\r\n    .ai-doc-card {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 20px;\r\n      padding: 22px 24px;\r\n      cursor: pointer;\r\n      background: transparent;\r\n      transition: background 0.3s ease;\r\n      user-select: none;\r\n    }\r\n\r\n    .ai-doc-item:hover .ai-doc-card { background: #f0f4ff; }\r\n\r\n    .ai-doc-icon {\r\n      flex-shrink: 0;\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 8px;\r\n      background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%);\r\n      border: 1px solid #d0deff;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #1a73e8;\r\n      transition: background 0.3s ease, color 0.3s ease;\r\n    }\r\n\r\n    .ai-doc-item:hover .ai-doc-icon,\r\n    .ai-doc-item.ai-active .ai-doc-icon {\r\n      background: linear-gradient(135deg, #1a73e8, #0d47a1);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .ai-doc-body { flex: 1; min-width: 0; }\r\n\r\n    .ai-doc-label {\r\n      font-size: 0.75rem;\r\n      font-weight: 600;\r\n      color: #1a73e8;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    .ai-doc-name {\r\n      font-size: 1rem;\r\n      font-weight: 500;\r\n      color: #1a1a1a;\r\n    }\r\n\r\n    .ai-doc-toggle {\r\n      flex-shrink: 0;\r\n      color: #1a73e8;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .ai-doc-item.ai-active .ai-doc-toggle {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    .ai-doc-preview-wrap {\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.45s ease;\r\n    }\r\n\r\n    .ai-doc-item.ai-active .ai-doc-preview-wrap {\r\n      max-height: 340px;\r\n    }\r\n\r\n    .ai-doc-preview {\r\n      margin: 0 24px 22px 24px;\r\n      border-radius: 4px;\r\n      border: 1px solid #d0deff;\r\n      overflow: hidden;\r\n      position: relative;\r\n      cursor: zoom-in;\r\n      background: #fff;\r\n    }\r\n\r\n    .ai-doc-preview iframe {\r\n      width: 100%;\r\n      height: 260px;\r\n      border: none;\r\n      display: block;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ai-doc-preview-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 8px;\r\n      background: rgba(26,54,110,0);\r\n      color: #ffffff;\r\n      font-size: 0.85rem;\r\n      font-weight: 500;\r\n      opacity: 0;\r\n      transition: background 0.25s ease, opacity 0.25s ease;\r\n    }\r\n\r\n    .ai-doc-preview:hover .ai-doc-preview-overlay {\r\n      background: rgba(13,20,40,0.45);\r\n      opacity: 1;\r\n    }\r\n\r\n    .ai-doc-preview-overlay span {\r\n      background: rgba(26,115,232,0.9);\r\n      padding: 8px 16px;\r\n      border-radius: 20px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n    }\r\n\r\n    .ai-footer-hint {\r\n      text-align: center;\r\n      color: #999;\r\n      font-size: 0.85rem;\r\n      margin-top: 36px;\r\n      padding-top: 20px;\r\n      border-top: 1px solid #e5e5e5;\r\n    }\r\n\r\n    \/* \u2500\u2500 Fullscreen modal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .ai-modal-overlay {\r\n      position: fixed;\r\n      inset: 0;\r\n      background: rgba(10,16,30,0.72);\r\n      display: none;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 30px 20px;\r\n      z-index: 2147483000;\r\n    }\r\n\r\n    .ai-modal-overlay.ai-modal-active { display: flex; }\r\n\r\n    .ai-modal-box {\r\n      background: #ffffff;\r\n      width: min(1000px, 100%);\r\n      height: min(88vh, 900px);\r\n      border-radius: 6px;\r\n      overflow: hidden;\r\n      position: relative;\r\n      box-shadow: 0 30px 70px rgba(0,0,0,0.35);\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .ai-modal-head {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      padding: 14px 18px;\r\n      background: #1a3c6e;\r\n      color: #fff;\r\n    }\r\n\r\n    .ai-modal-head-title {\r\n      font-size: 0.95rem;\r\n      font-weight: 500;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .ai-modal-close {\r\n      flex-shrink: 0;\r\n      width: 32px;\r\n      height: 32px;\r\n      border-radius: 50%;\r\n      background: rgba(255,255,255,0.12);\r\n      border: none;\r\n      color: #fff;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      transition: background 0.2s ease;\r\n    }\r\n\r\n    .ai-modal-close:hover { background: rgba(255,255,255,0.25); }\r\n\r\n    .ai-modal-box iframe {\r\n      flex: 1;\r\n      width: 100%;\r\n      border: none;\r\n      display: block;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .ai-container { padding: 24px 16px; }\r\n      .ai-title { font-size: 1.5rem; }\r\n      .ai-doc-card { padding: 16px; gap: 14px; }\r\n      .ai-doc-preview { margin: 0 16px 18px 16px; }\r\n      .ai-modal-overlay { padding: 0; }\r\n      .ai-modal-box { width: 100%; height: 100%; border-radius: 0; }\r\n    }\r\n  `;\r\n\r\n  shadow.appendChild(style);\r\n\r\n  shadow.innerHTML += `\r\n    <div class=\"ai-container\">\r\n\r\n      <div class=\"ai-header\">\r\n        <div class=\"ai-icon-title\">\r\n          <div class=\"ai-icon-badge\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\"><path d=\"M12 2 3 7v6c0 5 4 9 9 9s9-4 9-9V7z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n          <\/div>\r\n          <h1 class=\"ai-title\">\u0410\u043a\u0430\u0434\u0435\u043c\u0456\u0447\u043d\u0430 \u0434\u043e\u0431\u0440\u043e\u0447\u0435\u0441\u043d\u0456\u0441\u0442\u044c<\/h1>\r\n        <\/div>\r\n        <p class=\"ai-lead\">\u041d\u043e\u0440\u043c\u0430\u0442\u0438\u0432\u043d\u0456 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438 \u0406\u043d\u0441\u0442\u0438\u0442\u0443\u0442\u0443 \u0432\u043e\u0434\u043d\u0438\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0456 \u043c\u0435\u043b\u0456\u043e\u0440\u0430\u0446\u0456\u0457 \u041d\u0430\u0446\u0456\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0457 \u0430\u043a\u0430\u0434\u0435\u043c\u0456\u0457 \u0430\u0433\u0440\u0430\u0440\u043d\u0438\u0445 \u043d\u0430\u0443\u043a \u0423\u043a\u0440\u0430\u0457\u043d\u0438, \u0449\u043e \u0440\u0435\u0433\u0443\u043b\u044e\u044e\u0442\u044c \u0434\u043e\u0442\u0440\u0438\u043c\u0430\u043d\u043d\u044f \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0456\u0432 \u0430\u043a\u0430\u0434\u0435\u043c\u0456\u0447\u043d\u043e\u0457 \u0434\u043e\u0431\u0440\u043e\u0447\u0435\u0441\u043d\u043e\u0441\u0442\u0456 \u0442\u0430 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0440\u043e\u0437\u0433\u043b\u044f\u0434\u0443 \u043f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u044c \u043f\u0440\u043e \u043e\u0437\u043d\u0430\u043a\u0438 \u0430\u043a\u0430\u0434\u0435\u043c\u0456\u0447\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0433\u0456\u0430\u0442\u0443, \u0444\u0430\u043b\u044c\u0441\u0438\u0444\u0456\u043a\u0430\u0446\u0456\u0457 \u0447\u0438 \u0444\u0430\u0431\u0440\u0438\u043a\u0430\u0446\u0456\u0457.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ai-docs\">\r\n\r\n        <div class=\"ai-doc-item\" data-file-id=\"1rPi09y-kXtXGhU-ytD-N-PsYshBuqP_g\" data-file-name=\"\u041d\u0430\u043a\u0430\u0437 \u0432\u0456\u0434 20.07.2026 \u2116 55 \u00ab\u041f\u0440\u043e \u0430\u043a\u0430\u0434\u0435\u043c\u0456\u0447\u043d\u0443 \u0434\u043e\u0431\u0440\u043e\u0447\u0435\u0441\u043d\u0456\u0441\u0442\u044c\u00bb\">\r\n          <div class=\"ai-doc-card\">\r\n            <div class=\"ai-doc-icon\">\r\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"8\" y1=\"13\" x2=\"16\" y2=\"13\"\/><line x1=\"8\" y1=\"17\" x2=\"13\" y2=\"17\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ai-doc-body\">\r\n              <p class=\"ai-doc-label\">\u041d\u0430\u043a\u0430\u0437<\/p>\r\n              <p class=\"ai-doc-name\">\u041d\u0430\u043a\u0430\u0437 \u0432\u0456\u0434 20.07.2026 \u2116 55 \u00ab\u041f\u0440\u043e \u0430\u043a\u0430\u0434\u0435\u043c\u0456\u0447\u043d\u0443 \u0434\u043e\u0431\u0440\u043e\u0447\u0435\u0441\u043d\u0456\u0441\u0442\u044c\u00bb<\/p>\r\n            <\/div>\r\n            <div class=\"ai-doc-toggle\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ai-doc-preview-wrap\">\r\n            <div class=\"ai-doc-preview\">\r\n              <iframe src=\"https:\/\/drive.google.com\/file\/d\/1rPi09y-kXtXGhU-ytD-N-PsYshBuqP_g\/preview\" loading=\"lazy\"><\/iframe>\r\n              <div class=\"ai-doc-preview-overlay\">\r\n                <span>\r\n                  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 3h6v6\"\/><path d=\"M9 21H3v-6\"\/><path d=\"M21 3l-7 7\"\/><path d=\"M3 21l7-7\"\/><\/svg>\r\n                  \u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0443 \u043f\u043e\u0432\u043d\u043e\u043c\u0443 \u0440\u043e\u0437\u043c\u0456\u0440\u0456\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ai-doc-item\" data-file-id=\"1pY7xIDaDIgmmxjETgTahopaDyY8vSc7A\" data-file-name=\"\u041f\u043e\u0440\u044f\u0434\u043e\u043a \u0440\u043e\u0437\u0433\u043b\u044f\u0434\u0443 \u043f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u044f \u043f\u0440\u043e \u043e\u0437\u043d\u0430\u043a\u0438 \u0430\u043a\u0430\u0434\u0435\u043c\u0456\u0447\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0433\u0456\u0430\u0442\u0443\">\r\n          <div class=\"ai-doc-card\">\r\n            <div class=\"ai-doc-icon\">\r\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ai-doc-body\">\r\n              <p class=\"ai-doc-label\">\u041f\u043e\u0440\u044f\u0434\u043e\u043a<\/p>\r\n              <p class=\"ai-doc-name\">\u041f\u043e\u0440\u044f\u0434\u043e\u043a \u0440\u043e\u0437\u0433\u043b\u044f\u0434\u0443 \u043f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u044f \u043f\u0440\u043e \u043e\u0437\u043d\u0430\u043a\u0438 \u043d\u0430\u044f\u0432\u043d\u043e\u0441\u0442\u0456 \u0430\u043a\u0430\u0434\u0435\u043c\u0456\u0447\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0433\u0456\u0430\u0442\u0443, \u0444\u0430\u043b\u044c\u0441\u0438\u0444\u0456\u043a\u0430\u0446\u0456\u0457, \u0444\u0430\u0431\u0440\u0438\u043a\u0430\u0446\u0456\u0457 \u0432 \u0430\u043a\u0430\u0434\u0435\u043c\u0456\u0447\u043d\u043e\u043c\u0443 \u0442\u0432\u043e\u0440\u0456 (\u0430\u043a\u0430\u0434\u0435\u043c\u0456\u0447\u043d\u0438\u0445 \u0442\u0432\u043e\u0440\u0430\u0445), \u043d\u0430 \u043f\u0456\u0434\u0441\u0442\u0430\u0432\u0456 \u0447\u0438 \u0437 \u0443\u0440\u0430\u0445\u0443\u0432\u0430\u043d\u043d\u044f\u043c \u044f\u043a\u043e\u0433\u043e (\u044f\u043a\u0438\u0445) \u043e\u0441\u043e\u0431\u0456 \u0431\u0443\u043b\u043e \u043f\u0440\u0438\u0441\u0443\u0434\u0436\u0435\u043d\u043e \u043d\u0430\u0443\u043a\u043e\u0432\u0438\u0439 \u0441\u0442\u0443\u043f\u0456\u043d\u044c \u0430\u0431\u043e \u043f\u0440\u0438\u0441\u0432\u043e\u0454\u043d\u043e \u0432\u0447\u0435\u043d\u0435 \u0437\u0432\u0430\u043d\u043d\u044f \u0432 \u0406\u043d\u0441\u0442\u0438\u0442\u0443\u0442\u0456 \u0432\u043e\u0434\u043d\u0438\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0456 \u043c\u0435\u043b\u0456\u043e\u0440\u0430\u0446\u0456\u0457 \u041d\u0430\u0446\u0456\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0457 \u0430\u043a\u0430\u0434\u0435\u043c\u0456\u0457 \u0430\u0433\u0440\u0430\u0440\u043d\u0438\u0445 \u043d\u0430\u0443\u043a \u0423\u043a\u0440\u0430\u0457\u043d\u0438<\/p>\r\n            <\/div>\r\n            <div class=\"ai-doc-toggle\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ai-doc-preview-wrap\">\r\n            <div class=\"ai-doc-preview\">\r\n              <iframe src=\"https:\/\/drive.google.com\/file\/d\/1pY7xIDaDIgmmxjETgTahopaDyY8vSc7A\/preview\" loading=\"lazy\"><\/iframe>\r\n              <div class=\"ai-doc-preview-overlay\">\r\n                <span>\r\n                  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 3h6v6\"\/><path d=\"M9 21H3v-6\"\/><path d=\"M21 3l-7 7\"\/><path d=\"M3 21l7-7\"\/><\/svg>\r\n                  \u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0443 \u043f\u043e\u0432\u043d\u043e\u043c\u0443 \u0440\u043e\u0437\u043c\u0456\u0440\u0456\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"ai-footer-hint\">\r\n        \u041d\u0430\u0442\u0438\u0441\u043d\u0456\u0442\u044c \u043d\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442, \u0449\u043e\u0431 \u043f\u043e\u0431\u0430\u0447\u0438\u0442\u0438 \u043a\u043e\u0440\u043e\u0442\u043a\u0435 \u043f\u0435\u0440\u0435\u0432\u02bc\u044e, \u0430 \u0442\u043e\u0434\u0456 \u2014 \u043d\u0430 \u043f\u0435\u0440\u0435\u0432\u02bc\u044e, \u0449\u043e\u0431 \u0432\u0456\u0434\u043a\u0440\u0438\u0442\u0438 \u043f\u043e\u0432\u043d\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ai-modal-overlay\">\r\n      <div class=\"ai-modal-box\">\r\n        <div class=\"ai-modal-head\">\r\n          <span class=\"ai-modal-head-title\"><\/span>\r\n          <button class=\"ai-modal-close\" aria-label=\"\u0417\u0430\u043a\u0440\u0438\u0442\u0438\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n          <\/button>\r\n        <\/div>\r\n        <iframe src=\"about:blank\"><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n  `;\r\n\r\n  var modalOverlay = shadow.querySelector('.ai-modal-overlay');\r\n  var modalIframe = modalOverlay.querySelector('iframe');\r\n  var modalTitle = modalOverlay.querySelector('.ai-modal-head-title');\r\n  var modalClose = modalOverlay.querySelector('.ai-modal-close');\r\n\r\n  function openModal(fileId, fileName) {\r\n    modalTitle.textContent = fileName || '';\r\n    modalIframe.src = 'https:\/\/drive.google.com\/file\/d\/' + fileId + '\/preview';\r\n    modalOverlay.classList.add('ai-modal-active');\r\n  }\r\n\r\n  function closeModal() {\r\n    modalOverlay.classList.remove('ai-modal-active');\r\n    modalIframe.src = 'about:blank';\r\n  }\r\n\r\n  modalClose.addEventListener('click', closeModal);\r\n  modalOverlay.addEventListener('click', function(e) {\r\n    if (e.target === modalOverlay) closeModal();\r\n  });\r\n\r\n  shadow.querySelectorAll('.ai-doc-item').forEach(function(item) {\r\n    var fileId = item.getAttribute('data-file-id');\r\n    var fileName = item.getAttribute('data-file-name');\r\n\r\n    item.querySelector('.ai-doc-card').addEventListener('click', function() {\r\n      var isActive = item.classList.contains('ai-active');\r\n      shadow.querySelectorAll('.ai-doc-item').forEach(function(el) {\r\n        el.classList.remove('ai-active');\r\n      });\r\n      if (!isActive) item.classList.add('ai-active');\r\n    });\r\n\r\n    item.querySelector('.ai-doc-preview').addEventListener('click', function() {\r\n      openModal(fileId, fileName);\r\n    });\r\n  });\r\n})();\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":1778,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages\/12329"}],"collection":[{"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/comments?post=12329"}],"version-history":[{"count":2,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages\/12329\/revisions"}],"predecessor-version":[{"id":12332,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages\/12329\/revisions\/12332"}],"up":[{"embeddable":true,"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/pages\/1778"}],"wp:attachment":[{"href":"https:\/\/igim.org.ua\/en\/wp-json\/wp\/v2\/media?parent=12329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}