@progress/kendo-angular-scheduler 3.0.3-dev.202203091424 → 4.0.0-next.202204010908

package/esm2015/views/day-time/event-slot.directive.js

@@ -0,0 +1,125 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input, HostBinding } from '@angular/core';
+import { BaseSlotDirective } from '../view-items/base-slot.directive';
+import { addUTCDays, toUTCTime, toUTCDate, dateWithTime, isWorkWeekDay } from '../utils';
+import { INVARIANT_END } from '../constants';
+import * as i0 from "@angular/core";
+import * as i1 from "./day-time-slot.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class TimeSlotDirective extends BaseSlotDirective {
+    constructor(element, slotService, localization) {
+        super(element, slotService, localization);
+        this.isDaySlot = false;
+    }
+    get nonWorkHour() {
+        const date = this.date.getDay();
+        return this.invariantStart < this.workDayStart || this.workDayEnd < this.invariantEnd || !isWorkWeekDay(date, this.workWeekStart, this.workWeekEnd);
+    }
+    get startLocalTime() {
+        if (!this.date || !this.invariantStart) {
+            return null;
+        }
+        return dateWithTime(this.date, this.invariantStart);
+    }
+    get endLocalTime() {
+        if (!this.date || !this.invariantEnd) {
+            return null;
+        }
+        return dateWithTime(this.date, this.invariantEnd);
+    }
+    get start() {
+        if (!this.date || !this.invariantStart) {
+            return null;
+        }
+        return toUTCTime(this.date, this.invariantStart);
+    }
+    get end() {
+        if (!this.date || !this.invariantEnd) {
+            return null;
+        }
+        const localEnd = toUTCTime(this.date, this.invariantEnd);
+        if (INVARIANT_END.getTime() <= this.invariantEnd.getTime()) {
+            return addUTCDays(localEnd, 1);
+        }
+        return localEnd;
+    }
+}
+TimeSlotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimeSlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.DayTimeSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+TimeSlotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TimeSlotDirective, selector: "[timeSlot]", inputs: { invariantStart: "invariantStart", invariantEnd: "invariantEnd", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", date: "date" }, host: { properties: { "class.k-nonwork-hour": "this.nonWorkHour" } }, exportAs: ["timeSlot"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimeSlotDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[timeSlot]',
+                    exportAs: 'timeSlot'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DayTimeSlotService }, { type: i2.LocalizationService }]; }, propDecorators: { invariantStart: [{
+                type: Input
+            }], invariantEnd: [{
+                type: Input
+            }], workDayStart: [{
+                type: Input
+            }], workDayEnd: [{
+                type: Input
+            }], workWeekStart: [{
+                type: Input
+            }], workWeekEnd: [{
+                type: Input
+            }], date: [{
+                type: Input
+            }], nonWorkHour: [{
+                type: HostBinding,
+                args: ['class.k-nonwork-hour']
+            }] } });
+/**
+ * @hidden
+ */
+export class DaySlotDirective extends BaseSlotDirective {
+    constructor(element, slotService, localization) {
+        super(element, slotService, localization);
+        this.isDaySlot = true;
+    }
+    set start(value) {
+        this.startDate = value;
+    }
+    get start() {
+        if (!this.startDate) {
+            return null;
+        }
+        return toUTCDate(this.startDate);
+    }
+    set end(value) {
+        this.endDate = value;
+    }
+    get end() {
+        if (!this.endDate) {
+            return null;
+        }
+        return toUTCDate(this.endDate);
+    }
+    get daySlot() {
+        return true;
+    }
+}
+DaySlotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DaySlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.DayTimeSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+DaySlotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DaySlotDirective, selector: "[daySlot]", inputs: { start: "start", end: "end" }, host: { properties: { "attr.data-day-slot": "this.daySlot" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DaySlotDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[daySlot]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DayTimeSlotService }, { type: i2.LocalizationService }]; }, propDecorators: { start: [{
+                type: Input
+            }], end: [{
+                type: Input
+            }], daySlot: [{
+                type: HostBinding,
+                args: ['attr.data-day-slot']
+            }] } });

package/esm2015/views/month/month-slot.directive.js

