keski_lib_catalog 1.3.4 → 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.
Files changed (5) hide show
  1. package/dist/index.js +48 -26
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +48 -26
  4. package/dist/index.modern.js.map +1 -1
  5. 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.url : "none",
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: {
@@ -169,7 +170,17 @@ function Item(props) {
169
170
  xs: '1.125em'
170
171
  }
171
172
  }
172
- }))));
173
+ }), content.label_active && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Chip, {
174
+ disabled: true,
175
+ color: "info",
176
+ label: content.label ? content.label : 'Agregue etiqueta',
177
+ sx: {
178
+ marginBottom: '16px',
179
+ fontSize: '1em',
180
+ borderRadius: '6px',
181
+ backgroundColor: content.label_color
182
+ }
183
+ })))));
173
184
  }
174
185
 
175
186
  var Quotes = /*#__PURE__*/function (_AtomicElements) {
@@ -183,7 +194,13 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
183
194
  'type': 1,
184
195
  'title': 'Tittle',
185
196
  'description': 'Description',
186
- 'image': 'sqr'
197
+ 'label': 'Label',
198
+ 'label_color': 'Label color',
199
+ 'label_active': 'Label active',
200
+ 'image': 'sqr',
201
+ 'image_scale': 'image scale',
202
+ 'image_transform_x': 'image transform x',
203
+ 'image_transform_y': 'image transform y'
187
204
  }];
188
205
  return _this;
189
206
  }
@@ -191,7 +208,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
191
208
  }(AtomicElements);
192
209
 
193
210
  function Layout1$1(content) {
194
- 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;
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;
195
212
  var visible = true;
196
213
  return /*#__PURE__*/React.createElement(Slide, {
197
214
  direction: "left",
@@ -206,7 +223,6 @@ function Layout1$1(content) {
206
223
  sm: "80vh",
207
224
  md: "80vh"
208
225
  },
209
- 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') + ")",
210
226
  backgroundSize: 'cover',
211
227
  backgroundPosition: 'center',
212
228
  display: 'flex'
@@ -225,7 +241,7 @@ function Layout1$1(content) {
225
241
  lg: '80vh'
226
242
  },
227
243
  justifyContent: 'center',
228
- paddingLeft: (_content$component$su3 = content.component.subcomponent[0]) !== null && _content$component$su3 !== void 0 && _content$component$su3.image ? {
244
+ paddingLeft: (_content$component$su = content.component.subcomponent[0]) !== null && _content$component$su !== void 0 && _content$component$su.image ? {
229
245
  lg: "24px",
230
246
  md: "24px",
231
247
  sm: "16px",
@@ -241,22 +257,21 @@ function Layout1$1(content) {
241
257
  md: "24px",
242
258
  sm: "16px",
243
259
  xs: "16px"
244
- },
245
- color: (_content$component$su4 = content.component.subcomponent[0]) === null || _content$component$su4 === void 0 ? void 0 : _content$component$su4.text_color
260
+ }
246
261
  }
247
- }, ((_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.label_active) && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Chip, {
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, {
248
263
  disabled: true,
249
264
  color: "info",
250
- 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',
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',
251
266
  sx: {
252
267
  marginBottom: '16px',
253
268
  fontSize: '1em',
254
269
  borderRadius: '6px',
255
- backgroundColor: (_content$component$su8 = content.component.subcomponent[0]) === null || _content$component$su8 === void 0 ? void 0 : _content$component$su8.label_color
270
+ backgroundColor: (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.label_color
256
271
  }
257
272
  })), /*#__PURE__*/React.createElement(Typography, {
258
273
  dangerouslySetInnerHTML: {
259
- __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'
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'
260
275
  },
261
276
  sx: {
262
277
  marginBottom: '16px',
@@ -272,7 +287,7 @@ function Layout1$1(content) {
272
287
  }
273
288
  }), /*#__PURE__*/React.createElement(Typography, {
274
289
  dangerouslySetInnerHTML: {
275
- __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'
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'
276
291
  },
277
292
  sx: {
278
293
  marginBottom: '16px',
@@ -285,18 +300,18 @@ function Layout1$1(content) {
285
300
  xl: "1.125em"
286
301
  }
287
302
  }
288
- }), ((_content$component$su13 = content.component.subcomponent[0]) === null || _content$component$su13 === void 0 ? void 0 : _content$component$su13.button_active) && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
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, {
289
304
  variant: "contained",
290
305
  size: "medium",
291
306
  color: "primary",
292
- href: (_content$component$su14 = content.component.subcomponent[0]) === null || _content$component$su14 === void 0 ? void 0 : _content$component$su14.button_action,
293
- target: ((_content$component$su15 = content.component.subcomponent[0]) === null || _content$component$su15 === void 0 ? void 0 : _content$component$su15.link) == 4 ? '_blank' : '_self',
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',
294
309
  sx: {
295
310
  width: 'auto',
296
311
  padding: '14px 40px',
297
312
  borderRadius: '50px'
298
313
  }
299
- }, (_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')))));
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')))));
300
315
  }
301
316
 
302
317
  var Banner = /*#__PURE__*/function (_AtomicElements) {
@@ -312,12 +327,10 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
312
327
  'label_color': 'Label color',
313
328
  'label_active': 'Label active',
314
329
  'title': 'Tittle',
315
- 'image': 'Image',
316
330
  'description': 'Description',
317
331
  'button_title': 'Button Title',
318
332
  'button_action': 'Button action',
319
333
  'button_active': 'Button active',
320
- 'text_color': 'Text color',
321
334
  'link': 'Link'
322
335
  }];
323
336
  return _this;
@@ -554,7 +567,8 @@ function Layout1$3(content) {
554
567
  }, /*#__PURE__*/React.createElement(CardMedia, {
555
568
  sx: {
556
569
  width: "100%",
557
- 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") + ")")
558
572
  },
559
573
  image: img.image.url ? img.image.url : 'none'
560
574
  })));
