@vixoniccom/news-internal 0.4.5 → 0.4.6-beta.1

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 (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/build.zip +0 -0
  3. package/configuration/appearanceGroup/elementsInputs.ts +37 -6
  4. package/configuration/appearanceGroup/generalInputs.ts +2 -1
  5. package/configuration/index.ts +2 -2
  6. package/configuration/utils.ts +12 -1
  7. package/configuration.json +133 -57
  8. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -2,6 +2,20 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ### [0.4.6-beta.1](https://gitlab.com/mandomedio/vixonic/news-internal/compare/v0.4.6-beta.0...v0.4.6-beta.1) (2021-10-15)
6
+
7
+
8
+ ### Features
9
+
10
+ * **release:** gradient general title was added to app ([298f966](https://gitlab.com/mandomedio/vixonic/news-internal/commit/298f9667eb4f61889b6de4a54e2b6e5f20aa8612))
11
+
12
+ ### [0.4.6-beta.0](https://gitlab.com/mandomedio/vixonic/news-internal/compare/v0.4.5...v0.4.6-beta.0) (2021-10-13)
13
+
14
+
15
+ ### Features
16
+
17
+ * **release:** gradient mode was added to internal news app ([52173ff](https://gitlab.com/mandomedio/vixonic/news-internal/commit/52173ff88bf6aed44375fe5bb52d3deb931d9fca))
18
+
5
19
  ### [0.4.5](https://gitlab.com/mandomedio/vixonic/news-internal/compare/v0.4.5-beta.4...v0.4.5) (2021-09-03)
6
20
 
7
21
  ### [0.4.5-beta.4](https://gitlab.com/mandomedio/vixonic/news-internal/compare/v0.4.5-beta.3...v0.4.5-beta.4) (2021-08-30)
package/build.zip CHANGED
Binary file
package/configuration/appearanceGroup/elementsInputs.ts CHANGED
@@ -17,13 +17,13 @@ export const elementsInputs = [
17
17
  ...createTextInputs('description', 'Descripción', ShowValidations.descriptionEnabled),
18
18
  new NumberInput({ id: 'textSeparation', label: 'Separación de textos', description: 'En pixeles.',
19
19
  show: ShowValidations.titleAndDescription }),
20
- new Switch({ id: 'imageEnabled', label: 'Imagen', defaultValue: true }),
20
+ new Switch({ id: 'imageEnabled', label: 'Imagen', defaultValue: true, show: ShowValidations.isNotGradient }),
21
21
  new SelectInput({ id: 'imageSize', required: true, label: 'Tamaño', description: 'Relación de tamaño entre la imagen y los textos.', items: [
22
22
  { label : 'Pequeña', value : 'small' },
23
23
  { label : 'Mediana', value : 'medium' },
24
24
  { label : 'Grande', value : 'large' },
25
25
  { label: 'Personalizado', value: 'custom' }
26
- ], show: ShowValidations.isNotGallery}),
26
+ ], show: ShowValidations.isNotGalleryNorGradient}),
27
27
  new NumberInput({ id: 'imageCustomSize', label: 'Tamaño personalizado', required: true, description: 'En porcentaje.',
28
28
  range: new NumberRangeValue(1, 100), show: ShowValidations.isCustomSize }),
29
29
  new SelectInput({ id: 'imagePosition', required: true, label: 'Posición', description: 'Posición de la imagen respecto al texto.', defaultValue: 'left', items: [
@@ -31,7 +31,7 @@ export const elementsInputs = [
31
31
  {label : 'Derecha', value : 'right'},
32
32
  {label : 'Abajo', value : 'bottom'},
33
33
  {label : 'Izquierda', value : 'left'}
34
- ], show: ShowValidations.isNotGallery }),
34
+ ], show: ShowValidations.isNotGalleryNorGradient }),
35
35
  new SelectInput({ id: 'imageMode', required : true, label : 'Modo', description : 'Modo de ajuste de la imagen.', defaultValue : 'contain',
36
36
  items : [
37
37
  {label : 'Ajustar', value : 'contain'},
@@ -39,14 +39,45 @@ export const elementsInputs = [
39
39
  {label : 'Estirar', value : 'fill'},
40
40
  {label : 'No ajustar', value : 'none'}
41
41
  ],
42
- show : ShowValidations.imageEnabled }),
42
+ show : ShowValidations.isNotGradient }),
43
43
  new SelectInput({ id: 'imageStyle', label: 'Estilo', items: [
44
44
  {label: 'Normal', value: 'normal'},
45
45
  {label: 'Redondeado', value: 'rounded'},
46
46
  {label: 'Circular', value: 'circle'},
47
47
  {label: 'Hexagonal', value: 'hex'}
48
- ], show: ShowValidations.isNotGallery }),
49
- new NumberInput({ label: 'Separación', id: 'imageSeparation', description: 'En pixeles. Por defecto 10.', show: ShowValidations.isNotGallery }),
48
+ ], show: ShowValidations.isNotGalleryNorGradient }),
49
+ new NumberInput({ label: 'Separación', id: 'imageSeparation', description: 'En pixeles. Por defecto 10.', show: ShowValidations.isNotGalleryNorGradient }),
50
+ new Label({ label: 'Degradado', show: ShowValidations.isGradient }),
51
+ new ColorPicker({
52
+ id: 'gradientBackgroundColor',
53
+ label: 'Color de degradado',
54
+ show: ShowValidations.isGradient
55
+ }),
56
+ new NumberInput({
57
+ id: 'gradientRate', label: 'Porcentje de degradado',
58
+ description: 'Por defecto 50',
59
+ range: new NumberRangeValue(1, 100),
60
+ show: ShowValidations.isGradient
61
+ }),
62
+ new SelectInput({
63
+ id: 'gradientOrientation', label: 'Dirección de degradado',
64
+ defaultValue: 'left',
65
+ items: [
66
+ { label: 'Izquierda', value: 'left' },
67
+ { label: 'Derecha', value: 'right' }
68
+ ],
69
+ show: ShowValidations.isGradient
70
+ }),
71
+ new Switch({ id: 'gradientTitleEnabled', label: 'Título general modo degradado', defaultValue: false, show: ShowValidations.isGradient }),
72
+ new TextInput({
73
+ id: 'gradientTitle',
74
+ label: 'Título general',
75
+ required: true,
76
+ show: ShowValidations.gradientTitleEnabled
77
+ }),
78
+ new NumberInput({ id: 'gradientTitlePositionX', label: 'Posición eje X del título general', description: 'En pixeles. Por defecto 0.', show: ShowValidations.gradientTitleEnabled }),
79
+ new NumberInput({ id: 'gradientTitlePositionY', label: 'Posición eje Y del título general', description: 'En pixeles. Por defecto 0.', show: ShowValidations.gradientTitleEnabled }),
80
+ new TextFormat({ id: 'gradientTitleFormat', label: 'Formato título general', show: ShowValidations.gradientTitleEnabled }),
50
81
  new Label({ label: 'Galeria', show: ShowValidations.isGallery }),
