@syncfusion/ej2-angular-documenteditor 23.2.7 → 24.1.41

package/src/document-editor/documenteditor-all.module.d.ts

@@ -32,6 +32,7 @@ export declare const SpellCheckerService: ValueProvider;
 export declare const SpellCheckDialogService: ValueProvider;
 export declare const CollaborativeEditingService: ValueProvider;
 export declare const ColumnsDialogService: ValueProvider;
+export declare const CollaborativeEditingHandlerService: ValueProvider;
 /**
  * NgModule definition for the DocumentEditor component with providers.
  */

package/src/document-editor/documenteditor.component.d.ts

@@ -52,5 +52,5 @@ export declare class DocumentEditorComponent extends DocumentEditor implements I
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentEditorComponent, "ejs-documenteditor", never, { "acceptTab": "acceptTab"; "autoResizeOnVisibilityChange": "autoResizeOnVisibilityChange"; "currentUser": "currentUser"; "defaultPasteOption": "defaultPasteOption"; "documentEditorSettings": "documentEditorSettings"; "documentName": "documentName"; "documentSettings": "documentSettings"; "enableAutoFocus": "enableAutoFocus"; "enableBookmarkDialog": "enableBookmarkDialog"; "enableBordersAndShadingDialog": "enableBordersAndShadingDialog"; "enableColumnsDialog": "enableColumnsDialog"; "enableComment": "enableComment"; "enableContextMenu": "enableContextMenu"; "enableCursorOnReadOnly": "enableCursorOnReadOnly"; "enableEditor": "enableEditor"; "enableEditorHistory": "enableEditorHistory"; "enableFontDialog": "enableFontDialog"; "enableFootnoteAndEndnoteDialog": "enableFootnoteAndEndnoteDialog"; "enableFormField": "enableFormField"; "enableHyperlinkDialog": "enableHyperlinkDialog"; "enableImageResizer": "enableImageResizer"; "enableListDialog": "enableListDialog"; "enableLocalPaste": "enableLocalPaste"; "enableLockAndEdit": "enableLockAndEdit"; "enableOptionsPane": "enableOptionsPane"; "enablePageSetupDialog": "enablePageSetupDialog"; "enableParagraphDialog": "enableParagraphDialog"; "enablePersistence": "enablePersistence"; "enablePrint": "enablePrint"; "enableRtl": "enableRtl"; "enableSearch": "enableSearch"; "enableSelection": "enableSelection"; "enableSfdtExport": "enableSfdtExport"; "enableSpellCheck": "enableSpellCheck"; "enableStyleDialog": "enableStyleDialog"; "enableTableDialog": "enableTableDialog"; "enableTableOfContentsDialog": "enableTableOfContentsDialog"; "enableTableOptionsDialog": "enableTableOptionsDialog"; "enableTablePropertiesDialog": "enableTablePropertiesDialog"; "enableTextExport": "enableTextExport"; "enableTrackChanges": "enableTrackChanges"; "enableWordExport": "enableWordExport"; "headers": "headers"; "height": "height"; "isReadOnly": "isReadOnly"; "layoutType": "layoutType"; "locale": "locale"; "pageGap": "pageGap"; "pageOutline": "pageOutline"; "serverActionSettings": "serverActionSettings"; "serviceUrl": "serviceUrl"; "showComments": "showComments"; "showRevisions": "showRevisions"; "useCtrlClickToFollowHyperlink": "useCtrlClickToFollowHyperlink"; "userColor": "userColor"; "width": "width"; "zIndex": "zIndex"; "zoomFactor": "zoomFactor"; }, { "actionComplete": "actionComplete"; "afterFormFieldFill": "afterFormFieldFill"; "beforeAcceptRejectChanges": "beforeAcceptRejectChanges"; "beforeCommentAction": "beforeCommentAction"; "beforeFileOpen": "beforeFileOpen"; "beforeFormFieldFill": "beforeFormFieldFill"; "beforePaneSwitch": "beforePaneSwitch"; "commentBegin": "commentBegin"; "commentDelete": "commentDelete"; "commentEnd": "commentEnd"; "contentChange": "contentChange"; "contentControl": "contentControl"; "created": "created"; "customContextMenuBeforeOpen": "customContextMenuBeforeOpen"; "customContextMenuSelect": "customContextMenuSelect"; "destroyed": "destroyed"; "documentChange": "documentChange"; "keyDown": "keyDown"; "requestNavigate": "requestNavigate"; "searchResultsChange": "searchResultsChange"; "selectionChange": "selectionChange"; "serviceFailure": "serviceFailure"; "trackChange": "trackChange"; "viewChange": "viewChange"; "zoomFactorChange": "zoomFactorChange"; "beforeXmlHttpRequestSend": "beforeXmlHttpRequestSend"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentEditorComponent, "ejs-documenteditor", never, { "acceptTab": "acceptTab"; "autoResizeOnVisibilityChange": "autoResizeOnVisibilityChange"; "currentUser": "currentUser"; "defaultPasteOption": "defaultPasteOption"; "documentEditorSettings": "documentEditorSettings"; "documentName": "documentName"; "documentSettings": "documentSettings"; "enableAutoFocus": "enableAutoFocus"; "enableBookmarkDialog": "enableBookmarkDialog"; "enableBordersAndShadingDialog": "enableBordersAndShadingDialog"; "enableCollaborativeEditing": "enableCollaborativeEditing"; "enableColumnsDialog": "enableColumnsDialog"; "enableComment": "enableComment"; "enableContextMenu": "enableContextMenu"; "enableCursorOnReadOnly": "enableCursorOnReadOnly"; "enableEditor": "enableEditor"; "enableEditorHistory": "enableEditorHistory"; "enableFontDialog": "enableFontDialog"; "enableFootnoteAndEndnoteDialog": "enableFootnoteAndEndnoteDialog"; "enableFormField": "enableFormField"; "enableHyperlinkDialog": "enableHyperlinkDialog"; "enableImageResizer": "enableImageResizer"; "enableListDialog": "enableListDialog"; "enableLocalPaste": "enableLocalPaste"; "enableLockAndEdit": "enableLockAndEdit"; "enableOptionsPane": "enableOptionsPane"; "enablePageSetupDialog": "enablePageSetupDialog"; "enableParagraphDialog": "enableParagraphDialog"; "enablePersistence": "enablePersistence"; "enablePrint": "enablePrint"; "enableRtl": "enableRtl"; "enableSearch": "enableSearch"; "enableSelection": "enableSelection"; "enableSfdtExport": "enableSfdtExport"; "enableSpellCheck": "enableSpellCheck"; "enableStyleDialog": "enableStyleDialog"; "enableTableDialog": "enableTableDialog"; "enableTableOfContentsDialog": "enableTableOfContentsDialog"; "enableTableOptionsDialog": "enableTableOptionsDialog"; "enableTablePropertiesDialog": "enableTablePropertiesDialog"; "enableTextExport": "enableTextExport"; "enableTrackChanges": "enableTrackChanges"; "enableWordExport": "enableWordExport"; "headers": "headers"; "height": "height"; "isReadOnly": "isReadOnly"; "layoutType": "layoutType"; "locale": "locale"; "pageGap": "pageGap"; "pageOutline": "pageOutline"; "serverActionSettings": "serverActionSettings"; "serviceUrl": "serviceUrl"; "showComments": "showComments"; "showRevisions": "showRevisions"; "useCtrlClickToFollowHyperlink": "useCtrlClickToFollowHyperlink"; "userColor": "userColor"; "width": "width"; "zIndex": "zIndex"; "zoomFactor": "zoomFactor"; }, { "actionComplete": "actionComplete"; "afterFormFieldFill": "afterFormFieldFill"; "beforeAcceptRejectChanges": "beforeAcceptRejectChanges"; "beforeCommentAction": "beforeCommentAction"; "beforeFileOpen": "beforeFileOpen"; "beforeFormFieldFill": "beforeFormFieldFill"; "beforePaneSwitch": "beforePaneSwitch"; "commentBegin": "commentBegin"; "commentDelete": "commentDelete"; "commentEnd": "commentEnd"; "contentChange": "contentChange"; "contentControl": "contentControl"; "created": "created"; "customContextMenuBeforeOpen": "customContextMenuBeforeOpen"; "customContextMenuSelect": "customContextMenuSelect"; "destroyed": "destroyed"; "documentChange": "documentChange"; "keyDown": "keyDown"; "requestNavigate": "requestNavigate"; "searchResultsChange": "searchResultsChange"; "selectionChange": "selectionChange"; "serviceFailure": "serviceFailure"; "trackChange": "trackChange"; "viewChange": "viewChange"; "zoomFactorChange": "zoomFactorChange"; "beforeXmlHttpRequestSend": "beforeXmlHttpRequestSend"; }, never, never>;
 }

