<!DOCTYPE html>
<html lang="en" class="overflow-visible">
  <head>
    <title>3DSwym</title>
    <meta charset="UTF-8">
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Disable zoom : don't disable "pinch to zoom" on iOS, only double tab and zoom on input when focused -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes, viewport-fit=cover">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    <!-- link[rel*="icon"] listed here will be updated at runtime to fix OP ico href -->
    <!-- the href value setted here will be replaced for Cloud AND OnPremise ! see src/apps/standalone/main.ts:43 -->
    <link rel="icon" href="/webapps/UWPClientCode/assets/favicon.ico">
    <link rel="shortcut icon" href="/webapps/UWPClientCode/assets/favicon.ico">
    <link rel="apple-touch-icon" href="/webapps/UWPClientCode/assets/favicon.ico">

    <meta name="description" content="A social and collaborative web application">

    <!-- Mark the position to inject local js from native app -->
    <meta name="wap-marker:code-injection" content="script-injection">
    
          <script>
            (async function() {
              
        if(window.dsDefaultWebappsBaseUrl) {
          window.SWYM_DIST_PATH = new URL(window.dsDefaultWebappsBaseUrl + 'SwymVueWeb/dist/').href;
        }
        else {
          window.SWYM_DIST_PATH = new URL(window.location.origin + '/webapps/SwymVueWeb/dist/').pathname;
        }
        
        try {
          const response = await (await fetch((window.dsDefaultWebappsBaseUrl || './') + 'swym-config.properties?bust=' + (Date.now() / 1000).toFixed(0))).json();
          window.SWYM_TENANT = response.tenant;
          // Make it ends with a trailing "/"
          window.SWYM_URL = response.url.replace(/\/$/, '')
          window.SWYM_REGISTRY_URL = response.registry_service_url;
          window.dsDefaultWebappsBaseUrl = window.dsDefaultWebappsBaseUrl ?? (window.SWYM_URL + '/webapps/');
          window.SWYM_DIST_PATH = new URL(window.dsDefaultWebappsBaseUrl + 'SwymVueWeb/dist/').pathname;
        } catch (error) {
          console.info('fetch to swym-config.properties failed:', error);
        }

        ["assets/appStandalone-C6s0kzM-.js"].forEach(function(src) {
          var script = document.createElement('script');
          script.setAttribute('src', window.SWYM_DIST_PATH + src);
          script.setAttribute('type', 'module');
          document.head.appendChild(script);
        });
        ["assets/index-BkF4Gk3D.css","assets/modal-confirm-draft-created-nQsFYaLJ.css","assets/input-search-BGO_11ek.css","assets/register-CD62UMM9.css","assets/t-modals-manager-Dv9rZePt.css","assets/App-DH-cxw5r.css","assets/_index-DUDJg4Qq.css","assets/VUEKIT-HTYDgLFy.css"].forEach(function(src) {
          var link = document.createElement('link');
          link.setAttribute('href', window.SWYM_DIST_PATH + src);
          link.setAttribute('rel', 'stylesheet');
          document.head.appendChild(link);
        });
            })();
          </script>
    
    
    
    
    
    
    
    
    
  </head>
  <body>
    <div id="app" class="h-full opt-out-hidden">
    </div>
    <div class="skeleton-container">
      <div class="skeleton-topbar"></div>
      <div class="skeleton-spinner">
        <div class="spinner spinning" style="z-index: 2000; transform: translate3d(0px, 0px, 0px); display: inline-block;"><span class="spinner-bar"></span><span class="spinner-bar spinner-bar1"></span><span class="spinner-bar spinner-bar2"></span><span class="spinner-bar spinner-bar3"></span></div>
      </div>
      <style>
        .skeleton-container {
          display: grid;
          grid-template-rows: 44px minmax(0, 1fr);
          height: 100%;
          width: 100%;
          position: fixed;
          top: 0;
          left: 0;
          bottom: 0;
          background-color: #f4f5f6;
        }

        .skeleton-topbar {
          background-color: #005686;
        }

        .skeleton-spinner {
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .skeleton-spinner .spinner {
          vertical-align: middle;
          height: 20px !important;
          padding: 0 !important;
        }

        .skeleton-spinner .spinner-bar {
          background-color: #005686;
          height: 100%;
          width: 3px;
          margin-right: 2px;
          display: inline-block;
          vertical-align: top;
          animation: stretchdelay 1s infinite ease-in-out;
        }

        .skeleton-spinner .spinning .spinner-bar1 {
          animation-delay: -0.9s;
        }

        .skeleton-spinner .spinning .spinner-bar2 {
          animation-delay: -0.8s;
        }

        .skeleton-spinner .spinning .spinner-bar3 {
          animation-delay: -0.7s;
        }

        @keyframes stretchdelay {
          0%, 40%, 100% {
            transform: scaleY(1); 
          }

          15% {
            transform: scaleY(1.7); 
          } 
        }
      </style>
    </div>
  </body>
</html>
