@mintjamsinc/ichigojs 0.1.8 → 0.1.9

package/dist/ichigo.umd.js

@@ -9,6 +9,10 @@
     }
 
     // Copyright (c) 2025 MintJams Inc. Licensed under MIT License.
+    /**
+     * Registry for managing directive parsers.
+     * This class allows registering, unregistering, and finding directive parsers.
+     */
     class VDirectiveParserRegistry {
         /**
          * The list of registered directive parsers.
@@ -49,17 +53,30 @@
     }
 
     // Copyright (c) 2025 MintJams Inc. Licensed under MIT License.
+    /**
+     * Standard directive names used in the framework.
+     */
     var StandardDirectiveName;
     (function (StandardDirectiveName) {
+        /** Conditional rendering directives (if). */
         StandardDirectiveName["V_IF"] = "v-if";
+        /** Conditional rendering directives (else if). */
         StandardDirectiveName["V_ELSE_IF"] = "v-else-if";
+        /** Conditional rendering directives (else). */
         StandardDirectiveName["V_ELSE"] = "v-else";
+        /** Conditional rendering directives (show). */
         StandardDirectiveName["V_SHOW"] = "v-show";
+        /** List rendering directives. */
         StandardDirectiveName["V_FOR"] = "v-for";
+        /** Event handling directives. */
         StandardDirectiveName["V_ON"] = "v-on";
+        /** Attribute binding directives. */
         StandardDirectiveName["V_BIND"] = "v-bind";
+        /** Two-way data binding directives. */
         StandardDirectiveName["V_MODEL"] = "v-model";
+        /** Slot content insertion directives. */
         StandardDirectiveName["V_RESIZE"] = "v-resize";
+        /** Intersection observer directives. */
         StandardDirectiveName["V_INTERSECTION"] = "v-intersection";
     })(StandardDirectiveName || (StandardDirectiveName = {}));
 
@@ -6581,6 +6598,9 @@
     };
 
     // Copyright (c) 2025 MintJams Inc. Licensed under MIT License.
+    /**
+     * Utility class for analyzing JavaScript expressions to extract variable and function dependencies.
+     */
     class ExpressionUtils {
         /**
          * Extracts variable and function names used in the expression.
@@ -8317,6 +8337,11 @@
     }
 
     // Copyright (c) 2025 MintJams Inc. Licensed under MIT License.
+    /**
+     * Base class for conditional directives such as v-if, v-else-if, and v-else.
+     * This class manages the rendering of the associated virtual node based on the evaluation of the directive's condition.
+     * It also coordinates with other related conditional directives to ensure only one block is rendered at a time.
+     */
     class VConditionalDirective {
         /**
          * The virtual node to which this directive is applied.
@@ -9909,6 +9934,7 @@
      *
      * Example usage:
      *     <div v-resize="handleResize">Resizable content</div>
+     *     <div v-resize="handleResize" :options.resize="{box: 'border-box'}">Resizable content</div>
      *
      * The handler receives ResizeObserverEntry array as the first argument and $ctx as the second:
      *     handleResize(entries, $ctx) {
@@ -9916,6 +9942,10 @@
      *       console.log(`Size: ${width}x${height}`);
      *     }
      *
+     * Options can be provided via :options or :options.resize attribute:
+     *     :options="{box: 'border-box'}"
+     *     :options.resize="{box: 'content-box'}"
+     *
      * This directive is useful for responsive layouts, charts, and other components
      * that need to adapt to size changes.
      */
@@ -10008,11 +10038,24 @@
             const element = this.#vNode.node;
             const handler = this.#handlerWrapper;
             return () => {
+                // Get options from :options.resize or :options directive
+                let optionsDirective = this.#vNode.directiveManager?.optionsDirective('resize');
+                // Evaluate the options expression
+                let options;
+                if (optionsDirective && optionsDirective.expression) {
+                    // Evaluate the options expression
+                    const identifiers = optionsDirective.dependentIdentifiers;
+                    const values = identifiers.map(id => this.#vNode.bindings?.get(id));
+                    const args = identifiers.join(", ");
+                    const funcBody = `return (${optionsDirective.expression});`;
+                    const func = new Function(args, funcBody);
+                    options = func(...values);
+                }
                 // Create ResizeObserver and start observing
                 this.#resizeObserver = new ResizeObserver((entries) => {
                     handler(entries);
                 });
-                this.#resizeObserver.observe(element);
+                this.#resizeObserver.observe(element, options);
             };
         }
         /**
@@ -10371,13 +10414,13 @@
      */
     var LogLevel;
     (function (LogLevel) {
-        // Debug level
+        /** Debug level */
         LogLevel["DEBUG"] = "debug";
-        // Info level
+        /** Info level */
         LogLevel["INFO"] = "info";
-        // Warning level
+        /** Warning level */
         LogLevel["WARN"] = "warn";
-        // Error level
+        /** Error level */
         LogLevel["ERROR"] = "error";
     })(LogLevel || (LogLevel = {}));