{"version":3,"file":"aqusition_luenen_select_product.js","mappings":"mBAAO,MAAMA,EAAgBC,GAAiB,UAAUA,MA6CjD,SAASC,EAAqBD,GACjC,MAAME,EAAUC,SAASC,cACrB,GAAGL,EAAaC,cAEpB,OAAOE,GAASG,KACpB,CChDA,MAAMC,EAAgBH,SAASI,eAAe,iBAE9C,SAASC,EAAkCC,EAAaC,GACpD,GAAID,GAAeA,EAAYE,cAC3BD,EAASD,OACN,CACH,MAAMG,EAA4BC,IAC9B,MAAMC,EAAOD,EAAIE,OAAON,YACpBK,IAASL,IACTC,EAASI,GACTR,EAAcU,oBACV,yBACAJ,GAER,EAEJN,EAAcW,iBACV,yBACAL,EAER,CACJ,CAEA,MAAMM,EAAuBC,IACRC,MAAbD,GAGJX,EADoBa,SAASZ,aACmBA,IAC5Ca,EAA0Bb,EAAaU,EAAS,GACnD,EAOL,SAASI,EAAoBC,EAAWC,GACpC,MAAMC,EAAWvB,SAASC,cAAc,aAAaoB,KAC/CG,EAAYxB,SAASC,cAAc,cAAcoB,KAEvD,GAAIC,EAAQ,CACR,MAAMG,EAAUF,EAASE,QACzBD,EAAUE,gBAAgBD,GAC1BD,EAAUG,UAAUC,IAAI,QAExBb,EAAoBjB,EAAqB,oBAC7C,MACI0B,EAAUG,UAAUE,OAAO,QAC3BN,EAASE,QAAQC,mBAAmBF,EAAUM,SAEtD,CAOA,SAASC,EAA0BC,EAAezB,GAC9C,MAAM0B,EAAmBD,EAAcE,iBAAiB,mBACxD,IAAK,MAAMnC,KAAWkC,EAElB1B,EAASR,EADQA,EAAQoC,QAAQC,SAGzC,ED1DO,SACHC,EACAC,GAEA,MAAMC,EAAsBvC,SAASkC,iBACjCtC,ECsBc,qBDnBlB,IAAK,MAAMoB,KAAauB,EACpBvB,EAAUF,iBAAiB,UAAW0B,IAClC,MAAMzC,EAAUyC,EAAEC,OAEd1C,EAAQ2C,SACRJ,EAASvC,EAAQG,MACrB,GAGZ,CCUAyC,CAAsB,GAAqB3B,IACvCD,EAAoBC,EAAS,IAgCjC,MAAM4B,EAAgB,CAAC,QAAS,QAAS,QAAS,SAElD,SAASzB,EAA0B0B,EAAqBC,GAMpDf,EAA0B/B,UAAU,CAACD,EAASqC,KAC1C,MAAMW,EANU,CAACX,IAGX,GAFNS,EAAoBrC,cAAcwC,WAC7BC,GAAMA,EAAEb,UAAYA,GAAYa,EAAEjC,WAAa8B,IAIlCI,CAAYd,GACxBe,EAAuB,OAAbf,EACVgB,EAAcR,EAAcS,MAAMC,GACpCnD,EAAcD,MAAMqD,SAASD,KAG5BP,GAAeI,GAAYC,EAMrBL,IACPhD,EAAQyD,UAAW,IANfzD,EAAQ2C,UACR3C,EAAQ2C,SAAU,EAClBtB,EAAoBgB,GAAU,IAElCrC,EAAQyD,UAAW,EAGvB,GAER,CAEA,SAASC,EAA6BzB,GAClCD,EAA0BC,GAAe,CAACjC,EAASqC,KAC/CrC,EAAQe,iBAAiB,UAAW0B,IAChCpB,EAAoBgB,EAAUI,EAAEkB,cAAchB,QAAO,IAGrD3C,EAAQ2C,SACRtB,EAAoBgB,GAAU,EAClC,GAER,CAEAqB,EAA6BzD,UAG7B,MAAM2D,EAAkB3D,SAASC,cAC7B,8CAEmB,MAAnB0D,GACAA,EAAgB7C,iBAAiB,iBAAkB0B,IAC/CiB,EAA6BjB,EAAEkB,cAAa,IAIpDvD,EAAcW,iBAAiB,gBAAiBJ,IAC5C,MAAMJ,EAAcI,EAAIE,OAAOD,KACzBmC,EAAmBhD,EAAqB,qBAAuB,GACrEO,EAAkCC,GAAcA,IAC5Ca,EAA0Bb,EAAawC,EAAgB,GAC1D,IAGL,IAAK,IAAIc,KAAO5D,SAAS6D,uBAAuB,eAC5CD,EAAI9C,iBAAiB,SAAU0B,IACVA,EAAEkB,cAAczD,cAAc,qBACtC6D,OAAM,G","sources":["webpack://rkucustomerportal-frontend/./src/scripts/_utils.ts","webpack://rkucustomerportal-frontend/./src/scripts/aqusition_luenen_select_product.js"],"sourcesContent":["export const nameSelector = (name: string) => `[name=\"${name}\"]`\n\n/**\n * Registers a listener to changes of the checkbox values\n * @param checkboxName name Attribute of the Checkbox\n * @param onChange Handler for changes\n */\nexport function onCheckboxValueChange(\n    checkboxName: string,\n    onChange: (e: string) => void\n) {\n    const orderTypeCheckboxes = document.querySelectorAll(\n        nameSelector(checkboxName)\n    )\n\n    for (const orderType of orderTypeCheckboxes) {\n        orderType.addEventListener(\"change\", (e) => {\n            const element = e.target as HTMLInputElement\n\n            if (element.checked) {\n                onChange(element.value)\n            }\n        })\n    }\n}\n\nexport function onCheckboxChange(\n    selector: string,\n    onChange: (e: boolean) => void\n) {\n    const items = document.querySelectorAll(selector)\n\n    for (const item of items) {\n        item.addEventListener(\"change\", (e) => {\n            const element = e.target as HTMLInputElement\n            onChange(element.checked)\n        })\n    }\n}\n\n/**\n * Checks for the current value of the checkbox\n * @param name name Attribute of the checkbox\n * @returns current value (or null)\n */\nexport function getCurrentRadioValue(name: string) {\n    const element = document.querySelector(\n        `${nameSelector(name)}:checked`\n    ) as HTMLInputElement\n    return element?.value\n}\n\n/**\n * Typed wrapper for Query Select\n * @param selector Query Selector\n * @returns Node List\n */\nexport function querySelect<TTarget extends Element>(\n    selector: string\n): NodeListOf<TTarget> {\n    return document.querySelectorAll(selector) as NodeListOf<TTarget>\n}\n","import { getCurrentRadioValue, onCheckboxValueChange } from \"./_utils\"\n\nconst locationField = document.getElementById(\"locationField\")\n\nfunction executeWhenDivisionItemsAvailable(currentItem, callback) {\n    if (currentItem && currentItem.divisionItems) {\n        callback(currentItem)\n    } else {\n        const onDivisionItemsAvailable = (evt) => {\n            const item = evt.detail.currentItem\n            if (item === currentItem) {\n                callback(item)\n                locationField.removeEventListener(\n                    \"divisionItemsAvailable\",\n                    onDivisionItemsAvailable\n                )\n            }\n        }\n        locationField.addEventListener(\n            \"divisionItemsAvailable\",\n            onDivisionItemsAvailable\n        )\n    }\n}\n\nconst setCurrentOrderType = (orderType) => {\n    if (orderType == undefined) return\n\n    const currentItem = location.currentItem\n    executeWhenDivisionItemsAvailable(currentItem, (currentItem) => {\n        refreshAvailableDivisions(currentItem, orderType)\n    })\n}\n\nonCheckboxValueChange(\"CurrentOrderType\", (orderType) => {\n    setCurrentOrderType(orderType)\n})\n\nfunction changeDivisionState(sDivision, bState) {\n    const template = document.querySelector(`#template-${sDivision}`)\n    const container = document.querySelector(`#formGroup-${sDivision}`)\n\n    if (bState) {\n        const content = template.content\n        container.replaceChildren(content)\n        container.classList.add(\"show\")\n\n        setCurrentOrderType(getCurrentRadioValue(\"CurrentOrderType\"))\n    } else {\n        container.classList.remove(\"show\")\n        template.content.replaceChildren(...container.children)\n    }\n}\n\n/**\n *  Iteriates over all division Checkboxes\n * @param {Element} referenceItem The anchor element (document or DOM ELement)\n * @param {(element: Element, division: string)=>void} callback Callback for each element\n */\nfunction iterateDivisionCheckboxes(referenceItem, callback) {\n    const divisionElements = referenceItem.querySelectorAll(`[data-division]`)\n    for (const element of divisionElements) {\n        const division = element.dataset.division\n        callback(element, division)\n    }\n}\n\nconst tuebingenArea = [\"72070\", \"72072\", \"72074\", \"72076\"]\n\nfunction refreshAvailableDivisions(currentLocationItem, currentOrderType) {\n    const hasDivision = (division) =>\n        currentLocationItem.divisionItems.findIndex(\n            (d) => d.division == division && d.orderType == currentOrderType\n        ) != -1\n\n    iterateDivisionCheckboxes(document, (element, division) => {\n        const available = hasDivision(division)\n        const isWater = division === \"40\"\n        const inTuebingen = tuebingenArea.some((sub) =>\n            locationField.value.includes(sub)\n        )\n\n        if (!available && (!isWater || !inTuebingen)) {\n            if (element.checked) {\n                element.checked = false\n                changeDivisionState(division, false)\n            }\n            element.disabled = true\n        } else if (available) {\n            element.disabled = false\n        }\n    })\n}\n\nfunction initializeDivisionCheckboxes(referenceItem) {\n    iterateDivisionCheckboxes(referenceItem, (element, division) => {\n        element.addEventListener(\"change\", (e) => {\n            changeDivisionState(division, e.currentTarget.checked)\n        })\n\n        if (element.checked) {\n            changeDivisionState(division, true)\n        }\n    })\n}\n\ninitializeDivisionCheckboxes(document)\n\n// For Tübingen => we need to initialize this when the conditional area changes\nconst conditionalArea = document.querySelector(\n    `[data-conditional-area=\"CurrentOrderType\"]`\n)\nif (conditionalArea != null) {\n    conditionalArea.addEventListener(\"changeContent\", (e) => {\n        initializeDivisionCheckboxes(e.currentTarget)\n    })\n}\n\nlocationField.addEventListener(\"itemSelected\", (evt) => {\n    const currentItem = evt.detail.item\n    const currentOrderType = getCurrentRadioValue(\"CurrentOrderType\") ?? \"\"\n    executeWhenDivisionItemsAvailable(currentItem, (currentItem) => {\n        refreshAvailableDivisions(currentItem, currentOrderType)\n    })\n})\n\nfor (let row of document.getElementsByClassName(\"product-row\")) {\n    row.addEventListener(\"click\", (e) => {\n        const checkbox = e.currentTarget.querySelector(\".form-check-input\")\n        checkbox.click()\n    })\n}\n"],"names":["nameSelector","name","getCurrentRadioValue","element","document","querySelector","value","locationField","getElementById","executeWhenDivisionItemsAvailable","currentItem","callback","divisionItems","onDivisionItemsAvailable","evt","item","detail","removeEventListener","addEventListener","setCurrentOrderType","orderType","undefined","location","refreshAvailableDivisions","changeDivisionState","sDivision","bState","template","container","content","replaceChildren","classList","add","remove","children","iterateDivisionCheckboxes","referenceItem","divisionElements","querySelectorAll","dataset","division","checkboxName","onChange","orderTypeCheckboxes","e","target","checked","onCheckboxValueChange","tuebingenArea","currentLocationItem","currentOrderType","available","findIndex","d","hasDivision","isWater","inTuebingen","some","sub","includes","disabled","initializeDivisionCheckboxes","currentTarget","conditionalArea","row","getElementsByClassName","click"],"sourceRoot":""}