From daab96fa29cfa3e7d696cf373b5fd77f52ca4219 Mon Sep 17 00:00:00 2001 From: Saravanan kanagaraj Date: Mon, 12 Oct 2026 13:03:53 +0530 Subject: [PATCH 1/2] feature(REPORT-534419): revamp site with blue theme --- assets/footer/bg-texture.png | Bin 27895 -> 0 bytes build/build.js | 1 + build/templates/common/index.css | 250 ++++---- build/templates/common/index.html | 29 +- build/templates/common/index.js | 18 +- build/templates/report-designer/index.html | 29 +- .../templates/report-designer/rdlc/index.html | 29 +- src/common/header/header.css | 293 ++++----- src/common/header/header.html | 24 +- src/common/header/header.js | 153 +++-- src/common/index.css | 18 +- src/common/index.js | 7 +- src/common/main-content/main-content.css | 596 +++++++++++------- src/common/main-content/main-content.html | 89 +-- src/common/sidebar/sidebar.css | 55 +- src/common/tracking.js | 4 +- src/common/variables.css | 24 + src/controls/barcode/barcode.html | 2 +- src/controls/cmr-report/cmr-report.html | 2 +- src/controls/company-sales/company-sales.html | 4 +- .../conditional-row-formatting.html | 6 +- .../consolidated-balance-sheet.html | 8 +- .../customer-support-analysis.html | 6 +- src/controls/data-bar/data-bar.html | 2 +- .../dynamic-chart-series.html | 2 +- .../dynamic-columns/dynamic-columns.html | 2 +- src/controls/dynamic-logos/dynamic-logos.html | 4 +- .../external-parameter-report.html | 8 +- .../grouping-aggregate.html | 4 +- src/controls/hr-payroll/hr-payroll.html | 2 +- .../infographics-report.html | 2 +- src/controls/invoice/invoice.html | 8 +- .../load-large-data/load-large-data.html | 4 +- src/controls/mail-merge/mail-merge.html | 4 +- .../multi-language-report.html | 2 +- src/controls/nda-report/nda-report.html | 2 +- .../northwind-products-suppliers-report.html | 8 +- .../parameter-customization.html | 8 +- .../patient-experience-analysis.html | 6 +- src/controls/paystub/paystub.html | 6 +- .../personal-expense-analysis.html | 6 +- .../powerpoint-report/powerpoint-report.html | 2 +- .../product-catalog/product-catalog.html | 4 +- .../product-details/product-details.html | 6 +- .../product-line-sales.html | 6 +- src/controls/sales-by-year/sales-by-year.html | 10 +- .../sales-order-detail.html | 8 +- src/controls/sales-report/sales-report.html | 6 +- src/controls/samples.json | 8 +- src/controls/spark-line/spark-line.html | 4 +- src/controls/sub-report/sub-report.html | 8 +- .../territory-sales/territory-sales.html | 2 +- .../tickets-sales-analysis.html | 4 +- .../transcript-report/transcript-report.html | 2 +- .../website-visitor-analysis.html | 2 +- 55 files changed, 1038 insertions(+), 761 deletions(-) delete mode 100644 assets/footer/bg-texture.png create mode 100644 src/common/variables.css diff --git a/assets/footer/bg-texture.png b/assets/footer/bg-texture.png deleted file mode 100644 index 0af7abfc0b318cc7282dddcf77542a2209b22ba9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 27895 zcmbrmd05R`9|yX2Bc(zrio$84(9x*TOj4PeRBS^?gOZYzwi883NCQoXqH&W_G;F6M zQliqNq5)~3q>`xaXYHKx-uvA9-22Df&-1=Vd$0Xn-{JEe*ZS?Vo6OdU2uTYOLPU($ zuiiq4P&y$z4U+`$j*{w+W%$ozxAit2gh(pT|1pfW$oJt*hR2q5D@jJh>`wf_w||A{ z3PSFN3IE!~Pl)q5J2Zsqgok2NXfa=6A7ZV=e+26M@?81+!M?y8Gi@xGN_-d+eL^_1r}S&RjahyC_`3&= z;)G~zwfuNpwy0k0L-pq985WfE%zXvJHDRw75)&ywVlCc~?spRJf1JOl?Qmv_XqK@P zQ;O7kyT5s2bLRV-sY3$AmWKohOGc)qc%U_L&$|j@tt+QRtc6Fz+w+xW#!U!mdiJeL zwKQv3E#;|$Wb$T0>gPMybp)+BI<@U?>mfp1dy4hGhY(_-IGc~Nedc)2DyjK+cke^{ zK_!P1_1W$6(DogpL-rz_?>V(##`W(U3u5{B=@epF5lR1Ud+|AiL740IhHDj6r;3(2 z@18lEu$;17Bv=mOQ+b#l;z!#~ND|T_?QF$QyliBWH#g=O*jh12ZboNLjhk;;Bp=i9 zS0`a_8T}%kXHYPSK{yii8A7B_&e@)yv?z{+jeBW}5w`rwRFYPkyfcq5h?|0`)&fd! z*vbFx!#9EK{oM-*vD)nabH13p6hE=%ky}Kp<2u#Fe-uKWM19tK7k$5x9Bn@yDZ)Cs zuwB;jJ*W>PgD0^nW)29l*uCy~gm zUEh@#IorTeA_4iK$=A>BXdJ@6CKpZL46r|muGFvK1sAQiy)QrmQ?Jh>kqgI*#&_CU zGRSa<#wlkY8()IpTTHc^_Ro7O?6Ajs5@C&B@J|TJ2;m{BEEurN!*}+(jG(_K5pqhm zG|^FKesK4ws+k{wpIlGt3f^1QBt6B}?+-$D{A`x;XJ3?Ko$mX}VBMmoq+3k_Z)HAi zIwI@%2&w%WT8P`>X}wQeQ<{)g^LM8ytR+{#_#bo(&#x*xBrQgmPc<8E)~BWvJ1WB` z*p_c}Lf_lkb zh{qVSzDtEcdZITQZ2YM-Do;4E!?}dBa_~|3Kk#x^^U`OH-qHu3rBw7mg2-ssiXyJB z-zecF^?&{x?> z;UU7+t$O&tj~+sqm&56}~PE7m9)LxTN%I2=$5^ zv^jeB-KE#K7bHl!&qCDK9el8)|CQ%vMCR#GMB(|c_6xnj={&^w3LsRVI(y@T{Yb32 ztG9)f$!838%S!>s_49uR#*xRwE@rJb@fhqYYW7?KbZPx74M*aidC#B2v1aCsAidbW z_xE)=JB`$J{J|g|p55aydl`h4uJ)`^=Vo{S92LpDPObU1zx5G8Q`=zCrSrMX(JkB2DN~z4oNq5&bYuKmmicQBVs{o{PP^8Bs@-b1F@f z`W|sEokrBFFY~ml9ceb+ayfKd9N($l8@~Ht&BBmsWrW}0HG{d%tLjt3?firYd)Jrd zM=FRm<)_Y(+$-iq{Y{WO@QUl*E-r{U(hJ&k--X2lJZ9Gv@sRqt6Zi@YBhhC~j7Z&4 z-`PRFI}boF0UIA!nLeHWUq$9P}u36;TD)H4g8WlLUCOwVyTS!j&3sY94`~t&JA2 z%35kP#eLr=A;RQ6*R^W|$m$Ivb{pU(_J~`^YE)0r$_8K?!dj z9qrA4A)>0-JS{$kqt63*2}`r?zUM>emIq1R`5wIfFZ`oBb8Kjh?8C)E#EoI9LNdPm z7sYf#vht%&2LMv?fK{2PgC2Ll3ojq4v|1}!|M1f^5$6Yl=#wlxnjV+j2SnB; zovaznU8dZ=Jx%~=4MDVbAf0uonLQrC9<_ zvrgjyiGGp1vtbK_6yQU3(Bg|w!B3@K#Z6B3Gf>S)+Y!6}Sv8pE4Ag=%0A<#<$?(gx zAb9Usdo`Gp(a0mY+s0S)Im1hWO?guv^bgMs*&2fg(=wf_?d#6#R;H3)5-{Xq&9R1{ zH88uw)f_W^y8A(@XiFNSka!ju^Rz6X@Ypo|UVg#zl5u{*N%_a-ZP{N`2X@68xzf** zq@c?yJ4b(+O(!jaE7uddo{pU#p!b?HS^5Ao-@C0h>lsB;qe%juen_{-)H!f^}AWDI&7|EHU3^_$@3C_Y<_PtA}gnfD{@89 z(Jze%a!!A(C$ZfPOTHlQvupl$$y7Vkc%djFR@JRxu;P@k-y=lA2g&GXNaQ|g z>(DNmj##IEc(`So9lk!9uoOm6uRY@>dggG^qaz*ud3$L3o6g;|e`7%EPj`>GxqzGg zyK~|O2MCz+e$dnCx78Ij=6tpgA!T*h?W<`}IlI=eAO2ov$nc7V4;xkWnq5Mn1bDizc3L~kRw zD;nzh>%vnku`Y`1=zCBb1NutBr`XJe5yss3J+~G&XC4 z^_&`az$mqWEs*W7{xhE)V|?|yC?X>E7v&zJyU%}O6My>TS{?8?k6Ppjs_Y{pJO>C< z2@cUG$IV&7NCzSFsMJp8ROGKGzCV$3w&kziOlhqdFA{)NS^UQ=4mfbxo0asqW+Jk! z^i?;@CqnE*C~!FBYqeMiIBTMyR-8gX$P8FLm^*{o@51J*`bZdergKCQa9gr}yA_sH zz~gO?`CfS9I0Hruolni8GvQSAEB-bnzm_DNh=8R(9=!12F4efR7FUwnMSj=UiLe8x z?OgQpT!KXi^E_x3Z&sqB*m4u-Sjzn~vWB{~$pZC%LYPxQ&58HX#KMI<`a3uWW4#Wl zA`48fZaH{Hy^(`WK5<)Dj#;HX@7&qGL*v7*gpl*OVi(*~s~3kX(Fvt}j?*7jI9U+A z)x09iI)JgD^MNJ$)-<#J^@xci$9CDVx5C^MlY5uz&|60jvgX`4E5L4_2wKr0qq)q%-uU&N{d63n0jHyJ&-FkvqYqbBGw>A1aK?R^2lnxiI?q3C$mXl9O& z3nAJXDM5~(9x4;IxZO>LSHo9#-{VLLq-EdpB&!lnS!grvPd|rN)U7lWxPCdh^Vj3= z7OXj~(?!_DBjcJBnN6Ee`oO7yBd>~tfK<;*jZ*}O8?U)wZ>K$P&!p>EuXSSNx*L2} zWFv1XLK-?Rb`~H20iccClkiMALtRNb{(1&fte4_{n5GDSF!HcXRf;C*q=#Oy|G3lu z{dSF+Cr&6$Ce8-C6j=6y-!l6Fm~4FjMs*5p@Hk?C{;Gyah=g|4=!SO){ib?QKku_6 z)a5kuy^F6(m>6Aai?miXe`r3!qb5?nf$x#DFcJ0#0K#iik)Cnzy|3t$-PZgr_}Vmp z3er2ZrhVx@SE4cq$!L9B@CY2+nlUFcrTj)B#FEhMZ&Ny^A(B?&*s&Oy(@q(2FDadW zF;?Fm8#=v1ixXLWfVX}{d#Q_@34>%DFmmMs&RJLH$iG0p^KccuvjROu@w%rY4aBy5 z%`E0q{T|s{YZ`RMvHXU!56TtF`#EH(-&J1A!Slg_HiYSvC(qjxooGJ(h)0gJ2vyBr zoRy+N*Gib~bn@=C%-N}Q3@#FF%*~x!jTp`gsCB}h-a%aAoV)701p?W#=Cv1F9c5i_`VMkCU zKI{{dPJ+uR!g9!&Zp149~ zX;Qy%aWQ$+VlnUCxA!v$=k)*d_?PL9ol5i1@rdQ-)cFf}n>5zs$r+ou_jTwJT2fP7QR4_ToGJ&>rMh zqkgE4f)Z?3LEVkqJarmHsL@i9G}-eHX#qEYw%W37FjdSw5@GG_o$=w(BX#> zF`AG$%ieb18`b&T6pGCw7An0w9w&#Y%vYif@1h_eTK^pR{cpV<;z2~Q0?0h_1Qe(HT6ZAv{?OKk-+pvm_2+`EKV*R z_y8tK4(IXLuRIp}1|@G#K5}Ws9GQ;@-C8?jk}G#r&UtOT_!=fB_mMilh%rEIO#{_O zOvU0PyO1=ap0w*@`ic#ZysYHga=H*3=Nv8aL3_juKx%isLIVjVh#WJS_b#&)#Y62- z9ClxJkBe%!383n!h82~rth0H~$G%QEFZVv&xNQ~ ziZ0vti3c2qIGB*pn$mwZlb6bQcC3`Po*r{BovK#)lZGA1G&vaaHuI1J_}CqT3wAjgWNAMcKQk4j&@}YitMyxm9S-lP7|)-eUAq zXtD`xAz}rm*LMsFpR-brL^9Q~hD|a)~~60-(OH z3PUIE__~Mnv*su0$zYJq4EGzcKy8y_7x%srgB)O)*cqdOsjlUjO*pk>?T7Bc%V}g{ z(kv~*V5LVn1S~bv`;O@f%SrjhfkV1eW`aQd!09TqMuRUITC5~FPGDC;tUU7cQwHm^ zWZ1XPeb+#llf5yBlzsVtI=lYx@1m6aZAN0c9(Neyz1?6pTyX*74$+<-q^y#4_T+Mm z0!JP7OLkyA=uE^Y)}o=x_N`?Jq!zshN1)4S5~3ofR{DMB_B#`B zE4R>ctX>*317I;h)&c`BsFz&(ZM}3)41n(G44wkmIP+h(AI7YI5}4DNWoWvx?nmJi zc8T43hSsak`&1E{oNpmCAq`mo7m_zat3MUkHk<%&D>1?o8y|L`PONREPZF7=cX9I7 zEA`<0SAe655|Iekz4G*(e|3^P{Kif}kujjx`N#y+J)l0YS z&$+-Lw#jt<0je-|%tvSD!YPzUZv<7{ zpu{h8!2x^v=J?3#x>>3iLN270Z#r)pt*u0s=8vDG3l~oC5Cb04HvQ(|88ZF#?i(2I zRLrCOm)LV7>ZfkX5Oj(7=9Z;0NITDU&x1Ll>4vC3?t(i#GlRf!lv8 zp?2lvWQW__13-l@R&I}P)8=m2+yuxFYZG|!@t{BvtlN~6sEQK|>c1RRihrR9 zD?zS_)i9>X*V?IiSMdZ8i%kQ~!|9-u=|W=;tMP?3hIsYfYcvaFJ+%uNfo z<6!Q7;D6YXxq6y7WpJ^j3l-e+j*a4$OhjuX4*VJlnt&piFDT+8S2NP4K`_nl{UL{D zyn_4xkB@p~_cQm9!4d_C)|-TqaImZemTT?wyk82gAk4(iPwb~9$Nf}-LkKLqaUj#| zaOOz{kxBJ#_{YBP&VEvRDrp`^_qc@)j*4hZE4k`w^CBgK#vSLIol|#5isZ**fOfD7(^A#nr7~EdgJYkLm)!tac(AnI$UspH8Xql7 zdM>s$9&0%t8@p+o4%Bs`G1O`0x2ep~P^AYF6_5+_``Fq&FV_Kx&S#ygk{q-aV5z|G zoH#y*DFO|rrM9={D$8`hz88ZJ+U;|fhKfnfI)laC@<;1c`EI+pdro?T4sr=GTs(2$9n1xk9pG=RK1#ThredwO~G(FEF$$AY-%Ksu1<&$ z=UDE5ra@Yay_<5~<)uDUDMspbCOpT9GJF>ublN0nZK8@uyS#QjN18@mi|x^U(7|(5 z)VF1iD`GIqEc5)VvmnbDwWL;g!SSPu!g#Fz1Ph)6EgseOFv5a`m`Nb9Zw@QdEnTz| z%bqthP~bkH`hS%*M30BHo~fNmJC}v>8$B`_u8A_qbm<15QQ#1swtf|*(R>NySXayRre;hkb&mPFMyK5O+QMZ+cAqzL;@IHOcM6@kSy~)n$!4E1*S z3XY69CBrWeVaj;Z&QM%+25s$FN(nD+q!#Vla5)*7dZYw~IyI3?RodDnvDe1?9*aa; zF`XLr?cN+ENKa0%Co+wQTH!aEZr4zKt{>B%_6z!4StUE_>(fl zFLYw98i$P^dRt5dpN1%Aot7+WqgfYelAPF^sftF5$?H2X{MzI;QMpz+iLEFbXhfw> zD?rkCF$`pYQBlO~=gw_!Cy}(Gjum0DOn$omlc=2&D{n|gp;TH5-Lt;cwBIv3d~_XQ zrhoXVtp#=BOqcUeM+TZDPA(4}vL`Ih;fLjY+V|(sx6?O--0s#5(8ApWZwsV5vaPgT`l2BCj&My&T2{pb_$&5U_|E`)>^1f8VQM#x-ZYmDhiJhApwx^kHdPT~nu_EJfX z1yaR-HOq{vVMN92k?hqsJfybbNZG+{VVbBsaIDq2Y44R|FL;TyIc3oAI7cC{zjKk_BMY@{`T+ovp$oZ4Nz-C)SrWMCknq&cg*ewA?@GYCFr&eColdxy-ly!2^RZv7Qx-QfzAzVhTOi56@-u+sM2vfk# z|EjEci=U*0CZ%tk;8?N|HMQqfOlkVUp1AW0 zOSyMSNZJNV&nGyYw}D5rrp@a9fNh26au&vl%yN&MvHH zA_zJhw`h?KtwL@~V@wE;y)@&SZt3Y&IG*W?d1-j}6N7n@LMTnnEUw@`VxE;UMwn%B zq;q!`^gdd~;hAj4P;Dq%QnIp$%ua!AY=pfg6Jr zk;P@ov#P{#FV271qQOz7vmaKdiE#dcg;g6WF_OhtMRh|LjrJVryVQJA)Wjo1n2uIf zPncM)2@@4$QM(fOAXYj(p*z|){p`<(dQK!M{O%ZPhr&j7n?uW}N}Zl@dAk2nyugpe zPhp&t@NP>z4^g4>eVo~qb3fl0Xg)Z^;1W0+-?VT>4&iKQ;JW`qE|jv-%V%`I{(}fp zz^P^my-D1>5H)t%Ij()3dALBJD#WbL1BV=J`BAs7a(-e-577{Nxxh{t?NZ9SwGBj; z^RrdMjI3UP4|=viNX*`cE}Gpta5Tn}Qhkc>p34rZM%l+ zk9x6|;oQNRO{WF7PM4~H!i}5s5)pAe$wjcAlOT!w@;2&dHBK-nr0T=RE`}W-oGOui zt;Ox=To5_ZUzIq%mNDWQ^x>~Z8w!P(=Vzyokf9GzNf|h^Qc0mFQG^+SB!UAJ68Rb4 z^@F#Z4$J=f@G=~Jqk3_|-if#ol6L$elCJ{2^YgHxWeO*jyDx$jEef_BH{H{P8)B@_ zd)JE->yz&S!v;qgA1OjljwmUW9_fPBRX6|6$crwUzPaz{RD2c3P|X1I2rttNZYbI1 zQEiFCA&iU6^o|;Uw;apuGi&)sWGW)pC~x`MwTc`bgC9YUDiBih^uuX(iG-Td!<$sl zw^RYvr!BE-v=H;;VM=N`)Df@s1vVwld2fepP~Jq|coR$d-=MgbV#)@blR}&Q7%3AZI-{kQ$!gRbe z(UA9CK!J?vR8ownKCw}^JW9%Goc`<4Uq5 zgQw|2k|O7?e_`dWmZI?q64x95+!bA8yjUMM$etW3etH;fKb?IO1ed+KG(t%_qXEsA za)98(YZKa(L%(QYW8yY2d@@afBeHBgL$c+!Fu|y1xa+L13S37NTJToRFF}B~QWGCVH?gl84Pne(gj6|7*@1g9{IMav4F&oY=wQJ6SMF?hWbVL)7KoUP!`i zH)5UN@i@tXB{MaRC;GwD1eHzTxJ)UJi~GJnSQt`7F<4I?4z5ZUqQug7K`J3lxsGq z9&}4ZSUe=;tA71`AvX~oOY*IM*n@uouBuTGgyvu!u`6w5?wtgl&)J&qf|FfMrOL<6LOCMi!_^)HTgN1N;EvHL@?wEV8vrNI% zRz`rIe9WLOhY6UQ0#)*14PTlS%Xdb|I~ZE-$6AhNM4Z${pmx}0xc>WbmI~r{G%j%_ zZQTa3D&G7$%>|YlucLHRI-sHB^K1E#P)qRaSmNxL>#E>HGE?$t}=wbJr9w>_0F$bWGgx`jfjIc?sG##sk9!GwX;JC%y|M3ZK92nkuy~rb)vc-Syn|!l zb;o8RwS#z!@{}yyQoomi>xlgIM*k;t@`oppVu>pnw9Yxcrn1nK(BRAYDv>0aB_#6);3My zoWp0XpAHOfLu`nS*)_>#DCH!25STPK0sv&5KOtinDMO-ZmNY$LuMu|@0(e{sI!SLf z;zFE*x>=X}cNaN)Iq|93UN+hHp2L@W@`R4(d9V|43f&6UN#2H69RK?FC@95@j;c2> zShJR?F||gI}ytT>(sOi<=w;o+tcPU^m$} z*O}jqcS%{vGT;iMX~&_IU0jiG)tlc#g<5VrKJdp6aHyjS4iD^oVno#BHg9o)ry|9! z+4bp(IAOYujgA>T-^D2B?3(Om`a4Fs_8Z4jv@ji^>ZBzJe2`+e^Yh)=lAI~CBS~Ei z`hAZ-T_~zf&~+w}YcIN>_pzI;|3mNH55~S0HeYVW(}YIqWv2ybxstXP6AvIO2wD2|Y(1MUuy@+a$(<#3VE z?(Y?o-R9U!NqjiYT~{^A3n~cg*AZrMEg@KdG}RZq8(+7Khh?Ip%*eRz@6+{*kGLY^ ze!c%ESGy6qv(F)oxvfInj^`tb<&W^YiI|V9Q_NtnWE!2M5#<H*vH@0hh5#Dhl65 zDUe(`iPIb?9M-Ph3`w#lxZAEAqxuX-JE-XuL*+Ilg*nYC{{v zh!fO;SbPcrN~UyY&OJU7<+h2(t~hJ7$o&Kl(XP7hd9~o+8Lp!(x_Pm63$ABy_44hr zTno=iD^jw=M0 z&x99XlwsjG?Q}*p4%CBS1__H&;U@~j&F{r4La~%~*GlRr1=HFQfMhQtwwN*5ZOyvG zZQLD>j4y8&rrcTMA&R*7lGeEUFm!X=B%6=33^6C;Zy|qZBS|C^2%^fcc4`Qb3N&M| zob-?+6op%6i>_y>e8Q|uk+`{R_T0AzXBfnpwL4Soh!F0ojE!A!W^k6xzCf({>G#QZXNG_>Yp`*F!nT-*vTShi$iG6_Xbirumm7fvm+ZDq?EkY^pPv4l1@9Iyv2U>WP$+?QQLv^)Aqw5z7x6GM+ zo>;kQY;eH=c}DWGP3y3RBjDJsaq!J{T=>e3^e-9@J8VOGTip1fBWgyGb7|A_jh<+L zT6BP-dx9Xz_;BJ!;W-9J4`?aBjrRTuL|7dmKqtY@H!4p&Lw~Q?)0 z|9x?RGHKb~ul5REKF-&-Y3(q>Ef^&fOJzLXf^Yh-tf7bf+!|rO1nyvUxybp$J@WQ(>m;?rU&rP<6L2Ix`!Endle3=3~*z<3#n>IT83k5mqGSbdRBHrS;T6S(y?tH_sHF( zYl{`!FQfWV@%h>ycvyfO!oVPU#rVMMV{}8L39cC>KLyv%kpo`|Z)MA*N&b_^lhi_} zSKhnlR0S%;Ie%Z&q4>$~Z`gNImc zRWO!J7Qh4@Cx!!x2GrR$h$h5$ij({`lZ2T9FNelUDD%eEewk=j32BrMbJ+kOq3csV z64$bjBXbHVd6UAD85d!o8TJd{C)o3*GxrEM!jr+$rb=xwDsYaA!isHrbm)|z)zg_Nv?jJXdw|W^YL3pw1Z_5&UFGAkZ40X1> zeb0VG3Wba5Dxk)WcsSpy1E6`I{NU+QL2}4Vna8f}Yp-0i4-Z)Fk+!wMDyFce_|X%% z8!HQMWHi1!Mf}l~+RRALlHLY;;QpMR6O=@5so-bCMjf*=I=9 zu=x^$ufn*NrY;FC=!L`k?~dUrU35eE*bgx5V)0@?LDYcq@_8F*Nit<00xYAGPkI)8s6^eLR%Ap8FJeF4m)2Nb@5R?jzwr&h4m+|69V)5Ol|7#QH<)%HG7n6 zb{NkbF%|dk>`j#+C#acECO#eSisd8w>dv{?P%zAyX0g8zTdOblJ|5J=;L0fFZPWDU zXFgJnM+_B0wr1mF(sSmw+WXUT|48JY;EZN(V{DKEG!c$#XK?)kfI>0I{H1CE89u2d z$>9(DQTX>X5^bvf`ZkSObCy0UDTLb8?^LZEn$Ww{?R)WbiE(9wBghc1k`o4%PB3t- zXWTEwa+LSEn|`!8b;#pUzlDoxXvSu*qIL1E?&B!r!^6yswrCSRs)RX7FgM9s;9<^# z%{Uo%9+i}-5YEQ<0sjU5WGY~}7#-b>X(ZR~cLEUI@a^mg6;P2%@S8iaq{7qJx91#G zw6xrSpT^Kfx64GJ)2tsT3wQ8PhIH!M-x;ZWfQH_)XC2%`@wE8h?supiul#~d0=Qez z`>RgQ^sJv{KO@=RPAQMzIfOe|ncr)s5b6PT2tZPXc)DWCty_;M$fXa@M4*^ulrE)S}Tv9bR3*l8!BZbcI?~}if`dyBO zl^*=K!fs|Vi;qREo)Msw6iZlTBHt`uUeTzao&VL6&4N#{C_}%3}bu&h7NLYPftMceY0EFlb8LCQrV2K6#^=6 z0=7-;l!kgvCTAoA@6i(M1?kZjoX1(_YT&m3{jpufELu2&qc6t}wfsambVq4j(dAXd z3kP|eWx@Rh`{nTrCY~l#&2gkE@@j?~8Q?j_ElWg=UTwv?GI7qMBXKKX({0=08g5YR zpW3Wdc@!XvK8X+YX8Zr5iP!DUwpDZ|Zv|t&Kk&ro_v*$yn&5i&Dbm|F{GEFl$K+N- z;0&zk+aP`%Gwa;f?~;Pi{fz9qXLYE=PPT}g9^6e}+Iu~47r__u+babeKLrGbrH4doBzYxm6;2CZE~ zb_XQtk4dMIUbpYPy~;BfEMe1xUwA?C`!MQ{iLL}MPG?fo8@E!f zie@^97a%ILOmcM?`NfaJOMZZx+h$8`sj*l^>$lKcv>VPjAjyjBXyfY>E%x0>IsU|+ zMQ_gGanc~gp>#;PDMFHp&6R3l_X5g@f@6mvlz{u|l65}9;QwL9R&}Ch8V;+pNS8Qv z{{9rro0hX5Z8URPCeZ%nC52vw=vfY~yJLI+@3v&VE`5euo-Hfo;!eniksghpxo{uN z%Rg`t4zEK8x4aW3EMbFXBe&*BF_V$%@>gvx?C|9y6%ileM`$cMk+yLuZn?Is1O_%O z0TYRoiQvHEvyZse`y;Vj8|zphxf+c855vRt4O9_1nv{RS8f=0CptBuFT~7;3tOMJ&07OczRI z=t1Z8jXdmXyQ_FNL-~%zHSVWQ?HVcJc2oI@PF+LY&x8ETWXJnF`5%mRw#=oP5Zi+L z2mqPc@g+fpbUG4?yR9vYxX1{_*3LAqkP7v3KW+TS>dUxTHujkP7v8j*ksLQ6qgf}t z^g&wm7jGno@_v3ls^7>b4COe;y9*pXrzH;u&Y6 zXQGB6)*>_=IT)V_-*;bl3en)UFnMHx5hy-+!yBpuVlBHH*fl}Whqqvq0_y=qlNJx@ zxW^3!xf|ooO)0>iBcBHTC=g)oUq(PJ<65YbDfhc8i<@4l5Vt~vl-EwgE3#}l$5ymD z9*=?QSV<-yq*`uSS+L^EPkf78hUeefAS`zYclMt5*Uq6L=We^Q*9Xu3=Ixk$;u=Jb z3{=6=b6rt6G!T#|83%DcbV;nEZaDiR(VN5RYzBXuNVs>&;GGGot$<)2)y2?#Iebek zKrzF26_o4=45pJF)mBw}WtKyG$Cpj`7{PP%qBA^rbjRUq=ypcEjWjOT6ZM4@ak#~I z;pS;Wtmo+EsxtChQISo$0XrYuechsE{7|oJWMgi{8j;MkM|n>vZ>~DudHB*vgT80d z@xpB1X;q&u6vn+!FL$##J!^l<#bq09B5uaI>?>QkCU`XK;m=cxduIo>ijlVD75XpN zTr*4?%*cc=ctuB06EjyPu2A4I@kQgA?sqmiXjwV`-IhcvQf@gUm>kg%InI?}b=Q$k zU#X@f7Sm#jzCQL;cII&rD^$6VqwsWB9b-CiOH6uJPW4P*>eDel>@R*S_iHg)U}@2X zl?(B%+Qo0Xx-0NQ1hut8G9EnayT1tZy7Bg`*EcNiF>}7>b{*P(<*uX=Ozpbwg*
z?=t%>)PLVGL@&3@{!PRwM_uMMKFDzU-`9(mO8mc zmftV78`to^|B{4V+>9d%&HuN+1NzC`+tGaIe9VKKW*VJ&fjOL z-~N7C>->Mo_Iu&~6Pp{a%@Td{`*Th?)p)G_@uuGx!TTR6$EECJ^SPeHU1&}If9yvo zs4h1!Ys7y!MqDuz)q+o(C~`?d&Z+;e%9~h)a&NUUso(goYFW#i_Ee$xi;*{$B3c)y z2PN%-C$m^%EK?4nK5K!T zP%U#Rc`3$zb1*YZQ0pEo9mLDF?{tBsb2t3UE#CZXeZ{`(vnE_(qpD>g?%>$8qQxn-+)i0kWr z{+Tx&Yuu6_zGz0Rff3C_5WR87UWdwf^x*E!RvO1OCk*+#dScjdFHH>C?w7bp6z7M9q13#mV zo09rXH!N5xfiJ|lp>CI|oi5eIgONV(o(%k}MViXWTCmr)@)kukh~J4tUf15h!}&;& z`E{VDHz%1vv=8n^a>UE^wXPmQ;3aw4T&~sO38!z|nSl8%nh^T3{f!fpF4yFXAe2tocCh z=W={lBW4s@E{q42V44Vd*sjI0{Vq3V3?DVsKe`X>xCx^s(G0vhBLkk2lKL9tmjj2v z5kcr%KgZ{f?+D{=&e44P)MM3r=txU(@pXKW~R)a(B#&qE&gT#nPCnrOM?6B`UW*p7Cjj%zF-)QWDQyZjbI2-li_ z{<%&aw9h;}3(wy37+?A{ZNgL~xw`6Q#xD7qnGiyW#y$As z8}*((b2uiKwI4d_*u5urC?c7we?{&#Pty~tf@*D0=1uHG0@E#}MUtJ~)R0SK3e_dcQ( z4}jB60B6@#o;4O3uLzai8o1% zORh^b<`2p5ikj5bCv+dMi~H7tdvmVRc8eJx;i!U1km4mi!sWwiKM(p_SDW_TRP|cc zK9bFFy>R2{9=sEr>WmF~6hkKu+AeaTtYxEh7%Vj1@r})9pq${CmV7Os2H$F6HfJei zQlK$K5a;47z0lp)SCC0Cl1#ymkLf3=*4}QjN5Y~m$G&csRf3$`VrKh7Pz1xSbe^V9 z?N&R3%~A7iOE2RNm^L-LH6lW|CA$~=fhiRw^;ved%uELBtj4MY22DVwmvinu8Wuvb z&s{Z`di@dRP_SerEE%+saQ6BN&_J)XrL`O5xl?0$g>`cYAGi)3`aU!TQ>eYc>lWXp ziV=7CV?PFBt7$%|UdUxf)fg(`tnPB}x<=E6*2T>blS+j9Ps=oWa zD%<&oX$vFyP8R1Nr4E0{(44|tbuRVfFf`5F0QKAEdk>!O!|&hN)m)`5IFt9LOHY^k zLb~ymSigg=WP-$!Lc{*EI|=i!4eSOhiEQ%5&jW01J@Wk!sO+Q?-7R`R`wK-Y{loNE z{7B4PnPt$R;!y6d)tEKYK%nO=h`Z#f76?+ikUwsYv19{~H z&EdsAy%*~P)wTb)2%2*jg{GbyA19pmqP(PtLaX(C!yd$RwYx_)HQc9m5VQ9A8WGXz zg~X~zv++JbE?ZyN$G1q!G9Z2^9VQT2_Kkz1-vvq1CHb=sHos{N*S!?MWbHk$lYuoY z^UBtaAvlW5lx*=JZfBuG(e~lDXv#La)@uwt+0O$?EWu7+H(4ANoJx7>C_{#+2hVxy z`^^#t+4z)u5a7-Bs_=8bfWOJ|+lqe)$rX)MrD7(pYth|LT~zkk{ZM;@oJAtAf&0*% z21d(tN@>T5Q9)h|uH(|UVTr@L&HFYK-U)?Y_X@_qu^Udq16y_)Z z3zPK?em+9{h&I#mnnZCR_AJroeUTwiE0F*CiJ!|ApV?7$YCMSqVe0Zhw`N~1Oo7^N z`KD=d3v9KM+VAoQ`{8EKpLFnqJQtuWd8-9~@&}!WZlnoegxG-4$ zreyJO3Vti%mV3dT6_OLndJtsf8LUo+&@!~E#G7=j=-LGavW<)uHH&kL;b_j|R4ZDE zZ!OCzKh0GE`H?q1OgICwQ3=);_~|%+Io-GlWmPmENrKNcmi*H$1#;FN$%VLhRo*iE zl8HO)SkCkq7)rpqz76Oqv(7V7jQS zMoRP+P9iQFbDIN}<~Avd@|X>7uuQtn&)0Q!3|e4EzY56=o4tWS)JrdQ&=Ll>^BbP6 z#7`6{CO`70wGv8Ywdv<_Q!jt$iZYJm2Bha;sFPEI!$r$lQ<9LIGf#UlT_ zjvd^xnzf)O{&L_3yw|SO$nB>%(xn0ch=ltt%b$I^gw#Q82v^!p@YpF`3thUkbgyw0 zv045KMeB>m%uGhpYH)rU(33!2qb_s00vF2ZH5EshN2)KVIX6OGZ+KWTP*+ml*VH96 zK<~2@-4cc73_ms$oRU2Uery9j&cS^L0CYkAuMsf;6CAI3_W#4}NUeEoo9q3(@eZ_A zEs2|ObWdn20NTpRzw=N_@gvPnpYrA}`<{(oWZ2h{P?ViLXM$YB6FvN_j#`#~?3RYt z6z>K@-vX*zb6z2YH}CqrXSVIj*|?IY9%4@eGGWP<30zqO?h9rYHdRYZ?0C!Fvldxl zmS^$jB-g}al$1}(?8~qxb6>Hw*F57U-id|japFsE02CigYfd}wjmJ7x{PUNzYuaZ; zX9t{6#G)IZ_OL6LF)tXi7&@4UQr;f6gO2NeWzdG9(TdsQV$th zEV~v|wRA9H4#|z`vRVbWFQSxmy$7GOa0}-p+p$Z_i-xOD5%r#h7&tYRH8kWTkrqkl z)ltD%``oQ(xZRSVl}VX@CBromHOLnX?$@JCr5R_+*ocniULNxOu;DYizd&ty*z17T z{+^`etyfr4HlHw;+AM$vO?PgP>YS2?p`tVgTvNLGss>kh;zf7JeVRNWz~fHWeY751 za%`*TJeg&=6hHCLUiwO)WJpf`)Fj8PU}xo{I7+8-KFQiDgXl=E33lBG9@NQZ^FY+} zj{%VrrS7c!Njtsg@RO#-;Zj;+!vb?QTW?)H-{8-WH)@Z2#Y0rm+(VPJ< zDF2ihwzU{{Sq|Op##_Mc%7(cia3@i!kzYa+LVS+Dyu+TCe2=_!EUod=R2sr8->2Qd zdNo18Ofmc(+XSs6+F7VhqC+;*=cTY_p39!2U$1EZ40V<>(s(vfbSJ{2vZui@Lb4Pe zR8l9lye50|FFAidK%V%4L;^0gY^#F=7^rO^0Xe=e?Ne(d`Ye`12tah=hcS0)Rv zWU*Ri@&I3i&V#|+4I=J)L?(;Mfi48r{m(~w; z+`h#lT-(A*Y)gV7O_uy+FPDxNVUHi*wxV28#QY{VXmoVcYo-aVH*vT21U({|v^d2& zY%3UNZkDx7X-5v=u>_4^=3$1Uam-`@Yypa9LTv0zxh`N6Smn-A^$1H!Zn|=9-UXUH$^Mt5* zRMhBXi0XnLf`q7_d5AcYRr%us7ke@AqFBZ@}XxbMg(@juKoc zmgzLVpi%E*X1WUtvf@hdDyzExqo^wnggS5IKP*e#h_c@ z$Dug`Sy(j~tIkN+3!nq0-Q^MWL9hLc@bSo?uP>T&&J)mryLUhIO~LbT@3oSRY6M+| ziigHZ^1ynWtt5`Ow0v{=vWh*sJpNwRO_tH;5 zEkd+d^WYQDv;~SsY3uC*ug;NeUEJ*A?Fn(>cG+FTqYPA~*z4#h7EjmBTsI&W2BwK{ z47;v#6m+pIurz5AUb(_G#L)s=Js)}?92Dm~Gy^`f6U7roofIgQz|lbx@2L`ENS{{b zaNx>TzFynd7(vDqgRAQymWkk4Mwr@M-`Mx; z!UR0YpMU4?u#ZEw26#9Nw99%@bp8cmcGG6Z^cr^Au6~L1S#lMpo}O1MPp+`oF)^_b zTjA{f#=0jgg1dNJ|9V{zUYwjhRRXG?Qo~43U*uYrZoJaS| zs%X}&xN(6s8UKotiG z0_VJYDH&MI;&yymvMcwz|o znmcY>WJsD=XIkSn!Z9)JWa7+R|ICPm*rG+9iwlHnmQF>HRmc&(!uaYJ-lyomre)tx z&Q;+^&LK1AMmJPssev!MfK$nXcbV#30s72waMxkUao?Pr-wkBXn2y_rO;su8T1cQ0 zTpKv2^6SU9TlBDLPb90;qrni$V)aH162CU6j$J~bxrQj`hI3gayx_kf48FUYrqEDA z{=>^*DN7^JfY(`RGm_AxFphAs?(5Q2Im#)H1Ov2mg|ycuHOJ%I9K=UxR54SA=-V}0 zE@&VW1A(T=!XMIesOF- zT-*Zky*V|X$V*7#xzhf0K;1MLle$YtvmU_MnJY-XzECasA|uO-l#v)ISqxI6%hsiN zLH9$#e`|5N{`m;5?PMk!0!pZ`(5E+-aj7%~Brw-WkbIHrM0{D`15U84T$W-Yl5pXVWy>eJaTO>N z1XSK==tUpx+uhZBeH@7KIDXeg_r^PPoD#tIA3j{uPFKSrOb!%s%n4<5i^xf`d+XYW zbM^+`W?3?97S*5^HlUDms9sdsKsMXw3dCL0*U^f+k0sN0Sy$r zhD}0(_^;kMPx_W{z@&-i?L?6?KiR>a!bvl$z0*V0)G5K5_|8H`Rwp!)64{S>Y=mfO z4(>78wnnjlq8C>+RVzlnZ+Q{jP%k*XB6%w@9G9gXqCnnsid^6qFllj7-iOU#qBBl$ z)2Gh54E?F^1_thrEEmc{1mb-b-?uX)ox=pewv99pOaFSgbyy;kqmit!nvINs^%JBH z8H&|*NYR#-D(93;1?KNiu9NT=2`{n2`1kJg_bVV5C(trXwBW+Mgu@Tb;*mFg!(l>j zEFX|u{kgUt?aSEc8pj6x*z{1m^%c00KdFEOfy`^?o4OtCF+sB{!Be#N5-AW}ej1Z& zVWi#)7;*H~3I$}GeN~2jGMOwjeSAkv%ZF>c@y^iAXJPsd1d@CMBqfj>8)eEx5|`&Q zNmD2fNsNDQR<^iZo*E(3gOOfNdYlpU2W4ye<$B-qRk~b7BGcQ?9rXOPZkjwL{SCet zRf!~Im$vEC3=D46p;;WVGV!#MdK;1>Iw|04l9q9C+`at%)-DAm?u6NzLF4{F17V!ZS9Y{ryJNor=(jFm>JJ>ZNco0qWIP~#|r}@ddn796qVjqp7 zx7B-pjnO#FS@;{%V(J@`S=GsT8gdlhLH%CZ;c%`Zq)PD1kT_L)8)ch6E(S%a&1Jcj zIhApg?Xi93Ml(;EUX*7hVz+j+W1mGT^C-T1^M)-N8#VlJX4duo=l2{bzW2JIRx)>h zfT_C=39u!b!h^m<(|6NMf7JUjHhw8))Bim3duSmJ|~OP4*wO^;Z{D+!v%npW=q@^=Kg0 zMk;!A`~)^agsU*F?dT3=6cDPETcdDjD)3Bk30cZi&7(=bObfEW1FrI;108x%2k~>` zmS*+QfE<)v5JW)fjr!{GcS`sPrB~19$H*~BL{lE)) z#Cw`OFTJ6P-#R*G$fTHUvQ1HZ^3n8bps=`vj`SWf0s1`0djBa%iU%q!QSLofy-KWw zkBn`d!-o?lo7T#4U+}V>902FPwK7XknUm)U8C9#uwhH5Fg89;a-etBcYE$)xwOd@2 zIXg+Tcimnu&cZYfB$DnpdvqJT0UlMzWFP>#r|i{Dk^xDlZj@C-+uv@R2# zg02tEB+T~qz~Dp1XuwogWV_^H&h+9g243y?y%r16$E*oUC#@m-ynyi^dW8q)qEJ@Q z{WkGDiYpje#!>-2mGcqkT!!?DF~Q+#9wJFS#B;pr2RM(=9zx!kJ$8Z;4n3>2m%Ns9 zA;PmL>Sea}PK?ON>2+fjs8@x|wj@ zqN+T;u|6gjpV%M$^7vTj0fhpRXESnxbV)=~vhlQ%=h>JVlF{hxS#N~feM~~P6EVt` zABb0@L6;9n=%@S5-KRd2nHdF>K%mBsC-E3~n0H#q`FXj50A`3ErS2{<#|a6BJ-&<< zQlG*#L|(LGOWMzNFiDH*qHGY(xWI(gJJ7yk5HAG^f|Ojt+^#+9KuE|{7CcBIBWc+B zBb~u*x1y9;3y9!ZuN~Xt1lk9oGJ37*EXNAl(0KB{llhnKzKSgLrJC>*6f^AYz!IH! z9Bngwv@#c5kA-lRJby(RDXQ=9&&13COM+GZXo*2oq11OL#h!P_E|dYJA?wGvbpYIQ zYC9scC%Q|>H9S{uY7%gs&kilSUPD5gW#4nwG?z(jG%$uI%2XEqlPX`CD5%AYAvf3$ zLEh41o1busErGUO?wdq!-9G53>iDWmcO16=)tC}48VX7we5F+zNZi2ki?GOFX@%!?+QoeBFL2>{}&-inCTV1z!rTd=Zt0uEM} z`la8)^bQ8C#B1EtIHY$Z2y)0)JG6y~o3qa#f{W{(9>faqCY1EwVBCj0hdn}+DA6|5 z=(SdnYg?8H&XyQWvP@C)?Cq#{OCtf;1rAT;g9^a`4?+W)Xh^+?g_cOK-_<=`D;I{S zpg!2KVdQ))iRVOaO@|DiC6r%AjH7GprdSPpDobuVvVX%A+gO}RBz!D&b~{Q&Ksoh> z1auRG;u4;z=f193*q;K)IA4EK{|fynz-+YwrLl4()~SwHT?c5}{pPNlQp~r&N{gQN z_s?)QR}@c$f!1B}Wv`98M>qEe44xXanQvWvWtc?N;%r1*8T#m5XqOw1+(NF&O@r17 zPUc1*0{1DDCn8FNaKBI0FVc3e@Tnsa_A*MFmoZ;!wIUT}2k&q6)kHIXe=KbZZM9E+ z4LJ|XdXRL1afw5az?-n44iE;vSK`LBwMc9t5WNO7DrjolHbX90Jj1;l0sfD{?yZxO4#W?-RMqRa~-f}VYmsMzC#5w!|=})`d;KL7hWagW2if{j(tsc`D@NV5X T$81gl`OVR8-RdhV*}wf4pUZFL diff --git a/build/build.js b/build/build.js index aae0d6d..a99b167 100644 --- a/build/build.js +++ b/build/build.js @@ -1,6 +1,7 @@ const gulp = require("gulp"); var shelljs = require('shelljs'); const runSequence = require('gulp4-run-sequence'); +const fs = require("fs"); gulp.task('build',(done)=>{ runSequence('update-extensions-export', 'clean', 'new-tab', done); diff --git a/build/templates/common/index.css b/build/templates/common/index.css index 095a5be..3a26131 100644 --- a/build/templates/common/index.css +++ b/build/templates/common/index.css @@ -1,3 +1,5 @@ +@import '../../../src/common/variables.css'; + /* loader */ @import '../../../src/common/ej2-buttons.min.css'; @@ -146,12 +148,6 @@ body { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } -@font-face { - font-family: 'ej-preview-header-icons'; - src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'); - font-weight: normal; - font-style: normal; -} #r-w-form { display: inherit; @@ -318,140 +314,174 @@ body { } } -/* header */ - -.ej-preview-header { - background-color: #fff; - box-shadow: 0 8px 11px -6px rgba(0, 0, 0, 0.12); - height: 48px; - width: 100%; - display: flex; - position: fixed; - z-index: 1; - font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif"; - justify-content: space-between; +.ej-sb-header { + width: 100%; + position: fixed; + z-index: 10000; + height: 64px; + flex: 0 0 auto; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0px 24px; + background: var(--neutral-0); + border-bottom: 1px solid var(--border-subtle); +} + +.ej-sb-header .ej-sb-left-side { + height: inherit; + display: flex; + align-items: center; + gap: 16px; +} + +.ej-sb-header .ej-sb-left-side .ej-sb-logo-link { + display: flex; + align-items: center; + text-decoration: none; +} + +.ej-sb-header .ej-sb-left-side .ej-sb-logo { + height: 28px; + width: auto; + display: block; +} + +.ej-framework-selector { + display: flex; + align-items: center; + gap: 16px; + margin-left: 16px; + padding-left: 16px; + border-left: 1px solid var(--border-subtle); } - -.ej-preview-header .ej-preview-left-side { - height: inherit; - display: flex; - align-items: center; + +.ej-fw-label { + font-family: 'Inter', sans-serif; + font-size: 12px; + font-weight: 600; + color: var(--neutral-500); + margin-bottom: 0px; } - -.ej-preview-header .ej-preview-left-side a { - color: #212529; - cursor: pointer; - text-decoration: none; + +.ej-fw-pills { + display: flex; + align-items: center; + background: var(--neutral-0); + border-radius: 9999px; + padding: 4px; + border: 1px solid rgba(255, 255, 255, 0.9); + box-shadow: rgba(10, 62, 125, 0.22) 0px 8px 20px -10px, rgba(16, 100, 199, 0.18) 0px 3px 8px -3px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset; } -.ej-preview-header .ej-preview-left-side .ej-preview-platform-name { - margin: 0 21px 0 25px; - font-size: 15px; - opacity: 0.87; - font-weight: 600; +.ej-fw-pill { + font-family: 'Inter', sans-serif; + font-size: 12.5px; + font-weight: 600; + color: var(--neutral-600); + text-decoration: none; + padding: 8px 18px; + border-radius: 9999px; + transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); + white-space: nowrap; + background: transparent; } -.ej-preview-header .ej-preview-right-side { - height: inherit; - display: flex; - align-items: center; +.ej-fw-pill:hover { + color: var(--blue-700); + background: linear-gradient(rgb(246, 248, 251) 0%, rgb(220, 234, 251) 100%) !important; + transform: translateY(-1px) !important; + box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(16, 100, 199, 0.35) 0px 6px 14px -6px, rgba(10, 62, 125, 0.12) 0px 3px 6px -2px !important; } -.ej-preview-header .ej-preview-right-side .ej-preview-header-icons { - font-family: 'ej-preview-header-icons'; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; +.ej-fw-pill.active { + background: linear-gradient(180deg, var(--blue-500) 0%, var(--blue-600) 55%, var(--blue-700) 100%); + color: var(--neutral-0); + font-weight: 600; + box-shadow: 0 4px 12px rgba(16, 100, 199, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25); } -.ej-preview-header .ej-preview-right-side .ej-preview-divider { - border-left: 1px solid rgb(196, 196, 196); - height: 32px; +.ej-fw-pill.active:hover { + transform: translateY(-1px) !important; + box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(16, 100, 199, 0.35) 0px 6px 14px -6px, rgba(10, 62, 125, 0.12) 0px 3px 6px -2px !important; + background: linear-gradient(180deg, var(--blue-500) 0%, var(--blue-600) 55%, var(--blue-700) 100%) !important; } - -.ej-preview-header .ej-preview-right-side a { - font-size: 20px; - cursor: pointer; - text-decoration: none; - margin: 0 10px 0px 10px; - color: #333; - opacity: 0.87; +.ej-sb-header .ej-sb-right-side { + height: inherit; + display: flex; + align-items: center; + gap: 12px; } -/* header try-it-free and schedule-free-demo*/ -.ej-preview-header .ej-preview-right-side a.ej-preview-button { - padding: 0.4rem 0.5rem 1rem 0.5rem; - width: 125px; - border-radius: 5px; - height: 35px; - font-size: 14px; - font-weight: 500; - opacity: 1; - text-decoration: none; - cursor: pointer; - text-align: center; +.ej-sb-header .ej-sb-right-side a.ej-sb-button { + font-family: 'Inter', sans-serif; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 600; + text-decoration: none; + cursor: pointer; + text-align: center; + border-radius: 12px; + padding: 0 20px; + white-space: nowrap; + transition: all 0.2s ease; + display: inline-flex; + align-items: center; + justify-content: center; } -.ej-preview-header .ej-preview-right-side a.ej-preview-button.bold-schedule-demo{ - border-color: #ff4800; - border-style: solid; - border-width: 1px; - background-color: #ffffff; - color: #ff4800 !important; +.ej-sb-header .ej-sb-right-side a.ej-sb-button.request-demo { + background: var(--neutral-0); + border: 1px solid var(--neutral-200); + color: var(--blue-600); } -.ej-preview-header .ej-preview-right-side a.ej-preview-button.bold-schedule-demo:hover{ - background: #ff4801 ; - color: white !important; -} - -.ej-preview-header .ej-preview-right-side a.ej-preview-button.try-it-free{ - background: #ff4801; - color: white; -} - -.ej-preview-header .ej-preview-right-side a.ej-preview-button.product-detail{ - border-color: #ff4800; - border-style: solid; - border-width: 1px; - background: white; - color: #ff4801; -} +.ej-sb-header .ej-sb-right-side a.ej-sb-button.request-demo:hover { + border-color: var(--blue-300); + background: var(--blue-50); + color: var(--blue-700); + transform: translateY(-1px); +} -.ej-preview-header .ej-preview-right-side a.ej-preview-button.product-detail:hover{ - background: #ff4801; - color: white; +.ej-sb-header .ej-sb-right-side a.ej-sb-button.try-it-free { + background: var(--blue-600); + color: var(--neutral-0); + box-shadow: 0 4px 12px rgba(16, 100, 199, 0.25); +} + +.ej-sb-header .ej-sb-right-side a.ej-sb-button.try-it-free:hover { + background: var(--blue-700); + transform: translateY(-1px); } -.ej-preview-header .ej-preview-right-side .preview-icon-product:before { - content: '\e707'; +@media only screen and (max-width: 1024px) { + .ej-framework-selector { + display: none; + } } -.ej-preview-header .ej-preview-right-side .preview-icon-download::before { - content: '\e701'; +@media only screen and (max-width: 768px) { + .ej-sb-header .ej-sb-right-side { + display: none; + } } - -.ej-preview-header .ej-preview-right-side .preview-icon-documentation::before { - content: '\e704'; -} - -@media only screen and (max-width: 850px) { - .ej-preview-header .ej-preview-right-side { - display: none; - } -} - .ej-preview-content { position: absolute; left: 0; - top: 48px; + top: 64px; bottom: 0; right: 0; } +body.e-reportdesigner-document-full-screen .ej-sb-header { + display: none; +} + +body.e-reportdesigner-document-full-screen .ej-preview-content { + top: 0; +} + #container_reportName { visibility: hidden; } \ No newline at end of file diff --git a/build/templates/common/index.html b/build/templates/common/index.html index 7c9ba36..3313612 100644 --- a/build/templates/common/index.html +++ b/build/templates/common/index.html @@ -69,20 +69,25 @@
-
-
- -

Bold Reports® for JavaScript

+
+
+ + +
+

Frameworks

+
+ ASP.NET Core + Blazor + Angular + React + JavaScript +
+
-
- - - Product Detail - Try it Free +
+ Product Details + Try it Free
diff --git a/build/templates/common/index.js b/build/templates/common/index.js index dff3338..4352874 100644 --- a/build/templates/common/index.js +++ b/build/templates/common/index.js @@ -91,7 +91,23 @@ window['CodeMirror'] = CodeMirror; import './../../../src/common/tracking'; $(function() { - document.getElementById('home_page').setAttribute('href', '/javascript/#/'); + let homePage = document.getElementById('home_page'); + if (homePage) { + homePage.setAttribute('href', '/javascript/#/'); + } +}); + +$(function () { + const isLocal = !window.location.hostname.includes('boldreports.com'); + document.querySelectorAll('a.ej-fw-pill[data-fw-slug]').forEach((pill) => { + const slug = pill.getAttribute('data-fw-slug') || ''; + pill.setAttribute( + 'href', + isLocal + ? (slug === '' ? '/' : '/' + slug + '.html') + : (slug === '' ? '/home/' : '/home/' + slug + '.html') + ); + }); }); window.addEventListener('beforeunload', () => { diff --git a/build/templates/report-designer/index.html b/build/templates/report-designer/index.html index cf5ae3a..467f557 100644 --- a/build/templates/report-designer/index.html +++ b/build/templates/report-designer/index.html @@ -51,20 +51,25 @@
-
-
- -

Bold Reports® for JavaScript

+
+
+ + +
+

Frameworks

+
+ ASP.NET Core + Blazor + Angular + React + JavaScript +
+
-
- - - Product Detail - Try it Free +
+ Product Details + Try it Free
diff --git a/build/templates/report-designer/rdlc/index.html b/build/templates/report-designer/rdlc/index.html index d38bda4..05c8c4d 100644 --- a/build/templates/report-designer/rdlc/index.html +++ b/build/templates/report-designer/rdlc/index.html @@ -51,20 +51,25 @@
-
-
- -

Bold Reports® for JavaScript

+
+
+ + +
+

Frameworks

+
+ ASP.NET Core + Blazor + Angular + React + JavaScript +
+
-
- - - Product Detail - Try it Free +
+ Product Details + Try it Free
diff --git a/src/common/header/header.css b/src/common/header/header.css index 64906d1..cef0495 100644 --- a/src/common/header/header.css +++ b/src/common/header/header.css @@ -1,243 +1,174 @@ -/* cyrillic-ext */ -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhiI2B.woff2) format('woff2'); - unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; -} - -/* cyrillic */ -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZthiI2B.woff2) format('woff2'); - unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; -} - -/* greek-ext */ -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZNhiI2B.woff2) format('woff2'); - unicode-range: U+1F00-1FFF; -} - -/* greek */ -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZxhiI2B.woff2) format('woff2'); - unicode-range: U+0370-03FF; -} - -/* vietnamese */ -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZBhiI2B.woff2) format('woff2'); - unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; -} - -/* latin-ext */ -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZFhiI2B.woff2) format('woff2'); - unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; -} - -/* latin */ -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; -} - -@font-face { - font-family: 'ej-sb-header-icons'; - src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'); - font-weight: normal; - font-style: normal; -} - .ej-sb-header { - background-color: #fff; - box-shadow: 0 8px 11px -6px rgba(0, 0, 0, 0.12); - height: 48px; width: 100%; - display: flex; position: fixed; z-index: 10000; + height: 64px; + flex: 0 0 auto; + display: flex; + align-items: center; justify-content: space-between; + padding: 0px 24px; + background: var(--neutral-0); + border-bottom: 1px solid var(--neutral-200); } .ej-sb-header .ej-sb-left-side { height: inherit; display: flex; align-items: center; + gap: 16px; } .ej-sb-header .ej-sb-left-side .ej-sb-hamburger-icon { - margin: 0 21px 0 25px; font-size: 24px; cursor: pointer; + color: var(--neutral-600); + padding: 0px 6px; + border-radius: 6px; + transition: background-color 0.2s ease; +} + +.ej-sb-header .ej-sb-left-side .ej-sb-hamburger-icon:hover { + background: var(--neutral-100); } .ej-sb-header .ej-sb-left-side .ej-sb-hamburger-icon::before { content: "\e914"; - color: #333; } -.ej-sb-header .ej-sb-left-side .ej-sb-platform-name { - font-size: 15px; - opacity: 0.87; - font-weight: 600; - color: #2b3a5c; +.ej-sb-header .ej-sb-left-side .ej-sb-logo-link { + display: flex; + align-items: center; + text-decoration: none; } -.ej-sb-header .ej-sb-left-side .dropdown button.btn-secondary, -.ej-sb-header .ej-sb-left-side .dropdown button.btn-secondary:focus, -.ej-sb-header .ej-sb-left-side .dropdown button.btn-secondary:active, -.ej-sb-header .ej-sb-left-side .dropdown button.btn-secondary:active:focus { - background: transparent; - color: #2b3a5c; - opacity: .87; - border: none; - box-shadow: none; - margin-top: 4px; - padding-left: 2px; +.ej-sb-header .ej-sb-left-side .ej-sb-logo { + height: 28px; + width: auto; + display: block; } -.ej-sb-header .ej-sb-left-side .dropdown .dropdown-menu a { - cursor: pointer; - font-size: 14px; - color: #2b3a5c; +.ej-framework-selector { + display: flex; + align-items: center; + gap: 16px; + margin-left: 16px; + padding-left: 16px; + border-left: 1px solid var(--neutral-200); } -.ej-sb-header .ej-sb-left-side .dropdown .dropdown-menu a.active { - background: transparent; - color: #ff5f23; - cursor: default; - pointer-events: none; +.ej-fw-label { + font-family: 'Inter', sans-serif; + font-size: 12px; + font-weight: 600; + color: var(--neutral-500); + margin-bottom: 0px; } -.ej-sb-header .ej-sb-left-side .dropdown .dropdown-menu a:active { +.ej-fw-pills { + display: flex; + align-items: center; + background: var(--neutral-0); + border-radius: 9999px; + padding: 4px; + border: 1px solid rgba(255, 255, 255, 0.9); + box-shadow: rgba(10, 62, 125, 0.22) 0px 8px 20px -10px, rgba(16, 100, 199, 0.18) 0px 3px 8px -3px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset; +} + +.ej-fw-pill { + font-family: 'Inter', sans-serif; + font-size: 12.5px; + font-weight: 600; + color: var(--neutral-600); + text-decoration: none; + padding: 8px 18px; + border-radius: 9999px; + transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); + white-space: nowrap; background: transparent; - color: #000000; } -.ej-sb-header .ej-sb-right-side { - height: inherit; - display: flex; - align-items: center; +.ej-fw-pill:hover { + color: var(--blue-700); + background: linear-gradient(rgb(246, 248, 251) 0%, rgb(220, 234, 251) 100%) !important; + transform: translateY(-1px) !important; + box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(16, 100, 199, 0.35) 0px 6px 14px -6px, rgba(10, 62, 125, 0.12) 0px 3px 6px -2px !important; } -.ej-sb-header .ej-sb-right-side .ej-sb-header-icons { - font-family: 'ej-sb-header-icons'; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; +.ej-fw-pill.active { + background: linear-gradient(180deg, var(--blue-500) 0%, var(--blue-600) 55%, var(--blue-700) 100%); + color: var(--neutral-0); + font-weight: 600; + box-shadow: 0 4px 12px rgba(16, 100, 199, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25); } -.ej-sb-header .ej-sb-right-side .ej-sb-divider { - border-left: 1px solid rgb(196, 196, 196); - height: 32px; +.ej-fw-pill.active:hover { + transform: translateY(-1px) !important; + box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(16, 100, 199, 0.35) 0px 6px 14px -6px, rgba(10, 62, 125, 0.12) 0px 3px 6px -2px !important; + background: linear-gradient(180deg, var(--blue-500) 0%, var(--blue-600) 55%, var(--blue-700) 100%) !important; } -.ej-sb-header .ej-sb-right-side a { - font-size: 20px; - cursor: pointer; - text-decoration: none; - margin: 0 10px 0px 10px; - color: #333; - opacity: 0.87; +.ej-sb-header .ej-sb-right-side { + height: inherit; + display: flex; + align-items: center; + gap: 12px; } .ej-sb-header .ej-sb-right-side a.ej-sb-button { - height: 35px; + font-family: 'Inter', sans-serif; + height: 40px; + line-height: 40px; font-size: 14px; - font-weight: 500; - opacity: 1; + font-weight: 600; text-decoration: none; cursor: pointer; text-align: center; - border-radius: 5px; - width: 125px; -} - - -/* header try-it-free and schedule-free-demo*/ -.ej-sb-right-side .nav-link { - padding: 0.4rem 0.5rem 1rem 0.5rem; - width: 200px; - border-radius: 5px; - -} - -.ej-sb-header .ej-sb-right-side a.ej-sb-button.nav-link.bold-schedule-demo { - border-color: #ff4800; - border-style: solid; - border-width: 1px; - background-color: #ffffff; - color: #ff4800 !important; -} - -.ej-sb-header .ej-sb-right-side a.ej-sb-button.nav-link.try-it-free { - background-color: #ff4800; - color: #ffffff !important; -} - -.ej-sb-header .ej-sb-right-side a.ej-sb-button.nav-link.product-detail { - border-color: #ff4801; - background: white; - color: #ff4801; - border-style: solid; - border-width: 1px; - border-radius: 5px; + border-radius: 12px; + padding: 0 20px; + white-space: nowrap; + transition: all 0.2s ease; + display: inline-flex; + align-items: center; + justify-content: center; } -.ej-sb-header .ej-sb-right-side a.ej-sb-button.nav-link.product-detail:hover { - background-color: #ff4800; - color: #ffffff !important; +.ej-sb-header .ej-sb-right-side a.ej-sb-button.request-demo { + background: var(--neutral-0); + border: 1px solid var(--neutral-200); + color: var(--blue-600); } -.ej-sb-header .ej-sb-right-side a.ej-sb-button.nav-link.bold-schedule-demo:hover { - background-color: #ff4800; - color: #ffffff !important; +.ej-sb-header .ej-sb-right-side a.ej-sb-button.request-demo:hover { + border-color: var(--blue-300); + background: var(--blue-50); + color: var(--blue-700); + transform: translateY(-1px); } -.ej-sb-header .ej-sb-right-side .sb-icon-product:before { - content: '\e707'; +.ej-sb-header .ej-sb-right-side a.ej-sb-button.try-it-free { + background: var(--blue-600); + color: var(--neutral-0); + box-shadow: 0 4px 12px rgba(16, 100, 199, 0.25); } -.ej-sb-header .ej-sb-right-side .sb-icon-download::before { - content: '\e701'; +.ej-sb-header .ej-sb-right-side a.ej-sb-button.try-it-free:hover { + background: var(--blue-700); + transform: translateY(-1px); } -.ej-sb-header .ej-sb-right-side .sb-icon-documentation::before { - content: '\e704'; +@media only screen and (max-width: 1024px) { + .ej-framework-selector { + display: none; + } } -@media only screen and (max-width: 850px) { +@media only screen and (max-width: 768px) { .ej-sb-header .ej-sb-right-side { display: none; } +} + +body.e-reportdesigner-document-full-screen .ej-sb-header { + display: none; } \ No newline at end of file diff --git a/src/common/header/header.html b/src/common/header/header.html index 8ba4b91..1b79fd0 100644 --- a/src/common/header/header.html +++ b/src/common/header/header.html @@ -1,18 +1,22 @@
-
Bold Reports® for JavaScript
-
- -
+ + + +
+ Frameworks +
+ ASP.NET Core + Blazor + Angular + React + JavaScript +
- - - Product Detail - Try it Free + Product Details + Try it Free
\ No newline at end of file diff --git a/src/common/header/header.js b/src/common/header/header.js index bc1acc3..209f5fa 100644 --- a/src/common/header/header.js +++ b/src/common/header/header.js @@ -1,9 +1,3 @@ -import { - getRouterData -} from './../router'; -import samplesData from '../../controls/samples.json'; -import * as hasher from 'hasher'; - export class Header { constructor(element) { this.element = element; @@ -11,13 +5,8 @@ export class Header { async init() { this.element.innerHTML = await this.fetchFile('src/common/header/header.html'); - let otherPlatforms = Object.keys(samplesData.otherPlatforms); - let dropDownItems = this.element.querySelector('.dropdown-menu'); - dropDownItems.addEventListener('click', this.platformSwitcher.bind(this)); - this.createdropdownItem(samplesData.platform, dropDownItems, true); - for (let i = 0; i < otherPlatforms.length; i++) { - this.createdropdownItem(otherPlatforms[i].trim(), dropDownItems); - } + this.applyFrameworkPillLinks(); + this.appendLeadParamsToTryItFree(); this.element.getElementsByClassName('ej-sb-hamburger-icon')[0].addEventListener('click', this.onHamBurgerClick.bind(this)); } async fetchFile(path) { @@ -26,14 +15,108 @@ export class Header { return data; } - createdropdownItem(text, target, isActive = false) { - let dropDownItem = document.createElement('a'); - dropDownItem.innerText = text; - dropDownItem.classList.add('dropdown-item'); - if (isActive) { - dropDownItem.classList.add('active'); + applyFrameworkPillLinks() { + const isLocal = !window.location.hostname.toLowerCase().includes('boldreports.com'); + const pills = this.element.querySelectorAll('a.ej-fw-pill[data-fw-slug]'); + pills.forEach((pill) => { + const slug = pill.getAttribute('data-fw-slug') || ''; + pill.setAttribute( + 'href', + isLocal + ? (slug === '' ? '/' : '/' + slug + '.html') + : (slug === '' ? '/home/' : '/home/' + slug + '.html') + ); + }); + } + + appendLeadParamsToTryItFree() { + const link = this.element.querySelector('a.try-it-free'); + if (!link || !link.href.includes('evaluation=v2')) { + return; } - target.appendChild(dropDownItem); + + const getQueryParameter = (name) => { + const params = window.location.search.substring(1).split('&'); + for (const param of params) { + const [key, value = ''] = param.split('='); + if (key === name) { + return decodeURIComponent(value).trim(); + } + } + return null; + }; + + const getCookie = (name) => { + const prefix = name + '='; + const cookies = document.cookie.split(';'); + for (const raw of cookies) { + const cookie = raw.trim(); + if (cookie.indexOf(prefix) === 0) { + return decodeURIComponent(cookie.substring(prefix.length)); + } + } + return null; + }; + + const referrer = getCookie('referral_url') || document.referrer || window.location.href; + const cleanUrl = (url) => { + if (!url) { return ''; } + try { + const parsed = new URL(url); + return parsed.origin + parsed.pathname; + } catch { + return url.split(/[?#]/)[0]; + } + }; + const landingPageUrl = cleanUrl(window.location.href); + const referrerOriginUrl = cleanUrl(referrer); + + const gclid = getQueryParameter('gclid') || getCookie('gclid') || ''; + const uuid = getCookie('_uid') || ''; + + const leadSource = getQueryParameter('utm_campaign') + || (getQueryParameter('gclid') ? getQueryParameter('gclid') : null) + || (getCookie('lead_source') && getCookie('lead_source') !== 'www.google.com' ? getCookie('lead_source') : null) + || (referrer ? referrer.split('/')[2] : location.hostname); + const leadCategory = (() => { + const utmSource = getQueryParameter('utm_source'); + if (utmSource) { return utmSource; } + if (getQueryParameter('gclid')) { return 'Google_Ads'; } + const stored = getCookie('lead_category'); + if (stored) { return stored; } + const referrerDomain = referrer ? referrer.split('/')[2] : ''; + const mappings = { + 'medium.com': 'medium', + 'nuget.org': 'nuget', + 'npmjs.com': 'npm', + 'github.com': 'github', + 'facebook.com': 'facebook', + 'linkedin.com': 'linkedin', + 'twitter.com': 'twitter', + 'x.com': 'twitter' + }; + for (const key in mappings) { + if (referrerDomain.indexOf(key) !== -1) { + return mappings[key]; + } + } + return 'Site_Visitors'; + })(); + + const appendQueryParam = + '&leadsource=' + encodeURIComponent(leadSource || '') + + '&leadcategory=' + encodeURIComponent(leadCategory || '') + + '&opportunitysource=' + encodeURIComponent(leadSource || '') + + '&opportunitycategory=' + encodeURIComponent(leadCategory || '') + + '&uuid=' + encodeURIComponent(uuid) + + '&gclid=' + encodeURIComponent(gclid) + + '&referrerroriginurl=' + encodeURIComponent(referrerOriginUrl) + + '&secondaryreferraloriginurl=' + encodeURIComponent(landingPageUrl) + + '&landingpageurl=' + encodeURIComponent(landingPageUrl) + + '&secondaryleadsource=Bold_Reports_Trial'; + + const baseHref = link.href.split('evaluation=v2')[0] + 'evaluation=v2'; + link.href = baseHref + appendQueryParam; } onHamBurgerClick() { @@ -53,34 +136,4 @@ export class Header { desktopSidebar.classList[classFn]('ej-toc-slide-left'); } } - - platformSwitcher(e) { - if (e.target.tagName == 'A') { - let targetPlatform = e.target.innerText.trim(); - let routerData = getRouterData(hasher.getHash()); - let platformBasePath; - let platformSamplePath; - const sampleName = routerData.reportRouterPath ? routerData.reportRouterPath : routerData.reportBasePath; - if (routerData.reportRouterPath) { - platformBasePath = this.getRouterPath(samplesData.platform, targetPlatform, routerData.reportBasePath); - } - platformSamplePath = this.getRouterPath(samplesData.platform, targetPlatform, sampleName); - const reportPath = routerData.reportRouterPath ? (platformBasePath + '/' + platformSamplePath) : platformSamplePath; - window.open(location.origin + "/" + samplesData.otherPlatforms[targetPlatform] + reportPath, '_self'); - } - } - - getRouterPath(curPlatform, targetplatform, sampleName) { - curPlatform = curPlatform.toLowerCase(); - targetplatform = targetplatform.toLowerCase(); - const samePath = (curPlatform.indexOf('asp') === -1 && targetplatform.indexOf('asp') === -1 && targetplatform.indexOf('blazor') === -1) || - (curPlatform.indexOf('asp') >= 0 && targetplatform.indexOf('asp') >= 0); - if (samePath) { - return sampleName; - } else { - return sampleName.split(/(?=[A-Z])/).map((name) => { - return name.toLowerCase(); - }).join('-'); - } - } } \ No newline at end of file diff --git a/src/common/index.css b/src/common/index.css index 52f1db0..0a83806 100644 --- a/src/common/index.css +++ b/src/common/index.css @@ -1,12 +1,12 @@ +@import './variables.css'; @import './../../node_modules/bootstrap/dist/css/bootstrap.min.css'; @import './header/header.css'; @import './main-content/main-content.css'; @import './sidebar/sidebar.css'; @import './ej2-buttons.min.css'; -@import './../../node_modules/prismjs/themes/prism.css'; +@import './../../node_modules/prismjs/themes/prism-dark.css'; @import './../../node_modules/@boldreports/javascript-reporting-controls/Content/v2.0/tailwind-light/bold.report-viewer.min.css'; - /* loader */ .splash { position: absolute; @@ -82,10 +82,10 @@ } body { - color: #2b3a5c; + color: var(--neutral-600); margin: 0; - background-color: #F2F2F2; - font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif"; + background-color: var(--neutral-50); + font-family: "Inter", sans-serif; overflow: hidden; } @@ -181,7 +181,7 @@ body { .ej-main-parent-content { position: absolute; left: 0; - top: 48px; + top: 56px; bottom: 0; right: 0; transition: left 400ms ease; @@ -279,7 +279,11 @@ ej-sidebar { } #description a{ - color: #ff5f23 + color: var(--blue-600); +} + +#description a:hover{ + color: var(--blue-700); } #r-w-form { diff --git a/src/common/index.js b/src/common/index.js index 61195b3..4ec8411 100644 --- a/src/common/index.js +++ b/src/common/index.js @@ -173,14 +173,17 @@ function updateSampleDetails(sampleData) { let banner = samplesData.banner; setInnerText('.ej-main-body-content .ej-title', sampleData.sampleName); setInnerText('.ej-main-body-content .ej-meta-description', sampleData.metaData.description); + const badge = document.querySelector('.ej-main-body-content .ej-category-badge'); + if (badge) { + badge.textContent = sampleData.category ?? 'Report'; + badge.style.display = sampleData.category ? '' : 'none'; + } //Banner setInnerText('.ej-main-body-content .header', banner.text); setInnerText('.ej-main-body-content .cnt-text-1', banner.features[0]); setInnerText('.ej-main-body-content .cnt-text-2', banner.features[1]); setInnerText('.ej-main-body-content .cnt-text-3', banner.features[2]); - document.querySelector('.free-trial-url').setAttribute('href', banner.freeTrialUrl); - } diff --git a/src/common/main-content/main-content.css b/src/common/main-content/main-content.css index 3e05d95..5001fd8 100644 --- a/src/common/main-content/main-content.css +++ b/src/common/main-content/main-content.css @@ -1,5 +1,5 @@ .ej-main-child-content{ - background-color: #fafafa; + background-color: var(--neutral-50); } .ej-main-body-content { height:100%; @@ -9,184 +9,334 @@ } .ej-main-body-content #parentTabContainer { - border: 1px solid #D7D7D7; + border: 1px solid var(--neutral-100); } - -.ej-main-body-content .ej-title { - font-size: 18px; - padding: 20px 0 20px 18px; - margin: 0; - font-weight: bold; +.ej-secondary-header { + padding: 20px 18px 0; + background: var(--neutral-50); } -.ej-main-body-content .ej-meta-description { - font-size: 14px; - padding: 0px 0 15px 18px; - margin: 0; +.ej-secondary-header .ej-header-row { + display: flex; + align-items: center; + justify-content: space-between; + gap: 16px; + flex-wrap: wrap; } -.ej-main-body-content .ej-nav-header { - height: 40px; - line-height: 40px; - font-size: 16px; - border-bottom: 1px solid #d7d7d7; +.ej-secondary-header .ej-header-nav-wrapper { + display: flex; + align-items: flex-end; + gap: 24px; + margin: 0 0 -1px; + flex-wrap: wrap; } -.ej-main-body-content .ej-nav-header .ej-nav-item { - height: 38px; - line-height: 38px; +.ej-secondary-header .ej-title-wrap { display: flex; align-items: center; + gap: 12px; + flex-wrap: wrap; + min-width: 0; } -.ej-main-body-content .ej-nav-header .ej-nav-item.e-hidden { - display: none; +.ej-secondary-header .ej-title { + font-size: 24px; + line-height: 1.2; + margin: 0; + font-weight: 700; + color: var(--neutral-950); } -.ej-main-body-content .ej-nav-header .ej-nav-item a { +.ej-secondary-header .ej-category-badge { + display: inline-flex; + align-items: center; + padding: 4px 12px; + border-radius: 999px; + font-size: 13px; font-weight: 600; - padding: 0 12px; + color: var(--blue-700); + background: var(--blue-50); + border: 1px solid var(--blue-200); + text-transform: capitalize; + white-space: nowrap; +} + +.ej-secondary-header .ej-sample-nav-wrapper { display: flex; align-items: center; - color:#2b3a5c; - border-bottom: 2px solid transparent; - text-decoration: none; + gap: 12px; + margin-left: auto; + padding-bottom: 11px; } -.ej-main-body-content .ej-nav-header .ej-nav-item a:hover { - color: #2b3a5c; - text-decoration: none; +.ej-secondary-header .ej-sample-nav { + display: inline-flex; + align-items: center; + gap: 2px; + color: var(--neutral-600); + background: var(--neutral-0); + border: 1px solid var(--neutral-200); + border-radius: 20px; + padding: 4px; } -.ej-main-body-content .ej-nav-header .ej-nav-item a.active { - color: #ff5f23; - border-color: #ff5f23; +.ej-secondary-header .ej-sample-nav .ej-nav-sub-item { + display: inline-flex; + align-items: center; + justify-content: center; + width: 30px; + height: 30px; + border-radius: 99px; + border: none; + background: transparent; + color: var(--neutral-600); + font-size: 0; + cursor: pointer; + transition: background-color 150ms ease, color 150ms ease; + padding: 0; } -.ej-main-body-content .ej-tab-content .tab-pane { - animation: slideleft 0.4s; - position: relative; +.ej-secondary-header .ej-sample-nav .ej-nav-sub-item:hover, +.ej-secondary-header .ej-sample-nav .ej-nav-sub-item:focus-visible { + color: var(--blue-600); + background: var(--blue-50); + outline: none; } -.ej-main-body-content .ej-tab-content .tab-pane#ej-description { +.ej-secondary-header .ej-sample-nav .ej-nav-new:before { + content: '\e91d'; + font-family: 'ejicons'; font-size: 14px; - margin: 20px 0 15px 15px; } -.tab-pane#ej-description { +.ej-secondary-header .ej-sample-nav .ej-nav-prev:before { + content: '\e91f'; + font-family: 'ejicons'; font-size: 14px; - margin: 25px 3px 20px 20px; } -.tab-pane#ej-description #description a { - text-decoration: none; +.ej-secondary-header .ej-sample-nav .ej-nav-next:before { + content: '\e91b'; + font-family: 'ejicons'; + font-size: 14px; } -.tab-pane#ej-description #description a:hover { - text-decoration: underline; +.ej-secondary-header .ej-nav-divider { + width: 1px; + height: 24px; + background: var(--neutral-200); + margin: 0 4px; } -.tab-pane form{ - margin-bottom: -7px; +.ej-secondary-header .ej-nav-new { + display: inline-flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + border-radius: 12px; + border: 1px solid var(--neutral-300); + background: var(--neutral-0); + color: var(--neutral-700); + font-size: 0; + cursor: pointer; + transition: all 150ms ease; + padding: 0; + position: relative; } -.ej-main-body-content #parentTab .ej-sb-icons{ - color: #333; + +.ej-secondary-header .ej-nav-new:before { + content: '\e91d'; + font-family: 'ejicons'; + font-size: 18px; + font-weight: 600; } -@keyframes slideleft { - from { - left: -500px; - opacity: 0; - } +.ej-secondary-header .ej-nav-new:hover, +.ej-secondary-header .ej-nav-new:focus-visible { + color: var(--blue-600); + background: var(--blue-50); + border-color: var(--neutral-400); + outline: none; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} - to { - left: 0; - opacity: 1; - } +.ej-secondary-header .ej-meta-description { + font-size: 14px; + line-height: 1.5; + padding: 10px 0 16px; + margin: 0; + color: var(--neutral-600); } -.ej-main-body-content #parentTab .ej-demo-icon { - margin-bottom: -2px; +.ej-secondary-header .ej-nav-header, #parentTabContainer .ej-nav-header{ + display: flex; + align-items: flex-end; + gap: 24px; + height: auto; + padding: 0; + margin: 0; + list-style: none; + flex: 1; } -.ej-main-body-content #parentTab .ej-demo-icon:before { - content: '\e92e'; - margin-right: 5px; - font-size: 20px; +.ej-secondary-header .ej-nav-header .ej-nav-item, #parentTabContainer .ej-nav-header .ej-nav-item { + display: flex; + align-items: center; } -.ej-main-body-content #parentTab .ej-source-icon { - margin-bottom: -2px; +.ej-secondary-header .ej-nav-header .ej-nav-item.e-hidden, #parentTabContainer .ej-nav-header .ej-nav-item.e-hidden { + display: none; } -.ej-main-body-content #parentTab .ej-source-icon:before { - content: '\e92d'; - margin-right: 5px; - font-size: 20px; +.ej-secondary-header .ej-nav-header .ej-nav-item a, #parentTabContainer .ej-nav-header .ej-nav-item a { + display: inline-flex; + align-items: center; + gap: 8px; + padding: 10px 4px 12px; + font-size: 14px; + font-weight: 600; + color: var(--neutral-600); + border-bottom: 2px solid transparent; + text-decoration: none; + transition: color 150ms ease, border-color 150ms ease; } + #parentTabContainer .ej-nav-header .ej-nav-item a + { + padding: 10px 12px 12px; + } -.ej-main-body-content #parentTab .ej-description-icon { - margin-bottom: -2px; +.ej-secondary-header .ej-nav-header .ej-nav-item a:hover,#parentTabContainer .ej-nav-header .ej-nav-item a:hover { + color: var(--blue-700); + text-decoration: none; } -.ej-main-body-content #parentTab .ej-description-icon:before { - content: '\e902'; - margin-right: 5px; - font-size: 20px; +.ej-secondary-header .ej-nav-header .ej-nav-item a.active,#parentTabContainer .ej-nav-header .ej-nav-item a.active { + color: var(--blue-700); + border-color: var(--blue-500); } -.ej-main-body-content #parentTab .ej-nav { - position: absolute; - right: 0; - opacity: 0.87; +.ej-secondary-header .ej-nav-header .ej-sb-icons { + font-size: 18px; } -.ej-main-body-content #parentTab .ej-nav .new-tab { - display: flex; +.ej-secondary-header #parentTab .ej-demo-icon:before { + content: '\e92e'; + font-family: 'ejicons'; } -@media only screen and (max-width: 550px) { - .ej-main-body-content #parentTab .ej-nav .new-tab { - display: none; +.ej-secondary-header #parentTab .ej-source-icon:before { + content: '\e92d'; + font-family: 'ejicons'; +} + +@media (max-width: 768px) { + .ej-secondary-header { + padding: 16px 12px 0; + } + + .ej-secondary-header .ej-header-row { + flex-direction: column; + align-items: flex-start; + gap: 12px; + } + + .ej-secondary-header .ej-title { + font-size: 22px; + } + + .ej-secondary-header .ej-meta-description { + font-size: 13px; + padding-bottom: 14px; + } + + .ej-secondary-header .ej-nav-header { + gap: 16px; + } + + .ej-secondary-header .ej-header-nav-wrapper { + flex-wrap: wrap; + } + + .ej-secondary-header .ej-nav-header { + width: 100%; + } + + .ej-secondary-header .ej-sample-nav-wrapper { + margin-left: 0; + justify-content: flex-end; } } -.ej-main-body-content #parentTab .ej-nav .ej-nav-sub-item { - font-size: 25px; - cursor: pointer; +@media (max-width: 480px) { + .ej-secondary-header .ej-nav-header { + width: 100%; + } + + .ej-secondary-header .ej-nav-header .ej-nav-item a { + padding: 8px 2px 10px; + font-size: 13px; + } + + .ej-secondary-header .ej-sample-nav .ej-nav-sub-item { + width: 32px; + height: 32px; + font-size: 16px; + } } -.ej-main-body-content #parentTab .ej-nav .ej-nav-sub-item .ej-nav-new { - border-left: 1px solid #cfbdbd; - padding: 0 10px; +.ej-main-body-content .ej-tab-content .tab-pane { + animation: slideleft 0.4s; + position: relative; } -.ej-main-body-content #parentTab .ej-nav .ej-nav-sub-item.ej-nav-new:before { - content: '\e91d'; +.ej-main-body-content .ej-tab-content .tab-pane#ej-description { + font-size: 14px; + margin: 20px 0 15px 15px; } -.ej-main-body-content #parentTab .ej-nav .ej-nav-sub-item.ej-nav-prev { - border-left: 1px solid #c4c4c4; - padding: 0 10px; +.tab-pane#ej-description { + font-size: 14px; + margin: 25px 3px 20px 20px; } -.ej-main-body-content #parentTab .ej-nav .ej-nav-sub-item.ej-nav-prev:before { - content: '\e91f'; +.tab-pane#ej-description #description a { + text-decoration: none; } -.ej-main-body-content #parentTab .ej-nav .ej-nav-sub-item.ej-nav-next:before { - content: '\e91b'; - padding-right: 10px; +.tab-pane#ej-description #description a:hover { + text-decoration: underline; +} + +.tab-pane form{ + margin-bottom: -7px; +} + +@keyframes slideleft { + from { + left: -500px; + opacity: 0; + } + + to { + left: 0; + opacity: 1; + } } .ej-main-body-content #childTabContainer .tab-pane { white-space: pre; padding: 10px; - font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; + font-family: "Inter",sans-serif; overflow: auto; height: 320px; font-size: 13px; font-weight: 400; + background-color:var(--neutral-950); + color: var(--neutral-100); + border: 1px solid var(--neutral-200); + border-radius: 16px; } /* Banner */ @@ -205,130 +355,136 @@ } #footer-banner > * { - font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif"; + font-family: "Inter", sans-serif; } #footer-banner { - background-image: url(../../../assets/footer/bg-texture.png); - background-color: #CCFEC6; + background: linear-gradient(120deg, var(--blue-50), var(--neutral-50)); background-position: center; + border: 1px solid var(--blue-100); background-size: cover; - border-radius: 4px; - color: #283A5E; + border-radius: 16px; + color: var(--blue-800); margin: 30px 0px; width: 100%; - height: 121px; + height: auto; flex-shrink: 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + padding: 32px 24px 28px; + box-sizing: border-box; } +#footer-banner .header, .header { - font-weight: 800; - font-size: 23px; - color: #283A5E; - width: calc(100% - 60px); - height: 32px; - padding: 21px 0 0 40px; + font-weight: 700; + font-size: 22px; + line-height: 1.3; + color: var(--blue-800); + width: 100%; + height: auto; + padding: 0; + margin: 0; + text-align: center; } +#footer-banner .content-area, .content-area { - margin-left: 15px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + gap: 28px; + margin: 16px 0 0 0; + padding: 0; + width: 100%; } +#footer-banner .cnt-pt, .cnt-pt { - margin: 35px 0px 5px 25px; + display: inline-flex; + align-items: center; + gap: 8px; + margin: 0; } +#footer-banner .cnt-text, .cnt-text { - font-weight: 500; + font-weight: 400; font-size: 14px; - padding: 10px 10px 0px 0px; - display: table-cell; - line-height: 7px; + color: var(--blue-800); + line-height: 20px; + padding: 0; + margin: 0; + display: inline-block; } +#footer-banner .free-trial-url, +.free-trial-url, +#footer-banner .free-trial-url:hover, +.free-trial-url:hover { + text-decoration: none; + margin-top: 20px; + display: inline-flex; + justify-content: center; + padding: 0; +} + +#footer-banner .free-trial, .free-trial { - width: 158px; - height: 45px; + width: auto; + min-width: 148px; + height: 38px; + padding: 0 20px; font-size: 14px; - padding-top: 11px; - background-color: #F14400; - border-radius: 4px; - margin: -52px 25px 0px 0px; - font-weight: 700; - float: right; - line-height: 24px; - color: #FFFFFF; + font-weight: 600; + display: inline-flex; + align-items: center; + justify-content: center; + background-color: var(--blue-600); + color: var(--neutral-0); + border-radius: 8px; + box-shadow: 0 4px 12px rgba(16, 100, 199, 0.25); text-align: center; - box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%); - cursor: pointer; + transition: all 0.2s ease; + cursor: pointer; + float: none; + margin: 0 auto; } -.free-trial-url, .free-trial-url:hover { - text-decoration: none; + +#footer-banner .free-trial:hover, +.free-trial:hover { + background: var(--blue-700); + transform: translateY(-1px); + box-shadow: 0 6px 16px rgba(16, 100, 199, 0.35); } -@media only screen and (min-width: 810px) and (max-width: 1450px) { +@media only screen and (max-width: 809.9px) { #footer-banner { - height: auto; + padding: 24px 16px 20px; } + #footer-banner .header, .header { - padding: 58px 0px 14px 60px; - font-size: 32px; - line-height: 40px; - text-align: center; - height: auto; - } - .content-area { - padding: 0px 20px 0px 85px; - justify-content: left; - } - .cnt-text { font-size: 20px; - padding: 10px 10px 0px 6px; - } - .cnt-pt { - margin: 10px 0px 0px 19px; - } - .free-trial-url{ - padding: 44px 0 58px 0; - display: block; - } - .free-trial { - width: 188px; - font-size: 18px; - margin: 0px auto 0px; - float: none; - } -} - - @media only screen and (min-width: 300px) and (max-width: 809.9px) { - #footer-banner { - height: auto; } - .header { - padding: 48px 0px 14px 60px; - font-size: 22px; - line-height: 32px; - text-align: center; - height: auto; - } + #footer-banner .content-area, .content-area { - padding: 0px 20px 0 40px; - justify-content: left; - } + gap: 12px 20px; + margin-top: 14px; + } + #footer-banner .cnt-text, .cnt-text { - font-size: 16px; - line-height: 15px; - padding: 10px 10px 0px 6px; + font-size: 13px; } - .cnt-pt { - margin: 2px 12px 2px 25px + #footer-banner .tick-mark:before, + .tick-mark:before { + font-size: 14px; } + #footer-banner .free-trial-url, .free-trial-url { - padding: 32px 0 48px 0; - display: block; - } - .free-trial { - margin: 0px auto 0px; - float: none; + margin-top: 16px; } } @@ -336,59 +492,61 @@ .ej-lp-footer { font-size: 14px; padding: 10px 10px 10px 10px; - border-top: 1px solid #D7D7D7; + border-top: 1px solid var(--neutral-200); display: table; width: 100%; margin-top: 10px; } .ej-lp-footer .ej-lp-footer-links a { - color: #ff5f23; + color: var(--blue-600); text-decoration: none; cursor: pointer; margin-right: 30px; + font-size: 13.5px; + font-weight: 500; +} + +.ej-lp-footer .ej-lp-footer-links a:hover { + color: var(--blue-700); + text-decoration: underline; } .ej-lp-footer .ej-lp-footer-copyright { line-height: 7px; float: right; + font-size: 12.5px; + color:var(--neutral-500); } .ej-lp-footer > div { display: table-cell; } -/* tick in css */ +/* tick mark */ .tick-mark { - display: table-cell; - width: 18px; - height: 18px; - /* background: #c9ff00; */ - border-radius:50%; - -ms-transform: rotate(45deg); /* IE 9 */ - -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ - transform: rotate(45deg); -} - -.tick-mark:before{ - content: ""; - position: absolute; - width: 2px; - height: 9px; - background-color: #F14400; - left: 11px; - top: 8px; -} - -.tick-mark:after{ - content: ""; - position: absolute; - /* width: 4px; */ - width: 5px; - height: 2px; - background-color: #F14400; - left: 8px; - top: 16px; + display: inline-flex; + align-items: center; + justify-content: center; + width: 16px; + height: 16px; + flex-shrink: 0; + color: var(--blue-600); +} + +.tick-mark:before { + content: '\e922'; + font-family: 'ejicons'; + font-style: normal; + font-weight: 600; + font-variant: normal; + text-transform: none; + font-size: 16px; + line-height: 1; + display: inline-block; + transform: translateY(1px); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width: 300px) and (max-width: 872px) { diff --git a/src/common/main-content/main-content.html b/src/common/main-content/main-content.html index eba866e..dd5cdf1 100644 --- a/src/common/main-content/main-content.html +++ b/src/common/main-content/main-content.html @@ -1,34 +1,39 @@
-

-

-
- +
+ +
+
+
+
-
+
@@ -60,48 +65,48 @@

\ No newline at end of file diff --git a/src/controls/cmr-report/cmr-report.html b/src/controls/cmr-report/cmr-report.html index 831c42a..6e08ba2 100644 --- a/src/controls/cmr-report/cmr-report.html +++ b/src/controls/cmr-report/cmr-report.html @@ -10,6 +10,6 @@

More information about the image report item can be found in this documentation section. + target="_blank">documentation section.

diff --git a/src/controls/company-sales/company-sales.html b/src/controls/company-sales/company-sales.html index 8b7b552..22af357 100644 --- a/src/controls/company-sales/company-sales.html +++ b/src/controls/company-sales/company-sales.html @@ -15,13 +15,13 @@
  • Sorting is applied to row groups to sort the product category and sub-category in descending and ascending orders. More information about sorting data in matrix groups can be found in this documentation section. + target="_blank">documentation section.

    • Company Sales report designing steps can be found in this documentation section. + target="_blank">documentation section.

    diff --git a/src/controls/conditional-row-formatting/conditional-row-formatting.html b/src/controls/conditional-row-formatting/conditional-row-formatting.html index 564a644..9888e98 100644 --- a/src/controls/conditional-row-formatting/conditional-row-formatting.html +++ b/src/controls/conditional-row-formatting/conditional-row-formatting.html @@ -3,7 +3,7 @@

    This demo illustrates the Conditional Formatting feature along with Report Parameters using the Tablix data region. Based on the country name selected in + target="_blank">Report Parameters using the Tablix data region. Based on the country name selected in the Highlight Country parameter, the available customer details of the respective country are highlighted using conditional formatting. It makes the report easier @@ -12,12 +12,12 @@

    • Conditional IIF Statement is used to build expression for background color, thereby it highlights the rows based on the + target="_blank">expression for background color, thereby it highlights the rows based on the Country Name field.

    Conditional row formatting report designing steps can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/consolidated-balance-sheet/consolidated-balance-sheet.html b/src/controls/consolidated-balance-sheet/consolidated-balance-sheet.html index 11c1741..7f84f8d 100644 --- a/src/controls/consolidated-balance-sheet/consolidated-balance-sheet.html +++ b/src/controls/consolidated-balance-sheet/consolidated-balance-sheet.html @@ -4,19 +4,19 @@ Consolidated Balance Sheet RDLC report represents the assets and liabilities of a company and all subsidiaries for the last four quarters in a single sheet using Tablix report item. + target="_blank">Tablix report item.

    • The Row grouping feature is used to group the Assets type.
      • + target="_blank">Row grouping feature is used to group the Assets type.
    • Text box report items with currency value are formatted using expression.
      • + target="_blank">expression.
    • The data used in this table is a local JSON data.

    More information about RDLC report can be found in this documentation + href="https://help.boldreports.com/embedded-reporting/javascript-reporting/report-viewer/rdlc-report/" target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/customer-support-analysis/customer-support-analysis.html b/src/controls/customer-support-analysis/customer-support-analysis.html index fec49b5..841981b 100644 --- a/src/controls/customer-support-analysis/customer-support-analysis.html +++ b/src/controls/customer-support-analysis/customer-support-analysis.html @@ -16,16 +16,16 @@ Average resolution time (hrs) by Representative chart. More information about sorting data in matrix groups can be found in this documentation section. + target="_blank">documentation section.
  • The TopN filter is applied to the table data region to display the Top 5 Satisfied Customer. More information on filtering data with table data region can be found in this documentation section.
    • + target="_blank">documentation section.

    More information about chart data region can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/data-bar/data-bar.html b/src/controls/data-bar/data-bar.html index 3510e50..875aa9e 100644 --- a/src/controls/data-bar/data-bar.html +++ b/src/controls/data-bar/data-bar.html @@ -7,6 +7,6 @@

    More information about the Databar report item can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/dynamic-chart-series/dynamic-chart-series.html b/src/controls/dynamic-chart-series/dynamic-chart-series.html index 860b213..152f3f0 100644 --- a/src/controls/dynamic-chart-series/dynamic-chart-series.html +++ b/src/controls/dynamic-chart-series/dynamic-chart-series.html @@ -6,6 +6,6 @@

    More information about the Chart report item can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/dynamic-columns/dynamic-columns.html b/src/controls/dynamic-columns/dynamic-columns.html index 1ab2c9d..0b4b83b 100644 --- a/src/controls/dynamic-columns/dynamic-columns.html +++ b/src/controls/dynamic-columns/dynamic-columns.html @@ -12,6 +12,6 @@

    More information about the Tablix data region can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/dynamic-logos/dynamic-logos.html b/src/controls/dynamic-logos/dynamic-logos.html index ca376a8..d68081e 100644 --- a/src/controls/dynamic-logos/dynamic-logos.html +++ b/src/controls/dynamic-logos/dynamic-logos.html @@ -1,7 +1,7 @@

    The report uses parameter-driven logic to dynamically update company logos, names, and contact details without requiring changes to modifying the report layout using the Report Parameters.

    + target="_blank">Report Parameters.

    • It supports scalable deployment across multiple companies (A to E), enhancing reusability and reducing design overhead.
    • Bold Reports image and text report items are bound to parameters, enabling seamless customization of both visuals and data.
      • @@ -9,6 +9,6 @@

      More information about the image report item can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/external-parameter-report/external-parameter-report.html b/src/controls/external-parameter-report/external-parameter-report.html index 15ff6db..89024f1 100644 --- a/src/controls/external-parameter-report/external-parameter-report.html +++ b/src/controls/external-parameter-report/external-parameter-report.html @@ -47,16 +47,16 @@

    The Product Line Sales RDL report represents the best performing sales people and stores using Tablix and Tablix and Chart + target="_blank">Chart report items.

    • The sales details are organized by category and sub-category of products using the concept of external report parameters which is designed using ejdropdownlist. It allows users to filter Sub Category based on the selected + target="_blank">ejdropdownlist. It allows users to filter Sub Category based on the selected Category.
    • Non cascading parameters namely start date and end date also used in this report.
      • @@ -64,6 +64,6 @@

      More information about handling the report items can be found in this documentation section. + target="_blank">documentation section.

    diff --git a/src/controls/grouping-aggregate/grouping-aggregate.html b/src/controls/grouping-aggregate/grouping-aggregate.html index 79e3f21..f7e0fc8 100644 --- a/src/controls/grouping-aggregate/grouping-aggregate.html +++ b/src/controls/grouping-aggregate/grouping-aggregate.html @@ -14,11 +14,11 @@ Tablix data region.
  • The sales value for each quarter is formatted in the Currency format to improve the readability of report.
    • + target="_blank">format to improve the readability of report.

    More information about the Tablix data region can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/hr-payroll/hr-payroll.html b/src/controls/hr-payroll/hr-payroll.html index 9734340..a7479f5 100644 --- a/src/controls/hr-payroll/hr-payroll.html +++ b/src/controls/hr-payroll/hr-payroll.html @@ -13,6 +13,6 @@

    For more information on how dynamic image report items enhance customization in multi-company HR reports, refer to this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/infographics-report/infographics-report.html b/src/controls/infographics-report/infographics-report.html index 000f53a..8e3364f 100644 --- a/src/controls/infographics-report/infographics-report.html +++ b/src/controls/infographics-report/infographics-report.html @@ -10,6 +10,6 @@

    More information about the image report item can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/invoice/invoice.html b/src/controls/invoice/invoice.html index 2f9911e..0b0eea9 100644 --- a/src/controls/invoice/invoice.html +++ b/src/controls/invoice/invoice.html @@ -3,15 +3,15 @@

    In this demo, Invoice report is generated based on Report Parameters at run time, and it displays the comprehensive overview of an invoice + target="_blank">Report Parameters at run time, and it displays the comprehensive overview of an invoice that indicates the shipping order details using parameters, expressions, and calculated fields with Tablix report item. + target="_blank">expressions, and calculated fields with Tablix report item.

    • Using Expression + target="_blank">Expression with text box report item, the report is designed to dynamically display the invoice details.
    • Using the Total feature in table report item, the sum of product price is calculated. @@ -20,6 +20,6 @@

      More information about the text box, expressions, and table data region can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/load-large-data/load-large-data.html b/src/controls/load-large-data/load-large-data.html index 0d99869..c6775e4 100644 --- a/src/controls/load-large-data/load-large-data.html +++ b/src/controls/load-large-data/load-large-data.html @@ -7,12 +7,12 @@
  • The table is displayed with a total row, and the sum of sales is calculated by aggregation of OrderQty and UnitPrice data fields using the Expression support.
    • + target="_blank">Expression support.
  • The Item total data text box is formatted in Currency format to enhance the report design.

    • More information about Tablix can be found in this documentation + href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/" target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/mail-merge/mail-merge.html b/src/controls/mail-merge/mail-merge.html index 679f4f1..a36f0b8 100644 --- a/src/controls/mail-merge/mail-merge.html +++ b/src/controls/mail-merge/mail-merge.html @@ -9,7 +9,7 @@
  • To keep data in a single page, rectangle report item is used as a container with the KeepTogether property as true.
  • Expression is used to frame the employee details dynamically at run time.
    • + target="_blank">Expression is used to frame the employee details dynamically at run time.

    You can print or export this report as PDF, Excel, Word, HTML, PowerPoint, or CSV format using the @@ -20,6 +20,6 @@

    Mail merge report designing steps can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/multi-language-report/multi-language-report.html b/src/controls/multi-language-report/multi-language-report.html index 020f41b..8ae4c13 100644 --- a/src/controls/multi-language-report/multi-language-report.html +++ b/src/controls/multi-language-report/multi-language-report.html @@ -27,6 +27,6 @@

    For detailed guidance on implementing localization, refer to the documentation. + target="_blank">documentation.

    \ No newline at end of file diff --git a/src/controls/nda-report/nda-report.html b/src/controls/nda-report/nda-report.html index dc6b4f2..7998250 100644 --- a/src/controls/nda-report/nda-report.html +++ b/src/controls/nda-report/nda-report.html @@ -10,6 +10,6 @@

    More information about the PDF signature report item can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/northwind-products-suppliers-report/northwind-products-suppliers-report.html b/src/controls/northwind-products-suppliers-report/northwind-products-suppliers-report.html index 79dbebd..d406641 100644 --- a/src/controls/northwind-products-suppliers-report/northwind-products-suppliers-report.html +++ b/src/controls/northwind-products-suppliers-report/northwind-products-suppliers-report.html @@ -7,17 +7,17 @@
    • The font color is categorized using the Conditional Formatting feature in the UnitInStock column of table to differentiate the range of values.
      • + target="_blank">Conditional Formatting feature in the UnitInStock column of table to differentiate the range of values.
    • The TopN filter is applied to the table and table and chart data regions to display the top five data from database. Similarly, the BottomN filter is applied to display the least demand products + target="_blank">chart data regions to display the top five data from database. Similarly, the BottomN filter is applied to display the least demand products from database.

    More information about chart data region can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/parameter-customization/parameter-customization.html b/src/controls/parameter-customization/parameter-customization.html index 8791753..a5ab4c8 100644 --- a/src/controls/parameter-customization/parameter-customization.html +++ b/src/controls/parameter-customization/parameter-customization.html @@ -3,8 +3,8 @@

    The Product Line Sales RDL report represents the best performing sales people and stores using Tablix and Chart + target="_blank">Tablix and Chart report items.

      @@ -16,7 +16,7 @@
    • End date non cascading parameter can be disabled using Switch button provided + target="_blank">Switch button provided
    • Null button in the end date parameter is used to set the parameter value as null. No data will be filtered since end date is null
      • @@ -24,6 +24,6 @@

      More information about Cascading Parameters can be found in this documentation section. + target="_blank">documentation section.

      \ No newline at end of file diff --git a/src/controls/patient-experience-analysis/patient-experience-analysis.html b/src/controls/patient-experience-analysis/patient-experience-analysis.html index 09240bc..1dd20b5 100644 --- a/src/controls/patient-experience-analysis/patient-experience-analysis.html +++ b/src/controls/patient-experience-analysis/patient-experience-analysis.html @@ -3,8 +3,8 @@

      This report shows the Patient's satisfaction, average stay duration, count and average waiting time using Tablix and Chart + target="_blank">Tablix and Chart report items.

      @@ -15,6 +15,6 @@

      More information about chart data region can be found in this documentation section. + target="_blank">documentation section.

      \ No newline at end of file diff --git a/src/controls/paystub/paystub.html b/src/controls/paystub/paystub.html index 1d84477..a8539d5 100644 --- a/src/controls/paystub/paystub.html +++ b/src/controls/paystub/paystub.html @@ -3,18 +3,18 @@

      Paystub RDLC report represents the paystub of a company in a single sheet using Tablix report item. + target="_blank">Tablix report item.

      • The Paystub are displayed dynamically using expression with the text box report item. + target="_blank">expression with the text box report item.
      • The data used in this table is a local JSON data.

      More information about RDLC report can be found in this documentation + href="https://help.boldreports.com/embedded-reporting/javascript-reporting/report-viewer/rdlc-report/" target="_blank">documentation section.

      \ No newline at end of file diff --git a/src/controls/personal-expense-analysis/personal-expense-analysis.html b/src/controls/personal-expense-analysis/personal-expense-analysis.html index ba8dd6b..b910d5c 100644 --- a/src/controls/personal-expense-analysis/personal-expense-analysis.html +++ b/src/controls/personal-expense-analysis/personal-expense-analysis.html @@ -10,15 +10,15 @@
    • RDL External image embedding concept is used to display the image in report.
    • Text box report items with expressions are used to format the currency data fields.
      • + target="_blank">expressions are used to format the currency data fields.
    • Alternate row formatting is applied in the table data region using the Conditional Formatting feature to alternate the background color for a table data + target="_blank">Conditional Formatting feature to alternate the background color for a table data region, which improves the readability of data.

    More information about handling images, text boxes, chart, and table report items can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/powerpoint-report/powerpoint-report.html b/src/controls/powerpoint-report/powerpoint-report.html index b58244f..93067a8 100644 --- a/src/controls/powerpoint-report/powerpoint-report.html +++ b/src/controls/powerpoint-report/powerpoint-report.html @@ -10,6 +10,6 @@

    More information about Page break can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/product-catalog/product-catalog.html b/src/controls/product-catalog/product-catalog.html index 8422983..f42045d 100644 --- a/src/controls/product-catalog/product-catalog.html +++ b/src/controls/product-catalog/product-catalog.html @@ -3,7 +3,7 @@

    This report shows Mountain bike products information using the Tablix report item in RDLC report. + target="_blank">Tablix report item in RDLC report.

    • The table is displayed with Product no, image, name, size, weight and cost.
      • @@ -11,7 +11,7 @@

    More information about RDLC report can be found in this documentation + href="https://help.boldreports.com/embedded-reporting/javascript-reporting/report-viewer/rdlc-report/" target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/product-details/product-details.html b/src/controls/product-details/product-details.html index b513685..62483ff 100644 --- a/src/controls/product-details/product-details.html +++ b/src/controls/product-details/product-details.html @@ -9,14 +9,14 @@
  • The total price value of each product is calculated based on the OrderQty and UnitPrice data fields using expression.
    • + target="_blank">expression.
  • The price values in the product details are formatted in the Currency format to improve the readability of data.
    • + target="_blank">format to improve the readability of data.

    More information about the Tablix data region can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/product-line-sales/product-line-sales.html b/src/controls/product-line-sales/product-line-sales.html index badec19..9cf43a6 100644 --- a/src/controls/product-line-sales/product-line-sales.html +++ b/src/controls/product-line-sales/product-line-sales.html @@ -3,8 +3,8 @@

    The Product Line Sales RDL report represents the best performing sales people and stores using Tablix and Chart + target="_blank">Tablix and Chart report items.

      @@ -15,6 +15,6 @@

      More information about Cascading Parameters can be found in this documentation section. + target="_blank">documentation section.

      \ No newline at end of file diff --git a/src/controls/sales-by-year/sales-by-year.html b/src/controls/sales-by-year/sales-by-year.html index e03a5d2..bc07b14 100644 --- a/src/controls/sales-by-year/sales-by-year.html +++ b/src/controls/sales-by-year/sales-by-year.html @@ -3,22 +3,22 @@

      The Sales By Year RDLC report represents the sales of North America countries in each year using Tablix and Chart + target="_blank">Tablix and Chart report items.

      • The Row grouping feature is used to group the sales by year and the Column grouping feature is used to group Region and Country. More information about Grouping Panel can be found in this documentation section.
        • + target="_blank">documentation section.
      • Aggregate functions are used to calculate the total sales in each countries.
      • Sorting is applied to row groups to sort the sales year.
        • + target="_blank">Sorting is applied to row groups to sort the sales year.

      More information about RDLC report can be found in this documentation + href="https://help.boldreports.com/embedded-reporting/javascript-reporting/report-viewer/rdlc-report/" target="_blank">documentation section.

      \ No newline at end of file diff --git a/src/controls/sales-order-detail/sales-order-detail.html b/src/controls/sales-order-detail/sales-order-detail.html index 33930e6..66645e5 100644 --- a/src/controls/sales-order-detail/sales-order-detail.html +++ b/src/controls/sales-order-detail/sales-order-detail.html @@ -3,19 +3,19 @@

      Sales Order Details shows the sales invoice details using the report parameters, line report item, and table formatting in Bold Report Viewer. + target="_blank">report parameters, line report item, and table formatting in Bold Report Viewer.

      • The Sales Order details are displayed dynamically using expression with the text box report item.
        • + target="_blank">expression with the text box report item.
      • The sales order details for each sales order number can be generated based on Report Parameters at run time.
        • + target="_blank">Report Parameters at run time.

      More information about handling the report items can be found in this documentation section. + target="_blank">documentation section.

      \ No newline at end of file diff --git a/src/controls/sales-report/sales-report.html b/src/controls/sales-report/sales-report.html index 97e5a7c..5ef39d8 100644 --- a/src/controls/sales-report/sales-report.html +++ b/src/controls/sales-report/sales-report.html @@ -7,14 +7,14 @@
    • The table is displayed with a total row, and the sum of sales is calculated by aggregation of OrderQty and UnitPrice data fields using the Expression support.
      • + target="_blank">Expression support.
    • The Item Total data text box is formatted in Currency format to enhance the report design.
      • + target="_blank">format to enhance the report design.

    More information about the Tablix data region can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/samples.json b/src/controls/samples.json index d65870c..4e25b2a 100644 --- a/src/controls/samples.json +++ b/src/controls/samples.json @@ -18,11 +18,11 @@ }, "platform": "JavaScript", "banner": { - "text": "Start embedding powerful business intelligence reporting inside your modern web apps today", + "text": "Start Building Pixel-Perfect Reporting Today", "features" : [ - "User-friendly Report Server", - "Intuitive drag-and-drop widgets", - "Hassle-free licensing" + "Native RDL & RDLC Compatibility", + "Intuitive Drag-and-Drop Widgets", + "Modern Web-Based Reporting" ], "freeTrialUrl": "https://www.boldreports.com/register/reports?evaluation=v2" }, diff --git a/src/controls/spark-line/spark-line.html b/src/controls/spark-line/spark-line.html index b7e8711..cb7b97d 100644 --- a/src/controls/spark-line/spark-line.html +++ b/src/controls/spark-line/spark-line.html @@ -4,11 +4,11 @@ A sparkline is a small embedded line graph that illustrates a single trend. In this report, sales data are interpreted to visualize the sales trends using Spark Line report items. + target="_blank">Spark Line report items.

    More information about RDLC report can be found in this documentation + href="https://help.boldreports.com/embedded-reporting/javascript-reporting/report-viewer/rdlc-report/" target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/sub-report/sub-report.html b/src/controls/sub-report/sub-report.html index 2d2aaf4..b04de37 100644 --- a/src/controls/sub-report/sub-report.html +++ b/src/controls/sub-report/sub-report.html @@ -2,20 +2,20 @@

    Sales Order Details by Order Number shows the order details using the report parameters, sub report item, and table formatting in Bold Report Viewer. + target="_blank">report parameters, sub report item, and table formatting in Bold Report Viewer.

    • The sales order details are displayed dynamically using the sub report item. + target="_blank">sub report item.
    • The sales order details for a specific date range can be generated based on Report Parameters at run time. + target="_blank">Report Parameters at run time.

    More information about handling the report items can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/territory-sales/territory-sales.html b/src/controls/territory-sales/territory-sales.html index 096e99e..8e52e37 100644 --- a/src/controls/territory-sales/territory-sales.html +++ b/src/controls/territory-sales/territory-sales.html @@ -18,6 +18,6 @@

    More information about the table data region can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/tickets-sales-analysis/tickets-sales-analysis.html b/src/controls/tickets-sales-analysis/tickets-sales-analysis.html index 3da880b..8e0de86 100644 --- a/src/controls/tickets-sales-analysis/tickets-sales-analysis.html +++ b/src/controls/tickets-sales-analysis/tickets-sales-analysis.html @@ -12,11 +12,11 @@ Top 5 Shows based on Tickets Sold. More information on filtering data with chart data region can be found in this documentation section. + target="_blank">documentation section.

    More information about chart data region can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file diff --git a/src/controls/transcript-report/transcript-report.html b/src/controls/transcript-report/transcript-report.html index 36c1102..8f19d12 100644 --- a/src/controls/transcript-report/transcript-report.html +++ b/src/controls/transcript-report/transcript-report.html @@ -13,6 +13,6 @@

    Transcript report designing steps can be found in this documentation section. + target="_blank">documentation section.

    diff --git a/src/controls/website-visitor-analysis/website-visitor-analysis.html b/src/controls/website-visitor-analysis/website-visitor-analysis.html index 502b6c4..31b8ed8 100644 --- a/src/controls/website-visitor-analysis/website-visitor-analysis.html +++ b/src/controls/website-visitor-analysis/website-visitor-analysis.html @@ -11,6 +11,6 @@

    More information about chart data region can be found in this documentation section. + target="_blank">documentation section.

    \ No newline at end of file From db71c44b654ad6e9e7238c3337a7ff87268f2b7e Mon Sep 17 00:00:00 2001 From: Saravanan kanagaraj Date: Mon, 12 Oct 2026 17:14:29 +0530 Subject: [PATCH 2/2] feature(REPORT-534419): Bold Reports 15.1 Release changes --- package.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index 2b041ab..c624276 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "javascript-samples", - "version": "14.1.12", + "version": "15.1.10", "description": "", "author": "", "license": "ISC", @@ -39,8 +39,8 @@ }, "dependencies": { "@babel/polyfill": "7.2.5", - "@boldreports/javascript-reporting-controls": "14.1.12", - "@boldreports/javascript-reporting-extensions": "14.1.12", + "@boldreports/javascript-reporting-controls": "15.1.10", + "@boldreports/javascript-reporting-extensions": "15.1.10", "codemirror": "5.58.2", "hasher": "1.2.0", "jquery": "3.6.0",