@vixoniccom/birthdays 0.7.13-dev.1 → 0.7.13-dev.3

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 +14 -4
  4. package/configuration/standardGroup/StandardInputs.ts +57 -29
  5. package/configuration/utils.ts +2 -0
  6. package/configuration.json +109 -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.3](https://github.com/Vixonic/store-birthdays/compare/v0.7.13-dev.2...v0.7.13-dev.3) (2026-06-17)
6
+
7
+ ### [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)
8
+
5
9
  ### [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)
6
10
 
7
11
  ### [0.7.13-dev.0](https://github.com/Vixonic/store-birthdays/compare/v0.7.8...v0.7.13-dev.0) (2026-06-17)
package/build.zip CHANGED
Binary file
package/configuration/appearanceGroup/AppearanceInputs.ts CHANGED
@@ -7,6 +7,7 @@ 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' }),
@@ -21,7 +22,7 @@ export const appearanceInputs = [
21
22
  { label: 'Preset 3', value: 'preset3' },
22
23
  ],
23
24
  }),
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
@@ -3,6 +3,7 @@ import {
3
3
  Label,
4
4
  NumberInput,
5
5
  NumberRangeValue,
6
+ SelectAssetKna,
6
7
  SelectInput,
7
8
  Switch,
8
9
  TextFormat,
@@ -10,8 +11,27 @@ import {
10
11
  } from '@vixoniccom/modules'
11
12
  import { ShowValidations } from '../utils'
12
13
 
14
+ const {
15
+ personalizado,
16
+ presetActive,
17
+ descriptionEnabled,
18
+ optionalEnabled,
19
+ imageEnabled,
20
+ dateEnabled,
21
+ abbreviatedMonthsCondition,
22
+ dateColorCondition,
23
+ separatorEnabled,
24
+ } = ShowValidations
25
+
13
26
  export const standardInputs = [
14
- new Label({ label: 'Textos' }),
27
+ new Label({ label: 'Fuentes', show: presetActive }),
28
+ new SelectAssetKna({ id: 'nameFont', label: 'Fuente del nombre', required: false, extensions: ['ttf', 'otf', 'woff', 'woff2'], show: presetActive }),
29
+ new SelectAssetKna({ id: 'descriptionFont', label: 'Fuente de la descripción', required: false, extensions: ['ttf', 'otf', 'woff', 'woff2'], show: presetActive }),
30
+ new SelectAssetKna({ id: 'optionalFont', label: 'Fuente del campo opcional', required: false, extensions: ['ttf', 'otf', 'woff', 'woff2'], show: presetActive }),
31
+ new SelectAssetKna({ id: 'dateDayFont', label: 'Fuente del día', required: false, extensions: ['ttf', 'otf', 'woff', 'woff2'], show: presetActive }),
32
+ new SelectAssetKna({ id: 'dateMonthFont', label: 'Fuente del mes', required: false, extensions: ['ttf', 'otf', 'woff', 'woff2'], show: presetActive }),
33
+
34
+ new Label({ label: 'Textos', show: personalizado }),
15
35
  new SelectInput({
16
36
  id: 'textPosition',
17
37
  label: 'Posición',
@@ -21,6 +41,7 @@ export const standardInputs = [
21
41
  { label: 'Final', value: 3 },
22
42
  ],
23
43
  defaultValue: 2,
44
+ show: personalizado,
24
45
  }),
25
46
  new SelectInput({
26
47
  id: 'textAlignment',
@@ -31,15 +52,17 @@ export const standardInputs = [
31
52
  { label: 'Final', value: 'end' },
32
53
  ],
33
54
  defaultValue: 'center',
55
+ show: personalizado,
34
56
  }),
35
57
 
36
- new Label({ label: 'Nombre' }),
37
- new TextFormat({ id: 'nameFormat', label: 'Formato' }),
38
- new NumberInput({ id: 'nameMaxChar', label: 'Caracteres máximos' }),
58
+ new Label({ label: 'Nombre', show: personalizado }),
59
+ new TextFormat({ id: 'nameFormat', label: 'Formato', show: personalizado }),
60
+ new NumberInput({ id: 'nameMaxChar', label: 'Caracteres máximos', show: personalizado }),
39
61
  new TextInput({
40
62
  id: 'textMargin',
41
63
  label: 'Margen',
42
64
  description: 'Margen derecho de los textos (en porcentaje). Por defecto 0%.',
65
+ show: personalizado,
43
66
  }),
44
67
 
45
68
  new Switch({
@@ -48,11 +71,12 @@ export const standardInputs = [
48
71
  displayOnTrue: 'habilitada',
49
72
  displayOnFalse: 'deshabilitada',
50
73
  defaultValue: true,
74
+ show: personalizado,
51
75
  }),
52
76
 
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 }),
77
+ new Label({ label: 'Descripción', show: `${personalizado} && ${descriptionEnabled}` }),
78
+ new TextFormat({ id: 'descriptionFormat', label: 'Formato', show: `${personalizado} && ${descriptionEnabled}` }),
79
+ new NumberInput({ id: 'descriptionMaxChar', label: 'Caracteres máximos', show: `${personalizado} && ${descriptionEnabled}` }),
56
80
 
57
81
  new Switch({
58
82
  id: 'optionalEnabled',
@@ -60,20 +84,22 @@ export const standardInputs = [
60
84
  displayOnTrue: 'habilitado',
61
85
  displayOnFalse: 'deshabilitado',
62
86
  defaultValue: true,
87
+ show: personalizado,
63
88
  }),
64
89
 
65
- new Label({ label: 'Campo opcional', show: ShowValidations.optionalEnabled }),
66
- new TextFormat({ id: 'optionalFormat', label: 'Formato', show: ShowValidations.optionalEnabled }),
90
+ new Label({ label: 'Campo opcional', show: `${personalizado} && ${optionalEnabled}` }),
91
+ new TextFormat({ id: 'optionalFormat', label: 'Formato', show: `${personalizado} && ${optionalEnabled}` }),
67
92
 
68
- new Label({ label: 'Fotografía' }),
93
+ new Label({ label: 'Fotografía', show: personalizado }),
69
94
 
70
- new Label({ label: 'Imagen' }),
95
+ new Label({ label: 'Imagen', show: personalizado }),
71
96
  new Switch({
72
97
  id: 'imageEnabled',
73
98
  label: 'Imagen',
74
99
  displayOnTrue: 'habilitada',
75
100
  displayOnFalse: 'deshabilitada',
76
101
  defaultValue: true,
102
+ show: personalizado,
77
103
  }),
78
104
  new SelectInput({
79
105
  id: 'imagePosition',
@@ -84,7 +110,7 @@ export const standardInputs = [
84
110
  { label: 'Final', value: 3 },
85
111
  ],
86
112
  defaultValue: 2,
87
- show: ShowValidations.imageEnabled,
113
+ show: `${personalizado} && ${imageEnabled}`,
88
114
  }),
89
115
  new SelectInput({
90
116
  id: 'imageAlignment',
@@ -95,7 +121,7 @@ export const standardInputs = [
95
121
  { label: 'Final', value: 'end' },
96
122
  ],
97
123
  defaultValue: 'center',
98
- show: ShowValidations.imageEnabled,
124
+ show: `${personalizado} && ${imageEnabled}`,
99
125
  }),
100
126
  new SelectInput({
101
127
  id: 'imageStyle',
@@ -108,29 +134,30 @@ export const standardInputs = [
108
134
  { label: 'Círculo', value: 'circle' },
109
135
  ],
110
136
  defaultValue: 'normal',
111
- show: ShowValidations.imageEnabled,
137
+ show: `${personalizado} && ${imageEnabled}`,
112
138
  }),
113
139
  new TextInput({
114
140
  id: 'imageMargin',
115
141
  label: 'Margen',
116
142
  description: 'Margen derecho de la imagen (en porcentaje). Por defecto 0%.',
117
- show: ShowValidations.imageEnabled,
143
+ show: `${personalizado} && ${imageEnabled}`,
118
144
  }),
119
145
  new NumberInput({
120
146
  id: 'imageSize',
121
147
  label: 'Tamaño',
122
148
  description: 'Tamaño de la imagen (en porcentaje).',
123
149
  range: new NumberRangeValue(1, 100),
124
- show: ShowValidations.imageEnabled,
150
+ show: `${personalizado} && ${imageEnabled}`,
125
151
  }),
126
152
 
127
- new Label({ label: 'Fecha' }),
153
+ new Label({ label: 'Fecha', show: personalizado }),
128
154
  new Switch({
129
155
  id: 'dateEnabled',
130
156
  label: 'Fecha',
131
157
  displayOnTrue: 'habilitada',
132
158
  displayOnFalse: 'deshabilitada',
133
159
  defaultValue: true,
160
+ show: personalizado,
134
161
  }),
135
162
  new SelectInput({
136
163
  id: 'datePosition',
@@ -141,7 +168,7 @@ export const standardInputs = [
141
168
  { label: 'Final', value: 3 },
142
169
  ],
143
170
  defaultValue: 3,
144
- show: ShowValidations.dateEnabled,
171
+ show: `${personalizado} && ${dateEnabled}`,
145
172
  }),
146
173
  new SelectInput({
147
174
  id: 'dateAlignment',
@@ -152,7 +179,7 @@ export const standardInputs = [
152
179
  { label: 'Final', value: 'end' },
153
180
  ],
154
181
  defaultValue: 'center',
155
- show: ShowValidations.dateEnabled,
182
+ show: `${personalizado} && ${dateEnabled}`,
156
183
  }),
157
184
  new SelectInput({
158
185
  id: 'dateStyle',
@@ -167,45 +194,46 @@ export const standardInputs = [
167
194
  { label: 'Líneas', value: 'outlines' },
168
195
  ],
169
196
  defaultValue: 'calendarFlat',
170
- show: ShowValidations.dateEnabled,
197
+ show: `${personalizado} && ${dateEnabled}`,
171
198
  }),
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 }),
199
+ new TextFormat({ id: 'dateDayFormat', label: 'Formato del día', show: `${personalizado} && ${dateEnabled}` }),
200
+ new TextFormat({ id: 'dateMonthFormat', label: 'Formato del mes', show: `${personalizado} && ${dateEnabled}` }),
174
201
  new Switch({
175
202
  id: 'abbreviatedMonths',
176
203
  label: 'Meses',
177
204
  displayOnTrue: 'abreviados',
178
205
  displayOnFalse: 'no abreviados',
179
206
  defaultValue: false,
180
- show: ShowValidations.abbreviatedMonthsCondition,
207
+ show: `${personalizado} && ${abbreviatedMonthsCondition}`,
181
208
  }),
