nodality 1.0.114 → 1.0.116

package/layout/animator.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -124,10 +124,10 @@ class Animator {
     obj.resprop && this.resprop(obj.resprop);
     obj.keySet && this.keySet(obj.keySet);
     obj.hide && this.isHidden(obj.hide);
-obj.transform && this.reactOnTransform(obj.transform); 
+	obj.transform && this.reactOnTransform(obj.transform); 
 
 	(obj.opacity !== undefined) && (this.res.style.opacity = obj.opacity);
-	
+
     // Font weight handling
     if (obj.bold) {
         this.res.style.fontWeight = "bold";
@@ -135,6 +135,8 @@ obj.transform && this.reactOnTransform(obj.transform);
         this.res.style.fontWeight = obj.weight;
     }
 
+	
+
 			return this;
 	}
 
@@ -374,6 +376,7 @@ _setupResponsiveManager() {
     }, 0);
 }
 
+
 resprop(arr) {
     // --- 1. CONFIGURATION & NORMALIZATION ---
     const breakpoints = {
@@ -382,30 +385,34 @@ resprop(arr) {
     };
     const excludedKeys = ['resprop', 'breakpoint', 'value', 'values', 'range']; 
     
-    // A. Normalize breakpoints and assign range (handles named, [min, max], and "px" inputs)
+    // A. Normalize ranges: Treat "800px" as [0, 800] (Max-Width logic)
     arr.forEach(item => {
         if (breakpoints[item.breakpoint] !== undefined) {
             item.range = breakpoints[item.breakpoint];
         } else if (Array.isArray(item.breakpoint) && item.breakpoint.length === 2) {
-            item.range = [parseInt(item.breakpoint[0], 10), parseInt(item.breakpoint[1], 10)];
+            item.range = [
+                parseInt(item.breakpoint[0], 10), 
+                parseInt(item.breakpoint[1], 10)
+            ];
         } else {
-            item.range = [parseInt(item.breakpoint, 10), 100000]; 
+            // "800px" now becomes [0, 800]
+            item.range = [0, parseInt(item.breakpoint, 10)];
         }
     });
 
-    // B. Sort by the minimum value of the range
-    arr.sort((a, b) => a.range[0] - b.range[0]);
+    // B. SORTING: Sort by MAX value ascending. 
+    // This ensures that if width is 500px, "800px" is checked before "1060px".
+    arr.sort((a, b) => a.range[1] - b.range[1]);
 
-    // C. Find/Ensure the base style object
+    // C. Ensure the default/fallback is present
     let defaultItem = arr.find(item => item.breakpoint === "default");
     if (!defaultItem) {
         defaultItem = { breakpoint: "default", range: breakpoints.default };
         arr.unshift(defaultItem);
     }
     
-    // --- 2. STATE CAPTURE & RESET PREPARATION ---
+    // --- 2. STATE CAPTURE ---
 
-    // D. Capture initial non-responsive styles (for global reset)
     this.prevStyles = {};
     for (const prop in this.res.style) {
        if (this.res.style.hasOwnProperty(prop) && isNaN(parseInt(prop))) {
@@ -413,7 +420,6 @@ resprop(arr) {
         }
     }
 
-    // E. Identify all properties that are responsive (e.g., 'color', 'size')
     const responsiveProps = new Set();
     arr.forEach(bp => {
         Object.keys(bp).forEach(key => {
@@ -423,24 +429,23 @@ resprop(arr) {
         });
     });
 
-    // F. Ensure 'defaultItem' holds the base/reset value for every responsive property.
+    // Fill defaultItem with fallback values
     responsiveProps.forEach(key => {
         if (defaultItem[key] === undefined) {
              defaultItem[key] = this.options[key] || "initial";
         }
     });
 
-
-    // --- 3. CORE LOGIC: The Responsive Task Function ---
+    // --- 3. CORE LOGIC ---
     const respropTask = () => {
         const width = window.innerWidth;
         let applied = defaultItem; 
 
-        // 1. RANGE LOGIC: Find the exact breakpoint whose range matches the current width.
+        // 1. Find the first matching range. 
+        // Because we sorted ascending, the smallest matching "max-width" wins.
         for (let i = 0; i < arr.length; i++) {
             const bp = arr[i];
             const [min, max] = bp.range;
-
             if (bp.breakpoint === "default") continue;
 
             if (width >= min && width <= max) {
@@ -451,38 +456,59 @@ resprop(arr) {
         
         // --- Apply Styles ---
         
-        // A. Full Reset: Restore all non-responsive styles.
-       /* for (const key in this.prevStyles) {
-            this.res.style[key] = this.prevStyles[key];
-        }*/
-
-        // B. Clear Responsive Props: Apply the 'default' item's base values.
+        // B. Reset: Apply base values first
         responsiveProps.forEach(key => {
-            this.res.style[key] = defaultItem[key];
+            // Special handling for keySet during reset
+            if (key === 'keySet') {
+                const ks = defaultItem[key];
+                if (ks && ks.key) this.res.style[ks.key] = ks.value;
+            } else {
+                this.res.style[key] = defaultItem[key];
+
+				
+            }
         });
+
+		
         
-        // C. Apply Overrides: Apply the properties of the currently matching breakpoint
+        // C. Overrides: Apply matching breakpoint values
         for (const key in applied) {
+		
+			if (key === "exact"){
+//alert(key);
+console.log("APPL");
+console.log(applied);
+console.log(this.set);
+this.set(applied);
+//this.set({key: })
+			}
+
+
             if (!excludedKeys.includes(key) && key !== 'range') {
                 const value = applied[key];
 
-                if (typeof this[key] === 'function') {
-                    // Custom property (e.g., this.size(value)): call the internal method
+                // NEW: Handle your keySet object {key: "...", value: "..."}
+                if (key === 'keySet' && value && value.key) {
+                    this.res.style[value.key] = value.value;
+                } 
+                // Handle internal methods (e.g., this.width("300px"))
+                else if (typeof this[key] === 'function') {
                     this[key](value); 
-                } else {
-                    // Standard CSS property: set the style directly.
+                } 
+                // Handle direct CSS property assignment
+                else {
                     this.res.style[key] = value;
                 }
+
+
+				
             }
         }
     };
 
-
     // --- 4. REGISTRATION ---
     this._responsiveTasks = this._responsiveTasks || [];
     this._responsiveTasks.push(respropTask);
-    
-    // Ensure the unified handler is set up and starts listening
     this._setupResponsiveManager(); 
 }
 

package/layout/audio.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/audionew.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/base-2.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/base.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/beta-desktop-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/beta-mobile-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/box.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/button.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/cards.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/center.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/checkbox.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/circle.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/clean-row.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/code.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/container.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/custom.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/div-image.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/dropdown-2025.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/dropdown.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/empty-element.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/external-stylesheet.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/flex-card.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/flex-grid.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/flex-row.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/footer.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/custom.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/data-list.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/floating-input.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/form-all.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/form.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/image-picker.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/picker.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/radio.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/radiogroup.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/range.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/free.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/grid-new.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/grid-switcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/grid.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/group.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/header.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/horizontal-scroller.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/image-old.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/image.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/index.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/label.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/link.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/list-OLD.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/list.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/meta-adder.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/modal-2025.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/modernwrap.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/multiswitcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/multiswitcherBeta.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/nav-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/nav-factor/custom-div.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/navBar-OLD.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.114
+ * nodality v1.0.116
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */