igniteui-dockmanager 1.14.1 → 1.14.2

package/CHANGELOG.md

@@ -0,0 +1,215 @@
+# Ignite UI Dock Manager Change Log
+
+All notable changes for each version of this project will be documented in this file.
+
+## 1.13.0
+
+### New features
+- Add `focusPane` method [#58](https://github.com/IgniteUI/igniteui-dockmanager/issues/58), [#59](https://github.com/IgniteUI/igniteui-dockmanager/issues/59)
+- Add `allowInnerDock` and `acceptsInnerDock` properties [#67](https://github.com/IgniteUI/igniteui-dockmanager/issues/67)
+
+### Enhancements
+- Save pane maximized state in layout [#60](https://github.com/IgniteUI/igniteui-dockmanager/issues/60)
+
+### Bug fixes
+- Tab selection order is not preserved [#31](https://github.com/IgniteUI/igniteui-dockmanager/issues/31)
+
+## 1.12.5
+
+### New features
+- Add `paneScroll` event [#51](https://github.com/IgniteUI/igniteui-dockmanager/issues/51) 
+
+### Bug fixes
+- ТabGroupPane: Pinning one of several unpinned panes results in all the panes getting pinned [#62](https://github.com/IgniteUI/igniteui-dockmanager/issues/62)
+- Context menu not positioning correctly in RTL mode
+- Active pane is not retained when docking with keyboard
+
+## 1.12.4
+
+### Bug fixes
+- Active pane incorrectly set when more than one Tab Group Pane is within a Floating Pane [#61](https://github.com/IgniteUI/igniteui-dockmanager/issues/61)
+
+## 1.12.3
+
+### Bug fixes
+- Error is thrown when dropping pane in a separate window
+
+## 1.12.2
+
+### Bug fixes
+- Docking indicator left/right arrows positions are reversed in RTL mode [#54](https://github.com/IgniteUI/igniteui-dockmanager/issues/54)
+- Context menu not positioning correctly
+- Missing overloads for `addEventListener` and `removeEventListener`
+
+### Enhancements
+- Add `tabs-more-menu-content` and `tabs-more-menu-item` CSS parts
+
+## 1.12.1
+
+### Enhancements
+- Include pane information in `splitterResizeStart` and `splitterResizeEnd` events
+- `IgcDockManagerComponent` is now exported as class
+
+### Bug fixes
+- Contents in slots with `unpinnedHeaderId` are not updated correctly [#53](https://github.com/IgniteUI/igniteui-dockmanager/issues/53)
+
+## 1.12.0
+
+### Bug fixes
+- Docking not working with allowFloating: false [#40](https://github.com/IgniteUI/igniteui-dockmanager/issues/40)
+- Flyout pane closing while active [#41](https://github.com/IgniteUI/igniteui-dockmanager/issues/41)
+- Focusable elements does not receive focus [#42](https://github.com/IgniteUI/igniteui-dockmanager/issues/42)
+- Navigating with pane navigator does not bring selected floating window on top [#48](https://github.com/IgniteUI/igniteui-dockmanager/issues/48)
+- Event `splitterResizeStart` can't be cancelled
+- Tabs context menu not positioning correctly
+
+## 1.11.3
+
+### New features
+- Add `contextMenuPosition` property
+- Add `selected` option for `tab-header-close-button` CSS part
+
+## 1.11.2
+
+### New features
+- Add `hovered` option for `tab-header-close-button` CSS part
+
+## 1.11.1
+
+### Bug fixes
+- CSS part fixes for `tab-header`
+
+## 1.11.0
+
+### New features
+- Add options for `showHeaderIconOnHover` property for different buttons
+- Add `horizontal` and `vertical` options for `splitter-handle` CSS part
+- Add `header-title` CSS part
+- Add `hover` option for `tab-header-close-button` CSS part in active/inactive states
+- Add `paneHeaderCloseButton` and `tabHeaderCloseButton` slots
+
+## 1.10.0
+
+### New features
+-  Add `showHeaderIconOnHover` property
+
+### Bug fixes
+- Active pane is not retained on float/dock
+- Splitter styles are not applied [#36](https://github.com/IgniteUI/igniteui-dockmanager/issues/36)
+- `click` event on customized header buttons is not working [#37](https://github.com/IgniteUI/igniteui-dockmanager/issues/37)
+- Removed erroneous dock indicators while dragging over splitter
+
+## 1.9.0
+
+### Bug fixes
+- Styles not applied [#33](https://github.com/IgniteUI/igniteui-dockmanager/issues/33)
+- Resize in RTL mode [#24](https://github.com/IgniteUI/igniteui-dockmanager/issues/24)
+
+## 1.8.0
+
+### New features
+- Customize dock manager buttons
+- `layoutChange` event which fires when the layout updates [#17](https://github.com/IgniteUI/igniteui-dockmanager/issues/17)
+
+## 1.7.0
+
+### New features
+- Customizable floating pane header
+- `disabled` property per pane [#23](https://github.com/IgniteUI/igniteui-dockmanager/issues/23)
+- `documentOnly` property which allows content pane to be docked only inside a document host
+- `allowEmpty` property for split and tab group panes which allows displaying empty areas [#18](https://github.com/IgniteUI/igniteui-dockmanager/issues/18)
+- `disableKeyboardNavigation` property on the dock manager [#22](https://github.com/IgniteUI/igniteui-dockmanager/issues/22)
+
+### Bug fixes
+- Docking indicators appear over the currently dragged floating pane
+
+## 1.6.0
+
+### New features
+- Customize dock manager panes and tabs [#3](https://github.com/IgniteUI/igniteui-dockmanager/issues/3)
+
+### Bug fixes
+- A floating pane is draggable outside of the page [#14](https://github.com/IgniteUI/igniteui-dockmanager/issues/14)
+
+## 1.5.0
+
+### New features
+- `allowMaximize` property per pane [#10](https://github.com/IgniteUI/igniteui-dockmanager/issues/10)
+
+### Bug fixes
+- Unpinned pane is closing automatically upon clicking on its content [#11](https://github.com/IgniteUI/igniteui-dockmanager/issues/11)
+- Panes selected from the overflow menu are not activated if there is an unpinned pane from the same tab group
+
+## 1.4.1
+
+### Bug fixes
+- Pane with allowPinning=false placed inside tab group can be unpinned [#9](https://github.com/IgniteUI/igniteui-dockmanager/issues/9)
+- Normalize a maximized pane when navigating away from it via the keyboard
+
+## 1.4.0
+
+### New features
+- Reorder tabs without creating floating pane
+- Keyboard navigation
+- Pane navigator
+- Enable/disable floating pane resizing [#4](https://github.com/IgniteUI/igniteui-dockmanager/issues/4)
+- Events for floating pane resizing
+
+### Bug fixes
+- Select pane when activated
+- Flyout unpinned pane when activated
+- Error thrown when hosting external popup inside pane [#5](https://github.com/IgniteUI/igniteui-dockmanager/issues/5)
+- Tab selection is lost with nested Dock Manager components [#6](https://github.com/IgniteUI/igniteui-dockmanager/issues/6)
+- Floating pane containing panes with disabled floating and docking cannot be moved
+- Exception thrown when docking floating pane inside empty dock manager [#7](https://github.com/IgniteUI/igniteui-dockmanager/issues/7)
+
+## 1.3.0
+
+### New features
+- More tabs menu appears when there is not enough space to display all tab headers
+- Hide pane without removing it from the layout using its `hidden` property [#1](https://github.com/IgniteUI/igniteui-dockmanager/issues/1)
+- Header slot properties for tab and unpinned pane - `tabHeaderId` and `unpinnedHeaderId` [#2](https://github.com/IgniteUI/igniteui-dockmanager/issues/2)
+
+## 1.2.0
+
+### New features
+- Active pane
+- Localization support
+
+### Bug fixes
+- Errors thrown when dragging the last document host tab and there is unpinned pane
+- Tabs content disappears after docking a pane with allowFloating=false
+- Exception thrown when quickly switching between docking indicators
+
+## 1.1.0
+
+### New features
+- Maximizing panes
+- Docking preview shadow
+- ARIA support
+- API for external drag/drop support
+- Properties and events for user interactions such as closing, pinning, dragging
+- Support for `ng update` for Angular projects
+
+## 1.0.3
+
+### Enhancements
+- Resize splitter using the keyboard
+
+## 1.0.2
+
+### Bug fixes
+- Pane goes out of view when resized to its minimum size
+
+## 1.0.1
+
+### Enhancements
+- Add active color css variable
+- Add keyboard support for context menu
+
+### Bug fixes
+- Selection is not working on first click when context menu is opened
+- Single tab is not rendered correctly after pinning/unpinning its sibling
+
+## 1.0.0
+Initial release of Ignite UI Dock Manager

package/dist/cjs/igc-button-component_20.cjs.entry.js

@@ -1244,32 +1244,40 @@ class IgcDockManagerService {
     }
     return true;
   }
-  pointInBoundaries(clientX, clientY, oldLocation, pane) {
-    let newPointX = oldLocation.x;
-    let newPointY = oldLocation.y;
-    if (this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x >= this.dockManagerRect.x &&
-      this.initialFloatingPaneLocation.x + clientX + pane.floatingWidth - this.initialDragClientPoint.x <= this.dockManagerRect.right) {
-      newPointX = this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x;
+  pointInBoundaries(clientX, clientY, location, pane) {
+    const minDragPosition = {
+      x: this.dockManagerRect.x,
+      y: this.dockManagerRect.y
+    };
+    const maxDragPosition = {
+      x: this.dockManagerRect.right - pane.floatingWidth,
+      y: this.dockManagerRect.bottom - pane.floatingHeight
+    };
+    if (this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x <= this.dockManagerRect.x) {
+      location.x = minDragPosition.x;
+    }
+    else if (this.initialFloatingPaneLocation.x + clientX + pane.floatingWidth - this.initialDragClientPoint.x >= this.dockManagerRect.right) {
+      location.x = maxDragPosition.x;
+    }
+    if (this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y <= this.dockManagerRect.y) {
+      location.y = minDragPosition.y;
     }
-    if (this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y >= this.dockManagerRect.y &&
-      this.initialFloatingPaneLocation.y + clientY + pane.floatingHeight - this.initialDragClientPoint.y <= this.dockManagerRect.bottom) {
-      newPointY = this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y;
+    else if (this.initialFloatingPaneLocation.y + clientY + pane.floatingHeight - this.initialDragClientPoint.y >= this.dockManagerRect.bottom) {
+      location.y = maxDragPosition.y;
     }
-    return { x: newPointX, y: newPointY };
+    return location;
   }
   dragPaneMove(clientX, clientY) {
     const draggedPane = this.dockManager.draggedPane;
     if (draggedPane.type === locale.IgcDockManagerPaneType.splitPane) {
       const oldLocation = draggedPane.floatingLocation ? draggedPane.floatingLocation : { x: 0, y: 0 };
       let newLocation;
-      if (!this.dockManager.containedInBoundaries) {
-        newLocation = {
-          x: this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x,
-          y: this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y,
-        };
-      }
-      else {
-        newLocation = this.pointInBoundaries(clientX, clientY, oldLocation, draggedPane);
+      newLocation = {
+        x: this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x,
+        y: this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y,
+      };
+      if (this.dockManager.containedInBoundaries) {
+        newLocation = this.pointInBoundaries(clientX, clientY, newLocation, draggedPane);
       }
       const dragOverEvent = this.dockManager.paneDragOver.emit({
         sourcePane: draggedPane,

package/dist/collection/components/dockmanager/dockmanager.service.js

@@ -915,32 +915,40 @@ export class IgcDockManagerService {
     }
     return true;
   }
-  pointInBoundaries(clientX, clientY, oldLocation, pane) {
-    let newPointX = oldLocation.x;
-    let newPointY = oldLocation.y;
-    if (this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x >= this.dockManagerRect.x &&
-      this.initialFloatingPaneLocation.x + clientX + pane.floatingWidth - this.initialDragClientPoint.x <= this.dockManagerRect.right) {
-      newPointX = this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x;
+  pointInBoundaries(clientX, clientY, location, pane) {
+    const minDragPosition = {
+      x: this.dockManagerRect.x,
+      y: this.dockManagerRect.y
+    };
+    const maxDragPosition = {
+      x: this.dockManagerRect.right - pane.floatingWidth,
+      y: this.dockManagerRect.bottom - pane.floatingHeight
+    };
+    if (this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x <= this.dockManagerRect.x) {
+      location.x = minDragPosition.x;
+    }
+    else if (this.initialFloatingPaneLocation.x + clientX + pane.floatingWidth - this.initialDragClientPoint.x >= this.dockManagerRect.right) {
+      location.x = maxDragPosition.x;
+    }
+    if (this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y <= this.dockManagerRect.y) {
+      location.y = minDragPosition.y;
     }
-    if (this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y >= this.dockManagerRect.y &&
-      this.initialFloatingPaneLocation.y + clientY + pane.floatingHeight - this.initialDragClientPoint.y <= this.dockManagerRect.bottom) {
-      newPointY = this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y;
+    else if (this.initialFloatingPaneLocation.y + clientY + pane.floatingHeight - this.initialDragClientPoint.y >= this.dockManagerRect.bottom) {
+      location.y = maxDragPosition.y;
     }
-    return { x: newPointX, y: newPointY };
+    return location;
   }
   dragPaneMove(clientX, clientY) {
     const draggedPane = this.dockManager.draggedPane;
     if (draggedPane.type === IgcDockManagerPaneType.splitPane) {
       const oldLocation = draggedPane.floatingLocation ? draggedPane.floatingLocation : { x: 0, y: 0 };
       let newLocation;
-      if (!this.dockManager.containedInBoundaries) {
-        newLocation = {
-          x: this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x,
-          y: this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y,
-        };
-      }
-      else {
-        newLocation = this.pointInBoundaries(clientX, clientY, oldLocation, draggedPane);
+      newLocation = {
+        x: this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x,
+        y: this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y,
+      };
+      if (this.dockManager.containedInBoundaries) {
+        newLocation = this.pointInBoundaries(clientX, clientY, newLocation, draggedPane);
       }
       const dragOverEvent = this.dockManager.paneDragOver.emit({
         sourcePane: draggedPane,

package/dist/esm/igc-button-component_20.entry.js

@@ -1240,32 +1240,40 @@ class IgcDockManagerService {
     }
     return true;
   }
-  pointInBoundaries(clientX, clientY, oldLocation, pane) {
-    let newPointX = oldLocation.x;
-    let newPointY = oldLocation.y;
-    if (this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x >= this.dockManagerRect.x &&
-      this.initialFloatingPaneLocation.x + clientX + pane.floatingWidth - this.initialDragClientPoint.x <= this.dockManagerRect.right) {
-      newPointX = this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x;
+  pointInBoundaries(clientX, clientY, location, pane) {
+    const minDragPosition = {
+      x: this.dockManagerRect.x,
+      y: this.dockManagerRect.y
+    };
+    const maxDragPosition = {
+      x: this.dockManagerRect.right - pane.floatingWidth,
+      y: this.dockManagerRect.bottom - pane.floatingHeight
+    };
+    if (this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x <= this.dockManagerRect.x) {
+      location.x = minDragPosition.x;
+    }
+    else if (this.initialFloatingPaneLocation.x + clientX + pane.floatingWidth - this.initialDragClientPoint.x >= this.dockManagerRect.right) {
+      location.x = maxDragPosition.x;
+    }
+    if (this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y <= this.dockManagerRect.y) {
+      location.y = minDragPosition.y;
     }
-    if (this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y >= this.dockManagerRect.y &&
-      this.initialFloatingPaneLocation.y + clientY + pane.floatingHeight - this.initialDragClientPoint.y <= this.dockManagerRect.bottom) {
-      newPointY = this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y;
+    else if (this.initialFloatingPaneLocation.y + clientY + pane.floatingHeight - this.initialDragClientPoint.y >= this.dockManagerRect.bottom) {
+      location.y = maxDragPosition.y;
     }
-    return { x: newPointX, y: newPointY };
+    return location;
   }
   dragPaneMove(clientX, clientY) {
     const draggedPane = this.dockManager.draggedPane;
     if (draggedPane.type === IgcDockManagerPaneType.splitPane) {
       const oldLocation = draggedPane.floatingLocation ? draggedPane.floatingLocation : { x: 0, y: 0 };
       let newLocation;
-      if (!this.dockManager.containedInBoundaries) {
-        newLocation = {
-          x: this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x,
-          y: this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y,
-        };
-      }
-      else {
-        newLocation = this.pointInBoundaries(clientX, clientY, oldLocation, draggedPane);
+      newLocation = {
+        x: this.initialFloatingPaneLocation.x + clientX - this.initialDragClientPoint.x,
+        y: this.initialFloatingPaneLocation.y + clientY - this.initialDragClientPoint.y,
+      };
+      if (this.dockManager.containedInBoundaries) {
+        newLocation = this.pointInBoundaries(clientX, clientY, newLocation, draggedPane);
       }
       const dragOverEvent = this.dockManager.paneDragOver.emit({
         sourcePane: draggedPane,