{"version":3,"sources":["webpack:///./src/components/layout/NavigationMeta.vue?e84f","webpack:///src/components/layout/NavigationMeta.vue","webpack:///./src/components/layout/NavigationMeta.vue?eab5","webpack:///./src/components/layout/NavigationMeta.vue?2233","webpack:///./src/components/layout/NavigationMeta.vue?9763"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","mobile","attrs","staticClass","_t","staticRenderFns","name","props","type","Boolean","default","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,iBAAkB,CAAE,YAAaN,EAAIO,SAAUC,MAAM,CAAC,cAAcR,EAAIO,SAAS,CAACH,EAAG,MAAM,CAACK,YAAY,yBAAyB,CAACT,EAAIU,GAAG,YAAY,GAAGN,EAAG,MAAM,CAACK,YAAY,yBAAyB,CAACL,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACT,EAAIU,GAAG,WAAWV,EAAIU,GAAG,aAAa,GAAGN,EAAG,MAAM,CAACK,YAAY,WAAW,CAACT,EAAIU,GAAG,YAAY,GAAGN,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACT,EAAIU,GAAG,SAAS,QACpeC,EAAkB,GCmBtB,GACEC,KAAM,iBACNC,MAAO,CACLN,OAAQ,CACNO,KAAMC,QACNC,SAAS,KCzBwV,I,wBCQnWC,EAAY,eACd,EACAlB,EACAY,GACA,EACA,KACA,KACA,MAIa,aAAAM,E,2CCnBf","file":"js/chunk-5f8b08d8.f291b884.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{class:['metanavigation', { 'is-mobile': _vm.mobile }],attrs:{\"aria-hidden\":_vm.mobile}},[_c('div',{staticClass:\"metanavigation-public\"},[_vm._t(\"default\")],2),_c('div',{staticClass:\"metanavigation-privat\"},[_c('div',{staticClass:\"user\"},[_vm._t(\"profile\"),_vm._t(\"location\")],2),_c('div',{staticClass:\"hotline\"},[_vm._t(\"hotline\")],2),_c('div',{staticClass:\"cart\"},[_vm._t(\"cart\")],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <nav :class=\"['metanavigation', { 'is-mobile': mobile }]\" :aria-hidden=\"mobile\">\r\n    <div class=\"metanavigation-public\">\r\n      <slot/>\r\n    </div>\r\n\r\n    <div class=\"metanavigation-privat\">\r\n      <div class=\"user\">\r\n        <slot name=\"profile\"/>\r\n        <slot name=\"location\"/>\r\n      </div>\r\n\r\n      <div class=\"hotline\"><slot name=\"hotline\"/></div>\r\n\r\n      <div class=\"cart\"><slot name=\"cart\"/></div>\r\n    </div>\r\n  </nav>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'MetaNavigation',\r\n  props: {\r\n    mobile: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// desktop\r\n$metanavigation-padding-y: 0 !default;\r\n$metanavigation-padding-x: $component-padding-x !default;\r\n$metanavigation-height: $leaf-border-radius !default;\r\n$metanavigation-border-radius: $leaf-border-radius !default;\r\n\r\n$metanavigation-public-bg: $gray-100 !default;\r\n$metanavigation-public-action-color: $black !default;\r\n$metanavigation-public-action-hover-color: $primary !default;\r\n\r\n$metanavigation-privat-bg: $primary !default;\r\n$metanavigation-privat-action-color: theme-color-level('primary', -8) !default;\r\n$metanavigation-privat-action-hover-color: $white !default;\r\n\r\n$metanavigation-action-padding-y: 0 !default;\r\n$metanavigation-action-padding-x: $spacer * 0.5 !default;\r\n$metanavigation-action-font-weight: $font-weight-normal !default;\r\n$metanavigation-action-font-size: $font-size-base * 0.625 !default;\r\n\r\n$metanavigation-action-hover-font-weight: $metanavigation-action-font-weight !default;\r\n$metanavigation-action-hover-font-size: $metanavigation-action-font-size !default;\r\n\r\n$metanavigation-action-active-font-weight: $font-weight-bold !default;\r\n$metanavigation-action-active-font-size: $metanavigation-action-font-size !default;\r\n\r\n$metanavigation-languageswitch-padding: $dropdown-item-padding-y ($dropdown-item-padding-x * 0.5) !default;\r\n$metanavigation-languageswitch-font-size: $font-size-sm !default;\r\n\r\n$metanavigation-userflyout-padding: $dropdown-padding-y $dropdown-padding-x !default;\r\n$metanavigation-userflyout-bg: $metanavigation-privat-bg !default;\r\n$metanavigation-userflyout-box-shadow: $box-shadow !default;\r\n$metanavigation-userflyout-border-radius: $metanavigation-border-radius !default;\r\n$metanavigation-userflyout-transition-in: transform cubic-bezier(0.35, 0.05, 0.4, 1.5) 300ms, opacity ease-in 250ms 50ms !default;\r\n$metanavigation-userflyout-transition-out: transform cubic-bezier(0.35, 0.05, 0.4, 1) 150ms, opacity ease-out 100ms !default;\r\n\r\n$metanavigation-userflyout-button-color: $metanavigation-privat-action-color !default;\r\n$metanavigation-userflyout-button-icon-color: lighten($metanavigation-privat-action-color, 25%) !default;\r\n$metanavigation-userflyout-button-hover-color: $metanavigation-privat-action-hover-color !default;\r\n\r\n$metanavigation-userflyout-item-font-size: $metanavigation-languageswitch-font-size !default;\r\n$metanavigation-userflyout-item-color: $metanavigation-privat-action-color !default;\r\n\r\n$metanavigation-userflyout-item-hover-bg: darken($metanavigation-userflyout-bg, 8%) !default;\r\n$metanavigation-userflyout-item-hover-color: $white !default;\r\n\r\n$metanavigation-userflyout-item-active-bg: darken($metanavigation-userflyout-bg, 4%) !default;\r\n$metanavigation-userflyout-item-active-color: $metanavigation-userflyout-item-hover-color !default;\r\n\r\n$metanavigation-userflyout-divider-bg: darken($metanavigation-userflyout-bg, 6%) !default;\r\n\r\n// mobile\r\n$metanavigation-mobile-breakpoint: $mobile-breakpoint !default;\r\n\r\n$metanavigation-mobile-padding-y: $spacer * 1.5 !default;\r\n$metanavigation-mobile-padding-x: $spacer * 1.5 !default;\r\n\r\n$metanavigation-mobile-public-bg: $metanavigation-public-bg !default;\r\n$metanavigation-mobile-public-action-font-size: $font-size-sm !default;\r\n$metanavigation-mobile-public-action-color: $metanavigation-public-action-color !default;\r\n$metanavigation-mobile-public-action-hover-color: $metanavigation-public-action-hover-color !default;\r\n\r\n$metanavigation-mobile-privat-bg: $metanavigation-privat-bg !default;\r\n$metanavigation-mobile-privat-action-font-size: 1em !default;\r\n$metanavigation-mobile-privat-action-color: $metanavigation-privat-action-color !default;\r\n$metanavigation-mobile-privat-action-hover-color: $metanavigation-privat-action-hover-color !default;\r\n\r\n$metanavigation-mobile-action-padding-y: $spacer * 0.8 !default;\r\n$metanavigation-mobile-action-padding-x: 0 !default;\r\n$metanavigation-mobile-action-active-font-weight: $metanavigation-action-active-font-weight !default;\r\n\r\n$metanavigation-mobile-languageswitch-item-padding-y: $spacer * 0.25 !default;\r\n$metanavigation-mobile-languageswitch-item-padding-x: $spacer * 0.4 !default;\r\n\r\n$metanavigation-mobile-userflyout-button-color: $metanavigation-userflyout-button-color !default;\r\n$metanavigation-mobile-userflyout-button-icon-color: $metanavigation-userflyout-button-icon-color !default;\r\n\r\n$metanavigation-mobile-userflyout-menu-padding-y: 0 !default;\r\n$metanavigation-mobile-userflyout-menu-padding-x: $metanavigation-mobile-padding-x !default;\r\n\r\n$metanavigation-mobile-userflyout-item-padding-y: $metanavigation-mobile-action-padding-y * 0.5 !default;\r\n$metanavigation-mobile-userflyout-item-padding-x: $metanavigation-mobile-action-padding-x !default;\r\n$metanavigation-mobile-userflyout-item-font-size: $metanavigation-mobile-privat-action-font-size * 0.8 !default;\r\n$metanavigation-mobile-userflyout-item-color: $metanavigation-mobile-privat-action-color !default;\r\n\r\n$metanavigation-mobile-userflyout-item-hover-bg: $metanavigation-userflyout-item-hover-bg !default;\r\n$metanavigation-mobile-userflyout-item-hover-color: $metanavigation-userflyout-item-hover-color !default;\r\n\r\n$metanavigation-mobile-userflyout-item-active-bg: $metanavigation-userflyout-item-active-bg !default;\r\n$metanavigation-mobile-userflyout-item-active-color: $metanavigation-userflyout-item-active-color !default;\r\n\r\n$metanavigation-mobile-userflyout-divider-bg: $metanavigation-userflyout-divider-bg !default;\r\n\r\n.metanavigation {\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ul:not([class]) {\r\n    margin: 0;\r\n    @include list-unstyled();\r\n  }\r\n\r\n  &:not(.is-mobile) {\r\n    display: flex;\r\n    align-items: stretch;\r\n    position: relative;\r\n    height: $metanavigation-height;\r\n    z-index: 2;\r\n\r\n    ul:not([class]) {\r\n      display: flex;\r\n    }\r\n\r\n    .meta-action {\r\n      display: block;\r\n      padding: $metanavigation-action-padding-y $metanavigation-action-padding-x;\r\n      font-weight: $metanavigation-action-font-weight;\r\n      font-size: $metanavigation-action-font-size;\r\n\r\n      &:hover {\r\n        font-weight: $metanavigation-action-hover-font-weight;\r\n        font-size: $metanavigation-action-hover-font-size;\r\n      }\r\n\r\n      &.active {\r\n        font-weight: $metanavigation-action-active-font-weight;\r\n        font-size: $metanavigation-action-active-font-size;\r\n      }\r\n\r\n      &.languageswitch {\r\n        .flyout-menu {\r\n          min-width: 0;\r\n\r\n          .flyout-item {\r\n            .flyout-item-link,\r\n            .flyout-item-action > * {\r\n              padding: $metanavigation-languageswitch-padding;\r\n              font-size: $metanavigation-languageswitch-font-size;\r\n              text-align: center;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .metanavigation-public {\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      align-items: center;\r\n      flex: 1 0 auto;\r\n      position: relative;\r\n      padding: $metanavigation-padding-y ($metanavigation-padding-x * 0.5) $metanavigation-padding-y $metanavigation-padding-x;\r\n      background-color: $metanavigation-public-bg;\r\n      border-bottom-left-radius: $metanavigation-border-radius;\r\n\r\n      .meta-action {\r\n        display: block;\r\n        color: $metanavigation-public-action-color;\r\n\r\n        &:hover {\r\n          color: $metanavigation-public-action-hover-color;\r\n        }\r\n      }\r\n    }\r\n\r\n    .metanavigation-privat {\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      align-items: center;\r\n      position: relative;\r\n      padding: $metanavigation-padding-y $metanavigation-padding-x $metanavigation-padding-y ($metanavigation-padding-x * 0.5);\r\n      background-color: $metanavigation-privat-bg;\r\n      border-bottom-right-radius: $metanavigation-border-radius;\r\n      z-index: 1;\r\n\r\n      .meta-action {\r\n        color: $metanavigation-privat-action-color;\r\n\r\n        &:hover {\r\n          color: $metanavigation-privat-action-hover-color;\r\n        }\r\n      }\r\n\r\n      .custom-flyout {\r\n        .flyout-button {\r\n          display: block;\r\n          position: relative;\r\n          z-index: 1;\r\n          color: $metanavigation-userflyout-button-color;\r\n\r\n          .bi {\r\n            color: $metanavigation-userflyout-button-icon-color;\r\n          }\r\n\r\n          .button-icon {\r\n            display: none;\r\n          }\r\n        }\r\n\r\n        .flyout-menu {\r\n          overflow: hidden;\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          margin: 0;\r\n          padding: $metanavigation-userflyout-padding;\r\n          background-color: $metanavigation-userflyout-bg;\r\n          box-shadow: $metanavigation-userflyout-box-shadow;\r\n          border-bottom-right-radius: $metanavigation-userflyout-border-radius;\r\n          z-index: -1;\r\n\r\n          &:before {\r\n            display: block;\r\n            content: '';\r\n            height: $metanavigation-height;\r\n          }\r\n\r\n          .flyout-item {\r\n            .flyout-item-link,\r\n            .flyout-item-action > * {\r\n              font-size: $metanavigation-userflyout-item-font-size;\r\n              color: $metanavigation-userflyout-item-color;\r\n\r\n              &:hover {\r\n                background-color: $metanavigation-userflyout-item-hover-bg;\r\n                color: $metanavigation-userflyout-item-hover-color;\r\n              }\r\n            }\r\n\r\n            .flyout-item-action {\r\n              border-left: $hr-border-width solid $metanavigation-userflyout-divider-bg;\r\n            }\r\n\r\n            &.active {\r\n              .flyout-item-link,\r\n              .flyout-item-action > * {\r\n                background-color: $metanavigation-userflyout-item-active-bg;\r\n                color: $metanavigation-userflyout-item-active-color;\r\n\r\n                &:hover {\r\n                  background-color: $metanavigation-userflyout-item-hover-bg;\r\n                  color: $metanavigation-userflyout-item-hover-color;\r\n                }\r\n              }\r\n            }\r\n          }\r\n\r\n          .flyout-divider {\r\n            background-color: $metanavigation-userflyout-divider-bg;\r\n          }\r\n\r\n          &.flyout-enter {\r\n            opacity: 0;\r\n            transform: translateY(-50%);\r\n          }\r\n\r\n          &.flyout-enter-active {\r\n            transition: $metanavigation-userflyout-transition-in;\r\n          }\r\n\r\n          &.flyout-enter-to {\r\n            opacity: 1;\r\n            transform: translateY(0%);\r\n            transform: translateY(0%);\r\n          }\r\n\r\n          &.flyout-leave {\r\n            opacity: 1;\r\n            transform: translateY(0%);\r\n          }\r\n\r\n          &.flyout-leave-active {\r\n            transition: $metanavigation-userflyout-transition-out;\r\n          }\r\n\r\n          &.flyout-leave-to {\r\n            opacity: 0;\r\n            transform: translateY(-50%);\r\n          }\r\n        }\r\n\r\n        &:hover {\r\n          .flyout-button {\r\n            color: $metanavigation-userflyout-button-hover-color;\r\n          }\r\n        }\r\n\r\n        &.is-showing {\r\n          .flyout-button {\r\n            color: $metanavigation-userflyout-button-hover-color;\r\n          }\r\n        }\r\n      }\r\n\r\n      .user {\r\n        display: flex;\r\n      }\r\n\r\n      .hotline {}\r\n\r\n      .cart {}\r\n\r\n      > * {\r\n        + * {\r\n          border-left: $border-width solid $metanavigation-privat-action-color;\r\n        }\r\n      }\r\n    }\r\n\r\n    @include media-breakpoint-down($metanavigation-mobile-breakpoint) {\r\n      display: none;\r\n      height: 0;\r\n    }\r\n  }\r\n\r\n  &.is-mobile {\r\n    display: none;\r\n\r\n    @include media-breakpoint-down($metanavigation-mobile-breakpoint) {\r\n      display: block;\r\n      border-top: 2px solid $primary;\r\n\r\n      .meta-action {\r\n        &.active {\r\n          font-weight: $metanavigation-mobile-action-active-font-weight;\r\n          color: inherit!important;\r\n          cursor: pointer;\r\n        }\r\n\r\n        &.languageswitch {\r\n          .flyout-button {\r\n            display: none;\r\n          }\r\n\r\n          .flyout-menu {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            position: static;\r\n            padding: 0;\r\n            background-color: transparent;\r\n            font-size: inherit;\r\n            transform: none;\r\n            box-shadow: none;\r\n\r\n            &:before {\r\n              display: none;\r\n            }\r\n\r\n            .flyout-item {\r\n              .flyout-item-link,\r\n              .flyout-item-action > * {\r\n                padding: $metanavigation-mobile-languageswitch-item-padding-y $metanavigation-mobile-languageswitch-item-padding-x;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .metanavigation-public,\r\n      .metanavigation-privat {\r\n        position: relative;\r\n        padding: $metanavigation-mobile-padding-y $metanavigation-mobile-padding-x;\r\n        @include make-container();\r\n        @include make-container-max-widths();\r\n\r\n        .meta-action {\r\n          display: inline-block;\r\n          padding: $metanavigation-mobile-action-padding-y $metanavigation-mobile-action-padding-x;\r\n\r\n          &:first-child {\r\n            margin-top: $metanavigation-mobile-action-padding-y * -1;\r\n          }\r\n\r\n          &:last-child {\r\n            margin-bottom: $metanavigation-mobile-action-padding-y * -1;\r\n          }\r\n        }\r\n\r\n        &:before,\r\n        &:after {\r\n          display: block;\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          bottom: 0;\r\n          width: 50vw;\r\n          background-color: inherit;\r\n        }\r\n\r\n        &:before {\r\n          right: 100%;\r\n        }\r\n\r\n        &:after {\r\n          left: 100%;\r\n        }\r\n      }\r\n\r\n      .metanavigation-public {\r\n        background-color: $metanavigation-mobile-public-bg;\r\n\r\n        .meta-action {\r\n          font-size: $metanavigation-mobile-public-action-font-size;\r\n          color: $metanavigation-mobile-public-action-color;\r\n\r\n          &:hover {\r\n            color: $metanavigation-mobile-public-action-hover-color;\r\n          }\r\n        }\r\n      }\r\n\r\n      .metanavigation-privat {\r\n        background-color: $metanavigation-mobile-privat-bg;\r\n\r\n        .meta-action {\r\n          font-size: $metanavigation-mobile-privat-action-font-size;\r\n          color: $metanavigation-mobile-privat-action-color;\r\n\r\n          &:hover {\r\n            color: $metanavigation-mobile-privat-action-hover-color;\r\n          }\r\n        }\r\n\r\n        .custom-flyout {\r\n          display: block;\r\n\r\n          .flyout-button {\r\n            color: $metanavigation-mobile-userflyout-button-color;\r\n            cursor: default;\r\n\r\n            .bi {\r\n              color: $metanavigation-mobile-userflyout-button-icon-color;\r\n            }\r\n\r\n            .button-icon {\r\n              display: none;\r\n            }\r\n          }\r\n\r\n          .flyout-menu {\r\n            margin: 0;\r\n            padding: $metanavigation-mobile-userflyout-menu-padding-y $metanavigation-mobile-userflyout-menu-padding-x;\r\n\r\n            .flyout-item {\r\n              .flyout-item-link,\r\n              .flyout-item-action > * {\r\n                background-color: transparent;\r\n                font-size: $metanavigation-mobile-userflyout-item-font-size;\r\n                color: $metanavigation-mobile-userflyout-item-color;\r\n\r\n                &:hover {\r\n                  background-color: $metanavigation-mobile-userflyout-item-hover-bg;\r\n                  color: $metanavigation-mobile-userflyout-item-hover-color;\r\n                }\r\n              }\r\n\r\n              .flyout-item-link {\r\n                padding-left: 0;\r\n              }\r\n\r\n              .flyout-item-action {\r\n                border-left: $hr-border-width solid $metanavigation-mobile-userflyout-divider-bg;\r\n              }\r\n\r\n              &.active {\r\n                .flyout-item-link,\r\n                .flyout-item-action > * {\r\n                  background-color: $metanavigation-mobile-userflyout-item-active-bg;\r\n                  color: $metanavigation-mobile-userflyout-item-active-color;\r\n\r\n                  &:hover {\r\n                    background-color: $metanavigation-mobile-userflyout-item-hover-bg;\r\n                    color: $metanavigation-mobile-userflyout-item-hover-color;\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n\r\n          .flyout-divider {\r\n            background-color: $metanavigation-mobile-userflyout-divider-bg;\r\n          }\r\n        }\r\n\r\n        .user {}\r\n\r\n        .hotline {}\r\n\r\n        .cart {}\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!./NavigationMeta.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!./NavigationMeta.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavigationMeta.vue?vue&type=template&id=665a4106&\"\nimport script from \"./NavigationMeta.vue?vue&type=script&lang=js&\"\nexport * from \"./NavigationMeta.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NavigationMeta.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!./NavigationMeta.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}