@@ -570,7 +584,10 @@ var Gallery = /*#__PURE__*/function (_AtomicElements) {
570
584
  _this.layoutFootprint = ['gallery_layout_1.png'];
571
585
  _this.layoutFootprintReq = [{
572
586
  'type': 1,
573
- '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'
574
591
  }];
575
592
  return _this;
576
593
  }
@@ -709,7 +726,7 @@ function Item$2(props) {
709
726
  if (!arrayFourElements) {
710
727
  return null;
711
728
  } else {
712
- return content.length > 4 ? /*#__PURE__*/React.createElement(Carousel, {
729
+ return content.length >= 1 ? /*#__PURE__*/React.createElement(Carousel, {
713
730
  autoPlay: false,
714
731
  indicators: false,
715
732
  navButtonsAlwaysVisible: true,
@@ -805,9 +822,10 @@ function Item$2(props) {
805
822
  component: "img",
806
823
  height: "305px",
807
824
  width: "305px",
808
- image: item.image.url ? item.image.url : 'https://via.placeholder.com/300x300.png?text=No+Image',
825
+ image: item.image.url ? item.image.url : 'none',
809
826
  sx: {
810
- 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") + ")")
811
829
  }
812
830
  }), /*#__PURE__*/React.createElement(CardContent, {
813
831
  sx: {
@@ -925,7 +943,8 @@ function Item$2(props) {
925
943
  width: "300px",
926
944
  image: item.image.url ? item.image.url : 'https://via.placeholder.com/300x300.png?text=No+Image',
927
945
  sx: {
928
- 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") + ")")
929
948
  }
930
949
  }), /*#__PURE__*/React.createElement(CardContent, {
931
950
  sx: {
@@ -1001,6 +1020,9 @@ var List = /*#__PURE__*/function (_AtomicElements) {
1001
1020
  'button_active': 'Button active',
1002
1021
  'button_title': 'Button Title',
1003
1022
  'button_action': 'Button Action',
1023
+ 'image_scale': 'image scale',
1024
+ 'image_transform_x': 'image transform x',
1025
+ 'image_transform_y': 'image transform y',
1004
1026
  'image': 'sqr',
1005
1027
  'link': 'Link'
1006
1028
  }];