@simpleangularcontrols/sac-bootstrap4 10.0.0-rc.12 → 10.0.0-rc.13

package/bundles/simpleangularcontrols-sac-bootstrap4.umd.js

@@ -747,13 +747,7 @@
     SacContextmenuComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'sac-contextmenu',
-                    template: "<div class=\"dropdown\" [ngClass]=\"cssclass\">\r\n  <ng-container\r\n    [ngTemplateOutlet]=\"buttontemplate || defaultButtonTemplate\"\r\n  ></ng-container>\r\n\r\n  <div\r\n    class=\"dropdown-menu dropdown-menu-right\"\r\n    sacContextMenuContainer\r\n    [class.show]=\"isopen\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultButtonTemplate>\r\n  <button\r\n    sacContextMenuAnchor\r\n    class=\"btn btn-sm btn-link text-secondary text-decoration-none\"\r\n    type=\"button\"\r\n    (click)=\"toggle()\"\r\n  >\r\n    <i [class]=\"IconContextMenu\"></i>\r\n  </button>\r\n</ng-template>\r\n",
-                    providers: [
-                        {
-                            provide: sacCommon.SacContextmenuCommon,
-                            useExisting: core.forwardRef(function () { return SacContextmenuComponent; }),
-                        },
-                    ]
+                    template: "<div class=\"dropdown\" [ngClass]=\"cssclass\">\r\n  <ng-container\r\n    [ngTemplateOutlet]=\"buttontemplate || defaultButtonTemplate\"\r\n  ></ng-container>\r\n\r\n  <div\r\n    class=\"dropdown-menu dropdown-menu-right\"\r\n    sacContextMenuContainer\r\n    [class.show]=\"isopen\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultButtonTemplate>\r\n  <button\r\n    sacContextMenuAnchor\r\n    class=\"btn btn-sm btn-link text-secondary text-decoration-none\"\r\n    type=\"button\"\r\n    (click)=\"toggle()\"\r\n  >\r\n    <i [class]=\"IconContextMenu\"></i>\r\n  </button>\r\n</ng-template>\r\n"
                 },] }
     ];
     SacContextmenuComponent.ctorParameters = function () { return [
@@ -765,28 +759,32 @@
     ]; };
 
     /**
-     * Component für Menü Eintrag in Context Menü
+     * Component for menu entry in context menu
      */
     var SacContextmenuItemButtonComponent = /** @class */ (function (_super) {
         __extends(SacContextmenuItemButtonComponent, _super);
+        // #region Constructors
         /**
          * Constructor
-         * @param contextmenu Instance von Context Menü
          */
-        function SacContextmenuItemButtonComponent(contextmenu) {
-            return _super.call(this, contextmenu) || this;
+        function SacContextmenuItemButtonComponent() {
+            return _super.call(this) || this;
         }
         return SacContextmenuItemButtonComponent;
     }(sacCommon.SacContextmenuItemButtonCommon));
     SacContextmenuItemButtonComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'sac-contextmenubutton',
-                    template: "<button\r\n  type=\"button\"\r\n  class=\"dropdown-item\"\r\n  (click)=\"callaction($event)\"\r\n  [class.disabled]=\"isdisabled\"\r\n  [ngClass]=\"cssclass\"\r\n  [attr.disabled]=\"isdisabled ? 'disabled' : null\"\r\n>\r\n  <div class=\"d-flex\">\r\n    <div *ngIf=\"!isicondisabled\" style=\"min-width: 1.5rem\">\r\n      <img *ngIf=\"image\" [src]=\"image\" class=\"align-baseline\" />\r\n      <i *ngIf=\"icon\" [class]=\"iconstyle + ' ' + icon\"></i>\r\n    </div>\r\n    <div class=\"flex-grow-1\">{{ text }}</div>\r\n  </div>\r\n</button>\r\n"
+                    template: "<button\r\n    [id]=\"name\"\r\n    type=\"button\"\r\n    class=\"dropdown-item\"\r\n    (click)=\"callaction($event)\"\r\n    [class.disabled]=\"isdisabled\"\r\n    [ngClass]=\"cssclass\"\r\n    [attr.disabled]=\"isdisabled ? 'disabled' : null\">\r\n    <div class=\"d-flex\">\r\n        <div\r\n            *ngIf=\"!isicondisabled\"\r\n            style=\"min-width: 1.5rem\">\r\n            <img\r\n                *ngIf=\"image\"\r\n                [src]=\"image\"\r\n                class=\"align-baseline\" />\r\n            <i\r\n                *ngIf=\"icon\"\r\n                [class]=\"iconstyle + ' ' + icon\"></i>\r\n        </div>\r\n        <div class=\"flex-grow-1\">{{ text }}</div>\r\n    </div>\r\n</button>\r\n",
+                    providers: [
+                        {
+                            provide: sacCommon.SacContextmenuItemCommon,
+                            useExisting: core.forwardRef(function () { return SacContextmenuItemButtonComponent; }),
+                        },
+                    ]
                 },] }
     ];
