@bryntum/taskboard-angular 7.1.1 → 7.1.2

package/src/lib/bryntum-task-board-project-model.component.ts

@@ -0,0 +1,1026 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/**
+ * Angular wrapper for Bryntum ProjectModel
+ */
+
+import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
+
+import WrapperHelper from './wrapper.helper';
+
+import { AbstractCrudManager, AssignmentModel, AssignmentModelConfig, AssignmentStore, AssignmentStoreConfig, Base, CrudManagerStoreDescriptor, DependencyModel, DependencyModelConfig, DependencyStore, DependencyStoreConfig, EventModel, EventModelConfig, EventStore, EventStoreConfig, Model, ModelConfig, ProjectModel, ProjectModelListeners, ResourceModel, ResourceModelConfig, ResourceStore, ResourceStoreConfig, ResourceTimeRangeModel, ResourceTimeRangeModelConfig, SchedulerProjectModel, StateTrackingManager, StateTrackingManagerConfig, Store, StoreConfig, TaskModel, TaskModelConfig, TaskStore, TaskStoreConfig, TimeRangeModel, TimeRangeModelConfig } from '@bryntum/taskboard';
+
+import { StringHelper } from '@bryntum/taskboard';
+
+export type BryntumTaskBoardProjectModelProps = {
+    // Configs
+    /**
+     * A flag, indicating whether the dates and duration calculations should adjust the result to DST time shift.
+     */
+    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/taskboard/docs/api/Core/data/Store#config-modelClass) property of the [assignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-assignmentStore)
+     */
+    assignmentModelClass ? : typeof AssignmentModel
+    /**
+     * Data use to fill the [assignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-assignmentStore). Should be an array of
+     * [AssignmentModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/AssignmentModel) or its configuration objects.
+     */
+    assignments ? : AssignmentModel[]|AssignmentModelConfig[]
+    /**
+     * The initial data, to fill the [assignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-assignmentStore) with.
+     * Should be an array of [AssignmentModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/AssignmentModel) or its configuration
+     * objects.
+     * @deprecated 6.3.0 Use [assignments](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-assignments) instead
+     */
+    assignmentsData ? : AssignmentModel[]|AssignmentModelConfig[]
+    /**
+     * An [AssignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/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/scheduler/docs#Scheduler/data/AssignmentStore)
+     */
+    assignmentStoreClass ? : typeof AssignmentStore|object
+    /**
+     * Specify `true` to automatically call [load](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) method on the next frame after creation.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-autoLoad)
+     */
+    autoLoad ? : 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/scheduler/docs#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/scheduler/docs#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/taskboard/docs/api/TaskBoard/model/ProjectModel#config-bubbleEvents)
+     */
+    bubbleEvents ? : object
+    /**
+     * 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/taskboard/docs/api/TaskBoard/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/taskboard/docs/api/TaskBoard/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/taskboard/docs/api/TaskBoard/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/taskboard/docs/api/TaskBoard/model/ProjectModel#config-crudStores)
+     */
+    crudStores ? : Store[]|string[]|CrudManagerStoreDescriptor[]|StoreConfig[]
+    /**
+     * Data use to fill the [dependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-dependencyStore). Should be an array of
+     * [DependencyModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/DependencyModel) or its configuration objects.
+     */
+    dependencies ? : DependencyModel[]|DependencyModelConfig[]
+    /**
+     * The initial data, to fill the [dependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-dependencyStore) with.
+     * Should be an array of [DependencyModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/DependencyModel) or its configuration
+     * objects.
+     * @deprecated 6.3.0 Use [dependencies](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-dependencies) instead
+     */
+    dependenciesData ? : DependencyModel[]|DependencyModelConfig[]
+    /**
+     * The constructor of the dependency model class, to be used in the project. Will be set as the
+     * [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass) property of the [dependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-dependencyStore)
+     */
+    dependencyModelClass ? : typeof DependencyModel
+    /**
+     * A [DependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/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/scheduler/docs#Scheduler/data/DependencyStore)
+     */
+    dependencyStoreClass ? : typeof DependencyStore|object
+    /**
+     * Configuration of the JSON encoder used by the *Crud Manager*.
+     */
+    encoder ? : {
+        requestData?: object
+    }
+    /**
+     * Data use to fill the [eventStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-eventStore). Should be an array of
+     * [EventModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/EventModel) or its configuration objects.
+     */
+    events ? : EventModel[]|EventModelConfig[]
+    /**
+     * The initial data, to fill the [eventStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-eventStore) with.
+     * Should be an array of [EventModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/EventModel) or its configuration objects.
+     * @deprecated 6.3.0 Use [events](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-events) instead
+     */
+    eventsData ? : EventModel[]|EventModelConfig[]
+    /**
+     * An [EventStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/EventStore) instance or a config object.
+     */
+    eventStore ? : EventStore|EventStoreConfig
+    /**
+     * 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
+    /**
+     * 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/taskboard/docs/api/TaskBoard/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/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#property-changes) etc.), and not the ids of its children.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/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/taskboard/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/taskboard/docs/api/TaskBoard/model/ProjectModel#config-isFullyLoaded)
+     */
+    isFullyLoaded ? : boolean
+    /**
+     * Project data as a JSON string, used to populate its stores.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-json)
+     */
+    json ? : string
+    /**
+     * The listener set for this object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/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/taskboard/docs/api/TaskBoard/model/ProjectModel#config-loadUrl)
+     */
+    loadUrl ? : string
+    /**
+     * 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
+    /**
+     * 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/taskboard/docs/api/TaskBoard/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/taskboard/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/grid/docs/guide/Grid/data/lazyloading) to find out if your app needs to use the new [isFullyLoaded](https://bryntum.com/products/taskboard/docs/api/Core/data/mixin/TreeNode#field-isFullyLoaded) field.
+     */
+    remoteChildCount ? : number
+    /**
+     * `True` to reset identifiers (defined by `idField` config) of phantom records before submitting them
+     * to the server.
+     */
+    resetIdsBeforeSync ? : boolean
+    /**
+     * The constructor of the resource model class, to be used in the project. Will be set as the
+     * [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass) property of the [resourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-resourceStore)
+     */
+    resourceModelClass ? : typeof ResourceModel
+    /**
+     * Data use to fill the [resourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-resourceStore). Should be an array of
+     * [ResourceModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/ResourceModel) or its configuration objects.
+     */
+    resources ? : ResourceModel[]|ResourceModelConfig[]
+    /**
+     * The initial data, to fill the [resourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-resourceStore) with.
+     * Should be an array of [ResourceModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/ResourceModel) or its configuration objects.
+     * @deprecated 6.3.0 Use [resources](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-resources) instead
+     */
+    resourcesData ? : ResourceModel[]|ResourceModelConfig[]
+    /**
+     * A [ResourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/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/scheduler/docs#Scheduler/data/ResourceStore)
+     */
+    resourceStoreClass ? : typeof ResourceStore|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/taskboard/docs/api/TaskBoard/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/taskboard/docs/api/TaskBoard/model/ProjectModel#config-silenceInitialCommit)
+     */
+    silenceInitialCommit ? : 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|StateTrackingManager
+    /**
+     * 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/taskboard/docs/api/TaskBoard/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/taskboard/docs/api/TaskBoard/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/taskboard/docs/api/TaskBoard/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/taskboard/docs/api/TaskBoard/model/ProjectModel#config-syncUrl)
+     */
+    syncUrl ? : string
+    /**
+     * The constructor of the task model class, to be used in the project.
+     * Will be set as the [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass)
+     * property of the [taskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#property-taskStore).
+     */
+    taskModelClass ? : typeof TaskModel
+    /**
+     * The initial data, to fill the [taskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#property-taskStore) with. Should be an array of
+     * [TaskModel](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/TaskModel) or its configuration objects.
+     */
+    tasks ? : TaskModel[]|TaskModelConfig[]
+    /**
+     * The initial data, to fill the [taskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#property-taskStore) with.
+     * Should be an array of [TaskModel](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/TaskModel) instances or its configuration objects.
+     * @deprecated 6.3.0 Use [tasks](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-tasks) instead
+     */
+    tasksData ? : TaskModel[]|TaskModelConfig[]
+    /**
+     * An [TaskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/store/TaskStore) instance or a config object.
+     */
+    taskStore ? : TaskStoreConfig|TaskStore
+    /**
+     * The constructor to create a task store instance with.
+     * Should be a class, subclassing the [TaskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/store/TaskStore).
+     */
+    taskStoreClass ? : typeof TaskStore
+    /**
+     * 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/taskboard/docs/api/TaskBoard/model/ProjectModel#config-timeZone)
+     */
+    timeZone ? : string|number
+    /**
+     * Specifies the output format of [toJSON](https://bryntum.com/products/scheduler/docs#Scheduler/model/mixin/ProjectModelCommon#function-toJSON).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-toJSONResultFormat)
+     */
+    toJSONResultFormat ? : 'inlineData'|'model'
+    /**
+     * 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/taskboard/docs/api/TaskBoard/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/taskboard/docs/api/TaskBoard/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/taskboard/docs/api/TaskBoard/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/taskboard/docs/api/Core/data/field/DataField#config-persist) set to `false` will
+     * still be ignored and fields having [alwaysWrite](https://bryntum.com/products/taskboard/docs/api/Core/data/field/DataField#config-alwaysWrite) set to `true`
+     * will always be included.
+     */
+    writeAllFields ? : boolean
+
+}
+
+@Component({
+    selector : 'bryntum-task-board-project-model',
+    template : ''
+})
+export class BryntumTaskBoardProjectModelComponent implements OnInit, OnDestroy {
+
+    public static instanceClass = ProjectModel;
+
+    public static instanceName = 'ProjectModel';
+
+    private static bryntumEvents: string[] = [
+        'onBeforeDestroy',
+        'onBeforeLoad',
+        'onBeforeLoadApply',
+        'onBeforeResponseApply',
+        'onBeforeSend',
+        'onBeforeSync',
+        'onBeforeSyncApply',
+        'onCatchAll',
+        'onChange',
+        'onDataReady',
+        'onDestroy',
+        'onHasChanges',
+        'onLoad',
+        'onLoadCanceled',
+        'onLoadFail',
+        'onNoChanges',
+        'onRequestDone',
+        'onRequestFail',
+        'onSync',
+        'onSyncCanceled',
+        'onSyncDelayed',
+        'onSyncFail'
+    ];
+
+    private static bryntumFeatureNames: string[] = [
+
+    ];
+
+    private static bryntumConfigs: string[] = BryntumTaskBoardProjectModelComponent.bryntumFeatureNames.concat([
+        'adjustDurationToDST',
+        'assignmentModelClass',
+        'assignments',
+        'assignmentsData',
+        'assignmentStore',
+        'assignmentStoreClass',
+        'autoLoad',
+        'autoSync',
+        'autoSyncTimeout',
+        'bubbleEvents',
+        'callOnFunctions',
+        'catchEventHandlerExceptions',
+        'children',
+        'crudStores',
+        'dependencies',
+        'dependenciesData',
+        'dependencyModelClass',
+        'dependencyStore',
+        'dependencyStoreClass',
+        'encoder',
+        'events',
+        'eventsData',
+        'eventStore',
+        'expanded',
+        'forceSync',
+        'id',
+        'ignoreRemoteChangesInSTM',
+        'includeChildrenInRemoveRequest',
+        'includeLegacyDataProperties',
+        'isFullyLoaded',
+        'json',
+        'listeners',
+        'loadUrl',
+        'orderedParentIndex',
+        'parentId',
+        'parentIndex',
+        'phantomIdField',
+        'phantomParentIdField',
+        'readOnly',
+        'remoteChildCount',
+        'resetIdsBeforeSync',
+        'resourceModelClass',
+        'resources',
+        'resourcesData',
+        'resourceStore',
+        'resourceStoreClass',
+        'shouldSyncDataOnLoad',
+        'silenceInitialCommit',
+        'skipSuccessProperty',
+        'stm',
+        'storeIdProperty',
+        'supportShortSyncResponse',
+        'syncApplySequence',
+        'syncUrl',
+        'taskModelClass',
+        'tasks',
+        'tasksData',
+        'taskStore',
+        'taskStoreClass',
+        'timeZone',
+        'toJSONResultFormat',
+        'trackResponseType',
+        'transport',
+        'useRawData',
+        'validateResponse',
+        'writeAllFields'
+    ]);
+
+    private static bryntumConfigsOnly: string[] = [
+        'adjustDurationToDST',
+        'assignmentModelClass',
+        'assignmentsData',
+        'assignmentStoreClass',
+        'autoLoad',
+        'autoSync',
+        'autoSyncTimeout',
+        'bubbleEvents',
+        'children',
+        'dependenciesData',
+        'dependencyModelClass',
+        'dependencyStoreClass',
+        'encoder',
+        'eventsData',
+        'expanded',
+        'ignoreRemoteChangesInSTM',
+        'includeChildrenInRemoveRequest',
+        'listeners',
+        'orderedParentIndex',
+        'parentIndex',
+        'phantomIdField',
+        'phantomParentIdField',
+        'resetIdsBeforeSync',
+        'resourceModelClass',
+        'resourcesData',
+        'resourceStoreClass',
+        'silenceInitialCommit',
+        'skipSuccessProperty',
+        'storeIdProperty',
+        'supportShortSyncResponse',
+        'taskModelClass',
+        'tasksData',
+        'taskStoreClass',
+        'toJSONResultFormat',
+        'trackResponseType',
+        'transport',
+        'useRawData',
+        'validateResponse',
+        'writeAllFields'
+    ];
+
+    private static bryntumProps: string[] = BryntumTaskBoardProjectModelComponent.bryntumFeatureNames.concat([
+        'allChildren',
+        'allUnfilteredChildren',
+        'assignments',
+        'assignmentStore',
+        'callOnFunctions',
+        'catchEventHandlerExceptions',
+        'crudStores',
+        'dependencies',
+        'dependencyStore',
+        'descendantCount',
+        'events',
+        'eventStore',
+        'forceSync',
+        'hasGeneratedId',
+        'id',
+        'includeLegacyDataProperties',
+        'inlineData',
+        'internalId',
+        'isCommitting',
+        'isCreating',
+        'isFullyLoaded',
+        'isValid',
+        'json',
+        'loadUrl',
+        'parentId',
+        'previousSiblingsTotalCount',
+        'readOnly',
+        'remoteChildCount',
+        'resources',
+        'resourceStore',
+        'resourceTimeRanges',
+        'shouldSyncDataOnLoad',
+        'stm',
+        'syncApplySequence',
+        'syncUrl',
+        'tasks',
+        'taskStore',
+        'timeRanges',
+        'timeZone',
+        'visibleDescendantCount'
+    ]);
+
+    private elementRef: ElementRef;
+    public instance!: ProjectModel;
+
+    private bryntumConfig = {
+        adopt            : undefined,
+        appendTo         : undefined,
+        href             : undefined,
+        angularComponent : this,
+        features         : {},
+        listeners        : {}
+    };
+
+    constructor(element: ElementRef) {
+        this.elementRef = element;
+    }
+
+    // Configs only
+    @Input() adjustDurationToDST            ! : boolean;
+    @Input() assignmentModelClass           ! : typeof AssignmentModel;
+    @Input() assignmentsData                ! : AssignmentModel[]|AssignmentModelConfig[];
+    @Input() assignmentStoreClass           ! : typeof AssignmentStore|object;
+    @Input() autoLoad                       ! : boolean;
+    @Input() autoSync                       ! : boolean;
+    @Input() autoSyncTimeout                ! : number;
+    @Input() bubbleEvents                   ! : object;
+    @Input() children                       ! : boolean|object[]|Model[]|ModelConfig[];
+    @Input() dependenciesData               ! : DependencyModel[]|DependencyModelConfig[];
+    @Input() dependencyModelClass           ! : typeof DependencyModel;
+    @Input() dependencyStoreClass           ! : typeof DependencyStore|object;
+    @Input() encoder                        ! : {
+        requestData?: object
+    };
+    @Input() eventsData                     ! : EventModel[]|EventModelConfig[];
+    @Input() expanded                       ! : boolean;
+    @Input() ignoreRemoteChangesInSTM       ! : boolean;
+    @Input() includeChildrenInRemoveRequest ! : boolean;
+    @Input() listeners                      ! : ProjectModelListeners;
+    @Input() orderedParentIndex             ! : number;
+    @Input() parentIndex                    ! : number;
+    @Input() phantomIdField                 ! : string;
+    @Input() phantomParentIdField           ! : string;
+    @Input() resetIdsBeforeSync             ! : boolean;
+    @Input() resourceModelClass             ! : typeof ResourceModel;
+    @Input() resourcesData                  ! : ResourceModel[]|ResourceModelConfig[];
+    @Input() resourceStoreClass             ! : typeof ResourceStore|object;
+    @Input() silenceInitialCommit           ! : boolean;
+    @Input() skipSuccessProperty            ! : boolean;
+    @Input() storeIdProperty                ! : string;
+    @Input() supportShortSyncResponse       ! : boolean;
+    @Input() taskModelClass                 ! : typeof TaskModel;
+    @Input() tasksData                      ! : TaskModel[]|TaskModelConfig[];
+    @Input() taskStoreClass                 ! : typeof TaskStore;
+    @Input() toJSONResultFormat             ! : 'inlineData'|'model';
+    @Input() trackResponseType              ! : boolean;
+    @Input() transport                      ! : {
+        load?: object
+        sync?: object
+    };
+    @Input() useRawData                     ! : boolean;
+    @Input() validateResponse               ! : boolean;
+    @Input() writeAllFields                 ! : boolean;
+
+    // Configs and properties
+    @Input() assignments                 ! : AssignmentModel[]|AssignmentModelConfig[];
+    @Input() assignmentStore             ! : AssignmentStore|AssignmentStoreConfig;
+    @Input() callOnFunctions             ! : boolean;
+    @Input() catchEventHandlerExceptions ! : boolean;
+    @Input() crudStores                  ! : CrudManagerStoreDescriptor[]|Store[]|string[]|StoreConfig[];
+    @Input() dependencies                ! : DependencyModel[]|DependencyModelConfig[];
+    @Input() dependencyStore             ! : DependencyStore|DependencyStoreConfig;
+    @Input() events                      ! : EventModel[]|EventModelConfig[];
+    @Input() eventStore                  ! : EventStore|EventStoreConfig;
+    @Input() forceSync                   ! : boolean;
+    @Input() id                          ! : string|number;
+    @Input() includeLegacyDataProperties ! : boolean;
+    @Input() isFullyLoaded               ! : boolean;
+    @Input() json                        ! : string;
+    @Input() loadUrl                     ! : string;
+    @Input() parentId                    ! : number|string|null;
+    @Input() readOnly                    ! : boolean;
+    @Input() remoteChildCount            ! : number;
+    @Input() resources                   ! : ResourceModel[]|ResourceModelConfig[];
+    @Input() resourceStore               ! : ResourceStore|ResourceStoreConfig;
+    @Input() shouldSyncDataOnLoad        ! : (options: { store: Store, records: Model, data: object[] }) => Set<any>|boolean;
+    @Input() stm                         ! : StateTrackingManager|StateTrackingManagerConfig;
+    @Input() syncApplySequence           ! : string[]|CrudManagerStoreDescriptor[];
+    @Input() syncUrl                     ! : string;
+    @Input() tasks                       ! : TaskModel[]|TaskModelConfig[];
+    @Input() taskStore                   ! : TaskStore|TaskStoreConfig;
+    @Input() timeZone                    ! : string|number;
+
+    // Properties only
+    @Input() allChildren                ! : Model[];
+    @Input() allUnfilteredChildren      ! : Model[];
+    @Input() descendantCount            ! : number;
+    @Input() hasGeneratedId             ! : boolean;
+    @Input() inlineData                 ! : object;
+    @Input() internalId                 ! : number;
+    @Input() isCommitting               ! : boolean;
+    @Input() isCreating                 ! : boolean;
+    @Input() isValid                    ! : boolean;
+    @Input() previousSiblingsTotalCount ! : number;
+    @Input() resourceTimeRanges         ! : ResourceTimeRangeModel[]|ResourceTimeRangeModelConfig[];
+    @Input() timeRanges                 ! : TimeRangeModel[]|TimeRangeModelConfig[];
+    @Input() visibleDescendantCount     ! : number;
+
+    // Events emitters
+    /**
+     * Fires before an object is destroyed.
+     * @param {object} event Event object
+     * @param {Core.Base} event.source The Object that is being destroyed.
+     */
+    @Output() onBeforeDestroy: any = new EventEmitter<((event: { source: Base }) => void)|string>();
+    /**
+     * Fires before [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) is sent. Return `false` to cancel load request.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.pack The data package which contains data for all stores managed by the crud manager.
+     */
+    @Output() onBeforeLoad: any = new EventEmitter<((event: { source: AbstractCrudManager, pack: object }) => Promise<boolean>|boolean|void)|string>();
+    /**
+     * 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 {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.response The decoded server response object.
+     * @param {object} event.options Options provided to the [load](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) method.
+     */
+    @Output() onBeforeLoadApply: any = new EventEmitter<((event: { source: AbstractCrudManager, response: object, options: object }) => Promise<boolean>|boolean|void)|string>();
+    /**
+     * 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 {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {'sync','load'} event.requestType The request type (`sync` or `load`).
+     * @param {object} event.response The decoded server response object.
+     */
+    @Output() onBeforeResponseApply: any = new EventEmitter<((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object }) => Promise<boolean>|boolean|void)|string>();
+    /**
+     * Fires before a request is sent to the server.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-beforeSend)
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.crudManager The CRUD manager.
+     * @param {object} event.params HTTP request params to be passed in the request URL.
+     * @param {'sync','load'} event.requestType CrudManager request type (`load`/`sync`)
+     * @param {object} event.requestConfig Configuration object for Ajax request call
+     */
+    @Output() onBeforeSend: any = new EventEmitter<((event: { crudManager: AbstractCrudManager, params: object, requestType: 'sync'|'load', requestConfig: object }) => Promise<void>)|string>();
+    /**
+     * Fires before [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) is sent. Return `false` to cancel sync request.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-beforeSync)
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.pack The data package which contains data for all stores managed by the crud manager.
+     */
+    @Output() onBeforeSync: any = new EventEmitter<((event: { source: AbstractCrudManager, pack: object }) => Promise<boolean>|boolean|void)|string>();
+    /**
+     * 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 {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.response The decoded server response object.
+     */
+    @Output() onBeforeSyncApply: any = new EventEmitter<((event: { source: AbstractCrudManager, response: object }) => Promise<boolean>|boolean|void)|string>();
+    /**
+     * Fires when any other event is fired from the object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-catchAll)
+     * @param {object} event Event object
+     * @param {{[key: string]: any, type: string}} event.event The Object that contains event details
+     * @param {string} event.event.type The type of the event which is caught by the listener
+     */
+    @Output() onCatchAll: any = new EventEmitter<((event: {[key: string]: any, type: string}) => void)|string>();
+    /**
+     * Fired when data in any of the projects stores changes.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-change)
+     * @param {object} event Event object
+     * @param {Scheduler.model.SchedulerProjectModel,any} event.source This project
+     * @param {Core.data.Store} event.store Affected store
+     * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} 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} event.record Changed record, for actions that affects exactly one record (`'update'`)
+     * @param {Core.data.Model[]} event.records Changed records, passed for all actions except `'removeAll'`
+     * @param {object} event.changes Passed for the `'update'` action, info on which record fields changed
+     */
+    @Output() onChange: any = new EventEmitter<((event: { source: SchedulerProjectModel|any, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string>();
+    /**
+     * 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/taskboard/docs/api/TaskBoard/model/ProjectModel#event-dataReady)
+     * @param {object} event Event object
+     * @param {Scheduler.model.SchedulerProjectModel,any} event.source The project
+     * @param {boolean} event.isInitialCommit Flag that shows if this commit is initial
+     * @param {Set<any>} event.records Set of all [Model](https://bryntum.com/products/taskboard/docs/api/Core/data/Model)s that were modified in the completed transaction. Use the [modifications](https://bryntum.com/products/taskboard/docs/api/Core/data/Model#property-modifications) property of each Model to identify modified fields.
+     */
+    @Output() onDataReady: any = new EventEmitter<((event: { source: SchedulerProjectModel|any, isInitialCommit: boolean, records: Set<any> }) => void)|string>();
+    /**
+     * Fires when an object is destroyed.
+     * @param {object} event Event object
+     * @param {Core.Base} event.source The Object that is being destroyed.
+     */
+    @Output() onDestroy: any = new EventEmitter<((event: { source: Base }) => void)|string>();
+    /**
+     * Fires when data in any of the registered data stores is changed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-hasChanges)
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     */
+    @Output() onHasChanges: any = new EventEmitter<((event: { source: AbstractCrudManager }) => void)|string>();
+    /**
+     * Fires on successful [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) completion after data gets loaded to the stores.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.response The decoded server response object.
+     * @param {object} event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} event.requestOptions The request options passed to the request.
+     * @param {Response} event.rawResponse The native Response object
+     */
+    @Output() onLoad: any = new EventEmitter<((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string>();
+    /**
+     * Fired after [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) was canceled by some [beforeLoad](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#event-beforeLoad)
+     * listener or due to incomplete prior load request.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.pack The data package which contains data for all stores managed by the crud manager.
+     */
+    @Output() onLoadCanceled: any = new EventEmitter<((event: { source: AbstractCrudManager, pack: object }) => void)|string>();
+    /**
+     * Fires when a [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) fails.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager instance.
+     * @param {object} event.response The decoded server response object.
+     * @param {string} event.responseText The raw server response text
+     * @param {object} event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} event.requestOptions The request options passed to the request.
+     * @param {Response} event.rawResponse The native Response object
+     */
+    @Output() onLoadFail: any = new EventEmitter<((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string>();
+    /**
+     * Fires when registered stores get into state when they don't have any
+     * not persisted change. This happens after [load](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) or [sync](https://bryntum.com/products/scheduler/docs#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/taskboard/docs/api/TaskBoard/model/ProjectModel#event-noChanges)
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     */
+    @Output() onNoChanges: any = new EventEmitter<((event: { source: AbstractCrudManager }) => void)|string>();
+    /**
+     * Fires on successful request completion after data gets applied to the stores.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {'sync','load'} event.requestType The request type (`sync` or `load`).
+     * @param {object} event.response The decoded server response object.
+     * @param {object} event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} event.requestOptions The request options passed to the request.
+     * @param {Response} event.rawResponse The native Response object
+     */
+    @Output() onRequestDone: any = new EventEmitter<((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string>();
+    /**
+     * Fires when a request fails.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager instance.
+     * @param {'sync','load'} event.requestType The request type (`sync` or `load`).
+     * @param {object} event.response The decoded server response object.
+     * @param {string} event.responseText The raw server response text
+     * @param {object} event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} event.requestOptions The request options passed to the request.
+     * @param {Response} event.rawResponse The native Response object
+     */
+    @Output() onRequestFail: any = new EventEmitter<((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string>();
+    /**
+     * Fires on successful [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) completion.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.response The decoded server response object.
+     * @param {object} event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} event.requestOptions The request options passed to the request.
+     * @param {Response} event.rawResponse The native Response object
+     */
+    @Output() onSync: any = new EventEmitter<((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string>();
+    /**
+     * Fires after [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) was canceled by some [beforeSync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#event-beforeSync) listener.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.pack The data package which contains data for all stores managed by the crud manager.
+     */
+    @Output() onSyncCanceled: any = new EventEmitter<((event: { source: AbstractCrudManager, pack: object }) => void)|string>();
+    /**
+     * Fires after [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) was delayed due to incomplete previous one.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager.
+     * @param {object} event.arguments The arguments of [sync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) call.
+     */
+    @Output() onSyncDelayed: any = new EventEmitter<((event: { source: AbstractCrudManager, arguments: object }) => void)|string>();
+    /**
+     * Fires when a [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) fails.
+     * @param {object} event Event object
+     * @param {Scheduler.crud.AbstractCrudManager} event.source The CRUD manager instance.
+     * @param {object} event.response The decoded server response object.
+     * @param {string} event.responseText The raw server response text
+     * @param {object} event.responseOptions [DEPRECATED] see `requestOptions`
+     * @param {object} event.requestOptions The request options passed to the request.
+     * @param {Response} event.rawResponse The native Response object
+     */
+    @Output() onSyncFail: any = new EventEmitter<((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string>();
+
+    /**
+     * Create and append the underlying widget
+     */
+    ngOnInit(): void {
+        const
+            me = this,
+            {
+                elementRef,
+                bryntumConfig
+            } = me,
+            {
+                instanceClass,
+                instanceName,
+                bryntumConfigs,
+                bryntumEvents
+            } = BryntumTaskBoardProjectModelComponent;
+
+        bryntumConfigs.filter(prop => prop in this).forEach(prop => {
+            // @ts-ignore
+            WrapperHelper.applyPropValue(bryntumConfig, prop, this[prop]);
+            if (['features', 'config'].includes(prop)) {
+                WrapperHelper.devWarningConfigProp(instanceName, prop);
+            }
+        });
+        // @ts-ignore
+        bryntumEvents.filter(event => this[event] && this[event].observers.length > 0).forEach(event => {
+            const
+                uncapitalize = (str: string) => str.charAt(0).toLowerCase() + str.slice(1),
+                eventName = (str: string) => uncapitalize(str.slice(2));
+
+            // @ts-ignore
+            bryntumConfig.listeners[eventName(event)] = e => {
+                // @ts-ignore
+                me[event].emit(e);
+                // EventEmitter does not return values in the normal way, work around it by setting `returnValue` flag
+                // in Angular listeners
+                return e.returnValue;
+            };
+        });
+
+        // If component has no container specified in config then use adopt to Wrapper's element
+        const
+            containerParam = [
+                'adopt',
+                'appendTo',
+                'insertAfter',
+                'insertBefore'
+                // @ts-ignore
+            ].find(prop => bryntumConfig[prop]);
+        if (!containerParam) {
+            if (instanceName === 'Button' || elementRef.nativeElement.getRootNode() instanceof ShadowRoot) {
+                // Button should always be <a> or <button> inside owner element
+                bryntumConfig.appendTo = elementRef.nativeElement;
+            }
+            else {
+                bryntumConfig.adopt = elementRef.nativeElement;
+            }
+        }
+        else {
+            WrapperHelper.devWarningContainer(instanceName, containerParam);
+        }
+
+        // @ts-ignore
+        me.instance = instanceName === 'Widget' ? Widget.create(bryntumConfig) : new instanceClass(bryntumConfig);
+
+    }
+
+    /**
+     * Watch for changes
+     * @param changes
+     */
+    ngOnChanges(changes: SimpleChanges): void {
+        const
+            { instance } = this,
+            { instanceName } = BryntumTaskBoardProjectModelComponent;
+        if (!instance) {
+            return;
+        }
+        // Iterate over all changes
+        Object.entries(changes).forEach(([prop, change]) => {
+            const
+                newValue = (change as SimpleChange).currentValue,
+                { instance } = this,
+                { bryntumConfigsOnly, bryntumProps } = BryntumTaskBoardProjectModelComponent;
+            if (bryntumProps.includes(prop)) {
+                WrapperHelper.applyPropValue(instance, prop, newValue, false);
+                if (bryntumConfigsOnly.includes(prop)) {
+                    WrapperHelper.devWarningUpdateProp(instanceName, prop);
+                }
+            }
+        });
+    }
+
+    /**
+     * Destroy the component
+     */
+    ngOnDestroy(): void {
+        // @ts-ignore
+        if (this.instance && this.instance.destroy) {
+            this.instance.destroy();
+        }
+    }
+}