@mintjamsinc/ichigojs 0.1.6 → 0.1.7

package/dist/types/ichigo/directives/StandardDirectiveName.d.ts

@@ -6,5 +6,6 @@ export declare enum StandardDirectiveName {
     V_FOR = "v-for",
     V_ON = "v-on",
     V_BIND = "v-bind",
-    V_MODEL = "v-model"
+    V_MODEL = "v-model",
+    V_RESIZE = "v-resize"
 }

package/dist/types/ichigo/directives/VDirective.d.ts

@@ -84,7 +84,8 @@ export interface VDirective {
     get onUnmount(): (() => void) | undefined;
     /**
      * Lifecycle hook called after the directive is unmounted from the DOM.
-     * This is called once, after the element is removed from the DOM.
+     * This is called once, after VNode cleanup is complete.
+     * The element reference is still available at this point.
      */
     get onUnmounted(): (() => void) | undefined;
     /**

package/dist/types/ichigo/directives/VOnDirective.d.ts

@@ -20,7 +20,7 @@ import { VDOMUpdater } from "../VDOMUpdater";
  *     @update="onUpdate"     - Called before the element is updated
  *     @updated="onUpdated"   - Called after the element is updated
  *     @unmount="onUnmount"   - Called before the element is removed from the DOM
- *     @unmounted="onUnmounted" - Called after the element is removed from the DOM
+ *     @unmounted="onUnmounted" - Called after VNode cleanup is complete (element reference still available)
  *
  * This directive is essential for handling user interactions and lifecycle events in your application.
  * Note that the methods referenced in the directive should be defined in the component's methods object.

package/dist/types/ichigo/directives/VResizeDirective.d.ts

@@ -0,0 +1,84 @@
+import { VNode } from "../VNode";
+import { VBindingsPreparer } from "../VBindingsPreparer";
+import { VDirective } from "./VDirective";
+import { VDirectiveParseContext } from "./VDirectiveParseContext";
+import { VDOMUpdater } from "../VDOMUpdater";
+/**
+ * Directive for observing element resize events using ResizeObserver.
+ * The `v-resize` directive allows you to respond to changes in an element's size.
+ *
+ * Example usage:
+ *     <div v-resize="handleResize">Resizable content</div>
+ *
+ * The handler receives ResizeObserverEntry array as the first argument and $ctx as the second:
+ *     handleResize(entries, $ctx) {
+ *       const { width, height } = entries[0].contentRect;
+ *       console.log(`Size: ${width}x${height}`);
+ *     }
+ *
+ * This directive is useful for responsive layouts, charts, and other components
+ * that need to adapt to size changes.
+ */
+export declare class VResizeDirective implements VDirective {
+    #private;
+    /**
+     * @param context The context for parsing the directive.
+     */
+    constructor(context: VDirectiveParseContext);
+    /**
+     * @inheritdoc
+     */
+    get name(): string;
+    /**
+     * @inheritdoc
+     */
+    get vNode(): VNode;
+    /**
+     * @inheritdoc
+     */
+    get needsAnchor(): boolean;
+    /**
+     * @inheritdoc
+     */
+    get bindingsPreparer(): VBindingsPreparer | undefined;
+    /**
+     * @inheritdoc
+     */
+    get domUpdater(): VDOMUpdater | undefined;
+    /**
+     * @inheritdoc
+     */
+    get templatize(): boolean;
+    /**
+     * @inheritdoc
+     */
+    get dependentIdentifiers(): string[];
+    /**
+     * @inheritdoc
+     */
+    get onMount(): (() => void) | undefined;
+    /**
+     * @inheritdoc
+     */
+    get onMounted(): (() => void) | undefined;
+    /**
+     * @inheritdoc
+     */
+    get onUpdate(): (() => void) | undefined;
+    /**
+     * @inheritdoc
+     */
+    get onUpdated(): (() => void) | undefined;
+    /**
+     * @inheritdoc
+     */
+    get onUnmount(): (() => void) | undefined;
+    /**
+     * @inheritdoc
+     */
+    get onUnmounted(): (() => void) | undefined;
+    /**
+     * @inheritdoc
+     */
+    destroy(): void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintjamsinc/ichigojs",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "ichigo.js - Simple and intuitive reactive framework. Lightweight, fast, and user-friendly virtual DOM library",
   "main": "./dist/ichigo.umd.js",
   "module": "./dist/ichigo.esm.js",