angular-slickgrid 4.2.0 → 4.2.1

package/src/app/modules/angular-slickgrid/global-grid-options.ts

@@ -1,245 +0,0 @@
-import { Column, DelimiterType, EventNamingStyle, FileType, Filters, GridAutosizeColsMode, OperatorType, TreeDataOption } from '@slickgrid-universal/common';
-import { GridOption, RowDetailView } from './models/index';
-
-/** Global Grid Options Defaults */
-export const GlobalGridOptions: Partial<GridOption> = {
-  alwaysShowVerticalScroll: true,
-  autoEdit: false,
-  asyncEditorLoading: false,
-  autoFitColumnsOnFirstLoad: true,
-  autoResize: {
-    applyResizeToContainer: true,
-    calculateAvailableSizeBy: 'window',
-    bottomPadding: 20,
-    minHeight: 180,
-    minWidth: 300,
-    rightPadding: 0
-  },
-  cellHighlightCssClass: 'slick-cell-modified',
-  checkboxSelector: {
-    cssClass: 'slick-cell-checkboxsel'
-  },
-  columnPicker: {
-    fadeSpeed: 0,
-    hideForceFitButton: false,
-    hideSyncResizeButton: true,
-    headerColumnValueExtractor: pickerHeaderColumnValueExtractor
-  },
-  cellMenu: {
-    autoAdjustDrop: true,
-    autoAlignSide: true,
-    hideCloseButton: true,
-    hideCommandSection: false,
-    hideOptionSection: false,
-  },
-  contextMenu: {
-    autoAdjustDrop: true,
-    autoAlignSide: true,
-    hideCloseButton: true,
-    hideClearAllGrouping: false,
-    hideCollapseAllGroups: false,
-    hideCommandSection: false,
-    hideCopyCellValueCommand: false,
-    hideExpandAllGroups: false,
-    hideExportCsvCommand: false,
-    hideExportExcelCommand: false,
-    hideExportTextDelimitedCommand: true,
-    hideMenuOnScroll: true,
-    hideOptionSection: false,
-    iconCopyCellValueCommand: 'fa fa-clone',
-    iconExportCsvCommand: 'fa fa-download',
-    iconExportExcelCommand: 'fa fa-file-excel-o text-success',
-    iconExportTextDelimitedCommand: 'fa fa-download',
-  },
-  customFooterOptions: {
-    dateFormat: 'YYYY-MM-DD, hh:mm a',
-    hideRowSelectionCount: false,
-    hideTotalItemCount: false,
-    hideLastUpdateTimestamp: true,
-    footerHeight: 25,
-    leftContainerClass: 'col-xs-12 col-sm-5',
-    rightContainerClass: 'col-xs-6 col-sm-7',
-    metricSeparator: '|',
-    metricTexts: {
-      items: 'items',
-      itemsKey: 'ITEMS',
-      itemsSelected: 'items selected',
-      itemsSelectedKey: 'ITEMS_SELECTED',
-      of: 'of',
-      ofKey: 'OF',
-    }
-  },
-  dataView: {
-    syncGridSelection: true, // when enabled, this will preserve the row selection even after filtering/sorting/grouping
-    syncGridSelectionWithBackendService: false, // but disable it when using backend services
-  },
-  datasetIdPropertyName: 'id',
-  defaultFilter: Filters.input,
-  defaultBackendServiceFilterTypingDebounce: 500,
-  defaultColumnSortFieldId: 'id',
-  defaultFilterPlaceholder: '🔎︎',
-  defaultFilterRangeOperator: OperatorType.rangeInclusive,
-  editable: false,
-  enableAutoResize: true,
-  enableAutoSizeColumns: true,
-  enableCellNavigation: false,
-  enableColumnPicker: true,
-  enableColumnReorder: true,
-  enableColumnResizeOnDoubleClick: true,
-  enableContextMenu: true,
-  enableExcelExport: true, // Excel Export is the new default,
-  enableExport: false, // CSV/Text with Tab Delimited
-  enableFilterTrimWhiteSpace: false, // do we want to trim white spaces on all Filters?
-  enableGridMenu: true,
-  enableHeaderMenu: true,
-  enableEmptyDataWarningMessage: true,
-  emptyDataWarning: {
-    className: 'slick-empty-data-warning',
-    message: 'No data to display.',
-    messageKey: 'EMPTY_DATA_WARNING_MESSAGE',
-    hideFrozenLeftWarning: false,
-    hideFrozenRightWarning: false,
-    leftViewportMarginLeft: '40%',
-    rightViewportMarginLeft: '40%',
-    frozenLeftViewportMarginLeft: '0px',
-    frozenRightViewportMarginLeft: '40%',
-  },
-  enableMouseHoverHighlightRow: true,
-  enableSorting: true,
-  enableTextSelectionOnCells: true,
-  eventNamingStyle: EventNamingStyle.camelCase,
-  explicitInitialization: true,
-  excelExportOptions: {
-    addGroupIndentation: true,
-    exportWithFormatter: false,
-    filename: 'export',
-    format: FileType.xlsx,
-    groupingColumnHeaderTitle: 'Group By',
-    groupCollapsedSymbol: '⮞',
-    groupExpandedSymbol: '⮟',
-    groupingAggregatorRowText: '',
-    sanitizeDataExport: false,
-  },
-  exportOptions: {
-    delimiter: DelimiterType.comma,
-    exportWithFormatter: false,
-    filename: 'export',
-    format: FileType.csv,
-    groupingColumnHeaderTitle: 'Group By',
-    groupingAggregatorRowText: '',
-    sanitizeDataExport: false,
-    useUtf8WithBom: true
-  },
-  filterTypingDebounce: 0,
-  forceFitColumns: false,
-  frozenHeaderWidthCalcDifferential: 0,
-  gridMenu: {
-    dropSide: 'left',
-    commandLabels: {
-      clearAllFiltersCommandKey: 'CLEAR_ALL_FILTERS',
-      clearAllSortingCommandKey: 'CLEAR_ALL_SORTING',
-      clearFrozenColumnsCommandKey: 'CLEAR_PINNING',
-      exportCsvCommandKey: 'EXPORT_TO_CSV',
-      exportExcelCommandKey: 'EXPORT_TO_EXCEL',
-      exportTextDelimitedCommandKey: 'EXPORT_TO_TAB_DELIMITED',
-      refreshDatasetCommandKey: 'REFRESH_DATASET',
-      toggleFilterCommandKey: 'TOGGLE_FILTER_ROW',
-      togglePreHeaderCommandKey: 'TOGGLE_PRE_HEADER_ROW',
-    },
-    hideClearAllFiltersCommand: false,
-    hideClearAllSortingCommand: false,
-    hideClearFrozenColumnsCommand: true, // opt-in command
-    hideExportCsvCommand: false,
-    hideExportExcelCommand: false,
-    hideExportTextDelimitedCommand: true,
-    hideForceFitButton: false,
-    hideRefreshDatasetCommand: false,
-    hideSyncResizeButton: true,
-    hideToggleFilterCommand: false,
-    hideTogglePreHeaderCommand: false,
-    iconCssClass: 'fa fa-bars',
-    iconClearAllFiltersCommand: 'fa fa-filter text-danger',
-    iconClearAllSortingCommand: 'fa fa-unsorted text-danger',
-    iconClearFrozenColumnsCommand: 'fa fa-times',
-    iconExportCsvCommand: 'fa fa-download',
-    iconExportExcelCommand: 'fa fa-file-excel-o text-success',
-    iconExportTextDelimitedCommand: 'fa fa-download',
-    iconRefreshDatasetCommand: 'fa fa-refresh',
-    iconToggleFilterCommand: 'fa fa-random',
-    iconTogglePreHeaderCommand: 'fa fa-random',
-    menuWidth: 16,
-    resizeOnShowHeaderRow: true,
-    headerColumnValueExtractor: pickerHeaderColumnValueExtractor
-  },
-  headerMenu: {
-    autoAlign: true,
-    autoAlignOffset: 12,
-    minWidth: 140,
-    iconClearFilterCommand: 'fa fa-filter text-danger',
-    iconClearSortCommand: 'fa fa-unsorted',
-    iconFreezeColumns: 'fa fa-thumb-tack',
-    iconSortAscCommand: 'fa fa-sort-amount-asc',
-    iconSortDescCommand: 'fa fa-sort-amount-desc',
-    iconColumnHideCommand: 'fa fa-times',
-    iconColumnResizeByContentCommand: 'fa fa-arrows-h',
-    hideColumnResizeByContentCommand: false,
-    hideColumnHideCommand: false,
-    hideClearFilterCommand: false,
-    hideClearSortCommand: false,
-    hideFreezeColumnsCommand: true, // opt-in command
-    hideSortCommands: false
-  },
-  headerRowHeight: 35,
-  multiColumnSort: true,
-  numberedMultiColumnSort: true,
-  tristateMultiColumnSort: false,
-  sortColNumberInSeparateSpan: true,
-  suppressActiveCellChangeOnEdit: true,
-  pagination: {
-    pageSizes: [10, 15, 20, 25, 30, 40, 50, 75, 100],
-    pageSize: 25,
-    totalItems: 0
-  },
-  // technically speaking the Row Detail requires the process & viewComponent but we'll ignore it just to set certain options
-  rowDetailView: {
-    collapseAllOnSort: true,
-    cssClass: 'detail-view-toggle',
-    panelRows: 1,
-    keyPrefix: '__',
-    useRowClick: false,
-    useSimpleViewportCalc: true,
-    saveDetailViewOnScroll: false,
-  } as RowDetailView,
-  rowHeight: 35,
-  topPanelHeight: 35,
-  translationNamespaceSeparator: ':',
-  resetFilterSearchValueAfterOnBeforeCancellation: true,
-  resizeByContentOnlyOnFirstLoad: true,
-  resizeByContentOptions: {
-    alwaysRecalculateColumnWidth: false,
-    cellCharWidthInPx: 7.8,
-    cellPaddingWidthInPx: 14,
-    defaultRatioForStringType: 0.88,
-    formatterPaddingWidthInPx: 0,
-    maxItemToInspectCellContentWidth: 1000,
-    maxItemToInspectSingleColumnWidthByContent: 5000,
-    widthToRemoveFromExceededWidthReadjustment: 50,
-  },
-  treeDataOptions: {
-    exportIndentMarginLeft: 5,
-    exportIndentationLeadingChar: '͏͏͏͏͏͏͏͏͏·',
-  } as unknown as TreeDataOption
-};
-
-/**
- * Value Extractor for both ColumnPicker & GridMenu Picker
- * when using Column Header Grouping, we'll prefix the column group title
- * else we'll simply return the column name title
- */
-function pickerHeaderColumnValueExtractor(column: Column) {
-  const headerGroup = column && column.columnGroup || '';
-  if (headerGroup) {
-    return headerGroup + ' - ' + column.name;
-  }
-  return column && column.name || '';
-}

