{"version":3,"file":"static/js/bfbf471dc03994ec8c47.bundle.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./src/themes/moekwrsitetheme/views/image-list.view.tsx?683c","webpack://Msdyn365.Commerce.Online/./src/themes/moenzcsitetheme/views/image-list.view.tsx?0c17","webpack://Msdyn365.Commerce.Online/./src/themes/moetwksitetheme/views/image-list.view.tsx?fde6","webpack://Msdyn365.Commerce.Online/./lib/image-list/module-registration.js?5c99","webpack://Msdyn365.Commerce.Online/./src/modules/image-list/image-list.tsx?5602","webpack://Msdyn365.Commerce.Online/./src/modules/image-list/image-list.view.tsx?2bed","webpack://Msdyn365.Commerce.Online/external var \"React\"?0d3b","webpack://Msdyn365.Commerce.Online/external var \"ReactDOM\"?853b"],"sourcesContent":["/*--------------------------------------------------------------\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * See License.txt in the project root for license information.\r\n *--------------------------------------------------------------*/\r\n\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { Module, Node, SingleSlideCarousel, ISingleSlideCarouselProps, IComponentNodeProps } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\nimport { IImageListViewProps } from '@msdyn365-commerce-modules/image-list/src/modules/image-list/./image-list';\r\nimport { IImageListProps } from '../definition-extensions/image-list.ext.props.autogenerated';\r\n\r\n/**\r\n * Render the thumbnail item images.\r\n * @param props - The image list view props.\r\n * @returns Return HTML having IImageListViewProps props with image List.\r\n */\r\nexport const imageListView = (props: IImageListViewProps & IImageListProps<{}>): JSX.Element => {\r\n    const propsCarousel: IComponentNodeProps<ISingleSlideCarouselProps> = {\r\n        tag: SingleSlideCarousel,\r\n        className: 'custom-carousel',\r\n        flipperPrevLabel: 'Previous',\r\n        flipperNextLabel: 'Next',\r\n        parentId: props.id,\r\n        vertical: false\r\n    };\r\n\r\n    const { imageList, imageListContainer, imageListHeading, imageListItem, imageListItemAnchorTag, config } = props;\r\n    const classname = config.direction === 'vertical' ? 'moe-image-list-container img-list-vertical' : 'moe-image-list-container';\r\n    const imagesList = props.config.images;\r\n\r\n    /**\r\n     * Handle paragraph change.\r\n     * @param index - Index of image item in array of image items.\r\n     * @returns Void.\r\n     */\r\n    const handleParagraphChange = (index: number) => (event: Msdyn365.ContentEditableEvent): void => {\r\n        if (props.config.images![index]) {\r\n            props.config.images![index].paragraph = event.target.value;\r\n        }\r\n    };\r\n\r\n    const showLightbox = (imageSrc: any, link: any) => {\r\n        if (link?.linkUrl?.destinationUrl) {\r\n            return;\r\n        }\r\n        var lightbox: any;\r\n        var lightboxImage: any;\r\n\r\n        lightbox = document.createElement('div');\r\n        lightbox.id = 'moe-lightbox';\r\n        document.body.appendChild(lightbox);\r\n        lightboxImage = document.createElement('img');\r\n        lightbox.appendChild(lightboxImage);\r\n        lightboxImage.src = 'https://images-au-prod.cms.commerce.dynamics.com/cms/api/qsjhkgqqvf/imageFileData/MLkQr?ver=0c7a';\r\n\r\n        lightbox.addEventListener('click', (e: any) => {\r\n            if (e.target !== e.currentTarget) return;\r\n            lightbox.classList.remove('active');\r\n            document.body?.removeChild(lightbox);\r\n        });\r\n\r\n        window.addEventListener('keyup', ({ key, keyCode }) => {\r\n            if (key !== 'Escape' || keyCode != 27) return;\r\n            lightbox.classList.remove('active');\r\n            document.body?.removeChild(lightbox);\r\n        });\r\n\r\n        console.log(imageSrc);\r\n        console.log(lightbox);\r\n        lightbox.setAttribute('class', 'active');\r\n        lightboxImage.src = imageSrc;\r\n    };\r\n\r\n    console.log('Image List props', props);\r\n\r\n    return (\r\n        <div className={classname}>\r\n            <Module {...imageList}>\r\n                {imageListHeading}\r\n                <Node {...imageListContainer}>\r\n                    <Node {...propsCarousel}>\r\n                        {imagesList?.map((item, index) => {\r\n                            const { image, link, paragraph } = item;\r\n\r\n                            // let indexKey: string;\r\n\r\n                            // if (item.image) {\r\n                            //     const image = (item.image as unknown) as Msdyn365.Image;\r\n                            //     indexKey = image.props.src as string;\r\n                            // } else {\r\n                            //     const text = (item.text as unknown) as Msdyn365.RichTextComponent;\r\n                            //     indexKey = text.props.text as string;\r\n                            // }\r\n                            return (\r\n                                <Node {...imageListItem} key={index}>\r\n                                    {item.image && (\r\n                                        <Node\r\n                                            {...imageListItemAnchorTag}\r\n                                            altText={link?.linkText ?? link?.ariaLabel}\r\n                                            href={link?.linkUrl.destinationUrl}\r\n                                            target={link?.openInNewTab ? '_blank' : ''}\r\n                                            aria-label={link?.ariaLabel}\r\n                                            className={imageListItemAnchorTag.className}\r\n                                        >\r\n                                            <img\r\n                                                title={item.image.title}\r\n                                                onClick={() => showLightbox(image?.src, link)}\r\n                                                src={image?.src ? image.src : ''}\r\n                                                alt={item.image.altText}\r\n                                            />\r\n                                        </Node>\r\n                                    )}\r\n                                    {paragraph && (\r\n                                        <Msdyn365.RichTextComponent\r\n                                            text={paragraph as Msdyn365.RichText | undefined}\r\n                                            className='ms-image-list__text'\r\n                                            editProps={{\r\n                                                onEdit: handleParagraphChange(index),\r\n                                                requestContext: props.context.request\r\n                                            }}\r\n                                        />\r\n                                    )}\r\n                                </Node>\r\n                            );\r\n                        })}\r\n                    </Node>\r\n                </Node>\r\n            </Module>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default imageListView;\r\n","/*--------------------------------------------------------------\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * See License.txt in the project root for license information.\r\n *--------------------------------------------------------------*/\r\n\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { Module, Node, SingleSlideCarousel, ISingleSlideCarouselProps, IComponentNodeProps } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\nimport { IImageListViewProps } from '@msdyn365-commerce-modules/image-list/src/modules/image-list/./image-list';\r\nimport { IImageListProps } from '../definition-extensions/image-list.ext.props.autogenerated';\r\n\r\n/**\r\n * Render the thumbnail item images.\r\n * @param props - The image list view props.\r\n * @returns Return HTML having IImageListViewProps props with image List.\r\n */\r\nexport const imageListView = (props: IImageListViewProps & IImageListProps<{}>): JSX.Element => {\r\n    const propsCarousel: IComponentNodeProps<ISingleSlideCarouselProps> = {\r\n        tag: SingleSlideCarousel,\r\n        className: 'custom-carousel',\r\n        flipperPrevLabel: 'Previous',\r\n        flipperNextLabel: 'Next',\r\n        parentId: props.id,\r\n        vertical: false\r\n    };\r\n\r\n    const { imageList, imageListContainer, imageListHeading, imageListItem, imageListItemAnchorTag, config } = props;\r\n    const classname = config.direction === 'vertical' ? 'moe-image-list-container img-list-vertical' : 'moe-image-list-container';\r\n    const imagesList = props.config.images;\r\n\r\n    /**\r\n     * Handle paragraph change.\r\n     * @param index - Index of image item in array of image items.\r\n     * @returns Void.\r\n     */\r\n    const handleParagraphChange = (index: number) => (event: Msdyn365.ContentEditableEvent): void => {\r\n        if (props.config.images![index]) {\r\n            props.config.images![index].paragraph = event.target.value;\r\n        }\r\n    };\r\n\r\n    const showLightbox = (imageSrc: any, link: any) => {\r\n        if (link?.linkUrl?.destinationUrl) {\r\n            return;\r\n        }\r\n        var lightbox: any;\r\n        var lightboxImage: any;\r\n\r\n        lightbox = document.createElement('div');\r\n        lightbox.id = 'moe-lightbox';\r\n        document.body.appendChild(lightbox);\r\n        lightboxImage = document.createElement('img');\r\n        lightbox.appendChild(lightboxImage);\r\n        lightboxImage.src = 'https://images-au-prod.cms.commerce.dynamics.com/cms/api/qsjhkgqqvf/imageFileData/MLkQr?ver=0c7a';\r\n\r\n        lightbox.addEventListener('click', (e: any) => {\r\n            if (e.target !== e.currentTarget) return;\r\n            lightbox.classList.remove('active');\r\n            document.body?.removeChild(lightbox);\r\n        });\r\n\r\n        window.addEventListener('keyup', ({ key, keyCode }) => {\r\n            if (key !== 'Escape' || keyCode != 27) return;\r\n            lightbox.classList.remove('active');\r\n            document.body?.removeChild(lightbox);\r\n        });\r\n\r\n        console.log(imageSrc);\r\n        console.log(lightbox);\r\n        lightbox.setAttribute('class', 'active');\r\n        lightboxImage.src = imageSrc;\r\n    };\r\n\r\n    console.log('Image List props', props);\r\n\r\n    return (\r\n        <div className={classname}>\r\n            <Module {...imageList}>\r\n                {imageListHeading}\r\n                <Node {...imageListContainer}>\r\n                    <Node {...propsCarousel}>\r\n                        {imagesList?.map((item, index) => {\r\n                            const { image, link, paragraph } = item;\r\n\r\n                            // let indexKey: string;\r\n\r\n                            // if (item.image) {\r\n                            //     const image = (item.image as unknown) as Msdyn365.Image;\r\n                            //     indexKey = image.props.src as string;\r\n                            // } else {\r\n                            //     const text = (item.text as unknown) as Msdyn365.RichTextComponent;\r\n                            //     indexKey = text.props.text as string;\r\n                            // }\r\n                            return (\r\n                                <Node {...imageListItem} key={index}>\r\n                                    {item.image && (\r\n                                        <Node\r\n                                            {...imageListItemAnchorTag}\r\n                                            altText={link?.linkText ?? link?.ariaLabel}\r\n                                            href={link?.linkUrl.destinationUrl}\r\n                                            target={link?.openInNewTab ? '_blank' : ''}\r\n                                            aria-label={link?.ariaLabel}\r\n                                            className={imageListItemAnchorTag.className}\r\n                                        >\r\n                                            <img\r\n                                                title={item.image.title}\r\n                                                onClick={() => showLightbox(image?.src, link)}\r\n                                                src={image?.src ? image.src : ''}\r\n                                                alt={item.image.altText}\r\n                                            />\r\n                                        </Node>\r\n                                    )}\r\n                                    {paragraph && (\r\n                                        <Msdyn365.RichTextComponent\r\n                                            text={paragraph as Msdyn365.RichText | undefined}\r\n                                            className='ms-image-list__text'\r\n                                            editProps={{\r\n                                                onEdit: handleParagraphChange(index),\r\n                                                requestContext: props.context.request\r\n                                            }}\r\n                                        />\r\n                                    )}\r\n                                </Node>\r\n                            );\r\n                        })}\r\n                    </Node>\r\n                </Node>\r\n            </Module>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default imageListView;\r\n","/*--------------------------------------------------------------\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * See License.txt in the project root for license information.\r\n *--------------------------------------------------------------*/\r\n\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { Module, Node, SingleSlideCarousel, ISingleSlideCarouselProps, IComponentNodeProps } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\nimport { IImageListViewProps } from '@msdyn365-commerce-modules/image-list/src/modules/image-list/./image-list';\r\nimport { IImageListProps } from '../definition-extensions/image-list.ext.props.autogenerated';\r\n\r\n/**\r\n * Render the thumbnail item images.\r\n * @param props - The image list view props.\r\n * @returns Return HTML having IImageListViewProps props with image List.\r\n */\r\nexport const imageListView = (props: IImageListViewProps & IImageListProps<{}>): JSX.Element => {\r\n    const propsCarousel: IComponentNodeProps<ISingleSlideCarouselProps> = {\r\n        tag: SingleSlideCarousel,\r\n        className: 'custom-carousel',\r\n        flipperPrevLabel: 'Previous',\r\n        flipperNextLabel: 'Next',\r\n        parentId: props.id,\r\n        vertical: false\r\n    };\r\n\r\n    const { imageList, imageListContainer, imageListHeading, imageListItem, imageListItemAnchorTag, config } = props;\r\n    const classname = config.direction === 'vertical' ? 'moe-image-list-container img-list-vertical' : 'moe-image-list-container';\r\n    const imagesList = props.config.images;\r\n\r\n    /**\r\n     * Handle paragraph change.\r\n     * @param index - Index of image item in array of image items.\r\n     * @returns Void.\r\n     */\r\n    const handleParagraphChange = (index: number) => (event: Msdyn365.ContentEditableEvent): void => {\r\n        if (props.config.images![index]) {\r\n            props.config.images![index].paragraph = event.target.value;\r\n        }\r\n    };\r\n\r\n    const showLightbox = (imageSrc: any, link: any) => {\r\n        if (link?.linkUrl?.destinationUrl) {\r\n            return;\r\n        }\r\n        var lightbox: any;\r\n        var lightboxImage: any;\r\n\r\n        lightbox = document.createElement('div');\r\n        lightbox.id = 'moe-lightbox';\r\n        document.body.appendChild(lightbox);\r\n        lightboxImage = document.createElement('img');\r\n        lightbox.appendChild(lightboxImage);\r\n        lightboxImage.src = 'https://images-au-prod.cms.commerce.dynamics.com/cms/api/qsjhkgqqvf/imageFileData/MLkQr?ver=0c7a';\r\n\r\n        lightbox.addEventListener('click', (e: any) => {\r\n            if (e.target !== e.currentTarget) return;\r\n            lightbox.classList.remove('active');\r\n            document.body?.removeChild(lightbox);\r\n        });\r\n\r\n        window.addEventListener('keyup', ({ key, keyCode }) => {\r\n            if (key !== 'Escape' || keyCode != 27) return;\r\n            lightbox.classList.remove('active');\r\n            document.body?.removeChild(lightbox);\r\n        });\r\n\r\n        console.log(imageSrc);\r\n        console.log(lightbox);\r\n        lightbox.setAttribute('class', 'active');\r\n        lightboxImage.src = imageSrc;\r\n    };\r\n\r\n    return (\r\n        <div className={classname}>\r\n            <Module {...imageList}>\r\n                {imageListHeading}\r\n                <Node {...imageListContainer}>\r\n                    <Node {...propsCarousel}>\r\n                        {imagesList?.map((item, index) => {\r\n                            const { image, link, paragraph } = item;\r\n\r\n                            // let indexKey: string;\r\n\r\n                            // if (item.image) {\r\n                            //     const image = (item.image as unknown) as Msdyn365.Image;\r\n                            //     indexKey = image.props.src as string;\r\n                            // } else {\r\n                            //     const text = (item.text as unknown) as Msdyn365.RichTextComponent;\r\n                            //     indexKey = text.props.text as string;\r\n                            // }\r\n                            return (\r\n                                <Node {...imageListItem} key={index}>\r\n                                    {item.image && (\r\n                                        <Node\r\n                                            {...imageListItemAnchorTag}\r\n                                            altText={link?.linkText ?? link?.ariaLabel}\r\n                                            href={link?.linkUrl.destinationUrl}\r\n                                            target={link?.openInNewTab ? '_blank' : ''}\r\n                                            aria-label={link?.ariaLabel}\r\n                                            className={imageListItemAnchorTag.className}\r\n                                        >\r\n                                            <img\r\n                                                title={item.image.title}\r\n                                                onClick={() => showLightbox(image?.src, link)}\r\n                                                src={image?.src ? image.src : ''}\r\n                                                alt={item.image.altText}\r\n                                            />\r\n                                        </Node>\r\n                                    )}\r\n                                    {paragraph && (\r\n                                        <Msdyn365.RichTextComponent\r\n                                            text={paragraph as Msdyn365.RichText | undefined}\r\n                                            className='ms-image-list__text'\r\n                                            editProps={{\r\n                                                onEdit: handleParagraphChange(index),\r\n                                                requestContext: props.context.request\r\n                                            }}\r\n                                        />\r\n                                    )}\r\n                                </Node>\r\n                            );\r\n                        })}\r\n                    </Node>\r\n                </Node>\r\n            </Module>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default imageListView;\r\n","const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['image-list'] = {\n        c: () => require('@msdyn365-commerce-modules/image-list/dist/lib/modules/image-list/image-list'),\n        $type: 'contentModule',\n        da: [],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'image-list',\n        p: 'image-list',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/image-list/dist/lib/modules/image-list'\n    });\n        \n\n        \n    window.__bindings__ = window.__bindings__ || {};\n    window.__bindings__.modules = {\n        ...window.__bindings__.modules || {},\n        ...binding.modules\n    };\n    \n        window.__bindings__.dataActions = {\n        ...window.__bindings__.dataActions || {},\n        ...binding.dataActions\n    };\n                        export const viewDictionary = {};\n                        viewDictionary['__local__|__local__|themes|moekwrsitetheme|views|image-list'] = {\n                c: () => require('partner/themes/moekwrsitetheme/views/image-list.view.tsx'),\n                cn: '__local__-__local__-image-list'\n            };\nviewDictionary['__local__|__local__|themes|moenzcsitetheme|views|image-list'] = {\n                c: () => require('partner/themes/moenzcsitetheme/views/image-list.view.tsx'),\n                cn: '__local__-__local__-image-list'\n            };\nviewDictionary['__local__|__local__|themes|moetwksitetheme|views|image-list'] = {\n                c: () => require('partner/themes/moetwksitetheme/views/image-list.view.tsx'),\n                cn: '__local__-__local__-image-list'\n            };\nviewDictionary['@msdyn365-commerce-modules|image-list|modules|image-list|image-list'] = {\n                c: () => require('@msdyn365-commerce-modules/image-list/dist/lib/modules/image-list/image-list.view.js'),\n                cn: '@msdyn365-commerce-modules-image-list-image-list'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { IModuleProps, INodeProps } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { IImageListConfig, IImageListProps, IImagesData } from './image-list.props.autogenerated';\n\n/**\n * The interface for IImageListViewProps.\n */\nexport interface IImageListViewProps extends IImageListProps<IImageListConfig> {\n    imageList: IModuleProps;\n    imageListHeading?: React.ReactNode;\n    imageListContainer: INodeProps;\n    imageListItem: INodeProps;\n    imageListItemAnchorTag: INodeProps;\n    imageListItems: IImageListItem[] | undefined;\n}\n\n/**\n * The interface for IImageListItem.\n */\nexport interface IImageListItem {\n    image: JSX.Element | undefined;\n    text: JSX.Element | undefined;\n    link: string | undefined;\n    linkAltText: string | undefined;\n    linkAriaLabel: string | undefined;\n}\n\n/**\n *\n * ImageList component.\n * @extends {React.PureComponent<IImageListProps<IImageListConfig>>}\n */\nclass ImageList extends React.PureComponent<IImageListProps<IImageListConfig>> {\n    public render(): JSX.Element | null {\n        const { heading } = this.props.config;\n        const imageListTitle = heading && <Msdyn365.Text className='ms-image-list__title' tag={heading.tag ?? 'h1'} text={heading.text} />;\n        const viewProps: IImageListViewProps = {\n            ...this.props,\n            imageList: {\n                moduleProps: this.props,\n                className: classnames('ms-image-list', this.props.config.className),\n                tag: 'div'\n            },\n            imageListHeading: imageListTitle,\n            imageListContainer: {\n                className: 'ms-image-list__list',\n                role: 'list',\n                tag: 'ul'\n            },\n            imageListItem: {\n                className: 'ms-image-list__list-item',\n                role: 'listitem',\n                tag: 'li'\n            },\n            imageListItemAnchorTag: {\n                tag: 'a',\n                className: 'ms-image-list__link',\n                role: 'link'\n            },\n            imageListItems: this._renderImageListItems()\n        };\n        return this.props.renderView(viewProps);\n    }\n\n    /**\n     * Handle paragraph change.\n     * @param index - Index of image item in array of image items.\n     * @returns Void.\n     */\n    public handleParagraphChange = (index: number) => (event: Msdyn365.ContentEditableEvent): void => {\n        if (this.props.config.images![index]) {\n            this.props.config.images![index].paragraph = event.target.value;\n        }\n    };\n\n    /**\n     * Render list of images.\n     * @returns List of images with text and redirection link.\n     */\n    private readonly _renderImageListItems = (): IImageListItem[] | undefined => {\n        const imageList: IImagesData[] | undefined = this.props.config.images;\n        const defaultImageSettings: Msdyn365.IImageSettings = {\n            viewports: {\n                xs: { q: 'w=65&h=65&q=80&m=6', w: 65, h: 65 },\n                lg: { q: 'w=65&h=65&q=80&m=6', w: 65, h: 65 },\n                xl: { q: 'w=65&h=65&q=80&m=6', w: 65, h: 65 }\n            },\n            lazyload: false,\n            disableLazyLoad: true\n        };\n        return imageList?.map((item, index) => {\n            const { image, link, paragraph } = item;\n\n            const imageProps = {\n                gridSettings: this.props.context.request.gridSettings!,\n                imageSettings: (image?.imageSettings ?? defaultImageSettings) as Msdyn365.IImageSettings | undefined\n            };\n\n            const imageLink: string | undefined = link?.linkUrl.destinationUrl;\n            const imageLinkText: string | undefined = link?.linkText ?? link?.ariaLabel;\n            const imageLinkAriaLabel: string | undefined = link?.ariaLabel;\n\n            // If image is null, we want to render the placeholder SVG - by passing image data with empty src\n            const imageImage = (\n                <Msdyn365.Image {...image} {...imageProps} loadFailureBehavior='empty' requestContext={this.props.context.request} />\n            );\n\n            const imageText = paragraph && (\n                <Msdyn365.RichTextComponent\n                    text={paragraph as Msdyn365.RichText | undefined}\n                    className='ms-image-list__text'\n                    editProps={{ onEdit: this.handleParagraphChange(index), requestContext: this.props.context.request }}\n                />\n            );\n            const imageListItem: IImageListItem = {\n                image: imageImage,\n                text: imageText,\n                link: imageLink,\n                linkAltText: imageLinkText,\n                linkAriaLabel: imageLinkAriaLabel\n            };\n            return imageListItem;\n        });\n    };\n}\n\nexport default ImageList;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IImageListViewProps } from './image-list';\n\n/**\n * Render the thumbnail item images.\n * @param props - The image list view props.\n * @returns Return HTML having IImageListViewProps props with image List.\n */\nexport const imageListView = (props: IImageListViewProps): JSX.Element => {\n    const { imageList, imageListContainer, imageListHeading, imageListItem, imageListItems, imageListItemAnchorTag } = props;\n    return (\n        <Module {...imageList}>\n            {imageListHeading}\n            <Node {...imageListContainer}>\n                {imageListItems?.map(item => {\n                    let indexKey: string;\n\n                    if (item.image) {\n                        const image = (item.image as unknown) as Msdyn365.Image;\n                        indexKey = image.props.src as string;\n                    } else {\n                        const text = (item.text as unknown) as Msdyn365.RichTextComponent;\n                        indexKey = text.props.text as string;\n                    }\n                    return (\n                        <Node {...imageListItem} key={indexKey}>\n                            {item.image && (\n                                <Node\n                                    {...imageListItemAnchorTag}\n                                    href={item.link}\n                                    altText={item.linkAltText}\n                                    aria-label={item.linkAriaLabel}\n                                    className={imageListItemAnchorTag.className}\n                                >\n                                    {item.image}\n                                </Node>\n                            )}\n                            {item.text}\n                        </Node>\n                    );\n                })}\n            </Node>\n        </Module>\n    );\n};\n\nexport default imageListView;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["imageListView","props","propsCarousel","tag","SingleSlideCarousel","className","flipperPrevLabel","flipperNextLabel","parentId","id","vertical","imageList","imageListContainer","imageListHeading","imageListItem","imageListItemAnchorTag","config","classname","direction","imagesList","images","handleParagraphChange","index","event","paragraph","target","value","console","log","React","Module","Object","assign","Node","map","item","_link$linkText","image","link","key","altText","linkText","ariaLabel","href","linkUrl","destinationUrl","openInNewTab","title","onClick","showLightbox","imageSrc","_link$linkUrl","lightbox","lightboxImage","document","createElement","body","appendChild","src","addEventListener","e","_document$body","currentTarget","classList","remove","removeChild","window","_ref","_document$body2","keyCode","setAttribute","alt","Msdyn365","text","editProps","onEdit","requestContext","context","request","binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","__bindings__","_objectSpread","viewDictionary","cn","ImageList","constructor","this","_renderImageListItems","defaultImageSettings","viewports","xs","q","w","h","lg","xl","lazyload","disableLazyLoad","_image$imageSettings","imageProps","gridSettings","imageSettings","imageLink","imageLinkText","imageLinkAriaLabel","loadFailureBehavior","linkAltText","linkAriaLabel","render","_heading$tag","heading","imageListTitle","viewProps","moduleProps","classnames","role","imageListItems","renderView","indexKey","module","exports","ReactDOM"],"sourceRoot":""}