hybrids - npm Package Compare versions

Comparing version 8.1.3 to 8.1.4

docs/CHANGELOG.md

@@ -5,2 +5,11 @@ # Changelog
 
+### [8.1.4](https://github.com/hybridsjs/hybrids/compare/v8.1.3...v8.1.4) (2022-09-21)
+
+
+### Bug Fixes
+
+* **layout:** inset rule with an argument ([43d922f](https://github.com/hybridsjs/hybrids/commit/43d922fa0a6efe25e8ec75a46664a8e417d4fb5b))
+* **layout:** use textContent for style element fallback ([e915942](https://github.com/hybridsjs/hybrids/commit/e9159423f73dfbc1a5d46affb3b368223ce6c2b0))
+* **store:** offline list model should contain id ([d1201ef](https://github.com/hybridsjs/hybrids/commit/d1201ef40253225d34d5109b92195379858a1b0d))
+
 ### [8.1.3](https://github.com/hybridsjs/hybrids/compare/v8.1.2...v8.1.3) (2022-09-16)
@@ -7,0 +16,0 @@

docs/component-model/layout-engine.md

@@ -227,9 +227,9 @@ # Layout Engine
 
-| Rule   | Arguments         | Defaults | Properties                             |
-|--------|-------------------|----------|----------------------------------------|
-| inset  | ---               | ---      | `top: 0; right: 0; bottom: 0; left: 0` |
-| top    | [value:dimension] | top:0    | `top: [value]`                         |
-| right  | [value:dimension] | right:0  | `right: [value]`                       |
-| bottom | [value:dimension] | bottom:0 | `bottom: [value]`                      |
-| left   | [value:dimension] | left:0   | `left: [value]`                        |
-| layer  | [index:value]     | layer:1  | `z-index: [index]`                     |
+| Rule   | Arguments         | Defaults | Properties                       |
+|--------|-------------------|----------|----------------------------------|
+| inset  | [value:dimension] | inset:0  | `top,right,bottom,left: [value]` |
+| top    | [value:dimension] | top:0    | `top: [value]`                   |
+| right  | [value:dimension] | right:0  | `right: [value]`                 |
+| bottom | [value:dimension] | bottom:0 | `bottom: [value]`                |
+| left   | [value:dimension] | left:0   | `left: [value]`                  |
+| layer  | [index:value]     | layer:1  | `z-index: [index]`               |

package.json

 {
   "name": "hybrids",
-  "version": "8.1.3",
+  "version": "8.1.4",
   "description": "A JavaScript framework for creating fully-featured web applications, components libraries, and single web components with unique declarative and functional architecture",
@@ -5,0 +5,0 @@ "type": "module",

src/store.js

@@ -876,8 +876,15 @@ /* eslint-disable no-use-before-define */
         get: (id) => {
-          const result = modelConfig.storage.offline.get(
-            hashCode(String(stringifyId(id))),
+          const stringId = stringifyId(id);
+          let result = modelConfig.storage.offline.get(
+            hashCode(String(stringId)),
           );
-          return result
-            ? result.map((item) => modelConfig.storage.offline.get(item))
-            : null;
+          if (result) {
+            result = result.map((item) =>
+              modelConfig.storage.offline.get(item),
+            );
+            result.id = stringId;
+            return result;
+          }
+
+          return null;
         },
@@ -884,0 +891,0 @@ set: (id, values) => {

src/template/layout.js

@@ -119,3 +119,6 @@ import global from "../global.js";
   // position values
-  inset: { top: 0, right: 0, bottom: 0, left: 0 },
+  inset: (props, value = 0) => {
+    const d = dimension(value);
+    return { top: d, right: d, bottom: d, left: d };
+  },
   top: (props, value = 0) => ({ top: dimension(value) }),
@@ -189,3 +192,2 @@ bottom: (props, value = 0) => ({ bottom: dimension(value) }),
       el = global.document.createElement("style");
-      el.appendChild(global.document.createTextNode(""));
       root.appendChild(el);
@@ -196,19 +198,8 @@
 
-    const elSheet = el.sheet;
-    const cssRules = sheet.cssRules;
-
-    for (var i = 0; i < cssRules.length; i++) {
-      if (elSheet.cssRules[i]) {
-        if (elSheet.cssRules[i].cssText === cssRules[i].cssText) {
-          continue;
-        }
-        elSheet.removeRule(i);
-      }
-
-      elSheet.insertRule(cssRules[i].cssText, i);
+    let result = "";
+    for (let i = 0; i < sheet.cssRules.length; i++) {
+      result += sheet.cssRules[i].cssText;
     }
 
-    for (; i < elSheet.cssRules.length; i++) {
-      elSheet.removeRule(i);
-    }
+    el.textContent = result;
   }
@@ -215,0 +206,0 @@

No alert changes

Improved metrics

Total package byte prevSize

443907

increased by0.09%

Worsened metrics

Lines of code

6664

decreased by-0.02%

No dependency changes