@progress/kendo-angular-toolbar
Version:
Kendo UI Angular Toolbar component - a single UI element that organizes buttons and other navigation elements
86 lines (81 loc) • 3.65 kB
JavaScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { Component, forwardRef, ViewChild, ElementRef } from '@angular/core';
import { ToolBarToolComponent } from './toolbar-tool.component';
import * as i0 from "@angular/core";
/**
* Represents the [Kendo UI ToolBar Separator for Angular]({% slug controltypes_toolbar %}#toc-separators).
*/
export class ToolBarSeparatorComponent extends ToolBarToolComponent {
separator;
constructor() {
super();
this.isBuiltInTool = true;
}
/**
* @hidden
*/
canFocus() {
return false;
}
// If this is not here, the docs display info from its parent(ToolBarToolComponent).
/**
* @hidden
*/
focus() {
/* noop */
}
// If this is not here, the docs display info from its parent(ToolBarToolComponent).
/**
* @hidden
*/
handleKey() {
return false;
}
ngAfterViewInit() {
if (!this.popupTemplate) {
this.popupTemplate = this.toolbarTemplate;
}
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolBarSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolBarSeparatorComponent, isStandalone: true, selector: "kendo-toolbar-separator", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSeparatorComponent) }], viewQueries: [{ propertyName: "separator", first: true, predicate: ["separator"], descendants: true }], exportAs: ["kendoToolBarSeparator"], usesInheritance: true, ngImport: i0, template: `
<ng-template
<div class="k-separator k-toolbar-separator"></div>
</ng-template>
<ng-template
<div class="k-separator k-toolbar-separator"></div>
</ng-template>
<ng-template
<div class="k-item k-menu-item">
<div class="k-separator k-separator-horizontal"></div>
</div>
</ng-template>
`, isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolBarSeparatorComponent, decorators: [{
type: Component,
args: [{
exportAs: 'kendoToolBarSeparator',
providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSeparatorComponent) }],
selector: 'kendo-toolbar-separator',
template: `
<ng-template
<div class="k-separator k-toolbar-separator"></div>
</ng-template>
<ng-template
<div class="k-separator k-toolbar-separator"></div>
</ng-template>
<ng-template
<div class="k-item k-menu-item">
<div class="k-separator k-separator-horizontal"></div>
</div>
</ng-template>
`,
standalone: true
}]
}], ctorParameters: function () { return []; }, propDecorators: { separator: [{
type: ViewChild,
args: ['separator', { static: false }]
}] } });