{"version":3,"file":"Index-BgkZZwo4.js","sources":["../../../resources/js/Components/NavGroup.vue","../../../resources/js/Components/NavItem.vue","../../../resources/js/Components/NavList.vue","../../../resources/js/Pages/Blog/Index.vue"],"sourcesContent":["<script setup>\nimport { reactive, provide, ref } from \"vue\"\n\nconst props = defineProps({\n    as: {\n        type: String,\n        default: \"div\",\n    },\n    duration: {\n        type: Number,\n        default: 500,\n    },\n    vertical: {\n        type: Boolean,\n        default: false,\n    },\n    fluid: {\n        type: Boolean,\n        default: false,\n    },\n})\n\nconst isReady = ref(false)\n\nconst activeItem = reactive({\n    index: -1,\n    size: 0,\n    position: 0,\n})\n\nvar previousSize = -1\nvar previousPosition = 0\nvar animated = true\n\nfunction handleFluidMove(targetSize, targetPosition) {\n    if (!animated) {\n        return\n    }\n\n    animated = false\n\n    if (previousSize === -1) {\n        activeItem.size = targetSize\n        activeItem.position = targetPosition\n\n        animated = true\n    } else {\n        if (targetPosition > previousPosition) {\n            activeItem.size = targetSize + targetPosition - previousPosition\n\n            setTimeout(() => {\n                activeItem.size = targetSize\n                activeItem.position = targetPosition\n\n                animated = true\n            }, props.duration)\n        } else {\n            activeItem.position = targetPosition\n            activeItem.size = previousSize + previousPosition - activeItem.position\n\n            setTimeout(() => {\n                activeItem.size = targetSize\n\n                animated = true\n            }, props.duration)\n        }\n    }\n\n    previousSize = targetSize\n    previousPosition = targetPosition\n}\n\nfunction setActiveItem(index, size, position) {\n    activeItem.index = index\n\n    if (props.fluid) {\n        handleFluidMove(size, position)\n    } else {\n        activeItem.size = size\n        activeItem.position = position\n    }\n\n    isReady.value = true\n}\n\nconst isMounted = ref(false)\n\nfunction setMounted() {\n    isMounted.value = true\n}\n\nprovide(\"nav-context\", {\n    setActiveItem,\n    activeItem,\n    isReady,\n    setMounted,\n    isMounted,\n    isFluid: props.fluid,\n    isVertical: props.vertical,\n    duration: props.duration,\n})\n</script>\n\n<template>\n    <component :is=\"as\">\n        <slot\n            :ready=\"isReady\"\n            :position=\"`${activeItem.position}px`\"\n            :duration=\"`${duration}ms`\"\n            :size=\"`${activeItem.size}px`\" />\n    </component>\n</template>\n","<script setup>\nimport { ref, inject, computed, watch } from \"vue\"\nimport { watchOnce } from \"@vueuse/core\"\n\nconst props = defineProps({\n    as: {\n        type: String,\n        default: \"div\",\n    },\n    active: {\n        type: Boolean,\n        default: false,\n    },\n})\n\nconst emit = defineEmits([\"activated\"])\n\nconst container = ref()\n\nconst context = inject(\"nav-context\")\n\n// current element index\nconst peers = inject(\"peers\")\nconst index = computed(() => {\n    return peers?.value ? peers.value.indexOf(container.value) : -1\n})\n\n// active item indicator\nconst isActive = computed(() => {\n    return context.activeItem.index === index.value\n})\n\n// navlist mounted callback\nwatchOnce(index, () => {\n    // set default element as active\n    if (props.active) {\n        setActive(false)\n    }\n\n    if (index.value === peers.value.length - 1) {\n        context.setMounted()\n    }\n})\n\nwatch(context.isMounted, () => {\n    // set first element as active\n    if (context.activeItem.index === -1 && index.value === 0) {\n        setActive(false)\n    }\n})\n\n//\nfunction setActive(event) {\n    if (context.isVertical) {\n        context.setActiveItem(index.value, container.value.getBoundingClientRect().height, container.value.offsetTop)\n    } else {\n        context.setActiveItem(index.value, container.value.getBoundingClientRect().width, container.value.offsetLeft)\n    }\n\n    if (event != false) {\n        setTimeout(() => emit(\"activated\"), context.duration)\n    }\n}\n</script>\n\n<template>\n    <component :is=\"as\" ref=\"container\">\n        <slot :set-active=\"setActive\" :is-active=\"isActive\" />\n    </component>\n</template>\n","<script setup>\nimport { provide, onMounted, ref } from \"vue\"\n\ndefineProps({\n    as: {\n        type: String,\n        default: \"div\",\n    },\n})\n\nconst container = ref()\n\nconst children = ref([])\n\nonMounted(() => {\n    children.value = Array.from(container.value.children)\n})\n\nprovide(\"peers\", children)\n</script>\n\n<template>\n    <component :is=\"as\" ref=\"container\">\n        <slot />\n    </component>\n</template>\n","<script setup>\nimport {Head, Link, router, usePage} from \"@inertiajs/vue3\";\nimport {onMounted, onUnmounted} from \"vue\";\nimport NavGroup from \"@/Components/NavGroup.vue\"\nimport NavItem from \"@/Components/NavItem.vue\"\nimport NavList from \"@/Components/NavList.vue\"\n\nconst props = defineProps({\n  posts: Object,\n  active_category: Object,\n  categories: Object,\n  og_image: String,\n});\n\nfunction navigate(slug) {\n  // the callback is fired once the animation is completed\n  // to allow smooth transition;\n  if (slug) {\n    router.visit('/blog/' + slug, {\n      only: ['posts', 'active_category']\n    });\n  } else {\n    router.visit('/blog', {\n      only: ['posts', 'active_category']\n    });\n  }\n}\n\nconst page = usePage();\nconst url = 'https://samos-e.com' + page.url;\nlet show_first_page_canonical = false;\nconst current_page = props.posts.current_page;\n\nlet first_page_canonical_url = '';\nif (current_page === 1) {\n  show_first_page_canonical = true;\n  if (props.active_category) {\n    first_page_canonical_url = 'https://samos-e.com/blog/' + props.active_category.slug;\n  } else {\n    first_page_canonical_url = 'https://samos-e.com/blog';\n  }\n}\n\nonMounted(() => {\n  let header = document.getElementById('header');\n  if (header) {\n    header.classList.remove('bg-white');\n    header.classList.add('bg-electric-violet-100');\n  }\n  document.body.classList.remove('bg-white');\n  document.body.classList.add('bg-electric-violet-100');\n});\n\nonUnmounted(() => {\n  let header = document.getElementById('header');\n  if (header) {\n    header.classList.remove('bg-electric-violet-100');\n    header.classList.add('bg-white');\n  }\n  document.body.classList.remove('bg-electric-violet-100');\n});\n\nconst makeSecure = (url) => {\n  return url.replace('http://', 'https://');\n}\n\n</script>\n<template>\n  <Head>\n    <title>{{ active_category ? active_category.seo_title : 'Latest news in e-commerce delivery' }}</title>\n    <meta :content=\"active_category ? active_category.seo_title : 'Latest news in e-commerce delivery'\"\n          head-key=\"og:title\"\n          property=\"og:title\">\n    <meta :content=\"url\" head-key=\"og:url\" property=\"og:url\">\n    <meta\n        :content=\"active_category ? active_category.seo_description : 'Keep up to date with all the latest information, news and views from the world of e-commerce. Plus, helpful tips and advice to help improve delivery logistics.'\"\n        head-key=\"description\"\n        name=\"description\"/>\n    <meta\n        :content=\"active_category ? active_category.seo_description : 'Keep up to date with all the latest information, news and views from the world of e-commerce. Plus, helpful tips and advice to help improve delivery logistics.'\"\n        head-key=\"og:description\"\n        property=\"og:description\">\n    <meta :content=\"og_image\" head-key=\"og:image\" property=\"og:image\">\n\n    <link v-if=\"show_first_page_canonical\" :href=\"first_page_canonical_url\" head-key=\"canonical\" rel=\"canonical\">\n  </Head>\n\n  <div class=\"mx-auto flex flex-col max-w-7xl p-6 lg:px-8\">\n\n    <section class=\"flex flex-col lg:flex-row py-6 sm:py-12 gap-12 relative\">\n\n      <div class=\"w-full relative z-1 space-y-12\">\n\n        <h1 v-if=\"!active_category\"\n            class=\"text-electric-violet-600 text-3xl sm:text-4xl lg:text-5xl font-medium sm:max-w-md\">\n          Latest news in <span class=\"whitespace-nowrap\">e-commerce</span> delivery\n        </h1>\n        <h1 v-else class=\"text-electric-violet-600 text-3xl sm:text-4xl lg:text-5xl font-medium sm:max-w-md\">\n          {{ active_category.headline }}\n        </h1>\n\n        <div class=\"text-electric-violet-600 text-xl font-light space-y-4\">\n          <h2 v-if=\"!active_category\">\n            From the SAMOS Blog\n          </h2>\n          <h2 v-else>\n            {{ active_category.description }}\n          </h2>\n\n        </div>\n\n      </div>\n\n    </section>\n\n    <div\n        class=\"hidden sm:flex sm:flex-1 sm:items-center sm:justify-between mb-6 border-b pb-6 border-electric-violet-200\">\n      <div>\n        <p class=\"text-sm text-electric-violet-700\">\n          Showing\n          <span class=\"font-medium\">{{ posts.from }}</span>\n          to\n          <span class=\"font-medium\">{{ posts.to }}</span>\n          of\n          <span class=\"font-medium\">{{ posts.total }}</span>\n          results\n        </p>\n      </div>\n      <div>\n        <nav aria-label=\"Pagination\" class=\"isolate inline-flex -space-x-px rounded-md shadow-sm\">\n          <!-- Current: \"z-10 bg-indigo-600 text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600\", Default: \"text-electric-violet-900 ring-1 ring-inset ring-electric-violet-300 hover:bg-electric-violet-50 focus:outline-offset-0\" -->\n          <template v-for=\"(link, index) in posts.links\">\n            <Link v-if=\"link.url\" :aria-current=\"link.active ? 'page' : null\"\n                  :class=\"{'rounded-l-md': index == 0, 'rounded-r-md': index == (posts.last_page+1), 'z-10 bg-indigo-600 text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600': link.active, 'text-electric-violet-900 ring-1 ring-inset ring-electric-violet-300 hover:bg-electric-violet-50 focus:outline-offset-0': !link.active }\"\n                  :href=\"makeSecure(link.url)\"\n                  class=\"relative inline-flex items-center px-4 py-2 text-sm font-semibold focus:z-20\"\n                  v-html=\"link.label\"></Link>\n            <div v-if=\"!link.url\" :class=\"{'rounded-l-md': index == 0, 'rounded-r-md': index == (posts.last_page+1)}\"\n                 class=\"relative inline-flex items-center px-4 py-2 text-sm font-semibold focus:z-20 text-electric-violet-500 ring-1 ring-inset ring-electric-violet-200 cursor-not-allowed\"\n                 v-html=\"link.label\"></div>\n          </template>\n        </nav>\n      </div>\n    </div>\n\n    <section>\n      <div>\n        <div class=\"mx-auto max-w-7xl flex flex-col-reverse md:flex-row-reverse gap-8\">\n          <div class=\"flex-grow\">\n            <div class=\"mx-auto flex flex-col justify-center sticky top-24\">\n              <p class=\"mb-3 text-electric-violet-600 text-center md:text-left\"><span class=\"sr-only\">Filter by </span>Topics\n              </p>\n              <NavGroup\n                  v-slot=\"{ ready, size, position, duration }\"\n                  :duration=\"300\"\n                  as=\"nav\"\n                  class=\"relative w-80 rounded-4xl border border-electric-violet-600/50 bg-electric-violet-800/5 p-4 mx-auto\"\n                  vertical>\n                <div class=\"relative\">\n                  <div\n                      v-if=\"ready\"\n                      :style=\"{\n                                            '--size': size,\n                                            '--position': position,\n                                            '--duration': duration,\n                                        }\"\n                      class=\"absolute inset-x-0 top-0 h-[--size] w-full translate-y-[--position] rounded-full bg-electric-violet-700/80 transition-[height,transform] duration-[--duration]\"/>\n\n                  <NavList as=\"ul\" class=\"relative flex flex-col gap-1\">\n                    <NavItem\n                        v-slot=\"{ setActive, isActive }\"\n                        :active=\"active_category === null\"\n                        as=\"li\"\n                        @activated=\"navigate(null)\">\n                      <Link\n                          :class=\"[isActive ? 'text-white' : 'text-electric-violet-800/80 hover:text-electric-violet-900']\"\n                          :href=\"'/blog'\"\n                          class=\"inline-block w-full px-4 py-2 text-sm transition capitalize\"\n                          @click.prevent=\"setActive\">\n                        All\n                      </Link>\n                    </NavItem>\n                    <NavItem\n                        v-for=\"category in categories\"\n                        :key=\"category.id\"\n                        v-slot=\"{ setActive, isActive }\"\n                        :active=\"active_category && active_category.slug == category.slug\"\n                        as=\"li\"\n                        @activated=\"navigate(category.slug)\">\n                      <a\n                          :class=\"[isActive ? 'text-white' : 'text-electric-violet-800/80 hover:text-electric-violet-900']\"\n                          :href=\"'/blog/' + category.slug\"\n                          class=\"inline-block w-full px-4 py-2 text-sm transition capitalize\"\n                          @click.prevent=\"setActive\">\n                        {{ category.title }}\n                      </a>\n                    </NavItem>\n                  </NavList>\n                </div>\n              </NavGroup>\n            </div>\n          </div>\n\n\n          <div class=\"mx-auto max-w-2xl lg:max-w-4xl\">\n\n            <div class=\"space-y-20 lg:space-y-20\">\n              <article v-for=\"(article, index) in posts.data\" :key=\"article.id\"\n                       class=\"relative isolate flex flex-col gap-8 lg:flex-row\">\n                <div class=\"relative aspect-[16/9] sm:aspect-[2/1] lg:aspect-square lg:w-64 lg:shrink-0\">\n                  <picture v-if=\"article.list_image\">\n                    <source :srcset=\"article.list_image.srcset_webp\" type=\"image/webp\">\n                    <source :srcset=\"article.list_image.srcset\" :type=\"article.list_image.mime_type\">\n                    <img :alt=\"article.list_image.alt ? article.list_image.alt : article.title\"\n                         :loading=\"index === 0 ? 'auto' : 'lazy'\"\n                         :src=\"article.list_image.url\"\n                         class=\"absolute inset-0 h-full w-full rounded-2xl bg-electric-violet-50 object-cover\"\n                         onload=\"if(this.dataset.sized===undefined){this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';this.dataset.sized=''}\"\n                         sizes=\"1px\">\n                  </picture>\n                  <Link :aria-label=\"article.title\"\n                        :href=\"article.category ? '/blog/' + article.category.slug + '/' + article.slug : '/blog/' + article.slug\"\n                        class=\"absolute inset-0 rounded-2xl ring-1 ring-inset ring-electric-violet-900/10\"></Link>\n                </div>\n                <div>\n                  <div class=\"flex items-center gap-x-4 text-xs\">\n                    <time :datetime=\"article.published_at\"\n                          class=\"text-electric-violet-800\">{{ article.human_readable_published_at }}\n                    </time>\n                    <Link v-if=\"article.category\"\n                          :href=\"'/blog/' + article.category.slug\"\n                          class=\"relative z-10 rounded-full bg-electric-violet-50 px-3 py-1.5 font-medium text-electric-violet-600 hover:bg-electric-violet-200 capitalize\">{{ article.category.title }}\n                    </Link>\n                  </div>\n                  <div class=\"group relative max-w-xl\">\n                    <h3 class=\"mt-3 text-lg font-semibold leading-6 text-electric-violet-600 group-hover:text-electric-violet-900\">\n                      <Link\n                          :href=\"article.category ? '/blog/' + article.category.slug + '/' + article.slug : '/blog/' + article.slug\">\n                        <span class=\"absolute inset-0\"></span>\n                        {{ article.title }}\n                      </Link>\n                    </h3>\n                    <p class=\"mt-5 text-sm leading-6 text-electric-violet-600\">{{ article.excerpt }}</p>\n                  </div>\n                  <div v-if=\"article.user\" class=\"mt-6 flex border-t border-electric-violet-900/5 pt-6\">\n                    <div class=\"relative flex items-center gap-x-4\">\n                      <picture v-if=\"article.user.avatar\">\n                        <source :srcset=\"article.user.avatar.srcset_webp\" type=\"image/webp\">\n                        <source :srcset=\"article.user.avatar.srcset\" :type=\"article.user.avatar.mime_type\">\n                        <img :alt=\"'Picture of ' + article.user.name\" :src=\"article.user.avatar.url\"\n                             class=\"h-10 w-10 rounded-full bg-electric-violet-50\"\n                             loading=\"lazy\"\n                             onload=\"if(this.dataset.sized===undefined){this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';this.dataset.sized=''}\"\n                             sizes=\"1px\"\n                             src=\"\">\n                      </picture>\n                      <div class=\"text-sm leading-6\">\n                        <p class=\"font-semibold text-electric-violet-900\">\n                          <span class=\"absolute inset-0\"></span>\n                          {{ article.user.name }}\n                        </p>\n                        <p class=\"text-electric-violet-600\">{{ article.user.position }}</p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </article>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div v-if=\"posts.links.length > 3\" class=\"mt-20\">\n        <div class=\"flex items-center justify-between border-t border-electric-violet-200 py-3\">\n          <div class=\"flex flex-1 justify-between sm:hidden\">\n            <Link v-if=\"posts.prev_page_url\" :href=\"makeSecure(posts.prev_page_url)\"\n                  class=\"relative inline-flex items-center rounded-md border border-electric-violet-300 bg-white px-4 py-2 text-sm font-medium text-electric-violet-700 hover:bg-electric-violet-50\"\n                  rel=\"prev\">Previous\n            </Link>\n            <Link v-if=\"posts.next_page_url\" :href=\"makeSecure(posts.next_page_url)\"\n                  class=\"relative ml-3 inline-flex items-center rounded-md border border-electric-violet-300 bg-white px-4 py-2 text-sm font-medium text-electric-violet-700 hover:bg-electric-violet-50\"\n                  rel=\"next\">Next\n            </Link>\n          </div>\n          <div class=\"hidden sm:flex sm:flex-1 sm:items-center sm:justify-between\">\n            <div>\n              <p class=\"text-sm text-electric-violet-700\">\n                Showing\n                <span class=\"font-medium\">{{ posts.from }}</span>\n                to\n                <span class=\"font-medium\">{{ posts.to }}</span>\n                of\n                <span class=\"font-medium\">{{ posts.total }}</span>\n                results\n              </p>\n            </div>\n            <div>\n              <nav aria-label=\"Pagination\" class=\"isolate inline-flex -space-x-px rounded-md shadow-sm\">\n                <!-- Current: \"z-10 bg-indigo-600 text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600\", Default: \"text-electric-violet-900 ring-1 ring-inset ring-electric-violet-300 hover:bg-electric-violet-50 focus:outline-offset-0\" -->\n                <template v-for=\"(link, index) in posts.links\">\n                  <Link v-if=\"link.url\" :aria-current=\"link.active ? 'page' : null\"\n                        :class=\"{'rounded-l-md': index == 0, 'rounded-r-md': index == (posts.last_page+1), 'z-10 bg-indigo-600 text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600': link.active, 'text-electric-violet-900 ring-1 ring-inset ring-electric-violet-300 hover:bg-electric-violet-50 focus:outline-offset-0': !link.active }\"\n                        :href=\"makeSecure(link.url)\"\n                        class=\"relative inline-flex items-center px-4 py-2 text-sm font-semibold focus:z-20\"\n                        v-html=\"link.label\"></Link>\n                  <div v-if=\"!link.url\"\n                       :class=\"{'rounded-l-md': index == 0, 'rounded-r-md': index == (posts.last_page+1)}\"\n                       class=\"relative inline-flex items-center px-4 py-2 text-sm font-semibold focus:z-20 text-electric-violet-500 ring-1 ring-inset ring-electric-violet-200 cursor-not-allowed\"\n                       v-html=\"link.label\"></div>\n                </template>\n              </nav>\n            </div>\n          </div>\n        </div>\n      </div>\n\n    </section>\n\n  </div>\n\n</template>\n"],"names":["props","__props","isReady","ref","activeItem","reactive","previousSize","previousPosition","animated","handleFluidMove","targetSize","targetPosition","setActiveItem","index","size","position","isMounted","setMounted","provide","emit","__emit","container","context","inject","peers","computed","isActive","watchOnce","setActive","watch","event","children","onMounted","navigate","slug","router","url","usePage","show_first_page_canonical","current_page","first_page_canonical_url","header","onUnmounted","makeSecure"],"mappings":"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"}