https://www.clipix.com/static/js/3883.6bfad68e.chunk.js

1"use strict";(self.webpackChunkclipix_web_ui=self.webpackChunkclipix_web_ui||[]).push([[3883],{63883:function(t,e,a){a.r(e),a.d(e,{Articles:function(){return J}});var o=a(1413),n=a(29439),i=a(47313),r=a(75590),c=a(58467),s=a(31288),l=a(32063),d=a(87462),p=a(63366),u=a(83061),v=a(21921),g=a(77342),h=a(77430),m=a(32298);function b(t){return(0,m.Z)("MuiPagination",t)}(0,h.Z)("MuiPagination",["root","ul","outlined","text"]);var f=a(93433),x=a(10782),Z=["boundaryCount","componentName","count","defaultPage","disabled","hideNextButton","hidePrevButton","onChange","page","showFirstButton","showLastButton","siblingCount"];var y=a(4942),C=a(17551);function z(t){return(0,m.Z)("MuiPaginationItem",t)}var P=(0,h.Z)("MuiPaginationItem",["root","page","sizeSmall","sizeLarge","text","textPrimary","textSecondary","outlined","outlinedPrimary","outlinedSecondary","rounded","ellipsis","firstLast","previousNext","focusVisible","disabled","selected","icon"]),w=a(19860),B=a(67999),k=a(91615),L=a(81171),M=a(46417),S=(0,L.Z)((0,M.jsx)("path",{d:"M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"}),"FirstPage"),N=(0,L.Z)((0,M.jsx)("path",{d:"M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"}),"LastPage"),R=(0,L.Z)((0,M.jsx)("path",{d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore"),O=(0,L.Z)((0,M.jsx)("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext"),I=a(17592),j=["className","color","component","components","disabled","page","selected","shape","size","slots","type","variant"],F=function(t,e){var a=t.ownerState;return[e.root,e[a.variant],e["size".concat((0,k.Z)(a.size))],"text"===a.variant&&e["text".concat((0,k.Z)(a.color))],"outlined"===a.variant&&e["outlined".concat((0,k.Z)(a.color))],"rounded"===a.shape&&e.rounded,"page"===a.type&&e.page,("start-ellipsis"===a.type||"end-ellipsis"===a.type)&&e.ellipsis,("previous"===a.type||"next"===a.type)&&e.previousNext,("first"===a.type||"last"===a.type)&&e.firstLast]},T=(0,I.ZP)("div",{name:"MuiPaginationItem",slot:"Root",overridesResolver:F})((function(t){var e=t.theme,a=t.ownerState;return(0,d.Z)({},e.typography.body2,(0,y.Z)({borderRadius:16,textAlign:"center",boxSizing:"border-box",minWidth:32,padding:"0 6px",margin:"0 3px",color:(e.vars||e).palette.text.primary,height:"auto"},"&.".concat(P.disabled),{opacity:(e.vars||e).palette.action.disabledOpacity}),"small"===a.size&&{minWidth:26,borderRadius:13,margin:"0 1px",padding:"0 4px"},"large"===a.size&&{minWidth:40,borderRadius:20,padding:"0 10px",fontSize:e.typography.pxToRem(15)})})),A=(0,I.ZP)(B.Z,{name:"MuiPaginationItem",slot:"Root",overridesResolver:F})((function(t){var e,a,o=t.theme,n=t.ownerState;return(0,d.Z)({},o.typography.body2,(a={borderRadius:16,textAlign:"center",boxSizing:"border-box",minWidth:32,height:32,padding:"0 6px",margin:"0 3px",color:(o.vars||o).palette.text.primary},(0,y.Z)(a,"&.".concat(P.focusVisible),{backgroundColor:(o.vars||o).palette.action.focus}),(0,y.Z)(a,"&.".concat(P.disabled),{opacity:(o.vars||o).palette.action.disabledOpacity}),(0,y.Z)(a,"transition",o.transitions.create(["color","background-color"],{duration:o.transitions.duration.short})),(0,y.Z)(a,"&:hover",{backgroundColor:(o.vars||o).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}}),(0,y.Z)(a,"&.".concat(P.selected),(e={backgroundColor:(o.vars||o).palette.action.selected,"&:hover":{backgroundColor:o.vars?"rgba(".concat(o.vars.palette.action.selected," / calc(").concat(o.vars.palette.action.selectedOpacity," + ").concat(o.vars.palette.action.hoverOpacity,"))"):(0,C.Fq)(o.palette.action.selected,o.palette.action.selectedOpacity+o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:(o.vars||o).palette.action.selected}}},(0,y.Z)(e,"&.".concat(P.focusVisible),{backgroundColor:o.vars?"rgba(".concat(o.vars.palette.action.selected," / calc(").concat(o.vars.palette.action.selectedOpacity," + ").concat(o.vars.palette.action.focusOpacity,"))"):(0,C.Fq)(o.palette.action.selected,o.palette.action.selectedOpacity+o.palette.action.focusOpacity)}),(0,y.Z)(e,"&.".concat(P.disabled),{opacity:1,color:(o.vars||o).palette.action.disabled,backgroundColor:(o.vars||o).palette.action.selected}),e)),a),"small"===n.size&&{minWidth:26,height:26,borderRadius:13,margin:"0 1px",padding:"0 4px"},"large"===n.size&&{minWidth:40,height:40,borderRadius:20,padding:"0 10px",fontSize:o.typography.pxToRem(15)},"rounded"===n.shape&&{borderRadius:(o.vars||o).shape.borderRadius})}),(function(t){var e=t.theme,a=t.ownerState;return(0,d.Z)({},"text"===a.variant&&(0,y.Z)({},"&.".concat(P.selected),(0,d.Z)({},"standard"!==a.color&&(0,y.Z)({color:(e.vars||e).palette[a.color].contrastText,backgroundColor:(e.vars||e).palette[a.color].main,"&:hover":{backgroundColor:(e.vars||e).palette[a.color].dark,"@media (hover: none)":{backgroundColor:(e.vars||e).palette[a.color].main}}},"&.".concat(P.focusVisible),{backgroundColor:(e.vars||e).palette[a.color].dark}),(0,y.Z)({},"&.".concat(P.disabled),{color:(e.vars||e).palette.action.disabled}))),"outlined"===a.variant&&(0,y.Z)({border:e.vars?"1px solid rgba(".concat(e.vars.palette.common.onBackgroun

1dChannel," / 0.23)"):"1px solid ".concat("light"===e.palette.mode?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)")},"&.".concat(P.selected),(0,d.Z)({},"standard"!==a.color&&(0,y.Z)({color:(e.vars||e).palette[a.color].main,border:"1px solid ".concat(e.vars?"rgba(".concat(e.vars.palette[a.color].mainChannel," / 0.5)"):(0,C.Fq)(e.palette[a.color].main,.5)),backgroundColor:e.vars?"rgba(".concat(e.vars.palette[a.color].mainChannel," / ").concat(e.vars.palette.action.activatedOpacity,")"):(0,C.Fq)(e.palette[a.color].main,e.palette.action.activatedOpacity),"&:hover":{backgroundColor:e.vars?"rgba(".concat(e.vars.palette[a.color].mainChannel," / calc(").concat(e.vars.palette.action.activatedOpacity," + ").concat(e.vars.palette.action.focusOpacity,"))"):(0,C.Fq)(e.palette[a.color].main,e.palette.action.activatedOpacity+e.palette.action.focusOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&.".concat(P.focusVisible),{backgroundColor:e.vars?"rgba(".concat(e.vars.palette[a.color].mainChannel," / calc(").concat(e.vars.palette.action.activatedOpacity," + ").concat(e.vars.palette.action.focusOpacity,"))"):(0,C.Fq)(e.palette[a.color].main,e.palette.action.activatedOpacity+e.palette.action.focusOpacity)}),(0,y.Z)({},"&.".concat(P.disabled),{borderColor:(e.vars||e).palette.action.disabledBackground,color:(e.vars||e).palette.action.disabled}))))})),W=(0,I.ZP)("div",{name:"MuiPaginationItem",slot:"Icon",overridesResolver:function(t,e){return e.icon}})((function(t){var e=t.theme,a=t.ownerState;return(0,d.Z)({fontSize:e.typography.pxToRem(20),margin:"0 -8px"},"small"===a.size&&{fontSize:e.typography.pxToRem(18)},"large"===a.size&&{fontSize:e.typography.pxToRem(22)})})),q=i.forwardRef((function(t,e){var a=(0,g.Z)({props:t,name:"MuiPaginationItem"}),o=a.className,n=a.color,i=void 0===n?"standard":n,r=a.component,c=a.components,s=void 0===c?{}:c,l=a.disabled,h=void 0!==l&&l,m=a.page,b=a.selected,f=void 0!==b&&b,x=a.shape,Z=void 0===x?"circular":x,y=a.size,C=void 0===y?"medium":y,P=a.slots,B=void 0===P?{}:P,L=a.type,I=void 0===L?"page":L,F=a.variant,q=void 0===F?"text":F,V=(0,p.Z)(a,j),_=(0,d.Z)({},a,{color:i,disabled:h,selected:f,shape:Z,size:C,type:I,variant:q}),G=(0,w.Z)(),D=function(t){var e=t.classes,a=t.color,o=t.disabled,n=t.selected,i=t.size,r=t.shape,c=t.type,s=t.variant,l={root:["root","size".concat((0,k.Z)(i)),s,r,"standard"!==a&&"".concat(s).concat((0,k.Z)(a)),o&&"disabled",n&&"selected",{page:"page",first:"firstLast",last:"firstLast","start-ellipsis":"ellipsis","end-ellipsis":"ellipsis",previous:"previousNext",next:"previousNext"}[c]],icon:["icon"]};return(0,v.Z)(l,z,e)}(_),H=("rtl"===G.direction?{previous:B.next||s.next||O,next:B.previous||s.previous||R,last:B.first||s.first||S,first:B.last||s.last||N}:{previous:B.previous||s.previous||R,next:B.next||s.next||O,first:B.first||s.first||S,last:B.last||s.last||N})[I];return"start-ellipsis"===I||"end-ellipsis"===I?(0,M.jsx)(T,{ref:e,ownerState:_,className:(0,u.Z)(D.root,o),children:"\u2026"}):(0,M.jsxs)(A,(0,d.Z)({ref:e,ownerState:_,component:r,disabled:h,className:(0,u.Z)(D.root,o)},V,{children:["page"===I&&m,H?(0,M.jsx)(W,{as:H,ownerState:_,className:D.icon}):null]}))})),V=["boundaryCount","className","color","count","defaultPage","disabled","getItemAriaLabel","hideNextButton","hidePrevButton","onChange","page","renderItem","shape","showFirstButton","showLastButton","siblingCount","size","variant"],_=(0,I.ZP)("nav",{name:"MuiPagination",slot:"Root",overridesResolver:function(t,e){var a=t.ownerState;return[e.root,e[a.variant]]}})({}),G=(0,I.ZP)("ul",{name:"MuiPagination",slot:"Ul",overridesResolver:function(t,e){return e.ul}})({display:"flex",flexWrap:"wrap",alignItems:"center",padding:0,margin:0,listStyle:"none"});function D(t,e,a){return"page"===t?"".concat(a?"":"Go to ","page ").concat(e):"Go to ".concat(t," page")}var H=i.forwardRef((function(t,e){var a=(0,g.Z)({props:t,name:"MuiPagination"}),o=a.boundaryCount,i=void 0===o?1:o,r=a.className,c=a.color,s=void 0===c?"standard":c,l=a.count,h=void 0===l?1:l,m=a.defaultPage,y=void 0===m?1:m,C=a.disabled,z=void 0!==C&&C,P=a.getItemAriaLabel,w=void 0===P?D:P,B=a.hideNextButton,k=void 0!==B&&B,L=a.hidePrevButton,S=void 0!==L&&L,N=a.renderItem,R=void 0===N?function(t){return(0,M.jsx)(q,(0,d.Z)({},t))}:N,O=a.shape,I=void 0===O?"circular":O,j=a.showFirstButton,F=void 0!==j&&j,T=a.showLastButton,A=void 0!==T&&T,W=a.siblingCount,H=void 0===W?1:W,K=a.size,U=void 0===K?"medium":K,X=a.variant,Q=void 0===X?"text":X,$=(0,p.Z)(a,V),E=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.boundaryCount,a=void 0===e?1:e,o=t.componentName,i=void 0===o?"usePagination":o,r=t.count,c=void 0===r?1:r,s=t.defaultPage,l=void 0===s?1:s,u=t.disabled,v=void 0!==u&&u,g=t.hideNextButton,h=void 0!==g&&g,m=t.hidePrevButton,b=void 0!==m&&m,y=t.onChange,C=t.page,z=t.showFirstButton,P=void 0!==z&&z,w=t.showLastButton,B=void 0!==w&&w,k=t.siblingCount,L=void 0===k?1:k,M=(0,p.Z)(t,Z),S=(0,x.Z)({controlled:C,default:l,name:i,state:"page"}),N=(0,n.Z)(S,2),R=N[0],O=N[1],I=function(t,e){C||O(e),y&&y(t,e)},j=function(t,e){var a=e-t+1;return Array.from({length:a},(function(e,a){return t+a}))}

1,F=j(1,Math.min(a,c)),T=j(Math.max(c-a+1,a+1),c),A=Math.max(Math.min(R-L,c-a-2*L-1),a+2),W=Math.min(Math.max(R+L,a+2*L+2),T.length>0?T[0]-2:c-1),q=[].concat((0,f.Z)(P?["first"]:[]),(0,f.Z)(b?[]:["previous"]),(0,f.Z)(F),(0,f.Z)(A>a+2?["start-ellipsis"]:a+1<c-a?[a+1]:[]),(0,f.Z)(j(A,W)),(0,f.Z)(W<c-a-1?["end-ellipsis"]:c-a>a?[c-a]:[]),(0,f.Z)(T),(0,f.Z)(h?[]:["next"]),(0,f.Z)(B?["last"]:[])),V=function(t){switch(t){case"first":return 1;case"previous":return R-1;case"next":return R+1;case"last":return c;default:return null}},_=q.map((function(t){return"number"===typeof t?{onClick:function(e){I(e,t)},type:"page",page:t,selected:t===R,disabled:v,"aria-current":t===R?"true":void 0}:{onClick:function(e){I(e,V(t))},type:t,page:V(t),selected:!1,disabled:v||-1===t.indexOf("ellipsis")&&("next"===t||"last"===t?R>=c:R<=1)}}));return(0,d.Z)({items:_},M)}((0,d.Z)({},a,{componentName:"Pagination"})),J=E.items,Y=(0,d.Z)({},a,{boundaryCount:i,color:s,count:h,defaultPage:y,disabled:z,getItemAriaLabel:w,hideNextButton:k,hidePrevButton:S,renderItem:R,shape:I,showFirstButton:F,showLastButton:A,siblingCount:H,size:U,variant:Q}),tt=function(t){var e=t.classes,a={root:["root",t.variant],ul:["ul"]};return(0,v.Z)(a,b,e)}(Y);return(0,M.jsx)(_,(0,d.Z)({"aria-label":"pagination navigation",className:(0,u.Z)(tt.root,r),ownerState:Y,ref:e},$,{children:(0,M.jsx)(G,{className:tt.ul,ownerState:Y,children:J.map((function(t,e){return(0,M.jsx)("li",{children:R((0,d.Z)({},t,{color:s,"aria-label":w(t.type,t.page,t.selected),shape:I,size:U,variant:Q}))},e)}))})}))})),K=H,U=a(70501),X=a(61113),Q=a(92243),$=a(96447),E=a(1568),J=function(){var t=1,e=(0,c.s0)(),a=(0,c.UO)().articleId;null!=a&&(t=parseInt(a));var d=i.useState(t),p=(0,n.Z)(d,2),u=p[0],v=p[1],g=(0,r.$G)("external_articles").t,h={pageContainer:{minHeight:"80vh",maxWidth:"1135px"},paginationContainer:{marginTop:40,"& .MuiPagination-ul":{justifyContent:"center"}},articleTitle:{fontSize:"2.5rem"},articleBody:{whiteSpace:"pre-line"}};return(0,E.tZ)(s.BQ,{title:g("lblPageTitle"),component:"div",children:(0,E.tZ)(l.Z,{container:!0,spacing:0,direction:"column",alignItems:"center",justifyContent:"flex-start",mx:"auto",my:8,px:3,css:h.pageContainer,children:(0,E.BX)(l.Z,{sm:12,children:[(0,E.tZ)((function(t){return(0,E.BX)(U.Z,{sx:{width:"100%",p:6},children:[(0,E.tZ)(X.Z,{align:"center",variant:"h4",component:"h1",mb:6,css:h.articleTitle,children:g("articleTitle".concat(t.article))}),(0,E.tZ)(X.Z,{align:"left",variant:"body1",css:h.articleBody,children:g("articleBody".concat(t.article))})]})}),{article:u}),(0,E.tZ)(K,{count:8,shape:"rounded",color:"primary",page:u,boundaryCount:8,onChange:function(t,a){v(a),e("/Articles/".concat(a))},css:h.paginationContainer,renderItem:function(t){return(0,E.tZ)(q,(0,o.Z)({slots:{previous:Q.Z,next:$.Z}},t))}})]})})})}},92243:function(t,e,a){var o=a(64836);e.Z=void 0;var n=o(a(45045)),i=a(46417),r=(0,n.default)([(0,i.jsx)("path",{d:"M17.59 18 19 16.59 14.42 12 19 7.41 17.59 6l-6 6z"},"0"),(0,i.jsx)("path",{d:"m11 18 1.41-1.41L7.83 12l4.58-4.59L11 6l-6 6z"},"1")],"KeyboardDoubleArrowLeft");e.Z=r},96447:function(t,e,a){var o=a(64836);e.Z=void 0;var n=o(a(45045)),i=a(46417),r=(0,n.default)([(0,i.jsx)("path",{d:"M6.41 6 5 7.41 9.58 12 5 16.59 6.41 18l6-6z"},"0"),(0,i.jsx)("path",{d:"m13 6-1.41 1.41L16.17 12l-4.58 4.59L13 18l6-6z"},"1")],"KeyboardDoubleArrowRight");e.Z=r}}]);