@kms-ngx-ui/presentational 18.2.0 → 18.3.1

package/fesm2022/kms-ngx-ui-presentational.mjs

@@ -1341,6 +1341,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
+var RadioButtonSize;
+(function (RadioButtonSize) {
+    RadioButtonSize["SM"] = "small";
+    RadioButtonSize["MD"] = "medium";
+    RadioButtonSize["LG"] = "large";
+})(RadioButtonSize || (RadioButtonSize = {}));
+
 /**
  * @copyright KMS GmbH
  */
@@ -1349,9 +1356,10 @@ class RadioButtonComponent {
         this.label = '';
         this.checked = false;
         this.disabled = false;
-        this.size = 'medium';
-        this.color = 'primary';
+        this.size = RadioButtonSize.MD;
+        this.color = StylingTheme.PRIMARY;
         this.onChange = new EventEmitter();
+        this.onTouched = () => { };
     }
     onRadioChange(event) {
         this.onChange.emit(event);
@@ -2296,12 +2304,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['window:scroll', []]
             }] } });
 
-var ButtonType;
-(function (ButtonType) {
-    ButtonType["BASIC"] = "mat-button";
-    ButtonType["FLAT"] = "mat-flat-button";
-    ButtonType["RAISED"] = "mat-raised-button";
-})(ButtonType || (ButtonType = {}));
+var ButtonAppearance;
+(function (ButtonAppearance) {
+    ButtonAppearance["BASIC"] = "mat-button";
+    ButtonAppearance["FLAT"] = "mat-flat-button";
+    ButtonAppearance["RAISED"] = "mat-raised-button";
+})(ButtonAppearance || (ButtonAppearance = {}));
 
 /**
  * @copyright KMS GmbH
@@ -2309,7 +2317,8 @@ var ButtonType;
 class ButtonComponent {
     constructor() {
         this.color = input(StylingTheme.PRIMARY);
-        this.type = input(ButtonType.FLAT);
+        this.type = input('button');
+        this.appearance = input(ButtonAppearance.FLAT);
         this.loading = input(false);
         this.label = input('');
         this.icon = input();
@@ -2317,9 +2326,9 @@ class ButtonComponent {
         this.click = output();
         this.StylingTheme = StylingTheme;
         this.IconSize = IconSizePx;
-        this.ButtonType = ButtonType;
+        this.ButtonAppearance = ButtonAppearance;
         this.iconColor = computed(() => {
-            if (this.type() !== ButtonType.BASIC) {
+            if (this.appearance() !== ButtonAppearance.BASIC) {
                 return Color.WHITE;
             }
             switch (this.color()) {
@@ -2333,12 +2342,12 @@ class ButtonComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ButtonComponent, selector: "kms-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, ngImport: i0, template: "@if (type() == ButtonType.BASIC) {\n<button\n  mat-button\n  [color]=\"color()\"\n  class=\"kms-button\"\n  [ngClass]=\"{\n            'kms-button--basic-primary': color() === StylingTheme.PRIMARY,\n            'kms-button--basic-accent': color() === StylingTheme.SECONDARY,\n            'kms-button--basic-warn': color() === StylingTheme.WARN,\n        }\"\n  [disabled]=\"disabled()\"\n  (click)=\"click.emit($event)\"\n>\n  <ng-container *ngTemplateOutlet=\"buttonTemplate\"> </ng-container>\n</button>\n} @else if (type() == ButtonType.FLAT) {\n<button\n  mat-flat-button\n  [color]=\"color()\"\n  class=\"kms-button\"\n  [ngClass]=\"{\n            'kms-button--flat-primary': color() === StylingTheme.PRIMARY,\n            'kms-button--flat-accent': color() === StylingTheme.SECONDARY,\n            'kms-button--flat-warn': color() === StylingTheme.WARN,\n        }\"\n  [disabled]=\"disabled()\"\n  (click)=\"click.emit($event)\"\n>\n  <ng-container *ngTemplateOutlet=\"buttonTemplate\"> </ng-container>\n</button>\n} @else if (type() == ButtonType.RAISED) {\n<button\n  mat-raised-button\n  [color]=\"color()\"\n  class=\"kms-button\"\n  [ngClass]=\"{\n            'kms-button--raised-primary': color() === StylingTheme.PRIMARY,\n            'kms-button--raised-accent': color() === StylingTheme.SECONDARY,\n            'kms-button--raised-warn': color() === StylingTheme.WARN,\n        }\"\n  [disabled]=\"disabled()\"\n  (click)=\"click.emit($event)\"\n>\n  <ng-container *ngTemplateOutlet=\"buttonTemplate\"> </ng-container>\n</button>\n}\n\n<ng-template #buttonTemplate>\n  @if(loading()){\n  <mat-spinner diameter=\"22\"></mat-spinner>\n  } @else { @if (icon()) {\n  <kms-icon\n    [color]=\"iconColor()\"\n    [size]=\"IconSize.XXS\"\n    [icon]=\"icon()\"\n  ></kms-icon>\n  }\n  {{ label() }}\n  }\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "size", "dontUseSprite", "color"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ButtonComponent, selector: "kms-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, ngImport: i0, template: "@if (appearance() == ButtonAppearance.BASIC) {\n<button\n  mat-button\n  [color]=\"color()\"\n  class=\"kms-button\"\n  [ngClass]=\"{\n            'kms-button--basic-primary': color() === StylingTheme.PRIMARY,\n            'kms-button--basic-accent': color() === StylingTheme.SECONDARY,\n            'kms-button--basic-warn': color() === StylingTheme.WARN,\n        }\"\n  [disabled]=\"disabled()\"\n  (click)=\"click.emit($event)\"\n  [type]=\"type()\"\n>\n  <ng-container *ngTemplateOutlet=\"buttonTemplate\"> </ng-container>\n</button>\n} @else if (appearance() == ButtonAppearance.FLAT) {\n<button\n  mat-flat-button\n  [color]=\"color()\"\n  class=\"kms-button\"\n  [ngClass]=\"{\n            'kms-button--flat-primary': color() === StylingTheme.PRIMARY,\n            'kms-button--flat-accent': color() === StylingTheme.SECONDARY,\n            'kms-button--flat-warn': color() === StylingTheme.WARN,\n        }\"\n  [disabled]=\"disabled()\"\n  (click)=\"click.emit($event)\"\n  [type]=\"type()\"\n>\n  <ng-container *ngTemplateOutlet=\"buttonTemplate\"> </ng-container>\n</button>\n} @else if (appearance() == ButtonAppearance.RAISED) {\n<button\n  mat-raised-button\n  [color]=\"color()\"\n  class=\"kms-button\"\n  [ngClass]=\"{\n            'kms-button--raised-primary': color() === StylingTheme.PRIMARY,\n            'kms-button--raised-accent': color() === StylingTheme.SECONDARY,\n            'kms-button--raised-warn': color() === StylingTheme.WARN,\n        }\"\n  [disabled]=\"disabled()\"\n  (click)=\"click.emit($event)\"\n  [type]=\"type()\"\n>\n  <ng-container *ngTemplateOutlet=\"buttonTemplate\"> </ng-container>\n</button>\n}\n\n<ng-template #buttonTemplate>\n  @if(loading()){\n  <mat-spinner diameter=\"22\"></mat-spinner>\n  } @else { @if (icon()) {\n  <kms-icon\n    [color]=\"iconColor()\"\n    [size]=\"IconSize.XXS\"\n    [icon]=\"icon()\"\n  ></kms-icon>\n  }\n  {{ label() }}\n  }\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "size", "dontUseSprite", "color"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kms-button', template: "@if (type() == ButtonType.BASIC) {\n<button\n  mat-button\n  [color]=\"color()\"\n  class=\"kms-button\"\n  [ngClass]=\"{\n            'kms-button--basic-primary': color() === StylingTheme.PRIMARY,\n            'kms-button--basic-accent': color() === StylingTheme.SECONDARY,\n            'kms-button--basic-warn': color() === StylingTheme.WARN,\n        }\"\n  [disabled]=\"disabled()\"\n  (click)=\"click.emit($event)\"\n>\n  <ng-container *ngTemplateOutlet=\"buttonTemplate\"> </ng-container>\n</button>\n} @else if (type() == ButtonType.FLAT) {\n<button\n  mat-flat-button\n  [color]=\"color()\"\n  class=\"kms-button\"\n  [ngClass]=\"{\n            'kms-button--flat-primary': color() === StylingTheme.PRIMARY,\n            'kms-button--flat-accent': color() === StylingTheme.SECONDARY,\n            'kms-button--flat-warn': color() === StylingTheme.WARN,\n        }\"\n  [disabled]=\"disabled()\"\n  (click)=\"click.emit($event)\"\n>\n  <ng-container *ngTemplateOutlet=\"buttonTemplate\"> </ng-container>\n</button>\n} @else if (type() == ButtonType.RAISED) {\n<button\n  mat-raised-button\n  [color]=\"color()\"\n  class=\"kms-button\"\n  [ngClass]=\"{\n            'kms-button--raised-primary': color() === StylingTheme.PRIMARY,\n            'kms-button--raised-accent': color() === StylingTheme.SECONDARY,\n            'kms-button--raised-warn': color() === StylingTheme.WARN,\n        }\"\n  [disabled]=\"disabled()\"\n  (click)=\"click.emit($event)\"\n>\n  <ng-container *ngTemplateOutlet=\"buttonTemplate\"> </ng-container>\n</button>\n}\n\n<ng-template #buttonTemplate>\n  @if(loading()){\n  <mat-spinner diameter=\"22\"></mat-spinner>\n  } @else { @if (icon()) {\n  <kms-icon\n    [color]=\"iconColor()\"\n    [size]=\"IconSize.XXS\"\n    [icon]=\"icon()\"\n  ></kms-icon>\n  }\n  {{ label() }}\n  }\n</ng-template>\n" }]
-        }], ctorParameters: () => [] });
+            args: [{ selector: 'kms-button', template: "@if (appearance() == ButtonAppearance.BASIC) {\n<button\n  mat-button\n  [color]=\"color()\"\n  class=\"kms-button\"\n  [ngClass]=\"{\n            'kms-button--basic-primary': color() === StylingTheme.PRIMARY,\n            'kms-button--basic-accent': color() === StylingTheme.SECONDARY,\n            'kms-button--basic-warn': color() === StylingTheme.WARN,\n        }\"\n  [disabled]=\"disabled()\"\n  (click)=\"click.emit($event)\"\n  [type]=\"type()\"\n>\n  <ng-container *ngTemplateOutlet=\"buttonTemplate\"> </ng-container>\n</button>\n} @else if (appearance() == ButtonAppearance.FLAT) {\n<button\n  mat-flat-button\n  [color]=\"color()\"\n  class=\"kms-button\"\n  [ngClass]=\"{\n            'kms-button--flat-primary': color() === StylingTheme.PRIMARY,\n            'kms-button--flat-accent': color() === StylingTheme.SECONDARY,\n            'kms-button--flat-warn': color() === StylingTheme.WARN,\n        }\"\n  [disabled]=\"disabled()\"\n  (click)=\"click.emit($event)\"\n  [type]=\"type()\"\n>\n  <ng-container *ngTemplateOutlet=\"buttonTemplate\"> </ng-container>\n</button>\n} @else if (appearance() == ButtonAppearance.RAISED) {\n<button\n  mat-raised-button\n  [color]=\"color()\"\n  class=\"kms-button\"\n  [ngClass]=\"{\n            'kms-button--raised-primary': color() === StylingTheme.PRIMARY,\n            'kms-button--raised-accent': color() === StylingTheme.SECONDARY,\n            'kms-button--raised-warn': color() === StylingTheme.WARN,\n        }\"\n  [disabled]=\"disabled()\"\n  (click)=\"click.emit($event)\"\n  [type]=\"type()\"\n>\n  <ng-container *ngTemplateOutlet=\"buttonTemplate\"> </ng-container>\n</button>\n}\n\n<ng-template #buttonTemplate>\n  @if(loading()){\n  <mat-spinner diameter=\"22\"></mat-spinner>\n  } @else { @if (icon()) {\n  <kms-icon\n    [color]=\"iconColor()\"\n    [size]=\"IconSize.XXS\"\n    [icon]=\"icon()\"\n  ></kms-icon>\n  }\n  {{ label() }}\n  }\n</ng-template>\n" }]
+        }] });
 
 class CardComponent {
     constructor() {
@@ -2888,6 +2897,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+class RadioGroupComponent {
+    constructor() {
+        this.options = input.required();
+        this.disabled = input(false);
+        this.value = input(null);
+        this.infoText = input(undefined);
+        this.color = input(StylingTheme.PRIMARY);
+        this.size = input(RadioButtonSize.MD);
+        this.direction = input('row');
+        this.onChange = (value) => {
+            this.value = value;
+        };
+        this.onTouched = () => { };
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    handleChange(value) {
+        this.value = value;
+        this.onChange(value);
+        this.onTouched();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RadioGroupComponent, selector: "kms-radiogroup", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, infoText: { classPropertyName: "infoText", publicName: "infoText", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RadioGroupComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "@if (options() && options().length > 0) {\n<mat-radio-group\n  class=\"radiogroup\"\n  [value]=\"value()\"\n  (change)=\"handleChange($event.value)\"\n  [disabled]=\"disabled()\"\n  [ngStyle]=\"{ 'flex-direction': direction() }\"\n>\n  @if (infoText()) {\n  <kms-tooltip-icon\n    [class.margin-left]=\"direction() == 'column'\"\n    [tooltipText]=\"infoText()\"\n  ></kms-tooltip-icon>\n  } @for (option of options(); track $index) {\n  <div class=\"radiobutton-container\">\n    <kms-radiobutton\n      [label]=\"option.Text\"\n      [value]=\"option.Value\"\n      [checked]=\"value() === option.Value\"\n      [disabled]=\"disabled() || option.Disabled\"\n      [size]=\"size()\"\n      [color]=\"color()\"\n    ></kms-radiobutton>\n    @if (option.InfoText) {\n    <kms-tooltip-icon [tooltipText]=\"option.InfoText\"></kms-tooltip-icon>\n    }\n  </div>\n  }\n</mat-radio-group>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: RadioButtonComponent, selector: "kms-radiobutton", inputs: ["label", "checked", "disabled", "value", "size", "color"], outputs: ["onChange"] }, { kind: "component", type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: ["tooltipText", "placement", "delay", "iconSize", "tooltipAlwaysVisible"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kms-radiogroup', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RadioGroupComponent),
+                            multi: true,
+                        },
+                    ], template: "@if (options() && options().length > 0) {\n<mat-radio-group\n  class=\"radiogroup\"\n  [value]=\"value()\"\n  (change)=\"handleChange($event.value)\"\n  [disabled]=\"disabled()\"\n  [ngStyle]=\"{ 'flex-direction': direction() }\"\n>\n  @if (infoText()) {\n  <kms-tooltip-icon\n    [class.margin-left]=\"direction() == 'column'\"\n    [tooltipText]=\"infoText()\"\n  ></kms-tooltip-icon>\n  } @for (option of options(); track $index) {\n  <div class=\"radiobutton-container\">\n    <kms-radiobutton\n      [label]=\"option.Text\"\n      [value]=\"option.Value\"\n      [checked]=\"value() === option.Value\"\n      [disabled]=\"disabled() || option.Disabled\"\n      [size]=\"size()\"\n      [color]=\"color()\"\n    ></kms-radiobutton>\n    @if (option.InfoText) {\n    <kms-tooltip-icon [tooltipText]=\"option.InfoText\"></kms-tooltip-icon>\n    }\n  </div>\n  }\n</mat-radio-group>\n}\n" }]
+        }] });
+
 /**
  * General Image Model
  */
