leksy-editor 2.1.0 → 2.1.2

package/constant.js

@@ -427,6 +427,9 @@ const CSS = {
 
         .tabs-container .tab-items {
             overflow-y: auto;
+        }
+
+        .tabs-container .tab-items.animate {
             transition: max-height 0.3s ease, opacity 0.2s ease;
         }
 

package/index.js

@@ -307,6 +307,7 @@ class LeksyEditor {
                 core.elements.editor.contentEditable = !disabled;
                 if (disabled) changeAllToolbarState(core, 'disabled')
                 else changeAllToolbarState(core, 'enabled')
+                renderTabs(core, options)
             },
             updateCssVariables: (newVariables) => {
                 const variableMap = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leksy-editor",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "Leksy Editor is an alternative to traditional WYSIWYG editors, designed primarily for creating mail templates, blogs, and documents without any content manipulation.",
   "main": "index.js",
   "directories": {

package/tab.js

@@ -137,6 +137,7 @@ const renderTabs = (core, options) => {
             };
 
             tabItem.ondblclick = () => {
+                if (options.disabled) return
                 clearTimeout(clickTimer);
                 renameTab(core, tab.tabId, titleInput, options);
             };
@@ -186,7 +187,7 @@ const renderTabs = (core, options) => {
             leftSection.appendChild(span);
             leftSection.appendChild(titleInput);
             tabItem.appendChild(leftSection);
-            tabItem.appendChild(menuBtn);
+            if (!options.disabled) tabItem.appendChild(menuBtn);
 
             const tabItemContainer = document.createElement('div');
             tabItemContainer.id = tab.tabId;
@@ -239,12 +240,15 @@ const renderTabs = (core, options) => {
         expandBtn.classList.toggle('show')
         tabListContainer.classList.toggle('show')
     }
+    requestAnimationFrame(() => {
+        tabListContainer.classList.add('animate');
+    });
     if (core.state.isTabExpandInResponsive) {
         expandBtn.classList.add('show')
         tabListContainer.classList.add('show')
     }
 
-    rightDiv.appendChild(addBtn);
+    if (!options.disabled) rightDiv.appendChild(addBtn);
     rightDiv.appendChild(expandBtn);
 
     tabHeader.appendChild(headerTitle);
@@ -429,6 +433,7 @@ const showContextMenu = (core, tab, event, level, options) => {
 };
 
 const createTab = (core, options) => {
+    if (options.disabled) return
     const newTab = {
         tabTitle: `Tab ${core.state.tabs.length + 1}`,
         tabId: uuidv4(),

package/utilities.js

@@ -1462,7 +1462,7 @@ const updateImageResizerPosition = (e, core) => {
 }
 
 const destroyImageResizer = (options, core) => {
-    changeAllToolbarState(core, 'enabled')
+    if (!options.disabled) changeAllToolbarState(core, 'enabled')
     if (core.elements.resizerPlugin) core.elements.toolbarContainer.removeChild(core.elements.resizerPlugin)
     if (core.elements.resizer) core.elements.iframeWindow.body.removeChild(core.elements.resizer)
     core.elements.iframeWindow.removeEventListener('scroll', core.resizerHandler, false)