<?php // Exit if accessed directly.

[0] Fix | Delete

if ( ! defined( 'ABSPATH' ) ) exit; ?>

[1] Fix | Delete

<script type="text/x-template" id="fields-data-template">

[2] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type="text" v-if="field.type=='text' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[3] Fix | Delete

[4] Fix | Delete

<div class="form-label">{{field.label}}</div>

[5] Fix | Delete

<div class="form-field"><input type="text" class="full text" :id="field.id" :name="field.name" :placeholder="field.placeholder" v-model="field.default">

[6] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[7] Fix | Delete

</div>

[8] Fix | Delete

<div class="clearfix"></div>

[9] Fix | Delete

</div>

[10] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type="hidden" v-else-if="field.type=='hidden' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[11] Fix | Delete

<div class="form-label">{{field.label}}</div>

[12] Fix | Delete

<div class="form-field"><input type="text" class="full text" :id="field.id" :name="field.name" v-model="field.default">

[13] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[14] Fix | Delete

</div>

[15] Fix | Delete

<div class="clearfix"></div>

[16] Fix | Delete

</div>

[17] Fix | Delete

[18] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type="number" v-else-if="field.type=='number' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[19] Fix | Delete

<div class="form-label">{{field.label}}</div>

[20] Fix | Delete

<div class="form-field"><input type="number" class="full text" :id="field.id" :name="field.name" v-model="field.default">

[21] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[22] Fix | Delete

</div>

[23] Fix | Delete

<div class="clearfix"></div>

[24] Fix | Delete

</div>

[25] Fix | Delete

[26] Fix | Delete

<?php /*Normal Textarea*/?>

[27] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type='textarea' v-else-if="field.type=='textarea' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[28] Fix | Delete

<div class="form-label">{{field.label}}</div>

[29] Fix | Delete

<div class="form-field"><textarea class="full textarea" :id="field.id" :name="field.name" v-model="field.default"></textarea>

[30] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[31] Fix | Delete

</div>

[32] Fix | Delete

<div class="clearfix"></div>

[33] Fix | Delete

</div>

[34] Fix | Delete

[35] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type="text-editor" v-else-if="field.type=='text-editor' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[36] Fix | Delete

<div class="form-label" style="margin-top: 10px;">{{field.label}}</div>

[37] Fix | Delete

<div class="form-field"><textarea-wysiwyg :default-text="field" :fieldindex="fieldkey"></textarea-wysiwyg>

[38] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[39] Fix | Delete

</div>

[40] Fix | Delete

<div class="clearfix"></div>

[41] Fix | Delete

</div>

[42] Fix | Delete

[43] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type="select" v-else-if="field.type=='select' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[44] Fix | Delete

<div class="form-label">{{field.label}}</div>

[45] Fix | Delete

<div class="form-field">

[46] Fix | Delete

<select type="text" class="full text" :id="field.id" :name="field.name" v-model="field.default" v-if="field.options_details.length!=0" :data-ajax="field.ajax" :data-ajax-dep="field.ajax_dep" :data-ajax-action="field.ajax_action" @change="changeOnSelect()">

[47] Fix | Delete

<option value="">Select option</option>

[48] Fix | Delete

<option

[49] Fix | Delete

v-for="(option, key, index) in field.options_details"

[50] Fix | Delete

:value="key"

[51] Fix | Delete

:selected="{'selected': (field.default==key)}"

[52] Fix | Delete

>

[53] Fix | Delete

{{option}}

[54] Fix | Delete

</option>

[55] Fix | Delete

</select>

[56] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[57] Fix | Delete

<div class="spinner spinner-cat-mod" :id="field.name+1"></div>

[58] Fix | Delete

</div>

[59] Fix | Delete

<div class="clearfix"></div>

[60] Fix | Delete

</div>

[61] Fix | Delete

[62] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type="checkbox" v-else-if="field.type=='checkbox' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[63] Fix | Delete

<div class="form-label">{{field.label}}</div>

[64] Fix | Delete

<div class="form-field">

[65] Fix | Delete

<label class="form-label-checkbox" v-for="(val,index) in field.options" >

[66] Fix | Delete

<input type="checkbox" :value="val.value" v-model="field.default" >

[67] Fix | Delete

