@acpaas-ui/ngx-forms 4.4.0 → 4.6.3

package/bundles/acpaas-ui-ngx-forms.umd.js

@@ -7,18 +7,18 @@
     Inputmask = Inputmask && Inputmask.hasOwnProperty('default') ? Inputmask['default'] : Inputmask;
 
     /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation. All rights reserved.
-    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-    this file except in compliance with the License. You may obtain a copy of the
-    License at http://www.apache.org/licenses/LICENSE-2.0
+    Copyright (c) Microsoft Corporation.
 
-    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-    MERCHANTABLITY OR NON-INFRINGEMENT.
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
 
-    See the Apache Version 2.0 License for specific language governing permissions
-    and limitations under the License.
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
     /* global Reflect, Promise */
 
@@ -111,8 +111,13 @@
         }
     }
 
+    function __createBinding(o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+    }
+
     function __exportStar(m, exports) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+        for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
     }
 
     function __values(o) {
@@ -1017,11 +1022,11 @@
          * @return {?}
          */
         function (value) {
+            this.selectedDate = typeof value === 'string'
+                ? this.isISODateFormat(value) ? new Date(value) : jsDateUtils.DateHelper.parseDate(value, 'DD/MM/YYYY', true)
+                : value;
             /** @type {?} */
-            var date = jsDateUtils.DateHelper.parseDate(value, 'DD/MM/YYYY', true);
-            /** @type {?} */
-            var dateString = date ? this.formatDate(date) : '';
-            this.selectedDate = date;
+            var dateString = this.selectedDate ? this.formatDate(this.selectedDate) : '';
             this.formControl.setValue(dateString);
         };
         /**
@@ -1139,6 +1144,22 @@
             this.blur.emit(e);
             this.onTouched(e);
         };
+        /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        DatepickerComponent.prototype.isISODateFormat = /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
+            if (typeof value !== 'string') {
+                return false;
+            }
+            return value.match(/\d{4}-\d{2}-\d{2}T.*/);
+        };
         DatepickerComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'aui-datepicker',
@@ -2822,8 +2843,10 @@
     var UploadComponent = /** @class */ (function () {
         function UploadComponent() {
             this.id = '';
+            this.accept = [];
             this.ariaLabelRemove = 'Verwijder';
             this.disabled = false;
+            this.multiple = true;
             this.options = UPLOAD_OPTIONS_DEFAULT;
             this.selectUploadedFiles = new core.EventEmitter();
             this.uploadedFiles = [];
@@ -2879,14 +2902,16 @@
         UploadComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'aui-upload',
-                        template: "<div class=\"m-upload aui-upload\">\n  <aui-upload-zone (invalidFiles)=\"onInvalidFiles($event)\" (queuedFiles)=\"onQueuedFiles($event)\" (uploadedFiles)=\"onUploadedFiles($event)\" [ariaId]=\"ariaId\"\n                   [disabled]=\"disabled\" [id]=\"id\"\n                   [uploader]=\"uploader\">\n    <div class=\"m-upload__message\">\n      <ng-content select=\".m-upload__message\"></ng-content>\n    </div>\n    <div class=\"m-upload__description\">\n      <ng-content select=\".m-upload__description\"></ng-content>\n    </div>\n    <div class=\"m-upload__button\">\n      <ng-content select=\".m-upload__button\"></ng-content>\n    </div>\n  </aui-upload-zone>\n  <aui-validation-list [ariaLabelRemove]=\"ariaLabelRemove\" [invalidFiles]=\"invalidFiles\"></aui-validation-list>\n  <aui-upload-queue (uploadedFiles)=\"onUploadedFiles($event)\" *ngIf=\"!options?.autoUpload\" [ariaLabelRemove]=\"ariaLabelRemove\"\n                    [files]=\"queuedFiles\" [uploader]=\"uploader\"></aui-upload-queue>\n</div>\n",
+                        template: "<div class=\"m-upload aui-upload\">\n  <aui-upload-zone (invalidFiles)=\"onInvalidFiles($event)\" (queuedFiles)=\"onQueuedFiles($event)\" (uploadedFiles)=\"onUploadedFiles($event)\" [ariaId]=\"ariaId\"\n                   [disabled]=\"disabled\" [id]=\"id\" [accept]=\"accept\" [multiple]=\"multiple\"\n                   [uploader]=\"uploader\">\n    <div class=\"m-upload__message\">\n      <ng-content select=\".m-upload__message\"></ng-content>\n    </div>\n    <div class=\"m-upload__description\">\n      <ng-content select=\".m-upload__description\"></ng-content>\n    </div>\n    <div class=\"m-upload__button\">\n      <ng-content select=\".m-upload__button\"></ng-content>\n    </div>\n  </aui-upload-zone>\n  <aui-validation-list [ariaLabelRemove]=\"ariaLabelRemove\" [invalidFiles]=\"invalidFiles\"></aui-validation-list>\n  <aui-upload-queue (uploadedFiles)=\"onUploadedFiles($event)\" *ngIf=\"!options?.autoUpload\" [ariaLabelRemove]=\"ariaLabelRemove\"\n                    [files]=\"queuedFiles\" [uploader]=\"uploader\"></aui-upload-queue>\n</div>\n",
                         styles: [".m-upload__button>.m-upload__input{display:none}"]
                     }] }
         ];
         UploadComponent.propDecorators = {
             id: [{ type: core.Input }],
+            accept: [{ type: core.Input }],
             ariaLabelRemove: [{ type: core.Input }],
             disabled: [{ type: core.Input }],
+            multiple: [{ type: core.Input }],
             options: [{ type: core.Input }],
             selectUploadedFiles: [{ type: core.Output }]
         };
