{"version":3,"file":"OfferCardModal.CUdxUUxO.js","sources":["../../../src/theme/eften2025/components/offers/OfferCard.svelte","../../../src/theme/eften2025/components/offers/Modal.svelte","../../../src/theme/eften2025/components/offers/OfferCardModal.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import type { ManageAPI } from \"~/manage-api/types\";\n  import { getStoresContext } from \"~/stores\";\n  import type { StoresKey } from \"~/stores\";\n  import OfferView from \"~/components/statistics/OfferView.svelte\";\n  import { createEventDispatcher } from \"svelte\";\n  \n  export let offer: ManageAPI.Offer;\n  export let request_store_key: StoresKey;\n\n  const { reverse_router, stores, scdata, site } = getStoresContext(request_store_key);\n\n  $: store = $stores && $stores.find((store) => store.id == offer.store?.id);\n  $: logo = store?.logoURL;\n  $: alt = store?.name || $site.name;\n  $: id = offer.id;\n  $: href = store\n    ? $reverse_router.routeStore(store, $scdata) || \"\"\n    : undefined\n  ;\n  const dispatch = createEventDispatcher();\n\n  function focusOffer() {\n    dispatch(\"focusOffer\", id);\n  }\n</script>\n\n\n<OfferView {id} on:focusOffer={focusOffer}>\n  <div\n    class=\"square mb-3\"\n  >\n    {#if offer.images && offer.images.length}\n      <img src={offer.images.at(0)} alt={alt} />\n    {:else}\n      <img src={logo} alt={alt} />\n    {/if}\n\n    <div class=\"offer-validity\">\n      {offer.title}\n    </div>\n  </div>\n\n  <div class:px-3={id} class:pb-3={id}>\n    {#if store}\n      <a class=\"mb-2 publisher px-0\" {href}>{alt}</a>\n    {:else}\n      <span class=\"mb-2 publisher px-0\">{alt}</span>\n    {/if}\n\n    <p class=\"offer-title-text\">{offer.description1} {offer.description2}</p>\n    \n    {#if id && offer.longDescription}\n      <p class=\"mt-3\">{offer.longDescription}</p>\n    {/if}\n  </div>\n</OfferView>\n\n\n<style lang=\"scss\">\n  .offer-validity {\n    position: absolute;\n    bottom: -1px;\n    left: -1px;\n    color: #fff;\n    padding: 0.4rem 0.6rem;\n    background-color: var(--brandColor1);\n    font-weight: 500;\n    font-size: 17px;\n  }\n\n  .publisher {\n    background: none;\n    border: none;\n    color: var(--brand-color-1);\n    font-size: 16px;\n  }\n\n  a.publisher {\n    text-decoration: underline;\n  }\n\n  .square {\n    position: relative;\n    background: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 2rem;\n    aspect-ratio: 1;\n    cursor: pointer;\n    border: 1px solid #ddd;\n  }\n\n  .square img {\n    max-width: 100%;\n    max-height: 100%;\n    position: absolute;\n    -webkit-transition: 0.5s all ease-in-out;\n    transition: 0.5s all ease-in-out;\n  }\n\n  .square:hover {\n    img {\n      transform: scale(1.13);\n    }\n  }\n\n  .offer-title-text {\n    font-weight: 600;\n  }\n</style>\n","<script lang=\"ts\">\n  import { onMount } from \"svelte\";\n  import { getStoresContext } from \"~/stores\";\n\n  export let id = 0; // boolean\n  export let request_store_key;\n  const { T } = getStoresContext(request_store_key);\n  $: t = $T;\n\n\n  let dialog: HTMLDialogElement; // HTMLDialogElement\n\n  $: if (dialog && id) dialog.showModal();\n  let body: HTMLBodyElement;\n  onMount(() => {\n    body = document.getElementsByTagName(\"body\")[0];\n  });\n\n  $: {\n    if (dialog && id && body) {\n      body.classList.add(\"overflow-hidden\");\n    } else if (body && !id) {\n      body.classList.remove(\"overflow-hidden\");\n    }\n  }\n</script>\n\n<!-- svelte-ignore a11y-click-events-have-key-events -->\n<dialog\n  bind:this={dialog}\n  on:close={() => (id = 0)}\n  on:click|self={() => dialog.close()}\n>\n  <div class=\"m-auto\" on:click|stopPropagation>\n    <slot />\n    <button class=\"close\" on:click={() => dialog.close()}>\n      <span class=\"d-lg-none\">{t`close`}</span>\n      <img src=\"/theme/eften2025/images/close-icon.png\" alt=\"close\" width=\"32\" />\n    </button>\n  </div>\n</dialog>\n\n<style lang=\"scss\">\n  .close {\n    right: 19px;\n    position: absolute;\n    top: -40px;\n    transition: all 0.2s ease;\n    display: flex;\n    span {\n      color: var(--color-white);\n      margin-right: 5px;\n    }\n    @media screen and (min-width: 992px) {\n      right: -50px;\n      position: absolute;\n      top: 0;\n      display: block;\n    }\n  }\n  .close:hover {\n    transform: scale(1.2);\n  }\n  dialog {\n    overflow: visible;\n    padding: 0;\n\n    div {\n      max-width: calc(100vw - 50px);\n      width: 420px;\n      background-color: #ffffff;\n      max-height: 71vh;\n      overflow: auto;\n\n      @media screen and (min-width: 768px) {\n        max-height: 90vh;\n      }\n    }\n  }\n  dialog::backdrop {\n    background: rgba(0, 0, 0, 0.75);\n  }\n\n  dialog[open] {\n    animation: zoom 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n  @keyframes zoom {\n    from {\n      transform: scale(0.95);\n    }\n    to {\n      transform: scale(1);\n    }\n  }\n  dialog[open]::backdrop {\n    animation: fade 0.2s ease-out;\n  }\n  @keyframes fade {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  button {\n    display: block;\n  }\n</style>\n","<!-- @format -->\n<script lang=\"ts\">\n  import type { ManageAPI } from \"~/manage-api/types\";\n  import { getStoresContext } from \"~/stores\";\n  import type { StoresKey } from \"~/stores\";\n  import Button from \"../Button.svelte\";\n  export let offer: ManageAPI.Offer;\n  export let request_store_key: StoresKey;\n  const { reverse_router, stores, scdata, site, T } = getStoresContext(request_store_key);\n  $: store = $stores && $stores.find((store) => store.id == offer.store?.id);\n  $: store_href = store ? $reverse_router.routeStore(store, $scdata) : '';\n  $: logo = store?.logoURL;\n  $: alt = store?.name || $site.name;\n  $: url = $reverse_router.routeOffer(offer, $scdata, $stores);\n  $: t = $T;\n</script>\n\n<div class=\"square mb-3\">\n  {#if offer.images && offer.images.length}\n    <img src={offer.images.at(0)} alt={alt} />\n  {:else}\n    <img src={logo} alt={alt} />\n  {/if}\n</div>\n<div class=\"pb-3 px-3\">\n  <div class=\"offer-detailn\">\n    {#if store}\n      <a class=\"mb-2 publisher text-gray\" href={store_href}>{alt}</a>\n    {:else}\n      <span class=\"mb-2 publisher text-gray\">{alt}</span>\n    {/if}\n    <p class=\"offer-title mb-1\">{offer.title}</p>\n    <p class=\"mb-1\">{offer.description1} {offer.description2}</p>\n    {#if offer.longDescription}\n      <p class=\"my-md-2 mt-1 mb-0 longDescription\">{offer.longDescription}</p>\n    {/if}\n  </div>\n\n  {#if offer.url == 'automatic'}\n    <div class=\"link-button p-0 mt-xl-3 my-2\">\n      <Button href={store_href}>{t`go to store`}</Button>\n    </div>\n  {:else if url}\n    <div class=\"link-button p-0 mt-xl-3 my-2\">\n      <Button href={url} target=\"_blank\">{t`show more`}</Button>\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  .offer-detail {\n    max-height: 18vh;\n    overflow: auto;\n    @media screen and (min-width: 992px) {\n      max-height: 25vh;\n    }\n  }\n  .longDescription {\n    font-size: 15px;\n    @media screen and (min-width: 768px) {\n      font-size: 18px;\n    }\n  }\n  .offer-title {\n    font-weight: 600;\n  }\n  .link-button {\n    margin-left: auto;\n    display: block;\n    text-align: center;\n    @media screen and (min-width: 992px) {\n      display: inline-block;\n    }\n  }\n  .publisher {\n    font-size: 16px;\n  }\n  a.publisher {\n    text-decoration: underline;\n  }\n  .square {\n    position: relative;\n    background: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 2rem;\n    aspect-ratio: 1/1;\n  }\n\n  .square img {\n    max-width: 100%;\n    max-height: 100%;\n  }\n</style>\n"],"names":["ctx","attr","img","img_src_value","insert_hydration","target","anchor","src_url_equal","dirty","span","a","t_value","p","set_data","t1_value","t4_value","t6_value","create_if_block_2","create_if_block_1","create_if_block","div1","append_hydration","div0","div2","t1","t4","t6","offer","$$props","request_store_key","reverse_router","stores","scdata","site","getStoresContext","dispatch","createEventDispatcher","focusOffer","id","$$invalidate","store","$stores","logo","alt","$site","href","$reverse_router","$scdata","dialog_1","div","button","T","dialog","body","onMount","click_handler_1","$$value","close_handler","click_handler_2","$T","t_1_value","t_1","t2_value","create_if_block_4","create_if_block_3","if_block2","p0","p1","current","t2","store_href","url","t"],"mappings":"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"}