{"version":3,"file":"Accordion.JbUNqqdi.js","sources":["../../../../../../src/lib/components/atoms/Accordion/Accordion.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import classnames from 'classnames';\n  import { slide } from 'svelte/transition';\n  import { quadInOut } from 'svelte/easing';\n  // Components\n  import { Icon } from '$lib/components/atoms/Icon';\n\n  export let variant: 'light' | 'dark' = 'light';\n  export let isOpen: boolean = false;\n  export let offset: number = 0;\n  export let invertOrder: 'true' | 'false' = 'false';\n  export let disableScroll: boolean = false;\n\n  const classNames = classnames($$props.class, {\n    accordion: true,\n    'v-light': variant === 'light',\n    'v-dark': variant === 'dark',\n    'order-invert': invertOrder === 'true',\n  });\n\n  export let entry = {\n    question: '',\n    answer: ``,\n  };\n\n  let accordion: HTMLElement;\n\n  const toggle = () => {\n    const navbarHeight = getComputedStyle(document.body).getPropertyValue('--navbar-height');\n\n    const timerLabel = document.querySelector('.timer-label');\n\n    isOpen = !isOpen;\n    if (isOpen) {\n      const rect = accordion.getBoundingClientRect();\n      if (!disableScroll) {\n        window.scrollTo({\n          top:\n            rect.top -\n            document.body.getBoundingClientRect().top -\n            parseFloat(navbarHeight) -\n            (offset > 0 ? offset : 0) -\n            (timerLabel ? timerLabel.clientHeight : 0),\n          behavior: 'smooth',\n        }); \n      }\n    }\n  };\n</script>\n\n<dl bind:this={accordion} class={classNames}>\n  <dt class=\"accordion-title\" on:click={toggle} aria-expanded={isOpen}>\n    <span class=\"accordion-title-text\" class:opened={isOpen}>\n      {#if $$slots['question']}\n        <slot name=\"question\" />\n      {:else}\n        {entry.question}\n      {/if}</span\n    >\n    <span class=\"accordion-icon\"><Icon icon=\"chevron-down\" /></span>\n  </dt>\n  {#if isOpen}\n    <dd\n      class=\"accordion-content\"\n      in:slide={{ duration: 300, easing: quadInOut }}\n      out:slide={{ duration: 300, easing: quadInOut }}\n    >\n      {#if $$slots['answer']}\n        <slot name=\"answer\" />\n      {:else}\n        {@html entry.answer}\n      {/if}\n    </dd>\n  {/if}\n</dl>\n\n<style type=\"text/scss\" lang=\"scss\" scoped>\n  .accordion {\n    @apply w-full;\n\n    &.v-light {\n      @apply text-white;\n    }\n\n    &.v-dark {\n      @apply text-gray-900;\n    }\n  }\n\n  .accordion-title {\n    @apply py-4;\n    @apply flex items-center justify-between;\n    @apply text-base md:text-md;\n    @apply cursor-pointer;\n  }\n\n  .accordion-title-text {\n    @apply transition-all duration-300;\n    @apply flex-grow;\n    @apply mr-4;\n    @apply font-bold;\n  }\n\n  .order-invert .accordion-title-text {\n    @apply order-1;\n  }\n\n  .accordion-icon {\n    @apply inline-flex;\n    @apply origin-center;\n    @apply transition-all ease-in-out duration-300;\n  }\n\n  .accordion-content {\n    @apply py-4;\n\n    .v-light & {\n      @apply text-white text-opacity-80;\n    }\n    .v-dark & {\n      @apply text-gray-900;\n    }\n  }\n\n  [aria-expanded='true'] .accordion-icon {\n    @apply transform rotate-180;\n  }\n</style>\n"],"names":["t_value","ctx","dirty","set_data","t","insert_hydration","target","dd","anchor","dd_intro","create_in_transition","slide","quadInOut","dd_outro","create_out_transition","raw_value","html_tag","create_if_block","dl","append_hydration","dt","span0","span1","variant","$$props","isOpen","offset","invertOrder","disableScroll","classNames","classnames","entry","accordion","toggle","navbarHeight","timerLabel","rect","$$value"],"mappings":"4pBAwDS,IAAAA,EAAAC,KAAM,SAAQ,iEAAdC,EAAA,GAAAF,KAAAA,EAAAC,KAAM,SAAQ,KAAAE,GAAAC,EAAAJ,CAAA,4VAWZ,OAAAC,KAAQ,OAAQ,gMALvBI,EAUIC,EAAAC,EAAAC,CAAA,0MARUC,EAAAC,GAAAH,EAAAI,EAAA,CAAA,SAAU,IAAK,OAAQC,EAAS,sDAC/BC,EAAAC,GAAAP,EAAAI,EAAA,CAAA,SAAU,IAAK,OAAQC,EAAS,oEAKpCG,EAAAd,KAAM,OAAM,2HAAZC,EAAA,GAAAa,KAAAA,EAAAd,KAAM,OAAM,KAAAe,EAAA,EAAAD,CAAA,+WAjBhB,OAAAd,KAAQ,SAAU,wEAQtBA,EAAM,CAAA,GAAAgB,EAAAhB,CAAA,wcATwCA,EAAM,CAAA,CAAA,+GADIA,EAAM,CAAA,CAAA,gBADpCA,EAAU,CAAA,CAAA,EAAA,gBAAA,UAA3CI,EAwBIC,EAAAY,EAAAV,CAAA,EAvBFW,EASID,EAAAE,CAAA,EARFD,EAMAC,EAAAC,CAAA,wBACAF,EAA+DC,EAAAE,CAAA,qEAR3BrB,EAAM,CAAA,CAAA,6KACOA,EAAM,CAAA,CAAA,iCADIA,EAAM,CAAA,CAAA,EAU9DA,EAAM,CAAA,oTAtDA,QAAAsB,EAA4B,OAAA,EAAAC,GAC5B,OAAAC,EAAkB,EAAA,EAAAD,GAClB,OAAAE,EAAiB,CAAA,EAAAF,GACjB,YAAAG,EAAgC,OAAA,EAAAH,GAChC,cAAAI,EAAyB,EAAA,EAAAJ,EAE9B,MAAAK,EAAaC,GAAWN,EAAQ,MAAA,CACpC,UAAW,GACX,UAAWD,IAAY,QACvB,SAAUA,IAAY,OACtB,eAAgBI,IAAgB,SAGvB,GAAA,CAAA,MAAAI,EAAA,CACT,SAAU,GACV,OAAA,EAAA,CAAA,EAAAP,EAGEQ,EAEE,MAAAC,EAAA,IAAA,CACE,MAAAC,EAAe,iBAAiB,SAAS,IAAI,EAAE,iBAAiB,iBAAiB,EAEjFC,EAAa,SAAS,cAAc,cAAc,EAGpD,OADJV,EAAU,CAAAA,CAAA,EACNA,EAAA,CACI,MAAAW,EAAOJ,EAAU,sBAAA,EAClBJ,GACH,OAAO,SAAA,CACL,IACEQ,EAAK,IACL,SAAS,KAAK,wBAAwB,IACtC,WAAWF,CAAY,GACtBR,EAAS,EAAIA,EAAS,IACtBS,EAAaA,EAAW,aAAe,GAC1C,SAAU,uDAOLH,EAASK"}