general-library-union 3.3.59 → 3.3.60

package/.browserslistrc

@@ -0,0 +1,15 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 iOS major versions
+Firefox ESR

package/.dockerignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+.angular

package/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

package/.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "pwa-chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

package/.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

package/Dockerfile

@@ -0,0 +1,29 @@
+# Etapa de construcción
+FROM node:lts-alpine AS development
+
+#Copiar archivos de configuración|
+COPY package.json package-lock.json /app/
+
+# Establece directorio en el contenedor
+WORKDIR /app
+
+# Limpia la caché de npm
+RUN npm cache clean --force
+
+# Instala dependencias
+RUN npm install
+
+# Si es entorno de desarrollo, instala Angular CLI globalmente
+RUN npm install -g @angular/cli;
+
+# Copia dependencias
+COPY . /app 
+
+# Establece opciones de memoria para Node
+#ENV NODE_OPTIONS="--max-old-space-size=8192"
+
+# Expone el puerto para Angular CLI en desarrollo
+EXPOSE 4200
+
+# Comando para servir en desarrollo
+CMD ["ng", "serve", "--host", "0.0.0.0"]

package/angular.json

@@ -0,0 +1,176 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "cli": {
+    "analytics": "56054afb-33a1-400b-8636-214fe47698bd"
+  },
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "generalLibraryUnion": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        },
+        "@schematics/angular:application": {
+          "strict": true
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/general-library-union",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets",
+              {
+                "glob": "*",
+                "input":  "src/assets",
+                "output": "assets/"
+              }
+            ],
+            "styles": [
+              "node_modules/quill/dist/quill.core.css", 
+              "node_modules/quill/dist/quill.snow.css",
+              "node_modules/primeflex/primeflex.css",
+              "src/styles/primeflex/primeflex.scss",
+              "node_modules/primeng/resources/primeng.min.css",
+              "node_modules/primeicons/primeicons.css",
+              "src/styles.scss"
+            ],
+            "scripts": [
+              "node_modules/prismjs/prism.js",
+              "node_modules/prismjs/components/prism-typescript.js",
+              "node_modules/quill/dist/quill.js"
+            ],
+            "stylePreprocessorOptions": {
+              "includePaths": [
+                  "src/styles/sass"
+              ]
+            },
+            "allowedCommonJsDependencies": [
+              "@fullcalendar/daygrid",
+              "@fullcalendar/timegrid",
+              "@fullcalendar/interaction",
+              "chart.js",
+              "rxjs-compat",
+              "crypto-js"
+            ]
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kb",
+                  "maximumError": "1mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kb",
+                  "maximumError": "4kb"
+                }
+              ],
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "buildOptimizer": false,
+              "optimization": false,
+              "vendorChunk": true,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "generalLibraryUnion:build:production"
+            },
+            "development": {
+              "buildTarget": "generalLibraryUnion:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "buildTarget": "generalLibraryUnion:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/test.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.spec.json",
+            "karmaConfig": "karma.conf.js",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets",
+              {
+                "glob": "*",
+                "input":  "src/assets",
+                "output": "assets/"
+              }
+            ],
+            "scripts": []
+          }
+        }
+      }
+    },
+    "general-library-union": {
+      "projectType": "library",
+      "root": "projects/general-library-union",
+      "sourceRoot": "projects/general-library-union/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "project": "projects/general-library-union/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/general-library-union/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/general-library-union/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "tsConfig": "projects/general-library-union/tsconfig.spec.json",
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ]
+          }
+        }
+      }
+    }
+  }
+}

package/karma.conf.js

@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, './coverage/general-library-union'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public-api.ts",
+    "styleIncludePaths": [
+      "./src/styles",
+      "./src/assets",
+      "./src/styles.scss",
+      "./src/styles-dark.scss"
+    ]
+  },
+  "assets": [
+    "./src/assets",
+    "./src/styles",
+    "./src/styles.scss",
+    "./src/styles-dark.scss"
+  ],
+  "allowedNonPeerDependencies": [
+    "fstream"
+  ]
+}

package/package.json

@@ -1,6 +1,14 @@
 {
   "name": "general-library-union",
-  "version": "3.3.59",
+  "version": "3.3.60",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test",
+    "packagr": "ng-packagr -p ng-package.json"
+  },
   "private": false,
   "peerDependencies": {
     "@angular/animations": "^18.0.4",
@@ -39,24 +47,30 @@
     "quill": "^2.0.2",
     "rxjs": "^7.5.7",
     "sweetalert2": "^11.6.13",
+    "tslib": "^2.6.3",
     "web-animations-js": "^2.3.2",
     "zone.js": "^0.14.7"
   },
