{"version":3,"sources":["webpack:///./src/js/modules/toggle.js"],"names":["Module","this","dom","$el","el","$triggers","_$$","onClass","offClass","classList","add","_on","toggle","bind","clickOutside","onClickOutside","remove","Component"],"mappings":"i/CAGMA,E,iXAEFC,KAAKC,IAAM,CACTC,IAAKF,KAAKG,GACVC,UAAWJ,KAAKG,GAAGE,IAAI,oBAGzBL,KAAKM,QAAU,aACfN,KAAKO,SAAW,cAEhBP,KAAKC,IAAIC,IAAIM,UAAUC,IAAIT,KAAKO,Y,qCAIhCP,KAAKC,IAAIG,UAAUM,IAAI,QAASV,KAAKW,OAAOC,KAAKZ,OACjDa,IAAab,KAAKC,IAAIC,IAAKF,KAAKc,eAAeF,KAAKZ,S,+BAIpDA,KAAKC,IAAIC,IAAIM,UAAUG,OAAOX,KAAKM,SACnCN,KAAKC,IAAIC,IAAIM,UAAUG,OAAOX,KAAKO,Y,uCAInCP,KAAKC,IAAIC,IAAIM,UAAUO,OAAOf,KAAKM,SACnCN,KAAKC,IAAIC,IAAIM,UAAUC,IAAIT,KAAKO,e,8BAzBfS,aA6BNjB","file":"22.5ba03c.js","sourcesContent":["import { Component } from '@verndale/core';\r\nimport clickOutside from 'click-outside';\r\n\r\nclass Module extends Component {\r\n  setupDefaults() {\r\n    this.dom = {\r\n      $el: this.el,\r\n      $triggers: this.el._$$('.toggle-trigger')\r\n    };\r\n\r\n    this.onClass = 'toggled-on';\r\n    this.offClass = 'toggled-off';\r\n\r\n    this.dom.$el.classList.add(this.offClass);\r\n  }\r\n\r\n  addListeners() {\r\n    this.dom.$triggers._on('click', this.toggle.bind(this));\r\n    clickOutside(this.dom.$el, this.onClickOutside.bind(this));\r\n  }\r\n\r\n  toggle() {\r\n    this.dom.$el.classList.toggle(this.onClass);\r\n    this.dom.$el.classList.toggle(this.offClass);\r\n  }\r\n\r\n  onClickOutside() {\r\n    this.dom.$el.classList.remove(this.onClass);\r\n    this.dom.$el.classList.add(this.offClass);\r\n  }\r\n}\r\n\r\nexport default Module;\r\n"],"sourceRoot":""}