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

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 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.
 
+### [0.7.13-dev.10](https://github.com/Vixonic/store-birthdays/compare/v0.7.13-dev.9...v0.7.13-dev.10) (2026-06-19)
+
+### [0.7.13-dev.9](https://github.com/Vixonic/store-birthdays/compare/v0.7.13-dev.8...v0.7.13-dev.9) (2026-06-18)
+
+### [0.7.13-dev.8](https://github.com/Vixonic/store-birthdays/compare/v0.7.13-dev.7...v0.7.13-dev.8) (2026-06-18)
+
+### [0.7.13-dev.7](https://github.com/Vixonic/store-birthdays/compare/v0.7.13-dev.6...v0.7.13-dev.7) (2026-06-18)
+
+### [0.7.13-dev.6](https://github.com/Vixonic/store-birthdays/compare/v0.7.13-dev.5...v0.7.13-dev.6) (2026-06-18)
+
+### [0.7.13-dev.5](https://github.com/Vixonic/store-birthdays/compare/v0.7.13-dev.4...v0.7.13-dev.5) (2026-06-17)
+
+### [0.7.13-dev.4](https://github.com/Vixonic/store-birthdays/compare/v0.7.13-dev.3...v0.7.13-dev.4) (2026-06-17)
+
+### [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)
+
+### [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)
+
+### [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)
+
 ### [0.7.13-dev.0](https://github.com/Vixonic/store-birthdays/compare/v0.7.8...v0.7.13-dev.0) (2026-06-17)
 
 

package/configuration/appearanceGroup/AppearanceInputs.ts

@@ -7,21 +7,22 @@ import {
   Switch,
   TextInput,
 } from '@vixoniccom/modules'
