@klippa/ngx-enhancy-forms 16.0.0 → 16.6.2

package/lib/elements/radio/radio.component.d.ts

@@ -13,6 +13,7 @@ export declare class RadioComponent extends ValueAccessorBase<string> {
     options: RadioOptions;
     orientation: Orientation;
     variant: 'classic' | 'button';
+    Orientation: typeof Orientation;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "klp-form-radio", never, { "options": { "alias": "options"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/elements/select/select.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, InjectionToken, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, InjectionToken, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
 import { ControlContainer } from '@angular/forms';
 import { ValueAccessorBase } from '../value-accessor-base/value-accessor-base.component';
 import { FormElementComponent } from '../../form/form-element/form-element.component';
@@ -16,19 +16,22 @@ export declare class KlpSelectOptionTemplateDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<KlpSelectOptionTemplateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KlpSelectOptionTemplateDirective, "[klpSelectOptionTpl]", never, {}, {}, never, never, false, never>;
 }
-export declare class SelectComponent extends ValueAccessorBase<string | string[]> implements OnChanges {
+export declare class SelectComponent extends ValueAccessorBase<string | string[]> implements OnChanges, AfterViewInit {
     protected parent: FormElementComponent;
     protected controlContainer: ControlContainer;
     private translations;
     private elRef;
     placeholder: string;
+    prefix: string;
     orientation: 'vertical' | 'horizontal';
     options: AppSelectOptions;
     multiple: boolean;
     multipleDisplayedAsAmount: boolean;
     clearable: boolean;
     truncateOptions: boolean;
-    dropdownPosition: string;
+    withSeparatingLine: boolean;
+    searchable: boolean;
+    dropdownPosition: 'auto' | 'bottom' | 'top' | 'left' | 'right';
     customSearchFn: (term: string, item: {
         id: string;
         name: string;
@@ -38,19 +41,27 @@ export declare class SelectComponent extends ValueAccessorBase<string | string[]
     onSearch: EventEmitter<string>;
     onEndReached: EventEmitter<void>;
     onOpened: EventEmitter<void>;
+    onClosed: EventEmitter<void>;
     onBlur: EventEmitter<void>;
     onClear: EventEmitter<void>;
     ngSelect: any;
     customOptionTpl: TemplateRef<any>;
     private lastItemIndexReached;
+    dropdownPositionToUse: 'auto' | 'bottom' | 'top' | 'left' | 'right';
     constructor(parent: FormElementComponent, controlContainer: ControlContainer, translations: any, elRef: ElementRef);
+    ngAfterViewInit(): void;
+    private addPrefix;
     ngOnChanges(changes: SimpleChanges): void;
     getDefaultTranslation(key: string): (x: any) => string;
     getTranslation(key: string, params?: any): string;
     onScroll(lastItemIndex: number): void;
     searchQueryChanged(searchQuery: string): void;
     onOpen(): void;
+    private setWidthBasedOnOptionsWidths;
+    private determineDropdownPosition;
+    private isLimitingContainer;
     focus: () => void;
+    onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, [{ optional: true; host: true; }, { optional: true; host: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "klp-form-select", never, { "placeholder": { "alias": "placeholder"; "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; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "customSearchFn": { "alias": "customSearchFn"; "required": false; }; "footerElement": { "alias": "footerElement"; "required": false; }; }, { "onSearch": "onSearch"; "onEndReached": "onEndReached"; "onOpened": "onOpened"; "onBlur": "onBlur"; "onClear": "onClear"; }, ["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; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "customSearchFn": { "alias": "customSearchFn"; "required": false; }; "footerElement": { "alias": "footerElement"; "required": false; }; }, { "onSearch": "onSearch"; "onEndReached": "onEndReached"; "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onClear": "onClear"; }, ["customOptionTpl"], never, false, never>;
 }

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

@@ -6,7 +6,9 @@ export declare class TextInputComponent extends ValueAccessorBase<string> {
     type: 'text' | 'password';
     clearable: boolean;
     icon: 'search';
+    hasBorderLeft: boolean;
+    hasBorderRight: boolean;
     onBlur: EventEmitter<void>;
     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; }; }, { "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; }; "icon": { "alias": "icon"; "required": false; }; "hasBorderLeft": { "alias": "hasBorderLeft"; "required": false; }; "hasBorderRight": { "alias": "hasBorderRight"; "required": false; }; }, { "onBlur": "onBlur"; }, never, never, false, never>;
 }

package/package.json

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