{"version":3,"file":"Thumbnails.D7wrKYIM.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 { resizeCDNImage } from '$lib/utils'\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</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={resizeCDNImage(src, 232)}\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","dayjs","p","create_if_block_1","resizeCDNImage","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","_c","_b","getAttrFromConst","REGIONS","_d","scrollSlide","direction","width","click_handler","click_handler_1","$$value"],"mappings":"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"}