@progress/kendo-angular-toolbar 16.11.0-develop.2 → 16.11.0-develop.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-toolbar",
-  "version": "16.11.0-develop.2",
+  "version": "16.11.0-develop.3",
   "description": "Kendo UI Angular Toolbar component - a single UI element that organizes buttons and other navigation elements",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -29,16 +29,16 @@
     "@angular/core": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "16.11.0-develop.2",
-    "@progress/kendo-angular-common": "16.11.0-develop.2",
-    "@progress/kendo-angular-l10n": "16.11.0-develop.2",
-    "@progress/kendo-angular-icons": "16.11.0-develop.2",
-    "@progress/kendo-angular-popup": "16.11.0-develop.2",
+    "@progress/kendo-angular-buttons": "16.11.0-develop.3",
+    "@progress/kendo-angular-common": "16.11.0-develop.3",
+    "@progress/kendo-angular-l10n": "16.11.0-develop.3",
+    "@progress/kendo-angular-icons": "16.11.0-develop.3",
+    "@progress/kendo-angular-popup": "16.11.0-develop.3",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.11.0-develop.2"
+    "@progress/kendo-angular-schematics": "16.11.0-develop.3"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-toolbar.mjs",

package/renderer.component.d.ts

@@ -2,41 +2,35 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, TemplateRef, Renderer2 as Renderer, OnInit, OnDestroy, EventEmitter } from '@angular/core';
+import { ElementRef, TemplateRef, Renderer2 as Renderer, OnInit, OnDestroy, EventEmitter, ViewContainerRef } from '@angular/core';
 import { RenderLocation } from './render-location';
 import { ToolBarToolComponent } from './tools/toolbar-tool.component';
 import { RefreshService } from './refresh.service';
 import { RendererService } from './renderer.service';
 import { RendererClickPayload } from './common/renderer-click';
+import { ToolbarToolsService } from './tools/tools.service';
+import { NavigationService } from './navigation.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class ToolBarRendererComponent implements OnInit, OnDestroy {
-    element: ElementRef;
     private renderer;
     private rendererService;
     private refreshService;
-    /**
-     * @hidden
-     */
+    private toolsService;
+    private viewContainer;
+    private navigationService;
     tool: ToolBarToolComponent;
-    /**
-     * @hidden
-     */
     location: RenderLocation;
-    /**
-     * @hidden
-     */
     resizable: boolean;
     rendererClick: EventEmitter<RendererClickPayload>;
     template: TemplateRef<any>;
-    get spacerClass(): boolean;
-    hostClass: boolean;
+    element: ElementRef;
     private get isSpacer();
     private refreshSubscription;
