{"version":3,"file":"script.min.js","sources":["../../../../block-editor/blocks/panels/panels.js","../../../../block-editor/blocks/panels/script.js"],"sourcesContent":["import panelIcon from '../../../assets/svg/double-chevron.svg';\nconst plusIcon = false; // Set to false to use panel icon\nconst titleIcon = plusIcon ? '' : panelIcon;\nconst titleIconClass = plusIcon ? 'panels__plus-icon' : '';\n\nclass 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.insertAdjacentHTML('beforeend', `<span class=\"panels__toggle ${ titleIconClass }\">${ titleIcon }</span>`);\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\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\t// console.log('close');\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\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\n\t\treturn this.opened ? this.close() : this.open();\n\t}\n}\n\nexport class Panels {\n\tconstructor(node) {\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));\n\t}\n}\n\n","import { Panels } from './panels.js';\n\nexport default Array.from(document.querySelectorAll('.panels')).map(p => new Panels(p));\n\ndocument.addEventListener('facet:refresh', () => {\n\tArray.from(document.querySelectorAll('.panels')).filter(p => !p.dataset.panelsInit).map(p => new Panels(p));\n});\n"],"names":["Panel","constructor","node","this","openedClass","opened","classList","contains","title","querySelector","content","insertAdjacentHTML","addEventListener","toggle","open","add","setAttribute","style","display","position","height","offsetHeight","overflow","transitionend","e","removeAttribute","removeEventListener","transitionProperty","transitionDuration","transitionTimingFunction","requestAnimationFrame","opacity","close","remove","Panels","panels","Array","from","querySelectorAll","map","document","p","filter","dataset","panelsInit"],"mappings":"8DAKA,MAAMA,EACLC,WAAAA,CAAYC,GACXC,KAAKD,KAAOA,EACZC,KAAKC,YAAc,wBACnBD,KAAKE,OAASF,KAAKD,KAAKI,UAAUC,SAASJ,KAAKC,aAChDD,KAAKK,MAAQL,KAAKD,KAAKO,cAAc,kBACrCN,KAAKO,QAAUP,KAAKD,KAAKO,cAAc,oBAEnCN,KAAKK,QACRL,KAAKK,MAAMG,mBAAmB,YAAc,+QAC5CR,KAAKK,MAAMI,iBAAiB,SAAS,IAAMT,KAAKU,WAElD,CAEAC,IAAAA,GACCX,KAAKD,KAAKI,UAAUS,IAAIZ,KAAKC,aAC7BD,KAAKK,MAAMQ,aAAa,gBAAiB,QAEzCb,KAAKO,QAAQO,MAAMC,QAAU,QAC7Bf,KAAKO,QAAQO,MAAME,SAAW,WAE9B,IAAIC,EAASjB,KAAKO,QAAQW,aAE1BlB,KAAKO,QAAQO,MAAME,SAAW,GAC9BhB,KAAKO,QAAQO,MAAMG,OAAS,MAC5BjB,KAAKO,QAAQO,MAAMK,SAAW,SAE9B,IAAIC,EAAiBC,IACpBrB,KAAKO,QAAQe,gBAAgB,SAC7BtB,KAAKE,QAAS,EACdF,KAAKO,QAAQgB,oBAAoB,gBAAiBH,EAAc,EAGjEpB,KAAKO,QAAQE,iBAAiB,gBAAiBW,GAE/CpB,KAAKO,QAAQO,MAAMU,mBAAqB,kBACxCxB,KAAKO,QAAQO,MAAMW,mBAAqB,QACxCzB,KAAKO,QAAQO,MAAMY,yBAA2B,iDAE9CC,uBAAsB,KACrBA,uBAAsB,KACrB3B,KAAKO,QAAQO,MAAMG,OAAU,GAAGA,MAChCjB,KAAKO,QAAQO,MAAMc,QAAU,CAAC,GAC7B,GAEJ,CAEAC,KAAAA,GAEC7B,KAAKD,KAAKI,UAAU2B,OAAO9B,KAAKC,aAChCD,KAAKK,MAAMQ,aAAa,gBAAiB,SACzCb,KAAKO,QAAQO,MAAMC,QAAU,QAC7Bf,KAAKO,QAAQO,MAAMK,SAAW,SAC9BnB,KAAKO,QAAQO,MAAMG,OAAU,GAAGjB,KAAKO,QAAQW,iBAC7ClB,KAAKO,QAAQO,MAAMU,mBAAqB,kBACxCxB,KAAKO,QAAQO,MAAMW,mBAAqB,QACxCzB,KAAKO,QAAQO,MAAMY,yBAA2B,iDAE9C,IAAIN,EAAiBC,IACpBrB,KAAKO,QAAQe,gBAAgB,SAC7BtB,KAAKE,QAAS,EACdF,KAAKO,QAAQgB,oBAAoB,gBAAiBH,EAAc,EAGjEpB,KAAKO,QAAQE,iBAAiB,gBAAiBW,GAE/CO,uBAAsB,KACrBA,uBAAsB,KACrB3B,KAAKO,QAAQO,MAAMG,OAAS,IAC5BjB,KAAKO,QAAQO,MAAMc,QAAU,CAAC,GAC7B,GAEJ,CAEAlB,MAAAA,GAEC,OAAOV,KAAKE,OAASF,KAAK6B,QAAU7B,KAAKW,MAC1C,EAGM,MAAMoB,EACZjC,WAAAA,CAAYC,GACXC,KAAKD,KAAOA,EACZC,KAAKD,KAAKI,UAAUS,IAAI,uBACxBZ,KAAKgC,OAASC,MAAMC,KAAKlC,KAAKD,KAAKoC,iBAAiB,mBAAmBC,KAAIrC,GAAQ,IAAIF,EAAME,IAC9F,ECxFckC,IAAAA,EAAAA,MAAMC,KAAKG,SAASF,iBAAiB,YAAYC,KAAIE,GAAK,IAAIP,EAAOO,YAEpFD,SAAS5B,iBAAiB,iBAAiB,KAC1CwB,MAAMC,KAAKG,SAASF,iBAAiB,YAAYI,QAAOD,IAAMA,EAAEE,QAAQC,aAAYL,KAAIE,GAAK,IAAIP,EAAOO,IAAG"}