@swimlane/ngx-datatable 20.0.0 → 21.0.0-alpha.0

package/index.css

@@ -1,198 +0,0 @@
-.ngx-datatable {
-  display: block;
-  overflow: hidden;
-  justify-content: center;
-  position: relative;
-  transform: translate3d(0, 0, 0);
-  /**
-   * Vertical Scrolling Adjustments
-   */
-  /**
-   * Horizontal Scrolling Adjustments
-   */
-  /**
-   * Fixed Header Height Adjustments
-   */
-  /**
-   * Fixed row height adjustments
-   */
-  /**
-   * Shared Styles
-   */
-  /**
-   * Header Styles
-   */
-  /**
-   * Body Styles
-   */
-  /**
-   * Footer Styles
-   */ }
-  .ngx-datatable [hidden] {
-    display: none !important; }
-  .ngx-datatable *,
-  .ngx-datatable *:before,
-  .ngx-datatable *:after {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box; }
-  .ngx-datatable.scroll-vertical .datatable-body {
-    overflow-y: auto; }
-  .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
-    position: absolute; }
-  .ngx-datatable.scroll-horz .datatable-body {
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch; }
-  .ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
-    white-space: nowrap; }
-    .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis; }
-  .ngx-datatable.fixed-row .datatable-scroll {
-    white-space: nowrap; }
-    .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
-      white-space: nowrap; }
-      .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis; }
-      .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis; }
-  .ngx-datatable .datatable-body-row,
-  .ngx-datatable .datatable-row-center,
-  .ngx-datatable .datatable-header-inner {
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    flex-direction: row;
-    -webkit-flex-flow: row;
-    -moz-flex-flow: row;
-    -ms-flex-flow: row;
-    -o-flex-flow: row;
-    flex-flow: row; }
-  .ngx-datatable .datatable-body-cell,
-  .ngx-datatable .datatable-header-cell {
-    overflow-x: hidden;
-    vertical-align: top;
-    display: inline-block;
-    line-height: 1.625; }
-    .ngx-datatable .datatable-body-cell:focus,
-    .ngx-datatable .datatable-header-cell:focus {
-      outline: none; }
-  .ngx-datatable .datatable-row-left,
-  .ngx-datatable .datatable-row-right {
-    z-index: 9; }
-  .ngx-datatable .datatable-row-left,
-  .ngx-datatable .datatable-row-center,
-  .ngx-datatable .datatable-row-group,
-  .ngx-datatable .datatable-row-right {
-    position: relative; }
-  .ngx-datatable .datatable-header {
-    display: block;
-    overflow: hidden; }
-    .ngx-datatable .datatable-header .datatable-header-inner {
-      align-items: stretch;
-      -webkit-align-items: stretch; }
-    .ngx-datatable .datatable-header .datatable-header-cell {
-      position: relative;
-      display: inline-block; }
-      .ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
-        cursor: pointer; }
-      .ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
-        cursor: move; }
-      .ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
-        line-height: 100%;
-        vertical-align: middle;
-        display: inline-block;
-        cursor: pointer; }
-      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
-      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
-        display: inline-block;
-        position: absolute;
-        right: 0;
-        top: 0;
-        bottom: 0;
-        width: 5px;
-        padding: 0 4px;
-        visibility: hidden; }
-      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
-        cursor: ew-resize; }
-      .ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
-        visibility: visible; }
-      .ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
-        visibility: visible; }
-      .ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
-        position: absolute;
-        top: 0;
-        bottom: 0; }
-        .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
-          right: 0; }
-        .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
-          left: 0; }
-      .ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
-        height: inherit; }
-  .ngx-datatable .datatable-body {
-    position: relative;
-    z-index: 10;
-    display: block; }
-    .ngx-datatable .datatable-body .datatable-scroll {
-      display: inline-block; }
-    .ngx-datatable .datatable-body .datatable-row-detail {
-      overflow-y: hidden; }
-    .ngx-datatable .datatable-body .datatable-row-wrapper {
-      display: -webkit-box;
-      display: -moz-box;
-      display: -ms-flexbox;
-      display: -webkit-flex;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -webkit-flex-direction: column;
-      -moz-box-orient: vertical;
-      -moz-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column; }
-    .ngx-datatable .datatable-body .datatable-body-row {
-      outline: none; }
-      .ngx-datatable .datatable-body .datatable-body-row > div {
-        display: -webkit-box;
-        display: -moz-box;
-        display: -ms-flexbox;
-        display: -webkit-flex;
-        display: flex; }
-  .ngx-datatable .datatable-footer {
-    display: block;
-    width: 100%;
-    overflow: auto; }
-    .ngx-datatable .datatable-footer .datatable-footer-inner {
-      display: flex;
-      align-items: center;
-      width: 100%; }
-    .ngx-datatable .datatable-footer .selected-count .page-count {
-      flex: 1 1 40%; }
-    .ngx-datatable .datatable-footer .selected-count .datatable-pager {
-      flex: 1 1 60%; }
-    .ngx-datatable .datatable-footer .page-count {
-      flex: 1 1 20%; }
-    .ngx-datatable .datatable-footer .datatable-pager {
-      flex: 1 1 80%;
-      text-align: right; }
-      .ngx-datatable .datatable-footer .datatable-pager .pager,
-      .ngx-datatable .datatable-footer .datatable-pager .pager li {
-        padding: 0;
-        margin: 0;
-        display: inline-block;
-        list-style: none; }
-      .ngx-datatable .datatable-footer .datatable-pager .pager li,
-      .ngx-datatable .datatable-footer .datatable-pager .pager li a {
-        outline: none; }
-      .ngx-datatable .datatable-footer .datatable-pager .pager li a {
-        cursor: pointer;
-        display: inline-block; }
-      .ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
-        cursor: not-allowed; }

