@colijnit/corecomponents_v12 12.2.26 → 12.2.28

package/lib/components/simple-grid/simple-grid.component.d.ts

@@ -1,64 +1,77 @@
-import { ChangeDetectorRef } from '@angular/core';
-import { FormMasterService } from '../../core/service/form-master.service';
-import { BaseSimpleGridComponent } from './base-simple-grid.component';
-import { ColumnAlign } from './simple-grid-column.directive';
-export declare class SimpleGridComponent extends BaseSimpleGridComponent {
-    private _changeDetection;
-    private _formMaster;
-    readonly defaultTextAlign: ColumnAlign;
-    set headerCells(cells: any);
-    showAdd: boolean;
-    showDelete: boolean;
-    editOnCellClick: boolean;
-    rightToolbar: boolean;
-    rowsPerPage: number;
-    rowDisabledFn: Function;
-    /**
-     * Promise function, if provided should return boolean
-     */
-    canRowBeEdittedFn: Function;
-    showClass(): boolean;
-    handleKeyDown(event: KeyboardEvent): void;
-    editing: boolean;
-    editRowIndex: number;
-    editCellIndex: number;
-    selectedRowIndex: number;
-    rowToEdit: any;
-    currentPage: number;
-    private _doubleClicked;
-    private _newRow;
-    constructor(_changeDetection: ChangeDetectorRef, _formMaster: FormMasterService);
-    handleClickOutsideRow(): void;
-    getIsRowDisabled(idx: number): boolean;
-    isRowDisabled(row: any, index: number): Promise<boolean>;
-    isSingleColumn(column: any): boolean;
-    rowContainsSingleColumn(row: any, columns: any): boolean;
-    addNewRow(): Promise<void>;
-    validateAndSave(stopediting?: boolean): boolean;
-    cancelEditRow(): void;
-    removeRow(): void;
-    handleClickRow(event: MouseEvent, index: number, row: any): void;
-    selectTheRow(index: number, emit?: boolean): void;
-    handleDblClickRow(event: MouseEvent, index: number, row: any): Promise<void>;
-    editRow(event: MouseEvent, selectCell?: boolean): void;
-    handleCellClick(event: MouseEvent, row: any, rowIndex: number, cellIndex: number): Promise<void>;
-    protected prepareDataRow(row: any, index: number): void;
-    private _resetDblClick;
-    /**
-     *
-     * @param next; Move to next or previous cell
-     * @param start; Start from cellindex
-     * @private
-     */
-    private _nextAvailableCellToEdit;
-    private _getNextEditCellIndex;
-    private _getPreviousEditCellIndex;
-    private _getNextEditRowIndex;
-    private _getPreviousEditRowIndex;
-    private _saveRow;
-    goToPreviousPage(): void;
-    goToNextPage(): void;
-    setCurrentPage(page: number): void;
-    private _detectChanges;
-    private _resetEdit;
-}
+import { ChangeDetectorRef } from '@angular/core';
+import { FormMasterService } from '../../core/service/form-master.service';
+import { BaseSimpleGridComponent } from './base-simple-grid.component';
+import { ColumnAlign } from './simple-grid-column.directive';
+import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
+import { IconCacheService } from "../icon/icon-cache.service";
+export declare class SimpleGridComponent extends BaseSimpleGridComponent {
+    icons: IconCacheService;
+    private _changeDetection;
+    private _formMaster;
+    readonly defaultTextAlign: ColumnAlign;
+    set headerCells(cells: any);
+    showAdd: boolean;
+    showDelete: boolean;
+    editOnCellClick: boolean;
+    rightToolbar: boolean;
+    rowsPerPage: number;
+    rowDisabledFn: Function;
+    /**
+     * Promise function, if provided should return boolean
+     */
+    canRowBeEdittedFn: Function;
+    showClass(): boolean;
+    handleKeyDown(event: KeyboardEvent): void;
+    editing: boolean;
+    isSettingsMenuOpen: boolean;
+    editRowIndex: number;
+    editCellIndex: number;
+    selectedRowIndex: number;
+    rowToEdit: any;
+    currentPage: number;
+    sortColumnValue: string;
+    sortDirection: 'asc' | 'desc';
+    readonly Icons: typeof CoreComponentsIcon;
+    private _doubleClicked;
+    private _newRow;
+    constructor(icons: IconCacheService, _changeDetection: ChangeDetectorRef, _formMaster: FormMasterService);
+    handleClickOutsideRow(): void;
+    getIsRowDisabled(idx: number): boolean;
+    isRowDisabled(row: any, index: number): Promise<boolean>;
+    isSingleColumn(column: any): boolean;
+    rowContainsSingleColumn(row: any, columns: any): boolean;
+    addNewRow(): Promise<void>;
+    validateAndSave(stopediting?: boolean): boolean;
+    cancelEditRow(): void;
+    removeRow(): void;
+    handleClickRow(event: MouseEvent, index: number, row: any): void;
+    selectTheRow(index: number, emit?: boolean): void;
+    handleDblClickRow(event: MouseEvent, index: number, row: any): Promise<void>;
+    editRow(event: MouseEvent, selectCell?: boolean): void;
+    handleCellClick(event: MouseEvent, row: any, rowIndex: number, cellIndex: number): Promise<void>;
+    toggleSettingsMenu(): void;
+    toggleColumnMenu(col: any): void;
+    hideColumn(col: any): void;
+    private _sortData;
+    showAllColumns(): void;
+    exportToExcel(): void;
+    protected prepareDataRow(row: any, index: number): void;
+    private _resetDblClick;
+    /**
+     *
+     * @param next; Move to next or previous cell
+     * @param start; Start from cellindex
+     * @private
+     */
+    private _nextAvailableCellToEdit;
+    private _getNextEditCellIndex;
+    private _getPreviousEditCellIndex;
+    private _getNextEditRowIndex;
+    private _getPreviousEditRowIndex;
+    private _saveRow;
+    goToPreviousPage(): void;
+    goToNextPage(): void;
+    setCurrentPage(page: number): void;
+    private _detectChanges;
+    private _resetEdit;
+}

