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

package/esm2015/editing/recurrence/recurrence-end-rule-editor.component.js

@@ -0,0 +1,264 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ViewChildren, Input } from '@angular/core';
+import { isPresent } from '../../common/util';
+import { EndRuleRadioButtonDirective } from './end-rule-radio-button.directive';
+import { ZonedDate } from '@progress/kendo-date-math';
+import { toUTCDate } from '../../views/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "./recurrence.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "@progress/kendo-angular-inputs";
+import * as i4 from "@progress/kendo-angular-dateinputs";
+import * as i5 from "./end-rule-radio-button.directive";
+/**
+ * @hidden
+ */
+export class RecurrenceEndRuleEditorComponent {
+    constructor(recurrence, localization) {
+        this.recurrence = recurrence;
+        this.localization = localization;
+        this.numericOptions = {
+            min: 1,
+            format: '#',
+            autoCorrect: true,
+            step: 1,
+            spinners: true
+        };
+        this.datePickerOptions = {
+            activeView: 'month',
+            bottomView: 'month',
+            topView: 'century',
+            disabledDatesValidation: true,
+            navigation: true,
+            format: 'd'
+        };
+        this.uniqueId = this.recurrence.getUniqueId();
+        this.setInitialValues();
+        this.subscribeChanges();
+    }
+    set userNumericOptions(options) {
+        this.numericOptions = Object.assign(Object.assign({}, this.numericOptions), options);
+    }
+    set userDatePickerOptions(options) {
+        this.datePickerOptions = Object.assign(Object.assign({}, this.datePickerOptions), options);
+    }
+    ngOnDestroy() {
+        if (this.subscriptions) {
+            this.subscriptions.unsubscribe();
+        }
+    }
+    setEndRule(endRule) {
+        if (endRule === 'count') {
+            this.recurrence.rrule.count = this.countValue;
+        }
+        else if (endRule === 'until') {
+            this.recurrence.until = this.untilValue;
+        }
+    }
+    get rrule() {
+        return this.recurrence.rrule;
+    }
+    get isCountDisabled() {
+        return this.recurrence.endRule !== 'count';
+    }
+    get isUntilDisabled() {
+        return this.recurrence.endRule !== 'until';
+    }
+    onCountChange(value) {
+        if (isPresent(value)) {
+            this.recurrence.count = value;
+        }
+    }
+    onCountBlur() {
+        if (!isPresent(this.countValue)) {
+            this.recurrence.count = this.countValue = 1;
+        }
+    }
+    onUntilChange(value) {
+        if (isPresent(value)) {
+            this.recurrence.until = this.createUntil(value);
+        }
+    }
+    onUntilBlur() {
+        if (!isPresent(this.untilValue)) {
+            this.recurrence.until = this.untilValue = this.createUntil(this.recurrence.start);
+        }
+    }
+    textFor(key) {
+        return this.localization.get(key);
+    }
+    onEndLabelClick() {
+        const selected = this.endRuleRadioButtons.toArray().find(r => r.elem.checked);
+        if (selected) {
+            selected.elem.focus();
+        }
+    }
+    setInitialValues() {
+        this.countValue = this.rrule.count || 1;
+        const currentUntil = this.recurrence.until;
+        const currentStart = this.recurrence.start;
+        this.untilValue = isPresent(currentUntil) ? currentUntil : this.createUntil(currentStart);
+    }
+    subscribeChanges() {
+        this.subscriptions = this.recurrence.endRuleChange.subscribe((endRule) => {
+            this.setEndRule(endRule);
+        });
+        this.subscriptions.add(this.recurrence.frequencyChange.subscribe(() => {
+            this.setInitialValues();
+        }));
+    }
+    createUntil(until) {
+        // Read the until date as UTC date parts to avoid interfering with the local time zone.
+        const untilDate = toUTCDate(until);
+        untilDate.setUTCDate(untilDate.getUTCDate() + 1);
+        // Convert to the scheduler time zone.
+        return ZonedDate.fromUTCDate(untilDate, this.recurrence.timezone).toLocalDate();
+    }
+}
+RecurrenceEndRuleEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceEndRuleEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+RecurrenceEndRuleEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RecurrenceEndRuleEditorComponent, selector: "kendo-recurrence-end-rule-editor", inputs: { userNumericOptions: "userNumericOptions", userDatePickerOptions: "userDatePickerOptions" }, viewQueries: [{ propertyName: "endRuleRadioButtons", predicate: EndRuleRadioButtonDirective, descendants: true }], ngImport: i0, template: `
+        <div class='k-edit-label'>
+            <label (click)="onEndLabelClick()">{{ textFor('endLabel') }}</label>
+        </div>
+        <div class='k-edit-field'>
+            <ul class='k-reset'>
+                <li>
+                    <input kendoRecurrenceEndRuleRadioButton='k-endrule-never-{{uniqueId}}' />
+                    <label class='k-radio-label' for='k-endrule-never-{{uniqueId}}'>{{ textFor('endNever') }}</label>
+                </li>
+                <li>
+                    <input kendoRecurrenceEndRuleRadioButton='k-endrule-count-{{uniqueId}}' />
+                    <label class='k-radio-label' for='k-endrule-count-{{uniqueId}}'>{{ textFor('endAfter') }}</label>
+
+                    <kendo-numerictextbox
+                        [style.width.px]='70'
+                        [autoCorrect]='numericOptions.autoCorrect'
+                        [decimals]='0'
+                        [disabled]='isCountDisabled'
+                        [format]="numericOptions.format"
+                        [min]='numericOptions.min'
+                        [max]="numericOptions.max"
+                        [readonly]="numericOptions.readonly"
+                        [selectOnFocus]="numericOptions.selectOnFocus"
+                        [spinners]="numericOptions.spinners"
+                        [step]="numericOptions.step"
+                        [title]="numericOptions.title"
+                        [(value)]='countValue'
+                        (blur)="onCountBlur()"
+                        (valueChange)='onCountChange($event)'>
+                    </kendo-numerictextbox>
+                    <span>{{ textFor('endOccurrence') }}</span>
+                </li>
+                <li>
+                    <input kendoRecurrenceEndRuleRadioButton='k-endrule-until-{{uniqueId}}' />
+                    <label class='k-radio-label' for='k-endrule-until-{{uniqueId}}'>{{ textFor('endOn') }}</label>
+
+                    <kendo-datepicker
+                        [style.width.px]='150'
+                        [disabled]='isUntilDisabled'
+                        [activeView]="datePickerOptions.activeView"
+                        [bottomView]="datePickerOptions.bottomView"
+                        [disabledDatesValidation]="datePickerOptions.disabledDatesValidation"
+                        [focusedDate]="datePickerOptions.focusedDate"
+                        [format]="datePickerOptions.format"
+                        [formatPlaceholder]="datePickerOptions.formatPlaceHolder"
+                        [max]="datePickerOptions.max"
+                        [min]="datePickerOptions.min"
+                        [navigation]="datePickerOptions.navigation"
+                        [placeholder]="datePickerOptions.placeholder"
+                        [readOnlyInput]="datePickerOptions.readOnlyInput"
+                        [readonly]="datePickerOptions.readonly"
+                        [title]="datePickerOptions.title"
+                        [topView]="datePickerOptions.topView"
+                        [weekNumber]="datePickerOptions.weekNumber"
+                        [disabledDates]="datePickerOptions.disabledDates"
+                        [popupSettings]="datePickerOptions.popupSettings"
+                        [(value)]='untilValue'
+                        (blur)="onUntilBlur()"
+                        (valueChange)='onUntilChange($event)'>
+                    </kendo-datepicker>
+                </li>
+            </ul>
+        </div>
+    `, isInline: true, components: [{ type: i3.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i4.DatePickerComponent, selector: "kendo-datepicker", inputs: ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "focusableId", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }], directives: [{ type: i5.EndRuleRadioButtonDirective, selector: "[kendoRecurrenceEndRuleRadioButton]", inputs: ["kendoRecurrenceEndRuleRadioButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceEndRuleEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-recurrence-end-rule-editor',
+                    template: `
+        <div class='k-edit-label'>
+            <label (click)="onEndLabelClick()">{{ textFor('endLabel') }}</label>
+        </div>
+        <div class='k-edit-field'>
+            <ul class='k-reset'>
+                <li>
+                    <input kendoRecurrenceEndRuleRadioButton='k-endrule-never-{{uniqueId}}' />
+                    <label class='k-radio-label' for='k-endrule-never-{{uniqueId}}'>{{ textFor('endNever') }}</label>
+                </li>
+                <li>
+                    <input kendoRecurrenceEndRuleRadioButton='k-endrule-count-{{uniqueId}}' />
+                    <label class='k-radio-label' for='k-endrule-count-{{uniqueId}}'>{{ textFor('endAfter') }}</label>
+
+                    <kendo-numerictextbox
+                        [style.width.px]='70'
+                        [autoCorrect]='numericOptions.autoCorrect'
+                        [decimals]='0'
+                        [disabled]='isCountDisabled'
+                        [format]="numericOptions.format"
+                        [min]='numericOptions.min'
+                        [max]="numericOptions.max"
+                        [readonly]="numericOptions.readonly"
+                        [selectOnFocus]="numericOptions.selectOnFocus"
+                        [spinners]="numericOptions.spinners"
+                        [step]="numericOptions.step"
+                        [title]="numericOptions.title"
+                        [(value)]='countValue'
+                        (blur)="onCountBlur()"
+                        (valueChange)='onCountChange($event)'>
+                    </kendo-numerictextbox>
+                    <span>{{ textFor('endOccurrence') }}</span>
+                </li>
+                <li>
+                    <input kendoRecurrenceEndRuleRadioButton='k-endrule-until-{{uniqueId}}' />
+                    <label class='k-radio-label' for='k-endrule-until-{{uniqueId}}'>{{ textFor('endOn') }}</label>
+
+                    <kendo-datepicker
+                        [style.width.px]='150'
+                        [disabled]='isUntilDisabled'
+                        [activeView]="datePickerOptions.activeView"
+                        [bottomView]="datePickerOptions.bottomView"
+                        [disabledDatesValidation]="datePickerOptions.disabledDatesValidation"
+                        [focusedDate]="datePickerOptions.focusedDate"
+                        [format]="datePickerOptions.format"
+                        [formatPlaceholder]="datePickerOptions.formatPlaceHolder"
+                        [max]="datePickerOptions.max"
+                        [min]="datePickerOptions.min"
+                        [navigation]="datePickerOptions.navigation"
+                        [placeholder]="datePickerOptions.placeholder"
+                        [readOnlyInput]="datePickerOptions.readOnlyInput"
+                        [readonly]="datePickerOptions.readonly"
+                        [title]="datePickerOptions.title"
+                        [topView]="datePickerOptions.topView"
+                        [weekNumber]="datePickerOptions.weekNumber"
+                        [disabledDates]="datePickerOptions.disabledDates"
+                        [popupSettings]="datePickerOptions.popupSettings"
+                        [(value)]='untilValue'
+                        (blur)="onUntilBlur()"
+                        (valueChange)='onUntilChange($event)'>
+                    </kendo-datepicker>
+                </li>
+            </ul>
+        </div>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.RecurrenceService }, { type: i2.LocalizationService }]; }, propDecorators: { userNumericOptions: [{
+                type: Input
+            }], userDatePickerOptions: [{
+                type: Input
+            }], endRuleRadioButtons: [{
+                type: ViewChildren,
+                args: [EndRuleRadioButtonDirective]
+            }] } });

package/esm2015/editing/recurrence/recurrence-frequency-editor.component.js

@@ -0,0 +1,80 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ViewChildren } from '@angular/core';
+import { Button } from '@progress/kendo-angular-buttons';
+import * as i0 from "@angular/core";
+import * as i1 from "./recurrence.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "@progress/kendo-angular-buttons";
+import * as i4 from "@angular/common";
+/**
+ * @hidden
+ */
+export class RecurrenceFrequencyEditorComponent {
+    constructor(recurrence, localization) {
+        this.recurrence = recurrence;
+        this.localization = localization;
+    }
+    ngOnInit() {
+        this.frequencies = this.recurrence.frequencies;
+    }
+    get selected() {
+        return this.recurrence.frequency;
+    }
+    onClick(newFreq) {
+        if (newFreq.value !== this.selected) {
+            this.recurrence.setFrequency(newFreq.value);
+        }
+    }
+    textFor(key) {
+        return this.localization.get(key);
+    }
+    onFrequencyClick() {
+        const selected = this.weekDayButtons.toArray().find(r => r.selected);
+        if (selected) {
+            selected.focus();
+        }
+    }
+}
+RecurrenceFrequencyEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceFrequencyEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+RecurrenceFrequencyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RecurrenceFrequencyEditorComponent, selector: "kendo-recurrence-frequency-editor", viewQueries: [{ propertyName: "weekDayButtons", predicate: Button, descendants: true }], ngImport: i0, template: `
+        <div class='k-edit-label'>
+            <label (click)="onFrequencyClick()">{{ textFor('repeat') }}</label>
+        </div>
+        <div class='k-edit-field'>
+            <kendo-buttongroup [selection]="'single'">
+                <button *ngFor='let freq of frequencies' kendoButton
+                        [style.width.px]="100"
+                        [togglable]="true"
+                        [selected]="freq.value === selected"
+                        (click)="onClick(freq)"
+                >{{ freq.text }}</button>
+            </kendo-buttongroup>
+        </div>
+    `, isInline: true, components: [{ type: i3.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceFrequencyEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-recurrence-frequency-editor',
+                    template: `
+        <div class='k-edit-label'>
+            <label (click)="onFrequencyClick()">{{ textFor('repeat') }}</label>
+        </div>
+        <div class='k-edit-field'>
+            <kendo-buttongroup [selection]="'single'">
+                <button *ngFor='let freq of frequencies' kendoButton
+                        [style.width.px]="100"
+                        [togglable]="true"
+                        [selected]="freq.value === selected"
+                        (click)="onClick(freq)"
+                >{{ freq.text }}</button>
+            </kendo-buttongroup>
+        </div>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.RecurrenceService }, { type: i2.LocalizationService }]; }, propDecorators: { weekDayButtons: [{
+                type: ViewChildren,
+                args: [Button]
+            }] } });

