@kms-ngx-ui/presentational 16.3.3 → 16.3.4

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

@@ -1,7 +1,7 @@
 import * as i2 from '@angular/common';
 import { CommonModule, CurrencyPipe, isPlatformBrowser, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Output, HostListener, Input, NgModule, Component, forwardRef, Pipe, ViewChild, VERSION, PLATFORM_ID, Injectable, Inject } from '@angular/core';
+import { EventEmitter, Directive, Input, Output, HostListener, NgModule, Component, forwardRef, Pipe, ViewChild, VERSION, PLATFORM_ID, Injectable, Inject, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, UntypedFormControl, NG_VALIDATORS, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i2$1 from '@angular/material/checkbox';
@@ -28,72 +28,14 @@ import { GoogleMapsModule } from '@angular/google-maps';
 import * as i3$3 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i4$2 from '@angular/material/core';
-import * as i3$5 from '@angular/cdk/drag-drop';
-import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
-import * as i3$4 from '@angular/material/dialog';
-import { MatDialogModule } from '@angular/material/dialog';
-import * as i4$3 from '@angular/material/menu';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import * as i1$2 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import { MatMenuModule } from '@angular/material/menu';
-import * as i6 from 'ngx-useful-swiper';
-import { NgxUsefulSwiperModule } from 'ngx-useful-swiper';
 import { SubSink } from 'subsink';
-import * as i1$2 from '@angular/material/legacy-dialog';
-import { MAT_LEGACY_DIALOG_DATA } from '@angular/material/legacy-dialog';
+import * as i1$3 from '@angular/material/legacy-dialog';
 import { EnumValues } from 'enum-values/src/enumValues';
-
-/*!
- * @copyright FLYACTS GmbH 2019
- */
-class MouseWheelDirective {
-    constructor() {
-        this.mouseWheelUp = new EventEmitter();
-        this.mouseWheelDown = new EventEmitter();
-    }
-    onMouseWheelChrome(event) {
-        this.mouseWheelFunc(event);
-    }
-    onMouseWheelFirefox(event) {
-        this.mouseWheelFunc(event);
-    }
-    onMouseWheelIE(event) {
-        this.mouseWheelFunc(event);
-    }
-    mouseWheelFunc(event) {
-        event = window.event || event; // old IE support
-        const delta = Math.max(-1, Math.min(1, (event.wheelDelta || -event.detail)));
-        if (delta > 0) {
-            this.mouseWheelUp.emit(event);
-        }
-        else if (delta < 0) {
-            this.mouseWheelDown.emit(event);
-        }
-        // for IE
-        event.returnValue = false;
-        // for Chrome and Firefox
-        if (event.preventDefault) {
-            event.preventDefault();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MouseWheelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: MouseWheelDirective, selector: "[mouseWheel]", outputs: { mouseWheelUp: "mouseWheelUp", mouseWheelDown: "mouseWheelDown" }, host: { listeners: { "mousewheel": "onMouseWheelChrome($event)", "DOMMouseScroll": "onMouseWheelFirefox($event)", "onmousewheel": "onMouseWheelIE($event)" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MouseWheelDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[mouseWheel]' }]
-        }], propDecorators: { mouseWheelUp: [{
-                type: Output
-            }], mouseWheelDown: [{
-                type: Output
-            }], onMouseWheelChrome: [{
-                type: HostListener,
-                args: ['mousewheel', ['$event']]
-            }], onMouseWheelFirefox: [{
-                type: HostListener,
-                args: ['DOMMouseScroll', ['$event']]
-            }], onMouseWheelIE: [{
-                type: HostListener,
-                args: ['onmousewheel', ['$event']]
-            }] } });
+import { register } from 'swiper/element/bundle';
 
 /*!
  * @copyright FLYACTS GmbH 2019
@@ -515,11 +457,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class DirectivesModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DirectivesModule, declarations: [SwipeDirective,
-            MouseWheelDirective,
             GetMaxHeightDirective,
             TooltipDirective,
             SizeDirective], imports: [CommonModule], exports: [SwipeDirective,
-            MouseWheelDirective,
             GetMaxHeightDirective,
             TooltipDirective,
             SizeDirective] }); }
@@ -530,7 +470,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{
                     declarations: [
                         SwipeDirective,
-                        MouseWheelDirective,
                         GetMaxHeightDirective,
                         TooltipDirective,
                         SizeDirective,
@@ -538,7 +477,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     imports: [CommonModule],
                     exports: [
                         SwipeDirective,
-                        MouseWheelDirective,
                         GetMaxHeightDirective,
                         TooltipDirective,
                         SizeDirective,
@@ -548,8 +486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class KmsUiPresentationalComponent {
     constructor() { }
-    ngOnInit() {
-    }
+    ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: KmsUiPresentationalComponent, selector: "lib-kms-ngx-ui-presentational", ngImport: i0, template: `
     <p>
@@ -708,40 +645,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i2.CurrencyPipe }]; } });
 
-/*!
- * @copyright FLYACTS GmbH 2019
- */
-class DecodeUriPipe {
-    transform(value, _args) {
-        return decodeURI(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DecodeUriPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DecodeUriPipe, name: "kmsDecodeUri" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DecodeUriPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'kmsDecodeUri',
-                }]
-        }] });
-
-/*!
- * @copyright FLYACTS GmbH 2019
- */
-class EncodeUriPipe {
-    transform(value, _args) {
-        return encodeURI(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EncodeUriPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: EncodeUriPipe, name: "kmsEncodeUri" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EncodeUriPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'kmsEncodeUri',
-                }]
-        }] });
-
 /*!
  * @copyright FLYACTS GmbH 2019
  */
