bhl-forms 0.0.46 → 0.0.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bhl-forms.es.js +20 -0
- package/dist/bhl-forms.iife.js +5 -5
- package/dist/bhl-forms.modern.es.js +20 -0
- package/dist/bhl-forms.modern.iife.js +2 -2
- package/dist/bhl-forms.modern.umd.js +2 -2
- package/dist/bhl-forms.umd.js +5 -5
- package/dist/forms/childAndFamily.es.js +45 -16
- package/dist/forms/childAndFamily.iife.js +1 -1
- package/dist/forms/childAndFamily.json +1 -1
- package/dist/forms/generalLegal.es.js +47 -16
- package/dist/forms/generalLegal.iife.js +1 -1
- package/dist/forms/generalLegal.json +1 -1
- package/dist/forms/testForm.es.js +37 -10
- package/dist/forms/testForm.iife.js +1 -1
- package/dist/forms/testForm.json +1 -1
- package/package.json +1 -1
|
@@ -201,6 +201,27 @@ const zipcode = () => sbsText({
|
|
|
201
201
|
}
|
|
202
202
|
});
|
|
203
203
|
|
|
204
|
+
const NEXT_ON_ENTER = '$onEnter($setNextStep($fireStepEvent($get(form))))';
|
|
205
|
+
|
|
206
|
+
const isInput = (n) => { return (n.type !== 'group' && n.type !== 'section' && n.type !== 'form' && n.$formkit !== 'hidden' && !n.children) };
|
|
207
|
+
|
|
208
|
+
const findLastInput = (n) => {
|
|
209
|
+
if (isInput(n)) {
|
|
210
|
+
return n
|
|
211
|
+
}
|
|
212
|
+
for (var i = n.children.length - 1; i >= 0; i--) {
|
|
213
|
+
const child = n.children[i];
|
|
214
|
+
if (isInput(child)) {
|
|
215
|
+
return child
|
|
216
|
+
}
|
|
217
|
+
const res = findLastInput(child);
|
|
218
|
+
if (res) {
|
|
219
|
+
return res
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
return null
|
|
223
|
+
};
|
|
224
|
+
|
|
204
225
|
const stepDefaults = (step) => ({
|
|
205
226
|
$el: 'section',
|
|
206
227
|
if: '$stepIsEnabled("' + step + '")',
|
|
@@ -212,32 +233,38 @@ const stepDefaults = (step) => ({
|
|
|
212
233
|
}
|
|
213
234
|
});
|
|
214
235
|
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
236
|
+
function step(name, inputs, nextOnEnter = true) {
|
|
237
|
+
if (typeof nextOnEnter === 'undefined') {
|
|
238
|
+
nextOnEnter = true;
|
|
239
|
+
}
|
|
240
|
+
if (inputs && inputs.length && nextOnEnter) {
|
|
241
|
+
const lastInput = findLastInput(inputs[inputs.length - 1]);
|
|
242
|
+
lastInput.onKeypress = NEXT_ON_ENTER;
|
|
243
|
+
}
|
|
244
|
+
|
|
218
245
|
return merge(
|
|
219
246
|
stepDefaults(name),
|
|
220
247
|
{
|
|
221
248
|
children: [
|
|
222
|
-
|
|
249
|
+
{
|
|
223
250
|
$formkit: 'group',
|
|
224
251
|
id: name,
|
|
225
252
|
name: name,
|
|
226
253
|
children: inputs
|
|
227
|
-
}
|
|
254
|
+
}
|
|
228
255
|
]
|
|
229
256
|
}
|
|
230
257
|
)
|
|
231
258
|
}
|
|
232
259
|
|
|
233
|
-
function categoryAndZip() {
|
|
260
|
+
function categoryAndZip(updates = {}) {
|
|
234
261
|
return step(
|
|
235
262
|
'categoryAndZip',
|
|
236
263
|
[
|
|
237
264
|
zipcode(),
|
|
238
265
|
category()
|
|
239
266
|
],
|
|
240
|
-
|
|
267
|
+
updates.nextOnEnter
|
|
241
268
|
)
|
|
242
269
|
}
|
|
243
270
|
|
|
@@ -259,18 +286,18 @@ function contactInfo(updates = {}) {
|
|
|
259
286
|
TCPAConsent(),
|
|
260
287
|
privacyIcons()
|
|
261
288
|
],
|
|
262
|
-
|
|
289
|
+
updates.nextOnEnter
|
|
263
290
|
)
|
|
264
291
|
}
|
|
265
292
|
|
|
266
|
-
function firstAndLast() {
|
|
293
|
+
function firstAndLast(updates = {}) {
|
|
267
294
|
return step(
|
|
268
295
|
'firstAndLast',
|
|
269
296
|
[
|
|
270
297
|
firstName(),
|
|
271
298
|
lastName()
|
|
272
299
|
],
|
|
273
|
-
|
|
300
|
+
updates.nextOnEnter
|
|
274
301
|
)
|
|
275
302
|
}
|
|
276
303
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var testForm=function(){"use strict";function e(){return Object.assign({},...arguments)}const t={$el:"div",if:"$activeStep === $lastStep()",attrs:{class:"t-flex t-justify-center"},children:[{$el:"img",attrs:{loading:"lazy",alt:"",style:{border:0},src:"https://d27hmee62k45vz.cloudfront.net/form-secure-privacy.png",width:"320",height:"100"}}]};function
|
|
1
|
+
var testForm=function(){"use strict";function e(){return Object.assign({},...arguments)}const t={$el:"div",if:"$activeStep === $lastStep()",attrs:{class:"t-flex t-justify-center"},children:[{$el:"img",attrs:{loading:"lazy",alt:"",style:{border:0},src:"https://d27hmee62k45vz.cloudfront.net/form-secure-privacy.png",width:"320",height:"100"}}]};function r(r){return e(t,r)}const i=t=>(t.labelClass="required",t.wrapperClass="side-by-side t-items-center",t.innerClass="select-height-content",t.helpClass="t-mt-2.5 md:t-text-right md:t-mt-[-5px]",(t=>e({$formkit:"select",placeholder:"Please Select",validation:"required",validationMessages:{required:"Field is required"},inputClass:"t-bg-white",labelClass:"required"},t))(t)),a=t=>(t.wrapperClass="side-by-side t-items-center",(t=>e({$formkit:"text",validation:"required",validationMessages:{required:"Field is required"},labelClass:"required"},t))(t)),s=e=>"group"!==e.type&&"section"!==e.type&&"form"!==e.type&&"hidden"!==e.$formkit&&!e.children,l=e=>{if(s(e))return e;for(var t=e.children.length-1;t>=0;t--){const r=e.children[t];if(s(r))return r;const i=l(r);if(i)return i}return null};function n(t,r,i=!0){if(void 0===i&&(i=!0),r&&r.length&&i){l(r[r.length-1]).onKeypress="$onEnter($setNextStep($fireStepEvent($get(form))))"}return e((e=>({$el:"section",if:'$stepIsEnabled("'+e+'")',attrs:{style:{if:'$activeStep !== "'+e+'"',then:"display: none;"}}}))(t),{children:[{$formkit:"group",id:t,name:t,children:r}]})}var o;return[{type:"meta",data:{tcpaLanguage:"By checking this box, I a) agree to the Terms of Use, and b) consent to be contacted by lawyers, lawyer networks, and partners of this website using live, autodialed, pre-recorded, or artificial voice calls, as well as text messages. Your consent is not required as a condition of purchasing any goods or services. To submit this request without this consent, call 855-506-0847."}},{$cmp:"FormKit",props:(o={formId:"testForm",onSubmit:"$submit($submitUrl, $prepData)"},e({type:"form",id:"form",onSubmit:'$submit("https://httpbin.org/post", $prepData, $getRedirect)',plugins:"$plugins",actions:!1,prepop:{fromURL:!0},errorCodes:{403:"An Error Occurred",409:{abort:!1},429:"An Error Occurred"},formClass:"!t-max-w-[38rem]"},o)),children:[{$el:"h1",children:"Need Help? Start Here!",attrs:{class:"t-flex t-justify-center t-text-3xl t-font-bold"}},{$el:"h3",children:"Get Your Questions Answered Today!",attrs:{class:"t-flex t-justify-center t-text-l t-font-bold t-text-blue-500"}},{$formkit:"hidden",name:"vertical",value:"Legal"},{$formkit:"hidden",name:"TCPA_Language",value:"$meta.tcpaLanguage"},{$formkit:"hidden",name:"gclid",value:null},{$formkit:"hidden",name:"campaignid",value:null},{$formkit:"hidden",name:"s",value:null},{$el:"div",attrs:{class:"form-body"},children:[function(e={}){return n("categoryAndZip",[a({label:"Zip Code:",placeholder:"90210",name:"Zip",maxlength:5,inputmode:"numeric",validation:"required|matches:/^[0-9]{5}$/",validationMessages:{required:"Zip Code is required",matches:"Invalid Zip Code"}}),i({label:"Category:",name:"category",id:"category",options:["Fruits","Vegetables"]})],e.nextOnEnter)}(),function(e={}){return n("firstAndLast",[a({$formkit:"text",label:"First Name:",name:"First_Name",validationMessages:{required:"First Name is required"}}),a({$formkit:"text",label:"Last Name:",name:"Last_Name",validationMessages:{required:"Last Name is required"}})],e.nextOnEnter)}(),function(e={}){return n("contactInfo",[{$el:"h3",children:e.headline||"Based on your input, you may benefit from speaking with a legal professional. Please verify your contact information.",attrs:{class:"t-flex t-justify-center t-text-center t-text-lg t-font-bold t-pb-5 t-pt-0 t-px-3"}},a({$formkit:"email",name:"Email",label:"Email Address:",placeholder:"email@domain.com",validation:"required|email",validationMessages:{required:"Email is required",email:"Invalid Email"}}),a({$formkit:"tel",name:"Primary_Phone",label:"Phone Number:",placeholder:"xxx-xxx-xxxx",maxlength:12,help:"10-digit phone number, hyphens optional",validation:"required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/",validationMessages:{required:"Field is required",matches:"Invalid Phone Number, use xxx-xxx-xxxx format"},helpClass:"t-mt-2.5 md:t-text-right md:t-mt-[-2px]"}),{$formkit:"checkbox",label:"$meta.tcpaLanguage",name:"TCPA_Opt_In",validation:"required|accepted",validationMessages:{required:"Consent is required",accepted:"Consent is required"},classes:{label:"t-text-xs t-text-slate-500 t-font-normal"}},r()],e.nextOnEnter)}(),{$el:"div",attrs:{class:"step-nav"},children:[{$formkit:"button",onClick:"$setPreviousStep()",children:"Back",style:{if:"$activeStep === $firstStep()",then:"visibility: hidden;"}},{$formkit:"button",onClick:"$setNextStep($fireStepEvent($get(form)))",children:"Next",style:{if:"$activeStep === $lastStep()",then:"display: none;"}},{$formkit:"submit",label:"Submit",if:"$activeStep === $lastStep()",style:{if:"$activeStep !== $lastStep()",then:"display: none;"}}]},{$el:"pre",if:'$urlParam("fdbg", "") == 1',children:[{$el:"pre",children:"$stringify( $get(form).value )",attrs:{class:"t-text-xs",style:"overflow: scroll"}},{$el:"pre",children:["activeStep: ","$activeStep"],attrs:{class:"t-text-xs",style:"overflow: scroll"}},{$el:"pre",children:["stepHistory: ","$stepHistory"],attrs:{class:"t-text-xs",style:"overflow: scroll"}},{$el:"pre",children:["stepQueue: ","$stepQueue"],attrs:{class:"t-text-xs",style:"overflow: scroll"}}]}]}]}]}();
|
package/dist/forms/testForm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"type":"meta","data":{"tcpaLanguage":"By checking this box, I a) agree to the Terms of Use, and b) consent to be contacted by lawyers, lawyer networks, and partners of this website using live, autodialed, pre-recorded, or artificial voice calls, as well as text messages. Your consent is not required as a condition of purchasing any goods or services. To submit this request without this consent, call 855-506-0847."}},{"$cmp":"FormKit","props":{"type":"form","id":"form","onSubmit":"$submit($submitUrl, $prepData)","plugins":"$plugins","actions":false,"prepop":{"fromURL":true},"errorCodes":{"403":"An Error Occurred","409":{"abort":false},"429":"An Error Occurred"},"formClass":"!t-max-w-[38rem]","formId":"testForm"},"children":[{"$el":"h1","children":"Need Help? Start Here!","attrs":{"class":"t-flex t-justify-center t-text-3xl t-font-bold"}},{"$el":"h3","children":"Get Your Questions Answered Today!","attrs":{"class":"t-flex t-justify-center t-text-l t-font-bold t-text-blue-500"}},{"$formkit":"hidden","name":"vertical","value":"Legal"},{"$formkit":"hidden","name":"TCPA_Language","value":"$meta.tcpaLanguage"},{"$formkit":"hidden","name":"gclid","value":null},{"$formkit":"hidden","name":"campaignid","value":null},{"$formkit":"hidden","name":"s","value":null},{"$el":"div","attrs":{"class":"form-body"},"children":[{"$el":"section","if":"$stepIsEnabled(\"categoryAndZip\")","attrs":{"style":{"if":"$activeStep !== \"categoryAndZip\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"categoryAndZip","name":"categoryAndZip","children":[{"$formkit":"text","validation":"required|matches:/^[0-9]{5}$/","validationMessages":{"required":"Zip Code is required","matches":"Invalid Zip Code"},"labelClass":"required","label":"Zip Code:","placeholder":"90210","name":"Zip","maxlength":5,"inputmode":"numeric","wrapperClass":"side-by-side t-items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"t-bg-white","labelClass":"required","label":"Category:","name":"category","id":"category","options":["Fruits","Vegetables"],"wrapperClass":"side-by-side t-items-center","innerClass":"select-height-content","helpClass":"t-mt-2.5 md:t-text-right md:t-mt-[-5px]"}]}]},{"$el":"section","if":"$stepIsEnabled(\"firstAndLast\")","attrs":{"style":{"if":"$activeStep !== \"firstAndLast\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"firstAndLast","name":"firstAndLast","children":[{"$formkit":"text","validation":"required","validationMessages":{"required":"First Name is required"},"labelClass":"required","label":"First Name:","name":"First_Name","wrapperClass":"side-by-side t-items-center"},{"$formkit":"text","validation":"required","validationMessages":{"required":"Last Name is required"},"labelClass":"required","label":"Last Name:","name":"Last_Name","wrapperClass":"side-by-side t-items-center"}]}]},{"$el":"section","if":"$stepIsEnabled(\"contactInfo\")","attrs":{"style":{"if":"$activeStep !== \"contactInfo\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"contactInfo","name":"contactInfo","children":[{"$el":"h3","children":"Based on your input, you may benefit from speaking with a legal professional. Please verify your contact information.","attrs":{"class":"t-flex t-justify-center t-text-center t-text-lg t-font-bold t-pb-5 t-pt-0 t-px-3"}},{"$formkit":"email","validation":"required|email","validationMessages":{"required":"Email is required","email":"Invalid Email"},"labelClass":"required","name":"Email","label":"Email Address:","placeholder":"email@domain.com","wrapperClass":"side-by-side t-items-center"},{"$formkit":"tel","validation":"required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/","validationMessages":{"required":"Field is required","matches":"Invalid Phone Number, use xxx-xxx-xxxx format"},"labelClass":"required","name":"Primary_Phone","label":"Phone Number:","placeholder":"xxx-xxx-xxxx","maxlength":12,"help":"10-digit phone number, hyphens optional","helpClass":"t-mt-2.5 md:t-text-right md:t-mt-[-2px]","wrapperClass":"side-by-side t-items-center"},{"$formkit":"checkbox","label":"$meta.tcpaLanguage","name":"TCPA_Opt_In","validation":"required|accepted","validationMessages":{"required":"Consent is required","accepted":"Consent is required"},"classes":{"label":"t-text-xs t-text-slate-500 t-font-normal"}},{"$el":"div","if":"$activeStep === $lastStep()","attrs":{"class":"t-flex t-justify-center"},"children":[{"$el":"img","attrs":{"loading":"lazy","alt":"","style":{"border":0},"src":"https://d27hmee62k45vz.cloudfront.net/form-secure-privacy.png","width":"320","height":"100"}}]}]}]},{"$el":"div","attrs":{"class":"step-nav"},"children":[{"$formkit":"button","onClick":"$setPreviousStep()","children":"Back","style":{"if":"$activeStep === $firstStep()","then":"visibility: hidden;"}},{"$formkit":"button","onClick":"$setNextStep($fireStepEvent($get(form)))","children":"Next","style":{"if":"$activeStep === $lastStep()","then":"display: none;"}},{"$formkit":"submit","label":"Submit","if":"$activeStep === $lastStep()","style":{"if":"$activeStep !== $lastStep()","then":"display: none;"}}]},{"$el":"pre","if":"$urlParam(\"fdbg\", \"\") == 1","children":[{"$el":"pre","children":"$stringify( $get(form).value )","attrs":{"class":"t-text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["activeStep: ","$activeStep"],"attrs":{"class":"t-text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepHistory: ","$stepHistory"],"attrs":{"class":"t-text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepQueue: ","$stepQueue"],"attrs":{"class":"t-text-xs","style":"overflow: scroll"}}]}]}]}]
|
|
1
|
+
[{"type":"meta","data":{"tcpaLanguage":"By checking this box, I a) agree to the Terms of Use, and b) consent to be contacted by lawyers, lawyer networks, and partners of this website using live, autodialed, pre-recorded, or artificial voice calls, as well as text messages. Your consent is not required as a condition of purchasing any goods or services. To submit this request without this consent, call 855-506-0847."}},{"$cmp":"FormKit","props":{"type":"form","id":"form","onSubmit":"$submit($submitUrl, $prepData)","plugins":"$plugins","actions":false,"prepop":{"fromURL":true},"errorCodes":{"403":"An Error Occurred","409":{"abort":false},"429":"An Error Occurred"},"formClass":"!t-max-w-[38rem]","formId":"testForm"},"children":[{"$el":"h1","children":"Need Help? Start Here!","attrs":{"class":"t-flex t-justify-center t-text-3xl t-font-bold"}},{"$el":"h3","children":"Get Your Questions Answered Today!","attrs":{"class":"t-flex t-justify-center t-text-l t-font-bold t-text-blue-500"}},{"$formkit":"hidden","name":"vertical","value":"Legal"},{"$formkit":"hidden","name":"TCPA_Language","value":"$meta.tcpaLanguage"},{"$formkit":"hidden","name":"gclid","value":null},{"$formkit":"hidden","name":"campaignid","value":null},{"$formkit":"hidden","name":"s","value":null},{"$el":"div","attrs":{"class":"form-body"},"children":[{"$el":"section","if":"$stepIsEnabled(\"categoryAndZip\")","attrs":{"style":{"if":"$activeStep !== \"categoryAndZip\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"categoryAndZip","name":"categoryAndZip","children":[{"$formkit":"text","validation":"required|matches:/^[0-9]{5}$/","validationMessages":{"required":"Zip Code is required","matches":"Invalid Zip Code"},"labelClass":"required","label":"Zip Code:","placeholder":"90210","name":"Zip","maxlength":5,"inputmode":"numeric","wrapperClass":"side-by-side t-items-center"},{"$formkit":"select","placeholder":"Please Select","validation":"required","validationMessages":{"required":"Field is required"},"inputClass":"t-bg-white","labelClass":"required","label":"Category:","name":"category","id":"category","options":["Fruits","Vegetables"],"wrapperClass":"side-by-side t-items-center","innerClass":"select-height-content","helpClass":"t-mt-2.5 md:t-text-right md:t-mt-[-5px]","onKeypress":"$onEnter($setNextStep($fireStepEvent($get(form))))"}]}]},{"$el":"section","if":"$stepIsEnabled(\"firstAndLast\")","attrs":{"style":{"if":"$activeStep !== \"firstAndLast\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"firstAndLast","name":"firstAndLast","children":[{"$formkit":"text","validation":"required","validationMessages":{"required":"First Name is required"},"labelClass":"required","label":"First Name:","name":"First_Name","wrapperClass":"side-by-side t-items-center"},{"$formkit":"text","validation":"required","validationMessages":{"required":"Last Name is required"},"labelClass":"required","label":"Last Name:","name":"Last_Name","wrapperClass":"side-by-side t-items-center","onKeypress":"$onEnter($setNextStep($fireStepEvent($get(form))))"}]}]},{"$el":"section","if":"$stepIsEnabled(\"contactInfo\")","attrs":{"style":{"if":"$activeStep !== \"contactInfo\"","then":"display: none;"}},"children":[{"$formkit":"group","id":"contactInfo","name":"contactInfo","children":[{"$el":"h3","children":"Based on your input, you may benefit from speaking with a legal professional. Please verify your contact information.","attrs":{"class":"t-flex t-justify-center t-text-center t-text-lg t-font-bold t-pb-5 t-pt-0 t-px-3"}},{"$formkit":"email","validation":"required|email","validationMessages":{"required":"Email is required","email":"Invalid Email"},"labelClass":"required","name":"Email","label":"Email Address:","placeholder":"email@domain.com","wrapperClass":"side-by-side t-items-center"},{"$formkit":"tel","validation":"required|matches:/^[0-9]{3}-?[0-9]{3}-?[0-9]{4}$/","validationMessages":{"required":"Field is required","matches":"Invalid Phone Number, use xxx-xxx-xxxx format"},"labelClass":"required","name":"Primary_Phone","label":"Phone Number:","placeholder":"xxx-xxx-xxxx","maxlength":12,"help":"10-digit phone number, hyphens optional","helpClass":"t-mt-2.5 md:t-text-right md:t-mt-[-2px]","wrapperClass":"side-by-side t-items-center"},{"$formkit":"checkbox","label":"$meta.tcpaLanguage","name":"TCPA_Opt_In","validation":"required|accepted","validationMessages":{"required":"Consent is required","accepted":"Consent is required"},"classes":{"label":"t-text-xs t-text-slate-500 t-font-normal"}},{"$el":"div","if":"$activeStep === $lastStep()","attrs":{"class":"t-flex t-justify-center"},"children":[{"$el":"img","attrs":{"loading":"lazy","alt":"","style":{"border":0},"src":"https://d27hmee62k45vz.cloudfront.net/form-secure-privacy.png","width":"320","height":"100"},"onKeypress":"$onEnter($setNextStep($fireStepEvent($get(form))))"}]}]}]},{"$el":"div","attrs":{"class":"step-nav"},"children":[{"$formkit":"button","onClick":"$setPreviousStep()","children":"Back","style":{"if":"$activeStep === $firstStep()","then":"visibility: hidden;"}},{"$formkit":"button","onClick":"$setNextStep($fireStepEvent($get(form)))","children":"Next","style":{"if":"$activeStep === $lastStep()","then":"display: none;"}},{"$formkit":"submit","label":"Submit","if":"$activeStep === $lastStep()","style":{"if":"$activeStep !== $lastStep()","then":"display: none;"}}]},{"$el":"pre","if":"$urlParam(\"fdbg\", \"\") == 1","children":[{"$el":"pre","children":"$stringify( $get(form).value )","attrs":{"class":"t-text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["activeStep: ","$activeStep"],"attrs":{"class":"t-text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepHistory: ","$stepHistory"],"attrs":{"class":"t-text-xs","style":"overflow: scroll"}},{"$el":"pre","children":["stepQueue: ","$stepQueue"],"attrs":{"class":"t-text-xs","style":"overflow: scroll"}}]}]}]}]
|