angular-slickgrid 9.0.0 → 9.0.2

package/src/demos/examples/custom-angularComponentEditor.ts

@@ -1,187 +0,0 @@
-import { ComponentRef } from '@angular/core';
-import { Subscription } from 'rxjs';
-import {
-  AngularUtilService,
-  Column,
-  ColumnEditor,
-  Editor,
-  EditorValidator,
-  EditorValidationResult,
-  GridOption,
-  SlickGrid,
-  unsubscribeAllObservables,
-} from '../../library';
-
-/*
- * An example of a 'detached' editor.
- * KeyDown events are also handled to provide handling for Tab, Shift-Tab, Esc and Ctrl-Enter.
- */
-export class CustomAngularComponentEditor implements Editor {
-  private _subscriptions: Subscription[] = [];
-
-  /** Angular Component Reference */
-  componentRef!: ComponentRef<any>;
-
-  /** default item Id */
-  defaultId = '';
-
-  /** default item object */
-  defaultItem: any;
-
-  /** SlickGrid grid object */
-  grid: SlickGrid;
-
-  constructor(private args: any) {
-    this.grid = args && args.grid;
-    this.init();
-  }
-
-  /** Angular Util Service (could be inside the Grid Options Params or the Editor Params ) */
-  get angularUtilService(): AngularUtilService {
-    let angularUtilService = this.gridOptions && this.gridOptions.params && this.gridOptions.params.angularUtilService;
-    if (!angularUtilService || !(angularUtilService instanceof AngularUtilService)) {
-      angularUtilService = this.columnEditor && this.columnEditor.params && this.columnEditor.params.angularUtilService;
-    }
-    return angularUtilService;
-  }
-
-  /** Get the Collection */
-  get collection(): any[] {
-    return this.columnDef?.editor!.collection ?? [];
-  }
-
-  /** Get Column Definition object */
-  get columnDef(): Column {
-    return this.args?.column ?? {};
-  }
-
-  /** Get Column Editor object */
-  get columnEditor(): ColumnEditor {
-    return this.columnDef?.editor ?? {};
-  }
-
-  /** Getter for the Grid Options pulled through the Grid Object */
-  get gridOptions(): GridOption {
-    return (this.grid?.getOptions() ?? {}) as GridOption;
-  }
-
-  get hasAutoCommitEdit(): boolean {
-    return this.gridOptions.autoCommitEdit ?? false;
-  }
-
-  /** Get the Validator function, can be passed in Editor property or Column Definition */
-  get validator(): EditorValidator | undefined {
-    return this.columnEditor.validator || this.columnDef.validator;
-  }
-
-  init() {
-    if (!this.columnEditor || !this.columnEditor.params.component || !(this.angularUtilService instanceof AngularUtilService)) {
-      throw new Error(`[Angular-Slickgrid] For Editor with Angular Component to work properly, you need to provide the "AngularUtilService" via the Editor "params" OR the Grid Options "params"
-      Example: this.columnDefs = [{ id: 'title', field: 'title', editor: { model: CustomEditor, collection: [...], params: { component: MyComponent, angularUtilService: this.angularUtilService }}];
-      OR this.columnDefs = [{ id: 'title', field: 'title', editor: { model: CustomEditor, collection: [...] }]; this.gridOptions = { params: { angularUtilService: this.angularUtilService }}`);
-    }
-    if (this.columnEditor?.params.component) {
-      const componentOutput = this.angularUtilService.createAngularComponentAppendToDom(
-        this.columnEditor.params.component,
-        this.args.container
-      );
-      this.componentRef = componentOutput?.componentRef;
-
-      // here we override the collection object of the Angular Component
-      // but technically you can pass any values you wish to your Component
-      Object.assign(this.componentRef.instance, { collection: this.collection });
-
-      // when our model (item object) changes, we'll call a save of the slickgrid editor
-      this._subscriptions.push(this.componentRef.instance.onItemChanged.subscribe((_item: any) => this.save()));
-    }
-  }
-
-  save() {
-    const validation = this.validate();
-    if (validation && validation.valid) {
-      if (this.hasAutoCommitEdit) {
-        this.args.grid.getEditorLock().commitCurrentEdit();
-      } else {
-        this.args.commitChanges();
-      }
-    }
-  }
-
-  cancel() {
-    this.componentRef.instance.selectedId = this.defaultId;
-    this.componentRef.instance.selectedItem = this.defaultItem;
-    if (this.args?.cancelChanges) {
-      this.args.cancelChanges();
-    }
-  }
-
-  /** optional, implement a hide method on your Angular Component */
-  hide() {
-    if (typeof this.componentRef?.instance.hide === 'function') {
-      this.componentRef.instance.hide();
-    }
-  }
-
-  /** optional, implement a show method on your Angular Component */
-  show() {
-    if (typeof this.componentRef?.instance.show === 'function') {
-      this.componentRef.instance.show();
-    }
-  }
-
-  /** destroy the Angular Component & Subscription */
-  destroy() {
-    if (this.componentRef?.destroy) {
-      this.componentRef.destroy();
-    }
-
-    // also unsubscribe all Angular Subscriptions
-    unsubscribeAllObservables(this._subscriptions);
-  }
-
-  /** optional, implement a focus method on your Angular Component */
-  focus() {
-    if (typeof this.componentRef?.instance.focus === 'function') {
-      this.componentRef.instance.focus();
-    }
-  }
-
-  applyValue(item: any, state: any) {
-    item[this.columnDef.field] = state;
-  }
-
-  getValue() {
-    return this.componentRef.instance.selectedId;
-  }
-
-  loadValue(item: any) {
-    const itemObject = item && item[this.columnDef.field];
-    this.componentRef.instance.selectedId = (itemObject && itemObject.id) || '';
-    this.componentRef.instance.selectedItem = itemObject && itemObject;
-  }
-
-  serializeValue(): any {
-    return this.componentRef.instance.selectedItem;
-  }
-
-  isValueChanged() {
-    return (
-      !(this.componentRef.instance.selectedId === '' && (this.defaultId === null || this.defaultId === undefined)) &&
-      this.componentRef.instance.selectedId !== this.defaultId
-    );
-  }
-
-  validate(): EditorValidationResult {
-    if (this.validator) {
-      const value = this.componentRef.instance.selectedId;
-      return this.validator(value, this.args);
-    }
-
-    // by default the editor is always valid
-    // if user want it to be required, he would have to provide his own validator
-    return {
-      valid: true,
-      msg: null,
-    };
-  }
-}

