keski_lib_catalog 1.3.11 → 1.3.13

package/dist/index.js

@@ -156,6 +156,7 @@ function Item(props) {
       WebkitBoxOrient: 'vertical'
     }
   }, /*#__PURE__*/React__default.createElement(material.Typography, {
+    component: 'h2',
     dangerouslySetInnerHTML: {
       __html: content.description ? content.description : 'Agregue título'
     },
@@ -170,6 +171,7 @@ function Item(props) {
       }
     }
   })), /*#__PURE__*/React__default.createElement(material.Typography, {
+    component: 'p',
     dangerouslySetInnerHTML: {
       __html: content.title ? content.title : 'Agregue subtítulo'
     },
@@ -284,6 +286,7 @@ function Layout1$1(content) {
       backgroundColor: (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.label_color
     }
   })), /*#__PURE__*/React__default.createElement(material.Typography, {
+    component: 'h1',
     dangerouslySetInnerHTML: {
       __html: (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.title ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.title : 'Agregue titulo'
     },
@@ -300,6 +303,7 @@ function Layout1$1(content) {
       fontWeight: "bold"
     }
   }), /*#__PURE__*/React__default.createElement(material.Typography, {
+    component: 'p',
     dangerouslySetInnerHTML: {
       __html: (_content$component$su8 = content.component.subcomponent[0]) !== null && _content$component$su8 !== void 0 && _content$component$su8.description ? (_content$component$su9 = content.component.subcomponent[0]) === null || _content$component$su9 === void 0 ? void 0 : _content$component$su9.description : 'Agregue descripción'
     },
@@ -356,7 +360,7 @@ var Item$1 = styles.styled(Paper)(function (_ref) {
   return {};
 });
 function Layout1$2(content) {
-  var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7, _content$component$su8, _content$component$su9, _content$component$su10, _content$component$su11, _content$component$su12, _content$component$su13, _content$component$su14, _content$component$su15, _content$component$su16, _content$component$su17, _content$component$su18, _content$component$su19;
+  var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7, _content$component$su8, _content$component$su9, _content$component$su10, _content$component$su11, _content$component$su12, _content$component$su13, _content$component$su14, _content$component$su15, _content$component$su16, _content$component$su17, _content$component$su18, _content$component$su19, _content$component$su20, _content$component$su21;
   var visible = true;
   return /*#__PURE__*/React__default.createElement(Grid, {
     container: true,
@@ -388,14 +392,15 @@ function Layout1$2(content) {
       backgroundPosition: 'center'
     }
   }, /*#__PURE__*/React__default.createElement(material.CardMedia, {
+    component: "img",
     sx: {
       width: "100%",
-      paddingTop: '56.25%',
       backgroundSize: 'center',
       backgroundPosition: 'center',
       transform: "translate(\n                        " + ((_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.image_transform_x) + "%\n                        ,\n                        " + ((_content$component$su2 = content.component.subcomponent[0]) === null || _content$component$su2 === void 0 ? void 0 : _content$component$su2.image_transform_y) + "%)" + ("scale(" + ((_content$component$su3 = content.component.subcomponent[0]) !== null && _content$component$su3 !== void 0 && _content$component$su3.image_scale ? (_content$component$su4 = content.component.subcomponent[0]) === null || _content$component$su4 === void 0 ? void 0 : _content$component$su4.image_scale : "1") + ")")
     },
-    image: (_content$component$su5 = content.component.subcomponent[0]) !== null && _content$component$su5 !== void 0 && _content$component$su5.image ? (_content$component$su6 = content.component.subcomponent[0]) === null || _content$component$su6 === void 0 ? void 0 : _content$component$su6.image.url : 'none'
+    alt: (_content$component$su5 = content.component.subcomponent[0]) !== null && _content$component$su5 !== void 0 && _content$component$su5.title ? (_content$component$su6 = content.component.subcomponent[0]) === null || _content$component$su6 === void 0 ? void 0 : _content$component$su6.title : 'imagen Keski',
+    image: (_content$component$su7 = content.component.subcomponent[0]) !== null && _content$component$su7 !== void 0 && _content$component$su7.image ? (_content$component$su8 = content.component.subcomponent[0]) === null || _content$component$su8 === void 0 ? void 0 : _content$component$su8.image.url : 'none'
   }))))), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12,
@@ -432,23 +437,24 @@ function Layout1$2(content) {
       width: "100%",
       background: "none"
     }
-  }, /*#__PURE__*/React__default.createElement(material.Box, null, ((_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.label_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Chip, {
+  }, /*#__PURE__*/React__default.createElement(material.Box, null, ((_content$component$su9 = content.component.subcomponent[0]) === null || _content$component$su9 === void 0 ? void 0 : _content$component$su9.label_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Chip, {
     disabled: true,
     color: "info",
-    label: (_content$component$su8 = content.component.subcomponent[0]) !== null && _content$component$su8 !== void 0 && _content$component$su8.label ? (_content$component$su9 = content.component.subcomponent[0]) === null || _content$component$su9 === void 0 ? void 0 : _content$component$su9.label : 'Agregue etiqueta',
+    label: (_content$component$su10 = content.component.subcomponent[0]) !== null && _content$component$su10 !== void 0 && _content$component$su10.label ? (_content$component$su11 = content.component.subcomponent[0]) === null || _content$component$su11 === void 0 ? void 0 : _content$component$su11.label : 'Agregue etiqueta',
     sx: {
       marginBottom: '16px',
       fontSize: '1em',
       borderRadius: '6px',
-      backgroundColor: (_content$component$su10 = content.component.subcomponent[0]) === null || _content$component$su10 === void 0 ? void 0 : _content$component$su10.label_color
+      backgroundColor: (_content$component$su12 = content.component.subcomponent[0]) === null || _content$component$su12 === void 0 ? void 0 : _content$component$su12.label_color
     }
   })), /*#__PURE__*/React__default.createElement(material.Box, {
     sx: {
       marginBottom: '16px'
     }
   }, /*#__PURE__*/React__default.createElement(material.Typography, {
+    component: 'h2',
     dangerouslySetInnerHTML: {
-      __html: (_content$component$su11 = content.component.subcomponent[0]) !== null && _content$component$su11 !== void 0 && _content$component$su11.title ? (_content$component$su12 = content.component.subcomponent[0]) === null || _content$component$su12 === void 0 ? void 0 : _content$component$su12.title : 'Agregue titulo'
+      __html: (_content$component$su13 = content.component.subcomponent[0]) !== null && _content$component$su13 !== void 0 && _content$component$su13.title ? (_content$component$su14 = content.component.subcomponent[0]) === null || _content$component$su14 === void 0 ? void 0 : _content$component$su14.title : 'Agregue titulo'
     },
     sx: {
       whiteSpace: 'pre-wrap',
@@ -465,8 +471,9 @@ function Layout1$2(content) {
       marginBottom: '16px'
     }
   }, /*#__PURE__*/React__default.createElement(material.Typography, {
+    component: 'p',
     dangerouslySetInnerHTML: {
-      __html: (_content$component$su13 = content.component.subcomponent[0]) !== null && _content$component$su13 !== void 0 && _content$component$su13.description ? (_content$component$su14 = content.component.subcomponent[0]) === null || _content$component$su14 === void 0 ? void 0 : _content$component$su14.description : 'Agregue descripción'
+      __html: (_content$component$su15 = content.component.subcomponent[0]) !== null && _content$component$su15 !== void 0 && _content$component$su15.description ? (_content$component$su16 = content.component.subcomponent[0]) === null || _content$component$su16 === void 0 ? void 0 : _content$component$su16.description : 'Agregue descripción'
     },
     sx: {
       whiteSpace: 'pre-wrap',
@@ -478,17 +485,17 @@ function Layout1$2(content) {
         xl: "1.125em"
       }
     }
-  })), ((_content$component$su15 = content.component.subcomponent[0]) === null || _content$component$su15 === void 0 ? void 0 : _content$component$su15.button_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
+  })), ((_content$component$su17 = content.component.subcomponent[0]) === null || _content$component$su17 === void 0 ? void 0 : _content$component$su17.button_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
     variant: "contained",
     color: "primary",
-    href: (_content$component$su16 = content.component.subcomponent[0]) === null || _content$component$su16 === void 0 ? void 0 : _content$component$su16.button_action,
-    target: ((_content$component$su17 = content.component.subcomponent[0]) === null || _content$component$su17 === void 0 ? void 0 : _content$component$su17.link) == 4 ? '_blank' : '_self',
+    href: (_content$component$su18 = content.component.subcomponent[0]) === null || _content$component$su18 === void 0 ? void 0 : _content$component$su18.button_action,
+    target: ((_content$component$su19 = content.component.subcomponent[0]) === null || _content$component$su19 === void 0 ? void 0 : _content$component$su19.link) == 4 ? '_blank' : '_self',
     sx: {
       width: 'auto',
       padding: '8px 20px',
       borderRadius: '40px'
     }
-  }, (_content$component$su18 = content.component.subcomponent[0]) !== null && _content$component$su18 !== void 0 && _content$component$su18.button_title ? (_content$component$su19 = content.component.subcomponent[0]) === null || _content$component$su19 === void 0 ? void 0 : _content$component$su19.button_title : 'Nombre botón')))))));
+  }, (_content$component$su20 = content.component.subcomponent[0]) !== null && _content$component$su20 !== void 0 && _content$component$su20.button_title ? (_content$component$su21 = content.component.subcomponent[0]) === null || _content$component$su21 === void 0 ? void 0 : _content$component$su21.button_title : 'Nombre botón')))))));
 }
 
 var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
