{"version":3,"file":"HeroPath.BTPc--CN.js","sources":["../../../../../../src/lib/components/organisms/Hero/HeroPath.svelte"],"sourcesContent":["<script lang=\"ts\">\n  // Stores\n  import { CourseType, CourseTypeStore } from \"$lib/utils/courses/type-store\";\n\n  export let type: string;\n  export let title: string;\n  export let backgroundDesktopImage: string | null = null;\n  export let backgroundMobileImage: string | null = null;\n  export let cssClass: string = '';\n\n  if (type === 'Una settimana ricca di appuntamenti') {\n    cssClass = 'brand-color';\n  }\n</script>\n\n<!-- Add route class to enable custom color -->\n<section class=\"hero-path {cssClass}\">\n  <div class=\"hero-grid\">\n    {#if backgroundDesktopImage}\n      <div class=\"hero-image-wrapper\">\n        {#if backgroundMobileImage}\n          <img\n            src={backgroundDesktopImage}\n            srcset=\"{backgroundMobileImage} 768w, {backgroundDesktopImage}\"\n            sizes=\"(max-width: 768px) 768px\"\n            alt={title}\n            class=\"hero-image\"\n          />\n        {:else}\n          <img\n            src={backgroundDesktopImage}\n            alt={title}\n            class=\"hero-image\"\n          />\n        {/if}\n      </div>\n    {/if}\n    <div class=\"hero-title\">\n      <p class=\"hero-path-type\">\n        {#if $$slots.type}\n          <slot name=\"type\" />\n        {:else}\n          {type}\n        {/if}\n      </p>\n      <h1 class=\"hero-path-title\">\n        {#if $$slots.title}\n          <slot name=\"title\" />\n        {:else}\n          {title}\n        {/if}\n      </h1>\n    </div>\n\n    <div class=\"hero-content\">\n      <div class=\"hero-content-text\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</section>\n\n<style type=\"text/scss\" lang=\"scss\" scoped>\n  .hero-path {\n    --hero-height: 400px;\n    @apply bg-transparent;\n    @apply relative;\n  }\n\n  .hero-grid {\n    @apply grid grid-cols-default;\n    @apply gap-x-grid-default;\n    @apply w-full;\n    @apply md:page-margin md:page-max-width;\n    @apply bg-tint text-contrast-tint;\n    @apply md:mb-24;\n\n    @screen md {\n      height: var(--hero-height);\n    }\n\n    &:before {\n      content: '';\n      @apply hidden;\n      @apply md:block;\n      @apply md:bg-tint md:text-contrast-tint;\n      @apply md:absolute md:inset-0;\n    }\n  }\n\n  .hero-image-wrapper {\n    @apply absolute;\n    @apply w-full h-full;\n    @apply top-0 right-0 bottom-0 left-0;\n    @apply z-10;\n\n    .hero-image {\n      @apply object-cover object-center;\n      @apply w-full h-full;\n    }\n  }\n\n  .hero-path-type {\n    @apply uppercase tracking-wider font-semibold;\n    @apply text-white text-opacity-50 text-sm md:text-base;\n  }\n\n  .hero-path-title {\n    @apply text-md md:text-6xl leading-snug md:leading-tighter;\n    @apply text-white font-medium font-serif;\n  }\n\n  .hero-path-type + .hero-path-title {\n    @apply mt-3;\n  }\n\n  .hero-title {\n    @apply relative;\n    @apply col-span-full;\n    @apply page-margin py-12 md:p-0;\n    @apply md:row-start-1 md:col-start-1 md:col-span-6 xl:col-span-5;\n    @apply md:self-center;\n    z-index: 20;\n  }\n\n  .hero-content {\n    @apply relative;\n    @apply bg-gray-50 md:bg-white;\n    @apply py-6 page-margin md:p-8;\n    @apply col-span-full;\n    @apply md:row-start-1 md:col-start-7 md:col-span-6;\n    @apply md:self-end md:-mb-12;\n    z-index: 20;\n  }\n\n  .hero-content-text {\n    @apply leading-relaxed;\n  }\n</style>\n"],"names":["ctx","create_if_block_3","insert_hydration","target","div","anchor","attr","img","img_src_value","srcset_url_equal","img_srcset_value","dirty","create_if_block_2","section","append_hydration","div3","div0","p","h1","div2","div1","type","$$props","title","backgroundDesktopImage","backgroundMobileImage","cssClass"],"mappings":"gdAoBaA,EAAqB,CAAA,EAAAC,gMAD5BC,EAgBKC,EAAAC,EAAAC,CAAA,sOALML,EAAsB,CAAA,CAAA,GAAAM,EAAAC,EAAA,MAAAC,CAAA,YACtBR,EAAK,CAAA,CAAA,kDAFZE,EAICC,EAAAI,EAAAF,CAAA,0BAHML,EAAsB,CAAA,CAAA,+BACtBA,EAAK,CAAA,CAAA,iKATLA,EAAsB,CAAA,CAAA,GAAAM,EAAAC,EAAA,MAAAC,CAAA,EAClBC,GAAAF,EAAAG,EAAAV,eAA8BA,EAAsB,CAAA,CAAA,GAAAM,EAAAC,EAAA,SAAAG,CAAA,oDAExDV,EAAK,CAAA,CAAA,kDAJZE,EAMCC,EAAAI,EAAAF,CAAA,0BALML,EAAsB,CAAA,CAAA,gBAClBW,EAAA,IAAAD,KAAAA,EAAAV,eAA8BA,EAAsB,CAAA,mCAExDA,EAAK,CAAA,CAAA,uDAiBXA,EAAI,CAAA,CAAA,eAAJA,EAAI,CAAA,CAAA,qCAAJA,EAAI,CAAA,CAAA,qTAOJA,EAAK,CAAA,CAAA,eAALA,EAAK,CAAA,CAAA,qCAALA,EAAK,CAAA,CAAA,oUA/BPA,EAAsB,CAAA,GAAAY,GAAAZ,CAAA,uCAqBlB,OAAAA,KAAQ,KAAI,+DAOZ,OAAAA,KAAQ,MAAK,44BA9BCA,EAAQ,CAAA,EAAA,gBAAA,UAAnCE,EA4CSC,EAAAU,EAAAR,CAAA,EA3CPS,EA0CKD,EAAAE,CAAA,wBAtBHD,EAeKC,EAAAC,CAAA,EAdHF,EAMGE,EAAAC,CAAA,wBACHH,EAMIE,EAAAE,CAAA,wBAGNJ,EAIKC,EAAAI,CAAA,EAHHL,EAEKK,EAAAC,CAAA,gCAvCFpB,EAAsB,CAAA,+ZAFJA,EAAQ,CAAA,EAAA,oNAZtB,GAAA,CAAA,KAAAqB,CAAA,EAAAC,EACA,CAAA,MAAAC,CAAA,EAAAD,GACA,uBAAAE,EAAwC,IAAA,EAAAF,GACxC,sBAAAG,EAAuC,IAAA,EAAAH,GACvC,SAAAI,EAAmB,EAAA,EAAAJ,SAE1BD,IAAS,wCACXK,EAAW"}