@luizleon/sf.prefeiturasp.vuecomponents 0.0.19 → 0.0.21

package/src/services/authService.ts

@@ -1,68 +0,0 @@
-import Keycloak from "./../keycloak";
-
-interface User {
-  name: string;
-  email: string;
-  username: string;
-  roles: string[];
-  groups: string[];
-  emailVerified: boolean;
-  firstName: string;
-  lastName: string;
-  sub: string;
-  IsInRole: (role: string) => boolean;
-}
-
-const keycloakInstance = new Keycloak();
-
-const Login = (
-  onSuccess: () => void,
-  onError: (error: any) => void
-) => {
-  keycloakInstance
-    .init({ onLoad: "login-required" })
-    .then(async (authenticated) => {
-      if (authenticated) {
-        await FetchUserInfo();
-      }
-      onSuccess();
-    })
-    .catch((e: any) => {
-      onError(e);
-    });
-};
-
-const FetchUserInfo = async () => {
-  const info: any = await keycloakInstance.loadUserInfo();
-  AuthService.User.email = info.email ?? "";
-  AuthService.User.emailVerified = info.email_verified === true;
-  AuthService.User.firstName = info.given_name ?? "";
-  AuthService.User.lastName = info.family_name ?? "";
-  AuthService.User.name = info.name ?? "";
-  AuthService.User.sub = info.sub ?? "";
-  AuthService.User.username = info.preferred_username ?? "";
-  AuthService.User.roles = [...(info.role ?? [])];
-  AuthService.User.groups = [...(info.group ?? [])];
-  AuthService.User.IsInRole = (role: string) => {
-    return AuthService.User.roles.includes(role);
-  };
-};
-
-const Logout = () => {
-  keycloakInstance
-    .logout({
-      redirectUri: location.origin,
-    })
-    .then(() => {
-      sessionStorage.removeItem("user-info");
-    });
-};
-
-const AuthService = {
-  Instance: keycloakInstance,
-  User: {} as User,
-  CallLogin: Login,
-  CallLogout: Logout,
-};
-
-export { AuthService };

package/src/services/dialogService.ts

@@ -1,63 +0,0 @@
-import Swal from "sweetalert2";
-import DOMPurify from "dompurify";
-
-interface ConfirmOptions {
-  text: string;
-  title?: string;
-  confirmLabel?: string;
-  rejectLabel?: string;
-}
-
-interface AlertOptions {
-  text: string | string[];
-  title?: string;
-  icon?: "info" | "error" | "success" | "warning" | "question";
-}
-
-class DialogService {
-  get IsVisible(): boolean {
-    return Swal.isVisible();
-  }
-
-  async ConfirmAsync(options: ConfirmOptions): Promise<boolean> {
-    return new Promise((r) => {
-      Swal.fire({
-        showCancelButton: true,
-        allowEscapeKey: false,
-        allowOutsideClick: false,
-        icon: "question",
-        title: options.title,
-        html: DOMPurify.sanitize(options.text),
-        confirmButtonText: options.confirmLabel ?? "confirmar",
-        cancelButtonText: options.rejectLabel ?? "cancelar",
-      }).then((x: any) => {
-        r(x.isConfirmed === true);
-      });
-    });
-  }
-
-  async AlertAsync(options: AlertOptions): Promise<boolean> {
-    const icon = options.icon ?? "info";
-    let html: string;
-    if (Array.isArray(options.text)) {
-      html = `<div style="max-height: 50vh; overflow: auto">
-      ${options.text.join("<br />")}
-      </div>`;
-    } else {
-      html = options.text;
-    }
-    return new Promise((r) => {
-      Swal.fire({
-        allowEscapeKey: false,
-        allowOutsideClick: false,
-        icon,
-        title: options.title,
-        html: DOMPurify.sanitize(html),
-      }).then(() => r(true));
-    });
-  }
-}
-
-const service = new DialogService();
-
-export const UseDialogService = () => service;

package/src/services/navMenuService.ts