{{val.label}}

[68] Fix | Delete

</label>

[69] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[70] Fix | Delete

</div>

[71] Fix | Delete

<div class="clearfix"></div>

[72] Fix | Delete

</div>

[73] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type="checkbox_bool" v-else-if="field.type=='checkbox_bool' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[74] Fix | Delete

<div class="form-label">{{field.label}}</div>

[75] Fix | Delete

<div class="form-field">

[76] Fix | Delete

<label class="form-label-checkbox" v-for="(val,index) in field.options" >

[77] Fix | Delete

<input type="checkbox" :value="val.value" :checked="field.default" v-model="field.default" v-bind:true-value="val.value" v-bind:false-value="0">

[78] Fix | Delete

{{val.label}}

[79] Fix | Delete

</label>

[80] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[81] Fix | Delete

</div>

[82] Fix | Delete

<div class="clearfix"></div>

[83] Fix | Delete

</div>

[84] Fix | Delete

[85] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type="radio" v-else-if="field.type=='radio' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[86] Fix | Delete

<div class="form-label">{{field.label}}</div>

[87] Fix | Delete

<div class="form-field">

[88] Fix | Delete

<label class="form-label-radio" v-for="(val,index) in field.options" >

[89] Fix | Delete

<input type="radio" :value="val.value" v-model="field.default" :checked="field.default==val.value">

[90] Fix | Delete

{{val.label}}

[91] Fix | Delete

</label>

[92] Fix | Delete

</div>

[93] Fix | Delete

<div class="clearfix"></div>

[94] Fix | Delete

</div>

[95] Fix | Delete

[96] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type="spacing" v-else-if="field.type=='spacing' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" style="clearfix" v-show="fieldShowHideCheck(field)">

[97] Fix | Delete

<div class="form-label">{{field.label}}</div>

[98] Fix | Delete

<div class="form-field">

[99] Fix | Delete

<label class="amppb-mar-padd">

[100] Fix | Delete

<span class="dashicons dashicons-arrow-up-alt ampforwp-up-arrow"></span>

[101] Fix | Delete

<input type="text" data-type="margin" data-pos="top" v-model="field.default.top">

[102] Fix | Delete

</label>

[103] Fix | Delete

<label class="amppb-mar-padd">

[104] Fix | Delete

<span class="dashicons dashicons-arrow-right-alt ampforwp-right-arrow"></span>

[105] Fix | Delete

<input type="text" data-type="margin" data-pos="right" v-model="field.default.right">

[106] Fix | Delete

</label>

[107] Fix | Delete

<label class="amppb-mar-padd">

[108] Fix | Delete

<span class="dashicons dashicons-arrow-down-alt ampforwp-down-arrow"></span>

[109] Fix | Delete

<input type="text" data-type="margin" data-pos="bottom" v-model="field.default.bottom">

[110] Fix | Delete

</label>

[111] Fix | Delete

<label class="amppb-mar-padd">

[112] Fix | Delete

<span class="dashicons dashicons-arrow-left-alt ampforwp-left-arrow"></span>

[113] Fix | Delete

<input type="text" data-type="margin" data-pos="left" v-model="field.default.left">

[114] Fix | Delete

</label>

[115] Fix | Delete

<div class="clearfix"></div>

[116] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[117] Fix | Delete

</div>

[118] Fix | Delete

[119] Fix | Delete

<div class="clearfix"></div>

[120] Fix | Delete

</div>

[121] Fix | Delete

[122] Fix | Delete

[123] Fix | Delete

[124] Fix | Delete

<div class="amppb-ftype-upload amp-form-control" :id="field.name" data-type="upload" v-else-if="field.type=='upload' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[125] Fix | Delete

[126] Fix | Delete

<div class="form-label" style="position: relative;display: inline-block; width: 30%;">{{field.label}}</div>

[127] Fix | Delete

<div class="form-field">

[128] Fix | Delete

<input type="button" class="button" value="Select image" id="" data-imageselactor="single" @click="selectimages(field,$event)">

[129] Fix | Delete

<input type="hidden" name="ampforwp_image_id" class="regular-text" v-model="field.default"/>

[130] Fix | Delete

[131] Fix | Delete

<div v-if="field.default!=''" style="position: relative;display: inline-block;">