package/esm2015/editing/recurrence/recurrence-interval-editor.component.js

@@ -0,0 +1,139 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input } from '@angular/core';
+import { isPresent } from '../../common/util';
+import * as i0 from "@angular/core";
+import * as i1 from "./recurrence.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "@progress/kendo-angular-inputs";
+/**
+ * @hidden
+ */
+export class RecurrenceIntervalEditorComponent {
+    constructor(recurrence, localization) {
+        this.recurrence = recurrence;
+        this.localization = localization;
+        this.numericOptions = {
+            min: 1,
+            format: '#',
+            autoCorrect: true,
+            step: 1,
+            spinners: true
+        };
+        this.intervalValue = this.recurrence.rrule.interval || 1;
+    }
+    set userNumericOptions(options) {
+        this.numericOptions = Object.assign(Object.assign({}, this.numericOptions), options);
+    }
+    get currentFreq() {
+        return this.recurrence.frequency;
+    }
+    onIntervalChange(newInterval) {
+        if (isPresent(newInterval)) {
+            this.recurrence.interval = newInterval;
+        }
+    }
+    onIntervalBlur() {
+        if (!isPresent(this.intervalValue)) {
+            this.recurrence.interval = this.intervalValue = 1;
+        }
+    }
+    textForRepeatEvery() {
+        const freq = this.currentFreq;
+        switch (freq) {
+            case 'daily':
+                return this.textFor('dailyRepeatEvery');
+            case 'weekly':
+                return this.textFor('weeklyRepeatEvery');
+            case 'monthly':
+                return this.textFor('monthlyRepeatEvery');
+            case 'yearly':
+                return this.textFor('yearlyRepeatEvery');
+            default:
+                break;
+        }
+    }
+    textForFrequency() {
+        const freq = this.currentFreq;
+        switch (freq) {
+            case 'daily':
+                return this.textFor('dailyInterval');
+            case 'weekly':
+                return this.textFor('weeklyInterval');
+            case 'monthly':
+                return this.textFor('monthlyInterval');
+            case 'yearly':
+                return this.textFor('yearlyInterval');
+            default:
+                break;
+        }
+    }
+    textFor(key) {
+        return this.localization.get(key);
+    }
+}
+RecurrenceIntervalEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceIntervalEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+RecurrenceIntervalEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RecurrenceIntervalEditorComponent, selector: "kendo-recurrence-interval-editor", inputs: { userNumericOptions: "userNumericOptions" }, ngImport: i0, template: `
+        <div class="k-edit-label">
+            <label (click)="intervalNumeric.focus()">{{ textForRepeatEvery() }}</label>
+        </div>
+
+        <div class="k-edit-field">
+            <kendo-numerictextbox
+                #intervalNumeric
+                [style.width.px]="70"
+                [min]="numericOptions.min"
+                [max]="numericOptions.max"
+                [decimals]="0"
+                [format]="numericOptions.format"
+                [autoCorrect]="numericOptions.autoCorrect"
+                [readonly]="numericOptions.readonly"
+                [selectOnFocus]="numericOptions.selectOnFocus"
+                [spinners]="numericOptions.spinners"
+                [step]="numericOptions.step"
+                [title]="numericOptions.title"
+                [(value)]="intervalValue"
+                (blur)="onIntervalBlur()"
+                (valueChange)="onIntervalChange($event)">
+            </kendo-numerictextbox>
+
+            <span>{{ textForFrequency() }}</span>
+        </div>
+    `, isInline: true, components: [{ type: i3.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RecurrenceIntervalEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-recurrence-interval-editor',
+                    template: `
+        <div class="k-edit-label">
+            <label (click)="intervalNumeric.focus()">{{ textForRepeatEvery() }}</label>
+        </div>
+
+        <div class="k-edit-field">
+            <kendo-numerictextbox
+                #intervalNumeric
+                [style.width.px]="70"
+                [min]="numericOptions.min"
+                [max]="numericOptions.max"
+                [decimals]="0"
+                [format]="numericOptions.format"
+                [autoCorrect]="numericOptions.autoCorrect"
+                [readonly]="numericOptions.readonly"
+                [selectOnFocus]="numericOptions.selectOnFocus"
+                [spinners]="numericOptions.spinners"
+                [step]="numericOptions.step"
+                [title]="numericOptions.title"
+                [(value)]="intervalValue"
+                (blur)="onIntervalBlur()"
+                (valueChange)="onIntervalChange($event)">
+            </kendo-numerictextbox>
+
+            <span>{{ textForFrequency() }}</span>
+        </div>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.RecurrenceService }, { type: i2.LocalizationService }]; }, propDecorators: { userNumericOptions: [{
+                type: Input
+            }] } });