@simpleangularcontrols/sac-common 10.0.0-rc.3 → 10.0.0-rc.30

package/esm2015/controls/list/dropdown.js

@@ -1,270 +1,182 @@
-import { Directive, ElementRef, Host, Injector, Input, Renderer2, } from '@angular/core';
-import { SacBaseSelectControl } from '../../common/baseselectcontrol';
-import { Validation } from '../../validation';
-import { SacFormLayoutCommon } from '../layout/formlayout';
-// #region Classes
-/**
- * Base Dropdown Komponente
- */
-export class SacDropdownCommon extends SacBaseSelectControl {
-    // #endregion Properties
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formlayout SacFormLayoutCommon to define scoped layout settings
-     * @param injector Injector for injecting services
-     * @param renderer html rendering engine
-     * @param elementRef reference to html element
-     */
-    constructor(formlayout, injector, renderer, elementRef) {
-        super(formlayout, injector);
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        // #region Properties
-        /**
-         * compareWith-Funktion
-         */
-        this._compareWith = Object.is;
-        /**
-         * Label Text für Empty Item
-         */
-        this.emptylabel = '';
-        /**
-         * Option Value für Empty Item
-         */
-        this.emptyvalue = null;
-        /**
-         * Resource Key für Validation Message Required bei Control
-         */
-        this.validationmessagerequired = this.validationKeyService.ValidationErrorRequired;
-        /**
-         * Resource Key für Validation Message Required in Validation Summary
-         */
-        this.validationmessagesummaryrequired = this.validationKeyService.ValidationErrorSummaryRequired;
-        /**
-         * Counter vom OptionID; default Wert = 0
-         */
-        this._optionIdCounter = 0;
-        /**
-         * OptionMap
-         */
-        this._optionMap = new Map();
-    }
-    // #endregion Constructors
-    // #region Public Getters And Setters
-    /**
-     * compareWith-Funktion
-     */
-    set comparewith(fn) {
-        if (typeof fn !== 'function') {
-            throw new Error(`compareWith must be a function, but received ${JSON.stringify(fn)}`);
-        }
-        this._compareWith = fn;
-    }
-    // #endregion Public Getters And Setters
-    // #region Public Methods
-    /**
-     * Registriert das OptionID-Counter als String
-     */
-    registerOption() {
-        return (this._optionIdCounter++).toString();
-    }
-    /**
-     * Methode die von Options aufgerufen wird, um das Mapping zwischen Dropdown Value und Value herzustellen.
-     * @param id: Id aus Options
-     * @param value: Value
-     */
-    setOptionMap(id, value) {
-        this._optionMap.set(id, value);
-        // Selected Value auf Control aktualisieren, wenn Value dem SelectedValue entspricht
-        if (this.value === value) {
-            this.setSelectedValue(value);
-        }
-    }
-    /**
-     * Wert einstellen
-     * @param value - Wert
-     */
-    setValue(value) {
-        super.setValue(this.getOptionValue(value));
-    }
-    /**
-     * Validator
-     * @param c Control Instanz
-     */
-    validateData(c) {
-        let error = null;
-        if (this.isrequired) {
-            error = Validation.required(this.validationmessagerequired, this.validationmessagesummaryrequired)(c);
-        }
-        return error;
-    }
-    /**
-     * Wert schreiben
-     * @param value - Wert
-     */
-    writeValue(value) {
-        this.setSelectedValue(value);
-        super.writeValue(value);
-    }
-    // #endregion Public Methods
-    // #region Private Methods
-    /**
-     * ID extrahieren
-     * @param valueString String bei welchem die ID Extrahiert werden soll
-     */
-    extractId(valueString) {
-        return valueString.split(':')[0];
-    }
-    /**
-     * Nimmt das ID vom Option
-     * @param value
-     */
-    getOptionId(value) {
-        for (const id of Array.from(this._optionMap.keys())) {
-            if (this._compareWith(this._optionMap.get(id), value)) {
-                return id;
-            }
-        }
-        return null;
-    }
-    /**
-     * Nimmt den String-Wert vom Option
-     * @param valueString
-     */
-    getOptionValue(valueString) {
-        const id = this.extractId(valueString);
-        return this._optionMap.has(id) ? this._optionMap.get(id) : valueString;
-    }
-    /**
-     * Setzt den Selected Value auf dem Control
-     * @param value Value
-     */
-    setSelectedValue(value) {
-        // Select Item aus Control lesen
-        const selectItem = this.elementRef.nativeElement.getElementsByTagName('select')[0];
-        /**
-         * Id vom Select Item
-         */
-        const id = this.getOptionId(value);
-        /**
-         * Value String
-         */
-        const valueString = _buildValueString(id, value);
-        if (selectItem !== undefined) {
-            this.renderer.setProperty(selectItem, 'value', valueString);
-        }
-    }
-}
-SacDropdownCommon.decorators = [
-    { type: Directive }
-];
-SacDropdownCommon.ctorParameters = () => [
-    { type: SacFormLayoutCommon, decorators: [{ type: Host }] },
-    { type: Injector },
-    { type: Renderer2 },
-    { type: ElementRef }
-];
-SacDropdownCommon.propDecorators = {
-    emptylabel: [{ type: Input }],
-    emptyvalue: [{ type: Input }],
-    validationmessagerequired: [{ type: Input }],
-    validationmessagesummaryrequired: [{ type: Input }],
-    comparewith: [{ type: Input }]
-};
-/**
- * SacDropdownOption-Klasse
- */
-export class SacDropdownOptionCommon {
-    // #endregion Properties
-    // #region Constructors
-    /**
-     * Konstruktor
-     * @param _element Referenz auf HTML Element
-     * @param _renderer Render Engine
-     * @param _dropdown Dropdown Instanz
-     */
-    constructor(_element, _renderer, _dropdown) {
-        this._element = _element;
-        this._renderer = _renderer;
-        this._dropdown = _dropdown;
-        // #region Properties
-        /**
-         * ID-String
-         */
-        this.id = null;
-        if (this._dropdown) {
-            this.id = this._dropdown.registerOption();
-        }
-    }
-    // #endregion Constructors
-    // #region Public Getters And Setters
-    /**
-     * Option ngValue
-     */
-    set ngValue(value) {
-        // Cancel wenn kein Parent Dropdown vorhanden
-        if (this._dropdown == null) {
-            return;
-        }
-        this._dropdown.setOptionMap(this.id, value);
-        this._setElementValue(_buildValueString(this.id, value));
-        this._dropdown.writeValue(this._dropdown.value);
-    }
-    /**
-     * Wert-Setter
-     */
-    set value(value) {
-        this._setElementValue(value);
-    }
-    // #endregion Public Getters And Setters
-    // #region Public Methods
-    /**
-     * Den Wert vom Option-Element einstellen
-     * @param value Wert
-     */
-    _setElementValue(value) {
-        this._renderer.setProperty(this._element.nativeElement, 'value', value);
-    }
-    /**
-     * OnDestroy Event
-     */
-    ngOnDestroy() {
-        if (this._dropdown) {
-            this._dropdown._optionMap.delete(this.id);
-        }
-    }
-}
-SacDropdownOptionCommon.decorators = [
-    { type: Directive }
-];
-SacDropdownOptionCommon.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 },
-    { type: SacDropdownCommon }
-];
-SacDropdownOptionCommon.propDecorators = {
-    ngValue: [{ type: Input }],
-    value: [{ type: Input }]
-};
-// #endregion Classes
-// #region Functions
-/**
- * Function um ein Key Value Pair für das Dropdown zu erzeugen
- * @param id ID
- * @param value Wert der an das Element gebunden werden soll
- */
-export function _buildValueString(id, value) {
-    // Wenn ID null ist Object zurückgeben
-    if (id == null) {
-        return `${value}`;
-    }
-    // Mapping Objekt zu String
-    if (value && typeof value === 'object') {
-        value = 'Object';
-    }
-    // String als ID
-    return `${id}: ${value}`.slice(0, 50);
-}
-// #endregion Functions
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uanMiLCJzb3VyY2VSb290IjoiQzovRGF0ZW4vak5ldHdvcmsvY2guam5ldHdvcmsuYW5ndWxhcmNvbnRyb2xzLW5nMTAvY2guam5ldHdvcmsuc2FjLWNvbnRyb2xzL3Byb2plY3RzL3NhYy1jb21tb24vc3JjLyIsInNvdXJjZXMiOlsiY29udHJvbHMvbGlzdC9kcm9wZG93bi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFVBQVUsRUFDVixJQUFJLEVBQ0osUUFBUSxFQUNSLEtBQUssRUFFTCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDdEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRTNELGtCQUFrQjtBQUVsQjs7R0FFRztBQUVILE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxvQkFBeUI7SUFxQzlELHdCQUF3QjtJQUV4Qix1QkFBdUI7SUFFdkI7Ozs7OztPQU1HO0lBQ0gsWUFDVSxVQUErQixFQUN2QyxRQUFrQixFQUNWLFFBQW1CLEVBQ25CLFVBQXNCO1FBRTlCLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFIcEIsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBbkRoQyxxQkFBcUI7UUFFckI7O1dBRUc7UUFDSyxpQkFBWSxHQUFrQyxNQUFNLENBQUMsRUFBRSxDQUFDO1FBRWhFOztXQUVHO1FBQ2EsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUN4Qzs7V0FFRztRQUNhLGVBQVUsR0FBVyxJQUFJLENBQUM7UUFDMUM7O1dBRUc7UUFDYSw4QkFBeUIsR0FDdkMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLHVCQUF1QixDQUFDO1FBQ3BEOztXQUVHO1FBRUkscUNBQWdDLEdBQ3JDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyw4QkFBOEIsQ0FBQztRQUUzRDs7V0FFRztRQUNJLHFCQUFnQixHQUFXLENBQUMsQ0FBQztRQUNwQzs7V0FFRztRQUNJLGVBQVUsR0FBcUIsSUFBSSxHQUFHLEVBQWUsQ0FBQztJQW9CN0QsQ0FBQztJQUVELDBCQUEwQjtJQUUxQixxQ0FBcUM7SUFFckM7O09BRUc7SUFDSCxJQUNXLFdBQVcsQ0FBQyxFQUFpQztRQUN0RCxJQUFJLE9BQU8sRUFBRSxLQUFLLFVBQVUsRUFBRTtZQUM1QixNQUFNLElBQUksS0FBSyxDQUNiLGdEQUFnRCxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQ3JFLENBQUM7U0FDSDtRQUNELElBQUksQ0FBQyxZQUFZLEdBQUcsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCx3Q0FBd0M7SUFFeEMseUJBQXlCO0lBRXpCOztPQUVHO0lBQ0ksY0FBYztRQUNuQixPQUFPLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM5QyxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNJLFlBQVksQ0FBQyxFQUFVLEVBQUUsS0FBVTtRQUN4QyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFFL0Isb0ZBQW9GO1FBQ3BGLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxLQUFLLEVBQUU7WUFDeEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzlCO0lBQ0gsQ0FBQztJQUVEOzs7T0FHRztJQUNJLFFBQVEsQ0FBQyxLQUFhO1FBQzNCLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFRDs7O09BR0c7SUFDSSxZQUFZLENBQUMsQ0FBa0I7UUFDcEMsSUFBSSxLQUFLLEdBQTRCLElBQUksQ0FBQztRQUUxQyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsS0FBSyxHQUFHLFVBQVUsQ0FBQyxRQUFRLENBQ3pCLElBQUksQ0FBQyx5QkFBeUIsRUFDOUIsSUFBSSxDQUFDLGdDQUFnQyxDQUN0QyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ047UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRDs7O09BR0c7SUFDSSxVQUFVLENBQUMsS0FBVTtRQUMxQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDN0IsS0FBSyxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsNEJBQTRCO0lBRTVCLDBCQUEwQjtJQUUxQjs7O09BR0c7SUFDSyxTQUFTLENBQUMsV0FBbUI7UUFDbkMsT0FBTyxXQUFXLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRDs7O09BR0c7SUFDSyxXQUFXLENBQUMsS0FBVTtRQUM1QixLQUFLLE1BQU0sRUFBRSxJQUFJLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUFFO1lBQ25ELElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsRUFBRSxLQUFLLENBQUMsRUFBRTtnQkFDckQsT0FBTyxFQUFFLENBQUM7YUFDWDtTQUNGO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ssY0FBYyxDQUFDLFdBQW1CO1FBQ3hDLE1BQU0sRUFBRSxHQUFXLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDL0MsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQztJQUN6RSxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ssZ0JBQWdCLENBQUMsS0FBVTtRQUNqQyxnQ0FBZ0M7UUFDaEMsTUFBTSxVQUFVLEdBQ2QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsb0JBQW9CLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEU7O1dBRUc7UUFDSCxNQUFNLEVBQUUsR0FBa0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNsRDs7V0FFRztRQUNILE1BQU0sV0FBVyxHQUFHLGlCQUFpQixDQUFDLEVBQUUsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUVqRCxJQUFJLFVBQVUsS0FBSyxTQUFTLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxFQUFFLE9BQU8sRUFBRSxXQUFXLENBQUMsQ0FBQztTQUM3RDtJQUNILENBQUM7OztZQTNMRixTQUFTOzs7WUFQRCxtQkFBbUIsdUJBeUR2QixJQUFJO1lBakVQLFFBQVE7WUFHUixTQUFTO1lBTFQsVUFBVTs7O3lCQTZCVCxLQUFLO3lCQUlMLEtBQUs7d0NBSUwsS0FBSzsrQ0FLTCxLQUFLOzBCQXdDTCxLQUFLOztBQStIUjs7R0FFRztBQUVILE1BQU0sT0FBTyx1QkFBdUI7SUFRbEMsd0JBQXdCO0lBRXhCLHVCQUF1QjtJQUV2Qjs7Ozs7T0FLRztJQUNILFlBQ1UsUUFBb0IsRUFDcEIsU0FBb0IsRUFDcEIsU0FBNEI7UUFGNUIsYUFBUSxHQUFSLFFBQVEsQ0FBWTtRQUNwQixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQ3BCLGNBQVMsR0FBVCxTQUFTLENBQW1CO1FBcEJ0QyxxQkFBcUI7UUFFckI7O1dBRUc7UUFDSyxPQUFFLEdBQVcsSUFBSSxDQUFDO1FBaUJ4QixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDbEIsSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQzNDO0lBQ0gsQ0FBQztJQUVELDBCQUEwQjtJQUUxQixxQ0FBcUM7SUFFckM7O09BRUc7SUFDSCxJQUNXLE9BQU8sQ0FBQyxLQUFVO1FBQzNCLDZDQUE2QztRQUM3QyxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxFQUFFO1lBQzFCLE9BQU87U0FDUjtRQUVELElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDNUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUV6RCxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFRDs7T0FFRztJQUNILElBQ1csS0FBSyxDQUFDLEtBQVU7UUFDekIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCx3Q0FBd0M7SUFFeEMseUJBQXlCO0lBRXpCOzs7T0FHRztJQUNJLGdCQUFnQixDQUFDLEtBQWE7UUFDbkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQzFFLENBQUM7SUFFRDs7T0FFRztJQUNJLFdBQVc7UUFDaEIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7U0FDM0M7SUFDSCxDQUFDOzs7WUE1RUYsU0FBUzs7O1lBcE5SLFVBQVU7WUFLVixTQUFTO1lBcU9ZLGlCQUFpQjs7O3NCQWNyQyxLQUFLO29CQWdCTCxLQUFLOztBQTZCUixxQkFBcUI7QUFFckIsb0JBQW9CO0FBRXBCOzs7O0dBSUc7QUFDSCxNQUFNLFVBQVUsaUJBQWlCLENBQUMsRUFBaUIsRUFBRSxLQUFVO0lBQzdELHNDQUFzQztJQUN0QyxJQUFJLEVBQUUsSUFBSSxJQUFJLEVBQUU7UUFDZCxPQUFPLEdBQUcsS0FBSyxFQUFFLENBQUM7S0FDbkI7SUFFRCwyQkFBMkI7SUFDM0IsSUFBSSxLQUFLLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFO1FBQ3RDLEtBQUssR0FBRyxRQUFRLENBQUM7S0FDbEI7SUFFRCxnQkFBZ0I7SUFDaEIsT0FBTyxHQUFHLEVBQUUsS0FBSyxLQUFLLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0FBQ3hDLENBQUM7QUFFRCx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIERpcmVjdGl2ZSxcclxuICBFbGVtZW50UmVmLFxyXG4gIEhvc3QsXHJcbiAgSW5qZWN0b3IsXHJcbiAgSW5wdXQsXHJcbiAgT25EZXN0cm95LFxyXG4gIFJlbmRlcmVyMixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBWYWxpZGF0aW9uRXJyb3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTYWNCYXNlU2VsZWN0Q29udHJvbCB9IGZyb20gJy4uLy4uL2NvbW1vbi9iYXNlc2VsZWN0Y29udHJvbCc7XHJcbmltcG9ydCB7IFZhbGlkYXRpb24gfSBmcm9tICcuLi8uLi92YWxpZGF0aW9uJztcclxuaW1wb3J0IHsgU2FjRm9ybUxheW91dENvbW1vbiB9IGZyb20gJy4uL2xheW91dC9mb3JtbGF5b3V0JztcclxuXHJcbi8vICNyZWdpb24gQ2xhc3Nlc1xyXG5cclxuLyoqXHJcbiAqIEJhc2UgRHJvcGRvd24gS29tcG9uZW50ZVxyXG4gKi9cclxuQERpcmVjdGl2ZSgpXHJcbmV4cG9ydCBjbGFzcyBTYWNEcm9wZG93bkNvbW1vbiBleHRlbmRzIFNhY0Jhc2VTZWxlY3RDb250cm9sPGFueT4ge1xyXG4gIC8vICNyZWdpb24gUHJvcGVydGllc1xyXG5cclxuICAvKipcclxuICAgKiBjb21wYXJlV2l0aC1GdW5rdGlvblxyXG4gICAqL1xyXG4gIHByaXZhdGUgX2NvbXBhcmVXaXRoOiAobzE6IGFueSwgbzI6IGFueSkgPT4gYm9vbGVhbiA9IE9iamVjdC5pcztcclxuXHJcbiAgLyoqXHJcbiAgICogTGFiZWwgVGV4dCBmw7xyIEVtcHR5IEl0ZW1cclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgZW1wdHlsYWJlbDogc3RyaW5nID0gJyc7XHJcbiAgLyoqXHJcbiAgICogT3B0aW9uIFZhbHVlIGbDvHIgRW1wdHkgSXRlbVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBlbXB0eXZhbHVlOiBzdHJpbmcgPSBudWxsO1xyXG4gIC8qKlxyXG4gICAqIFJlc291cmNlIEtleSBmw7xyIFZhbGlkYXRpb24gTWVzc2FnZSBSZXF1aXJlZCBiZWkgQ29udHJvbFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB2YWxpZGF0aW9ubWVzc2FnZXJlcXVpcmVkOiBzdHJpbmcgPVxyXG4gICAgdGhpcy52YWxpZGF0aW9uS2V5U2VydmljZS5WYWxpZGF0aW9uRXJyb3JSZXF1aXJlZDtcclxuICAvKipcclxuICAgKiBSZXNvdXJjZSBLZXkgZsO8ciBWYWxpZGF0aW9uIE1lc3NhZ2UgUmVxdWlyZWQgaW4gVmFsaWRhdGlvbiBTdW1tYXJ5XHJcbiAgICovXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgdmFsaWRhdGlvbm1lc3NhZ2VzdW1tYXJ5cmVxdWlyZWQ6IHN0cmluZyA9XHJcbiAgICB0aGlzLnZhbGlkYXRpb25LZXlTZXJ2aWNlLlZhbGlkYXRpb25FcnJvclN1bW1hcnlSZXF1aXJlZDtcclxuXHJcbiAgLyoqXHJcbiAgICogQ291bnRlciB2b20gT3B0aW9uSUQ7IGRlZmF1bHQgV2VydCA9IDBcclxuICAgKi9cclxuICBwdWJsaWMgX29wdGlvbklkQ291bnRlcjogbnVtYmVyID0gMDtcclxuICAvKipcclxuICAgKiBPcHRpb25NYXBcclxuICAgKi9cclxuICBwdWJsaWMgX29wdGlvbk1hcDogTWFwPHN0cmluZywgYW55PiA9IG5ldyBNYXA8c3RyaW5nLCBhbnk+KCk7XHJcblxyXG4gIC8vICNlbmRyZWdpb24gUHJvcGVydGllc1xyXG5cclxuICAvLyAjcmVnaW9uIENvbnN0cnVjdG9yc1xyXG5cclxuICAvKipcclxuICAgKiBDb25zdHJ1Y3RvclxyXG4gICAqIEBwYXJhbSBmb3JtbGF5b3V0IFNhY0Zvcm1MYXlvdXRDb21tb24gdG8gZGVmaW5lIHNjb3BlZCBsYXlvdXQgc2V0dGluZ3NcclxuICAgKiBAcGFyYW0gaW5qZWN0b3IgSW5qZWN0b3IgZm9yIGluamVjdGluZyBzZXJ2aWNlc1xyXG4gICAqIEBwYXJhbSByZW5kZXJlciBodG1sIHJlbmRlcmluZyBlbmdpbmVcclxuICAgKiBAcGFyYW0gZWxlbWVudFJlZiByZWZlcmVuY2UgdG8gaHRtbCBlbGVtZW50XHJcbiAgICovXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBASG9zdCgpIGZvcm1sYXlvdXQ6IFNhY0Zvcm1MYXlvdXRDb21tb24sXHJcbiAgICBpbmplY3RvcjogSW5qZWN0b3IsXHJcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXHJcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWZcclxuICApIHtcclxuICAgIHN1cGVyKGZvcm1sYXlvdXQsIGluamVjdG9yKTtcclxuICB9XHJcblxyXG4gIC8vICNlbmRyZWdpb24gQ29uc3RydWN0b3JzXHJcblxyXG4gIC8vICNyZWdpb24gUHVibGljIEdldHRlcnMgQW5kIFNldHRlcnNcclxuXHJcbiAgLyoqXHJcbiAgICogY29tcGFyZVdpdGgtRnVua3Rpb25cclxuICAgKi9cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzZXQgY29tcGFyZXdpdGgoZm46IChvMTogYW55LCBvMjogYW55KSA9PiBib29sZWFuKSB7XHJcbiAgICBpZiAodHlwZW9mIGZuICE9PSAnZnVuY3Rpb24nKSB7XHJcbiAgICAgIHRocm93IG5ldyBFcnJvcihcclxuICAgICAgICBgY29tcGFyZVdpdGggbXVzdCBiZSBhIGZ1bmN0aW9uLCBidXQgcmVjZWl2ZWQgJHtKU09OLnN0cmluZ2lmeShmbil9YFxyXG4gICAgICApO1xyXG4gICAgfVxyXG4gICAgdGhpcy5fY29tcGFyZVdpdGggPSBmbjtcclxuICB9XHJcblxyXG4gIC8vICNlbmRyZWdpb24gUHVibGljIEdldHRlcnMgQW5kIFNldHRlcnNcclxuXHJcbiAgLy8gI3JlZ2lvbiBQdWJsaWMgTWV0aG9kc1xyXG5cclxuICAvKipcclxuICAgKiBSZWdpc3RyaWVydCBkYXMgT3B0aW9uSUQtQ291bnRlciBhbHMgU3RyaW5nXHJcbiAgICovXHJcbiAgcHVibGljIHJlZ2lzdGVyT3B0aW9uKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gKHRoaXMuX29wdGlvbklkQ291bnRlcisrKS50b1N0cmluZygpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogTWV0aG9kZSBkaWUgdm9uIE9wdGlvbnMgYXVmZ2VydWZlbiB3aXJkLCB1bSBkYXMgTWFwcGluZyB6d2lzY2hlbiBEcm9wZG93biBWYWx1ZSB1bmQgVmFsdWUgaGVyenVzdGVsbGVuLlxyXG4gICAqIEBwYXJhbSBpZDogSWQgYXVzIE9wdGlvbnNcclxuICAgKiBAcGFyYW0gdmFsdWU6IFZhbHVlXHJcbiAgICovXHJcbiAgcHVibGljIHNldE9wdGlvbk1hcChpZDogc3RyaW5nLCB2YWx1ZTogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLl9vcHRpb25NYXAuc2V0KGlkLCB2YWx1ZSk7XHJcblxyXG4gICAgLy8gU2VsZWN0ZWQgVmFsdWUgYXVmIENvbnRyb2wgYWt0dWFsaXNpZXJlbiwgd2VubiBWYWx1ZSBkZW0gU2VsZWN0ZWRWYWx1ZSBlbnRzcHJpY2h0XHJcbiAgICBpZiAodGhpcy52YWx1ZSA9PT0gdmFsdWUpIHtcclxuICAgICAgdGhpcy5zZXRTZWxlY3RlZFZhbHVlKHZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFdlcnQgZWluc3RlbGxlblxyXG4gICAqIEBwYXJhbSB2YWx1ZSAtIFdlcnRcclxuICAgKi9cclxuICBwdWJsaWMgc2V0VmFsdWUodmFsdWU6IHN0cmluZykge1xyXG4gICAgc3VwZXIuc2V0VmFsdWUodGhpcy5nZXRPcHRpb25WYWx1ZSh2YWx1ZSkpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogVmFsaWRhdG9yXHJcbiAgICogQHBhcmFtIGMgQ29udHJvbCBJbnN0YW56XHJcbiAgICovXHJcbiAgcHVibGljIHZhbGlkYXRlRGF0YShjOiBBYnN0cmFjdENvbnRyb2wpOiBWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbCB7XHJcbiAgICBsZXQgZXJyb3I6IFZhbGlkYXRpb25FcnJvcnMgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgICBpZiAodGhpcy5pc3JlcXVpcmVkKSB7XHJcbiAgICAgIGVycm9yID0gVmFsaWRhdGlvbi5yZXF1aXJlZChcclxuICAgICAgICB0aGlzLnZhbGlkYXRpb25tZXNzYWdlcmVxdWlyZWQsXHJcbiAgICAgICAgdGhpcy52YWxpZGF0aW9ubWVzc2FnZXN1bW1hcnlyZXF1aXJlZFxyXG4gICAgICApKGMpO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIGVycm9yO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogV2VydCBzY2hyZWliZW5cclxuICAgKiBAcGFyYW0gdmFsdWUgLSBXZXJ0XHJcbiAgICovXHJcbiAgcHVibGljIHdyaXRlVmFsdWUodmFsdWU6IGFueSkge1xyXG4gICAgdGhpcy5zZXRTZWxlY3RlZFZhbHVlKHZhbHVlKTtcclxuICAgIHN1cGVyLndyaXRlVmFsdWUodmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgLy8gI2VuZHJlZ2lvbiBQdWJsaWMgTWV0aG9kc1xyXG5cclxuICAvLyAjcmVnaW9uIFByaXZhdGUgTWV0aG9kc1xyXG5cclxuICAvKipcclxuICAgKiBJRCBleHRyYWhpZXJlblxyXG4gICAqIEBwYXJhbSB2YWx1ZVN0cmluZyBTdHJpbmcgYmVpIHdlbGNoZW0gZGllIElEIEV4dHJhaGllcnQgd2VyZGVuIHNvbGxcclxuICAgKi9cclxuICBwcml2YXRlIGV4dHJhY3RJZCh2YWx1ZVN0cmluZzogc3RyaW5nKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB2YWx1ZVN0cmluZy5zcGxpdCgnOicpWzBdO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogTmltbXQgZGFzIElEIHZvbSBPcHRpb25cclxuICAgKiBAcGFyYW0gdmFsdWVcclxuICAgKi9cclxuICBwcml2YXRlIGdldE9wdGlvbklkKHZhbHVlOiBhbnkpOiBzdHJpbmcgfCBudWxsIHtcclxuICAgIGZvciAoY29uc3QgaWQgb2YgQXJyYXkuZnJvbSh0aGlzLl9vcHRpb25NYXAua2V5cygpKSkge1xyXG4gICAgICBpZiAodGhpcy5fY29tcGFyZVdpdGgodGhpcy5fb3B0aW9uTWFwLmdldChpZCksIHZhbHVlKSkge1xyXG4gICAgICAgIHJldHVybiBpZDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIG51bGw7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBOaW1tdCBkZW4gU3RyaW5nLVdlcnQgdm9tIE9wdGlvblxyXG4gICAqIEBwYXJhbSB2YWx1ZVN0cmluZ1xyXG4gICAqL1xyXG4gIHByaXZhdGUgZ2V0T3B0aW9uVmFsdWUodmFsdWVTdHJpbmc6IHN0cmluZyk6IGFueSB7XHJcbiAgICBjb25zdCBpZDogc3RyaW5nID0gdGhpcy5leHRyYWN0SWQodmFsdWVTdHJpbmcpO1xyXG4gICAgcmV0dXJuIHRoaXMuX29wdGlvbk1hcC5oYXMoaWQpID8gdGhpcy5fb3B0aW9uTWFwLmdldChpZCkgOiB2YWx1ZVN0cmluZztcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFNldHp0IGRlbiBTZWxlY3RlZCBWYWx1ZSBhdWYgZGVtIENvbnRyb2xcclxuICAgKiBAcGFyYW0gdmFsdWUgVmFsdWVcclxuICAgKi9cclxuICBwcml2YXRlIHNldFNlbGVjdGVkVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgLy8gU2VsZWN0IEl0ZW0gYXVzIENvbnRyb2wgbGVzZW5cclxuICAgIGNvbnN0IHNlbGVjdEl0ZW06IGFueSA9XHJcbiAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCdzZWxlY3QnKVswXTtcclxuICAgIC8qKlxyXG4gICAgICogSWQgdm9tIFNlbGVjdCBJdGVtXHJcbiAgICAgKi9cclxuICAgIGNvbnN0IGlkOiBzdHJpbmcgfCBudWxsID0gdGhpcy5nZXRPcHRpb25JZCh2YWx1ZSk7XHJcbiAgICAvKipcclxuICAgICAqIFZhbHVlIFN0cmluZ1xyXG4gICAgICovXHJcbiAgICBjb25zdCB2YWx1ZVN0cmluZyA9IF9idWlsZFZhbHVlU3RyaW5nKGlkLCB2YWx1ZSk7XHJcblxyXG4gICAgaWYgKHNlbGVjdEl0ZW0gIT09IHVuZGVmaW5lZCkge1xyXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KHNlbGVjdEl0ZW0sICd2YWx1ZScsIHZhbHVlU3RyaW5nKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8vICNlbmRyZWdpb24gUHJpdmF0ZSBNZXRob2RzXHJcbn1cclxuXHJcbi8qKlxyXG4gKiBTYWNEcm9wZG93bk9wdGlvbi1LbGFzc2VcclxuICovXHJcbkBEaXJlY3RpdmUoKVxyXG5leHBvcnQgY2xhc3MgU2FjRHJvcGRvd25PcHRpb25Db21tb24gaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xyXG4gIC8vICNyZWdpb24gUHJvcGVydGllc1xyXG5cclxuICAvKipcclxuICAgKiBJRC1TdHJpbmdcclxuICAgKi9cclxuICBwcml2YXRlIGlkOiBzdHJpbmcgPSBudWxsO1xyXG5cclxuICAvLyAjZW5kcmVnaW9uIFByb3BlcnRpZXNcclxuXHJcbiAgLy8gI3JlZ2lvbiBDb25zdHJ1Y3RvcnNcclxuXHJcbiAgLyoqXHJcbiAgICogS29uc3RydWt0b3JcclxuICAgKiBAcGFyYW0gX2VsZW1lbnQgUmVmZXJlbnogYXVmIEhUTUwgRWxlbWVudFxyXG4gICAqIEBwYXJhbSBfcmVuZGVyZXIgUmVuZGVyIEVuZ2luZVxyXG4gICAqIEBwYXJhbSBfZHJvcGRvd24gRHJvcGRvd24gSW5zdGFuelxyXG4gICAqL1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBfZWxlbWVudDogRWxlbWVudFJlZixcclxuICAgIHByaXZhdGUgX3JlbmRlcmVyOiBSZW5kZXJlcjIsXHJcbiAgICBwcml2YXRlIF9kcm9wZG93bjogU2FjRHJvcGRvd25Db21tb25cclxuICApIHtcclxuICAgIGlmICh0aGlzLl9kcm9wZG93bikge1xyXG4gICAgICB0aGlzLmlkID0gdGhpcy5fZHJvcGRvd24ucmVnaXN0ZXJPcHRpb24oKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8vICNlbmRyZWdpb24gQ29uc3RydWN0b3JzXHJcblxyXG4gIC8vICNyZWdpb24gUHVibGljIEdldHRlcnMgQW5kIFNldHRlcnNcclxuXHJcbiAgLyoqXHJcbiAgICogT3B0aW9uIG5nVmFsdWVcclxuICAgKi9cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzZXQgbmdWYWx1ZSh2YWx1ZTogYW55KSB7XHJcbiAgICAvLyBDYW5jZWwgd2VubiBrZWluIFBhcmVudCBEcm9wZG93biB2b3JoYW5kZW5cclxuICAgIGlmICh0aGlzLl9kcm9wZG93biA9PSBudWxsKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLl9kcm9wZG93bi5zZXRPcHRpb25NYXAodGhpcy5pZCwgdmFsdWUpO1xyXG4gICAgdGhpcy5fc2V0RWxlbWVudFZhbHVlKF9idWlsZFZhbHVlU3RyaW5nKHRoaXMuaWQsIHZhbHVlKSk7XHJcblxyXG4gICAgdGhpcy5fZHJvcGRvd24ud3JpdGVWYWx1ZSh0aGlzLl9kcm9wZG93bi52YWx1ZSk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBXZXJ0LVNldHRlclxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHNldCB2YWx1ZSh2YWx1ZTogYW55KSB7XHJcbiAgICB0aGlzLl9zZXRFbGVtZW50VmFsdWUodmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgLy8gI2VuZHJlZ2lvbiBQdWJsaWMgR2V0dGVycyBBbmQgU2V0dGVyc1xyXG5cclxuICAvLyAjcmVnaW9uIFB1YmxpYyBNZXRob2RzXHJcblxyXG4gIC8qKlxyXG4gICAqIERlbiBXZXJ0IHZvbSBPcHRpb24tRWxlbWVudCBlaW5zdGVsbGVuXHJcbiAgICogQHBhcmFtIHZhbHVlIFdlcnRcclxuICAgKi9cclxuICBwdWJsaWMgX3NldEVsZW1lbnRWYWx1ZSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XHJcbiAgICB0aGlzLl9yZW5kZXJlci5zZXRQcm9wZXJ0eSh0aGlzLl9lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsICd2YWx1ZScsIHZhbHVlKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIE9uRGVzdHJveSBFdmVudFxyXG4gICAqL1xyXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLl9kcm9wZG93bikge1xyXG4gICAgICB0aGlzLl9kcm9wZG93bi5fb3B0aW9uTWFwLmRlbGV0ZSh0aGlzLmlkKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8vICNlbmRyZWdpb24gUHVibGljIE1ldGhvZHNcclxufVxyXG5cclxuLy8gI2VuZHJlZ2lvbiBDbGFzc2VzXHJcblxyXG4vLyAjcmVnaW9uIEZ1bmN0aW9uc1xyXG5cclxuLyoqXHJcbiAqIEZ1bmN0aW9uIHVtIGVpbiBLZXkgVmFsdWUgUGFpciBmw7xyIGRhcyBEcm9wZG93biB6dSBlcnpldWdlblxyXG4gKiBAcGFyYW0gaWQgSURcclxuICogQHBhcmFtIHZhbHVlIFdlcnQgZGVyIGFuIGRhcyBFbGVtZW50IGdlYnVuZGVuIHdlcmRlbiBzb2xsXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gX2J1aWxkVmFsdWVTdHJpbmcoaWQ6IHN0cmluZyB8IG51bGwsIHZhbHVlOiBhbnkpOiBzdHJpbmcge1xyXG4gIC8vIFdlbm4gSUQgbnVsbCBpc3QgT2JqZWN0IHp1csO8Y2tnZWJlblxyXG4gIGlmIChpZCA9PSBudWxsKSB7XHJcbiAgICByZXR1cm4gYCR7dmFsdWV9YDtcclxuICB9XHJcblxyXG4gIC8vIE1hcHBpbmcgT2JqZWt0IHp1IFN0cmluZ1xyXG4gIGlmICh2YWx1ZSAmJiB0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnKSB7XHJcbiAgICB2YWx1ZSA9ICdPYmplY3QnO1xyXG4gIH1cclxuXHJcbiAgLy8gU3RyaW5nIGFscyBJRFxyXG4gIHJldHVybiBgJHtpZH06ICR7dmFsdWV9YC5zbGljZSgwLCA1MCk7XHJcbn1cclxuXHJcbi8vICNlbmRyZWdpb24gRnVuY3Rpb25zXHJcbiJdfQ==
+import { SacBaseSelectControl } from '../../common/baseselectcontrol';
+import { Validation } from '../../validation';
+import { SacFormLayoutCommon } from '../layout/formlayout';
+import { _buildValueString } from './buildvaluestring';
+import { Directive, ElementRef, Host, Injector, Input, Renderer2 } from '@angular/core';
+/**
+ * Base dropdown component
+ */
+export class SacDropdownCommon extends SacBaseSelectControl {
+    // #endregion Properties
+    // #region Constructors
+    /**
+     * Constructor
+     * @param formlayout SacFormLayoutCommon to define scoped layout settings
+     * @param injector Injector for injecting services
+     * @param renderer html rendering engine
+     * @param elementRef reference to html element
+     */
+    constructor(formlayout, injector, renderer, elementRef) {
+        super(formlayout, injector);
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        // #region Properties
+        /**
+         * compareWith function
+         */
+        this._compareWith = Object.is;
+        /**
+         * Counter for option ID; default value = 0
+         */
+        this._optionIdCounter = 0;
+        /**
+         * Option map
+         */
+        this._optionMap = new Map();
+        /**
+         * Label text for empty item
+         */
+        this.emptylabel = '';
+        /**
+         * Option value for empty item
+         */
+        this.emptyvalue = null;
+        /**
+         * Resource key for validation message required at control
+         */
+        this.validationmessagerequired = this.validationKeyService.ValidationErrorRequired;
+        /**
+         * Resource key for validation message required in validation summary
+         */
+        this.validationmessagesummaryrequired = this.validationKeyService.ValidationErrorSummaryRequired;
+    }
+    // #endregion Constructors
+    // #region Public Getters And Setters
+    /**
+     * compareWith function
+     */
+    set comparewith(fn) {
+        if (typeof fn !== 'function') {
+            throw new Error(`compareWith must be a function, but received ${JSON.stringify(fn)}`);
+        }
+        this._compareWith = fn;
+    }
+    // #endregion Public Getters And Setters
+    // #region Public Methods
+    /**
+     * Registers the option ID counter as string
+     * @returns The option ID as string
+     */
+    registerOption() {
+        return (this._optionIdCounter++).toString();
+    }
+    /**
+     * Method called by options to establish the mapping between dropdown value and value.
+     * @param id: Id from options
+     * @param value: Value
+     */
+    setOptionMap(id, value) {
+        this._optionMap.set(id, value);
+        // Update selected value on control if value matches selected value
+        if (this.value === value) {
+            this.setSelectedValue(value);
+        }
+    }
+    /**
+     * Set value
+     * @param value - Value
+     */
+    setValue(value) {
+        super.setValue(this.getOptionValue(value));
+    }
+    /**
+     * Validator
+     * @param c Control instance
+     */
+    validateData(c) {
+        let error = null;
+        if (this.isrequired) {
+            error = Validation.required(this.validationmessagerequired, this.validationmessagesummaryrequired)(c);
+        }
+        if (error) {
+            return error;
+        }
+        if (this.isrequired && this.emptyvalue !== null) {
+            error = Validation.notequals(this.emptyvalue, this.validationmessagerequired, this.validationmessagesummaryrequired)(c);
+        }
+        return error;
+    }
+    /**
+     * Write value
+     * @param value - Value
+     */
+    writeValue(value) {
+        this.setSelectedValue(value);
+        super.writeValue(value);
+    }
+    // #endregion Public Methods
+    // #region Private Methods
+    /**
+     * Extract ID
+     * @param valueString String from which the ID should be extracted
+     */
+    extractId(valueString) {
+        return valueString.split(':')[0];
+    }
+    /**
+     * Takes the ID from the option
+     * @param value
+     */
+    getOptionId(value) {
+        for (const id of Array.from(this._optionMap.keys())) {
+            if (this._compareWith(this._optionMap.get(id), value)) {
+                return id;
+            }
+        }
+        return null;
+    }
+    /**
+     * Takes the string value from the option
+     * @param valueString
+     */
+    getOptionValue(valueString) {
+        const id = this.extractId(valueString);
+        return this._optionMap.has(id) ? this._optionMap.get(id) : valueString;
+    }
+    /**
+     * Sets the selected value on the control
+     * @param value Value
+     */
+    setSelectedValue(value) {
+        // Read select item from control
+        const selectItem = this.elementRef.nativeElement.getElementsByTagName('select')[0];
+        /**
+         * Id of the select item
+         */
+        const id = this.getOptionId(value);
+        /**
+         * Value string
+         */
+        const valueString = _buildValueString(id, value);
+        if (selectItem !== undefined) {
+            this.renderer.setProperty(selectItem, 'value', valueString);
+        }
+    }
+}
+SacDropdownCommon.decorators = [
+    { type: Directive }
+];
+SacDropdownCommon.ctorParameters = () => [
+    { type: SacFormLayoutCommon, decorators: [{ type: Host }] },
+    { type: Injector },
+    { type: Renderer2 },
+    { type: ElementRef }
+];
+SacDropdownCommon.propDecorators = {
+    emptylabel: [{ type: Input }],
+    emptyvalue: [{ type: Input }],
+    validationmessagerequired: [{ type: Input }],
+    validationmessagesummaryrequired: [{ type: Input }],
+    comparewith: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uanMiLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NpbXBsZWFuZ3VsYXJjb250cm9scy9jaC5qbmV0d29yay5zYWMtY29udHJvbHMvcHJvamVjdHMvc2FjLWNvbW1vbi9zcmMvIiwic291cmNlcyI6WyJjb250cm9scy9saXN0L2Ryb3Bkb3duLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHeEY7O0dBRUc7QUFFSCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsb0JBQXlCO0lBdUM1RCx3QkFBd0I7SUFFeEIsdUJBQXVCO0lBRXZCOzs7Ozs7T0FNRztJQUNILFlBQ1ksVUFBK0IsRUFDdkMsUUFBa0IsRUFDVixRQUFtQixFQUNuQixVQUFzQjtRQUU5QixLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBSHBCLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQXJEbEMscUJBQXFCO1FBRXJCOztXQUVHO1FBQ0ssaUJBQVksR0FBa0MsTUFBTSxDQUFDLEVBQUUsQ0FBQztRQUVoRTs7V0FFRztRQUNJLHFCQUFnQixHQUFHLENBQUMsQ0FBQztRQUU1Qjs7V0FFRztRQUNJLGVBQVUsR0FBcUIsSUFBSSxHQUFHLEVBQWUsQ0FBQztRQUU3RDs7V0FFRztRQUNhLGVBQVUsR0FB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QkFDbkQsT0FBTyxFQUFFLENBQUM7YUFDYjtTQUNKO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVEOzs7T0FHRztJQUNLLGNBQWMsQ0FBQyxXQUFtQjtRQUN0QyxNQUFNLEVBQUUsR0FBVyxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQy9DLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUM7SUFDM0UsQ0FBQztJQUVEOzs7T0FHRztJQUNLLGdCQUFnQixDQUFDLEtBQVU7UUFDL0IsZ0NBQWdDO1FBQ2hDLE1BQU0sVUFBVSxHQUFRLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLG9CQUFvQixDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3hGOztXQUVHO1FBQ0gsTUFBTSxFQUFFLEdBQWtCLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEQ7O1dBRUc7UUFDSCxNQUFNLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFFakQsSUFBSSxVQUFVLEtBQUssU0FBUyxFQUFFO1lBQzFCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsRUFBRSxPQUFPLEVBQUUsV0FBVyxDQUFDLENBQUM7U0FDL0Q7SUFDTCxDQUFDOzs7WUFyTUosU0FBUzs7O1lBUkQsbUJBQW1CLHVCQTREbkIsSUFBSTtZQTFEeUIsUUFBUTtZQUFTLFNBQVM7WUFBNUMsVUFBVTs7O3lCQTRCekIsS0FBSzt5QkFLTCxLQUFLO3dDQUtMLEtBQUs7K0NBS0wsS0FBSzswQkE4QkwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNhY0Jhc2VTZWxlY3RDb250cm9sIH0gZnJvbSAnLi4vLi4vY29tbW9uL2Jhc2VzZWxlY3Rjb250cm9sJztcbmltcG9ydCB7IFZhbGlkYXRpb24gfSBmcm9tICcuLi8uLi92YWxpZGF0aW9uJztcbmltcG9ydCB7IFNhY0Zvcm1MYXlvdXRDb21tb24gfSBmcm9tICcuLi9sYXlvdXQvZm9ybWxheW91dCc7XG5pbXBvcnQgeyBfYnVpbGRWYWx1ZVN0cmluZyB9IGZyb20gJy4vYnVpbGR2YWx1ZXN0cmluZyc7XG5pbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3QsIEluamVjdG9yLCBJbnB1dCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIFZhbGlkYXRpb25FcnJvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbi8qKlxuICogQmFzZSBkcm9wZG93biBjb21wb25lbnRcbiAqL1xuQERpcmVjdGl2ZSgpXG5leHBvcnQgY2xhc3MgU2FjRHJvcGRvd25Db21tb24gZXh0ZW5kcyBTYWNCYXNlU2VsZWN0Q29udHJvbDxhbnk+IHtcbiAgICAvLyAjcmVnaW9uIFByb3BlcnRpZXNcblxuICAgIC8qKlxuICAgICAqIGNvbXBhcmVXaXRoIGZ1bmN0aW9uXG4gICAgICovXG4gICAgcHJpdmF0ZSBfY29tcGFyZVdpdGg6IChvMTogYW55LCBvMjogYW55KSA9PiBib29sZWFuID0gT2JqZWN0LmlzO1xuXG4gICAgLyoqXG4gICAgICogQ291bnRlciBmb3Igb3B0aW9uIElEOyBkZWZhdWx0IHZhbHVlID0gMFxuICAgICAqL1xuICAgIHB1YmxpYyBfb3B0aW9uSWRDb3VudGVyID0gMDtcblxuICAgIC8qKlxuICAgICAqIE9wdGlvbiBtYXBcbiAgICAgKi9cbiAgICBwdWJsaWMgX29wdGlvbk1hcDogTWFwPHN0cmluZywgYW55PiA9IG5ldyBNYXA8c3RyaW5nLCBhbnk+KCk7XG5cbiAgICAvKipcbiAgICAgKiBMYWJlbCB0ZXh0IGZvciBlbXB0eSBpdGVtXG4gICAgICovXG4gICAgQElucHV0KCkgcHVibGljIGVtcHR5bGFiZWwgPSAnJztcblxuICAgIC8qKlxuICAgICAqIE9wdGlvbiB2YWx1ZSBmb3IgZW1wdHkgaXRlbVxuICAgICAqL1xuICAgIEBJbnB1dCgpIHB1YmxpYyBlbXB0eXZhbHVlOiBzdHJpbmcgfCBudWxsIHwgbnVtYmVyID0gbnVsbDtcblxuICAgIC8qKlxuICAgICAqIFJlc291cmNlIGtleSBmb3IgdmFsaWRhdGlvbiBtZXNzYWdlIHJlcXVpcmVkIGF0IGNvbnRyb2xcbiAgICAgKi9cbiAgICBASW5wdXQoKSBwdWJsaWMgdmFsaWRhdGlvbm1lc3NhZ2VyZXF1aXJlZDogc3RyaW5nID0gdGhpcy52YWxpZGF0aW9uS2V5U2VydmljZS5WYWxpZGF0aW9uRXJyb3JSZXF1aXJlZDtcblxuICAgIC8qKlxuICAgICAqIFJlc291cmNlIGtleSBmb3IgdmFsaWRhdGlvbiBtZXNzYWdlIHJlcXVpcmVkIGluIHZhbGlkYXRpb24gc3VtbWFyeVxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHZhbGlkYXRpb25tZXNzYWdlc3VtbWFyeXJlcXVpcmVkOiBzdHJpbmcgPSB0aGlzLnZhbGlkYXRpb25LZXlTZXJ2aWNlLlZhbGlkYXRpb25FcnJvclN1bW1hcnlSZXF1aXJlZDtcblxuICAgIC8vICNlbmRyZWdpb24gUHJvcGVydGllc1xuXG4gICAgLy8gI3JlZ2lvbiBDb25zdHJ1Y3RvcnNcblxuICAgIC8qKlxuICAgICAqIENvbnN0cnVjdG9yXG4gICAgICogQHBhcmFtIGZvcm1sYXlvdXQgU2FjRm9ybUxheW91dENvbW1vbiB0byBkZWZpbmUgc2NvcGVkIGxheW91dCBzZXR0aW5nc1xuICAgICAqIEBwYXJhbSBpbmplY3RvciBJbmplY3RvciBmb3IgaW5qZWN0aW5nIHNlcnZpY2VzXG4gICAgICogQHBhcmFtIHJlbmRlcmVyIGh0bWwgcmVuZGVyaW5nIGVuZ2luZVxuICAgICAqIEBwYXJhbSBlbGVtZW50UmVmIHJlZmVyZW5jZSB0byBodG1sIGVsZW1lbnRcbiAgICAgKi9cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEhvc3QoKSBmb3JtbGF5b3V0OiBTYWNGb3JtTGF5b3V0Q29tbW9uLFxuICAgICAgICBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICAgICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKGZvcm1sYXlvdXQsIGluamVjdG9yKTtcbiAgICB9XG5cbiAgICAvLyAjZW5kcmVnaW9uIENvbnN0cnVjdG9yc1xuXG4gICAgLy8gI3JlZ2lvbiBQdWJsaWMgR2V0dGVycyBBbmQgU2V0dGVyc1xuXG4gICAgLyoqXG4gICAgICogY29tcGFyZVdpdGggZnVuY3Rpb25cbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzZXQgY29tcGFyZXdpdGgoZm46IChvMTogYW55LCBvMjogYW55KSA9PiBib29sZWFuKSB7XG4gICAgICAgIGlmICh0eXBlb2YgZm4gIT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgY29tcGFyZVdpdGggbXVzdCBiZSBhIGZ1bmN0aW9uLCBidXQgcmVjZWl2ZWQgJHtKU09OLnN0cmluZ2lmeShmbil9YCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5fY29tcGFyZVdpdGggPSBmbjtcbiAgICB9XG5cbiAgICAvLyAjZW5kcmVnaW9uIFB1YmxpYyBHZXR0ZXJzIEFuZCBTZXR0ZXJzXG5cbiAgICAvLyAjcmVnaW9uIFB1YmxpYyBNZXRob2RzXG5cbiAgICAvKipcbiAgICAgKiBSZWdpc3RlcnMgdGhlIG9wdGlvbiBJRCBjb3VudGVyIGFzIHN0cmluZ1xuICAgICAqIEByZXR1cm5zIFRoZSBvcHRpb24gSUQgYXMgc3RyaW5nXG4gICAgICovXG4gICAgcHVibGljIHJlZ2lzdGVyT3B0aW9uKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiAodGhpcy5fb3B0aW9uSWRDb3VudGVyKyspLnRvU3RyaW5nKCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogTWV0aG9kIGNhbGxlZCBieSBvcHRpb25zIHRvIGVzdGFibGlzaCB0aGUgbWFwcGluZyBiZXR3ZWVuIGRyb3Bkb3duIHZhbHVlIGFuZCB2YWx1ZS5cbiAgICAgKiBAcGFyYW0gaWQ6IElkIGZyb20gb3B0aW9uc1xuICAgICAqIEBwYXJhbSB2YWx1ZTogVmFsdWVcbiAgICAgKi9cbiAgICBwdWJsaWMgc2V0T3B0aW9uTWFwKGlkOiBzdHJpbmcsIHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fb3B0aW9uTWFwLnNldChpZCwgdmFsdWUpO1xuXG4gICAgICAgIC8vIFVwZGF0ZSBzZWxlY3RlZCB2YWx1ZSBvbiBjb250cm9sIGlmIHZhbHVlIG1hdGNoZXMgc2VsZWN0ZWQgdmFsdWVcbiAgICAgICAgaWYgKHRoaXMudmFsdWUgPT09IHZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLnNldFNlbGVjdGVkVmFsdWUodmFsdWUpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogU2V0IHZhbHVlXG4gICAgICogQHBhcmFtIHZhbHVlIC0gVmFsdWVcbiAgICAgKi9cbiAgICBwdWJsaWMgc2V0VmFsdWUodmFsdWU6IHN0cmluZykge1xuICAgICAgICBzdXBlci5zZXRWYWx1ZSh0aGlzLmdldE9wdGlvblZhbHVlKHZhbHVlKSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVmFsaWRhdG9yXG4gICAgICogQHBhcmFtIGMgQ29udHJvbCBpbnN0YW5jZVxuICAgICAqL1xuICAgIHB1YmxpYyB2YWxpZGF0ZURhdGEoYzogQWJzdHJhY3RDb250cm9sKTogVmFsaWRhdGlvbkVycm9ycyB8IG51bGwge1xuICAgICAgICBsZXQgZXJyb3I6IFZhbGlkYXRpb25FcnJvcnMgfCBudWxsID0gbnVsbDtcblxuICAgICAgICBpZiAodGhpcy5pc3JlcXVpcmVkKSB7XG4gICAgICAgICAgICBlcnJvciA9IFZhbGlkYXRpb24ucmVxdWlyZWQodGhpcy52YWxpZGF0aW9ubWVzc2FnZXJlcXVpcmVkLCB0aGlzLnZhbGlkYXRpb25tZXNzYWdlc3VtbWFyeXJlcXVpcmVkKShjKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChlcnJvcikge1xuICAgICAgICAgICAgcmV0dXJuIGVycm9yO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuaXNyZXF1aXJlZCAmJiB0aGlzLmVtcHR5dmFsdWUgIT09IG51bGwpIHtcbiAgICAgICAgICAgIGVycm9yID0gVmFsaWRhdGlvbi5ub3RlcXVhbHMoXG4gICAgICAgICAgICAgICAgdGhpcy5lbXB0eXZhbHVlLFxuICAgICAgICAgICAgICAgIHRoaXMudmFsaWRhdGlvbm1lc3NhZ2VyZXF1aXJlZCxcbiAgICAgICAgICAgICAgICB0aGlzLnZhbGlkYXRpb25tZXNzYWdlc3VtbWFyeXJlcXVpcmVkXG4gICAgICAgICAgICApKGMpO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGVycm9yO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFdyaXRlIHZhbHVlXG4gICAgICogQHBhcmFtIHZhbHVlIC0gVmFsdWVcbiAgICAgKi9cbiAgICBwdWJsaWMgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KSB7XG4gICAgICAgIHRoaXMuc2V0U2VsZWN0ZWRWYWx1ZSh2YWx1ZSk7XG4gICAgICAgIHN1cGVyLndyaXRlVmFsdWUodmFsdWUpO1xuICAgIH1cblxuICAgIC8vICNlbmRyZWdpb24gUHVibGljIE1ldGhvZHNcblxuICAgIC8vICNyZWdpb24gUHJpdmF0ZSBNZXRob2RzXG5cbiAgICAvKipcbiAgICAgKiBFeHRyYWN0IElEXG4gICAgICogQHBhcmFtIHZhbHVlU3RyaW5nIFN0cmluZyBmcm9tIHdoaWNoIHRoZSBJRCBzaG91bGQgYmUgZXh0cmFjdGVkXG4gICAgICovXG4gICAgcHJpdmF0ZSBleHRyYWN0SWQodmFsdWVTdHJpbmc6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB2YWx1ZVN0cmluZy5zcGxpdCgnOicpWzBdO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFRha2VzIHRoZSBJRCBmcm9tIHRoZSBvcHRpb25cbiAgICAgKiBAcGFyYW0gdmFsdWVcbiAgICAgKi9cbiAgICBwcml2YXRlIGdldE9wdGlvbklkKHZhbHVlOiBhbnkpOiBzdHJpbmcgfCBudWxsIHtcbiAgICAgICAgZm9yIChjb25zdCBpZCBvZiBBcnJheS5mcm9tKHRoaXMuX29wdGlvbk1hcC5rZXlzKCkpKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5fY29tcGFyZVdpdGgodGhpcy5fb3B0aW9uTWFwLmdldChpZCksIHZhbHVlKSkge1xuICAgICAgICAgICAgICAgIHJldHVybiBpZDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBUYWtlcyB0aGUgc3RyaW5nIHZhbHVlIGZyb20gdGhlIG9wdGlvblxuICAgICAqIEBwYXJhbSB2YWx1ZVN0cmluZ1xuICAgICAqL1xuICAgIHByaXZhdGUgZ2V0T3B0aW9uVmFsdWUodmFsdWVTdHJpbmc6IHN0cmluZyk6IGFueSB7XG4gICAgICAgIGNvbnN0IGlkOiBzdHJpbmcgPSB0aGlzLmV4dHJhY3RJZCh2YWx1ZVN0cmluZyk7XG4gICAgICAgIHJldHVybiB0aGlzLl9vcHRpb25NYXAuaGFzKGlkKSA/IHRoaXMuX29wdGlvbk1hcC5nZXQoaWQpIDogdmFsdWVTdHJpbmc7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogU2V0cyB0aGUgc2VsZWN0ZWQgdmFsdWUgb24gdGhlIGNvbnRyb2xcbiAgICAgKiBAcGFyYW0gdmFsdWUgVmFsdWVcbiAgICAgKi9cbiAgICBwcml2YXRlIHNldFNlbGVjdGVkVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgICAgICAvLyBSZWFkIHNlbGVjdCBpdGVtIGZyb20gY29udHJvbFxuICAgICAgICBjb25zdCBzZWxlY3RJdGVtOiBhbnkgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnc2VsZWN0JylbMF07XG4gICAgICAgIC8qKlxuICAgICAgICAgKiBJZCBvZiB0aGUgc2VsZWN0IGl0ZW1cbiAgICAgICAgICovXG4gICAgICAgIGNvbnN0IGlkOiBzdHJpbmcgfCBudWxsID0gdGhpcy5nZXRPcHRpb25JZCh2YWx1ZSk7XG4gICAgICAgIC8qKlxuICAgICAgICAgKiBWYWx1ZSBzdHJpbmdcbiAgICAgICAgICovXG4gICAgICAgIGNvbnN0IHZhbHVlU3RyaW5nID0gX2J1aWxkVmFsdWVTdHJpbmcoaWQsIHZhbHVlKTtcblxuICAgICAgICBpZiAoc2VsZWN0SXRlbSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KHNlbGVjdEl0ZW0sICd2YWx1ZScsIHZhbHVlU3RyaW5nKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vICNlbmRyZWdpb24gUHJpdmF0ZSBNZXRob2RzXG59XG4iXX0=

package/esm2015/controls/list/dropdown.ngfactory.js

@@ -1,7 +1,7 @@
-/**
- * @fileoverview This file was generated by the Angular template compiler. Do not edit.
- *
- * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes,extraRequire}
- * tslint:disable
- */
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24ubmdmYWN0b3J5LmpzIiwic291cmNlUm9vdCI6IkM6L0RhdGVuL2pOZXR3b3JrL2NoLmpuZXR3b3JrLmFuZ3VsYXJjb250cm9scy1uZzEwL2NoLmpuZXR3b3JrLnNhYy1jb250cm9scy9wcm9qZWN0cy9zYWMtY29tbW9uL3NyYy8iLCJzb3VyY2VzIjpbImNvbnRyb2xzL2xpc3QvZHJvcGRvd24ubmdmYWN0b3J5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBpMCBmcm9tICdAYW5ndWxhci9jb3JlJztcbmkwLkNvbXBvbmVudEZhY3Rvcnk7XG4iXX0=
+/**
+ * @fileoverview This file was generated by the Angular template compiler. Do not edit.
+ *
+ * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes,extraRequire}
+ * tslint:disable
+ */
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24ubmdmYWN0b3J5LmpzIiwic291cmNlUm9vdCI6Ii9ob21lL3J1bm5lci93b3JrL3NpbXBsZWFuZ3VsYXJjb250cm9scy9zaW1wbGVhbmd1bGFyY29udHJvbHMvY2guam5ldHdvcmsuc2FjLWNvbnRyb2xzL3Byb2plY3RzL3NhYy1jb21tb24vc3JjLyIsInNvdXJjZXMiOlsiY29udHJvbHMvbGlzdC9kcm9wZG93bi5uZ2ZhY3RvcnkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIGkwIGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaTAuQ29tcG9uZW50RmFjdG9yeTtcbiJdfQ==

package/esm2015/controls/list/dropdownoptions.js

@@ -0,0 +1,79 @@
+import { _buildValueString } from './buildvaluestring';
+import { SacDropdownCommon } from './dropdown';
+import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
+/**
+ * SacDropdownOption class
+ */
+export class SacDropdownOptionCommon {
+    // #endregion Properties
+    // #region Constructors
+    /**
+     * Constructor
+     * @param _element Reference to HTML element
+     * @param _renderer Render engine
+     * @param _dropdown Dropdown instance
+     */
+    constructor(_element, _renderer, _dropdown) {
+        this._element = _element;
+        this._renderer = _renderer;
+        this._dropdown = _dropdown;
+        // #region Properties
+        /**
+         * ID string
+         */
+        this.id = null;
+        if (this._dropdown) {
+            this.id = this._dropdown.registerOption();
+        }
+    }
+    // #endregion Constructors
+    // #region Public Getters And Setters
+    /**
+     * Option ngValue
+     */
+    set ngValue(value) {
+        // Cancel if no parent dropdown available
+        if (this._dropdown == null) {
+            return;
+        }
+        this._dropdown.setOptionMap(this.id, value);
+        this._setElementValue(_buildValueString(this.id, value));
+        this._dropdown.writeValue(this._dropdown.value);
+    }
+    /**
+     * Value setter
+     */
+    set value(value) {
+        this._setElementValue(value);
+    }
+    // #endregion Public Getters And Setters
+    // #region Public Methods
+    /**
+     * Set the value of the option element
+     * @param value Value
+     */
+    _setElementValue(value) {
+        this._renderer.setProperty(this._element.nativeElement, 'value', value);
+    }
+    /**
+     * OnDestroy event
+     */
+    ngOnDestroy() {
+        if (this._dropdown) {
+            this._dropdown._optionMap.delete(this.id);
+        }
+    }
+}
+SacDropdownOptionCommon.decorators = [
+    { type: Directive }
+];
+SacDropdownOptionCommon.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Renderer2 },
+    { type: SacDropdownCommon }
+];
+SacDropdownOptionCommon.propDecorators = {
+    ngValue: [{ type: Input }],
+    value: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd25vcHRpb25zLmpzIiwic291cmNlUm9vdCI6Ii9ob21lL3J1bm5lci93b3JrL3NpbXBsZWFuZ3VsYXJjb250cm9scy9zaW1wbGVhbmd1bGFyY29udHJvbHMvY2guam5ldHdvcmsuc2FjLWNvbnRyb2xzL3Byb2plY3RzL3NhYy1jb21tb24vc3JjLyIsInNvdXJjZXMiOlsiY29udHJvbHMvbGlzdC9kcm9wZG93bm9wdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBYSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbkY7O0dBRUc7QUFFSCxNQUFNLE9BQU8sdUJBQXVCO0lBUWhDLHdCQUF3QjtJQUV4Qix1QkFBdUI7SUFFdkI7Ozs7O09BS0c7SUFDSCxZQUNZLFFBQW9CLEVBQ3BCLFNBQW9CLEVBQ3BCLFNBQTRCO1FBRjVCLGFBQVEsR0FBUixRQUFRLENBQVk7UUFDcEIsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUNwQixjQUFTLEdBQVQsU0FBUyxDQUFtQjtRQXBCeEMscUJBQXFCO1FBRXJCOztXQUVHO1FBQ0ssT0FBRSxHQUFXLElBQUksQ0FBQztRQWlCdEIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUM3QztJQUNMLENBQUM7SUFFRCwwQkFBMEI7SUFFMUIscUNBQXFDO0lBRXJDOztPQUVHO0lBQ0gsSUFDVyxPQUFPLENBQUMsS0FBVTtRQUN6Qix5Q0FBeUM7UUFDekMsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksRUFBRTtZQUN4QixPQUFPO1NBQ1Y7UUFFRCxJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQzVDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFFekQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUNXLEtBQUssQ0FBQyxLQUFVO1FBQ3ZCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsd0NBQXdDO0lBRXhDLHlCQUF5QjtJQUV6Qjs7O09BR0c7SUFDSSxnQkFBZ0IsQ0FBQyxLQUFhO1FBQ2pDLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBRUQ7O09BRUc7SUFDSSxXQUFXO1FBQ2QsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7U0FDN0M7SUFDTCxDQUFDOzs7WUE1RUosU0FBUzs7O1lBTFUsVUFBVTtZQUFvQixTQUFTO1lBRGxELGlCQUFpQjs7O3NCQTBDckIsS0FBSztvQkFnQkwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9idWlsZFZhbHVlU3RyaW5nIH0gZnJvbSAnLi9idWlsZHZhbHVlc3RyaW5nJztcbmltcG9ydCB7IFNhY0Ryb3Bkb3duQ29tbW9uIH0gZnJvbSAnLi9kcm9wZG93bic7XG5pbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0LCBPbkRlc3Ryb3ksIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFNhY0Ryb3Bkb3duT3B0aW9uIGNsYXNzXG4gKi9cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGNsYXNzIFNhY0Ryb3Bkb3duT3B0aW9uQ29tbW9uIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgICAvLyAjcmVnaW9uIFByb3BlcnRpZXNcblxuICAgIC8qKlxuICAgICAqIElEIHN0cmluZ1xuICAgICAqL1xuICAgIHByaXZhdGUgaWQ6IHN0cmluZyA9IG51bGw7XG5cbiAgICAvLyAjZW5kcmVnaW9uIFByb3BlcnRpZXNcblxuICAgIC8vICNyZWdpb24gQ29uc3RydWN0b3JzXG5cbiAgICAvKipcbiAgICAgKiBDb25zdHJ1Y3RvclxuICAgICAqIEBwYXJhbSBfZWxlbWVudCBSZWZlcmVuY2UgdG8gSFRNTCBlbGVtZW50XG4gICAgICogQHBhcmFtIF9yZW5kZXJlciBSZW5kZXIgZW5naW5lXG4gICAgICogQHBhcmFtIF9kcm9wZG93biBEcm9wZG93biBpbnN0YW5jZVxuICAgICAqL1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIF9lbGVtZW50OiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIF9yZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgICAgICBwcml2YXRlIF9kcm9wZG93bjogU2FjRHJvcGRvd25Db21tb25cbiAgICApIHtcbiAgICAgICAgaWYgKHRoaXMuX2Ryb3Bkb3duKSB7XG4gICAgICAgICAgICB0aGlzLmlkID0gdGhpcy5fZHJvcGRvd24ucmVnaXN0ZXJPcHRpb24oKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vICNlbmRyZWdpb24gQ29uc3RydWN0b3JzXG5cbiAgICAvLyAjcmVnaW9uIFB1YmxpYyBHZXR0ZXJzIEFuZCBTZXR0ZXJzXG5cbiAgICAvKipcbiAgICAgKiBPcHRpb24gbmdWYWx1ZVxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNldCBuZ1ZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICAgICAgLy8gQ2FuY2VsIGlmIG5vIHBhcmVudCBkcm9wZG93biBhdmFpbGFibGVcbiAgICAgICAgaWYgKHRoaXMuX2Ryb3Bkb3duID09IG51bGwpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuX2Ryb3Bkb3duLnNldE9wdGlvbk1hcCh0aGlzLmlkLCB2YWx1ZSk7XG4gICAgICAgIHRoaXMuX3NldEVsZW1lbnRWYWx1ZShfYnVpbGRWYWx1ZVN0cmluZyh0aGlzLmlkLCB2YWx1ZSkpO1xuXG4gICAgICAgIHRoaXMuX2Ryb3Bkb3duLndyaXRlVmFsdWUodGhpcy5fZHJvcGRvd24udmFsdWUpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFZhbHVlIHNldHRlclxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNldCB2YWx1ZSh2YWx1ZTogYW55KSB7XG4gICAgICAgIHRoaXMuX3NldEVsZW1lbnRWYWx1ZSh2YWx1ZSk7XG4gICAgfVxuXG4gICAgLy8gI2VuZHJlZ2lvbiBQdWJsaWMgR2V0dGVycyBBbmQgU2V0dGVyc1xuXG4gICAgLy8gI3JlZ2lvbiBQdWJsaWMgTWV0aG9kc1xuXG4gICAgLyoqXG4gICAgICogU2V0IHRoZSB2YWx1ZSBvZiB0aGUgb3B0aW9uIGVsZW1lbnRcbiAgICAgKiBAcGFyYW0gdmFsdWUgVmFsdWVcbiAgICAgKi9cbiAgICBwdWJsaWMgX3NldEVsZW1lbnRWYWx1ZSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX3JlbmRlcmVyLnNldFByb3BlcnR5KHRoaXMuX2VsZW1lbnQubmF0aXZlRWxlbWVudCwgJ3ZhbHVlJywgdmFsdWUpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIE9uRGVzdHJveSBldmVudFxuICAgICAqL1xuICAgIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuX2Ryb3Bkb3duKSB7XG4gICAgICAgICAgICB0aGlzLl9kcm9wZG93bi5fb3B0aW9uTWFwLmRlbGV0ZSh0aGlzLmlkKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vICNlbmRyZWdpb24gUHVibGljIE1ldGhvZHNcbn1cbiJdfQ==

package/esm2015/controls/list/dropdownoptions.ngfactory.js

@@ -0,0 +1,7 @@
+/**
+ * @fileoverview This file was generated by the Angular template compiler. Do not edit.
+ *
+ * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes,extraRequire}
+ * tslint:disable
+ */
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd25vcHRpb25zLm5nZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIvaG9tZS9ydW5uZXIvd29yay9zaW1wbGVhbmd1bGFyY29udHJvbHMvc2ltcGxlYW5ndWxhcmNvbnRyb2xzL2NoLmpuZXR3b3JrLnNhYy1jb250cm9scy9wcm9qZWN0cy9zYWMtY29tbW9uL3NyYy8iLCJzb3VyY2VzIjpbImNvbnRyb2xzL2xpc3QvZHJvcGRvd25vcHRpb25zLm5nZmFjdG9yeS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgaTAgZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pMC5Db21wb25lbnRGYWN0b3J5O1xuIl19