@colijnit/corecomponents_v12 254.1.5 → 254.1.7

package/projects/corecomponents/src/lib/service/color-sequence.service.ts

@@ -1,50 +0,0 @@
-import {Injectable} from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class ColorSequenceService {
-
-  public colors: Map<number, string> = new Map<number, string>();
-
-  public getRandomColor(id: number): string {
-    if (this.colors.has(id)) {
-      return this.colors.get(id);
-    }
-    const randomColor = Math.floor(Math.random() * 16777215).toString(16);
-    const result: string = '#' + randomColor;
-    this.colors.set(id, result);
-    return result;
-  }
-
-  public GetRandomColorWithSettings(h?: number[], s?: number[], l?: number[], a?: number[]): string {
-    if (!h || !Array.isArray(h) || h.length < 2) {
-      h = [0, 360];
-    }
-    if (!s || !Array.isArray(s) || s.length < 2) {
-      s = [0, 100];
-    }
-    if (!l || !Array.isArray(l) || l.length < 2) {
-      l = [0, 100];
-    }
-    if (!a || !Array.isArray(a) || a.length < 2) {
-      a = [0, 1];
-    }
-
-    let hue = this.GetRandomNumber(h[0], h[1]);
-    let saturation = this.GetRandomNumber(s[0], s[1]);
-    let lightness = this.GetRandomNumber(l[0], l[1]);
-    let alpha = this.GetRandomNumber(a[0] * 100, a[1] * 100) / 100;
-    return this.GetHSLAColor(hue, saturation, lightness, alpha);
-  }
-
-  public GetRandomNumber(low, high): number {
-    let r = Math.floor(Math.random() * (high - low + 1)) + low;
-    return r;
-  }
-
-  public GetHSLAColor(h: number, s: number, l: number, a: number): string {
-    return `hsl(${h}, ${s}%, ${l}%, ${a})`;
-  }
-
-}

package/projects/corecomponents/src/lib/service/overlay.service.ts

@@ -1,81 +0,0 @@
-import {ApplicationRef, ComponentFactoryResolver, ComponentRef, ElementRef, EmbeddedViewRef, Injectable, Injector} from '@angular/core';
-
-@Injectable()
-export class OverlayService {
-
-    private _componentRefs: Map<any, ComponentRef<any>> = new Map<any, ComponentRef<any>>();
-
-    constructor(
-        private _componentFactoryResolver: ComponentFactoryResolver,
-        private _appRef: ApplicationRef,
-        private _injector: Injector
-    ) {
-    }
-
-    public createComponent(compClass: any, inputs: any, events?: any): ComponentRef<any> {
-      if (this._componentRefExists(compClass)) {
-        this._removeComponentRef(compClass);
-      }
-        const componentRef = this._componentFactoryResolver
-            .resolveComponentFactory(compClass)
-            .create(this._injector);
-
-        if (inputs) {
-            for (let property in inputs) {
-                if (inputs.hasOwnProperty(property)) {
-                    componentRef.instance[property] = inputs[property];
-                }
-            }
-        }
-
-        if (events) {
-            for (let event in events) {
-                if (events.hasOwnProperty(event)) {
-                  componentRef.instance[event].subscribe((value) => events[event](value));
-                }
-            }
-        }
-
-        this._appRef.attachView(componentRef.hostView);
-
-        const domElem = (componentRef.hostView as EmbeddedViewRef<any>)
-            .rootNodes[0] as HTMLElement;
-
-        document.body.appendChild(domElem);
-
-        componentRef.onDestroy(() => {
-            this._appRef.detachView(componentRef.hostView);
-        });
-
-        this._componentRefs.set(compClass, componentRef);
-        return componentRef;
-    }
-
-    public removeComponent(componentRef: ComponentRef<any>): void {
-        if (componentRef) {
-            const compClass: any = this._getClassFromComponentRef(componentRef);
-            componentRef.destroy();
-            this._componentRefs.delete(compClass);
-        }
-    }
-
-    private _componentRefExists(compClass: any): boolean {
-        return this._componentRefs.has(compClass);
-    }
-
-    private _removeComponentRef(compClass: any): void {
-        const componentRef: ComponentRef<any> = this._componentRefs.get(compClass);
-        this.removeComponent(componentRef);
-    }
-
-    private _getClassFromComponentRef(componentRef: ComponentRef<any>): any {
-        let result: any;
-        this._componentRefs.forEach((value: ComponentRef<any>, key: any) => {
-            if (value === componentRef) {
-                result = key;
-                return;
-            }
-        });
-        return result;
-    }
-}

