@progress/kendo-angular-scheduler 3.1.0 → 4.0.0-dev.202204140813

package/dist/es2015/views/agenda/agenda-view-internal.component.js

@@ -1,376 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, ViewChild, ElementRef, NgZone, Renderer2, TemplateRef } from '@angular/core';
-import { anyChanged } from '@progress/kendo-angular-common';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { addDays, getDate } from '@progress/kendo-date-math';
-import { Subscription, BehaviorSubject, combineLatest, fromEvent, merge } from 'rxjs';
-import { switchMap, take, map } from 'rxjs/operators';
-import { ViewContextService } from '../view-context.service';
-import { ViewStateService } from '../view-state.service';
-import { scrollbarWidth, hasScrollbar, closestInScope, hasClasses } from '../../common/dom-queries';
-import { createResourceGroups, groupEvents } from './utils';
-import { ignoreContentChild, elementOffset } from '../utils';
-import { PDFService } from '../../pdf/pdf.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-/**
- * @hidden
- */
-let AgendaViewInternalComponent = class AgendaViewInternalComponent {
-    constructor(viewContext, viewState, intl, renderer, element, zone, pdfService, localization) {
-        this.viewContext = viewContext;
-        this.viewState = viewState;
-        this.intl = intl;
-        this.renderer = renderer;
-        this.element = element;
-        this.zone = zone;
-        this.pdfService = pdfService;
-        this.localization = localization;
-        this.tasks = new BehaviorSubject(null);
-        this.groupedResources = [];
-        this.spans = [];
-        this.subs = new Subscription();
-    }
-    get eventTemplateRef() {
-        return this.eventTemplate || (this.schedulerEventTemplate || {}).templateRef;
-    }
-    get agendaTimeTemplateRef() {
-        return this.agendaTimeTemplate || (this.schedulerAgendaTimeTemplate || {}).templateRef;
-    }
-    get agendaDateTemplateRef() {
-        return this.agendaDateTemplate || (this.schedulerAgendaDateTemplate || {}).templateRef;
-    }
-    ngOnInit() {
-        this.updateContentHeight = this.updateContentHeight.bind(this);
-        this.subs.add(this.viewContext.selectedDate.subscribe(this.onSelectDate.bind(this)));
-        this.subs.add(this.viewContext.action.subscribe(this.onAction.bind(this)));
-        this.subs.add(this.viewContext.execute.subscribe(this.execute.bind(this)));
-        this.subs.add(this.viewContext.resize.subscribe(this.updateContentHeight));
-        this.subs.add(combineLatest(this.viewContext.items, this.viewState.dateRange).pipe(map(([items, dateRange]) => {
-            this.items = items;
-            this.range = dateRange;
-            return this.createEventGroups();
-        }))
-            .subscribe((tasks) => {
-            this.tasks.next(tasks);
-        }));
-        this.subs.add(this.viewContext.optionsChange.subscribe(this.optionsChange.bind(this)));
-        const onStable = () => this.zone.onStable.pipe(take(1));
-        this.subs.add(combineLatest(this.tasks, this.localization.changes).pipe(switchMap(onStable))
-            .subscribe(this.updateContentHeight));
-        this.subs.add(this.pdfService.createElement.subscribe(this.createPDFElement.bind(this)));
-    }
-    ngOnChanges(changes) {
-        if (anyChanged(['selectedDateFormat', 'selectedShortDateFormat', 'numberOfDays'], changes)) {
-            this.viewState.notifyDateRange(this.dateRange(this.selectedDate));
-        }
-    }
-    ngAfterViewInit() {
-        if (!this.element) {
-            return;
-        }
-        const contentElement = this.content.nativeElement;
-        this.zone.runOutsideAngular(() => {
-            this.subs.add(merge(fromEvent(contentElement, 'click'), fromEvent(contentElement, 'contextmenu'), fromEvent(contentElement, 'dblclick'))
-                .subscribe(e => this.onClick(e)));
-            this.subs.add(fromEvent(contentElement, 'keydown')
-                .subscribe(e => this.onKeydown(e)));
-        });
-    }
-    onClick(e) {
-        const targetTask = this.targetTask(e.target);
-        if (targetTask) {
-            const { task, eventTarget } = targetTask;
-            const eventType = e.type;
-            const isSingle = eventType === 'click';
-            const isDouble = eventType === 'dblclick';
-            if (isSingle && closestInScope(e.target, node => hasClasses(node, 'k-event-delete'), eventTarget)) {
-                this.viewState.emitEvent('remove', { event: task.event, dataItem: task.event.dataItem });
-            }
-            else {
-                const name = isDouble ? 'eventDblClick' : 'eventClick';
-                this.viewState.emitEvent(name, { type: eventType, event: task.event, originalEvent: e });
-            }
-        }
-    }
-    onKeydown(e) {
-        const targetTask = this.targetTask(e.target);
-        if (targetTask) {
-            const task = targetTask.task;
-            this.viewState.emitEvent('eventKeydown', { event: task.event, dataItem: task.event.dataItem, originalEvent: e });
-        }
-    }
-    targetTask(target) {
-        const eventTarget = closestInScope(target, node => node.hasAttribute('data-task-index'), this.element.nativeElement);
-        if (eventTarget) {
-            return {
-                eventTarget,
-                task: this.elementTask(eventTarget)
-            };
-        }
-    }
-    updateContentHeight() {
-        const element = this.element.nativeElement;
-        const parent = element.parentNode;
-        const content = this.content.nativeElement;
-        this.renderer.setStyle(content, 'height', '');
-        let height = parent.clientHeight;
-        for (let idx = 0; idx < parent.children.length; idx++) {
-            const child = parent.children[idx];
-            if (child !== element && !ignoreContentChild(child)) {
-                height -= child.offsetHeight;
-            }
-        }
-        const headerElement = this.headerWrap.nativeElement;
-        height -= this.headerWrap ? headerElement.offsetHeight : 0;
-        this.renderer.setStyle(content, 'height', `${height}px`);
-        const rtl = this.localization.rtl;
-        const padding = hasScrollbar(content, 'vertical') ? scrollbarWidth() : 0;
-        this.renderer.setStyle(headerElement, !rtl ? 'padding-right' : 'padding-left', `${padding}px`);
-        this.renderer.setStyle(headerElement, rtl ? 'padding-right' : 'padding-left', '0px');
-        this.viewState.notifyLayoutEnd();
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-    optionsChange(changes) {
-        this.group = changes.group;
-        this.resources = changes.resources;
-        this.groupResources();
-        this.min = changes.min;
-        this.max = changes.max;
-        this.editable = changes.editable;
-        if (this.items && this.items.length) {
-            this.tasks.next(this.createEventGroups());
-        }
-        this.schedulerEventTemplate = changes.eventTemplate;
-        this.schedulerAgendaTimeTemplate = changes.agendaTimeTemplate;
-        this.schedulerAgendaDateTemplate = changes.agendaDateTemplate;
-    }
-    onSelectDate(date) {
-        this.selectedDate = date;
-        this.viewState.notifyDateRange(this.dateRange());
-    }
-    onAction(e) {
-        const now = getDate(this.selectedDate);
-        if (e.type === 'next') {
-            const next = getDate(addDays(now, this.numberOfDays));
-            if (this.isInRange(next)) {
-                this.viewState.notifyNextDate(next);
-            }
-        }
-        if (e.type === 'prev') {
-            const next = getDate(addDays(now, -this.numberOfDays));
-            if (this.isInRange(next)) {
-                this.viewState.notifyNextDate(next);
-            }
-        }
-    }
-    createEventGroups() {
-        const resourceGroups = this.groupedResources.length ? createResourceGroups(this.groupedResources) : null;
-        const eventGroups = this.groups = groupEvents(this.items, {
-            taskResources: this.taskResources,
-            resourceGroups,
-            allResources: this.resources,
-            spans: this.spans,
-            dateRange: this.range
-        });
-        return eventGroups;
-    }
-    dateRange(date = this.selectedDate) {
-        const start = getDate(date);
-        const end = getDate(addDays(start, this.numberOfDays));
-        const rangeEnd = getDate(addDays(start, this.numberOfDays - 1));
-        const text = this.intl.format(this.selectedDateFormat, start, rangeEnd);
-        const shortText = this.intl.format(this.selectedShortDateFormat, start, rangeEnd);
-        return { start, end, text, shortText };
-    }
-    groupResources() {
-        const resources = this.resources || [];
-        const group = this.group || {};
-        const grouped = group.resources;
-        const groupedResources = this.groupedResources = [];
-        if (grouped && grouped.length) {
-            for (let groupIdx = 0; groupIdx < grouped.length; groupIdx++) {
-                const name = grouped[groupIdx];
-                const resource = resources.find(item => item.name === name);
-                if (resource) {
-                    groupedResources.push(resource);
-                }
-            }
-        }
-        this.spans = this.resourceSpans();
-    }
-    resourceSpans() {
-        const spans = [1];
-        const resources = this.groupedResources;
-        let span = 1;
-        for (let idx = resources.length - 1; idx > 0; idx--) {
-            span *= ((resources[idx].data || []).length || 1);
-            spans.unshift(span);
-        }
-        return spans;
-    }
-    get taskResources() {
-        if (this.groupedResources.length) {
-            return this.groupedResources;
-        }
-        else if (this.resources && this.resources.length) {
-            return [this.resources[0]];
-        }
-        else {
-            return [{}];
-        }
-    }
-    isInRange(date) {
-        const dateRange = this.dateRange(date);
-        return (!this.min || this.min < dateRange.end) && (!this.max || dateRange.start <= this.max);
-    }
-    createPDFElement() {
-        const element = this.element.nativeElement.cloneNode(true);
-        element.style.width = `${this.element.nativeElement.offsetWidth}px`;
-        element.querySelector('.k-scheduler-content').style.height = 'auto';
-        const header = element.querySelector('.k-scheduler-header');
-        header.style.paddingRight = 0;
-        header.style.paddingLeft = 0;
-        this.pdfService.elementReady.emit({
-            element: element
-        });
-    }
-    elementTask(element) {
-        const index = parseInt(element.getAttribute('data-task-index'), 10);
-        const groupIndex = parseInt(element.getAttribute('data-group-index'), 10);
-        const group = this.groups[groupIndex];
-        const task = group.tasks.itemAt(index);
-        return task;
-    }
-    execute(e) {
-        if (e.name === 'slotByPosition') {
-            const slot = this.slotByPosition(e.args);
-            e.result(slot);
-        }
-        else if (e.name === 'eventFromElement') {
-            const task = this.elementTask(e.args.element);
-            if (task) {
-                e.result(task.event);
-            }
-        }
-    }
-    slotByPosition({ x, y }) {
-        const contentTable = this.content.nativeElement.querySelector('table');
-        const offset = elementOffset(contentTable);
-        if (offset.top <= y && y <= offset.top + offset.height) {
-            const contentRows = contentTable.rows;
-            if (!contentRows.length) {
-                return;
-            }
-            const taskOffset = elementOffset(contentRows[0].cells[contentRows[0].cells.length - 1]);
-            if (taskOffset.left <= x && x <= taskOffset.left + taskOffset.width) {
-                for (let idx = 0; idx < contentRows.length; idx++) {
-                    const row = contentRows[idx];
-                    const rowOffset = elementOffset(row);
-                    if (rowOffset.top <= y && y <= rowOffset.top + rowOffset.height) {
-                        const element = row.querySelector('[data-task-index]');
-                        const task = this.elementTask(element);
-                        const event = task.event;
-                        return {
-                            element: new ElementRef(element),
-                            start: event.start,
-                            end: event.end,
-                            event: event,
-                            resources: task.resources,
-                            isAllDay: task.isAllDay
-                        };
-                    }
-                }
-            }
-        }
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], AgendaViewInternalComponent.prototype, "eventTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function)
-], AgendaViewInternalComponent.prototype, "slotClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function)
-], AgendaViewInternalComponent.prototype, "eventClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function)
-], AgendaViewInternalComponent.prototype, "eventStyles", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], AgendaViewInternalComponent.prototype, "agendaTimeTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], AgendaViewInternalComponent.prototype, "agendaDateTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], AgendaViewInternalComponent.prototype, "selectedDateFormat", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], AgendaViewInternalComponent.prototype, "selectedShortDateFormat", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], AgendaViewInternalComponent.prototype, "numberOfDays", void 0);
-tslib_1.__decorate([
-    ViewChild('headerWrap', { read: ElementRef, static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], AgendaViewInternalComponent.prototype, "headerWrap", void 0);
-tslib_1.__decorate([
-    ViewChild('content', { read: ElementRef, static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], AgendaViewInternalComponent.prototype, "content", void 0);
-AgendaViewInternalComponent = tslib_1.__decorate([
-    Component({
-        // tslint:disable-next-line:component-selector
-        selector: 'agenda-view-internal',
-        template: `
-        <table class="k-scheduler-layout k-scheduler-agendaview k-scheduler-agenda">
-            <tbody>
-                <tr>
-                    <td>
-                        <div kendoSchedulerAgendaHeader [resources]="groupedResources" #headerWrap></div>
-                    </td>
-                </tr>
-                <tr>
-                    <td>
-                        <div kendoSchedulerAgendaList #content
-                            [editable]="editable"
-                            [eventTemplate]="eventTemplateRef"
-                            [slotClass]="slotClass"
-                            [eventClass]="eventClass"
-                            [eventStyles]="eventStyles"
-                            [agendaTimeTemplate]="agendaTimeTemplateRef"
-                            [agendaDateTemplate]="agendaDateTemplateRef"
-                            [tasks]="tasks | async">
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ViewContextService,
-        ViewStateService,
-        IntlService,
-        Renderer2,
-        ElementRef,
-        NgZone,
-        PDFService,
-        LocalizationService])
-], AgendaViewInternalComponent);
-export { AgendaViewInternalComponent };

package/dist/es2015/views/agenda/agenda-view-list.component.d.ts

@@ -1,29 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 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 { IntlService } from '@progress/kendo-angular-intl';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-/**
- * @hidden
- */
-export declare class AgendaListComponent {
-    private intlService;
-    private localization;
-    classes: boolean;
-    tasks: any[];
-    eventTemplate: TemplateRef<any>;
-    slotClass: (args: any) => any;
-    eventClass: (args: any) => any;
-    eventStyles: (args: any) => any;
-    agendaTimeTemplate: TemplateRef<any>;
-    agendaDateTemplate: TemplateRef<any>;
-    editable: any;
-    constructor(intlService: IntlService, localization: LocalizationService);
-    extractDataItem(item: any): any;
-    formatTime(dataItem: any): string;
-    trackByFn(index: number, _item: any): any;
-    cellClasses(item: any): any[];
-    getEventStyles(item: any): any;
-}

package/dist/es2015/views/agenda/agenda-view-list.component.js

@@ -1,147 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, HostBinding, Input, TemplateRef } from '@angular/core';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { toLocalDate } from '@progress/kendo-date-math';
-import { convertNgClassBindings } from '../utils';
-/**
- * @hidden
- */
-let AgendaListComponent = class AgendaListComponent {
-    constructor(intlService, localization) {
-        this.intlService = intlService;
-        this.localization = localization;
-        this.classes = true;
-    }
-    extractDataItem(item) {
-        return item.type === "group" ? item.dataItem.items[0] : item.dataItem;
-    }
-    formatTime(dataItem) {
-        if (dataItem.isAllDay) {
-            return this.localization.get('allDay');
-        }
-        let format = "{0:t}-{1:t}";
-        if (dataItem.head) {
-            format = "{0:t}";
-        }
-        else if (dataItem.tail) {
-            format = "{1:t}";
-        }
-        return this.intlService.format(format, toLocalDate(dataItem.start), toLocalDate(dataItem.end));
-    }
-    trackByFn(index, _item) {
-        return index;
-    }
-    cellClasses(item) {
-        const task = this.extractDataItem(item);
-        let result = [];
-        if (this.slotClass) {
-            result = result.concat(convertNgClassBindings(this.slotClass({
-                start: task.start,
-                end: task.end,
-                resources: task.resources,
-                event: task.event
-            })));
-        }
-        if (this.eventClass) {
-            result = result.concat(convertNgClassBindings(this.eventClass({
-                event: task.event,
-                resources: task.resources
-            })));
-        }
-        return result;
-    }
-    getEventStyles(item) {
-        if (this.eventStyles) {
-            const task = this.extractDataItem(item);
-            return this.eventStyles({
-                event: task.event,
-                resources: task.resources
-            });
-        }
-    }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-scheduler-content'),
-    tslib_1.__metadata("design:type", Boolean)
-], AgendaListComponent.prototype, "classes", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], AgendaListComponent.prototype, "tasks", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], AgendaListComponent.prototype, "eventTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function)
-], AgendaListComponent.prototype, "slotClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function)
-], AgendaListComponent.prototype, "eventClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function)
-], AgendaListComponent.prototype, "eventStyles", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], AgendaListComponent.prototype, "agendaTimeTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], AgendaListComponent.prototype, "agendaDateTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], AgendaListComponent.prototype, "editable", void 0);
-AgendaListComponent = tslib_1.__decorate([
-    Component({
-        // tslint:disable-next-line:component-selector
-        selector: '[kendoSchedulerAgendaList]',
-        template: `
-        <table class="k-scheduler-table" role="presentation">
-            <tbody>
-                <ng-container *ngFor="let group of tasks; let groupIndex = index;">
-                    <tr *ngFor="let item of group.tasks;let index = index; trackBy: trackByFn">
-                        <ng-container *ngFor="let resource of group.resources;let resourceIndex = index">
-                            <td *ngIf="group.spans[resourceIndex] && index === 0" class="k-scheduler-groupcolumn" [attr.rowspan]="group.spans[resourceIndex]">
-                                {{ resource }}
-                            </td>
-                        </ng-container>
-                        <td *ngIf="item.type === 'group'"
-                            [kendoSchedulerAgendaHeaderItem]="item"
-                            [agendaDateTemplate]="agendaDateTemplate">
-                        </td>
-                        <td class="k-scheduler-timecolumn">
-                            <div *ngIf="!agendaTimeTemplate">
-                                <span class="k-icon k-i-arrow-60-left" *ngIf="extractDataItem(item).tail"></span>
-                                {{formatTime(extractDataItem(item)) }}
-                                <span class="k-icon k-i-arrow-60-right" *ngIf="extractDataItem(item).head"></span>
-                            </div>
-                            <ng-container *ngIf="agendaTimeTemplate" [ngTemplateOutlet]="agendaTimeTemplate"
-                                [ngTemplateOutletContext]="extractDataItem(item)">
-                            </ng-container>
-                        </td>
-                        <td [attr.data-group-index]="groupIndex" [attr.data-task-index]="index"
-                            [ngClass]="cellClasses(item)" [ngStyle]="getEventStyles(item)"
-                            [kendoSchedulerFocusIndex]="groupIndex"
-                            [kendoSchedulerAgendaTaskItem]="extractDataItem(item)"
-                                [editable]="editable"
-                                [eventTemplate]="eventTemplate"
-                        ></td>
-                    </tr>
-                </ng-container>
-            </tbody>
-        </table>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [IntlService, LocalizationService])
-], AgendaListComponent);
-export { AgendaListComponent };

package/dist/es2015/views/agenda/agenda-view.component.d.ts

@@ -1,57 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { ConfigurationViewBase } from '../common/configuration-view-base';
-import { ViewContextService } from '../view-context.service';
-import { ViewStateService } from '../view-state.service';
-import { EventTemplateDirective, AgendaTimeTemplateDirective, AgendaDateTemplateDirective } from '../templates';
-/**
- * The component for rendering the **Agenda** view.
- */
-export declare class AgendaViewComponent extends ConfigurationViewBase {
-    /**
-     * @hidden
-     */
-    readonly title: string;
-    /**
-     * The long-date format for displaying the
-     * selected date in the Scheduler toolbar.
-     * Defaults to `{0:D} - {1:D}`,
-     * where `0` is the start and `1` is the end date
-     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-     */
-    selectedDateFormat: string;
-    /**
-     * The short-date format for displaying the
-     * selected date in the Scheduler toolbar.
-     * Defaults to `{0:d} - {1:d}`,
-     * where `0` is the start and `1` is the end date
-     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
-     */
-    selectedShortDateFormat: string;
-    /**
-     * Specifies the number of days that the view will render.
-     * Defaults to `7`.
-     */
-    numberOfDays: number;
-    /**
-     * @hidden
-     */
-    eventTemplate: EventTemplateDirective;
-    /**
-     * @hidden
-     */
-    agendaTimeTemplate: AgendaTimeTemplateDirective;
-    /**
-     * @hidden
-     */
-    agendaDateTemplate: AgendaDateTemplateDirective;
-    /**
-     * The invariant name for this view (`agenda`).
-     */
-    readonly name: string;
-    constructor(localization: LocalizationService, changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService);
-}