-  "module": "fesm2022/general-library-union.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/general-library-union.mjs",
-      "esm": "./esm2022/general-library-union.mjs",
-      "default": "./fesm2022/general-library-union.mjs"
-    }
-  },
-  "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.6.3"
+    "tslib": "^2.3.0"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^18.0.4",
+    "@angular/cli": "^18.0.4",
+    "@angular/compiler-cli": "^18.0.4",
+    "@types/crypto-js": "^4.2.2",
+    "@types/file-saver": "^2.0.7",
+    "@types/jasmine": "~5.1.4",
+    "@types/node": "^20.14.6",
+    "cache": "^3.0.0",
+    "crypto-js": "^4.2.0",
+    "jasmine-core": "~5.1.2",
+    "karma": "~6.4.3",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.1",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "ng-packagr": "^18.0.0",
+    "typescript": "~5.4.5"
   }
 }

package/{public-api.d.ts → public-api.ts}

@@ -1,3 +1,4 @@
+//SEGURIDAD
 export * from './src/app/seguridad/modelos/UnionModel';
 export * from './src/app/seguridad/modelos/aplicacion-propiedad-model';
 export * from './src/app/seguridad/modelos/AplicacionModel';
@@ -72,10 +73,12 @@ export * from './src/app/seguridad/modelos/TextoModel';
 export * from './src/app/seguridad/modelos/TipoEtiqueta';
 export * from './src/app/seguridad/modelos/UsuariogrupoModel';
 export * from './src/app/seguridad/modelos/UsuarioModel';
-export * from './src/app/seguridad/modelos/CorreoOrgEmpModModel';
+
+
 export * from './src/environments/environment';
 export * from './src/app/core/modelos/user.model';
 export * from './src/app/core/errores/authentication.error';
+
 export * from './src/app/core/servicios/auth.service';
 export * from './src/app/core/servicios/menu.service';
 export * from './src/app/core/servicios/storage.service';
@@ -83,12 +86,16 @@ export * from './src/app/core/servicios/template.service';
 export * from './src/app/core/servicios/toast.service';
 export * from './src/app/core/servicios/utils.service';
 export * from './src/app/core/servicios/loading.service';
-export * from './src/app/core/servicios/cargar-control-funcionalidad.service';
-export * from './src/app/core/servicios/error-interceptor.service';
-export * from './src/app/core/servicios/click-posicion.service';
+export * from './src/app/core/servicios/cargar-control-funcionalidad.service'
+export * from './src/app/core/servicios/error-interceptor.service'
+
+//CORE
+
 export * from './src/app/core/plantilla-general/plantilla-general.template';
 export * from './src/app/core/core.module';
 export * from './src/app/core/sharedlib.module';
+
+//ULTIMA 15
 export * from './src/app/layout/app.layout.module';
 export * from './src/app/layout/app.layout.component';
 export * from './src/app/layout/app.breadcrumb.component';
@@ -99,23 +106,35 @@ export * from './src/app/layout/app.menuprofile.component';
 export * from './src/app/layout/app.rightmenu.component';
 export * from './src/app/layout/app.sidebar.component';
 export * from './src/app/layout/app.topbar.component';
+
+//export * from './src/app/publico/pages/publico.module';
+//export * from './src/app/publico/publico-routing.module'
 export * from './src/app/core/componentes/breadcrumb/breadcrumb.component';
 export * from './src/app/core/componentes/footer/footer.component';
 export * from './src/app/core/componentes/menu/menu.component';
 export * from './src/app/core/servicios/guardias/auth.guard';
 export * from './src/app/core/servicios/guardias/publico.guard';
 export * from './src/app/core/servicios/interceptores/token-interceptor.service';
+
 export * from './src/app/core/utilidades/color.util';
 export * from './src/app/core/componentes/inicio-component/inicio-component.component';
+//export * from './src/app/core/utilidades/translate-loader.util';
+
+//PUBLICO
 export * from './src/app/publico/pages/login/login.page';
 export * from './src/app/publico/pages/not-found/not-found.page';
 export * from './src/app/publico/pages/timeout/timeout.page';
