{"version":3,"file":"BannerList.79b47714.js","sources":["../../../../../../../../packages/ui/components/Banner.svelte","../../../../../../../../packages/ui/components/BannerList.svelte"],"sourcesContent":["<script lang=\"ts\" context=\"module\">\n\texport type BannerStyle =\n\t\t| 'image_large'\n\t\t| 'image_medium'\n\t\t| 'image_small'\n\t\t| 'image_profile'\n\t\t| 'tag'\n\t\t| 'image_small_vertical'\n\t\t| 'testimonial'\n\t\t| 'bookshelve'\n\t\t| 'podcast';\n</script>\n\n<script lang=\"ts\">\n\timport type { Banner } from '@beat-no/sdk/api';\n\timport { getSkin } from '@beat-no/ui/helpers/skin';\n\timport { getCatalogLink } from '@beat-no/ui/helpers/routing';\n\timport BannerImage from '@beat-no/ui/components/BannerImage.svelte';\n\timport FavoriteButton from '@beat-no/ui/components/FavoriteButton.svelte';\n\timport Icon from '@beat-no/ui/components/Icon.svelte';\n\timport { createEventDispatcher } from 'svelte';\n\timport { _ } from 'svelte-intl-precompile';\n\n\tconst skin = getSkin();\n\n\texport let banner: Banner;\n\texport let style: BannerStyle = 'image_small';\n\texport let hasTitles: boolean = true;\n\texport let hasSubtitles: boolean = true;\n\texport let showType: boolean = false;\n\n\t$: release = banner?.link?.release;\n\t// As release is set through a banner link, it does not contain a cover which is problematic if the release is favorited (causes release image to crash)\n\t// so we set it manually from the banner image\n\t$: if (release) {\n\t\trelease.cover = banner?.image;\n\t}\n\tconst dispatch = createEventDispatcher();\n\tlet icons = {\n\t\t'audio-book': {\n\t\t\tname: 'audiobook',\n\t\t\ttag: $_('ui.globals.release_type.audiobook')\n\t\t},\n\t\tebook: {\n\t\t\tname: 'ebook',\n\t\t\ttag: $_('ui.globals.release_type.ebook')\n\t\t},\n\t\tpodcast: {\n\t\t\tname: 'podcast',\n\t\t\ttag: $_('ui.globals.release_type.podcast')\n\t\t}\n\t};\n\n\t$: linkKey = Object.keys(banner.link)[0];\n\t$: href = getCatalogLink(linkKey, banner.link);\n\t$: type = banner.overlays?.find((o) => o.type === 'release_type')?.value || banner?.link?.release?.type;\n\n\t$: displayType = ['image_small', 'image_medium'].indexOf(style) !== -1 && showType;\n\tfunction handleClick(): void {\n\t\tdispatch('bannerClick', undefined);\n\t}\n</script>\n\n<a\n\ton:click={handleClick}\n\t{href}\n\tclass=\"relative {skin.banner.container[style]}\"\n\tclass:self-start={!hasSubtitles && (!type || !icons[type])}\n\tdata-testid={linkKey + '-banner'}\n\tdata-sveltekit-preload-data=\"hover\"\n>\n\t{#if release && style === 'image_small'}\n\t\t<FavoriteButton {release} />\n\t{/if}\n\t{#if style !== 'tag'}\n\t\t<BannerImage image={banner?.image} alt={banner.title} {style} isSquare={type !== 'ebook'} />\n\t{/if}\n\t{#if hasTitles}\n\t\t<section class={skin.banner.section[style]} class:h-auto={!hasSubtitles && (!type || !icons[type])}>\n\t\t\t<h1 class={skin.banner.title[style]} data-testid=\"banner-title\">{banner.title || ''}</h1>\n\t\t\t{#if hasSubtitles || (type && icons[type])}\n\t\t\t\t<h2 class={skin.banner.subtitle[style]}>\n\t\t\t\t\t{banner.subtitle || ''}\n\t\t\t\t</h2>\n\t\t\t{/if}\n\t\t\t{#if displayType && icons[type]}\n\t\t\t\t<p>\n\t\t\t\t\t<Icon class=\"w-3 fill-neutrals-icon-default inline-block\" name={icons[type]?.name} />\n\t\t\t\t\t<span class=\"text-sm font-normal text-neutrals-text-default\">\n\t\t\t\t\t\t{icons[type]?.tag}\n\t\t\t\t\t</span>\n\t\t\t\t</p>\n\t\t\t{/if}\n\t\t\t<slot />\n\t\t</section>\n\t{/if}\n</a>\n","<script lang=\"ts\">\n\timport { _ } from 'svelte-intl-precompile';\n\timport { getSkin } from '@beat-no/ui/helpers/skin';\n\timport { type BannerStyle } from '@beat-no/ui/components/Banner.svelte';\n\timport Button from '@beat-no/ui/components/Button.svelte';\n\n\tconst skin = getSkin();\n\n\texport let style: BannerStyle = 'image_small';\n\texport let link: string = '';\n\texport let title: string = undefined;\n\texport let elementCount: number = undefined;\n\n\tlet containerWidth;\n\tlet gridWidth;\n\tlet gridOffset = 0;\n\n\t$: gridStyle =\n\t\tstyle === 'image_profile'\n\t\t\t? elementCount > 9\n\t\t\t\t? skin.bannerList.grid.image_profile\n\t\t\t\t: skin.bannerList.grid.image_profile_scroll\n\t\t\t: skin.bannerList.grid[style];\n\n\tconst scrollRight = () => (gridOffset -= containerWidth + 20);\n\tconst scrollLeft = () => (gridOffset += containerWidth + 20);\n\n\t$: offsetStyle = `left:${gridOffset}px;`;\n</script>\n\n{#if title}\n\t<nav class={skin.bannerList.titleNav}>\n\t\t<h2 class={skin.bannerList.title}>{title}</h2>\n\t\t{#if link !== ''}\n\t\t\t<Button\n\t\t\t\ttype=\"outline-light\"\n\t\t\t\ttext={$_('ui.components.banner_list.see_more')}\n\t\t\t\tsize=\"small\"\n\t\t\t\thref={link}\n\t\t\t\tclasses={skin.bannerList.titleButton}\n\t\t\t/>\n\t\t{/if}\n\t</nav>\n{/if}\n<div class=\"relative mb-8\">\n\t<div class={skin.bannerList.container[style]} bind:clientWidth={containerWidth}>\n\t\t<section class={gridStyle} bind:clientWidth={gridWidth} style={offsetStyle}>\n\t\t\t<slot />\n\t\t</section>\n\t</div>\n\n\t{#if gridOffset < 0}\n\t\t<Button\n\t\t\ttype=\"scroller\"\n\t\t\ticon=\"chevronLeft\"\n\t\t\tclasses=\"absolute -left-5 hidden lg:block {skin.bannerList.scroller[style]}\"\n\t\t\ton:click={scrollLeft}\n\t\t/>\n\t{/if}\n\n\t{#if containerWidth < gridWidth && gridWidth + gridOffset > containerWidth}\n\t\t<Button\n\t\t\ttype=\"scroller\"\n\t\t\ticon=\"chevronRight\"\n\t\t\tclasses=\"absolute -right-5 hidden lg:block {skin.bannerList.scroller[style]}\"\n\t\t\ton:click={scrollRight}\n\t\t/>\n\t{/if}\n\n    {#if link !== ''}\n        <p>\n            <Button\n                type=\"basic\"\n                text={$_('ui.components.banner_list.see_more')}\n                size=\"small\"\n                href={link}\n                classes={skin.bannerList.afterButton}\n            />\n        </p>\n    {/if}\n</div>\n\n<style>\n\t.no-scrollbar::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\n\t.no-scrollbar {\n\t\t-ms-overflow-style: none;\n\t\tscrollbar-width: none;\n\t}\n</style>\n"],"names":["_a","ctx","dirty","bannerimage_changes","if_block0","create_if_block_2","create_if_block_1","attr","h1","h1_class_value","section","section_class_value","toggle_class","insert_hydration","target","anchor","append_hydration","set_data","t0","t0_value","current","h2","h2_class_value","t","t_value","_b","p","span","t1","t1_value","create_if_block_4","if_block1","create_if_block_3","create_if_block","a","a_class_value","a_data_testid_value","_c","_d","_e","if_block","nav","button_changes","if_block2","if_block3","div0","div0_class_value","null_to_empty","div1","gridWidth","containerWidth"],"mappings":"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"}