@klippa/ngx-enhancy-forms 14.6.2 → 16.0.2

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

@@ -1,10 +1,10 @@
-import { AfterViewInit, ElementRef, EventEmitter, InjectionToken, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { 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';
 import * as i0 from "@angular/core";
-export declare type AppSelectOptions = Array<AppSelectOption>;
-export declare type AppSelectOption = {
+export type AppSelectOptions = Array<AppSelectOption>;
+export type AppSelectOption = {
     id: any;
     name: string;
     description?: string;
@@ -14,24 +14,21 @@ export declare type AppSelectOption = {
 export declare const SELECT_TRANSLATIONS: InjectionToken<any>;
 export declare class KlpSelectOptionTemplateDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<KlpSelectOptionTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KlpSelectOptionTemplateDirective, "[klpSelectOptionTpl]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KlpSelectOptionTemplateDirective, "[klpSelectOptionTpl]", never, {}, {}, never, never, false, never>;
 }
-export declare class SelectComponent extends ValueAccessorBase<string | string[]> implements OnChanges, AfterViewInit {
+export declare class SelectComponent extends ValueAccessorBase<string | string[]> implements OnChanges {
     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;
-    withSeparatingLine: boolean;
-    searchable: boolean;
-    dropdownPosition: 'auto' | 'bottom' | 'top' | 'left' | 'right';
+    dropdownPosition: string;
     customSearchFn: (term: string, item: {
         id: string;
         name: string;
@@ -41,27 +38,19 @@ 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": "placeholder"; "prefix": "prefix"; "orientation": "orientation"; "options": "options"; "multiple": "multiple"; "multipleDisplayedAsAmount": "multipleDisplayedAsAmount"; "clearable": "clearable"; "truncateOptions": "truncateOptions"; "withSeparatingLine": "withSeparatingLine"; "searchable": "searchable"; "dropdownPosition": "dropdownPosition"; "customSearchFn": "customSearchFn"; "footerElement": "footerElement"; }, { "onSearch": "onSearch"; "onEndReached": "onEndReached"; "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onClear": "onClear"; }, ["customOptionTpl"], never, false>;
+    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>;
 }

package/lib/elements/sortable-grouped-items/sortable-grouped-items.component.d.ts

@@ -6,5 +6,5 @@ export declare class SortableGroupedItemsComponent<T> extends ValueAccessorBase<
     writeValue(value: Array<Array<T>>): void;
     onItemsRearranged(value: Array<T | string>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SortableGroupedItemsComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SortableGroupedItemsComponent<any>, "klp-form-sortable-grouped-items", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SortableGroupedItemsComponent<any>, "klp-form-sortable-grouped-items", never, {}, {}, never, never, false, never>;
 }

package/lib/elements/sortable-items/sortable-items.component.d.ts

@@ -15,5 +15,5 @@ export declare class SortableItemsComponent extends ValueAccessorBase<Array<any>
     private scrollPage;
     private stopScrolling;
     static ɵfac: i0.ɵɵFactoryDeclaration<SortableItemsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SortableItemsComponent, "klp-form-sortable-items", never, { "sortableItemSize": "sortableItemSize"; "useCustomScroll": "useCustomScroll"; }, {}, ["template"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SortableItemsComponent, "klp-form-sortable-items", never, { "sortableItemSize": { "alias": "sortableItemSize"; "required": false; }; "useCustomScroll": { "alias": "useCustomScroll"; "required": false; }; }, {}, ["template"], never, false, never>;
 }

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

@@ -6,9 +6,7 @@ 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": "placeholder"; "type": "type"; "clearable": "clearable"; "icon": "icon"; "hasBorderLeft": "hasBorderLeft"; "hasBorderRight": "hasBorderRight"; }, { "onBlur": "onBlur"; }, never, never, false>;
+    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>;
 }

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

@@ -2,5 +2,5 @@ import { ValueAccessorBase } from '../value-accessor-base/value-accessor-base.co
 import * as i0 from "@angular/core";
 export declare class ToggleComponent extends ValueAccessorBase<boolean> {
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "klp-form-toggle", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "klp-form-toggle", never, {}, {}, never, never, false, never>;
 }

package/lib/elements/value-accessor-base/multiple-value-accessor-base.component.d.ts

@@ -10,5 +10,5 @@ export declare class MultipleValueAccessorBase<T> extends ValueAccessorBase<Arra
     writeValue(value: Array<T> | T): void;
     setInnerValueAndNotify(value: T | Array<T>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultipleValueAccessorBase<any>, [{ optional: true; host: true; }, { optional: true; host: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultipleValueAccessorBase<any>, "ng-component", never, { "multiple": "multiple"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultipleValueAccessorBase<any>, "ng-component", never, { "multiple": { "alias": "multiple"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/elements/value-accessor-base/value-accessor-base.component.d.ts

@@ -39,5 +39,5 @@ export declare class ValueAccessorBase<T> implements ControlValueAccessor, OnIni
     hasValidator(validatorName: string): boolean;
     focus: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ValueAccessorBase<any>, [{ optional: true; host: true; }, { optional: true; host: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ValueAccessorBase<any>, "ng-component", never, { "disabled": "disabled"; "innerValueChangeInterceptor": "innerValueChangeInterceptor"; "formControlName": "formControlName"; "formControl": "formControl"; }, { "onTouch": "onTouch"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ValueAccessorBase<any>, "ng-component", never, { "disabled": { "alias": "disabled"; "required": false; }; "innerValueChangeInterceptor": { "alias": "innerValueChangeInterceptor"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; }, { "onTouch": "onTouch"; }, never, never, false, never>;
 }

package/lib/form/form-caption/form-caption.component.d.ts

@@ -7,5 +7,5 @@ export declare class FormCaptionComponent implements OnInit {
     constructor(parent: FormElementComponent);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormCaptionComponent, [{ optional: true; host: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormCaptionComponent, "klp-form-caption", never, {}, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormCaptionComponent, "klp-form-caption", never, {}, {}, never, ["*"], false, never>;
 }

package/lib/form/form-element/form-element.component.d.ts

@@ -42,6 +42,6 @@ export declare class FormElementComponent {
     isRequired(): boolean;
     getErrorMessage(key: keyof FormErrorMessages): string;
     getErrorLocation(): 'belowCaption' | 'rightOfCaption';
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormElementComponent, [{ optional: true; host: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormElementComponent, "klp-form-element", never, { "caption": "caption"; "direction": "direction"; "captionSpacing": "captionSpacing"; "spaceDistribution": "spaceDistribution"; "swapInputAndCaption": "swapInputAndCaption"; }, {}, never, ["*"], false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormElementComponent, [{ optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormElementComponent, "klp-form-element", never, { "caption": { "alias": "caption"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "captionSpacing": { "alias": "captionSpacing"; "required": false; }; "spaceDistribution": { "alias": "spaceDistribution"; "required": false; }; "swapInputAndCaption": { "alias": "swapInputAndCaption"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/form/form-error/form-error.component.d.ts

@@ -10,5 +10,5 @@ export declare class FormErrorComponent implements OnInit {
     constructor(parent: FormElementComponent);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormErrorComponent, [{ optional: true; host: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormErrorComponent, "klp-form-error", never, { "error": "error"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormErrorComponent, "klp-form-error", never, { "error": { "alias": "error"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/form/form-submit-button/form-submit-button.component.d.ts

@@ -12,5 +12,5 @@ export declare class FormSubmitButtonComponent {
     constructor(parentForm: FormComponent);
     submitForm(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormSubmitButtonComponent, [{ optional: true; host: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormSubmitButtonComponent, "klp-form-submit-button", never, { "isLoading": "isLoading"; "fullWidth": "fullWidth"; "variant": "variant"; "before": "before"; "after": "after"; "submitCallback": "submitCallback"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormSubmitButtonComponent, "klp-form-submit-button", never, { "isLoading": { "alias": "isLoading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "before": { "alias": "before"; "required": false; }; "after": { "alias": "after"; "required": false; }; "submitCallback": { "alias": "submitCallback"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/form/form.component.d.ts

@@ -7,7 +7,7 @@ export declare class SubFormDirective {
     injectInto: UntypedFormArray | UntypedFormGroup;
     at: number | string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SubFormDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SubFormDirective, "klp-sub-form", never, { "injectInto": "injectInto"; "at": "at"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SubFormDirective, "klp-sub-form", never, { "injectInto": { "alias": "injectInto"; "required": false; }; "at": { "alias": "at"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class FormComponent implements OnInit, OnDestroy, OnChanges {
     private parent;
@@ -35,5 +35,5 @@ export declare class FormComponent implements OnInit, OnDestroy, OnChanges {
     private getRenderedFieldValuesFormArray;
     private setDisabledStatesForAllControls;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, [{ optional: true; skipSelf: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "klp-form", never, { "readOnly": "readOnly"; "showErrorMessages": "showErrorMessages"; "errorMessageLocation": "errorMessageLocation"; "formGroup": "formGroup"; "patchValueInterceptor": "patchValueInterceptor"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "klp-form", never, { "readOnly": { "alias": "readOnly"; "required": false; }; "showErrorMessages": { "alias": "showErrorMessages"; "required": false; }; "errorMessageLocation": { "alias": "errorMessageLocation"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "patchValueInterceptor": { "alias": "patchValueInterceptor"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/material.module.d.ts

@@ -1,11 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/datepicker";
-import * as i2 from "@angular/material/form-field";
+import * as i2 from "@angular/material/legacy-form-field";
 import * as i3 from "@angular/material/core";
-import * as i4 from "@angular/material/input";
-import * as i5 from "@angular/material/button";
+import * as i4 from "@angular/material/legacy-input";
+import * as i5 from "@angular/material/legacy-button";
 export declare class MaterialModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MaterialModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialModule, never, [typeof i1.MatDatepickerModule, typeof i2.MatFormFieldModule, typeof i3.MatNativeDateModule, typeof i4.MatInputModule, typeof i5.MatButtonModule], [typeof i1.MatDatepickerModule, typeof i2.MatFormFieldModule, typeof i3.MatNativeDateModule, typeof i4.MatInputModule, typeof i5.MatButtonModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialModule, never, [typeof i1.MatDatepickerModule, typeof i2.MatLegacyFormFieldModule, typeof i3.MatNativeDateModule, typeof i4.MatLegacyInputModule, typeof i5.MatLegacyButtonModule], [typeof i1.MatDatepickerModule, typeof i2.MatLegacyFormFieldModule, typeof i3.MatNativeDateModule, typeof i4.MatLegacyInputModule, typeof i5.MatLegacyButtonModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MaterialModule>;
 }

package/lib/ngx-enhancy-forms.module.d.ts

@@ -26,7 +26,7 @@ import * as i24 from "./elements/radio/radio.component";
 import * as i25 from "@angular/common";
 import * as i26 from "@angular/forms";
 import * as i27 from "@ng-select/ng-select";
-import * as i28 from "ngx-sortablejs";
+import * as i28 from "@dustfoundation/ngx-sortablejs";
 import * as i29 from "./material.module";
 export declare class NgxEnhancyFormsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxEnhancyFormsModule, never>;

package/lib/types.d.ts

@@ -10,6 +10,6 @@ export interface FormErrorMessages {
     matchPassword: string;
     date: string;
 }
-export declare type CustomErrorMessages = Record<keyof FormErrorMessages, () => string>;
-export declare type KlpDateFormats = (format: string) => MatDateFormats;
-export declare type ErrorTypes = keyof FormErrorMessages | 'message';
+export type CustomErrorMessages = Record<keyof FormErrorMessages, () => string>;
+export type KlpDateFormats = (format: string) => MatDateFormats;
+export type ErrorTypes = keyof FormErrorMessages | 'message';

package/package.json

@@ -1,27 +1,23 @@
 {
   "name": "@klippa/ngx-enhancy-forms",
-  "version": "14.6.2",
+  "version": "16.0.2",
   "publishConfig": {
     "access": "public"
   },
   "peerDependencies": {
-    "@angular/common": ">=10",
-    "@angular/core": ">=10",
+    "@angular/common": ">=16",
+    "@angular/core": ">=16",
     "@ng-select/ng-select": ">=9",
     "ngx-mat-datefns-date-adapter": ">=10",
     "date-fns": ">=2.29",
     "lodash-es": ">=4.17",
-    "ngx-sortablejs": ">=11.1",
+    "@dustfoundation/ngx-sortablejs": ">=15.0.0",
     "sortablejs": ">=1.15"
   },
   "dependencies": {
     "tslib": "^2.0.0"
   },
-  "module": "fesm2015/klippa-ngx-enhancy-forms.mjs",
-  "es2020": "fesm2020/klippa-ngx-enhancy-forms.mjs",
-  "esm2020": "esm2020/klippa-ngx-enhancy-forms.mjs",
-  "fesm2020": "fesm2020/klippa-ngx-enhancy-forms.mjs",
-  "fesm2015": "fesm2015/klippa-ngx-enhancy-forms.mjs",
+  "module": "fesm2022/klippa-ngx-enhancy-forms.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -29,11 +25,9 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/klippa-ngx-enhancy-forms.mjs",
-      "es2020": "./fesm2020/klippa-ngx-enhancy-forms.mjs",
-      "es2015": "./fesm2015/klippa-ngx-enhancy-forms.mjs",
-      "node": "./fesm2015/klippa-ngx-enhancy-forms.mjs",
-      "default": "./fesm2020/klippa-ngx-enhancy-forms.mjs"
+      "esm2022": "./esm2022/klippa-ngx-enhancy-forms.mjs",
+      "esm": "./esm2022/klippa-ngx-enhancy-forms.mjs",
+      "default": "./fesm2022/klippa-ngx-enhancy-forms.mjs"
     }
   },
   "sideEffects": false

package/esm2020/lib/elements/radio/radio.component.mjs

@@ -1,31 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { ValueAccessorBase } from '../value-accessor-base/value-accessor-base.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export var Orientation;
-(function (Orientation) {
-    Orientation["COLUMN"] = "column";
-    Orientation["ROW"] = "row";
-})(Orientation || (Orientation = {}));
-export class RadioComponent extends ValueAccessorBase {
-    constructor() {
-        super(...arguments);
-        this.orientation = Orientation.ROW;
-        this.variant = 'classic';
-        this.Orientation = Orientation;
-    }
-}
-RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: RadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: RadioComponent, selector: "klp-form-radio", inputs: { options: "options", orientation: "orientation", variant: "variant" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: RadioComponent, multi: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"componentContainer\" [ngClass]=\"{'verticallyOriented': orientation === Orientation.COLUMN, 'horizontallyOriented': orientation === Orientation.ROW}\">\n\t<ng-container *ngFor=\"let option of options\">\n\t\t<button class=\"optionContainer\"\n\t\t\t[ngClass]=\"{classic: variant === 'classic', button: variant === 'button', isSelected: innerValue === option.id}\"\n\t\t\t(click)=\"setInnerValueAndNotify(option.id)\"\n\t\t>\n\t\t\t<div class=\"selectedRadioBtnContainer\" *ngIf=\"variant === 'classic'\">\n\t\t\t\t<div class=\"selected\" *ngIf=\"innerValue === option.id\"></div>\n\t\t\t</div>\n\t\t\t<div>{{option.name}}</div>\n\t\t</button>\n\t</ng-container>\n</div>\n", styles: [":host{display:block}.componentContainer{position:relative;display:flex}.componentContainer.verticallyOriented{flex-direction:column}.componentContainer.verticallyOriented .optionContainer{margin-bottom:.3125rem}.componentContainer.verticallyOriented .optionContainer:last-child{margin-bottom:0}.componentContainer.horizontallyOriented{flex-direction:row}.componentContainer.horizontallyOriented .optionContainer:first-child{border-radius:6px 0 0 6px}.componentContainer.horizontallyOriented .optionContainer:last-child{border-radius:0 6px 6px 0}.optionContainer{display:flex;flex-direction:row;margin-right:.3125rem;background:transparent;border:none;align-items:center}.optionContainer.classic{cursor:pointer}.optionContainer.classic .selectedRadioBtnContainer{position:relative;height:20px;width:20px;padding:4px;border-radius:50%;border:2px solid #e6ecf5;margin-right:.3125rem}.optionContainer.classic .selectedRadioBtnContainer .selected{height:100%;width:100%;display:block;border-radius:100%;background-color:#27bb5f}.optionContainer.button{position:relative;cursor:pointer;padding:10px 14px;margin-right:0;transition:all .3s ease-in-out;color:#27bb5f;border:1px solid #27bb5f;background-color:#fff}.optionContainer.button.isSelected{background:#27bb5f;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: RadioComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'klp-form-radio', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: RadioComponent, multi: true }], template: "<div class=\"componentContainer\" [ngClass]=\"{'verticallyOriented': orientation === Orientation.COLUMN, 'horizontallyOriented': orientation === Orientation.ROW}\">\n\t<ng-container *ngFor=\"let option of options\">\n\t\t<button class=\"optionContainer\"\n\t\t\t[ngClass]=\"{classic: variant === 'classic', button: variant === 'button', isSelected: innerValue === option.id}\"\n\t\t\t(click)=\"setInnerValueAndNotify(option.id)\"\n\t\t>\n\t\t\t<div class=\"selectedRadioBtnContainer\" *ngIf=\"variant === 'classic'\">\n\t\t\t\t<div class=\"selected\" *ngIf=\"innerValue === option.id\"></div>\n\t\t\t</div>\n\t\t\t<div>{{option.name}}</div>\n\t\t</button>\n\t</ng-container>\n</div>\n", styles: [":host{display:block}.componentContainer{position:relative;display:flex}.componentContainer.verticallyOriented{flex-direction:column}.componentContainer.verticallyOriented .optionContainer{margin-bottom:.3125rem}.componentContainer.verticallyOriented .optionContainer:last-child{margin-bottom:0}.componentContainer.horizontallyOriented{flex-direction:row}.componentContainer.horizontallyOriented .optionContainer:first-child{border-radius:6px 0 0 6px}.componentContainer.horizontallyOriented .optionContainer:last-child{border-radius:0 6px 6px 0}.optionContainer{display:flex;flex-direction:row;margin-right:.3125rem;background:transparent;border:none;align-items:center}.optionContainer.classic{cursor:pointer}.optionContainer.classic .selectedRadioBtnContainer{position:relative;height:20px;width:20px;padding:4px;border-radius:50%;border:2px solid #e6ecf5;margin-right:.3125rem}.optionContainer.classic .selectedRadioBtnContainer .selected{height:100%;width:100%;display:block;border-radius:100%;background-color:#27bb5f}.optionContainer.button{position:relative;cursor:pointer;padding:10px 14px;margin-right:0;transition:all .3s ease-in-out;color:#27bb5f;border:1px solid #27bb5f;background-color:#fff}.optionContainer.button.isSelected{background:#27bb5f;color:#fff}\n"] }]
-        }], propDecorators: { options: [{
-                type: Input
-            }], orientation: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xpcHBhL25neC1lbmhhbmN5LWZvcm1zL3NyYy9saWIvZWxlbWVudHMvcmFkaW8vcmFkaW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xpcHBhL25neC1lbmhhbmN5LWZvcm1zL3NyYy9saWIvZWxlbWVudHMvcmFkaW8vcmFkaW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0RBQXNELENBQUM7OztBQUV6RixNQUFNLENBQU4sSUFBWSxXQUdYO0FBSEQsV0FBWSxXQUFXO0lBQ3RCLGdDQUFpQixDQUFBO0lBQ2pCLDBCQUFXLENBQUE7QUFDWixDQUFDLEVBSFcsV0FBVyxLQUFYLFdBQVcsUUFHdEI7QUFjRCxNQUFNLE9BQU8sY0FBZSxTQUFRLGlCQUF5QjtJQU43RDs7UUFRVSxnQkFBVyxHQUFnQixXQUFXLENBQUMsR0FBRyxDQUFDO1FBQzNDLFlBQU8sR0FBeUIsU0FBUyxDQUFDO1FBQzVDLGdCQUFXLEdBQUcsV0FBVyxDQUFDO0tBQ2pDOzsyR0FMWSxjQUFjOytGQUFkLGNBQWMseUhBRmYsQ0FBQyxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxpRENuQnRGLDhxQkFhQTsyRkRRYSxjQUFjO2tCQU4xQixTQUFTOytCQUNDLGdCQUFnQixhQUdmLENBQUMsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxnQkFBZ0IsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUM7OEJBRzVFLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBWYWx1ZUFjY2Vzc29yQmFzZSB9IGZyb20gJy4uL3ZhbHVlLWFjY2Vzc29yLWJhc2UvdmFsdWUtYWNjZXNzb3ItYmFzZS5jb21wb25lbnQnO1xuXG5leHBvcnQgZW51bSBPcmllbnRhdGlvbiB7XG5cdENPTFVNTiA9ICdjb2x1bW4nLFxuXHRST1cgPSAncm93J1xufVxuZXhwb3J0IHR5cGUgUmFkaW9PcHRpb25zID0gQXJyYXk8UmFkaW9PcHRpb24+O1xuZXhwb3J0IHR5cGUgUmFkaW9PcHRpb24gPSB7XG5cdGlkOiBhbnk7XG5cdG5hbWU6IHN0cmluZztcbn07XG5cblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAna2xwLWZvcm0tcmFkaW8nLFxuXHR0ZW1wbGF0ZVVybDogJy4vcmFkaW8uY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9yYWRpby5jb21wb25lbnQuc2NzcyddLFxuXHRwcm92aWRlcnM6IFt7IHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogUmFkaW9Db21wb25lbnQsIG11bHRpOiB0cnVlIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBSYWRpb0NvbXBvbmVudCBleHRlbmRzIFZhbHVlQWNjZXNzb3JCYXNlPHN0cmluZz57XG5cdEBJbnB1dCgpIG9wdGlvbnM6IFJhZGlvT3B0aW9ucztcblx0QElucHV0KCkgb3JpZW50YXRpb246IE9yaWVudGF0aW9uID0gT3JpZW50YXRpb24uUk9XO1xuXHRASW5wdXQoKSB2YXJpYW50OiAnY2xhc3NpYycgfCAnYnV0dG9uJyA9ICdjbGFzc2ljJztcblx0cHVibGljIE9yaWVudGF0aW9uID0gT3JpZW50YXRpb247XG59XG5cbiIsIjxkaXYgY2xhc3M9XCJjb21wb25lbnRDb250YWluZXJcIiBbbmdDbGFzc109XCJ7J3ZlcnRpY2FsbHlPcmllbnRlZCc6IG9yaWVudGF0aW9uID09PSBPcmllbnRhdGlvbi5DT0xVTU4sICdob3Jpem9udGFsbHlPcmllbnRlZCc6IG9yaWVudGF0aW9uID09PSBPcmllbnRhdGlvbi5ST1d9XCI+XG5cdDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCI+XG5cdFx0PGJ1dHRvbiBjbGFzcz1cIm9wdGlvbkNvbnRhaW5lclwiXG5cdFx0XHRbbmdDbGFzc109XCJ7Y2xhc3NpYzogdmFyaWFudCA9PT0gJ2NsYXNzaWMnLCBidXR0b246IHZhcmlhbnQgPT09ICdidXR0b24nLCBpc1NlbGVjdGVkOiBpbm5lclZhbHVlID09PSBvcHRpb24uaWR9XCJcblx0XHRcdChjbGljayk9XCJzZXRJbm5lclZhbHVlQW5kTm90aWZ5KG9wdGlvbi5pZClcIlxuXHRcdD5cblx0XHRcdDxkaXYgY2xhc3M9XCJzZWxlY3RlZFJhZGlvQnRuQ29udGFpbmVyXCIgKm5nSWY9XCJ2YXJpYW50ID09PSAnY2xhc3NpYydcIj5cblx0XHRcdFx0PGRpdiBjbGFzcz1cInNlbGVjdGVkXCIgKm5nSWY9XCJpbm5lclZhbHVlID09PSBvcHRpb24uaWRcIj48L2Rpdj5cblx0XHRcdDwvZGl2PlxuXHRcdFx0PGRpdj57e29wdGlvbi5uYW1lfX08L2Rpdj5cblx0XHQ8L2J1dHRvbj5cblx0PC9uZy1jb250YWluZXI+XG48L2Rpdj5cbiJdfQ==