{"version":3,"file":"Thumbnails.2a5fa7e1.js","sources":["../../../../../../src/lib/components/thumbnails/Thumbnails.svelte"],"sourcesContent":["<script>\n\timport { dayjs } from '@woltair/translations-package-fe'\n\timport { t } from '@woltair/translations-package-fe'\n\timport { INSTALLATION_CATEGORY, REGIONS, getAttrFromConst } from '$lib/consts'\n\timport { HEAT_PUMP, PHOTOVOLTAICS } from '$lib/routes'\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 (imageURL.host === 'lh3.googleusercontent.com') 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}\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/>\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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"}