keski_lib_catalog 1.4.2 → 1.4.4

package/dist/index.modern.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import Carousel from 'react-material-ui-carousel';
-import { Box, Slide, Card, Typography, Chip, Button, CardMedia, Grid as Grid$1, useTheme, useMediaQuery, CardContent, Container, Accordion, AccordionSummary, AccordionDetails, Link } from '@mui/material';
+import { Box, Typography, Slide, Card, Chip, Button, CardMedia, Grid as Grid$1, useTheme, useMediaQuery, CardContent, Container, Accordion, AccordionSummary, AccordionDetails, Link } from '@mui/material';
 import Avatar from '@mui/material/Avatar';
 import { styled } from '@mui/material/styles';
 import Paper from '@mui/material/Paper';
@@ -61,7 +61,28 @@ var AtomicElements = /*#__PURE__*/function () {
 }();
 
 function Layout1(content) {
-  return /*#__PURE__*/React.createElement(Carousel, {
+  return /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      width: '100%',
+      height: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    component: 'h2',
+    dangerouslySetInnerHTML: {
+      __html: content.component.title ? content.component.title : ' '
+    },
+    sx: {
+      whiteSpace: 'pre-wrap',
+      fontSize: {
+        xs: '1.875em',
+        sm: '2.25em',
+        md: '3em',
+        lg: '3em',
+        xl: '3em'
+      },
+      paddingBottom: '32px'
+    }
+  }), /*#__PURE__*/React.createElement(Carousel, {
     indicators: true,
     navButtonsAlwaysInvisible: true,
     sx: {
@@ -74,7 +95,7 @@ function Layout1(content) {
       content: item,
       side: content.component.justify_content
     });
-  }));
+  })));
 }
 function Item(props) {
   var content = props.content,
@@ -137,16 +158,16 @@ function Item(props) {
     sx: {
       width: '120px',
       height: '120px',
-      transform: "translate(\n                " + content.image_transform_x + "%\n                ,\n                " + content.image_transform_y + "%)" + ("scale(" + (content.image_scale ? content.image_scale : "1") + ")")
+      transform: "translate(\n                " + content.image_transform_x + "%\n                ,\n                " + content.image_transform_y + "%)" + ("scale(" + (content.image_scale ? content.image_scale : '1') + ")")
     }
   }))), /*#__PURE__*/React.createElement(Box, {
     sx: {
       width: {
-        xs: "100%",
-        xl: "72%",
-        lg: "72%"
+        xs: '100%',
+        xl: '72%',
+        lg: '72%'
       },
-      height: "100%",
+      height: '100%',
       overflow: 'hidden',
       textOverflow: 'ellipsis',
       display: '-webkit-box',
@@ -233,8 +254,8 @@ function Layout1$1(content) {
       },
       height: {
         xs: '80vh',
-        sm: "80vh",
-        md: "80vh"
+        sm: '80vh',
+        md: '80vh'
       },
       backgroundSize: 'cover',
       backgroundPosition: 'center',
@@ -256,21 +277,21 @@ function Layout1$1(content) {
       },
       justifyContent: 'center',
       paddingLeft: (_content$component$su = content.component.subcomponent[0]) !== null && _content$component$su !== void 0 && _content$component$su.image ? {
-        lg: "24px",
-        md: "24px",
-        sm: "16px",
-        xs: "16px"
+        lg: '24px',
+        md: '24px',
+        sm: '16px',
+        xs: '16px'
       } : {
-        lg: "0px",
-        md: "24px",
-        sm: "16px",
-        xs: "16px"
+        lg: '0px',
+        md: '24px',
+        sm: '16px',
+        xs: '16px'
       },
       paddingRight: {
-        lg: "24px",
-        md: "24px",
-        sm: "16px",
-        xs: "16px"
+        lg: '24px',
+        md: '24px',
+        sm: '16px',
+        xs: '16px'
       }
     }
   }, ((_content$component$su2 = content.component.subcomponent[0]) === null || _content$component$su2 === void 0 ? void 0 : _content$component$su2.label_active) && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Chip, {
@@ -292,13 +313,13 @@ function Layout1$1(content) {
       marginBottom: '16px',
       whiteSpace: 'pre-wrap',
       fontSize: {
-        xs: "2em",
-        sm: "2em",
-        md: "3.75em",
-        lg: "3.75em",
-        xl: "3.75em"
+        xs: '2em',
+        sm: '2em',
+        md: '3.75em',
+        lg: '3.75em',
+        xl: '3.75em'
       },
-      fontWeight: "bold"
+      fontWeight: 'bold'
     }
   }), /*#__PURE__*/React.createElement(Typography, {
     component: 'p',
@@ -309,11 +330,11 @@ function Layout1$1(content) {
       marginBottom: '16px',
       whiteSpace: 'pre-wrap',
       fontSize: {
-        xs: "1.125em",
-        sm: "1.125em",
-        md: "1.125em",
-        lg: "1.125em",
-        xl: "1.125em"
+        xs: '1.125em',
+        sm: '1.125em',
+        md: '1.125em',
+        lg: '1.125em',
+        xl: '1.125em'
       }
     }
   }), ((_content$component$su10 = content.component.subcomponent[0]) === null || _content$component$su10 === void 0 ? void 0 : _content$component$su10.button_active) && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