package/src/app/modules/angular-slickgrid/index.ts

@@ -1,11 +0,0 @@
-export * from '@slickgrid-universal/common';
-
-// Public classes.
-export { AngularComponentOutput, AngularGridInstance, GridOption, SlickGrid, RowDetailView } from './models/index';
-export { AngularUtilService, BsDropDownService, unsubscribeAllObservables } from './services/index';
-export { SlickRowDetailView } from './extensions/index';
-
-// components & module
-export { SlickgridConfig } from './slickgrid-config';
-export { AngularSlickgridComponent } from './components/angular-slickgrid.component';
-export { AngularSlickgridModule } from './modules/angular-slickgrid.module';

package/src/app/modules/angular-slickgrid/models/angularComponentOutput.interface.ts

@@ -1,6 +0,0 @@
-import { ComponentRef } from '@angular/core';
-
-export interface AngularComponentOutput {
-  componentRef: ComponentRef<any>;
-  domElement: HTMLElement;
-}

package/src/app/modules/angular-slickgrid/models/angularGridInstance.interface.ts

@@ -1,68 +0,0 @@
-import {
-  BackendService,
-  ExtensionList,
-  ExtensionService,
-  FilterService,
-  GridEventService,
-  GridService,
-  GridStateService,
-  GroupingAndColspanService,
-  PaginationService,
-  ResizerService,
-  SlickDataView,
-  SlickGrid,
-  SortService,
-  TreeDataService
-} from '@slickgrid-universal/common';
-
-export interface AngularGridInstance {
-  /** Slick DataView object */
-  dataView: SlickDataView;
-
-  /** Slick Grid object */
-  slickGrid: SlickGrid;
-
-  /** SlickGrid extensions (external controls/plugins) */
-  extensions: ExtensionList<any>;
-
-  // --
-  // Methods
-  /** Dispose of the grid and optionally empty the DOM element grid container as well */
-  destroy: (emptyDomElementContainer?: boolean) => void;
-
-  // --
-  // Services
-
-  /** Backend Service, when available */
-  backendService?: BackendService;
-
-  /** Extension (Plugins & Controls) Service */
-  extensionService: ExtensionService;
-
-  /** Filter Service */
-  filterService: FilterService;
-
-  /** Grid Service (grid extra functionalities) */
-  gridService: GridService;
-
-  /** Grid Events Service */
-  gridEventService: GridEventService;
-
-  /** Grid State Service */
-  gridStateService: GridStateService;
-
-  /** Grouping (and colspan) Service */
-  groupingService: GroupingAndColspanService;
-
-  /** Pagination Service (allows you to programmatically go to first/last page, etc...) */
-  paginationService?: PaginationService;
-
-  /** Resizer Service (including auto-resize) */
-  resizerService: ResizerService;
-
-  /** Sort Service */
-  sortService: SortService;
-
-  /** Tree Data View Service */
-  treeDataService: TreeDataService;
-}

