keski_lib_catalog 1.2.4 → 1.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +86 -48
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +87 -49
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -171,9 +171,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
|
|
|
171
171
|
function Layout1$1(content) {
|
|
172
172
|
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;
|
|
173
173
|
var visible = true;
|
|
174
|
-
return /*#__PURE__*/React__default.createElement(material.
|
|
175
|
-
maxWidth: "lg"
|
|
176
|
-
}, /*#__PURE__*/React__default.createElement(material.Slide, {
|
|
174
|
+
return /*#__PURE__*/React__default.createElement(material.Slide, {
|
|
177
175
|
direction: "left",
|
|
178
176
|
"in": visible
|
|
179
177
|
}, /*#__PURE__*/React__default.createElement(material.Box, {
|
|
@@ -182,7 +180,9 @@ function Layout1$1(content) {
|
|
|
182
180
|
xs: '100%'
|
|
183
181
|
},
|
|
184
182
|
height: {
|
|
185
|
-
xs: '
|
|
183
|
+
xs: '80vh',
|
|
184
|
+
sm: "80vh",
|
|
185
|
+
md: "80vh"
|
|
186
186
|
},
|
|
187
187
|
backgroundImage: "url(" + ((_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 : 'none') + ")",
|
|
188
188
|
backgroundSize: 'cover',
|
|
@@ -195,12 +195,12 @@ function Layout1$1(content) {
|
|
|
195
195
|
flexDirection: 'column',
|
|
196
196
|
width: {
|
|
197
197
|
xs: '100%',
|
|
198
|
-
md: '
|
|
198
|
+
md: '90%',
|
|
199
199
|
lg: '80%'
|
|
200
200
|
},
|
|
201
201
|
height: {
|
|
202
|
-
xs: '
|
|
203
|
-
lg: '
|
|
202
|
+
xs: '80vh',
|
|
203
|
+
lg: '80vh'
|
|
204
204
|
},
|
|
205
205
|
justifyContent: 'center',
|
|
206
206
|
margin: '1em',
|
|
@@ -225,8 +225,10 @@ function Layout1$1(content) {
|
|
|
225
225
|
whiteSpace: 'pre-wrap',
|
|
226
226
|
fontSize: {
|
|
227
227
|
xs: "2em",
|
|
228
|
+
sm: "2em",
|
|
228
229
|
md: "2em",
|
|
229
|
-
lg: "3.75em"
|
|
230
|
+
lg: "3.75em",
|
|
231
|
+
xl: "3.75em"
|
|
230
232
|
},
|
|
231
233
|
fontWeight: "bold"
|
|
232
234
|
}
|
|
@@ -239,13 +241,16 @@ function Layout1$1(content) {
|
|
|
239
241
|
whiteSpace: 'pre-wrap',
|
|
240
242
|
fontSize: {
|
|
241
243
|
xs: "1.125em",
|
|
244
|
+
sm: "1.125em",
|
|
242
245
|
md: "1.125em",
|
|
243
|
-
lg: "1.125em"
|
|
246
|
+
lg: "1.125em",
|
|
247
|
+
xl: "1.125em"
|
|
244
248
|
}
|
|
245
249
|
}
|
|
246
250
|
}), ((_content$component$su12 = content.component.subcomponent[0]) === null || _content$component$su12 === void 0 ? void 0 : _content$component$su12.button_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
|
|
247
251
|
variant: "contained",
|
|
248
252
|
size: "medium",
|
|
253
|
+
color: "primary",
|
|
249
254
|
href: (_content$component$su13 = content.component.subcomponent[0]) === null || _content$component$su13 === void 0 ? void 0 : _content$component$su13.button_action,
|
|
250
255
|
target: ((_content$component$su14 = content.component.subcomponent[0]) === null || _content$component$su14 === void 0 ? void 0 : _content$component$su14.link) == 4 ? '_blank' : '_self',
|
|
251
256
|
sx: {
|
|
@@ -253,7 +258,7 @@ function Layout1$1(content) {
|
|
|
253
258
|
padding: '14px 40px',
|
|
254
259
|
borderRadius: '50px'
|
|
255
260
|
}
|
|
256
|
-
}, (_content$component$su15 = content.component.subcomponent[0]) !== null && _content$component$su15 !== void 0 && _content$component$su15.button_title ? (_content$component$su16 = content.component.subcomponent[0]) === null || _content$component$su16 === void 0 ? void 0 : _content$component$su16.button_title : 'Nombre botón')))))
|
|
261
|
+
}, (_content$component$su15 = content.component.subcomponent[0]) !== null && _content$component$su15 !== void 0 && _content$component$su15.button_title ? (_content$component$su16 = content.component.subcomponent[0]) === null || _content$component$su16 === void 0 ? void 0 : _content$component$su16.button_title : 'Nombre botón')))));
|
|
257
262
|
}
|
|
258
263
|
|
|
259
264
|
var Banner = /*#__PURE__*/function (_AtomicElements) {
|
|
@@ -283,22 +288,13 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
|
|
|
283
288
|
}(AtomicElements);
|
|
284
289
|
|
|
285
290
|
var Item$1 = styles.styled(Paper)(function (_ref) {
|
|
286
|
-
|
|
287
|
-
return _extends({
|
|
288
|
-
backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#fff'
|
|
289
|
-
}, theme.typography.body2, {
|
|
290
|
-
textAlign: 'left',
|
|
291
|
-
color: theme.palette.text.secondary
|
|
292
|
-
});
|
|
291
|
+
return {};
|
|
293
292
|
});
|
|
294
293
|
function Layout1$2(content) {
|
|
295
|
-
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;
|
|
294
|
+
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;
|
|
296
295
|
var visible = true;
|
|
297
|
-
return /*#__PURE__*/React__default.createElement(
|
|
298
|
-
maxWidth: "lg"
|
|
299
|
-
}, /*#__PURE__*/React__default.createElement(Grid, {
|
|
296
|
+
return /*#__PURE__*/React__default.createElement(Grid, {
|
|
300
297
|
container: true,
|
|
301
|
-
justifyContent: "space-evenly",
|
|
302
298
|
alignItems: "center",
|
|
303
299
|
direction: content.component.justify_content != 'right' ? 'row' : 'row-reverse'
|
|
304
300
|
}, /*#__PURE__*/React__default.createElement(Grid, {
|
|
@@ -337,9 +333,9 @@ function Layout1$2(content) {
|
|
|
337
333
|
paddingTop: '56.25%',
|
|
338
334
|
backgroundSize: 'center',
|
|
339
335
|
backgroundPosition: 'center',
|
|
340
|
-
transform: (_content$component$su = content.component.subcomponent[0]) !== null && _content$component$
|
|
336
|
+
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") + ")")
|
|
341
337
|
},
|
|
342
|
-
image: (_content$component$
|
|
338
|
+
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'
|
|
343
339
|
}))))), /*#__PURE__*/React__default.createElement(Grid, {
|
|
344
340
|
item: true,
|
|
345
341
|
xs: 12,
|
|
@@ -366,15 +362,15 @@ function Layout1$2(content) {
|
|
|
366
362
|
width: "100%",
|
|
367
363
|
background: "none"
|
|
368
364
|
}
|
|
369
|
-
}, /*#__PURE__*/React__default.createElement(material.Box, null, ((_content$component$
|
|
365
|
+
}, /*#__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, {
|
|
370
366
|
disabled: true,
|
|
371
367
|
color: "info",
|
|
372
|
-
label: (_content$component$
|
|
368
|
+
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',
|
|
373
369
|
sx: {
|
|
374
370
|
marginBottom: '16px',
|
|
375
371
|
fontSize: '1em',
|
|
376
372
|
borderRadius: '6px',
|
|
377
|
-
backgroundColor: (_content$component$
|
|
373
|
+
backgroundColor: (_content$component$su10 = content.component.subcomponent[0]) === null || _content$component$su10 === void 0 ? void 0 : _content$component$su10.label_color
|
|
378
374
|
}
|
|
379
375
|
})), /*#__PURE__*/React__default.createElement(material.Box, {
|
|
380
376
|
sx: {
|
|
@@ -382,15 +378,16 @@ function Layout1$2(content) {
|
|
|
382
378
|
}
|
|
383
379
|
}, /*#__PURE__*/React__default.createElement(material.Typography, {
|
|
384
380
|
dangerouslySetInnerHTML: {
|
|
385
|
-
__html: (_content$component$
|
|
381
|
+
__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'
|
|
386
382
|
},
|
|
387
383
|
sx: {
|
|
388
384
|
whiteSpace: 'pre-wrap',
|
|
389
385
|
fontSize: {
|
|
390
386
|
xs: "2em",
|
|
387
|
+
sm: "2em",
|
|
391
388
|
md: "2em",
|
|
392
389
|
lg: "2em",
|
|
393
|
-
xl: "
|
|
390
|
+
xl: "2em"
|
|
394
391
|
}
|
|
395
392
|
}
|
|
396
393
|
})), /*#__PURE__*/React__default.createElement(material.Box, {
|
|
@@ -399,26 +396,29 @@ function Layout1$2(content) {
|
|
|
399
396
|
}
|
|
400
397
|
}, /*#__PURE__*/React__default.createElement(material.Typography, {
|
|
401
398
|
dangerouslySetInnerHTML: {
|
|
402
|
-
__html: (_content$component$
|
|
399
|
+
__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'
|
|
403
400
|
},
|
|
404
401
|
sx: {
|
|
405
402
|
whiteSpace: 'pre-wrap',
|
|
406
403
|
fontSize: {
|
|
407
404
|
xs: "1.125em",
|
|
405
|
+
sm: "1.125em",
|
|
408
406
|
md: "1.125em",
|
|
409
|
-
lg: "1em"
|
|
407
|
+
lg: "1em",
|
|
408
|
+
xl: "1em"
|
|
410
409
|
}
|
|
411
410
|
}
|
|
412
|
-
})), ((_content$component$
|
|
411
|
+
})), ((_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, {
|
|
413
412
|
variant: "contained",
|
|
414
|
-
|
|
415
|
-
|
|
413
|
+
color: "primary",
|
|
414
|
+
href: (_content$component$su16 = content.component.subcomponent[0]) === null || _content$component$su16 === void 0 ? void 0 : _content$component$su16.button_action,
|
|
415
|
+
target: ((_content$component$su17 = content.component.subcomponent[0]) === null || _content$component$su17 === void 0 ? void 0 : _content$component$su17.link) == 4 ? '_blank' : '_self',
|
|
416
416
|
sx: {
|
|
417
417
|
width: 'auto',
|
|
418
418
|
padding: '14px 40px',
|
|
419
419
|
borderRadius: '40px'
|
|
420
420
|
}
|
|
421
|
-
}, (_content$component$
|
|
421
|
+
}, (_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')))))));
|
|
422
422
|
}
|
|
423
423
|
|
|
424
424
|
var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
|
|
@@ -440,6 +440,8 @@ var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
|
|
|
440
440
|
'button_active': 'Button Active',
|
|
441
441
|
'image': 'image',
|
|
442
442
|
'image_scale': 'image scale',
|
|
443
|
+
'image_transform_x': 'image transform x',
|
|
444
|
+
'image_transform_y': 'image transform y',
|
|
443
445
|
'link': 'Link'
|
|
444
446
|
}, {
|
|
445
447
|
'type': 0,
|
|
@@ -519,25 +521,47 @@ function Layout1$4(content) {
|
|
|
519
521
|
sx: {
|
|
520
522
|
width: {
|
|
521
523
|
xs: '100%',
|
|
522
|
-
md: '
|
|
524
|
+
md: '100%'
|
|
523
525
|
},
|
|
524
526
|
color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color,
|
|
525
527
|
textAlign: content.component.justify_content
|
|
526
528
|
}
|
|
527
529
|
}, /*#__PURE__*/React__default.createElement(material.Typography, {
|
|
528
|
-
|
|
530
|
+
dangerouslySetInnerHTML: {
|
|
531
|
+
__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'
|
|
532
|
+
},
|
|
529
533
|
sx: {
|
|
530
534
|
marginBottom: '16px',
|
|
531
|
-
whiteSpace: 'pre-wrap'
|
|
535
|
+
whiteSpace: 'pre-wrap',
|
|
536
|
+
fontSize: {
|
|
537
|
+
xs: "1.875em",
|
|
538
|
+
sm: "1.875em",
|
|
539
|
+
md: "2.25em",
|
|
540
|
+
lg: "3em",
|
|
541
|
+
xl: "3em"
|
|
542
|
+
},
|
|
543
|
+
fontWeight: "bold"
|
|
532
544
|
}
|
|
533
|
-
}
|
|
534
|
-
|
|
545
|
+
}), /*#__PURE__*/React__default.createElement(material.Box, {
|
|
546
|
+
sx: {
|
|
547
|
+
width: content.component.justify_content == "center" ? "100%" : "80%"
|
|
548
|
+
}
|
|
549
|
+
}, /*#__PURE__*/React__default.createElement(material.Typography, {
|
|
550
|
+
dangerouslySetInnerHTML: {
|
|
551
|
+
__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'
|
|
552
|
+
},
|
|
535
553
|
sx: {
|
|
536
554
|
marginBottom: '16px',
|
|
537
|
-
|
|
538
|
-
|
|
555
|
+
whiteSpace: 'pre-wrap',
|
|
556
|
+
fontSize: {
|
|
557
|
+
xs: "1em",
|
|
558
|
+
sm: "1em",
|
|
559
|
+
md: "1em",
|
|
560
|
+
lg: "1.125em",
|
|
561
|
+
xl: "1.125em"
|
|
562
|
+
}
|
|
539
563
|
}
|
|
540
|
-
}
|
|
564
|
+
}))));
|
|
541
565
|
}
|
|
542
566
|
|
|
543
567
|
var Text = /*#__PURE__*/function (_AtomicElements) {
|
|
@@ -1029,21 +1053,35 @@ function CanvasContainer(props) {
|
|
|
1029
1053
|
}, /*#__PURE__*/React__default.createElement(material.Box, {
|
|
1030
1054
|
sx: {
|
|
1031
1055
|
bgcolor: "" + (json.component.bg_image_overlay && json.component.bg_type === 3 ? "rgba(" + rgbColor.r + ", " + rgbColor.g + ", " + rgbColor.b + ", " + json.component.bg_image_overlay_alpha_css + ")" : undefined),
|
|
1032
|
-
padding: json.type === 0 ?
|
|
1033
|
-
|
|
1056
|
+
padding: json.type === 0 ? {
|
|
1057
|
+
xl: '0px 24px',
|
|
1058
|
+
lg: '0px 24px',
|
|
1059
|
+
sm: '0px 0px',
|
|
1060
|
+
xs: '0px 0px'
|
|
1061
|
+
} : '64px 24px',
|
|
1062
|
+
width: '100%',
|
|
1063
|
+
height: '100%'
|
|
1034
1064
|
}
|
|
1035
1065
|
}, /*#__PURE__*/React__default.createElement(material.Container, {
|
|
1036
|
-
maxWidth: "
|
|
1066
|
+
maxWidth: "lg",
|
|
1037
1067
|
sx: {
|
|
1038
1068
|
padding: '0px',
|
|
1039
1069
|
'&.MuiContainer-root': {
|
|
1040
|
-
paddingLeft: {
|
|
1070
|
+
paddingLeft: json.type == 0 ? {
|
|
1071
|
+
sx: '0px',
|
|
1072
|
+
sm: '0px',
|
|
1073
|
+
md: '0px'
|
|
1074
|
+
} : {
|
|
1041
1075
|
xs: '0px',
|
|
1042
1076
|
sm: '20px',
|
|
1043
1077
|
lg: '32px',
|
|
1044
1078
|
xl: '32px'
|
|
1045
1079
|
},
|
|
1046
|
-
paddingRight: {
|
|
1080
|
+
paddingRight: json.type == 0 ? {
|
|
1081
|
+
sx: '0px',
|
|
1082
|
+
sm: '0px',
|
|
1083
|
+
md: '0px'
|
|
1084
|
+
} : {
|
|
1047
1085
|
xs: '0px',
|
|
1048
1086
|
sm: '20px',
|
|
1049
1087
|
lg: '32px',
|