https://edu.cyberyozh.com/_next/static/chunks/80052-c04ff224928f9453.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21308,80052,91805],{21308:(e,t,o)=>{o.d(t,{A4:()=>_,E:()=>f,Tu:()=>l,UT:()=>x,XW:()=>u,ik:()=>m,nB:()=>c,nX:()=>g,nY:()=>j,of:()=>h,xj:()=>y,z2:()=>b});var i=o(8988),s=o(61698),n=o(65399),r=o(27452),a=o(84857);let l=i.styled.div.withConfig({componentId:"sc-75198d29-0"})([""," display:flex;align-items:center;justify-content:center;position:absolute;right:20px;top:20px;z-index:1;width:60px;height:60px;border-radius:9999px;background-color:",";color:",";opacity:0;"],(0,s.Th)(["opacity"],350),({theme:e})=>e.modernTheme.background.card,({theme:e})=>e.modernTheme.text.primary),d=(0,i.css)(["box-shadow:",";","{opacity:1;}"],({theme:e})=>e.modernTheme.shadow.level2,l),c=i.styled.div.withConfig({componentId:"sc-75198d29-1"})([""," display:flex;flex-direction:column;position:relative;height:100%;padding:8px;text-align:left;border-radius:40px;background:",";cursor:pointer;&:hover{","}& button,& a{margin-top:auto;}& a{button{width:100%;}}a{text-decoration:none;}"],(0,s.Th)(["box-shadow","transform"],250),({theme:e})=>e.modernTheme.background.card,d),p=(0,i.keyframes)(["0%,100%{opacity:1;}33.33%{opacity:0.5;}66.66%{opacity:0.2;}"]),g=i.styled.div.withConfig({componentId:"sc-75198d29-2"})(["position:relative;width:100%;padding-top:clamp(360px,118%,400px);border-radius:40px;background:",";animation:"," 1.5s linear infinite;animation-delay:","s;"],({theme:e})=>e.modernTheme.control.baseDark,p,({delay:e})=>e),u=i.styled.div.withConfig({componentId:"sc-75198d29-3"})(["display:flex;flex-direction:column;height:100%;margin:16px 0 0 0;padding:0 12px 12px 12px;"," &{padding:6px;}"],n.bL),h=i.styled.h2.withConfig({componentId:"sc-75198d29-4"})([""," margin:0 0 12px 0;color:",";"],a.Qk,({theme:e})=>e.modernTheme.text.primary),x=i.styled.p.withConfig({componentId:"sc-75198d29-5"})([""," margin:0 0 28px 0;color:",";"],a.aI,({theme:e})=>e.modernTheme.text.bubble),m=i.styled.p.withConfig({componentId:"sc-75198d29-6"})([""," display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 28px 0;text-overflow:ellipsis;color:",";"],a.VL,({theme:e})=>e.modernTheme.text.bubble),f=i.styled.div.withConfig({componentId:"sc-75198d29-7"})(["display:flex;align-items:center;column-gap:12px;margin:0 0 12px 0;"]),b=(0,i.styled)(r.Uq).withConfig({componentId:"sc-75198d29-8"})(["flex-grow:1;height:9px;border-radius:10px;background-color:",";"],({theme:e})=>e.modernTheme.background.pageBg),y=i.styled.span.withConfig({componentId:"sc-75198d29-9"})([""," color:",";"],a.QO,({theme:e})=>e.modernTheme.text.bubble),j=i.styled.span.withConfig({componentId:"sc-75198d29-10"})(["display:contents;button:disabled{pointer-events:auto;}"]),_=i.styled.div.withConfig({componentId:"sc-75198d29-11"})(["position:relative;width:100%;padding-top:56.25%;border-radius:36px;transform:translate3d(0,0,0);background-image:url('/assets/img/subject/[email protected]');background-color:#f0f0f0;background-repeat:no-repeat;background-position:center;background-size:auto 100%;overflow:hidden;& img{position:absolute;top:50%;left:50%;width:100%;height:auto;transform:translate3d(-50%,-50%,0);}&.has-image{background-image:none;}",""],({image:e})=>void 0!==e?(0,i.css)(["background-image:url(",");background-size:auto 100%;"],e):"")},25261:(e,t,o)=>{o.d(t,{C:()=>r,e:()=>a});var i=o(1434),s=o(8988),n=o(84857);let r=s.styled.div.withConfig({componentId:"sc-95542cd5-0"})(["display:flex;align-items:center;justify-content:space-between;gap:16px;margin:40px 0 36px 0;","{margin:16px 0 24px 0;}"],(0,i.down)("md")),a=s.styled.h1.withConfig({componentId:"sc-95542cd5-1"})([""," margin:0;","{","}"],n.Qe,(0,i.down)("md"),n.Qz)},28319:(e,t,o)=>{o.d(t,{r:()=>n});var i=o(54568),s=o(25261);let n=({title:e,action:t})=>(0,i.jsxs)(s.C,{children:[(0,i.jsx)(s.e,{children:e}),t]})},29079:(e,t,o)=>{o.d(t,{a:()=>i});let i=(0,o(8988).css)(["font-size:16px;font-weight:400;line-height:24px;"])},44448:(e,t,o)=>{o.d(t,{m:()=>s});var i=o(1434);let s=o(8988).styled.div.withConfig({componentId:"sc-9555b5e4-0"})(["display:grid;grid-template-columns:1fr;gap:16px;","{grid-template-columns:repeat(2,1fr);}","{gap:24px;}","{grid-template-columns:repeat(3,1fr);}"],(0,i.up)("md"),(0,i.up)("xl"),({$threeColumnsFrom:e="xxl"})=>(0,i.up)(e))},86117:(e,t,o)=>{o.d(t,{w:()=>L});var i=o(54568),s=o(9357),n=o(44448),r=o(28319),a=o(7620),l=o(89099),d=o(1434),c=o(8988),p=o(51002),g=o(62315),u=o(95953),h=o(39015),x=o(50899),m=o(61716),f=o(29079);let b=(0,c.css)(["font-size:16px;font-weight:500;line-height:24px;letter-spacing:-0.16px;"]);var y=o(84857);let j=c.styled.div.withConfig({componentId:"sc-d19eae27-0"})(["display:flex;align-items:center;gap:8px;margin:0 0 24px 0;"]),_=c.styled.div.withConfig({componentId:"sc-d19eae27-1"})(["display:flex;align-items:center;justify-content:center;gap:8px;margin:28px 0 20px 0;","{flex-direction:column;align-items:flex-start;}"],(0,d.down)("md")),v=c.styled.div.withConfig({componentId:"sc-d19eae27-2"})(["display:flex;flex-wrap:wrap;justify-content:",";gap:8px;overflow:hidden;max-height:",";& > button{"," padding:6px 16px;white-space:nowrap;}","{max-height:",";justify-content:flex-start;}"],({$hasTagsOverflow:e})=>e?"flex-start":"center",({$expanded:e})=>e?"auto":"34px",y.VL,(0,d.down)("md"),({$expanded:e})=>e?"auto":"76px"),w=c.styled.button.withConfig({componentId:"sc-d19eae27-3"})([""," border:none;background:",";color:",";cursor:pointer;white-space:nowrap;padding:6px 16px 6px 12px;border-radius:32px;align-self:flex-start;"],y.VL,({theme:e})=>e.modernTheme.text.invertedPrimary,({theme:e})=>e.modernTheme.text.bubble),C=c.styled.div.withConfig({componentId:"sc-d19eae27-4"})(["position:relative;display:flex;align-items:center;margin:0 0 0 24px;padding:0 0 0 24px;&::before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:2px;height:30px;background:",";}"],({theme:e})=>e.modernTheme.control.stroke),k=c.styled.button.withConfig({componentId:"sc-d19eae27-5"})(["margin-left:auto;border:none;background:transparent;display:flex;align-items:center;gap:0 14px;color:",";font-size:16px;cursor:pointer;&:hover{color:",";svg{fill:",";}}svg{fill:",";}"],({theme:e})=>e.color.foreground[60],({theme:e})=>e.color.foreground[100],({theme:e})=>e.color.foreground[100],({theme:e})=>e.color.foreground[60]),T=c.styled.div.withConfig({componentId:"sc-d19eae27-6"})(["width:100%;font-size:16px;font-weight:500;display:flex;flex-direction:column;max-height:275px;overflow:auto;"]),I=c.styled.div.withConfig({componentId:"sc-d19eae27-7"})(["display:flex;justify-content:space-between;align-items:center;padding:16px 0;cursor:pointer;border-radius:12px;svg{width:24px;height:24px;}"]),z=c.styled.div.withConfig({componentId:"sc-d19eae27-8"})([""," display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:8px;

