{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/modules/marketo-form.js"],"names":["Module","Component","formInterval","svgElem","$button","$select","$field"],"mappings":"kJAEA,MAAMA,UAAeC,WAAU,CAC7B,eAAgB,CACd,KAAK,IAAM,CACT,SAAU,CAAC,EACX,QAAS,CAAC,EACV,SAAU,CAAC,CACb,EAEA,MAAMC,EAAe,YAAY,IAAM,CAKrC,GAJA,KAAK,IAAI,SAAW,KAAK,GAAG,iBAAiB,QAAQ,EACrD,KAAK,IAAI,QAAU,KAAK,GAAG,iBAAiB,2BAA2B,EACvE,KAAK,IAAI,SAAW,KAAK,GAAG,iBAAiB,QAAQ,EAElD,KAAK,IAAI,SAAS,OAAS,EAAI,CAChC,MAAMC,EAAU,4FAChB,KAAK,IAAI,SAAS,QAAQC,GAAW,CAChCA,EAAQ,UAAU,SAAS,YAAY,IACxCA,EAAQ,WAAaD,EAEzB,CAAC,CACH,CAEG,KAAK,IAAI,SAAS,OAAS,GAC5B,KAAK,IAAI,SAAS,QAAQE,GAAW,CACnCA,EAAQ,WAAW,UAAU,IAAI,0BAA0B,CAC7D,CAAC,EAGA,KAAK,IAAI,QAAQ,OAAS,IAC3B,KAAK,aAAa,EAClB,cAAcH,CAAY,EAE9B,EAAG,CAAC,CACN,CAEA,cAAe,CACV,KAAK,IAAI,QAAQ,OAAS,GAC3B,KAAK,IAAI,QAAQ,QAAQI,GAAU,CACjCA,EAAO,iBAAiB,SAAU,KAAK,kBAAkB,KAAKA,CAAM,CAAC,EACrEA,EAAO,iBAAiB,QAAS,KAAK,kBAAkB,KAAKA,CAAM,CAAC,CACtE,CAAC,CAEL,CAEA,kBAAkB,EAAG,CAChB,GAAK,EAAE,SACL,EAAE,OAAO,OAAS,EAAE,OAAO,QACzB,EAAE,OAAO,aAAa,MAAM,IAAM,WAChC,EAAE,OAAO,QACV,EAAE,OAAO,WAAW,UAAU,IAAI,0BAA0B,EAE5D,EAAE,OAAO,WAAW,UAAU,OAAO,0BAA0B,EAGjE,EAAE,OAAO,WAAW,UAAU,IAAI,0BAA0B,EAG9D,EAAE,OAAO,WAAW,UAAU,OAAO,0BAA0B,GAInE,KAAK,SAAW,SAAS,iBAAiB,oDAAoD,EAE3F,KAAK,SAAS,OAAS,GACxB,KAAK,SAAS,QAAQD,GAAW,CAC/BA,EAAQ,WAAW,UAAU,IAAI,0BAA0B,CAC7D,CAAC,CAEL,CACF,CAEA,UAAeL,C","file":"scripts/826.8a0b60f2.js","sourcesContent":["import { Component } from '@verndale/core';\n\nclass Module extends Component {\n  setupDefaults() {\n    this.dom = {\n      $buttons: [],\n      $fields: [],\n      $selects: []\n    };\n\n    const formInterval = setInterval(() => {\n      this.dom.$buttons = this.el.querySelectorAll(\"button\");\n      this.dom.$fields = this.el.querySelectorAll(\"input, checkbox, textarea\");\n      this.dom.$selects = this.el.querySelectorAll(\"select\");\n\n      if(this.dom.$buttons.length > 0 ) {\n        const svgElem = '<svg viewBox=\"0 0 8 12\" role=\"presentation\"><use xlink:href=\"#chevron-right\"></use></svg>';\n        this.dom.$buttons.forEach($button => {\n          if($button.classList.contains(\"mktoButton\")) {\n            $button.innerHTML += svgElem;\n          }\n        })\n      }\n\n      if(this.dom.$selects.length > 0){\n        this.dom.$selects.forEach($select => {\n          $select.parentNode.classList.add('mktoField__field--filled');\n        });\n      }\n\n      if(this.dom.$fields.length > 0) {\n        this.addListeners();\n        clearInterval(formInterval);\n      }\n    }, 1);\n  }\n\n  addListeners() {\n    if(this.dom.$fields.length > 0){\n      this.dom.$fields.forEach($field => {\n        $field.addEventListener('change', this.handleCheckFilled.bind($field));\n        $field.addEventListener('keyup', this.handleCheckFilled.bind($field));\n      });\n    }\n  }\n\n  handleCheckFilled(e) {\n    if(e && e.target ){\n      if(e.target.value || e.target.checked) {\n        if(e.target.getAttribute('type') === 'checkbox') {\n          if(e.target.checked) {\n            e.target.parentNode.classList.add('mktoField__field--filled');\n          } else {\n            e.target.parentNode.classList.remove('mktoField__field--filled');\n          }\n        } else {\n          e.target.parentNode.classList.add('mktoField__field--filled');\n        }\n      } else {\n        e.target.parentNode.classList.remove('mktoField__field--filled');\n      }\n    }\n\n    this.$selects = document.querySelectorAll(\"marketo-form select:not(.mktoField__field--filled)\");\n\n    if(this.$selects.length > 0){\n      this.$selects.forEach($select => {\n        $select.parentNode.classList.add('mktoField__field--filled');\n      });\n    }\n  }\n}\n\nexport default Module;\n"],"sourceRoot":""}