@worktile/theia 19.2.0 → 19.3.0

package/fesm2022/worktile-theia.mjs

@@ -2015,8 +2015,16 @@ class TheBaseElement extends BaseElementComponent {
         this.nativeElement.classList.add(`slate-element-${this.element.type}`, blockClass);
         if (this.editor) {
             const isVisible = this.editor.isVisible(this.element);
+            const isBlockCard = this.editor.isBlockCard(this.element);
             if (!isVisible) {
-                toggleHeadingRelatedElement(this.editor, this.element, isVisible);
+                if (isBlockCard) {
+                    setTimeout(() => {
+                        toggleHeadingRelatedElement(this.editor, this.element, isVisible);
+                    }, 0);
+                }
+                else {
+                    toggleHeadingRelatedElement(this.editor, this.element, isVisible);
+                }
             }
         }
     }
@@ -3823,20 +3831,20 @@ class TheToolbarComponent {
         const { iconComponent, type, dropdownMode, dropdownItemKey, includes, ...args } = item;
         const viewComponent = this.viewComponentType(type);
         const compRef = this.toolbarContainer.createComponent(iconComponent ? iconComponent : viewComponent);
-        compRef.instance.editor = this.editor;
-        compRef.instance.toolbarItem = item;
+        compRef.setInput('editor', this.editor);
+        compRef.setInput('toolbarItem', item);
         this.components.set(item.key, compRef);
         if (item.type === ToolbarItemType.dropdown) {
             const dropdownRef = compRef;
-            dropdownRef.instance.dropdownItemKey = item.dropdownItemKey;
-            dropdownRef.instance.menus = includes;
-            dropdownRef.instance.mode = dropdownMode;
+            dropdownRef.setInput('dropdownItemKey', item.dropdownItemKey);
+            dropdownRef.setInput('menus', includes);
+            dropdownRef.setInput('mode', dropdownMode);
         }
     }
     createToolbarSplit() {
         const compRef = this.toolbarContainer.createComponent(ThyDivider);
-        compRef.instance.thyVertical = true;
-        compRef.instance.thyColor = 'light';
+        compRef.setInput('thyVertical', true);
+        compRef.setInput('thyColor', 'light');
         compRef.location.nativeElement.classList.add('mx-2');
     }
     createMoreGroup(group) {
@@ -11557,11 +11565,12 @@ class TheImage extends TheBaseElement {
     imageClick() {
         const index = this.imageGroup.images.findIndex(item => item === this.imageDirective);
         const imageGroup = this.imageGroup.images.map(item => {
+            const imageMeta = item.thyImageMeta();
             return {
-                originUrl: item.thyOriginSrc,
-                thumbUrl: item.thyPreviewSrc,
-                name: item.thyImageMeta.name,
-                size: item.thyImageMeta.size
+                originUrl: item.thyOriginSrc(),
+                thumbUrl: item.thyPreviewSrc(),
+                name: imageMeta.name,
+                size: imageMeta.size
             };
         });
         const { originUrl, thumbUrl, name, size } = this.element;