@@ -537,6 +544,7 @@ function Layout1$3(content) {
       width: '100%'
     }
   }, /*#__PURE__*/React__default.createElement(material.Typography, {
+    component: 'h2',
     dangerouslySetInnerHTML: {
       __html: content.component.title ? content.component.title : 'Agregue titulo'
     },
@@ -628,6 +636,7 @@ function Layout1$4(content) {
       textAlign: content.component.justify_content
     }
   }, /*#__PURE__*/React__default.createElement(material.Typography, {
+    component: 'h2',
     dangerouslySetInnerHTML: {
       __html: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.title ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.title : 'Agregue titulo'
     },
@@ -654,6 +663,7 @@ function Layout1$4(content) {
       }
     }
   }, /*#__PURE__*/React__default.createElement(material.Typography, {
+    component: 'p',
     dangerouslySetInnerHTML: {
       __html: (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción'
     },
@@ -764,7 +774,7 @@ function Item$2(props) {
       sx: {
         width: '100%',
         height: '520px',
-        paddingTop: '50px',
+        paddingTop: '70px',
         "& .css-hn784z": {
           left: {
             xs: 'calc(100% - 120px)'
@@ -787,9 +797,13 @@ function Item$2(props) {
       }, /*#__PURE__*/React__default.createElement(material.Box, {
         sx: {
           position: 'absolute',
-          top: '-50px'
+          top: {
+            xs: '-20px',
+            sm: '-50px'
+          }
         }
       }, /*#__PURE__*/React__default.createElement(material.Typography, {
+        component: 'h2',
         dangerouslySetInnerHTML: {
           __html: title ? title : 'Agregue un título'
         },
@@ -856,6 +870,7 @@ function Item$2(props) {
             }
           }
         }, /*#__PURE__*/React__default.createElement(material.Typography, {
+          component: 'h3',
           dangerouslySetInnerHTML: {
             __html: item.title ? item.title : 'Agrega título'
           },
@@ -875,6 +890,7 @@ function Item$2(props) {
             }
           }
         }), /*#__PURE__*/React__default.createElement(material.Typography, {
+          component: 'p',
           dangerouslySetInnerHTML: {
             __html: item.subtitle ? item.subtitle : 'Agrega subtítulo'
           },
@@ -1051,165 +1067,6 @@ var List = /*#__PURE__*/function (_AtomicElements) {
   return List;
 }(AtomicElements);
 
-var Item$3 = styles.styled(Paper)(function (_ref) {
-  var theme = _ref.theme;
-  return _extends({
-    backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#fff'
-  }, theme.typography.body2, {
-    padding: theme.spacing(2),
-    textAlign: 'left',
-    color: theme.palette.text.secondary
-  });
-});
-function Layout1$6(content) {
-  var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7, _content$component$su8, _content$component$su9, _content$component$su10, _content$component$su11, _content$component$su12, _content$component$su13, _content$component$su14;
-  var visible = true;
-  return /*#__PURE__*/React__default.createElement(material.Container, {
-    maxWidth: "lg"
-  }, /*#__PURE__*/React__default.createElement(Grid, {
-    container: true,
-    spacing: 4,
-    direction: content.component.justify_content != 'right' ? 'row' : 'row-reverse'
-  }, /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 6,
-    lg: 6,
-    xl: 6
-  }, /*#__PURE__*/React__default.createElement(material.Slide, {
-    direction: "right",
-    "in": visible
-  }, /*#__PURE__*/React__default.createElement(Item$3, {
-    elevation: 0,
-    sx: {
-      height: "90%",
-      width: "100%",
-      background: "none"
-    }
-  }, /*#__PURE__*/React__default.createElement(material.Card, {
-    sx: {
-      borderRadius: "24px",
-      background: "none",
-      backgroundSize: 'center',
-      backgroundPosition: 'center'
-    }
-  }, /*#__PURE__*/React__default.createElement(material.CardMedia, {
-    sx: {
-      width: "100%",
-      paddingTop: '56.25%',
-      backgroundSize: 'center',
-      backgroundPosition: 'center'
-    },
-    image: (_content$component$su = content.component.subcomponent[0]) !== null && _content$component$su !== void 0 && _content$component$su.image ? (_content$component$su2 = content.component.subcomponent[0]) === null || _content$component$su2 === void 0 ? void 0 : _content$component$su2.image.url : 'none'
-  }))))), /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 6,
-    lg: 6,
-    xl: 6
-  }, /*#__PURE__*/React__default.createElement(Grow, _extends({
-    "in": visible,
-    style: {
-      transformOrigin: '0 0 0'
-    }
-  },  {
-    timeout: 1000
-  } ), /*#__PURE__*/React__default.createElement(Item$3, {
-    elevation: 0,
-    sx: {
-      height: "90%",
-      width: "100%",
-      background: "none"
-    }
-  }, /*#__PURE__*/React__default.createElement(material.Box, null, ((_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.label_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Chip, {
-    disabled: true,
-    color: "info",
-    label: (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.label ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.label : 'Agregue etiqueta',
-    sx: {
-      marginBottom: '16px',
-      fontSize: '1em',
-      borderRadius: '6px',
-      backgroundColor: (_content$component$su6 = content.component.subcomponent[0]) === null || _content$component$su6 === void 0 ? void 0 : _content$component$su6.label_color
-    }
-  })), /*#__PURE__*/React__default.createElement(material.Box, {
-    sx: {
-      marginBottom: '16px'
-    }
-  }, /*#__PURE__*/React__default.createElement(material.Typography, {
-    dangerouslySetInnerHTML: {
-      __html: (_content$component$su7 = content.component.subcomponent[0]) !== null && _content$component$su7 !== void 0 && _content$component$su7.title ? (_content$component$su8 = content.component.subcomponent[0]) === null || _content$component$su8 === void 0 ? void 0 : _content$component$su8.title : 'Agregue titulo'
-    },
-    sx: {
-      whiteSpace: 'pre-wrap',
-      fontSize: {
-        xs: "2em",
-        md: "2em",
-        lg: "2em",
-        xl: "3em"
-      }
-    }
-  })), /*#__PURE__*/React__default.createElement(material.Box, {
-    sx: {
-      marginBottom: '16px'
-    }
-  }, /*#__PURE__*/React__default.createElement(material.Typography, {
-    dangerouslySetInnerHTML: {
-      __html: (_content$component$su9 = content.component.subcomponent[0]) !== null && _content$component$su9 !== void 0 && _content$component$su9.description ? (_content$component$su10 = content.component.subcomponent[0]) === null || _content$component$su10 === void 0 ? void 0 : _content$component$su10.description : 'Agregue descripción'
-    },
-    sx: {
-      whiteSpace: 'pre-wrap',
-      fontSize: {
-        xs: "1.125em",
-        md: "1.125em",
-        lg: "1em"
-      }
-    }
-  })), /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
-    variant: "contained",
-    href: (_content$component$su11 = content.component.subcomponent[0]) === null || _content$component$su11 === void 0 ? void 0 : _content$component$su11.button_action,
-    target: ((_content$component$su12 = content.component.subcomponent[0]) === null || _content$component$su12 === void 0 ? void 0 : _content$component$su12.link) == 4 ? '_blank' : '_self',
-    sx: {
-      width: 'auto',
-      padding: '14px 40px',
-      borderRadius: '40px'
-    }
-  }, (_content$component$su13 = content.component.subcomponent[0]) !== null && _content$component$su13 !== void 0 && _content$component$su13.button_title ? (_content$component$su14 = content.component.subcomponent[0]) === null || _content$component$su14 === void 0 ? void 0 : _content$component$su14.button_title : 'Nombre botón'))))))));
-}
-
-var ImagPlusText = /*#__PURE__*/function (_AtomicElements) {
-  _inheritsLoose(ImagPlusText, _AtomicElements);
-  function ImagPlusText() {
-    var _this;
-    _this = _AtomicElements.call(this) || this;
-    _this.layout = [Layout1$6];
-    _this.layoutFootprint = ['imgPlusText_layout_1.png'];
-    _this.layoutFootprintReq = [{
-      'type': 0,
-      'label': 'Label',
-      'label_color': 'Label color',
-      'label_active': 'Label active',
-      'title': 'Title',
-      'description': 'Text',
-      'button_title': 'Button Title',
-      'button_action': 'Button Action',
-      'image': 'image',
-      'image_scale': 'image scale',
-      'link': 'Link'
-    }, {
-      'type': 0,
-      'title': 'Title',
-      'description': 'Text',
-      'button_title': 'Button Title',
-      'button_action': 'Button Action',
-      'image': 'req_hor'
-    }];
-    return _this;
-  }
-  return ImagPlusText;
-}(AtomicElements);
-
 function CanvasContainer(props) {
   var _json$component$bg_im;
   var json = props.json,
@@ -1347,8 +1204,7 @@ var Sections = /*#__PURE__*/function () {
     this.gallery = new Section(new Gallery());
     this.text = new Section(new Text());
     this.list = new Section(new List());
-    this.imgPlusText = new Section(new ImagPlusText());
-    this.sections = [this.banner, this.textPlusImg, this.quotes, this.gallery, this.text, this.list, this.imgPlusText];
+    this.sections = [this.banner, this.textPlusImg, this.quotes, this.gallery, this.text, this.list];
   }
   var _proto2 = Sections.prototype;
   _proto2.getSectionList = function getSectionList() {
@@ -1358,8 +1214,7 @@ var Sections = /*#__PURE__*/function () {
       '2': 'Citas/Testimonios',
       '3': 'Galeria',
       '4': 'Texto',
-      '5': 'Lista',
-      '6': 'Imagen + Texto'
+      '5': 'Lista'
     };
   };
   _proto2.getLayoutsFromSection = function getLayoutsFromSection(index) {