[132] Fix | Delete

<img v-if="field.default!=''" src="../wp-includes/images/spinner.gif" :data-src="refresh_image(field.default,this,'tag',field)" class="amppbimageuploadField"/>

[133] Fix | Delete

<span class="dashicons-before dashicons-no link" @click="removeSelectedImage(field)"></span>

[134] Fix | Delete

</div>

[135] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[136] Fix | Delete

</div>

[137] Fix | Delete

<div class="clearfix"></div>

[138] Fix | Delete

</div>

[139] Fix | Delete

[140] Fix | Delete

[141] Fix | Delete

[142] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type="icon-selector" v-else-if="field.type=='icon-selector' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[143] Fix | Delete

<div class="form-label">{{field.label}}</div>

[144] Fix | Delete

<div class="form-field">

[145] Fix | Delete

<span class="button" @click="openIconOptions=!openIconOptions;">Select Icon</span>

[146] Fix | Delete

<i v-if="field.default!=''" class="amppb-icon " :class="'icon-'+field.default"></i>

[147] Fix | Delete

<input type="hidden" v-model="field.default">

[148] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[149] Fix | Delete

</div>

[150] Fix | Delete

<div class="select-icons" :class="{'hide': (!openIconOptions)}">

[151] Fix | Delete

<span class="amppb-icon-close" @click="openIconOptions=!openIconOptions;"><i class=" icon-close"></i></span>

[152] Fix | Delete

<input type="text" v-model="iconSearch" placeholder="Search Icon.."/>

[153] Fix | Delete

<div class="icon-wrapper">

[154] Fix | Delete

<div class="icon-card" v-for="icon in filteredIcons" @click="iconSelected(icon,field)" :class="{'active' : (field.default==icon.name)}" :title="icon.name">

[155] Fix | Delete

<i class="icon" :class="'icon-'+icon.name"></i>

[156] Fix | Delete

</div>

[157] Fix | Delete

</div>

[158] Fix | Delete

</div>

[159] Fix | Delete

<div class="clearfix"></div>

[160] Fix | Delete

</div>

[161] Fix | Delete

[162] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type="gradient-selector" v-else-if="field.type=='gradient-selector' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[163] Fix | Delete

<div class="form-label">{{field.label}}</div>

[164] Fix | Delete

<div class="form-field">

[165] Fix | Delete

<div style="width:40px;height:20px;display: inline-block;" :style="field.default"></div>

[166] Fix | Delete

<span class="button" @click="openIconOptions=!openIconOptions;">

[167] Fix | Delete

Select Gradient</span>

[168] Fix | Delete

<input type="hidden" v-model="field.default">

[169] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[170] Fix | Delete

</div>

[171] Fix | Delete

<div class="select-icons select-gradient-box" :class="{'hide': (!openIconOptions)}" :style="field.default">

[172] Fix | Delete

<span class="amppb-icon-close" @click="openIconOptions=!openIconOptions;"><i class=" icon-close"></i></span>

[173] Fix | Delete

[174] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#30496B,#30B8D2)'" class="gradient-card">

[175] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(48, 73, 107), rgb(48, 184, 210));"></div>

[176] Fix | Delete

<div class="card-info">

[177] Fix | Delete

<div class="color-1" style="color: rgb(48, 73, 107);">#30496B</div>

[178] Fix | Delete

<div class="color-2" style="color: rgb(48, 184, 210);">#30B8D2</div>

[179] Fix | Delete

</div>

[180] Fix | Delete

</div>

[181] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#FBCA88,#EF69AD)'" class="gradient-card">

[182] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(251, 202, 136), rgb(239, 105, 173));"></div>

[183] Fix | Delete

<div class="card-info">

[184] Fix | Delete

<div class="color-1" style="color: rgb(251, 202, 136);">#FBCA88</div>

[185] Fix | Delete

<div class="color-2" style="color: rgb(239, 105, 173);">#EF69AD</div>

[186] Fix | Delete

</div>

[187] Fix | Delete

</div>

[188] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#B6C1D4,#EC68B1)'" class="gradient-card">

[189] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(182, 193, 212), rgb(236, 104, 177));"></div>

[190] Fix | Delete

<div class="card-info">

