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

package/esm2015/views/timeline/timeline-week-view.component.js

@@ -0,0 +1,145 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef, Input, ChangeDetectionStrategy } from '@angular/core';
+import { SchedulerView } from '../../types';
+import { TimelineBase } from './timeline-base';
+import { firstDayInWeek, getDate } from '@progress/kendo-date-math';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-intl";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "../view-context.service";
+import * as i4 from "../view-state.service";
+import * as i5 from "./timeline-multi-day-view.component";
+import * as i6 from "../common/view-footer.component";
+import * as i7 from "../common/work-hours-footer.directive";
+/**
+ * The component for rendering the **Week** timeline view.
+ */
+export class TimelineWeekViewComponent extends TimelineBase {
+    constructor(_intl, localization, changeDetector, viewContext, viewState) {
+        super(localization, changeDetector, viewContext, viewState);
+        /**
+         * The long-date format that will be used 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)).
+         */
+        this.selectedDateFormat = '{0:D} - {1:D}';
+        /**
+         * The short date format that will be used 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)).
+         */
+        this.selectedShortDateFormat = '{0:d} - {1:d}';
+        /**
+         * The invariant name for this view (`timelineWeek`).
+         */
+        this.name = 'timelineWeek';
+        /**
+         * @hidden
+         */
+        this.getStartDate = (selectedDate) => {
+            return firstDayInWeek(getDate(selectedDate), this.viewWeekStart);
+        };
+    }
+    /**
+     * @hidden
+     */
+    get title() {
+        return this.localization.get('timelineWeekViewTitle');
+    }
+}
+TimelineWeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: i1.IntlService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i3.ViewContextService }, { token: i4.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
+TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TimelineWeekViewComponent, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
+            provide: SchedulerView,
+            useExisting: forwardRef(() => TimelineWeekViewComponent)
+        }], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #content>
+            <timeline-multi-day-view
+                viewName="timeline-week"
+                [name]="name"
+                [numberOfDays]="7"
+                [getStartDate]="getStartDate"
+                [eventHeight]="viewEventHeight"
+                [columnWidth]="viewColumnWidth"
+                [currentTimeMarker]="viewCurrentTimeMarker"
+                [highlightOngoingEvents]="viewHighlightOngoingEvents"
+                [showWorkHours]="shouldShowWorkHours"
+                [scrollTime]="viewScrollTime"
+                [startTime]="viewStartTime"
+                [endTime]="viewEndTime"
+                [workDayStart]="viewWorkDayStart"
+                [workDayEnd]="viewWorkDayEnd"
+                [workWeekStart]="viewWorkWeekStart"
+                [workWeekEnd]="viewWorkWeekEnd"
+                [weekStart]="viewWeekStart"
+                [slotDuration]="viewSlotDuration"
+                [slotDivisions]="viewSlotDivisions"
+                [slotClass]="viewSlotClass"
+                [eventClass]="viewEventClass"
+                [eventStyles]="viewEventStyles"
+                [еventTemplate]="eventTemplate?.templateRef"
+                [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
+                [timeSlotTemplate]="timeSlotTemplate?.templateRef"
+                [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
+                [selectedDateFormat]="selectedDateFormat"
+                [selectedShortDateFormat]="selectedShortDateFormat">
+            </timeline-multi-day-view>
+            <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
+        </ng-template>
+    `, isInline: true, components: [{ type: i5.TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["name", "columnWidth", "viewName"] }, { type: i6.ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: i7.WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineWeekViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-scheduler-timeline-week-view',
+                    providers: [{
+                            provide: SchedulerView,
+                            useExisting: forwardRef(() => TimelineWeekViewComponent)
+                        }],
+                    template: `
+        <ng-template #content>
+            <timeline-multi-day-view
+                viewName="timeline-week"
+                [name]="name"
+                [numberOfDays]="7"
+                [getStartDate]="getStartDate"
+                [eventHeight]="viewEventHeight"
+                [columnWidth]="viewColumnWidth"
+                [currentTimeMarker]="viewCurrentTimeMarker"
+                [highlightOngoingEvents]="viewHighlightOngoingEvents"
+                [showWorkHours]="shouldShowWorkHours"
+                [scrollTime]="viewScrollTime"
+                [startTime]="viewStartTime"
+                [endTime]="viewEndTime"
+                [workDayStart]="viewWorkDayStart"
+                [workDayEnd]="viewWorkDayEnd"
+                [workWeekStart]="viewWorkWeekStart"
+                [workWeekEnd]="viewWorkWeekEnd"
+                [weekStart]="viewWeekStart"
+                [slotDuration]="viewSlotDuration"
+                [slotDivisions]="viewSlotDivisions"
+                [slotClass]="viewSlotClass"
+                [eventClass]="viewEventClass"
+                [eventStyles]="viewEventStyles"
+                [еventTemplate]="eventTemplate?.templateRef"
+                [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
+                [timeSlotTemplate]="timeSlotTemplate?.templateRef"
+                [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
+                [selectedDateFormat]="selectedDateFormat"
+                [selectedShortDateFormat]="selectedShortDateFormat">
+            </timeline-multi-day-view>
+            <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i3.ViewContextService }, { type: i4.ViewStateService }]; }, propDecorators: { selectedDateFormat: [{
+                type: Input
+            }], selectedShortDateFormat: [{
+                type: Input
+            }] } });