@@ -549,13 +570,13 @@ function Layout1$3(content) {
     sx: {
       whiteSpace: 'pre-wrap',
       fontSize: {
-        xs: "1.875em",
-        sm: "2.25em",
-        md: "3em",
-        lg: "3em",
-        xl: "3em"
+        xs: '1.875em',
+        sm: '2.25em',
+        md: '3em',
+        lg: '3em',
+        xl: '3em'
       },
-      paddingBottom: "32px"
+      paddingBottom: '32px'
     }
   }), /*#__PURE__*/React.createElement(Grid$1, {
     container: true,
@@ -575,7 +596,7 @@ function Layout1$3(content) {
       elevation: 0,
       sx: {
         borderRadius: '24px',
-        width: "100%",
+        width: '100%',
         height: {
           xl: 350,
           lg: 350,
@@ -586,12 +607,12 @@ function Layout1$3(content) {
       }
     }, /*#__PURE__*/React.createElement(CardMedia, {
       component: "img",
-      alt: img.description ? img.description : "",
+      alt: img.description ? img.description : '',
       image: img.image ? img.image.url ? img.image.url : 'none' : 'none',
       sx: {
-        width: "100%",
-        height: "100%",
-        transform: "translate(\n                        " + img.image_transform_x + "%\n                        ,\n                        " + img.image_transform_y + "%)" + ("scale(" + (img.image_scale ? img.image_scale : "1") + ")")
+        width: '100%',
+        height: '100%',
+        transform: "translate(\n                        " + img.image_transform_x + "%\n                        ,\n                        " + img.image_transform_y + "%)" + ("scale(" + (img.image_scale ? img.image_scale : '1') + ")")
       }
     })));
   }))));
