@razaman2/reactive-view 0.0.21 → 0.0.22

package/dist/index.d.mts

@@ -112,6 +112,7 @@ declare function getSubscription(): {
     subscriptions: any[];
     subscription: Subscription;
 };
-declare function StyleParser(styles?: Array<string> | Record<string, any> | string): any;
+declare function StyleParser(styles?: Array<string> | Record<string, boolean> | string): {};
+declare function MergeStyles(...params: any): any;
 
-export { StyleParser, access, _default as default, getDate, getProps, getReactiveViewComponent, getSubscription, safeRequest, setup };
+export { MergeStyles, StyleParser, access, _default as default, getDate, getProps, getReactiveViewComponent, getSubscription, safeRequest, setup };

package/dist/index.d.ts

@@ -112,6 +112,7 @@ declare function getSubscription(): {
     subscriptions: any[];
     subscription: Subscription;
 };
-declare function StyleParser(styles?: Array<string> | Record<string, any> | string): any;
+declare function StyleParser(styles?: Array<string> | Record<string, boolean> | string): {};
+declare function MergeStyles(...params: any): any;
 
-export { StyleParser, access, _default as default, getDate, getProps, getReactiveViewComponent, getSubscription, safeRequest, setup };
+export { MergeStyles, StyleParser, access, _default as default, getDate, getProps, getReactiveViewComponent, getSubscription, safeRequest, setup };

package/dist/index.js

@@ -1,7 +1,9 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -19,6 +21,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name2 in all)
     __defProp(target, name2, { get: all[name2], enumerable: true });
@@ -44,6 +47,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  MergeStyles: () => MergeStyles,
   StyleParser: () => StyleParser,
   access: () => access,
   default: () => index_default,
@@ -155,7 +159,7 @@ var import_vue = require("vue");
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.21";
+var version = "0.0.22";
 
 // src/ReactiveView.ts
 var setup = {
@@ -430,19 +434,23 @@ function getSubscription() {
   };
 }
 function StyleParser(styles = {}) {
-  var _a;
-  const object = (items) => items.reduce((object2, item) => {
-    return Object.assign(object2, { [item]: true });
-  }, {});
-  return (_a = Array.isArray(styles) ? object(styles) : typeof styles === "string" ? object(styles.split(/\s+/)) : Object.entries(styles).reduce((acc, [styles2, value]) => {
-    styles2.split(/\s+/).forEach((style) => {
-      acc[style] = value;
+  const transform = (style, status = true) => style.split(/\s+/).reduce((object, style2) => {
+    return __spreadProps(__spreadValues({}, object), {
+      [style2]: status
     });
-    return acc;
-  }, {})) != null ? _a : {};
+  }, {});
+  return Array.isArray(styles) ? styles.reduce((styles2, style) => Object.assign(transform(style), styles2), {}) : typeof styles === "string" ? transform(styles) : Object.entries(styles).reduce((acc, [styles2, value]) => {
+    return __spreadValues(__spreadValues({}, acc), transform(styles2, value));
+  }, {});
+}
+function MergeStyles(...params) {
+  return params.reduce((styles, style, index, array) => {
+    return __spreadValues(__spreadValues({}, StyleParser(array[array.length - index - 1])), styles);
+  }, {});
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  MergeStyles,
   StyleParser,
   access,
   getDate,

package/dist/index.mjs

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/index.ts
 import { formatInTimeZone } from "date-fns-tz";
@@ -116,7 +119,7 @@ import { ref, reactive, watch, nextTick, createVNode, getCurrentInstance } from
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.21";
+var version = "0.0.22";
 
 // src/ReactiveView.ts
 var setup = {
@@ -391,18 +394,22 @@ function getSubscription() {
   };
 }
 function StyleParser(styles = {}) {
-  var _a;
-  const object = (items) => items.reduce((object2, item) => {
-    return Object.assign(object2, { [item]: true });
-  }, {});
-  return (_a = Array.isArray(styles) ? object(styles) : typeof styles === "string" ? object(styles.split(/\s+/)) : Object.entries(styles).reduce((acc, [styles2, value]) => {
-    styles2.split(/\s+/).forEach((style) => {
-      acc[style] = value;
+  const transform = (style, status = true) => style.split(/\s+/).reduce((object, style2) => {
+    return __spreadProps(__spreadValues({}, object), {
+      [style2]: status
     });
-    return acc;
-  }, {})) != null ? _a : {};
+  }, {});
+  return Array.isArray(styles) ? styles.reduce((styles2, style) => Object.assign(transform(style), styles2), {}) : typeof styles === "string" ? transform(styles) : Object.entries(styles).reduce((acc, [styles2, value]) => {
+    return __spreadValues(__spreadValues({}, acc), transform(styles2, value));
+  }, {});
+}
+function MergeStyles(...params) {
+  return params.reduce((styles, style, index, array) => {
+    return __spreadValues(__spreadValues({}, StyleParser(array[array.length - index - 1])), styles);
+  }, {});
 }
 export {
+  MergeStyles,
   StyleParser,
   access,
   index_default as default,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@razaman2/reactive-view",
-    "version": "0.0.21",
+    "version": "0.0.22",
     "description": "This library enables you to build vue apps in an object oriented way. It provides a convenient approach to extend and override ui components. It provides a built in eventing system along with component data management.",
     "main": "dist/index.js",
     "module": "dist/index.mjs",