@simpleangularcontrols/sac-bootstrap5 10.0.0-rc.12 → 10.0.0-rc.14

package/bundles/simpleangularcontrols-sac-bootstrap5.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  <ul\r\n    class=\"dropdown-menu dropdown-menu-end\"\r\n    sacContextMenuContainer\r\n    [class.show]=\"isopen\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </ul>\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  <ul\r\n    class=\"dropdown-menu dropdown-menu-end\"\r\n    sacContextMenuContainer\r\n    [class.show]=\"isopen\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </ul>\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: "<li>\r\n  <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</li>\r\n"
+                    template: "<li>\r\n    <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</li>\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: "<li><div class=\"dropdown-divider\"></div></li>\r\n"
+                    template: "<li><div class=\"dropdown-divider\"></div></li>\r\n",
+                    providers: [
+                        {
+                            provide: sacCommon.SacContextmenuItemCommon,
+                            useExisting: core.forwardRef(function () { return SacContextmenuItemSplitterComponent; }),
+                        },
+                    ]
                 },] }
     ];
 
@@ -2458,7 +2462,7 @@
     SacInputSearchComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'sac-inputsearch',
-                    template: "<div\r\n    class=\"row mb-3\"\r\n    [class.g-0]=\"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) : 'visually-hidden', 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=\"ms-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                <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.me-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                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text\">\r\n                {{ helptext }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ms-2 me-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 mb-3\"\r\n    [class.g-0]=\"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) : 'visually-hidden', 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=\"ms-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                <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.me-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                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text\">\r\n                {{ helptext }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ms-2 me-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: [
                         {
@@ -2885,28 +2889,32 @@
     ]; };
 
     /**
-     * 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: "<li>\r\n  <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</li>\r\n"
+                    template: "<li>\r\n  <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</li>\r\n",
+                    providers: [
+                        {
+                            provide: sacCommon.SacContextmenuItemCommon,
+                            useExisting: core.forwardRef(function () { return SacMultilanguagemenuItemButtonComponent; }),
+                        },
+                    ]
                 },] }
     ];
-    SacMultilanguagemenuItemButtonComponent.ctorParameters = function () { return [
-        { type: sacCommon.SacContextmenuCommon }
-    ]; };
+    SacMultilanguagemenuItemButtonComponent.ctorParameters = function () { return []; };
 
     var SACBootstrap5MultilanguageModule = /** @class */ (function () {
         function SACBootstrap5MultilanguageModule() {
@@ -3171,6 +3179,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) : 'visually-hidden', 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=\"ms-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.me-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                <div\r\n                    *ngIf=\"helptextmode === 'text' && helptext\"\r\n                    class=\"form-text\">\r\n                    {{ helptext }}\r\n                </div>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n                class=\"form-control-plaintext align-self-top ms-2 me-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=\"me-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=\"me-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.max-width.percent]=\"enableellipsis ? '100' : null\"\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 SACBootstrap5TreeviewModule = /** @class */ (function () {
+        function SACBootstrap5TreeviewModule() {
+        }
+        return SACBootstrap5TreeviewModule;
+    }());
+    SACBootstrap5TreeviewModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacTreeviewComponent],
+                    imports: [common.CommonModule, SACBootstrap5LayoutModule, SACBootstrap5ContextmenuModule, SACBootstrap5TooltipModule],
+                    exports: [SacTreeviewComponent],
+                },] }
+    ];
+
     /**
      * Validation Summary Kompontente
      */
@@ -3309,71 +3369,73 @@
     exports.SACBootstrap5TabsModule = SACBootstrap5TabsModule;
     exports.SACBootstrap5TinyMceModule = SACBootstrap5TinyMceModule;
     exports.SACBootstrap5TooltipModule = SACBootstrap5TooltipModule;
+    exports.SACBootstrap5TreeviewModule = SACBootstrap5TreeviewModule;
     exports.SACBootstrap5UploadModule = SACBootstrap5UploadModule;
     exports.SACBootstrap5ValidationSummaryModule = SACBootstrap5ValidationSummaryModule;
     exports.SACBootstrap5WizardModule = SACBootstrap5WizardModule;
     exports.SACFORM_FACTORY = SACFORM_FACTORY;
