@colijnit/corecomponents_v12 257.1.11 → 257.1.13

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

@@ -17,4 +17,5 @@ export declare class InputSearchComponent extends BaseInputComponent<string> imp
     showClass(): boolean;
     handleKeyDown(event: KeyboardEvent): void;
     handleModelChange(model: string): void;
+    private isMobileDevice;
 }

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ElementRef, EventEmitter } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ElementRef, EventEmitter, Injector } 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';
@@ -9,6 +9,7 @@ import { SafeHtml } from '@angular/platform-browser';
 import { OverlayService } from '../../service/overlay.service';
 export declare class InputTextComponent extends BaseInputComponent<any> implements AfterViewInit {
     formComponent: FormComponent;
+    protected injector: Injector;
     protected changeDetector: ChangeDetectorRef;
     protected overlayService: OverlayService;
     protected componentFactoryResolver: ComponentFactoryResolver;
@@ -19,6 +20,7 @@ export declare class InputTextComponent extends BaseInputComponent<any> implemen
     placeholder: string;
     align: string;
     type: string;
+    formatPipe: any;
     min: number;
     max: number;
     pattern: string;
@@ -51,10 +53,11 @@ export declare class InputTextComponent extends BaseInputComponent<any> implemen
     handleDocumentMouseUp(event: MouseEvent): void;
     set model(value: any);
     get model(): any;
+    get pipedModel(): any;
     isFocusedOnDate: boolean;
     private _isLeftIconMouseDown;
     private _isRightIconMouseDown;
-    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, overlayService: OverlayService, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    constructor(formComponent: FormComponent, injector: Injector, changeDetector: ChangeDetectorRef, overlayService: OverlayService, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     excludeNonDigitChars(event: any): boolean;
     handleLeftIconClick(event: MouseEvent): void;
     handleLeftIconMouseDown(event: MouseEvent): void;
@@ -64,5 +67,6 @@ export declare class InputTextComponent extends BaseInputComponent<any> implemen
     handleRightIconMouseUp(event: MouseEvent): void;
     handleInputFocus(event: FocusEvent): void;
     handleBlur(event: FocusEvent): void;
+    handleDoFocus(event: MouseEvent): void;
     clearInput(event: MouseEvent): void;
 }

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

@@ -10,8 +10,8 @@
       white-space: nowrap;
       text-overflow: ellipsis;
     }
-
-    input {
+    input, .input-text-formatted {
+      visibility: hidden;
       max-width: 100%;
       font-family: $cc-co-input-text-font-family;
       font-size: $cc-co-input-text-font-size;
@@ -21,6 +21,9 @@
       &.right {
         text-align: right;
       }
+      &.show {
+        visibility: visible;
+      }
     }
 
     .input-input-hidden { // positioned way of so it looks hidden
@@ -91,14 +94,15 @@
       flex-basis: 100%;
       position: relative;
     }
-    input {
+    input, .input-text-formatted {
       border: none;
       outline: none;
       padding: $cc-input-input-padding;
       align-self: end;
       overflow: hidden;
       text-overflow: ellipsis;
-      width: 100%;
+      min-width: 100%;
+      min-height: $cc-co-input-text-input-height;
     }
     .input-content-wrapper {
       width: 100%;

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

@@ -7,6 +7,7 @@ $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: $cc-item-size !default;
+$cc-co-input-text-input-height: 20px !default;
 $cc-co-input-text-icon-size: 50% !default;
 $cc-co-input-text-icon-margin-number: 0 !default;
 $cc-co-input-text-spacer-width: $cc-input-border-width !default;

package/package.json

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