{"id":9599,"date":"2023-02-27T14:54:37","date_gmt":"2023-02-27T09:54:37","guid":{"rendered":"https:\/\/portal.stylemixstage.com\/cost-calculator-plugin\/?page_id=9599"},"modified":"2023-03-01T15:56:43","modified_gmt":"2023-03-01T10:56:43","slug":"web-design-template","status":"publish","type":"page","link":"https:\/\/portal.stylemixstage.com\/cost-calculator-plugin\/templates\/web-design-template\/","title":{"rendered":"Web Design Template"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">The Web Design form is a tool that enables clients to specify the details of their website design project. The form contains several fields, including:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Website Type: This field enables the client to select the type of website they want to create, such as a blog, e-commerce site, portfolio site, or informational site.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">SEO Type: The SEO type field offers the client the option of selecting either basic or advanced SEO services for their website. This feature helps to improve their site&rsquo;s ranking on search engine result pages.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Number of Mockups: The number of mockups field specifies the number of design concepts the client wants the web designer to create for the website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Number of Pages: This field enables the client to indicate the number of pages they want to create for their website. This information is crucial because it helps the designer to understand the scope of the project.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mobile Ready: This field specifies whether the website needs to be optimized for mobile devices or not.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Add-ons: The add-ons field lists additional features or services the client may want to add to their website, such as a blog, social media integration, e-commerce functionality, or custom forms.<\/span><\/p>\n<div class=\"calculator-settings ccb-front ccb-wrapper-9619\">\n\t\t<calc-builder-front custom=\"\" :content=\"{&quot;id&quot;:9619,&quot;settings&quot;:{&quot;general&quot;:{&quot;tour_title&quot;:&quot;Grand Total&quot;,&quot;tour_description&quot;:&quot;Edit the default view of the Total summary.&quot;,&quot;header_title&quot;:&quot;Summary&quot;,&quot;descriptions&quot;:true,&quot;hide_empty&quot;:true,&quot;sticky&quot;:false,&quot;boxStyle&quot;:&quot;vertical&quot;,&quot;in_pro&quot;:false,&quot;icons&quot;:&quot;ccb-icon-Union-28&quot;,&quot;slug&quot;:&quot;total-summary&quot;,&quot;styles&quot;:{&quot;toggle&quot;:&quot;&quot;,&quot;checkbox&quot;:&quot;&quot;,&quot;radio&quot;:&quot;&quot;,&quot;checkbox_with_img&quot;:&quot;&quot;,&quot;radio_with_img&quot;:&quot;&quot;},&quot;show_details_accordion&quot;:true},&quot;currency&quot;:{&quot;tour_title&quot;:&quot;Currency&quot;,&quot;tour_description&quot;:&quot;Set the currency sign and edit its default appearance.&quot;,&quot;currency&quot;:&quot;$&quot;,&quot;num_after_integer&quot;:&quot;2&quot;,&quot;decimal_separator&quot;:&quot;.&quot;,&quot;thousands_separator&quot;:&quot;,&quot;,&quot;currencyPosition&quot;:&quot;left&quot;,&quot;in_pro&quot;:false,&quot;icons&quot;:&quot;ccb-icon-Union-23&quot;,&quot;slug&quot;:&quot;currency&quot;},&quot;texts&quot;:{&quot;tour_title&quot;:&quot;Notifications&quot;,&quot;tour_description&quot;:&quot;Manage notifications of Calculator forms.&quot;,&quot;title&quot;:&quot;Your service request has been completed!&quot;,&quot;description&quot;:&quot;We have sent your request information to your email.&quot;,&quot;issued_on&quot;:&quot;Issued on&quot;,&quot;reset_btn&quot;:&quot;Create new calculation&quot;,&quot;invoice_btn&quot;:&quot;Get invoice&quot;,&quot;required_msg&quot;:&quot;This field is required&quot;,&quot;in_pro&quot;:false,&quot;icons&quot;:&quot;ccb-icon-Path-3601&quot;,&quot;slug&quot;:&quot;texts&quot;},&quot;formFields&quot;:{&quot;tour_title&quot;:&quot;Send Form&quot;,&quot;tour_description&quot;:&quot;Choose contact form type and fill out settings.&quot;,&quot;fields&quot;:[],&quot;emailSubject&quot;:&quot;&quot;,&quot;contactFormId&quot;:&quot;&quot;,&quot;accessEmail&quot;:&quot;&quot;,&quot;adminEmailAddress&quot;:&quot;&quot;,&quot;submitBtnText&quot;:&quot;Submit&quot;,&quot;allowContactForm&quot;:&quot;&quot;,&quot;body&quot;:&quot;Dear sir\\\/madam\\nWe would be very grateful to you if you could provide us the quotation of the following=&gt;\\n\\nTotal Summary\\n[ccb-subtotal]\\nTotal: [ccb-total-0]\\nLooking forward to hearing back from you.\\nThanks in advance&quot;,&quot;payment&quot;:&quot;&quot;,&quot;paymentMethod&quot;:&quot;&quot;,&quot;paymentMethods&quot;:[],&quot;in_pro&quot;:true,&quot;icons&quot;:&quot;ccb-icon-XMLID_426&quot;,&quot;slug&quot;:&quot;send-form&quot;},&quot;woo_products&quot;:{&quot;tour_title&quot;:&quot;Woo Products&quot;,&quot;tour_description&quot;:&quot;Enables Calculator on the product page.&quot;,&quot;enable&quot;:&quot;&quot;,&quot;category_id&quot;:&quot;&quot;,&quot;hook_to_show&quot;:&quot;woocommerce_after_single_product_summary&quot;,&quot;hide_woo_cart&quot;:&quot;&quot;,&quot;meta_links&quot;:[],&quot;in_pro&quot;:true,&quot;icons&quot;:&quot;ccb-icon-Union-17&quot;,&quot;slug&quot;:&quot;woo-products&quot;,&quot;category_ids&quot;:[&quot;&quot;]},&quot;woo_checkout&quot;:{&quot;tour_title&quot;:&quot;Woo Checkout&quot;,&quot;tour_description&quot;:&quot;Enables WooCommerce Checkout.&quot;,&quot;enable&quot;:&quot;&quot;,&quot;product_id&quot;:&quot;&quot;,&quot;redirect_to&quot;:&quot;cart&quot;,&quot;description&quot;:&quot;[ccb-total-0]&quot;,&quot;formulas&quot;:[],&quot;in_pro&quot;:true,&quot;icons&quot;:&quot;ccb-icon-Path-3498&quot;,&quot;slug&quot;:&quot;woo-checkout&quot;,&quot;replace_product&quot;:true},&quot;stripe&quot;:{&quot;tour_title&quot;:&quot;Stripe&quot;,&quot;tour_description&quot;:&quot;Enables Stripe payment gateway.&quot;,&quot;enable&quot;:&quot;&quot;,&quot;publishKey&quot;:&quot;testtest&quot;,&quot;currency&quot;:&quot;USD&quot;,&quot;description&quot;:&quot;[ccb-total-0]&quot;,&quot;formulas&quot;:[],&quot;in_pro&quot;:true,&quot;icons&quot;:&quot;ccb-icon-Path-3499&quot;,&quot;slug&quot;:&quot;stripe&quot;,&quot;use_in_all&quot;:true},&quot;paypal&quot;:{&quot;tour_title&quot;:&quot;PayPal&quot;,&quot;tour_description&quot;:&quot;Enables PayPal payment gateway.&quot;,&quot;enable&quot;:&quot;&quot;,&quot;description&quot;:&quot;[ccb-total-0]&quot;,&quot;currency_code&quot;:&quot;&quot;,&quot;paypal_mode&quot;:&quot;sandbox&quot;,&quot;formulas&quot;:[],&quot;in_pro&quot;:true,&quot;icons&quot;:&quot;ccb-icon-Path-3500&quot;,&quot;slug&quot;:&quot;paypal&quot;,&quot;use_in_all&quot;:true},&quot;recaptcha&quot;:{&quot;enable&quot;:&quot;&quot;,&quot;type&quot;:&quot;v2&quot;,&quot;v2&quot;:{&quot;siteKey&quot;:&quot;&quot;,&quot;secretKey&quot;:&quot;&quot;},&quot;v3&quot;:{&quot;siteKey&quot;:&quot;&quot;,&quot;secretKey&quot;:&quot;&quot;},&quot;options&quot;:{&quot;v2&quot;:&quot;Google reCAPTCHA v2&quot;,&quot;v3&quot;:&quot;Google reCAPTCHA v3&quot;},&quot;use_in_all&quot;:false},&quot;notice&quot;:{&quot;requiredField&quot;:&quot;This field is required&quot;},&quot;icon&quot;:&quot;fas fa-cogs&quot;,&quot;type&quot;:&quot;Cost Calculator Settings&quot;,&quot;calc_id&quot;:9619,&quot;webhooks&quot;:{&quot;enableSendForms&quot;:false,&quot;enableEmailQuote&quot;:false,&quot;enablePaymentBtn&quot;:false},&quot;title&quot;:&quot;Web Design&quot;},&quot;currency&quot;:{&quot;currency&quot;:&quot;$&quot;,&quot;num_after_integer&quot;:2,&quot;decimal_separator&quot;:&quot;.&quot;,&quot;thousands_separator&quot;:&quot;,&quot;,&quot;currency_position&quot;:&quot;left&quot;},&quot;fields&quot;:[{&quot;label&quot;:&quot;Website Type&quot;,&quot;_id&quot;:0,&quot;default&quot;:&quot;&quot;,&quot;description&quot;:&quot;&quot;,&quot;required&quot;:&quot;true&quot;,&quot;_event&quot;:&quot;change&quot;,&quot;type&quot;:&quot;Drop Down&quot;,&quot;allowRound&quot;:&quot;&quot;,&quot;additionalCss&quot;:&quot;&quot;,&quot;additionalStyles&quot;:&quot;&quot;,&quot;allowCurrency&quot;:true,&quot;addToSummary&quot;:true,&quot;_tag&quot;:&quot;cost-drop-down&quot;,&quot;icon&quot;:&quot;ccb-icon-Path-3514&quot;,&quot;alias&quot;:&quot;dropDown_field_id_0&quot;,&quot;desc_option&quot;:&quot;after&quot;,&quot;summary_view&quot;:&quot;show_label_calculable&quot;,&quot;options&quot;:[{&quot;optionText&quot;:&quot;STATIC HTML&quot;,&quot;optionValue&quot;:&quot;300&quot;},{&quot;optionText&quot;:&quot;CMS (WORDPRESS, DRUPAL)&quot;,&quot;optionValue&quot;:&quot;800&quot;},{&quot;optionText&quot;:&quot;E-COMMERCE WEBSITE&quot;,&quot;optionValue&quot;:&quot;1000&quot;}],&quot;text&quot;:&quot;Dropdown fields&quot;,&quot;hidden&quot;:null},{&quot;label&quot;:&quot;Seo Type&quot;,&quot;_id&quot;:1,&quot;default&quot;:&quot;&quot;,&quot;description&quot;:&quot;&quot;,&quot;required&quot;:&quot;true&quot;,&quot;_event&quot;:&quot;change&quot;,&quot;type&quot;:&quot;Drop Down&quot;,&quot;allowRound&quot;:&quot;&quot;,&quot;additionalCss&quot;:&quot;&quot;,&quot;additionalStyles&quot;:&quot;&quot;,&quot;allowCurrency&quot;:true,&quot;addToSummary&quot;:true,&quot;_tag&quot;:&quot;cost-drop-down&quot;,&quot;icon&quot;:&quot;ccb-icon-Path-3514&quot;,&quot;alias&quot;:&quot;dropDown_field_id_1&quot;,&quot;desc_option&quot;:&quot;after&quot;,&quot;summary_view&quot;:&quot;show_label_calculable&quot;,&quot;options&quot;:[{&quot;optionText&quot;:&quot;BASIC SEO&quot;,&quot;optionValue&quot;:&quot;100&quot;},{&quot;optionText&quot;:&quot;ADVANCED SEO&quot;,&quot;optionValue&quot;:&quot;200&quot;}],&quot;text&quot;:&quot;Dropdown fields&quot;,&quot;hidden&quot;:null},{&quot;step&quot;:1,&quot;unit&quot;:&quot;50&quot;,&quot;sign&quot;:&quot;&quot;,&quot;label&quot;:&quot;Number of Mockups&quot;,&quot;_id&quot;:2,&quot;default&quot;:&quot;1&quot;,&quot;minValue&quot;:&quot;0&quot;,&quot;maxValue&quot;:&quot;5&quot;,&quot;description&quot;:&quot;&quot;,&quot;_event&quot;:&quot;change&quot;,&quot;additionalCss&quot;:&quot;&quot;,&quot;allowRound&quot;:&quot;&quot;,&quot;_tag&quot;:&quot;cost-range&quot;,&quot;additionalStyles&quot;:&quot;&quot;,&quot;addToSummary&quot;:true,&quot;allowCurrency&quot;:true,&quot;type&quot;:&quot;Range Button&quot;,&quot;icon&quot;:&quot;ccb-icon-Union-5&quot;,&quot;alias&quot;:&quot;range_field_id_2&quot;,&quot;desc_option&quot;:&quot;after&quot;,&quot;text&quot;:&quot;Range slider&quot;,&quot;required&quot;:&quot;false&quot;,&quot;hidden&quot;:null},{&quot;step&quot;:1,&quot;unit&quot;:&quot;50&quot;,&quot;sign&quot;:&quot;&quot;,&quot;label&quot;:&quot;Number of pages&quot;,&quot;_id&quot;:3,&quot;default&quot;:&quot;3&quot;,&quot;minValue&quot;:&quot;0&quot;,&quot;maxValue&quot;:&quot;50&quot;,&quot;description&quot;:&quot;&quot;,&quot;_event&quot;:&quot;change&quot;,&quot;additionalCss&quot;:&quot;&quot;,&quot;allowRound&quot;:&quot;&quot;,&quot;_tag&quot;:&quot;cost-range&quot;,&quot;additionalStyles&quot;:&quot;&quot;,&quot;addToSummary&quot;:true,&quot;allowCurrency&quot;:true,&quot;type&quot;:&quot;Range Button&quot;,&quot;icon&quot;:&quot;ccb-icon-Union-5&quot;,&quot;alias&quot;:&quot;range_field_id_3&quot;,&quot;desc_option&quot;:&quot;after&quot;,&quot;text&quot;:&quot;Range slider&quot;,&quot;required&quot;:&quot;false&quot;,&quot;hidden&quot;:null},{&quot;label&quot;:&quot;Mobile Ready&quot;,&quot;_id&quot;:4,&quot;default&quot;:&quot;&quot;,&quot;onValue&quot;:null,&quot;description&quot;:&quot;&quot;,&quot;required&quot;:&quot;false&quot;,&quot;_event&quot;:&quot;change&quot;,&quot;allowRound&quot;:&quot;&quot;,&quot;additionalCss&quot;:&quot;&quot;,&quot;_tag&quot;:&quot;cost-radio&quot;,&quot;additionalStyles&quot;:&quot;&quot;,&quot;addToSummary&quot;:true,&quot;allowCurrency&quot;:&quot;&quot;,&quot;type&quot;:&quot;Radio Button&quot;,&quot;icon&quot;:&quot;ccb-icon-Path-3511&quot;,&quot;alias&quot;:&quot;radio_field_id_4&quot;,&quot;desc_option&quot;:&quot;after&quot;,&quot;summary_view&quot;:&quot;show_label_calculable&quot;,&quot;styles&quot;:{&quot;box_style&quot;:&quot;horizontal&quot;,&quot;style&quot;:&quot;box-with-radio&quot;},&quot;options&quot;:[{&quot;optionText&quot;:&quot;Yes&quot;,&quot;optionValue&quot;:&quot;100&quot;},{&quot;optionText&quot;:&quot;No&quot;,&quot;optionValue&quot;:&quot;0.001&quot;}],&quot;apply_style_for_all&quot;:false,&quot;text&quot;:&quot;Radio fields&quot;,&quot;hidden&quot;:null},{&quot;_id&quot;:5,&quot;label&quot;:&quot;Addons&quot;,&quot;description&quot;:&quot;&quot;,&quot;required&quot;:&quot;false&quot;,&quot;_event&quot;:&quot;change&quot;,&quot;type&quot;:&quot;Checkbox&quot;,&quot;allowRound&quot;:&quot;&quot;,&quot;additionalCss&quot;:&quot;&quot;,&quot;additionalStyles&quot;:&quot;&quot;,&quot;addToSummary&quot;:true,&quot;allowCurrency&quot;:true,&quot;checkedLength&quot;:0,&quot;_tag&quot;:&quot;cost-checkbox&quot;,&quot;icon&quot;:&quot;ccb-icon-Path-3512&quot;,&quot;alias&quot;:&quot;checkbox_field_id_5&quot;,&quot;desc_option&quot;:&quot;after&quot;,&quot;summary_view&quot;:&quot;show_value&quot;,&quot;options&quot;:[{&quot;optionText&quot;:&quot;Custom Logo Design&quot;,&quot;optionValue&quot;:&quot;75&quot;,&quot;optionHint&quot;:&quot;&quot;},{&quot;optionText&quot;:&quot;Image Slider&quot;,&quot;optionValue&quot;:&quot;50&quot;,&quot;optionHint&quot;:&quot;&quot;},{&quot;optionText&quot;:&quot;Contact Form&quot;,&quot;optionValue&quot;:&quot;35&quot;,&quot;optionHint&quot;:&quot;&quot;},{&quot;optionText&quot;:&quot;Event Calendar&quot;,&quot;optionValue&quot;:&quot;25&quot;,&quot;optionHint&quot;:&quot;&quot;},{&quot;optionText&quot;:&quot;Live Accordion FAQ&quot;,&quot;optionValue&quot;:&quot;50&quot;,&quot;optionHint&quot;:&quot;&quot;}],&quot;text&quot;:&quot;Checkbox fields&quot;,&quot;hidden&quot;:null}],&quot;formula&quot;:[{&quot;label&quot;:&quot;Total&quot;,&quot;formula&quot;:&quot;dropDown_field_id_0 + dropDown_field_id_1 + range_field_id_2 + range_field_id_3 + radio_field_id_4 + checkbox_field_id_5 &quot;,&quot;symbol&quot;:&quot;&quot;,&quot;hidden&quot;:false,&quot;data&quot;:{&quot;total&quot;:200,&quot;converted&quot;:&quot;$200.00&quot;,&quot;label&quot;:&quot;Total&quot;,&quot;hidden&quot;:false},&quot;total&quot;:200}],&quot;conditions&quot;:{&quot;nodes&quot;:[],&quot;links&quot;:[]},&quot;language&quot;:&quot;en&quot;,&quot;appearance&quot;:{&quot;desktop&quot;:{&quot;colors&quot;:{&quot;label&quot;:&quot;Colors&quot;,&quot;name&quot;:&quot;colors&quot;,&quot;data&quot;:{&quot;container&quot;:{&quot;label&quot;:&quot;Container background&quot;,&quot;name&quot;:&quot;container&quot;,&quot;title&quot;:&quot;Container background&quot;,&quot;value&quot;:{&quot;color&quot;:&quot;#F7F7F7&quot;,&quot;blur&quot;:&quot;0&quot;,&quot;opacity&quot;:&quot;100&quot;},&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;container&quot;,&quot;hint&quot;:{&quot;label&quot;:&quot;Background blur&quot;,&quot;content&quot;:&quot;Makes the calculator background color transparent with a blur effect.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/portal.stylemixstage.com\\\/cost-calculator-plugin\\\/wp-content\\\/plugins\\\/cost-calculator-builder\\\/frontend\\\/dist\\\/img\\\/bg-blur.svg&quot;,&quot;link&quot;:&quot;https:\\\/\\\/docs.stylemixthemes.com\\\/cost-calculator-builder\\\/plugin-features\\\/calculator-customization#colors&quot;},&quot;data&quot;:{&quot;color&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;color&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:&quot;#F7F7F7&quot;,&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;color&quot;,&quot;default&quot;:&quot;#F7F7F7&quot;},&quot;blur&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;blur&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:&quot;0&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:{&quot;prefix&quot;:&quot;Blur&quot;},&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;opacity&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;opacity&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:&quot;100&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:{&quot;prefix&quot;:&quot;%&quot;},&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;%&quot;}}}},&quot;primary_color&quot;:{&quot;label&quot;:&quot;Primary color&quot;,&quot;name&quot;:&quot;primary_color&quot;,&quot;title&quot;:&quot;Primary color&quot;,&quot;value&quot;:&quot;#001931&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;color&quot;,&quot;default&quot;:&quot;#001931&quot;},&quot;secondary_color&quot;:{&quot;label&quot;:&quot;Secondary Color&quot;,&quot;name&quot;:&quot;secondary_color&quot;,&quot;title&quot;:&quot;Secondary Color&quot;,&quot;value&quot;:&quot;#FFFFFF&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;color&quot;,&quot;default&quot;:&quot;#FFFFFF&quot;},&quot;accent_color&quot;:{&quot;label&quot;:&quot;Accent Color&quot;,&quot;name&quot;:&quot;accent_color&quot;,&quot;title&quot;:&quot;Accent Color&quot;,&quot;value&quot;:&quot;#00B163&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;color&quot;,&quot;default&quot;:&quot;#00B163&quot;},&quot;error_color&quot;:{&quot;label&quot;:&quot;Error Color&quot;,&quot;name&quot;:&quot;error_color&quot;,&quot;title&quot;:&quot;Error Color&quot;,&quot;value&quot;:&quot;#D94141&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;color&quot;,&quot;default&quot;:&quot;#D94141&quot;},&quot;svg_color&quot;:{&quot;label&quot;:&quot;Apply accent color to SVG icons&quot;,&quot;name&quot;:&quot;svg_color&quot;,&quot;title&quot;:&quot;Apply accent color to SVG icons&quot;,&quot;value&quot;:0,&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;toggle&quot;}}},&quot;typography&quot;:{&quot;label&quot;:&quot;Typography&quot;,&quot;name&quot;:&quot;typography&quot;,&quot;data&quot;:{&quot;header_font_size&quot;:{&quot;label&quot;:&quot;Header font size&quot;,&quot;name&quot;:&quot;header_font_size&quot;,&quot;title&quot;:&quot;Header font size&quot;,&quot;value&quot;:20,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;header_font_weight&quot;:{&quot;label&quot;:&quot;Header font weight&quot;,&quot;name&quot;:&quot;header_font_weight&quot;,&quot;title&quot;:&quot;Header font weight&quot;,&quot;value&quot;:&quot;bold&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;normal&quot;:&quot;Normal&quot;,&quot;inherit&quot;:&quot;Inherit&quot;,&quot;100&quot;:&quot;100&quot;,&quot;200&quot;:&quot;200&quot;,&quot;300&quot;:&quot;300&quot;,&quot;400&quot;:&quot;400&quot;,&quot;500&quot;:&quot;500&quot;,&quot;600&quot;:&quot;600&quot;,&quot;700&quot;:&quot;700&quot;,&quot;800&quot;:&quot;800&quot;,&quot;900&quot;:&quot;900&quot;,&quot;bold&quot;:&quot;Bold&quot;,&quot;bolder&quot;:&quot;Bolder&quot;}}},&quot;label_font_size&quot;:{&quot;label&quot;:&quot;Label font size&quot;,&quot;name&quot;:&quot;label_font_size&quot;,&quot;title&quot;:&quot;Label font size&quot;,&quot;value&quot;:12,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;label_font_weight&quot;:{&quot;label&quot;:&quot;Label font weight&quot;,&quot;name&quot;:&quot;label_font_weight&quot;,&quot;title&quot;:&quot;Label font weight&quot;,&quot;value&quot;:&quot;bold&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;normal&quot;:&quot;Normal&quot;,&quot;inherit&quot;:&quot;Inherit&quot;,&quot;100&quot;:&quot;100&quot;,&quot;200&quot;:&quot;200&quot;,&quot;300&quot;:&quot;300&quot;,&quot;400&quot;:&quot;400&quot;,&quot;500&quot;:&quot;500&quot;,&quot;600&quot;:&quot;600&quot;,&quot;700&quot;:&quot;700&quot;,&quot;800&quot;:&quot;800&quot;,&quot;900&quot;:&quot;900&quot;,&quot;bold&quot;:&quot;Bold&quot;,&quot;bolder&quot;:&quot;Bolder&quot;}}},&quot;description_font_size&quot;:{&quot;label&quot;:&quot;Description font size&quot;,&quot;name&quot;:&quot;description_font_size&quot;,&quot;title&quot;:&quot;Description font size&quot;,&quot;value&quot;:12,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;description_font_weight&quot;:{&quot;label&quot;:&quot;Description font weight&quot;,&quot;name&quot;:&quot;description_font_weight&quot;,&quot;title&quot;:&quot;Description font weight&quot;,&quot;value&quot;:500,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;normal&quot;:&quot;Normal&quot;,&quot;inherit&quot;:&quot;Inherit&quot;,&quot;100&quot;:&quot;100&quot;,&quot;200&quot;:&quot;200&quot;,&quot;300&quot;:&quot;300&quot;,&quot;400&quot;:&quot;400&quot;,&quot;500&quot;:&quot;500&quot;,&quot;600&quot;:&quot;600&quot;,&quot;700&quot;:&quot;700&quot;,&quot;800&quot;:&quot;800&quot;,&quot;900&quot;:&quot;900&quot;,&quot;bold&quot;:&quot;Bold&quot;,&quot;bolder&quot;:&quot;Bolder&quot;}}},&quot;total_field_font_size&quot;:{&quot;label&quot;:&quot;Total field font size&quot;,&quot;name&quot;:&quot;total_field_font_size&quot;,&quot;title&quot;:&quot;Total field font size&quot;,&quot;value&quot;:14,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;total_field_font_weight&quot;:{&quot;label&quot;:&quot;Total field font weight&quot;,&quot;name&quot;:&quot;total_field_font_weight&quot;,&quot;title&quot;:&quot;Total field font weight&quot;,&quot;value&quot;:500,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;normal&quot;:&quot;Normal&quot;,&quot;inherit&quot;:&quot;Inherit&quot;,&quot;100&quot;:&quot;100&quot;,&quot;200&quot;:&quot;200&quot;,&quot;300&quot;:&quot;300&quot;,&quot;400&quot;:&quot;400&quot;,&quot;500&quot;:&quot;500&quot;,&quot;600&quot;:&quot;600&quot;,&quot;700&quot;:&quot;700&quot;,&quot;800&quot;:&quot;800&quot;,&quot;900&quot;:&quot;900&quot;,&quot;bold&quot;:&quot;Bold&quot;,&quot;bolder&quot;:&quot;Bolder&quot;}}},&quot;total_font_size&quot;:{&quot;label&quot;:&quot;Total font size&quot;,&quot;name&quot;:&quot;total_font_size&quot;,&quot;title&quot;:&quot;Total font size&quot;,&quot;value&quot;:16,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;total_text_transform&quot;:{&quot;label&quot;:&quot;Total field text transform&quot;,&quot;name&quot;:&quot;total_text_transform&quot;,&quot;title&quot;:&quot;Total field text transform&quot;,&quot;value&quot;:&quot;capitalize&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;capitalize&quot;:&quot;Capitalize&quot;,&quot;uppercase&quot;:&quot;Uppercase&quot;,&quot;lowercase&quot;:&quot;Lowercase&quot;,&quot;none&quot;:&quot;None&quot;}}},&quot;total_font_weight&quot;:{&quot;label&quot;:&quot;Total font weight&quot;,&quot;name&quot;:&quot;total_font_weight&quot;,&quot;title&quot;:&quot;Total font weight&quot;,&quot;value&quot;:&quot;bold&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;normal&quot;:&quot;Normal&quot;,&quot;inherit&quot;:&quot;Inherit&quot;,&quot;100&quot;:&quot;100&quot;,&quot;200&quot;:&quot;200&quot;,&quot;300&quot;:&quot;300&quot;,&quot;400&quot;:&quot;400&quot;,&quot;500&quot;:&quot;500&quot;,&quot;600&quot;:&quot;600&quot;,&quot;700&quot;:&quot;700&quot;,&quot;800&quot;:&quot;800&quot;,&quot;900&quot;:&quot;900&quot;,&quot;bold&quot;:&quot;Bold&quot;,&quot;bolder&quot;:&quot;Bolder&quot;}}},&quot;fields_btn_font_size&quot;:{&quot;label&quot;:&quot;Fields &amp; Buttons font size&quot;,&quot;name&quot;:&quot;fields_btn_font_size&quot;,&quot;title&quot;:&quot;Fields &amp; Buttons font size&quot;,&quot;value&quot;:16,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;fields_btn_font_weight&quot;:{&quot;label&quot;:&quot;Fields &amp; Buttons font weight&quot;,&quot;name&quot;:&quot;fields_btn_font_weight&quot;,&quot;title&quot;:&quot;Fields &amp; Buttons font weight&quot;,&quot;value&quot;:500,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;normal&quot;:&quot;Normal&quot;,&quot;inherit&quot;:&quot;Inherit&quot;,&quot;100&quot;:&quot;100&quot;,&quot;200&quot;:&quot;200&quot;,&quot;300&quot;:&quot;300&quot;,&quot;400&quot;:&quot;400&quot;,&quot;500&quot;:&quot;500&quot;,&quot;600&quot;:&quot;600&quot;,&quot;700&quot;:&quot;700&quot;,&quot;800&quot;:&quot;800&quot;,&quot;900&quot;:&quot;900&quot;,&quot;bold&quot;:&quot;Bold&quot;,&quot;bolder&quot;:&quot;Bolder&quot;}}}}},&quot;borders&quot;:{&quot;label&quot;:&quot;Borders&quot;,&quot;name&quot;:&quot;borders&quot;,&quot;data&quot;:{&quot;container_border&quot;:{&quot;label&quot;:&quot;Container border&quot;,&quot;name&quot;:&quot;container_border&quot;,&quot;title&quot;:&quot;Container border&quot;,&quot;value&quot;:{&quot;type&quot;:&quot;solid&quot;,&quot;width&quot;:0,&quot;radius&quot;:0},&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;border&quot;,&quot;data&quot;:{&quot;border_type&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;border_type&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:&quot;solid&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;dotted&quot;:&quot;Dotted&quot;,&quot;dashed&quot;:&quot;Dashed&quot;,&quot;solid&quot;:&quot;Solid&quot;,&quot;double&quot;:&quot;Double&quot;,&quot;groove&quot;:&quot;Groove&quot;,&quot;ridge&quot;:&quot;Ridge&quot;,&quot;inset&quot;:&quot;Inset&quot;,&quot;outset&quot;:&quot;Outset&quot;,&quot;none&quot;:&quot;None&quot;,&quot;hidden&quot;:&quot;Hidden&quot;}}},&quot;border_width&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;border_width&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:0,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:{&quot;prefix&quot;:&quot;px&quot;},&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;border_radius&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;border_radius&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:0,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:{&quot;prefix&quot;:&quot;Radius&quot;},&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}}}},&quot;fields_border&quot;:{&quot;label&quot;:&quot;Fields border&quot;,&quot;name&quot;:&quot;fields_border&quot;,&quot;title&quot;:&quot;Fields border&quot;,&quot;value&quot;:{&quot;type&quot;:&quot;solid&quot;,&quot;width&quot;:2,&quot;radius&quot;:4},&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;border&quot;,&quot;data&quot;:{&quot;border_type&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;border_type&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:&quot;solid&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;dotted&quot;:&quot;Dotted&quot;,&quot;dashed&quot;:&quot;Dashed&quot;,&quot;solid&quot;:&quot;Solid&quot;,&quot;double&quot;:&quot;Double&quot;,&quot;groove&quot;:&quot;Groove&quot;,&quot;ridge&quot;:&quot;Ridge&quot;,&quot;inset&quot;:&quot;Inset&quot;,&quot;outset&quot;:&quot;Outset&quot;,&quot;none&quot;:&quot;None&quot;,&quot;hidden&quot;:&quot;Hidden&quot;}}},&quot;border_width&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;border_width&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:2,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:{&quot;prefix&quot;:&quot;px&quot;},&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;border_radius&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;border_radius&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:4,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:{&quot;prefix&quot;:&quot;Radius&quot;},&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}}}},&quot;button_border&quot;:{&quot;label&quot;:&quot;Button border&quot;,&quot;name&quot;:&quot;button_border&quot;,&quot;title&quot;:&quot;Button border&quot;,&quot;value&quot;:{&quot;type&quot;:&quot;solid&quot;,&quot;width&quot;:2,&quot;radius&quot;:4},&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;border&quot;,&quot;data&quot;:{&quot;border_type&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;border_type&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:&quot;solid&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;dotted&quot;:&quot;Dotted&quot;,&quot;dashed&quot;:&quot;Dashed&quot;,&quot;solid&quot;:&quot;Solid&quot;,&quot;double&quot;:&quot;Double&quot;,&quot;groove&quot;:&quot;Groove&quot;,&quot;ridge&quot;:&quot;Ridge&quot;,&quot;inset&quot;:&quot;Inset&quot;,&quot;outset&quot;:&quot;Outset&quot;,&quot;none&quot;:&quot;None&quot;,&quot;hidden&quot;:&quot;Hidden&quot;}}},&quot;border_width&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;border_width&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:2,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:{&quot;prefix&quot;:&quot;px&quot;},&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;border_radius&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;border_radius&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:4,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:{&quot;prefix&quot;:&quot;Radius&quot;},&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}}}}}},&quot;shadows&quot;:{&quot;label&quot;:&quot;Shadows&quot;,&quot;name&quot;:&quot;shadows&quot;,&quot;data&quot;:{&quot;container_shadow&quot;:{&quot;label&quot;:&quot;Container shadow&quot;,&quot;name&quot;:&quot;container_shadow&quot;,&quot;title&quot;:&quot;Container shadow&quot;,&quot;value&quot;:{&quot;color&quot;:&quot;#ffffff&quot;,&quot;blur&quot;:0,&quot;x&quot;:0,&quot;y&quot;:0},&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;shadow&quot;,&quot;data&quot;:{&quot;color&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;color&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:&quot;#ffffff&quot;,&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;color&quot;,&quot;default&quot;:&quot;#ffffff&quot;},&quot;blur&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;border_width&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:0,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:{&quot;prefix&quot;:&quot;Blur&quot;},&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;x&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;border_radius&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:0,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:{&quot;prefix&quot;:&quot;X&quot;},&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;y&quot;:{&quot;label&quot;:&quot;&quot;,&quot;name&quot;:&quot;border_radius&quot;,&quot;title&quot;:&quot;&quot;,&quot;value&quot;:0,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:{&quot;prefix&quot;:&quot;Y&quot;},&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}}}}}},&quot;elements_sizes&quot;:{&quot;label&quot;:&quot;Sizes&quot;,&quot;name&quot;:&quot;elements_sizes&quot;,&quot;data&quot;:{&quot;field_and_buttons_height&quot;:{&quot;label&quot;:&quot;Fields &amp; Buttons height&quot;,&quot;name&quot;:&quot;field_and_buttons_height&quot;,&quot;title&quot;:&quot;Fields &amp; Buttons height&quot;,&quot;value&quot;:45,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;container_vertical_max_width&quot;:{&quot;label&quot;:&quot;Vertical max-width&quot;,&quot;name&quot;:&quot;container_vertical_max_width&quot;,&quot;title&quot;:&quot;Vertical max-width&quot;,&quot;value&quot;:970,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:2000,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;container_horizontal_max_width&quot;:{&quot;label&quot;:&quot;Horizontal max-width&quot;,&quot;name&quot;:&quot;container_horizontal_max_width&quot;,&quot;title&quot;:&quot;Horizontal max-width&quot;,&quot;value&quot;:970,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:2000,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;container_two_column_max_width&quot;:{&quot;label&quot;:&quot;Two columns max-width&quot;,&quot;name&quot;:&quot;container_two_column_max_width&quot;,&quot;title&quot;:&quot;Two columns max-width&quot;,&quot;value&quot;:1240,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:2000,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}}}},&quot;spacing_and_positions&quot;:{&quot;label&quot;:&quot;Spacing &amp; Positions&quot;,&quot;name&quot;:&quot;spacing_and_positions&quot;,&quot;data&quot;:{&quot;field_side_indents&quot;:{&quot;label&quot;:&quot;Field side indents&quot;,&quot;name&quot;:&quot;field_side_indents&quot;,&quot;title&quot;:&quot;Field side indents&quot;,&quot;value&quot;:20,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;field_spacing&quot;:{&quot;label&quot;:&quot;Field spacing&quot;,&quot;name&quot;:&quot;field_spacing&quot;,&quot;title&quot;:&quot;Field spacing&quot;,&quot;value&quot;:20,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;container_margin&quot;:{&quot;label&quot;:&quot;Container margin (px)&quot;,&quot;name&quot;:&quot;container_margin&quot;,&quot;title&quot;:&quot;Container margin (px)&quot;,&quot;value&quot;:[0,0,0,0],&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;indent&quot;,&quot;data&quot;:{&quot;top&quot;:{&quot;value&quot;:&quot;0px&quot;,&quot;label&quot;:&quot;Top&quot;,&quot;name&quot;:&quot;top&quot;,&quot;icon&quot;:&quot;arrow-top&quot;},&quot;right&quot;:{&quot;value&quot;:&quot;0px&quot;,&quot;label&quot;:&quot;Right&quot;,&quot;name&quot;:&quot;right&quot;,&quot;icon&quot;:&quot;arrow-right&quot;},&quot;bottom&quot;:{&quot;value&quot;:&quot;0px&quot;,&quot;label&quot;:&quot;Bottom&quot;,&quot;name&quot;:&quot;bottom&quot;,&quot;icon&quot;:&quot;arrow-bottom&quot;},&quot;left&quot;:{&quot;value&quot;:&quot;0px&quot;,&quot;label&quot;:&quot;Left&quot;,&quot;name&quot;:&quot;left&quot;,&quot;icon&quot;:&quot;arrow-left&quot;}}},&quot;container_padding&quot;:{&quot;label&quot;:&quot;Container padding (px)&quot;,&quot;name&quot;:&quot;container_padding&quot;,&quot;title&quot;:&quot;Container padding (px)&quot;,&quot;value&quot;:[40,40,40,40],&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;indent&quot;,&quot;data&quot;:{&quot;top&quot;:{&quot;value&quot;:&quot;40px&quot;,&quot;label&quot;:&quot;Top&quot;,&quot;name&quot;:&quot;top&quot;,&quot;icon&quot;:&quot;arrow-top&quot;},&quot;right&quot;:{&quot;value&quot;:&quot;40px&quot;,&quot;label&quot;:&quot;Right&quot;,&quot;name&quot;:&quot;right&quot;,&quot;icon&quot;:&quot;arrow-right&quot;},&quot;bottom&quot;:{&quot;value&quot;:&quot;40px&quot;,&quot;label&quot;:&quot;Bottom&quot;,&quot;name&quot;:&quot;bottom&quot;,&quot;icon&quot;:&quot;arrow-bottom&quot;},&quot;left&quot;:{&quot;value&quot;:&quot;40px&quot;,&quot;label&quot;:&quot;Left&quot;,&quot;name&quot;:&quot;left&quot;,&quot;icon&quot;:&quot;arrow-left&quot;}}},&quot;description_position&quot;:{&quot;label&quot;:&quot;Description position&quot;,&quot;name&quot;:&quot;description_position&quot;,&quot;title&quot;:&quot;Description position&quot;,&quot;value&quot;:&quot;after&quot;,&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;before&quot;:&quot;Before field&quot;,&quot;after&quot;:&quot;After field&quot;}}}}},&quot;others&quot;:{&quot;label&quot;:&quot;Others&quot;,&quot;name&quot;:&quot;others&quot;,&quot;data&quot;:{&quot;calc_preloader&quot;:{&quot;label&quot;:&quot;Preloader icon&quot;,&quot;name&quot;:&quot;calc-preloader&quot;,&quot;title&quot;:&quot;Preloader icon&quot;,&quot;value&quot;:0,&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;preloader&quot;}}}},&quot;mobile&quot;:{&quot;typography&quot;:{&quot;label&quot;:&quot;Typography&quot;,&quot;name&quot;:&quot;typography&quot;,&quot;data&quot;:{&quot;header_font_size&quot;:{&quot;label&quot;:&quot;Header font size&quot;,&quot;name&quot;:&quot;header_font_size&quot;,&quot;title&quot;:&quot;Header font size&quot;,&quot;value&quot;:18,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;header_font_weight&quot;:{&quot;label&quot;:&quot;Header font weight&quot;,&quot;name&quot;:&quot;header_font_weight&quot;,&quot;title&quot;:&quot;Header font weight&quot;,&quot;value&quot;:&quot;bold&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;normal&quot;:&quot;Normal&quot;,&quot;inherit&quot;:&quot;Inherit&quot;,&quot;100&quot;:&quot;100&quot;,&quot;200&quot;:&quot;200&quot;,&quot;300&quot;:&quot;300&quot;,&quot;400&quot;:&quot;400&quot;,&quot;500&quot;:&quot;500&quot;,&quot;600&quot;:&quot;600&quot;,&quot;700&quot;:&quot;700&quot;,&quot;800&quot;:&quot;800&quot;,&quot;900&quot;:&quot;900&quot;,&quot;bold&quot;:&quot;Bold&quot;,&quot;bolder&quot;:&quot;Bolder&quot;}}},&quot;label_font_size&quot;:{&quot;label&quot;:&quot;Label font size&quot;,&quot;name&quot;:&quot;label_font_size&quot;,&quot;title&quot;:&quot;Label font size&quot;,&quot;value&quot;:11,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;label_font_weight&quot;:{&quot;label&quot;:&quot;Label font weight&quot;,&quot;name&quot;:&quot;label_font_weight&quot;,&quot;title&quot;:&quot;Label font weight&quot;,&quot;value&quot;:&quot;bold&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;normal&quot;:&quot;Normal&quot;,&quot;inherit&quot;:&quot;Inherit&quot;,&quot;100&quot;:&quot;100&quot;,&quot;200&quot;:&quot;200&quot;,&quot;300&quot;:&quot;300&quot;,&quot;400&quot;:&quot;400&quot;,&quot;500&quot;:&quot;500&quot;,&quot;600&quot;:&quot;600&quot;,&quot;700&quot;:&quot;700&quot;,&quot;800&quot;:&quot;800&quot;,&quot;900&quot;:&quot;900&quot;,&quot;bold&quot;:&quot;Bold&quot;,&quot;bolder&quot;:&quot;Bolder&quot;}}},&quot;description_font_size&quot;:{&quot;label&quot;:&quot;Description font size&quot;,&quot;name&quot;:&quot;description_font_size&quot;,&quot;title&quot;:&quot;Description font size&quot;,&quot;value&quot;:11,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;description_font_weight&quot;:{&quot;label&quot;:&quot;Description font weight&quot;,&quot;name&quot;:&quot;description_font_weight&quot;,&quot;title&quot;:&quot;Description font weight&quot;,&quot;value&quot;:500,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;normal&quot;:&quot;Normal&quot;,&quot;inherit&quot;:&quot;Inherit&quot;,&quot;100&quot;:&quot;100&quot;,&quot;200&quot;:&quot;200&quot;,&quot;300&quot;:&quot;300&quot;,&quot;400&quot;:&quot;400&quot;,&quot;500&quot;:&quot;500&quot;,&quot;600&quot;:&quot;600&quot;,&quot;700&quot;:&quot;700&quot;,&quot;800&quot;:&quot;800&quot;,&quot;900&quot;:&quot;900&quot;,&quot;bold&quot;:&quot;Bold&quot;,&quot;bolder&quot;:&quot;Bolder&quot;}}},&quot;total_field_font_size&quot;:{&quot;label&quot;:&quot;Total field font size&quot;,&quot;name&quot;:&quot;total_field_font_size&quot;,&quot;title&quot;:&quot;Total field font size&quot;,&quot;value&quot;:14,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;total_field_font_weight&quot;:{&quot;label&quot;:&quot;Total field font weight&quot;,&quot;name&quot;:&quot;total_field_font_weight&quot;,&quot;title&quot;:&quot;Total field font weight&quot;,&quot;value&quot;:500,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;normal&quot;:&quot;Normal&quot;,&quot;inherit&quot;:&quot;Inherit&quot;,&quot;100&quot;:&quot;100&quot;,&quot;200&quot;:&quot;200&quot;,&quot;300&quot;:&quot;300&quot;,&quot;400&quot;:&quot;400&quot;,&quot;500&quot;:&quot;500&quot;,&quot;600&quot;:&quot;600&quot;,&quot;700&quot;:&quot;700&quot;,&quot;800&quot;:&quot;800&quot;,&quot;900&quot;:&quot;900&quot;,&quot;bold&quot;:&quot;Bold&quot;,&quot;bolder&quot;:&quot;Bolder&quot;}}},&quot;total_font_size&quot;:{&quot;label&quot;:&quot;Total font size&quot;,&quot;name&quot;:&quot;total_font_size&quot;,&quot;title&quot;:&quot;Total font size&quot;,&quot;value&quot;:16,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;total_text_transform&quot;:{&quot;label&quot;:&quot;Total field text transform&quot;,&quot;name&quot;:&quot;total_text_transform&quot;,&quot;title&quot;:&quot;Total field text transform&quot;,&quot;value&quot;:&quot;capitalize&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;capitalize&quot;:&quot;Capitalize&quot;,&quot;uppercase&quot;:&quot;Uppercase&quot;,&quot;lowercase&quot;:&quot;Lowercase&quot;,&quot;none&quot;:&quot;None&quot;}}},&quot;total_font_weight&quot;:{&quot;label&quot;:&quot;Total font weight&quot;,&quot;name&quot;:&quot;total_font_weight&quot;,&quot;title&quot;:&quot;Total font weight&quot;,&quot;value&quot;:&quot;bold&quot;,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;normal&quot;:&quot;Normal&quot;,&quot;inherit&quot;:&quot;Inherit&quot;,&quot;100&quot;:&quot;100&quot;,&quot;200&quot;:&quot;200&quot;,&quot;300&quot;:&quot;300&quot;,&quot;400&quot;:&quot;400&quot;,&quot;500&quot;:&quot;500&quot;,&quot;600&quot;:&quot;600&quot;,&quot;700&quot;:&quot;700&quot;,&quot;800&quot;:&quot;800&quot;,&quot;900&quot;:&quot;900&quot;,&quot;bold&quot;:&quot;Bold&quot;,&quot;bolder&quot;:&quot;Bolder&quot;}}},&quot;fields_btn_font_size&quot;:{&quot;label&quot;:&quot;Fields &amp; Buttons font size&quot;,&quot;name&quot;:&quot;fields_btn_font_size&quot;,&quot;title&quot;:&quot;Fields &amp; Buttons font size&quot;,&quot;value&quot;:14,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;fields_btn_font_weight&quot;:{&quot;label&quot;:&quot;Fields &amp; Buttons font weight&quot;,&quot;name&quot;:&quot;fields_btn_font_weight&quot;,&quot;title&quot;:&quot;Fields &amp; Buttons font weight&quot;,&quot;value&quot;:500,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;select&quot;,&quot;data&quot;:{&quot;options&quot;:{&quot;normal&quot;:&quot;Normal&quot;,&quot;inherit&quot;:&quot;Inherit&quot;,&quot;100&quot;:&quot;100&quot;,&quot;200&quot;:&quot;200&quot;,&quot;300&quot;:&quot;300&quot;,&quot;400&quot;:&quot;400&quot;,&quot;500&quot;:&quot;500&quot;,&quot;600&quot;:&quot;600&quot;,&quot;700&quot;:&quot;700&quot;,&quot;800&quot;:&quot;800&quot;,&quot;900&quot;:&quot;900&quot;,&quot;bold&quot;:&quot;Bold&quot;,&quot;bolder&quot;:&quot;Bolder&quot;}}}}},&quot;elements_sizes&quot;:{&quot;label&quot;:&quot;Sizes&quot;,&quot;name&quot;:&quot;elements_sizes&quot;,&quot;data&quot;:{&quot;field_and_buttons_height&quot;:{&quot;label&quot;:&quot;Fields &amp; Buttons height&quot;,&quot;name&quot;:&quot;field_and_buttons_height&quot;,&quot;title&quot;:&quot;Fields &amp; Buttons height&quot;,&quot;value&quot;:45,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}}}},&quot;spacing_and_positions&quot;:{&quot;label&quot;:&quot;Spacing &amp; Positions&quot;,&quot;name&quot;:&quot;spacing_and_positions&quot;,&quot;data&quot;:{&quot;field_side_indents&quot;:{&quot;label&quot;:&quot;Field side indents&quot;,&quot;name&quot;:&quot;field_side_indents&quot;,&quot;title&quot;:&quot;Field side indents&quot;,&quot;value&quot;:20,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;field_spacing&quot;:{&quot;label&quot;:&quot;Field spacing&quot;,&quot;name&quot;:&quot;field_spacing&quot;,&quot;title&quot;:&quot;Field spacing&quot;,&quot;value&quot;:20,&quot;col&quot;:&quot;col-6&quot;,&quot;type&quot;:&quot;number&quot;,&quot;additional&quot;:[],&quot;data&quot;:{&quot;min&quot;:0,&quot;max&quot;:100,&quot;step&quot;:1,&quot;dimension&quot;:&quot;px&quot;}},&quot;container_margin&quot;:{&quot;label&quot;:&quot;Container margin (px)&quot;,&quot;name&quot;:&quot;container_margin&quot;,&quot;title&quot;:&quot;Container margin (px)&quot;,&quot;value&quot;:[0,0,0,0],&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;indent&quot;,&quot;data&quot;:{&quot;top&quot;:{&quot;value&quot;:&quot;0px&quot;,&quot;label&quot;:&quot;Top&quot;,&quot;name&quot;:&quot;top&quot;,&quot;icon&quot;:&quot;arrow-top&quot;},&quot;right&quot;:{&quot;value&quot;:&quot;0px&quot;,&quot;label&quot;:&quot;Right&quot;,&quot;name&quot;:&quot;right&quot;,&quot;icon&quot;:&quot;arrow-right&quot;},&quot;bottom&quot;:{&quot;value&quot;:&quot;0px&quot;,&quot;label&quot;:&quot;Bottom&quot;,&quot;name&quot;:&quot;bottom&quot;,&quot;icon&quot;:&quot;arrow-bottom&quot;},&quot;left&quot;:{&quot;value&quot;:&quot;0px&quot;,&quot;label&quot;:&quot;Left&quot;,&quot;name&quot;:&quot;left&quot;,&quot;icon&quot;:&quot;arrow-left&quot;}}},&quot;container_padding&quot;:{&quot;label&quot;:&quot;Container padding (px)&quot;,&quot;name&quot;:&quot;container_padding&quot;,&quot;title&quot;:&quot;Container padding (px)&quot;,&quot;value&quot;:[25,25,25,25],&quot;col&quot;:&quot;col-12&quot;,&quot;type&quot;:&quot;indent&quot;,&quot;data&quot;:{&quot;top&quot;:{&quot;value&quot;:&quot;25px&quot;,&quot;label&quot;:&quot;Top&quot;,&quot;name&quot;:&quot;top&quot;,&quot;icon&quot;:&quot;arrow-top&quot;},&quot;right&quot;:{&quot;value&quot;:&quot;25px&quot;,&quot;label&quot;:&quot;Right&quot;,&quot;name&quot;:&quot;right&quot;,&quot;icon&quot;:&quot;arrow-right&quot;},&quot;bottom&quot;:{&quot;value&quot;:&quot;25px&quot;,&quot;label&quot;:&quot;Bottom&quot;,&quot;name&quot;:&quot;bottom&quot;,&quot;icon&quot;:&quot;arrow-bottom&quot;},&quot;left&quot;:{&quot;value&quot;:&quot;25px&quot;,&quot;label&quot;:&quot;Left&quot;,&quot;name&quot;:&quot;left&quot;,&quot;icon&quot;:&quot;arrow-left&quot;}}}}}}},&quot;dateFormat&quot;:&quot;F j, Y&quot;,&quot;pro_active&quot;:true,&quot;default_img&quot;:&quot;https:\\\/\\\/portal.stylemixstage.com\\\/cost-calculator-plugin\\\/wp-content\\\/plugins\\\/cost-calculator-builder\\\/frontend\\\/dist\\\/img\\\/default.png&quot;,&quot;error_img&quot;:&quot;https:\\\/\\\/portal.stylemixstage.com\\\/cost-calculator-plugin\\\/wp-content\\\/plugins\\\/cost-calculator-builder\\\/frontend\\\/dist\\\/img\\\/error.png&quot;,&quot;success_img&quot;:&quot;https:\\\/\\\/portal.stylemixstage.com\\\/cost-calculator-plugin\\\/wp-content\\\/plugins\\\/cost-calculator-builder\\\/frontend\\\/dist\\\/img\\\/success.png&quot;,&quot;translations&quot;:{&quot;empty_end_date_error&quot;:&quot;Please select the second date&quot;,&quot;empty_end_time_error&quot;:&quot;Please select the second time&quot;,&quot;required_field&quot;:&quot;This field is required&quot;,&quot;select_date_range&quot;:&quot;Select Date Range&quot;,&quot;select_date&quot;:&quot;Select Date&quot;,&quot;high_end_date_error&quot;:&quot;To date must be greater than from date&quot;,&quot;high_end_multi_range&quot;:&quot;To value must be greater than from value&quot;,&quot;wrong_file_url&quot;:&quot;Wrong file url&quot;,&quot;big_file_size&quot;:&quot;File size is too big&quot;,&quot;wrong_file_format&quot;:&quot;Wrong file format&quot;,&quot;form_no_payment&quot;:&quot;No Payment&quot;,&quot;min_higher_max&quot;:&quot;Max value must be greater than min value&quot;,&quot;must_be_between&quot;:&quot;Value must be between min and max values&quot;,&quot;must_be_greater_min&quot;:&quot;Value can&#039;t be less than min value&quot;,&quot;must_be_less_max&quot;:&quot;Value can&#039;t be greater than max value&quot;}}\" inline-template :id=\"9619\">\n\t\t<div ref=\"calc\" class=\"calc-container\" data-calc-id=\"9619\" :class=\"[boxStyle, {demoSite: showDemoBoxStyle}]\">\n\t\t\t<loader-wrapper v-if=\"loader\" idx=\"0\" width=\"60px\" height=\"60px\" scale=\"0.9\" :front=\"true\"><\/loader-wrapper>\n\t\t\t<div class=\"ccb-demo-box-styles\" :class=\"{active: showDemoBoxStyle}\">\n\t\t\t\t<div class=\"ccb-box-styles\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"ccb-box-style-inner\" :class=\"{'ccb-style-active': boxStyle === 'two_column'}\" @click=\"changeBoxStyle('two_column')\">\n\t\t\t\t\t\t\t<i class=\"ccb-icon-Union-27\"><\/i>\n\t\t\t\t\t\t\t<span>Two columns<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"ccb-box-style-inner\" :class=\"{'ccb-style-active': boxStyle === 'vertical'}\" @click=\"changeBoxStyle('vertical')\">\n\t\t\t\t\t\t\t<i class=\"ccb-icon-Union-26\"><\/i>\n\t\t\t\t\t\t\t<span>Vertical<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"ccb-box-style-inner\" :class=\"{'ccb-style-active': boxStyle === 'horizontal'}\" @click=\"changeBoxStyle('horizontal')\">\n\t\t\t\t\t\t\t<i class=\"ccb-icon-Union-25\"><\/i>\n\t\t\t\t\t\t\t<span>Horizontal<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"calc-fields calc-list calc-list__indexed\" :class=\"{loaded: !loader, 'payment' : getHideCalc}\">\n\t\t\t\t<div class=\"calc-list-inner\">\n\t\t\t\t\t<div class=\"calc-item-title\">\n\t\t\t\t\t\t<h2>Web Design<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div v-if=\"calc_data\" class=\"calc-fields-container\">\n\t\t\t\t\t\t<template v-for=\"field in calc_data.fields\">\n\t\t\t\t\t\t\t<template v-if=\"field && field.alias && field.type !== 'Total'\">\n\t\t\t\t\t\t\t\t<component\n\t\t\t\t\t\t\t\t\t\tformat=\"\"\n\t\t\t\t\t\t\t\t\t\ttext-days=\"days\"\n\t\t\t\t\t\t\t\t\t\tv-if=\"fields[field.alias]\"\n\t\t\t\t\t\t\t\t\t\t:is=\"field._tag\"\n\t\t\t\t\t\t\t\t\t\t:id=\"calc_data.id\"\n\t\t\t\t\t\t\t\t\t\t:field=\"field\"\n\t\t\t\t\t\t\t\t\t\t:converter=\"currencyFormat\"\n\t\t\t\t\t\t\t\t\t\t:disabled=\"fields[field.alias].disabled\"\n\t\t\t\t\t\t\t\t\t\tv-model=\"fields[field.alias].value\"\n\t\t\t\t\t\t\t\t\t\tv-on:change=\"change\"\n\t\t\t\t\t\t\t\t\t\tv-on:[field._event]=\"change\"\n\t\t\t\t\t\t\t\t\t\tv-on:condition-apply=\"renderCondition\"\n\t\t\t\t\t\t\t\t\t\t:key=\"!field.hasNextTick ? field.alias : field.alias + '_' + fields[field.alias].nextTickCount\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<\/component>\n\t\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t\t<template v-else-if=\"field && !field.alias && field.type !== 'Total'\">\n\t\t\t\t\t\t\t\t<component\n\t\t\t\t\t\t\t\t\t\t:id=\"calc_data.id\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"boxStyle\"\n\t\t\t\t\t\t\t\t\t\t:is=\"field._tag\"\n\t\t\t\t\t\t\t\t\t\t:field=\"field\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<\/component>\n\t\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t<\/template>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"calc-subtotal calc-list\" :id=\"getTotalStickyId\" :class=\"{loaded: !loader}\">\n\t\t\t\t<div class=\"calc-subtotal-wrapper\">\n\t\t\t\t\t<div class=\"calc-list-inner\" v-show=\"getStep !== 'finish'\">\n\t\t\t\t\t\t<div class=\"calc-item-title calc-accordion\">\n\t\t\t\t\t\t\t<h2>Summary<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"calc-accordion-btn\" ref=\"calcAccordionToggle\" @click=\"toggleAccordion\">\n\t\t\t\t\t\t\t\t\t<i class=\"ccb-icon-Path-3485\" :style=\"{top: '1px', transform: currentAccordionHeight === '0px' ? 'rotate(0)' : 'rotate(180deg)'}\"><\/i>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"calc-subtotal-list\" :class=\"{ 'show-unit': this.showUnitInSummary }\">\n\t\t\t\t\t\t\t<div class=\"calc-subtotal-list-accordion\" ref=\"calcAccordion\" :style=\"{maxHeight: currentAccordionHeight}\">\n\t\t\t\t\t\t\t\t<div class=\"calc-subtotal-list-header\" v-if=\"this.showUnitInSummary\">\n\t\t\t\t\t\t\t\t\t<span class=\"calc-subtotal-list-header__name\">Name<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"calc-subtotal-list-header__value\">Total<\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<template v-for=\"field in getTotalSummaryFields\" v-if=\"field.alias.indexOf('total') === -1 && settings && settings.general.descriptions\">\n\t\t\t\t\t\t\t\t\t<div v-if=\"'text' == field.alias.replace(\/\\_field_id.*\/,'')\" :class=\"[field.alias, 'sub-list-item']\" :style=\"{display: field.hidden ? 'none' : 'flex'}\" >\n\t\t\t\t\t\t\t\t\t\t<span class=\"sub-item-title\">{{ field.label }}<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"sub-item-space\" :class=\"[{'text-empty-field': field.value == 0}]\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"sub-item-value\" v-if=\"field.value != 0\"> {{ field.converted }} <\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div v-else :class=\"[field.alias, 'sub-list-item']\" :style=\"{display: field.hidden ? 'none' : 'flex'}\" :break-border=\"breakBorder(field)\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"sub-item-title\">{{ field.label }}<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"sub-item-space\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"sub-item-value\" v-if=\"!field.summary_view || field.summary_view === 'show_value'\"> {{  field.converted }} <\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"sub-item-value\" v-if=\"field.summary_view !== 'show_value' && field.extraView\"> {{  field.extraView }} <\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"sub-item-value\" v-if=\"field.summary_view !== 'show_value' && !field.extraView && this.showUnitInSummary\"><\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div :class=\"[field.alias, 'sub-list-item inner']\" v-if=\"field.option_unit\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"sub-inner\" :style=\"{display: field.hidden ? 'none' : 'flex'}\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"sub-item-unit\" :class=\"{'break-all': field.break_all}\">{{ field.option_unit }}<\/span>\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<div :class=\"[field.alias, 'sub-list-item inner']\" v-if=\"['checkbox', 'toggle', 'checkbox_with_img'].includes(field.alias.replace(\/\\_field_id.*\/,'')) && field.options && field.options.length\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"sub-inner\" v-for=\"option in field.options\" :style=\"{display: field.hidden ? 'none' : 'flex'}\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"sub-item-title\"> {{ option.label }} <\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"sub-item-space\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"sub-item-value\"> {{  option.converted }} <\/span>\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<\/template>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"calc-subtotal-list\" style=\"margin-top: 20px; padding-top: 10px;\" ref=\"calcTotals\" :class=\"{'unit-enable': this.showUnitInSummary}\">\n\t\t\t\t\t\t\t<template v-for=\"item in formulaConst\">\n\t\t\t\t\t\t\t\t<div v-if=\"formulaConst.length === 1 && typeof formulaConst[0].alias === 'undefined'\" style=\"display: flex\" class=\"sub-list-item total\">\n\t\t\t\t\t\t\t\t\t<span class=\"sub-item-title\">Total<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"sub-item-value\">{{ item.data.converted }}<\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<cost-total v-else :value=\"item.total\" :field=\"item.data\" :id=\"calc_data.id\" v-on:condition-apply=\"renderCondition\"><\/cost-total>\n\t\t\t\t\t\t\t<\/template>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"calc-subtotal-list\" v-if=\"getWooProductName\">\n\t\t\t\t\t\t\t<div class=\"calc-woo-product\">\n\t\t\t\t\t\t\t\t<div class=\"calc-woo-product__info\">\n\t\t\t\t\t\t\t\t\t\"{{getWooProductName}}\" has been added to your cart\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"calc-subtotal-list calc-buttons\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<cost-pro-features inline-template :settings=\"content.settings\">\n\t\t\t\t\t\t\t\t\t<div class=\"sub-list-item next-btn\">\n\t<div class=\"ccb-next-content\">\n\t\t<div class=\"payment-methods\">\n\t\t\t\t\t\t<invoice-btn inline-template v-if=\"type === 'invoiceBtn'\">\n\t\t\t\t\t\t\t<\/invoice-btn>\n\t\t\t<calc-payments  inline-template v-if=\"type === 'payment'\">\n\t\t\t\t\t\t\t<\/calc-payments>\n\t\t\t<calc-woo-checkout inline-template v-if=\"type === 'woo_checkout'\">\n\t\t\t\t<div class=\"calc-buttons \" style=\"min-height: 50px; margin-top: 20px; position: relative\" v-if=\"getWooCheckoutSettings.enable\">\n\t<loader-wrapper v-if=\"loader\" :form=\"true\" :idx=\"getPreloaderIdx\" width=\"60px\" height=\"60px\" scale=\"0.8\" :front=\"true\"><\/loader-wrapper>\n\t<button class=\"calc-btn-action success ispro-wrapper\" @click=\"applyWoo(9599)\" v-else >\n\t\tAdd To Cart\t\t<span class=\"is-pro\" v-if=\"!loader\">pro<\/span>\n\t<\/button>\n\t\t<\/div>\n\t\t\t<\/calc-woo-checkout>\n\n\t\t\t<template v-if=\"settings.woo_products?.enable\">\n\t\t\t\t\t\t\t<\/template>\n\n\t\t\t<calc-form inline-template v-if=\"type === 'form'\" :settings=\"settings\">\n\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/calc-form>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<\/cost-pro-features>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"calc-list-inner\" v-show=\"getStep === 'finish'\">\n\t\t\t\t\t\t<div class=\"calc-item-title\">\n\t\t\t\t\t\t\t<h2>Your service request has been completed!<\/h2>\n\t\t\t\t\t\t\t<span class=\"calc-item-title-description\">We have sent your request information to your email.<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"calc-subtotal-list\">\n\t\t\t\t\t\t\t<div class=\"sub-list-item\">\n\t\t\t\t\t\t\t\t<span class=\"sub-item-title\"> Issued on: <\/span>\n\t\t\t\t\t\t\t\t<span class=\"sub-item-space\"><\/span>\n\t\t\t\t\t\t\t\t<span class=\"sub-item-value\"> {{ $store.getters.getIssuedOn }} <\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"sub-list-item\" v-if=\"$store.getters.getPaymentType !== $store.getters.getTranslations.form_no_payment\">\n\t\t\t\t\t\t\t\t<span class=\"sub-item-title\"> Payment method: <\/span>\n\t\t\t\t\t\t\t\t<span class=\"sub-item-space\"><\/span>\n\t\t\t\t\t\t\t\t<span class=\"sub-item-value\"> {{ $store.getters.getPaymentType }} <\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"sub-list-item\" v-for=\"item in $store.getters.getFinalSummaryList\">\n\t\t\t\t\t\t\t\t<span class=\"sub-item-title\"> {{ item.title }}: <\/span>\n\t\t\t\t\t\t\t\t<span class=\"sub-item-space\"><\/span>\n\t\t\t\t\t\t\t\t<span class=\"sub-item-value\"> {{ item.value }} <\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"calc-item\">\n\t\t\t\t\t\t\t<div class=\"ccb-btn-wrap ccb-finish \" style=\"margin-top: 20px\">\n\t\t\t\t\t\t\t\t<div class=\"ccb-btn-container calc-buttons\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"calc-btn-action\" @click=\"resetCalc\">\n\t\t\t\t\t\t\t\t\t\t{{ $store.getters.getSettings.texts.reset_btn }}\n\t\t\t\t\t\t\t\t\t<\/button>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"calc-list-inner calc-notice\" :class=\"noticeData.type\" v-show=\"getStep === 'notice'\">\n\t\t\t\t\t\t<calc-notices :notice=\"noticeData\"\/>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<calc-invoice\n\t\t\t\t\tref=\"invoice\"\n\t\t\t\t\tcompany-name=\"\"\n\t\t\t\t\tcompany-info=\"\"\n\t\t\t\t\tcompany-logo=''\n\t\t\t\t\tdate-format=\"\"\n\t\t\t\t\tstatic-texts='{\"order\":\"Order\",\"total_title\":\"Total Summary\",\"payment_method\":\"Payment method:\",\"contact_title\":\"Contact Information\",\"contact_form\":{\"name\":\"Name\",\"email\":\"Email\",\"phone\":\"Phone\",\"message\":\"Message\"},\"total_header\":{\"name\":\"Name\",\"unit\":\"Composition\",\"total\":\"Total\"}}'\n\t\t\t\t\tsend-email-texts='{\"title\":\"Email Quote\",\"name\":\"Name\",\"name_holder\":\"Enter name\",\"email\":\"Email\",\"email_holder\":\"Enter Email\",\"message\":\"Message\",\"message_holder\":\"Enter message\",\"submit\":\"Send\",\"close\":\"Close\",\"success_text\":\"Email Quote Successfully Sent!\",\"error_message\":\"Fill in the required fields correctly.\"}'\n\t\t\t\t\tsend-pdf-from=\"\"\n\t\t\t\t\tsend-pdf-fromname=\"\"\n\t\t\t\t\t:summary-fields=\"getTotalSummaryFields\"\n\t\t\t\t\tsite-lang=\"en-US\"\n\t\t\t\t\/>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/calc-builder-front>\n\t<\/div>\n\n<p><span style=\"font-weight: 400;\">Once the client has completed the form, the web designer can use the information to create a detailed proposal for the project.<\/span><span style=\"font-weight: 400;\"><br>\n<\/span><span style=\"font-weight: 400;\"><br>\n<\/span><span style=\"font-weight: 400;\">Try this form if it fits your business. You can always add more unique parameters, which are required for your occupation.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Web Design form is a tool that enables clients to specify the details of their website design project. The form contains several fields, including: Website Type: This field enables the client to select the type of website they want&#8230;<\/p>\n","protected":false},"author":80,"featured_media":0,"parent":9387,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"paid_plugins\/calculator-live-demo.php","meta":{"footnotes":""},"class_list":["post-9599","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portal.stylemixstage.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/pages\/9599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portal.stylemixstage.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portal.stylemixstage.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portal.stylemixstage.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/users\/80"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.stylemixstage.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/comments?post=9599"}],"version-history":[{"count":3,"href":"https:\/\/portal.stylemixstage.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/pages\/9599\/revisions"}],"predecessor-version":[{"id":9993,"href":"https:\/\/portal.stylemixstage.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/pages\/9599\/revisions\/9993"}],"up":[{"embeddable":true,"href":"https:\/\/portal.stylemixstage.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/pages\/9387"}],"wp:attachment":[{"href":"https:\/\/portal.stylemixstage.com\/cost-calculator-plugin\/wp-json\/wp\/v2\/media?parent=9599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}