package/lib/components/simple-grid/simple-grid.module.d.ts

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

package/lib/components/simple-grid/style/_layout.scss

@@ -35,6 +35,11 @@
     text-transform: $cc-simple-grid-header-text-transform;
     display: flex;
     flex-direction: row;
+    position: relative;
+
+    &.selected {
+      background-color: $cc-color-light-accent;
+    }
   }
   .co-form.simple-grid-row-form {
     display: contents;
@@ -110,6 +115,9 @@
     white-space: nowrap;
     border-bottom: 2px solid $cc-color-grid-row-hover-background;
   }
+  .simple-grid-column-header-label {
+    cursor: pointer;
+  }
   .simple-grid-column-sizer {
     cursor: col-resize;
     width: 5px;
@@ -152,7 +160,23 @@
     text-align: left;
     justify-content: flex-start;
   }
+  .grid-settings {
+    display: flex;
+    justify-content: flex-end;
+    position: relative;
+    padding-bottom: 4px;
+    box-shadow: inset 0 -2px $cc-color-grid-row-hover-background;
+    border: none;
 
+    co-button {
+      margin-top: -4px;
+      cursor: pointer;
+
+      &.selected {
+        filter: brightness(75%);
+      }
+    }
+  }
   .simple-grid-row.cdk-drag-preview {
     box-sizing: border-box;
     border-radius: 4px;
@@ -181,5 +205,49 @@
       margin: $cc-simple-grid-pagination-bar-margin;
     }
   }
+
+  .settings-menu,
+  .column-menu {
+    position: absolute;
+    top: 42px;
+    right: 4px;
+    width: 250px;
+    padding: 0 8px 8px;
+    border-radius: 5px;
+    color: $cc-color-font;
+    box-shadow: 0 0 8px 0 $cc-color-box-shadow;
+    background-color: $cc-color-grey;
+    z-index: 1;
+
+    h3 {
+      text-align: left;
+    }
+
+    ul {
+      list-style-type: none;
+      border-top: 1px solid $cc-color-light-accent;
+      text-align: left;
+      font-size: $cc-font-size-default;
+
+      li {
+        margin-top: 4px;
+        padding: 8px;
+        border-radius: 5px;
+        text-transform: capitalize;
+        font-weight: normal;
+        background-color: $cc-color-grey;
+        cursor: pointer;
+
+        &:hover {
+          filter: brightness(95%);
+        }
+      }
+    }
+  }
+
+  .column-menu {
+    right: auto;
+    left: 0;
+  }
 }
 

package/lib/components/tile/tile.component.d.ts

@@ -1,16 +1,16 @@
-import { EventEmitter } from '@angular/core';
-import { IconCacheService } from '../icon/icon-cache.service';
-import { CoreComponentsIcon } from '../../core/enum/core-components-icon.enum';
-import { SafeHtml } from '@angular/platform-browser';
-export declare class TileComponent {
-    private _iconCache;
-    readonly icon: typeof CoreComponentsIcon;
-    image: string;
-    mouseOverExtended: boolean;
-    small: boolean;
-    noImagePlaceholder: boolean;
-    onImageClick: EventEmitter<void>;
-    showClass: boolean;
-    imagePlaceHolder: null | SafeHtml;
-    constructor(_iconCache: IconCacheService);
-}
+import { EventEmitter } from '@angular/core';
+import { IconCacheService } from '../icon/icon-cache.service';
+import { CoreComponentsIcon } from '../../core/enum/core-components-icon.enum';
+import { SafeHtml } from '@angular/platform-browser';
+export declare class TileComponent {
+    private _iconCache;
+    readonly icon: typeof CoreComponentsIcon;
+    image: string;
+    mouseOverExtended: boolean;
+    small: boolean;
+    noImagePlaceholder: boolean;
+    onImageClick: EventEmitter<void>;
+    showClass: boolean;
+    imagePlaceHolder: null | SafeHtml;
+    constructor(_iconCache: IconCacheService);
+}