package/src/demos/examples/custom-angularComponentFilter.ts

@@ -1,123 +0,0 @@
-import { ComponentRef } from '@angular/core';
-import { Subscription } from 'rxjs';
-import {
-  AngularUtilService,
-  Column,
-  ColumnFilter,
-  Filter,
-  FilterArguments,
-  FilterCallback,
-  GridOption,
-  OperatorType,
-  OperatorString,
-  SearchTerm,
-  SlickGrid,
-  unsubscribeAllObservables,
-} from '../../library';
-
-export class CustomAngularComponentFilter implements Filter {
-  private _shouldTriggerQuery = true;
-  private _subscriptions: Subscription[] = [];
-
-  /** Angular Component Reference */
-  componentRef!: ComponentRef<any>;
-
-  grid!: SlickGrid;
-  searchTerms: SearchTerm[] = [];
-  columnDef!: Column;
-  callback!: FilterCallback;
-  operator: OperatorType | OperatorString = OperatorType.equal;
-
-  /** Angular Util Service (could be inside the Grid Options Params or the Filter Params ) */
-  get angularUtilService(): AngularUtilService {
-    let angularUtilService = this.gridOptions?.params?.angularUtilService;
-    if (!angularUtilService || !(angularUtilService instanceof AngularUtilService)) {
-      angularUtilService = this.columnFilter?.params?.angularUtilService;
-    }
-    return angularUtilService;
-  }
-
-  /** Get the Collection */
-  get collection(): any[] {
-    return this.columnFilter?.collection || [];
-  }
-
-  /** Getter for the Column Filter */
-  get columnFilter(): ColumnFilter {
-    return (this.columnDef && this.columnDef.filter) || {};
-  }
-
-  /** Getter for the Grid Options pulled through the Grid Object */
-  get gridOptions(): GridOption {
-    return (this.grid?.getOptions() ?? {}) as GridOption;
-  }
-
-  /**
-   * Initialize the Filter
-   */
-  init(args: FilterArguments) {
-    this.grid = args.grid as SlickGrid;
-    this.callback = args.callback;
-    this.columnDef = args.columnDef;
-    this.searchTerms = ('searchTerms' in args ? args.searchTerms : []) || [];
-
-    if (!this.columnFilter || !this.columnFilter.params.component || !(this.angularUtilService instanceof AngularUtilService)) {
-      throw new Error(`[Angular-Slickgrid] For Filter with Angular Component to work properly, you need to provide the "AngularUtilService" via the Filter "params" OR the Grid Options "params"
-      Example: this.columnDefs = [{ id: 'title', field: 'title', filter: { model: CustomFilter, collection: [...], params: { component: MyComponent, angularUtilService: this.angularUtilService }}];
-      OR this.columnDefs = [{ id: 'title', field: 'title', filter: { model: CustomFilter, collection: [...] }]; this.gridOptions = { params: { angularUtilService: this.angularUtilService }}`);
-    }
-
-    if (this.columnFilter?.params.component) {
-      // use a delay to make sure Angular ran at least a full cycle and it finished rendering the Component before hooking onto it
-      // else we get the infamous error "ExpressionChangedAfterItHasBeenCheckedError"
-      const headerElm = this.grid.getHeaderRowColumn(this.columnDef.id);
-      if (headerElm) {
-        headerElm.innerHTML = '';
-        const componentOuput = this.angularUtilService.createAngularComponentAppendToDom(this.columnFilter.params.component, headerElm, {
-          collection: this.collection,
-        });
-        this.componentRef = componentOuput.componentRef;
-
-        this._subscriptions.push(
-          componentOuput.componentRef.instance.onItemChanged.subscribe((item: any) => {
-            this.callback(undefined, {
-              columnDef: this.columnDef,
-              operator: this.operator,
-              searchTerms: [item.id],
-              shouldTriggerQuery: this._shouldTriggerQuery,
-            });
-            // reset flag for next use
-            this._shouldTriggerQuery = true;
-          })
-        );
-      }
-    }
-  }
-
-  /**
-   * Clear the filter value
-   */
-  clear(shouldTriggerQuery = true) {
-    this._shouldTriggerQuery = shouldTriggerQuery;
-    if (this.componentRef?.instance && 'selectedId' in this.componentRef.instance) {
-      this.componentRef.instance.selectedId = 0;
-    }
-  }
-
-  /** destroy the Angular Component & Subscription */
-  destroy() {
-    if (this.componentRef?.destroy) {
-      this.componentRef.destroy();
-    }
-
-    // also unsubscribe all Angular Subscriptions
-    unsubscribeAllObservables(this._subscriptions);
-  }
-
-  /** Set value(s) on the DOM element */
-  setValues(values: SearchTerm[] | SearchTerm) {
-    if (this.componentRef?.instance && 'selectedId' in this.componentRef.instance) {
-      this.componentRef.instance.selectedId = values;
-    }
-  }
-}