package/src/index.d.ts

@@ -1,6 +1,6 @@
 export { DocumentEditorComponent } from './document-editor/documenteditor.component';
 export { DocumentEditorModule } from './document-editor/documenteditor.module';
-export { DocumentEditorAllModule, PrintService, SfdtExportService, WordExportService, TextExportService, SelectionService, SearchService, EditorService, EditorHistoryService, OptionsPaneService, ContextMenuService, ImageResizerService, HyperlinkDialogService, TableDialogService, BookmarkDialogService, TableOfContentsDialogService, PageSetupDialogService, ParagraphDialogService, ListDialogService, StyleDialogService, StylesDialogService, BulletsAndNumberingDialogService, FontDialogService, TablePropertiesDialogService, BordersAndShadingDialogService, TableOptionsDialogService, CellOptionsDialogService, SpellCheckerService, SpellCheckDialogService, CollaborativeEditingService, ColumnsDialogService } from './document-editor/documenteditor-all.module';
+export { DocumentEditorAllModule, PrintService, SfdtExportService, WordExportService, TextExportService, SelectionService, SearchService, EditorService, EditorHistoryService, OptionsPaneService, ContextMenuService, ImageResizerService, HyperlinkDialogService, TableDialogService, BookmarkDialogService, TableOfContentsDialogService, PageSetupDialogService, ParagraphDialogService, ListDialogService, StyleDialogService, StylesDialogService, BulletsAndNumberingDialogService, FontDialogService, TablePropertiesDialogService, BordersAndShadingDialogService, TableOptionsDialogService, CellOptionsDialogService, SpellCheckerService, SpellCheckDialogService, CollaborativeEditingService, ColumnsDialogService, CollaborativeEditingHandlerService } from './document-editor/documenteditor-all.module';
 export { DocumentEditorContainerComponent } from './document-editor-container/documenteditorcontainer.component';
 export { DocumentEditorContainerModule } from './document-editor-container/documenteditorcontainer.module';
 export { DocumentEditorContainerAllModule, ToolbarService } from './document-editor-container/documenteditorcontainer-all.module';

