ecobase-pkg

# Registro de cambios – ECOBASE-PKG Este documento contiene los cambios y mejoras realizadas al paquete `ecobase-pkg`, una evolución y actualización de la base original utilizada en proyectos del SENA. A partir de la versión **1.0.0**, se establece una nueva línea base bajo un nuevo nombre, debido a reestructuración, protección de propiedad intelectual y continuidad de mantenimiento. Las versiones anteriores se conservan como referencia histórica del desarrollo bajo el paquete original `ecored-base-pkg`. --- ## 1.0.0 - 20-06-2025 ### Cambiado - Renombrado el paquete de `ecored-base-pkg` a `ecobase-pkg`. - Limpieza del archivo `package.json`, eliminando metadatos de instalación automática. - Actualización de autor, nombre, descripción y estructura de exportación. - Estandarización del punto de entrada en `main: "index.js"`. ### Mantenido - Estructura y funcionalidad de los componentes y utilidades existentes. - Soporte para Vue 2.6 y librerías compatibles como Bootstrap 5, AOS, y FontAwesome. --- ## Historial anterior (ecored-base-pkg) ### 6.0.4 - 20-10-2024 #### Agregado - Se ajusta componente `ActividadDidactica`. ### Arreglado - Mejora en tarjeta de audio para mostrar tiempo de reproduccion ## 6.0.1 - 16-04-2023 ### Arreglado - Ocultar menu cuando se hace click en un enlace - Arreglo de iconos en el menu ## 6.0.0 - 11-04-2023 ### Agregado - Creditos dinamicos donde se puede cambiar el titulo (nueva estructural en global.js) - Creditos adicionales para imagenes y crfeatavie commons ### Arreglado - Logo sena (cambio de nombre logo-sena-naranja.svg a logo-sena.svg) - Arreglo de nombre en el inicio 'Ecosistema de Recursos Educativos Digitales' ## 5.4.0 - 20-12-2022 ### Agregado - Componente .bloque-texto-g se puede reversar con la clase .bloque-texto-g--inverso - Componentes complementarios para dialogos de ingles ### Arreglado - Componente slyder F los elementos toman toda la altura - Componentes de listas inconsistencias con la tipografia italica arreglado - El manu siempre va sobrepuesto en el contenido y se va a cerrar al hacer click por fuera del mismo ## 5.3.1 - 28-06-2022 ### Agregado - Componente dialogo se puede modificar el feedback ## 5.3.0 - 19-06-2022 ### Agregado - Componente dialogo de arrastrar y soltar para ingles ### Arreglado - compativilidad del componente audio con mobiles # ## 5.2.0 - 10-06-2022 ### Agregado - En el objeto global se puede agregar imagenes decorativas para el banner principal ### Arreglado - El tamano de letra de los encabezados de las tablas ### Eliminado - Animaciones que generan problemas en el main container # ## 5.1.2 - 09-06-2022 ### Arreglado - En componente TarjetaAudio se agrego prop para quitar la barra de progreso # ## 5.1.1 - 08-06-2022 ### Arreglado - Rutas para las imagenes de los Componentes Audio y TarjetaAudio arregladas # ## 5.1.0 - 08-06-2022 ### Agregado - Componente Audio - Componente TarjetaAudio # ## 5.0.0 - 01-06-2022 ### Arreglado - Nuevo material complementario # ## 4.0.3 - 03-03-2021 ### Arreglado - Se le puso tilde a Fotografías en los creditos # ## 4.0.2 - 01-12-2021 ### Arreglado - Componente SlyderF en algunos casos los botones no funcionaban como se esperaba # ## 4.0.1 - 09-11-2021 ### Arreglado - Componente SlyderF aveces no llegaba al último elemento - Componente Zoom hace zoom cuando se hacía scroll por la pagina, ahora solo hay que hacer click a la imágen para que se pueda hacer zoom - Vista Material complementario enlaces de descargas no funcionaban cuando era uno solo # ## 4.0.0 - 29-10-2021 ### Agregado - Componente tarjeta-avatar-slide - Componente Tarjeta-slide - Componente lineaTiempoE - Componente SlyderF - Componente Zomm ### Arreglado - Agregar numero a la imagen infografiaca e infografiaca-B (numero="1") - los botones del slyderA y slyderA quedan abajo (tipo="b") - titulo-principal y titulo-segundo de colores - acordiones agregar clase para estado activo (acordion__activo) - espacio para el icono del link de las referencias bibliograficas - deshabilitar descargable en local - SlyderB, SlyderC, SlyderD quitar titulo cuando no se ponga la llave - ponerle min-width a los creditos para moviles - material complementario recibe mas de un link o descarga - referencias bibliograficas y glosario se ordena incluso con tags html # ## 3.2.0 - 26-08-2021 ### Agregado - Componente ImagenInfograficaB - Componente tarjeta-flip ### Arreglado - Los titulos y todos los props que van dentro de las vistas soportan html - AcordionA - LineaTiempoA - LineaTiempoB - LineaTiempoC - LineaTiempoD - PasosB - SlyderB - SlyderC - SlyderD - TabsA - TabsB - TabsC # ## 3.1.1 - 26-08-2021 ### Agregado - Glosario ahora recibe HTML a través de la llave terminoHtml (debe tener ambas llaves termino y terminoHtml para que funcione) ### Arreglado - Doble slash (//) en enlaces dentro de la plantilla # ## 3.1.0 - 26-07-2021 ### Agregado - Componente SlyderE - Componente cajon-b - En el componente 'linea-tiempo-c' la opción de hacer los títulos mas pequeños ### Arreglado - En el componente 'linea-tiempo-c' el problema generado por la cantidad de texto en el titulo - En el componente 'bloque-texto-e' el nombre de la clase 'bloque-texto-e__text' cambio a 'bloque-texto-e__texto' para mejor consistencia - En el componente 'tarjeta-avatar-b' ahora la imagen va a estar dentro de '.tarjeta-avatar-b__img" para arreglar el responsive del componente - Los textos dentro de estos componentes ahora se pueden utilizar como HTML - menu principal - banner interno - banner principal - header - material complementario - inicio - referencias bibliograficas - En el componente 'pasos' el problema con los círculos en responsive - En los componentes de texto destacado, los problemas de alineación de las comillas # ## 3.0.2 - 26-06-2021 ### Arreglado - bootstrap 5.0.2 tiene un bug muy grande con la grilla ## 3.0.1 - 26-06-2021 ### Arreglado - rutas de GlobalComponents y globalMixins ahora son relativas # ## 3.0.0 - 26-06-2021 ### Agregado - componente bloque-texto-g - en pantallas pequeñas el menú se cierra cuando se da clic - Objeto Vue arreglado para la base - Implementación de AOS ### Arreglado - Bug en componente ScrollHorizontal - arreglo de overflow-x en el contenedor de tema # ## 2.3.1 - 17-06-2021 ### Arreglado - Barra de avance en modo de alto contraste - Espaciado de menú en móvil # ## 2.3.0 - 14-06-2021 ### Agregado - Ultima versión de Bootstrap 5.0.1 - Separador en forma de componente de Vue 'Separador' - Directiva que permite que los componentes dinámicos interactúen con Vue - Titulo '.titulo-sexto' - Créditos - Créditos en inicio - Botones de accesibilidad ### Arreglado - Jerarquías de títulos de la plantilla - Banner principal si no hay imagen de fondo va a quedar con el color en variables - Imágenes dentro de tarjetas con avatar - Los títulos ahora son elementos h - Unificación de pie de imagen y pie de tabla - Mejor contraste en el encabezado de la tabla de material complementario - Tamaño de titulo de .tabla-b # ### 2.2.0 - 02-06-2021 ### Agregado - Nuevas clases para títulos .titulo-tercero, .titulo-cuarto y .titulo-quinto - nuevo .espaciador - PasosA ahora soporta contenido dinámico - Indicadores de interacción en todos los componentes interactivos - imagen en .tarjeta-avatar ahora tiene tamaños dinámico a través de $tarjeta-avatar-ancho-img ### Arreglado - Mejora de responsive en ImagenInfografica - Cambio de textos en botones de la vista inicial - Cambio de espaciado en .titulo-principal y .titulo-segundo - Cambio de todos los tamaños de los headers (h1, h2, h3, h4, h5, h6) - Cambio de espaciado de p, ul y ol - Mejora de padding en componente AcordionA - Cambio de nombre de clase .tarjeta-Avatar-b por .tarjeta-avatar-b - Mejora de alineación de las comillas en los componentes de texto destacado # ## 2.1.0 - 24-05-2021 ### Agregado - Nuevo Componente ImagenInfográfica - Nuevo Componente LineaTiempoD - Componente .tarjeta-avatar-b tiene una variable que controla el ancho de su avatar - Los botones ahora tienen el nuevo esquema de colorización (.color-primario, .color-secundario, .color-acento-contenido, .color-acento-botones) - esquema de colorización tiene color de texto basado en luminancia del color de fondo - Nueva distribución de créditos - Nuevo componente de indicador de interacción - Nueva distribución en Muestras ### Arreglado - Arreglo de escroleo del menú - Mejora de especificidad en .text-white, .texto-blanco ### Borrado - Variables: $color-btn-b-fondo, $color-btn-b-texto (quedan de manera provisional para compatibilidad con anteriores versiones) - Clase .boton--b, los botones se van a manejar con el nuevo esquema de colorización # ## 2.0.0 - 11-05-2021 ### Cambios - ## Muchos componentes a partir de esta versión cambian su marcado (HTML) y sus estilos (css), por esto, se recomienda empezar de nuevo teniendo como guía las nuevas muestras.vue. - /package.json => "ecored-base-pkg": "2.0.0" - /src/views/Actividad.vue - /src/styles/variables.sass - /src/assets/template/ - /src/components/Muestras.vue - /src/router/index.js ### Agregado - Mejora en la personalización de la imagen del banner principal. ``` $banner-principal-img-y: '' // 'arriba','abajo','' $banner-principal-img-x: '' // 'derecha','' ``` - Mejora en la aplicación de colores para componentes. ``` .color-primario .color-secundario .color-acento-contenido .color-acento-botones ``` - Clases para textos están en ingles y en español. ``` .text-thin, .texto-thin .text-regular, .texto-regular .text-bold, .texto-bold .text-black, .texto-black .text-center, .texto-centro .text-white, .texto-blanco .text-white--hover, .texto-blanco--hover ``` - Nueva vista de actividades de aprendizaje. ### Arreglos - Mejora en renderizado del AcordionA - Arreglo del tamaño de las imágenes en tarjeta-avatar # ## 1.3.1 - 04-05-2021 ### Cambios - /package.json => "ecored-base-pkg": "1.3.1" - /src/main.js - /src/router/index.js - /src/styles/_variables.sass ### Agregado - Visualización de la versión de la base y del paquete de la base en footer. - Nueva variable $color-banner-fondo. ### Arreglos - Ordenado de glosario con palabras compuestas. - Escroleo de barra de avance para firefox.