package/esm2015/views/view-context.service.js

@@ -0,0 +1,84 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { BehaviorSubject, Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * A service which publishes information from the Scheduler to the views.
+ * Views subscribe to changes in the context (selected date, event, and resource data) through this service.
+ */
+export class ViewContextService {
+    constructor() {
+        this.actionSource = new Subject();
+        this.itemsSource = new BehaviorSubject([]);
+        this.selectedDateSource = new BehaviorSubject(null);
+        this.resizeSource = new Subject();
+        this.optionsChangeSource = new BehaviorSubject({});
+        this.executeSource = new Subject();
+        this.action = this.actionSource.asObservable();
+        this.items = this.itemsSource.asObservable();
+        this.selectedDate = this.selectedDateSource.asObservable();
+        this.resize = this.resizeSource.asObservable();
+        this.optionsChange = this.optionsChangeSource.asObservable();
+        this.execute = this.executeSource.asObservable();
+    }
+    /**
+     * An internal method which is used by the Scheduler to publish unhandled navigation actions.
+     *
+     * @hidden
+     */
+    notifyAction(action) {
+        this.actionSource.next(action);
+    }
+    /**
+     * An internal method which is used by the Scheduler to publish the current set of items.
+     *
+     * @hidden
+     */
+    notifyItems(items) {
+        this.itemsSource.next(items);
+    }
+    /**
+     * An internal method which is used by the Scheduler to publish the currently selected date.
+     *
+     * @hidden
+     */
+    notifySelectedDate(date) {
+        this.selectedDateSource.next(date);
+    }
+    /**
+     * An internal method which is used by the Scheduler to notify that the size changed.
+     *
+     * @hidden
+     */
+    notifyResize() {
+        this.resizeSource.next();
+    }
+    /**
+     * An internal method which is used by the Scheduler to notify that the options changed.
+     *
+     * @hidden
+     */
+    notifyOptionsChange(changes) {
+        this.optionsChangeSource.next(changes);
+    }
+    /**
+     * An internal method which is used by the Scheduler to execute a view method.
+     *
+     * @hidden
+     */
+    executeMethod(name, args) {
+        let result;
+        this.executeSource.next({ name, args, result: (r) => {
+                result = r;
+            } });
+        return result;
+    }
+}
+ViewContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ViewContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewContextService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewContextService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });

package/esm2015/views/view-items/base-slot.directive.js

@@ -0,0 +1,96 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Input, HostBinding, Directive } from '@angular/core';
+import { isDocumentAvailable } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "./base-slot.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class BaseSlotDirective {
+    constructor(element, slotService, localization) {
+        this.element = element;
+        this.slotService = slotService;
+        this.localization = localization;
+        this._rect = null;
+    }
+    get slotIndex() {
+        return this.key;
+    }
+    get start() {
+        return this._start;
+    }
+    set start(value) {
+        this._start = value;
+    }
+    get end() {
+        return this._end;
+    }
+    set end(value) {
+        this._end = value;
+    }
+    get rect() {
+        if (this._rect) {
+            return this._rect;
+        }
+        const el = this.nativeElement;
+        this._rect = {
+            left: !this.localization.rtl ? el.offsetLeft : this.slotService.containerSize - (el.offsetLeft + el.clientWidth),
+            top: el.offsetTop,
+            width: el.clientWidth,
+            height: el.clientHeight
+        };
+        return this._rect;
+    }
+    get top() {
+        return this.element ? this.nativeElement.offsetTop : 0;
+    }
+    get padding() {
+        if (!this.element || !isDocumentAvailable()) {
+            return 0;
+        }
+        return parseInt(window.getComputedStyle(this.nativeElement).paddingTop, 10) * 2;
+    }
+    get height() {
+        return this.element ? this.nativeElement.offsetHeight : 0;
+    }
+    set height(value) {
+        if (this.element) {
+            this.nativeElement.style.height = `${value}px`;
+        }
+        if (this._rect) {
+            this._rect.height = value;
+        }
+    }
+    get width() {
+        return this.element ? this.nativeElement.offsetWidth : 0;
+    }
+    get key() {
+        return `${this.id.resourceIndex}:${this.id.rangeIndex}:${this.id.index}`;
+    }
+    get nativeElement() {
+        return this.element.nativeElement;
+    }
+    ngOnInit() {
+        this.slotService.registerSlot(this);
+    }
+    ngOnDestroy() {
+        this.slotService.unregisterSlot(this);
+    }
+    invalidate() {
+        this._rect = null;
+    }
+}
+BaseSlotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseSlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.BaseSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+BaseSlotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BaseSlotDirective, inputs: { id: "id" }, host: { properties: { "attr.data-slot-index": "this.slotIndex" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseSlotDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.BaseSlotService }, { type: i2.LocalizationService }]; }, propDecorators: { id: [{
+                type: Input
+            }], slotIndex: [{
+                type: HostBinding,
+                args: ['attr.data-slot-index']
+            }] } });