[191] Fix | Delete

<div class="color-1" style="color: rgb(182, 193, 212);">#B6C1D4</div>

[192] Fix | Delete

<div class="color-2" style="color: rgb(236, 104, 177);">#EC68B1</div>

[193] Fix | Delete

</div>

[194] Fix | Delete

</div>

[195] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#ABE5E6,#7062F0)'" class="gradient-card">

[196] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(171, 229, 230), rgb(112, 98, 240));"></div>

[197] Fix | Delete

<div class="card-info">

[198] Fix | Delete

<div class="color-1" style="color: rgb(171, 229, 230);">#ABE5E6</div>

[199] Fix | Delete

<div class="color-2" style="color: rgb(112, 98, 240);">#7062F0</div>

[200] Fix | Delete

</div>

[201] Fix | Delete

</div>

[202] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#476892,#59355D)'" class="gradient-card">

[203] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(71, 104, 146), rgb(89, 53, 93));"></div>

[204] Fix | Delete

<div class="card-info">

[205] Fix | Delete

<div class="color-1" style="color: rgb(71, 104, 146);">#476892</div>

[206] Fix | Delete

<div class="color-2" style="color: rgb(89, 53, 93);">#59355D</div>

[207] Fix | Delete

</div>

[208] Fix | Delete

</div>

[209] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#92F1D5,#ABF6BD)'" class="gradient-card">

[210] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(146, 241, 213), rgb(171, 246, 189));"></div>

[211] Fix | Delete

<div class="card-info">

[212] Fix | Delete

<div class="color-1" style="color: rgb(146, 241, 213);">#92F1D5</div>

[213] Fix | Delete

<div class="color-2" style="color: rgb(171, 246, 189);">#ABF6BD</div>

[214] Fix | Delete

</div>

[215] Fix | Delete

</div>

[216] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#7D6AE7,#56A2D5)'" class="gradient-card">

[217] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(125, 106, 231), rgb(86, 162, 213));"></div>

[218] Fix | Delete

<div class="card-info">

[219] Fix | Delete

<div class="color-1" style="color: rgb(125, 106, 231);">#7D6AE7</div>

[220] Fix | Delete

<div class="color-2" style="color: rgb(86, 162, 213);">#56A2D5</div>

[221] Fix | Delete

</div>

[222] Fix | Delete

</div>

[223] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#82E9E4,#F3D62F)'" class="gradient-card">

[224] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(130, 233, 228), rgb(243, 214, 47));"></div>

[225] Fix | Delete

<div class="card-info">

[226] Fix | Delete

<div class="color-1" style="color: rgb(130, 233, 228);">#82E9E4</div>

[227] Fix | Delete

<div class="color-2" style="color: rgb(243, 214, 47);">#F3D62F</div>

[228] Fix | Delete

</div>

[229] Fix | Delete

</div>

[230] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#239FE9,#44D5F3)'" class="gradient-card">

[231] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(35, 159, 233), rgb(68, 213, 243));"></div>

[232] Fix | Delete

<div class="card-info">

[233] Fix | Delete

<div class="color-1" style="color: rgb(35, 159, 233);">#239FE9</div>

[234] Fix | Delete

<div class="color-2" style="color: rgb(68, 213, 243);">#44D5F3</div>

[235] Fix | Delete

</div>

[236] Fix | Delete

</div>

[237] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#3D3949,#6772A4)'" class="gradient-card">

[238] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(61, 57, 73), rgb(103, 114, 164));"></div>

[239] Fix | Delete

<div class="card-info">

[240] Fix | Delete

<div class="color-1" style="color: rgb(61, 57, 73);">#3D3949</div>

[241] Fix | Delete

<div class="color-2" style="color: rgb(103, 114, 164);">#6772A4</div>

[242] Fix | Delete

</div>

[243] Fix | Delete

</div>

[244] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#FD5A49,#FDDC98)'" class="gradient-card">

[245] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(253, 90, 73), rgb(253, 220, 152));"></div>

[246] Fix | Delete

<div class="card-info">

[247] Fix | Delete

<div class="color-1" style="color: rgb(253, 90, 73);">#FD5A49</div>

[248] Fix | Delete

<div class="color-2" style="color: rgb(253, 220, 152);">#FDDC98</div>

