{"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","containerType","image","configs","gridSettings","imageSettings","styles","largestGridSettingViewportName","getLargestGridSettingViewportName","authoringViewPorts","moduleName","layout","msdyn365Commerce","isBrowser","authoringHelper","window","_msdyn365","constructViewportInformationForImage","themeSettings","getAuthoringViewport","imgSettings","viewports","xs","w","h","sm","md","lg","xl","skipWidthAndHeightSettings","Object","keys","vp","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","_getCurrentStyle","mounted","_componentResize","bind","updateAttributes","componentDidMount","addEventListener","componentWillUnmount","removeEventListener","shouldComponentUpdate","nextProps","nextState","render","children","processedAtributes","_processAttributes","_isLazyload","attributes","_getAttributes","className","_getDefaultAttributes","lazyLoad","role","getBackgroundImageLazyloadAttributes","getBackgroundImageAttributes","selectedStyle","setState","winInnerWidth","innerWidth","Number","MAX_SAFE_INTEGER","_getDefaultStyle","disableLazyLoad","getContainerType","Container","typeName","id","backgroundImageRepeat","backgroundImageSize","moduleLayout","customClassName","containerContent","HeadingComponent","tag","headingText","textSize","Tag","classNameWithHeading","Text","text","editProps","onEdit","handleTextChange","requestContext","binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","__bindings__","module","exports","ReactDOM","DefaultContainer","event","heading","target","value","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/70.4961ddb98bcf483eac8c.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\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                imgSettings.viewports[viewport],\n                imgSettings,\n                skipWidthAndHeightSettings,\n                image?.externalProvider,\n                request?.apiSettings\n            );\n            styles[viewport] = {\n                maxWidth: minMaxWidth.max,\n                minWidth: minMaxWidth.min,\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        if (styles[vp].backgroundImage) {\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\nimport msdyn365Commerce, { getLargestGridSettingViewportName, IGeneric } 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.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 processedAtributes = this._processAttributes(\n                    BACKGROUND_IMAGE_CLASS_NAME,\n                    this.currentStyle,\n                    this.stylesByViewport,\n                    this._isLazyload()\n                );\n                const attributes = this._getAttributes(processedAtributes);\n                if (this.state.updateAttributes) {\n                    // Update component with the latest attributes.\n                    return <div {...attributes}>{children}</div>;\n                } else if (this._isLazyload()) {\n                    // On lazyload, only include the class name on the first render.\n                    return <div className={BACKGROUND_IMAGE_CLASS_NAME}>{children}</div>;\n                } else {\n                    // On lazyload disabled, render the default attributes from server side.\n                    return <div {...this._getDefaultAttributes()}>{children}</div>;\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 _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                    (this.stylesByViewport[vp]?.minWidth || this.stylesByViewport[vp]?.maxWidth) &&\n                    (this.stylesByViewport[vp]?.minWidth || 0) <= winInnerWidth &&\n                    winInnerWidth <= (this.stylesByViewport[vp]?.maxWidth || Number.MAX_SAFE_INTEGER)\n                ) {\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        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":""}