{
  "name": "dnxte/text-marquee",
  "d4Shortcode": "",
  "title": "Text Marquee",
  "titles": "Text Marquees",
  "moduleIcon": "dnxte/text-marquee",
  "moduleClassName": "dnxt_text_marquee",
  "moduleOrderClassName": "dnxt_text_marquee",
  "category": "module",
  "folder": "divi-essential",
  "childModuleName": "dnxte/text-marquee-child",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Text Marquee"
            }
          }
        },
        "advanced": {
          "text": {
            "text": {
              "desktop": {
                "value": {
                  "color": "light"
                }
              }
            }
          }
        }
      },
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "link": {},
          "text": {},
          "htmlAttributes": {}
        },
        "decoration": {
          "background": {},
          "sizing": {},
          "spacing": {},
          "border": {},
          "boxShadow": {},
          "filters": {},
          "transform": {},
          "animation": {},
          "overflow": {},
          "disabledOn": {},
          "transition": {},
          "position": {},
          "zIndex": {},
          "scroll": {},
          "sticky": {}
        }
      }
    },
    "marquee_item": {
      "type": "object",
      "selector": "{{selector}} .dnxte-marquee-icon",
      "styleProps": {
        "border": {
          "important": true
        },
        "spacing": {
          "important": true
        },
        "font": {
          "selector": "{{selector}} .dnxte_text_marquee_child .dnxt-marquee-text"
  
        }
      },
      "default": {
        "advanced": {
          "itemGap": {
            "desktop": {
              "value": "20px"
            }
          }
        }
      }
    },
    "marquee_direction": {
      "type": "object",
      "default": {
        "innerContent": {
          "desktop": {
            "value": "left"
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "marqueeSettings",
            "priority": 20,
            "render": true,
            "attrName": "marquee_direction.innerContent",
            "label": "Direction",
            "description": "Choose the direction of the marquee movement.",
            "component": {
              "name": "divi/select",
              "type": "field",
              "props": {
                "options": {
                  "left": { "label": "Left to Right" },
                  "right": { "label": "Right to Left" },
                  "top": { "label": "Bottom to Top" },
                  "bottom": { "label": "Top to Bottom" }
                }
              }
            }
          }
        }
      }
    },
    "marquee_speed": {
      "type": "object",
      "default": {
        "innerContent": {
          "desktop": {
            "value": "10s"
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "marqueeSettings",
            "priority": 30,
            "render": true,
            "attrName": "marquee_speed.innerContent",
            "label": "Speed",
            "description": "Control the speed of the marquee animation (1-100).",
            "component": {
              "name": "divi/range",
              "type": "field",
              "props": {
                "min": 1,
                "max": 100,
                "step": 1,
                "allowUnitless": true,
                "defaultUnit": "",
                "unitless": true
              }
            }
          }
        }
      }
    },
    "marquee_image_size": {
      "type": "object",
      "selector": "{{selector}} .dnxt_text_marquee_child .dnxte-marquee-img",
      "default": {
        "innerContent": {
          "desktop": {
            "value": "75px"
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "marqueeSettings",
            "priority": 50,
            "render": true,
            "attrName": "marquee_image_size.innerContent",
            "label": "Image Width",
            "description": "marquee image width (1-400).",
            "component": {
              "name": "divi/range",
              "type": "field",
              "props": {
                "min": 1,
                "max": 400,
                "step": 1,
                "allowUnitless": true,
                "defaultUnit": "",
                "unitless": true
              }
            }
          }
        }
      }
    },
    "marquee_pause_on_hover": {
      "type": "object",
      "default": {
        "innerContent": {
          "desktop": {
            "value": "off"
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "marqueeSettings",
            "priority": 40,
            "render": true,
            "attrName": "marquee_pause_on_hover.innerContent",
            "label": "Pause on Hover",
            "description": "Enable to pause the marquee animation when hovering over it.",
            "component": {
              "name": "divi/toggle",
              "type": "field"
            }
          }
        }
      }
    },
    "enable_loop": {
      "type": "object",
      "default": {
        "innerContent": {
          "desktop": {
            "value": "off"
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "loopSettings",
            "priority": 10,
            "render": true,
            "attrName": "enable_loop.innerContent",
            "label": "Enable Loop",
            "description": "Enable to duplicate child items for seamless infinite scrolling effect.",
            "component": {
              "name": "divi/toggle",
              "type": "field"
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "marqueeWrapper": {
      "subName": "marqueeWrapper",
      "selectorSuffix": " .dnxt-marquee-wrapper"
    },
    "marqueeContent": {
      "subName": "marqueeContent",
      "selectorSuffix": " .dnxt-marquee-content"
    },
    "marqueeItem": {
      "subName": "marqueeItem",
      "selectorSuffix": " .dnxt_text_marquee_child"
    }
  }
}