package/esm2015/views/view-items/base-view-item.js

@@ -0,0 +1,168 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Input, HostBinding, Directive } from '@angular/core';
+import { anyChanged } from '@progress/kendo-angular-common';
+import { Subscription } from 'rxjs';
+import { isRecurrence, isRecurrenceException, formatEventTime } from '../utils';
+import { toLocalDate } from '@progress/kendo-date-math';
+import * as i0 from "@angular/core";
+import * as i1 from "./base-slot.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "../../navigation";
+/**
+ * @hidden
+ */
+export class BaseViewItem {
+    constructor(slotService, localization, focusService, element, renderer, localeId) {
+        this.slotService = slotService;
+        this.localization = localization;
+        this.focusService = focusService;
+        this.element = element;
+        this.renderer = renderer;
+        this.localeId = localeId;
+        this.className = true;
+        this.subs = new Subscription();
+    }
+    get taskIndex() {
+        return this.item.index;
+    }
+    get touchAction() {
+        return this.editable && this.editable.drag !== false ? 'none' : null;
+    }
+    get eventTitle() {
+        const startTime = toLocalDate(this.item.startTime);
+        const endTime = toLocalDate(this.item.endTime);
+        const time = formatEventTime(startTime, endTime, this.item.isAllDay, this.localeId);
+        return `${time}, ${this.item.event.title}`;
+    }
+    get deleteMessage() {
+        return this.localization.get('deleteTitle');
+    }
+    get resizable() {
+        return this.editable && this.editable.resize !== false;
+    }
+    get removable() {
+        return this.editable && this.editable.remove !== false;
+    }
+    get isRecurrence() {
+        return isRecurrence(this.item);
+    }
+    get isRecurrenceException() {
+        return isRecurrenceException(this.item);
+    }
+    get nativeElement() {
+        if (this.element) {
+            return this.element.nativeElement;
+        }
+    }
+    setStyles(styles) {
+        const element = this.nativeElement;
+        if (element) {
+            for (let name in styles) {
+                if (styles.hasOwnProperty(name)) {
+                    this.renderer.setStyle(element, name, styles[name]);
+                }
+            }
+        }
+    }
+    toggle(visible) {
+        this.setStyles({ display: visible ? 'block' : 'none' });
+    }
+    reflow() {
+        const rect = this.rect;
+        if (rect) {
+            this.setStyles({
+                left: !this.localization.rtl ? `${rect.left}px` : '',
+                right: this.localization.rtl ? `${rect.left}px` : '',
+                top: `${rect.top}px`,
+                width: `${rect.width}px`,
+                height: `${rect.height}px`,
+                display: 'block'
+            });
+        }
+    }
+    ngOnInit() {
+        if (this.dragHint) {
+            return;
+        }
+        this.subs.add(this.slotService.slotsChange.subscribe(() => {
+            this.rect = null;
+            this.setStyles({
+                display: 'none',
+                width: 0,
+                left: 0
+            });
+            const slotId = { index: this.index, resourceIndex: this.resourceIndex, rangeIndex: this.rangeIndex };
+            this.slotService.unregisterItem(this, slotId);
+            if (this.resourceIndex >= 0) {
+                this.slotService.registerItem(this);
+            }
+        }));
+    }
+    ngOnChanges(changes) {
+        if (this.dragHint) {
+            return;
+        }
+        if (anyChanged(['index', 'resourceIndex', 'rangeIndex'], changes)) {
+            const { resourceIndex, index, rangeIndex } = changes;
+            const previousResourceIndex = resourceIndex ? resourceIndex.previousValue : this.resourceIndex;
+            const previousIndex = index ? index.previousValue : this.index;
+            const previousRangeIndex = rangeIndex ? rangeIndex.previousValue : this.rangeIndex;
+            const slotId = {
+                index: previousIndex,
+                resourceIndex: previousResourceIndex,
+                rangeIndex: previousRangeIndex
+            };
+            this.slotService.unregisterItem(this, slotId);
+            if (this.resourceIndex >= 0) {
+                this.slotService.registerItem(this);
+                this.toggle(true);
+            }
+            else {
+                this.toggle(false);
+            }
+        }
+    }
+    ngOnDestroy() {
+        if (this.dragHint) {
+            return;
+        }
+        this.slotService.unregisterItem(this);
+        this.subs.unsubscribe();
+    }
+}
+BaseViewItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseViewItem, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+BaseViewItem.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BaseViewItem, inputs: { item: "item", resourceIndex: "resourceIndex", rangeIndex: "rangeIndex", index: "index", eventTemplate: "eventTemplate", editable: "editable", dragHint: "dragHint", resources: "resources" }, host: { properties: { "class.k-event": "this.className", "attr.data-task-index": "this.taskIndex", "style.touch-action": "this.touchAction", "attr.aria-label": "this.eventTitle" } }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseViewItem, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i1.BaseSlotService }, { type: i2.LocalizationService }, { type: i3.FocusService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined }]; }, propDecorators: { item: [{
+                type: Input
+            }], resourceIndex: [{
+                type: Input
+            }], rangeIndex: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], eventTemplate: [{
+                type: Input
+            }], editable: [{
+                type: Input
+            }], dragHint: [{
+                type: Input
+            }], resources: [{
+                type: Input
+            }], className: [{
+                type: HostBinding,
+                args: ['class.k-event']
+            }], taskIndex: [{
+                type: HostBinding,
+                args: ['attr.data-task-index']
+            }], touchAction: [{
+                type: HostBinding,
+                args: ['style.touch-action']
+            }], eventTitle: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }] } });