package/projects/corecomponents/src/lib/style/_input.mixins.scss

@@ -1,143 +0,0 @@
-@mixin input() {
-  display: block;
-  position: relative;
-  background: $cc-color-input-background-color;
-  border-radius: $cc-input-border-radius;
-  &:before {
-    content: '';
-    box-shadow: inset 0 0 0 $cc-input-border-width $cc-input-border-color;
-    border-radius: $cc-input-border-radius;
-    position: absolute;
-    pointer-events: none;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-  }
-  .required-indicator {
-    display: none;
-    position: absolute;
-    background: transparent;
-    top: $cc-input-required-mark-position-top;
-    right: $cc-input-required-mark-position-right;
-    pointer-events: none;
-    &:before {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      content: "\2713";
-      width: $cc-input-required-mark-width-height;
-      height: $cc-input-required-mark-width-height;
-      background: transparent;
-      color: $cc-color-valid;
-    }
-  }
-  &:not(.custom-height) {
-    height: $cc-item-size;
-    //padding: 0 0 7px 5px;
-  }
-  &.required {
-    .required-indicator {
-      display: flex;
-    }
-    &.invalid, &:not(.hasvalue) {
-      .required-indicator:before {
-        content: "\002A";
-        color: $cc-color-error;
-      }
-    }
-  }
-  &.has-own-label {
-    label {
-      width: 100%;
-      text-align: left;
-      color: $cc-color-label;
-      margin-left: $cc-input-margin-left;
-      font-size: $cc-font-size-input-label;
-      position: absolute;
-      top: 50%;
-      transform: translateY(-50%);
-      transform-origin: top left;
-      pointer-events: none;
-      z-index: 1;
-      transition: all .2s;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-    @if $cc-input-show-focus-line != false {
-      &.cc-input-focused:not(.no-focus-line) {
-        @include focus($cc-input-focused-border-style, $cc-input-focused-border-width, $cc-input-focused-border-color, $cc-input-border-radius);
-      }
-    }
-    &.cc-input-focused, &.hasvalue, &.isDate {
-      label {
-        transform: scale(0.92);
-        top: $cc-input-label-top;
-      }
-    }
-  }
-  &:not(.read-only):hover {
-    @include hover($cc-input-border-hover-style, $cc-input-border-hover-width, $cc-input-border-hover-color, $cc-input-border-radius);
-  }
-}
-
-@mixin focus($style, $width, $color, $radius) {
-  border-style: $style;
-  border-width: 0; // $width;
-  border-color: $color;
-  &:before {
-    content: '';
-    box-shadow: inset 0 0 0 $width $color;
-    border-radius: $radius;
-    position: absolute;
-    pointer-events: none;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-  }
-}
-
-@mixin hover($style, $width, $color, $radius) {
-  border-style: $style;
-  border-width: 0; // $width;
-  border-color: $color;
-  &:before {
-    content: '';
-    box-shadow: inset 0 0 0 $width $color;
-    border-radius: $radius;
-    position: absolute;
-    pointer-events: none;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-  }
-}
-
-::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
-  color: $cc-color-input-placeholder-color;
-  font-style: $cc-input-placeholder-font-style;
-  opacity: 1; /* Firefox */
-}
-
-:-ms-input-placeholder { /* Internet Explorer 10-11 */
-  color: $cc-color-input-placeholder-color;
-  font-style: $cc-input-placeholder-font-style;
-}
-
-::-ms-input-placeholder { /* Microsoft Edge */
-  color: $cc-color-input-placeholder-color;
-  font-style: $cc-input-placeholder-font-style;
-}
-
-@mixin placeholder {
-  ::-webkit-input-placeholder {@content}
-  :-moz-placeholder {@content}
-  ::-moz-placeholder {@content}
-  :-ms-input-placeholder {@content}
-}

