{"version":3,"file":"OpeningHoursToday.ChnxIy8r.js","sources":["../../../src/theme/citycon/components/shoppingCenterOpeningHours/OpeningHoursToday.svelte"],"sourcesContent":["<!-- @format -->\n<script lang=\"ts\">\n  import Flatpickr from \"svelte-flatpickr\";\n  import \"flatpickr/dist/flatpickr.css\";\n  import { getStoresContext } from \"~/stores\";\n  import type { StoresKey } from \"~/stores\";\n  export let request_store_key: StoresKey;\n  export let fragment: Fragment;\n  import { Norwegian } from \"flatpickr/dist/l10n/no.js\";\n  import { Finnish } from \"flatpickr/dist/l10n/fi.js\";\n  import { Swedish } from \"flatpickr/dist/l10n/sv.js\";\n  import { Danish } from \"flatpickr/dist/l10n/da.js\";\n  import { Russian } from \"flatpickr/dist/l10n/ru.js\";\n  import { Estonian } from \"flatpickr/dist/l10n/et.js\";\n  import { valueGetters } from \"~/components/field-utils\";\n  import {\n    findVenueOpeningHoursByDate,\n    parseExceptionalOpeningHoursItem,\n    parseOpeningHoursItem,\n  } from \"~/util/date-n-time\";\n\n  const lang: Record<string, typeof Finnish | undefined> = {\n    \"da-DK\": Danish,\n    \"en-US\": undefined,\n    \"et-EE\": Estonian,\n    \"fi-FI\": Finnish,\n    \"nb-NO\": Norwegian,\n    \"ru-RU\": Russian,\n    \"sv-SE\": Swedish,\n  };\n  const { opening_hours, locale, T } = getStoresContext(request_store_key);\n  const stores_context = getStoresContext(request_store_key);\n\n  const { getText } = valueGetters(stores_context);\n  $: title = $locale && getText(\"title\", fragment);\n  $: t = $T;\n  let ranges: string[] = [];\n  let status: string = \"\";\n\n  $: {\n    if ($opening_hours) {\n      let item = findVenueOpeningHoursByDate($opening_hours, dateValue);\n      if (\"days\" in item) {\n        status = item.openingStatus;\n        ranges = parseOpeningHoursItem($locale, item);\n      }\n      if (\"reason\" in item) {\n        status = item.open ? \"OPEN\" : \"CLOSED\";\n        ranges = item.open\n         ? [parseExceptionalOpeningHoursItem($locale, item)]\n         : [];\n      }\n    }\n  }\n  function toggleDay(change: number) {\n    var d = dateValue ? new Date(dateValue) : new Date();\n    d.setDate(d.getDate() + change);\n    dateValue = d;\n  }\n\n  let dateValueString: string;\n  let dateValue: Date;\n</script>\n\n<div class=\"wrapper cut-top-right mb-5\">\n  <h3 class=\"mb-3\">\n    {#if title}\n      {title}\n    {:else}\n      {t`opening hours`}\n    {/if}\n    {#if dateValueString}\n      {dateValueString}\n    {:else}\n      <span class=\"text-lowercase\">{t`today`}</span>\n    {/if}\n  </h3>\n  {#if ranges.length}\n    <div class=\"hours\">\n      {#each ranges as range}\n        {#each range.split(\"–\") as o, i}\n          <span>{o}</span>\n          {#if i == 0}\n            <span>—</span>\n          {/if}\n        {/each}\n      {/each}\n    </div>\n  {:else}\n    <p class=\"hours d-block text-center\">{t(`store.status.${status}`)}</p>\n  {/if}\n\n  <hr class=\"my-5\" />\n  <div class=\"control\">\n    <button class=\"swiper-button-prev\" on:click={() => toggleDay(-1)}>\n      <i class=\"fa fa-chevron-left\" />\n    </button>\n    {#if $locale}\n      <Flatpickr\n        options={{\n          locale: lang[$locale],\n          dateFormat: \"d.m.Y\",\n          disableMobile: true,\n          onChange: function (d, dateStr) {\n            dateValueString = dateStr;\n            dateValue = d[0];\n          },\n        }}\n        bind:value={dateValue}\n        element=\"#date-picker\">\n        <div class=\"flatpickr\" id=\"date-picker\">\n          <span class=\"calendar\" data-input>\n            {#if dateValueString}\n              {dateValueString}\n            {:else}\n              {t`choose date`}\n            {/if}\n          </span>\n        </div>\n      </Flatpickr>\n    {/if}\n    <button class=\"swiper-button-next\" on:click={() => toggleDay(1)}>\n      <i class=\"fa fa-chevron-right\" />\n    </button>\n  </div>\n</div>\n\n<style lang=\"scss\">\n  .calendar {\n    background: none;\n    border: 0;\n    border-bottom: 1px solid var(--color-gray);\n    color: var(--color-black);\n  }\n  .control {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .swiper-button-prev,\n  .swiper-button-next {\n    width: 32px;\n    height: 32px;\n    border: 1px solid var(--color-gray);\n    background: transparent;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    color: var(--color-black);\n\n    @media screen and (min-width: 768px) {\n      width: 48px;\n      height: 48px;\n    }\n  }\n\n  .wrapper {\n    background: var(--brand-color-2);\n    padding: 24px;\n    @media screen and (min-width: 992px) {\n      padding: 3rem;\n    }\n  }\n  h3 {\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 130%;\n  }\n  .hours {\n    font-variant-numeric: tabular-nums;\n    font-weight: bold;\n    font-size: 75px;\n    line-height: 90%;\n    display: flex;\n    justify-content: space-between;\n\n    @media screen and (min-width: 992px) and (max-width: 1280px) {\n      font-size: 50px;\n    }\n  }\n</style>\n"],"names":["ctx","set_data","t_1","t_1_value","insert_hydration","target","span","anchor","p","dirty","i","div","if_block","create_if_block_3","t0","t0_value","create_if_block_1","append_hydration","create_if_block_5","create_if_block_4","create_if_block_2","create_if_block","div1","h3","hr","div0","button0","button1","request_store_key","$$props","fragment","lang","Danish","Estonian","Finnish","Norwegian","Russian","Swedish","opening_hours","locale","T","getStoresContext","stores_context","getText","valueGetters","ranges","status","toggleDay","change","d","dateValue","dateValueString","click_handler","func","dateStr","$$invalidate","value","click_handler_1","title","$locale","t","$T","$opening_hours","item","findVenueOpeningHoursByDate","parseOpeningHoursItem","parseExceptionalOpeningHoursItem"],"mappings":"2oCAqEOA,EAAC,CAAA,iBAAA,4EAADA,EAAC,CAAA,iBAAA,KAAAC,EAAAC,EAAAC,CAAA,sDAFDH,EAAK,CAAA,CAAA,cAALA,EAAK,CAAA,CAAA,qCAALA,EAAK,CAAA,CAAA,yCAOwBA,EAAC,CAAA,SAAA,gKAA/BI,EAA6CC,EAAAC,EAAAC,CAAA,8BAAfP,EAAC,CAAA,SAAA,KAAAC,EAAAC,EAAAC,CAAA,sDAF9BH,EAAe,CAAA,CAAA,cAAfA,EAAe,CAAA,CAAA,qCAAfA,EAAe,CAAA,CAAA,uCAiBoBG,EAAAH,qBAAkBA,EAAM,CAAA,CAAA,EAAA,EAAA,oLAA9DI,EAAqEC,EAAAG,EAAAD,CAAA,iBAA/BE,EAAA,IAAAN,KAAAA,EAAAH,qBAAkBA,EAAM,CAAA,CAAA,EAAA,EAAA,KAAAC,EAAAC,EAAAC,CAAA,2CAVrDH,EAAM,CAAA,CAAA,uBAAX,OAAIU,GAAA,8OADRN,EASKC,EAAAM,EAAAJ,CAAA,uEARIP,EAAM,CAAA,CAAA,oBAAX,OAAIU,GAAA,EAAA,kHAAJ,6LAIIN,EAAaC,EAAAC,EAAAC,CAAA,yCAFRP,EAAC,EAAA,EAAA,SACHY,EAAAZ,OAAK,GAACa,GAAA,4IADXT,EAAeC,EAAAC,EAAAC,CAAA,2DAARP,EAAC,EAAA,EAAA,KAAAC,EAAAa,EAAAC,CAAA,iEADHf,EAAK,EAAA,EAAC,MAAM,GAAG,CAAA,uBAApB,OAAIU,GAAA,+MAACV,EAAK,EAAA,EAAC,MAAM,GAAG,CAAA,oBAApB,OAAIU,GAAA,EAAA,0HAAJ,gGAoBA,OAAQV,EAAI,CAAA,EAACA,EAAO,CAAA,CAAA,EACpB,WAAY,QACZ,cAAe,GACf,SAAQA,EAAA,EAAA,yEAKEA,EAAS,CAAA,IAAA,iBAATA,EAAS,CAAA,iKARnB,OAAQA,EAAI,CAAA,EAACA,EAAO,CAAA,CAAA,EACpB,WAAY,QACZ,cAAe,GACf,SAAQA,EAAA,EAAA,oEAKEA,EAAS,CAAA,gIAOdA,EAAC,CAAA,eAAA,4EAADA,EAAC,CAAA,eAAA,KAAAC,EAAAC,EAAAC,CAAA,sDAFDH,EAAe,CAAA,CAAA,cAAfA,EAAe,CAAA,CAAA,qCAAfA,EAAe,CAAA,CAAA,gEADbA,EAAe,CAAA,EAAAgB,gVAFxBZ,EAQKC,EAAAM,EAAAJ,CAAA,EAPHU,EAMMN,EAAAL,CAAA,mQAnDPN,EAAK,CAAA,EAAAkB,+CAKLlB,EAAe,CAAA,EAAAmB,wCAMjB,OAAAnB,KAAO,OAAMoB,0BAoBXpB,EAAO,CAAA,GAAAqB,GAAArB,CAAA,u2BAjChBI,EA6DKC,EAAAiB,EAAAf,CAAA,EA5DHU,EAWIK,EAAAC,CAAA,2DAgBJN,EAAkBK,EAAAE,CAAA,SAClBP,EA+BKK,EAAAG,CAAA,EA9BHR,EAEQQ,EAAAC,CAAA,+BAyBRT,EAEQQ,EAAAE,CAAA,+PA1BH3B,EAAO,CAAA,4NA3FH,CAAA,kBAAA4B,CAAA,EAAAC,EACA,CAAA,SAAAC,CAAA,EAAAD,EAcL,MAAAE,EAAA,CACJ,QAASC,GAAA,OACT,QAAS,OACT,QAASC,GAAA,SACT,QAASC,GAAA,QACT,QAASC,GAAA,UACT,QAASC,GAAA,QACT,QAASC,GAAA,UAEH,cAAAC,EAAe,OAAAC,EAAQ,EAAAC,CAAM,EAAAC,EAAiBb,CAAiB,6DACjE,MAAAc,EAAiBD,EAAiBb,CAAiB,EAEjD,CAAA,QAAAe,CAAA,EAAYC,GAAaF,CAAc,EAG3C,IAAAG,EAAA,CAAA,EACAC,EAAiB,YAiBZC,EAAUC,EAAA,KACbC,EAAIC,EAAgB,IAAA,KAAKA,CAAS,EAAQ,IAAA,KAC9CD,EAAE,QAAQA,EAAE,QAAA,EAAYD,CAAM,MAC9BE,EAAYD,CAAA,EAGV,IAAAE,EACAD,EAiCiD,MAAAE,EAAA,IAAAL,IAAY,EASrCM,EAAA,SAAAJ,EAAGK,EAAO,CAC5BC,EAAA,EAAAJ,EAAkBG,CAAO,MACzBJ,EAAYD,EAAE,CAAC,CAAA,iBAGPC,EAASM,SAa0B,MAAAC,EAAA,IAAAV,EAAU,CAAC,mJAvFhEQ,EAAA,EAAGG,EAAQC,GAAWhB,EAAQ,QAASb,CAAQ,CAAA,oBAC/CyB,EAAA,EAAGK,EAAIC,CAAA,oBAKDC,EAAA,KACEC,EAAOC,GAA4BF,EAAgBZ,CAAS,EAC5D,SAAUa,IACZR,EAAA,EAAAT,EAASiB,EAAK,aAAA,MACdlB,EAASoB,GAAsBN,EAASI,CAAI,CAAA,GAE1C,WAAYA,QACdjB,EAASiB,EAAK,KAAO,OAAS,QAAA,EAC9BR,EAAA,EAAAV,EAASkB,EAAK,KACV,CAAAG,GAAiCP,EAASI,CAAI,CAAA"}