@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';
|
|
@@ -2695,6 +2695,207 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
2695
2695
|
args: ['window:keyup', ['$event']]
|
|
2696
2696
|
}] } });
|
|
2697
2697
|
|
|
2698
|
+
/**
|
|
2699
|
+
* A custom form element for text inputs.
|
|
2700
|
+
*/
|
|
2701
|
+
class FngTextInputComponent {
|
|
2702
|
+
constructor() {
|
|
2703
|
+
/**
|
|
2704
|
+
* The text input label.
|
|
2705
|
+
*/
|
|
2706
|
+
this.label = '';
|
|
2707
|
+
this.innerType = 'text';
|
|
2708
|
+
this.innerReadonly = false;
|
|
2709
|
+
this.step = undefined;
|
|
2710
|
+
this.min = undefined;
|
|
2711
|
+
this.max = undefined;
|
|
2712
|
+
this.tabindex = undefined;
|
|
2713
|
+
this.placeholder = undefined;
|
|
2714
|
+
this.name = '';
|
|
2715
|
+
this.innerDisabled = false;
|
|
2716
|
+
/**
|
|
2717
|
+
* The inner value.
|
|
2718
|
+
*/
|
|
2719
|
+
this.innerValue = '';
|
|
2720
|
+
this.innerRequired = false;
|
|
2721
|
+
/**
|
|
2722
|
+
* Error description when invalid.
|
|
2723
|
+
*/
|
|
2724
|
+
this.error = '';
|
|
2725
|
+
/**
|
|
2726
|
+
* Hint description when valid.
|
|
2727
|
+
*/
|
|
2728
|
+
this.hint = undefined;
|
|
2729
|
+
/**
|
|
2730
|
+
* When true the text input has focus.
|
|
2731
|
+
*/
|
|
2732
|
+
this.focused = false;
|
|
2733
|
+
}
|
|
2734
|
+
/**
|
|
2735
|
+
* A string specifying the type of control to render.
|
|
2736
|
+
*/
|
|
2737
|
+
get type() {
|
|
2738
|
+
return this.innerType;
|
|
2739
|
+
}
|
|
2740
|
+
set type(value) {
|
|
2741
|
+
const supported = ['text', 'number', 'password', 'date', 'time', 'datetime-local'];
|
|
2742
|
+
if (value != null && supported.indexOf(value) !== -1) {
|
|
2743
|
+
this.innerType = value;
|
|
2744
|
+
}
|
|
2745
|
+
else {
|
|
2746
|
+
this.innerType = 'text';
|
|
2747
|
+
}
|
|
2748
|
+
}
|
|
2749
|
+
get readonly() {
|
|
2750
|
+
return this.innerReadonly;
|
|
2751
|
+
}
|
|
2752
|
+
set readonly(value) {
|
|
2753
|
+
this.innerReadonly = coerceBooleanProperty(value);
|
|
2754
|
+
}
|
|
2755
|
+
/**
|
|
2756
|
+
* When true the control's disabled attribute is set
|
|
2757
|
+
* and it gets addeed the .disabled css class.
|
|
2758
|
+
*/
|
|
2759
|
+
get disabled() {
|
|
2760
|
+
return this.innerDisabled;
|
|
2761
|
+
}
|
|
2762
|
+
set disabled(value) {
|
|
2763
|
+
this.innerDisabled = coerceBooleanProperty(value);
|
|
2764
|
+
if (this.focused) {
|
|
2765
|
+
this.focused = false;
|
|
2766
|
+
}
|
|
2767
|
+
}
|
|
2768
|
+
/**
|
|
2769
|
+
* The getter for value.
|
|
2770
|
+
*/
|
|
2771
|
+
get value() {
|
|
2772
|
+
return this.innerValue;
|
|
2773
|
+
}
|
|
2774
|
+
/**
|
|
2775
|
+
* The setter for value.
|
|
2776
|
+
*/
|
|
2777
|
+
set value(value) {
|
|
2778
|
+
if (value != null) {
|
|
2779
|
+
value = '' + value;
|
|
2780
|
+
}
|
|
2781
|
+
this.innerValue = value;
|
|
2782
|
+
this.focused = !!value;
|
|
2783
|
+
if (this.onChange != null) {
|
|
2784
|
+
this.onChange(value);
|
|
2785
|
+
}
|
|
2786
|
+
if (this.onTouched != null) {
|
|
2787
|
+
this.onTouched();
|
|
2788
|
+
}
|
|
2789
|
+
}
|
|
2790
|
+
get required() {
|
|
2791
|
+
return this.innerRequired;
|
|
2792
|
+
}
|
|
2793
|
+
set required(value) {
|
|
2794
|
+
this.innerRequired = coerceBooleanProperty(value);
|
|
2795
|
+
}
|
|
2796
|
+
/**
|
|
2797
|
+
* Called on component initialisation.
|
|
2798
|
+
*/
|
|
2799
|
+
ngOnInit() {
|
|
2800
|
+
this.onBlur();
|
|
2801
|
+
}
|
|
2802
|
+
/**
|
|
2803
|
+
* Writes the value.
|
|
2804
|
+
* @param value The value.
|
|
2805
|
+
*/
|
|
2806
|
+
writeValue(value) {
|
|
2807
|
+
if (value != null) {
|
|
2808
|
+
value = '' + value;
|
|
2809
|
+
}
|
|
2810
|
+
this.innerValue = value;
|
|
2811
|
+
this.focused = !!value;
|
|
2812
|
+
}
|
|
2813
|
+
/**
|
|
2814
|
+
* Registers a function to onChange.
|
|
2815
|
+
* @param fn The registered function.
|
|
2816
|
+
*/
|
|
2817
|
+
registerOnChange(fn) {
|
|
2818
|
+
this.onChange = fn;
|
|
2819
|
+
}
|
|
2820
|
+
/**
|
|
2821
|
+
* Registers a function to onTouched.
|
|
2822
|
+
* @param fn The registered function.
|
|
2823
|
+
*/
|
|
2824
|
+
registerOnTouched(fn) {
|
|
2825
|
+
this.onTouched = fn;
|
|
2826
|
+
}
|
|
2827
|
+
/**
|
|
2828
|
+
* Called when the text input is in focus.
|
|
2829
|
+
*/
|
|
2830
|
+
onFocus() {
|
|
2831
|
+
this.focused = true;
|
|
2832
|
+
}
|
|
2833
|
+
/**
|
|
2834
|
+
* Called when the text input blurs.
|
|
2835
|
+
*/
|
|
2836
|
+
onBlur() {
|
|
2837
|
+
if (this.focused) {
|
|
2838
|
+
this.focused = false;
|
|
2839
|
+
}
|
|
2840
|
+
}
|
|
2841
|
+
/**
|
|
2842
|
+
* Sets the disabled state.
|
|
2843
|
+
* @param isDisabled When true the control is disabled
|
|
2844
|
+
*/
|
|
2845
|
+
setDisabledState(isDisabled) {
|
|
2846
|
+
this.disabled = isDisabled;
|
|
2847
|
+
}
|
|
2848
|
+
}
|
|
2849
|
+
FngTextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2850
|
+
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: [
|
|
2851
|
+
{
|
|
2852
|
+
provide: NG_VALUE_ACCESSOR,
|
|
2853
|
+
useExisting: forwardRef(() => FngTextInputComponent),
|
|
2854
|
+
multi: true
|
|
2855
|
+
}
|
|
2856
|
+
], 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 });
|
|
2857
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngTextInputComponent, decorators: [{
|
|
2858
|
+
type: Component,
|
|
2859
|
+
args: [{ standalone: true, imports: [CommonModule, FormsModule], selector: 'fng-text-input', providers: [
|
|
2860
|
+
{
|
|
2861
|
+
provide: NG_VALUE_ACCESSOR,
|
|
2862
|
+
useExisting: forwardRef(() => FngTextInputComponent),
|
|
2863
|
+
multi: true
|
|
2864
|
+
}
|
|
2865
|
+
], 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"] }]
|
|
2866
|
+
}], propDecorators: { label: [{
|
|
2867
|
+
type: Input
|
|
2868
|
+
}], type: [{
|
|
2869
|
+
type: Input
|
|
2870
|
+
}], readonly: [{
|
|
2871
|
+
type: Input
|
|
2872
|
+
}], step: [{
|
|
2873
|
+
type: Input
|
|
2874
|
+
}], min: [{
|
|
2875
|
+
type: Input
|
|
2876
|
+
}], max: [{
|
|
2877
|
+
type: Input
|
|
2878
|
+
}], tabindex: [{
|
|
2879
|
+
type: Input
|
|
2880
|
+
}], placeholder: [{
|
|
2881
|
+
type: Input
|
|
2882
|
+
}], name: [{
|
|
2883
|
+
type: Input
|
|
2884
|
+
}], disabled: [{
|
|
2885
|
+
type: Input
|
|
2886
|
+
}], value: [{
|
|
2887
|
+
type: Input
|
|
2888
|
+
}], required: [{
|
|
2889
|
+
type: Input
|
|
2890
|
+
}], error: [{
|
|
2891
|
+
type: Input
|
|
2892
|
+
}], hint: [{
|
|
2893
|
+
type: Input
|
|
2894
|
+
}], inputElement: [{
|
|
2895
|
+
type: ViewChild,
|
|
2896
|
+
args: ['inputElement']
|
|
2897
|
+
}] } });
|
|
2898
|
+
|
|
2698
2899
|
class FngPromptComponent {
|
|
2699
2900
|
get text() {
|
|
2700
2901
|
return this.form?.get('text')?.value;
|
|
@@ -2738,6 +2939,7 @@ class FngPromptComponent {
|
|
|
2738
2939
|
this.error = '';
|
|
2739
2940
|
}
|
|
2740
2941
|
});
|
|
2942
|
+
this.handleErrors();
|
|
2741
2943
|
}
|
|
2742
2944
|
ngAfterViewInit() {
|
|
2743
2945
|
if (this.closeBtn) {
|
|
@@ -2773,10 +2975,10 @@ class FngPromptComponent {
|
|
|
2773
2975
|
}
|
|
2774
2976
|
}
|
|
2775
2977
|
FngPromptComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngPromptComponent, deps: [{ token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
2776
|
-
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 <
|
|
2978
|
+
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 });
|
|
2777
2979
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngPromptComponent, decorators: [{
|
|
2778
2980
|
type: Component,
|
|
2779
|
-
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 <
|
|
2981
|
+
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" }]
|
|
2780
2982
|
}], ctorParameters: function () { return [{ type: i3.FormBuilder }]; }, propDecorators: { data: [{
|
|
2781
2983
|
type: Input
|
|
2782
2984
|
}], close: [{
|
|
@@ -3683,207 +3885,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
3683
3885
|
type: Input
|
|
3684
3886
|
}] } });
|
|
3685
3887
|
|
|
3686
|
-
/**
|
|
3687
|
-
* A custom form element for text inputs.
|
|
3688
|
-
*/
|
|
3689
|
-
class FngTextInputComponent {
|
|
3690
|
-
constructor() {
|
|
3691
|
-
/**
|
|
3692
|
-
* The text input label.
|
|
3693
|
-
*/
|
|
3694
|
-
this.label = '';
|
|
3695
|
-
this.innerType = 'text';
|
|
3696
|
-
this.innerReadonly = false;
|
|
3697
|
-
this.step = 0;
|
|
3698
|
-
this.min = 0;
|
|
3699
|
-
this.max = 0;
|
|
3700
|
-
this.tabindex = 0;
|
|
3701
|
-
this.placeholder = '';
|
|
3702
|
-
this.name = '';
|
|
3703
|
-
this.innerDisabled = false;
|
|
3704
|
-
/**
|
|
3705
|
-
* The inner value.
|
|
3706
|
-
*/
|
|
3707
|
-
this.innerValue = '';
|
|
3708
|
-
this.innerRequired = false;
|
|
3709
|
-
/**
|
|
3710
|
-
* Error description when invalid.
|
|
3711
|
-
*/
|
|
3712
|
-
this.error = '';
|
|
3713
|
-
/**
|
|
3714
|
-
* Hint description when valid.
|
|
3715
|
-
*/
|
|
3716
|
-
this.hint = '';
|
|
3717
|
-
/**
|
|
3718
|
-
* When true the text input has focus.
|
|
3719
|
-
*/
|
|
3720
|
-
this.focused = false;
|
|
3721
|
-
}
|
|
3722
|
-
/**
|
|
3723
|
-
* A string specifying the type of control to render.
|
|
3724
|
-
*/
|
|
3725
|
-
get type() {
|
|
3726
|
-
return this.innerType;
|
|
3727
|
-
}
|
|
3728
|
-
set type(value) {
|
|
3729
|
-
const supported = ['text', 'number', 'password', 'date', 'time', 'datetime-local'];
|
|
3730
|
-
if (value != null && supported.indexOf(value) !== -1) {
|
|
3731
|
-
this.innerType = value;
|
|
3732
|
-
}
|
|
3733
|
-
else {
|
|
3734
|
-
this.innerType = 'text';
|
|
3735
|
-
}
|
|
3736
|
-
}
|
|
3737
|
-
get readonly() {
|
|
3738
|
-
return this.innerReadonly;
|
|
3739
|
-
}
|
|
3740
|
-
set readonly(value) {
|
|
3741
|
-
this.innerReadonly = coerceBooleanProperty(value);
|
|
3742
|
-
}
|
|
3743
|
-
/**
|
|
3744
|
-
* When true the control's disabled attribute is set
|
|
3745
|
-
* and it gets addeed the .disabled css class.
|
|
3746
|
-
*/
|
|
3747
|
-
get disabled() {
|
|
3748
|
-
return this.innerDisabled;
|
|
3749
|
-
}
|
|
3750
|
-
set disabled(value) {
|
|
3751
|
-
this.innerDisabled = coerceBooleanProperty(value);
|
|
3752
|
-
if (this.focused) {
|
|
3753
|
-
this.focused = false;
|
|
3754
|
-
}
|
|
3755
|
-
}
|
|
3756
|
-
/**
|
|
3757
|
-
* The getter for value.
|
|
3758
|
-
*/
|
|
3759
|
-
get value() {
|
|
3760
|
-
return this.innerValue;
|
|
3761
|
-
}
|
|
3762
|
-
/**
|
|
3763
|
-
* The setter for value.
|
|
3764
|
-
*/
|
|
3765
|
-
set value(value) {
|
|
3766
|
-
if (value != null) {
|
|
3767
|
-
value = '' + value;
|
|
3768
|
-
}
|
|
3769
|
-
this.innerValue = value;
|
|
3770
|
-
this.focused = !!value;
|
|
3771
|
-
if (this.onChange != null) {
|
|
3772
|
-
this.onChange(value);
|
|
3773
|
-
}
|
|
3774
|
-
if (this.onTouched != null) {
|
|
3775
|
-
this.onTouched();
|
|
3776
|
-
}
|
|
3777
|
-
}
|
|
3778
|
-
get required() {
|
|
3779
|
-
return this.innerRequired;
|
|
3780
|
-
}
|
|
3781
|
-
set required(value) {
|
|
3782
|
-
this.innerRequired = coerceBooleanProperty(value);
|
|
3783
|
-
}
|
|
3784
|
-
/**
|
|
3785
|
-
* Called on component initialisation.
|
|
3786
|
-
*/
|
|
3787
|
-
ngOnInit() {
|
|
3788
|
-
this.onBlur();
|
|
3789
|
-
}
|
|
3790
|
-
/**
|
|
3791
|
-
* Writes the value.
|
|
3792
|
-
* @param value The value.
|
|
3793
|
-
*/
|
|
3794
|
-
writeValue(value) {
|
|
3795
|
-
if (value != null) {
|
|
3796
|
-
value = '' + value;
|
|
3797
|
-
}
|
|
3798
|
-
this.innerValue = value;
|
|
3799
|
-
this.focused = !!value;
|
|
3800
|
-
}
|
|
3801
|
-
/**
|
|
3802
|
-
* Registers a function to onChange.
|
|
3803
|
-
* @param fn The registered function.
|
|
3804
|
-
*/
|
|
3805
|
-
registerOnChange(fn) {
|
|
3806
|
-
this.onChange = fn;
|
|
3807
|
-
}
|
|
3808
|
-
/**
|
|
3809
|
-
* Registers a function to onTouched.
|
|
3810
|
-
* @param fn The registered function.
|
|
3811
|
-
*/
|
|
3812
|
-
registerOnTouched(fn) {
|
|
3813
|
-
this.onTouched = fn;
|
|
3814
|
-
}
|
|
3815
|
-
/**
|
|
3816
|
-
* Called when the text input is in focus.
|
|
3817
|
-
*/
|
|
3818
|
-
onFocus() {
|
|
3819
|
-
this.focused = true;
|
|
3820
|
-
}
|
|
3821
|
-
/**
|
|
3822
|
-
* Called when the text input blurs.
|
|
3823
|
-
*/
|
|
3824
|
-
onBlur() {
|
|
3825
|
-
if (this.focused) {
|
|
3826
|
-
this.focused = false;
|
|
3827
|
-
}
|
|
3828
|
-
}
|
|
3829
|
-
/**
|
|
3830
|
-
* Sets the disabled state.
|
|
3831
|
-
* @param isDisabled When true the control is disabled
|
|
3832
|
-
*/
|
|
3833
|
-
setDisabledState(isDisabled) {
|
|
3834
|
-
this.disabled = isDisabled;
|
|
3835
|
-
}
|
|
3836
|
-
}
|
|
3837
|
-
FngTextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3838
|
-
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: [
|
|
3839
|
-
{
|
|
3840
|
-
provide: NG_VALUE_ACCESSOR,
|
|
3841
|
-
useExisting: forwardRef(() => FngTextInputComponent),
|
|
3842
|
-
multi: true
|
|
3843
|
-
}
|
|
3844
|
-
], 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 });
|
|
3845
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngTextInputComponent, decorators: [{
|
|
3846
|
-
type: Component,
|
|
3847
|
-
args: [{ standalone: true, imports: [CommonModule, FormsModule], selector: 'fng-text-input', providers: [
|
|
3848
|
-
{
|
|
3849
|
-
provide: NG_VALUE_ACCESSOR,
|
|
3850
|
-
useExisting: forwardRef(() => FngTextInputComponent),
|
|
3851
|
-
multi: true
|
|
3852
|
-
}
|
|
3853
|
-
], 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"] }]
|
|
3854
|
-
}], propDecorators: { label: [{
|
|
3855
|
-
type: Input
|
|
3856
|
-
}], type: [{
|
|
3857
|
-
type: Input
|
|
3858
|
-
}], readonly: [{
|
|
3859
|
-
type: Input
|
|
3860
|
-
}], step: [{
|
|
3861
|
-
type: Input
|
|
3862
|
-
}], min: [{
|
|
3863
|
-
type: Input
|
|
3864
|
-
}], max: [{
|
|
3865
|
-
type: Input
|
|
3866
|
-
}], tabindex: [{
|
|
3867
|
-
type: Input
|
|
3868
|
-
}], placeholder: [{
|
|
3869
|
-
type: Input
|
|
3870
|
-
}], name: [{
|
|
3871
|
-
type: Input
|
|
3872
|
-
}], disabled: [{
|
|
3873
|
-
type: Input
|
|
3874
|
-
}], value: [{
|
|
3875
|
-
type: Input
|
|
3876
|
-
}], required: [{
|
|
3877
|
-
type: Input
|
|
3878
|
-
}], error: [{
|
|
3879
|
-
type: Input
|
|
3880
|
-
}], hint: [{
|
|
3881
|
-
type: Input
|
|
3882
|
-
}], inputElement: [{
|
|
3883
|
-
type: ViewChild,
|
|
3884
|
-
args: ['inputElement']
|
|
3885
|
-
}] } });
|
|
3886
|
-
|
|
3887
3888
|
class FngTimePickerDropdownComponent {
|
|
3888
3889
|
constructor() {
|
|
3889
3890
|
this.date = new Date();
|