{"version":3,"mappings":"ieAEA,MAAMA,EAAY,IACTC,EASIC,EAAS,CACpB,WACF,2OCgCM,QAASA,EAAO,YAChBC,EAAUC,EAAqB,UAAM,OAAO,yBAAiC,stBC9CzEC,QAAqB,gCAC3BC,0BACAC,UAEI,IAFD,OAAM,yFAET,+JAH+FC,GAC/FD,KAFF,uGC8DIJ,EAAUC,EAAqB,IAAMK,aAAO,yBAAiC,sHAC7EC,EAAUN,EAAqB,IAAMK,aAAO,yBAAiC,sHAEpEE,GACb,WAAY,CACV,UACA,SACF,CACF,EArEI,QAAsBC,sCACtBN,EAAQ,uFAKF,CAAU,8BACVE,IAAG,IAAyBK,mRAO5B,EAAI,GACJC,EAAe,oDAMfC,GAAe,kqBAtBvBC,IAwDS,UAxDT,SAKIC,EAqBM,gBAdEJ,aAEN,MAKIK,cACJC,EAKIC,2FAGR,0ICdEnB,EAASC,EAAO,YAChBmB,EAASC,EAAS,IAAM,CAC5B,OAAQrB,EAAO,UAAW,CACxB,IAAK,QACL,IAAK,SACL,IAAK,SACI,SACT,QACS,SAAM,OAASsB,EAAuBC,EACjD,EACD","names":["getFlavor","flavor","Flavor","HepLogo","defineAsyncComponent","_withScopeId","_hoisted_1","_hoisted_2","_hoisted_4","__vitePreload","EhbLogo","_sfc_main$1","n","_createElementVNode","_hoisted_5","_hoisted_6","_component_ehb_logo","_openBlock","_hoisted_3","_createVNode","_component_hep_logo","Footer","computed","SkillboxSimpleFooter","SkillboxDefaultFooter"],"sources":["../../src/helpers/flavor.stubabble.js","../../src/layouts/MyKVFooter.vue","../../src/layouts/SkillboxSimpleFooter.vue","../../src/layouts/SkillboxDefaultFooter.vue","../../src/layouts/DynamicFooter.vue"],"sourcesContent":["import flavor from './app-flavor';\n\nconst getFlavor = () => {\n  return flavor;\n};\n\n/*\n * We have to do this like this, so we're able to stub the method `getFlavor`,\n * otherwise we get a `ESModules can't be stubbed` error from cypress\n *\n * see: https://github.com/cypress-io/cypress/issues/22355#issuecomment-1485716724\n */\nexport const Flavor = {\n  getFlavor,\n};\n","<template>\n  <footer\n    class=\"default-footer\"\n    data-cy=\"page-footer\"\n  >\n    <div class=\"default-footer__section\">\n      <div class=\"default-footer__links\">\n        <a\n          :href=\"`https://${flavor.baseUrl}/datenschutz`\"\n          target=\"_blank\"\n          class=\"default-footer__link\"\n          >Datenschutz</a\n        >\n        <a\n          :href=\"`https://${flavor.baseUrl}/impressum`\"\n          target=\"_blank\"\n          class=\"default-footer__link\"\n          >Impressum</a\n        >\n        <a\n          :href=\"`https://${flavor.baseUrl}/agb`\"\n          target=\"_blank\"\n          class=\"default-footer__link\"\n          >AGB</a\n        >\n        <a\n          :href=\"`https://${flavor.baseUrl}/support`\"\n          target=\"_blank\"\n          class=\"default-footer__link\"\n          >Support</a\n        >\n        <a\n          href=\"https://www.hep-verlag.ch/\"\n          target=\"_blank\"\n        >\n          <hep-logo class=\"default-footer__logo-hep\" />\n        </a>\n      </div>\n    </div>\n  </footer>\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent } from 'vue';\n\nimport { Flavor } from '@/helpers/flavor.stubabble';\nconst flavor = Flavor.getFlavor();\nconst HepLogo = defineAsyncComponent(() => import('@/components/icons/HepLogo.vue'));\n</script>\n\n<style scoped lang=\"scss\">\n@import '@/styles/_variables.scss';\n@import '@/styles/_mixins.scss';\n\n.default-footer {\n  background-color: $color-silver-light;\n  max-width: 100vw;\n  overflow: hidden;\n\n  &__section {\n    width: 100%;\n    border-bottom: $color-silver 1px solid;\n    display: flex;\n    justify-content: center;\n  }\n\n  &__info {\n    width: 100%;\n    max-width: $footer-width;\n    padding: 2 * $large-spacing 0;\n    display: flex;\n    flex-direction: column;\n\n    @include desktop {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n  }\n\n  &__who-are-we {\n    width: 100%;\n    margin-bottom: $large-spacing;\n\n    @include desktop {\n      width: 330px;\n      margin-bottom: 0;\n    }\n  }\n\n  &__logo-hep {\n    width: auto;\n    height: 35px;\n    margin-bottom: $large-spacing;\n\n    @include desktop {\n      width: 147px;\n      margin-bottom: 0;\n    }\n  }\n\n  &__logo-ehb {\n    width: 100px;\n    height: 32px;\n  }\n\n  &__links {\n    width: 100%;\n    max-width: $footer-width;\n    padding: $large-spacing 0;\n    display: flex;\n    flex-direction: column;\n\n    @include desktop {\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n\n  &__link {\n    @include aside-with-cheese;\n    margin-right: $large-spacing;\n    margin-bottom: $small-spacing;\n\n    @include desktop {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.who-are-we {\n  &__title {\n    @include heading-4;\n  }\n\n  &__text {\n    @include aside-text;\n  }\n}\n</style>\n","<template>\n  <footer class=\"simple-footer\">\n    <p class=\"simple-footer__strong\">Copyright © 2022 hep Verlag, in Zusammenarbeit mit der EHB</p>\n    <p class=\"simple-footer__regular\">\n      Alle Inhalte von mySkillbox, insbesondere Texte und Grafiken, sind urheberrechtlich geschützt.\n    </p>\n  </footer>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/styles/_variables.scss';\n@import '@/styles/_mixins.scss';\n\n.simple-footer {\n  width: 100%;\n  justify-self: center;\n  padding: $large-spacing $small-spacing;\n  background-color: $color-silver-light;\n  display: grid;\n  grid-template-columns: 0 1fr 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  height: 105px;\n\n  @include desktop {\n    grid-template-columns: 1fr $footer-width 1fr;\n  }\n\n  &__strong {\n    @include aside-with-cheese;\n    font-weight: 600;\n    grid-column: 2;\n  }\n\n  &__regular {\n    @include aside-text;\n    grid-column: 2;\n  }\n}\n</style>\n","<template>\n  <footer\n    class=\"default-footer\"\n    data-cy=\"page-footer\"\n  >\n    <div class=\"default-footer__section\">\n      <div class=\"default-footer__info\">\n        <div class=\"default-footer__who-are-we who-are-we\">\n          <h5 class=\"who-are-we__title\">Wer sind wir?</h5>\n          <p class=\"who-are-we__text\">\n            mySkillbox ist ein Angebot des hep Verlags in Zusammenarbeit mit der Eidgenössischen Hochschule für\n            Berufsbildung (EHB).\n          </p>\n        </div>\n\n        <a\n          href=\"https://www.hep-verlag.ch/\"\n          target=\"_blank\"\n        >\n          <hep-logo class=\"default-footer__logo-hep\" />\n        </a>\n        <a\n          href=\"https://www.ehb.swiss/\"\n          target=\"_blank\"\n        >\n          <ehb-logo class=\"default-footer__logo-ehb\" />\n        </a>\n      </div>\n    </div>\n    <div class=\"default-footer__section\">\n      <div class=\"default-footer__links\">\n        <a\n          href=\"https://myskillbox.ch/datenschutz\"\n          target=\"_blank\"\n          class=\"default-footer__link\"\n          >Datenschutz</a\n        >\n        <a\n          href=\"https://myskillbox.ch/impressum\"\n          target=\"_blank\"\n          class=\"default-footer__link\"\n          >Impressum</a\n        >\n        <a\n          href=\"https://myskillbox.ch/agb\"\n          target=\"_blank\"\n          class=\"default-footer__link\"\n          >AGB</a\n        >\n        <a\n          href=\"https://myskillbox.ch/support\"\n          target=\"_blank\"\n          class=\"default-footer__link\"\n          >Support</a\n        >\n      </div>\n    </div>\n  </footer>\n</template>\n\n<script lang=\"ts\">\nimport { defineAsyncComponent } from 'vue';\n\nconst HepLogo = defineAsyncComponent(() => import('@/components/icons/HepLogo.vue'));\nconst EhbLogo = defineAsyncComponent(() => import('@/components/icons/EhbLogo.vue'));\n\nexport default {\n  components: {\n    HepLogo,\n    EhbLogo,\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import '@/styles/_variables.scss';\n@import '@/styles/_mixins.scss';\n\n.default-footer {\n  background-color: $color-silver-light;\n  max-width: 100vw;\n  overflow: hidden;\n\n  &__section {\n    width: 100%;\n    border-bottom: $color-silver 1px solid;\n    display: flex;\n    justify-content: center;\n  }\n\n  &__info {\n    width: 100%;\n    max-width: $footer-width;\n    padding: 2 * $large-spacing 0;\n    display: flex;\n    flex-direction: column;\n\n    @include desktop {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n  }\n\n  &__who-are-we {\n    width: 100%;\n    margin-bottom: $large-spacing;\n\n    @include desktop {\n      width: 330px;\n      margin-bottom: 0;\n    }\n  }\n\n  &__logo-hep {\n    width: auto;\n    height: 35px;\n    margin-bottom: $large-spacing;\n\n    @include desktop {\n      width: 147px;\n      margin-bottom: 0;\n    }\n  }\n\n  &__logo-ehb {\n    width: 100px;\n    height: 32px;\n  }\n\n  &__links {\n    width: 100%;\n    max-width: $footer-width;\n    padding: $large-spacing 0;\n    display: flex;\n    flex-direction: column;\n\n    @include desktop {\n      flex-direction: row;\n    }\n  }\n\n  &__link {\n    @include aside-with-cheese;\n    margin-right: $large-spacing;\n    margin-bottom: $small-spacing;\n\n    @include desktop {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.who-are-we {\n  &__title {\n    @include heading-4;\n  }\n\n  &__text {\n    @include aside-text;\n  }\n}\n</style>\n","<template>\n  <component :is=\"Footer\" />\n</template>\n\n<script setup lang=\"ts\">\nimport MyKvFooter from '@/layouts/MyKVFooter.vue';\nimport SkillboxSimpleFooter from '@/layouts/SkillboxSimpleFooter.vue';\nimport SkillboxDefaultFooter from '@/layouts/SkillboxDefaultFooter.vue';\nimport { computed } from 'vue';\nimport { Flavor } from '@/helpers/flavor.stubabble';\n\nconst props = withDefaults(defineProps<{ simple: boolean }>(), {\n  simple: true,\n});\n\nconst flavor = Flavor.getFlavor();\nconst Footer = computed(() => {\n  switch (flavor.appFlavor) {\n    case 'my-kv':\n    case 'my-dha':\n    case 'my-dhf':\n      return MyKvFooter;\n    default:\n      return props.simple ? SkillboxSimpleFooter : SkillboxDefaultFooter;\n  }\n});\n</script>\n"],"file":"static/DynamicFooter.vue_vue_type_script_setup_true_lang.eabf4b2f.js"}