@festo-ui/angular 6.1.0-dev.267 → 6.1.0-dev.272
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/esm2022/lib/forms/date-picker/date-picker.component.mjs +7 -4
- package/esm2022/lib/forms/date-range-picker/date-range-picker.component.mjs +7 -4
- package/esm2022/lib/forms/text-area/text-area.component.mjs +3 -3
- package/esm2022/lib/forms/time-picker/time-picker.component.mjs +7 -4
- package/fesm2022/festo-ui-angular.mjs +20 -11
- package/fesm2022/festo-ui-angular.mjs.map +1 -1
- package/lib/forms/date-picker/date-picker.component.d.ts +3 -2
- package/lib/forms/date-range-picker/date-range-picker.component.d.ts +3 -2
- package/lib/forms/time-picker/time-picker.component.d.ts +3 -2
- package/package.json +1 -1
|
@@ -4112,8 +4112,9 @@ class FngTimePickerComponent {
|
|
|
4112
4112
|
}
|
|
4113
4113
|
return timeFormat;
|
|
4114
4114
|
}
|
|
4115
|
-
constructor(overlay) {
|
|
4115
|
+
constructor(overlay, cd) {
|
|
4116
4116
|
this.overlay = overlay;
|
|
4117
|
+
this.cd = cd;
|
|
4117
4118
|
this.innerRequired = false;
|
|
4118
4119
|
this.width = 'none';
|
|
4119
4120
|
this.display = 'block';
|
|
@@ -4198,6 +4199,8 @@ class FngTimePickerComponent {
|
|
|
4198
4199
|
if (ev.close) {
|
|
4199
4200
|
this.disposeDropdown();
|
|
4200
4201
|
}
|
|
4202
|
+
// we need to re-render our view after value changed
|
|
4203
|
+
this.cd.markForCheck();
|
|
4201
4204
|
});
|
|
4202
4205
|
this.timePickerRef
|
|
4203
4206
|
.backdropClick()
|
|
@@ -4220,7 +4223,7 @@ class FngTimePickerComponent {
|
|
|
4220
4223
|
this.complete.complete();
|
|
4221
4224
|
}
|
|
4222
4225
|
}
|
|
4223
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FngTimePickerComponent, deps: [{ token: i1$3.Overlay }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4226
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FngTimePickerComponent, deps: [{ token: i1$3.Overlay }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4224
4227
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: FngTimePickerComponent, isStandalone: true, selector: "fng-time-picker", inputs: { value: "value", disabled: "disabled", required: "required", hint: "hint", error: "error", options: "options", width: "width" }, host: { properties: { "style.width": "this.width", "style.display": "this.display" } }, providers: [
|
|
4225
4228
|
{
|
|
4226
4229
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -4238,7 +4241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
|
|
|
4238
4241
|
multi: true
|
|
4239
4242
|
}
|
|
4240
4243
|
], encapsulation: ViewEncapsulation.None, template: "<label #connector class=\"fng-time-picker fwe-input-text fwe-input-text-icon\" (click)=\"toggle($event)\">\n <i class=\"fwe-icon fwe-icon-time-time\" [class.fwe-color-hero]=\"timePickerRef != null\" [class.fwe-color-control-disabled]=\"disabled\"></i>\n <input\n aria-label=\"picked time\"\n type=\"text\"\n readonly\n [required]=\"required === true || null\"\n [class.fwe-border-hero]=\"timePickerRef != null\"\n [value]=\"value | date: timeFormat\"\n [disabled]=\"disabled\"\n />\n <span class=\"fwe-input-text-label\"><ng-content></ng-content></span>\n <span *ngIf=\"hint\" class=\"fwe-input-text-info\">{{ hint }}</span>\n <span *ngIf=\"error\" class=\"fwe-input-text-invalid\">{{ error }}</span>\n</label>\n", styles: [".fng-first-child-fullwidth fng-time-picker-dropdown{width:100%}\n"] }]
|
|
4241
|
-
}], ctorParameters: () => [{ type: i1$3.Overlay }], propDecorators: { value: [{
|
|
4244
|
+
}], ctorParameters: () => [{ type: i1$3.Overlay }, { type: i0.ChangeDetectorRef }], propDecorators: { value: [{
|
|
4242
4245
|
type: Input
|
|
4243
4246
|
}], disabled: [{
|
|
4244
4247
|
type: Input
|
|
@@ -4351,9 +4354,10 @@ class FngDatePickerComponent {
|
|
|
4351
4354
|
const timezone = this.timezone;
|
|
4352
4355
|
return formatDate(this.value, format, locale, timezone);
|
|
4353
4356
|
}
|
|
4354
|
-
constructor(overlay, localeDefault) {
|
|
4357
|
+
constructor(overlay, localeDefault, cd) {
|
|
4355
4358
|
this.overlay = overlay;
|
|
4356
4359
|
this.localeDefault = localeDefault;
|
|
4360
|
+
this.cd = cd;
|
|
4357
4361
|
this.innerDisabled = false;
|
|
4358
4362
|
this.options = {};
|
|
4359
4363
|
this.innerRequired = false;
|
|
@@ -4368,6 +4372,8 @@ class FngDatePickerComponent {
|
|
|
4368
4372
|
}
|
|
4369
4373
|
onDateChange(date) {
|
|
4370
4374
|
this.value = date;
|
|
4375
|
+
// we need to re-render our view after value changed
|
|
4376
|
+
this.cd.markForCheck();
|
|
4371
4377
|
}
|
|
4372
4378
|
writeValue(date) {
|
|
4373
4379
|
this.innerValue = date;
|
|
@@ -4450,7 +4456,7 @@ class FngDatePickerComponent {
|
|
|
4450
4456
|
this.complete.complete();
|
|
4451
4457
|
}
|
|
4452
4458
|
}
|
|
4453
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FngDatePickerComponent, deps: [{ token: i1$3.Overlay }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4459
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FngDatePickerComponent, deps: [{ token: i1$3.Overlay }, { token: LOCALE_ID }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4454
4460
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: FngDatePickerComponent, isStandalone: true, selector: "fng-date-picker", inputs: { value: "value", disabled: "disabled", hint: "hint", error: "error", options: "options", locale: "locale", format: "format", timezone: "timezone", required: "required", width: "width" }, host: { listeners: { "document:keydown": "hide($event)" }, properties: { "style.width": "this.width", "style.display": "this.display" } }, providers: [
|
|
4455
4461
|
{
|
|
4456
4462
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -4471,7 +4477,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
|
|
|
4471
4477
|
}], ctorParameters: () => [{ type: i1$3.Overlay }, { type: undefined, decorators: [{
|
|
4472
4478
|
type: Inject,
|
|
4473
4479
|
args: [LOCALE_ID]
|
|
4474
|
-
}] }], propDecorators: { value: [{
|
|
4480
|
+
}] }, { type: i0.ChangeDetectorRef }], propDecorators: { value: [{
|
|
4475
4481
|
type: Input
|
|
4476
4482
|
}], disabled: [{
|
|
4477
4483
|
type: Input
|
|
@@ -4556,9 +4562,10 @@ class FngDateRangePickerComponent {
|
|
|
4556
4562
|
const timezone = this.timezone;
|
|
4557
4563
|
return formatDate(to, format, locale, timezone);
|
|
4558
4564
|
}
|
|
4559
|
-
constructor(overlay, localeDefault) {
|
|
4565
|
+
constructor(overlay, localeDefault, cd) {
|
|
4560
4566
|
this.overlay = overlay;
|
|
4561
4567
|
this.localeDefault = localeDefault;
|
|
4568
|
+
this.cd = cd;
|
|
4562
4569
|
this.innerDisabled = false;
|
|
4563
4570
|
this.options = {};
|
|
4564
4571
|
this.innerRequired = false;
|
|
@@ -4576,6 +4583,8 @@ class FngDateRangePickerComponent {
|
|
|
4576
4583
|
}
|
|
4577
4584
|
onDateChange(dateRange) {
|
|
4578
4585
|
this.value = dateRange;
|
|
4586
|
+
// we need to re-render our view after value changed
|
|
4587
|
+
this.cd.markForCheck();
|
|
4579
4588
|
}
|
|
4580
4589
|
writeValue(dateRange) {
|
|
4581
4590
|
this.innerValue = dateRange;
|
|
@@ -4662,7 +4671,7 @@ class FngDateRangePickerComponent {
|
|
|
4662
4671
|
this.complete.complete();
|
|
4663
4672
|
}
|
|
4664
4673
|
}
|
|
4665
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FngDateRangePickerComponent, deps: [{ token: i1$3.Overlay }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4674
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FngDateRangePickerComponent, deps: [{ token: i1$3.Overlay }, { token: LOCALE_ID }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4666
4675
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: FngDateRangePickerComponent, isStandalone: true, selector: "fng-date-range-picker", inputs: { value: "value", disabled: "disabled", hint: "hint", error: "error", locale: "locale", format: "format", timezone: "timezone", options: "options", required: "required", width: "width" }, outputs: { fngChange: "fngChange", change: "change" }, host: { listeners: { "document:keydown": "hide($event)" }, properties: { "style.width": "this.width", "style.display": "this.display" } }, providers: [
|
|
4667
4676
|
{
|
|
4668
4677
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -4683,7 +4692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
|
|
|
4683
4692
|
}], ctorParameters: () => [{ type: i1$3.Overlay }, { type: undefined, decorators: [{
|
|
4684
4693
|
type: Inject,
|
|
4685
4694
|
args: [LOCALE_ID]
|
|
4686
|
-
}] }], propDecorators: { value: [{
|
|
4695
|
+
}] }, { type: i0.ChangeDetectorRef }], propDecorators: { value: [{
|
|
4687
4696
|
type: Input
|
|
4688
4697
|
}], disabled: [{
|
|
4689
4698
|
type: Input
|
|
@@ -5975,7 +5984,7 @@ class FngTextAreaComponent {
|
|
|
5975
5984
|
useExisting: forwardRef(() => FngTextAreaComponent),
|
|
5976
5985
|
multi: true
|
|
5977
5986
|
}
|
|
5978
|
-
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<label class=\"fwe-input-text\">\n <textarea\n #inputElement\n [class]=\"'fwe-row-' + rows\"\n [disabled]=\"disabled\"\n [required]=\"required === true || null\"\n [attr.readonly]=\"readonly === true || null\"\n [attr.placeholder]=\"placeholder || null\"\n [attr.name]=\"name || null\"\n [attr.tabindex]=\"tabindex\"\n [class.fng-has-value]=\"value != null && value !== ''\"\n autocomplete=\"off\"\n (focus)=\"onFocus()\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n >{{ value }}</textarea\n >\n <span class=\"fwe-input-text-label\">{{ label }}</span>\n <span *ngIf=\"hint\" class=\"fwe-input-text-info\">{{ hint }}</span>\n <span *ngIf=\"error\" class=\"fwe-input-text-invalid\">{{ error }}</span>\n <span *ngIf=\"maxlength > 0 && value != null\" class=\"fwe-input-text-count\">{{ value.length }} / {{ maxlength }}</span>\n</label>\n", styles: ["fng-text-area.ng-invalid label.fwe-input-text textarea{border:1px solid var(--fwe-red)!important;box-shadow:none;outline:none}fng-text-area.ng-invalid
|
|
5987
|
+
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<label class=\"fwe-input-text\">\n <textarea\n #inputElement\n [class]=\"'fwe-row-' + rows\"\n [disabled]=\"disabled\"\n [required]=\"required === true || null\"\n [attr.readonly]=\"readonly === true || null\"\n [attr.placeholder]=\"placeholder || null\"\n [attr.name]=\"name || null\"\n [attr.tabindex]=\"tabindex\"\n [class.fng-has-value]=\"value != null && value !== ''\"\n autocomplete=\"off\"\n (focus)=\"onFocus()\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n >{{ value }}</textarea\n >\n <span class=\"fwe-input-text-label\">{{ label }}</span>\n <span *ngIf=\"hint\" class=\"fwe-input-text-info\">{{ hint }}</span>\n <span *ngIf=\"error\" class=\"fwe-input-text-invalid\">{{ error }}</span>\n <span *ngIf=\"maxlength > 0 && value != null\" class=\"fwe-input-text-count\">{{ value.length }} / {{ maxlength }}</span>\n</label>\n", styles: ["fng-text-area.ng-invalid.ng-dirty label.fwe-input-text textarea{border:1px solid var(--fwe-red)!important;box-shadow:none;outline:none}fng-text-area.ng-invalid.ng-dirty label.fwe-input-text textarea:disabled{border:1px solid var(--fwe-control-disabled)!important}fng-text-area.ng-invalid.ng-dirty label.fwe-input-text textarea:disabled~.fwe-input-text-label,fng-text-area.ng-invalid.ng-dirty label.fwe-input-text textarea:disabled~.fwe-input-text-invalid,fng-text-area.ng-invalid.ng-dirty label.fwe-input-text textarea:disabled~.fwe-input-text-info{color:var(--fwe-text-disabled)}fng-text-area.ng-invalid.ng-dirty label.fwe-input-text .fwe-input-text-info{display:none!important}fng-text-area.ng-invalid.ng-dirty label.fwe-input-text .fwe-input-text-invalid{display:block!important}label.fwe-input-text .fwe-input-text-count{display:block;line-height:var(--fwe-line-height-base);position:absolute;right:0;bottom:0;color:var(--fwe-text-disabled);font-size:var(--fwe-font-size-small)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5979
5988
|
}
|
|
5980
5989
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FngTextAreaComponent, decorators: [{
|
|
5981
5990
|
type: Component,
|
|
@@ -5985,7 +5994,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
|
|
|
5985
5994
|
useExisting: forwardRef(() => FngTextAreaComponent),
|
|
5986
5995
|
multi: true
|
|
5987
5996
|
}
|
|
5988
|
-
], encapsulation: ViewEncapsulation.None, template: "<label class=\"fwe-input-text\">\n <textarea\n #inputElement\n [class]=\"'fwe-row-' + rows\"\n [disabled]=\"disabled\"\n [required]=\"required === true || null\"\n [attr.readonly]=\"readonly === true || null\"\n [attr.placeholder]=\"placeholder || null\"\n [attr.name]=\"name || null\"\n [attr.tabindex]=\"tabindex\"\n [class.fng-has-value]=\"value != null && value !== ''\"\n autocomplete=\"off\"\n (focus)=\"onFocus()\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n >{{ value }}</textarea\n >\n <span class=\"fwe-input-text-label\">{{ label }}</span>\n <span *ngIf=\"hint\" class=\"fwe-input-text-info\">{{ hint }}</span>\n <span *ngIf=\"error\" class=\"fwe-input-text-invalid\">{{ error }}</span>\n <span *ngIf=\"maxlength > 0 && value != null\" class=\"fwe-input-text-count\">{{ value.length }} / {{ maxlength }}</span>\n</label>\n", styles: ["fng-text-area.ng-invalid label.fwe-input-text textarea{border:1px solid var(--fwe-red)!important;box-shadow:none;outline:none}fng-text-area.ng-invalid
|
|
5997
|
+
], encapsulation: ViewEncapsulation.None, template: "<label class=\"fwe-input-text\">\n <textarea\n #inputElement\n [class]=\"'fwe-row-' + rows\"\n [disabled]=\"disabled\"\n [required]=\"required === true || null\"\n [attr.readonly]=\"readonly === true || null\"\n [attr.placeholder]=\"placeholder || null\"\n [attr.name]=\"name || null\"\n [attr.tabindex]=\"tabindex\"\n [class.fng-has-value]=\"value != null && value !== ''\"\n autocomplete=\"off\"\n (focus)=\"onFocus()\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n >{{ value }}</textarea\n >\n <span class=\"fwe-input-text-label\">{{ label }}</span>\n <span *ngIf=\"hint\" class=\"fwe-input-text-info\">{{ hint }}</span>\n <span *ngIf=\"error\" class=\"fwe-input-text-invalid\">{{ error }}</span>\n <span *ngIf=\"maxlength > 0 && value != null\" class=\"fwe-input-text-count\">{{ value.length }} / {{ maxlength }}</span>\n</label>\n", styles: ["fng-text-area.ng-invalid.ng-dirty label.fwe-input-text textarea{border:1px solid var(--fwe-red)!important;box-shadow:none;outline:none}fng-text-area.ng-invalid.ng-dirty label.fwe-input-text textarea:disabled{border:1px solid var(--fwe-control-disabled)!important}fng-text-area.ng-invalid.ng-dirty label.fwe-input-text textarea:disabled~.fwe-input-text-label,fng-text-area.ng-invalid.ng-dirty label.fwe-input-text textarea:disabled~.fwe-input-text-invalid,fng-text-area.ng-invalid.ng-dirty label.fwe-input-text textarea:disabled~.fwe-input-text-info{color:var(--fwe-text-disabled)}fng-text-area.ng-invalid.ng-dirty label.fwe-input-text .fwe-input-text-info{display:none!important}fng-text-area.ng-invalid.ng-dirty label.fwe-input-text .fwe-input-text-invalid{display:block!important}label.fwe-input-text .fwe-input-text-count{display:block;line-height:var(--fwe-line-height-base);position:absolute;right:0;bottom:0;color:var(--fwe-text-disabled);font-size:var(--fwe-font-size-small)}\n"] }]
|
|
5989
5998
|
}], propDecorators: { label: [{
|
|
5990
5999
|
type: Input
|
|
5991
6000
|
}], readonly: [{
|