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.js
CHANGED
|
@@ -123,12 +123,13 @@ function Item(props) {
|
|
|
123
123
|
alignItems: getSideRender(side)
|
|
124
124
|
}
|
|
125
125
|
}, /*#__PURE__*/React__default.createElement(Avatar, {
|
|
126
|
-
src: content.image ? content.image
|
|
126
|
+
src: content.image ? content.image : "none",
|
|
127
127
|
sx: {
|
|
128
128
|
width: '120px',
|
|
129
129
|
height: '120px',
|
|
130
130
|
bgcolor: "black",
|
|
131
|
-
marginBottom: '16px'
|
|
131
|
+
marginBottom: '16px',
|
|
132
|
+
transform: "translate(\n " + content.image_transform_x + "%\n ,\n " + content.image_transform_y + "%)" + ("scale(" + (content.image_scale ? content.image_scale : "1") + ")")
|
|
132
133
|
}
|
|
133
134
|
}), /*#__PURE__*/React__default.createElement(material.Box, {
|
|
134
135
|
sx: {
|
|
@@ -199,7 +200,10 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
|
|
|
199
200
|
'label': 'Label',
|
|
200
201
|
'label_color': 'Label color',
|
|
201
202
|
'label_active': 'Label active',
|
|
202
|
-
'image': 'sqr'
|
|
203
|
+
'image': 'sqr',
|
|
204
|
+
'image_scale': 'image scale',
|
|
205
|
+
'image_transform_x': 'image transform x',
|
|
206
|
+
'image_transform_y': 'image transform y'
|
|
203
207
|
}];
|
|
204
208
|
return _this;
|
|
205
209
|
}
|
|
@@ -207,7 +211,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
|
|
|
207
211
|
}(AtomicElements);
|
|
208
212
|
|
|
209
213
|
function Layout1$1(content) {
|
|
210
|
-
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
|
|
214
|
+
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
215
|
var visible = true;
|
|
212
216
|
return /*#__PURE__*/React__default.createElement(material.Slide, {
|
|
213
217
|
direction: "left",
|
|
@@ -222,7 +226,6 @@ function Layout1$1(content) {
|
|
|
222
226
|
sm: "80vh",
|
|
223
227
|
md: "80vh"
|
|
224
228
|
},
|
|
225
|
-
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') + ")",
|
|
226
229
|
backgroundSize: 'cover',
|
|
227
230
|
backgroundPosition: 'center',
|
|
228
231
|
display: 'flex'
|
|
@@ -241,7 +244,7 @@ function Layout1$1(content) {
|
|
|
241
244
|
lg: '80vh'
|
|
242
245
|
},
|
|
243
246
|
justifyContent: 'center',
|
|
244
|
-
paddingLeft: (_content$component$
|
|
247
|
+
paddingLeft: (_content$component$su = content.component.subcomponent[0]) !== null && _content$component$su !== void 0 && _content$component$su.image ? {
|
|
245
248
|
lg: "24px",
|
|
246
249
|
md: "24px",
|
|
247
250
|
sm: "16px",
|
|
@@ -257,22 +260,21 @@ function Layout1$1(content) {
|
|
|
257
260
|
md: "24px",
|
|
258
261
|
sm: "16px",
|
|
259
262
|
xs: "16px"
|
|
260
|
-
}
|
|
261
|
-
color: (_content$component$su4 = content.component.subcomponent[0]) === null || _content$component$su4 === void 0 ? void 0 : _content$component$su4.text_color
|
|
263
|
+
}
|
|
262
264
|
}
|
|
263
|
-
}, ((_content$component$
|
|
265
|
+
}, ((_content$component$su2 = content.component.subcomponent[0]) === null || _content$component$su2 === void 0 ? void 0 : _content$component$su2.label_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Chip, {
|
|
264
266
|
disabled: true,
|
|
265
267
|
color: "info",
|
|
266
|
-
label: (_content$component$
|
|
268
|
+
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',
|
|
267
269
|
sx: {
|
|
268
270
|
marginBottom: '16px',
|
|
269
271
|
fontSize: '1em',
|
|
270
272
|
borderRadius: '6px',
|
|
271
|
-
backgroundColor: (_content$component$
|
|
273
|
+
backgroundColor: (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.label_color
|
|
272
274
|
}
|
|
273
275
|
})), /*#__PURE__*/React__default.createElement(material.Typography, {
|
|
274
276
|
dangerouslySetInnerHTML: {
|
|
275
|
-
__html: (_content$component$
|
|
277
|
+
__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'
|
|
276
278
|
},
|
|
277
279
|
sx: {
|
|
278
280
|
marginBottom: '16px',
|
|
@@ -288,7 +290,7 @@ function Layout1$1(content) {
|
|
|
288
290
|
}
|
|
289
291
|
}), /*#__PURE__*/React__default.createElement(material.Typography, {
|
|
290
292
|
dangerouslySetInnerHTML: {
|
|
291
|
-
__html: (_content$component$
|
|
293
|
+
__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'
|
|
292
294
|
},
|
|
293
295
|
sx: {
|
|
294
296
|
marginBottom: '16px',
|
|
@@ -301,18 +303,18 @@ function Layout1$1(content) {
|
|
|
301
303
|
xl: "1.125em"
|
|
302
304
|
}
|
|
303
305
|
}
|
|
304
|
-
}), ((_content$component$
|
|
306
|
+
}), ((_content$component$su10 = content.component.subcomponent[0]) === null || _content$component$su10 === void 0 ? void 0 : _content$component$su10.button_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
|
|
305
307
|
variant: "contained",
|
|
306
308
|
size: "medium",
|
|
307
309
|
color: "primary",
|
|
308
|
-
href: (_content$component$
|
|
309
|
-
target: ((_content$component$
|
|
310
|
+
href: (_content$component$su11 = content.component.subcomponent[0]) === null || _content$component$su11 === void 0 ? void 0 : _content$component$su11.button_action,
|
|
311
|
+
target: ((_content$component$su12 = content.component.subcomponent[0]) === null || _content$component$su12 === void 0 ? void 0 : _content$component$su12.link) == 4 ? '_blank' : '_self',
|
|
310
312
|
sx: {
|
|
311
313
|
width: 'auto',
|
|
312
314
|
padding: '14px 40px',
|
|
313
315
|
borderRadius: '50px'
|
|
314
316
|
}
|
|
315
|
-
}, (_content$component$
|
|
317
|
+
}, (_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')))));
|
|
316
318
|
}
|
|
317
319
|
|
|
318
320
|
var Banner = /*#__PURE__*/function (_AtomicElements) {
|
|
@@ -328,12 +330,10 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
|
|
|
328
330
|
'label_color': 'Label color',
|
|
329
331
|
'label_active': 'Label active',
|
|
330
332
|
'title': 'Tittle',
|
|
331
|
-
'image': 'Image',
|
|
332
333
|
'description': 'Description',
|
|
333
334
|
'button_title': 'Button Title',
|
|
334
335
|
'button_action': 'Button action',
|
|
335
336
|
'button_active': 'Button active',
|
|
336
|
-
'text_color': 'Text color',
|
|
337
337
|
'link': 'Link'
|
|
338
338
|
}];
|
|
339
339
|
return _this;
|
|
@@ -570,7 +570,8 @@ function Layout1$3(content) {
|
|
|
570
570
|
}, /*#__PURE__*/React__default.createElement(material.CardMedia, {
|
|
571
571
|
sx: {
|
|
572
572
|
width: "100%",
|
|
573
|
-
height: "100%"
|
|
573
|
+
height: "100%",
|
|
574
|
+
transform: "translate(\n " + img.image_transform_x + "%\n ,\n " + img.image_transform_y + "%)" + ("scale(" + (img.image_scale ? img.image_scale : "1") + ")")
|
|
574
575
|
},
|
|
575
576
|
image: img.image.url ? img.image.url : 'none'
|
|
576
577
|
})));
|
|
@@ -586,7 +587,10 @@ var Gallery = /*#__PURE__*/function (_AtomicElements) {
|
|
|
586
587
|
_this.layoutFootprint = ['gallery_layout_1.png'];
|
|
587
588
|
_this.layoutFootprintReq = [{
|
|
588
589
|
'type': 1,
|
|
589
|
-
'image': 'req_hor'
|
|
590
|
+
'image': 'req_hor',
|
|
591
|
+
'image_scale': 'image scale',
|
|
592
|
+
'image_transform_x': 'image transform x',
|
|
593
|
+
'image_transform_y': 'image transform y'
|
|
590
594
|
}];
|
|
591
595
|
return _this;
|
|
592
596
|
}
|
|
@@ -725,7 +729,7 @@ function Item$2(props) {
|
|
|
725
729
|
if (!arrayFourElements) {
|
|
726
730
|
return null;
|
|
727
731
|
} else {
|
|
728
|
-
return content.length
|
|
732
|
+
return content.length >= 1 ? /*#__PURE__*/React__default.createElement(Carousel, {
|
|
729
733
|
autoPlay: false,
|
|
730
734
|
indicators: false,
|
|
731
735
|
navButtonsAlwaysVisible: true,
|
|
@@ -821,9 +825,10 @@ function Item$2(props) {
|
|
|
821
825
|
component: "img",
|
|
822
826
|
height: "305px",
|
|
823
827
|
width: "305px",
|
|
824
|
-
image: item.image.url ? item.image.url : '
|
|
828
|
+
image: item.image.url ? item.image.url : 'none',
|
|
825
829
|
sx: {
|
|
826
|
-
aspectRatio: '1/1'
|
|
830
|
+
aspectRatio: '1/1',
|
|
831
|
+
transform: "translate(\n " + item.image_transform_x + "%\n ,\n " + item.image_transform_y + "%)" + ("scale(" + (item.image_scale ? item.image_scale : "1") + ")")
|
|
827
832
|
}
|
|
828
833
|
}), /*#__PURE__*/React__default.createElement(material.CardContent, {
|
|
829
834
|
sx: {
|
|
@@ -941,7 +946,8 @@ function Item$2(props) {
|
|
|
941
946
|
width: "300px",
|
|
942
947
|
image: item.image.url ? item.image.url : 'https://via.placeholder.com/300x300.png?text=No+Image',
|
|
943
948
|
sx: {
|
|
944
|
-
aspectRatio: '1/1'
|
|
949
|
+
aspectRatio: '1/1',
|
|
950
|
+
transform: "translate(\n " + item.image_transform_x + "%\n ,\n " + item.image_transform_y + "%)" + ("scale(" + (item.image_scale ? item.image_scale : "1") + ")")
|
|
945
951
|
}
|
|
946
952
|
}), /*#__PURE__*/React__default.createElement(material.CardContent, {
|
|
947
953
|
sx: {
|
|
@@ -1017,6 +1023,9 @@ var List = /*#__PURE__*/function (_AtomicElements) {
|
|
|
1017
1023
|
'button_active': 'Button active',
|
|
1018
1024
|
'button_title': 'Button Title',
|
|
1019
1025
|
'button_action': 'Button Action',
|
|
1026
|
+
'image_scale': 'image scale',
|
|
1027
|
+
'image_transform_x': 'image transform x',
|
|
1028
|
+
'image_transform_y': 'image transform y',
|
|
1020
1029
|
'image': 'sqr',
|
|
1021
1030
|
'link': 'Link'
|
|
1022
1031
|
}];
|