package/projects/corecomponents/src/lib/style/_mixin.scss

@@ -1,16 +0,0 @@
-$css: '' !default;
-$imported-modules: () !default;
-
-@mixin export-module($module) {
-  @if (index($imported-modules, $module) == null) {
-    $imported-modules: append($imported-modules, $module) !global;
-    @content;
-  }
-}
-
-@mixin button-small-semi-round($background: $cc-color-light, $height: $cc-action-size-small, $width: $cc-action-size) {
-  background: $background;
-  height: $height;
-  width: $width;
-  border-radius: 15px;
-}

package/projects/corecomponents/src/lib/style/_variables.scss

@@ -1,163 +0,0 @@
-$cc-font-family: 'Public sans' !default;
-$font-family: $cc-font-family !default;
-$cc-float-label-font-color: #1d71ad !default;
-
-$group-droparea-bg-color: #e4edf4 !default;
-$grid-header-border-color: #a0b6c9 !default;
-$group-droparea-color: #175988 !default;
-$grid-header-font-weight: 700 !default;
-
-$cc-item-size: 40px !default;
-$cc-icon-size: 40px !default;
-$cc-icon-size-small: 30px !default;
-$cc-default-border-radius: 3px !default;
-
-$cc-scrollbar-thumbColor: #484f60 !default;
-$cc-scrollbar-trackColor: #e8eceb !default;
-$cc-scrollbar-stopPoint: 10% !default;
-
-$cc-color-action: #1A73E8 !default;
-$accent: $cc-color-action !default;
-$cc-color-input-background-color: white !default;
-$cc-color-input-placeholder-color: #8083A3 !default;
-$cc-color-dark: #22313C !default;
-$cc-color-background: #F8F8Fa !default;
-$cc-color-main: #1060AD !default;
-$cc-color-light-accent: #DCE4EA !default;
-$cc-color-light: #FFFFFF !default;
-$cc-color-grey: #F5F5FC !default;
-$cc-color-icons-dark: #29363F !default;
-$cc-color-form-input-border: #EDEBEC !default;
-$cc-color-label: #8083A3 !default;
-$cc-color-input-indicator-mandatory: #C1002A !default;
-$cc-color-error: #C1002A !default;
-$cc-color-valid: #429777 !default;
-$cc-color-input-search-triangle: #e26bcd !default;
-$cc-color-input-sequence: #B00060 !default;
-$cc-color-input-lov: #009EE0 !default;
-$cc-color-code: #00628D !default;
-$cc-color-input-focus: #BBD9E6 !default;
-$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;
-$cc-color-input-important: $cc-color-light !default;
-$cc-color-input-info: #e4e6eb !default;
-$cc-color-active-accent: #8faba6 !default;
-$cc-color-less-light: #F7FAFA !default;
-$cc-color-border: #CCCCCC !default;
-$cc-color-border-light: #FFFFFF !default;
-$cc-color-form-input-background-focus: #BBD9E6 !default;
-$cc-color-inactive: #A5CBDA !default;
-$cc-color-shapes: #0062A9 !default;
-$cc-color-hover: #e8eceb !default;
-$cc-color-active: #429777 !default;
-$cc-color-dark-accent: #475060 !default;
-$cc-color-box-shadow: rgba(72,79,96,.25) !default;
-$cc-color-scrollbar-thumb: #484f60 !default;
-$cc-color-scrollbar-background: #e8eceb !default;
-$cc-color-background-selected: #f1fcff !default;
-
-$cc-color-grid-row-background: white !default;
-$cc-color-grid-row-odd-background: #fafafa !default;
-$cc-color-grid-row-hover-background: #efeeee !default;
-$cc-color-grid-row-selected-background: #e5e5e5 !default;
-
-$cc-distance-very-small: 2px !default;
-$cc-distance-small: 5px !default;
-$cc-distance-medium: 10px !default;
-$cc-distance-big: 20px !default;
-
-$cc-scrollbar-size: 15px !default;
-$cc-shadow-size: 10px !default;
-$cc-shadow-size-small: 5px !default;
-
-$cc-action-size: 40px !default;
-$cc-action-size-small: 30px !default;
-$cc-item-size-very-small: 20px !default;
-
-$cc-font-size-input-label: 12px !default;
-$cc-font-size-small: 10px !default;
-$cc-font-size-default: 12px !default;
-$cc-font-size-medium: 13px !default;
-$cc-font-size-large: 14px !default;
-
-$cc-popup-background-dark: #484F60 !default;
-$cc-popup-background-white: #FFFFFF !default;
-$cc-popup-background-grey: #CFD0D1 !default;
-
-$cc-popup-min-width: 320px !default;
-
-$cc-super-fast-transition-time: 0.1s !default;
-$cc-fast-transition-time: 0.2s !default;
-$cc-average-transition-time: 0.5s !default;
-$cc-slow-transition-time: 1s !default;
-
-$cc-pretty-hover-transition-time: 0.14s !default;
-
-$cc-font-size-value-text: 13px !default;
-
-$cc-co-dialog-footer-border-width: 2px 0 0 0 !default;
-$cc-co-dialog-footer-padding: 20px 0 0 0 !default;
-/* Inputs */
-$cc-input-required-mark-width-height: 7px;
-$cc-input-required-mark-position-top: 7px;
-$cc-input-required-mark-position-right: 5px;
-$cc-input-font-size: 12px !default;
-$cc-input-placeholder-font-style: normal !default;
-$cc-input-width: 300px !default;
-$cc-input-margin-left: 10px !default;
-$cc-input-input-padding: 0 0 5px 10px !default;
-$cc-input-content-padding: 20px 0 25px 0 !default;
-$cc-input-margin-top: 16px !default;
-$cc-input-show-focus-line: true !default;
-$cc-input-focus-line-color: $cc-color-action !default;
-$cc-input-hover-darken: 75% !default;
-$cc-input-hover-color: $cc-color-action !default;
-$cc-input-border-style: solid !default;
-$cc-input-border-width: 1px !default;
-$cc-input-border-color: $cc-color-border !default;
-$cc-input-border-radius: 5px !default;
-$cc-input-border-hover-style: solid !default;
-$cc-input-border-hover-width: 2px !default;
-$cc-input-border-hover-color: $cc-input-hover-color !default;
-$cc-input-clear-icon-size: 20px !default;
-$cc-input-clear-icon-padding: 0 0 5px 0 !default;
-$cc-input-label-top: 5px !default;
-
-$cc-input-focused-border-style: solid !default;
-$cc-input-focused-border-width: 1px !default;
-$cc-input-focused-border-color: $cc-color-action;
-/**********/
-
-/* checkbox */
-$cc-checkbox-border-radius: 0 !default;
-$cc-checkbox-background-color: $cc-color-grey !default;
-$cc-checkbox-border-color: $cc-color-border !default;
-$cc-checkbox-check-background-color: $cc-color-action !default;
-$cc-checkbox-check-border-color: $cc-color-action !default;
-$cc-checkbox-check-color: $cc-color-light !default;
-$cc-checkbox-hover-background-color: $cc-checkbox-background-color !default;
-$cc-checkbox-hover-border-color: $cc-checkbox-border-color !default;
-$cc-checkbox-check-hover-background-color: $cc-checkbox-check-background-color !default;
-$cc-checkbox-check-hover-border-color: $cc-checkbox-check-border-color !default;
-$cc-checkbox-check-hover-color: $cc-checkbox-check-color !default;
-/************/
-
-/* radiobutton */
-$cc-radiobutton-color-action: #5FDCB3 !default;
-/***************/
-
-/* dialog */
-$cc-dialog-header-title-font-size: 14px !default;
-$cc-dialog-header-title-margin: 0 0 20px 0 !default;
-$cc-dialog-header-title-font-weight: bold !default;
-$cc-dialog-footer-justify-content: center !default;
-$cc-dialog-footer-column-gap: 10px !default;
-$cc-dialog-checkbox-checked-background-color: $cc-color-action !default;
-$cc-dialog-header-title-gap: 10px !default;
-/**********/