{"version":3,"file":"static/js/3862.a455142a.chunk.js","mappings":"gLAWaA,EAAiB,SAACC,GAC7B,IAAKA,EACH,MAAO,CAAEC,KAAM,CAAC,GAGlB,IAAIC,EASEC,GAPJD,EADkB,kBAATF,EACFI,KAAKC,MAAML,GAEdM,OAAAC,OAAA,GACCP,IAIgBQ,MAEvB,cADON,EAAKM,MACL,CAAEC,UAASN,EAAEF,KAAIC,EAC1B,C,iGCpBaQ,EAAQ,W,yCAInB,KAAAC,cAAgB,SAACC,GACf,IAAMC,EAAU,CAAC,eAAgB,iBAAAC,OAAiBX,EAAKY,QAIvD,OAHIH,GACFC,EAAQG,KAAKJ,GAERC,EAAQI,KAAK,I,aARmB,U,wBAWzCL,EAAAM,UAAAC,OAAA,WACQ,IAAAP,GAAsBb,EAAAA,EAAAA,GAAeqB,KAAKC,MAAxClB,EAASS,EAAAH,UAAEI,EAAID,EAAAX,KACjBqB,EAAaF,KAAKT,cAAcR,GAEtC,OACEoB,EAAAA,EAAAA,GAAA,KAAAjB,OAAAC,OAAA,GAAQM,EAAI,CAAEL,MAAOc,KACnBC,EAAAA,EAAAA,GAAA,a,IAlBa,G,QCRK,o10B","sources":["../node_modules/@patentstyret/designsystem/dist/esm-es5/src/utils/parse-helper.ts","../node_modules/@patentstyret/designsystem/dist/esm-es5/src/components/link-list/link-list.tsx","../node_modules/@patentstyret/designsystem/dist/esm-es5/src/components/link-list/link-list.styles.scss?tag=ps-link-list"],"sourcesContent":["import { RootProps } from '../types/entities';\r\n\r\n/**\r\n *\r\n * @param args\r\n * Vanilla web components are restricted to string attributes,\r\n * while React and Angular can use object literals as arguments\r\n * \r\n * @returns rootClass: for overwriting the default styles of the component\r\n * @returns attr: attributes which are added to the root element\r\n */\r\nexport const parseRootProps = (args?: RootProps | string): { rootClass?: string; attr: RootProps } => {\r\n if (!args) {\r\n return { attr: {} };\r\n }\r\n\r\n let attr: RootProps;\r\n if (typeof args === 'string') {\r\n attr = JSON.parse(args) as RootProps;\r\n } else {\r\n attr = {\r\n ...args, // immutable\r\n };\r\n }\r\n\r\n const rootClass = attr.class;\r\n delete attr.class;\r\n return { rootClass, attr };\r\n};\r\n","import { h, Component, Prop } from '@stencil/core';\r\nimport { parseRootProps } from '../../utils/parse-helper';\r\nimport { Root } from '../../types/entities';\r\n\r\n@Component({\r\n tag: 'ps-link-list',\r\n styleUrl: 'link-list.styles.scss',\r\n})\r\nexport class LinkList {\r\n @Prop() color: 'primary' | 'secondary' = 'primary';\r\n @Prop() root?: Root;\r\n\r\n getClassNames = (rootClass: string) => {\r\n const classes = ['ds-link-list', `ds-link-list__${this.color}`];\r\n if (rootClass) {\r\n classes.push(rootClass);\r\n }\r\n return classes.join(' ');\r\n };\r\n\r\n render() {\r\n const { rootClass, attr } = parseRootProps(this.root);\r\n const classNames = this.getClassNames(rootClass);\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n","$icon-col-width: 2.5rem;\r\n\r\nps-link-list-item {\r\n a {\r\n width: 100%;\r\n color: inherit;\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n button {\r\n width: 100%;\r\n text-align: left;\r\n background-color: inherit;\r\n color: inherit;\r\n margin: 0;\r\n padding: 0;\r\n border: 0;\r\n outline: 0;\r\n &:focus {\r\n outline: 0;\r\n }\r\n cursor: pointer;\r\n }\r\n}\r\n\r\n.ds-link-list {\r\n margin: 0;\r\n padding: 0;\r\n list-style-type: none;\r\n\r\n font-family: 'Roboto';\r\n font-weight: fontWeightValue(regular);\r\n\r\n &__li {\r\n outline: none;\r\n border-width: 2px 0;\r\n border-style: solid;\r\n padding: 1rem 0.25rem;\r\n margin-top: -2px; /* border-collapse */\r\n line-height: 200%;\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n &__wrapper {\r\n display: flex;\r\n align-items: center;\r\n align-content: center;\r\n }\r\n\r\n &__icon {\r\n flex-shrink: 0;\r\n width: $icon-col-width;\r\n text-align: center;\r\n }\r\n\r\n &__title {\r\n padding: 0 0.25rem;\r\n flex-grow: 1;\r\n font-size: 1.25rem; // 20px\r\n @media (min-width: breakpoint(md)) {\r\n font-size: 1.5rem; // 24px\r\n }\r\n }\r\n\r\n &__sub-title {\r\n padding: 0 0.25rem;\r\n margin-left: $icon-col-width;\r\n padding-top: 0.5rem;\r\n font-size: 1rem; // 16px\r\n @media (min-width: breakpoint(md)) {\r\n font-size: 1.25rem; // 20px\r\n }\r\n }\r\n}\r\n\r\n.ds-link-list__primary {\r\n .ds-link-list {\r\n &__li {\r\n background-color: $ds-color-bg-light;\r\n border-color: $ds-color-svalgroenn;\r\n color: $ds-color-black;\r\n &:focus,\r\n &:hover {\r\n cursor: pointer;\r\n background-color: rgba(0, 52, 46, 0.05);\r\n }\r\n }\r\n\r\n &__arrow {\r\n color: $ds-color-svalgroenn;\r\n }\r\n }\r\n}\r\n\r\n.ds-link-list__secondary {\r\n .ds-link-list {\r\n &__li {\r\n background-color: $ds-color-moerk-svalgroenn;\r\n border-color: $ds-color-spiregroenn;\r\n color: $ds-color-white;\r\n &:focus,\r\n &:hover {\r\n cursor: pointer;\r\n background-color: $ds-color-mosegroenn;\r\n }\r\n }\r\n\r\n &__arrow {\r\n color: $ds-color-spiregroenn;\r\n }\r\n }\r\n}\r\n"],"names":["parseRootProps","r","attr","s","t","JSON","parse","Object","assign","class","rootClass","LinkList","getClassNames","o","f","concat","color","push","join","prototype","render","this","root","n","h"],"sourceRoot":""}