{"version":3,"file":"ClearFilterButton.78d0653a.js","sources":["../../../../../../src/lib/components/website/accordion/AccordionFilter.svelte","../../../../../../src/assets/svgs/filter-lines.svelte","../../../../../../src/lib/components/control/dropdown/Dropdown.svelte","../../../../../../src/lib/components/website/dropdownFilters/DropdownFilters.svelte","../../../../../../src/lib/components/website/dropdownFilters/ClearFilterButton.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { ACCORDION_ITEM_VARIANT } from '$lib/constants/constants';\n  import { getAccordionOptions } from './context';\n  import Plus from '../../../../assets/svgs/plus.svelte';\n  import Minus from '../../../../assets/svgs/minus.svelte';\n\n  // by default the accordion item is closed\n  export let open = false;\n  export let customClass: string | undefined = '';\n  export let variant: string = 'default';\n\n  // assign a unique identifier for the component\n  const componentId = crypto.randomUUID();\n\n  // get the accordion options using the context api\n  const { collapse, activeComponentId } = getAccordionOptions();\n\n  function setActive() {\n    if ($activeComponentId === componentId) {\n      $activeComponentId = null;\n    } else {\n      $activeComponentId = componentId;\n    }\n  }\n\n  function toggleOpen() {\n    open = !open;\n  }\n\n  function handleClick() {\n    // if `collapse` is passed only one item can be active\n    collapse ? setActive() : toggleOpen();\n  }\n\n  // the accordion item to be open by default\n  $: open && collapse && setActive();\n  // compare if the active id matches the component id\n  $: isActive = $activeComponentId === componentId;\n  // if `collapse`, set one item as active, otherwise use `open`\n  $: isOpen = collapse ? isActive : open;\n  $: navPadding = variant === ACCORDION_ITEM_VARIANT.NAV ? 'px-4 py-3' : '';\n</script>\n\n<div class=\"bg-gray-50 w-full rounded-xl {customClass}\">\n  <button\n    on:click={handleClick}\n    class=\"w-full flex justify-between cursor-pointer bg-none {navPadding} \"\n    aria-expanded={isOpen}\n    aria-controls=\"accordion-{componentId}\"\n    style=\"-webkit-tap-highlight-color: transparent;\"\n  >\n    <div>\n      <slot name=\"title\" />\n    </div>\n    {#if isOpen}\n      <Minus />\n    {:else}\n      <Plus />\n    {/if}\n  </button>\n\n  {#if isOpen}\n    <div\n      class=\"bg-gray-50 {variant === ACCORDION_ITEM_VARIANT.NAV ? 'px-8' : ''}\"\n      role=\"region\"\n      aria-hidden={!isOpen}\n      aria-labelledby=\"accordion-{componentId}\"\n    >\n      <slot name=\"content\" />\n    </div>\n  {/if}\n</div>\n","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\"\n  ><path\n    stroke=\"#98A2B3\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    stroke-width=\"2\"\n    d=\"M6 12h12M3 6h18M9 18h6\"\n    style=\"stroke:#98a2b3;stroke:color(display-p3 .5964 .6352 .7017);stroke-opacity:1\"\n  /></svg\n>\n","<script lang=\"ts\">\n  import type { Dropdown } from '$lib/components/website/dropdownFilters/types';\n  import Checkbox from '../Checkbox.svelte';\n  import { clickOutside } from '$lib/helpers/clickOutside';\n\n  export let dropdownDetails: Dropdown;\n  export let selectedValues: string[];\n  export let handleSelect: (...args: any[]) => void = () => {};\n\n  export let theme: 'pink' | 'default' = 'default';\n  export let customClass = '';\n\n  let open = false;\n  $: selectedItemsLabels = selectedValues?.length ? selectedValues.join(', ') : 'All';\n\n  const widthClass = 'w-full';\n</script>\n\n<div class=\"relative inline-block text-left focus:shadow-primary-shadow {customClass}\">\n  <button\n    type=\"button\"\n    data-dropdown-trigger=\"click\"\n    class=\"inline-flex focus:outline-none {widthClass} justify-between gap-x-1.5 rounded-lg bg-white px-3 py-2 text-sm font-semibold text-gray-900 border border-gray-300 focus:border-primary-500 focus:ring-4 focus:ring-primary-shadow focus:ring-offset\"\n    use:clickOutside\n    on:outsideclick|stopPropagation|preventDefault={() => {\n      open = false;\n    }}\n    on:click={() => {\n      open = !open;\n    }}\n    aria-expanded=\"true\"\n    aria-haspopup=\"true\"\n  >\n    {selectedItemsLabels}\n    <svg\n      class=\"-mr-1 h-5 w-5 text-gray-400\"\n      viewBox=\"0 0 20 20\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        d=\"M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z\"\n        clip-rule=\"evenodd\"\n      />\n    </svg>\n  </button>\n\n  {#if open}\n    <div\n      class=\"absolute right-0 left-0 z-10 mt-1 origin-top-right rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none\"\n      role=\"menu\"\n      aria-orientation=\"vertical\"\n      tabindex=\"-1\"\n    >\n      <ul class=\"py-1 {widthClass} max-h-64 overflow-y-scroll\" role=\"none\">\n        {#each dropdownDetails.options as dropdownOption, index}\n          <!-- svelte-ignore a11y-click-events-have-key-events -->\n          <li\n            class=\"text-gray-700 px-4 py-2 text-sm flex hover:pointer hover:bg-gray-50\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n            id={`menu-item-${index}`}\n            on:click|stopPropagation|preventDefault={() =>\n              handleSelect(\n                dropdownDetails.id,\n                dropdownOption.value,\n                dropdownDetails.canSelectMultiple,\n              )}\n          >\n            <Checkbox {theme} checked={selectedValues.includes(dropdownOption.value)} />\n            <span>{dropdownOption.label}</span>\n          </li>\n        {/each}\n      </ul>\n    </div>\n  {/if}\n</div>\n","<script lang=\"ts\">\n  import DropdownInput from '$lib/components/control/dropdown/Dropdown.svelte';\n  import type { Dropdown } from './types';\n\n  export let customClass = '';\n  export let dropdowns: Dropdown[] | null = null;\n  export let selectedValues = {};\n  export let handleSelect: ((...args: any[]) => Promise<void>) | undefined = undefined;\n</script>\n\n<div class={customClass}>\n  {#if dropdowns?.length}\n    {#each dropdowns as dropdown}\n      {#if dropdown.options.length}\n        <label class=\"grow basis-0 w-full text-gray-700 text-normal flex flex-col\" for={dropdown.id}\n          >{dropdown.label}\n          <DropdownInput\n            theme=\"pink\"\n            customClass=\"mt-1\"\n            dropdownDetails={dropdown}\n            selectedValues={selectedValues[dropdown.id]}\n            {handleSelect}\n          />\n        </label>\n      {/if}\n    {/each}\n  {/if}\n</div>\n","<script lang=\"ts\">\n  export let handleClearFilters: (() => void) | undefined;\n  export let customClass = '';\n</script>\n\n<button on:click={handleClearFilters} class={customClass}>Clear All</button>\n"],"names":["ctx","ACCORDION_ITEM_VARIANT","insert_hydration","target","div","anchor","create_if_block","div1","append_hydration","button","div0","open","$$props","customClass","variant","componentId","collapse","activeComponentId","getAccordionOptions","setActive","$activeComponentId","toggleOpen","handleClick","$$invalidate","isActive","isOpen","navPadding","svg","path","each_value","ensure_array_like","widthClass","ul","i","each_blocks","t1_value","li","span","dirty","checkbox_changes","current","set_data","t1","dropdownDetails","selectedValues","handleSelect","theme","dropdownOption","selectedItemsLabels","t0_value","attr","label","label_for_value","t0","create_if_block_1","if_block","_a","dropdowns","is_function","handleClearFilters"],"mappings":"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"}