{"version":3,"file":"static/js/5238.657ff3c3.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,oGCpBaQ,EAAU,W,yCAQrB,KAAAC,mBAAqB,WAEnB,MADgB,CAAC,SAAU,kBAAmB,WAAAC,OAAWT,EAAKU,OAC/CC,KAAK,I,EAGtB,KAAAC,mBAAqB,SAACC,GACpB,IAAMC,EAAU,CAAC,SAAU,WAAAL,OAAWT,EAAKe,QAU3C,OATIf,EAAKgB,SACPF,EAAQG,KAAK,cAEXjB,EAAKkB,UACPJ,EAAQG,KAAK,WAAAR,OAAWT,EAAKkB,WAE3BL,GACFC,EAAQG,KAAKJ,GAERC,EAAQH,KAAK,I,aAvBmB,U,aACf,E,cACC,E,+BAEF,W,wBAsBzBE,EAAAM,UAAAC,OAAA,WACQ,IAKFC,EALER,GAAsBjB,EAAAA,EAAAA,GAAe0B,KAAKC,MAAxCvB,EAASa,EAAAP,UAAEQ,EAAID,EAAAf,KACjB0B,EAAkBF,KAAKd,qBACvBT,EAAauB,KAAKV,mBAAmBZ,GAoB3C,OAfEqB,EADmB,IAAjBC,KAAKG,SAELC,EAAAA,EAAAA,GAAA,QACErB,MAAON,EACP4B,EAAE,iZAKJD,EAAAA,EAAAA,GAAA,QACErB,MAAON,EACP4B,EAAE,qUAMND,EAAAA,EAAAA,GAAA,MAAAvB,OAAAC,OAAA,GAASU,EAAI,CAAEc,QAAQ,gBAAgBvB,MAAOmB,KAC5CE,EAAAA,EAAAA,GAAA,yBACAA,EAAAA,EAAAA,GAAA,6BACCL,E,IAtDc,G,QCRF,in1B","sources":["../node_modules/@patentstyret/designsystem/dist/esm-es5/src/utils/parse-helper.ts","../node_modules/@patentstyret/designsystem/dist/esm-es5/src/components/svg-icon/loading-icon.tsx","../node_modules/@patentstyret/designsystem/dist/esm-es5/src/components/svg-icon/svg.styles.scss?tag=ps-loading-icon"],"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 { IconSize, Root, Severity } from '../../types/entities';\r\nimport { parseRootProps } from '../../utils/parse-helper';\r\n\r\n@Component({\r\n  tag: 'ps-loading-icon',\r\n  styleUrl: 'svg.styles.scss',\r\n})\r\nexport class DesignIcon {\r\n  @Prop() color: 'primary' | 'secondary' = 'primary';\r\n  @Prop() variant: number = 1;\r\n  @Prop() special: boolean = false;\r\n  @Prop() severity?: Severity;\r\n  @Prop() size: IconSize = 'standard';\r\n  @Prop() root?: Root;\r\n\r\n  getOuterClassNames = () => {\r\n    const classes = ['ds-svg', 'ds-svg__spinner', `ds-svg--${this.size}`];\r\n    return classes.join(' ');\r\n  };\r\n\r\n  getInnerClassNames = (rootClass: string) => {\r\n    const classes = ['ds-svg', `ds-svg__${this.color}`];\r\n    if (this.special) {\r\n      classes.push('ds-special');\r\n    }\r\n    if (this.severity) {\r\n      classes.push(`ds-svg--${this.severity}`);\r\n    }\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 outerClassNames = this.getOuterClassNames();\r\n    const classNames = this.getInnerClassNames(rootClass);\r\n\r\n    // kilde: https://www.veryicon.com/icons/miscellaneous/selling-wine-net/loading-42.html\r\n    let svgPath: JSX.Element | undefined;\r\n    if (this.variant === 1) {\r\n      svgPath = (\r\n        <path\r\n          class={classNames}\r\n          d=\"M512.511 21.483c-271.163 0-491.028 219.86-491.028 491.028 0 271.173 219.856 491.03 491.028 491.03 26.554 0 48.08-21.527 48.08-48.08 0-26.554-21.526-48.08-48.08-48.08-218.065 0-394.869-176.804-394.869-394.87 0-218.06 176.813-394.869 394.87-394.869 218.065 0 394.869 176.804 394.869 394.87 0 26.553 21.526 48.08 48.08 48.08 26.553 0 48.08-21.527 48.08-48.08 0-271.173-219.857-491.03-491.03-491.03z\"\r\n        />\r\n      );\r\n    } else {\r\n      svgPath = (\r\n        <path\r\n          class={classNames}\r\n          d=\"M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3 0.1 19.9-16 36-35.9 36z\"\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <svg {...attr} viewBox=\"0 0 1024 1024\" class={outerClassNames}>\r\n        <title>Loading</title>\r\n        <desc>Spinning icon</desc>\r\n        {svgPath}\r\n      </svg>\r\n    );\r\n  }\r\n}\r\n",".ds-svg {\r\n  vertical-align: middle;\r\n\r\n  &--nofill {\r\n    fill: none;\r\n  }\r\n}\r\n\r\n$ds-svg-rotate-speed: 2s;\r\n\r\n.ds-svg__spinner {\r\n  width: 120px;\r\n  height: 120px;\r\n  -webkit-animation:spin $ds-svg-rotate-speed linear infinite;\r\n  -moz-animation:spin $ds-svg-rotate-speed linear infinite;\r\n  animation:spin $ds-svg-rotate-speed linear infinite;\r\n}\r\n\r\n@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }\r\n@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }\r\n@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }\r\n\r\n\r\n\r\n/************ PRIMARY COLORS ************/\r\n\r\n.ds-svg {\r\n  &__primary {\r\n    fill: $ds-color-mosegroenn;\r\n  }\r\n\r\n  &__primary-o {\r\n    stroke-miterlimit: 10;\r\n    stroke-width: 28px;\r\n    fill: none;\r\n    stroke: $ds-color-mosegroenn;\r\n  }\r\n}\r\n\r\n.ds-special.ds-svg__primary {\r\n  fill: $ds-color-spiregroenn;\r\n}\r\n\r\n.ds-special.ds-svg__primary-o {\r\n  stroke: $ds-color-spiregroenn;\r\n}\r\n\r\n.ds-svg__primary.ds-svg {\r\n\r\n  &--info {\r\n    fill: $ds-color-blaa;\r\n  }\r\n\r\n  &--success {\r\n    fill: $ds-color-svalgroenn;\r\n  }\r\n\r\n  &--warning {\r\n    fill: $ds-color-rust;\r\n  }\r\n  \r\n  &--danger {\r\n    fill: $ds-color-moerk-roedkloever;\r\n  }\r\n}\r\n\r\n.ds-svg__primary-o.ds-svg {\r\n\r\n  &--info {\r\n    stroke: $ds-color-blaa;\r\n  }\r\n  \r\n  &--success {\r\n    stroke: $ds-color-svalgroenn;\r\n  }\r\n\r\n  &--warning {\r\n    stroke: $ds-color-rust;\r\n  }\r\n  \r\n  &--danger {\r\n    stroke: $ds-color-moerk-roedkloever;\r\n  }\r\n}\r\n\r\n\r\n/************ SECONDARY COLORS ************/\r\n\r\n.ds-svg {\r\n  &__secondary {\r\n    fill: $ds-color-white;\r\n  }\r\n\r\n  &__secondary-o {\r\n    stroke-miterlimit: 10;\r\n    stroke-width: 28px;\r\n    fill: none;\r\n    stroke: $ds-color-white;\r\n  }\r\n}\r\n\r\n.ds-special.ds-svg__secondary {\r\n  fill: $ds-color-spiregroenn;\r\n}\r\n\r\n.ds-special.ds-svg__secondary-o {\r\n  stroke: $ds-color-spiregroenn;\r\n}\r\n\r\n.ds-svg__secondary.ds-svg {\r\n  \r\n  &--info {\r\n    fill: $ds-color-blaa;\r\n  }\r\n\r\n  &--success {\r\n    fill: $ds-color-svalgroenn;\r\n  }\r\n\r\n  &--warning {\r\n    fill: $ds-color-rust;\r\n  }\r\n  \r\n  &--danger {\r\n    fill: $ds-color-moerk-roedkloever;\r\n  }\r\n}\r\n\r\n.ds-svg__secondary-o.ds-svg {\r\n\r\n  &--info {\r\n    stroke: $ds-color-blaa;\r\n  }\r\n  \r\n  &--success {\r\n    stroke: $ds-color-svalgroenn;\r\n  }\r\n\r\n  &--warning {\r\n    stroke: $ds-color-rust;\r\n  }\r\n  \r\n  &--danger {\r\n    fill: $ds-color-roedkloever;\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n/************ SIZES ************/\r\n\r\n.ds-svg {\r\n\r\n  height: 24px;\r\n  width: 24px;\r\n\r\n  &--xs {\r\n    height: 16px;\r\n    width: 16px;\r\n  }\r\n  \r\n  &--sm {\r\n    height: 24px;\r\n    width: 24px;\r\n  }\r\n  \r\n  &--md {\r\n    height: 32px;\r\n    width: 32px;\r\n  }\r\n\r\n  &--lg {\r\n    height: 48px;\r\n    width: 48px;\r\n  }\r\n  \r\n  &--xl {\r\n    height: 64px;\r\n    width: 64px;\r\n  }\r\n  \r\n  &--xxl {\r\n    height: 128px;\r\n    width: 128px;\r\n  }\r\n\r\n  /* responsive size; used with text */\r\n  &--standard {\r\n    margin-bottom: 0.1rem;\r\n    height: 1.25rem;\r\n    width: 1.25rem;\r\n    @media (min-width: breakpoint(md)) {\r\n      height: 1.5rem;\r\n      width: 1.5rem;\r\n    }\r\n  }\r\n}\r\n"],"names":["parseRootProps","r","attr","s","t","JSON","parse","Object","assign","class","rootClass","DesignIcon","getOuterClassNames","concat","size","join","getInnerClassNames","o","f","color","special","push","severity","prototype","render","a","this","root","n","variant","h","d","viewBox"],"sourceRoot":""}