@colijnit/corecomponents_v12 256.1.17 → 256.1.19

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

@@ -6,6 +6,7 @@ import { CoreComponentsIcon } from '../../core/enum/core-components-icon.enum';
 import { FormComponent } from '../form/form.component';
 import { ScreenConfigAdapterComponent } from '../../interfaces/screen-config-adapter.component.interface';
 import { OverlayService } from '../../service/overlay.service';
+import { ObjectConfigurationDefaultValueType } from '@colijnit/ioneconnector/build/type/object-configuration-default-value-type';
 /**
  * Abstract base class for all concrete form input components that contain a native <input> element. Provides common data and functionality, such as
  * adding self as a control to the parent form.
@@ -36,6 +37,8 @@ export declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy
     get disabled(): boolean;
     set maxLength(maxLength: number);
     get maxLength(): number;
+    set defaultValue(defaultValue: ObjectConfigurationDefaultValueType);
+    get defaultValue(): ObjectConfigurationDefaultValueType;
     forcedMaxLength: number;
     set readonly(readonly: boolean);
     get readonly(): boolean;
@@ -117,6 +120,7 @@ export declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy
     private _hidden;
     private _disabled;
     private _maxLength;
+    private _defaultValue;
     private _readonly;
     private _required;
     private _forceReadonly;

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

@@ -1,6 +1,7 @@
 import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 import { ScreenConfigAdapterComponent } from '../../interfaces/screen-config-adapter.component.interface';
+import { ObjectConfigurationDefaultValueType } from '@colijnit/ioneconnector/build/type/object-configuration-default-value-type';
 export declare class ButtonComponent implements ScreenConfigAdapterComponent, OnDestroy {
     private _elementRef;
     label: string;
@@ -21,6 +22,7 @@ export declare class ButtonComponent implements ScreenConfigAdapterComponent, On
     forceReadonly: boolean;
     readonly: boolean;
     maxLength: number;
+    defaultValue: ObjectConfigurationDefaultValueType;
     decimals: number;
     redErrorBackground: boolean;
     constructor(_elementRef: ElementRef);

package/lib/components/calendar/style/_layout.scss

@@ -25,7 +25,7 @@
       align-items: center;
       margin-bottom: $cc-co-calendar-header-margin-bottom;
       user-select: none;
-      padding: 10px;
+      padding: 10px 15px;
 
       .calendar-change-month-button {
         cursor: pointer;
@@ -91,10 +91,10 @@
           background-color: $cc-co-calendar-day-hover-background-color;
           border-radius: $cc-co-calendar-selected-day-start-border-radius;
           position: absolute;
-          top: 0;
-          left: -5px;
-          width: 40px;
-          height: 40px;
+          top: -2px;
+          left: -2px;
+          width: 34px;
+          height: 34px;
           content: '';
           z-index: 0;
         }
@@ -155,10 +155,10 @@
         background-color: $cc-co-calendar-selected-day-background-color;
         border-radius: $cc-co-calendar-selected-day-start-border-radius;
         position: absolute;
-        top: 0;
-        left: -5px;
-        width: 40px;
-        height: 40px;
+        top: -2px;
+        left: -2px;
+        width: 34px;
+        height: 34px;
         content: '';
         z-index: 1;
       }
@@ -190,13 +190,13 @@
   .selected-date-display {
     display: flex;
     flex-direction: column;
-    padding: 15px;
+    padding: 10px;
     background: $cc-co-calendar-selected-day-background-color;
     color: #FFF;
-    font-size: 16px;
-    min-height: 85px;
+    font-size: 14px;
+    min-height: 65px;
     .selected-date-day {
-      font-size: 30px;
+      font-size: 24px;
     }
   }
   .calendar-action-buttons {
@@ -204,7 +204,7 @@
     flex-direction: column;
     align-items: flex-end;
     gap: 15px;
-    padding: 15px 20px;
+    padding: 10px 20px 15px 20px;
     font-size: 12px;
     color: $cc-co-calendar-selected-day-background-color;
     cursor: pointer;

package/lib/components/calendar/style/_material-definition.scss

@@ -4,18 +4,18 @@ $cc-co-calendar-padding: 0 !default;
 $cc-co-calendar-background-color: white !default;
 $cc-co-calendar-border-radius: 5px !default;
 $cc-co-calendar-border: 1px solid #CCCCCC !default;
-$cc-co-calendar-header-margin-bottom: 5px !default;
+$cc-co-calendar-header-margin-bottom: 0 !default;
 $cc-co-calendar-change-month-button-border-radius: 5px !default;
 $cc-co-calendar-change-month-button-border: 0px solid #CCCCCC !default;
 $cc-co-calendar-change-month-button-padding: 5px !default;
 $cc-co-calendar-header-title-font-size: 14px !default;
-$cc-co-calendar-day-height: 40px !default;
+$cc-co-calendar-day-height: 30px !default;
 $cc-co-calendar-day-margin: 2px 0 !default;
 $cc-co-calendar-day-hover-background-color: #f8f8fa !default;
 $cc-co-calendar-day-hover-color: white !default;
 $cc-co-calendar-day-selected-background-color: $cc-color-action !default;
 $cc-co-calendar-day-selected-color: $cc-color-light !default;
-$cc-co-calendar-week-number-height: 40px !default;
+$cc-co-calendar-week-number-height: 30px !default;
 $cc-co-calendar-week-number-margin: 0 2px 0 0 !default;
 $cc-co-calendar-week-number-font-size: 10px !default;
 $cc-co-calendar-week-number-width: 30px !default;

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

@@ -5,6 +5,7 @@ import { IconCacheService } from '../icon/icon-cache.service';
 import { FilterItemMode } from '../../core/enum/filterItem-mode.enum';
 import { ScreenConfigAdapterComponent } from "../../interfaces/screen-config-adapter.component.interface";
 import { ObjectConfiguration } from "@colijnit/ioneconnector/build/model/object-configuration";
+import { ObjectConfigurationDefaultValueType } from '@colijnit/ioneconnector/build/type/object-configuration-default-value-type';
 export declare class FilterItemComponent implements OnInit, ScreenConfigAdapterComponent {
     iconService: IconCacheService;
     private _changeDetector;
@@ -36,6 +37,7 @@ export declare class FilterItemComponent implements OnInit, ScreenConfigAdapterC
     modelChange: EventEmitter<any>;
     collectionChange: EventEmitter<FilterItemViewmodel[]>;
     filterButtonClicked: EventEmitter<void>;
+    get hasClass(): boolean;
     filteredCollection: FilterItemViewmodel[];
     limitTo: number;
     filterText: string;
@@ -51,6 +53,7 @@ export declare class FilterItemComponent implements OnInit, ScreenConfigAdapterC
     forceReadonly: boolean;
     readonly: boolean;
     maxLength: number;
+    defaultValue: ObjectConfigurationDefaultValueType;
     decimals: number;
     redErrorBackground: boolean;
     checkBoxToTextModel: boolean;

package/lib/components/input-date-picker/input-date-picker.component.d.ts

@@ -5,6 +5,8 @@ export declare class InputDatePickerComponent extends BaseInputDatePickerDirecti
     showClass(): boolean;
     handleDateSelected(date: Date): void;
     toggleCalendar(show: boolean): void;
+    finalizeDate(): void;
+    private isValidDateString;
     handleDateChange(value: string): void;
     protected modelSet(): void;
     private setModelAsString;

package/lib/components/input-date-range-picker/input-date-range-picker.component.d.ts

@@ -3,6 +3,8 @@ import { BaseInputDatePickerDirective } from "../base-input-date-picker/base-inp
 export declare class InputDateRangePickerComponent extends BaseInputDatePickerDirective {
     firstDateAsString: any;
     secondDateAsString: any;
+    private readonly EARLIEST_DATE;
+    private readonly LATEST_DATE;
     private _doubleCalendarComponentRef;
     firstInput: ElementRef;
     secondInput: ElementRef;
@@ -15,6 +17,9 @@ export declare class InputDateRangePickerComponent extends BaseInputDatePickerDi
     toggleCalendar(): void;
     handleFirstDateChanged(value: string): void;
     handleSecondDateChanged(value: string): void;
+    finalizeDates(): void;
+    private isValidDateString;
     protected modelSet(): void;
     private setModelAsString;
+    private formatDate;
 }

package/lib/interfaces/screen-config-adapter.component.interface.d.ts

@@ -1,4 +1,5 @@
 import { ObjectConfiguration } from "@colijnit/ioneconnector/build/model/object-configuration";
+import { ObjectConfigurationDefaultValueType } from '@colijnit/ioneconnector/build/type/object-configuration-default-value-type';
 export interface ScreenConfigAdapterComponent {
     objectConfigName: string;
     hidden: boolean;
@@ -6,6 +7,7 @@ export interface ScreenConfigAdapterComponent {
     forceReadonly: boolean;
     readonly: boolean;
     maxLength: number;
+    defaultValue?: ObjectConfigurationDefaultValueType;
     decimals: number;
     redErrorBackground: boolean;
     configObject?: ObjectConfiguration;

package/package.json

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