@@ -2906,6 +2963,27 @@ var ImageSourceType;
     ImageSourceType["URL"] = "URL";
 })(ImageSourceType || (ImageSourceType = {}));
 
+class TextValuePairArray {
+}
+class TextValuePair {
+    constructor(text, value) {
+        this.Text = text;
+        this.Value = value;
+    }
+}
+class LabelValuePair {
+    constructor(label, value) {
+        this.Label = label;
+        this.Value = value;
+    }
+}
+class KeyValuePair {
+    constructor(key, value) {
+        this.Key = key;
+        this.Value = value;
+    }
+}
+
 /**
  * Attached File DTO
  */
@@ -3111,6 +3189,7 @@ class KmsUiPresentationalModule {
             LoaderComponent,
             MapComponent,
             RadioButtonComponent,
+            RadioGroupComponent,
             SalutationDropdownComponent,
             SalutationRadiogroupComponent,
             SlideToggleComponent,
@@ -3143,7 +3222,6 @@ class KmsUiPresentationalModule {
             MatTooltipModule,
             NgxSliderModule,
             MatAutocompleteModule,
-            MatRadioModule,
             MatListModule,
             MatCardModule], exports: [BackToTopComponent,
             CheckboxComponent,
@@ -3194,7 +3272,6 @@ class KmsUiPresentationalModule {
             MatTooltipModule,
             NgxSliderModule,
             MatAutocompleteModule,
-            MatRadioModule,
             MatListModule,
             MatCardModule] }); }
 }
