{"version":3,"file":"IndexLayout-55c52a18.js","sources":["../../../resources/js/lib/component/Tabs.svelte","../../../resources/js/lib/products/IndexLayout.svelte"],"sourcesContent":["<script>\r\n    import { createEventDispatcher, afterUpdate, tick } from \"svelte\";\r\n\r\n    export let list = [];\r\n\r\n    let itemRects = [\r\n        {\r\n            x: 0,\r\n            y: 0,\r\n            width: 0,\r\n            height: 0\r\n        },\r\n    ];\r\n    let tabElements = [];\r\n    let active = 0;\r\n    let currentItemRect = itemRects[0];\r\n    let noAnimate = false;\r\n\r\n    const dispatch = createEventDispatcher();\r\n\r\n    function changeActive(active){\r\n        currentItemRect = itemRects[active];\r\n        dispatch('change', list[active]);\r\n    }\r\n\r\n    function handleResize(){\r\n        noAnimate = true;\r\n        updateRects();\r\n        tick().then(()=>{\r\n            noAnimate = false;\r\n        });\r\n    }\r\n\r\n    async function updateRects(){\r\n        tabElements.forEach((el, index)=>{\r\n            itemRects[index] = {\r\n                width: el.offsetWidth,\r\n                height: el.offsetHeight,\r\n                x: el.offsetLeft,\r\n                y: el.offsetTop\r\n            }\r\n        });\r\n        currentItemRect = itemRects[active];\r\n    }\r\n\r\n    afterUpdate(() => {\r\n        updateRects();\r\n    });\r\n\r\n    $: changeActive(active);\r\n</script>\r\n\r\n<svelte:window on:resize={handleResize} />\r\n\r\n<div class=\"tabs__wrap\" style=\"max-width:{list.length * 20}%\">\r\n    {#each list as {label}, index}\r\n        <button \r\n            class=\"tabs__item text\" \r\n            class:current_item={active == index}\r\n            bind:this={tabElements[index]}\r\n            on:click={()=>{active = index}}\r\n        >\r\n            {label}\r\n        </button>\r\n    {/each}\r\n    <div \r\n        class=\"tabs__current_item_bg\" \r\n        class:noAnimate\r\n        style:width={currentItemRect.width}px\r\n        style:height={currentItemRect.height}px\r\n        style:top={currentItemRect.y}px\r\n        style:left={currentItemRect.x}px\r\n    />\r\n</div>\r\n\r\n<style lang=\"postcss\">\r\n    .tabs__wrap{\r\n        --bgTabs: #2A2A2A;\r\n        position: relative;\r\n        &{\r\n            @media (min-width:768px) {\r\n                border-radius: 100px;\r\n                background: var(--bgTabs); \r\n            }\r\n            @media (max-width: 767px){\r\n                max-width: 100%!important;\r\n            }\r\n        }\r\n    }\r\n    button{\r\n        position: relative;\r\n        z-index: 2;\r\n        padding: 8px 30px;\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        font-weight: 500;\r\n        letter-spacing: 0.18px;\r\n        border-radius: 45px;\r\n        background: #0000;\r\n        transition: color .3s .1s ease-out;\r\n        margin: * 10px 10px *;\r\n        background: var(--bgTabs);\r\n        &:last-of-type{\r\n            margin-right: 0;\r\n        }\r\n        &{\r\n            @media (min-width:768px) {\r\n                background: none;\r\n                margin: 0;\r\n            }\r\n            @media (min-width:992px) {\r\n                border-radius: 0;\r\n                font-size: 22px;\r\n                padding: 18px 38px;\r\n                line-height: 1;\r\n            }\r\n        }\r\n    }\r\n    .tabs__item{\r\n        text-transform: uppercase;\r\n        /* rtl:begin:ignore */\r\n        margin: * 10px * *;\r\n        /* rtl:end:ignore */\r\n    }\r\n    .current_item{\r\n        color: var(--bgTabs);\r\n        background: var(--onPrimary);\r\n    }\r\n    .tabs__current_item_bg{\r\n        display: none;\r\n    }\r\n    @media (min-width:768px){\r\n        .tabs__wrap{\r\n            display: flex;\r\n            justify-content: space-between;\r\n        }\r\n        .tabs__current_item_bg{\r\n            display: block;\r\n            border-radius: 45px;\r\n            transition: .3s ease-out;\r\n            position: absolute;\r\n            z-index: 0;\r\n            background: var(--onPrimary);\r\n\r\n            &.noAnimate{\r\n                transition: none;\r\n            }\r\n        }\r\n        .current_item{\r\n            color: var(--bgTabs);\r\n            background: none;\r\n            &:hover{\r\n                cursor: default;\r\n                color: var(--bgTabs);\r\n            }\r\n        }\r\n    }\r\n</style>","<script>\r\n    import ProductGrid from \"../component/ProductGrid.svelte\";\r\n    import Tabs from \"../component/Tabs.svelte\";\r\n    import { categoryStore, productStore, updateProductStore } from \"./store/products\";\r\n\r\n    // export let response;\r\n\r\n    let categories = [];\r\n    let products = [];\r\n    let sorted = {};\r\n    export let download_pdf = undefined;\r\n    let currentCategoryId = 1;\r\n\r\n    categoryStore.subscribe(list=>{\r\n        categories = list;\r\n        return list;\r\n    })\r\n    productStore.subscribe(list=>{\r\n        sorted = list;\r\n        products = sorted['all'];\r\n        return list;\r\n    })\r\n\r\n    // onMount(()=>{\r\n    //     response.then(data=>{\r\n    //         categories = data.categories;\r\n    //         products = data.products;\r\n    //         sorted.all = data.products;\r\n    //     }).then(()=>{\r\n    //         return updateProductStore(products, categories);\r\n    //     });\r\n    // });\r\n\r\n    \r\n    // async function sortByCategory(){\r\n    //     categories.forEach(category=>{\r\n    //         if(category.slug !== \"all\"){\r\n    //             sorted[category.slug] = [];\r\n    //         }\r\n    //     });\r\n    //     products.forEach(item=>{\r\n    //         item.categories.forEach(category=>{\r\n    //             sorted[category].push(item);\r\n    //         });\r\n    //     });\r\n    //     return true;\r\n    // }\r\n\r\n    function handleChangeTab(ev){\r\n        currentCategoryId = ev.detail.id;\r\n        products = sorted[ev.detail.slug];\r\n    }\r\n</script>\r\n\r\n<div class=\"tabs\">\r\n    <Tabs \r\n        list={categories}\r\n        on:change={handleChangeTab}\r\n    />\r\n</div>\r\n<div class=\"products__wrap\">\r\n    <ProductGrid \r\n        list={products}\r\n        rounded={true}\r\n        share={currentCategoryId == 1}\r\n        gap='40px 20px'\r\n    />\r\n    {#if download_pdf}\r\n        <div class=\"download_pdf\">\r\n            <a href='/resources{download_pdf}' class=\"btn border primary\" target=\"_blank\">\r\n                Download catalog (PDF)\r\n                <svg class=\"download_icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\"><g fill=\"currentColor\" clip-path=\"url(#a)\"><path d=\"M11 3v15a1 1 0 1 0 2 0V3l3 3a1 1 0 0 0 1-2l-3-3a3 3 0 0 0-4 0L7 4a1 1 0 0 0 1 2l3-3Z\"/><path d=\"M22 17v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-4a1 1 0 1 0-2 0v4a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3v-4a1 1 0 0 0-2 0Z\"/></g><defs><clipPath id=\"a\"><path fill=\"currentColor\" d=\"M0 0h24v24H0z\"/></clipPath></defs></svg>\r\n            </a>\r\n        </div>\r\n    {/if}\r\n</div>\r\n<style lang=\"postcss\">\r\n    .tabs{\r\n        margin: * * 40px;\r\n    }\r\n    .download_pdf{\r\n        font-weight: 600;\r\n        margin: 50px * 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        & .btn{\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n    }\r\n    /* rtl:ignore:begin */\r\n    .download_icon{\r\n        margin-left: 1ch;\r\n    }\r\n    /* rtl:ignore:end */\r\n</style>"],"names":["ctx","toggle_class","button","insert","target","anchor","set_data","t","t_value","style_width","style_height","style_top","style_left","div1","append","div0","i","dirty","list","$$props","itemRects","tabElements","active","currentItemRect","noAnimate","dispatch","createEventDispatcher","changeActive","handleResize","$$invalidate","updateRects","tick","el","index","afterUpdate","$$value","div","a","svg","g","path0","path1","defs","clipPath","path2","create_if_block","productgrid_changes","categories","products","sorted","download_pdf","currentCategoryId","categoryStore","productStore","handleChangeTab","ev"],"mappings":"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"}