@bryntum/taskboard-angular-thin 7.1.1 → 7.1.2

package/src/lib/taskboard.module.ts

@@ -0,0 +1,79 @@
+/**
+* Angular Bryntum TaskBoard Shared module
+*/
+import { NgModule } from '@angular/core';
+
+import { BryntumColumnComboComponent } from './bryntum-column-combo.component';
+import { BryntumColumnFilterFieldComponent } from './bryntum-column-filter-field.component';
+import { BryntumColumnPickerButtonComponent } from './bryntum-column-picker-button.component';
+import { BryntumColumnScrollButtonComponent } from './bryntum-column-scroll-button.component';
+import { BryntumProjectComboComponent } from './bryntum-project-combo.component';
+import { BryntumTaskBoardProjectModelComponent } from './bryntum-task-board-project-model.component';
+import { BryntumResourcesComboComponent } from './bryntum-resources-combo.component';
+import { BryntumSwimlaneComboComponent } from './bryntum-swimlane-combo.component';
+import { BryntumSwimlaneFilterFieldComponent } from './bryntum-swimlane-filter-field.component';
+import { BryntumSwimlanePickerButtonComponent } from './bryntum-swimlane-picker-button.component';
+import { BryntumSwimlaneScrollButtonComponent } from './bryntum-swimlane-scroll-button.component';
+import { BryntumTagComboComponent } from './bryntum-tag-combo.component';
+import { BryntumTaskBoardComponent } from './bryntum-task-board.component';
+import { BryntumTaskBoardBaseComponent } from './bryntum-task-board-base.component';
+import { BryntumTaskBoardFieldFilterPickerComponent } from './bryntum-task-board-field-filter-picker.component';
+import { BryntumTaskBoardFieldFilterPickerGroupComponent } from './bryntum-task-board-field-filter-picker-group.component';
+import { BryntumTaskColorComboComponent } from './bryntum-task-color-combo.component';
+import { BryntumTaskFilterFieldComponent } from './bryntum-task-filter-field.component';
+import { BryntumTodoListFieldComponent } from './bryntum-todo-list-field.component';
+import { BryntumUndoRedoComponent } from './bryntum-undo-redo.component';
+import { BryntumZoomSliderComponent } from './bryntum-zoom-slider.component';
+
+@NgModule({
+    declarations : [
+
+        BryntumColumnComboComponent,
+        BryntumColumnFilterFieldComponent,
+        BryntumColumnPickerButtonComponent,
+        BryntumColumnScrollButtonComponent,
+        BryntumProjectComboComponent,
+        BryntumTaskBoardProjectModelComponent,
+        BryntumResourcesComboComponent,
+        BryntumSwimlaneComboComponent,
+        BryntumSwimlaneFilterFieldComponent,
+        BryntumSwimlanePickerButtonComponent,
+        BryntumSwimlaneScrollButtonComponent,
+        BryntumTagComboComponent,
+        BryntumTaskBoardComponent,
+        BryntumTaskBoardBaseComponent,
+        BryntumTaskBoardFieldFilterPickerComponent,
+        BryntumTaskBoardFieldFilterPickerGroupComponent,
+        BryntumTaskColorComboComponent,
+        BryntumTaskFilterFieldComponent,
+        BryntumTodoListFieldComponent,
+        BryntumUndoRedoComponent,
+        BryntumZoomSliderComponent
+    ],
+    imports : [],
+    exports : [
+
+        BryntumColumnComboComponent,
+        BryntumColumnFilterFieldComponent,
+        BryntumColumnPickerButtonComponent,
+        BryntumColumnScrollButtonComponent,
+        BryntumProjectComboComponent,
+        BryntumTaskBoardProjectModelComponent,
+        BryntumResourcesComboComponent,
+        BryntumSwimlaneComboComponent,
+        BryntumSwimlaneFilterFieldComponent,
+        BryntumSwimlanePickerButtonComponent,
+        BryntumSwimlaneScrollButtonComponent,
+        BryntumTagComboComponent,
+        BryntumTaskBoardComponent,
+        BryntumTaskBoardBaseComponent,
+        BryntumTaskBoardFieldFilterPickerComponent,
+        BryntumTaskBoardFieldFilterPickerGroupComponent,
+        BryntumTaskColorComboComponent,
+        BryntumTaskFilterFieldComponent,
+        BryntumTodoListFieldComponent,
+        BryntumUndoRedoComponent,
+        BryntumZoomSliderComponent
+    ]
+})
+export class BryntumTaskBoardModule { }

package/src/lib/wrapper.helper.ts

