keski_lib_catalog 1.3.5 → 1.3.7

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.
Files changed (5) hide show
  1. package/dist/index.js +59 -33
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +60 -34
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -122,15 +122,28 @@ function Item(props) {
122
122
  color: content.text_color,
123
123
  alignItems: getSideRender(side)
124
124
  }
125
+ }, /*#__PURE__*/React__default.createElement(material.Box, {
126
+ sx: {
127
+ marginBottom: '16px'
128
+ }
129
+ }, /*#__PURE__*/React__default.createElement(material.Card, {
130
+ elevation: 0,
131
+ sx: {
132
+ maxWidth: 120,
133
+ maxHeight: 120,
134
+ background: 'none',
135
+ borderRadius: '100%'
136
+ }
125
137
  }, /*#__PURE__*/React__default.createElement(Avatar, {
126
- src: content.image ? content.image.url : "none",
138
+ src: content.image ? content.image : "none",
139
+ alt: content.title ? content.title : '',
127
140
  sx: {
128
141
  width: '120px',
129
142
  height: '120px',
130
143
  bgcolor: "black",
131
- marginBottom: '16px'
144
+ transform: "translate(\n " + content.image_transform_x + "%\n ,\n " + content.image_transform_y + "%)" + ("scale(" + (content.image_scale ? content.image_scale : "1") + ")")
132
145
  }
133
- }), /*#__PURE__*/React__default.createElement(material.Box, {
146
+ }))), /*#__PURE__*/React__default.createElement(material.Box, {
134
147
  sx: {
135
148
  width: {
136
149
  xs: "100%",
@@ -199,7 +212,10 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
199
212
  'label': 'Label',
200
213
  'label_color': 'Label color',
201
214
  'label_active': 'Label active',
202
- 'image': 'sqr'
215
+ 'image': 'sqr',
216
+ 'image_scale': 'image scale',
217
+ 'image_transform_x': 'image transform x',
218
+ 'image_transform_y': 'image transform y'
203
219
  }];
204
220
  return _this;
205
221
  }
@@ -207,7 +223,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
207
223
  }(AtomicElements);
208
224
 
209
225
  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, _content$component$su15, _content$component$su16, _content$component$su17;
226
+ 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
227
  var visible = true;
