dockview-core 1.10.2 → 1.11.0

package/dist/esm/dockview/components/tab/defaultTab.d.ts

@@ -5,8 +5,6 @@ import { DockviewGroupPanel } from '../../dockviewGroupPanel';
 export declare class DefaultTab extends CompositeDisposable implements ITabRenderer {
     private _element;
     private _content;
-    private _actionContainer;
-    private _list;
     private action;
     private params;
     get element(): HTMLElement;

package/dist/esm/dockview/components/tab/defaultTab.js

@@ -10,27 +10,18 @@ export class DefaultTab extends CompositeDisposable {
         //
         this.params = {};
         this._element = document.createElement('div');
-        this._element.className = 'default-tab';
+        this._element.className = 'dv-default-tab';
         //
         this._content = document.createElement('div');
-        this._content.className = 'tab-content';
-        //
-        this._actionContainer = document.createElement('div');
-        this._actionContainer.className = 'action-container';
-        //
-        this._list = document.createElement('ul');
-        this._list.className = 'tab-list';
-        //
+        this._content.className = 'dv-default-tab-content';
         this.action = document.createElement('div');
-        this.action.className = 'tab-action';
+        this.action.className = 'dv-default-tab-action';
         this.action.appendChild(createCloseButton());
         //
         this._element.appendChild(this._content);
-        this._element.appendChild(this._actionContainer);
-        this._actionContainer.appendChild(this._list);
-        this._list.appendChild(this.action);
+        this._element.appendChild(this.action);
         //
-        this.addDisposables(addDisposableListener(this._actionContainer, 'mousedown', (ev) => {
+        this.addDisposables(addDisposableListener(this.action, 'mousedown', (ev) => {
             ev.preventDefault();
         }));
         this.render();

package/dist/styles/dockview.css

@@ -737,19 +737,19 @@
   outline-offset: -1px;
   z-index: 5;
 }
-.tab.dv-tab-dragging .tab-action {
+.tab.dv-tab-dragging .dv-default-tab-action {
   background-color: var(--dv-activegroup-visiblepanel-tab-color);
 }
-.tab.active-tab > .default-tab .tab-action {
+.tab.active-tab .dv-default-tab .dv-default-tab-action {
   visibility: visible;
 }
-.tab.inactive-tab > .default-tab .tab-action {
+.tab.inactive-tab .dv-default-tab .dv-default-tab-action {
   visibility: hidden;
 }
-.tab.inactive-tab > .default-tab:hover .tab-action {
+.tab.inactive-tab .dv-default-tab:hover .dv-default-tab-action {
   visibility: visible;
 }
-.tab .default-tab {
+.tab .dv-default-tab {
   position: relative;
   height: 100%;
   display: flex;
@@ -759,28 +759,18 @@
   white-space: nowrap;
   text-overflow: elipsis;
 }
-.tab .default-tab .tab-content {
+.tab .dv-default-tab .dv-default-tab-content {
   padding: 0px 8px;
   flex-grow: 1;
 }
-.tab .default-tab .action-container {
-  text-align: right;
-  display: flex;
-}
-.tab .default-tab .action-container .tab-list {
-  display: flex;
-  padding: 0px;
-  margin: 0px;
-  justify-content: flex-end;
-}
-.tab .default-tab .action-container .tab-list .tab-action {
+.tab .dv-default-tab .dv-default-tab-action {
   padding: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
 }
-.tab .default-tab .action-container .tab-list .tab-action:hover {
+.tab .dv-default-tab .dv-default-tab-action:hover {
   border-radius: 2px;
   background-color: var(--dv-icon-hover-background-color);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview-core",
-  "version": "1.10.2",
+  "version": "1.11.0",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support",
   "keywords": [
     "splitview",