From 1bf1c8a434a6207384add73bbbf036b724c36f7c Mon Sep 17 00:00:00 2001
From: manilpit <manilpit@users.noreply.github.com>
Date: Wed, 25 Oct 2023 07:03:17 +0000
Subject: [PATCH] deploy: 31e681d83309dd16d6e42ca597046608ab42331f

---
 enrolled-green-circle.svg                                      | 3 +++
 iframe.html                                                    | 2 +-
 project.json                                                   | 2 +-
 ....iframe.bundle.js => runtime~main.ec5bd7a3.iframe.bundle.js | 2 +-
 ...ndle.js => stories-Banner-stories.d71a7511.iframe.bundle.js | 2 +-
 stories-Card-stories.de0a261d.iframe.bundle.js                 | 1 +
 stories-Card-stories.ee8b1066.iframe.bundle.js                 | 1 -
 stories-Navbar-stories.862ce760.iframe.bundle.js               | 1 +
 stories-Navbar-stories.f54ac229.iframe.bundle.js               | 1 -
 9 files changed, 9 insertions(+), 6 deletions(-)
 create mode 100644 enrolled-green-circle.svg
 rename runtime~main.13aa4846.iframe.bundle.js => runtime~main.ec5bd7a3.iframe.bundle.js (96%)
 rename stories-Banner-stories.630b20bf.iframe.bundle.js => stories-Banner-stories.d71a7511.iframe.bundle.js (96%)
 create mode 100644 stories-Card-stories.de0a261d.iframe.bundle.js
 delete mode 100644 stories-Card-stories.ee8b1066.iframe.bundle.js
 create mode 100644 stories-Navbar-stories.862ce760.iframe.bundle.js
 delete mode 100644 stories-Navbar-stories.f54ac229.iframe.bundle.js

diff --git a/enrolled-green-circle.svg b/enrolled-green-circle.svg
new file mode 100644
index 00000000..3dbd5589
--- /dev/null
+++ b/enrolled-green-circle.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle id="Ellipse 56" cx="10" cy="10" r="10" fill="#3B7858"/>
+</svg>
diff --git a/iframe.html b/iframe.html
index 21745ef1..2989d3ae 100644
--- a/iframe.html
+++ b/iframe.html
@@ -348,7 +348,7 @@
             window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":"tag"};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.13aa4846.iframe.bundle.js';
+      import './runtime~main.ec5bd7a3.iframe.bundle.js';
       
       import './685.ea3b5b90.iframe.bundle.js';
       