-    onClick(ev: any): void;
-    constructor(element: ElementRef, renderer: Renderer, rendererService: RendererService, refreshService: RefreshService);
+    private internalComponentRef;
+    constructor(renderer: Renderer, rendererService: RendererService, refreshService: RefreshService, toolsService: ToolbarToolsService, viewContainer: ViewContainerRef, navigationService: NavigationService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngAfterViewInit(): void;
@@ -44,18 +38,11 @@ export declare class ToolBarRendererComponent implements OnInit, OnDestroy {
      * @hidden
      */
     get width(): number;
-    /**
-     * @hidden
-     */
     isDisplayed(): boolean;
-    /**
-     * @hidden
-     */
     refresh(): void;
-    /**
-     * @hidden
-     */
     setAttribute(element: HTMLElement, attr: string, value: string): void;
+    private onClick;
+    private updateTools;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarRendererComponent, "kendo-toolbar-renderer", ["kendoToolBarRenderer"], { "tool": "tool"; "location": "location"; "resizable": "resizable"; }, { "rendererClick": "rendererClick"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolBarRendererComponent, "[kendoToolbarRenderer]", never, { "tool": "tool"; "location": "location"; "resizable": "resizable"; }, { "rendererClick": "rendererClick"; }, never, never, true, never>;
 }

package/toolbar.component.d.ts

@@ -12,10 +12,10 @@ import { PopupSettings } from './popup-settings';
 import { ToolBarToolComponent } from './tools/toolbar-tool.component';
 import { ToolbarSize } from './common/size';
 import { PreventableEvent } from './common/preventable-event';
-import { ToolBarRendererComponent } from './renderer.component';
 import { Direction } from './direction';
 import { RendererClickPayload } from './common/renderer-click';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ToolbarToolsService } from './tools/tools.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ToolBar component for Angular]({% slug overview_toolbar %}).
@@ -29,6 +29,7 @@ export declare class ToolBarComponent {
     private zone;
     private renderer;
     private _cdr;
+    private toolsService;
     get overflowClass(): string;
     /**
      * Hides the overflowing tools in a popup.
@@ -81,8 +82,6 @@ export declare class ToolBarComponent {
     popupTemplate: TemplateRef<any>;
     resizeSensor: ResizeSensorComponent;
     container: ViewContainerRef;
-    renderedTools: QueryList<ToolBarRendererComponent>;
-    overflowRenderedTools: QueryList<ToolBarRendererComponent>;
     popupRef: PopupRef;
     direction: Direction;
     get appendTo(): ViewContainerRef;
@@ -112,7 +111,8 @@ export declare class ToolBarComponent {
     get getDir(): string;
     get resizableClass(): boolean;
     moreVerticalIcon: SVGIcon;
-    constructor(localization: LocalizationService, popupService: PopupService, refreshService: RefreshService, navigationService: NavigationService, element: ElementRef, zone: NgZone, renderer: Renderer2, _cdr: ChangeDetectorRef);
+    constructor(localization: LocalizationService, popupService: PopupService, refreshService: RefreshService, navigationService: NavigationService, element: ElementRef, zone: NgZone, renderer: Renderer2, _cdr: ChangeDetectorRef, toolsService: ToolbarToolsService);
+    ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -163,8 +163,8 @@ export declare class ToolBarComponent {
     private get overflowAnchorWidth();
     private get gap();
     private get childrenWidth();
-    private get visibleTools();
-    private get overflowTools();
+    get visibleTools(): ToolBarToolComponent[];
+    get overflowTools(): ToolBarToolComponent[];
     private shrink;
     private stretch;
     private hideLastVisibleTool;

package/tools/toolbar-tool.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 { TemplateRef } from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Represents the Base ToolBar Tool component for Angular.
@@ -14,6 +14,8 @@ export declare class ToolBarToolComponent {
     visibility: string;
     toolbarTemplate: TemplateRef<any>;
     popupTemplate: TemplateRef<any>;
+    element: ElementRef;
+    constructor();
     /**
      * @hidden
      */
@@ -41,5 +43,5 @@ export declare class ToolBarToolComponent {
      */
     handleKey(ev: KeyboardEvent): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarToolComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarToolComponent, "toolbar-tool", never, { "responsive": "responsive"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolBarToolComponent, never, never, { "responsive": "responsive"; }, {}, never, never, true, never>;
 }

package/tools/tools.service.d.ts

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ToolBarRendererComponent } from '../renderer.component';
+import { Subject } from 'rxjs';
+import { ToolBarToolComponent } from './toolbar-tool.component';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class ToolbarToolsService {
+    renderedToolsChange: Subject<ToolBarRendererComponent[]>;
+    overflowToolsChange: Subject<ToolBarRendererComponent[]>;
+    renderedTools: ToolBarRendererComponent[];
+    overflowTools: ToolBarRendererComponent[];
+    allTools: ToolBarToolComponent[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarToolsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToolbarToolsService>;
+}

package/util.d.ts

@@ -97,3 +97,7 @@ export declare const SIZES: {
  * Returns the styling classes to be added and removed
  */
 export declare const getStylingClasses: (componentType: any, stylingOption: string, previousValue: any, newValue: any) => ToolbarStylingClasses;
+/**
+ * @hidden
+ */
+export declare const isElement: (element: any) => boolean;