@codingame/monaco-vscode-api 4.5.1 → 5.0.0

package/vscode/src/vs/workbench/browser/parts/panel/panelActions.js

@@ -13,50 +13,23 @@ import { IViewDescriptorService } from '../../../common/views.service.js';
 import { IViewsService } from '../../../services/views/common/viewsService.service.js';
 import { IPaneCompositePartService } from '../../../services/panecomposite/browser/panecomposite.service.js';
 import { INotificationService } from '../../../../platform/notification/common/notification.service.js';
-const maximizeIcon = registerIcon('panel-maximize', Codicon.chevronUp, ( localizeWithPath(
-    'vs/workbench/browser/parts/panel/panelActions',
-    'maximizeIcon',
-    'Icon to maximize a panel.'
-)));
-const restoreIcon = registerIcon('panel-restore', Codicon.chevronDown, ( localizeWithPath(
-    'vs/workbench/browser/parts/panel/panelActions',
-    'restoreIcon',
-    'Icon to restore a panel.'
-)));
-const closeIcon = registerIcon('panel-close', Codicon.close, ( localizeWithPath(
-    'vs/workbench/browser/parts/panel/panelActions',
-    'closeIcon',
-    'Icon to close a panel.'
-)));
-const panelIcon = registerIcon('panel-layout-icon', Codicon.layoutPanel, ( localizeWithPath(
-    'vs/workbench/browser/parts/panel/panelActions',
-    'togglePanelOffIcon',
-    'Icon to toggle the panel off when it is on.'
-)));
-const panelOffIcon = registerIcon('panel-layout-icon-off', Codicon.layoutPanelOff, ( localizeWithPath(
-    'vs/workbench/browser/parts/panel/panelActions',
-    'togglePanelOnIcon',
-    'Icon to toggle the panel on when it is off.'
-)));
+const _moduleId = "vs/workbench/browser/parts/panel/panelActions";
+const maximizeIcon = registerIcon('panel-maximize', Codicon.chevronUp, ( localizeWithPath(_moduleId, 0, 'Icon to maximize a panel.')));
+const restoreIcon = registerIcon('panel-restore', Codicon.chevronDown, ( localizeWithPath(_moduleId, 1, 'Icon to restore a panel.')));
+const closeIcon = registerIcon('panel-close', Codicon.close, ( localizeWithPath(_moduleId, 2, 'Icon to close a panel.')));
+const panelIcon = registerIcon('panel-layout-icon', Codicon.layoutPanel, ( localizeWithPath(_moduleId, 3, 'Icon to toggle the panel off when it is on.')));
+const panelOffIcon = registerIcon('panel-layout-icon-off', Codicon.layoutPanelOff, ( localizeWithPath(_moduleId, 4, 'Icon to toggle the panel on when it is off.')));
 class TogglePanelAction extends Action2 {
     static { this.ID = 'workbench.action.togglePanel'; }
-    static { this.LABEL = ( localize2WithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'togglePanelVisibility',
-        "Toggle Panel Visibility"
-    )); }
+    static { this.LABEL = ( localize2WithPath(_moduleId, 5, "Toggle Panel Visibility")); }
     constructor() {
         super({
             id: TogglePanelAction.ID,
             title: TogglePanelAction.LABEL,
             toggled: {
                 condition: PanelVisibleContext,
-                title: ( localizeWithPath('vs/workbench/browser/parts/panel/panelActions', 'toggle panel', "Panel")),
-                mnemonicTitle: ( localizeWithPath(
-                    'vs/workbench/browser/parts/panel/panelActions',
-                    { key: 'toggle panel mnemonic', comment: ['&& denotes a mnemonic'] },
-                    "&&Panel"
-                )),
+                title: ( localizeWithPath(_moduleId, 6, "Panel")),
+                mnemonicTitle: ( localizeWithPath(_moduleId, 7, "&&Panel")),
             },
             f1: true,
             category: Categories.View,
@@ -82,19 +55,11 @@ class TogglePanelAction extends Action2 {
 registerAction2(TogglePanelAction);
 registerAction2(class extends Action2 {
     static { this.ID = 'workbench.action.focusPanel'; }
-    static { this.LABEL = ( localizeWithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'focusPanel',
-        "Focus into Panel"
-    )); }
+    static { this.LABEL = ( localizeWithPath(_moduleId, 8, "Focus into Panel")); }
     constructor() {
         super({
             id: 'workbench.action.focusPanel',
-            title: ( localize2WithPath(
-                'vs/workbench/browser/parts/panel/panelActions',
-                'focusPanel',
-                "Focus into Panel"
-            )),
+            title: ( localize2WithPath(_moduleId, 8, "Focus into Panel")),
             category: Categories.View,
             f1: true,
         });
@@ -130,85 +95,25 @@ function createPanelActionConfig(id, title, shortLabel, value, when) {
     };
 }
 function createPositionPanelActionConfig(id, title, shortLabel, position) {
-    return createPanelActionConfig(id, title, shortLabel, position, ( PanelPositionContext.notEqualsTo(positionToString(position))));
+    return createPanelActionConfig(id, title, shortLabel, position, ( (PanelPositionContext.notEqualsTo(positionToString(position)))));
 }
 function createAlignmentPanelActionConfig(id, title, shortLabel, alignment) {
-    return createPanelActionConfig(id, title, shortLabel, alignment, ( PanelAlignmentContext.notEqualsTo(alignment)));
+    return createPanelActionConfig(id, title, shortLabel, alignment, ( (PanelAlignmentContext.notEqualsTo(alignment))));
 }
 const PositionPanelActionConfigs = [
-    createPositionPanelActionConfig(PositionPanelActionId.LEFT, ( localize2WithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'positionPanelLeft',
-        "Move Panel Left"
-    )), ( localizeWithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'positionPanelLeftShort',
-        "Left"
-    )), 0 ),
-    createPositionPanelActionConfig(PositionPanelActionId.RIGHT, ( localize2WithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'positionPanelRight',
-        "Move Panel Right"
-    )), ( localizeWithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'positionPanelRightShort',
-        "Right"
-    )), 1 ),
-    createPositionPanelActionConfig(PositionPanelActionId.BOTTOM, ( localize2WithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'positionPanelBottom',
-        "Move Panel To Bottom"
-    )), ( localizeWithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'positionPanelBottomShort',
-        "Bottom"
-    )), 2 ),
+    createPositionPanelActionConfig(PositionPanelActionId.LEFT, ( localize2WithPath(_moduleId, 9, "Move Panel Left")), ( localizeWithPath(_moduleId, 10, "Left")), 0 ),
+    createPositionPanelActionConfig(PositionPanelActionId.RIGHT, ( localize2WithPath(_moduleId, 11, "Move Panel Right")), ( localizeWithPath(_moduleId, 12, "Right")), 1 ),
+    createPositionPanelActionConfig(PositionPanelActionId.BOTTOM, ( localize2WithPath(_moduleId, 13, "Move Panel To Bottom")), ( localizeWithPath(_moduleId, 14, "Bottom")), 2 ),
 ];
 const AlignPanelActionConfigs = [
-    createAlignmentPanelActionConfig(AlignPanelActionId.LEFT, ( localize2WithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'alignPanelLeft',
-        "Set Panel Alignment to Left"
-    )), ( localizeWithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'alignPanelLeftShort',
-        "Left"
-    )), 'left'),
-    createAlignmentPanelActionConfig(AlignPanelActionId.RIGHT, ( localize2WithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'alignPanelRight',
-        "Set Panel Alignment to Right"
-    )), ( localizeWithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'alignPanelRightShort',
-        "Right"
-    )), 'right'),
-    createAlignmentPanelActionConfig(AlignPanelActionId.CENTER, ( localize2WithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'alignPanelCenter',
-        "Set Panel Alignment to Center"
-    )), ( localizeWithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'alignPanelCenterShort',
-        "Center"
-    )), 'center'),
-    createAlignmentPanelActionConfig(AlignPanelActionId.JUSTIFY, ( localize2WithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'alignPanelJustify',
-        "Set Panel Alignment to Justify"
-    )), ( localizeWithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'alignPanelJustifyShort',
-        "Justify"
-    )), 'justify'),
+    createAlignmentPanelActionConfig(AlignPanelActionId.LEFT, ( localize2WithPath(_moduleId, 15, "Set Panel Alignment to Left")), ( localizeWithPath(_moduleId, 16, "Left")), 'left'),
+    createAlignmentPanelActionConfig(AlignPanelActionId.RIGHT, ( localize2WithPath(_moduleId, 17, "Set Panel Alignment to Right")), ( localizeWithPath(_moduleId, 18, "Right")), 'right'),
+    createAlignmentPanelActionConfig(AlignPanelActionId.CENTER, ( localize2WithPath(_moduleId, 19, "Set Panel Alignment to Center")), ( localizeWithPath(_moduleId, 20, "Center")), 'center'),
+    createAlignmentPanelActionConfig(AlignPanelActionId.JUSTIFY, ( localize2WithPath(_moduleId, 21, "Set Panel Alignment to Justify")), ( localizeWithPath(_moduleId, 22, "Justify")), 'justify'),
 ];
 MenuRegistry.appendMenuItem(MenuId.MenubarAppearanceMenu, {
     submenu: MenuId.PanelPositionMenu,
-    title: ( localizeWithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'positionPanel',
-        "Panel Position"
-    )),
+    title: ( localizeWithPath(_moduleId, 23, "Panel Position")),
     group: '3_workbench_layout_move',
     order: 4
 });