51
82
  new SelectInput({ id: 'barSize', label: 'Tamaño de la barra', items: [
52
83
  { label: 'Pequeña', value: 'small' },
package/configuration/appearanceGroup/generalInputs.ts CHANGED
@@ -19,7 +19,8 @@ export const generalInputs = [
19
19
 
20
20
  new SelectInput({ id: 'template', label: 'Modo', required: true, defaultValue: 'standard', items: [
21
21
  {label: 'Estandar', value: 'standard'},
22
- {label: 'Galeria', value: 'gallery'}
22
+ {label: 'Galeria', value: 'gallery'},
23
+ {label: 'Degradada', value: 'gradient'}
23
24
  ] }),
24
25
  new NumberInput({
25
26
  id: 'showTime', label: 'Persistencia',
package/configuration/index.ts CHANGED
@@ -54,8 +54,8 @@ const newsList = new List({
54
54
  range: new NumberRangeValue(1, 650)
55
55
  }),
56
56
 
57
- new SelectAssetKna({ id: 'image', label: 'Imágen', required: true,
58
- extensions: ['jpg', 'jpeg', 'png', 'svg'], show: ShowValidations.imageEnabled
57
+ new SelectAssetKna({ id: 'image', label: 'Imagen', required: true,
58
+ extensions: ['jpg', 'jpeg', 'png', 'svg'], show: (ShowValidations.imageForceEnabled)
59
59
  }),
60
60
 
61
61
  new TextInput({
package/configuration/utils.ts CHANGED
@@ -3,10 +3,16 @@ const descriptionEnabled = '{{descriptionEnabled}} === true'
3
3
  const imageEnabled = '{{imageEnabled}} === true'
4
4
  const qrCodeEnabled = '{{qrCodeEnabled}} === true'
5
5
 
6
+ const isGradient = `{{template}} === 'gradient'`
7
+ const isNotGradient = `( ( ${isGradient} ) === false )`
8
+ const imageForceEnabled = `${imageEnabled} || ${isGradient}`
9
+ const gradientTitleEnabled = `${isGradient} && ({{gradientTitleEnabled}} === true)`
10
+
6
11
  const isGallery = `{{template}} === 'gallery'`
7
12
  const isNotGallery = `${imageEnabled} && ( ( ${isGallery} ) === false )`
13
+ const isNotGalleryNorGradient = `${isNotGallery} && ${isNotGradient}`
8
14
  const galleryIconEnabled = `${isGallery} && ({{iconVisible}} === true)`
9
- const isCustomSize = `${isNotGallery} && ( {{imageSize}} === 'custom' )`
15
+ const isCustomSize = `${isNotGalleryNorGradient} && ( {{imageSize}} === 'custom' )`
10
16
  const titleAndDescription = `${titleEnabled} && ${descriptionEnabled}`
11
17
 
12
18
  const shortTitleEnabled = `${titleEnabled} && ({{newsSizeSelect}} === 'short')`
@@ -21,7 +27,12 @@ export const ShowValidations = {
21
27
  titleEnabled,
22
28
  descriptionEnabled,
23
29
  imageEnabled,
30
+ imageForceEnabled,
31
+ gradientTitleEnabled,
24
32
  qrCodeEnabled,
33
+ isGradient,
34
+ isNotGradient,
35
+ isNotGalleryNorGradient,
25
36
  isGallery,
26
37
  galleryIconEnabled,
27
38
  isNotGallery,
package/configuration.json CHANGED
@@ -2,63 +2,63 @@
2
2
  "durationFormula": "({{news}} && {{news}}.length || 1) * ({{showTime}} || 10)",
3
3
  "schema": [
4
4
  {
5
- "type": "list",
6
5
  "id": "news",
7
6
  "label": "Noticias",
7
+ "type": "list",
8
8
  "itemSchema": [
9
9
  {
10
- "type": "text-input",
11
10
  "id": "title",
12
11
  "label": "Título corto",
13
12
  "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'short')",
13
+ "type": "text-input",
14
14
  "required": true,
15
15
  "range": "[1:20]"
16
16
  },
17
17
  {
18
- "type": "text-input",
19
18
  "id": "title",
20
19
  "label": "Título mediano",
21
20
  "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'medium')",
21
+ "type": "text-input",
22
22
  "required": true,
23
23
  "range": "[1:50]"
24
24
  },
25
25
  {
26
- "type": "text-input",
27
26
  "id": "title",
28
27
  "label": "Título largo",
29
28
  "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'large')",
29
+ "type": "text-input",
30
30
  "required": true,
31
31
  "range": "[1:80]"
32
32
  },
33
33
  {
34
- "type": "text-area",
35
34
  "id": "description",
36
35
  "label": "Descripción corta",
37
36
  "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'short')",
37
+ "type": "text-area",
38
38
  "required": true,
39
39
  "range": "[1:80]"
40
40
  },
41
41
  {
42
- "type": "text-area",
43
42
  "id": "description",
44
43
  "label": "Descripción mediana",
45
44
  "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'medium')",
45
+ "type": "text-area",
46
46
  "required": true,
47
47
  "range": "[1:350]"
48
48
  },
49
49
  {
50
- "type": "text-area",
51
50
  "id": "description",
52
51
  "label": "Descripción larga",
53
52
  "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'large')",
53
+ "type": "text-area",
54
54
  "required": true,
55
55
  "range": "[1:650]"
56
56
  },
57
57
  {
58
- "type": "select-asset-kna-input",
59
58
  "id": "image",
60
- "label": "Imágen",
61
- "show": "{{imageEnabled}} === true",
59
+ "label": "Imagen",
60
+ "show": "{{imageEnabled}} === true || {{template}} === 'gradient'",
61
+ "type": "select-asset-kna-input",
62
62
  "required": true,
63
63
  "extensions": [
64
64
  "jpg",
@@ -69,17 +69,17 @@
69
69
  "multiple": false
70
70
  },
71
71
  {
72
- "type": "text-input",
73
72
  "id": "qrCodeUrl",
74
73
  "label": "URL código QR",
75
74
  "show": "{{qrCodeEnabled}} === true",
75
+ "type": "text-input",
76
76
  "required": true
77
77
  },
78
78
  {
79
- "type": "text-input",
80
79
  "id": "qrCodeTitle",
81
80
  "label": "Título código QR",
82
81
  "show": "{{qrCodeEnabled}} === true",
82
+ "type": "text-input",
83
83
  "required": false
84
84
  }
85
85
  ],
@@ -92,18 +92,18 @@
92
92
  "sortable": true
93
93
  },
94
94
  {
95
- "type": "group",
96
95
  "id": "appaeranceGroup",
97
96
  "label": "Apariencia",
97
+ "type": "group",
98
98
  "items": [
99
99
  {
100
100
  "type": "label",
101
101
  "label": "General"
102
102
  },
103
103
  {
104
- "type": "select-input",
105
104
  "id": "newsSizeSelect",
106
105
  "label": "Noticia:",
106
+ "type": "select-input",
107
107
  "description": "Tamaño de la noticia.",
108
108
  "items": [
109
109
  {
@@ -123,9 +123,9 @@
123
123
  "defaultValue": "medium"
124
124
  },
125
125
  {
126
- "type": "select-input",
127
126
  "id": "template",
128
127
  "label": "Modo",
128
+ "type": "select-input",
129
129
  "items": [
130
130
  {
131
131
  "label": "Estandar",
@@ -134,22 +134,26 @@
134
134
  {
135
135
  "label": "Galeria",
136
136
  "value": "gallery"
137
+ },
138
+ {
139
+ "label": "Degradada",
140
+ "value": "gradient"
137
141
  }
138
142
  ],
139
143
  "required": true,
140
144
  "defaultValue": "standard"
141
145
  },
142
146
  {
143
- "type": "number-input",
144
147
  "id": "showTime",
145
148
  "label": "Persistencia",
149
+ "type": "number-input",
146
150
  "range": "[5:9999:]",
147
151
  "description": "Tiempo en segundos por noticia. Por defecto 10"
148
152
  },
149
153
  {
150
- "type": "slider",
151
154
  "id": "animationSpeed",
152
155
  "label": "Velocidad",
156
+ "type": "slider",
153
157
  "required": true,
154
158
  "min": 0.25,
155
159
  "max": 3.25,
@@ -160,9 +164,9 @@
160
164
  "description": "Rapidez de las transiciones"
161
165
  },
162
166
  {
163
- "type": "select-input",
164
167
  "id": "animationType",
165
168
  "label": "Tipo de animación",
169
+ "type": "select-input",
166
170
  "items": [
167
171
  {
168
172
  "label": "Fundido",
@@ -177,9 +181,9 @@
177
181
  "defaultValue": "fade"
178
182
  },
179
183
  {
180
- "type": "select-input",
181
184
  "id": "textAlignment",
182
185
  "label": "Alineado vertical",
186
+ "type": "select-input",
183
187
  "description": "La posición vertical de los textos.",
184
188
  "items": [
185
189
  {
@@ -211,61 +215,62 @@
211
215
  "label": "Elementos"
212
216
  },
213
217
  {
214
- "type": "switch",
215
218
  "id": "titleEnabled",
216
219
  "label": "Título",
220
+ "type": "switch",
217
221
  "defaultValue": true
218
222
  },
219
223
  {
220
- "type": "text-format",
221
224
  "id": "titleFormat",
222
225
  "label": "Formato",
223
- "show": "{{titleEnabled}} === true"
226
+ "show": "{{titleEnabled}} === true",
227
+ "type": "text-format"
224
228
  },
225
229
  {
226
- "type": "number-input",
227
230
  "id": "titleLineHeight",
228
231
  "label": "Altura de línea",
229
232
  "show": "{{titleEnabled}} === true",
233
+ "type": "number-input",
230
234
  "range": "[0.8:100:]"
231
235
  },
232
236
  {
233
- "type": "switch",
234
237
  "id": "descriptionEnabled",
235
238
  "label": "Descripción",
239
+ "type": "switch",
236
240
  "defaultValue": true
237
241
  },
238
242
  {
239
- "type": "text-format",
240
243
  "id": "descriptionFormat",
241
244
  "label": "Formato",
242
- "show": "{{descriptionEnabled}} === true"
245
+ "show": "{{descriptionEnabled}} === true",
246
+ "type": "text-format"
243
247
  },
244
248
  {
245
- "type": "number-input",
246
249
  "id": "descriptionLineHeight",
247
250
  "label": "Altura de línea",
248
251
  "show": "{{descriptionEnabled}} === true",
252
+ "type": "number-input",
249
253
  "range": "[0.8:100:]"
250
254
  },
251
255
  {
252
- "type": "number-input",
253
256
  "id": "textSeparation",
254
257
  "label": "Separación de textos",
255
258
  "show": "{{titleEnabled}} === true && {{descriptionEnabled}} === true",
259
+ "type": "number-input",
256
260
  "description": "En pixeles."
257
261
  },
258
262
  {
259
- "type": "switch",
260
263
  "id": "imageEnabled",
261
264
  "label": "Imagen",
265
+ "show": "( ( {{template}} === 'gradient' ) === false )",
266
+ "type": "switch",
262
267
  "defaultValue": true
263
268
  },
264
269
  {
265
- "type": "select-input",
266
270
  "id": "imageSize",
267
271
  "label": "Tamaño",
268
- "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false )",
272
+ "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( ( {{template}} === 'gradient' ) === false )",
273
+ "type": "select-input",
269
274
  "description": "Relación de tamaño entre la imagen y los textos.",
270
275
  "items": [
271
276
  {
@@ -288,19 +293,19 @@
288
293
  "required": true
289
294
  },
290
295
  {
291
- "type": "number-input",
292
296
  "id": "imageCustomSize",
293
297
  "label": "Tamaño personalizado",
294
- "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( {{imageSize}} === 'custom' )",
298
+ "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( ( {{template}} === 'gradient' ) === false ) && ( {{imageSize}} === 'custom' )",
299
+ "type": "number-input",
295
300
  "range": "[1:100:]",
296
301
  "description": "En porcentaje.",
297
302
  "required": true
298
303
  },
299
304
  {
300
- "type": "select-input",
301
305
  "id": "imagePosition",
302
306
  "label": "Posición",
303
- "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false )",
307
+ "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( ( {{template}} === 'gradient' ) === false )",
308
+ "type": "select-input",
304
309
  "description": "Posición de la imagen respecto al texto.",
305
310
  "items": [
306
311
  {
@@ -324,10 +329,10 @@
324
329
  "defaultValue": "left"
325
330
  },
326
331
  {
327
- "type": "select-input",
328
332
  "id": "imageMode",
329
333
  "label": "Modo",
330
- "show": "{{imageEnabled}} === true",
334
+ "show": "( ( {{template}} === 'gradient' ) === false )",
335
+ "type": "select-input",
331
336
  "description": "Modo de ajuste de la imagen.",
332
337
  "items": [
333
338
  {
@@ -351,10 +356,10 @@
351
356
  "defaultValue": "contain"
352
357
  },
353
358
  {
354
- "type": "select-input",
355
359
  "id": "imageStyle",
356
360
  "label": "Estilo",
357
- "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false )",
361
+ "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( ( {{template}} === 'gradient' ) === false )",
362
+ "type": "select-input",
358
363
  "items": [
359
364
  {
360
365
  "label": "Normal",
@@ -375,22 +380,93 @@
375
380
  ]
376
381
  },
377
382
  {
378
- "type": "number-input",
379
383
  "id": "imageSeparation",
380
384
  "label": "Separación",
381
- "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false )",
385
+ "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( ( {{template}} === 'gradient' ) === false )",
386
+ "type": "number-input",
382
387
  "description": "En pixeles. Por defecto 10."
383
388
  },
389
+ {
390
+ "type": "label",
391
+ "label": "Degradado",
392
+ "show": "{{template}} === 'gradient'"
393
+ },
394
+ {
395
+ "id": "gradientBackgroundColor",
396
+ "label": "Color de degradado",
397
+ "show": "{{template}} === 'gradient'",
398
+ "type": "color-picker",
399
+ "output": "auto"
400
+ },
401
+ {
402
+ "id": "gradientRate",
403
+ "label": "Porcentje de degradado",
404
+ "show": "{{template}} === 'gradient'",
405
+ "type": "number-input",
406
+ "range": "[1:100:]",
407
+ "description": "Por defecto 50"
408
+ },
409
+ {
410
+ "id": "gradientOrientation",
411
+ "label": "Dirección de degradado",
412
+ "show": "{{template}} === 'gradient'",
413
+ "type": "select-input",
414
+ "items": [
415
+ {
416
+ "label": "Izquierda",
417
+ "value": "left"
418
+ },
419
+ {
420
+ "label": "Derecha",
421
+ "value": "right"
422
+ }
423
+ ],
424
+ "defaultValue": "left"
425
+ },
426
+ {
427
+ "id": "gradientTitleEnabled",
428
+ "label": "Título general modo degradado",
429
+ "show": "{{template}} === 'gradient'",
430
+ "type": "switch",
431
+ "defaultValue": false
432
+ },
433
+ {
434
+ "id": "gradientTitle",
435
+ "label": "Título general",
436
+ "show": "{{template}} === 'gradient' && ({{gradientTitleEnabled}} === true)",
437
+ "type": "text-input",
438
+ "required": true
439
+ },
440
+ {
441
+ "id": "gradientTitlePositionX",
442
+ "label": "Posición eje X del título general",
443
+ "show": "{{template}} === 'gradient' && ({{gradientTitleEnabled}} === true)",
444
+ "type": "number-input",
445
+ "description": "En pixeles. Por defecto 0."
446
+ },
447
+ {
448
+ "id": "gradientTitlePositionY",
449
+ "label": "Posición eje Y del título general",
450
+ "show": "{{template}} === 'gradient' && ({{gradientTitleEnabled}} === true)",
451
+ "type": "number-input",
452
+ "description": "En pixeles. Por defecto 0."
453
+ },
454
+ {
455
+ "id": "gradientTitleFormat",
456
+ "label": "Formato título general",
457
+ "show": "{{template}} === 'gradient' && ({{gradientTitleEnabled}} === true)",
458
+ "type": "text-format"
459
+ },
384
460
  {
385
461
  "type": "label",
386
462
  "label": "Galeria",
387
463
  "show": "{{template}} === 'gallery'"
388
464
  },
389
465
  {
390
- "type": "select-input",
391
466
  "id": "barSize",
392
467
  "label": "Tamaño de la barra",
393
468
  "show": "{{template}} === 'gallery'",
469
+ "type": "select-input",
394
470
  "items": [
395
471
  {
396
472
  "label": "Pequeña",
@@ -407,97 +483,97 @@
407
483
  ]
408
484
  },
409
485
  {
410
- "type": "color-picker",
411
486
  "id": "barColor",
412
487
  "label": "Color de la barra",
413
488
  "show": "{{template}} === 'gallery'",
489
+ "type": "color-picker",
414
490
  "output": "auto"
415
491
  },
416
492
  {
417
- "type": "slider",
418
493
  "id": "barOpacity",
419
494
  "label": "Opacidad de la barra",
420
495
  "show": "{{template}} === 'gallery'",
496
+ "type": "slider",
421
497
  "min": 0,
422
498
  "max": 1,
423
499
  "step": 0.01
424
500
  },
425
501
  {
426
- "type": "switch",
427
502
  "id": "iconVisible",
428
503
  "label": "Ícono",
429
504
  "show": "{{template}} === 'gallery'",
505
+ "type": "switch",
430
506
  "defaultValue": true
431
507
  },
432
508
  {
433
- "type": "color-picker",
434
509
  "id": "iconColor",
435
510
  "label": "Color del ícono",
436
511
  "show": "{{template}} === 'gallery' && ({{iconVisible}} === true)",
512
+ "type": "color-picker",
437
513
  "output": "auto"
438
514
  },
439
515
  {
440
- "type": "switch",
441
516
  "id": "qrCodeEnabled",
442
517
  "label": "Código QR",
518
+ "type": "switch",
443
519
  "defaultValue": true
444
520
  },
445
521
  {
446
- "type": "number-input",
447
522
  "id": "qrCodeWidth",
448
523
  "label": "Tamaño código QR",
449
524
  "show": "{{qrCodeEnabled}} === true",
525
+ "type": "number-input",
450
526
  "description": "En pixeles. Por defecto 200."
451
527
  },
452
528
  {
453
- "type": "number-input",
454
529
  "id": "qrCodeHeight",
455
530
  "label": "Alto tarjeta de código QR",
456
531
  "show": "{{qrCodeEnabled}} === true",
532
+ "type": "number-input",
457
533
  "description": "En pixeles. Por defecto 220."
458
534
  },
459
535
  {
460
- "type": "number-input",
461
536
  "id": "qrCodePositionX",
462
537
  "label": "Posición eje X de código QR",
463
538
  "show": "{{qrCodeEnabled}} === true",
539
+ "type": "number-input",
464
540
  "description": "En pixeles. Por defecto 0."
465
541
  },
466
542
  {
467
- "type": "number-input",
468
543
  "id": "qrCodePositionY",
469
544
  "label": "Posición eje Y de código QR",
470
545
  "show": "{{qrCodeEnabled}} === true",
546
+ "type": "number-input",
471
547
  "description": "En pixeles. Por defecto 0."
472
548
  },
473
549
  {
474
- "type": "color-picker",
475
550
  "id": "qrCodeBackgroundColor",
476
551
  "label": "Color fondo del código QR",
477
552
  "show": "{{qrCodeEnabled}} === true",
553
+ "type": "color-picker",
478
554
  "output": "auto"
479
555
  },
480
556
  {
481
- "type": "color-picker",
482
557
  "id": "qrCodeColor",
483
558
  "label": "Color del código QR",
484
559
  "show": "{{qrCodeEnabled}} === true",
560
+ "type": "color-picker",
485
561
  "output": "auto"
486
562
  },
487
563
  {
488
- "type": "text-format",
489
564
  "id": "QrCodeTitleFormat",
490
565
  "label": "Formato título código QR",
491
- "show": "{{qrCodeEnabled}} === true"
566
+ "show": "{{qrCodeEnabled}} === true",
567
+ "type": "text-format"
492
568
  },
493
569
  {
494
570
  "type": "label",
495
571
  "label": "Avanzado"
496
572
  },
497
573
  {
498
- "type": "select-asset-kna-input",
499
574
  "id": "background",
500
575
  "label": "Fondo",
576
+ "type": "select-asset-kna-input",
501
577
  "extensions": [
502
578
  "jpg",
503
579
  "jpeg",
@@ -506,9 +582,9 @@
506
582
  "multiple": false
507
583
  },
508
584
  {
509
- "type": "text-input",
510
585
  "id": "padding",
511
586
  "label": "Márgenes",
587
+ "type": "text-input",
512
588
  "description": "CSS para dar espacio arriba/derecha/abajo/izquieda.",
513
589
  "required": false
514
590
  }
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "author": {
8
8
  "name": ""
9
9
  },
10
- "version": "0.4.5",
10
+ "version": "0.4.6-beta.1",
11
11
  "scripts": {
12
12
  "prepublishOnly": "vixonic-module-packager --mode=build",
13
13
  "watch": "vixonic-module-packager --mode=watch",
@@ -21,17 +21,17 @@
21
21
  "react": "^16.14.0",
22
22
  "react-dom": "^16.14.0",
23
23
  "react-qr-code": "^2.0.2",
24
- "react-transition-group": "^2.3.1",
25
- "uuid": "^3.2.1"
24
+ "react-transition-group": "^4.4.2",
25
+ "uuid": "^8.3.2"
26
26
  },
27
27
  "devDependencies": {
28
- "@types/node": "^10.0.8",
28
+ "@types/node": "^12.20.29",
29
29
  "@types/react": "^16.14.14",
30
30
  "@types/react-dom": "^16.9.14",
31
- "@types/react-transition-group": "^2.0.9",
32
- "@types/uuid": "^3.4.3",
33
- "@vixoniccom/module-packager": "^2.4.2",
34
- "@vixoniccom/modules": "^2.2.0",
31
+ "@types/react-transition-group": "^4.4.3",
32
+ "@types/uuid": "^8.3.1",
33
+ "@vixoniccom/module-packager": "^2.5.0",
34
+ "@vixoniccom/modules": "^2.12.0",
35
35
  "standard-version": "^9.3.1"
36
36
  }
37
37
  }