[249] Fix | Delete

</div>

[250] Fix | Delete

</div>

[251] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#9AD3DE,#93B8C0)'" class="gradient-card">

[252] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(154, 211, 222), rgb(147, 184, 192));"></div>

[253] Fix | Delete

<div class="card-info">

[254] Fix | Delete

<div class="color-1" style="color: rgb(154, 211, 222);">#9AD3DE</div>

[255] Fix | Delete

<div class="color-2" style="color: rgb(147, 184, 192);">#93B8C0</div>

[256] Fix | Delete

</div>

[257] Fix | Delete

</div>

[258] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#F32F8E,#B236D0)'" class="gradient-card">

[259] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(243, 47, 142), rgb(178, 54, 208));"></div>

[260] Fix | Delete

<div class="card-info">

[261] Fix | Delete

<div class="color-1" style="color: rgb(243, 47, 142);">#F32F8E</div>

[262] Fix | Delete

<div class="color-2" style="color: rgb(178, 54, 208);">#B236D0</div>

[263] Fix | Delete

</div>

[264] Fix | Delete

</div>

[265] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#247CC4,#336BAE)'" class="gradient-card">

[266] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(36, 124, 196), rgb(51, 107, 174));"></div>

[267] Fix | Delete

<div class="card-info">

[268] Fix | Delete

<div class="color-1" style="color: rgb(36, 124, 196);">#247CC4</div>

[269] Fix | Delete

<div class="color-2" style="color: rgb(51, 107, 174);">#336BAE</div>

[270] Fix | Delete

</div>

[271] Fix | Delete

</div>

[272] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#FB7140,#FB9951)'" class="gradient-card">

[273] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(251, 113, 64), rgb(251, 153, 81));"></div>

[274] Fix | Delete

<div class="card-info">

[275] Fix | Delete

<div class="color-1" style="color: rgb(251, 113, 64);">#FB7140</div>

[276] Fix | Delete

<div class="color-2" style="color: rgb(251, 153, 81);">#FB9951</div>

[277] Fix | Delete

</div>

[278] Fix | Delete

</div>

[279] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#6FE594,#27A47C)'" class="gradient-card">

[280] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(111, 229, 148), rgb(39, 164, 124));"></div>

[281] Fix | Delete

<div class="card-info">

[282] Fix | Delete

<div class="color-1" style="color: rgb(111, 229, 148);">#6FE594</div>

[283] Fix | Delete

<div class="color-2" style="color: rgb(39, 164, 124);">#27A47C</div>

[284] Fix | Delete

</div>

[285] Fix | Delete

</div>

[286] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#95FD48,#19E9A6)'" class="gradient-card">

[287] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(149, 253, 72), rgb(25, 233, 166));"></div>

[288] Fix | Delete

<div class="card-info">

[289] Fix | Delete

<div class="color-1" style="color: rgb(149, 253, 72);">#95FD48</div>

[290] Fix | Delete

<div class="color-2" style="color: rgb(25, 233, 166);">#19E9A6</div>

[291] Fix | Delete

</div>

[292] Fix | Delete

</div>

[293] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#469FFF,#A39AF9)'" class="gradient-card">

[294] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(70, 159, 255), rgb(163, 154, 249));"></div>

[295] Fix | Delete

<div class="card-info">

[296] Fix | Delete

<div class="color-1" style="color: rgb(70, 159, 255);">#469FFF</div>

[297] Fix | Delete

<div class="color-2" style="color: rgb(163, 154, 249);">#A39AF9</div>

[298] Fix | Delete

</div>

[299] Fix | Delete

</div>

[300] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#5CF0F8,#ECDDFE)'" class="gradient-card">

[301] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(92, 240, 248), rgb(236, 221, 254));"></div>

[302] Fix | Delete

<div class="card-info">

[303] Fix | Delete

<div class="color-1" style="color: rgb(92, 240, 248);">#5CF0F8</div>

[304] Fix | Delete

<div class="color-2" style="color: rgb(236, 221, 254);">#ECDDFE</div>

[305] Fix | Delete

</div>

[306] Fix | Delete

</div>

[307] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#F1467A,#FB949E)'" class="gradient-card">

[308] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(241, 70, 122), rgb(251, 148, 158));"></div>

