keski_lib_catalog 1.3.5 → 1.3.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 +34 -25
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +34 -25
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -120,12 +120,13 @@ function Item(props) {
|
|
|
120
120
|
alignItems: getSideRender(side)
|
|
121
121
|
}
|
|
122
122
|
}, /*#__PURE__*/React.createElement(Avatar, {
|
|
123
|
-
src: content.image ? content.image
|
|
123
|
+
src: content.image ? content.image : "none",
|
|
124
124
|
sx: {
|
|
125
125
|
width: '120px',
|
|
126
126
|
height: '120px',
|
|
127
127
|
bgcolor: "black",
|
|
128
|
-
marginBottom: '16px'
|
|
128
|
+
marginBottom: '16px',
|
|
129
|
+
transform: "translate(\n " + content.image_transform_x + "%\n ,\n " + content.image_transform_y + "%)" + ("scale(" + (content.image_scale ? content.image_scale : "1") + ")")
|
|
129
130
|
}
|
|
130
131
|
}), /*#__PURE__*/React.createElement(Box, {
|
|
131
132
|
sx: {
|
|
@@ -196,7 +197,10 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
|
|
|
196
197
|
'label': 'Label',
|
|
197
198
|
'label_color': 'Label color',
|
|
198
199
|
'label_active': 'Label active',
|
|
199
|
-
'image': 'sqr'
|
|
200
|
+
'image': 'sqr',
|
|
201
|
+
'image_scale': 'image scale',
|
|
202
|
+
'image_transform_x': 'image transform x',
|
|
203
|
+
'image_transform_y': 'image transform y'
|
|
200
204
|
}];
|
|
201
205
|
return _this;
|
|
202
206
|
}
|
|
@@ -204,7 +208,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
|
|
|
204
208
|
}(AtomicElements);
|
|
205
209
|
|
|
206
210
|
function Layout1$1(content) {
|
|
207
|
-
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
|
|
211
|
+
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;
|
|
208
212
|
var visible = true;
|
|
209
213
|
return /*#__PURE__*/React.createElement(Slide, {
|
|
210
214
|
direction: "left",
|
|
@@ -219,7 +223,6 @@ function Layout1$1(content) {
|
|
|
219
223
|
sm: "80vh",
|
|
220
224
|
md: "80vh"
|
|
221
225
|
},
|
|
222
|
-
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') + ")",
|
|
223
226
|
backgroundSize: 'cover',
|
|
224
227
|
backgroundPosition: 'center',
|
|
225
228
|
display: 'flex'
|
|
@@ -238,7 +241,7 @@ function Layout1$1(content) {
|
|
|
238
241
|
lg: '80vh'
|
|
239
242
|
},
|
|
240
243
|
justifyContent: 'center',
|
|
241
|
-
paddingLeft: (_content$component$
|
|
244
|
+
paddingLeft: (_content$component$su = content.component.subcomponent[0]) !== null && _content$component$su !== void 0 && _content$component$su.image ? {
|
|
242
245
|
lg: "24px",
|
|
243
246
|
md: "24px",
|
|
244
247
|
sm: "16px",
|
|
@@ -254,22 +257,21 @@ function Layout1$1(content) {
|
|
|
254
257
|
md: "24px",
|
|
255
258
|
sm: "16px",
|
|
256
259
|
xs: "16px"
|
|
257
|
-
}
|
|
258
|
-
color: (_content$component$su4 = content.component.subcomponent[0]) === null || _content$component$su4 === void 0 ? void 0 : _content$component$su4.text_color
|
|
260
|
+
}
|
|
259
261
|
}
|
|
260
|
-
}, ((_content$component$
|
|
262
|
+
}, ((_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, {
|
|
261
263
|
disabled: true,
|
|
262
264
|
color: "info",
|
|
263
|
-
label: (_content$component$
|
|
265
|
+
label: (_content$component$su3 = content.component.subcomponent[0]) !== null && _content$component$su3 !== void 0 && _content$component$su3.label ? (_content$component$su4 = content.component.subcomponent[0]) === null || _content$component$su4 === void 0 ? void 0 : _content$component$su4.label : 'Agregue etiqueta',
|
|
264
266
|
sx: {
|
|
265
267
|
marginBottom: '16px',
|
|
266
268
|
fontSize: '1em',
|
|
267
269
|
borderRadius: '6px',
|
|
268
|
-
backgroundColor: (_content$component$
|
|
270
|
+
backgroundColor: (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.label_color
|
|
269
271
|
}
|
|
270
272
|
})), /*#__PURE__*/React.createElement(Typography, {
|
|
271
273
|
dangerouslySetInnerHTML: {
|
|
272
|
-
__html: (_content$component$
|
|
274
|
+
__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'
|
|
273
275
|
},
|
|
274
276
|
sx: {
|
|
275
277
|
marginBottom: '16px',
|
|
@@ -285,7 +287,7 @@ function Layout1$1(content) {
|
|
|
285
287
|
}
|
|
286
288
|
}), /*#__PURE__*/React.createElement(Typography, {
|
|
287
289
|
dangerouslySetInnerHTML: {
|
|
288
|
-
__html: (_content$component$
|
|
290
|
+
__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'
|
|
289
291
|
},
|
|
290
292
|
sx: {
|
|
291
293
|
marginBottom: '16px',
|
|
@@ -298,18 +300,18 @@ function Layout1$1(content) {
|
|
|
298
300
|
xl: "1.125em"
|
|
299
301
|
}
|
|
300
302
|
}
|
|
301
|
-
}), ((_content$component$
|
|
303
|
+
}), ((_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, {
|
|
302
304
|
variant: "contained",
|
|
303
305
|
size: "medium",
|
|
304
306
|
color: "primary",
|
|
305
|
-
href: (_content$component$
|
|
306
|
-
target: ((_content$component$
|
|
307
|
+
href: (_content$component$su11 = content.component.subcomponent[0]) === null || _content$component$su11 === void 0 ? void 0 : _content$component$su11.button_action,
|
|
308
|
+
target: ((_content$component$su12 = content.component.subcomponent[0]) === null || _content$component$su12 === void 0 ? void 0 : _content$component$su12.link) == 4 ? '_blank' : '_self',
|
|
307
309
|
sx: {
|
|
308
310
|
width: 'auto',
|
|
309
311
|
padding: '14px 40px',
|
|
310
312
|
borderRadius: '50px'
|
|
311
313
|
}
|
|
312
|
-
}, (_content$component$
|
|
314
|
+
}, (_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')))));
|
|
313
315
|
}
|
|
314
316
|
|
|
315
317
|
var Banner = /*#__PURE__*/function (_AtomicElements) {
|
|
@@ -325,12 +327,10 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
|
|
|
325
327
|
'label_color': 'Label color',
|
|
326
328
|
'label_active': 'Label active',
|
|
327
329
|
'title': 'Tittle',
|
|
328
|
-
'image': 'Image',
|
|
329
330
|
'description': 'Description',
|
|
330
331
|
'button_title': 'Button Title',
|
|
331
332
|
'button_action': 'Button action',
|
|
332
333
|
'button_active': 'Button active',
|
|
333
|
-
'text_color': 'Text color',
|
|
334
334
|
'link': 'Link'
|
|
335
335
|
}];
|
|
336
336
|
return _this;
|
|
@@ -567,7 +567,8 @@ function Layout1$3(content) {
|
|
|
567
567
|
}, /*#__PURE__*/React.createElement(CardMedia, {
|
|
568
568
|
sx: {
|
|
569
569
|
width: "100%",
|
|
570
|
-
height: "100%"
|
|
570
|
+
height: "100%",
|
|
571
|
+
transform: "translate(\n " + img.image_transform_x + "%\n ,\n " + img.image_transform_y + "%)" + ("scale(" + (img.image_scale ? img.image_scale : "1") + ")")
|
|
571
572
|
},
|
|
572
573
|
image: img.image.url ? img.image.url : 'none'
|
|
573
574
|
})));
|
|
@@ -583,7 +584,10 @@ var Gallery = /*#__PURE__*/function (_AtomicElements) {
|
|
|
583
584
|
_this.layoutFootprint = ['gallery_layout_1.png'];
|
|
584
585
|
_this.layoutFootprintReq = [{
|
|
585
586
|
'type': 1,
|
|
586
|
-
'image': 'req_hor'
|
|
587
|
+
'image': 'req_hor',
|
|
588
|
+
'image_scale': 'image scale',
|
|
589
|
+
'image_transform_x': 'image transform x',
|
|
590
|
+
'image_transform_y': 'image transform y'
|
|
587
591
|
}];
|
|
588
592
|
return _this;
|
|
589
593
|
}
|
|
@@ -722,7 +726,7 @@ function Item$2(props) {
|
|
|
722
726
|
if (!arrayFourElements) {
|
|
723
727
|
return null;
|
|
724
728
|
} else {
|
|
725
|
-
return content.length
|
|
729
|
+
return content.length >= 1 ? /*#__PURE__*/React.createElement(Carousel, {
|
|
726
730
|
autoPlay: false,
|
|
727
731
|
indicators: false,
|
|
728
732
|
navButtonsAlwaysVisible: true,
|
|
@@ -818,9 +822,10 @@ function Item$2(props) {
|
|
|
818
822
|
component: "img",
|
|
819
823
|
height: "305px",
|
|
820
824
|
width: "305px",
|
|
821
|
-
image: item.image.url ? item.image.url : '
|
|
825
|
+
image: item.image.url ? item.image.url : 'none',
|
|
822
826
|
sx: {
|
|
823
|
-
aspectRatio: '1/1'
|
|
827
|
+
aspectRatio: '1/1',
|
|
828
|
+
transform: "translate(\n " + item.image_transform_x + "%\n ,\n " + item.image_transform_y + "%)" + ("scale(" + (item.image_scale ? item.image_scale : "1") + ")")
|
|
824
829
|
}
|
|
825
830
|
}), /*#__PURE__*/React.createElement(CardContent, {
|
|
826
831
|
sx: {
|
|
@@ -938,7 +943,8 @@ function Item$2(props) {
|
|
|
938
943
|
width: "300px",
|
|
939
944
|
image: item.image.url ? item.image.url : 'https://via.placeholder.com/300x300.png?text=No+Image',
|
|
940
945
|
sx: {
|
|
941
|
-
aspectRatio: '1/1'
|
|
946
|
+
aspectRatio: '1/1',
|
|
947
|
+
transform: "translate(\n " + item.image_transform_x + "%\n ,\n " + item.image_transform_y + "%)" + ("scale(" + (item.image_scale ? item.image_scale : "1") + ")")
|
|
942
948
|
}
|
|
943
949
|
}), /*#__PURE__*/React.createElement(CardContent, {
|
|
944
950
|
sx: {
|
|
@@ -1014,6 +1020,9 @@ var List = /*#__PURE__*/function (_AtomicElements) {
|
|
|
1014
1020
|
'button_active': 'Button active',
|
|
1015
1021
|
'button_title': 'Button Title',
|
|
1016
1022
|
'button_action': 'Button Action',
|
|
1023
|
+
'image_scale': 'image scale',
|
|
1024
|
+
'image_transform_x': 'image transform x',
|
|
1025
|
+
'image_transform_y': 'image transform y',
|
|
1017
1026
|
'image': 'sqr',
|
|
1018
1027
|
'link': 'Link'
|
|
1019
1028
|
}];
|