182
209
  new ColorPicker({
183
210
  id: 'datePrimaryColor',
184
211
  label: 'Color primario',
185
- show: ShowValidations.dateColorCondition,
212
+ show: `${personalizado} && ${dateColorCondition}`,
186
213
  }),
187
214
  new TextInput({
188
215
  id: 'dateMargin',
189
216
  label: 'Margen',
190
217
  description: 'Margen derecho de la fecha (en porcentaje). Por defecto 0%.',
191
- show: ShowValidations.dateEnabled,
218
+ show: `${personalizado} && ${dateEnabled}`,
192
219
  }),
193
220
 
194
- new Label({ label: 'Separador' }),
221
+ new Label({ label: 'Separador', show: personalizado }),
195
222
  new Switch({
196
223
  id: 'separator',
197
224
  label: 'Separador',
198
225
  displayOnTrue: 'habilitado',
199
226
  displayOnFalse: 'deshabilitado',
200
227
  defaultValue: true,
228
+ show: personalizado,
201
229
  }),
202
- new NumberInput({ id: 'separatorWidth', label: 'Ancho', show: ShowValidations.separatorEnabled }),
203
- new ColorPicker({ id: 'separatorColor', label: 'Color', show: ShowValidations.separatorEnabled }),
230
+ new NumberInput({ id: 'separatorWidth', label: 'Ancho', show: `${personalizado} && ${separatorEnabled}` }),
231
+ new ColorPicker({ id: 'separatorColor', label: 'Color', show: `${personalizado} && ${separatorEnabled}` }),
204
232
  new TextInput({
205
233
  id: 'itemMargins',
206
234
  label: 'Márgenes',
207
235
  description: 'Un CSS de longitud de uno o dos valores.',
208
236
  pattern: '^(( )?[+-]?[0-9]+.?([0-9]+)?(px|em|ex|%|in|cm|mm|pt|pc)){1,2}$',
209
- show: ShowValidations.separatorEnabled,
237
+ show: `${personalizado} && ${separatorEnabled}`,
210
238
  }),
