@ethlete/contentful 1.0.1 → 1.0.2

package/fesm2015/ethlete-contentful.mjs

@@ -1,753 +0,0 @@
-import { NgIf, NgClass, NgOptimizedImage, DOCUMENT } from '@angular/common';
-import * as i0 from '@angular/core';
-import { InjectionToken, inject, ChangeDetectorRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Renderer2, ElementRef, ComponentFactoryResolver, ApplicationRef, Injector } from '@angular/core';
-import { DomPortalOutlet, ComponentPortal } from '@angular/cdk/portal';
-import * as i1 from '@ethlete/cdk';
-import { PictureDataDirective, PictureComponent } from '@ethlete/cdk';
-import { BLOCKS, INLINES } from '@contentful/rich-text-types';
-import { gql } from '@ethlete/query';
-
-const CONTENTFUL_CONFIG = new InjectionToken('ContentfulConfig');
-
-const createContentfulConfig = (config = {}) => (Object.assign({
-    useTailwindClasses: false,
-    components: {
-        audio: ContentfulAudioComponent,
-        file: ContentfulFileComponent,
-        image: ContentfulImageComponent,
-        video: ContentfulVideoComponent,
-    },
-    customComponents: {},
-    imageOptions: {
-        srcsetSizes: ['375w', '1280w', '1920w', '2560w'],
-        sizes: [],
-        backgroundColor: null,
-    },
-}, (config || {})));
-
-const RICH_TEXT_RENDERER_COMPONENT_DATA = new InjectionToken('RICH_TEXT_RENDERER_COMPONENT_DATA');
-
-const provideContentfulConfig = (contentfulConfig = {}) => {
-    return { provide: CONTENTFUL_CONFIG, useValue: createContentfulConfig(contentfulConfig) };
-};
-const isContentfulImage = (v) => {
-    return !!v && 'asset' in v && 'alt' in v && 'resizeBehavior' in v && 'focusArea' in v;
-};
-const isContentfulAsset = (v) => {
-    return !!v && 'contentType' in v && 'description' in v && 'height' in v && 'url' in v && 'width' in v;
-};
-
-const generateDefaultContentfulImageSource = (data) => {
-    const { url, contentType } = data;
-    return {
-        type: contentType,
-        srcset: url,
-    };
-};
-/**
- * Parses source set sizes into an object containing with and height. Eg.
- * - `"400"` - 400px width
- * - `"400x300"` - 400px width and 300px height
- * - `"400w"` - 400px width
- * - `"400h"` - 400px height
- * - `"400wx300h"` - 400px width and 300px height
- **/
-const parseContentfulImageSize = (size) => {
-    let width = null;
-    let height = null;
-    if (size.includes('x')) {
-        const [w, h] = size.split('x');
-        width = w;
-        height = h;
-    }
-    else if (size.includes('h')) {
-        height = size;
-    }
-    else {
-        width = size;
-    }
-    return {
-        width: width ? parseInt(width, 10) : null,
-        height: height ? parseInt(height, 10) : null,
-    };
-};
-const generateContentfulImageSources = (data, srcsetSizes, backgroundColor) => {
-    const assetData = isContentfulImage(data) ? data.asset : data;
-    const imageData = isContentfulImage(data) ? data : null;
-    if (!assetData) {
-        return [];
-    }
-    const sources = [];
-    const SOURCE_TYPES = ['image/avif', 'image/webp', 'image/png', 'image/jpg'];
-    for (const type of SOURCE_TYPES) {
-        const baseUrl = assetData.url;
-        const sourceSets = [];
-        const queryParams = [];
-        // Set the format (e.g. 'fm=webp')
-        queryParams.push(`fm=${type.split('/')[1]}`);
-        if (backgroundColor) {
-            queryParams.push(`bg=rgb:${backgroundColor}`);
-        }
-        if (imageData) {
-            if (imageData.quality) {
-                queryParams.push(`q=${imageData.quality}`);
-            }
-            if (imageData.focusArea) {
-                queryParams.push(`f=${imageData.focusArea}`);
-            }
-            if (imageData.resizeBehavior) {
-                queryParams.push(`fit=${imageData.resizeBehavior}`);
-            }
-        }
-        if (srcsetSizes === null || srcsetSizes === void 0 ? void 0 : srcsetSizes.length) {
-            const urlWithParams = `${baseUrl}?${queryParams.join('&')}`;
-            for (const size of srcsetSizes) {
-                const { width, height } = parseContentfulImageSize(size);
-                if (width && height) {
-                    sourceSets.push(`${urlWithParams}&w=${width}&h=${height} ${width}w`);
-                }
-                else if (width) {
-                    sourceSets.push(`${urlWithParams}&w=${width} ${width}w`);
-                }
-                else if (height) {
-                    sourceSets.push(`${urlWithParams}&h=${height} ${height}h`);
-                }
-            }
-        }
-        sources.push({
-            type,
-            srcset: sourceSets.length ? sourceSets.join(', ') : `${baseUrl}?${queryParams.join('&')}`,
-        });
-    }
-    return sources;
-};
-
-class ContentfulImageComponent {
-    constructor() {
-        this._richTextData = inject(RICH_TEXT_RENDERER_COMPONENT_DATA, {
-            optional: true,
-        });
-        this.pictureData = inject(PictureDataDirective);
-        this._cdr = inject(ChangeDetectorRef);
-        this._data = null;
-        this._sizes = [];
-        this._srcsetSizes = [];
-        this._backgroundColor = null;
-        this.sources = [];
-    }
-    get data() {
-        return this._data;
-    }
-    set data(v) {
-        var _a, _b, _c, _d, _e;
-        const assetData = isContentfulImage(v) ? v.asset : v;
-        const imageData = isContentfulImage(v) ? v : null;
-        if (assetData && !assetData.contentType) {
-            this._data = null;
-            console.warn('The provided asset is invalid', v);
-            return;
-        }
-        if (assetData && !assetData.contentType.startsWith('image/')) {
-            throw new Error('The provided asset is not an image');
-        }
-        this._data = v !== null && v !== void 0 ? v : null;
-        this.pictureData.defaultSrc = assetData ? generateDefaultContentfulImageSource(assetData) : null;
-        this.pictureData.alt = (_b = (_a = imageData === null || imageData === void 0 ? void 0 : imageData.alt) !== null && _a !== void 0 ? _a : assetData === null || assetData === void 0 ? void 0 : assetData.description) !== null && _b !== void 0 ? _b : null;
-        this.pictureData.width = (_c = assetData === null || assetData === void 0 ? void 0 : assetData.width) !== null && _c !== void 0 ? _c : null;
-        this.pictureData.height = (_d = assetData === null || assetData === void 0 ? void 0 : assetData.height) !== null && _d !== void 0 ? _d : null;
-        this.pictureData.figcaption = (_e = imageData === null || imageData === void 0 ? void 0 : imageData.caption) !== null && _e !== void 0 ? _e : null;
-        this.updateSizes();
-    }
-    get sizes() {
-        return this._sizes;
-    }
-    set sizes(v) {
-        var _a, _b;
-        this._sizes = v;
-        this.pictureData.sizes = (_b = (_a = this.sizes) === null || _a === void 0 ? void 0 : _a.join(', ')) !== null && _b !== void 0 ? _b : null;
-    }
-    get srcsetSizes() {
-        return this._srcsetSizes;
-    }
-    set srcsetSizes(v) {
-        this._srcsetSizes = v;
-        this.updateSizes();
-    }
-    get backgroundColor() {
-        return this._backgroundColor;
-    }
-    set backgroundColor(v) {
-        this._backgroundColor = v;
-        this.updateSizes();
-    }
-    ngOnInit() {
-        if (this._richTextData && !this.data) {
-            this.data = this._richTextData;
-        }
-    }
-    updateSizes() {
-        this.sources = this._data ? generateContentfulImageSources(this._data, this.srcsetSizes, this.backgroundColor) : [];
-        this._cdr.markForCheck();
-    }
-}
-ContentfulImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentfulImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ContentfulImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ContentfulImageComponent, isStandalone: true, selector: "et-contentful-image", inputs: { data: "data", sizes: "sizes", srcsetSizes: "srcsetSizes", backgroundColor: "backgroundColor" }, host: { classAttribute: "et-contentful-image" }, hostDirectives: [{ directive: i1.PictureDataDirective, inputs: ["imgClass", "imgClass", "hasPriority", "hasPriority", "figureClass", "figureClass", "pictureClass", "pictureClass", "figcaptionClass", "figcaptionClass"] }], ngImport: i0, template: `
-    <et-picture
-      [imgClass]="pictureData.imgClass"
-      [hasPriority]="pictureData.hasPriority"
-      [figureClass]="pictureData.figureClass"
-      [pictureClass]="pictureData.pictureClass"
-      [figcaptionClass]="pictureData.figcaptionClass"
-      [defaultSrc]="pictureData.defaultSrc"
-      [alt]="pictureData.alt"
-      [figcaption]="pictureData.figcaption"
-      [width]="pictureData.width"
-      [height]="pictureData.height"
-      [sizes]="pictureData.sizes"
-      [sources]="sources"
-    />
-  `, isInline: true, dependencies: [{ kind: "component", type: PictureComponent, selector: "et-picture", inputs: ["sources"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentfulImageComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'et-contentful-image',
-                    template: `
-    <et-picture
-      [imgClass]="pictureData.imgClass"
-      [hasPriority]="pictureData.hasPriority"
-      [figureClass]="pictureData.figureClass"
-      [pictureClass]="pictureData.pictureClass"
-      [figcaptionClass]="pictureData.figcaptionClass"
-      [defaultSrc]="pictureData.defaultSrc"
-      [alt]="pictureData.alt"
-      [figcaption]="pictureData.figcaption"
-      [width]="pictureData.width"
-      [height]="pictureData.height"
-      [sizes]="pictureData.sizes"
-      [sources]="sources"
-    />
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    standalone: true,
-                    imports: [NgIf, NgClass, NgOptimizedImage, PictureComponent],
-                    hostDirectives: [
-                        {
-                            directive: PictureDataDirective,
-                            // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                            inputs: ['imgClass', 'hasPriority', 'figureClass', 'pictureClass', 'figcaptionClass'],
-                        },
-                    ],
-                    host: {
-                        class: 'et-contentful-image',
-                    },
-                }]
-        }], propDecorators: { data: [{
-                type: Input
-            }], sizes: [{
-                type: Input
-            }], srcsetSizes: [{
-                type: Input
-            }], backgroundColor: [{
-                type: Input
-            }] } });
-
-const createRenderCommandsFromContentfulRichText = (options) => {
-    const { data, config } = options;
-    const commands = [];
-    const resourceMap = createContentfulResourceMap(data.links);
-    createContentfulRenderCommand(data.json, { children: commands, payload: data.json.nodeType }, resourceMap, config);
-    return commands;
-};
-const createContentfulRenderCommand = (node, parent, resourceMap, config) => {
-    var _a, _b, _c, _d, _e;
-    const { nodeType, data: nodeData } = node;
-    const { children, marks, value } = getContentfulNodeProps(node);
-    const command = {
-        payload: translateContentfulNodeTypeToHtmlTag(nodeType),
-        data: value,
-        attributes: Object.assign(Object.assign({}, (marks
-            ? {
-                class: transformContentfulMarks(marks, config.useTailwindClasses),
-            }
-            : {})), (nodeData['uri'] ? { href: nodeData['uri'], target: '_blank' } : {})),
-        children: [],
-    };
-    const entryId = (_b = (_a = nodeData['target']) === null || _a === void 0 ? void 0 : _a.sys) === null || _b === void 0 ? void 0 : _b.id;
-    if (nodeType === BLOCKS.EMBEDDED_ASSET) {
-        const asset = resourceMap.assetsBlock.get(entryId);
-        if (asset) {
-            const isImage = asset.contentType.startsWith('image/');
-            const isVideo = asset.contentType.startsWith('video/');
-            const isAudio = asset.contentType.startsWith('audio/');
-            command.data = asset;
-            if (isImage) {
-                command.payload = config.components.image;
-            }
-            else if (isVideo) {
-                command.payload = config.components.video;
-            }
-            else if (isAudio) {
-                command.payload = config.components.audio;
-            }
-            else {
-                command.payload = config.components.file;
-            }
-        }
-        else {
-            console.warn(`No asset found for entry id "${entryId}"!`, nodeData);
-        }
-    }
-    else if (nodeType === BLOCKS.EMBEDDED_ENTRY || nodeType === INLINES.EMBEDDED_ENTRY) {
-        const entry = (_c = resourceMap.entriesBlock.get(entryId)) !== null && _c !== void 0 ? _c : resourceMap.entriesInline.get(entryId);
-        if (entry) {
-            const type = (_d = entry === null || entry === void 0 ? void 0 : entry.__typename) !== null && _d !== void 0 ? _d : 'ET_UNKNOWN';
-            // "Image" is a special wrapper content model for contentful assets.
-            // It must be created by the user.
-            const component = type === 'Image' ? ContentfulImageComponent : (_e = config.customComponents) === null || _e === void 0 ? void 0 : _e[type];
-            if (component) {
-                command.payload = component;
-                command.data = entry;
-            }
-            else {
-                command.data = `ERROR: No component found for embedded entry "${type}" as "${nodeType}"!`;
-            }
-        }
-        else {
-            console.warn(`No entry found for entry id "${entryId}"!`, nodeData);
-        }
-    }
-    if (children && (children.length !== 1 || children[0].nodeType !== 'text')) {
-        children.forEach((child) => {
-            createContentfulRenderCommand(child, command, resourceMap, config);
-        });
-    }
-    parent.children.push(command);
-    return command;
-};
-const getContentfulNodeProps = (node) => {
-    var _a, _b;
-    const children = 'content' in node ? node.content : null;
-    let marks = null;
-    let value = null;
-    if (children && children.length === 1 && children[0].nodeType === 'text') {
-        marks = ((_a = children[0].marks) === null || _a === void 0 ? void 0 : _a.length) ? children[0].marks : null;
-        value = children[0].value;
-    }
-    else {
-        marks = 'marks' in node ? (((_b = node.marks) === null || _b === void 0 ? void 0 : _b.length) ? node.marks : null) : null;
-        value = 'value' in node ? node.value : null;
-    }
-    return {
-        children,
-        marks,
-        value,
-    };
-};
-const transformContentfulMarks = (marks, useTailwindClasses) => {
-    return marks
-        .map((mark) => {
-        switch (mark.type) {
-            case 'bold':
-                return useTailwindClasses ? 'font-bold' : mark.type;
-            case 'italic':
-                return useTailwindClasses ? 'italic' : mark.type;
-            case 'underline':
-                return useTailwindClasses ? 'underline' : mark.type;
-            case 'code':
-                return useTailwindClasses ? 'font-mono' : mark.type;
-            default:
-                return mark.type;
-        }
-    })
-        .join(' ');
-};
-const translateContentfulNodeTypeToHtmlTag = (nodeType) => {
-    switch (nodeType) {
-        case BLOCKS.HEADING_1:
-            return 'h1';
-        case BLOCKS.HEADING_2:
-            return 'h2';
-        case BLOCKS.HEADING_3:
-            return 'h3';
-        case BLOCKS.HEADING_4:
-            return 'h4';
-        case BLOCKS.HEADING_5:
-            return 'h5';
-        case BLOCKS.HEADING_6:
-            return 'h6';
-        case BLOCKS.PARAGRAPH:
-            return 'p';
-        case BLOCKS.UL_LIST:
-            return 'ul';
-        case BLOCKS.OL_LIST:
-            return 'ol';
-        case BLOCKS.LIST_ITEM:
-            return 'li';
-        case BLOCKS.HR:
-            return 'hr';
-        case BLOCKS.QUOTE:
-            return 'blockquote';
-        case BLOCKS.TABLE:
-            return 'table';
-        case BLOCKS.TABLE_ROW:
-            return 'tr';
-        case BLOCKS.TABLE_CELL:
-            return 'td';
-        case BLOCKS.TABLE_HEADER_CELL:
-            return 'th';
-        case BLOCKS.EMBEDDED_ASSET:
-            return 'div';
-        case INLINES.HYPERLINK:
-            return 'a';
-        case INLINES.ENTRY_HYPERLINK:
-            return 'a';
-        case INLINES.ASSET_HYPERLINK:
-            return 'a';
-        case 'text':
-            return 'span';
-        // Will be ignored by the renderer
-        case 'document':
-            return 'document';
-        case BLOCKS.EMBEDDED_ENTRY:
-            return 'div';
-        case INLINES.EMBEDDED_ENTRY:
-            return 'div';
-        default:
-            return 'div';
-    }
-};
-const createContentfulResourceMap = (links) => {
-    var _a, _b, _c;
-    const resourceMap = {
-        assetsBlock: createContentfulMap((_a = links === null || links === void 0 ? void 0 : links.assets) === null || _a === void 0 ? void 0 : _a.block),
-        entriesInline: createContentfulMap((_b = links === null || links === void 0 ? void 0 : links.entries) === null || _b === void 0 ? void 0 : _b.inline),
-        entriesBlock: createContentfulMap((_c = links === null || links === void 0 ? void 0 : links.entries) === null || _c === void 0 ? void 0 : _c.block),
-    };
-    return resourceMap;
-};
-const createContentfulMap = (links) => {
-    var _a;
-    const assetMap = new Map();
-    if (links) {
-        for (const link of links) {
-            if (!((_a = link === null || link === void 0 ? void 0 : link.sys) === null || _a === void 0 ? void 0 : _a.id)) {
-                console.warn('Link has no sys.id property. Please include it inside your query.', link);
-                continue;
-            }
-            assetMap.set(link.sys.id, link);
-        }
-    }
-    return assetMap;
-};
-
-class ContentfulRichTextRendererComponent {
-    constructor() {
-        var _a;
-        this._richText = null;
-        this._renderer = inject(Renderer2);
-        this._elementRef = inject(ElementRef);
-        this._componentFactoryResolver = inject(ComponentFactoryResolver);
-        this._document = inject(DOCUMENT);
-        this._appRef = inject(ApplicationRef);
-        this._injector = inject(Injector);
-        this._config = (_a = inject(CONTENTFUL_CONFIG, { optional: true })) !== null && _a !== void 0 ? _a : createContentfulConfig();
-    }
-    get richText() {
-        return this._richText;
-    }
-    set richText(v) {
-        this._richText = v !== null && v !== void 0 ? v : null;
-        this.resetAndRender();
-    }
-    resetAndRender() {
-        // clear childNodes to prevent appending new richtext elements to existing one
-        const childElements = this._elementRef.nativeElement.childNodes;
-        for (const child of childElements) {
-            this._renderer.removeChild(this._elementRef.nativeElement, child);
-        }
-        if (!this._richText) {
-            return;
-        }
-        const commands = createRenderCommandsFromContentfulRichText({ data: this._richText, config: this._config });
-        this._render(commands);
-    }
-    _render(commands) {
-        // create a document fragment to hold the elements while we create them
-        const fragment = document.createDocumentFragment();
-        const hostCommand = {
-            payload: 'document',
-            children: commands,
-        };
-        // loop over the commands
-        this._executeCommand({ command: hostCommand, parent: fragment });
-        // append the fragment to the host element
-        this._renderer.appendChild(this._elementRef.nativeElement, fragment);
-    }
-    _executeCommand(data) {
-        const { command, parent } = data;
-        let element = null;
-        if (command.payload !== 'document') {
-            if (typeof command.payload === 'string') {
-                element = this._renderer.createElement(command.payload);
-                if (command.data) {
-                    this._renderer.setProperty(element, 'innerText', command.data);
-                }
-                if (command.attributes) {
-                    for (const [name, value] of Object.entries(command.attributes)) {
-                        this._renderer.setAttribute(element, name, value);
-                    }
-                }
-                this._renderer.appendChild(parent, element);
-            }
-            else {
-                const injector = Injector.create({
-                    providers: [
-                        {
-                            provide: RICH_TEXT_RENDERER_COMPONENT_DATA,
-                            useValue: command.data,
-                        },
-                    ],
-                    parent: this._injector,
-                });
-                const portal = new DomPortalOutlet(parent, this._componentFactoryResolver, this._appRef, injector, this._document);
-                const comp = new ComponentPortal(command.payload);
-                const ref = comp.attach(portal);
-                if (ref.instance instanceof ContentfulImageComponent) {
-                    ref.instance.sizes = this._config.imageOptions.sizes;
-                    ref.instance.srcsetSizes = this._config.imageOptions.srcsetSizes;
-                    ref.instance.backgroundColor = this._config.imageOptions.backgroundColor;
-                }
-                element = ref.location.nativeElement;
-            }
-        }
-        // loop over the commands
-        for (const childCommand of command.children) {
-            this._executeCommand({ command: childCommand, parent: element !== null && element !== void 0 ? element : parent });
-        }
-    }
-}
-ContentfulRichTextRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentfulRichTextRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ContentfulRichTextRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ContentfulRichTextRendererComponent, isStandalone: true, selector: "et-contentful-rich-text-renderer", inputs: { richText: "richText" }, host: { classAttribute: "et-contentful-rich-text-renderer" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentfulRichTextRendererComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'et-contentful-rich-text-renderer',
-                    template: ``,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
-                    host: {
-                        class: 'et-contentful-rich-text-renderer',
-                    },
-                }]
-        }], propDecorators: { richText: [{
-                type: Input
-            }] } });
-
-class ContentfulAudioComponent {
-    constructor() {
-        this._richTextData = inject(RICH_TEXT_RENDERER_COMPONENT_DATA, { optional: true });
-        this._data = null;
-        this.audioClass = null;
-        this.figureClass = null;
-        this.figcaptionClass = null;
-    }
-    get data() {
-        return this._data;
-    }
-    set data(v) {
-        if (v && !v.contentType) {
-            this._data = null;
-            console.warn('The provided asset is invalid', v);
-            return;
-        }
-        if (v && !v.contentType.startsWith('audio/')) {
-            throw new Error('The provided asset is not an audio');
-        }
-        this._data = v !== null && v !== void 0 ? v : null;
-    }
-    ngOnInit() {
-        if (this._richTextData && !this.data) {
-            this.data = this._richTextData;
-        }
-    }
-}
-ContentfulAudioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentfulAudioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ContentfulAudioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ContentfulAudioComponent, isStandalone: true, selector: "et-contentful-audio", inputs: { data: "data", audioClass: "audioClass", figureClass: "figureClass", figcaptionClass: "figcaptionClass" }, ngImport: i0, template: `
-    <figure *ngIf="data" [ngClass]="figureClass">
-      <figcaption [ngClass]="figcaptionClass">{{ data.title }}</figcaption>
-      <audio [ngClass]="audioClass" controls src="{{ data.url }}"></audio>
-    </figure>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentfulAudioComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'et-contentful-audio',
-                    template: `
-    <figure *ngIf="data" [ngClass]="figureClass">
-      <figcaption [ngClass]="figcaptionClass">{{ data.title }}</figcaption>
-      <audio [ngClass]="audioClass" controls src="{{ data.url }}"></audio>
-    </figure>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    standalone: true,
-                    imports: [NgIf, NgClass],
-                }]
-        }], propDecorators: { data: [{
-                type: Input
-            }], audioClass: [{
-                type: Input
-            }], figureClass: [{
-                type: Input
-            }], figcaptionClass: [{
-                type: Input
-            }] } });
-
-class ContentfulFileComponent {
-    constructor() {
-        this._richTextData = inject(RICH_TEXT_RENDERER_COMPONENT_DATA, { optional: true });
-        this._data = null;
-        this.fileClass = null;
-    }
-    get data() {
-        return this._data;
-    }
-    set data(v) {
-        if (v && !v.contentType) {
-            this._data = null;
-            console.warn('The provided asset is invalid', v);
-            return;
-        }
-        this._data = v !== null && v !== void 0 ? v : null;
-    }
-    ngOnInit() {
-        if (this._richTextData && !this.data) {
-            this.data = this._richTextData;
-        }
-    }
-}
-ContentfulFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentfulFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ContentfulFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ContentfulFileComponent, isStandalone: true, selector: "et-contentful-file", inputs: { data: "data", fileClass: "fileClass" }, ngImport: i0, template: `
-    <a *ngIf="data" [href]="data.url" [ngClass]="fileClass" class="underline" target="_blank">
-      {{ data.title }} ({{ data.size }} Bytes)
-    </a>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentfulFileComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'et-contentful-file',
-                    template: `
-    <a *ngIf="data" [href]="data.url" [ngClass]="fileClass" class="underline" target="_blank">
-      {{ data.title }} ({{ data.size }} Bytes)
-    </a>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    standalone: true,
-                    imports: [NgIf, NgClass],
-                }]
-        }], propDecorators: { data: [{
-                type: Input
-            }], fileClass: [{
-                type: Input
-            }] } });
-
-class ContentfulVideoComponent {
-    constructor() {
-        this._richTextData = inject(RICH_TEXT_RENDERER_COMPONENT_DATA, { optional: true });
-        this._data = null;
-        this.videoClass = null;
-    }
-    get data() {
-        return this._data;
-    }
-    set data(v) {
-        if (v && !v.contentType) {
-            this._data = null;
-            console.warn('The provided asset is invalid', v);
-            return;
-        }
-        if (v && !v.contentType.startsWith('video/')) {
-            throw new Error('The provided asset is not an video');
-        }
-        this._data = v !== null && v !== void 0 ? v : null;
-    }
-    ngOnInit() {
-        if (this._richTextData && !this.data) {
-            this.data = this._richTextData;
-        }
-    }
-}
-ContentfulVideoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentfulVideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ContentfulVideoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ContentfulVideoComponent, isStandalone: true, selector: "et-contentful-video", inputs: { data: "data", videoClass: "videoClass" }, ngImport: i0, template: `
-    <video *ngIf="data" [ngClass]="videoClass" controls>
-      <source src="{{ data.url }}" type="{{ data.contentType }}" />
-    </video>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentfulVideoComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'et-contentful-video',
-                    template: `
-    <video *ngIf="data" [ngClass]="videoClass" controls>
-      <source src="{{ data.url }}" type="{{ data.contentType }}" />
-    </video>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    standalone: true,
-                    imports: [NgIf, NgClass],
-                }]
-        }], propDecorators: { data: [{
-                type: Input
-            }], videoClass: [{
-                type: Input
-            }] } });
-
-const ContentfulImports = [
-    ContentfulAudioComponent,
-    ContentfulFileComponent,
-    ContentfulImageComponent,
-    ContentfulVideoComponent,
-    ContentfulRichTextRendererComponent,
-];
-
-const GQL_FRAGMENT_CONTENTFUL_ASSET = gql `
-  fragment AssetData on Asset {
-    sys {
-      id
-    }
-    url
-    title
-    width
-    height
-    description
-    contentType
-    size
-  }
-`;
-const GQL_FRAGMENT_CONTENTFUL_IMAGE = gql `
-  fragment ImageData on Image {
-    sys {
-      id
-    }
-    asset {
-      ...AssetData
-    }
-    alt
-    caption
-    resizeBehavior
-    focusArea
-    quality
-    __typename
-  }
-`;
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CONTENTFUL_CONFIG, ContentfulAudioComponent, ContentfulFileComponent, ContentfulImageComponent, ContentfulImports, ContentfulRichTextRendererComponent, ContentfulVideoComponent, GQL_FRAGMENT_CONTENTFUL_ASSET, GQL_FRAGMENT_CONTENTFUL_IMAGE, RICH_TEXT_RENDERER_COMPONENT_DATA, createContentfulConfig, createContentfulMap, createContentfulRenderCommand, createContentfulResourceMap, createRenderCommandsFromContentfulRichText, generateContentfulImageSources, generateDefaultContentfulImageSource, getContentfulNodeProps, isContentfulAsset, isContentfulImage, parseContentfulImageSize, provideContentfulConfig, transformContentfulMarks, translateContentfulNodeTypeToHtmlTag };
-//# sourceMappingURL=ethlete-contentful.mjs.map