@@ -0,0 +1,77 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { BaseSlotDirective } from '../view-items/base-slot.directive';
+import { firstElementChild } from '../../common/dom-queries';
+import { addUTCDays, toUTCDate } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "./month-slot.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class MonthSlotDirective extends BaseSlotDirective {
+    constructor(element, slotService, localization) {
+        super(element, slotService, localization);
+        this.isDaySlot = true;
+        this._linkHeight = null;
+    }
+    set start(value) {
+        this.startDate = toUTCDate(value);
+    }
+    get start() {
+        return this.startDate;
+    }
+    get end() {
+        return addUTCDays(this.start, 1);
+    }
+    get linkHeight() {
+        if (this._linkHeight === null) {
+            const element = firstElementChild(this.nativeElement);
+            this._linkHeight = element ? element.offsetHeight + element.offsetTop : 0;
+        }
+        return this._linkHeight;
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.removeShowMore();
+    }
+    showMore(rect) {
+        if (!this.showMoreElement) {
+            const element = this.showMoreElement = document.createElement('div');
+            element.innerHTML = '<span class="k-icon k-i-more-horizontal"></span>';
+            element.className = 'k-more-events k-button';
+            element.style.width = `${rect.width}px`;
+            element.style.left = `${rect.left}px`;
+            element.style.top = `${rect.top}px`;
+            this.nativeElement.appendChild(element);
+        }
+    }
+    hideMore() {
+        this.removeShowMore();
+    }
+    invalidate() {
+        super.invalidate();
+        this._linkHeight = null;
+        this.removeShowMore();
+    }
+    removeShowMore() {
+        if (this.showMoreElement) {
+            this.showMoreElement.parentNode.removeChild(this.showMoreElement);
+            this.showMoreElement = null;
+        }
+    }
+}
+MonthSlotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MonthSlotDirective, deps: [{ token: i0.ElementRef }, { token: i1.MonthSlotService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+MonthSlotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MonthSlotDirective, selector: "[monthSlot]", inputs: { start: "start" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MonthSlotDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[monthSlot]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.MonthSlotService }, { type: i2.LocalizationService }]; }, propDecorators: { start: [{
+                type: Input
+            }] } });

package/esm2015/views/month/month-view-item.component.js

@@ -0,0 +1,88 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Inject, LOCALE_ID } from '@angular/core';
+import { BaseViewItem } from '../view-items/base-view-item';
+import * as i0 from "@angular/core";
+import * as i1 from "./month-slot.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "../../navigation";
+import * as i4 from "@angular/common";
+/**
+ * @hidden
+ */
+export class MonthViewItemComponent extends BaseViewItem {
+    constructor(slotService, localization, focusService, element, renderer, localeId) {
+        super(slotService, localization, focusService, element, renderer, localeId);
+        this.localeId = localeId;
+    }
+    reflow() {
+        if (this.item.data[this.resourceIndex].hidden) {
+            this.toggle(false);
+            return;
+        }
+        super.reflow();
+    }
+}
+MonthViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MonthViewItemComponent, deps: [{ token: i1.MonthSlotService }, { token: i2.LocalizationService }, { token: i3.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
+MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MonthViewItemComponent, selector: "[monthViewItem]", usesInheritance: true, ngImport: i0, template: `
+        <span class="k-event-actions">
+            <span class="k-icon k-i-arrow-60-left" *ngIf="item.tail"></span>
+            <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
+            <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
+        </span>
+        <ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
+            [ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
+        </ng-container>
+        <div *ngIf="!eventTemplate" [attr.title]="eventTitle">
+            <div class="k-event-template">{{ item.event.title }}</div>
+        </div>
+
+        <span class="k-event-actions">
+            <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
+                <span class="k-icon k-i-close"></span>
+            </span>
+            <span class="k-icon k-i-arrow-60-right" *ngIf="item.head"></span>
+        </span>
+
+        <ng-container *ngIf="resizable">
+            <span class="k-resize-handle k-resize-w"></span>
+            <span class="k-resize-handle k-resize-e"></span>
+        </ng-container>
+    `, isInline: true, directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MonthViewItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[monthViewItem]',
+                    template: `
+        <span class="k-event-actions">
+            <span class="k-icon k-i-arrow-60-left" *ngIf="item.tail"></span>
+            <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
+            <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
+        </span>
+        <ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
+            [ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
+        </ng-container>
+        <div *ngIf="!eventTemplate" [attr.title]="eventTitle">
+            <div class="k-event-template">{{ item.event.title }}</div>
+        </div>
+
+        <span class="k-event-actions">
+            <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
+                <span class="k-icon k-i-close"></span>
+            </span>
+            <span class="k-icon k-i-arrow-60-right" *ngIf="item.head"></span>
+        </span>
+
+        <ng-container *ngIf="resizable">
+            <span class="k-resize-handle k-resize-w"></span>
+            <span class="k-resize-handle k-resize-e"></span>
+        </ng-container>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MonthSlotService }, { type: i2.LocalizationService }, { type: i3.FocusService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }]; } });