@progress/kendo-vue-scheduler 8.0.3-develop.2 → 8.0.3-develop.4

package/slots/SchedulerSlot.d.ts

@@ -0,0 +1,248 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Slot, SchedulerSlotMouseEvent, SchedulerSlotKeyboardEvent, SchedulerSlotFocusEvent, EditableProp } from '../models/main';
+import { PropType } from 'vue';
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerSlot]({% slug api_scheduler_schedulerslotprops %}) component.
+ */
+export interface SchedulerSlotProps extends Slot {
+    /** @hidden */
+    refTo: any;
+    /** @hidden */
+    navDay?: boolean;
+    /** @hidden */
+    itemsPerSlot?: number;
+    /** @hidden */
+    formItem?: object;
+    /** @hidden */
+    viewSlot?: any;
+    /** @hidden */
+    slotStyle?: any;
+    /** @hidden */
+    className?: string;
+    /**
+     * Specifies the `id` of the wrapping element of the SchedulerSlot.
+     */
+    id?: string;
+    /**
+     * Specifies the `tabIndex` attribute of the wrapping element of the SchedulerSlot.
+     *
+     * Providing `null` will not apply any `tabIndex` to the element.
+     */
+    tabIndex?: number;
+    /**
+     * Overrides the `editable` prop of the `Scheduler` and the active view.
+     */
+    editable?: EditableProp | boolean;
+    /**
+     * Specifies if the `day` of the SchedulerSlot(in the current timezone) is between the `workDayStart` and `workDayEnd` of the active view.
+     */
+    isWorkDay?: boolean;
+    /**
+     * Specifies if the `time` of the SchedulerSlot(in the current timezone) is between the `workDayStart` and `workDayEnd` of the active view.
+     */
+    isWorkHour?: boolean;
+    /**
+     * Sets the selected state of the SchedulerSlot. By default the `k-selected` className is added if `props.selected` is `true`.
+     */
+    selected?: boolean;
+    /**
+     * Sets the `row` in the context of the current active view.
+     * This property is being used to provide keyboard navigation between the SchedulerSlot components.
+     */
+    row: number;
+    /**
+     * Sets the `col` in the context of the current active view.
+     * This property is being used to provide keyboard navigation between the SchedulerSlot components.
+     */
+    col: number;
+    /**
+     * Called each time the element, or any of its child elements, receive focus.
+     */
+    onFocus?: (event: SchedulerSlotFocusEvent) => void;
+    /**
+     * Called each time the element, or any of its child elements, lose focus.
+     */
+    onBlur?: (event: SchedulerSlotFocusEvent) => void;
+    /**
+     * Called each time the element, or any of its child elements, is clicked.
+     */
+    onClick?: (event: SchedulerSlotMouseEvent) => void;
+    /**
+     * Called each time the element, or any of its child elements receives `mouseenter` event.
+     */
+    onMouseEnter?: (event: SchedulerSlotMouseEvent) => void;
+    /**
+     * Called each time the element, or any of its child elements receives `mouseleave` event.
+     */
+    onMouseLeave?: (event: SchedulerSlotMouseEvent) => void;
+    /**
+     * Called each time the element, or any of its child elements receives `mouseover` event.
+     */
+    onMouseOver?: (event: SchedulerSlotMouseEvent) => void;
+    /**
+     * Called each time the element, or any of its child elements receives `mouseout` event.
+     */
+    onMouseOut?: (event: SchedulerSlotMouseEvent) => void;
+    /**
+     * Called each time the element, or any of its child elements, is double-clicked.
+     */
+    onDoubleClick?: (event: SchedulerSlotMouseEvent) => void;
+    /**
+     * Called each time a `keydown` event propagates to the wrapping element.
+     */
+    onKeyDown?: (event: SchedulerSlotKeyboardEvent) => void;
+    /**
+     * Called each time a `keypress` event propagates to the wrapping element.
+     */
+    onKeyPress?: (event: SchedulerSlotKeyboardEvent) => void;
+    /**
+     * Called each time a `keyup` event propagates to the wrapping element.
+     */
+    onKeyUp?: (event: SchedulerSlotKeyboardEvent) => void;
+}
+/** @hidden */
+export interface SchedulerSlotHandle {
+    element: HTMLDivElement | null;
+    props: SchedulerSlotProps;
+}
+/**
+ * @hidden
+ */
+declare const SchedulerSlot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    refTo: PropType<any>;
+    items: PropType<import('../models/Item').Item[]>;
+    row: PropType<number>;
+    group: PropType<import('../models/Group').Group>;
+    range: PropType<import('../models/Range').Range>;
+    className: PropType<string>;
+    isWorkDay: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isWorkHour: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    selected: PropType<boolean>;
+    tabIndex: {
+        type: PropType<number>;
+        default: any;
+    };
+    col: PropType<number>;
+    index: PropType<number>;
+    start: PropType<Date>;
+    end: PropType<Date>;
+    zonedStart: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    zonedEnd: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    isAllDay: PropType<boolean>;
+    navDay: PropType<boolean>;
+    editable: PropType<boolean | EditableProp>;
+    itemsPerSlot: PropType<number>;
+    formItem: PropType<object>;
+    slotStyle: PropType<any>;
+    viewSlot: PropType<any>;
+}>, {}, {
+    hasMounted: boolean;
+}, {
+    cSlot(): any;
+    currentTabIndex(): any;
+    slotClass(): {
+        [x: number]: any;
+        'k-scheduler-cell k-slot-cell': boolean;
+        'k-nonwork-hour': boolean;
+        'k-selected': any;
+    };
+    slotLabel(): string;
+}, {
+    handleShowMoreItemsClick(event: any): void;
+    handleFocus(event: any): void;
+    handleBlur(event: any): void;
+    handleClick(event: any): void;
+    handleMouseOver(event: any): void;
+    handleMouseOut(event: any): void;
+    handleMouseEnter(event: any): void;
+    handleMouseLeave(event: any): void;
+    handleDoubleClick(event: any): void;
+    handleKeyDown(event: any): void;
+    handleKeyPress(event: any): void;
+    handleKeyUp(event: any): void;
+    handleFormClose(event: any): void;
+    handleFormSubmit(event: any): void;
+    handleFormCancel(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: any;
+    blur: any;
+    click: any;
+    showmoreitems: any;
+    mouseover: any;
+    mouseout: any;
+    mouseenter: any;
+    mouseleave: any;
+    doubleclick: any;
+    keydown: any;
+    keypress: any;
+    keyup: any;
+    cancel: any;
+    close: any;
+    formsubmit: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    refTo: PropType<any>;
+    items: PropType<import('../models/Item').Item[]>;
+    row: PropType<number>;
+    group: PropType<import('../models/Group').Group>;
+    range: PropType<import('../models/Range').Range>;
+    className: PropType<string>;
+    isWorkDay: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isWorkHour: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    selected: PropType<boolean>;
+    tabIndex: {
+        type: PropType<number>;
+        default: any;
+    };
+    col: PropType<number>;
+    index: PropType<number>;
+    start: PropType<Date>;
+    end: PropType<Date>;
+    zonedStart: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    zonedEnd: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    isAllDay: PropType<boolean>;
+    navDay: PropType<boolean>;
+    editable: PropType<boolean | EditableProp>;
+    itemsPerSlot: PropType<number>;
+    formItem: PropType<object>;
+    slotStyle: PropType<any>;
+    viewSlot: PropType<any>;
+}>> & Readonly<{
+    onClick?: (...args: any[] | unknown[]) => any;
+    onBlur?: (...args: any[] | unknown[]) => any;
+    onCancel?: (...args: any[] | unknown[]) => any;
+    onClose?: (...args: any[] | unknown[]) => any;
+    onFocus?: (...args: any[] | unknown[]) => any;
+    onKeydown?: (...args: any[] | unknown[]) => any;
+    onKeypress?: (...args: any[] | unknown[]) => any;
+    onKeyup?: (...args: any[] | unknown[]) => any;
+    onMouseenter?: (...args: any[] | unknown[]) => any;
+    onMouseleave?: (...args: any[] | unknown[]) => any;
+    onMouseout?: (...args: any[] | unknown[]) => any;
+    onMouseover?: (...args: any[] | unknown[]) => any;
+    onDoubleclick?: (...args: any[] | unknown[]) => any;
+    onShowmoreitems?: (...args: any[] | unknown[]) => any;
+    onFormsubmit?: (...args: any[] | unknown[]) => any;
+}>, {
+    tabIndex: number;
+    isWorkDay: boolean;
+    isWorkHour: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { SchedulerSlot };

package/slots/SchedulerViewSlot.d.ts

@@ -0,0 +1,134 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SchedulerSlotProps } from './SchedulerSlot';
+import { PropType } from 'vue';
+/**
+ * Represents the extended `expandable` configuration of a `SchedulerSlot`.
+ *
+ * Settings `offsetTop` or `offsetBottom` would provide an extra space in addition to the space taken by the `items` inside the `slot`.
+ */
+export type SchedulerSlotExpandableConfig = {
+    offsetTop?: number;
+    offsetBottom?: number;
+};
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerViewSlot]({% slug api_scheduler_schedulerviewslotprops %}) component.
+ */
+export interface SchedulerViewSlotProps extends SchedulerSlotProps {
+    /**
+     * Overrides the default component responsible for view-specific functionality.
+     *
+     * The default Component is: [SchedulerSlot]({% slug api_scheduler_schedulerslotprops %}).
+     */
+    slotRender?: any;
+    /**
+     * Set to `false` will render the `slot` as is, without expanding depending on the `items` inside it.
+     */
+    expandable?: boolean | SchedulerSlotExpandableConfig;
+}
+/** @hidden */
+export interface SchedulerViewSlotHandle {
+    props: SchedulerViewSlotProps;
+}
+/**
+ * @hidden
+ */
+declare const SchedulerViewSlot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    refTo: PropType<any>;
+    className: PropType<string>;
+    items: PropType<import('../models/Item').Item[]>;
+    row: PropType<number>;
+    group: PropType<import('../models/Group').Group>;
+    range: PropType<import('../models/Range').Range>;
+    isWorkDay: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isWorkHour: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    selected: PropType<boolean>;
+    col: PropType<number>;
+    index: PropType<number>;
+    start: PropType<Date>;
+    end: PropType<Date>;
+    zonedStart: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    zonedEnd: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    slotRender: PropType<any>;
+    expandable: PropType<boolean | SchedulerSlotExpandableConfig>;
+    isAllDay: PropType<boolean>;
+    navDay: PropType<boolean>;
+    editable: PropType<boolean | import('../models/EditableProp').EditableProp>;
+    itemsPerSlot: PropType<number>;
+    formItem: PropType<object>;
+    tabIndex: {
+        type: PropType<number>;
+        default: any;
+    };
+    slotStyle: PropType<any>;
+}>, {}, {
+    timeout: any;
+}, {
+    cSlot(): any;
+}, {
+    handleShowMoreItemsClick(event: any): void;
+    handleDoubleClick(args: any): void;
+    handleKeyDown(args: any): void;
+    handleFocus(args: any): void;
+    handleResize(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: any;
+    showmoreitems: any;
+    doubleclick: any;
+    keydown: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    refTo: PropType<any>;
+    className: PropType<string>;
+    items: PropType<import('../models/Item').Item[]>;
+    row: PropType<number>;
+    group: PropType<import('../models/Group').Group>;
+    range: PropType<import('../models/Range').Range>;
+    isWorkDay: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isWorkHour: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    selected: PropType<boolean>;
+    col: PropType<number>;
+    index: PropType<number>;
+    start: PropType<Date>;
+    end: PropType<Date>;
+    zonedStart: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    zonedEnd: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    slotRender: PropType<any>;
+    expandable: PropType<boolean | SchedulerSlotExpandableConfig>;
+    isAllDay: PropType<boolean>;
+    navDay: PropType<boolean>;
+    editable: PropType<boolean | import('../models/EditableProp').EditableProp>;
+    itemsPerSlot: PropType<number>;
+    formItem: PropType<object>;
+    tabIndex: {
+        type: PropType<number>;
+        default: any;
+    };
+    slotStyle: PropType<any>;
+}>> & Readonly<{
+    onFocus?: (...args: any[] | unknown[]) => any;
+    onKeydown?: (...args: any[] | unknown[]) => any;
+    onDoubleclick?: (...args: any[] | unknown[]) => any;
+    onShowmoreitems?: (...args: any[] | unknown[]) => any;
+}>, {
+    tabIndex: number;
+    isWorkDay: boolean;
+    isWorkHour: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { SchedulerViewSlot };

package/tasks/SchedulerEditTask.d.ts

@@ -0,0 +1,225 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SchedulerViewTaskProps } from './SchedulerViewTask';
+import { DataItem, SchedulerTaskMouseEvent } from '../models/main';
+import { DataAction } from '../Scheduler';
+import { SchedulerRemoveDialogStateChangeEvent } from '../components/SchedulerRemoveDialog';
+import { SchedulerOccurrenceDialogStateChangeEvent } from '../components/SchedulerOccurrenceDialog';
+import { SchedulerFormStateChangeEvent } from '../components/SchedulerForm';
+import { PropType } from 'vue';
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerEditTask]({% slug api_scheduler_scheduleredittaskprops %}) component.
+ */
+export interface SchedulerEditTaskProps extends SchedulerViewTaskProps {
+    /**
+     * Overrides the default component responsible for positioning the task inside the view.
+     *
+     * The default Component is: [SchedulerViewTask]({% slug api_scheduler_schedulerviewtaskprops %}).
+     */
+    viewTask?: any;
+    /**
+     * Overrides the default component responsible for visualizing the `removeItem` and confirming the `remove` action.
+     *
+     * The default Component is: [SchedulerRemoveDialog]({% slug api_scheduler_schedulerremovedialogprops %}).
+     */
+    removeDialog?: any;
+    /**
+     * Setting this property will force the `showRemoveDialog` to be in controlled state, allowing further control over the display of the `removeDialog` component.
+     */
+    showRemoveDialog?: boolean;
+    /**
+     * Indicates if the editing should be applied to the whole `series` or to a single `occurrence` when the item is recurring.
+     *
+     * By default, the `series` prop is set to `null` and additional selection is done through the `occurrence` dialog.
+     * If set ot either `true` or `false`:
+     * - `true` — indicates that the editing should always be applied to the whole `series`
+     * - `false` — indicates that the editing should always be applied to a single `occurrence`.
+     */
+    series?: boolean | null;
+    /**
+     * Called every time the `showRemoveDialog` changes.
+     */
+    onShowRemoveDialogChange?: (event: any) => void;
+    /**
+     * Setting this property will force the `removeItem` to be in controlled state, allowing further customization.
+     *
+     * Specifies the DataItem which should be removed from the `data` set.
+     * The `removeItem` is passed as property to the `removeDialog` component;
+     */
+    removeItem?: DataItem | null;
+    /**
+     * Called every time the `removeItem` changes.
+     */
+    onRemoveItemChange?: (event: any) => void;
+    /**
+     * Overrides the default component responsible for the selection between `occurrence` and `series` delete.
+     *
+     * The default Component is: [SchedulerOccurrenceDialog]({% slug api_scheduler_scheduleroccurrencedialogprops %}).
+     */
+    occurrenceDialog?: any;
+    /**
+     * Setting this property will force the `showOccurrenceDialog` to be in controlled state, allowing further control over the display of the `occurrenceDialog` component.
+     */
+    showOccurrenceDialog?: boolean;
+    /**
+     * Called every time the `showOccurrenceDialog` changes.
+     */
+    onShowOccurrenceDialogChange?: (event: any) => void;
+    /**
+     * Called when the item has been removed.
+     */
+    onDataaction?: (action: DataAction, event?: any) => void;
+}
+/** @hidden */
+export interface SchedulerEditTaskHandle {
+    element: HTMLDivElement | null;
+    props: SchedulerEditTaskProps;
+}
+/**
+ * @hidden
+ */
+declare const SchedulerEditTask: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    viewTask: PropType<any>;
+    removeDialog: PropType<any>;
+    removeItem: PropType<any>;
+    occurrenceDialog: PropType<any>;
+    task: PropType<any>;
+    showOccurrenceDialog: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    showRemoveDialog: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    series: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    refTo: PropType<HTMLDivElement>;
+    id: PropType<string>;
+    tabIndex: PropType<number>;
+    editable: PropType<boolean | import('../models/EditableProp').EditableProp>;
+    head: PropType<boolean>;
+    tail: PropType<boolean>;
+    order: PropType<number>;
+    zonedStart: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    zonedEnd: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    slots: PropType<import('../models/Slot').Slot[]>;
+    group: PropType<import('../models/Group').Group>;
+    range: PropType<import('../models/Range').Range>;
+    isException: PropType<boolean>;
+    isRecurring: PropType<boolean>;
+    isAllDay: PropType<boolean>;
+    uid: PropType<string | number>;
+    start: PropType<Date>;
+    end: PropType<Date>;
+    originalStart: PropType<Date>;
+    startTimezone: PropType<string>;
+    endTimezone: PropType<string>;
+    title: PropType<string>;
+    description: PropType<string>;
+    occurrenceId: PropType<string>;
+    recurrenceExceptions: PropType<Date[]>;
+    recurrenceRule: PropType<string>;
+    recurrenceId: PropType<string | number>;
+    dataItem: PropType<any>;
+}>, {}, {
+    et: {
+        removeItem: any;
+        showRemoveDialog: boolean;
+        showOccurrenceDialog: boolean;
+    };
+    currentSeries: any;
+    currentRemoveItem: any;
+    currentShowRemoveDialog: any;
+    currentShowOccurrenceDialog: any;
+}, {
+    compSeries(): any;
+    compRemoveItem(): any;
+    compShowRemoveDialog(): any;
+    compShowOccurrenceDialog(): any;
+    currentEditable(): import('../models/EditableProp').EditableProp;
+}, {
+    setRemoveItem(item: any, event: any): void;
+    setShowRemoveDialog(show: boolean, event: any): void;
+    setShowOccurrenceDialog(show: boolean, event: any): void;
+    handleRemoveClick(event: SchedulerTaskMouseEvent): void;
+    handleCancel(event: SchedulerFormStateChangeEvent<null> | SchedulerOccurrenceDialogStateChangeEvent<null>): void;
+    handleRemoveConfirm(event: SchedulerRemoveDialogStateChangeEvent<null>): void;
+    handleRemoveItemChange(value: DataItem | null, event?: any): void;
+    handleRemoveDialogChange(value: boolean, event?: any): void;
+    handleOccurrenceDialogChange(value: boolean, event?: any): void;
+    handleOccurrenceClick(event: SchedulerOccurrenceDialogStateChangeEvent<null>): void;
+    handleSeriesClick(event: SchedulerOccurrenceDialogStateChangeEvent<null>): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("dataaction" | "showremovedialogchange" | "showoccurrencedialogchange" | "removeitemchange")[], "dataaction" | "showremovedialogchange" | "showoccurrencedialogchange" | "removeitemchange", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    viewTask: PropType<any>;
+    removeDialog: PropType<any>;
+    removeItem: PropType<any>;
+    occurrenceDialog: PropType<any>;
+    task: PropType<any>;
+    showOccurrenceDialog: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    showRemoveDialog: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    series: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    refTo: PropType<HTMLDivElement>;
+    id: PropType<string>;
+    tabIndex: PropType<number>;
+    editable: PropType<boolean | import('../models/EditableProp').EditableProp>;
+    head: PropType<boolean>;
+    tail: PropType<boolean>;
+    order: PropType<number>;
+    zonedStart: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    zonedEnd: PropType<import('@progress/kendo-date-math').ZonedDate>;
+    slots: PropType<import('../models/Slot').Slot[]>;
+    group: PropType<import('../models/Group').Group>;
+    range: PropType<import('../models/Range').Range>;
+    isException: PropType<boolean>;
+    isRecurring: PropType<boolean>;
+    isAllDay: PropType<boolean>;
+    uid: PropType<string | number>;
+    start: PropType<Date>;
+    end: PropType<Date>;
+    originalStart: PropType<Date>;
+    startTimezone: PropType<string>;
+    endTimezone: PropType<string>;
+    title: PropType<string>;
+    description: PropType<string>;
+    occurrenceId: PropType<string>;
+    recurrenceExceptions: PropType<Date[]>;
+    recurrenceRule: PropType<string>;
+    recurrenceId: PropType<string | number>;
+    dataItem: PropType<any>;
+}>> & Readonly<{
+    onDataaction?: (...args: any[]) => any;
+    onShowremovedialogchange?: (...args: any[]) => any;
+    onShowoccurrencedialogchange?: (...args: any[]) => any;
+    onRemoveitemchange?: (...args: any[]) => any;
+}>, {
+    showOccurrenceDialog: boolean;
+    showRemoveDialog: boolean;
+    series: boolean;
+}, {}, {}, {}, string, () => {
+    et: any;
+    removeTask: any;
+    removeDialog: any;
+    occurrenceDialog: any;
+    ksCancel: any;
+    ksSeriesClick: any;
+    ksOccurrenceClick: any;
+    ksRemoveConfirm: any;
+}, true, {}, any>;
+export { SchedulerEditTask };