@kms-ngx-ui/presentational 0.0.24 → 14.0.0

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/common";
+import * as i3 from "@angular/google-maps";
+/**
+ * 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: "14.3.0", ngImport: i0, type: MapComponent, deps: [{ token: i1.ViewportService }], target: i0.ɵɵFactoryTarget.Component });
+MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.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: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i3.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: "14.3.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>" }]
+        }], 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 "@angular/common";
+import * as i2 from "../icon/icon.component";
+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: "14.3.0", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.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: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.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" }]
+        }], 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: "14.3.0", ngImport: i0, type: SalutationDropdownComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+SalutationDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.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>", dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.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.UntypedFormBuilder }, { type: i0.Renderer2 }]; }, propDecorators: { placeholder: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FsdXRhdGlvbi1kcm9wZG93bi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvdWkvc2FsdXRhdGlvbi1kcm9wZG93bi9zYWx1dGF0aW9uLWRyb3Bkb3duLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9zYWx1dGF0aW9uLWRyb3Bkb3duL3NhbHV0YXRpb24tZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQTRDLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0YsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRTlELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDOzs7Ozs7O0FBYTlGLE1BQU0sT0FBTywyQkFBNEIsU0FBUSwwQkFBMEI7SUFPdkUsWUFBbUIsV0FBK0IsRUFBUyxRQUFtQjtRQUMxRSxLQUFLLENBQUMsV0FBVyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRGQsZ0JBQVcsR0FBWCxXQUFXLENBQW9CO1FBQVMsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUo5RSxVQUFVO1FBQ1YsbUJBQWMsR0FBRyxjQUFjLENBQUM7UUFDaEMsV0FBTSxHQUFHLE1BQU0sQ0FBQztJQUloQixDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDL0IsS0FBSyxFQUFFLEVBQUU7U0FDWixDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztRQUU1QixtRkFBbUY7UUFDbkYsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN2RSxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFHVCxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMvQixDQUFDLENBQUMsQ0FBQztRQUVILEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNyQixDQUFDOzt3SEE1QlEsMkJBQTJCOzRHQUEzQiwyQkFBMkIsMEZBUnpCO1FBQ1A7WUFDSSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsMkJBQTJCLENBQUM7WUFDMUQsS0FBSyxFQUFFLElBQUk7U0FDZDtLQUNKLGlEQ2hCTCx3dkJBUU87MkZEVU0sMkJBQTJCO2tCQVh2QyxTQUFTOytCQUNJLHlCQUF5QixhQUV4Qjt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSw0QkFBNEIsQ0FBQzs0QkFDMUQsS0FBSyxFQUFFLElBQUk7eUJBQ2Q7cUJBQ0o7aUlBR1EsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgZm9yd2FyZFJlZiwgSW5wdXQsIE9uSW5pdCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgVW50eXBlZEZvcm1CdWlsZGVyLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE51bGxBYmxlIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IFNhbHV0YXRpb25FbnVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3NhbHV0YXRpb24uZW51bSc7XG5cbmltcG9ydCB7IEZvcm1Db250cm9sUGFyZW50Q29tcG9uZW50IH0gZnJvbSAnLi8uLi8uLi9wYXJlbnQtY29tcG9uZW50cy9mb3JtLWNvbnRyb2wuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrbXMtc2FsdXRhdGlvbi1kcm9wZG93bicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NhbHV0YXRpb24tZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhbHV0YXRpb25Ecm9wZG93bkNvbXBvbmVudCksXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTYWx1dGF0aW9uRHJvcGRvd25Db21wb25lbnQgZXh0ZW5kcyBGb3JtQ29udHJvbFBhcmVudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBOdWxsQWJsZTxTdHJpbmc+O1xuXG4gICAgLy9Gb3Igdmlld1xuICAgIFNhbHV0YXRpb25FbnVtID0gU2FsdXRhdGlvbkVudW07XG4gICAgT2JqZWN0ID0gT2JqZWN0O1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGZvcm1CdWlsZGVyOiBVbnR5cGVkRm9ybUJ1aWxkZXIsIHB1YmxpYyByZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgICAgIHN1cGVyKGZvcm1CdWlsZGVyLCByZW5kZXJlcik7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuZm9ybSA9IHRoaXMuZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuICAgICAgICAgICAgc2FsdXQ6IFtdLFxuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5mb3JtSW5pdGlhbGl6ZWQgPSB0cnVlO1xuICAgICAgICBcbiAgICAgICAgLy9zb21laG93IGZvciBkcm9wb3ducyB3ZSBoYXZlIHRvIHNldCB2YWx1ZSBtYW51YWxseSB3aXRoIHRpbWVvdXQgZm9yIGRlZmF1bHQgdmFsdWVcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmZvcm0uY29udHJvbHNbJ3NhbHV0J10uc2V0VmFsdWUodGhpcy52YWx1ZSA/IHRoaXMudmFsdWUgOiAnJyk7XG4gICAgICAgIH0sIDEwMDApO1xuXG5cbiAgICAgICAgdGhpcy5mb3JtLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUoKHZhbHVlKSA9PiB7XG4gICAgICAgICAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlLnNhbHV0KTtcbiAgICAgICAgfSk7XG5cbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICB9XG59XG4iLCI8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1cIiBjbGFzcz1cInJvd1wiPlxuICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImNvbFwiPlxuICAgICAgICA8bWF0LXNlbGVjdCBkaXNhYmxlT3B0aW9uQ2VudGVyaW5nIFtmb3JtQ29udHJvbF09XCJmb3JtLmNvbnRyb2xzWydzYWx1dCddXCIgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgW3ZhbHVlXT1cInZhbHVlXCIgI2NoaWxkPlxuICAgICAgICAgICAgPG1hdC1vcHRpb24gW3ZhbHVlXT1cIlNhbHV0YXRpb25FbnVtLk5PVF9TUEVDSUZJRURcIj57eyAnZ2VuZXJhbC5zYWx1dGF0aW9uLicgKyBPYmplY3Qua2V5cyhTYWx1dGF0aW9uRW51bSlbMF0/LnRvTG93ZXJDYXNlKCkgfCB0cmFuc2xhdGUgfX08L21hdC1vcHRpb24+XG4gICAgICAgICAgICA8bWF0LW9wdGlvbiBbdmFsdWVdPVwiU2FsdXRhdGlvbkVudW0uTUFMRVwiPnt7ICdnZW5lcmFsLnNhbHV0YXRpb24uJyArIE9iamVjdC5rZXlzKFNhbHV0YXRpb25FbnVtKVsxXT8udG9Mb3dlckNhc2UoKSB8IHRyYW5zbGF0ZSB9fTwvbWF0LW9wdGlvbj5cbiAgICAgICAgICAgIDxtYXQtb3B0aW9uIFt2YWx1ZV09XCJTYWx1dGF0aW9uRW51bS5GRU1BTEVcIj57eyAnZ2VuZXJhbC5zYWx1dGF0aW9uLicgKyBPYmplY3Qua2V5cyhTYWx1dGF0aW9uRW51bSlbMl0/LnRvTG93ZXJDYXNlKCkgfCB0cmFuc2xhdGUgfX08L21hdC1vcHRpb24+XG4gICAgICAgIDwvbWF0LXNlbGVjdD5cbiAgICA8L21hdC1mb3JtLWZpZWxkPlxuPC9mb3JtPiJdfQ==

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

@@ -0,0 +1,49 @@
+import { Component, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { isValue } from '../../models';
+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/radio";
+import * as i3 from "@ngx-translate/core";
+export class SalutationRadiogroupComponent 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: [isValue(this.value) ? this.value : '', null],
+        });
+        this.formInitialized = true;
+        this.form.valueChanges.subscribe((value) => {
+            this.internalValue = value.salut;
+            this.onChange(value.salut);
+        });
+        super.ngOnInit();
+    }
+}
+SalutationRadiogroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SalutationRadiogroupComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+SalutationRadiogroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SalutationRadiogroupComponent, selector: "kms-salutation-radiogroup", providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => SalutationRadiogroupComponent),
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0, 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>", dependencies: [{ kind: "directive", type: i2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SalutationRadiogroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kms-salutation-radiogroup', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SalutationRadiogroupComponent),
+                            multi: true,
+                        },
+                    ], 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 }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FsdXRhdGlvbi1yYWRpb2dyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9zYWx1dGF0aW9uLXJhZGlvZ3JvdXAvc2FsdXRhdGlvbi1yYWRpb2dyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9zYWx1dGF0aW9uLXJhZGlvZ3JvdXAvc2FsdXRhdGlvbi1yYWRpb2dyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUN6RSxPQUFPLEVBQTRDLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0YsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN2QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDOUQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7Ozs7O0FBYTVGLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSwwQkFBMEI7SUFNekUsWUFBbUIsV0FBK0IsRUFBUyxRQUFtQjtRQUMxRSxLQUFLLENBQUMsV0FBVyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRGQsZ0JBQVcsR0FBWCxXQUFXLENBQW9CO1FBQVMsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUo5RSxVQUFVO1FBQ1YsbUJBQWMsR0FBRyxjQUFjLENBQUM7UUFDaEMsV0FBTSxHQUFHLE1BQU0sQ0FBQztJQUloQixDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDL0IsS0FBSyxFQUFFLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLElBQUksQ0FBQztTQUN2RCxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztRQUU1QixJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUN2QyxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUM7WUFDakMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0IsQ0FBQyxDQUFDLENBQUM7UUFFSCxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDckIsQ0FBQzs7MEhBdEJRLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLG9EQVIzQjtRQUNQO1lBQ0ksT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDZCQUE2QixDQUFDO1lBQzVELEtBQUssRUFBRSxJQUFJO1NBQ2Q7S0FDSixpRENmTCw2NkJBWU87MkZES00sNkJBQTZCO2tCQVh6QyxTQUFTOytCQUNJLDJCQUEyQixhQUUxQjt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSw4QkFBOEIsQ0FBQzs0QkFDNUQsS0FBSyxFQUFFLElBQUk7eUJBQ2Q7cUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGZvcndhcmRSZWYsIE9uSW5pdCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgVW50eXBlZEZvcm1CdWlsZGVyLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGlzVmFsdWUgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHsgU2FsdXRhdGlvbkVudW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvc2FsdXRhdGlvbi5lbnVtJztcbmltcG9ydCB7IEZvcm1Db250cm9sUGFyZW50Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vcGFyZW50LWNvbXBvbmVudHMvZm9ybS1jb250cm9sLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna21zLXNhbHV0YXRpb24tcmFkaW9ncm91cCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NhbHV0YXRpb24tcmFkaW9ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2FsdXRhdGlvblJhZGlvZ3JvdXBDb21wb25lbnQpLFxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FsdXRhdGlvblJhZGlvZ3JvdXBDb21wb25lbnQgZXh0ZW5kcyBGb3JtQ29udHJvbFBhcmVudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgIFxuICAgIC8vRm9yIHZpZXdcbiAgICBTYWx1dGF0aW9uRW51bSA9IFNhbHV0YXRpb25FbnVtO1xuICAgIE9iamVjdCA9IE9iamVjdDtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBmb3JtQnVpbGRlcjogVW50eXBlZEZvcm1CdWlsZGVyLCBwdWJsaWMgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgICAgICBzdXBlcihmb3JtQnVpbGRlciwgcmVuZGVyZXIpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLmZvcm0gPSB0aGlzLmZvcm1CdWlsZGVyLmdyb3VwKHtcbiAgICAgICAgICAgIHNhbHV0OiBbaXNWYWx1ZSh0aGlzLnZhbHVlKSA/IHRoaXMudmFsdWUgOiAnJywgbnVsbF0sXG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmZvcm1Jbml0aWFsaXplZCA9IHRydWU7XG5cbiAgICAgICAgdGhpcy5mb3JtLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUoKHZhbHVlKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFsVmFsdWUgPSB2YWx1ZS5zYWx1dDtcbiAgICAgICAgICAgIHRoaXMub25DaGFuZ2UodmFsdWUuc2FsdXQpO1xuICAgICAgICB9KTtcblxuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgIH1cbn1cbiIsIjxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybVwiID5cbiAgICA8bWF0LXJhZGlvLWdyb3VwIFtmb3JtQ29udHJvbF09XCJmb3JtLmNvbnRyb2xzWydzYWx1dCddXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgI3JhZGlvR3JvdXA+XG4gICAgICAgIDxtYXQtcmFkaW8tYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIFt2YWx1ZV09XCJTYWx1dGF0aW9uRW51bS5OT1RfU1BFQ0lGSUVEXCIgW2NoZWNrZWRdPVwidmFsdWUgPT09IFNhbHV0YXRpb25FbnVtLk5PVF9TUEVDSUZJRURcIj5cbiAgICAgICAgICAgIHt7ICdnZW5lcmFsLnNhbHV0YXRpb24uJyArIE9iamVjdC5rZXlzKFNhbHV0YXRpb25FbnVtKVswXT8udG9Mb3dlckNhc2UoKSB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICA8L21hdC1yYWRpby1idXR0b24+XG4gICAgICAgIDxtYXQtcmFkaW8tYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIFt2YWx1ZV09XCJTYWx1dGF0aW9uRW51bS5NQUxFXCIgW2NoZWNrZWRdPVwidmFsdWUgPT09IFNhbHV0YXRpb25FbnVtLk1BTEVcIj5cbiAgICAgICAgICAgIHt7ICdnZW5lcmFsLnNhbHV0YXRpb24uJyArIE9iamVjdC5rZXlzKFNhbHV0YXRpb25FbnVtKVsxXT8udG9Mb3dlckNhc2UoKSB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICA8L21hdC1yYWRpby1idXR0b24+XG4gICAgICAgIDxtYXQtcmFkaW8tYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIFt2YWx1ZV09XCJTYWx1dGF0aW9uRW51bS5GRU1BTEVcIiBbY2hlY2tlZF09XCJ2YWx1ZSA9PT0gU2FsdXRhdGlvbkVudW0uRkVNQUxFXCI+XG4gICAgICAgICAgICB7eyAnZ2VuZXJhbC5zYWx1dGF0aW9uLicgKyBPYmplY3Qua2V5cyhTYWx1dGF0aW9uRW51bSlbMl0/LnRvTG93ZXJDYXNlKCkgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgPC9tYXQtcmFkaW8tYnV0dG9uPlxuICAgIDwvbWF0LXJhZGlvLWdyb3VwPlxuPC9mb3JtPiJdfQ==

package/esm2020/lib/ui/time-input/time-input.component.mjs

@@ -0,0 +1,83 @@
+import { Component, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class TimeInputComponent {
+    constructor(formBuilder) {
+        this.formBuilder = formBuilder;
+        this.h = '';
+        this.m = '';
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.onChange = () => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.onTouch = () => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.onTouched = () => { };
+    }
+    get value() {
+        return this.value;
+    }
+    set value(value) {
+        this.onChange(value);
+        this.onTouch(value);
+    }
+    writeValue(value) {
+        if (value && value.length === 8) {
+            this.h = value.substr(0, 2);
+            this.m = value.substr(3, 2);
+        }
+        else if (value && value.length === 5) {
+            this.h = value.substr(0, 2);
+            this.m = value.substr(-2);
+        }
+        //we need to also update the form value because angular has a problem reading it from first time when valuechanges subscription was fired.
+        this.form.controls['h'].setValue(this.h);
+        this.form.controls['m'].setValue(this.m);
+        this.form.valueChanges.subscribe(value => {
+            this.h = value.h;
+            this.m = value.m;
+            value = this.getNewOrDefault();
+            this.value = value;
+            this.onChange(value);
+        });
+    }
+    ngOnInit() {
+        this.form = this.formBuilder.group({
+            h: '',
+            m: '',
+        });
+    }
+    getNewOrDefault() {
+        //reset if user deletes everything
+        if (this.h === '' && this.m === '') {
+            return '';
+        }
+        const ret = this.h.padStart(2, '0') + ':' + this.m.padStart(2, '0');
+        return ret;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+}
+TimeInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimeInputComponent, deps: [{ token: i1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+TimeInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TimeInputComponent, selector: "kms-time-input", providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => TimeInputComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<form [formGroup]=\"form\" class=\"timeInput\">\n    <input type=\"text\" formControlName=\"h\" [value]=\"h\" maxlength=\"2\" pattern=\"(0?[0-9]|1[0-9]|2[0-3])\"/>\n    <span>:</span>\n    <input type=\"text\" formControlName=\"m\" [value]=\"m\" maxlength=\"2\" pattern=\"(0?[0-9]|[1-5][0-9])\"/>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimeInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kms-time-input', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TimeInputComponent),
+                            multi: true,
+                        },
+                    ], template: "<form [formGroup]=\"form\" class=\"timeInput\">\n    <input type=\"text\" formControlName=\"h\" [value]=\"h\" maxlength=\"2\" pattern=\"(0?[0-9]|1[0-9]|2[0-3])\"/>\n    <span>:</span>\n    <input type=\"text\" formControlName=\"m\" [value]=\"m\" maxlength=\"2\" pattern=\"(0?[0-9]|[1-5][0-9])\"/>\n</form>" }]
+        }], ctorParameters: function () { return [{ type: i1.UntypedFormBuilder }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvdWkvdGltZS1pbnB1dC90aW1lLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS90aW1lLWlucHV0L3RpbWUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUE4RCxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFjL0csTUFBTSxPQUFPLGtCQUFrQjtJQUszQixZQUFtQixXQUErQjtRQUEvQixnQkFBVyxHQUFYLFdBQVcsQ0FBb0I7UUFIbEQsTUFBQyxHQUFHLEVBQUUsQ0FBQztRQUNQLE1BQUMsR0FBRyxFQUFFLENBQUM7UUE2RFAsZ0VBQWdFO1FBQ3pELGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFaEMsZ0VBQWdFO1FBQ2hFLFlBQU8sR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFeEIsZ0VBQWdFO1FBQ2hFLGNBQVMsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFoRTFCLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDTCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQUksS0FBSyxDQUFDLEtBQWE7UUFDbkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBYTtRQUNwQixJQUFHLEtBQUssSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBQztZQUMzQixJQUFJLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzNCLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUMsQ0FBQyxDQUFDLENBQUM7U0FDOUI7YUFBSyxJQUFHLEtBQUssSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBQztZQUNqQyxJQUFJLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzNCLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzdCO1FBRUQsMElBQTBJO1FBQzFJLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUV6QyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDckMsSUFBSSxDQUFDLENBQUMsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQ2pCLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQztZQUNqQixLQUFLLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDL0IsQ0FBQyxFQUFFLEVBQUU7WUFDTCxDQUFDLEVBQUUsRUFBRTtTQUNSLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxlQUFlO1FBQ1gsa0NBQWtDO1FBQ2xDLElBQUcsSUFBSSxDQUFDLENBQUMsS0FBSyxFQUFFLElBQUksSUFBSSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUM7WUFDOUIsT0FBTyxFQUFFLENBQUM7U0FDYjtRQUNELE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsR0FBSSxHQUFHLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ3JFLE9BQU8sR0FBRyxDQUFDO0lBQ2YsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDcEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQzs7K0dBOURRLGtCQUFrQjttR0FBbEIsa0JBQWtCLHlDQVJoQjtRQUNQO1lBQ0ksT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixDQUFDO1lBQ2pELEtBQUssRUFBRSxJQUFJO1NBQ2Q7S0FDSiwwQkNiTCxtVEFJTzsyRkRXTSxrQkFBa0I7a0JBWjlCLFNBQVM7K0JBQ0ksZ0JBQWdCLGFBR2Y7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsbUJBQW1CLENBQUM7NEJBQ2pELEtBQUssRUFBRSxJQUFJO3lCQUNkO3FCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBVbnR5cGVkRm9ybUJ1aWxkZXIsIFVudHlwZWRGb3JtR3JvdXAsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ttcy10aW1lLWlucHV0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGltZS1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGltZS1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFRpbWVJbnB1dENvbXBvbmVudCksXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBUaW1lSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgICBwdWJsaWMgZm9ybSE6IFVudHlwZWRGb3JtR3JvdXA7XG4gICAgaCA9ICcnO1xuICAgIG0gPSAnJztcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBmb3JtQnVpbGRlcjogVW50eXBlZEZvcm1CdWlsZGVyKSB7XG4gICAgICAgIFxuICAgIH1cblxuICAgIGdldCB2YWx1ZSgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy52YWx1ZTtcbiAgICB9XG4gICAgXG4gICAgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XG4gICAgICAgIHRoaXMub25Ub3VjaCh2YWx1ZSk7XG4gICAgfVxuXG4gICAgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIGlmKHZhbHVlICYmIHZhbHVlLmxlbmd0aCA9PT0gOCl7XG4gICAgICAgICAgICB0aGlzLmggPSB2YWx1ZS5zdWJzdHIoMCwyKTtcbiAgICAgICAgICAgIHRoaXMubSA9IHZhbHVlLnN1YnN0cigzLDIpO1xuICAgICAgICB9ZWxzZSBpZih2YWx1ZSAmJiB2YWx1ZS5sZW5ndGggPT09IDUpe1xuICAgICAgICAgICAgdGhpcy5oID0gdmFsdWUuc3Vic3RyKDAsMik7XG4gICAgICAgICAgICB0aGlzLm0gPSB2YWx1ZS5zdWJzdHIoLTIpO1xuICAgICAgICB9XG4gICAgICAgIFxuICAgICAgICAvL3dlIG5lZWQgdG8gYWxzbyB1cGRhdGUgdGhlIGZvcm0gdmFsdWUgYmVjYXVzZSBhbmd1bGFyIGhhcyBhIHByb2JsZW0gcmVhZGluZyBpdCBmcm9tIGZpcnN0IHRpbWUgd2hlbiB2YWx1ZWNoYW5nZXMgc3Vic2NyaXB0aW9uIHdhcyBmaXJlZC5cbiAgICAgICAgdGhpcy5mb3JtLmNvbnRyb2xzWydoJ10uc2V0VmFsdWUodGhpcy5oKTtcbiAgICAgICAgdGhpcy5mb3JtLmNvbnRyb2xzWydtJ10uc2V0VmFsdWUodGhpcy5tKTtcblxuICAgICAgICB0aGlzLmZvcm0udmFsdWVDaGFuZ2VzLnN1YnNjcmliZSh2YWx1ZSA9PiB7XG4gICAgICAgICAgICB0aGlzLmggPSB2YWx1ZS5oO1xuICAgICAgICAgICAgdGhpcy5tID0gdmFsdWUubTtcbiAgICAgICAgICAgIHZhbHVlID0gdGhpcy5nZXROZXdPckRlZmF1bHQoKTtcbiAgICAgICAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5mb3JtID0gdGhpcy5mb3JtQnVpbGRlci5ncm91cCh7XG4gICAgICAgICAgICBoOiAnJyxcbiAgICAgICAgICAgIG06ICcnLFxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBnZXROZXdPckRlZmF1bHQoKXtcbiAgICAgICAgLy9yZXNldCBpZiB1c2VyIGRlbGV0ZXMgZXZlcnl0aGluZ1xuICAgICAgICBpZih0aGlzLmggPT09ICcnICYmIHRoaXMubSA9PT0gJycpe1xuICAgICAgICAgICAgcmV0dXJuICcnOyBcbiAgICAgICAgfVxuICAgICAgICBjb25zdCByZXQgPSB0aGlzLmgucGFkU3RhcnQoMiwgJzAnKSArICAnOicgKyB0aGlzLm0ucGFkU3RhcnQoMiwgJzAnKTtcbiAgICAgICAgcmV0dXJuIHJldDtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpIHtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpIHtcbiAgICAgICAgdGhpcy5vblRvdWNoID0gZm47XG4gICAgfVxuXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1lbXB0eS1mdW5jdGlvblxuICAgIHB1YmxpYyBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XG5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWVtcHR5LWZ1bmN0aW9uXG4gICAgb25Ub3VjaDogYW55ID0gKCkgPT4ge307XG5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWVtcHR5LWZ1bmN0aW9uXG4gICAgb25Ub3VjaGVkOiBhbnkgPSAoKSA9PiB7fTtcbn1cbiIsIjxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybVwiIGNsYXNzPVwidGltZUlucHV0XCI+XG4gICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgZm9ybUNvbnRyb2xOYW1lPVwiaFwiIFt2YWx1ZV09XCJoXCIgbWF4bGVuZ3RoPVwiMlwiIHBhdHRlcm49XCIoMD9bMC05XXwxWzAtOV18MlswLTNdKVwiLz5cbiAgICA8c3Bhbj46PC9zcGFuPlxuICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIGZvcm1Db250cm9sTmFtZT1cIm1cIiBbdmFsdWVdPVwibVwiIG1heGxlbmd0aD1cIjJcIiBwYXR0ZXJuPVwiKDA/WzAtOV18WzEtNV1bMC05XSlcIi8+XG48L2Zvcm0+Il19

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

@@ -0,0 +1,16 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TooltipComponent {
+    constructor() {
+        this.tooltipTitle = "";
+    }
+}
+TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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: "14.3.0", 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvdWkvdG9vbHRpcC90b29sdGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS90b29sdGlwL3Rvb2x0aXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT2pELE1BQU0sT0FBTyxnQkFBZ0I7SUFMN0I7UUFNYSxpQkFBWSxHQUFHLEVBQUUsQ0FBQztLQUM5Qjs7NkdBRlksZ0JBQWdCO2lHQUFoQixnQkFBZ0IscUdDUDdCLDJCQUF5QjsyRkRPWixnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0kscUJBQXFCOzhCQUt0QixZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ttcy10b29sdGlwLWVsZW1lbnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90b29sdGlwLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90b29sdGlwLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVG9vbHRpcENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdG9vbHRpcFRpdGxlID0gXCJcIjtcbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD4iXX0=

package/esm2020/lib/ui/tooltip-icon/tooltip-icon.component.mjs

@@ -0,0 +1,35 @@
+import { Component, Input } from '@angular/core';
+import { IconSize } from '../../models';
+import * as i0 from "@angular/core";
+import * as i1 from "../../directives/tooltip.directive";
+import * as i2 from "../icon/icon.component";
+export class TooltipIconComponent {
+    constructor() {
+        this.tooltipTitle = "";
+        this.tooltipText = "";
+        this.tooltipLinkText = "";
+        this.tooltipLinkUrl = "";
+        this.placement = "";
+        this.delay = 1000;
+        this.IconSize = IconSize;
+    }
+}
+TooltipIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TooltipIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TooltipIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: { tooltipTitle: "tooltipTitle", tooltipText: "tooltipText", tooltipLinkText: "tooltipLinkText", tooltipLinkUrl: "tooltipLinkUrl", placement: "placement", delay: "delay" }, ngImport: i0, template: "<span\n    kmsTooltip\n    [tooltipTitle]=\"tooltipTitle\"\n    [tooltipText]=\"tooltipText\"\n    [tooltipPlacement]=\"placement\"\n    [tooltipDelay]=\"delay\"\n    [tooltipLinkText]=\"tooltipLinkText\"\n    [tooltipLinkUrl]=\"tooltipLinkUrl\"\n>\n    <kms-icon icon=\"ic_info\" [iconSize]=\"IconSize.SMALLER\" [iconClass]=\"'color-primary'\"></kms-icon>\n</span>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.TooltipDirective, selector: "[kmsTooltip]", inputs: ["tooltipTitle", "tooltipText", "tooltipLinkText", "tooltipLinkUrl", "tooltipPlacement", "tooltipDelay", "tooltipPlaceIntoHost", "tooltipOnlyonclick"] }, { kind: "component", type: i2.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "dontUseSprite"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TooltipIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kms-tooltip-icon', template: "<span\n    kmsTooltip\n    [tooltipTitle]=\"tooltipTitle\"\n    [tooltipText]=\"tooltipText\"\n    [tooltipPlacement]=\"placement\"\n    [tooltipDelay]=\"delay\"\n    [tooltipLinkText]=\"tooltipLinkText\"\n    [tooltipLinkUrl]=\"tooltipLinkUrl\"\n>\n    <kms-icon icon=\"ic_info\" [iconSize]=\"IconSize.SMALLER\" [iconClass]=\"'color-primary'\"></kms-icon>\n</span>\n" }]
+        }], propDecorators: { tooltipTitle: [{
+                type: Input
+            }], tooltipText: [{
+                type: Input
+            }], tooltipLinkText: [{
+                type: Input
+            }], tooltipLinkUrl: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }], delay: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS90b29sdGlwLWljb24vdG9vbHRpcC1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS90b29sdGlwLWljb24vdG9vbHRpcC1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUM7Ozs7QUFPeEMsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQU1hLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLG9CQUFlLEdBQUcsRUFBRSxDQUFDO1FBQ3JCLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBRXBCLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFDZixVQUFLLEdBQUcsSUFBSSxDQUFDO1FBRXRCLGFBQVEsR0FBRyxRQUFRLENBQUM7S0FDdkI7O2lIQVZZLG9CQUFvQjtxR0FBcEIsb0JBQW9CLDRPQ1JqQyxpWEFXQTsyRkRIYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0ksa0JBQWtCOzhCQUtuQixZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvblNpemUgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ttcy10b29sdGlwLWljb24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90b29sdGlwLWljb24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Rvb2x0aXAtaWNvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBJY29uQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSB0b29sdGlwVGl0bGUgPSBcIlwiO1xuICAgIEBJbnB1dCgpIHRvb2x0aXBUZXh0ID0gXCJcIjtcbiAgICBASW5wdXQoKSB0b29sdGlwTGlua1RleHQgPSBcIlwiO1xuICAgIEBJbnB1dCgpIHRvb2x0aXBMaW5rVXJsID0gXCJcIjtcblxuICAgIEBJbnB1dCgpIHBsYWNlbWVudCA9IFwiXCI7XG4gICAgQElucHV0KCkgZGVsYXkgPSAxMDAwO1xuXG4gICAgSWNvblNpemUgPSBJY29uU2l6ZTtcbn1cbiIsIjxzcGFuXG4gICAga21zVG9vbHRpcFxuICAgIFt0b29sdGlwVGl0bGVdPVwidG9vbHRpcFRpdGxlXCJcbiAgICBbdG9vbHRpcFRleHRdPVwidG9vbHRpcFRleHRcIlxuICAgIFt0b29sdGlwUGxhY2VtZW50XT1cInBsYWNlbWVudFwiXG4gICAgW3Rvb2x0aXBEZWxheV09XCJkZWxheVwiXG4gICAgW3Rvb2x0aXBMaW5rVGV4dF09XCJ0b29sdGlwTGlua1RleHRcIlxuICAgIFt0b29sdGlwTGlua1VybF09XCJ0b29sdGlwTGlua1VybFwiXG4+XG4gICAgPGttcy1pY29uIGljb249XCJpY19pbmZvXCIgW2ljb25TaXplXT1cIkljb25TaXplLlNNQUxMRVJcIiBbaWNvbkNsYXNzXT1cIidjb2xvci1wcmltYXJ5J1wiPjwva21zLWljb24+XG48L3NwYW4+XG4iXX0=