https://www.e-himaya.gov.ma/assets/index--Oon6ve1.js

1import{a as t,d as n,C as s,c as r,K as u,T as d,M as f,t as $,e as c,O as w,j as o,i,Q as y,H as h,I as b,g,h as A,_ as P,a5 as C}from"./index-Dv3NoSl1.js";import{a as S}from"./hooks-CWR7HOx1.js";import{I as T}from"./Initiatives.style-D81jx6P2.js";import{P as j}from"./Pagination-svr9l6JL.js";import{P as z}from"./PrimaryButton.style-D91aFAIm.js";import{H as I}from"./H4.style-DF1xc7BQ.js";const B=n(s)`
2  margin-top: ${t(30)};
3  @media screen and (max-width: 768px) {
4    font-size: 10px;
5    line-height: 12px;
6    margin: 15px 0 15px 0;
7    height: flex;
8    width: flex;
9  }
10`,H=n(c)`
11  align-items: stretch;
12  margin: ${t(15)};
13  margin-inline-start: 0;
14  margin-inline-end: 0;
15  background-color: ${r.white};
16  box-shadow: ${u.default};
17  border-radius: ${t(4)};
18  width: ${t(1110)};
19  height: ${t(240)};
20  @media screen and (max-width: ${d}) {
21    margin: 10px;
22    border-radius: 1vw;
23    width: auto;
24    height: auto;
25    justify-content: flex-end;
26    margin-inline-end: 16px;
27    margin-bottom: 25px;
28  }
29  @media screen and (max-width: ${f}) {
30    flex-direction: column;
31    margin: 8px;
32    border-radius: 0.25vw;
33    width: auto;
34    height: auto;
35    padding-top: 10px;
36    padding-bottom: 10px;
37    margin-inline-end: 16px;
38    margin-bottom: 25px;
39  }
40`,L=n.img`
41  width: ${t(255)};
42  height: 100%;
43  @media screen and (max-width: ${d}) {
44    margin: 0px auto;
45    width: 150px;
46    height: 140px;
47  }
48`,M=n(s)`
49  flex: 1;
50  width: 100%;
51  padding: ${t(30)};
52  padding-inline-start: 0;
53  padding-inline-end: ${t(30)};
54  box-sizing: border-box;
55`,F=n(c)`
56  flex: 1;
57  margin-inline-start: ${t(30)};
58  width: 98%;
59  justify-content: space-between;
60  @media screen and (max-width: ${d}) {
61    flex-direction: column;
62  }
63`,W=n(s)`
64  align-items: flex-start;
65  margin-inline-end: ${t(58)};
66  @media screen and (max-width: ${d}) {
67    font-size: 10px;
68    line-height: 12px;
69  }
70`,_=n(I)`
71  margin: 0;
72  margin-inline-start: 0;
73  margin-inline-end: 0;
74  color: ${r.cobaltBlue};
75  @media screen and (max-width: 900px) {
76    font-size: 15px;
77    line-height: 15px;
78    text-align: center;
79  }
80`,k=n(w)`
81  margin-top: ${t(20)};
82  line-height: ${e=>e.theme.actualityPage.lineHeight};
83  font-weight: ${e=>e.theme.actualityPage.fontWeight};
84  @media screen and (max-width: ${d}) {
85    font-size: 12px;
86    line-height: 12px;
87  }
88`,v=n(z)`
89  width: max-content;
90  font-family: ${e=>e.theme.actualityPage.fontFamily};
91  font-weight: ${e=>e.theme.actualityPage.fontWeight};
92  @media screen and (max-width: ${d}) {
93    padding-bottom: 10px;
94    font-size: 12px;
95    line-height: 12px;
96  }
97`,D=n(c)`
98  width: 100%;
99  justify-content: flex-end;
100  gap: ${t(20)};
101  padding-top: 10px;
102  flex: 1;
103  flex-wrap: wrap;
104  flex-direction: row;
105  @media screen and (max-width: ${d}) {
106    flex-direction: auto;
107    justify-content: auto;
108    flex-basis: 50%;
109  }
110`,O=n.div`
111  ${$.xsmall};
112  border-radius: ${t(30)};
113  padding: ${t(6)};
114  padding-inline-start: ${t(12)};
115  padding-inline-end: ${t(12)};
116  color: ${r.cyan5};
117  background-color: rgba(131, 204, 221, 0.3);
118  border: ${t(1.5)} solid ${r.aquamarine};
119  @media screen and (max-width: ${d}) {
120    font-size: 12px;
121    line-height: 10px;
122    padding: 6px;
123    padding-inline-start: 12px;
124    padding-inline-end: 12px;
125  }
126`,E=({imageName:e,title:l,summary:a,slug:x,tags:p})=>o(H,{justify:"flex-start",children:[i(L,{src:`${y}/files/downloadfile?filename=${e}`,alt:"Children Online Protection"}),o(M,{children:[o(F,{align:"flex-start",children:[o(W,{children:[i(_,{children:l}),i(k,{textAlign:"justify",children:a})]}),i(b,{to:x,children:i(v,{children:i(h,{id:"actualities.access-actuality"})})})]}),i(D,{children:p.map(m=>i(O,{children:m.name},m.name))})]})]}),N=()=>{const{actualities:e}=g(a=>a.actualities),{pathname:l}=A();return i(B,{children:e.map(a=>i(E,{tags:a.tags,imageName:a.imageName,title:a.title,summary:a.summary,slug:`${l}/${a.slug}`},a.slug))})},V=()=>{const{totalActualities:e}=g(a=>a.actualities),[,l]=S();return i(C,{isPublicHome:!0,children:o(T,{children:[i(s,{children:i(P,{circleColor:"",titleColor:r.cobaltBlue,children:i(h,{id:"actualities.title"})})}),i(N,{}),i(j,{total:e,rowPerPage:4,onChange:l})]})})};export{V as default};
127//# sourceMappingURL=index--Oon6ve1.js.map