@lluc_llull/ui-lib 0.33.10 → 0.34.0

package/fesm2022/lluc_llull-ui-lib-mapper.mjs

@@ -1,312 +1,290 @@
-import { mapButtons, mapImage, mapImageOrGallery } from '@lluc_llull/ui-lib/utils';
-import * as i0 from '@angular/core';
-import { InjectionToken, PLATFORM_ID, Inject, Injectable } from '@angular/core';
-
+import { mapButtons, mapImage, mapImageOrGallery } from "@lluc_llull/ui-lib/utils";
+import * as i0 from "@angular/core";
+import { Inject, Injectable, InjectionToken, PLATFORM_ID } from "@angular/core";
 const map404 = (props) => ({
-    title: props?.texts?.title,
-    subtitle: props?.texts?.subtitle,
-    highlight: props?.texts?.highlight,
-    button: mapButtons(props?.buttons)[0],
+	title: props?.texts?.title,
+	subtitle: props?.texts?.subtitle,
+	highlight: props?.texts?.highlight,
+	button: mapButtons(props?.buttons)[0]
 });
-
 const mapCategoryProgress = (props) => ({
-    pretitle: props?.texts?.pretitle,
-    title: props?.texts?.title,
-    categories: props?.items?.map((item) => ({
-        title: item.title,
-        items: item.items?.map((subItem) => ({
-            label: subItem.name,
-            value: subItem.progress,
-        })),
-    })),
+	pretitle: props?.texts?.pretitle,
+	title: props?.texts?.title,
+	categories: props?.items?.map((item) => ({
+		title: item.title,
+		items: item.items?.map((subItem) => ({
+			label: subItem.name,
+			value: subItem.progress
+		}))
+	}))
 });
-
 const mapContactMinimal = (props, cdn) => ({
-    contactsTitle: props?.texts?.contactsTitle,
-    socialsTitle: props?.texts?.socialsTitle,
-    contacts: mapButtons(props?.items?.[0]?.buttons),
-    socials: mapButtons(props?.items?.[1]?.buttons),
-    img: mapImage(props?.multimedia?.image, cdn),
+	contactsTitle: props?.texts?.contactsTitle,
+	socialsTitle: props?.texts?.socialsTitle,
+	contacts: mapButtons(props?.items?.[0]?.buttons),
+	socials: mapButtons(props?.items?.[1]?.buttons),
+	img: mapImage(props?.multimedia?.image, cdn)
 });
-
 const mapNavModal = (navigation, lang) => {
-    if (!navigation?.items || !Array.isArray(navigation.items))
-        return [];
-    return navigation.items.map((item) => {
-        const slug = item.slug;
-        const url = slug === 'home' || slug === '' ? `/${lang}` : `/${lang}/${slug}`;
-        return {
-            label: item.label?.[lang] ?? item.label?.['es'] ?? slug,
-            url,
-            linkType: 'internal',
-            name: slug,
-            active: true,
-            children: [],
-        };
-    });
+	if (!navigation?.items || !Array.isArray(navigation.items)) return [];
+	return navigation.items.map((item) => {
+		const slug = item.slug;
+		const url = slug === "home" || slug === "" ? `/${lang}` : `/${lang}/${slug}`;
+		return {
+			label: item.label?.[lang] ?? item.label?.["es"] ?? slug,
+			url,
+			linkType: "internal",
+			name: slug,
+			active: true,
+			children: []
+		};
+	});
 };
 const mapSocialLinks = (navigation) => {
-    if (!navigation?.social || !Array.isArray(navigation.social))
-        return [];
-    return navigation.social.map((item, index) => ({
-        label: item.label ?? '',
-        url: item.url ?? '',
-        linkType: item.linkType ?? 'external',
-        icon: item.icon ?? '',
-        order: item.order ?? index,
-    }));
+	if (!navigation?.social || !Array.isArray(navigation.social)) return [];
+	return navigation.social.map((item, index) => ({
+		label: item.label ?? "",
+		url: item.url ?? "",
+		linkType: item.linkType ?? "external",
+		icon: item.icon ?? "",
+		order: item.order ?? index
+	}));
 };
