sling-web-component-loader - npm Package Compare versions

Comparing version 0.2.36 to 0.3.0

dist/cjs/component/Loader.js

@@ -10,3 +10,3 @@ 'use strict';
 
-var _templateObject = _taggedTemplateLiteral(['\n      <style>\n        .emd-loader {\n  position: absolute;\n  width: 50px;\n  height: 50px;\n  border: 3px solid #ccc;\n  border-radius: 100%;\n  top: calc( 50% - 25px );\n  left: calc( 50% - 25px );\n  display: none;\n  z-index: 2;\n  animation: spin 1s linear infinite;\n}\n\n.emd-loader__inner {\n  width: 50px;\n  height: 50px;\n  border: 4px solid #95C93D;\n  border-radius: 100%;\n  width: calc( 100% + 6px );\n  height: calc( 100% + 6px );\n  margin: -3px 0 0 -3px;\n  box-sizing: border-box;\n  border-left: solid 3px transparent;\n}\n\n.emd-loader_loading {\n  display: block;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n      </style>\n      <div class$="', '">\n        <div class="emd-loader__inner"></div>\n      </div>\n    '], ['\n      <style>\n        .emd-loader {\n  position: absolute;\n  width: 50px;\n  height: 50px;\n  border: 3px solid #ccc;\n  border-radius: 100%;\n  top: calc( 50% - 25px );\n  left: calc( 50% - 25px );\n  display: none;\n  z-index: 2;\n  animation: spin 1s linear infinite;\n}\n\n.emd-loader__inner {\n  width: 50px;\n  height: 50px;\n  border: 4px solid #95C93D;\n  border-radius: 100%;\n  width: calc( 100% + 6px );\n  height: calc( 100% + 6px );\n  margin: -3px 0 0 -3px;\n  box-sizing: border-box;\n  border-left: solid 3px transparent;\n}\n\n.emd-loader_loading {\n  display: block;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n      </style>\n      <div class$="', '">\n        <div class="emd-loader__inner"></div>\n      </div>\n    ']);
+var _templateObject = _taggedTemplateLiteral(['\n      <style>\n        .emd-loader {\n  position: absolute;\n  width: 50px;\n  height: 50px;\n  border: 3px solid #ccc;\n  border-radius: 100%;\n  top: calc( 50% - 25px );\n  left: calc( 50% - 25px );\n  display: none;\n  z-index: 2;\n  animation: spin 1s linear infinite;\n}\n\n.emd-loader__inner {\n  width: 50px;\n  height: 50px;\n  border: 4px solid #95C93D;\n  border-radius: 100%;\n  width: calc( 100% + 6px );\n  height: calc( 100% + 6px );\n  margin: -3px 0 0 -3px;\n  box-sizing: border-box;\n  border-left: solid 3px transparent;\n}\n\n.emd-loader_loading {\n  display: block;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n      </style>\n      <div className="', '">\n        <div class="emd-loader__inner"></div>\n      </div>\n    '], ['\n      <style>\n        .emd-loader {\n  position: absolute;\n  width: 50px;\n  height: 50px;\n  border: 3px solid #ccc;\n  border-radius: 100%;\n  top: calc( 50% - 25px );\n  left: calc( 50% - 25px );\n  display: none;\n  z-index: 2;\n  animation: spin 1s linear infinite;\n}\n\n.emd-loader__inner {\n  width: 50px;\n  height: 50px;\n  border: 4px solid #95C93D;\n  border-radius: 100%;\n  width: calc( 100% + 6px );\n  height: calc( 100% + 6px );\n  margin: -3px 0 0 -3px;\n  box-sizing: border-box;\n  border-left: solid 3px transparent;\n}\n\n.emd-loader_loading {\n  display: block;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n      </style>\n      <div className="', '">\n        <div class="emd-loader__inner"></div>\n      </div>\n    ']);
 
@@ -13,0 +13,0 @@ var _cjs = require('sling-web-framework/dist/cjs');

dist/es/component/Loader.js

@@ -59,3 +59,3 @@ import { SlingElement, html } from 'sling-web-framework/dist/es';
       </style>
-      <div class$="${className}">
+      <div className="${className}">
         <div class="emd-loader__inner"></div>
@@ -62,0 +62,0 @@ </div>

package.json

 {
   "name": "sling-web-component-loader",
-  "version": "0.2.36",
+  "version": "0.3.0",
   "description": "",
@@ -12,5 +12,5 @@ "main": "dist/cjs/index.js",
   "dependencies": {
-    "sling-web-framework": "^0.2.36",
+    "sling-web-framework": "^0.3.0",
     "sling-web-helpers": "^0.2.34"
   }
 }

README.md

@@ -14,3 +14,3 @@ # sling-web-component-loader
         return html`
-        <div class$="business-component loading_${this.loading}">
+        <div className="business-component loading_${this.loading}">
             <sling-loader loading="${this.loading}"></sling-loader>
@@ -17,0 +17,0 @@ ... other components

No alert changes

Improved metrics

Total package byte prevSize

7900

increased by0.87%

Dependency changes

• + Addedsling-web-component-sdk-connect@0.3.3(transitive)

• + Addedsling-web-framework@0.3.3(transitive)

• + Addedsling-web-helpers@0.3.3(transitive)

• + Addedsling-web-sdk@0.3.3(transitive)

• - Removedsling-web-component-sdk-connect@0.2.34(transitive)

• - Removedsling-web-framework@0.2.36(transitive)

• - Removedsling-web-sdk@0.2.36(transitive)

• Updatedsling-web-framework@^0.3.0