novo-elements 5.1.1 → 5.2.3

package/elements/table/extras/TableExtras.module.d.ts

@@ -1,2 +1,2 @@
-export declare class NovoTableExtrasModule {
-}
+export declare class NovoTableExtrasModule {
+}

package/elements/table/extras/base-renderer/BaseRenderer.d.ts

@@ -1,5 +1,5 @@
-export declare class BaseRenderer {
-    data: any;
-    value: any;
-    meta: any;
-}
+export declare class BaseRenderer {
+    data: any;
+    value: any;
+    meta: any;
+}

package/elements/table/extras/date-cell/DateCell.d.ts

@@ -1,8 +1,8 @@
-import { BaseRenderer } from '../base-renderer/BaseRenderer';
-import { NovoLabelService } from '../../../../services/novo-label-service';
-export declare class DateCell extends BaseRenderer {
-    labels: NovoLabelService;
-    value: any;
-    constructor(labels: NovoLabelService);
-    getFormattedDate(): string;
-}
+import { BaseRenderer } from '../base-renderer/BaseRenderer';
+import { NovoLabelService } from '../../../../services/novo-label-service';
+export declare class DateCell extends BaseRenderer {
+    labels: NovoLabelService;
+    value: any;
+    constructor(labels: NovoLabelService);
+    getFormattedDate(): string;
+}

package/elements/table/extras/dropdown-cell/DropdownCell.d.ts

@@ -1,17 +1,17 @@
-import { OnInit } from '@angular/core';
-import { BaseRenderer } from '../base-renderer/BaseRenderer';
-export interface INovoDropdownCellConfig {
-    category?: string;
-    callback?: Function;
-    options: ({
-        label?: string;
-        value?: string;
-        callback?: Function;
-    } | string)[];
-}
-export declare class NovoDropdownCell extends BaseRenderer implements OnInit {
-    meta: any;
-    value: any;
-    ngOnInit(): void;
-    onClick(config: any, option: any, value: any): void;
-}
+import { OnInit } from '@angular/core';
+import { BaseRenderer } from '../base-renderer/BaseRenderer';
+export interface INovoDropdownCellConfig {
+    category?: string;
+    callback?: Function;
+    options: ({
+        label?: string;
+        value?: string;
+        callback?: Function;
+    } | string)[];
+}
+export declare class NovoDropdownCell extends BaseRenderer implements OnInit {
+    meta: any;
+    value: any;
+    ngOnInit(): void;
+    onClick(config: any, option: any, value: any): void;
+}

package/elements/table/extras/dropdown-cell/DropdownCell.scss

@@ -0,0 +1,58 @@
+novo-dropdown-cell,
+.novo-table-dropdown-cell {
+  > novo-dropdown > button[theme][theme='secondary'][icon] {
+    font-size: inherit;
+    color: inherit;
+    border: none;
+    background: inherit;
+    text-transform: inherit;
+    border-radius: 0;
+    border-bottom: 1px solid #dedede;
+    padding: 0;
+    width: 100% !important;
+    max-width: 200px;
+    i {
+      font-size: 10px;
+      margin-right: -5px;
+      color: #a0a0a0;
+    }
+    .flex-wrapper {
+      justify-content: space-between;
+    }
+    &:active,
+    &:hover {
+      background: inherit;
+      box-shadow: none;
+    }
+    span {
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      display: inline-block;
+      max-width: 80%;
+    }
+  }
+  list {
+    max-height: 400px;
+    display: block;
+    overflow: auto;
+    padding: 5px 0;
+  }
+  item {
+    height: 30px !important;
+    padding: 0 16px !important;
+    span {
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      display: inline-block;
+      max-width: 80%;
+    }
+    &.active {
+      font-weight: 500;
+    }
+  }
+  dropdown-item-header {
+    padding: 0 10px !important;
+  }
+}

package/elements/table/extras/keep-filter-focus/KeepFilterFocus.d.ts

@@ -1,6 +1,6 @@
-import { AfterViewInit, ElementRef } from '@angular/core';
-export declare class NovoTableKeepFilterFocus implements AfterViewInit {
-    private element;
-    constructor(element: ElementRef);
-    ngAfterViewInit(): void;
-}
+import { AfterViewInit, ElementRef } from '@angular/core';
+export declare class NovoTableKeepFilterFocus implements AfterViewInit {
+    private element;
+    constructor(element: ElementRef);
+    ngAfterViewInit(): void;
+}

package/elements/table/extras/pagination/Pagination.d.ts

