igniteui-dockmanager 1.12.3 → 1.12.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/cjs/igc-button-component_20.cjs.entry.js +29 -11
  2. package/dist/collection/components/dockmanager/dockmanager-component.js +29 -11
  3. package/dist/esm/igc-button-component_20.entry.js +29 -11
  4. package/dist/esm-es5/igc-button-component_20.entry.js +1 -1
  5. package/dist/igniteui-dockmanager/igniteui-dockmanager.esm.js +1 -1
  6. package/dist/igniteui-dockmanager/p-6aad9699.entry.js +1 -0
  7. package/dist/igniteui-dockmanager/p-abc689a4.system.entry.js +1 -0
  8. package/dist/igniteui-dockmanager/p-f8e35aef.system.js +1 -1
  9. package/loader/cdn.js +2 -2
  10. package/loader/index.cjs.js +2 -2
  11. package/package.json +1 -1
  12. package/dist/igniteui-dockmanager/p-1743a03e.entry.js +0 -1
  13. package/dist/igniteui-dockmanager/p-1f01c471.system.entry.js +0 -1
package/dist/cjs/igc-button-component_20.cjs.entry.js CHANGED
@@ -2708,18 +2708,36 @@ let IgcDockManager = class {
2708
2708
  return;
2709
2709
  }
2710
2710
  this.service.bringFloatingPaneOnTop(pane);
2711
- requestAnimationFrame(() => {
2712
- let targetPane = this.findFocusablePane(pane.panes);
2713
- if (!targetPane) {
2714
- targetPane = pane.panes[0];
2715
- }
2716
- const nodeName = event.target.nodeName.toLowerCase();
2717
- if (nodeName === 'igc-dockmanager') {
2718
- this.setActivePane(targetPane);
2719
- this.setFocus(targetPane);
2711
+ const isTabs = pathHTMLElements.filter(e => e.attributes.getNamedItem('part') && e.attributes.getNamedItem('part').value === 'tabs-container').length > 0;
2712
+ if (isTabs) {
2713
+ return;
2714
+ }
2715
+ const isFloatingPaneHeader = pathHTMLElements.filter(e => e.attributes.getNamedItem('part') && e.attributes.getNamedItem('part').value === 'pane-header floating window').length > 0;
2716
+ if (isFloatingPaneHeader) {
2717
+ let targetPane;
2718
+ let parent = this.service.getParent(this.activePane);
2719
+ while (parent) {
2720
+ if (parent === pane) {
2721
+ targetPane = this.activePane;
2722
+ break;
2723
+ }
2724
+ parent = this.service.getParent(parent);
2720
2725
  }
2721
- this.contentPaneId = targetPane.contentId;
2722
- });
2726
+ requestAnimationFrame(() => {
2727
+ if (!targetPane) {
2728
+ targetPane = this.findFocusablePane(pane.panes);
2729
+ }
2730
+ if (!targetPane) {
2731
+ targetPane = pane.panes[0];
2732
+ }
2733
+ const nodeName = event.target.nodeName.toLowerCase();
2734
+ if (nodeName === 'igc-dockmanager') {
2735
+ this.setActivePane(targetPane);
2736
+ this.setFocus(targetPane);
2737
+ }
2738
+ this.contentPaneId = targetPane.contentId;
2739
+ });
2740
+ }
2723
2741
  }
