{"version":3,"file":"static/js/7ac8083316a4f8912d5c.bundle.js","mappings":"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","sources":["webpack://suedwolle/./src/themes/suedwolle/views/tab.view.tsx?ee4e","webpack://suedwolle/./src/utilities/get-viewport.ts?6aa6","webpack://suedwolle/./lib/tab/module-registration.js?a17c","webpack://suedwolle/./src/data-actions/tab-state-data-action.ts?09b4","webpack://suedwolle/./src/modules/tab-item/tab-item.tsx?b1b8","webpack://suedwolle/./src/modules/tab/tab.tsx?9ac6","webpack://suedwolle/./src/modules/tab/tab.view.tsx?a99d","webpack://suedwolle/external var \"React\"?0d3b","webpack://suedwolle/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 { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { ITabViewProps } from '@msdyn365-commerce-modules/tab/src/modules/tab/./tab';\r\nimport { _getViewPort } from '../../../utilities/get-viewport';\r\n\r\nconst tabView: React.FC<ITabViewProps> = props => {\r\n    const { heading, TabContainer, tabHeaders, tabContents } = props;\r\n    if (!props.heading && !props.tabHeaders && !props.tabContents) {\r\n        props.context.telemetry.error('Tab content is empty, module wont render');\r\n        return null;\r\n    }\r\n    // VSI Customization - Display dropdown on mobile view\r\n    const viewPort = _getViewPort(props.context);\r\n    const isMobile = viewPort === 'md' || viewPort === 'sm' || viewPort === 'xs';\r\n    const tabs = tabHeaders as React.ReactNode[];\r\n    const onOptionChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n        event.persist();\r\n        const { value } = event.target;\r\n        const el = document.querySelector(`.${value}`) as HTMLOptionElement;\r\n        el && el.click();\r\n    };\r\n    const mobileTabHeaders = (\r\n        <select onChange={onOptionChange}>\r\n            {tabs.map((item, i) => {\r\n                const itemEl = item as JSX.Element;\r\n                return (\r\n                    <option\r\n                        key={i}\r\n                        className={`tab-item-${i}`}\r\n                        value={`tab-item-${i}`}\r\n                        tabIndex={itemEl.props.tabIndex}\r\n                        aria-controls={itemEl.props['aria-controls']}\r\n                        onClick={itemEl.props.onClick}\r\n                        selected={itemEl.props['aria-selected']}\r\n                    >\r\n                        {itemEl}\r\n                    </option>\r\n                );\r\n            })}\r\n        </select>\r\n    );\r\n    // VSI Customization End\r\n    return (\r\n        <Module {...TabContainer}>\r\n            <Node {...props.headerSection}>{heading}</Node>\r\n            <Node {...props.tabsSection}>{isMobile ? mobileTabHeaders : tabHeaders}</Node>\r\n            <Node {...props.tabItemContainer}>{tabContents}</Node>\r\n        </Module>\r\n    );\r\n};\r\n\r\nexport default tabView;\r\n","import MsDyn365, { ICoreContext } from '@msdyn365-commerce/core';\r\nexport type GridSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\r\nexport const _getViewPort = (context: ICoreContext): GridSize => {\r\n    // if (context.request && context.request.device && context.request.device.Type === 'Mobile') {\r\n    //     return 'xs';\r\n    // }\r\n\r\n    if (MsDyn365.isBrowser && window.innerWidth) {\r\n        const gridSettings = context.request.gridSettings;\r\n        if (gridSettings) {\r\n            if (gridSettings.xs && window.innerWidth <= gridSettings.xs.w) {\r\n                return 'xs';\r\n            } else if (gridSettings.sm && window.innerWidth <= gridSettings.sm.w) {\r\n                return 'sm';\r\n            } else if (gridSettings.md && window.innerWidth <= gridSettings.md.w) {\r\n                return 'md';\r\n            } else if (gridSettings.lg && window.innerWidth <= gridSettings.lg.w) {\r\n                return 'lg';\r\n            }\r\n            return 'xl';\r\n        }\r\n    }\r\n\r\n    return 'xs';\r\n};\r\n","const binding = { modules: {}, dataActions: {} };\n\n    const registerActionId = (actionPath) => {\n        if (binding.dataActions[actionPath] &&\n            binding.dataActions[actionPath].default &&\n            binding.dataActions[actionPath].default.prototype &&\n            binding.dataActions[actionPath].default.prototype.id) {\n            binding.dataActions[binding.dataActions[actionPath].default.prototype.id] = binding.dataActions[actionPath];\n        } else {\n            Object.keys(binding.dataActions[actionPath] || {}).forEach(exportName => {\n                if (binding.dataActions[actionPath][exportName] &&\n                    binding.dataActions[actionPath][exportName].prototype &&\n                    binding.dataActions[actionPath][exportName].prototype.Action) {\n                    binding.dataActions[binding.dataActions[actionPath][exportName].prototype.id] = binding.dataActions[actionPath][exportName];\n                }\n            })\n        }\n    };\n\n    const registerSanitizedActionPath = (sanitizedActionPath, dataAction) => {\n        if (process.env.NODE_ENV === 'development') {\n            if (!dataAction.default) {\n                throw new Error('Data action path does not have a default export');\n            }\n            if (!(dataAction.default.prototype.id && binding.dataActions[dataAction.default.prototype.id]) || !binding.dataActions[sanitizedActionPath]) {\n                binding.dataActions[sanitizedActionPath] = dataAction;\n            }\n        } else {\n            binding.dataActions[sanitizedActionPath] = dataAction;\n            if (!binding.dataActions[sanitizedActionPath].default) {\n                throw new Error('Data action path ' + sanitizedActionPath + ' does not have a default export');\n            }\n            binding.dataActions[sanitizedActionPath].default.prototype.RegistrationId = sanitizedActionPath;\n            if (binding.dataActions[sanitizedActionPath].default.prototype.id) {\n                binding.dataActions[binding.dataActions[sanitizedActionPath].default.prototype.id] = sanitizedActionPath;\n            }\n        }\n    };\n    \n\n    (binding.modules['tab'] = {\n        c: () => require('@msdyn365-commerce-modules/tab/dist/lib/modules/tab/tab'),\n        $type: 'moduleDefinition',\n        da: [{name:'activeTabState',  path:'@msdyn365-commerce-modules/tab/dist/lib/data-actions/tab-state-data-action', runOn: 0}],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'tab',\n        p: 'tab',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/tab/dist/lib/modules/tab'\n    });\n        \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/tab/dist/lib/data-actions/tab-state-data-action';\n            let dataAction = require('@msdyn365-commerce-modules/tab/dist/lib/data-actions/tab-state-data-action');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\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|suedwolle|views|tab'] = {\n                c: () => require('partner/themes/suedwolle/views/tab.view.tsx'),\n                cn: '__local__-__local__-tab'\n            };\nviewDictionary['@msdyn365-commerce-modules|tab|modules|tab|tab'] = {\n                c: () => require('@msdyn365-commerce-modules/tab/dist/lib/modules/tab/tab.view.js'),\n                cn: '@msdyn365-commerce-modules-tab-tab'\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 { createObservableDataAction, IAction, IActionInput } from '@msdyn365-commerce/core';\nimport { GenericInput, getGenericAction } from '@msdyn365-commerce-modules/retail-actions';\n\nimport { IActiveTabState } from './tab-state';\n\nexport function createTabStateInput(result: IActiveTabState): GenericInput<IActiveTabState> {\n    return new GenericInput<IActiveTabState>('activeTabState', result, 'IActiveTabState');\n}\n\nconst createTabStateInputInternal = (): IActionInput => {\n    return createTabStateInput({});\n};\n\nexport const getGenericActionDataAction = createObservableDataAction({\n    action: <IAction<IActiveTabState>>getGenericAction,\n    input: createTabStateInputInternal\n});\n\nexport default getGenericActionDataAction;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IModuleProps, INodeProps, NodeTag } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { ITabItemData } from './tab-item.data';\nimport { ITabItemProps } from './tab-item.props.autogenerated';\n\nexport interface ITabItemViewProps {\n    TabContentContainer: IModuleProps;\n    TabHeaderContainer: IModuleProps;\n    tabSlots: INodeProps;\n    TabItemContent: INodeProps;\n    tabItemType?: TabItemType;\n    tabHeader: React.ReactNode;\n}\n\nexport interface ITabItemExtentedProps extends ITabItemProps<ITabItemData> {\n    tabItemType?: TabItemType;\n    isSelected?: boolean;\n    itemIndex?: number;\n    tabId?: string;\n}\n\nexport enum TabItemType {\n    TabHeader,\n    TabContent\n}\n\n/**\n *\n * TabItem component.\n * @extends {React.Component<ITabItemExtentedProps>}\n */\n@observer\nclass TabItem extends React.PureComponent<ITabItemExtentedProps> {\n    private readonly moduleContentClassName: string = 'ms-tab-item-content';\n\n    private readonly moduleHeaderClassName: string = 'ms-tab-item-header';\n\n    constructor(props: ITabItemProps<ITabItemData>) {\n        super(props);\n        this._renderTabHeader = this._renderTabHeader.bind(this);\n    }\n\n    public render(): JSX.Element {\n        const { slots, renderView, config, data, isSelected, itemIndex } = this.props;\n        const index = itemIndex || 0;\n        const contentID = getContentID(index, this.props.tabId || '');\n        const activeContentIDResult = data && data.activeTabState && data.activeTabState.result;\n        const shown =\n            activeContentIDResult &&\n            activeContentIDResult.tabId === this.props.tabId &&\n            activeContentIDResult.activeContentIndex !== undefined\n                ? activeContentIDResult.activeContentIndex === index\n                : isSelected || false;\n        const viewProps = {\n            ...this.props,\n            TabContentContainer: {\n                moduleProps: this.props,\n                className: classnames(this.moduleContentClassName, config.className)\n            },\n            TabHeaderContainer: {\n                moduleProps: this.props,\n                className: classnames(this.moduleHeaderClassName, config.className)\n            },\n            TabItemContent: {\n                className: 'ms-tab-item-content__content',\n                tag: 'section' as NodeTag,\n                'aria-hidden': !shown,\n                role: 'tabpanel',\n                tabIndex: shown ? 0 : -1,\n                id: contentID\n            },\n            tabHeader: this._renderTabHeader(),\n            tabSlots: slots\n        };\n        return renderView(viewProps) as React.ReactElement;\n    }\n\n    private _renderTabHeader(): React.ReactNode {\n        return <>{this.props.config.tabItemTitle}</>;\n    }\n}\n\nexport const getContentID = (index: number, id: string) => {\n    return `tab-item-content-${id}-${index}`;\n};\n\nexport default TabItem;\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, NodeTag } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { createTabStateInput, getContentID, TabItemType } from '../..';\nimport { ITabData } from './tab.data';\nimport { ITabProps } from './tab.props.autogenerated';\n\n/**\n *\n * Tab component.\n * @extends {React.PureComponent<ITabProps<ITabData>>}\n */\n\nexport interface ICallToActionProps {\n    link: INodeProps[];\n}\n\nexport interface ITabViewProps extends ITabProps<{}> {\n    heading?: React.ReactNode;\n    TabContainer: IModuleProps;\n    headerSection: INodeProps;\n    tabHeaderSection: INodeProps;\n    tabsSection: INodeProps;\n    tabItemContainer: INodeProps;\n    tabHeaders: React.ReactNode;\n    tabContents: React.ReactNode;\n}\n\nexport interface ITabViewStates {\n    currentTabIndex: number;\n}\n\n/**\n *\n * Tab component.\n * @extends {React.Component<ITabProps<ITabData>>}\n */\n@observer\nclass Tab extends React.Component<ITabProps<ITabData>, ITabViewStates> {\n    public readonly tabIndexQuery: string = 'activeTab';\n\n    private activeLink: HTMLLIElement | null;\n\n    constructor(props: ITabProps<ITabData>) {\n        super(props);\n        const { defaultTabIndex } = this.props.config;\n        const { slots } = this.props;\n        const slotLength = (slots && slots.tabItems && slots.tabItems.length) || 0;\n        let initialIndex = defaultTabIndex && defaultTabIndex <= slotLength && defaultTabIndex > 0 ? defaultTabIndex - 1 : 0;\n        const queryString: string =\n            (this.props.context &&\n                this.props.context.request &&\n                this.props.context.request.query &&\n                this.props.context.request.query.activeTab) ||\n            '';\n        let queryTabIndex: number = 0;\n        if (queryString.indexOf(':') > 0) {\n            const arr = queryString.split(':');\n            const moduleId = arr[0];\n            if (moduleId === this.props.id) {\n                queryTabIndex = Number.parseInt(arr[1], 10);\n            }\n        }\n        initialIndex = queryTabIndex > 0 && queryTabIndex <= slotLength ? queryTabIndex - 1 : initialIndex;\n        this.state = { currentTabIndex: initialIndex };\n\n        this._getTabHeader = this._getTabHeader.bind(this);\n        this._getTabContent = this._getTabContent.bind(this);\n        this._onClick = this._onClick.bind(this);\n        this._onKeyDown = this._onKeyDown.bind(this);\n        this._setGetParameter = this._setGetParameter.bind(this);\n        this.activeLink = null;\n    }\n\n    public shouldComponentUpdate(nextProps: ITabProps<ITabData>, nextState: ITabViewStates): boolean {\n        if (this.state === nextState && this.props.data === nextProps.data) {\n            return false;\n        }\n        return true;\n    }\n\n    public render(): JSX.Element {\n        const { slots } = this.props;\n        const { heading, className } = this.props.config;\n\n        const headingComponent = heading && (\n            <MsDyn365.Text\n                className='ms-tab-header-section__heading'\n                tag={heading.tag || 'h2'}\n                text={heading.text}\n                editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\n            />\n        );\n        const slotLength = (slots && slots.tabItems && slots.tabItems.length) || 0;\n\n        // Const queryTabIndex = this.props.context && this.props.context.request && this.props.context.request.query && +this.props.context.request.query.activeTabIndex || 0;\n        // let activeIndex = defaultTabIndex && defaultTabIndex <= slotLength && defaultTabIndex > 0 ? defaultTabIndex - 1 : 0;\n        // activeIndex = queryTabIndex > 0 && queryTabIndex <= slotLength ? queryTabIndex - 1 : activeIndex;\n\n        const tabViewProps = {\n            ...this.props,\n            TabContainer: {\n                moduleProps: this.props,\n                className: classnames('ms-tab', className)\n            },\n            headerSection: { className: 'ms-tab-header-section' },\n            tabsSection: { className: 'ms-tab-tabs-section', tag: 'ul' as NodeTag, role: 'tablist' },\n            heading: headingComponent,\n            config: this.props && this.props.config,\n            tabItemContainer: {\n                tag: 'div' as NodeTag,\n                className: 'ms-tab-content-section'\n            },\n            tabContents: slotLength > 0 && slots.tabItems.map((item: React.ReactNode, index: number) => this._getTabContent(item, index)),\n            tabHeaders: slotLength > 0 && slots.tabItems.map((item: React.ReactNode, index: number) => this._getTabHeader(item, index))\n        };\n        return this.props.renderView(tabViewProps) as React.ReactElement;\n    }\n\n    public handleHeadingChange = (event: MsDyn365.ContentEditableEvent) => (this.props.config.heading!.text = event.target.value);\n\n    public componentDidUpdate(): void {\n        const { data } = this.props;\n        if (!this.props.context.request.params.isEditor) {\n            const dataActionTabId = data && data.activeTabState && data.activeTabState.result && data.activeTabState.result.tabId;\n            if (dataActionTabId) {\n                if (this.props.id === dataActionTabId) {\n                    this.activeLink && this.activeLink.focus();\n                }\n            } else {\n                const queryString: string =\n                    (this.props.context &&\n                        this.props.context.request &&\n                        this.props.context.request.query &&\n                        this.props.context.request.query.activeTab) ||\n                    '';\n                if (queryString.indexOf(':') > 0) {\n                    const arr = queryString.split(':');\n                    const moduleId = arr[0];\n                    if (moduleId === this.props.id) {\n                        this.activeLink && this.activeLink.focus();\n                    }\n                }\n            }\n        }\n    }\n\n    /**\n     *Set the activate link value on tab click.\n     * @param link -Ref link value.\n     */\n    private readonly _refHandler = (link: HTMLLIElement | null) => {\n        this.activeLink = link;\n    };\n\n    private _getTabHeader(item: React.ReactNode, index: number): React.ReactNode {\n        const { data } = this.props;\n        const activeContentIndex =\n            data && data.activeTabState && data.activeTabState.result && data.activeTabState.result.activeContentIndex;\n        const dataActionTabId = data && data.activeTabState && data.activeTabState.result && data.activeTabState.result.tabId;\n        const selected =\n            activeContentIndex !== undefined && dataActionTabId === this.props.id\n                ? activeContentIndex === index\n                : this.state.currentTabIndex === index;\n        const contentID = getContentID(index, this.props.id);\n\n        return (\n            <li\n                key={index}\n                className='ms-tab-tabs-section-li'\n                tabIndex={selected ? 0 : -1}\n                onClick={this._onClick(index, this.props.id)}\n                onKeyDown={this._onKeyDown(index, this.props.id)}\n                ref={this.state.currentTabIndex === index ? this._refHandler : undefined}\n                aria-controls={contentID}\n                aria-selected={selected}\n                role='tab'\n            >\n                <React.Fragment key={index}>\n                    {React.cloneElement(item as React.ReactElement, {\n                        tabItemType: TabItemType.TabHeader,\n                        isSelected: index === this.state.currentTabIndex,\n                        itemIndex: index,\n                        tabId: this.props.id\n                    })}\n                </React.Fragment>\n            </li>\n        );\n    }\n\n    private readonly _onClick = (index: number, id: string) => (e: React.MouseEvent<HTMLLIElement>) => {\n        const activeTabState = { activeContentIndex: index, tabId: id };\n        this.props.context.actionContext.update(createTabStateInput(activeTabState), activeTabState);\n        this.setState({ currentTabIndex: index });\n\n        // Update query paramter\n        const requestContext = this.props.context.request;\n        const newUrl = this._setGetParameter(requestContext, this.tabIndexQuery, `${this.props.id}:${String(index + 1)}`);\n        requestContext && window.history.pushState({ path: newUrl }, '', newUrl);\n    };\n\n    private readonly _onKeyDown = (index: number, id: string) => (e: React.KeyboardEvent<HTMLLIElement>) => {\n        if (e.keyCode === 13) {\n            const activeTabState = { activeContentIndex: index, tabId: id };\n            this.props.context.actionContext.update(createTabStateInput(activeTabState), activeTabState);\n            this.setState({ currentTabIndex: index });\n\n            // Update query paramter\n            const requestContext = this.props.context.request;\n            const newUrl = this._setGetParameter(requestContext, this.tabIndexQuery, `${this.props.id}:${String(index + 1)}`);\n            requestContext && window.history.pushState({ path: newUrl }, '', newUrl);\n        }\n\n        if (e.keyCode === 39 || e.keyCode === 37) {\n            const { slots } = this.props;\n            const slotLength = (slots && slots.tabItems && slots.tabItems.length) || 0;\n\n            if (e.keyCode === 39) {\n                // If we're at the end, go to the start\n                if (index + 1 === slotLength) {\n                    index = -1;\n                }\n                const activeTabState = { activeContentIndex: index + 1, tabId: id };\n                this.props.context.actionContext.update(createTabStateInput(activeTabState), activeTabState);\n                this.setState({ currentTabIndex: index + 1 });\n\n                // Update query paramter\n                const requestContext = this.props.context.request;\n                const newUrl = this._setGetParameter(requestContext, this.tabIndexQuery, `${this.props.id}:${String(index + 2)}`);\n                requestContext && window.history.pushState({ path: newUrl }, '', newUrl);\n\n                // Move left\n            } else if (e.keyCode === 37) {\n                // If we're at the start, move to the end\n                if (index === 0) {\n                    index = slotLength;\n                }\n                const activeTabState = { activeContentIndex: index - 1, tabId: id };\n                this.props.context.actionContext.update(createTabStateInput(activeTabState), activeTabState);\n                this.setState({ currentTabIndex: index - 1 });\n\n                // Update query paramter\n                const requestContext = this.props.context.request;\n                const newUrl = this._setGetParameter(requestContext, this.tabIndexQuery, `${this.props.id}:${String(index)}`);\n                requestContext && window.history.pushState({ path: newUrl }, '', newUrl);\n            }\n        }\n    };\n\n    private _getTabContent(item: React.ReactNode, index: number): React.ReactNode {\n        return (\n            <React.Fragment key={index}>\n                {React.cloneElement(item as React.ReactElement, {\n                    tabItemType: TabItemType.TabContent,\n                    isSelected: index === this.state.currentTabIndex,\n                    itemIndex: index,\n                    tabId: this.props.id\n                })}\n            </React.Fragment>\n        );\n    }\n\n    private _setGetParameter(requestContext: MsDyn365.IRequestContext, paramName: string, paramValue: string): string {\n        let url;\n\n        if (MsDyn365.msdyn365Commerce.isBrowser) {\n            url = new URL(window.location.href);\n        } else {\n            url = new URL(requestContext.url.requestUrl.href);\n        }\n\n        const params = new window.URLSearchParams(url.search);\n        params.set(paramName, paramValue);\n        url.search = decodeURIComponent(params.toString());\n        return url.toString();\n    }\n}\n\nexport default Tab;\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 { ITabViewProps } from './tab';\n\nconst tabView: React.FC<ITabViewProps> = props => {\n    const { heading, TabContainer, tabHeaders, tabContents } = props;\n    if (!props.heading && !props.tabHeaders && !props.tabContents) {\n        props.context.telemetry.error('Tab content is empty, module wont render');\n        return null;\n    }\n    return (\n        <Module {...TabContainer}>\n            <Node {...props.headerSection}>{heading}</Node>\n            <Node {...props.tabsSection}>{tabHeaders}</Node>\n            <Node {...props.tabItemContainer}>{tabContents}</Node>\n        </Module>\n    );\n};\n\nexport default tabView;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["props","heading","TabContainer","tabHeaders","tabContents","context","telemetry","error","viewPort","_getViewPort","isMobile","tabs","mobileTabHeaders","React","onChange","event","persist","value","target","el","document","querySelector","click","map","item","i","itemEl","key","className","tabIndex","onClick","selected","Module","Object","assign","Node","headerSection","tabsSection","tabItemContainer","MsDyn365","isBrowser","window","innerWidth","gridSettings","request","xs","w","sm","md","lg","binding","modules","dataActions","c","require","$type","da","name","path","runOn","iNM","ns","n","p","pdp","registerSanitizedActionPath","sanitizedActionPath","dataAction","default","Error","prototype","RegistrationId","id","__bindings__","_objectSpread","viewDictionary","cn","createTabStateInput","result","GenericInput","getGenericActionDataAction","createObservableDataAction","action","getGenericAction","input","createTabStateInputInternal","TabItemType","TabItem","constructor","super","moduleContentClassName","moduleHeaderClassName","this","_renderTabHeader","bind","render","slots","renderView","config","data","isSelected","itemIndex","index","contentID","getContentID","tabId","activeContentIDResult","activeTabState","shown","undefined","activeContentIndex","TabContentContainer","moduleProps","classnames","TabHeaderContainer","TabItemContent","tag","role","tabHeader","tabSlots","tabItemTitle","__decorate","observer","Tab","tabIndexQuery","handleHeadingChange","text","_refHandler","link","activeLink","_onClick","e","actionContext","update","setState","currentTabIndex","requestContext","newUrl","_setGetParameter","String","history","pushState","_onKeyDown","keyCode","slotLength","tabItems","length","defaultTabIndex","initialIndex","queryString","query","activeTab","queryTabIndex","indexOf","arr","split","Number","parseInt","state","_getTabHeader","_getTabContent","shouldComponentUpdate","nextProps","nextState","headingComponent","editProps","onEdit","tabViewProps","componentDidUpdate","params","isEditor","dataActionTabId","focus","onKeyDown","ref","tabItemType","TabHeader","TabContent","paramName","paramValue","url","URL","location","href","requestUrl","URLSearchParams","search","set","decodeURIComponent","toString","module","exports","ReactDOM"],"sourceRoot":""}