{"version":3,"file":"__...path__-BFAeDcWf.js","sources":["../../../../node-apps/site/src/components/BasicTree.vue","../../../../node-apps/site/src/components/CopySnippet.vue","../../../../node-apps/site/src/components/ScrollIndicator.vue","../../../../node-apps/site/src/components/join/ShopJoinTracker.vue","../../../../node-apps/site/src/pages/shop/[[...path]].vue"],"sourcesContent":["<template>\n  <div class=\"flex-column\">\n    <div v-for=\"node of props.value\" :class=\"`${node.key}`\" class=\"flex-column\">\n      <h1 class=\"node flex-row flex-align-center flex-left gap-2xs\">\n        <a\n          v-if=\"depth > 0\"\n          href=\"#\"\n          @click.prevent=\"updateSelectedKeys(node)\"\n          class=\"child\"\n          :class=\"{\n            debugShow:\n              props.debugShowVisibility && (!node.visible || !node.allowed),\n          }\"\n        >\n          <input\n            v-if=\"node.key && checked[node.key]\"\n            @click.prevent=\"\"\n            class=\"clickedradio\"\n            type=\"radio\"\n            checked\n          />\n          <input v-else class=\"notclickedradio\" type=\"radio\" />\n          <span>{{ node.label }}</span>\n          <i\n            v-if=\"props.debugShowVisibility && (!node.visible || !node.allowed)\"\n            class=\"pi pi-eye-slash\"\n          />\n        </a>\n        <a v-else href=\"#\" @click.prevent=\"updateOpenKeys(node)\" class=\"name\">\n          <span>{{ node.label }}</span>\n          <template v-if=\"node.children && node.children.length > 0\">\n            <i v-if=\"node.key && opened[node.key]\" class=\"pi pi-chevron-down\" />\n            <i v-else class=\"pi pi-chevron-right\" />\n          </template>\n        </a>\n      </h1>\n      <div\n        v-if=\"\n          node.key &&\n          ((depth === 0 && opened[node.key]) ||\n            (depth > 0 && checked[node.key])) &&\n          node.children &&\n          node.children.length > 0\n        \"\n        class=\"children\"\n      >\n        <BasicTree\n          :depth=\"props.depth + 1\"\n          :value=\"node.children\"\n          :selectionKeys=\"props.selectionKeys\"\n          :openKeys=\"usedOpenKeys\"\n          :debugShowVisibility=\"props.debugShowVisibility\"\n          @update:openKeys=\"usedOpenKeys = $event\"\n          @update:selectionKeys=\"emits('update:selectionKeys', $event)\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useShopStore } from \"@/stores/shop\";\nimport copy from \"@virgodev/bazaar/functions/copy\";\nimport type { TreeNode } from \"primevue/treenode\";\nimport type { Ref } from \"vue\";\nimport { computed, onMounted, ref, watch } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    value: TreeNode[];\n    selectionKeys?: string[];\n    openKeys?: string[];\n    depth?: number;\n    debugShowVisibility?: boolean;\n  }>(),\n  {\n    selectionKeys: [] as string[],\n    openKeys: [] as string[],\n    depth: 0,\n    debugShowVisibility: false,\n  },\n);\nconst emits = defineEmits([\"update:selectionKeys\", \"update:openKeys\"]);\n\nconst shop = useShopStore();\n\nconst openKeys: Ref<string[]> = ref([]);\n\nconst usedOpenKeys = computed({\n  get: () => (props.depth === 0 ? openKeys.value : props.openKeys),\n  set: (v: string[]) => {\n    if (props.depth === 0) {\n      openKeys.value = v;\n    } else {\n      emits(\"update:openKeys\", v);\n    }\n  },\n});\n\nconst opened = computed(() => {\n  const retval: { [key: string]: boolean } = {};\n  for (const key of props.value.map((node) => node.key)) {\n    if (key) {\n      retval[key] = usedOpenKeys.value.includes(key);\n    }\n  }\n  return retval;\n});\n\nconst checked = computed(() => {\n  const retval: { [key: string]: boolean } = {};\n  for (const key of props.value.map((node) => node.key)) {\n    if (key) {\n      retval[key] = props.selectionKeys.includes(key);\n    }\n  }\n  return retval;\n});\n\nwatch(\n  () => props.selectionKeys,\n  () => {\n    openSelected();\n  },\n);\n\nonMounted(() => {\n  openSelected();\n});\n\nfunction openSelected() {\n  if (props.depth === 0) {\n    // open all keys that have a selected child\n    const opened = new Set(usedOpenKeys.value);\n    for (const key of props.selectionKeys) {\n      const branch = findLeaf(key, props.value);\n      for (const leaf of branch) {\n        opened.add(leaf.key);\n      }\n    }\n    usedOpenKeys.value = Array.from(opened);\n  }\n}\n\nfunction findLeaf(key: string, branch: TreeNode[]): TreeNode[] {\n  for (const sub of branch) {\n    if (sub.key === key) {\n      return [sub];\n    }\n    if (sub.children) {\n      const result = findLeaf(key, sub.children);\n      if (result) {\n        return [sub, ...result];\n      }\n    }\n  }\n\n  return [];\n}\n\nfunction updateOpenKeys(node: TreeNode) {\n  if (node.key) {\n    const keys: string[] = copy(usedOpenKeys.value);\n    const index = keys.indexOf(node.key);\n    if (index > -1) {\n      keys.splice(index, 1);\n    } else {\n      keys.push(node.key);\n    }\n    usedOpenKeys.value = keys;\n  }\n}\n\nfunction treeKeys(node: TreeNode): string[] {\n  let retval: string[] = [];\n  if (node.key) {\n    retval.push(node.key);\n  }\n  // if (node.children) {\n  //   for (const child of node.children) {\n  //     retval = retval.concat(treeKeys(child));\n  //   }\n  // }\n  return retval;\n}\nfunction updateSelectedKeys(node: TreeNode) {\n  if (node.key) {\n    const keys: Set<string> = new Set(copy(props.selectionKeys));\n    const removing = keys.has(node.key);\n    if (removing) {\n      if (node.data) {\n        const change = (\n          shop.descendents[node.data] || [{ slug: node.key }]\n        ).map((c) => c.slug);\n        for (const key of change) {\n          keys.delete(key);\n        }\n      } else {\n        keys.delete(node.key);\n      }\n    } else {\n      keys.add(node.key);\n    }\n    emits(\"update:selectionKeys\", Array.from(keys));\n  }\n}\n</script>\n\n<style scoped>\nh1 {\n  color: var(--Black, #000);\n  font-family: Indivisible;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  margin: 0;\n}\n.pi {\n  font-size: 12px;\n}\n.children {\n  margin-left: 1em;\n}\n.node {\n  font-size: 14px;\n}\n.child {\n  display: flex;\n  /* white-space: nowrap; */\n  gap: 0.5em;\n  padding: 8px 0;\n}\n.name {\n  display: flex;\n  white-space: nowrap;\n  overflow: hidden;\n  gap: 0.5em;\n}\n.name span {\n  flex: 1 1 auto;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.debugShow {\n  opacity: 0.6;\n}\n\ninput[type=\"radio\"] {\n  display: grid;\n  /* place-content: center; */\n  margin-top: 2px;\n  -webkit-appearance: none;\n}\n\n/* input.notclickedradio {\n  border: none;\n} */\n\ninput[type=\"radio\"]::before {\n  content: \"\";\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  appearance: none;\n  -webkit-appearance: none;\n  outline: 1px solid #000;\n}\n\ninput[type=\"radio\"]:checked {\n  content: \"\";\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  appearance: none;\n  -webkit-appearance: none;\n  border: 2px solid #fff;\n  background: var(--Paparazzi-Pink, #ec008c);\n  margin-top: 2px;\n  place-content: center;\n}\n</style>\n","<template>\n  <span>{{ props.text }} <i class=\"pi pi-copy\" /></span>\n</template>\n\n<script setup lang=\"ts\">\nimport { useToasterStore } from \"@/stores/toaster\";\n\nconst props = defineProps<{ text: string }>();\nconst toaster = useToasterStore();\n\nfunction handleClick() {\n  navigator.clipboard.writeText(props.text);\n  toaster.add({ summary: \"Copied to clipboard\" });\n}\n</script>\n\n<style scoped></style>\n","<template>\n  <div\n    ref=\"el\"\n    class=\"scroll-indicator\"\n    :style=\"{ display: top > wh ? 'block' : 'none' }\"\n  >\n    <a\n      href=\"#\"\n      class=\"top flex-row flex-align-center gap-2xs p-2xs-y p-2xs-r\"\n      @click.prevent=\"scrollToTop\"\n    >\n      <i class=\"pi pi-chevron-up\" />\n      <span class=\"pa-h4\">Back To Top</span>\n    </a>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, ref } from \"vue\";\n\nconst props = defineProps({\n  screens: { type: Number, default: 1 },\n});\nconst el = ref<HTMLElement>();\nconst top = ref(0);\nconst wh = ref(window.innerHeight);\nconst emit = defineEmits([\"scroll\", \"bottom\"]);\n\nfunction scroller(e: Event) {\n  const parent: HTMLElement = document.body;\n  emit(\"scroll\", e);\n  if (document.scrollingElement) {\n    top.value = document.scrollingElement.scrollTop;\n  }\n  if (window.scrollY + wh.value * props.screens >= parent.scrollHeight) {\n    emit(\"bottom\", e);\n  }\n}\n\nonMounted(() => {\n  document.addEventListener(\"scroll\", scroller);\n});\nonBeforeUnmount(() => {\n  document.removeEventListener(\"scroll\", scroller);\n});\n\nfunction scrollToTop() {\n  if (document.scrollingElement) {\n    document.scrollingElement.scrollTop = 0;\n  }\n}\n</script>\n\n<style scoped>\n.pi {\n  font-size: 11px;\n}\n.scroll-indicator .top {\n  text-transform: uppercase;\n  position: fixed;\n  margin: auto;\n  max-width: 700px;\n  bottom: 15px;\n  right: calc(50vw - 720px);\n  color: #000;\n  text-align: center;\n  display: flex;\n  flex-direction: row;\n  gap: var(--2XS);\n\n  /* Heading 4 */\n  font-family: Indivisible;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: normal;\n  text-transform: uppercase;\n  background: rgba(255, 255, 255, 0.5);\n\n  z-index: 2;\n}\n@media (max-width: 1425px) {\n  .scroll-indicator .top {\n    right: 15px;\n  }\n}\n</style>\n","<template>\n  <teleport v-if=\"join.kit?.jewelry_count\" to=\"#app\">\n    <div class=\"shop-join-tracker flex-row flex-right\">\n      <a\n        href=\"#\"\n        @click.prevent=\"show = !show\"\n        class=\"button flex-row flex-center flex-align-center\"\n        aria-label=\"Continue signup\"\n      >\n        <i class=\"pi pi-plus\" />\n      </a>\n      <!-- <div>{{ join.count }} / {{ join.kit.jewelry_count }}</div> -->\n      <div v-if=\"show\" class=\"popup p-lg\">\n        <div v-if=\"isCanceling\" class=\"flex-column\">\n          <div>\n            <p class=\"pa-p1 text-center add-padding\">\n              Are you sure you want to cancel your <br />\n              `{{ join.kit.name }}` enrollment?\n            </p>\n          </div>\n          <div class=\"flex-row flex-center gap-sm\">\n            <Button @click=\"join.clear()\">Yes</Button>\n            <Button @click=\"isCanceling = false\">No</Button>\n          </div>\n        </div>\n        <div v-else-if=\"join.count >= join.kit.jewelry_count\">\n          <h2 class=\"pa-pink pa-h3\">Congratulations</h2>\n          <p class=\"pa-p1 text-center add-padding\">\n            You have met the required {{ join.kit.jewelry_count }} pieces for\n            your\n\n            {{ join.kit.name_without_price }}\n          </p>\n          <div class=\"flex-column gap-sm\">\n            <div class=\"flex-row gap-sm buttons-sm\">\n              <RouterLink :to=\"{ name: 'opportunities-signup' }\">\n                <Button class=\"grey text-nowrap\">Continue Enrollment</Button>\n              </RouterLink>\n              <Button\n                @click=\"\n                  dismissed = true;\n                  show = false;\n                \"\n                class=\"grey text-nowrap cont-shopping\"\n                >Continue Shopping\n              </Button>\n            </div>\n            <div class=\"flex-row flex-center\">\n              <a href=\"#\" @click.prevent=\"isCanceling = true\">\n                Cancel Enrollment\n              </a>\n            </div>\n          </div>\n        </div>\n        <div v-else>\n          <h2 class=\"pa-pink pa-h3 m-sm-b\">Add To Bag</h2>\n          <p class=\"pa-p1 text-center m-sm-b add-padding\">\n            Add {{ join.kit.jewelry_count }} pieces for your<br />\n            {{ join.kit.name_without_price }}\n          </p>\n          <div class=\"flex-column flex-align-center gap-sm\">\n            <div class=\"flex-center\">\n              <Button @click=\"show = false\" class=\"grey text-nowrap\">\n                Shop\n              </Button>\n            </div>\n            <div class=\"flex-row flex-center\">\n              <a href=\"#\" @click.prevent=\"isCanceling = true\">\n                Cancel Enrollment\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"show\" class=\"backdrop\" />\n  </teleport>\n  <Dialog\n    v-model:visible=\"showLargeItemPopup\"\n    :show-header=\"false\"\n    :dismissable-mask=\"true\"\n    :modal=\"true\"\n    @after-hide=\"largeItemShown = true\"\n  >\n    <div class=\"zi-notice p-lg text-center\">\n      You’ve picked one of our iconic Zi Collection accessories! Choosing this\n      item will count as 5 standard pieces.\n    </div>\n  </Dialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { useCartStore } from \"@/stores/cart\";\nimport { useJoinStore } from \"@/stores/join\";\nimport { useShopStore } from \"@/stores/shop\";\nimport Button from \"primevue/button\";\nimport Dialog from \"primevue/dialog\";\nimport { onMounted, ref, watch } from \"vue\";\n\nconst cart = useCartStore();\nconst join = useJoinStore();\nconst shop = useShopStore();\n\nconst isCanceling = ref(false);\nconst dismissed = ref(false);\nconst showLargeItemPopup = ref(false);\nconst largeItemShown = ref(false);\nconst show = ref(true);\nconst count = ref(10000);\nconst required = ref(0);\nconst knownItems = ref<number[]>([]);\n\nwatch(\n  () => join.count,\n  () => {\n    if (count.value < required.value) {\n      count.value = Math.max(count.value, join.count);\n      if (count.value >= required.value) {\n        if (!dismissed.value) {\n          show.value = true;\n        } else {\n          console.log(\"already dismissed\");\n        }\n      }\n    }\n  },\n);\n\nwatch(\n  () => cart.object.items,\n  () => {\n    if (\n      (join.kit?.jewelry_count || 0) > 0 &&\n      !largeItemShown.value &&\n      cart.object.items\n    ) {\n      const newItems = cart.object.items.filter(\n        (item) =>\n          !item.promotion &&\n          item.product?.id &&\n          !knownItems.value.includes(item.product.id),\n      );\n\n      const ziRoots = shop.categories.filter((c) =>\n        /^zi collection/i.test(c.name),\n      );\n      const ziAllCategories = ziRoots.map((c) => shop.descendents[c.id]);\n      const ziAll = ziAllCategories.flat().map((c) => c.id);\n\n      // if item is in any of the zi roots, then it is a zi item and\n      // we need to show the large item popup\n      if (\n        newItems.some((item) => {\n          const product = shop.products.find((p) => p.id === item.product?.id);\n          if (product) {\n            const matches = product.categories.some((cid: number) =>\n              ziAll.includes(cid),\n            );\n            return matches;\n          }\n          return false;\n        })\n      ) {\n        showLargeItemPopup.value = true;\n      }\n\n      knownItems.value = cart.object.items\n        .map((item) => item.product?.id)\n        .filter((i) => i) as number[];\n    }\n  },\n  { deep: true },\n);\n\nonMounted(() => {\n  count.value = join.count;\n  required.value = join.kit?.jewelry_count || 0;\n\n  if (cart.object.items) {\n    knownItems.value = cart.object.items\n      .map((item) => item.product?.id)\n      .filter((i) => i) as number[];\n  }\n});\n</script>\n\n<style scoped>\n.shop-join-tracker {\n  position: fixed;\n  right: calc(50vw - 660px);\n  top: 262px;\n  z-index: 105;\n}\n.shop-join-tracker .button {\n  width: 56px;\n  height: 56px;\n  border-radius: 100px;\n  background: var(--Paparazzi-Pink, #ec008c);\n  color: white;\n}\n.popup {\n  position: absolute;\n  z-index: -1;\n  min-width: 415px;\n  top: 28px;\n  right: 28px;\n  background: white;\n  font-size: 14px;\n\n  h2 {\n    color: var(--Paparazzi-Pink, #ec008c);\n\n    /* Heading 3 */\n    font-family: Indivisible;\n    font-size: 18px;\n    font-style: normal;\n    font-weight: 300;\n    line-height: normal;\n    text-transform: uppercase;\n    margin-bottom: 24px;\n  }\n  p {\n    margin: 0 0 24px 0;\n    padding: 0 12px;\n  }\n}\n.backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1001;\n  background: rgba(0, 0, 0, 0.35);\n  z-index: 101;\n}\n\n.zi-notice {\n  width: 415px;\n  font-size: 14px;\n  font-weight: 400;\n  text-align: center;\n}\n\n.pi-plus:before {\n  font-size: 26px;\n}\n\n@media (max-width: 1400px) {\n  .shop-join-tracker {\n    right: 60px;\n  }\n}\n\n@media screen and (max-width: 575px) {\n  .popup {\n    width: 286px;\n    min-width: 100%;\n    p {\n      padding: var(--Sm, 24px) 0;\n    }\n    :deep(.buttons-sm) {\n      flex-direction: column !important;\n      align-items: center;\n    }\n    p.add-padding {\n      padding: 0;\n    }\n  }\n  .zi-notice {\n    width: 80vw;\n  }\n  .shop-join-tracker {\n    top: 160px;\n  }\n  button.cont-shopping {\n    width: fit-content;\n  }\n}\n\n@media screen and (max-width: 450px) {\n  .shop-join-tracker {\n    right: 10px;\n  }\n  .popup {\n    width: 80vw;\n    p {\n      padding: var(--Sm, 24px) 0;\n    }\n  }\n}\n</style>\n","<route lang=\"json\">\n{ \"name\": \"shop\" }\n</route>\n\n<template>\n  <div class=\"shop flex-column\" :class=\"{ showingFilters: showFilters }\">\n    <DebugBlock>\n      <div class=\"flex-row flex-align-center gap-sm\">\n        <Button class=\"grey\" @click=\"addStaleItem()\"> Add Stale Item </Button>\n        <Button class=\"grey\" @click=\"hackTimer(5000 + 5 * 1000 * 60)\">\n          5 Minute Timer\n        </Button>\n        <Button class=\"grey\" @click=\"copyItemIds()\"> Copy Item Ids </Button>\n        <Button class=\"grey\" @click=\"compareItemIds()\">\n          Compare Item Ids\n        </Button>\n        <div class=\"flex-column\">\n          <div>\n            {{ shop.categories.length }} allowed /\n            {{ shop.objects.categories.length }} total\n          </div>\n          <div>\n            {{ products.length }} products / {{ shop.products.length }} allowed\n            / {{ shop.objects.products.length }} total\n          </div>\n        </div>\n      </div>\n      <div>\n        <input type=\"datetime-local\" v-model=\"lastSyncDt\" />\n      </div>\n      <div class=\"flex-row\">\n        <Button class=\"grey\" @click=\"testPatcher\"> Test Patcher </Button>\n        <Button class=\"grey\" @click=\"testPatcher2\">\n          Test Patcher (w/Missing)\n        </Button>\n      </div>\n      <div class=\"diff-products flex-row flex-left\">\n        <div class=\"grid5-auto gap-2xs-y gap-sm-x flex-static margin-auto\">\n          <template v-for=\"dp of diffProducts\">\n            <a\n              :href=\"`https://paparazziaccessories.com/admin/paparazzi/item/${dp.id}/change/`\"\n              target=\"_blank\"\n            >\n              {{ dp.id }}\n            </a>\n            <CopySnippet :text=\"dp.remote_id\" />\n            <CopySnippet :text=\"dp.slug\" />\n            <div>{{ dp.name }}</div>\n            <div>{{ dp.release_date }}</div>\n          </template>\n        </div>\n      </div>\n    </DebugBlock>\n\n    <RepBanner />\n\n    <div class=\"products-cont flex-column\">\n      <div class=\"mobile-quick-add\">\n        <RouterLink v-if=\"user.isRep\" :to=\"{ name: 'shop-quickadd' }\">\n          <Button class=\"grey\">Quick Add</Button>\n        </RouterLink>\n      </div>\n      <div class=\"flex-row flex-align-center flex-left gap-sm\">\n        <!-- <div class=\"flex-column flex-align-top flex-center gap-sm\"> -->\n        <a\n          @click.prevent=\"showFilters = !showFilters\"\n          href=\"#\"\n          class=\"product-filter\"\n        >\n          FILTER\n          <i v-if=\"showFilters\" class=\"pi pi-chevron-down\" />\n          <i v-else class=\"pi pi-chevron-right\" />\n        </a>\n        <div v-if=\"categories.length === 1\" class=\"flex-row gap-sm\">\n          <h1 v-for=\"category of categories\" class=\"pa-h6\">\n            {{\n              user.isRep ? category.name : category.retail_name || category.name\n            }}\n          </h1>\n        </div>\n        <div class=\"flex-stretch\" />\n        <RouterLink\n          v-if=\"user.isRep\"\n          :to=\"{ name: 'shop-quickadd' }\"\n          class=\"desktop-quick-add\"\n        >\n          <Button class=\"grey\">Quick Add</Button>\n        </RouterLink>\n      </div>\n      <div class=\"product-content flex-row gap-sm\">\n        <div\n          v-if=\"showFilters\"\n          @click.prevent=\"showFilters = false\"\n          class=\"backdrop\"\n        />\n        <div v-if=\"showFilters\" class=\"filters flex-static flex-column gap-xs\">\n          <!-- <InputGroup>\n            <InputText type=\"search\" placeholder=\"Search...\" v-model=\"search\" />\n            <InputGroupAddon>\n              <i class=\"pi pi-search\"></i>\n            </InputGroupAddon>\n          </InputGroup> -->\n          <BasicTree\n            v-model:selectionKeys=\"selected\"\n            :value=\"tree\"\n            :debugShowVisibility=\"user.isDev\"\n          />\n          <BasicTree\n            v-model:selectionKeys=\"selectedMetals\"\n            :value=\"metalTree\"\n          />\n          <BasicTree\n            v-model:selectionKeys=\"selectedColors\"\n            :value=\"colorTree\"\n          />\n        </div>\n        <div class=\"flex-column flex-stretch\" :class=\"selected\">\n          <ShopJoinTracker />\n          <DebugBlock v-if=\"categories.length > 0\">\n            <div class=\"flex-column justify-left align-left\">\n              <div v-for=\"category of categories\" class=\"category-debug\">\n                <Accordion :key=\"category.id\">\n                  <AccordionTab :header=\"category.name\">\n                    <div class=\"flex-row flex-left\">\n                      <div class=\"grid2-auto flex-static gap-sm-x\">\n                        <div>Active:</div>\n                        <div>{{ category.active }}</div>\n                        <div>Indexed:</div>\n                        <div>{{ category.indexed }}</div>\n                        <div>Allow All:</div>\n                        <div>{{ category.allow_all }}</div>\n                        <div>Allowed Groups:</div>\n                        <div>{{ category.allowed_groups.join(\", \") }}</div>\n                        <div>Your Groups:</div>\n                        <div>{{ user.groups.join(\", \") }}</div>\n                        <div>Active Products:</div>\n                        <div>{{ shop.counts[category.id] }}</div>\n                        <div>Release Dates:</div>\n                        <div>{{ category.release_date }}</div>\n                      </div>\n                    </div>\n                  </AccordionTab>\n                  <AccordionTab :header=\"`${category.name} &gt; Products`\">\n                    <div class=\"flex-row flex-left\">\n                      <div class=\"grid4-auto flex-static gap-sm-x\">\n                        <div>Product</div>\n                        <div>Active</div>\n                        <div>Parent</div>\n                        <div>Stock:</div>\n                        <template\n                          v-for=\"product of shop.objects.products.filter((p) =>\n                            p.categories.includes(category.id),\n                          )\"\n                        >\n                          <b>{{ product.name }}</b>\n                          <div>{{ product.active }}</div>\n                          <div>{{ product.parent }}</div>\n                          <div class=\"text-right\">{{ product.stock }}</div>\n                        </template>\n                      </div>\n                    </div>\n                  </AccordionTab>\n                </Accordion>\n              </div>\n            </div>\n          </DebugBlock>\n          <div class=\"flex-row flex-center\">\n            <Message v-if=\"firebase.error\" type=\"warning\">\n              <div class=\"p-2xs\">\n                Sorry we are having trouble loading our products. Please refresh\n                your page.<br /><br />\n\n                If the error continues please contact\n                <a href=\"mailto: it@paparazziaccessories.com\" target=\"_blank\">\n                  it@paparazziaccessories.com\n                </a>\n              </div>\n              <div class=\"pa-p1b p-2xs m-sm-b\">{{ firebase.error }}</div>\n              <Button @click.prevent=\"tryReload\">Reload</Button>\n            </Message>\n            <span v-else-if=\"!shop.isReady\"><!-- not showing loading --></span>\n            <Message v-else-if=\"searching\" type=\"info\"> Searching... </Message>\n            <Message v-else-if=\"products.length === 0\" type=\"warning\">\n              Sorry, it looks like there aren’t any accessories that match your\n              search. <br />\n              Please check your filters and try again.\n            </Message>\n          </div>\n          <div class=\"products\" :class=\"{ 'sidebar-open': showFilters }\">\n            <template v-for=\"result of products.slice(0, max)\">\n              <ProductBlock :object=\"result\" :back=\"back\" />\n              <!-- <div>{{ result.categoryNames }}</div> -->\n            </template>\n            <ScrollIndicator\n              :screens=\"2\"\n              @bottom=\"max = Math.min(max + 20, products.length)\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport BasicTree from \"@/components/BasicTree.vue\";\nimport CopySnippet from \"@/components/CopySnippet.vue\";\nimport DebugBlock from \"@/components/DebugBlock.vue\";\nimport ScrollIndicator from \"@/components/ScrollIndicator.vue\";\nimport ShopJoinTracker from \"@/components/join/ShopJoinTracker.vue\";\nimport RepBanner from \"@/components/rep/RepBanner.vue\";\nimport ProductBlock from \"@/components/shop/ProductBlock.vue\";\n\nimport {\n  colorOptions,\n  metalOptions,\n  type Category,\n  type Product,\n} from \"@/stores/defs/shop_defs\";\nimport { useFirebaseStore } from \"@/stores/firebase\";\nimport { useShopStore } from \"@/stores/shop\";\nimport { useToasterStore } from \"@/stores/toaster\";\nimport { useUserStore } from \"@/stores/user\";\nimport { cancelDebounce, debounce } from \"@/utils/bouncer\";\nimport { useHead } from \"@unhead/vue\";\nimport Fuse from \"fuse.js\";\nimport Accordion from \"primevue/accordion\";\nimport AccordionTab from \"primevue/accordiontab\";\nimport Button from \"primevue/button\";\nimport Message from \"primevue/message\";\nimport type { TreeNode } from \"primevue/treenode\";\nimport sortBy from \"sort-by\";\nimport type { Ref } from \"vue\";\nimport { computed, nextTick, onMounted, ref, watch } from \"vue\";\nimport { useRoute, useRouter, type RouteLocationRaw } from \"vue-router\";\n\ninterface ProductWithCategoryNames extends Product {\n  categoryNames?: string;\n}\n\nconst emits = defineEmits([\"update:path\"]);\nconst props = defineProps<{\n  path?: string;\n}>();\nconst shop = useShopStore();\nconst router = useRouter();\nconst route = useRoute();\nconst user = useUserStore();\nconst firebase = useFirebaseStore();\nconst toaster = useToasterStore();\n\nconst max = ref(30);\nconst showFilters = ref(false);\nconst products: Ref<Product[]> = ref([]);\nconst diffProducts = ref<Product[]>([]);\nconst searching = ref<boolean>(false);\n\nconst fuse = new Fuse<ProductWithCategoryNames>([], {\n  distance: 1000,\n  threshold: 0.15,\n  keys: [\"name\", \"description\", \"remote_id\", \"categoryNames\"],\n});\nconst metalTree: TreeNode[] = [\n  {\n    key: \"metal\",\n    label: \"Metal Color\",\n    children: metalOptions,\n  },\n];\nconst colorTree: TreeNode[] = [\n  {\n    key: \"color\",\n    label: \"Color\",\n    children: colorOptions,\n  },\n];\n\nconst lastSyncDt = computed({\n  get: () => {\n    return firebase.lastSync.products.replace(/Z$/, \"\");\n  },\n  set: (v) => {\n    console.log(\"date changed\", v);\n    firebase.lastSync.products = new Date(v).toISOString();\n  },\n});\n\nconst back = computed(() => {\n  if (searchText.value || parts.value.length > 0) {\n    return route.fullPath;\n  }\n  return undefined;\n});\n\nconst parts: Ref<string[]> = computed({\n  get: () => {\n    return props.path ? props.path.split(\"/\") : [];\n  },\n  set: (v: string[]) => {\n    if (v.length === 0) {\n      const route: RouteLocationRaw = { name: \"shop\" };\n      if (searchText.value) {\n        route.query = { search: searchText.value };\n      }\n      router.push(route);\n      emits(\"update:path\", null);\n    } else {\n      const path = v.join(\"/\");\n      let route = `/shop/${path}`;\n      if (searchText.value) {\n        route += `?search=${searchText.value}`;\n      }\n      router.push(route);\n      emits(\"update:path\", path);\n    }\n  },\n});\nconst selected: Ref<string[]> = computed({\n  get: () => {\n    const mine = parts.value\n      .filter((p) => !/:/.test(p))\n      .filter((p) => {\n        if (user.isDev) {\n          return true;\n        } else {\n          return p === \"new\" || shop.categories.find((c) => c.slug === p);\n        }\n      });\n    return mine;\n  },\n  set: (v) => {\n    updatePath({ selected: v });\n  },\n});\nconst selectedColors: Ref<string[]> = computed({\n  get: () => {\n    return parts.value\n      .filter((p) => /^color:/.test(p))\n      .map((p) => p.slice(6))\n      .filter((p) => {\n        return colorOptions.find((c) => c.key === p);\n      });\n  },\n  set: (v) => {\n    updatePath({ selectedColors: v });\n  },\n});\nconst selectedMetals: Ref<string[]> = computed({\n  get: () => {\n    return parts.value\n      .filter((p) => /^metal:/.test(p))\n      .map((p) => p.slice(6))\n      .filter((p) => {\n        return metalOptions.find((c) => c.key === p);\n      });\n  },\n  set: (v) => {\n    updatePath({ selectedMetals: v });\n  },\n});\nconst selectedColorsAndMetals: Ref<string[]> = computed(() => {\n  return [...selectedColors.value, ...selectedMetals.value];\n});\n\nconst searchText = computed(() => {\n  for (const path of parts.value) {\n    if (path.startsWith(\"search:\")) {\n      return path.slice(7);\n    }\n  }\n\n  // get from query string\n  if (router.currentRoute.value.query?.search) {\n    return \"\" + router.currentRoute.value.query.search;\n  }\n  return \"\";\n});\n\nconst listExcludedCategoryIds = computed(() => {\n  const names = [\"Consultant Exclusive\"];\n  if (!user.isLocalhost) {\n    names.push(\"test\");\n  }\n  let retval: number[] = [];\n  for (const name of names) {\n    const cat = shop.categories.find((c) => c.name === name);\n    if (cat) {\n      retval.push(cat.id);\n      retval = retval.concat(shop.descendents[cat.id].map((c) => c.id));\n    }\n  }\n  return retval;\n});\nconst defaultCategoryIds = computed(() => {\n  const allIds = shop.categories.map((c) => c.id);\n  return allIds.filter((cid) => !listExcludedCategoryIds.value.includes(cid));\n});\n\nconst categories = computed(() => {\n  // show all categories for developers\n  if (user.isDev) {\n    return shop.objects.categories.filter((c: Category) =>\n      selected.value.includes(c.slug),\n    );\n  }\n  // show only allowed categories otherwise\n  return shop.categories.filter((c: Category) =>\n    selected.value.includes(c.slug),\n  );\n});\nconst categoryIds = computed(() => {\n  let retval = [] as Category[];\n  const ids = categories.value.map((c: Category) => c.id);\n  for (const category of categories.value) {\n    if (!category.parent) {\n      const descendents = (shop.descendents[category.id] || []).slice();\n      if (\n        !descendents.some((c) => c.id !== category.id && ids.includes(c.id))\n      ) {\n        // add all subcategories\n        retval = retval.concat(descendents);\n        // } else {\n        //   retval.push(category);\n      }\n    } else {\n      retval.push(category);\n    }\n  }\n  return retval.map((c) => c.id);\n});\nconst tree = computed(() => {\n  function getNode(category: Category): TreeNode {\n    let label = user.isRep\n      ? category.name\n      : category.retail_name || category.name;\n    return {\n      key: category.slug,\n      label: `${label}`,\n      children: getChildren(category),\n      data: category.id,\n      allowed: !!shop.categories.find((c) => c.id === category.id),\n      visible: shop.counts[category.id] > 0,\n    };\n  }\n  function getChildren(category: Category): TreeNode[] {\n    const root = user.isDev ? shop.objects.categories : shop.categories;\n\n    return root\n      .filter((c) => {\n        return (\n          c.parent === category.id && (user.isDev || shop.counts[c.id] > 0)\n        );\n      })\n      .map(getNode);\n  }\n  const retval = getNode({\n    // @ts-ignore\n    id: null,\n    slug: \"all\",\n    name: \"Type\",\n  });\n  return [retval];\n});\n\nconst preFilteredProducts = computed<ProductWithCategoryNames[]>(() => {\n  let retval: ProductWithCategoryNames[] = shop.products;\n\n  // filter active only\n  // inactive products might be fetched with the backup api method\n  retval = retval.filter((p) => p.active);\n\n  // const now = new Date(shop.lastUpdate.products);\n  const now = new Date();\n\n  if (selected.value.includes(\"new\")) {\n    const cutoff = new Date(now.getTime() - 1000 * 60 * 60 * 24 * 10);\n    retval = retval.filter((p) => new Date(p.date_added) > cutoff);\n  }\n\n  if (categoryIds.value.length > 0) {\n    retval = retval.filter((product) =>\n      product.categories.some((cid) => categoryIds.value.includes(cid)),\n    );\n  } else if (!searchText.value) {\n    retval = retval.filter((product) =>\n      defaultCategoryIds.value.includes(product.category),\n    );\n  }\n\n  if (selectedColorsAndMetals.value.length > 0) {\n    retval = retval.filter((product) =>\n      selectedColorsAndMetals.value.some((color) => {\n        const category = getColorCategory(color);\n        return (\n          // (product.colors && product.colors.includes(color)) ||\n          category && product.categories.includes(category.id)\n        );\n      }),\n    );\n  }\n\n  // deployed is the date that the a timed product is released, or the date the product was added\n  retval = retval.sort(sortBy(\"-deployed\", \"id\"));\n  retval.forEach((product) => {\n    const categories = product.categories\n      .map((c) => shop.ancestors[c])\n      .flat()\n      .filter((a) => a);\n    const names = categories\n      .map((c) => c.name)\n      .filter((name) => ![\"Color\"].includes(name));\n    product.categoryNames = names.join(\", \");\n  });\n  return retval;\n});\n\nwatch(preFilteredProducts, () => {\n  fuse.setCollection(preFilteredProducts.value as never[]);\n});\n\nwatch([searchText, preFilteredProducts], performSearch);\n\nwatch(\n  () => shop.products,\n  async () => {\n    if (await debounce(\"refresh-search-products\", 5000)) {\n      fuse.setCollection(shop.products);\n    }\n  },\n);\n\nconst titleContent: Record<string, string> = {\n  necklaces: \"Shop Necklaces\",\n  earrings: \"Shop Earrings\",\n  bracelets: \"Shop Bracelets\",\n  rings: \"Shop Rings\",\n  anklets: \"Shop Anklets\",\n  \"hair-accessories\": \"Shop Hair Accessories\",\n  blockbusters: \"Shop Blockbusters\",\n};\nconst descriptionContent: Record<string, string> = {\n  necklaces:\n    \"Discover affordable, trendy necklaces starting at just $5! New styles added daily. Shop now.\",\n  earrings:\n    \"Discover affordable, trendy earrings starting at just $5! New styles added daily. Shop now.\",\n  bracelets:\n    \"Discover affordable, trendy bracelets starting at just $5! New styles added daily. Shop now.\",\n  rings:\n    \"Discover affordable, trendy rings starting at just $5! New styles added daily. Shop now.\",\n  anklets:\n    \"Discover affordable, trendy anklets starting at just $5! New styles added daily. Shop now.\",\n  \"hair-accessories\":\n    \"Discover affordable, trendy hair accessories starting at just $5! New styles added daily. Shop now.\",\n  blockbusters:\n    \"Discover affordable, trendy accessories starting at just $5! New styles added daily. Shop now.\",\n};\n\nuseHead({\n  title: () =>\n    titleContent[props.path ?? \"\"] ?? \"Shop Jewelry Trends for Every Occasion\",\n  meta: () => {\n    const content =\n      descriptionContent[props.path ?? \"\"] ??\n      \"Discover affordable, trendy necklaces starting at just $5! New styles added daily. Shop now.\";\n    return [\n      {\n        name: \"description\",\n        content,\n      },\n    ];\n  },\n});\n\nonMounted(async () => {\n  if (parts.value.length > 0) {\n    showFilters.value = true;\n  }\n  fuse.setCollection(preFilteredProducts.value as never[]);\n  performSearch();\n\n  // const maxX = 2;\n  // for (let x = 0; x <= maxX; x += 1) {\n  //   await timer(3000);\n  //   if (!shop.isReady) {\n  //     console.error(\"Shop is taking too long\", x);\n  //   } else if (shop.products.length === 0) {\n  //     console.error(\"Shop products have not arrived yet\", x);\n  //   } else if (firebase.error) {\n  //     // will show error above\n  //     console.error(\"Firebase problem\", firebase.error);\n  //     break;\n  //   }\n  //   if (x === maxX && !route.query.autoReload) {\n  //     router.push({\n  //       name: \"shop\",\n  //       params: { path: props.path },\n  //       query: { search: searchText.value, autoReload: \"true\" },\n  //     });\n  //     console.error(\"attempting reload\");\n  //     await timer(1000);\n  //     location.reload();\n  //   }\n  // }\n});\n\nfunction tryReload() {\n  location.reload();\n}\n\nfunction getColorCategory(color: string): Category | null {\n  const colorObj =\n    colorOptions.find((c) => c.key === color) ||\n    metalOptions.find((c) => c.key === color);\n  let category = null;\n  if (colorObj) {\n    category =\n      shop.objects.categories.find(\n        (c) =>\n          (c.parent === shop.metalParent?.id ||\n            c.parent === shop.colorParent?.id) &&\n          new RegExp(colorObj.label).test(c.name),\n      ) || null;\n  }\n  return category;\n}\n\nasync function updatePath(updates: { [index: string]: string[] }) {\n  const categories = updates.selected || selected.value;\n  const colors = updates.selectedColors || selectedColors.value;\n  const metals = updates.selectedMetals || selectedMetals.value;\n  const retval: string[] = ([] as string[]).concat(\n    categories,\n    colors.map((c) => `color:${c}`),\n    metals.map((c) => `metal:${c}`),\n  );\n  parts.value = retval;\n}\n\nasync function performSearch() {\n  searching.value = true;\n  if (searchText.value) {\n    if (await debounce(\"product-search\")) {\n      const results = fuse.search(searchText.value).map((a) => a.item);\n      products.value = results;\n      await nextTick();\n      searching.value = false;\n    }\n  } else {\n    cancelDebounce(\"product-search\"); // clears previous attempt\n    products.value = preFilteredProducts.value;\n    searching.value = false;\n  }\n}\n\nasync function hackTimer(ms: number) {\n  for (let x = 0; x < 4 * 2; x += 1) {\n    const index = 4 + x;\n    products.value[index].release_date = new Date(\n      Date.now() + ms,\n    ).toISOString();\n  }\n}\n\nasync function addStaleItem() {\n  const old = {\n    id: 71844,\n    remote_id: \"P5PO-BNXX-044YR\",\n    name: \"Cascading Class - Brown\",\n    description:\n      '<P> A mismatched collection of various highly faceted topaz, light peach, tea, and light topaz gems is linked together in elegant succession as they glamorously cascade below the ear. Earring attaches to a standard post fitting. </P>  \\n\\n<P> <I> Sold as one pair of post earrings.  </I>  </P>\\n\\n<img src=\"https://d9b54x484lq62.cloudfront.net/paparazzi/shopping/images/517_tag150x115_1.png\" alt=\"New Kit\" align=\"middle\" height=\"50\" width=\"50\"/>\\n\\n<br><b>\\nGet The Complete Look!\\n</b>\\n<br>Necklace: \"Gallery Gala - Brown\" (Sold Separately)<br><br>',\n    prices: { wholesale: 2.75, null: 5 },\n    category: 3,\n    volume: \"2.00\",\n    active: true,\n    images: [\n      {\n        original: \"~/p/77829_1-8x10_1.jpg\",\n        \"25_cropped\": \"~/tp/77829_1-8x10_1.jpg[c25]\",\n        \"100_cropped\": \"~/tp/77829_1-8x10_1.jpg[c100]\",\n        \"512_cropped\": \"~/tp/77829_1-8x10_1.jpg[c512]\",\n        w125: \"~/tp/77829_1-8x10_1.jpg.125x200_q85.jpg\",\n        w250: \"~/tp/77829_1-8x10_1.jpg.250x400_q85.jpg\",\n        w500: \"~/tp/77829_1-8x10_1.jpg.500x800_q85.jpg\",\n        xxs: \"~/tp/77829_1-8x10_1.jpg.240x240_q85.jpg\",\n        xs: \"~/tp/77829_1-8x10_1.jpg[xs]\",\n      },\n      {\n        original: \"~/p/77829_2-8x10_1.jpg\",\n        \"25_cropped\": \"~/tp/77829_2-8x10_1.jpg[c25]\",\n        \"100_cropped\": \"~/tp/77829_2-8x10_1.jpg[c100]\",\n        \"512_cropped\": \"~/tp/77829_2-8x10_1.jpg[c512]\",\n        w125: \"~/tp/77829_2-8x10_1.jpg.125x200_q85.jpg\",\n        w250: \"~/tp/77829_2-8x10_1.jpg.250x400_q85.jpg\",\n        w500: \"~/tp/77829_2-8x10_1.jpg.500x800_q85.jpg\",\n        xxs: \"~/tp/77829_2-8x10_1.jpg.240x240_q85.jpg\",\n        xs: \"~/tp/77829_2-8x10_1.jpg[xs]\",\n      },\n      {\n        original: \"~/p/77829_comp-8x10_1.jpg\",\n        \"25_cropped\": \"~/tp/77829_comp-8x10_1.jpg[c25]\",\n        \"100_cropped\": \"~/tp/77829_comp-8x10_1.jpg[c100]\",\n        \"512_cropped\": \"~/tp/77829_comp-8x10_1.jpg[c512]\",\n        w125: \"~/tp/77829_comp-8x10_1.jpg.125x200_q85.jpg\",\n        w250: \"~/tp/77829_comp-8x10_1.jpg.250x400_q85.jpg\",\n        w500: \"~/tp/77829_comp-8x10_1.jpg.500x800_q85.jpg\",\n        xxs: \"~/tp/77829_comp-8x10_1.jpg.240x240_q85.jpg\",\n        xs: \"~/tp/77829_comp-8x10_1.jpg[xs]\",\n      },\n    ],\n    release_date: \"2024-09-30T19:00:00+00:00\",\n    stock: 300,\n    categories: [433, 3, 514, 509, 478, 507, 482],\n    is_parent: false,\n    subproducts: [],\n    date_added: new Date().toISOString(),\n    colors: [\"BN\"],\n    inventory_source: \"default\",\n    slug: \"cascading-class-brown\",\n    deployed: new Date(),\n    parent: 0,\n    complete_look: [],\n    cl_refs: [],\n    extras: {},\n    cached_time: new Date(),\n  };\n  shop.objects.products.push(old);\n  shop.patchers.products.cache.setItem(`${old.id}`, old);\n}\n\nfunction copyItemIds() {\n  const ids = JSON.stringify(shop.objects.products.map((p) => p.id));\n  // copy value to the clipboard using navigator api\n  navigator.clipboard.writeText(ids);\n  toaster.add({ summary: \"Copied to clipboard\" });\n}\n\nasync function compareItemIds() {\n  // read from the clipboard and compare product database to find the differences between the list\n  const myProductIds = shop.objects.products.map((p) => p.id);\n  const clipboardProductIds = JSON.parse(await navigator.clipboard.readText());\n  const diff = myProductIds.filter((id) => !clipboardProductIds.includes(id));\n\n  diffProducts.value = diff\n    .map((id) => shop.objects.products.find((p) => p.id == id))\n    .filter((a) => a);\n}\n\nasync function testPatcher() {\n  // remove random product that current exists\n  const randoIndex = Math.floor(Math.random() * shop.products.length);\n  const rando = shop.products[randoIndex];\n  shop.products.splice(randoIndex, 1);\n  console.log(\"removed\", rando.slug, \"for testing\");\n  const products = shop.getPatcher(\"products\");\n  products.patch(rando.slug, { timestamp: new Date() });\n}\n\nasync function testPatcher2() {\n  // attempt to patch a product that doesn't exist\n  const products = shop.getPatcher(\"products\");\n  products.patch(\"nothing\", { timestamp: new Date() });\n}\n</script>\n\n<style scoped>\n.shop {\n  gap: var(--md, 32px);\n}\n\n.p-dropdown {\n  border: none;\n}\n\n.p-inputtext {\n  padding: var(--XS, 16px) var(--2XS, 8px);\n}\n\na.product-filter:hover {\n  font-weight: 400;\n  -webkit-transition: all 0.5s;\n  -moz-transition: all 0.5s;\n  -o-transition: all 0.5s;\n  transition: all 0.5s;\n  /* transition: font-weight 0.5s ease; */\n  text-shadow: 0.75px 0 black;\n}\n\n.backdrop {\n  display: none;\n}\n.filters {\n  width: 185px;\n  padding: 0 var(--2XS, 8px) var(--2XS, 8px) 0;\n}\n.p-tree {\n  border: none;\n  padding: 0;\n}\n.filters :deep(.p-treenode-content) {\n  padding: 0;\n  font-size: 14px;\n}\n.filters :deep(.p-link) {\n  margin: 0;\n}\n.filters :deep(.p-checkbox),\n.filters :deep(.p-checkbox .p-checkbox-box) {\n  width: 15px;\n  height: 15px;\n}\n.filters :deep(.p-checkbox) {\n  margin: 0;\n  display: inline-block;\n}\n.filters :deep(.p-checkbox .p-checkbox-box) {\n  margin: 0;\n  border-radius: 50%;\n}\n\n.filters :deep(.name) {\n  padding: 11px var(--2XS, 8px) 10px 0;\n  gap: var(--XS, 16px);\n  text-wrap: pretty;\n  text-shadow: none;\n  -webkit-transition: all 0.1s;\n  -moz-transition: all 0.1s;\n  -o-transition: all 0.1s;\n  transition: all 0.1s;\n  font-weight: 400;\n}\n\n.filters :deep(.name:hover) {\n  text-shadow: 0.25px 0 black;\n  font-weight: 400;\n}\n\n.filters :deep(.children) {\n  padding: 0 0 0 var(--2XS, 8px);\n  margin-left: 0;\n}\n\n.filters :deep(.children) a.name {\n  padding: 8px 0;\n}\n\n.filters :deep(.children) .children {\n  padding-left: 11px;\n}\n\n.filters :deep(.children) a.child:hover {\n  font-weight: 400;\n}\n\n.products-cont {\n  gap: var(--Sm);\n}\n.products {\n  display: grid;\n  gap: var(--1XL, 64px) var(--Sm, 24px);\n  grid-template-columns: repeat(4, 1fr);\n}\n\n.product-block {\n  position: relative;\n  flex: 1 1 auto;\n  min-width: 100px;\n  max-width: 262px;\n  font-size: 14px;\n  img {\n    aspect-ratio: 8 / 10;\n  }\n}\n\n.shopping-with {\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\ni.pi-chevron-right,\n.filters :deep(i.pi-chevron-right) {\n  font-size: 9px;\n  padding: 5px 8px;\n}\n\ni.pi-chevron-down,\n.filters :deep(i.pi-chevron-down) {\n  font-size: 9px;\n  padding: 5px 8px;\n}\n\n.filters :deep(.children i.pi-chevron-right),\n.filters :deep(.children i.pi-chevron-down) {\n  display: none;\n}\n\n.mobile-quick-add {\n  display: none;\n}\n\n/** hack to make the complete collection first */\n.blockbusters .complete-blockbuster-collection-2087 {\n  order: -1;\n}\n\n.pa-h6 {\n  margin: 0;\n}\n\n@media (max-width: 1139px) and (min-width: 801px) {\n  .products-cont {\n    padding: 0 var(--Sm, 24px);\n  }\n  .product-block {\n    max-width: 100%;\n  }\n}\n\n@media (max-width: 900px) and (min-width: 801px) {\n  .products.sidebar-open {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media (max-width: 800px) {\n  .products-cont {\n    padding: 0;\n    gap: var(--XS, 16px);\n  }\n  .products {\n    grid-template-columns: repeat(2, 1fr);\n    row-gap: var(--XMd, 40px);\n    margin: 0 auto;\n  }\n  .flex-row.flex-align-center.flex-left.gap-sm {\n    gap: var(--2XS, 8px);\n  }\n  a.product-filter {\n    font-size: 14px;\n    font-weight: 300;\n  }\n  h1.pa-h6 {\n    font-size: 14px;\n    font-weight: 300;\n  }\n  #app .filters,\n  #app .backdrop {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 1001;\n  }\n  .filters {\n    z-index: 2;\n    background: white;\n    overflow: auto;\n    padding: var(--2XS, 8px);\n    width: 220px;\n  }\n  #app .backdrop {\n    display: block;\n    background: rgba(0, 0, 0, 0.25);\n  }\n  .filters :deep(.children) {\n    padding: 0 var(--XS, 16px);\n  }\n  .filters :deep(a.child) {\n    padding: 16px 0;\n  }\n  .mobile-quick-add {\n    display: flex;\n    justify-content: right;\n  }\n  .desktop-quick-add {\n    display: none;\n  }\n  .product-content {\n    margin-top: 24px;\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","shop","useShopStore","openKeys","ref","usedOpenKeys","computed","v","opened","retval","key","node","checked","watch","openSelected","onMounted","branch","findLeaf","leaf","sub","result","updateOpenKeys","keys","copy","index","updateSelectedKeys","change","c","useToasterStore","el","top","wh","emit","scroller","e","parent","onBeforeUnmount","scrollToTop","cart","useCartStore","join","useJoinStore","isCanceling","dismissed","showLargeItemPopup","largeItemShown","show","count","required","knownItems","_a","newItems","item","ziAll","product","p","cid","i","router","useRouter","route","useRoute","user","useUserStore","firebase","useFirebaseStore","toaster","max","showFilters","products","diffProducts","searching","fuse","Fuse","metalTree","metalOptions","colorTree","colorOptions","lastSyncDt","back","searchText","parts","path","selected","updatePath","selectedColors","selectedMetals","selectedColorsAndMetals","listExcludedCategoryIds","names","name","cat","defaultCategoryIds","categories","categoryIds","ids","category","descendents","tree","getNode","label","getChildren","preFilteredProducts","now","cutoff","color","getColorCategory","sortBy","a","performSearch","debounce","titleContent","descriptionContent","useHead","tryReload","colorObj","_b","updates","colors","metals","results","nextTick","cancelDebounce","hackTimer","ms","x","addStaleItem","old","copyItemIds","compareItemIds","myProductIds","clipboardProductIds","diff","id","testPatcher","randoIndex","rando","testPatcher2"],"mappings":"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"}