2724
2742
  handleTabIconClick(p, position, isFloating, event) {
2725
2743
  if (!this.showHeaderIconOnHover) {
package/dist/collection/components/dockmanager/dockmanager-component.js CHANGED
@@ -885,18 +885,36 @@ export class IgcDockManager {
885
885
  return;
886
886
  }
887
887
  this.service.bringFloatingPaneOnTop(pane);
888
- requestAnimationFrame(() => {
889
- let targetPane = this.findFocusablePane(pane.panes);
890
- if (!targetPane) {
891
- targetPane = pane.panes[0];
892
- }
893
- const nodeName = event.target.nodeName.toLowerCase();
894
- if (nodeName === 'igc-dockmanager') {
895
- this.setActivePane(targetPane);
896
- this.setFocus(targetPane);
888
+ const isTabs = pathHTMLElements.filter(e => e.attributes.getNamedItem('part') && e.attributes.getNamedItem('part').value === 'tabs-container').length > 0;
889
+ if (isTabs) {
890
+ return;
891
+ }
892
+ const isFloatingPaneHeader = pathHTMLElements.filter(e => e.attributes.getNamedItem('part') && e.attributes.getNamedItem('part').value === 'pane-header floating window').length > 0;
893
+ if (isFloatingPaneHeader) {
894
+ let targetPane;
895
+ let parent = this.service.getParent(this.activePane);
896
+ while (parent) {
897
+ if (parent === pane) {
898
+ targetPane = this.activePane;
899
+ break;
900
+ }
901
+ parent = this.service.getParent(parent);
897
902
  }
898
- this.contentPaneId = targetPane.contentId;
899
- });
903
+ requestAnimationFrame(() => {
904
+ if (!targetPane) {
905
+ targetPane = this.findFocusablePane(pane.panes);
906
+ }
907
+ if (!targetPane) {
908
+ targetPane = pane.panes[0];
909
+ }
910
+ const nodeName = event.target.nodeName.toLowerCase();
911
+ if (nodeName === 'igc-dockmanager') {
912
+ this.setActivePane(targetPane);
913
+ this.setFocus(targetPane);
914
+ }
915
+ this.contentPaneId = targetPane.contentId;
916
+ });
917
+ }
900
918
  }
901
919
  handleTabIconClick(p, position, isFloating, event) {
902
920
  if (!this.showHeaderIconOnHover) {
package/dist/esm/igc-button-component_20.entry.js CHANGED
@@ -2704,18 +2704,36 @@ let IgcDockManager = class {
2704
2704
  return;
2705
2705
  }
2706
2706
  this.service.bringFloatingPaneOnTop(pane);
2707
- requestAnimationFrame(() => {
2708
- let targetPane = this.findFocusablePane(pane.panes);
2709
- if (!targetPane) {
2710
- targetPane = pane.panes[0];
2711
- }
2712
- const nodeName = event.target.nodeName.toLowerCase();
2713
- if (nodeName === 'igc-dockmanager') {
2714
- this.setActivePane(targetPane);
2715
- this.setFocus(targetPane);
2707
+ const isTabs = pathHTMLElements.filter(e => e.attributes.getNamedItem('part') && e.attributes.getNamedItem('part').value === 'tabs-container').length > 0;
2708
+ if (isTabs) {
2709
+ return;
2710
+ }
2711
+ const isFloatingPaneHeader = pathHTMLElements.filter(e => e.attributes.getNamedItem('part') && e.attributes.getNamedItem('part').value === 'pane-header floating window').length > 0;
2712
+ if (isFloatingPaneHeader) {
2713
+ let targetPane;
2714
+ let parent = this.service.getParent(this.activePane);
2715
+ while (parent) {
2716
+ if (parent === pane) {
2717
+ targetPane = this.activePane;
2718
+ break;
2719
+ }
2720
+ parent = this.service.getParent(parent);
2716
2721
  }
2717
- this.contentPaneId = targetPane.contentId;
2718
- });
2722
+ requestAnimationFrame(() => {
2723
+ if (!targetPane) {
2724
+ targetPane = this.findFocusablePane(pane.panes);
2725
+ }
2726
+ if (!targetPane) {
2727
+ targetPane = pane.panes[0];
2728
+ }
2729
+ const nodeName = event.target.nodeName.toLowerCase();
2730
+ if (nodeName === 'igc-dockmanager') {
2731
+ this.setActivePane(targetPane);
2732
+ this.setFocus(targetPane);
2733
+ }
2734
+ this.contentPaneId = targetPane.contentId;
2735
+ });
2736
+ }
2719
2737
  }
2720
2738
  handleTabIconClick(p, position, isFloating, event) {
2721
2739
  if (!this.showHeaderIconOnHover) {