-    SacContextmenuItemButtonComponent.ctorParameters = function () { return [
-        { type: sacCommon.SacContextmenuCommon }
-    ]; };
+    SacContextmenuItemButtonComponent.ctorParameters = function () { return []; };
 
     /**
      * Splitter Komponente in Context Menü
@@ -801,7 +799,13 @@
     SacContextmenuItemSplitterComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'sac-contextmenusplitter',
-                    template: "<div class=\"dropdown-divider\"></div>"
+                    template: "<div class=\"dropdown-divider\"></div>",
+                    providers: [
+                        {
+                            provide: sacCommon.SacContextmenuItemCommon,
+                            useExisting: core.forwardRef(function () { return SacContextmenuItemSplitterComponent; }),
+                        },
+                    ]
                 },] }
     ];
 
@@ -2464,7 +2468,7 @@
     SacInputSearchComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'sac-inputsearch',
-                    template: "<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        id=\"{{ name }}_label\"\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <div\r\n                class=\"input-group\"\r\n                [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n                [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\r\n                <input\r\n                    id=\"{{ name }}\"\r\n                    name=\"{{ name }}\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [value]=\"value\"\r\n                    [attr.placeholder]=\"placeholder\"\r\n                    (blur)=\"onTouch()\"\r\n                    (input)=\"setValue($event.target.value)\"\r\n                    [attr.maxlength]=\"maxlength\"\r\n                    [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                    [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                    [disabled]=\"isdisabled\"\r\n                    [readonly]=\"readonly\" />\r\n                <div class=\"input-group-append\">\r\n                    <button\r\n                        type=\"submit\"\r\n                        class=\"btn btn-secondary\"\r\n                        id=\"{{ name }}_search\"\r\n                        (click)=\"searchClick()\">\r\n                        <i\r\n                            *ngIf=\"buttonmode === 'icon' || buttonmode === 'mixed'\"\r\n                            [class]=\"iconname\"\r\n                            [class.mr-2]=\"buttonmode === 'mixed'\"></i>\r\n                        <ng-container *ngIf=\"buttonmode === 'text' || buttonmode === 'mixed'\">{{ buttontext }}</ng-container>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n",
+                    template: "<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        id=\"{{ name }}_label\"\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <div\r\n                class=\"input-group\"\r\n                [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n                [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\r\n                <input\r\n                    id=\"{{ name }}\"\r\n                    name=\"{{ name }}\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [value]=\"value\"\r\n                    [attr.placeholder]=\"placeholder\"\r\n                    (blur)=\"onTouch()\"\r\n                    (input)=\"setValue($event.target.value)\"\r\n                    [attr.maxlength]=\"maxlength\"\r\n                    [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                    [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                    [disabled]=\"isdisabled\"\r\n                    [readonly]=\"readonly\" />\r\n                <div class=\"input-group-append\">\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"btn btn-secondary\"\r\n                        id=\"{{ name }}_search\"\r\n                        (click)=\"searchClick()\">\r\n                        <i\r\n                            *ngIf=\"buttonmode === 'icon' || buttonmode === 'mixed'\"\r\n                            [class]=\"iconname\"\r\n                            [class.mr-2]=\"buttonmode === 'mixed'\"></i>\r\n                        <ng-container *ngIf=\"buttonmode === 'text' || buttonmode === 'mixed'\">{{ buttontext }}</ng-container>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n",
                     // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
                     providers: [
                         {
@@ -2886,28 +2890,33 @@
     ]; };
 
     /**
-     * Component für Menü Eintrag in Context Menü
+     * Component for menu entry in context menu
      */
     var SacMultilanguagemenuItemButtonComponent = /** @class */ (function (_super) {
         __extends(SacMultilanguagemenuItemButtonComponent, _super);
+        // #region Constructors
         /**
          * Constructor
          * @param contextmenu Instance von Context Menü
          */
-        function SacMultilanguagemenuItemButtonComponent(contextmenu) {
-            return _super.call(this, contextmenu) || this;
+        function SacMultilanguagemenuItemButtonComponent() {
+            return _super.call(this) || this;
         }
         return SacMultilanguagemenuItemButtonComponent;
     }(sacCommon.SacContextmenuItemButtonCommon));
     SacMultilanguagemenuItemButtonComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'sac-multilanguagemenubutton',
-                    template: "<button\r\n  type=\"button\"\r\n  class=\"dropdown-item\"\r\n  (click)=\"callaction($event)\"\r\n  [class.disabled]=\"isdisabled\"\r\n  [ngClass]=\"cssclass\"\r\n  [attr.disabled]=\"isdisabled ? 'disabled' : null\"\r\n>\r\n  <div class=\"d-flex\">\r\n    <div *ngIf=\"!isicondisabled\" style=\"min-width: 1.5rem\">\r\n      <img *ngIf=\"image\" [src]=\"image\" class=\"align-baseline\" />\r\n      <i *ngIf=\"icon\" [class]=\"iconstyle + ' ' + icon\"></i>\r\n    </div>\r\n    <div class=\"flex-grow-1\">{{ text }}</div>\r\n  </div>\r\n</button>\r\n"
+                    template: "<button\r\n  type=\"button\"\r\n  class=\"dropdown-item\"\r\n  (click)=\"callaction($event)\"\r\n  [class.disabled]=\"isdisabled\"\r\n  [ngClass]=\"cssclass\"\r\n  [attr.disabled]=\"isdisabled ? 'disabled' : null\"\r\n>\r\n  <div class=\"d-flex\">\r\n    <div *ngIf=\"!isicondisabled\" style=\"min-width: 1.5rem\">\r\n      <img *ngIf=\"image\" [src]=\"image\" class=\"align-baseline\" />\r\n      <i *ngIf=\"icon\" [class]=\"iconstyle + ' ' + icon\"></i>\r\n    </div>\r\n    <div class=\"flex-grow-1\">{{ text }}</div>\r\n  </div>\r\n</button>\r\n",
+                    providers: [
+                        {
+                            provide: sacCommon.SacContextmenuItemCommon,
+                            useExisting: core.forwardRef(function () { return SacMultilanguagemenuItemButtonComponent; }),
+                        },
+                    ]
                 },] }
     ];
