@progress/kendo-angular-layout 17.0.0-develop.10 → 17.0.0-develop.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "17.0.0-develop.10",
+  "version": "17.0.0-develop.12",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -39,17 +39,17 @@
     "@angular/core": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "17.0.0-develop.10",
-    "@progress/kendo-angular-l10n": "17.0.0-develop.10",
-    "@progress/kendo-angular-progressbar": "17.0.0-develop.10",
-    "@progress/kendo-angular-icons": "17.0.0-develop.10",
-    "@progress/kendo-angular-buttons": "17.0.0-develop.10",
-    "@progress/kendo-angular-intl": "17.0.0-develop.10",
+    "@progress/kendo-angular-common": "17.0.0-develop.12",
+    "@progress/kendo-angular-l10n": "17.0.0-develop.12",
+    "@progress/kendo-angular-progressbar": "17.0.0-develop.12",
+    "@progress/kendo-angular-icons": "17.0.0-develop.12",
+    "@progress/kendo-angular-buttons": "17.0.0-develop.12",
+    "@progress/kendo-angular-intl": "17.0.0-develop.12",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.0.0-develop.10",
+    "@progress/kendo-angular-schematics": "17.0.0-develop.12",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",

package/splitter/splitter-bar.component.d.ts

@@ -20,6 +20,7 @@ export declare class SplitterBarComponent implements OnInit, OnDestroy {
     private renderer;
     private cdr;
     ariaRole: string;
+    ariaLabel: string;
     focused: boolean;
     get hostOrientation(): string;
     get tabIndex(): number;
@@ -27,7 +28,17 @@ export declare class SplitterBarComponent implements OnInit, OnDestroy {
     get order(): number;
     orientation: Orientation;
     index: number;
+    set htmlAttributes(attributes: {
+        [key: string]: string;
+    });
+    get htmlAttributes(): {
+        [key: string]: string;
+    };
     private subscriptions;
+    private _htmlAttributes;
+    private parsedAttributes;
+    private get defaultAttributes();
+    private get mutableAttributes();
     constructor(draggable: DraggableDirective, localization: LocalizationService, splitterService: SplitterService, element: ElementRef<HTMLElement>, renderer: Renderer2, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -43,6 +54,7 @@ export declare class SplitterBarComponent implements OnInit, OnDestroy {
     private get expandLast();
     private onKeyDown;
     private tryToggleNearest;
+    private setHtmlAttributes;
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitterBarComponent, [{ host: true; }, null, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitterBarComponent, "kendo-splitter-bar", never, { "orientation": "orientation"; "index": "index"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitterBarComponent, "kendo-splitter-bar", never, { "orientation": "orientation"; "index": "index"; "htmlAttributes": "htmlAttributes"; }, {}, never, never, true, never>;
 }

package/splitter/splitter-pane.component.d.ts

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer2, AfterViewChecked } from '@angular/core';
 import { Orientation } from '../common/orientation';
+import { SplitterService } from './splitter.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the pane component of the Splitter.
@@ -12,6 +13,7 @@ export declare class SplitterPaneComponent implements AfterViewChecked {
     element: ElementRef<HTMLElement>;
     private renderer;
     private cdr;
+    private splitterService;
     /**
      * @hidden
      */
@@ -25,9 +27,21 @@ export declare class SplitterPaneComponent implements AfterViewChecked {
     set size(newSize: string);
     get size(): string;
     /**
-     * The value of the aria-label attribute of the auxiliary separator.
+     * Sets the HTML attributes of the splitter bar.
+     * The property accepts string key-value based pairs.
+     * Attributes which are essential for certain functionalities cannot be changed.
      */
-    separatorLabel: string;
+    set splitterBarAttributes(attributes: {
+        [key: string]: string;
+    });
+    get splitterBarAttributes(): {
+        [key: string]: string;
+    };
+    /**
+     * The CSS classes that will be rendered on the splitter bar.
+     * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    splitterBarClass: string | Array<string> | Object;
     /**
      * Sets the minimum possible size of the pane.
      * Accepts units in pixel and percentage values.
@@ -94,12 +108,17 @@ export declare class SplitterPaneComponent implements AfterViewChecked {
     isResized: boolean;
     private _size;
     private _order;
-    constructor(element: ElementRef<HTMLElement>, renderer: Renderer2, cdr: ChangeDetectorRef);
+    private _splitterBarAttributes;
+    constructor(element: ElementRef<HTMLElement>, renderer: Renderer2, cdr: ChangeDetectorRef, splitterService: SplitterService);
     ngAfterViewChecked(): void;
     /**
      * @hidden
      */
     get computedSize(): number;
+    /**
+     * @hidden
+     */
+    get nativeElement(): HTMLElement;
     /**
      * @hidden
      */
@@ -110,5 +129,5 @@ export declare class SplitterPaneComponent implements AfterViewChecked {
     detectChanges(): void;
     private setOrderStyles;
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitterPaneComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitterPaneComponent, "kendo-splitter-pane", ["kendoSplitterPane"], { "order": "order"; "size": "size"; "separatorLabel": "separatorLabel"; "min": "min"; "max": "max"; "resizable": "resizable"; "collapsible": "collapsible"; "scrollable": "scrollable"; "collapsed": "collapsed"; "orientation": "orientation"; "containsSplitter": "containsSplitter"; "overlayContent": "overlayContent"; }, { "sizeChange": "sizeChange"; "collapsedChange": "collapsedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitterPaneComponent, "kendo-splitter-pane", ["kendoSplitterPane"], { "order": "order"; "size": "size"; "splitterBarAttributes": "splitterBarAttributes"; "splitterBarClass": "splitterBarClass"; "min": "min"; "max": "max"; "resizable": "resizable"; "collapsible": "collapsible"; "scrollable": "scrollable"; "collapsed": "collapsed"; "orientation": "orientation"; "containsSplitter": "containsSplitter"; "overlayContent": "overlayContent"; }, { "sizeChange": "sizeChange"; "collapsedChange": "collapsedChange"; }, never, ["*"], true, never>;
 }

package/splitter/splitter.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, EventEmitter, AfterContentInit, QueryList, Renderer2 } from '@angular/core';
+import { ElementRef, EventEmitter, AfterContentInit, QueryList, Renderer2, NgZone } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Orientation } from '../common/orientation';
 import { SplitterPaneComponent } from './splitter-pane.component';
@@ -49,6 +49,7 @@ export declare class SplitterComponent implements AfterContentInit {
     protected splitterService: SplitterService;
     private localization;
     private renderer;
+    private ngZone;
     private enclosingPane?;
     /**
      * Specifies the orientation of the panes within the Splitter.
@@ -66,6 +67,11 @@ export declare class SplitterComponent implements AfterContentInit {
      */
     set resizeStep(value: number);
     get resizeStep(): number;
+    /**
+     * The CSS classes that will be rendered on the splitter bars.
+     * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    splitterBarClass: string | Array<string> | Object;
     /**
      * Fires after a Splitter pane is resized or collapsed.
      * Useful for triggering layout calculations on components
@@ -82,7 +88,8 @@ export declare class SplitterComponent implements AfterContentInit {
      */
     panes: QueryList<SplitterPaneComponent>;
     private paneChangesSubscription;
-    constructor(element: ElementRef<HTMLElement>, splitterService: SplitterService, localization: LocalizationService, renderer: Renderer2, enclosingPane?: SplitterPaneComponent);
+    private _styleObserver;
+    constructor(element: ElementRef<HTMLElement>, splitterService: SplitterService, localization: LocalizationService, renderer: Renderer2, ngZone: NgZone, enclosingPane?: SplitterPaneComponent);
     ngAfterContentInit(): void;
     ngOnChanges(changes: any): void;
     ngOnDestroy(): void;
@@ -90,6 +97,7 @@ export declare class SplitterComponent implements AfterContentInit {
     private unsubscribeChanges;
     private configure;
     private get direction();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitterComponent, [null, null, null, null, { optional: true; host: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitterComponent, "kendo-splitter", ["kendoSplitter"], { "orientation": "orientation"; "splitbarWidth": "splitbarWidth"; "resizeStep": "resizeStep"; }, { "layoutChange": "layoutChange"; }, ["panes"], ["kendo-splitter-pane"], true, never>;
+    private setFixedHeight;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitterComponent, [null, null, null, null, null, { optional: true; host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitterComponent, "kendo-splitter", ["kendoSplitter"], { "orientation": "orientation"; "splitbarWidth": "splitbarWidth"; "resizeStep": "resizeStep"; "splitterBarClass": "splitterBarClass"; }, { "layoutChange": "layoutChange"; }, ["panes"], ["kendo-splitter-pane"], true, never>;
 }

package/splitter/splitter.service.d.ts

@@ -6,6 +6,7 @@ import { EventEmitter, NgZone } from '@angular/core';
 import { Orientation } from '../common/orientation';
 import { SplitterPaneComponent } from './splitter-pane.component';
 import { Direction } from '../common/direction';
+import { SplitterBarComponent } from './splitter-bar.component';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -39,8 +40,10 @@ export declare type SplitterDragState = {
 export declare class SplitterService {
     private zone;
     panes: Array<SplitterPaneComponent>;
+    splitterBars: Array<SplitterBarComponent>;
     layoutChange: EventEmitter<any>;
     resizeStep: number;
+    fixedHeight: boolean;
     constructor(zone: NgZone);
     tryToggle(paneIndex: number): boolean;
     togglePane(keyCode: number, index: number): void;
@@ -51,6 +54,8 @@ export declare class SplitterService {
     isDraggable(splitBarIndex: number): boolean;
     isStatic(splitBarIndex: number): boolean;
     pane(index: number): SplitterPaneComponent;
+    paneByIndex(pane: SplitterPaneComponent): number;
+    getPaneSplitterBar(pane: SplitterPaneComponent): SplitterBarComponent | null;
     configure({ panes, orientation, containerSize, direction }: SplitterParameters): void;
     private containerSize;
     private rtl;