1cursor:pointer;background-color:",";svg{fill:",";}"],({$isSelected:e})=>e?(0,c.css)(["",""],b):(0,c.css)(["",""],f.a),({$isSelected:e,theme:t})=>e?t.control.secondaryPressed:"inherit",({theme:e})=>e.color.foreground[100]),S=c.styled.div.withConfig({componentId:"sc-d19eae27-9"})(["display:flex;gap:0 12px;align-items:center;svg{cursor:pointer;fill:",";}"],({theme:e})=>e.color.foreground[100]),$=c.styled.p.withConfig({componentId:"sc-d19eae27-10"})(["font-weight:600;padding:0;margin:0;color:",";"],({theme:e})=>e.color.foreground[100]),Q=c.styled.span.withConfig({componentId:"sc-d19eae27-11"})(["display:flex;align-items:center;gap:12px;svg{width:24px;height:24px;cursor:pointer;}"]);var A=o(85853),N=o(91805),E=o(35527);let F=({filters:e={},setFilters:t=()=>{}})=>{let{t:o}=(0,g.B)(),s=(0,l.useParams)(),n=(0,c.useTheme)(),{user:r,authenticationWasAttempted:f}=(0,p.Jd3)(),b=r&&f,y=(0,m.d)((0,d.down)(h.Rp.md)),[F,L]=(0,a.useState)(!1),[B,K]=(0,a.useState)(!1),[P,V]=(0,a.useState)(!1),[X,H]=(0,a.useState)(!1),[M,O]=(0,a.useState)(!1),{pendingAvailableSubjects:Y,resetSearchAndFetchAvailableSubjects:q}=(0,p.SNd)(),{pendingCatalogSubjects:R,resetSearchAndFetchForCatalogSubjects:U}=(0,p.osq)(),{categoriesList:D,subCategoriesRecord:J}=(0,p.CkY)(),{authorsList:W}=(0,p.shK)(),{subjectTagsList:G}=(0,p.zrX)(),Z=(0,a.useRef)(null),[ee,et]=(0,a.useState)(!1),[eo,ei]=(0,a.useState)(!1),es=e.tag_ids??[],en=!!(e.category_id||e.author_id||e.catalog_access_type||es.length);(0,a.useEffect)(()=>{let e=()=>{let e=Z.current;e&&ei(e.scrollHeight>e.clientHeight)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[G.length,y,ee]);let er=(o,i)=>{t({...{category_id:e.category_id,subcategory_id:e.subcategory_id,author_id:e.author_id,tag_ids:es,catalog_access_type:e.catalog_access_type},[o]:i})},ea=e=>{let t=String(e);er("tag_ids",es.includes(t)?es.filter(e=>e!==t):[...es,t])},el=e=>e.map(e=>{let t=Object.keys(e.properties?.i18n??{}).length>0,o=e.properties?.i18n,i=e.title;return{value:e.id,label:t&&o[s.lng]?o[s.lng]:i}}),ed=[{value:x.$5.Besplatno,label:o("pages:subjects.filters.access_type.free")},{value:x.$5.Trial,label:o("pages:subjects.filters.access_type.trial")}],ec=e.category_id&&J[e.category_id]?J[e.category_id]?.filter(e=>e.is_show_in_filter):[],ep=Y||R,eg=G.length?(0,i.jsxs)(_,{children:[(0,i.jsx)(v,{ref:Z,$expanded:ee,$hasTagsOverflow:eo,children:G.map(e=>(0,i.jsx)(N.CustomTag,{isActive:es.includes(e.id),onToggleActive:ea,styles:{active:{border:"none"},inactive:{border:"none",backgroundColor:n.modernTheme.text.invertedPrimary}},value:e.id,children:e.title},e.id))}),(eo||ee)&&(0,i.jsx)(w,{onClick:()=>et(e=>!e),type:"button",children:ee?o("pages:subjects.filters.hide_tags"):`+ ${o("pages:subjects.filters.show_all_tags")}`})]}):null;if(!y)return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(j,{children:[(0,i.jsx)(A.K0,{id:"category_id",options:el(D),value:e.category_id,onClear:()=>er("category_id",""),placeholder:o("pages:subjects.filters.categories"),disabled:ep,onChange:e=>er("category_id",e)}),e.category_id&&ec.length?(0,i.jsx)(A.K0,{id:"subcategory_id",options:el(ec),value:e.subcategory_id,onClear:()=>er("subcategory_id",""),placeholder:o("pages:subjects.filters.subcategories"),disabled:ep,onChange:e=>er("subcategory_id",e)}):null,(0,i.jsx)(A.K0,{id:"author_id",options:el(W),value:e.author_id,onClear:()=>er("author_id",""),placeholder:o("pages:subjects.filters.authors"),disabled:ep,onChange:e=>er("author_id",e)}),(0,i.jsx)(A.K0,{id:"catalog_access_type",options:ed,value:e.catalog_access_type,onClear:()=>er("catalog_access_type",x.$5.All),placeholder:o("pages:subjects.filters.access_type.placeholder"),disabled:ep,onChange:e=>er("catalog_access_type",e)}),en&&(0,i.jsx)(C,{children:(0,i.jsx)(A.o0,{type:"button",appearance:A.sX.Text,size:"sm",onClick:()=>{b?q():U(),t({author_id:"",category_id:"",subcategory_id:"",tag_ids:[],catalog_access_type:x.$5.All})},disabled:ep,children:o("pages:subjects.filters.clear")})})]}),eg]});let eu=()=>{L(!1),K(!1),H(!1),O(!1)},eh=(e,t)=>{er(e,t),eu()};return(0,i.jsx)(i.Fragment,{children:y&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(j,{children:[e.category_id&&(0,i.jsxs)(S,{children:[(0,i.jsx)($,{children:el(D).find(t=>t.value===e.category_id)?.label}),(0,i.jsx)(u.hz5,{fontSize:24,onClick:()=>eh("category_id","")})]}),e.subcategory_id&&(0,i.jsxs)(S,{children:[(0,i.jsx)($,{children:el(ec).find(t=>t.value===e.subcategory_id)?.label}),(0,i.jsx)(u.hz5,{fontSize:24,onClick:()=>eh("subcategory_id","")})]}),e.author_id&&(0,i.jsxs)(S,{children:[(0,i.jsx)($,{children:el(W).find(t=>t.value===e.author_id)?.label}),(0,i.jsx)(u.hz5,{fontSize:24,onClick:()=>eh("author_id","")})]}),e.catalog_access_type&&(0,i.jsxs)(S,{children:[(0,i.jsx)($,{children:ed.find(t=>t.value===e.catalog_access_type)?.label}),(0,i.jsx)(u.hz5,{fontSize:24,onClick:()=>eh("catalog_access_type",x.$5.All)})]}),(0,i.jsxs)(k,{onClick:()=>L(!0),disabled:ep,children:[!en&&o("pages:subjects.filters.title"),

