[
  {
    "name": "B03_00_overview",
    "route": "#/b03-file-input",
    "project": "road",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b03-file__pick-row"
      },
      {
        "wait_ms": 1500
      }
    ],
    "clip": null,
    "callouts": [
      {
        "n": 1,
        "sel": ".ui-workflow-overlay__panel"
      },
      {
        "n": 2,
        "sel": ".b03-file__dropzone"
      },
      {
        "n": 3,
        "sel": ".b03-file__temp-picker .ui-btn"
      },
      {
        "n": 4,
        "sel": ".b03-file__pick-row > .ui-btn--filled"
      },
      {
        "n": 5,
        "sel": ".b03-file__lasfree"
      },
      {
        "n": 6,
        "sel": ".b03-file__columns > :nth-child(1) .b03-file__group-title"
      },
      {
        "n": 7,
        "sel": ".b03-file__columns > :nth-child(2) .b03-file__group-title"
      }
    ]
  },
  {
    "name": "B03_01_pick_row",
    "route": "#/b03-file-input",
    "project": "road",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b03-file__pick-row"
      }
    ],
    "clip": ".b03-file__control-panel",
    "callouts": [
      {
        "n": 1,
        "sel": ".b03-file__dropzone"
      },
      {
        "n": 2,
        "sel": ".b03-file__temp-picker .ui-btn"
      },
      {
        "n": 3,
        "sel": ".b03-file__pick-row > .ui-btn--filled"
      },
      {
        "n": 4,
        "sel": ".b03-file__lasfree"
      }
    ]
  },
  {
    "name": "B03_02_route_cards",
    "route": "#/b03-file-input",
    "project": "road",
    "viewport": [
      1600,
      2000
    ],
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b03-file__columns"
      },
      {
        "wait_ms": 1500
      }
    ],
    "clip": ".b03-file__columns > :nth-child(1)",
    "callouts": [
      {
        "n": 1,
        "sel": ".b03-file__columns > :nth-child(1) [data-slot-id=csv]"
      },
      {
        "n": 2,
        "sel": ".b03-file__columns > :nth-child(1) [data-slot-id=shx]"
      },
      {
        "n": 3,
        "sel": ".b03-file__columns > :nth-child(1) [data-slot-id=dbf]"
      },
      {
        "n": 4,
        "sel": ".b03-file__columns > :nth-child(1) [data-slot-id=cpg]"
      },
      {
        "n": 5,
        "sel": ".b03-file__columns > :nth-child(1) [data-slot-id=route_prj]"
      }
    ]
  },
  {
    "name": "B03_03_terrain_cards",
    "route": "#/b03-file-input",
    "project": "road",
    "viewport": [
      1600,
      2000
    ],
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b03-file__columns"
      },
      {
        "wait_ms": 1500
      }
    ],
    "clip": ".b03-file__columns > :nth-child(2)",
    "callouts": [
      {
        "n": 1,
        "sel": "[data-slot-id=las_laz]"
      },
      {
        "n": 2,
        "sel": "[data-slot-id=prj]"
      },
      {
        "n": 3,
        "sel": "[data-slot-id=tfw]"
      },
      {
        "n": 4,
        "sel": "[data-slot-id=tif]"
      }
    ]
  },
  {
    "name": "B03_04_card_parts",
    "route": "#/b03-file-input",
    "project": "road",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": "[data-slot-id=csv]"
      },
      {
        "wait_ms": 1200
      }
    ],
    "clip": "[data-slot-id=csv]",
    "callouts": [
      {
        "n": 1,
        "sel": "[data-slot-id=csv] .b03-file__card-label"
      },
      {
        "n": 2,
        "sel": "[data-slot-id=csv] .ui-tag"
      },
      {
        "n": 3,
        "sel": "[data-slot-id=csv] .b03-file__card-select"
      },
      {
        "n": 4,
        "sel": "[data-slot-id=csv] .b03-file__file-info"
      },
      {
        "n": 5,
        "sel": "[data-slot-id=csv] .b03-file__preview"
      }
    ]
  },
  {
    "name": "B03_05_lasfree_on",
    "route": "#/b03-file-input",
    "project": "road",
    "viewport": [
      1600,
      1500
    ],
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b03-file__lasfree"
      },
      {
        "click": ".b03-file__lasfree input"
      },
      {
        "wait_ms": 800
      },
      {
        "eval": "(()=>{const q=[\".b03-file__control-panel\", \"[data-slot-id=las_laz]\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__clip';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      }
    ],
    "clip": "#__clip",
    "clip_pad": 4,
    "callouts": [
      {
        "n": 1,
        "sel": ".b03-file__lasfree"
      },
      {
        "n": 2,
        "sel": "[data-slot-id=las_laz]"
      }
    ]
  },
  {
    "name": "B03_06_temp_modal",
    "route": "#/b03-file-input",
    "project": "road",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b03-file__temp-picker .ui-btn"
      },
      {
        "click": ".b03-file__temp-picker .ui-btn"
      },
      {
        "wait": ".b03-file__temp-modal"
      },
      {
        "wait_ms": 800
      }
    ],
    "clip": ".b03-file__temp-modal",
    "callouts": [
      {
        "n": 1,
        "sel": ".b03-file__temp-modal-actions"
      }
    ]
  },
  {
    "name": "B03_07_plan_import_modal",
    "route": "#/b03-file-input",
    "project": "road",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b03-file__columns"
      },
      {
        "click": "button:has-text('예정노선에서 가져오기')"
      },
      {
        "wait_ms": 1200
      }
    ],
    "clip": ".ui-modal",
    "callouts": [
      {
        "n": 1,
        "sel": ".ui-modal__body"
      }
    ]
  },
  {
    "name": "B03_08_left_panel",
    "route": "#/b03-file-input",
    "project": "road",
    "viewport": [
      1600,
      560
    ],
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".ui-workflow-overlay__panel"
      },
      {
        "wait_ms": 1200
      }
    ],
    "clip": ".ui-workflow-overlay__panel",
    "callouts": [
      {
        "n": 1,
        "sel": ".ui-workflow-overlay__title"
      },
      {
        "n": 2,
        "sel": ".ui-workflow-overlay__handle--side"
      },
      {
        "n": 3,
        "sel": ".ui-workflow-overlay__panel .ui-help-btn"
      }
    ]
  }
]