{"version":3,"file":"7.024043c4.js","sources":["../../../../../../src/lib/components/SprayFlavour.svelte","../../../../../../src/routes/spray/+page.js","../../../../../../src/routes/spray/+page.svelte"],"sourcesContent":["<script>\r\n\t// import Image from \"./Image.svelte\";\r\n\r\n    export let image = '';\r\n    /**\r\n\t * @type {string | undefined}\r\n\t */\r\n     export let imageWebp = undefined;\r\n    export let fish = '';\r\n    /**\r\n\t * @type {Array.<string>}\r\n\t */\r\n     export let names = [];\r\n</script>\r\n\r\n<div class=\"flavour\">\r\n    <!-- <Image \r\n        className=\"flavour__img\" \r\n        src={image} \r\n        alt={fish}\r\n    /> -->\r\n    <picture>\r\n        {#if imageWebp}\r\n            <source srcset={imageWebp} type=\"image/webp\">\r\n        {/if}\r\n        <img \r\n            class=\"flavour__img\" \r\n            src={image} \r\n            alt={fish}\r\n            loading=\"lazy\"\r\n            draggable=\"false\"\r\n            decoding=\"async\"\r\n            aria-hidden=\"true\"\r\n        >\r\n    </picture>\r\n    <h3 class=\"flovour__h3\">{fish}</h3>\r\n    <div class=\"flovour__nameList\">\r\n        {#each names as name}\r\n            <p class=\"flovour__name\">\r\n                {name}\r\n            </p>\r\n        {/each}\r\n    </div>\r\n</div>\r\n\r\n<style lang=\"postcss\">\r\n    .flavour{\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        text-align: center;\r\n        padding: * 1rem;\r\n\r\n        & .flavour__img{\r\n            size: 9.1rem 7.9rem; \r\n            object-fit: contain;\r\n            margin: * auto;\r\n        }\r\n    }\r\n    .flovour__h3{\r\n        margin: 0 * 0.4167rem;\r\n        font-family: var(--font-body);\r\n        letter-spacing: -0.01rem; \r\n    }\r\n    .flovour__name{\r\n        font-size: 1rem; \r\n        margin: 1rem * *;\r\n    }\r\n    @media (min-width: 768px){\r\n        .flovour__name{\r\n            font-size: 0.83rem; \r\n        }\r\n    }\r\n</style>","// since there's no dynamic data here, we can prerender\n// it so that it gets served as a static asset in production\nexport const prerender = true;\n","<script>\n    import sprayInfo from '$lib/json/sprayInfo.json';\n\timport ProductInfoBlock from '$lib/components/ProductInfoBlock.svelte';\n\timport Button from '$lib/components/Button.svelte';\n\timport CentralBlock from '$lib/components/CentralBlock.svelte';\n\timport Flavour from '$lib/components/SprayFlavour.svelte';\n\timport { buyVisible } from '../states';\n\n\t// import Image from '$lib/components/Image.svelte';\n    const {buy, tackle, radius, flavours} = sprayInfo;\n</script>\n\n<svelte:head>\n\t<title>Спреи, ароматизиторы для рыбалки PROBAITS подойдет для любой рыбы</title>\n\t<meta name=\"description\" property=\"og:description\" content=\"Высококонцентрированные ароматизаторы с активными полимерами и различными запахами в виде спрея, предназначенны для быстрой ароматизации различных наживок PROBAITS\" />\n    <meta property=\"og:title\" content=\"Спреи, ароматизиторы для рыбалки PROBAITS подойдет для любой рыбы\">\n    <meta property=\"og:url\" content=\"https://pro-baits.pro/spray/\">\n</svelte:head>\n\n<section class=\"spray\">\n    {#if buy}\n        {@const {header, text, image, imageWebp, bg, classList} = buy}\n        <ProductInfoBlock\n            header={{\n                label: header.label,\n                fontSize: header.fontSize\n            }}\n            text={{\n                label: text.label,\n                fontSize: text.fontSize\n            }}\n            {image} \n            {imageWebp}\n            {bg}\n            {classList}\n            headerTag=\"h1\"\n            bgType=\"fill\"\n        >\n            <svelte:fragment slot=\"afterText\">\n                <div class=\"btn_wrap\">\n                    <Button tag=\"button\" on:click={()=>{buyVisible.set(true)}}>Купить</Button>\n                </div>\n            </svelte:fragment>\n        </ProductInfoBlock>\n    {/if}\n    {#if tackle}\n        {@const {header, text, reverse, classList} = tackle}\n        <ProductInfoBlock\n            header={{\n                label: header.label,\n                fontSize: header.fontSize\n            }}\n            text={{\n                label: text.label,\n                fontSize: text.fontSize\n            }}\n            {reverse}\n            {classList}\n            bgType=\"none\"\n        >\n            <svelte:fragment slot=\"image\">\n                <div class=\"tackle\">\n                    <img \n                        class=\"tackle__img\" \n                        src=\"/images/home/tackle.svg\" \n                        alt=\"{header.label} - купить\"\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                        decoding=\"async\"\n                        aria-hidden=\"true\"\n                    >\n                    <!-- <Image \n                        className=\"tackle__spray\" \n                        src=\"/images/spray/flavoursHead.png\" \n                        alt={header.label}\n                    /> -->\n                    <picture>\n                        <source srcset=\"/images/spray/webp/flavoursHead.webp\" type=\"image/webp\">\n                        <img \n                            class=\"tackle__spray\" \n                            src=\"/images/spray/flavoursHead.png\" \n                            alt={header.label}\n                            loading=\"lazy\"\n                            draggable=\"false\"\n                            decoding=\"async\"\n                        >\n                    </picture>\n                </div>\n            </svelte:fragment>\n        </ProductInfoBlock>\n    {/if}\n    {#if radius}\n        <CentralBlock\n            header={radius.header}\n            text={radius.text}\n        >\n            <svelte:fragment slot=\"beforeText\">\n                <img \n                    class=\"beforeRadius\" \n                    src=\"/images/before-radius.svg\"\n                    alt={radius.header}\n                    loading=\"lazy\"\n                    draggable=\"false\"\n                    decoding=\"async\"\n                    aria-hidden=\"true\"\n                >\n            </svelte:fragment>\n            <svelte:fragment slot=\"afterText\">\n                <!-- <img \n                    class=\"radius_img\" \n                    src=\"/images/radius-mob.svg\"\n                    srcset=\"\n                        /images/radius.svg 1772w,\n                        /images/radius-mob.svg 277w\n                    \"\n                    sizes=\"\n                        (min-width: 992px) 1772px,\n                        277px\n                    \"\n                    alt={radius.header}\n                    loading=\"lazy\"\n                    draggable=\"false\"\n                    decoding=\"async\"\n                    aria-hidden=\"true\"\n                > -->\n                <picture>\n                    <source srcset=\"/images/spray/radius.svg\" type=\"image/svg+xml\" media=\"(min-width: 992px)\">\n                    <img \n                        class=\"radius_img\" \n                        src=\"/images/spray/radius-mob.svg\"\n                        alt={radius.header}\n                        loading=\"lazy\"\n                        draggable=\"false\"\n                        decoding=\"async\"\n                        aria-hidden=\"true\"\n                    >\n                </picture>\n            </svelte:fragment>\n        </CentralBlock>\n    {/if}\n    {#if flavours}\n        {@const {header, text, image, imageWebp, list, classList} = flavours}\n        <div class=\"flavours\">\n            <ProductInfoBlock \n                header={{\n                    label: header,\n                    fontSize: \"inherit\"\n                }}\n                text={{\n                    label: text,\n                    fontSize: \"inherit\"\n                }}\n                {classList}\n                {image} \n                {imageWebp}\n            />\n            <div class=\"container\">\n                <div class=\"flavours__list\">\n                    {#each list as {image, imageWebp, fish, names}}\n                        <Flavour \n                            {image} \n                            {imageWebp}\n                            {fish}\n                            {names}\n                        />\n                    {/each}\n                </div>\n            </div>\n        </div>\n    {/if}\n</section>\n\n<style>\n    .flavours{\n        margin-top: 3.125rem;\n    }\n    .btn_wrap{\n        width: 21.5rem;\n    }\n    .flavours__list{\n        display: flex;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        justify-content: space-around;\n    }\n</style>"],"names":["ctx","insert_hydration","target","source","anchor","p","set_data","t0","t0_value","create_if_block","i","attr","img","img_src_value","div1","append_hydration","picture","h3","div0","image","$$props","imageWebp","fish","names","prerender","child_ctx","div","img0","img1","div2","each_blocks","create_if_block_3","get_if_ctx_2","create_if_block_2","get_if_ctx_1","create_if_block_1","get_if_ctx","meta0","meta1","meta2","section","if_block0","dirty","if_block1","if_block2","if_block3","buy","tackle","radius","flavours","sprayInfo","buyVisible"],"mappings":"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"}