@commercetools-frontend/mc-html-template 21.3.3 → 21.5.0

package/html-scripts/loading-screen.js

@@ -1,26 +0,0 @@
-// Assigning global callback used by ConfigureIntlProvider to remove
-// loading screen.
-window.onAppLoaded = function onAppLoaded() {
-  const appLoaderEl = document.querySelector('#app-loader');
-
-  if (appLoaderEl) {
-    appLoaderEl.parentNode.removeChild(appLoaderEl);
-  }
-};
-// Handles showing and hiding different loading screen elements
-// Needs to be compatible with all browsers supported without transpilation.
-(function removeLoaders() {
-  setTimeout(function removeLoadingScreen() {
-    const loadingScreenEl = document.querySelector('.loading-screen');
-    if (loadingScreenEl) {
-      loadingScreenEl.classList.remove('loading-screen--hidden');
-    }
-  }, 250);
-
-  setTimeout(function removeLongLoadingNotice() {
-    const longLoadingNoticeEl = document.querySelector('.long-loading-notice');
-    if (longLoadingNoticeEl) {
-      longLoadingNoticeEl.classList.remove('long-loading-notice--hidden');
-    }
-  }, 2000);
-})();

package/html-styles/loading-screen.css

@@ -1,50 +0,0 @@
-.loading-screen {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100vh;
-  width: 100vw;
-}
-
-.loading-screen--hidden {
-  display: none;
-}
-
-.loading-screen > * + * {
-  margin: 24px 0 0;
-}
-
-.loading-spinner {
-  width: 32px;
-  height: 32px;
-}
-
-.long-loading-notice {
-  color: #999;
-  font-family: 'Open Sans', sans-serif;
-  font-size: 12px;
-}
-
-.long-loading-notice--hidden {
-  visibility: hidden;
-}
-
-.loading-spinner-circle {
-  fill: #213c45;
-  opacity: 0.2;
-}
-
-@keyframes loading-spinner-animation {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.loading-spinner-pointer {
-  transform-origin: 20px 20px 0;
-  animation: loading-spinner-animation 0.5s infinite linear;
-}