package/src/app/modules/angular-slickgrid/models/externalTestingDependencies.interface.ts

@@ -1,37 +0,0 @@
-import {
-  BackendUtilityService,
-  CollectionService,
-  ExtensionService,
-  ExtensionUtility,
-  FilterService,
-  GridEventService,
-  GridService,
-  GridStateService,
-  GroupingAndColspanService,
-  PaginationService,
-  ResizerService,
-  RxJsFacade,
-  SharedService,
-  SortService,
-  TreeDataService
-} from '@slickgrid-universal/common';
-import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
-
-export interface ExternalTestingDependencies {
-  backendUtilityService?: BackendUtilityService;
-  collectionService?: CollectionService;
-  eventPubSubService?: EventPubSubService;
-  extensionService?: ExtensionService;
-  extensionUtility?: ExtensionUtility;
-  filterService?: FilterService;
-  gridEventService?: GridEventService;
-  gridService?: GridService;
-  gridStateService?: GridStateService;
-  groupingAndColspanService?: GroupingAndColspanService;
-  paginationService?: PaginationService;
-  resizerService?: ResizerService;
-  rxjs?: RxJsFacade;
-  sharedService?: SharedService;
-  sortService?: SortService;
-  treeDataService?: TreeDataService;
-}

package/src/app/modules/angular-slickgrid/models/gridOption.interface.ts

