@festo-ui/angular 5.0.0-dev.119 → 5.0.0-dev.122
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/forms/text-input/text-input.component.mjs +7 -7
- package/esm2020/lib/modals/prompt/prompt.component.mjs +5 -3
- package/fesm2015/festo-ui-angular.mjs +205 -204
- package/fesm2015/festo-ui-angular.mjs.map +1 -1
- package/fesm2020/festo-ui-angular.mjs +205 -204
- package/fesm2020/festo-ui-angular.mjs.map +1 -1
- package/lib/forms/text-input/text-input.component.d.ts +6 -6
- package/lib/modals/prompt/prompt.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@ import * as i1$3 from '@angular/cdk/overlay';
|
|
|
14
14
|
import { OverlayConfig, ConnectionPositionPair, OverlayModule } from '@angular/cdk/overlay';
|
|
15
15
|
import { ComponentPortal } from '@angular/cdk/portal';
|
|
16
16
|
import * as i3 from '@angular/forms';
|
|
17
|
-
import {
|
|
17
|
+
import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
18
18
|
import * as i1$4 from 'swiper/angular';
|
|
19
19
|
import { SwiperModule } from 'swiper/angular';
|
|
20
20
|
import SwiperCore, { FreeMode, Navigation, Keyboard, Thumbs, Zoom } from 'swiper';
|
|
@@ -2721,6 +2721,207 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
2721
2721
|
args: ['window:keyup', ['$event']]
|
|
2722
2722
|
}] } });
|
|
2723
2723
|
|
|
2724
|
+
/**
|
|
2725
|
+
* A custom form element for text inputs.
|
|
2726
|
+
*/
|
|
2727
|
+
class FngTextInputComponent {
|
|
2728
|
+
constructor() {
|
|
2729
|
+
/**
|
|
2730
|
+
* The text input label.
|
|
2731
|
+
*/
|
|
2732
|
+
this.label = '';
|
|
2733
|
+
this.innerType = 'text';
|
|
2734
|
+
this.innerReadonly = false;
|
|
2735
|
+
this.step = undefined;
|
|
2736
|
+
this.min = undefined;
|
|
2737
|
+
this.max = undefined;
|
|
2738
|
+
this.tabindex = undefined;
|
|
2739
|
+
this.placeholder = undefined;
|
|
2740
|
+
this.name = '';
|
|
2741
|
+
this.innerDisabled = false;
|
|
2742
|
+
/**
|
|
2743
|
+
* The inner value.
|
|
2744
|
+
*/
|
|
2745
|
+
this.innerValue = '';
|
|
2746
|
+
this.innerRequired = false;
|
|
2747
|
+
/**
|
|
2748
|
+
* Error description when invalid.
|
|
2749
|
+
*/
|
|
2750
|
+
this.error = '';
|
|
2751
|
+
/**
|
|
2752
|
+
* Hint description when valid.
|
|
2753
|
+
*/
|
|
2754
|
+
this.hint = undefined;
|
|
2755
|
+
/**
|
|
2756
|
+
* When true the text input has focus.
|
|
2757
|
+
*/
|
|
2758
|
+
this.focused = false;
|
|
2759
|
+
}
|
|
2760
|
+
/**
|
|
2761
|
+
* A string specifying the type of control to render.
|
|
2762
|
+
*/
|
|
2763
|
+
get type() {
|
|
2764
|
+
return this.innerType;
|
|
2765
|
+
}
|
|
2766
|
+
set type(value) {
|
|
2767
|
+
const supported = ['text', 'number', 'password', 'date', 'time', 'datetime-local'];
|
|
2768
|
+
if (value != null && supported.indexOf(value) !== -1) {
|
|
2769
|
+
this.innerType = value;
|
|
2770
|
+
}
|
|
2771
|
+
else {
|
|
2772
|
+
this.innerType = 'text';
|
|
2773
|
+
}
|
|
2774
|
+
}
|
|
2775
|
+
get readonly() {
|
|
2776
|
+
return this.innerReadonly;
|
|
2777
|
+
}
|
|
2778
|
+
set readonly(value) {
|
|
2779
|
+
this.innerReadonly = coerceBooleanProperty(value);
|
|
2780
|
+
}
|
|
2781
|
+
/**
|
|
2782
|
+
* When true the control's disabled attribute is set
|
|
2783
|
+
* and it gets addeed the .disabled css class.
|
|
2784
|
+
*/
|
|
2785
|
+
get disabled() {
|
|
2786
|
+
return this.innerDisabled;
|
|
2787
|
+
}
|
|
2788
|
+
set disabled(value) {
|
|
2789
|
+
this.innerDisabled = coerceBooleanProperty(value);
|
|
2790
|
+
if (this.focused) {
|
|
2791
|
+
this.focused = false;
|
|
2792
|
+
}
|
|
2793
|
+
}
|
|
2794
|
+
/**
|
|
2795
|
+
* The getter for value.
|
|
2796
|
+
*/
|
|
2797
|
+
get value() {
|
|
2798
|
+
return this.innerValue;
|
|
2799
|
+
}
|
|
2800
|
+
/**
|
|
2801
|
+
* The setter for value.
|
|
2802
|
+
*/
|
|
2803
|
+
set value(value) {
|
|
2804
|
+
if (value != null) {
|
|
2805
|
+
value = '' + value;
|
|
2806
|
+
}
|
|
2807
|
+
this.innerValue = value;
|
|
2808
|
+
this.focused = !!value;
|
|
2809
|
+
if (this.onChange != null) {
|
|
2810
|
+
this.onChange(value);
|
|
2811
|
+
}
|
|
2812
|
+
if (this.onTouched != null) {
|
|
2813
|
+
this.onTouched();
|
|
2814
|
+
}
|
|
2815
|
+
}
|
|
2816
|
+
get required() {
|
|
2817
|
+
return this.innerRequired;
|
|
2818
|
+
}
|
|
2819
|
+
set required(value) {
|
|
2820
|
+
this.innerRequired = coerceBooleanProperty(value);
|
|
2821
|
+
}
|
|
2822
|
+
/**
|
|
2823
|
+
* Called on component initialisation.
|
|
2824
|
+
*/
|
|
2825
|
+
ngOnInit() {
|
|
2826
|
+
this.onBlur();
|
|
2827
|
+
}
|
|
2828
|
+
/**
|
|
2829
|
+
* Writes the value.
|
|
2830
|
+
* @param value The value.
|
|
2831
|
+
*/
|
|
2832
|
+
writeValue(value) {
|
|
2833
|
+
if (value != null) {
|
|
2834
|
+
value = '' + value;
|
|
2835
|
+
}
|
|
2836
|
+
this.innerValue = value;
|
|
2837
|
+
this.focused = !!value;
|
|
2838
|
+
}
|
|
2839
|
+
/**
|
|
2840
|
+
* Registers a function to onChange.
|
|
2841
|
+
* @param fn The registered function.
|
|
2842
|
+
*/
|
|
2843
|
+
registerOnChange(fn) {
|
|
2844
|
+
this.onChange = fn;
|
|
2845
|
+
}
|
|
2846
|
+
/**
|
|
2847
|
+
* Registers a function to onTouched.
|
|
2848
|
+
* @param fn The registered function.
|
|
2849
|
+
*/
|
|
2850
|
+
registerOnTouched(fn) {
|
|
2851
|
+
this.onTouched = fn;
|
|
2852
|
+
}
|
|
2853
|
+
/**
|
|
2854
|
+
* Called when the text input is in focus.
|
|
2855
|
+
*/
|
|
2856
|
+
onFocus() {
|
|
2857
|
+
this.focused = true;
|
|
2858
|
+
}
|
|
2859
|
+
/**
|
|
2860
|
+
* Called when the text input blurs.
|
|
2861
|
+
*/
|
|
2862
|
+
onBlur() {
|
|
2863
|
+
if (this.focused) {
|
|
2864
|
+
this.focused = false;
|
|
2865
|
+
}
|
|
2866
|
+
}
|
|
2867
|
+
/**
|
|
2868
|
+
* Sets the disabled state.
|
|
2869
|
+
* @param isDisabled When true the control is disabled
|
|
2870
|
+
*/
|
|
2871
|
+
setDisabledState(isDisabled) {
|
|
2872
|
+
this.disabled = isDisabled;
|
|
2873
|
+
}
|
|
2874
|
+
}
|
|
2875
|
+
FngTextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2876
|
+
FngTextInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngTextInputComponent, isStandalone: true, selector: "fng-text-input", inputs: { label: "label", type: "type", readonly: "readonly", step: "step", min: "min", max: "max", tabindex: "tabindex", placeholder: "placeholder", name: "name", disabled: "disabled", value: "value", required: "required", error: "error", hint: "hint" }, providers: [
|
|
2877
|
+
{
|
|
2878
|
+
provide: NG_VALUE_ACCESSOR,
|
|
2879
|
+
useExisting: forwardRef(() => FngTextInputComponent),
|
|
2880
|
+
multi: true
|
|
2881
|
+
}
|
|
2882
|
+
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<label class=\"fwe-input-text\" [class.fwe-no-pointer-events]=\"readonly === true\">\n <input\n #inputElement\n [disabled]=\"disabled\"\n [required]=\"required === true || false\"\n [attr.readonly]=\"readonly === true || null\"\n [attr.placeholder]=\"placeholder || null\"\n [attr.type]=\"type\"\n [attr.step]=\"step\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.name]=\"name || null\"\n [attr.tabindex]=\"tabindex\"\n [class.fng-has-value]=\"value != null && value !== ''\"\n autocomplete=\"off\"\n (focus)=\"onFocus()\"\n [(ngModel)]=\"value\"\n (blur)=\"onBlur()\"\n />\n <span class=\"fwe-input-text-label\">{{ label }}</span>\n <span *ngIf=\"hint; else projectedHint\" class=\"fwe-input-text-info\">{{ hint }}</span>\n <span *ngIf=\"error; else projectedError\" class=\"fwe-input-text-invalid\">{{ error }}</span>\n\n <ng-template #projectedHint>\n <span class=\"fwe-input-text-info fng-projected\"><ng-content select=\".fng-hint\"></ng-content></span>\n </ng-template>\n\n <ng-template #projectedError>\n <span class=\"fwe-input-text-invalid fng-projected\"><ng-content select=\".fng-error\"></ng-content></span>\n </ng-template>\n</label>\n", styles: ["fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]{border-bottom:1px solid var(--fwe-red)!important;box-shadow:none;outline:none}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:focus{border-bottom:1px solid var(--fwe-red)!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled{border-bottom:1px solid var(--fwe-control-disabled)!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-info{color:var(--fwe-text-disabled)}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text .fwe-input-text-info{display:none!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text .fwe-input-text-invalid{display:block!important}fng-text-input.ng-valid label.fwe-input-text input[type=text]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=password]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=date]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=time]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=datetime-local]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=number]:hover:not(:disabled){border-bottom:1px solid var(--fwe-hero)!important}fng-text-input label.fwe-input-text.fwe-no-pointer-events{pointer-events:none!important}.fwe-input-text-invalid.fng-projected:empty{display:none}.fwe-input-text-info.fng-projected:empty{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2883
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngTextInputComponent, decorators: [{
|
|
2884
|
+
type: Component,
|
|
2885
|
+
args: [{ standalone: true, imports: [CommonModule, FormsModule], selector: 'fng-text-input', providers: [
|
|
2886
|
+
{
|
|
2887
|
+
provide: NG_VALUE_ACCESSOR,
|
|
2888
|
+
useExisting: forwardRef(() => FngTextInputComponent),
|
|
2889
|
+
multi: true
|
|
2890
|
+
}
|
|
2891
|
+
], encapsulation: ViewEncapsulation.None, template: "<label class=\"fwe-input-text\" [class.fwe-no-pointer-events]=\"readonly === true\">\n <input\n #inputElement\n [disabled]=\"disabled\"\n [required]=\"required === true || false\"\n [attr.readonly]=\"readonly === true || null\"\n [attr.placeholder]=\"placeholder || null\"\n [attr.type]=\"type\"\n [attr.step]=\"step\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.name]=\"name || null\"\n [attr.tabindex]=\"tabindex\"\n [class.fng-has-value]=\"value != null && value !== ''\"\n autocomplete=\"off\"\n (focus)=\"onFocus()\"\n [(ngModel)]=\"value\"\n (blur)=\"onBlur()\"\n />\n <span class=\"fwe-input-text-label\">{{ label }}</span>\n <span *ngIf=\"hint; else projectedHint\" class=\"fwe-input-text-info\">{{ hint }}</span>\n <span *ngIf=\"error; else projectedError\" class=\"fwe-input-text-invalid\">{{ error }}</span>\n\n <ng-template #projectedHint>\n <span class=\"fwe-input-text-info fng-projected\"><ng-content select=\".fng-hint\"></ng-content></span>\n </ng-template>\n\n <ng-template #projectedError>\n <span class=\"fwe-input-text-invalid fng-projected\"><ng-content select=\".fng-error\"></ng-content></span>\n </ng-template>\n</label>\n", styles: ["fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]{border-bottom:1px solid var(--fwe-red)!important;box-shadow:none;outline:none}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:focus{border-bottom:1px solid var(--fwe-red)!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled{border-bottom:1px solid var(--fwe-control-disabled)!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-info{color:var(--fwe-text-disabled)}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text .fwe-input-text-info{display:none!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text .fwe-input-text-invalid{display:block!important}fng-text-input.ng-valid label.fwe-input-text input[type=text]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=password]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=date]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=time]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=datetime-local]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=number]:hover:not(:disabled){border-bottom:1px solid var(--fwe-hero)!important}fng-text-input label.fwe-input-text.fwe-no-pointer-events{pointer-events:none!important}.fwe-input-text-invalid.fng-projected:empty{display:none}.fwe-input-text-info.fng-projected:empty{display:none}\n"] }]
|
|
2892
|
+
}], propDecorators: { label: [{
|
|
2893
|
+
type: Input
|
|
2894
|
+
}], type: [{
|
|
2895
|
+
type: Input
|
|
2896
|
+
}], readonly: [{
|
|
2897
|
+
type: Input
|
|
2898
|
+
}], step: [{
|
|
2899
|
+
type: Input
|
|
2900
|
+
}], min: [{
|
|
2901
|
+
type: Input
|
|
2902
|
+
}], max: [{
|
|
2903
|
+
type: Input
|
|
2904
|
+
}], tabindex: [{
|
|
2905
|
+
type: Input
|
|
2906
|
+
}], placeholder: [{
|
|
2907
|
+
type: Input
|
|
2908
|
+
}], name: [{
|
|
2909
|
+
type: Input
|
|
2910
|
+
}], disabled: [{
|
|
2911
|
+
type: Input
|
|
2912
|
+
}], value: [{
|
|
2913
|
+
type: Input
|
|
2914
|
+
}], required: [{
|
|
2915
|
+
type: Input
|
|
2916
|
+
}], error: [{
|
|
2917
|
+
type: Input
|
|
2918
|
+
}], hint: [{
|
|
2919
|
+
type: Input
|
|
2920
|
+
}], inputElement: [{
|
|
2921
|
+
type: ViewChild,
|
|
2922
|
+
args: ['inputElement']
|
|
2923
|
+
}] } });
|
|
2924
|
+
|
|
2724
2925
|
class FngPromptComponent {
|
|
2725
2926
|
get text() {
|
|
2726
2927
|
var _a, _b;
|
|
@@ -2767,6 +2968,7 @@ class FngPromptComponent {
|
|
|
2767
2968
|
this.error = '';
|
|
2768
2969
|
}
|
|
2769
2970
|
});
|
|
2971
|
+
this.handleErrors();
|
|
2770
2972
|
}
|
|
2771
2973
|
ngAfterViewInit() {
|
|
2772
2974
|
if (this.closeBtn) {
|
|
@@ -2803,10 +3005,10 @@ class FngPromptComponent {
|
|
|
2803
3005
|
}
|
|
2804
3006
|
}
|
|
2805
3007
|
FngPromptComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngPromptComponent, deps: [{ token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
2806
|
-
FngPromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngPromptComponent, isStandalone: true, selector: "fng-prompt", inputs: { data: "data" }, outputs: { close: "close", cancel: "cancel", ok: "ok" }, host: { listeners: { "window:keyup": "onKeyUp($event)" } }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true }], ngImport: i0, template: "<div class=\"fwe-modal\">\n <div class=\"fwe-modal-close\">\n <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n <span class=\"fwe-sr-only\">Close</span>\n </button>\n </div>\n <div class=\"fwe-modal-header\">\n <h2 *ngIf=\"data.subtitle\" class=\"fwe-modal-h2\">{{ data.subtitle }}</h2>\n <h1 class=\"fwe-modal-h1\">{{ data.title }}</h1>\n </div>\n <form [formGroup]=\"form\" class=\"fwe-modal-body\">\n <
|
|
3008
|
+
FngPromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngPromptComponent, isStandalone: true, selector: "fng-prompt", inputs: { data: "data" }, outputs: { close: "close", cancel: "cancel", ok: "ok" }, host: { listeners: { "window:keyup": "onKeyUp($event)" } }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true }], ngImport: i0, template: "<div class=\"fwe-modal\">\n <div class=\"fwe-modal-close\">\n <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n <span class=\"fwe-sr-only\">Close</span>\n </button>\n </div>\n <div class=\"fwe-modal-header\">\n <h2 *ngIf=\"data.subtitle\" class=\"fwe-modal-h2\">{{ data.subtitle }}</h2>\n <h1 class=\"fwe-modal-h1\">{{ data.title }}</h1>\n </div>\n <form [formGroup]=\"form\" class=\"fwe-modal-body\">\n <fng-text-input\n type=\"text\"\n [label]=\"data.label\"\n formControlName=\"text\"\n [error]=\"error\"\n [hint]=\"data.hint\"\n [placeholder]=\"data.placeholder\"\n >\n </fng-text-input>\n </form>\n <div class=\"fwe-modal-footer\" *ngIf=\"data.cancel || data.ok\">\n <div class=\"fwe-modal-buttons\">\n <button *ngIf=\"data.cancel\" type=\"button\" aria-label=\"Cancel\" class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n {{ data.cancel }}\n </button>\n <button *ngIf=\"data.ok\" type=\"button\" aria-label=\"Ok\" class=\"fwe-btn fwe-btn-hero fwe-btn-lg\" (click)=\"onOk()\">\n {{ data.ok }}\n </button>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FngTextInputComponent, selector: "fng-text-input", inputs: ["label", "type", "readonly", "step", "min", "max", "tabindex", "placeholder", "name", "disabled", "value", "required", "error", "hint"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2807
3009
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngPromptComponent, decorators: [{
|
|
2808
3010
|
type: Component,
|
|
2809
|
-
args: [{ standalone: true, imports: [ReactiveFormsModule, FormsModule, CommonModule], selector: 'fng-prompt', encapsulation: ViewEncapsulation.None, template: "<div class=\"fwe-modal\">\n <div class=\"fwe-modal-close\">\n <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n <span class=\"fwe-sr-only\">Close</span>\n </button>\n </div>\n <div class=\"fwe-modal-header\">\n <h2 *ngIf=\"data.subtitle\" class=\"fwe-modal-h2\">{{ data.subtitle }}</h2>\n <h1 class=\"fwe-modal-h1\">{{ data.title }}</h1>\n </div>\n <form [formGroup]=\"form\" class=\"fwe-modal-body\">\n <
|
|
3011
|
+
args: [{ standalone: true, imports: [ReactiveFormsModule, FormsModule, CommonModule, FngTextInputComponent], selector: 'fng-prompt', encapsulation: ViewEncapsulation.None, template: "<div class=\"fwe-modal\">\n <div class=\"fwe-modal-close\">\n <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n <span class=\"fwe-sr-only\">Close</span>\n </button>\n </div>\n <div class=\"fwe-modal-header\">\n <h2 *ngIf=\"data.subtitle\" class=\"fwe-modal-h2\">{{ data.subtitle }}</h2>\n <h1 class=\"fwe-modal-h1\">{{ data.title }}</h1>\n </div>\n <form [formGroup]=\"form\" class=\"fwe-modal-body\">\n <fng-text-input\n type=\"text\"\n [label]=\"data.label\"\n formControlName=\"text\"\n [error]=\"error\"\n [hint]=\"data.hint\"\n [placeholder]=\"data.placeholder\"\n >\n </fng-text-input>\n </form>\n <div class=\"fwe-modal-footer\" *ngIf=\"data.cancel || data.ok\">\n <div class=\"fwe-modal-buttons\">\n <button *ngIf=\"data.cancel\" type=\"button\" aria-label=\"Cancel\" class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n {{ data.cancel }}\n </button>\n <button *ngIf=\"data.ok\" type=\"button\" aria-label=\"Ok\" class=\"fwe-btn fwe-btn-hero fwe-btn-lg\" (click)=\"onOk()\">\n {{ data.ok }}\n </button>\n </div>\n </div>\n</div>\n" }]
|
|
2810
3012
|
}], ctorParameters: function () { return [{ type: i3.FormBuilder }]; }, propDecorators: { data: [{
|
|
2811
3013
|
type: Input
|
|
2812
3014
|
}], close: [{
|
|
@@ -3703,207 +3905,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
3703
3905
|
type: Input
|
|
3704
3906
|
}] } });
|
|
3705
3907
|
|
|
3706
|
-
/**
|
|
3707
|
-
* A custom form element for text inputs.
|
|
3708
|
-
*/
|
|
3709
|
-
class FngTextInputComponent {
|
|
3710
|
-
constructor() {
|
|
3711
|
-
/**
|
|
3712
|
-
* The text input label.
|
|
3713
|
-
*/
|
|
3714
|
-
this.label = '';
|
|
3715
|
-
this.innerType = 'text';
|
|
3716
|
-
this.innerReadonly = false;
|
|
3717
|
-
this.step = 0;
|
|
3718
|
-
this.min = 0;
|
|
3719
|
-
this.max = 0;
|
|
3720
|
-
this.tabindex = 0;
|
|
3721
|
-
this.placeholder = '';
|
|
3722
|
-
this.name = '';
|
|
3723
|
-
this.innerDisabled = false;
|
|
3724
|
-
/**
|
|
3725
|
-
* The inner value.
|
|
3726
|
-
*/
|
|
3727
|
-
this.innerValue = '';
|
|
3728
|
-
this.innerRequired = false;
|
|
3729
|
-
/**
|
|
3730
|
-
* Error description when invalid.
|
|
3731
|
-
*/
|
|
3732
|
-
this.error = '';
|
|
3733
|
-
/**
|
|
3734
|
-
* Hint description when valid.
|
|
3735
|
-
*/
|
|
3736
|
-
this.hint = '';
|
|
3737
|
-
/**
|
|
3738
|
-
* When true the text input has focus.
|
|
3739
|
-
*/
|
|
3740
|
-
this.focused = false;
|
|
3741
|
-
}
|
|
3742
|
-
/**
|
|
3743
|
-
* A string specifying the type of control to render.
|
|
3744
|
-
*/
|
|
3745
|
-
get type() {
|
|
3746
|
-
return this.innerType;
|
|
3747
|
-
}
|
|
3748
|
-
set type(value) {
|
|
3749
|
-
const supported = ['text', 'number', 'password', 'date', 'time', 'datetime-local'];
|
|
3750
|
-
if (value != null && supported.indexOf(value) !== -1) {
|
|
3751
|
-
this.innerType = value;
|
|
3752
|
-
}
|
|
3753
|
-
else {
|
|
3754
|
-
this.innerType = 'text';
|
|
3755
|
-
}
|
|
3756
|
-
}
|
|
3757
|
-
get readonly() {
|
|
3758
|
-
return this.innerReadonly;
|
|
3759
|
-
}
|
|
3760
|
-
set readonly(value) {
|
|
3761
|
-
this.innerReadonly = coerceBooleanProperty(value);
|
|
3762
|
-
}
|
|
3763
|
-
/**
|
|
3764
|
-
* When true the control's disabled attribute is set
|
|
3765
|
-
* and it gets addeed the .disabled css class.
|
|
3766
|
-
*/
|
|
3767
|
-
get disabled() {
|
|
3768
|
-
return this.innerDisabled;
|
|
3769
|
-
}
|
|
3770
|
-
set disabled(value) {
|
|
3771
|
-
this.innerDisabled = coerceBooleanProperty(value);
|
|
3772
|
-
if (this.focused) {
|
|
3773
|
-
this.focused = false;
|
|
3774
|
-
}
|
|
3775
|
-
}
|
|
3776
|
-
/**
|
|
3777
|
-
* The getter for value.
|
|
3778
|
-
*/
|
|
3779
|
-
get value() {
|
|
3780
|
-
return this.innerValue;
|
|
3781
|
-
}
|
|
3782
|
-
/**
|
|
3783
|
-
* The setter for value.
|
|
3784
|
-
*/
|
|
3785
|
-
set value(value) {
|
|
3786
|
-
if (value != null) {
|
|
3787
|
-
value = '' + value;
|
|
3788
|
-
}
|
|
3789
|
-
this.innerValue = value;
|
|
3790
|
-
this.focused = !!value;
|
|
3791
|
-
if (this.onChange != null) {
|
|
3792
|
-
this.onChange(value);
|
|
3793
|
-
}
|
|
3794
|
-
if (this.onTouched != null) {
|
|
3795
|
-
this.onTouched();
|
|
3796
|
-
}
|
|
3797
|
-
}
|
|
3798
|
-
get required() {
|
|
3799
|
-
return this.innerRequired;
|
|
3800
|
-
}
|
|
3801
|
-
set required(value) {
|
|
3802
|
-
this.innerRequired = coerceBooleanProperty(value);
|
|
3803
|
-
}
|
|
3804
|
-
/**
|
|
3805
|
-
* Called on component initialisation.
|
|
3806
|
-
*/
|
|
3807
|
-
ngOnInit() {
|
|
3808
|
-
this.onBlur();
|
|
3809
|
-
}
|
|
3810
|
-
/**
|
|
3811
|
-
* Writes the value.
|
|
3812
|
-
* @param value The value.
|
|
3813
|
-
*/
|
|
3814
|
-
writeValue(value) {
|
|
3815
|
-
if (value != null) {
|
|
3816
|
-
value = '' + value;
|
|
3817
|
-
}
|
|
3818
|
-
this.innerValue = value;
|
|
3819
|
-
this.focused = !!value;
|
|
3820
|
-
}
|
|
3821
|
-
/**
|
|
3822
|
-
* Registers a function to onChange.
|
|
3823
|
-
* @param fn The registered function.
|
|
3824
|
-
*/
|
|
3825
|
-
registerOnChange(fn) {
|
|
3826
|
-
this.onChange = fn;
|
|
3827
|
-
}
|
|
3828
|
-
/**
|
|
3829
|
-
* Registers a function to onTouched.
|
|
3830
|
-
* @param fn The registered function.
|
|
3831
|
-
*/
|
|
3832
|
-
registerOnTouched(fn) {
|
|
3833
|
-
this.onTouched = fn;
|
|
3834
|
-
}
|
|
3835
|
-
/**
|
|
3836
|
-
* Called when the text input is in focus.
|
|
3837
|
-
*/
|
|
3838
|
-
onFocus() {
|
|
3839
|
-
this.focused = true;
|
|
3840
|
-
}
|
|
3841
|
-
/**
|
|
3842
|
-
* Called when the text input blurs.
|
|
3843
|
-
*/
|
|
3844
|
-
onBlur() {
|
|
3845
|
-
if (this.focused) {
|
|
3846
|
-
this.focused = false;
|
|
3847
|
-
}
|
|
3848
|
-
}
|
|
3849
|
-
/**
|
|
3850
|
-
* Sets the disabled state.
|
|
3851
|
-
* @param isDisabled When true the control is disabled
|
|
3852
|
-
*/
|
|
3853
|
-
setDisabledState(isDisabled) {
|
|
3854
|
-
this.disabled = isDisabled;
|
|
3855
|
-
}
|
|
3856
|
-
}
|
|
3857
|
-
FngTextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3858
|
-
FngTextInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngTextInputComponent, isStandalone: true, selector: "fng-text-input", inputs: { label: "label", type: "type", readonly: "readonly", step: "step", min: "min", max: "max", tabindex: "tabindex", placeholder: "placeholder", name: "name", disabled: "disabled", value: "value", required: "required", error: "error", hint: "hint" }, providers: [
|
|
3859
|
-
{
|
|
3860
|
-
provide: NG_VALUE_ACCESSOR,
|
|
3861
|
-
useExisting: forwardRef(() => FngTextInputComponent),
|
|
3862
|
-
multi: true
|
|
3863
|
-
}
|
|
3864
|
-
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<label class=\"fwe-input-text\" [class.fwe-no-pointer-events]=\"readonly === true\">\n <input\n #inputElement\n [disabled]=\"disabled\"\n [required]=\"required === true || false\"\n [attr.readonly]=\"readonly === true || null\"\n [attr.placeholder]=\"placeholder || null\"\n [attr.type]=\"type\"\n [attr.step]=\"step\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.name]=\"name || null\"\n [attr.tabindex]=\"tabindex\"\n [class.fng-has-value]=\"value != null && value !== ''\"\n autocomplete=\"off\"\n (focus)=\"onFocus()\"\n [(ngModel)]=\"value\"\n (blur)=\"onBlur()\"\n />\n <span class=\"fwe-input-text-label\">{{ label }}</span>\n <span *ngIf=\"hint; else projectedHint\" class=\"fwe-input-text-info\">{{ hint }}</span>\n <span *ngIf=\"error; else projectedError\" class=\"fwe-input-text-invalid\">{{ error }}</span>\n\n <ng-template #projectedHint>\n <span class=\"fwe-input-text-info fng-projected\"><ng-content select=\".fng-hint\"></ng-content></span>\n </ng-template>\n\n <ng-template #projectedError>\n <span class=\"fwe-input-text-invalid fng-projected\"><ng-content select=\".fng-error\"></ng-content></span>\n </ng-template>\n</label>\n", styles: ["fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]{border-bottom:1px solid var(--fwe-red)!important;box-shadow:none;outline:none}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:focus{border-bottom:1px solid var(--fwe-red)!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled{border-bottom:1px solid var(--fwe-control-disabled)!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-info{color:var(--fwe-text-disabled)}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text .fwe-input-text-info{display:none!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text .fwe-input-text-invalid{display:block!important}fng-text-input.ng-valid label.fwe-input-text input[type=text]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=password]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=date]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=time]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=datetime-local]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=number]:hover:not(:disabled){border-bottom:1px solid var(--fwe-hero)!important}fng-text-input label.fwe-input-text.fwe-no-pointer-events{pointer-events:none!important}.fwe-input-text-invalid.fng-projected:empty{display:none}.fwe-input-text-info.fng-projected:empty{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3865
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngTextInputComponent, decorators: [{
|
|
3866
|
-
type: Component,
|
|
3867
|
-
args: [{ standalone: true, imports: [CommonModule, FormsModule], selector: 'fng-text-input', providers: [
|
|
3868
|
-
{
|
|
3869
|
-
provide: NG_VALUE_ACCESSOR,
|
|
3870
|
-
useExisting: forwardRef(() => FngTextInputComponent),
|
|
3871
|
-
multi: true
|
|
3872
|
-
}
|
|
3873
|
-
], encapsulation: ViewEncapsulation.None, template: "<label class=\"fwe-input-text\" [class.fwe-no-pointer-events]=\"readonly === true\">\n <input\n #inputElement\n [disabled]=\"disabled\"\n [required]=\"required === true || false\"\n [attr.readonly]=\"readonly === true || null\"\n [attr.placeholder]=\"placeholder || null\"\n [attr.type]=\"type\"\n [attr.step]=\"step\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.name]=\"name || null\"\n [attr.tabindex]=\"tabindex\"\n [class.fng-has-value]=\"value != null && value !== ''\"\n autocomplete=\"off\"\n (focus)=\"onFocus()\"\n [(ngModel)]=\"value\"\n (blur)=\"onBlur()\"\n />\n <span class=\"fwe-input-text-label\">{{ label }}</span>\n <span *ngIf=\"hint; else projectedHint\" class=\"fwe-input-text-info\">{{ hint }}</span>\n <span *ngIf=\"error; else projectedError\" class=\"fwe-input-text-invalid\">{{ error }}</span>\n\n <ng-template #projectedHint>\n <span class=\"fwe-input-text-info fng-projected\"><ng-content select=\".fng-hint\"></ng-content></span>\n </ng-template>\n\n <ng-template #projectedError>\n <span class=\"fwe-input-text-invalid fng-projected\"><ng-content select=\".fng-error\"></ng-content></span>\n </ng-template>\n</label>\n", styles: ["fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local],fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]{border-bottom:1px solid var(--fwe-red)!important;box-shadow:none;outline:none}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:focus,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:focus{border-bottom:1px solid var(--fwe-red)!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled{border-bottom:1px solid var(--fwe-control-disabled)!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=text]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=password]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=date]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=datetime-local]:disabled~.fwe-input-text-info,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-label,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-invalid,fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text input[type=number]:disabled~.fwe-input-text-info{color:var(--fwe-text-disabled)}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text .fwe-input-text-info{display:none!important}fng-text-input:not(.ng-pristine).ng-invalid label.fwe-input-text .fwe-input-text-invalid{display:block!important}fng-text-input.ng-valid label.fwe-input-text input[type=text]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=password]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=date]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=time]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=datetime-local]:hover:not(:disabled),fng-text-input.ng-valid label.fwe-input-text input[type=number]:hover:not(:disabled){border-bottom:1px solid var(--fwe-hero)!important}fng-text-input label.fwe-input-text.fwe-no-pointer-events{pointer-events:none!important}.fwe-input-text-invalid.fng-projected:empty{display:none}.fwe-input-text-info.fng-projected:empty{display:none}\n"] }]
|
|
3874
|
-
}], propDecorators: { label: [{
|
|
3875
|
-
type: Input
|
|
3876
|
-
}], type: [{
|
|
3877
|
-
type: Input
|
|
3878
|
-
}], readonly: [{
|
|
3879
|
-
type: Input
|
|
3880
|
-
}], step: [{
|
|
3881
|
-
type: Input
|
|
3882
|
-
}], min: [{
|
|
3883
|
-
type: Input
|
|
3884
|
-
}], max: [{
|
|
3885
|
-
type: Input
|
|
3886
|
-
}], tabindex: [{
|
|
3887
|
-
type: Input
|
|
3888
|
-
}], placeholder: [{
|
|
3889
|
-
type: Input
|
|
3890
|
-
}], name: [{
|
|
3891
|
-
type: Input
|
|
3892
|
-
}], disabled: [{
|
|
3893
|
-
type: Input
|
|
3894
|
-
}], value: [{
|
|
3895
|
-
type: Input
|
|
3896
|
-
}], required: [{
|
|
3897
|
-
type: Input
|
|
3898
|
-
}], error: [{
|
|
3899
|
-
type: Input
|
|
3900
|
-
}], hint: [{
|
|
3901
|
-
type: Input
|
|
3902
|
-
}], inputElement: [{
|
|
3903
|
-
type: ViewChild,
|
|
3904
|
-
args: ['inputElement']
|
|
3905
|
-
}] } });
|
|
3906
|
-
|
|
3907
3908
|
class FngTimePickerDropdownComponent {
|
|
3908
3909
|
constructor() {
|
|
3909
3910
|
this.date = new Date();
|