[309] Fix | Delete

<div class="card-info">

[310] Fix | Delete

<div class="color-1" style="color: rgb(241, 70, 122);">#F1467A</div>

[311] Fix | Delete

<div class="color-2" style="color: rgb(251, 148, 158);">#FB949E</div>

[312] Fix | Delete

</div>

[313] Fix | Delete

</div>

[314] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#DAE7F0,#FADAE7)'" class="gradient-card">

[315] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(218, 231, 240), rgb(250, 218, 231));"></div>

[316] Fix | Delete

<div class="card-info">

[317] Fix | Delete

<div class="color-1" style="color: rgb(218, 231, 240);">#DAE7F0</div>

[318] Fix | Delete

<div class="color-2" style="color: rgb(250, 218, 231);">#FADAE7</div>

[319] Fix | Delete

</div>

[320] Fix | Delete

</div>

[321] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#6155D4,#5B97F2)'" class="gradient-card">

[322] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(97, 85, 212), rgb(91, 151, 242));"></div>

[323] Fix | Delete

<div class="card-info">

[324] Fix | Delete

<div class="color-1" style="color: rgb(97, 85, 212);">#6155D4</div>

[325] Fix | Delete

<div class="color-2" style="color: rgb(91, 151, 242);">#5B97F2</div>

[326] Fix | Delete

</div>

[327] Fix | Delete

</div>

[328] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#47AEA3,#08B1C5)'" class="gradient-card">

[329] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(71, 174, 163), rgb(8, 177, 197));"></div>

[330] Fix | Delete

<div class="card-info">

[331] Fix | Delete

<div class="color-1" style="color: rgb(71, 174, 163);">#47AEA3</div>

[332] Fix | Delete

<div class="color-2" style="color: rgb(8, 177, 197);">#08B1C5</div>

[333] Fix | Delete

</div>

[334] Fix | Delete

</div>

[335] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#DA1FF2,#4C15D0)'" class="gradient-card">

[336] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(218, 31, 242), rgb(76, 21, 208));"></div>

[337] Fix | Delete

<div class="card-info">

[338] Fix | Delete

<div class="color-1" style="color: rgb(218, 31, 242);">#DA1FF2</div>

[339] Fix | Delete

<div class="color-2" style="color: rgb(76, 21, 208);">#4C15D0</div>

[340] Fix | Delete

</div>

[341] Fix | Delete

</div>

[342] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#D0F56B,#5876FB)'" class="gradient-card">

[343] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(208, 245, 107), rgb(88, 118, 251));"></div>

[344] Fix | Delete

<div class="card-info">

[345] Fix | Delete

<div class="color-1" style="color: rgb(208, 245, 107);">#D0F56B</div>

[346] Fix | Delete

<div class="color-2" style="color: rgb(88, 118, 251);">#5876FB</div>

[347] Fix | Delete

</div>

[348] Fix | Delete

</div>

[349] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#FFE9D0,#FD7153)'" class="gradient-card">

[350] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(255, 233, 208), rgb(253, 113, 83));"></div>

[351] Fix | Delete

<div class="card-info">

[352] Fix | Delete

<div class="color-1" style="color: rgb(255, 233, 208);">#FFE9D0</div>

[353] Fix | Delete

<div class="color-2" style="color: rgb(253, 113, 83);">#FD7153</div>

[354] Fix | Delete

</div>

[355] Fix | Delete

</div>

[356] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#DBFDEC,#FFC2D4)'" class="gradient-card">

[357] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(219, 253, 236), rgb(255, 194, 212));"></div>

[358] Fix | Delete

<div class="card-info">

[359] Fix | Delete

<div class="color-1" style="color: rgb(219, 253, 236);">#DBFDEC</div>

[360] Fix | Delete

<div class="color-2" style="color: rgb(255, 194, 212);">#FFC2D4</div>

[361] Fix | Delete

</div>

[362] Fix | Delete

</div>

[363] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#C3A8EE,#F5C1EA)'" class="gradient-card">

[364] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(195, 168, 238), rgb(245, 193, 234));"></div>

[365] Fix | Delete

<div class="card-info">

[366] Fix | Delete

<div class="color-1" style="color: rgb(195, 168, 238);">#C3A8EE</div>

