{"version":3,"sources":["webpack:///./src/components/layout/NavigationMainLevelItem.vue?f84b","webpack:///./src/components/layout/NavigationMainLevelItem.vue?1d55","webpack:///src/components/layout/NavigationMainLevelItem.vue","webpack:///./src/components/layout/NavigationMainLevelItem.vue?d66d","webpack:///./src/components/layout/NavigationMainLevelItem.vue?e99d","webpack:///./src/components/layout/NavigationMainLevel.vue?fc59","webpack:///src/components/layout/NavigationMainLevel.vue","webpack:///./src/components/layout/NavigationMainLevel.vue?a5d5","webpack:///./src/components/layout/NavigationMainLevel.vue?189f","webpack:///./src/components/layout/NavigationMainLevel.vue?ef59"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","active","hover","$slots","level","on","$event","_b","staticClass","$attrs","_t","attrs","_e","staticRenderFns","name","inheritAttrs","components","NavigationMainLevel","props","devhover","type","Boolean","default","data","$parent","levelCount","component","directives","rawName","value","expression","Number"],"mappings":"kHAAA,W,oECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACE,MAAM,CAAC,CAAEC,OAAQP,EAAIO,OAAQC,MAAOR,EAAIQ,MAAO,eAAgBR,EAAIS,OAAOC,QAASC,GAAG,CAAC,WAAa,SAASC,GAAQZ,EAAIQ,OAAQ,GAAM,WAAa,SAASI,GAAQZ,EAAIQ,OAAQ,KAAS,CAACJ,EAAG,IAAIJ,EAAIa,GAAG,CAACC,YAAY,cAAc,IAAId,EAAIe,QAAO,GAAO,CAACf,EAAIgB,GAAG,YAAY,GAAIhB,EAAIS,OAAY,MAAEL,EAAG,wBAAwB,CAACa,MAAM,CAAC,MAAQjB,EAAIU,QAAQ,CAACV,EAAIgB,GAAG,UAAU,GAAGhB,EAAIkB,MAAM,IAC/dC,EAAkB,G,YCYtB,GACEC,KAAM,0BACNC,cAAc,EACdC,WAAY,CACVC,oBAAJ,QAEEC,MAAO,CACLC,SAAU,CACRC,KAAMC,QACNC,SAAS,GAEXrB,OAAQ,CACNmB,KAAMC,QACNC,SAAS,IAGbC,KAhBF,WAiBI,MAAO,CACLnB,MAAOT,KAAK6B,QAAQC,WACpBvB,MAAOP,KAAKwB,YChC8V,I,wBCQ5WO,EAAY,eACd,EACAjC,EACAoB,GACA,EACA,KACA,KACA,MAIa,aAAAa,E,kECnBf,IAAIjC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,QAAU,SAAWN,EAAI+B,aAAc,CAAC3B,EAAG,KAAK,CAAC6B,WAAW,CAAC,CAACb,KAAK,OAAOc,QAAQ,SAASC,MAAOnC,EAAIS,OAAc,QAAE2B,WAAW,oBAAoB,CAACpC,EAAIgB,GAAG,YAAY,GAAGhB,EAAIgB,GAAG,mBAAmB,IACnTG,EAAkB,GCUtB,G,UAAA,CACEC,KAAM,sBACNI,MAAO,CACLd,MAAO,CACLgB,KAAMW,OACNT,QAAS,IAGbC,KARF,WASI,MAAO,CACLE,WAAY9B,KAAKS,MAAQ,MCrB6U,I,yBCQxWsB,EAAY,eACd,EACAjC,EACAoB,GACA,EACA,KACA,KACA,MAIa,OAAAa,E,4CCnBf","file":"js/chunk-26cb22d0.0012c4cc.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavigationMainLevelItem.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:[{ active: _vm.active, hover: _vm.hover, 'has-sublevel': _vm.$slots.level }],on:{\"mouseenter\":function($event){_vm.hover = true},\"mouseleave\":function($event){_vm.hover = false}}},[_c('a',_vm._b({staticClass:\"level-item\"},'a',_vm.$attrs,false),[_vm._t(\"default\")],2),(_vm.$slots.level)?_c('navigation-main-level',{attrs:{\"level\":_vm.level}},[_vm._t(\"level\")],2):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <li @mouseenter=\"hover = true\" @mouseleave=\"hover = false\" :class=\"[{ active, hover, 'has-sublevel': $slots.level }]\">\r\n    <a class=\"level-item\" v-bind=\"$attrs\"><slot/></a>\r\n\r\n    <navigation-main-level v-if=\"$slots.level\" :level=\"level\">\r\n      <slot name=\"level\"/>\r\n    </navigation-main-level>\r\n  </li>\r\n</template>\r\n\r\n<script>\r\nimport NavigationMainLevel from '@/components/layout/NavigationMainLevel'\r\n\r\nexport default {\r\n  name: 'MainNavigationLevelItem',\r\n  inheritAttrs: false,\r\n  components: {\r\n    NavigationMainLevel\r\n  },\r\n  props: {\r\n    devhover: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    active: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      level: this.$parent.levelCount,\r\n      hover: this.devhover\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// .is-expanded state for mobile viewport is managed in NavigationMain.vue\r\n\r\n// desktop\r\n$level-item-padding-y: $spacer * 0.3 !default;\r\n$level-item-padding-x: 0 !default;\r\n$level-item-font-weight: inherit !default;\r\n$level-item-font-size: $font-size-base !default;\r\n$level-item-color: $body-color !default;\r\n\r\n$level-item-hover-font-weight: inherit !default;\r\n$level-item-hover-font-size: $level-item-font-size !default;\r\n$level-item-hover-color: $primary !default;\r\n\r\n$level-item-active-font-weight: $font-weight-bold !default;\r\n$level-item-active-font-size: $level-item-font-size !default;\r\n$level-item-active-color: $level-item-color !default;\r\n\r\n$level-1-item-padding-y: $spacer * 0.5 !default;\r\n$level-1-item-padding-x: $spacer * 0.75 !default;\r\n\r\n$level-2-item-widths: (\r\n  xs: auto,\r\n  sm: auto,\r\n  md: auto,\r\n  lg: 33%,\r\n  xl: 25%\r\n) !default;\r\n\r\n// mobile\r\n$level-item-mobile-breakpoint: $mobile-breakpoint !default;\r\n\r\n$level-item-mobile-padding-y: $level-item-padding-y !default;\r\n$level-item-mobile-padding-x: $level-item-padding-x !default;\r\n$level-item-mobile-font-weight: $level-item-font-weight !default;\r\n$level-item-mobile-font-size: $level-item-font-size !default;\r\n$level-item-mobile-color: $level-item-color !default;\r\n\r\n$level-item-mobile-hover-font-weight: $level-item-hover-font-weight!default;\r\n$level-item-mobile-hover-font-size: $level-item-hover-font-size !default;\r\n$level-item-mobile-hover-color: $level-item-hover-color !default;\r\n\r\n$level-item-mobile-active-font-weight: $level-item-active-font-weight !default;\r\n$level-item-mobile-active-font-size: $level-item-active-font-size !default;\r\n$level-item-mobile-active-color: $level-item-active-color !default;\r\n\r\n$level-1-item-mobile-padding-y: $level-item-mobile-padding-y !default;\r\n$level-1-item-mobile-padding-x: $level-item-mobile-padding-x !default;\r\n$level-1-item-mobile-font-size: $font-size-lg !default;\r\n\r\n.mainnavigation {\r\n  .mainnavigation-menu {\r\n    li {\r\n      > .level-item {\r\n        display: block;\r\n        position: relative;\r\n        padding: $level-item-padding-y $level-item-padding-x;\r\n        font-weight: $level-item-font-weight;\r\n        font-size: $level-item-font-size;\r\n        color: $level-item-color;\r\n        text-decoration: none;\r\n      }\r\n\r\n      > .level {\r\n        display: none;\r\n      }\r\n\r\n      &.hover {\r\n        > .level-item {\r\n          font-weight: $level-item-hover-font-weight;\r\n          font-size: $level-item-hover-font-size;\r\n          color: $level-item-hover-color;\r\n        }\r\n\r\n        > .level {\r\n          display: block;\r\n        }\r\n      }\r\n\r\n      &.active {\r\n        > .level-item {\r\n          font-weight: $level-item-active-font-weight;\r\n          font-size: $level-item-active-font-size;\r\n          color: $level-item-active-color;\r\n          cursor: default;\r\n        }\r\n      }\r\n    }\r\n\r\n    .level-1 > ul {\r\n      margin-left: $level-1-item-padding-x * -1;\r\n      margin-right: $level-1-item-padding-x * -1;\r\n\r\n      > li {\r\n        > .level-item {\r\n          position: relative;\r\n          padding: $level-1-item-padding-y $level-1-item-padding-x;\r\n        }\r\n\r\n        &.hover {\r\n          &.has-sublevel {\r\n            > .level-item {\r\n              &:after {\r\n                display: block;\r\n                content: '';\r\n                position: absolute;\r\n                top: 100%;\r\n                left: -200%;\r\n                right: -200%;\r\n                height: 300%;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .level-2 > ul {\r\n      > li {\r\n        position: relative;\r\n      }\r\n    }\r\n\r\n    .level-3 {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 100%;\r\n      width: 100%;\r\n    }\r\n\r\n    @each $key, $width in $level-2-item-widths {\r\n      @include media-breakpoint-up($key) {\r\n        .level-2 > ul {\r\n          > li {\r\n            margin-left: if($width == auto, $width, 100 - ($width * 2));\r\n            width: $width;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    @include media-breakpoint-down($level-item-mobile-breakpoint) {\r\n      li {\r\n        > .level-item {\r\n          display: inline-block;\r\n          padding: $level-item-mobile-padding-y $level-item-mobile-padding-x;\r\n          font-weight: $level-item-mobile-font-weight;\r\n          font-size: $level-item-mobile-font-size;\r\n          color: $level-item-mobile-color;\r\n        }\r\n\r\n        > .level {\r\n          display: block;\r\n        }\r\n\r\n        &.hover {\r\n          > .level-item {\r\n            font-weight: $level-item-mobile-hover-font-weight;\r\n            font-size: $level-item-mobile-hover-font-size;\r\n            color: $level-item-mobile-hover-color;\r\n          }\r\n        }\r\n\r\n        &.active {\r\n          > .level-item {\r\n            font-weight: $level-item-mobile-active-font-weight;\r\n            font-size: $level-item-mobile-active-font-size;\r\n            color: $level-item-mobile-active-color;\r\n          }\r\n        }\r\n      }\r\n\r\n      .level-1 > ul {\r\n        margin-left: 0;\r\n        margin-right: 0;\r\n\r\n        > li {\r\n          > .level-item {\r\n            position: static;\r\n            padding: $level-1-item-mobile-padding-y $level-1-item-mobile-padding-x;\r\n            font-size: $level-1-item-mobile-font-size;\r\n          }\r\n\r\n          &.hover {\r\n            &.has-sublevel {\r\n              > .level-item {\r\n                &:after {\r\n                  display: none;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .level-2 > ul {\r\n        > li {\r\n          position: static;\r\n        }\r\n      }\r\n\r\n      .level-3 {\r\n        position: static;\r\n        width: auto;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavigationMainLevelItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavigationMainLevelItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavigationMainLevelItem.vue?vue&type=template&id=7473e9c2&\"\nimport script from \"./NavigationMainLevelItem.vue?vue&type=script&lang=js&\"\nexport * from \"./NavigationMainLevelItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NavigationMainLevelItem.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['level', (\"level-\" + _vm.levelCount)]},[_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$slots.default),expression:\"$slots.default\"}]},[_vm._t(\"default\")],2),_vm._t(\"metanavigation\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['level', `level-${levelCount}`]\">\r\n    <ul v-show=\"$slots.default\">\r\n      <slot/>\r\n    </ul>\r\n\r\n    <slot name=\"metanavigation\"/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'MainNavigationLevel',\r\n  props: {\r\n    level: {\r\n      type: Number,\r\n      default: 0\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      levelCount: this.level + 1\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// desktop\r\n$level-padding-y: 0 !default;\r\n$level-padding-x: 0 !default;\r\n\r\n$level-1-bg: transparent !default;\r\n\r\n$level-2-padding-y: $spacer * 2.5 !default;\r\n$level-2-padding-x: 0 !default;\r\n$level-2-min-height: 0 !default;\r\n$level-2-max-height: 60vh !default;\r\n$level-2-bg: #fbfafa !default;\r\n$level-2-border-width: 2px !default;\r\n$level-2-border-color: $primary !default;\r\n\r\n$level-3-padding-y: 0 !default;\r\n$level-3-padding-x: 0 !default;\r\n\r\n// mobile\r\n$level-mobile-breakpoint: $mobile-breakpoint !default;\r\n\r\n$level-mobile-padding-y: $spacer * 1.5 !default;\r\n$level-mobile-padding-x: $spacer * 1.5 !default;\r\n\r\n$level-1-mobile-top-offset: $mainnavigation-mobile-height !default;\r\n$level-1-mobile-bg: $level-2-bg !default;\r\n\r\n$level-2-mobile-padding-y: $level-mobile-padding-y * 0.5 !default;\r\n$level-2-mobile-padding-x: $level-mobile-padding-x !default;\r\n$level-2-mobile-min-height: 0 !default;\r\n$level-2-mobile-max-height: none !default;\r\n$level-2-mobile-bg: transparent !default;\r\n$level-2-mobile-border: 0 none !default;\r\n\r\n$level-3-mobile-padding-y: $level-2-mobile-padding-y !default;\r\n$level-3-mobile-padding-x: $level-2-mobile-padding-x !default;\r\n\r\n.mainnavigation {\r\n  .mainnavigation-menu {\r\n    .level {\r\n      > ul {\r\n        @include list-unstyled();\r\n        margin: 0;\r\n        padding: $level-padding-y $level-padding-x;\r\n      }\r\n\r\n      &.level-1 {\r\n        background-color: $level-1-bg;\r\n\r\n        > ul {\r\n          display: flex;\r\n          justify-content: flex-end;\r\n        }\r\n      }\r\n\r\n      &.level-2 {\r\n        position: absolute;\r\n        top: 100%;\r\n        left: 50%;\r\n        overflow: hidden;\r\n        overflow-y: auto;\r\n        width: 100vw;\r\n        min-height: $level-2-min-height;\r\n        max-height: $level-2-max-height;\r\n        transform: translateX(-50%);\r\n        background-color: $level-2-bg;\r\n        border-bottom: $level-2-border-width solid $level-2-border-color;\r\n        box-shadow: 0 10px 25px 0 rgba($yellow, 0.05);\r\n\r\n        > ul {\r\n          @include make-container();\r\n          @include make-container-max-widths();\r\n          padding: $level-2-padding-y $level-2-padding-x;\r\n        }\r\n      }\r\n\r\n      &.level-3 {\r\n        padding: $level-3-padding-y $level-3-padding-x;\r\n      }\r\n    }\r\n\r\n    @include media-breakpoint-down($level-mobile-breakpoint) {\r\n      .level {\r\n        > ul {\r\n          padding: $level-mobile-padding-y $level-mobile-padding-x;\r\n        }\r\n\r\n        &.level-1 {\r\n          position: fixed;\r\n          top: 0;\r\n          bottom: 0;\r\n          left: 0;\r\n          right: 0;\r\n          overflow: hidden;\r\n          overflow-y: auto;\r\n          margin-top: $level-1-mobile-top-offset;\r\n          background-color: $level-1-mobile-bg;\r\n          z-index: -1;\r\n\r\n          > ul {\r\n            display: block;\r\n            @include make-container();\r\n            @include make-container-max-widths();\r\n          }\r\n        }\r\n\r\n        &.level-2 {\r\n          position: static;\r\n          overflow: auto;\r\n          width: auto;\r\n          min-height: $level-2-mobile-min-height;\r\n          max-height: $level-2-mobile-max-height;\r\n          transform: none;\r\n          background-color: $level-2-mobile-bg;\r\n          border-bottom: $level-2-mobile-border;\r\n          box-shadow: none;\r\n\r\n          > ul {\r\n            margin-right: auto;\r\n            padding: $level-2-mobile-padding-y $level-2-mobile-padding-x;\r\n            max-width: none;\r\n          }\r\n        }\r\n\r\n        &.level-3 {\r\n          > ul {\r\n            padding: $level-3-mobile-padding-y $level-3-mobile-padding-x;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavigationMainLevel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavigationMainLevel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavigationMainLevel.vue?vue&type=template&id=7387d066&\"\nimport script from \"./NavigationMainLevel.vue?vue&type=script&lang=js&\"\nexport * from \"./NavigationMainLevel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NavigationMainLevel.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavigationMainLevel.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}