@@ -1,39 +1,39 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { NovoLabelService } from '../../../../services/novo-label-service';
-interface Page {
-    num: number;
-    text: string;
-    active: boolean;
-}
-export declare class Pagination implements OnInit, OnChanges {
-    labels: NovoLabelService;
-    page: number;
-    totalItems: number;
-    itemsPerPage: number;
-    rowOptions: any;
-    label: string;
-    get disablePageSelection(): boolean;
-    set disablePageSelection(val: boolean);
-    pageChange: EventEmitter<any>;
-    itemsPerPageChange: EventEmitter<any>;
-    onPageChange: EventEmitter<any>;
-    pageSelectDisabled: boolean;
-    maxPagesDisplayed: number;
-    totalPages: number;
-    pages: Array<Page>;
-    constructor(labels: NovoLabelService);
-    ngOnInit(): void;
-    ngOnChanges(changes?: SimpleChanges): void;
-    getDefaultRowOptions(): {
-        value: number;
-        label: string;
-    }[];
-    onPageSizeChanged(event: any): void;
-    selectPage(page: number, event?: MouseEvent): void;
-    noPrevious(): boolean;
-    noNext(): boolean;
-    makePage(num: number, text: string, isActive: boolean): Page;
-    getPages(currentPage: number, totalPages: number): Page[];
-    calculateTotalPages(): number;
-}
-export {};
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { NovoLabelService } from '../../../../services/novo-label-service';
+interface Page {
+    num: number;
+    text: string;
+    active: boolean;
+}
+export declare class Pagination implements OnInit, OnChanges {
+    labels: NovoLabelService;
+    page: number;
+    totalItems: number;
+    itemsPerPage: number;
+    rowOptions: any;
+    label: string;
+    get disablePageSelection(): boolean;
+    set disablePageSelection(val: boolean);
+    pageChange: EventEmitter<any>;
+    itemsPerPageChange: EventEmitter<any>;
+    onPageChange: EventEmitter<any>;
+    pageSelectDisabled: boolean;
+    maxPagesDisplayed: number;
+    totalPages: number;
+    pages: Array<Page>;
+    constructor(labels: NovoLabelService);
+    ngOnInit(): void;
+    ngOnChanges(changes?: SimpleChanges): void;
+    getDefaultRowOptions(): {
+        value: number;
+        label: string;
+    }[];
+    onPageSizeChanged(event: any): void;
+    selectPage(page: number, event?: MouseEvent): void;
+    noPrevious(): boolean;
+    noNext(): boolean;
+    makePage(num: number, text: string, isActive: boolean): Page;
+    getPages(currentPage: number, totalPages: number): Page[];
+    calculateTotalPages(): number;
+}
+export {};

package/elements/table/extras/pagination/Pagination.scss

@@ -0,0 +1,62 @@
+novo-pagination {
+  display: flex;
+  flex-flow: row nowrap;
+  padding: 10px;
+  > * {
+    margin: auto 5px;
+  }
+  h5.rows {
+    padding: 0;
+    font-size: 12px;
+    opacity: 0.75;
+    letter-spacing: 0.1px;
+  }
+  span.spacer {
+    flex: 1;
+  }
+  novo-select {
+    max-width: 100px;
+    min-width: 100px;
+    div[type='button'] {
+      &:hover {
+        i {
+          opacity: 0.75;
+        }
+      }
+      &:active,
+      &:focus {
+        i {
+          opacity: 1;
+        }
+      }
+      i {
+        opacity: 0.45;
+      }
+    }
+  }
+  .pager {
+    list-style-type: none;
+    .page {
+      display: inline-block;
+      padding: 0 10px;
+      line-height: 30px;
+      border-radius: 2px;
+      text-align: center;
+      list-style-type: none;
+      cursor: pointer;
+      color: $company;
+      &:last-child {
+        padding-right: 0;
+      }
+      &.disabled {
+        opacity: 0.3;
+        pointer-events: none;
+      }
+    }
+    .page.active {
+      color: $company;
+      background-color: $off-white;
+      opacity: 1;
+    }
+  }
+}

package/elements/table/extras/percentage-cell/PercentageCell.d.ts

@@ -1,3 +1,3 @@
-import { BaseRenderer } from '../base-renderer/BaseRenderer';
-export declare class PercentageCell extends BaseRenderer {
-}
+import { BaseRenderer } from '../base-renderer/BaseRenderer';
+export declare class PercentageCell extends BaseRenderer {
+}

package/elements/table/extras/row-details/RowDetails.d.ts

@@ -1,12 +1,12 @@
-import { ElementRef, ViewContainerRef, OnInit } from '@angular/core';
-import { ComponentUtils } from './../../../../utils/component-utils/ComponentUtils';
-export declare class RowDetails implements OnInit {
-    private element;
-    private componentUtils;
-    container: ViewContainerRef;
-    data: any;
-    renderer: any;
-    value: any;
-    constructor(element: ElementRef, componentUtils: ComponentUtils);
-    ngOnInit(): void;
-}
+import { ElementRef, ViewContainerRef, OnInit } from '@angular/core';
+import { ComponentUtils } from './../../../../utils/component-utils/ComponentUtils';
+export declare class RowDetails implements OnInit {
+    private element;
+    private componentUtils;
+    container: ViewContainerRef;
+    data: any;
+    renderer: any;
+    value: any;
+    constructor(element: ElementRef, componentUtils: ComponentUtils);
+    ngOnInit(): void;
+}