@@ -1,21 +0,0 @@
-import { ref, Ref } from "vue";
-
-class NavMenuService {
-  private _visible: Ref<boolean> = ref(false);
-  get IsVisible() {
-    return this._visible.value === true;
-  }
-  Toggle() {
-    this._visible.value = !this._visible.value;
-  }
-  Close() {
-    this._visible.value = false;
-  }
-  Open() {
-    this._visible.value = true;
-  }
-}
-
-const LkNavMenuService = new NavMenuService();
-
-export const UseNavMenuService = () => LkNavMenuService;

package/src/style/componentes.scss

@@ -1,15 +0,0 @@
-@import "./src/components/layout";
-@import "./src/components/themetoggle";
-@import "./src/components/internal-icon-button";
-@import "./src/components/svg_icon";
-@import "./src/components/loading-circle";
-@import "./src/components/icon";
-@import "./src/components/tooltip";
-@import "./src/components/drawer";
-@import "./src/components/navmenulink";
-@import "./src/components/content";
-@import "./src/components/scrollToTop";
-@import "./src/sweetalert/sweetalert";
-@import "./src/components/headerAvatar";
-@import "./src/components/tab-navigation";
-@import "./src/components/button";

package/src/style/src/_animation.scss

@@ -1,441 +0,0 @@
-@keyframes fadein {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-@keyframes fadeout {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-
-@keyframes scalein {
-  0% {
-    opacity: 0;
-    transform: scaleY(0.8);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-}
-
-@keyframes slidedown {
-  0% {
-    max-height: 0;
-  }
-  100% {
-    max-height: auto;
-  }
-}
-
-@keyframes slideup {
-  0% {
-    max-height: 1000px;
-  }
-  100% {
-    max-height: 0;
-  }
-}
-
-@keyframes fadeinleft {
-  0% {
-    opacity: 0;
-    transform: translateX(-100%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0%);
-  }
-}
-
-@keyframes fadeoutleft {
-  0% {
-    opacity: 1;
-    transform: translateX(0%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(-100%);
-  }
-}
-
-@keyframes fadeinright {
-  0% {
-    opacity: 0;
-    transform: translateX(100%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0%);
-  }
-}
-
-@keyframes fadeoutright {
-  0% {
-    opacity: 1;
-    transform: translateX(0%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(100%);
-  }
-}
-
-@keyframes fadeinup {
-  0% {
-    opacity: 0;
-    transform: translateY(-100%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0%);
-  }
-}
-
-@keyframes fadeoutup {
-  0% {
-    opacity: 1;
-    transform: translateY(0%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(-100%);
-  }
-}
-
-@keyframes fadeindown {
-  0% {
-    opacity: 0;
-    transform: translateY(100%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0%);
-  }
-}
-
-@keyframes fadeoutdown {
-  0% {
-    opacity: 1;
-    transform: translateY(0%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(100%);
-  }
-}
-
-@keyframes animate-width {
-  0% {
-    width: 0;
-  }
-  100% {
-    width: 100%;
-  }
-}
-
-.#{$prefix}fadein {
-  animation: fadein 0.15s linear;
-}
-
-.#{$prefix}fadeout {
-  animation: fadeout 0.15s linear;
-}
-
-.#{$prefix}slidedown {
-  animation: slidedown 0.45s ease-in-out;
-}
-
-.#{$prefix}slideup {
-  animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
-}
-
-.#{$prefix}scalein {
-  animation: scalein 0.15s linear;
-}
-
-.#{$prefix}fadeinleft {
-  animation: fadeinleft 0.15s linear;
-}
-
-.#{$prefix}fadeoutleft {
-  animation: fadeoutleft 0.15s linear;
-}
-
-.#{$prefix}fadeinright {
-  animation: fadeinright 0.15s linear;
-}
-
-.#{$prefix}fadeoutright {
-  animation: fadeoutright 0.15s linear;
-}
-
-.#{$prefix}fadeinup {
-  animation: fadeinup 0.15s linear;
-}
-
-.#{$prefix}fadeoutup {
-  animation: fadeoutup 0.15s linear;
-}
-
-.#{$prefix}fadeindown {
-  animation: fadeindown 0.15s linear;
-}
-
-.#{$prefix}fadeoutdown {
-  animation: fadeoutdown 0.15s linear;
-}
-
-.#{$prefix}animate-width {
-  animation: animate-width 1000ms linear;
-}
-
-.#{$prefix}spin {
-  animation: spin 2s linear infinite;
-}
-
-$animation-duration-props: (
-  "animation-duration-100": "100ms",
-  "animation-duration-150": "150ms",
-  "animation-duration-200": "200ms",
-  "animation-duration-300": "300ms",
-  "animation-duration-400": "400ms",
-  "animation-duration-500": "500ms",
-  "animation-duration-1000": "1000ms",
-  "animation-duration-2000": "2000ms",
-  "animation-duration-3000": "3000ms",
-);
-
-$animation-delay-props: (
-  "animation-delay-100": "100ms",
-  "animation-delay-150": "150ms",
-  "animation-delay-200": "200ms",
-  "animation-delay-300": "300ms",
-  "animation-delay-400": "400ms",
-  "animation-delay-500": "500ms",
-  "animation-delay-1000": "1000ms",
-);
-
-$animation-iteration-props: (
-  "animation-iteration-1": "1",
-  "animation-iteration-2": "2",
-  "animation-iteration-infinite": "infinite",
-);
-
-$animation-timing-props: (
-  "animation-linear": "linear",
-  "animation-ease-in": "cubic-bezier(0.4, 0, 1, 1)",
-  "animation-ease-out": "cubic-bezier(0, 0, 0.2, 1)",
-  "animation-ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
-);
-
-$animation-fill-props: (
-  "animation-fill-none": "none",
-  "animation-fill-forwards": "forwards",
-  "animation-fill-backwards": "backwards",
-  "animation-fill-both": "both",
-);
-
-@include style-class("animation-duration", $animation-duration-props);
-@include style-class("animation-delay", $animation-delay-props);
-@include style-class(
-  "animation-iteration-count",
-  $animation-iteration-props
-);
-@include style-class(
-  "animation-timing-function",
-  $animation-timing-props
-);
-@include style-class("animation-fill-mode", $animation-fill-props);
-
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes sf-loading-circle-circle-dash {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -35px;
-  }
-
-  100% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -124px;
-  }
-}
-
-@keyframes sf-progress-circular-keyframes-circular-rotate {
-  0% {
-    transform-origin: 50% 50%;
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes sf-progress-circular-keyframes-circular-dash {
-  0% {
-    stroke-dasharray: 1px, 200px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -125px;
-  }
-}
-
-@keyframes sf-progress-linear-horizontal-keyframes-indeterminate1 {
-  0% {
-    left: -35%;
-    right: 100%;
-  }
-
-  60% {
-    left: 100%;
-    right: -90%;
-  }
-
-  100% {
-    left: 100%;
-    right: -90%;
-  }
-}
-
-@keyframes sf-progress-linear-horizontal-keyframes-indeterminate2 {
-  0% {
-    left: -200%;
-    right: 100%;
-  }
-
-  60% {
-    left: 107%;
-    right: -8%;
-  }
-
-  100% {
-    left: 107%;
-    right: -8%;
-  }
-}
-
-@keyframes sf-progress-linear-horizontal-keyframes-buffer {
-  0% {
-    opacity: 1;
-    background-position: 0 -23px;
-  }
-
-  50% {
-    opacity: 0;
-    background-position: 0 -23px;
-  }
-
-  100% {
-    opacity: 1;
-    background-position: -200px -23px;
-  }
-}
-
-@keyframes sf-progress-linear-vertical-keyframes-indeterminate1 {
-  0% {
-    bottom: -35%;
-    top: 100%;
-  }
-
-  60% {
-    bottom: 100%;
-    top: -90%;
-  }
-
-  100% {
-    bottom: 100%;
-    top: -90%;
-  }
-}
-
-@keyframes sf-progress-linear-vertical-keyframes-indeterminate2 {
-  0% {
-    bottom: -200%;
-    top: 100%;
-  }
-
-  60% {
-    bottom: 107%;
-    top: -8%;
-  }
-
-  100% {
-    bottom: 107%;
-    top: -8%;
-  }
-}
-
-@keyframes sf-progress-linear-vertical-keyframes-buffer {
-  0% {
-    opacity: 1;
-    background-position: -23px 0;
-  }
-
-  50% {
-    opacity: 0;
-    background-position: -23px 0;
-  }
-
-  100% {
-    opacity: 1;
-    background-position: -23px -200px;
-  }
-}
-
-@keyframes sf-progress-linear-striped-loading {
-  0% {
-    background-position: 0 0;
-  }
-
-  100% {
-    background-position: 300px 0;
-  }
-}

package/src/style/src/_display.scss

@@ -1,10 +0,0 @@
-$display-props: (
-  "hidden": "none",
-  "block": "block",
-  "inline": "inline",
-  "inline-block": "inline-block",
-  "flex": "flex",
-  "inline-flex": "inline-flex",
-);
-
-@include style-class("display", $display-props, true);

package/src/style/src/_flexbox.scss

@@ -1,85 +0,0 @@
-$flex-direction: (
-  "flex-row": row,
-  "flex-row-reverse": row-reverse,
-  "flex-column": column,
-  "flex-column-reverse": column-reverse,
-);
-
-$flex-wrap: (
-  "flex-wrap": wrap,
-  "flex-wrap-reverse": wrap-reverse,
-  "flex-nowrap": nowrap,
-);
-
-$flex-justify-content: (
-  "justify-content-start": "flex-start",
-  "justify-content-end": "flex-end",
-  "justify-content-center": "center",
-  "justify-content-between": "space-between",
-  "justify-content-around": "space-around",
-  "justify-content-evenly": "space-evenly",
-);
-
-$flex-align-content: (
-  "align-content-start": "flex-start",
-  "align-content-end": "flex-end",
-  "align-content-center": "center",
-  "align-content-between": "space-between",
-  "align-content-around": "space-around",
-  "align-content-evenly": "space-evenly",
-);
-
-$flex-align-items: (
-  "align-items-stretch": "stretch",
-  "align-items-start": "flex-start",
-  "align-items-center": "center",
-  "align-items-end": "flex-end",
-  "align-items-baseline": "baseline",
-);
-
-$flex-align-self: (
-  "align-self-auto": "auto",
-  "align-self-start": "flex-start",
-  "align-self-end": "flex-end",
-  "align-self-center": "center",
-  "align-self-stretch": "stretch",
-  "align-self-baseline": "baseline",
-);
-
-$flex-order: (
-  "flex-order-0": 0,
-  "flex-order-1": 1,
-  "flex-order-2": 2,
-  "flex-order-3": 3,
-  "flex-order-4": 4,
-  "flex-order-5": 5,
-  "flex-order-6": 6,
-);
-
-$flex-shorthand: (
-  "flex-1": 1 1 0%,
-  "flex-auto": 1 1 auto,
-  "flex-initial": 0 1 auto,
-  "flex-none": none,
-);
-
-$flex-grow: (
-  "flex-grow-0": 0,
-  "flex-grow-1": 1,
-);
-
-$flex-shrink: (
-  "flex-shrink-0": 0,
-  "flex-shrink-1": 1,
-);
-
-@include style-class("flex-direction", $flex-direction, true);
-@include style-class("flex-wrap", $flex-wrap, true);
-@include style-class("justify-content", $flex-justify-content, true);
-@include style-class("align-content", $flex-align-content, true);
-@include style-class("align-items", $flex-align-items, true);
-@include style-class("align-self", $flex-align-self, true);
-@include style-class("order", $flex-order, true);
-@include style-class("flex", $flex-shorthand, true);
-@include style-class("flex-grow", $flex-grow, true);
-@include style-class("flex-shrink", $flex-shrink, true);