https://www.evening-kazan.ru/_nuxt/BywNHs6E.js

1import{d as M,g as U,h as F,w as B,i as _,a as E,c as o,e as a,j as i,k as w,l as p,t as m,F as f,m as h,r as V,n as S,b as c,p as $,o as t,J as D,N as k,q as u,s as y,C as s,v as H,x as q}from"./D1ZZI4G5.js";import{u as G}from"./Dtp9YTtZ.js";const W={class:"amp-header"},Y={class:"amp-header__container"},I=a("button",{class:"amp-header__menu-button",on:"tap:amp-menu.toggle","aria-label":"Открыть меню"},[a("span"),a("span"),a("span")],-1),K={id:"amp-menu",class:"amp-menu",layout:"nodisplay",side:"left"},Q={class:"amp-menu__header"},X={class:"amp-menu__title"},Z=a("button",{class:"amp-menu__close",on:"tap:amp-menu.close","aria-label":"Закрыть меню"}," × ",-1),ee={class:"amp-menu__nav"},ae={class:"amp-menu__list"},te={key:0,animate:"","disable-session-states":"",class:"amp-menu__accordion"},oe={class:"amp-menu__section-title"},ie={class:"amp-menu__sub-list"},ne={class:"amp-menu__sub-item amp-menu__sub-item--all"},se={class:"amp-layout"},re={class:"amp-footer"},le={class:"amp-footer__container"},pe={key:0,class:"footer__categories"},me=a("p",{class:"categories__head"},"Рубрики",-1),ce={key:0},_e=M({__name:"amp",async setup(de){let x,z;const{isJournalSubdomain:g,isSportSubdomain:v,isMainDomain:C}=U(),L=F(),[{categories:r}]=([x,z]=B(()=>Promise.all([L])),x=await x,z(),x),R=_(()=>H((r==null?void 0:r.value)??[])??[]),J=_(()=>r==null?void 0:r.value.filter(n=>{var l;return((l=n.children)==null?void 0:l.length)===0})),N=_(()=>r==null?void 0:r.value.filter(n=>{var l;return!!((l=n.children)!=null&&l.length)})),O=_(()=>R.value),T=_(()=>g?"Меню Гала":v?"Меню Спорт":"Меню"),A=_(()=>C.value?[{label:"Редакция",to:{name:"editorial"}},{label:"Контакты",to:{name:"pages.contacts"}}]:v?[{label:"Редакция",to:{name:"editorial"}}]:g?[{label:"Команда",to:{name:"editorial"}}]:[]);function j(n){return{name:"media",params:n.token===s.SPORT||n.token===s.JOURNAL?{}:{category:n.slug},props:{isSport:n.token===s.SPORT,isJournal:n.token===s.JOURNAL}}}function P(n,l){return{name:"media",params:{category:n.slug},props:{isSport:l.token===s.SPORT||v,isJournal:l.token===s.JOURNAL||g}}}return E({style:[{innerHTML:"body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}","amp-boilerplate":!0},{innerHTML:`
2        body {
3          margin: 0;
4          padding: 0;
5          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
6          line-height: 1.6;
7          color: #333;
8          background: #fff;
9        }
10
11        .amp-header {
12          height: 50px;
13          background: #191919;
14          display: flex;
15          align-items: center;
16          justify-content: center;
17          position: sticky;
18          top: 0;
19          z-index: 100;
20          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
21        }
22
23        .amp-header__container {
24          max-width: 1200px;
25          width: 100%;
26          padding: 0 20px;
27          display: flex;
28          align-items: center;
29          justify-content: center;
30          position: relative;
31        }
32
33        .amp-header__logo-image {
34          height: 32px;
35          width: auto;
36        }
37
38        .amp-header__menu-button {
39          width: 24px;
40          height: 18px;
41          display: flex;
42          flex-direction: column;
43          justify-content: space-between;
44          position: absolute;
45          left: 20px;
46          top: 50%;
47          transform: translateY(-50%);
48          background: transparent;
49          border: 0;
50          padding: 0;
51        }
52
53        .amp-header__menu-button span {
54          display: block;
55          width: 100%;
56          height: 2px;
57          background: #fff;
58          border-radius: 999px;
59        }
60
61        .amp-layout {
62          max-width: 800px;
63          margin: 0 auto;
64          padding: 20px;
65          min-height: calc(100vh - 50px); /* Вычитаем высоту header */
66        }
67
68        /* Стили для AMP изображений */
69        amp-img {
70          max-width: 100%;
71          height: auto;
72        }
73
74        .gala-logo {
75            width: 82px;
76        }
77
78        .gala-logo path {
79           fill: #FFF;
80        }
81
82        .amp-menu {
83          width: min(86vw, 380px);
84          background: #131510;
85          color: #fff;
86          padding: 20px 0 32px;
87        }
88
89        .amp-menu__header {
90          display: flex;
91          align-items: center;
92          justify-content: space-between;
93          padding: 0 20px 20px;
94          border-bottom: 1px solid rgba(255, 255, 255, 0.12);
95        }
96
97        .amp-menu__title {
98          font-size: 18px;
99          font-weight: 700;
100          color: #fff;
101        }
102
103        .amp-menu__close {
104          width: 28px;
105          height: 28px;
106          border: 0;
107          background: transparent;
108          color: #fff;
109          font-size: 28px;
110          line-height: 1;
111          padding: 0;
112        }
113
114        .amp-menu__nav {
115          padding: 16px 20px 0;
116        }
117
118        .amp-menu__list,
119        .amp-menu__sub-list {
120          list-style: none;
121          margin: 0;
122          padding: 0;
123        }
124
125        .amp-menu__item {
126          border-bottom: 1px solid rgba(255, 255, 255, 0.08);
127        }
128
129        .amp-menu__item > a,
130        .amp-menu__sub-item a {
131          display: block;
132          text-decoration: none;
133          color: #fff;
134        }
135
136        .amp-menu__item > a,
137        .amp-menu__section-title {
138          margin: 0;
139          padding: 14px 0;
140          font-size: 18px;
141          font-weight: 600;
142          line-height: 1.25;
143        }
144
145        .amp-menu__accordion section {
146          margin: 0;
147          background: transparent;
148          border: 0;
149        }
150
151        .amp-menu__accordion h4 {
152          background: transparent;
153          border: 0;
154        }
155
156        .amp-menu__accordion > section > :first-child {
157          background-color: transparent;
158          border: 0;
159          padding-right: 0;
160          margin: 0;
161        }
162
163        .amp-menu__sub-list {
164          padding: 0 0 14px 12px;
165        }
166
167        .amp-menu__sub-item a {
168          padding: 8px 0;
169          font-size: 15px;
170          line-height: 1.35;
171          color: rgba(255, 255, 255, 0.82);
172        }
173
174        .amp-menu__sub-item--all a,

175        .amp-menu__item--extra > a {
176          color: rgba(255, 255, 255, 0.82);
177        }
178
179        .breadcrumbs {
180          display: flex;
181          align-items: center;
182          gap: 5px;
183        }
184
185        .breadcrumbs a {
186          color: #898989;
187          text-decoration: none;
188        }
189
190        .breadcrumbs a.active {
191          color: #131510;
192        }
193
194        .info {
195        }
196
197        .info .date {
198          padding: 0;
199          margin: 0;
200          color: #898989;
201        }
202
203        .info .author {
204          color: #131510
205        }
206
207        .info .author a {
208          color: #5A61ED;
209          text-decoration: none;
210        }
211
212        h1, h2, h3, h4, h5, h6 {
213          margin: 0;
214          padding: 10px 0;
215        }
216
217        h1 {
218          font-weight: 700;
219          font-size: 35px;
220          line-height: 38px;
221        }
222
223        .socials {
224          background: #f1f2fb;
225          display: flex;
226          gap: 10px;
227          padding: 10px;
228          justify-content: space-between;
229        }
230
231        .socials .likes {
232          display: flex;
233          gap: 5px;
234        }
235
236        .socials .likes .like {
237          background: #fff;
238          padding: 5px 10px;
239          display: flex;
240          align-items: center;
241          gap: 5px;
242          text-decoration: none;
243          color: #000;
244        }
245
246        .socials .likes .like .like-icon {
247          mask-image: url("/images/icons/comments/like.svg");
248          width: 24px;
249          height: 24px;
250          display: inline-block;
251          background: #898989;
252        }
253
254        .socials .likes .dislike {
255          background: #fff;
256          padding: 5px 10px;
257          display: flex;
258          align-items: center;
259          gap: 5px;
260          text-decoration: none;
261          color: #000;
262        }
263
264        .socials .likes .dislike .dislike-icon {
265           width: 24px;
266           height: 24px;
267           display: block;
268           mask-image: url("/images/icons/comments/dislike.svg");
269           background: #898989;
270           display: inline-block;
271        }
272
273        .networks {
274          display: flex;
275          align-items: center;
276          gap: 5px;
277        }
278
279        amp-social-share {
280          background-color: transparent;
281          border: none;
282          cursor: pointer;
283        }
284
285        /* Можете добавить свои иконки через CSS, если нужно */
286        amp-social-share[type="vk"] {
287          background-image: url('/images/icons/socials/vk.png');
288        }
289
290        amp-social-share[type="ok"] {
291          background-image: url('/images/icons/socials/odnoklassniki.png');
292        }
293
294        amp-social-share[type="telegram"] {
295          background-image: url('/images/icons/socials/telegram.png');
296        }
297
298        .comment {

299          padding-bottom: 5px;
300        }
301
302        .lead {
303          font-weight: bold;
304          font-size: 18px;
305        }
306
307        .comments__title {
308          line-height: 1.6;
309          color: #333;
310          padding: 10px 0;
311          margin: 0;
312          font-size: 20px;
313        }
314
315        .comment__header {
316          display: flex;
317          justify-content: space-between;
318          border-bottom: 1px dashed #888;
319          padding-bottom: 5px;
320        }
321
322        .comment__author {
323          font-weight: bold;
324        }
325
326        .comment__date {
327          color: #888;
328        }
329
330        .comment--child {
331          margin-left: 20px;
332          padding-bottom: 5px;
333          padding-top: 5px;
334        }
335
336        .comment__actions {
337          display: flex;
338          gap: 5px
339        }
340
341        .comment__action {
342          display: flex;
343          align-items: center;
344          gap: 3px;
345          font-size: 12px;
346        }
347
348        .comment__action--like i {
349          mask-image: url("/images/icons/comments/like.svg");
350          width: 14px;
351          height: 14px;
352          display: inline-block;
353          mask-size: cover;
354          background: #898989;
355        }
356
357        .comment__action--dislike i {
358          mask-image: url("/images/icons/comments/dislike.svg");
359          width: 14px;
360          height: 14px;
361          display: inline-block;
362          mask-size: cover;
363          background: #898989;
364        }
365
366        .amp-footer {
367          background: #131510;
368        }
369
370        .amp-footer__container {
371          max-width: 800px;
372          margin: 0 auto;
373        }
374
375        .footer__categories {
376          display: grid;
377          grid-template-columns: 1fr 1fr;
378          padding: 10px 0;
379        }
380
381        .categories__head {
382          color: #fff;
383          font-size: 18px;
384          text-decoration: none;
385          padding: 5px;
386          margin: 0;
387          display: inline;
388        }
389
390        .categories__subhead {
391            color: #fff;
392            font-size: 14px;
393            text-decoration: none;
394        }
395
396        .app-footer__menu {
397          color: #fff;
398          font-size: 14px;
399          padding: 10px;
400        }
401
402        .app-footer__menu a {
403            color: #fff;
404            font-size: 14px;
405        }
406
407        .author {
408          font-size: 12px;
409          color: gray;
410          padding: 3px 0;
411          margin: 0;
412        }
413
414        .gallery-author {
415          position: absolute;
416          bottom: 10px;
417          left: 10px;
418          background: #000000b8;
419          padding: 5px;
420          margin: 0;
421          border-radius: 5px;
422          color: #fff;
423          line-height: 13px;
424          font-size: 12px;
425        }
426
427        .comments-button {
428          text-align: center;
429          background: #000;
430          color: #fff;
431          padding: 5px;
432          margin-top: 10px;
433          display: block;
434          text-decoration: none;
435        }
436
437        .popular-posts-list {
438          display: flex;
439          flex-direction: column;
440          margin: 10px 0;
441          gap: 5px;
442        }
443
444        .popular-posts-list__name {
445          font-size: 24px;
446          font-weight: bold;
447          border-bottom: 1px dashed;
448          margin-bottom: 10px;
449        }
450
451        .popular-post-item {
452          display: flex;
453          gap: 10px;
454          text-decoration: none;
455        }
456
457        .popular-post-item__image {
458          width: 75px;
459        }
460
461        .popular-post-item__info {
462          display: flex;
463          flex-direction: column;
464          text-decoration: none;
465        }
466
467        .popular-post-item__title {
468          margin: 0;
469          color: #000;
470          font-size: 18px;
471        }
472
473        .popular-post-item__lead {
474          margin: 0;
475          color: #000;
476          font-size: 12px;
477        }
478
479      `,"amp-custom":!0}],noscript:[{children:"<style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style>"}],meta:[{charset:"utf-8"}],script:[{src:"https://cdn.ampproject.org/v0.js",async:!0,body:!1},{async:!0,"custom-element":"amp-sidebar",src:"https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"},{async:!0,"custom-element":"amp-accordion",src:"https://cdn.ampproject.org/v0/amp-accordion-0.1.js"},{async:!0,"custom-element":"amp-carousel",src:"https://cdn.ampproject.org/v0/amp-carousel-0.1.js"},{async:!0,"custom-element":"amp-iframe",src:"https://cdn.ampproject.org/v0/amp-iframe-0.1.js"},{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}]}),G({viewport:"width=device-width,minimum-scale=1,initial-scale=1"}),(n,l)=>(t(),o("div",null,[a("header",W,[a("div",Y,[I,i(g)?(t(),w(i(k),{key:0,to:{name:"media"}},{default:p(()=>[c(i(D),{class:"gala-logo"})]),_:1})):(t(),w(q,{key:1}))])]),a("amp-sidebar",K,[a("div",Q,[a("span",X,m(T.value),1),Z]),a("nav",ee,[a("ul",ae,[(t(!0),o(f,null,h(O.value,e=>{var b;return t(),o("li",{key:e.slug,class:"amp-menu__item"},[(b=e.children)!=null&&b.length?(t(),o("amp-accordion",te,[a("section",null,[a("h4",oe,m(e.name),1),a("ul",ie,[a("li",ne,[c(i(y),{to:j(e)},{default:p(()=>[u(" Все материалы ")]),_:2},1032,["to"])]),(t(!0),o(f,null,h(e.children,d=>(t(),o("li",{key:d.slug,class:"amp-menu__sub-item"},[c(i(y),{to:P(d,e)},{default:p(()=>[u(m(d.name),1)]),_:2},1032,["to"])]))),128))])])])):(t(),w(i(y),{key:1,to:j(e)},{default:p(()=>

479[u(m(e.name),1)]),_:2},1032,["to"]))])}),128)),(t(!0),o(f,null,h(A.value,e=>(t(),o("li",{key:e.label,class:"amp-menu__item amp-menu__item--extra"},[c(i(y),{to:e.to},{default:p(()=>[u(m(e.label),1)]),_:2},1032,["to"])]))),128))])])]),a("main",se,[V(n.$slots,"default")]),a("footer",re,[a("div",le,[i(g)?S("",!0):(t(),o("div",pe,[a("div",null,[me,a("ul",null,[(t(!0),o(f,null,h(J.value,e=>(t(),o("li",{key:e.slug},[c(i(k),{class:"categories__subhead",to:{name:"media",params:{category:e.slug}}},{default:p(()=>[u(m(e.name),1)]),_:2},1032,["to"])]))),128))])]),(t(!0),o(f,null,h(N.value,(e,b)=>(t(),o("div",{key:b},[c(i(k),{class:"categories__head",to:{name:"media",props:{isSport:e.token===i(s).SPORT,isJournal:e.token===i(s).JOURNAL}}},{default:p(()=>[u(m(e.name),1)]),_:2},1032,["to"]),e.children?(t(),o("ul",ce,[(t(!0),o(f,null,h(e.children,d=>(t(),o("li",{key:d.slug},[c(i(k),{class:"categories__subhead",to:{name:"media",params:{category:d.slug},props:{isSport:e.token===i(s).SPORT,isJournal:e.token===i(s).JOURNAL}}},{default:p(()=>[u(m(d.name),1)]),_:2},1032,["to"])]))),128))])):S("",!0)]))),128))])),c($,{"is-journal":i(g)},null,8,["is-journal"])])])]))}});export{_e as default};