{"version":3,"file":"Thumbnails.vY_U6vFY.js","sources":["../../../../../../src/lib/components/thumbnails/Thumbnails.svelte"],"sourcesContent":["<script>\n\timport { dayjs } from '@woltair/translations-package-fe'\n\timport { INSTALLATION_CATEGORY, REGIONS, getAttrFromConst } from '$lib/consts'\n\timport { HEAT_PUMP, PHOTOVOLTAICS } from '$lib/routes'\n\timport { t } from '$lib/translations'\n\timport ConditionalAnchor from '../ConditionalAnchor.svelte'\n\timport { PUBLIC_WOLTAIR_WEB_CODE } from '$env/static/public'\n\texport let title = {\n\t\ttext: t('references.thumbnails.title'),\n\t\ttextAlign: 'center'\n\t}\n\texport let references = []\n\texport let referencesOnlyImages = false\n\texport let showTitle = false\n\texport let background = ''\n\texport let titleFontSize = ''\n\texport let titleWeight = ''\n\texport let stretchDirection = 'both' //both, left, right, none\n\texport let enableSlideButtons = false\n\n\tlet offsetCls = ''\n\n\tlet container\n\tlet thumbWrapper\n\tlet thumbnail\n\n\tif (stretchDirection == 'left') {\n\t\toffsetCls = 'scroll-offset-left'\n\t} else if (stretchDirection == 'none') {\n\t\toffsetCls = 'no-offset'\n\t} else if (stretchDirection == 'right') {\n\t\toffsetCls = 'scroll-offset-right'\n\t} else {\n\t\toffsetCls = 'scroll-offset-x'\n\t}\n\n\tconst DEVICE_URL = {\n\t\t[INSTALLATION_CATEGORY.TEPELNE_CERPADLO]: HEAT_PUMP,\n\t\t[INSTALLATION_CATEGORY.FOTOVOLTAIKA]: PHOTOVOLTAICS\n\t}\n\n\tconst getReferenceURL = (ref) => {\n\t\tconst category = ref.order.installationOrder?.category\n\t\tconst region = ref.order.location?.address?.region\n\n\t\treturn DEVICE_URL?.[category] && region && PUBLIC_WOLTAIR_WEB_CODE !== 'WOLTAIR_DE'\n\t\t\t? '/' +\n\t\t\t\t\tDEVICE_URL[category] +\n\t\t\t\t\t'/' +\n\t\t\t\t\tgetAttrFromConst(REGIONS.WOLTAIR_CZ, 'value', ref.order.location?.address.region, 'url') +\n\t\t\t\t\t'#ref' +\n\t\t\t\t\tref.order.uid\n\t\t\t: null\n\t}\n\n\tconst scrollSlide = (direction) => {\n\t\tlet { width } = thumbWrapper.getBoundingClientRect()\n\n\t\twidth = width / references.length\n\n\t\tif (direction == 'next') {\n\t\t\tcontainer.scrollBy({\n\t\t\t\tleft: width,\n\t\t\t\tbehavior: 'smooth'\n\t\t\t})\n\t\t} else if (direction == 'prev') {\n\t\t\tcontainer.scrollBy({\n\t\t\t\tleft: -width,\n\t\t\t\tbehavior: 'smooth'\n\t\t\t})\n\t\t}\n\t}\n\n\tconst resizeImage = (url) => {\n\t\tconst imageWidth = 232 //in px\n\t\tconst imageURL = new URL(url)\n\t\tif (\n\t\t\timageURL.host === 'lh3.googleusercontent.com' ||\n\t\t\timageURL.host === 'image-web.dev.wacdn.dev' ||\n\t\t\timageURL.host === 'image-web.wacdn.net'\n\t\t)\n\t\t\treturn `${imageURL.href}?w=${imageWidth}`\n\t\t// else if (imageURL.host === 'image-web.dev.wacdn.dev') return `${imageURL.href}=w${imageWidth}`\n\t\telse return url\n\t}\n</script>\n\n<div class=\"relative {background}\">\n\t<div class=\"page-wrapper flex flex-col items-start justify-between lg:flex-row lg:items-center\">\n\t\t{#if title.text && showTitle}\n\t\t\t<h3 class=\"mb-2 text-{titleFontSize} font-{titleWeight} text-{title.textAlign}\">\n\t\t\t\t{title.text}\n\t\t\t</h3>\n\t\t{/if}\n\t\t{#if enableSlideButtons}\n\t\t\t<div class=\"buttons-wrapper mb-6 mt-3 md:mb-0\">\n\t\t\t\t<button\n\t\t\t\t\tclass=\"mr-3 aspect-square w-[13vw] rotate-90\n      bg-[url('/images/icons/gray/arrow_square_transparent.svg')] bg-contain\n      bg-no-repeat md:w-12\"\n\t\t\t\t\ton:click={() => scrollSlide('prev')}\n\t\t\t\t/>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"bg-no-repeat) aspect-square w-[13vw] -rotate-90\n      bg-[url('/images/icons/gray/arrow_square_transparent.svg')] bg-contain md:w-12\"\n\t\t\t\t\ton:click={() => scrollSlide('next')}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t{/if}\n\t</div>\n\t<div class=\"hide-scrollbar {offsetCls} flex w-full overflow-x-auto\" bind:this={container}>\n\t\t<div class=\"flex w-fit gap-4\" bind:this={thumbWrapper}>\n\t\t\t{#each references as reference, i}\n\t\t\t\t{@const src = reference.resources[0]?.url}\n\t\t\t\t{@const refURL = getReferenceURL(reference)}\n\t\t\t\t{#if src}\n\t\t\t\t\t<ConditionalAnchor\n\t\t\t\t\t\tcondition={refURL && PUBLIC_WOLTAIR_WEB_CODE === 'WOLTAIR_CZ'}\n\t\t\t\t\t\thref={refURL}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tbind:this={thumbnail}\n\t\t\t\t\t\t\tclass=\"thumbnail min-h-w-56 my-5 block w-64 shrink-0 bg-white\"\n\t\t\t\t\t\t\tclass:thumbnail-shadow={refURL && PUBLIC_WOLTAIR_WEB_CODE === 'WOLTAIR_CZ'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"m-0 h-40 w-full\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={resizeImage(src)}\n\t\t\t\t\t\t\t\t\talt=\"Produkt-{reference.order.uid}\"\n\t\t\t\t\t\t\t\t\tclass=\"block h-full w-full object-cover\"\n\t\t\t\t\t\t\t\t\tloading={i < 5 ? 'eager' : 'lazy'}\n\t\t\t\t\t\t\t\t\tfetchpriority={i < 2 ? 'high' : 'low'}\n\t\t\t\t\t\t\t\t\twidth=\"232px\"\n\t\t\t\t\t\t\t\t\theight=\"160px\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"my-3 overflow-hidden\">\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tclass=\"unstyled mb-0 mt-0 whitespace-nowrap text-left text-base font-medium text-neutral-800\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<!-- TODO: Delete the PUBLIC_WOLTAIR_WEB_CODE condition once DE references will be ready -->\n\t\t\t\t\t\t\t\t\t{#if PUBLIC_WOLTAIR_WEB_CODE !== 'WOLTAIR_DE' && PUBLIC_WOLTAIR_WEB_CODE !== 'WOLTAIR_IT'}\n\t\t\t\t\t\t\t\t\t\t{reference?.city || reference.order?.location?.address?.city || 'ČR'}\n\t\t\t\t\t\t\t\t\t{/if}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t{#if !referencesOnlyImages}\n\t\t\t\t\t\t\t\t\t<div class=\"container-flex\">\n\t\t\t\t\t\t\t\t\t\t<p class=\"unstyled text-gray my-0 text-xs font-light\">\n\t\t\t\t\t\t\t\t\t\t\t{dayjs(reference?.createdAt).fromNow()}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{/if}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ConditionalAnchor>\n\t\t\t\t{/if}\n\t\t\t{/each}\n\t\t</div>\n\t</div>\n</div>\n\n<style lang=\"scss\">\n\t.thumbnail-shadow {\n\t\ttransition: 0.2s box-shadow;\n\t\t&:hover {\n\t\t\tbox-shadow: 0px 2px 20px 0 rgba(185, 185, 185, 0.7);\n\t\t}\n\t}\n\t.thumbnail {\n\t\tpadding: 0.75rem 0.75rem 0.75rem 0.75rem;\n\t}\n\t.scroll-offset-right {\n\t\tpadding-right: calc((100vw - 1360px) / 2 + 1rem);\n\t}\n\n\t.scroll-offset-left {\n\t\tpadding-left: calc((100vw - 1360px) / 2 + 1rem);\n\t}\n\n\t.scroll-offset-x {\n\t\tpadding-left: 1rem;\n\t\tpadding-right: 1rem;\n\n\t\t@screen lg {\n\t\t\tpadding-left: calc((100vw - 1360px) / 2 + 1rem);\n\t\t\tpadding-right: calc((100vw - 1360px) / 2 + 1rem);\n\t\t}\n\t}\n\t.no-offset {\n\t\tpadding-left: 1em;\n\t\tpadding-right: 1em;\n\t}\n</style>\n"],"names":["constants_0","_a","child_ctx","constants_1","t_1_value","ctx","attr","h3","h3_class_value","insert_hydration","target","anchor","dirty","set_data","t_1","div","append_hydration","button0","button1","PUBLIC_WOLTAIR_WEB_CODE","_d","_c","_b","dayjs","p","if_block0","create_if_block_2","create_if_block_1","src_url_equal","img","img_src_value","div2","div0","div1","create_if_block","create_if_block_4","create_if_block_3","i","div3","each_blocks","title","t","references","$$props","referencesOnlyImages","showTitle","background","titleFontSize","titleWeight","stretchDirection","enableSlideButtons","offsetCls","container","thumbWrapper","thumbnail","DEVICE_URL","INSTALLATION_CATEGORY","HEAT_PUMP","PHOTOVOLTAICS","getReferenceURL","ref","category","region","getAttrFromConst","REGIONS","scrollSlide","direction","width","resizeImage","url","imageURL","click_handler","click_handler_1","$$value"],"mappings":"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"}