{
	"$schema": "https://schemas.wp.org/trunk/block.json",
    "apiVersion": 3,
	"name": "tpgb/tp-flipbox",
	"version": "0.1.0",
	"title": "Flip Box",
	"category": "tpgb",
	"description": "This block is perfect for creating an engaging and interactive experience with your audience. You can use it to show different types of content flipping side on hover",
	"example": {
		"attributes": {}
	},
	"supports": { "align":["wide","full"]},
	"textdomain": "the-plus-addons-for-block-editor",
    "attributes": {
      "block_id": {
        "type": "string",
        "default": ""
      },
      "layoutType": {
        "type": "string",
        "default": "listing"
      },
      "flipType": {
        "type": "string",
        "default": "horizontal"
      },
      "boxHeight": {
        "type": "object",
        "default": {
          "md": "",
          "unit": "px"
        },
        "style": [
          {
            "selector": "{{PLUS_WRAP}}.tpgb-flipbox .flip-box-inner .service-flipbox, {{PLUS_WRAP}}.tpgb-flipbox .flip-box-inner .service-flipbox-front, {{PLUS_WRAP}}.tpgb-flipbox .flip-box-inner .service-flipbox-back{ min-height: {{boxHeight}}; }"
          }
        ],
        "scopy": true
      },
      "backAlign": {
        "type": "string",
        "default": "center"
      },
      "backCarouselBtn": {
        "type": "boolean",
        "default": false
      },
      "btnCarouselStyle": {
        "type": "string",
        "default": "style-7"
      },
      "btnCarouselIconType": {
        "type": "string",
        "default": "none"
      },
      "btnCarouselIconName": {
        "type": "string",
        "default": ""
      },
      "btnCarouselIconPosition": {
        "type": "string",
        "default": "after"
      },
      "flipcarousel": {
        "type": "array",
        "repeaterField": [
          {
            "title": {
              "type": "string",
              "default": "Special Feature"
            },
            "description": {
              "type": "string",
              "default": "Lookout flogging bilge rat main sheet bilge water nipper fluke to go on account heave down clap of thunder. Reef sails six pounders skysail code of conduct sloop cog Yellow Jack gunwalls grog blossom starboard."
            },
            "btnText": {
              "type": "string",
              "default": "Read more"
            },
            "btnUrl": {
              "type": "object",
              "default": {
                "url": "",
                "target": "",
                "nofollow": ""
              }
            },
            "iconType": {
              "type": "string",
              "default": "icon"
            },
            "iconStore": {
              "type": "string",
              "default": "fas fa-box-open"
            },
            "imagestore": {
              "type": "object",
              "default": {
                "url": ""
              }
            },
            "imageSize": {
              "type": "string",
              "default": "full"
            },
            "svgFIcon": {
              "type": "object",
              "default": {
                "url": ""
              }
            },
            "nmlBG": {
              "type": "object",
              "default": {
                "openBg": 0,
                "bgType": "color",
                "bgDefaultColor": "",
                "bgGradient": {
                  "color1": "#16d03e",
                  "color2": "#1f91f3",
                  "type": "linear",
                  "direction": "90",
                  "start": 5,
                  "stop": 80,
                  "radial": "center",
                  "clip": false
                },
                "overlayBg": "",
                "overlayBgOpacity": "",
                "bgGradientOpacity": ""
              },
              "style": [
                {
                  "selector": "{{PLUS_WRAP}} .flip-box-inner{{TP_REPEAT_ID}} .service-flipbox-front"
                }
              ]
            },
            "hvrBG": {
              "type": "object",
              "default": {
                "openBg": 0,
                "bgType": "color",
                "bgDefaultColor": "",
                "bgGradient": {
                  "color1": "#16d03e",
                  "color2": "#1f91f3",
                  "type": "linear",
                  "direction": "90",
                  "start": 5,
                  "stop": 80,
                  "radial": "center",
                  "clip": false
                },
                "overlayBg": "",
                "overlayBgOpacity": "",
                "bgGradientOpacity": ""
              },
              "style": [
                {
                  "selector": "{{PLUS_WRAP}} {{TP_REPEAT_ID}} .service-flipbox-back"
                }
              ]
            },
            "overNmlBG": {
              "type": "string",
              "default": "",
              "style": [
                {
                  "selector": "{{PLUS_WRAP}} {{TP_REPEAT_ID}} .flipbox-front-overlay{ background: {{overNmlBG}}; }"
                }
              ]
            },
            "overHvrBG": {
              "type": "string",
              "default": "",
              "style": [
                {
                  "selector": "{{PLUS_WRAP}} {{TP_REPEAT_ID}} .flipbox-back-overlay{ background: {{overHvrBG}}; }"
                }
              ]
            }
          }
        ],
        "default": [
          {
            "_key": "0",
            "title": "Special Feature 1",
            "description": "Lookout flogging bilge rat main sheet bilge water nipper fluke to go on account heave down clap of thunder. Reef sails six pounders skysail code of conduct sloop cog Yellow Jack gunwalls grog blossom starboard.",
            "iconType": "icon",
            "iconStore": "fas fa-box-open",
            "btnText": "Read More",
            "btnUrl": {
              "url": ""
            },
            "imagestore": {
              "url": ""
            },
            "imageSize": "full",
            "svgFIcon": {
              "url": ""
            },
            "overNmlBG": "",
            "overHvrBG":  ""
          },
          {
            "_key": "1",
            "title": "Special Feature 2",
            "description": "Lookout flogging bilge rat main sheet bilge water nipper fluke to go on account heave down clap of thunder. Reef sails six pounders skysail code of conduct sloop cog Yellow Jack gunwalls grog blossom starboard.",
            "iconType": "icon",
            "iconStore": "fas fa-box-open",
            "btnText": "Read More",
            "btnUrl": {
              "url": ""
            },
            "imagestore": {
              "url": ""
            },
            "imageSize": "full",
            "svgFIcon": {
              "url": ""
            },
             "overNmlBG": "",
            "overHvrBG":  ""
          }
        ]
      },
      "title": {
        "type": "string",
        "source": "html",
        "selector": ".service-title",
        "default": "Special Feature"
      },
      "iconType": {
        "type": "string",
        "default": "icon"
      },
      "iconStore": {
        "type": "string",
        "default": "fas fa-box-open"
      },
      "imagestore": {
        "type": "object",
        "default": {
          "url": ""
        }
      },
      "svgIcon": {
        "type": "object",
        "default": {
          "url": ""
        }
      },
      "imageSize": {
        "type": "string",
        "default": "thumbnail"
      },
      "description": {
        "type": "string",
        "source": "html",
        "selector": ".service-desc",
        "default": "Lookout flogging bilge rat main sheet bilge water nipper fluke to go on account heave down clap of thunder. Reef sails six pounders skysail code of conduct sloop cog Yellow Jack gunwalls grog blossom starboard."
      },
      "backBtn": {
        "type": "boolean",
        "default": false
      },
      "btnStyle": {
        "type": "string",
        "default": "style-7"
      },
      "btnText": {
        "type": "string",
        "source": "html",
        "selector": ".btn-text",
        "default": "Read more"
      },
      "btnUrl": {
        "type": "object",
        "default": {
          "url": "",
          "target": "",
          "nofollow": ""
        }
      },
      "btnIconType": {
        "type": "string",
        "default": "none"
      },
      "btnIconName": {
        "type": "string",
        "default": ""
      },
      "btnIconPosition": {
        "type": "string",
        "default": "after"
      },
      "iconStyle": {
        "type": "string",
        "default": "none",
        "scopy": true
      },
      "iconSize": {
        "type": "object",
        "default": {
          "md": "",
          "unit": "px"
        },
        "style": [
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "listing"
              },
              {
                "key": "iconType",
                "relation": "==",
                "value": "icon"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon{ font-size: {{iconSize}}; }"
          },
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "carousel"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon{ font-size: {{iconSize}}; }"
          }
        ],
        "scopy": true
      },
      "iconWidth": {
        "type": "object",
        "default": {
          "md": "",
          "unit": "px"
        },
        "style": [
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "listing"
              },
              {
                "key": "iconType",
                "relation": "==",
                "value": "icon"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon{ width: {{iconWidth}}; height: {{iconWidth}}; line-height: {{iconWidth}}; }"
          },
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "carousel"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon{ width: {{iconWidth}}; height: {{iconWidth}}; line-height: {{iconWidth}}; }"
          }
        ],
        "scopy": true
      },
      "icnNmlColor": {
        "type": "string",
        "default": "",
        "style": [
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "listing"
              },
              {
                "key": "iconType",
                "relation": "==",
                "value": "icon"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon{ color: {{icnNmlColor}}; }"
          },
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "carousel"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon{ color: {{icnNmlColor}}; }"
          }
        ],
        "scopy": true
      },
      "icnHvrColor": {
        "type": "string",
        "default": "",
        "style": [
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "listing"
              },
              {
                "key": "iconType",
                "relation": "==",
                "value": "icon"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-horizontal:hover .service-icon{ color: {{icnHvrColor}}; }"
          },
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "carousel"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-horizontal:hover .service-icon{ color: {{icnHvrColor}}; }"
          }
        ],
        "scopy": true
      },
      "icnNormalBG": {
        "type": "object",
        "default": {
          "openBg": 0,
          "bgType": "color",
          "bgDefaultColor": "",
          "bgGradient": {
            "color1": "#16d03e",
            "color2": "#1f91f3",
            "type": "linear",
            "direction": "90",
            "start": 5,
            "stop": 80,
            "radial": "center",
            "clip": false
          },
          "overlayBg": "",
          "overlayBgOpacity": "",
          "bgGradientOpacity": ""
        },
        "style": [
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "listing"
              },
              {
                "key": "iconType",
                "relation": "==",
                "value": "icon"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon"
          },
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "carousel"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon"
          }
        ],
        "scopy": true
      },
      "icnHoverBG": {
        "type": "object",
        "default": {
          "openBg": 0,
          "bgType": "color",
          "bgDefaultColor": "",
          "bgGradient": {
            "color1": "#16d03e",
            "color2": "#1f91f3",
            "type": "linear",
            "direction": "90",
            "start": 5,
            "stop": 80,
            "radial": "center",
            "clip": false
          },
          "overlayBg": "",
          "overlayBgOpacity": "",
          "bgGradientOpacity": ""
        },
        "style": [
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "listing"
              },
              {
                "key": "iconType",
                "relation": "==",
                "value": "icon"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-horizontal:hover .service-icon"
          },
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "carousel"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-horizontal:hover .service-icon"
          }
        ],
        "scopy": true
      },
      "nmlBColor": {
        "type": "string",
        "default": "",
        "style": [
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "listing"
              },
              {
                "key": "iconType",
                "relation": "==",
                "value": "icon"
              },
              {
                "key": "iconStyle",
                "relation": "==",
                "value": ["square","rounded"]
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon{ border-color: {{nmlBColor}}; }"
          },
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "carousel"
              },
              {
                "key": "iconStyle",
                "relation": "==",
                "value": ["square","rounded"]
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon{ border-color: {{nmlBColor}}; }"
          }
        ],
        "scopy": true
      },
      "hvrBColor": {
        "type": "string",
        "default": "",
        "style": [
          {
            "condition": [
              { "key": "layoutType", "relation": "==", "value": "listing" },
              { "key": "iconType", "relation": "==", "value": "icon" },
              { "key": "iconStyle", "relation": "==", "value": ["square", "rounded"] }
            ],
            "selector": "{{PLUS_WRAP}} .flip-horizontal:hover .service-icon{ border-color: {{hvrBColor}}; }"
          },
          {
            "condition": [
              { "key": "layoutType", "relation": "==", "value": "carousel" },
              { "key": "iconStyle", "relation": "==", "value": ["square", "rounded"] }
            ],
            "selector": "{{PLUS_WRAP}} .flip-horizontal:hover .service-icon{ border-color: {{hvrBColor}}; }"
          }
        ],
        "scopy": true
      },
      "nmlIcnBRadius": {
        "type": "object",
        "default": {
          "md": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "unit": "px"
        },
        "style": [
          {
            "condition": [
              { "key": "layoutType", "relation": "==", "value": "listing" },
              { "key": "iconType", "relation": "==", "value": "icon" },
              { "key": "iconStyle", "relation": "==", "value": ["none", "square", "rounded"] }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon{border-radius: {{nmlIcnBRadius}};}"
          },
          {
            "condition": [
              { "key": "layoutType", "relation": "==", "value": "carousel" },
              { "key": "iconStyle", "relation": "==", "value": ["none", "square", "rounded"] }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon{border-radius: {{nmlIcnBRadius}};}"
          }
        ],
        "scopy": true
      },
      "hvrIcnBRadius": {
        "type": "object",
        "default": {
          "md": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "unit": "px"
        },
        "style": [
          {
            "condition": [
              { "key": "layoutType", "relation": "==", "value": "listing" },
              { "key": "iconType", "relation": "==", "value": "icon" },
              { "key": "iconStyle", "relation": "==", "value": ["none", "square", "rounded"] }
            ],
            "selector": "{{PLUS_WRAP}} .flip-horizontal:hover .service-icon{border-radius: {{hvrIcnBRadius}};}"
          },
          {
            "condition": [
              { "key": "layoutType", "relation": "==", "value": "carousel" },
              { "key": "iconStyle", "relation": "==", "value": ["none", "square", "rounded"] }
            ],
            "selector": "{{PLUS_WRAP}} .flip-horizontal:hover .service-icon{border-radius: {{hvrIcnBRadius}};}"
          }
        ],
        "scopy": true
      },
      "nmlIcnShadow": {
        "type": "object",
        "default": {
          "openShadow": 0,
          "inset": 0,
          "horizontal": 0,
          "vertical": 4,
          "blur": 8,
          "spread": 0,
          "color": "rgba(0,0,0,0.40)"
        },
        "style": [
          {
            "condition": [
              { "key": "layoutType", "relation": "==", "value": "listing" },
              { "key": "iconType", "relation": "==", "value": "icon" }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon"
          },
          {
            "condition": [
              { "key": "layoutType", "relation": "==", "value": "carousel" }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-icon"
          }
        ],
        "scopy": true
      },
      "hvrIcnShadow": {
        "type": "object",
        "default": {
          "openShadow": 0,
          "inset": 0,
          "horizontal": 0,
          "vertical": 4,
          "blur": 8,
          "spread": 0,
          "color": "rgba(0,0,0,0.40)"
        },
        "style": [
          {
            "condition": [
              { "key": "layoutType", "relation": "==", "value": "listing" },
              { "key": "iconType", "relation": "==", "value": "icon" }
            ],
            "selector": "{{PLUS_WRAP}} .flip-horizontal:hover .service-icon"
          },
          {
            "condition": [
              { "key": "layoutType", "relation": "==", "value": "carousel" }
            ],
            "selector": "{{PLUS_WRAP}} .flip-horizontal:hover .service-icon"
          }
        ],
        "scopy": true
      },
      "svgDraw": {
        "type": "string",
        "default": "delayed",
        "scopy": true
      },
      "svgDura": {
        "type": "string",
        "default": "90",
        "scopy": true
      },
      "svgmaxWidth": {
        "type": "object",
        "default": {
          "md": "",
          "unit": "px"
        },
        "style": [
          {
            "selector": "{{PLUS_WRAP}} .flip-box-inner .tpgb-draw-svg{ max-width: {{svgmaxWidth}}; max-height: {{svgmaxWidth}}; }"
          }
        ],
        "scopy": true
      },
      "svgstroColor": {
        "type": "string",
        "default": "#000000",
        "scopy": true
      },
      "svgfillColor": {
        "type": "string",
        "default": "",
        "scopy": true
      },
      "svgstroHov": {
        "type": "string",
        "default": "",
        "scopy": true
      },
      "svgfillHov": {
        "type": "string",
        "default": "",
        "scopy": true
      },
      "imgWidth": {
        "type": "object",
        "default": {
          "md": "",
          "unit": "px"
        },
        "style": [
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "listing"
              },
              {
                "key": "iconType",
                "relation": "==",
                "value": "img"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-img{ max-width: {{imgWidth}}; }"
          },
          {
            "condition": [
              {
                "key": "layoutType",
                "relation": "==",
                "value": "carousel"
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-img{ max-width: {{imgWidth}}; }"
          }
        ],
        "scopy": true
      },
      "titleTag": {
        "type": "string",
        "default": "div"
      },
      "titleTypo": {
        "type": "object",
        "default": {
          "openTypography": 0,
          "size": {
            "md": "",
            "unit": "px"
          }
        },
        "style": [
          {
            "condition": [
              {
                "key": "title",
                "relation": "!=",
                "value": ""
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-title"
          }
        ],
        "scopy": true
      },
      "titleNmlColor": {
        "type": "string",
        "default": "#313131",
        "style": [
          {
            "condition": [
              {
                "key": "title",
                "relation": "!=",
                "value": ""
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-title{ color: {{titleNmlColor}}; }"
          }
        ],
        "scopy": true
      },
      "titleHvrColor": {
        "type": "string",
        "default": "",
        "style": [
          {
            "condition": [
              {
                "key": "title",
                "relation": "!=",
                "value": ""
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-horizontal:hover .service-title{ color: {{titleHvrColor}}; }"
          }
        ],
        "scopy": true
      },
      "titleTopSpace": {
        "type": "object",
        "default": {
          "md": "",
          "unit": "px"
        },
        "style": [
          {
            "condition": [
              {
                "key": "title",
                "relation": "!=",
                "value": ""
              }
            ],
            "selector": "{{PLUS_WRAP}}.flip-box-style-1 .flip-box-inner .service-title{ margin-top: {{titleTopSpace}}; }"
          }
        ],
        "scopy": true
      },
      "titleBottomSpace": {
        "type": "object",
        "default": {
          "md": "",
          "unit": "px"
        },
        "style": [
          {
            "condition": [
              {
                "key": "title",
                "relation": "!=",
                "value": ""
              }
            ],
            "selector": "{{PLUS_WRAP}}.flip-box-style-1 .flip-box-inner .service-title{ margin-bottom: {{titleBottomSpace}}; }"
          }
        ],
        "scopy": true
      },
      "descTypo": {
        "type": "object",
        "default": {
          "openTypography": 0,
          "size": {
            "md": "",
            "unit": "px"
          }
        },
        "style": [
          {
            "condition": [
              {
                "key": "description",
                "relation": "!=",
                "value": ""
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-desc"
          }
        ],
        "scopy": true
      },
      "descColor": {
        "type": "string",
        "default": "",
        "style": [
          {
            "condition": [
              {
                "key": "description",
                "relation": "!=",
                "value": ""
              }
            ],
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-desc{ color: {{descColor}}; }"
          }
        ],
        "scopy": true
      },
      "backBtnTypo": {
        "type": "object",
        "default": {
          "openTypography": 0
        },
        "style": [
          {
            "condition": [
              {
                "key": "backBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button .button-link-wrap"
          },
          {
            "condition": [
              {
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button .button-link-wrap"
          }
        ],
        "scopy": true
      },
      "backBtnTextColor": {
        "type": "string",
        "default": "",
        "style": [
          {
            "condition": [
              {
                "key": "backBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button .button-link-wrap{ color: {{backBtnTextColor}}; }"
          },
          {
            "condition": [
              {
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button .button-link-wrap{ color: {{backBtnTextColor}}; }"
          },
          {
            "condition": [
              {
                "key": "backBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnStyle",
                "relation": "==",
                "value": "style-7"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-7 .button-link-wrap:after{ border-color: {{backBtnTextColor}}; }"
          },
          {
            "condition": [
              {
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnCarouselStyle",
                "relation": "==",
                "value": "style-7"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-7 .button-link-wrap:after{ border-color: {{backBtnTextColor}}; }"
          }
        ],
        "scopy": true
      },
      "backBThoverColor": {
        "type": "string",
        "default": "",
        "style": [
          {
            "condition": [
              {
                "key": "backBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button .button-link-wrap:hover{ color: {{backBThoverColor}}; }"
          },
          {
            "condition": [
              {
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button .button-link-wrap:hover{ color: {{backBThoverColor}}; }"
          }
        ],
        "scopy": true
      },
      "backBtnSpace": {
        "type": "object",
        "default": {
          "md": "",
          "unit": "px"
        },
        "style": [
          {
            "condition": [
              {
                "key": "backBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button{ margin-top: {{backBtnSpace}}; }"
          },
          {
            "condition": [
              {
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button{ margin-top: {{backBtnSpace}}; }"
          }
        ],
        "scopy": true
      },
      "backBtnbottomSpace": {
        "type": "object",
        "default": {
          "md": "",
          "unit": "px"
        },
        "style": [
          {
            "condition": [
              {
                "key": "backBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button{ margin-bottom : {{backBtnbottomSpace}}; }"
          },
          {
            "condition": [
              {
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button{ margin-bottom : {{backBtnbottomSpace}}; }"
          }
        ],
        "scopy": true
      },
      "btnIconSpacing": {
        "type": "object",
        "default": {
          "md": 5,
          "unit": "px"
        },
        "style": [
          {
            "condition": [
              {
                "key": "backBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .button-link-wrap .button-before { margin-right: {{btnIconSpacing}}; } {{PLUS_WRAP}} .button-link-wrap .button-after { margin-left: {{btnIconSpacing}}; }"
          },
          {
            "condition": [
              {
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .button-link-wrap .button-before { margin-right: {{btnIconSpacing}}; } {{PLUS_WRAP}} .button-link-wrap .button-after { margin-left: {{btnIconSpacing}}; }"
          }
        ],
        "scopy": true
      },
      "btnIconSize": {
        "type": "object",
        "default": {
          "md": "",
          "unit": "px"
        },
        "style": [
          {
            "condition": [
              {
                "key": "backBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .button-link-wrap .btn-icon { font-size: {{btnIconSize}}; }"
          },
          {
            "condition": [
              {
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .button-link-wrap .btn-icon { font-size: {{btnIconSize}}; }"
          }
        ],
        "scopy": true
      },
      "backBtnPadding": {
        "type": "object",
        "default": {
          "md": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "unit": "px"
        },
        "style": [
          {
            "condition": [
              {
                "key": "backBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap{ padding: {{backBtnPadding}}; }"
          },
          {
            "condition": [
              {
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap{ padding: {{backBtnPadding}}; }"
          }
        ],
        "scopy": true
      },
      "backBtnNormalB": {
        "type": "object",
        "default": {
          "openBorder": 0,
          "type": "",
          "color": "",
          "width": {
            "md": {
              "top": "1",
              "left": "1",
              "bottom": "1",
              "right": "1"
            },
            "unit": "px"
          }
        },
        "style": [
          {
            "condition": [
              {
                "key": "backBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap"
          },
          {
            "condition": [
              {
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnCarouselStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap"
          }
        ],
        "scopy": true
      },
      "backBtnBRadius": {
        "type": "object",
        "default": {
          "md": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "unit": "px"
        },
        "style": [{
            "condition": [{
                "key": "backBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap{border-radius: {{backBtnBRadius}};}"
          },
          {
            "condition": [{
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnCarouselStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap{border-radius: {{backBtnBRadius}};}"
          }
        ],
        "scopy": true
      },
      "backBtnBG": {
        "type": "object",
        "default": {
          "openBg": 0
        },
        "style": [{
            "condition": [{
                "key": "backBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap"
          },
          {
            "condition": [{
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnCarouselStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap"
          }
        ],
        "scopy": true
      },
      "backBtnShadow": {
        "type": "object",
        "default": {
          "horizontal": 0,
          "vertical": 8,
          "blur": 20,
          "spread": 1,
          "color": "rgba(0,0,0,0.27)"
        },
        "style": [{
            "condition": [{
                "key": "backBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button .button-link-wrap"
          },
          {
            "condition": [{
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnCarouselStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button .button-link-wrap"
          }
        ],
        "scopy": true
      },
      "backBtnHvrB": {
        "type": "object",
        "default": {
          "openBorder": 0,
          "type": "",
          "color": "",
          "width": {
            "md": {
              "top": "1",
              "left": "1",
              "bottom": "1",
              "right": "1"
            },
            "unit": "px"
          }
        },
        "style": [{
            "condition": [{
                "key": "backBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap:hover"
          },
          {
            "condition": [{
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnCarouselStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap:hover"
          }
        ],
        "scopy": true
      },
      "backBtnHvrBRadius": {
        "type": "object",
        "default": {
          "md": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "unit": "px"
        },
        "style": [{
            "condition": [{
                "key": "backBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap:hover{border-radius: {{backBtnHvrBRadius}};}"
          },
          {
            "condition": [{
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnCarouselStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap:hover{border-radius: {{backBtnHvrBRadius}};}"
          }
        ],
        "scopy": true
      },
      "backBtnHvrBG": {
        "type": "object",
        "default": {
          "openBg": 0
        },
        "style": [{
            "condition": [{
                "key": "backBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap:hover"
          },
          {
            "condition": [{
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnCarouselStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button.button-style-8 .button-link-wrap:hover"
          }
        ],
        "scopy": true
      },
      "backBtnHvrShadow": {
        "type": "object",
        "default": {
          "horizontal": "",
          "vertical": "",
          "blur": "",
          "spread": "",
          "color": "rgba(0,0,0,0.27)"
        },
        "style": [{
            "condition": [{
                "key": "backBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button .button-link-wrap:hover"
          },
          {
            "condition": [{
                "key": "backCarouselBtn",
                "relation": "==",
                "value": true
              },
              {
                "key": "btnCarouselStyle",
                "relation": "==",
                "value": "style-8"
              }
            ],
            "selector": "{{PLUS_WRAP}} .tpgb-adv-button .button-link-wrap:hover"
          }
        ],
        "scopy": true
      },
      "bgBorder": {
        "type": "object",
        "default": {
          "openBorder": 0,
          "type": "",
          "color": "",
          "width": {
            "md": {
              "top": "1",
              "left": "1",
              "bottom": "1",
              "right": "1"
            },
            "sm": {},
            "xs": {},
            "unit": "px"
          }
        },
        "style": [{
          "selector": "{{PLUS_WRAP}} .flip-box-inner .service-flipbox-front, {{PLUS_WRAP}} .flip-box-inner .service-flipbox-back"
        }],
        "scopy": true
      },
      "bgBRadius": {
        "type": "object",
        "default": {
          "md": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "unit": "px"
        },
        "style": [{
          "selector": "{{PLUS_WRAP}} .flip-box-inner .service-flipbox-front, {{PLUS_WRAP}} .flip-box-inner .service-flipbox-back, {{PLUS_WRAP}} .flipbox-front-overlay, {{PLUS_WRAP}} .flipbox-back-overlay{border-radius: {{bgBRadius}};}"
        }],
        "scopy": true
      },
      "normalBG": {
        "type": "object",
        "default": {
          "openBg": 0
        },
        "style": [{
          "condition": [{
            "key": "layoutType",
            "relation": "==",
            "value": "listing"
          }],
          "selector": "{{PLUS_WRAP}} .flip-box-inner .service-flipbox-front"
        }],
        "scopy": true
      },
      "hoverBG": {
        "type": "object",
        "default": {
          "openBg": 0
        },
        "style": [{
          "condition": [{
            "key": "layoutType",
            "relation": "==",
            "value": "listing"
          }],
          "selector": "{{PLUS_WRAP}} .flip-box-inner .service-flipbox-back"
        }],
        "scopy": true
      },
      "overlayNmlBG": {
        "type": "string",
        "default": "",
        "style": [
          {
            "condition": [{"key": "layoutType", "relation": "==", "value": "listing"}],
            "selector": "{{PLUS_WRAP}} .flipbox-front-overlay{ background: {{overlayNmlBG}}; }"
          }
        ],
        "scopy": true
      },
      "overlayHvrBG": {
        "type": "string",
        "default": "",
        "style": [
          {
            "condition": [{"key": "layoutType", "relation": "==", "value": "listing"}],
            "selector": "{{PLUS_WRAP}} .flipbox-back-overlay{ background: {{overlayHvrBG}}; }"
          }
        ],
        "scopy": true
      },
      "bgNmlShadow": {
        "type": "object",
        "default": {
          "openShadow": true,
          "inset": 0,
          "horizontal": 2,
          "vertical": 1,
          "blur": 30,
          "spread": 0,
          "color": "rgba(0,0,0,0.10)"
        },
        "style": [
          {
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-flipbox-front"
          }
        ],
        "scopy": true
      },
      "bgHvrShadow": {
        "type": "object",
        "default": {
          "openShadow": true,
          "inset": 0,
          "horizontal": 2,
          "vertical": 1,
          "blur": 30,
          "spread": 0,
          "color": "rgba(0,0,0,0.10)"
        },
        "style": [
          {
            "selector": "{{PLUS_WRAP}} .flip-box-inner .service-flipbox-back"
          }
        ],
        "scopy": true
      },
      "backPad": {
        "type": "object",
        "default": {
          "md": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "unit": "px"
        },
        "style": [
          {
            "selector": "{{PLUS_WRAP}}.tpgb-flipbox .flip-box-inner{ padding: {{backPad}}; }"
          }
        ],
        "scopy": true
      },
        "showBlockContent" :{
            "type": "boolean",
            "default": true
        }
    }
}