package/styles/bootstrap-dark.css

@@ -3714,6 +3714,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 10px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/bootstrap.css

@@ -3715,6 +3715,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 10px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/bootstrap4.css

@@ -3870,6 +3870,36 @@ textarea.e-de-cmt-textarea {
   right: 10px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/bootstrap5-dark.css

@@ -3812,6 +3812,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 17px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/bootstrap5.css

@@ -3812,6 +3812,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 17px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/document-editor/_theme.scss

@@ -3558,4 +3558,32 @@
                 }
             }
         }
+        .e-de-user-info.e-de-user-name-collapse span {
+            transition-property: height, min-width, max-width, width, border-radius, padding;
+            transition-duration: 200ms;
+            transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+            position: absolute;
+            bottom: 0px;
+            height: 6px;
+            width: 6px;
+            min-width: 0px;
+            max-width: 6px;
+            border-radius: 6px;
+            padding: 0px;
+        }
+        .e-de-user-info.e-de-user-name-expended span {
+            transition-property: height, width, min-width, max-width, border-radius, padding;
+            transition-duration: 300ms;
+            transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+            position: absolute;
+            bottom: 0px;
+            height: 20px;
+            line-height: 20px;
+            min-width: 44px;
+            max-width: 150px;
+            padding: 0px 8px;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: white;
+        }
 }

package/styles/document-editor/bootstrap-dark.css

@@ -3714,6 +3714,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 10px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/document-editor/bootstrap.css

@@ -3715,6 +3715,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 10px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/document-editor/bootstrap4.css

@@ -3870,6 +3870,36 @@ textarea.e-de-cmt-textarea {
   right: 10px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/document-editor/bootstrap5-dark.css

@@ -3812,6 +3812,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 17px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/document-editor/bootstrap5.css

@@ -3812,6 +3812,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 17px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/document-editor/fabric-dark.css

@@ -3714,6 +3714,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 11px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/document-editor/fabric.css

@@ -3718,6 +3718,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 11px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/document-editor/fluent-dark.css

@@ -3755,6 +3755,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 15px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/document-editor/fluent.css

@@ -3755,6 +3755,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 15px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/document-editor/highcontrast.css

@@ -3714,6 +3714,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 10px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */

package/styles/document-editor/material-dark.css

@@ -3708,6 +3708,36 @@ label[for*=_wholeWord_e-de-rtl] {
   right: 10px;
 }
 
+.e-de-user-info.e-de-user-name-collapse span {
+  transition-property: height, min-width, max-width, width, border-radius, padding;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 6px;
+  width: 6px;
+  min-width: 0px;
+  max-width: 6px;
+  border-radius: 6px;
+  padding: 0px;
+}
+
+.e-de-user-info.e-de-user-name-expended span {
+  transition-property: height, width, min-width, max-width, border-radius, padding;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  position: absolute;
+  bottom: 0px;
+  height: 20px;
+  line-height: 20px;
+  min-width: 44px;
+  max-width: 150px;
+  padding: 0px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: white;
+}
+
 .e-bigger {
   /* stylelint-disable */
   /* stylelint-enable */