desy-angular 6.0.0 → 6.0.2

package/esm2015/lib/desy-forms/components/input-group/input-group.component.js

@@ -1,179 +1,179 @@
-import { __decorate } from "tslib";
-import { Component, ContentChildren, EventEmitter, forwardRef, HostBinding, Input, Optional, Output, ViewChild } from '@angular/core';
-import { ControlContainer, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { LegendComponent } from '../fieldset/legend/legend.component';
-import { FormFieldComponent } from '../form-field/form-field.component';
-import { InputGroupItemComponent } from './input-group-item/input-group-item.component';
-import { DesyOnInputChange } from '../../../shared/decorators/desy-on-input-change.decorator';
-import { DesyContentChild } from '../../../shared/decorators/desy-content-child.decorator';
-import { FieldsetComponent } from '../fieldset/fieldset.component';
-import { MakeHtmlListPipe } from '../../../shared/pipes/make-html-list.pipe';
-import { InputGroupInputComponent } from './input-group-input/input-group-input.component';
-import { InputGroupSelectComponent } from './input-group-select/input-group-select.component';
-import { InputGroupDividerComponent } from './input-group-divider/input-group-divider.component';
-import { StringUtils } from '../../../shared/utils/string-utils';
-export class InputGroupComponent extends FormFieldComponent {
-    constructor(controlContainer) {
-        super();
-        this.controlContainer = controlContainer;
-        this.itemsChange = new EventEmitter();
-        //  form group class - asignar clases a la etiqueta desy-input-group
-        this.cfg = true;
-        this.contentInit = false;
-    }
-    ngOnChanges() {
-        this.cfgr = (this.hasErrorsMessage() || this.formGroupClasses === 'c-form-group--error');
-    }
-    ngAfterContentInit() {
-        this.contentInit = true;
-    }
-    ngAfterViewChecked() {
-        const items = this.getItems();
-    }
-    writeValue(value) {
-        if (value) {
-            this.value = value;
-            const items = this.getItems();
-            items.forEach(item => {
-                const v = this.value[this.getItemName(item)];
-                item.value = v ? v : null;
-            });
-            if (this.items) {
-                this.itemsChange.emit(this.items);
-            }
-        }
-        this.onChange(value);
-    }
-    onExternalChange() {
-        if (!this.contentInit) {
-            return;
-        }
-        if (!this.value) {
-            this.value = {};
-        }
-        const items = this.getItems();
-        items.forEach(item => this.value[this.getItemName(item)] = item.value);
-        this.onChange(this.value);
-    }
-    onInternalChange(item, itemValue) {
-        const itemName = this.getItemName(item);
-        if (!this.value) {
-            this.value = {};
-        }
-        if (this.value[itemName] !== itemValue) {
-            this.value[itemName] = itemValue;
-            this.onChange(this.value);
-            if (item instanceof InputGroupInputComponent || item instanceof InputGroupSelectComponent) {
-                item.valueChange.emit(itemValue);
-            }
-            if (this.items) {
-                item.value = itemValue;
-                this.itemsChange.emit(this.items);
-            }
-        }
-    }
-    overrideFieldsetParams(fieldset) {
-        fieldset.caller = this.innerHtml;
-        fieldset.errorId = this.getErrorId();
-        fieldset.describedBy = new MakeHtmlListPipe().transform([this.getHintId(), this.getErrorId()], null);
-        fieldset.role = 'group';
-        fieldset.detectChanges();
-    }
-    /*
-     * Métodos para proporcionar datos
-     */
-    getItems() {
-        return this.itemsComponents && this.itemsComponents.length ? this.itemsComponents.toArray() : this.items;
-    }
-    getItemLabelRef(item) {
-        return item instanceof InputGroupInputComponent || item instanceof InputGroupSelectComponent ? item.labelRef : null;
-    }
-    getItemLabelData(item) {
-        return item.labelData ? item.labelData : { text: item.labelText };
-    }
-    hasFieldset() {
-        return !!(this.hasFieldsetComponent() || this.hasLegendComponent() || this.legendRef || this.fieldsetData
-            || (this.legendData && (this.legendData.text || this.legendData.html)) || this.legendText);
-    }
-    hasFieldsetComponent() {
-        return !!this.fieldsetComponent;
-    }
-    hasLegendComponent() {
-        return !!this.legendComponent;
-    }
-    getItemName(item) {
-        return this.namePrefix ? this.namePrefix + '-' + item.name : item.name;
-    }
-    getItemSelectOptions(item) {
-        return item instanceof InputGroupSelectComponent ?
-            item.selectItemComponentList.toArray() : item.selectItems;
-    }
-    getItemDividerTemplate(item) {
-        return item.divider instanceof InputGroupDividerComponent ? item.divider.dividerContent : null;
-    }
-    getItemDividerHtml(item) {
-        return item.divider.html ? item.divider.html : `<p>${StringUtils.escapeHtml(item.divider.text)}</p>`;
-    }
-    isSelectItem(item) {
-        let hasSelectItems;
-        if (item instanceof InputGroupSelectComponent) {
-            hasSelectItems = item.selectItemComponentList && item.selectItemComponentList.length > 0;
-        }
-        else {
-            hasSelectItems = item.selectItems;
-        }
-        return item.isSelect && hasSelectItems;
-    }
-    hasItemLabel(item) {
-        return !!((item.labelData && (item.labelData.text || item.labelData.html)) || item.labelText);
-    }
-}
-InputGroupComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-input-group',
-                template: "\r\n<!-- Divider no forma parte del formulario, por lo que es reutilizable en cualquier caso -->\r\n<ng-template #itemDivider let-item=\"item\">\r\n  <div role=\"separator\" [ngClass]=\"item.divider.classes\">\r\n    <ng-container *desyCustomInnerContent=\"{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #innerHtml>\r\n  <ng-container *ngTemplateOutlet=\"hintRef\"></ng-container>\r\n  <desy-hint *ngIf=\"!hintRef && hintData\"\r\n             [id]=\"getHintId()\"\r\n             [text]=\"hintData.text\"\r\n             [html]=\"hintData.html\"\r\n             [classes]=\"hintData.classes\"\r\n             [role]=\"hintData.role\"\r\n             [ariaLabel]=\"hintData.ariaLabel\"\r\n             [ariaDescribedBy]=\"hintData.ariaDescribedBy\"\r\n             [ariaLabelledBy]=\"hintData.ariaLabelledBy\"\r\n             [ariaHidden]=\"hintData.ariaHidden\"\r\n             [ariaDisabled]=\"hintData.ariaDisabled\"\r\n             [ariaControls]=\"hintData.ariaControls\"\r\n             [ariaCurrent]=\"hintData.ariaCurrent\"\r\n             [ariaLive]=\"hintData.ariaLive\"\r\n             [ariaExpanded]=\"hintData.ariaExpanded\"\r\n             [ariaErrorMessage]=\"hintData.ariaErrorMessage\"\r\n             [ariaHasPopup]=\"hintData.ariaHasPopup\"\r\n             [tabindex]=\"hintData.tabindex\"></desy-hint>\r\n  <desy-hint *ngIf=\"!hintRef && !hintData && hintText\" [text]=\"hintText\" [id]=\"getHintId()\"></desy-hint>\r\n\r\n  <ng-container *ngTemplateOutlet=\"errorMessageRef\"></ng-container>\r\n  <desy-error-message *ngIf=\"!errorMessageRef && errorMessageData\"\r\n                      [id]=\"getErrorId()\"\r\n                      [text]=\"errorMessageData.text\"\r\n                      [html]=\"errorMessageData.html\"\r\n                      [classes]=\"errorMessageData.classes\"\r\n                      [visuallyHiddenText]=\"errorMessageData.visuallyHiddenText\"\r\n                      [role]=\"errorMessageData.role\"\r\n                      [ariaLabel]=\"errorMessageData.ariaLabel\"\r\n                      [ariaDescribedBy]=\"errorMessageData.ariaDescribedBy\"\r\n                      [ariaLabelledBy]=\"errorMessageData.ariaLabelledBy\"\r\n                      [ariaHidden]=\"errorMessageData.ariaHidden\"\r\n                      [ariaDisabled]=\"errorMessageData.ariaDisabled\"\r\n                      [ariaControls]=\"errorMessageData.ariaControls\"\r\n                      [ariaCurrent]=\"errorMessageData.ariaCurrent\"\r\n                      [ariaLive]=\"errorMessageData.ariaLive\"\r\n                      [ariaExpanded]=\"errorMessageData.ariaExpanded\"\r\n                      [ariaErrorMessage]=\"errorMessageData.ariaErrorMessage\"\r\n                      [ariaHasPopup]=\"errorMessageData.ariaHasPopup\"\r\n                      [tabindex]=\"errorMessageData.tabindex\"></desy-error-message>\r\n  <desy-error-message *ngIf=\"!errorMessageRef && !errorMessageData && errorMessageText\"\r\n                      [text]=\"errorMessageText\" [id]=\"getErrorId()\"></desy-error-message>\r\n\r\n  <!-- Reactive forms -->\r\n  <div *ngIf=\"controlContainer && !ngModelGroup\"\r\n       [formGroup]=\"controlContainer.control\"\r\n       [ngClass]=\"classes ? classes : 'flex'\"\r\n       [attr.id]=\"id ? id : null\"\r\n       [attr.role]=\"role ? role : null\"\r\n       [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\r\n       [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\r\n       [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\r\n       [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\r\n       [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\r\n       [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\r\n       [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\r\n       [attr.aria-live]=\"ariaLive ? ariaLive : null\"\r\n       [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\r\n       [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\r\n       [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\r\n       [attr.tabindex]=\"tabindex ? tabindex : null\">\r\n\r\n    <ng-container *ngFor=\"let item of getItems(); index as i\">\r\n      <ng-container *ngTemplateOutlet=\"isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}\"></ng-container>\r\n      <ng-template #itemSelect>\r\n        <desy-select [id]=\"item.id ? item.id : id + '-' + item.name\"\r\n                     [labelRef]=\"getItemLabelRef(item)\"\r\n                     [labelData]=\"getItemLabelData(item)\"\r\n                     [classes]=\"['mb-0', item.classes] | makeHtmlList\"\r\n                     [formGroupClasses]=\"item.formGroupClasses\"\r\n                     [name]=\"getItemName(item)\"\r\n                     [formControlName]=\"getItemName(item)\"\r\n                     [items]=\"getItemSelectOptions(item)\"\r\n                     [disabled]=\"item.disabled\"\r\n\r\n                     [role]=\"item.role\"\r\n                     [ariaLabel]=\"item.ariaLabel\"\r\n                     [ariaDescribedBy]=\"item.ariaDescribedBy\"\r\n                     [ariaLabelledBy]=\"item.ariaLabelledBy\"\r\n                     [ariaHidden]=\"item.ariaHidden\"\r\n                     [ariaDisabled]=\"item.ariaDisabled\"\r\n                     [ariaControls]=\"item.ariaControls\"\r\n                     [ariaCurrent]=\"item.ariaCurrent\"\r\n                     [ariaLive]=\"item.ariaLive\"\r\n                     [ariaExpanded]=\"item.ariaExpanded\"\r\n                     [ariaErrorMessage]=\"item.ariaErrorMessage\"\r\n                     [ariaHasPopup]=\"item.ariaHasPopup\"\r\n                     [tabindex]=\"item.tabindex\"></desy-select>\r\n      </ng-template>\r\n      <ng-template #itemInput>\r\n        <desy-input [id]=\"item.id ? item.id : id + '-' + item.name\"\r\n                    [labelRef]=\"getItemLabelRef(item)\"\r\n                    [labelData]=\"getItemLabelData(item)\"\r\n                    [classes]=\"['mb-0', item.classes] | makeHtmlList\"\r\n                    [formGroupClasses]=\"item.formGroupClasses\"\r\n                    [name]=\"getItemName(item)\"\r\n                    [formControlName]=\"getItemName(item)\"\r\n                    [type]=\"item.type ? item.type : 'text'\"\r\n                    [inputmode]=\"item.inputmode\"\r\n                    [autocomplete]=\"item.autocomplete\"\r\n                    [pattern]=\"item.pattern\"\r\n                    [placeholder]=\"item.placeholder\"\r\n                    [disabled]=\"item.disabled\"\r\n\r\n                    [maxlength]=\"item.maxlength\"\r\n                    [role]=\"item.role\"\r\n                    [ariaLabel]=\"item.ariaLabel\"\r\n                    [ariaDescribedBy]=\"item.ariaDescribedBy\"\r\n                    [ariaLabelledBy]=\"item.ariaLabelledBy\"\r\n                    [ariaHidden]=\"item.ariaHidden\"\r\n                    [ariaDisabled]=\"item.ariaDisabled\"\r\n                    [ariaControls]=\"item.ariaControls\"\r\n                    [ariaCurrent]=\"item.ariaCurrent\"\r\n                    [ariaLive]=\"item.ariaLive\"\r\n                    [ariaExpanded]=\"item.ariaExpanded\"\r\n                    [ariaErrorMessage]=\"item.ariaErrorMessage\"\r\n                    [ariaHasPopup]=\"item.ariaHasPopup\"\r\n                    [tabindex]=\"item.tabindex\"></desy-input>\r\n      </ng-template>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <!-- Template-driven forms -->\r\n  <desy-template-driven-wrapper *ngIf=\"controlContainer && ngModelGroup\">\r\n    <div [ngModelGroup]=\"ngModelGroup\"\r\n         [ngClass]=\"classes ? classes : 'flex'\"\r\n         [attr.id]=\"id ? id : null\"\r\n         [attr.role]=\"role ? role : null\"\r\n         [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\r\n         [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\r\n         [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\r\n         [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\r\n         [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\r\n         [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\r\n         [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\r\n         [attr.aria-live]=\"ariaLive ? ariaLive : null\"\r\n         [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\r\n         [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\r\n         [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\r\n         [attr.tabindex]=\"tabindex ? tabindex : null\">\r\n\r\n      <ng-container *ngFor=\"let item of getItems(); index as i\">\r\n        <ng-container *ngTemplateOutlet=\"isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}\"></ng-container>\r\n        <ng-template #itemSelect>\r\n          <desy-select [id]=\"item.id ? item.id : id + '-' + item.name\"\r\n                       [labelRef]=\"getItemLabelRef(item)\"\r\n                       [labelData]=\"getItemLabelData(item)\"\r\n                       [classes]=\"['mb-0', item.classes] | makeHtmlList\"\r\n                       [formGroupClasses]=\"item.formGroupClasses\"\r\n                       [name]=\"getItemName(item)\"\r\n                       [ngModel]=\"item.value\" (ngModelChange)=\"onInternalChange(item, $event)\"\r\n                       [items]=\"getItemSelectOptions(item)\"\r\n                       [disabled]=\"item.disabled\"\r\n\r\n                       [role]=\"item.role\"\r\n                       [ariaLabel]=\"item.ariaLabel\"\r\n                       [ariaDescribedBy]=\"item.ariaDescribedBy\"\r\n                       [ariaLabelledBy]=\"item.ariaLabelledBy\"\r\n                       [ariaHidden]=\"item.ariaHidden\"\r\n                       [ariaDisabled]=\"item.ariaDisabled\"\r\n                       [ariaControls]=\"item.ariaControls\"\r\n                       [ariaCurrent]=\"item.ariaCurrent\"\r\n                       [ariaLive]=\"item.ariaLive\"\r\n                       [ariaExpanded]=\"item.ariaExpanded\"\r\n                       [ariaErrorMessage]=\"item.ariaErrorMessage\"\r\n                       [ariaHasPopup]=\"item.ariaHasPopup\"\r\n                       [tabindex]=\"item.tabindex\"></desy-select>\r\n        </ng-template>\r\n        <ng-template #itemInput>\r\n          <desy-input [id]=\"item.id ? item.id : id + '-' + item.name\"\r\n                      [labelRef]=\"getItemLabelRef(item)\"\r\n                      [labelData]=\"getItemLabelData(item)\"\r\n                      [classes]=\"['mb-0', item.classes] | makeHtmlList\"\r\n                      [formGroupClasses]=\"item.formGroupClasses\"\r\n                      [name]=\"getItemName(item)\"\r\n                      [ngModel]=\"item.value\" (ngModelChange)=\"onInternalChange(item, $event)\"\r\n                      [type]=\"item.type ? item.type : 'text'\"\r\n                      [inputmode]=\"item.inputmode\"\r\n                      [autocomplete]=\"item.autocomplete\"\r\n                      [pattern]=\"item.pattern\"\r\n                      [placeholder]=\"item.placeholder\"\r\n                      [disabled]=\"item.disabled\"\r\n                      \r\n                      [maxlength]=\"item.maxlength\"\r\n                      [role]=\"item.role\"\r\n                      [ariaLabel]=\"item.ariaLabel\"\r\n                      [ariaDescribedBy]=\"item.ariaDescribedBy\"\r\n                      [ariaLabelledBy]=\"item.ariaLabelledBy\"\r\n                      [ariaHidden]=\"item.ariaHidden\"\r\n                      [ariaDisabled]=\"item.ariaDisabled\"\r\n                      [ariaControls]=\"item.ariaControls\"\r\n                      [ariaCurrent]=\"item.ariaCurrent\"\r\n                      [ariaLive]=\"item.ariaLive\"\r\n                      [ariaExpanded]=\"item.ariaExpanded\"\r\n                      [ariaErrorMessage]=\"item.ariaErrorMessage\"\r\n                      [ariaHasPopup]=\"item.ariaHasPopup\"\r\n                      [tabindex]=\"item.tabindex\"></desy-input>\r\n        </ng-template>\r\n      </ng-container>\r\n    </div>\r\n  </desy-template-driven-wrapper>\r\n\r\n  <!-- With ngModel-->\r\n  <div *ngIf=\"!controlContainer\"\r\n       [ngClass]=\"classes ? classes : 'flex'\"\r\n       [attr.id]=\"id ? id : null\"\r\n       [attr.role]=\"role ? role : null\"\r\n       [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\r\n       [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\r\n       [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\r\n       [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\r\n       [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\r\n       [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\r\n       [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\r\n       [attr.aria-live]=\"ariaLive ? ariaLive : null\"\r\n       [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\r\n       [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\r\n       [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\r\n       [attr.tabindex]=\"tabindex ? tabindex : null\">\r\n\r\n    <ng-container *ngFor=\"let item of getItems(); index as i\">\r\n      <ng-container *ngTemplateOutlet=\"isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}\"></ng-container>\r\n      <ng-template #itemSelect>\r\n        <desy-select [id]=\"item.id ? item.id : id + '-' + item.name\"\r\n                     [labelRef]=\"getItemLabelRef(item)\"\r\n                     [labelData]=\"getItemLabelData(item)\"\r\n                     [classes]=\"['mb-0', item.classes] | makeHtmlList\"\r\n                     [formGroupClasses]=\"item.formGroupClasses\"\r\n                     [name]=\"getItemName(item)\"\r\n                     [items]=\"getItemSelectOptions(item)\"\r\n                     [disabled]=\"item.disabled\"\r\n                     [ngModel]=\"item.value\" (ngModelChange)=\"onInternalChange(item, $event)\"\r\n                     [role]=\"item.role\"\r\n                     [ariaLabel]=\"item.ariaLabel\"\r\n                     [ariaDescribedBy]=\"item.ariaDescribedBy\"\r\n                     [ariaLabelledBy]=\"item.ariaLabelledBy\"\r\n                     [ariaHidden]=\"item.ariaHidden\"\r\n                     [ariaDisabled]=\"item.ariaDisabled\"\r\n                     [ariaControls]=\"item.ariaControls\"\r\n                     [ariaCurrent]=\"item.ariaCurrent\"\r\n                     [ariaLive]=\"item.ariaLive\"\r\n                     [ariaExpanded]=\"item.ariaExpanded\"\r\n                     [ariaErrorMessage]=\"item.ariaErrorMessage\"\r\n                     [ariaHasPopup]=\"item.ariaHasPopup\"\r\n                     [tabindex]=\"item.tabindex\"></desy-select>\r\n      </ng-template>\r\n      <ng-template #itemInput>\r\n        <desy-input [id]=\"item.id ? item.id : id + '-' + item.name\"\r\n                    [labelRef]=\"getItemLabelRef(item)\"\r\n                    [labelData]=\"getItemLabelData(item)\"\r\n                    [classes]=\"['mb-0', item.classes] | makeHtmlList\"\r\n                    [formGroupClasses]=\"item.formGroupClasses\"\r\n                    [name]=\"getItemName(item)\"\r\n                    [ngModel]=\"item.value\" (ngModelChange)=\"onInternalChange(item, $event)\"\r\n                    [type]=\"item.type ? item.type : 'text'\"\r\n                    [inputmode]=\"item.inputmode\"\r\n                    [autocomplete]=\"item.autocomplete\"\r\n                    [pattern]=\"item.pattern\"\r\n                    [placeholder]=\"item.placeholder\"\r\n                    [disabled]=\"item.disabled\"\r\n\r\n                    [maxlength]=\"item.maxlength\"\r\n                    [role]=\"item.role\"\r\n                    [ariaLabel]=\"item.ariaLabel\"\r\n                    [ariaDescribedBy]=\"item.ariaDescribedBy\"\r\n                    [ariaLabelledBy]=\"item.ariaLabelledBy\"\r\n                    [ariaHidden]=\"item.ariaHidden\"\r\n                    [ariaDisabled]=\"item.ariaDisabled\"\r\n                    [ariaControls]=\"item.ariaControls\"\r\n                    [ariaCurrent]=\"item.ariaCurrent\"\r\n                    [ariaLive]=\"item.ariaLive\"\r\n                    [ariaExpanded]=\"item.ariaExpanded\"\r\n                    [ariaErrorMessage]=\"item.ariaErrorMessage\"\r\n                    [ariaHasPopup]=\"item.ariaHasPopup\"\r\n                    [tabindex]=\"item.tabindex\"></desy-input>\r\n      </ng-template>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n  <ng-container *ngIf=\"hasFieldsetComponent()\">\r\n    <ng-content select=\"desy-fieldset\"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!hasFieldsetComponent()\">\r\n    <desy-fieldset *ngIf=\"fieldsetData\"\r\n                   [classes]=\"fieldsetData.classes\"\r\n                   [id]=\"fieldsetData.id\"\r\n                   [legendData]=\"fieldsetData.legend\"\r\n                   [headingLevel]=\"fieldsetData.headingLevel\"\r\n                   [caller]=\"innerHtml\"\r\n                   [errorId]=\"getErrorId()\"\r\n                   [describedBy]=\"[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null\"\r\n                   role=\"group\"\r\n                   [ariaLabel]=\"fieldsetData.ariaLabel\"\r\n                   [ariaLabelledBy]=\"fieldsetData.ariaLabelledBy\"\r\n                   [ariaHidden]=\"fieldsetData.ariaHidden\"\r\n                   [ariaDisabled]=\"fieldsetData.ariaDisabled\"\r\n                   [ariaControls]=\"fieldsetData.ariaControls\"\r\n                   [ariaCurrent]=\"fieldsetData.ariaCurrent\"\r\n                   [ariaLive]=\"fieldsetData.ariaLive\"\r\n                   [ariaExpanded]=\"fieldsetData.ariaExpanded\"\r\n                   [ariaHasPopup]=\"fieldsetData.ariaHasPopup\"\r\n                   [tabindex]=\"fieldsetData.tabindex\"></desy-fieldset>\r\n    <desy-fieldset *ngIf=\"!fieldsetData && hasLegendComponent()\"\r\n                   [legendRef]=\"legendTemplate\"\r\n                   [caller]=\"innerHtml\"\r\n                   [errorId]=\"getErrorId()\"\r\n                   [describedBy]=\"[ getHintId(), getErrorId()] | makeHtmlList:null\">\r\n      <ng-template #legendTemplate>\r\n        <ng-content select=\"desy-legend\"></ng-content>\r\n      </ng-template>\r\n    </desy-fieldset>\r\n    <desy-fieldset *ngIf=\"!fieldsetData && !hasLegendComponent() && legendRef\"\r\n                   [legendRef]=\"legendRef\"\r\n                   [caller]=\"innerHtml\"\r\n                   [errorId]=\"getErrorId()\"\r\n                   [describedBy]=\"[ getHintId(), getErrorId()] | makeHtmlList:null\"\r\n                   role=\"group\"></desy-fieldset>\r\n    <desy-fieldset *ngIf=\"!fieldsetData && !hasLegendComponent() && !legendRef && legendData\"\r\n                   [legendData]=\"{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}\"\r\n                   [caller]=\"innerHtml\"\r\n                   [errorId]=\"getErrorId()\"\r\n                   [describedBy]=\"[ getHintId(), getErrorId()] | makeHtmlList:null\"\r\n                   role=\"group\"></desy-fieldset>\r\n    <desy-fieldset *ngIf=\"!fieldsetData && !hasLegendComponent() && !legendRef && !legendData && legendText\"\r\n                   [legendText]=\"legendText\"\r\n                   [caller]=\"innerHtml\"\r\n                   [errorId]=\"getErrorId()\"\r\n                   [describedBy]=\"[ getHintId(), getErrorId()] | makeHtmlList:null\"\r\n                   role=\"group\"></desy-fieldset>\r\n\r\n    <ng-container *ngIf=\"!hasFieldset()\">\r\n      <ng-container *ngTemplateOutlet=\"innerHtml\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n\r\n",
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => InputGroupComponent),
-                        multi: true
-                    }
-                ]
-            },] }
-];
-InputGroupComponent.ctorParameters = () => [
-    { type: ControlContainer, decorators: [{ type: Optional }] }
-];
-InputGroupComponent.propDecorators = {
-    ngModelGroup: [{ type: Input }],
-    items: [{ type: Input }],
-    itemsChange: [{ type: Output }],
-    namePrefix: [{ type: Input }],
-    classes: [{ type: Input }],
-    cfg: [{ type: HostBinding, args: ['class.c-form-group',] }],
-    cfgr: [{ type: HostBinding, args: ['class.c-form-group--error',] }],
-    formGroupClasses: [{ type: Input }, { type: HostBinding, args: ['class',] }],
-    errorMessage: [{ type: Input }],
-    id: [{ type: Input }],
-    fieldsetData: [{ type: Input }],
-    legendRef: [{ type: Input }],
-    legendData: [{ type: Input }],
-    legendText: [{ type: Input }],
-    itemsComponents: [{ type: ContentChildren, args: [InputGroupItemComponent,] }],
-    fieldsetComponent: [{ type: ContentChildren, args: [FieldsetComponent,] }],
-    legendComponent: [{ type: ContentChildren, args: [LegendComponent,] }],
-    innerHtml: [{ type: ViewChild, args: ['innerHtml', { static: true },] }]
-};
-__decorate([
-    DesyOnInputChange('onExternalChange')
-], InputGroupComponent.prototype, "items", void 0);
-__decorate([
-    DesyOnInputChange('onExternalChange')
-], InputGroupComponent.prototype, "namePrefix", void 0);
-__decorate([
-    DesyContentChild({ onSetCallbackName: 'overrideFieldsetParams' })
-], InputGroupComponent.prototype, "fieldsetComponent", void 0);
-__decorate([
-    DesyContentChild()
-], InputGroupComponent.prototype, "legendComponent", void 0);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1mb3Jtcy9jb21wb25lbnRzL2lucHV0LWdyb3VwL2lucHV0LWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxlQUFlLEVBQUUsWUFBWSxFQUM3QixVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFDTCxRQUFRLEVBQUUsTUFBTSxFQUVILFNBQVMsRUFFdkIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3hFLE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLCtDQUErQyxDQUFDO0FBQ3RGLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLDJEQUEyRCxDQUFDO0FBQzVGLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHlEQUF5RCxDQUFDO0FBQ3pGLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDJDQUEyQyxDQUFDO0FBQzNFLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLGlEQUFpRCxDQUFDO0FBQ3pGLE9BQU8sRUFBQyx5QkFBeUIsRUFBQyxNQUFNLG1EQUFtRCxDQUFDO0FBQzVGLE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLHFEQUFxRCxDQUFDO0FBQy9GLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQztBQWEvRCxNQUFNLE9BQU8sbUJB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QVcsU0FBQyxPQUFPOzJCQUU1QixLQUFLO2lCQUNMLEtBQUs7MkJBU0wsS0FBSzt3QkFDTCxLQUFLO3lCQUNMLEtBQUs7eUJBQ0wsS0FBSzs4QkFFTCxlQUFlLFNBQUMsdUJBQXVCO2dDQUd2QyxlQUFlLFNBQUMsaUJBQWlCOzhCQUdqQyxlQUFlLFNBQUMsZUFBZTt3QkFFL0IsU0FBUyxTQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7O0FBbkMvQjtJQURSLGlCQUFpQixDQUFDLGtCQUFrQixDQUFDO2tEQUNEO0FBSTVCO0lBRFIsaUJBQWlCLENBQUMsa0JBQWtCLENBQUM7dURBQ1Y7QUEwQlE7SUFEbkMsZ0JBQWdCLENBQUMsRUFBRSxpQkFBaUIsRUFBRSx3QkFBd0IsRUFBQyxDQUFDOzhEQUNRO0FBR3ZDO0lBRGpDLGdCQUFnQixFQUFFOzREQUNnRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQWZ0ZXJDb250ZW50SW5pdCwgQWZ0ZXJWaWV3Q2hlY2tlZCxcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkcmVuLCBFdmVudEVtaXR0ZXIsXHJcbiAgZm9yd2FyZFJlZixcclxuICBIb3N0QmluZGluZyxcclxuICBJbnB1dCxcclxuICBPcHRpb25hbCwgT3V0cHV0LFxyXG4gIFF1ZXJ5TGlzdCxcclxuICBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLFxyXG4gIE9uQ2hhbmdlc1xyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0ZpZWxkc2V0RGF0YSwgTGVnZW5kRGF0YSwgSXRlbUlucHV0R3JvdXBEYXRhLCBMYWJlbERhdGEsIFNlbGVjdEl0ZW1EYXRhfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgQ29udHJvbENvbnRhaW5lciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IExlZ2VuZENvbXBvbmVudCB9IGZyb20gJy4uL2ZpZWxkc2V0L2xlZ2VuZC9sZWdlbmQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRm9ybUZpZWxkQ29tcG9uZW50IH0gZnJvbSAnLi4vZm9ybS1maWVsZC9mb3JtLWZpZWxkLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7SW5wdXRHcm91cEl0ZW1Db21wb25lbnR9IGZyb20gJy4vaW5wdXQtZ3JvdXAtaXRlbS9pbnB1dC1ncm91cC1pdGVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7RGVzeU9uSW5wdXRDaGFuZ2V9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9kZWNvcmF0b3JzL2Rlc3ktb24taW5wdXQtY2hhbmdlLmRlY29yYXRvcic7XHJcbmltcG9ydCB7RGVzeUNvbnRlbnRDaGlsZH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2RlY29yYXRvcnMvZGVzeS1jb250ZW50LWNoaWxkLmRlY29yYXRvcic7XHJcbmltcG9ydCB7RmllbGRzZXRDb21wb25lbnR9IGZyb20gJy4uL2ZpZWxkc2V0L2ZpZWxkc2V0LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7TWFrZUh0bWxMaXN0UGlwZX0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL3BpcGVzL21ha2UtaHRtbC1saXN0LnBpcGUnO1xyXG5pbXBvcnQge0lucHV0R3JvdXBJbnB1dENvbXBvbmVudH0gZnJvbSAnLi9pbnB1dC1ncm91cC1pbnB1dC9pbnB1dC1ncm91cC1pbnB1dC5jb21wb25lbnQnO1xyXG5pbXBvcnQge0lucHV0R3JvdXBTZWxlY3RDb21wb25lbnR9IGZyb20gJy4vaW5wdXQtZ3JvdXAtc2VsZWN0L2lucHV0LWdyb3VwLXNlbGVjdC5jb21wb25lbnQnO1xyXG5pbXBvcnQge0lucHV0R3JvdXBEaXZpZGVyQ29tcG9uZW50fSBmcm9tICcuL2lucHV0LWdyb3VwLWRpdmlkZXIvaW5wdXQtZ3JvdXAtZGl2aWRlci5jb21wb25lbnQnO1xyXG5pbXBvcnQge1N0cmluZ1V0aWxzfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvdXRpbHMvc3RyaW5nLXV0aWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGVzeS1pbnB1dC1ncm91cCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LWdyb3VwLmNvbXBvbmVudC5odG1sJyxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IElucHV0R3JvdXBDb21wb25lbnQpLFxyXG4gICAgICBtdWx0aTogdHJ1ZVxyXG4gICAgfVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIElucHV0R3JvdXBDb21wb25lbnQgZXh0ZW5kcyBGb3JtRmllbGRDb21wb25lbnQ8YW55PiBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQsIEFmdGVyVmlld0NoZWNrZWQsIE9uQ2hhbmdlcyB7XHJcblxyXG4gIEBJbnB1dCgpIG5nTW9kZWxHcm91cDogc3RyaW5nO1xyXG5cclxuICBARGVzeU9uSW5wdXRDaGFuZ2UoJ29uRXh0ZXJuYWxDaGFuZ2UnKVxyXG4gIEBJbnB1dCgpIGl0ZW1zOiBJdGVtSW5wdXRHcm91cERhdGFbXTtcclxuICBAT3V0cHV0KCkgaXRlbXNDaGFuZ2U6IEV2ZW50RW1pdHRlcjxJdGVtSW5wdXRHcm91cERhdGFbXT4gPSBuZXcgRXZlbnRFbWl0dGVyPEl0ZW1JbnB1dEdyb3VwRGF0YVtdPigpO1xyXG5cclxuICBARGVzeU9uSW5wdXRDaGFuZ2UoJ29uRXh0ZXJuYWxDaGFuZ2UnKVxyXG4gIEBJbnB1dCgpIG5hbWVQcmVmaXg6IHN0cmluZztcclxuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XHJcblxyXG4gIC8vICBmb3JtIGdyb3VwIGNsYXNzIC0gYXNpZ25hciBjbGFzZXMgYSBsYSBldGlxdWV0YSBkZXN5LWlucHV0LWdyb3VwXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jLWZvcm0tZ3JvdXAnKSBjZmcgPSB0cnVlO1xyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuYy1mb3JtLWdyb3VwLS1lcnJvcicpIGNmZ3I6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGZvcm1Hcm91cENsYXNzZXM6IGFueTtcclxuXHJcbiAgQElucHV0KCkgZXJyb3JNZXNzYWdlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWQ6IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogZmllbGRzZXQsIGRpZmVyZW50ZXMgZm9ybWFzIGRlIGltcGxlbWVudGFyLCBlbnVtZXJhZGFzIHBvciBwcmlvcmlkYWRcclxuICAgKiAxKSBpbmNsdWlyIG9iamV0byBGaWVsZHNldERhdGEgKGludGVyZmF6IGV4cHVlc3RhKVxyXG4gICAqIDIpIGluY2x1aXIgdGVtcGxhdGUgbGVnZW5kXHJcbiAgICogMykgaW5jbHVpciBsZWdlbmREYXRhIC0gaW5jbHVpciB1biBmaWVsZHNldCBjb24gdW5hIGxlZ2VuZGEgY29uIGxvcyBwYXJhbWV0cm9zIHBhc2Fkb3MgIChpbnRlcmZheiBleHB1ZXN0YSlcclxuICAgKiA0KSBpbmNsdWlyIGxlZ2VuZFRleHQgLSBpbmNsdWlyIHVuIGZpZWxkc2V0IGNvbiB1biB0ZXh0byBlbiBsYSBsZWdlbmRhXHJcbiAgICovXHJcbiAgQElucHV0KCkgZmllbGRzZXREYXRhOiBGaWVsZHNldERhdGE7XHJcbiAgQElucHV0KCkgbGVnZW5kUmVmOiBUZW1wbGF0ZVJlZjxMZWdlbmRDb21wb25lbnQ+O1xyXG4gIEBJbnB1dCgpIGxlZ2VuZERhdGE6IExlZ2VuZERhdGE7XHJcbiAgQElucHV0KCkgbGVnZW5kVGV4dDogc3RyaW5nO1xyXG5cclxuICBAQ29udGVudENoaWxkcmVuKElucHV0R3JvdXBJdGVtQ29tcG9uZW50KSBpdGVtc0NvbXBvbmVudHM6IFF1ZXJ5TGlzdDxJbnB1dEdyb3VwSXRlbUNvbXBvbmVudD47XHJcblxyXG4gIEBEZXN5Q29udGVudENoaWxkKHsgb25TZXRDYWxsYmFja05hbWU6ICdvdmVycmlkZUZpZWxkc2V0UGFyYW1zJ30pXHJcbiAgQENvbnRlbnRDaGlsZHJlbihGaWVsZHNldENvbXBvbmVudCkgZmllbGRzZXRDb21wb25lbnQ6IEZpZWxkc2V0Q29tcG9uZW50O1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihMZWdlbmRDb21wb25lbnQpIGxlZ2VuZENvbXBvbmVudDogTGVnZW5kQ29tcG9uZW50O1xyXG5cclxuICBAVmlld0NoaWxkKCdpbm5lckh0bWwnLCB7IHN0YXRpYzogdHJ1ZSB9KSBpbm5lckh0bWw6IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIHByaXZhdGUgY29udGVudEluaXQgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHVibGljIGNvbnRyb2xDb250YWluZXI6IENvbnRyb2xDb250YWluZXIpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcclxuICAgIHRoaXMuY2ZnciA9ICh0aGlzLmhhc0Vycm9yc01lc3NhZ2UoKSB8fCB0aGlzLmZvcm1Hcm91cENsYXNzZXMgPT09ICdjLWZvcm0tZ3JvdXAtLWVycm9yJyk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmNvbnRlbnRJbml0ID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpOiB2b2lkIHtcclxuICAgIGNvbnN0IGl0ZW1zID0gdGhpcy5nZXRJdGVtcygpO1xyXG4gIH1cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XHJcbiAgICBpZiAodmFsdWUpIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG4gICAgICBjb25zdCBpdGVtcyA9IHRoaXMuZ2V0SXRlbXMoKTtcclxuICAgICAgaXRlbXMuZm9yRWFjaChpdGVtID0+IHtcclxuICAgICAgICBjb25zdCB2ID0gdGhpcy52YWx1ZVt0aGlzLmdldEl0ZW1OYW1lKGl0ZW0pXTtcclxuICAgICAgICBpdGVtLnZhbHVlID0gdiA/IHYgOiBudWxsO1xyXG4gICAgICB9KTtcclxuXHJcbiAgICAgIGlmICh0aGlzLml0ZW1zKSB7XHJcbiAgICAgICAgdGhpcy5pdGVtc0NoYW5nZS5lbWl0KHRoaXMuaXRlbXMpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcclxuICB9XHJcblxyXG4gIG9uRXh0ZXJuYWxDaGFuZ2UoKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMuY29udGVudEluaXQpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICghdGhpcy52YWx1ZSkge1xyXG4gICAgICB0aGlzLnZhbHVlID0ge307XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3QgaXRlbXMgPSB0aGlzLmdldEl0ZW1zKCk7XHJcbiAgICBpdGVtcy5mb3JFYWNoKGl0ZW0gPT4gdGhpcy52YWx1ZVt0aGlzLmdldEl0ZW1OYW1lKGl0ZW0pXSA9IGl0ZW0udmFsdWUpO1xyXG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcclxuICB9XHJcblxyXG4gIG9uSW50ZXJuYWxDaGFuZ2UoaXRlbTogSXRlbUlucHV0R3JvdXBEYXRhLCBpdGVtVmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgY29uc3QgaXRlbU5hbWUgPSB0aGlzLmdldEl0ZW1OYW1lKGl0ZW0pO1xyXG4gICAgaWYgKCF0aGlzLnZhbHVlKSB7XHJcbiAgICAgIHRoaXMudmFsdWUgPSB7fTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy52YWx1ZVtpdGVtTmFtZV0gIT09IGl0ZW1WYWx1ZSkge1xyXG4gICAgICB0aGlzLnZhbHVlW2l0ZW1OYW1lXSA9IGl0ZW1WYWx1ZTtcclxuICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcclxuXHJcbiAgICAgIGlmIChpdGVtIGluc3RhbmNlb2YgSW5wdXRHcm91cElucHV0Q29tcG9uZW50IHx8IGl0ZW0gaW5zdGFuY2VvZiBJbnB1dEdyb3VwU2VsZWN0Q29tcG9uZW50KSB7XHJcbiAgICAgICAgaXRlbS52YWx1ZUNoYW5nZS5lbWl0KGl0ZW1WYWx1ZSk7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIGlmICh0aGlzLml0ZW1zKSB7XHJcbiAgICAgICAgaXRlbS52YWx1ZSA9IGl0ZW1WYWx1ZTtcclxuICAgICAgICB0aGlzLml0ZW1zQ2hhbmdlLmVtaXQodGhpcy5pdGVtcyk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIG92ZXJyaWRlRmllbGRzZXRQYXJhbXMoZmllbGRzZXQ6IEZpZWxkc2V0Q29tcG9uZW50KTogdm9pZCB7XHJcbiAgICBmaWVsZHNldC5jYWxsZXIgPSB0aGlzLmlubmVySHRtbDtcclxuICAgIGZpZWxkc2V0LmVycm9ySWQgPSB0aGlzLmdldEVycm9ySWQoKTtcclxuICAgIGZpZWxkc2V0LmRlc2NyaWJlZEJ5ID0gbmV3IE1ha2VIdG1sTGlzdFBpcGUoKS50cmFuc2Zvcm0oW3RoaXMuZ2V0SGludElkKCksIHRoaXMuZ2V0RXJyb3JJZCgpXSwgbnVsbCk7XHJcbiAgICBmaWVsZHNldC5yb2xlID0gJ2dyb3VwJztcclxuICAgIGZpZWxkc2V0LmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG4gIC8qXHJcbiAgICogTcOpdG9kb3MgcGFyYSBwcm9wb3JjaW9uYXIgZGF0b3NcclxuICAgKi9cclxuICBnZXRJdGVtcygpOiBJdGVtSW5wdXRHcm91cERhdGFbXSB7XHJcbiAgICByZXR1cm4gdGhpcy5pdGVtc0NvbXBvbmVudHMgJiYgdGhpcy5pdGVtc0NvbXBvbmVudHMubGVuZ3RoID8gdGhpcy5pdGVtc0NvbXBvbmVudHMudG9BcnJheSgpIDogdGhpcy5pdGVtcztcclxuICB9XHJcblxyXG4gIGdldEl0ZW1MYWJlbFJlZihpdGVtOiBJdGVtSW5wdXRHcm91cERhdGEpOiBUZW1wbGF0ZVJlZjxhbnk+IHtcclxuICAgIHJldHVybiBpdGVtIGluc3RhbmNlb2YgSW5wdXRHcm91cElucHV0Q29tcG9uZW50IHx8IGl0ZW0gaW5zdGFuY2VvZiBJbnB1dEdyb3VwU2VsZWN0Q29tcG9uZW50ID8gaXRlbS5sYWJlbFJlZiA6IG51bGw7XHJcbiAgfVxyXG5cclxuICBnZXRJdGVtTGFiZWxEYXRhKGl0ZW06IEl0ZW1JbnB1dEdyb3VwRGF0YSk6IExhYmVsRGF0YSB7XHJcbiAgICByZXR1cm4gaXRlbS5sYWJlbERhdGEgPyBpdGVtLmxhYmVsRGF0YSA6IHsgdGV4dDogaXRlbS5sYWJlbFRleHQgfTtcclxuICB9XHJcblxyXG4gIGhhc0ZpZWxkc2V0KCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuICEhKHRoaXMuaGFzRmllbGRzZXRDb21wb25lbnQoKSB8fCB0aGlzLmhhc0xlZ2VuZENvbXBvbmVudCgpIHx8IHRoaXMubGVnZW5kUmVmIHx8IHRoaXMuZmllbGRzZXREYXRhXHJcbiAgICAgIHx8ICh0aGlzLmxlZ2VuZERhdGEgJiYgKHRoaXMubGVnZW5kRGF0YS50ZXh0IHx8IHRoaXMubGVnZW5kRGF0YS5odG1sKSkgfHwgdGhpcy5sZWdlbmRUZXh0KTtcclxuICB9XHJcblxyXG4gIGhhc0ZpZWxkc2V0Q29tcG9uZW50KCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuICEhdGhpcy5maWVsZHNldENvbXBvbmVudDtcclxuICB9XHJcblxyXG4gIGhhc0xlZ2VuZENvbXBvbmVudCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiAhIXRoaXMubGVnZW5kQ29tcG9uZW50O1xyXG4gIH1cclxuXHJcbiAgZ2V0SXRlbU5hbWUoaXRlbTogSXRlbUlucHV0R3JvdXBEYXRhKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLm5hbWVQcmVmaXggPyB0aGlzLm5hbWVQcmVmaXggKyAnLScgKyBpdGVtLm5hbWUgOiBpdGVtLm5hbWU7XHJcbiAgfVxyXG5cclxuICBnZXRJdGVtU2VsZWN0T3B0aW9ucyhpdGVtOiBJdGVtSW5wdXRHcm91cERhdGEpOiBTZWxlY3RJdGVtRGF0YVtdIHtcclxuICAgIHJldHVybiBpdGVtIGluc3RhbmNlb2YgSW5wdXRHcm91cFNlbGVjdENvbXBvbmVudCA/XHJcbiAgICAgIGl0ZW0uc2VsZWN0SXRlbUNvbXBvbmVudExpc3QudG9BcnJheSgpIDogaXRlbS5zZWxlY3RJdGVtcztcclxuICB9XHJcblxyXG4gIGdldEl0ZW1EaXZpZGVyVGVtcGxhdGUoaXRlbTogSXRlbUlucHV0R3JvdXBEYXRhKTogVGVtcGxhdGVSZWY8YW55PiB7XHJcbiAgICByZXR1cm4gaXRlbS5kaXZpZGVyIGluc3RhbmNlb2YgSW5wdXRHcm91cERpdmlkZXJDb21wb25lbnQgPyBpdGVtLmRpdmlkZXIuZGl2aWRlckNvbnRlbnQgOiBudWxsO1xyXG4gIH1cclxuXHJcbiAgZ2V0SXRlbURpdmlkZXJIdG1sKGl0ZW06IEl0ZW1JbnB1dEdyb3VwRGF0YSk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gaXRlbS5kaXZpZGVyLmh0bWwgPyBpdGVtLmRpdmlkZXIuaHRtbCA6IGA8cD4keyBTdHJpbmdVdGlscy5lc2NhcGVIdG1sKGl0ZW0uZGl2aWRlci50ZXh0KSB9PC9wPmA7XHJcbiAgfVxyXG5cclxuICBpc1NlbGVjdEl0ZW0oaXRlbTogSXRlbUlucHV0R3JvdXBEYXRhKTogYm9vbGVhbiB7XHJcbiAgICBsZXQgaGFzU2VsZWN0SXRlbXM7XHJcbiAgICBpZiAoaXRlbSBpbnN0YW5jZW9mIElucHV0R3JvdXBTZWxlY3RDb21wb25lbnQpIHtcclxuICAgICAgaGFzU2VsZWN0SXRlbXMgPSBpdGVtLnNlbGVjdEl0ZW1Db21wb25lbnRMaXN0ICYmIGl0ZW0uc2VsZWN0SXRlbUNvbXBvbmVudExpc3QubGVuZ3RoID4gMDtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGhhc1NlbGVjdEl0ZW1zID0gaXRlbS5zZWxlY3RJdGVtcztcclxuICAgIH1cclxuICAgIHJldHVybiBpdGVtLmlzU2VsZWN0ICYmIGhhc1NlbGVjdEl0ZW1zO1xyXG4gIH1cclxuXHJcbiAgaGFzSXRlbUxhYmVsKGl0ZW06IEl0ZW1JbnB1dEdyb3VwRGF0YSk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuICEhKChpdGVtLmxhYmVsRGF0YSAmJiAoaXRlbS5sYWJlbERhdGEudGV4dCB8fCBpdGVtLmxhYmVsRGF0YS5odG1sKSkgfHwgaXRlbS5sYWJlbFRleHQpO1xyXG4gIH1cclxufVxyXG4iXX0=
+import { __decorate } from "tslib";
+import { Component, ContentChildren, EventEmitter, forwardRef, HostBinding, Input, Optional, Output, ViewChild } from '@angular/core';
+import { ControlContainer, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { LegendComponent } from '../fieldset/legend/legend.component';
+import { FormFieldComponent } from '../form-field/form-field.component';
+import { InputGroupItemComponent } from './input-group-item/input-group-item.component';
+import { DesyOnInputChange } from '../../../shared/decorators/desy-on-input-change.decorator';
+import { DesyContentChild } from '../../../shared/decorators/desy-content-child.decorator';
+import { FieldsetComponent } from '../fieldset/fieldset.component';
+import { MakeHtmlListPipe } from '../../../shared/pipes/make-html-list.pipe';
+import { InputGroupInputComponent } from './input-group-input/input-group-input.component';
+import { InputGroupSelectComponent } from './input-group-select/input-group-select.component';
+import { InputGroupDividerComponent } from './input-group-divider/input-group-divider.component';
+import { StringUtils } from '../../../shared/utils/string-utils';
+export class InputGroupComponent extends FormFieldComponent {
+    constructor(controlContainer) {
+        super();
+        this.controlContainer = controlContainer;
+        this.itemsChange = new EventEmitter();
+        //  form group class - asignar clases a la etiqueta desy-input-group
+        this.cfg = true;
+        this.contentInit = false;
+    }
+    ngOnChanges() {
+        this.cfgr = (this.hasErrorsMessage() || this.formGroupClasses === 'c-form-group--error');
+    }
+    ngAfterContentInit() {
+        this.contentInit = true;
+    }
+    ngAfterViewChecked() {
+        const items = this.getItems();
+    }
+    writeValue(value) {
+        if (value) {
+            this.value = value;
+            const items = this.getItems();
+            items.forEach(item => {
+                const v = this.value[this.getItemName(item)];
+                item.value = v ? v : null;
+            });
+            if (this.items) {
+                this.itemsChange.emit(this.items);
+            }
+        }
+        this.onChange(value);
+    }
+    onExternalChange() {
+        if (!this.contentInit) {
+            return;
+        }
+        if (!this.value) {
+            this.value = {};
+        }
+        const items = this.getItems();
+        items.forEach(item => this.value[this.getItemName(item)] = item.value);
+        this.onChange(this.value);
+    }
+    onInternalChange(item, itemValue) {
+        const itemName = this.getItemName(item);
+        if (!this.value) {
+            this.value = {};
+        }
+        if (this.value[itemName] !== itemValue) {
+            this.value[itemName] = itemValue;
+            this.onChange(this.value);
+            if (item instanceof InputGroupInputComponent || item instanceof InputGroupSelectComponent) {
+                item.valueChange.emit(itemValue);
+            }
+            if (this.items) {
+                item.value = itemValue;
+                this.itemsChange.emit(this.items);
+            }
+        }
+    }
+    overrideFieldsetParams(fieldset) {
+        fieldset.caller = this.innerHtml;
+        fieldset.errorId = this.getErrorId();
+        fieldset.describedBy = new MakeHtmlListPipe().transform([this.getHintId(), this.getErrorId()], null);
+        fieldset.role = 'group';
+        fieldset.detectChanges();
+    }
+    /*
+     * Métodos para proporcionar datos
+     */
+    getItems() {
+        return this.itemsComponents && this.itemsComponents.length ? this.itemsComponents.toArray() : this.items;
+    }
+    getItemLabelRef(item) {
+        return item instanceof InputGroupInputComponent || item instanceof InputGroupSelectComponent ? item.labelRef : null;
+    }
+    getItemLabelData(item) {
+        return item.labelData ? item.labelData : { text: item.labelText };
+    }
+    hasFieldset() {
+        return !!(this.hasFieldsetComponent() || this.hasLegendComponent() || this.legendRef || this.fieldsetData
+            || (this.legendData && (this.legendData.text || this.legendData.html)) || this.legendText);
+    }
+    hasFieldsetComponent() {
+        return !!this.fieldsetComponent;
+    }
+    hasLegendComponent() {
+        return !!this.legendComponent;
+    }
+    getItemName(item) {
+        return this.namePrefix ? this.namePrefix + '-' + item.name : item.name;
+    }
+    getItemSelectOptions(item) {
+        return item instanceof InputGroupSelectComponent ?
+            item.selectItemComponentList.toArray() : item.selectItems;
+    }
+    getItemDividerTemplate(item) {
+        return item.divider instanceof InputGroupDividerComponent ? item.divider.dividerContent : null;
+    }
+    getItemDividerHtml(item) {
+        return item.divider.html ? item.divider.html : `<p>${StringUtils.escapeHtml(item.divider.text)}</p>`;
+    }
+    isSelectItem(item) {
+        let hasSelectItems;
+        if (item instanceof InputGroupSelectComponent) {
+            hasSelectItems = item.selectItemComponentList && item.selectItemComponentList.length > 0;
+        }
+        else {
+            hasSelectItems = item.selectItems;
+        }
+        return item.isSelect && hasSelectItems;
+    }
+    hasItemLabel(item) {
+        return !!((item.labelData && (item.labelData.text || item.labelData.html)) || item.labelText);
+    }
+}
+InputGroupComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-input-group',
+                template: "\n<!-- Divider no forma parte del formulario, por lo que es reutilizable en cualquier caso -->\n<ng-template #itemDivider let-item=\"item\">\n  <div role=\"separator\" [ngClass]=\"item.divider.classes\">\n    <ng-container *desyCustomInnerContent=\"{ template: getItemDividerTemplate(item), html: getItemDividerHtml(item) }\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #innerHtml>\n  <ng-container *ngTemplateOutlet=\"hintRef\"></ng-container>\n  <desy-hint *ngIf=\"!hintRef && hintData\"\n             [id]=\"getHintId()\"\n             [text]=\"hintData.text\"\n             [html]=\"hintData.html\"\n             [classes]=\"hintData.classes\"\n             [role]=\"hintData.role\"\n             [ariaLabel]=\"hintData.ariaLabel\"\n             [ariaDescribedBy]=\"hintData.ariaDescribedBy\"\n             [ariaLabelledBy]=\"hintData.ariaLabelledBy\"\n             [ariaHidden]=\"hintData.ariaHidden\"\n             [ariaDisabled]=\"hintData.ariaDisabled\"\n             [ariaControls]=\"hintData.ariaControls\"\n             [ariaCurrent]=\"hintData.ariaCurrent\"\n             [ariaLive]=\"hintData.ariaLive\"\n             [ariaExpanded]=\"hintData.ariaExpanded\"\n             [ariaErrorMessage]=\"hintData.ariaErrorMessage\"\n             [ariaHasPopup]=\"hintData.ariaHasPopup\"\n             [tabindex]=\"hintData.tabindex\"></desy-hint>\n  <desy-hint *ngIf=\"!hintRef && !hintData && hintText\" [text]=\"hintText\" [id]=\"getHintId()\"></desy-hint>\n\n  <ng-container *ngTemplateOutlet=\"errorMessageRef\"></ng-container>\n  <desy-error-message *ngIf=\"!errorMessageRef && errorMessageData\"\n                      [id]=\"getErrorId()\"\n                      [text]=\"errorMessageData.text\"\n                      [html]=\"errorMessageData.html\"\n                      [classes]=\"errorMessageData.classes\"\n                      [visuallyHiddenText]=\"errorMessageData.visuallyHiddenText\"\n                      [role]=\"errorMessageData.role\"\n                      [ariaLabel]=\"errorMessageData.ariaLabel\"\n                      [ariaDescribedBy]=\"errorMessageData.ariaDescribedBy\"\n                      [ariaLabelledBy]=\"errorMessageData.ariaLabelledBy\"\n                      [ariaHidden]=\"errorMessageData.ariaHidden\"\n                      [ariaDisabled]=\"errorMessageData.ariaDisabled\"\n                      [ariaControls]=\"errorMessageData.ariaControls\"\n                      [ariaCurrent]=\"errorMessageData.ariaCurrent\"\n                      [ariaLive]=\"errorMessageData.ariaLive\"\n                      [ariaExpanded]=\"errorMessageData.ariaExpanded\"\n                      [ariaErrorMessage]=\"errorMessageData.ariaErrorMessage\"\n                      [ariaHasPopup]=\"errorMessageData.ariaHasPopup\"\n                      [tabindex]=\"errorMessageData.tabindex\"></desy-error-message>\n  <desy-error-message *ngIf=\"!errorMessageRef && !errorMessageData && errorMessageText\"\n                      [text]=\"errorMessageText\" [id]=\"getErrorId()\"></desy-error-message>\n\n  <!-- Reactive forms -->\n  <div *ngIf=\"controlContainer && !ngModelGroup\"\n       [formGroup]=\"controlContainer.control\"\n       [ngClass]=\"classes ? classes : 'flex'\"\n       [attr.id]=\"id ? id : null\"\n       [attr.role]=\"role ? role : null\"\n       [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n       [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n       [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n       [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n       [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n       [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n       [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n       [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n       [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n       [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n       [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n       [attr.tabindex]=\"tabindex ? tabindex : null\">\n\n    <ng-container *ngFor=\"let item of getItems(); index as i\">\n      <ng-container *ngTemplateOutlet=\"isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}\"></ng-container>\n      <ng-template #itemSelect>\n        <desy-select [id]=\"item.id ? item.id : id + '-' + item.name\"\n                     [labelRef]=\"getItemLabelRef(item)\"\n                     [labelData]=\"getItemLabelData(item)\"\n                     [classes]=\"['mb-0', item.classes] | makeHtmlList\"\n                     [formGroupClasses]=\"item.formGroupClasses\"\n                     [name]=\"getItemName(item)\"\n                     [formControlName]=\"getItemName(item)\"\n                     [items]=\"getItemSelectOptions(item)\"\n                     [disabled]=\"item.disabled\"\n\n                     [role]=\"item.role\"\n                     [ariaLabel]=\"item.ariaLabel\"\n                     [ariaDescribedBy]=\"item.ariaDescribedBy\"\n                     [ariaLabelledBy]=\"item.ariaLabelledBy\"\n                     [ariaHidden]=\"item.ariaHidden\"\n                     [ariaDisabled]=\"item.ariaDisabled\"\n                     [ariaControls]=\"item.ariaControls\"\n                     [ariaCurrent]=\"item.ariaCurrent\"\n                     [ariaLive]=\"item.ariaLive\"\n                     [ariaExpanded]=\"item.ariaExpanded\"\n                     [ariaErrorMessage]=\"item.ariaErrorMessage\"\n                     [ariaHasPopup]=\"item.ariaHasPopup\"\n                     [tabindex]=\"item.tabindex\"></desy-select>\n      </ng-template>\n      <ng-template #itemInput>\n        <desy-input [id]=\"item.id ? item.id : id + '-' + item.name\"\n                    [labelRef]=\"getItemLabelRef(item)\"\n                    [labelData]=\"getItemLabelData(item)\"\n                    [classes]=\"['mb-0', item.classes] | makeHtmlList\"\n                    [formGroupClasses]=\"item.formGroupClasses\"\n                    [name]=\"getItemName(item)\"\n                    [formControlName]=\"getItemName(item)\"\n                    [type]=\"item.type ? item.type : 'text'\"\n                    [inputmode]=\"item.inputmode\"\n                    [autocomplete]=\"item.autocomplete\"\n                    [pattern]=\"item.pattern\"\n                    [placeholder]=\"item.placeholder\"\n                    [disabled]=\"item.disabled\"\n\n                    [maxlength]=\"item.maxlength\"\n                    [role]=\"item.role\"\n                    [ariaLabel]=\"item.ariaLabel\"\n                    [ariaDescribedBy]=\"item.ariaDescribedBy\"\n                    [ariaLabelledBy]=\"item.ariaLabelledBy\"\n                    [ariaHidden]=\"item.ariaHidden\"\n                    [ariaDisabled]=\"item.ariaDisabled\"\n                    [ariaControls]=\"item.ariaControls\"\n                    [ariaCurrent]=\"item.ariaCurrent\"\n                    [ariaLive]=\"item.ariaLive\"\n                    [ariaExpanded]=\"item.ariaExpanded\"\n                    [ariaErrorMessage]=\"item.ariaErrorMessage\"\n                    [ariaHasPopup]=\"item.ariaHasPopup\"\n                    [tabindex]=\"item.tabindex\"></desy-input>\n      </ng-template>\n    </ng-container>\n  </div>\n\n  <!-- Template-driven forms -->\n  <desy-template-driven-wrapper *ngIf=\"controlContainer && ngModelGroup\">\n    <div [ngModelGroup]=\"ngModelGroup\"\n         [ngClass]=\"classes ? classes : 'flex'\"\n         [attr.id]=\"id ? id : null\"\n         [attr.role]=\"role ? role : null\"\n         [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n         [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n         [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n         [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n         [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n         [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n         [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n         [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n         [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n         [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n         [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n         [attr.tabindex]=\"tabindex ? tabindex : null\">\n\n      <ng-container *ngFor=\"let item of getItems(); index as i\">\n        <ng-container *ngTemplateOutlet=\"isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}\"></ng-container>\n        <ng-template #itemSelect>\n          <desy-select [id]=\"item.id ? item.id : id + '-' + item.name\"\n                       [labelRef]=\"getItemLabelRef(item)\"\n                       [labelData]=\"getItemLabelData(item)\"\n                       [classes]=\"['mb-0', item.classes] | makeHtmlList\"\n                       [formGroupClasses]=\"item.formGroupClasses\"\n                       [name]=\"getItemName(item)\"\n                       [ngModel]=\"item.value\" (ngModelChange)=\"onInternalChange(item, $event)\"\n                       [items]=\"getItemSelectOptions(item)\"\n                       [disabled]=\"item.disabled\"\n\n                       [role]=\"item.role\"\n                       [ariaLabel]=\"item.ariaLabel\"\n                       [ariaDescribedBy]=\"item.ariaDescribedBy\"\n                       [ariaLabelledBy]=\"item.ariaLabelledBy\"\n                       [ariaHidden]=\"item.ariaHidden\"\n                       [ariaDisabled]=\"item.ariaDisabled\"\n                       [ariaControls]=\"item.ariaControls\"\n                       [ariaCurrent]=\"item.ariaCurrent\"\n                       [ariaLive]=\"item.ariaLive\"\n                       [ariaExpanded]=\"item.ariaExpanded\"\n                       [ariaErrorMessage]=\"item.ariaErrorMessage\"\n                       [ariaHasPopup]=\"item.ariaHasPopup\"\n                       [tabindex]=\"item.tabindex\"></desy-select>\n        </ng-template>\n        <ng-template #itemInput>\n          <desy-input [id]=\"item.id ? item.id : id + '-' + item.name\"\n                      [labelRef]=\"getItemLabelRef(item)\"\n                      [labelData]=\"getItemLabelData(item)\"\n                      [classes]=\"['mb-0', item.classes] | makeHtmlList\"\n                      [formGroupClasses]=\"item.formGroupClasses\"\n                      [name]=\"getItemName(item)\"\n                      [ngModel]=\"item.value\" (ngModelChange)=\"onInternalChange(item, $event)\"\n                      [type]=\"item.type ? item.type : 'text'\"\n                      [inputmode]=\"item.inputmode\"\n                      [autocomplete]=\"item.autocomplete\"\n                      [pattern]=\"item.pattern\"\n                      [placeholder]=\"item.placeholder\"\n                      [disabled]=\"item.disabled\"\n                      \n                      [maxlength]=\"item.maxlength\"\n                      [role]=\"item.role\"\n                      [ariaLabel]=\"item.ariaLabel\"\n                      [ariaDescribedBy]=\"item.ariaDescribedBy\"\n                      [ariaLabelledBy]=\"item.ariaLabelledBy\"\n                      [ariaHidden]=\"item.ariaHidden\"\n                      [ariaDisabled]=\"item.ariaDisabled\"\n                      [ariaControls]=\"item.ariaControls\"\n                      [ariaCurrent]=\"item.ariaCurrent\"\n                      [ariaLive]=\"item.ariaLive\"\n                      [ariaExpanded]=\"item.ariaExpanded\"\n                      [ariaErrorMessage]=\"item.ariaErrorMessage\"\n                      [ariaHasPopup]=\"item.ariaHasPopup\"\n                      [tabindex]=\"item.tabindex\"></desy-input>\n        </ng-template>\n      </ng-container>\n    </div>\n  </desy-template-driven-wrapper>\n\n  <!-- With ngModel-->\n  <div *ngIf=\"!controlContainer\"\n       [ngClass]=\"classes ? classes : 'flex'\"\n       [attr.id]=\"id ? id : null\"\n       [attr.role]=\"role ? role : null\"\n       [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n       [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n       [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n       [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n       [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n       [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n       [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n       [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n       [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n       [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n       [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n       [attr.tabindex]=\"tabindex ? tabindex : null\">\n\n    <ng-container *ngFor=\"let item of getItems(); index as i\">\n      <ng-container *ngTemplateOutlet=\"isSelectItem(item) ? itemSelect : (item.divider ? itemDivider : itemInput); context: {item: item}\"></ng-container>\n      <ng-template #itemSelect>\n        <desy-select [id]=\"item.id ? item.id : id + '-' + item.name\"\n                     [labelRef]=\"getItemLabelRef(item)\"\n                     [labelData]=\"getItemLabelData(item)\"\n                     [classes]=\"['mb-0', item.classes] | makeHtmlList\"\n                     [formGroupClasses]=\"item.formGroupClasses\"\n                     [name]=\"getItemName(item)\"\n                     [items]=\"getItemSelectOptions(item)\"\n                     [disabled]=\"item.disabled\"\n                     [ngModel]=\"item.value\" (ngModelChange)=\"onInternalChange(item, $event)\"\n                     [role]=\"item.role\"\n                     [ariaLabel]=\"item.ariaLabel\"\n                     [ariaDescribedBy]=\"item.ariaDescribedBy\"\n                     [ariaLabelledBy]=\"item.ariaLabelledBy\"\n                     [ariaHidden]=\"item.ariaHidden\"\n                     [ariaDisabled]=\"item.ariaDisabled\"\n                     [ariaControls]=\"item.ariaControls\"\n                     [ariaCurrent]=\"item.ariaCurrent\"\n                     [ariaLive]=\"item.ariaLive\"\n                     [ariaExpanded]=\"item.ariaExpanded\"\n                     [ariaErrorMessage]=\"item.ariaErrorMessage\"\n                     [ariaHasPopup]=\"item.ariaHasPopup\"\n                     [tabindex]=\"item.tabindex\"></desy-select>\n      </ng-template>\n      <ng-template #itemInput>\n        <desy-input [id]=\"item.id ? item.id : id + '-' + item.name\"\n                    [labelRef]=\"getItemLabelRef(item)\"\n                    [labelData]=\"getItemLabelData(item)\"\n                    [classes]=\"['mb-0', item.classes] | makeHtmlList\"\n                    [formGroupClasses]=\"item.formGroupClasses\"\n                    [name]=\"getItemName(item)\"\n                    [ngModel]=\"item.value\" (ngModelChange)=\"onInternalChange(item, $event)\"\n                    [type]=\"item.type ? item.type : 'text'\"\n                    [inputmode]=\"item.inputmode\"\n                    [autocomplete]=\"item.autocomplete\"\n                    [pattern]=\"item.pattern\"\n                    [placeholder]=\"item.placeholder\"\n                    [disabled]=\"item.disabled\"\n\n                    [maxlength]=\"item.maxlength\"\n                    [role]=\"item.role\"\n                    [ariaLabel]=\"item.ariaLabel\"\n                    [ariaDescribedBy]=\"item.ariaDescribedBy\"\n                    [ariaLabelledBy]=\"item.ariaLabelledBy\"\n                    [ariaHidden]=\"item.ariaHidden\"\n                    [ariaDisabled]=\"item.ariaDisabled\"\n                    [ariaControls]=\"item.ariaControls\"\n                    [ariaCurrent]=\"item.ariaCurrent\"\n                    [ariaLive]=\"item.ariaLive\"\n                    [ariaExpanded]=\"item.ariaExpanded\"\n                    [ariaErrorMessage]=\"item.ariaErrorMessage\"\n                    [ariaHasPopup]=\"item.ariaHasPopup\"\n                    [tabindex]=\"item.tabindex\"></desy-input>\n      </ng-template>\n    </ng-container>\n  </div>\n</ng-template>\n\n\n\n  <ng-container *ngIf=\"hasFieldsetComponent()\">\n    <ng-content select=\"desy-fieldset\"></ng-content>\n  </ng-container>\n  <ng-container *ngIf=\"!hasFieldsetComponent()\">\n    <desy-fieldset *ngIf=\"fieldsetData\"\n                   [classes]=\"fieldsetData.classes\"\n                   [id]=\"fieldsetData.id\"\n                   [legendData]=\"fieldsetData.legend\"\n                   [headingLevel]=\"fieldsetData.headingLevel\"\n                   [caller]=\"innerHtml\"\n                   [errorId]=\"getErrorId()\"\n                   [describedBy]=\"[fieldsetData.describedBy, getHintId(), getErrorId()] | makeHtmlList:null\"\n                   role=\"group\"\n                   [ariaLabel]=\"fieldsetData.ariaLabel\"\n                   [ariaLabelledBy]=\"fieldsetData.ariaLabelledBy\"\n                   [ariaHidden]=\"fieldsetData.ariaHidden\"\n                   [ariaDisabled]=\"fieldsetData.ariaDisabled\"\n                   [ariaControls]=\"fieldsetData.ariaControls\"\n                   [ariaCurrent]=\"fieldsetData.ariaCurrent\"\n                   [ariaLive]=\"fieldsetData.ariaLive\"\n                   [ariaExpanded]=\"fieldsetData.ariaExpanded\"\n                   [ariaHasPopup]=\"fieldsetData.ariaHasPopup\"\n                   [tabindex]=\"fieldsetData.tabindex\"></desy-fieldset>\n    <desy-fieldset *ngIf=\"!fieldsetData && hasLegendComponent()\"\n                   [legendRef]=\"legendTemplate\"\n                   [caller]=\"innerHtml\"\n                   [errorId]=\"getErrorId()\"\n                   [describedBy]=\"[ getHintId(), getErrorId()] | makeHtmlList:null\">\n      <ng-template #legendTemplate>\n        <ng-content select=\"desy-legend\"></ng-content>\n      </ng-template>\n    </desy-fieldset>\n    <desy-fieldset *ngIf=\"!fieldsetData && !hasLegendComponent() && legendRef\"\n                   [legendRef]=\"legendRef\"\n                   [caller]=\"innerHtml\"\n                   [errorId]=\"getErrorId()\"\n                   [describedBy]=\"[ getHintId(), getErrorId()] | makeHtmlList:null\"\n                   role=\"group\"></desy-fieldset>\n    <desy-fieldset *ngIf=\"!fieldsetData && !hasLegendComponent() && !legendRef && legendData\"\n                   [legendData]=\"{text: legendData.text, html: legendData.html,  classes: legendData.classes, isPageHeading: legendData.isPageHeading}\"\n                   [caller]=\"innerHtml\"\n                   [errorId]=\"getErrorId()\"\n                   [describedBy]=\"[ getHintId(), getErrorId()] | makeHtmlList:null\"\n                   role=\"group\"></desy-fieldset>\n    <desy-fieldset *ngIf=\"!fieldsetData && !hasLegendComponent() && !legendRef && !legendData && legendText\"\n                   [legendText]=\"legendText\"\n                   [caller]=\"innerHtml\"\n                   [errorId]=\"getErrorId()\"\n                   [describedBy]=\"[ getHintId(), getErrorId()] | makeHtmlList:null\"\n                   role=\"group\"></desy-fieldset>\n\n    <ng-container *ngIf=\"!hasFieldset()\">\n      <ng-container *ngTemplateOutlet=\"innerHtml\"></ng-container>\n    </ng-container>\n  </ng-container>\n\n",
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => InputGroupComponent),
+                        multi: true
+                    }
+                ]
+            },] }
+];
+InputGroupComponent.ctorParameters = () => [
+    { type: ControlContainer, decorators: [{ type: Optional }] }
+];
+InputGroupComponent.propDecorators = {
+    ngModelGroup: [{ type: Input }],
+    items: [{ type: Input }],
+    itemsChange: [{ type: Output }],
+    namePrefix: [{ type: Input }],
+    classes: [{ type: Input }],
+    cfg: [{ type: HostBinding, args: ['class.c-form-group',] }],
+    cfgr: [{ type: HostBinding, args: ['class.c-form-group--error',] }],
+    formGroupClasses: [{ type: Input }, { type: HostBinding, args: ['class',] }],
+    errorMessage: [{ type: Input }],
+    id: [{ type: Input }],
+    fieldsetData: [{ type: Input }],
+    legendRef: [{ type: Input }],
+    legendData: [{ type: Input }],
+    legendText: [{ type: Input }],
+    itemsComponents: [{ type: ContentChildren, args: [InputGroupItemComponent,] }],
+    fieldsetComponent: [{ type: ContentChildren, args: [FieldsetComponent,] }],
+    legendComponent: [{ type: ContentChildren, args: [LegendComponent,] }],
+    innerHtml: [{ type: ViewChild, args: ['innerHtml', { static: true },] }]
+};
+__decorate([
+    DesyOnInputChange('onExternalChange')
+], InputGroupComponent.prototype, "items", void 0);
+__decorate([
+    DesyOnInputChange('onExternalChange')
+], InputGroupComponent.prototype, "namePrefix", void 0);
+__decorate([
+    DesyContentChild({ onSetCallbackName: 'overrideFieldsetParams' })
+], InputGroupComponent.prototype, "fieldsetComponent", void 0);
+__decorate([
+    DesyContentChild()
+], InputGroupComponent.prototype, "legendComponent", void 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1mb3Jtcy9jb21wb25lbnRzL2lucHV0LWdyb3VwL2lucHV0LWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxlQUFlLEVBQUUsWUFBWSxFQUM3QixVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFDTCxRQUFRLEVBQUUsTUFBTSxFQUVILFNBQVMsRUFFdkIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3hFLE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLCtDQUErQyxDQUFDO0FBQ3RGLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLDJEQUEyRCxDQUFDO0FBQzVGLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHlEQUF5RCxDQUFDO0FBQ3pGLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDJDQUEyQyxDQUFDO0FBQzNFLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLGlEQUFpRCxDQUFDO0FBQ3pGLE9BQU8sRUFBQyx5QkFBeUIsRUFBQyxNQUFNLG1EQUFtRCxDQUFDO0FBQzVGLE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLHFEQUFxRCxDQUFDO0FBQy9GLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQztBQWEvRCxNQUFNLE9BQU8sbUJB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QVcsU0FBQyxPQUFPOzJCQUU1QixLQUFLO2lCQUNMLEtBQUs7MkJBU0wsS0FBSzt3QkFDTCxLQUFLO3lCQUNMLEtBQUs7eUJBQ0wsS0FBSzs4QkFFTCxlQUFlLFNBQUMsdUJBQXVCO2dDQUd2QyxlQUFlLFNBQUMsaUJBQWlCOzhCQUdqQyxlQUFlLFNBQUMsZUFBZTt3QkFFL0IsU0FBUyxTQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7O0FBbkMvQjtJQURSLGlCQUFpQixDQUFDLGtCQUFrQixDQUFDO2tEQUNEO0FBSTVCO0lBRFIsaUJBQWlCLENBQUMsa0JBQWtCLENBQUM7dURBQ1Y7QUEwQlE7SUFEbkMsZ0JBQWdCLENBQUMsRUFBRSxpQkFBaUIsRUFBRSx3QkFBd0IsRUFBQyxDQUFDOzhEQUNRO0FBR3ZDO0lBRGpDLGdCQUFnQixFQUFFOzREQUNnRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsIEFmdGVyVmlld0NoZWNrZWQsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLCBFdmVudEVtaXR0ZXIsXG4gIGZvcndhcmRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT3B0aW9uYWwsIE91dHB1dCxcbiAgUXVlcnlMaXN0LFxuICBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLFxuICBPbkNoYW5nZXNcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0ZpZWxkc2V0RGF0YSwgTGVnZW5kRGF0YSwgSXRlbUlucHV0R3JvdXBEYXRhLCBMYWJlbERhdGEsIFNlbGVjdEl0ZW1EYXRhfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IENvbnRyb2xDb250YWluZXIsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTGVnZW5kQ29tcG9uZW50IH0gZnJvbSAnLi4vZmllbGRzZXQvbGVnZW5kL2xlZ2VuZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRm9ybUZpZWxkQ29tcG9uZW50IH0gZnJvbSAnLi4vZm9ybS1maWVsZC9mb3JtLWZpZWxkLmNvbXBvbmVudCc7XG5pbXBvcnQge0lucHV0R3JvdXBJdGVtQ29tcG9uZW50fSBmcm9tICcuL2lucHV0LWdyb3VwLWl0ZW0vaW5wdXQtZ3JvdXAtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHtEZXN5T25JbnB1dENoYW5nZX0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2RlY29yYXRvcnMvZGVzeS1vbi1pbnB1dC1jaGFuZ2UuZGVjb3JhdG9yJztcbmltcG9ydCB7RGVzeUNvbnRlbnRDaGlsZH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2RlY29yYXRvcnMvZGVzeS1jb250ZW50LWNoaWxkLmRlY29yYXRvcic7XG5pbXBvcnQge0ZpZWxkc2V0Q29tcG9uZW50fSBmcm9tICcuLi9maWVsZHNldC9maWVsZHNldC5jb21wb25lbnQnO1xuaW1wb3J0IHtNYWtlSHRtbExpc3RQaXBlfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvcGlwZXMvbWFrZS1odG1sLWxpc3QucGlwZSc7XG5pbXBvcnQge0lucHV0R3JvdXBJbnB1dENvbXBvbmVudH0gZnJvbSAnLi9pbnB1dC1ncm91cC1pbnB1dC9pbnB1dC1ncm91cC1pbnB1dC5jb21wb25lbnQnO1xuaW1wb3J0IHtJbnB1dEdyb3VwU2VsZWN0Q29tcG9uZW50fSBmcm9tICcuL2lucHV0LWdyb3VwLXNlbGVjdC9pbnB1dC1ncm91cC1zZWxlY3QuY29tcG9uZW50JztcbmltcG9ydCB7SW5wdXRHcm91cERpdmlkZXJDb21wb25lbnR9IGZyb20gJy4vaW5wdXQtZ3JvdXAtZGl2aWRlci9pbnB1dC1ncm91cC1kaXZpZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1N0cmluZ1V0aWxzfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvdXRpbHMvc3RyaW5nLXV0aWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGVzeS1pbnB1dC1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gSW5wdXRHcm91cENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dEdyb3VwQ29tcG9uZW50IGV4dGVuZHMgRm9ybUZpZWxkQ29tcG9uZW50PGFueT4gaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBBZnRlclZpZXdDaGVja2VkLCBPbkNoYW5nZXMge1xuXG4gIEBJbnB1dCgpIG5nTW9kZWxHcm91cDogc3RyaW5nO1xuXG4gIEBEZXN5T25JbnB1dENoYW5nZSgnb25FeHRlcm5hbENoYW5nZScpXG4gIEBJbnB1dCgpIGl0ZW1zOiBJdGVtSW5wdXRHcm91cERhdGFbXTtcbiAgQE91dHB1dCgpIGl0ZW1zQ2hhbmdlOiBFdmVudEVtaXR0ZXI8SXRlbUlucHV0R3JvdXBEYXRhW10+ID0gbmV3IEV2ZW50RW1pdHRlcjxJdGVtSW5wdXRHcm91cERhdGFbXT4oKTtcblxuICBARGVzeU9uSW5wdXRDaGFuZ2UoJ29uRXh0ZXJuYWxDaGFuZ2UnKVxuICBASW5wdXQoKSBuYW1lUHJlZml4OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNsYXNzZXM6IHN0cmluZztcblxuICAvLyAgZm9ybSBncm91cCBjbGFzcyAtIGFzaWduYXIgY2xhc2VzIGEgbGEgZXRpcXVldGEgZGVzeS1pbnB1dC1ncm91cFxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmMtZm9ybS1ncm91cCcpIGNmZyA9IHRydWU7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYy1mb3JtLWdyb3VwLS1lcnJvcicpIGNmZ3I6IGJvb2xlYW47XG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MnKSBmb3JtR3JvdXBDbGFzc2VzOiBhbnk7XG5cbiAgQElucHV0KCkgZXJyb3JNZXNzYWdlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIGZpZWxkc2V0LCBkaWZlcmVudGVzIGZvcm1hcyBkZSBpbXBsZW1lbnRhciwgZW51bWVyYWRhcyBwb3IgcHJpb3JpZGFkXG4gICAqIDEpIGluY2x1aXIgb2JqZXRvIEZpZWxkc2V0RGF0YSAoaW50ZXJmYXogZXhwdWVzdGEpXG4gICAqIDIpIGluY2x1aXIgdGVtcGxhdGUgbGVnZW5kXG4gICAqIDMpIGluY2x1aXIgbGVnZW5kRGF0YSAtIGluY2x1aXIgdW4gZmllbGRzZXQgY29uIHVuYSBsZWdlbmRhIGNvbiBsb3MgcGFyYW1ldHJvcyBwYXNhZG9zICAoaW50ZXJmYXogZXhwdWVzdGEpXG4gICAqIDQpIGluY2x1aXIgbGVnZW5kVGV4dCAtIGluY2x1aXIgdW4gZmllbGRzZXQgY29uIHVuIHRleHRvIGVuIGxhIGxlZ2VuZGFcbiAgICovXG4gIEBJbnB1dCgpIGZpZWxkc2V0RGF0YTogRmllbGRzZXREYXRhO1xuICBASW5wdXQoKSBsZWdlbmRSZWY6IFRlbXBsYXRlUmVmPExlZ2VuZENvbXBvbmVudD47XG4gIEBJbnB1dCgpIGxlZ2VuZERhdGE6IExlZ2VuZERhdGE7XG4gIEBJbnB1dCgpIGxlZ2VuZFRleHQ6IHN0cmluZztcblxuICBAQ29udGVudENoaWxkcmVuKElucHV0R3JvdXBJdGVtQ29tcG9uZW50KSBpdGVtc0NvbXBvbmVudHM6IFF1ZXJ5TGlzdDxJbnB1dEdyb3VwSXRlbUNvbXBvbmVudD47XG5cbiAgQERlc3lDb250ZW50Q2hpbGQoeyBvblNldENhbGxiYWNrTmFtZTogJ292ZXJyaWRlRmllbGRzZXRQYXJhbXMnfSlcbiAgQENvbnRlbnRDaGlsZHJlbihGaWVsZHNldENvbXBvbmVudCkgZmllbGRzZXRDb21wb25lbnQ6IEZpZWxkc2V0Q29tcG9uZW50O1xuXG4gIEBEZXN5Q29udGVudENoaWxkKClcbiAgQENvbnRlbnRDaGlsZHJlbihMZWdlbmRDb21wb25lbnQpIGxlZ2VuZENvbXBvbmVudDogTGVnZW5kQ29tcG9uZW50O1xuXG4gIEBWaWV3Q2hpbGQoJ2lubmVySHRtbCcsIHsgc3RhdGljOiB0cnVlIH0pIGlubmVySHRtbDogVGVtcGxhdGVSZWY8YW55PjtcblxuICBwcml2YXRlIGNvbnRlbnRJbml0ID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHVibGljIGNvbnRyb2xDb250YWluZXI6IENvbnRyb2xDb250YWluZXIpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5jZmdyID0gKHRoaXMuaGFzRXJyb3JzTWVzc2FnZSgpIHx8IHRoaXMuZm9ybUdyb3VwQ2xhc3NlcyA9PT0gJ2MtZm9ybS1ncm91cC0tZXJyb3InKTtcbiAgfVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbnRlbnRJbml0ID0gdHJ1ZTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpOiB2b2lkIHtcbiAgICBjb25zdCBpdGVtcyA9IHRoaXMuZ2V0SXRlbXMoKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgIGlmICh2YWx1ZSkge1xuICAgICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICAgICAgY29uc3QgaXRlbXMgPSB0aGlzLmdldEl0ZW1zKCk7XG4gICAgICBpdGVtcy5mb3JFYWNoKGl0ZW0gPT4ge1xuICAgICAgICBjb25zdCB2ID0gdGhpcy52YWx1ZVt0aGlzLmdldEl0ZW1OYW1lKGl0ZW0pXTtcbiAgICAgICAgaXRlbS52YWx1ZSA9IHYgPyB2IDogbnVsbDtcbiAgICAgIH0pO1xuXG4gICAgICBpZiAodGhpcy5pdGVtcykge1xuICAgICAgICB0aGlzLml0ZW1zQ2hhbmdlLmVtaXQodGhpcy5pdGVtcyk7XG4gICAgICB9XG4gICAgfVxuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICB9XG5cbiAgb25FeHRlcm5hbENoYW5nZSgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuY29udGVudEluaXQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAoIXRoaXMudmFsdWUpIHtcbiAgICAgIHRoaXMudmFsdWUgPSB7fTtcbiAgICB9XG5cbiAgICBjb25zdCBpdGVtcyA9IHRoaXMuZ2V0SXRlbXMoKTtcbiAgICBpdGVtcy5mb3JFYWNoKGl0ZW0gPT4gdGhpcy52YWx1ZVt0aGlzLmdldEl0ZW1OYW1lKGl0ZW0pXSA9IGl0ZW0udmFsdWUpO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gIH1cblxuICBvbkludGVybmFsQ2hhbmdlKGl0ZW06IEl0ZW1JbnB1dEdyb3VwRGF0YSwgaXRlbVZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICBjb25zdCBpdGVtTmFtZSA9IHRoaXMuZ2V0SXRlbU5hbWUoaXRlbSk7XG4gICAgaWYgKCF0aGlzLnZhbHVlKSB7XG4gICAgICB0aGlzLnZhbHVlID0ge307XG4gICAgfVxuXG4gICAgaWYgKHRoaXMudmFsdWVbaXRlbU5hbWVdICE9PSBpdGVtVmFsdWUpIHtcbiAgICAgIHRoaXMudmFsdWVbaXRlbU5hbWVdID0gaXRlbVZhbHVlO1xuICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcblxuICAgICAgaWYgKGl0ZW0gaW5zdGFuY2VvZiBJbnB1dEdyb3VwSW5wdXRDb21wb25lbnQgfHwgaXRlbSBpbnN0YW5jZW9mIElucHV0R3JvdXBTZWxlY3RDb21wb25lbnQpIHtcbiAgICAgICAgaXRlbS52YWx1ZUNoYW5nZS5lbWl0KGl0ZW1WYWx1ZSk7XG4gICAgICB9XG5cbiAgICAgIGlmICh0aGlzLml0ZW1zKSB7XG4gICAgICAgIGl0ZW0udmFsdWUgPSBpdGVtVmFsdWU7XG4gICAgICAgIHRoaXMuaXRlbXNDaGFuZ2UuZW1pdCh0aGlzLml0ZW1zKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBvdmVycmlkZUZpZWxkc2V0UGFyYW1zKGZpZWxkc2V0OiBGaWVsZHNldENvbXBvbmVudCk6IHZvaWQge1xuICAgIGZpZWxkc2V0LmNhbGxlciA9IHRoaXMuaW5uZXJIdG1sO1xuICAgIGZpZWxkc2V0LmVycm9ySWQgPSB0aGlzLmdldEVycm9ySWQoKTtcbiAgICBmaWVsZHNldC5kZXNjcmliZWRCeSA9IG5ldyBNYWtlSHRtbExpc3RQaXBlKCkudHJhbnNmb3JtKFt0aGlzLmdldEhpbnRJZCgpLCB0aGlzLmdldEVycm9ySWQoKV0sIG51bGwpO1xuICAgIGZpZWxkc2V0LnJvbGUgPSAnZ3JvdXAnO1xuICAgIGZpZWxkc2V0LmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIC8qXG4gICAqIE3DqXRvZG9zIHBhcmEgcHJvcG9yY2lvbmFyIGRhdG9zXG4gICAqL1xuICBnZXRJdGVtcygpOiBJdGVtSW5wdXRHcm91cERhdGFbXSB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbXNDb21wb25lbnRzICYmIHRoaXMuaXRlbXNDb21wb25lbnRzLmxlbmd0aCA/IHRoaXMuaXRlbXNDb21wb25lbnRzLnRvQXJyYXkoKSA6IHRoaXMuaXRlbXM7XG4gIH1cblxuICBnZXRJdGVtTGFiZWxSZWYoaXRlbTogSXRlbUlucHV0R3JvdXBEYXRhKTogVGVtcGxhdGVSZWY8YW55PiB7XG4gICAgcmV0dXJuIGl0ZW0gaW5zdGFuY2VvZiBJbnB1dEdyb3VwSW5wdXRDb21wb25lbnQgfHwgaXRlbSBpbnN0YW5jZW9mIElucHV0R3JvdXBTZWxlY3RDb21wb25lbnQgPyBpdGVtLmxhYmVsUmVmIDogbnVsbDtcbiAgfVxuXG4gIGdldEl0ZW1MYWJlbERhdGEoaXRlbTogSXRlbUlucHV0R3JvdXBEYXRhKTogTGFiZWxEYXRhIHtcbiAgICByZXR1cm4gaXRlbS5sYWJlbERhdGEgPyBpdGVtLmxhYmVsRGF0YSA6IHsgdGV4dDogaXRlbS5sYWJlbFRleHQgfTtcbiAgfVxuXG4gIGhhc0ZpZWxkc2V0KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhISh0aGlzLmhhc0ZpZWxkc2V0Q29tcG9uZW50KCkgfHwgdGhpcy5oYXNMZWdlbmRDb21wb25lbnQoKSB8fCB0aGlzLmxlZ2VuZFJlZiB8fCB0aGlzLmZpZWxkc2V0RGF0YVxuICAgICAgfHwgKHRoaXMubGVnZW5kRGF0YSAmJiAodGhpcy5sZWdlbmREYXRhLnRleHQgfHwgdGhpcy5sZWdlbmREYXRhLmh0bWwpKSB8fCB0aGlzLmxlZ2VuZFRleHQpO1xuICB9XG5cbiAgaGFzRmllbGRzZXRDb21wb25lbnQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5maWVsZHNldENvbXBvbmVudDtcbiAgfVxuXG4gIGhhc0xlZ2VuZENvbXBvbmVudCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLmxlZ2VuZENvbXBvbmVudDtcbiAgfVxuXG4gIGdldEl0ZW1OYW1lKGl0ZW06IEl0ZW1JbnB1dEdyb3VwRGF0YSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMubmFtZVByZWZpeCA/IHRoaXMubmFtZVByZWZpeCArICctJyArIGl0ZW0ubmFtZSA6IGl0ZW0ubmFtZTtcbiAgfVxuXG4gIGdldEl0ZW1TZWxlY3RPcHRpb25zKGl0ZW06IEl0ZW1JbnB1dEdyb3VwRGF0YSk6IFNlbGVjdEl0ZW1EYXRhW10ge1xuICAgIHJldHVybiBpdGVtIGluc3RhbmNlb2YgSW5wdXRHcm91cFNlbGVjdENvbXBvbmVudCA/XG4gICAgICBpdGVtLnNlbGVjdEl0ZW1Db21wb25lbnRMaXN0LnRvQXJyYXkoKSA6IGl0ZW0uc2VsZWN0SXRlbXM7XG4gIH1cblxuICBnZXRJdGVtRGl2aWRlclRlbXBsYXRlKGl0ZW06IEl0ZW1JbnB1dEdyb3VwRGF0YSk6IFRlbXBsYXRlUmVmPGFueT4ge1xuICAgIHJldHVybiBpdGVtLmRpdmlkZXIgaW5zdGFuY2VvZiBJbnB1dEdyb3VwRGl2aWRlckNvbXBvbmVudCA/IGl0ZW0uZGl2aWRlci5kaXZpZGVyQ29udGVudCA6IG51bGw7XG4gIH1cblxuICBnZXRJdGVtRGl2aWRlckh0bWwoaXRlbTogSXRlbUlucHV0R3JvdXBEYXRhKTogc3RyaW5nIHtcbiAgICByZXR1cm4gaXRlbS5kaXZpZGVyLmh0bWwgPyBpdGVtLmRpdmlkZXIuaHRtbCA6IGA8cD4keyBTdHJpbmdVdGlscy5lc2NhcGVIdG1sKGl0ZW0uZGl2aWRlci50ZXh0KSB9PC9wPmA7XG4gIH1cblxuICBpc1NlbGVjdEl0ZW0oaXRlbTogSXRlbUlucHV0R3JvdXBEYXRhKTogYm9vbGVhbiB7XG4gICAgbGV0IGhhc1NlbGVjdEl0ZW1zO1xuICAgIGlmIChpdGVtIGluc3RhbmNlb2YgSW5wdXRHcm91cFNlbGVjdENvbXBvbmVudCkge1xuICAgICAgaGFzU2VsZWN0SXRlbXMgPSBpdGVtLnNlbGVjdEl0ZW1Db21wb25lbnRMaXN0ICYmIGl0ZW0uc2VsZWN0SXRlbUNvbXBvbmVudExpc3QubGVuZ3RoID4gMDtcbiAgICB9IGVsc2Uge1xuICAgICAgaGFzU2VsZWN0SXRlbXMgPSBpdGVtLnNlbGVjdEl0ZW1zO1xuICAgIH1cbiAgICByZXR1cm4gaXRlbS5pc1NlbGVjdCAmJiBoYXNTZWxlY3RJdGVtcztcbiAgfVxuXG4gIGhhc0l0ZW1MYWJlbChpdGVtOiBJdGVtSW5wdXRHcm91cERhdGEpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISEoKGl0ZW0ubGFiZWxEYXRhICYmIChpdGVtLmxhYmVsRGF0YS50ZXh0IHx8IGl0ZW0ubGFiZWxEYXRhLmh0bWwpKSB8fCBpdGVtLmxhYmVsVGV4dCk7XG4gIH1cbn1cbiJdfQ==

package/esm2015/lib/desy-forms/components/label/label.component.js

@@ -1,30 +1,30 @@
-import { ChangeDetectorRef, Component, Input } from '@angular/core';
-import { AccessibilityComponent } from '../../../shared/components';
-export class LabelComponent extends AccessibilityComponent {
-    constructor(changeDetectorRef) {
-        super();
-        this.changeDetectorRef = changeDetectorRef;
-    }
-    detectChanges() {
-        this.changeDetectorRef.detectChanges();
-    }
-}
-LabelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-label',
-                template: "<ng-template #labelTemplate>\r\n  <label [desyInnerContent]=\"html ? html : text\" [isHtml]=\"html\" [deleteContentIfEmpty]=\"false\"\r\n    [class]=\"'block' + (classes ? ' ' + classes : '')\"\r\n    [attr.id]=\"id ? id : null\"\r\n    [attr.for]=\"for ? for : null\"\r\n    [attr.role]=\"role ? role : null\"\r\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\r\n    [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\r\n    [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\r\n    [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\r\n    [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\r\n    [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\r\n    [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\r\n    [attr.aria-live]=\"ariaLive ? ariaLive : null\"\r\n    [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\r\n    [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\r\n    [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\r\n    [attr.tabindex]=\"tabindex ? tabindex : null\">\r\n  <ng-content></ng-content></label>\r\n</ng-template>\r\n<!-- label -->\r\n<ng-container *ngIf=\"isPageHeading; else elseBlock\" class=\"block\">\r\n  <ng-container [ngSwitch]=\"headingLevel\">\r\n    <h1 *ngSwitchCase=\"1\" class=\"block\">\r\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\r\n    </h1>\r\n    <h2 *ngSwitchCase=\"2\" class=\"block\">\r\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\r\n    </h2>\r\n    <h3 *ngSwitchCase=\"3\" class=\"block\">\r\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\r\n    </h3>\r\n    <h4 *ngSwitchCase=\"4\" class=\"block\">\r\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\r\n    </h4>\r\n    <h5 *ngSwitchCase=\"5\" class=\"block\">\r\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\r\n    </h5>\r\n    <h1 *ngSwitchDefault class=\"block\">\r\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\r\n    </h1>\r\n  </ng-container>\r\n</ng-container>\r\n<ng-template #elseBlock>\r\n  <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\r\n</ng-template>\r\n<!-- /label -->\r\n\r\n\r\n"
-            },] }
-];
-LabelComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef }
-];
-LabelComponent.propDecorators = {
-    id: [{ type: Input }],
-    classes: [{ type: Input }],
-    html: [{ type: Input }],
-    text: [{ type: Input }],
-    isPageHeading: [{ type: Input }],
-    headingLevel: [{ type: Input }],
-    for: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1mb3Jtcy9jb21wb25lbnRzL2xhYmVsL2xhYmVsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNsRSxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQU9sRSxNQUFNLE9BQU8sY0FBZSxTQUFRLHNCQUFzQjtJQVV4RCxZQUFvQixpQkFBb0M7UUFDdEQsS0FBSyxFQUFFLENBQUM7UUFEVSxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBRXhELENBQUM7SUFFTSxhQUFhO1FBQ2xCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QyxDQUFDOzs7WUFwQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0Qixxd0VBQXFDO2FBQ3RDOzs7WUFQTyxpQkFBaUI7OztpQkFVdEIsS0FBSztzQkFDTCxLQUFLO21CQUNMLEtBQUs7bUJBQ0wsS0FBSzs0QkFDTCxLQUFLOzJCQUNMLEtBQUs7a0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0FjY2Vzc2liaWxpdHlDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Rlc3ktbGFiZWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWJlbC5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIExhYmVsQ29tcG9uZW50IGV4dGVuZHMgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGh0bWw6IHN0cmluZztcclxuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaXNQYWdlSGVhZGluZzogYm9vbGVhbjtcclxuICBASW5wdXQoKSBoZWFkaW5nTGV2ZWw6IG51bWJlcjtcclxuICBASW5wdXQoKSBmb3I6IHN0cmluZztcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZGV0ZWN0Q2hhbmdlcygpOiB2b2lkIHtcclxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxufVxyXG4iXX0=
+import { ChangeDetectorRef, Component, Input } from '@angular/core';
+import { AccessibilityComponent } from '../../../shared/components';
+export class LabelComponent extends AccessibilityComponent {
+    constructor(changeDetectorRef) {
+        super();
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    detectChanges() {
+        this.changeDetectorRef.detectChanges();
+    }
+}
+LabelComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-label',
+                template: "<ng-template #labelTemplate>\n  <label [desyInnerContent]=\"html ? html : text\" [isHtml]=\"html\" [deleteContentIfEmpty]=\"false\"\n    [class]=\"'block' + (classes ? ' ' + classes : '')\"\n    [attr.id]=\"id ? id : null\"\n    [attr.for]=\"for ? for : null\"\n    [attr.role]=\"role ? role : null\"\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n    [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n    [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n    [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n    [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n    [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n    [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n    [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n    [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n    [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n    [attr.tabindex]=\"tabindex ? tabindex : null\">\n  <ng-content></ng-content></label>\n</ng-template>\n<!-- label -->\n<ng-container *ngIf=\"isPageHeading; else elseBlock\" class=\"block\">\n  <ng-container [ngSwitch]=\"headingLevel\">\n    <h1 *ngSwitchCase=\"1\" class=\"block\">\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n    </h1>\n    <h2 *ngSwitchCase=\"2\" class=\"block\">\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n    </h2>\n    <h3 *ngSwitchCase=\"3\" class=\"block\">\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n    </h3>\n    <h4 *ngSwitchCase=\"4\" class=\"block\">\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n    </h4>\n    <h5 *ngSwitchCase=\"5\" class=\"block\">\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n    </h5>\n    <h1 *ngSwitchDefault class=\"block\">\n      <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n    </h1>\n  </ng-container>\n</ng-container>\n<ng-template #elseBlock>\n  <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n</ng-template>\n<!-- /label -->\n\n\n"
+            },] }
+];
+LabelComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+LabelComponent.propDecorators = {
+    id: [{ type: Input }],
+    classes: [{ type: Input }],
+    html: [{ type: Input }],
+    text: [{ type: Input }],
+    isPageHeading: [{ type: Input }],
+    headingLevel: [{ type: Input }],
+    for: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS1mb3Jtcy9jb21wb25lbnRzL2xhYmVsL2xhYmVsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNsRSxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQU9sRSxNQUFNLE9BQU8sY0FBZSxTQUFRLHNCQUFzQjtJQVV4RCxZQUFvQixpQkFBb0M7UUFDdEQsS0FBSyxFQUFFLENBQUM7UUFEVSxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBRXhELENBQUM7SUFFTSxhQUFhO1FBQ2xCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QyxDQUFDOzs7WUFwQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QixtcUVBQXFDO2FBQ3RDOzs7WUFQTyxpQkFBaUI7OztpQkFVdEIsS0FBSztzQkFDTCxLQUFLO21CQUNMLEtBQUs7bUJBQ0wsS0FBSzs0QkFDTCxLQUFLOzJCQUNMLEtBQUs7a0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBY2Nlc3NpYmlsaXR5Q29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGVzeS1sYWJlbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWJlbC5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgTGFiZWxDb21wb25lbnQgZXh0ZW5kcyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IHtcblxuICBASW5wdXQoKSBpZDogc3RyaW5nO1xuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGh0bWw6IHN0cmluZztcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBpc1BhZ2VIZWFkaW5nOiBib29sZWFuO1xuICBASW5wdXQoKSBoZWFkaW5nTGV2ZWw6IG51bWJlcjtcbiAgQElucHV0KCkgZm9yOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgcHVibGljIGRldGVjdENoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cbn1cbiJdfQ==