@@ -765,20 +668,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /**
  * @copyright KMS GmbH
  */
-class SafeStylePipe {
+class SafeResourceUrlPipe {
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
     }
-    transform(style) {
-        return this.sanitizer.bypassSecurityTrustStyle(style);
+    transform(url) {
+        return this.sanitizer.bypassSecurityTrustResourceUrl(url);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeStylePipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SafeStylePipe, name: "kmsSafeStyle" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeResourceUrlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SafeResourceUrlPipe, name: "kmsSafeResourceSUrl" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeStylePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeResourceUrlPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'kmsSafeStyle',
+                    name: 'kmsSafeResourceSUrl',
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
 
@@ -802,40 +705,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
 
-/**
- * @copyright KMS GmbH
- */
-class SafeResourceUrlPipe {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
-    }
-    transform(url) {
-        return this.sanitizer.bypassSecurityTrustResourceUrl(url);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeResourceUrlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SafeResourceUrlPipe, name: "kmsSafeResourceSUrl" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SafeResourceUrlPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'kmsSafeResourceSUrl',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
-
-class TypeofPipe {
-    transform(value) {
-        return typeof value;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypeofPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TypeofPipe, name: "kmsTypeOf" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypeofPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'kmsTypeOf',
-                }]
-        }] });
-
 /**
  * @copyright KMS GmbH
  */
@@ -854,24 +723,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{ name: 'kmsTrim' }]
         }] });
 
-/**
- * @copyright KMS GmbH
- */
-class ToNumberPipe {
-    transform(items) {
-        if (!items) {
-            return 0;
-        }
-        return parseInt(items, 10);
+class TypeofPipe {
+    transform(value) {
+        return typeof value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ToNumberPipe, name: "kmsToNumber", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypeofPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TypeofPipe, name: "kmsTypeOf" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToNumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypeofPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'kmsToNumber',
-                    pure: false
+                    name: 'kmsTypeOf',
                 }]
         }] });
 
