{"version":3,"file":"OffersLift.HbjG-wJl.js","sources":["../../../src/theme/malloftripla2024/components/offers/SeeAllOffersCard.svelte","../../../src/theme/malloftripla2024/components/offers/OffersLift.svelte"],"sourcesContent":["<!-- @format -->\n<script lang=\"ts\">\n  import type { Link } from \"~/components/field-utils\";\n  export let linkTextbox: Link = {\n    text: \"\",\n    href: \"\",\n    outbound: false,\n  };\n  export let backgroundColor = \"#6950a1\"\n  export let textColor = \"#FFF\"\n  export let aspectRatio = 1  // Default to square if not provided\n\n  const { text, href, outbound } = linkTextbox;\n\n  $: target = outbound == true ? \"_blank\" : \"\";\n</script>\n\n{#if text && href}\n  <a class=\"card-link\" {href} {target}>\n    <div \n      class=\"card-link-image-wrapper\"\n      style=\"--aspect-ratio: {aspectRatio * 100}%; background-color: {backgroundColor}; color: {textColor}\">\n      <div class=\"card-text\">\n        <p class=\"fw-bold\">{text}</p>\n        <img\n          class=\"lazy-loading-src\"\n          src=\"/theme/malloftripla2024/images/point-to-right-white.png\"\n          alt=\"point-to-right\"\n          width=\"50\"\n          height=\"28\" />\n      </div>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  .card-link {\n    display: block;\n    position: relative;\n    width: 100%;\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .card-link-image-wrapper {\n    position: relative;\n    width: 100%;\n    color: #fff;\n    border: 3px solid var(--color-accent-secondary-light);\n    overflow: hidden;\n    background-image: var(--btn-primary-background-color);\n    background-size: cover;\n    background-position: center;\n    \n    &::before {\n      content: '';\n      display: block;\n      padding-top: var(--aspect-ratio, 100%);\n    }\n  }\n\n  .card-text {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    padding: 1rem;\n\n    p {\n      font-size: 18px;\n      line-height: 1.2;\n      margin: 0;\n      font-weight: 600;\n      max-width: 80%;\n    }\n\n    img {\n      width: 50px;\n      margin-top: 1rem;\n      height: auto;\n    }\n  }\n\n  a {\n    color: #101820;\n    text-decoration: none;\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n</style>\n","<!-- @format -->\n<script lang=\"ts\">\n  import { getStoresContext } from \"~/stores\";\n  import type { StoresKey } from \"~/stores\";\n  import type { ManageAPI } from \"~/manage-api/types\";\n  import LiftCarousel, { type CarouselConfig } from \"../carousels/LiftCarousel.svelte\";\n  import OfferCard from \"./OfferCard.svelte\";\n  import Title from \"../common/Title.svelte\";\n  import SeeAllOffersCard from \"./SeeAllOffersCard.svelte\";\n  import { getOffersByStream } from \"./utils\";\n  import { imageRatioValues } from \"../../configuration\";\n  import { getOneOfferPerStore } from \"~/util/offer\";\n  import type { CarouselInfo } from \"../carousels/utils\";\n\n  export let class_list = \"\";\n  export let request_store_key: StoresKey;\n  export let carouselInfo: CarouselInfo;\n  export let offerStreamID = 3;\n\n  const stores_context = getStoresContext(request_store_key);\n  const { offers, store } = stores_context;\n  const {\n    titleTextColor,\n    textColor,\n    textboxBackgroundColor,\n    linkTextbox,\n    linkTitle,\n  } = carouselInfo;\n  \n  let filtered_offers: ManageAPI.Offer[] = [];\n  let config: CarouselConfig = {};\n\n  $: if ($offers && offerStreamID) {\n    filtered_offers = getOneOfferPerStore([...$offers]);\n    filtered_offers = getOffersByStream(\n      filtered_offers,\n      offerStreamID,\n      offerStreamID == 1,\n    );\n    config = {\n      aspectRatio: imageRatioValues[\"OFFER\"],\n      count: filtered_offers.length + 1,\n      initalSlideTo: filtered_offers.length - 3 || 0,\n      pos: filtered_offers.length >= 2 ? filtered_offers.length - 2 : 0,\n    };\n  }\n\n  // For store's own page:\n  $: if ($offers && $store) {\n    filtered_offers = [...$offers].filter(offer => offer.store?.id === $store.id);\n    // Filter out workery offers:\n    filtered_offers = filtered_offers.filter(\n      offer => !(offer.publicationStreams.length === 1 && offer.publicationStreams[0]?.id === 3)\n    );\n    config = {\n      aspectRatio: imageRatioValues[\"OFFER\"],\n      count: filtered_offers.length + 1,\n      initalSlideTo: filtered_offers.length - 3 || 0,\n      pos: filtered_offers.length >= 2 ? filtered_offers.length - 2 : 0,\n    };\n  }\n</script>\n\n{#if filtered_offers.length}\n<div class=\"offers-lift-wrapper\">\n  <div class=\"py-6 {class_list}\">\n    {#if linkTitle}\n      <Title {linkTitle} {titleTextColor} />\n    {/if}\n    <LiftCarousel {config} isStorePage={!!$store}>\n      <svelte:fragment slot=\"swiper\">\n        {#each filtered_offers as offer, index}\n          <div class=\"swiper-slide\">\n            <OfferCard\n              {offer}\n              {request_store_key} />\n          </div>\n          {#if index == config.pos && linkTextbox}\n            <div class=\"swiper-slide\">\n              <SeeAllOffersCard\n                {textColor}\n                backgroundColor={textboxBackgroundColor}\n                {linkTextbox} />\n            </div>\n          {/if}\n        {/each}\n      </svelte:fragment>\n    </LiftCarousel>\n  </div>\n</div>\n{/if}\n\n<style lang=\"scss\">\n  .offers-lift-wrapper {\n    background-color: var(--brand-color-1) !important;\n    background-position: 50% 50%;\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-image: url(/documents/d/mall-of-tripla/suosittuja_tuotteita_juuri_nyt_desktop_pohja-png?download=true) !important;\n  }\n</style>\n"],"names":["ctx","set_style","div1","insert_hydration","target","a","anchor","append_hydration","div0","p","img","if_block","create_if_block","dirty","linkTextbox","$$props","backgroundColor","textColor","aspectRatio","text","href","outbound","$$invalidate","create_if_block_2","div","create_if_block_1","i","each_blocks","class_list","request_store_key","carouselInfo","offerStreamID","stores_context","getStoresContext","offers","store","titleTextColor","textboxBackgroundColor","linkTitle","filtered_offers","config","$offers","getOneOfferPerStore","getOffersByStream","imageRatioValues","$store","offer"],"mappings":"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"}