digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
1 lines • 1.92 kB
Source Map (JSON)
{"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;;;;;"}