@kms-ngx-ui/presentational 0.0.23 → 13.0.0

package/esm2020/lib/ui/image-slider/image-slider.component.mjs

@@ -0,0 +1,189 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+import { Component, EventEmitter, HostListener, Input, Output, ViewChild, } from '@angular/core';
+import { moveItemInArray } from '@angular/cdk/drag-drop';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "ngx-useful-swiper";
+import * as i3 from "@angular/material/menu";
+import * as i4 from "../icon/icon.component";
+import * as i5 from "../../directives/swipe.directive";
+import * as i6 from "@angular/cdk/drag-drop";
+import * as i7 from "@angular/common";
+import * as i8 from "@ngx-translate/core";
+export class ImageSliderComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        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);
+    }
+}
+ImageSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ImageSliderComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+ImageSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", 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 class=\"swiper-wrapper\" \n                cdkDropList (cdkDropListDropped)=\"drop($event)\" \n                cdkDropListOrientation=\"horizontal\">                \n                <div class=\"swiper-slide\" \n                    *ngFor=\"let slide of slides; let index = index\" \n                    cdkDrag [cdkDragDisabled]=\"!editMode\">\n                    <button mat-menu-item *ngIf=\"editMode\" (click)=\"deleteImage(index)\"> \n                        <kms-icon icon=\"trash\"></kms-icon>\n                    </button>\n                    <div class=\"img\" (click)=\"openSlide(index)\"\n                        [style.backgroundImage]=\"sanitizer.bypassSecurityTrustStyle('url(' + slide + ')')\"\n                        [ngClass]=\"{'active': index === selectedSlide}\">\n                    </div>\n                    \n                    <div class=\"default-image\">{{\"common.defaultImage\" | translate}} </div>\n                </div>\n            </div>\n        </swiper>\n\n        <div class=\"swiper-button-next\" *ngIf=\"slides?.length > 3\"></div>\n        <div class=\"swiper-button-prev\" *ngIf=\"slides?.length > 3\"></div>\n\n        <div class=\"swiper-button-next2\" *ngIf=\"slides?.length > 1\" (click)=\"nextSlide()\">\n            <kms-icon icon=\"chevron-right\" [iconClass]=\"{'color-disabled': selectedSlide == slides?.length - 1, 'color-primary': true}\"></kms-icon>\n        </div>\n        <div class=\"swiper-button-prev2\" *ngIf=\"slides?.length > 1\" (click)=\"previousSlide()\">\n            <kms-icon icon=\"chevron-left\" [iconClass]=\"{'color-disabled': selectedSlide == 0, 'color-primary': true}\"></kms-icon>\n        </div>\n\n    </div>\n\n    <ng-content></ng-content>\n</div>", styles: [""], components: [{ type: i2.SwiperComponent, selector: "swiper", inputs: ["initialize", "config"] }, { type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i4.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }], directives: [{ type: i5.SwipeDirective, selector: "[swipeDirective]", inputs: ["swipeDirective"], outputs: ["moveEvent", "releaseEvent"] }, { type: i6.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"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i8.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", 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 class=\"swiper-wrapper\" \n                cdkDropList (cdkDropListDropped)=\"drop($event)\" \n                cdkDropListOrientation=\"horizontal\">                \n                <div class=\"swiper-slide\" \n                    *ngFor=\"let slide of slides; let index = index\" \n                    cdkDrag [cdkDragDisabled]=\"!editMode\">\n                    <button mat-menu-item *ngIf=\"editMode\" (click)=\"deleteImage(index)\"> \n                        <kms-icon icon=\"trash\"></kms-icon>\n                    </button>\n                    <div class=\"img\" (click)=\"openSlide(index)\"\n                        [style.backgroundImage]=\"sanitizer.bypassSecurityTrustStyle('url(' + slide + ')')\"\n                        [ngClass]=\"{'active': index === selectedSlide}\">\n                    </div>\n                    \n                    <div class=\"default-image\">{{\"common.defaultImage\" | translate}} </div>\n                </div>\n            </div>\n        </swiper>\n\n        <div class=\"swiper-button-next\" *ngIf=\"slides?.length > 3\"></div>\n        <div class=\"swiper-button-prev\" *ngIf=\"slides?.length > 3\"></div>\n\n        <div class=\"swiper-button-next2\" *ngIf=\"slides?.length > 1\" (click)=\"nextSlide()\">\n            <kms-icon icon=\"chevron-right\" [iconClass]=\"{'color-disabled': selectedSlide == slides?.length - 1, 'color-primary': true}\"></kms-icon>\n        </div>\n        <div class=\"swiper-button-prev2\" *ngIf=\"slides?.length > 1\" (click)=\"previousSlide()\">\n            <kms-icon icon=\"chevron-left\" [iconClass]=\"{'color-disabled': selectedSlide == 0, 'color-primary': true}\"></kms-icon>\n        </div>\n\n    </div>\n\n    <ng-content></ng-content>\n</div>", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { slides: [{
+                type: Input
+            }], editMode: [{
+                type: Input
+            }], imagesTOSave: [{
+                type: Input
+            }], orderChanged: [{
+                type: Output
+            }], deleteImageEvent: [{
+                type: Output
+            }], swipeConfig: [{
+                type: Input
+            }], usefulSwiper: [{
+                type: ViewChild,
+                args: ['usefulSwiper']
+            }], onKeydownHandler: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2Utc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9pbWFnZS1zbGlkZXIvaW1hZ2Utc2xpZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9pbWFnZS1zbGlkZXIvaW1hZ2Utc2xpZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUNILFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEVBRU4sU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBS3ZCLE9BQU8sRUFBZSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7Ozs7OztBQVV0RSxNQUFNLE9BQU8sb0JBQW9CO0lBOEM3QixZQUFtQixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBNUNqQyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWhCLGlCQUFZLEdBQWlDLElBQUksWUFBWSxFQUFFLENBQUM7UUFDaEUscUJBQWdCLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFdEU7OztXQUdHO1FBQ00sZ0JBQVcsR0FBaUI7WUFDakMsY0FBYyxFQUFFLENBQUM7WUFDakIsa0JBQWtCLEVBQUUsR0FBRztZQUN2QixrQkFBa0IsRUFBRSxJQUFJO1NBQzNCLENBQUM7UUFFSyxrQkFBYSxHQUFHLENBQUMsQ0FBQztRQUlsQiwrQkFBMEIsR0FBRyxLQUFLLENBQUM7UUFJMUMsV0FBTSxHQUFrQjtZQUNwQixZQUFZLEVBQUUsQ0FBQztZQUNmLGFBQWEsRUFBRSxDQUFDO1lBQ2hCLFVBQVUsRUFBRTtnQkFDUixNQUFNLEVBQUUscUJBQXFC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QUFLLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUN0RSxlQUFlLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxLQUFLLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUM1RSxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDN0M7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxXQUFXLENBQUMsS0FBYTtRQUNyQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RDLENBQUM7O2lIQTlLUSxvQkFBb0I7cUdBQXBCLG9CQUFvQixtY0M3QmpDLG82RUFxRE07MkZEeEJPLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDSSxrQkFBa0I7bUdBS25CLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBTUUsV0FBVztzQkFBbkIsS0FBSztnQkFZcUIsWUFBWTtzQkFBdEMsU0FBUzt1QkFBQyxjQUFjO2dCQWtDcUIsZ0JBQWdCO3NCQUE3RCxZQUFZO3VCQUFDLGtCQUFrQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBAY29weXJpZ2h0IEZMWUFDVFMgR21iSCAyMDE5XG4gKi9cblxuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT25Jbml0LFxuICAgIE91dHB1dCxcbiAgICBTaW1wbGVDaGFuZ2VzLFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5pbXBvcnQgeyBTd2lwZXJDb21wb25lbnQgfSBmcm9tICduZ3gtdXNlZnVsLXN3aXBlcic7XG5pbXBvcnQgeyBTd2lwZXJPcHRpb25zIH0gZnJvbSAnc3dpcGVyJztcbmltcG9ydCB7IENka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IEltYWdlU25pcHBldCB9IGZyb20gJy4uLy4uL21vZGVscy9pbWFnZS1zbmlwcGV0Lm1vZGVsJztcbmltcG9ydCB7IFN3aXBlTW92ZUV2ZW50LCBTd2lwZU9wdGlvbnMsIFN3aXBlUmVsZWFzZUV2ZW50IH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9zd2lwZS5tb2RlbCc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrbXMtaW1hZ2Utc2xpZGVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2Utc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9pbWFnZS1zbGlkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSW1hZ2VTbGlkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gICAgQElucHV0KCkgc2xpZGVzOiBzdHJpbmdbXSB8IHVuZGVmaW5lZDtcbiAgICBASW5wdXQoKSBlZGl0TW9kZSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGltYWdlc1RPU2F2ZTogSW1hZ2VTbmlwcGV0W10gfCB1bmRlZmluZWQ7XG4gICAgQE91dHB1dCgpIG9yZGVyQ2hhbmdlZDogRXZlbnRFbWl0dGVyPEltYWdlU25pcHBldFtdPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgZGVsZXRlSW1hZ2VFdmVudDogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICAvKipcbiAgICAgKiBPcHRpb25hbDogRGVmaW5lIFN3aXBlIGJlaGF2aW91ciBjb25maWd1cmF0aW9uLlxuICAgICAqIERlZmF1bHQgaXMgMTAlIGZvciB0aGUgdGhyZXNob2xkIGRlZmluaXRpb24gdW50aWwgYSBzd2lwZSB0cmlnZ2VycyBuZXh0L3ByZXZpb3VzIHNsaWRlLlxuICAgICAqL1xuICAgIEBJbnB1dCgpIHN3aXBlQ29uZmlnOiBTd2lwZU9wdGlvbnMgPSB7XG4gICAgICAgIHN3aXBlVGhyZXNob2xkOiA1LFxuICAgICAgICBzd2lwZVRocmVzaG9sZFR5cGU6ICclJyxcbiAgICAgICAgc3dpcGVMb2NhbFBvc2l0aW9uOiB0cnVlLFxuICAgIH07XG5cbiAgICBwdWJsaWMgc2VsZWN0ZWRTbGlkZSA9IDA7XG4gICAgcHVibGljIGNoZWNrZWRJbWFnZUluZGV4PzogbnVtYmVyO1xuXG4gICAgcHVibGljIHNlbGVjdGVkU2xpZGVJbWFnZTogU2FmZVN0eWxlIHwgdW5kZWZpbmVkO1xuICAgIHB1YmxpYyBpc0xhc3RDbGlja2VkSW5TbGlkZXJJbWFnZSA9IGZhbHNlO1xuXG4gICAgQFZpZXdDaGlsZCgndXNlZnVsU3dpcGVyJykgdXNlZnVsU3dpcGVyOiBTd2lwZXJDb21wb25lbnQgfCB1bmRlZmluZWQ7XG5cbiAgICBjb25maWc6IFN3aXBlck9wdGlvbnMgPSB7XG4gICAgICAgIGluaXRpYWxTbGlkZTogMCxcbiAgICAgICAgc2xpZGVzUGVyVmlldzogMyxcbiAgICAgICAgbmF2aWdhdGlvbjoge1xuICAgICAgICAgICAgbmV4dEVsOiAnLnN3aXBlci1idXR0b24tbmV4dCcsXG4gICAgICAgICAgICBwcmV2RWw6ICcuc3dpcGVyLWJ1dHRvbi1wcmV2JyxcbiAgICAgICAgfSxcbiAgICAgICAgd2F0Y2hPdmVyZmxvdzogdHJ1ZSxcbiAgICAgICAgYXV0b0hlaWdodDogdHJ1ZSxcbiAgICAgICAgYWxsb3dUb3VjaE1vdmU6IGZhbHNlLFxuICAgICAgICBzcGFjZUJldHdlZW46IDMwLFxuICAgICAgICBvbjoge1xuICAgICAgICAgICAgc2xpZGVDaGFuZ2U6ICgpID0+IHtcbiAgICAgICAgICAgICAgICAvLyBkbyBzb21ldGhpbmdcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBzbGlkZUNoYW5nZVRyYW5zaXRpb25FbmQ6ICgpID0+IHtcbiAgICAgICAgICAgICAgICAvLyBkbyBzb21ldGhpbmdcbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgfTtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICBpZiAodGhpcy5zbGlkZXMpIHtcbiAgICAgICAgICAgIC8vIFRPRE8gdXNlIFBpcGUgc2FmZVN0eWxlXG5cbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRTbGlkZUltYWdlID0gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKCd1cmwoJyArIHRoaXMuc2xpZGVzWzBdICsgJyknKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vICFUT0RPXG4gICAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6a2V5ZG93bicsIFsnJGV2ZW50J10pIG9uS2V5ZG93bkhhbmRsZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93UmlnaHQnKSB7XG4gICAgICAgICAgICB0aGlzLm5leHRTbGlkZSgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChldmVudC5rZXkgPT09ICdBcnJvd0xlZnQnKSB7XG4gICAgICAgICAgICB0aGlzLnByZXZpb3VzU2xpZGUoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFNsaWRlIGZvbGxvd3MgdGhlIGZpbmdlciBvciBtb3VzZSBhY2NvcmRpbmcgdG8gaXTCtHMgbW92ZSBkZWx0YS5cbiAgICAgKiBAcGFyYW0gZXZlbnQgU3dpcGVNb3ZlRXZlbnRcbiAgICAgKi9cbiAgICBoYW5kbGVNb3ZlRXZlbnQoZXZlbnQ6IFN3aXBlTW92ZUV2ZW50KSB7XG4gICAgICAgIC8vIGNlcnRhaW4gbW92ZSB0aHJlc2hvbGQgbmVlZHMgdG8gYmUgcmVhY2hlZFxuICAgICAgICBpZiAoIWV2ZW50LnRocmVzaG9sZFdhc1JlYWNoZWQpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmNvbmZpZy5kaXJlY3Rpb24gPSBldmVudC5kaXJlY3Rpb24gPT09IDEgPyAnaG9yaXpvbnRhbCcgOiAndmVydGljYWwnO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIE1vdXNlIHVwIG9yIHNsaWRlIGNvbnRhaW5lciB3YXMgbGVmdC5cbiAgICAgKiBAcGFyYW0gZXZlbnQgU3dpcGVSZWxlYXNlRXZlbnRcbiAgICAgKi9cbiAgICBoYW5kbGVSZWxlYXNlRXZlbnQoZXZlbnQ6IFN3aXBlUmVsZWFzZUV2ZW50KSB7XG4gICAgICAgIGlmICghZXZlbnQudGhyZXNob2xkV2FzUmVhY2hlZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIC8vIEp1c3QgZG8gaWYgdXNlciBjbGlja2VkIHRvIHNsaWRlIG9uIGltYWdlIGFuZCBub3Qgb24gYXJyb3cgb3Igb3RoZXIgZWxlbWVudFxuICAgICAgICBpZiAoIXRoaXMuaXNMYXN0Q2xpY2tlZEluU2xpZGVySW1hZ2UpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBpZiAoZXZlbnQuZGlyZWN0aW9uID09PSAxKSB7XG4gICAgICAgICAgICB0aGlzLnByZXZpb3VzU2xpZGUoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMubmV4dFNsaWRlKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBsYXN0Q2xpY2tlZCgpIHtcbiAgICAgICAgdGhpcy5pc0xhc3RDbGlja2VkSW5TbGlkZXJJbWFnZSA9IHRydWU7XG4gICAgfVxuXG4gICAgbm9MYXN0Q2xpY2tlZCgpIHtcbiAgICAgICAgdGhpcy5pc0xhc3RDbGlja2VkSW5TbGlkZXJJbWFnZSA9IGZhbHNlO1xuICAgIH1cblxuICAgIHNjcm9sbExlZnQoKSB7XG4gICAgICAgIHRoaXMucHJldmlvdXNTbGlkZSgpO1xuICAgIH1cblxuICAgIHNjcm9sbFJpZ2h0KCkge1xuICAgICAgICB0aGlzLm5leHRTbGlkZSgpO1xuICAgIH1cblxuICAgIG5leHRTbGlkZSgpIHtcbiAgICAgICAgaWYgKHRoaXMuc2xpZGVzICYmIHRoaXMuc2VsZWN0ZWRTbGlkZSA8IHRoaXMuc2xpZGVzLmxlbmd0aCAtIDEpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLnVzZWZ1bFN3aXBlcikge1xuICAgICAgICAgICAgICAgIHRoaXMudXNlZnVsU3dpcGVyLnN3aXBlci5zbGlkZU5leHQoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHRoaXMub3BlblNsaWRlKHRoaXMuc2VsZWN0ZWRTbGlkZSArIDEpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuaXNMYXN0Q2xpY2tlZEluU2xpZGVySW1hZ2UgPSBmYWxzZTtcbiAgICB9XG5cbiAgICBwcmV2aW91c1NsaWRlKCkge1xuICAgICAgICBpZiAodGhpcy5zZWxlY3RlZFNsaWRlID4gMCkge1xuICAgICAgICAgICAgaWYgKHRoaXMudXNlZnVsU3dpcGVyKSB7XG4gICAgICAgICAgICAgICAgdGhpcy51c2VmdWxTd2lwZXIuc3dpcGVyLnNsaWRlUHJldigpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgdGhpcy5vcGVuU2xpZGUodGhpcy5zZWxlY3RlZFNsaWRlIC0gMSk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5pc0xhc3RDbGlja2VkSW5TbGlkZXJJbWFnZSA9IGZhbHNlO1xuICAgIH1cblxuICAgIHNsaWRlVG8oaW5kZXg6IG51bWJlcikge1xuICAgICAgICBpZiAodGhpcy51c2VmdWxTd2lwZXIpIHtcbiAgICAgICAgICAgIHRoaXMudXNlZnVsU3dpcGVyLnN3aXBlci5zbGlkZVRvKGluZGV4KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9wZW5TbGlkZShudW1iZXI6IG51bWJlcikge1xuICAgICAgICBpZiAodGhpcy5zbGlkZXMgJiYgbnVtYmVyIDwgdGhpcy5zbGlkZXMubGVuZ3RoICYmIG51bWJlciA+PSAwKSB7XG4gICAgICAgICAgICB0aGlzLnNlbGVjdGVkU2xpZGUgPSBudW1iZXI7XG4gICAgICAgICAgICAvLyBUT0RPIHVzZSBQaXBlIHNhZmVTdHlsZVxuXG4gICAgICAgICAgICB0aGlzLnNlbGVjdGVkU2xpZGVJbWFnZSA9IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RTdHlsZSgndXJsKCcgKyB0aGlzLnNsaWRlc1tudW1iZXJdIHx8ICcpJyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhfY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgICAgICBpZiAoX2NoYW5nZXMuc2xpZGVzKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5zbGlkZXMpIHtcbiAgICAgICAgICAgICAgICAvLyBUT0RPIHVzZSBQaXBlIHNhZmVTdHlsZVxuXG4gICAgICAgICAgICAgICAgdGhpcy5zZWxlY3RlZFNsaWRlSW1hZ2UgPSB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0U3R5bGUoJ3VybCgnICsgdGhpcy5zbGlkZXNbMF0gKyAnKScpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUmUtb3JkZXIgc2xpZGVzIGFuZCBub3RpZnkgcGFyZW50IGNvbXBvbmVudFxuICAgICAqL1xuICAgIGRyb3AoZXZlbnQ6IENka0RyYWdEcm9wPHN0cmluZ1tdPikge1xuICAgICAgICBpZiAodGhpcy5zbGlkZXMgJiYgdGhpcy5pbWFnZXNUT1NhdmUpIHtcbiAgICAgICAgICAgIG1vdmVJdGVtSW5BcnJheSh0aGlzLnNsaWRlcywgZXZlbnQucHJldmlvdXNJbmRleCwgZXZlbnQuY3VycmVudEluZGV4KTtcbiAgICAgICAgICAgIG1vdmVJdGVtSW5BcnJheSh0aGlzLmltYWdlc1RPU2F2ZSwgZXZlbnQucHJldmlvdXNJbmRleCwgZXZlbnQuY3VycmVudEluZGV4KTtcbiAgICAgICAgICAgIHRoaXMub3JkZXJDaGFuZ2VkLmVtaXQodGhpcy5pbWFnZXNUT1NhdmUpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogU2VuZCBpbWFnZSBpbmRleCB0byBwYXJlbnQgdG8gcGVyZm9ybSBkZWxldGVcbiAgICAgKi9cbiAgICBkZWxldGVJbWFnZShpbmRleDogbnVtYmVyKSB7XG4gICAgICAgIHRoaXMuZGVsZXRlSW1hZ2VFdmVudC5lbWl0KGluZGV4KTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYWxsLXdyYXBwZXJcIj5cbiAgICA8IS0tKHN3aXBlcmlnaHQpPVwicHJldmlvdXNTbGlkZSgpXCIgKHN3aXBlbGVmdCk9XCJuZXh0U2xpZGUoKVwiLS0+XG4gICAgPGRpdiBcbiAgICAgICAgY2xhc3M9XCJzd2lwZXItYmlnSW1hZ2VcIlxuICAgICAgICBbc3R5bGUuYmFja2dyb3VuZEltYWdlXT1cInNlbGVjdGVkU2xpZGVJbWFnZVwiXG4gICAgICAgIFtzd2lwZURpcmVjdGl2ZV09XCJzd2lwZUNvbmZpZ1wiXG4gICAgICAgIChtb3ZlRXZlbnQpPVwiaGFuZGxlTW92ZUV2ZW50KCRldmVudClcIlxuICAgICAgICAocmVsZWFzZUV2ZW50KT1cImhhbmRsZVJlbGVhc2VFdmVudCgkZXZlbnQpXCJcbiAgICAgICAgKG1vdXNldXApPVwibGFzdENsaWNrZWQoKVwiXG4gICAgICAgIChtb3VzZW91dCk9XCJub0xhc3RDbGlja2VkKClcIiA+XG4gICAgPC9kaXY+XG5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGVzY3JpcHRpb25dXCI+PC9uZy1jb250ZW50PlxuXG4gICAgPGRpdiBjbGFzcz1cInN3aXBlci1ob2xkZXJcIj5cbiAgICAgICAgPCEtLVxuICAgICAgICAobW91c2VXaGVlbFVwKT1cInNjcm9sbExlZnQoJGV2ZW50KVwiXG4gICAgICAgIChtb3VzZVdoZWVsRG93bik9XCJzY3JvbGxSaWdodCgkZXZlbnQpXCJcbiAgICAgICAgLS0+XG5cbiAgICAgICAgPHN3aXBlciBbY29uZmlnXT1cImNvbmZpZ1wiICN1c2VmdWxTd2lwZXI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3dpcGVyLXdyYXBwZXJcIiBcbiAgICAgICAgICAgICAgICBjZGtEcm9wTGlzdCAoY2RrRHJvcExpc3REcm9wcGVkKT1cImRyb3AoJGV2ZW50KVwiIFxuICAgICAgICAgICAgICAgIGNka0Ryb3BMaXN0T3JpZW50YXRpb249XCJob3Jpem9udGFsXCI+ICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzd2lwZXItc2xpZGVcIiBcbiAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IHNsaWRlIG9mIHNsaWRlczsgbGV0IGluZGV4ID0gaW5kZXhcIiBcbiAgICAgICAgICAgICAgICAgICAgY2RrRHJhZyBbY2RrRHJhZ0Rpc2FibGVkXT1cIiFlZGl0TW9kZVwiPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1tZW51LWl0ZW0gKm5nSWY9XCJlZGl0TW9kZVwiIChjbGljayk9XCJkZWxldGVJbWFnZShpbmRleClcIj4gXG4gICAgICAgICAgICAgICAgICAgICAgICA8a21zLWljb24gaWNvbj1cInRyYXNoXCI+PC9rbXMtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbWdcIiAoY2xpY2spPVwib3BlblNsaWRlKGluZGV4KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZEltYWdlXT1cInNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0U3R5bGUoJ3VybCgnICsgc2xpZGUgKyAnKScpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnYWN0aXZlJzogaW5kZXggPT09IHNlbGVjdGVkU2xpZGV9XCI+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRlZmF1bHQtaW1hZ2VcIj57e1wiY29tbW9uLmRlZmF1bHRJbWFnZVwiIHwgdHJhbnNsYXRlfX0gPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9zd2lwZXI+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN3aXBlci1idXR0b24tbmV4dFwiICpuZ0lmPVwic2xpZGVzPy5sZW5ndGggPiAzXCI+PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzd2lwZXItYnV0dG9uLXByZXZcIiAqbmdJZj1cInNsaWRlcz8ubGVuZ3RoID4gM1wiPjwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzd2lwZXItYnV0dG9uLW5leHQyXCIgKm5nSWY9XCJzbGlkZXM/Lmxlbmd0aCA+IDFcIiAoY2xpY2spPVwibmV4dFNsaWRlKClcIj5cbiAgICAgICAgICAgIDxrbXMtaWNvbiBpY29uPVwiY2hldnJvbi1yaWdodFwiIFtpY29uQ2xhc3NdPVwieydjb2xvci1kaXNhYmxlZCc6IHNlbGVjdGVkU2xpZGUgPT0gc2xpZGVzPy5sZW5ndGggLSAxLCAnY29sb3ItcHJpbWFyeSc6IHRydWV9XCI+PC9rbXMtaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzd2lwZXItYnV0dG9uLXByZXYyXCIgKm5nSWY9XCJzbGlkZXM/Lmxlbmd0aCA+IDFcIiAoY2xpY2spPVwicHJldmlvdXNTbGlkZSgpXCI+XG4gICAgICAgICAgICA8a21zLWljb24gaWNvbj1cImNoZXZyb24tbGVmdFwiIFtpY29uQ2xhc3NdPVwieydjb2xvci1kaXNhYmxlZCc6IHNlbGVjdGVkU2xpZGUgPT0gMCwgJ2NvbG9yLXByaW1hcnknOiB0cnVlfVwiPjwva21zLWljb24+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgPC9kaXY+XG5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=

package/esm2020/lib/ui/kms-accordion-item/kms-accordion-item.component.mjs

@@ -0,0 +1,40 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@angular/material/expansion";
+import * as i3 from "../icon/icon.component";
+import * as i4 from "@angular/common";
+/**
+ * A generic dialog component
+ */
+export class KMSAccordionItemComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.itemTitle = '';
+        this.showAsCard = false;
+        this.isSmall = false;
+        this.expanded = false;
+        this.panelOpenState = false;
+    }
+    ngOnInit() {
+        this.itemTitleTrustHtml = this.sanitizer.bypassSecurityTrustHtml(this.itemTitle);
+    }
+}
+KMSAccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: KMSAccordionItemComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+KMSAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: KMSAccordionItemComponent, selector: "kms-accordion-item", inputs: { itemTitle: "itemTitle", showAsCard: "showAsCard", isSmall: "isSmall", expanded: "expanded" }, ngImport: i0, template: "<mat-expansion-panel\n    class=\"accordion-item\"\n    [ngClass]=\"{showAsCard: showAsCard, showFlat: !showAsCard, isSmall: isSmall}\"\n    (opened)=\"panelOpenState = true\"\n    (closed)=\"panelOpenState = false\"\n    [expanded] = \"expanded\"\n    hideToggle=\"true\">\n    <mat-expansion-panel-header class=\"accordion-item-header\">\n        <mat-panel-title class=\"mat-subheading-2 accordion-item-title\">\n            <div [innerHtml]=\"itemTitleTrustHtml\"></div>\n            <ng-content select=\"[itemTitleElement]\"></ng-content>\n        </mat-panel-title>\n        <div class=\"accordion-item-header-icon-wrapper\">\n            <kms-icon *ngIf=\"!panelOpenState\" icon=\"ic_plus\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-desktop\"></kms-icon>\n            <kms-icon *ngIf=\"panelOpenState\" icon=\"ic_minus\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-desktop\"></kms-icon>\n\n            <kms-icon *ngIf=\"!panelOpenState\" icon=\"chevron-down\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-mobile\"></kms-icon>\n            <kms-icon *ngIf=\"panelOpenState\" icon=\"chevron-top\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-mobile\"></kms-icon>\n        </div>\n    </mat-expansion-panel-header>\n    <ng-content></ng-content>\n</mat-expansion-panel>\n", styles: [""], components: [{ type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i3.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: KMSAccordionItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kms-accordion-item', template: "<mat-expansion-panel\n    class=\"accordion-item\"\n    [ngClass]=\"{showAsCard: showAsCard, showFlat: !showAsCard, isSmall: isSmall}\"\n    (opened)=\"panelOpenState = true\"\n    (closed)=\"panelOpenState = false\"\n    [expanded] = \"expanded\"\n    hideToggle=\"true\">\n    <mat-expansion-panel-header class=\"accordion-item-header\">\n        <mat-panel-title class=\"mat-subheading-2 accordion-item-title\">\n            <div [innerHtml]=\"itemTitleTrustHtml\"></div>\n            <ng-content select=\"[itemTitleElement]\"></ng-content>\n        </mat-panel-title>\n        <div class=\"accordion-item-header-icon-wrapper\">\n            <kms-icon *ngIf=\"!panelOpenState\" icon=\"ic_plus\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-desktop\"></kms-icon>\n            <kms-icon *ngIf=\"panelOpenState\" icon=\"ic_minus\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-desktop\"></kms-icon>\n\n            <kms-icon *ngIf=\"!panelOpenState\" icon=\"chevron-down\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-mobile\"></kms-icon>\n            <kms-icon *ngIf=\"panelOpenState\" icon=\"chevron-top\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-mobile\"></kms-icon>\n        </div>\n    </mat-expansion-panel-header>\n    <ng-content></ng-content>\n</mat-expansion-panel>\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { itemTitle: [{
+                type: Input
+            }], showAsCard: [{
+                type: Input
+            }], isSmall: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia21zLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9rbXMtYWNjb3JkaW9uLWl0ZW0va21zLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9rbXMtYWNjb3JkaW9uLWl0ZW0va21zLWFjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQUd6RDs7R0FFRztBQU1ILE1BQU0sT0FBTyx5QkFBeUI7SUFTcEMsWUFBbUIsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQVIxQixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBR2YsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakMsbUJBQWMsR0FBRyxLQUFLLENBQUM7SUFFc0IsQ0FBQztJQUU5QyxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsdUJBQXVCLENBQzlELElBQUksQ0FBQyxTQUFTLENBQ2YsQ0FBQztJQUNKLENBQUM7O3NIQWZVLHlCQUF5QjswR0FBekIseUJBQXlCLGtLQ2Z0Qyx5MUNBc0JBOzJGRFBhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSxvQkFBb0I7bUdBS2QsU0FBUztzQkFBeEIsS0FBSztnQkFHVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQGNvcHlyaWdodCBGTFlBQ1RTIEdtYkggMjAxOVxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG4vKipcbiAqIEEgZ2VuZXJpYyBkaWFsb2cgY29tcG9uZW50XG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ttcy1hY2NvcmRpb24taXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9rbXMtYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9rbXMtYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgS01TQWNjb3JkaW9uSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBpdGVtVGl0bGUgPSAnJztcblxuICBwdWJsaWMgaXRlbVRpdGxlVHJ1c3RIdG1sOiBTYWZlSHRtbCB8IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgcHVibGljIHNob3dBc0NhcmQgPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGlzU21hbGwgPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGV4cGFuZGVkID0gZmFsc2U7XG4gIHBhbmVsT3BlblN0YXRlID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaXRlbVRpdGxlVHJ1c3RIdG1sID0gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoXG4gICAgICB0aGlzLml0ZW1UaXRsZVxuICAgICk7XG4gIH1cbn1cbiIsIjxtYXQtZXhwYW5zaW9uLXBhbmVsXG4gICAgY2xhc3M9XCJhY2NvcmRpb24taXRlbVwiXG4gICAgW25nQ2xhc3NdPVwie3Nob3dBc0NhcmQ6IHNob3dBc0NhcmQsIHNob3dGbGF0OiAhc2hvd0FzQ2FyZCwgaXNTbWFsbDogaXNTbWFsbH1cIlxuICAgIChvcGVuZWQpPVwicGFuZWxPcGVuU3RhdGUgPSB0cnVlXCJcbiAgICAoY2xvc2VkKT1cInBhbmVsT3BlblN0YXRlID0gZmFsc2VcIlxuICAgIFtleHBhbmRlZF0gPSBcImV4cGFuZGVkXCJcbiAgICBoaWRlVG9nZ2xlPVwidHJ1ZVwiPlxuICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlciBjbGFzcz1cImFjY29yZGlvbi1pdGVtLWhlYWRlclwiPlxuICAgICAgICA8bWF0LXBhbmVsLXRpdGxlIGNsYXNzPVwibWF0LXN1YmhlYWRpbmctMiBhY2NvcmRpb24taXRlbS10aXRsZVwiPlxuICAgICAgICAgICAgPGRpdiBbaW5uZXJIdG1sXT1cIml0ZW1UaXRsZVRydXN0SHRtbFwiPjwvZGl2PlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2l0ZW1UaXRsZUVsZW1lbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L21hdC1wYW5lbC10aXRsZT5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFjY29yZGlvbi1pdGVtLWhlYWRlci1pY29uLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxrbXMtaWNvbiAqbmdJZj1cIiFwYW5lbE9wZW5TdGF0ZVwiIGljb249XCJpY19wbHVzXCIgaWNvbkNsYXNzPVwiY29sb3ItcmVkXCIgY2xhc3M9XCJhY2NvcmRpb24taXRlbS1oZWFkZXItaWNvbi13cmFwcGVyLWRlc2t0b3BcIj48L2ttcy1pY29uPlxuICAgICAgICAgICAgPGttcy1pY29uICpuZ0lmPVwicGFuZWxPcGVuU3RhdGVcIiBpY29uPVwiaWNfbWludXNcIiBpY29uQ2xhc3M9XCJjb2xvci1yZWRcIiBjbGFzcz1cImFjY29yZGlvbi1pdGVtLWhlYWRlci1pY29uLXdyYXBwZXItZGVza3RvcFwiPjwva21zLWljb24+XG5cbiAgICAgICAgICAgIDxrbXMtaWNvbiAqbmdJZj1cIiFwYW5lbE9wZW5TdGF0ZVwiIGljb249XCJjaGV2cm9uLWRvd25cIiBpY29uQ2xhc3M9XCJjb2xvci1yZWRcIiBjbGFzcz1cImFjY29yZGlvbi1pdGVtLWhlYWRlci1pY29uLXdyYXBwZXItbW9iaWxlXCI+PC9rbXMtaWNvbj5cbiAgICAgICAgICAgIDxrbXMtaWNvbiAqbmdJZj1cInBhbmVsT3BlblN0YXRlXCIgaWNvbj1cImNoZXZyb24tdG9wXCIgaWNvbkNsYXNzPVwiY29sb3ItcmVkXCIgY2xhc3M9XCJhY2NvcmRpb24taXRlbS1oZWFkZXItaWNvbi13cmFwcGVyLW1vYmlsZVwiPjwva21zLWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9tYXQtZXhwYW5zaW9uLXBhbmVsPlxuIl19

package/esm2020/lib/ui/loader/loader.component.mjs

@@ -0,0 +1,21 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/progress-spinner";
+import * as i2 from "@angular/common";
+export class LoaderComponent {
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    constructor() {
+        this.loading = false;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    ngOnInit() { }
+}
+LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: LoaderComponent, selector: "kms-loader", inputs: { loading: "loading" }, ngImport: i0, template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\n    <mat-spinner class=\"spinnerMargin\" color=\"accent\" diameter=\"44\"></mat-spinner>\n</div>\n", styles: [""], components: [{ type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kms-loader', template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\n    <mat-spinner class=\"spinnerMargin\" color=\"accent\" diameter=\"44\"></mat-spinner>\n</div>\n", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { loading: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3pELE1BQU0sT0FBTyxlQUFlO0lBR3hCLGdFQUFnRTtJQUNoRTtRQUhTLFlBQU8sR0FBQyxLQUFLLENBQUM7SUFHUixDQUFDO0lBRWhCLGdFQUFnRTtJQUNoRSxRQUFRLEtBQUksQ0FBQzs7NEdBUEosZUFBZTtnR0FBZixlQUFlLGtGQ1A1Qiw2SkFHQTsyRkRJYSxlQUFlO2tCQUwzQixTQUFTOytCQUNJLFlBQVk7MEVBS2IsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna21zLWxvYWRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xvYWRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbG9hZGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIExvYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgbG9hZGluZz1mYWxzZTtcblxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZW1wdHktZnVuY3Rpb25cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWVtcHR5LWZ1bmN0aW9uXG4gICAgbmdPbkluaXQoKSB7fVxufVxuIiwiPGRpdiBjbGFzcz1cImxvYWRpbmctc3Bpbm5lci1zaGFkZVwiICpuZ0lmPVwibG9hZGluZ1wiPlxuICAgIDxtYXQtc3Bpbm5lciBjbGFzcz1cInNwaW5uZXJNYXJnaW5cIiBjb2xvcj1cImFjY2VudFwiIGRpYW1ldGVyPVwiNDRcIj48L21hdC1zcGlubmVyPlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/ui/map/map.component.mjs

@@ -0,0 +1,116 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/viewport.service";
+import * as i2 from "@angular/google-maps";
+import * as i3 from "@angular/common";
+/**
+ * MarkerOptions class for Marker
+ */
+export class MarkerOptions {
+}
+/**
+ * MarkerLabel class for Marker
+ */
+export class MarkerLabel {
+}
+/**
+ * Marker class
+ */
+export class Marker {
+}
+/**
+ * Component to show marker on google map for specific address
+ */
+export class MapComponent {
+    //
+    constructor(viewPortService) {
+        this.viewPortService = viewPortService;
+        this.markers = [];
+        this.geoDataFoundForAddress = false;
+        this.widthSet = false;
+        this.width = '100%';
+        this.zoom = 15;
+        this.center = {
+            lat: 52.097449,
+            lng: 12.7436911,
+        };
+        this.options = {
+            mapTypeId: 'roadmap',
+            zoomControl: false,
+            scrollwheel: false,
+            disableDoubleClickZoom: true,
+            maxZoom: 15,
+            minZoom: 8,
+        };
+    }
+    ngOnInit() {
+        this.findLocation(this.data.Street + ' ' + this.data.Zip + ' ' + this.data.City);
+    }
+    /**
+     * Asks google for geocoordinates of a given address string
+     * @input address as string
+     */
+    findLocation(address) {
+        if (!this.geocoder) {
+            this.geocoder = new google.maps.Geocoder();
+        }
+        this.geocoder.geocode({
+            'address': address,
+        }, (results, status) => {
+            if (status === google.maps.GeocoderStatus.OK) {
+                this.center.lat = results[0].geometry.location.lat();
+                this.center.lng = results[0].geometry.location.lng();
+                this.addMarker();
+                this.geoDataFoundForAddress = true;
+            }
+            else {
+                console.error('Sorry, this search of map address produced no results.');
+            }
+        });
+    }
+    /**
+     * Adds a marker to the map
+     */
+    addMarker() {
+        this.markers.push({
+            position: {
+                lat: this.center.lat,
+                lng: this.center.lng,
+            },
+            label: {
+                color: 'blue',
+                text: this.data.Name1 || '',
+            },
+            title: this.data.Name1 + ' ' + this.data.Street + ' ' + this.data.Zip,
+            options: { animation: google.maps.Animation.DROP },
+        });
+    }
+    /**
+     * Zooms in into map
+     */
+    zoomIn() {
+        if (this.options.maxZoom && this.zoom < this.options.maxZoom) {
+            this.zoom++;
+        }
+    }
+    /**
+     * Zooms out from map
+     */
+    zoomOut() {
+        if (this.options.minZoom && this.zoom > this.options.minZoom) {
+            this.zoom--;
+        }
+    }
+}
+MapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MapComponent, deps: [{ token: i1.ViewportService }], target: i0.ɵɵFactoryTarget.Component });
+MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: MapComponent, selector: "kms-map", inputs: { data: "data" }, ngImport: i0, template: "<div *ngIf=\"geoDataFoundForAddress && widthSet\">\n    <google-map\n            height=\"415px\"\n            [width]=\"width\"\n            [zoom]=\"zoom\"\n            [center]=\"center\"\n            [options]=\"options\"\n    >\n        <map-marker\n            *ngFor=\"let marker of markers\"\n            [position]=\"marker.position\"\n            [label]=\"marker.label\"\n            [title]=\"marker.title\"\n            [options]=\"marker.options\"\n        >\n        </map-marker>\n    </google-map>\n</div>", styles: [""], components: [{ type: i2.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged"], exportAs: ["mapMarker"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kms-map', template: "<div *ngIf=\"geoDataFoundForAddress && widthSet\">\n    <google-map\n            height=\"415px\"\n            [width]=\"width\"\n            [zoom]=\"zoom\"\n            [center]=\"center\"\n            [options]=\"options\"\n    >\n        <map-marker\n            *ngFor=\"let marker of markers\"\n            [position]=\"marker.position\"\n            [label]=\"marker.label\"\n            [title]=\"marker.title\"\n            [options]=\"marker.options\"\n        >\n        </map-marker>\n    </google-map>\n</div>", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1.ViewportService }]; }, propDecorators: { data: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9tYXAvbWFwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9tYXAvbWFwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBS3pEOztHQUVHO0FBQ0gsTUFBTSxPQUFPLGFBQWE7Q0FFekI7QUFFRDs7R0FFRztBQUNILE1BQU0sT0FBTyxXQUFXO0NBR3ZCO0FBRUQ7O0dBRUc7QUFDSCxNQUFNLE9BQU8sTUFBTTtDQUtsQjtBQUVEOztHQUVHO0FBTUgsTUFBTSxPQUFPLFlBQVk7SUFnQ3JCLEVBQUU7SUFDRixZQUFvQixlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUE3QjdDLFlBQU8sR0FBYSxFQUFFLENBQUM7UUFDdkIsMkJBQXNCLEdBQUcsS0FBSyxDQUFDO1FBQy9CLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsVUFBSyxHQUFHLE1BQU0sQ0FBQztRQUNmLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDVixXQUFNLEdBQThCO1lBRXZDLEdBQUcsRUFBRSxTQUFTO1lBQ2QsR0FBRyxFQUFFLFVBQVU7U0FDbEIsQ0FBQztRQUVLLFlBQU8sR0FBMkI7WUFDckMsU0FBUyxFQUFFLFNBQVM7WUFDcEIsV0FBVyxFQUFFLEtBQUs7WUFDbEIsV0FBVyxFQUFFLEtBQUs7WUFDbEIsc0JBQXNCLEVBQUUsSUFBSTtZQUM1QixPQUFPLEVBQUUsRUFBRTtZQUNYLE9BQU8sRUFBRSxDQUFDO1NBQ2IsQ0FBQztJQVVzRCxDQUFDO0lBRXpELFFBQVE7UUFDSixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUdyRixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsWUFBWSxDQUFDLE9BQWU7UUFDeEIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFBRSxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztTQUFFO1FBQ25FLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDO1lBQ2xCLFNBQVMsRUFBRSxPQUFPO1NBRXJCLEVBQUUsQ0FBQyxPQUFZLEVBQUUsTUFBa0MsRUFBRSxFQUFFO1lBQ3BELElBQUksTUFBTSxLQUFLLE1BQU0sQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLEVBQUUsRUFBRTtnQkFFMUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEdBQUcsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUM7Z0JBQ3JELElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxHQUFHLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDO2dCQUVyRCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7Z0JBQ2pCLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxJQUFJLENBQUM7YUFDdEM7aUJBQU07Z0JBQ0gsT0FBTyxDQUFDLEtBQUssQ0FBQyx3REFBd0QsQ0FBQyxDQUFDO2FBQzNFO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxTQUFTO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7WUFDZCxRQUFRLEVBQUU7Z0JBQ04sR0FBRyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRztnQkFDcEIsR0FBRyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRzthQUN2QjtZQUNELEtBQUssRUFBRTtnQkFDSCxLQUFLLEVBQUUsTUFBTTtnQkFFYixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksRUFBRTthQUM5QjtZQUNELEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRztZQUNyRSxPQUFPLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFO1NBQ3JELENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRDs7T0FFRztJQUNILE1BQU07UUFDRixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUU7WUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7U0FBRTtJQUNsRixDQUFDO0lBRUQ7O09BRUc7SUFDSCxPQUFPO1FBQ0gsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFO1lBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQUU7SUFDbEYsQ0FBQzs7eUdBL0ZRLFlBQVk7NkZBQVosWUFBWSx5RUN6Q3pCLDRnQkFpQk07MkZEd0JPLFlBQVk7a0JBTHhCLFNBQVM7K0JBQ0ksU0FBUztzR0FNVixJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIEBjb3B5cmlnaHQgRkxZQUNUUyBHbWJIIDIwMTlcbiAqL1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEFkZHJlc3MgfSBmcm9tICcuLi8uLi9tb2RlbHMvYWRkcmVzcy5tb2RlbCc7XG5pbXBvcnQgeyBWaWV3cG9ydFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy92aWV3cG9ydC5zZXJ2aWNlJztcblxuLyoqXG4gKiBNYXJrZXJPcHRpb25zIGNsYXNzIGZvciBNYXJrZXJcbiAqL1xuZXhwb3J0IGNsYXNzIE1hcmtlck9wdGlvbnMge1xuICAgIGFuaW1hdGlvbiE6IG51bWJlcjtcbn1cblxuLyoqXG4gKiBNYXJrZXJMYWJlbCBjbGFzcyBmb3IgTWFya2VyXG4gKi9cbmV4cG9ydCBjbGFzcyBNYXJrZXJMYWJlbCB7XG4gICAgY29sb3IhOiBzdHJpbmc7XG4gICAgdGV4dCE6IHN0cmluZztcbn1cblxuLyoqXG4gKiBNYXJrZXIgY2xhc3NcbiAqL1xuZXhwb3J0IGNsYXNzIE1hcmtlciB7XG4gICAgcG9zaXRpb24hOiBnb29nbGUubWFwcy5MYXRMbmdMaXRlcmFsO1xuICAgIGxhYmVsITogTWFya2VyTGFiZWw7XG4gICAgdGl0bGUhOiBzdHJpbmc7XG4gICAgb3B0aW9ucyE6IE1hcmtlck9wdGlvbnM7XG59XG5cbi8qKlxuICogQ29tcG9uZW50IHRvIHNob3cgbWFya2VyIG9uIGdvb2dsZSBtYXAgZm9yIHNwZWNpZmljIGFkZHJlc3NcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrbXMtbWFwJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbWFwLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9tYXAuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNYXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgQElucHV0KCkgZGF0YSE6IEFkZHJlc3M7XG5cbiAgICBwdWJsaWMgbWFya2VyczogTWFya2VyW10gPSBbXTtcbiAgICBwdWJsaWMgZ2VvRGF0YUZvdW5kRm9yQWRkcmVzcyA9IGZhbHNlO1xuICAgIHB1YmxpYyB3aWR0aFNldCA9IGZhbHNlO1xuXG4gICAgcHVibGljIHdpZHRoID0gJzEwMCUnO1xuICAgIHB1YmxpYyB6b29tID0gMTU7XG4gICAgcHVibGljIGNlbnRlcjogZ29vZ2xlLm1hcHMuTGF0TG5nTGl0ZXJhbCA9IHtcbiAgICAgICAgXG4gICAgICAgIGxhdDogNTIuMDk3NDQ5LFxuICAgICAgICBsbmc6IDEyLjc0MzY5MTEsXG4gICAgfTtcblxuICAgIHB1YmxpYyBvcHRpb25zOiBnb29nbGUubWFwcy5NYXBPcHRpb25zID0ge1xuICAgICAgICBtYXBUeXBlSWQ6ICdyb2FkbWFwJyxcbiAgICAgICAgem9vbUNvbnRyb2w6IGZhbHNlLFxuICAgICAgICBzY3JvbGx3aGVlbDogZmFsc2UsXG4gICAgICAgIGRpc2FibGVEb3VibGVDbGlja1pvb206IHRydWUsXG4gICAgICAgIG1heFpvb206IDE1LFxuICAgICAgICBtaW5ab29tOiA4LFxuICAgIH07XG5cbiAgICBcbiAgICBwdWJsaWMgZ29vZ2xlOiBhbnk7XG5cbiAgICBwdWJsaWMgZ2VvY29kZXI6IGFueTtcblxuICAgIHB1YmxpYyB2aWV3cG9ydFN1YnNjcmlwdGlvbj86IFN1YnNjcmlwdGlvbjtcblxuICAgIC8vXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSB2aWV3UG9ydFNlcnZpY2U6IFZpZXdwb3J0U2VydmljZSkgeyB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5maW5kTG9jYXRpb24odGhpcy5kYXRhLlN0cmVldCArICcgJyArIHRoaXMuZGF0YS5aaXAgKyAnICcgKyB0aGlzLmRhdGEuQ2l0eSk7XG5cblxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEFza3MgZ29vZ2xlIGZvciBnZW9jb29yZGluYXRlcyBvZiBhIGdpdmVuIGFkZHJlc3Mgc3RyaW5nXG4gICAgICogQGlucHV0IGFkZHJlc3MgYXMgc3RyaW5nXG4gICAgICovXG4gICAgZmluZExvY2F0aW9uKGFkZHJlc3M6IHN0cmluZykge1xuICAgICAgICBpZiAoIXRoaXMuZ2VvY29kZXIpIHsgdGhpcy5nZW9jb2RlciA9IG5ldyBnb29nbGUubWFwcy5HZW9jb2RlcigpOyB9XG4gICAgICAgIHRoaXMuZ2VvY29kZXIuZ2VvY29kZSh7XG4gICAgICAgICAgICAnYWRkcmVzcyc6IGFkZHJlc3MsXG4gICAgICAgIFxuICAgICAgICB9LCAocmVzdWx0czogYW55LCBzdGF0dXM6IGdvb2dsZS5tYXBzLkdlb2NvZGVyU3RhdHVzKSA9PiB7XG4gICAgICAgICAgICBpZiAoc3RhdHVzID09PSBnb29nbGUubWFwcy5HZW9jb2RlclN0YXR1cy5PSykge1xuXG4gICAgICAgICAgICAgICAgdGhpcy5jZW50ZXIubGF0ID0gcmVzdWx0c1swXS5nZW9tZXRyeS5sb2NhdGlvbi5sYXQoKTtcbiAgICAgICAgICAgICAgICB0aGlzLmNlbnRlci5sbmcgPSByZXN1bHRzWzBdLmdlb21ldHJ5LmxvY2F0aW9uLmxuZygpO1xuXG4gICAgICAgICAgICAgICAgdGhpcy5hZGRNYXJrZXIoKTtcbiAgICAgICAgICAgICAgICB0aGlzLmdlb0RhdGFGb3VuZEZvckFkZHJlc3MgPSB0cnVlO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLmVycm9yKCdTb3JyeSwgdGhpcyBzZWFyY2ggb2YgbWFwIGFkZHJlc3MgcHJvZHVjZWQgbm8gcmVzdWx0cy4nKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQWRkcyBhIG1hcmtlciB0byB0aGUgbWFwXG4gICAgICovXG4gICAgYWRkTWFya2VyKCkge1xuICAgICAgICB0aGlzLm1hcmtlcnMucHVzaCh7XG4gICAgICAgICAgICBwb3NpdGlvbjoge1xuICAgICAgICAgICAgICAgIGxhdDogdGhpcy5jZW50ZXIubGF0LFxuICAgICAgICAgICAgICAgIGxuZzogdGhpcy5jZW50ZXIubG5nLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGxhYmVsOiB7XG4gICAgICAgICAgICAgICAgY29sb3I6ICdibHVlJyxcbiAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICB0ZXh0OiB0aGlzLmRhdGEuTmFtZTEgfHwgJycsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgdGl0bGU6IHRoaXMuZGF0YS5OYW1lMSArICcgJyArIHRoaXMuZGF0YS5TdHJlZXQgKyAnICcgKyB0aGlzLmRhdGEuWmlwLFxuICAgICAgICAgICAgb3B0aW9uczogeyBhbmltYXRpb246IGdvb2dsZS5tYXBzLkFuaW1hdGlvbi5EUk9QIH0sXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFpvb21zIGluIGludG8gbWFwXG4gICAgICovXG4gICAgem9vbUluKCkge1xuICAgICAgICBpZiAodGhpcy5vcHRpb25zLm1heFpvb20gJiYgdGhpcy56b29tIDwgdGhpcy5vcHRpb25zLm1heFpvb20pIHsgdGhpcy56b29tKys7IH1cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBab29tcyBvdXQgZnJvbSBtYXBcbiAgICAgKi9cbiAgICB6b29tT3V0KCkge1xuICAgICAgICBpZiAodGhpcy5vcHRpb25zLm1pblpvb20gJiYgdGhpcy56b29tID4gdGhpcy5vcHRpb25zLm1pblpvb20pIHsgdGhpcy56b29tLS07IH1cbiAgICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiZ2VvRGF0YUZvdW5kRm9yQWRkcmVzcyAmJiB3aWR0aFNldFwiPlxuICAgIDxnb29nbGUtbWFwXG4gICAgICAgICAgICBoZWlnaHQ9XCI0MTVweFwiXG4gICAgICAgICAgICBbd2lkdGhdPVwid2lkdGhcIlxuICAgICAgICAgICAgW3pvb21dPVwiem9vbVwiXG4gICAgICAgICAgICBbY2VudGVyXT1cImNlbnRlclwiXG4gICAgICAgICAgICBbb3B0aW9uc109XCJvcHRpb25zXCJcbiAgICA+XG4gICAgICAgIDxtYXAtbWFya2VyXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgbWFya2VyIG9mIG1hcmtlcnNcIlxuICAgICAgICAgICAgW3Bvc2l0aW9uXT1cIm1hcmtlci5wb3NpdGlvblwiXG4gICAgICAgICAgICBbbGFiZWxdPVwibWFya2VyLmxhYmVsXCJcbiAgICAgICAgICAgIFt0aXRsZV09XCJtYXJrZXIudGl0bGVcIlxuICAgICAgICAgICAgW29wdGlvbnNdPVwibWFya2VyLm9wdGlvbnNcIlxuICAgICAgICA+XG4gICAgICAgIDwvbWFwLW1hcmtlcj5cbiAgICA8L2dvb2dsZS1tYXA+XG48L2Rpdj4iXX0=

package/esm2020/lib/ui/radiobutton/radiobutton.component.mjs

@@ -0,0 +1,73 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+import { Component, forwardRef, Input } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ActionsParentComponent } from '../../parent-components/actions.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../icon/icon.component";
+import * as i2 from "@angular/common";
+export class RadioButtonComponent extends ActionsParentComponent {
+    constructor() {
+        super();
+        /**
+         * Internal description name. All radio buttons with the same name belong to the same group.
+         * User can select exactly one of the radio buttons from the same group.
+         */
+        this.name = '';
+        /**
+         * Internal description id. Will be send in the output event when the radio button is selected.
+         */
+        this.id = '';
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.onChange = () => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.onTouch = () => { };
+    }
+    selectAction(id) {
+        this.select.emit(id);
+        this.checked = !this.checked;
+    }
+    get value() {
+        return this.checked;
+    }
+    set value(value) {
+        this.checked = value;
+        this.onChange(value);
+        this.onTouch(value);
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+}
+RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: RadioButtonComponent, selector: "kms-radiobutton", inputs: { name: "name", id: "id", formControl: "formControl" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => RadioButtonComponent),
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0, template: "<label class=\"wrapper ui-small-text\"\n       [ngClass]=\"{'disabled' : disabled}\">\n    <input type=\"radio\"\n           [name]=\"name\"\n           [value]=\"value\"\n           [checked]=\"checked\"\n           [disabled]=\"disabled\"\n           [id]=\"id\"\n           (change)=\"selectAction($event)\">{{label}}\n\n    <kms-icon\n            class=\"checkmark\" \n            aria-hidden=\"true\"\n            *ngIf=\"checked\"\n            [ngClass]=\"{\n                'disabled' : disabled\n            }\"\n            [iconClass]=\"{\n                'disabled' : disabled, \n                'color-primary': true,\n                'size-16': true\n            }\"\n            [icon]=\"'ic_radiobutton_active'\"\n        >\n    </kms-icon>\n    <kms-icon\n            class=\"checkmark\" \n            aria-hidden=\"true\"\n            *ngIf=\"!checked\"\n            [ngClass]=\"{\n                'disabled' : disabled\n            }\"\n            [iconClass]=\"{\n                'disabled' : disabled, \n                'color-primary': true,\n                'size-16': true\n            }\"\n            [icon]=\"'ic_radiobutton_inactive'\"\n        >\n    </kms-icon>\n    <ng-content></ng-content>\n</label>\n", styles: [""], components: [{ type: i1.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kms-radiobutton', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RadioButtonComponent),
+                            multi: true,
+                        },
+                    ], template: "<label class=\"wrapper ui-small-text\"\n       [ngClass]=\"{'disabled' : disabled}\">\n    <input type=\"radio\"\n           [name]=\"name\"\n           [value]=\"value\"\n           [checked]=\"checked\"\n           [disabled]=\"disabled\"\n           [id]=\"id\"\n           (change)=\"selectAction($event)\">{{label}}\n\n    <kms-icon\n            class=\"checkmark\" \n            aria-hidden=\"true\"\n            *ngIf=\"checked\"\n            [ngClass]=\"{\n                'disabled' : disabled\n            }\"\n            [iconClass]=\"{\n                'disabled' : disabled, \n                'color-primary': true,\n                'size-16': true\n            }\"\n            [icon]=\"'ic_radiobutton_active'\"\n        >\n    </kms-icon>\n    <kms-icon\n            class=\"checkmark\" \n            aria-hidden=\"true\"\n            *ngIf=\"!checked\"\n            [ngClass]=\"{\n                'disabled' : disabled\n            }\"\n            [iconClass]=\"{\n                'disabled' : disabled, \n                'color-primary': true,\n                'size-16': true\n            }\"\n            [icon]=\"'ic_radiobutton_inactive'\"\n        >\n    </kms-icon>\n    <ng-content></ng-content>\n</label>\n", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { name: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], formControl: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW9idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva21zLW5neC11aS1wcmVzZW50YXRpb25hbC9zcmMvbGliL3VpL3JhZGlvYnV0dG9uL3JhZGlvYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9yYWRpb2J1dHRvbi9yYWRpb2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7Ozs7QUFjbkYsTUFBTSxPQUFPLG9CQUFzQixTQUFRLHNCQUFzQjtJQW1CN0Q7UUFDSSxLQUFLLEVBQUUsQ0FBQztRQW5CWjs7O1dBR0c7UUFDTSxTQUFJLEdBQUcsRUFBRSxDQUFDO1FBRW5COztXQUVHO1FBQ00sT0FBRSxHQUFHLEVBQUUsQ0FBQztRQWFqQixnRUFBZ0U7UUFDaEUsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUV6QixnRUFBZ0U7UUFDaEUsWUFBTyxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQU54QixDQUFDO0lBUEQsWUFBWSxDQUFDLEVBQVU7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDakMsQ0FBQztJQVlELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN4QixDQUFDO0lBRUQsSUFBSSxLQUFLLENBQUMsS0FBYztRQUNwQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3BCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7O2lIQWpEUSxvQkFBb0I7cUdBQXBCLG9CQUFvQiwwR0FSbEI7UUFDUDtZQUNJLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztZQUNuRCxLQUFLLEVBQUUsSUFBSTtTQUNkO0tBQ0osaURDbEJMLG90Q0EwQ0E7MkZEdEJhLG9CQUFvQjtrQkFaaEMsU0FBUzsrQkFDSSxpQkFBaUIsYUFHaEI7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNkO3FCQUNKOzBFQU9RLElBQUk7c0JBQVosS0FBSztnQkFLRyxFQUFFO3NCQUFWLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQGNvcHlyaWdodCBGTFlBQ1RTIEdtYkggMjAxOVxuICovXG5pbXBvcnQgeyBDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IEFjdGlvbnNQYXJlbnRDb21wb25lbnQgfSBmcm9tICcuLi8uLi9wYXJlbnQtY29tcG9uZW50cy9hY3Rpb25zLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna21zLXJhZGlvYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcmFkaW9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3JhZGlvYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gUmFkaW9CdXR0b25Db21wb25lbnQpLFxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgUmFkaW9CdXR0b25Db21wb25lbnQgIGV4dGVuZHMgQWN0aW9uc1BhcmVudENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgICAvKipcbiAgICAgKiBJbnRlcm5hbCBkZXNjcmlwdGlvbiBuYW1lLiBBbGwgcmFkaW8gYnV0dG9ucyB3aXRoIHRoZSBzYW1lIG5hbWUgYmVsb25nIHRvIHRoZSBzYW1lIGdyb3VwLlxuICAgICAqIFVzZXIgY2FuIHNlbGVjdCBleGFjdGx5IG9uZSBvZiB0aGUgcmFkaW8gYnV0dG9ucyBmcm9tIHRoZSBzYW1lIGdyb3VwLlxuICAgICAqL1xuICAgIEBJbnB1dCgpIG5hbWUgPSAnJztcblxuICAgIC8qKlxuICAgICAqIEludGVybmFsIGRlc2NyaXB0aW9uIGlkLiBXaWxsIGJlIHNlbmQgaW4gdGhlIG91dHB1dCBldmVudCB3aGVuIHRoZSByYWRpbyBidXR0b24gaXMgc2VsZWN0ZWQuXG4gICAgICovXG4gICAgQElucHV0KCkgaWQgPSAnJztcblxuICAgIEBJbnB1dCgpIGZvcm1Db250cm9sOiBhbnk7XG5cbiAgICBzZWxlY3RBY3Rpb24oaWQ6IHN0cmluZykge1xuICAgICAgICB0aGlzLnNlbGVjdC5lbWl0KGlkKTtcbiAgICAgICAgdGhpcy5jaGVja2VkID0gIXRoaXMuY2hlY2tlZDtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWVtcHR5LWZ1bmN0aW9uXG4gICAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xuXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1lbXB0eS1mdW5jdGlvblxuICAgIG9uVG91Y2g6IGFueSA9ICgpID0+IHt9O1xuXG4gICAgZ2V0IHZhbHVlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5jaGVja2VkO1xuICAgIH1cblxuICAgIHNldCB2YWx1ZSh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLmNoZWNrZWQgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XG4gICAgICAgIHRoaXMub25Ub3VjaCh2YWx1ZSk7XG4gICAgfVxuXG4gICAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KSB7XG4gICAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpIHtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpIHtcbiAgICAgICAgdGhpcy5vblRvdWNoID0gZm47XG4gICAgfVxufVxuIiwiPGxhYmVsIGNsYXNzPVwid3JhcHBlciB1aS1zbWFsbC10ZXh0XCJcbiAgICAgICBbbmdDbGFzc109XCJ7J2Rpc2FibGVkJyA6IGRpc2FibGVkfVwiPlxuICAgIDxpbnB1dCB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICBbbmFtZV09XCJuYW1lXCJcbiAgICAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgICAgICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFwiXG4gICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgIFtpZF09XCJpZFwiXG4gICAgICAgICAgIChjaGFuZ2UpPVwic2VsZWN0QWN0aW9uKCRldmVudClcIj57e2xhYmVsfX1cblxuICAgIDxrbXMtaWNvblxuICAgICAgICAgICAgY2xhc3M9XCJjaGVja21hcmtcIiBcbiAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgICAqbmdJZj1cImNoZWNrZWRcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICdkaXNhYmxlZCcgOiBkaXNhYmxlZFxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICBbaWNvbkNsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAnZGlzYWJsZWQnIDogZGlzYWJsZWQsIFxuICAgICAgICAgICAgICAgICdjb2xvci1wcmltYXJ5JzogdHJ1ZSxcbiAgICAgICAgICAgICAgICAnc2l6ZS0xNic6IHRydWVcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgW2ljb25dPVwiJ2ljX3JhZGlvYnV0dG9uX2FjdGl2ZSdcIlxuICAgICAgICA+XG4gICAgPC9rbXMtaWNvbj5cbiAgICA8a21zLWljb25cbiAgICAgICAgICAgIGNsYXNzPVwiY2hlY2ttYXJrXCIgXG4gICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgKm5nSWY9XCIhY2hlY2tlZFwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgJ2Rpc2FibGVkJyA6IGRpc2FibGVkXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICAgIFtpY29uQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICdkaXNhYmxlZCcgOiBkaXNhYmxlZCwgXG4gICAgICAgICAgICAgICAgJ2NvbG9yLXByaW1hcnknOiB0cnVlLFxuICAgICAgICAgICAgICAgICdzaXplLTE2JzogdHJ1ZVxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICBbaWNvbl09XCInaWNfcmFkaW9idXR0b25faW5hY3RpdmUnXCJcbiAgICAgICAgPlxuICAgIDwva21zLWljb24+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9sYWJlbD5cbiJdfQ==

package/esm2020/lib/ui/salutation-dropdown/salutation-dropdown.component.mjs

@@ -0,0 +1,55 @@
+import { Component, forwardRef, Input } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { SalutationEnum } from '../../models/salutation.enum';
+import { FormControlParentComponent } from './../../parent-components/form-control.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/form-field";
+import * as i3 from "@angular/material/select";
+import * as i4 from "@angular/material/core";
+import * as i5 from "@ngx-translate/core";
+export class SalutationDropdownComponent extends FormControlParentComponent {
+    constructor(formBuilder, renderer) {
+        super(formBuilder, renderer);
+        this.formBuilder = formBuilder;
+        this.renderer = renderer;
+        //For view
+        this.SalutationEnum = SalutationEnum;
+        this.Object = Object;
+    }
+    ngOnInit() {
+        this.form = this.formBuilder.group({
+            salut: [],
+        });
+        this.formInitialized = true;
+        //somehow for dropowns we have to set value manually with timeout for default value
+        setTimeout(() => {
+            this.form.controls['salut'].setValue(this.value ? this.value : '');
+        }, 1000);
+        this.form.valueChanges.subscribe((value) => {
+            this.onChange(value.salut);
+        });
+        super.ngOnInit();
+    }
+}
+SalutationDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SalutationDropdownComponent, deps: [{ token: i1.FormBuilder }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+SalutationDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SalutationDropdownComponent, selector: "kms-salutation-dropdown", inputs: { placeholder: "placeholder" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => SalutationDropdownComponent),
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"row\">\n    <mat-form-field class=\"col\">\n        <mat-select disableOptionCentering [formControl]=\"form.controls['salut']\" [placeholder]=\"placeholder\" [value]=\"value\" #child>\n            <mat-option [value]=\"SalutationEnum.NOT_SPECIFIED\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[0]?.toLowerCase() | translate }}</mat-option>\n            <mat-option [value]=\"SalutationEnum.MALE\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[1]?.toLowerCase() | translate }}</mat-option>\n            <mat-option [value]=\"SalutationEnum.FEMALE\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[2]?.toLowerCase() | translate }}</mat-option>\n        </mat-select>\n    </mat-form-field>\n</form>", components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i5.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SalutationDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kms-salutation-dropdown', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SalutationDropdownComponent),
+                            multi: true,
+                        },
+                    ], template: "<form [formGroup]=\"form\" class=\"row\">\n    <mat-form-field class=\"col\">\n        <mat-select disableOptionCentering [formControl]=\"form.controls['salut']\" [placeholder]=\"placeholder\" [value]=\"value\" #child>\n            <mat-option [value]=\"SalutationEnum.NOT_SPECIFIED\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[0]?.toLowerCase() | translate }}</mat-option>\n            <mat-option [value]=\"SalutationEnum.MALE\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[1]?.toLowerCase() | translate }}</mat-option>\n            <mat-option [value]=\"SalutationEnum.FEMALE\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[2]?.toLowerCase() | translate }}</mat-option>\n        </mat-select>\n    </mat-form-field>\n</form>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i0.Renderer2 }]; }, propDecorators: { placeholder: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FsdXRhdGlvbi1kcm9wZG93bi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvdWkvc2FsdXRhdGlvbi1kcm9wZG93bi9zYWx1dGF0aW9uLWRyb3Bkb3duLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9zYWx1dGF0aW9uLWRyb3Bkb3duL3NhbHV0YXRpb24tZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQXFDLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFdEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRTlELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDOzs7Ozs7O0FBYTlGLE1BQU0sT0FBTywyQkFBNEIsU0FBUSwwQkFBMEI7SUFPdkUsWUFBbUIsV0FBd0IsRUFBUyxRQUFtQjtRQUNuRSxLQUFLLENBQUMsV0FBVyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRGQsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFBUyxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBSnZFLFVBQVU7UUFDVixtQkFBYyxHQUFHLGNBQWMsQ0FBQztRQUNoQyxXQUFNLEdBQUcsTUFBTSxDQUFDO0lBSWhCLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztZQUMvQixLQUFLLEVBQUUsRUFBRTtTQUNaLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO1FBRTVCLG1GQUFtRjtRQUNuRixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZFLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUdULElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQy9CLENBQUMsQ0FBQyxDQUFDO1FBRUgsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3JCLENBQUM7O3dIQTVCUSwyQkFBMkI7NEdBQTNCLDJCQUEyQiwwRkFSekI7UUFDUDtZQUNJLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztZQUMxRCxLQUFLLEVBQUUsSUFBSTtTQUNkO0tBQ0osaURDaEJMLHd2QkFRTzsyRkRVTSwyQkFBMkI7a0JBWHZDLFNBQVM7K0JBQ0kseUJBQXlCLGFBRXhCO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDRCQUE0QixDQUFDOzRCQUMxRCxLQUFLLEVBQUUsSUFBSTt5QkFDZDtxQkFDSjswSEFHUSxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCwgT25Jbml0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBGb3JtQnVpbGRlciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBOdWxsQWJsZSB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBTYWx1dGF0aW9uRW51bSB9IGZyb20gJy4uLy4uL21vZGVscy9zYWx1dGF0aW9uLmVudW0nO1xuXG5pbXBvcnQgeyBGb3JtQ29udHJvbFBhcmVudENvbXBvbmVudCB9IGZyb20gJy4vLi4vLi4vcGFyZW50LWNvbXBvbmVudHMvZm9ybS1jb250cm9sLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna21zLXNhbHV0YXRpb24tZHJvcGRvd24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zYWx1dGF0aW9uLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTYWx1dGF0aW9uRHJvcGRvd25Db21wb25lbnQpLFxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FsdXRhdGlvbkRyb3Bkb3duQ29tcG9uZW50IGV4dGVuZHMgRm9ybUNvbnRyb2xQYXJlbnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgICBASW5wdXQoKSBwbGFjZWhvbGRlcjogTnVsbEFibGU8U3RyaW5nPjtcblxuICAgIC8vRm9yIHZpZXdcbiAgICBTYWx1dGF0aW9uRW51bSA9IFNhbHV0YXRpb25FbnVtO1xuICAgIE9iamVjdCA9IE9iamVjdDtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBmb3JtQnVpbGRlcjogRm9ybUJ1aWxkZXIsIHB1YmxpYyByZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgICAgIHN1cGVyKGZvcm1CdWlsZGVyLCByZW5kZXJlcik7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuZm9ybSA9IHRoaXMuZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuICAgICAgICAgICAgc2FsdXQ6IFtdLFxuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5mb3JtSW5pdGlhbGl6ZWQgPSB0cnVlO1xuICAgICAgICBcbiAgICAgICAgLy9zb21laG93IGZvciBkcm9wb3ducyB3ZSBoYXZlIHRvIHNldCB2YWx1ZSBtYW51YWxseSB3aXRoIHRpbWVvdXQgZm9yIGRlZmF1bHQgdmFsdWVcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmZvcm0uY29udHJvbHNbJ3NhbHV0J10uc2V0VmFsdWUodGhpcy52YWx1ZSA/IHRoaXMudmFsdWUgOiAnJyk7XG4gICAgICAgIH0sIDEwMDApO1xuXG5cbiAgICAgICAgdGhpcy5mb3JtLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUoKHZhbHVlKSA9PiB7XG4gICAgICAgICAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlLnNhbHV0KTtcbiAgICAgICAgfSk7XG5cbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICB9XG59XG4iLCI8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1cIiBjbGFzcz1cInJvd1wiPlxuICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImNvbFwiPlxuICAgICAgICA8bWF0LXNlbGVjdCBkaXNhYmxlT3B0aW9uQ2VudGVyaW5nIFtmb3JtQ29udHJvbF09XCJmb3JtLmNvbnRyb2xzWydzYWx1dCddXCIgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgW3ZhbHVlXT1cInZhbHVlXCIgI2NoaWxkPlxuICAgICAgICAgICAgPG1hdC1vcHRpb24gW3ZhbHVlXT1cIlNhbHV0YXRpb25FbnVtLk5PVF9TUEVDSUZJRURcIj57eyAnZ2VuZXJhbC5zYWx1dGF0aW9uLicgKyBPYmplY3Qua2V5cyhTYWx1dGF0aW9uRW51bSlbMF0/LnRvTG93ZXJDYXNlKCkgfCB0cmFuc2xhdGUgfX08L21hdC1vcHRpb24+XG4gICAgICAgICAgICA8bWF0LW9wdGlvbiBbdmFsdWVdPVwiU2FsdXRhdGlvbkVudW0uTUFMRVwiPnt7ICdnZW5lcmFsLnNhbHV0YXRpb24uJyArIE9iamVjdC5rZXlzKFNhbHV0YXRpb25FbnVtKVsxXT8udG9Mb3dlckNhc2UoKSB8IHRyYW5zbGF0ZSB9fTwvbWF0LW9wdGlvbj5cbiAgICAgICAgICAgIDxtYXQtb3B0aW9uIFt2YWx1ZV09XCJTYWx1dGF0aW9uRW51bS5GRU1BTEVcIj57eyAnZ2VuZXJhbC5zYWx1dGF0aW9uLicgKyBPYmplY3Qua2V5cyhTYWx1dGF0aW9uRW51bSlbMl0/LnRvTG93ZXJDYXNlKCkgfCB0cmFuc2xhdGUgfX08L21hdC1vcHRpb24+XG4gICAgICAgIDwvbWF0LXNlbGVjdD5cbiAgICA8L21hdC1mb3JtLWZpZWxkPlxuPC9mb3JtPiJdfQ==