package/index.scss

@@ -1,315 +0,0 @@
-.ngx-datatable {
-  display: block;
-  overflow: hidden;
-  justify-content: center;
-  position: relative;
-  transform: translate3d(0, 0, 0);
-
-  [hidden] {
-    display: none !important;
-  }
-
-  *,
-  *:before,
-  *:after {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-
-  /**
-   * Vertical Scrolling Adjustments
-   */
-  &.scroll-vertical {
-    .datatable-body {
-      overflow-y: auto;
-    }
-    &.virtualized {
-      .datatable-body {
-        .datatable-row-wrapper {
-          position: absolute;
-        }
-      }
-    }
-  }
-
-  /**
-   * Horizontal Scrolling Adjustments
-   */
-  &.scroll-horz {
-    .datatable-body {
-      overflow-x: auto;
-      -webkit-overflow-scrolling: touch;
-    }
-  }
-
-  /**
-   * Fixed Header Height Adjustments
-   */
-  &.fixed-header {
-    .datatable-header {
-      .datatable-header-inner {
-        white-space: nowrap;
-        .datatable-header-cell {
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  /**
-   * Fixed row height adjustments
-   */
-  &.fixed-row {
-    .datatable-scroll {
-      white-space: nowrap;
-
-      .datatable-body-row {
-        white-space: nowrap;
-
-        .datatable-body-cell {
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        .datatable-body-group-cell {
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-
-  /**
-   * Shared Styles
-   */
-  .datatable-body-row,
-  .datatable-row-center,
-  .datatable-header-inner {
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-
-    flex-direction: row;
-    -webkit-flex-flow: row;
-    -moz-flex-flow: row;
-    -ms-flex-flow: row;
-    -o-flex-flow: row;
-    flex-flow: row;
-  }
-
-  .datatable-body-cell,
-  .datatable-header-cell {
-    overflow-x: hidden;
-    vertical-align: top;
-    display: inline-block;
-    line-height: 1.625;
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  .datatable-row-left,
-  .datatable-row-right {
-    z-index: 9;
-  }
-
-  .datatable-row-left,
-  .datatable-row-center,
-  .datatable-row-group,
-  .datatable-row-right {
-    position: relative;
-  }
-
-  /**
-   * Header Styles
-   */
-  .datatable-header {
-    display: block;
-    overflow: hidden;
-
-    .datatable-header-inner {
-      align-items: stretch;
-      -webkit-align-items: stretch;
-    }
-
-    .datatable-header-cell {
-      position: relative;
-      display: inline-block;
-
-      &.sortable {
-        .datatable-header-cell-wrapper {
-          cursor: pointer;
-        }
-      }
-
-      &.longpress .datatable-header-cell-wrapper {
-        cursor: move;
-      }
-
-      .sort-btn {
-        line-height: 100%;
-        vertical-align: middle;
-        display: inline-block;
-        cursor: pointer;
-      }
-
-      .resize-handle,
-      .resize-handle--not-resizable {
-        display: inline-block;
-        position: absolute;
-        right: 0;
-        top: 0;
-        bottom: 0;
-        width: 5px;
-        padding: 0 4px;
-        visibility: hidden;
-      }
-
-      .resize-handle {
-        cursor: ew-resize;
-      }
-
-      &.resizeable:hover {
-        .resize-handle {
-          visibility: visible;
-        }
-      }
-
-      &:hover {
-        .resize-handle--not-resizable {
-          visibility: visible;
-        }
-      }
-
-      .targetMarker {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-
-        &.dragFromLeft {
-          right: 0;
-        }
-
-        &.dragFromRight {
-          left: 0;
-        }
-      }
-
-      .datatable-header-cell-template-wrap {
-        height: inherit;
-      }
-    }
-  }
-
-  /**
-   * Body Styles
-   */
-  .datatable-body {
-    position: relative;
-    z-index: 10;
-    display: block;
-
-    .datatable-scroll {
-      display: inline-block;
-    }
-
-    .datatable-row-detail {
-      overflow-y: hidden;
-    }
-
-    .datatable-row-wrapper {
-      display: -webkit-box;
-      display: -moz-box;
-      display: -ms-flexbox;
-      display: -webkit-flex;
-      display: flex;
-
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -webkit-flex-direction: column;
-      -moz-box-orient: vertical;
-      -moz-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column;
-    }
-
-    .datatable-body-row {
-      outline: none;
-
-      > div {
-        display: -webkit-box;
-        display: -moz-box;
-        display: -ms-flexbox;
-        display: -webkit-flex;
-        display: flex;
-      }
-    }
-  }
-
-  /**
-   * Footer Styles
-   */
-  .datatable-footer {
-    display: block;
-    width: 100%;
-    overflow: auto;
-
-    .datatable-footer-inner {
-      display: flex;
-      align-items: center;
-      width: 100%;
-    }
-
-    .selected-count {
-      .page-count {
-        flex: 1 1 40%;
-      }
-      .datatable-pager {
-        flex: 1 1 60%;
-      }
-    }
-
-    .page-count {
-      flex: 1 1 20%;
-    }
-
-    .datatable-pager {
-      flex: 1 1 80%;
-      text-align: right;
-
-      .pager,
-      .pager li {
-        padding: 0;
-        margin: 0;
-        display: inline-block;
-        list-style: none;
-      }
-
-      .pager {
-        li,
-        li a {
-          outline: none;
-        }
-
-        li {
-          a {
-            cursor: pointer;
-            display: inline-block;
-          }
-
-          &.disabled a {
-            cursor: not-allowed;
-          }
-        }
-      }
-    }
-  }
-}

package/lib/events.d.ts

@@ -1,3 +0,0 @@
-export declare const MouseEvent: MouseEvent;
-export declare const KeyboardEvent: KeyboardEvent;
-export declare const Event: Event;

package/lib/services/dimensions-helper.service.d.ts

@@ -1,7 +0,0 @@
-/**
- * Gets the width of the scrollbar.  Nesc for windows
- * http://stackoverflow.com/a/13382873/888165
- */
-export declare class DimensionsHelper {
-    getDimensions(element: Element): ClientRect;
-}

package/lib/types/click.type.d.ts

@@ -1,4 +0,0 @@
-export declare enum ClickType {
-    single = "single",
-    double = "double"
-}

package/lib/types/column-mode.type.d.ts

@@ -1,5 +0,0 @@
-export declare enum ColumnMode {
-    standard = "standard",
-    flex = "flex",
-    force = "force"
-}

package/lib/types/contextmenu.type.d.ts

@@ -1,4 +0,0 @@
-export declare enum ContextmenuType {
-    header = "header",
-    body = "body"
-}

package/lib/types/selection.type.d.ts

@@ -1,7 +0,0 @@
-export declare enum SelectionType {
-    single = "single",
-    multi = "multi",
-    multiClick = "multiClick",
-    cell = "cell",
-    checkbox = "checkbox"
-}

package/lib/types/sort-direction.type.d.ts

@@ -1,4 +0,0 @@
-export declare enum SortDirection {
-    asc = "asc",
-    desc = "desc"
-}

package/lib/types/sort-prop-dir.type.d.ts

@@ -1,6 +0,0 @@
-import { SortDirection } from './sort-direction.type';
-import { TableColumnProp } from './table-column.type';
-export interface SortPropDir {
-    dir: SortDirection;
-    prop: TableColumnProp;
-}

package/lib/types/sort.type.d.ts

@@ -1,4 +0,0 @@
-export declare enum SortType {
-    single = "single",
-    multi = "multi"
-}

package/lib/utils/elm-from-point.d.ts

@@ -1,8 +0,0 @@
-/**
- * Polyfill for `elementsFromPoint`
- *
- * https://developer.mozilla.org/en-US/docs/Web/API/Document/elementsFromPoint
- * https://gist.github.com/iddan/54d5d9e58311b0495a91bf06de661380
- * https://gist.github.com/oslego/7265412
- */
-export declare function elementsFromPoint(x: number, y: number): any[];

package/lib/utils/prefixes.d.ts

@@ -1 +0,0 @@
-export declare function getVendorPrefixedName(property: string): any;

package/lib/utils/translate.d.ts

@@ -1 +0,0 @@
-export declare function translateXY(styles: any, x: number, y: number): void;