package/src/demos/examples/custom-buttonFormatter.component.ts

@@ -1,13 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  template: `<button (click)="sayHello(item?.title)">{{ item?.title }}</button>`,
-  standalone: false,
-})
-export class CustomButtonFormatterComponent {
-  item: any;
-
-  sayHello(title: string) {
-    alert(`Hello ${title}`);
-  }
-}

package/src/demos/examples/custom-inputEditor.ts

@@ -1,132 +0,0 @@
-import { Column, ColumnEditor, Editor, EditorValidator, EditorValidationResult } from '../../library';
-
-/*
- * An example of a 'detached' editor.
- * KeyDown events are also handled to provide handling for Tab, Shift-Tab, Esc and Ctrl-Enter.
- */
-export class CustomInputEditor implements Editor {
-  private _lastInputEvent?: KeyboardEvent;
-  inputElm!: HTMLInputElement;
-  defaultValue: any;
-
-  constructor(private args: any) {
-    this.init();
-  }
-
-  /** Get Column Definition object */
-  get columnDef(): Column {
-    return this.args?.column ?? {};
-  }
-
-  /** Get Column Editor object */
-  get columnEditor(): ColumnEditor {
-    return this.columnDef?.editor ?? {};
-  }
-
-  get hasAutoCommitEdit(): boolean {
-    return this.args.grid.getOptions().autoCommitEdit ?? false;
-  }
-
-  /** Get the Validator function, can be passed in Editor property or Column Definition */
-  get validator(): EditorValidator | undefined {
-    return this.columnEditor.validator || this.columnDef.validator;
-  }
-
-  init(): void {
-    const placeholder = this.columnEditor?.placeholder || '';
-    const title = this.columnEditor?.title || '';
-
-    this.inputElm = document.createElement('input');
-    this.inputElm.type = 'text';
-    this.inputElm.className = 'editor-text';
-    this.inputElm.placeholder = placeholder;
-    this.inputElm.title = title;
-
-    this.args.container.appendChild(this.inputElm);
-
-    this.inputElm.addEventListener('keydown', this.onKeydown.bind(this));
-
-    // the lib does not get the focus out event for some reason
-    // so register it here
-    if (this.hasAutoCommitEdit) {
-      this.inputElm.addEventListener('focusout', this.save.bind(this));
-    }
-
-    setTimeout(() => {
-      this.inputElm.focus();
-      this.inputElm.select();
-    }, 50);
-  }
-
-  onKeydown(event: KeyboardEvent) {
-    this._lastInputEvent = event;
-    if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
-      event.stopImmediatePropagation();
-    }
-  }
-
-  destroy() {
-    this.inputElm.removeEventListener('keydown', this.onKeydown.bind(this));
-    this.inputElm.removeEventListener('focusout', this.save.bind(this));
-    this.inputElm.remove();
-  }
-
-  focus() {
-    this.inputElm.focus();
-  }
-
-  getValue() {
-    return this.inputElm.value;
-  }
-
-  setValue(val: string) {
-    this.inputElm.value = val;
-  }
-
-  loadValue(item: any) {
-    this.defaultValue = item[this.args.column.field] || '';
-    this.inputElm.value = this.defaultValue;
-    this.inputElm.defaultValue = this.defaultValue;
-    this.inputElm.select();
-  }
-
-  serializeValue() {
-    return this.inputElm.value;
-  }
-
-  applyValue(item: any, state: any) {
-    const validation = this.validate(state);
-    item[this.args.column.field] = validation && validation.valid ? state : '';
-  }
-
-  isValueChanged() {
-    const lastKeyEvent = this._lastInputEvent?.key;
-    if (this.columnEditor?.alwaysSaveOnEnterKey && lastKeyEvent === 'Enter') {
-      return true;
-    }
-    return !(this.inputElm.value === '' && this.defaultValue === null) && this.inputElm.value !== this.defaultValue;
-  }
-
-  save() {
-    const validation = this.validate();
-    if (validation?.valid) {
-      if (this.hasAutoCommitEdit) {
-        this.args.grid.getEditorLock().commitCurrentEdit();
-      } else {
-        this.args.commitChanges();
-      }
-    }
-  }
-
-  validate(inputValue?: any): EditorValidationResult {
-    if (this.validator) {
-      const value = inputValue !== undefined ? inputValue : this.inputElm?.value;
-      return this.validator(value, this.args);
-    }
-
-    return {
-      valid: true,
-      msg: null,
-    };
-  }
-}

