@acpaas-ui/ngx-forms 5.2.1 → 5.4.0

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

@@ -719,12 +719,12 @@ var DATEPICKER_DATE_MASK = "99" + DATEPICKER_SEPARATOR_CHAR + "99" + DATEPICKER_
  * @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 = CALENDAR_DEFAULT_MONTH_LABELS; }
-        if (weekdayLabels === void 0) { weekdayLabels = CALENDAR_DEFAULT_WEEKDAY_LABELS; }
+    function DatepickerComponent(moduleMonthLabels, moduleWeekdayLabels, errorLabels, calendarService, formBuilder, ref) {
+        if (moduleMonthLabels === void 0) { moduleMonthLabels = CALENDAR_DEFAULT_MONTH_LABELS; }
+        if (moduleWeekdayLabels === void 0) { moduleWeekdayLabels = 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;
@@ -751,6 +751,8 @@ var DatepickerComponent = /** @class */ (function () {
      */
     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
@@ -970,7 +972,7 @@ var DatepickerComponent = /** @class */ (function () {
     DatepickerComponent.decorators = [
         { type: 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: ChangeDetectionStrategy.OnPush,
                     providers: [{
                             provide: NG_VALUE_ACCESSOR,
@@ -1010,6 +1012,8 @@ var DatepickerComponent = /** @class */ (function () {
         min: [{ type: Input }],
         max: [{ type: Input }],
         autocomplete: [{ type: Input }],
+        weekdayLabels: [{ type: Input }],
+        monthLabels: [{ type: Input }],
         blur: [{ type: Output }]
     };
     return DatepickerComponent;
@@ -1032,6 +1036,10 @@ if (false) {
     /** @type {?} */
     DatepickerComponent.prototype.autocomplete;
     /** @type {?} */
+    DatepickerComponent.prototype.weekdayLabels;
+    /** @type {?} */
+    DatepickerComponent.prototype.monthLabels;
+    /** @type {?} */
     DatepickerComponent.prototype.blur;
     /** @type {?} */
     DatepickerComponent.prototype.dateMask;
@@ -1062,12 +1070,12 @@ if (false) {
      * @type {?}
      * @private
      */
-    DatepickerComponent.prototype.monthLabels;
+    DatepickerComponent.prototype.moduleMonthLabels;
     /**
      * @type {?}
      * @private
      */
-    DatepickerComponent.prototype.weekdayLabels;
+    DatepickerComponent.prototype.moduleWeekdayLabels;
     /**
      * @type {?}
      * @private
@@ -2654,6 +2662,7 @@ var UploadComponent = /** @class */ (function () {
     function UploadComponent() {
         this.id = '';
         this.accept = [];
+        this.capture = '';
         this.ariaLabelRemove = 'Verwijder';
         this.disabled = false;
         this.multiple = true;
@@ -2712,13 +2721,14 @@ var UploadComponent = /** @class */ (function () {
     UploadComponent.decorators = [
         { type: 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: Input }],
         accept: [{ type: Input }],
+        capture: [{ type: Input }],
         ariaLabelRemove: [{ type: Input }],
         disabled: [{ type: Input }],
         multiple: [{ type: Input }],
@@ -2733,6 +2743,8 @@ if (false) {
     /** @type {?} */
     UploadComponent.prototype.accept;
     /** @type {?} */
+    UploadComponent.prototype.capture;
+    /** @type {?} */
     UploadComponent.prototype.ariaLabelRemove;
     /** @type {?} */
     UploadComponent.prototype.disabled;
@@ -2920,6 +2932,7 @@ var UploadZoneComponent = /** @class */ (function () {
         this.renderer = renderer;
         this.id = '';
         this.accept = [];
+        this.capture = '';
         this.ariaId = '';
         this.disabled = false;
         this.multiple = true;
@@ -3011,12 +3024,15 @@ var UploadZoneComponent = /** @class */ (function () {
         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
@@ -3116,6 +3132,7 @@ var UploadZoneComponent = /** @class */ (function () {
         uploader: [{ type: Input }],
         id: [{ type: Input }],
         accept: [{ type: Input }],
+        capture: [{ type: Input }],
         ariaId: [{ type: Input }],
         disabled: [{ type: Input }],
         multiple: [{ type: Input }],
@@ -3138,6 +3155,8 @@ if (false) {
     /** @type {?} */
     UploadZoneComponent.prototype.accept;
     /** @type {?} */
+    UploadZoneComponent.prototype.capture;
+    /** @type {?} */
     UploadZoneComponent.prototype.ariaId;
     /** @type {?} */
     UploadZoneComponent.prototype.disabled;