{"version":3,"file":"Thumbnails.CXwhG3TU.js","sources":["../../../../../../src/lib/ui-woltair/modules/reference/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\n\texport let title = {\n\t\ttext: t('references.thumbnails.title'),\n\t\ttextAlign: 'left'\n\t}\n\texport let references = []\n\texport let detailText = 'Zobrazit detail'\n\texport let referencesOnlyImages = false\n\texport let background = ''\n\texport let overflowPage = false\n\texport let titleFontSize = '2xl'\n\texport let titleWeight = ''\n\texport let noPaddingLeft = false\n\texport let noDetail = false\n\texport let padding = ''\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 category && region\n\t\t\t? DEVICE_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</script>\n\n<div class=\"wrapper {background}\" class:overflow-page={overflowPage}>\n\t{#if title.text}\n\t\t<h4\n\t\t\tclass=\"unstyled mb-2 lg:max-w-[32vw] text-{titleFontSize} font-{titleWeight} text-{title.textAlign} {padding}\"\n\t\t\tclass:!pl-0={noPaddingLeft}\n\t\t>\n\t\t\t{title.text}\n\t\t</h4>\n\t{/if}\n\t<div class=\"thumbnails flex gap-4\" class:!pl-0={noPaddingLeft}>\n\t\t{#each references as reference}\n\t\t\t{@const src = reference.resources[0]?.url}\n\t\t\t{@const refURL = getReferenceURL(reference)}\n\t\t\t{#if src}\n\t\t\t\t<div class=\"thumbnail block bg-white {referencesOnlyImages ? 'thumbnail_smaller' : ''}\">\n\t\t\t\t\t<div class=\"img-cont overflow-hidden\">\n\t\t\t\t\t\t<img {src} alt=\"Produkt-{reference.order.uid}\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"text-cont my-3\">\n\t\t\t\t\t\t<p class=\"unstyled mb-0 mt-0 text-left !font-normal text-neutral-800 lg:text-base\">\n\t\t\t\t\t\t\t{reference?.city || reference.order?.location?.address?.city || 'ČR'}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t{#if !referencesOnlyImages}\n\t\t\t\t\t\t\t<div class=\"container-flex\">\n\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{dayjs(reference?.createdAt).fromNow()}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{/if}\n\t\t\t\t\t</div>\n\t\t\t\t\t{#if !referencesOnlyImages && refURL && !noDetail}\n\t\t\t\t\t\t<hr />\n\t\t\t\t\t\t<a href={refURL} class=\"flex items-center justify-between px-3 py-2\">\n\t\t\t\t\t\t\t<span class=\"bold text-xs\">{detailText}</span>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tclass=\"icon inline-block h-3 w-5\"\n\t\t\t\t\t\t\t\tsrc=\"/images/icons/arrow/next-black.svg\"\n\t\t\t\t\t\t\t\talt=\"arrow\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t{/if}\n\t\t\t\t</div>\n\t\t\t{/if}\n\t\t{/each}\n\t</div>\n</div>\n\n<style lang=\"scss\">\n\t.wrapper {\n\t\tposition: relative;\n\t\t/*margin: 30px 0 0;\n\t\tpadding: 30px 0 0;*/\n\n\t\t&:not(&.overflow-page) {\n\t\t\twidth: calc(100% + 60px);\n\t\t\tleft: -30px;\n\n\t\t\t@media (max-width: 760px) {\n\t\t\t\tleft: -15px;\n\t\t\t\twidth: calc(100% + 30px);\n\t\t\t}\n\t\t}\n\n\t\th4 {\n\t\t\tpadding: 0 30px;\n\t\t}\n\n\t\t.thumbnails {\n\t\t\toverflow-x: auto;\n\t\t\t-ms-overflow-style: none;\n\t\t\tscrollbar-width: none;\n\t\t\tpadding: 20px 30px 40px;\n\n\t\t\t&::-webkit-scrollbar {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.thumbnail {\n\t\t\t\tflex-shrink: 0;\n\t\t\t\twidth: 250px;\n\t\t\t\tmin-height: 220px;\n\t\t\t\t//box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n\t\t\t\tpadding: 1.25rem 0.75rem 0.75rem 0.75rem;\n\t\t\t\t&.thumbnail_smaller {\n\t\t\t\t\theight: 194px;\n\t\t\t\t}\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\toverflow: hidden;\n\n\t\t\t\t.img-cont {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 150px;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\timg {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\tobject-fit: cover;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.text-cont {\n\t\t\t\t\toverflow: hidden;\n\n\t\t\t\t\tp {\n\t\t\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n</style>\n"],"names":["constants_0","_a","child_ctx","constants_1","t_1_value","ctx","attr","h4","h4_class_value","insert_hydration","target","anchor","dirty","set_data","t_1","t1_value","_d","_c","_b","create_if_block_2","create_if_block_1","div2","append_hydration","div0","img","div1","p","t1","dayjs","div","hr","a","span","create_if_block","if_block","create_if_block_3","i","title","t","references","$$props","detailText","referencesOnlyImages","background","overflowPage","titleFontSize","titleWeight","noPaddingLeft","noDetail","padding","DEVICE_URL","INSTALLATION_CATEGORY","HEAT_PUMP","PHOTOVOLTAICS","getReferenceURL","ref","category","region","getAttrFromConst","REGIONS"],"mappings":"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"}