{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/ts/entries/faqOverview.tsx"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","window","innerWidth","Array","from","document","querySelectorAll","forEach","x","timer","hidden","classList","add","links","querySelector","buttons","header","icon","remove","toggle","clearTimeout","setTimeout","addEventListener","btn","e","preventDefault","stopPropagation"],"mappings":"aACE,IAAIA,EAAmB,GAGvB,SAASC,EAAoBC,GAG5B,GAAGF,EAAiBE,GACnB,OAAOF,EAAiBE,GAAUC,QAGnC,IAAIC,EAASJ,EAAiBE,GAAY,CACzCG,EAAGH,EACHI,GAAG,EACHH,QAAS,IAUV,OANAI,EAAQL,GAAUM,KAAKJ,EAAOD,QAASC,EAAQA,EAAOD,QAASF,GAG/DG,EAAOE,GAAI,EAGJF,EAAOD,QAKfF,EAAoBQ,EAAIF,EAGxBN,EAAoBS,EAAIV,EAGxBC,EAAoBU,EAAI,SAASR,EAASS,EAAMC,GAC3CZ,EAAoBa,EAAEX,EAASS,IAClCG,OAAOC,eAAeb,EAASS,EAAM,CAAEK,YAAY,EAAMC,IAAKL,KAKhEZ,EAAoBkB,EAAI,SAAShB,GACX,oBAAXiB,QAA0BA,OAAOC,aAC1CN,OAAOC,eAAeb,EAASiB,OAAOC,YAAa,CAAEC,MAAO,WAE7DP,OAAOC,eAAeb,EAAS,aAAc,CAAEmB,OAAO,KAQvDrB,EAAoBsB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQrB,EAAoBqB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,iBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKX,OAAOY,OAAO,MAGvB,GAFA1B,EAAoBkB,EAAEO,GACtBX,OAAOC,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOrB,EAAoBU,EAAEe,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRzB,EAAoB6B,EAAI,SAAS1B,GAChC,IAAIS,EAAST,GAAUA,EAAOqB,WAC7B,WAAwB,OAAOrB,EAAgB,SAC/C,WAA8B,OAAOA,GAEtC,OADAH,EAAoBU,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRZ,EAAoBa,EAAI,SAASiB,EAAQC,GAAY,OAAOjB,OAAOkB,UAAUC,eAAe1B,KAAKuB,EAAQC,IAGzG/B,EAAoBkC,EAAI,yBAIjBlC,EAAoBA,EAAoBmC,EAAI,K,oBCWjDC,OAAOC,WAAa,KACtBC,MAAMC,KAAKC,SAASC,iBAAiB,cAAcC,SAAQ,SAAAC,GACzD,IACIC,EADAC,GAAS,EAGbF,EAAEG,UAAUC,IAAI,UAEhB,IAAMC,EAAQL,EAAEM,cAAc,eACxBC,EAAUP,EAAEM,cAAc,iBAC1BE,EAASR,EAAEM,cAAc,UACzBG,EAAOD,EAAOF,cAAc,KAElCG,WAAMN,UAAUO,OAAO,UAEvB,IAAMC,EAAS,WACbC,aAAaX,GACbA,EAAQY,YAAW,WACjBX,GAAUA,EACVG,WAAOF,UAAUQ,OAAO,SAAUT,GAClCK,WAASJ,UAAUQ,OAAO,SAAUT,GACpCF,EAAEG,UAAUQ,OAAO,QAAST,KAC3B,KAGLS,IAEAX,EAAEc,iBAAiB,SAAS,WACtBZ,GACFS,OAGJH,EAAOM,iBAAiB,QAASH,MAGrChB,MAAMC,KAAKC,SAASC,iBAAiB,cAAcC,SAAQ,SAAAC,GACzD,IAAMO,EAAUP,EAAEM,cAAc,iBAC1BS,EAAMR,aAAO,EAAPA,EAASD,cAAc,QACnCS,WAAKD,iBAAiB,SAAS,SAAAE,GAC7BA,EAAEC,iBACFD,EAAEE,kBACFH,EAAIL,SACJf,MAAMC,KAAKI,EAAEF,iBAAiB,wBAAwBC,SAAQ,SAAAC,GAC5DA,EAAEG,UAAUO,OAAO","file":"faqOverview.bundle.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/frontendWebpack/dist/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 202);\n","// import m from \"mithril\"\r\n// import { MithrilTsxComponent } from \"mithril-tsx-component\"\r\n// import { loadScript, mounter } from \"../utils\"\r\n// import { Accordion, AccordionItem } from \"oj-mithril-packages/dist/Accordion/Accordion\"\r\n\r\n// interface IFaqCategory {\r\n//   Id: string\r\n//   Title: string\r\n//   SortOrder: number\r\n//   NavigateUrl?: any\r\n//   Faqs: IFaq[]\r\n// }\r\n\r\n// interface IFaq {\r\n//   Id: string\r\n//   Question: string\r\n//   Answer: string\r\n//   HeaderTitle?: any\r\n//   SortOrder: number\r\n// }\r\n\r\n// interface IFaqOverview { items: IFaqCategory[] }\r\n\r\n// const SHOW_ALL_THRESHOLD = 3\r\n\r\n// class FaqCategory extends MithrilTsxComponent<IFaqCategory> {\r\n//   private showAll: boolean\r\n\r\n//   view(v: m.Vnode<IFaqCategory>) {\r\n//     // const isMobile = window.innerWidth < 768\r\n//     const showAll = v.attrs.Faqs.length < SHOW_ALL_THRESHOLD || this.showAll\r\n\r\n//     // if (isMobile)\r\n//     //   return <div className=\"FaqCategory\">\r\n//     //     <h3>{v.attrs.Title}</h3>\r\n//     //     {(showAll ? v.attrs.Faqs : v.attrs.Faqs.slice(0, SHOW_ALL_THRESHOLD - 2)).map(y =>\r\n//     //       <Accordion animate>\r\n//     //         <AccordionItem\r\n//     //           key={v.attrs.Id}\r\n//     //           header={[<span>{y.Question}</span>, <i class=\"icon-angle-down-light\" />]}\r\n//     //         >\r\n//     //           <div className=\"usergenerated\">\r\n//     //             {m.trust(y.Answer)}\r\n//     //           </div>\r\n//     //         </AccordionItem>\r\n//     //       </Accordion>\r\n//     //     )}\r\n//     //     {!showAll &&\r\n//     //       <button className=\"btn btn--default\" onclick={() => this.showAll = true}>toon meer</button>\r\n//     //     }\r\n//     //   </div>\r\n\r\n//     return <div className=\"FaqCategory\">\r\n//       <h3>{v.attrs.Title}</h3>\r\n//       {(showAll ? v.attrs.Faqs : v.attrs.Faqs.slice(0, SHOW_ALL_THRESHOLD - 2)).map(y =>\r\n//         <Accordion animate>\r\n//           <AccordionItem\r\n//             key={v.attrs.Id}\r\n//             header={[<span>{y.Question}</span>, <i class=\"icon-angle-down-light\" />]}\r\n//           >\r\n//             <div className=\"usergenerated\">\r\n//               {m.trust(y.Answer)}\r\n//             </div>\r\n//           </AccordionItem>\r\n//         </Accordion>\r\n//       )}\r\n//       {!showAll &&\r\n//         <button className=\"btn btn--default\" onclick={() => this.showAll = true}>toon meer</button>\r\n//       }\r\n//     </div>\r\n//   }\r\n// }\r\n\r\n// class FaqOverview extends MithrilTsxComponent<IFaqOverview> {\r\n//   view(v: m.Vnode<IFaqOverview>) {\r\n//     return <div className=\"FaqOverview\">\r\n//       {v.attrs.items.map(x =>\r\n//         <FaqCategory {...x} />\r\n//       )}\r\n//     </div>\r\n//   }\r\n// }\r\n\r\n// mounter<IFaqCategory[]>(`[data-m-faq-overview]`, async (r, d) => {\r\n//   d.sort((a, b) => a.SortOrder - b.SortOrder)\r\n//   d.forEach(x => x.Faqs.sort((a, b) => a.SortOrder - b.SortOrder))\r\n//   console.log(d)\r\n//   m.mount(r, {\r\n//     view: v => <FaqOverview items={d} />\r\n//   })\r\n// })\r\n\r\n\r\nif (window.innerWidth < 768)\r\n  Array.from(document.querySelectorAll(\".faq-item\")).forEach(x => {\r\n    let hidden = false\r\n    let timer\r\n\r\n    x.classList.add(\"mobile\")\r\n\r\n    const links = x.querySelector(\".list-links\")\r\n    const buttons = x.querySelector(\".well-buttons\")\r\n    const header = x.querySelector(\"header\")\r\n    const icon = header.querySelector(\"i\")\r\n\r\n    icon?.classList.remove(\"hidden\")\r\n\r\n    const toggle = () => {\r\n      clearTimeout(timer)\r\n      timer = setTimeout(() => {\r\n        hidden = !hidden\r\n        links?.classList.toggle(\"hidden\", hidden)\r\n        buttons?.classList.toggle(\"hidden\", hidden)\r\n        x.classList.toggle(\"open\", !hidden)\r\n      }, 60)\r\n    }\r\n\r\n    toggle()\r\n\r\n    x.addEventListener(\"click\", () => {\r\n      if (hidden)\r\n        toggle()\r\n    })\r\n\r\n    header.addEventListener(\"click\", toggle)\r\n  })\r\n  \r\nArray.from(document.querySelectorAll(\".faq-item\")).forEach(x => {\r\n  const buttons = x.querySelector(\".well-buttons\")\r\n  const btn = buttons?.querySelector(\".btn\")\r\n  btn?.addEventListener(\"click\", e => {\r\n    e.preventDefault()\r\n    e.stopPropagation()\r\n    btn.remove()\r\n    Array.from(x.querySelectorAll(\".list-links .hidden\")).forEach(x => {\r\n      x.classList.remove(\"hidden\")\r\n    })\r\n  })\r\n})"],"sourceRoot":""}