\n
\n \n { trees }\n
\n \n \n
\n );\n });\n\n const level = getLevel(this.state);\n\n return (\n { treeName }
\n\n { Object.keys(this.state.skills[treeName]).map((tier, tierIndex) =>\n
\n \n { Object.keys(this.state.skills[treeName][tier]).map((skillName, skillIndex) =>\n = 5 * tierIndex - 5}\n level={getLevel(this.state)}\n image={`../../assets/hunters/${discipline}/${treeIndex}${tierIndex}${skillIndex}.png`}\n onChange={skillChangeListenerFactory(skillName, treeIndex, treeName, tierIndex)}\n />\n ) }\n
\n ) }\n \n \n \n \n
\n );\n }\n}\n","export default {\n ACTION_SKILL: 1,\n AUGMENT_CHEVRON: 2,\n AUGMENT_DIAMOND: 3,\n AUGMENT_ACTION_SKILL: 4,\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"VaultHunter\":\"_2zgqJ\",\"header\":\"_1Jomm\",\"title\":\"_17kLY\",\"subtitle\":\"_3J3hw\",\"sidepanel\":\"_2UO55\",\"level\":\"xH9ts\",\"reset\":\"K9CBr\",\"trees\":\"_3ek45\",\"tier\":\"_3Ch4X\",\"treeName\":\"_1WAM2\",\"tree\":\"gRWZY\",\"skills\":\"_2Su0b\",\"green\":\"-Pl7G\",\"blue\":\"_1nm1I\",\"red\":\"_3T1pZ\",\"purple\":\"Fmsm1\"};","import { Link } from 'preact-router';\nimport Footer from '@components/Footer';\nimport style from './index.css';\n\nexport default function () {\n const pages = [\n { name: 'Zane', job: 'the Operative', path: '/operative' },\n { name: 'Amara', job: 'the Siren', path: '/siren' },\n { name: 'FL4K', job: 'the Beastmaster', path: '/beastmaster' },\n { name: 'Moze', job: 'the Gunner', path: '/gunner' },\n ];\n return (\n \n { name }\n
\n
\n { name }\n the { discipline }\n
\n \n
\n \n Level { level }
\n \n \n
\n );\n}\n","import { h, render } from 'preact';\nimport App from '@components/App';\nimport './index.css';\n\nlet elem = document.querySelector('#app');\nlet root = render(\n
\n \n \n
\n { pages.map(page => {\n return (\n \n
\n (Unofficial)Borderlands 3 skill calculator
\n { pages.map(page => {\n return (\n \n \n {page.name}\n
\n \n );\n }) }\n \n {page.job}\n
\n {invested}/{ranks}
}\n \n
\n \n );\n}\n","import VaultHunter from '@components/VaultHunter';\n\nimport skills from './skills.js';\n\nexport default function Siren ({ path }) {\n return (\n {name}
\n {text}\n { invested > 0 &&\n\n Current Effect:
\n {effect(invested, level)}\n
\n }\n { type !== null &&\n \n {effect(invested, level)}\n
\n {effect(1, level)}\n
\n }\n { type == null && invested < ranks &&\n \n Next Rank:
\n {effect(invested + 1, level)}\n
\n }\n \n {effect(invested + 1, level)}\n
\n \n
\n );\n });\n\n const level = getLevel(this.state);\n\n return (\n { treeName }
\n\n { Object.keys(this.state.skills[treeName]).map((tier, tierIndex) =>\n
\n \n { Object.keys(this.state.skills[treeName][tier]).map((skillName, skillIndex) =>\n = 5 * tierIndex - 5}\n level={getLevel(this.state)}\n image={`../../assets/hunters/${discipline}/${treeIndex}${tierIndex}${skillIndex}.png`}\n onChange={skillChangeListenerFactory(skillName, treeIndex, treeName, tierIndex)}\n />\n ) }\n
\n ) }\n \n \n \n \n
\n );\n }\n}\n","export default {\n ACTION_SKILL: 1,\n AUGMENT_CHEVRON: 2,\n AUGMENT_DIAMOND: 3,\n AUGMENT_ACTION_SKILL: 4,\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"VaultHunter\":\"_2zgqJ\",\"header\":\"_1Jomm\",\"title\":\"_17kLY\",\"subtitle\":\"_3J3hw\",\"sidepanel\":\"_2UO55\",\"level\":\"xH9ts\",\"reset\":\"K9CBr\",\"trees\":\"_3ek45\",\"tier\":\"_3Ch4X\",\"treeName\":\"_1WAM2\",\"tree\":\"gRWZY\",\"skills\":\"_2Su0b\",\"green\":\"-Pl7G\",\"blue\":\"_1nm1I\",\"red\":\"_3T1pZ\"};","import { Link } from 'preact-router';\nimport Footer from '@components/Footer';\nimport style from './index.css';\n\nexport default function () {\n const pages = [\n { name: 'Zane', job: 'the Operative', path: '/operative' },\n { name: 'Amara', job: 'the Siren', path: '/siren' },\n { name: 'FL4K', job: 'the Beastmaster', path: '/beastmaster' },\n { name: 'Moze', job: 'the Gunner', path: '/gunner' },\n ];\n return (\n \n { name }\n
\n
\n { name }\n the { discipline }\n
\n \n
\n \n Level { level }
\n \n \n
\n \n { trees }\n
\n \n
\n );\n}\n","import { h, render } from 'preact';\nimport App from '@components/App';\nimport './index.css';\n\nlet elem = document.querySelector('#app');\nlet root = render(\n
\n \n \n
\n { pages.map(page => {\n return (\n \n
\n (Unofficial)Borderlands 3 skill calculator
\n { pages.map(page => {\n return (\n \n \n {page.name}\n
\n \n );\n }) }\n \n {page.job}\n
\n {invested}/{ranks}
}\n \n
\n \n );\n}\n","import VaultHunter from '@components/VaultHunter';\n\nimport skills from './skills.js';\n\nexport default function Siren ({ path }) {\n return (\n {name}
\n {text}\n { invested > 0 &&\n\n Current Effect:
\n {effect(invested, level)}\n
\n }\n { type !== null &&\n \n {effect(invested, level)}\n
\n {effect(1, level)}\n
\n }\n { type == null && invested < ranks &&\n \n Next Rank:
\n {effect(invested + 1, level)}\n
\n }\n \n {effect(invested + 1, level)}\n