package/esm2015/views/view-items/types.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/views/view-state.service.js

@@ -0,0 +1,97 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { BehaviorSubject, Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+const emptyDateRange = () => ({
+    start: new Date(0),
+    end: new Date(0),
+    text: '',
+    shortText: ''
+});
+/**
+ * A service for publishing the view state and actions to the Scheduler.
+ */
+export class ViewStateService {
+    constructor() {
+        this.dateRangeSource = new BehaviorSubject(emptyDateRange());
+        this.nextDateSource = new Subject();
+        this.navigateSource = new Subject();
+        this.viewEventSource = new Subject();
+        this.layoutEndSource = new Subject();
+        this.optionsChangeSource = new Subject();
+        this.slotSelectionStartSource = new Subject();
+        this.slotSelectionStartDragSource = new Subject();
+        this.slotSelectionStartEndSource = new Subject();
+        this.dateRange = this.dateRangeSource.asObservable();
+        this.nextDate = this.nextDateSource.asObservable();
+        this.navigate = this.navigateSource.asObservable();
+        this.viewEvent = this.viewEventSource.asObservable();
+        this.layoutEnd = this.layoutEndSource.asObservable();
+        this.optionsChange = this.optionsChangeSource.asObservable();
+        this.slotSelectionStart = this.slotSelectionStartSource.asObservable();
+        this.slotSelectionDrag = this.slotSelectionStartDragSource.asObservable();
+        this.slotSelectionEnd = this.slotSelectionStartEndSource.asObservable();
+    }
+    /**
+     * Publishes the date that will be displayed by the Scheduler
+     * typically as a result from processing a navigation action.
+     */
+    notifyNextDate(date) {
+        this.nextDateSource.next(date);
+    }
+    /**
+     * Publishes the visible date range of the view.
+     * The view will calculate and set the new data range when
+     * the selected date changes.
+     */
+    notifyDateRange(range) {
+        this.dateRangeSource.next(range);
+    }
+    /**
+     * Notifies the Scheduler that the view has completed its layout.
+     */
+    notifyLayoutEnd() {
+        this.layoutEndSource.next();
+    }
+    /**
+     * Navigates to another view.
+     */
+    navigateTo(args) {
+        this.navigateSource.next(args);
+    }
+    /**
+     * Notifies the Scheduler that the view options have been changed.
+     */
+    notifyOptionsChange() {
+        this.optionsChangeSource.next(null);
+    }
+    /**
+     * Emits a DOM event to the Scheduler.
+     */
+    emitEvent(name, args) {
+        this.viewEventSource.next({
+            name: name,
+            args: args
+        });
+    }
+    /** @hidden */
+    notifySlotSelectionStart(selection) {
+        this.slotSelectionStartSource.next(selection);
+    }
+    /** @hidden */
+    notifySlotSelectionDrag(selection) {
+        this.slotSelectionStartDragSource.next(selection);
+    }
+    /** @hidden */
+    notifySlotSelectionEnd(selection) {
+        this.slotSelectionStartEndSource.next(selection);
+    }
+}
+ViewStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ViewStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewStateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ViewStateService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });