@simpleangularcontrols/sac-common 10.0.0-rc.14 → 10.0.0-rc.16

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

@@ -9262,12 +9262,21 @@
         SacTreeviewCommon.prototype.onActionClicked = function (action) {
             this.actionclicked.emit(action);
         };
+        /**
+         * Method is called when Node in Tree is clicked
+         * @param node Selected Node
+         */
         SacTreeviewCommon.prototype.onNodeClicked = function (node) {
             if (this.isDisabledState(node) || this.isSelectedState(node)) {
                 this.invertExpandedState(node);
             }
             this.setSelectedState(node);
         };
+        /**
+         * Sets the hover state on a node
+         * @param node Node on which the status is set
+         * @param state Activate or deactivate HoverState
+         */
         SacTreeviewCommon.prototype.setHoverState = function (node, state) {
             if (!node || !this.attrhoverstate) {
                 return;
@@ -9281,6 +9290,10 @@
             }
             delete node[this.attrhoverstate];
         };
+        /**
+         * Sets the selected state on a node
+         * @param node Node which is marked as Selected
+         */
         SacTreeviewCommon.prototype.setSelectedState = function (node) {
             var _this = this;
             if (!node || !this.attrselected) {
@@ -9290,8 +9303,10 @@
             this.data.forEach(function (rootNode) { return _this.resetSelectedState(rootNode); });
             // set selected node as selected
             node[this.attrselected] = true;
+            // Extract ID from Node
+            var idValue = node[this.attrid];
             // Update ngModel
-            this.setValue(node);
+            this.setValue(idValue);
             // Raise Selected Events
             this.selectednode.emit(node);
             if (!this.attrid) {
@@ -9300,6 +9315,11 @@
             var id = this.getStringField(node, this.attrid);
             this.selected.emit(id);
         };
+        /**
+         * Validates the model state of the control
+         * @param c Control instance
+         * @returns Returns a validation error, if present. Otherwise, as Result is NULL
+         */
         SacTreeviewCommon.prototype.validateData = function (c) {
             var error = null;
             if (this.isrequired) {
@@ -9307,8 +9327,59 @@
             }
             return error;
         };
+        /**
+         * Saves the data from the model binding
+         * @param value Id of the selected node
+         */
+        SacTreeviewCommon.prototype.writeValue = function (value) {
+            var _this = this;
+            _super.prototype.writeValue.call(this, value);
+            // Do not preselct item when tree is empty
+            if (!this.data) {
+                return;
+            }
+            this.data.forEach(function (root) {
+                var result = _this.findNodeById(root, value);
+                if (result !== null) {
+                    _this.setSelectedState(result);
+                }
+            });
+        };
         // #endregion Public Methods
         // #region Private Methods
+        /**
+         * Searches for a node based on the value in the ID attribute
+         * @param node Node
+         * @param value Value of the Id attribute
+         * @returns Returns the node if it is found. If not, NULL is returned.
+         */
+        SacTreeviewCommon.prototype.findNodeById = function (node, value) {
+            var e_1, _a;
+            if (!this.attrid || !node) {
+                return null;
+            }
+            if (node[this.attrid] === value) {
+                return node;
+            }
+            var children = this.getChildren(node);
+            try {
+                for (var children_1 = __values(children), children_1_1 = children_1.next(); !children_1_1.done; children_1_1 = children_1.next()) {
+                    var child = children_1_1.value;
+                    var result = this.findNodeById(child, value);
+                    if (result !== null) {
+                        return result;
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (children_1_1 && !children_1_1.done && (_a = children_1.return)) _a.call(children_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            return null;
+        };
         SacTreeviewCommon.prototype.invertExpandedState = function (node) {
             if (!node || !this.attrexanded) {
                 return;
@@ -9368,6 +9439,7 @@
         selectednode: [{ type: i0.Output }],
         showactionalways: [{ type: i0.Input }],
         templateaction: [{ type: i0.Input }],
+        templateicon: [{ type: i0.Input }],
         templatelabel: [{ type: i0.Input }],
         validationmessagerequired: [{ type: i0.Input }],
         validationmessagesummaryrequired: [{ type: i0.Input }]
@@ -9626,7 +9698,7 @@
         tooltip: [{ type: i0.ViewChild, args: ['tooltip', { static: false },] }]
     };
 
-    // #region Classes
+    // #region Exported Classes
     /**
      * Base Klasse für Uploader Control
      */
@@ -9645,6 +9717,7 @@
             var _this = _super.call(this, formlayout, injector) || this;
             _this.renderer = renderer;
             _this.ngZone = ngZone;
+            // #region Properties
             /**
              * Erlaubte Dateitypen
              */
@@ -9661,10 +9734,22 @@
              * API Endpoint
              */
             _this._endpoint = null;
+            /**
+             * Token for Bearer Authentication
+             */
+            _this._token = null;
             /**
              * Upload Settings
              */
             _this.options = {};
+            /**
+             * Handling von neuen Files im Input Control
+             */
+            _this.fileListener = function () {
+                if (_this.uploadInput.nativeElement.files) {
+                    _this.uploadService.handleFileList(_this.uploadInput.nativeElement.files);
+                }
+            };
             /**
              * Definiert das Control als Required
              */
@@ -9674,25 +9759,21 @@
              */
             _this.maxfilesize = 0;
             /**
-             * Resource Key für Validation Message Required bei Control
+             * Event when an error is triggered in the component.
              */
-            _this.validationmessagerequired = _this.validationKeyService.ValidationErrorRequired;
+            _this.onfileerror = new i0.EventEmitter();
             /**
-             * Resource Key für Validation Message Required in Validation Summary
+             * Event when a file has been uploaded. The event is triggered for multiple uploads per file.
              */
-            _this.validationmessagesummaryrequired = _this.validationKeyService.ValidationErrorSummaryRequired;
+            _this.onuploadcomplete = new i0.EventEmitter();
             /**
-             * Event wenn ein Error in der Komponente ausgelöst wird.
+             * Resource Key für Validation Message Required bei Control
              */
-            _this.onfileerror = new i0.EventEmitter();
+            _this.validationmessagerequired = _this.validationKeyService.ValidationErrorRequired;
             /**
-             * Handling von neuen Files im Input Control
+             * Resource Key für Validation Message Required in Validation Summary
              */
-            _this.fileListener = function () {
-                if (_this.uploadInput.nativeElement.files) {
-                    _this.uploadService.handleFileList(_this.uploadInput.nativeElement.files);
-                }
-            };
+            _this.validationmessagesummaryrequired = _this.validationKeyService.ValidationErrorSummaryRequired;
             _this.validationKeyService = injector.get(SACVALIDATIONKEY_SERVICE, new SacDefaultValidationKeyService());
             _this.lngResourceService = injector.get(SACLOCALISATION_SERVICE, new SacDefaultLocalisationService(_this.validationKeyService));
             _this.uploads = [];
@@ -9712,12 +9793,62 @@
             _this.uploadService.events.subscribe(function (ufile) { return _this.onUpload(ufile); });
             return _this;
         }
+        Object.defineProperty(SacUploadBase.prototype, "IconBrowse", {
+            // #endregion Constructors
+            // #region Public Getters And Setters
+            /**
+             * Icon for browse button
+             */
+            get: function () {
+                return this.iconService.UploadComponentBrowseIcon;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SacUploadBase.prototype, "IconContinue", {
+            /**
+             * icon for continous buttons
+             */
+            get: function () {
+                return this.iconService.UploadComponentContinueIcon;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SacUploadBase.prototype, "IconDelete", {
+            /**
+             * icon for delete buttons
+             */
+            get: function () {
+                return this.iconService.UploadComponentDeleteIcon;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SacUploadBase.prototype, "IconPause", {
+            /**
+             * icon for pause buttons
+             */
+            get: function () {
+                return this.iconService.UploadComponentPauseIcon;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SacUploadBase.prototype, "IconUpload", {
+            /**
+             * icon for upload button
+             */
+            get: function () {
+                return this.iconService.UploadComponentUploadIcon;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(SacUploadBase.prototype, "allowedtypes", {
             get: function () {
                 return this._allowedtypes;
             },
-            // #endregion Constructors
-            // #region Public Getters And Setters
             /**
              * Erlaubte Dateitypen für den Upload. Format: ".xxx,.yyy,.zzz"
              */
@@ -9770,58 +9901,23 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(SacUploadBase.prototype, "IconBrowse", {
-            /**
-             * Icon for browse button
-             */
-            get: function () {
-                return this.iconService.UploadComponentBrowseIcon;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SacUploadBase.prototype, "IconContinue", {
-            /**
-             * icon for continous buttons
-             */
-            get: function () {
-                return this.iconService.UploadComponentContinueIcon;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SacUploadBase.prototype, "IconDelete", {
+        Object.defineProperty(SacUploadBase.prototype, "token", {
             /**
-             * icon for delete buttons
+             * Token for Bearer Authentication
              */
             get: function () {
-                return this.iconService.UploadComponentDeleteIcon;
+                return this._token;
             },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SacUploadBase.prototype, "IconPause", {
             /**
-             * icon for pause buttons
+             * Token for Bearer Authentication
              */
-            get: function () {
-                return this.iconService.UploadComponentPauseIcon;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SacUploadBase.prototype, "IconUpload", {
-            /**
-             * icon for upload button
-             */
-            get: function () {
-                return this.iconService.UploadComponentUploadIcon;
+            set: function (v) {
+                this._token = v;
+                this.setToken(v);
             },
             enumerable: false,
             configurable: true
         });
-        // #endregion Public Getters And Setters
-        // #region Public Methods
         /**
          * Name der Datei die Hochgeladen wird
          * @returns Observable des Dateinamens.
@@ -9847,7 +9943,7 @@
          */
         SacUploadBase.prototype.HasSuccessUpload = function () {
             if (this.uploads.length > 0) {
-                return (this.uploads.filter(function (itm) { return itm.status !== 'complete'; }).length === 0);
+                return this.uploads.filter(function (itm) { return itm.status !== 'complete'; }).length === 0;
             }
             else {
                 return false;
@@ -9865,7 +9961,7 @@
          * @returns Elemente für Upload vorhanden
          */
         SacUploadBase.prototype.IsStateToUpload = function () {
-            return (this.uploads.filter(function (itm) { return itm.status === 'added' || itm.status === 'paused'; }).length > 0);
+            return this.uploads.filter(function (itm) { return itm.status === 'added' || itm.status === 'paused'; }).length > 0;
         };
         /**
          * Prüft ob ein Upload eines Files am laufen ist
@@ -9910,7 +10006,7 @@
             }
         };
         /**
-         * Initialisiert das Control
+         * Initializes the control
          */
         SacUploadBase.prototype.ngOnInit = function () {
             _super.prototype.ngOnInit.call(this);
@@ -9918,6 +10014,7 @@
             this.listenerFn = this.renderer.listen(this.uploadInput.nativeElement, 'change', this.fileListener);
             this.setAllowedTypes(this._allowedtypes);
             this.setEndpoint(this._endpoint);
+            this.setToken(this._token);
             if (this._endpoint === null) {
                 throw new Error('endpoint is not defined!');
             }
@@ -9956,6 +10053,12 @@
                 this.uploads[index].progress = ufile.progress;
                 this.uploads[index].status = ufile.status;
                 this.SetUploadValue(ufile);
+                var uploadState = {
+                    name: ufile.name,
+                    size: ufile.size,
+                    uploadid: this.uploads[index].uploadId,
+                };
+                this.onuploadcomplete.emit(uploadState);
             }
             else {
                 if (index >= 0) {
@@ -9980,6 +10083,12 @@
                 this.uploadService.control({ action: 'pause' });
             }
         };
+        /**
+         * Sets the bearer token in the upload service
+         */
+        SacUploadBase.prototype.setToken = function (value) {
+            this.options.token = value;
+        };
         /**
          * Upload Single File
          *
@@ -10007,13 +10116,12 @@
             }
             return error;
         };
-        // #endregion Public Abstract Methods
+        // #endregion Public Methods
         // #region Private Methods
         SacUploadBase.prototype.UpdateFileCount = function () {
             // HACK: Add addition property to FormControl. Can be fixed if solution for ticket: https://github.com/angular/angular/issues/19686
             if (this.ngControl) {
-                this.ngControl.uploadedfilecount =
-                    this.UploadedFileCount();
+                this.ngControl.uploadedfilecount = this.UploadedFileCount();
             }
         };
         /**
@@ -10085,13 +10193,15 @@
         uploadInput: [{ type: i0.ViewChild, args: ['files', { static: true },] }],
         isrequired: [{ type: i0.Input }],
         maxfilesize: [{ type: i0.Input }],
+        onfileerror: [{ type: i0.Output }],
+        onuploadcomplete: [{ type: i0.Output }],
         validationmessagerequired: [{ type: i0.Input }],
         validationmessagesummaryrequired: [{ type: i0.Input }],
-        onfileerror: [{ type: i0.Output }],
         allowedtypes: [{ type: i0.Input }],
         autoupload: [{ type: i0.Input }],
         enablepause: [{ type: i0.Input }],
-        endpoint: [{ type: i0.Input }]
+        endpoint: [{ type: i0.Input }],
+        token: [{ type: i0.Input }]
     };
     /**
      * Klasse für den Upload einer Datei in der Upload Component
@@ -10112,7 +10222,7 @@
         }
         return SacUploadFile;
     }());
-    // #endregion Classes
+    // #endregion Exported Classes
 
     /**
      * Upload Komponente für ein einzelnes File