@@ -882,23 +744,15 @@ class CustomPipesModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CustomPipesModule, declarations: [IntegerCurrency,
             SafeHtmlPipe,
-            SafeStylePipe,
-            SafeResourceUrlPipe,
             SafeUrlPipe,
-            EncodeUriPipe,
-            DecodeUriPipe,
-            TypeofPipe,
             TrimPipe,
-            ToNumberPipe], imports: [CommonModule], exports: [IntegerCurrency,
-            SafeHtmlPipe,
-            SafeStylePipe,
             SafeResourceUrlPipe,
+            TypeofPipe], imports: [CommonModule], exports: [IntegerCurrency,
+            SafeHtmlPipe,
             SafeUrlPipe,
-            EncodeUriPipe,
-            DecodeUriPipe,
-            TypeofPipe,
             TrimPipe,
-            ToNumberPipe] }); }
+            SafeResourceUrlPipe,
+            TypeofPipe] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomPipesModule, providers: [CurrencyPipe], imports: [CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomPipesModule, decorators: [{
@@ -907,27 +761,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     declarations: [
                         IntegerCurrency,
                         SafeHtmlPipe,
-                        SafeStylePipe,
-                        SafeResourceUrlPipe,
                         SafeUrlPipe,
-                        EncodeUriPipe,
-                        DecodeUriPipe,
-                        TypeofPipe,
                         TrimPipe,
-                        ToNumberPipe,
+                        SafeResourceUrlPipe,
+                        TypeofPipe,
                     ],
                     imports: [CommonModule],
                     exports: [
                         IntegerCurrency,
                         SafeHtmlPipe,
-                        SafeStylePipe,
-                        SafeResourceUrlPipe,
                         SafeUrlPipe,
-                        EncodeUriPipe,
-                        DecodeUriPipe,
-                        TypeofPipe,
                         TrimPipe,
-                        ToNumberPipe,
+                        SafeResourceUrlPipe,
+                        TypeofPipe,
                     ],
                     providers: [CurrencyPipe],
                 }]
@@ -2556,15 +2402,15 @@ class GenericDialogComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericDialogComponent, deps: [{ token: i1$2.MatLegacyDialogRef }, { token: i0.NgZone }, { token: MAT_LEGACY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GenericDialogComponent, selector: "kms-generic-dialog", ngImport: i0, template: "<div mat-dialog-title class=\"mat-dialog-title\">\n    <h3>{{ data.title }}</h3>\n</div>\n<div mat-dialog-content class=\"mat-dialog-content\">\n    {{ data.message }}\n</div>\n<div mat-dialog-actions class=\"custom-dialog-actions\">\n    <button\n        mat-flat-button\n        class=\"test_secondary_button\"\n         color=\"accent\"\n        (click)=\"onClickAction(ButtonResponseType.secondary)\"\n    >\n        {{ buttons.secondary }}\n    </button>\n    <button\n        mat-flat-button\n        class=\"test_primary_button\"\n        color=\"primary\"\n        (click)=\"onClickAction(ButtonResponseType.primary)\"\n    >\n        {{ buttons.primary }}\n    </button>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i2$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: i0.NgZone }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GenericDialogComponent, selector: "kms-generic-dialog", ngImport: i0, template: "<div mat-dialog-title class=\"mat-dialog-title\">\n    <h3>{{ data.title }}</h3>\n</div>\n<div mat-dialog-content class=\"mat-dialog-content\">\n    {{ data.message }}\n</div>\n<div mat-dialog-actions class=\"custom-dialog-actions\">\n    <button\n        mat-flat-button\n        class=\"test_secondary_button\"\n         color=\"accent\"\n        (click)=\"onClickAction(ButtonResponseType.secondary)\"\n    >\n        {{ buttons.secondary }}\n    </button>\n    <button\n        mat-flat-button\n        class=\"test_primary_button\"\n        color=\"primary\"\n        (click)=\"onClickAction(ButtonResponseType.primary)\"\n    >\n        {{ buttons.primary }}\n    </button>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i2$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kms-generic-dialog', template: "<div mat-dialog-title class=\"mat-dialog-title\">\n    <h3>{{ data.title }}</h3>\n</div>\n<div mat-dialog-content class=\"mat-dialog-content\">\n    {{ data.message }}\n</div>\n<div mat-dialog-actions class=\"custom-dialog-actions\">\n    <button\n        mat-flat-button\n        class=\"test_secondary_button\"\n         color=\"accent\"\n        (click)=\"onClickAction(ButtonResponseType.secondary)\"\n    >\n        {{ buttons.secondary }}\n    </button>\n    <button\n        mat-flat-button\n        class=\"test_primary_button\"\n        color=\"primary\"\n        (click)=\"onClickAction(ButtonResponseType.primary)\"\n    >\n        {{ buttons.primary }}\n    </button>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$2.MatLegacyDialogRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$2.MatDialogRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
                     type: Inject,
-                    args: [MAT_LEGACY_DIALOG_DATA]
+                    args: [MAT_DIALOG_DATA]
                 }] }]; } });
 
 class ButtonWithConfirmDialogComponent {
@@ -2598,13 +2444,13 @@ class ButtonWithConfirmDialogComponent {
             dialogRef.close();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonWithConfirmDialogComponent, deps: [{ token: i1$2.MatLegacyDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonWithConfirmDialogComponent, deps: [{ token: i1$3.MatLegacyDialog }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonWithConfirmDialogComponent, selector: "kms-button-with-confirm-dialog", inputs: { disabled: "disabled", buttonText: "buttonText", confirmTitle: "confirmTitle", confirmTextYes: "confirmTextYes", confirmTextNo: "confirmTextNo" }, outputs: { onConfirmClosed: "onConfirmClosed" }, ngImport: i0, template: "<button\n    type=\"button\"\n    (click)=\"start()\"\n    mat-stroked-button\n    [disabled]=\"disabled\"\n>\n    {{ buttonText }}\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: i2$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonWithConfirmDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kms-button-with-confirm-dialog', template: "<button\n    type=\"button\"\n    (click)=\"start()\"\n    mat-stroked-button\n    [disabled]=\"disabled\"\n>\n    {{ buttonText }}\n</button>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$2.MatLegacyDialog }]; }, propDecorators: { disabled: [{
+        }], ctorParameters: function () { return [{ type: i1$3.MatLegacyDialog }]; }, propDecorators: { disabled: [{
                 type: Input
             }], buttonText: [{
                 type: Input
@@ -2773,162 +2619,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /*!
  * @copyright FLYACTS GmbH 2019
  */
+register();
 class ImageSliderComponent {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
+    constructor() {
         this.editMode = false;
         this.orderChanged = new EventEmitter();
         this.deleteImageEvent = new EventEmitter();
-        /**
-         * Optional: Define Swipe behaviour configuration.
-         * Default is 10% for the threshold definition until a swipe triggers next/previous slide.
-         */
-        this.swipeConfig = {
-            swipeThreshold: 5,
-            swipeThresholdType: '%',
-            swipeLocalPosition: true,
-        };
-        this.selectedSlide = 0;
-        this.isLastClickedInSliderImage = false;
-        this.config = {
-            initialSlide: 0,
-            slidesPerView: 3,
-            navigation: {
-                nextEl: '.swiper-button-next',
-                prevEl: '.swiper-button-prev',
-            },
-            watchOverflow: true,
-            autoHeight: true,
-            allowTouchMove: false,
-            spaceBetween: 30,
-            on: {
-                slideChange: () => {
-                    // do something
-                },
-                slideChangeTransitionEnd: () => {
-                    // do something
-                },
-            },
-        };
-    }
-    ngOnInit() {
-        if (this.slides) {
-            // TODO use Pipe safeStyle
-            this.selectedSlideImage = this.sanitizer.bypassSecurityTrustStyle('url(' + this.slides[0] + ')');
-        }
     }
-    // !TODO
-    onKeydownHandler(event) {
-        if (event.key === 'ArrowRight') {
-            this.nextSlide();
-        }
-        if (event.key === 'ArrowLeft') {
-            this.previousSlide();
-        }
-    }
-    /**
-     * Slide follows the finger or mouse according to it´s move delta.
-     * @param event SwipeMoveEvent
-     */
-    handleMoveEvent(event) {
-        // certain move threshold needs to be reached
-        if (!event.thresholdWasReached) {
-            return;
-        }
-        this.config.direction = event.direction === 1 ? 'horizontal' : 'vertical';
-    }
-    /**
-     * Mouse up or slide container was left.
-     * @param event SwipeReleaseEvent
-     */
-    handleReleaseEvent(event) {
-        if (!event.thresholdWasReached) {
-            return;
-        }
-        // Just do if user clicked to slide on image and not on arrow or other element
-        if (!this.isLastClickedInSliderImage) {
-            return;
-        }
-        if (event.direction === 1) {
-            this.previousSlide();
-        }
-        else {
-            this.nextSlide();
-        }
-    }
-    lastClicked() {
-        this.isLastClickedInSliderImage = true;
-    }
-    noLastClicked() {
-        this.isLastClickedInSliderImage = false;
-    }
-    scrollLeft() {
-        this.previousSlide();
-    }
-    scrollRight() {
-        this.nextSlide();
-    }
-    nextSlide() {
-        if (this.slides && this.selectedSlide < this.slides.length - 1) {
-            if (this.usefulSwiper) {
-                this.usefulSwiper.swiper.slideNext();
-            }
-            this.openSlide(this.selectedSlide + 1);
-        }
-        this.isLastClickedInSliderImage = false;
-    }
-    previousSlide() {
-        if (this.selectedSlide > 0) {
-            if (this.usefulSwiper) {
-                this.usefulSwiper.swiper.slidePrev();
-            }
-            this.openSlide(this.selectedSlide - 1);
-        }
-        this.isLastClickedInSliderImage = false;
-    }
-    slideTo(index) {
-        if (this.usefulSwiper) {
-            this.usefulSwiper.swiper.slideTo(index);
-        }
-    }
-    openSlide(number) {
-        if (this.slides && number < this.slides.length && number >= 0) {
-            this.selectedSlide = number;
-            // TODO use Pipe safeStyle
-            this.selectedSlideImage = this.sanitizer.bypassSecurityTrustStyle('url(' + this.slides[number] || ')');
-        }
-    }
-    ngOnChanges(_changes) {
-        if (_changes.slides) {
-            if (this.slides) {
-                // TODO use Pipe safeStyle
-                this.selectedSlideImage = this.sanitizer.bypassSecurityTrustStyle('url(' + this.slides[0] + ')');
-            }
-        }
-    }
-    /**
-     * Re-order slides and notify parent component
-     */
-    drop(event) {
-        if (this.slides && this.imagesTOSave) {
-            moveItemInArray(this.slides, event.previousIndex, event.currentIndex);
-            moveItemInArray(this.imagesTOSave, event.previousIndex, event.currentIndex);
-            this.orderChanged.emit(this.imagesTOSave);
-        }
-    }
-    /**
-     * Send image index to parent to perform delete
-     */
-    deleteImage(index) {
-        this.deleteImageEvent.emit(index);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageSliderComponent, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImageSliderComponent, selector: "kms-image-slider", inputs: { slides: "slides", editMode: "editMode", imagesTOSave: "imagesTOSave", swipeConfig: "swipeConfig" }, outputs: { orderChanged: "orderChanged", deleteImageEvent: "deleteImageEvent" }, host: { listeners: { "document:keydown": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "usefulSwiper", first: true, predicate: ["usefulSwiper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"all-wrapper\">\n  <!--(swiperight)=\"previousSlide()\" (swipeleft)=\"nextSlide()\"-->\n  <div\n    class=\"swiper-bigImage\"\n    [style.backgroundImage]=\"selectedSlideImage\"\n    [swipeDirective]=\"swipeConfig\"\n    (moveEvent)=\"handleMoveEvent($event)\"\n    (releaseEvent)=\"handleReleaseEvent($event)\"\n    (mouseup)=\"lastClicked()\"\n    (mouseout)=\"noLastClicked()\"\n  ></div>\n\n  <ng-content select=\"[description]\"></ng-content>\n\n  <div class=\"swiper-holder\">\n    <!--\n        (mouseWheelUp)=\"scrollLeft($event)\"\n        (mouseWheelDown)=\"scrollRight($event)\"\n        -->\n\n    <swiper [config]=\"config\" #usefulSwiper>\n      <div\n        class=\"swiper-wrapper\"\n        cdkDropList\n        (cdkDropListDropped)=\"drop($event)\"\n        cdkDropListOrientation=\"horizontal\"\n      >\n        <div\n          class=\"swiper-slide\"\n          *ngFor=\"let slide of slides; let index = index\"\n          cdkDrag\n          [cdkDragDisabled]=\"!editMode\"\n        >\n          <button mat-menu-item *ngIf=\"editMode\" (click)=\"deleteImage(index)\">\n            <kms-icon icon=\"trash\"></kms-icon>\n          </button>\n          <div\n            class=\"img\"\n            (click)=\"openSlide(index)\"\n            [style.backgroundImage]=\"\n              sanitizer.bypassSecurityTrustStyle('url(' + slide + ')')\n            \"\n            [ngClass]=\"{ active: index === selectedSlide }\"\n          ></div>\n\n          <div class=\"default-image\">\n            {{ \"common.defaultImage\" | translate }}\n          </div>\n        </div>\n      </div>\n    </swiper>\n\n    <button\n      class=\"swiper-button-next\"\n      (click)=\"nextSlide()\"\n      *ngIf=\"slides?.length > 3\"\n    >&nbsp;</button>\n    <button\n      class=\"swiper-button-prev\"\n      (click)=\"previousSlide()\"\n      *ngIf=\"slides?.length > 3\"\n    >&nbsp;</button>\n\n    <div\n      class=\"swiper-button-next2\"\n      *ngIf=\"slides?.length > 1\"\n      (click)=\"nextSlide()\"\n    >\n      <kms-icon\n        icon=\"chevron-right\"\n        [iconClass]=\"{\n          'color-disabled': selectedSlide == slides?.length - 1,\n          'color-primary': true\n        }\"\n      ></kms-icon>\n    </div>\n    <div\n      class=\"swiper-button-prev2\"\n      *ngIf=\"slides?.length > 1\"\n      (click)=\"previousSlide()\"\n    >\n      <kms-icon\n        icon=\"chevron-left\"\n        [iconClass]=\"{\n          'color-disabled': selectedSlide == 0,\n          'color-primary': true\n        }\"\n      ></kms-icon>\n    </div>\n  </div>\n\n  <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3$5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i4$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: SwipeDirective, selector: "[swipeDirective]", inputs: ["swipeDirective"], outputs: ["moveEvent", "releaseEvent"] }, { kind: "component", type: i6.SwiperComponent, selector: "swiper", inputs: ["initialize", "config"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImageSliderComponent, selector: "kms-image-slider", inputs: { slides: "slides", editMode: "editMode", imagesTOSave: "imagesTOSave" }, outputs: { orderChanged: "orderChanged", deleteImageEvent: "deleteImageEvent" }, ngImport: i0, template: "<div class=\"image-slider\">\n  <swiper-container\n    class=\"image-slider__swiper-container\"\n    thumbs-swiper=\".image-slider__swiper-preview-container\"\n    space-between=\"10\"\n    navigation=\"true\"\n  >\n    <swiper-slide *ngFor=\"let slide of slides; let index = index\">\n      <img [src]=\"slide\" />\n    </swiper-slide>\n  </swiper-container>\n\n  <ng-content select=\"[description]\"></ng-content>\n\n  <swiper-container\n    class=\"image-slider__swiper-preview-container\"\n    space-between=\"25\"\n    slides-per-view=\"4\"\n    free-mode=\"true\"\n    watch-slides-progress=\"true\"\n  >\n    <swiper-slide *ngFor=\"let slide of slides; let index = index\">\n      <img [src]=\"slide\" />\n    </swiper-slide>\n  </swiper-container>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageSliderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kms-image-slider', template: "<div class=\"all-wrapper\">\n  <!--(swiperight)=\"previousSlide()\" (swipeleft)=\"nextSlide()\"-->\n  <div\n    class=\"swiper-bigImage\"\n    [style.backgroundImage]=\"selectedSlideImage\"\n    [swipeDirective]=\"swipeConfig\"\n    (moveEvent)=\"handleMoveEvent($event)\"\n    (releaseEvent)=\"handleReleaseEvent($event)\"\n    (mouseup)=\"lastClicked()\"\n    (mouseout)=\"noLastClicked()\"\n  ></div>\n\n  <ng-content select=\"[description]\"></ng-content>\n\n  <div class=\"swiper-holder\">\n    <!--\n        (mouseWheelUp)=\"scrollLeft($event)\"\n        (mouseWheelDown)=\"scrollRight($event)\"\n        -->\n\n    <swiper [config]=\"config\" #usefulSwiper>\n      <div\n        class=\"swiper-wrapper\"\n        cdkDropList\n        (cdkDropListDropped)=\"drop($event)\"\n        cdkDropListOrientation=\"horizontal\"\n      >\n        <div\n          class=\"swiper-slide\"\n          *ngFor=\"let slide of slides; let index = index\"\n          cdkDrag\n          [cdkDragDisabled]=\"!editMode\"\n        >\n          <button mat-menu-item *ngIf=\"editMode\" (click)=\"deleteImage(index)\">\n            <kms-icon icon=\"trash\"></kms-icon>\n          </button>\n          <div\n            class=\"img\"\n            (click)=\"openSlide(index)\"\n            [style.backgroundImage]=\"\n              sanitizer.bypassSecurityTrustStyle('url(' + slide + ')')\n            \"\n            [ngClass]=\"{ active: index === selectedSlide }\"\n          ></div>\n\n          <div class=\"default-image\">\n            {{ \"common.defaultImage\" | translate }}\n          </div>\n        </div>\n      </div>\n    </swiper>\n\n    <button\n      class=\"swiper-button-next\"\n      (click)=\"nextSlide()\"\n      *ngIf=\"slides?.length > 3\"\n    >&nbsp;</button>\n    <button\n      class=\"swiper-button-prev\"\n      (click)=\"previousSlide()\"\n      *ngIf=\"slides?.length > 3\"\n    >&nbsp;</button>\n\n    <div\n      class=\"swiper-button-next2\"\n      *ngIf=\"slides?.length > 1\"\n      (click)=\"nextSlide()\"\n    >\n      <kms-icon\n        icon=\"chevron-right\"\n        [iconClass]=\"{\n          'color-disabled': selectedSlide == slides?.length - 1,\n          'color-primary': true\n        }\"\n      ></kms-icon>\n    </div>\n    <div\n      class=\"swiper-button-prev2\"\n      *ngIf=\"slides?.length > 1\"\n      (click)=\"previousSlide()\"\n    >\n      <kms-icon\n        icon=\"chevron-left\"\n        [iconClass]=\"{\n          'color-disabled': selectedSlide == 0,\n          'color-primary': true\n        }\"\n      ></kms-icon>\n    </div>\n  </div>\n\n  <ng-content></ng-content>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; }, propDecorators: { slides: [{
+            args: [{ selector: 'kms-image-slider', template: "<div class=\"image-slider\">\n  <swiper-container\n    class=\"image-slider__swiper-container\"\n    thumbs-swiper=\".image-slider__swiper-preview-container\"\n    space-between=\"10\"\n    navigation=\"true\"\n  >\n    <swiper-slide *ngFor=\"let slide of slides; let index = index\">\n      <img [src]=\"slide\" />\n    </swiper-slide>\n  </swiper-container>\n\n  <ng-content select=\"[description]\"></ng-content>\n\n  <swiper-container\n    class=\"image-slider__swiper-preview-container\"\n    space-between=\"25\"\n    slides-per-view=\"4\"\n    free-mode=\"true\"\n    watch-slides-progress=\"true\"\n  >\n    <swiper-slide *ngFor=\"let slide of slides; let index = index\">\n      <img [src]=\"slide\" />\n    </swiper-slide>\n  </swiper-container>\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { slides: [{
                 type: Input
             }], editMode: [{
                 type: Input
@@ -2938,14 +2642,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], deleteImageEvent: [{
                 type: Output
-            }], swipeConfig: [{
-                type: Input
-            }], usefulSwiper: [{
-                type: ViewChild,
-                args: ['usefulSwiper']
-            }], onKeydownHandler: [{
-                type: HostListener,
-                args: ['document:keydown', ['$event']]
             }] } });
 
 class SalutationRadiogroupComponent extends FormControlParentComponent {
@@ -2988,6 +2684,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ], template: "<form [formGroup]=\"form\" >\n    <mat-radio-group [formControl]=\"form.controls['salut']\" [disabled]=\"disabled\" #radioGroup>\n        <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.NOT_SPECIFIED\" [checked]=\"value === SalutationEnum.NOT_SPECIFIED\">\n            {{ 'general.salutation.' + Object.keys(SalutationEnum)[0]?.toLowerCase() | translate }}\n        </mat-radio-button>\n        <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.MALE\" [checked]=\"value === SalutationEnum.MALE\">\n            {{ 'general.salutation.' + Object.keys(SalutationEnum)[1]?.toLowerCase() | translate }}\n        </mat-radio-button>\n        <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.FEMALE\" [checked]=\"value === SalutationEnum.FEMALE\">\n            {{ 'general.salutation.' + Object.keys(SalutationEnum)[2]?.toLowerCase() | translate }}\n        </mat-radio-button>\n    </mat-radio-group>\n</form>" }]
         }], ctorParameters: function () { return [{ type: i1.UntypedFormBuilder }, { type: i0.Renderer2 }]; } });
 
+class TooltipComponent {
+    constructor() {
+        this.tooltipTitle = "";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, selector: "kms-tooltip-element", inputs: { tooltipTitle: "tooltipTitle" }, ngImport: i0, template: "<ng-content></ng-content>", styles: ["[kmsTooltip]{position:relative}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kms-tooltip-element', template: "<ng-content></ng-content>", styles: ["[kmsTooltip]{position:relative}\n"] }]
+        }], propDecorators: { tooltipTitle: [{
+                type: Input
+            }] } });
+
 class KmsUiPresentationalModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalModule, declarations: [ActionsParentComponent,
@@ -3012,7 +2722,8 @@ class KmsUiPresentationalModule {
             SalutationRadiogroupComponent,
             TimeInputComponent,
             TooltipIconComponent,
-            YesNoRadiogroupComponent], imports: [CommonModule,
+            YesNoRadiogroupComponent,
+            TooltipComponent], imports: [CommonModule,
             DragDropModule,
             MatCheckboxModule,
             MatButtonModule,
@@ -3029,8 +2740,7 @@ class KmsUiPresentationalModule {
             MatSelectModule,
             MatProgressSpinnerModule,
             DirectivesModule,
-            TranslateModule,
-            NgxUsefulSwiperModule], exports: [ActionsParentComponent,
+            TranslateModule], exports: [ActionsParentComponent,
             BackToTopComponent,
             ButtonWithConfirmDialogComponent,
             CheckboxComponent,
@@ -3052,7 +2762,8 @@ class KmsUiPresentationalModule {
             SalutationRadiogroupComponent,
             TimeInputComponent,
             TooltipIconComponent,
-            YesNoRadiogroupComponent] }); }
+            YesNoRadiogroupComponent,
+            TooltipComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalModule, providers: [ViewportService], imports: [CommonModule,
             DragDropModule,
             MatCheckboxModule,
@@ -3070,8 +2781,7 @@ class KmsUiPresentationalModule {
             MatSelectModule,
             MatProgressSpinnerModule,
             DirectivesModule,
-            TranslateModule,
-            NgxUsefulSwiperModule] }); }
+            TranslateModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KmsUiPresentationalModule, decorators: [{
             type: NgModule,
@@ -3100,6 +2810,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TimeInputComponent,
                         TooltipIconComponent,
                         YesNoRadiogroupComponent,
+                        TooltipComponent
                     ],
                     imports: [
                         CommonModule,
@@ -3120,7 +2831,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MatProgressSpinnerModule,
                         DirectivesModule,
                         TranslateModule,
-                        NgxUsefulSwiperModule,
                     ],
                     exports: [
                         ActionsParentComponent,
@@ -3146,8 +2856,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TimeInputComponent,
                         TooltipIconComponent,
                         YesNoRadiogroupComponent,
+                        TooltipComponent
                     ],
                     providers: [ViewportService],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }] });
 