1(0,i.jsx)(u.Hem,{fontSize:24})]})]}),F&&(0,i.jsxs)(E.Modal,{mobileView:E.ModalMobileView.bottom,onClose:eu,title:(()=>{let e=B||P||X||M,t=o("pages:subjects.filters.title");return B&&(t=o("pages:subjects.filters.categories")),P&&(t=o("pages:subjects.filters.subcategories")),X&&(t=o("pages:subjects.filters.authors")),M&&(t=o("pages:subjects.filters.access_type.placeholder")),(0,i.jsxs)(Q,{children:[e?(0,i.jsx)(u.vxj,{onClick:()=>{K(!1),V(!1),H(!1),O(!1)}}):null,t]})})(),children:[!B&&!P&&!X&&!M&&(0,i.jsxs)(T,{children:[(0,i.jsxs)(I,{onClick:()=>{K(!0)},children:[o("pages:subjects.filters.categories"),(0,i.jsx)(u.Qae,{})]}),e.category_id&&ec.length?(0,i.jsxs)(I,{onClick:()=>{V(!0)},children:[o("pages:subjects.filters.subcategories"),(0,i.jsx)(u.Qae,{})]}):null,(0,i.jsxs)(I,{onClick:()=>{H(!0)},children:[o("pages:subjects.filters.authors"),(0,i.jsx)(u.Qae,{})]}),(0,i.jsxs)(I,{onClick:()=>{O(!0)},children:[o("pages:subjects.filters.access_type.placeholder"),(0,i.jsx)(u.Qae,{})]})]}),B&&(0,i.jsx)(T,{children:el(D).map(t=>{let o=e.category_id===t.value;return(0,i.jsxs)(z,{onClick:()=>eh("category_id",t.value),$isSelected:o,children:[t.label,o&&(0,i.jsx)(u.bSN,{fontSize:24})]},t.value)})}),P&&(0,i.jsx)(T,{children:el(ec).map(t=>{let o=e.subcategory_id===t.value;return(0,i.jsxs)(z,{onClick:()=>eh("subcategory_id",t.value),$isSelected:o,children:[t.label,o&&(0,i.jsx)(u.bSN,{fontSize:24})]},t.value)})}),X&&(0,i.jsx)(T,{children:el(W).map(t=>{let o=e.author_id===t.value;return(0,i.jsxs)(z,{onClick:()=>eh("author_id",t.value),$isSelected:o,children:[t.label,o&&(0,i.jsx)(u.bSN,{fontSize:24})]},t.value)})}),M&&(0,i.jsx)(T,{children:ed.map(t=>{let o=e.catalog_access_type===t.value;return(0,i.jsxs)(z,{onClick:()=>eh("catalog_access_type",t.value),$isSelected:o,children:[t.label,o&&(0,i.jsx)(u.bSN,{fontSize:24})]},t.value)})})]}),eg]})})},L=({title:e,children:t,sortable:o,filters:a,setFilters:l,action:d,threeColumnsFrom:c})=>{let{t:p}=(0,s.Bd)();return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.r,{title:e??p("pages:subjects.courses"),action:d}),o&&(0,i.jsx)(F,{filters:a,setFilters:l}),(0,i.jsx)(n.m,{$threeColumnsFrom:c,children:t})]})}},91805:(e,t,o)=>{o.r(t),o.d(t,{CustomTag:()=>l});var i=o(54568),s=o(39015),n=o(61698),r=o(84857);let a=s.I4.button`
2  ${r.aP}
3  ${(0,n.Th)(["background-color","color","border-color"],150,"ease-in-out")}
4
5  padding: 8px 20px;
6  border-radius: 32px;
7  border: 1px solid
8    ${({theme:e,$isActive:t})=>t?e.modernTheme.accent500:e.modernTheme.control.stroke};
9  background-color: ${({theme:e,$isActive:t})=>t?e.modernTheme.accent100:"transparent"};
10  color: ${({theme:e,$isActive:t})=>t?e.modernTheme.accent500:e.modernTheme.text.bubble};
11  cursor: pointer;
12
13  &:hover {
14    background-color: ${({theme:e})=>e.modernTheme.accent100};
15    color: ${({theme:e})=>e.modernTheme.accent500};
16    border-color: ${({theme:e,$isActive:t})=>t?e.modernTheme.accent500:e.modernTheme.accent100};
17  }
18`,l=({children:e,isActive:t,onToggleActive:o,value:s,styles:n})=>{let r={...n?.base??{},...t?n?.active??{}:n?.inactive??{}};return(0,i.jsx)(a,{$isActive:t,onClick:()=>o?.(s),style:r,children:e})}}}]);