package/elements/table/extras/table-actions/TableActions.d.ts

@@ -1,2 +1,2 @@
-export declare class NovoTableActionsElement {
-}
+export declare class NovoTableActionsElement {
+}

package/elements/table/extras/table-cell/TableCell.d.ts

@@ -1,18 +1,18 @@
-import { ElementRef, ViewContainerRef, OnInit, OnDestroy } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { ComponentUtils } from './../../../../utils/component-utils/ComponentUtils';
-export declare class TableCell implements OnInit, OnDestroy {
-    private element;
-    private componentUtils;
-    container: ViewContainerRef;
-    column: any;
-    row: any;
-    form: FormGroup;
-    hasEditor: boolean;
-    value: any;
-    private valueChangeSubscription;
-    constructor(element: ElementRef, componentUtils: ComponentUtils);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    onClick(event: any): void;
-}
+import { ElementRef, ViewContainerRef, OnInit, OnDestroy } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { ComponentUtils } from './../../../../utils/component-utils/ComponentUtils';
+export declare class TableCell implements OnInit, OnDestroy {
+    private element;
+    private componentUtils;
+    container: ViewContainerRef;
+    column: any;
+    row: any;
+    form: FormGroup;
+    hasEditor: boolean;
+    value: any;
+    private valueChangeSubscription;
+    constructor(element: ElementRef, componentUtils: ComponentUtils);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onClick(event: any): void;
+}

package/elements/table/extras/table-filter/TableFilter.d.ts

@@ -1,13 +1,13 @@
-import { EventEmitter, ElementRef, Renderer2, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-export declare class TableFilter implements OnInit, OnChanges {
-    private element;
-    private renderer;
-    config: any;
-    onFilterChange: EventEmitter<any>;
-    filterThrottle: any;
-    constructor(element: ElementRef, renderer: Renderer2);
-    ngOnInit(): void;
-    ngOnChanges(changes?: SimpleChanges): void;
-    onChangeFilter(event: KeyboardEvent): void;
-    onClick(event: any): void;
-}
+import { EventEmitter, ElementRef, Renderer2, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+export declare class TableFilter implements OnInit, OnChanges {
+    private element;
+    private renderer;
+    config: any;
+    onFilterChange: EventEmitter<any>;
+    filterThrottle: any;
+    constructor(element: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    ngOnChanges(changes?: SimpleChanges): void;
+    onChangeFilter(event: KeyboardEvent): void;
+    onClick(event: any): void;
+}

package/elements/table/extras/table-footer/TableFooter.d.ts

@@ -1,2 +1,2 @@
-export declare class NovoTableFooterElement {
-}
+export declare class NovoTableFooterElement {
+}

package/elements/table/extras/table-header/TableHeader.d.ts

@@ -1,2 +1,2 @@
-export declare class NovoTableHeaderElement {
-}
+export declare class NovoTableHeaderElement {
+}

package/elements/table/extras/th-orderable/ThOrderable.d.ts

@@ -1,30 +1,30 @@
-import { EventEmitter, ElementRef, OnInit } from '@angular/core';
-export declare class ThOrderable implements OnInit {
-    private element;
-    column: any;
-    onOrderChange: EventEmitter<any>;
-    table: any;
-    clone: any;
-    target: any;
-    constructor(element: ElementRef);
-    get index(): number;
-    ngOnInit(): void;
-    onDragStart(event?: any): void;
-    deleteColumns(table: {
-        rows: Array<any>;
-        deleteRow: Function;
-    }): void;
-    findTable(start: any): any;
-    onDrag(event?: any): boolean;
-    onDragEnd(event?: any): boolean;
-    onDrop(event?: any): boolean;
-    onDragOver(event: {
-        preventDefault: Function;
-        dataTransfer: {
-            dropEffect: string;
-        };
-        stopPropagation: Function;
-    }): boolean;
-    onDragEnter(event: any): void;
-    onDragLeave(event?: any): void;
-}
+import { EventEmitter, ElementRef, OnInit } from '@angular/core';
+export declare class ThOrderable implements OnInit {
+    private element;
+    column: any;
+    onOrderChange: EventEmitter<any>;
+    table: any;
+    clone: any;
+    target: any;
+    constructor(element: ElementRef);
+    get index(): number;
+    ngOnInit(): void;
+    onDragStart(event?: any): void;
+    deleteColumns(table: {
+        rows: Array<any>;
+        deleteRow: Function;
+    }): void;
+    findTable(start: any): any;
+    onDrag(event?: any): boolean;
+    onDragEnd(event?: any): boolean;
+    onDrop(event?: any): boolean;
+    onDragOver(event: {
+        preventDefault: Function;
+        dataTransfer: {
+            dropEffect: string;
+        };
+        stopPropagation: Function;
+    }): boolean;
+    onDragEnter(event: any): void;
+    onDragLeave(event?: any): void;
+}