@colijnit/corecomponents_v12 300.1.0 → 300.1.2

package/index.d.ts

@@ -192,6 +192,7 @@ declare enum CoreComponentsIcon {
     Linechart = "linechart",
     LinkedProducts = "linked_products",
     LinkCircle = "link_circle",
+    ListRegular = "list_regular",
     ListView = "list_view",
     Location = "location",
     Lock = "lock",
@@ -532,7 +533,6 @@ declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy, After
     get canSaveOrCancel(): boolean;
     objectConfigName: string;
     validationError: string;
-    shouldCommit: boolean;
     protected _markedAsUserTouched: boolean;
     protected _destroyed: boolean;
     protected _hasOnPushCdStrategy: boolean;
@@ -558,6 +558,7 @@ declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy, After
     private _formReadonlyChangeSub;
     private _clearMarkedAsUserTouchedSub;
     private _canSaveOrCancel;
+    private _committing;
     private _commitButtonsComponentRef;
     private _validationComponentRef;
     constructor(changeDetector: ChangeDetectorRef, overlayService: OverlayService, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
@@ -598,7 +599,7 @@ declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy, After
     private _controlExists;
     private _controlIsValid;
     private _setNativeDisabled;
-    private _setNativeMaxLength;
+    protected _setNativeMaxLength(maxlength: number): void;
     protected _setNativeReadOnly(readonly: boolean): void;
     private _setNativeRequired;
     private _subscribeToSpeechInput;
@@ -1421,10 +1422,30 @@ declare enum KeyboardCode {
     Tilde = 192
 }
 
+/**
+ * Resolves the locale-specific decimal separator (e.g. ',' for nl-NL) from the app-wide LOCALE_ID and
+ * converts between a numeric model value and its user-facing display string. Injected app-wide, so no
+ * component has to be given a locale explicitly.
+ *
+ * The model always stays a real number (dot-based / JSON-safe); the separator only affects the display
+ * string shown in the input, never the stored value.
+ */
+declare class NumberLocaleService {
+    private readonly _decimalSeparator;
+    constructor(localeId: string);
+    get decimalSeparator(): string;
+    parse(text: string | number | null | undefined): number;
+    format(value: number | null | undefined): string;
+    insertDecimalSeparator(input: HTMLInputElement | HTMLTextAreaElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumberLocaleService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NumberLocaleService>;
+}
+
 declare class InputTextComponent extends BaseInputComponent<any> implements AfterViewInit {
     formComponent: FormComponent;
     protected changeDetector: ChangeDetectorRef;
     protected overlayService: OverlayService;
+    private _numberLocale;
     protected formUserChangeListener?: FormInputUserModelChangeListenerService;
     protected ngZoneWrapper?: NgZoneWrapperService;
     elementRef?: ElementRef;
@@ -1467,13 +1488,18 @@ declare class InputTextComponent extends BaseInputComponent<any> implements Afte
     handleDocumentPointerUp(event: PointerEvent): void;
     set model(value: any);
     get model(): any;
+    protected modelSet(): void;
+    handleInputModelChange(value: any): void;
     get pipedModel(): any;
+    get displayValue(): string;
     isFocusedOnDate: boolean;
     weekInputBuffer: string;
     isWeekInputMode: boolean;
     private _isLeftIconMouseDown;
     private _isRightIconMouseDown;
-    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, overlayService: OverlayService, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    private _userTyping;
+    private _displayValue;
+    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, overlayService: OverlayService, _numberLocale: NumberLocaleService, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     ngAfterViewInit(): void;
     handleLeftIconClick(event: MouseEvent): void;
     handleLeftIconMouseDown(event: MouseEvent): void;
@@ -1486,11 +1512,12 @@ declare class InputTextComponent extends BaseInputComponent<any> implements Afte
     handleInputFocus(event: FocusEvent): void;
     handleBlur(event: FocusEvent): void;
     handleDoFocus(event: MouseEvent): void;
+    protected _setNativeMaxLength(maxlength: number): void;
     clearInput(event: MouseEvent): void;
     handleKeyDownInput(event: KeyboardEvent): void;
     private convertWeekToDate;
     private formatDateLocal;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, [{ optional: true; }, null, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, [{ optional: true; }, null, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "co-input-text", never, { "useContent": { "alias": "useContent"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "align": { "alias": "align"; "required": false; }; "type": { "alias": "type"; "required": false; }; "formatPipe": { "alias": "formatPipe"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "digitsOnly": { "alias": "digitsOnly"; "required": false; }; "excludePlusMinus": { "alias": "excludePlusMinus"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "keyDownWhiteList": { "alias": "keyDownWhiteList"; "required": false; }; "showPlaceholderOnFocus": { "alias": "showPlaceholderOnFocus"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "leftIconData": { "alias": "leftIconData"; "required": false; }; "rightIconData": { "alias": "rightIconData"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "emptyPlace": { "alias": "emptyPlace"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "noStyle": { "alias": "noStyle"; "required": false; }; "hideArrowButtons": { "alias": "hideArrowButtons"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "leftIconClick": "leftIconClick"; "leftIconMouseDown": "leftIconMouseDown"; "leftIconMouseUp": "leftIconMouseUp"; "rightIconClick": "rightIconClick"; "rightIconMouseDown": "rightIconMouseDown"; "rightIconMouseUp": "rightIconMouseUp"; "clearIconClick": "clearIconClick"; "isFocused": "isFocused"; }, never, ["*"], false, never>;
 }
 
@@ -1916,10 +1943,12 @@ declare class InputNumberPickerComponent extends BaseInputComponent<number> impl
     iconCacheService: IconCacheService;
     protected overlayService: OverlayService;
     private _ngZone;
+    private _numberLocale;
     protected ngZoneWrapper?: NgZoneWrapperService;
     elementRef?: ElementRef;
     set model(model: number);
     get model(): number;
+    get displayValue(): string;
     modelChangeOnEnter: boolean;
     showPermanentLabel: boolean;
     leftIconData: SafeHtml | undefined;
@@ -1932,6 +1961,7 @@ declare class InputNumberPickerComponent extends BaseInputComponent<number> impl
     buttonShowMode: InputNumberPickerButtonShowMode;
     noValidation: boolean;
     set decimals(decimals: number);
+    get decimals(): number;
     readonly modelChange: EventEmitter<number>;
     readonly iconClick: EventEmitter<MouseEvent>;
     get showButtonsOnFocusOnly(): boolean;
@@ -1944,6 +1974,8 @@ declare class InputNumberPickerComponent extends BaseInputComponent<number> impl
     plusSelected: boolean;
     private _numberInputHasFocus;
     private _changeFromButton;
+    private _userTyping;
+    private _displayValue;
     private _numberLogicValueChangeSub;
     private readonly _delayBeforeStartAutoCountMs;
     private readonly _stepFactors;
@@ -1954,13 +1986,14 @@ declare class InputNumberPickerComponent extends BaseInputComponent<number> impl
     private _autoCountTimeout;
     private _stepIncrementTimeout;
     private _startAutocountTimeout;
-    constructor(formComponent: FormComponent, iconCacheService: IconCacheService, overlayService: OverlayService, _ngZone: NgZone, changeDetector: ChangeDetectorRef, formUserChangeListener: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    constructor(formComponent: FormComponent, iconCacheService: IconCacheService, overlayService: OverlayService, _ngZone: NgZone, changeDetector: ChangeDetectorRef, formUserChangeListener: FormInputUserModelChangeListenerService, _numberLocale: NumberLocaleService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     doIncrementAuto(): void;
     handleInputKeyDown(event: KeyboardEvent): boolean;
+    protected _setNativeMaxLength(): void;
     handleBlur(): void;
-    handleChangeModel(value: number): void;
+    handleChangeModel(text: string): void;
     doDecrementAuto(): void;
     stopAutoCounting(): void;
     setValue(newValue: number, silent?: boolean): void;
@@ -1971,7 +2004,7 @@ declare class InputNumberPickerComponent extends BaseInputComponent<number> impl
     private _doIncreaseStepFactor;
     private _getNextStepFactorMouseDown;
     private _updateButtonsShowState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputNumberPickerComponent, [{ optional: true; }, null, null, null, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputNumberPickerComponent, [{ optional: true; }, null, null, null, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputNumberPickerComponent, "co-input-number-picker", never, { "model": { "alias": "model"; "required": false; }; "modelChangeOnEnter": { "alias": "modelChangeOnEnter"; "required": false; }; "showPermanentLabel": { "alias": "showPermanentLabel"; "required": false; }; "leftIconData": { "alias": "leftIconData"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "max": { "alias": "max"; "required": false; }; "ngModelOptions": { "alias": "ngModelOptions"; "required": false; }; "minusIcon": { "alias": "minusIcon"; "required": false; }; "plusIcon": { "alias": "plusIcon"; "required": false; }; "buttonShowMode": { "alias": "buttonShowMode"; "required": false; }; "noValidation": { "alias": "noValidation"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; }, { "modelChange": "modelChange"; "iconClick": "iconClick"; }, never, never, false, never>;
 }
 
@@ -3713,8 +3746,11 @@ interface SchedulingObject {
 declare class HourSchedulingExpandableComponent implements OnInit {
     private cdRef;
     private eRef;
+    iconCacheService: IconCacheService;
+    readonly icons: typeof CoreComponentsIcon;
     hourLabels: string[];
     scheduledObjects: SchedulingObject[];
+    selectedHour: string;
     private resizing;
     private resizeDirection;
     private initialY;
@@ -3739,6 +3775,7 @@ declare class HourSchedulingExpandableComponent implements OnInit {
         currentHour: string;
         data: string;
     }>;
+    taskCreationEvent: EventEmitter<string>;
     moveBetweenCalendarsEvent: EventEmitter<{
         hour: string;
         data: SchedulingObject;
@@ -3752,7 +3789,7 @@ declare class HourSchedulingExpandableComponent implements OnInit {
     clickOut(event: {
         target: any;
     }): void;
-    constructor(cdRef: ChangeDetectorRef, eRef: ElementRef);
+    constructor(cdRef: ChangeDetectorRef, eRef: ElementRef, iconCacheService: IconCacheService);
     ngOnInit(): void;
     private _findNextObject;
     private _findPreviousObject;
@@ -3774,8 +3811,10 @@ declare class HourSchedulingExpandableComponent implements OnInit {
     convertTZ(date: any, tzString: any): Date;
     convertDateToEuropean(date: Date): Date;
     handleDeselectAll(): void;
+    selectHalfHourBlock(mouseEvent: MouseEvent, hour: string, first?: boolean): void;
+    handleHourTaskCreate(mouseEvent: MouseEvent, hour: string, first?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HourSchedulingExpandableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HourSchedulingExpandableComponent, "co-hour-scheduling-expandable", never, { "schedule": { "alias": "schedule"; "required": false; }; "startTimeProp": { "alias": "startTimeProp"; "required": false; }; "endTimeProp": { "alias": "endTimeProp"; "required": false; }; "objectsProp": { "alias": "objectsProp"; "required": false; }; "childProp": { "alias": "childProp"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; "idProp": { "alias": "idProp"; "required": false; }; }, { "timeChangeEvent": "timeChangeEvent"; "newObjectPlanEvent": "newObjectPlanEvent"; "moveBetweenCalendarsEvent": "moveBetweenCalendarsEvent"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HourSchedulingExpandableComponent, "co-hour-scheduling-expandable", never, { "schedule": { "alias": "schedule"; "required": false; }; "startTimeProp": { "alias": "startTimeProp"; "required": false; }; "endTimeProp": { "alias": "endTimeProp"; "required": false; }; "objectsProp": { "alias": "objectsProp"; "required": false; }; "childProp": { "alias": "childProp"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; "idProp": { "alias": "idProp"; "required": false; }; }, { "timeChangeEvent": "timeChangeEvent"; "newObjectPlanEvent": "newObjectPlanEvent"; "taskCreationEvent": "taskCreationEvent"; "moveBetweenCalendarsEvent": "moveBetweenCalendarsEvent"; }, never, ["*"], false, never>;
 }
 
 declare class HourSchedulingExpandableTemplateComponent {
@@ -3810,7 +3849,7 @@ declare class HourSchedulingExpandableTemplateModule {
 
 declare class HourSchedulingExpandableComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<HourSchedulingExpandableComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<HourSchedulingExpandableComponentModule, [typeof HourSchedulingExpandableComponent], [typeof i2.CommonModule, typeof HourSchedulingComponentModule, typeof HourSchedulingExpandableTemplateModule], [typeof HourSchedulingExpandableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HourSchedulingExpandableComponentModule, [typeof HourSchedulingExpandableComponent], [typeof i2.CommonModule, typeof HourSchedulingComponentModule, typeof HourSchedulingExpandableTemplateModule, typeof IconModule], [typeof HourSchedulingExpandableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<HourSchedulingExpandableComponentModule>;
 }
 

package/lib/components/grid-toolbar/style/_layout.scss

@@ -23,6 +23,7 @@
       opacity: 1;
       cursor: pointer;
       &.disabled {
+        pointer-events: none;
         cursor: default;
         opacity: 0.5;
       }

package/lib/components/grid-toolbar-button/style/_layout.scss

@@ -9,6 +9,7 @@
       cursor: pointer;
 
       &.disabled {
+        pointer-events: none;
         opacity: 0.6;
         cursor: default;
         background: #e3e3e3;

package/lib/components/hour-scheduling-expandable/style/_layout.scss

@@ -75,6 +75,31 @@
       display: flex;
       width: 100%;
       flex-direction: column;
+
+      .first-half-hour, .second-half-hour {
+        background: none;
+        &.selected {
+          background-color: rgba(26, 115, 232, 0.2);
+          transition: background-color 0.1s ease;
+        }
+        .toggle-icon {
+          height: 20px;
+          width: 20px;
+          opacity: 0;
+          position: absolute;
+          display: flex;
+          align-items: center;
+          right: 8px;
+
+          left: auto;
+
+          &.visible {
+            opacity: 1;
+          }
+        }
+      }
+
+
       .object-half {
         padding: 5px;
         min-height: 30px;

package/lib/components/input-number-picker/style/_layout.scss

@@ -70,6 +70,14 @@
       width: 100%;
       border: none;
       text-align: $cc-co-input-number-picker-text-align;
+      // the component provides its own +/- buttons, so hide the native number spinners
+      -moz-appearance: textfield;
+      appearance: textfield;
+      &::-webkit-outer-spin-button,
+      &::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+      }
       &:focus {
         outline: none;
       }

package/lib/components/simple-grid/style/_layout.scss

@@ -194,6 +194,7 @@
     border-color: $cc-simple-grid-row-border-color;
 
     &.disabled {
+      pointer-events: none;
       opacity: $cc-simple-grid-row-disabled-opacity;
       background: $cc-simple-grid-row-disabled-background-color;
     }

package/package.json

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