${errorMsg}
`, selector);\r\n }\r\n //==== add Has Error the Form ====//\r\n Tornado.parentsUntil(selector, 'form:not(.no-vali)' || '.wp7')?.classList.add('hasErrors');\r\n } else {\r\n //==== Remove Error Class Name ====//\r\n selector.classList.remove('error');\r\n //==== Add Success Class Name ====//\r\n selector.classList.add('success');\r\n //==== if has a Wraper Change Selector to Parent ====//\r\n if (!selector.parentNode.matches('.control-icon' || '.file-input')) selector == selector.parentNode;\r\n //==== Remove the Error Message ====//\r\n Tornado.getNextSibling({element:selector,filter:'.control-hint'}).remove();\r\n //==== Remove Has Error the Form ====//\r\n Tornado.parentsUntil(selector, 'form:not(.no-vali)' || '.wp7')?.classList.remove('hasErrors');\r\n }\r\n },\r\n //======> Form Validate <======//\r\n \"formValidate\" : element => {\r\n //======> on Submit <======//\r\n element.addEventListener('submit', event => {\r\n //======> Define Data for Success Redirect <======//\r\n var checkForRedierct = element.getAttribute('data-success') || event.target.querySelector('[name=\"redirect\"]');\r\n if (checkForRedierct) var formData = new FormData();\r\n //======> Validate The Form Controls <======//\r\n event.target.querySelectorAll('.required,[aria-required=\"true\"],[required]').forEach(element => {\r\n //==== if it is label return nothing ====//\r\n if (element.matches('label' || '.success')) return;\r\n //======> Validate The Control <======//\r\n Forms.validate(element);\r\n //======> Colect Data for Redirect if Exist <======//\r\n if (checkForRedierct) {\r\n if(element.matches('[type=\"file\"]')) {\r\n formData.append(element.getAttribute('name'), element.files[0]);\r\n } else {\r\n formData.append(element.getAttribute('name'), element.value);\r\n }\r\n }\r\n });\r\n //======> if has Error Prevent Submit <======//\r\n if (event.target.matches('.hasErrors')) return event.preventDefault();\r\n //======> Success Redirect if Exist <======//\r\n if (checkForRedierct) {\r\n var theUrl = element.getAttribute('data-success') || event.target.querySelector('[name=\"success-redirect\"]').value,\r\n theAction = element.getAttribute('action'),\r\n theMethod = element.getAttribute('method');\r\n //======> Send Data <======//\r\n fetch(theAction, {method: theMethod,body: formData})\r\n //======> Send Data Error Handler <======//\r\n .then(response => response.json()).catch(error => console.error('Error:', error))\r\n //======> Send Data Success Redirect <======//\r\n .then(response => window.location.href = theUrl);\r\n }\r\n });\r\n },\r\n //=====> File Uploader <=====//\r\n \"fileUploader\" : fileUploader => {\r\n if(fileUploader.classList.contains('fudone')) return;\r\n //====> When Value Change <===//\r\n fileUploader.addEventListener('change', event => {\r\n //===> Get Files Names <===//\r\n var filePath = [];\r\n for (var i = 0; i < fileUploader.files.length; ++i) filePath.push(fileUploader.files[i].name);\r\n //===> Set Files Names <===//\r\n fileUploader.parentNode.setAttribute('data-text',filePath);\r\n });\r\n //===> Done <===//\r\n fileUploader.classList.add('fudone');\r\n },\r\n //=====> Progress Component <=====//\r\n \"progress\" : (selector, options?) => {\r\n //====> Check if Selector or Element <====//\r\n typeof(selector) === 'object' ? selector = [selector] : selector = Tornado.getElements(selector);\r\n\r\n //====> Options <====//\r\n var Options = {\r\n type : options?.type || 'bar',\r\n color : options?.color,\r\n background : options?.background,\r\n }\r\n\r\n //====> for Each Progress <====//\r\n selector.forEach(element => {\r\n //===> get Progress Value <===//\r\n var progressValue = element.getAttribute('data-value');\r\n //===> Create Bar <===//\r\n if (Options.type == 'bar') {\r\n //===> Set Number Position <===//\r\n element.innerHTML = `${progressValue}`;\r\n //===> Set Progress Value <===//\r\n element.querySelector('svg')?.remove();\r\n Tornado.appendIn(``, element);\r\n }\r\n //===> Create Circle <===//\r\n if (Options.type == 'circle') {\r\n //===> Set Number Position <===//\r\n element.innerHTML = `${progressValue}`;\r\n //===> Set Progress Value <===//\r\n element.classList.add('circle');\r\n element.querySelector('svg')?.remove();\r\n var Progress = progressValue.replace(/%/g,'')\r\n Tornado.appendIn(``, element);\r\n }\r\n //===> Create Radial <===//\r\n if (Options.type == 'radial') {\r\n //===> Set Number Position <===//\r\n element.innerHTML = `${progressValue}`;\r\n //===> Set Progress Value <===//\r\n element.classList.add('radial');\r\n element.querySelector('svg')?.remove();\r\n Tornado.appendIn(``, element);\r\n //===> get Progress Data <===//\r\n var radialMeter = element.querySelector('svg .progress'),\r\n MeterLength = radialMeter.getTotalLength(),\r\n MeterProgress = progressValue.replace(/%/g,''),\r\n MeterCalc = MeterLength * ((100 - MeterProgress) / 100);\r\n //===> Set Progress <===//\r\n radialMeter.style.strokeDashoffset = Math.max(0, MeterCalc); \r\n }\r\n });\r\n },\r\n //=====> Advanced Select <=====//\r\n \"advancedSelect\" : selector => {\r\n //====> Check if Selector or Element <====//\r\n typeof(selector) === 'object' ? selector = [selector] : selector = Tornado.getElements(selector);\r\n //====> Selector Handler <====//\r\n selector.forEach((element, index) => {\r\n if(element.classList.contains('asdone')) return;\r\n //=====> Hide the Original Element <=====//\r\n element.style.display = 'none';\r\n //=====> Select HTML Structure <=====//\r\n var tornadoSelect = `${Label_Translate(\r\n `Showing from 1 to ${tableRows.length} out of ${tableRows.length}`,\r\n `اظهار 1 الي ${tableRows.length} من مجموع ${tableRows.length}`\r\n )}
\r\n \r\n