+    exports.SacBrowserComponent = SacBrowserComponent;
+    exports.SacButtonComponent = SacButtonComponent;
+    exports.SacCheckboxComponent = SacCheckboxComponent;
+    exports.SacConfirmComponent = SacConfirmComponent;
+    exports.SacContextmenuAnchorDirective = SacContextmenuAnchorDirective;
+    exports.SacContextmenuComponent = SacContextmenuComponent;
+    exports.SacContextmenuItemButtonComponent = SacContextmenuItemButtonComponent;
+    exports.SacContextmenuItemSplitterComponent = SacContextmenuItemSplitterComponent;
+    exports.SacDateComponent = SacDateComponent;
+    exports.SacDateSelectorComponent = SacDateSelectorComponent;
+    exports.SacDateTimeComponent = SacDateTimeComponent;
+    exports.SacDialogComponent = SacDialogComponent;
+    exports.SacDropdownComponent = SacDropdownComponent;
+    exports.SacDropdownOptionDirective = SacDropdownOptionDirective;
+    exports.SacDropzoneMultipleComponent = SacDropzoneMultipleComponent;
+    exports.SacDropzoneSingleComponent = SacDropzoneSingleComponent;
     exports.SacFormDirective = SacFormDirective;
+    exports.SacFormLayoutDirective = SacFormLayoutDirective;
+    exports.SacGridButtonComponent = SacGridButtonComponent;
+    exports.SacGridColumnActionComponent = SacGridColumnActionComponent;
+    exports.SacGridColumnComponent = SacGridColumnComponent;
+    exports.SacGridComponent = SacGridComponent;
+    exports.SacGridImageComponent = SacGridImageComponent;
     exports.SacInheritFormDirective = SacInheritFormDirective;
+    exports.SacInputAreaComponent = SacInputAreaComponent;
+    exports.SacInputComponent = SacInputComponent;
+    exports.SacInputCurrencyComponent = SacInputCurrencyComponent;
+    exports.SacInputDecimalComponent = SacInputDecimalComponent;
+    exports.SacInputEmailComponent = SacInputEmailComponent;
+    exports.SacInputIntegerComponent = SacInputIntegerComponent;
+    exports.SacInputPasswordComponent = SacInputPasswordComponent;
+    exports.SacInputSearchComponent = SacInputSearchComponent;
+    exports.SacListboxComponent = SacListboxComponent;
+    exports.SacListboxOptionDirective = SacListboxOptionDirective;
+    exports.SacMultilanguageInputAreaComponent = SacMultilanguageInputAreaComponent;
+    exports.SacMultilanguageInputComponent = SacMultilanguageInputComponent;
+    exports.SacPagingComponent = SacPagingComponent;
+    exports.SacRadiobuttonComponent = SacRadiobuttonComponent;
+    exports.SacRadiobuttonsComponent = SacRadiobuttonsComponent;
+    exports.SacStaticFormContainerComponent = SacStaticFormContainerComponent;
+    exports.SacStaticLabelComponent = SacStaticLabelComponent;
+    exports.SacTabComponent = SacTabComponent;
+    exports.SacTabItemComponent = SacTabItemComponent;
+    exports.SacTimeComponent = SacTimeComponent;
+    exports.SacTinyMceComponent = SacTinyMceComponent;
+    exports.SacToControlHeightPipe = SacToControlHeightPipe;
+    exports.SacToControlWidthCssPipe = SacToControlWidthCssPipe;
+    exports.SacToLabelHeightPipe = SacToLabelHeightPipe;
+    exports.SacToLabelWidthCssPipe = SacToLabelWidthCssPipe;
+    exports.SacTooltipComponent = SacTooltipComponent;
+    exports.SacTreeviewComponent = SacTreeviewComponent;
+    exports.SacUploadComponent = SacUploadComponent;
+    exports.SacUploadMultipleComponent = SacUploadMultipleComponent;
+    exports.SacValidationSummaryComponent = SacValidationSummaryComponent;
+    exports.SacWizardComponent = SacWizardComponent;
+    exports.SacWizardItemComponent = SacWizardItemComponent;
     exports.ServiceConfirm = ServiceConfirm;
