{"version":3,"file":"script.min.js","sources":["../../../../block-editor/blocks/panels/script.js"],"sourcesContent":["import caretDown from '../../../assets/svg/carat-down.svg';\n\nclass Panel {\n\tconstructor(node, opts = {}) {\n\t\tthis.node = node;\n\t\tthis.opts = Object.assign(\n\t\t\t{\n\t\t\t\ttitleSelector: '.panels__title',\n\t\t\t\tcontentSelector: '.panels__content',\n\t\t\t\topenedClass: 'panels__panel--opened',\n\t\t\t\ttransition: 'height 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55)',\n\t\t\t},\n\t\t\topts,\n\t\t);\n\n\t\tthis.opened = this.node.classList.contains(this.opts.openedClass);\n\t\tthis.title = this.node.querySelector(this.opts.titleSelector);\n\t\tthis.content = this.node.querySelector(this.opts.contentSelector);\n\n\t\tif (this.title) {\n\t\t\tthis.title.insertAdjacentHTML('beforeend', `<span class=\"panels__toggle\">${caretDown}</span>`);\n\t\t\tthis.title.addEventListener('click', this.toggle.bind(this));\n\t\t}\n\t}\n\n\topen() {\n\t\tthis.node.classList.add(this.opts.openedClass);\n\n\t\tthis.content.style.display = 'block';\n\t\tthis.content.style.position = 'absolute';\n\t\tconst height = this.content.offsetHeight;\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.removeEventListener('transitionend', transitionend);\n\t\t\tthis.content.removeAttribute('style');\n\t\t\tthis.opened = true;\n\t\t\tthis.node.dispatchEvent(new CustomEvent('panel:open'));\n\t\t}\n\n\t\tthis.content.addEventListener('transitionend', transitionend);\n\t\tthis.content.style.transition = this.opts.transition;\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.opts.openedClass);\n\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.transition = this.opts.transition;\n\n\t\tlet transitionend = () => {\n\t\t\tthis.content.removeAttribute('style');\n\t\t\tthis.opened = false;\n\t\t\tthis.content.removeEventListener('transitionend', transitionend);\n\t\t\tthis.node.dispatchEvent(new CustomEvent('panel:close'));\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, opts = {}) {\n\t\tthis.node = node;\n\t\tthis.node.classList.add('panels--interactive');\n\t\tthis.panels = Array.from(this.node.querySelectorAll('.panels__panel')).map(node => new Panel(node, opts));\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","opts","arguments","length","undefined","this","Object","assign","titleSelector","contentSelector","openedClass","transition","opened","classList","contains","title","querySelector","content","insertAdjacentHTML","addEventListener","toggle","bind","open","add","style","display","position","height","offsetHeight","overflow","transitionend","e","removeEventListener","removeAttribute","dispatchEvent","CustomEvent","requestAnimationFrame","opacity","close","remove","Panels","panels","Array","from","querySelectorAll","map","instances","document","p"],"mappings":"yGAEA,MAAMA,EACLC,WAAAA,CAAYC,GAAiB,IAAXC,EAAIC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EACxBG,KAAKL,KAAOA,EACZK,KAAKJ,KAAOK,OAAOC,OAClB,CACCC,cAAe,iBACfC,gBAAiB,mBACjBC,YAAa,wBACbC,WAAY,6GAEbV,GAGDI,KAAKO,OAASP,KAAKL,KAAKa,UAAUC,SAAST,KAAKJ,KAAKS,aACrDL,KAAKU,MAAQV,KAAKL,KAAKgB,cAAcX,KAAKJ,KAAKO,eAC/CH,KAAKY,QAAUZ,KAAKL,KAAKgB,cAAcX,KAAKJ,KAAKQ,iBAE7CJ,KAAKU,QACRV,KAAKU,MAAMG,mBAAmB,YAAa,sOAC3Cb,KAAKU,MAAMI,iBAAiB,QAASd,KAAKe,OAAOC,KAAKhB,OAExD,CAEAiB,IAAAA,GACCjB,KAAKL,KAAKa,UAAUU,IAAIlB,KAAKJ,KAAKS,aAElCL,KAAKY,QAAQO,MAAMC,QAAU,QAC7BpB,KAAKY,QAAQO,MAAME,SAAW,WAC9B,MAAMC,EAAStB,KAAKY,QAAQW,aAC5BvB,KAAKY,QAAQO,MAAME,SAAW,GAC9BrB,KAAKY,QAAQO,MAAMG,OAAS,MAC5BtB,KAAKY,QAAQO,MAAMK,SAAW,SAE9B,IAAIC,EAAiBC,IACpB1B,KAAKY,QAAQe,oBAAoB,gBAAiBF,GAClDzB,KAAKY,QAAQgB,gBAAgB,SAC7B5B,KAAKO,QAAS,EACdP,KAAKL,KAAKkC,cAAc,IAAIC,YAAY,cAAc,EAGvD9B,KAAKY,QAAQE,iBAAiB,gBAAiBW,GAC/CzB,KAAKY,QAAQO,MAAMb,WAAaN,KAAKJ,KAAKU,WAE1CyB,uBAAsB,KACrBA,uBAAsB,KACrB/B,KAAKY,QAAQO,MAAMG,OAAS,GAAGA,MAC/BtB,KAAKY,QAAQO,MAAMa,QAAU,CAAC,GAC7B,GAEJ,CAEAC,KAAAA,GACCjC,KAAKL,KAAKa,UAAU0B,OAAOlC,KAAKJ,KAAKS,aAErCL,KAAKY,QAAQO,MAAMC,QAAU,QAC7BpB,KAAKY,QAAQO,MAAMK,SAAW,SAC9BxB,KAAKY,QAAQO,MAAMG,OAAS,GAAGtB,KAAKY,QAAQW,iBAC5CvB,KAAKY,QAAQO,MAAMb,WAAaN,KAAKJ,KAAKU,WAE1C,IAAImB,EAAgBA,KACnBzB,KAAKY,QAAQgB,gBAAgB,SAC7B5B,KAAKO,QAAS,EACdP,KAAKY,QAAQe,oBAAoB,gBAAiBF,GAClDzB,KAAKL,KAAKkC,cAAc,IAAIC,YAAY,eAAe,EAGxD9B,KAAKY,QAAQE,iBAAiB,gBAAiBW,GAE/CM,uBAAsB,KACrBA,uBAAsB,KACrB/B,KAAKY,QAAQO,MAAMG,OAAS,IAC5BtB,KAAKY,QAAQO,MAAMa,QAAU,CAAC,GAC7B,GAEJ,CAEAjB,MAAAA,GACC,OAAOf,KAAKO,OAASP,KAAKiC,QAAUjC,KAAKiB,MAC1C,EAGD,MAAMkB,EACLzC,WAAAA,CAAYC,GAAiB,IAAXC,EAAIC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EACxBG,KAAKL,KAAOA,EACZK,KAAKL,KAAKa,UAAUU,IAAI,uBACxBlB,KAAKoC,OAASC,MAAMC,KAAKtC,KAAKL,KAAK4C,iBAAiB,mBAAmBC,KAAI7C,GAAQ,IAAIF,EAAME,EAAMC,IACpG,SAGDuC,EAAOM,UAAYJ,MAAMC,KAAKI,SAASH,iBAAiB,YAAYC,KAAIG,GAAK,IAAIR,EAAOQ"}