{"version":3,"file":"8256.chunk.ce917e6b73213b3b4220.js","mappings":"uKAYO,MAAMA,EAA2DC,IACpE,MAAM,SAAEC,EAAQ,UAAEC,GAAcF,EAC1BG,GAAWC,EAAAA,EAAAA,GAAiBH,GAElC,OAAOI,EAAAA,cAACC,EAAAA,EAAW,CAACC,KAAMJ,EAAUD,UAAWA,GAAa,C,2FCPzD,MAAMI,EAA6DN,IACtE,MAAM,KAAEO,EAAI,UAAEL,GAAcF,EAE5B,OACIK,EAAAA,cAAA,QAAMH,UAAWM,IAAW,UAAWN,IACnCG,EAAAA,cAAA,WACIA,EAAAA,cAAA,OAAKI,UAAWF,KAEjB,C,uDCjBR,MAAMH,EAAmB,SAACH,GAAqC,IAAnBS,EAAMC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACrD,MAAMG,EAAoBC,EAAed,GACnCe,EAAsBC,EAAWC,SAAY,GAC7CC,EAAqBF,EAAWG,aAChCC,EAAkBX,EAAS,SAAW,GAE5C,MAAO,GAAPY,OAAUN,EAAmB,gBAAAM,OAAeD,GAAeC,OAAGH,EAAkB,gBAAAG,OAAeR,EACnG,EAEMG,EAAa,SAACV,GAA6B,OAAMA,EAAO,GAAHe,OAAjBX,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAAuC,GAAN,KAAQW,OAAGf,GAAS,EAAE,EAEpFQ,EAAkBd,IAC3B,OAAQA,GACJ,IAAK,IACD,MAAO,QACX,IAAK,IACD,MAAO,KACX,IAAK,IACD,MAAO,SACX,QACI,OAAOA,EACf,C","sources":["webpack://Kristiania.Web/./Features/Partials/SvgIcon/SvgIcon.tsx","webpack://Kristiania.Web/./Features/Partials/SvgIcon/SvgIconBase.tsx","webpack://Kristiania.Web/./Features/Partials/SvgIcon/Utils/Utils.ts"],"sourcesContent":["import * as React from 'react';\nimport type { IconsEnum } from '~/Features/IconsEnum.csharp';\nimport { SvgIconBase } from './SvgIconBase';\nimport { assetPathBuilder } from './Utils/Utils';\n\nexport type IconName = `${IconsEnum}`;\n\nexport interface SvgIconProps {\n    iconName: `${IconsEnum}`;\n    className?: string;\n}\n\nexport const SvgIcon: React.FC<React.PropsWithChildren<SvgIconProps>> = props => {\n    const { iconName, className } = props;\n    const iconPath = assetPathBuilder(iconName);\n\n    return <SvgIconBase path={iconPath} className={className} />;\n};\n","import classNames from 'classnames';\nimport type { FC } from 'react';\nimport React from 'react';\n\ninterface SvgIconBaseProps {\n    path: string;\n    className?: string;\n}\n\nexport const SvgIconBase: FC<React.PropsWithChildren<SvgIconBaseProps>> = props => {\n    const { path, className } = props;\n\n    return (\n        <span className={classNames('SvgIcon', className)}>\n            <svg>\n                <use xlinkHref={path} />\n            </svg>\n        </span>\n    );\n};\n","export const assetPathBuilder = (iconName: string, filled = false) => {\n    const formattedIconName = iconNameMapper(iconName);\n    const formattedAssetsPath = formatPath(assetsPath, false);\n    const formattedBuildHash = formatPath(buildHash);\n    const filledResources = filled ? 'Filled' : '';\n\n    return `${formattedAssetsPath}/iconsSprite${filledResources}${formattedBuildHash}.svg#sprite-${formattedIconName}`;\n};\n\nconst formatPath = (path?: string, withDot = true) => (path ? `${withDot ? '.' : ''}${path}` : '');\n\nexport const iconNameMapper = (iconName: string) => {\n    switch (iconName) {\n        case 'å':\n            return 'aring';\n        case 'æ':\n            return 'ae';\n        case 'ø':\n            return 'oslash';\n        default:\n            return iconName;\n    }\n};\n"],"names":["SvgIcon","props","iconName","className","iconPath","assetPathBuilder","React","SvgIconBase","path","classNames","xlinkHref","filled","arguments","length","undefined","formattedIconName","iconNameMapper","formattedAssetsPath","formatPath","assetsPath","formattedBuildHash","buildHash","filledResources","concat"],"sourceRoot":""}