@progress/kendo-angular-layout 7.0.1 → 7.0.3-dev.202206061201

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1652108477,
+    publishDate: 1654516822,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/panelbar/panelbar.component.js

@@ -284,6 +284,7 @@ export class PanelBarComponent {
             return;
         }
         let modifiedItems = new Array();
+        let selectPreventedItems = [];
         this.allItems
             .forEach((currentItem) => {
             let selectedState = currentItem === item;
@@ -297,10 +298,13 @@ export class PanelBarComponent {
                     this.activeDescendant = focusedState ? currentItem.itemId : '';
                     modifiedItems.push(currentItem);
                 }
+                else {
+                    selectPreventedItems.push(currentItem);
+                }
             }
         });
         if (this.expandMode === PanelBarExpandMode.Multiple) {
-            if ((item.hasChildItems || item.hasContent) && item.selected) {
+            if ((item.hasChildItems || item.hasContent) && !selectPreventedItems.includes(item)) {
                 const isEventPrevented = item.expanded ?
                     this.emitEvent('collapse', item).isDefaultPrevented() :
                     this.emitEvent('expand', item).isDefaultPrevented();
@@ -316,7 +320,7 @@ export class PanelBarComponent {
             let siblings = item.parent ? item.parent.childrenItems : this.childrenItems;
             let preventedCollapseItem;
             let expandedItems = [];
-            if ((item.hasChildItems || item.hasContent) && item.selected) {
+            if ((item.hasChildItems || item.hasContent) && !selectPreventedItems.includes(item)) {
                 siblings
                     .forEach((currentItem) => {
                     let expandedState = currentItem === item;

package/esm2015/tilelayout/dragging-service.js

@@ -5,7 +5,7 @@
 import { Injectable } from '@angular/core';
 import { BehaviorSubject, Subject } from 'rxjs';
 import { calculateCellFromPosition, getDropTarget, isRowItemPresent, normalizeValue, propsChanged, setElementStyles } from './util';
-import { closestInScope } from '../common/dom-queries';
+import { closestInScope, isFocusable } from '../common/dom-queries';
 import { DRAGGED_ZINDEX, HINT_BORDERS_HEIGHT, OVERLAP_THRESHOLD, REVERSE_OVERLAP_THRESHOLD } from './constants';
 import { TileLayoutReorderEvent } from './reorder-event';
 import { TileLayoutResizeEvent } from './resize-event';
@@ -57,7 +57,8 @@ export class TileLayoutDraggingService {
                 .find(item => item.order === +closestTile.style.order);
         });
         const reordering = !resizing && this.reorderable.getValue() && this.draggedItem.reorderable && closestHeader;
-        if (!(reordering || resizing)) {
+        const focusableTarget = isFocusable(originalEvent.target);
+        if (!(reordering || resizing) || focusableTarget) {
             return;
         }
         else {

package/fesm2015/kendo-angular-layout.js

@@ -26,7 +26,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1652108477,
+    publishDate: 1654516822,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -1186,6 +1186,7 @@ class PanelBarComponent {
             return;
         }
         let modifiedItems = new Array();
+        let selectPreventedItems = [];
         this.allItems
             .forEach((currentItem) => {
             let selectedState = currentItem === item;
@@ -1199,10 +1200,13 @@ class PanelBarComponent {
                     this.activeDescendant = focusedState ? currentItem.itemId : '';
                     modifiedItems.push(currentItem);
                 }
+                else {
+                    selectPreventedItems.push(currentItem);
+                }
             }
         });
         if (this.expandMode === PanelBarExpandMode.Multiple) {
-            if ((item.hasChildItems || item.hasContent) && item.selected) {
+            if ((item.hasChildItems || item.hasContent) && !selectPreventedItems.includes(item)) {
                 const isEventPrevented = item.expanded ?
                     this.emitEvent('collapse', item).isDefaultPrevented() :
                     this.emitEvent('expand', item).isDefaultPrevented();
@@ -1218,7 +1222,7 @@ class PanelBarComponent {
             let siblings = item.parent ? item.parent.childrenItems : this.childrenItems;
             let preventedCollapseItem;
             let expandedItems = [];
-            if ((item.hasChildItems || item.hasContent) && item.selected) {
+            if ((item.hasChildItems || item.hasContent) && !selectPreventedItems.includes(item)) {
                 siblings
                     .forEach((currentItem) => {
                     let expandedState = currentItem === item;
@@ -7406,7 +7410,8 @@ class TileLayoutDraggingService {
                 .find(item => item.order === +closestTile.style.order);
         });
         const reordering = !resizing && this.reorderable.getValue() && this.draggedItem.reorderable && closestHeader;
-        if (!(reordering || resizing)) {
+        const focusableTarget = isFocusable(originalEvent.target);
+        if (!(reordering || resizing) || focusableTarget) {
             return;
         }
         else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "7.0.1",
+  "version": "7.0.3-dev.202206061201",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",

package/tabstrip/models/scrollable-settings.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { TabStripScrollButtonsVisibility } from "./scroll-buttons-visibility";
 /**
- * The settings for the scrollable functionality of the TabStrip. ([see example]({% slug scrollable_tabstrip %}toc-scrollable-settings)).
+ * The settings for the scrollable functionality of the TabStrip. ([see example]({% slug scrollable_tabstrip %}))
  */
 export interface TabStripScrollableSettings {
     /**