@acpaas-ui/ngx-forms 5.2.1 → 5.4.0

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

@@ -929,12 +929,12 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var DatepickerComponent = /** @class */ (function () {
-        function DatepickerComponent(monthLabels, weekdayLabels, errorLabels, calendarService, formBuilder, ref) {
-            if (monthLabels === void 0) { monthLabels = ngxCalendar.CALENDAR_DEFAULT_MONTH_LABELS; }
-            if (weekdayLabels === void 0) { weekdayLabels = ngxCalendar.CALENDAR_DEFAULT_WEEKDAY_LABELS; }
+        function DatepickerComponent(moduleMonthLabels, moduleWeekdayLabels, errorLabels, calendarService, formBuilder, ref) {
+            if (moduleMonthLabels === void 0) { moduleMonthLabels = ngxCalendar.CALENDAR_DEFAULT_MONTH_LABELS; }
+            if (moduleWeekdayLabels === void 0) { moduleWeekdayLabels = ngxCalendar.CALENDAR_DEFAULT_WEEKDAY_LABELS; }
             if (errorLabels === void 0) { errorLabels = DATEPICKER_DEFAULT_ERROR_LABELS; }
-            this.monthLabels = monthLabels;
-            this.weekdayLabels = weekdayLabels;
+            this.moduleMonthLabels = moduleMonthLabels;
+            this.moduleWeekdayLabels = moduleWeekdayLabels;
             this.errorLabels = errorLabels;
             this.calendarService = calendarService;
             this.formBuilder = formBuilder;
@@ -961,6 +961,8 @@
          */
         function () {
             var _this = this;
+            this.weekdayLabels = this.weekdayLabels || this.moduleWeekdayLabels;
+            this.monthLabels = this.monthLabels || this.moduleMonthLabels;
             this.createInterval();
             this.formControl = this.formBuilder.control({ value: '', disabled: this.isDisabled });
             this.formControl.valueChanges
@@ -1180,7 +1182,7 @@
         DatepickerComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'aui-datepicker',
-                        template: "<div aria-haspopup=\"grid\" auiFlyout class=\"aui-datepicker a-input__wrapper\">\n  <input\n    (blur)=\"handleBlur($event)\"\n    [attr.disabled]=\"isDisabled ? true : null\"\n    [auiMask]=\"dateMask.mask\"\n    [autocomplete]=\"autocomplete\"\n    [formControl]=\"formControl\"\n    id=\"{{ id }}\"\n    name=\"{{ name }}\"\n    placeholder=\"{{ placeholder }}\"\n    type=\"text\"\n  >\n  <aui-icon *ngIf=\"isDisabled\" name=\"ai-calendar-3\" role=\"button\" tabindex=\"0\"></aui-icon>\n\n  <ng-container *ngIf=\"!isDisabled\">\n    <aui-icon auiFlyoutAction [openOnFocus]=\"false\" name=\"ai-calendar-3\" className=\"is-clickable\" role=\"button\" tabindex=\"0\"></aui-icon>\n  </ng-container>\n\n  <ng-container *ngIf=\"!isDisabled\">\n    <div auiFlyoutZone class=\"m-datepicker m-datepicker--fixed\" role=\"dialog\">\n      <aui-calendar (selectDate)=\"selectDateFromCalendar($event)\" [range]=\"range\"\n                    [selectedDate]=\"selectedDate\" [interval]=\"interval\"></aui-calendar>\n    </div>\n  </ng-container>\n</div>\n",
+                        template: "<div aria-haspopup=\"grid\" auiFlyout class=\"aui-datepicker a-input__wrapper\">\n  <input\n    (blur)=\"handleBlur($event)\"\n    [attr.disabled]=\"isDisabled ? true : null\"\n    [auiMask]=\"dateMask.mask\"\n    [autocomplete]=\"autocomplete\"\n    [formControl]=\"formControl\"\n    id=\"{{ id }}\"\n    name=\"{{ name }}\"\n    placeholder=\"{{ placeholder }}\"\n    type=\"text\"\n  >\n  <aui-icon *ngIf=\"isDisabled\" name=\"ai-calendar-3\" role=\"button\" tabindex=\"0\"></aui-icon>\n\n  <ng-container *ngIf=\"!isDisabled\">\n    <aui-icon auiFlyoutAction [openOnFocus]=\"false\" name=\"ai-calendar-3\" className=\"is-clickable\" role=\"button\" tabindex=\"0\"></aui-icon>\n  </ng-container>\n\n  <ng-container *ngIf=\"!isDisabled\">\n    <div auiFlyoutZone class=\"m-datepicker m-datepicker--fixed\" role=\"dialog\">\n      <aui-calendar\n        (selectDate)=\"selectDateFromCalendar($event)\"\n        [range]=\"range\"\n        [selectedDate]=\"selectedDate\"\n        [interval]=\"interval\"\n        [weekdayLabels]=\"weekdayLabels\"\n        [monthLabels]=\"monthLabels\"\n      ></aui-calendar>\n    </div>\n  </ng-container>\n</div>\n",
                         changeDetection: core.ChangeDetectionStrategy.OnPush,
                         providers: [{
                                 provide: forms.NG_VALUE_ACCESSOR,
@@ -1220,6 +1222,8 @@
             min: [{ type: core.Input }],
             max: [{ type: core.Input }],
             autocomplete: [{ type: core.Input }],
+            weekdayLabels: [{ type: core.Input }],
+            monthLabels: [{ type: core.Input }],
             blur: [{ type: core.Output }]
         };
         return DatepickerComponent;
@@ -1242,6 +1246,10 @@
         /** @type {?} */
         DatepickerComponent.prototype.autocomplete;
         /** @type {?} */
+        DatepickerComponent.prototype.weekdayLabels;
+        /** @type {?} */
+        DatepickerComponent.prototype.monthLabels;
+        /** @type {?} */
         DatepickerComponent.prototype.blur;
         /** @type {?} */
         DatepickerComponent.prototype.dateMask;
@@ -1272,12 +1280,12 @@
          * @type {?}
          * @private
          */
-        DatepickerComponent.prototype.monthLabels;
+        DatepickerComponent.prototype.moduleMonthLabels;
         /**
          * @type {?}
          * @private
          */
-        DatepickerComponent.prototype.weekdayLabels;
+        DatepickerComponent.prototype.moduleWeekdayLabels;
         /**
          * @type {?}
          * @private
@@ -2864,6 +2872,7 @@
         function UploadComponent() {
             this.id = '';
             this.accept = [];
+            this.capture = '';
             this.ariaLabelRemove = 'Verwijder';
             this.disabled = false;
             this.multiple = true;
@@ -2922,13 +2931,14 @@
         UploadComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'aui-upload',
-                        template: "<div class=\"m-upload aui-upload\">\n  <aui-upload-zone\n    [id]=\"id\"\n    [accept]=\"accept\"\n    [ariaId]=\"ariaId\"\n    [disabled]=\"disabled\"\n    [multiple]=\"multiple\"\n    [uploader]=\"uploader\"\n    (invalidFiles)=\"onInvalidFiles($event)\"\n    (queuedFiles)=\"onQueuedFiles($event)\"\n    (uploadedFiles)=\"onUploadedFiles($event)\">\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\n    [id]=\"id\"\n    [accept]=\"accept\"\n    [capture]=\"capture\"\n    [ariaId]=\"ariaId\"\n    [disabled]=\"disabled\"\n    [multiple]=\"multiple\"\n    [uploader]=\"uploader\"\n    (invalidFiles)=\"onInvalidFiles($event)\"\n    (queuedFiles)=\"onQueuedFiles($event)\"\n    (uploadedFiles)=\"onUploadedFiles($event)\">\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 }],
+            capture: [{ type: core.Input }],
             ariaLabelRemove: [{ type: core.Input }],
             disabled: [{ type: core.Input }],
             multiple: [{ type: core.Input }],
@@ -2943,6 +2953,8 @@
         /** @type {?} */
         UploadComponent.prototype.accept;
         /** @type {?} */
+        UploadComponent.prototype.capture;
+        /** @type {?} */
         UploadComponent.prototype.ariaLabelRemove;
         /** @type {?} */
         UploadComponent.prototype.disabled;
@@ -3130,6 +3142,7 @@
             this.renderer = renderer;
             this.id = '';
             this.accept = [];
+            this.capture = '';
             this.ariaId = '';
             this.disabled = false;
             this.multiple = true;
@@ -3221,12 +3234,15 @@
             if (this.multiple !== false) {
                 this.renderer.setProperty(this.fileInput.nativeElement, 'multiple', 'multiple');
             }
-            if (this.accept) {
+            if (!!this.accept.length) {
                 this.renderer.setProperty(this.fileInput.nativeElement, 'accept', this.accept.join());
             }
             if (this.disabled) {
                 this.renderer.setProperty(this.fileInput.nativeElement, 'disabled', 'disabled');
             }
+            if (this.capture !== '') {
+                this.renderer.setAttribute(this.fileInput.nativeElement, 'capture', this.capture);
+            }
         };
         /**
          * @protected
@@ -3326,6 +3342,7 @@
             uploader: [{ type: core.Input }],
             id: [{ type: core.Input }],
             accept: [{ type: core.Input }],
+            capture: [{ type: core.Input }],
             ariaId: [{ type: core.Input }],
             disabled: [{ type: core.Input }],
             multiple: [{ type: core.Input }],
@@ -3348,6 +3365,8 @@
         /** @type {?} */
         UploadZoneComponent.prototype.accept;
         /** @type {?} */
+        UploadZoneComponent.prototype.capture;
+        /** @type {?} */
         UploadZoneComponent.prototype.ariaId;
         /** @type {?} */
         UploadZoneComponent.prototype.disabled;