@progress/kendo-angular-scheduler 21.4.1-develop.1 → 22.0.0-develop.1

package/esm2022/views/day-time/day-time-view-base.mjs

@@ -1,244 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Input, ContentChild, ChangeDetectorRef, Directive } from '@angular/core';
-import { ConfigurationViewBase } from '../common/configuration-view-base';
-import { TimeSlotTemplateDirective, DateHeaderTemplateDirective, MajorTimeHeaderTemplateDirective, MinorTimeHeaderTemplateDirective } from '../templates';
-import { ViewContextService } from '../view-context.service';
-import { ViewStateService } from '../view-state.service';
-import { DEFAULT_EVENT_HEIGHT } from '../constants';
-import { isPresent } from '../../common/util';
-import { Day } from '@progress/kendo-date-math';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "../view-context.service";
-import * as i3 from "../view-state.service";
-const EVENT_HEIGHT = 'eventHeight';
-const SHOW_WORK_HOURS = 'showWorkHours';
-const START_TIME = 'startTime';
-const END_TIME = 'endTime';
-const WORK_DAY_START = 'workDayStart';
-const WORK_DAY_END = 'workDayEnd';
-const WORK_WEEK_START = 'workWeekStart';
-const WORK_WEEK_END = 'workWeekEnd';
-const SLOT_DURATION = 'slotDuration';
-const SLOT_DIVISIONS = 'slotDivisions';
-const CURRENT_TIME_MARKER = 'currentTimeMarker';
-const HIGHLIGHT_ONGOING_EVENTS = 'highlightOngoingEvents';
-/**
- * @hidden
- */
-export class DayTimeViewBase extends ConfigurationViewBase {
-    /**
-     * @hidden
-     */
-    timeSlotTemplate;
-    /**
-     * @hidden
-     */
-    dateHeaderTemplate;
-    /**
-     * @hidden
-      */
-    majorTimeHeaderTemplate;
-    /**
-     * @hidden
-     */
-    minorTimeHeaderTemplate;
-    /**
-     * If set to `true`, the view will be initially shown in the business-hours mode.
-     * By default, the view is displayed in the full-day mode.
-     * @default false
-     */
-    showWorkHours;
-    /**
-     * Specifies whether to display the footer of the Scheduler.
-     */
-    showFooter;
-    /**
-     * Sets the height (in pixels) of events in the Scheduler views.
-     * For `Month`, `Timeline`, and `Multi-Week` views, it controls the height of regular and all-day events.
-     * For `Day` and `Week` views, it controls the height of all-day events.
-     */
-    eventHeight;
-    /**
-     * The start time of the view. The Scheduler displays events which start after the start time.
-     * Accepts string values in the `HH:mm` format.
-     */
-    startTime;
-    /**
-     * The time to which the view will initially be scrolled.
-     * Accepts string values in the `HH:mm` format or a JavaScript `Date`.
-     */
-    scrollTime;
-    /**
-     * The end time of the view. The Scheduler displays events which end before the end time.
-     * Accepts string values in the `HH:mm` format.
-     */
-    endTime;
-    /**
-     * The start time of the view when `showWorkHours` is set to `true`.
-     * Accepts string values in the `HH:mm` format.
-     */
-    workDayStart;
-    /**
-     * The end time of the view when `showWorkHours` is set to `true`.
-     * Accepts string values in the `HH:mm` format.
-     */
-    workDayEnd;
-    /**
-     * The start of the work week.
-     */
-    workWeekStart;
-    /**
-     * The end of the work week.
-     */
-    workWeekEnd;
-    /**
-     * The duration (in minutes) of the time slots.
-     */
-    slotDuration;
-    /**
-     * The number of divisions of the time slots.
-     */
-    slotDivisions;
-    /**
-     * Specifies the settings for the current time marker of the Scheduler.
-     */
-    currentTimeMarker;
-    /**
-     * @hidden
-     */
-    get viewEventHeight() {
-        return this.optionValue(EVENT_HEIGHT) || DEFAULT_EVENT_HEIGHT;
-    }
-    /**
-     * @hidden
-     */
-    get shouldShowWorkHours() {
-        return this.optionValue(SHOW_WORK_HOURS);
-    }
-    /**
-     * @hidden
-     */
-    get viewStartTime() {
-        return this.optionValue(START_TIME);
-    }
-    /**
-     * @hidden
-     */
-    get viewEndTime() {
-        return this.optionValue(END_TIME);
-    }
-    /**
-     * @hidden
-     */
-    get viewWorkDayStart() {
-        return this.optionValue(WORK_DAY_START);
-    }
-    /**
-     * @hidden
-     */
-    get viewWorkDayEnd() {
-        return this.optionValue(WORK_DAY_END);
-    }
-    /**
-     * @hidden
-     */
-    get viewWorkWeekStart() {
-        return this.optionValue(WORK_WEEK_START);
-    }
-    /**
-     * @hidden
-     */
-    get viewWorkWeekEnd() {
-        return this.optionValue(WORK_WEEK_END);
-    }
-    /**
-     * @hidden
-     */
-    get viewSlotDuration() {
-        return this.optionValue(SLOT_DURATION);
-    }
-    /**
-     * @hidden
-     */
-    get viewSlotDivisions() {
-        return this.optionValue(SLOT_DIVISIONS);
-    }
-    /**
-     * @hidden
-     */
-    get viewCurrentTimeMarker() {
-        return this.optionValue(CURRENT_TIME_MARKER);
-    }
-    /**
-     * @hidden
-     */
-    get viewHighlightOngoingEvents() {
-        return this.optionValue(HIGHLIGHT_ONGOING_EVENTS);
-    }
-    /**
-     * @hidden
-     */
-    get viewScrollTime() {
-        return this.optionValue('scrollTime');
-    }
-    /**
-     * @hidden
-     */
-    get viewShowFooter() {
-        return isPresent(this.showFooter) ? this.showFooter : this.schedulerOptions.showFooter;
-    }
-    constructor(localization, changeDetector, viewContext, viewState) {
-        super(localization, changeDetector, viewContext, viewState);
-    }
-    optionValue(name) {
-        return isPresent(this[name]) ? this[name] : this.schedulerOptions[name];
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayTimeViewBase, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DayTimeViewBase, inputs: { showWorkHours: "showWorkHours", showFooter: "showFooter", eventHeight: "eventHeight", startTime: "startTime", scrollTime: "scrollTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", currentTimeMarker: "currentTimeMarker" }, queries: [{ propertyName: "timeSlotTemplate", first: true, predicate: TimeSlotTemplateDirective, descendants: true }, { propertyName: "dateHeaderTemplate", first: true, predicate: DateHeaderTemplateDirective, descendants: true }, { propertyName: "majorTimeHeaderTemplate", first: true, predicate: MajorTimeHeaderTemplateDirective, descendants: true }, { propertyName: "minorTimeHeaderTemplate", first: true, predicate: MinorTimeHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayTimeViewBase, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }], propDecorators: { timeSlotTemplate: [{
-                type: ContentChild,
-                args: [TimeSlotTemplateDirective, { static: false }]
-            }], dateHeaderTemplate: [{
-                type: ContentChild,
-                args: [DateHeaderTemplateDirective, { static: false }]
-            }], majorTimeHeaderTemplate: [{
-                type: ContentChild,
-                args: [MajorTimeHeaderTemplateDirective, { static: false }]
-            }], minorTimeHeaderTemplate: [{
-                type: ContentChild,
-                args: [MinorTimeHeaderTemplateDirective, { static: false }]
-            }], showWorkHours: [{
-                type: Input
-            }], showFooter: [{
-                type: Input
-            }], eventHeight: [{
-                type: Input
-            }], startTime: [{
-                type: Input
-            }], scrollTime: [{
-                type: Input
-            }], endTime: [{
-                type: Input
-            }], workDayStart: [{
-                type: Input
-            }], workDayEnd: [{
-                type: Input
-            }], workWeekStart: [{
-                type: Input
-            }], workWeekEnd: [{
-                type: Input
-            }], slotDuration: [{
-                type: Input
-            }], slotDivisions: [{
-                type: Input
-            }], currentTimeMarker: [{
-                type: Input
-            }] } });