-
 const mapHeaderClear = (props, cdn) => {
-    return {
-        logo: mapImage(props?.logo, cdn),
-        logoDark: mapImage(props?.logoDark, cdn),
-        lang: props?.lang || 'es',
-        navigation: props?.navigation,
-        socialItems: mapSocialLinks(props?.navigation),
-        homeLink: mapButtons(props?.buttons)[0],
-    };
+	return {
+		logo: mapImage(props?.logo, cdn),
+		logoDark: mapImage(props?.logoDark, cdn),
+		lang: props?.lang || "es",
+		navigation: props?.navigation,
+		socialItems: mapSocialLinks(props?.navigation),
+		homeLink: mapButtons(props?.buttons)[0]
+	};
 };
-
 const mapHeroSection = (props, cdn) => ({
-    pretitle: props?.texts?.pretitle,
-    title: props?.texts?.title,
-    subtitle: props?.texts?.subtitle,
-    text: props?.texts?.text,
-    buttons: mapButtons(props?.buttons),
-    highlight: props?.texts?.highlight,
-    variant: props?.variant,
-    image: mapImage(props?.multimedia?.image, cdn),
+	pretitle: props?.texts?.pretitle,
+	title: props?.texts?.title,
+	subtitle: props?.texts?.subtitle,
+	text: props?.texts?.text,
+	buttons: mapButtons(props?.buttons),
+	highlight: props?.texts?.highlight,
+	variant: props?.variant,
+	image: mapImage(props?.multimedia?.image, cdn)
 });