@@ -1,12 +0,0 @@
-import { TranslateService } from '@ngx-translate/core';
-import { GridOption as UniversalGridOption } from '@slickgrid-universal/common';
-
-import { RowDetailView } from './index';
-
-export interface GridOption extends UniversalGridOption {
-  /** ngx-translate i18n translation service instance */
-  i18n?: TranslateService;
-
-  /** Row Detail View Plugin options & events (columnId, cssClass, toolTip, width) */
-  rowDetailView?: RowDetailView;
-}

package/src/app/modules/angular-slickgrid/models/index.ts

@@ -1,6 +0,0 @@
-export * from './angularComponentOutput.interface';
-export * from './angularGridInstance.interface';
-export * from './externalTestingDependencies.interface';
-export * from './gridOption.interface';
-export * from './rowDetailView.interface';
-export * from './slickGrid.interface';

package/src/app/modules/angular-slickgrid/models/rowDetailView.interface.ts

@@ -1,33 +0,0 @@
-import { Type } from '@angular/core';
-import { RowDetailView as UniversalRowDetailView } from '@slickgrid-universal/common';
-
-export interface RowDetailView extends UniversalRowDetailView {
-  /**
-   * Optionally pass your Parent Component reference to your Child Component (row detail component).
-   * note:: If anyone finds a better way of passing the parent to the row detail extension, please reach out and/or create a PR
-   */
-  parent?: any;
-
-  /** View Component of the preload template (typically a spinner) which shows after opening on the row detail but before the row detail is ready */
-  preloadComponent?: Type<object>;
-
-  /** View Component that will be loaded in the row detail after the async function completed */
-  viewComponent: Type<object>;
-
-  // --
-  // Callback Methods
-
-  /**
-   * HTML Preload Template that will be used before the async process (typically used to show a spinner/loading)
-   * It's preferable to use the "preloadView" property to use an Angular View instead of plain HTML.
-   * If you still wish to use these methods, we strongly suggest you to sanitize your HTML, e.g. "DOMPurify.sanitize()"
-   */
-  preTemplate?: () => string;
-
-  /**
-   * HTML Post Template (when Row Detail data is available) that will be loaded once the async function finishes
-   * It's preferable to use the "preloadView" property to use an Angular View instead of plain HTML
-   * If you still wish to use these methods, we strongly suggest you to sanitize your HTML, e.g. "DOMPurify.sanitize()"
-   */
-  postTemplate?: (item: any) => string;
-}

package/src/app/modules/angular-slickgrid/models/slickGrid.interface.ts

