@colijnit/corecomponents_v12 259.1.5 → 259.1.7

package/lib/components/base-input-time/base-input-time-directive.d.ts

@@ -0,0 +1,14 @@
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { SafeHtml } from "@angular/platform-browser";
+import { BaseInputComponent } from "../base/base-input.component";
+import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
+export declare abstract class BaseInputTimeDirective extends BaseInputComponent<any> implements OnInit {
+    readonly rightIcon: CoreComponentsIcon;
+    parentForOverlay: ElementRef;
+    locale: string;
+    placeholder: string;
+    leftIcon: CoreComponentsIcon;
+    leftIconData: SafeHtml;
+    leftIconClick: EventEmitter<MouseEvent>;
+    closeAfterDateSelection: boolean;
+}

package/lib/components/calendar/calendar-template.component.d.ts

@@ -8,12 +8,12 @@ export declare class CalendarTemplateComponent {
     highlightDaysBetweenDates: boolean;
     showButtons: boolean;
     doubleCalendar: boolean;
-    set selectedDate(date: Date);
-    get selectedDate(): Date;
-    set secondSelectedDate(date: Date);
-    get secondSelectedDate(): Date;
-    set secondHoveringDate(date: Date);
-    get secondHoveringDate(): Date;
+    set selectedDate(value: Date | string | number | null | undefined);
+    get selectedDate(): Date | null;
+    set secondSelectedDate(value: Date | string | number | null | undefined);
+    get secondSelectedDate(): Date | null;
+    set secondHoveringDate(value: Date | string | number | null | undefined);
+    private _coerceToDate;
     dateSelected: EventEmitter<Date>;
     secondDateSelected: EventEmitter<Date>;
     hoveringDate: EventEmitter<Date>;

package/lib/components/filter-item/filter-item.component.d.ts

@@ -11,6 +11,7 @@ export declare class FilterItemComponent implements OnInit, ScreenConfigAdapterC
     private _changeDetector;
     icons: typeof CoreComponentsIcon;
     modes: typeof FilterItemMode;
+    dateFieldValue?: Date;
     set mode(value: FilterItemMode);
     get mode(): FilterItemMode;
     set collection(value: FilterItemViewmodel[]);
@@ -74,7 +75,7 @@ export declare class FilterItemComponent implements OnInit, ScreenConfigAdapterC
     valueSelected(): boolean;
     onModelChange(text: string): void;
     applyFilter(text: string): Promise<[]>;
-    onButtonClicked(): void;
+    onButtonClicked(): Promise<void>;
     private uncheckForSingleSelect;
     private readModelForMode;
     private _createModelForFilterList;
@@ -86,6 +87,7 @@ export declare class FilterItemComponent implements OnInit, ScreenConfigAdapterC
     private _createModelForCheckboxToText;
     private _createModelForCheckboxToSimpleText;
     private _createModelForCheckboxToBinary;
+    private _createModelForDateField;
     private _createModelForDateRange;
     private _formatDateToString;
     private _readModelForFilterList;

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

@@ -0,0 +1,8 @@
+import { BaseInputTimeDirective } from "../base-input-time/base-input-time-directive";
+export declare class InputTimeComponent extends BaseInputTimeDirective {
+    timeAsString: string;
+    protected modelSet(): void;
+    private setTimeAsString;
+    handleTimeChange(value: string): void;
+    handleClearIconClicked(): void;
+}

package/lib/components/input-time/input-time.module.d.ts

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

package/lib/components/list-of-values/list-of-values-popup.component.d.ts

@@ -1,10 +1,12 @@
 import { ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { InputSearchComponent } from '../input-search/input-search.component';
+import { IconCacheService } from '../icon/icon-cache.service';
 export interface lovViewModel {
     checked: boolean;
     model: any;
 }
 export declare class ListOfValuesPopupComponent implements OnInit {
+    iconCacheService: IconCacheService;
     private _elementRef;
     set lovItems(children: any);
     dropDownList: ElementRef;
@@ -16,6 +18,7 @@ export declare class ListOfValuesPopupComponent implements OnInit {
     customCssClass: string;
     searchDisabled: boolean;
     parentForOverlay: ElementRef;
+    optionIcon: string;
     set collection(value: any[]);
     get collection(): any[];
     modelChange: EventEmitter<any>;
@@ -31,7 +34,7 @@ export declare class ListOfValuesPopupComponent implements OnInit {
     private _searchTerm;
     private _lovItems;
     private _searchInput;
-    constructor(_elementRef: ElementRef);
+    constructor(iconCacheService: IconCacheService, _elementRef: ElementRef);
     ngOnInit(): void;
     handleInputKeyDown(event: KeyboardEvent): boolean;
     filterViewModels(): void;

package/lib/components/list-of-values/list-of-values.component.d.ts

@@ -6,8 +6,10 @@ import { SafeHtml } from '@angular/platform-browser';
 import { FormComponent } from "../form/form.component";
 import { FormInputUserModelChangeListenerService } from "../../core/service/form-input-user-change-listener.service";
 import { NgZoneWrapperService } from "../../core/service/ng-zone-wrapper.service";
+import { IconCacheService } from '../icon/icon-cache.service';
 export declare class ListOfValuesComponent extends BaseInputComponent<any> implements OnInit {
     formComponent: FormComponent;
+    iconCacheService: IconCacheService;
     protected changeDetector: ChangeDetectorRef;
     protected overlayService: OverlayService;
     protected componentFactoryResolver: ComponentFactoryResolver;
@@ -21,6 +23,7 @@ export declare class ListOfValuesComponent extends BaseInputComponent<any> imple
     multiselect: boolean;
     largeCollection: boolean;
     displayField: string;
+    optionIcon: string;
     set collection(value: any[]);
     get collection(): any[];
     collectionLoadFn: Function;
@@ -41,7 +44,7 @@ export declare class ListOfValuesComponent extends BaseInputComponent<any> imple
     private _collection;
     private debounceTimeout;
     private _lovPopupComponentRef;
-    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, overlayService: OverlayService, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    constructor(formComponent: FormComponent, iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, overlayService: OverlayService, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     ngOnInit(): void;
     handleInputModelChange(model: string): void;
     onModelChange(text: string): void;

package/lib/components/list-of-values/style/_layout.scss

@@ -135,6 +135,7 @@
     .lov-options li {
       display: flex;
       align-items: center;
+      gap: 10px;
       padding: $cc-co-list-of-values-lov-options-li-padding;
       border-radius: $cc-co-list-of-values-lov-options-li-border-radius;
       margin: $cc-co-list-of-values-lov-options-li-margin;

package/lib/core/enum/core-components-icon.enum.d.ts

@@ -183,6 +183,7 @@ export declare enum CoreComponentsIcon {
     Orderpicking = "orderpicking",
     OutgoingStorage = "outgoing_storage",
     OverBooking = "over_booking",
+    ParagraphSolid = "paragraph_solid",
     PauseCircle = "pause_circle",
     PencilRoundOpen = "pencil_round_open",
     PenToSquareSolid = "pen_to_square_solid",

package/package.json

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

package/public-api.d.ts

@@ -35,6 +35,8 @@ export * from './lib/components/input-checkbox/input-checkbox.module';
 export * from './lib/components/input-checkbox/input-checkbox.component';
 export * from './lib/components/input-date-picker/input-date-picker.module';
 export * from './lib/components/input-date-picker/input-date-picker.component';
+export * from './lib/components/input-time/input-time.module';
+export * from './lib/components/input-time/input-time.component';
 export * from './lib/components/calendar/calendar.module';
 export * from './lib/components/calendar/calendar.component';
 export * from './lib/components/double-calendar/double-calendar.module';