package/src/demos/examples/custom-inputFilter.ts

@@ -1,134 +0,0 @@
-import {
-  Column,
-  ColumnFilter,
-  Filter,
-  FilterArguments,
-  FilterCallback,
-  GridOption,
-  OperatorType,
-  OperatorString,
-  SearchTerm,
-  SlickGrid,
-} from '../../library';
-
-export class CustomInputFilter implements Filter {
-  private _clearFilterTriggered = false;
-  private _shouldTriggerQuery = true;
-  private filterElm!: HTMLInputElement;
-  grid!: SlickGrid;
-  searchTerms: SearchTerm[] = [];
-  columnDef!: Column;
-  callback!: FilterCallback;
-  operator: OperatorType | OperatorString = OperatorType.equal;
-
-  /** Getter for the Column Filter */
-  get columnFilter(): ColumnFilter {
-    return this.columnDef?.filter ?? {};
-  }
-
-  /** Getter for the Grid Options pulled through the Grid Object */
-  get gridOptions(): GridOption {
-    return (this.grid?.getOptions() ?? {}) as GridOption;
-  }
-
-  /**
-   * Initialize the Filter
-   */
-  init(args: FilterArguments) {
-    this.grid = args.grid as SlickGrid;
-    this.callback = args.callback;
-    this.columnDef = args.columnDef;
-    this.searchTerms = ('searchTerms' in args ? args.searchTerms : []) || [];
-
-    // filter input can only have 1 search term, so we will use the 1st array index if it exist
-    const searchTerm = Array.isArray(this.searchTerms) && this.searchTerms.length >= 0 ? this.searchTerms[0] : '';
-
-    // step 2, create the DOM Element of the filter & initialize it if searchTerm is filled
-    this.filterElm = this.createFilterElement(searchTerm);
-
-    // step 3, subscribe to the keyup event and run the callback when that happens
-    this.filterElm?.addEventListener('keyup', this.onKeyup.bind(this));
-  }
-
-  /**
-   * Clear the filter value
-   */
-  clear(shouldTriggerQuery = true) {
-    if (this.filterElm) {
-      this._clearFilterTriggered = true;
-      this._shouldTriggerQuery = shouldTriggerQuery;
-      this.filterElm.value = '';
-      this.filterElm.dispatchEvent(new Event('keyup'));
-    }
-  }
-
-  /**
-   * destroy the filter
-   */
-  destroy() {
-    this.filterElm?.removeEventListener('keyup', this.onKeyup.bind(this));
-    this.filterElm?.remove();
-  }
-
-  /** Set value(s) on the DOM element */
-  setValues(values: SearchTerm | SearchTerm[]) {
-    if (values && this.filterElm) {
-      this.filterElm.value = values as string;
-    }
-  }
-
-  //
-  // private functions
-  // ------------------
-
-  private onKeyup(e: KeyboardEvent) {
-    let value = (e as KeyboardEvent & { target: HTMLInputElement })?.target?.value ?? '';
-    const enableWhiteSpaceTrim = this.gridOptions.enableFilterTrimWhiteSpace || this.columnFilter.enableTrimWhiteSpace;
-    if (typeof value === 'string' && enableWhiteSpaceTrim) {
-      value = value.trim();
-    }
-
-    if (this._clearFilterTriggered) {
-      this.callback(e, {
-        columnDef: this.columnDef,
-        clearFilterTriggered: this._clearFilterTriggered,
-        shouldTriggerQuery: this._shouldTriggerQuery,
-      });
-      this.filterElm?.classList.remove('filled');
-    } else {
-      value === '' ? this.filterElm?.classList.remove('filled') : this.filterElm?.classList.add('filled');
-      this.callback(e, { columnDef: this.columnDef, searchTerms: [value], shouldTriggerQuery: this._shouldTriggerQuery });
-    }
-    // reset both flags for next use
-    this._clearFilterTriggered = false;
-    this._shouldTriggerQuery = true;
-  }
-
-  /**
-   * From the html template string, create a DOM element
-   * @param filterTemplate
-   */
-  private createFilterElement(searchTerm?: SearchTerm) {
-    const headerElm = this.grid.getHeaderRowColumn(this.columnDef.id);
-    if (headerElm) {
-      headerElm.innerHTML = '';
-
-      let placeholder = this.gridOptions?.defaultFilterPlaceholder ?? '';
-      if (this.columnFilter?.placeholder) {
-        placeholder = this.columnFilter.placeholder;
-      }
-
-      // create the DOM element & add an ID and filter class
-      this.filterElm = document.createElement('input');
-      this.filterElm.type = 'text';
-      this.filterElm.className = 'form-control search-filter';
-      this.filterElm.placeholder = placeholder;
-      this.filterElm.value = `${searchTerm || ''}`;
-      this.filterElm.dataset.columnid = `${this.columnDef.id}`;
-
-      // append the new DOM element to the header row
-      headerElm.appendChild(this.filterElm);
-    }
-    return this.filterElm;
-  }
-}

