@simpleangularcontrols/sac-bootstrap3 16.0.0-rc.1

package/fesm2022/simpleangularcontrols-sac-bootstrap3.mjs

@@ -0,0 +1,1530 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule, Input, Directive, HostBinding, forwardRef, Host, Optional, ContentChildren, ComponentFactoryResolver, Injectable, Inject, SkipSelf, TemplateRef, ContentChild } from '@angular/core';
+import { SacButtonCommon, SacDialogCommon, SacFormCommon, SacCheckboxCommon, SacRadiobuttonsCommon, SacRadiobuttonCommon, SacDropdownCommon, SacDropdownOptionCommon, SacListboxCommon, SacValidationSummaryCommon, SacTabItemCommon, SacTabCommon, SacTooltipCommon, SacInputCommon, SacInputAreaCommon, SacInputCurrencyCommon, SacInputDecimalCommon, SacInputEmailCommon, SacInputIntegerCommon, SacInputPasswordCommon, SacInputSearchCommon, SacDateSelectorCommon, SacDateCommon, SacDateTimeCommon, SacTimeCommon, SacTinyMceCommon, SacStaticLabelCommon, SacStaticFormContainerCommon, SacWizardItemCommon, SacWizardCommon, SacUploadSingleCommon, SacUploadMultipleCommon, SacConfirmCommon, ServiceConfirmCommon, isDefined, SacConfirmButton, SacPagingCommon, SacGridCommon, SacGridColumnCommon, SacGridColumnBaseCommon, SacGridButtonCommon, SacGridColumnActionCommon, SacGridImageCommon, SacTreeViewChildCommon, SacTreeViewCommon, SacTreeItemActionCommon } from '@simpleangularcontrols/sac-common';
+import { NgIf, NgClass, CommonModule, NgStyle, NgTemplateOutlet, NgFor, AsyncPipe } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule, ControlContainer, NgForm } from '@angular/forms';
+import * as moment_ from 'moment';
+import { IMaskDirective, IMaskModule } from 'angular-imask';
+import { EditorComponent } from '@tinymce/tinymce-angular';
+
+class SacButtonComponent extends SacButtonCommon {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacButtonComponent, isStandalone: true, selector: "sac-button", usesInheritance: true, ngImport: i0, 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 *ngIf=\"icon !== ''\" [ngClass]=\"icon\" style=\"margin-right: 0.5rem\"></i>\r\n  {{text}}\r\n</a>\r\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-button', standalone: true, imports: [NgIf, NgClass], 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 *ngIf=\"icon !== ''\" [ngClass]=\"icon\" style=\"margin-right: 0.5rem\"></i>\r\n  {{text}}\r\n</a>\r\n" }]
+        }] });
+
+class SACBootstrap3ButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ButtonModule, imports: [CommonModule,
+            SacButtonComponent], exports: [SacButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ButtonModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SacButtonComponent
+                    ],
+                    exports: [SacButtonComponent]
+                }]
+        }] });
+
+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();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacDialogComponent, isStandalone: true, selector: "sac-dialog", inputs: { zindex: "zindex" }, usesInheritance: true, ngImport: i0, 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", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-dialog', standalone: true, imports: [NgIf, NgStyle], 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" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { zindex: [{
+                type: Input
+            }] } });
+
+class SACBootstrap3DialogModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3DialogModule, imports: [CommonModule,
+            SacDialogComponent], exports: [SacDialogComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3DialogModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3DialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SacDialogComponent
+                    ],
+                    exports: [SacDialogComponent]
+                }]
+        }] });
+
+/**
+ * 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 {
+    /**
+     * Konstruktor
+     * @param form Instanz von NgForm für eigene automatische Formular Logik
+     */
+    constructor(form) {
+        super(form);
+        /**
+         * Setzt die Standard CSS Klasse für auf dem Form Container
+         */
+        this.cssClassForm = true;
+    }
+    /**
+     * Setzt die CSS Klasse 'form-horizontal' wenn die Orientation auf Horizontal eingestellt ist
+     */
+    get orientientationHorizontal() { return this.getOrientation() === 'horizontal'; }
+    /**
+     *  Setzt die CSS Klasse 'form-vertical' wenn die Orientation auf Vertical eingestellt ist
+     */
+    get orientientationVertical() { return this.getOrientation() === 'vertical'; }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacFormDirective, deps: [{ token: i2.NgForm }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SacFormDirective, isStandalone: true, selector: "form:not([ngNoForm]):not([formGroup]),[ngForm]", host: { properties: { "class.form": "this.cssClassForm", "class.form-horizontal": "this.orientientationHorizontal", "class.form-vertical": "this.orientientationVertical" } }, exportAs: ["sacform"], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacFormDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'form:not([ngNoForm]):not([formGroup]),[ngForm]',
+                    exportAs: 'sacform',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i2.NgForm }]; }, propDecorators: { cssClassForm: [{
+                type: HostBinding,
+                args: ['class.form']
+            }], orientientationHorizontal: [{
+                type: HostBinding,
+                args: ['class.form-horizontal']
+            }], orientientationVertical: [{
+                type: HostBinding,
+                args: ['class.form-vertical']
+            }] } });
+
+class SacCheckboxComponent extends SacCheckboxCommon {
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacCheckboxComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacCheckboxComponent, isStandalone: true, selector: "sac-checkbox", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacCheckboxComponent },
+            { provide: NG_VALIDATORS, useExisting: forwardRef(() => SacCheckboxComponent), multi: true }
+        ], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"form-group\"\r\n  [ngClass]=\"{'has-error': invalid && (dirty || touched)}\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false\"\r\n    for=\"{{name}}\"\r\n    class=\"control-label\"\r\n    [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\r\n  >\r\n    <div class=\"checkbox\">\r\n      <label>\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\">&nbsp;<span>{{checkboxtext}}</span></ng-container>\r\n      </label>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-checkbox', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacCheckboxComponent },
+                        { provide: NG_VALIDATORS, useExisting: forwardRef(() => SacCheckboxComponent), multi: true }
+                    ], standalone: true, imports: [NgClass, NgIf], template: "<div\r\n  class=\"form-group\"\r\n  [ngClass]=\"{'has-error': invalid && (dirty || touched)}\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false\"\r\n    for=\"{{name}}\"\r\n    class=\"control-label\"\r\n    [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\r\n  >\r\n    <div class=\"checkbox\">\r\n      <label>\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\">&nbsp;<span>{{checkboxtext}}</span></ng-container>\r\n      </label>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; } });
+
+class SacRadiobuttonsComponent extends SacRadiobuttonsCommon {
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacRadiobuttonsComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacRadiobuttonsComponent, isStandalone: true, selector: "sac-radiobuttons", providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SacRadiobuttonsComponent), multi: true },
+            { provide: NG_VALIDATORS, useExisting: forwardRef(() => SacRadiobuttonsComponent), multi: true }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\r\n  <label *ngIf=\"disablelabel === false\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <div>\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacRadiobuttonsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-radiobuttons', providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SacRadiobuttonsComponent), multi: true },
+                        { provide: NG_VALIDATORS, useExisting: forwardRef(() => SacRadiobuttonsComponent), multi: true }
+                    ], standalone: true, imports: [NgIf, NgClass], template: "<div class=\"form-group\">\r\n  <label *ngIf=\"disablelabel === false\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <div>\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; } });
+
+class SacRadiobuttonComponent extends SacRadiobuttonCommon {
+    constructor(sacRadioButtons) {
+        super(sacRadioButtons);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacRadiobuttonComponent, deps: [{ token: SacRadiobuttonsComponent, host: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacRadiobuttonComponent, isStandalone: true, selector: "sac-radiobutton", usesInheritance: true, ngImport: i0, template: "<div class=\"radio\" *ngIf=\"hidden===false\">\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", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacRadiobuttonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-radiobutton', standalone: true, imports: [NgIf, NgTemplateOutlet], template: "<div class=\"radio\" *ngIf=\"hidden===false\">\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" }]
+        }], ctorParameters: function () { return [{ type: SacRadiobuttonsComponent, decorators: [{
+                    type: Host
+                }] }]; } });
+
+class SACBootstrap3CheckboxModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3CheckboxModule, imports: [CommonModule,
+            SacCheckboxComponent, SacRadiobuttonComponent, SacRadiobuttonsComponent], exports: [SacCheckboxComponent, SacRadiobuttonComponent, SacRadiobuttonsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3CheckboxModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3CheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SacCheckboxComponent, SacRadiobuttonComponent, SacRadiobuttonsComponent
+                    ],
+                    exports: [SacCheckboxComponent, SacRadiobuttonComponent, SacRadiobuttonsComponent]
+                }]
+        }] });
+
+class SacDropdownComponent extends SacDropdownCommon {
+    constructor(parent, injector, _renderer, _elementRef) {
+        super(parent, injector, _renderer, _elementRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDropdownComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacDropdownComponent, isStandalone: true, selector: "sac-dropdown", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: SacDropdownComponent,
+            },
+            {
+                provide: NG_VALIDATORS,
+                multi: true,
+                useExisting: forwardRef(() => SacDropdownComponent),
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <select #dropdownitem id=\"{{name}}\" name=\"{{name}}\" class=\"form-control\"\r\n            (blur)=\"onTouch()\" (change)=\"setValue(dropdownitem.value)\" [disabled]=\"isdisabled\">\r\n\r\n      <option *ngIf=\"emptylabel !== ''\" [ngValue]=\"emptyvalue\">{{emptylabel}}</option>\r\n\r\n      <ng-content></ng-content>\r\n\r\n      <ng-container *ngIf=\"groupitems === ''\">\r\n        <option *ngFor=\"let item of options\" [ngValue]=\"optionvalue ? item[optionvalue] : item\"\r\n                [disabled]=\"optionenabled !== '' && item[optionenabled] === false\">\r\n\r\n          <ng-template *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel], item: item }\">\r\n          </ng-template>\r\n\r\n        </option>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"groupitems !== ''\">\r\n        <optgroup *ngFor=\"let group of options\" [attr.label]=\"group[grouplabel]\">\r\n          <option *ngFor=\"let item of group[groupitems]\" [ngValue]=\"optionvalue ? item[optionvalue] : item\"\r\n                  [disabled]=\"optionenabled !== '' && item[optionenabled] === false\">\r\n\r\n            <ng-template *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel], item: item }\">\r\n            </ng-template>\r\n\r\n          </option>\r\n        </optgroup>\r\n      </ng-container>\r\n\r\n\r\n    </select>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</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", dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return FormsModule; }) }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgSelectOption; }), selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.ɵNgSelectMultipleOption; }), selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i0.forwardRef(function () { return SacDropdownOptionDirective; }), selector: "option,[sacOption]" }, { kind: "directive", type: i0.forwardRef(function () { return NgFor; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i0.forwardRef(function () { return AsyncPipe; }), name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-dropdown', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacDropdownComponent,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            multi: true,
+                            useExisting: forwardRef(() => SacDropdownComponent),
+                        },
+                    ], standalone: true, imports: [
+                        NgClass,
+                        NgIf,
+                        FormsModule,
+                        forwardRef(() => SacDropdownOptionDirective),
+                        NgFor,
+                        NgTemplateOutlet,
+                        AsyncPipe,
+                    ], template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <select #dropdownitem id=\"{{name}}\" name=\"{{name}}\" class=\"form-control\"\r\n            (blur)=\"onTouch()\" (change)=\"setValue(dropdownitem.value)\" [disabled]=\"isdisabled\">\r\n\r\n      <option *ngIf=\"emptylabel !== ''\" [ngValue]=\"emptyvalue\">{{emptylabel}}</option>\r\n\r\n      <ng-content></ng-content>\r\n\r\n      <ng-container *ngIf=\"groupitems === ''\">\r\n        <option *ngFor=\"let item of options\" [ngValue]=\"optionvalue ? item[optionvalue] : item\"\r\n                [disabled]=\"optionenabled !== '' && item[optionenabled] === false\">\r\n\r\n          <ng-template *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel], item: item }\">\r\n          </ng-template>\r\n\r\n        </option>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"groupitems !== ''\">\r\n        <optgroup *ngFor=\"let group of options\" [attr.label]=\"group[grouplabel]\">\r\n          <option *ngFor=\"let item of group[groupitems]\" [ngValue]=\"optionvalue ? item[optionvalue] : item\"\r\n                  [disabled]=\"optionenabled !== '' && item[optionenabled] === false\">\r\n\r\n            <ng-template *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel], item: item }\">\r\n            </ng-template>\r\n\r\n          </option>\r\n        </optgroup>\r\n      </ng-container>\r\n\r\n\r\n    </select>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</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" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
+class SacDropdownOptionDirective extends SacDropdownOptionCommon {
+    constructor(_elementRef, _renderer, dropdownList) {
+        super(_elementRef, _renderer, dropdownList);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDropdownOptionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SacDropdownComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SacDropdownOptionDirective, isStandalone: true, selector: "option,[sacOption]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDropdownOptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'option,[sacOption]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SacDropdownComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }] }]; } });
+
+class SacListboxComponent extends SacListboxCommon {
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacListboxComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacListboxComponent, isStandalone: true, selector: "sac-listbox", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacListboxComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacListboxComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <!-- <div class=\"col-12\" [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"> -->\r\n    <select multiple id=\"{{name}}\" name=\"{{name}}\" class=\"form-control\" [size]=\"rowsize\"\r\n            (blur)=\"onTouch()\" (change)=\"getSelectedItems($event.target)\" [disabled]=\"isdisabled\">\r\n      <ng-content></ng-content>\r\n      <ng-container *ngIf=\"groupitems === ''\">\r\n        <option *ngFor=\"let option of options\" [value]=\"option[optionvalue]\" [disabled]=\"optionenabled !== '' && option[optionenabled] === false\">\r\n\r\n          <ng-template *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: option[optionlabel] }\">\r\n          </ng-template>\r\n\r\n        </option>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"groupitems !== ''\">\r\n        <optgroup *ngFor=\"let option of options\" [attr.label]=\"option[grouplabel]\">\r\n          <option *ngFor=\"let item of option[groupitems]\" [value]=\"item[optionvalue]\" [disabled]=\"optionenabled !== '' && item[optionenabled] === false\">\r\n\r\n            <ng-template *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel] }\">\r\n            </ng-template>\r\n\r\n          </option>\r\n        </optgroup>\r\n      </ng-container>\r\n    </select>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</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", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: SacDropdownOptionDirective, selector: "option,[sacOption]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacListboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-listbox', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacListboxComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacListboxComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf, NgFor, FormsModule, SacDropdownOptionDirective, NgTemplateOutlet, AsyncPipe], template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <!-- <div class=\"col-12\" [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"> -->\r\n    <select multiple id=\"{{name}}\" name=\"{{name}}\" class=\"form-control\" [size]=\"rowsize\"\r\n            (blur)=\"onTouch()\" (change)=\"getSelectedItems($event.target)\" [disabled]=\"isdisabled\">\r\n      <ng-content></ng-content>\r\n      <ng-container *ngIf=\"groupitems === ''\">\r\n        <option *ngFor=\"let option of options\" [value]=\"option[optionvalue]\" [disabled]=\"optionenabled !== '' && option[optionenabled] === false\">\r\n\r\n          <ng-template *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: option[optionlabel] }\">\r\n          </ng-template>\r\n\r\n        </option>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"groupitems !== ''\">\r\n        <optgroup *ngFor=\"let option of options\" [attr.label]=\"option[grouplabel]\">\r\n          <option *ngFor=\"let item of option[groupitems]\" [value]=\"item[optionvalue]\" [disabled]=\"optionenabled !== '' && item[optionenabled] === false\">\r\n\r\n            <ng-template *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel] }\">\r\n            </ng-template>\r\n\r\n          </option>\r\n        </optgroup>\r\n      </ng-container>\r\n    </select>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</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" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; } });
+
+class SACBootstrap3ListModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ListModule, imports: [CommonModule,
+            FormsModule,
+            SacDropdownComponent,
+            SacDropdownOptionDirective,
+            SacListboxComponent], exports: [SacDropdownComponent,
+            SacDropdownOptionDirective,
+            SacListboxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ListModule, imports: [CommonModule,
+            FormsModule,
+            SacDropdownComponent,
+            SacListboxComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        SacDropdownComponent,
+                        SacDropdownOptionDirective,
+                        SacListboxComponent,
+                    ],
+                    exports: [
+                        SacDropdownComponent,
+                        SacDropdownOptionDirective,
+                        SacListboxComponent,
+                    ],
+                }]
+        }] });
+
+class SacValidationSummaryComponent extends SacValidationSummaryCommon {
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacValidationSummaryComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacValidationSummaryComponent, isStandalone: true, selector: "sac-validationsummary", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: SacValidationSummaryComponent
+            }
+        ], usesInheritance: true, ngImport: i0, 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", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], viewProviders: [{ provide: ControlContainer, useExisting: SacFormDirective }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacValidationSummaryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-validationsummary', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacValidationSummaryComponent
+                        }
+                    ], viewProviders: [{ provide: ControlContainer, useExisting: SacFormDirective }], standalone: true, imports: [NgIf, NgFor, AsyncPipe], 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" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; } });
+
+class SACBootstrap3ValidationSummaryModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ValidationSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ValidationSummaryModule, imports: [CommonModule,
+            SacValidationSummaryComponent], exports: [SacValidationSummaryComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ValidationSummaryModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ValidationSummaryModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SacValidationSummaryComponent
+                    ],
+                    exports: [SacValidationSummaryComponent]
+                }]
+        }] });
+
+class SacTabItemComponent extends SacTabItemCommon {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTabItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacTabItemComponent, isStandalone: true, selector: "sac-tabitem", usesInheritance: true, ngImport: i0, 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", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTabItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-tabitem', standalone: true, imports: [NgIf, NgTemplateOutlet], 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();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacTabComponent, isStandalone: true, selector: "sac-tab", queries: [{ propertyName: "_tabItems", predicate: SacTabItemComponent }], usesInheritance: true, ngImport: i0, 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", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-tab', standalone: true, imports: [NgFor, NgClass, NgStyle, NgTemplateOutlet], 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" }]
+        }], propDecorators: { _tabItems: [{
+                type: ContentChildren,
+                args: [SacTabItemComponent]
+            }] } });
+
+class SACBootstrap3TabsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TabsModule, imports: [CommonModule,
+            SacTabComponent, SacTabItemComponent], exports: [SacTabComponent, SacTabItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TabsModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TabsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SacTabComponent, SacTabItemComponent
+                    ],
+                    exports: [SacTabComponent, SacTabItemComponent]
+                }]
+        }] });
+
+/**
+ * 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 {
+    /**
+     * Konstrukor
+     * @param parent SacFormular Instanz
+     * @param injector Component Injector
+     */
+    constructor(cdRef, ref) {
+        super(cdRef, ref);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacTooltipComponent, isStandalone: true, selector: "sac-tooltip", usesInheritance: true, ngImport: i0, template: "<div [style.display]=\"inlinemode ? 'inline' : null\">\r\n  <div #container (mouseenter)=\"ShowTooltip()\" (mouseleave)=\"HideTooltip()\" [style.display]=\"inlinemode ? 'inline' : null\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div *ngIf=\"IsTooltipVisible()\" [style.visibility]=\"IsTooltipContentVisible ? 'visible' : 'hidden'\" #tooltip class=\"tooltip in\" style=\"display: block;\"\r\n       [style.left.px]=\"LeftPos\" [style.top.px]=\"TopPos\"\r\n       [class.top]=\"GetTooltipPosition() === TooltipPosition.top\" [class.left]=\"GetTooltipPosition() === TooltipPosition.left\"\r\n       [class.right]=\"GetTooltipPosition() === TooltipPosition.right\" [class.bottom]=\"GetTooltipPosition() === TooltipPosition.bottom\">\r\n    <div class=\"tooltip-arrow\" style=\"top: 50%;\"></div>\r\n    <div class=\"tooltip-inner\">\r\n      {{tooltiptext}}\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-tooltip', standalone: true, imports: [NgIf], template: "<div [style.display]=\"inlinemode ? 'inline' : null\">\r\n  <div #container (mouseenter)=\"ShowTooltip()\" (mouseleave)=\"HideTooltip()\" [style.display]=\"inlinemode ? 'inline' : null\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div *ngIf=\"IsTooltipVisible()\" [style.visibility]=\"IsTooltipContentVisible ? 'visible' : 'hidden'\" #tooltip class=\"tooltip in\" style=\"display: block;\"\r\n       [style.left.px]=\"LeftPos\" [style.top.px]=\"TopPos\"\r\n       [class.top]=\"GetTooltipPosition() === TooltipPosition.top\" [class.left]=\"GetTooltipPosition() === TooltipPosition.left\"\r\n       [class.right]=\"GetTooltipPosition() === TooltipPosition.right\" [class.bottom]=\"GetTooltipPosition() === TooltipPosition.bottom\">\r\n    <div class=\"tooltip-arrow\" style=\"top: 50%;\"></div>\r\n    <div class=\"tooltip-inner\">\r\n      {{tooltiptext}}\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; } });
+
+class SACBootstrap3TooltipModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TooltipModule, imports: [CommonModule, CommonModule,
+            SacTooltipComponent], exports: [SacTooltipComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TooltipModule, imports: [CommonModule, CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule, CommonModule,
+                        SacTooltipComponent
+                    ],
+                    exports: [SacTooltipComponent]
+                }]
+        }] });
+
+class SacInputComponent extends SacInputCommon {
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacInputComponent, isStandalone: true, selector: "sac-input", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <input id=\"{{name}}\" name=\"{{name}}\" type=\"text\" class=\"form-control\"\r\n           [value]=\"value\" [attr.placeholder]=\"placeholder\" (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n           [attr.maxlength]=\"maxlength\" [ngClass]=\"{'language-specific': islanguagespecific }\" [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n    <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n    </div>\r\n  </div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-input', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf, AsyncPipe], template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <input id=\"{{name}}\" name=\"{{name}}\" type=\"text\" class=\"form-control\"\r\n           [value]=\"value\" [attr.placeholder]=\"placeholder\" (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n           [attr.maxlength]=\"maxlength\" [ngClass]=\"{'language-specific': islanguagespecific }\" [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n    <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n    </div>\r\n  </div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.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 {
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputAreaComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacInputAreaComponent, isStandalone: true, selector: "sac-inputarea", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputAreaComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputAreaComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <textarea id=\"{{name}}\" name=\"{{name}}\" type=\"\" class=\"form-control\" [value]=\"value\" [attr.placeholder]=\"placeholder\"\r\n              (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n              (keypress)=\"onKeyPress($event)\" [attr.rows]=\"rows\"\r\n              [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n              [class.validation-error]=\"invalid && (dirty || touched)\"\r\n              [class.language-specific]=\"islanguagespecific\"\r\n              [class.required]=\"isrequired\"\r\n              [disabled]=\"isdisabled\" [readonly]=\"readonly\"></textarea>\r\n    <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-inputarea', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputAreaComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputAreaComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf, AsyncPipe], template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <textarea id=\"{{name}}\" name=\"{{name}}\" type=\"\" class=\"form-control\" [value]=\"value\" [attr.placeholder]=\"placeholder\"\r\n              (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n              (keypress)=\"onKeyPress($event)\" [attr.rows]=\"rows\"\r\n              [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n              [class.validation-error]=\"invalid && (dirty || touched)\"\r\n              [class.language-specific]=\"islanguagespecific\"\r\n              [class.required]=\"isrequired\"\r\n              [disabled]=\"isdisabled\" [readonly]=\"readonly\"></textarea>\r\n    <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n\r\n" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; } });
+
+class SacInputCurrencyComponent extends SacInputCurrencyCommon {
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputCurrencyComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacInputCurrencyComponent, isStandalone: true, selector: "sac-inputcurrency", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputCurrencyComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputCurrencyComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <div class=\"input-group\">\r\n      <input id=\"{{name}}\" name=\"{{name}}\" type=\"text\" class=\"form-control\"\r\n             [value]=\"value\" [attr.placeholder]=\"placeholder\" (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n             (keypress)=\"onKeyPress($event)\" [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n      <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n      <div class=\"input-group-addon\">CHF</div>\r\n    </div>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputCurrencyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-inputcurrency', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputCurrencyComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputCurrencyComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf, AsyncPipe], template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <div class=\"input-group\">\r\n      <input id=\"{{name}}\" name=\"{{name}}\" type=\"text\" class=\"form-control\"\r\n             [value]=\"value\" [attr.placeholder]=\"placeholder\" (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n             (keypress)=\"onKeyPress($event)\" [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n      <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n      <div class=\"input-group-addon\">CHF</div>\r\n    </div>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; } });
+
+class SacInputDecimalComponent extends SacInputDecimalCommon {
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputDecimalComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacInputDecimalComponent, isStandalone: true, selector: "sac-inputdecimal", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputDecimalComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputDecimalComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <input id=\"{{name}}\" name=\"{{name}}\" type=\"text\" class=\"form-control\"\r\n           [value]=\"value\" [attr.placeholder]=\"placeholder\" (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n           (keypress)=\"onKeyPress($event)\" [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n    <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputDecimalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-inputdecimal', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputDecimalComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputDecimalComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf, AsyncPipe], template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <input id=\"{{name}}\" name=\"{{name}}\" type=\"text\" class=\"form-control\"\r\n           [value]=\"value\" [attr.placeholder]=\"placeholder\" (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n           (keypress)=\"onKeyPress($event)\" [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n    <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; } });
+
+class SacInputEmailComponent extends SacInputEmailCommon {
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputEmailComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacInputEmailComponent, isStandalone: true, selector: "sac-inputemail", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputEmailComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputEmailComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <div class=\"input-group\">\r\n      <div class=\"input-group-addon\">@</div>\r\n      <input id=\"{{name}}\" name=\"{{name}}\" type=\"text\" class=\"form-control\"\r\n             [value]=\"value\" [attr.placeholder]=\"placeholder\" (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n             autocomplete=\"email\" [attr.maxlength]=\"maxlength\" [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n      <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    </div>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputEmailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-inputemail', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputEmailComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputEmailComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf, AsyncPipe], template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <div class=\"input-group\">\r\n      <div class=\"input-group-addon\">@</div>\r\n      <input id=\"{{name}}\" name=\"{{name}}\" type=\"text\" class=\"form-control\"\r\n             [value]=\"value\" [attr.placeholder]=\"placeholder\" (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n             autocomplete=\"email\" [attr.maxlength]=\"maxlength\" [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n      <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    </div>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; } });
+
+class SacInputIntegerComponent extends SacInputIntegerCommon {
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputIntegerComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacInputIntegerComponent, isStandalone: true, selector: "sac-inputinteger", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputIntegerComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputIntegerComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <input id=\"{{name}}\" name=\"{{name}}\" type=\"text\" class=\"form-control\" [value]=\"value\"\r\n           [attr.placeholder]=\"placeholder\" (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\" (keypress)=\"onKeyPress($event)\" [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n    <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputIntegerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-inputinteger', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputIntegerComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputIntegerComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf, AsyncPipe], template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <input id=\"{{name}}\" name=\"{{name}}\" type=\"text\" class=\"form-control\" [value]=\"value\"\r\n           [attr.placeholder]=\"placeholder\" (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\" (keypress)=\"onKeyPress($event)\" [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n    <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; } });
+
+class SacInputPasswordComponent extends SacInputPasswordCommon {
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputPasswordComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacInputPasswordComponent, isStandalone: true, selector: "sac-inputpassword", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputPasswordComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputPasswordComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <input id=\"{{name}}\" name=\"{{name}}\" class=\"form-control\" type=\"password\"\r\n           [value]=\"value\" [attr.placeholder]=\"placeholder\" (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n           [attr.maxlength]=\"maxlength\" autocomplete=\"new-password\" [ngClass]=\"{'language-specific': islanguagespecific }\"\r\n           [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n    <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-inputpassword', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputPasswordComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputPasswordComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf, AsyncPipe], template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <input id=\"{{name}}\" name=\"{{name}}\" class=\"form-control\" type=\"password\"\r\n           [value]=\"value\" [attr.placeholder]=\"placeholder\" (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n           [attr.maxlength]=\"maxlength\" autocomplete=\"new-password\" [ngClass]=\"{'language-specific': islanguagespecific }\"\r\n           [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n    <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; } });
+
+class SacInputSearchComponent extends SacInputSearchCommon {
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputSearchComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacInputSearchComponent, isStandalone: true, selector: "sac-inputsearch", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputSearchComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputSearchComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <div class=\"input-group\">\r\n      <input id=\"{{name}}\" name=\"{{name}}\" type=\"text\" class=\"form-control\"\r\n             [value]=\"value\" [attr.placeholder]=\"placeholder\"\r\n             (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n             [attr.maxlength]=\"maxlength\" [ngClass]=\"{'language-specific': islanguagespecific }\" [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n      <span class=\"input-group-btn\">\r\n        <input type=\"submit\" class=\"btn btn-default\" id=\"{{name}}_search\" (click)=\"searchClick()\" [value]=\"buttontext\" />\r\n      </span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-inputsearch', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputSearchComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacInputSearchComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf], template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <div class=\"input-group\">\r\n      <input id=\"{{name}}\" name=\"{{name}}\" type=\"text\" class=\"form-control\"\r\n             [value]=\"value\" [attr.placeholder]=\"placeholder\"\r\n             (blur)=\"onTouch()\" (input)=\"setValue($event.target.value)\"\r\n             [attr.maxlength]=\"maxlength\" [ngClass]=\"{'language-specific': islanguagespecific }\" [disabled]=\"isdisabled\" [readonly]=\"readonly\" />\r\n      <span class=\"input-group-btn\">\r\n        <input type=\"submit\" class=\"btn btn-default\" id=\"{{name}}_search\" (click)=\"searchClick()\" [value]=\"buttontext\" />\r\n      </span>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; } });
+
+class SACBootstrap3InputModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3InputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3InputModule, imports: [CommonModule, CommonModule, FormsModule, SACBootstrap3TooltipModule,
+            SacInputComponent, SacInputAreaComponent, SacInputCurrencyComponent, SacInputDecimalComponent, SacInputEmailComponent, SacInputIntegerComponent, SacInputPasswordComponent, SacInputSearchComponent], exports: [SacInputComponent, SacInputAreaComponent, SacInputCurrencyComponent, SacInputDecimalComponent, SacInputEmailComponent, SacInputIntegerComponent, SacInputPasswordComponent, SacInputSearchComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3InputModule, imports: [CommonModule, CommonModule, FormsModule, SACBootstrap3TooltipModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3InputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule, CommonModule, FormsModule, SACBootstrap3TooltipModule,
+                        SacInputComponent, SacInputAreaComponent, SacInputCurrencyComponent, SacInputDecimalComponent, SacInputEmailComponent, SacInputIntegerComponent, SacInputPasswordComponent, SacInputSearchComponent
+                    ],
+                    exports: [SacInputComponent, SacInputAreaComponent, SacInputCurrencyComponent, SacInputDecimalComponent, SacInputEmailComponent, SacInputIntegerComponent, SacInputPasswordComponent, SacInputSearchComponent]
+                }]
+        }] });
+
+class SacDateSelectorComponent extends SacDateSelectorCommon {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacDateSelectorComponent, isStandalone: true, selector: "sac-dateselector", usesInheritance: true, ngImport: i0, 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", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-dateselector', standalone: true, imports: [
+                        NgIf,
+                        NgFor,
+                        NgStyle,
+                        NgClass,
+                    ], 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" }]
+        }] });
+
+const moment = moment_["default"];
+class SacDateComponent extends SacDateCommon {
+    constructor(parent, injector, _elementRef) {
+        super(parent, injector, _elementRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacDateComponent, isStandalone: true, selector: "sac-date", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => SacDateComponent) },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacDateComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"form-group\"\r\n  [ngClass]=\"{'has-error': invalid && (dirty || touched)}\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isadaptivelabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"control-label\"\r\n    [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\r\n  >\r\n    <div style=\"position: relative; width: 140px\">\r\n      <div id=\"{{name}}\" class=\"datetime-textbox input-group\">\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          [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      <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=\"\r\n          display: block;\r\n          left: unset;\r\n          right: 0px;\r\n          top: 34px;\r\n          max-width: 325px;\r\n        \"\r\n      >\r\n        <div class=\"arrow\" style=\"left: unset; right: 10px\"></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", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: IMaskDirective, selector: "[imask]", inputs: ["imask", "unmask", "imaskElement"], outputs: ["accept", "complete"], exportAs: ["imask"] }, { kind: "component", type: SacDateSelectorComponent, selector: "sac-dateselector" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-date', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => SacDateComponent) },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacDateComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf, IMaskDirective, SacDateSelectorComponent, AsyncPipe], template: "<div\r\n  class=\"form-group\"\r\n  [ngClass]=\"{'has-error': invalid && (dirty || touched)}\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isadaptivelabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"control-label\"\r\n    [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\r\n  >\r\n    <div style=\"position: relative; width: 140px\">\r\n      <div id=\"{{name}}\" class=\"datetime-textbox input-group\">\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          [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      <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=\"\r\n          display: block;\r\n          left: unset;\r\n          right: 0px;\r\n          top: 34px;\r\n          max-width: 325px;\r\n        \"\r\n      >\r\n        <div class=\"arrow\" style=\"left: unset; right: 10px\"></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" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }, { type: i0.ElementRef }]; } });
+
+class SacDateTimeComponent extends SacDateTimeCommon {
+    constructor(parent, injector, _elementRef) {
+        super(parent, injector, _elementRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateTimeComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacDateTimeComponent, isStandalone: true, selector: "sac-datetime", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => SacDateTimeComponent) },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacDateTimeComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"form-group\"\r\n  [ngClass]=\"{'has-error': invalid && (dirty || touched)}\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isadaptivelabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"control-label\"\r\n    [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\r\n  >\r\n    <div style=\"position: relative; width: 180px\">\r\n      <div id=\"{{name}}\" class=\"datetime-textbox input-group\">\r\n        <input\r\n          id=\"{{name}}\"\r\n          name=\"{{name}}\"\r\n          type=\"text\"\r\n          class=\"form-control\"\r\n          [imask]=\"imaskDate\"\r\n          [attr.placeholder]=\"placeholder\"\r\n          [value]=\"valuestring\"\r\n          [ngClass]=\"{'is-invalid': invalid && (dirty || touched) }\"\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      <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=\"\r\n          display: block;\r\n          left: unset;\r\n          right: 0px;\r\n          top: 34px;\r\n          max-width: 325px;\r\n        \"\r\n      >\r\n        <div class=\"arrow\" style=\"left: unset; right: 10px\"></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", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: IMaskDirective, selector: "[imask]", inputs: ["imask", "unmask", "imaskElement"], outputs: ["accept", "complete"], exportAs: ["imask"] }, { kind: "component", type: SacDateSelectorComponent, selector: "sac-dateselector" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-datetime', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => SacDateTimeComponent) },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacDateTimeComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf, IMaskDirective, SacDateSelectorComponent, AsyncPipe], template: "<div\r\n  class=\"form-group\"\r\n  [ngClass]=\"{'has-error': invalid && (dirty || touched)}\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isadaptivelabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"control-label\"\r\n    [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\r\n  >\r\n    <div style=\"position: relative; width: 180px\">\r\n      <div id=\"{{name}}\" class=\"datetime-textbox input-group\">\r\n        <input\r\n          id=\"{{name}}\"\r\n          name=\"{{name}}\"\r\n          type=\"text\"\r\n          class=\"form-control\"\r\n          [imask]=\"imaskDate\"\r\n          [attr.placeholder]=\"placeholder\"\r\n          [value]=\"valuestring\"\r\n          [ngClass]=\"{'is-invalid': invalid && (dirty || touched) }\"\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      <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=\"\r\n          display: block;\r\n          left: unset;\r\n          right: 0px;\r\n          top: 34px;\r\n          max-width: 325px;\r\n        \"\r\n      >\r\n        <div class=\"arrow\" style=\"left: unset; right: 10px\"></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" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }, { type: i0.ElementRef }]; } });
+
+class SacTimeComponent extends SacTimeCommon {
+    constructor(parent, injector, _elementRef) {
+        super(parent, injector, _elementRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTimeComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacTimeComponent, isStandalone: true, selector: "sac-time", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => SacTimeComponent) },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacTimeComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"form-group\"\r\n  [ngClass]=\"{'has-error': invalid && (dirty || touched)}\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isadaptivelabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"control-label\"\r\n    [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\r\n  >\r\n    <div style=\"position: relative; width: 140px\">\r\n      <div class=\"input-group\">\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      <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=\"\r\n          display: block;\r\n          left: unset;\r\n          right: 0px;\r\n          top: 34px;\r\n          max-width: 325px;\r\n        \"\r\n      >\r\n        <div class=\"arrow\" style=\"left: unset; right: 10px\"></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", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: IMaskDirective, selector: "[imask]", inputs: ["imask", "unmask", "imaskElement"], outputs: ["accept", "complete"], exportAs: ["imask"] }, { kind: "component", type: SacDateSelectorComponent, selector: "sac-dateselector" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-time', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => SacTimeComponent) },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacTimeComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf, IMaskDirective, SacDateSelectorComponent, AsyncPipe], template: "<div\r\n  class=\"form-group\"\r\n  [ngClass]=\"{'has-error': invalid && (dirty || touched)}\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isadaptivelabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"control-label\"\r\n    [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\r\n  >\r\n    <div style=\"position: relative; width: 140px\">\r\n      <div class=\"input-group\">\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      <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=\"\r\n          display: block;\r\n          left: unset;\r\n          right: 0px;\r\n          top: 34px;\r\n          max-width: 325px;\r\n        \"\r\n      >\r\n        <div class=\"arrow\" style=\"left: unset; right: 10px\"></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" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }, { type: i0.ElementRef }]; } });
+
+class SACBootstrap3DateTimeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3DateTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3DateTimeModule, imports: [CommonModule, IMaskModule,
+            SacDateComponent, SacDateTimeComponent, SacTimeComponent, SacDateSelectorComponent], exports: [SacDateComponent, SacDateTimeComponent, SacTimeComponent, SacDateSelectorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3DateTimeModule, imports: [CommonModule, IMaskModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3DateTimeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule, IMaskModule,
+                        SacDateComponent, SacDateTimeComponent, SacTimeComponent, SacDateSelectorComponent
+                    ],
+                    exports: [SacDateComponent, SacDateTimeComponent, SacTimeComponent, SacDateSelectorComponent]
+                }]
+        }] });
+
+class SacTinyMceComponent extends SacTinyMceCommon {
+    /**
+     * Konstruktor
+     * @param parent Formular
+     * @param injector Angular Dependency Injection Service
+     * @param ngZone ngZone
+     */
+    constructor(parent, injector, ngZone) {
+        super(parent, injector, ngZone);
+    }
+    /**
+     * overwrite tinymce defaults
+     * @returns boostrap3 does not support file browser
+     */
+    overwriteDefaultSettings() {
+        return { file_picker_types: undefined, file_picker_callback: undefined };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTinyMceComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacTinyMceComponent, isStandalone: true, selector: "sac-tinymce", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: SacTinyMceComponent,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => SacTinyMceComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-row form-group\">\r\n  <div\r\n    class=\"col\"\r\n    [ngClass]=\"[disablelabel === false ?  'col-md-' + labelsize : 'sr-only' ]\"\r\n  >\r\n    <label for=\"{{name}}\" class=\"form-control-label\">{{label}}</label>\r\n  </div>\r\n  <div\r\n    class=\"col-12\"\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\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    ></editor>\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('TINYMCE_FILESELECT_DIALOGTITLE') | 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('TINYMCE_FILESELECT_OK') | async }}\"\r\n      (clicked)=\"setSelectDialogResult()\"\r\n    ></sac-button>\r\n    <sac-button\r\n      [name]=\"name + '_modalClose'\"\r\n      text=\"{{ lngResourceService.GetString('TINYMCE_FILESELECT_CANCEL') | async }}\"\r\n      (clicked)=\"closeSelectDialog()\"\r\n    ></sac-button>\r\n  </ng-container>\r\n</sac-dialog>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: EditorComponent, selector: "editor", inputs: ["cloudChannel", "apiKey", "init", "id", "initialValue", "outputFormat", "inline", "tagName", "plugins", "toolbar", "modelEvents", "allowedEvents", "ignoreEvents", "disabled"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SacDialogComponent, selector: "sac-dialog", inputs: ["zindex"] }, { kind: "component", type: SacButtonComponent, selector: "sac-button" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTinyMceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-tinymce', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacTinyMceComponent,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => SacTinyMceComponent),
+                            multi: true,
+                        },
+                    ], standalone: true, imports: [
+                        NgClass,
+                        EditorComponent,
+                        FormsModule,
+                        NgIf,
+                        SacDialogComponent,
+                        SacButtonComponent,
+                        AsyncPipe,
+                    ], template: "<div class=\"form-row form-group\">\r\n  <div\r\n    class=\"col\"\r\n    [ngClass]=\"[disablelabel === false ?  'col-md-' + labelsize : 'sr-only' ]\"\r\n  >\r\n    <label for=\"{{name}}\" class=\"form-control-label\">{{label}}</label>\r\n  </div>\r\n  <div\r\n    class=\"col-12\"\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\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    ></editor>\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('TINYMCE_FILESELECT_DIALOGTITLE') | 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('TINYMCE_FILESELECT_OK') | async }}\"\r\n      (clicked)=\"setSelectDialogResult()\"\r\n    ></sac-button>\r\n    <sac-button\r\n      [name]=\"name + '_modalClose'\"\r\n      text=\"{{ lngResourceService.GetString('TINYMCE_FILESELECT_CANCEL') | async }}\"\r\n      (clicked)=\"closeSelectDialog()\"\r\n    ></sac-button>\r\n  </ng-container>\r\n</sac-dialog>\r\n" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }, { type: i0.NgZone }]; } });
+
+class SACBootstrap3TinyMceModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TinyMceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TinyMceModule, imports: [SacTinyMceComponent], exports: [SacTinyMceComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TinyMceModule, imports: [SacTinyMceComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TinyMceModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SacTinyMceComponent],
+                    exports: [SacTinyMceComponent],
+                }]
+        }] });
+
+class SacStaticLabelComponent extends SacStaticLabelCommon {
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacStaticLabelComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacStaticLabelComponent, isStandalone: true, selector: "sac-staticlabel", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacStaticLabelComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacStaticLabelComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <div class=\"form-control-static\" [innerHTML]=\"value\">\r\n    </div>\r\n    <label for=\"{{name}}\" class=\"col-left control-label\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacStaticLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-staticlabel', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacStaticLabelComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacStaticLabelComponent) }
+                    ], standalone: true, imports: [NgIf, NgClass], template: "<div class=\"form-group\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <div class=\"form-control-static\" [innerHTML]=\"value\">\r\n    </div>\r\n    <label for=\"{{name}}\" class=\"col-left control-label\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; } });
+
+/**
+ * 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 {
+    /**
+     * Konsturktor
+     * @param parent Parent SacFormular Instanz
+     * @param injector Injector Instanz
+     */
+    constructor(parent, injector) {
+        super(parent, injector);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacStaticFormContainerComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacStaticFormContainerComponent, isStandalone: true, selector: "sac-staticformcontainer", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacStaticFormContainerComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacStaticFormContainerComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <ng-content></ng-content>\r\n    <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacStaticFormContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-staticformcontainer', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacStaticFormContainerComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacStaticFormContainerComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf, AsyncPipe], template: "<div class=\"form-group\" [ngClass]=\"{'has-error': invalid && (dirty || touched)}\">\r\n  <label *ngIf=\"disablelabel === false && !isadaptivelabel\" id=\"{{name}}label\" for=\"{{name}}\" class=\"control-label\" [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\" [class.required]=\"isrequired\">{{label}}</label>\r\n  <div [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\">\r\n    <ng-content></ng-content>\r\n    <label for=\"{{name}}\" class=\"form-label-adaptive form-label-fixed\" [ngClass]=\"{ 'required': isrequired }\" *ngIf=\"isadaptivelabel && !disablelabel\">{{label}}</label>\r\n    <div class=\"help-block help-block-error\" *ngIf=\"IsInlineErrorEnabled && invalid && (dirty || touched)\">{{ GetErrorMessage() | async }}</div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }]; } });
+
+class SACBootstrap3StaticLabelModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3StaticLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3StaticLabelModule, imports: [CommonModule, SACBootstrap3TooltipModule,
+            SacStaticLabelComponent, SacStaticFormContainerComponent], exports: [SacStaticLabelComponent, SacStaticFormContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3StaticLabelModule, imports: [CommonModule, SACBootstrap3TooltipModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3StaticLabelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule, SACBootstrap3TooltipModule,
+                        SacStaticLabelComponent, SacStaticFormContainerComponent
+                    ],
+                    exports: [SacStaticLabelComponent, SacStaticFormContainerComponent]
+                }]
+        }] });
+
+class SacWizardItemComponent extends SacWizardItemCommon {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacWizardItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacWizardItemComponent, isStandalone: true, selector: "sac-wizarditem", usesInheritance: true, ngImport: i0, template: "" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacWizardItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-wizarditem', standalone: true, template: "" }]
+        }] });
+
+class SacWizardComponent extends SacWizardCommon {
+    wizardItems() {
+        return this._wizardItems;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacWizardComponent, isStandalone: true, selector: "sac-wizard", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacWizardComponent }
+        ], queries: [{ propertyName: "_wizardItems", predicate: SacWizardItemComponent }], usesInheritance: true, ngImport: i0, 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", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacWizardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-wizard', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacWizardComponent }
+                    ], standalone: true, imports: [
+                        NgFor,
+                        NgClass,
+                        NgStyle,
+                    ], 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" }]
+        }], propDecorators: { _wizardItems: [{
+                type: ContentChildren,
+                args: [SacWizardItemComponent]
+            }] } });
+
+class SACBootstrap3WizardModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3WizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3WizardModule, imports: [CommonModule,
+            SacWizardComponent, SacWizardItemComponent], exports: [SacWizardComponent, SacWizardItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3WizardModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3WizardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SacWizardComponent, SacWizardItemComponent
+                    ],
+                    exports: [SacWizardComponent, SacWizardItemComponent]
+                }]
+        }] });
+
+// https://github.com/kukhariev/ngx-uploadx/
+class SacUploadComponent extends SacUploadSingleCommon {
+    constructor(parent, injector, renderer, ngZone) {
+        super(parent, injector, renderer, ngZone);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacUploadComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacUploadComponent, isStandalone: true, selector: "sac-upload", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacUploadComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacUploadComponent) }
+        ], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"form-group\"\r\n  [ngClass]=\"{'has-error': invalid && (dirty || touched)}\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isadaptivelabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"control-label\"\r\n    [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\r\n  >\r\n    <div class=\"input-group upload-component upload-single\">\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            >{{ lngResourceService.GetString('UPLOAD_BUTTON_BROWSE') | async\r\n            }}</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('UPLOAD_BUTTON_UPLOAD') | async }}\r\n        </a>\r\n      </div>\r\n    </div>\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", styles: [".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{inset:0;position:absolute;overflow:hidden;z-index:2;width:100%;margin:0;display:inline-block;opacity:0}.upload-component.upload-multiple .upload-progress .progress{border-top-right-radius:0;border-bottom-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{position:absolute;left:0;right:0;line-height:34px;height:34px;color:#000}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-upload', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacUploadComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacUploadComponent) }
+                    ], standalone: true, imports: [NgClass, NgIf, AsyncPipe], template: "<div\r\n  class=\"form-group\"\r\n  [ngClass]=\"{'has-error': invalid && (dirty || touched)}\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isadaptivelabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"control-label\"\r\n    [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\r\n  >\r\n    <div class=\"input-group upload-component upload-single\">\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            >{{ lngResourceService.GetString('UPLOAD_BUTTON_BROWSE') | async\r\n            }}</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('UPLOAD_BUTTON_UPLOAD') | async }}\r\n        </a>\r\n      </div>\r\n    </div>\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", styles: [".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{inset:0;position:absolute;overflow:hidden;z-index:2;width:100%;margin:0;display:inline-block;opacity:0}.upload-component.upload-multiple .upload-progress .progress{border-top-right-radius:0;border-bottom-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{position:absolute;left:0;right:0;line-height:34px;height:34px;color:#000}\n"] }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }, { type: i0.Renderer2 }, { type: i0.NgZone }]; } });
+
+// https://github.com/kukhariev/ngx-uploadx/
+class SacUploadMultipleComponent extends SacUploadMultipleCommon {
+    constructor(parent, injector, renderer, ngZone) {
+        super(parent, injector, renderer, ngZone);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacUploadMultipleComponent, deps: [{ token: SacFormDirective, host: true, optional: true }, { token: i0.Injector }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacUploadMultipleComponent, isStandalone: true, selector: "sac-uploadmultiple", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: SacUploadMultipleComponent,
+            },
+            {
+                provide: NG_VALIDATORS,
+                multi: true,
+                useExisting: forwardRef(() => SacUploadMultipleComponent),
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"form-group\"\r\n  [ngClass]=\"{'has-error': invalid && (dirty || touched)}\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isadaptivelabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"control-label\"\r\n    [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\r\n  >\r\n    <div class=\"upload-component\">\r\n      <div class=\"row\">\r\n        <div class=\"col-xs-12\">\r\n          <div class=\"btn-group\">\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 class=\"btn-group\">\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('UPLOAD_BUTTON_UPLOAD') | 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 class=\"input-group upload-component upload-multiple\">\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 class=\"input-group-btn\">\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('UPLOAD_BUTTON_UPLOAD') | async }}\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\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", styles: [".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{inset:0;position:absolute;overflow:hidden;z-index:2;width:100%;margin:0;display:inline-block;opacity:0}.upload-component.upload-multiple .upload-progress .progress{border-top-right-radius:0;border-bottom-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{position:absolute;left:0;right:0;line-height:34px;height:34px;color:#000}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacUploadMultipleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-uploadmultiple', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacUploadMultipleComponent,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            multi: true,
+                            useExisting: forwardRef(() => SacUploadMultipleComponent),
+                        },
+                    ], standalone: true, imports: [
+                        NgClass,
+                        NgIf,
+                        NgFor,
+                        AsyncPipe,
+                    ], template: "<div\r\n  class=\"form-group\"\r\n  [ngClass]=\"{'has-error': invalid && (dirty || touched)}\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isadaptivelabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"control-label\"\r\n    [ngClass]=\"[labelsize !== 12 ?  'col-md-' + labelsize : 'sr-only']\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\"\r\n  >\r\n    <div class=\"upload-component\">\r\n      <div class=\"row\">\r\n        <div class=\"col-xs-12\">\r\n          <div class=\"btn-group\">\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 class=\"btn-group\">\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('UPLOAD_BUTTON_UPLOAD') | 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 class=\"input-group upload-component upload-multiple\">\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 class=\"input-group-btn\">\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('UPLOAD_BUTTON_UPLOAD') | async }}\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\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", styles: [".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{inset:0;position:absolute;overflow:hidden;z-index:2;width:100%;margin:0;display:inline-block;opacity:0}.upload-component.upload-multiple .upload-progress .progress{border-top-right-radius:0;border-bottom-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{position:absolute;left:0;right:0;line-height:34px;height:34px;color:#000}\n"] }]
+        }], ctorParameters: function () { return [{ type: SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }, { type: i0.Renderer2 }, { type: i0.NgZone }]; } });
+
+class SACBootstrap3UploadModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3UploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3UploadModule, imports: [CommonModule, FormsModule,
+            SacUploadComponent, SacUploadMultipleComponent], exports: [SacUploadComponent, SacUploadMultipleComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3UploadModule, imports: [CommonModule, FormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3UploadModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule, FormsModule,
+                        SacUploadComponent, SacUploadMultipleComponent
+                    ],
+                    exports: [SacUploadComponent, SacUploadMultipleComponent]
+                }]
+        }] });
+
+class SacConfirmComponent extends SacConfirmCommon {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacConfirmComponent, isStandalone: true, selector: "sac-confirm", usesInheritance: true, ngImport: i0, template: "<sac-dialog [(isvisible)]=\"isvisible\" [title]=\"title\" [allowesc]=\"false\" [closebutton]=\"false\">\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 [name]=\"button.key\" [text]=\"button.text\" (clicked)=\"confirm(button.key)\" style=\"margin-left: 15px;\"></sac-button>\r\n    </ng-container>\r\n  </div>\r\n</sac-dialog>\r\n", dependencies: [{ kind: "component", type: SacDialogComponent, selector: "sac-dialog", inputs: ["zindex"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SacButtonComponent, selector: "sac-button" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacConfirmComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-confirm', standalone: true, imports: [SacDialogComponent, NgIf, NgFor, SacButtonComponent], template: "<sac-dialog [(isvisible)]=\"isvisible\" [title]=\"title\" [allowesc]=\"false\" [closebutton]=\"false\">\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 [name]=\"button.key\" [text]=\"button.text\" (clicked)=\"confirm(button.key)\" style=\"margin-left: 15px;\"></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 {
+    /**
+     * 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;
+        /**
+         * Titel der im Dialog angezeigt werden soll.
+         */
+        this.title = '';
+        /**
+         * Message die in Dialog angezeigt werden soll.
+         */
+        this.message = '';
+        /**
+         * Collection von Buttons die angezeigt werden müssen.
+         */
+        this.buttons = [];
+    }
+    /**
+     * Erzeugen einer Component Factory für einen Dialog
+     */
+    GetComponentFactory() {
+        return this.componentFactoryResolver.resolveComponentFactory(SacConfirmComponent);
+    }
+    /**
+     * 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;
+    }
+    /**
+     * 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)) {
+            // TODO: Text von Localisation Service beziehen
+            this.buttons = [];
+            this.buttons.push(new SacConfirmButton('yes', 'Ja'));
+            this.buttons.push(new SacConfirmButton('no', 'Nein'));
+        }
+        else {
+            this.buttons = buttons;
+        }
+        return super.Confirm();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ServiceConfirm, deps: [{ token: ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ServiceConfirm }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ServiceConfirm, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver, decorators: [{
+                    type: Inject,
+                    args: [ComponentFactoryResolver]
+                }] }, { type: i0.ApplicationRef }, { type: i0.Injector }]; } });
+
+/**
+ *  Module für Confirm Messages
+ *
+ *  In NgModule der Applikation folgenden Eintrag bei Imports einfügen: ExanicBootstrap3ConfirmModule.forRoot()
+ *
+ */
+class SACBootstrap3ConfirmModule {
+    static forRoot() {
+        return {
+            ngModule: SACBootstrap3ConfirmModule,
+            providers: [ServiceConfirm],
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ConfirmModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ConfirmModule, imports: [SacConfirmComponent], exports: [SacConfirmComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ConfirmModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3ConfirmModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SacConfirmComponent],
+                    exports: [SacConfirmComponent],
+                }]
+        }] });
+
+/**
+ * Factory Methode für SacForm
+ * @param form NgFormular
+ */
+function SACFORM_FACTORY(form) {
+    return form;
+}
+/**
+ * Factory Methode für NgForm
+ * @param form NgForm
+ */
+function NGFORM_FACTORY(form) {
+    return form;
+}
+/**
+ * Directive zum erben eines NgForm/NgFormular einer übergeordneten Komponente
+ *
+ * @example Implementation in Markup
+ *
+ * <div sacInheritForm>
+ * </div>
+ *
+ * @example Model an Sub-Komponente übergeben
+ *
+ * <div sacInheritForm>
+ * <div>SubForm</div>
+ * <div>
+ *  <ngInput [(ngModel)]="mymodel.fieldarea2" name="subformField3" label="field 3" [isrequired]="true"></ngInput>
+ * </div>
+ * </div>
+ *
+ *
+ * (at)Component({
+ * selector: 'sacInheritForm',
+ * templateUrl: './subform.component.html'
+ * })
+ * export class SubFormComponent implements DoCheck {
+ *
+ * (at)Input() mymodel;
+ * (at)Output() mymodelChange = new EventEmitter();
+ *
+ * ngDoCheck() {
+ *   this.mymodelChange.next(this.mymodel);
+ * }
+ *}
+ *
+ */
+class SacInheritFormDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInheritFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SacInheritFormDirective, isStandalone: true, selector: "[sacInheritForm]", providers: [
+            {
+                provide: SacFormDirective,
+                useFactory: SACFORM_FACTORY,
+                deps: [[new SkipSelf(), SacFormDirective]]
+            }, {
+                provide: ControlContainer,
+                useFactory: NGFORM_FACTORY,
+                deps: [NgForm]
+            }
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInheritFormDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sacInheritForm]',
+                    providers: [
+                        {
+                            provide: SacFormDirective,
+                            useFactory: SACFORM_FACTORY,
+                            deps: [[new SkipSelf(), SacFormDirective]]
+                        }, {
+                            provide: ControlContainer,
+                            useFactory: NGFORM_FACTORY,
+                            deps: [NgForm]
+                        }
+                    ],
+                    standalone: true
+                }]
+        }] });
+
+class SACBootstrap3FormModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3FormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3FormModule, imports: [CommonModule,
+            FormsModule,
+            SacFormDirective, SacInheritFormDirective], exports: [SacFormDirective, SacInheritFormDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3FormModule, imports: [CommonModule,
+            FormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3FormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        SacFormDirective, SacInheritFormDirective
+                    ],
+                    exports: [
+                        SacFormDirective, SacInheritFormDirective
+                    ]
+                }]
+        }] });
+
+class SacPagingComponent extends SacPagingCommon {
+    /**
+     * Konstruktor
+     */
+    constructor(injector) { super(injector); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacPagingComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacPagingComponent, isStandalone: true, selector: "sac-paging", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacPagingComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacPagingComponent) }
+        ], usesInheritance: true, ngImport: i0, 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", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacPagingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-paging', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacPagingComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacPagingComponent) }
+                    ], standalone: true, imports: [NgClass, NgFor], 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" }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+
+class SacGridComponent extends SacGridCommon {
+    constructor() {
+        super(...arguments);
+        this.ellipsis = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacGridComponent, isStandalone: true, selector: "sac-grid", providers: [
+            { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacGridComponent },
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacGridComponent) }
+        ], queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<table class=\"table table-striped table-condensed table-hover\" id={{name}}>\r\n  <thead>\r\n    <tr>\r\n      <ng-container *ngTemplateOutlet=\"template; context { row: {}, type: 'header'}\">\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 *ngTemplateOutlet=\"template; context { row: item, type: 'body'}\">\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>\r\n      <td [attr.colspan]=\"ColumnCount\">\r\n        <div class=\"container-fluid\">\r\n          <sac-paging name=\"{{name}}Paging\" (paging)=\"pageChange($event)\" [pagerdata]=\"pagerdata\" [pagingtext]=\"pagingtext\" [pagesizetext]=\"pagesizetext\"></sac-paging>\r\n        </div>\r\n      </td>\r\n    </tr>\r\n  </tbody>\r\n</table>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SacPagingComponent, selector: "sac-paging" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-grid', providers: [
+                        { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacGridComponent },
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacGridComponent) }
+                    ], standalone: true, imports: [NgTemplateOutlet, NgFor, NgIf, SacPagingComponent], template: "<table class=\"table table-striped table-condensed table-hover\" id={{name}}>\r\n  <thead>\r\n    <tr>\r\n      <ng-container *ngTemplateOutlet=\"template; context { row: {}, type: 'header'}\">\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 *ngTemplateOutlet=\"template; context { row: item, type: 'body'}\">\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>\r\n      <td [attr.colspan]=\"ColumnCount\">\r\n        <div class=\"container-fluid\">\r\n          <sac-paging name=\"{{name}}Paging\" (paging)=\"pageChange($event)\" [pagerdata]=\"pagerdata\" [pagingtext]=\"pagingtext\" [pagesizetext]=\"pagesizetext\"></sac-paging>\r\n        </div>\r\n      </td>\r\n    </tr>\r\n  </tbody>\r\n</table>\r\n" }]
+        }], propDecorators: { template: [{
+                type: ContentChild,
+                args: [TemplateRef, { static: true }]
+            }] } });
+
+class SacGridColumnComponent extends SacGridColumnCommon {
+    constructor(grid, injector, el) {
+        super(grid, injector, el);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridColumnComponent, deps: [{ token: SacGridComponent }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacGridColumnComponent, isStandalone: true, selector: "sac-gridcolumn", providers: [
+            {
+                provide: SacGridColumnBaseCommon,
+                useExisting: forwardRef(() => SacGridColumnComponent),
+            },
+        ], usesInheritance: true, ngImport: i0, 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", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-gridcolumn', providers: [
+                        {
+                            provide: SacGridColumnBaseCommon,
+                            useExisting: forwardRef(() => SacGridColumnComponent),
+                        },
+                    ], standalone: true, imports: [NgIf], 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" }]
+        }], ctorParameters: function () { return [{ type: SacGridComponent }, { type: i0.Injector }, { type: i0.ElementRef }]; } });
+
+/**
+ * Grid Action Button
+ *
+ * @example Standard Action
+ *
+ * <ngGridButton icon="edit" (clicked)="action('edit')" [isdisabled]="true"></ngGridButton>
+ *
+ * @example Custom Action
+ *
+ * <ngGridButton iconstyle="sprite" icon="icon-sprite-base-main_info" (clicked)="action('info')"></ngGridButton>
+ *
+ */
+class SacGridButtonComponent extends SacGridButtonCommon {
+    /**
+     * Gibt das Icon für den Button zurück
+     */
+    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();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacGridButtonComponent, isStandalone: true, selector: "sac-gridbutton", usesInheritance: true, ngImport: i0, template: "<a (click)=\"callaction()\" style=\"padding-right: 5px;\" [class.disabled]=\"isdisabled\" [attr.disabled]=\"isdisabled ? 'disabled' : null\"><span class=\"{{getIconClass()}}\"></span></a>\r\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-gridbutton', standalone: true, template: "<a (click)=\"callaction()\" style=\"padding-right: 5px;\" [class.disabled]=\"isdisabled\" [attr.disabled]=\"isdisabled ? 'disabled' : null\"><span class=\"{{getIconClass()}}\"></span></a>\r\n" }]
+        }] });
+
+class SacGridColumnActionComponent extends SacGridColumnActionCommon {
+    constructor(grid, injector, el) {
+        super(grid, injector, el);
+        this.width = '52px';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridColumnActionComponent, deps: [{ token: SacGridComponent }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacGridColumnActionComponent, isStandalone: true, selector: "sac-gridcolumnaction", providers: [
+            {
+                provide: SacGridColumnBaseCommon,
+                useExisting: forwardRef(() => SacGridColumnActionComponent),
+            },
+        ], usesInheritance: true, ngImport: i0, 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", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridColumnActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-gridcolumnaction', providers: [
+                        {
+                            provide: SacGridColumnBaseCommon,
+                            useExisting: forwardRef(() => SacGridColumnActionComponent),
+                        },
+                    ], standalone: true, imports: [NgIf], 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" }]
+        }], ctorParameters: function () { return [{ type: SacGridComponent }, { type: i0.Injector }, { type: i0.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;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacGridImageComponent, isStandalone: true, selector: "sac-gridimage", usesInheritance: true, ngImport: i0, template: "<span style=\"padding-right: 5px;\"><span class=\"{{getIconClass()}}\"></span></span>\r\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-gridimage', standalone: true, template: "<span style=\"padding-right: 5px;\"><span class=\"{{getIconClass()}}\"></span></span>\r\n" }]
+        }] });
+
+class SACBootstrap3GridModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3GridModule, imports: [CommonModule,
+            SacGridComponent, SacGridColumnComponent, SacGridColumnActionComponent, SacPagingComponent, SacGridButtonComponent, SacGridImageComponent], exports: [SacGridComponent, SacGridColumnComponent, SacGridColumnActionComponent, SacPagingComponent, SacGridButtonComponent, SacGridImageComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3GridModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3GridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SacGridComponent, SacGridColumnComponent, SacGridColumnActionComponent, SacPagingComponent, SacGridButtonComponent, SacGridImageComponent
+                    ],
+                    exports: [SacGridComponent, SacGridColumnComponent, SacGridColumnActionComponent, SacPagingComponent, SacGridButtonComponent, SacGridImageComponent]
+                }]
+        }] });
+
+class SacTreeViewChildComponent extends SacTreeViewChildCommon {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTreeViewChildComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacTreeViewChildComponent, isStandalone: true, selector: "sac-treeviewchild", usesInheritance: true, ngImport: i0, 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", dependencies: [{ kind: "component", type: SacTreeViewChildComponent, selector: "sac-treeviewchild" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTreeViewChildComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-treeviewchild', standalone: true, imports: [NgIf, NgFor, NgClass, NgTemplateOutlet, SacTreeViewChildComponent], 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 SacTreeViewComponent extends SacTreeViewCommon {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTreeViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacTreeViewComponent, isStandalone: true, selector: "sac-treeview", usesInheritance: true, ngImport: i0, 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", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SacTreeViewChildComponent, selector: "sac-treeviewchild" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTreeViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-treeview', standalone: true, imports: [
+                        NgIf,
+                        NgFor,
+                        NgClass,
+                        NgTemplateOutlet,
+                        SacTreeViewChildComponent,
+                    ], 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 SacTreeItemActionComponent extends SacTreeItemActionCommon {
+    constructor(el) {
+        super(el);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTreeItemActionComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacTreeItemActionComponent, isStandalone: true, selector: "sac-treeitemaction", usesInheritance: true, ngImport: i0, template: "<i class=\"{{transformClass(iconstyle)}}\" (mouseover)=\"item.hover=true\" (mouseout)=\"item.hover=false\" (click)=\"iconaction()\" ></i>" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTreeItemActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-treeitemaction', standalone: true, template: "<i class=\"{{transformClass(iconstyle)}}\" (mouseover)=\"item.hover=true\" (mouseout)=\"item.hover=false\" (click)=\"iconaction()\" ></i>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+class SACBootstrap3TtreeviewModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TtreeviewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TtreeviewModule, imports: [CommonModule,
+            SacTreeViewComponent,
+            SacTreeViewChildComponent,
+            SacTreeItemActionComponent], exports: [SacTreeViewComponent,
+            SacTreeViewChildComponent,
+            SacTreeItemActionComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TtreeviewModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3TtreeviewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SacTreeViewComponent,
+                        SacTreeViewChildComponent,
+                        SacTreeItemActionComponent,
+                    ],
+                    exports: [
+                        SacTreeViewComponent,
+                        SacTreeViewChildComponent,
+                        SacTreeItemActionComponent,
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of sac-bootstrap3
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NGFORM_FACTORY, SACBootstrap3ButtonModule, SACBootstrap3CheckboxModule, SACBootstrap3ConfirmModule, SACBootstrap3DateTimeModule, SACBootstrap3DialogModule, SACBootstrap3FormModule, SACBootstrap3GridModule, SACBootstrap3InputModule, SACBootstrap3ListModule, SACBootstrap3StaticLabelModule, SACBootstrap3TabsModule, SACBootstrap3TinyMceModule, SACBootstrap3TooltipModule, SACBootstrap3TtreeviewModule, SACBootstrap3UploadModule, SACBootstrap3ValidationSummaryModule, SACBootstrap3WizardModule, SACFORM_FACTORY, SacButtonComponent, SacCheckboxComponent, SacConfirmComponent, SacDateComponent, SacDateSelectorComponent, SacDateTimeComponent, SacDialogComponent, SacDropdownComponent, SacDropdownOptionDirective, SacFormDirective, SacGridButtonComponent, SacGridColumnActionComponent, SacGridColumnComponent, SacGridComponent, SacGridImageComponent, SacInheritFormDirective, SacInputAreaComponent, SacInputComponent, SacInputCurrencyComponent, SacInputDecimalComponent, SacInputEmailComponent, SacInputIntegerComponent, SacInputPasswordComponent, SacInputSearchComponent, SacListboxComponent, SacPagingComponent, SacRadiobuttonComponent, SacRadiobuttonsComponent, SacStaticFormContainerComponent, SacStaticLabelComponent, SacTabComponent, SacTabItemComponent, SacTimeComponent, SacTinyMceComponent, SacTooltipComponent, SacTreeItemActionComponent, SacTreeViewChildComponent, SacTreeViewComponent, SacUploadComponent, SacUploadMultipleComponent, SacValidationSummaryComponent, SacWizardComponent, SacWizardItemComponent, ServiceConfirm };
+//# sourceMappingURL=simpleangularcontrols-sac-bootstrap3.mjs.map