vevet 4.4.2 → 5.0.0

package/lib/esm/base/Module/index.js

@@ -1,214 +1,106 @@
-import { MutableProps } from '../MutableProps';
 import { Callbacks } from '../Callbacks';
-import { getApp } from '../../utils/internal/getApp';
-import { addEventListener } from '../../utils/dom/addEventListener';
+// todo: jsdoc
+export * from './types';
 /**
  * A base class for modules that handle responsive properties, event listeners, and custom callbacks.
- * This class provides a structure for modules that can dynamically respond to viewport changes, property mutations, and various lifecycle events.
  *
- * @example
- *
- * interface IStaticProps extends NModule.IStaticProps {
- *   staticName: 'My name';
- * }
- *
- * interface IChangeableProps extends NModule.IChangeableProps {
- *   weight: number;
- *   height: number;
- * }
- *
- * interface ICallbacks extends NModule.ICallbacksTypes {}
- *
- * const module = new Module<IStaticProps, IChangeableProps, ICallbacks>({
- *   staticName: 'My name',
- *   weight: 70,
- *   height: 175,
- * }, false);
- *
- * module.addResponsiveProps({
- *   breakpoint: 'viewport_phone',
- *   settings: {
- *     weight: 80,
- *   },
- * });
- *
- * module.init();
- *
- * module.addCallback('propsMutate', () => console.log('mutate props'));
- * module.addCallback('destroy', () => console.log('destroy'));
+ * @group Base
  */
 export class Module {
-    /**
-     * Retrieves the default properties for the module. This method is intended to be overridden in subclasses to provide default values for the module's properties.
-     */
-    _getDefaultProps() {
-        return {};
+    /** Get default static props */
+    _getStatic() {
+        return { __staticProp: null };
+    }
+    /** Set default mutable props */
+    _getMutable() {
+        return { __mutableProp: null };
     }
     /**
-     * The current properties of the module, which include both static and changeable properties.
-     * These can be retrieved dynamically during the module's lifecycle.
+     * Current properties. Do not mutate these directly, use {@linkcode updateProps} instead.
      */
     get props() {
-        return this._mutableProps.props;
+        return this._props;
     }
-    /**
-     * Retrieves the module's registered callbacks.
-     */
-    get callbacks() {
-        return this._callbacks;
+    /** Optional prefix for classnames used by the module */
+    get prefix() {
+        return '';
     }
     /** The name of the module, derived from the class name */
     get name() {
         return this.constructor.name;
     }
-    /** Optional prefix for class names used by the module */
-    get prefix() {
-        return '';
-    }
-    /**
-     * Checks if the module has been initialized.
-     */
-    get isInitialized() {
-        return this._isInitialized;
-    }
     /**
      * Checks if the module has been destroyed.
      */
     get isDestroyed() {
         return this._isDestroyed;
     }
+    /**
+     * Retrieves the module's callbacks instance.
+     */
+    get callbacks() {
+        return this._callbacks;
+    }
     /**
      * Creates a new instance of the Module class.
-     *
-     * @param initialProps - The initial static and changeable properties to be used by the module.
-     * @param canInit - Whether to automatically initialize the module after construction. Set this to `false` if you want to add responsive properties before initializing.
      */
-    constructor(initialProps, canInit = true) {
-        /** Tracks whether the module has been initialized */
-        this._isInitialized = false;
+    constructor(props) {
         /** Tracks whether the module has been destroyed */
         this._isDestroyed = false;
-        if (!getApp()) {
-            throw new Error('Vevet.Application does not exist yet');
-        }
+        /** Stores actions that need to be executed when the module is destroyed */
+        this._destroyable = [];
         this._callbacks = new Callbacks();
-        this._listeners = [];
-        this._destroyableActions = [];
-        this._classNamesToRemove = [];
-        const props = Object.assign(Object.assign({}, this._getDefaultProps()), (initialProps || {}));
-        this._mutableProps = new MutableProps(props, () => this._onPropsMutate(), this.name);
-        if (canInit) {
-            this.init();
-        }
-    }
-    /**
-     * Adds responsive property rules to the module. This must be done before initialization.
-     *
-     * @param rules - The responsive property rules to be added.
-     */
-    addResponsiveProps(rules) {
-        if (this.isInitialized) {
-            throw new Error('Responsive properties cannot be added after `init` is called');
-        }
-        else {
-            this._mutableProps.addResponsiveProps(rules);
-        }
-    }
-    /**
-     * Updates the changeable properties of the module.
-     *
-     * @param props - The properties to be updated.
-     */
-    changeProps(props) {
-        if (this.isDestroyed) {
-            return;
-        }
-        this._mutableProps.changeProps(props);
-        this._callbacks.tbt('propsChange', undefined);
+        this._props = Object.assign(Object.assign(Object.assign({}, this._getStatic()), this._getMutable()), props);
     }
     /**
-     * This method is called internally when the module's properties change.
+     * Method that is called when the module's properties mutate. In most cases, used to handle callbacks.
      */
-    _onPropsMutate() {
-        this._callbacks.tbt('propsMutate', undefined);
+    _handleProps() {
+        this.callbacks.emit('props', undefined);
     }
-    /**
-     * Initializes the module. Calls the internal `_init` method and marks the module as initialized.
-     */
-    init() {
-        if (this.isInitialized) {
-            return;
-        }
-        this._isInitialized = true;
-        this._init();
+    /** Change module's mutable properties */
+    updateProps(props) {
+        this._props = Object.assign(Object.assign({}, this._props), props);
+        this._handleProps();
     }
     /**
-     * Additional initialization logic that can be overridden in subclasses.
-     */
-    _init() { }
-    /**
-     * Adds an action to the list of actions to be executed when the module is destroyed.
+     * Adds a callback on the module's destruction.
      *
      * @param action - The function to execute during destruction.
      */
-    addDestroyableAction(action) {
-        this._destroyableActions.push(action);
-    }
-    /**
-     * Adds a viewport callback that will be automatically removed when the module is destroyed.
-     *
-     * @param target - The viewport target (e.g., width or height).
-     * @param action - The callback function to execute when the viewport target changes.
-     * @param data - Additional data for the callback.
-     */
-    addViewportCallback(target, action, data = {}) {
-        const callback = getApp().viewport.callbacks.add(target, action, Object.assign(Object.assign({}, data), { name: this.constructor.name }));
-        this.addDestroyableAction(() => callback.remove());
+    onDestroy(action) {
+        this._destroyable.push(action);
     }
     /**
      * Adds a custom callback to the module.
      *
-     * @param target - The event type to listen for (e.g., 'propsChange', 'destroy').
-     * @param action - The function to execute when the event is triggered.
+     * @param target - The event type to listen for (e.g., 'props', 'destroy').
+     * @param listener - The function to execute when the event is triggered.
      * @param settings - Additional settings for the callback.
      */
-    addCallback(target, action, settings = {}) {
-        return this.callbacks.add(target, action, settings);
-    }
-    /**
-     * Adds a DOM event listener that will be automatically removed when the module is destroyed.
-     *
-     * @param element - The target element for the event listener.
-     * @param target - The event type to listen for (e.g., 'click', 'resize').
-     * @param callback - The callback function to execute when the event is triggered.
-     * @param options - Additional options for the event listener.
-     */
-    addEventListener(element, target, callback, options) {
-        const listener = addEventListener(element, target, callback, options);
-        this._listeners.push(listener);
-        return listener;
+    on(target, listener, settings = {}) {
+        return this.callbacks.on(target, listener, settings);
     }
     /**
-     * Helper function to generate class names with the module's prefix.
+     * Helper function to generate classnames with the module's prefix.
      *
      * @param classNames - The class names to generate.
      * @returns A string of class names with the module's prefix applied.
      */
-    className(...classNames) {
+    _cn(...classNames) {
         return classNames.map((value) => `${this.prefix}${value}`).join(' ');
     }
     /**
-     * Toggles a class name on an element, and keeps track of it for removal when the module is destroyed.
+     * Adds a class name on an element, and keeps track of it for removal when the module is destroyed.
      *
      * @param element - The target DOM element.
      * @param className - The class name to toggle.
-     * @param isActive - Whether the class should be added or removed.
      */
-    toggleClassName(element, className, isActive) {
+    _addTempClassName(element, className) {
         const isAlreadyExists = element.classList.contains(className);
-        element.classList.toggle(className, isActive);
         if (!isAlreadyExists) {
-            this._classNamesToRemove.push({ element, className });
+            element.classList.add(className);
+            this.onDestroy(() => element.classList.remove(className));
         }
     }
     /**
@@ -225,12 +117,9 @@ export class Module {
      * It removes all callbacks, destroys properties, and cleans up event listeners and class names.
      */
     _destroy() {
-        this._callbacks.tbt('destroy', undefined);
+        this._callbacks.emit('destroy', undefined);
         this._callbacks.destroy();
-        this._mutableProps.destroy();
-        this._destroyableActions.forEach((action) => action());
-        this._listeners.forEach((listener) => listener());
-        this._classNamesToRemove.forEach(({ element, className }) => element.classList.remove(className));
+        this._destroyable.forEach((action) => action());
         this._isDestroyed = true;
     }
 }

package/lib/esm/base/Module/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/base/Module/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/base/Module/index.ts"],"names":[],"mappings":"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"}

package/lib/esm/base/Responsive/index.js

@@ -0,0 +1,143 @@
+/* eslint-disable no-underscore-dangle */
+import { initVevet } from '../../global/initVevet';
+import { Module } from '../Module';
+export * from './types';
+export class Responsive {
+    /** Current props */
+    get props() {
+        return this._props;
+    }
+    constructor(_source, _rules, _onChange) {
+        this._source = _source;
+        this._rules = _rules;
+        this._onChange = _onChange;
+        /** Tracks whether the instance has been destroyed */
+        this._isDestroyed = false;
+        /** Destroyable actions */
+        this._destructors = [];
+        /** Previously active breakpoints */
+        this._prevBreakpoints = '[]';
+        const source = _source;
+        const app = initVevet();
+        const sourceName = source instanceof Module ? source.name : 'Object';
+        // Fetch initial props
+        this._fetchInitProps();
+        // Save current props
+        this._props = Object.assign({}, this._initProps);
+        // Override Module's `updateProps`
+        if (source instanceof Module) {
+            source.on('destroy', () => this.destroy(), {
+                name: this.constructor.name,
+                protected: true,
+            });
+            const saveUpdateProps = source.updateProps.bind(source);
+            source.updateProps = (p) => {
+                saveUpdateProps(p);
+                this._initProps = Object.assign(Object.assign({}, this._initProps), p);
+            };
+            Object.defineProperty(source, '_$_responseProps', {
+                value: (p) => {
+                    saveUpdateProps(p);
+                },
+            });
+        }
+        // Update Props
+        this._handleUpdate();
+        // Add viewport listener
+        this._destructors.push(app.onViewport('any', () => this._handleUpdate(), {
+            name: `${this.constructor.name} / ${sourceName}`,
+        }));
+    }
+    /** Set initial props */
+    _fetchInitProps() {
+        const source = this._source;
+        if (source instanceof Module) {
+            this._initProps = {};
+            const mutableKeys = Object.keys(source._getMutable());
+            mutableKeys.forEach((key) => {
+                // @ts-ignore
+                this._initProps[key] = source.props[key];
+            });
+            return;
+        }
+        this._initProps = this._source;
+    }
+    /** Get active rules */
+    _getActiveRules() {
+        const app = initVevet();
+        const rules = this._rules.filter(({ at }) => {
+            if (at === 'tablet ' && app.tablet) {
+                return true;
+            }
+            if (at === 'phone' && app.phone) {
+                return true;
+            }
+            if (at === 'mobile' && app.mobile) {
+                return true;
+            }
+            if (at === 'non_mobile' && !app.mobile) {
+                return true;
+            }
+            if (at === 'lg' && app.lg) {
+                return true;
+            }
+            if (at === 'md' && app.md) {
+                return true;
+            }
+            if (at === 'sm' && app.sm) {
+                return true;
+            }
+            if (at === 'portrait' && app.portrait) {
+                return true;
+            }
+            if (at === 'landscape' && app.landscape) {
+                return true;
+            }
+            if (at.startsWith('@media')) {
+                const isMediaActive = window.matchMedia(at.replace('@media', '')).matches;
+                return isMediaActive;
+            }
+            return false;
+        });
+        return rules;
+    }
+    /** Get responsive props */
+    _getResponsiveProps() {
+        const rules = this._getActiveRules();
+        let newProps = {};
+        rules.forEach(({ props }) => {
+            newProps = Object.assign(Object.assign({}, newProps), props);
+        });
+        return newProps;
+    }
+    /** Update properties */
+    _handleUpdate() {
+        var _a;
+        const activeRules = this._getActiveRules();
+        const activeBreakpoints = activeRules.map(({ at }) => at);
+        const json = JSON.stringify(activeBreakpoints);
+        if (this._prevBreakpoints === json) {
+            return;
+        }
+        this._prevBreakpoints = json;
+        this._props = Object.assign(Object.assign({}, this._initProps), this._getResponsiveProps());
+        if (this._source instanceof Module) {
+            // @ts-ignore
+            this._source._$_responseProps(this._props);
+        }
+        (_a = this._onChange) === null || _a === void 0 ? void 0 : _a.call(this, this.props);
+    }
+    /**
+     * Destroy the instance and clean up resources.
+     *
+     * The instance is destroyed automatically when it is used to mutate Module's props.
+     */
+    destroy() {
+        if (this._isDestroyed) {
+            return;
+        }
+        this._isDestroyed = true;
+        this._destructors.forEach((destructor) => destructor());
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/base/Responsive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/base/Responsive/index.ts"],"names":[],"mappings":"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"}

package/lib/esm/base/Responsive/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/base/Responsive/types.ts"],"names":[],"mappings":""}

package/lib/esm/base/index.js

@@ -1,6 +1,4 @@
 export * from './Callbacks';
-export * from './Component';
 export * from './Module';
-export * from './MutableProps';
-export * from './Plugin';
+export * from './Responsive';
 //# sourceMappingURL=index.js.map

package/lib/esm/base/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/base/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/base/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}

package/lib/esm/components/Canvas/index.js

@@ -0,0 +1,152 @@
+import { onResize } from '../../utils/listeners/onResize';
+import { Module } from '../../base/Module';
+import { initVevet } from '../../global/initVevet';
+export * from './types';
+/**
+ * A class for managing an HTML5 Canvas element and its 2D context.
+ *
+ * [Documentation](https://antonbobrov.github.io/vevet/docs/components/Canvas)
+ *
+ * @group Components
+ */
+export class Canvas extends Module {
+    /** Get default static properties */
+    _getStatic() {
+        return Object.assign(Object.assign({}, super._getStatic()), { container: null, append: true, resizeOnInit: true, resizeOnRuntime: false, viewportTarget: 'any', resizeDebounce: 0 });
+    }
+    /** Get default mutable properties */
+    _getMutable() {
+        return Object.assign(Object.assign({}, super._getMutable()), { width: 'auto', height: 'auto', dpr: 'auto' });
+    }
+    /** The canvas element instance. */
+    get canvas() {
+        return this._canvas;
+    }
+    /** Returns the 2D rendering context */
+    get ctx() {
+        return this._ctx;
+    }
+    /** Canvas width (DPR applied). */
+    get width() {
+        return this._width;
+    }
+    /** Width without DPR scaling. */
+    get offsetWidth() {
+        return this.width / this.dpr;
+    }
+    /** Canvas height (DPR applied). */
+    get height() {
+        return this._height;
+    }
+    /** Height without DPR scaling. */
+    get offsetHeight() {
+        return this.height / this.dpr;
+    }
+    /** Current device pixel ratio. */
+    get dpr() {
+        return this._dpr;
+    }
+    /** Checks if the canvas is ready to render. */
+    get canRender() {
+        return this.width > 0 && this.height > 0;
+    }
+    /**
+     * Constructor for the Ctx2D class.
+     */
+    constructor(props) {
+        super(props);
+        const { append: shouldAppend, container, resizeOnInit: hasResizeOnInit, resizeOnRuntime: hasRuntimeResize, viewportTarget, resizeDebounce, } = this.props;
+        // Set default values
+        this._width = 0;
+        this._height = 0;
+        this._dpr = 1;
+        // Create canvas element
+        this._canvas = document.createElement('canvas');
+        // Add canvas styles
+        const { style } = this._canvas;
+        style.position = 'absolute';
+        style.top = '0';
+        style.left = '0';
+        style.width = '100%';
+        style.height = '100%';
+        // Append canvas to container if required
+        if (shouldAppend && container instanceof HTMLElement) {
+            container.append(this._canvas);
+            this.onDestroy(() => this.canvas.remove());
+        }
+        // Create 2D context
+        this._ctx = this._canvas.getContext('2d');
+        // Set resize events
+        if (hasResizeOnInit) {
+            this.resize();
+        }
+        if (hasRuntimeResize) {
+            const resizeHandler = onResize({
+                callback: () => this.resize(),
+                element: this.props.container,
+                viewportTarget,
+                resizeDebounce,
+                name: this.name,
+            });
+            this.onDestroy(() => resizeHandler.remove());
+        }
+    }
+    /** Handle property mutations */
+    _handleProps() {
+        super._handleProps();
+        this.resize();
+    }
+    /** Triggers a canvas resize based on container or viewport dimensions. */
+    resize() {
+        const core = initVevet();
+        const { props, canvas } = this;
+        const { container } = this.props;
+        // Calculate DPR
+        this._dpr = typeof props.dpr === 'number' ? props.dpr : core.dpr;
+        // Calculate new width and height
+        let newWidth = 0;
+        let newHeight = 0;
+        if (props.width === 'auto') {
+            newWidth = (container === null || container === void 0 ? void 0 : container.offsetWidth) || core.width;
+        }
+        else {
+            newWidth = props.width;
+        }
+        if (props.height === 'auto') {
+            newHeight = (container === null || container === void 0 ? void 0 : container.offsetHeight) || core.height;
+        }
+        else {
+            newHeight = props.height;
+        }
+        // Apply DPR
+        newWidth *= this._dpr;
+        newHeight *= this._dpr;
+        // Update canvas size
+        this._width = newWidth;
+        this._height = newHeight;
+        canvas.width = newWidth;
+        canvas.height = newHeight;
+        // Callbacks
+        this.callbacks.emit('resize', undefined);
+    }
+    /**
+     * Renders content on the canvas if it's ready.
+     *
+     * @param render - A function that performs the actual rendering on the canvas.
+     */
+    render(render) {
+        if (!this.canRender) {
+            return;
+        }
+        render({
+            ctx: this.ctx,
+            width: this.width,
+            height: this.height,
+            dpr: this.dpr,
+            offsetWidth: this.offsetWidth,
+            offsetHeight: this.offsetHeight,
+            canvas: this.canvas,
+        });
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Canvas/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Canvas/index.ts"],"names":[],"mappings":"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"}

package/lib/esm/components/Canvas/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Canvas/types.ts"],"names":[],"mappings":""}