@progress/kendo-angular-scheduler
Version:
Kendo UI Scheduler Angular - Outlook or Google-style angular scheduler calendar. Full-featured and customizable embedded scheduling from the creator developers trust for professional UI components.
81 lines (80 loc) • 3.12 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { OnDestroy } from '@angular/core';
import { SchedulerView } from '../types';
import { ToolbarService } from './toolbar.service';
import { ToolbarContext } from './toolbar-context';
import { LocalizationService } from '@progress/kendo-angular-l10n';
import { SegmentedItemSettings } from '@progress/kendo-angular-buttons';
import * as i0 from "@angular/core";
/**
* A toolbar component that contains controls for switching views
* ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/toolbar#including-the-built-in-components)).
*
* To render the view-selection buttons, include this component in the [toolbar template](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/toolbartemplatedirective).
*
* @example
* ```html
* <kendo-scheduler>
* <ng-template kendoSchedulerToolbarTemplate>
* <div kendoSchedulerToolbarViewSelector responsiveBreakpoint]="960"></div>
* </ng-template>
* </kendo-scheduler>
* ```
*/
export declare class ToolbarViewSelectorComponent implements OnDestroy {
private service;
private localization;
/**
* Sets the current width of the Toolbar in pixels for responsive calculations. Use the [`schedulerResize`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulercomponent#schedulerresize) event to get the Toolbar width.
*/
toolbarWidth: number;
/**
* Sets the Toolbar width in pixels at which responsive behavior is enabled. When enabled, the ButtonGroup with the views is replaced by a `select` element.
*
* @default 1024
*/
responsiveBreakpoint: number;
/**
* @hidden
*/
get ctx(): ToolbarContext;
/**
* @hidden
*/
get selectView(): string;
/**
* @hidden
*/
get viewItems(): SegmentedItemSettings[];
/**
* @hidden
*/
get selectedViewIndex(): number;
private detachDomEvents;
private cachedViews;
private cachedViewItems;
constructor(service: ToolbarService, localization: LocalizationService);
ngOnDestroy(): void;
/**
* @hidden
*/
select(view: SchedulerView): void;
/**
* @hidden
*/
onViewChange(index: number): void;
/**
* @hidden
*/
onChange(e: any): void;
/**
* @hidden
*/
isSelected(view: SchedulerView): boolean;
private areSameViews;
static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarViewSelectorComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarViewSelectorComponent, "[kendoSchedulerToolbarViewSelector]", never, { "toolbarWidth": { "alias": "toolbarWidth"; "required": false; }; "responsiveBreakpoint": { "alias": "responsiveBreakpoint"; "required": false; }; }, {}, never, never, true, never>;
}