@progress/kendo-angular-scheduler 22.1.0-develop.17 → 22.1.0-develop.19

package/editing/recurrence/recurrence-interval-editor.component.d.ts

@@ -3,20 +3,23 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NumericTextBoxOptions } from './../../types/numeric-options.interface';
+import { OnDestroy } from '@angular/core';
 import { RecurrenceService } from './recurrence.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export declare class RecurrenceIntervalEditorComponent {
+export declare class RecurrenceIntervalEditorComponent implements OnDestroy {
     private recurrence;
     private localization?;
     cssClass: boolean;
     set userNumericOptions(options: NumericTextBoxOptions);
     intervalValue: number;
     numericOptions: NumericTextBoxOptions;
+    private frequencyChangeSubscription;
     constructor(recurrence: RecurrenceService, localization?: LocalizationService);
+    ngOnDestroy(): void;
     get currentFreq(): string;
     onIntervalChange(newInterval: number): void;
     onIntervalBlur(): void;

package/editing/recurrence/recurrence.service.d.ts

@@ -83,6 +83,7 @@ export declare class RecurrenceService {
     timezone: string;
     weekStart: number;
     start: Date;
+    minInterval: number;
     change: EventEmitter<string>;
     endRuleChange: EventEmitter<string>;
     frequencyChange: EventEmitter<any>;

package/fesm2022/progress-kendo-angular-scheduler.mjs

@@ -44,7 +44,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.1.0-develop.17',
+    version: '22.1.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2426,7 +2426,8 @@ class FocusableDirective {
     }
     toggleFocus(value) {
         const element = this.element.nativeElement;
-        const focusedClass = element.matches('.k-button-group .k-button') ? 'k-focus' : 'k-selected';
+        const isFooterButton = element.matches('.k-scheduler-navigation .k-button');
+        const focusedClass = element.matches('.k-button-group .k-button') || isFooterButton ? 'k-focus' : 'k-selected';
         const renderedEvents = this.element.nativeElement.ownerDocument.querySelectorAll('.k-event');
         const method = value ? 'addClass' : 'removeClass';
         this.renderer[method](element, focusedClass);
@@ -3219,6 +3220,7 @@ class RecurrenceService {
     timezone;
     weekStart;
     start;
+    minInterval = 1;
     change = new EventEmitter();
     endRuleChange = new EventEmitter();
     frequencyChange = new EventEmitter();
@@ -3257,7 +3259,7 @@ class RecurrenceService {
     setFrequency(freq) {
         this.rrule = {};
         this.rrule.freq = freq;
-        this.rrule.interval = 1;
+        this.rrule.interval = this.minInterval;
         if (freq === 'weekly') {
             this.rrule.byWeekDay = [{
                     day: this.start.getDay(),
@@ -4442,7 +4444,6 @@ class RecurrenceWeekdayRuleEditorComponent {
           ></kendo-label>
           <div class="k-form-field-wrap">
             <kendo-buttongroup
-              class="k-button-group-solid"
               width="100%"
               selection="multiple"
               >
@@ -4471,7 +4472,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           ></kendo-label>
           <div class="k-form-field-wrap">
             <kendo-buttongroup
-              class="k-button-group-solid"
               width="100%"
               selection="multiple"
               >
@@ -4503,6 +4503,9 @@ class RecurrenceIntervalEditorComponent {
     cssClass = true;
     set userNumericOptions(options) {
         this.numericOptions = { ...this.numericOptions, ...options };
+        this.recurrence.minInterval = this.numericOptions.min;
+        this.intervalValue = this.recurrence.rrule.interval >= this.numericOptions.min ? this.recurrence.rrule.interval : this.numericOptions.min;
+        this.recurrence.interval = this.intervalValue;
     }
     intervalValue;
     numericOptions = {
@@ -4512,10 +4515,16 @@ class RecurrenceIntervalEditorComponent {
         step: 1,
         spinners: true
     };
+    frequencyChangeSubscription;
     constructor(recurrence, localization) {
         this.recurrence = recurrence;
         this.localization = localization;
-        this.intervalValue = this.recurrence.rrule.interval || 1;
+        this.frequencyChangeSubscription = this.recurrence.frequencyChange.subscribe(() => {
+            this.intervalValue = this.numericOptions.min;
+        });
+    }
+    ngOnDestroy() {
+        this.frequencyChangeSubscription.unsubscribe();
     }
     get currentFreq() {
         return this.recurrence.frequency;
@@ -4523,6 +4532,7 @@ class RecurrenceIntervalEditorComponent {
     onIntervalChange(newInterval) {
         if (isPresent(newInterval)) {
             this.recurrence.interval = newInterval;
+            this.intervalValue = newInterval;
         }
     }
     onIntervalBlur() {
@@ -4586,7 +4596,7 @@ class RecurrenceIntervalEditorComponent {
                     [spinners]="numericOptions.spinners"
                     [step]="numericOptions.step"
                     [title]="numericOptions.title"
-                    [(value)]="intervalValue"
+                    [value]="intervalValue"
                     (blur)="onIntervalBlur()"
                     (valueChange)="onIntervalChange($event)"
                 >
@@ -4627,7 +4637,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     [spinners]="numericOptions.spinners"
                     [step]="numericOptions.step"
                     [title]="numericOptions.title"
-                    [(value)]="intervalValue"
+                    [value]="intervalValue"
                     (blur)="onIntervalBlur()"
                     (valueChange)="onIntervalChange($event)"
                 >
@@ -4693,7 +4703,7 @@ class RecurrenceFrequencyEditorComponent {
           ></kendo-label>
           <div class="k-form-field-wrap">
             <kendo-buttongroup
-              class="k-scheduler-recurrence-repeat k-button-group-solid"
+              class="k-scheduler-recurrence-repeat"
               width="100%"
               selection="single"
               >
@@ -4722,7 +4732,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           ></kendo-label>
           <div class="k-form-field-wrap">
             <kendo-buttongroup
-              class="k-scheduler-recurrence-repeat k-button-group-solid"
+              class="k-scheduler-recurrence-repeat"
               width="100%"
               selection="single"
               >
@@ -6590,7 +6600,7 @@ class ToolbarViewSelectorComponent {
         }
         @if (toolbarWidth > responsiveBreakpoint) {
           <span
-            class="k-toolbar-button-group k-scheduler-views k-button-group k-button-group-solid"
+            class="k-toolbar-button-group k-scheduler-views k-button-group"
             role="group"
             >
             @for (view of ctx.views; track view) {
@@ -6635,7 +6645,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }
         @if (toolbarWidth > responsiveBreakpoint) {
           <span
-            class="k-toolbar-button-group k-scheduler-views k-button-group k-button-group-solid"
+            class="k-toolbar-button-group k-scheduler-views k-button-group"
             role="group"
             >
             @for (view of ctx.views; track view) {
@@ -6875,7 +6885,7 @@ class ToolbarNavigationComponent {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ToolbarNavigationComponent, isStandalone: true, selector: "[kendoSchedulerToolbarNavigation]", inputs: { min: "min", max: "max", activeView: "activeView", bottomView: "bottomView" }, host: { properties: { "class.k-toolbar-group": "this.hostClass" } }, providers: [
             PopupService
         ], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: `
-        <span class="k-scheduler-navigation k-button-group k-button-group-solid" role="group">
+        <span class="k-scheduler-navigation k-button-group" role="group">
             <button kendoButton
                 (click)="todayClick()"
                 class="k-nav-today"
@@ -6951,7 +6961,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         PopupService
                     ],
                     template: `
-        <span class="k-scheduler-navigation k-button-group k-button-group-solid" role="group">
+        <span class="k-scheduler-navigation k-button-group" role="group">
             <button kendoButton
                 (click)="todayClick()"
                 class="k-nav-today"
@@ -7104,7 +7114,7 @@ class ToolbarComponent {
         this.toolbarWidthChange.emit(this.toolbarWidth);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToolbarComponent, deps: [{ token: ToolbarService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ToolbarComponent, isStandalone: true, selector: "kendo-scheduler-toolbar", inputs: { selectedView: "selectedView", views: "views", dateRange: "dateRange", selectedDate: "selectedDate", template: "template", min: "min", max: "max" }, outputs: { navigate: "navigate", toolbarWidthChange: "toolbarWidthChange" }, host: { properties: { "class.k-scheduler-toolbar": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses", "attr.role": "this.toolbarRole" } }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ToolbarComponent, isStandalone: true, selector: "kendo-scheduler-toolbar", inputs: { selectedView: "selectedView", views: "views", dateRange: "dateRange", selectedDate: "selectedDate", template: "template", min: "min", max: "max" }, outputs: { navigate: "navigate", toolbarWidthChange: "toolbarWidthChange" }, host: { properties: { "class.k-scheduler-toolbar": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "attr.role": "this.toolbarRole" } }, usesOnChanges: true, ngImport: i0, template: `
         @if (template) {
           <ng-template
             [ngTemplateOutlet]="template.templateRef"
@@ -7160,12 +7170,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-toolbar']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-solid']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-md']
             }], toolbarRole: [{
                 type: HostBinding,
                 args: ['attr.role']
@@ -15652,7 +15656,7 @@ class ViewFooterComponent {
         this.itemClick.emit(item);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ViewFooterComponent, deps: [{ token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ViewFooterComponent, isStandalone: true, selector: "[viewFooter]", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-scheduler-footer": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses", "attr.role": "this.toolbarRole", "style.justify-content": "this.inlineJustifyContentStyle" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ViewFooterComponent, isStandalone: true, selector: "[viewFooter]", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-scheduler-footer": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "attr.role": "this.toolbarRole", "style.justify-content": "this.inlineJustifyContentStyle" } }, ngImport: i0, template: `
         <span class="k-scheduler-navigation">
           @for (item of items; track item) {
             <button
@@ -15701,12 +15705,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-toolbar']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-solid']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-md']
             }], toolbarRole: [{
                 type: HostBinding,
                 args: ['attr.role']

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1770055400,
-  "version": "22.1.0-develop.17",
+  "publishDate": 1770219927,
+  "version": "22.1.0-develop.19",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-scheduler",
-  "version": "22.1.0-develop.17",
+  "version": "22.1.0-develop.19",
   "description": "Kendo UI Scheduler Angular - Outlook or Google-style angular scheduler calendar. Full-featured and customizable embedded scheduling from the creator developers trust for professional UI components.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1770055400,
+      "publishDate": 1770219927,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -30,25 +30,25 @@
     "@angular/forms": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-data-query": "^1.7.3",
-    "@progress/kendo-drawing": "^1.23.1",
+    "@progress/kendo-drawing": "^1.24.0",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-tooltip": "22.1.0-develop.17",
-    "@progress/kendo-angular-buttons": "22.1.0-develop.17",
-    "@progress/kendo-angular-common": "22.1.0-develop.17",
-    "@progress/kendo-angular-dateinputs": "22.1.0-develop.17",
-    "@progress/kendo-angular-dialog": "22.1.0-develop.17",
-    "@progress/kendo-angular-dropdowns": "22.1.0-develop.17",
-    "@progress/kendo-angular-icons": "22.1.0-develop.17",
-    "@progress/kendo-angular-inputs": "22.1.0-develop.17",
-    "@progress/kendo-angular-intl": "22.1.0-develop.17",
-    "@progress/kendo-angular-l10n": "22.1.0-develop.17",
-    "@progress/kendo-angular-label": "22.1.0-develop.17",
-    "@progress/kendo-angular-popup": "22.1.0-develop.17",
+    "@progress/kendo-angular-tooltip": "22.1.0-develop.19",
+    "@progress/kendo-angular-buttons": "22.1.0-develop.19",
+    "@progress/kendo-angular-common": "22.1.0-develop.19",
+    "@progress/kendo-angular-dateinputs": "22.1.0-develop.19",
+    "@progress/kendo-angular-dialog": "22.1.0-develop.19",
+    "@progress/kendo-angular-dropdowns": "22.1.0-develop.19",
+    "@progress/kendo-angular-icons": "22.1.0-develop.19",
+    "@progress/kendo-angular-inputs": "22.1.0-develop.19",
+    "@progress/kendo-angular-intl": "22.1.0-develop.19",
+    "@progress/kendo-angular-l10n": "22.1.0-develop.19",
+    "@progress/kendo-angular-label": "22.1.0-develop.19",
+    "@progress/kendo-angular-popup": "22.1.0-develop.19",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "22.1.0-develop.17",
+    "@progress/kendo-angular-schematics": "22.1.0-develop.19",
     "@progress/kendo-date-math": "^1.3.2",
     "@progress/kendo-draggable": "^3.0.2",
     "@progress/kendo-file-saver": "^1.0.7",

package/schematics/ngAdd/index.js

@@ -9,10 +9,10 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'SchedulerModule', package: 'scheduler', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '22.1.0-develop.17',
-            '@progress/kendo-angular-navigation': '22.1.0-develop.17',
+            '@progress/kendo-angular-treeview': '22.1.0-develop.19',
+            '@progress/kendo-angular-navigation': '22.1.0-develop.19',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '22.1.0-develop.17',
+            '@progress/kendo-angular-dialog': '22.1.0-develop.19',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });