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

package/esm2022/editing/recurrence/recurrence.service.mjs

@@ -1,254 +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 { EventEmitter, Injectable } from "@angular/core";
-import { parseRule, serializeRule } from '@progress/kendo-recurrence';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { capitalize, isNullOrEmptyString } from '../../common/util';
-import { isPresent } from '../../common/util';
-import { toLocalDate, ZonedDate } 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";
-let uniqueIdCounter = 0;
-const offsetPositions = ['first', 'second', 'third', 'fourth', 'last'];
-const frequencies = ['never', 'daily', 'weekly', 'monthly', 'yearly'];
-/**
- * @hidden
- */
-export const dayRule = [
-    { day: 0, offset: 0 },
-    { day: 1, offset: 0 },
-    { day: 2, offset: 0 },
-    { day: 3, offset: 0 },
-    { day: 4, offset: 0 },
-    { day: 5, offset: 0 },
-    { day: 6, offset: 0 }
-];
-/**
- * @hidden
- */
-export const weekdayRule = [
-    { day: 1, offset: 0 },
-    { day: 2, offset: 0 },
-    { day: 3, offset: 0 },
-    { day: 4, offset: 0 },
-    { day: 5, offset: 0 }
-];
-/**
- * @hidden
- */
-export const weekendRule = [
-    { day: 0, offset: 0 },
-    { day: 6, offset: 0 }
-];
-/**
- * @hidden
- *
- * The internal service for handling changes in the RecurrenceEditor component.
- */
-export class RecurrenceService {
-    intl;
-    localization;
-    rrule;
-    timezone;
-    weekStart;
-    start;
-    change = new EventEmitter();
-    endRuleChange = new EventEmitter();
-    frequencyChange = new EventEmitter();
-    repeatOnRuleChange = new EventEmitter();
-    constructor(intl, localization) {
-        this.intl = intl;
-        this.localization = localization;
-    }
-    init(rrule = "", start, timezone, weekStart) {
-        this.start = start;
-        this.timezone = timezone;
-        this.weekStart = weekStart;
-        this.rrule = parseRule({
-            recurrenceRule: rrule,
-            weekStart: weekStart
-        });
-    }
-    /**
-     * @hidden
-     */
-    getUniqueId() {
-        return uniqueIdCounter++;
-    }
-    get frequencies() {
-        return frequencies.map((freq) => ({
-            value: freq,
-            text: this.localization.get('frequencies' + capitalize(freq))
-        }));
-    }
-    get frequency() {
-        if (isPresent(this.rrule) && !isNullOrEmptyString(this.rrule.freq)) {
-            return this.rrule.freq;
-        }
-        return 'never';
-    }
-    setFrequency(freq) {
-        this.rrule = {};
-        this.rrule.freq = freq;
-        this.rrule.interval = 1;
-        if (freq === 'weekly') {
-            this.rrule.byWeekDay = [{
-                    day: this.start.getDay(),
-                    offset: 0
-                }];
-        }
-        if (freq === 'monthly' || freq === 'yearly') {
-            this.rrule.byMonthDay = [this.start.getDate()];
-        }
-        if (freq === 'yearly') {
-            this.rrule.byMonth = [this.start.getMonth() + 1];
-        }
-        this.frequencyChange.emit();
-        this.onChange();
-    }
-    set interval(newInterval) {
-        this.rrule.interval = newInterval;
-        this.onChange();
-    }
-    set count(newCount) {
-        this.rrule.count = newCount;
-        this.onChange();
-    }
-    set until(newUntil) {
-        this.rrule.until = ZonedDate.fromLocalDate(newUntil, this.timezone);
-        this.onChange();
-    }
-    get until() {
-        if (isPresent(this.rrule.until)) {
-            return toLocalDate(this.rrule.until);
-        }
-    }
-    setWeekDays(newWeekDays) {
-        this.rrule.byWeekDay = newWeekDays;
-        this.onChange();
-    }
-    set monthDays(newMonthDays) {
-        this.rrule.byMonthDay = newMonthDays;
-        this.onChange();
-    }
-    set positions(newPositions) {
-        this.rrule.bySetPosition = newPositions;
-        this.onChange();
-    }
-    setMonths(newMonths) {
-        this.rrule.byMonth = newMonths;
-        this.onChange();
-    }
-    get months() {
-        return this.intl.dateFormatNames({
-            type: 'months',
-            nameType: 'wide'
-        }).map((month, idx) => ({
-            text: month,
-            value: idx + 1
-        }));
-    }
-    /*
-        ToDo Refactor weekDays and extendedWeekDays getters into a single method
-    */
-    get weekDays() {
-        const firstDay = this.weekStart;
-        const abbrNames = this.intl.dateFormatNames({
-            type: 'days',
-            nameType: 'abbreviated'
-        }).map((day, idx) => ({
-            text: day,
-            value: idx
-        }));
-        /* Sorting according to first week day */
-        return (abbrNames.slice(firstDay)).concat(abbrNames.slice(0, firstDay));
-    }
-    get extendedWeekDays() {
-        const firstDay = this.weekStart;
-        const wideNames = this.intl.dateFormatNames({
-            type: 'days',
-            nameType: 'wide'
-        }).map((day, idx) => ({
-            text: day,
-            value: idx
-        }));
-        const sortedWideNames = (wideNames.slice(firstDay)).concat(wideNames.slice(0, firstDay));
-        const specialRules = [
-            { text: this.localization.get('weekdaysDay'), value: 'day' },
-            { text: this.localization.get('weekdaysWeekday'), value: 'weekday' },
-            { text: this.localization.get('weekdaysWeekendday'), value: 'weekend' }
-        ];
-        return specialRules.concat(sortedWideNames);
-    }
-    get offsetPositions() {
-        const values = [1, 2, 3, 4, -1];
-        return offsetPositions.map((offset, idx) => ({
-            text: this.localization.get('offsetPositions' + capitalize(offset)),
-            value: values[idx]
-        }));
-    }
-    get endRule() {
-        if (isPresent(this.rrule.count)) {
-            return 'count';
-        }
-        else if (isPresent(this.rrule.until)) {
-            return 'until';
-        }
-        else {
-            return 'never';
-        }
-    }
-    set endRule(endRule) {
-        if (endRule === 'count') {
-            this.rrule.until = null;
-        }
-        else if (endRule === 'until') {
-            this.rrule.count = null;
-        }
-        else {
-            /* never */
-            this.rrule.count = null;
-            this.rrule.until = null;
-        }
-        this.endRuleChange.emit(endRule);
-        this.onChange();
-    }
-    get repeatOnRule() {
-        if (isPresent(this.rrule.byWeekDay)) {
-            return 'weekday';
-        }
-        else if (isPresent(this.rrule.byMonthDay)) {
-            return 'monthday';
-        }
-        return null;
-    }
-    set repeatOnRule(repeatOnRule) {
-        if (repeatOnRule === 'monthday') {
-            this.rrule.byWeekDay = null;
-            this.rrule.bySetPosition = null;
-        }
-        else {
-            /* weekDays */
-            this.rrule.byMonthDay = null;
-        }
-        this.repeatOnRuleChange.emit(repeatOnRule);
-        this.onChange();
-    }
-    onChange() {
-        if (this.frequency === 'never') {
-            this.change.emit(null);
-        }
-        else {
-            this.change.emit(serializeRule(this.rrule, this.timezone));
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecurrenceService, deps: [{ token: i1.IntlService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecurrenceService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecurrenceService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.IntlService }, { type: i2.LocalizationService }] });

package/esm2022/editing/recurrence/repeat-on-radio-button.directive.mjs

@@ -1,81 +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 { Directive, Input, HostBinding, ElementRef, Renderer2, ChangeDetectorRef } from '@angular/core';
-import { RecurrenceService } from './recurrence.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./recurrence.service";
-/**
- * @hidden
- */
-export class RepeatOnRadioButtonDirective {
-    el;
-    renderer;
-    recurrence;
-    changeDetector;
-    type = 'radio';
-    radioClass = true;
-    radioSizeClass = true;
-    set repeatOnRule(value) {
-        const parts = value.split('-');
-        this._repeatOnRule = parts[0];
-        this._uniqueId = parts[1];
-    }
-    destroyClick;
-    _repeatOnRule;
-    _uniqueId;
-    constructor(el, renderer, recurrence, changeDetector) {
-        this.el = el;
-        this.renderer = renderer;
-        this.recurrence = recurrence;
-        this.changeDetector = changeDetector;
-        this.destroyClick = this.renderer.listen(this.elem, 'click', this.onClick.bind(this));
-    }
-    ngOnInit() {
-        this.renderer.setAttribute(this.elem, 'id', `k-repeaton-${this._repeatOnRule}-${this._uniqueId}`);
-        this.renderer.setAttribute(this.elem, 'name', `day-${this._uniqueId}`);
-    }
-    ngAfterContentChecked() {
-        this.setCheckedState();
-    }
-    ngOnDestroy() {
-        if (this.destroyClick) {
-            this.destroyClick();
-        }
-    }
-    onClick() {
-        if (this.elem.checked) {
-            this.recurrence.repeatOnRule = this._repeatOnRule;
-            this.changeDetector.markForCheck();
-        }
-    }
-    setCheckedState() {
-        const isChecked = this._repeatOnRule === this.recurrence.repeatOnRule;
-        this.renderer.setProperty(this.elem, 'checked', isChecked);
-    }
-    get elem() {
-        return this.el.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RepeatOnRadioButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.RecurrenceService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RepeatOnRadioButtonDirective, isStandalone: true, selector: "[kendoRecurrenceRepeatOnRadioButton]", inputs: { repeatOnRule: ["kendoRecurrenceRepeatOnRadioButton", "repeatOnRule"] }, host: { properties: { "attr.type": "this.type", "class.k-radio": "this.radioClass", "class.k-radio-md": "this.radioSizeClass" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RepeatOnRadioButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoRecurrenceRepeatOnRadioButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.RecurrenceService }, { type: i0.ChangeDetectorRef }], propDecorators: { type: [{
-                type: HostBinding,
-                args: ['attr.type']
-            }], radioClass: [{
-                type: HostBinding,
-                args: ['class.k-radio']
-            }], radioSizeClass: [{
-                type: HostBinding,
-                args: ['class.k-radio-md']
-            }], repeatOnRule: [{
-                type: Input,
-                args: ["kendoRecurrenceRepeatOnRadioButton"]
-            }] } });

package/esm2022/editing/resource-editor-base.mjs

@@ -1,59 +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, EventEmitter, Output, Directive } from '@angular/core';
-import { isPresent, getField } from '../common/util';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class ResourceEditorBase {
-    resource;
-    valueChange = new EventEmitter();
-    resourceValue;
-    getField = getField;
-    /**
-     * @hidden
-     */
-    writeValue(newValue) {
-        this.resourceValue = newValue;
-    }
-    getResourceStyle(dataItem) {
-        return {
-            'background-color': getField(dataItem, this.resource.colorField),
-            'margin-right': isPresent(getField(dataItem, this.resource.valueField)) ? '8px' : '4px'
-        };
-    }
-    onResourceValueChange(newValue) {
-        this.resourceValue = newValue;
-        this.emitChange(this.resourceValue);
-    }
-    onTouchedCallback = (_) => { };
-    onChangeCallback = (_) => { };
-    /**
-     * @hidden
-     */
-    registerOnChange(fn) {
-        this.onChangeCallback = fn;
-    }
-    /**
-     * @hidden
-     */
-    registerOnTouched(fn) {
-        this.onTouchedCallback = fn;
-    }
-    emitChange(value) {
-        this.onChangeCallback(value);
-        this.valueChange.emit(value);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResourceEditorBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ResourceEditorBase, inputs: { resource: "resource" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResourceEditorBase, decorators: [{
-            type: Directive
-        }], propDecorators: { resource: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });

package/esm2022/editing/resource-multiple-editor.component.mjs

@@ -1,101 +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, forwardRef, ViewChild } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { ResourceEditorBase } from './resource-editor-base';
-import { MultiSelectComponent, TagTemplateDirective, ItemTemplateDirective } from '@progress/kendo-angular-dropdowns';
-import { NgStyle } from '@angular/common';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export const MULTIPLE_RESOURCE_VALUE_ACCESSOR = {
-    multi: true,
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => MultipleResourceEditorComponent)
-};
-/**
- * @hidden
- */
-export class MultipleResourceEditorComponent extends ResourceEditorBase {
-    resourceMultiSelect;
-    getTagStyle(dataItem) {
-        return {
-            'background-color': dataItem[this.resource.colorField]
-        };
-    }
-    focus() {
-        this.resourceMultiSelect.focus();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultipleResourceEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MultipleResourceEditorComponent, isStandalone: true, selector: "kendo-multiple-resource-editor", providers: [
-            MULTIPLE_RESOURCE_VALUE_ACCESSOR
-        ], viewQueries: [{ propertyName: "resourceMultiSelect", first: true, predicate: ["resourceMultiSelect"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
-        <kendo-multiselect
-          #resourceMultiSelect
-          [data]='resource.data'
-          [textField]='resource.textField'
-          [valueField]='resource.valueField'
-          [valuePrimitive]='true'
-          [value]='resourceValue'
-          (valueChange)='onResourceValueChange($event)'
-          >
-          <ng-template kendoDropDownListItemTemplate let-dataItem>
-            @if (resource.colorField) {
-              <span class="k-scheduler-mark"
-              [ngStyle]="getResourceStyle(dataItem)"></span>
-            }
-            {{ getField(dataItem, resource.textField) }}
-          </ng-template>
-          <ng-template kendoMultiSelectTagTemplate let-dataItem>
-            @if (resource.colorField) {
-              <span class="k-scheduler-mark"
-              [ngStyle]="getTagStyle(dataItem)"></span>
-            }
-            {{ getField(dataItem, resource.textField) }}
-          </ng-template>
-        </kendo-multiselect>
-        `, isInline: true, dependencies: [{ kind: "component", type: MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TagTemplateDirective, selector: "[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultipleResourceEditorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        MULTIPLE_RESOURCE_VALUE_ACCESSOR
-                    ],
-                    selector: 'kendo-multiple-resource-editor',
-                    template: `
-        <kendo-multiselect
-          #resourceMultiSelect
-          [data]='resource.data'
-          [textField]='resource.textField'
-          [valueField]='resource.valueField'
-          [valuePrimitive]='true'
-          [value]='resourceValue'
-          (valueChange)='onResourceValueChange($event)'
-          >
-          <ng-template kendoDropDownListItemTemplate let-dataItem>
-            @if (resource.colorField) {
-              <span class="k-scheduler-mark"
-              [ngStyle]="getResourceStyle(dataItem)"></span>
-            }
-            {{ getField(dataItem, resource.textField) }}
-          </ng-template>
-          <ng-template kendoMultiSelectTagTemplate let-dataItem>
-            @if (resource.colorField) {
-              <span class="k-scheduler-mark"
-              [ngStyle]="getTagStyle(dataItem)"></span>
-            }
-            {{ getField(dataItem, resource.textField) }}
-          </ng-template>
-        </kendo-multiselect>
-        `,
-                    standalone: true,
-                    imports: [MultiSelectComponent, ItemTemplateDirective, NgStyle, TagTemplateDirective]
-                }]
-        }], propDecorators: { resourceMultiSelect: [{
-                type: ViewChild,
-                args: ['resourceMultiSelect', { static: true }]
-            }] } });

package/esm2022/editing/resource-single-editor.component.mjs

@@ -1,82 +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, forwardRef, ViewChild } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { ResourceEditorBase } from './resource-editor-base';
-import { DropDownListComponent, ItemTemplateDirective } from '@progress/kendo-angular-dropdowns';
-import { NgStyle } from '@angular/common';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export const SINGLE_RESOURCE_VALUE_ACCESSOR = {
-    multi: true,
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => SingleResourceEditorComponent)
-};
-/**
- * @hidden
- */
-export class SingleResourceEditorComponent extends ResourceEditorBase {
-    resourceDropDown;
-    focus() {
-        this.resourceDropDown.focus();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SingleResourceEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SingleResourceEditorComponent, isStandalone: true, selector: "kendo-single-resource-editor", providers: [
-            SINGLE_RESOURCE_VALUE_ACCESSOR
-        ], viewQueries: [{ propertyName: "resourceDropDown", first: true, predicate: ["resourceDropDown"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
-        <kendo-dropdownlist
-          #resourceDropDown
-          [data]='resource.data'
-          [textField]='resource.textField'
-          [valueField]='resource.valueField'
-          [valuePrimitive]='true'
-          [value]='resourceValue'
-          (valueChange)='onResourceValueChange($event)'
-          >
-          <ng-template kendoDropDownListItemTemplate let-dataItem>
-            @if (resource.colorField) {
-              <span class="k-scheduler-mark"
-              [ngStyle]="getResourceStyle(dataItem)"></span>
-            }
-            {{ getField(dataItem, resource.textField) }}
-          </ng-template>
-        </kendo-dropdownlist>
-        `, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SingleResourceEditorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        SINGLE_RESOURCE_VALUE_ACCESSOR
-                    ],
-                    selector: 'kendo-single-resource-editor',
-                    template: `
-        <kendo-dropdownlist
-          #resourceDropDown
-          [data]='resource.data'
-          [textField]='resource.textField'
-          [valueField]='resource.valueField'
-          [valuePrimitive]='true'
-          [value]='resourceValue'
-          (valueChange)='onResourceValueChange($event)'
-          >
-          <ng-template kendoDropDownListItemTemplate let-dataItem>
-            @if (resource.colorField) {
-              <span class="k-scheduler-mark"
-              [ngStyle]="getResourceStyle(dataItem)"></span>
-            }
-            {{ getField(dataItem, resource.textField) }}
-          </ng-template>
-        </kendo-dropdownlist>
-        `,
-                    standalone: true,
-                    imports: [DropDownListComponent, ItemTemplateDirective, NgStyle]
-                }]
-        }], propDecorators: { resourceDropDown: [{
-                type: ViewChild,
-                args: ['resourceDropDown', { static: true }]
-            }] } });