@acpaas-ui/ngx-forms 6.0.4 → 6.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/datepicker/components/datepicker/datepicker.component.mjs +13 -11
- package/esm2020/lib/upload/components/upload/upload.component.mjs +2 -2
- package/esm2020/lib/upload/components/upload-zone/upload-zone.component.mjs +3 -3
- package/fesm2015/acpaas-ui-ngx-forms.mjs +16 -14
- package/fesm2015/acpaas-ui-ngx-forms.mjs.map +1 -1
- package/fesm2020/acpaas-ui-ngx-forms.mjs +16 -14
- package/fesm2020/acpaas-ui-ngx-forms.mjs.map +1 -1
- package/package.json +8 -8
|
@@ -409,12 +409,14 @@ const DATEPICKER_DEFAULT_ERROR_LABELS = {
|
|
|
409
409
|
};
|
|
410
410
|
const DATEPICKER_SEPARATOR_CHAR = '/';
|
|
411
411
|
|
|
412
|
-
function
|
|
413
|
-
i0.ɵɵ
|
|
412
|
+
function DatepickerComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
|
|
413
|
+
i0.ɵɵelementContainerStart(0);
|
|
414
|
+
i0.ɵɵelement(1, "aui-icon", 6);
|
|
415
|
+
i0.ɵɵelementContainerEnd();
|
|
414
416
|
} }
|
|
415
417
|
function DatepickerComponent_ng_container_8_Template(rf, ctx) { if (rf & 1) {
|
|
416
418
|
i0.ɵɵelementContainerStart(0);
|
|
417
|
-
i0.ɵɵelement(1, "aui-icon",
|
|
419
|
+
i0.ɵɵelement(1, "aui-icon", 7);
|
|
418
420
|
i0.ɵɵelementContainerEnd();
|
|
419
421
|
} if (rf & 2) {
|
|
420
422
|
i0.ɵɵadvance(1);
|
|
@@ -423,7 +425,7 @@ function DatepickerComponent_ng_container_8_Template(rf, ctx) { if (rf & 1) {
|
|
|
423
425
|
function DatepickerComponent_ng_container_9_Template(rf, ctx) { if (rf & 1) {
|
|
424
426
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
425
427
|
i0.ɵɵelementContainerStart(0);
|
|
426
|
-
i0.ɵɵelementStart(1, "div",
|
|
428
|
+
i0.ɵɵelementStart(1, "div", 8)(2, "aui-calendar", 9);
|
|
427
429
|
i0.ɵɵlistener("selectDate", function DatepickerComponent_ng_container_9_Template_aui_calendar_selectDate_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.selectDateFromCalendar($event)); });
|
|
428
430
|
i0.ɵɵelementEnd()();
|
|
429
431
|
i0.ɵɵelementContainerEnd();
|
|
@@ -583,7 +585,7 @@ class DatepickerComponent {
|
|
|
583
585
|
useExisting: forwardRef((() => DatepickerComponent)),
|
|
584
586
|
multi: true,
|
|
585
587
|
},
|
|
586
|
-
]), i0.ɵɵNgOnChangesFeature], decls: 10, vars: 11, consts: [["aria-haspopup", "grid", "auiFlyout", "", 1, "aui-datepicker", "a-input", "has-icon-right"], ["for", "id", 1, "a-input__label"], ["id", "id", 1, "a-input__description"], [1, "a-input__wrapper"], ["label", "Pick date", "description", "Description", "type", "text", 3, "autocomplete", "formControl", "id", "name", "placeholder", "blur"], [
|
|
588
|
+
]), i0.ɵɵNgOnChangesFeature], decls: 10, vars: 11, consts: [["aria-haspopup", "grid", "auiFlyout", "", 1, "aui-datepicker", "a-input", "has-icon-right"], ["for", "id", 1, "a-input__label"], ["id", "id", 1, "a-input__description"], [1, "a-input__wrapper"], ["label", "Pick date", "description", "Description", "type", "text", 3, "autocomplete", "formControl", "id", "name", "placeholder", "blur"], [4, "ngIf"], ["name", "ai-calendar", "role", "button", "tabindex", "0"], ["auiFlyoutAction", "", "name", "ai-calendar", "className", "is-clickable", "role", "button", "tabindex", "0", 3, "openOnFocus"], ["auiFlyoutZone", "", "role", "dialog", 1, "m-datepicker", "m-datepicker--fixed"], [3, "range", "selectedDate", "interval", "weekdayLabels", "monthLabels", "selectDate"]], template: function DatepickerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
587
589
|
i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
|
|
588
590
|
i0.ɵɵtext(2);
|
|
589
591
|
i0.ɵɵelementEnd();
|
|
@@ -593,9 +595,9 @@ class DatepickerComponent {
|
|
|
593
595
|
i0.ɵɵelementStart(5, "div", 3)(6, "input", 4);
|
|
594
596
|
i0.ɵɵlistener("blur", function DatepickerComponent_Template_input_blur_6_listener($event) { return ctx.handleBlur($event); });
|
|
595
597
|
i0.ɵɵelementEnd();
|
|
596
|
-
i0.ɵɵtemplate(7,
|
|
597
|
-
i0.ɵɵtemplate(8, DatepickerComponent_ng_container_8_Template, 2, 1, "ng-container",
|
|
598
|
-
i0.ɵɵtemplate(9, DatepickerComponent_ng_container_9_Template, 3, 5, "ng-container",
|
|
598
|
+
i0.ɵɵtemplate(7, DatepickerComponent_ng_container_7_Template, 2, 0, "ng-container", 5);
|
|
599
|
+
i0.ɵɵtemplate(8, DatepickerComponent_ng_container_8_Template, 2, 1, "ng-container", 5);
|
|
600
|
+
i0.ɵɵtemplate(9, DatepickerComponent_ng_container_9_Template, 3, 5, "ng-container", 5);
|
|
599
601
|
i0.ɵɵelementEnd()();
|
|
600
602
|
} if (rf & 2) {
|
|
601
603
|
i0.ɵɵadvance(2);
|
|
@@ -614,7 +616,7 @@ class DatepickerComponent {
|
|
|
614
616
|
i0.ɵɵproperty("ngIf", !ctx.isDisabled);
|
|
615
617
|
i0.ɵɵadvance(1);
|
|
616
618
|
i0.ɵɵproperty("ngIf", !ctx.isDisabled);
|
|
617
|
-
} }, dependencies: [i1.NgIf, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.FormControlDirective, i1$2.CalendarComponent, i4$1.IconComponent, i4.FlyoutActionDirective, i4.FlyoutZoneDirective, i4.FlyoutDirective], styles: ["[_nghost-%COMP%], .aui-datepicker[_ngcontent-%COMP%]{display:block}"], changeDetection: 0 });
|
|
619
|
+
} }, dependencies: [i1.NgIf, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.FormControlDirective, i1$2.CalendarComponent, i4$1.IconComponent, i4.FlyoutActionDirective, i4.FlyoutZoneDirective, i4.FlyoutDirective], styles: ["[_nghost-%COMP%], .aui-datepicker[_ngcontent-%COMP%]{display:block}.m-flyout.is-open[_ngcontent-%COMP%] .m-datepicker[_ngcontent-%COMP%]{opacity:1;transform:translateY(calc(var(--BORDER-WIDTH) * -1));transition-delay:0s;visibility:visible}"], changeDetection: 0 });
|
|
618
620
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatepickerComponent, [{
|
|
619
621
|
type: Component,
|
|
620
622
|
args: [{ selector: 'aui-datepicker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
@@ -628,7 +630,7 @@ class DatepickerComponent {
|
|
|
628
630
|
useExisting: forwardRef((() => DatepickerComponent)),
|
|
629
631
|
multi: true,
|
|
630
632
|
},
|
|
631
|
-
], template: "<div aria-haspopup=\"grid\" auiFlyout class=\"aui-datepicker a-input has-icon-right\">\n <label class=\"a-input__label\" for=\"id\">{{ label }}</label>\n <small class=\"a-input__description\" id=\"id\"> {{ description }}</small>\n <div class=\"a-input__wrapper\">\n <input\n (blur)=\"handleBlur($event)\"\n [attr.disabled]=\"isDisabled ? true : null\"\n [autocomplete]=\"autocomplete\"\n [formControl]=\"formControl\"\n id=\"{{ id }}\"\n label=\"Pick date\"\n description=\"Description\"\n name=\"{{ name }}\"\n placeholder=\"{{ placeholder }}\"\n type=\"text\"\n />\n <
|
|
633
|
+
], template: "<div aria-haspopup=\"grid\" auiFlyout class=\"aui-datepicker a-input has-icon-right\">\n <label class=\"a-input__label\" for=\"id\">{{ label }}</label>\n <small class=\"a-input__description\" id=\"id\"> {{ description }}</small>\n <div class=\"a-input__wrapper\">\n <input\n (blur)=\"handleBlur($event)\"\n [attr.disabled]=\"isDisabled ? true : null\"\n [autocomplete]=\"autocomplete\"\n [formControl]=\"formControl\"\n id=\"{{ id }}\"\n label=\"Pick date\"\n description=\"Description\"\n name=\"{{ name }}\"\n placeholder=\"{{ placeholder }}\"\n type=\"text\"\n />\n <ng-container *ngIf=\"isDisabled\">\n <aui-icon\n name=\"ai-calendar\"\n role=\"button\"\n tabindex=\"0\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isDisabled\">\n <aui-icon\n auiFlyoutAction\n [openOnFocus]=\"false\"\n name=\"ai-calendar\"\n className=\"is-clickable\"\n role=\"button\"\n tabindex=\"0\"\n />\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</div>\n", styles: [":host,.aui-datepicker{display:block}.m-flyout.is-open .m-datepicker{opacity:1;transform:translateY(calc(var(--BORDER-WIDTH) * -1));transition-delay:0s;visibility:visible}\n"] }]
|
|
632
634
|
}], function () { return [{ type: undefined, decorators: [{
|
|
633
635
|
type: Inject,
|
|
634
636
|
args: [CALENDAR_MONTH_LABELS]
|
|
@@ -2037,10 +2039,10 @@ class UploadZoneComponent {
|
|
|
2037
2039
|
i0.ɵɵproperty("ngIf", ctx.uploader.options.type === "drop");
|
|
2038
2040
|
i0.ɵɵadvance(1);
|
|
2039
2041
|
i0.ɵɵproperty("ngIf", ctx.uploader.options.type === "button");
|
|
2040
|
-
} }, dependencies: [i1.NgForOf, i1.NgIf, i2.ProgressBarComponent],
|
|
2042
|
+
} }, dependencies: [i1.NgForOf, i1.NgIf, i2.ProgressBarComponent], styles: [".m-upload__button[_ngcontent-%COMP%]{position:relative}"] });
|
|
2041
2043
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UploadZoneComponent, [{
|
|
2042
2044
|
type: Component,
|
|
2043
|
-
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\n #fileInput\n type=\"file\"\n class=\"m-upload__input\"\n [id]=\"id\"\n [attr.aria-labelledby]=\"ariaId\"\n (click)=\"onFileClick($event)\"\n (change)=\"updateFiles()\"\n />\n\n <div *ngIf=\"!uploadProgress || uploadProgress === 0\" class=\"m-upload__content\">\n <label [for]=\"ariaId\" class=\"m-upload__message\">\n {{ label }}\n </label>\n <p class=\"m-upload__uploads u-text-bold\">{{ uploadedFilesString }}</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 {{ description }}\n </small>\n</div>\n\n<button\n (click)=\"triggerFile()\"\n *ngIf=\"uploader.options.type === 'button'\"\n [disabled]=\"disabled\"\n class=\"a-button m-upload__button\"\n type=\"button\"\n>\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 (click)=\"onFileClick($event)\"\n (change)=\"updateFiles()\"\n />\n</button>\n" }]
|
|
2045
|
+
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\n #fileInput\n type=\"file\"\n class=\"m-upload__input\"\n [id]=\"id\"\n [attr.aria-labelledby]=\"ariaId\"\n (click)=\"onFileClick($event)\"\n (change)=\"updateFiles()\"\n />\n\n <div *ngIf=\"!uploadProgress || uploadProgress === 0\" class=\"m-upload__content\">\n <label [for]=\"ariaId\" class=\"m-upload__message\">\n {{ label }}\n </label>\n <p class=\"m-upload__uploads u-text-bold\">{{ uploadedFilesString }}</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 {{ description }}\n </small>\n</div>\n\n<button\n (click)=\"triggerFile()\"\n *ngIf=\"uploader.options.type === 'button'\"\n [disabled]=\"disabled\"\n class=\"a-button m-upload__button\"\n type=\"button\"\n>\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 (click)=\"onFileClick($event)\"\n (change)=\"updateFiles()\"\n />\n</button>\n", styles: [".m-upload__button{position:relative}\n"] }]
|
|
2044
2046
|
}], function () { return [{ type: i0.Renderer2 }]; }, { fileInput: [{
|
|
2045
2047
|
type: ViewChild,
|
|
2046
2048
|
args: ['fileInput', { static: false }]
|
|
@@ -2227,10 +2229,10 @@ class UploadComponent {
|
|
|
2227
2229
|
i0.ɵɵproperty("ariaLabelRemove", ctx.ariaLabelRemove)("invalidFiles", ctx.invalidFiles);
|
|
2228
2230
|
i0.ɵɵadvance(1);
|
|
2229
2231
|
i0.ɵɵproperty("ngIf", !(ctx.options == null ? null : ctx.options.autoUpload));
|
|
2230
|
-
} }, dependencies: [i1.NgIf, UploadQueueComponent, UploadZoneComponent, ValidationListComponent], styles: [".m-upload__button[_ngcontent-%COMP%]
|
|
2232
|
+
} }, dependencies: [i1.NgIf, UploadQueueComponent, UploadZoneComponent, ValidationListComponent], styles: [".m-upload__button[_ngcontent-%COMP%]{position:relative}"] });
|
|
2231
2233
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UploadComponent, [{
|
|
2232
2234
|
type: Component,
|
|
2233
|
-
args: [{ selector: 'aui-upload', 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 [label]=\"label\"\n [description]=\"description\"\n >\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\n (uploadedFiles)=\"onUploadedFiles($event)\"\n *ngIf=\"!options?.autoUpload\"\n [ariaLabelRemove]=\"ariaLabelRemove\"\n [files]=\"queuedFiles\"\n [uploader]=\"uploader\"\n ></aui-upload-queue>\n</div>\n", styles: [".m-upload__button
|
|
2235
|
+
args: [{ selector: 'aui-upload', 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 [label]=\"label\"\n [description]=\"description\"\n >\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\n (uploadedFiles)=\"onUploadedFiles($event)\"\n *ngIf=\"!options?.autoUpload\"\n [ariaLabelRemove]=\"ariaLabelRemove\"\n [files]=\"queuedFiles\"\n [uploader]=\"uploader\"\n ></aui-upload-queue>\n</div>\n", styles: [".m-upload__button{position:relative}\n"] }]
|
|
2234
2236
|
}], null, { id: [{
|
|
2235
2237
|
type: Input
|
|
2236
2238
|
}], accept: [{
|