{"version":3,"file":"tabbed-tile.js","sources":["../../../src/assets/scripts/tabbed-tile.entry.ts"],"sourcesContent":["const TabbedTile = {\n  elements: document.querySelectorAll<HTMLElement>('.saig-o-tabbed-tile'),\n  init: function () {\n    if (!this.elements) {\n      return;\n    }\n\n    [].forEach.call(this.elements, this.tabHandler)\n  },\n  tabHandler: function (tabEl: HTMLElement) {\n    const name = tabEl.getAttribute('data-name');\n    const inputs = tabEl.querySelectorAll<HTMLInputElement>(`input[name=${name}]`);\n    const tabContents = tabEl.querySelectorAll<HTMLElement>(`[data-tab-id]`);\n\n    [].forEach.call(tabContents, (tabContent: HTMLElement) => {\n      tabContent.classList.remove('active');\n    })\n\n    const inputHandler = () => {\n      [].forEach.call(inputs, (input: HTMLInputElement, index: number) => {\n        if (input.checked) {\n          tabContents[index].classList.add('active')\n        } else {\n          tabContents[index].classList.remove('active');\n        }\n      })\n    }\n\n    inputHandler();\n\n    [].forEach.call(inputs, (input: HTMLInputElement) => {\n      input.addEventListener('change', inputHandler)\n    })\n\n  },\n}\n\nTabbedTile.init();\n\nexport { }"],"names":["TabbedTile","tabEl","name","inputs","tabContents","tabContent","inputHandler","input","index"],"mappings":"AAAA,MAAMA,EAAa,CACjB,SAAU,SAAS,iBAA8B,qBAAqB,EACtE,KAAM,UAAY,CACX,KAAK,UAIV,GAAG,QAAQ,KAAK,KAAK,SAAU,KAAK,UAAU,CAChD,EACA,WAAY,SAAUC,EAAoB,CAClC,MAAAC,EAAOD,EAAM,aAAa,WAAW,EACrCE,EAASF,EAAM,iBAAmC,cAAcC,IAAO,EACvEE,EAAcH,EAAM,iBAA8B,eAAe,EAEvE,CAAA,EAAG,QAAQ,KAAKG,EAAcC,GAA4B,CAC7CA,EAAA,UAAU,OAAO,QAAQ,CAAA,CACrC,EAED,MAAMC,EAAe,IAAM,CACzB,GAAG,QAAQ,KAAKH,EAAQ,CAACI,EAAyBC,IAAkB,CAC9DD,EAAM,QACRH,EAAYI,CAAK,EAAE,UAAU,IAAI,QAAQ,EAEzCJ,EAAYI,CAAK,EAAE,UAAU,OAAO,QAAQ,CAC9C,CACD,CAAA,EAGUF,IAEb,CAAA,EAAG,QAAQ,KAAKH,EAASI,GAA4B,CAC7CA,EAAA,iBAAiB,SAAUD,CAAY,CAAA,CAC9C,CAEH,CACF,EAEAN,EAAW,KAAK"}