@@ -1,7 +0,0 @@
-import { SlickGrid as UniversalSlickGrid } from '@slickgrid-universal/common';
-import { GridOption } from './gridOption.interface';
-
-export interface SlickGrid extends UniversalSlickGrid {
-  /** Returns an object containing all of the Grid options set on the grid. See a list of Grid Options here.  */
-  getOptions(): GridOption;
-}

package/src/app/modules/angular-slickgrid/modules/angular-slickgrid.module.ts

@@ -1,37 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ModuleWithProviders, NgModule } from '@angular/core';
-import { TranslateModule } from '@ngx-translate/core';
-
-import { AngularSlickgridComponent } from './../components/angular-slickgrid.component';
-import { GridOption } from './../models/gridOption.interface';
-import { AngularUtilService } from '../services/angularUtil.service';
-import { BsDropDownService } from '../services/bsDropdown.service';
-import { ContainerService } from '../services/container.service';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    TranslateModule
-  ],
-  declarations: [
-    AngularSlickgridComponent,
-  ],
-  exports: [
-    AngularSlickgridComponent,
-  ],
-  entryComponents: [AngularSlickgridComponent]
-})
-export class AngularSlickgridModule {
-  static forRoot(config: GridOption = {}): ModuleWithProviders<AngularSlickgridModule> {
-    return {
-      ngModule: AngularSlickgridModule,
-      providers: [
-        { provide: 'config', useValue: config },
-        { provide: 'externalService', useValue: null },
-        AngularUtilService,
-        BsDropDownService,
-        ContainerService,
-      ]
-    };
-  }
-}

package/src/app/modules/angular-slickgrid/services/angularUtil.service.ts

@@ -1,48 +0,0 @@
-import { AngularComponentOutput } from '../models/angularComponentOutput.interface';
-import { ApplicationRef, ComponentFactoryResolver, EmbeddedViewRef, Injectable, Injector } from '@angular/core';
-
-@Injectable()
-export class AngularUtilService {
-  constructor(
-    private compFactoryResolver: ComponentFactoryResolver,
-    private appRef: ApplicationRef,
-    private injector: Injector,
-  ) { }
-
-  // ref https://hackernoon.com/angular-pro-tip-how-to-dynamically-create-components-in-body-ba200cc289e6
-  createAngularComponent(component: any): AngularComponentOutput {
-    // Create a component reference from the component
-    const componentRef = this.compFactoryResolver
-      .resolveComponentFactory(component)
-      .create(this.injector);
-
-    // Attach component to the appRef so that it's inside the ng component tree
-    this.appRef.attachView(componentRef.hostView);
-
-    // Get DOM element from component
-    let domElem;
-    const viewRef = (componentRef.hostView as EmbeddedViewRef<any>);
-    if (viewRef && Array.isArray(viewRef.rootNodes) && viewRef.rootNodes[0]) {
-      domElem = viewRef.rootNodes[0] as HTMLElement;
-    }
-
-    return { componentRef, domElement: domElem as HTMLElement };
-  }
-
-  // ref https://hackernoon.com/angular-pro-tip-how-to-dynamically-create-components-in-body-ba200cc289e6
-  createAngularComponentAppendToDom(component: any, targetElement?: HTMLElement | Element, clearTargetContent = false): AngularComponentOutput {
-    const componentOutput = this.createAngularComponent(component);
-
-    // Append DOM element to the HTML element specified
-    if (targetElement && targetElement.appendChild) {
-      if (clearTargetContent && targetElement.innerHTML) {
-        targetElement.innerHTML = '';
-      }
-      targetElement.appendChild(componentOutput.domElement);
-    } else {
-      document.body.appendChild(componentOutput.domElement); // when no target provided, we'll simply add it to the HTML Body
-    }
-
-    return componentOutput;
-  }
-}

package/src/app/modules/angular-slickgrid/services/bsDropdown.service.ts

