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.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.url : "none",
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: {
@@ -172,7 +173,17 @@ function Item(props) {
172
173
  xs: '1.125em'
173
174
  }
174
175
  }
175
- }))));
176
+ }), content.label_active && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Chip, {
177
+ disabled: true,
178
+ color: "info",
179
+ label: content.label ? content.label : 'Agregue etiqueta',
180
+ sx: {
181
+ marginBottom: '16px',
182
+ fontSize: '1em',
183
+ borderRadius: '6px',
184
+ backgroundColor: content.label_color
185
+ }
186
+ })))));
176
187
  }
177
188
 
178
189
  var Quotes = /*#__PURE__*/function (_AtomicElements) {
@@ -186,7 +197,13 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
186
197
  'type': 1,
187
198
  'title': 'Tittle',
188
199
  'description': 'Description',
189
- 'image': 'sqr'
200
+ 'label': 'Label',
201
+ 'label_color': 'Label color',
202
+ 'label_active': 'Label active',
203
+ 'image': 'sqr',
204
+ 'image_scale': 'image scale',
205
+ 'image_transform_x': 'image transform x',
206
+ 'image_transform_y': 'image transform y'
190
207
  }];
191
208
  return _this;
192
209
  }
@@ -194,7 +211,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
194
211
  }(AtomicElements);
195
212
 
