@colijnit/corecomponents_v12 12.0.39 → 12.0.42

package/lib/components/input-date-range-picker/input-date-range-picker.component.d.ts

@@ -8,6 +8,8 @@ export declare class InputDateRangePickerComponent extends BaseInputComponent<Da
     startDateChange: EventEmitter<Date>;
     endDateChange: EventEmitter<Date>;
     dateRangeChange: EventEmitter<Date[]>;
+    close: EventEmitter<{}>;
+    select: EventEmitter<{}>;
     showClass(): boolean;
     rangeChange(): void;
 }

package/lib/components/simple-grid/style/_material-definition.scss

@@ -2,8 +2,8 @@ $cc-simple-grid-font-familiy: $cc-font-family !default;
 $cc-simple-grid-font-size: $cc-font-size-default !default;
 
 $cc-simple-grid-header-font-familiy: $cc-font-family !default;
-$cc-simple-grid-header-font-size: $cc-font-size-default !default;
-$cc-simple-grid-header-font-weight: bold !default;
+$cc-simple-grid-header-font-size: 10px !default;
+$cc-simple-grid-header-font-weight: normal !default;
 $cc-simple-grid-header-text-transform: uppercase !default;
 $cc-simple-grid-header-background-color: white !default;
 $cc-simple-grid-header-padding: 10px 5px !default;

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

