@colijnit/corecomponents_v12 12.0.88 → 12.0.89

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

@@ -4,9 +4,8 @@ import { IconCacheService } from './icon-cache.service';
 export declare class IconComponent {
     private _iconCache;
     set icon(value: CoreComponentsIcon);
-    set iconData(value: SafeHtml);
+    iconData: SafeHtml | undefined;
     showClass: boolean;
-    innerIconData: SafeHtml;
     constructor(_iconCache: IconCacheService);
     private _setIconFromEnum;
 }

package/lib/components/input-search/input-search.component.d.ts

@@ -1,18 +1,13 @@
 import { EventEmitter, OnDestroy } from '@angular/core';
 import { CoreComponentsIcon } from '../../core/enum/core-components-icon.enum';
 import { BaseInputComponent } from '../base/base-input.component';
-import { SafeHtml } from '@angular/platform-browser';
 export declare class InputSearchComponent extends BaseInputComponent<string> implements OnDestroy {
     readonly searchIcon: CoreComponentsIcon;
     placeholder: string;
     search: EventEmitter<string>;
     useLeftIcon: boolean;
     useRightIcon: boolean;
-    leftIconData: SafeHtml | undefined;
-    rightIconData: SafeHtml | undefined;
     centerLabel: boolean;
-    leftIconClick: EventEmitter<MouseEvent>;
-    rightIconClick: EventEmitter<MouseEvent>;
     showClass(): boolean;
     handleKeyDown(event: KeyboardEvent): void;
 }

package/lib/components/input-text/input-text.component.d.ts

@@ -1,11 +1,10 @@
-import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ElementRef, EventEmitter } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ElementRef } from "@angular/core";
 import { BaseInputComponent } from "../base/base-input.component";
 import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
 import { KeyboardCode } from "../../core/enum/keyboard-code.enum";
 import { FormInputUserModelChangeListenerService } from "../../core/service/form-input-user-change-listener.service";
 import { NgZoneWrapperService } from "../../core/service/ng-zone-wrapper.service";
 import { FormComponent } from "../form/form.component";
-import { SafeHtml } from '@angular/platform-browser';
 export declare class InputTextComponent extends BaseInputComponent<any> implements AfterViewInit {
     formComponent: FormComponent;
     protected changeDetector: ChangeDetectorRef;
@@ -23,12 +22,8 @@ export declare class InputTextComponent extends BaseInputComponent<any> implemen
     keyDownWhiteList: KeyboardCode[];
     showPlaceholderOnFocus: boolean;
     leftIcon: CoreComponentsIcon;
-    leftIconData: SafeHtml | undefined;
     rightIcon: CoreComponentsIcon;
-    rightIconData: SafeHtml | undefined;
     noStyle: boolean;
-    leftIconClick: EventEmitter<MouseEvent>;
-    rightIconClick: EventEmitter<MouseEvent>;
     set model(value: any);
     get model(): any;
     showClass(): boolean;

package/lib/style/_variables.scss

@@ -12,6 +12,10 @@ $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: #2b60a7 !default;
 $accent: $cc-color-action !default;
 $cc-color-input-background-color: white !default;
@@ -129,6 +133,14 @@ $cc-checkbox-check-hover-color: $cc-checkbox-check-color !default;
 $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;
+/**********/
+
 /* syncfusion overrides */
 $input-header-font-color: $cc-color-label;
 $input-placeholder: $cc-color-label;

package/lib/style/corecomponents-globals.scss

@@ -71,3 +71,44 @@ label.e-float-text,
 
 @import "./variables";
 @import '~@syncfusion/ej2-inputs/styles/input/material.scss';
+.co-small-scrollbar {
+  overflow: auto;
+  &::-webkit-scrollbar {
+    -webkit-appearance: none;
+  }
+
+  &::-webkit-scrollbar:vertical {
+    width: 15px;
+  }
+
+  &::-webkit-scrollbar:horizontal {
+    height: 15px;
+  }
+
+  &::-webkit-scrollbar-thumb:vertical {
+    background: linear-gradient(to left, $cc-scrollbar-thumbColor, $cc-scrollbar-thumbColor $cc-scrollbar-stopPoint, transparent $cc-scrollbar-stopPoint, transparent);
+  }
+  &::-webkit-scrollbar-track:vertical {
+    background: linear-gradient(to left, $cc-scrollbar-trackColor, $cc-scrollbar-trackColor $cc-scrollbar-stopPoint, transparent $cc-scrollbar-stopPoint, transparent);
+  }
+  &::-webkit-scrollbar-thumb:horizontal {
+    background: linear-gradient(to top, $cc-scrollbar-thumbColor, $cc-scrollbar-thumbColor $cc-scrollbar-stopPoint, transparent $cc-scrollbar-stopPoint, transparent);
+  }
+  &::-webkit-scrollbar-track:horizontal {
+    background: linear-gradient(to top, $cc-scrollbar-trackColor, $cc-scrollbar-trackColor $cc-scrollbar-stopPoint, transparent $cc-scrollbar-stopPoint, transparent);
+  }
+}
+
+// global for dialog \\
+.co-dialog-header-title {
+  font-size: $cc-dialog-header-title-font-size;
+  margin: $cc-dialog-header-title-margin;
+  font-weight: $cc-dialog-header-title-font-weight;
+}
+
+.co-dialog-footer-button-wrapper {
+  display: flex;
+  justify-content: $cc-dialog-footer-justify-content;
+  column-gap: $cc-dialog-footer-column-gap;
+}
+///////////////////////

package/package.json

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