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

package/esm2020/tools/toolbar-spacer.component.mjs

@@ -43,14 +43,22 @@ export class ToolBarSpacerComponent extends ToolBarToolComponent {
     }
 }
 ToolBarSpacerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolBarSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToolBarSpacerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolBarSpacerComponent, isStandalone: true, selector: "kendo-toolbar-spacer", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSpacerComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], exportAs: ["kendoToolBarSpacer"], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+ToolBarSpacerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolBarSpacerComponent, isStandalone: true, selector: "kendo-toolbar-spacer", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSpacerComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], exportAs: ["kendoToolBarSpacer"], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #toolbarTemplate>
+            <div class="k-spacer"></div>
+        </ng-template>
+    `, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolBarSpacerComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoToolBarSpacer',
                     providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSpacerComponent) }],
                     selector: 'kendo-toolbar-spacer',
-                    template: ``,
+                    template: `
+        <ng-template #toolbarTemplate>
+            <div class="k-spacer"></div>
+        </ng-template>
+    `,
                     standalone: true
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { toolbarTemplate: [{

package/esm2020/tools/toolbar-tool.component.mjs

@@ -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 { Component, Input } from '@angular/core';
+import { Input, Directive, ElementRef, inject } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Represents the Base ToolBar Tool component for Angular.
@@ -17,9 +17,10 @@ export class ToolBarToolComponent {
          * @hidden
          */
         this.responsive = true;
+        this.element = inject(ElementRef);
     }
     get toolbarDisplay() {
-        return this.overflows ? 'none' : 'inline-block';
+        return this.overflows ? 'none' : 'inline-flex';
     }
     get overflowDisplay() {
         return this.overflows ? 'block' : 'none';
@@ -51,16 +52,13 @@ export class ToolBarToolComponent {
         return false;
     }
 }
-ToolBarToolComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolBarToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToolBarToolComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolBarToolComponent, isStandalone: true, selector: "toolbar-tool", inputs: { responsive: "responsive" }, ngImport: i0, template: ``, isInline: true });
+ToolBarToolComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolBarToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ToolBarToolComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToolBarToolComponent, isStandalone: true, inputs: { responsive: "responsive" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolBarToolComponent, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'toolbar-tool',
-                    template: ``,
                     standalone: true
                 }]
-        }], propDecorators: { responsive: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { responsive: [{
                 type: Input
             }] } });

package/esm2020/tools/tools.service.mjs

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class ToolbarToolsService {
+    constructor() {
+        this.renderedToolsChange = new Subject();
+        this.overflowToolsChange = new Subject();
+        this.renderedTools = [];
+        this.overflowTools = [];
+        this.allTools = [];
+    }
+}
+ToolbarToolsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarToolsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ToolbarToolsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarToolsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarToolsService, decorators: [{
+            type: Injectable
+        }] });

package/esm2020/util.mjs

@@ -209,3 +209,7 @@ export const getStylingClasses = (componentType, stylingOption, previousValue, n
             break;
     }
 };
+/**
+ * @hidden
+ */
+export const isElement = (element) => element instanceof Element || element instanceof Document;