@@ -1,10 +1,12 @@
 @include export-module('cc-simple-grid-theme') {
   .co-simple-grid {
+    color: $cc-color-font;
     .simple-grid-column-sizer {
       background-color: $cc-simple-grid-header-sizer-background-color;
     }
     .simple-grid-column-header {
       border-color: $cc-simple-grid-header-border-color;
+      color: $cc-color-label;
     }
     .simple-grid-column-header {
       background-color: $cc-simple-grid-header-background-color;

package/lib/core/enum/keyboard-key.enum.d.ts

@@ -0,0 +1,69 @@
+export declare enum KeyboardKey {
+    Down = "ArrowDown",
+    Up = "ArrowUp",
+    Left = "ArrowLeft",
+    Right = "ArrowRight",
+    Tab = "Tab",
+    Escape = "Escape",
+    Enter = "Enter",
+    Home = "Home",
+    End = "End",
+    Delete = "Delete",
+    Insert = "Insert",
+    ShiftLeft = "ShiftLeft",
+    ShiftRight = "ShiftRight",
+    Backspace = "Backspace",
+    SpaceBar = "Space",
+    Period = "Period",
+    DecimalPoint = "NumpadDecimal",
+    SemiColon = "Semicolon",
+    ControlRight = "ControlRight",
+    ControlLeft = "ControlLeft",
+    Comma = "Comma",
+    Zero = "Digit0",
+    One = "Digit1",
+    Two = "Digit2",
+    Three = "Digit3",
+    Four = "Digit4",
+    Five = "Digit5",
+    Six = "Digit6",
+    Seven = "Digit7",
+    Eight = "Digit8",
+    Nine = "Digit9",
+    NumpadZero = "Numpad0",
+    NumpadOne = "Numpad1",
+    NumpadTwo = "Numpad2",
+    NumpadThree = "Numpad3",
+    NumpadFour = "Numpad4",
+    NumpadFive = "Numpad5",
+    NumpadSix = "Numpad6",
+    NumpadSeven = "Numpad7",
+    NumpadEight = "Numpad8",
+    NumpadNine = "Numpad9",
+    A = "KeyA",
+    B = "KeyB",
+    C = "KeyC",
+    D = "KeyD",
+    E = "KeyE",
+    F = "KeyF",
+    G = "KeyG",
+    H = "KeyH",
+    I = "KeyI",
+    J = "KeyJ",
+    K = "KeyK",
+    L = "KeyL",
+    M = "KeyM",
+    N = "KeyN",
+    O = "KeyO",
+    P = "KeyP",
+    Q = "KeyQ",
+    R = "KeyR",
+    S = "KeyS",
+    T = "KeyT",
+    U = "KeyU",
+    V = "KeyV",
+    W = "KeyW",
+    X = "KeyX",
+    Y = "KeyY",
+    Z = "KeyZ"
+}

package/lib/directives/clickoutside/click-outside-master.service.d.ts

@@ -0,0 +1,15 @@
+import { NgZone, OnDestroy } from "@angular/core";
+import { ClickOutsideDirective } from "./click-outside.directive";
+export declare class ClickOutsideMasterService implements OnDestroy {
+    private readonly _ngZone;
+    get currentClick(): MouseEvent;
+    private _clickOutsideRefs;
+    private _currentClick;
+    constructor(_ngZone: NgZone);
+    ngOnDestroy(): void;
+    onClick: (event: MouseEvent) => void;
+    checkEmit(clickOutside: ClickOutsideDirective, event: Event, force?: boolean): void;
+    onKeyDown: (event: KeyboardEvent) => void;
+    addClickOutside(clickOutside: ClickOutsideDirective): void;
+    removeClickOutside(clickOutside: ClickOutsideDirective): void;
+}

package/lib/directives/clickoutside/click-outside.directive.d.ts

@@ -0,0 +1,18 @@
+import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy } from "@angular/core";
+import { ClickOutsideMasterService } from "./click-outside-master.service";
+export declare class ClickOutsideDirective implements OnDestroy, AfterViewInit {
+    elementRef: ElementRef;
+    private _ngZone;
+    private _master;
+    get currentClick(): MouseEvent;
+    set enabled(enabled: boolean);
+    alwaysTrigger: boolean;
+    readonly clickOutside: EventEmitter<Event>;
+    private _currentClick;
+    private _enabled;
+    private _initialized;
+    constructor(elementRef: ElementRef, _ngZone: NgZone, _master: ClickOutsideMasterService);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onClick: (event: MouseEvent) => void;
+}

package/lib/directives/clickoutside/clickoutside.module.d.ts

@@ -0,0 +1,2 @@
+export declare class ClickoutsideModule {
+}

package/lib/style/_variables.scss

@@ -26,7 +26,7 @@ $cc-color-light-accent: #DCE4EA !default;
 $cc-color-light: #FFFFFF !default;
 $cc-color-icons-dark: #29363F !default;
 $cc-color-form-input-border: #EDEBEC !default;
-$cc-color-label: #5B6875 !default;
+$cc-color-label: #8083A3 !default;
 $cc-color-input-indicator-mandatory: #C1002A !default;
 $cc-color-error: #C1002A !default;
 $cc-color-valid: #429777 !default;
@@ -39,6 +39,7 @@ $cc-color-label-active: #525E64 !default;
 $cc-color-input-disabled: #DAD9D9 !default;
 $cc-color-input-invalid: #E29CA2 !default;
 $cc-color-text-light: #F7FAFA !default;
+$cc-color-font: #171721 !default;
 $cc-color-action-accent: #848a9e !default;
 $cc-color-text-main: #22313C !default;
 $cc-color-input-positive: #d7ead7 !default;
@@ -76,7 +77,7 @@ $cc-shadow-size-small: 5px !default;
 $cc-item-size-very-small: 20px !default;
 $cc-action-size: 40px !default;
 
-$cc-font-size-input-label: 13px !default;
+$cc-font-size-input-label: 12px !default;
 $cc-font-size-small: 13px !default;
 $cc-font-size-default: 12px !default;
 $cc-font-size-medium: 10px !default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/corecomponents_v12",
-  "version": "12.0.39",
+  "version": "12.0.42",
   "description": "Colijn IT core components for Angular 12",
   "private": false,
   "peerDependencies": {

package/public-api.d.ts

@@ -88,3 +88,5 @@ export * from './lib/pipes/price-display.pipe';
 export * from './lib/pipes/price-display-pipe.module';
 export * from './lib/components/filter-item/filter-item.component';
 export * from './lib/components/filter-item/filter-item.module';
+export * from './lib/directives/clickoutside/clickoutside.module';
+export * from './lib/directives/observe-visibility/observe-visibility.module';