-    exports.ɵa = SacBrowserComponent;
-    exports.ɵb = SacDropzoneMultipleComponent;
-    exports.ɵba = SacGridComponent;
-    exports.ɵbb = SacGridColumnComponent;
-    exports.ɵbc = SacGridColumnActionComponent;
-    exports.ɵbd = SacPagingComponent;
-    exports.ɵbe = SacGridButtonComponent;
-    exports.ɵbf = SacGridImageComponent;
-    exports.ɵbg = SacInputComponent;
-    exports.ɵbh = SacInputAreaComponent;
-    exports.ɵbi = SacInputCurrencyComponent;
-    exports.ɵbj = SacInputDecimalComponent;
-    exports.ɵbk = SacInputEmailComponent;
-    exports.ɵbl = SacInputIntegerComponent;
-    exports.ɵbm = SacInputPasswordComponent;
-    exports.ɵbn = SacInputSearchComponent;
-    exports.ɵbo = SacDropdownComponent;
-    exports.ɵbp = SacDropdownOptionDirective;
-    exports.ɵbq = SacListboxComponent;
-    exports.ɵbr = SacListboxOptionDirective;
-    exports.ɵbs = SacMultilanguageInputComponent;
-    exports.ɵbt = SacMultilanguageInputAreaComponent;
-    exports.ɵbu = SacMultilanguagemenuComponent;
-    exports.ɵbv = SacMultilanguagemenuAnchorDirective;
-    exports.ɵbw = SacMultilanguagemenuContainerDirective;
-    exports.ɵbx = SacMultilanguagemenuItemButtonComponent;
-    exports.ɵby = SacStaticLabelComponent;
-    exports.ɵbz = SacStaticFormContainerComponent;
-    exports.ɵc = SacFormLayoutDirective;
-    exports.ɵca = SacTabComponent;
-    exports.ɵcb = SacTabItemComponent;
-    exports.ɵcc = SacTinyMceComponent;
-    exports.ɵcd = SacValidationSummaryComponent;
-    exports.ɵce = SacWizardComponent;
-    exports.ɵcf = SacWizardItemComponent;
-    exports.ɵd = SacConfirmComponent;
-    exports.ɵe = SacDialogComponent;
-    exports.ɵf = SacButtonComponent;
-    exports.ɵg = SacContextmenuComponent;
-    exports.ɵh = SacContextmenuItemButtonComponent;
-    exports.ɵi = SacContextmenuItemSplitterComponent;
-    exports.ɵj = SacContextmenuAnchorDirective;
-    exports.ɵk = SacContextmenuContainerDirective;
-    exports.ɵl = SacUploadComponent;
-    exports.ɵm = SacUploadMultipleComponent;
-    exports.ɵn = SacDropzoneSingleComponent;
-    exports.ɵo = SacToControlHeightPipe;
-    exports.ɵp = SacToControlWidthCssPipe;
-    exports.ɵq = SacToLabelHeightPipe;
-    exports.ɵr = SacToLabelWidthCssPipe;
-    exports.ɵs = SacTooltipComponent;
-    exports.ɵt = SacCheckboxComponent;
-    exports.ɵu = SacRadiobuttonComponent;
-    exports.ɵv = SacRadiobuttonsComponent;
-    exports.ɵw = SacDateComponent;
-    exports.ɵx = SacDateTimeComponent;
-    exports.ɵy = SacTimeComponent;
-    exports.ɵz = SacDateSelectorComponent;
+    exports.ɵa = SacContextmenuContainerDirective;
+    exports.ɵb = SacMultilanguagemenuComponent;
+    exports.ɵc = SacMultilanguagemenuAnchorDirective;
+    exports.ɵd = SacMultilanguagemenuContainerDirective;
+    exports.ɵe = SacMultilanguagemenuItemButtonComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });