@progress/kendo-angular-layout 7.0.1-dev.202205020614 → 7.0.2-dev.202205251252

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: 1651472017,
+    publishDate: 1653483097,
     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/splitter/splitter-pane.component.js

@@ -49,6 +49,7 @@ export class SplitterPaneComponent {
          * Allows a two-way binding of the `collapsed` pane property.
          */
         this.collapsedChange = new EventEmitter();
+        this.ariaRole = 'group';
         this.hostClass = true;
         /**
          * @hidden
@@ -157,7 +158,7 @@ export class SplitterPaneComponent {
     }
 }
 SplitterPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterPaneComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SplitterPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: { order: "order", size: "size", min: "min", max: "max", resizable: "resizable", collapsible: "collapsible", scrollable: "scrollable", collapsed: "collapsed", orientation: "orientation", containsSplitter: "containsSplitter", overlayContent: "overlayContent" }, outputs: { sizeChange: "sizeChange", collapsedChange: "collapsedChange" }, host: { properties: { "class.k-pane": "this.hostClass", "class.k-pane-static": "this.staticPaneClass", "class.k-scrollable": "this.scrollablePaneClass" } }, exportAs: ["kendoSplitterPane"], ngImport: i0, template: `
+SplitterPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: { order: "order", size: "size", min: "min", max: "max", resizable: "resizable", collapsible: "collapsible", scrollable: "scrollable", collapsed: "collapsed", orientation: "orientation", containsSplitter: "containsSplitter", overlayContent: "overlayContent" }, outputs: { sizeChange: "sizeChange", collapsedChange: "collapsedChange" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-pane": "this.hostClass", "class.k-pane-static": "this.staticPaneClass", "class.k-scrollable": "this.scrollablePaneClass" } }, exportAs: ["kendoSplitterPane"], ngImport: i0, template: `
         <ng-container *ngIf="!collapsed"><ng-content></ng-content></ng-container>
         <div *ngIf="overlayContent" class="k-splitter-overlay k-overlay"></div>
     `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
@@ -197,6 +198,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Output
             }], collapsedChange: [{
                 type: Output
+            }], ariaRole: [{
+                type: HostBinding,
+                args: ['attr.role']
             }], hostClass: [{
                 type: HostBinding,
                 args: ['class.k-pane']

package/esm2015/splitter/splitter.component.js

@@ -65,7 +65,6 @@ export class SplitterComponent {
          * Panes in a vertical Splitter are placed vertically.
          */
         this.orientation = 'horizontal';
-        this.ariaRole = 'splitter';
         validatePackage(packageMetadata);
         if (enclosingPane) {
             enclosingPane.containsSplitter = true;
@@ -140,7 +139,7 @@ export class SplitterComponent {
     }
 }
 SplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.ElementRef }, { token: i1.SplitterService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: SplitterPaneComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir", "attr.role": "this.ariaRole" } }, providers: [
+SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
         SplitterService,
         LocalizationService,
         {
@@ -217,9 +216,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], dir: [{
                 type: HostBinding,
                 args: ['attr.dir']
-            }], ariaRole: [{
-                type: HostBinding,
-                args: ['attr.role']
             }], splitbars: [{
                 type: ViewChildren,
                 args: [SplitterBarComponent]

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: 1651472017,
+    publishDate: 1653483097,
     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;
@@ -1555,6 +1559,7 @@ class SplitterPaneComponent {
          * Allows a two-way binding of the `collapsed` pane property.
          */
         this.collapsedChange = new EventEmitter();
+        this.ariaRole = 'group';
         this.hostClass = true;
         /**
          * @hidden
@@ -1663,7 +1668,7 @@ class SplitterPaneComponent {
     }
 }
 SplitterPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterPaneComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SplitterPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: { order: "order", size: "size", min: "min", max: "max", resizable: "resizable", collapsible: "collapsible", scrollable: "scrollable", collapsed: "collapsed", orientation: "orientation", containsSplitter: "containsSplitter", overlayContent: "overlayContent" }, outputs: { sizeChange: "sizeChange", collapsedChange: "collapsedChange" }, host: { properties: { "class.k-pane": "this.hostClass", "class.k-pane-static": "this.staticPaneClass", "class.k-scrollable": "this.scrollablePaneClass" } }, exportAs: ["kendoSplitterPane"], ngImport: i0, template: `
+SplitterPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: { order: "order", size: "size", min: "min", max: "max", resizable: "resizable", collapsible: "collapsible", scrollable: "scrollable", collapsed: "collapsed", orientation: "orientation", containsSplitter: "containsSplitter", overlayContent: "overlayContent" }, outputs: { sizeChange: "sizeChange", collapsedChange: "collapsedChange" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-pane": "this.hostClass", "class.k-pane-static": "this.staticPaneClass", "class.k-scrollable": "this.scrollablePaneClass" } }, exportAs: ["kendoSplitterPane"], ngImport: i0, template: `
         <ng-container *ngIf="!collapsed"><ng-content></ng-content></ng-container>
         <div *ngIf="overlayContent" class="k-splitter-overlay k-overlay"></div>
     `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
@@ -1703,6 +1708,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Output
             }], collapsedChange: [{
                 type: Output
+            }], ariaRole: [{
+                type: HostBinding,
+                args: ['attr.role']
             }], hostClass: [{
                 type: HostBinding,
                 args: ['class.k-pane']
@@ -2131,7 +2139,6 @@ class SplitterComponent {
          * Panes in a vertical Splitter are placed vertically.
          */
         this.orientation = 'horizontal';
-        this.ariaRole = 'splitter';
         validatePackage(packageMetadata);
         if (enclosingPane) {
             enclosingPane.containsSplitter = true;
@@ -2206,7 +2213,7 @@ class SplitterComponent {
     }
 }
 SplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.ElementRef }, { token: SplitterService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: SplitterPaneComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir", "attr.role": "this.ariaRole" } }, providers: [
+SplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterComponent, selector: "kendo-splitter", inputs: { orientation: "orientation" }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.k-splitter": "this.hostClasses", "class.k-splitter-flex": "this.hostClasses", "class.k-splitter-horizontal": "this.horizontalHostClasses", "class.k-splitter-vertical": "this.verticalHostClasses", "attr.dir": "this.dir" } }, providers: [
         SplitterService,
         LocalizationService,
         {
@@ -2283,9 +2290,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], dir: [{
                 type: HostBinding,
                 args: ['attr.dir']
-            }], ariaRole: [{
-                type: HostBinding,
-                args: ['attr.role']
             }], splitbars: [{
                 type: ViewChildren,
                 args: [SplitterBarComponent]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "7.0.1-dev.202205020614",
+  "version": "7.0.2-dev.202205251252",
   "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/splitter/splitter-pane.component.d.ts

@@ -72,6 +72,7 @@ export declare class SplitterPaneComponent implements AfterViewChecked {
      */
     collapsedChange: EventEmitter<boolean>;
     get isHidden(): boolean;
+    ariaRole: string;
     hostClass: boolean;
     get staticPaneClass(): boolean;
     get scrollablePaneClass(): boolean;

package/splitter/splitter.component.d.ts

@@ -66,7 +66,6 @@ export declare class SplitterComponent implements AfterContentInit {
     get horizontalHostClasses(): boolean;
     get verticalHostClasses(): boolean;
     get dir(): string;
-    ariaRole: string;
     set splitbars(splitbars: QueryList<SplitterBarComponent>);
     /**
      * @hidden

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 {
     /**