{"version":3,"sources":["webpack:///src/utils/classnames.ts?8f2b","webpack:///src/components/container-background-image/container-background-image-helper.ts?d691","webpack:///src/components/container-background-image/container-backgroud-image.tsx?89dd","webpack:///src/components/base-components.tsx?5f88","webpack:///./lib/default-container/module-registration.js?41a8","webpack:///external \"React\"?c481","webpack:///external \"ReactDOM\"?4b2d","webpack:///src/modules/default-container/default-container.tsx?4334"],"names":["sizePattern","getColumnSizes","config","size","exec","cols","split","slice","translatedSize","prefix","toLowerCase","translatePrefix","sizePrefix","map","colWidth","showErrors","context","isDebug","isEditor","request","params","getColClassArray","options","xsmall","small","medium","large","filter","Boolean","colWidths","Map","getBackgroundRepeatProperty","repeat","getBackgroundSizeProperty","buildBackgroundImageStylesByViewport","props","_request$gridSettings","containerType","image","configs","gridSettings","imageSettings","styles","largestGridSettingViewportName","getLargestGridSettingViewportName","authoringViewPorts","getAuthoringViewport","moduleName","layout","msdyn365Commerce","isBrowser","authoringHelper","window","_msdyn365","constructViewportInformationForImage","themeSettings","imgSettings","_objectSpread","viewports","_cloneDeep2","xs","w","h","sm","md","lg","xl","skipWidthAndHeightSettings","Object","keys","vp","_imgSettings$viewport","viewport","minMaxWidth","getMinMaxWidth","urlSrc","getImageResizeUrl","src","externalProvider","apiSettings","maxWidth","max","minWidth","min","minHeight","backgroundImage","backgroundRepeat","backgroundSize","backgroundPosition","setStyleAttribute","currentStyle","style","undefined","getDataBgSetAttribute","dataBgSetAttributes","push","join","BackgroundImage","React","constructor","state","super","this","stylesByViewport","_onChangeHandler","bind","_getCurrentStyle","mounted","_componentResize","updateAttributes","componentDidMount","addEventListener","componentWillUnmount","removeEventListener","shouldComponentUpdate","nextProps","nextState","_this$props$request","_nextProps$request","_this$props$image","_nextProps$image","_this$props$image2","_nextProps$image2","render","children","backgroundImageClassName","isAuthoringEditEnabled","processedAtributes","_processAttributes","_isLazyload","attributes","_getAttributes","eventHandlers","onDoubleClick","assign","className","_getDefaultAttributes","_unused","lazyLoad","getBackgroundImageLazyloadAttributes","role","getBackgroundImageAttributes","event","target","currentTarget","binding","eventTarget","$type","value","selectedStyle","_isEqual2","setState","winInnerWidth","innerWidth","_this$stylesByViewpor","_this$stylesByViewpor2","_this$stylesByViewpor3","_this$stylesByViewpor4","Number","MAX_SAFE_INTEGER","_getDefaultStyle","_this$props$image3","disableLazyLoad","getContainerType","Container","typeName","id","backgroundImageRepeat","backgroundImageSize","moduleLayout","customClassName","containerContent","HeadingComponent","tag","headingText","textSize","Tag","classNameWithHeading","Text","text","editProps","onEdit","handleTextChange","requestContext","modules","dataActions","c","require","da","iNM","ns","n","p","pdp","__bindings__","module","exports","ReactDOM","DefaultContainer","heading","slots","telemetry","data","log","LogLevel","Debug","values","headingProps","msdyn365__moduleLayout","content","index","_getChildColClassName","key","childrenWidth","_getWidthClass","s","get"],"mappings":"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","file":"static/js/78.ff6e72aeed4ad8b074fd.chunk.js","sourcesContent":["/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { ICoreContext } from '@msdyn365-commerce/core';\nimport * as twoSlots from '../modules/default-container-2-slots/default-container-2-slots.props.autogenerated';\nimport * as threeSlots from '../modules/default-container-3-slots/default-container-3-slots.props.autogenerated';\n\n// eslint-disable-next-line security/detect-unsafe-regex\nconst sizePattern = /col(_(\\d|auto){1,2}){2,}/;\n\nexport interface IShowErrorOptions {\n    isDebug?: boolean;\n    isEditor?: boolean;\n}\n\nexport interface IViewPortOptions {\n    xsmall?: threeSlots.xsmall | twoSlots.xsmall;\n    small?: threeSlots.small | twoSlots.small;\n    medium?: threeSlots.medium | twoSlots.medium;\n    large?: threeSlots.large | twoSlots.large;\n}\n\nconst translatePrefix = (prefix: `large` | `medium` | `small` | `xsmall` | undefined) => {\n    switch (prefix && prefix.toLowerCase()) {\n        case 'large':\n            return 'lg';\n        case 'medium':\n            return 'md';\n        case 'small':\n            return 'sm';\n        case 'xsmall':\n        default:\n            return '';\n    }\n};\n\n/**\n * converts config option and size to bootstrap col class name\n * If size is auto or config option is invalid col-auto will be returned\n * If size is xsmall or size is invalid col-{config} will be returned\n * @param config configuration option e.g. col_12_12\n * @param size bootstrap gridsize\n */\nexport const getColumnSizes = (config: string, size?: `large` | `medium` | `small` | `xsmall`): string[] | boolean => {\n    if (!sizePattern.exec(config)) {\n        return false;\n    }\n    const cols = config.split('_').slice(1);\n    const translatedSize = translatePrefix(size);\n    const sizePrefix = (translatedSize && `-${translatedSize}`) || '';\n    return cols.map((colWidth: string) => `col${sizePrefix}-${colWidth}`);\n};\n\nexport const showErrors = (context?: ICoreContext): Boolean => {\n    const { isDebug, isEditor }: IShowErrorOptions = (context && context.request && context.request.params) || {};\n    return !!isDebug || !!isEditor;\n};\n\n/**\n * Converts viewport configuration into a two dimensional array of class names\n */\nexport const getColClassArray = (options: IViewPortOptions): string[][] =>\n    <string[][]>(\n        [\n            options.xsmall && getColumnSizes(options.xsmall),\n            options.small && getColumnSizes(options.small, 'small'),\n            options.medium && getColumnSizes(options.medium, 'medium'),\n            options.large && getColumnSizes(options.large, 'large')\n        ].filter(Boolean)\n    );\n\nexport const colWidths = new Map<string, string>([\n    ['one', 'col-md-1'],\n    ['two', 'col-md-2'],\n    ['three', 'col-md-3'],\n    ['four', 'col-md-4'],\n    ['six', 'col-md-6'],\n    ['twelve', 'col-md-12']\n]);\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport msdyn365Commerce, {\n    constructViewportInformationForImage,\n    getImageResizeUrl,\n    getLargestGridSettingViewportName,\n    getMinMaxWidth,\n    IAny,\n    IGeneric,\n    IViewPort,\n    Viewport\n} from '@msdyn365-commerce/core-internal';\nimport { cloneDeep as _cloneDeep } from 'lodash';\nimport {\n    BackgroundImageRepeat,\n    BackgroundImageSize,\n    IBackgroundImageAttributes,\n    IBackgroundImageLazyloadAttributes,\n    IBackgroundImageProps,\n    IBackgroundImageStyle\n} from './container-background-image-interfaces';\n\nconst getBackgroundRepeatProperty = (size: string | undefined, repeat: string | undefined): BackgroundImageRepeat => {\n    if (!size || size === 'cover') {\n        return 'no-repeat';\n    }\n    switch (repeat) {\n        case 'noRepeat':\n            return 'no-repeat';\n        case 'repeat':\n            return 'repeat';\n        default:\n            return 'no-repeat';\n    }\n};\n\nconst getBackgroundSizeProperty = (size: string | undefined): BackgroundImageSize => {\n    switch (size) {\n        case 'cover':\n            return 'cover';\n        case 'contain':\n            return 'contain';\n        case 'default':\n        default:\n            return undefined;\n    }\n};\n\nconst getDefaultViewports = (): IViewPort => {\n    return {\n        xs: {\n            w: 800,\n            h: 600\n        },\n        sm: {\n            w: 1200,\n            h: 900\n        },\n        md: {\n            w: 1600,\n            h: 900\n        },\n        lg: {\n            w: 1600,\n            h: 700\n        },\n        xl: {\n            w: 1600,\n            h: 700\n        }\n    };\n};\n\nconst getAuthoringViewport = (moduleName: string | undefined, layout: string | undefined): IViewPort | undefined => {\n    if (!msdyn365Commerce.isBrowser) {\n        return;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const authoringHelper = (window as any)._msdyn365.authoringHelper;\n    if (!authoringHelper) {\n        return;\n    }\n\n    // if authoring helper is setup, component is rendering from site builder. Build viewport based on layout selected.\n    return constructViewportInformationForImage(moduleName, layout, 'backgroundImage', authoringHelper?.themeSettings) as IViewPort;\n};\n\nexport const buildBackgroundImageStylesByViewport = (props: IBackgroundImageProps): IGeneric<IBackgroundImageStyle> => {\n    const { containerType, image, request, configs } = props;\n\n    const gridSettings = request.gridSettings ?? {};\n    const imageSettings = image.imageSettings;\n\n    const styles: IGeneric<IBackgroundImageStyle> = {};\n\n    const largestGridSettingViewportName = getLargestGridSettingViewportName(gridSettings);\n    if (largestGridSettingViewportName && imageSettings) {\n        // in site builder the layout may change, so use authoring viewports.\n        const authoringViewPorts = getAuthoringViewport(containerType, configs?.layout);\n        const imgSettings = {\n            ...imageSettings,\n            viewports: { ..._cloneDeep(authoringViewPorts || imageSettings.viewports || getDefaultViewports()) }\n        };\n\n        // Skip resizing width and height for background images.\n        const skipWidthAndHeightSettings = true;\n        Object.keys(imgSettings.viewports).map(vp => {\n            const viewport = vp as Viewport;\n            const minMaxWidth = getMinMaxWidth(gridSettings, imgSettings, viewport, largestGridSettingViewportName);\n            const urlSrc = getImageResizeUrl(\n                image.src,\n                // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n                imgSettings.viewports[viewport],\n                imgSettings,\n                skipWidthAndHeightSettings,\n                image?.externalProvider,\n                request?.apiSettings\n            );\n            // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n            styles[viewport] = {\n                maxWidth: minMaxWidth.max,\n                minWidth: minMaxWidth.min,\n                // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n                minHeight: imgSettings.viewports[viewport]?.h,\n                backgroundImage: urlSrc,\n                backgroundRepeat: getBackgroundRepeatProperty(configs?.size, configs?.repeat),\n                backgroundSize: getBackgroundSizeProperty(configs?.size),\n                backgroundPosition: 'center center'\n            };\n        });\n    }\n\n    return styles;\n};\n\nexport const setStyleAttribute = (currentStyle: IBackgroundImageStyle): IGeneric<IAny> => {\n    let style: IGeneric<IAny> = {};\n    if (currentStyle) {\n        style = { ...currentStyle };\n        style['minWidth'] = undefined;\n        style['width'] = '100%';\n        if (currentStyle.backgroundImage) {\n            style['backgroundImage'] = `url('${currentStyle.backgroundImage}')`;\n        }\n    }\n    return style;\n};\n\nexport const getBackgroundImageLazyloadAttributes = (\n    className: string,\n    currentStyle: IBackgroundImageStyle | undefined,\n    styles: IGeneric<IBackgroundImageStyle>\n): IBackgroundImageLazyloadAttributes => {\n    const attributes = {\n        role: 'img',\n        className: `${className} lazyload`,\n        'data-bgset': getDataBgSetAttribute(styles)\n    };\n\n    if (currentStyle) {\n        attributes['style'] = setStyleAttribute(currentStyle);\n        // On lazyload, lazysizes plugin should pick which background image to use based on data-bgset attribute.\n        attributes['style']['backgroundImage'] = undefined;\n    }\n    return attributes;\n};\n\nexport const getBackgroundImageAttributes = (\n    className: string,\n    currentStyle: IBackgroundImageStyle | undefined\n): IBackgroundImageAttributes => {\n    const attributes = {\n        role: 'img',\n        className\n    };\n\n    if (currentStyle) {\n        attributes['style'] = setStyleAttribute(currentStyle);\n    }\n    return attributes;\n};\n\nexport const getBgSetMinMaxWidthAttribute = (style: IBackgroundImageStyle): string => {\n    if (style.maxWidth) {\n        return `[(max-width: ${style.maxWidth}px)]`;\n    }\n    return '';\n};\n\nexport const getDataBgSetAttribute = (styles: IGeneric<IBackgroundImageStyle>): string => {\n    const dataBgSetAttributes: string[] = [];\n    Object.keys(styles).map(vp => {\n        // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n        if (styles[vp].backgroundImage) {\n            // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n            dataBgSetAttributes.push(`${styles[vp].backgroundImage} ${getBgSetMinMaxWidthAttribute(styles[vp])}`);\n        }\n    });\n\n    return dataBgSetAttributes.join(' | ');\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport msdyn365Commerce, { getLargestGridSettingViewportName, IGeneric, isAuthoringEditEnabled } from '@msdyn365-commerce/core-internal';\nimport * as React from 'react';\nimport { isEqual as _isEqual } from 'lodash';\nimport {\n    buildBackgroundImageStylesByViewport,\n    getBackgroundImageAttributes,\n    getBackgroundImageLazyloadAttributes\n} from './container-background-image-helper';\nimport {\n    IBackgroundImageAttributes,\n    IBackgroundImageProps,\n    IBackgroundImageState,\n    IBackgroundImageStyle\n} from './container-background-image-interfaces';\n\nconst BACKGROUND_IMAGE_CLASS_NAME = 'ms-container-background-image';\n\n/**\n * BackgroundImage component\n * @extends {React.PureComponent<IBackgroundImageProps, IBackgroundImageState>}\n */\nexport class BackgroundImage extends React.PureComponent<IBackgroundImageProps, IBackgroundImageState> {\n    private stylesByViewport: IGeneric<IBackgroundImageStyle>;\n    private currentStyle: IBackgroundImageStyle | undefined;\n    private mounted: boolean;\n\n    constructor(props: IBackgroundImageProps, state: IBackgroundImageState) {\n        super(props);\n        this.stylesByViewport = buildBackgroundImageStylesByViewport(this.props);\n        this._onChangeHandler = this._onChangeHandler.bind(this);\n        this.currentStyle = this._getCurrentStyle();\n        this.mounted = false;\n        this._componentResize = this._componentResize.bind(this);\n        this._getCurrentStyle = this._getCurrentStyle.bind(this);\n        this.state = { updateAttributes: false };\n    }\n\n    public componentDidMount(): void {\n        if (msdyn365Commerce.isBrowser) {\n            window.addEventListener('resize', this._componentResize);\n            this.mounted = true;\n            this._componentResize();\n        }\n    }\n\n    public componentWillUnmount(): void {\n        if (msdyn365Commerce.isBrowser) {\n            window.removeEventListener('resize', this._componentResize);\n            this.mounted = false;\n        }\n    }\n\n    public shouldComponentUpdate(nextProps: IBackgroundImageProps, nextState: { updateAttributes: boolean }): boolean {\n        if (\n            this.state !== nextState ||\n            this.props.request?.gridSettings !== nextProps.request?.gridSettings ||\n            this.props.configs.repeat !== nextProps.configs.repeat ||\n            this.props.configs.size !== nextProps.configs.size ||\n            this.props.configs.layout !== nextProps.configs.layout ||\n            this.props.image?.imageSettings !== nextProps.image?.imageSettings ||\n            this.props.image?.src !== nextProps.image?.src\n        ) {\n            return true;\n        }\n        return false;\n    }\n\n    public render(): JSX.Element | null {\n        const { children } = this.props;\n\n        try {\n            this.stylesByViewport = buildBackgroundImageStylesByViewport(this.props);\n            this.currentStyle = this._getCurrentStyle();\n\n            if (this.currentStyle) {\n                const backgroundImageClassName = isAuthoringEditEnabled(this.props.request)\n                    ? `${BACKGROUND_IMAGE_CLASS_NAME} ms-editable-field enabled`\n                    : BACKGROUND_IMAGE_CLASS_NAME;\n                const processedAtributes = this._processAttributes(\n                    backgroundImageClassName,\n                    this.currentStyle,\n                    this.stylesByViewport,\n                    this._isLazyload()\n                );\n                const attributes = this._getAttributes(processedAtributes);\n                const eventHandlers = isAuthoringEditEnabled(this.props.request) ? { onDoubleClick: this._onChangeHandler } : {};\n\n                if (this.state.updateAttributes) {\n                    // Update component with the latest attributes.\n                    return (\n                        <div {...eventHandlers} {...attributes}>\n                            {children}\n                        </div>\n                    );\n                } else if (this._isLazyload()) {\n                    // On lazyload, only include the class name on the first render.\n                    return (\n                        <div {...eventHandlers} className={backgroundImageClassName}>\n                            {children}\n                        </div>\n                    );\n                } else {\n                    // On lazyload disabled, render the default attributes from server side.\n                    return (\n                        <div {...eventHandlers} {...this._getDefaultAttributes()}>\n                            {children}\n                        </div>\n                    );\n                }\n            } else {\n                // in no style is found, return the container content.\n                return <>{children}</>;\n            }\n        } catch {\n            // in case of any failure, return the container content.\n            return <>{children}</>;\n        }\n    }\n\n    private _processAttributes(\n        className: string,\n        currentStyle: IBackgroundImageStyle,\n        stylesByViewport: IGeneric<IBackgroundImageStyle>,\n        lazyLoad: boolean\n    ) {\n        if (lazyLoad) {\n            return getBackgroundImageLazyloadAttributes(className, currentStyle, stylesByViewport);\n        } else {\n            return getBackgroundImageAttributes(className, currentStyle);\n        }\n    }\n\n    private _getAttributes(processedAtributes: IBackgroundImageAttributes) {\n        return { ...processedAtributes, style: { ...processedAtributes?.style } };\n    }\n\n    private _onChangeHandler(event: React.SyntheticEvent | { target: { value: string } }): void {\n        if (event.target === (event as React.SyntheticEvent).currentTarget) {\n            const binding: any = this.props.image;\n            const eventTarget: any = event.target;\n            binding.$type = eventTarget.value;\n        }\n    }\n\n    private _componentResize(): void {\n        if (msdyn365Commerce.isBrowser) {\n            const selectedStyle = this._getCurrentStyle();\n\n            if (this.mounted || (selectedStyle && !_isEqual(this.currentStyle, selectedStyle))) {\n                this.setState({ updateAttributes: true });\n            }\n        }\n    }\n\n    private _getCurrentStyle(): IBackgroundImageStyle | undefined {\n        if (msdyn365Commerce.isBrowser) {\n            const winInnerWidth: number = window.innerWidth;\n            let selectedStyle: IBackgroundImageStyle | undefined;\n            Object.keys(this.stylesByViewport).map(vp => {\n                if (\n                    // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n                    (this.stylesByViewport[vp]?.minWidth || this.stylesByViewport[vp]?.maxWidth) &&\n                    // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n                    (this.stylesByViewport[vp]?.minWidth || 0) <= winInnerWidth &&\n                    // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n                    winInnerWidth <= (this.stylesByViewport[vp]?.maxWidth || Number.MAX_SAFE_INTEGER)\n                ) {\n                    // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n                    selectedStyle = this.stylesByViewport[vp];\n                }\n            });\n            return selectedStyle;\n        } else {\n            return this._getDefaultStyle();\n        }\n    }\n\n    private _isLazyload(): boolean {\n        // Lazyload by default if nothing is specified\n        return !this.props.image?.imageSettings?.disableLazyLoad;\n    }\n\n    private _getDefaultStyle(): IBackgroundImageStyle | undefined {\n        const { request } = this.props;\n        const largestGridSettingViewportName = getLargestGridSettingViewportName(request.gridSettings ?? {});\n        // eslint-disable-next-line security/detect-object-injection -- bracket object notation with user input present leads to eslint security issue.\n        return this.stylesByViewport[largestGridSettingViewportName];\n    }\n\n    private _getDefaultAttributes(): IBackgroundImageAttributes {\n        const style = this._getDefaultStyle();\n        const processedAtributes = style\n            ? this._processAttributes(BACKGROUND_IMAGE_CLASS_NAME, style, this.stylesByViewport, this._isLazyload())\n            : {};\n        return this._getAttributes(processedAtributes);\n    }\n}\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { ContentEditableEvent, IImageData, IRequestContext, Text } from '@msdyn365-commerce/core';\nimport * as React from 'react';\nimport { BackgroundImage } from './container-background-image/container-backgroud-image';\n\n/**\n * Heading options\n */\nexport interface IHeadingComponentProps {\n    /**\n     *  Heading text\n     */\n    headingText?: string;\n    /**\n     * Heading tag (h1, h2, h3, h4, h5, h6)\n     */\n    tag?: HeadingTag;\n    /**\n     * Heading text size (sm, md, lg, xl)\n     */\n    textSize?: TextSize;\n\n    requestContext: IRequestContext;\n\n    handleTextChange(event: ContentEditableEvent): string;\n}\n\nexport type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\nexport type TextSize = 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * Container class options\n */\nexport interface IContainerProps {\n    /**\n     * CSS class name\n     */\n    className?: string;\n    /**\n     * Bootstrap supported container types\n     */\n    containerType?: string;\n    /**\n     * type name\n     */\n    typeName?: string;\n    /**\n     * id of container\n     */\n    id?: string;\n    /**\n     * React children\n     */\n    children: React.ReactNode;\n    /**\n     * Request context\n     */\n    request?: IRequestContext;\n    /**\n     * background image\n     */\n    backgroundImage?: IImageData;\n    /**\n     * background image repeat property\n     */\n    backgroundImageRepeat?: string;\n    /**\n     * background image size property\n     */\n    backgroundImageSize?: string;\n    /**\n     * module layout property\n     */\n    moduleLayout?: string;\n}\n\nconst getContainerType = (containerType: string | undefined) => {\n    switch (containerType) {\n        case 'container':\n            return 'container';\n        case 'fluid':\n        default:\n            return 'fluid';\n    }\n};\n\n/**\n * HOC to create bootstrap container div. If no container type is specified children are rendered.\n * @param options IContainerClasses\n */\nexport const Container: React.SFC<IContainerProps> = (props: IContainerProps): JSX.Element => {\n    const {\n        containerType,\n        className,\n        typeName,\n        id,\n        children,\n        backgroundImage,\n        request,\n        backgroundImageRepeat,\n        backgroundImageSize,\n        moduleLayout\n    } = props;\n    const customClassName = className ? ` ${className}` : '';\n\n    let containerContent = children;\n    if (containerType) {\n        containerContent = <div className='row'>{containerContent}</div>;\n    }\n\n    if (backgroundImage && backgroundImage.src && backgroundImage.imageSettings && request) {\n        containerContent = (\n            <BackgroundImage\n                containerType={typeName}\n                request={request}\n                image={backgroundImage}\n                configs={{\n                    repeat: backgroundImageRepeat,\n                    size: backgroundImageSize,\n                    layout: moduleLayout\n                }}\n            >\n                {containerContent}\n            </BackgroundImage>\n        );\n    }\n\n    return containerType ? (\n        <div className={`${typeName} ${id} ${getContainerType(containerType)}${customClassName}`}>{containerContent}</div>\n    ) : (\n        <div className={`${typeName} ${id}${customClassName}`}>{containerContent}</div>\n    );\n};\n\nexport const HeadingComponent = (props: IHeadingComponentProps & { className: string }): JSX.Element | null => {\n    const { tag, headingText, textSize, className } = props;\n    const Tag = tag || 'h2';\n    const classNameWithHeading = textSize ? `heading ${textSize} ${className}` : `heading ${className}`;\n    return (\n        (headingText && (\n            <Text\n                className={classNameWithHeading}\n                tag={Tag}\n                text={headingText}\n                editProps={{ onEdit: props.handleTextChange, requestContext: props.requestContext }}\n            />\n        )) ||\n        null\n    );\n};\n","const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['default-container'] = {\n        c: () => require('@msdyn365-commerce-modules/core-components/dist/lib/modules/default-container/default-container'),\n        $type: 'containerModule',\n        da: [],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'default-container',\n        p: 'core-components',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/core-components/dist/lib/modules/default-container'\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    };","module.exports = React;","module.exports = ReactDOM;","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { ContentEditableEvent } from '@msdyn365-commerce/core';\nimport { LogLevel } from '@msdyn365-commerce/telemetry-internal';\nimport * as React from 'react';\nimport { Container, HeadingComponent, IHeadingComponentProps } from '../../components/base-components';\nimport { colWidths } from '../../utils/classnames';\nimport { IDefaultContainerData } from './default-container.data';\nimport { childrenWidth as childrenWidthEnum, IDefaultContainerProps, layout as layoutEnum } from './default-container.props.autogenerated';\n\n/**\n *\n * CoreComponent component\n * @extends {React.PureComponent<IDefaultContainerProps<IDefaultContainerData>>}\n */\nclass DefaultContainer extends React.PureComponent<IDefaultContainerProps<IDefaultContainerData>> {\n    constructor(props: IDefaultContainerProps<IDefaultContainerData>) {\n        super(props);\n    }\n\n    public render(): JSX.Element {\n        const { slots, telemetry, config, data } = this.props;\n        telemetry.log(LogLevel.Debug, \"Default Container rendering for '{id}/{typeName}'\", {\n            values: [this.props.id, this.props.typeName]\n        });\n\n        const heading = config.heading || data.heading;\n        const headingProps: IHeadingComponentProps = {\n            ...heading,\n            handleTextChange: this.handleTextChange,\n            requestContext: this.props.context.request\n        };\n\n        return (\n            <Container\n                containerType={config.containerType}\n                className={config.className}\n                typeName={this.props.typeName}\n                id={this.props.id}\n                request={this.props.context.request}\n                backgroundImage={config?.backgroundImage}\n                backgroundImageRepeat={config?.backgroundImageRepeat}\n                backgroundImageSize={config?.backgroundImageSize}\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion\n                moduleLayout={(config as any)?.msdyn365__moduleLayout}\n            >\n                {heading && <HeadingComponent className='container-heading' {...headingProps} />}\n                {slots &&\n                    slots.content &&\n                    slots.content.map((children: React.ReactNode, index: number) => {\n                        return (\n                            <div className={this._getChildColClassName()} key={index}>\n                                {children}\n                            </div>\n                        );\n                    })}\n            </Container>\n        );\n    }\n\n    public handleTextChange = (event: ContentEditableEvent) => (this.props.config.heading!.headingText = event.target.value);\n\n    private _getChildColClassName(): string {\n        const {\n            config: { layout, childrenWidth }\n        } = this.props;\n        switch (layout) {\n            case layoutEnum.flow:\n                return childrenWidth === childrenWidthEnum.auto ? 'col-12 col-md' : this._getWidthClass(childrenWidth);\n            case layoutEnum.stacked:\n            default:\n                return 'col-12';\n        }\n    }\n\n    private _getWidthClass(s?: childrenWidthEnum): string {\n        return colWidths.get(s || childrenWidthEnum.four) || 'col-12';\n    }\n}\n\nexport default DefaultContainer;\n"],"sourceRoot":""}