@@ -1,142 +0,0 @@
-
-import { Injectable } from '@angular/core';
-import { AngularUtilService } from './angularUtil.service';
-
-interface DropDownServiceParams {
-  /** the custom action formatter component that contains the dropdown */
-  component: any;
-
-  /** help to get the data context */
-  args: any;
-
-  /** parent container */
-  parent: any;
-
-  /** Offset bottom when using a Drop Up, if we need to reposition the dropdown component */
-  offsetDropupBottom?: number;
-
-  /** Offset left if we need to reposition the dropdown component */
-  offsetLeft?: number;
-
-  /** Offset top if we need to reposition the dropdown component */
-  offsetTop?: number;
-}
-
-// using external non-typed js libraries
-declare const $: any;
-
-// Boostrap dropdown service
-@Injectable()
-export class BsDropDownService {
-  private _domContainerElement: any;
-  private _domElement: any;
-
-  constructor(private angularUtilService: AngularUtilService) { }
-
-  get domElement() {
-    return this._domElement;
-  }
-
-  get domContainerElement() {
-    return this._domContainerElement;
-  }
-
-  get gridViewport() {
-    return $('.slick-viewport');
-  }
-
-  dispose() {
-    if (this._domElement && this._domElement.remove) {
-      this._domElement.remove();
-    }
-  }
-
-  dropContainerShow() {
-    if (this._domContainerElement && this._domContainerElement.show) {
-      this._domContainerElement.show();
-    }
-  }
-
-  render(dropdownParams: DropDownServiceParams) {
-    return new Promise((resolve) => {
-      const { component, args, parent, offsetTop, offsetLeft, offsetDropupBottom } = dropdownParams;
-
-      const cell = args.cell;
-      const row = args.row;
-
-      this._domContainerElement = $(`#myDrop-r${row}-c${cell}`);
-
-      if (this._domContainerElement) {
-        // hide the dropdown we created as a formatter Component, we'll redisplay it later
-        const cellPos = this._domContainerElement.offset();
-
-        const componentOutput = this.angularUtilService.createAngularComponent(component);
-        const componentInstance = componentOutput && componentOutput.componentRef && componentOutput.componentRef.instance;
-
-        if (componentInstance) {
-          const myDropId = componentInstance.dropdownId || 'myDrop';
-          const dropDownToggleId = componentInstance.dropDownToggleId || 'dropdownMenu1';
-          this._domElement = $(`#${myDropId}`);
-
-          if (this._domElement) {
-            // make sure to remove any previous Action dropdown elements, to avoid having multiple element of the same on top of each other
-            this.dispose();
-
-            // assign the row data to the dropdown component instance
-            Object.assign(componentInstance, { parent, row: args.row, dataContext: args.grid.getDataItem(args.row) });
-
-            // use a delay to make sure Angular ran at least a full cycle and make sure it finished rendering the Component before using it
-            setTimeout(() => {
-              // create a new dropdown element
-              this._domElement = $(componentOutput.domElement);
-              const topPos = (cellPos && cellPos.top || 0) + 30 + (offsetTop || 0);
-              const leftPos = (cellPos && cellPos.left || 0) + (offsetLeft || 0);
-              this._domElement.appendTo('body');
-              this._domElement.css('position', 'absolute');
-              this._domElement.css('top', topPos);
-              this._domElement.css('left', leftPos);
-              $(`#${myDropId}`).addClass('open');
-              $(`#${dropDownToggleId}`).hide();
-
-              // check if it should drop Up or Down
-              const offset = 35;
-              const iElement = $('.dropdown-menu');
-              const iElementWrapper = iElement.parent();
-              const iElementWrapperOffset = iElementWrapper.offset() || {};
-              const iElementWrapperOffsetTop = iElementWrapperOffset.top || iElementWrapper && iElementWrapper.length > 0 && iElementWrapper[0].offsetTop;
-              const iElementHeight = iElement.height();
-              const windowHeight = window.innerHeight;
-              const shouldDropUp = (windowHeight - iElementHeight - offset) < iElementWrapperOffsetTop;
-              let menuMarginTop = '0px';
-              if (shouldDropUp) {
-                const offsetBottom = offsetDropupBottom || 0;
-                menuMarginTop = '-'.concat(`${iElementHeight + offset + offsetBottom + 5}`, 'px');
-              }
-              this._domElement.css({ 'margin-top': menuMarginTop });
-
-              // set dropdown margin left according to the document width
-              const parentOffset = iElementWrapperOffset.left;
-              const leftMargin = parentOffset - $(document).width();
-              this._domElement.css({ 'margin-left': (this._domElement.width() + leftMargin + 60) + 'px' });
-
-              try {
-                this._domElement.dropdown('show'); // required for Bootstrap 4 only
-              } catch (e) {
-                // Bootstrap 3 wil throw an error since that method doesn't exist, we can safely disregard it
-              }
-
-              this._domElement.on('hidden.bs.dropdown', () => this.dropContainerShow());
-
-              // hide dropdown menu on grid scroll
-              this.gridViewport.on('scroll', () => this.dispose());
-
-              // hide on dropdown click
-              this._domElement.on('click', () => this.dispose());
-              resolve(true);
-            });
-          }
-        }
-      }
-    });
-  }
-}