[367] Fix | Delete

<div class="color-2" style="color: rgb(245, 193, 234);">#F5C1EA</div>

[368] Fix | Delete

</div>

[369] Fix | Delete

</div>

[370] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#484C91,#929BEF)'" class="gradient-card">

[371] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(72, 76, 145), rgb(146, 155, 239));"></div>

[372] Fix | Delete

<div class="card-info">

[373] Fix | Delete

<div class="color-1" style="color: rgb(72, 76, 145);">#484C91</div>

[374] Fix | Delete

<div class="color-2" style="color: rgb(146, 155, 239);">#929BEF</div>

[375] Fix | Delete

</div>

[376] Fix | Delete

</div>

[377] Fix | Delete

<div @click="field.default ='background:linear-gradient(45deg,#97F7FB,#8D8AFC)'" class="gradient-card">

[378] Fix | Delete

<div class="gradient" style="background: linear-gradient(45deg, rgb(151, 247, 251), rgb(141, 138, 252));"></div>

[379] Fix | Delete

<div class="card-info">

[380] Fix | Delete

<div class="color-1" style="color: rgb(151, 247, 251);">#97F7FB</div>

[381] Fix | Delete

<div class="color-2" style="color: rgb(141, 138, 252);">#8D8AFC</div>

[382] Fix | Delete

</div>

[383] Fix | Delete

</div>

[384] Fix | Delete

[385] Fix | Delete

[386] Fix | Delete

[387] Fix | Delete

[388] Fix | Delete

[389] Fix | Delete

[390] Fix | Delete

[391] Fix | Delete

</div>

[392] Fix | Delete

<div class="clearfix"></div>

[393] Fix | Delete

</div>

[394] Fix | Delete

[395] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type="color-picker" v-else-if="field.type=='color-picker' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[396] Fix | Delete

<div class="form-label label_txt">{{field.label}}</div>

[397] Fix | Delete

<div class="form-field color-wrapper" style="line-height: 35px" >

[398] Fix | Delete

<color-picker :colorfield="field"></color-picker>

[399] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[400] Fix | Delete

</div>

[401] Fix | Delete

[402] Fix | Delete

<div class="clearfix"></div>

[403] Fix | Delete

</div>

[404] Fix | Delete

<div class="amp-form-control" :id="field.name" data-type="layout-image-picker" v-else-if="field.type=='layout-image-picker' && (field.tab==defaulttab || repeater==1)" :data-require="JSON.stringify(field.required)" v-show="fieldShowHideCheck(field)">

[405] Fix | Delete

<div class="form-label label_txt">{{field.label}}</div>

[406] Fix | Delete

<div class="form-field color-wrapper" style="line-height: 35px" >

[407] Fix | Delete

<div class="layout-image-picker" v-for="(option, key, index) in field.options_details"

[408] Fix | Delete

:data-value="option.value"

[409] Fix | Delete

:class="{'active': (field.default==option.value)}" @click="select_layout_type(field, $event)">

[410] Fix | Delete

<label :data-value="option.value">{{option.label}}</label>

[411] Fix | Delete

<img :data-value="option.value" :src="option.demo_image">

[412] Fix | Delete

</div>

[413] Fix | Delete

<div class="help-msg" v-html="field.helpmessage"></div>

[414] Fix | Delete

</div>

[415] Fix | Delete

[416] Fix | Delete

<div class="clearfix"></div>

[417] Fix | Delete

</div>

[418] Fix | Delete

</script>

[419] Fix | Delete

<script type="text/x-template" id="fields-colorPicker-template">

[420] Fix | Delete

<input name="amppb-color-picker" v-model="colorfield.default"/>

[421] Fix | Delete

</script>

[422] Fix | Delete

<script type="text/x-template" id="fields-textarea-template">

[423] Fix | Delete

<div class="complete_text_area">

[424] Fix | Delete

<div class="editor_area" style="position: relative;">

[425] Fix | Delete

<textarea class="full textarea-editor" :id="defaultText.name+'_editor'+fieldindex" v-model="defaultText.default"></textarea>

[426] Fix | Delete

</div>

[427] Fix | Delete

</div>

[428] Fix | Delete

</script>

[429] Fix | Delete