diff --git a/project.json b/project.json
index cf6a625e..49f35d2f 100644
--- a/project.json
+++ b/project.json
@@ -1 +1 @@
-{"generatedAt":1698143178050,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/vue3","storybookVersion":"7.5.1","storybookVersionSpecifier":"^7.5.1","language":"javascript","storybookPackages":{"@storybook/blocks":{"version":"7.5.1"},"@storybook/testing-library":{"version":"0.2.2"},"@storybook/vue3":{"version":"7.5.1"},"@storybook/vue3-webpack5":{"version":"7.5.1"},"storybook":{"version":"7.5.1"},"storybook-addon-sass-postcss":{"version":"0.1.3"}},"addons":{"@storybook/addon-essentials":{"version":"7.5.1"},"@storybook/addon-styling":{"version":"1.3.7"},"@storybook/addon-links":{"version":"7.5.1"},"@storybook/addon-interactions":{"version":"7.5.1"}}}
+{"generatedAt":1698217375850,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/vue3","storybookVersion":"7.5.1","storybookVersionSpecifier":"^7.5.1","language":"javascript","storybookPackages":{"@storybook/blocks":{"version":"7.5.1"},"@storybook/testing-library":{"version":"0.2.2"},"@storybook/vue3":{"version":"7.5.1"},"@storybook/vue3-webpack5":{"version":"7.5.1"},"storybook":{"version":"7.5.1"},"storybook-addon-sass-postcss":{"version":"0.1.3"}},"addons":{"@storybook/addon-essentials":{"version":"7.5.1"},"@storybook/addon-styling":{"version":"1.3.7"},"@storybook/addon-links":{"version":"7.5.1"},"@storybook/addon-interactions":{"version":"7.5.1"}}}
diff --git a/runtime~main.13aa4846.iframe.bundle.js b/runtime~main.ec5bd7a3.iframe.bundle.js
similarity index 96%
rename from runtime~main.13aa4846.iframe.bundle.js
rename to runtime~main.ec5bd7a3.iframe.bundle.js
index 85f50bed..6ff7ab53 100644
--- a/runtime~main.13aa4846.iframe.bundle.js
+++ b/runtime~main.ec5bd7a3.iframe.bundle.js
@@ -1 +1 @@
-(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({16:"stories-Card-stories",59:"components-icon-button-IconButton-stories",189:"stories-Navbar-stories",240:"components-modal-ModalExample-stories",249:"pages-login-page-LoginPage-stories",256:"stories-Button-stories",468:"stories-Banner-stories",513:"stories-Footer-stories",539:"components-link-Link-stories",561:"components-course-modules-CourseModules-stories",707:"components-modal-Modal-stories",741:"components-login-form-LoginForm-stories",805:"components-checkbox-input-CheckboxInput-stories",860:"components-text-input-TextInput-stories",957:"components-icon-Icon-stories"}[chunkId]||chunkId)+"."+{16:"ee8b1066",39:"06f83e6d",59:"8bdebce2",64:"fb65876a",189:"f54ac229",240:"ce996d6e",249:"01312b8e",256:"d9ef37c7",296:"34c5ea5c",315:"ce5f29d6",341:"3cc24887",408:"f5602b26",426:"0ad131cd",452:"d2f9aecf",468:"630b20bf",513:"1138d875",539:"1c1d1753",561:"b31f2e4a",707:"3163ad71",729:"2c565bec",741:"5dd5554f",784:"85ed88b9",805:"c3c93996",860:"a100c64c",957:"3d1d86e5",984:"bc677805"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="mooc:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","mooc:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkmooc=self.webpackChunkmooc||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
\ No newline at end of file
+(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({16:"stories-Card-stories",59:"components-icon-button-IconButton-stories",189:"stories-Navbar-stories",240:"components-modal-ModalExample-stories",249:"pages-login-page-LoginPage-stories",256:"stories-Button-stories",468:"stories-Banner-stories",513:"stories-Footer-stories",539:"components-link-Link-stories",561:"components-course-modules-CourseModules-stories",707:"components-modal-Modal-stories",741:"components-login-form-LoginForm-stories",805:"components-checkbox-input-CheckboxInput-stories",860:"components-text-input-TextInput-stories",957:"components-icon-Icon-stories"}[chunkId]||chunkId)+"."+{16:"de0a261d",39:"06f83e6d",59:"8bdebce2",64:"fb65876a",189:"862ce760",240:"ce996d6e",249:"01312b8e",256:"d9ef37c7",296:"34c5ea5c",315:"ce5f29d6",341:"3cc24887",408:"f5602b26",426:"0ad131cd",452:"d2f9aecf",468:"d71a7511",513:"1138d875",539:"1c1d1753",561:"b31f2e4a",707:"3163ad71",729:"2c565bec",741:"5dd5554f",784:"85ed88b9",805:"c3c93996",860:"a100c64c",957:"3d1d86e5",984:"bc677805"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="mooc:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","mooc:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkmooc=self.webpackChunkmooc||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
\ No newline at end of file
diff --git a/stories-Banner-stories.630b20bf.iframe.bundle.js b/stories-Banner-stories.d71a7511.iframe.bundle.js
similarity index 96%
rename from stories-Banner-stories.630b20bf.iframe.bundle.js
rename to stories-Banner-stories.d71a7511.iframe.bundle.js
index 86453d1e..7ff3302e 100644
--- a/stories-Banner-stories.630b20bf.iframe.bundle.js
+++ b/stories-Banner-stories.d71a7511.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[468],{"./src/vue/stories/Banner.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BannerComponent:()=>BannerComponent,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Banner_stories});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_hoisted_1={class:"banner"},_hoisted_2={class:"before-login-image-left"},_hoisted_3=["src"],_hoisted_4=(0,vue_esm_bundler._)("div",{class:"caption"},[(0,vue_esm_bundler._)("h1",null,"Velkommen til utdanningsdirektoratets kompetanseportal!")],-1),_hoisted_5={class:"before-login-image-right"},_hoisted_6=["src"];const Bannervue_type_script_setup_true_lang_js={__name:"Banner",setup:function setup(__props){return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_1,[(0,vue_esm_bundler._)("div",_hoisted_2,[(0,vue_esm_bundler._)("img",{"aria-label":"illustrasjon-banner",src:"".concat((0,vue_esm_bundler.SU)("/frontend/"),"IllustrasjonerHeaderIkkeInnloggetSide/illustrasjon-kvinne-hovedside-innlogging.svg")},null,8,_hoisted_3)]),_hoisted_4,(0,vue_esm_bundler._)("div",_hoisted_5,[(0,vue_esm_bundler._)("img",{"aria-label":"illustrasjon-banner",src:"".concat((0,vue_esm_bundler.SU)("/frontend/"),"IllustrasjonerHeaderIkkeInnloggetSide/illustrasjon-mann-hovedside-innlogging.svg")},null,8,_hoisted_6)])])}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Bannervue_type_style_index_0_id_258d6bc8_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Banner.vue?vue&type=style&index=0&id=258d6bc8&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Bannervue_type_style_index_0_id_258d6bc8_lang_scss.Z,options);Bannervue_type_style_index_0_id_258d6bc8_lang_scss.Z&&Bannervue_type_style_index_0_id_258d6bc8_lang_scss.Z.locals&&Bannervue_type_style_index_0_id_258d6bc8_lang_scss.Z.locals;const Banner=Bannervue_type_script_setup_true_lang_js;var _BannerComponent$para,_BannerComponent$para2;function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){_defineProperty(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Bannervue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Banner",description:"",tags:{},sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/Banner.vue"]};const Banner_stories={component:Banner};var BannerComponent={render:function render(){return{components:{Banner},setup:function setup(){},template:"<Banner/>"}}};BannerComponent.parameters=_objectSpread(_objectSpread({},BannerComponent.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_BannerComponent$para=BannerComponent.parameters)||void 0===_BannerComponent$para?void 0:_BannerComponent$para.docs),{},{source:_objectSpread({originalSource:'{\n  render: () => ({\n    components: {\n      Banner\n    },\n    setup() {},\n    template: "<Banner/>"\n  })\n}'},null===(_BannerComponent$para2=BannerComponent.parameters)||void 0===_BannerComponent$para2||null===(_BannerComponent$para2=_BannerComponent$para2.docs)||void 0===_BannerComponent$para2?void 0:_BannerComponent$para2.source)})});var __namedExportsOrder=["BannerComponent"]},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Banner.vue?vue&type=style&index=0&id=258d6bc8&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".banner{position:relative;background:#e3f2eb;color:#1a1a1a;display:flex;justify-content:space-between;align-items:center;width:100%;min-width:70rem;padding:0rem .625rem .625rem .625rem;flex-grow:0;border:0 0 6.25rem;border-radius:20px}.banner img{width:10.173rem;height:10.294rem;flex-grow:0;object-fit:contain}.banner .before-login-image-left{position:relative;bottom:-3rem}.banner .before-login-image-right{position:relative;bottom:-3rem}.banner .caption{position:relative;flex:1 1 80rem}","",{version:3,sources:["webpack://./src/vue/components/Banner.vue"],names:[],mappings:"AAGA,QACE,iBAAA,CACA,kBAAA,CACA,aAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,UAAA,CACA,eAAA,CACA,oCAAA,CACA,WAAA,CACA,kBAAA,CACA,kBAAA,CACA,YACE,eAAA,CACA,gBAAA,CACA,WAAA,CACA,kBAAA,CAGF,iCACE,iBAAA,CACA,YAAA,CAEF,kCACE,iBAAA,CACA,YAAA,CAEF,iBACE,iBAAA,CACA,cAAA",sourcesContent:["\n@import '../design/colors.scss';\n\n.banner {\n  position: relative;\n  background: map-get($color-palette-green, background, 200);\n  color: map-get($color-palette-green, foreground, 200);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  min-width: 70rem;\n  padding: 0rem 0.625rem 0.625rem 0.625rem;\n  flex-grow: 0;\n  border: 0 0 6.25rem;\n  border-radius: 20px;\n  img {\n    width: 10.173rem;\n    height: 10.294rem;\n    flex-grow: 0;\n    object-fit: contain;\n  }\n\n  .before-login-image-left {\n    position: relative;\n    bottom: -3rem;\n  }\n  .before-login-image-right {\n    position: relative;\n    bottom: -3rem;\n  }\n  .caption {\n    position: relative;\n    flex: 1 1 80rem;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":module=>{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64),sourceMapping="/*# ".concat(data," */");return[content].concat([sourceMapping]).join("\n")}return[content].join("\n")}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=>{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i<stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier,updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);api.update(obj);return function updater(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap&&newObj.supports===obj.supports&&newObj.layer===obj.layer)return;api.update(obj=newObj)}else api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list||[],options=options||{});return function update(newList){newList=newList||[];for(var i=0;i<lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i<lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&&(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"./node_modules/style-loader/dist/runtime/insertBySelector.js":module=>{var memo={};module.exports=function insertBySelector(insert,style){var target=function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}(insert);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}},"./node_modules/style-loader/dist/runtime/insertStyleElement.js":module=>{module.exports=function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}},"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&&styleElement.setAttribute("nonce",nonce)}},"./node_modules/style-loader/dist/runtime/styleDomAPI.js":module=>{module.exports=function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){!function apply(styleElement,options,obj){var css="";obj.supports&&(css+="@supports (".concat(obj.supports,") {")),obj.media&&(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&&(css+="@layer".concat(obj.layer.length>0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&&(css+="}"),obj.media&&(css+="}"),obj.supports&&(css+="}");var sourceMap=obj.sourceMap;sourceMap&&"undefined"!=typeof btoa&&(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}(styleElement,options,obj)},remove:function remove(){!function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}(styleElement)}}}},"./node_modules/style-loader/dist/runtime/styleTagTransform.js":module=>{module.exports=function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[468],{"./src/vue/stories/Banner.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BannerComponent:()=>BannerComponent,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Banner_stories});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_hoisted_1={class:"banner"},_hoisted_2={class:"before-login-image-left"},_hoisted_3=["src"],_hoisted_4=(0,vue_esm_bundler._)("div",{class:"caption"},[(0,vue_esm_bundler._)("h1",null,"Velkommen til Utdanningsdirektoratets kompetanseportal!")],-1),_hoisted_5={class:"before-login-image-right"},_hoisted_6=["src"];const Bannervue_type_script_setup_true_lang_js={__name:"Banner",setup:function setup(__props){return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_1,[(0,vue_esm_bundler._)("div",_hoisted_2,[(0,vue_esm_bundler._)("img",{"aria-label":"illustrasjon-banner",src:"".concat((0,vue_esm_bundler.SU)("/frontend/"),"IllustrasjonerHeaderIkkeInnloggetSide/illustrasjon-kvinne-hovedside-innlogging.svg")},null,8,_hoisted_3)]),_hoisted_4,(0,vue_esm_bundler._)("div",_hoisted_5,[(0,vue_esm_bundler._)("img",{"aria-label":"illustrasjon-banner",src:"".concat((0,vue_esm_bundler.SU)("/frontend/"),"IllustrasjonerHeaderIkkeInnloggetSide/illustrasjon-mann-hovedside-innlogging.svg")},null,8,_hoisted_6)])])}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Bannervue_type_style_index_0_id_771b518c_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Banner.vue?vue&type=style&index=0&id=771b518c&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Bannervue_type_style_index_0_id_771b518c_lang_scss.Z,options);Bannervue_type_style_index_0_id_771b518c_lang_scss.Z&&Bannervue_type_style_index_0_id_771b518c_lang_scss.Z.locals&&Bannervue_type_style_index_0_id_771b518c_lang_scss.Z.locals;const Banner=Bannervue_type_script_setup_true_lang_js;var _BannerComponent$para,_BannerComponent$para2;function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){_defineProperty(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Bannervue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Banner",description:"",tags:{},sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/Banner.vue"]};const Banner_stories={component:Banner};var BannerComponent={render:function render(){return{components:{Banner},setup:function setup(){},template:"<Banner/>"}}};BannerComponent.parameters=_objectSpread(_objectSpread({},BannerComponent.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_BannerComponent$para=BannerComponent.parameters)||void 0===_BannerComponent$para?void 0:_BannerComponent$para.docs),{},{source:_objectSpread({originalSource:'{\n  render: () => ({\n    components: {\n      Banner\n    },\n    setup() {},\n    template: "<Banner/>"\n  })\n}'},null===(_BannerComponent$para2=BannerComponent.parameters)||void 0===_BannerComponent$para2||null===(_BannerComponent$para2=_BannerComponent$para2.docs)||void 0===_BannerComponent$para2?void 0:_BannerComponent$para2.source)})});var __namedExportsOrder=["BannerComponent"]},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Banner.vue?vue&type=style&index=0&id=771b518c&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".banner{position:relative;background:#e3f2eb;color:#1a1a1a;display:flex;justify-content:space-between;align-items:center;width:100%;min-width:70rem;padding:0rem .625rem .625rem .625rem;flex-grow:0;border:0 0 6.25rem;border-radius:20px}.banner img{width:10.173rem;height:10.294rem;flex-grow:0;object-fit:contain}.banner .before-login-image-left{position:relative;bottom:-3rem}.banner .before-login-image-right{position:relative;bottom:-3rem}.banner .caption{position:relative;flex:1 1 80rem}","",{version:3,sources:["webpack://./src/vue/components/Banner.vue"],names:[],mappings:"AAGA,QACE,iBAAA,CACA,kBAAA,CACA,aAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,UAAA,CACA,eAAA,CACA,oCAAA,CACA,WAAA,CACA,kBAAA,CACA,kBAAA,CACA,YACE,eAAA,CACA,gBAAA,CACA,WAAA,CACA,kBAAA,CAGF,iCACE,iBAAA,CACA,YAAA,CAEF,kCACE,iBAAA,CACA,YAAA,CAEF,iBACE,iBAAA,CACA,cAAA",sourcesContent:["\n@import '../design/colors.scss';\n\n.banner {\n  position: relative;\n  background: map-get($color-palette-green, background, 200);\n  color: map-get($color-palette-green, foreground, 200);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  min-width: 70rem;\n  padding: 0rem 0.625rem 0.625rem 0.625rem;\n  flex-grow: 0;\n  border: 0 0 6.25rem;\n  border-radius: 20px;\n  img {\n    width: 10.173rem;\n    height: 10.294rem;\n    flex-grow: 0;\n    object-fit: contain;\n  }\n\n  .before-login-image-left {\n    position: relative;\n    bottom: -3rem;\n  }\n  .before-login-image-right {\n    position: relative;\n    bottom: -3rem;\n  }\n  .caption {\n    position: relative;\n    flex: 1 1 80rem;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":module=>{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64),sourceMapping="/*# ".concat(data," */");return[content].concat([sourceMapping]).join("\n")}return[content].join("\n")}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=>{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i<stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier,updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);api.update(obj);return function updater(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap&&newObj.supports===obj.supports&&newObj.layer===obj.layer)return;api.update(obj=newObj)}else api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list||[],options=options||{});return function update(newList){newList=newList||[];for(var i=0;i<lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i<lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&&(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"./node_modules/style-loader/dist/runtime/insertBySelector.js":module=>{var memo={};module.exports=function insertBySelector(insert,style){var target=function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}(insert);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}},"./node_modules/style-loader/dist/runtime/insertStyleElement.js":module=>{module.exports=function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}},"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&&styleElement.setAttribute("nonce",nonce)}},"./node_modules/style-loader/dist/runtime/styleDomAPI.js":module=>{module.exports=function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){!function apply(styleElement,options,obj){var css="";obj.supports&&(css+="@supports (".concat(obj.supports,") {")),obj.media&&(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&&(css+="@layer".concat(obj.layer.length>0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&&(css+="}"),obj.media&&(css+="}"),obj.supports&&(css+="}");var sourceMap=obj.sourceMap;sourceMap&&"undefined"!=typeof btoa&&(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}(styleElement,options,obj)},remove:function remove(){!function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}(styleElement)}}}},"./node_modules/style-loader/dist/runtime/styleTagTransform.js":module=>{module.exports=function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}}}]);
\ No newline at end of file
diff --git a/stories-Card-stories.de0a261d.iframe.bundle.js b/stories-Card-stories.de0a261d.iframe.bundle.js
new file mode 100644
index 00000000..5316542d
--- /dev/null
+++ b/stories-Card-stories.de0a261d.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[16],{"./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js":(__unused_webpack_module,exports)=>{exports.Z=(sfc,props)=>{const target=sfc.__vccOpts||sfc;for(const[key,val]of props)target[key]=val;return target}},"./src/vue/stories/Card.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CardComponent:()=>CardComponent,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Card_stories});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_hoisted_1={class:"card"},_hoisted_2=["src"],_hoisted_3={class:"card-content-container"},_hoisted_4={class:"card-content-title"},_hoisted_5={class:"card-content-description"},_hoisted_6={key:0,class:"card-content-enrolled"},_hoisted_7=["src"],_hoisted_8={class:"card-content-enrolled-text"},_hoisted_9={class:"card-content-button-container"};const Cardvue_type_script_lang_js={name:"Card",components:{},props:{theme:String,courseIllustration:String,isModalOpen:Boolean},data:function data(){return{server:"/frontend/",hasGoToCourse:void 0!==this.$slots.goToCourse}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Cardvue_type_style_index_0_id_7730ddd8_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Card.vue?vue&type=style&index=0&id=7730ddd8&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Cardvue_type_style_index_0_id_7730ddd8_lang_scss.Z,options);Cardvue_type_style_index_0_id_7730ddd8_lang_scss.Z&&Cardvue_type_style_index_0_id_7730ddd8_lang_scss.Z.locals&&Cardvue_type_style_index_0_id_7730ddd8_lang_scss.Z.locals;const __exports__=(0,__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js").Z)(Cardvue_type_script_lang_js,[["render",function render(_ctx,_cache,$props,$setup,$data,$options){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_1,[(0,vue_esm_bundler._)("div",{class:(0,vue_esm_bundler.C_)(["card-illustration-box",$props.theme])},[(0,vue_esm_bundler._)("img",{class:"card-illustration-box-image",src:$props.courseIllustration,alt:"illustrasjon"},null,8,_hoisted_2),(0,vue_esm_bundler.WI)(_ctx.$slots,"closeModalButton")],2),(0,vue_esm_bundler._)("div",_hoisted_3,[(0,vue_esm_bundler._)("div",_hoisted_4,[(0,vue_esm_bundler._)("h3",null,[(0,vue_esm_bundler.WI)(_ctx.$slots,"title")])]),(0,vue_esm_bundler._)("div",_hoisted_5,[(0,vue_esm_bundler._)("p",{class:(0,vue_esm_bundler.C_)({description_text:!$props.isModalOpen})},[(0,vue_esm_bundler.WI)(_ctx.$slots,"description"),(0,vue_esm_bundler.WI)(_ctx.$slots,"moduleList")],2)]),(0,vue_esm_bundler._)("div",null,[(0,vue_esm_bundler.WI)(_ctx.$slots,"filtername")]),$data.hasGoToCourse?((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_6,[(0,vue_esm_bundler._)("img",{class:"card-content-enrolled-icon",src:$data.server+"enrolled-green-circle.svg"},null,8,_hoisted_7),(0,vue_esm_bundler._)("p",_hoisted_8,[(0,vue_esm_bundler.WI)(_ctx.$slots,"enrolled")])])):(0,vue_esm_bundler.kq)("",!0),(0,vue_esm_bundler._)("div",_hoisted_9,[(0,vue_esm_bundler.WI)(_ctx.$slots,"leftButton"),(0,vue_esm_bundler.WI)(_ctx.$slots,"rightButton"),(0,vue_esm_bundler.WI)(_ctx.$slots,"goToCourse")])])])}]]),Card=__exports__;var _CardComponent$parame,_CardComponent$parame2;function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){_defineProperty(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__exports__.__docgenInfo={displayName:"Card",exportName:"default",description:"",tags:{},props:[{name:"theme",type:{name:"string"}},{name:"courseIllustration",type:{name:"string"}},{name:"isModalOpen",type:{name:"boolean"}}],slots:[{name:"closeModalButton"},{name:"title"},{name:"description"},{name:"moduleList"},{name:"filtername"},{name:"enrolled"},{name:"leftButton"},{name:"rightButton"},{name:"goToCourse"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/Card.vue"]};var server="/frontend/",Card_stories_images=[server+"IllustrasjonerKompetansepakker/Barnehage/DigitaldoemmekraftIBarnehagenMedLederstoette/digital-dommekraft-i-barnehagen-med-lederstotte-liten.svg",server+"IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/DigitalUndervisningPaaSkolenOgHjemme/digital-undervisning-på-skolen-og-hjemme-liten.svg",server+"IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/InkluderingOgUniversellUtformingIDigitalPraksis/inkludering-og-universell-utforming-i-digital-praksis-liten.svg",server+"IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/PersonvernILaeringsTeknologiForEiereOgLedere/personvern-i-laeringsteknologi-for-eiere-og-ledere-liten.svg",server+"/IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/TeknologiOgDigitaleFerdigheter/teknologi-og-digitale-ferdigheter-liten.svg",server+"IllustrasjonerKompetansepakker/EksamensOgProvesystemet/eksamens-og-provesystemet-liten.svg",server+"IllustrasjonerKompetansepakker/Inkludering/EleverMedStorLaeringspotensial/elever-med-stor-laeringspotensial-liten.svg",server+"IllustrasjonerKompetansepakker/Inkludering/InkluderendePraksis/inkluderende-praksis-liten.svg",server+"IllustrasjonerKompetansepakker/InnforingAvNyeLaereplanerForLaerebedrifterOgProevenemder/NyeLaereplanerForLaerebedrifter/nye-laereplaner-for-laerebedrifter-liten.svg",server+"IllustrasjonerKompetansepakker/ProgrammeringOgValgfagForUngdomstrinnet/programmering-valgfag-for-laerere-liten.svg",server+"IllustrasjonerKompetansepakker/SFO/TrygtOgGodtMiljoISfo/trygt-og-godt-miljo-i-SFO-liten.svg",server+"IllustrasjonerKompetansepakker/Skolemiljo/TrygtOgGodtSkolemiljo/trygt-og-godt-skolemiljo-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedLaereplanverket/InnforingAvNyttLaereplanverk/innfoering-av-nytt-laereplanverk(fagfornyelsen)-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedLaereplanverket/ProgrammeringOgAlgoritmiskTenkning/programmering-og-algoritmisk-tenkning-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedRegelverket/PersonvernISkolen/personvern-i-skolen-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedRegelverket/RegelverkIFagOgYrkesopplaering/regelverk-i-fag-og-yrkesopplaering-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedRegelverket/TospraakligFagopplaering/tospraaaklig-fagopplaering-liten.svg"];const Card_stories={component:Card};var CardComponent={render:function render(args){return{components:{Card},setup:function setup(){return{args}},template:'<Card v-bind="args"/>'}},args:{theme:"theme_0",courseIllustration:Card_stories_images[1]},tags:["autodocs"],argTypes:{theme:{control:{type:"select"},options:["theme_0","theme_1","theme_2","theme_3","theme_4","theme_5","theme_6","theme_7","theme_8"]},courseIllustration:{control:{type:"select"},options:Card_stories_images}}};CardComponent.parameters=_objectSpread(_objectSpread({},CardComponent.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_CardComponent$parame=CardComponent.parameters)||void 0===_CardComponent$parame?void 0:_CardComponent$parame.docs),{},{source:_objectSpread({originalSource:'{\n  render: args => ({\n    components: {\n      Card\n    },\n    setup() {\n      return {\n        args\n      };\n    },\n    template: \'<Card v-bind="args"/>\'\n  }),\n  args: {\n    theme: "theme_0",\n    courseIllustration: images[1]\n  },\n  tags: ["autodocs"],\n  argTypes: {\n    theme: {\n      control: {\n        type: "select"\n      },\n      options: ["theme_0", "theme_1", "theme_2", "theme_3", "theme_4", "theme_5", "theme_6", "theme_7", "theme_8"]\n    },\n    courseIllustration: {\n      control: {\n        type: "select"\n      },\n      options: images\n    }\n  }\n}'},null===(_CardComponent$parame2=CardComponent.parameters)||void 0===_CardComponent$parame2||null===(_CardComponent$parame2=_CardComponent$parame2.docs)||void 0===_CardComponent$parame2?void 0:_CardComponent$parame2.source)})});var __namedExportsOrder=["CardComponent"]},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Card.vue?vue&type=style&index=0&id=7730ddd8&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.card{position:relative;width:24rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:.5rem;box-shadow:0 .25rem .25rem 0 rgba(0,0,0,.25);background-color:#fff}.card .card-illustration-box{position:relative;width:100%;height:10rem;border-radius:.5rem .5rem 0 0}.card .theme_0{background:#e3f2eb}.card .theme_1{background:#ef9a9a}.card .theme_2{background:#eaeaf5}.card .theme_3{background:#f5f7f9}.card .theme_4{background:#a0b1bf}.card .theme_5{background:#ffebee}.card .theme_6{background:#ffcdd2}.card .theme_7{background:#ffcc80}.card .theme_8{background:#fff3e0}.card .card-illustration-box-image{width:100%;height:100%;object-position:right bottom}.card .card-content-container{width:100%;height:100%;padding:.5rem 1.5rem .5rem 1.5rem;font-family:Roboto;font-weight:400}.card .card-content-button-container{margin-top:1.5rem;display:inline-grid;grid-template-columns:auto auto;gap:.5rem}.card .card-content-title h3{font-size:1.125;font-family:"Roboto";font-weight:600;line-height:150%}.card .card-content-enrolled{margin-top:1rem;display:flex;flex-direction:row;align-items:center;gap:.25rem}.card .card-content-enrolled-text{font-size:.875rem;font-family:"Roboto";font-weight:400;color:#000}.card .card-content-enrolled-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.card .description_text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}',"",{version:3,sources:["webpack://./src/vue/components/Card.vue"],names:[],mappings:"AAGA,MACE,iBAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,0BAAA,CACA,sBAAA,CACA,mBAAA,CACA,4CAAA,CACA,qBAAA,CACA,6BACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,6BAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAGF,mCACE,UAAA,CACA,WAAA,CACA,4BAAA,CAEF,8BACE,UAAA,CACA,WAAA,CACA,iCAAA,CACA,kBAAA,CACA,eAAA,CAGF,qCACE,iBAAA,CACA,mBAAA,CACA,+BAAA,CACA,SAAA,CAIA,6BACE,eAAA,CACA,oBAAA,CACA,eAAA,CACA,gBAAA,CAGJ,6BACE,eAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,UAAA,CAGF,kCACE,iBAAA,CACA,oBAAA,CACA,eAAA,CACA,UAAA,CAGF,kCACE,aAAA,CACA,cAAA,CACA,aAAA,CAGF,wBACE,eAAA,CACA,mBAAA,CACA,oBAAA,CACA,2BAAA,CACA,sBAAA",sourcesContent:["\n@import '../design/_card-themes.scss';\n\n.card {\n  position: relative;\n  width: 24rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  border-radius: 0.5rem;\n  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);\n  background-color: $card-background-color;\n  .card-illustration-box {\n    position: relative;\n    width: 100%;\n    height: 10rem;\n    border-radius: 0.5rem 0.5rem 0 0;\n  }\n  .theme_0 {\n    background: map-get($theme_0, background);\n  }\n  .theme_1 {\n    background: map-get($theme_1, background);\n  }\n  .theme_2 {\n    background: map-get($theme_2, background);\n  }\n  .theme_3 {\n    background: map-get($theme_3, background);\n  }\n  .theme_4 {\n    background: map-get($theme_4, background);\n  }\n  .theme_5 {\n    background: map-get($theme_5, background);\n  }\n  .theme_6 {\n    background: map-get($theme_6, background);\n  }\n  .theme_7 {\n    background: map-get($theme_7, background);\n  }\n  .theme_8 {\n    background: map-get($theme_8, background);\n  }\n\n  .card-illustration-box-image {\n    width: 100%;\n    height: 100%;\n    object-position: right bottom;\n  }\n  .card-content-container {\n    width: 100%;\n    height: 100%;\n    padding: 0.5rem 1.5rem 0.5rem 1.5rem;\n    font-family: Roboto;\n    font-weight: 400;\n  }\n\n  .card-content-button-container {\n    margin-top: 1.5rem;\n    display: inline-grid;\n    grid-template-columns: auto auto;\n    gap: 0.5rem;\n  }\n  .card-content-title {\n\n    h3 {\n      font-size: 1.125;\n      font-family: 'Roboto';\n      font-weight: 600;\n      line-height: 150%;\n    }\n  }\n  .card-content-enrolled {\n    margin-top: 1rem;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 0.25rem;\n\n  }\n  .card-content-enrolled-text {\n    font-size: 0.875rem;\n    font-family: 'Roboto';\n    font-weight: 400;\n    color: black;\n\n  }\n  .card-content-enrolled-icon {\n    width: 1.25rem;\n    height: 1.25rem;\n    flex-shrink: 0;\n  }\n\n  .description_text {\n    overflow:hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n  }\n\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":module=>{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64),sourceMapping="/*# ".concat(data," */");return[content].concat([sourceMapping]).join("\n")}return[content].join("\n")}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=>{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i<stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier,updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);api.update(obj);return function updater(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap&&newObj.supports===obj.supports&&newObj.layer===obj.layer)return;api.update(obj=newObj)}else api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list||[],options=options||{});return function update(newList){newList=newList||[];for(var i=0;i<lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i<lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&&(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"./node_modules/style-loader/dist/runtime/insertBySelector.js":module=>{var memo={};module.exports=function insertBySelector(insert,style){var target=function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}(insert);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}},"./node_modules/style-loader/dist/runtime/insertStyleElement.js":module=>{module.exports=function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}},"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&&styleElement.setAttribute("nonce",nonce)}},"./node_modules/style-loader/dist/runtime/styleDomAPI.js":module=>{module.exports=function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){!function apply(styleElement,options,obj){var css="";obj.supports&&(css+="@supports (".concat(obj.supports,") {")),obj.media&&(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&&(css+="@layer".concat(obj.layer.length>0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&&(css+="}"),obj.media&&(css+="}"),obj.supports&&(css+="}");var sourceMap=obj.sourceMap;sourceMap&&"undefined"!=typeof btoa&&(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}(styleElement,options,obj)},remove:function remove(){!function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}(styleElement)}}}},"./node_modules/style-loader/dist/runtime/styleTagTransform.js":module=>{module.exports=function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}}}]);
\ No newline at end of file
diff --git a/stories-Card-stories.ee8b1066.iframe.bundle.js b/stories-Card-stories.ee8b1066.iframe.bundle.js
deleted file mode 100644
index ab71abaa..00000000
--- a/stories-Card-stories.ee8b1066.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[16],{"./src/vue/stories/Card.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CardComponent:()=>CardComponent,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Card_stories});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),Button=__webpack_require__("./src/vue/components/Button.vue"),_hoisted_1={class:"card"},_hoisted_2=["src"],_hoisted_3={class:"card-content-container"},_hoisted_4={class:"card-content-title"},_hoisted_5={class:"card-content-description"},_hoisted_6={class:"card-content-button-container"};const Cardvue_type_script_setup_true_lang_js={__name:"Card",props:["theme","courseIllustration"],setup:function setup(__props){return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_1,[(0,vue_esm_bundler._)("div",{class:(0,vue_esm_bundler.C_)(["card-illustration-box",__props.theme])},[(0,vue_esm_bundler._)("img",{class:"card-illustration-box-image",src:__props.courseIllustration,alt:"illustrasjon"},null,8,_hoisted_2)],2),(0,vue_esm_bundler._)("div",_hoisted_3,[(0,vue_esm_bundler._)("div",_hoisted_4,[(0,vue_esm_bundler._)("h3",null,[(0,vue_esm_bundler.WI)(_ctx.$slots,"title")])]),(0,vue_esm_bundler._)("div",_hoisted_5,[(0,vue_esm_bundler.WI)(_ctx.$slots,"description")]),(0,vue_esm_bundler._)("div",_hoisted_6,[(0,vue_esm_bundler.Wm)(Button.Z,{type:"filled",size:"md"},{default:(0,vue_esm_bundler.w5)((function(){return[(0,vue_esm_bundler.WI)(_ctx.$slots,"leftButton")]})),_:3}),(0,vue_esm_bundler.Wm)(Button.Z,{type:"outlined",size:"md"},{default:(0,vue_esm_bundler.w5)((function(){return[(0,vue_esm_bundler.WI)(_ctx.$slots,"rightButton")]})),_:3})])])])}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Cardvue_type_style_index_0_id_d88fd920_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Card.vue?vue&type=style&index=0&id=d88fd920&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Cardvue_type_style_index_0_id_d88fd920_lang_scss.Z,options);Cardvue_type_style_index_0_id_d88fd920_lang_scss.Z&&Cardvue_type_style_index_0_id_d88fd920_lang_scss.Z.locals&&Cardvue_type_style_index_0_id_d88fd920_lang_scss.Z.locals;const Card=Cardvue_type_script_setup_true_lang_js;var _CardComponent$parame,_CardComponent$parame2;function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){_defineProperty(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Cardvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Card",description:"",tags:{},props:[{name:"theme",type:{name:"undefined"}},{name:"courseIllustration",type:{name:"undefined"}}],slots:[{name:"title"},{name:"description"},{name:"leftButton"},{name:"rightButton"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/Card.vue"]};var server="/frontend/",Card_stories_images=[server+"IllustrasjonerKompetansepakker/Barnehage/DigitaldoemmekraftIBarnehagenMedLederstoette/digital-dommekraft-i-barnehagen-med-lederstotte-liten.svg",server+"IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/DigitalUndervisningPaaSkolenOgHjemme/digital-undervisning-på-skolen-og-hjemme-liten.svg",server+"IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/InkluderingOgUniversellUtformingIDigitalPraksis/inkludering-og-universell-utforming-i-digital-praksis-liten.svg",server+"IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/PersonvernILaeringsTeknologiForEiereOgLedere/personvern-i-laeringsteknologi-for-eiere-og-ledere-liten.svg",server+"/IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/TeknologiOgDigitaleFerdigheter/teknologi-og-digitale-ferdigheter-liten.svg",server+"IllustrasjonerKompetansepakker/EksamensOgProvesystemet/eksamens-og-provesystemet-liten.svg",server+"IllustrasjonerKompetansepakker/Inkludering/EleverMedStorLaeringspotensial/elever-med-stor-laeringspotensial-liten.svg",server+"IllustrasjonerKompetansepakker/Inkludering/InkluderendePraksis/inkluderende-praksis-liten.svg",server+"IllustrasjonerKompetansepakker/InnforingAvNyeLaereplanerForLaerebedrifterOgProevenemder/NyeLaereplanerForLaerebedrifter/nye-laereplaner-for-laerebedrifter-liten.svg",server+"IllustrasjonerKompetansepakker/ProgrammeringOgValgfagForUngdomstrinnet/programmering-valgfag-for-laerere-liten.svg",server+"IllustrasjonerKompetansepakker/SFO/TrygtOgGodtMiljoISfo/trygt-og-godt-miljo-i-SFO-liten.svg",server+"IllustrasjonerKompetansepakker/Skolemiljo/TrygtOgGodtSkolemiljo/trygt-og-godt-skolemiljo-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedLaereplanverket/InnforingAvNyttLaereplanverk/innfoering-av-nytt-laereplanverk(fagfornyelsen)-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedLaereplanverket/ProgrammeringOgAlgoritmiskTenkning/programmering-og-algoritmisk-tenkning-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedRegelverket/PersonvernISkolen/personvern-i-skolen-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedRegelverket/RegelverkIFagOgYrkesopplaering/regelverk-i-fag-og-yrkesopplaering-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedRegelverket/TospraakligFagopplaering/tospraaaklig-fagopplaering-liten.svg"];const Card_stories={component:Card};var CardComponent={render:function render(args){return{components:{Card},setup:function setup(){return{args}},template:'<Card v-bind="args"/>'}},args:{theme:"theme_0",courseIllustration:Card_stories_images[1]},tags:["autodocs"],argTypes:{theme:{control:{type:"select"},options:["theme_0","theme_1","theme_2","theme_3","theme_4","theme_5","theme_6","theme_7","theme_8"]},courseIllustration:{control:{type:"select"},options:Card_stories_images}}};CardComponent.parameters=_objectSpread(_objectSpread({},CardComponent.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_CardComponent$parame=CardComponent.parameters)||void 0===_CardComponent$parame?void 0:_CardComponent$parame.docs),{},{source:_objectSpread({originalSource:'{\n  render: args => ({\n    components: {\n      Card\n    },\n    setup() {\n      return {\n        args\n      };\n    },\n    template: \'<Card v-bind="args"/>\'\n  }),\n  args: {\n    theme: "theme_0",\n    courseIllustration: images[1]\n  },\n  tags: ["autodocs"],\n  argTypes: {\n    theme: {\n      control: {\n        type: "select"\n      },\n      options: ["theme_0", "theme_1", "theme_2", "theme_3", "theme_4", "theme_5", "theme_6", "theme_7", "theme_8"]\n    },\n    courseIllustration: {\n      control: {\n        type: "select"\n      },\n      options: images\n    }\n  }\n}'},null===(_CardComponent$parame2=CardComponent.parameters)||void 0===_CardComponent$parame2||null===(_CardComponent$parame2=_CardComponent$parame2.docs)||void 0===_CardComponent$parame2?void 0:_CardComponent$parame2.source)})});var __namedExportsOrder=["CardComponent"]},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=04759d44&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn{cursor:pointer;position:relative;background:#303030;color:#fff;border:none;border-radius:.1875rem;font-weight:700;line-height:1}.btn:hover{background:#00468e;color:#fff}.btn--filled{background:#303030;color:#fff}.btn--filled.btn--sm{padding:.25rem .875rem .25rem .875rem}.btn--filled.btn--md{padding:.5rem 1.375rem .5rem 1.375rem}.btn--filled.btn--lg{padding:.75rem 1.75rem .25rem 1.75rem}.btn--outlined{background:#fff;color:#303030;border:.125rem solid #303030}.btn--outlined.btn--sm{padding:.125rem .75rem .125rem .75rem}.btn--outlined.btn--md{padding:.375rem 1.25rem .375rem 1.15rem}.btn--outlined.btn--lg{padding:.625rem 1.625rem .125rem 1.625rem}","",{version:3,sources:["webpack://./src/vue/components/Button.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAEA,oBAGE,6BAAA,CACA,0BAAA,CACA,qBAAA,CAGF,KACE,cAAA,CACA,iBAAA,CACA,kBCJe,CDKf,UCFY,CDGZ,WAAA,CACA,sBAAA,CACA,eAAA,CACA,aAAA,CACA,WACE,kBAAA,CACA,UCTU,CDad,aACE,kBCjBe,CDkBf,UCfY,CDgBZ,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAGJ,eACE,eC3BY,CD4BZ,aC/Be,CDgCf,4BAAA,CACA,uBACE,qCAAA,CAEF,uBACE,uCAAA,CAEF,uBACE,yCAAA",sourcesContent:["\n@import '../design/colors.scss';\n*,\n*:after,\n*::before {\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.btn {\n  cursor: pointer;\n  position: relative;\n  background: $color-grey-900;\n  color: $color-white;\n  border: none;\n  border-radius: 0.1875rem;\n  font-weight: 700;\n  line-height: 1;\n  &:hover {\n    background: #00468e;\n    color: $color-white;\n  }\n}\n\n.btn--filled {\n  background: $color-grey-900;\n  color: $color-white;\n  &.btn--sm {\n    padding: 0.25rem 0.875rem 0.25rem 0.875rem;\n  }\n  &.btn--md {\n    padding: 0.5rem 1.375rem 0.5rem 1.375rem;\n  }\n  &.btn--lg {\n    padding: 0.75rem 1.75rem 0.25rem 1.75rem;\n  }\n}\n.btn--outlined {\n  background: $color-white;\n  color: $color-grey-900;\n  border: 0.125rem solid $color-grey-900;\n  &.btn--sm {\n    padding: 0.125rem 0.75rem 0.125rem 0.75rem;\n  }\n  &.btn--md {\n    padding: 0.375rem 1.25rem 0.375rem 1.15rem;\n  }\n  &.btn--lg {\n    padding: 0.625rem 1.625rem 0.125rem 1.625rem;\n  }\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Card.vue?vue&type=style&index=0&id=d88fd920&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.card{position:relative;width:24rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:.5rem;box-shadow:0 .25rem .25rem 0 rgba(0,0,0,.25);background-color:#fff}.card .card-illustration-box{position:relative;width:100%;height:10rem;border-radius:.5rem .5rem 0 0}.card .theme_0{background:#e3f2eb}.card .theme_1{background:#ef9a9a}.card .theme_2{background:#eaeaf5}.card .theme_3{background:#f5f7f9}.card .theme_4{background:#a0b1bf}.card .theme_5{background:#ffebee}.card .theme_6{background:#ffcdd2}.card .theme_7{background:#ffcc80}.card .theme_8{background:#fff3e0}.card .card-illustration-box-image{width:100%;height:100%;object-position:right bottom}.card .card-content-container{width:100%;height:100%;padding:.5rem 1.5rem .5rem 1.5rem;font-family:Roboto;font-weight:400}.card .card-content-button-container{margin-top:1.5rem;display:inline-grid;grid-template-columns:auto auto;gap:.5rem}.card .card-content-title h3{font-size:1.125;font-family:"Roboto";font-weight:600;line-height:150%}',"",{version:3,sources:["webpack://./src/vue/components/Card.vue"],names:[],mappings:"AAGA,MACE,iBAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,0BAAA,CACA,sBAAA,CACA,mBAAA,CACA,4CAAA,CACA,qBAAA,CACA,6BACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,6BAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAEF,eACE,kBAAA,CAGF,mCACE,UAAA,CACA,WAAA,CACA,4BAAA,CAEF,8BACE,UAAA,CACA,WAAA,CACA,iCAAA,CACA,kBAAA,CACA,eAAA,CAGF,qCACE,iBAAA,CACA,mBAAA,CACA,+BAAA,CACA,SAAA,CAIA,6BACE,eAAA,CACA,oBAAA,CACA,eAAA,CACA,gBAAA",sourcesContent:["\n@import '../design/_card-themes.scss';\n\n.card {\n  position: relative;\n  width: 24rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  border-radius: 0.5rem;\n  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);\n  background-color: $card-background-color;\n  .card-illustration-box {\n    position: relative;\n    width: 100%;\n    height: 10rem;\n    border-radius: 0.5rem 0.5rem 0 0;\n  }\n  .theme_0 {\n    background: map-get($theme_0, background);\n  }\n  .theme_1 {\n    background: map-get($theme_1, background);\n  }\n  .theme_2 {\n    background: map-get($theme_2, background);\n  }\n  .theme_3 {\n    background: map-get($theme_3, background);\n  }\n  .theme_4 {\n    background: map-get($theme_4, background);\n  }\n  .theme_5 {\n    background: map-get($theme_5, background);\n  }\n  .theme_6 {\n    background: map-get($theme_6, background);\n  }\n  .theme_7 {\n    background: map-get($theme_7, background);\n  }\n  .theme_8 {\n    background: map-get($theme_8, background);\n  }\n\n  .card-illustration-box-image {\n    width: 100%;\n    height: 100%;\n    object-position: right bottom;\n  }\n  .card-content-container {\n    width: 100%;\n    height: 100%;\n    padding: 0.5rem 1.5rem 0.5rem 1.5rem;\n    font-family: Roboto;\n    font-weight: 400;\n  }\n\n  .card-content-button-container {\n    margin-top: 1.5rem;\n    display: inline-grid;\n    grid-template-columns: auto auto;\n    gap: 0.5rem;\n  }\n  .card-content-title {\n\n    h3 {\n      font-size: 1.125;\n      font-family: 'Roboto';\n      font-weight: 600;\n      line-height: 150%;\n    }\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":module=>{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64),sourceMapping="/*# ".concat(data," */");return[content].concat([sourceMapping]).join("\n")}return[content].join("\n")}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=>{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i<stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier,updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);api.update(obj);return function updater(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap&&newObj.supports===obj.supports&&newObj.layer===obj.layer)return;api.update(obj=newObj)}else api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list||[],options=options||{});return function update(newList){newList=newList||[];for(var i=0;i<lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i<lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&&(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"./node_modules/style-loader/dist/runtime/insertBySelector.js":module=>{var memo={};module.exports=function insertBySelector(insert,style){var target=function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}(insert);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}},"./node_modules/style-loader/dist/runtime/insertStyleElement.js":module=>{module.exports=function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}},"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&&styleElement.setAttribute("nonce",nonce)}},"./node_modules/style-loader/dist/runtime/styleDomAPI.js":module=>{module.exports=function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){!function apply(styleElement,options,obj){var css="";obj.supports&&(css+="@supports (".concat(obj.supports,") {")),obj.media&&(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&&(css+="@layer".concat(obj.layer.length>0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&&(css+="}"),obj.media&&(css+="}"),obj.supports&&(css+="}");var sourceMap=obj.sourceMap;sourceMap&&"undefined"!=typeof btoa&&(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}(styleElement,options,obj)},remove:function remove(){!function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}(styleElement)}}}},"./node_modules/style-loader/dist/runtime/styleTagTransform.js":module=>{module.exports=function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}},"./src/vue/components/Button.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js");const Buttonvue_type_script_setup_true_lang_js={__name:"Button",props:["size","type","text","link"],setup:function setup(__props){return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("button",{class:(0,vue_esm_bundler.C_)([{btn:!0},{"btn--filled":void 0===__props.type||"submit"===__props.type||"filled"===__props.type},{"btn--outlined":"outlined"===__props.type},{"btn--sm":"sm"===__props.size},{"btn--md":void 0===__props.size||"md"===__props.size},{"btn--lg":"lg"===__props.size}])},[(0,vue_esm_bundler.WI)(_ctx.$slots,"default")],2)}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Buttonvue_type_style_index_0_id_04759d44_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=04759d44&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z,options);Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z&&Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z.locals&&Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z.locals;const Button=Buttonvue_type_script_setup_true_lang_js;Buttonvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Button",description:"",tags:{},props:[{name:"size",type:{name:"undefined"}},{name:"type",type:{name:"undefined"}},{name:"text",type:{name:"undefined"}},{name:"link",type:{name:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/Button.vue"]}}}]);
\ No newline at end of file
diff --git a/stories-Navbar-stories.862ce760.iframe.bundle.js b/stories-Navbar-stories.862ce760.iframe.bundle.js
new file mode 100644
index 00000000..3ccbbb2d
--- /dev/null
+++ b/stories-Navbar-stories.862ce760.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[189],{"./src/vue/stories/Navbar.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Nav:()=>Nav,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Navbar_stories});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_hoisted_1={class:"header__content"},_hoisted_2=(0,vue_esm_bundler._)("div",{class:"header-brand"},"Kompetanseportalen",-1),_hoisted_3={class:"header__link-list"},_hoisted_4=(0,vue_esm_bundler._)("li",{class:"header__list-item"},[(0,vue_esm_bundler._)("span",null,[(0,vue_esm_bundler._)("a",{class:"header__link",href:"url"},"Ofte stilte spørsmål")])],-1),_hoisted_5={key:0,class:"header__list-item"},_hoisted_6={key:1,class:"header__list-item"},_hoisted_7={key:2,class:"header__list-item"};const PageHeadervue_type_script_setup_true_lang_js={__name:"PageHeader",props:["logged_in"],setup:function setup(__props){var domain=window.location.origin,loginLink=domain+"/login/canvas",settingsLink=domain+"/profile/settings?design=udir",logoutLink=domain+"/logout?design=udir";return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("header",_hoisted_1,[_hoisted_2,(0,vue_esm_bundler._)("ul",_hoisted_3,[_hoisted_4,__props.logged_in?(0,vue_esm_bundler.kq)("",!0):((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("li",_hoisted_5,[(0,vue_esm_bundler._)("span",null,[(0,vue_esm_bundler._)("a",{class:"header__link",href:loginLink},"Logg inn")])])),__props.logged_in?((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("li",_hoisted_6,[(0,vue_esm_bundler._)("span",null,[(0,vue_esm_bundler._)("a",{class:"header__link",href:settingsLink},"Innstillinger")])])):(0,vue_esm_bundler.kq)("",!0),__props.logged_in?((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("li",_hoisted_7,[(0,vue_esm_bundler._)("span",null,[(0,vue_esm_bundler._)("a",{class:"header__link",href:logoutLink},"Logg ut")])])):(0,vue_esm_bundler.kq)("",!0)])])}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),PageHeadervue_type_style_index_0_id_a98d44ca_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/header/PageHeader.vue?vue&type=style&index=0&id=a98d44ca&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(PageHeadervue_type_style_index_0_id_a98d44ca_lang_scss.Z,options);PageHeadervue_type_style_index_0_id_a98d44ca_lang_scss.Z&&PageHeadervue_type_style_index_0_id_a98d44ca_lang_scss.Z.locals&&PageHeadervue_type_style_index_0_id_a98d44ca_lang_scss.Z.locals;const PageHeader=PageHeadervue_type_script_setup_true_lang_js;PageHeadervue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"PageHeader",description:"",tags:{},props:[{name:"logged_in",type:{name:"undefined"}}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/header/PageHeader.vue"]};var NavBarLinksvue_type_script_setup_true_lang_js_hoisted_1={class:"nav-bar__link-list-container"};const NavBarLinksvue_type_script_setup_true_lang_js={__name:"NavBarLinks",props:["logged_in"],setup:function setup(__props){var domain=window.location.origin,myCourses=domain+"/courses?design=udir",allCourses=domain+"/search/all_courses?design=udir";return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",NavBarLinksvue_type_script_setup_true_lang_js_hoisted_1,[(0,vue_esm_bundler._)("ul",{class:"nav-bar__link-list"},[(0,vue_esm_bundler._)("li",{class:"nav-bar__list-item"},[(0,vue_esm_bundler._)("span",null,[(0,vue_esm_bundler._)("a",{class:"nav-bar__link",href:myCourses},"Mine kompetansepakker")])]),(0,vue_esm_bundler._)("li",{class:"nav-bar__list-item"},[(0,vue_esm_bundler._)("span",null,[(0,vue_esm_bundler._)("a",{class:"nav-bar__link",href:allCourses},"Alle tilgjengelige kompetansepakker")])])])])}}};var NavBarLinksvue_type_style_index_0_id_69f95df2_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/header/NavBarLinks.vue?vue&type=style&index=0&id=69f95df2&lang=scss"),NavBarLinksvue_type_style_index_0_id_69f95df2_lang_scss_options={};NavBarLinksvue_type_style_index_0_id_69f95df2_lang_scss_options.styleTagTransform=styleTagTransform_default(),NavBarLinksvue_type_style_index_0_id_69f95df2_lang_scss_options.setAttributes=setAttributesWithoutAttributes_default(),NavBarLinksvue_type_style_index_0_id_69f95df2_lang_scss_options.insert=insertBySelector_default().bind(null,"head"),NavBarLinksvue_type_style_index_0_id_69f95df2_lang_scss_options.domAPI=styleDomAPI_default(),NavBarLinksvue_type_style_index_0_id_69f95df2_lang_scss_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(NavBarLinksvue_type_style_index_0_id_69f95df2_lang_scss.Z,NavBarLinksvue_type_style_index_0_id_69f95df2_lang_scss_options);NavBarLinksvue_type_style_index_0_id_69f95df2_lang_scss.Z&&NavBarLinksvue_type_style_index_0_id_69f95df2_lang_scss.Z.locals&&NavBarLinksvue_type_style_index_0_id_69f95df2_lang_scss.Z.locals;const NavBarLinks=NavBarLinksvue_type_script_setup_true_lang_js;NavBarLinksvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"NavBarLinks",description:"",tags:{},props:[{name:"logged_in",type:{name:"undefined"}}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/header/NavBarLinks.vue"]};var NavBarvue_type_script_setup_true_lang_js_hoisted_1={class:"header--nav-container"},NavBarvue_type_script_setup_true_lang_js_hoisted_2={class:"page--nav-bar"};const NavBarvue_type_script_setup_true_lang_js={__name:"NavBar",props:["logged_in"],setup:function setup(__props){return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",NavBarvue_type_script_setup_true_lang_js_hoisted_1,[(0,vue_esm_bundler.Wm)(PageHeader,{logged_in:_ctx.$props.logged_in},null,8,["logged_in"]),(0,vue_esm_bundler._)("nav",NavBarvue_type_script_setup_true_lang_js_hoisted_2,[(0,vue_esm_bundler.Wm)(NavBarLinks,{logged_in:_ctx.$props.logged_in},null,8,["logged_in"])])])}}};var NavBarvue_type_style_index_0_id_3bd27c44_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/header/NavBar.vue?vue&type=style&index=0&id=3bd27c44&lang=scss"),NavBarvue_type_style_index_0_id_3bd27c44_lang_scss_options={};NavBarvue_type_style_index_0_id_3bd27c44_lang_scss_options.styleTagTransform=styleTagTransform_default(),NavBarvue_type_style_index_0_id_3bd27c44_lang_scss_options.setAttributes=setAttributesWithoutAttributes_default(),NavBarvue_type_style_index_0_id_3bd27c44_lang_scss_options.insert=insertBySelector_default().bind(null,"head"),NavBarvue_type_style_index_0_id_3bd27c44_lang_scss_options.domAPI=styleDomAPI_default(),NavBarvue_type_style_index_0_id_3bd27c44_lang_scss_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(NavBarvue_type_style_index_0_id_3bd27c44_lang_scss.Z,NavBarvue_type_style_index_0_id_3bd27c44_lang_scss_options);NavBarvue_type_style_index_0_id_3bd27c44_lang_scss.Z&&NavBarvue_type_style_index_0_id_3bd27c44_lang_scss.Z.locals&&NavBarvue_type_style_index_0_id_3bd27c44_lang_scss.Z.locals;const NavBar=NavBarvue_type_script_setup_true_lang_js;var _Nav$parameters,_Nav$parameters2;function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){_defineProperty(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}NavBarvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"NavBar",description:"",tags:{},props:[{name:"logged_in",type:{name:"undefined"}}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/header/NavBar.vue"]};const Navbar_stories={component:NavBar};var Nav={render:function render(args){return{components:{NavBar},setup:function setup(){return{args}},template:"<NavBar/>"}},tags:["autodocs"]};Nav.parameters=_objectSpread(_objectSpread({},Nav.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Nav$parameters=Nav.parameters)||void 0===_Nav$parameters?void 0:_Nav$parameters.docs),{},{source:_objectSpread({originalSource:'{\n  render: args => ({\n    components: {\n      NavBar\n    },\n    setup() {\n      return {\n        args\n      };\n    },\n    template: "<NavBar/>"\n  }),\n  tags: ["autodocs"]\n}'},null===(_Nav$parameters2=Nav.parameters)||void 0===_Nav$parameters2||null===(_Nav$parameters2=_Nav$parameters2.docs)||void 0===_Nav$parameters2?void 0:_Nav$parameters2.source)})});var __namedExportsOrder=["Nav"]},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/header/NavBar.vue?vue&type=style&index=0&id=3bd27c44&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".header--nav-container{width:100%;flex-grow:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0}.page--nav-bar{width:100%;height:4rem;display:flex;justify-content:center;align-items:center;padding:.75rem 26.75rem;background-color:#303030}.header--links{display:flex;flex-direction:row;justify-content:flex-start;text-align:center;min-width:40rem;cursor:pointer}","",{version:3,sources:["webpack://./src/vue/components/header/NavBar.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAEA,uBACE,UAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,0BAAA,CACA,sBAAA,CACA,SAAA,CAGF,eACE,UAAA,CACA,WAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,uBAAA,CACA,wBCVe,CDajB,eACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA",sourcesContent:["\n@import '../../design/colors.scss';\n.header--nav-container {\n  width: 100%;\n  flex-grow: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding: 0;\n}\n\n.page--nav-bar {\n  width: 100%;\n  height: 4rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0.75rem 26.75rem;\n  background-color: $color-grey-900;\n}\n\n.header--links {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  text-align: center;\n  min-width: 40rem;\n  cursor: pointer;\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/header/NavBarLinks.vue?vue&type=style&index=0&id=69f95df2&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.nav-bar__link-list-container{display:block}.nav-bar__link-list{display:flex;position:relative;justify-content:flex-start;align-items:center;padding:.25rem;margin-left:1.7rem;margin-top:.875rem;width:100%;height:100%}.nav-bar__list-item{display:block;margin:0 1.5rem .25rem .5rem;position:relative;font-weight:500;color:#fff}.nav-bar__list-item:before{height:0;width:0}.nav-bar__list-item:not(:last-child):after{background-color:#7dbf9d;content:"";display:block;height:1.25rem;text-decoration:none;word-break:break-word;position:absolute;top:50%;right:-1rem;transform:translateY(-50%);width:.063rem}.nav-bar__link{display:block;color:#fff;text-decoration:none;font-size:1.125rem;font-weight:500}.nav-bar__link:hover{color:#7dbf9d}',"",{version:3,sources:["webpack://./src/vue/components/header/NavBarLinks.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAGA,8BACE,aAAA,CAEF,oBACE,YAAA,CACA,iBAAA,CACA,0BAAA,CACA,kBAAA,CACA,cAAA,CACA,kBAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CAGF,oBACE,aAAA,CACA,4BAAA,CACA,iBAAA,CACA,eAAA,CACA,UCXY,CDYZ,2BACE,QAAA,CACA,OAAA,CAEF,2CACE,wBAAA,CACA,UAAA,CACA,aAAA,CACA,cAAA,CACA,oBAAA,CACA,qBAAA,CACA,iBAAA,CACA,OAAA,CACA,WAAA,CACA,0BAAA,CACA,aAAA,CAIJ,eACE,aAAA,CACA,UCjCY,CDkCZ,oBAAA,CACA,kBAAA,CACA,eAAA,CACA,qBACE,aAAA",sourcesContent:["\n@import '../../design/colors.scss';\n\n.nav-bar__link-list-container {\n  display: block;\n}\n.nav-bar__link-list {\n  display: flex;\n  position: relative;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 0.25rem;\n  margin-left: 1.7rem;\n  margin-top: 0.875rem;\n  width: 100%;\n  height: 100%;\n}\n\n.nav-bar__list-item {\n  display: block;\n  margin: 0 1.5rem 0.25rem 0.5rem;\n  position: relative;\n  font-weight: 500;\n  color: $color-white;\n  &:before {\n    height: 0;\n    width: 0;\n  }\n  &:not(:last-child):after {\n    background-color: map-get($color-palette-green, background, 400);\n    content: '';\n    display: block;\n    height: 1.25rem;\n    text-decoration: none;\n    word-break: break-word;\n    position: absolute;\n    top: 50%;\n    right: -1rem;\n    transform: translateY(-50%);\n    width: 0.063rem;\n  }\n}\n\n.nav-bar__link {\n  display: block;\n  color: $color-white;\n  text-decoration: none;\n  font-size: 1.125rem;\n  font-weight: 500;\n  &:hover {\n    color: map-get($color-palette-green, background, 400);\n  }\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/header/PageHeader.vue?vue&type=style&index=0&id=a98d44ca&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.header__content{display:flex;align-items:center;justify-content:space-between;flex-grow:1;font-family:"Montserrat","Helvetica Neue","sans-serif";padding:1.25rem .725rem;width:100%}.header-brand{height:1.813rem;flex-grow:0;font-family:"montserrat";font-size:1.5rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#1a1a1a}.header__link-list{display:flex;position:relative;justify-content:flex-start;align-items:center;margin-left:1.7rem;margin-top:.875rem}.header__list-item{display:block;margin:.25rem 1.5rem .25rem 0;position:relative;font-weight:500}.header__list-item:before{height:0;width:0}.header__list-item:not(:last-child):after{background-color:#eaeaea;content:"";display:block;height:1.25rem;text-decoration:none;word-break:break-word;position:absolute;top:50%;right:-0.875rem;transform:translateY(-50%);width:.125rem}.header__link{display:block;font-size:1.125rem;color:#303030;text-decoration:none;border-bottom:.125rem solid #fff}.header__link:hover{color:#00468e;border-bottom:.125rem solid #00468e}.header__link::after{display:block;content:"";position:absolute;right:.75rem;top:.5rem;width:.125rem}',"",{version:3,sources:["webpack://./src/vue/components/header/PageHeader.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAEA,iBACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,WAAA,CACA,sDAAA,CACA,uBAAA,CACA,UAAA,CAEF,cACE,eAAA,CACA,WAAA,CACA,wBAAA,CACA,gBAAA,CACA,eAAA,CACA,mBAAA,CACA,iBAAA,CACA,kBAAA,CACA,qBAAA,CACA,eAAA,CACA,aCXY,CDcd,mBACE,YAAA,CACA,iBAAA,CACA,0BAAA,CACA,kBAAA,CACA,kBAAA,CACA,kBAAA,CAGF,mBACE,aAAA,CACA,6BAAA,CACA,iBAAA,CACA,eAAA,CACA,0BACE,QAAA,CACA,OAAA,CAEF,0CACE,wBCzCa,CD0Cb,UAAA,CACA,aAAA,CACA,cAAA,CACA,oBAAA,CACA,qBAAA,CACA,iBAAA,CACA,OAAA,CACA,eAAA,CACA,0BAAA,CACA,aAAA,CAIJ,cACE,aAAA,CACA,kBAAA,CACA,aCpDe,CDqDf,oBAAA,CACA,gCAAA,CACA,oBACE,aAAA,CACA,mCAAA,CAEF,qBACE,aAAA,CACA,UAAA,CACA,iBAAA,CACA,YAAA,CACA,SAAA,CACA,aAAA",sourcesContent:["\n@import '../../design/colors.scss';\n.header__content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-grow: 1;\n  font-family: 'Montserrat', 'Helvetica Neue', 'sans-serif';\n  padding: 1.25rem 0.725rem;\n  width: 100%;\n}\n.header-brand {\n  height: 1.813rem;\n  flex-grow: 0;\n  font-family: 'montserrat';\n  font-size: 1.5rem;\n  font-weight: 500;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  text-align: left;\n  color: $color-black;\n}\n\n.header__link-list {\n  display: flex;\n  position: relative;\n  justify-content: flex-start;\n  align-items: center;\n  margin-left: 1.7rem;\n  margin-top: 0.875rem;\n}\n\n.header__list-item {\n  display: block;\n  margin: 0.25rem 1.5rem 0.25rem 0;\n  position: relative;\n  font-weight: 500;\n  &:before {\n    height: 0;\n    width: 0;\n  }\n  &:not(:last-child):after {\n    background-color: $color-grey-300;\n    content: '';\n    display: block;\n    height: 1.25rem;\n    text-decoration: none;\n    word-break: break-word;\n    position: absolute;\n    top: 50%;\n    right: -0.875rem;\n    transform: translateY(-50%);\n    width: 0.125rem;\n  }\n}\n\n.header__link {\n  display: block;\n  font-size: 1.125rem;\n  color: $color-grey-900;\n  text-decoration: none;\n  border-bottom: 0.125rem solid $color-white;\n  &:hover {\n    color: #00468e;\n    border-bottom: 0.125rem solid #00468e;\n  }\n  &::after {\n    display: block;\n    content: '';\n    position: absolute;\n    right: 0.75rem;\n    top: 0.5rem;\n    width: 0.125rem;\n  }\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":module=>{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64),sourceMapping="/*# ".concat(data," */");return[content].concat([sourceMapping]).join("\n")}return[content].join("\n")}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=>{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i<stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier,updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);api.update(obj);return function updater(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap&&newObj.supports===obj.supports&&newObj.layer===obj.layer)return;api.update(obj=newObj)}else api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list||[],options=options||{});return function update(newList){newList=newList||[];for(var i=0;i<lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i<lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&&(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"./node_modules/style-loader/dist/runtime/insertBySelector.js":module=>{var memo={};module.exports=function insertBySelector(insert,style){var target=function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}(insert);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}},"./node_modules/style-loader/dist/runtime/insertStyleElement.js":module=>{module.exports=function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}},"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&&styleElement.setAttribute("nonce",nonce)}},"./node_modules/style-loader/dist/runtime/styleDomAPI.js":module=>{module.exports=function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){!function apply(styleElement,options,obj){var css="";obj.supports&&(css+="@supports (".concat(obj.supports,") {")),obj.media&&(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&&(css+="@layer".concat(obj.layer.length>0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&&(css+="}"),obj.media&&(css+="}"),obj.supports&&(css+="}");var sourceMap=obj.sourceMap;sourceMap&&"undefined"!=typeof btoa&&(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}(styleElement,options,obj)},remove:function remove(){!function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}(styleElement)}}}},"./node_modules/style-loader/dist/runtime/styleTagTransform.js":module=>{module.exports=function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}}}]);
\ No newline at end of file
diff --git a/stories-Navbar-stories.f54ac229.iframe.bundle.js b/stories-Navbar-stories.f54ac229.iframe.bundle.js
deleted file mode 100644
index 03f360b8..00000000
--- a/stories-Navbar-stories.f54ac229.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[189],{"./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js":(__unused_webpack_module,exports)=>{exports.Z=(sfc,props)=>{const target=sfc.__vccOpts||sfc;for(const[key,val]of props)target[key]=val;return target}},"./src/vue/stories/Navbar.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Nav:()=>Nav,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Navbar_stories});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_hoisted_1={class:"header__content"},_hoisted_2=(0,vue_esm_bundler._)("div",{class:"header-brand"},"Kompetanseportalen",-1),_hoisted_3={class:"header__link-list"},_hoisted_4=(0,vue_esm_bundler._)("li",{class:"header__list-item"},[(0,vue_esm_bundler._)("span",null,[(0,vue_esm_bundler._)("a",{class:"header__link",href:"url"},"Ofte stilte spørsmål")])],-1),_hoisted_5={class:"header__list-item"},_hoisted_6={key:0};const PageHeadervue_type_script_setup_true_lang_js={__name:"PageHeader",props:["logged_in"],setup:function setup(__props){var loginLink=window.location.origin+"/login/canvas";return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("header",_hoisted_1,[_hoisted_2,(0,vue_esm_bundler._)("ul",_hoisted_3,[_hoisted_4,(0,vue_esm_bundler._)("li",_hoisted_5,[__props.logged_in?(0,vue_esm_bundler.kq)("",!0):((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("span",_hoisted_6,[(0,vue_esm_bundler._)("a",{class:"header__link",href:loginLink},"Login")]))])])])}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),PageHeadervue_type_style_index_0_id_67ba3581_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/header/PageHeader.vue?vue&type=style&index=0&id=67ba3581&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(PageHeadervue_type_style_index_0_id_67ba3581_lang_scss.Z,options);PageHeadervue_type_style_index_0_id_67ba3581_lang_scss.Z&&PageHeadervue_type_style_index_0_id_67ba3581_lang_scss.Z.locals&&PageHeadervue_type_style_index_0_id_67ba3581_lang_scss.Z.locals;const PageHeader=PageHeadervue_type_script_setup_true_lang_js;PageHeadervue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"PageHeader",description:"",tags:{},props:[{name:"logged_in",type:{name:"undefined"}}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/header/PageHeader.vue"]};var NavBarLinksvue_type_template_id_1256b9dd_hoisted_1={class:"nav-bar__link-list-container"},NavBarLinksvue_type_template_id_1256b9dd_hoisted_3=[(0,vue_esm_bundler._)("ul",{class:"nav-bar__link-list"},null,-1)];var NavBarLinksvue_type_style_index_0_id_1256b9dd_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/header/NavBarLinks.vue?vue&type=style&index=0&id=1256b9dd&lang=scss"),NavBarLinksvue_type_style_index_0_id_1256b9dd_lang_scss_options={};NavBarLinksvue_type_style_index_0_id_1256b9dd_lang_scss_options.styleTagTransform=styleTagTransform_default(),NavBarLinksvue_type_style_index_0_id_1256b9dd_lang_scss_options.setAttributes=setAttributesWithoutAttributes_default(),NavBarLinksvue_type_style_index_0_id_1256b9dd_lang_scss_options.insert=insertBySelector_default().bind(null,"head"),NavBarLinksvue_type_style_index_0_id_1256b9dd_lang_scss_options.domAPI=styleDomAPI_default(),NavBarLinksvue_type_style_index_0_id_1256b9dd_lang_scss_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(NavBarLinksvue_type_style_index_0_id_1256b9dd_lang_scss.Z,NavBarLinksvue_type_style_index_0_id_1256b9dd_lang_scss_options);NavBarLinksvue_type_style_index_0_id_1256b9dd_lang_scss.Z&&NavBarLinksvue_type_style_index_0_id_1256b9dd_lang_scss.Z.locals&&NavBarLinksvue_type_style_index_0_id_1256b9dd_lang_scss.Z.locals;const script={},NavBarLinks_exports_=(0,__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js").Z)(script,[["render",function render(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",NavBarLinksvue_type_template_id_1256b9dd_hoisted_1,NavBarLinksvue_type_template_id_1256b9dd_hoisted_3)}]]),NavBarLinks=NavBarLinks_exports_;NavBarLinks_exports_.__docgenInfo={displayName:"NavBarLinks",description:"",tags:{},sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/header/NavBarLinks.vue"]};var NavBarvue_type_script_setup_true_lang_js_hoisted_1={class:"header--nav-container"},NavBarvue_type_script_setup_true_lang_js_hoisted_2={class:"page--nav-bar"};const NavBarvue_type_script_setup_true_lang_js={__name:"NavBar",props:["logged_in"],setup:function setup(__props){return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",NavBarvue_type_script_setup_true_lang_js_hoisted_1,[(0,vue_esm_bundler.Wm)(PageHeader,{logged_in:_ctx.$props.logged_in},null,8,["logged_in"]),(0,vue_esm_bundler._)("nav",NavBarvue_type_script_setup_true_lang_js_hoisted_2,[(0,vue_esm_bundler.Wm)(NavBarLinks)])])}}};var NavBarvue_type_style_index_0_id_5f51754f_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/header/NavBar.vue?vue&type=style&index=0&id=5f51754f&lang=scss"),NavBarvue_type_style_index_0_id_5f51754f_lang_scss_options={};NavBarvue_type_style_index_0_id_5f51754f_lang_scss_options.styleTagTransform=styleTagTransform_default(),NavBarvue_type_style_index_0_id_5f51754f_lang_scss_options.setAttributes=setAttributesWithoutAttributes_default(),NavBarvue_type_style_index_0_id_5f51754f_lang_scss_options.insert=insertBySelector_default().bind(null,"head"),NavBarvue_type_style_index_0_id_5f51754f_lang_scss_options.domAPI=styleDomAPI_default(),NavBarvue_type_style_index_0_id_5f51754f_lang_scss_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(NavBarvue_type_style_index_0_id_5f51754f_lang_scss.Z,NavBarvue_type_style_index_0_id_5f51754f_lang_scss_options);NavBarvue_type_style_index_0_id_5f51754f_lang_scss.Z&&NavBarvue_type_style_index_0_id_5f51754f_lang_scss.Z.locals&&NavBarvue_type_style_index_0_id_5f51754f_lang_scss.Z.locals;const NavBar=NavBarvue_type_script_setup_true_lang_js;var _Nav$parameters,_Nav$parameters2;function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){_defineProperty(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}NavBarvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"NavBar",description:"",tags:{},props:[{name:"logged_in",type:{name:"undefined"}}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/header/NavBar.vue"]};const Navbar_stories={component:NavBar};var Nav={render:function render(args){return{components:{NavBar},setup:function setup(){return{args}},template:"<NavBar/>"}},tags:["autodocs"]};Nav.parameters=_objectSpread(_objectSpread({},Nav.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Nav$parameters=Nav.parameters)||void 0===_Nav$parameters?void 0:_Nav$parameters.docs),{},{source:_objectSpread({originalSource:'{\n  render: args => ({\n    components: {\n      NavBar\n    },\n    setup() {\n      return {\n        args\n      };\n    },\n    template: "<NavBar/>"\n  }),\n  tags: ["autodocs"]\n}'},null===(_Nav$parameters2=Nav.parameters)||void 0===_Nav$parameters2||null===(_Nav$parameters2=_Nav$parameters2.docs)||void 0===_Nav$parameters2?void 0:_Nav$parameters2.source)})});var __namedExportsOrder=["Nav"]},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/header/NavBar.vue?vue&type=style&index=0&id=5f51754f&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".header--nav-container{width:100%;flex-grow:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0}.page--nav-bar{width:100%;height:4rem;display:flex;justify-content:center;align-items:center;padding:.75rem 26.75rem;background-color:#303030}.header--links{display:flex;flex-direction:row;justify-content:flex-start;text-align:center;min-width:40rem;cursor:pointer}","",{version:3,sources:["webpack://./src/vue/components/header/NavBar.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAEA,uBACE,UAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,0BAAA,CACA,sBAAA,CACA,SAAA,CAGF,eACE,UAAA,CACA,WAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,uBAAA,CACA,wBCVe,CDajB,eACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA",sourcesContent:["\n@import '../../design/colors.scss';\n.header--nav-container {\n  width: 100%;\n  flex-grow: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding: 0;\n}\n\n.page--nav-bar {\n  width: 100%;\n  height: 4rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0.75rem 26.75rem;\n  background-color: $color-grey-900;\n}\n\n.header--links {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  text-align: center;\n  min-width: 40rem;\n  cursor: pointer;\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/header/NavBarLinks.vue?vue&type=style&index=0&id=1256b9dd&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.nav-bar__link-list-container{display:block}.nav-bar__link-list{display:flex;position:relative;justify-content:flex-start;align-items:center;padding:.25rem;margin-left:1.7rem;margin-top:.875rem;width:100%;height:100%}.nav-bar__list-item{display:block;margin:0 1.5rem .25rem .5rem;position:relative;font-weight:500;color:#fff}.nav-bar__list-item:before{height:0;width:0}.nav-bar__list-item:not(:last-child):after{background-color:#7dbf9d;content:"";display:block;height:1.25rem;text-decoration:none;word-break:break-word;position:absolute;top:50%;right:-1rem;transform:translateY(-50%);width:.063rem}.nav-bar__link{display:block;color:#fff;text-decoration:none;font-size:1.125rem;font-weight:500}.nav-bar__link:hover{color:#7dbf9d}',"",{version:3,sources:["webpack://./src/vue/components/header/NavBarLinks.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAGA,8BACE,aAAA,CAEF,oBACE,YAAA,CACA,iBAAA,CACA,0BAAA,CACA,kBAAA,CACA,cAAA,CACA,kBAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CAGF,oBACE,aAAA,CACA,4BAAA,CACA,iBAAA,CACA,eAAA,CACA,UCXY,CDYZ,2BACE,QAAA,CACA,OAAA,CAEF,2CACE,wBAAA,CACA,UAAA,CACA,aAAA,CACA,cAAA,CACA,oBAAA,CACA,qBAAA,CACA,iBAAA,CACA,OAAA,CACA,WAAA,CACA,0BAAA,CACA,aAAA,CAIJ,eACE,aAAA,CACA,UCjCY,CDkCZ,oBAAA,CACA,kBAAA,CACA,eAAA,CACA,qBACE,aAAA",sourcesContent:["\n@import '../../design/colors.scss';\n\n.nav-bar__link-list-container {\n  display: block;\n}\n.nav-bar__link-list {\n  display: flex;\n  position: relative;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 0.25rem;\n  margin-left: 1.7rem;\n  margin-top: 0.875rem;\n  width: 100%;\n  height: 100%;\n}\n\n.nav-bar__list-item {\n  display: block;\n  margin: 0 1.5rem 0.25rem 0.5rem;\n  position: relative;\n  font-weight: 500;\n  color: $color-white;\n  &:before {\n    height: 0;\n    width: 0;\n  }\n  &:not(:last-child):after {\n    background-color: map-get($color-palette-green, background, 400);\n    content: '';\n    display: block;\n    height: 1.25rem;\n    text-decoration: none;\n    word-break: break-word;\n    position: absolute;\n    top: 50%;\n    right: -1rem;\n    transform: translateY(-50%);\n    width: 0.063rem;\n  }\n}\n\n.nav-bar__link {\n  display: block;\n  color: $color-white;\n  text-decoration: none;\n  font-size: 1.125rem;\n  font-weight: 500;\n  &:hover {\n    color: map-get($color-palette-green, background, 400);\n  }\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/header/PageHeader.vue?vue&type=style&index=0&id=67ba3581&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.header__content{display:flex;align-items:center;justify-content:space-between;flex-grow:1;font-family:"Montserrat","Helvetica Neue","sans-serif";padding:1.25rem .725rem;width:100%}.header-brand{height:1.813rem;flex-grow:0;font-family:"montserrat";font-size:1.5rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#1a1a1a}.header__link-list{display:flex;position:relative;justify-content:flex-start;align-items:center;margin-left:1.7rem;margin-top:.875rem}.header__list-item{display:block;margin:.25rem 1.5rem .25rem 0;position:relative;font-weight:500}.header__list-item:before{height:0;width:0}.header__list-item:not(:last-child):after{background-color:#eaeaea;content:"";display:block;height:1.25rem;text-decoration:none;word-break:break-word;position:absolute;top:50%;right:-0.875rem;transform:translateY(-50%);width:.125rem}.header__link{display:block;font-size:1.125rem;color:#303030;text-decoration:none;border-bottom:.125rem solid #fff}.header__link:hover{color:#00468e;border-bottom:.125rem solid #00468e}.header__link::after{display:block;content:"";position:absolute;right:.75rem;top:.5rem;width:.125rem}',"",{version:3,sources:["webpack://./src/vue/components/header/PageHeader.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAEA,iBACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,WAAA,CACA,sDAAA,CACA,uBAAA,CACA,UAAA,CAEF,cACE,eAAA,CACA,WAAA,CACA,wBAAA,CACA,gBAAA,CACA,eAAA,CACA,mBAAA,CACA,iBAAA,CACA,kBAAA,CACA,qBAAA,CACA,eAAA,CACA,aCXY,CDcd,mBACE,YAAA,CACA,iBAAA,CACA,0BAAA,CACA,kBAAA,CACA,kBAAA,CACA,kBAAA,CAGF,mBACE,aAAA,CACA,6BAAA,CACA,iBAAA,CACA,eAAA,CACA,0BACE,QAAA,CACA,OAAA,CAEF,0CACE,wBCzCa,CD0Cb,UAAA,CACA,aAAA,CACA,cAAA,CACA,oBAAA,CACA,qBAAA,CACA,iBAAA,CACA,OAAA,CACA,eAAA,CACA,0BAAA,CACA,aAAA,CAIJ,cACE,aAAA,CACA,kBAAA,CACA,aCpDe,CDqDf,oBAAA,CACA,gCAAA,CACA,oBACE,aAAA,CACA,mCAAA,CAEF,qBACE,aAAA,CACA,UAAA,CACA,iBAAA,CACA,YAAA,CACA,SAAA,CACA,aAAA",sourcesContent:["\n@import '../../design/colors.scss';\n.header__content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-grow: 1;\n  font-family: 'Montserrat', 'Helvetica Neue', 'sans-serif';\n  padding: 1.25rem 0.725rem;\n  width: 100%;\n}\n.header-brand {\n  height: 1.813rem;\n  flex-grow: 0;\n  font-family: 'montserrat';\n  font-size: 1.5rem;\n  font-weight: 500;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  text-align: left;\n  color: $color-black;\n}\n\n.header__link-list {\n  display: flex;\n  position: relative;\n  justify-content: flex-start;\n  align-items: center;\n  margin-left: 1.7rem;\n  margin-top: 0.875rem;\n}\n\n.header__list-item {\n  display: block;\n  margin: 0.25rem 1.5rem 0.25rem 0;\n  position: relative;\n  font-weight: 500;\n  &:before {\n    height: 0;\n    width: 0;\n  }\n  &:not(:last-child):after {\n    background-color: $color-grey-300;\n    content: '';\n    display: block;\n    height: 1.25rem;\n    text-decoration: none;\n    word-break: break-word;\n    position: absolute;\n    top: 50%;\n    right: -0.875rem;\n    transform: translateY(-50%);\n    width: 0.125rem;\n  }\n}\n\n.header__link {\n  display: block;\n  font-size: 1.125rem;\n  color: $color-grey-900;\n  text-decoration: none;\n  border-bottom: 0.125rem solid $color-white;\n  &:hover {\n    color: #00468e;\n    border-bottom: 0.125rem solid #00468e;\n  }\n  &::after {\n    display: block;\n    content: '';\n    position: absolute;\n    right: 0.75rem;\n    top: 0.5rem;\n    width: 0.125rem;\n  }\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":module=>{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64),sourceMapping="/*# ".concat(data," */");return[content].concat([sourceMapping]).join("\n")}return[content].join("\n")}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=>{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i<stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier,updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);api.update(obj);return function updater(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap&&newObj.supports===obj.supports&&newObj.layer===obj.layer)return;api.update(obj=newObj)}else api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list||[],options=options||{});return function update(newList){newList=newList||[];for(var i=0;i<lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i<lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&&(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"./node_modules/style-loader/dist/runtime/insertBySelector.js":module=>{var memo={};module.exports=function insertBySelector(insert,style){var target=function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}(insert);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}},"./node_modules/style-loader/dist/runtime/insertStyleElement.js":module=>{module.exports=function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}},"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&&styleElement.setAttribute("nonce",nonce)}},"./node_modules/style-loader/dist/runtime/styleDomAPI.js":module=>{module.exports=function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){!function apply(styleElement,options,obj){var css="";obj.supports&&(css+="@supports (".concat(obj.supports,") {")),obj.media&&(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&&(css+="@layer".concat(obj.layer.length>0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&&(css+="}"),obj.media&&(css+="}"),obj.supports&&(css+="}");var sourceMap=obj.sourceMap;sourceMap&&"undefined"!=typeof btoa&&(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}(styleElement,options,obj)},remove:function remove(){!function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}(styleElement)}}}},"./node_modules/style-loader/dist/runtime/styleTagTransform.js":module=>{module.exports=function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}}}]);
\ No newline at end of file