{"id":176,"date":"2026-09-07T21:02:45","date_gmt":"2026-09-07T21:02:45","guid":{"rendered":"https:\/\/jointforest.com\/?page_id=176"},"modified":"2026-09-08T21:36:48","modified_gmt":"2026-09-08T21:36:48","slug":"planken","status":"publish","type":"page","link":"https:\/\/jointforest.com\/uk\/planken\/","title":{"rendered":"\u041f\u041b\u0410\u041d\u041a\u0415\u041d"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"176\" class=\"elementor elementor-176\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3dca53c9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3dca53c9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6f772b3a\" data-id=\"6f772b3a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ff87dea elementor-widget elementor-widget-heading\" data-id=\"ff87dea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Planken \/ Exterior Cladding \/ Timber Cladding \/ Facade Board<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f8371dd elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5f8371dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Planken \/ Exterior Cladding \/ Timber Cladding \/ Facade Board<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6fe42344 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6fe42344\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-01f85ce\" data-id=\"01f85ce\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3032edd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3032edd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-99c9b4c\" data-id=\"99c9b4c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c3ed541 elementor-widget elementor-widget-heading\" data-id=\"c3ed541\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Planken \/ Exterior Cladding \/ Timber Cladding \/ Facade Board<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87945ff elementor-widget elementor-widget-text-editor\" data-id=\"87945ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Profiled and planed pine facade \/ cladding boards for interior and exterior applications, available in standard profiles or manufactured to customer drawings.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-d358600 e-grid e-con-boxed e-con e-parent\" data-id=\"d358600\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4c186e2 e-con-full e-flex e-con e-child\" data-id=\"4c186e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d1a8c5 elementor-widget elementor-widget-image\" data-id=\"7d1a8c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/06-Wall-Cladding-PTGV-Reverse-of-Board-1024x768.jpg\" class=\"attachment-large size-large wp-image-276\" alt=\"\" srcset=\"https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/06-Wall-Cladding-PTGV-Reverse-of-Board-1024x768.jpg 1024w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/06-Wall-Cladding-PTGV-Reverse-of-Board-300x225.jpg 300w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/06-Wall-Cladding-PTGV-Reverse-of-Board-768x576.jpg 768w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/06-Wall-Cladding-PTGV-Reverse-of-Board-1536x1152.jpg 1536w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/06-Wall-Cladding-PTGV-Reverse-of-Board-2048x1536.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4408c61 e-con-full e-flex e-con e-child\" data-id=\"4408c61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cc4295 elementor-widget elementor-widget-image\" data-id=\"1cc4295\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/06-Wall-Cladding-PTGV-Clear-Grade-768x1024.jpg\" class=\"attachment-large size-large wp-image-275\" alt=\"\" srcset=\"https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/06-Wall-Cladding-PTGV-Clear-Grade-768x1024.jpg 768w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/06-Wall-Cladding-PTGV-Clear-Grade-225x300.jpg 225w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/06-Wall-Cladding-PTGV-Clear-Grade-1152x1536.jpg 1152w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/06-Wall-Cladding-PTGV-Clear-Grade-1536x2048.jpg 1536w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/06-Wall-Cladding-PTGV-Clear-Grade-scaled.jpg 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9391a1b e-con-full e-flex e-con e-child\" data-id=\"9391a1b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a04ca6a elementor-widget elementor-widget-image\" data-id=\"a04ca6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/03-Wall-Cladding-PTGV-768x1024.jpg\" class=\"attachment-large size-large wp-image-274\" alt=\"\" srcset=\"https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/03-Wall-Cladding-PTGV-768x1024.jpg 768w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/03-Wall-Cladding-PTGV-225x300.jpg 225w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/03-Wall-Cladding-PTGV-1152x1536.jpg 1152w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/03-Wall-Cladding-PTGV-1536x2048.jpg 1536w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/03-Wall-Cladding-PTGV-scaled.jpg 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec8c53e e-con-full e-flex e-con e-child\" data-id=\"ec8c53e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-209763a elementor-widget elementor-widget-image\" data-id=\"209763a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/02-Wall-Cladding-PTGV-1-768x1024.jpg\" class=\"attachment-large size-large wp-image-273\" alt=\"\" srcset=\"https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/02-Wall-Cladding-PTGV-1-768x1024.jpg 768w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/02-Wall-Cladding-PTGV-1-225x300.jpg 225w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/02-Wall-Cladding-PTGV-1-1152x1536.jpg 1152w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/02-Wall-Cladding-PTGV-1-1536x2048.jpg 1536w, https:\/\/jointforest.com\/wp-content\/uploads\/2026\/09\/02-Wall-Cladding-PTGV-1-scaled.jpg 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\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 class=\"elementor-element elementor-element-00800f9 elementor-widget elementor-widget-metform\" data-id=\"00800f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"metform.default\">\n\t\t\t\t\t<div id=\"mf-response-props-id-382\" data-previous-steps-style=\"\" data-editswitchopen=\"\" data-response_type=\"alert\" data-erroricon=\"fas fa-exclamation-triangle\" data-successicon=\"fas fa-check\" data-messageposition=\"top\" class=\"   mf-scroll-top-no\">\n\t\t<div class=\"formpicker_warper formpicker_warper_editable\" data-metform-formpicker-key=\"382\" >\n\t\t\t\t\n\t\t\t<div class=\"mf-widget-container\">\n\t\t\t\t\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-00800f9-382\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"382\"\r\n\t\t\tdata-action=\"https:\/\/jointforest.com\/uk\/wp-json\/metform\/v1\/entries\/insert\/382\"\r\n\t\t\tdata-wp-nonce=\"2b16a2a776\"\r\n\t\t\tdata-form-nonce=\"8391a43441\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"general-form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\tdata-payment-submit-before=\"0\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-382\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"382\" className=\"elementor elementor-382\" data-elementor-post-type=\"metform-form\">\n\t\t\t\t<div className=\"elementor-element elementor-element-6fc104f e-con-full e-flex e-con e-parent\" data-id=\"6fc104f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div className=\"elementor-element elementor-element-3517960 e-con-full e-flex e-con e-child\" data-id=\"3517960\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-3efe3fa elementor-widget elementor-widget-heading\" data-id=\"3efe3fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 className=\"elementor-heading-title elementor-size-default\">Standard Sizes Below<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-79827e9 e-grid e-con-full e-con e-child\" data-id=\"79827e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-b463696 elementor-widget elementor-widget-mf-select\" data-id=\"b463696\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-select&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;Standard Profile A&quot;,&quot;mf_input_option_value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;8c36e6b&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Standard Profile B&quot;,&quot;mf_input_option_value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;e50412b&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Standard Profile C&quot;,&quot;mf_input_option_value&quot;:&quot;value-3&quot;,&quot;_id&quot;:&quot;31ffc89&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;a913dc9&quot;,&quot;mf_input_option_text&quot;:&quot;Rhombus \\\/ parallelogram&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;0438185&quot;,&quot;mf_input_option_text&quot;:&quot;Rectangular&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;b4f352f&quot;,&quot;mf_input_option_text&quot;:&quot;Custom profile \\u2014 upload drawing \\\/ specification&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-b463696\">\n\t\t\t\t\t${ parent.decodeEntities(`Profile`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['mf-select'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-select\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"Standard Profile A\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Standard Profile B\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Standard Profile C\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"Rhombus \\\/ parallelogram\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Rectangular\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Custom profile \\u2014 upload drawing \\\/ specification\",\"value\":\"Input Value\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-select\") ? [{\"label\":\"Standard Profile A\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Standard Profile B\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Standard Profile C\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"Rhombus \\\/ parallelogram\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Rectangular\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Custom profile \\u2014 upload drawing \\\/ specification\",\"value\":\"Input Value\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-select\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-select\")}\n                ref=${() => {\n\t\t\t\t                    register(\"mf-select\", parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"mf-select\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'mf-select', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-select',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-select\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-50857dc elementor-widget elementor-widget-mf-select\" data-id=\"50857dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;thickness&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;16&quot;,&quot;mf_input_option_value&quot;:&quot;value-3&quot;,&quot;_id&quot;:&quot;31ffc89&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;a913dc9&quot;,&quot;mf_input_option_text&quot;:&quot;18&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;0438185&quot;,&quot;mf_input_option_text&quot;:&quot;20&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;22&quot;,&quot;mf_input_option_value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;8c36e6b&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;25&quot;,&quot;mf_input_option_value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;e50412b&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;b4f352f&quot;,&quot;mf_input_option_text&quot;:&quot;Custom - add below&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-50857dc\">\n\t\t\t\t\t${ parent.decodeEntities(`THICKNESS(mm)`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['thickness'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"thickness\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"16\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"18\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"20\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"22\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"25\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Custom - add below\",\"value\":\"Input Value\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"thickness\") ? [{\"label\":\"16\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"18\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"20\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"22\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"25\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Custom - add below\",\"value\":\"Input Value\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"thickness\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"thickness\")}\n                ref=${() => {\n\t\t\t\t                    register(\"thickness\", parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"thickness\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'thickness', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'thickness',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"thickness\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-06f7752 elementor-widget elementor-widget-mf-select\" data-id=\"06f7752\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;width&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;70&quot;,&quot;mf_input_option_value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;e4b3b0b&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;95&quot;,&quot;mf_input_option_value&quot;:&quot;value-3&quot;,&quot;_id&quot;:&quot;cf92d74&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;0e47ab4&quot;,&quot;mf_input_option_text&quot;:&quot;120&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;a235e38&quot;,&quot;mf_input_option_text&quot;:&quot;145&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;ce2c938&quot;,&quot;mf_input_option_text&quot;:&quot;Custom&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-06f7752\">\n\t\t\t\t\t${ parent.decodeEntities(`WIDTH(MM)`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['width'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"width\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"70\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"95\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"120\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"145\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Custom\",\"value\":\"Input Value\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"width\") ? [{\"label\":\"70\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"95\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"120\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"145\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Custom\",\"value\":\"Input Value\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"width\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"width\")}\n                ref=${() => {\n\t\t\t\t                    register(\"width\", parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"width\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'width', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'width',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"width\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-c44c121 elementor-widget elementor-widget-mf-select\" data-id=\"c44c121\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;length&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;2000&quot;,&quot;mf_input_option_value&quot;:&quot;value-3&quot;,&quot;_id&quot;:&quot;c3d6711&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;efa4a09&quot;,&quot;mf_input_option_text&quot;:&quot;2500&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;f4b4261&quot;,&quot;mf_input_option_text&quot;:&quot;3000&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;503296d&quot;,&quot;mf_input_option_text&quot;:&quot;3500&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;6b5f5ad&quot;,&quot;mf_input_option_text&quot;:&quot;4000&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;0608e3e&quot;,&quot;mf_input_option_text&quot;:&quot;4500&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-c44c121\">\n\t\t\t\t\t${ parent.decodeEntities(`LENGTH(mm)`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['length'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"length\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"2000\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"2500\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"3000\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"3500\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"4000\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"4500\",\"value\":\"Input Value\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"length\") ? [{\"label\":\"2000\",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"2500\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"3000\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"3500\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"4000\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"4500\",\"value\":\"Input Value\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"length\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"length\")}\n                ref=${() => {\n\t\t\t\t                    register(\"length\", parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"length\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'length', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'length',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"length\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-4c144e2 elementor-widget elementor-widget-mf-select\" data-id=\"4c144e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;moisture&quot;,&quot;mf_input_list&quot;:[{&quot;_id&quot;:&quot;b2fd0d0&quot;,&quot;mf_input_option_text&quot;:&quot; 8\\u201312%&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;12\\u201316%&quot;,&quot;mf_input_option_value&quot;:&quot;&quot;,&quot;_id&quot;:&quot;cc4b35d&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;b7ca123&quot;,&quot;mf_input_option_text&quot;:&quot;Custom moisture requirement - TYPE BELOW&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-4c144e2\">\n\t\t\t\t\t${ parent.decodeEntities(`MOISTURE CONTENT`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['moisture'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"moisture\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\" 8\\u201312%\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"12\\u201316%\",\"value\":\"\",\"isDisabled\":false},{\"label\":\"Custom moisture requirement - TYPE BELOW\",\"value\":\"Input Value\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"moisture\") ? [{\"label\":\" 8\\u201312%\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"12\\u201316%\",\"value\":\"\",\"isDisabled\":false},{\"label\":\"Custom moisture requirement - TYPE BELOW\",\"value\":\"Input Value\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"moisture\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"moisture\")}\n                ref=${() => {\n\t\t\t\t                    register(\"moisture\", parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"moisture\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'moisture', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'moisture',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"moisture\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-952ebe5 elementor-widget elementor-widget-mf-select\" data-id=\"952ebe5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;grade&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;A&quot;,&quot;mf_input_option_value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;4a08197&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;AB&quot;,&quot;mf_input_option_value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;056c786&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;568868d&quot;,&quot;mf_input_option_text&quot;:&quot;U\\\/S Premium&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;d04440b&quot;,&quot;mf_input_option_text&quot;:&quot;Grade V&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;7966b65&quot;,&quot;mf_input_option_text&quot;:&quot;Sawfalling \\\/ mixed grade&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;c4aa756&quot;,&quot;mf_input_option_text&quot;:&quot;Customer specification&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-952ebe5\">\n\t\t\t\t\t${ parent.decodeEntities(`Grade \/ Visual Quality`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['grade'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"grade\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"A\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"AB\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"U\\\/S Premium\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Grade V\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Sawfalling \\\/ mixed grade\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Customer specification\",\"value\":\"Input Value\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"grade\") ? [{\"label\":\"A\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"AB\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"U\\\/S Premium\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Grade V\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Sawfalling \\\/ mixed grade\",\"value\":\"Input Value\",\"isDisabled\":false},{\"label\":\"Customer specification\",\"value\":\"Input Value\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"grade\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"grade\")}\n                ref=${() => {\n\t\t\t\t                    register(\"grade\", parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"grade\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'grade', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'grade',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"grade\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-d6867f9 elementor-widget elementor-widget-mf-select\" data-id=\"d6867f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;surface&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;Smooth&quot;,&quot;mf_input_option_value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;4a08197&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Brushed-if available&quot;,&quot;mf_input_option_value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;056c786&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;568868d&quot;,&quot;mf_input_option_text&quot;:&quot;Other requirement&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-d6867f9\">\n\t\t\t\t\t${ parent.decodeEntities(`Surface`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['surface'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"surface\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"Smooth\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Brushed-if available\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Other requirement\",\"value\":\"Input Value\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"surface\") ? [{\"label\":\"Smooth\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Brushed-if available\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Other requirement\",\"value\":\"Input Value\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"surface\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"surface\")}\n                ref=${() => {\n\t\t\t\t                    register(\"surface\", parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"surface\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'surface', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'surface',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"surface\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-e41e295 elementor-widget elementor-widget-mf-select\" data-id=\"e41e295\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;treatment&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;Untreated&quot;,&quot;mf_input_option_value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;4a08197&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Factory Treatment - if available&quot;,&quot;mf_input_option_value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;056c786&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;568868d&quot;,&quot;mf_input_option_text&quot;:&quot;Custom requirement&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-e41e295\">\n\t\t\t\t\t${ parent.decodeEntities(`Treatment`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['treatment'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"treatment\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"Untreated\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Factory Treatment - if available\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Custom requirement\",\"value\":\"Input Value\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"treatment\") ? [{\"label\":\"Untreated\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Factory Treatment - if available\",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Custom requirement\",\"value\":\"Input Value\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"treatment\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"treatment\")}\n                ref=${() => {\n\t\t\t\t                    register(\"treatment\", parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"treatment\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'treatment', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'treatment',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"treatment\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-1f2c37d elementor-widget elementor-widget-mf-file-upload\" data-id=\"1f2c37d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-file-upload&quot;}\" data-widget_type=\"mf-file-upload.default\">\n\t\t\t\t\t\t\t\r\n\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-file-upload-1f2c37d\">\r\n\t\t\t\t\t${ parent.decodeEntities(`*Note for Cladding &amp; Custom Furniture Components:* [ File Upload \/ Drawing Dropzone ]`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<div className=\"mf-file-upload-container multi-option-input-type\">\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"file\"\r\n\t\t\t\t\tclassName=\"mf-input mf-input-file-upload \"\r\n\t\t\t\t\tid=\"mf-input-file-upload-1f2c37d\" \r\n\t\t\t\t\tname=\"mf-file-upload\" \r\n\t\t\t\t\t\t\t\t\t\taccept=\".jpg, .jpeg, .gif, .png\"\r\n\t\t\t\t\tonInput=${ parent.handleFileUpload }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-file-upload'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"required\":false,\"file_types\":[\".jpg\",\".jpeg\",\".gif\",\".png\"],\"type_message\":\"Invalid file extension\",\"size_limit\":-1,\"limit_message\":\"This field is required.\"}, el) }\r\n\t\t\t\t\t\/>\r\n\t\t\t\t<label htmlFor=\"mf-input-file-upload-1f2c37d\" className=\"mf-input-file-upload-label metform-btn\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Choose a file`) } <\/span>\t\t\t\t<\/label>\r\n\t\t\t\t<div className=\"mf-file-name\">\r\n\t\t\t\t\t${\r\n\t\t\t\t\t\t(parent.state.formData['mf-file-upload'] || []).length > 0\r\n\t\t\t\t\t\t? parent.state.formData['mf-file-upload'].map((file, idx) => html`\r\n\t\t\t\t\t\t\t<span className=\"mf-file-name-item\" key=${idx}>\r\n\t\t\t\t\t\t\t\t<span>${file.name}<\/span>\r\n\t\t\t\t\t\t\t\t<span \r\n\t\t\t\t\t\t\t\t\tclassName=\"mf-file-remove\" \r\n\t\t\t\t\t\t\t\t\tonClick=${() => parent.removeUploadedFile('mf-file-upload', idx)}\r\n\t\t\t\t\t\t\t\t\ttitle=\"Remove\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<label className=\"mf-file-cross\">\u00d7<\/label>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t`)\r\n\t\t\t\t\t\t: html`<span>${parent.getFileLabel('mf-file-upload', 'No file chosen.')}<\/span>`\r\n\t\t\t\t\t}\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-file-upload\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-5fc94b6 e-grid e-con-full e-con e-child\" data-id=\"5fc94b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-5730af7 elementor-widget elementor-widget-mf-select\" data-id=\"5730af7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;order&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;Full truck load \\u2014 approximately 40 m\\u00b3 (most price effective option)&quot;,&quot;mf_input_option_value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;8c36e6b&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;b4f352f&quot;,&quot;mf_input_option_text&quot;:&quot;Custom - add below&quot;,&quot;mf_input_option_value&quot;:&quot;Input Value&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-5730af7\">\n\t\t\t\t\t${ parent.decodeEntities(`ORDER VOLUME`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['order'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"order\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"Full truck load \\u2014 approximately 40 m\\u00b3 (most price effective option)\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Custom - add below\",\"value\":\"Input Value\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"order\") ? [{\"label\":\"Full truck load \\u2014 approximately 40 m\\u00b3 (most price effective option)\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Custom - add below\",\"value\":\"Input Value\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"order\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"order\")}\n                ref=${() => {\n\t\t\t\t                    register(\"order\", parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"order\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'order', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'order',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"order\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-a8b7c2e elementor-widget elementor-widget-heading\" data-id=\"a8b7c2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 className=\"elementor-heading-title elementor-size-default\">Mixed loads require additional machine setup, equipment adjustment, production changes and handling. They can be manufactured, but are quoted at a higher price than a full load of one specification.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-1130a74 elementor-widget elementor-widget-mf-select\" data-id=\"1130a74\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;specific&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;One specification \\\/ one size - most economical option&quot;,&quot;mf_input_option_value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;e879154&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Multiple specifications \\\/ mixed load&quot;,&quot;mf_input_option_value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;e4b3b0b&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-1130a74\">\n\t\t\t\t\t${ parent.decodeEntities(`Specification Configuration`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['specific'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"specific\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"One specification \\\/ one size - most economical option\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Multiple specifications \\\/ mixed load\",\"value\":\"value-2\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"specific\") ? [{\"label\":\"One specification \\\/ one size - most economical option\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Multiple specifications \\\/ mixed load\",\"value\":\"value-2\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"specific\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"specific\")}\n                ref=${() => {\n\t\t\t\t                    register(\"specific\", parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"specific\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'specific', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'specific',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"specific\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-da5d52f elementor-widget elementor-widget-mf-select\" data-id=\"da5d52f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;delivery&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;COLLECTION&quot;,&quot;mf_input_option_value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;3206fc2&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;DELIVERY&quot;,&quot;mf_input_option_value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;ce8a188&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}]}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-da5d52f\">\n\t\t\t\t\t${ parent.decodeEntities(`DELIVERY\/COLLECTION`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['delivery'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"delivery\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"COLLECTION\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"DELIVERY\",\"value\":\"value-2\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"delivery\") ? [{\"label\":\"COLLECTION\",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"DELIVERY\",\"value\":\"value-2\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"delivery\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"delivery\")}\n                ref=${() => {\n\t\t\t\t                    register(\"delivery\", parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"delivery\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'delivery', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'delivery',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"delivery\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-ec164d9 elementor-widget elementor-widget-mf-listing-fname\" data-id=\"ec164d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-listing-fname&quot;}\" data-widget_type=\"mf-listing-fname.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-ec164d9\">\n\t\t\t\t\t${ parent.decodeEntities(`First Name (Listing)`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input type=\"text\" className=\"mf-input \" id=\"mf-input-text-ec164d9\" \n\t\t\t\tname=\"mf-listing-fname\" \n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`First Name (Listing)`) } \"\n\t\t\t\tonInput=${ parent.handleChange }\n\n\t\t\t\t\t\t\t\t\taria-invalid=${validation.errors['mf-listing-fname'] ? 'true' : 'false'}\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el) }\n\t\t\t\t\t\t\t\/>\n\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-listing-fname\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-8c435cb elementor-widget elementor-widget-mf-listing-lname\" data-id=\"8c435cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-listing-lname&quot;}\" data-widget_type=\"mf-listing-lname.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-8c435cb\">\n\t\t\t\t\t${ parent.decodeEntities(`Last Name (Listing)`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input type=\"text\" className=\"mf-input \" id=\"mf-input-text-8c435cb\" \n\t\t\t\tname=\"mf-listing-lname\" \n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Last Name (Listing)`) } \"\n\t\t\t\tonInput=${ parent.handleChange }\t\n\n\t\t\t\t\t\t\t\t\taria-invalid=${validation.errors['mf-listing-lname'] ? 'true' : 'false'}\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el) }\n\t\t\t\t\t\t\t\t\n\t\t\t\/>\n\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-listing-lname\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-e6e6734 elementor-widget elementor-widget-mf-email\" data-id=\"e6e6734\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-email&quot;}\" data-widget_type=\"mf-email.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-email-e6e6734\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Email`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input \r\n\t\t\t\ttype=\"email\" \r\n\t\t\t\t \r\n\t\t\t\tdefaultValue=\"\" \r\n\t\t\t\tclassName=\"mf-input \" \r\n\t\t\t\tid=\"mf-input-email-e6e6734\" \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Email`) } \" \r\n\t\t\t\t \r\n\t\t\t\tonBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } \r\n\t\t\t\tref=${el=> parent.activateValidation({\"message\":\"This field is required.\",\"emailMessage\":\"Please enter a valid Email address\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t<${validation.ErrorMessage} \r\n\t\t\t\terrors=${validation.errors} \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-c025372 elementor-widget elementor-widget-mf-telephone\" data-id=\"c025372\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-telephone&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-telephone-c025372\">\n\t\t\t\t\t${ parent.decodeEntities(`Telephone`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-c025372\" \n\t\t\t\tname=\"mf-telephone\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Telephone`) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-telephone'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-telephone\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-b50fc20 elementor-widget elementor-widget-mf-text\" data-id=\"b50fc20\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-text&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-b50fc20\">\r\n\t\t\t\t\t${ parent.decodeEntities(`COUNTRY`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-b50fc20\"\r\n\t\t\t\tname=\"mf-text\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Text`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-text'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-text\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-77b74a7 elementor-widget elementor-widget-heading\" data-id=\"77b74a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 className=\"elementor-heading-title elementor-size-default\">CUSTOM ORDER DETAILS<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-977fd74 elementor-widget elementor-widget-mf-textarea\" data-id=\"977fd74\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-comment&quot;}\" data-widget_type=\"mf-textarea.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-area-977fd74\">\r\n\t\t\t\t\t${ parent.decodeEntities(`CUSTOM DETAILS`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<textarea className=\"mf-input mf-textarea mf-conditional-input\" id=\"mf-input-text-area-977fd74\"\r\n\t\t\t\tname=\"mf-comment\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Add text`) } \"\r\n\t\t\t\tcols=\"30\" rows=\"10\"\r\n\t\t\t\t\t\t\t\t\tonInput=${ parent.handleChange }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-comment'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t><\/textarea>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-comment\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-4f0450e elementor-widget elementor-widget-heading\" data-id=\"4f0450e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 className=\"elementor-heading-title elementor-size-default\">After Submission Joint Forest will review the specification and respond by email with an exact quotation and estimated production and delivery or collection date. Commercial terms: 50% prepayment is due within 3 days of signing the contract \/ agreed specification. Final commercial and delivery terms are confirmed in the quotation and contract.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-aeadcb8 elementor-widget elementor-widget-mf-recaptcha\" data-id=\"aeadcb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mf-recaptcha.default\">\n\t\t\t\t\t\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"g-recaptcha \"\n\t\t\t\t\t\tid=\"g-recaptcha\"\n\t\t\t\t\t\tdata-sitekey=\"6LeXl9QtAAAAAKrXue6Ou4kH5azmZzQy9H9L-ap1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-callback=\"handleReCAPTCHA_${state.recaptcha_uid}\"\n\t\t\t\t\t\t\tdata-expired-callback=\"handleReCAPTCHA_${state.recaptcha_uid}\"\n\t\t\t\t\t\t\tdata-error-callback=\"handleReCAPTCHA_${state.recaptcha_uid}\"\n\t\t\t\t\t\t\taria-invalid=${validation.errors['g-recaptcha-response'] ? 'true' : 'false'}\n\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\"\n\t\t\t\t\t\t\tname=\"g-recaptcha-response\"\n\t\t\t\t\t\t\tclassName=\"mf-input mf-mobile-hidden\"\n\t\t\t\t\t\t\tvalue=${parent.getValue('g-recaptcha-response')}\n\t\t\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"reCAPTCHA is required.\",\"required\":true}, el)}\n\t\t\t\t\t\t\t\/>\n\n\t\t\t\t\t\t<${validation.ErrorMessage} errors=${validation.errors} name=\"g-recaptcha-response\" as=${html`<span className=\"mf-error-message\"><\/span>`} \/>\n\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-ca3b0b9 elementor-widget__width-auto elementor-widget elementor-widget-mf-button\" data-id=\"ca3b0b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper mf-conditional-input\" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Send Message`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Planken \/ Exterior Cladding \/ Timber Cladding \/ Facade Board Home Planken \/ Exterior Cladding \/ Timber Cladding \/ Facade Board Planken \/ Exterior Cladding \/ Timber Cladding \/ Facade Board Profiled and planed pine facade \/ cladding boards for interior and exterior applications, available in standard profiles or manufactured to customer drawings.<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-176","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jointforest.com\/uk\/wp-json\/wp\/v2\/pages\/176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jointforest.com\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jointforest.com\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jointforest.com\/uk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jointforest.com\/uk\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":13,"href":"https:\/\/jointforest.com\/uk\/wp-json\/wp\/v2\/pages\/176\/revisions"}],"predecessor-version":[{"id":427,"href":"https:\/\/jointforest.com\/uk\/wp-json\/wp\/v2\/pages\/176\/revisions\/427"}],"wp:attachment":[{"href":"https:\/\/jointforest.com\/uk\/wp-json\/wp\/v2\/media?parent=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}