@acpaas-ui/ngx-forms 4.4.0 → 4.6.3

package/fesm5/acpaas-ui-ngx-forms.js

@@ -811,11 +811,11 @@ var DatepickerComponent = /** @class */ (function () {
      * @return {?}
      */
     function (value) {
+        this.selectedDate = typeof value === 'string'
+            ? this.isISODateFormat(value) ? new Date(value) : DateHelper.parseDate(value, 'DD/MM/YYYY', true)
+            : value;
         /** @type {?} */
-        var date = 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);
     };
     /**
@@ -933,6 +933,22 @@ var DatepickerComponent = /** @class */ (function () {
         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: Component, args: [{
                     selector: 'aui-datepicker',
@@ -2616,8 +2632,10 @@ if (false) {
 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 EventEmitter();
         this.uploadedFiles = [];
@@ -2673,14 +2691,16 @@ var UploadComponent = /** @class */ (function () {
     UploadComponent.decorators = [
         { type: 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: Input }],
+        accept: [{ type: Input }],
         ariaLabelRemove: [{ type: Input }],
         disabled: [{ type: Input }],
+        multiple: [{ type: Input }],
         options: [{ type: Input }],
         selectUploadedFiles: [{ type: Output }]
     };
@@ -2690,10 +2710,14 @@ if (false) {
     /** @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;
@@ -2871,11 +2895,13 @@ if (false) {
  * @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 EventEmitter();
         this.queuedFiles = new EventEmitter();
         this.invalidFiles = new EventEmitter();
@@ -2941,6 +2967,36 @@ var UploadZoneComponent = /** @class */ (function () {
         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
@@ -3027,9 +3083,13 @@ var UploadZoneComponent = /** @class */ (function () {
     UploadZoneComponent.decorators = [
         { type: 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: Renderer2 }
+    ]; };
     UploadZoneComponent.propDecorators = {
         fileInput: [{ type: ViewChild, args: ['fileInput', { static: false },] }],
         uploader: [{ type: Input }],
@@ -3037,6 +3097,7 @@ var UploadZoneComponent = /** @class */ (function () {
         multiple: [{ type: Input }],
         id: [{ type: Input }],
         ariaId: [{ type: Input }],
+        accept: [{ type: Input }],
         uploadedFiles: [{ type: Output }],
         queuedFiles: [{ type: Output }],
         invalidFiles: [{ type: Output }],
@@ -3060,6 +3121,8 @@ if (false) {
     /** @type {?} */
     UploadZoneComponent.prototype.ariaId;
     /** @type {?} */
+    UploadZoneComponent.prototype.accept;
+    /** @type {?} */
     UploadZoneComponent.prototype.uploadedFiles;
     /** @type {?} */
     UploadZoneComponent.prototype.queuedFiles;
@@ -3073,6 +3136,11 @@ if (false) {
     UploadZoneComponent.prototype.uploadProgress;
     /** @type {?} */
     UploadZoneComponent.prototype.uploadingFiles;
+    /**
+     * @type {?}
+     * @private
+     */
+    UploadZoneComponent.prototype.renderer;
 }
 
 /**