@@ -2896,10 +2921,14 @@
         /** @type {?} */
         UploadComponent.prototype.id;
         /** @type {?} */
+        UploadComponent.prototype.accept;
+        /** @type {?} */
         UploadComponent.prototype.ariaLabelRemove;
         /** @type {?} */
         UploadComponent.prototype.disabled;
         /** @type {?} */
+        UploadComponent.prototype.multiple;
+        /** @type {?} */
         UploadComponent.prototype.options;
         /** @type {?} */
         UploadComponent.prototype.selectUploadedFiles;
@@ -3077,11 +3106,13 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var UploadZoneComponent = /** @class */ (function () {
-        function UploadZoneComponent() {
+        function UploadZoneComponent(renderer) {
+            this.renderer = renderer;
             this.disabled = false;
             this.multiple = true;
             this.id = '';
             this.ariaId = '';
+            this.accept = [];
             this.uploadedFiles = new core.EventEmitter();
             this.queuedFiles = new core.EventEmitter();
             this.invalidFiles = new core.EventEmitter();
@@ -3147,6 +3178,36 @@
             var files = this.fileListToArray(this.fileInput.nativeElement.files);
             this.handleFiles(files);
         };
+        /**
+         * @param {?} event
+         * @return {?}
+         */
+        UploadZoneComponent.prototype.onFileClick = /**
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            // When removing a file make sure you can add it again later
+            // See: https://stackoverflow.com/questions/59870335/ng2-file-upload-not-allowing-me-to-add-same-doc-after-ive-removed-it-from-que
+            event.target.value = '';
+        };
+        /**
+         * @return {?}
+         */
+        UploadZoneComponent.prototype.ngAfterViewInit = /**
+         * @return {?}
+         */
+        function () {
+            if (this.multiple !== false) {
+                this.renderer.setProperty(this.fileInput.nativeElement, 'multiple', 'multiple');
+            }
+            if (this.accept) {
+                this.renderer.setProperty(this.fileInput.nativeElement, 'accept', this.accept.join());
+            }
+            if (this.disabled) {
+                this.renderer.setProperty(this.fileInput.nativeElement, 'disabled', 'disabled');
+            }
+        };
         /**
          * @protected
          * @param {?} files
@@ -3233,9 +3294,13 @@
         UploadZoneComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'aui-upload-zone',
-                        template: "<div *ngIf=\"uploader.options.type === 'drop'\" [class.is-disabled]=\"disabled\" class=\"m-upload\">\n  <div class=\"m-upload__inner\">\n    <div class=\"m-upload__dropzone\">\n      <input #fileInput (change)=\"updateFiles()\" *ngIf=\"multiple\" [attr.aria-labelledby]=\"ariaId\" [disabled]=\"disabled\" [id]=\"id\"\n             class=\"m-upload__input\" multiple type=\"file\">\n      <input #fileInput (change)=\"updateFiles()\" *ngIf=\"!multiple\" [attr.aria-labelledby]=\"ariaId\" [disabled]=\"disabled\"\n             [id]=\"id\" class=\"m-upload__input\" type=\"file\">\n\n      <div *ngIf=\"!uploadProgress || uploadProgress === 0\" class=\"m-upload__content\">\n        <p [id]=\"ariaId\" class=\"m-upload__message\">\n          <ng-content select=\".m-upload__message\"></ng-content>\n        </p>\n      </div>\n\n      <ng-container *ngIf=\"uploadProgress > 0\">\n        <p class=\"m-upload__uploads u-text-bold u-margin-bottom-xs\">\n          <ng-container *ngFor=\"let file of uploadingFiles; let last = last\">\n            {{ file.name }}\n            <ng-container *ngIf=\"!last\">,</ng-container>\n          </ng-container>\n        </p>\n        <aui-progress-bar [value]=\"uploadProgress\" max=\"100\"></aui-progress-bar>\n      </ng-container>\n    </div>\n  </div>\n\n  <small class=\"m-upload__description\">\n    <ng-content select=\".m-upload__description\"></ng-content>\n  </small>\n</div>\n\n<button (click)=\"triggerFile()\" *ngIf=\"uploader.options.type === 'button'\" [disabled]=\"disabled\" class=\"a-button m-upload__button\"\n        type=\"button\">\n  <span [id]=\"ariaId\"><ng-content select=\".m-upload__button\"></ng-content></span>\n  <input #fileInput (change)=\"updateFiles()\" [attr.aria-labelledby]=\"ariaId\" [disabled]=\"disabled\" [id]=\"id\"\n         class=\"m-upload__input\" multiple=\"multiple\" type=\"file\">\n</button>\n"
+                        template: "<div *ngIf=\"uploader.options.type === 'drop'\" [class.is-disabled]=\"disabled\" class=\"m-upload\">\n  <div class=\"m-upload__inner\">\n    <div class=\"m-upload__dropzone\">\n\n      <input\n        #fileInput\n        type=\"file\"\n        class=\"m-upload__input\"\n        [id]=\"id\"\n        [attr.aria-labelledby]=\"ariaId\"\n        (change)=\"updateFiles()\"\n        (click)=\"onFileClick($event)\">\n\n      <div *ngIf=\"!uploadProgress || uploadProgress === 0\" class=\"m-upload__content\">\n        <p [id]=\"ariaId\" class=\"m-upload__message\">\n          <ng-content select=\".m-upload__message\"></ng-content>\n        </p>\n      </div>\n\n      <ng-container *ngIf=\"uploadProgress > 0\">\n        <p class=\"m-upload__uploads u-text-bold u-margin-bottom-xs\">\n          <ng-container *ngFor=\"let file of uploadingFiles; let last = last\">\n            {{ file.name }}\n            <ng-container *ngIf=\"!last\">,</ng-container>\n          </ng-container>\n        </p>\n        <aui-progress-bar [value]=\"uploadProgress\" max=\"100\"></aui-progress-bar>\n      </ng-container>\n    </div>\n  </div>\n\n  <small class=\"m-upload__description\">\n    <ng-content select=\".m-upload__description\"></ng-content>\n  </small>\n</div>\n\n<button (click)=\"triggerFile()\" *ngIf=\"uploader.options.type === 'button'\" [disabled]=\"disabled\" class=\"a-button m-upload__button\"\n        type=\"button\">\n  <span [id]=\"ariaId\"><ng-content select=\".m-upload__button\"></ng-content></span>\n  <input\n    #fileInput\n    type=\"file\"\n    class=\"m-upload__input\"\n    [id]=\"id\"\n    [attr.aria-labelledby]=\"ariaId\"\n    (change)=\"updateFiles()\"\n    (click)=\"onFileClick($event)\">\n</button>\n"
                     }] }
         ];
+        /** @nocollapse */
+        UploadZoneComponent.ctorParameters = function () { return [
+            { type: core.Renderer2 }
+        ]; };
         UploadZoneComponent.propDecorators = {
             fileInput: [{ type: core.ViewChild, args: ['fileInput', { static: false },] }],
             uploader: [{ type: core.Input }],
@@ -3243,6 +3308,7 @@
             multiple: [{ type: core.Input }],
             id: [{ type: core.Input }],
             ariaId: [{ type: core.Input }],
+            accept: [{ type: core.Input }],
             uploadedFiles: [{ type: core.Output }],
             queuedFiles: [{ type: core.Output }],
             invalidFiles: [{ type: core.Output }],
@@ -3266,6 +3332,8 @@
         /** @type {?} */
         UploadZoneComponent.prototype.ariaId;
         /** @type {?} */
+        UploadZoneComponent.prototype.accept;
+        /** @type {?} */
         UploadZoneComponent.prototype.uploadedFiles;
         /** @type {?} */
         UploadZoneComponent.prototype.queuedFiles;
@@ -3279,6 +3347,11 @@
         UploadZoneComponent.prototype.uploadProgress;
         /** @type {?} */
         UploadZoneComponent.prototype.uploadingFiles;
+        /**
+         * @type {?}
+         * @private
+         */
+        UploadZoneComponent.prototype.renderer;
     }
 
     /**