package/src/demos/examples/custom-titleFormatter.component.ts

@@ -1,9 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  template: `<b>{{ item?.assignee?.name }}</b>`,
-  standalone: false,
-})
-export class CustomTitleFormatterComponent {
-  item: any;
-}

package/src/demos/examples/data/collection_100_numbers.json

@@ -1,12 +0,0 @@
-[
-  { "value": 0, "label": 0, "prefix": "Task", "suffix": "day" }, { "value": 1, "label": 1, "prefix": "Task", "suffix": "day" }, { "value": 2, "label": 2, "prefix": "Task", "suffix": "days" }, { "value": 3, "label": 3, "prefix": "Task", "suffix": "days" }, { "value": 4, "label": 4, "prefix": "Task", "suffix": "days" }, { "value": 5, "label": 5, "prefix": "Task", "suffix": "days" }, { "value": 6, "label": 6, "prefix": "Task", "suffix": "days" }, { "value": 7, "label": 7, "prefix": "Task", "suffix": "days" }, { "value": 8, "label": 8, "prefix": "Task", "suffix": "days" }, { "value": 9, "label": 9, "prefix": "Task", "suffix": "days" },
-  { "value": 10, "label": 10, "prefix": "Task", "suffix": "days" }, { "value": 11, "label": 11, "prefix": "Task", "suffix": "days" }, { "value": 12, "label": 12, "prefix": "Task", "suffix": "days" }, { "value": 13, "label": 13, "prefix": "Task", "suffix": "days" }, { "value": 14, "label": 14, "prefix": "Task", "suffix": "days" }, { "value": 15, "label": 15, "prefix": "Task", "suffix": "days" }, { "value": 16, "label": 16, "prefix": "Task", "suffix": "days" }, { "value": 17, "label": 17, "prefix": "Task", "suffix": "days" }, { "value": 18, "label": 18, "prefix": "Task", "suffix": "days" }, { "value": 19, "label": 19, "prefix": "Task", "suffix": "days" },
-  { "value": 20, "label": 20, "prefix": "Task", "suffix": "days" }, { "value": 21, "label": 21, "prefix": "Task", "suffix": "days" }, { "value": 22, "label": 22, "prefix": "Task", "suffix": "days" }, { "value": 23, "label": 23, "prefix": "Task", "suffix": "days" }, { "value": 24, "label": 24, "prefix": "Task", "suffix": "days" }, { "value": 25, "label": 25, "prefix": "Task", "suffix": "days" }, { "value": 26, "label": 26, "prefix": "Task", "suffix": "days" }, { "value": 27, "label": 27, "prefix": "Task", "suffix": "days" }, { "value": 28, "label": 28, "prefix": "Task", "suffix": "days" }, { "value": 29, "label": 29, "prefix": "Task", "suffix": "days" },
-  { "value": 30, "label": 30, "prefix": "Task", "suffix": "days" }, { "value": 31, "label": 31, "prefix": "Task", "suffix": "days" }, { "value": 32, "label": 32, "prefix": "Task", "suffix": "days" }, { "value": 33, "label": 33, "prefix": "Task", "suffix": "days" }, { "value": 34, "label": 34, "prefix": "Task", "suffix": "days" }, { "value": 35, "label": 35, "prefix": "Task", "suffix": "days" }, { "value": 36, "label": 36, "prefix": "Task", "suffix": "days" }, { "value": 37, "label": 37, "prefix": "Task", "suffix": "days" }, { "value": 38, "label": 38, "prefix": "Task", "suffix": "days" }, { "value": 39, "label": 39, "prefix": "Task", "suffix": "days" },
-  { "value": 40, "label": 40, "prefix": "Task", "suffix": "days" }, { "value": 41, "label": 41, "prefix": "Task", "suffix": "days" }, { "value": 42, "label": 42, "prefix": "Task", "suffix": "days" }, { "value": 43, "label": 43, "prefix": "Task", "suffix": "days" }, { "value": 44, "label": 44, "prefix": "Task", "suffix": "days" }, { "value": 45, "label": 45, "prefix": "Task", "suffix": "days" }, { "value": 46, "label": 46, "prefix": "Task", "suffix": "days" }, { "value": 47, "label": 47, "prefix": "Task", "suffix": "days" }, { "value": 48, "label": 48, "prefix": "Task", "suffix": "days" }, { "value": 49, "label": 49, "prefix": "Task", "suffix": "days" },
-  { "value": 50, "label": 50, "prefix": "Task", "suffix": "days" }, { "value": 51, "label": 51, "prefix": "Task", "suffix": "days" }, { "value": 52, "label": 52, "prefix": "Task", "suffix": "days" }, { "value": 53, "label": 53, "prefix": "Task", "suffix": "days" }, { "value": 54, "label": 54, "prefix": "Task", "suffix": "days" }, { "value": 55, "label": 55, "prefix": "Task", "suffix": "days" }, { "value": 56, "label": 56, "prefix": "Task", "suffix": "days" }, { "value": 57, "label": 57, "prefix": "Task", "suffix": "days" }, { "value": 58, "label": 58, "prefix": "Task", "suffix": "days" }, { "value": 59, "label": 59, "prefix": "Task", "suffix": "days" },
-  { "value": 60, "label": 60, "prefix": "Task", "suffix": "days" }, { "value": 61, "label": 61, "prefix": "Task", "suffix": "days" }, { "value": 62, "label": 62, "prefix": "Task", "suffix": "days" }, { "value": 63, "label": 63, "prefix": "Task", "suffix": "days" }, { "value": 64, "label": 64, "prefix": "Task", "suffix": "days" }, { "value": 65, "label": 65, "prefix": "Task", "suffix": "days" }, { "value": 66, "label": 66, "prefix": "Task", "suffix": "days" }, { "value": 67, "label": 67, "prefix": "Task", "suffix": "days" }, { "value": 68, "label": 68, "prefix": "Task", "suffix": "days" }, { "value": 69, "label": 69, "prefix": "Task", "suffix": "days" },
-  { "value": 70, "label": 70, "prefix": "Task", "suffix": "days" }, { "value": 71, "label": 71, "prefix": "Task", "suffix": "days" }, { "value": 72, "label": 72, "prefix": "Task", "suffix": "days" }, { "value": 73, "label": 73, "prefix": "Task", "suffix": "days" }, { "value": 74, "label": 74, "prefix": "Task", "suffix": "days" }, { "value": 75, "label": 75, "prefix": "Task", "suffix": "days" }, { "value": 76, "label": 76, "prefix": "Task", "suffix": "days" }, { "value": 77, "label": 77, "prefix": "Task", "suffix": "days" }, { "value": 78, "label": 78, "prefix": "Task", "suffix": "days" }, { "value": 79, "label": 79, "prefix": "Task", "suffix": "days" },
-  { "value": 80, "label": 80, "prefix": "Task", "suffix": "days" }, { "value": 81, "label": 81, "prefix": "Task", "suffix": "days" }, { "value": 82, "label": 82, "prefix": "Task", "suffix": "days" }, { "value": 83, "label": 83, "prefix": "Task", "suffix": "days" }, { "value": 84, "label": 84, "prefix": "Task", "suffix": "days" }, { "value": 85, "label": 85, "prefix": "Task", "suffix": "days" }, { "value": 86, "label": 86, "prefix": "Task", "suffix": "days" }, { "value": 87, "label": 87, "prefix": "Task", "suffix": "days" }, { "value": 88, "label": 88, "prefix": "Task", "suffix": "days" }, { "value": 89, "label": 89, "prefix": "Task", "suffix": "days" },
-  { "value": 90, "label": 90, "prefix": "Task", "suffix": "days" }, { "value": 91, "label": 91, "prefix": "Task", "suffix": "days" }, { "value": 92, "label": 92, "prefix": "Task", "suffix": "days" }, { "value": 93, "label": 93, "prefix": "Task", "suffix": "days" }, { "value": 94, "label": 94, "prefix": "Task", "suffix": "days" }, { "value": 95, "label": 95, "prefix": "Task", "suffix": "days" }, { "value": 96, "label": 96, "prefix": "Task", "suffix": "days" }, { "value": 97, "label": 97, "prefix": "Task", "suffix": "days" }, { "value": 98, "label": 98, "prefix": "Task", "suffix": "days" }, { "value": 99, "label": 99, "prefix": "Task", "suffix": "days" }
-]