blocks-dusted 0.1.12 → 0.1.13

package/templates/blocks/DD-AnimText/config.ts

@@ -1,295 +1,296 @@
-import type { Block } from 'payload'
-
-import { defaultLexical } from '@/fields/defaultLexical'
-
-export const DDAnimText: Block = {
-  slug: 'DD-AnimText',
-  interfaceName: 'DDAnimText',
-  labels: {
-    singular: 'Animated Text',
-    plural: 'Animated Texts'
-  },
-  fields: [
-    {
-      name: 'animTextScrollSpeed',
-      type: 'text',
-      hidden: true,
-      label: 'Scroll Data Speed',
-      defaultValue: '0.2',
-      admin: {
-        description: 'Default value 0.2'
-      }
-    },
-    // Custom class for textbox container - not working - not required
-    {
-      admin: {
-        initCollapsed: true,
-        hidden: true,
-        className: 'custom-css-class',
-        condition: (data) =>
-          data.variation === 'text-fade-up' ||
-          data.variation === 'text-fade-down' ||
-          data.variation === 'blur-in'
-      },
-      type: 'collapsible',
-      label: 'Container Classes (RichText Variations)',
-      fields: [
-        {
-          name: 'aniTextBoxContainerClass',
-          type: 'text',
-          hidden: false,
-          label: 'Animated Text Container Class'
-        },
-        {
-          name: 'aniTextBoxClass',
-          type: 'text',
-          hidden: false,
-          label: 'Animated Text Box Class',
-          admin: {
-            description: 'Add additional class to the animated richText box.'
-          }
-        }
-      ]
-    },
-    // Custom class for all variations
-    {
-      admin: {
-        initCollapsed: true,
-        className: 'custom-css-class'
-      },
-      type: 'collapsible',
-      label: 'Text Classes (All Variations)',
-      fields: [
-        {
-          name: 'aniTextClass',
-          type: 'text',
-          label: false,
-          admin: {
-            description:
-              'Add an additional class to the animated text. This can be used to style the text or apply additional animations.'
-          }
-        }
-      ]
-    },
-    {
-      name: 'animatedText',
-      type: 'richText',
-      label: 'Text Content',
-      editor: defaultLexical,
-      admin: {
-        condition: (data, siblingData) =>
-          siblingData.variation === 'text-fade-up' ||
-          siblingData.variation === 'text-fade-down' ||
-          siblingData.variation === 'blur-in',
-        description:
-          'Add the text that will be animated. This will be used for text fade and blur effects.'
-      }
-    },
-
-    {
-      name: 'plainText',
-      type: 'text',
-      label: 'Content',
-      admin: {
-        condition: (data, siblingData) =>
-          siblingData.variation !== 'text-fade-up' &&
-          siblingData.variation !== 'text-fade-down' &&
-          siblingData.variation !== 'blur-in',
-        description: 'The text content that will be animated.'
-      }
-    },
-    {
-      name: 'rotateWords',
-      type: 'text',
-      label: 'Rotating Words or Letters',
-      admin: {
-        condition: (data, siblingData) => siblingData.variation === 'rotate',
-        description: 'Comma-separated words to rotate through.'
-      }
-    },
-    {
-      name: 'variation',
-      type: 'select',
-      label: 'Animation Type',
-      defaultValue: 'text-fade-up',
-      options: [
-        { label: 'No Animation', value: 'no-animation' },
-        { label: 'Split Text', value: 'split-text' },
-        { label: 'Text Type', value: 'text-type' },
-        { label: 'Shuffle Text', value: 'shuffle-text' },
-        { label: 'Shiny Text', value: 'shiny-text' },
-        { label: 'Gradual Spacing', value: 'gradual-spacing' },
-        { label: 'Typing Effect', value: 'typing' },
-        { label: 'Staggered Fade', value: 'staggered-fade' },
-        { label: 'Rotate Words', value: 'rotate' },
-        { label: 'Letters Pull Up', value: 'letters-pull-up' },
-        { label: 'Words Pull Up', value: 'words-pull-up' },
-        { label: 'Blur In', value: 'blur-in' },
-        { label: 'Text Fade Up', value: 'text-fade-up' },
-        { label: 'Text Fade Down', value: 'text-fade-down' }
-      ],
-
-      admin: {
-        description: 'Select the animation style for this text.'
-      }
-    },
-    // Split Text variant fields
-    {
-      admin: {
-        initCollapsed: true,
-        condition: (data, siblingData) => siblingData.variation === 'split-text'
-      },
-      type: 'collapsible',
-      label: 'Split Text Settings',
-      fields: [
-        {
-          name: 'splitTrigger',
-          type: 'select',
-          label: 'Animation Trigger',
-          defaultValue: 'view',
-          options: [
-            { label: 'In View', value: 'view' },
-            { label: 'Hover', value: 'hover' },
-            { label: 'Click', value: 'click' }
-          ]
-        },
-        {
-          name: 'splitDelay',
-          type: 'number',
-          label: 'Character Delay (seconds)',
-          defaultValue: 0.05,
-          admin: {
-            step: 0.01
-          }
-        },
-        {
-          name: 'splitDuration',
-          type: 'number',
-          label: 'Animation Duration (seconds)',
-          defaultValue: 0.6,
-          admin: {
-            step: 0.1
-          }
-        },
-        {
-          name: 'splitEase',
-          type: 'text',
-          label: 'Animation Ease',
-          defaultValue: 'back.out(1.7)',
-          admin: {
-            description: 'GSAP ease string (e.g., "power2.out", "elastic.out(1, 0.3)")'
-          }
-        },
-        {
-          name: 'splitYOffset',
-          type: 'number',
-          label: 'Y Offset (pixels)',
-          defaultValue: 80
-        },
-        {
-          name: 'splitOpacity',
-          type: 'checkbox',
-          label: 'Animate Opacity',
-          defaultValue: true
-        }
-      ]
-    },
-    // Text Type variant fields
-    {
-      admin: {
-        initCollapsed: true,
-        condition: (data, siblingData) => siblingData.variation === 'text-type'
-      },
-      type: 'collapsible',
-      label: 'Text Type Settings',
-      fields: [
-        {
-          name: 'typeSpeed',
-          type: 'number',
-          label: 'Typing Speed (ms)',
-          defaultValue: 100
-        },
-        {
-          name: 'typeDelay',
-          type: 'number',
-          label: 'Start Delay (ms)',
-          defaultValue: 0
-        },
-        {
-          name: 'showCursor',
-          type: 'checkbox',
-          label: 'Show Cursor',
-          defaultValue: true
-        },
-        {
-          name: 'cursorChar',
-          type: 'text',
-          label: 'Cursor Character',
-          defaultValue: '|'
-        },
-        {
-          name: 'autoStart',
-          type: 'checkbox',
-          label: 'Auto Start',
-          defaultValue: true,
-          admin: {
-            description: 'Start typing automatically when component mounts'
-          }
-        }
-      ]
-    },
-    // Shuffle Text variant fields
-    {
-      admin: {
-        initCollapsed: true,
-        condition: (data, siblingData) => siblingData.variation === 'shuffle-text'
-      },
-      type: 'collapsible',
-      label: 'Shuffle Text Settings',
-      fields: [
-        {
-          name: 'shuffleDuration',
-          type: 'number',
-          label: 'Shuffle Duration (seconds)',
-          defaultValue: 0.8,
-          admin: {
-            step: 0.1,
-            description: 'Duration of the shuffle animation'
-          }
-        }
-      ]
-    },
-    // Shiny Text variant fields
-    {
-      admin: {
-        condition: (data, siblingData) => siblingData.variation === 'shiny-text'
-      },
-      type: 'row',
-      fields: [
-        {
-          name: 'shinyDuration',
-          type: 'number',
-          label: 'Animation Speed (seconds)',
-          defaultValue: 5,
-          admin: {
-            width: '50%',
-            step: 0.5,
-            description: 'Speed of the shine animation (higher = slower)'
-          }
-        },
-        {
-          name: 'shinyColor',
-          type: 'text',
-          label: 'Shine Color (hex or rgba)',
-          defaultValue: 'rgba(255, 255, 255, 0.6)',
-          admin: {
-            width: '50%',
-            description: 'CSS color for the shine effect (e.g., #ffffff, rgba(255, 255, 255, 0.6))'
-          }
-        }
-      ]
-    }
-  ]
-}
-
-export default DDAnimText
+import type { Block } from 'payload'
+
+import { defaultLexical } from '@/fields/defaultLexical'
+
+export const DDAnimText: Block = {
+  slug: 'DD-AnimText',
+  interfaceName: 'DDAnimText',
+  labels: {
+    singular: 'Animated Text',
+    plural: 'Animated Texts',
+  },
+  fields: [
+    {
+      name: 'animTextScrollSpeed',
+      type: 'text',
+      hidden: true,
+      label: 'Scroll Data Speed',
+      defaultValue: '0.2',
+      admin: {
+        description: 'Default value 0.2',
+      },
+    },
+    // Custom class for textbox container - not working - not required
+    {
+      admin: {
+        initCollapsed: true,
+        hidden: true,
+        className: 'custom-css-class',
+        condition: (data) =>
+          data.variation === 'text-fade-up' ||
+          data.variation === 'text-fade-down' ||
+          data.variation === 'blur-in',
+      },
+      type: 'collapsible',
+      label: 'Container Classes (RichText Variations)',
+      fields: [
+        {
+          name: 'aniTextBoxContainerClass',
+          type: 'text',
+          hidden: false,
+          label: 'Animated Text Container Class',
+        },
+        {
+          name: 'aniTextBoxClass',
+          type: 'text',
+          hidden: false,
+          label: 'Animated Text Box Class',
+          admin: {
+            description: 'Add additional class to the animated richText box.',
+          },
+        },
+      ],
+    },
+    // Custom class for all variations
+    {
+      admin: {
+        initCollapsed: true,
+        className: 'custom-css-class',
+      },
+      type: 'collapsible',
+      label: 'Text Classes (All Variations)',
+      fields: [
+        {
+          name: 'aniTextClass',
+          type: 'text',
+          label: false,
+          admin: {
+            description:
+              'Add an additional class to the animated text. This can be used to style the text or apply additional animations.',
+          },
+        },
+      ],
+    },
+    {
+      name: 'animatedText',
+      type: 'richText',
+      label: 'Text Content',
+      editor: defaultLexical,
+      admin: {
+        condition: (data, siblingData) =>
+          siblingData.variation === 'text-fade-up' ||
+          siblingData.variation === 'text-fade-down' ||
+          siblingData.variation === 'blur-in' ||
+          siblingData.variation === 'no-animation',
+        description:
+          'Add the text that will be animated. This will be used for text fade and blur effects.',
+      },
+    },
+
+    {
+      name: 'plainText',
+      type: 'text',
+      label: 'Content',
+      admin: {
+        condition: (data, siblingData) =>
+          siblingData.variation !== 'text-fade-up' &&
+          siblingData.variation !== 'text-fade-down' &&
+          siblingData.variation !== 'blur-in',
+        description: 'The text content that will be animated.',
+      },
+    },
+    {
+      name: 'rotateWords',
+      type: 'text',
+      label: 'Rotating Words or Letters',
+      admin: {
+        condition: (data, siblingData) => siblingData.variation === 'rotate',
+        description: 'Comma-separated words to rotate through.',
+      },
+    },
+    {
+      name: 'variation',
+      type: 'select',
+      label: 'Animation Type',
+      defaultValue: 'text-fade-up',
+      options: [
+        { label: 'No Animation', value: 'no-animation' },
+        { label: 'Split Text', value: 'split-text' },
+        { label: 'Text Type', value: 'text-type' },
+        { label: 'Shuffle Text', value: 'shuffle-text' },
+        { label: 'Shiny Text', value: 'shiny-text' },
+        { label: 'Gradual Spacing', value: 'gradual-spacing' },
+        { label: 'Typing Effect', value: 'typing' },
+        { label: 'Staggered Fade', value: 'staggered-fade' },
+        { label: 'Rotate Words', value: 'rotate' },
+        { label: 'Letters Pull Up', value: 'letters-pull-up' },
+        { label: 'Words Pull Up', value: 'words-pull-up' },
+        { label: 'Blur In', value: 'blur-in' },
+        { label: 'Text Fade Up', value: 'text-fade-up' },
+        { label: 'Text Fade Down', value: 'text-fade-down' },
+      ],
+
+      admin: {
+        description: 'Select the animation style for this text.',
+      },
+    },
+    // Split Text variant fields
+    {
+      admin: {
+        initCollapsed: true,
+        condition: (data, siblingData) => siblingData.variation === 'split-text',
+      },
+      type: 'collapsible',
+      label: 'Split Text Settings',
+      fields: [
+        {
+          name: 'splitTrigger',
+          type: 'select',
+          label: 'Animation Trigger',
+          defaultValue: 'view',
+          options: [
+            { label: 'In View', value: 'view' },
+            { label: 'Hover', value: 'hover' },
+            { label: 'Click', value: 'click' },
+          ],
+        },
+        {
+          name: 'splitDelay',
+          type: 'number',
+          label: 'Character Delay (seconds)',
+          defaultValue: 0.05,
+          admin: {
+            step: 0.01,
+          },
+        },
+        {
+          name: 'splitDuration',
+          type: 'number',
+          label: 'Animation Duration (seconds)',
+          defaultValue: 0.6,
+          admin: {
+            step: 0.1,
+          },
+        },
+        {
+          name: 'splitEase',
+          type: 'text',
+          label: 'Animation Ease',
+          defaultValue: 'back.out(1.7)',
+          admin: {
+            description: 'GSAP ease string (e.g., "power2.out", "elastic.out(1, 0.3)")',
+          },
+        },
+        {
+          name: 'splitYOffset',
+          type: 'number',
+          label: 'Y Offset (pixels)',
+          defaultValue: 80,
+        },
+        {
+          name: 'splitOpacity',
+          type: 'checkbox',
+          label: 'Animate Opacity',
+          defaultValue: true,
+        },
+      ],
+    },
+    // Text Type variant fields
+    {
+      admin: {
+        initCollapsed: true,
+        condition: (data, siblingData) => siblingData.variation === 'text-type',
+      },
+      type: 'collapsible',
+      label: 'Text Type Settings',
+      fields: [
+        {
+          name: 'typeSpeed',
+          type: 'number',
+          label: 'Typing Speed (ms)',
+          defaultValue: 100,
+        },
+        {
+          name: 'typeDelay',
+          type: 'number',
+          label: 'Start Delay (ms)',
+          defaultValue: 0,
+        },
+        {
+          name: 'showCursor',
+          type: 'checkbox',
+          label: 'Show Cursor',
+          defaultValue: true,
+        },
+        {
+          name: 'cursorChar',
+          type: 'text',
+          label: 'Cursor Character',
+          defaultValue: '|',
+        },
+        {
+          name: 'autoStart',
+          type: 'checkbox',
+          label: 'Auto Start',
+          defaultValue: true,
+          admin: {
+            description: 'Start typing automatically when component mounts',
+          },
+        },
+      ],
+    },
+    // Shuffle Text variant fields
+    {
+      admin: {
+        initCollapsed: true,
+        condition: (data, siblingData) => siblingData.variation === 'shuffle-text',
+      },
+      type: 'collapsible',
+      label: 'Shuffle Text Settings',
+      fields: [
+        {
+          name: 'shuffleDuration',
+          type: 'number',
+          label: 'Shuffle Duration (seconds)',
+          defaultValue: 0.8,
+          admin: {
+            step: 0.1,
+            description: 'Duration of the shuffle animation',
+          },
+        },
+      ],
+    },
+    // Shiny Text variant fields
+    {
+      admin: {
+        condition: (data, siblingData) => siblingData.variation === 'shiny-text',
+      },
+      type: 'row',
+      fields: [
+        {
+          name: 'shinyDuration',
+          type: 'number',
+          label: 'Animation Speed (seconds)',
+          defaultValue: 5,
+          admin: {
+            width: '50%',
+            step: 0.5,
+            description: 'Speed of the shine animation (higher = slower)',
+          },
+        },
+        {
+          name: 'shinyColor',
+          type: 'text',
+          label: 'Shine Color (hex or rgba)',
+          defaultValue: 'rgba(255, 255, 255, 0.6)',
+          admin: {
+            width: '50%',
+            description: 'CSS color for the shine effect (e.g., #ffffff, rgba(255, 255, 255, 0.6))',
+          },
+        },
+      ],
+    },
+  ],
+}
+
+export default DDAnimText