@luizleon/sf.prefeiturasp.vuecomponents 0.0.36 → 0.0.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luizleon/sf.prefeiturasp.vuecomponents",
-  "version": "0.0.36",
+  "version": "0.0.37",
   "type": "module",
   "main": "dist/lib.umd.js",
   "module": "dist/lib.es.js",

package/src/index.ts

@@ -13,8 +13,6 @@ import { AppResult } from "./common/appResult";
 
 import { Cor, Tamanho } from "./enum";
 
-import { nextTick } from "vue";
-
 import "./style/tema.scss";
 import "./style/componentes.scss";
 import { AxiosClient, UseAxiosClient } from "./axios/axiosClient";
@@ -35,26 +33,6 @@ export {
   Tamanho,
   AxiosClient,
 };
-/**
- * https://stackoverflow.com/questions/37112218/css3-100vh-not-constant-in-mobile-browser
- */
-(() => {
-  function Ajusta() {
-    nextTick(() => {
-      setTimeout(() => {
-        const root = document.querySelector(":root");
-        root &&
-          // @ts-ignore
-          root.style.setProperty(
-            "--window-height",
-            `${window.visualViewport?.height ?? window.innerHeight}px`
-          );
-      }, 1);
-    });
-  }
-  Ajusta();
-  window.addEventListener("resize", Ajusta);
-})();
 
 /**
  * Tema inicial

package/src/services/authService.ts

@@ -47,6 +47,12 @@ function AuthService(config: KeycloakConfig) {
   ) => {
     const check = await CheckSilentLoginFile();
     if (!check) return;
+    if (initOptions.onLoad === "login-required") {
+      document.documentElement.setAttribute(
+        "data-app-message",
+        "Autorizando..."
+      );
+    }
     return keycloakInstance
       .init(initOptions)
       .then(async (authenticated) => {
@@ -54,10 +60,14 @@ function AuthService(config: KeycloakConfig) {
           await FetchUserInfo();
         }
         if (callback && typeof callback === "function") callback();
+        document.documentElement.classList.add("app-mounted");
       })
       .catch((e: any) => {
         console.error(e);
-        document.body.innerHTML = `<div style="padding: 3rem; display: flex; justify-content: center; align-items: center; height: 100vh; width: 100vw; font-size: 1.5rem;">Não foi possível conectar no servidor de autenticação.</div>`;
+        document.documentElement.setAttribute(
+          "data-app-message",
+          "Não foi possível conectar no servidor de autenticação."
+        );
       });
   };
 

package/src/style/tema.scss

@@ -6,13 +6,15 @@
 @import "./src/normalize";
 
 :root {
-  --window-height: 100%;
+  --window-height: 100svh;
   --font-family: "Roboto", "Helvetica", "Arial", sans-serif;
   --font-size: 1rem;
   --font-weight: 400;
   --line-height: 1.15;
   --header-height: 60px;
-  --main-height: calc(var(--window-height) - var(--header-height));
+  --main-height: calc(
+    var(--window-height, 100vh) - var(--header-height)
+  );
 }
 
 html,