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

Comparing version 1.11.2 to 1.11.3

package.json

		{
		"name": "sling-web-component-loader",
		"version": "1.11.2",
		"version": "1.11.3",
		"description": "Sling Loader",
		@@ -10,5 +10,5 @@ "module": "src/index.js",
		"dependencies": {
		"sling-framework": "^1.11.2",
		"sling-helpers": "^1.11.2"
		"sling-framework": "^1.11.3",
		"sling-helpers": "^1.11.3"
		}
		}

src/component/Loader.js

		@@ -20,3 +20,40 @@ import { SlingElement, html } from 'sling-framework';
		<style>
		@import url('sling-web-component-loader/src/index.css');
		.emd-loader {
		position: absolute;
		width: 50px;
		height: 50px;
		border: 3px solid #ccc;
		border-radius: 100%;
		top: calc( 50% - 25px );
		left: calc( 50% - 25px );
		display: none;
		z-index: 2;
		animation: spin 1s linear infinite;
		}

		.emd-loader__inner {
		width: 50px;
		height: 50px;
		border: 4px solid #95C93D;
		border-radius: 100%;
		width: calc( 100% + 6px );
		height: calc( 100% + 6px );
		margin: -3px 0 0 -3px;
		box-sizing: border-box;
		border-left: solid 3px transparent;
		}

		.emd-loader_loading {
		display: block;
		}

		@keyframes spin {
		0% {
		transform: rotate(0deg);
		}
		100% {
		transform: rotate(360deg);
		}
		}

		</style>
		@@ -23,0 +60,0 @@ <div className="${className}">

New alerts