212
228
  return /*#__PURE__*/React__default.createElement(material.Slide, {
213
229
  direction: "left",
@@ -222,7 +238,6 @@ function Layout1$1(content) {
222
238
  sm: "80vh",
223
239
  md: "80vh"
224
240
  },
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
241
  backgroundSize: 'cover',
227
242
  backgroundPosition: 'center',
228
243
  display: 'flex'
@@ -241,7 +256,7 @@ function Layout1$1(content) {
241
256
  lg: '80vh'
242
257
  },
243
258
  justifyContent: 'center',
244
- paddingLeft: (_content$component$su3 = content.component.subcomponent[0]) !== null && _content$component$su3 !== void 0 && _content$component$su3.image ? {
259
+ paddingLeft: (_content$component$su = content.component.subcomponent[0]) !== null && _content$component$su !== void 0 && _content$component$su.image ? {
245
260
  lg: "24px",
246
261
  md: "24px",
247
262
  sm: "16px",
@@ -257,22 +272,21 @@ function Layout1$1(content) {
257
272
  md: "24px",
258
273
  sm: "16px",
259
274
  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
275
+ }
262
276
  }
263
- }, ((_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.label_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Chip, {
277
+ }, ((_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
278
  disabled: true,
265
279
  color: "info",
266
- label: (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.label ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.label : 'Agregue etiqueta',
280
+ 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
281
  sx: {
268
282
  marginBottom: '16px',
269
283
  fontSize: '1em',
270
284
  borderRadius: '6px',
271
- backgroundColor: (_content$component$su8 = content.component.subcomponent[0]) === null || _content$component$su8 === void 0 ? void 0 : _content$component$su8.label_color
285
+ backgroundColor: (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.label_color
272
286
  }
273
287
  })), /*#__PURE__*/React__default.createElement(material.Typography, {
274
288
  dangerouslySetInnerHTML: {
275
- __html: (_content$component$su9 = content.component.subcomponent[0]) !== null && _content$component$su9 !== void 0 && _content$component$su9.title ? (_content$component$su10 = content.component.subcomponent[0]) === null || _content$component$su10 === void 0 ? void 0 : _content$component$su10.title : 'Agregue titulo'
289
+ __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
290
  },
277
291
  sx: {
278
292
  marginBottom: '16px',
@@ -288,7 +302,7 @@ function Layout1$1(content) {
288
302
  }
289
303
  }), /*#__PURE__*/React__default.createElement(material.Typography, {
290
304
  dangerouslySetInnerHTML: {
291
- __html: (_content$component$su11 = content.component.subcomponent[0]) !== null && _content$component$su11 !== void 0 && _content$component$su11.description ? (_content$component$su12 = content.component.subcomponent[0]) === null || _content$component$su12 === void 0 ? void 0 : _content$component$su12.description : 'Agregue descripción'
305
+ __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
306
  },
293
307
  sx: {
294
308
  marginBottom: '16px',
@@ -301,18 +315,18 @@ function Layout1$1(content) {
301
315
  xl: "1.125em"
302
316
  }
303
317
  }
304
- }), ((_content$component$su13 = content.component.subcomponent[0]) === null || _content$component$su13 === void 0 ? void 0 : _content$component$su13.button_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
318
+ }), ((_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
319
  variant: "contained",
306
320
  size: "medium",
307
321
  color: "primary",
308
- href: (_content$component$su14 = content.component.subcomponent[0]) === null || _content$component$su14 === void 0 ? void 0 : _content$component$su14.button_action,
309
- target: ((_content$component$su15 = content.component.subcomponent[0]) === null || _content$component$su15 === void 0 ? void 0 : _content$component$su15.link) == 4 ? '_blank' : '_self',
322
+ href: (_content$component$su11 = content.component.subcomponent[0]) === null || _content$component$su11 === void 0 ? void 0 : _content$component$su11.button_action,
323
+ target: ((_content$component$su12 = content.component.subcomponent[0]) === null || _content$component$su12 === void 0 ? void 0 : _content$component$su12.link) == 4 ? '_blank' : '_self',
310
324
  sx: {
311
325
  width: 'auto',
312
326
  padding: '14px 40px',
313
327
  borderRadius: '50px'
314
328
  }
315
- }, (_content$component$su16 = content.component.subcomponent[0]) !== null && _content$component$su16 !== void 0 && _content$component$su16.button_title ? (_content$component$su17 = content.component.subcomponent[0]) === null || _content$component$su17 === void 0 ? void 0 : _content$component$su17.button_title : 'Nombre botón')))));
329
+ }, (_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
330
  }
317
331
 
318
332
  var Banner = /*#__PURE__*/function (_AtomicElements) {
@@ -328,12 +342,10 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
328
342
  'label_color': 'Label color',
329
343
  'label_active': 'Label active',
330
344
  'title': 'Tittle',
331
- 'image': 'Image',
332
345
  'description': 'Description',
333
346
  'button_title': 'Button Title',
334
347
  'button_action': 'Button action',
335
348
  'button_active': 'Button active',
336
- 'text_color': 'Text color',
337
349
  'link': 'Link'
338
350
  }];
339
351
  return _this;
@@ -516,7 +528,7 @@ var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
516
528
  }(AtomicElements);
517
529
 
518
530
  function Layout1$3(content) {
519
- var _content$component$su, _content$component$su2, _content$component$su3;
531
+ var _content$component$su;
520
532
  var visible = true;
521
533
  return /*#__PURE__*/React__default.createElement(material.Slide, {
522
534
  direction: "left",
@@ -527,7 +539,7 @@ function Layout1$3(content) {
527
539
  }
528
540
  }, /*#__PURE__*/React__default.createElement(material.Typography, {
529
541
  dangerouslySetInnerHTML: {
530
- __html: (_content$component$su = content.component.subcomponent[0]) !== null && _content$component$su !== void 0 && _content$component$su.title ? (_content$component$su2 = content.component.subcomponent[0]) === null || _content$component$su2 === void 0 ? void 0 : _content$component$su2.title : 'Agregue titulo'
542
+ __html: content.component.title ? content.component.title : 'Agregue titulo'
531
543
  },
532
544
  sx: {
533
545
  whiteSpace: 'pre-wrap',
@@ -545,7 +557,7 @@ function Layout1$3(content) {
545
557
  spacing: 2,
546
558
  alignItems: "center",
547
559
  justifyContent: "center"
548
- }, (_content$component$su3 = content.component.subcomponent) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.map(function (img, index) {
560
+ }, (_content$component$su = content.component.subcomponent) === null || _content$component$su === void 0 ? void 0 : _content$component$su.map(function (img, index) {
549
561
  return /*#__PURE__*/React__default.createElement(material.Grid, {
550
562
  key: index,
551
563
  item: true,
@@ -568,11 +580,14 @@ function Layout1$3(content) {
568
580
  }
569
581
  }
570
582
  }, /*#__PURE__*/React__default.createElement(material.CardMedia, {
583
+ component: "img",
584
+ alt: img.description ? img.description : "",
585
+ image: img.image.url ? img.image.url : "none",
571
586
  sx: {
572
587
  width: "100%",
573
- height: "100%"
574
- },
575
- image: img.image.url ? img.image.url : 'none'
588
+ height: "100%",
589
+ transform: "translate(\n " + img.image_transform_x + "%\n ,\n " + img.image_transform_y + "%)" + ("scale(" + (img.image_scale ? img.image_scale : "1") + ")")
590
+ }
576
591
  })));
577
592
  }))));
