From 349355e6d6778e4ff44ed3a0c0206204a1df08c5 Mon Sep 17 00:00:00 2001
From: madsenandreas <madsenandreas@users.noreply.github.com>
Date: Tue, 2 Jul 2024 09:45:58 +0000
Subject: [PATCH] deploy: aee8434ec915aa11ea155d149e4aa6f6fc384a1f

---
 iframe.html                                                     | 2 +-
 project.json                                                    | 2 +-
 ...4.iframe.bundle.js => runtime~main.52291728.iframe.bundle.js | 2 +-
 ....bundle.js => stories-Card-stories.21bdce9b.iframe.bundle.js | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)
 rename runtime~main.68bfdbd4.iframe.bundle.js => runtime~main.52291728.iframe.bundle.js (99%)
 rename stories-Card-stories.a768b3d2.iframe.bundle.js => stories-Card-stories.21bdce9b.iframe.bundle.js (94%)

diff --git a/iframe.html b/iframe.html
index effdeb7c..6d6ed942 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.68bfdbd4.iframe.bundle.js';
+      import './runtime~main.52291728.iframe.bundle.js';
       
       import './497.d122a699.iframe.bundle.js';
       
diff --git a/project.json b/project.json
index 535e66a2..e6375c9f 100644
--- a/project.json
+++ b/project.json
@@ -1 +1 @@
-{"generatedAt":1719825479262,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/vue3","storybookVersion":"7.6.17","storybookVersionSpecifier":"^7.6.17","language":"javascript","storybookPackages":{"@storybook/blocks":{"version":"7.5.1"},"@storybook/testing-library":{"version":"0.2.2"},"@storybook/vue3":{"version":"7.6.17"},"@storybook/vue3-webpack5":{"version":"7.5.1"},"storybook":{"version":"7.5.1"},"storybook-addon-sass-postcss":{"version":"0.1.4"}},"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":1719913542179,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/vue3","storybookVersion":"7.6.17","storybookVersionSpecifier":"^7.6.17","language":"javascript","storybookPackages":{"@storybook/blocks":{"version":"7.5.1"},"@storybook/testing-library":{"version":"0.2.2"},"@storybook/vue3":{"version":"7.6.17"},"@storybook/vue3-webpack5":{"version":"7.5.1"},"storybook":{"version":"7.5.1"},"storybook-addon-sass-postcss":{"version":"0.1.4"}},"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.68bfdbd4.iframe.bundle.js b/runtime~main.52291728.iframe.bundle.js
similarity index 99%
rename from runtime~main.68bfdbd4.iframe.bundle.js
rename to runtime~main.52291728.iframe.bundle.js
index 3ee58fd7..a87b746e 100644
--- a/runtime~main.68bfdbd4.iframe.bundle.js
+++ b/runtime~main.52291728.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",282:"components-module-progress-indicator-ModulesProgressIndicator-stories",297:"components-course-page-banner-CoursePageBanner-stories",433:"components-button-ButtonLink-stories",468:"stories-Banner-stories",513:"stories-Footer-stories",532:"components-announcements-announcements-stories",539:"components-link-Link-stories",561:"components-course-modules-CourseModules-stories",581:"components-course-modules-page-navigation-PageNavigationButtonLinks-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",973:"components-dropdown-button-DropdownButton-stories"}[chunkId]||chunkId)+"."+{16:"a768b3d2",59:"b2835618",64:"5cf13ad6",163:"459b2c20",189:"a795cd69",240:"ce996d6e",249:"01312b8e",256:"5d9d1c9d",282:"dbc802f8",296:"34c5ea5c",297:"8ef419b0",341:"3cc24887",378:"8a4ddb69",426:"0ad131cd",433:"5f82ed51",468:"d330834d",513:"bd49bae4",532:"79a01d4f",539:"1c1d1753",561:"41fcf45e",581:"8df222a1",654:"84d3de11",678:"e37c25a0",707:"355e901c",729:"2c565bec",730:"c7f9803f",741:"5dd5554f",748:"c3bb3d52",784:"85ed88b9",805:"aa481911",860:"770921f3",957:"f0058cfc",973:"cd677cd7",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",282:"components-module-progress-indicator-ModulesProgressIndicator-stories",297:"components-course-page-banner-CoursePageBanner-stories",433:"components-button-ButtonLink-stories",468:"stories-Banner-stories",513:"stories-Footer-stories",532:"components-announcements-announcements-stories",539:"components-link-Link-stories",561:"components-course-modules-CourseModules-stories",581:"components-course-modules-page-navigation-PageNavigationButtonLinks-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",973:"components-dropdown-button-DropdownButton-stories"}[chunkId]||chunkId)+"."+{16:"21bdce9b",59:"b2835618",64:"5cf13ad6",163:"459b2c20",189:"a795cd69",240:"ce996d6e",249:"01312b8e",256:"5d9d1c9d",282:"dbc802f8",296:"34c5ea5c",297:"8ef419b0",341:"3cc24887",378:"8a4ddb69",426:"0ad131cd",433:"5f82ed51",468:"d330834d",513:"bd49bae4",532:"79a01d4f",539:"1c1d1753",561:"41fcf45e",581:"8df222a1",654:"84d3de11",678:"e37c25a0",707:"355e901c",729:"2c565bec",730:"c7f9803f",741:"5dd5554f",748:"c3bb3d52",784:"85ed88b9",805:"aa481911",860:"770921f3",957:"f0058cfc",973:"cd677cd7",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-Card-stories.a768b3d2.iframe.bundle.js b/stories-Card-stories.21bdce9b.iframe.bundle.js
similarity index 94%
rename from stories-Card-stories.a768b3d2.iframe.bundle.js
rename to stories-Card-stories.21bdce9b.iframe.bundle.js
index 72e6d542..4a3eb9ae 100644
--- a/stories-Card-stories.a768b3d2.iframe.bundle.js
+++ b/stories-Card-stories.21bdce9b.iframe.bundle.js
@@ -1 +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=["aria-label"],_hoisted_2=["src"],_hoisted_3={class:"card-content-container"},_hoisted_4={class:"card-box-title"},_hoisted_5={class:(0,vue_esm_bundler.C_)({description_text:!0})},_hoisted_6={class:"card-content-tags"},_hoisted_7={class:"card-content-description"},_hoisted_8={key:0,class:"card-content-enrolled"},_hoisted_9={class:"card-content-enrolled-text"},_hoisted_10={class:"card-content-enrolled-count"},_hoisted_11={class:"card-content-enrolled-description"},_hoisted_12={class:"card-content-button-container"};var NewCourseFlagvue_type_template_id_ce27d59a_scoped_true_hoisted_1={class:"new-flag-container"},NewCourseFlagvue_type_template_id_ce27d59a_scoped_true_hoisted_3=[function _withScopeId(n){return(0,vue_esm_bundler.dD)("data-v-ce27d59a"),n=n(),(0,vue_esm_bundler.Cn)(),n}((function(){return(0,vue_esm_bundler._)("div",{class:"new-flag"},[(0,vue_esm_bundler._)("p",{class:"new-flag-text"},"Ny")],-1)}))];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),NewCourseFlagvue_type_style_index_0_id_ce27d59a_scoped_true_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/NewCourseFlag.vue?vue&type=style&index=0&id=ce27d59a&scoped=true&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()(NewCourseFlagvue_type_style_index_0_id_ce27d59a_scoped_true_lang_scss.Z,options);NewCourseFlagvue_type_style_index_0_id_ce27d59a_scoped_true_lang_scss.Z&&NewCourseFlagvue_type_style_index_0_id_ce27d59a_scoped_true_lang_scss.Z.locals&&NewCourseFlagvue_type_style_index_0_id_ce27d59a_scoped_true_lang_scss.Z.locals;var exportHelper=__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js");const script={},__exports__=(0,exportHelper.Z)(script,[["render",function NewCourseFlagvue_type_template_id_ce27d59a_scoped_true_render(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",NewCourseFlagvue_type_template_id_ce27d59a_scoped_true_hoisted_1,NewCourseFlagvue_type_template_id_ce27d59a_scoped_true_hoisted_3)}],["__scopeId","data-v-ce27d59a"]]),NewCourseFlag=__exports__;__exports__.__docgenInfo={displayName:"NewCourseFlag",description:"",tags:{},sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/NewCourseFlag.vue"]};var CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_1={class:"circular-progress-bar"},CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_2=["width","height"],CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_3=["fill","stroke"],CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_4=["stroke-dasharray","stroke-dashoffset","fill","stroke"],CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_5=["y","fill","font-size"];const CircularProgressBarvue_type_script_lang_js={name:"CircularProgressBar",props:{percentage:{type:Number,required:!0,validator:function validator(value){return value>=0&&value<=100}},size:{type:Number,default:100},progressColor:{type:String,default:"#3b7858"},backgroundColor:{type:String,default:"#eaeaf5"}},computed:{isFinished:function isFinished(){return 100==this.percentage},circleDashArray:function circleDashArray(){var circumference=2*Math.PI*15.9155;return"".concat(circumference," ").concat(circumference)},circleDashOffset:function circleDashOffset(){return 2*Math.PI*15.9155*(1-this.percentage/100)}}};var CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/CircularProgressBar.vue?vue&type=style&index=0&id=e425e136&scoped=true&lang=css"),CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options={};CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options.styleTagTransform=styleTagTransform_default(),CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options.setAttributes=setAttributesWithoutAttributes_default(),CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options.insert=insertBySelector_default().bind(null,"head"),CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options.domAPI=styleDomAPI_default(),CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css.Z,CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options);CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css.Z&&CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css.Z.locals&&CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css.Z.locals;const CircularProgressBar_exports_=(0,exportHelper.Z)(CircularProgressBarvue_type_script_lang_js,[["render",function CircularProgressBarvue_type_template_id_e425e136_scoped_true_render(_ctx,_cache,$props,$setup,$data,$options){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_1,[((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("svg",{width:$props.size,height:$props.size,viewBox:"0 0 36 36",class:"circular-chart"},[(0,vue_esm_bundler._)("path",{class:"circle-bg",d:"M18 2.0845\n                    a 15.9155 15.9155 0 0 0 0 31.831\n                    a 15.9155 15.9155 0 0 0 0 -31.831",fill:$options.isFinished?$props.progressColor:"transparent",stroke:$options.isFinished?"transparent":$props.backgroundColor},null,8,CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_3),(0,vue_esm_bundler._)("path",{class:"circle","stroke-dasharray":$options.circleDashArray,"stroke-dashoffset":$options.circleDashOffset,d:"M18 2.0845\n                    a 15.9155 15.9155 0 0 0 0 31.831\n                    a 15.9155 15.9155 0 0 0 0 -31.831",fill:$options.isFinished?$props.progressColor:"transparent",stroke:$options.isFinished?"transparent":$props.progressColor},null,8,CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_4),(0,vue_esm_bundler._)("text",{x:"18",y:$options.isFinished?25.35:21.35,class:"percentage",fill:$options.isFinished?"white":"black","font-size":$options.isFinished?"20px":"10px"},(0,vue_esm_bundler.zw)($options.isFinished?"✔":"".concat($props.percentage,"%")),9,CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_5)],8,CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_2))])}],["__scopeId","data-v-e425e136"]]),CircularProgressBar=CircularProgressBar_exports_;CircularProgressBar_exports_.__docgenInfo={displayName:"CircularProgressBar",exportName:"default",description:"",tags:{},props:[{name:"percentage",type:{name:"number"},required:!0},{name:"size",type:{name:"number"},defaultValue:{func:!1,value:"100"}},{name:"progressColor",type:{name:"string"},defaultValue:{func:!1,value:'"#3b7858"'}},{name:"backgroundColor",type:{name:"string"},defaultValue:{func:!1,value:'"#eaeaf5"'}}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/CircularProgressBar.vue"]};const Cardvue_type_script_lang_js={name:"Card",components:{NewCourseFlag,CircularProgressBar},props:{theme:String,courseIllustration:String,label:String,filters:Array,requirementsCompleted:Number,requirementsTotal:Number},data:function data(){return{server:"/frontend/",hasGoToCourse:void 0!==this.$slots.goToCourse}},computed:{allRequirementsCompleted:function allRequirementsCompleted(){return this.requirementsCompleted>=this.requirementsTotal},percentageValue:function percentageValue(){return 0==this.requirementsTotal?100:Math.floor(this.requirementsCompleted/this.requirementsTotal*100)}}};var Cardvue_type_style_index_0_id_5c7cb7c2_scoped_true_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=5c7cb7c2&scoped=true&lang=scss"),Cardvue_type_style_index_0_id_5c7cb7c2_scoped_true_lang_scss_options={};Cardvue_type_style_index_0_id_5c7cb7c2_scoped_true_lang_scss_options.styleTagTransform=styleTagTransform_default(),Cardvue_type_style_index_0_id_5c7cb7c2_scoped_true_lang_scss_options.setAttributes=setAttributesWithoutAttributes_default(),Cardvue_type_style_index_0_id_5c7cb7c2_scoped_true_lang_scss_options.insert=insertBySelector_default().bind(null,"head"),Cardvue_type_style_index_0_id_5c7cb7c2_scoped_true_lang_scss_options.domAPI=styleDomAPI_default(),Cardvue_type_style_index_0_id_5c7cb7c2_scoped_true_lang_scss_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Cardvue_type_style_index_0_id_5c7cb7c2_scoped_true_lang_scss.Z,Cardvue_type_style_index_0_id_5c7cb7c2_scoped_true_lang_scss_options);Cardvue_type_style_index_0_id_5c7cb7c2_scoped_true_lang_scss.Z&&Cardvue_type_style_index_0_id_5c7cb7c2_scoped_true_lang_scss.Z.locals&&Cardvue_type_style_index_0_id_5c7cb7c2_scoped_true_lang_scss.Z.locals;const Card_exports_=(0,exportHelper.Z)(Cardvue_type_script_lang_js,[["render",function render(_ctx,_cache,$props,$setup,$data,$options){var _component_CircularProgressBar=(0,vue_esm_bundler.up)("CircularProgressBar");return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("article",{tabIndex:"0","aria-label":$props.label,class:"card-box"},[(0,vue_esm_bundler._)("div",{class:(0,vue_esm_bundler.C_)(["card-illustration-box",$props.theme])},[(0,vue_esm_bundler.WI)(_ctx.$slots,"new-flag",{},void 0,!0),(0,vue_esm_bundler._)("img",{class:"card-illustration-box-image",src:$props.courseIllustration,alt:""},null,8,_hoisted_2),(0,vue_esm_bundler.WI)(_ctx.$slots,"closeModalButton",{},void 0,!0)],2),(0,vue_esm_bundler._)("div",_hoisted_3,[(0,vue_esm_bundler._)("header",_hoisted_4,[(0,vue_esm_bundler._)("h2",null,[(0,vue_esm_bundler.WI)(_ctx.$slots,"title",{},void 0,!0)]),(0,vue_esm_bundler._)("p",_hoisted_5,[(0,vue_esm_bundler.WI)(_ctx.$slots,"description",{},void 0,!0),(0,vue_esm_bundler.WI)(_ctx.$slots,"moduleList",{},void 0,!0)]),(0,vue_esm_bundler._)("ul",_hoisted_6,[((0,vue_esm_bundler.wg)(!0),(0,vue_esm_bundler.iD)(vue_esm_bundler.HY,null,(0,vue_esm_bundler.Ko)($props.filters,(function(filterItem){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("li",{key:filterItem.filter_id},(0,vue_esm_bundler.zw)(filterItem.filter.filter_name),1)})),128))])]),(0,vue_esm_bundler._)("section",_hoisted_7,[$data.hasGoToCourse?((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_8,[(0,vue_esm_bundler.Wm)(_component_CircularProgressBar,{percentage:$options.percentageValue,size:50},null,8,["percentage"]),(0,vue_esm_bundler._)("div",_hoisted_9,[(0,vue_esm_bundler._)("p",_hoisted_10,(0,vue_esm_bundler.zw)($props.requirementsCompleted)+" av "+(0,vue_esm_bundler.zw)($props.requirementsTotal)+" fullført",1),(0,vue_esm_bundler._)("p",_hoisted_11,(0,vue_esm_bundler.zw)($options.allRequirementsCompleted?"Du har fullført kompetansepakken!":"Fortsett for å fullføre kompetansepakken!"),1)])])):(0,vue_esm_bundler.kq)("",!0),(0,vue_esm_bundler._)("div",_hoisted_12,[(0,vue_esm_bundler.WI)(_ctx.$slots,"leftButton",{},void 0,!0),(0,vue_esm_bundler.WI)(_ctx.$slots,"rightButton",{},void 0,!0),(0,vue_esm_bundler.WI)(_ctx.$slots,"goToCourse",{},void 0,!0)])])])],8,_hoisted_1)}],["__scopeId","data-v-5c7cb7c2"]]),Card=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}Card_exports_.__docgenInfo={displayName:"Card",exportName:"default",description:"",tags:{},props:[{name:"theme",type:{name:"string"}},{name:"courseIllustration",type:{name:"string"}},{name:"label",type:{name:"string"}},{name:"filters",type:{name:"array"}},{name:"requirementsCompleted",type:{name:"number"}},{name:"requirementsTotal",type:{name:"number"}}],slots:[{name:"new-flag"},{name:"closeModalButton"},{name:"title"},{name:"description"},{name:"moduleList"},{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],label:"the title of the card"},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    label: \'the title of the card\'\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-11.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/CircularProgressBar.vue?vue&type=style&index=0&id=e425e136&scoped=true&lang=css":(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,'\n.circular-progress-bar[data-v-e425e136] {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n}\n.circular-chart[data-v-e425e136] {\n    display: block;\n    max-width: 100%;\n    max-height: 250px;\n}\n.circle-bg[data-v-e425e136] {\n    stroke-width: 3.8;\n}\n.circle[data-v-e425e136] {\n    stroke-width: 2.8;\n    stroke-linecap: round;\n    transition: stroke-dasharray 0.6s ease 0s, stroke-dashoffset 0.6s ease 0s;\n}\n.percentage[data-v-e425e136] {\n    font-family: "Roboto";\n    font-weight: 400;\n    text-anchor: middle;\n}\n',"",{version:3,sources:["webpack://./src/vue/components/CircularProgressBar.vue"],names:[],mappings:";AA0EA;IACI,aAAa;IACb,uBAAuB;IACvB,mBAAmB;IACnB,cAAc;AAClB;AAEA;IACI,cAAc;IACd,eAAe;IACf,iBAAiB;AACrB;AAEA;IACI,iBAAiB;AACrB;AAEA;IACI,iBAAiB;IACjB,qBAAqB;IACrB,yEAAyE;AAC7E;AAEA;IACI,qBAAqB;IACrB,gBAAgB;IAChB,mBAAmB;AACvB",sourcesContent:['<template>\n    <div class="circular-progress-bar">\n        <svg :width="size" :height="size" viewBox="0 0 36 36" class="circular-chart">\n            <path\n                class="circle-bg"\n                d="M18 2.0845\n                    a 15.9155 15.9155 0 0 0 0 31.831\n                    a 15.9155 15.9155 0 0 0 0 -31.831"\n                :fill="isFinished ? progressColor : \'transparent\'"\n                :stroke="isFinished ? \'transparent\' : backgroundColor"\n            />\n\n            <path\n                class="circle"\n                :stroke-dasharray="circleDashArray"\n                :stroke-dashoffset="circleDashOffset" d="M18 2.0845\n                    a 15.9155 15.9155 0 0 0 0 31.831\n                    a 15.9155 15.9155 0 0 0 0 -31.831"\n                :fill="isFinished ? progressColor : \'transparent\'"\n                :stroke="isFinished ? \'transparent\' : progressColor"\n            />\n\n            \x3c!-- Percentage text --\x3e\n            <text x="18" :y="isFinished ? 25.35 : 21.35" class="percentage" :fill="isFinished ? \'white\' : \'black\'" :font-size="isFinished ? \'20px\' : \'10px\'">\n                {{ isFinished ? "✔" : `${percentage}%` }}\n            </text>\n        </svg>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: "CircularProgressBar",\n    props: {\n        percentage: {\n            type: Number,\n            required: true,\n            validator(value) {\n                return value >= 0 && value <= 100;\n            },\n        },\n        size: {\n            type: Number,\n            default: 100,\n        },\n        progressColor: {\n            type: String,\n            default: "#3b7858",\n        },\n        backgroundColor: {\n            type: String,\n            default: "#eaeaf5",\n        }\n    },\n    computed: {\n        isFinished() {\n            return this.percentage == 100;\n        },\n        circleDashArray() {\n            const radius = 15.9155;\n            const circumference = 2 * Math.PI * radius;\n            return `${circumference} ${circumference}`;\n        },\n        circleDashOffset() {\n            const radius = 15.9155;\n            const circumference = 2 * Math.PI * radius;\n            const progress = this.percentage / 100;\n            return circumference * (1 - progress);\n        },\n    },\n};\n<\/script>\n\n<style scoped>\n.circular-progress-bar {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n}\n\n.circular-chart {\n    display: block;\n    max-width: 100%;\n    max-height: 250px;\n}\n\n.circle-bg {\n    stroke-width: 3.8;\n}\n\n.circle {\n    stroke-width: 2.8;\n    stroke-linecap: round;\n    transition: stroke-dasharray 0.6s ease 0s, stroke-dashoffset 0.6s ease 0s;\n}\n\n.percentage {\n    font-family: "Roboto";\n    font-weight: 400;\n    text-anchor: middle;\n}\n</style>\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=5c7cb7c2&scoped=true&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-box[data-v-5c7cb7c2]{position:relative;width:24rem;display:flex;flex-direction:column;justify-content:space-evenly;border-radius:.5rem;box-shadow:0 .25rem .25rem 0 rgba(0,0,0,.25);background-color:#fff;height:100%}.card-box .card-illustration-box[data-v-5c7cb7c2]{position:relative;width:100%;height:10rem;border-radius:.5rem .5rem 0 0}.card-box .theme_0[data-v-5c7cb7c2]{background:#e3f2eb}.card-box .theme_1[data-v-5c7cb7c2]{background:#ef9a9a}.card-box .theme_2[data-v-5c7cb7c2]{background:#eaeaf5}.card-box .theme_3[data-v-5c7cb7c2]{background:#c7c9e3}.card-box .theme_4[data-v-5c7cb7c2]{background:#f5f7f9}.card-box .theme_5[data-v-5c7cb7c2]{background:#a0b1bf}.card-box .theme_6[data-v-5c7cb7c2]{background:#ffebee}.card-box .theme_7[data-v-5c7cb7c2]{background:#ffcdd2}.card-box .theme_8[data-v-5c7cb7c2]{background:#ffcc80}.card-box .theme_9[data-v-5c7cb7c2]{background:#fff3e0}.card-box .card-illustration-box-image[data-v-5c7cb7c2]{width:100%;height:100%;object-position:right bottom}.card-box .card-content-container[data-v-5c7cb7c2]{box-sizing:border-box;flex-grow:2;padding:.5rem 1.5rem .5rem 1.5rem;font-family:Roboto;font-weight:400;display:flex;flex-direction:column;justify-content:space-between}.card-box .card-content-description[data-v-5c7cb7c2]{display:flex;flex-direction:column;justify-content:flex-start}.card-box .card-content-tags[data-v-5c7cb7c2]{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;list-style-type:none;padding:0px;margin:0px;margin-top:10px}.card-box .card-content-tags li[data-v-5c7cb7c2]{background:#eaeaf5;padding:4px 15px;margin:0px;margin-right:8px;margin-bottom:8px;border-radius:20px;font-size:14px;font-weight:400;line-height:21px}.card-box .card-content-button-container[data-v-5c7cb7c2]{display:flex;justify-content:space-between;margin-top:1.5rem;margin-bottom:1rem;gap:.5rem}.card-box .card-box-title[data-v-5c7cb7c2]{margin-bottom:20px}.card-box .card-box-title h2[data-v-5c7cb7c2],.card-box .card-box-title h3[data-v-5c7cb7c2]{font-size:1.125rem;font-family:"Roboto";font-weight:600;line-height:1.5rem;margin:0}.card-box .card-content-enrolled[data-v-5c7cb7c2]{display:flex;flex-direction:row;align-items:center;gap:.25rem;min-height:2rem;width:100%;margin-top:20px}.card-box .card-content-enrolled-text[data-v-5c7cb7c2]{margin-left:10px}.card-box .card-content-enrolled-text p[data-v-5c7cb7c2]{margin:0;font-size:.875rem;font-family:"Roboto";font-weight:400;color:#000 !important;line-height:1.4}.card-box p.card-content-enrolled-count[data-v-5c7cb7c2]{font-weight:500;margin-bottom:2px}.card-box .description_text[data-v-5c7cb7c2]{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}@media(max-width: 30rem){.card-content-enrolled-text[data-v-5c7cb7c2]{margin-left:5px !important}}',"",{version:3,sources:["webpack://./src/vue/components/Card.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAGA,2BACE,iBAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,4BAAA,CACA,mBAAA,CACA,4CAAA,CACA,qBCCY,CAAA,WAAA,CDEZ,kDACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,6BAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,wDACE,UAAA,CACA,WAAA,CACA,4BAAA,CAGF,mDACE,qBAAA,CACA,WAAA,CACA,iCAAA,CACA,kBAAA,CACA,eAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CAGF,qDACE,YAAA,CACA,qBAAA,CACA,0BAAA,CAGF,8CACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,cAAA,CACA,oBAAA,CACA,WAAA,CACA,UAAA,CACA,eAAA,CAGF,iDACE,kBAAA,CACA,gBAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,kBAAA,CACA,cAAA,CACA,eAAA,CACA,gBAAA,CAGF,0DACE,YAAA,CACA,6BAAA,CACA,iBAAA,CACA,kBAAA,CACA,SAAA,CAGF,2CACE,kBAAA,CAEA,4FAEE,kBAAA,CACA,oBAAA,CACA,eAAA,CACA,kBAAA,CACA,QAAA,CAIJ,kDACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,eAAA,CAGF,uDACE,gBAAA,CAGF,yDACE,QAAA,CACA,iBAAA,CACA,oBAAA,CACA,eAAA,CACA,qBAAA,CACA,eAAA,CAGF,yDACE,eAAA,CACA,iBAAA,CAGF,6CACE,eAAA,CACA,mBAAA,CACA,oBAAA,CACA,2BAAA,CACA,sBAAA,CAIJ,yBACE,6CACE,0BAAA,CAAA",sourcesContent:["\n@import '../design/_card-themes.scss';\n\n.card-box {\n  position: relative;\n  width: 24rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-evenly;\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  height: 100%;\n\n  .card-illustration-box {\n    position: relative;\n    width: 100%;\n    height: 10rem;\n    border-radius: 0.5rem 0.5rem 0 0;\n  }\n\n  .theme_0 {\n    background: map-get($theme_0, background);\n  }\n\n  .theme_1 {\n    background: map-get($theme_1, background);\n  }\n\n  .theme_2 {\n    background: map-get($theme_2, background);\n  }\n\n  .theme_3 {\n    background: map-get($theme_3, background);\n  }\n\n  .theme_4 {\n    background: map-get($theme_4, background);\n  }\n\n  .theme_5 {\n    background: map-get($theme_5, background);\n  }\n\n  .theme_6 {\n    background: map-get($theme_6, background);\n  }\n\n  .theme_7 {\n    background: map-get($theme_7, background);\n  }\n\n  .theme_8 {\n    background: map-get($theme_8, background);\n  }\n\n  .theme_9 {\n    background: map-get($theme_9, background);\n  }\n\n  .card-illustration-box-image {\n    width: 100%;\n    height: 100%;\n    object-position: right bottom;\n  }\n\n  .card-content-container {\n    box-sizing: border-box;\n    flex-grow: 2;\n    padding: 0.5rem 1.5rem 0.5rem 1.5rem;\n    font-family: Roboto;\n    font-weight: 400;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .card-content-description {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n\n  .card-content-tags {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    flex-wrap: wrap;\n    list-style-type: none;\n    padding: 0px;\n    margin: 0px;\n    margin-top: 10px;\n  }\n\n  .card-content-tags li {\n    background: #eaeaf5;\n    padding: 4px 15px;\n    margin: 0px;\n    margin-right: 8px;\n    margin-bottom: 8px;\n    border-radius: 20px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 21px;\n  }\n\n  .card-content-button-container {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 1.5rem;\n    margin-bottom: 1rem;\n    gap: 0.5rem;\n  }\n\n  .card-box-title {\n    margin-bottom: 20px;\n\n    h2,\n    h3 {\n      font-size: 1.125rem;\n      font-family: 'Roboto';\n      font-weight: 600;\n      line-height: 1.5rem;\n      margin: 0;\n    }\n  }\n\n  .card-content-enrolled {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 0.25rem;\n    min-height: 2rem;\n    width: 100%;\n    margin-top: 20px;\n  }\n\n  .card-content-enrolled-text {\n    margin-left: 10px;\n  }\n\n  .card-content-enrolled-text p {\n    margin: 0;\n    font-size: 0.875rem;\n    font-family: 'Roboto';\n    font-weight: 400;\n    color: black !important;\n    line-height: 1.4;\n  }\n\n  p.card-content-enrolled-count {\n    font-weight: 500;\n    margin-bottom: 2px;\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@media (max-width: 30rem) {\n  .card-content-enrolled-text {\n    margin-left: 5px !important;\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/NewCourseFlag.vue?vue&type=style&index=0&id=ce27d59a&scoped=true&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,".new-flag-container[data-v-ce27d59a]{position:absolute;display:flex;flex-direction:row-reverse;align-items:center;width:100%;height:3rem;z-index:1;margin-top:-0.75rem;margin-left:-0.75rem}.new-flag[data-v-ce27d59a]{width:3rem;height:3rem;border-radius:3px;background:#51698f;display:flex;align-items:center;justify-content:center;z-index:1}.new-flag-text[data-v-ce27d59a]{font-size:1rem;font-weight:700;color:#fff;text-transform:uppercase;justify-content:center;display:flex;z-index:1}","",{version:3,sources:["webpack://./src/vue/components/NewCourseFlag.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAGA,qCACI,iBAAA,CACA,YAAA,CACA,0BAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CACA,SAAA,CACA,mBAAA,CACA,oBAAA,CAEJ,2BACI,UAAA,CACA,WAAA,CACA,iBAAA,CACA,kBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,SAAA,CAGJ,gCACI,cAAA,CACA,eAAA,CACA,UChBU,CDiBV,wBAAA,CACA,sBAAA,CACA,YAAA,CACA,SAAA",sourcesContent:["\n@import '../design/colors.scss';\n\n.new-flag-container {\n    position: absolute;\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n    width: 100%;\n    height: 3rem;\n    z-index: 1;\n    margin-top: -0.75rem;\n    margin-left: -0.75rem;\n}\n.new-flag {\n    width: 3rem;\n    height: 3rem;\n    border-radius: 3px;\n    background: map-get($color-palette-steel, background, 600);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1;\n}\n\n.new-flag-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: $color-white;\n    text-transform: uppercase;\n    justify-content: center;\n    display: flex;\n    z-index: 1;\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
+"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=["aria-label"],_hoisted_2=["src"],_hoisted_3={class:"card-content-container"},_hoisted_4={class:"card-box-title"},_hoisted_5={class:(0,vue_esm_bundler.C_)({description_text:!0})},_hoisted_6={class:"card-content-tags"},_hoisted_7={class:"card-content-description"},_hoisted_8={key:0,class:"card-content-enrolled"},_hoisted_9={class:"card-content-enrolled-text"},_hoisted_10={class:"card-content-enrolled-count"},_hoisted_11={class:"card-content-enrolled-description"},_hoisted_12={class:"card-content-button-container"};var NewCourseFlagvue_type_template_id_ce27d59a_scoped_true_hoisted_1={class:"new-flag-container"},NewCourseFlagvue_type_template_id_ce27d59a_scoped_true_hoisted_3=[function _withScopeId(n){return(0,vue_esm_bundler.dD)("data-v-ce27d59a"),n=n(),(0,vue_esm_bundler.Cn)(),n}((function(){return(0,vue_esm_bundler._)("div",{class:"new-flag"},[(0,vue_esm_bundler._)("p",{class:"new-flag-text"},"Ny")],-1)}))];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),NewCourseFlagvue_type_style_index_0_id_ce27d59a_scoped_true_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/NewCourseFlag.vue?vue&type=style&index=0&id=ce27d59a&scoped=true&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()(NewCourseFlagvue_type_style_index_0_id_ce27d59a_scoped_true_lang_scss.Z,options);NewCourseFlagvue_type_style_index_0_id_ce27d59a_scoped_true_lang_scss.Z&&NewCourseFlagvue_type_style_index_0_id_ce27d59a_scoped_true_lang_scss.Z.locals&&NewCourseFlagvue_type_style_index_0_id_ce27d59a_scoped_true_lang_scss.Z.locals;var exportHelper=__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js");const script={},__exports__=(0,exportHelper.Z)(script,[["render",function NewCourseFlagvue_type_template_id_ce27d59a_scoped_true_render(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",NewCourseFlagvue_type_template_id_ce27d59a_scoped_true_hoisted_1,NewCourseFlagvue_type_template_id_ce27d59a_scoped_true_hoisted_3)}],["__scopeId","data-v-ce27d59a"]]),NewCourseFlag=__exports__;__exports__.__docgenInfo={displayName:"NewCourseFlag",description:"",tags:{},sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/NewCourseFlag.vue"]};var CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_1={class:"circular-progress-bar"},CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_2=["width","height"],CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_3=["fill","stroke"],CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_4=["stroke-dasharray","stroke-dashoffset","fill","stroke"],CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_5=["y","fill","font-size"];const CircularProgressBarvue_type_script_lang_js={name:"CircularProgressBar",props:{percentage:{type:Number,required:!0,validator:function validator(value){return value>=0&&value<=100}},size:{type:Number,default:100},progressColor:{type:String,default:"#3b7858"},backgroundColor:{type:String,default:"#eaeaf5"}},computed:{isFinished:function isFinished(){return 100==this.percentage},circleDashArray:function circleDashArray(){var circumference=2*Math.PI*15.9155;return"".concat(circumference," ").concat(circumference)},circleDashOffset:function circleDashOffset(){return 2*Math.PI*15.9155*(1-this.percentage/100)}}};var CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/CircularProgressBar.vue?vue&type=style&index=0&id=e425e136&scoped=true&lang=css"),CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options={};CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options.styleTagTransform=styleTagTransform_default(),CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options.setAttributes=setAttributesWithoutAttributes_default(),CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options.insert=insertBySelector_default().bind(null,"head"),CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options.domAPI=styleDomAPI_default(),CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css.Z,CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css_options);CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css.Z&&CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css.Z.locals&&CircularProgressBarvue_type_style_index_0_id_e425e136_scoped_true_lang_css.Z.locals;const CircularProgressBar_exports_=(0,exportHelper.Z)(CircularProgressBarvue_type_script_lang_js,[["render",function CircularProgressBarvue_type_template_id_e425e136_scoped_true_render(_ctx,_cache,$props,$setup,$data,$options){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_1,[((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("svg",{width:$props.size,height:$props.size,viewBox:"0 0 36 36",class:"circular-chart"},[(0,vue_esm_bundler._)("path",{class:"circle-bg",d:"M18 2.0845\n                    a 15.9155 15.9155 0 0 0 0 31.831\n                    a 15.9155 15.9155 0 0 0 0 -31.831",fill:$options.isFinished?$props.progressColor:"transparent",stroke:$options.isFinished?"transparent":$props.backgroundColor},null,8,CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_3),(0,vue_esm_bundler._)("path",{class:"circle","stroke-dasharray":$options.circleDashArray,"stroke-dashoffset":$options.circleDashOffset,d:"M18 2.0845\n                    a 15.9155 15.9155 0 0 0 0 31.831\n                    a 15.9155 15.9155 0 0 0 0 -31.831",fill:$options.isFinished?$props.progressColor:"transparent",stroke:$options.isFinished?"transparent":$props.progressColor},null,8,CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_4),(0,vue_esm_bundler._)("text",{x:"18",y:$options.isFinished?25.35:21.35,class:"percentage",fill:$options.isFinished?"white":"black","font-size":$options.isFinished?"20px":"10px"},(0,vue_esm_bundler.zw)($options.isFinished?"✔":"".concat($props.percentage,"%")),9,CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_5)],8,CircularProgressBarvue_type_template_id_e425e136_scoped_true_hoisted_2))])}],["__scopeId","data-v-e425e136"]]),CircularProgressBar=CircularProgressBar_exports_;CircularProgressBar_exports_.__docgenInfo={displayName:"CircularProgressBar",exportName:"default",description:"",tags:{},props:[{name:"percentage",type:{name:"number"},required:!0},{name:"size",type:{name:"number"},defaultValue:{func:!1,value:"100"}},{name:"progressColor",type:{name:"string"},defaultValue:{func:!1,value:'"#3b7858"'}},{name:"backgroundColor",type:{name:"string"},defaultValue:{func:!1,value:'"#eaeaf5"'}}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/CircularProgressBar.vue"]};const Cardvue_type_script_lang_js={name:"Card",components:{NewCourseFlag,CircularProgressBar},props:{theme:String,courseIllustration:String,label:String,filters:Array,requirementsCompleted:Number,requirementsTotal:Number},data:function data(){return{server:"/frontend/",hasGoToCourse:void 0!==this.$slots.goToCourse}},computed:{allRequirementsCompleted:function allRequirementsCompleted(){return this.requirementsCompleted>=this.requirementsTotal},percentageValue:function percentageValue(){return 0==this.requirementsTotal?100:Math.floor(this.requirementsCompleted/this.requirementsTotal*100)}}};var Cardvue_type_style_index_0_id_d08f6508_scoped_true_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=d08f6508&scoped=true&lang=scss"),Cardvue_type_style_index_0_id_d08f6508_scoped_true_lang_scss_options={};Cardvue_type_style_index_0_id_d08f6508_scoped_true_lang_scss_options.styleTagTransform=styleTagTransform_default(),Cardvue_type_style_index_0_id_d08f6508_scoped_true_lang_scss_options.setAttributes=setAttributesWithoutAttributes_default(),Cardvue_type_style_index_0_id_d08f6508_scoped_true_lang_scss_options.insert=insertBySelector_default().bind(null,"head"),Cardvue_type_style_index_0_id_d08f6508_scoped_true_lang_scss_options.domAPI=styleDomAPI_default(),Cardvue_type_style_index_0_id_d08f6508_scoped_true_lang_scss_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Cardvue_type_style_index_0_id_d08f6508_scoped_true_lang_scss.Z,Cardvue_type_style_index_0_id_d08f6508_scoped_true_lang_scss_options);Cardvue_type_style_index_0_id_d08f6508_scoped_true_lang_scss.Z&&Cardvue_type_style_index_0_id_d08f6508_scoped_true_lang_scss.Z.locals&&Cardvue_type_style_index_0_id_d08f6508_scoped_true_lang_scss.Z.locals;const Card_exports_=(0,exportHelper.Z)(Cardvue_type_script_lang_js,[["render",function render(_ctx,_cache,$props,$setup,$data,$options){var _component_CircularProgressBar=(0,vue_esm_bundler.up)("CircularProgressBar");return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("article",{tabIndex:"0","aria-label":$props.label,class:"card-box"},[(0,vue_esm_bundler._)("div",{class:(0,vue_esm_bundler.C_)(["card-illustration-box",$props.theme])},[(0,vue_esm_bundler.WI)(_ctx.$slots,"new-flag",{},void 0,!0),(0,vue_esm_bundler._)("img",{class:"card-illustration-box-image",src:$props.courseIllustration,alt:""},null,8,_hoisted_2),(0,vue_esm_bundler.WI)(_ctx.$slots,"closeModalButton",{},void 0,!0)],2),(0,vue_esm_bundler._)("div",_hoisted_3,[(0,vue_esm_bundler._)("header",_hoisted_4,[(0,vue_esm_bundler._)("h2",null,[(0,vue_esm_bundler.WI)(_ctx.$slots,"title",{},void 0,!0)]),(0,vue_esm_bundler._)("p",_hoisted_5,[(0,vue_esm_bundler.WI)(_ctx.$slots,"description",{},void 0,!0),(0,vue_esm_bundler.WI)(_ctx.$slots,"moduleList",{},void 0,!0)]),(0,vue_esm_bundler._)("ul",_hoisted_6,[((0,vue_esm_bundler.wg)(!0),(0,vue_esm_bundler.iD)(vue_esm_bundler.HY,null,(0,vue_esm_bundler.Ko)($props.filters,(function(filterItem){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("li",{key:filterItem.filter_id},(0,vue_esm_bundler.zw)(filterItem.filter.filter_name),1)})),128))])]),(0,vue_esm_bundler._)("section",_hoisted_7,[$data.hasGoToCourse?((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_8,[(0,vue_esm_bundler.Wm)(_component_CircularProgressBar,{percentage:$options.percentageValue,size:50},null,8,["percentage"]),(0,vue_esm_bundler._)("div",_hoisted_9,[(0,vue_esm_bundler._)("p",_hoisted_10,(0,vue_esm_bundler.zw)($props.requirementsCompleted)+" av "+(0,vue_esm_bundler.zw)($props.requirementsTotal)+" fullført",1),(0,vue_esm_bundler._)("p",_hoisted_11,(0,vue_esm_bundler.zw)($options.allRequirementsCompleted?"Du har fullført kompetansepakken!":"Fortsett for å fullføre kompetansepakken!"),1)])])):(0,vue_esm_bundler.kq)("",!0),(0,vue_esm_bundler._)("div",_hoisted_12,[(0,vue_esm_bundler.WI)(_ctx.$slots,"leftButton",{},void 0,!0),(0,vue_esm_bundler.WI)(_ctx.$slots,"rightButton",{},void 0,!0),(0,vue_esm_bundler.WI)(_ctx.$slots,"goToCourse",{},void 0,!0)])])])],8,_hoisted_1)}],["__scopeId","data-v-d08f6508"]]),Card=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}Card_exports_.__docgenInfo={displayName:"Card",exportName:"default",description:"",tags:{},props:[{name:"theme",type:{name:"string"}},{name:"courseIllustration",type:{name:"string"}},{name:"label",type:{name:"string"}},{name:"filters",type:{name:"array"}},{name:"requirementsCompleted",type:{name:"number"}},{name:"requirementsTotal",type:{name:"number"}}],slots:[{name:"new-flag"},{name:"closeModalButton"},{name:"title"},{name:"description"},{name:"moduleList"},{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],label:"the title of the card"},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    label: \'the title of the card\'\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-11.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/CircularProgressBar.vue?vue&type=style&index=0&id=e425e136&scoped=true&lang=css":(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,'\n.circular-progress-bar[data-v-e425e136] {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n}\n.circular-chart[data-v-e425e136] {\n    display: block;\n    max-width: 100%;\n    max-height: 250px;\n}\n.circle-bg[data-v-e425e136] {\n    stroke-width: 3.8;\n}\n.circle[data-v-e425e136] {\n    stroke-width: 2.8;\n    stroke-linecap: round;\n    transition: stroke-dasharray 0.6s ease 0s, stroke-dashoffset 0.6s ease 0s;\n}\n.percentage[data-v-e425e136] {\n    font-family: "Roboto";\n    font-weight: 400;\n    text-anchor: middle;\n}\n',"",{version:3,sources:["webpack://./src/vue/components/CircularProgressBar.vue"],names:[],mappings:";AA0EA;IACI,aAAa;IACb,uBAAuB;IACvB,mBAAmB;IACnB,cAAc;AAClB;AAEA;IACI,cAAc;IACd,eAAe;IACf,iBAAiB;AACrB;AAEA;IACI,iBAAiB;AACrB;AAEA;IACI,iBAAiB;IACjB,qBAAqB;IACrB,yEAAyE;AAC7E;AAEA;IACI,qBAAqB;IACrB,gBAAgB;IAChB,mBAAmB;AACvB",sourcesContent:['<template>\n    <div class="circular-progress-bar">\n        <svg :width="size" :height="size" viewBox="0 0 36 36" class="circular-chart">\n            <path\n                class="circle-bg"\n                d="M18 2.0845\n                    a 15.9155 15.9155 0 0 0 0 31.831\n                    a 15.9155 15.9155 0 0 0 0 -31.831"\n                :fill="isFinished ? progressColor : \'transparent\'"\n                :stroke="isFinished ? \'transparent\' : backgroundColor"\n            />\n\n            <path\n                class="circle"\n                :stroke-dasharray="circleDashArray"\n                :stroke-dashoffset="circleDashOffset" d="M18 2.0845\n                    a 15.9155 15.9155 0 0 0 0 31.831\n                    a 15.9155 15.9155 0 0 0 0 -31.831"\n                :fill="isFinished ? progressColor : \'transparent\'"\n                :stroke="isFinished ? \'transparent\' : progressColor"\n            />\n\n            \x3c!-- Percentage text --\x3e\n            <text x="18" :y="isFinished ? 25.35 : 21.35" class="percentage" :fill="isFinished ? \'white\' : \'black\'" :font-size="isFinished ? \'20px\' : \'10px\'">\n                {{ isFinished ? "✔" : `${percentage}%` }}\n            </text>\n        </svg>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: "CircularProgressBar",\n    props: {\n        percentage: {\n            type: Number,\n            required: true,\n            validator(value) {\n                return value >= 0 && value <= 100;\n            },\n        },\n        size: {\n            type: Number,\n            default: 100,\n        },\n        progressColor: {\n            type: String,\n            default: "#3b7858",\n        },\n        backgroundColor: {\n            type: String,\n            default: "#eaeaf5",\n        }\n    },\n    computed: {\n        isFinished() {\n            return this.percentage == 100;\n        },\n        circleDashArray() {\n            const radius = 15.9155;\n            const circumference = 2 * Math.PI * radius;\n            return `${circumference} ${circumference}`;\n        },\n        circleDashOffset() {\n            const radius = 15.9155;\n            const circumference = 2 * Math.PI * radius;\n            const progress = this.percentage / 100;\n            return circumference * (1 - progress);\n        },\n    },\n};\n<\/script>\n\n<style scoped>\n.circular-progress-bar {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n}\n\n.circular-chart {\n    display: block;\n    max-width: 100%;\n    max-height: 250px;\n}\n\n.circle-bg {\n    stroke-width: 3.8;\n}\n\n.circle {\n    stroke-width: 2.8;\n    stroke-linecap: round;\n    transition: stroke-dasharray 0.6s ease 0s, stroke-dashoffset 0.6s ease 0s;\n}\n\n.percentage {\n    font-family: "Roboto";\n    font-weight: 400;\n    text-anchor: middle;\n}\n</style>\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=d08f6508&scoped=true&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-box[data-v-d08f6508]{position:relative;width:24rem;display:flex;flex-direction:column;justify-content:space-evenly;border-radius:.5rem;box-shadow:0 .25rem .25rem 0 rgba(0,0,0,.25);background-color:#fff;height:100%}.card-box .card-illustration-box[data-v-d08f6508]{position:relative;width:100%;height:10rem;border-radius:.5rem .5rem 0 0}.card-box .theme_0[data-v-d08f6508]{background:#e3f2eb}.card-box .theme_1[data-v-d08f6508]{background:#ef9a9a}.card-box .theme_2[data-v-d08f6508]{background:#eaeaf5}.card-box .theme_3[data-v-d08f6508]{background:#c7c9e3}.card-box .theme_4[data-v-d08f6508]{background:#f5f7f9}.card-box .theme_5[data-v-d08f6508]{background:#a0b1bf}.card-box .theme_6[data-v-d08f6508]{background:#ffebee}.card-box .theme_7[data-v-d08f6508]{background:#ffcdd2}.card-box .theme_8[data-v-d08f6508]{background:#ffcc80}.card-box .theme_9[data-v-d08f6508]{background:#fff3e0}.card-box .card-illustration-box-image[data-v-d08f6508]{width:100%;height:100%;object-position:right bottom}.card-box .card-content-container[data-v-d08f6508]{box-sizing:border-box;flex-grow:2;padding:.5rem 1.5rem .5rem 1.5rem;font-family:Roboto;font-weight:400;display:flex;flex-direction:column;justify-content:space-between}.card-box .card-content-description[data-v-d08f6508]{display:flex;flex-direction:column;justify-content:flex-start}.card-box .card-content-tags[data-v-d08f6508]{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;list-style-type:none;padding:0px;margin:0px;margin-top:10px}.card-box .card-content-tags li[data-v-d08f6508]{background:#eaeaf5;padding:4px 15px;margin:0px;margin-right:8px;margin-bottom:8px;border-radius:20px;font-size:14px;font-weight:400;line-height:21px}.card-box .card-content-button-container[data-v-d08f6508]{display:flex;justify-content:space-between;margin-top:1.5rem;margin-bottom:1rem;gap:.5rem}.card-box .card-box-title[data-v-d08f6508]{margin-bottom:20px}.card-box .card-box-title h2[data-v-d08f6508],.card-box .card-box-title h3[data-v-d08f6508]{font-size:1.125rem;font-family:"Roboto";font-weight:600;line-height:1.5rem;margin:0}.card-box .card-content-enrolled[data-v-d08f6508]{display:flex;flex-direction:row;align-items:center;gap:.25rem;min-height:2rem;width:100%;margin-top:20px}.card-box .card-content-enrolled-text[data-v-d08f6508]{margin-left:10px}.card-box .card-content-enrolled-text p[data-v-d08f6508]{margin:0;font-size:.875rem;font-family:"Roboto";font-weight:400;color:#000 !important;line-height:1.4}.card-box p.card-content-enrolled-count[data-v-d08f6508]{font-weight:500;margin-bottom:2px}.card-box .description_text[data-v-d08f6508]{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}@media(max-width: 30rem){.card-content-enrolled-text[data-v-d08f6508]{margin-left:5px !important}}',"",{version:3,sources:["webpack://./src/vue/components/Card.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAGA,2BACE,iBAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,4BAAA,CACA,mBAAA,CACA,4CAAA,CACA,qBCCY,CAAA,WAAA,CDEZ,kDACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,6BAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,oCACE,kBAAA,CAGF,wDACE,UAAA,CACA,WAAA,CACA,4BAAA,CAGF,mDACE,qBAAA,CACA,WAAA,CACA,iCAAA,CACA,kBAAA,CACA,eAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CAGF,qDACE,YAAA,CACA,qBAAA,CACA,0BAAA,CAGF,8CACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,cAAA,CACA,oBAAA,CACA,WAAA,CACA,UAAA,CACA,eAAA,CAGF,iDACE,kBAAA,CACA,gBAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,kBAAA,CACA,cAAA,CACA,eAAA,CACA,gBAAA,CAGF,0DACE,YAAA,CACA,6BAAA,CACA,iBAAA,CACA,kBAAA,CACA,SAAA,CAGF,2CACE,kBAAA,CAEA,4FAEE,kBAAA,CACA,oBAAA,CACA,eAAA,CACA,kBAAA,CACA,QAAA,CAIJ,kDACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,eAAA,CAGF,uDACE,gBAAA,CAGF,yDACE,QAAA,CACA,iBAAA,CACA,oBAAA,CACA,eAAA,CACA,qBAAA,CACA,eAAA,CAGF,yDACE,eAAA,CACA,iBAAA,CAGF,6CACE,eAAA,CACA,mBAAA,CACA,oBAAA,CACA,2BAAA,CACA,sBAAA,CAIJ,yBACE,6CACE,0BAAA,CAAA",sourcesContent:["\n@import '../design/_card-themes.scss';\n\n.card-box {\n  position: relative;\n  width: 24rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-evenly;\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  height: 100%;\n\n  .card-illustration-box {\n    position: relative;\n    width: 100%;\n    height: 10rem;\n    border-radius: 0.5rem 0.5rem 0 0;\n  }\n\n  .theme_0 {\n    background: map-get($theme_0, background);\n  }\n\n  .theme_1 {\n    background: map-get($theme_1, background);\n  }\n\n  .theme_2 {\n    background: map-get($theme_2, background);\n  }\n\n  .theme_3 {\n    background: map-get($theme_3, background);\n  }\n\n  .theme_4 {\n    background: map-get($theme_4, background);\n  }\n\n  .theme_5 {\n    background: map-get($theme_5, background);\n  }\n\n  .theme_6 {\n    background: map-get($theme_6, background);\n  }\n\n  .theme_7 {\n    background: map-get($theme_7, background);\n  }\n\n  .theme_8 {\n    background: map-get($theme_8, background);\n  }\n\n  .theme_9 {\n    background: map-get($theme_9, background);\n  }\n\n  .card-illustration-box-image {\n    width: 100%;\n    height: 100%;\n    object-position: right bottom;\n  }\n\n  .card-content-container {\n    box-sizing: border-box;\n    flex-grow: 2;\n    padding: 0.5rem 1.5rem 0.5rem 1.5rem;\n    font-family: Roboto;\n    font-weight: 400;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .card-content-description {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n\n  .card-content-tags {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    flex-wrap: wrap;\n    list-style-type: none;\n    padding: 0px;\n    margin: 0px;\n    margin-top: 10px;\n  }\n\n  .card-content-tags li {\n    background: #eaeaf5;\n    padding: 4px 15px;\n    margin: 0px;\n    margin-right: 8px;\n    margin-bottom: 8px;\n    border-radius: 20px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 21px;\n  }\n\n  .card-content-button-container {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 1.5rem;\n    margin-bottom: 1rem;\n    gap: 0.5rem;\n  }\n\n  .card-box-title {\n    margin-bottom: 20px;\n\n    h2,\n    h3 {\n      font-size: 1.125rem;\n      font-family: 'Roboto';\n      font-weight: 600;\n      line-height: 1.5rem;\n      margin: 0;\n    }\n  }\n\n  .card-content-enrolled {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 0.25rem;\n    min-height: 2rem;\n    width: 100%;\n    margin-top: 20px;\n  }\n\n  .card-content-enrolled-text {\n    margin-left: 10px;\n  }\n\n  .card-content-enrolled-text p {\n    margin: 0;\n    font-size: 0.875rem;\n    font-family: 'Roboto';\n    font-weight: 400;\n    color: black !important;\n    line-height: 1.4;\n  }\n\n  p.card-content-enrolled-count {\n    font-weight: 500;\n    margin-bottom: 2px;\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@media (max-width: 30rem) {\n  .card-content-enrolled-text {\n    margin-left: 5px !important;\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/NewCourseFlag.vue?vue&type=style&index=0&id=ce27d59a&scoped=true&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,".new-flag-container[data-v-ce27d59a]{position:absolute;display:flex;flex-direction:row-reverse;align-items:center;width:100%;height:3rem;z-index:1;margin-top:-0.75rem;margin-left:-0.75rem}.new-flag[data-v-ce27d59a]{width:3rem;height:3rem;border-radius:3px;background:#51698f;display:flex;align-items:center;justify-content:center;z-index:1}.new-flag-text[data-v-ce27d59a]{font-size:1rem;font-weight:700;color:#fff;text-transform:uppercase;justify-content:center;display:flex;z-index:1}","",{version:3,sources:["webpack://./src/vue/components/NewCourseFlag.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAGA,qCACI,iBAAA,CACA,YAAA,CACA,0BAAA,CACA,kBAAA,CACA,UAAA,CACA,WAAA,CACA,SAAA,CACA,mBAAA,CACA,oBAAA,CAEJ,2BACI,UAAA,CACA,WAAA,CACA,iBAAA,CACA,kBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,SAAA,CAGJ,gCACI,cAAA,CACA,eAAA,CACA,UChBU,CDiBV,wBAAA,CACA,sBAAA,CACA,YAAA,CACA,SAAA",sourcesContent:["\n@import '../design/colors.scss';\n\n.new-flag-container {\n    position: absolute;\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n    width: 100%;\n    height: 3rem;\n    z-index: 1;\n    margin-top: -0.75rem;\n    margin-left: -0.75rem;\n}\n.new-flag {\n    width: 3rem;\n    height: 3rem;\n    border-radius: 3px;\n    background: map-get($color-palette-steel, background, 600);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1;\n}\n\n.new-flag-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: $color-white;\n    text-transform: uppercase;\n    justify-content: center;\n    display: flex;\n    z-index: 1;\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