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

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 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.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,6 +7,7 @@ import {
   Switch,
   TextInput,
 } from '@vixoniccom/modules'
+import { ShowValidations } from '../utils'
 
 export const appearanceInputs = [
   new Label({ label: 'Tema predefinido' }),
@@ -21,7 +22,7 @@ export const appearanceInputs = [
       { 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/standardGroup/StandardInputs.ts

@@ -10,8 +10,19 @@ import {
 } from '@vixoniccom/modules'
 import { ShowValidations } from '../utils'
 
+const {
+  personalizado,
+  descriptionEnabled,
+  optionalEnabled,
+  imageEnabled,
+  dateEnabled,
+  abbreviatedMonthsCondition,
+  dateColorCondition,
+  separatorEnabled,
+} = ShowValidations
+
 export const standardInputs = [
-  new Label({ label: 'Textos' }),
+  new Label({ label: 'Textos', show: personalizado }),
   new SelectInput({
     id: 'textPosition',
     label: 'Posición',
@@ -21,6 +32,7 @@ export const standardInputs = [
       { label: 'Final', value: 3 },
     ],
     defaultValue: 2,
+    show: personalizado,
   }),
   new SelectInput({
     id: 'textAlignment',
@@ -31,15 +43,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 +62,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 +75,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 +101,7 @@ export const standardInputs = [
       { label: 'Final', value: 3 },
     ],
     defaultValue: 2,
-    show: ShowValidations.imageEnabled,
+    show: `${personalizado} && ${imageEnabled}`,
   }),
   new SelectInput({
     id: 'imageAlignment',
@@ -95,7 +112,7 @@ export const standardInputs = [
       { label: 'Final', value: 'end' },
     ],
     defaultValue: 'center',
-    show: ShowValidations.imageEnabled,
+    show: `${personalizado} && ${imageEnabled}`,
   }),
   new SelectInput({
     id: 'imageStyle',
@@ -108,29 +125,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 +159,7 @@ export const standardInputs = [
       { label: 'Final', value: 3 },
     ],
     defaultValue: 3,
-    show: ShowValidations.dateEnabled,
+    show: `${personalizado} && ${dateEnabled}`,
   }),
   new SelectInput({
     id: 'dateAlignment',
@@ -152,7 +170,7 @@ export const standardInputs = [
       { label: 'Final', value: 'end' },
     ],
     defaultValue: 'center',
-    show: ShowValidations.dateEnabled,
+    show: `${personalizado} && ${dateEnabled}`,
   }),
   new SelectInput({
     id: 'dateStyle',
@@ -167,45 +185,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,5 @@
 export const ShowValidations = {
+  personalizado: '({{themePreset}} === "personalizado" || !{{themePreset}})',
   descriptionEnabled: '{{descriptionEnabled}} === true',
   optionalEnabled: '{{optionalEnabled}} === true',
   imageEnabled: '{{imageEnabled}} === true',

package/configuration.json

@@ -117,7 +117,7 @@
             {
               "label": "Personalizado",
               "value": "personalizado"
-            },            
+            },
             {
               "label": "Preset 1",
               "value": "preset1"
@@ -134,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": [
             {
@@ -155,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": [
@@ -182,6 +186,7 @@
         {
           "id": "animationSpeed",
           "label": "Velocidad",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "select-input",
           "items": [
             {
@@ -202,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).",
@@ -209,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."
@@ -221,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%."
@@ -228,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."
@@ -235,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%."
@@ -257,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
@@ -282,11 +294,13 @@
       "items": [
         {
           "type": "label",
-          "label": "Textos"
+          "label": "Textos",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})"
         },
         {
           "id": "textPosition",
           "label": "Posición",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "select-input",
           "items": [
             {
@@ -307,6 +321,7 @@
         {
           "id": "textAlignment",
           "label": "Alineación",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}})",
           "type": "select-input",
           "items": [
             {
@@ -326,27 +341,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",
@@ -355,23 +375,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",
@@ -380,25 +401,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",
@@ -407,7 +431,7 @@
         {
           "id": "imagePosition",
           "label": "Posición",
-          "show": "{{imageEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
           "type": "select-input",
           "items": [
             {
@@ -428,7 +452,7 @@
         {
           "id": "imageAlignment",
           "label": "Alineación",
-          "show": "{{imageEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{imageEnabled}} === true",
           "type": "select-input",
           "items": [
             {
@@ -449,7 +473,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": [
@@ -472,25 +496,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",
@@ -499,7 +525,7 @@
         {
           "id": "datePosition",
           "label": "Posición",
-          "show": "{{dateEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
           "type": "select-input",
           "items": [
             {
@@ -520,7 +546,7 @@
         {
           "id": "dateAlignment",
           "label": "Alineación",
-          "show": "{{dateEnabled}} === true",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && {{dateEnabled}} === true",
           "type": "select-input",
           "items": [
             {
@@ -541,7 +567,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": [
@@ -572,19 +598,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",
@@ -593,24 +619,26 @@
         {
           "id": "datePrimaryColor",
           "label": "Color primario",
-          "show": "({{dateEnabled}} === true && ['calendarFlat', 'circle', 'outlines'].indexOf({{dateStyle}}) !== -1)",
+          "show": "({{themePreset}} === \"personalizado\" || !{{themePreset}}) && ({{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",
@@ -619,20 +647,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.1",
+  "version": "0.7.13-dev.2",
   "scripts": {
     "prepublish": "vixonic-module-packager --mode=build",
     "watch": "vixonic-module-packager --mode=watch",