Merge branch 'Develop' into cms-filter-updates

Signed-off-by: Jorch C. <jacortez_94@hotmail.com>

Author: JorchCortez

.github/pull_request_template.md

@@ -0,0 +1,35 @@
+# New Feature: [Feature Title]
+
+## Description
+Provide a brief summary of the new feature added to an existing script. Highlight what enhancement it brings or the new functionality introduced.
+
+## Related Issues
+- Link any issues related to this feature (e.g., `Fixes #123`).
+
+## Script Details
+- **Script Name**: [Name of the existing script]
+- **Purpose of Update**: Describe why this update was necessary.
+- **New Behavior**: Explain the new functionality added.
+
+## Changes Made
+- List the key modifications or additions to the script.
+
+## Features
+<!-- List your features here and the benefits they bring. Include images/codes if appropriate -->
+
+**This PR closes NONE**
+<!-- List issues that this PR would close above. Ex: This PR closes #1, #2, #3. -->
+<!-- If your pull request does not fix any issue, it's best to make an issue OR remove this section, depending on your changes. -->
+
+## Checklist
+<!-- Tick the checkboxes to ensure you've done everything correctly -->
+- [ ] Feature has been tested locally with all relevant use cases.
+- [ ] Documentation has been updated (if necessary).
+- [ ] PR does not match another non-stale PR currently opened
+- [ ] PR name matches the format *[ feature ]: <i>Feature Name</i> (<i>versions separated by comma</i>)*. More details [here](https://github.com/TheCodeRaccoons/WebTricks/wiki/Overview-on-Submitting-Features)
+- [ ] PR's base is the `develop` branch.
+- [ ] Your Feature matches the standards laid out [here](https://github.com/TheCodeRaccoons/WebTricks/wiki/Programming-Standards)
+<!-- Refer to the [contributing](https://github.com/TheCodeRaccoons/WebTricks/wiki/Contributing) guidelines for more details. -->
+
+## Additional Notes
+Add any extra details or comments for reviewers.

Dist/WebflowOnly/HideContainer.js

@@ -9,7 +9,6 @@ class HideContainer {
     }
 
     init = () => {
-        this.container 
         if(this.cmsEmptyState) { 
             if(this.isRemoveContainer) {this.container.remove();}
             else{this.container.style.display = 'none';}

Dist/WebflowOnly/RenderStatic.js

@@ -25,23 +25,27 @@ class RenderStatic {
 
         let insertIndex = this.gap;
         const totalChildren = childrenArray.length;
-        const totalInsertions = Math.round(totalChildren / this.gap);
         let cloneIndex = 0;
 
-        for (let i = 0; i <= totalChildren + totalInsertions; i++) {
-            if (i === insertIndex) {
-                this.insertChildAtIndex(this.container, this.cloneables[cloneIndex], insertIndex);
-                cloneIndex = (cloneIndex < this.cloneables.length - 1) ? cloneIndex + 1 : 0;
-                insertIndex = i + this.gap + 1;
-            }
+        const maxInsertions = Math.floor((totalChildren - 1) / this.gap);
+
+        for (let i = 0; i < maxInsertions; i++) {
+            const currentIndex = i * (this.gap + 1) + this.gap;
+
+            if (currentIndex >= totalChildren) break;
+
+            this.insertChildAtIndex(this.container, this.cloneables[cloneIndex], currentIndex);
+            cloneIndex = (cloneIndex < this.cloneables.length - 1) ? cloneIndex + 1 : 0;
         }
 
         this.observeContainer();
     }
 
     insertChildAtIndex(parent, child, index = 0) {
         if (!child) return;
-        if (parent.children.length === index) return;
+
+        if (index >= parent.children.length) return;
+
         let childClone = child.cloneNode(true);
         if (parent) {
             parent.insertBefore(childClone, parent.children[index]);
@@ -77,5 +81,5 @@ const initializeRenderStatic = () => {
 if (/complete|interactive|loaded/.test(document.readyState)) {
     initializeRenderStatic();
 } else { 
-    window.addEventListener('DOMContentLoaded',initializeRenderStatic )
-}
+    window.addEventListener('DOMContentLoaded', initializeRenderStatic);
+}

README.md

@@ -27,12 +27,14 @@
         <img src="https://raw.githubusercontent.com/TheCodeRaccoons/Imagery/16a395115ab598a94a7d1ab93f182218d8bbb751/wt-logo.svg" alt="WebTricks Logo" height="140" />
     </a>
     <h5 align="center">
-        WebTricks aims to create easy to implement, reusable functionalities for the web. As it's name implies, the main platform this project targets is <a href="https://webflow.com/">Webflow</a>, but the majority of the scripts are made with general web development in mind. Meaning that most of this scripts should work without an issue on any website unless it is a CMS functionality or a Webflow specific script.
+	    WebTricks aims to create easy-to-implement, reusable functionalities for the web. The main platform this project was built for at the beginning was <a href="https://webflow.com/">Webflow</a>, but most of the scripts are made to work on any web development project. Meaning that most of the scripts should work without an issue on any website unless it is a CMS  ONLY functionality or a Webflow-Specific script.
     </h5>
     <p align="center">
         <a target="_blank" href="https://github.com/TheCodeRaccoons/WebTricks/issues/new/choose">Request a functionality</a>
         &middot;
         <a href="#contribute">Contribute</a>
+        &middot;
+        <a href="https://www.thecoderaccoons.com/webtricks">See the documentation</a>
     </p>
 </div>
 
@@ -68,15 +70,15 @@ All of the documentation is explained by functionality in <a href="https://theco
 Direct Import via jsDelivr: Webtricks is hosted on jsDelivr, making it simple to include in your project. You can import individual functionalities directly into your HTML file. For example:
 
 ```
-<script src="https://cdn.jsdelivr.net/gh/your-username/webtricks@latest/dist/Functional/CountUp.min.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/TheCodeRaccoons/WebTricks@1/Dist/Functional/ReadTime.min.js"></script>
 ```
 Replace CountUp.min.js with the specific script you want to include.
 
 Multiple Scripts: Add as many scripts as you need to your project by referencing their respective paths. Example:
 
 ```
-<script src="https://cdn.jsdelivr.net/gh/your-username/webtricks@latest/dist/Functional/CMSFilter.min.js"></script>
-<script src="https://cdn.jsdelivr.net/gh/your-username/webtricks@latest/dist/Functional/FormCheck.min.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/TheCodeRaccoons/webtricks@1/dist/Functional/CMSFilter.min.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/TheCodeRaccoons/webtricks@1/dist/Functional/FormCheck.min.js"></script>
 ```
 Ready to Use: Once imported, the scripts initialize automatically, provided the correct HTML attributes are in place.