-    SacMultilanguagemenuItemButtonComponent.ctorParameters = function () { return [
-        { type: sacCommon.SacContextmenuCommon }
-    ]; };
+    SacMultilanguagemenuItemButtonComponent.ctorParameters = function () { return []; };
 
     var SACBootstrap4MultilanguageModule = /** @class */ (function () {
         function SACBootstrap4MultilanguageModule() {
@@ -3174,6 +3183,58 @@
                 },] }
     ];
 
+    /**
+     * Treeview Compomnent
+     */
+    var SacTreeviewComponent = /** @class */ (function (_super) {
+        __extends(SacTreeviewComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Component Injector
+         */
+        function SacTreeviewComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacTreeviewComponent;
+    }(sacCommon.SacTreeviewCommon));
+    SacTreeviewComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-treeview',
+                    template: "<div\r\n    class=\"row mb-3\"\r\n    [class.g-0]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\">\r\n        <div [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <div\r\n                class=\"w-100\"\r\n                [style.min-width]=\"helptextmode === 'tooltip' && helptext && disablelabel ? 0 : null\"\r\n                [class.mr-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n                <ul\r\n                    class=\"list-group list-group-flush\"\r\n                    id=\"{{ name }}\"\r\n                    [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                    [class.border]=\"invalid && (dirty || touched)\"\r\n                    [class.border-danger]=\"invalid && (dirty || touched)\">\r\n                    <ng-container *ngFor=\"let node of data\">\r\n                        <ng-template\r\n                            [ngTemplateOutlet]=\"treeItem\"\r\n                            [ngTemplateOutletContext]=\"{ node: node, deep: 0 }\">\r\n                        </ng-template>\r\n                    </ng-container>\r\n                </ul>\r\n\r\n                <div\r\n                    *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                    class=\"invalid-feedback\">\r\n                    {{ GetErrorMessage() | async }}\r\n                </div>\r\n\r\n                <small\r\n                    *ngIf=\"helptextmode === 'text' && helptext\"\r\n                    class=\"form-text text-muted\">\r\n                    {{ helptext }}\r\n                </small>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n                class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n                [ngClass]=\"[componentHeight | toControlHeight]\">\r\n                <sac-tooltip\r\n                    [tooltiptext]=\"helptext\"\r\n                    [inlinemode]=\"true\">\r\n                    <span\r\n                        [ngClass]=\"HelptextTooltipIcon\"\r\n                        class=\"ml-1\">\r\n                    </span>\r\n                </sac-tooltip>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<ng-template\r\n    #treeItem\r\n    let-node=\"node\"\r\n    let-deep=\"deep\">\r\n    <li\r\n        class=\"list-group-item list-group-item-action py-1 px-2 d-flex align-items-center\"\r\n        [class.active]=\"isSelectedState(node)\"\r\n        (mouseenter)=\"setHoverState(node, true)\"\r\n        (mouseleave)=\"setHoverState(node, false)\"\r\n        style=\"cursor: pointer\">\r\n        <div\r\n            class=\"mx-3\"\r\n            *ngFor=\"let i of count(deep)\">\r\n        </div>\r\n\r\n        <div\r\n            (click)=\"onNodeClicked(node)\"\r\n            *ngIf=\"expandedstate === 'true' || expandedstate === true\"\r\n            class=\"mr-2\"\r\n            [ngClass]=\"!hasChildren(node) ? iconFolderEmpty : !isExpandedState(node) ? iconFolderCollabsed : isExpandedState(node) ? iconFolderOpen : ''\">\r\n        </div>\r\n\r\n        <div\r\n            (click)=\"onNodeClicked(node)\"\r\n            *ngIf=\"attricon && getStringField(node, attricon)\"\r\n            class=\"mr-2\"\r\n            [ngClass]=\"getStringField(node, attricon)\">\r\n        </div>\r\n\r\n        <div\r\n            (click)=\"onNodeClicked(node)\"\r\n            class=\"flex-grow-1 py-1\"\r\n            [style.overflow]=\"enableellipsis ? 'hidden' : null\"\r\n            [style.text-overflow]=\"enableellipsis ? 'ellipsis' : null\"\r\n            [style.white-space]=\"enableellipsis ? 'nowrap' : null\">\r\n            <ng-template\r\n                [ngTemplateOutlet]=\"templatelabel || defaultTemplateLabel\"\r\n                [ngTemplateOutletContext]=\"{ node: node, label: getStringField(node, attrlabel) }\">\r\n            </ng-template>\r\n        </div>\r\n\r\n        <div\r\n            (click)=\"setSelectedState(node)\"\r\n            class=\"flex-shrink-0\"\r\n            *ngIf=\"!isDisabledState(node) && (showactionalways || isSelectedState(node) || isHoverState(node))\">\r\n            <ng-template\r\n                [ngTemplateOutlet]=\"templateaction || defaultTemplateAction\"\r\n                [ngTemplateOutletContext]=\"{ node: node, actionhandler: onActionClicked.bind(this) }\">\r\n            </ng-template>\r\n        </div>\r\n    </li>\r\n\r\n    <ng-container *ngIf=\"isExpandedState(node)\">\r\n        <ng-template\r\n            *ngFor=\"let child of getChildren(node)\"\r\n            [ngTemplateOutlet]=\"treeItem\"\r\n            [ngTemplateOutletContext]=\"{ node: child, deep: deep + 1 }\">\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template\r\n    #defaultTemplateLabel\r\n    let-label=\"label\"\r\n    let-node=\"node\">\r\n    <span [title]=\"label\">\r\n        {{ label }}\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template\r\n    #defaultTemplateAction\r\n    let-node=\"node\"\r\n    let-actionhandler=\"actionhandler\">\r\n    <a\r\n        class=\"btn btn-sm btn-link text-secondary\"\r\n        (click)=\"actionhandler({ action: 'default', node: node })\">\r\n        <i [class]=\"iconAction\"></i>\r\n    </a>\r\n</ng-template>\r\n",
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacTreeviewComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            useExisting: core.forwardRef(function () { return SacTreeviewComponent; }),
+                            multi: true,
+                        },
+                    ]
+                },] }
+    ];
+    SacTreeviewComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SACBootstrap4TreeviewModule = /** @class */ (function () {
+        function SACBootstrap4TreeviewModule() {
+        }
+        return SACBootstrap4TreeviewModule;
+    }());
+    SACBootstrap4TreeviewModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacTreeviewComponent],
+                    imports: [common.CommonModule, SACBootstrap4TooltipModule, SACBootstrap4LayoutModule, SACBootstrap4ContextmenuModule],
+                    exports: [SacTreeviewComponent],
+                },] }
+    ];
+
     /**
      * Validation Summary Kompontente
      */
@@ -3314,6 +3375,7 @@
     exports.SACBootstrap4TabsModule = SACBootstrap4TabsModule;
     exports.SACBootstrap4TinyMceModule = SACBootstrap4TinyMceModule;
     exports.SACBootstrap4TooltipModule = SACBootstrap4TooltipModule;
+    exports.SACBootstrap4TreeviewModule = SACBootstrap4TreeviewModule;
     exports.SACBootstrap4UploadModule = SACBootstrap4UploadModule;
     exports.SACBootstrap4ValidationSummaryModule = SACBootstrap4ValidationSummaryModule;
     exports.SACBootstrap4WizardModule = SACBootstrap4WizardModule;
@@ -3368,6 +3430,7 @@
     exports.SacToLabelHeightPipe = SacToLabelHeightPipe;
     exports.SacToLabelWidthCssPipe = SacToLabelWidthCssPipe;
     exports.SacTooltipComponent = SacTooltipComponent;
+    exports.SacTreeviewComponent = SacTreeviewComponent;
     exports.SacUploadComponent = SacUploadComponent;
     exports.SacUploadMultipleComponent = SacUploadMultipleComponent;
     exports.SacValidationSummaryComponent = SacValidationSummaryComponent;