211
239
  ]
package/configuration/utils.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  export const ShowValidations = {
2
+ personalizado: '({{themePreset}} === "personalizado" || !{{themePreset}})',
3
+ presetActive: '{{themePreset}} && {{themePreset}} !== "personalizado"',
2
4
  descriptionEnabled: '{{descriptionEnabled}} === true',
3
5
  optionalEnabled: '{{optionalEnabled}} === true',
4
6
  imageEnabled: '{{imageEnabled}} === true',
package/configuration.json CHANGED
@@ -117,7 +117,7 @@
117
117
  {
118
118
  "label": "Personalizado",
119
119
  "value": "personalizado"
120
- },
120
+ },
121
121
  {
122
122
  "label": "Preset 1",
123
123
  "value": "preset1"
@@ -134,11 +134,13 @@
134
134
  },
135
135
  {
136
136
  "type": "label",
137
- "label": "Orientación"
137
+ "label": "Orientación",
138
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
138
139
  },
139
140
  {
140
141
  "id": "orientation",
141
142
  "label": "Orientación",
143
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
142
144
  "type": "select-input",
143
145
  "items": [
144
146
  {
@@ -155,11 +157,13 @@
155
157
  },
156
158
  {
157
159
  "type": "label",
158
- "label": "Animación"
160
+ "label": "Animación",
161
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
159
162
  },
160
163
  {
161
164
  "id": "animationMode",
162
165
  "label": "Tipo de animación",
166
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
163
167
  "type": "select-input",
164
168
  "description": "Por defecto, Fundido.",
165
169
  "items": [
@@ -182,6 +186,7 @@
182
186
  {
183
187
  "id": "animationSpeed",
184
188
  "label": "Velocidad",
189
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
185
190
  "type": "select-input",
186
191
  "items": [
187
192
  {
@@ -202,6 +207,7 @@
202
207
  {
203
208
  "id": "animationTime",
204
209
  "label": "Tiempo",
210
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
205
211
  "type": "number-input",
206
212
  "range": "[1:9999:]",
207
213
  "description": "Duración de cada grupo de datos (en segundos).",
@@ -209,11 +215,13 @@
209
215
  },
210
216
  {
211
217
  "type": "label",
212
- "label": "Contenedor"
218
+ "label": "Contenedor",
219
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
213
220
  },
214
221
  {
215
222
  "id": "containerColumns",
216
223
  "label": "Columnas",
224
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
217
225
  "type": "number-input",
218
226
  "range": "[1:999:]",
219
227
  "description": "Cantidad de items horizontales. Por defecto, 1."
@@ -221,6 +229,7 @@
221
229
  {
222
230
  "id": "containerColumnsGap",
223
231
  "label": "Separador horizontal",
232
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
224
233
  "type": "number-input",
225
234
  "range": "[1:100:]",
226
235
  "description": "Espacio entre columnas (en porcentaje). Por defecto, 1%."
@@ -228,6 +237,7 @@
228
237
  {
229
238
  "id": "containerRows",
230
239
  "label": "Filas",
240
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
231
241
  "type": "number-input",
232
242
  "range": "[1:999:]",
233
243
  "description": "Cantidad de items verticales. Por defecto, 3."
@@ -235,6 +245,7 @@
235
245
  {
236
246
  "id": "containerRowsGap",
237
247
  "label": "Separador vertical",
248
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
238
249
  "type": "number-input",
239
250
  "range": "[1:100:]",
240
251
  "description": "Espacio entre filas (en porcentaje). Por defecto, 5%."
@@ -257,6 +268,7 @@
257
268
  {
258
269
  "id": "padding",
259
270
  "label": "Márgenes",
271
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
260
272
  "type": "text-input",
261
273
  "description": "CSS para dar espacio arriba/derecha/abajo/izquieda.",
262
274
  "required": false
@@ -282,11 +294,63 @@
282
294
  "items": [
283
295
  {
284
296
  "type": "label",
285
- "label": "Textos"
297
+ "label": "Fuentes",
298
+ "show": "{{themePreset}} && {{themePreset}} !== \"personalizado\""
299
+ },
300
+ {
301
+ "id": "nameFont",
302
+ "label": "Fuente del nombre",
303
+ "type": "select-asset-kna-input",
304
+ "required": false,
305
+ "extensions": ["ttf", "otf", "woff", "woff2"],
306
+ "multiple": false,
307
+ "show": "{{themePreset}} && {{themePreset}} !== \"personalizado\""
308
+ },
309
+ {
310
+ "id": "descriptionFont",
311
+ "label": "Fuente de la descripción",
312
+ "type": "select-asset-kna-input",
313
+ "required": false,
314
+ "extensions": ["ttf", "otf", "woff", "woff2"],
315
+ "multiple": false,
316
+ "show": "{{themePreset}} && {{themePreset}} !== \"personalizado\""
317
+ },
318
+ {
319
+ "id": "optionalFont",
320
+ "label": "Fuente del campo opcional",
321
+ "type": "select-asset-kna-input",
322
+ "required": false,
323
+ "extensions": ["ttf", "otf", "woff", "woff2"],
324
+ "multiple": false,
325
+ "show": "{{themePreset}} && {{themePreset}} !== \"personalizado\""
326
+ },
327
+ {
328
+ "id": "dateDayFont",
329
+ "label": "Fuente del día",
330
+ "type": "select-asset-kna-input",
331
+ "required": false,
332
+ "extensions": ["ttf", "otf", "woff", "woff2"],
333
+ "multiple": false,
334
+ "show": "{{themePreset}} && {{themePreset}} !== \"personalizado\""
335
+ },
336
+ {
337
+ "id": "dateMonthFont",
338
+ "label": "Fuente del mes",
339
+ "type": "select-asset-kna-input",
340
+ "required": false,
341
+ "extensions": ["ttf", "otf", "woff", "woff2"],
342
+ "multiple": false,
343
+ "show": "{{themePreset}} && {{themePreset}} !== \"personalizado\""
344
+ },
345
+ {
346
+ "type": "label",
347
+ "label": "Textos",
348
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
286
349
  },
287
350
  {
288
351
  "id": "textPosition",
289
352
  "label": "Posición",
353
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
290
354
  "type": "select-input",
291
355
  "items": [
292
356
  {
@@ -307,6 +371,7 @@
307
371
  {
308
372
  "id": "textAlignment",
309
373
  "label": "Alineación",
374
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
310
375
  "type": "select-input",
311
376
  "items": [
312
377
  {
@@ -326,27 +391,32 @@
326
391
  },
327
392
  {
328
393
  "type": "label",
329
- "label": "Nombre"
394
+ "label": "Nombre",
395
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
330
396
  },
331
397
  {
332
398
  "id": "nameFormat",
333
399
  "label": "Formato",
400
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
334
401
  "type": "text-format"
335
402
  },
336
403
  {
337
404
  "id": "nameMaxChar",
338
405
  "label": "Caracteres máximos",
406
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
339
407
  "type": "number-input"
340
408
  },
341
409
  {
342
410
  "id": "textMargin",
343
411
  "label": "Margen",
412
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
344
413
  "type": "text-input",
345
414
  "description": "Margen derecho de los textos (en porcentaje). Por defecto 0%."
346
415
  },
347
416
  {
348
417
  "id": "descriptionEnabled",
349
418
  "label": "Descripción",
419
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
350
420
  "type": "switch",
351
421
  "defaultValue": true,
352
422
  "displayOnTrue": "habilitada",
@@ -355,23 +425,24 @@
355
425
  {
356
426
  "type": "label",
357
427
  "label": "Descripción",
358
- "show": "{{descriptionEnabled}} === true"
428
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{descriptionEnabled}} === true"
359
429
  },
360
430
  {
361
431
  "id": "descriptionFormat",
362
432
  "label": "Formato",
363
- "show": "{{descriptionEnabled}} === true",
433
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{descriptionEnabled}} === true",
364
434
  "type": "text-format"
365
435
  },
366
436
  {
367
437
  "id": "descriptionMaxChar",
368
438
  "label": "Caracteres máximos",
369
- "show": "{{descriptionEnabled}} === true",
439
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{descriptionEnabled}} === true",
370
440
  "type": "number-input"
371
441
  },
372
442
  {
373
443
  "id": "optionalEnabled",
374
444
  "label": "Campo opcional",
445
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
375
446
  "type": "switch",
376
447
  "defaultValue": true,
377
448
  "displayOnTrue": "habilitado",
@@ -380,25 +451,28 @@
380
451
  {
381
452
  "type": "label",
382
453
  "label": "Campo opcional",
383
- "show": "{{optionalEnabled}} === true"
454
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{optionalEnabled}} === true"
384
455
  },
385
456
  {
386
457
  "id": "optionalFormat",
387
458
  "label": "Formato",
388
- "show": "{{optionalEnabled}} === true",
459
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{optionalEnabled}} === true",
389
460
  "type": "text-format"
390
461
  },
391
462
  {
392
463
  "type": "label",
393
- "label": "Fotografía"
464
+ "label": "Fotografía",
465
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
394
466
  },
395
467
  {
396
468
  "type": "label",
397
- "label": "Imagen"
469
+ "label": "Imagen",
470
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
398
471
  },
399
472
  {
400
473
  "id": "imageEnabled",
401
474
  "label": "Imagen",
475
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
402
476
  "type": "switch",
403
477
  "defaultValue": true,
404
478
  "displayOnTrue": "habilitada",
@@ -407,7 +481,7 @@
407
481
  {
408
482
  "id": "imagePosition",
409
483
  "label": "Posición",
410
- "show": "{{imageEnabled}} === true",
484
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
411
485
  "type": "select-input",
412
486
  "items": [
413
487
  {
@@ -428,7 +502,7 @@
428
502
  {
429
503
  "id": "imageAlignment",
430
504
  "label": "Alineación",
431
- "show": "{{imageEnabled}} === true",
505
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
432
506
  "type": "select-input",
433
507
  "items": [
434
508
  {
@@ -449,7 +523,7 @@
449
523
  {
450
524
  "id": "imageStyle",
451
525
  "label": "Estilo",
452
- "show": "{{imageEnabled}} === true",
526
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
453
527
  "type": "select-input",
454
528
  "description": "Forma de enmarcar la fotografía.",
455
529
  "items": [
@@ -472,25 +546,27 @@
472
546
  {
473
547
  "id": "imageMargin",
474
548
  "label": "Margen",
475
- "show": "{{imageEnabled}} === true",
549
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
476
550
  "type": "text-input",
477
551
  "description": "Margen derecho de la imagen (en porcentaje). Por defecto 0%."
478
552
  },
479
553
  {
480
554
  "id": "imageSize",
481
555
  "label": "Tamaño",
482
- "show": "{{imageEnabled}} === true",
556
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
483
557
  "type": "number-input",
484
558
  "range": "[1:100:]",
485
559
  "description": "Tamaño de la imagen (en porcentaje)."
486
560
  },
487
561
  {
488
562
  "type": "label",
489
- "label": "Fecha"
563
+ "label": "Fecha",
564
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
490
565
  },
491
566
  {
492
567
  "id": "dateEnabled",
493
568
  "label": "Fecha",
569
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
494
570
  "type": "switch",
495
571
  "defaultValue": true,
496
572
  "displayOnTrue": "habilitada",
@@ -499,7 +575,7 @@
499
575
  {
500
576
  "id": "datePosition",
501
577
  "label": "Posición",
502
- "show": "{{dateEnabled}} === true",
578
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
503
579
  "type": "select-input",
504
580
  "items": [
505
581
  {
@@ -520,7 +596,7 @@
520
596
  {
521
597
  "id": "dateAlignment",
522
598
  "label": "Alineación",
523
- "show": "{{dateEnabled}} === true",
599
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
524
600
  "type": "select-input",
525
601
  "items": [
526
602
  {
@@ -541,7 +617,7 @@
541
617
  {
542
618
  "id": "dateStyle",
543
619
  "label": "Estilo",
544
- "show": "{{dateEnabled}} === true",
620
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
545
621
  "type": "select-input",
546
622
  "description": "Forma de enmarcar la fotografía.",
547
623
  "items": [
@@ -572,19 +648,19 @@
572
648
  {
573
649
  "id": "dateDayFormat",
574
650
  "label": "Formato del día",
575
- "show": "{{dateEnabled}} === true",
651
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
576
652
  "type": "text-format"
577
653
  },
578
654
  {
579
655
  "id": "dateMonthFormat",
580
656
  "label": "Formato del mes",
581
- "show": "{{dateEnabled}} === true",
657
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
582
658
  "type": "text-format"
583
659
  },
584
660
  {
585
661
  "id": "abbreviatedMonths",
586
662
  "label": "Meses",
587
- "show": "{{dateEnabled}} === true && ['calendarFlat', 'calendarText', 'outlines'].indexOf({{dateStyle}}) !== -1",
663
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true && ['calendarFlat', 'calendarText', 'outlines'].indexOf({{dateStyle}}) !== -1",
588
664
  "type": "switch",
589
665
  "defaultValue": false,
590
666
  "displayOnTrue": "abreviados",
@@ -593,24 +669,26 @@
593
669
  {
594
670
  "id": "datePrimaryColor",
595
671
  "label": "Color primario",
596
- "show": "({{dateEnabled}} === true && ['calendarFlat', 'circle', 'outlines'].indexOf({{dateStyle}}) !== -1)",
672
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && ({{dateEnabled}} === true && ['calendarFlat', 'circle', 'outlines'].indexOf({{dateStyle}}) !== -1)",
597
673
  "type": "color-picker",
598
674
  "output": "auto"
599
675
  },
600
676
  {
601
677
  "id": "dateMargin",
602
678
  "label": "Margen",
603
- "show": "{{dateEnabled}} === true",
679
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
604
680
  "type": "text-input",
605
681
  "description": "Margen derecho de la fecha (en porcentaje). Por defecto 0%."
606
682
  },
607
683
  {
608
684
  "type": "label",
609
- "label": "Separador"
685
+ "label": "Separador",
686
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
610
687
  },
611
688
  {
612
689
  "id": "separator",
613
690
  "label": "Separador",
691
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
614
692
  "type": "switch",
615
693
  "defaultValue": true,
616
694
  "displayOnTrue": "habilitado",
@@ -619,20 +697,20 @@
619
697
  {
620
698
  "id": "separatorWidth",
621
699
  "label": "Ancho",
622
- "show": "{{separator}} === true",
700
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{separator}} === true",
623
701
  "type": "number-input"
624
702
  },
625
703
  {
626
704
  "id": "separatorColor",
627
705
  "label": "Color",
628
- "show": "{{separator}} === true",
706
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{separator}} === true",
629
707
  "type": "color-picker",
630
708
  "output": "auto"
631
709
  },
632
710
  {
633
711
  "id": "itemMargins",
634
712
  "label": "Márgenes",
635
- "show": "{{separator}} === true",
713
+ "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{separator}} === true",
636
714
  "type": "text-input",
637
715
  "description": "Un CSS de longitud de uno o dos valores.",
638
716
  "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.1",
11
+ "version": "0.7.13-dev.3",
12
12
  "scripts": {
13
13
  "prepublish": "vixonic-module-packager --mode=build",
14
14
  "watch": "vixonic-module-packager --mode=watch",