@simpleangularcontrols/sac-bootstrap3 10.0.0-rc.8 → 13.0.0-rc.10

package/fesm2015/simpleangularcontrols-sac-bootstrap3.js

@@ -1,1837 +0,0 @@
-import { Component, ViewEncapsulation, NgModule, Directive, Pipe, ChangeDetectorRef, ElementRef, forwardRef, Host, Optional, Injector, Input, Injectable, ComponentFactoryResolver, Inject, ApplicationRef, ContentChild, TemplateRef, Renderer2, ContentChildren, NgZone, HostBinding, SkipSelf } from '@angular/core';
-import { SacButtonCommon, SacFormLayoutCommon, ControlHeight, SacTooltipCommon, SacCheckboxCommon, SacRadiobuttonsCommon, SacRadiobuttonCommon, SacDialogCommon, SacConfirmCommon, ServiceConfirmCommon, isDefined, SacConfirmButton, SacDateCommon, SacDateSelectorCommon, SacDateTimeCommon, SacTimeCommon, SacGridCommon, SacGridColumnCommon, SacGridColumnBaseCommon, SacGridButtonCommon, SacPagingCommon, SacGridColumnActionCommon, SacGridImageCommon, SacInputCommon, SacInputAreaCommon, SacInputCurrencyCommon, SacInputDecimalCommon, SacInputEmailCommon, SacInputIntegerCommon, SacInputPasswordCommon, SacInputSearchCommon, SacDropdownCommon, SacDropdownOptionCommon, SacListboxCommon, SACCommonListboxOptionModule, SacStaticFormContainerCommon, SacStaticLabelCommon, SacTabItemCommon, SacTabCommon, SacTinyMceCommon, SacTreeViewCommon, SacTreeViewChildCommon, SacTreeItemActionCommon, SacUploadSingleCommon, SacUploadMultipleCommon, SacFormCommon, SacValidationSummaryCommon, SacWizardItemCommon, SacWizardCommon } from '@simpleangularcontrols/sac-common';
-import { CommonModule } from '@angular/common';
-import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule, NgForm, ControlContainer } from '@angular/forms';
-import { forkJoin } from 'rxjs';
-import { take } from 'rxjs/operators';
-import { IMaskModule } from 'angular-imask';
-import moment_ from 'moment';
-import { EditorModule } from '@tinymce/tinymce-angular';
-
-class SacButtonComponent extends SacButtonCommon {
-}
-SacButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-button',
-                template: "<a\r\n  [id]=\"name\"\r\n  class=\"btn\"\r\n  [class.btn-primary]=\"role === 'primary'\"\r\n  [class.btn-secondary]=\"role === 'secondary'\"\r\n  [class.btn-success]=\"role === 'success'\"\r\n  [class.btn-danger]=\"role === 'danger'\"\r\n  [class.btn-warning]=\"role === 'warning'\"\r\n  [class.btn-info]=\"role === 'info'\"\r\n  [class.btn-default]=\"role === 'default'\"\r\n  [class.btn-link]=\"role === 'link'\"\r\n  [attr.disabled]=\"_isdisabled ? 'disabled' : null\"\r\n  (click)=\"buttonClick()\"\r\n>\r\n  <i\r\n    *ngIf=\"isloading\"\r\n    class=\"\"\r\n    role=\"status\"\r\n    aria-hidden=\"true\"\r\n    class=\"glyphicon glyphicon-repeat spin\"\r\n    [ngStyle]=\"{ 'margin-right': text ? '0.5rem': null}\"\r\n  ></i>\r\n  <i\r\n    *ngIf=\"!isloading && icon !== ''\"\r\n    [ngClass]=\"icon\"\r\n    [ngStyle]=\"{ 'margin-right': text ? '0.5rem': null}\"\r\n  ></i>\r\n  {{text}}\r\n</a>\r\n",
-                encapsulation: ViewEncapsulation.None,
-                styles: ['sac-button+sac-button {margin-left: 5px}', '.spin { animation: spin 1.5s infinite; } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }']
-            },] }
-];
-
-class SACBootstrap3ButtonModule {
-}
-SACBootstrap3ButtonModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [SacButtonComponent],
-                imports: [
-                    CommonModule
-                ],
-                exports: [SacButtonComponent]
-            },] }
-];
-
-class SacFormLayoutDirective extends SacFormLayoutCommon {
-}
-SacFormLayoutDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[sacFormLayout]',
-            },] }
-];
-
-class SacToControlHeightPipe {
-    // #region Public Methods
-    /**
-     * Returns the CSS class that defines the height for the control
-     * @param value ControlHeight value or null
-     */
-    transform(value) {
-        // Return default value
-        if (!value) {
-            return '';
-        }
-        switch (value) {
-            case ControlHeight.Small:
-                return 'input-sm';
-            case ControlHeight.Large:
-                return 'input-lg';
-            default:
-                return '';
-        }
-    }
-}
-SacToControlHeightPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'toControlHeight',
-            },] }
-];
-
-class SacToControlWidthCssPipe {
-    // #region Public Methods
-    /**
-     * Get CSS classes from label width configuration to set control size
-     * @param value Configuration with grid columns for different viewports
-     * @returns string with css classe for bootstrap3
-     */
-    transform(value) {
-        const classes = [];
-        if (value.labelSizeXs) {
-            classes.push('col-xs-' + this.calcControlSize(value.labelSizeXs));
-        }
-        if (value.labelSizeSm) {
-            classes.push('col-sm-' + this.calcControlSize(value.labelSizeSm));
-        }
-        if (value.labelSizeMd) {
-            classes.push('col-md-' + this.calcControlSize(value.labelSizeMd));
-        }
-        if (value.labelSizeLg) {
-            classes.push('col-lg-' + this.calcControlSize(value.labelSizeLg));
-        }
-        return classes.join(' ');
-    }
-    // #endregion Public Methods
-    // #region Private Methods
-    /**
-     * calculate the control size
-     * @param labelsize grid size of label
-     * @returns grid size for control. should be between 1 and 12
-     */
-    calcControlSize(labelsize) {
-        if (labelsize === 12) {
-            return 12;
-        }
-        if (!labelsize) {
-            return 12;
-        }
-        return 12 - labelsize;
-    }
-}
-SacToControlWidthCssPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'toControlWidthCss',
-            },] }
-];
-
-class SacToLabelHeightPipe {
-    // #region Public Methods
-    /**
-     * Returns the CSS class that defines the height for the control
-     * @param value ControlHeight value or null
-     */
-    transform(value) {
-        // Return default value
-        if (!value) {
-            return '';
-        }
-        switch (value) {
-            case ControlHeight.Small:
-                return 'form-group-sm';
-            case ControlHeight.Large:
-                return 'form-group-lg';
-            default:
-                return '';
-        }
-    }
-}
-SacToLabelHeightPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'toLabelHeight',
-            },] }
-];
-
-class SacToLabelWidthCssPipe {
-    // #region Public Methods
-    /**
-     * Get CSS classes from label width configuration to set label size
-     * @param value Configuration with grid columns for different viewports
-     * @returns string with css classe for bootstrap3
-     */
-    transform(value) {
-        const classes = [];
-        if (value.labelSizeXs) {
-            classes.push('col-xs-' + value.labelSizeXs);
-        }
-        if (value.labelSizeSm) {
-            classes.push('col-sm-' + value.labelSizeSm);
-        }
-        if (value.labelSizeMd) {
-            classes.push('col-md-' + value.labelSizeMd);
-        }
-        if (value.labelSizeLg) {
-            classes.push('col-lg-' + value.labelSizeLg);
-        }
-        return classes.join(' ');
-    }
-}
-SacToLabelWidthCssPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'toLabelWidthCss',
-            },] }
-];
-
-class SACBootstrap3LayoutModule {
-}
-SACBootstrap3LayoutModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    SacFormLayoutDirective,
-                    SacToControlHeightPipe,
-                    SacToControlWidthCssPipe,
-                    SacToLabelHeightPipe,
-                    SacToLabelWidthCssPipe,
-                ],
-                imports: [CommonModule],
-                exports: [
-                    SacFormLayoutDirective,
-                    SacToControlHeightPipe,
-                    SacToControlWidthCssPipe,
-                    SacToLabelHeightPipe,
-                    SacToLabelWidthCssPipe,
-                ],
-            },] }
-];
-
-/**
- * Tooltip Komponente
- *
- * @example ToolTip Control
- *
- *  <ngTooltip tooltiptext="Mein Tooltip" [inlinemode]="true">
- *    <i class="tooltip"></i>
- *  </ngTooltip>
- *
- * @example ToolTip Control im Inline Mode. Style auf Icon kann auch in Klasse ausgelagert werden.
- *
- *  <div class="form-inline">
- *    <ngInputSearch iconname="Suchen"></ngInputSearch>
- *    <ngTooltip tooltiptext="Mein Tooltip" [inlinemode]="true">
- *      <i class="tooltip" style="position: relative; left: 0; top: 3px; display: inline-block; margin-right: 10px;"></i>
- *    </ngTooltip>
- *  </div>
- *
- */
-class SacTooltipComponent extends SacTooltipCommon {
-    // #region Constructors
-    /**
-     * Konstrukor
-     * @param parent SacFormular Instanz
-     * @param injector Component Injector
-     */
-    constructor(cdRef, ref) {
-        super(cdRef, ref);
-    }
-    // #endregion Constructors
-    // #region Protected Methods
-    /**
-     * Padding for Tooltip
-     * @returns Always 0. BS3 not require Padding
-     */
-    getTooltipOffset() {
-        return 0;
-    }
-}
-SacTooltipComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-tooltip',
-                template: "<div [style.display]=\"inlinemode ? 'inline' : null\">\r\n  <div\r\n    #container\r\n    (mouseenter)=\"ShowTooltip()\"\r\n    (mouseleave)=\"HideTooltip()\"\r\n    [style.display]=\"inlinemode ? 'inline' : null\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div *ngIf=\"IsTooltipVisible()\" #tooltip>\r\n    <div\r\n      [style.visibility]=\"IsTooltipContentVisible ? 'visible' : 'hidden'\"\r\n      class=\"tooltip in\"\r\n      style=\"display: block\"\r\n      [style.left.px]=\"LeftPos\"\r\n      [style.top.px]=\"TopPos\"\r\n      [class.top]=\"GetTooltipPosition() === TooltipPosition.top\"\r\n      [class.left]=\"GetTooltipPosition() === TooltipPosition.left\"\r\n      [class.right]=\"GetTooltipPosition() === TooltipPosition.right\"\r\n      [class.bottom]=\"GetTooltipPosition() === TooltipPosition.bottom\"\r\n    >\r\n      <div class=\"tooltip-arrow\"></div>\r\n      <div class=\"tooltip-inner\">{{tooltiptext}}</div>\r\n    </div>\r\n  </div>\r\n</div>\r\n"
-            },] }
-];
-SacTooltipComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: ElementRef }
-];
-
-class SACBootstrap3TooltipModule {
-}
-SACBootstrap3TooltipModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [SacTooltipComponent],
-                imports: [CommonModule],
-                exports: [SacTooltipComponent],
-            },] }
-];
-
-class SacCheckboxComponent extends SacCheckboxCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     */
-    constructor(formLayout, injector) {
-        super(formLayout, injector);
-    }
-}
-SacCheckboxComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-checkbox',
-                template: "<div\r\n  class=\"row\"\r\n  [class.form-group]=\"!stacked\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"!disablelabel && !stacked\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[!disablelabel && !stacked ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[!disablelabel && !stacked ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"checkbox\"\r\n      [class.checkbox-sm]=\"componentHeight === ControlHeight.Small\"\r\n      [class.checkbox-lg]=\"componentHeight === ControlHeight.Large\"\r\n    >\r\n      <label for=\"{{name}}\">\r\n        <input\r\n          id=\"{{name}}\"\r\n          name=\"{{name}}\"\r\n          type=\"checkbox\"\r\n          class=\"visible-checkbox\"\r\n          [checked]=\"value\"\r\n          [disabled]=\"isdisabled\"\r\n          (blur)=\"onTouch()\"\r\n          (change)=\"setValue($event.target.checked)\"\r\n        />\r\n        <ng-container *ngIf=\"checkboxtext\"\r\n          >&nbsp;<span>{{checkboxtext}}</span></ng-container\r\n        >\r\n      </label>\r\n    </div>\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacCheckboxComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        useExisting: forwardRef(() => SacCheckboxComponent),
-                        multi: true,
-                    },
-                ],
-                styles: [".checkbox-sm{padding-top:2px}.checkbox-sm input{height:12px;margin-top:2px;width:12px}.checkbox-sm label{font-size:12px;padding-top:2px}.checkbox-lg input{height:20px;margin-top:2px;width:20px}.checkbox-lg label{font-size:18px;padding-top:4px}"]
-            },] }
-];
-SacCheckboxComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-class SacRadiobuttonsComponent extends SacRadiobuttonsCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     */
-    constructor(formLayout, injector) {
-        super(formLayout, injector);
-    }
-}
-SacRadiobuttonsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-radiobuttons',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div>\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => SacRadiobuttonsComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        useExisting: forwardRef(() => SacRadiobuttonsComponent),
-                        multi: true,
-                    },
-                ]
-            },] }
-];
-SacRadiobuttonsComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-class SacRadiobuttonComponent extends SacRadiobuttonCommon {
-    constructor(sacRadioButtons) {
-        super(sacRadioButtons);
-    }
-}
-SacRadiobuttonComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-radiobutton',
-                template: "<div\r\n  class=\"radio\"\r\n  *ngIf=\"hidden===false\"\r\n  [class.radio-sm]=\"componentHeight === ControlHeight.Small\"\r\n  [class.radio-lg]=\"componentHeight === ControlHeight.Large\"\r\n>\r\n  <label for=\"{{getName}}_{{getIndex}}\">\r\n    <input\r\n      id=\"{{getName}}_{{getIndex}}\"\r\n      name=\"{{getName}}\"\r\n      type=\"radio\"\r\n      [value]=\"value\"\r\n      [checked]=\"checked\"\r\n      (change)=\"ChangeEvent()\"\r\n      [disabled]=\"isDisabled\"\r\n    />\r\n    <ng-template\r\n      *ngTemplateOutlet=\"labeltemplate || defaultItemLabelTemplate;context:{ label: label }\"\r\n    >\r\n    </ng-template>\r\n  </label>\r\n</div>\r\n\r\n<ng-template #defaultItemLabelTemplate let-label=\"label\"\r\n  >&nbsp;<span>{{label}}</span></ng-template\r\n>\r\n",
-                styles: [".radio-lg label{font-size:18px;padding-top:2px}.radio-lg label input{height:20px;margin-top:2px;width:20px}.radio-sm{padding-top:2px}.radio-sm label{font-size:12px;min-height:14px;padding-top:2px}.radio-sm label input{height:12px;margin-top:2px;width:12px}"]
-            },] }
-];
-SacRadiobuttonComponent.ctorParameters = () => [
-    { type: SacRadiobuttonsComponent, decorators: [{ type: Host }] }
-];
-
-class SACBootstrap3CheckboxModule {
-}
-SACBootstrap3CheckboxModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    SacCheckboxComponent,
-                    SacRadiobuttonComponent,
-                    SacRadiobuttonsComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    SACBootstrap3LayoutModule,
-                    SACBootstrap3TooltipModule,
-                ],
-                exports: [
-                    SacCheckboxComponent,
-                    SacRadiobuttonComponent,
-                    SacRadiobuttonsComponent,
-                ],
-            },] }
-];
-
-class SacDialogComponent extends SacDialogCommon {
-    constructor(el, cdRef) {
-        super(cdRef);
-        //#region Bootstrap 3 Spezifische Properites
-        this.zindex = 20002;
-        this._lastDialogMarginTop = 0;
-        this.element = el.nativeElement;
-    }
-    // Margin Top für Center Position des Dialogs berechnen
-    get dialogMarginTop() {
-        let result = 0;
-        // ContentPlaceholder kann NULL/UNDEFINED sein wenn Dialog nicht angezeigt wird
-        if (this.dialogElement !== null && this.dialogElement !== undefined) {
-            result = (this.dialogElement.nativeElement.clientHeight / 2) * -1;
-        }
-        // Change Detection ausführen, falls Wert nach Rendering noch geändert hat. Kann durch HTML Content / Zeilenumbrüche usw. ausgelöst werden.
-        if (this._lastDialogMarginTop !== result) {
-            this._lastDialogMarginTop = result;
-            this.ChangeDetector.detectChanges();
-        }
-        return result;
-    }
-    //#endregion
-    ngOnInit() {
-        // Element an Body für korrektes Styling unter Bootstrap 3 verschieben
-        document.body.appendChild(this.element);
-    }
-    ngOnDestroy() {
-        this.hide();
-        if (document.body.contains(this.element)) {
-            document.body.removeChild(this.element);
-        }
-        super.ngOnDestroy();
-    }
-}
-SacDialogComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-dialog',
-                template: "<div [id]=\"name\" *ngIf=\"_show\" [ngStyle]=\"{'z-index': zindex}\">\r\n  <div class=\"modal in\" style=\"display: block;\" tabindex=\"-1\" role=\"dialog\" #dialog>\r\n    <div class=\"modal-dialog\" role=\"document\" [style.width]=\"width\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n          <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"hide()\" *ngIf=\"closebutton\"><span aria-hidden=\"true\">&times;</span></button>\r\n          <span class=\"modal-title\">{{title}}</span>\r\n        </div>\r\n        <div class=\"modal-body\">\r\n          <ng-content select=\"[dialogbody]\"></ng-content>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n          <ng-content select=\"[dialogfooter]\"></ng-content>\r\n        </div>\r\n      </div><!-- /.modal-content -->\r\n    </div><!-- /.modal-dialog -->\r\n  </div><!-- /.modal -->\r\n</div>\r\n<div class=\"modal-backdrop in\" *ngIf=\"_show && backdrop\" #backdrop></div>\r\n"
-            },] }
-];
-SacDialogComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ChangeDetectorRef }
-];
-SacDialogComponent.propDecorators = {
-    zindex: [{ type: Input }]
-};
-
-class SACBootstrap3DialogModule {
-}
-SACBootstrap3DialogModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [SacDialogComponent],
-                imports: [
-                    CommonModule
-                ],
-                exports: [SacDialogComponent]
-            },] }
-];
-
-class SacConfirmComponent extends SacConfirmCommon {
-}
-SacConfirmComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-confirm',
-                template: "<sac-dialog\r\n  name=\"confirmDialog\"\r\n  [(isvisible)]=\"isvisible\"\r\n  [title]=\"title\"\r\n  [allowesc]=\"false\"\r\n  [closebutton]=\"false\"\r\n>\r\n  <div dialogbody>\r\n    <div class=\"media\">\r\n      <div class=\"media-left media-middle\" *ngIf=\"hasImage()\">\r\n        <img [attr.src]=\"image\" />\r\n      </div>\r\n      <div class=\"media-body\">{{message}}</div>\r\n    </div>\r\n  </div>\r\n  <div dialogfooter>\r\n    <ng-container *ngFor=\"let button of buttons\">\r\n      <sac-button\r\n        [name]=\"button.key\"\r\n        [text]=\"button.text\"\r\n        [role]=\"button.role || 'default'\"\r\n        (clicked)=\"confirm(button.key)\"\r\n      ></sac-button>\r\n    </ng-container>\r\n  </div>\r\n</sac-dialog>\r\n"
-            },] }
-];
-
-/**
- * Service für Confirm Messages in TypeScript Code
- *
- * @example
- * // Beispiel für ConfirmMessage mit Standard Buttons (Ja / Nein).
- * confirmService.ConfirmMessage('titel', 'frage').subscribe(action => { // Action Code });
- *
- * @example
- * // Beispiel für ConfirmMessage mit eigenen Buttons
- * let buttons: SacConfirmButton[] = [];
- * buttons.push(new SacConfirmButton('ActionKey','Text Primary'));
- * buttons.push(new SacConfirmButton('ActionKey2','Text Button 2'));
- * confirmService.ConfirmMessage('titel', 'frage', buttons).subscribe(action => { // Action Code });
- */
-class ServiceConfirm extends ServiceConfirmCommon {
-    // #endregion Properties
-    // #region Constructors
-    /**
-     * Konstruktor
-     * @param componentFactoryResolver Component Factory Resolver Instanz
-     * @param appRef Application Referenz. Wird benötigt um den Dialog am Body anzuhängen
-     * @param injector Injector. Wird benötigt um den Dialog dynamisch zu erzeugen
-     */
-    constructor(componentFactoryResolver, appRef, injector) {
-        super(appRef, injector);
-        this.componentFactoryResolver = componentFactoryResolver;
-        // #region Properties
-        /**
-         * Collection von Buttons die angezeigt werden müssen.
-         */
-        this.buttons = [];
-        /**
-         * Message die in Dialog angezeigt werden soll.
-         */
-        this.message = '';
-        /**
-         * Titel der im Dialog angezeigt werden soll.
-         */
-        this.title = '';
-    }
-    // #endregion Constructors
-    // #region Public Methods
-    /**
-     * Confirm Dialog anzeigen
-     * @param message Nachricht die angezeigt werden soll.
-     * @returns EventEmitter mit Key des Buttons, welcher geklickt wurde.
-     */
-    ConfirmMessage(title, message, buttons = null) {
-        this.title = title;
-        this.message = message;
-        // Default Buttons setzen, wenn keine Buttons angegeben sind
-        if (!isDefined(buttons)) {
-            this.buttons = [];
-            forkJoin({
-                button_yes: this.localisationService.GetString(this.validationKeyService.ConfirmDefaultButtonYes),
-                button_no: this.localisationService.GetString(this.validationKeyService.ConfirmDefaultButtonNo),
-            })
-                .pipe(take(1))
-                .subscribe((texte) => {
-                this.buttons.push(new SacConfirmButton('yes', texte.button_yes, 'primary'));
-                this.buttons.push(new SacConfirmButton('no', texte.button_no));
-            });
-        }
-        else {
-            this.buttons = buttons;
-        }
-        return super.Confirm();
-    }
-    /**
-     * Erzeugen einer Component Factory für einen Dialog
-     */
-    GetComponentFactory() {
-        return this.componentFactoryResolver.resolveComponentFactory(SacConfirmComponent);
-    }
-    // #endregion Public Methods
-    // #region Protected Methods
-    /**
-     * Konfiguration des Dialogs
-     * @param instance Instanz eines SacConfirm Dialogs
-     */
-    ConfigureDialog(instance) {
-        // Text in Dialog setzen
-        instance.title = this.title;
-        instance.message = this.message;
-        instance.buttons = this.buttons;
-        instance.image = this.iconService.ConfirmDefaultImage;
-    }
-}
-ServiceConfirm.decorators = [
-    { type: Injectable }
-];
-ServiceConfirm.ctorParameters = () => [
-    { type: ComponentFactoryResolver, decorators: [{ type: Inject, args: [ComponentFactoryResolver,] }] },
-    { type: ApplicationRef },
-    { type: Injector }
-];
-
-/**
- *  Module für Confirm Messages
- *
- *  In NgModule der Applikation folgenden Eintrag bei Imports einfügen: ExanicBootstrap3ConfirmModule.forRoot()
- *
- */
-class SACBootstrap3ConfirmModule {
-    // #region Public Static Methods
-    static forRoot() {
-        return {
-            ngModule: SACBootstrap3ConfirmModule,
-            providers: [ServiceConfirm],
-        };
-    }
-}
-SACBootstrap3ConfirmModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [SacConfirmComponent],
-                imports: [CommonModule, SACBootstrap3DialogModule, SACBootstrap3ButtonModule],
-                exports: [SacConfirmComponent],
-                entryComponents: [SacConfirmComponent],
-            },] }
-];
-
-const moment = moment_;
-class SacDateComponent extends SacDateCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     * @param elementRef Reference to html dom element
-     */
-    constructor(formLayout, injector, elementRef) {
-        super(formLayout, injector, elementRef);
-    }
-}
-SacDateComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-date',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      style=\"position: relative\"\r\n      [style.width.px]=\"componentHeight === ControlHeight.Small ? 120 : componentHeight === ControlHeight.Large ? 180 : 140\"\r\n    >\r\n      <div\r\n        id=\"{{name}}\"\r\n        class=\"datetime-textbox input-group\"\r\n        [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n        [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n      >\r\n        <!-- this class comes in the div above when disabled [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\" -->\r\n        <input\r\n          name=\"{{name}}\"\r\n          type=\"text\"\r\n          class=\"form-control date-control\"\r\n          [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n          [ngClass]=\"[componentHeight | toControlHeight]\"\r\n          [imask]=\"imaskDate\"\r\n          placeholder=\"dd.mm.yyyy\"\r\n          [attr.placeholder]=\"placeholder\"\r\n          [value]=\"valuestring\"\r\n          maxlength=\"10\"\r\n          size=\"10\"\r\n          (blur)=\"onTouch()\"\r\n          (accept)=\"setValueString($event)\"\r\n          [disabled]=\"isdisabled\"\r\n          (click)=\"showDateSelector()\"\r\n        />\r\n        <span class=\"input-group-btn\">\r\n          <button\r\n            class=\"btn btn-default\"\r\n            type=\"button\"\r\n            (click)=\"showDateSelector()\"\r\n            [disabled]=\"isdisabled\"\r\n          >\r\n            <i [class]=\"IconSelector\"></i>\r\n          </button>\r\n        </span>\r\n      </div>\r\n      <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n        {{helptext}}\r\n      </p>\r\n      <div\r\n        class=\"help-block help-block-error\"\r\n        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n\r\n      <div\r\n        class=\"popover bottom in\"\r\n        role=\"tooltip\"\r\n        *ngIf=\"_showselector\"\r\n        style=\"display: block; left: 0px; right: unset; max-width: 325px\"\r\n        [style.top.px]=\"componentHeight === ControlHeight.Large ? 46 : 34\"\r\n      >\r\n        <div\r\n          class=\"arrow\"\r\n          [style.left.px]=\"componentHeight === ControlHeight.Small ? 102 : componentHeight === ControlHeight.Large ? 155 : 120\"\r\n          style=\"right: unset\"\r\n        ></div>\r\n        <h3 class=\"popover-title\" style=\"display: none\"></h3>\r\n        <div class=\"popover-content\">\r\n          <sac-dateselector\r\n            *ngIf=\"_showselector\"\r\n            [initialvalue]=\"value\"\r\n            (selectdate)=\"dateselect($event)\"\r\n            dateselection=\"true\"\r\n          ></sac-dateselector>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: forwardRef(() => SacDateComponent),
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacDateComponent),
-                    },
-                ]
-            },] }
-];
-SacDateComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector },
-    { type: ElementRef }
-];
-
-class SacDateSelectorComponent extends SacDateSelectorCommon {
-}
-SacDateSelectorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-dateselector',
-                template: "<div class=\"calendar-selector\" style=\"min-width: 265px\">\r\n  <table class=\"table-condensed\" style=\"width: 100%\" *ngIf=\"dateselection\">\r\n    <thead>\r\n      <tr>\r\n        <th class=\"prev text-left\" (click)=\"monthBack()\">\r\n          <i [class]=\"iconMonthPrev\"></i>\r\n        </th>\r\n        <th colspan=\"5\" class=\"switch text-center\">{{month+1}}/{{year}}</th>\r\n        <th class=\"next text-right\" (click)=\"monthNext()\">\r\n          <i [class]=\"iconMonthNext\"></i>\r\n        </th>\r\n      </tr>\r\n      <tr>\r\n        <th class=\"dow text-center\">Mo</th>\r\n        <th class=\"dow text-center\">Di</th>\r\n        <th class=\"dow text-center\">Mi</th>\r\n        <th class=\"dow text-center\">Do</th>\r\n        <th class=\"dow text-center\">Fr</th>\r\n        <th class=\"dow text-center\">Sa</th>\r\n        <th class=\"dow text-center\">So</th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngFor=\"let week of dates; let i=index\">\r\n        <tr>\r\n          <td\r\n            class=\"text-center\"\r\n            *ngFor=\"let item of week\"\r\n            [ngStyle]=\"{'cursor': item.isenabled ? 'pointer' : null}\"\r\n            [ngClass]=\"{'day-current': item.iscurrent, 'day-selected': item.isselected, 'day-new': item.isnew, 'day-disabled': !item.isenabled}\"\r\n            (click)=\"selectDate(item)\"\r\n          >\r\n            {{ item.displaytext }}\r\n          </td>\r\n        </tr>\r\n      </ng-container>\r\n    </tbody>\r\n  </table>\r\n  <div class=\"container-fluid\" *ngIf=\"timeselection\" style=\"margin-top: 10px\">\r\n    <div class=\"row\">\r\n      <div class=\"col-md-6\" style=\"padding-right: 20px\">\r\n        <div class=\"form-group\">\r\n          <label>Stunde</label>\r\n          <input\r\n            type=\"number\"\r\n            class=\"form-control\"\r\n            [value]=\"getHours()\"\r\n            (input)=\"setHours($event.target.value)\"\r\n            min=\"0\"\r\n            max=\"23\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-6\" style=\"padding-left: 20px\">\r\n        <div class=\"form-group\">\r\n          <label>Minute</label>\r\n          <input\r\n            type=\"number\"\r\n            class=\"form-control\"\r\n            [value]=\"getMinutes()\"\r\n            (input)=\"setMinutes($event.target.value)\"\r\n            min=\"0\"\r\n            max=\"59\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"row\" style=\"margin-top: 10px\">\r\n    <div class=\"col-md-4 text-left\">\r\n      <button type=\"button\" class=\"btn btn-default\" (click)=\"setToday()\">\r\n        Heute\r\n      </button>\r\n    </div>\r\n    <div class=\"col-md-8 text-right\">\r\n      <button type=\"button\" class=\"btn btn-default\" (click)=\"resetSelection()\">\r\n        Reset\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"btn btn-primary\"\r\n        style=\"margin-left: 10px\"\r\n        (click)=\"applySelection()\"\r\n      >\r\n        Apply\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n"
-            },] }
-];
-
-class SacDateTimeComponent extends SacDateTimeCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     * @param elementRef Reference to html dom element
-     */
-    constructor(formLayout, injector, elementRef) {
-        super(formLayout, injector, elementRef);
-    }
-}
-SacDateTimeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-datetime',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      style=\"position: relative\"\r\n      [style.width.px]=\"componentHeight === ControlHeight.Small ? 160 : componentHeight === ControlHeight.Large ? 230 : 180\"\r\n    >\r\n      <div\r\n        id=\"{{name}}\"\r\n        class=\"datetime-textbox input-group\"\r\n        [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n        [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n      >\r\n        <input\r\n          id=\"{{name}}\"\r\n          name=\"{{name}}\"\r\n          type=\"text\"\r\n          class=\"form-control\"\r\n          [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n          [ngClass]=\"[componentHeight | toControlHeight]\"\r\n          [imask]=\"imaskDate\"\r\n          [attr.placeholder]=\"placeholder\"\r\n          [value]=\"valuestring\"\r\n          (blur)=\"onTouch()\"\r\n          (accept)=\"setValueString($event)\"\r\n          [disabled]=\"isdisabled\"\r\n          (click)=\"showDateSelector()\"\r\n        />\r\n        <span class=\"input-group-btn\">\r\n          <button\r\n            class=\"btn btn-default\"\r\n            type=\"button\"\r\n            (click)=\"showDateSelector()\"\r\n            [disabled]=\"isdisabled\"\r\n          >\r\n            <i [class]=\"IconSelector\"></i>\r\n          </button>\r\n        </span>\r\n      </div>\r\n      <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n        {{helptext}}\r\n      </p>\r\n      <div\r\n        class=\"help-block help-block-error\"\r\n        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n\r\n      <div\r\n        class=\"popover bottom in\"\r\n        role=\"tooltip\"\r\n        *ngIf=\"_showselector\"\r\n        style=\"display: block; left: 0px; right: unset; max-width: 325px\"\r\n        [style.top.px]=\"componentHeight === ControlHeight.Large ? 46 : 34\"\r\n      >\r\n        <div\r\n          class=\"arrow\"\r\n          [style.left.px]=\"componentHeight === ControlHeight.Small ? 140 : componentHeight === ControlHeight.Large ? 205 : 160\"\r\n          style=\"right: unset\"\r\n        ></div>\r\n        <h3 class=\"popover-title\" style=\"display: none\"></h3>\r\n        <div class=\"popover-content\">\r\n          <sac-dateselector\r\n            *ngIf=\"_showselector\"\r\n            [initialvalue]=\"value\"\r\n            (selectdate)=\"dateselect($event)\"\r\n            dateselection=\"true\"\r\n            timeselection=\"true\"\r\n          ></sac-dateselector>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: forwardRef(() => SacDateTimeComponent),
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacDateTimeComponent),
-                    },
-                ]
-            },] }
-];
-SacDateTimeComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector },
-    { type: ElementRef }
-];
-
-class SacTimeComponent extends SacTimeCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     * @param elementRef Reference to html dom element
-     */
-    constructor(formLayout, injector, elementRef) {
-        super(formLayout, injector, elementRef);
-    }
-}
-SacTimeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-time',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      style=\"position: relative\"\r\n      [style.width.px]=\"componentHeight === ControlHeight.Small ? 120 : componentHeight === ControlHeight.Large ? 160 : 140\"\r\n    >\r\n      <div\r\n        class=\"input-group\"\r\n        [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n        [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n      >\r\n        <input\r\n          id=\"{{name}}\"\r\n          name=\"{{name}}\"\r\n          type=\"text\"\r\n          [value]=\"valuestring\"\r\n          maxlength=\"6\"\r\n          [imask]=\"imaskDate\"\r\n          size=\"6\"\r\n          class=\"form-control\"\r\n          [attr.placeholder]=\"placeholder\"\r\n          data-error-msg=\"ctl00_cphContent_ctl00_ucPublicationDetail_dtpValidFrom_timeTextBoxTypeValidator\"\r\n          [ngClass]=\"{'is-invalid': invalid && (dirty || touched) }\"\r\n          (blur)=\"onTouch()\"\r\n          (accept)=\"setValueString($event)\"\r\n          [disabled]=\"isdisabled\"\r\n        />\r\n        <span class=\"input-group-btn\">\r\n          <button\r\n            class=\"btn btn-default\"\r\n            type=\"button\"\r\n            (click)=\"showTimeSelector()\"\r\n            [disabled]=\"isdisabled\"\r\n          >\r\n            <i [class]=\"IconSelector\"></i>\r\n          </button>\r\n        </span>\r\n      </div>\r\n      <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n        {{helptext}}\r\n      </p>\r\n      <div\r\n        class=\"help-block help-block-error\"\r\n        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n      <div\r\n        class=\"popover bottom in\"\r\n        role=\"tooltip\"\r\n        *ngIf=\"_showselector\"\r\n        style=\"display: block; left: 0px; right: unset; max-width: 325px\"\r\n        [style.top.px]=\"componentHeight === ControlHeight.Large ? 46 : 34\"\r\n      >\r\n        <div\r\n          class=\"arrow\"\r\n          [style.left.px]=\"componentHeight === ControlHeight.Small ? 102 : componentHeight === ControlHeight.Large ? 135 : 120\"\r\n          style=\"right: unset\"\r\n        ></div>\r\n        <h3 class=\"popover-title\" style=\"display: none\"></h3>\r\n        <div class=\"popover-content\">\r\n          <sac-dateselector\r\n            *ngIf=\"_showselector\"\r\n            [initialvalue]=\"value\"\r\n            (selectdate)=\"timeselect($event)\"\r\n            timeselection=\"true\"\r\n          ></sac-dateselector>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: forwardRef(() => SacTimeComponent),
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacTimeComponent),
-                    },
-                ]
-            },] }
-];
-SacTimeComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector },
-    { type: ElementRef }
-];
-
-class SACBootstrap3DateTimeModule {
-}
-SACBootstrap3DateTimeModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    SacDateComponent,
-                    SacDateTimeComponent,
-                    SacTimeComponent,
-                    SacDateSelectorComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    IMaskModule,
-                    SACBootstrap3LayoutModule,
-                    SACBootstrap3TooltipModule,
-                ],
-                exports: [
-                    SacDateComponent,
-                    SacDateTimeComponent,
-                    SacTimeComponent,
-                    SacDateSelectorComponent,
-                ],
-            },] }
-];
-
-class SacGridComponent extends SacGridCommon {
-    constructor() {
-        super(...arguments);
-        this.ellipsis = false;
-    }
-}
-SacGridComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-grid',
-                template: "<table class=\"table table-striped table-condensed table-hover\" id=\"{{name}}\">\r\n  <thead>\r\n    <tr>\r\n      <ng-container\r\n        *ngTemplateOutlet=\"template; context { row: {}, type: 'header'}\"\r\n      >\r\n      </ng-container>\r\n    </tr>\r\n  </thead>\r\n  <tbody>\r\n    <ng-container *ngFor=\"let item of value; let i=index\">\r\n      <tr>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"template; context { row: item, type: 'body'}\"\r\n        >\r\n        </ng-container>\r\n      </tr>\r\n    </ng-container>\r\n    <tr *ngIf=\"value === undefined || value === null || value.length === 0\">\r\n      <td [attr.colspan]=\"ColumnCount\">{{emptytext}}</td>\r\n    </tr>\r\n    <tr *ngIf=\"pagerdata\">\r\n      <td [attr.colspan]=\"ColumnCount\">\r\n        <div class=\"container-fluid\">\r\n          <sac-paging\r\n            name=\"{{name}}Paging\"\r\n            (paging)=\"pageChange($event)\"\r\n            [pagerdata]=\"pagerdata\"\r\n            [pagingtext]=\"pagingtext\"\r\n            [pagesizetext]=\"pagesizetext\"\r\n          ></sac-paging>\r\n        </div>\r\n      </td>\r\n    </tr>\r\n  </tbody>\r\n</table>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacGridComponent },
-                    { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacGridComponent) }
-                ]
-            },] }
-];
-SacGridComponent.propDecorators = {
-    template: [{ type: ContentChild, args: [TemplateRef, { static: true },] }]
-};
-
-class SacGridColumnComponent extends SacGridColumnCommon {
-    constructor(grid, injector, el) {
-        super(grid, injector, el);
-    }
-}
-SacGridColumnComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-gridcolumn',
-                template: "<th\r\n  scope=\"col\"\r\n  *ngIf=\"IsHeader()\"\r\n  [style.width]=\"width\"\r\n  (click)=\"SortByColumn()\"\r\n>\r\n  <span>{{header}}</span>\r\n  <span\r\n    [class]=\"IconSortUp\"\r\n    style=\"padding-left: 0.5rem\"\r\n    *ngIf=\"IsSortedColumn() && GetSortDirection() ==='asc'\"\r\n  ></span>\r\n  <span\r\n    [class]=\"IconSortDown\"\r\n    style=\"padding-left: 0.5rem\"\r\n    *ngIf=\"IsSortedColumn() && GetSortDirection() ==='desc'\"\r\n  ></span>\r\n</th>\r\n<td\r\n  scope=\"col\"\r\n  *ngIf=\"IsBody()\"\r\n  [style.width]=\"width\"\r\n  [class.ellipsis]=\"IsEllipsis()\"\r\n>\r\n  <span [attr.title]=\"IsEllipsis() ? value : null\"> {{value}} </span>\r\n</td>\r\n",
-                providers: [
-                    {
-                        provide: SacGridColumnBaseCommon,
-                        useExisting: forwardRef(() => SacGridColumnComponent),
-                    },
-                ]
-            },] }
-];
-SacGridColumnComponent.ctorParameters = () => [
-    { type: SacGridComponent },
-    { type: Injector },
-    { type: ElementRef }
-];
-
-/**
- * Grid Action Button
- */
-class SacGridButtonComponent extends SacGridButtonCommon {
-    // #region Public Methods
-    /**
-     * Returns the icon for the button
-     */
-    getIconClass() {
-        let iconset = this.iconstyle;
-        let iconcss = this.icon;
-        if (iconset === '') {
-            switch (this.icon) {
-                case 'edit':
-                    iconset = 'sprite';
-                    iconcss = 'icon-sprite-base-main_edit';
-                    break;
-                case 'delete':
-                    iconset = 'sprite';
-                    iconcss = 'icon-sprite-base-main_delete';
-                    break;
-            }
-        }
-        if (this._isdisabledvalue) {
-            iconcss += '_disabled';
-        }
-        const result = iconset + ' ' + iconcss;
-        return result.trim();
-    }
-}
-SacGridButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-gridbutton',
-                template: "<a (click)=\"callaction()\" style=\"padding-right: 5px;\" [class.disabled]=\"isdisabled\" [attr.disabled]=\"isdisabled ? 'disabled' : null\"><span class=\"{{getIconClass()}}\"></span></a>\r\n"
-            },] }
-];
-
-class SacPagingComponent extends SacPagingCommon {
-    /**
-     * Konstruktor
-     */
-    constructor(injector) { super(injector); }
-}
-SacPagingComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-paging',
-                template: "<div class=\"row\">\r\n  <div class=\"pager-nav col-sm-9\" id=\"{{name}}\">\r\n    <ul class=\"pagination\" style=\"margin: 10px 0\">\r\n      <li\r\n        [ngClass]=\"{'aspNetDisabled disabled': activePageIndex === firstPageIndex}\"\r\n      >\r\n        <a (click)=\"firstPage()\">\u00AB</a>\r\n      </li>\r\n      <li\r\n        *ngFor=\"let page of paginators; let i = index\"\r\n        [ngClass]=\"{'active': page === activePageIndex}\"\r\n      >\r\n        <a (click)=\"changePage(page)\">{{page + 1 }}</a>\r\n      </li>\r\n      <li\r\n        [ngClass]=\"{'aspNetDisabled disabled': activePageIndex === lastPageIndex}\"\r\n      >\r\n        <a (click)=\"lastPage()\">\u00BB</a>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n  <div class=\"col-sm-3 text-right\" style=\"margin: 20px 0\">\r\n    Seite {{getCurrentPageNumber()}} von {{getTotalPageNumber()}}\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacPagingComponent },
-                    { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacPagingComponent) }
-                ]
-            },] }
-];
-SacPagingComponent.ctorParameters = () => [
-    { type: Injector }
-];
-
-class SacGridColumnActionComponent extends SacGridColumnActionCommon {
-    constructor(grid, injector, el) {
-        super(grid, injector, el);
-        this.width = '52px';
-    }
-}
-SacGridColumnActionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-gridcolumnaction',
-                template: "<th scope=\"col\" *ngIf=\"IsHeader()\" [style.width]=\"width\"><span></span></th>\r\n<td scope=\"col\" *ngIf=\"IsBody()\">\r\n   <ng-content></ng-content>\r\n</td>\r\n",
-                providers: [
-                    {
-                        provide: SacGridColumnBaseCommon,
-                        useExisting: forwardRef(() => SacGridColumnActionComponent),
-                    },
-                ]
-            },] }
-];
-SacGridColumnActionComponent.ctorParameters = () => [
-    { type: SacGridComponent },
-    { type: Injector },
-    { type: ElementRef }
-];
-
-class SacGridImageComponent extends SacGridImageCommon {
-    getIconClass() {
-        switch (this.iconstyle) {
-            case 'edit':
-                return 'sprite icon-sprite-base-main_edit';
-            case 'delete':
-                return 'sprite icon-sprite-base-main_delete';
-            default:
-                return this.iconstyle;
-        }
-    }
-}
-SacGridImageComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-gridimage',
-                template: "<span style=\"padding-right: 5px;\"><span class=\"{{getIconClass()}}\"></span></span>\r\n"
-            },] }
-];
-
-class SACBootstrap3GridModule {
-}
-SACBootstrap3GridModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [SacGridComponent, SacGridColumnComponent, SacGridColumnActionComponent, SacPagingComponent, SacGridButtonComponent, SacGridImageComponent],
-                imports: [
-                    CommonModule
-                ],
-                exports: [SacGridComponent, SacGridColumnComponent, SacGridColumnActionComponent, SacPagingComponent, SacGridButtonComponent, SacGridImageComponent]
-            },] }
-];
-
-class SacInputComponent extends SacInputCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     */
-    constructor(formLayout, injector) {
-        super(formLayout, injector);
-    }
-}
-SacInputComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-input',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <input\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      type=\"text\"\r\n      class=\"form-control\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      [value]=\"value\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [disabled]=\"isdisabled\"\r\n      [readonly]=\"readonly\"\r\n    />\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"form-label-adaptive form-label-fixed\"\r\n      [ngClass]=\"{ 'required': isrequired }\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputComponent },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacInputComponent),
-                    },
-                ]
-            },] }
-];
-SacInputComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-/**
- * Komponente für TextArea
- *
- * @example
- *
- * <ngInputArea name="ngInputArea" label="My Label" placeholder='i am input area' [isrequired]="true" customCssClass="myClass1 myClass3"></ngInputArea>
- *
- * @example
- *
- * <ngInputArea name="ngInputArea" label="My Label" height="150px" placeholder='i am input area' [islanguagespecific]="true">
- *
- */
-class SacInputAreaComponent extends SacInputAreaCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     */
-    constructor(formLayout, injector) {
-        super(formLayout, injector);
-    }
-}
-SacInputAreaComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-inputarea',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <textarea\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      type=\"\"\r\n      class=\"form-control\"\r\n      [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n      [class.validation-error]=\"invalid && (dirty || touched)\"\r\n      [class.required]=\"isrequired\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      [value]=\"value\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      (keypress)=\"onKeyPress($event)\"\r\n      [attr.rows]=\"rows\"\r\n      [disabled]=\"isdisabled\"\r\n      [readonly]=\"readonly\"\r\n    ></textarea>\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"form-label-adaptive form-label-fixed\"\r\n      [ngClass]=\"{ 'required': isrequired }\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacInputAreaComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacInputAreaComponent),
-                    },
-                ]
-            },] }
-];
-SacInputAreaComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-class SacInputCurrencyComponent extends SacInputCurrencyCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     */
-    constructor(formLayout, injector) {
-        super(formLayout, injector);
-    }
-}
-SacInputCurrencyComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-inputcurrency',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"input-group\"\r\n      [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n      [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n    >\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        [value]=\"value\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        (blur)=\"onTouch()\"\r\n        (input)=\"setValue($event.target.value)\"\r\n        (keypress)=\"onKeyPress($event)\"\r\n        [disabled]=\"isdisabled\"\r\n        [readonly]=\"readonly\"\r\n      />\r\n      <label\r\n        for=\"{{name}}\"\r\n        class=\"form-label-adaptive form-label-fixed\"\r\n        [ngClass]=\"{ 'required': isrequired }\"\r\n        *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n        >{{label}}</label\r\n      >\r\n      <div class=\"input-group-addon\">{{currency}}</div>\r\n    </div>\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacInputCurrencyComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacInputCurrencyComponent),
-                    },
-                ]
-            },] }
-];
-SacInputCurrencyComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-class SacInputDecimalComponent extends SacInputDecimalCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     */
-    constructor(formLayout, injector) {
-        super(formLayout, injector);
-    }
-}
-SacInputDecimalComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-inputdecimal',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <input\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      type=\"text\"\r\n      class=\"form-control\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      [value]=\"value\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      (keypress)=\"onKeyPress($event)\"\r\n      [disabled]=\"isdisabled\"\r\n      [readonly]=\"readonly\"\r\n    />\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"form-label-adaptive form-label-fixed\"\r\n      [ngClass]=\"{ 'required': isrequired }\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacInputDecimalComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacInputDecimalComponent),
-                    },
-                ]
-            },] }
-];
-SacInputDecimalComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-class SacInputEmailComponent extends SacInputEmailCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     */
-    constructor(formLayout, injector) {
-        super(formLayout, injector);
-    }
-}
-SacInputEmailComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-inputemail',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"input-group\"\r\n      [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n      [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n    >\r\n      <div class=\"input-group-addon\">@</div>\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        [value]=\"value\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        (blur)=\"onTouch()\"\r\n        (input)=\"setValue($event.target.value)\"\r\n        autocomplete=\"email\"\r\n        [attr.maxlength]=\"maxlength\"\r\n        [disabled]=\"isdisabled\"\r\n        [readonly]=\"readonly\"\r\n      />\r\n      <label\r\n        for=\"{{name}}\"\r\n        class=\"form-label-adaptive form-label-fixed\"\r\n        [ngClass]=\"{ 'required': isrequired }\"\r\n        *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n        >{{label}}</label\r\n      >\r\n    </div>\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacInputEmailComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacInputEmailComponent),
-                    },
-                ]
-            },] }
-];
-SacInputEmailComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-class SacInputIntegerComponent extends SacInputIntegerCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     */
-    constructor(formLayout, injector) {
-        super(formLayout, injector);
-    }
-}
-SacInputIntegerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-inputinteger',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <input\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      type=\"text\"\r\n      class=\"form-control\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      [value]=\"value\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      (keypress)=\"onKeyPress($event)\"\r\n      [disabled]=\"isdisabled\"\r\n      [readonly]=\"readonly\"\r\n    />\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"form-label-adaptive form-label-fixed\"\r\n      [ngClass]=\"{ 'required': isrequired }\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacInputIntegerComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacInputIntegerComponent),
-                    },
-                ]
-            },] }
-];
-SacInputIntegerComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-class SacInputPasswordComponent extends SacInputPasswordCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     */
-    constructor(formLayout, injector) {
-        super(formLayout, injector);
-    }
-}
-SacInputPasswordComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-inputpassword',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <input\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      class=\"form-control\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      type=\"password\"\r\n      [value]=\"value\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      autocomplete=\"new-password\"\r\n      [disabled]=\"isdisabled\"\r\n      [readonly]=\"readonly\"\r\n    />\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"form-label-adaptive form-label-fixed\"\r\n      [ngClass]=\"{ 'required': isrequired }\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacInputPasswordComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacInputPasswordComponent),
-                    },
-                ]
-            },] }
-];
-SacInputPasswordComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-class SacInputSearchComponent extends SacInputSearchCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     */
-    constructor(formLayout, injector) {
-        super(formLayout, injector);
-    }
-}
-SacInputSearchComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-inputsearch',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"input-group\"\r\n      [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n      [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n    >\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        [value]=\"value\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        (blur)=\"onTouch()\"\r\n        (input)=\"setValue($event.target.value)\"\r\n        [attr.maxlength]=\"maxlength\"\r\n        [disabled]=\"isdisabled\"\r\n        [readonly]=\"readonly\"\r\n      />\r\n      <span class=\"input-group-btn\">\r\n        <input\r\n          type=\"submit\"\r\n          class=\"btn btn-default\"\r\n          id=\"{{name}}_search\"\r\n          (click)=\"searchClick()\"\r\n          [value]=\"buttontext\"\r\n        />\r\n      </span>\r\n    </div>\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacInputSearchComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacInputSearchComponent),
-                    },
-                ]
-            },] }
-];
-SacInputSearchComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-class SACBootstrap3InputModule {
-}
-SACBootstrap3InputModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    SacInputComponent,
-                    SacInputAreaComponent,
-                    SacInputCurrencyComponent,
-                    SacInputDecimalComponent,
-                    SacInputEmailComponent,
-                    SacInputIntegerComponent,
-                    SacInputPasswordComponent,
-                    SacInputSearchComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    CommonModule,
-                    FormsModule,
-                    SACBootstrap3TooltipModule,
-                    SACBootstrap3LayoutModule,
-                ],
-                exports: [
-                    SacInputComponent,
-                    SacInputAreaComponent,
-                    SacInputCurrencyComponent,
-                    SacInputDecimalComponent,
-                    SacInputEmailComponent,
-                    SacInputIntegerComponent,
-                    SacInputPasswordComponent,
-                    SacInputSearchComponent,
-                ],
-            },] }
-];
-
-// #region Classes
-class SacDropdownComponent extends SacDropdownCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     * @param renderer Angular rendering engine
-     * @param elementRef Reference to html dom element
-     */
-    constructor(formLayout, injector, renderer, elementRef) {
-        super(formLayout, injector, renderer, elementRef);
-    }
-}
-SacDropdownComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-dropdown',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <select\r\n      #dropdownitem\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      class=\"form-control\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      (blur)=\"onTouch()\"\r\n      (change)=\"setValue(dropdownitem.value)\"\r\n      [disabled]=\"isdisabled\"\r\n    >\r\n      <option *ngIf=\"emptylabel !== ''\" [ngValue]=\"emptyvalue\">\r\n        {{emptylabel}}\r\n      </option>\r\n\r\n      <ng-content></ng-content>\r\n\r\n      <ng-container *ngIf=\"groupitems === ''\">\r\n        <option\r\n          *ngFor=\"let item of options\"\r\n          [ngValue]=\"optionvalue ? item[optionvalue] : item\"\r\n          [disabled]=\"optionenabled !== '' && item[optionenabled] === false\"\r\n        >\r\n          <ng-template\r\n            *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel], item: item }\"\r\n          >\r\n          </ng-template>\r\n        </option>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"groupitems !== ''\">\r\n        <optgroup\r\n          *ngFor=\"let group of options\"\r\n          [attr.label]=\"group[grouplabel]\"\r\n        >\r\n          <option\r\n            *ngFor=\"let item of group[groupitems]\"\r\n            [ngValue]=\"optionvalue ? item[optionvalue] : item\"\r\n            [disabled]=\"optionenabled !== '' && item[optionenabled] === false\"\r\n          >\r\n            <ng-template\r\n              *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel], item: item }\"\r\n            >\r\n            </ng-template>\r\n          </option>\r\n        </optgroup>\r\n      </ng-container>\r\n    </select>\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultItemLabelTemplate let-label=\"label\">\r\n  {{label}}\r\n</ng-template>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacDropdownComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacDropdownComponent),
-                    },
-                ]
-            },] }
-];
-SacDropdownComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector },
-    { type: Renderer2 },
-    { type: ElementRef }
-];
-class SacDropdownOptionDirective extends SacDropdownOptionCommon {
-    // #region Constructors
-    /**
-     * Konstruktor
-     * @param elementRef Referenz auf HTML DOM Element
-     * @param renderer Angular Rendering Engine
-     * @param dropdownList Referenz auf DropDown Komponente
-     */
-    constructor(elementRef, renderer, dropdownList) {
-        super(elementRef, renderer, dropdownList);
-    }
-}
-SacDropdownOptionDirective.decorators = [
-    { type: Directive, args: [{ selector: 'option,[sacOption]' },] }
-];
-SacDropdownOptionDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 },
-    { type: SacDropdownComponent, decorators: [{ type: Optional }, { type: Host }] }
-];
-// #endregion Classes
-
-class SacListboxComponent extends SacListboxCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     */
-    constructor(formLayout, injector) {
-        super(formLayout, injector);
-    }
-}
-SacListboxComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-listbox',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <select\r\n      multiple\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      class=\"form-control\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      [size]=\"rowsize\"\r\n      (blur)=\"onTouch()\"\r\n      (change)=\"getSelectedItems($event.target)\"\r\n      [disabled]=\"isdisabled\"\r\n    >\r\n      <ng-content></ng-content>\r\n      <ng-container *ngIf=\"groupitems === ''\">\r\n        <option\r\n          *ngFor=\"let option of options\"\r\n          [value]=\"option[optionvalue]\"\r\n          [disabled]=\"optionenabled !== '' && option[optionenabled] === false\"\r\n        >\r\n          <ng-template\r\n            *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: option[optionlabel] }\"\r\n          >\r\n          </ng-template>\r\n        </option>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"groupitems !== ''\">\r\n        <optgroup\r\n          *ngFor=\"let option of options\"\r\n          [attr.label]=\"option[grouplabel]\"\r\n        >\r\n          <option\r\n            *ngFor=\"let item of option[groupitems]\"\r\n            [value]=\"item[optionvalue]\"\r\n            [disabled]=\"optionenabled !== '' && item[optionenabled] === false\"\r\n          >\r\n            <ng-template\r\n              *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel] }\"\r\n            >\r\n            </ng-template>\r\n          </option>\r\n        </optgroup>\r\n      </ng-container>\r\n    </select>\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultItemLabelTemplate let-label=\"label\">\r\n  {{label}}\r\n</ng-template>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacListboxComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacListboxComponent),
-                    },
-                ]
-            },] }
-];
-SacListboxComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-class SACBootstrap3ListModule {
-}
-SACBootstrap3ListModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    SacDropdownComponent,
-                    SacDropdownOptionDirective,
-                    SacListboxComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    SACCommonListboxOptionModule,
-                    SACBootstrap3TooltipModule,
-                    FormsModule,
-                    SACBootstrap3LayoutModule,
-                ],
-                exports: [
-                    SacDropdownComponent,
-                    SacDropdownOptionDirective,
-                    SacListboxComponent,
-                ],
-            },] }
-];
-
-/**
- * Component für einbindung eines beliebigen Controls in die Form Struktur
- *
- * @example
- *  <ngStaticFormContainer name='myformcontainer' label="My Custom Form Control" [isrequired]='false'>
- *      <input type="range" class="form-control" />
- *  </ngStaticFormContainer>
- *
- * @example
- * <ngStaticFormContainer name='myformcintainer' label="My Custom Form Control" [isrequired]='false' tooltiptext="Dies ist ein Tooltip Text">
- *     <input type="range" class="form-control" />
- * </ngStaticFormContainer>
- *
- **/
-class SacStaticFormContainerComponent extends SacStaticFormContainerCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     */
-    constructor(formLayout, injector) {
-        super(formLayout, injector);
-    }
-}
-SacStaticFormContainerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-staticformcontainer',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span [class]=\"HelptextTooltipIcon\" style=\"margin-left: 5px\"></span>\r\n    </sac-tooltip>\r\n  </label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <ng-content></ng-content>\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"form-label-adaptive form-label-fixed\"\r\n      [ngClass]=\"{ 'required': isrequired }\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacStaticFormContainerComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacStaticFormContainerComponent),
-                    },
-                ]
-            },] }
-];
-SacStaticFormContainerComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-class SacStaticLabelComponent extends SacStaticLabelCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     */
-    constructor(formLayout, injector) {
-        super(formLayout, injector);
-    }
-}
-SacStaticLabelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-staticlabel',
-                template: "<div class=\"row form-group\" [ngClass]=\"componentHeight | toLabelHeight\">\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span [class]=\"HelptextTooltipIcon\" style=\"margin-left: 5px\"></span>\r\n    </sac-tooltip>\r\n  </label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      [id]=\"name\"\r\n      class=\"form-control-static\"\r\n      [style.padding-left.px]=\"0\"\r\n      [innerHTML]=\"value\"\r\n    ></div>\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"col-left control-label\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n  </div>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacStaticLabelComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacStaticLabelComponent),
-                    },
-                ]
-            },] }
-];
-SacStaticLabelComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-class SACBootstrap3StaticLabelModule {
-}
-SACBootstrap3StaticLabelModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [SacStaticLabelComponent, SacStaticFormContainerComponent],
-                imports: [
-                    CommonModule,
-                    SACBootstrap3TooltipModule,
-                    SACBootstrap3LayoutModule,
-                ],
-                exports: [SacStaticLabelComponent, SacStaticFormContainerComponent],
-            },] }
-];
-
-class SacTabItemComponent extends SacTabItemCommon {
-}
-SacTabItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-tabitem',
-                template: "<div [id]=\"id\" [hidden]=\"unloadwhenhidden === false && active === false\"\r\n     *ngIf=\"(unloadwhenhidden === true && active === true) || unloadwhenhidden === false\" class=\"tab-pane\">\r\n  <ng-template [ngTemplateOutlet]=\"templateRef\"></ng-template>\r\n</div>\r\n\r\n"
-            },] }
-];
-
-class SacTabComponent extends SacTabCommon {
-    tabItems() {
-        return this._tabItems.toArray();
-    }
-}
-SacTabComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-tab',
-                template: "<!-- Nav tabs -->\r\n<div [id]=\"name\" class=\"content-nav-tabs\">\r\n  <ul class=\"nav nav-tabs\" role=\"tablist\">\r\n    <li\r\n      *ngFor=\"let item of _tabItems\"\r\n      [ngClass]=\"{ 'active show': item.active, 'disabled': item.disabled }\"\r\n      (click)=\"selectTab(item)\"\r\n      [ngStyle]=\"{'cursor': item._disabled ? 'not-allowed' : 'pointer'}\"\r\n    >\r\n      <a [id]=\"GetTabItemButtonId(item.id)\" role=\"tab\">\r\n        <ng-template\r\n          *ngTemplateOutlet=\"tablabeltemplate || defaultTabLabelTemplate;context:{ label: item.label }\"\r\n        >\r\n        </ng-template>\r\n      </a>\r\n    </li>\r\n  </ul>\r\n</div>\r\n\r\n<!-- Tab panes -->\r\n<div class=\"tab-content\" style=\"margin-top: 15px\">\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #defaultTabLabelTemplate let-label=\"label\">\r\n  {{label}}\r\n</ng-template>\r\n"
-            },] }
-];
-SacTabComponent.propDecorators = {
-    _tabItems: [{ type: ContentChildren, args: [SacTabItemComponent,] }]
-};
-
-class SACBootstrap3TabsModule {
-}
-SACBootstrap3TabsModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [SacTabComponent, SacTabItemComponent],
-                imports: [
-                    CommonModule
-                ],
-                exports: [SacTabComponent, SacTabItemComponent]
-            },] }
-];
-
-class SacTinyMceComponent extends SacTinyMceCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     * @param ngZone ngZone to manage external javascripts
-     */
-    constructor(formLayout, injector, ngZone) {
-        super(formLayout, injector, ngZone);
-    }
-    // #endregion Constructors
-    // #region Public Methods
-    /**
-     * overwrite tinymce defaults
-     * @returns boostrap3 does not support file browser
-     */
-    overwriteDefaultSettings() {
-        return { file_picker_types: undefined, file_picker_callback: undefined };
-    }
-}
-SacTinyMceComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-tinymce',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n  >\r\n    {{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span [class]=\"HelptextTooltipIcon\" style=\"margin-left: 5px\"></span>\r\n    </sac-tooltip>\r\n  </label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n    [class.has-error]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n  >\r\n    <editor\r\n      [id]=\"name + '_tinymce'\"\r\n      [init]=\"_config\"\r\n      [initialValue]=\"value\"\r\n      ngModel\r\n      [ngModelOptions]=\"{standalone: true}\"\r\n      (ngModelChange)=\"setValue($event)\"\r\n      (onSaveContent)=\"save($event.event.content)\"\r\n      [disabled]=\"disabled\"\r\n      [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    ></editor>\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n    <div\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      class=\"help-block\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<sac-dialog\r\n  *ngIf=\"selectdialogvisible\"\r\n  [allowesc]=\"false\"\r\n  [backdrop]=\"true\"\r\n  [(isvisible)]=\"selectdialogvisible\"\r\n  title=\"{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectDialogtitle) | async }}\"\r\n  size=\"large\"\r\n  height=\"500px\"\r\n>\r\n  <ng-container dialogbody> </ng-container>\r\n  <ng-container dialogfooter>\r\n    <sac-button\r\n      role=\"primary\"\r\n      [name]=\"name + '_modalOk'\"\r\n      text=\"{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectOk) | async }}\"\r\n      (clicked)=\"setSelectDialogResult()\"\r\n    ></sac-button>\r\n    <sac-button\r\n      [name]=\"name + '_modalClose'\"\r\n      text=\"{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectCancel) | async }}\"\r\n      (clicked)=\"closeSelectDialog()\"\r\n    ></sac-button>\r\n  </ng-container>\r\n</sac-dialog>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacTinyMceComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        useExisting: forwardRef(() => SacTinyMceComponent),
-                        multi: true,
-                    },
-                ]
-            },] }
-];
-SacTinyMceComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector },
-    { type: NgZone }
-];
-
-class SACBootstrap3TinyMceModule {
-}
-SACBootstrap3TinyMceModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [SacTinyMceComponent],
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    EditorModule,
-                    SACBootstrap3ButtonModule,
-                    SACBootstrap3DialogModule,
-                    SACBootstrap3LayoutModule,
-                    SACBootstrap3TooltipModule,
-                ],
-                exports: [SacTinyMceComponent],
-            },] }
-];
-
-class SacTreeViewComponent extends SacTreeViewCommon {
-}
-SacTreeViewComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-treeview',
-                template: "<div class=\"structure panel panel-default\" icon=\"Structure\">\r\n  <div class=\"panel-heading\">\r\n    <p class=\"panel-title\"><span>{{ name }}</span></p>\r\n  </div>\r\n  <div class=\"panel-body\">\r\n    <div class=\"right\">\r\n      <div\r\n        class=\"form-submit form-inline\"\r\n        style=\"text-align: right; height: 24px\"\r\n      >\r\n        <a class=\"btn-inline\"\r\n          ><i class=\"icon icon-base-expand\" (click)=\"collapseAllNode(false)\"></i\r\n        ></a>\r\n        <a class=\"btn-inline\"\r\n          ><i\r\n            class=\"icon icon-base-collapse\"\r\n            (click)=\"collapseAllNode(true)\"\r\n          ></i\r\n        ></a>\r\n      </div>\r\n    </div>\r\n    <div\r\n      [id]=\"name\"\r\n      class=\"structure-tree single-root jstree jstree-1 jstree-default\"\r\n    >\r\n      <ul\r\n        class=\"jstree-container-ul jstree-children jstree-no-dots jstree-striped jstree-wholerow-ul\"\r\n        *ngIf=\"nodes && nodes.length\"\r\n      >\r\n        <li\r\n          *ngFor=\"let node of nodes; let last = last\"\r\n          class=\"jstree-node\"\r\n          [ngClass]=\"{\r\n      'jstree-open': !node[collapseAttr] && node[childrenAttr] && node[childrenAttr].length,\r\n      'jstree-closed': node[collapseAttr]  && node[childrenAttr] && node[childrenAttr].length,\r\n      'jstree-leaf': !node[childrenAttr].length,\r\n      'jstree-last': last\r\n    }\"\r\n          [id]=\"node[idAttr]\"\r\n        >\r\n          <div\r\n            unselectable=\"on\"\r\n            role=\"presentation\"\r\n            class=\"jstree-wholerow\"\r\n            (mouseover)=\"node.hover=true\"\r\n            (mouseout)=\"node.hover=false\"\r\n            [ngClass]=\"{'jstree-wholerow-clicked': node === selectedNode, 'jstree-wholerow-hovered': node.hover}\"\r\n          >\r\n            &nbsp;\r\n          </div>\r\n\r\n          <i\r\n            class=\"jstree-icon jstree-ocl\"\r\n            role=\"presentation\"\r\n            (click)=\"onCollapseClick(node)\"\r\n            (mouseover)=\"node.hover=true\"\r\n            (mouseout)=\"node.hover=false\"\r\n          ></i>\r\n\r\n          <a\r\n            class=\"jstree-anchor\"\r\n            (click)=\"onClick(node)\"\r\n            [ngClass]=\"{'jstree-clicked': node === selectedNode, 'jstreehovered': node.hover}\"\r\n            (mouseover)=\"node.hover=true\"\r\n            (mouseout)=\"node.hover=false\"\r\n          >\r\n            <ng-container\r\n              *ngTemplateOutlet=\"treefileicon; context { item: node }\"\r\n              ;\r\n              content\r\n            ></ng-container>\r\n\r\n            <span>{{node[textAttr]}}</span>\r\n          </a>\r\n\r\n          <ng-container\r\n            *ngTemplateOutlet=\"template; context { item: node }\"\r\n            ;\r\n            content\r\n          ></ng-container>\r\n\r\n          <sac-treeviewchild\r\n            *ngIf=\"node[childrenAttr] && node[childrenAttr].length\"\r\n            [fileicontemplate]=\"fileicontemplate\"\r\n            [template]=\"template\"\r\n            [collapseall]=\"collapseall\"\r\n            [ngClass]=\"(node[collapseAttr]===true)?'collapse':'show'\"\r\n            [data]=\"node[childrenAttr]\"\r\n            [idAttr]=\"idAttr\"\r\n            [parentAttr]=\"parentAttr\"\r\n            [textAttr]=\"textAttr\"\r\n            [prepareData]=\"false\"\r\n            (onselecteditem)=\"sendMsgToParent($event)\"\r\n            [(selectedid)]=\"selectedid\"\r\n          >\r\n          </sac-treeviewchild>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n"
-            },] }
-];
-
-class SacTreeViewChildComponent extends SacTreeViewChildCommon {
-}
-SacTreeViewChildComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-treeviewchild',
-                template: "<ul class=\"jstree-children\" *ngIf=\"nodes && nodes.length\">\r\n  <li\r\n    *ngFor=\"let node of nodes; let last = last\"\r\n    class=\"jstree-node\"\r\n    [ngClass]=\"{\r\n    'jstree-open': !node[collapseAttr] && node[childrenAttr] && node[childrenAttr].length,\r\n    'jstree-closed': node[collapseAttr]  && node[childrenAttr] && node[childrenAttr].length,\r\n    'jstree-leaf': !node[childrenAttr].length,\r\n    'jstree-last': last\r\n      }\"\r\n    [id]=\"node[idAttr]\"\r\n  >\r\n    <div\r\n      unselectable=\"on\"\r\n      role=\"presentation\"\r\n      class=\"jstree-wholerow\"\r\n      (mouseover)=\"node.hover=true\"\r\n      (mouseout)=\"node.hover=false\"\r\n      [ngClass]=\"{'jstree-wholerow-clicked': node === selectedNode, 'jstree-wholerow-hovered': node.hover}\"\r\n    >\r\n      &nbsp;\r\n    </div>\r\n\r\n    <i\r\n      class=\"jstree-icon jstree-ocl\"\r\n      role=\"presentation\"\r\n      (click)=\"onCollapseClick(node)\"\r\n      (mouseover)=\"node.hover=true\"\r\n      (mouseout)=\"node.hover=false\"\r\n    ></i>\r\n\r\n    <a\r\n      class=\"jstree-anchor\"\r\n      (click)=\"onClick(node)\"\r\n      [ngClass]=\"{'jstree-clicked': node === selectedNode, 'jstreehovered': node.hover}\"\r\n      (mouseover)=\"node.hover=true\"\r\n      (mouseout)=\"node.hover=false\"\r\n    >\r\n      <ng-container\r\n        *ngTemplateOutlet=\"treefileicon; context { item: node }\"\r\n        ;\r\n        content\r\n      ></ng-container>\r\n\r\n      {{node[textAttr]}}\r\n    </a>\r\n\r\n    <ng-container\r\n      *ngTemplateOutlet=\"template; context { item: node }\"\r\n    ></ng-container>\r\n\r\n    <sac-treeviewchild\r\n      *ngIf=\"node[childrenAttr] && node[childrenAttr].length\"\r\n      [fileicontemplate]=\"fileicontemplate\"\r\n      [template]=\"template\"\r\n      [collapseall]=\"collapseall\"\r\n      [ngClass]=\"(node[collapseAttr]===true)?'collapse':'show'\"\r\n      [data]=\"node[childrenAttr]\"\r\n      [idAttr]=\"idAttr\"\r\n      [parentAttr]=\"parentAttr\"\r\n      [textAttr]=\"textAttr\"\r\n      [prepareData]=\"false\"\r\n      (onselecteditem)=\"sendMsgToParent($event)\"\r\n      [(selectedid)]=\"selectedid\"\r\n    >\r\n    </sac-treeviewchild>\r\n  </li>\r\n</ul>\r\n"
-            },] }
-];
-
-class SacTreeItemActionComponent extends SacTreeItemActionCommon {
-    constructor(el) {
-        super(el);
-    }
-}
-SacTreeItemActionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-treeitemaction',
-                template: "<i class=\"{{transformClass(iconstyle)}}\" (mouseover)=\"item.hover=true\" (mouseout)=\"item.hover=false\" (click)=\"iconaction()\" ></i>"
-            },] }
-];
-SacTreeItemActionComponent.ctorParameters = () => [
-    { type: ElementRef }
-];
-
-class SACBootstrap3TtreeviewModule {
-}
-SACBootstrap3TtreeviewModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [SacTreeViewComponent, SacTreeViewChildComponent, SacTreeItemActionComponent],
-                imports: [
-                    CommonModule
-                ],
-                exports: [SacTreeViewComponent, SacTreeViewChildComponent, SacTreeItemActionComponent]
-            },] }
-];
-
-// https://github.com/kukhariev/ngx-uploadx/
-class SacUploadComponent extends SacUploadSingleCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     * @param renderer Angular rendering engine
-     * @param ngZone ngZone to manage external javascripts
-     */
-    constructor(formLayout, injector, renderer, ngZone) {
-        super(formLayout, injector, renderer, ngZone);
-    }
-}
-SacUploadComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-upload',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"input-group upload-component upload-single\"\r\n      [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n      [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n    >\r\n      <div class=\"input-group-btn\">\r\n        <!-- image-preview-input -->\r\n        <div\r\n          class=\"btn upload-input custom-file\"\r\n          [class.disabled]=\"HasQueueItem()\"\r\n          [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <i [class]=\"IconBrowse\"></i>\r\n          <span class=\"upload-browse\"\r\n            >{{\r\n            lngResourceService.GetString(validationKeyService.UploadButtonBrowse)\r\n            | async }}</span\r\n          >\r\n          <input\r\n            type=\"file\"\r\n            class=\"custom-file-input\"\r\n            #files\r\n            (click)=\"files.value = ''\"\r\n            (uploadxState)=\"onUpload($event)\"\r\n            multiple\r\n            [disabled]=\"HasQueueItem()\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"form-control upload-progress\">\r\n        <div class=\"progress\">\r\n          <div\r\n            class=\"progress-bar\"\r\n            [class.progress-bar-success]=\"Progress()===100\"\r\n            role=\"progressbar\"\r\n            [attr.aria-valuenow]=\"Progress()\"\r\n            aria-valuemin=\"0\"\r\n            aria-valuemax=\"100\"\r\n            [style.width.%]=\"Progress()\"\r\n          >\r\n            <span class=\"progress-text text-dark\"\r\n              >{{ Filename() | async }}</span\r\n            >\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- <input type=\"textimage-preview-filename\" class=\"form-control image-preview-filename\" disabled=\"disabled\"> --><!-- don't give a name === doesn't send on POST/GET -->\r\n      <div class=\"input-group-btn\">\r\n        <!-- image-preview-clear button -->\r\n        <a\r\n          class=\"btn\"\r\n          (click)=\"cancelAll()\"\r\n          [attr.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\r\n          [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <span [class]=\"IconDelete\"></span>\r\n        </a>\r\n        <a\r\n          *ngIf=\"(autoupload === false && enablepause) || (autoupload && enablepause && IsPaused() === false)\"\r\n          class=\"btn\"\r\n          (click)=\"pauseAll()\"\r\n          [attr.disabled]=\"IsUploading() === false ? 'disabled' : null\"\r\n          [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <span [class]=\"IconPause\"></span>\r\n        </a>\r\n        <a\r\n          *ngIf=\"autoupload && enablepause && IsPaused()\"\r\n          class=\"btn\"\r\n          (click)=\"uploadAll()\"\r\n          [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <span [class]=\"IconContinue\"></span>\r\n        </a>\r\n        <a\r\n          *ngIf=\"autoupload === false\"\r\n          class=\"btn\"\r\n          (click)=\"uploadAll()\"\r\n          [attr.disabled]=\"IsStateToUpload() === false ?  'disabled' : null\"\r\n          [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <span [class]=\"IconUpload\"></span> {{\r\n          lngResourceService.GetString(validationKeyService.UploadButtonUpload)\r\n          | async }}\r\n        </a>\r\n      </div>\r\n    </div>\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacUploadComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacUploadComponent),
-                    },
-                ],
-                styles: [".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{bottom:0;display:inline-block;left:0;margin:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:2}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}"]
-            },] }
-];
-SacUploadComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector },
-    { type: Renderer2 },
-    { type: NgZone }
-];
-
-// https://github.com/kukhariev/ngx-uploadx/
-class SacUploadMultipleComponent extends SacUploadMultipleCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formLayout SacFormLayout to define scoped layout settings
-     * @param injector Injector for injecting services
-     * @param renderer Angular rendering engine
-     * @param ngZone ngZone to manage external javascripts
-     */
-    constructor(formLayout, injector, renderer, ngZone) {
-        super(formLayout, injector, renderer, ngZone);
-    }
-}
-SacUploadMultipleComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-uploadmultiple',
-                template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}\r\n    <sac-tooltip\r\n      *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n      [tooltiptext]=\"helptext\"\r\n      [inlinemode]=\"true\"\r\n    >\r\n      <span\r\n        [class]=\"HelptextTooltipIcon\"\r\n        style=\"margin-left: 5px\"\r\n      ></span> </sac-tooltip\r\n  ></label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div class=\"upload-component\">\r\n      <div class=\"row\">\r\n        <div class=\"col-xs-12\">\r\n          <div\r\n            class=\"btn-group\"\r\n            [class.btn-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n            [class.btn-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n          >\r\n            <div\r\n              class=\"btn upload-input custom-file\"\r\n              [class.disabled]=\"maxfiles > 0 &&  uploads.length >= maxfiles\"\r\n              [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <i [class]=\"IconBrowse\"></i>\r\n              <span class=\"upload-browse\">Browse</span>\r\n              <input\r\n                type=\"file\"\r\n                class=\"custom-file-input\"\r\n                #files\r\n                (click)=\"files.value = ''\"\r\n                (uploadxState)=\"onUpload($event)\"\r\n                multiple\r\n                [disabled]=\"maxfiles > 0 &&  uploads.length >= maxfiles\"\r\n              />\r\n            </div>\r\n\r\n            <div\r\n              class=\"btn-group\"\r\n              [class.btn-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n              [class.btn-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n            >\r\n              <!-- image-preview-clear button -->\r\n              <a\r\n                class=\"btn\"\r\n                (click)=\"cancelAll()\"\r\n                [attr.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\r\n                [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n                [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n              >\r\n                <span [class]=\"IconDelete\"></span>\r\n              </a>\r\n              <a\r\n                *ngIf=\"(autoupload === false && enablepause) || (autoupload && enablepause && IsPaused() === false)\"\r\n                class=\"btn\"\r\n                (click)=\"pauseAll()\"\r\n                [attr.disabled]=\"IsUploading() === false ? 'disabled' : null\"\r\n                [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n                [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n              >\r\n                <span [class]=\"IconPause\"></span>\r\n              </a>\r\n              <a\r\n                *ngIf=\"autoupload && enablepause && IsPaused() === true\"\r\n                class=\"btn\"\r\n                (click)=\"uploadAll()\"\r\n                [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n                [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n              >\r\n                <span [class]=\"IconContinue\"></span>\r\n              </a>\r\n              <a\r\n                *ngIf=\"autoupload === false\"\r\n                class=\"btn\"\r\n                (click)=\"uploadAll()\"\r\n                [attr.disabled]=\"IsStateToUpload() === false ?  'disabled' : null\"\r\n                [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n                [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n              >\r\n                <span [class]=\"IconUpload\"></span> {{\r\n                lngResourceService.GetString(validationKeyService.UploadButtonUpload)\r\n                | async }}\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngFor=\"let file of uploads\" style=\"margin-top: 5px\">\r\n        <div\r\n          class=\"input-group upload-component upload-multiple\"\r\n          [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n          [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n        >\r\n          <div class=\"form-control upload-progress\">\r\n            <div class=\"progress\">\r\n              <div\r\n                class=\"progress-bar\"\r\n                [class.progress-bar-success]=\"file.progress===100\"\r\n                role=\"progressbar\"\r\n                [attr.aria-valuenow]=\"file.progress\"\r\n                aria-valuemin=\"0\"\r\n                aria-valuemax=\"100\"\r\n                [style.width.%]=\"file.progress\"\r\n              >\r\n                <span class=\"progress-text text-dark\">{{ file.name }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"input-group-btn\"\r\n            [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n            [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n          >\r\n            <!-- image-preview-clear button -->\r\n            <a\r\n              class=\"btn\"\r\n              (click)=\"cancel(file.uploadId)\"\r\n              [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <span [class]=\"IconDelete\"></span>\r\n            </a>\r\n            <a\r\n              *ngIf=\"(autoupload === false && enablepause) || (autoupload && enablepause && file.status !== 'paused')\"\r\n              class=\"btn\"\r\n              (click)=\"pause(file.uploadId)\"\r\n              [attr.disabled]=\"file.status !== 'uploading' ? 'disabled' : null\"\r\n              [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <span [class]=\"IconPause\"></span>\r\n            </a>\r\n            <a\r\n              *ngIf=\"autoupload && enablepause && file.status === 'paused'\"\r\n              class=\"btn\"\r\n              (click)=\"upload(file.uploadId)\"\r\n              [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <span [class]=\"IconContinue\"></span>\r\n            </a>\r\n            <a\r\n              *ngIf=\"autoupload === false\"\r\n              class=\"btn\"\r\n              (click)=\"upload(file.uploadId)\"\r\n              [attr.disabled]=\"file.status !== 'added' && file.status !== 'paused' ?  'disabled' : null\"\r\n              [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <span [class]=\"IconUpload\"></span> {{\r\n              lngResourceService.GetString(validationKeyService.UploadButtonUpload)\r\n              | async }}\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <p *ngIf=\"helptextmode === 'text' && helptext\" class=\"help-block\">\r\n      {{helptext}}\r\n    </p>\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacUploadMultipleComponent,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        multi: true,
-                        useExisting: forwardRef(() => SacUploadMultipleComponent),
-                    },
-                ],
-                styles: [".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{bottom:0;display:inline-block;left:0;margin:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:2}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}"]
-            },] }
-];
-SacUploadMultipleComponent.ctorParameters = () => [
-    { type: SacFormLayoutDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector },
-    { type: Renderer2 },
-    { type: NgZone }
-];
-
-class SACBootstrap3UploadModule {
-}
-SACBootstrap3UploadModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [SacUploadComponent, SacUploadMultipleComponent],
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    SACBootstrap3LayoutModule,
-                    SACBootstrap3TooltipModule,
-                ],
-                exports: [SacUploadComponent, SacUploadMultipleComponent],
-            },] }
-];
-
-/**
- * Erweiterung / Hooking für automatismen in Formular. Wird als Container für alle Controls benötigt.
- *
- * @example Beispiel über Div Container
- *
- * <div ngForm></div>
- *
- * @example Beispiel über Form Tag
- *
- * <form></form>
- */
-/* eslint @angular-eslint/directive-selector: 0 */
-class SacFormDirective extends SacFormCommon {
-    // #endregion Properties
-    // #region Constructors
-    /**
-     * Konstruktor
-     * @param form Instanz von NgForm für eigene automatische Formular Logik
-     */
-    constructor(form) {
-        super(form);
-        // #region Properties
-        /**
-         * Sets the standard CSS class for forms on the form container
-         */
-        this.cssClassForm = true;
-        /**
-         * Sets the default CSS class for horizontal forms on the form container
-         */
-        this.cssClassHorizontal = true;
-    }
-}
-SacFormDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'form:not([ngNoForm]):not([formGroup]),[ngForm]',
-                exportAs: 'sacform',
-            },] }
-];
-SacFormDirective.ctorParameters = () => [
-    { type: NgForm }
-];
-SacFormDirective.propDecorators = {
-    cssClassForm: [{ type: HostBinding, args: ['class.form',] }],
-    cssClassHorizontal: [{ type: HostBinding, args: ['class.form-horizontal',] }]
-};
-
-class SacValidationSummaryComponent extends SacValidationSummaryCommon {
-    // #region Constructors
-    /**
-     * Constructor
-     * @param formControl Instance of Form Component to receive invalid form controls
-     * @param injector Injector for injecting services
-     */
-    constructor(formControl, injector) {
-        super(formControl, injector);
-    }
-}
-SacValidationSummaryComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-validationsummary',
-                template: "<div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"hasErrors\" [id]=\"name\">\r\n  <ul>\r\n    <li *ngFor=\"let error of formErrors\">\r\n      {{error | async}}\r\n    </li>\r\n  </ul>\r\n</div>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        multi: true,
-                        useExisting: SacValidationSummaryComponent,
-                    },
-                ]
-            },] }
-];
-SacValidationSummaryComponent.ctorParameters = () => [
-    { type: SacFormDirective, decorators: [{ type: Host }, { type: Optional }] },
-    { type: Injector }
-];
-
-class SACBootstrap3ValidationSummaryModule {
-}
-SACBootstrap3ValidationSummaryModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [SacValidationSummaryComponent],
-                imports: [
-                    CommonModule
-                ],
-                exports: [SacValidationSummaryComponent]
-            },] }
-];
-
-class SacWizardItemComponent extends SacWizardItemCommon {
-}
-SacWizardItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-wizarditem',
-                template: ""
-            },] }
-];
-
-class SacWizardComponent extends SacWizardCommon {
-    wizardItems() {
-        return this._wizardItems;
-    }
-}
-SacWizardComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sac-wizard',
-                template: "<ul [id]=\"name\" class=\"nav nav-wizard\" role=\"tablist\">\r\n  <li *ngFor=\"let item of _wizardItems\" class=\"nav-item\" [ngClass]=\"{ 'active': item._active, 'disabled': item._disabled, 'success': item._iscomplete }\"\r\n      [ngStyle]=\"{'cursor': item._disabled ? 'not-allowed' : 'pointer'}\">\r\n    <a role=\"tab\" (click)=\"selectStep(item)\">\r\n      <div class=\"circle\">\r\n        <span class=\"step\"></span>\r\n      </div>\r\n    </a>\r\n    <div class=\"info\">\r\n      <a (click)=\"selectStep(item)\">{{item.label}}</a>\r\n    </div>\r\n  </li>\r\n</ul>\r\n",
-                // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
-                providers: [
-                    { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacWizardComponent }
-                ]
-            },] }
-];
-SacWizardComponent.propDecorators = {
-    _wizardItems: [{ type: ContentChildren, args: [SacWizardItemComponent,] }]
-};
-
-class SACBootstrap3WizardModule {
-}
-SACBootstrap3WizardModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [SacWizardComponent, SacWizardItemComponent],
-                imports: [
-                    CommonModule
-                ],
-                exports: [SacWizardComponent, SacWizardItemComponent]
-            },] }
-];
-
-// #region Classes
-/**
- * Directive to inherit an NgForm/NgForm from a parent component
- */
-class SacInheritFormDirective extends SacFormCommon {
-    // #region Constructors
-    /**
-     * Construtor
-     * @param injector: injector to receive the NgForm instance
-     */
-    constructor(injector) {
-        super(injector.get(NgForm));
-    }
-}
-SacInheritFormDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[sacInheritForm]',
-                exportAs: 'sacinheritform',
-                providers: [
-                    {
-                        provide: SacFormDirective,
-                        useFactory: SACFORM_FACTORY,
-                        deps: [[new SkipSelf(), SacFormDirective]],
-                    },
-                    {
-                        provide: ControlContainer,
-                        useFactory: NGFORM_FACTORY,
-                        deps: [NgForm],
-                    },
-                ],
-            },] }
-];
-SacInheritFormDirective.ctorParameters = () => [
-    { type: Injector }
-];
-// #endregion Classes
-// #region Functions
-/**
- * Factory Methode für NgForm
- * @param form NgForm
- */
-function NGFORM_FACTORY(form) {
-    return form;
-}
-/**
- * Factory Methode für SacForm
- * @param form NgFormular
- */
-function SACFORM_FACTORY(form) {
-    return form;
-}
-// #endregion Functions
-
-class SACBootstrap3FormModule {
-}
-SACBootstrap3FormModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [SacFormDirective, SacInheritFormDirective],
-                imports: [CommonModule, FormsModule],
-                exports: [SacFormDirective, SacInheritFormDirective],
-            },] }
-];
-
-/*
- * Public API Surface of sac-bootstrap3
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { NGFORM_FACTORY, SACBootstrap3ButtonModule, SACBootstrap3CheckboxModule, SACBootstrap3ConfirmModule, SACBootstrap3DateTimeModule, SACBootstrap3DialogModule, SACBootstrap3FormModule, SACBootstrap3GridModule, SACBootstrap3InputModule, SACBootstrap3LayoutModule, SACBootstrap3ListModule, SACBootstrap3StaticLabelModule, SACBootstrap3TabsModule, SACBootstrap3TinyMceModule, SACBootstrap3TooltipModule, SACBootstrap3TtreeviewModule, SACBootstrap3UploadModule, SACBootstrap3ValidationSummaryModule, SACBootstrap3WizardModule, SACFORM_FACTORY, SacButtonComponent, SacCheckboxComponent, SacConfirmComponent, SacDateComponent, SacDateSelectorComponent, SacDateTimeComponent, SacDialogComponent, SacDropdownComponent, SacDropdownOptionDirective, SacFormDirective, SacFormLayoutDirective, SacGridButtonComponent, SacGridColumnActionComponent, SacGridColumnComponent, SacGridComponent, SacGridImageComponent, SacInheritFormDirective, SacInputAreaComponent, SacInputComponent, SacInputCurrencyComponent, SacInputDecimalComponent, SacInputEmailComponent, SacInputIntegerComponent, SacInputPasswordComponent, SacInputSearchComponent, SacListboxComponent, SacPagingComponent, SacRadiobuttonComponent, SacRadiobuttonsComponent, SacStaticFormContainerComponent, SacStaticLabelComponent, SacTabComponent, SacTabItemComponent, SacTimeComponent, SacTinyMceComponent, SacToControlHeightPipe, SacToControlWidthCssPipe, SacToLabelHeightPipe, SacToLabelWidthCssPipe, SacTooltipComponent, SacTreeItemActionComponent, SacTreeViewChildComponent, SacTreeViewComponent, SacUploadComponent, SacUploadMultipleComponent, SacValidationSummaryComponent, SacWizardComponent, SacWizardItemComponent, ServiceConfirm };
-//# sourceMappingURL=simpleangularcontrols-sac-bootstrap3.js.map