@@ -3218,6 +3295,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         LoaderComponent,
                         MapComponent,
                         RadioButtonComponent,
+                        RadioGroupComponent,
                         SalutationDropdownComponent,
                         SalutationRadiogroupComponent,
                         SlideToggleComponent,
@@ -3253,7 +3331,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MatTooltipModule,
                         NgxSliderModule,
                         MatAutocompleteModule,
-                        MatRadioModule,
                         MatListModule,
                         MatCardModule,
                     ],
@@ -3320,5 +3397,5 @@ var ButtonResponseType;
  * Generated bundle index. Do not edit.
  */
 
-export { BackToTopComponent, Breakpoint, ButtonComponent, ButtonResponseType, ButtonType, CardComponent, CheckboxComponent, Color, ColorInputComponent, ConfirmationDialogComponent, CustomPipesModule, DirectivesModule, DropdownFromDataComponent, EnumRadiogroupComponent, FileInputComponent, FlyoutComponent, FormParentComponent, GetMaxHeightDirective, IconComponent, IconSizePx, IconSizesArr, ImageSliderComponent, ImageSnippet, ImageSourceType, IntegerCurrency, KMSAccordionItemComponent, KmsUiPresentationalComponent, KmsUiPresentationalModule, KmsUiPresentationalService, LoaderComponent, MapComponent, Marker, MarkerLabel, MarkerOptions, NumericInputComponent, PasswordComponent, RadioButtonComponent, SafeHtmlPipe, SafeResourceUrlPipe, SafeUrlPipe, SalutationDropdownComponent, SalutationEnum, SalutationRadiogroupComponent, SimpleBreakpoint, SlideToggleComponent, SliderComponent, StylingTheme, SwipeDirective, TimeDirective, TimeInputComponent, TooltipDirective, TooltipIconComponent, TrimPipe, TypeofPipe, ViewportService, WindowDimensions, YesNoRadiogroupComponent };
+export { BackToTopComponent, Breakpoint, ButtonAppearance, ButtonComponent, ButtonResponseType, CardComponent, CheckboxComponent, Color, ColorInputComponent, ConfirmationDialogComponent, CustomPipesModule, DirectivesModule, DropdownFromDataComponent, EnumRadiogroupComponent, FileInputComponent, FlyoutComponent, FormParentComponent, GetMaxHeightDirective, IconComponent, IconSizePx, IconSizesArr, ImageSliderComponent, ImageSnippet, ImageSourceType, IntegerCurrency, KMSAccordionItemComponent, KeyValuePair, KmsUiPresentationalComponent, KmsUiPresentationalModule, KmsUiPresentationalService, LabelValuePair, LoaderComponent, MapComponent, Marker, MarkerLabel, MarkerOptions, NumericInputComponent, PasswordComponent, RadioButtonComponent, RadioButtonSize, RadioGroupComponent, SafeHtmlPipe, SafeResourceUrlPipe, SafeUrlPipe, SalutationDropdownComponent, SalutationEnum, SalutationRadiogroupComponent, SimpleBreakpoint, SlideToggleComponent, SliderComponent, StylingTheme, SwipeDirective, TextValuePair, TextValuePairArray, TimeDirective, TimeInputComponent, TooltipDirective, TooltipIconComponent, TrimPipe, TypeofPipe, ViewportService, WindowDimensions, YesNoRadiogroupComponent };
 //# sourceMappingURL=kms-ngx-ui-presentational.mjs.map