{"version":3,"sources":["core/components/Collapse/Collapse.tsx","core/styles/Containers.ts","core/sitecore/experience-editor/ExperienceEditorContent/ExperienceEditorContent.content.ts","core/sitecore/experience-editor/ExperienceEditorContent/ExperienceEditorContent.tsx","../node_modules/react-animate-height/lib/AnimateHeight.js","core/utils/accessibility-utils.ts","../node_modules/react-animate-height/node_modules/classnames/index.js","core/sitecore/experience-editor/ExperienceEditorContent/ExperienceEditorContent.style.ts","core/sitecore/experience-editor/ExperienceEditorButton/ExperienceEditorButton.tsx","jss-components/t01-navigation/Header/Header.style.ts"],"names":["Collapse","isOpen","forceFlexDisplay","className","contentClassName","duration","onOpenStart","onCloseStart","onOpenEnd","onCloseEnd","ariaAttributes","children","height","aria-expanded","ariaExpanded","undefined","onAnimationStart","executeCallback","onAnimationEnd","style","display","ContentWithPadding","styled","div","withBorderTop","theme","css","global","borders","hr","padding","margin","EEFieldDefinitionList","dl","subHeadingSmall","caption","EECtaWrapper","button","mx","DISMISS","TOGGLE_COLLAPSE","ExperienceEditorContent","elementDefinitions","startCollapsed","title","CONTENT","useState","isVisuallyHidden","setIsVisuallyHidden","isActuallyHidden","setIsActuallyHidden","isCollapsed","setIsCollapsed","ExperienceEditorContext","Consumer","isEE","hidden","Icon","marginRight","size","name","ICONS","VISIBILITY_OFF","ExperienceEditorButton","StyledComponent","S","type","callback","c","aria-label","CHEVRON_RIGHT","rotate","CLOSE","map","jss","Fragment","key","field","Object","defineProperty","exports","value","_typeof","Symbol","iterator","obj","constructor","prototype","_extends","assign","target","i","arguments","length","source","hasOwnProperty","call","_createClass","defineProperties","props","descriptor","enumerable","configurable","writable","Constructor","protoProps","staticProps","_react2","_interopRequireDefault","require","_propTypes2","_classnames2","__esModule","default","_defineProperty","ANIMATION_STATE_CLASSES","animating","animatingUp","animatingDown","animatingToHeightZero","animatingToHeightAuto","animatingToHeightSpecific","static","staticHeightZero","staticHeightAuto","staticHeightSpecific","PROPS_TO_OMIT","omit","_len","keys","Array","_key","res","objectKeys","indexOf","cancelAnimationFrames","requestAnimationFrameIDs","forEach","id","cancelAnimationFrame","isNumber","n","isNaN","parseFloat","isFinite","isPercentage","search","substr","runCallback","params","AnimateHeight","_React$Component","instance","TypeError","_classCallCheck","this","_this","self","ReferenceError","_possibleConstructorReturn","__proto__","getPrototypeOf","animationFrameIDs","overflow","animationStateClasses","getStaticStateClasses","state","shouldUseTransitions","subClass","superClass","create","setPrototypeOf","_inherits","contentElement","hideContent","prevProps","prevState","_this2","_props","delay","_cx","showContent","contentHeight","offsetHeight","totalDuration","newHeight","timeoutState","isCurrentHeightAuto","timeoutAnimationStateClasses","setState","clearTimeout","timeoutID","animationClassesTimeoutID","requestAnimationFrame","startAnimationHelper","setTimeout","_cx2","_cx3","_this3","_props2","animateOpacity","applyInlineTransitions","easing","_state","componentStyle","transition","WebkitTransition","contentStyle","opacity","componentClasses","ariaHidden","createElement","apply","concat","ref","el","Component","propTypes","bool","object","any","isRequired","string","number","propName","componentName","func","defaultProps","bindKeyboardControls","e","KEYBOARD_EVENT_KEYS","SPACEBAR","ENTER","preventDefault","callbackExists","click","hasOwn","classNames","classes","arg","argType","push","isArray","inner","join","module","PRIMARY","noticeBadge","primary","SECONDARY","secondary","Wrapper","Content","Header","Notice","Controls","IsCollapsed","span","Button","ToggleCollapse","Dismiss","GS","onMouseDown","onKeyUp","Ul","ul","page","authenticatedHeader","subItems","desktop","fontColor","vr","FONT_WEIGHT","LIGHT","color","Pill","notifications","pill"],"mappings":"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","file":"static/js/11.2a9215d6.chunk.js","sourcesContent":["import React from 'react';\nimport AnimateHeight from 'react-animate-height';\n\nimport { executeCallback } from 'core/utils/global-utils';\n\ninterface IProps {\n\tisOpen: boolean;\n\n\tforceFlexDisplay?: boolean;\n\tclassName?: string;\n\tcontentClassName?: string;\n\tduration?: number;\n\n\tonOpenStart?: () => void;\n\tonCloseStart?: () => void;\n\tonOpenEnd?: () => void;\n\tonCloseEnd?: () => void;\n\n\tariaAttributes?: { [key: string]: string | number };\n\n\tchildren: React.ReactNode;\n}\n\nconst Collapse = ({\n\tisOpen,\n\n\tforceFlexDisplay,\n\tclassName,\n\tcontentClassName,\n\tduration = 300,\n\n\tonOpenStart,\n\tonCloseStart,\n\tonOpenEnd,\n\tonCloseEnd,\n\n\tariaAttributes,\n\n\tchildren,\n}: IProps) => (\n\t {\n\t\t\tif (isOpen) {\n\t\t\t\texecuteCallback(onOpenStart);\n\t\t\t} else {\n\t\t\t\texecuteCallback(onCloseStart);\n\t\t\t}\n\t\t}}\n\t\tonAnimationEnd={() => {\n\t\t\tif (isOpen) {\n\t\t\t\texecuteCallback(onOpenEnd);\n\t\t\t} else {\n\t\t\t\texecuteCallback(onCloseEnd);\n\t\t\t}\n\t\t}}\n\t\tstyle={forceFlexDisplay ? { display: 'flex' } : {}}\n\t>\n\t\t{children}\n\t\n);\n\nexport default Collapse;\n","/**\n * Repetitively used Style Component across the app.\n */\n\nimport styled, { css } from 'styled-components';\n\nimport * as mx from 'core/styles/mixins';\nimport {\n\tcaption,\n\tsubHeadingSmall,\n} from 'core/styles/Typography/Typography.style';\n\n/* Add padding to the content */\nexport const ContentWithPadding = styled.div<{\n\tpadding?: string;\n\twithBorderTop?: boolean;\n\tmargin?: string;\n}>`\n\t${({ withBorderTop, theme }) =>\n\t\twithBorderTop &&\n\t\tcss`\n\t\t\tborder-top: 1px solid ${theme.global.borders.hr};\n\t\t`}\n\n\tpadding: ${({ padding }) => padding ?? '25px'};\n\tmargin: ${({ margin }) => margin ?? '0'};\n`;\n\nexport const EEFieldDefinitionList = styled.dl`\n\tpadding: 0 10px;\n\tmargin: 0;\n\n\tdt {\n\t\t${subHeadingSmall}\n\t}\n\n\tdd {\n\t\t${caption}\n\t}\n\n\tdd {\n\t\tmargin-left: 0;\n\t}\n`;\n\nexport const EECtaWrapper = styled.button`\n\t${mx.buttonReset}\n`;\n","export default {\n\tDEFAULT_TEXT: 'CMS only',\n\tIS_COLLAPSED: 'collapsed',\n\tHOVER_HELP_TEXT:\n\t\t\"This is only visible in Sitecore's Experience Editor for ease-of-authoring.\",\n\n\tBUTTONS: {\n\t\tDISMISS: 'Dismiss',\n\t\tTOGGLE_COLLAPSE: 'Toggle collapse content',\n\t},\n};\n","/**\n * Displays content provided only in Sitecore's Experience Editor,\n * and in a visually consistent frame that can be expanded/collapsed,\n * dismissed (hidden completely) and given a title.\n *\n * The intention of this component is to provide components a means\n * to provide/surface other JSS fields for an author to see/author, when\n * otherwise it might be hidden (e.g. for anything conditionally rendered).\n */\n\nimport React, { useState } from 'react';\nimport { Text } from '@sitecore-jss/sitecore-jss-react';\n\nimport ExperienceEditorContext from 'core/sitecore/ExperienceEditorContext';\nimport ExperienceEditorButton from 'core/sitecore/experience-editor/ExperienceEditorButton';\nimport { Icon, ICONS } from 'core/components/Icon';\nimport Collapse from 'core/components/Collapse';\nimport { JssTextType } from 'core/utils/sitecore-utils';\nimport * as GS from 'core/styles/Containers';\n\nimport * as S from './ExperienceEditorContent.style';\nimport CONTENT from './ExperienceEditorContent.content';\n\ninterface IProps {\n\tchildren?: React.ReactNode;\n\ttitle?: string;\n\tmargin?: string;\n\tstartCollapsed?: boolean;\n\telementDefinitions?: { name: string; jss: JssTextType }[];\n}\n\nconst ExperienceEditorContent = ({\n\tmargin,\n\tchildren,\n\telementDefinitions,\n\tstartCollapsed = false,\n\ttitle = CONTENT.DEFAULT_TEXT,\n}: IProps) => {\n\t// 'Dismiss'; two state variables so we can animate close and then 'display: none'\n\tconst [isVisuallyHidden, setIsVisuallyHidden] = useState(false);\n\tconst [isActuallyHidden, setIsActuallyHidden] = useState(false);\n\n\t// Toggle collapse content\n\tconst [isCollapsed, setIsCollapsed] = useState(startCollapsed);\n\n\treturn (\n\t\t\n\t\t\t{(isEE: boolean) =>\n\t\t\t\tisEE && (\n\t\t\t\t\t setIsActuallyHidden(true)}\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{isCollapsed && (\n\t\t\t\t\t\t\t\t\t\t{CONTENT.IS_COLLAPSED}\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t setIsCollapsed(c => !c)}\n\t\t\t\t\t\t\t\t\t\taria-label={CONTENT.BUTTONS.TOGGLE_COLLAPSE}\n\t\t\t\t\t\t\t\t\t\ttitle={CONTENT.BUTTONS.TOGGLE_COLLAPSE}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t setIsVisuallyHidden(true)}\n\t\t\t\t\t\t\t\t\t\taria-label={CONTENT.BUTTONS.DISMISS}\n\t\t\t\t\t\t\t\t\t\ttitle={CONTENT.BUTTONS.DISMISS}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{elementDefinitions && (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{elementDefinitions?.map(({ name, jss }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
{name}:
\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t)\n\t\t\t}\n\t\t
\n\t);\n};\n\nexport default ExperienceEditorContent;\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ANIMATION_STATE_CLASSES = {\n animating: 'rah-animating',\n animatingUp: 'rah-animating--up',\n animatingDown: 'rah-animating--down',\n animatingToHeightZero: 'rah-animating--to-height-zero',\n animatingToHeightAuto: 'rah-animating--to-height-auto',\n animatingToHeightSpecific: 'rah-animating--to-height-specific',\n static: 'rah-static',\n staticHeightZero: 'rah-static--height-zero',\n staticHeightAuto: 'rah-static--height-auto',\n staticHeightSpecific: 'rah-static--height-specific'\n};\n\nvar PROPS_TO_OMIT = ['animateOpacity', 'animationStateClasses', 'applyInlineTransitions', 'children', 'contentClassName', 'delay', 'duration', 'easing', 'height', 'onAnimationEnd', 'onAnimationStart'];\n\nfunction omit(obj) {\n for (var _len = arguments.length, keys = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n keys[_key - 1] = arguments[_key];\n }\n\n if (!keys.length) {\n return obj;\n }\n\n var res = {};\n var objectKeys = Object.keys(obj);\n\n for (var i = 0; i < objectKeys.length; i++) {\n var key = objectKeys[i];\n\n if (keys.indexOf(key) === -1) {\n res[key] = obj[key];\n }\n }\n\n return res;\n}\n\n// Start animation helper using nested requestAnimationFrames\nfunction startAnimationHelper(callback) {\n var requestAnimationFrameIDs = [];\n\n requestAnimationFrameIDs[0] = requestAnimationFrame(function () {\n requestAnimationFrameIDs[1] = requestAnimationFrame(function () {\n callback();\n });\n });\n\n return requestAnimationFrameIDs;\n}\n\nfunction cancelAnimationFrames(requestAnimationFrameIDs) {\n requestAnimationFrameIDs.forEach(function (id) {\n return cancelAnimationFrame(id);\n });\n}\n\nfunction isNumber(n) {\n return !isNaN(parseFloat(n)) && isFinite(n);\n}\n\nfunction isPercentage(height) {\n // Percentage height\n return typeof height === 'string' && height.search('%') === height.length - 1 && isNumber(height.substr(0, height.length - 1));\n}\n\nfunction runCallback(callback, params) {\n if (callback && typeof callback === 'function') {\n callback(params);\n }\n}\n\nvar AnimateHeight = function (_React$Component) {\n _inherits(AnimateHeight, _React$Component);\n\n function AnimateHeight(props) {\n _classCallCheck(this, AnimateHeight);\n\n var _this = _possibleConstructorReturn(this, (AnimateHeight.__proto__ || Object.getPrototypeOf(AnimateHeight)).call(this, props));\n\n _this.animationFrameIDs = [];\n\n var height = 'auto';\n var overflow = 'visible';\n\n if (isNumber(props.height)) {\n // If value is string \"0\" make sure we convert it to number 0\n height = props.height < 0 || props.height === '0' ? 0 : props.height;\n overflow = 'hidden';\n } else if (isPercentage(props.height)) {\n // If value is string \"0%\" make sure we convert it to number 0\n height = props.height === '0%' ? 0 : props.height;\n overflow = 'hidden';\n }\n\n _this.animationStateClasses = _extends({}, ANIMATION_STATE_CLASSES, props.animationStateClasses);\n\n var animationStateClasses = _this.getStaticStateClasses(height);\n\n _this.state = {\n animationStateClasses: animationStateClasses,\n height: height,\n overflow: overflow,\n shouldUseTransitions: false\n };\n return _this;\n }\n\n _createClass(AnimateHeight, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var height = this.state.height;\n\n // Hide content if height is 0 (to prevent tabbing into it)\n // Check for contentElement is added cause this would fail in tests (react-test-renderer)\n // Read more here: https://github.com/Stanko/react-animate-height/issues/17\n\n if (this.contentElement && this.contentElement.style) {\n this.hideContent(height);\n }\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate(prevProps, prevState) {\n var _this2 = this;\n\n var _props = this.props,\n delay = _props.delay,\n duration = _props.duration,\n height = _props.height,\n onAnimationEnd = _props.onAnimationEnd,\n onAnimationStart = _props.onAnimationStart;\n\n // Check if 'height' prop has changed\n\n if (this.contentElement && height !== prevProps.height) {\n var _cx;\n\n // Remove display: none from the content div\n // if it was hidden to prevent tabbing into it\n this.showContent(prevState.height);\n\n // Cache content height\n this.contentElement.style.overflow = 'hidden';\n var contentHeight = this.contentElement.offsetHeight;\n this.contentElement.style.overflow = '';\n\n // set total animation time\n var totalDuration = duration + delay;\n\n var newHeight = null;\n var timeoutState = {\n height: null, // it will be always set to either 'auto' or specific number\n overflow: 'hidden'\n };\n var isCurrentHeightAuto = prevState.height === 'auto';\n\n if (isNumber(height)) {\n // If value is string \"0\" make sure we convert it to number 0\n newHeight = height < 0 || height === '0' ? 0 : height;\n timeoutState.height = newHeight;\n } else if (isPercentage(height)) {\n // If value is string \"0%\" make sure we convert it to number 0\n newHeight = height === '0%' ? 0 : height;\n timeoutState.height = newHeight;\n } else {\n // If not, animate to content height\n // and then reset to auto\n newHeight = contentHeight; // TODO solve contentHeight = 0\n timeoutState.height = 'auto';\n timeoutState.overflow = null;\n }\n\n if (isCurrentHeightAuto) {\n // This is the height to be animated to\n timeoutState.height = newHeight;\n\n // If previous height was 'auto'\n // set starting height explicitly to be able to use transition\n newHeight = contentHeight;\n }\n\n // Animation classes\n var animationStateClasses = (0, _classnames2.default)((_cx = {}, _defineProperty(_cx, this.animationStateClasses.animating, true), _defineProperty(_cx, this.animationStateClasses.animatingUp, prevProps.height === 'auto' || height < prevProps.height), _defineProperty(_cx, this.animationStateClasses.animatingDown, height === 'auto' || height > prevProps.height), _defineProperty(_cx, this.animationStateClasses.animatingToHeightZero, timeoutState.height === 0), _defineProperty(_cx, this.animationStateClasses.animatingToHeightAuto, timeoutState.height === 'auto'), _defineProperty(_cx, this.animationStateClasses.animatingToHeightSpecific, timeoutState.height > 0), _cx));\n\n // Animation classes to be put after animation is complete\n var timeoutAnimationStateClasses = this.getStaticStateClasses(timeoutState.height);\n\n // Set starting height and animating classes\n // We are safe to call set state as it will not trigger infinite loop\n // because of the \"height !== prevProps.height\" check\n this.setState({ // eslint-disable-line react/no-did-update-set-state\n animationStateClasses: animationStateClasses,\n height: newHeight,\n overflow: 'hidden',\n // When animating from 'auto' we first need to set fixed height\n // that change should be animated\n shouldUseTransitions: !isCurrentHeightAuto\n });\n\n // Clear timeouts\n clearTimeout(this.timeoutID);\n clearTimeout(this.animationClassesTimeoutID);\n\n if (isCurrentHeightAuto) {\n // When animating from 'auto' we use a short timeout to start animation\n // after setting fixed height above\n timeoutState.shouldUseTransitions = true;\n\n cancelAnimationFrames(this.animationFrameIDs);\n this.animationFrameIDs = startAnimationHelper(function () {\n _this2.setState(timeoutState);\n\n // ANIMATION STARTS, run a callback if it exists\n runCallback(onAnimationStart, { newHeight: timeoutState.height });\n });\n\n // Set static classes and remove transitions when animation ends\n this.animationClassesTimeoutID = setTimeout(function () {\n _this2.setState({\n animationStateClasses: timeoutAnimationStateClasses,\n shouldUseTransitions: false\n });\n\n // ANIMATION ENDS\n // Hide content if height is 0 (to prevent tabbing into it)\n _this2.hideContent(timeoutState.height);\n // Run a callback if it exists\n runCallback(onAnimationEnd, { newHeight: timeoutState.height });\n }, totalDuration);\n } else {\n // ANIMATION STARTS, run a callback if it exists\n runCallback(onAnimationStart, { newHeight: newHeight });\n\n // Set end height, classes and remove transitions when animation is complete\n this.timeoutID = setTimeout(function () {\n timeoutState.animationStateClasses = timeoutAnimationStateClasses;\n timeoutState.shouldUseTransitions = false;\n\n _this2.setState(timeoutState);\n\n // ANIMATION ENDS\n // If height is auto, don't hide the content\n // (case when element is empty, therefore height is 0)\n if (height !== 'auto') {\n // Hide content if height is 0 (to prevent tabbing into it)\n _this2.hideContent(newHeight); // TODO solve newHeight = 0\n }\n // Run a callback if it exists\n runCallback(onAnimationEnd, { newHeight: newHeight });\n }, totalDuration);\n }\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n cancelAnimationFrames(this.animationFrameIDs);\n\n clearTimeout(this.timeoutID);\n clearTimeout(this.animationClassesTimeoutID);\n\n this.timeoutID = null;\n this.animationClassesTimeoutID = null;\n this.animationStateClasses = null;\n }\n }, {\n key: 'showContent',\n value: function showContent(height) {\n if (height === 0) {\n this.contentElement.style.display = '';\n }\n }\n }, {\n key: 'hideContent',\n value: function hideContent(newHeight) {\n if (newHeight === 0) {\n this.contentElement.style.display = 'none';\n }\n }\n }, {\n key: 'getStaticStateClasses',\n value: function getStaticStateClasses(height) {\n var _cx2;\n\n return (0, _classnames2.default)((_cx2 = {}, _defineProperty(_cx2, this.animationStateClasses.static, true), _defineProperty(_cx2, this.animationStateClasses.staticHeightZero, height === 0), _defineProperty(_cx2, this.animationStateClasses.staticHeightSpecific, height > 0), _defineProperty(_cx2, this.animationStateClasses.staticHeightAuto, height === 'auto'), _cx2));\n }\n }, {\n key: 'render',\n value: function render() {\n var _cx3,\n _this3 = this;\n\n var _props2 = this.props,\n animateOpacity = _props2.animateOpacity,\n applyInlineTransitions = _props2.applyInlineTransitions,\n children = _props2.children,\n className = _props2.className,\n contentClassName = _props2.contentClassName,\n delay = _props2.delay,\n duration = _props2.duration,\n easing = _props2.easing,\n id = _props2.id,\n style = _props2.style;\n var _state = this.state,\n height = _state.height,\n overflow = _state.overflow,\n animationStateClasses = _state.animationStateClasses,\n shouldUseTransitions = _state.shouldUseTransitions;\n\n\n var componentStyle = _extends({}, style, {\n height: height,\n overflow: overflow || style.overflow\n });\n\n if (shouldUseTransitions && applyInlineTransitions) {\n componentStyle.transition = 'height ' + duration + 'ms ' + easing + ' ' + delay + 'ms';\n\n // Include transition passed through styles\n if (style.transition) {\n componentStyle.transition = style.transition + ', ' + componentStyle.transition;\n }\n\n // Add webkit vendor prefix still used by opera, blackberry...\n componentStyle.WebkitTransition = componentStyle.transition;\n }\n\n var contentStyle = {};\n\n if (animateOpacity) {\n contentStyle.transition = 'opacity ' + duration + 'ms ' + easing + ' ' + delay + 'ms';\n // Add webkit vendor prefix still used by opera, blackberry...\n contentStyle.WebkitTransition = contentStyle.transition;\n\n if (height === 0) {\n contentStyle.opacity = 0;\n }\n }\n\n var componentClasses = (0, _classnames2.default)((_cx3 = {}, _defineProperty(_cx3, animationStateClasses, true), _defineProperty(_cx3, className, className), _cx3));\n\n // Check if user passed aria-hidden prop\n var hasAriaHiddenProp = typeof this.props['aria-hidden'] !== 'undefined';\n var ariaHidden = hasAriaHiddenProp ? this.props['aria-hidden'] : height === 0;\n\n return _react2.default.createElement(\n 'div',\n _extends({}, omit.apply(undefined, [this.props].concat(PROPS_TO_OMIT)), {\n 'aria-hidden': ariaHidden,\n className: componentClasses,\n id: id,\n style: componentStyle\n }),\n _react2.default.createElement(\n 'div',\n {\n className: contentClassName,\n style: contentStyle,\n ref: function ref(el) {\n return _this3.contentElement = el;\n }\n },\n children\n )\n );\n }\n }]);\n\n return AnimateHeight;\n}(_react2.default.Component);\n\nvar heightPropType = function heightPropType(props, propName, componentName) {\n var value = props[propName];\n\n if (typeof value === 'number' && value >= 0 || isPercentage(value) || value === 'auto') {\n return null;\n }\n\n return new TypeError('value \"' + value + '\" of type \"' + (typeof value === 'undefined' ? 'undefined' : _typeof(value)) + '\" is invalid type for ' + propName + ' in ' + componentName + '. ' + 'It needs to be a positive number, string \"auto\" or percentage string (e.g. \"15%\").');\n};\n\nAnimateHeight.propTypes = {\n 'aria-hidden': _propTypes2.default.bool,\n animateOpacity: _propTypes2.default.bool,\n animationStateClasses: _propTypes2.default.object,\n applyInlineTransitions: _propTypes2.default.bool,\n children: _propTypes2.default.any.isRequired,\n className: _propTypes2.default.string,\n contentClassName: _propTypes2.default.string,\n delay: _propTypes2.default.number,\n duration: _propTypes2.default.number,\n easing: _propTypes2.default.string,\n height: heightPropType,\n id: _propTypes2.default.string,\n onAnimationEnd: _propTypes2.default.func,\n onAnimationStart: _propTypes2.default.func,\n style: _propTypes2.default.object\n};\n\nAnimateHeight.defaultProps = {\n animateOpacity: false,\n animationStateClasses: ANIMATION_STATE_CLASSES,\n applyInlineTransitions: true,\n duration: 250,\n delay: 0,\n easing: 'ease',\n style: {}\n};\n\nexports.default = AnimateHeight;","import React from 'react';\nimport { callbackExists } from 'core/utils/global-utils';\nimport { KEYBOARD_EVENT_KEYS } from 'core/constants';\n\nexport function bindKeyboardControls(\n\te: React.KeyboardEvent,\n\tcallback?: (e: React.KeyboardEvent) => void,\n) {\n\tif (\n\t\te &&\n\t\t(e.key === KEYBOARD_EVENT_KEYS.SPACEBAR ||\n\t\t\te.key === KEYBOARD_EVENT_KEYS.ENTER)\n\t) {\n\t\te.preventDefault();\n\n\t\t// If no callback specified, trigger a click on the element\n\t\tif (callbackExists(callback)) {\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\t\tcallback!(e);\n\t\t} else {\n\t\t\t(e.target as HTMLButtonElement).click();\n\t\t}\n\t}\n}\n\nexport function disableSpacebarScroll(\n\te: React.KeyboardEvent,\n) {\n\tif (e && e.key === ' ') {\n\t\te.preventDefault();\n\t}\n}\n","/*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import styled, { css } from 'styled-components';\n\nimport * as mx from 'core/styles/mixins';\nimport { Icon } from 'core/components/Icon/Icon.style';\nimport { noticeBadge } from '../../../styles/variables';\n\n// -------------------------\n\nexport const PRIMARY = noticeBadge.primary;\nexport const SECONDARY = noticeBadge.secondary;\n// -------------------------\n\nexport const Wrapper = styled.div<{\n\tmargin?: string;\n\thidden: boolean;\n}>`\n\tposition: relative;\n\tborder: 1px dashed ${PRIMARY};\n\n\t${({ margin }) =>\n\t\tmargin &&\n\t\tcss`\n\t\t\tmargin: ${margin};\n\t\t`}\n\n\t${({ hidden }) =>\n\t\thidden &&\n\t\tcss`\n\t\t\tdisplay: none;\n\t\t`}\n`;\n\nexport const Content = styled.div`\n\tpadding: 5px;\n\tpadding-top: 0;\n`;\n\nexport const Header = styled.div`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tpadding: 5px;\n`;\n\nexport const Notice = styled.div`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tbackground-color: ${PRIMARY};\n\tcolor: ${SECONDARY};\n\tborder-radius: 15px;\n\tpadding: 2px 6px;\n\tfont-size: 12px;\n\tcursor: help;\n\tline-height: 12px;\n`;\n\nexport const Controls = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n`;\n\nexport const IsCollapsed = styled.span`\n\tfont-size: 10px;\n\tcolor: ${PRIMARY};\n\tmargin-right: 5px;\n`;\n\nconst Button = styled.button`\n\t${mx.buttonReset}\n\t${mx.square('25px')}\n\tcolor: ${PRIMARY};\n\tcursor: pointer;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\topacity: 0.5;\n\n\t&:hover,\n\t&:focus {\n\t\topacity: 1;\n\t}\n`;\n\nexport const ToggleCollapse = styled(Button)``;\n\nexport const Dismiss = styled(Button)`\n\t&:hover,\n\t&:focus {\n\t\t&:not(:active) {\n\t\t\t${Icon} {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t}\n\t\t}\n\t}\n`;\n","/**\n * Links and buttons don't 'work' properly in Sitecore's Experience\n * Editor because it supresses `onClick` events so that authors can\n * click-to-edit links/buttons without activating them.\n *\n * We can get around this by utilising another (similar) event handler,\n * `onMouseDown`, as well as taking some additional measures to bring\n * things like keyboard accessibility back on parity with `onClick`.\n *\n * Note this is intended for use within the likes of `ExperienceEditorContent`\n * and thus doesn't have `ExperienceEditorContext` checks of its own.\n */\n\nimport React from 'react';\nimport { StyledComponent } from 'styled-components';\n\nimport { bindKeyboardControls } from 'core/utils/accessibility-utils';\nimport * as GS from 'core/styles/Containers';\n\ninterface IProps extends React.ButtonHTMLAttributes {\n\tStyledComponent?: StyledComponent<'button', any, {}, never>;\n\tcallback: (\n\t\tevent:\n\t\t\t| React.MouseEvent\n\t\t\t| React.KeyboardEvent,\n\t) => void;\n\tchildren: React.ReactNode;\n}\n\nconst ExperienceEditorButton = ({\n\tStyledComponent = GS.EECtaWrapper,\n\tcallback,\n\tchildren,\n\t...props\n}: IProps) => (\n\t bindKeyboardControls(e, callback)}\n\t\t{...props}\n\t>\n\t\t{children}\n\t\n);\n\nexport default ExperienceEditorButton;\n","import styled from 'styled-components';\n\nimport { FONT_WEIGHT } from 'core/styles/fonts';\nimport * as mx from 'core/styles/mixins';\nimport * as vr from 'core/styles/variables';\n\n// ------------------------------------\n// Shared component styles\n\nexport const Ul = styled.ul`\n\t${mx.listReset}\n\n\t&& > li {\n\t\tmargin: 0;\n\t\ta {\n\t\t\tcolor: ${({ theme }) =>\n\t\t\t\ttheme.global.page.authenticatedHeader.subItems.desktop.fontColor};\n\t\t\tpadding: 12px 28px;\n\t\t\tfont-size: ${vr.formfieldFontSize};\n\t\t\tfont-weight: ${FONT_WEIGHT.LIGHT};\n\t\t\tborder-left: 3px solid transparent;\n\t\t\theight: 56px;\n\t\t}\n\n\t\ta:hover {\n\t\t\tcolor: ${({ theme }) =>\n\t\t\t\ttheme.global.page.authenticatedHeader.subItems.fontColor};\n\t\t\tbackground-color: ${({ theme }) =>\n\t\t\t\ttheme.global.page.authenticatedHeader.subItems.color};\n\t\t}\n\t}\n`;\n\nexport const Pill = styled.span`\n\tbackground-color: ${({ theme }) =>\n\t\ttheme.global.page.authenticatedHeader.notifications.pill.color};\n\tcolor: ${vr.brandWhite};\n\tborder-radius: 24px;\n\tpadding: 0;\n\tmargin-right: 0;\n\tmargin-left: 5px;\n\tmin-width: 23px;\n\tfont-size: ${vr.formfieldHelpTextFontSize};\n`;\n"],"sourceRoot":""}