@@ -232,18 +137,14 @@ PositionPanelActionConfigs.forEach(positionPanelAction => {
         command: {
             id,
             title: shortLabel,
-            toggled: ( when.negate())
+            toggled: ( (when.negate()))
         },
         order: 5
     });
 });
 MenuRegistry.appendMenuItem(MenuId.MenubarAppearanceMenu, {
     submenu: MenuId.PanelAlignmentMenu,
-    title: ( localizeWithPath(
-        'vs/workbench/browser/parts/panel/panelActions',
-        'alignPanel',
-        "Align Panel"
-    )),
+    title: ( localizeWithPath(_moduleId, 24, "Align Panel")),
     group: '3_workbench_layout_move',
     order: 5
 });
@@ -255,7 +156,7 @@ AlignPanelActionConfigs.forEach(alignPanelAction => {
                 id,
                 title,
                 category: Categories.View,
-                toggled: ( when.negate()),
+                toggled: ( (when.negate())),
                 f1: true
             });
         }
@@ -268,7 +169,7 @@ AlignPanelActionConfigs.forEach(alignPanelAction => {
         command: {
             id,
             title: shortLabel,
-            toggled: ( when.negate())
+            toggled: ( (when.negate()))
         },
         order: 5
     });
@@ -303,11 +204,7 @@ class SwitchPanelViewAction extends Action2 {
 }
 registerAction2(class extends SwitchPanelViewAction {
     constructor() {
-        super('workbench.action.previousPanelView', ( localize2WithPath(
-            'vs/workbench/browser/parts/panel/panelActions',
-            'previousPanelView',
-            "Previous Panel View"
-        )));
+        super('workbench.action.previousPanelView', ( localize2WithPath(_moduleId, 25, "Previous Panel View")));
     }
     run(accessor) {
         return super.run(accessor, -1);
@@ -315,11 +212,7 @@ registerAction2(class extends SwitchPanelViewAction {
 });
 registerAction2(class extends SwitchPanelViewAction {
     constructor() {
-        super('workbench.action.nextPanelView', ( localize2WithPath(
-            'vs/workbench/browser/parts/panel/panelActions',
-            'nextPanelView',
-            "Next Panel View"
-        )));
+        super('workbench.action.nextPanelView', ( localize2WithPath(_moduleId, 26, "Next Panel View")));
     }
     run(accessor) {
         return super.run(accessor, 1);
@@ -329,30 +222,24 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'workbench.action.toggleMaximizedPanel',
-            title: ( localize2WithPath(
-                'vs/workbench/browser/parts/panel/panelActions',
-                'toggleMaximizedPanel',
-                'Toggle Maximized Panel'
-            )),
-            tooltip: ( localizeWithPath(
-                'vs/workbench/browser/parts/panel/panelActions',
-                'maximizePanel',
-                "Maximize Panel Size"
-            )),
+            title: ( localize2WithPath(_moduleId, 27, 'Toggle Maximized Panel')),
+            tooltip: ( localizeWithPath(_moduleId, 28, "Maximize Panel Size")),
             category: Categories.View,
             f1: true,
             icon: maximizeIcon,
-            precondition: ( ContextKeyExpr.or(( PanelAlignmentContext.isEqualTo('center')), ( PanelPositionContext.notEqualsTo('bottom')))),
-            toggled: { condition: PanelMaximizedContext, icon: restoreIcon, tooltip: ( localizeWithPath(
-                'vs/workbench/browser/parts/panel/panelActions',
-                'minimizePanel',
-                "Restore Panel Size"
-            )) },
+            precondition: ( (ContextKeyExpr.or(
+                 (PanelAlignmentContext.isEqualTo('center')),
+                 (PanelPositionContext.notEqualsTo('bottom'))
+            ))),
+            toggled: { condition: PanelMaximizedContext, icon: restoreIcon, tooltip: ( localizeWithPath(_moduleId, 29, "Restore Panel Size")) },
             menu: [{
                     id: MenuId.PanelTitle,
                     group: 'navigation',
                     order: 1,
-                    when: ( ContextKeyExpr.or(( PanelAlignmentContext.isEqualTo('center')), ( PanelPositionContext.notEqualsTo('bottom'))))
+                    when: ( (ContextKeyExpr.or(
+                         (PanelAlignmentContext.isEqualTo('center')),
+                         (PanelPositionContext.notEqualsTo('bottom'))
+                    )))
                 }]
         });
     }
@@ -361,8 +248,8 @@ registerAction2(class extends Action2 {
         const notificationService = accessor.get(INotificationService);
         if (layoutService.getPanelAlignment() !== 'center' && layoutService.getPanelPosition() === 2 ) {
             notificationService.warn(( localizeWithPath(
-                'vs/workbench/browser/parts/panel/panelActions',
-                'panelMaxNotSupported',
+                _moduleId,
+                30,
                 "Maximizing the panel is only supported when it is center aligned."
             )));
             return;
@@ -382,11 +269,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'workbench.action.closePanel',
-            title: ( localize2WithPath(
-                'vs/workbench/browser/parts/panel/panelActions',
-                'closePanel',
-                'Hide Panel'
-            )),
+            title: ( localize2WithPath(_moduleId, 31, 'Hide Panel')),
             category: Categories.View,
             icon: closeIcon,
             menu: [{
@@ -407,11 +290,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'workbench.action.closeAuxiliaryBar',
-            title: ( localize2WithPath(
-                'vs/workbench/browser/parts/panel/panelActions',
-                'closeSecondarySideBar',
-                'Hide Secondary Side Bar'
-            )),
+            title: ( localize2WithPath(_moduleId, 32, 'Hide Secondary Side Bar')),
             category: Categories.View,
             icon: closeIcon,
             menu: [{
@@ -421,17 +300,17 @@ registerAction2(class extends Action2 {
                     id: MenuId.AuxiliaryBarTitle,
                     group: 'navigation',
                     order: 2,
-                    when: ( ContextKeyExpr.notEquals(
+                    when: ( (ContextKeyExpr.notEquals(
                         `config.${"workbench.activityBar.location" }`,
                         "top"
-                    ))
+                    )))
                 }, {
                     id: MenuId.AuxiliaryBarHeader,
                     group: 'navigation',
-                    when: ( ContextKeyExpr.equals(
+                    when: ( (ContextKeyExpr.equals(
                         `config.${"workbench.activityBar.location" }`,
                         "top"
-                    ))
+                    )))
                 }]
         });
     }
@@ -446,15 +325,14 @@ MenuRegistry.appendMenuItems([
             group: '0_workbench_toggles',
             command: {
                 id: TogglePanelAction.ID,
-                title: ( localizeWithPath(
-                    'vs/workbench/browser/parts/panel/panelActions',
-                    'togglePanel',
-                    "Toggle Panel"
-                )),
+                title: ( localizeWithPath(_moduleId, 33, "Toggle Panel")),
                 icon: panelOffIcon,
                 toggled: { condition: PanelVisibleContext, icon: panelIcon }
             },
-            when: ( ContextKeyExpr.or(( ContextKeyExpr.equals('config.workbench.layoutControl.type', 'toggles')), ( ContextKeyExpr.equals('config.workbench.layoutControl.type', 'both')))),
+            when: ( (ContextKeyExpr.or(
+                 (ContextKeyExpr.equals('config.workbench.layoutControl.type', 'toggles')),
+                 (ContextKeyExpr.equals('config.workbench.layoutControl.type', 'both'))
+            ))),
             order: 1
         }
     }, {
@@ -463,12 +341,12 @@ MenuRegistry.appendMenuItems([
             group: '3_workbench_layout_move',
             command: {
                 id: TogglePanelAction.ID,
-                title: ( localize2WithPath('vs/workbench/browser/parts/panel/panelActions', 'hidePanel', 'Hide Panel')),
+                title: ( localize2WithPath(_moduleId, 34, 'Hide Panel')),
             },
-            when: ( ContextKeyExpr.and(PanelVisibleContext, ( ContextKeyExpr.equals(
+            when: ( (ContextKeyExpr.and(PanelVisibleContext,  (ContextKeyExpr.equals(
                 'viewLocation',
                 ViewContainerLocationToString(1 )
-            )))),
+            ))))),
             order: 2
         }
     }
@@ -500,11 +378,7 @@ class MovePanelToSidePanelAction extends MoveViewsBetweenPanelsAction {
     constructor() {
         super(1 , 2 , {
             id: MovePanelToSidePanelAction.ID,
-            title: ( localize2WithPath(
-                'vs/workbench/browser/parts/panel/panelActions',
-                'movePanelToSecondarySideBar',
-                "Move Panel Views To Secondary Side Bar"
-            )),
+            title: ( localize2WithPath(_moduleId, 35, "Move Panel Views To Secondary Side Bar")),
             category: Categories.View,
             f1: false
         });
@@ -515,11 +389,7 @@ class MovePanelToSecondarySideBarAction extends MoveViewsBetweenPanelsAction {
     constructor() {
         super(1 , 2 , {
             id: MovePanelToSecondarySideBarAction.ID,
-            title: ( localize2WithPath(
-                'vs/workbench/browser/parts/panel/panelActions',
-                'movePanelToSecondarySideBar',
-                "Move Panel Views To Secondary Side Bar"
-            )),
+            title: ( localize2WithPath(_moduleId, 35, "Move Panel Views To Secondary Side Bar")),
             category: Categories.View,
             f1: true
         });
@@ -532,11 +402,7 @@ class MoveSidePanelToPanelAction extends MoveViewsBetweenPanelsAction {
     constructor() {
         super(2 , 1 , {
             id: MoveSidePanelToPanelAction.ID,
-            title: ( localize2WithPath(
-                'vs/workbench/browser/parts/panel/panelActions',
-                'moveSidePanelToPanel',
-                "Move Secondary Side Bar Views To Panel"
-            )),
+            title: ( localize2WithPath(_moduleId, 36, "Move Secondary Side Bar Views To Panel")),
             category: Categories.View,
             f1: false
         });
@@ -547,11 +413,7 @@ class MoveSecondarySideBarToPanelAction extends MoveViewsBetweenPanelsAction {
     constructor() {
         super(2 , 1 , {
             id: MoveSecondarySideBarToPanelAction.ID,
-            title: ( localize2WithPath(
-                'vs/workbench/browser/parts/panel/panelActions',
-                'moveSidePanelToPanel',
-                "Move Secondary Side Bar Views To Panel"
-            )),
+            title: ( localize2WithPath(_moduleId, 36, "Move Secondary Side Bar Views To Panel")),
             category: Categories.View,
             f1: true
         });

package/vscode/src/vs/workbench/browser/parts/panel/panelPart.d.ts

@@ -12,6 +12,7 @@ import { IMenuService } from '../../../../platform/actions/common/actions.servic
 import { AbstractPaneCompositePart, CompositeBarPosition } from '../paneCompositePart.js';
 import { ICommandService } from '../../../../platform/commands/common/commands.service.js';
 import { IPaneCompositeBarOptions } from '../paneCompositeBar.js';
+import { IHoverService } from '../../../../platform/hover/browser/hover.service.js';
 
 declare class PanelPart extends AbstractPaneCompositePart {
     private commandService;
@@ -22,7 +23,7 @@ declare class PanelPart extends AbstractPaneCompositePart {
     get preferredHeight(): number | undefined;
     get preferredWidth(): number | undefined;
     static readonly activePanelSettingsKey = "workbench.panelpart.activepanelid";
-    constructor(notificationService: INotificationService, storageService: IStorageService, contextMenuService: IContextMenuService, layoutService: IWorkbenchLayoutService, keybindingService: IKeybindingService, instantiationService: IInstantiationService, themeService: IThemeService, viewDescriptorService: IViewDescriptorService, contextKeyService: IContextKeyService, extensionService: IExtensionService, commandService: ICommandService, menuService: IMenuService);
+    constructor(notificationService: INotificationService, storageService: IStorageService, contextMenuService: IContextMenuService, layoutService: IWorkbenchLayoutService, keybindingService: IKeybindingService, hoverService: IHoverService, instantiationService: IInstantiationService, themeService: IThemeService, viewDescriptorService: IViewDescriptorService, contextKeyService: IContextKeyService, extensionService: IExtensionService, commandService: ICommandService, menuService: IMenuService);
     updateStyles(): void;
     protected getCompositeBarOptions(): IPaneCompositeBarOptions;
     private fillExtraContextMenuActions;

package/vscode/src/vs/workbench/browser/parts/sidebar/sidebarPart.d.ts

@@ -15,6 +15,7 @@ import { ActivityBarCompositeBar } from '../activitybar/activitybarPart.js';
 import { IPaneCompositeBarOptions } from '../paneCompositeBar.js';
 import { IConfigurationService } from '../../../../platform/configuration/common/configuration.service.js';
 import { IMenuService } from '../../../../platform/actions/common/actions.service.js';
+import { IHoverService } from '../../../../platform/hover/browser/hover.service.js';
 
 declare class SidebarPart extends AbstractPaneCompositePart {
     private readonly configurationService;
@@ -23,10 +24,11 @@ declare class SidebarPart extends AbstractPaneCompositePart {
     readonly maximumWidth: number;
     readonly minimumHeight: number;
     readonly maximumHeight: number;
+    get snap(): boolean;
     readonly priority: LayoutPriority;
     get preferredWidth(): number | undefined;
     private readonly acitivityBarPart;
-    constructor(notificationService: INotificationService, storageService: IStorageService, contextMenuService: IContextMenuService, layoutService: IWorkbenchLayoutService, keybindingService: IKeybindingService, instantiationService: IInstantiationService, themeService: IThemeService, viewDescriptorService: IViewDescriptorService, contextKeyService: IContextKeyService, extensionService: IExtensionService, configurationService: IConfigurationService, menuService: IMenuService);
+    constructor(notificationService: INotificationService, storageService: IStorageService, contextMenuService: IContextMenuService, layoutService: IWorkbenchLayoutService, keybindingService: IKeybindingService, hoverService: IHoverService, instantiationService: IInstantiationService, themeService: IThemeService, viewDescriptorService: IViewDescriptorService, contextKeyService: IContextKeyService, extensionService: IExtensionService, configurationService: IConfigurationService, menuService: IMenuService);
     private onDidChangeActivityBarLocation;
     updateStyles(): void;
     layout(width: number, height: number, top: number, left: number): void;