{"version":3,"file":"search-box.bundle.mjs","sources":["../../../../src/digitalmarketplace/components/search-box/search-box.ts"],"sourcesContent":["import { DigitalMarketplaceFrontendComponent } from '../../digitalmarketplace-frontend-component'\n\nclass SearchBox implements DigitalMarketplaceFrontendComponent {\n  static moduleName = 'dm-search-box'\n\n  $module: JQuery<HTMLElement>\n  $toggleTarget: JQuery<HTMLElement>\n\n  constructor ($module: JQuery<HTMLElement>) {\n    this.$module = $module\n    this.$toggleTarget = this.$module.find('.js-class-toggle')\n  }\n\n  init () {\n    if (!this.inputIsEmpty()) {\n      this.addFocusClass()\n    }\n  \n    this.$toggleTarget.on('focus', this.addFocusClass.bind(this))\n    this.$toggleTarget.on('blur', this.removeFocusClassFromEmptyInput.bind(this))\n  }\n\n  inputIsEmpty () {\n    return this.$toggleTarget.val() === ''\n  }\n\n  addFocusClass () {\n    this.$toggleTarget.addClass('focus')\n  }\n\n  removeFocusClassFromEmptyInput () {\n    if (this.inputIsEmpty()) {\n      this.$toggleTarget.removeClass('focus')\n    }\n  }\n}\n\nexport { SearchBox }\n"],"names":[],"mappings":"AAEA,MAAM,SAAS,CAAA;AACb,IAAA,OAAO,UAAU,GAAG,eAAe;AAEnC,IAAA,OAAO;AACP,IAAA,aAAa;AAEb,IAAA,WAAA,CAAa,OAA4B,EAAA;AACvC,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO;QACtB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC;IAC5D;IAEA,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE;YACxB,IAAI,CAAC,aAAa,EAAE;QACtB;AAEA,QAAA,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC7D,QAAA,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,8BAA8B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/E;IAEA,YAAY,GAAA;QACV,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,KAAK,EAAE;IACxC;IAEA,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC;IACtC;IAEA,8BAA8B,GAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AACvB,YAAA,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC;QACzC;IACF;;;;;"}