{"version":3,"sources":["webpack:///./src/components/utils/CircleLink.vue","webpack:///./src/components/utils/CircleLink.vue?3411","webpack:///./src/components/parts/Newsletter.vue","webpack:///./src/components/parts/Newsletter.vue?6c27","webpack:///./src/components/parts/Newsletter.vue?b9e5","webpack:///./src/components/utils/CircleLink.vue?2bc3","webpack:///./src/assets/images/arrow-right.svg","webpack:///./src/assets/images/arrow-right.svg?d093"],"names":["class","to","blue","props","type","String","Boolean","default","render","action","method","target","isBlue","clip-top","payload","clip","clip-top-mobile","clipmobile","rassenbeschreib","length","texts","title","tease","email","name","required","placeholder","value","optIn","components","CircleLink","Arrow","Object","setup","subscribeNewsletter","e","preventDefault","console","log","hintergrund","includes","__scopeId","script"],"mappings":"6MACE,eAIK,GAJDA,MAAM,OAAQC,GAAI,EAAAA,I,yBACpB,iBAEM,CAFN,eAEM,OAFDD,MAAK,gBAAC,oBAAmB,gBAA2B,EAAAE,S,CACvD,eAAQ,qB,sBAMC,OACbC,MAAO,CACLF,GAAI,CAAEG,KAAMC,QACZH,KAAM,CAAEE,KAAME,QAASC,SAAS,K,UCPpC,EAAOC,OAASA,EAED,U,mICI+CR,MAAM,4C,GAEvDA,MAAM,uE,EACT,eAEM,OAFDA,MAAM,aAAY,qCAEvB,G,GAKMA,MAAM,wC,GACXA,MAAM,U,GACJA,MAAM,+B,GACJA,MAAM,qB,GAGPA,MAAM,mB,GAIJS,OAAO,wGAA4GC,OAAO,OAAOC,OAAO,U,GACvIX,MAAM,sB,4KA9BrB,eAmDU,WAlDRA,MAAK,gBAAC,4BAA2B,WACZ,EAAAY,OAAM,YAAe,EAAAA,W,CAE1C,eAIE,GAHAZ,MAAM,UACLa,WAAU,EAAAC,QAAQC,KAClBC,kBAAiB,EAAAF,QAAQG,Y,uCAEb,EAAAH,QAAQI,gBAAgBC,OAAM,E,iCAA7C,eASU,UATV,EASU,CARR,eAOc,GAPAjB,MAAM,EAAOD,GAAI,2G,yBAC7B,iBAKM,CALN,eAKM,MALN,EAKM,CAJJ,EAGA,eAAuB,GAAhBD,MAAM,gB,kEAInB,eA+BM,MA/BN,EA+BM,CA9BJ,eA6BM,MA7BN,EA6BM,CA5BJ,eA2BM,MA3BN,EA2BM,CA1BJ,eAEM,MAFN,EAEM,eADD,EAAAc,QAAQM,MAAMC,OAAK,GAExB,eAEK,KAFL,EAEK,eADA,EAAAP,QAAQM,MAAME,OAAK,GAGxB,eAkBO,OAlBP,EAkBO,CAjBL,eASM,MATN,EASM,C,eARJ,eAOC,S,qDANU,EAAAC,MAAK,IACdvB,MAAM,cACNwB,KAAK,QACLpB,KAAK,QACLqB,SAAA,GACAC,YAAY,uB,mBALH,EAAAH,WAQb,eAMM,YALJ,eAIC,SAHCnB,KAAK,SACLJ,MAAM,mBACL2B,MAAO,EAAAb,QAAQM,MAAMQ,O,oGAevB,GACbC,WAAY,CAAEC,aAAA,KAAYC,MAAA,QAC1B5B,MAAO,CAAEW,QAAS,CAAEV,KAAM4B,OAAQzB,QAAS,iBAAO,MAClD0B,MAHa,SAGP9B,GACJ,IAAMoB,EAAQ,iBACRW,EAAsB,SAACC,GAC3BA,EAAEC,iBACFC,QAAQC,IAAIf,EAAMI,QAGpB,MAAO,CACLJ,QACAX,OAAQ,gBAAS,kBAAMT,EAAMW,QAAQyB,YAAYC,SAAS,WAC1DN,yB,UCrEN,EAAO1B,OAASA,EAChB,EAAOiC,UAAY,kBAEJ,gB,kCCRf,W,kCCAA,W,4ECAK,MAAM,6BAA6B,QAAQ,qB,EAAoB,eAAwV,QAAlV,YAAU,0BAA0B,EAAE,+RAA+R,KAAK,Q,YAAhV,G,wCAApE,eAAka,MAAla,KCCA,MAAMC,EAAS,GACfA,EAAOlC,OAASA,EAED","file":"js/chunk-95f6366e.6223babe.js","sourcesContent":["<template>\n  <Go class=\"link\" :to=\"to\">\n    <div class=\"circle bg-primary\" :class=\"{ 'bg-secondary': blue }\">\n      <slot />\n    </div>\n  </Go>\n</template>\n\n<script>\nexport default {\n  props: {\n    to: { type: String },\n    blue: { type: Boolean, default: false },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import '@/assets/styles/_mixin.scss';\n\n.circle {\n  height: px(190);\n  width: px(190);\n  border-radius: 50%;\n}\n\n.link {\n  .circle {\n     transition: 0.15s ease-in-out;\n    &:hover {\n      transform: scale(1.1);\n    }\n  }\n}\n</style>\n","import { render } from \"./CircleLink.vue?vue&type=template&id=67a69870\"\nimport script from \"./CircleLink.vue?vue&type=script&lang=js\"\nexport * from \"./CircleLink.vue?vue&type=script&lang=js\"\n\nimport \"./CircleLink.vue?vue&type=style&index=0&id=67a69870&lang=scss\"\nscript.render = render\n\nexport default script","<!-- eslint-disable -->\n<template>\n  <section\n    class=\"part newsletter-container\"\n    :class=\"{ 'bg-blue': isBlue, 'bg-white': !isBlue }\"\n  >\n    <clip\n      class=\"clipper\"\n      :clip-top=\"payload.clip\"\n      :clip-top-mobile=\"payload.clipmobile\"\n    />\n    <section v-if=\"payload.rassenbeschreib.length > 0\" v-view class=\"absolute rassen-circle animate in-bottom\">\n      <circle-link :blue=\"true\" :to=\"'https://admin.ginevracobberdog.jkweb.dev/download/3/Rassestandard_Australian_Cobberdogs.pdf?inline=true'\">\n        <div class=\"flex justify-center flex-col items-center h-full text-center text-m\">\n          <div class=\"text-gray\">\n            Zum offiziellen Rassenbeschrieb\n          </div>\n          <arrow class=\"arrow\" />\n        </div>\n      </circle-link>\n    </section>\n    <div v-view class=\"constrain relative animate in-bottom\">\n      <div class=\"row-12\">\n        <div class=\"col-12 md:col-6 md:offset-3\">\n          <div class=\"text-active title\">\n            {{ payload.texts.title }}\n          </div>\n          <h2 class=\"text-gray tease\">\n            {{ payload.texts.tease }}\n          </h2>\n\n          <form action=\"https://ginevracobberdog.us5.list-manage.com/subscribe/post?u=ee758bdc6907623fd4f8c0a85&amp;id=3627389d1c\" method=\"post\" target=\"_blank\">\n            <div class=\"input-wrapper mb-8\">\n              <input\n                v-model=\"email\"\n                class=\"email-input\"\n                name=\"EMAIL\"\n                type=\"email\"\n                required\n                placeholder=\"Deine Email-Adresse\"\n              >\n            </div>\n            <div>\n              <input\n                type=\"submit\"\n                class=\"btn btn-anmelden\"\n                :value=\"payload.texts.optIn\"\n              >\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\nimport { computed, ref } from 'vue';\nimport CircleLink from '../utils/CircleLink.vue';\nimport Arrow from '@/assets/images/arrow-right.svg';\n\nexport default {\n  components: { CircleLink, Arrow },\n  props: { payload: { type: Object, default: () => ({}) } },\n  setup(props) {\n    const email = ref();\n    const subscribeNewsletter = (e) => {\n      e.preventDefault();\n      console.log(email.value);\n    };\n\n    return {\n      email,\n      isBlue: computed(() => props.payload.hintergrund.includes('blau')),\n      subscribeNewsletter,\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/styles/_mixin.scss';\n\n.title {\n  @apply text-m;\n\n  line-height: px(32);\n  font-weight: 800;\n  @screen md {\n    @apply text-l;\n  }\n  @include responsive('line-height', px(24), px(32));\n}\n\n.newsletter-container {\n  @apply pb-28 flex flex-col justify-end;\n\n  z-index: 10;\n  @include responsive('min-height', px(450), px(600));\n}\n\n.email-input {\n  background-color: transparent;\n  outline: none;\n  color: var(--color-input-gray);\n  @include responsive('font-size', px(24), px(36));\n  @include responsive('line-height', px(32), px(64));\n}\n\n.tease {\n  @include responsive('margin-bottom', px(24), 3rem);\n}\n\n.email-input::placeholder {\n  color: var(--color-input-gray);\n}\n\n.email-input::-moz-placeholder {\n  color: var(--color-input-gray);\n}\n\n.email-input::-webkit-input-placeholder {\n  color: var(--color-input-gray);\n}\n\n.input-wrapper {\n  @include responsive('border-bottom', 2px solid #707070, 4px solid #707070);\n}\n\n.btn-anmelden {\n  font-size: px(18);\n  line-height: px(25);\n  @include responsive('padding', px(4) px(16), px(4) px(20));\n}\n\n.clipper {\n  @apply bg-primary;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.rassen-circle {\n  top: -10%;\n  right: 10%;\n\n  @screen md {\n    top: -20%;\n  }\n}\n\n.arrow {\n  height: 40px;\n  :deep {\n    path {\n      fill: var(--color-very-dark-gray);\n    }\n  }\n}\n</style>\n","import { render } from \"./Newsletter.vue?vue&type=template&id=7c73ade8&scoped=true\"\nimport script from \"./Newsletter.vue?vue&type=script&lang=js\"\nexport * from \"./Newsletter.vue?vue&type=script&lang=js\"\n\nimport \"./Newsletter.vue?vue&type=style&index=0&id=7c73ade8&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-7c73ade8\"\n\nexport default script","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-v16/dist/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-v16/dist/index.js??ref--0-1!./Newsletter.vue?vue&type=style&index=0&id=7c73ade8&lang=scss&scoped=true\"","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-v16/dist/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-v16/dist/index.js??ref--0-1!./CircleLink.vue?vue&type=style&index=0&id=67a69870&lang=scss\"","<template><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 42.468 41.393\"><path data-name=\"Icon awesome-arrow-left\" d=\"M18.057 2.773l2.1-2.1a2.265 2.265 0 013.213 0L41.8 19.085a2.265 2.265 0 010 3.213L23.374 40.725a2.265 2.265 0 01-3.213 0l-2.1-2.1a2.277 2.277 0 01.038-3.251l11.417-10.886H2.275A2.269 2.269 0 010 22.213V19.18a2.269 2.269 0 012.275-2.275h27.241L18.095 6.024a2.261 2.261 0 01-.038-3.251z\" fill=\"#fff\"/></svg></template>","import { render } from \"./arrow-right.svg?vue&type=template&id=02180039\"\nconst script = {}\nscript.render = render\n\nexport default script"],"sourceRoot":""}