-
-const mapLangModal = (langs, currentLang = 'es') => {
-    if (!Array.isArray(langs))
-        return [];
-    return langs.map((lang, index) => {
-        const label = lang.labels?.[currentLang] || lang.labels?.[lang.code] || lang.code;
-        return {
-            id: lang.id ?? index,
-            code: lang.code,
-            label,
-        };
-    });
+const mapLangModal = (langs, currentLang = "es") => {
+	if (!Array.isArray(langs)) return [];
+	return langs.map((lang, index) => {
+		const label = lang.labels?.[currentLang] || lang.labels?.[lang.code] || lang.code;
+		return {
+			id: lang.id ?? index,
+			code: lang.code,
+			label
+		};
+	});
 };
-
 const mapLegalFooter = (props) => ({
-    year: props?.texts?.year,
-    brand: props?.texts?.brand,
-    credits: props?.texts?.credits,
-    links: mapButtons(props?.footer_links),
-    //variant
+	year: props?.texts?.year,
+	brand: props?.texts?.brand,
+	credits: props?.texts?.credits,
+	links: mapButtons(props?.footer_links)
 });
-
-const mapLinksFooter = (props) => ({
-    links: mapButtons(props?.footer_links),
-});
-
+const mapLinksFooter = (props) => ({ links: mapButtons(props?.footer_links) });
 const mapSectionIntro = (props) => ({
-    pretitle: props?.texts?.pretitle,
-    title: props?.texts?.title,
-    subtitle: props?.texts?.subtitle,
-    text: props?.texts?.text,
-    button: mapButtons(props?.buttons)[0],
+	pretitle: props?.texts?.pretitle,
+	title: props?.texts?.title,
+	subtitle: props?.texts?.subtitle,
+	text: props?.texts?.text,
+	button: mapButtons(props?.buttons)[0]
 });
-
 const mapSocialFooter = (props) => ({
-    images: mapImage(props?.multimedia),
-    socials: mapButtons(props?.social_links),
-    hashtag: props?.texts?.hashtag,
+	images: mapImage(props?.multimedia),
+	socials: mapButtons(props?.social_links),
+	hashtag: props?.texts?.hashtag
 });
-
 const mapSplitPreviewer = (props, cdn) => ({
-    title: props?.texts?.title,
-    items: props?.items?.map((item) => ({
-        title: item.title,
-        description: item.description,
-        tags: item.tags,
-        link: mapButtons(item?.buttons)[0],
-        image: mapImage(item?.multimedia?.image, cdn),
-    })),
-    imageDefault: mapImage(props?.multimedia?.image, cdn),
-    direction: props?.direction ?? 'left',
+	title: props?.texts?.title,
+	items: props?.items?.map((item) => ({
+		title: item.title,
+		description: item.description,
+		tags: item.tags,
+		link: mapButtons(item?.buttons)[0],
+		image: mapImage(item?.multimedia?.image, cdn)
+	})),
+	imageDefault: mapImage(props?.multimedia?.image, cdn),
+	direction: props?.direction ?? "left"
 });
-
 const mapVisualFooter = (props) => ({
-    contactTitle: props?.texts?.contactTitle,
-    contactPhone: mapButtons(props?.contactPhone),
-    contactEmail: mapButtons(props?.contactEmail),
-    addressTitle: props?.texts?.addressTitle,
-    address: {
-        address: props?.address?.address,
-        city: props?.address?.city,
-        country: props?.address?.country,
-        cp: props?.address?.cp,
-        province: props?.address?.province,
-    },
-    socialsTitle: props?.texts?.socialsTitle,
-    socials: mapButtons(props?.social_links),
-    image: mapImage(props?.multimedia),
+	contactTitle: props?.texts?.contactTitle,
+	contactPhone: mapButtons(props?.contactPhone),
+	contactEmail: mapButtons(props?.contactEmail),
+	addressTitle: props?.texts?.addressTitle,
+	address: {
+		address: props?.address?.address,
+		city: props?.address?.city,
+		country: props?.address?.country,
+		cp: props?.address?.cp,
+		province: props?.address?.province
+	},
+	socialsTitle: props?.texts?.socialsTitle,
+	socials: mapButtons(props?.social_links),
+	image: mapImage(props?.multimedia)
 });
-
 const mapMediaSplit = (props, cdn) => ({
-    title: props?.texts?.title,
-    text: props?.texts?.text,
-    images: mapImageOrGallery(props?.multimedia?.images, cdn),
+	title: props?.texts?.title,
+	text: props?.texts?.text,
+	images: mapImageOrGallery(props?.multimedia?.images, cdn)
 });
-
 const mapStackedRows = (props) => ({
-    title: props?.texts?.title,
-    text: props?.texts?.text,
-    items: props?.items?.map((item) => ({
-        title: item?.title,
-        text: item?.text,
-    })),
+	title: props?.texts?.title,
+	text: props?.texts?.text,
+	items: props?.items?.map((item) => ({
+		title: item?.title,
+		text: item?.text
+	}))
 });
-
 const mapMosaicParallax = (props, cdn) => ({
-    title: props?.texts?.title,
-    text: props?.texts?.text,
-    images: mapImageOrGallery(props?.multimedia?.images, cdn),
+	title: props?.texts?.title,
+	text: props?.texts?.text,
+	images: mapImageOrGallery(props?.multimedia?.images, cdn)
 });
-
 const mapContentDocument = (props) => ({
-    title: props?.texts?.title,
-    items: props?.items?.map((item) => ({
-        title: item?.title,
-        text: item?.text,
-    })),
+	title: props?.texts?.title,
+	items: props?.items?.map((item) => ({
+		title: item?.title,
+		text: item?.text
+	}))
 });
-
 const mapColumnsFooter = (props) => ({
-    columns: props?.columns?.map((col) => ({
-        title: col?.texts?.title,
-        items: mapButtons(col?.buttons),
-    })),
-    copyright: {
-        year: props?.copyright?.texts?.year,
-        name: props?.copyright?.texts?.name,
-        rights: props?.copyright?.texts?.rights,
-    },
+	columns: props?.columns?.map((col) => ({
+		title: col?.texts?.title,
+		items: mapButtons(col?.buttons)
+	})),
+	copyright: {
+		year: props?.copyright?.texts?.year,
+		name: props?.copyright?.texts?.name,
+		rights: props?.copyright?.texts?.rights
+	}
 });
-
 const mapSplitShowcase = (props) => ({
-    title: props?.texts?.title,
-    subtitle: props?.texts?.subtitle,
-    description: props?.texts?.description,
-    metas: props?.meta?.map((item) => ({
-        label: item?.label,
-        value: item?.value,
-    })),
-    buttons: mapButtons(props?.buttons)
+	title: props?.texts?.title,
+	subtitle: props?.texts?.subtitle,
+	description: props?.texts?.description,
+	metas: props?.meta?.map((item) => ({
+		label: item?.label,
+		value: item?.value
+	})),
+	buttons: mapButtons(props?.buttons)
 });
-
 const mapAsymmetricMedia = (props, cdn) => ({
-    media: mapImageOrGallery(props?.multimedia?.images, cdn),
-    direction: props?.direction ?? 'left',
+	media: mapImageOrGallery(props?.multimedia?.images, cdn),
+	direction: props?.direction ?? "left"
 });
-
 const mapMediaIntro = (props, cdn) => ({
-    highlightedText: props?.texts?.highlightedText,
-    secondaryText: props?.texts?.secondaryText,
-    direction: props?.direction ?? 'left',
-    media: mapImage(props?.multimedia?.image, cdn),
+	highlightedText: props?.texts?.highlightedText,
+	secondaryText: props?.texts?.secondaryText,
+	direction: props?.direction ?? "left",
+	media: mapImage(props?.multimedia?.image, cdn)
 });
-
 const mapColumnsMediaStacked = (props, cdn) => ({
-    leftColumn: props?.texts?.leftColumn,
-    rightColumn: props?.texts?.rightColumn,
-    direction: props?.direction ?? 'left',
-    image: mapImage(props?.multimedia?.image, cdn),
+	leftColumn: props?.texts?.leftColumn,
+	rightColumn: props?.texts?.rightColumn,
+	direction: props?.direction ?? "left",
+	image: mapImage(props?.multimedia?.image, cdn)
 });
-
 const mapMosaicGrid = (props, cdn) => ({
-    text: props?.texts?.editorialText,
-    images: mapImageOrGallery(props?.multimedia?.images, cdn),
+	text: props?.texts?.editorialText,
+	images: mapImageOrGallery(props?.multimedia?.images, cdn)
 });
-
 const componentMappers = {
-    'hero-section': mapHeroSection,
-    'header-clear': mapHeaderClear,
-    'lang-modal': mapLangModal,
-    'section-intro': mapSectionIntro,
-    'category-progress': mapCategoryProgress,
-    'links-footer': mapLinksFooter,
-    'legal-footer': mapLegalFooter,
-    'social-footer': mapSocialFooter,
-    'visual-footer': mapVisualFooter,
-    'not-found': map404,
-    'split-previewer': mapSplitPreviewer,
-    'contact-minimal': mapContactMinimal,
-    'media-split': mapMediaSplit,
-    'stacked-rows': mapStackedRows,
-    'mosaic-parallax': mapMosaicParallax,
-    'content-document': mapContentDocument,
-    'columns-footer': mapColumnsFooter,
-    'split-showcase': mapSplitShowcase,
-    'asymmetric-media': mapAsymmetricMedia,
-    'media-intro': mapMediaIntro,
-    'columns-media-stacked': mapColumnsMediaStacked,
-    'mosaic-grid': mapMosaicGrid,
+	"hero-section": mapHeroSection,
+	"header-clear": mapHeaderClear,
+	"lang-modal": mapLangModal,
+	"section-intro": mapSectionIntro,
+	"category-progress": mapCategoryProgress,
+	"links-footer": mapLinksFooter,
+	"legal-footer": mapLegalFooter,
+	"social-footer": mapSocialFooter,
+	"visual-footer": mapVisualFooter,
+	"not-found": map404,
+	"split-previewer": mapSplitPreviewer,
+	"contact-minimal": mapContactMinimal,
+	"media-split": mapMediaSplit,
+	"stacked-rows": mapStackedRows,
+	"mosaic-parallax": mapMosaicParallax,
+	"content-document": mapContentDocument,
+	"columns-footer": mapColumnsFooter,
+	"split-showcase": mapSplitShowcase,
+	"asymmetric-media": mapAsymmetricMedia,
+	"media-intro": mapMediaIntro,
+	"columns-media-stacked": mapColumnsMediaStacked,
+	"mosaic-grid": mapMosaicGrid
 };
-
-const CDN_BASE_URL = new InjectionToken('CDN_BASE_URL');
-
-class MapperService {
-    platformId;
-    cdn;
-    constructor(platformId, cdn) {
-        this.platformId = platformId;
-        this.cdn = cdn;
-    }
-    mapComponents(body) {
-        if (!body || body.length === 0) {
-            return [];
-        }
-        return body
-            .filter((component) => component && component.name && component.props)
-            .map((component) => {
-            const name = component.name.toLowerCase();
-            const mapper = componentMappers[name];
-            const mapped = {
-                name,
-                order: component.order,
-                props: {},
-            };
-            if (mapper) {
-                try {
-                    mapped.props = mapper(component.props, this.cdn);
-                }
-                catch (e) {
-                    console.error(`Error mapping props for component "${name}"`, e);
-                }
-            }
-            else {
-                console.warn(`No mapper found for component "${name}"`);
-            }
-            return mapped;
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MapperService, deps: [{ token: PLATFORM_ID }, { token: CDN_BASE_URL }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MapperService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MapperService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: Object, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [CDN_BASE_URL]
-                }] }] });
-
-const CLOUDINARY_CLOUD_NAME = new InjectionToken('CLOUDINARY_CLOUD_NAME');
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const CDN_BASE_URL = new InjectionToken("CDN_BASE_URL");
+var MapperService = class MapperService {
+	platformId;
+	cdn;
+	constructor(platformId, cdn) {
+		this.platformId = platformId;
+		this.cdn = cdn;
+	}
+	mapComponents(body) {
+		if (!body || body.length === 0) return [];
+		return body.filter((component) => component && component.name && component.props).map((component) => {
+			const name = component.name.toLowerCase();
+			const mapper = componentMappers[name];
+			const mapped = {
+				name,
+				order: component.order,
+				props: {}
+			};
+			if (mapper) try {
+				mapped.props = mapper(component.props, this.cdn);
+			} catch (e) {
+				console.error(`Error mapping props for component "${name}"`, e);
+			}
+			else console.warn(`No mapper found for component "${name}"`);
+			return mapped;
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: MapperService,
+		deps: [{ token: PLATFORM_ID }, { token: CDN_BASE_URL }],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: MapperService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: MapperService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{
+		type: Object,
+		decorators: [{
+			type: Inject,
+			args: [PLATFORM_ID]
+		}]
+	}, {
+		type: void 0,
+		decorators: [{
+			type: Inject,
+			args: [CDN_BASE_URL]
+		}]
+	}]
+});
+const CLOUDINARY_CLOUD_NAME = new InjectionToken("CLOUDINARY_CLOUD_NAME");
 export { CDN_BASE_URL, CLOUDINARY_CLOUD_NAME, MapperService, componentMappers, map404, mapAsymmetricMedia, mapCategoryProgress, mapColumnsFooter, mapColumnsMediaStacked, mapContactMinimal, mapContentDocument, mapHeaderClear, mapHeroSection, mapLangModal, mapLegalFooter, mapLinksFooter, mapMediaIntro, mapMediaSplit, mapMosaicGrid, mapMosaicParallax, mapNavModal, mapSectionIntro, mapSocialFooter, mapSocialLinks, mapSplitPreviewer, mapSplitShowcase, mapStackedRows, mapVisualFooter };
-//# sourceMappingURL=lluc_llull-ui-lib-mapper.mjs.map
+
+//# sourceMappingURL=lluc_llull-ui-lib-mapper.mjs.map