package/lib/components/tile/tile.module.d.ts

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

package/lib/components/tile-select/tile-select.component.d.ts

@@ -1,8 +1,8 @@
-import { EventEmitter } from '@angular/core';
-export declare class TileSelectComponent {
-    selected: boolean;
-    readonly: boolean;
-    showRadioButton: boolean;
-    selectedChange: EventEmitter<boolean>;
-    showClass(): boolean;
-}
+import { EventEmitter } from '@angular/core';
+export declare class TileSelectComponent {
+    selected: boolean;
+    readonly: boolean;
+    showRadioButton: boolean;
+    selectedChange: EventEmitter<boolean>;
+    showClass(): boolean;
+}

package/lib/components/tile-select/tile-select.module.d.ts

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

package/lib/components/tooltip/tooltip.component.d.ts

@@ -1,18 +1,18 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
-import { SafeHtml } from '@angular/platform-browser';
-export declare class TooltipComponent implements AfterViewInit {
-    private _elementRef;
-    private _changeDetector;
-    set hostElement(value: HTMLElement);
-    get hostElement(): HTMLElement;
-    toolTip: SafeHtml | string;
-    showClass(): boolean;
-    top: number;
-    left: number;
-    bottom: boolean;
-    animate: boolean;
-    private _hostElement;
-    constructor(_elementRef: ElementRef, _changeDetector: ChangeDetectorRef);
-    ngAfterViewInit(): void;
-    private _positionTooltip;
-}
+import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+export declare class TooltipComponent implements AfterViewInit {
+    private _elementRef;
+    private _changeDetector;
+    set hostElement(value: HTMLElement);
+    get hostElement(): HTMLElement;
+    toolTip: SafeHtml | string;
+    showClass(): boolean;
+    top: number;
+    left: number;
+    bottom: boolean;
+    animate: boolean;
+    private _hostElement;
+    constructor(_elementRef: ElementRef, _changeDetector: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    private _positionTooltip;
+}

package/lib/components/tooltip/tooltip.module.d.ts

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

package/lib/components/validation-error/validation-error.component.d.ts

@@ -1,12 +1,12 @@
-import { ElementRef } from '@angular/core';
-import { IconCacheService } from "../icon/icon-cache.service";
-export declare class ValidationErrorComponent {
-    icons: IconCacheService;
-    readonly Icons: any;
-    error: string;
-    parentForOverlay: ElementRef;
-    top: number;
-    left: number;
-    showClass(): boolean;
-    constructor(icons: IconCacheService);
-}
+import { ElementRef } from '@angular/core';
+import { IconCacheService } from "../icon/icon-cache.service";
+export declare class ValidationErrorComponent {
+    icons: IconCacheService;
+    readonly Icons: any;
+    error: string;
+    parentForOverlay: ElementRef;
+    top: number;
+    left: number;
+    showClass(): boolean;
+    constructor(icons: IconCacheService);
+}

package/lib/components/validation-error/validation-error.module.d.ts

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

package/lib/components/view-mode-buttons/content-view-mode.enum.d.ts

@@ -1,8 +1,8 @@
-export declare enum ContentViewMode {
-    List = 0,
-    Grid = 1,
-    GridExpanded = 2,
-    MasterDetail = 3,
-    Timeline = 4,
-    Tiles = 5
-}
+export declare enum ContentViewMode {
+    List = 0,
+    Grid = 1,
+    GridExpanded = 2,
+    MasterDetail = 3,
+    Timeline = 4,
+    Tiles = 5
+}

package/lib/components/view-mode-buttons/view-mode-buttons.component.d.ts

@@ -1,17 +1,17 @@
-import { EventEmitter, OnInit } from "@angular/core";
-import { ContentViewMode } from "./content-view-mode.enum";
-import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
-import { IconCacheService } from "../icon/icon-cache.service";
-export declare class ViewModeButtonsComponent implements OnInit {
-    iconCacheService: IconCacheService;
-    readonly icons: typeof CoreComponentsIcon;
-    readonly viewModes: typeof ContentViewMode;
-    showViewModes: ContentViewMode[];
-    viewModeChange: EventEmitter<ContentViewMode>;
-    showClass(): boolean;
-    set activeViewMode(value: ContentViewMode);
-    get activeViewMode(): ContentViewMode;
-    private _activeViewMode;
-    ngOnInit(): void;
-    constructor(iconCacheService: IconCacheService);
-}
+import { EventEmitter, OnInit } from "@angular/core";
+import { ContentViewMode } from "./content-view-mode.enum";
+import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
+import { IconCacheService } from "../icon/icon-cache.service";
+export declare class ViewModeButtonsComponent implements OnInit {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof CoreComponentsIcon;
+    readonly viewModes: typeof ContentViewMode;
+    showViewModes: ContentViewMode[];
+    viewModeChange: EventEmitter<ContentViewMode>;
+    showClass(): boolean;
+    set activeViewMode(value: ContentViewMode);
+    get activeViewMode(): ContentViewMode;
+    private _activeViewMode;
+    ngOnInit(): void;
+    constructor(iconCacheService: IconCacheService);
+}

package/lib/components/view-mode-buttons/view-mode-buttons.module.d.ts

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

package/lib/core/constant/default-upper-bound-for-range-components.d.ts

@@ -1,2 +1,2 @@
-export declare const DEFAULT_LOWER_BOUND_FOR_RANGE_COMPONENTS: number;
-export declare const DEFAULT_UPPER_BOUND_FOR_RANGE_COMPONENTS: number;
+export declare const DEFAULT_LOWER_BOUND_FOR_RANGE_COMPONENTS: number;
+export declare const DEFAULT_UPPER_BOUND_FOR_RANGE_COMPONENTS: number;

package/lib/core/constant/java-max-int.d.ts

@@ -1 +1 @@
-export declare const JAVA_MAX_INT: number;
+export declare const JAVA_MAX_INT: number;

package/lib/core/constant/number-inputs-key-down-white-list.d.ts

@@ -1,2 +1,2 @@
-import { KeyboardCode } from "../enum/keyboard-code.enum";
-export declare const NUMBER_INPUTS_KEY_DOWN_WHITE_LIST: KeyboardCode[];
+import { KeyboardCode } from "../enum/keyboard-code.enum";
+export declare const NUMBER_INPUTS_KEY_DOWN_WHITE_LIST: KeyboardCode[];

package/lib/core/decorator/input-boolean.decorator.d.ts

@@ -1,8 +1,8 @@
-/**
- * Property decorator which enables template syntax like "someBoolInput" instead of "[someBoolInput]='true'". Makes use of the fact that
- * Angular assigns an empty string to the input property in the naked "someBoolInput" template case.
- */
-export declare function InputBoolean(bindingPropertyName?: string): PropertyDecorator;
-export declare class InputBooleanDecorator {
-    static InputValueToBoolean(value: any): boolean;
-}
+/**
+ * Property decorator which enables template syntax like "someBoolInput" instead of "[someBoolInput]='true'". Makes use of the fact that
+ * Angular assigns an empty string to the input property in the naked "someBoolInput" template case.
+ */
+export declare function InputBoolean(bindingPropertyName?: string): PropertyDecorator;
+export declare class InputBooleanDecorator {
+    static InputValueToBoolean(value: any): boolean;
+}

package/lib/core/enum/co-direction.d.ts

@@ -1,6 +1,6 @@
-export declare enum CoDirection {
-    Right = "right",
-    Left = "left",
-    Up = "top",
-    Down = "bottom"
-}
+export declare enum CoDirection {
+    Right = "right",
+    Left = "left",
+    Up = "top",
+    Down = "bottom"
+}

package/lib/core/enum/co-document-image-display-kind.enum.d.ts

@@ -1,5 +1,5 @@
-export declare enum CoDocumentImageDisplayKind {
-    NormalImage = "N",
-    LayeredImage = "L",
-    Avatar = "A"
-}
+export declare enum CoDocumentImageDisplayKind {
+    NormalImage = "N",
+    LayeredImage = "L",
+    Avatar = "A"
+}

package/lib/core/enum/co-document-type.enum.d.ts

@@ -1,5 +1,5 @@
-export declare enum CoDocumentType {
-    SaveAsDocument = "BN",
-    SaveAsLinkOnRandomLocation = "LS",
-    SaveAsLinkOnDefaultLocation = "LW"
-}
+export declare enum CoDocumentType {
+    SaveAsDocument = "BN",
+    SaveAsLinkOnRandomLocation = "LS",
+    SaveAsLinkOnDefaultLocation = "LW"
+}

package/lib/core/enum/co-orientation.d.ts

@@ -1,6 +1,6 @@
-import { CoDirection } from "./co-direction";
-export declare enum CoOrientation {
-    Horizontal = "horizontal",
-    Vertical = "vertical"
-}
-export declare function OrientationOfDirection(direction: CoDirection): CoOrientation;
+import { CoDirection } from "./co-direction";
+export declare enum CoOrientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+export declare function OrientationOfDirection(direction: CoDirection): CoOrientation;