{"version":3,"sources":["webpack:///./widgets/careculator.js"],"names":["Careculator","$el","_classCallCheck","this","key","value","setCareculator","resizeListener","$wg","$","on","newVal","val","attr","find","concat","prop","$radios","$select","window","_","debounce","each","index","element","removeAttr","utils","isSmallerThanTablet","trigger"],"mappings":"43BAIA,IAUaA,EAAW,WAItB,O,EAHD,SAAAA,EAAYC,I,4FAAKC,CAAA,KAAAF,GAEhBG,KAAKF,IAAMA,I,EACX,EAAAG,IAAA,OAAAC,MAED,WACCF,KAAKG,iBACLH,KAAKI,mBACL,CAAAH,IAAA,iBAAAC,MAED,WAEC,IAAIG,EAAMC,EAAEN,KAAKF,KAEjBO,EAAIE,GAAG,SAAU,iDAAiD,WACjE,IAAIC,EAASF,EAAEN,MAAMS,MACVH,EAAEN,MAAMU,KAAK,QAExBL,EAAIM,KAAK,gCAADC,OAAiCJ,EAAM,OAAMK,KAAK,WAAW,GACrER,EAAIM,KAAK,0BAA0BF,IAAID,QAExC,CAAAP,IAAA,iBAAAC,MAED,WACC,IAAIG,EAAMC,EAAEN,KAAKF,KACbgB,EAAUT,EAAIM,KAAK,uCACnBI,EAAUV,EAAIM,KAAK,0BAEvBL,EAAEU,QAAQT,GAAG,SAAUU,IAAEC,UAAS,WAGjCJ,EAAQK,MAAK,SAACC,EAAOC,GACpBf,EAAEe,GAASC,WAAW,uBAGvBP,EAAQO,WAAW,oBAEnBP,EAAQJ,KAAK,UAAUQ,MAAK,SAACC,EAAOC,GACnCf,EAAEe,GAASC,WAAW,uBAGnBC,IAAMC,uBAETT,EAAQL,KAAK,mBAAoB,IAEjCK,EAAQJ,KAAK,UAAUQ,MAAK,SAACC,EAAOC,GACnCf,EAAEe,GAASX,KAAK,mBAAoB,QAIrCI,EAAQK,MAAK,SAACC,EAAOC,GACpBf,EAAEe,GAASX,KAAK,mBAAoB,SAGpC,MAEHJ,EAAEU,QAAQS,QAAQ,e,0FAzDI,I","file":"20.js","sourcesContent":["/* eslint-disable no-invalid-this */\n/* eslint-disable no-unused-vars */\n/* eslint-disable max-len */\n// CONSTANTS are all caps.\nconst NS ='Careculator';\nconst CLS ='careculator';\nconst WG ='.' + CLS +'-';\n\n// Import stuff here if you need to or even better to import them dynamically\n// for ex. of dynamic import check out src/scripts/loadWg/careculator.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\nimport utils from '../../scripts/utils';\nimport _ from 'lodash';\n\nexport class Careculator {\n\tconstructor($el) {\n\t\t// $el is the widget node return by the loadCareculator function\n\t\tthis.$el = $el;\n\t}\n\n\tinit() {\n\t\tthis.setCareculator();\n\t\tthis.resizeListener();\n\t}\n\n\tsetCareculator() {\n\t\t// Add Some logic here\n\t\tlet $wg = $(this.$el);\n\n\t\t$wg.on('change', '.challengeTypes input, .challengeTypes select', function() {\n\t\t\tlet newVal = $(this).val();\n\t\t\tlet name = $(this).attr('name');\n\n\t\t\t$wg.find(`.challengeTypes input[value=\"${newVal}\"]`).prop('checked', true);\n\t\t\t$wg.find(`.challengeTypes select`).val(newVal);\n\t\t});\n\t}\n\n\tresizeListener() {\n\t\tlet $wg = $(this.$el);\n\t\tlet $radios = $wg.find('.challengeTypes input[type=\"radio\"]');\n\t\tlet $select = $wg.find('.challengeTypes select');\n\n\t\t$(window).on('resize', _.debounce(() => {\n\t\t\t// resets (remove data-f-datainput from radios, select, and its options)\n\n\t\t\t$radios.each((index, element) => {\n\t\t\t\t$(element).removeAttr('data-f-datainput');\n\t\t\t});\n\n\t\t\t$select.removeAttr('data-f-datainput');\n\n\t\t\t$select.find('option').each((index, element) => {\n\t\t\t\t$(element).removeAttr('data-f-datainput');\n\t\t\t});\n\n\t\t\tif (utils.isSmallerThanTablet()) {\n\t\t\t\t// mobile\n\t\t\t\t$select.attr('data-f-datainput', '');\n\n\t\t\t\t$select.find('option').each((index, element) => {\n\t\t\t\t\t$(element).attr('data-f-datainput', '');\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// desktop\n\t\t\t\t$radios.each((index, element) => {\n\t\t\t\t\t$(element).attr('data-f-datainput', '');\n\t\t\t\t});\n\t\t\t}\n\t\t}, 300));\n\n\t\t$(window).trigger('resize');\n\t}\n\t// Add more functions like on above here\n}\n"],"sourceRoot":""}