578
593
  }
@@ -586,7 +601,12 @@ var Gallery = /*#__PURE__*/function (_AtomicElements) {
586
601
  _this.layoutFootprint = ['gallery_layout_1.png'];
587
602
  _this.layoutFootprintReq = [{
588
603
  'type': 1,
589
- 'image': 'req_hor'
604
+ 'image': 'req_hor',
605
+ 'title': 'Tittle',
606
+ "description": "Description",
607
+ 'image_scale': 'image scale',
608
+ 'image_transform_x': 'image transform x',
609
+ 'image_transform_y': 'image transform y'
590
610
  }];
591
611
  return _this;
592
612
  }
@@ -725,7 +745,7 @@ function Item$2(props) {
725
745
  if (!arrayFourElements) {
726
746
  return null;
727
747
  } else {
728
- return content.length > 4 ? /*#__PURE__*/React__default.createElement(Carousel, {
748
+ return content.length >= 1 ? /*#__PURE__*/React__default.createElement(Carousel, {
729
749
  autoPlay: false,
730
750
  indicators: false,
731
751
  navButtonsAlwaysVisible: true,
@@ -817,15 +837,17 @@ function Item$2(props) {
817
837
  borderRadius: 0,
818
838
  border: '1px solid #e5e5e5'
819
839
  }, _ref["borderRadius"] = '10px', _ref.backgroundColor = '#fff', _ref.marginTop = '20px', _ref)
820
- }, /*#__PURE__*/React__default.createElement(material.CardMedia, {
840
+ }, /*#__PURE__*/React__default.createElement(material.Card, null, /*#__PURE__*/React__default.createElement(material.CardMedia, {
821
841
  component: "img",
842
+ alt: item.title ? item.title : '',
822
843
  height: "305px",
823
844
  width: "305px",
824
- image: item.image.url ? item.image.url : 'https://via.placeholder.com/300x300.png?text=No+Image',
845
+ image: item.image.url ? item.image.url : 'none',
825
846
  sx: {
826
- aspectRatio: '1/1'
847
+ aspectRatio: '1/1',
848
+ transform: "translate(\n " + item.image_transform_x + "%\n ,\n " + item.image_transform_y + "%)" + ("scale(" + (item.image_scale ? item.image_scale : "1") + ")")
827
849
  }
828
- }), /*#__PURE__*/React__default.createElement(material.CardContent, {
850
+ })), /*#__PURE__*/React__default.createElement(material.CardContent, {
829
851
  sx: {
830
852
  padding: '8px 16px',
831
853
  textAlign: side,
@@ -941,7 +963,8 @@ function Item$2(props) {
941
963
  width: "300px",
942
964
  image: item.image.url ? item.image.url : 'https://via.placeholder.com/300x300.png?text=No+Image',
943
965
  sx: {
944
- aspectRatio: '1/1'
966
+ aspectRatio: '1/1',
967
+ transform: "translate(\n " + item.image_transform_x + "%\n ,\n " + item.image_transform_y + "%)" + ("scale(" + (item.image_scale ? item.image_scale : "1") + ")")
945
968
  }
946
969
  }), /*#__PURE__*/React__default.createElement(material.CardContent, {
947
970
  sx: {
@@ -1017,6 +1040,9 @@ var List = /*#__PURE__*/function (_AtomicElements) {
1017
1040
  'button_active': 'Button active',
1018
1041
  'button_title': 'Button Title',
1019
1042
  'button_action': 'Button Action',
1043
+ 'image_scale': 'image scale',
1044
+ 'image_transform_x': 'image transform x',
1045
+ 'image_transform_y': 'image transform y',
1020
1046
  'image': 'sqr',
1021
1047
  'link': 'Link'
1022
1048
  }];