{"version":3,"file":"static/js/c47c9eaa56c79e017051.bundle.js","mappings":";wNAkBA,MA+CaA,EAAuFC,IAChG,MAAM,aAAEC,GAAiBD,EACzB,OAAOE,EAAAA,cAACC,EAAAA,OAAMC,OAAAC,OAAA,GAAKJ,GAjDYD,CAAAA,IAC/B,MAAM,QACFM,EAAO,UACPC,EAAS,gBACTC,EAAe,MACfC,EAAK,eACLC,EAAc,kBACdC,EAAiB,uBACjBC,EAAsB,gCACtBC,EAA+B,yBAC/BC,GACAd,EAiBJ,OACIE,EAAAA,cAAAA,EAAAA,SAAA,KACIA,EAAAA,cAACa,EAAAA,KAAIX,OAAAC,OAAA,GAAKM,GACNT,EAAAA,cAACa,EAAAA,KAAIX,OAAAC,OAAA,GAAKO,GAAyBJ,GAjBvCR,EAAMgB,OAAOC,eAETf,EAAAA,cAAA,OAAKgB,UAAU,oBACXhB,EAAAA,cAAA,OAAKgB,UAAU,kBACXhB,EAAAA,cAAA,SAAIF,EAAMgB,OAAOG,gBAErBjB,EAAAA,cAAA,OAAKgB,UAAU,kBAAkBT,IAKtCP,EAAAA,cAAAA,EAAAA,SAAA,MAQCA,EAAAA,cAACa,EAAAA,KAAIX,OAAAC,OAAA,GAAKS,GAA2BP,GACrCL,EAAAA,cAACa,EAAAA,KAAIX,OAAAC,OAAA,GAAKQ,GAAkCH,IAE/CJ,IAayBc,CAA0BpB,KAGhE,ymBCtEA,MAAMqB,EAAU,CAAEC,QAAS,GAAIC,YAAa,IAEvCF,EAAQC,QAAQ,kBAAoB,CACjCE,EAAGA,IAAMC,EAAQ,MACjBC,MAAO,gBACPC,GAAI,GAEJC,KAAK,EACLC,GAAI,6BACJC,EAAG,iBACHC,EAAG,YAEHC,IAAK,GAGLC,GAAI,qFAKRC,OAAOC,aAAeD,OAAOC,cAAgB,GAC7CD,OAAOC,aAAab,QAAOc,EAAAA,EAAA,GACpBF,OAAOC,aAAab,SAAW,IAC/BD,EAAQC,SAGXY,OAAOC,aAAaZ,YAAWa,EAAAA,EAAA,GAC5BF,OAAOC,aAAaZ,aAAe,IACnCF,EAAQE,aAEY,MAAMc,EAAiB,GAC9BA,EAAe,8DAAgE,CACvFb,EAAGA,IAAMC,EAAQ,MACjBa,GAAI,sCAEpBD,EAAe,8EAAgF,CAC/Eb,EAAGA,IAAMC,EAAQ,MACjBa,GAAI,uDAEpBJ,OAAOC,aAAeD,OAAOC,cAAgB,GAC7CD,OAAOC,aAAaE,eAAcD,EAAAA,EAAA,GACPF,OAAOC,aAAaE,gBAAkB,IACtCA,4HCfpB,MAAME,UAAsBrC,EAAAA,cAAnCsC,cAAA,oBAoBqB,KAAAC,kBAAqBC,IAClC,IAAKC,EAAAA,gBAAgBC,YAAYF,GAC7B,OAAO,KAEX,MAAMG,EAAuC,GAC7C,IAAK,MAAMC,KAAQJ,EAAU,CAEzB,MAAMK,GAAUC,EAAAA,EAAAA,kBAAiB,QAASC,KAAKjD,MAAMkD,iBAAkB,GAAI,IACrEC,EAAWL,EAAKK,SAAWL,EAAKK,SAAW,GACjDJ,EAAQK,cAAcC,MAAQF,EAC9B,MAAMG,GAAaC,EAAAA,EAAAA,wBAAuBN,KAAKjD,MAAMkD,iBAAkBH,GACjES,EAAoC,CACtCC,UAAWX,EAAKW,UAChBvC,UAAW,qBACXiC,SAAUL,EAAKK,SACfO,QAASZ,EAAKY,QAAQC,eACtBC,aAAcd,EAAKc,aACnBC,KAAM,SACNC,qBAAsBR,EACtBS,SAASC,EAAAA,EAAAA,kBAAiBf,KAAKjD,MAAMkD,iBAAkBH,EAASI,IAEpEN,EAAcoB,KAAKT,GAGvB,OAAOX,GA3CJqB,SACH,MAAMrB,EAAgBI,KAAKR,kBAAkBQ,KAAKjD,MAAMS,OACxD,OACIP,EAAAA,cAAA,OAAKgB,UAAU,uBACV2B,GAAiBF,EAAAA,gBAAgBC,YAAYC,GAC1C3C,EAAAA,cAACiE,EAAAA,GAAc,CACX1D,MAAOoC,EACPuB,UAAW,CAAEC,aAAcpB,KAAKjD,MAAMqE,aAAcC,eAAgBrB,KAAKjD,MAAMsE,kBAEnF,OAqCpB,+kBCxCO,MAAMC,UAAqBrE,EAAAA,cAO9BsC,YAAmBxC,GACfwE,MAAMxE,GAPO,KAAAyE,mBAAuCC,EAAAA,EAAAA,oBACpDzB,KAAKjD,MAAM2E,QAAQC,QAAQC,kBAC3B5B,KAAKjD,MAAM8E,aACX7B,KAAKjD,MAAM+E,WA6DR,KAAAC,oBAAuBC,IAC1BhC,KAAKjD,MAAMgB,OAAOV,QAAS4E,KAAOD,EAAME,OAAOC,OAO5C,KAAAC,sBAAyBJ,IAC5BhC,KAAKjD,MAAMgB,OAAOT,UAAY0E,EAAME,OAAOC,OAQxC,KAAAE,qBAAwBC,GAAuBN,IAA8C,IAAAO,EACrE,QAA3BA,EAAIvC,KAAKjD,MAAMgB,OAAOP,aAAK,IAAA+E,GAAvBA,EAA0BC,OAAOF,MACjCtC,KAAKjD,MAAMgB,OAAOP,MAAMgF,OAAOF,IAAYpC,SAAW8B,EAAME,OAAOC,QAzEpElB,SACH,MAAM,QAAE5D,EAAO,UAAEC,EAAS,gBAAEC,EAAe,eAAEE,EAAc,eAAEgF,EAAc,MAAEjF,GAAUwC,KAAKjD,MAAMgB,OAC5F2E,EAAgBlF,GAASkC,EAAAA,gBAAgBC,YAAYnC,IACvDP,EAAAA,cAACqC,EAAa,CACV9B,MAAOA,EACP4D,aAAcpB,KAAKqC,qBACnBhB,eAAgBrB,KAAKjD,MAAM2E,QAAQC,QACnC1B,iBAAkBD,KAAKwB,oBAGzBmB,EAAwB,CAC1BC,IAAK,IACL3E,UAAW,yBACX2C,KAAM,OACNiC,KAAMJ,MAAAA,OAAc,EAAdA,EAAgBhC,QAAQC,eAC9B,aAAc+B,MAAAA,OAAc,EAAdA,EAAgBjC,UAC9B0B,OAAQO,MAAAA,GAAAA,EAAgB9B,aAAe,cAAWmC,GAOhDC,EAAS5D,EAAAA,EAAA,GACRa,KAAKjD,OAAK,IACbM,QAAS2C,KAAKgD,eAAe3F,GAC7BC,UAAW0C,KAAKiD,iBAAiB3F,GACjCC,gBAAiByC,KAAKkD,uBAAuB3F,GAC7CE,eAAgBuC,KAAKmD,sBAAsB1F,GAC3CD,MAAOkF,EACP1F,aAAc,CACVoG,YAAapD,KAAKjD,MAClBkB,UAAW,IAEfP,kBAAmB+E,EAAiBE,EAfR,CAC5BC,IAAK,SACL3E,UAAW,0BAcXN,uBAAwB,CACpBM,UAAW,uBAEfL,gCAAiC,CAC7BK,UAAW,gCACX,cAAe,QAEnBJ,yBAA0B,CACtBI,UAAW,2BAInB,OAAO+B,KAAKjD,MAAMsG,WAAWN,GA8BzBE,iBAAiBhB,GACrB,OAAKA,EAIDhF,EAAAA,cAACiE,EAAAA,GAA0B,CACvBe,KAAMA,EACNhE,UAAU,qBACVkD,UAAW,CAAEmC,OAAQtD,KAAKoC,sBAAuBf,eAAgBrB,KAAKjD,MAAM2E,QAAQC,WANjF,KAWPqB,eAAe3F,GAAsB,IAAAkG,EACzC,OAAKlG,EAGDmG,EAAAA,iBAAiBC,mBAAmBpG,EAAQ4E,MACrC,KAIPhF,EAAAA,cAACiE,EAAAA,GAAa,CACV0B,IAAgB,QAAbW,EAAElG,EAAQuF,WAAG,IAAAW,EAAAA,EAAI,KACpBtB,KAAM5E,EAAQ4E,KACdhE,UAAU,sBACVkD,UAAW,CAAEmC,OAAQtD,KAAK+B,oBAAqBV,eAAgBrB,KAAKjD,MAAM2E,QAAQC,WAX/E,KAgBPuB,uBAAuBQ,EAA4BC,GAA+B,IAAAC,EAAAC,EAGtF,MAUMC,EAAwBJ,MAAAA,GAAmB,QAAfE,EAAJF,EAAMK,qBAAa,IAAAH,GAAnBA,EAAqBI,UAAYN,EAAKK,cAVd,CAClDC,UAAW,CACPC,GAAI,CAAEC,EAAG,kBAAmBC,EAAG,IAAKC,EAAG,KACvCC,GAAI,CAAEH,EAAG,kBAAmBC,EAAG,IAAKC,EAAG,KACvCpF,GAAI,CAAEkF,EAAG,kBAAmBC,EAAG,IAAKC,EAAG,KACvCE,GAAI,CAAEJ,EAAG,kBAAmBC,EAAG,IAAKC,EAAG,KACvCG,GAAI,CAAEL,EAAG,kBAAmBC,EAAG,IAAKC,EAAG,MAE3CI,UAAU,GAId,OACIvH,EAAAA,cAACiE,EAAAA,GAAc/D,OAAAC,OAAA,GACPsG,EAAI,CACRrC,eAAgBrB,KAAKjD,MAAM2E,QAAQC,QACnC8C,aAAczE,KAAKjD,MAAM2E,QAAQC,QAAQ8C,aACzCV,cAAeD,EACfY,oBAAoB,UAAS,cAChBf,EACbxC,UAAW,CACPwD,IAAsC,QAAnCd,EAAE7D,KAAKjD,MAAMgB,OAAOR,uBAAe,IAAAsG,EAAAA,EAAI,GAC1CxC,eAAgBrB,KAAKjD,MAAM2E,QAAQC,QACnCiD,WAAY5E,KAAKjD,MAAM8H,SACvBC,kBAAmB,YAM3B3B,sBACJO,EACAqB,EACApB,GAA+B,IAAAqB,EAE/B,OAAKtB,EAGDF,EAAAA,iBAAiBC,mBAAmBC,EAAKuB,KAClC,KAIPhI,EAAAA,cAACiE,EAAAA,GAAc/D,OAAAC,OAAA,GACPsG,EAAI,CACRe,aAAczE,KAAKjD,MAAM2E,QAAQC,QAAQ8C,aACzCV,cAAegB,EACfL,oBAAoB,UAAS,cAChBf,EACbxC,UAAW,CACPwD,IAAqC,QAAlCK,EAAEhF,KAAKjD,MAAMgB,OAAON,sBAAc,IAAAuH,EAAAA,EAAI,GACzC3D,eAAgBrB,KAAKjD,MAAM2E,QAAQC,QACnCiD,WAAY5E,KAAKjD,MAAM8H,SACvBC,kBAAmB,QAGnBI,OAASlF,KAAKjD,MAAMgB,OAAeoH,2BApBpC,MA2BnB,+GC3MA,MAgCarI,EAA8DC,IACvE,MAAM,aAAEC,GAAiBD,EACzB,OAAOE,EAAAA,cAACC,EAAAA,OAAMC,OAAAC,OAAA,GAAKJ,GAlCYD,CAAAA,IAC/B,MAAM,QACFM,EAAO,UACPC,EAAS,gBACTC,EAAe,MACfC,EAAK,eACLC,EAAc,kBACdC,EAAiB,uBACjBC,EAAsB,gCACtBC,EAA+B,yBAC/BC,GACAd,EAEJ,OACIE,EAAAA,cAACa,EAAAA,KAAIX,OAAAC,OAAA,GAAKM,GACNT,EAAAA,cAACa,EAAAA,KAAIX,OAAAC,OAAA,GAAKO,GAAyBJ,GACnCN,EAAAA,cAACa,EAAAA,KAAIX,OAAAC,OAAA,GAAKS,GACLR,EACAC,EACAE,GAELP,EAAAA,cAACa,EAAAA,KAAIX,OAAAC,OAAA,GAAKQ,GAAkCH,KAalBU,CAA0BpB,KAGhE,WCrDAqI,EAAOC,QAAUpI,cCAjBmI,EAAOC,QAAUC","sources":["webpack://Msdyn365.Commerce.Online/./src/themes/css-custom/views/tile-list-item.view.tsx?a64d","webpack://Msdyn365.Commerce.Online/./lib/tile-list-item/module-registration.js?3bfa","webpack://Msdyn365.Commerce.Online/./src/modules/tile-list-item/components/links.tsx?c969","webpack://Msdyn365.Commerce.Online/./src/modules/tile-list-item/tile-list-item.tsx?114a","webpack://Msdyn365.Commerce.Online/./src/modules/tile-list-item/tile-list-item.view.tsx?19a8","webpack://Msdyn365.Commerce.Online/external var \"React\"?0d3b","webpack://Msdyn365.Commerce.Online/external var \"ReactDOM\"?853b"],"sourcesContent":["/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { ITileListItemViewProps } from '@msdyn365-commerce-modules/tile-list';\r\n\r\nimport { ITileListItemProps } from '../definition-extensions/tile-list-item.ext.props.autogenerated';\r\n\r\n/**\r\n *\r\n * ITileListItemViewProps component.\r\n * @param props - Component props.\r\n * @returns TileListView.\r\n */\r\nconst renderTileListItemContent = (props: ITileListItemViewProps & ITileListItemProps<{}>): JSX.Element => {\r\n    const {\r\n        heading,\r\n        paragraph,\r\n        backgroundImage,\r\n        links,\r\n        thumbnailImage,\r\n        tileListContainer,\r\n        tileListImageContainer,\r\n        tileListThumbnailImageContainer,\r\n        tileListHeadingContainer\r\n    } = props;\r\n\r\n    function _renderDropdownLinks(): JSX.Element {\r\n        if (props.config.enableDropdown) {\r\n            return (\r\n                <div className='dropdown-content'>\r\n                    <div className='dropdown-title'>\r\n                        <b>{props.config.dropdownTitle}</b>\r\n                    </div>\r\n                    <div className='dropdown-links'>{links}</div>\r\n                </div>\r\n            );\r\n        }\r\n\r\n        return <></>;\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Node {...tileListContainer}>\r\n                <Node {...tileListImageContainer}>{backgroundImage}</Node>\r\n                {_renderDropdownLinks()}\r\n                <Node {...tileListHeadingContainer}>{paragraph}</Node>\r\n                <Node {...tileListThumbnailImageContainer}>{thumbnailImage}</Node>\r\n            </Node>\r\n            {heading}\r\n        </>\r\n    );\r\n};\r\n\r\n/**\r\n *\r\n * TileListItemViewProps component.\r\n * @param props - Component props.\r\n * @returns TileListView.\r\n */\r\nexport const TileListItemViewComponent: React.FC<ITileListItemViewProps & ITileListItemProps<{}>> = props => {\r\n    const { tileListItem } = props;\r\n    return <Module {...tileListItem}>{renderTileListItemContent(props)}</Module>;\r\n};\r\n\r\nexport default TileListItemViewComponent;\r\n","const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['tile-list-item'] = {\n        c: () => require('@msdyn365-commerce-modules/tile-list/dist/lib/modules/tile-list-item/tile-list-item'),\n        $type: 'contentModule',\n        da: [],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'tile-list-item',\n        p: 'tile-list',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/tile-list/dist/lib/modules/tile-list-item'\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|css-custom|views|tile-list-item'] = {\n                c: () => require('partner/themes/css-custom/views/tile-list-item.view.tsx'),\n                cn: '__local__-__local__-tile-list-item'\n            };\nviewDictionary['@msdyn365-commerce-modules|tile-list|modules|tile-list-item|tile-list-item'] = {\n                c: () => require('@msdyn365-commerce-modules/tile-list/dist/lib/modules/tile-list-item/tile-list-item.view.js'),\n                cn: '@msdyn365-commerce-modules-tile-list-tile-list-item'\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 { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { getPayloadObject, getTelemetryAttributes, ITelemetryContent, onTelemetryClick } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { ILinksData } from '../tile-list-item.props.autogenerated';\n\n/**\n * Tile List links.\n */\nexport interface ITileListLinks {\n    links: ILinksData[];\n    requestContext: Msdyn365.IRequestContext;\n    telemetryContent: ITelemetryContent;\n    onTextChange?(index: number): (event: Msdyn365.ContentEditableEvent) => void;\n}\n\n/**\n *\n * ITileListLinks component.\n * @extends {React.PureComponent<ITileListLinks>}\n */\nexport class TileListLinks extends React.PureComponent<ITileListLinks> {\n    public render(): JSX.Element {\n        const editableLinks = this._mapEditableLinks(this.props.links);\n        return (\n            <div className='ms-tile-list__links'>\n                {editableLinks && ArrayExtensions.hasElements(editableLinks) ? (\n                    <Msdyn365.Links\n                        links={editableLinks}\n                        editProps={{ onTextChange: this.props.onTextChange, requestContext: this.props.requestContext }}\n                    />\n                ) : null}\n            </div>\n        );\n    }\n\n    /**\n     * ITileListLinks component.\n     * @param linkdata - Link data.\n     * @returns Editable links.\n     */\n    private readonly _mapEditableLinks = (linkdata: ILinksData[]): Msdyn365.ILinksData[] | null => {\n        if (!ArrayExtensions.hasElements(linkdata)) {\n            return null;\n        }\n        const editableLinks: Msdyn365.ILinksData[] = [];\n        for (const link of linkdata) {\n            // Construct telemetry attribute to render\n            const payLoad = getPayloadObject('click', this.props.telemetryContent, '', '');\n            const linkText = link.linkText ? link.linkText : '';\n            payLoad.contentAction.etext = linkText;\n            const attributes = getTelemetryAttributes(this.props.telemetryContent, payLoad);\n            const editableLink: Msdyn365.ILinksData = {\n                ariaLabel: link.ariaLabel,\n                className: 'ms-tile-list__link',\n                linkText: link.linkText,\n                linkUrl: link.linkUrl.destinationUrl,\n                openInNewTab: link.openInNewTab,\n                role: 'button',\n                additionalProperties: attributes,\n                onClick: onTelemetryClick(this.props.telemetryContent, payLoad, linkText)\n            };\n            editableLinks.push(editableLink);\n        }\n\n        return editableLinks;\n    };\n}\nexport default TileListLinks;\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 { ArrayExtensions, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { getTelemetryObject, IModuleProps, INodeProps, ITelemetryContent, NodeTag } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { TileListLinks } from './components';\nimport { IHeadingData, ITileListItemProps } from './tile-list-item.props.autogenerated';\n\n/**\n * Tile-list-item view props.\n */\nexport interface ITileListItemViewProps extends ITileListItemProps<{}> {\n    heading?: React.ReactNode;\n    paragraph?: React.ReactNode;\n    links?: React.ReactNode;\n    backgroundImage?: React.ReactNode;\n    thumbnailImage?: React.ReactNode;\n    tileListItem: IModuleProps;\n    tileListContainer: INodeProps;\n    tileListImageContainer: INodeProps;\n    tileListThumbnailImageContainer: INodeProps;\n    tileListHeadingContainer: INodeProps;\n}\n\n/**\n *\n * TileListItem component.\n * @extends {React.PureComponent<ITileListItemProps<{}>>}\n */\nexport class TileListItem extends React.PureComponent<ITileListItemProps<{}>> {\n    private readonly _telemetryContent: ITelemetryContent = getTelemetryObject(\n        this.props.context.request.telemetryPageName!,\n        this.props.friendlyName,\n        this.props.telemetry\n    );\n\n    public constructor(props: ITileListItemProps<{}>) {\n        super(props);\n    }\n\n    public render(): JSX.Element {\n        const { heading, paragraph, backgroundImage, thumbnailImage, redirectionUrl, links } = this.props.config;\n        const tileListLinks = links && ArrayExtensions.hasElements(links) && (\n            <TileListLinks\n                links={links}\n                onTextChange={this.handleLinkTextChange}\n                requestContext={this.props.context.request}\n                telemetryContent={this._telemetryContent}\n            />\n        );\n        const tileListLinkContainer = {\n            tag: 'a' as NodeTag,\n            className: 'ms-tile-list-container',\n            role: 'link',\n            href: redirectionUrl?.linkUrl.destinationUrl,\n            'aria-label': redirectionUrl?.ariaLabel,\n            target: redirectionUrl?.openInNewTab ? '_blank' : undefined\n        };\n\n        const tileListButtonContainer = {\n            tag: 'button' as NodeTag,\n            className: 'ms-tile-list-container'\n        };\n        const viewProps: ITileListItemViewProps = {\n            ...this.props,\n            heading: this._createHeading(heading),\n            paragraph: this._createParagraph(paragraph),\n            backgroundImage: this._renderBackgroundImage(backgroundImage),\n            thumbnailImage: this._renderThumbnailImage(thumbnailImage),\n            links: tileListLinks,\n            tileListItem: {\n                moduleProps: this.props,\n                className: ''\n            },\n            tileListContainer: redirectionUrl ? tileListLinkContainer : tileListButtonContainer,\n            tileListImageContainer: {\n                className: 'ms-tile-list__image'\n            },\n            tileListThumbnailImageContainer: {\n                className: 'ms-tile-list__thumbnail_image',\n                'aria-hidden': 'true'\n            },\n            tileListHeadingContainer: {\n                className: 'ms-tile-list__heading'\n            }\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    /**\n     * Handles heading content change event.\n     * @param event - Content editable event.\n     */\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent): void => {\n        this.props.config.heading!.text = event.target.value;\n    };\n\n    /**\n     * Handles paragraph content change event.\n     * @param event - Content editable event.\n     */\n    public handleParagraphChange = (event: Msdyn365.ContentEditableEvent): void => {\n        this.props.config.paragraph = event.target.value;\n    };\n\n    /**\n     * Handles paragraph content change event.\n     * @param linkIndex - Index of link in linkarray.\n     * @returns Void.\n     */\n    public handleLinkTextChange = (linkIndex: number) => (event: Msdyn365.ContentEditableEvent): void => {\n        if (this.props.config.links?.[Number(linkIndex)]) {\n            this.props.config.links[Number(linkIndex)].linkText = event.target.value;\n        }\n    };\n\n    private _createParagraph(text?: Msdyn365.RichText): React.ReactNode | null {\n        if (!text) {\n            return null;\n        }\n        return (\n            <Msdyn365.RichTextComponent\n                text={text}\n                className='ms-tile-list__text'\n                editProps={{ onEdit: this.handleParagraphChange, requestContext: this.props.context.request }}\n            />\n        );\n    }\n\n    private _createHeading(heading?: IHeadingData): React.ReactNode | null {\n        if (!heading) {\n            return null;\n        }\n        if (StringExtensions.isNullOrWhitespace(heading.text)) {\n            return null;\n        }\n\n        return (\n            <Msdyn365.Text\n                tag={heading.tag ?? 'h1'}\n                text={heading.text}\n                className='ms-tile-list__title'\n                editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\n            />\n        );\n    }\n\n    private _renderBackgroundImage(item?: Msdyn365.IImageData, isAriaHiddenAttribute?: boolean): React.ReactNode | null {\n        // If image is null, we want to render the placeholder SVG - by passing image data with empty src\n\n        const defaultImageSettings: Msdyn365.IImageSettings = {\n            viewports: {\n                xs: { q: 'w=328&h=412&m=6', w: 328, h: 412 },\n                sm: { q: 'w=328&h=412&m=6', w: 328, h: 412 },\n                md: { q: 'w=315&h=412&m=6', w: 315, h: 412 },\n                lg: { q: 'w=315&h=412&m=6', w: 315, h: 412 },\n                xl: { q: 'w=315&h=412&m=6', w: 315, h: 412 }\n            },\n            lazyload: true\n        };\n        const verifiedImageSettings = item?.imageSettings?.viewports ? item.imageSettings : defaultImageSettings;\n\n        return (\n            <Msdyn365.Image\n                {...item}\n                requestContext={this.props.context.request}\n                gridSettings={this.props.context.request.gridSettings!}\n                imageSettings={verifiedImageSettings}\n                loadFailureBehavior='default'\n                aria-hidden={isAriaHiddenAttribute}\n                editProps={{\n                    key: this.props.config.backgroundImage ?? {},\n                    requestContext: this.props.context.request,\n                    moduleType: this.props.typeName,\n                    imagePropertyName: 'image'\n                }}\n            />\n        );\n    }\n\n    private _renderThumbnailImage(\n        item?: Msdyn365.IImageData,\n        itemImageSettings?: Msdyn365.IImageSettings,\n        isAriaHiddenAttribute?: boolean\n    ): React.ReactNode | null {\n        if (!item) {\n            return null;\n        }\n        if (StringExtensions.isNullOrWhitespace(item.src)) {\n            return null;\n        }\n\n        return (\n            <Msdyn365.Image\n                {...item}\n                gridSettings={this.props.context.request.gridSettings!}\n                imageSettings={itemImageSettings}\n                loadFailureBehavior='default'\n                aria-hidden={isAriaHiddenAttribute}\n                editProps={{\n                    key: this.props.config.thumbnailImage ?? {},\n                    requestContext: this.props.context.request,\n                    moduleType: this.props.typeName,\n                    imagePropertyName: 'image',\n                    // eslint-disable-next-line max-len -- Auto-suppressed.\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment -- Auto-suppressed.\n                    layout: (this.props.config as any).msdyn365__moduleLayout\n                }}\n            />\n        );\n    }\n}\n\nexport default TileListItem;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { ITileListItemViewProps } from './tile-list-item';\n\n/**\n *\n * ITileListItemViewProps component.\n * @param props - Component props.\n * @returns TileListView.\n */\nconst renderTileListItemContent = (props: ITileListItemViewProps): JSX.Element => {\n    const {\n        heading,\n        paragraph,\n        backgroundImage,\n        links,\n        thumbnailImage,\n        tileListContainer,\n        tileListImageContainer,\n        tileListThumbnailImageContainer,\n        tileListHeadingContainer\n    } = props;\n\n    return (\n        <Node {...tileListContainer}>\n            <Node {...tileListImageContainer}>{backgroundImage}</Node>\n            <Node {...tileListHeadingContainer}>\n                {heading}\n                {paragraph}\n                {links}\n            </Node>\n            <Node {...tileListThumbnailImageContainer}>{thumbnailImage}</Node>\n        </Node>\n    );\n};\n\n/**\n *\n * TileListItemViewProps component.\n * @param props - Component props.\n * @returns TileListView.\n */\nexport const TileListItemViewComponent: React.FC<ITileListItemViewProps> = props => {\n    const { tileListItem } = props;\n    return <Module {...tileListItem}>{renderTileListItemContent(props)}</Module>;\n};\n\nexport default TileListItemViewComponent;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["TileListItemViewComponent","props","tileListItem","React","Module","Object","assign","heading","paragraph","backgroundImage","links","thumbnailImage","tileListContainer","tileListImageContainer","tileListThumbnailImageContainer","tileListHeadingContainer","Node","config","enableDropdown","className","dropdownTitle","renderTileListItemContent","binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","window","__bindings__","_objectSpread","viewDictionary","cn","TileListLinks","constructor","_mapEditableLinks","linkdata","ArrayExtensions","hasElements","editableLinks","link","payLoad","getPayloadObject","this","telemetryContent","linkText","contentAction","etext","attributes","getTelemetryAttributes","editableLink","ariaLabel","linkUrl","destinationUrl","openInNewTab","role","additionalProperties","onClick","onTelemetryClick","push","render","Msdyn365","editProps","onTextChange","requestContext","TileListItem","super","_telemetryContent","getTelemetryObject","context","request","telemetryPageName","friendlyName","telemetry","handleHeadingChange","event","text","target","value","handleParagraphChange","handleLinkTextChange","linkIndex","_this$props$config$li","Number","redirectionUrl","tileListLinks","tileListLinkContainer","tag","href","undefined","viewProps","_createHeading","_createParagraph","_renderBackgroundImage","_renderThumbnailImage","moduleProps","renderView","onEdit","_heading$tag","StringExtensions","isNullOrWhitespace","item","isAriaHiddenAttribute","_item$imageSettings","_this$props$config$ba","verifiedImageSettings","imageSettings","viewports","xs","q","w","h","sm","lg","xl","lazyload","gridSettings","loadFailureBehavior","key","moduleType","typeName","imagePropertyName","itemImageSettings","_this$props$config$th","src","layout","msdyn365__moduleLayout","module","exports","ReactDOM"],"sourceRoot":""}