vevet 4.4.2 → 5.0.0

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

@@ -10,97 +10,64 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Module = void 0;
-var MutableProps_1 = require("../MutableProps");
 var Callbacks_1 = require("../Callbacks");
-var getApp_1 = require("../../utils/internal/getApp");
-var addEventListener_1 = require("../../utils/dom/addEventListener");
+// todo: jsdoc
+__exportStar(require("./types"), exports);
 /**
  * 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
  */
 var Module = /** @class */ (function () {
     /**
      * 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.
      */
-    function Module(initialProps, canInit) {
-        if (canInit === void 0) { canInit = true; }
-        var _this = this;
-        /** Tracks whether the module has been initialized */
-        this._isInitialized = false;
+    function Module(props) {
         /** Tracks whether the module has been destroyed */
         this._isDestroyed = false;
-        if (!(0, getApp_1.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_1.Callbacks();
-        this._listeners = [];
-        this._destroyableActions = [];
-        this._classNamesToRemove = [];
-        var props = __assign(__assign({}, this._getDefaultProps()), (initialProps || {}));
-        this._mutableProps = new MutableProps_1.MutableProps(props, function () { return _this._onPropsMutate(); }, this.name);
-        if (canInit) {
-            this.init();
-        }
+        this._props = __assign(__assign(__assign({}, this._getStatic()), this._getMutable()), props);
     }
-    /**
-     * 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.
-     */
-    Module.prototype._getDefaultProps = function () {
-        return {};
+    /** Get default static props */
+    Module.prototype._getStatic = function () {
+        return { __staticProp: null };
+    };
+    /** Set default mutable props */
+    Module.prototype._getMutable = function () {
+        return { __mutableProp: null };
     };
     Object.defineProperty(Module.prototype, "props", {
         /**
-         * 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: function () {
-            return this._mutableProps.props;
+            return this._props;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Module.prototype, "callbacks", {
-        /**
-         * Retrieves the module's registered callbacks.
-         */
+    Object.defineProperty(Module.prototype, "prefix", {
+        /** Optional prefix for classnames used by the module */
         get: function () {
-            return this._callbacks;
+            return '';
         },
         enumerable: false,
         configurable: true
@@ -113,130 +80,63 @@ var Module = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Module.prototype, "prefix", {
-        /** Optional prefix for class names used by the module */
-        get: function () {
-            return '';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Module.prototype, "isInitialized", {
+    Object.defineProperty(Module.prototype, "isDestroyed", {
         /**
-         * Checks if the module has been initialized.
+         * Checks if the module has been destroyed.
          */
         get: function () {
-            return this._isInitialized;
+            return this._isDestroyed;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Module.prototype, "isDestroyed", {
+    Object.defineProperty(Module.prototype, "callbacks", {
         /**
-         * Checks if the module has been destroyed.
+         * Retrieves the module's callbacks instance.
          */
         get: function () {
-            return this._isDestroyed;
+            return this._callbacks;
         },
         enumerable: false,
         configurable: true
     });
     /**
-     * Adds responsive property rules to the module. This must be done before initialization.
-     *
-     * @param rules - The responsive property rules to be added.
-     */
-    Module.prototype.addResponsiveProps = function (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.
-     */
-    Module.prototype.changeProps = function (props) {
-        if (this.isDestroyed) {
-            return;
-        }
-        this._mutableProps.changeProps(props);
-        this._callbacks.tbt('propsChange', undefined);
-    };
-    /**
-     * 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.
      */
-    Module.prototype._onPropsMutate = function () {
-        this._callbacks.tbt('propsMutate', undefined);
+    Module.prototype._handleProps = function () {
+        this.callbacks.emit('props', undefined);
     };
-    /**
-     * Initializes the module. Calls the internal `_init` method and marks the module as initialized.
-     */
-    Module.prototype.init = function () {
-        if (this.isInitialized) {
-            return;
-        }
-        this._isInitialized = true;
-        this._init();
+    /** Change module's mutable properties */
+    Module.prototype.updateProps = function (props) {
+        this._props = __assign(__assign({}, this._props), props);
+        this._handleProps();
     };
     /**
-     * Additional initialization logic that can be overridden in subclasses.
-     */
-    Module.prototype._init = function () { };
-    /**
-     * 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.
      */
-    Module.prototype.addDestroyableAction = function (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.
-     */
-    Module.prototype.addViewportCallback = function (target, action, data) {
-        if (data === void 0) { data = {}; }
-        var callback = (0, getApp_1.getApp)().viewport.callbacks.add(target, action, __assign(__assign({}, data), { name: this.constructor.name }));
-        this.addDestroyableAction(function () { return callback.remove(); });
+    Module.prototype.onDestroy = function (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.
      */
-    Module.prototype.addCallback = function (target, action, settings) {
+    Module.prototype.on = function (target, listener, settings) {
         if (settings === void 0) { 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.
-     */
-    Module.prototype.addEventListener = function (element, target, callback, options) {
-        var listener = (0, addEventListener_1.addEventListener)(element, target, callback, options);
-        this._listeners.push(listener);
-        return listener;
+        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.
      */
-    Module.prototype.className = function () {
+    Module.prototype._cn = function () {
         var _this = this;
         var classNames = [];
         for (var _i = 0; _i < arguments.length; _i++) {
@@ -245,17 +145,16 @@ var Module = /** @class */ (function () {
         return classNames.map(function (value) { return "".concat(_this.prefix).concat(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.
      */
-    Module.prototype.toggleClassName = function (element, className, isActive) {
+    Module.prototype._addTempClassName = function (element, className) {
         var isAlreadyExists = element.classList.contains(className);
-        element.classList.toggle(className, isActive);
         if (!isAlreadyExists) {
-            this._classNamesToRemove.push({ element: element, className: className });
+            element.classList.add(className);
+            this.onDestroy(function () { return element.classList.remove(className); });
         }
     };
     /**
@@ -272,15 +171,9 @@ var Module = /** @class */ (function () {
      * It removes all callbacks, destroys properties, and cleans up event listeners and class names.
      */
     Module.prototype._destroy = function () {
-        this._callbacks.tbt('destroy', undefined);
+        this._callbacks.emit('destroy', undefined);
         this._callbacks.destroy();
-        this._mutableProps.destroy();
-        this._destroyableActions.forEach(function (action) { return action(); });
-        this._listeners.forEach(function (listener) { return listener(); });
-        this._classNamesToRemove.forEach(function (_a) {
-            var element = _a.element, className = _a.className;
-            return element.classList.remove(className);
-        });
+        this._destroyable.forEach(function (action) { return action(); });
         this._isDestroyed = true;
     };
     return Module;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/base/Module/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,gDAA8D;AAC9D,0CAAqD;AAErD,kDAAiD;AAEjD,iEAAgE;AAMhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH;IA0EE;;;;;OAKG;IACH,gBAAY,YAA4C,EAAE,OAAc;QAAd,wBAAA,EAAA,cAAc;QAAxE,iBAwBC;QAlDD,qDAAqD;QAC7C,mBAAc,GAAG,KAAK,CAAC;QAS/B,mDAAmD;QAC3C,iBAAY,GAAG,KAAK,CAAC;QAgB3B,IAAI,CAAC,IAAA,eAAM,GAAE,EAAE;YACb,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;SACzD;QAED,IAAI,CAAC,UAAU,GAAG,IAAI,qBAAS,EAAkB,CAAC;QAClD,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAC9B,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAE9B,IAAM,KAAK,yBACN,IAAI,CAAC,gBAAgB,EAAE,GACvB,CAAC,YAAY,IAAI,EAAE,CAAC,CACxB,CAAC;QAEF,IAAI,CAAC,aAAa,GAAG,IAAI,2BAAY,CACnC,KAAsC,EACtC,cAAM,OAAA,KAAI,CAAC,cAAc,EAAE,EAArB,CAAqB,EAC3B,IAAI,CAAC,IAAI,CACV,CAAC;QAEF,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAnGD;;OAEG;IACO,iCAAgB,GAA1B;QACE,OAAO,EAAE,CAAC;IACZ,CAAC;IAMD,sBAAI,yBAAK;QAJT;;;WAGG;aACH;YACE,OAAO,IAAI,CAAC,aAAa,CAAC,KAEzB,CAAC;QACJ,CAAC;;;OAAA;IAWD,sBAAI,6BAAS;QAHb;;WAEG;aACH;YACE,OAAO,IAAI,CAAC,UAAU,CAAC;QACzB,CAAC;;;OAAA;IAYD,sBAAI,wBAAI;QADR,0DAA0D;aAC1D;YACE,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;QAC/B,CAAC;;;OAAA;IAGD,sBAAI,0BAAM;QADV,yDAAyD;aACzD;YACE,OAAO,EAAE,CAAC;QACZ,CAAC;;;OAAA;IAQD,sBAAI,iCAAa;QAHjB;;WAEG;aACH;YACE,OAAO,IAAI,CAAC,cAAc,CAAC;QAC7B,CAAC;;;OAAA;IAQD,sBAAI,+BAAW;QAHf;;WAEG;aACH;YACE,OAAO,IAAI,CAAC,YAAY,CAAC;QAC3B,CAAC;;;OAAA;IAkCD;;;;OAIG;IACI,mCAAkB,GAAzB,UAA0B,KAAiD;QACzE,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,MAAM,IAAI,KAAK,CACb,8DAA8D,CAC/D,CAAC;SACH;aAAM;YACL,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;SAC9C;IACH,CAAC;IAED;;;;OAIG;IACI,4BAAW,GAAlB,UAAmB,KAA+B;QAChD,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,OAAO;SACR;QAED,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAEtC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;IAChD,CAAC;IAED;;OAEG;IACO,+BAAc,GAAxB;QACE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;IAChD,CAAC;IAED;;OAEG;IACI,qBAAI,GAAX;QACE,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,OAAO;SACR;QAED,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAE3B,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAED;;OAEG;IACO,sBAAK,GAAf,cAAmB,CAAC;IAEpB;;;;OAIG;IACO,qCAAoB,GAA9B,UAA+B,MAAkB;QAC/C,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC;IAED;;;;;;OAMG;IACI,oCAAmB,GAA1B,UACE,MAAmC,EACnC,MAAmC,EACnC,IAAsC;QAAtC,qBAAA,EAAA,SAAsC;QAEtC,IAAM,QAAQ,GAAG,IAAA,eAAM,GAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,wBAC1D,IAAI,KACP,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,IAC3B,CAAC;QAEH,IAAI,CAAC,oBAAoB,CAAC,cAAM,OAAA,QAAQ,CAAC,MAAM,EAAE,EAAjB,CAAiB,CAAC,CAAC;IACrD,CAAC;IAED;;;;;;OAMG;IACI,4BAAW,GAAlB,UACE,MAAS,EACT,MAA6C,EAC7C,QAAmC;QAAnC,yBAAA,EAAA,aAAmC;QAEnC,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtD,CAAC;IAED;;;;;;;OAOG;IACI,iCAAgB,GAAvB,UAIE,OAAoC,EACpC,MAAc,EACd,QAAkB,EAClB,OAA2C;QAE3C,IAAM,QAAQ,GAAG,IAAA,mCAAgB,EAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QACtE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE/B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;;;OAKG;IACO,0BAAS,GAAnB;QAAA,iBAEC;QAFmB,oBAAuB;aAAvB,UAAuB,EAAvB,qBAAuB,EAAvB,IAAuB;YAAvB,+BAAuB;;QACzC,OAAO,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,UAAG,KAAI,CAAC,MAAM,SAAG,KAAK,CAAE,EAAxB,CAAwB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvE,CAAC;IAED;;;;;;OAMG;IACO,gCAAe,GAAzB,UACE,OAAgB,EAChB,SAAiB,EACjB,QAAiB;QAEjB,IAAM,eAAe,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAE9D,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAE9C,IAAI,CAAC,eAAe,EAAE;YACpB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,OAAO,SAAA,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;SACvD;IACH,CAAC;IAED;;OAEG;IACI,wBAAO,GAAd;QACE,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED;;;OAGG;IACO,yBAAQ,GAAlB;QACE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC1C,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;QAE1B,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;QAE7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,EAAE,EAAR,CAAQ,CAAC,CAAC;QACvD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,EAAE,EAAV,CAAU,CAAC,CAAC;QAElD,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,UAAC,EAAsB;gBAApB,OAAO,aAAA,EAAE,SAAS,eAAA;YACpD,OAAA,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;QAAnC,CAAmC,CACpC,CAAC;QAEF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,CAAC;IACH,aAAC;AAAD,CAAC,AAjSD,IAiSC;AAjSY,wBAAM"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/base/Module/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0CAA+E;AAO/E,cAAc;AAEd,0CAAwB;AAExB;;;;GAIG;AACH;IA0DE;;OAEG;IACH,gBAAY,KAAkC;QA1B9C,mDAAmD;QACzC,iBAAY,GAAG,KAAK,CAAC;QAmB/B,2EAA2E;QACjE,iBAAY,GAAmB,EAAE,CAAC;QAM1C,IAAI,CAAC,UAAU,GAAG,IAAI,qBAAS,EAAE,CAAC;QAElC,IAAI,CAAC,MAAM,GAAG,+BACT,IAAI,CAAC,UAAU,EAAE,GACjB,IAAI,CAAC,WAAW,EAAE,GAClB,KAAK,CACqC,CAAC;IAClD,CAAC;IAhED,+BAA+B;IACxB,2BAAU,GAAjB;QACE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAiC,CAAC;IAC/D,CAAC;IAED,gCAAgC;IACzB,4BAAW,GAAlB;QACE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAkC,CAAC;IACjE,CAAC;IAQD,sBAAI,yBAAK;QAHT;;WAEG;aACH;YACE,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;;;OAAA;IAGD,sBAAI,0BAAM;QADV,wDAAwD;aACxD;YACE,OAAO,EAAE,CAAC;QACZ,CAAC;;;OAAA;IAGD,sBAAI,wBAAI;QADR,0DAA0D;aAC1D;YACE,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;QAC/B,CAAC;;;OAAA;IAQD,sBAAI,+BAAW;QAHf;;WAEG;aACH;YACE,OAAO,IAAI,CAAC,YAAY,CAAC;QAC3B,CAAC;;;OAAA;IAQD,sBAAI,6BAAS;QAHb;;WAEG;aACH;YACE,OAAO,IAAI,CAAC,UAAU,CAAC;QACzB,CAAC;;;OAAA;IAkBD;;OAEG;IACO,6BAAY,GAAtB;QACE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC1C,CAAC;IAED,yCAAyC;IAClC,4BAAW,GAAlB,UAAmB,KAA4B;QAC7C,IAAI,CAAC,MAAM,yBACN,IAAI,CAAC,MAAM,GACX,KAAK,CACT,CAAC;QAEF,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED;;;;OAIG;IACI,0BAAS,GAAhB,UAAiB,MAAkB;QACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC;IAED;;;;;;OAMG;IACI,mBAAE,GAAT,UACE,MAAS,EACT,QAA2C,EAC3C,QAAiC;QAAjC,yBAAA,EAAA,aAAiC;QAEjC,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACvD,CAAC;IAED;;;;;OAKG;IACO,oBAAG,GAAb;QAAA,iBAEC;QAFa,oBAAuB;aAAvB,UAAuB,EAAvB,qBAAuB,EAAvB,IAAuB;YAAvB,+BAAuB;;QACnC,OAAO,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,UAAG,KAAI,CAAC,MAAM,SAAG,KAAK,CAAE,EAAxB,CAAwB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvE,CAAC;IAED;;;;;OAKG;IACO,kCAAiB,GAA3B,UAA4B,OAAgB,EAAE,SAAiB;QAC7D,IAAM,eAAe,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAE9D,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAEjC,IAAI,CAAC,SAAS,CAAC,cAAM,OAAA,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,EAAnC,CAAmC,CAAC,CAAC;QAC5D,CAAC;IACH,CAAC;IAED;;OAEG;IACI,wBAAO,GAAd;QACE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED;;;OAGG;IACO,yBAAQ,GAAlB;QACE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC3C,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;QAE1B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,EAAE,EAAR,CAAQ,CAAC,CAAC;QAEhD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,CAAC;IACH,aAAC;AAAD,CAAC,AAjKD,IAiKC;AAjKY,wBAAM"}

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

@@ -0,0 +1,184 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Responsive = void 0;
+/* eslint-disable no-underscore-dangle */
+var initVevet_1 = require("../../global/initVevet");
+var Module_1 = require("../Module");
+__exportStar(require("./types"), exports);
+var Responsive = /** @class */ (function () {
+    function Responsive(_source, _rules, _onChange) {
+        var _this = this;
+        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 = '[]';
+        var source = _source;
+        var app = (0, initVevet_1.initVevet)();
+        var sourceName = source instanceof Module_1.Module ? source.name : 'Object';
+        // Fetch initial props
+        this._fetchInitProps();
+        // Save current props
+        this._props = __assign({}, this._initProps);
+        // Override Module's `updateProps`
+        if (source instanceof Module_1.Module) {
+            source.on('destroy', function () { return _this.destroy(); }, {
+                name: this.constructor.name,
+                protected: true,
+            });
+            var saveUpdateProps_1 = source.updateProps.bind(source);
+            source.updateProps = function (p) {
+                saveUpdateProps_1(p);
+                _this._initProps = __assign(__assign({}, _this._initProps), p);
+            };
+            Object.defineProperty(source, '_$_responseProps', {
+                value: function (p) {
+                    saveUpdateProps_1(p);
+                },
+            });
+        }
+        // Update Props
+        this._handleUpdate();
+        // Add viewport listener
+        this._destructors.push(app.onViewport('any', function () { return _this._handleUpdate(); }, {
+            name: "".concat(this.constructor.name, " / ").concat(sourceName),
+        }));
+    }
+    Object.defineProperty(Responsive.prototype, "props", {
+        /** Current props */
+        get: function () {
+            return this._props;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /** Set initial props */
+    Responsive.prototype._fetchInitProps = function () {
+        var _this = this;
+        var source = this._source;
+        if (source instanceof Module_1.Module) {
+            this._initProps = {};
+            var mutableKeys = Object.keys(source._getMutable());
+            mutableKeys.forEach(function (key) {
+                // @ts-ignore
+                _this._initProps[key] = source.props[key];
+            });
+            return;
+        }
+        this._initProps = this._source;
+    };
+    /** Get active rules */
+    Responsive.prototype._getActiveRules = function () {
+        var app = (0, initVevet_1.initVevet)();
+        var rules = this._rules.filter(function (_a) {
+            var at = _a.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')) {
+                var isMediaActive = window.matchMedia(at.replace('@media', '')).matches;
+                return isMediaActive;
+            }
+            return false;
+        });
+        return rules;
+    };
+    /** Get responsive props */
+    Responsive.prototype._getResponsiveProps = function () {
+        var rules = this._getActiveRules();
+        var newProps = {};
+        rules.forEach(function (_a) {
+            var props = _a.props;
+            newProps = __assign(__assign({}, newProps), props);
+        });
+        return newProps;
+    };
+    /** Update properties */
+    Responsive.prototype._handleUpdate = function () {
+        var _a;
+        var activeRules = this._getActiveRules();
+        var activeBreakpoints = activeRules.map(function (_a) {
+            var at = _a.at;
+            return at;
+        });
+        var json = JSON.stringify(activeBreakpoints);
+        if (this._prevBreakpoints === json) {
+            return;
+        }
+        this._prevBreakpoints = json;
+        this._props = __assign(__assign({}, this._initProps), this._getResponsiveProps());
+        if (this._source instanceof Module_1.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.
+     */
+    Responsive.prototype.destroy = function () {
+        if (this._isDestroyed) {
+            return;
+        }
+        this._isDestroyed = true;
+        this._destructors.forEach(function (destructor) { return destructor(); });
+    };
+    return Responsive;
+}());
+exports.Responsive = Responsive;
+//# sourceMappingURL=index.js.map

package/lib/cjs/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/cjs/base/Responsive/types.js.map

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

package/lib/cjs/base/index.js

@@ -15,8 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Callbacks"), exports);
-__exportStar(require("./Component"), exports);
 __exportStar(require("./Module"), exports);
-__exportStar(require("./MutableProps"), exports);
-__exportStar(require("./Plugin"), exports);
+__exportStar(require("./Responsive"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/base/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,8CAA4B;AAC5B,2CAAyB;AACzB,iDAA+B;AAC/B,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/base/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,2CAAyB;AACzB,+CAA6B"}