{"version":3,"file":"view-script.min.js","sources":["../../../../block-editor/blocks/panels/view-script.js"],"sourcesContent":["class Panel {\n\tconstructor( node ) {\n\t\tthis.node        = node;\n\t\tthis.openedClass = 'panels__panel--opened';\n\t\tthis.opened      = this.node.classList.contains(this.openedClass);\n\t\tthis.title       = this.node.querySelector('.panels__title');\n\t\tthis.content     = this.node.querySelector('.panels__content');\n\n\t\tif ( this.title ) {\n\t\t\tthis.title.addEventListener( 'click', () => this.toggle() );\n\t\t}\n\t}\n\n\topen() {\n\t\tthis.node.classList.add( this.openedClass );\n\t\tthis.title.setAttribute( 'aria-expanded','true' );\n\n\t\tthis.content.style.display  = 'block';\n\t\tthis.content.style.position = 'absolute';\n\n\t\tlet height = this.content.offsetHeight;\n\n\t\tthis.content.style.position = '';\n\t\tthis.content.style.height   = '0px';\n\t\tthis.content.style.overflow = 'hidden';\n\n\t\tlet transitionend = (e) => {\n\t\t\tthis.content.removeAttribute('style');\n\t\t\tthis.opened = true;\n\t\t\tthis.content.removeEventListener('transitionend', transitionend);\n\n\t\t\tthis.node.dispatchEvent( new CustomEvent( 'panel:opened', { bubbles: true, cancelable: false } ) );\n\t\t}\n\n\t\tthis.content.addEventListener('transitionend', transitionend);\n\n\t\tthis.content.style.transitionProperty = 'height, opacity';\n\t\tthis.content.style.transitionDuration = '300ms';\n\t\tthis.content.style.transitionTimingFunction = 'cubic-bezier(0.68, -0.55, 0.265, 1.55), linear';\n\n\t\trequestAnimationFrame(() => {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tthis.content.style.height = `${height}px`;\n\t\t\t\tthis.content.style.opacity = 1;\n\t\t\t})\n\t\t});\n\t}\n\n\tclose() {\n\t\tthis.node.classList.remove(this.openedClass);\n\t\tthis.title.setAttribute('aria-expanded','false');\n\t\tthis.content.style.display = 'block';\n\t\tthis.content.style.overflow = 'hidden';\n\t\tthis.content.style.height = `${this.content.offsetHeight}px`;\n\t\tthis.content.style.transitionProperty = 'height, opacity';\n\t\tthis.content.style.transitionDuration = '300ms';\n\t\tthis.content.style.transitionTimingFunction = 'cubic-bezier(0.68, -0.55, 0.265, 1.55), linear';\n\n\t\tlet transitionend = (e) => {\n\t\t\tthis.content.removeAttribute( 'style' );\n\t\t\tthis.opened = false;\n\t\t\tthis.content.removeEventListener( 'transitionend', transitionend );\n\n\t\t\tthis.node.dispatchEvent( new CustomEvent( 'panel:closed', { bubbles: true, cancelable: false } ) );\n\t\t}\n\n\t\tthis.content.addEventListener( 'transitionend', transitionend );\n\n\t\trequestAnimationFrame( () => {\n\t\t\trequestAnimationFrame( () => {\n\t\t\t\tthis.content.style.height = '0';\n\t\t\t\tthis.content.style.opacity = 0;\n\t\t\t} );\n\t\t} );\n\t}\n\n\ttoggle() {\n\t\treturn this.opened ? this.close() : this.open();\n\t}\n}\n\nclass Panels {\n\tconstructor(node) {\n\t\tthis.node = node;\n\t\tthis.node.classList.add('panels--interactive');\n\n\t\tthis.panels       = Array.from(this.node.querySelectorAll('.panels__panel')).map(node => new Panel(node));\n\t\tthis.expander     = this.node.querySelector('.panels__expand');\n\t\tthis.expandText   = this.expander ? this.expander.querySelector( '.panels__expand-text--expand' ) : null;\n\t\tthis.collapseText = this.expander ? this.expander.querySelector( '.panels__expand-text--collapse' ) : null;\n\t\tthis.expanded     = false;\n\n\t\tif ( this.expander ) {\n\t\t\tthis.expander.addEventListener('click', (e) => {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tthis.expanded ? this.collapse() : this.expand();\n\t\t\t});\n\t\t}\n\n\t\tconst onPanelToggle = () => {\n\t\t\tconst opened = this.panels.filter( panel => panel.opened ).length;\n\n\t\t\tif ( opened === this.panels.length ) {\n\t\t\t\tthis.expand();\n\t\t\t} else if ( 0 === opened ) {\n\t\t\t\tthis.collapse();\n\t\t\t}\n\t\t}\n\n\t\tthis.node.addEventListener( 'panel:opened', onPanelToggle );\n\t\tthis.node.addEventListener( 'panel:closed', onPanelToggle );\n\t}\n\n\tcollapse() {\n\t\tthis.expanded = false;\n\t\tthis.panels.filter( panel => panel.opened ).forEach( panel => panel.close() );\n\n\t\tif ( this.collapseText ) {\n\t\t\tthis.collapseText.hidden = true;\n\t\t}\n\n\t\tif ( this.expandText ) {\n\t\t\tthis.expandText.removeAttribute('hidden');\n\t\t}\n\t}\n\n\texpand() {\n\t\tthis.expanded = true;\n\t\tthis.panels.filter( panel => ! panel.opened ).forEach( panel => panel.open() );\n\n\t\tif ( this.expandText ) {\n\t\t\tthis.expandText.hidden = true;\n\t\t}\n\n\t\tif ( this.collapseText ) {\n\t\t\tthis.collapseText.removeAttribute('hidden');\n\t\t}\n\t}\n}\n\nPanels.instances = Array.from(document.querySelectorAll('.panels')).map(p => new Panels(p));\n\nexport default Panels;\n"],"names":["Panel","constructor","node","this","openedClass","opened","classList","contains","title","querySelector","content","addEventListener","toggle","open","add","setAttribute","style","display","position","height","offsetHeight","overflow","transitionend","e","removeAttribute","removeEventListener","dispatchEvent","CustomEvent","bubbles","cancelable","transitionProperty","transitionDuration","transitionTimingFunction","requestAnimationFrame","opacity","close","remove","Panels","panels","Array","from","querySelectorAll","map","expander","expandText","collapseText","expanded","preventDefault","collapse","expand","onPanelToggle","filter","panel","length","forEach","hidden","instances","document","p"],"mappings":"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"}