@@ -0,0 +1,89 @@
+import { isDevMode } from '@angular/core';
+
+export default class WrapperHelper {
+    /**
+     * Development warning. Showed when environment is set to 'development'.
+     */
+    public static devWarning(clsName: string, msg: string) : void {
+        // @ts-ignore
+        if (window.bryntum && window.bryntum.isTestEnv || isDevMode()) {
+            console.warn(`Bryntum${clsName}Component development warning!\n${msg}\n` +
+            'Please check Angular integration guide: https://bryntum.com/products/taskboard/docs/guide/TaskBoard/integration/angular/guide'
+            );
+        }
+    }
+
+    /**
+     * Development warning for container parameter.
+     */
+    public static devWarningContainer(clsName: string, containerParam: string) : void {
+        WrapperHelper.devWarning(clsName,
+            `Using "${containerParam}" parameter for configuration is not recommended.\n` +
+            'Widget is placed automatically inside it\'s container element' +
+            `Solution: remove "${containerParam}" parameter from configuration.`
+        );
+    }
+
+    /**
+     * Development warning for config parameter.
+     */
+    public static devWarningConfigProp(clsName: string, prop: string) : void {
+        WrapperHelper.devWarning(clsName,
+            `Using "${prop}" parameter for configuration is not recommended.\n` +
+            `Solution: Use separate parameter for each "${prop}" value to enable reactive updates of the API instance`
+        );
+    }
+
+    /**
+     * Development warning for config property.
+     */
+    public static devWarningUpdateProp(clsName: string, prop: string): void {
+        WrapperHelper.devWarning(clsName,
+            `"${prop}" is a static config option for component constructor only. No runtime changes are supported!`
+        );
+    }
+
+    /**
+     * Applies property value to Bryntum config or instance.
+     * @param {Object} configOrInstance target object
+     * @param {string} prop property name
+     * @param {any} value value
+     * @param {Boolean} isConfig config setting mode
+     */
+    public static applyPropValue(configOrInstance: object|any, prop: string, value: object|any, isConfig: boolean = true): void {
+
+        if (prop === 'project') {
+            // Allow use ProjectModel component as project
+            if (value && typeof value === 'object') {
+                configOrInstance[prop] = value.instance || value;
+            }
+        }
+        else if (prop === 'features' && typeof value === 'object') {
+            Object.keys(value).forEach(key => WrapperHelper.applyPropValue(configOrInstance, `${key}Feature`, value[key], isConfig));
+        }
+        else if (prop === 'config' && typeof value === 'object') {
+            Object.keys(value).forEach(key => WrapperHelper.applyPropValue(configOrInstance, key, value[key], isConfig));
+        }
+        else if (prop === 'columns' && !isConfig) {
+            configOrInstance['columns'].data = value;
+        }
+        else if (prop.endsWith('Feature')) {
+            const
+                features    = configOrInstance['features'],
+                featureName = prop.replace('Feature', '');
+            if (isConfig) {
+                features[featureName] = value;
+            }
+            else {
+                const feature = features[featureName];
+                if (feature) {
+                    feature.setConfig(value);
+                }
+            }
+        }
+        else {
+            configOrInstance[prop] = value;
+        }
+    }
+
+}

package/src/public-api.ts

@@ -0,0 +1,26 @@
+/*
+ * Public API Surface of Bryntum TaskBoard
+ */
+export * from './lib/taskboard.module';
+
+export * from './lib/bryntum-column-combo.component';
+export * from './lib/bryntum-column-filter-field.component';
+export * from './lib/bryntum-column-picker-button.component';
+export * from './lib/bryntum-column-scroll-button.component';
+export * from './lib/bryntum-project-combo.component';
+export * from './lib/bryntum-task-board-project-model.component';
+export * from './lib/bryntum-resources-combo.component';
+export * from './lib/bryntum-swimlane-combo.component';
+export * from './lib/bryntum-swimlane-filter-field.component';
+export * from './lib/bryntum-swimlane-picker-button.component';
+export * from './lib/bryntum-swimlane-scroll-button.component';
+export * from './lib/bryntum-tag-combo.component';
+export * from './lib/bryntum-task-board.component';
+export * from './lib/bryntum-task-board-base.component';
+export * from './lib/bryntum-task-board-field-filter-picker.component';
+export * from './lib/bryntum-task-board-field-filter-picker-group.component';
+export * from './lib/bryntum-task-color-combo.component';
+export * from './lib/bryntum-task-filter-field.component';
+export * from './lib/bryntum-todo-list-field.component';
+export * from './lib/bryntum-undo-redo.component';
+export * from './lib/bryntum-zoom-slider.component'