https://www.mediespana.com/typo3conf/ext/mediprovider/Resources/Public/ReactBuild/NavigationAnchor.chunk.js

1export const id=5338;export const ids=[5338,1432];export const modules={4102:(e,t,s)=>{"use strict";var i=s(4135);function n(){}function o(){}o.resetWarningCache=n,e.exports=function(){function e(e,t,s,n,o,r){if(r!==i){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var s={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:n};return s.PropTypes=s,s}},3398:(e,t,s)=>{e.exports=s(4102)()},4135:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},6865:(e,t,s)=>{"use strict";s.d(t,{Z:()=>c});var i=s(7401),n=s(3398),o=s.n(n),r=s(2674),l=s(6819);class a extends i.Component{constructor(e){super(e),this._name=this.constructor.name,this.state={},this.state.isReady=!1,this.state.ownWidth=null,this.state.isMounted=!1}static getViewportName(){if("undefined"!=typeof window){let e,t=window.innerWidth,s=this.getBreakpoints(),i=this.getViewPorts();for(let n in s)t>=s[n]&&(e=i[n]);return e}}static getViewPorts(){return{xs:"xs",sm:"sm sm-up",md:"md sm-up md-up",lg:"lg sm-up md-up lg-up",xl:"xl sm-up md-up lg-up xl-up"}}

1static getBreakpoints(){return{xs:0,sm:376,md:768,lg:992,xl:1200}}determineOwnWidthAsBreakpointUnit(){let e=this._domElement.offsetWidth,t=a.getBreakpoints(),s="";for(let i in t)e>=t[i]&&(s=i);return s}assembleClassName(){let e=[];const t=this.extendClassName();"string"==typeof t?e.push(t):Array.isArray(t)&&e.push(t.filter((e=>e)).join(" ")),this.props.gridClass&&e.push(this.props.gridClass),this.props.variantColor&&(Array.isArray(this.props.variantColor)?e.concat(this.props.variantColor):e.push(this.props.variantColor)),this.props.blockElement&&e.push(this.props.blockElement),("true"===this.props.isReady||this.state.isReady)&&e.push("is-ready"),"true"===this.props.isActive&&e.push("is-active"),"true"===this.props.isCurrent&&e.push("is-current"),"true"===this.props.isDisabled&&e.push("is-disabled"),this.props.isFocused&&e.push("is-focused"),this.props.isHidden&&e.push("component-is-hidden"),"true"===this.props.isBreakpointSensitive&&e.push("is-breakpoint-sensitive"),this.state.isMounted&&e.push("is-mounted"),this.state.ownWidth&&e.push("own-width--"+this.state.ownWidth);let s=e.join(" ").split(" ");return s.filter(((e,t,s)=>s.indexOf(e)===t)),s.join(" ")}extendClassName(){}getCurrentWidth(){return this._domElement.offsetWidth}mediComponentDidMount(e){this._domElement=r.findDOMNode(this);let t={isMounted:!0,...e};"true"===this.props.renderOwnWidth&&(t.ownWidth=this.determineOwnWidthAsBreakpointUnit()),this.setState(t)}componentDidMount(){this.mediComponentDidMount()}render(){return i.createElement(i.Fragment,null)}}a.propTypes={id:o().string,variantType:o().string,variantModifier:o().string,variantColor:o().string,blockElement:o().string,gridClass:o().string,clickHandler:o().func,blurHandler:o().func,focusHandler:o().func,keyPressHandler:o().func,isDisabled:o().oneOf(["false","true"]),isCurrent:o().oneOf(["false","true"]),isActive:o().oneOf(["false","true"]),isReady:o().oneOf(["false","true"]),renderOwnWidth:o().oneOf(["false","true"]),isFocused:o().bool,isBreakpointSensitive:o().oneOf(["false","true"]),isHidden:o().bool},a.defaultProps={};const c={Component:a,ProptypeValidators:l.Z}},8666:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>a});var i=s(7401),n=s(6865),o=s(3398),r=s.n(o);const l=s(1835).default.Button;class a extends n.Z.Component{constructor(e){super(e),this._wrapRef=i.createRef(),this._listRef=i.createRef(),this.state.isScrollable=!0,this.setIsScrollable=this.setIsScrollable.bind(this),this.setActiveItem=this.setActiveItem.bind(this),this.setScrollPosition=this.setScrollPosition.bind(this),this.state.items=[],this.state.activeItemIndex=null,this.state.navigationHeight=0,this.state.scrollPosition=null,this.childrenRefs=[],this.itemRefs=[],this.documentWindowReference=window}extendClassName(){let e=["m-navigation--anchor"];return this.state.isScrollable&&e.push("is-scrollable","scroll-position-is--"+this.state.scrollPosition),this.state.items.length&&e.push("has-items"),e.join(" ")}parseItems(e){let t=[];this.itemRefs=[],this.props.children&&this.props.children.forEach(((s,n)=>{if(s.props.sectionName){let o=i.createRef();this.itemRefs[n]=o,t[n]=i.createElement("li",{key:"sectionItem"+n,className:"m-navigation--anchor__list-item"},i.createElement(l,{ref:o,clickHandler:e=>this.scrollToChild(n),isCurrent:e===n?"true":"false",text:s.props.sectionName,variantColor:"light-grey-25"}))}})),this.setState({items:t,activeItemIndex:e},(()=>{this.setIsScrollable()}))}setIsScrollable(){if(this._wrapRef.current){let e=this._wrapRef.current.offsetWidth,t=this._wrapRef.current.offsetHeight,s=!0;if(this._listRef.current.scrollWidth===e)s=!1;else if(this.itemRefs[this.state.activeItemIndex]){let t=this.itemRefs[this.state.activeItemIndex].current._domElement.getBoundingClientRect(),s=this._wrapRef.current.scrollLeft,i=-(e-t.left),n=s-Math.abs(t.left),o=s;t.left<0?(o=s-(s-n),this._wrapRef.current.scrollTo(o,0)):t.left+t.width>e&&(o=i+t.width+s,this._wrapRef.current.scrollTo(o,0))}this.setState({isScrollable:s,navigationHeight:t})}}scrollToChild(e){let t=this.childrenRefs[e].current._domElement.offsetTop-this.state.navigationHeight;this.documentWindowReference.scrollTo(0,t)}setActiveItem(){if(this.childrenRefs.length){let e=null;

1this.childrenRefs.forEach(((t,s)=>{t.current&&Math.floor(t.current._domElement.getBoundingClientRect().top)<=this.state.navigationHeight&&(e=s)})),this.state.activeItemIndex!==e&&this.parseItems(e)}}setScrollPosition(){let e="initial",t=this._wrapRef.current.offsetWidth,s=this._listRef.current.scrollWidth,i=this._wrapRef.current.scrollLeft;i>0&&(e="in-progress"),s-t===Math.floor(i)&&(e="end"),this.state.scrollPosition!==e&&this.setState({scrollPosition:e})}componentDidMount(){this.mediComponentDidMount(),this.parseItems(),document.getElementsByClassName("sb-show-main").length&&(this.documentWindowReference=document.getElementById("root").childNodes[0],this.documentWindowReference.style.scrollBehavior="smooth"),this.documentWindowReference.addEventListener("resize",this.setIsScrollable),this.documentWindowReference.addEventListener("scroll",this.setActiveItem)}componentDidUpdate(){null===this.state.scrollPosition&&this._wrapRef.current&&(this._wrapRef.current.addEventListener("scroll",this.setScrollPosition),this.setState({scrollPosition:"initial"}))}render(){return i.createElement(i.Fragment,null,i.createElement("div",{id:this.props.id,className:this.assembleClassName()},this.state.items.length?i.createElement("div",{className:"m-navigation--anchor__header"},i.createElement("div",{className:"container"},i.createElement("div",{ref:this._wrapRef,className:"m-navigation--anchor__wrap"},i.createElement("ul",{ref:this._listRef,className:"m-navigation--anchor__list"},this.state.items)))):"",this.props.children?this.props.children.map(((e,t)=>{if(e.props.sectionName){let s=i.createRef();return this.childrenRefs[t]=s,i.cloneElement(e,{ref:s,key:"child"+t})}return i.cloneElement(e,{key:"child"+t})})):""))}}a.propTypes={children:r().node}},6819:(e,t,s)=>{"use strict";s.d(t,{Z:()=>o});var i=s(1519);class n{static validateAllowedValues(e,t,s,i,n,o){let r=e[t];if("function"==typeof n&&(n=n()),r){let e=r;Array.isArray(r)||(e=o?r.split(o):[r]),e.forEach(((e,n)=>{-1===i.indexOf(e)&&console.error('Invalid value "'+e+'" for prop `'+t+"` supplied to `"+s+'`.\nExpected one of: "'+i.join(",")+'".\n')}))}else n&&console.error("Empty value for prop `"+t+"` supplied to `"+s+'`.\nExpected one of: "'+i.join(",")+'".\n')}static validateAllowedSubcomponents(e,t,s,i){let n=[].concat(e,["ComponentFromJson"]),o=t[s];if(o&&o.type)if("object"==typeof o.type)o.type.load(o.props).then((e=>{let t=(new e.default).constructor.name;-1===n.indexOf(t)&&console.error("Invalid component type "+t+" for prop `"+s+"` supplied to `"+i+'`.\nExpected one of: "'+n.join(",")+'".\n')}));else{let e=o.type.name;-1===n.indexOf(e)&&console.error("Invalid component type "+e+" for prop `"+s+"` supplied to `"+i+'`.\nExpected one of: "'+n.join(",")+'".\n')}}static validateAllowedComponentTypes(e,t,s,i){i.push("ComponentFromJson");let n=e[t];n&&n.type&&n.type.load(n.props).then((e=>{let n=(new e.default).constructor.name;-1===i.indexOf(n)&&console.error("Invalid component type "+n+" for prop `"+t+"` supplied to `"+s+'`.\nExpected one of: "'+i.join(",")+'".\n')}))}}(0,i.Z)(n,"allowedTextTags",["a","p","ul","ol","li","i","b","strong","br","em","quote","span","h1","h2","h3","h4","h5","h6","blockquote","footer","cite"]),(0,i.Z)(n,"allowedHeadlineTags",["h1","h2","h3","h4","h5","h6","span"]),(0,i.Z)(n,"allowedHtmlTags",["div","table","tbody","tr","td","th","br"]);const o=n},1519:(e,t,s)=>{"use strict";function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function n(e,t,s){return n=function(e,t){if("object"!=i(e)||!e)return e;var s=e[Symbol.toPrimitive];if(void 0!==s){var n=s.call(e,"string");if("object"!=i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(t),(t="symbol"==i(n)?n:String(n))in e?Object.defineProperty(e,t,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e;var n}s.d(t,{Z:()=>n})}};