@klippa/ngx-enhancy-forms 20.0.16 → 20.1.1

package/index.d.ts

@@ -259,6 +259,9 @@ declare class DatePickerComponent extends MultipleValueAccessorBase<string | typ
     format: string;
     placeholder: string;
     clearable: boolean;
+    size: 'small' | 'medium' | 'large';
+    suffixTpl: TemplateRef<any> | null;
+    prefixTpl: TemplateRef<any> | null;
     dateValue: Date | Array<Date>;
     constructor(parent: FormElementComponent, controlContainer: ControlContainer, translations: any);
     writeValue(value: string | Array<string> | typeof invalidDateKey): void;
@@ -266,7 +269,7 @@ declare class DatePickerComponent extends MultipleValueAccessorBase<string | typ
     getDefaultTranslation(key: string): (x: any) => string;
     getTranslation(key: string, params?: any): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, [{ optional: true; host: true; }, { optional: true; host: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "klp-form-date-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "sameMonthOnly": { "alias": "sameMonthOnly"; "required": false; }; "format": { "alias": "format"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "klp-form-date-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "sameMonthOnly": { "alias": "sameMonthOnly"; "required": false; }; "format": { "alias": "format"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "suffixTpl": { "alias": "suffixTpl"; "required": false; }; "prefixTpl": { "alias": "prefixTpl"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare const KLP_DATE_FORMATS: InjectionToken<KlpDateFormats>;
@@ -292,6 +295,9 @@ declare class DateTimePickerComponent extends MultipleValueAccessorBase<Date | t
     initHour: string;
     initMinute: string;
     invalidTimeAsMidnight: boolean;
+    size: 'small' | 'medium' | 'large';
+    suffixTpl: TemplateRef<any> | null;
+    prefixTpl: TemplateRef<any> | null;
     nativeInputRef: ElementRef;
     datePickerRef: MatDatepicker<Date>;
     timeDoubleDropdown: ElementRef;
@@ -341,7 +347,7 @@ declare class DateTimePickerComponent extends MultipleValueAccessorBase<Date | t
     clickHandlerForTimeDropdown: (event: MouseEvent) => void;
     shizzle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent, [{ optional: true; host: true; }, { optional: true; host: true; }, { optional: true; }, { optional: true; }, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent, "klp-form-date-time-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "sameMonthOnly": { "alias": "sameMonthOnly"; "required": false; }; "format": { "alias": "format"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "showTimeInput": { "alias": "showTimeInput"; "required": false; }; "initHour": { "alias": "initHour"; "required": false; }; "initMinute": { "alias": "initMinute"; "required": false; }; "invalidTimeAsMidnight": { "alias": "invalidTimeAsMidnight"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent, "klp-form-date-time-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "sameMonthOnly": { "alias": "sameMonthOnly"; "required": false; }; "format": { "alias": "format"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "showTimeInput": { "alias": "showTimeInput"; "required": false; }; "initHour": { "alias": "initHour"; "required": false; }; "initMinute": { "alias": "initMinute"; "required": false; }; "invalidTimeAsMidnight": { "alias": "invalidTimeAsMidnight"; "required": false; }; "size": { "alias": "size"; "required": false; }; "suffixTpl": { "alias": "suffixTpl"; "required": false; }; "prefixTpl": { "alias": "prefixTpl"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class EmailInputComponent extends ValueAccessorBase<string> {
@@ -353,16 +359,20 @@ declare class EmailInputComponent extends ValueAccessorBase<string> {
 declare class LoadingIndicatorComponent {
     variant: '3dots' | 'spinner' | 'textInput' | 'picker';
     size: 'tiny' | 'small' | 'medium' | 'large' | 'huge';
+    formSize: 'small' | 'medium' | 'large';
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingIndicatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIndicatorComponent, "klp-form-loading-indicator", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIndicatorComponent, "klp-form-loading-indicator", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "formSize": { "alias": "formSize"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class NumberInputComponent extends ValueAccessorBase<string | number> {
     placeholder: string;
     parseNumber: boolean;
+    size: 'small' | 'medium' | 'large';
+    suffixTpl: TemplateRef<any> | null;
+    prefixTpl: TemplateRef<any> | null;
     setInnerValueAndNotify(value: string | number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumberInputComponent, "klp-form-number-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "parseNumber": { "alias": "parseNumber"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberInputComponent, "klp-form-number-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "parseNumber": { "alias": "parseNumber"; "required": false; }; "size": { "alias": "size"; "required": false; }; "suffixTpl": { "alias": "suffixTpl"; "required": false; }; "prefixTpl": { "alias": "prefixTpl"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class PasswordFieldComponent extends ValueAccessorBase<string> {
@@ -410,6 +420,9 @@ declare class SelectComponent extends ValueAccessorBase<string | string[]> imple
         description: string;
     }) => boolean;
     footerElement: TemplateRef<any>;
+    size: 'small' | 'medium' | 'large';
+    prefixTpl: TemplateRef<any> | null;
+    suffixTpl: TemplateRef<any> | null;
     onSearch: EventEmitter<string>;
     onEndReached: EventEmitter<void>;
     onOpened: EventEmitter<void>;
@@ -428,11 +441,14 @@ declare class SelectComponent extends ValueAccessorBase<string | string[]> imple
     private dropdownPanelOffsetY;
     private anchorAbsolute;
     private anchorFixed;
+    private resizeObserver?;
     constructor(parent: FormElementComponent, controlContainer: ControlContainer, translations: any, elRef: ElementRef, ngZone: NgZone);
     ngAfterViewInit(): void;
     private keyListener;
     private addTail;
     private addPrefix;
+    private createSizeObservers;
+    private updateTailPosition;
     ngOnChanges(changes: SimpleChanges): Promise<void>;
     getDefaultTranslation(key: string): (x: any) => string;
     getTranslation(key: string, params?: any): string;
@@ -455,7 +471,7 @@ declare class SelectComponent extends ValueAccessorBase<string | string[]> imple
     private getScrollbarWidth;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, [{ optional: true; host: true; }, { optional: true; host: true; }, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "klp-form-select", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "multipleDisplayedAsAmount": { "alias": "multipleDisplayedAsAmount"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "truncateOptions": { "alias": "truncateOptions"; "required": false; }; "withSeparatingLine": { "alias": "withSeparatingLine"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "hasBorderLeft": { "alias": "hasBorderLeft"; "required": false; }; "hasBorderRight": { "alias": "hasBorderRight"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "dropdownAlignment": { "alias": "dropdownAlignment"; "required": false; }; "customSearchFn": { "alias": "customSearchFn"; "required": false; }; "footerElement": { "alias": "footerElement"; "required": false; }; }, { "onSearch": "onSearch"; "onEndReached": "onEndReached"; "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onClear": "onClear"; "onEnterKey": "onEnterKey"; }, ["customOptionTpl"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "klp-form-select", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "multipleDisplayedAsAmount": { "alias": "multipleDisplayedAsAmount"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "truncateOptions": { "alias": "truncateOptions"; "required": false; }; "withSeparatingLine": { "alias": "withSeparatingLine"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "hasBorderLeft": { "alias": "hasBorderLeft"; "required": false; }; "hasBorderRight": { "alias": "hasBorderRight"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "dropdownAlignment": { "alias": "dropdownAlignment"; "required": false; }; "customSearchFn": { "alias": "customSearchFn"; "required": false; }; "footerElement": { "alias": "footerElement"; "required": false; }; "size": { "alias": "size"; "required": false; }; "prefixTpl": { "alias": "prefixTpl"; "required": false; }; "suffixTpl": { "alias": "suffixTpl"; "required": false; }; }, { "onSearch": "onSearch"; "onEndReached": "onEndReached"; "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onClear": "onClear"; "onEnterKey": "onEnterKey"; }, ["customOptionTpl"], never, false, never>;
 }
 
 declare class SelectFooterComponent {
@@ -501,20 +517,21 @@ declare class SortableGroupedItemsComponent<T> extends ValueAccessorBase<Array<A
 }
 
 declare class TextInputComponent extends ValueAccessorBase<string> {
-    private isPeekingPassword;
     placeholder: string;
     type: 'text' | 'password';
     clearable: boolean;
-    icon: 'search';
     hasBorderLeft: boolean;
     hasBorderRight: boolean;
     passwordPeekIcon: TemplateRef<any>;
-    size: 'small' | 'medium';
+    suffixTpl: TemplateRef<any> | null;
+    prefixTpl: TemplateRef<any> | null;
+    size: 'small' | 'medium' | 'large';
     onBlur: EventEmitter<void>;
+    private isPeekingPassword;
     togglePeakPassword(): void;
     getType(): 'text' | 'password';
     static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "klp-form-text-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "hasBorderLeft": { "alias": "hasBorderLeft"; "required": false; }; "hasBorderRight": { "alias": "hasBorderRight"; "required": false; }; "passwordPeekIcon": { "alias": "passwordPeekIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onBlur": "onBlur"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "klp-form-text-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "hasBorderLeft": { "alias": "hasBorderLeft"; "required": false; }; "hasBorderRight": { "alias": "hasBorderRight"; "required": false; }; "passwordPeekIcon": { "alias": "passwordPeekIcon"; "required": false; }; "suffixTpl": { "alias": "suffixTpl"; "required": false; }; "prefixTpl": { "alias": "prefixTpl"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onBlur": "onBlur"; }, never, never, false, never>;
 }
 
 declare class TextAreaComponent extends ValueAccessorBase<string> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@klippa/ngx-enhancy-forms",
-  "version": "20.0.16",
+  "version": "20.1.1",
   "publishConfig": {
     "access": "public"
   },