196
213
  function Layout1$1(content) {
197
- 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;
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;
198
215
  var visible = true;
199
216
  return /*#__PURE__*/React__default.createElement(material.Slide, {
200
217
  direction: "left",
@@ -209,7 +226,6 @@ function Layout1$1(content) {
209
226
  sm: "80vh",
210
227
  md: "80vh"
211
228
  },
212
- 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') + ")",
213
229
  backgroundSize: 'cover',
214
230
  backgroundPosition: 'center',
215
231
  display: 'flex'
@@ -228,7 +244,7 @@ function Layout1$1(content) {
228
244
  lg: '80vh'
229
245
  },
230
246
  justifyContent: 'center',
231
- paddingLeft: (_content$component$su3 = content.component.subcomponent[0]) !== null && _content$component$su3 !== void 0 && _content$component$su3.image ? {
247
+ paddingLeft: (_content$component$su = content.component.subcomponent[0]) !== null && _content$component$su !== void 0 && _content$component$su.image ? {
232
248
  lg: "24px",
233
249
  md: "24px",
234
250
  sm: "16px",
@@ -244,22 +260,21 @@ function Layout1$1(content) {
244
260
  md: "24px",
245
261
  sm: "16px",
246
262
  xs: "16px"
247
- },
248
- color: (_content$component$su4 = content.component.subcomponent[0]) === null || _content$component$su4 === void 0 ? void 0 : _content$component$su4.text_color
263
+ }
249
264
  }
250
- }, ((_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, {
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, {
251
266
  disabled: true,
252
267
  color: "info",
253
- 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',
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',
254
269
  sx: {
255
270
  marginBottom: '16px',
256
271
  fontSize: '1em',
257
272
  borderRadius: '6px',
258
- backgroundColor: (_content$component$su8 = content.component.subcomponent[0]) === null || _content$component$su8 === void 0 ? void 0 : _content$component$su8.label_color
273
+ backgroundColor: (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.label_color
259
274
  }
260
275
  })), /*#__PURE__*/React__default.createElement(material.Typography, {
261
276
  dangerouslySetInnerHTML: {
262
- __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'
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'
263
278
  },
264
279
  sx: {
265
280
  marginBottom: '16px',
@@ -275,7 +290,7 @@ function Layout1$1(content) {
275
290
  }
276
291
  }), /*#__PURE__*/React__default.createElement(material.Typography, {
277
292
  dangerouslySetInnerHTML: {
278
- __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'
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'
279
294
  },
280
295
  sx: {
281
296
  marginBottom: '16px',
@@ -288,18 +303,18 @@ function Layout1$1(content) {
288
303
  xl: "1.125em"
289
304
  }
290
305
  }
291
- }), ((_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, {
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, {
292
307
  variant: "contained",
293
308
  size: "medium",
294
309
  color: "primary",
295
- href: (_content$component$su14 = content.component.subcomponent[0]) === null || _content$component$su14 === void 0 ? void 0 : _content$component$su14.button_action,
296
- target: ((_content$component$su15 = content.component.subcomponent[0]) === null || _content$component$su15 === void 0 ? void 0 : _content$component$su15.link) == 4 ? '_blank' : '_self',
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',
297
312
  sx: {
298
313
  width: 'auto',
299
314
  padding: '14px 40px',
300
315
  borderRadius: '50px'
301
316
  }
302
- }, (_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')))));
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')))));
303
318
  }
304
319
 
305
320
  var Banner = /*#__PURE__*/function (_AtomicElements) {
@@ -315,12 +330,10 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
315
330
  'label_color': 'Label color',
316
331
  'label_active': 'Label active',
317
332
  'title': 'Tittle',
318
- 'image': 'Image',
319
333
  'description': 'Description',
320
334
  'button_title': 'Button Title',
321
335
  'button_action': 'Button action',
322
336
  'button_active': 'Button active',
323
- 'text_color': 'Text color',
324
337
  'link': 'Link'
325
338
  }];
326
339
  return _this;
@@ -557,7 +570,8 @@ function Layout1$3(content) {
557
570
  }, /*#__PURE__*/React__default.createElement(material.CardMedia, {
558
571
  sx: {
559
572
  width: "100%",
560
- 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") + ")")
561
575
  },
562
576
  image: img.image.url ? img.image.url : 'none'
563
577
  })));
@@ -573,7 +587,10 @@ var Gallery = /*#__PURE__*/function (_AtomicElements) {
573
587
  _this.layoutFootprint = ['gallery_layout_1.png'];
574
588
  _this.layoutFootprintReq = [{
575
589
  'type': 1,
576
- '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'
577
594
  }];
578
595
  return _this;
579
596
  }
@@ -712,7 +729,7 @@ function Item$2(props) {
712
729
  if (!arrayFourElements) {
713
730
  return null;
714
731
  } else {
715
- return content.length > 4 ? /*#__PURE__*/React__default.createElement(Carousel, {
732
+ return content.length >= 1 ? /*#__PURE__*/React__default.createElement(Carousel, {
716
733
  autoPlay: false,
717
734
  indicators: false,
718
735
  navButtonsAlwaysVisible: true,
@@ -808,9 +825,10 @@ function Item$2(props) {
808
825
  component: "img",
809
826
  height: "305px",
810
827
  width: "305px",
811
- image: item.image.url ? item.image.url : 'https://via.placeholder.com/300x300.png?text=No+Image',
828
+ image: item.image.url ? item.image.url : 'none',
812
829
  sx: {
813
- 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") + ")")
814
832
  }
815
833
  }), /*#__PURE__*/React__default.createElement(material.CardContent, {
816
834
  sx: {
@@ -928,7 +946,8 @@ function Item$2(props) {
928
946
  width: "300px",
929
947
  image: item.image.url ? item.image.url : 'https://via.placeholder.com/300x300.png?text=No+Image',
930
948
  sx: {
931
- 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") + ")")
932
951
  }
933
952
  }), /*#__PURE__*/React__default.createElement(material.CardContent, {
934
953
  sx: {
@@ -1004,6 +1023,9 @@ var List = /*#__PURE__*/function (_AtomicElements) {
1004
1023
  'button_active': 'Button active',
1005
1024
  'button_title': 'Button Title',
1006
1025
  'button_action': 'Button Action',
1026
+ 'image_scale': 'image scale',
1027
+ 'image_transform_x': 'image transform x',
1028
+ 'image_transform_y': 'image transform y',
1007
1029
  'image': 'sqr',
1008
1030
  'link': 'Link'
1009
1031
  }];