@colijnit/corecomponents_v12 12.0.86 → 12.0.88

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

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

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

@@ -1,14 +1,18 @@
 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;
-    isSmall: boolean;
+    leftIconClick: EventEmitter<MouseEvent>;
+    rightIconClick: EventEmitter<MouseEvent>;
     showClass(): boolean;
     handleKeyDown(event: KeyboardEvent): void;
 }

package/lib/components/input-search/style/_layout.scss

@@ -1,19 +1,13 @@
 @include export-module('cc-input-search-layout') {
   .co-input-search {
-    &.is-small {
-      height: 2rem;
-      .co-input-text {
-        height: inherit;
-        label {
-          left: 0.5rem;
-          top: 16px
-        }
-        .co-icon {
-          height: 30px;
-          width: 30px;
-        }
-      }
+    display: block;
+    font-family: $cc-co-input-search-font-family;
+    font-size: $cc-co-input-search-font-size;
+    height: $cc-co-input-search-height;
+    .co-input-text {
+      height: 100%;
     }
+
     .co-input-text {
       border-style: $cc-co-input-search-border-style;
       border-width: $cc-co-input-search-border-width;
@@ -53,11 +47,5 @@
         }
       }
     }
-    &.custom-height {
-      .co-input-text {
-        height: $cc-co-input-search-custom-height;
-        display: flex;
-      }
-    }
   }
 }

package/lib/components/input-search/style/_material-definition.scss

@@ -1,3 +1,6 @@
+$cc-co-input-search-font-family: $cc-font-family !default;
+$cc-co-input-search-font-size: $cc-font-size-default !default;
+$cc-co-input-search-height: $cc-item-size !default;
 $cc-co-input-search-background-color: #F5F5FC !default;
 $cc-co-input-search-border-style: $cc-input-border-style !default;
 $cc-co-input-search-border-width: $cc-input-border-width !default;

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

@@ -1,10 +1,11 @@
-import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ElementRef } from "@angular/core";
+import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ElementRef, EventEmitter } 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;
@@ -22,8 +23,12 @@ 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/components/input-text/style/_layout.scss

@@ -6,7 +6,7 @@
       font-family: $cc-co-input-text-font-family;
       font-size: $cc-co-input-text-font-size;
     }
-    &.hideArrows {
+    &.hide-arrows {
       input::-webkit-outer-spin-button,
       input::-webkit-inner-spin-button {
         -webkit-appearance: none;
@@ -34,9 +34,10 @@
       .input-text-left-icon {
         top: 50%;
         position: absolute;
-        height: $cc-item-size;
-        width: $cc-item-size;
+        height: 100%;
+        width: fit-content;
         transform: translateY(-50%);
+        max-height: $cc-co-input-text-icon-max-height;
       }
       input, label {
         margin-left: $cc-item-size;
@@ -48,9 +49,10 @@
         top: 50%;
         position: absolute;
         right: 0;
-        height: $cc-item-size;
-        width: $cc-item-size;
+        height: 100%;
+        width: fit-content;
         transform: translateY(-50%);
+        max-height: $cc-co-input-text-icon-max-height;
       }
       input, label {
         margin-right: $cc-item-size;

package/lib/components/input-text/style/_material-definition.scss

@@ -6,5 +6,6 @@ $cc-co-input-text-border-color: $cc-color-border !default;
 $cc-co-input-placeholder-color: $cc-color-border !default;
 $cc-co-input-placeholder-font-style: italic !default;
 $cc-co-input-text-small-height: 45px !default;
+$cc-co-input-text-icon-max-height: 80px !default;
 //$cc-co-input-label-color: $cc-color-border !default;
 //$cc-co-input-label-font-style: normal !default;

package/package.json

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