-export * from './src/app/publico/pages/seleccion-rol/seleccion-rol.component';
+
+export * from './src/app/publico/pages/seleccion-rol/seleccion-rol.component'
+
 export * from './src/app/core/componentes/filtro-general/filtro-general.component';
 export * from './src/app/core/componentes/tabla-general/tabla-general.component';
-export * from './src/app/core/modelos/table-column.model';
+export * from './src/app/core/modelos/table-column.model'
 export * from './src/app/core/componentes/carga-pantalla-completa/carga-pantalla-completa.component';
 export * from './src/app/webcommon/webcommon.module';
+
+
+//SERVICES
 export * from './src/app/shared/servicios/general.service';
 export * from './src/app/shared/servicios/cargar-mapas.service';
 export * from './src/app/shared/servicios/parametros-navegacion.service';
@@ -126,40 +145,59 @@ export * from './src/app/webcommon/services/ejecucionreporte.service';
 export * from './src/app/webcommon/services/fechaUtils.service';
 export * from './src/app/webcommon/services/homologacion.service';
 export * from './src/app/webcommon/services/reportes.service';
-export * from './src/app/webcommon/pages/fuenteGeneral/fuente-general-servicio/fuente-general-servicio.component';
-export * from './src/app/webcommon/pages/fuenteGeneral/listado-fuente-general/listado-fuente-general.page';
-export * from './src/app/webcommon/pages/fuenteGeneral/mantenimiento-fuente-general/mantenimiento-fuente-general.page';
-export * from './src/app/webcommon/popups/popup-recurso/popup-recurso.component';
-export * from './src/app/webcommon/popups/popup-campos-fuente-general/popup-campos-fuente-general.component';
-export * from './src/app/webcommon/pages/fuente/importar-fuente-general/importar-fuente-general.component';
-export * from './src/app/webcommon/pages/fuente/importar-fuente-con/importar-fuente-con.component';
-export * from './src/app/webcommon/pages/ejecucion-reporte/detalle-campo-reporte/detalle-campo-reporte.component';
-export * from './src/app/webcommon/pages/ejecucion-reporte/detalle-distribucion-reporte/detalle-distribucion-reporte.component';
-export * from './src/app/webcommon/pages/ejecucion-reporte/detalle-ejecucion-reporte/detalle-ejecucion-reporte.page';
-export * from './src/app/webcommon/pages/ejecucion-reporte/detalle-entrada-reporte/detalle-entrada-reporte.component';
-export * from './src/app/webcommon/pages/ejecucion-reporte/detalle-punto-proceso-reporte/detalle-punto-proceso-reporte.component';
-export * from './src/app/webcommon/pages/ejecucion-reporte/detalle-tipo-reporte/detalle-tipo-reporte.component';
-export * from './src/app/webcommon/pages/ejecucion-reporte/listado-ejecucion-reporte/listado-ejecucion-reporte.page';
-export * from './src/app/webcommon/pages/ejecucion-reporte-externo/listado-ejecucion-reporte-externo/listado-ejecucion-reporte-externo.component';
-export * from './src/app/webcommon/popups/popup-reporte/popup-reporte.component';
-export * from './src/app/webcommon/popups/popup-sentencia/popup-sentencia.component';
-export * from './src/app/webcommon/services/dashboard.service';
-export * from './src/app/webcommon/pipes/dashboard.pipe';
-export * from './src/app/core/componentes/formulariodinamico/objetosformulario/CampoFormulario';
-export * from './src/app/core/componentes/formulariodinamico/objetosformulario/CampoFormularioCons';
-export * from './src/app/core/componentes/formulariodinamico/objetosformulario/CampoFormularioNuevo';
-export * from './src/app/core/componentes/formulariodinamico/objetosformulario/HashDirective';
-export * from './src/app/core/componentes/formulariodinamico/formulariodinamico.component';
-export * from './src/app/webcommon/popups/popup-punto-proceso/popup-punto-proceso.component';
-export * from './src/app/webcommon/popups/punto-proceso-comp/punto-proceso-comp.component';
-export * from './src/app/shared/componentes/input-helper-seleccion-plantilla/input-helper-seleccion-plantilla.component';
-export * from './src/app/core/servicios/data-exporter-table.utils';
-export * from './src/app/webcommon/pipes/fuente.pipe';
-export * from './src/app/webcommon/pipes/reporte-fuente.pipe';
+
+//WEBCOMMON
+//fuente general
+export * from './src/app/webcommon/pages/fuenteGeneral/fuente-general-servicio/fuente-general-servicio.component'
+export * from './src/app/webcommon/pages/fuenteGeneral/listado-fuente-general/listado-fuente-general.page'
+export * from './src/app/webcommon/pages/fuenteGeneral/mantenimiento-fuente-general/mantenimiento-fuente-general.page'
+export * from './src/app/webcommon/popups/popup-recurso/popup-recurso.component'
+export * from './src/app/webcommon/popups/popup-campos-fuente-general/popup-campos-fuente-general.component'
+
+//importar fuente general
+export * from './src/app/webcommon/pages/fuente/importar-fuente-general/importar-fuente-general.component'
+export * from './src/app/webcommon/pages/fuente/importar-fuente-con/importar-fuente-con.component'
+
+//ejecucion reporte
+export * from './src/app/webcommon/pages/ejecucion-reporte/detalle-campo-reporte/detalle-campo-reporte.component'
+export * from './src/app/webcommon/pages/ejecucion-reporte/detalle-distribucion-reporte/detalle-distribucion-reporte.component'
+export * from './src/app/webcommon/pages/ejecucion-reporte/detalle-ejecucion-reporte/detalle-ejecucion-reporte.page'
+export * from './src/app/webcommon/pages/ejecucion-reporte/detalle-entrada-reporte/detalle-entrada-reporte.component'
+export * from './src/app/webcommon/pages/ejecucion-reporte/detalle-punto-proceso-reporte/detalle-punto-proceso-reporte.component'
+export * from './src/app/webcommon/pages/ejecucion-reporte/detalle-tipo-reporte/detalle-tipo-reporte.component'
+export * from './src/app/webcommon/pages/ejecucion-reporte/listado-ejecucion-reporte/listado-ejecucion-reporte.page'
+export * from './src/app/webcommon/pages/ejecucion-reporte-externo/listado-ejecucion-reporte-externo/listado-ejecucion-reporte-externo.component'
+export * from './src/app/webcommon/popups/popup-reporte/popup-reporte.component'
+export * from './src/app/webcommon/popups/popup-sentencia/popup-sentencia.component'
+export * from './src/app/webcommon/services/dashboard.service'
+export * from './src/app/webcommon/pipes/dashboard.pipe'
+
+//formulario dinamico
+export * from './src/app/core/componentes/formulariodinamico/objetosformulario/CampoFormulario'
+export * from './src/app/core/componentes/formulariodinamico/objetosformulario/CampoFormularioCons'
+export * from './src/app/core/componentes/formulariodinamico/objetosformulario/CampoFormularioNuevo'
+export * from './src/app/core/componentes/formulariodinamico/objetosformulario/HashDirective'
+export * from './src/app/core/componentes/formulariodinamico/formulariodinamico.component'
+
+//punto proceso
+export * from './src/app/webcommon/popups/popup-punto-proceso/popup-punto-proceso.component'
+export * from './src/app/webcommon/popups/punto-proceso-comp/punto-proceso-comp.component'
+
+//helpers generales
+export * from './src/app/shared/componentes/input-helper-seleccion-plantilla/input-helper-seleccion-plantilla.component'
+export * from './src/app/core/servicios/data-exporter-table.utils'
+export * from './src/app/webcommon/pipes/fuente.pipe'
+export * from './src/app/webcommon/pipes/reporte-fuente.pipe'
+
+//fuente reporte
 export * from './src/app/webcommon/pages/fuente-reporte/fuente-reporte.component';
 export * from './src/app/webcommon/popups/popup-sentencia/popup-sentencia.component';
+
+//plantillas
 export * from './src/app/webcommon/pages/cargue-plantilla/cargue-plantilla-general/cargue-plantilla-general.component';
+
+//spinner load blockui
 export * from './src/app/core/servicios/spinner-service';
 export * from './src/app/core/servicios/interceptores/loading-interceptor';
-export * from './src/app/core/componentes/formulariodinamico/objetosformulario/Cambio';
-export * from './src/app/core/componentes/template-tabla-vacia/template-tabla-vacia.component';
+
+export * from './src/app/core/componentes/formulariodinamico/objetosformulario/Cambio';

package/src/app/app.component.html

@@ -0,0 +1,12 @@
+<p-toast [showTransformOptions]="'translateX(100%)'"></p-toast> 
+@if (isReady) {
+  <router-outlet></router-outlet>
+} @else {
+  <div class="splash-screen">
+    <div class="splash-loader-container">
+      <svg class="splash-loader" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
+        <circle class="splash-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
+      </svg>
+    </div>
+  </div>
+}