@vixoniccom/birthdays 0.7.13-dev.0 → 0.7.13-dev.2

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 (7) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/build.zip +0 -0
  3. package/configuration/appearanceGroup/AppearanceInputs.ts +16 -6
  4. package/configuration/standardGroup/StandardInputs.ts +48 -29
  5. package/configuration/utils.ts +1 -0
  6. package/configuration.json +63 -31
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,10 @@
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.7.13-dev.2](https://github.com/Vixonic/store-birthdays/compare/v0.7.13-dev.1...v0.7.13-dev.2) (2026-06-17)
6
+
7
+ ### [0.7.13-dev.1](https://github.com/Vixonic/store-birthdays/compare/v0.7.13-dev.0...v0.7.13-dev.1) (2026-06-17)
8
+
5
9
  ### [0.7.13-dev.0](https://github.com/Vixonic/store-birthdays/compare/v0.7.8...v0.7.13-dev.0) (2026-06-17)
6
10
 
7
11
 
package/build.zip CHANGED
Binary file
package/configuration/appearanceGroup/AppearanceInputs.ts CHANGED
@@ -7,21 +7,22 @@ import {
7
7
  Switch,
8
8
  TextInput,
9
9
  } from '@vixoniccom/modules'
10
+ import { ShowValidations } from '../utils'
10
11
 
11
12
  export const appearanceInputs = [
12
13
  new Label({ label: 'Tema predefinido' }),
13
14
  new SelectInput({
14
15
  id: 'themePreset',
15
16
  label: 'Tema',
16
- description: 'Selecciona un tema predefinido para aplicar estilos de forma automática. Si no seleccionas ninguno, se usarán los valores individuales de cada campo.',
17
+ description: 'Elige un tema para aplicar un estilo visual completo de forma automática. Selecciona Personalizado para configurar cada campo de estilo de forma individual.',
17
18
  items: [
19
+ { label: 'Personalizado', value: 'personalizado' },
18
20
  { label: 'Preset 1', value: 'preset1' },
19
21
  { label: 'Preset 2', value: 'preset2' },
20
22
  { label: 'Preset 3', value: 'preset3' },
21
23
  ],
22
24
  }),
23
-
24
- new Label({ label: 'Orientación' }),
25
+ new Label({ label: 'Orientación', show: ShowValidations.personalizado }),
25
26
  new SelectInput({
26
27
  id: 'orientation',
27
28
  required: true,
@@ -31,9 +32,10 @@ export const appearanceInputs = [
31
32
  { label: 'Vertical', value: 'v' },
32
33
  ],
33
34
  defaultValue: 'h',
35
+ show: ShowValidations.personalizado,
34
36
  }),
35
37
 
36
- new Label({ label: 'Animación' }),
38
+ new Label({ label: 'Animación', show: ShowValidations.personalizado }),
37
39
  new SelectInput({
38
40
  id: 'animationMode',
39
41
  required: true,
@@ -44,7 +46,8 @@ export const appearanceInputs = [
44
46
  { label: 'Derecha - izquierda', value: 'slideLeft' },
45
47
  ],
46
48
  defaultValue: 'fade',
47
- description: 'Por defecto, Fundido.'
49
+ description: 'Por defecto, Fundido.',
50
+ show: ShowValidations.personalizado,
48
51
  }),
49
52
  new SelectInput({
50
53
  id: 'animationSpeed',
@@ -55,6 +58,7 @@ export const appearanceInputs = [
55
58
  { label: 'Rápida', value: 1 },
56
59
  ],
57
60
  defaultValue: 1.5,
61
+ show: ShowValidations.personalizado,
58
62
  }),
59
63
  new NumberInput({
60
64
  id: 'animationTime',
@@ -62,32 +66,37 @@ export const appearanceInputs = [
62
66
  description: 'Duración de cada grupo de datos (en segundos).',
63
67
  required: true,
64
68
  range: new NumberRangeValue(1, 9999),
69
+ show: ShowValidations.personalizado,
65
70
  }),
66
71
 
67
- new Label({ label: 'Contenedor' }),
72
+ new Label({ label: 'Contenedor', show: ShowValidations.personalizado }),
68
73
  new NumberInput({
69
74
  id: 'containerColumns',
70
75
  label: 'Columnas',
71
76
  description: 'Cantidad de items horizontales. Por defecto, 1.',
72
77
  range: new NumberRangeValue(1, 999),
78
+ show: ShowValidations.personalizado,
73
79
  }),
74
80
  new NumberInput({
75
81
  id: 'containerColumnsGap',
76
82
  label: 'Separador horizontal',
77
83
  description: 'Espacio entre columnas (en porcentaje). Por defecto, 1%.',
78
84
  range: new NumberRangeValue(1, 100),
85
+ show: ShowValidations.personalizado,
79
86
  }),
80
87
  new NumberInput({
81
88
  id: 'containerRows',
82
89
  label: 'Filas',
83
90
  description: 'Cantidad de items verticales. Por defecto, 3.',
84
91
  range: new NumberRangeValue(1, 999),
92
+ show: ShowValidations.personalizado,
85
93
  }),
86
94
  new NumberInput({
87
95
  id: 'containerRowsGap',
88
96
  label: 'Separador vertical',
89
97
  description: 'Espacio entre filas (en porcentaje). Por defecto, 5%.',
90
98
  range: new NumberRangeValue(1, 100),
99
+ show: ShowValidations.personalizado,
91
100
  }),
92
101
 
93
102
  new Label({ label: 'Avanzado' }),
@@ -102,6 +111,7 @@ export const appearanceInputs = [
102
111
  required: false,
103
112
  label: 'Márgenes',
104
113
  description: 'CSS para dar espacio arriba/derecha/abajo/izquieda.',
114
+ show: ShowValidations.personalizado,
105
115
  }),
106
116
 
107
117
  new Label({ label: 'Visualizador de error' }),
package/configuration/standardGroup/StandardInputs.ts CHANGED
@@ -10,8 +10,19 @@ import {
10
10
  } from '@vixoniccom/modules'
11
11
  import { ShowValidations } from '../utils'
12
12
 
13
+ const {
14
+ personalizado,
15
+ descriptionEnabled,
16
+ optionalEnabled,
17
+ imageEnabled,
18
+ dateEnabled,
19
+ abbreviatedMonthsCondition,
20
+ dateColorCondition,
21
+ separatorEnabled,
22
+ } = ShowValidations
23
+
13
24
  export const standardInputs = [
14
- new Label({ label: 'Textos' }),
25
+ new Label({ label: 'Textos', show: personalizado }),
15
26
  new SelectInput({
16
27
  id: 'textPosition',
17
28
  label: 'Posición',
@@ -21,6 +32,7 @@ export const standardInputs = [
21
32
  { label: 'Final', value: 3 },
22
33
  ],
23
34
  defaultValue: 2,
35
+ show: personalizado,
24
36
  }),
25
37
  new SelectInput({
26
38
  id: 'textAlignment',
@@ -31,15 +43,17 @@ export const standardInputs = [
31
43
  { label: 'Final', value: 'end' },
32
44
  ],
33
45
  defaultValue: 'center',
46
+ show: personalizado,
34
47
  }),
35
48
 
36
- new Label({ label: 'Nombre' }),
37
- new TextFormat({ id: 'nameFormat', label: 'Formato' }),
38
- new NumberInput({ id: 'nameMaxChar', label: 'Caracteres máximos' }),
49
+ new Label({ label: 'Nombre', show: personalizado }),
50
+ new TextFormat({ id: 'nameFormat', label: 'Formato', show: personalizado }),
51
+ new NumberInput({ id: 'nameMaxChar', label: 'Caracteres máximos', show: personalizado }),
39
52
  new TextInput({
40
53
  id: 'textMargin',
41
54
  label: 'Margen',
42
55
  description: 'Margen derecho de los textos (en porcentaje). Por defecto 0%.',
56
+ show: personalizado,
43
57
  }),
44
58
 
45
59
  new Switch({
@@ -48,11 +62,12 @@ export const standardInputs = [
48
62
  displayOnTrue: 'habilitada',
49
63
  displayOnFalse: 'deshabilitada',
50
64
  defaultValue: true,
65
+ show: personalizado,
51
66
  }),
52
67
 
53
- new Label({ label: 'Descripción', show: ShowValidations.descriptionEnabled }),
54
- new TextFormat({ id: 'descriptionFormat', label: 'Formato', show: ShowValidations.descriptionEnabled }),
55
- new NumberInput({ id: 'descriptionMaxChar', label: 'Caracteres máximos', show: ShowValidations.descriptionEnabled }),
68
+ new Label({ label: 'Descripción', show: `${personalizado} && ${descriptionEnabled}` }),
69
+ new TextFormat({ id: 'descriptionFormat', label: 'Formato', show: `${personalizado} && ${descriptionEnabled}` }),
70
+ new NumberInput({ id: 'descriptionMaxChar', label: 'Caracteres máximos', show: `${personalizado} && ${descriptionEnabled}` }),
56
71
 
57
72
  new Switch({
58
73
  id: 'optionalEnabled',
@@ -60,20 +75,22 @@ export const standardInputs = [
60
75
  displayOnTrue: 'habilitado',
61
76
  displayOnFalse: 'deshabilitado',
62
77
  defaultValue: true,
78
+ show: personalizado,
63
79
  }),
64
80
 
65
- new Label({ label: 'Campo opcional', show: ShowValidations.optionalEnabled }),
66
- new TextFormat({ id: 'optionalFormat', label: 'Formato', show: ShowValidations.optionalEnabled }),
81
+ new Label({ label: 'Campo opcional', show: `${personalizado} && ${optionalEnabled}` }),
82
+ new TextFormat({ id: 'optionalFormat', label: 'Formato', show: `${personalizado} && ${optionalEnabled}` }),
67
83
 
68
- new Label({ label: 'Fotografía' }),
84
+ new Label({ label: 'Fotografía', show: personalizado }),
69
85
 
70
- new Label({ label: 'Imagen' }),
86
+ new Label({ label: 'Imagen', show: personalizado }),
71
87
  new Switch({
72
88
  id: 'imageEnabled',
73
89
  label: 'Imagen',
74
90
  displayOnTrue: 'habilitada',
75
91
  displayOnFalse: 'deshabilitada',
76
92
  defaultValue: true,
93
+ show: personalizado,
77
94
  }),
78
95
  new SelectInput({
79
96
  id: 'imagePosition',
@@ -84,7 +101,7 @@ export const standardInputs = [
84
101
  { label: 'Final', value: 3 },
85
102
  ],
86
103
  defaultValue: 2,
87
- show: ShowValidations.imageEnabled,
104
+ show: `${personalizado} && ${imageEnabled}`,
88
105
  }),
89
106
  new SelectInput({
90
107
  id: 'imageAlignment',
@@ -95,7 +112,7 @@ export const standardInputs = [
95
112
  { label: 'Final', value: 'end' },
96
113
  ],
97
114
  defaultValue: 'center',
98
- show: ShowValidations.imageEnabled,
115
+ show: `${personalizado} && ${imageEnabled}`,
99
116
  }),
100
117
  new SelectInput({
101
118
  id: 'imageStyle',
@@ -108,29 +125,30 @@ export const standardInputs = [
108
125
  { label: 'Círculo', value: 'circle' },
109
126
  ],
110
127
  defaultValue: 'normal',
111
- show: ShowValidations.imageEnabled,
128
+ show: `${personalizado} && ${imageEnabled}`,
112
129
  }),
113
130
  new TextInput({
114
131
  id: 'imageMargin',
115
132
  label: 'Margen',
116
133
  description: 'Margen derecho de la imagen (en porcentaje). Por defecto 0%.',
117
- show: ShowValidations.imageEnabled,
134
+ show: `${personalizado} && ${imageEnabled}`,
118
135
  }),
119
136
  new NumberInput({
120
137
  id: 'imageSize',
121
138
  label: 'Tamaño',
122
139
  description: 'Tamaño de la imagen (en porcentaje).',
123
140
  range: new NumberRangeValue(1, 100),
124
- show: ShowValidations.imageEnabled,
141
+ show: `${personalizado} && ${imageEnabled}`,
125
142
  }),
126
143
 
127
- new Label({ label: 'Fecha' }),
144
+ new Label({ label: 'Fecha', show: personalizado }),
128
145
  new Switch({
129
146
  id: 'dateEnabled',
130
147
  label: 'Fecha',
131
148
  displayOnTrue: 'habilitada',
132
149
  displayOnFalse: 'deshabilitada',
133
150
  defaultValue: true,
151
+ show: personalizado,
134
152
  }),
135
153
  new SelectInput({
136
154
  id: 'datePosition',
@@ -141,7 +159,7 @@ export const standardInputs = [
141
159
  { label: 'Final', value: 3 },
142
160
  ],
143
161
  defaultValue: 3,
144
- show: ShowValidations.dateEnabled,
162
+ show: `${personalizado} && ${dateEnabled}`,
145
163
  }),
146
164
  new SelectInput({
147
165
  id: 'dateAlignment',
@@ -152,7 +170,7 @@ export const standardInputs = [
152
170
  { label: 'Final', value: 'end' },
153
171
  ],
154
172
  defaultValue: 'center',
155
- show: ShowValidations.dateEnabled,
173
+ show: `${personalizado} && ${dateEnabled}`,
156
174
  }),
157
175
  new SelectInput({
158
176
  id: 'dateStyle',
@@ -167,45 +185,46 @@ export const standardInputs = [
167
185
  { label: 'Líneas', value: 'outlines' },
168
186
  ],
169
187
  defaultValue: 'calendarFlat',
170
- show: ShowValidations.dateEnabled,
188
+ show: `${personalizado} && ${dateEnabled}`,
171
189
  }),
172
- new TextFormat({ id: 'dateDayFormat', label: 'Formato del día', show: ShowValidations.dateEnabled }),
173
- new TextFormat({ id: 'dateMonthFormat', label: 'Formato del mes', show: ShowValidations.dateEnabled }),
190
+ new TextFormat({ id: 'dateDayFormat', label: 'Formato del día', show: `${personalizado} && ${dateEnabled}` }),
191
+ new TextFormat({ id: 'dateMonthFormat', label: 'Formato del mes', show: `${personalizado} && ${dateEnabled}` }),
174
192
  new Switch({
175
193
  id: 'abbreviatedMonths',
176
194
  label: 'Meses',
177
195
  displayOnTrue: 'abreviados',
178
196
  displayOnFalse: 'no abreviados',
179
197
  defaultValue: false,
180
- show: ShowValidations.abbreviatedMonthsCondition,
198
+ show: `${personalizado} && ${abbreviatedMonthsCondition}`,
181
199
  }),
182
200
  new ColorPicker({
183
201
  id: 'datePrimaryColor',
184
202
  label: 'Color primario',
185
- show: ShowValidations.dateColorCondition,
203
+ show: `${personalizado} && ${dateColorCondition}`,
186
204
  }),
187
205
  new TextInput({
188
206
  id: 'dateMargin',
189
207
  label: 'Margen',
190
208
  description: 'Margen derecho de la fecha (en porcentaje). Por defecto 0%.',
191
- show: ShowValidations.dateEnabled,
209
+ show: `${personalizado} && ${dateEnabled}`,
192
210
  }),
193
211
 
194
- new Label({ label: 'Separador' }),
212
+ new Label({ label: 'Separador', show: personalizado }),
195
213
  new Switch({
196
214
  id: 'separator',
197
215
  label: 'Separador',
198
216
  displayOnTrue: 'habilitado',
199
217
  displayOnFalse: 'deshabilitado',
200
218
  defaultValue: true,
219
+ show: personalizado,
201
220
  }),
202
- new NumberInput({ id: 'separatorWidth', label: 'Ancho', show: ShowValidations.separatorEnabled }),
203
- new ColorPicker({ id: 'separatorColor', label: 'Color', show: ShowValidations.separatorEnabled }),
221
+ new NumberInput({ id: 'separatorWidth', label: 'Ancho', show: `${personalizado} && ${separatorEnabled}` }),
222
+ new ColorPicker({ id: 'separatorColor', label: 'Color', show: `${personalizado} && ${separatorEnabled}` }),
204
223
  new TextInput({
205
224
  id: 'itemMargins',
206
225
  label: 'Márgenes',
207
226
  description: 'Un CSS de longitud de uno o dos valores.',
208
227
  pattern: '^(( )?[+-]?[0-9]+.?([0-9]+)?(px|em|ex|%|in|cm|mm|pt|pc)){1,2}$',
209
- show: ShowValidations.separatorEnabled,
228
+ show: `${personalizado} && ${separatorEnabled}`,
210
229
  }),
211
230
  ]
package/configuration/utils.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export const ShowValidations = {
2
+ personalizado: '({{themePreset}} === "personalizado" || !{{themePreset}})',
2
3
  descriptionEnabled: '{{descriptionEnabled}} === true',
3
4
  optionalEnabled: '{{optionalEnabled}} === true',
4
5
  imageEnabled: '{{imageEnabled}} === true',
package/configuration.json CHANGED
@@ -112,8 +112,12 @@
112
112
  "id": "themePreset",
113
113
  "label": "Tema",
114
114
  "type": "select-input",
115
- "description": "Selecciona un tema predefinido para aplicar estilos de forma automática. Si no seleccionas ninguno, se usarán los valores individuales de cada campo.",
115
+ "description": "Elige un tema para aplicar un estilo visual completo de forma automática. Selecciona Personalizado para configurar cada campo de estilo de forma individual.",
116
116
  "items": [
117
+ {
118
+ "label": "Personalizado",
119
+ "value": "personalizado"
120
+ },
117
121
  {
118
122
  "label": "Preset 1",
119
123
  "value": "preset1"
@@ -130,11 +134,13 @@
130
134
  },
131
135
  {
132
136
  "type": "label",
133
- "label": "Orientación"
137
+ "label": "Orientación",
138
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
134
139
  },
135
140
  {
136
141
  "id": "orientation",
137
142
  "label": "Orientación",
143
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
138
144
  "type": "select-input",
139
145
  "items": [
140
146
  {
@@ -151,11 +157,13 @@
151
157
  },
152
158
  {
153
159
  "type": "label",
154
- "label": "Animación"
160
+ "label": "Animación",
161
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
155
162
  },
156
163
  {
157
164
  "id": "animationMode",
158
165
  "label": "Tipo de animación",
166
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
159
167
  "type": "select-input",
160
168
  "description": "Por defecto, Fundido.",
161
169
  "items": [
@@ -178,6 +186,7 @@
178
186
  {
179
187
  "id": "animationSpeed",
180
188
  "label": "Velocidad",
189
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
181
190
  "type": "select-input",
182
191
  "items": [
183
192
  {
@@ -198,6 +207,7 @@
198
207
  {
199
208
  "id": "animationTime",
200
209
  "label": "Tiempo",
210
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
201
211
  "type": "number-input",
202
212
  "range": "[1:9999:]",
203
213
  "description": "Duración de cada grupo de datos (en segundos).",
@@ -205,11 +215,13 @@
205
215
  },
206
216
  {
207
217
  "type": "label",
208
- "label": "Contenedor"
218
+ "label": "Contenedor",
219
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
209
220
  },
210
221
  {
211
222
  "id": "containerColumns",
212
223
  "label": "Columnas",
224
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
213
225
  "type": "number-input",
214
226
  "range": "[1:999:]",
215
227
  "description": "Cantidad de items horizontales. Por defecto, 1."
@@ -217,6 +229,7 @@
217
229
  {
218
230
  "id": "containerColumnsGap",
219
231
  "label": "Separador horizontal",
232
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
220
233
  "type": "number-input",
221
234
  "range": "[1:100:]",
222
235
  "description": "Espacio entre columnas (en porcentaje). Por defecto, 1%."
@@ -224,6 +237,7 @@
224
237
  {
225
238
  "id": "containerRows",
226
239
  "label": "Filas",
240
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
227
241
  "type": "number-input",
228
242
  "range": "[1:999:]",
229
243
  "description": "Cantidad de items verticales. Por defecto, 3."
@@ -231,6 +245,7 @@
231
245
  {
232
246
  "id": "containerRowsGap",
233
247
  "label": "Separador vertical",
248
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
234
249
  "type": "number-input",
235
250
  "range": "[1:100:]",
236
251
  "description": "Espacio entre filas (en porcentaje). Por defecto, 5%."
@@ -253,6 +268,7 @@
253
268
  {
254
269
  "id": "padding",
255
270
  "label": "Márgenes",
271
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
256
272
  "type": "text-input",
257
273
  "description": "CSS para dar espacio arriba/derecha/abajo/izquieda.",
258
274
  "required": false
@@ -278,11 +294,13 @@
278
294
  "items": [
279
295
  {
280
296
  "type": "label",
281
- "label": "Textos"
297
+ "label": "Textos",
298
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
282
299
  },
283
300
  {
284
301
  "id": "textPosition",
285
302
  "label": "Posición",
303
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
286
304
  "type": "select-input",
287
305
  "items": [
288
306
  {
@@ -303,6 +321,7 @@
303
321
  {
304
322
  "id": "textAlignment",
305
323
  "label": "Alineación",
324
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
306
325
  "type": "select-input",
307
326
  "items": [
308
327
  {
@@ -322,27 +341,32 @@
322
341
  },
323
342
  {
324
343
  "type": "label",
325
- "label": "Nombre"
344
+ "label": "Nombre",
345
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
326
346
  },
327
347
  {
328
348
  "id": "nameFormat",
329
349
  "label": "Formato",
350
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
330
351
  "type": "text-format"
331
352
  },
332
353
  {
333
354
  "id": "nameMaxChar",
334
355
  "label": "Caracteres máximos",
356
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
335
357
  "type": "number-input"
336
358
  },
337
359
  {
338
360
  "id": "textMargin",
339
361
  "label": "Margen",
362
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
340
363
  "type": "text-input",
341
364
  "description": "Margen derecho de los textos (en porcentaje). Por defecto 0%."
342
365
  },
343
366
  {
344
367
  "id": "descriptionEnabled",
345
368
  "label": "Descripción",
369
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
346
370
  "type": "switch",
347
371
  "defaultValue": true,
348
372
  "displayOnTrue": "habilitada",
@@ -351,23 +375,24 @@
351
375
  {
352
376
  "type": "label",
353
377
  "label": "Descripción",
354
- "show": "{{descriptionEnabled}} === true"
378
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{descriptionEnabled}} === true"
355
379
  },
356
380
  {
357
381
  "id": "descriptionFormat",
358
382
  "label": "Formato",
359
- "show": "{{descriptionEnabled}} === true",
383
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{descriptionEnabled}} === true",
360
384
  "type": "text-format"
361
385
  },
362
386
  {
363
387
  "id": "descriptionMaxChar",
364
388
  "label": "Caracteres máximos",
365
- "show": "{{descriptionEnabled}} === true",
389
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{descriptionEnabled}} === true",
366
390
  "type": "number-input"
367
391
  },
368
392
  {
369
393
  "id": "optionalEnabled",
370
394
  "label": "Campo opcional",
395
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
371
396
  "type": "switch",
372
397
  "defaultValue": true,
373
398
  "displayOnTrue": "habilitado",
@@ -376,25 +401,28 @@
376
401
  {
377
402
  "type": "label",
378
403
  "label": "Campo opcional",
379
- "show": "{{optionalEnabled}} === true"
404
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{optionalEnabled}} === true"
380
405
  },
381
406
  {
382
407
  "id": "optionalFormat",
383
408
  "label": "Formato",
384
- "show": "{{optionalEnabled}} === true",
409
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{optionalEnabled}} === true",
385
410
  "type": "text-format"
386
411
  },
387
412
  {
388
413
  "type": "label",
389
- "label": "Fotografía"
414
+ "label": "Fotografía",
415
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
390
416
  },
391
417
  {
392
418
  "type": "label",
393
- "label": "Imagen"
419
+ "label": "Imagen",
420
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
394
421
  },
395
422
  {
396
423
  "id": "imageEnabled",
397
424
  "label": "Imagen",
425
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
398
426
  "type": "switch",
399
427
  "defaultValue": true,
400
428
  "displayOnTrue": "habilitada",
@@ -403,7 +431,7 @@
403
431
  {
404
432
  "id": "imagePosition",
405
433
  "label": "Posición",
406
- "show": "{{imageEnabled}} === true",
434
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
407
435
  "type": "select-input",
408
436
  "items": [
409
437
  {
@@ -424,7 +452,7 @@
424
452
  {
425
453
  "id": "imageAlignment",
426
454
  "label": "Alineación",
427
- "show": "{{imageEnabled}} === true",
455
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
428
456
  "type": "select-input",
429
457
  "items": [
430
458
  {
@@ -445,7 +473,7 @@
445
473
  {
446
474
  "id": "imageStyle",
447
475
  "label": "Estilo",
448
- "show": "{{imageEnabled}} === true",
476
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
449
477
  "type": "select-input",
450
478
  "description": "Forma de enmarcar la fotografía.",
451
479
  "items": [
@@ -468,25 +496,27 @@
468
496
  {
469
497
  "id": "imageMargin",
470
498
  "label": "Margen",
471
- "show": "{{imageEnabled}} === true",
499
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
472
500
  "type": "text-input",
473
501
  "description": "Margen derecho de la imagen (en porcentaje). Por defecto 0%."
474
502
  },
475
503
  {
476
504
  "id": "imageSize",
477
505
  "label": "Tamaño",
478
- "show": "{{imageEnabled}} === true",
506
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
479
507
  "type": "number-input",
480
508
  "range": "[1:100:]",
481
509
  "description": "Tamaño de la imagen (en porcentaje)."
482
510
  },
483
511
  {
484
512
  "type": "label",
485
- "label": "Fecha"
513
+ "label": "Fecha",
514
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
486
515
  },
487
516
  {
488
517
  "id": "dateEnabled",
489
518
  "label": "Fecha",
519
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
490
520
  "type": "switch",
491
521
  "defaultValue": true,
492
522
  "displayOnTrue": "habilitada",
@@ -495,7 +525,7 @@
495
525
  {
496
526
  "id": "datePosition",
497
527
  "label": "Posición",
498
- "show": "{{dateEnabled}} === true",
528
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
499
529
  "type": "select-input",
500
530
  "items": [
501
531
  {
@@ -516,7 +546,7 @@
516
546
  {
517
547
  "id": "dateAlignment",
518
548
  "label": "Alineación",
519
- "show": "{{dateEnabled}} === true",
549
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
520
550
  "type": "select-input",
521
551
  "items": [
522
552
  {
@@ -537,7 +567,7 @@
537
567
  {
538
568
  "id": "dateStyle",
539
569
  "label": "Estilo",
540
- "show": "{{dateEnabled}} === true",
570
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
541
571
  "type": "select-input",
542
572
  "description": "Forma de enmarcar la fotografía.",
543
573
  "items": [
@@ -568,19 +598,19 @@
568
598
  {
569
599
  "id": "dateDayFormat",
570
600
  "label": "Formato del día",
571
- "show": "{{dateEnabled}} === true",
601
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
572
602
  "type": "text-format"
573
603
  },
574
604
  {
575
605
  "id": "dateMonthFormat",
576
606
  "label": "Formato del mes",
577
- "show": "{{dateEnabled}} === true",
607
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
578
608
  "type": "text-format"
579
609
  },
580
610
  {
581
611
  "id": "abbreviatedMonths",
582
612
  "label": "Meses",
583
- "show": "{{dateEnabled}} === true && ['calendarFlat', 'calendarText', 'outlines'].indexOf({{dateStyle}}) !== -1",
613
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true && ['calendarFlat', 'calendarText', 'outlines'].indexOf({{dateStyle}}) !== -1",
584
614
  "type": "switch",
585
615
  "defaultValue": false,
586
616
  "displayOnTrue": "abreviados",
@@ -589,24 +619,26 @@
589
619
  {
590
620
  "id": "datePrimaryColor",
591
621
  "label": "Color primario",
592
- "show": "({{dateEnabled}} === true && ['calendarFlat', 'circle', 'outlines'].indexOf({{dateStyle}}) !== -1)",
622
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && ({{dateEnabled}} === true && ['calendarFlat', 'circle', 'outlines'].indexOf({{dateStyle}}) !== -1)",
593
623
  "type": "color-picker",
594
624
  "output": "auto"
595
625
  },
596
626
  {
597
627
  "id": "dateMargin",
598
628
  "label": "Margen",
599
- "show": "{{dateEnabled}} === true",
629
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
600
630
  "type": "text-input",
601
631
  "description": "Margen derecho de la fecha (en porcentaje). Por defecto 0%."
602
632
  },
603
633
  {
604
634
  "type": "label",
605
- "label": "Separador"
635
+ "label": "Separador",
636
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
606
637
  },
607
638
  {
608
639
  "id": "separator",
609
640
  "label": "Separador",
641
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
610
642
  "type": "switch",
611
643
  "defaultValue": true,
612
644
  "displayOnTrue": "habilitado",
@@ -615,20 +647,20 @@
615
647
  {
616
648
  "id": "separatorWidth",
617
649
  "label": "Ancho",
618
- "show": "{{separator}} === true",
650
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{separator}} === true",
619
651
  "type": "number-input"
620
652
  },
621
653
  {
622
654
  "id": "separatorColor",
623
655
  "label": "Color",
624
- "show": "{{separator}} === true",
656
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{separator}} === true",
625
657
  "type": "color-picker",
626
658
  "output": "auto"
627
659
  },
628
660
  {
629
661
  "id": "itemMargins",
630
662
  "label": "Márgenes",
631
- "show": "{{separator}} === true",
663
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{separator}} === true",
632
664
  "type": "text-input",
633
665
  "description": "Un CSS de longitud de uno o dos valores.",
634
666
  "pattern": "^(( )?[+-]?[0-9]+.?([0-9]+)?(px|em|ex|%|in|cm|mm|pt|pc)){1,2}$"
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "author": {
9
9
  "name": "Lorenzo Alfaro Bravo"
10
10
  },
11
- "version": "0.7.13-dev.0",
11
+ "version": "0.7.13-dev.2",
12
12
  "scripts": {
13
13
  "prepublish": "vixonic-module-packager --mode=build",
14
14
  "watch": "vixonic-module-packager --mode=watch",