editorjs-collapsible-block/dist/bundle.js

Accordion block tune for EditorJS

!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.AccordionBlock=n():t.AccordionBlock=n()}(self,()=>(()=>{"use strict";var t={72:(t,n,e)=>{var r,o=function(){var t={};return function(n){if(void 0===t[n]){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}t[n]=e}return t[n]}}(),i=[];function a(t){for(var n=-1,e=0;e<i.length;e++)if(i[e].identifier===t){n=e;break}return n}function c(t,n){for(var e={},r=[],o=0;o<t.length;o++){var c=t[o],s=n.base?c[0]+n.base:c[0],d=e[s]||0,l="".concat(s," ").concat(d);e[s]=d+1;var p=a(l),u={css:c[1],media:c[2],sourceMap:c[3]};-1!==p?(i[p].references++,i[p].updater(u)):i.push({identifier:l,updater:b(u,n),references:1}),r.push(l)}return r}function s(t){var n=document.createElement("style"),r=t.attributes||{};if(void 0===r.nonce){var i=e.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach(function(t){n.setAttribute(t,r[t])}),"function"==typeof t.insert)t.insert(n);else{var a=o(t.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(n)}return n}var d,l=(d=[],function(t,n){return d[t]=n,d.filter(Boolean).join("\n")});function p(t,n,e,r){var o=e?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=l(n,o);else{var i=document.createTextNode(o),a=t.childNodes;a[n]&&t.removeChild(a[n]),a.length?t.insertBefore(i,a[n]):t.appendChild(i)}}function u(t,n,e){var r=e.css,o=e.media,i=e.sourceMap;if(o?t.setAttribute("media",o):t.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var h=null,v=0;function b(t,n){var e,r,o;if(n.singleton){var i=v++;e=h||(h=s(n)),r=p.bind(null,e,i,!1),o=p.bind(null,e,i,!0)}else e=s(n),r=u.bind(null,e,n),o=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)};return r(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;r(t=n)}else o()}}t.exports=function(t,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=(void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r));var e=c(t=t||[],n);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var r=0;r<e.length;r++){var o=a(e[r]);i[o].references--}for(var s=c(t,n),d=0;d<e.length;d++){var l=a(e[d]);0===i[l].references&&(i[l].updater(),i.splice(l,1))}e=s}}}},314:t=>{t.exports=function(t){var n=[];return n.toString=function(){return this.map(function(n){var e=t(n);return n[2]?"@media ".concat(n[2]," {").concat(e,"}"):e}).join("")},n.i=function(t,e,r){"string"==typeof t&&(t=[[null,t,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<t.length;c++){var s=[].concat(t[c]);r&&o[s[0]]||(e&&(s[2]?s[2]="".concat(e," and ").concat(s[2]):s[2]=e),n.push(s))}},n}},523:(t,n,e)=>{e.d(n,{A:()=>i});var r=e(314),o=e.n(r)()(function(t){return t[1]});o.push([t.id,'.accordion-wrapper {\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 10px;\r\n    align-items: center;\r\n    position: relative;\r\n}\r\n\r\n.ce-block__content {\r\n    border-color: transparent;\r\n}\r\n\r\n.accordion-title {}\r\n\r\n.codex-editor__redactor {\r\n    --acc-border-color: #ccc;\r\n}\r\n\r\n\r\n[data-accordion-wrapper]:not([data-readonly]) .ce-block__content {\r\n    border: 1px solid transparent;\r\n    border-radius: 15px 15px 0px 0px;\r\n    -webkit-border-radius: 15px 15px 0px 0px;\r\n    -moz-border-radius: 15px 15px 0px 0px;\r\n    -ms-border-radius: 15px 15px 0px 0px;\r\n    -o-border-radius: 15px 15px 0px 0px;\r\n    transition: border .3s;\r\n    -webkit-transition: border .3s;\r\n    -moz-transition: border .3s;\r\n    -ms-transition: border .3s;\r\n    -o-transition: border .3s;\r\n}\r\n\r\n[data-accordion-wrapper]:not([data-readonly]):is(:hover, :focus-within) .ce-block__content {\r\n    border: 1px solid var(--acc-border-color, transparent);\r\n}\r\n\r\n.ce-block__content:has(.accordion-wrapper[data-readonly]) {\r\n    cursor: pointer\r\n}\r\n\r\n.accordion-wrapper [contenteditable] {\r\n    outline: none;\r\n    flex: 1;\r\n    padding: 10px;\r\n}\r\n\r\n.accordion-settings {\r\n    position: absolute;\r\n    top: 6px;\r\n    right: 6px;\r\n    width: var(--icon-size, 24px);\r\n    height: var(--icon-size, 24px);\r\n    padding: 6px;\r\n    cursor: pointer;\r\n    transition: transform .4s;\r\n    -webkit-transition: transform .4s;\r\n    -moz-transition: transform .4s;\r\n    -ms-transition: transform .4s;\r\n    -o-transition: transform .4s;\r\n}\r\n\r\n.accordion-settings:hover {\r\n    transform: rotate(0.2turn);\r\n    -webkit-transform: rotate(0.2turn);\r\n    -moz-transform: rotate(0.2turn);\r\n    -ms-transform: rotate(0.2turn);\r\n    -o-transform: rotate(0.2turn);\r\n}\r\n\r\n/* //relatuve to the settings button */\r\n.settings-popover {\r\n    --border-radius: 6px;\r\n    --color-shadow: rgba(13, 20, 33, 0.1);\r\n    --background: white;\r\n    z-index: 4;\r\n    position: absolute;\r\n    top: 100%;\r\n    right: 0;\r\n    background-color: var(--background, white);\r\n    border: 1px solid #EFF0F1;\r\n    border-radius: var(--border-radius);\r\n    padding: 6px;\r\n    box-shadow: 0 3px 15px -3px var(--color-shadow);\r\n    z-index: 1000;\r\n    transition: border .3s;\r\n    -webkit-transition: border .3s;\r\n    -moz-transition: border .3s;\r\n    -ms-transition: border .3s;\r\n    -o-transition: border .3s;\r\n    -webkit-border-radius: var(--border-radius);\r\n    -moz-border-radius: var(--border-radius);\r\n    -ms-border-radius: var(--border-radius);\r\n    -o-border-radius: var(--border-radius);\r\n}\r\n\r\n.settings-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n}\r\n\r\n.settings-block-config {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n}\r\n\r\n.settings-block-config>input[type=number] {\r\n    width: 50px;\r\n    height: 30px;\r\n    padding: 5px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 5px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.settings-checkbox {\r\n    width: 20px;\r\n    height: 20px;\r\n    cursor: pointer;\r\n}\r\n\r\n.settings-delimiter {\r\n    width: 100%;\r\n    height: 1px;\r\n    background-color: #ccc;\r\n    margin: 10px 0;\r\n}\r\n\r\n.save-settings {\r\n    align-self: flex-end;\r\n    padding: 5px 10px;\r\n    /*background-color: #007bff;\r\n    */\r\n    /*color: white;\r\n    */\r\n    border: none;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    height: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    -ms-border-radius: 6px;\r\n    -o-border-radius: 6px;\r\n}\r\n\r\n.accordion-chevron-icon {\r\n    transition: transform .4s;\r\n    -webkit-transition: transform .4s;\r\n    -moz-transition: transform .4s;\r\n    -ms-transition: transform .4s;\r\n    -o-transition: transform .4s;\r\n}\r\n\r\n.accordion-chevron-icon-rotated {\r\n    transform: rotate(180deg);\r\n    -webkit-transform: rotate(180deg);\r\n    -moz-transform: rotate(180deg);\r\n    -ms-transform: rotate(180deg);\r\n    -o-transform: rotate(180deg);\r\n}\r\n\r\n\r\n/* first scenario, all blocks exist, and are not another wrapper */\r\n.ce-block[data-accordion-wrapper="4"]:has(.accordion-wrapper)+.ce-block:not([data-accordion-wrapper])+.ce-block:not([data-accordion-wrapper])+.ce-block:not([data-accordion-wrapper])+.ce-block:not([data-accordion-wrapper]) .ce-block__content,\r\n/* second scenario, only some blocks exist, ant there are not another wrapper, ex accordion at end of editor */\r\n.ce-block[data-accordion-wrapper="4"]:has(.accordion-wrapper)+.ce-block:not([data-accordion-wrapper])+.ce-block:not([data-accordion-wrapper])+.ce-block:not([data-accordion-wrapper]):last-child .ce-block__content,\r\n.ce-block[data-accordion-wrapper="4"]:has(.accordion-wrapper)+.ce-block:not([data-accordion-wrapper])+.ce-block:not([data-accordion-wrapper]):last-child .ce-block__content,\r\n.ce-block[data-accordion-wrapper="4"]:has(.accordion-wrapper)+.ce-block:not([data-accordion-wrapper]):last-child .ce-block__content,\r\n\r\n/* third scenario, blocks exist but are cut off by another wrapper */\r\n.ce-block[data-accordion-wrapper="4"]:has(.accordion-wrapper)+.ce-block:not([data-accordion-wrapper])+.ce-block:not([data-accordion-wrapper])+.ce-block:not([data-accordion-wrapper]):has(+.ce-block[data-accordion-wrapper]) .ce-block__content,\r\n.ce-block[data-accordion-wrapper="4"]:has(.accordion-wrapper)+.ce-block:not([data-accordion-wrapper])+.ce-block:not([data-accordion-wrapper]):has(+.ce-block[data-accordion-wrapper]) .ce-block__content,\r\n.ce-block[data-accordion-wrapper="4"]:has(.accordion-wrapper)+.ce-block:not([data-accordion-wrapper]):has(+.ce-block[data-accordion-wrapper]) .ce-block__content {\r\n    /* background-color: red; */\r\n}',""]);const i=o}},n={};function e(r){var o=n[r];if(void 0!==o)return o.exports;var i=n[r]={id:r,exports:{}};return t[r](i,i.exports,e),i.exports}e.n=t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return e.d(n,{a:n}),n},e.d=(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},e.o=(t,n)=>Object.prototype.hasOwnProperty.call(t,n),e.nc=void 0;var r={};e.d(r,{default:()=>s});var o=e(72),i=e.n(o),a=e(523);i()(a.A,{insert:"head",singleton:!1}),a.A.locals;var c=function(){return c=Object.assign||function(t){for(var n,e=1,r=arguments.length;e<r;e++)for(var o in n=arguments[e])Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o]);return t},c.apply(this,arguments)};const s=function(){function t(t){var n,e=t.data,r=t.api,o=t.block,i=t.readOnly,a=t.config;this.styleSheetId="editorjs-accordion-styles",this.CSSOpenVariableName="--acc-opened-".concat(o.id),this.config=c(c({},{defaultExpanded:!0,maxBlockCount:10}),null!=a?a:{});var s={settings:{blockCount:3,defaultExpanded:this.config.defaultExpanded},title:""};this.data=c(c({},s),e),this.data.settings||(this.data.settings=s.settings),this.data.title||(this.data.title=s.title),this.api=r,this.block=o,this.readonly=i,this._opened=Boolean(null!==(n=this.data.settings.defaultExpanded)&&void 0!==n?n:this.config.defaultExpanded),this.wrapper=document.createElement("div");var d=document.getElementById(this.styleSheetId);d?this.styleEl=d:(this.styleEl=document.createElement("style"),this.styleEl.id=this.styleSheetId,document.head.appendChild(this.styleEl)),this.verifyGivenStyles()}return Object.defineProperty(t,"toolbox",{get:function(){return{title:"Accordion",icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6zm0 4h18v2H3v-2zm0 4h18v2H3v-2zm0 4h18v2H3v-2z"/></svg>'}},enumerable:!1,configurable:!0}),Object.defineProperty(t,"isReadOnlySupported",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(t,"isInline",{get:function(){return!1},enumerable:!1,configurable:!0}),t.prototype.validate=function(t){return!(!t.settings||"number"!=typeof t.settings.blockCount||t.settings.blockCount<1||"string"!=typeof t.title)},t.prototype.render=function(){var t,n,e=this;this.wrapper=document.createElement("div"),this.readonly&&this.wrapper.setAttribute("data-readonly",""),this.wrapper.classList.add(this.CSS.wrapper);var r=document.createElement("div");r.setAttribute("contenteditable",this.readonly?"false":"true"),r.textContent=null!==(t=this.data.title)&&void 0!==t?t:"",this.wrapper.appendChild(r),r.addEventListener("input",function(t){t.target instanceof HTMLDivElement&&(e.data.title=t.target.textContent,e.block.dispatchChange())});var o=document.createElement("span");o.style.width="30px",o.style.zIndex="-1",this.wrapper.appendChild(o);var i=document.createElement("div");i.classList.add(this.CSS.settings),i.setAttribute("aria-label",this.api.i18n.t("Settings")),i.setAttribute("type","button"),(null===(n=this.config.overrides)||void 0===n?void 0:n.settingsIcon)?i.appendChild(this.config.overrides.settingsIcon):i.innerHTML='<svg viewBox="0 0 24 24"><path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"></path></svg>',i.addEventListener("click",function(){var t,n,r,o=document.createElement("div");o.classList.add(e.CSS.settingsPopover);var a="blockCount-".concat(e.block.id);o.innerHTML='\n                <div class="'.concat(e.CSS.settingsContent,'">\n                    <div class="').concat(e.CSS.settingsBlockConfig,'">\n                        <label for="').concat(a,'">').concat(e.api.i18n.t("Block Count"),'</label>\n                        <input type="number" id="').concat(a,'" class="').concat(e.api.styles.input,'" value="').concat(null!==(n=null===(t=e.data.settings)||void 0===t?void 0:t.blockCount)&&void 0!==n?n:1,'" min="1" max="').concat(e.config.maxBlockCount,'">\n                        <button type="button" class="').concat(e.CSS.saveSettings,'">').concat(e.api.i18n.t("Save"),'</button>\n                    </div>\n                    <div class="').concat(e.CSS.settingsDelimiter,'"></div>\n                    <div  class="').concat(e.CSS.settingsBlockConfig,'">\n                        <label for="defaultExpanded">').concat(e.api.i18n.t("Default Expanded"),'</label>\n                        <input type="checkbox" id="defaultExpanded" class="').concat(e.CSS.settingsCheckbox,'" ').concat((null===(r=e.data.settings)||void 0===r?void 0:r.defaultExpanded)?"checked":"",">\n                    </div>\n                </div>\n            ");var c=o.querySelector("#defaultExpanded"),s=o.querySelector("#".concat(a)),d=o.querySelector(".save-settings");s&&d&&(s.addEventListener("input",l),s.addEventListener("keydown",l),s.addEventListener("keyup",l),s.addEventListener("keypress",l),d.addEventListener("click",function(){e.data.settings.blockCount=parseInt(s.value),e.block.dispatchChange(),o.remove(),e.renderAccordionBlocks()})),null==c||c.addEventListener("change",function(t){t.target instanceof HTMLInputElement&&(e.data.settings.defaultExpanded=t.target.checked,e.block.dispatchChange())}),document.addEventListener("click",function t(n){n.target===i||o.contains(n.target)||(o.remove(),document.removeEventListener("click",t,{capture:!0}))},{capture:!0}),i.insertAdjacentElement("afterend",o)});var a=document.createElement("div");return a.classList.add(this.CSS.chevronIcon),a.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M7 15L11.8586 10.1414C11.9367 10.0633 12.0633 10.0633 12.1414 10.1414L17 15"/></svg>',this.readonly?(this.wrapper.addEventListener("click",this.toggleAccordion.bind(this)),this.wrapper.appendChild(a)):(this.wrapper.appendChild(i),this.wrapper.removeEventListener("click",this.toggleAccordion.bind(this))),this.wrapper},t.prototype.rendered=function(){var t;null===(t=this.block.holder.parentElement)||void 0===t||t.style.setProperty(this.CSSOpenVariableName,this._opened?"1fr":"0fr"),this.renderAccordionBlocks(),this.opened=this._opened},t.prototype.save=function(t){return this.data},Object.defineProperty(t.prototype,"opened",{get:function(){return this._opened},set:function(t){var n;this._opened=t,null===(n=this.block.holder.parentElement)||void 0===n||n.style.setProperty(this.CSSOpenVariableName,this._opened?"1fr":"0fr"),this.rotateChevronIcon()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"EditorCSS",{get:function(){return{block:"ce-block",block_content:"ce-block__content"}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"CSS",{get:function(){var t,n,e,r,o,i,a,c,s,d,l,p,u,h,v,b,f,g;return{wrapper:("accordion-wrapper "+((null===(n=null===(t=this.config.overrides)||void 0===t?void 0:t.classes)||void 0===n?void 0:n.wrapper)||"")).trim(),title:("accordion-title "+(null===(r=null===(e=this.config.overrides)||void 0===e?void 0:e.classes)||void 0===r?void 0:r.title)||0).trim(),settings:("accordion-settings "+((null===(i=null===(o=this.config.overrides)||void 0===o?void 0:o.classes)||void 0===i?void 0:i.settings)||"")).trim(),settingsPopover:("settings-popover "+((null===(c=null===(a=this.config.overrides)||void 0===a?void 0:a.classes)||void 0===c?void 0:c.settingsPopover)||"")).trim(),settingsContent:("settings-content "+((null===(d=null===(s=this.config.overrides)||void 0===s?void 0:s.classes)||void 0===d?void 0:d.settingsContent)||"")).trim(),settingsBlockConfig:"settings-block-config"+((null===(p=null===(l=this.config.overrides)||void 0===l?void 0:l.classes)||void 0===p?void 0:p.settingsBlockConfig)||""),settingsCheckbox:"settings-checkbox"+((null===(h=null===(u=this.config.overrides)||void 0===u?void 0:u.classes)||void 0===h?void 0:h.settingsCheckbox)||""),saveSettings:("save-settings "+((null===(b=null===(v=this.config.overrides)||void 0===v?void 0:v.classes)||void 0===b?void 0:b.settingsContent)||"")).trim(),settingsDelimiter:"settings-delimiter"+((null===(g=null===(f=this.config.overrides)||void 0===f?void 0:f.classes)||void 0===g?void 0:g.settingsDelimiter)||""),chevronIcon:"accordion-chevron-icon",chevronIconRotated:"accordion-chevron-icon-rotated",cssAccordionBorderColorVar:"--acc-border-color"+this.block.id}},enumerable:!1,configurable:!0}),t.prototype.getBlocks=function(){var n=[],e=this.data.settings.blockCount||1;if(!(this.block.holder.nextElementSibling instanceof HTMLElement))return[];for(var r=this.block.holder.nextElementSibling,o=0;o<e&&(n.push(r),r.nextElementSibling instanceof HTMLElement)&&!r.nextElementSibling.hasAttribute(t.WRAPPER_ATTRIBUTE_NAME);o++)r=r.nextElementSibling;return n},t.prototype.renderAccordionBlocks=function(){var n,e,r,o,i,a,c,s,d,l,p,u,h,v,b,f;this.block.holder.setAttribute(t.WRAPPER_ATTRIBUTE_NAME,this.data.settings.blockCount.toString()),this.readonly&&this.block.holder.setAttribute("data-readonly","");var g=this.data.settings.blockCount||1;if(!(null===(n=this.styleEl.textContent)||void 0===n?void 0:n.includes(".".concat(this.EditorCSS.block,"[").concat(t.WRAPPER_ATTRIBUTE_NAME,'="').concat(g,'"][data-id="').concat(this.block.id,'"]')))){var m="",k="\n                display: grid;\n                overflow: hidden;\n                ".concat(this.config.disableAnimation?"":"\n                will-change: grid-template-rows;\n                transition: grid-template-rows .5s;\n                -webkit-transition: grid-template-rows .5s;\n                -moz-transition: grid-template-rows .5s;\n                -ms-transition: grid-template-rows .5s;\n                -o-transition: grid-template-rows .5s;\n        ","\n                grid-template-rows: var(").concat(this.CSSOpenVariableName,", 0fr);\n                ").concat(null!==(o=null===(r=null===(e=this.config.overrides)||void 0===e?void 0:e.styles)||void 0===r?void 0:r.blockWrapper)&&void 0!==o?o:"","\n"),x="\n                min-height: 0;\n                will-change:border;\n                transition: border .3s;\n                -webkit-transition: border .3s;\n                -moz-transition: border .3s;\n                -ms-transition: border .3s;\n                -o-transition: border .3s;\n                /* Because display grid from parent prevents this to use default max width of 650px */\n                width: 650px;\n                ".concat(null!==(c=null===(a=null===(i=this.config.overrides)||void 0===i?void 0:i.styles)||void 0===a?void 0:a.blockContent)&&void 0!==c?c:"","\n                ");m+="\n\n/*CSS block, READONLY  styles*/\n"+this.generateAccordionSelector({count:g,rules:k,extraSelector:":not([".concat(t.WRAPPER_ATTRIBUTE_NAME,"])"),includeWrapperId:!0,readonly:!0}),m+="\n\n/*CSS block content, READONLY styles*/\n"+this.generateAccordionSelector({count:g,rules:x,extraSelector:":not([".concat(t.WRAPPER_ATTRIBUTE_NAME,"]) .").concat(this.EditorCSS.block_content),readonly:!0});var y=this.CSS.cssAccordionBorderColorVar,w="\n                border-left: 1px solid var(".concat(y,", transparent);\n                border-right: 1px solid var(").concat(y,", transparent);\n                will-change: border;\n                transition: border .3s;\n                -webkit-transition: border .3s;\n                -moz-transition: border .3s;\n                -ms-transition: border .3s;\n                -o-transition: border .3s;\n                min-height: 0;\n                /* Because display grid from parent prevents this to use default max width of 650px */\n                width: 650px;\n                ").concat(null!==(l=null===(d=null===(s=this.config.overrides)||void 0===s?void 0:s.styles)||void 0===d?void 0:d.blockContent)&&void 0!==l?l:"","\n                "),E="\n                border-bottom: 1px solid var(".concat(y,", transparent);\n                border-radius: 0 0 15px 15px;\n                -webkit-border-radius: 0 0 15px 15px;\n                -moz-border-radius: 0 0 15px 15px;\n                -ms-border-radius: 0 0 15px 15px;\n                -o-border-radius: 0 0 15px 15px;\n                ").concat(null!==(h=null===(u=null===(p=this.config.overrides)||void 0===p?void 0:p.styles)||void 0===u?void 0:u.lastBlockContent)&&void 0!==h?h:"","\n                ");m+="\n\n/*CSS block content, EDIT styles*/\n"+this.generateAccordionSelector({count:g,rules:w,extraSelector:" .".concat(this.EditorCSS.block_content),readonly:!1})+"\n\n\n/*CSS last block content, EDIT styles*/\n"+this.generateAccordtionLastSelector({count:g,rules:E,extraSelector:" .".concat(this.EditorCSS.block_content),readonly:!1});var S="\n            padding-inline: 20px;\n            ".concat(null!==(f=null===(b=null===(v=this.config.overrides)||void 0===v?void 0:v.styles)||void 0===b?void 0:b.insideContent)&&void 0!==f?f:"","\n        ");m+=this.generateAccordionSelector({count:g,rules:S,extraSelector:":not([".concat(t.WRAPPER_ATTRIBUTE_NAME,"]) .").concat(this.EditorCSS.block_content," > *")})+"\n            .codex-editor__redactor:has([".concat(t.WRAPPER_ATTRIBUTE_NAME,'][data-id="').concat(this.block.id,'"]:hover,[').concat(t.WRAPPER_ATTRIBUTE_NAME,'][data-id="').concat(this.block.id,'"]:focus-within) {\n                ').concat(this.CSS.cssAccordionBorderColorVar,": var(--acc-border-color);\n            }\n        "),this.styleEl.textContent+=m}},t.prototype.generateAccordionSelector=function(n){for(var e=n.count,r=n.rules,o=n.extraSelector,i=void 0===o?"":o,a=(n.includeWrapperId,n.readonly),c=[],s=void 0===a?"":a?"[data-readonly]":":not([data-readonly])",d=1;d<=e;d++){var l=Array(d).fill("+ .".concat(this.EditorCSS.block,":not([").concat(t.WRAPPER_ATTRIBUTE_NAME,"])")).join(" ");c.push(".".concat(this.EditorCSS.block,"[").concat(t.WRAPPER_ATTRIBUTE_NAME,'="').concat(e,'"][data-id="').concat(this.block.id,'"]').concat(s,":has(.").concat(this.CSS.wrapper,") ").concat(l).concat(i))}var p=c.join(",\n");return"".concat(p," { ").concat(r," }")},t.prototype.generateAccordtionLastSelector=function(n){var e=n.count,r=n.rules,o=n.extraSelector,i=void 0===o?"":o,a=n.readonly,c=[],s=Array(e).fill("+ .".concat(this.EditorCSS.block,":not([").concat(t.WRAPPER_ATTRIBUTE_NAME,"])")).join(" ");c.push(".".concat(this.EditorCSS.block,"[").concat(t.WRAPPER_ATTRIBUTE_NAME,'="').concat(e,'"][data-id="').concat(this.block.id,'"]').concat(a?"[data-readonly]":":not([data-readonly])",":has(.").concat(this.CSS.wrapper,") ").concat(s).concat(i));for(var d=e-1;d>0;d--){var l=Array(d).fill("+ .".concat(this.EditorCSS.block,":not([").concat(t.WRAPPER_ATTRIBUTE_NAME,"])")).join(" ");c.push(".".concat(this.EditorCSS.block,"[").concat(t.WRAPPER_ATTRIBUTE_NAME,'="').concat(e,'"][data-id="').concat(this.block.id,'"]').concat(a?"[data-readonly]":":not([data-readonly])",":has(.").concat(this.CSS.wrapper,") ").concat(l,":last-child").concat(i))}for(d=e-1;d>0;d--){var p=Array(d).fill("+ .".concat(this.EditorCSS.block,":not([").concat(t.WRAPPER_ATTRIBUTE_NAME,"])")).join(" ");c.push(".".concat(this.EditorCSS.block,"[").concat(t.WRAPPER_ATTRIBUTE_NAME,'="').concat(e,'"][data-id="').concat(this.block.id,'"]').concat(a?"[data-readonly]":":not([data-readonly])",":has(.").concat(this.CSS.wrapper,") ").concat(p,":has(+ .").concat(this.EditorCSS.block,"[").concat(t.WRAPPER_ATTRIBUTE_NAME,"])").concat(i))}var u=c.join(",\n");return"".concat(u," { ").concat(r," }")},t.prototype.toggleAccordion=function(t){this.opened=!this.opened},t.prototype.rotateChevronIcon=function(){var t=this.wrapper.querySelector(".".concat(this.CSS.chevronIcon));t instanceof HTMLElement&&(this.opened?t.classList.remove(this.CSS.chevronIconRotated):t.classList.add(this.CSS.chevronIconRotated))},t.prototype.verifyGivenStyles=function(){for(var t,n,e,r,o,i,a,c,s=0,l=[null===(n=null===(t=this.config.overrides)||void 0===t?void 0:t.styles)||void 0===n?void 0:n.blockWrapper,null===(r=null===(e=this.config.overrides)||void 0===e?void 0:e.styles)||void 0===r?void 0:r.blockContent,null===(i=null===(o=this.config.overrides)||void 0===o?void 0:o.styles)||void 0===i?void 0:i.lastBlockContent,null===(c=null===(a=this.config.overrides)||void 0===a?void 0:a.styles)||void 0===c?void 0:c.insideContent];s<l.length;s++){var p=l[s];if(p&&!d(p)){console.warn("Invalid CSS rules provided: '".concat(p,"'. Insert only the css styles"));break}}},t.WRAPPER_ATTRIBUTE_NAME="data-accordion-wrapper",t}();function d(t){var n=document.createElement("div");return n.style.cssText=t,n.style.cssText===t}function l(t){t.stopPropagation()}return r.default})());