keski_lib_catalog 1.0.26 → 1.0.28
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 +46 -43
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +20 -16
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
2
2
|
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var React__default = _interopDefault(React);
|
|
3
|
+
var React = _interopDefault(require('react'));
|
|
5
4
|
var material = require('@mui/material');
|
|
6
5
|
var Grow = _interopDefault(require('@mui/material/Grow'));
|
|
7
6
|
|
|
@@ -60,10 +59,10 @@ var AtomicElements = /*#__PURE__*/function () {
|
|
|
60
59
|
function Layout1(content) {
|
|
61
60
|
var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7;
|
|
62
61
|
var visible = true;
|
|
63
|
-
return /*#__PURE__*/
|
|
62
|
+
return /*#__PURE__*/React.createElement(material.Slide, {
|
|
64
63
|
direction: "left",
|
|
65
64
|
"in": visible
|
|
66
|
-
}, /*#__PURE__*/
|
|
65
|
+
}, /*#__PURE__*/React.createElement(material.Box, {
|
|
67
66
|
sx: {
|
|
68
67
|
display: 'flex',
|
|
69
68
|
flexDirection: 'column',
|
|
@@ -74,21 +73,20 @@ function Layout1(content) {
|
|
|
74
73
|
color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color,
|
|
75
74
|
alignItems: 'flex-end'
|
|
76
75
|
}
|
|
77
|
-
}, /*#__PURE__*/
|
|
76
|
+
}, /*#__PURE__*/React.createElement(material.Box, {
|
|
78
77
|
component: "img",
|
|
79
78
|
src: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.image ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.image.url : "https://cdn-icons-png.flaticon.com/512/6596/6596121.png",
|
|
80
79
|
sx: {
|
|
81
|
-
width: '
|
|
82
|
-
height: '
|
|
80
|
+
width: '120px',
|
|
81
|
+
height: '120px',
|
|
83
82
|
marginBottom: '16px'
|
|
84
83
|
}
|
|
85
|
-
}), /*#__PURE__*/
|
|
84
|
+
}), /*#__PURE__*/React.createElement(material.Typography, {
|
|
86
85
|
className: "xmiddle",
|
|
87
86
|
sx: {
|
|
88
|
-
marginBottom: '16px'
|
|
89
|
-
textAlign: 'justify'
|
|
87
|
+
marginBottom: '16px'
|
|
90
88
|
}
|
|
91
|
-
}, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción'), /*#__PURE__*/
|
|
89
|
+
}, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción'), /*#__PURE__*/React.createElement(material.Typography, {
|
|
92
90
|
className: "small",
|
|
93
91
|
sx: {
|
|
94
92
|
marginBottom: '16px',
|
|
@@ -105,9 +103,10 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
|
|
|
105
103
|
_this.layout = [Layout1];
|
|
106
104
|
_this.layoutFootprint = ['quotes_layout_1.png'];
|
|
107
105
|
_this.layoutFootprintReq = [{
|
|
108
|
-
'type':
|
|
106
|
+
'type': 1,
|
|
109
107
|
'subtitle': 'Subtitle',
|
|
110
|
-
'description': 'Description'
|
|
108
|
+
'description': 'Description',
|
|
109
|
+
'image': 'Image'
|
|
111
110
|
}];
|
|
112
111
|
return _this;
|
|
113
112
|
}
|
|
@@ -115,12 +114,12 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
|
|
|
115
114
|
}(AtomicElements);
|
|
116
115
|
|
|
117
116
|
function Layout1$1(content) {
|
|
118
|
-
var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7;
|
|
117
|
+
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;
|
|
119
118
|
var visible = true;
|
|
120
|
-
return /*#__PURE__*/
|
|
119
|
+
return /*#__PURE__*/React.createElement(material.Slide, {
|
|
121
120
|
direction: "left",
|
|
122
121
|
"in": visible
|
|
123
|
-
}, /*#__PURE__*/
|
|
122
|
+
}, /*#__PURE__*/React.createElement(material.Box, {
|
|
124
123
|
sx: {
|
|
125
124
|
display: 'flex',
|
|
126
125
|
flexDirection: 'column',
|
|
@@ -135,24 +134,24 @@ function Layout1$1(content) {
|
|
|
135
134
|
justifyContent: 'center',
|
|
136
135
|
color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
|
|
137
136
|
}
|
|
138
|
-
}, /*#__PURE__*/
|
|
137
|
+
}, /*#__PURE__*/React.createElement(material.Typography, {
|
|
139
138
|
className: "title-xxlarge",
|
|
140
139
|
sx: {
|
|
141
140
|
marginBottom: '16px'
|
|
142
141
|
}
|
|
143
|
-
}, (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.title ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.title : 'Agregue título'), /*#__PURE__*/
|
|
142
|
+
}, (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.title ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.title : 'Agregue título'), /*#__PURE__*/React.createElement(material.Typography, {
|
|
144
143
|
className: "xmiddle",
|
|
145
144
|
sx: {
|
|
146
|
-
marginBottom: '16px'
|
|
147
|
-
textAlign: 'justify'
|
|
145
|
+
marginBottom: '16px'
|
|
148
146
|
}
|
|
149
|
-
}, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción'), /*#__PURE__*/
|
|
147
|
+
}, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción'), /*#__PURE__*/React.createElement(material.Box, null, /*#__PURE__*/React.createElement(material.Button, {
|
|
150
148
|
variant: "contained",
|
|
149
|
+
href: (_content$component$su6 = content.component.subcomponent[0]) === null || _content$component$su6 === void 0 ? void 0 : _content$component$su6.button_action,
|
|
151
150
|
sx: {
|
|
152
151
|
width: 'auto',
|
|
153
152
|
marginBottom: '16px'
|
|
154
153
|
}
|
|
155
|
-
}, (_content$component$
|
|
154
|
+
}, (_content$component$su7 = content.component.subcomponent[0]) !== null && _content$component$su7 !== void 0 && _content$component$su7.button_title ? (_content$component$su8 = content.component.subcomponent[0]) === null || _content$component$su8 === void 0 ? void 0 : _content$component$su8.button_title : 'Nombre botón'))));
|
|
156
155
|
}
|
|
157
156
|
|
|
158
157
|
var Banner = /*#__PURE__*/function (_AtomicElements) {
|
|
@@ -168,7 +167,6 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
|
|
|
168
167
|
'description': 'Description',
|
|
169
168
|
'button_title': 'Button Title',
|
|
170
169
|
'button_action': 'Button action',
|
|
171
|
-
'image': 'Image',
|
|
172
170
|
'text_color': 'Text color'
|
|
173
171
|
}];
|
|
174
172
|
return _this;
|
|
@@ -181,7 +179,7 @@ function CanvasContainer(props) {
|
|
|
181
179
|
var json = props.json,
|
|
182
180
|
children = props.children;
|
|
183
181
|
var rgbColor = hexToRgb(json.component.bg_image_overlay_color);
|
|
184
|
-
return /*#__PURE__*/
|
|
182
|
+
return /*#__PURE__*/React.createElement(material.Box, {
|
|
185
183
|
sx: {
|
|
186
184
|
display: 'flex',
|
|
187
185
|
alignItems: 'center',
|
|
@@ -191,18 +189,22 @@ function CanvasContainer(props) {
|
|
|
191
189
|
backgroundSize: 'cover',
|
|
192
190
|
backgroundRepeat: 'no-repeat'
|
|
193
191
|
}
|
|
194
|
-
}, /*#__PURE__*/
|
|
192
|
+
}, /*#__PURE__*/React.createElement(material.Box, {
|
|
195
193
|
sx: {
|
|
196
194
|
bgcolor: "" + (json.component.bg_image_overlay && json.component.bg_type === 3 ? "rgba(" + rgbColor.r + ", " + rgbColor.g + ", " + rgbColor.b + ", " + json.component.bg_image_overlay_alpha_css + ")" : undefined),
|
|
197
195
|
padding: '64px 16px',
|
|
198
196
|
width: '100%'
|
|
199
197
|
}
|
|
200
|
-
}, /*#__PURE__*/
|
|
198
|
+
}, /*#__PURE__*/React.createElement(material.Container, {
|
|
201
199
|
maxWidth: "xl",
|
|
202
200
|
sx: {
|
|
203
|
-
padding: '0px'
|
|
201
|
+
padding: '0px',
|
|
202
|
+
'&.MuiContainer-root': {
|
|
203
|
+
paddingLeft: '0px',
|
|
204
|
+
paddingRight: '0px'
|
|
205
|
+
}
|
|
204
206
|
}
|
|
205
|
-
}, /*#__PURE__*/
|
|
207
|
+
}, /*#__PURE__*/React.createElement(material.Box, {
|
|
206
208
|
sx: {
|
|
207
209
|
minWidth: {
|
|
208
210
|
xs: '100%',
|
|
@@ -239,23 +241,23 @@ function hexToRgb(hex) {
|
|
|
239
241
|
var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
|
|
240
242
|
|
|
241
243
|
function Layout1$2(content) {
|
|
242
|
-
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;
|
|
244
|
+
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;
|
|
243
245
|
var visible = true;
|
|
244
|
-
return /*#__PURE__*/
|
|
246
|
+
return /*#__PURE__*/React.createElement(material.Box, {
|
|
245
247
|
sx: {
|
|
246
248
|
display: 'flex',
|
|
247
249
|
flexDirection: {
|
|
248
250
|
xs: 'column',
|
|
249
|
-
md: 'row'
|
|
251
|
+
md: content.component.justify_content != 'right' ? 'row' : 'row-reverse'
|
|
250
252
|
},
|
|
251
253
|
gap: '16px',
|
|
252
254
|
alignItems: 'center'
|
|
253
255
|
},
|
|
254
256
|
color: (_content$component$su = content.component.subcomponent[0]) === null || _content$component$su === void 0 ? void 0 : _content$component$su.text_color
|
|
255
|
-
}, /*#__PURE__*/
|
|
257
|
+
}, /*#__PURE__*/React.createElement(material.Box, null, /*#__PURE__*/React.createElement(material.Slide, {
|
|
256
258
|
direction: "right",
|
|
257
259
|
"in": visible
|
|
258
|
-
}, /*#__PURE__*/
|
|
260
|
+
}, /*#__PURE__*/React.createElement(material.Box, {
|
|
259
261
|
sx: {
|
|
260
262
|
width: {
|
|
261
263
|
xs: '100%',
|
|
@@ -268,36 +270,37 @@ function Layout1$2(content) {
|
|
|
268
270
|
},
|
|
269
271
|
maxWidth: '100vw'
|
|
270
272
|
}
|
|
271
|
-
}, /*#__PURE__*/
|
|
273
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
272
274
|
width: "100%",
|
|
273
275
|
height: "100%",
|
|
274
276
|
src: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.image ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.image.url : 'https://wozapps-develop.s3.us-east-2.amazonaws.com/gerry/resources/landing/bbb84144-02cd-4cf8-a1be-21ba47e7c4fa.jpeg'
|
|
275
|
-
})))), /*#__PURE__*/
|
|
277
|
+
})))), /*#__PURE__*/React.createElement(material.Box, null, /*#__PURE__*/React.createElement(Grow, _extends({
|
|
276
278
|
"in": visible,
|
|
277
279
|
style: {
|
|
278
280
|
transformOrigin: '0 0 0'
|
|
279
281
|
}
|
|
280
282
|
}, {
|
|
281
283
|
timeout: 1000
|
|
282
|
-
} ), /*#__PURE__*/
|
|
284
|
+
} ), /*#__PURE__*/React.createElement(material.Box, null, /*#__PURE__*/React.createElement(material.Box, {
|
|
283
285
|
sx: {
|
|
284
286
|
marginBottom: '16px'
|
|
285
287
|
}
|
|
286
|
-
}, /*#__PURE__*/
|
|
288
|
+
}, /*#__PURE__*/React.createElement(material.Typography, {
|
|
287
289
|
className: "title-xlarge"
|
|
288
|
-
}, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.title ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.title : 'Agregue título')), /*#__PURE__*/
|
|
290
|
+
}, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.title ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.title : 'Agregue título')), /*#__PURE__*/React.createElement(material.Box, {
|
|
289
291
|
sx: {
|
|
290
292
|
marginBottom: '16px',
|
|
291
|
-
|
|
293
|
+
color: '#767676'
|
|
292
294
|
}
|
|
293
|
-
}, /*#__PURE__*/
|
|
295
|
+
}, /*#__PURE__*/React.createElement(material.Typography, {
|
|
294
296
|
className: "middle"
|
|
295
|
-
}, (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.description ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.description : 'Agregue descripción')), /*#__PURE__*/
|
|
297
|
+
}, (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.description ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.description : 'Agregue descripción')), /*#__PURE__*/React.createElement(material.Box, null, /*#__PURE__*/React.createElement(material.Button, {
|
|
296
298
|
variant: "contained",
|
|
299
|
+
href: (_content$component$su8 = content.component.subcomponent[0]) === null || _content$component$su8 === void 0 ? void 0 : _content$component$su8.button_action,
|
|
297
300
|
sx: {
|
|
298
301
|
width: 'auto'
|
|
299
302
|
}
|
|
300
|
-
}, (_content$component$
|
|
303
|
+
}, (_content$component$su9 = content.component.subcomponent[0]) !== null && _content$component$su9 !== void 0 && _content$component$su9.button_title ? (_content$component$su10 = content.component.subcomponent[0]) === null || _content$component$su10 === void 0 ? void 0 : _content$component$su10.button_title : 'Nombre botón'))))));
|
|
301
304
|
}
|
|
302
305
|
|
|
303
306
|
var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
|
|
@@ -334,7 +337,7 @@ var Section = /*#__PURE__*/function () {
|
|
|
334
337
|
var _proto = Section.prototype;
|
|
335
338
|
_proto.component = function component(json) {
|
|
336
339
|
console.log('json', json);
|
|
337
|
-
return /*#__PURE__*/
|
|
340
|
+
return /*#__PURE__*/React.createElement(CanvasContainer, {
|
|
338
341
|
json: json
|
|
339
342
|
}, this.child.build(json, json.component.layout));
|
|
340
343
|
};
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n this.layoutFootprintReq = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n let req = this.layoutFootprintReq[layout]\r\n console.log('img atomic', img)\r\n return(\r\n {req, img}\r\n )\r\n }\r\n\r\n}\r\n","import React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '70%' },\r\n color: content.component.subcomponent[0]?.text_color,\r\n alignItems: 'flex-end'\r\n }}\r\n >\r\n <Box\r\n component=\"img\"\r\n src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : \"https://cdn-icons-png.flaticon.com/512/6596/6596121.png\"}\r\n sx={{ width: '50px', height: '50px', marginBottom: '16px' }}\r\n />\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px', textAlign: 'right' }}>\r\n {content.component.subcomponent[0]?.subtitle ?\r\n content.component.subcomponent[0]?.subtitle\r\n : 'Agregue subtítulo'}\r\n </Typography>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['quotes_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'subtitle':'Subtitle',\r\n 'description':'Description',\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '50%' },\r\n height: { xs: '100%', lg: '60vh' },\r\n justifyContent: 'center',\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xxlarge\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.title ?\r\n content.component.subcomponent[0]?.title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Box>\r\n <Button variant='contained' sx={{ width: 'auto', marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.button_title ?\r\n content.component.subcomponent[0]?.button_title\r\n : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'description':'Description',\r\n 'button_title': 'Button Title',\r\n 'button_action': 'Button action',\r\n 'image':'Image',\r\n 'text_color': 'Text color',\r\n // 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n const { json, children } = props\r\n const rgbColor = hexToRgb(json.component.bg_image_overlay_color);\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(to ${json.component.bg_gradiant_orientation}, ${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image?.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Box\r\n sx={{\r\n bgcolor: `${json.component.bg_image_overlay && json.component.bg_type===3 ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '64px 16px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container maxWidth='xl' sx={{ padding: '0px'}}>\r\n <Box\r\n sx={{\r\n minWidth: { xs: '100%', md: '45%' },\r\n display: 'flex',\r\n justifyContent: {\r\n xs: 'center',\r\n md: json.component.justify_content ? json.component.justify_content : 'center'\r\n }\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n </Container>\r\n </Box>\r\n </Box>\r\n );\r\n}\r\n\r\n\r\nfunction hexToRgb(hex) {\r\n if (hex) {\r\n const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;\r\n\r\n const r = parseInt(cleanHex.substring(0, 2), 16);\r\n const g = parseInt(cleanHex.substring(2, 4), 16);\r\n const b = parseInt(cleanHex.substring(4, 6), 16);\r\n return { r, g, b };\r\n } else {\r\n return { r:0, g:0, b:0 }\r\n }\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button, Typography } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n const visible = true\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: { xs: 'column', md: 'row' },\r\n gap: '16px',\r\n alignItems: 'center'\r\n }}\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Box>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ width: { xs: '100%', md: '550px', lg: '640px' }, height: { md: '353px', lg: '426px' }, maxWidth: '100vw' }}>\r\n <img width=\"100%\" height=\"100%\" src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : 'https://wozapps-develop.s3.us-east-2.amazonaws.com/gerry/resources/landing/bbb84144-02cd-4cf8-a1be-21ba47e7c4fa.jpeg'}></img>\r\n </Box>\r\n </Slide>\r\n </Box>\r\n <Box>\r\n <Grow\r\n in={visible}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(visible ? { timeout: 1000 } : {})}\r\n >\r\n <Box>\r\n <Box sx={{ marginBottom: '16px' }}>\r\n <Typography className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0]?.title : 'Agregue título'}</Typography>\r\n </Box>\r\n <Box sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n <Typography className=\"middle\">\r\n {content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: 'auto' }}>\r\n {content.component.subcomponent[0]?.button_title ? content.component.subcomponent[0]?.button_title : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Grow>\r\n </Box>\r\n </Box>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1, Layout1]\r\n layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n constructor(AtomicElement, theme) {\r\n this.child = AtomicElement\r\n }\r\n\r\n component(json) {\r\n console.log('json', json)\r\n return (\r\n <CanvasContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </CanvasContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout) {\r\n let footPrint = this.child.footprint(layout)\r\n console.log('section', footPrint)\r\n return (\r\n { req: footPrint.req, img: `${JK_RESOURCES}${footPrint.img}` }\r\n )\r\n }\r\n\r\n layoutLength() {\r\n return (\r\n this.child.layoutsLength()\r\n )\r\n }\r\n\r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections {\r\n constructor() {\r\n this.banner = new Section(new Banner())\r\n this.quotes = new Section(new Quotes())\r\n this.textPlusImg = new Section(new TextPlusImg())\r\n this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n }\r\n\r\n getSectionList() {\r\n return (\r\n {\r\n '0': 'Banner',\r\n '1': 'Texto + Imágenes',\r\n '2': 'Citas/Testimonios',\r\n }\r\n )\r\n }\r\n getLayoutsFromSection(index) {\r\n let section = this.sections[index]\r\n return (section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","_content$component$su","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","alignItems","src","image","url","height","marginBottom","Typography","className","textAlign","description","subtitle","Quotes","_AtomicElements","_inheritsLoose","_this","call","lg","justifyContent","title","Button","variant","button_title","Banner","CanvasContainer","props","_json$component$bg_im","json","children","rgbColor","hexToRgb","bg_image_overlay_color","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","minWidth","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su8","_content$component$su9","gap","Grow","_extends","style","transformOrigin","timeout","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n this.layoutFootprintReq = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n let req = this.layoutFootprintReq[layout]\r\n console.log('img atomic', img)\r\n return(\r\n {req, img}\r\n )\r\n }\r\n\r\n}\r\n","import React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '70%' },\r\n color: content.component.subcomponent[0]?.text_color,\r\n alignItems: 'flex-end'\r\n }}\r\n >\r\n <Box\r\n component=\"img\"\r\n src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : \"https://cdn-icons-png.flaticon.com/512/6596/6596121.png\"}\r\n sx={{ width: '120px', height: '120px', marginBottom: '16px' }}\r\n />\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px', textAlign: 'right' }}>\r\n {content.component.subcomponent[0]?.subtitle ?\r\n content.component.subcomponent[0]?.subtitle\r\n : 'Agregue subtítulo'}\r\n </Typography>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['quotes_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 1,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'subtitle':'Subtitle',\r\n 'description':'Description',\r\n 'image': 'Image'\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '50%' },\r\n height: { xs: '100%', lg: '60vh' },\r\n justifyContent: 'center',\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xxlarge\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.title ?\r\n content.component.subcomponent[0]?.title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Box>\r\n <Button\r\n variant='contained'\r\n href={content.component.subcomponent[0]?.button_action}\r\n sx={{ width: 'auto', marginBottom: '16px' }}\r\n >\r\n {content.component.subcomponent[0]?.button_title ?\r\n content.component.subcomponent[0]?.button_title\r\n : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'description':'Description',\r\n 'button_title': 'Button Title',\r\n 'button_action': 'Button action',\r\n // 'image':'Image',\r\n 'text_color': 'Text color',\r\n // 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n const { json, children } = props\r\n const rgbColor = hexToRgb(json.component.bg_image_overlay_color);\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(to ${json.component.bg_gradiant_orientation}, ${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image?.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Box\r\n sx={{\r\n bgcolor: `${json.component.bg_image_overlay && json.component.bg_type === 3 ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '64px 16px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container\r\n maxWidth='xl'\r\n sx={{\r\n padding: '0px',\r\n '&.MuiContainer-root':{\r\n paddingLeft: '0px',\r\n paddingRight: '0px'\r\n }\r\n }}\r\n >\r\n <Box\r\n sx={{\r\n minWidth: { xs: '100%', md: '45%' },\r\n display: 'flex',\r\n justifyContent: {\r\n xs: 'center',\r\n md: json.component.justify_content ? json.component.justify_content : 'center'\r\n }\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n </Container>\r\n </Box>\r\n </Box>\r\n );\r\n}\r\n\r\n\r\nfunction hexToRgb(hex) {\r\n if (hex) {\r\n const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;\r\n\r\n const r = parseInt(cleanHex.substring(0, 2), 16);\r\n const g = parseInt(cleanHex.substring(2, 4), 16);\r\n const b = parseInt(cleanHex.substring(4, 6), 16);\r\n return { r, g, b };\r\n } else {\r\n return { r: 0, g: 0, b: 0 }\r\n }\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Box, Button, Typography } from \"@mui/material\"\r\nimport React from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n const visible = true\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: { xs: 'column', md: content.component.justify_content != 'right' ? 'row' : 'row-reverse' },\r\n gap: '16px',\r\n alignItems: 'center'\r\n }}\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Box>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ width: { xs: '100%', md: '550px', lg: '640px' }, height: { md: '353px', lg: '426px' }, maxWidth: '100vw' }}>\r\n <img width=\"100%\" height=\"100%\" src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : 'https://wozapps-develop.s3.us-east-2.amazonaws.com/gerry/resources/landing/bbb84144-02cd-4cf8-a1be-21ba47e7c4fa.jpeg'}></img>\r\n </Box>\r\n </Slide>\r\n </Box>\r\n <Box>\r\n <Grow\r\n in={visible}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(visible ? { timeout: 1000 } : {})}\r\n >\r\n <Box>\r\n <Box sx={{ marginBottom: '16px' }}>\r\n <Typography className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0]?.title : 'Agregue título'}</Typography>\r\n </Box>\r\n <Box sx={{ marginBottom: '16px', color: '#767676' }}>\r\n <Typography className=\"middle\">\r\n {content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n <Box>\r\n <Button\r\n variant=\"contained\"\r\n href={content.component.subcomponent[0]?.button_action}\r\n sx={{ width: 'auto' }}\r\n >\r\n {content.component.subcomponent[0]?.button_title ?\r\n content.component.subcomponent[0]?.button_title : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Grow>\r\n </Box>\r\n </Box>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1, Layout1]\r\n layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n constructor(AtomicElement, theme) {\r\n this.child = AtomicElement\r\n }\r\n\r\n component(json) {\r\n console.log('json', json)\r\n return (\r\n <CanvasContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </CanvasContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout) {\r\n let footPrint = this.child.footprint(layout)\r\n console.log('section', footPrint)\r\n return (\r\n { req: footPrint.req, img: `${JK_RESOURCES}${footPrint.img}` }\r\n )\r\n }\r\n\r\n layoutLength() {\r\n return (\r\n this.child.layoutsLength()\r\n )\r\n }\r\n\r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections {\r\n constructor() {\r\n this.banner = new Section(new Banner())\r\n this.quotes = new Section(new Quotes())\r\n this.textPlusImg = new Section(new TextPlusImg())\r\n this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n }\r\n\r\n getSectionList() {\r\n return (\r\n {\r\n '0': 'Banner',\r\n '1': 'Texto + Imágenes',\r\n '2': 'Citas/Testimonios',\r\n }\r\n )\r\n }\r\n getLayoutsFromSection(index) {\r\n let section = this.sections[index]\r\n return (section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","_content$component$su","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","alignItems","src","image","url","height","marginBottom","Typography","className","description","textAlign","subtitle","Quotes","_AtomicElements","_inheritsLoose","_this","call","_content$component$su8","lg","justifyContent","title","Button","variant","href","button_action","button_title","Banner","CanvasContainer","props","_json$component$bg_im","json","children","rgbColor","hexToRgb","bg_image_overlay_color","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","paddingLeft","paddingRight","minWidth","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su9","_content$component$su10","gap","Grow","_extends","style","transformOrigin","timeout","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
|
package/dist/index.modern.js
CHANGED
|
@@ -75,15 +75,14 @@ function Layout1(content) {
|
|
|
75
75
|
component: "img",
|
|
76
76
|
src: (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.image ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.image.url : "https://cdn-icons-png.flaticon.com/512/6596/6596121.png",
|
|
77
77
|
sx: {
|
|
78
|
-
width: '
|
|
79
|
-
height: '
|
|
78
|
+
width: '120px',
|
|
79
|
+
height: '120px',
|
|
80
80
|
marginBottom: '16px'
|
|
81
81
|
}
|
|
82
82
|
}), /*#__PURE__*/React.createElement(Typography, {
|
|
83
83
|
className: "xmiddle",
|
|
84
84
|
sx: {
|
|
85
|
-
marginBottom: '16px'
|
|
86
|
-
textAlign: 'justify'
|
|
85
|
+
marginBottom: '16px'
|
|
87
86
|
}
|
|
88
87
|
}, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción'), /*#__PURE__*/React.createElement(Typography, {
|
|
89
88
|
className: "small",
|
|
@@ -102,9 +101,10 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
|
|
|
102
101
|
_this.layout = [Layout1];
|
|
103
102
|
_this.layoutFootprint = ['quotes_layout_1.png'];
|
|
104
103
|
_this.layoutFootprintReq = [{
|
|
105
|
-
'type':
|
|
104
|
+
'type': 1,
|
|
106
105
|
'subtitle': 'Subtitle',
|
|
107
|
-
'description': 'Description'
|
|
106
|
+
'description': 'Description',
|
|
107
|
+
'image': 'Image'
|
|
108
108
|
}];
|
|
109
109
|
return _this;
|
|
110
110
|
}
|
|
@@ -112,7 +112,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
|
|
|
112
112
|
}(AtomicElements);
|
|
113
113
|
|
|
114
114
|
function Layout1$1(content) {
|
|
115
|
-
var _content$component$su, _content$component$su2, _content$component$su3, _content$component$su4, _content$component$su5, _content$component$su6, _content$component$su7;
|
|
115
|
+
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;
|
|
116
116
|
var visible = true;
|
|
117
117
|
return /*#__PURE__*/React.createElement(Slide, {
|
|
118
118
|
direction: "left",
|
|
@@ -140,16 +140,16 @@ function Layout1$1(content) {
|
|
|
140
140
|
}, (_content$component$su2 = content.component.subcomponent[0]) !== null && _content$component$su2 !== void 0 && _content$component$su2.title ? (_content$component$su3 = content.component.subcomponent[0]) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.title : 'Agregue título'), /*#__PURE__*/React.createElement(Typography, {
|
|
141
141
|
className: "xmiddle",
|
|
142
142
|
sx: {
|
|
143
|
-
marginBottom: '16px'
|
|
144
|
-
textAlign: 'justify'
|
|
143
|
+
marginBottom: '16px'
|
|
145
144
|
}
|
|
146
145
|
}, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.description ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.description : 'Agregue descripción'), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
|
|
147
146
|
variant: "contained",
|
|
147
|
+
href: (_content$component$su6 = content.component.subcomponent[0]) === null || _content$component$su6 === void 0 ? void 0 : _content$component$su6.button_action,
|
|
148
148
|
sx: {
|
|
149
149
|
width: 'auto',
|
|
150
150
|
marginBottom: '16px'
|
|
151
151
|
}
|
|
152
|
-
}, (_content$component$
|
|
152
|
+
}, (_content$component$su7 = content.component.subcomponent[0]) !== null && _content$component$su7 !== void 0 && _content$component$su7.button_title ? (_content$component$su8 = content.component.subcomponent[0]) === null || _content$component$su8 === void 0 ? void 0 : _content$component$su8.button_title : 'Nombre botón'))));
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
var Banner = /*#__PURE__*/function (_AtomicElements) {
|
|
@@ -165,7 +165,6 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
|
|
|
165
165
|
'description': 'Description',
|
|
166
166
|
'button_title': 'Button Title',
|
|
167
167
|
'button_action': 'Button action',
|
|
168
|
-
'image': 'Image',
|
|
169
168
|
'text_color': 'Text color'
|
|
170
169
|
}];
|
|
171
170
|
return _this;
|
|
@@ -197,7 +196,11 @@ function CanvasContainer(props) {
|
|
|
197
196
|
}, /*#__PURE__*/React.createElement(Container, {
|
|
198
197
|
maxWidth: "xl",
|
|
199
198
|
sx: {
|
|
200
|
-
padding: '0px'
|
|
199
|
+
padding: '0px',
|
|
200
|
+
'&.MuiContainer-root': {
|
|
201
|
+
paddingLeft: '0px',
|
|
202
|
+
paddingRight: '0px'
|
|
203
|
+
}
|
|
201
204
|
}
|
|
202
205
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
203
206
|
sx: {
|
|
@@ -236,14 +239,14 @@ function hexToRgb(hex) {
|
|
|
236
239
|
var JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/';
|
|
237
240
|
|
|
238
241
|
function Layout1$2(content) {
|
|
239
|
-
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;
|
|
242
|
+
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;
|
|
240
243
|
var visible = true;
|
|
241
244
|
return /*#__PURE__*/React.createElement(Box, {
|
|
242
245
|
sx: {
|
|
243
246
|
display: 'flex',
|
|
244
247
|
flexDirection: {
|
|
245
248
|
xs: 'column',
|
|
246
|
-
md: 'row'
|
|
249
|
+
md: content.component.justify_content != 'right' ? 'row' : 'row-reverse'
|
|
247
250
|
},
|
|
248
251
|
gap: '16px',
|
|
249
252
|
alignItems: 'center'
|
|
@@ -285,16 +288,17 @@ function Layout1$2(content) {
|
|
|
285
288
|
}, (_content$component$su4 = content.component.subcomponent[0]) !== null && _content$component$su4 !== void 0 && _content$component$su4.title ? (_content$component$su5 = content.component.subcomponent[0]) === null || _content$component$su5 === void 0 ? void 0 : _content$component$su5.title : 'Agregue título')), /*#__PURE__*/React.createElement(Box, {
|
|
286
289
|
sx: {
|
|
287
290
|
marginBottom: '16px',
|
|
288
|
-
|
|
291
|
+
color: '#767676'
|
|
289
292
|
}
|
|
290
293
|
}, /*#__PURE__*/React.createElement(Typography, {
|
|
291
294
|
className: "middle"
|
|
292
295
|
}, (_content$component$su6 = content.component.subcomponent[0]) !== null && _content$component$su6 !== void 0 && _content$component$su6.description ? (_content$component$su7 = content.component.subcomponent[0]) === null || _content$component$su7 === void 0 ? void 0 : _content$component$su7.description : 'Agregue descripción')), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Button, {
|
|
293
296
|
variant: "contained",
|
|
297
|
+
href: (_content$component$su8 = content.component.subcomponent[0]) === null || _content$component$su8 === void 0 ? void 0 : _content$component$su8.button_action,
|
|
294
298
|
sx: {
|
|
295
299
|
width: 'auto'
|
|
296
300
|
}
|
|
297
|
-
}, (_content$component$
|
|
301
|
+
}, (_content$component$su9 = content.component.subcomponent[0]) !== null && _content$component$su9 !== void 0 && _content$component$su9.button_title ? (_content$component$su10 = content.component.subcomponent[0]) === null || _content$component$su10 === void 0 ? void 0 : _content$component$su10.button_title : 'Nombre botón'))))));
|
|
298
302
|
}
|
|
299
303
|
|
|
300
304
|
var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
|
package/dist/index.modern.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n this.layoutFootprintReq = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n let req = this.layoutFootprintReq[layout]\r\n console.log('img atomic', img)\r\n return(\r\n {req, img}\r\n )\r\n }\r\n\r\n}\r\n","import React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '70%' },\r\n color: content.component.subcomponent[0]?.text_color,\r\n alignItems: 'flex-end'\r\n }}\r\n >\r\n <Box\r\n component=\"img\"\r\n src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : \"https://cdn-icons-png.flaticon.com/512/6596/6596121.png\"}\r\n sx={{ width: '50px', height: '50px', marginBottom: '16px' }}\r\n />\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px', textAlign: 'right' }}>\r\n {content.component.subcomponent[0]?.subtitle ?\r\n content.component.subcomponent[0]?.subtitle\r\n : 'Agregue subtítulo'}\r\n </Typography>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['quotes_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'subtitle':'Subtitle',\r\n 'description':'Description',\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '50%' },\r\n height: { xs: '100%', lg: '60vh' },\r\n justifyContent: 'center',\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xxlarge\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.title ?\r\n content.component.subcomponent[0]?.title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Box>\r\n <Button variant='contained' sx={{ width: 'auto', marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.button_title ?\r\n content.component.subcomponent[0]?.button_title\r\n : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'description':'Description',\r\n 'button_title': 'Button Title',\r\n 'button_action': 'Button action',\r\n 'image':'Image',\r\n 'text_color': 'Text color',\r\n // 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n const { json, children } = props\r\n const rgbColor = hexToRgb(json.component.bg_image_overlay_color);\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(to ${json.component.bg_gradiant_orientation}, ${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image?.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Box\r\n sx={{\r\n bgcolor: `${json.component.bg_image_overlay && json.component.bg_type===3 ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '64px 16px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container maxWidth='xl' sx={{ padding: '0px'}}>\r\n <Box\r\n sx={{\r\n minWidth: { xs: '100%', md: '45%' },\r\n display: 'flex',\r\n justifyContent: {\r\n xs: 'center',\r\n md: json.component.justify_content ? json.component.justify_content : 'center'\r\n }\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n </Container>\r\n </Box>\r\n </Box>\r\n );\r\n}\r\n\r\n\r\nfunction hexToRgb(hex) {\r\n if (hex) {\r\n const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;\r\n\r\n const r = parseInt(cleanHex.substring(0, 2), 16);\r\n const g = parseInt(cleanHex.substring(2, 4), 16);\r\n const b = parseInt(cleanHex.substring(4, 6), 16);\r\n return { r, g, b };\r\n } else {\r\n return { r:0, g:0, b:0 }\r\n }\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button, Typography } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n const visible = true\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: { xs: 'column', md: 'row' },\r\n gap: '16px',\r\n alignItems: 'center'\r\n }}\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Box>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ width: { xs: '100%', md: '550px', lg: '640px' }, height: { md: '353px', lg: '426px' }, maxWidth: '100vw' }}>\r\n <img width=\"100%\" height=\"100%\" src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : 'https://wozapps-develop.s3.us-east-2.amazonaws.com/gerry/resources/landing/bbb84144-02cd-4cf8-a1be-21ba47e7c4fa.jpeg'}></img>\r\n </Box>\r\n </Slide>\r\n </Box>\r\n <Box>\r\n <Grow\r\n in={visible}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(visible ? { timeout: 1000 } : {})}\r\n >\r\n <Box>\r\n <Box sx={{ marginBottom: '16px' }}>\r\n <Typography className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0]?.title : 'Agregue título'}</Typography>\r\n </Box>\r\n <Box sx={{ marginBottom: '16px', textAlign: 'justify' }}>\r\n <Typography className=\"middle\">\r\n {content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n <Box>\r\n <Button variant=\"contained\" sx={{ width: 'auto' }}>\r\n {content.component.subcomponent[0]?.button_title ? content.component.subcomponent[0]?.button_title : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Grow>\r\n </Box>\r\n </Box>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1, Layout1]\r\n layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n constructor(AtomicElement, theme) {\r\n this.child = AtomicElement\r\n }\r\n\r\n component(json) {\r\n console.log('json', json)\r\n return (\r\n <CanvasContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </CanvasContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout) {\r\n let footPrint = this.child.footprint(layout)\r\n console.log('section', footPrint)\r\n return (\r\n { req: footPrint.req, img: `${JK_RESOURCES}${footPrint.img}` }\r\n )\r\n }\r\n\r\n layoutLength() {\r\n return (\r\n this.child.layoutsLength()\r\n )\r\n }\r\n\r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections {\r\n constructor() {\r\n this.banner = new Section(new Banner())\r\n this.quotes = new Section(new Quotes())\r\n this.textPlusImg = new Section(new TextPlusImg())\r\n this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n }\r\n\r\n getSectionList() {\r\n return (\r\n {\r\n '0': 'Banner',\r\n '1': 'Texto + Imágenes',\r\n '2': 'Citas/Testimonios',\r\n }\r\n )\r\n }\r\n getLayoutsFromSection(index) {\r\n let section = this.sections[index]\r\n return (section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","_content$component$su","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","alignItems","src","image","url","height","marginBottom","Typography","className","textAlign","description","subtitle","Quotes","_AtomicElements","_inheritsLoose","_this","call","lg","justifyContent","title","Button","variant","button_title","Banner","CanvasContainer","props","_json$component$bg_im","json","children","rgbColor","hexToRgb","bg_image_overlay_color","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","minWidth","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su8","_content$component$su9","gap","Grow","_extends","style","transformOrigin","timeout","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n constructor(){\r\n this.layout = []\r\n this.layoutFootprint = []\r\n this.layoutFootprintReq = []\r\n }\r\n\r\n layoutsLength(){\r\n return(\r\n this.layout.length\r\n )\r\n }\r\n\r\n build(content, layoutId){\r\n return(\r\n this.layout[layoutId](content)\r\n )\r\n }\r\n\r\n footprint(layout){\r\n let img = this.layoutFootprint[layout]\r\n let req = this.layoutFootprintReq[layout]\r\n console.log('img atomic', img)\r\n return(\r\n {req, img}\r\n )\r\n }\r\n\r\n}\r\n","import React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '70%' },\r\n color: content.component.subcomponent[0]?.text_color,\r\n alignItems: 'flex-end'\r\n }}\r\n >\r\n <Box\r\n component=\"img\"\r\n src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : \"https://cdn-icons-png.flaticon.com/512/6596/6596121.png\"}\r\n sx={{ width: '120px', height: '120px', marginBottom: '16px' }}\r\n />\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Typography className=\"small\" sx={{ marginBottom: '16px', textAlign: 'right' }}>\r\n {content.component.subcomponent[0]?.subtitle ?\r\n content.component.subcomponent[0]?.subtitle\r\n : 'Agregue subtítulo'}\r\n </Typography>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1]\r\n layoutFootprint = ['quotes_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 1,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'subtitle':'Subtitle',\r\n 'description':'Description',\r\n 'image': 'Image'\r\n },\r\n\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n const visible = true\r\n return (\r\n <Slide direction=\"left\" in={visible}>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: { xs: '100%', md: '50%' },\r\n height: { xs: '100%', lg: '60vh' },\r\n justifyContent: 'center',\r\n color: content.component.subcomponent[0]?.text_color\r\n }}\r\n >\r\n <Typography className=\"title-xxlarge\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.title ?\r\n content.component.subcomponent[0]?.title\r\n : 'Agregue título'}\r\n </Typography>\r\n <Typography className=\"xmiddle\" sx={{ marginBottom: '16px' }}>\r\n {content.component.subcomponent[0]?.description ?\r\n content.component.subcomponent[0]?.description\r\n : 'Agregue descripción'}\r\n </Typography>\r\n <Box>\r\n <Button\r\n variant='contained'\r\n href={content.component.subcomponent[0]?.button_action}\r\n sx={{ width: 'auto', marginBottom: '16px' }}\r\n >\r\n {content.component.subcomponent[0]?.button_title ?\r\n content.component.subcomponent[0]?.button_title\r\n : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Slide>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class Banner extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n\r\n layout = [Layout1]\r\n layoutFootprint = ['banner_layout_1.jpg']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Tittle',\r\n 'description':'Description',\r\n 'button_title': 'Button Title',\r\n 'button_action': 'Button action',\r\n // 'image':'Image',\r\n 'text_color': 'Text color',\r\n // 'name':'Name',\r\n },\r\n \r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n // <texinput display={!layout.img} id='Title'>\r\n // <texinput display={!layout.img} id='content'></texinput>\r\n // <texinput display={!layout.img} id='name'></texinput>\r\n //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n const { json, children } = props\r\n const rgbColor = hexToRgb(json.component.bg_image_overlay_color);\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor:\r\n json.component.bg_type === 1\r\n ? json.component.bg_color1\r\n : undefined,\r\n backgroundImage:\r\n json.component.bg_type === 2\r\n ? `linear-gradient(to ${json.component.bg_gradiant_orientation}, ${json.component.bg_color1}, ${json.component.bg_color2})`\r\n : json.component.bg_type === 3\r\n ? `url(${json.component.bg_image?.url})`\r\n : undefined,\r\n backgroundPosition: 'center',\r\n backgroundSize: 'cover',\r\n backgroundRepeat: 'no-repeat',\r\n }}\r\n >\r\n <Box\r\n sx={{\r\n bgcolor: `${json.component.bg_image_overlay && json.component.bg_type === 3 ?\r\n `rgba(${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}, ${json.component.bg_image_overlay_alpha_css})` :\r\n undefined\r\n }`,\r\n padding: '64px 16px',\r\n width: '100%'\r\n }}\r\n >\r\n <Container\r\n maxWidth='xl'\r\n sx={{\r\n padding: '0px',\r\n '&.MuiContainer-root':{\r\n paddingLeft: '0px',\r\n paddingRight: '0px'\r\n }\r\n }}\r\n >\r\n <Box\r\n sx={{\r\n minWidth: { xs: '100%', md: '45%' },\r\n display: 'flex',\r\n justifyContent: {\r\n xs: 'center',\r\n md: json.component.justify_content ? json.component.justify_content : 'center'\r\n }\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n </Container>\r\n </Box>\r\n </Box>\r\n );\r\n}\r\n\r\n\r\nfunction hexToRgb(hex) {\r\n if (hex) {\r\n const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;\r\n\r\n const r = parseInt(cleanHex.substring(0, 2), 16);\r\n const g = parseInt(cleanHex.substring(2, 4), 16);\r\n const b = parseInt(cleanHex.substring(4, 6), 16);\r\n return { r, g, b };\r\n } else {\r\n return { r: 0, g: 0, b: 0 }\r\n }\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Box, Button, Typography } from \"@mui/material\"\r\nimport React from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n const visible = true\r\n\r\n return (\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: { xs: 'column', md: content.component.justify_content != 'right' ? 'row' : 'row-reverse' },\r\n gap: '16px',\r\n alignItems: 'center'\r\n }}\r\n color={content.component.subcomponent[0]?.text_color}\r\n >\r\n <Box>\r\n <Slide direction=\"right\" in={visible}>\r\n <Box sx={{ width: { xs: '100%', md: '550px', lg: '640px' }, height: { md: '353px', lg: '426px' }, maxWidth: '100vw' }}>\r\n <img width=\"100%\" height=\"100%\" src={content.component.subcomponent[0]?.image ? content.component.subcomponent[0]?.image.url : 'https://wozapps-develop.s3.us-east-2.amazonaws.com/gerry/resources/landing/bbb84144-02cd-4cf8-a1be-21ba47e7c4fa.jpeg'}></img>\r\n </Box>\r\n </Slide>\r\n </Box>\r\n <Box>\r\n <Grow\r\n in={visible}\r\n style={{ transformOrigin: '0 0 0' }}\r\n {...(visible ? { timeout: 1000 } : {})}\r\n >\r\n <Box>\r\n <Box sx={{ marginBottom: '16px' }}>\r\n <Typography className=\"title-xlarge\">{content.component.subcomponent[0]?.title ? content.component.subcomponent[0]?.title : 'Agregue título'}</Typography>\r\n </Box>\r\n <Box sx={{ marginBottom: '16px', color: '#767676' }}>\r\n <Typography className=\"middle\">\r\n {content.component.subcomponent[0]?.description ? content.component.subcomponent[0]?.description : 'Agregue descripción'}\r\n </Typography>\r\n </Box>\r\n <Box>\r\n <Button\r\n variant=\"contained\"\r\n href={content.component.subcomponent[0]?.button_action}\r\n sx={{ width: 'auto' }}\r\n >\r\n {content.component.subcomponent[0]?.button_title ?\r\n content.component.subcomponent[0]?.button_title : 'Nombre botón'}\r\n </Button>\r\n </Box>\r\n </Box>\r\n </Grow>\r\n </Box>\r\n </Box>\r\n )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1 from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n constructor() {\r\n super()\r\n }\r\n layout = [Layout1, Layout1]\r\n layoutFootprint = ['text_image_layout_1.png', 'text_image_layout_1.png']\r\n layoutFootprintReq = [\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n {\r\n 'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G Carousel or single element\r\n 'title':'Title',\r\n 'description':'Text',\r\n 'button_title':'Button Title',\r\n 'button_action':'Button Action',\r\n 'image':'Image',\r\n },\r\n ]\r\n //Methods heredados\r\n // layout, layouts(), build() \r\n \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n constructor(AtomicElement, theme) {\r\n this.child = AtomicElement\r\n }\r\n\r\n component(json) {\r\n console.log('json', json)\r\n return (\r\n <CanvasContainer json={json}>\r\n {/* Child is the instance passed as parameter in section, next class */}\r\n {this.child.build(json, json.component.layout)}\r\n </CanvasContainer>\r\n )\r\n }\r\n\r\n getFootPrint(layout) {\r\n let footPrint = this.child.footprint(layout)\r\n console.log('section', footPrint)\r\n return (\r\n { req: footPrint.req, img: `${JK_RESOURCES}${footPrint.img}` }\r\n )\r\n }\r\n\r\n layoutLength() {\r\n return (\r\n this.child.layoutsLength()\r\n )\r\n }\r\n\r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections {\r\n constructor() {\r\n this.banner = new Section(new Banner())\r\n this.quotes = new Section(new Quotes())\r\n this.textPlusImg = new Section(new TextPlusImg())\r\n this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n }\r\n\r\n getSectionList() {\r\n return (\r\n {\r\n '0': 'Banner',\r\n '1': 'Texto + Imágenes',\r\n '2': 'Citas/Testimonios',\r\n }\r\n )\r\n }\r\n getLayoutsFromSection(index) {\r\n let section = this.sections[index]\r\n return (section)\r\n }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","_content$component$su","_content$component$su2","_content$component$su3","_content$component$su4","_content$component$su5","_content$component$su6","_content$component$su7","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","color","component","subcomponent","text_color","alignItems","src","image","url","height","marginBottom","Typography","className","description","textAlign","subtitle","Quotes","_AtomicElements","_inheritsLoose","_this","call","_content$component$su8","lg","justifyContent","title","Button","variant","href","button_action","button_title","Banner","CanvasContainer","props","_json$component$bg_im","json","children","rgbColor","hexToRgb","bg_image_overlay_color","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_gradiant_orientation","bg_color2","bg_image","backgroundPosition","backgroundSize","backgroundRepeat","bgcolor","bg_image_overlay","r","g","b","bg_image_overlay_alpha_css","padding","Container","maxWidth","paddingLeft","paddingRight","minWidth","justify_content","hex","cleanHex","startsWith","slice","parseInt","substring","JK_RESOURCES","_content$component$su9","_content$component$su10","gap","Grow","_extends","style","transformOrigin","timeout","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAaA,cAAc;EACvB,SAAAA,iBAAa;IACT,IAAI,CAACC,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,eAAe,GAAG,EAAE;IACzB,IAAI,CAACC,kBAAkB,GAAG,EAAE;;EAC/B,IAAAC,MAAA,GAAAJ,cAAA,CAAAK,SAAA;EAAAD,MAAA,CAEDE,aAAa,GAAb,SAAAA,gBAAe;IACX,OACI,IAAI,CAACL,MAAM,CAACM,MAAM;GAEzB;EAAAH,MAAA,CAEDI,KAAK,GAAL,SAAAA,MAAMC,OAAO,EAAEC,QAAQ,EAAC;IACpB,OACI,IAAI,CAACT,MAAM,CAACS,QAAQ,CAAC,CAACD,OAAO,CAAC;GAErC;EAAAL,MAAA,CAEDO,SAAS,GAAT,SAAAA,UAAUV,MAAM,EAAC;IACb,IAAIW,GAAG,GAAG,IAAI,CAACV,eAAe,CAACD,MAAM,CAAC;IACtC,IAAIY,GAAG,GAAG,IAAI,CAACV,kBAAkB,CAACF,MAAM,CAAC;IACzCa,OAAO,CAACC,GAAG,CAAC,YAAY,EAAEH,GAAG,CAAC;IAC9B,OACI;MAACC,GAAG,EAAHA,GAAG;MAAED,GAAG,EAAHA;KAAI;GAEjB;EAAA,OAAAZ,cAAA;AAAA;;ACvBU,SAASgB,OAAOA,CAACP,OAAO,EAAE;EAAA,IAAAQ,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EACvC,IAAMC,OAAO,GAAG,IAAI;EAEpB,oBACEC,KAAA,CAAAC,aAAA,CAACC,KAAK;IAACC,SAAS,EAAC,MAAM;IAAC,MAAIJ;kBAC1BC,KAAA,CAAAC,aAAA,CAACG,GAAG;IACFC,EAAE,EAAE;MACFC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBC,KAAK,EAAE;QAAEC,EAAE,EAAE,MAAM;QAAEC,EAAE,EAAE;OAAO;MAChCC,KAAK,GAAAnB,qBAAA,GAAER,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAArB,qBAAA,uBAAjCA,qBAAA,CAAmCsB,UAAU;MACpDC,UAAU,EAAE;;kBAGhBf,KAAA,CAAAC,aAAA,CAACG,GAAG;IACFQ,SAAS,EAAC,KAAK;IACfI,GAAG,EAAE,CAAAvB,sBAAA,GAAAT,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAApB,sBAAA,eAAjCA,sBAAA,CAAmCwB,KAAK,IAAAvB,sBAAA,GAAGV,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAnB,sBAAA,uBAAjCA,sBAAA,CAAmCuB,KAAK,CAACC,GAAG,GAAG,yDAA0D;IACzJb,EAAE,EAAE;MAAEG,KAAK,EAAE,OAAO;MAAEW,MAAM,EAAE,OAAO;MAAEC,YAAY,EAAE;;GACtD,CAAC,eACApB,KAAA,CAAAC,aAAA,CAACoB,UAAU;IAACC,SAAS,EAAC,SAAS;IAACjB,EAAE,EAAE;MAAEe,YAAY,EAAE;;KACjD,CAAAzB,sBAAA,GAAAX,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAlB,sBAAA,eAAjCA,sBAAA,CAAmC4B,WAAW,IAAA3B,sBAAA,GAC7CZ,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAjB,sBAAA,uBAAjCA,sBAAA,CAAmC2B,WAAW,GAC5C,qBACM,CAAC,eACbvB,KAAA,CAAAC,aAAA,CAACoB,UAAU;IAACC,SAAS,EAAC,OAAO;IAACjB,EAAE,EAAE;MAAEe,YAAY,EAAE,MAAM;MAAEI,SAAS,EAAE;;KAClE,CAAA3B,sBAAA,GAAAb,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAhB,sBAAA,eAAjCA,sBAAA,CAAmC4B,QAAQ,IAAA3B,sBAAA,GAC1Cd,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAf,sBAAA,uBAAjCA,sBAAA,CAAmC2B,QAAQ,GACzC,mBACM,CACT,CACA,CAAC;AAEZ;;IChCaC,MAAM,0BAAAC,eAAA;EAAAC,cAAA,CAAAF,MAAA,EAAAC,eAAA;EACf,SAAAD,SAAc;IAAA,IAAAG,KAAA;IACZA,KAAA,GAAAF,eAAA,CAAAG,IAAA,KAAM,CAAC;IAAAD,KAAA,CAETrD,MAAM,GAAG,CAACe,OAAO,CAAC;IAAAsC,KAAA,CAClBpD,eAAe,GAAG,CAAC,qBAAqB,CAAC;IAAAoD,KAAA,CACzCnD,kBAAkB,GAAG,CACnB;MACE,MAAM,EAAE,CAAC;MACT,UAAU,EAAC,UAAU;MACrB,aAAa,EAAC,aAAa;MAC3B,OAAO,EAAE;KACV,CAEF;IAAA,OAAAmD,KAAA;;EAXA,OAAAH,MAAA;AAAA,EAHuBnD,cAAc;;ACA3B,SAASgB,SAAOA,CAACP,OAAO,EAAE;EAAA,IAAAQ,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAiC,sBAAA;EACvC,IAAMhC,OAAO,GAAG,IAAI;EACpB,oBACEC,KAAA,CAAAC,aAAA,CAACC,KAAK;IAACC,SAAS,EAAC,MAAM;IAAC,MAAIJ;kBAC1BC,KAAA,CAAAC,aAAA,CAACG,GAAG;IACFC,EAAE,EAAE;MACFC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBC,KAAK,EAAE;QAAEC,EAAE,EAAE,MAAM;QAAEC,EAAE,EAAE;OAAO;MAChCS,MAAM,EAAE;QAAEV,EAAE,EAAE,MAAM;QAAEuB,EAAE,EAAE;OAAQ;MAClCC,cAAc,EAAE,QAAQ;MACxBtB,KAAK,GAAAnB,qBAAA,GAAER,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAArB,qBAAA,uBAAjCA,qBAAA,CAAmCsB;;kBAG5Cd,KAAA,CAAAC,aAAA,CAACoB,UAAU;IAACC,SAAS,EAAC,eAAe;IAACjB,EAAE,EAAE;MAAEe,YAAY,EAAE;;KACvD,CAAA3B,sBAAA,GAAAT,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAApB,sBAAA,eAAjCA,sBAAA,CAAmCyC,KAAK,IAAAxC,sBAAA,GACvCV,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAnB,sBAAA,uBAAjCA,sBAAA,CAAmCwC,KAAK,GACtC,gBACM,CAAC,eACblC,KAAA,CAAAC,aAAA,CAACoB,UAAU;IAACC,SAAS,EAAC,SAAS;IAACjB,EAAE,EAAE;MAAEe,YAAY,EAAE;;KACjD,CAAAzB,sBAAA,GAAAX,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAlB,sBAAA,eAAjCA,sBAAA,CAAmC4B,WAAW,IAAA3B,sBAAA,GAC7CZ,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAjB,sBAAA,uBAAjCA,sBAAA,CAAmC2B,WAAW,GAC5C,qBACM,CAAC,eACbvB,KAAA,CAAAC,aAAA,CAACG,GAAG,qBACFJ,KAAA,CAAAC,aAAA,CAACkC,MAAM;IACLC,OAAO,EAAC,WAAW;IACnBC,IAAI,GAAAxC,sBAAA,GAAEb,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAhB,sBAAA,uBAAjCA,sBAAA,CAAmCyC,aAAc;IACvDjC,EAAE,EAAE;MAAEG,KAAK,EAAE,MAAM;MAAEY,YAAY,EAAE;;KAElC,CAAAtB,sBAAA,GAAAd,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAf,sBAAA,eAAjCA,sBAAA,CAAmCyC,YAAY,IAAAR,sBAAA,GAC9C/C,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAkB,sBAAA,uBAAjCA,sBAAA,CAAmCQ,YAAY,GAC7C,cACE,CACL,CACF,CACA,CAAC;AAEZ;;ICtCaC,MAAM,0BAAAb,eAAA;EAAAC,cAAA,CAAAY,MAAA,EAAAb,eAAA;EACjB,SAAAa,SAAc;IAAA,IAAAX,KAAA;IACZA,KAAA,GAAAF,eAAA,CAAAG,IAAA,KAAM,CAAC;IAAAD,KAAA,CAGTrD,MAAM,GAAG,CAACe,SAAO,CAAC;IAAAsC,KAAA,CAClBpD,eAAe,GAAG,CAAC,qBAAqB,CAAC;IAAAoD,KAAA,CACzCnD,kBAAkB,GAAG,CAClB;MACC,MAAM,EAAE,CAAC;MACT,OAAO,EAAC,QAAQ;MAChB,aAAa,EAAC,aAAa;MAC3B,cAAc,EAAE,cAAc;MAC9B,eAAe,EAAE,eAAe;MAEhC,YAAY,EAAE;KAEf,CAEF;IAAA,OAAAmD,KAAA;;EAhBA,OAAAW,MAAA;AAAA,EAHyBjE,cAAc;;ACA3B,SAASkE,eAAeA,CAACC,KAAK,EAAE;EAAA,IAAAC,qBAAA;EAC7C,IAAQC,IAAI,GAAeF,KAAK,CAAxBE,IAAI;IAAEC,QAAQ,GAAKH,KAAK,CAAlBG,QAAQ;EACtB,IAAMC,QAAQ,GAAGC,QAAQ,CAACH,IAAI,CAAChC,SAAS,CAACoC,sBAAsB,CAAC;EAEhE,oBACEhD,KAAA,CAAAC,aAAA,CAACG,GAAG;IACFC,EAAE,EAAE;MACFC,OAAO,EAAE,MAAM;MACfS,UAAU,EAAE,QAAQ;MACpBkC,eAAe,EACbL,IAAI,CAAChC,SAAS,CAACsC,OAAO,KAAK,CAAC,GACxBN,IAAI,CAAChC,SAAS,CAACuC,SAAS,GACxBC,SAAS;MACfC,eAAe,EACbT,IAAI,CAAChC,SAAS,CAACsC,OAAO,KAAK,CAAC,2BACFN,IAAI,CAAChC,SAAS,CAAC0C,uBAAuB,UAAKV,IAAI,CAAChC,SAAS,CAACuC,SAAS,UAAKP,IAAI,CAAChC,SAAS,CAAC2C,SAAS,SACtHX,IAAI,CAAChC,SAAS,CAACsC,OAAO,KAAK,CAAC,cAAAP,qBAAA,GACnBC,IAAI,CAAChC,SAAS,CAAC4C,QAAQ,cAAAb,qBAAA,uBAAvBA,qBAAA,CAAyBzB,GAAG,UACnCkC,SAAS;MACjBK,kBAAkB,EAAE,QAAQ;MAC5BC,cAAc,EAAE,OAAO;MACvBC,gBAAgB,EAAE;;kBAGpB3D,KAAA,CAAAC,aAAA,CAACG,GAAG;IACFC,EAAE,EAAE;MACFuD,OAAO,QAAKhB,IAAI,CAAChC,SAAS,CAACiD,gBAAgB,IAAIjB,IAAI,CAAChC,SAAS,CAACsC,OAAO,KAAK,CAAC,aACjEJ,QAAQ,CAACgB,CAAC,UAAKhB,QAAQ,CAACiB,CAAC,UAAKjB,QAAQ,CAACkB,CAAC,UAAKpB,IAAI,CAAChC,SAAS,CAACqD,0BAA0B,SAC9Fb,SAAS,CACP;MACJc,OAAO,EAAE,WAAW;MACpB1D,KAAK,EAAE;;kBAGTR,KAAA,CAAAC,aAAA,CAACkE,SAAS;IACRC,QAAQ,EAAC,IAAI;IACb/D,EAAE,EAAE;MACF6D,OAAO,EAAE,KAAK;MACd,qBAAqB,EAAC;QACpBG,WAAW,EAAE,KAAK;QAClBC,YAAY,EAAE;;;kBAIlBtE,KAAA,CAAAC,aAAA,CAACG,GAAG;IACFC,EAAE,EAAE;MACFkE,QAAQ,EAAE;QAAE9D,EAAE,EAAE,MAAM;QAAEC,EAAE,EAAE;OAAO;MACnCJ,OAAO,EAAE,MAAM;MACf2B,cAAc,EAAE;QACdxB,EAAE,EAAE,QAAQ;QACZC,EAAE,EAAEkC,IAAI,CAAChC,SAAS,CAAC4D,eAAe,GAAG5B,IAAI,CAAChC,SAAS,CAAC4D,eAAe,GAAG;;;KAIzE3B,QACE,CACI,CACR,CACF,CAAC;AAEV;AAGA,SAASE,QAAQA,CAAC0B,GAAG,EAAE;EACrB,IAAIA,GAAG,EAAE;IACP,IAAMC,QAAQ,GAAGD,GAAG,CAACE,UAAU,CAAC,GAAG,CAAC,GAAGF,GAAG,CAACG,KAAK,CAAC,CAAC,CAAC,GAAGH,GAAG;IAEzD,IAAMX,CAAC,GAAGe,QAAQ,CAACH,QAAQ,CAACI,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IAChD,IAAMf,CAAC,GAAGc,QAAQ,CAACH,QAAQ,CAACI,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IAChD,IAAMd,CAAC,GAAGa,QAAQ,CAACH,QAAQ,CAACI,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IAChD,OAAO;MAAEhB,CAAC,EAADA,CAAC;MAAEC,CAAC,EAADA,CAAC;MAAEC,CAAC,EAADA;KAAG;GACnB,MAAM;IACL,OAAO;MAAEF,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;KAAG;;AAE/B;;AC7EO,IAAMe,YAAY,GAAG,6DAA6D;;ACK1E,SAASxF,SAAOA,CAACP,OAAO,EAAE;EAAA,IAAAQ,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAiC,sBAAA,EAAAiD,sBAAA,EAAAC,uBAAA;EAEvC,IAAMlF,OAAO,GAAG,IAAI;EAEpB,oBACEC,KAAA,CAAAC,aAAA,CAACG,GAAG;IACFC,EAAE,EAAE;MACFC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE;QAAEE,EAAE,EAAE,QAAQ;QAAEC,EAAE,EAAE1B,OAAO,CAAC4B,SAAS,CAAC4D,eAAe,IAAI,OAAO,GAAG,KAAK,GAAG;OAAe;MACzGU,GAAG,EAAE,MAAM;MACXnE,UAAU,EAAE;KACZ;IACFJ,KAAK,GAAAnB,qBAAA,GAAER,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAArB,qBAAA,uBAAjCA,qBAAA,CAAmCsB;kBAE1Cd,KAAA,CAAAC,aAAA,CAACG,GAAG,qBACFJ,KAAA,CAAAC,aAAA,CAACC,KAAK;IAACC,SAAS,EAAC,OAAO;IAAC,MAAIJ;kBAC3BC,KAAA,CAAAC,aAAA,CAACG,GAAG;IAACC,EAAE,EAAE;MAAEG,KAAK,EAAE;QAAEC,EAAE,EAAE,MAAM;QAAEC,EAAE,EAAE,OAAO;QAAEsB,EAAE,EAAE;OAAS;MAAEb,MAAM,EAAE;QAAET,EAAE,EAAE,OAAO;QAAEsB,EAAE,EAAE;OAAS;MAAEoC,QAAQ,EAAE;;kBAC1GpE,KAAA,CAAAC,aAAA;IAAKO,KAAK,EAAC,MAAM;IAACW,MAAM,EAAC,MAAM;IAACH,GAAG,EAAE,CAAAvB,sBAAA,GAAAT,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAApB,sBAAA,eAAjCA,sBAAA,CAAmCwB,KAAK,IAAAvB,sBAAA,GAAGV,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAnB,sBAAA,uBAAjCA,sBAAA,CAAmCuB,KAAK,CAACC,GAAG,GAAG;GAA6H,CACzP,CACA,CACJ,CAAC,eACNlB,KAAA,CAAAC,aAAA,CAACG,GAAG,qBACFJ,KAAA,CAAAC,aAAA,CAACkF,IAAI,EAAAC,QAAA;IACH,MAAIrF,OAAQ;IACZsF,KAAK,EAAE;MAAEC,eAAe,EAAE;;KACrBvF,CAAU;IAAEwF,OAAO,EAAE;GAAM,CAAK,gBAErCvF,KAAA,CAAAC,aAAA,CAACG,GAAG,qBACFJ,KAAA,CAAAC,aAAA,CAACG,GAAG;IAACC,EAAE,EAAE;MAAEe,YAAY,EAAE;;kBACvBpB,KAAA,CAAAC,aAAA,CAACoB,UAAU;IAACC,SAAS,EAAC;KAAgB,CAAA3B,sBAAA,GAAAX,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAlB,sBAAA,eAAjCA,sBAAA,CAAmCuC,KAAK,IAAAtC,sBAAA,GAAGZ,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAjB,sBAAA,uBAAjCA,sBAAA,CAAmCsC,KAAK,GAAG,gBAA6B,CACtJ,CAAC,eACNlC,KAAA,CAAAC,aAAA,CAACG,GAAG;IAACC,EAAE,EAAE;MAAEe,YAAY,EAAE,MAAM;MAAET,KAAK,EAAE;;kBACtCX,KAAA,CAAAC,aAAA,CAACoB,UAAU;IAACC,SAAS,EAAC;KACnB,CAAAzB,sBAAA,GAAAb,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAhB,sBAAA,eAAjCA,sBAAA,CAAmC0B,WAAW,IAAAzB,sBAAA,GAAGd,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAf,sBAAA,uBAAjCA,sBAAA,CAAmCyB,WAAW,GAAG,qBACzF,CACT,CAAC,eACNvB,KAAA,CAAAC,aAAA,CAACG,GAAG,qBACFJ,KAAA,CAAAC,aAAA,CAACkC,MAAM;IACLC,OAAO,EAAC,WAAW;IACnBC,IAAI,GAAAN,sBAAA,GAAE/C,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAkB,sBAAA,uBAAjCA,sBAAA,CAAmCO,aAAc;IACvDjC,EAAE,EAAE;MAAEG,KAAK,EAAE;;KAEZ,CAAAwE,sBAAA,GAAAhG,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAmE,sBAAA,eAAjCA,sBAAA,CAAmCzC,YAAY,IAAA0C,uBAAA,GAC9CjG,OAAO,CAAC4B,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,cAAAoE,uBAAA,uBAAjCA,uBAAA,CAAmC1C,YAAY,GAAG,cAC9C,CACL,CACF,CACD,CACH,CACF,CAAC;AAEV;;ICrDaiD,WAAW,0BAAA7D,eAAA;EAAAC,cAAA,CAAA4D,WAAA,EAAA7D,eAAA;EACpB,SAAA6D,cAAc;IAAA,IAAA3D,KAAA;IACZA,KAAA,GAAAF,eAAA,CAAAG,IAAA,KAAM,CAAC;IAAAD,KAAA,CAETrD,MAAM,GAAG,CAACe,SAAO,EAAEA,SAAO,CAAC;IAAAsC,KAAA,CAC3BpD,eAAe,GAAG,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;IAAAoD,KAAA,CACxEnD,kBAAkB,GAAG,CACnB;MACE,MAAM,EAAE,CAAC;MACT,OAAO,EAAC,OAAO;MACf,aAAa,EAAC,MAAM;MACpB,cAAc,EAAC,cAAc;MAC7B,eAAe,EAAC,eAAe;MAC/B,OAAO,EAAC;KACT,EACD;MACE,MAAM,EAAE,CAAC;MACT,OAAO,EAAC,OAAO;MACf,aAAa,EAAC,MAAM;MACpB,cAAc,EAAC,cAAc;MAC7B,eAAe,EAAC,eAAe;MAC/B,OAAO,EAAC;KACT,CACF;IAAA,OAAAmD,KAAA;;EApBA,OAAA2D,WAAA;AAAA,EAH4BjH,cAAc;;ICIlCkH,OAAO;EAClB,SAAAA,QAAYC,aAAa,EAAEC,KAAK,EAAE;IAChC,IAAI,CAACC,KAAK,GAAGF,aAAa;;EAC3B,IAAA/G,MAAA,GAAA8G,OAAA,CAAA7G,SAAA;EAAAD,MAAA,CAEDiC,SAAS,GAAT,SAAAA,UAAUgC,IAAI,EAAE;IACdvD,OAAO,CAACC,GAAG,CAAC,MAAM,EAAEsD,IAAI,CAAC;IACzB,oBACE5C,KAAA,CAAAC,aAAA,CAACwC,eAAe;MAACG,IAAI,EAAEA;OAEpB,IAAI,CAACgD,KAAK,CAAC7G,KAAK,CAAC6D,IAAI,EAAEA,IAAI,CAAChC,SAAS,CAACpC,MAAM,CAC9B,CAAC;GAErB;EAAAG,MAAA,CAEDkH,YAAY,GAAZ,SAAAA,aAAarH,MAAM,EAAE;IACnB,IAAIsH,SAAS,GAAG,IAAI,CAACF,KAAK,CAAC1G,SAAS,CAACV,MAAM,CAAC;IAC5Ca,OAAO,CAACC,GAAG,CAAC,SAAS,EAAEwG,SAAS,CAAC;IACjC,OACE;MAAE1G,GAAG,EAAE0G,SAAS,CAAC1G,GAAG;MAAED,GAAG,OAAK4F,YAAY,GAAGe,SAAS,CAAC3G;KAAO;GAEjE;EAAAR,MAAA,CAEDoH,YAAY,GAAZ,SAAAA,eAAe;IACb,OACE,IAAI,CAACH,KAAK,CAAC/G,aAAa,EAAE;GAE7B;EAAA,OAAA4G,OAAA;AAAA;AAKH,IAAaO,QAAQ;EACnB,SAAAA,WAAc;IACZ,IAAI,CAACC,MAAM,GAAG,IAAIR,OAAO,CAAC,IAAIjD,MAAM,EAAE,CAAC;IACvC,IAAI,CAAC0D,MAAM,GAAG,IAAIT,OAAO,CAAC,IAAI/D,MAAM,EAAE,CAAC;IACvC,IAAI,CAACyE,WAAW,GAAG,IAAIV,OAAO,CAAC,IAAID,WAAW,EAAE,CAAC;IACjD,IAAI,CAACY,QAAQ,GAAG,CAAC,IAAI,CAACH,MAAM,EAAE,IAAI,CAACE,WAAW,EAAE,IAAI,CAACD,MAAM,CAAC;;EAC7D,IAAAG,OAAA,GAAAL,QAAA,CAAApH,SAAA;EAAAyH,OAAA,CAEDC,cAAc,GAAd,SAAAA,iBAAiB;IACf,OACE;MACE,GAAG,EAAE,QAAQ;MACb,GAAG,EAAE,kBAAkB;MACvB,GAAG,EAAE;KACN;GAEJ;EAAAD,OAAA,CACDE,qBAAqB,GAArB,SAAAA,sBAAsBC,KAAK,EAAE;IAC3B,IAAIC,OAAO,GAAG,IAAI,CAACL,QAAQ,CAACI,KAAK,CAAC;IAClC,OAAQC,OAAO;GAChB;EAAA,OAAAT,QAAA;AAAA;;;;"}
|