@bryntum/schedulerpro-vue-3-thin 7.1.1

package/src/components/BryntumSchedulerProProjectModel.vue

@@ -0,0 +1,1192 @@
+<!-- Vue 3 wrapper for Bryntum ProjectModel -->
+
+<template>
+    <div ref="refElement">
+
+    </div>
+</template>
+
+<script setup lang="ts">
+
+import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
+
+import type { Base, DurationUnit, Model, ModelConfig, StateTrackingManager as CoreStateTrackingManager, Store, StoreConfig } from '@bryntum/core-thin';
+import type { AbstractCrudManager, CrudManagerRequestResponse, CrudManagerStoreDescriptor, LazyLoadCrudManagerRequestParams, ProjectModel as SchedulerProjectModel, ResourceTimeRangeModel, ResourceTimeRangeModelConfig, ResourceTimeRangeStore, ResourceTimeRangeStoreConfig, TimeRangeStore, TimeSpan, TimeSpanConfig } from '@bryntum/scheduler-thin';
+import type { AssignmentModel, AssignmentModelConfig, AssignmentStore, AssignmentStoreConfig, CalendarManagerStore, CalendarManagerStoreConfig, CalendarModel, CalendarModelConfig, DependencyModel, DependencyModelConfig, DependencyStore, DependencyStoreConfig, EventModel, EventModelConfig, EventStore, EventStoreConfig, ProjectModelListeners, ResourceAllocationInfo, ResourceModel, ResourceModelConfig, ResourceStore, ResourceStoreConfig, StateTrackingManagerConfig } from '@bryntum/schedulerpro-thin';
+import { ProjectModel } from '@bryntum/schedulerpro-thin';
+
+import { WrapperHelper } from '../helper/WrapperHelper';
+
+defineProps<{
+    // Configs
+    /**
+     * If this flag is set to `true` (default) when a start/end date is set on the event, a corresponding
+     * `start-no-earlier/later-than` constraint is added, automatically. This is done in order to
+     * keep the event "attached" to this date, according to the user intention.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-addConstraintOnDateSet)
+     */
+    addConstraintOnDateSet ? : Boolean
+    /**
+     * This config manages DST correction in the scheduling engine. It only has effect when DST transition hour is
+     * working time. Usually a DST transition occurs on a Sunday, so with non-working weekends the DST correction logic
+     * is not involved.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-adjustDurationToDST)
+     */
+    adjustDurationToDST ? : Boolean
+    /**
+     * The constructor of the assignment model class, to be used in the project. Will be set as the
+     * [modelClass](https://bryntum.com/products/schedulerpro/docs/api/Core/data/Store#config-modelClass) property of the [assignmentStore](#SchedulerPro/model/ProjectModel#property-assignmentStore)
+     */
+    assignmentModelClass ? : typeof AssignmentModel
+    /**
+     * Data use to fill the [assignmentStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-assignmentStore). Should be an array of
+     * [AssignmentModels](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/AssignmentModel) or its configuration objects.
+     */
+    assignments ? : AssignmentModel[]|AssignmentModelConfig[]
+    /**
+     * The initial data, to fill the [assignmentStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-assignmentStore) with.
+     * Should be an array of [AssignmentModels](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/AssignmentModel) or its configuration
+     * objects.
+     * @deprecated 6.3.0 Use [assignments](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-assignments) instead
+     */
+    assignmentsData ? : AssignmentModel[]
+    /**
+     * An [AssignmentStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/data/AssignmentStore) instance or a config object.
+     */
+    assignmentStore ? : AssignmentStore|AssignmentStoreConfig
+    /**
+     * The constructor to create an assignment store instance with. Should be a class, subclassing the
+     * [AssignmentStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/data/AssignmentStore)
+     */
+    assignmentStoreClass ? : typeof AssignmentStore|object
+    /**
+     * `true` to enable automatic [% done](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/EventModel#field-percentDone) calculation for summary
+     * tasks, `false` to disable it.
+     */
+    autoCalculatePercentDoneForParentTasks ? : Boolean
+    /**
+     * Specify `true` to automatically call [load](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-load) method on the next frame after creation.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-autoLoad)
+     */
+    autoLoad ? : Boolean
+    /**
+     * When `true` (default) adjacent or overlapping event segments get merged automatically.
+     */
+    autoMergeAdjacentSegments ? : Boolean
+    /**
+     * `true` to automatically persist store changes after edits are made in any of the stores monitored.
+     * Please note that sync request will not be invoked immediately but only after
+     * [autoSyncTimeout](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#config-autoSyncTimeout) interval.
+     */
+    autoSync ? : Boolean
+    /**
+     * The timeout in milliseconds to wait before persisting changes to the server.
+     * Used when [autoSync](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#config-autoSync) is set to `true`.
+     */
+    autoSyncTimeout ? : number
+    /**
+     * An object where property names with a truthy value indicate which events should bubble up the ownership
+     * hierarchy when triggered.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-bubbleEvents)
+     */
+    bubbleEvents ? : object
+    /**
+     * The project calendar.
+     */
+    calendar ? : string|CalendarModelConfig|CalendarModel
+    /**
+     * A [CalendarManagerStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/data/CalendarManagerStore) instance or a config object.
+     */
+    calendarManagerStore ? : CalendarManagerStore|CalendarManagerStoreConfig
+    /**
+     * The constructor to create a calendar store instance with. Should be a class, subclassing the
+     * [CalendarManagerStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/data/CalendarManagerStore)
+     */
+    calendarManagerStoreClass ? : typeof CalendarManagerStore|object
+    /**
+     * The constructor of the calendar model class, to be used in the project. Will be set as the
+     * [modelClass](https://bryntum.com/products/schedulerpro/docs/api/Core/data/Store#config-modelClass) property of the
+     * [calendarManagerStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-calendarManagerStore)
+     */
+    calendarModelClass ? : typeof CalendarModel
+    /**
+     * Data use to fill the [eventStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-eventStore). Should be a [CalendarModel](#SchedulerPro/model/CalendarModel)
+     * array or its configuration objects.
+     */
+    calendars ? : CalendarModel[]|CalendarModelConfig[]
+    /**
+     * The initial data, to fill the [calendarManagerStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-calendarManagerStore) with.
+     * Should be an array of [CalendarModel](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/CalendarModel) or it's configuration objects.
+     */
+    calendarsData ? : CalendarModel[]
+    /**
+     * Set to `true` to call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-callOnFunctions)
+     */
+    callOnFunctions ? : Boolean
+    /**
+     * By default, if an event handler throws an exception, the error propagates up the stack and the
+     * application state is undefined. Code which follows the event handler will *not* be executed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-catchEventHandlerExceptions)
+     */
+    catchEventHandlerExceptions ? : Boolean
+    /**
+     * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
+     * tasks.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-children)
+     */
+    children ? : Boolean|object[]|Model[]|ModelConfig[]
+    /**
+     * Sets the list of stores controlled by the CRUD manager.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-crudStores)
+     */
+    crudStores ? : Store[]|string[]|CrudManagerStoreDescriptor[]|StoreConfig[]
+    /**
+     * The number of days per month.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-daysPerMonth)
+     */
+    daysPerMonth ? : number
+    /**
+     * The number of days per week.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-daysPerWeek)
+     */
+    daysPerWeek ? : number
+    /**
+     * Enables early rendering in SchedulerPro, by postponing calculations to after the first refresh.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-delayCalculation)
+     */
+    delayCalculation ? : Boolean
+    /**
+     * Data use to fill the [dependencyStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-dependencyStore). Should be an array of
+     * [DependencyModels](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/DependencyModel) or its configuration objects.
+     */
+    dependencies ? : DependencyModel[]|DependencyModelConfig[]
+    /**
+     * The source of the calendar for dependencies (the calendar used for taking dependencies lag into account).
+     * Possible values are:
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-dependenciesCalendar)
+     */
+    dependenciesCalendar ? : 'ToEvent'|'FromEvent'|'Project'
+    /**
+     * The initial data, to fill the [dependencyStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-dependencyStore) with.
+     * Should be an array of [DependencyModels](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/DependencyModel) or its configuration
+     * objects.
+     * @deprecated 6.3.0 Use [dependencies](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-dependencies) instead
+     */
+    dependenciesData ? : DependencyModel[]
+    /**
+     * The constructor of the dependency model class, to be used in the project. Will be set as the
+     * [modelClass](https://bryntum.com/products/schedulerpro/docs/api/Core/data/Store#config-modelClass) property of the [dependencyStore](#SchedulerPro/model/ProjectModel#property-dependencyStore)
+     */
+    dependencyModelClass ? : typeof DependencyModel
+    /**
+     * A [DependencyStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/data/DependencyStore) instance or a config object.
+     */
+    dependencyStore ? : DependencyStore|DependencyStoreConfig
+    /**
+     * The constructor to create a dependency store instance with. Should be a class, subclassing the
+     * [DependencyStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/data/DependencyStore)
+     */
+    dependencyStoreClass ? : typeof DependencyStore|object
+    /**
+     * Set to `true` to enable calculation progress notifications.
+     * When enabled the project fires [progress](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#event-progress) event.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-enableProgressNotifications)
+     */
+    enableProgressNotifications ? : Boolean
+    /**
+     * Configuration of the JSON encoder used by the *Crud Manager*.
+     */
+    encoder ? : {
+        requestData?: object
+    }
+    /**
+     * The constructor of the event model class, to be used in the project. Will be set as the
+     * [modelClass](https://bryntum.com/products/schedulerpro/docs/api/Core/data/Store#config-modelClass) property of the [eventStore](#SchedulerPro/model/ProjectModel#property-eventStore)
+     */
+    eventModelClass ? : typeof EventModel
+    /**
+     * Data use to fill the [eventStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-eventStore). Should be an array of
+     * [EventModels](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/EventModel) or its configuration objects.
+     */
+    events ? : EventModel[]|EventModelConfig[]
+    /**
+     * The initial data, to fill the [eventStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-eventStore) with.
+     * Should be an array of [EventModels](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/EventModel) or its configuration objects.
+     * @deprecated 6.3.0 Use [events](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-events) instead
+     */
+    eventsData ? : EventModel[]
+    /**
+     * An [EventStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/data/EventStore) instance or a config object.
+     */
+    eventStore ? : EventStore|EventStoreConfig
+    /**
+     * The constructor to create an event store instance with. Should be a class, subclassing the
+     * [EventStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/data/EventStore)
+     */
+    eventStoreClass ? : typeof EventStore|object
+    /**
+     * Start expanded or not (only valid for tree data)
+     */
+    expanded ? : Boolean
+    /**
+     * Specify as `true` to force sync requests to be sent when calling `sync()`, even if there are no local
+     * changes. Useful in a polling scenario, to keep client up to date with the backend.
+     */
+    forceSync ? : Boolean
+    /**
+     * The number of hours per day.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-hoursPerDay)
+     */
+    hoursPerDay ? : number
+    /**
+     * Unique identifier for the record. Might be mapped to another dataSource using idField, but always exposed as
+     * record.id. Will get a generated value if none is specified in records data.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-id)
+     */
+    id ? : string|number
+    /**
+     * Set to `true` to make STM ignore changes coming from the backend. This will allow user to only undo redo
+     * local changes.
+     */
+    ignoreRemoteChangesInSTM ? : Boolean
+    /**
+     * Set to `false` to only include the id of a removed parent node in the request to the backend (also
+     * affects programmatic calls to get [changes](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#property-changes) etc.), and not the ids of its children.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-includeChildrenInRemoveRequest)
+     */
+    includeChildrenInRemoveRequest ? : Boolean
+    /**
+     * Whether to include legacy data properties in the JSON / inlineData output. The legacy data properties are
+     * the `xxData` (`eventsData`, `resourcesData` etc.) properties that are deprecated and will be removed in
+     * the future.
+     * @deprecated 6.3.0 This config will be removed when the eventsData, resourcesData etc. properties are removed in a future release.
+     */
+    includeLegacyDataProperties ? : Boolean
+    /**
+     * This field is added to the class at runtime when the Store is configured with
+     * [lazyLoad](https://bryntum.com/products/schedulerpro/docs/api/Core/data/Store#config-lazyLoad). If set on a parent record at load time, that parent will not cause any
+     * more child load requests. If omitted, it will be automatically set to `true` when a load request receives fewer
+     * child records than requested.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-isFullyLoaded)
+     */
+    isFullyLoaded ? : Boolean
+    /**
+     * Project data as a JSON string, used to populate its stores.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-json)
+     */
+    json ? : string
+    /**
+     * If set to `true`, or a config object, this makes the CrudManager load records only when needed. When a record
+     * or a date range that is not already loaded is requested, a load request will be made to the specified URL.
+     * More more details about lazy loading, see the [guide](https://bryntum.com/products/schedulerpro/docs/api/Grid/guides/data/lazyloading.md)
+     * @param {object} lazyLoad Lazy load config
+     * @param {number} lazyLoad.chunkSize The number of records to be loaded before and after the requested index (only affects the ResourceStore).
+     * @param {DurationUnit} bufferUnit Used together with bufferAmount to calculate the start and end dates of each load request. The value is added to the current visible start or end date. Defaults to the visible time span length (does not affect ResourceStore).
+     * @param {number} bufferAmount See `bufferUnit`
+     */
+    lazyLoad ? : Boolean|{lazyLoad: { chunkSize: number }, bufferUnit: DurationUnit, bufferAmount: number}
+    /**
+     * The listener set for this object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-listeners)
+     */
+    listeners ? : ProjectModelListeners
+    /**
+     * Convenience shortcut to set only the url to load from, when you do not need to supply any other config
+     * options in the `load` section of the `transport` config.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-loadUrl)
+     */
+    loadUrl ? : string
+    /**
+     * Maximum range the project calendars can iterate.
+     * The value is defined in milliseconds and by default equals `5 years` roughly.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-maxCalendarRange)
+     */
+    maxCalendarRange ? : number
+    /**
+     * This is a read-only field provided in server synchronization packets to specify
+     * which position the node takes in the parent's ordered children array.
+     * This index is set on load and gets updated on reordering nodes in tree. Sorting and filtering
+     * have no effect on it.
+     */
+    orderedParentIndex ? : number
+    /**
+     * The number of Resource records each page should contain, when using [remotePaging](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/mixin/LazyLoadCrudManager#config-remotePaging)
+     */
+    pageSize ? : number
+    /**
+     * This is a read-only field provided in server synchronization packets to specify
+     * which record id is the parent of the record.
+     */
+    parentId ? : string|number|null
+    /**
+     * This is a read-only field provided in server synchronization packets to specify
+     * which position the node takes in the parent's children array.
+     * This index is set on load and gets updated automatically after row reordering, sorting, etc.
+     * To save the order, need to persist the field on the server and when data is fetched to be loaded,
+     * need to sort by this field.
+     */
+    parentIndex ? : number
+    /**
+     * Field name to be used to transfer a phantom record identifier.
+     */
+    phantomIdField ? : string
+    /**
+     * Field name to be used to transfer a phantom parent record identifier.
+     */
+    phantomParentIdField ? : string
+    /**
+     * Flag the record as read-only on the UI level, preventing the end user from manipulating it using editing
+     * features such as cell editing and event dragging.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-readOnly)
+     */
+    readOnly ? : Boolean
+    /**
+     * This field is added to the class at runtime when the Store is configured with
+     * [lazyLoad](https://bryntum.com/products/schedulerpro/docs/api/Core/data/Store#config-lazyLoad). The
+     * number specified should reflect the <strong>total</strong> amount of children of a parent node, including nested descendants.
+     * @deprecated This field has been deprecated. Please read the [guide](https://bryntum.com/products/schedulerpro/docs/api/Grid/guides/data/lazyloading.md) to find out if your app needs to use the new [isFullyLoaded](https://bryntum.com/products/schedulerpro/docs/api/Core/data/mixin/TreeNode#field-isFullyLoaded) field.
+     */
+    remoteChildCount ? : number
+    /**
+     * If set to `true`, this makes the CrudManager load pages of data, instead of loading the complete dataset at
+     * once. The requests made to the [loadUrl](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#config-loadUrl) will contain
+     * params with info about the current dataset being requested:
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-remotePaging)
+     */
+    remotePaging ? : Boolean
+    /**
+     * When the CrudManager/Project is configured with [lazyLoad](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/mixin/LazyLoadCrudManager#config-lazyLoad) set to `true`, you can configure
+     * your own data fetching logic by implementing this function. Doing this will override the built-in fetching
+     * mechanism using the [loadUrl](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/data/CrudManager#config-loadUrl).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-requestData)
+     * @param {LazyLoadCrudManagerRequestParams} params Object containing info of what data is requested
+     * @returns {CrudManagerRequestResponse}
+     */
+    requestData ? : (params: LazyLoadCrudManagerRequestParams) => Promise<CrudManagerRequestResponse>
+    /**
+     * `True` to reset identifiers (defined by `idField` config) of phantom records before submitting them
+     * to the server.
+     */
+    resetIdsBeforeSync ? : Boolean
+    /**
+     * Set to `true` to reset the undo/redo queues of the internal [StateTrackingManager](https://bryntum.com/products/schedulerpro/docs/api/Core/data/stm/StateTrackingManager)
+     * after the Project has loaded. Defaults to `false`
+     */
+    resetUndoRedoQueuesAfterLoad ? : Boolean
+    /**
+     * Class implementing resource allocation report used by
+     * [resource histogram](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceHistogram) and
+     * [resource utilization](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization) views
+     * for collecting resource allocation.
+     */
+    resourceAllocationInfoClass ? : ResourceAllocationInfo
+    /**
+     * The constructor of the resource model class, to be used in the project. Will be set as the
+     * [modelClass](https://bryntum.com/products/schedulerpro/docs/api/Core/data/Store#config-modelClass) property of the [resourceStore](#SchedulerPro/model/ProjectModel#property-resourceStore)
+     */
+    resourceModelClass ? : typeof ResourceModel
+    /**
+     * Data use to fill the [resourceStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-resourceStore). Should be an array of
+     * [ResourceModels](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ResourceModel) or its configuration objects.
+     */
+    resources ? : ResourceModel[]|ResourceModelConfig[]
+    /**
+     * The initial data, to fill the [resourceStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-resourceStore) with.
+     * Should be an array of [ResourceModels](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ResourceModel) or its configuration objects.
+     * @deprecated 6.3.0 Use [resources](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-resources) instead
+     */
+    resourcesData ? : ResourceModel[]
+    /**
+     * A [ResourceStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/data/ResourceStore) instance or a config object.
+     */
+    resourceStore ? : ResourceStore|ResourceStoreConfig
+    /**
+     * The constructor to create a resource store instance with. Should be a class, subclassing the
+     * [ResourceStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/data/ResourceStore)
+     */
+    resourceStoreClass ? : typeof ResourceStore|object
+    /**
+     * Data use to fill the [resourceTimeRangeStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-resourceTimeRangeStore). Should be an array
+     * of [ResourceTimeRangeModels](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/model/ResourceTimeRangeModel) or its configuration objects.
+     */
+    resourceTimeRanges ? : ResourceTimeRangeModel[]|ResourceTimeRangeModelConfig[]
+    /**
+     * The initial data, to fill the [resourceTimeRangeStore](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/model/mixin/ProjectModelMixin#property-resourceTimeRangeStore) with.
+     * Should be an array of [ResourceTimeRangeModel](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/model/ResourceTimeRangeModel) or it's
+     * configuration objects.
+     * @deprecated 6.3.0 Use resourceTimeRanges instead
+     */
+    resourceTimeRangesData ? : ResourceTimeRangeModel[]
+    /**
+     * A [ResourceTimeRangeStore](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/data/ResourceTimeRangeStore) instance or a config object.
+     */
+    resourceTimeRangeStore ? : ResourceTimeRangeStore|ResourceTimeRangeStoreConfig
+    /**
+     * The constructor to create a resource time range store instance with. Should be a class subclassing the
+     * [ResourceTimeRangeStore](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/data/ResourceTimeRangeStore)
+     */
+    resourceTimeRangeStoreClass ? : typeof ResourceTimeRangeStore|object
+    /**
+     * Experimental hook that lets the app determine if a bound dataset needs syncing with the store or not, and
+     * if it does - which records that should be processed. Only called for stores that are configured with
+     * `syncDataOnLoad: true` (which is the default in the React, Angular and Vue wrappers).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-shouldSyncDataOnLoad)
+     * @param {object} options Options passed by the store to this hook
+     * @param {Core.data.Store} options.store Store about to be synced
+     * @param {Core.data.Model} options.records Records currently in the store
+     * @param {object[]} options.data Incoming data
+     * @returns {Set<any>,boolean} Return `false` to prevent the store from syncing, or a set of record ids that need further processing (for records that has some kind of change, eg. an update, removal or addition)
+     */
+    shouldSyncDataOnLoad ? : (options: { store: Store, records: Model, data: object[] }) => Set<any>|Boolean
+    /**
+     * Silences propagations caused by the project loading.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-silenceInitialCommit)
+     */
+    silenceInitialCommit ? : Boolean
+    /**
+     * When `true` the project's manually scheduled tasks duration will include only working periods of time.
+     * When `false` such tasks will ignore working time calendars and treat all intervals as working.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-skipNonWorkingTimeInDurationWhenSchedulingManually)
+     */
+    skipNonWorkingTimeInDurationWhenSchedulingManually ? : Boolean
+    /**
+     * When `true` the project's manually scheduled tasks will adjust their proposed start/end dates to skip non-working
+     * time.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-skipNonWorkingTimeWhenSchedulingManually)
+     */
+    skipNonWorkingTimeWhenSchedulingManually ? : Boolean
+    /**
+     * When `true` treats parsed responses without `success` property as successful.
+     * In this mode a parsed response is treated as invalid if it has explicitly set `success : false`.
+     */
+    skipSuccessProperty ? : Boolean
+    /**
+     * Configuration options to provide to the STM manager
+     */
+    stm ? : StateTrackingManagerConfig|CoreStateTrackingManager
+    /**
+     * Name of a store property to retrieve store identifiers from. Make sure you have an instance of a
+     * store to use it by id. Store identifier is used as a container name holding corresponding store data
+     * while transferring them to/from the server. By default, `id` property is used. And in case a
+     * container identifier has to differ this config can be used:
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-storeIdProperty)
+     */
+    storeIdProperty ? : string
+    /**
+     * When `true` the Crud Manager does not require all updated and removed records to be mentioned in the
+     * *sync* response. In this case response should include only server side changes.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-supportShortSyncResponse)
+     */
+    supportShortSyncResponse ? : Boolean
+    /**
+     * An array of store identifiers sets an alternative sync responses apply order.
+     * By default, the order in which sync responses are applied to the stores is the same as they
+     * registered in. But in case of some tricky dependencies between stores this order can be changed:
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-syncApplySequence)
+     */
+    syncApplySequence ? : string[]|CrudManagerStoreDescriptor[]
+    /**
+     * Convenience shortcut to set only the url to sync to, when you do not need to supply any other config
+     * options in the `sync` section of the `transport` config.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-syncUrl)
+     */
+    syncUrl ? : string
+    /**
+     * An [EventStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/data/EventStore) instance or a config object.
+     */
+    taskStore ? : EventStore|EventStoreConfig
+    /**
+     * Data use to fill the [timeRangeStore](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#property-timeRangeStore). Should be an array of
+     * [TimeSpans](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/model/TimeSpan) or its configuration objects.
+     */
+    timeRanges ? : TimeSpan[]|TimeSpanConfig[]
+    /**
+     * The initial data, to fill the [timeRangeStore](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/model/mixin/ProjectModelMixin#property-timeRangeStore) with.
+     * Should be an array of [TimeSpan](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/model/TimeSpan) or its configuration objects.
+     * @deprecated 6.3.0 Use timeRanges instead
+     */
+    timeRangesData ? : TimeSpan[]
+    /**
+     * A [Store](https://bryntum.com/products/schedulerpro/docs/api/Core/data/Store) instance or a config object.
+     */
+    timeRangeStore ? : Store|StoreConfig
+    /**
+     * The constructor to create a time range store instance with. Should be a class subclassing the
+     * [TimeRangeStore](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/data/TimeRangeStore)
+     */
+    timeRangeStoreClass ? : typeof TimeRangeStore|object
+    /**
+     * Set to a IANA time zone (i.e. `Europe/Stockholm`) or a UTC offset in minutes (i.e. `-120`). This will
+     * convert all events, tasks and time ranges to the specified time zone or offset. It will also affect the
+     * displayed timeline's headers as well at the start and end date of it.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-timeZone)
+     */
+    timeZone ? : string|number
+    /**
+     * Specifies the output format of [toJSON](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/model/mixin/ProjectModelCommon#function-toJSON).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-toJSONResultFormat)
+     */
+    toJSONResultFormat ? : 'inlineData'|'model'
+    /**
+     * If `true`, project [changes](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/data/mixin/ProjectCrudManager#property-changes) API will also report project model changes: start/end date,
+     * calendar, effort, duration, etc.
+     */
+    trackProjectModelChanges ? : Boolean
+    /**
+     * When `true` forces the CRUD manager to process responses depending on their `type` attribute.
+     * So `load` request may be responded with `sync` response for example.
+     * Can be used for smart server logic allowing the server to decide when it's better to respond with a
+     * complete data set (`load` response) or it's enough to return just a delta (`sync` response).
+     */
+    trackResponseType ? : Boolean
+    /**
+     * Configuration of the AJAX requests used by *Crud Manager* to communicate with a server-side.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-transport)
+     */
+    transport ? : {
+        load?: object
+        sync?: object
+    }
+    /**
+     * By default, the stores of a project use the raw data objects passed to them as the data source for their
+     * records if data is loaded remotely (using an `AjaxStore` or a `CrudManager`). For data supplied inline,
+     * the data objects are instead by default cloned to avoid the original data object being modified by the
+     * store.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-useRawData)
+     */
+    useRawData ? : Boolean
+    /**
+     * This config validates the response structure for requests made by the Crud Manager.
+     * When `true`, the Crud Manager checks every parsed response structure for errors
+     * and if the response format is invalid, a warning is logged to the browser console.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-validateResponse)
+     */
+    validateResponse ? : Boolean
+    /**
+     * `true` to write all fields from the record to the server.
+     * If set to `false` it will only send the fields that were modified.
+     * Note that any fields that have [persist](https://bryntum.com/products/schedulerpro/docs/api/Core/data/field/DataField#config-persist) set to `false` will
+     * still be ignored and fields having [alwaysWrite](https://bryntum.com/products/schedulerpro/docs/api/Core/data/field/DataField#config-alwaysWrite) set to `true`
+     * will always be included.
+     */
+    writeAllFields ? : Boolean
+
+}>();
+
+const emit = defineEmits<{
+    /**
+     * Fires before an object is destroyed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Core.Base} params.params.event.source The Object that is being destroyed.
+     */
+    (e: 'beforeDestroy', params: ((event: { source: Base }) => void)|string): void
+    /**
+     * Fires before [load request](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-load) is sent. Return `false` to cancel load request.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.
+     * @param {object} params.params.event.pack The data package which contains data for all stores managed by the crud manager.
+     */
+    (e: 'beforeLoad', params: ((event: { source: AbstractCrudManager, pack: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires before loaded data get applied to the stores. Return `false` to prevent data applying.
+     * This event can be used for server data preprocessing. To achieve it user can modify the `response` object.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.
+     * @param {object} params.params.event.response The decoded server response object.
+     * @param {object} params.params.event.options Options provided to the [load](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-load) method.
+     */
+    (e: 'beforeLoadApply', params: ((event: { source: AbstractCrudManager, response: object, options: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires before server response gets applied to the stores. Return `false` to prevent data applying.
+     * This event can be used for server data preprocessing. To achieve it user can modify the `response` object.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.
+     * @param {'sync','load'} params.params.event.requestType The request type (`sync` or `load`).
+     * @param {object} params.params.event.response The decoded server response object.
+     */
+    (e: 'beforeResponseApply', params: ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires before a request is sent to the server.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#event-beforeSend)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.crudManager The CRUD manager.
+     * @param {object} params.params.event.params HTTP request params to be passed in the request URL.
+     * @param {'sync','load'} params.params.event.requestType CrudManager request type (`load`/`sync`)
+     * @param {object} params.params.event.requestConfig Configuration object for Ajax request call
+     */
+    (e: 'beforeSend', params: ((event: { crudManager: AbstractCrudManager, params: object, requestType: 'sync'|'load', requestConfig: object }) => Promise<void>)|string): Promise<void>
+    /**
+     * Fires before [sync request](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-sync) is sent. Return `false` to cancel sync request.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#event-beforeSync)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.
+     * @param {object} params.params.event.pack The data package which contains data for all stores managed by the crud manager.
+     */
+    (e: 'beforeSync', params: ((event: { source: AbstractCrudManager, pack: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires before sync response data get applied to the stores. Return `false` to prevent data applying.
+     * This event can be used for server data preprocessing. To achieve it user can modify the `response` object.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.
+     * @param {object} params.params.event.response The decoded server response object.
+     */
+    (e: 'beforeSyncApply', params: ((event: { source: AbstractCrudManager, response: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires when any other event is fired from the object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#event-catchAll)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {{[key: string]: any, type: string}} params.params.event.event The Object that contains event details
+     * @param {string} params.params.event.event.type The type of the event which is caught by the listener
+     */
+    (e: 'catchAll', params: ((event: {[key: string]: any, type: string}) => void)|string): void
+    /**
+     * Fired when data in any of the projects stores changes.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#event-change)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.model.SchedulerProjectModel,any} params.params.event.source This project
+     * @param {Core.data.Store} params.params.event.store Affected store
+     * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} params.params.event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
+     * @param {Core.data.Model} params.params.event.record Changed record, for actions that affects exactly one record (`'update'`)
+     * @param {Core.data.Model[]} params.params.event.records Changed records, passed for all actions except `'removeAll'`
+     * @param {object} params.params.event.changes Passed for the `'update'` action, info on which record fields changed
+     */
+    (e: 'change', params: ((event: { source: SchedulerProjectModel|any, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string): void
+    /**
+     * Fired when the Engine detects a computation cycle.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {object} params.params.event.schedulingIssue Scheduling error describing the case:
+     * @param {Function} params.params.event.schedulingIssue.getDescription Returns the cycle description
+     * @param {object} params.params.event.schedulingIssue.cycle Object providing the cycle info
+     * @param {Function} params.params.event.schedulingIssue.getResolutions Returns possible resolutions
+     * @param {Function} params.params.event.continueWithResolutionResult Function to call after a resolution is chosen to proceed with the Engine calculations: ```javascript project.on('cycle', ({ continueWithResolutionResult }) => {     // cancel changes in case of a cycle     continueWithResolutionResult(EffectResolutionResult.Cancel); }) ``` Where `EffectResolutionResult.Cancel` results in cancelling the changes.
+     */
+    (e: 'cycle', params: ((event: { schedulingIssue: { getDescription: Function, cycle: object, getResolutions: Function }, continueWithResolutionResult: Function }) => void)|string): void
+    /**
+     * Fired when the engine has finished its calculations and the results has been written back to the records.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#event-dataReady)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {SchedulerPro.model.ProjectModel} params.params.event.source The project
+     * @param {boolean} params.params.event.isInitialCommit Flag that shows if this commit is initial
+     * @param {Set<any>} params.params.event.records Set of all [Model](https://bryntum.com/products/schedulerpro/docs/api/Core/data/Model)s that were modified in the completed transaction. Use the [modifications](https://bryntum.com/products/schedulerpro/docs/api/Core/data/Model#property-modifications) property of each Model to identify modified fields.
+     */
+    (e: 'dataReady', params: ((event: { source: ProjectModel, isInitialCommit: boolean, records: Set<any> }) => void)|string): void
+    /**
+     * Fires when an object is destroyed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Core.Base} params.params.event.source The Object that is being destroyed.
+     */
+    (e: 'destroy', params: ((event: { source: Base }) => void)|string): void
+    /**
+     * Fired when the Engine detects a calendar misconfiguration when the calendar does
+     * not provide any working periods of time which makes the calendar usage impossible.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {object} params.params.event.schedulingIssue Scheduling error describing the case:
+     * @param {Function} params.params.event.schedulingIssue.getDescription Returns the error description
+     * @param {Function} params.params.event.schedulingIssue.getCalendar Returns the calendar that must be fixed
+     * @param {Function} params.params.event.schedulingIssue.getResolutions Returns possible resolutions
+     * @param {Function} params.params.event.continueWithResolutionResult Function to call after a resolution is chosen to proceed with the Engine calculations: ```javascript project.on('emptyCalendar', ({ schedulingIssue, continueWithResolutionResult }) => {     // apply the first resolution and continue     schedulingIssue.getResolutions()[0].resolve();     continueWithResolutionResult(EffectResolutionResult.Resume); }) ```
+     */
+    (e: 'emptyCalendar', params: ((event: { schedulingIssue: { getDescription: Function, getCalendar: Function, getResolutions: Function }, continueWithResolutionResult: Function }) => void)|string): void
+    /**
+     * Fires when data in any of the registered data stores is changed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#event-hasChanges)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.
+     */
+    (e: 'hasChanges', params: ((event: { source: AbstractCrudManager }) => void)|string): void
+    /**
+     * Fires on successful [load request](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-load) completion after data gets loaded to the stores.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.
+     * @param {object} params.params.event.response The decoded server response object.
+     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} params.params.event.requestOptions The request options passed to the request.
+     * @param {Response} params.params.event.rawResponse The native Response object
+     */
+    (e: 'load', params: ((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void
+    /**
+     * Fired after [load request](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-load) was canceled by some [beforeLoad](#Scheduler/crud/AbstractCrudManagerMixin#event-beforeLoad)
+     * listener or due to incomplete prior load request.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.
+     * @param {object} params.params.event.pack The data package which contains data for all stores managed by the crud manager.
+     */
+    (e: 'loadCanceled', params: ((event: { source: AbstractCrudManager, pack: object }) => void)|string): void
+    /**
+     * Fires when a [load request](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-load) fails.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager instance.
+     * @param {object} params.params.event.response The decoded server response object.
+     * @param {string} params.params.event.responseText The raw server response text
+     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} params.params.event.requestOptions The request options passed to the request.
+     * @param {Response} params.params.event.rawResponse The native Response object
+     */
+    (e: 'loadFail', params: ((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void
+    /**
+     * Fires when registered stores get into state when they don't have any
+     * not persisted change. This happens after [load](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-load) or [sync](#Scheduler/crud/AbstractCrudManagerMixin#function-sync) request
+     * completion. Or this may happen after a record update which turns its fields back to their original state.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#event-noChanges)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.
+     */
+    (e: 'noChanges', params: ((event: { source: AbstractCrudManager }) => void)|string): void
+    /**
+     * Fired during the Engine calculation if [enableProgressNotifications](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ProjectModel#config-enableProgressNotifications) config is `true`
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {SchedulerPro.model.ProjectModel} params.params.event.source The owning project
+     * @param {number} params.params.event.total The total number of operations
+     * @param {number} params.params.event.remaining The number of remaining operations
+     * @param {'storePopulation','propagating'} params.params.event.phase The phase of the calculation, either 'storePopulation' when data is getting loaded, or 'propagating' when data is getting calculated
+     */
+    (e: 'progress', params: ((event: { source: ProjectModel, total: number, remaining: number, phase: 'storePopulation'|'propagating' }) => void)|string): void
+    /**
+     * Fires on successful request completion after data gets applied to the stores.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.
+     * @param {'sync','load'} params.params.event.requestType The request type (`sync` or `load`).
+     * @param {object} params.params.event.response The decoded server response object.
+     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} params.params.event.requestOptions The request options passed to the request.
+     * @param {Response} params.params.event.rawResponse The native Response object
+     */
+    (e: 'requestDone', params: ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void
+    /**
+     * Fires when a request fails.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager instance.
+     * @param {'sync','load'} params.params.event.requestType The request type (`sync` or `load`).
+     * @param {object} params.params.event.response The decoded server response object.
+     * @param {string} params.params.event.responseText The raw server response text
+     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} params.params.event.requestOptions The request options passed to the request.
+     * @param {Response} params.params.event.rawResponse The native Response object
+     */
+    (e: 'requestFail', params: ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void
+    /**
+     * This event triggers when a new revision is added to the project. It is used to notify the backend about the
+     * new revision.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {string} params.params.event.localRevisionId ID of the local revision. Backend should send it in the broadcast channel
+     * @param {string} params.params.event.conflictResolutionFor ID of the revision with a conflict which was resolved by this revision
+     * @param {string} params.params.event.clientId ID of the client instance. Used to distinguish own revisions from the broadcast channel
+     * @param {object} params.params.event.changes Object with changes constituting revision
+     */
+    (e: 'revisionNotification', params: ((event: { localRevisionId: string, conflictResolutionFor?: string, clientId: string, changes: object }) => void)|string): void
+    /**
+     * Fired when the Engine detects a scheduling conflict.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {object} params.params.event.schedulingIssue The conflict details:
+     * @param {Function} params.params.event.schedulingIssue.getDescription Returns the conflict description
+     * @param {object[]} params.params.event.schedulingIssue.intervals Array of conflicting intervals
+     * @param {Function} params.params.event.schedulingIssue.getResolutions Function to get possible resolutions
+     * @param {Function} params.params.event.continueWithResolutionResult Function to call after a resolution is chosen to proceed with the Engine calculations: ```javascript project.on('schedulingConflict', ({ schedulingIssue, continueWithResolutionResult }) => {     // apply the first resolution and continue     schedulingIssue.getResolutions()[0].resolve();     continueWithResolutionResult(EffectResolutionResult.Resume); }) ``` Where `EffectResolutionResult.Resume` results in a resolution being applied and current transaction should be continued.
+     */
+    (e: 'schedulingConflict', params: ((event: { schedulingIssue: { getDescription: Function, intervals: object[], getResolutions: Function }, continueWithResolutionResult: Function }) => void)|string): void
+    /**
+     * Fires on successful [sync request](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-sync) completion.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.
+     * @param {object} params.params.event.response The decoded server response object.
+     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} params.params.event.requestOptions The request options passed to the request.
+     * @param {Response} params.params.event.rawResponse The native Response object
+     */
+    (e: 'sync', params: ((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void
+    /**
+     * Fires after [sync request](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-sync) was canceled by some [beforeSync](#Scheduler/crud/AbstractCrudManagerMixin#event-beforeSync) listener.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.
+     * @param {object} params.params.event.pack The data package which contains data for all stores managed by the crud manager.
+     */
+    (e: 'syncCanceled', params: ((event: { source: AbstractCrudManager, pack: object }) => void)|string): void
+    /**
+     * Fires after [sync request](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-sync) was delayed due to incomplete previous one.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.
+     * @param {object} params.params.event.arguments The arguments of [sync](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-sync) call.
+     */
+    (e: 'syncDelayed', params: ((event: { source: AbstractCrudManager, arguments: object }) => void)|string): void
+    /**
+     * Fires when a [sync request](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/crud/AbstractCrudManagerMixin#function-sync) fails.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager instance.
+     * @param {object} params.params.event.response The decoded server response object.
+     * @param {string} params.params.event.responseText The raw server response text
+     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} params.params.event.requestOptions The request options passed to the request.
+     * @param {Response} params.params.event.rawResponse The native Response object
+     */
+    (e: 'syncFail', params: ((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void
+}>();
+
+const widgetData = {
+    instanceClass : ProjectModel,
+    instanceName  : 'ProjectModel',
+
+    configNames   : [
+        'adjustDurationToDST',
+        'assignmentModelClass',
+        'assignmentsData',
+        'assignmentStoreClass',
+        'autoLoad',
+        'autoSync',
+        'autoSyncTimeout',
+        'bubbleEvents',
+        'calendarManagerStoreClass',
+        'calendarModelClass',
+        'calendarsData',
+        'children',
+        'delayCalculation',
+        'dependenciesData',
+        'dependencyModelClass',
+        'dependencyStoreClass',
+        'encoder',
+        'eventModelClass',
+        'eventsData',
+        'eventStoreClass',
+        'expanded',
+        'includeChildrenInRemoveRequest',
+        'listeners',
+        'maxCalendarRange',
+        'orderedParentIndex',
+        'pageSize',
+        'parentIndex',
+        'phantomIdField',
+        'phantomParentIdField',
+        'remotePaging',
+        'requestData',
+        'resetIdsBeforeSync',
+        'resetUndoRedoQueuesAfterLoad',
+        'resourceAllocationInfoClass',
+        'resourceModelClass',
+        'resourcesData',
+        'resourceStoreClass',
+        'resourceTimeRangesData',
+        'resourceTimeRangeStoreClass',
+        'silenceInitialCommit',
+        'skipSuccessProperty',
+        'storeIdProperty',
+        'supportShortSyncResponse',
+        'taskStore',
+        'timeRangesData',
+        'timeRangeStoreClass',
+        'toJSONResultFormat',
+        'trackResponseType',
+        'transport',
+        'useRawData',
+        'validateResponse',
+        'writeAllFields'
+    ],
+    propertyConfigNames : [
+        'addConstraintOnDateSet',
+        'assignments',
+        'assignmentStore',
+        'autoCalculatePercentDoneForParentTasks',
+        'autoMergeAdjacentSegments',
+        'calendar',
+        'calendarManagerStore',
+        'calendars',
+        'callOnFunctions',
+        'catchEventHandlerExceptions',
+        'crudStores',
+        'daysPerMonth',
+        'daysPerWeek',
+        'dependencies',
+        'dependenciesCalendar',
+        'dependencyStore',
+        'enableProgressNotifications',
+        'events',
+        'eventStore',
+        'forceSync',
+        'hoursPerDay',
+        'id',
+        'ignoreRemoteChangesInSTM',
+        'includeLegacyDataProperties',
+        'isFullyLoaded',
+        'json',
+        'lazyLoad',
+        'loadUrl',
+        'onBeforeDestroy',
+        'onBeforeLoad',
+        'onBeforeLoadApply',
+        'onBeforeResponseApply',
+        'onBeforeSend',
+        'onBeforeSync',
+        'onBeforeSyncApply',
+        'onCatchAll',
+        'onChange',
+        'onCycle',
+        'onDataReady',
+        'onDestroy',
+        'onEmptyCalendar',
+        'onHasChanges',
+        'onLoad',
+        'onLoadCanceled',
+        'onLoadFail',
+        'onNoChanges',
+        'onProgress',
+        'onRequestDone',
+        'onRequestFail',
+        'onRevisionNotification',
+        'onSchedulingConflict',
+        'onSync',
+        'onSyncCanceled',
+        'onSyncDelayed',
+        'onSyncFail',
+        'parentId',
+        'readOnly',
+        'remoteChildCount',
+        'resources',
+        'resourceStore',
+        'resourceTimeRanges',
+        'resourceTimeRangeStore',
+        'shouldSyncDataOnLoad',
+        'skipNonWorkingTimeInDurationWhenSchedulingManually',
+        'skipNonWorkingTimeWhenSchedulingManually',
+        'stm',
+        'syncApplySequence',
+        'syncUrl',
+        'timeRanges',
+        'timeRangeStore',
+        'timeZone',
+        'trackProjectModelChanges'
+    ],
+    propertyNames : [
+        'allChildren',
+        'allUnfilteredChildren',
+        'descendantCount',
+        'hasGeneratedId',
+        'inlineData',
+        'internalId',
+        'isCommitting',
+        'isCreating',
+        'isValid',
+        'previousSiblingsTotalCount',
+        'segmentModelClass',
+        'visibleDescendantCount'
+    ],
+    eventNames : [
+        'beforeDestroy',
+        'beforeLoad',
+        'beforeLoadApply',
+        'beforeResponseApply',
+        'beforeSend',
+        'beforeSync',
+        'beforeSyncApply',
+        'catchAll',
+        'change',
+        'cycle',
+        'dataReady',
+        'destroy',
+        'emptyCalendar',
+        'hasChanges',
+        'load',
+        'loadCanceled',
+        'loadFail',
+        'noChanges',
+        'progress',
+        'requestDone',
+        'requestFail',
+        'revisionNotification',
+        'schedulingConflict',
+        'sync',
+        'syncCanceled',
+        'syncDelayed',
+        'syncFail'
+    ]
+};
+
+const instance: {
+    value?: ProjectModel
+} = {};
+
+const refElement = ref<HTMLDivElement>()!;
+// Storage for teleports (in-cell Vue component instances) automatically renderer by template
+const teleports = ref(new Map());
+
+// Provide teleports for processCellContent
+provide('teleports', teleports);
+
+onMounted(() => {
+
+    const me = getCurrentInstance()!;
+
+    instance.value = WrapperHelper.createWidget<typeof ProjectModel>({
+        me,
+        widgetData,
+        emit,
+        element : refElement.value!,
+        toRaw
+    });
+
+    const watcher = (prop: string, callback: any) => watch(() => me.props[prop], callback);
+    WrapperHelper.watchProps(instance.value, widgetData, watcher);
+});
+
+onBeforeUnmount(() => {
+    // @ts-ignore
+    instance.value?.destroy?.();
+});
+
+defineExpose({
+    instance,
+    refElement,
+    teleports
+});
+
+</script>