@@ -773,13 +794,13 @@ function Item$2(props) {
         width: '100%',
         height: '520px',
         paddingTop: '70px',
-        "& .css-hn784z": {
+        '& .css-hn784z': {
           left: {
             xs: 'calc(100% - 120px)'
           },
           height: 'auto'
         },
-        "& .css-1abc02a": {
+        '& .css-1abc02a': {
           height: 'auto'
         }
       }
@@ -857,7 +878,7 @@ function Item$2(props) {
           image: item.image ? item.image.url ? item.image.url : 'none' : 'none',
           sx: {
             aspectRatio: '1/1',
-            transform: "translate(\n                                  " + item.image_transform_x + "%\n                                  ,\n                                  " + item.image_transform_y + "%)" + ("scale(" + (item.image_scale ? item.image_scale : "1") + ")")
+            transform: "translate(\n                                  " + item.image_transform_x + "%\n                                  ,\n                                  " + item.image_transform_y + "%)" + ("scale(" + (item.image_scale ? item.image_scale : '1') + ")")
           }
         })), /*#__PURE__*/React.createElement(CardContent, {
           sx: {
@@ -977,7 +998,7 @@ function Item$2(props) {
         image: item.image.url ? item.image.url : 'https://via.placeholder.com/300x300.png?text=No+Image',
         sx: {
           aspectRatio: '1/1',
-          transform: "translate(\n                            " + item.image_transform_x + "%\n                            ,\n                            " + item.image_transform_y + "%)" + ("scale(" + (item.image_scale ? item.image_scale : "1") + ")")
+          transform: "translate(\n                            " + item.image_transform_x + "%\n                            ,\n                            " + item.image_transform_y + "%)" + ("scale(" + (item.image_scale ? item.image_scale : '1') + ")")
         }
       }), /*#__PURE__*/React.createElement(CardContent, {
         sx: {
@@ -1144,18 +1165,24 @@ function Item$3(props) {
         sx: {
           position: 'absolute',
           top: {
-            xs: '-40px',
+            xs: '-70px',
             sm: '-70px'
           },
-          zIndex: 1
+          zIndex: 1,
+          width: '100%',
+          display: 'flex'
         }
-      }, " ", /*#__PURE__*/React.createElement(Typography, {
+      }, ' ', /*#__PURE__*/React.createElement(Typography, {
         component: 'h2',
         dangerouslySetInnerHTML: {
           __html: title ? title : ''
         },
         sx: {
           height: '100%',
+          textAlign: {
+            xs: 'center',
+            sm: 'left'
+          },
           fontSize: {
             xl: '3em',
             lg: '3em',
@@ -1205,6 +1232,7 @@ function Item$3(props) {
           sx: {
             width: '100%',
             height: '140px',
+            marginTop: '10px',
             transform: "translate(" + item.image_transform_x + "%, " + item.image_transform_y + "%) scale(" + (item.image_scale ? item.image_scale : '1') + ")"
           }
         }))));
@@ -3059,39 +3087,39 @@ function Layout(content) {
       preserveAspectRatio: 'xMidYMid slice'
     }
   };
-  var callToAction = "Ingresa a Keski Creator desde tu panel administrativo para editar esta vista.";
+  var callToAction = 'Ingresa a Keski Creator desde tu panel administrativo para editar esta vista.';
   var infoLoadingMap = {
     'landing/content/1': {
-      title: "Página de inicio",
-      description: "Esta página es muy importante, aquí es la primera impresión de tus clientes. Agrega las secciones necesarias para que tu cliente te conozca, utiliza un diseño agradable y atractivo para captar su atención desde el primer momento. Personaliza el contenido para reflejar la esencia de tu marca y los valores de tu negocio."
+      title: 'Página de inicio',
+      description: 'Esta página es muy importante, aquí es la primera impresión de tus clientes. Agrega las secciones necesarias para que tu cliente te conozca, utiliza un diseño agradable y atractivo para captar su atención desde el primer momento. Personaliza el contenido para reflejar la esencia de tu marca y los valores de tu negocio.'
     },
     'landing/content/2': {
-      title: "Productos",
-      description: "En esta sección puedes detallar los productos que ofreces. Organiza tu catálogo y facilita la navegación."
+      title: 'Productos',
+      description: 'En esta sección puedes detallar los productos que ofreces. Organiza tu catálogo y facilita la navegación.'
     },
     'landing/content/3': {
-      title: "Nosotros",
-      description: "Aquí puedes contar la historia de tu empresa, presentar a tu equipo y destacar tus valores y misión. Es una excelente oportunidad para generar confianza y credibilidad. Usa esta sección para humanizar tu marca y conectar emocionalmente con tus visitantes."
+      title: 'Nosotros',
+      description: 'Aquí puedes contar la historia de tu empresa, presentar a tu equipo y destacar tus valores y misión. Es una excelente oportunidad para generar confianza y credibilidad. Usa esta sección para humanizar tu marca y conectar emocionalmente con tus visitantes.'
     },
     'landing/content/4': {
-      title: "Catálogo",
-      description: "Muestra una lista detallada de todos los productos o servicios que ofreces. Organiza tu catálogo de manera que sea fácil de navegar y busca resaltar tus productos más populares o nuevos lanzamientos. Puedes incluir filtros y categorías para mejorar la experiencia del usuario."
+      title: 'Catálogo',
+      description: 'Muestra una lista detallada de todos los productos o servicios que ofreces. Organiza tu catálogo de manera que sea fácil de navegar y busca resaltar tus productos más populares o nuevos lanzamientos. Puedes incluir filtros y categorías para mejorar la experiencia del usuario.'
     },
     'landing/content/5': {
-      title: "Servicios",
-      description: "En esta página puedes detallar los diferentes servicios que ofreces. Describe cada servicio de manera clara y concisa, incluyendo sus beneficios y características. Utiliza imágenes y testimonios para reforzar la calidad de tus servicios y motivar a los visitantes a contactarte."
+      title: 'Servicios',
+      description: 'En esta página puedes detallar los diferentes servicios que ofreces. Describe cada servicio de manera clara y concisa, incluyendo sus beneficios y características. Utiliza imágenes y testimonios para reforzar la calidad de tus servicios y motivar a los visitantes a contactarte.'
     },
     'landing/content/6': {
-      title: "Blog",
-      description: "Comparte artículos, noticias y actualizaciones relacionadas con tu negocio. Un blog activo puede mejorar tu SEO y mantener a tus clientes informados y comprometidos. Publica contenido relevante y útil que pueda interesar a tus visitantes y mostrar tu expertise en la industria."
+      title: 'Blog',
+      description: 'Comparte artículos, noticias y actualizaciones relacionadas con tu negocio. Un blog activo puede mejorar tu SEO y mantener a tus clientes informados y comprometidos. Publica contenido relevante y útil que pueda interesar a tus visitantes y mostrar tu expertise en la industria.'
     },
     'landing/content/7': {
-      title: "Ubicación",
-      description: "Aquí puedes mostrar a tus clientes dónde estás ubicado. Incluye un mapa interactivo, tu dirección completa y cualquier otra información de contacto relevante. Si tienes varias ubicaciones, asegúrate de incluir detalles para cada una. También puedes agregar instrucciones sobre cómo llegar y el horario de atención."
+      title: 'Ubicación',
+      description: 'Aquí puedes mostrar a tus clientes dónde estás ubicado. Incluye un mapa interactivo, tu dirección completa y cualquier otra información de contacto relevante. Si tienes varias ubicaciones, asegúrate de incluir detalles para cada una. También puedes agregar instrucciones sobre cómo llegar y el horario de atención.'
     },
-    'placeholder': {
-      title: "En construccion",
-      description: "Bienvenido a la página principal. Aquí encontrarás información general y acceso a las diferentes secciones."
+    placeholder: {
+      title: 'En construccion',
+      description: 'Bienvenido a la página principal. Aquí encontrarás información general y acceso a las diferentes secciones.'
     }
   };
   var visible = true;
@@ -3105,8 +3133,8 @@ function Layout(content) {
       },
       height: {
         xs: '80vh',
-        sm: "80vh",
-        md: "80vh"
+        sm: '80vh',
+        md: '80vh'
       },
       backgroundPosition: 'center',
       justifyContent: 'center',
@@ -3126,18 +3154,18 @@ function Layout(content) {
         lg: '80vh'
       },
       justifyContent: 'center',
-      alignItems: "center",
+      alignItems: 'center',
       paddingLeft: {
-        lg: "0px",
-        md: "24px",
-        sm: "16px",
-        xs: "16px"
+        lg: '0px',
+        md: '24px',
+        sm: '16px',
+        xs: '16px'
       },
       paddingRight: {
-        lg: "24px",
-        md: "24px",
-        sm: "16px",
-        xs: "16px"
+        lg: '24px',
+        md: '24px',
+        sm: '16px',
+        xs: '16px'
       },
       textAlign: 'center'
     }
@@ -3147,11 +3175,11 @@ function Layout(content) {
       marginBottom: '16px',
       whiteSpace: 'pre-wrap',
       fontSize: {
-        xs: "2em",
-        sm: "2em",
-        md: "3.75em",
-        lg: "3.75em",
-        xl: "3.75em"
+        xs: '2em',
+        sm: '2em',
+        md: '3.75em',
+        lg: '3.75em',
+        xl: '3.75em'
       },
       color: '#60269E'
     }
@@ -3161,11 +3189,11 @@ function Layout(content) {
       marginBottom: '16px',
       justifyContent: 'center',
       fontSize: {
-        xs: "1.25em",
-        sm: "1.25em",
-        md: "1.25em",
-        lg: "1.25em",
-        xl: "1.25em"
+        xs: '1.25em',
+        sm: '1.25em',
+        md: '1.25em',
+        lg: '1.25em',
+        xl: '1.25em'
       }
     }
   }, infoLoadingMap[content.component.view_placeholder].description), /*#__PURE__*/React.createElement(Lottie, {
@@ -3178,11 +3206,11 @@ function Layout(content) {
       marginBottom: '16px',
       justifyContent: 'center',
       fontSize: {
-        xs: "1.25em",
-        sm: "1.25em",
-        md: "1.25em",
-        lg: "1.25em",
-        xl: "1.25em"
+        xs: '1.25em',
+        sm: '1.25em',
+        md: '1.25em',
+        lg: '1.25em',
+        xl: '1.25em'
       }
     }
   }, callToAction))));
@@ -3250,7 +3278,7 @@ var Sections = /*#__PURE__*/function () {
       '0': 'Banner',
       '1': 'Texto + Imágenes',
       '2': 'Citas/Testimonios',
-      '3': 'Galeria',
+      '3': 'Galería',
       '4': 'Texto',
       '5': 'Lista',
       '6': 'Marcas',