package/esm2022/views/day-time/day-time-view-item.component.mjs

@@ -1,216 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, Input, Renderer2 } 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 { arrowRotateCwIcon, arrowsNoRepeatIcon, caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon, caretAltUpIcon, xIcon } from '@progress/kendo-svg-icons';
-import { FocusService } from '../../navigation';
-import { DayTimeSlotService } from '../day-time/day-time-slot.service';
-import { BaseViewItem } from '../view-items/base-view-item';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from "@angular/core";
-import * as i1 from "../day-time/day-time-slot.service";
-import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "../../navigation";
-import * as i4 from "@progress/kendo-angular-intl";
-/**
- * @hidden
- */
-export class DayTimeViewItemComponent extends BaseViewItem {
-    intlService;
-    caretAltLeftIcon = caretAltLeftIcon;
-    caretAltRightIcon = caretAltRightIcon;
-    caretAltUpIcon = caretAltUpIcon;
-    caretAltDownIcon = caretAltDownIcon;
-    arrowRotateCwIcon = arrowRotateCwIcon;
-    arrowsNoRepeatIcon = arrowsNoRepeatIcon;
-    xIcon = xIcon;
-    vertical;
-    isAllDay;
-    name;
-    get eventTime() {
-        return this.intlService.format('{0:t}–{1:t}', toLocalDate(this.item.startTime), toLocalDate(this.item.endTime));
-    }
-    constructor(slotService, localization, focusService, element, renderer, intlService) {
-        super(slotService, localization, focusService, element, renderer, intlService);
-        this.intlService = intlService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayTimeViewItemComponent, deps: [{ token: i1.DayTimeSlotService }, { token: i2.LocalizationService }, { token: i3.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i4.IntlService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DayTimeViewItemComponent, isStandalone: true, selector: "[dayTimeViewItem]", inputs: { vertical: "vertical", isAllDay: "isAllDay", name: "name" }, usesInheritance: true, ngImport: i0, template: `
-        <span class="k-event-actions">
-          @if (item.tail && !vertical) {
-            <kendo-icon-wrapper
-              [name]="arrowIcons[0]"
-              [svgIcon]="arrowSVGIcons[0]"
-              >
-            </kendo-icon-wrapper>
-          }
-          @if (isRecurrence) {
-            <kendo-icon-wrapper
-              name="arrow-rotate-cw"
-              [svgIcon]="arrowRotateCwIcon"
-              >
-            </kendo-icon-wrapper>
-          }
-          @if (isRecurrenceException) {
-            <kendo-icon-wrapper
-              name="arrows-no-repeat"
-              [svgIcon]="arrowsNoRepeatIcon"
-              >
-            </kendo-icon-wrapper>
-          }
-        </span>
-        @if (eventTemplate) {
-          <ng-container [ngTemplateOutlet]="eventTemplate"
-            [ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
-          </ng-container>
-        }
-        @if (!eventTemplate) {
-          <div [attr.title]="eventTitle">
-            @if (!isAllDay) {
-              <div class="k-event-template k-event-time">{{ eventTime }}</div>
-            }
-            <div class="k-event-template" aria-hidden="true">{{ item.event.title }}</div>
-          </div>
-        }
-        
-        <span class="k-event-actions">
-          @if (removable) {
-            <span class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
-              <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
-            </span>
-          }
-          @if (item.head && !vertical) {
-            <kendo-icon-wrapper
-              [name]="arrowIcons[1]"
-              [svgIcon]="arrowSVGIcons[1]"
-              >
-            </kendo-icon-wrapper>
-          }
-        </span>
-        
-        @if (item.tail && vertical) {
-          <span class="k-event-top-actions">
-            <kendo-icon-wrapper name="caret-alt-up" [svgIcon]="caretAltUpIcon"></kendo-icon-wrapper>
-          </span>
-        }
-        
-        @if (item.head && vertical) {
-          <span class="k-event-bottom-actions">
-            <kendo-icon-wrapper name="caret-alt-down" [svgIcon]="caretAltDownIcon"></kendo-icon-wrapper>
-          </span>
-        }
-        
-        @if (resizable && vertical) {
-          @if (!item.tail) {
-            <span class="k-resize-handle k-resize-n"></span>
-          }
-          @if (!item.head) {
-            <span class="k-resize-handle k-resize-s"></span>
-          }
-        }
-        
-        @if (resizable && !vertical && !(isAllDay && name === 'day')) {
-          <span class="k-resize-handle k-resize-w"></span>
-          <span class="k-resize-handle k-resize-e"></span>
-        }
-        `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayTimeViewItemComponent, decorators: [{
-            type: Component,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: '[dayTimeViewItem]',
-                    template: `
-        <span class="k-event-actions">
-          @if (item.tail && !vertical) {
-            <kendo-icon-wrapper
-              [name]="arrowIcons[0]"
-              [svgIcon]="arrowSVGIcons[0]"
-              >
-            </kendo-icon-wrapper>
-          }
-          @if (isRecurrence) {
-            <kendo-icon-wrapper
-              name="arrow-rotate-cw"
-              [svgIcon]="arrowRotateCwIcon"
-              >
-            </kendo-icon-wrapper>
-          }
-          @if (isRecurrenceException) {
-            <kendo-icon-wrapper
-              name="arrows-no-repeat"
-              [svgIcon]="arrowsNoRepeatIcon"
-              >
-            </kendo-icon-wrapper>
-          }
-        </span>
-        @if (eventTemplate) {
-          <ng-container [ngTemplateOutlet]="eventTemplate"
-            [ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
-          </ng-container>
-        }
-        @if (!eventTemplate) {
-          <div [attr.title]="eventTitle">
-            @if (!isAllDay) {
-              <div class="k-event-template k-event-time">{{ eventTime }}</div>
-            }
-            <div class="k-event-template" aria-hidden="true">{{ item.event.title }}</div>
-          </div>
-        }
-        
-        <span class="k-event-actions">
-          @if (removable) {
-            <span class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
-              <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
-            </span>
-          }
-          @if (item.head && !vertical) {
-            <kendo-icon-wrapper
-              [name]="arrowIcons[1]"
-              [svgIcon]="arrowSVGIcons[1]"
-              >
-            </kendo-icon-wrapper>
-          }
-        </span>
-        
-        @if (item.tail && vertical) {
-          <span class="k-event-top-actions">
-            <kendo-icon-wrapper name="caret-alt-up" [svgIcon]="caretAltUpIcon"></kendo-icon-wrapper>
-          </span>
-        }
-        
-        @if (item.head && vertical) {
-          <span class="k-event-bottom-actions">
-            <kendo-icon-wrapper name="caret-alt-down" [svgIcon]="caretAltDownIcon"></kendo-icon-wrapper>
-          </span>
-        }
-        
-        @if (resizable && vertical) {
-          @if (!item.tail) {
-            <span class="k-resize-handle k-resize-n"></span>
-          }
-          @if (!item.head) {
-            <span class="k-resize-handle k-resize-s"></span>
-          }
-        }
-        
-        @if (resizable && !vertical && !(isAllDay && name === 'day')) {
-          <span class="k-resize-handle k-resize-w"></span>
-          <span class="k-resize-handle k-resize-e"></span>
-        }
-        `,
-                    standalone: true,
-                    imports: [IconWrapperComponent, NgTemplateOutlet]
-                }]
-        }], ctorParameters: () => [{ type: i1.DayTimeSlotService }, { type: i2.LocalizationService }, { type: i3.FocusService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i4.IntlService }], propDecorators: { vertical: [{
-                type: Input
-            }], isAllDay: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }] } });