@@ -3171,5 +2883,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ActionsParentComponent, BackToTopComponent, Breakpoint, ButtonWithConfirmDialogComponent, CheckboxComponent, ColorInputComponent, CustomPipesModule, DecodeUriPipe, DirectivesModule, DropdownFromDataComponent, EncodeUriPipe, EnumRadiogroupComponent, FileInputComponent, FlyoutComponent, FormParentComponent, GenericDialogComponent, GetMaxHeightDirective, IconComponent, IconSize, ImageSliderComponent, IntegerCurrency, KMSAccordionItemComponent, KmsUiPresentationalComponent, KmsUiPresentationalModule, KmsUiPresentationalService, LoaderComponent, MapComponent, Marker, MarkerLabel, MarkerOptions, MouseWheelDirective, RadioButtonComponent, SafeHtmlPipe, SafeResourceUrlPipe, SafeStylePipe, SafeUrlPipe, SalutationDropdownComponent, SalutationEnum, SalutationRadiogroupComponent, SimpleBreakpoint, SizeDirective, SwipeDirective, TimeInputComponent, ToNumberPipe, TooltipDirective, TooltipIconComponent, TrimPipe, TypeofPipe, ViewportService, WindowDimensions, YesNoRadiogroupComponent };
+export { ActionsParentComponent, BackToTopComponent, Breakpoint, ButtonWithConfirmDialogComponent, CheckboxComponent, ColorInputComponent, CustomPipesModule, DirectivesModule, DropdownFromDataComponent, EnumRadiogroupComponent, FileInputComponent, FlyoutComponent, FormParentComponent, GenericDialogComponent, GetMaxHeightDirective, IconComponent, IconSize, ImageSliderComponent, IntegerCurrency, KMSAccordionItemComponent, KmsUiPresentationalComponent, KmsUiPresentationalModule, KmsUiPresentationalService, LoaderComponent, MapComponent, Marker, MarkerLabel, MarkerOptions, RadioButtonComponent, SafeHtmlPipe, SafeResourceUrlPipe, SafeUrlPipe, SalutationDropdownComponent, SalutationEnum, SalutationRadiogroupComponent, SimpleBreakpoint, SizeDirective, SwipeDirective, TimeInputComponent, TooltipComponent, TooltipDirective, TooltipIconComponent, TrimPipe, TypeofPipe, ViewportService, WindowDimensions, YesNoRadiogroupComponent };
 //# sourceMappingURL=kms-ngx-ui-presentational.mjs.map