{
  "custom": {
    "key": "Development/testiframe"
  },
  "params": {
    "pageId": "value"
  },
  "propConfig": {
    "custom.key": {
      "binding": {
        "config": {
          "path": "page.props.pageId"
        },
        "type": "property"
      },
      "persistent": true
    },
    "params.pageId": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 1000,
      "width": 1700
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "IFrame"
        },
        "position": {
          "grow": 1
        },
        "propConfig": {
          "props.src": {
            "binding": {
              "config": {
                "struct": {
                  "pageId": "{page.props.pageId}"
                },
                "waitOnAll": true
              },
              "transforms": [
                {
                  "code": "\treturn \"http://172.30.47.21:8088/system/webdev/SDC_PHX_A7/pan-zoom-iframe/html?gatewayAddress\u003dhttp://172.30.47.21:8088\u0026projectName\u003dSDC_PHX_A7\u0026targetURL\u003d/DH101\u0026targetDetailedURL\u003d/DH101\u0026height\u003d100%25\u0026width\u003d100%25\u0026pageId\u003d\" + value[\u0027pageId\u0027]",
                  "type": "script"
                }
              ],
              "type": "expr-struct"
            }
          }
        },
        "type": "ia.display.iframe"
      },
      {
        "meta": {
          "name": "Label"
        },
        "position": {
          "basis": "320px"
        },
        "propConfig": {
          "props.text": {
            "binding": {
              "config": {
                "path": "page.props.pageId"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "style": {
            "classes": "containers/card"
          }
        },
        "type": "ia.display.label"
      }
    ],
    "meta": {
      "name": "root"
    },
    "props": {
      "style": {
        "gap": "var(--space-md)",
        "padding": "var(--space-md)"
      }
    },
    "scripts": {
      "customMethods": [],
      "extensionFunctions": null,
      "messageHandlers": [
        {
          "messageType": "eqPopup",
          "pageScope": true,
          "script": "\ttagPath \u003d payload.get(\u0027tagPath\u0027)\n\tobjectName \u003d payload.get(\u0027objectName\u0027)\n\t\n\tparams \u003d {\n\t\t\"tagPath\": tagPath,\n\t\t\"objectName\": objectName\n\t}\n\t\n\tsystem.perspective.openPopup(\n\t\tid \u003d \"Popup_\" + objectName.replace(\" \", \"_\"),\n\t\tview \u003d \"Library/Templates/Base\",\n\t\tparams \u003d params,\n\t\tshowCloseIcon \u003d True,\n\t\tresizable \u003d True,\n\t\tdraggable \u003d True,\n\t\tmodal \u003d False,\n\t\twidth \u003d 800,\n\t\theight \u003d 835\n\t)",
          "sessionScope": false,
          "viewScope": false
        }
      ]
    },
    "type": "ia.container.flex"
  }
}