{"id":127,"date":"2023-07-07T16:47:52","date_gmt":"2023-07-07T16:47:52","guid":{"rendered":"https:\/\/thehomeoftennis.com\/auth\/"},"modified":"2023-07-07T16:47:52","modified_gmt":"2023-07-07T16:47:52","slug":"auth","status":"publish","type":"page","link":"https:\/\/thehomeoftennis.com\/auth\/","title":{"rendered":"Login \/ Register"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"127\" class=\"elementor elementor-127 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ecdd0a3 e-flex e-con-boxed e-con e-parent\" data-id=\"1ecdd0a3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16baf2c elementor-widget elementor-widget-ts-login\" data-id=\"16baf2c\" data-element_type=\"widget\" data-widget_type=\"ts-login.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<div class=\"ts-auth hidden\" data-config=\"{&quot;screen&quot;:&quot;login&quot;,&quot;nonce&quot;:&quot;5122a5a4e4&quot;,&quot;redirectUrl&quot;:&quot;https:\\\/\\\/thehomeoftennis.com\\\/&quot;,&quot;recaptcha&quot;:{&quot;enabled&quot;:true,&quot;key&quot;:&quot;6Lc4UJwlAAAAAIMXOSmvk4F-5GLn6OETA6u4rl3B&quot;},&quot;errors&quot;:{&quot;social_login_requires_account&quot;:{&quot;message&quot;:&quot;You must register first in order to use Google Sign-In&quot;}},&quot;registration&quot;:{&quot;roles&quot;:{&quot;subscriber&quot;:{&quot;key&quot;:&quot;subscriber&quot;,&quot;label&quot;:&quot;Subscriber&quot;,&quot;allow_social_login&quot;:true,&quot;social_login&quot;:{&quot;google&quot;:&quot;https:\\\/\\\/accounts.google.com\\\/o\\\/oauth2\\\/v2\\\/auth?response_type=code&amp;client_id&amp;redirect_uri=https%3A%2F%2Fthehomeoftennis.com%2F%3Fvx%3D1%26action%3Dauth.google.login&amp;scope=openid email&amp;state=eyJfd3Bub25jZSI6IjkyMjYyMzQzOTQiLCJyZWRpcmVjdF90byI6Imh0dHBzOlwvXC90aGVob21lb2Z0ZW5uaXMuY29tXC8iLCJyb2xlIjoic3Vic2NyaWJlciJ9&quot;},&quot;fields&quot;:{&quot;voxel:auth-username&quot;:{&quot;key&quot;:&quot;voxel:auth-username&quot;,&quot;label&quot;:&quot;Username&quot;,&quot;description&quot;:&quot;&quot;,&quot;placeholder&quot;:&quot;Username&quot;,&quot;props&quot;:[],&quot;value&quot;:null,&quot;_is_auth_field&quot;:true},&quot;voxel:auth-email&quot;:{&quot;key&quot;:&quot;voxel:auth-email&quot;,&quot;label&quot;:&quot;Email address&quot;,&quot;description&quot;:&quot;&quot;,&quot;placeholder&quot;:&quot;Email address&quot;,&quot;props&quot;:[],&quot;value&quot;:null,&quot;_is_auth_field&quot;:true},&quot;voxel:auth-password&quot;:{&quot;key&quot;:&quot;voxel:auth-password&quot;,&quot;label&quot;:&quot;Password&quot;,&quot;description&quot;:&quot;&quot;,&quot;placeholder&quot;:&quot;Password&quot;,&quot;props&quot;:[],&quot;value&quot;:null,&quot;_is_auth_field&quot;:true}}}},&quot;default_role&quot;:null}}\">\n\t<div v-if=\"screen === 'login'\" class=\"ts-form ts-login\">\n\t\t<form @submit.prevent=\"submitLogin\">\n\t<div class=\"ts-login-head\">\n\t\t<h1>Hello, stranger!<\/h1>\n\t<\/div>\n\n\t\n\t<div class=\"login-section\">\n\t\t<div class=\"or-group\">\n\t\t\t<span class=\"or-text\">Enter details<\/span>\n\t\t\t<div class=\"or-line\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"ts-form-group\">\n\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 10C14.2091 10 16 8.20914 16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6C8 8.20914 9.79086 10 12 10Z\"\/><path d=\"M9 12C6.23858 12 4 14.2386 4 17V21C4 21.5523 4.44772 22 5 22H19C19.5523 22 20 21.5523 20 21V17C20 14.2386 17.7614 12 15 12H9Z\"\/><\/svg>\t\t\t\t<input class=\"ts-filter autofocus\" type=\"text\" v-model=\"login.username\" placeholder=\"Username\" name=\"login_username\">\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"ts-form-group ts-password-field\">\n\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.25 6C7.25 3.37665 9.37665 1.25 12 1.25C14.6234 1.25 16.75 3.37665 16.75 6V7.56216C18.7215 9.01922 20 11.3603 20 14C20 18.4183 16.4183 22 12 22C7.58172 22 4 18.4183 4 14C4 11.3603 5.27847 9.01922 7.25 7.56216V6ZM12 2.75C10.2051 2.75 8.75 4.20507 8.75 6V6.68772C9.74308 6.24568 10.8428 6 12 6C13.1572 6 14.2569 6.24568 15.25 6.68772V6C15.25 4.20507 13.7949 2.75 12 2.75ZM12.75 14C12.75 13.5858 12.4142 13.25 12 13.25C11.5858 13.25 11.25 13.5858 11.25 14V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V14Z\"\/><\/svg>\t\t\t\t<input class=\"ts-filter autofocus\" type=\"password\" v-model=\"login.password\" ref=\"loginPassword\" placeholder=\"Password\" name=\"login_password\">\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"ts-form-group\">\n\t\t\t<button type=\"submit\" class=\"ts-btn ts-btn-2 ts-btn-large\" :class=\"{'vx-pending': pending}\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 10C14.2091 10 16 8.20914 16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6C8 8.20914 9.79086 10 12 10Z\"\/><path d=\"M9 12C6.23858 12 4 14.2386 4 17V21C4 21.5523 4.44772 22 5 22H19C19.5523 22 20 21.5523 20 21V17C20 14.2386 17.7614 12 15 12H9Z\"\/><\/svg>\t\t\t\tLogin\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"ts-form-group\">\n\t\t\t<p class=\"field-info\">\n\t\t\t\tForgot password?\t\t\t\t<a href=\"#\" @click.prevent=\"screen = 'recover'\">Recover account<\/a>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div v-if=\"canRegister()\" class=\"login-section\">\n\t\t<div class=\"or-group\">\n\n\t\t\t<span class=\"or-text\">Don't have an account?<\/span>\n\t\t\t<div class=\"or-line\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"ts-form-group\">\n\n\t\t\t<a class=\"ts-btn ts-btn-1 ts-btn-large\" href=\"#\" @click.prevent=\"screen = 'register'\"><svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 10C14.2091 10 16 8.20914 16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6C8 8.20914 9.79086 10 12 10Z\"\/><path d=\"M9 12C6.23858 12 4 14.2386 4 17V21C4 21.5523 4.44772 22 5 22H19C19.5523 22 20 21.5523 20 21V17C20 14.2386 17.7614 12 15 12H9Z\"\/><\/svg>Sign up<\/a>\n\n\t\t<\/div>\n\n\t<\/div>\n<\/form>\n\t<\/div>\n\t<div v-else-if=\"screen === 'recover'\" class=\"ts-form ts-login\">\n\t\t\n<form @submit.prevent=\"submitRecover\">\n\t<div class=\"ts-login-head\">\n\t\t<h1>Password recovery<\/h1>\n\t<\/div>\n\t<div class=\"login-section\">\n\n\t\t<div class=\"ts-form-group\">\n\t\t\t<label>Your email<\/label>\n\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.22672 6.07422C2.0819 6.35103 2 6.66596 2 7.00002V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7.00002C22 6.66596 21.9181 6.35103 21.7733 6.07422L13.577 11.8116C12.6301 12.4744 11.3699 12.4744 10.423 11.8116L2.22672 6.07422Z\"\/><path d=\"M20.5731 5.08333C20.3916 5.02912 20.1992 5 20 5H4C3.80082 5 3.60844 5.02912 3.42688 5.08333L11.2832 10.5827C11.7136 10.884 12.2864 10.884 12.7168 10.5827L20.5731 5.08333Z\"\/><\/svg>\t\t\t\t<input class=\"ts-filter autofocus\" type=\"email\" v-model=\"recovery.email\" placeholder=\"Your account email\" >\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"ts-form-group\">\n\t\t\t<button type=\"submit\" class=\"ts-btn ts-btn-2 ts-btn-large\" :class=\"{'vx-pending': pending}\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.22672 6.07422C2.0819 6.35103 2 6.66596 2 7.00002V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7.00002C22 6.66596 21.9181 6.35103 21.7733 6.07422L13.577 11.8116C12.6301 12.4744 11.3699 12.4744 10.423 11.8116L2.22672 6.07422Z\"\/><path d=\"M20.5731 5.08333C20.3916 5.02912 20.1992 5 20 5H4C3.80082 5 3.60844 5.02912 3.42688 5.08333L11.2832 10.5827C11.7136 10.884 12.2864 10.884 12.7168 10.5827L20.5731 5.08333Z\"\/><\/svg>\t\t\t\tReset password\t\t\t<\/button>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"login-section\">\n\t\t<div class=\"ts-form-group\">\n\t\t\t<a href=\"#\" @click.prevent=\"screen = 'login'\" class=\"ts-btn ts-btn-1 ts-btn-large\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9.46967 3.46969C9.68417 3.25519 10.0068 3.19103 10.287 3.30711C10.5673 3.4232 10.75 3.69668 10.75 4.00002V11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H10.75V20C10.75 20.3034 10.5673 20.5768 10.287 20.6929C10.0068 20.809 9.68417 20.7449 9.46967 20.5304L1.46967 12.5304C1.17678 12.2375 1.17678 11.7626 1.46967 11.4697L9.46967 3.46969Z\"\/><\/svg>\t\t\t\tGo back\t\t\t<\/a>\n\t\t<\/div>\n\t<\/div>\n<\/form>\n\t<\/div>\n\t<div v-else-if=\"screen === 'recover_confirm'\" class=\"ts-form ts-login\">\n\t\t\n<form @submit.prevent=\"submitRecoverConfirm\">\n\t<div class=\"ts-login-head\">\n\t\t<h1>Confirm code<\/h1>\n\t<\/div>\n\t<div class=\"login-section\">\n\n\t\t<div class=\"ts-form-group\">\n\t\t\t<label>Email confirmation code\t\t\t\t<div class=\"vx-dialog\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t<p>Please type the recovery code which was sent to your email<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/label>\n\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.22672 6.07422C2.0819 6.35103 2 6.66596 2 7.00002V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7.00002C22 6.66596 21.9181 6.35103 21.7733 6.07422L13.577 11.8116C12.6301 12.4744 11.3699 12.4744 10.423 11.8116L2.22672 6.07422Z\"\/><path d=\"M20.5731 5.08333C20.3916 5.02912 20.1992 5 20 5H4C3.80082 5 3.60844 5.02912 3.42688 5.08333L11.2832 10.5827C11.7136 10.884 12.2864 10.884 12.7168 10.5827L20.5731 5.08333Z\"\/><\/svg>\t\t\t\t<input class=\"ts-filter autofocus\" type=\"text\" v-model=\"recovery.code\" placeholder=\"Confirmation code\">\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"ts-form-group\">\n\t\t\t<button type=\"submit\" class=\"ts-btn ts-btn-2 ts-btn-large\" :class=\"{'vx-pending': pending}\">\n\t\t\t\tSubmit\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t<div class=\"ts-form-group\">\n\t\t\t<p class=\"field-info\">\n\t\t\t\tDidn't receive anything?\t\t\t\t<a href=\"#\" @click.prevent=\"recovery.code = null; screen = 'recover';\">Send again<\/a>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/form>\n\t<\/div>\n\t<div v-else-if=\"screen === 'recover_set_password'\" class=\"ts-form ts-login\">\n\t\t\n<form @submit.prevent=\"submitNewPassword\">\n\t<div class=\"ts-login-head\">\n\t\t<h1>New password<\/h1>\n\t<\/div>\n\t<div class=\"login-section\">\n\t\t\n\t\t<div class=\"ts-form-group\">\n\t\t\t<label>Set password\t\t\t\t<div class=\"vx-dialog\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t<p>Password must contain at least 8 characters and one number.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/label>\n\n\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.25 6C7.25 3.37665 9.37665 1.25 12 1.25C14.6234 1.25 16.75 3.37665 16.75 6V7.56216C18.7215 9.01922 20 11.3603 20 14C20 18.4183 16.4183 22 12 22C7.58172 22 4 18.4183 4 14C4 11.3603 5.27847 9.01922 7.25 7.56216V6ZM12 2.75C10.2051 2.75 8.75 4.20507 8.75 6V6.68772C9.74308 6.24568 10.8428 6 12 6C13.1572 6 14.2569 6.24568 15.25 6.68772V6C15.25 4.20507 13.7949 2.75 12 2.75ZM12.75 14C12.75 13.5858 12.4142 13.25 12 13.25C11.5858 13.25 11.25 13.5858 11.25 14V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V14Z\"\/><\/svg>\t\t\t\t<input class=\"ts-filter\" type=\"password\" v-model=\"recovery.password\" placeholder=\"Your new password\" class=\"autofocus\">\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"ts-form-group\">\n\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.25 6C7.25 3.37665 9.37665 1.25 12 1.25C14.6234 1.25 16.75 3.37665 16.75 6V7.56216C18.7215 9.01922 20 11.3603 20 14C20 18.4183 16.4183 22 12 22C7.58172 22 4 18.4183 4 14C4 11.3603 5.27847 9.01922 7.25 7.56216V6ZM12 2.75C10.2051 2.75 8.75 4.20507 8.75 6V6.68772C9.74308 6.24568 10.8428 6 12 6C13.1572 6 14.2569 6.24568 15.25 6.68772V6C15.25 4.20507 13.7949 2.75 12 2.75ZM12.75 14C12.75 13.5858 12.4142 13.25 12 13.25C11.5858 13.25 11.25 13.5858 11.25 14V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V14Z\"\/><\/svg>\t\t\t\t<input class=\"ts-filter\" type=\"password\" v-model=\"recovery.confirm_password\" placeholder=\"Confirm password\" class=\"autofocus\">\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"ts-form-group\">\n\t\t\t<button type=\"submit\" class=\"ts-btn ts-btn-2 ts-btn-large\" :class=\"{'vx-pending': pending}\">\n\t\t\t\tSave changes\t\t\t<\/button>\n\t\t<\/div>\n\t<\/div>\n<\/form>\n\t<\/div>\n\t<div v-else-if=\"screen === 'register'\" class=\"ts-form ts-login\">\n\t\t<form @submit.prevent=\"submitRegister\">\n\t<div class=\"ts-login-head\">\n\t\t<h1>Create an account<\/h1>\n\t<\/div>\n\n\t<div class=\"login-section\" v-if=\"Object.keys(config.registration.roles).length >= 2\">\n\t\t<div class=\"ts-form-group\">\n\t\t\t<label>Join the platform as:<\/label>\n\t\t\t<div class=\"role-selection-hold\">\n\t\t\t\t<div class=\"role-selection\">\n\t\t\t\t\t<template v-for=\"role in config.registration.roles\">\n\t\t\t\t\t\t<a @click.prevent=\"activeRole = role\" :class=\"{'selected-role': activeRole === role}\" href=\"#\">{{ role.label }}<\/a>\n\t\t\t\t\t<\/template>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\n\t<template v-if=\"activeRole\">\n\t\t\n\t\t<div class=\"login-section\">\n\t\t\t<div class=\"or-group\">\n\t\t\t\t<span class=\"or-text\">Or enter your details<\/span>\n\t\t\t\t<div class=\"or-line\"><\/div>\n\t\t\t<\/div>\n\t\t\t<template v-for=\"field in activeRole.fields\">\n\t\t\t\t<template v-if=\"field._is_auth_field\">\n\t\t\t\t\t<template v-if=\"field.key === 'voxel:auth-username'\">\n\t\t\t\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t{{ field.label }}\n\n\n\t\t\t\t\t\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 10C14.2091 10 16 8.20914 16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6C8 8.20914 9.79086 10 12 10Z\"\/><path d=\"M9 12C6.23858 12 4 14.2386 4 17V21C4 21.5523 4.44772 22 5 22H19C19.5523 22 20 21.5523 20 21V17C20 14.2386 17.7614 12 15 12H9Z\"\/><\/svg>\t\t\t\t\t\t\t\t<input class=\"ts-filter\" type=\"text\" v-model=\"field.value\" :placeholder=\"field.placeholder\">\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/template>\n\t\t\t\t\t<template v-if=\"field.key === 'voxel:auth-email'\">\n\t\t\t\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t{{ field.label }}\n\t\t\t\t\t\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.22672 6.07422C2.0819 6.35103 2 6.66596 2 7.00002V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7.00002C22 6.66596 21.9181 6.35103 21.7733 6.07422L13.577 11.8116C12.6301 12.4744 11.3699 12.4744 10.423 11.8116L2.22672 6.07422Z\"\/><path d=\"M20.5731 5.08333C20.3916 5.02912 20.1992 5 20 5H4C3.80082 5 3.60844 5.02912 3.42688 5.08333L11.2832 10.5827C11.7136 10.884 12.2864 10.884 12.7168 10.5827L20.5731 5.08333Z\"\/><\/svg>\t\t\t\t\t\t\t\t<input class=\"ts-filter\" type=\"email\" v-model=\"field.value\" :placeholder=\"field.placeholder\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/template>\n\t\t\t\t\t<template v-if=\"field.key === 'voxel:auth-password'\">\n\t\t\t\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t{{ field.label }}\n\t\t\t\t\t\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.25 6C7.25 3.37665 9.37665 1.25 12 1.25C14.6234 1.25 16.75 3.37665 16.75 6V7.56216C18.7215 9.01922 20 11.3603 20 14C20 18.4183 16.4183 22 12 22C7.58172 22 4 18.4183 4 14C4 11.3603 5.27847 9.01922 7.25 7.56216V6ZM12 2.75C10.2051 2.75 8.75 4.20507 8.75 6V6.68772C9.74308 6.24568 10.8428 6 12 6C13.1572 6 14.2569 6.24568 15.25 6.68772V6C15.25 4.20507 13.7949 2.75 12 2.75ZM12.75 14C12.75 13.5858 12.4142 13.25 12 13.25C11.5858 13.25 11.25 13.5858 11.25 14V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V14Z\"\/><\/svg>\t\t\t\t\t\t\t\t<input class=\"ts-filter\" type=\"password\" v-model=\"field.value\" :placeholder=\"field.placeholder\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/template>\n\t\t\t\t<\/template>\n\t\t\t\t<template v-else>\n\t\t\t\t\t<template v-if=\"conditionsPass(field)\">\n\t\t\t\t\t\t<template v-if=\"field.type === 'text' || field.type === 'title' || field.type === 'profile-name'\">\n\t\t\t\t\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t{{ field.label }}\n\t\t\t\t\t\t\t\t\t<span v-if=\"!field.required\" class=\"is-required\">Optional<\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input class=\"ts-filter\" type=\"text\" v-model=\"field.value\" :placeholder=\"field.props.placeholder\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t<template v-if=\"field.type === 'textarea' || field.type === 'description'\">\n\t\t\t\t\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t{{ field.label }}\n\t\t\t\t\t\t\t\t\t<span v-if=\"!field.required\" class=\"is-required\">Optional<\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<textarea class=\"ts-filter\" v-model=\"field.value\" :placeholder=\"field.props.placeholder\"><\/textarea>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t<template v-if=\"field.type === 'number'\">\n\t\t\t\t\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t{{ field.label }}\n\t\t\t\t\t\t\t\t\t<span v-if=\"!field.required\" class=\"is-required\">Optional<\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input class=\"ts-filter\" type=\"number\" v-model=\"field.value\" :placeholder=\"field.props.placeholder\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t<template v-if=\"field.type === 'switcher'\">\n\t\t\t\t\t\t\t<div class=\"ts-form-group switcher-label\">\n\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t<div class=\"switch-slider\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"onoffswitch\">\n\t\t\t\t\t\t\t\t\t\t\t<input  v-model=\"field.value\" :id=\"'_switcher:'+field.key\" type=\"checkbox\" class=\"onoffswitch-checkbox\">\n\t\t\t\t\t\t\t\t\t\t\t<label class=\"onoffswitch-label\" :for=\"'_switcher:'+field.key\"><\/label>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t{{ field.label }}\n\t\t\t\t\t\t\t\t\t<span v-if=\"!field.required\" class=\"is-required\">Optional<\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/label>\n\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t<template v-if=\"field.type === 'phone'\">\n\t\t\t\t\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t{{ field.label }}\n\t\t\t\t\t\t\t\t\t<span v-if=\"!field.required\" class=\"is-required\">Optional<\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M19.5578 14.4796L18.0721 13.551C17.1862 12.9973 16.0224 13.2284 15.4152 14.0785C14.948 14.7325 14.2274 15.1967 13.4506 14.99C12.7333 14.7991 11.7649 14.3426 10.7112 13.2888C9.65743 12.2351 9.20087 11.2667 9.00997 10.5494C8.80326 9.77263 9.26746 9.05196 9.9215 8.58479C10.7716 7.97756 11.0027 6.81377 10.449 5.92785L9.52045 4.44223C8.59347 2.95907 6.616 2.54986 5.17653 3.5433L4.65012 3.9066C3.68099 4.57544 2.95708 5.57013 3.00198 6.7468C3.07885 8.76118 3.89449 12.2567 7.81887 16.1811C11.7433 20.1055 15.2388 20.9211 17.2532 20.998C18.4299 21.0429 19.4246 20.319 20.0934 19.3499L20.4567 18.8235C21.4501 17.384 21.0409 15.4065 19.5578 14.4796Z\"\/><\/svg>\t\t\t\t\t\t\t\t\t<input class=\"ts-filter\" type=\"tel\" v-model=\"field.value\" :placeholder=\"field.props.placeholder\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t<template v-if=\"field.type === 'url'\">\n\t\t\t\t\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t{{ field.label }}\n\t\t\t\t\t\t\t\t\t<span v-if=\"!field.required\" class=\"is-required\">Optional<\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7 7.75C4.65279 7.75 2.75 9.65279 2.75 12C2.75 14.3472 4.65279 16.25 7 16.25H9C9.41421 16.25 9.75 16.5858 9.75 17C9.75 17.4142 9.41421 17.75 9 17.75H7C3.82436 17.75 1.25 15.1756 1.25 12C1.25 8.82436 3.82436 6.25 7 6.25H9C9.41421 6.25 9.75 6.58579 9.75 7C9.75 7.41421 9.41421 7.75 9 7.75H7ZM14.25 7C14.25 6.58579 14.5858 6.25 15 6.25H17C20.1756 6.25 22.75 8.82436 22.75 12C22.75 15.1756 20.1756 17.75 17 17.75H15C14.5858 17.75 14.25 17.4142 14.25 17C14.25 16.5858 14.5858 16.25 15 16.25H17C19.3472 16.25 21.25 14.3472 21.25 12C21.25 9.65279 19.3472 7.75 17 7.75H15C14.5858 7.75 14.25 7.41421 14.25 7Z\"\/><path d=\"M7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12Z\"\/><\/svg>\t\t\t\t\t\t\t\t\t<input class=\"ts-filter\" type=\"url\" v-model=\"field.value\" :placeholder=\"field.props.placeholder\">\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t<template v-if=\"field.type === 'email'\">\n\t\t\t\t\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t{{ field.label }}\n\t\t\t\t\t\t\t\t\t<span v-if=\"!field.required\" class=\"is-required\">Optional<\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.22672 6.07422C2.0819 6.35103 2 6.66596 2 7.00002V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7.00002C22 6.66596 21.9181 6.35103 21.7733 6.07422L13.577 11.8116C12.6301 12.4744 11.3699 12.4744 10.423 11.8116L2.22672 6.07422Z\"\/><path d=\"M20.5731 5.08333C20.3916 5.02912 20.1992 5 20 5H4C3.80082 5 3.60844 5.02912 3.42688 5.08333L11.2832 10.5827C11.7136 10.884 12.2864 10.884 12.7168 10.5827L20.5731 5.08333Z\"\/><\/svg>\t\t\t\t\t\t\t\t\t<input class=\"ts-filter\" type=\"email\" v-model=\"field.value\" :placeholder=\"field.props.placeholder\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t<template v-if=\"field.type === 'date'\">\n\t\t\t\t\t\t\t<date-field :key=\"activeRole.key+':'+field.id\" :field=\"field\"><\/date-field>\n\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t<template v-if=\"field.type === 'taxonomy'\">\n\t\t\t\t\t\t\t<taxonomy-field :key=\"activeRole.key+':'+field.id\" :field=\"field\"><\/taxonomy-field>\n\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t<template v-if=\"field.type === 'file' || field.type === 'image' || field.type === 'profile-avatar'\">\n\t\t\t\t\t\t\t<file-field :key=\"activeRole.key+':'+field.id\" :field=\"field\"><\/file-field>\n\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t<template v-if=\"field.type === 'select'\">\n\t\t\t\t\t\t\t<select-field :key=\"activeRole.key+':'+field.id\" :field=\"field\"><\/select-field>\n\t\t\t\t\t\t<\/template>\n\t\t\t\t\t<\/template>\n\t\t\t\t<\/template>\n\t\t\t<\/template>\n\t\t<\/div>\n\t\t<div class=\"login-section\">\n\n\t\t\t<div class=\"ts-form-group tos-group\">\n\t\t\t\t<div class=\"ts-checkbox-container\">\n\t\t\t\t\t<label class=\"container-checkbox\">\n\t\t\t\t\t\t<input type=\"checkbox\" v-model=\"register.terms_agreed\" tabindex=\"0\">\n\t\t\t\t\t\t<span class=\"checkmark\"><\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t<\/div>\n\t\t\t\t<p class=\"field-info\">\n\t\t\t\t\tI agree to the <a target=\"_blank\" href=\"https:\/\/thehomeoftennis.com\/terms\/\">Terms and Conditions<\/a> and <a target=\"_blank\" href=\"https:\/\/thehomeoftennis.com\/privacy-policy-2\/\">Privacy Policy<\/a>\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"login-section\">\n\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t<button type=\"submit\" class=\"ts-btn ts-btn-2 ts-btn-large\" :class=\"{'vx-pending': pending}\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 10C14.2091 10 16 8.20914 16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6C8 8.20914 9.79086 10 12 10Z\"\/><path d=\"M9 12C6.23858 12 4 14.2386 4 17V21C4 21.5523 4.44772 22 5 22H19C19.5523 22 20 21.5523 20 21V17C20 14.2386 17.7614 12 15 12H9Z\"\/><\/svg>\t\t\t\t\tSign up\t\t\t\t<\/button>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"login-section\">\n\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t<p class=\"field-info\">\n\t\t\t\t\tHave an account already?\t\t\t\t\t<a href=\"#\" @click.prevent=\"screen = 'login'\">Login instead<\/a>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/template>\n<\/form>\n\t<\/div>\n\t<div v-else-if=\"screen === 'confirm_account'\" class=\"ts-form ts-login\">\n\t\t\n<form @submit.prevent=\"submitConfirmRegistration()\">\n\t<div class=\"ts-login-head\">\n\t\t<h1>Confirm email<\/h1>\n\t<\/div>\n\t<div class=\"login-section\">\n\t\t\n\t\t<div class=\"ts-form-group\">\n\t\t\t<label>\n\t\t\t\tConfirmation code\n\t\t\t\t<div class=\"vx-dialog\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t<p>Please type the confirmation code which was sent to your email address<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/label>\n\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.22672 6.07422C2.0819 6.35103 2 6.66596 2 7.00002V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7.00002C22 6.66596 21.9181 6.35103 21.7733 6.07422L13.577 11.8116C12.6301 12.4744 11.3699 12.4744 10.423 11.8116L2.22672 6.07422Z\"\/><path d=\"M20.5731 5.08333C20.3916 5.02912 20.1992 5 20 5H4C3.80082 5 3.60844 5.02912 3.42688 5.08333L11.2832 10.5827C11.7136 10.884 12.2864 10.884 12.7168 10.5827L20.5731 5.08333Z\"\/><\/svg>\t\t\t\t<input class=\"ts-filter\" type=\"text\" v-model=\"confirmation_code\" placeholder=\"Confirmation code\" class=\"autofocus\">\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"ts-form-group\">\n\t\t\t<button type=\"submit\" class=\"ts-btn ts-btn-2 ts-btn-large\" :class=\"{'vx-pending': pending}\">\n\t\t\t\tSubmit\t\t\t<\/button>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"login-section\">\n\t\t\t<p class=\"field-info\">\n\t\t\t\tDidn't receive code?\t\t\t\t<a\n\t\t\t\t\thref=\"#\"\n\t\t\t\t\t@click.prevent=\"registerResendConfirmationCode()\"\n\t\t\t\t\t:class=\"{'vx-pending': resendCodePending}\"\n\t\t\t\t>Resend email<\/a>\n\t\t\t<\/p>\n\t\t<\/div>\n\n<\/form>\n\t<\/div>\n\t<div v-else-if=\"screen === 'security'\" class=\"ts-form ts-login\">\n\t\t\n\n<div class=\"login-section\">\n\n\t<div class=\"ts-form-group\">\n\t\t\n\t\t<a href=\"https:\/\/thehomeoftennis.com\/\" @click.prevent=\"screen = 'security_update_email'\" class=\"ts-btn ts-btn-1 ts-btn-large\">\n\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.22672 6.07422C2.0819 6.35103 2 6.66596 2 7.00002V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7.00002C22 6.66596 21.9181 6.35103 21.7733 6.07422L13.577 11.8116C12.6301 12.4744 11.3699 12.4744 10.423 11.8116L2.22672 6.07422Z\"\/><path d=\"M20.5731 5.08333C20.3916 5.02912 20.1992 5 20 5H4C3.80082 5 3.60844 5.02912 3.42688 5.08333L11.2832 10.5827C11.7136 10.884 12.2864 10.884 12.7168 10.5827L20.5731 5.08333Z\"\/><\/svg>\t\t\tUpdate email address\t\t<\/a>\n\t<\/div>\n\t<div class=\"ts-form-group\">\n\t\t<a href=\"https:\/\/thehomeoftennis.com\/\" @click.prevent=\"screen = 'security_update_password'\" class=\"ts-btn ts-btn-1 ts-btn-large\">\n\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.25 6C7.25 3.37665 9.37665 1.25 12 1.25C14.6234 1.25 16.75 3.37665 16.75 6V7.56216C18.7215 9.01922 20 11.3603 20 14C20 18.4183 16.4183 22 12 22C7.58172 22 4 18.4183 4 14C4 11.3603 5.27847 9.01922 7.25 7.56216V6ZM12 2.75C10.2051 2.75 8.75 4.20507 8.75 6V6.68772C9.74308 6.24568 10.8428 6 12 6C13.1572 6 14.2569 6.24568 15.25 6.68772V6C15.25 4.20507 13.7949 2.75 12 2.75ZM12.75 14C12.75 13.5858 12.4142 13.25 12 13.25C11.5858 13.25 11.25 13.5858 11.25 14V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V14Z\"\/><\/svg>\t\t\tUpdate password\t\t<\/a>\n\t<\/div>\n\t<div class=\"ts-form-group\">\n\t\t<a href=\"https:\/\/thehomeoftennis.com\/\" @click.prevent=\"screen = 'security_privacy'\" class=\"ts-btn ts-btn-1 ts-btn-large\">\n\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3 5.84649C3 5.29459 3.34947 4.8046 3.86759 4.63008L11.3675 2.10372C11.7781 1.96543 12.2219 1.96543 12.6325 2.10372L20.1324 4.63008C20.6505 4.80461 21 5.29459 21 5.84649V9.34829C21 14.9048 17.6245 19.8913 12.4999 21.9052C12.1784 22.0316 11.8216 22.0316 11.5001 21.9052C6.37552 19.8913 3 14.9048 3 9.34829V5.84649Z\"\/><\/svg>\t\t\tPrivacy\t\t<\/a>\n\t<\/div>\n\t<div class=\"ts-form-group\">\n\t\t<a href=\"https:\/\/thehomeoftennis.com\/?vx=1&#038;action=auth.logout&#038;_wpnonce=8e6601b712\" class=\"ts-btn ts-btn-1 ts-btn-large\">\n\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.25 6C7.25 3.37665 9.37665 1.25 12 1.25C14.6234 1.25 16.75 3.37665 16.75 6V7.56216C18.7215 9.01922 20 11.3603 20 14C20 18.4183 16.4183 22 12 22C7.58172 22 4 18.4183 4 14C4 11.3603 5.27847 9.01922 7.25 7.56216V6ZM12 2.75C10.2051 2.75 8.75 4.20507 8.75 6V6.68772C9.74308 6.24568 10.8428 6 12 6C13.1572 6 14.2569 6.24568 15.25 6.68772V6C15.25 4.20507 13.7949 2.75 12 2.75ZM12.75 14C12.75 13.5858 12.4142 13.25 12 13.25C11.5858 13.25 11.25 13.5858 11.25 14V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V14Z\"\/><\/svg>\t\t\tLogout\t\t<\/a>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t<div v-else-if=\"screen === 'security_update_password'\" class=\"ts-form ts-login\">\n\t\t\n<form @submit.prevent=\"submitUpdatePassword\" class=\"login-section\">\n\t<div class=\"ts-login-head\">\n\t\t<h1>Update password<\/h1>\n\t<\/div>\n\t\n\t<template v-if=\"update.password.successful\">\n\t\t<div class=\"login-section\">\n\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t<label>Your password has been updated.<\/label>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/template>\n\t<template v-else>\n\t\t\n\t\t\n\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t<label>Enter your current password<\/label>\n\t\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.25 6C7.25 3.37665 9.37665 1.25 12 1.25C14.6234 1.25 16.75 3.37665 16.75 6V7.56216C18.7215 9.01922 20 11.3603 20 14C20 18.4183 16.4183 22 12 22C7.58172 22 4 18.4183 4 14C4 11.3603 5.27847 9.01922 7.25 7.56216V6ZM12 2.75C10.2051 2.75 8.75 4.20507 8.75 6V6.68772C9.74308 6.24568 10.8428 6 12 6C13.1572 6 14.2569 6.24568 15.25 6.68772V6C15.25 4.20507 13.7949 2.75 12 2.75ZM12.75 14C12.75 13.5858 12.4142 13.25 12 13.25C11.5858 13.25 11.25 13.5858 11.25 14V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V14Z\"\/><\/svg>\t\t\t\t\t<input class=\"ts-filter\" type=\"password\" v-model=\"update.password.current\" placeholder=\"Current password\" class=\"autofocus\">\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t<label>Choose new password\t\t\t\t\t<div class=\"vx-dialog\">\n\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t\t<p>Password must contain at least 8 characters.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/label>\n\t\t\t\t\n\t\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.25 6C7.25 3.37665 9.37665 1.25 12 1.25C14.6234 1.25 16.75 3.37665 16.75 6V7.56216C18.7215 9.01922 20 11.3603 20 14C20 18.4183 16.4183 22 12 22C7.58172 22 4 18.4183 4 14C4 11.3603 5.27847 9.01922 7.25 7.56216V6ZM12 2.75C10.2051 2.75 8.75 4.20507 8.75 6V6.68772C9.74308 6.24568 10.8428 6 12 6C13.1572 6 14.2569 6.24568 15.25 6.68772V6C15.25 4.20507 13.7949 2.75 12 2.75ZM12.75 14C12.75 13.5858 12.4142 13.25 12 13.25C11.5858 13.25 11.25 13.5858 11.25 14V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V14Z\"\/><\/svg>\t\t\t\t\t<input class=\"ts-filter\" type=\"password\" v-model=\"update.password.new\" placeholder=\"Your new password\" class=\"autofocus\">\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.25 6C7.25 3.37665 9.37665 1.25 12 1.25C14.6234 1.25 16.75 3.37665 16.75 6V7.56216C18.7215 9.01922 20 11.3603 20 14C20 18.4183 16.4183 22 12 22C7.58172 22 4 18.4183 4 14C4 11.3603 5.27847 9.01922 7.25 7.56216V6ZM12 2.75C10.2051 2.75 8.75 4.20507 8.75 6V6.68772C9.74308 6.24568 10.8428 6 12 6C13.1572 6 14.2569 6.24568 15.25 6.68772V6C15.25 4.20507 13.7949 2.75 12 2.75ZM12.75 14C12.75 13.5858 12.4142 13.25 12 13.25C11.5858 13.25 11.25 13.5858 11.25 14V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V14Z\"\/><\/svg>\t\t\t\t\t<input class=\"ts-filter\" type=\"password\" v-model=\"update.password.confirm_new\" placeholder=\"Confirm password\" class=\"autofocus\">\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t<button type=\"submit\" class=\"ts-btn ts-btn-2 ts-btn-large\" :class=\"{'vx-pending': pending}\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.25 6C7.25 3.37665 9.37665 1.25 12 1.25C14.6234 1.25 16.75 3.37665 16.75 6V7.56216C18.7215 9.01922 20 11.3603 20 14C20 18.4183 16.4183 22 12 22C7.58172 22 4 18.4183 4 14C4 11.3603 5.27847 9.01922 7.25 7.56216V6ZM12 2.75C10.2051 2.75 8.75 4.20507 8.75 6V6.68772C9.74308 6.24568 10.8428 6 12 6C13.1572 6 14.2569 6.24568 15.25 6.68772V6C15.25 4.20507 13.7949 2.75 12 2.75ZM12.75 14C12.75 13.5858 12.4142 13.25 12 13.25C11.5858 13.25 11.25 13.5858 11.25 14V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V14Z\"\/><\/svg>\t\t\t\t\tUpdate password\t\t\t\t<\/button>\n\t\t\t<\/div>\n\t\t\t<div class=\"login-section\">\n\t\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t\t<a href=\"#\" @click.prevent=\"screen = 'security'\" class=\"ts-btn ts-btn-1 ts-btn-large\">\n\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9.46967 3.46969C9.68417 3.25519 10.0068 3.19103 10.287 3.30711C10.5673 3.4232 10.75 3.69668 10.75 4.00002V11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H10.75V20C10.75 20.3034 10.5673 20.5768 10.287 20.6929C10.0068 20.809 9.68417 20.7449 9.46967 20.5304L1.46967 12.5304C1.17678 12.2375 1.17678 11.7626 1.46967 11.4697L9.46967 3.46969Z\"\/><\/svg>\t\t\t\t\t\tGo back\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\n\t<\/template>\n<\/form>\n\t<\/div>\n\t<div v-else-if=\"screen === 'security_update_email'\" class=\"ts-form ts-login\">\n\t\t\n\n<div class=\"login-section\">\n\t<div class=\"ts-login-head\">\n\t\t<h1>Update email<\/h1>\n\t<\/div>\n\t<form @submit.prevent=\"submitUpdateEmail\">\n\t\t<template v-if=\"update.email.state === 'confirmed'\">\n\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t<label>Your email address has been updated.<\/label>\n\t\t\t<\/div>\n\t\t<\/template>\n\t\t<template v-else>\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t<label>Enter new email address<\/label>\n\t\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.22672 6.07422C2.0819 6.35103 2 6.66596 2 7.00002V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7.00002C22 6.66596 21.9181 6.35103 21.7733 6.07422L13.577 11.8116C12.6301 12.4744 11.3699 12.4744 10.423 11.8116L2.22672 6.07422Z\"\/><path d=\"M20.5731 5.08333C20.3916 5.02912 20.1992 5 20 5H4C3.80082 5 3.60844 5.02912 3.42688 5.08333L11.2832 10.5827C11.7136 10.884 12.2864 10.884 12.7168 10.5827L20.5731 5.08333Z\"\/><\/svg>\t\t\t\t\t<input class=\"ts-filter\" type=\"email\" v-model=\"update.email.new\" placeholder=\"Enter email address\" class=\"autofocus\" :disabled=\"update.email.state !== 'send_code'\">\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<template v-if=\"update.email.state === 'verify_code'\">\n\t\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t\t<label>Confirmation code<\/label>\n\t\t\t\t\t<small>Please type the confirmation code which sent to your new email<\/small>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.22672 6.07422C2.0819 6.35103 2 6.66596 2 7.00002V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7.00002C22 6.66596 21.9181 6.35103 21.7733 6.07422L13.577 11.8116C12.6301 12.4744 11.3699 12.4744 10.423 11.8116L2.22672 6.07422Z\"\/><path d=\"M20.5731 5.08333C20.3916 5.02912 20.1992 5 20 5H4C3.80082 5 3.60844 5.02912 3.42688 5.08333L11.2832 10.5827C11.7136 10.884 12.2864 10.884 12.7168 10.5827L20.5731 5.08333Z\"\/><\/svg>\t\t\t\t\t\t<input class=\"ts-filter\" type=\"text\" v-model=\"update.email.code\" placeholder=\"Confirmation code\" class=\"autofocus\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/template>\n\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t<button type=\"submit\" class=\"ts-btn ts-btn-2 ts-btn-large\" :class=\"{'vx-pending': pending}\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.22672 6.07422C2.0819 6.35103 2 6.66596 2 7.00002V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7.00002C22 6.66596 21.9181 6.35103 21.7733 6.07422L13.577 11.8116C12.6301 12.4744 11.3699 12.4744 10.423 11.8116L2.22672 6.07422Z\"\/><path d=\"M20.5731 5.08333C20.3916 5.02912 20.1992 5 20 5H4C3.80082 5 3.60844 5.02912 3.42688 5.08333L11.2832 10.5827C11.7136 10.884 12.2864 10.884 12.7168 10.5827L20.5731 5.08333Z\"\/><\/svg>\t\t\t\t\t<template v-if=\"update.email.state === 'send_code'\">\n\t\t\t\t\t\tSend confirmation code\t\t\t\t\t<\/template>\n\t\t\t\t\t<template v-else>\n\t\t\t\t\t\tUpdate email address\t\t\t\t\t<\/template>\n\t\t\t\t<\/button>\n\t\t\t<\/div>\n\t\t\t<div class=\"login-section\">\n\t\t\t\t<div class=\"ts-form-group\">\n\t\t\t\t\t<a href=\"#\" @click.prevent=\"screen = 'security'\" class=\"ts-btn ts-btn-1 ts-btn-large\">\n\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9.46967 3.46969C9.68417 3.25519 10.0068 3.19103 10.287 3.30711C10.5673 3.4232 10.75 3.69668 10.75 4.00002V11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H10.75V20C10.75 20.3034 10.5673 20.5768 10.287 20.6929C10.0068 20.809 9.68417 20.7449 9.46967 20.5304L1.46967 12.5304C1.17678 12.2375 1.17678 11.7626 1.46967 11.4697L9.46967 3.46969Z\"\/><\/svg>\t\t\t\t\t\tGo back\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/template>\n\t<\/form>\n<\/div>\n\t<\/div>\n\t<div v-else-if=\"screen === 'security_privacy'\" class=\"ts-form ts-login\">\n\t\t\n\n<div class=\"login-section\">\n\t<div class=\"ts-login-head\">\n\t\t<h1>Privacy<\/h1>\n\t<\/div>\n\t<div class=\"ts-form-group\">\n\t\t<label>Download personal data\t\t\t<div class=\"vx-dialog\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t<p>Request a copy of all your personal data stored on this site.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t<\/label>\n\t\t<a\n\t\t\thref=\"https:\/\/thehomeoftennis.com\/\"\n\t\t\t:class=\"{'vx-pending': privacy.export_data.pending}\"\n\t\t\t@click.prevent=\"requestPersonalData\"\n\t\t\tclass=\"ts-btn ts-btn-1 ts-btn-large\"\n\t\t>\n\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.22672 6.07422C2.0819 6.35103 2 6.66596 2 7.00002V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7.00002C22 6.66596 21.9181 6.35103 21.7733 6.07422L13.577 11.8116C12.6301 12.4744 11.3699 12.4744 10.423 11.8116L2.22672 6.07422Z\"\/><path d=\"M20.5731 5.08333C20.3916 5.02912 20.1992 5 20 5H4C3.80082 5 3.60844 5.02912 3.42688 5.08333L11.2832 10.5827C11.7136 10.884 12.2864 10.884 12.7168 10.5827L20.5731 5.08333Z\"\/><\/svg>\t\t\tRequest download\t\t<\/a>\n\t<\/div>\n\t<div class=\"ts-form-group\">\n\t\t<label>Delete account\t\t\t<div class=\"vx-dialog\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t<p>Delete your account and all associated data.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/label>\n\t\t\n\t\t<a href=\"https:\/\/thehomeoftennis.com\/\" @click.prevent=\"screen = 'security_delete_account'\" class=\"ts-btn ts-btn-1 ts-btn-large\">\n\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 1.25C9.92893 1.25 8.25 2.92893 8.25 5H4.5C3.67157 5 3 5.67157 3 6.5C3 7.32843 3.67157 8 4.5 8H19.5C20.3284 8 21 7.32843 21 6.5C21 5.67157 20.3284 5 19.5 5H15.75C15.75 2.92893 14.0711 1.25 12 1.25ZM12 2.75C13.2426 2.75 14.25 3.75736 14.25 5H9.75C9.75 3.75736 10.7574 2.75 12 2.75Z\"\/><path d=\"M5 20V9.5H19V20C19 21.1046 18.1046 22 17 22H7C5.89543 22 5 21.1046 5 20ZM10 16.25C9.58579 16.25 9.25 16.5858 9.25 17C9.25 17.4142 9.58579 17.75 10 17.75H14C14.4142 17.75 14.75 17.4142 14.75 17C14.75 16.5858 14.4142 16.25 14 16.25H10ZM7.75 13.5C7.75 13.9142 8.08579 14.25 8.5 14.25H15.5C15.9142 14.25 16.25 13.9142 16.25 13.5C16.25 13.0858 15.9142 12.75 15.5 12.75H8.5C8.08579 12.75 7.75 13.0858 7.75 13.5Z\"\/><\/svg>\t\t\tDelete my account\t\t<\/a>\n\t<\/div>\n\n<\/div>\n<br>\n<div class=\"login-section\">\n\t<div class=\"ts-form-group\">\n\t\t<a href=\"#\" @click.prevent=\"screen = 'security'\" class=\"ts-btn ts-btn-1 ts-btn-large\">\n\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9.46967 3.46969C9.68417 3.25519 10.0068 3.19103 10.287 3.30711C10.5673 3.4232 10.75 3.69668 10.75 4.00002V11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H10.75V20C10.75 20.3034 10.5673 20.5768 10.287 20.6929C10.0068 20.809 9.68417 20.7449 9.46967 20.5304L1.46967 12.5304C1.17678 12.2375 1.17678 11.7626 1.46967 11.4697L9.46967 3.46969Z\"\/><\/svg>\t\t\tGo back\t\t<\/a>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n\t<div v-else-if=\"screen === 'security_delete_account'\" class=\"ts-form ts-login\">\n\t\t\n<div class=\"login-section\">\n\t\n\t<div class=\"ts-login-head\">\n\t\t<h1>Delete account & data<\/h1>\n\t<\/div>\n\n\t\n\t<div class=\"ts-form-group\">\n\t\t<label>Enter your password<\/label>\n\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.25 6C7.25 3.37665 9.37665 1.25 12 1.25C14.6234 1.25 16.75 3.37665 16.75 6V7.56216C18.7215 9.01922 20 11.3603 20 14C20 18.4183 16.4183 22 12 22C7.58172 22 4 18.4183 4 14C4 11.3603 5.27847 9.01922 7.25 7.56216V6ZM12 2.75C10.2051 2.75 8.75 4.20507 8.75 6V6.68772C9.74308 6.24568 10.8428 6 12 6C13.1572 6 14.2569 6.24568 15.25 6.68772V6C15.25 4.20507 13.7949 2.75 12 2.75ZM12.75 14C12.75 13.5858 12.4142 13.25 12 13.25C11.5858 13.25 11.25 13.5858 11.25 14V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V14Z\"\/><\/svg>\t\t\t<input type=\"password\" v-model=\"privacy.delete_account.password\" placeholder=\"Password\" class=\"autofocus\">\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"ts-form-group\">\n\t\t<button type=\"submit\" class=\"ts-btn ts-btn-2 ts-btn-large\" @click.prevent=\"deleteAccountPermanently()\" :class=\"{'vx-pending': privacy.delete_account.pending}\">\n\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM7 11.25C6.58579 11.25 6.25 11.5858 6.25 12C6.25 12.4142 6.58579 12.75 7 12.75H17C17.4142 12.75 17.75 12.4142 17.75 12C17.75 11.5858 17.4142 11.25 17 11.25H7Z\"\/><\/svg>\t\t\tDelete my account\t\t<\/button>\n\t<\/div>\n\t<div class=\"ts-form-group\">\n\t\t<a href=\"#\" @click.prevent=\"screen = 'security_privacy'\" class=\"ts-btn ts-btn-1 ts-btn-large\">\n\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9.46967 3.46969C9.68417 3.25519 10.0068 3.19103 10.287 3.30711C10.5673 3.4232 10.75 3.69668 10.75 4.00002V11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H10.75V20C10.75 20.3034 10.5673 20.5768 10.287 20.6929C10.0068 20.809 9.68417 20.7449 9.46967 20.5304L1.46967 12.5304C1.17678 12.2375 1.17678 11.7626 1.46967 11.4697L9.46967 3.46969Z\"\/><\/svg>\t\t\tGo back\t\t<\/a>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t<div v-else-if=\"screen === 'security_delete_account_confirm'\" class=\"ts-form ts-login\">\n\t\t<div class=\"login-section\">\n\t\n\t<div class=\"ts-form-group\">\n\t\t<label>This will irreversibly delete your account and all associated data. Are you sure you want to proceed?<\/label>\n\t\t<button type=\"submit\" class=\"ts-btn ts-btn-2 ts-btn-large\" @click.prevent=\"deleteAccountPermanently(true)\" :class=\"{'vx-pending': privacy.delete_account.pending}\">\n\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM7 11.25C6.58579 11.25 6.25 11.5858 6.25 12C6.25 12.4142 6.58579 12.75 7 12.75H17C17.4142 12.75 17.75 12.4142 17.75 12C17.75 11.5858 17.4142 11.25 17 11.25H7Z\"\/><\/svg>\t\t\tYes, permanently delete my account\t\t<\/button>\n\t<\/div>\n\t<div class=\"ts-form-group\">\n\t\t<a href=\"#\" @click.prevent=\"screen = 'security_privacy'\" class=\"ts-btn ts-btn-1 ts-btn-large\">\n\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9.46967 3.46969C9.68417 3.25519 10.0068 3.19103 10.287 3.30711C10.5673 3.4232 10.75 3.69668 10.75 4.00002V11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H10.75V20C10.75 20.3034 10.5673 20.5768 10.287 20.6929C10.0068 20.809 9.68417 20.7449 9.46967 20.5304L1.46967 12.5304C1.17678 12.2375 1.17678 11.7626 1.46967 11.4697L9.46967 3.46969Z\"\/><\/svg>\t\t\tCancel account deletion\t\t<\/a>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t<div v-else-if=\"screen === 'welcome'\" class=\"ts-form ts-login ts-welcome\">\n\t\t\n<div class=\"login-section\">\n\t<div class=\"ts-welcome-message ts-form-group\">\n\t\t<svg fill=\"#000000\" width=\"52\" height=\"52\" version=\"1.1\" id=\"lni_lni-happy-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\"\n\t y=\"0px\" viewBox=\"0 0 64 64\" style=\"enable-background:new 0 0 64 64;\" xml:space=\"preserve\">\n<g>\n\t<path d=\"M43.8,17.2c-4.6,0-8.4,4.3-8.4,9.5c0,1,0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8c0-3.3,2.2-6,4.9-6c2.7,0,4.9,2.7,4.9,6\n\t\tc0,1,0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8C52.3,21.4,48.5,17.2,43.8,17.2z\"\/>\n\t<path d=\"M25.1,26.7c0,1,0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8c0-5.2-3.8-9.5-8.4-9.5s-8.4,4.3-8.4,9.5c0,1,0.8,1.8,1.8,1.8\n\t\ts1.8-0.8,1.8-1.8c0-3.3,2.2-6,4.9-6S25.1,23.4,25.1,26.7z\"\/>\n\t<path d=\"M32,1.3C15,1.3,1.3,15,1.3,32C1.3,49,15,62.8,32,62.8C49,62.8,62.8,49,62.8,32C62.8,15,49,1.3,32,1.3z M32,59.2\n\t\tc-14.6,0-26.5-11.5-27.2-25.8c0-0.5,0-0.9,0-1.4C4.8,17,17,4.8,32,4.8C47,4.8,59.3,17,59.3,32c0,0.5,0,0.9,0,1.4\n\t\tC58.5,47.8,46.6,59.2,32,59.2z\"\/>\n\t<path d=\"M43.9,43.9c-3.2,3-7.4,4.6-11.9,4.6c-4.4,0-8.6-1.6-11.9-4.6c-0.7-0.7-1.8-0.6-2.5,0.1c-0.7,0.7-0.6,1.8,0.1,2.5\n\t\tc3.9,3.6,8.9,5.6,14.3,5.6c5.3,0,10.4-2,14.3-5.6c0.7-0.7,0.8-1.8,0.1-2.5C45.7,43.3,44.6,43.3,43.9,43.9z\"\/>\n<\/g>\n<\/svg>\n\t\t<h2>Welcome!<\/h2>\n\t\t<p class=\"field-info\">Complete your profile or skip for now<\/p>\n\t<\/div>\n\t<div class=\"ts-form-group\">\n\t\t<a :href=\"config.editProfileUrl\" class=\"ts-btn ts-btn-2 ts-btn-large\">\n\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 10C14.2091 10 16 8.20914 16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6C8 8.20914 9.79086 10 12 10Z\"\/><path d=\"M9 12C6.23858 12 4 14.2386 4 17V21C4 21.5523 4.44772 22 5 22H19C19.5523 22 20 21.5523 20 21V17C20 14.2386 17.7614 12 15 12H9Z\"\/><\/svg>\t\t\tComplete profile\t\t<\/a>\n\t<\/div>\n\t<div class=\"ts-form-group\">\n\t\t<a href=\"https:\/\/thehomeoftennis.com\/\" class=\"ts-btn ts-btn-1 ts-btn-large\">\n\t\t\tDo it later\t\t<\/a>\n\t<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n\n<script type=\"text\/html\" id=\"auth-date-field\">\n\t<form-group ref=\"formGroup\" :popup-key=\"'field:'+field.key\" @save=\"saveValue(); $refs.formGroup.blur();\" @blur=\"saveValue();\" @clear=\"$refs.picker.reset()\" wrapper-class=\"md-width xl-height\">\n\t\t<template #trigger>\n\t\t\t<label>\n\t\t\t\t{{ field.label }}\n\t\t\t\t<span v-if=\"!field.required\" class=\"is-required\">Optional<\/span>\n\t\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/label>\n\t\t\t<div class=\"ts-filter ts-popup-target\" :class=\"{'ts-filled': field.value.date !== null}\" @mousedown=\"$root.activePopup = 'field:'+field.key\">\n\t\t \t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17.75 3C17.75 2.58579 17.4142 2.25 17 2.25C16.5858 2.25 16.25 2.58579 16.25 3V4H7.75V3C7.75 2.58579 7.41421 2.25 7 2.25C6.58579 2.25 6.25 2.58579 6.25 3V4H4C2.89543 4 2 4.89543 2 6V7.25H22V6C22 4.89543 21.1046 4 20 4H17.75V3Z\"\/><path d=\"M22 8.75H2V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V8.75Z\"\/><\/svg>\t\t\t\t<div class=\"ts-filter-text\">\n\t\t\t\t\t{{ displayValue || field.props.placeholder }}\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/template>\n\t\t<template #popup>\n\t\t\t<date-picker ref=\"picker\" :field=\"field\" :parent=\"this\"><\/date-picker>\n\t\t<\/template>\n\t<\/form-group>\n<\/script>\n<script type=\"text\/html\" id=\"auth-taxonomy-field\">\n\t<form-group wrapper-class=\"prmr-popup\" :popup-key=\"field.id+':'+index\" ref=\"formGroup\" @blur=\"saveValue\" @save=\"onSave\" @clear=\"onClear\">\n\t\t<template #trigger>\n\t\t\t<label>\n\t\t\t\t{{ field.label }}\n\t\t\t\t<span v-if=\"!field.required\" class=\"is-required\">Optional<\/span>\n\t\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/label>\n\t\t\t<div class=\"ts-filter ts-popup-target\" :class=\"{'ts-filled': field.value !== null}\" @mousedown=\"$root.activePopup = field.id+':'+index\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z\"\/><path d=\"M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z\"\/><path d=\"M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z\"\/><\/svg>\t\t\t\t<div class=\"ts-filter-text\">\n\t\t\t\t\t<span v-if=\"field.value !== null\">{{ displayValue }}<\/span>\n\t\t\t\t\t<span v-else>{{ field.props.placeholder }}<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"ts-down-icon\"><\/div>\n\t\t\t<\/div>\n\t\t<\/template>\n\t\t<template #popup>\n\t\t\t<div class=\"ts-sticky-top uib b-bottom\" v-if=\"termCount >= 10\">\n\t\t\t\t<div class=\"ts-input-icon flexify\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19C12.125 19 14.078 18.2635 15.6177 17.0319L21.2929 22.7071C21.6834 23.0976 22.3166 23.0976 22.7071 22.7071C23.0976 22.3166 23.0976 21.6834 22.7071 21.2929L17.0319 15.6177C18.2635 14.078 19 12.125 19 10C19 5.02944 14.9706 1 10 1ZM3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10Z\"\/><\/svg>\t\t\t\t\t<input\n\t\t\t\t\t\tv-model=\"search\" ref=\"searchInput\" type=\"text\" class=\"autofocus\"\n\t\t\t\t\t\t:placeholder=\"&quot;Search&quot;+' '+field.props.taxonomy.label\"\n\t\t\t\t\t>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div v-if=\"searchResults\" class=\"ts-term-dropdown ts-md-group ts-multilevel-dropdown\">\n\t\t\t\t<ul class=\"simplify-ul ts-term-dropdown-list\">\n\t\t\t\t\t<li v-for=\"term in searchResults\">\n\t\t\t\t\t\t<a href=\"#\" class=\"flexify\" @click.prevent=\"selectTerm( term )\">\n\t\t\t\t\t\t\t<div class=\"ts-checkbox-container\">\n\t\t\t\t\t\t\t\t<label :class=\"field.props.multiple ? 'container-checkbox' : 'container-radio'\">\n\t\t\t\t\t\t\t\t\t<input :type=\"field.props.multiple ? 'checkbox' : 'radio'\" :value=\"term.slug\" :checked=\"value[ term.slug ]\" disabled hidden>\n\t\t\t\t\t\t\t\t\t<span class=\"checkmark\"><\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<span>{{ term.label }}<\/span>\n\t\t\t\t\t\t\t<div class=\"ts-term-icon\">\n\t\t\t\t\t\t\t\t<span v-html=\"term.icon\"><\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t<li v-if=\"!searchResults.length\">\n\t\t\t\t\t\t<a href=\"#\" class=\"flexify\" @click.prevent>\n\t\t\t\t\t\t\t<p>No results found.<\/p>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t\t<div v-else class=\"ts-term-dropdown ts-md-group ts-multilevel-dropdown\">\n\t\t\t\t<term-list :terms=\"terms\" list-key=\"toplevel\" key=\"toplevel\"><\/term-list>\n\t\t\t<\/div>\n\t\t<\/template>\n\t<\/form-group>\n<\/script>\n\n<script type=\"text\/html\" id=\"auth-term-list\">\n\t<transition :name=\"'slide-from-'+taxonomyField.slide_from\" @beforeEnter=\"afterEnter($event, listKey)\" @beforeLeave=\"beforeLeave($event, listKey)\">\n\t\t<ul\n\t\t\tv-if=\"taxonomyField.active_list === listKey\"\n\t\t\t:key=\"listKey\"\n\t\t\tclass=\"simplify-ul ts-term-dropdown-list\"\n\t\t\tref=\"list\"\n\t\t>\n\t\t\t<a v-if=\"taxonomyField.active_list !== 'toplevel'\" href=\"#\" class=\"ts-btn ts-btn-4 ts-btn-small create-btn\" @click.prevent=\"goBack\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9.46967 3.46969C9.68417 3.25519 10.0068 3.19103 10.287 3.30711C10.5673 3.4232 10.75 3.69668 10.75 4.00002V11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H10.75V20C10.75 20.3034 10.5673 20.5768 10.287 20.6929C10.0068 20.809 9.68417 20.7449 9.46967 20.5304L1.46967 12.5304C1.17678 12.2375 1.17678 11.7626 1.46967 11.4697L9.46967 3.46969Z\"\/><\/svg>\t\t\t\tGo back\t\t\t<\/a>\n\t\t\t<li v-if=\"parentTerm\" class=\"ts-parent-item\">\n\t\t\t\t<a href=\"#\" class=\"flexify\" @click.prevent=\"taxonomyField.selectTerm( parentTerm )\">\n\t\t\t\t\t<div class=\"ts-checkbox-container\">\n\t\t\t\t\t\t<label :class=\"taxonomyField.field.props.multiple ? 'container-checkbox' : 'container-radio'\">\n\t\t\t\t\t\t\t<input :type=\"taxonomyField.field.props.multiple ? 'checkbox' : 'radio'\" :value=\"parentTerm.slug\" :checked=\"taxonomyField.value[ parentTerm.slug ]\" disabled hidden>\n\t\t\t\t\t\t\t<span class=\"checkmark\"><\/span>\n\t\t\t\t\t\t<\/label>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<span>{{ parentTerm.label }}<\/span>\n\t\t\t\t\t<div class=\"ts-term-icon\">\n\t\t\t\t\t\t<span v-html=\"parentTerm.icon\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t<\/li>\n\t\t\t<template v-for=\"term, index in terms\">\n\t\t\t\t<li v-if=\"index < (page*perPage)\">\n\t\t\t\t\t<a href=\"#\" class=\"flexify\" @click.prevent=\"selectTerm( term )\">\n\t\t\t\t\t\t<div class=\"ts-checkbox-container\">\n\t\t\t\t\t\t\t<label :class=\"taxonomyField.field.props.multiple ? 'container-checkbox' : 'container-radio'\">\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t:type=\"taxonomyField.field.props.multiple ? 'checkbox' : 'radio'\"\n\t\t\t\t\t\t\t\t\t:value=\"term.slug\"\n\t\t\t\t\t\t\t\t\t:checked=\"taxonomyField.value[ term.slug ]\"\n\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"checkmark\"><\/span>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span>{{ term.label }}<\/span>\n\t\t\t\t\t\t<div class=\"ts-right-icon\" v-if=\"term.children && term.children.length\"><\/div>\n\t\t\t\t\t\t<div class=\"ts-term-icon\">\n\t\t\t\t\t\t\t<span v-html=\"term.icon\"><\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t<\/template>\n\t\t\t<li v-if=\"(page*perPage) < terms.length\">\n\t\t\t\t<a href=\"#\" @click.prevent=\"page++\" class=\"ts-btn ts-btn-4\">\n\t\t\t\t\t<span><svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2.75 12C2.75 6.89226 6.85617 2.75 12 2.75C14.9229 2.75 17.1619 3.89167 18.726 5.11743L16.9992 7.06201C16.8031 7.2828 16.7549 7.59808 16.8759 7.86741C16.9969 8.13674 17.2647 8.31 17.56 8.31H22C22.4142 8.31 22.75 7.97421 22.75 7.56V2.56C22.75 2.24855 22.5575 1.9695 22.2664 1.85889C21.9752 1.74828 21.646 1.82912 21.4392 2.06201L19.7236 3.99401C17.9653 2.59755 15.3884 1.25 12 1.25C6.02383 1.25 1.25 6.06774 1.25 12C1.25 12.4142 1.58579 12.75 2 12.75C2.41421 12.75 2.75 12.4142 2.75 12Z\"\/><path d=\"M22.75 12C22.75 11.5858 22.4142 11.25 22 11.25C21.5858 11.25 21.25 11.5858 21.25 12C21.25 17.1058 17.1058 21.25 12 21.25C9.69736 21.25 7.77634 20.1805 6.34706 18.9776L8.18636 16.943C8.38519 16.723 8.43578 16.4066 8.31546 16.1356C8.19514 15.8647 7.92648 15.69 7.63 15.69H3.11C2.69579 15.69 2.36 16.0258 2.36 16.44V21.44C2.36 21.7502 2.55101 22.0285 2.84053 22.1399C3.13005 22.2514 3.45832 22.1731 3.66636 21.943L5.34066 20.0909C6.93522 21.4427 9.19866 22.75 12 22.75C17.9342 22.75 22.75 17.9342 22.75 12Z\"\/><\/svg><\/span>\n\t\t\t\t\tLoad more\t\t\t\t<\/a>\n\t\t\t<\/li>\n\t\t<\/ul>\n\t<\/transition>\n\t<term-list\n\t\tv-for=\"term in termsWithChildren\"\n\t\t:terms=\"term.children\"\n\t\t:parent-term=\"term\"\n\t\t:previous-list=\"listKey\"\n\t\t:list-key=\"'terms_'+term.id\"\n\t\t:key=\"'terms_'+term.id\"\n\t><\/term-list>\n<\/script>\n<script type=\"text\/html\" id=\"auth-file-field\">\n\t<div class=\"ts-form-group ts-file-upload inline-file-field\" @dragenter=\"dragActive = true\">\n\t\t<div class=\"drop-mask\" v-show=\"dragActive\" @dragleave.prevent=\"dragActive = false\" @drop.prevent=\"onDrop\" @dragenter.prevent @dragover.prevent><\/div>\n\t\t<label>\n\t\t\t{{ field.label }}\n\t\t\t<span v-if=\"!field.required\" class=\"is-required\">Optional<\/span>\n\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t<div class=\"vx-dialog-content min-scrollt\">\n\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/label>\n\t\t<div class=\"ts-file-list\">\n\t\t\t<div class=\"pick-file-input\">\n\t\t\t\t<a href=\"#\" @click.prevent=\"$refs.input.click()\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M22 14.3529C22 17.4717 19.4416 20 16.2857 20H6.28571C3.91878 20 2 18.1038 2 15.7647C2 13.4256 3.91878 11.5294 6.28571 11.5294C6.56983 11.5294 6.8475 11.5567 7.11616 11.6089C6.88706 10.9978 6.7619 10.3369 6.7619 9.64706C6.7619 6.52827 9.32028 4 12.4762 4C15.4159 4 17.8371 6.19371 18.1551 9.01498C20.393 9.78024 22 11.8811 22 14.3529ZM13.5303 8.46967C13.2374 8.17678 12.7626 8.17678 12.4697 8.46967L9.46967 11.4697C9.17678 11.7626 9.17678 12.2374 9.46967 12.5303C9.76256 12.8232 10.2374 12.8232 10.5303 12.5303L12.25 10.8107V16C12.25 16.4142 12.5858 16.75 13 16.75C13.4142 16.75 13.75 16.4142 13.75 16V10.8107L15.4697 12.5303C15.7626 12.8232 16.2374 12.8232 16.5303 12.5303C16.8232 12.2374 16.8232 11.7626 16.5303 11.4697L13.5303 8.46967Z\"\/><\/svg>\t\t\t\t\tUpload\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<template v-for=\"file, index in field.value\">\n\t\t\t\t<div class=\"ts-file\" :style=\"getStyle(file)\" :class=\"{'ts-file-img': previewImages && file.type.startsWith('image\/')}\">\n\t\t\t\t\t<div class=\"ts-file-info\">\n\t\t\t\t\t\t<svg fill=\"#000000\" width=\"52\" height=\"52\" version=\"1.1\" id=\"lni_lni-cloud-upload\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 64 64\" style=\"enable-background:new 0 0 64 64;\" xml:space=\"preserve\">\n\t<g>\n\t\t<path d=\"M34.3,27.3c-0.5-0.5-1.1-0.8-1.8-0.8c-0.7,0-1.3,0.3-1.8,0.8l-4.9,5.1c-0.7,0.7-0.7,1.8,0,2.5c0.7,0.7,1.8,0.7,2.5,0\n\t\t\tl2.5-2.6v9.5c0,1,0.8,1.8,1.8,1.8c1,0,1.8-0.8,1.8-1.8v-9.5l2.5,2.6c0.3,0.4,0.8,0.5,1.3,0.5c0.4,0,0.9-0.2,1.2-0.5\n\t\t\tc0.7-0.7,0.7-1.8,0-2.5L34.3,27.3z\"\/>\n\t\t<path d=\"M57.8,23.7c-2.7-2.9-6.6-4.9-10.6-5.6c-2.2-3.5-5.5-6.1-9.3-7.4c-1.7-0.6-3.7-1-5.8-1c-9.6,0-17.5,7.5-17.9,16.9\n\t\t\tC6.9,27.2,1.3,33.2,1.3,40.4c0,7.6,6.3,13.8,14.1,13.9c0,0,0,0,0,0h28.8c10.3,0,18.6-8.2,18.6-18.2C62.8,31.5,61,27.1,57.8,23.7z\n\t\t\t M44.1,50.8H15.4c-6,0-10.6-4.6-10.6-10.4S9.4,30,15.4,30h0.5c1,0,1.8-0.8,1.8-1.8v-1.1c0-7.7,6.5-14,14.4-14\n\t\t\tc1.7,0,3.2,0.3,4.6,0.8c3.3,1.1,6.1,3.5,7.9,6.6c0.3,0.5,0.8,0.8,1.3,0.9c3.6,0.4,7,2,9.3,4.6c2.6,2.8,4,6.3,4,10\n\t\t\tC59.3,44.2,52.5,50.8,44.1,50.8z\"\/>\n\t<\/g>\n<\/svg>\t\t\t\t\t\t<code>{{ file.name }}<\/code>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<a href=\"#\" @click.prevent=\"field.value.splice(index,1)\" class=\"ts-remove-file flexify\">\n\t\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 1.25C9.92893 1.25 8.25 2.92893 8.25 5H4.5C3.67157 5 3 5.67157 3 6.5C3 7.32843 3.67157 8 4.5 8H19.5C20.3284 8 21 7.32843 21 6.5C21 5.67157 20.3284 5 19.5 5H15.75C15.75 2.92893 14.0711 1.25 12 1.25ZM12 2.75C13.2426 2.75 14.25 3.75736 14.25 5H9.75C9.75 3.75736 10.7574 2.75 12 2.75Z\"\/><path d=\"M5 20V9.5H19V20C19 21.1046 18.1046 22 17 22H7C5.89543 22 5 21.1046 5 20ZM10 16.25C9.58579 16.25 9.25 16.5858 9.25 17C9.25 17.4142 9.58579 17.75 10 17.75H14C14.4142 17.75 14.75 17.4142 14.75 17C14.75 16.5858 14.4142 16.25 14 16.25H10ZM7.75 13.5C7.75 13.9142 8.08579 14.25 8.5 14.25H15.5C15.9142 14.25 16.25 13.9142 16.25 13.5C16.25 13.0858 15.9142 12.75 15.5 12.75H8.5C8.08579 12.75 7.75 13.0858 7.75 13.5Z\"\/><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/template>\n\t\t<\/div>\n\t\t<input ref=\"input\" type=\"file\" class=\"hidden\" :multiple=\"field.props.maxCount > 1\" :accept=\"accepts\">\n\t<\/div>\n<\/script>\n<script type=\"text\/html\" id=\"auth-select-field\">\n\t<form-group wrapper-class=\"prmr-popup\" :popup-key=\"field.id+':'+index\" ref=\"formGroup\" @save=\"onSave\" @blur=\"saveValue\" @clear=\"onClear\">\n\n\t\t<template #trigger>\n\t\t\t<label>\n\t\t\t\t{{ field.label }}\n\t\t\t\t<span v-if=\"!field.required\" class=\"is-required\">Optional<\/span>\n\t\t\t\t<div class=\"vx-dialog\" v-if=\"field.description\">\n\t\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V11C12.75 10.5858 12.4142 10.25 12 10.25ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z\"\/><\/svg>\t\t\t\t\t<div class=\"vx-dialog-content min-scroll\">\n\t\t\t\t\t\t<p>{{ field.description }}<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/label>\n\t\t\t<div class=\"ts-filter ts-popup-target\" :class=\"{'ts-filled': field.value !== null}\" @mousedown=\"$root.activePopup = field.id+':'+index\">\n\t\t\t\t<svg fill=\"#1C2033\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z\"\/><path d=\"M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z\"\/><path d=\"M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z\"\/><\/svg>\t\t\t\t<div class=\"ts-filter-text\">\n\t\t\t\t\t<span>{{ field.props.choices[ field.value ] ? field.props.choices[ field.value ].label : field.props.placeholder }}<\/span>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/template>\n\t\t<template #popup>\n\t\t\t<div class=\"ts-term-dropdown ts-md-group ts-multilevel-dropdown\">\n\t\t\t\t<ul class=\"simplify-ul ts-term-dropdown-list min-scroll\">\n\t\t\t\t\t<li v-for=\"choice in field.props.choices\">\n\t\t\t\t\t\t<a href=\"#\" class=\"flexify\" @click.prevent=\"value = choice.value; onSave();\">\n\t\t\t\t\t\t\t<div class=\"ts-radio-container\">\n\t\t\t\t\t\t\t\t<label class=\"container-radio\">\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t:value=\"choice.value\"\n\t\t\t\t\t\t\t\t\t\t:checked=\"value === choice.value\"\n\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span class=\"checkmark\"><\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div>{{ choice.label }}<\/div>\n\t\t\t\t\t\t\t<div class=\"ts-term-icon\">\n\t\t\t\t\t\t\t\t<span v-html=\"choice.icon || field.props.default_icon\"><\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t<\/template>\n\t<\/form-group>\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/thehomeoftennis.com\/wp-json\/wp\/v2\/pages\/127"}],"collection":[{"href":"https:\/\/thehomeoftennis.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thehomeoftennis.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thehomeoftennis.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thehomeoftennis.com\/wp-json\/wp\/v2\/comments?post=127"}],"version-history":[{"count":0,"href":"https:\/\/thehomeoftennis.com\/wp-json\/wp\/v2\/pages\/127\/revisions"}],"wp:attachment":[{"href":"https:\/\/thehomeoftennis.com\/wp-json\/wp\/v2\/media?parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}