+import { ShowValidations } from '../utils'
 
 export const appearanceInputs = [
   new Label({ label: 'Tema predefinido' }),
   new SelectInput({
     id: 'themePreset',
     label: 'Tema',
-    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.',
+    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.',
     items: [
+      { label: 'Personalizado', value: 'personalizado' },
       { label: 'Preset 1', value: 'preset1' },
       { label: 'Preset 2', value: 'preset2' },
       { label: 'Preset 3', value: 'preset3' },
     ],
   }),
-
-  new Label({ label: 'Orientación' }),
+  new Label({ label: 'Orientación', show: ShowValidations.personalizado }),
   new SelectInput({
     id: 'orientation',
     required: true,
@@ -31,9 +32,10 @@ export const appearanceInputs = [
       { label: 'Vertical', value: 'v' },
     ],
     defaultValue: 'h',
+    show: ShowValidations.personalizado,
   }),
 
-  new Label({ label: 'Animación' }),
+  new Label({ label: 'Animación', show: ShowValidations.personalizado }),
   new SelectInput({
     id: 'animationMode',
     required: true,
@@ -44,7 +46,8 @@ export const appearanceInputs = [
       { label: 'Derecha - izquierda', value: 'slideLeft' },
     ],
     defaultValue: 'fade',
-    description: 'Por defecto, Fundido.'
+    description: 'Por defecto, Fundido.',
+    show: ShowValidations.personalizado,
   }),
   new SelectInput({
     id: 'animationSpeed',
@@ -55,6 +58,7 @@ export const appearanceInputs = [
       { label: 'Rápida', value: 1 },
     ],
     defaultValue: 1.5,
+    show: ShowValidations.personalizado,
   }),
   new NumberInput({
     id: 'animationTime',
@@ -62,32 +66,37 @@ export const appearanceInputs = [
     description: 'Duración de cada grupo de datos (en segundos).',
     required: true,
     range: new NumberRangeValue(1, 9999),
+    show: ShowValidations.personalizado,
   }),
 
-  new Label({ label: 'Contenedor' }),
+  new Label({ label: 'Contenedor', show: ShowValidations.personalizado }),
   new NumberInput({
     id: 'containerColumns',
     label: 'Columnas',
     description: 'Cantidad de items horizontales. Por defecto, 1.',
     range: new NumberRangeValue(1, 999),
+    show: ShowValidations.personalizado,
   }),
   new NumberInput({
     id: 'containerColumnsGap',
     label: 'Separador horizontal',
     description: 'Espacio entre columnas (en porcentaje). Por defecto, 1%.',
     range: new NumberRangeValue(1, 100),
+    show: ShowValidations.personalizado,
   }),
   new NumberInput({
     id: 'containerRows',
     label: 'Filas',
     description: 'Cantidad de items verticales. Por defecto, 3.',
     range: new NumberRangeValue(1, 999),
+    show: ShowValidations.personalizado,
   }),
   new NumberInput({
     id: 'containerRowsGap',
     label: 'Separador vertical',
     description: 'Espacio entre filas (en porcentaje). Por defecto, 5%.',
     range: new NumberRangeValue(1, 100),
+    show: ShowValidations.personalizado,
   }),
 
   new Label({ label: 'Avanzado' }),
@@ -102,6 +111,7 @@ export const appearanceInputs = [
     required: false,
     label: 'Márgenes',
     description: 'CSS para dar espacio arriba/derecha/abajo/izquieda.',
+    show: ShowValidations.personalizado,
   }),
 
   new Label({ label: 'Visualizador de error' }),

package/configuration/dataGroup/DataInputs.ts

@@ -27,7 +27,7 @@ export const dataInputs = [
   new ServiceInput({
     id: 'localService',
     label: 'Administración local',
-    serviceType: 'LocalAppSheetsService',
+    serviceType: 'LocalAppSheetsService' as any,
     show: serviceEnabled.localAppSheetsServiceEnabled
   }),
   new ServiceInput({

package/configuration/standardGroup/StandardInputs.ts

@@ -10,8 +10,27 @@ import {
 } from '@vixoniccom/modules'
 import { ShowValidations } from '../utils'
 
+const {
+  personalizado,
+  presetActive,
+  descriptionEnabled,
+  optionalEnabled,
+  imageEnabled,
+  dateEnabled,
+  abbreviatedMonthsCondition,
+  dateColorCondition,
+  separatorEnabled,
+} = ShowValidations
+
 export const standardInputs = [
-  new Label({ label: 'Textos' }),
+  new Label({ label: 'Fuentes', show: presetActive }),
+  new TextFormat({ id: 'nameFont', label: 'Fuente del nombre', show: presetActive }),
+  new TextFormat({ id: 'descriptionFont', label: 'Fuente de la descripción', show: presetActive }),
+  new TextFormat({ id: 'optionalFont', label: 'Fuente del campo opcional', show: presetActive }),
+  new TextFormat({ id: 'dateDayFont', label: 'Fuente del día', show: presetActive }),
+  new TextFormat({ id: 'dateMonthFont', label: 'Fuente del mes', show: presetActive }),
+
+  new Label({ label: 'Textos', show: personalizado }),
   new SelectInput({
     id: 'textPosition',
     label: 'Posición',
@@ -21,6 +40,7 @@ export const standardInputs = [
       { label: 'Final', value: 3 },
     ],
     defaultValue: 2,
+    show: personalizado,
   }),
   new SelectInput({
     id: 'textAlignment',
@@ -31,15 +51,17 @@ export const standardInputs = [
       { label: 'Final', value: 'end' },
     ],
     defaultValue: 'center',
+    show: personalizado,
   }),
 
-  new Label({ label: 'Nombre' }),
-  new TextFormat({ id: 'nameFormat', label: 'Formato' }),
-  new NumberInput({ id: 'nameMaxChar', label: 'Caracteres máximos' }),
+  new Label({ label: 'Nombre', show: personalizado }),
+  new TextFormat({ id: 'nameFormat', label: 'Formato', show: personalizado }),
+  new NumberInput({ id: 'nameMaxChar', label: 'Caracteres máximos', show: personalizado }),
   new TextInput({
     id: 'textMargin',
     label: 'Margen',
     description: 'Margen derecho de los textos (en porcentaje). Por defecto 0%.',
+    show: personalizado,
   }),
 
   new Switch({
@@ -48,11 +70,12 @@ export const standardInputs = [
     displayOnTrue: 'habilitada',
     displayOnFalse: 'deshabilitada',
     defaultValue: true,
+    show: personalizado,
   }),
 
-  new Label({ label: 'Descripción', show: ShowValidations.descriptionEnabled }),
-  new TextFormat({ id: 'descriptionFormat', label: 'Formato', show: ShowValidations.descriptionEnabled }),
-  new NumberInput({ id: 'descriptionMaxChar', label: 'Caracteres máximos', show: ShowValidations.descriptionEnabled }),
+  new Label({ label: 'Descripción', show: `${personalizado} && ${descriptionEnabled}` }),
+  new TextFormat({ id: 'descriptionFormat', label: 'Formato', show: `${personalizado} && ${descriptionEnabled}` }),
+  new NumberInput({ id: 'descriptionMaxChar', label: 'Caracteres máximos', show: `${personalizado} && ${descriptionEnabled}` }),
 
   new Switch({
     id: 'optionalEnabled',
@@ -60,20 +83,22 @@ export const standardInputs = [
     displayOnTrue: 'habilitado',
     displayOnFalse: 'deshabilitado',
     defaultValue: true,
+    show: personalizado,
   }),
 
-  new Label({ label: 'Campo opcional', show: ShowValidations.optionalEnabled }),
-  new TextFormat({ id: 'optionalFormat', label: 'Formato', show: ShowValidations.optionalEnabled }),
+  new Label({ label: 'Campo opcional', show: `${personalizado} && ${optionalEnabled}` }),
+  new TextFormat({ id: 'optionalFormat', label: 'Formato', show: `${personalizado} && ${optionalEnabled}` }),
 
-  new Label({ label: 'Fotografía' }),
+  new Label({ label: 'Fotografía', show: personalizado }),
 
-  new Label({ label: 'Imagen' }),
+  new Label({ label: 'Imagen', show: personalizado }),
   new Switch({
     id: 'imageEnabled',
     label: 'Imagen',
     displayOnTrue: 'habilitada',
     displayOnFalse: 'deshabilitada',
     defaultValue: true,
+    show: personalizado,
   }),
   new SelectInput({
     id: 'imagePosition',
@@ -84,7 +109,7 @@ export const standardInputs = [
       { label: 'Final', value: 3 },
     ],
     defaultValue: 2,
-    show: ShowValidations.imageEnabled,
+    show: `${personalizado} && ${imageEnabled}`,
   }),
   new SelectInput({
     id: 'imageAlignment',
@@ -95,7 +120,7 @@ export const standardInputs = [
       { label: 'Final', value: 'end' },
     ],
     defaultValue: 'center',
-    show: ShowValidations.imageEnabled,
+    show: `${personalizado} && ${imageEnabled}`,
   }),
   new SelectInput({
     id: 'imageStyle',
@@ -108,29 +133,30 @@ export const standardInputs = [
       { label: 'Círculo', value: 'circle' },
     ],
     defaultValue: 'normal',
-    show: ShowValidations.imageEnabled,
+    show: `${personalizado} && ${imageEnabled}`,
   }),
   new TextInput({
     id: 'imageMargin',
     label: 'Margen',
     description: 'Margen derecho de la imagen (en porcentaje). Por defecto 0%.',
-    show: ShowValidations.imageEnabled,
+    show: `${personalizado} && ${imageEnabled}`,
   }),
   new NumberInput({
     id: 'imageSize',
     label: 'Tamaño',
     description: 'Tamaño de la imagen (en porcentaje).',
     range: new NumberRangeValue(1, 100),
-    show: ShowValidations.imageEnabled,
+    show: `${personalizado} && ${imageEnabled}`,
   }),
 
-  new Label({ label: 'Fecha' }),
+  new Label({ label: 'Fecha', show: personalizado }),
   new Switch({
     id: 'dateEnabled',
     label: 'Fecha',
     displayOnTrue: 'habilitada',
     displayOnFalse: 'deshabilitada',
     defaultValue: true,
+    show: personalizado,
   }),
   new SelectInput({
     id: 'datePosition',
@@ -141,7 +167,7 @@ export const standardInputs = [
       { label: 'Final', value: 3 },
     ],
     defaultValue: 3,
-    show: ShowValidations.dateEnabled,
+    show: `${personalizado} && ${dateEnabled}`,
   }),
   new SelectInput({
     id: 'dateAlignment',
@@ -152,7 +178,7 @@ export const standardInputs = [
       { label: 'Final', value: 'end' },
     ],
     defaultValue: 'center',
-    show: ShowValidations.dateEnabled,
+    show: `${personalizado} && ${dateEnabled}`,
   }),
   new SelectInput({
     id: 'dateStyle',
@@ -167,45 +193,46 @@ export const standardInputs = [
       { label: 'Líneas', value: 'outlines' },
     ],
     defaultValue: 'calendarFlat',
-    show: ShowValidations.dateEnabled,
+    show: `${personalizado} && ${dateEnabled}`,
   }),
-  new TextFormat({ id: 'dateDayFormat', label: 'Formato del día', show: ShowValidations.dateEnabled }),
-  new TextFormat({ id: 'dateMonthFormat', label: 'Formato del mes', show: ShowValidations.dateEnabled }),
+  new TextFormat({ id: 'dateDayFormat', label: 'Formato del día', show: `${personalizado} && ${dateEnabled}` }),
+  new TextFormat({ id: 'dateMonthFormat', label: 'Formato del mes', show: `${personalizado} && ${dateEnabled}` }),
   new Switch({
     id: 'abbreviatedMonths',
     label: 'Meses',
     displayOnTrue: 'abreviados',
     displayOnFalse: 'no abreviados',
     defaultValue: false,
-    show: ShowValidations.abbreviatedMonthsCondition,
+    show: `${personalizado} && ${abbreviatedMonthsCondition}`,
   }),
   new ColorPicker({
     id: 'datePrimaryColor',
     label: 'Color primario',
-    show: ShowValidations.dateColorCondition,
+    show: `${personalizado} && ${dateColorCondition}`,
   }),
   new TextInput({
     id: 'dateMargin',
     label: 'Margen',
     description: 'Margen derecho de la fecha (en porcentaje). Por defecto 0%.',
-    show: ShowValidations.dateEnabled,
+    show: `${personalizado} && ${dateEnabled}`,
   }),
 
-  new Label({ label: 'Separador' }),
+  new Label({ label: 'Separador', show: personalizado }),
   new Switch({
     id: 'separator',
     label: 'Separador',
     displayOnTrue: 'habilitado',
     displayOnFalse: 'deshabilitado',
     defaultValue: true,
+    show: personalizado,
   }),
-  new NumberInput({ id: 'separatorWidth', label: 'Ancho', show: ShowValidations.separatorEnabled }),
-  new ColorPicker({ id: 'separatorColor', label: 'Color', show: ShowValidations.separatorEnabled }),
+  new NumberInput({ id: 'separatorWidth', label: 'Ancho', show: `${personalizado} && ${separatorEnabled}` }),
+  new ColorPicker({ id: 'separatorColor', label: 'Color', show: `${personalizado} && ${separatorEnabled}` }),
   new TextInput({
     id: 'itemMargins',
     label: 'Márgenes',
     description: 'Un CSS de longitud de uno o dos valores.',
     pattern: '^(( )?[+-]?[0-9]+.?([0-9]+)?(px|em|ex|%|in|cm|mm|pt|pc)){1,2}$',
-    show: ShowValidations.separatorEnabled,
+    show: `${personalizado} && ${separatorEnabled}`,
   }),
 ]

package/configuration/utils.ts

@@ -1,4 +1,6 @@
 export const ShowValidations = {
+  personalizado: '({{themePreset}} === "personalizado" || !{{themePreset}})',
+  presetActive: '{{themePreset}} && {{themePreset}} !== "personalizado"',
   descriptionEnabled: '{{descriptionEnabled}} === true',
   optionalEnabled: '{{optionalEnabled}} === true',
   imageEnabled: '{{imageEnabled}} === true',

package/configuration.json

@@ -112,8 +112,12 @@
           "id": "themePreset",
           "label": "Tema",
           "type": "select-input",
-          "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.",
+          "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.",
           "items": [
+            {
+              "label": "Personalizado",
+              "value": "personalizado"
+            },
             {
               "label": "Preset 1",
               "value": "preset1"
@@ -130,11 +134,13 @@
         },
         {
           "type": "label",
-          "label": "Orientación"
+          "label": "Orientación",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
         },
         {
           "id": "orientation",
           "label": "Orientación",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "select-input",
           "items": [
             {
@@ -151,11 +157,13 @@
         },
         {
           "type": "label",
-          "label": "Animación"
+          "label": "Animación",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
         },
         {
           "id": "animationMode",
           "label": "Tipo de animación",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "select-input",
           "description": "Por defecto, Fundido.",
           "items": [
@@ -178,6 +186,7 @@
         {
           "id": "animationSpeed",
           "label": "Velocidad",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "select-input",
           "items": [
             {
@@ -198,6 +207,7 @@
         {
           "id": "animationTime",
           "label": "Tiempo",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "number-input",
           "range": "[1:9999:]",
           "description": "Duración de cada grupo de datos (en segundos).",
@@ -205,11 +215,13 @@
         },
         {
           "type": "label",
-          "label": "Contenedor"
+          "label": "Contenedor",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
         },
         {
           "id": "containerColumns",
           "label": "Columnas",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "number-input",
           "range": "[1:999:]",
           "description": "Cantidad de items horizontales. Por defecto, 1."
@@ -217,6 +229,7 @@
         {
           "id": "containerColumnsGap",
           "label": "Separador horizontal",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "number-input",
           "range": "[1:100:]",
           "description": "Espacio entre columnas (en porcentaje). Por defecto, 1%."
@@ -224,6 +237,7 @@
         {
           "id": "containerRows",
           "label": "Filas",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "number-input",
           "range": "[1:999:]",
           "description": "Cantidad de items verticales. Por defecto, 3."
@@ -231,6 +245,7 @@
         {
           "id": "containerRowsGap",
           "label": "Separador vertical",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "number-input",
           "range": "[1:100:]",
           "description": "Espacio entre filas (en porcentaje). Por defecto, 5%."
@@ -253,6 +268,7 @@
         {
           "id": "padding",
           "label": "Márgenes",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "text-input",
           "description": "CSS para dar espacio arriba/derecha/abajo/izquieda.",
           "required": false
@@ -278,11 +294,48 @@
       "items": [
         {
           "type": "label",
-          "label": "Textos"
+          "label": "Fuentes",
+          "show": "{{themePreset}} && {{themePreset}} !== \"personalizado\""
+        },
+        {
+          "id": "nameFont",
+          "label": "Fuente del nombre",
+          "show": "{{themePreset}} && {{themePreset}} !== \"personalizado\"",
+          "type": "text-format"
+        },
+        {
+          "id": "descriptionFont",
+          "label": "Fuente de la descripción",
+          "show": "{{themePreset}} && {{themePreset}} !== \"personalizado\"",
+          "type": "text-format"
+        },
+        {
+          "id": "optionalFont",
+          "label": "Fuente del campo opcional",
+          "show": "{{themePreset}} && {{themePreset}} !== \"personalizado\"",
+          "type": "text-format"
+        },
+        {
+          "id": "dateDayFont",
+          "label": "Fuente del día",
+          "show": "{{themePreset}} && {{themePreset}} !== \"personalizado\"",
+          "type": "text-format"
+        },
+        {
+          "id": "dateMonthFont",
+          "label": "Fuente del mes",
+          "show": "{{themePreset}} && {{themePreset}} !== \"personalizado\"",
+          "type": "text-format"
+        },
+        {
+          "type": "label",
+          "label": "Textos",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
         },
         {
           "id": "textPosition",
           "label": "Posición",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "select-input",
           "items": [
             {
@@ -303,6 +356,7 @@
         {
           "id": "textAlignment",
           "label": "Alineación",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "select-input",
           "items": [
             {
@@ -322,27 +376,32 @@
         },
         {
           "type": "label",
-          "label": "Nombre"
+          "label": "Nombre",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
         },
         {
           "id": "nameFormat",
           "label": "Formato",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "text-format"
         },
         {
           "id": "nameMaxChar",
           "label": "Caracteres máximos",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "number-input"
         },
         {
           "id": "textMargin",
           "label": "Margen",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "text-input",
           "description": "Margen derecho de los textos (en porcentaje). Por defecto 0%."
         },
         {
           "id": "descriptionEnabled",
           "label": "Descripción",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "switch",
           "defaultValue": true,
           "displayOnTrue": "habilitada",
@@ -351,23 +410,24 @@
         {
           "type": "label",
           "label": "Descripción",
-          "show": "{{descriptionEnabled}} === true"
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{descriptionEnabled}} === true"
         },
         {
           "id": "descriptionFormat",
           "label": "Formato",
-          "show": "{{descriptionEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{descriptionEnabled}} === true",
           "type": "text-format"
         },
         {
           "id": "descriptionMaxChar",
           "label": "Caracteres máximos",
-          "show": "{{descriptionEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{descriptionEnabled}} === true",
           "type": "number-input"
         },
         {
           "id": "optionalEnabled",
           "label": "Campo opcional",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "switch",
           "defaultValue": true,
           "displayOnTrue": "habilitado",
@@ -376,25 +436,28 @@
         {
           "type": "label",
           "label": "Campo opcional",
-          "show": "{{optionalEnabled}} === true"
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{optionalEnabled}} === true"
         },
         {
           "id": "optionalFormat",
           "label": "Formato",
-          "show": "{{optionalEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{optionalEnabled}} === true",
           "type": "text-format"
         },
         {
           "type": "label",
-          "label": "Fotografía"
+          "label": "Fotografía",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
         },
         {
           "type": "label",
-          "label": "Imagen"
+          "label": "Imagen",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
         },
         {
           "id": "imageEnabled",
           "label": "Imagen",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "switch",
           "defaultValue": true,
           "displayOnTrue": "habilitada",
@@ -403,7 +466,7 @@
         {
           "id": "imagePosition",
           "label": "Posición",
-          "show": "{{imageEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
           "type": "select-input",
           "items": [
             {
@@ -424,7 +487,7 @@
         {
           "id": "imageAlignment",
           "label": "Alineación",
-          "show": "{{imageEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
           "type": "select-input",
           "items": [
             {
@@ -445,7 +508,7 @@
         {
           "id": "imageStyle",
           "label": "Estilo",
-          "show": "{{imageEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
           "type": "select-input",
           "description": "Forma de enmarcar la fotografía.",
           "items": [
@@ -468,25 +531,27 @@
         {
           "id": "imageMargin",
           "label": "Margen",
-          "show": "{{imageEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
           "type": "text-input",
           "description": "Margen derecho de la imagen (en porcentaje). Por defecto 0%."
         },
         {
           "id": "imageSize",
           "label": "Tamaño",
-          "show": "{{imageEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
           "type": "number-input",
           "range": "[1:100:]",
           "description": "Tamaño de la imagen (en porcentaje)."
         },
         {
           "type": "label",
-          "label": "Fecha"
+          "label": "Fecha",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
         },
         {
           "id": "dateEnabled",
           "label": "Fecha",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "switch",
           "defaultValue": true,
           "displayOnTrue": "habilitada",
@@ -495,7 +560,7 @@
         {
           "id": "datePosition",
           "label": "Posición",
-          "show": "{{dateEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
           "type": "select-input",
           "items": [
             {
@@ -516,7 +581,7 @@
         {
           "id": "dateAlignment",
           "label": "Alineación",
-          "show": "{{dateEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
           "type": "select-input",
           "items": [
             {
@@ -537,7 +602,7 @@
         {
           "id": "dateStyle",
           "label": "Estilo",
-          "show": "{{dateEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
           "type": "select-input",
           "description": "Forma de enmarcar la fotografía.",
           "items": [
@@ -568,19 +633,19 @@
         {
           "id": "dateDayFormat",
           "label": "Formato del día",
-          "show": "{{dateEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
           "type": "text-format"
         },
         {
           "id": "dateMonthFormat",
           "label": "Formato del mes",
-          "show": "{{dateEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
           "type": "text-format"
         },
         {
           "id": "abbreviatedMonths",
           "label": "Meses",
-          "show": "{{dateEnabled}} === true && ['calendarFlat', 'calendarText', 'outlines'].indexOf({{dateStyle}}) !== -1",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true && ['calendarFlat', 'calendarText', 'outlines'].indexOf({{dateStyle}}) !== -1",
           "type": "switch",
           "defaultValue": false,
           "displayOnTrue": "abreviados",
@@ -589,24 +654,26 @@
         {
           "id": "datePrimaryColor",
           "label": "Color primario",
-          "show": "({{dateEnabled}} === true && ['calendarFlat', 'circle', 'outlines'].indexOf({{dateStyle}}) !== -1)",
+          "show": "{{dateEnabled}} === true && ['calendarFlat', 'circle', 'outlines'].indexOf({{dateStyle}}) !== -1",
           "type": "color-picker",
           "output": "auto"
         },
         {
           "id": "dateMargin",
           "label": "Margen",
-          "show": "{{dateEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
           "type": "text-input",
           "description": "Margen derecho de la fecha (en porcentaje). Por defecto 0%."
         },
         {
           "type": "label",
-          "label": "Separador"
+          "label": "Separador",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
         },
         {
           "id": "separator",
           "label": "Separador",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "switch",
           "defaultValue": true,
           "displayOnTrue": "habilitado",
@@ -615,20 +682,20 @@
         {
           "id": "separatorWidth",
           "label": "Ancho",
-          "show": "{{separator}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{separator}} === true",
           "type": "number-input"
         },
         {
           "id": "separatorColor",
           "label": "Color",
-          "show": "{{separator}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{separator}} === true",
           "type": "color-picker",
           "output": "auto"
         },
         {
           "id": "itemMargins",
           "label": "Márgenes",
-          "show": "{{separator}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{separator}} === true",
           "type": "text-input",
           "description": "Un CSS de longitud de uno o dos valores.",
           "pattern": "^(( )?[+-]?[0-9]+.?([0-9]+)?(px|em|ex|%|in|cm|mm|pt|pc)){1,2}$"

package/package.json

@@ -8,7 +8,7 @@
   "author": {
     "name": "Lorenzo Alfaro Bravo"
   },
-  "version": "0.7.13-dev.0",
+  "version": "0.7.13-dev.10",
   "scripts": {
     "prepublish": "vixonic-module-packager --mode=build",
     "watch": "vixonic-module-packager --mode=watch",