mapicgc-gl-js 0.0.76 → 0.0.78

package/dist/{index.es-BR8y8uSW-DmctbIix.mjs → index.es-BR8y8uSW-D6xEGnjs.mjs}

@@ -1,4 +1,4 @@
-import { p as Ui } from "./index-7vA8gJhT.mjs";
+import { p as Ui } from "./index-k0DrX4BJ.mjs";
 var Zt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function No(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;

package/dist/mapicgc-gl.css

@@ -835,6 +835,92 @@ background: #d4d4d4;
 
 
 
+    #filter-group {
+      font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
+      font-weight: 600;
+      position: absolute;
+      top: 10px;
+      left: 10px;
+      z-index: 1;
+      border-radius: 3px;
+      width: auto;
+      color: #fff;
+      overflow-y: auto;
+      max-height: 500px;
+      overflow-x: hidden;
+    }
+    #filter-group::-webkit-scrollbar {
+    width: 8px;     /* Tamaño del scroll en vertical */
+    height: 8px;    /* Tamaño del scroll en horizontal */
+    display: block;  /* Ocultar scroll */
+    }
+    
+    /* Ponemos un color de fondo y redondeamos las esquinas del thumb */
+    #filter-group::-webkit-scrollbar-thumb {
+    background: #ccc;
+    border-radius: 4px;
+    }
+    
+    /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
+    #filter-group::-webkit-scrollbar-thumb:hover {
+    background: #daac56;
+    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
+    }
+    
+    /* Cambiamos el fondo cuando esté en active */
+    #filter-group::-webkit-scrollbar-thumb:active {
+    background-color: #d8b97f;
+    }
+    /* Ponemos un color de fondo y redondeamos las esquinas del track */
+    #filter-group::-webkit-scrollbar-track {
+    background: #e1e1e1;
+    border-radius: 4px;
+    }
+    
+    /* Cambiamos el fondo cuando esté en active o hover */
+    #filter-group::-webkit-scrollbar-track:hover,
+    #filter-group::-webkit-scrollbar-track:active {
+    background: #d4d4d4;
+    }
+    
+    
+    
+    
+    #filter-group input[type='checkbox']:first-child + label {
+      border-radius: 3px 3px 0 0;
+    }
+    
+    #filter-group label:last-child {
+      border-radius: 0 0 3px 3px;
+      border: none;
+    }
+    
+    #filter-group input[type='checkbox'] {
+      display: none;
+    }
+    
+    #filter-group input[type='checkbox'] + label {
+      background-color: #798e9f;
+      display: block;
+      cursor: pointer;
+      padding: 7px;
+      border-bottom: 1px solid rgba(0, 0, 0, 0.25);
+    }
+    
+    #filter-group input[type='checkbox'] + label {
+      background-color: #798e9f;
+      text-transform: capitalize;
+    }
+    
+    #filter-group input[type='checkbox'] + label:hover,
+    #filter-group input[type='checkbox']:checked + label {
+      background-color: #798e9f;
+    }
+    
+    #filter-group input[type='checkbox']:checked + label:before {
+      content: '✔';
+      margin-right: 5px;
+    }
 
 
     #menu-group {