ngx-t-forms 2.0.7 → 2.0.9
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/fesm2022/{ngx-t-forms-api-value-access-rules.component-Cp0BeYD7.mjs → ngx-t-forms-api-value-access-rules.component-DjZDnTHz.mjs} +11 -11
- package/fesm2022/{ngx-t-forms-api-value-access-rules.component-Cp0BeYD7.mjs.map → ngx-t-forms-api-value-access-rules.component-DjZDnTHz.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms-api-value-access-rules.component-Zg1ddSDb.mjs +813 -0
- package/fesm2022/ngx-t-forms-api-value-access-rules.component-Zg1ddSDb.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-calculated-field-rules.component-C1v-xiGd.mjs → ngx-t-forms-calculated-field-rules.component-E3l7DQo7.mjs} +11 -11
- package/fesm2022/{ngx-t-forms-calculated-field-rules.component-C1v-xiGd.mjs.map → ngx-t-forms-calculated-field-rules.component-E3l7DQo7.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms-calculated-field-rules.component-ZepKycLR.mjs +532 -0
- package/fesm2022/ngx-t-forms-calculated-field-rules.component-ZepKycLR.mjs.map +1 -0
- package/fesm2022/ngx-t-forms-config-mscoa-additional-inputs.component-DLnB3R7t.mjs +297 -0
- package/fesm2022/ngx-t-forms-config-mscoa-additional-inputs.component-DLnB3R7t.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-config-mscoa-additional-inputs.component-jgXTh0do.mjs → ngx-t-forms-config-mscoa-additional-inputs.component-sOC54w4T.mjs} +9 -9
- package/fesm2022/{ngx-t-forms-config-mscoa-additional-inputs.component-jgXTh0do.mjs.map → ngx-t-forms-config-mscoa-additional-inputs.component-sOC54w4T.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms-form-input-selector.component-BjwzDiCY.mjs +187 -0
- package/fesm2022/ngx-t-forms-form-input-selector.component-BjwzDiCY.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-form-input-selector.component-DbKhNmVM.mjs → ngx-t-forms-form-input-selector.component-CB03sPjA.mjs} +6 -6
- package/fesm2022/{ngx-t-forms-form-input-selector.component-DbKhNmVM.mjs.map → ngx-t-forms-form-input-selector.component-CB03sPjA.mjs.map} +1 -1
- package/fesm2022/{ngx-t-forms-form-json-view.component-DSnLKnfH.mjs → ngx-t-forms-form-json-view.component-C1AZujJH.mjs} +2 -2
- package/fesm2022/{ngx-t-forms-form-json-view.component-DSnLKnfH.mjs.map → ngx-t-forms-form-json-view.component-C1AZujJH.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms-form-json-view.component-CqtTYCRH.mjs +28 -0
- package/fesm2022/ngx-t-forms-form-json-view.component-CqtTYCRH.mjs.map +1 -0
- package/fesm2022/ngx-t-forms-form-section-stepper.component-Ba5WCLzp.mjs +673 -0
- package/fesm2022/ngx-t-forms-form-section-stepper.component-Ba5WCLzp.mjs.map +1 -0
- package/fesm2022/ngx-t-forms-form-section-stepper.component-C_dciQhe.mjs +225 -0
- package/fesm2022/ngx-t-forms-form-section-stepper.component-C_dciQhe.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-forms-builder-menu.component-DQ8JYw6g.mjs → ngx-t-forms-forms-builder-menu.component-CPIcPREp.mjs} +13 -13
- package/fesm2022/{ngx-t-forms-forms-builder-menu.component-DQ8JYw6g.mjs.map → ngx-t-forms-forms-builder-menu.component-CPIcPREp.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms-forms-builder-menu.component-DbxEBvpt.mjs +735 -0
- package/fesm2022/ngx-t-forms-forms-builder-menu.component-DbxEBvpt.mjs.map +1 -0
- package/fesm2022/ngx-t-forms-input-editor.component-BnsC-jsN.mjs +445 -0
- package/fesm2022/ngx-t-forms-input-editor.component-BnsC-jsN.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-input-editor.component-Gi9MgyHB.mjs → ngx-t-forms-input-editor.component-__grERM8.mjs} +7 -10
- package/fesm2022/ngx-t-forms-input-editor.component-__grERM8.mjs.map +1 -0
- package/fesm2022/ngx-t-forms-mat-chip-list-editor.component-DS6s98ZX.mjs +111 -0
- package/fesm2022/ngx-t-forms-mat-chip-list-editor.component-DS6s98ZX.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-mat-chip-list-editor.component-C2jw_2gf.mjs → ngx-t-forms-mat-chip-list-editor.component-DcdHYqhN.mjs} +2 -3
- package/fesm2022/ngx-t-forms-mat-chip-list-editor.component-DcdHYqhN.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-mat-slider-editor.component-D_IMC63r.mjs → ngx-t-forms-mat-slider-editor.component-C9rintm4.mjs} +2 -2
- package/fesm2022/{ngx-t-forms-mat-slider-editor.component-D_IMC63r.mjs.map → ngx-t-forms-mat-slider-editor.component-C9rintm4.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms-mat-slider-editor.component-ChiiJYK2.mjs +130 -0
- package/fesm2022/ngx-t-forms-mat-slider-editor.component-ChiiJYK2.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-mat-slider-toggle-editor.component-DeKGDDuU.mjs → ngx-t-forms-mat-slider-toggle-editor.component-CItK6kXf.mjs} +2 -2
- package/fesm2022/{ngx-t-forms-mat-slider-toggle-editor.component-DeKGDDuU.mjs.map → ngx-t-forms-mat-slider-toggle-editor.component-CItK6kXf.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms-mat-slider-toggle-editor.component-DFcLzkSF.mjs +171 -0
- package/fesm2022/ngx-t-forms-mat-slider-toggle-editor.component-DFcLzkSF.mjs.map +1 -0
- package/fesm2022/ngx-t-forms-missing-form-configs.component-DNkGCH0e.mjs +104 -0
- package/fesm2022/ngx-t-forms-missing-form-configs.component-DNkGCH0e.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-missing-form-configs.component-BvsopeCg.mjs → ngx-t-forms-missing-form-configs.component-Da3SdUn6.mjs} +4 -4
- package/fesm2022/{ngx-t-forms-missing-form-configs.component-BvsopeCg.mjs.map → ngx-t-forms-missing-form-configs.component-Da3SdUn6.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms-mscoa-segment-config.component-4hrEpLk3.mjs +258 -0
- package/fesm2022/ngx-t-forms-mscoa-segment-config.component-4hrEpLk3.mjs.map +1 -0
- package/fesm2022/ngx-t-forms-mscoa-segment-config.component-CrHAIRAw.mjs +455 -0
- package/fesm2022/ngx-t-forms-mscoa-segment-config.component-CrHAIRAw.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-ngx-t-forms-DtoFU6uQ.mjs → ngx-t-forms-ngx-t-forms-1Roar4qK.mjs} +710 -1294
- package/fesm2022/ngx-t-forms-ngx-t-forms-1Roar4qK.mjs.map +1 -0
- package/fesm2022/ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs +14694 -0
- package/fesm2022/ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-pipeline-generator.component-IwmDgCk9.mjs → ngx-t-forms-pipeline-generator.component-BQDykLNH.mjs} +14 -14
- package/fesm2022/{ngx-t-forms-pipeline-generator.component-IwmDgCk9.mjs.map → ngx-t-forms-pipeline-generator.component-BQDykLNH.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms-pipeline-generator.component-U0d8jQKW.mjs +1362 -0
- package/fesm2022/ngx-t-forms-pipeline-generator.component-U0d8jQKW.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-required-inputs.component-DdNLYKY6.mjs → ngx-t-forms-required-inputs.component-BGK3DNu0.mjs} +10 -10
- package/fesm2022/{ngx-t-forms-required-inputs.component-DdNLYKY6.mjs.map → ngx-t-forms-required-inputs.component-BGK3DNu0.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms-required-inputs.component-S3cbA-zG.mjs +383 -0
- package/fesm2022/ngx-t-forms-required-inputs.component-S3cbA-zG.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-rest-api-call-setup.component-DH5GpWKn.mjs → ngx-t-forms-rest-api-call-setup.component-CCaRUSVQ.mjs} +4 -4
- package/fesm2022/{ngx-t-forms-rest-api-call-setup.component-DH5GpWKn.mjs.map → ngx-t-forms-rest-api-call-setup.component-CCaRUSVQ.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms-rest-api-call-setup.component-DDg4fCFx.mjs +457 -0
- package/fesm2022/ngx-t-forms-rest-api-call-setup.component-DDg4fCFx.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-section-report.component-BAddUET-.mjs → ngx-t-forms-section-report.component-C8Ja_G_3.mjs} +5 -5
- package/fesm2022/{ngx-t-forms-section-report.component-BAddUET-.mjs.map → ngx-t-forms-section-report.component-C8Ja_G_3.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms-section-report.component-C_h0KIR4.mjs +314 -0
- package/fesm2022/ngx-t-forms-section-report.component-C_h0KIR4.mjs.map +1 -0
- package/fesm2022/ngx-t-forms-selection-options-editor.component-CllhwZ5Y.mjs +231 -0
- package/fesm2022/ngx-t-forms-selection-options-editor.component-CllhwZ5Y.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-selection-options-editor.component-CQh-InJ6.mjs → ngx-t-forms-selection-options-editor.component-cYkn1O48.mjs} +6 -6
- package/fesm2022/{ngx-t-forms-selection-options-editor.component-CQh-InJ6.mjs.map → ngx-t-forms-selection-options-editor.component-cYkn1O48.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms-validators-config.component-BPJZRtjT.mjs +434 -0
- package/fesm2022/ngx-t-forms-validators-config.component-BPJZRtjT.mjs.map +1 -0
- package/fesm2022/{ngx-t-forms-validators-config.component-SyL_Vln8.mjs → ngx-t-forms-validators-config.component-CGXCCl45.mjs} +8 -8
- package/fesm2022/{ngx-t-forms-validators-config.component-SyL_Vln8.mjs.map → ngx-t-forms-validators-config.component-CGXCCl45.mjs.map} +1 -1
- package/fesm2022/ngx-t-forms.mjs +1 -1
- package/lib/components/form-builder/elements/form-section-stepper/form-section-stepper.component.d.ts +2 -0
- package/lib/components/form-builder/elements/form-submissions-config/form-submissions-config.component.d.ts +1 -1
- package/lib/components/form-builder/elements/input-element-editor/input-element-editor.component.d.ts +2 -2
- package/lib/components/forms/forms.component.d.ts +1 -1
- package/lib/components/forms/store/Form-actions-formBuilder.d.ts +1 -0
- package/lib/components/forms/store/Form-selectors-FormBuilder.d.ts +1 -1
- package/lib/components/forms/store/forms-store.service.d.ts +2 -1
- package/lib/components/index.d.ts +2 -1
- package/lib/components/t-dynamic-data-edit/elements/mscoa-segment-config/mscoa-segment-config.component.d.ts +5 -9
- package/lib/components/t-form-input/elements/mscoa-form-input/elements/account-value/account-value.component.d.ts +3 -3
- package/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/mscoa-chart.component.d.ts +67 -52
- package/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-computation/mscoa-computation.component.d.ts +10 -10
- package/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-reactive-form-field/mscoa-reactive-form-field.component.d.ts +8 -6
- package/lib/components/t-form-input/elements/mscoa-form-input/elements/scoa-account-table/scoa-account-table.component.d.ts +8 -8
- package/lib/components/t-form-input/elements/mscoa-form-input/elements/scoa-input/scoa-input.component.d.ts +1 -1
- package/lib/components/t-form-input/elements/mscoa-form-input/mscoa-form-input.component.d.ts +4 -3
- package/lib/components/t-form-input/elements/mscoa-form-input/store/mscoa-actions.d.ts +5 -5
- package/lib/components/t-form-input/elements/mscoa-form-input/store/mscoa-component-store.service.d.ts +27 -31
- package/lib/components/t-form-input/elements/mscoa-form-input/store/mscoa-effects.d.ts +2 -2
- package/lib/components/t-form-input/elements/mscoa-form-input/store/mscoa-selectors.d.ts +20 -24
- package/lib/components/t-form-input/elements/multiple-input-input-element/core/multiple-input-table-edit/multiple-input-table-edit.component.d.ts +1 -1
- package/lib/components/t-form-input/elements/select-input-element/elements/select-input/select-input.component.d.ts +20 -0
- package/lib/components/t-form-input/elements/select-input-element/select-input-element.component.d.ts +0 -3
- package/lib/components/t-form-input/t-form-input.component.d.ts +3 -2
- package/lib/components/user-form-stepper/user-form-stepper.component.d.ts +5 -0
- package/lib/components/workflow-builder/store/workflow-builder-store.service.d.ts +18 -0
- package/lib/components/workflow-builder/store/workflowEditorActions.d.ts +4 -0
- package/lib/components/workflow-builder/store/workflowEditorEffects.d.ts +2 -0
- package/lib/components/workflow-builder/store/workflowEditorSelectors.d.ts +2 -0
- package/lib/components/workflow-builder/workflow-builder.component.d.ts +12 -0
- package/lib/services/core/t-form-builder/functions/addScoaExtensionInput.d.ts +2 -0
- package/lib/services/core/t-form-tower-controller/form-tower-controller.service.d.ts +2 -0
- package/lib/services/core/t-form-tower-controller/functions/allFormInputs.d.ts +2 -3
- package/lib/services/core/t-form-tower-controller/functions/getAllFunctionTypes.d.ts +2 -0
- package/lib/shared/functions/textIconsForUserHints.d.ts +2 -1
- package/package.json +3 -2
- package/fesm2022/ngx-t-forms-form-section-stepper.component-hnOcnZGc.mjs +0 -220
- package/fesm2022/ngx-t-forms-form-section-stepper.component-hnOcnZGc.mjs.map +0 -1
- package/fesm2022/ngx-t-forms-input-editor.component-Gi9MgyHB.mjs.map +0 -1
- package/fesm2022/ngx-t-forms-mat-chip-list-editor.component-C2jw_2gf.mjs.map +0 -1
- package/fesm2022/ngx-t-forms-mscoa-segment-config.component-D_IIYPud.mjs +0 -230
- package/fesm2022/ngx-t-forms-mscoa-segment-config.component-D_IIYPud.mjs.map +0 -1
- package/fesm2022/ngx-t-forms-ngx-t-forms-DtoFU6uQ.mjs.map +0 -1
- package/testForm.d.ts +0 -797
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, Optional, Self, Output, Input, HostBinding } from '@angular/core';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import { MatFormFieldControl } from '@angular/material/form-field';
|
|
5
|
+
import { Subject } from 'rxjs';
|
|
6
|
+
import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs';
|
|
7
|
+
import * as i1 from '@angular/forms';
|
|
8
|
+
import * as i2 from '@angular/material/slider';
|
|
9
|
+
|
|
10
|
+
class MatSliderEditorComponent {
|
|
11
|
+
static { this.nextId = 0; }
|
|
12
|
+
constructor(ngControl, _elementRef) {
|
|
13
|
+
this.ngControl = ngControl;
|
|
14
|
+
this._elementRef = _elementRef;
|
|
15
|
+
this.stateChanges = new Subject();
|
|
16
|
+
this.id = `lib-mat-slider-editor-${MatSliderEditorComponent.nextId++}`;
|
|
17
|
+
this.placeholder = '';
|
|
18
|
+
this.focused = false;
|
|
19
|
+
this.disabled = false;
|
|
20
|
+
this.touched = false;
|
|
21
|
+
this.onTouched = () => { };
|
|
22
|
+
this._required = false;
|
|
23
|
+
this.errors = [];
|
|
24
|
+
this.label = '';
|
|
25
|
+
this.min = 0;
|
|
26
|
+
this.max = 100;
|
|
27
|
+
this.step = 1;
|
|
28
|
+
this.value = 0;
|
|
29
|
+
this.format = (value) => value;
|
|
30
|
+
this.formatLabel = (value) => value;
|
|
31
|
+
this.valueChange = new EventEmitter();
|
|
32
|
+
}
|
|
33
|
+
get empty() {
|
|
34
|
+
return !this.value;
|
|
35
|
+
}
|
|
36
|
+
get shouldLabelFloat() {
|
|
37
|
+
return this.focused || !this.empty;
|
|
38
|
+
}
|
|
39
|
+
get errorState() {
|
|
40
|
+
const hasError = !!this.ngControl?.control?.errors || (this.errors || []).length > 0 && this.touched;
|
|
41
|
+
return !this.value && !!this.required || hasError;
|
|
42
|
+
}
|
|
43
|
+
setDescribedByIds(ids) {
|
|
44
|
+
// Ensure the component view is initialized
|
|
45
|
+
if (this._elementRef && this._elementRef.nativeElement) {
|
|
46
|
+
const controlElement = this._elementRef.nativeElement.querySelector('.lib-mat-slider-editor');
|
|
47
|
+
// Check if the controlElement exists before attempting to set its attribute
|
|
48
|
+
if (controlElement) {
|
|
49
|
+
controlElement.setAttribute('aria-describedby', ids.join(' '));
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
onContainerClick(event) {
|
|
54
|
+
this.markAsTouched();
|
|
55
|
+
this.stateChanges.next();
|
|
56
|
+
}
|
|
57
|
+
markAsTouched() {
|
|
58
|
+
console.log('markAsTouched');
|
|
59
|
+
if (!this.touched) {
|
|
60
|
+
this.onTouched();
|
|
61
|
+
this.touched = true;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
set required(value) {
|
|
65
|
+
this._required = value;
|
|
66
|
+
}
|
|
67
|
+
get required() {
|
|
68
|
+
return this._required;
|
|
69
|
+
}
|
|
70
|
+
valueChangedSlider(event) {
|
|
71
|
+
this.valueChange.emit(event);
|
|
72
|
+
}
|
|
73
|
+
static { this.ɵfac = function MatSliderEditorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MatSliderEditorComponent)(i0.ɵɵdirectiveInject(i1.NgControl, 10), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
|
|
74
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MatSliderEditorComponent, selectors: [["lib-mat-slider-editor"]], hostVars: 1, hostBindings: function MatSliderEditorComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
75
|
+
i0.ɵɵhostProperty("id", ctx.id);
|
|
76
|
+
} }, inputs: { required: "required", errors: "errors", label: "label", min: "min", max: "max", step: "step", value: "value", format: "format", formatLabel: "formatLabel" }, outputs: { valueChange: "valueChange" }, features: [i0.ɵɵProvidersFeature([{ provide: MatFormFieldControl, useExisting: MatSliderEditorComponent }])], decls: 7, vars: 6, consts: [[1, "range"], ["showTickMarks", "", "discrete", "", "min", "min || 0", "tickInterval", "step || 1", 2, "width", "100%", 3, "displayWith", "max", "step"], ["matSliderThumb", "", 3, "input", "value"]], template: function MatSliderEditorComponent_Template(rf, ctx) { if (rf & 1) {
|
|
77
|
+
i0.ɵɵelementStart(0, "section", 0)(1, "span");
|
|
78
|
+
i0.ɵɵtext(2);
|
|
79
|
+
i0.ɵɵelementEnd();
|
|
80
|
+
i0.ɵɵelementStart(3, "mat-slider", 1)(4, "input", 2);
|
|
81
|
+
i0.ɵɵlistener("input", function MatSliderEditorComponent_Template_input_input_4_listener($event) { return ctx.valueChangedSlider($event); });
|
|
82
|
+
i0.ɵɵelementEnd()();
|
|
83
|
+
i0.ɵɵelementStart(5, "span");
|
|
84
|
+
i0.ɵɵtext(6);
|
|
85
|
+
i0.ɵɵelementEnd()();
|
|
86
|
+
} if (rf & 2) {
|
|
87
|
+
i0.ɵɵadvance(2);
|
|
88
|
+
i0.ɵɵtextInterpolate1(" ", ctx.min || 0, "");
|
|
89
|
+
i0.ɵɵadvance();
|
|
90
|
+
i0.ɵɵproperty("displayWith", ctx.format || ctx.formatLabel)("max", ctx.max || 100)("step", ctx.step || 1);
|
|
91
|
+
i0.ɵɵadvance();
|
|
92
|
+
i0.ɵɵproperty("value", ctx.value);
|
|
93
|
+
i0.ɵɵadvance(2);
|
|
94
|
+
i0.ɵɵtextInterpolate1(" ", ctx.max || 100, "");
|
|
95
|
+
} }, dependencies: [MatModulesModule, i2.MatSlider, i2.MatSliderThumb, CommonModule], styles: [".range[_ngcontent-%COMP%]{display:flex;align-items:center}"] }); }
|
|
96
|
+
}
|
|
97
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MatSliderEditorComponent, [{
|
|
98
|
+
type: Component,
|
|
99
|
+
args: [{ selector: 'lib-mat-slider-editor', standalone: true, providers: [{ provide: MatFormFieldControl, useExisting: MatSliderEditorComponent }], imports: [MatModulesModule, CommonModule], template: "\r\n<section class=\"range\">\r\n <span> {{min || 0 }}</span>\r\n<mat-slider \r\nstyle=\"width: 100%;\" \r\n showTickMarks discrete [displayWith]=\"format || formatLabel\"\r\n[max]=\"max || 100\" min=\"min || 0\"\r\n[step]=\"step || 1\" tickInterval=\"step || 1\">\r\n<input (input)=\"valueChangedSlider($event)\" [value]=\"value\" matSliderThumb>\r\n</mat-slider>\r\n\r\n<span> {{ max || 100 }}</span>\r\n</section>\r\n", styles: [".range{display:flex;align-items:center}\n"] }]
|
|
100
|
+
}], () => [{ type: i1.NgControl, decorators: [{
|
|
101
|
+
type: Optional
|
|
102
|
+
}, {
|
|
103
|
+
type: Self
|
|
104
|
+
}] }, { type: i0.ElementRef }], { id: [{
|
|
105
|
+
type: HostBinding
|
|
106
|
+
}], required: [{
|
|
107
|
+
type: Input
|
|
108
|
+
}], errors: [{
|
|
109
|
+
type: Input
|
|
110
|
+
}], label: [{
|
|
111
|
+
type: Input
|
|
112
|
+
}], min: [{
|
|
113
|
+
type: Input
|
|
114
|
+
}], max: [{
|
|
115
|
+
type: Input
|
|
116
|
+
}], step: [{
|
|
117
|
+
type: Input
|
|
118
|
+
}], value: [{
|
|
119
|
+
type: Input
|
|
120
|
+
}], format: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}], formatLabel: [{
|
|
123
|
+
type: Input
|
|
124
|
+
}], valueChange: [{
|
|
125
|
+
type: Output
|
|
126
|
+
}] }); })();
|
|
127
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MatSliderEditorComponent, { className: "MatSliderEditorComponent", filePath: "lib/components/t-dynamic-data-edit/elements/mat-slider-editor/mat-slider-editor.component.ts", lineNumber: 18 }); })();
|
|
128
|
+
|
|
129
|
+
export { MatSliderEditorComponent };
|
|
130
|
+
//# sourceMappingURL=ngx-t-forms-mat-slider-editor.component-ChiiJYK2.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngx-t-forms-mat-slider-editor.component-ChiiJYK2.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-editor/mat-slider-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-editor/mat-slider-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { NgControl } from '@angular/forms';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n selector: 'lib-mat-slider-editor',\r\n standalone: true,\r\n providers: [{ provide: MatFormFieldControl, useExisting: MatSliderEditorComponent }],\r\n imports: [MatModulesModule, CommonModule],\r\n templateUrl: './mat-slider-editor.component.html',\r\n styleUrl: './mat-slider-editor.component.css'\r\n})\r\nexport class MatSliderEditorComponent implements MatFormFieldControl<number> {\r\n\r\n static nextId = 0;\r\n stateChanges = new Subject<void>();\r\n\r\n @HostBinding() id = `lib-mat-slider-editor-${MatSliderEditorComponent.nextId++}`;\r\n\r\n placeholder: string = ''\r\n constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n focused: boolean = false;\r\n get empty() {\r\n return !this.value\r\n }\r\n get shouldLabelFloat() {\r\n return this.focused || !this.empty;\r\n }\r\n\r\n disabled: boolean = false;\r\n get errorState(): boolean {\r\n const hasError = !!this.ngControl?.control?.errors || (this.errors||[]).length > 0 && this.touched\r\n \r\n return !this.value && !!this.required || hasError\r\n }\r\n\r\n controlType?: string | undefined;\r\n autofilled?: boolean | undefined;\r\n userAriaDescribedBy?: string | undefined;\r\n disableAutomaticLabeling?: boolean | undefined;\r\n setDescribedByIds(ids: string[]) {\r\n // Ensure the component view is initialized\r\n if (this._elementRef && this._elementRef.nativeElement) {\r\n const controlElement = this._elementRef.nativeElement.querySelector('.lib-mat-slider-editor');\r\n // Check if the controlElement exists before attempting to set its attribute\r\n if (controlElement) {\r\n controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n }\r\n }\r\n }\r\n onContainerClick(event: MouseEvent): void {\r\n this.markAsTouched();\r\n this.stateChanges.next();\r\n }\r\n\r\n touched: boolean = false;\r\n onTouched = () => { };\r\n markAsTouched() {\r\n console.log('markAsTouched')\r\n if (!this.touched) {\r\n this.onTouched();\r\n this.touched = true;\r\n }\r\n }\r\n\r\n\r\n _required: boolean = false;\r\n @Input() set required(value: boolean) {\r\n this._required = value;\r\n }\r\n get required(): boolean {\r\n return this._required;\r\n }\r\n @Input() errors:IConfigElementError[] |undefined = [];\r\n @Input() label: string = '';\r\n @Input() min: number = 0;\r\n @Input() max: number = 100;\r\n @Input() step: number = 1;\r\n @Input() value: number = 0;\r\n @Input() format?: (value: any) => any = (value: any) => value;\r\n @Input() formatLabel: (value: any) => any = (value: any) => value;\r\n @Output() valueChange = new EventEmitter<number>();\r\n valueChangedSlider(event: any) {\r\n this.valueChange.emit(event);\r\n }\r\n\r\n}\r\n","\r\n<section class=\"range\">\r\n <span> {{min || 0 }}</span>\r\n<mat-slider \r\nstyle=\"width: 100%;\" \r\n showTickMarks discrete [displayWith]=\"format || formatLabel\"\r\n[max]=\"max || 100\" min=\"min || 0\"\r\n[step]=\"step || 1\" tickInterval=\"step || 1\">\r\n<input (input)=\"valueChangedSlider($event)\" [value]=\"value\" matSliderThumb>\r\n</mat-slider>\r\n\r\n<span> {{ max || 100 }}</span>\r\n</section>\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { EventEmitter, HostBinding, Input, Output, Optional, Self, Component } from '@angular/core';
|
|
3
|
-
import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-
|
|
3
|
+
import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-1Roar4qK.mjs';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import { MatFormFieldControl } from '@angular/material/form-field';
|
|
6
6
|
import { Subject } from 'rxjs/internal/Subject';
|
|
@@ -150,4 +150,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
|
|
|
150
150
|
}] } });
|
|
151
151
|
|
|
152
152
|
export { MatSliderToggleEditorComponent };
|
|
153
|
-
//# sourceMappingURL=ngx-t-forms-mat-slider-toggle-editor.component-
|
|
153
|
+
//# sourceMappingURL=ngx-t-forms-mat-slider-toggle-editor.component-CItK6kXf.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-t-forms-mat-slider-toggle-editor.component-
|
|
1
|
+
{"version":3,"file":"ngx-t-forms-mat-slider-toggle-editor.component-CItK6kXf.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-toggle-editor/mat-slider-toggle-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-toggle-editor/mat-slider-toggle-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs/internal/Subject';\r\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n selector: 'lib-mat-slider-toggle-editor',\r\n standalone: true,\r\n imports: [MatModulesModule,CommonModule],\r\n templateUrl: './mat-slider-toggle-editor.component.html',\r\n styleUrl: './mat-slider-toggle-editor.component.css',\r\n providers: [\r\n {\r\n provide: MatFormFieldControl,\r\n useExisting: MatSliderToggleEditorComponent\r\n }\r\n ],\r\n})\r\nexport class MatSliderToggleEditorComponent implements MatFormFieldControl<boolean>, ControlValueAccessor {\r\n static nextId = 0;\r\n stateChanges = new Subject<void>();\r\n focused = false;\r\n touched = false;\r\n disabled = false;\r\n controlType = 'lib-mat-slider-toggle-editor';\r\n autofilled = false;\r\n\r\n @Input() name: string | undefined = undefined;\r\n @Input() label: string = '';\r\n @Input() errors:IConfigElementError[] | undefined = [];\r\n @Output() valueChange = new EventEmitter<boolean>();\r\n\r\n private _required = false;\r\n @Input()\r\n get required(): boolean {\r\n return this._required;\r\n }\r\n set required(value: boolean) {\r\n this._required = coerceBooleanProperty(value);\r\n this.stateChanges.next();\r\n }\r\n\r\n private _value: boolean = false;\r\n @Input()\r\n get value(): boolean {\r\n return this._value;\r\n }\r\n set value(val: boolean) {\r\n this._value = val;\r\n this.onChange(val);\r\n this.stateChanges.next();\r\n }\r\n\r\n @Input()\r\n get placeholder(): string {\r\n return this._placeholder;\r\n }\r\n set placeholder(value: string) {\r\n this._placeholder = value;\r\n this.stateChanges.next();\r\n }\r\n private _placeholder: string = '';\r\n\r\n @HostBinding() id = `lib-mat-slider-toggle-editor-${MatSliderToggleEditorComponent.nextId++}`;\r\n @HostBinding('attr.aria-describedby') describedBy = '';\r\n @HostBinding('class.floating') get shouldLabelFloat() {\r\n return this.focused || !this.empty;\r\n }\r\n\r\n get empty(): boolean {\r\n return this.value === false;\r\n }\r\n\r\n get errorState(): boolean {\r\n return !this.value && this.required && this.touched || !!this.ngControl?.errors || (this.errors||[]).length >0;\r\n }\r\n\r\n constructor(\r\n @Optional() @Self() public ngControl: NgControl,\r\n private _elementRef: ElementRef<HTMLElement>\r\n ) {\r\n if (this.ngControl != null) {\r\n this.ngControl.valueAccessor = this;\r\n }\r\n }\r\n\r\n // ControlValueAccessor methods\r\n onChange = (_: any) => {};\r\n onTouched = () => {};\r\n\r\n writeValue(value: boolean): void {\r\n this._value = value;\r\n this.stateChanges.next();\r\n }\r\n\r\n registerOnChange(fn: any): void {\r\n this.onChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: any): void {\r\n this.onTouched = fn;\r\n }\r\n\r\n setDisabledState(isDisabled: boolean): void {\r\n this.disabled = isDisabled;\r\n this.stateChanges.next();\r\n }\r\n\r\n // MatFormFieldControl methods\r\n setDescribedByIds(ids: string[]): void {\r\n const element = this._elementRef?.nativeElement;\r\n if (element) {\r\n element.setAttribute('aria-describedby', ids.join(' '));\r\n }\r\n }\r\n\r\n onContainerClick(event: MouseEvent): void {\r\n if (!this.focused) {\r\n this.focused = true;\r\n this.stateChanges.next();\r\n }\r\n }\r\n\r\n markAsTouched(): void {\r\n if (!this.touched) {\r\n this.touched = true;\r\n this.onTouched();\r\n this.stateChanges.next();\r\n }\r\n }\r\n\r\n valueToggleChanged(value: boolean): void {\r\n this.value = value;\r\n this.valueChange.emit(value);\r\n this.markAsTouched();\r\n }\r\n}","<mat-slide-toggle\r\n [disabled]=\"disabled\"\r\n [checked]=\"!!value\"\r\n (change)=\"valueToggleChanged($event.checked)\"\r\n (blur)=\"markAsTouched()\"\r\n>\r\n set <strong>on/off</strong> {{ label }}\r\n</mat-slide-toggle>"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, Optional, Self, HostBinding, Input, Output } from '@angular/core';
|
|
3
|
+
import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import { MatFormFieldControl } from '@angular/material/form-field';
|
|
6
|
+
import { Subject } from 'rxjs/internal/Subject';
|
|
7
|
+
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
8
|
+
import * as i1 from '@angular/forms';
|
|
9
|
+
import * as i2 from '@angular/material/slide-toggle';
|
|
10
|
+
|
|
11
|
+
class MatSliderToggleEditorComponent {
|
|
12
|
+
static { this.nextId = 0; }
|
|
13
|
+
get required() {
|
|
14
|
+
return this._required;
|
|
15
|
+
}
|
|
16
|
+
set required(value) {
|
|
17
|
+
this._required = coerceBooleanProperty(value);
|
|
18
|
+
this.stateChanges.next();
|
|
19
|
+
}
|
|
20
|
+
get value() {
|
|
21
|
+
return this._value;
|
|
22
|
+
}
|
|
23
|
+
set value(val) {
|
|
24
|
+
this._value = val;
|
|
25
|
+
this.onChange(val);
|
|
26
|
+
this.stateChanges.next();
|
|
27
|
+
}
|
|
28
|
+
get placeholder() {
|
|
29
|
+
return this._placeholder;
|
|
30
|
+
}
|
|
31
|
+
set placeholder(value) {
|
|
32
|
+
this._placeholder = value;
|
|
33
|
+
this.stateChanges.next();
|
|
34
|
+
}
|
|
35
|
+
get shouldLabelFloat() {
|
|
36
|
+
return this.focused || !this.empty;
|
|
37
|
+
}
|
|
38
|
+
get empty() {
|
|
39
|
+
return this.value === false;
|
|
40
|
+
}
|
|
41
|
+
get errorState() {
|
|
42
|
+
return !this.value && this.required && this.touched || !!this.ngControl?.errors || (this.errors || []).length > 0;
|
|
43
|
+
}
|
|
44
|
+
constructor(ngControl, _elementRef) {
|
|
45
|
+
this.ngControl = ngControl;
|
|
46
|
+
this._elementRef = _elementRef;
|
|
47
|
+
this.stateChanges = new Subject();
|
|
48
|
+
this.focused = false;
|
|
49
|
+
this.touched = false;
|
|
50
|
+
this.disabled = false;
|
|
51
|
+
this.controlType = 'lib-mat-slider-toggle-editor';
|
|
52
|
+
this.autofilled = false;
|
|
53
|
+
this.name = undefined;
|
|
54
|
+
this.label = '';
|
|
55
|
+
this.errors = [];
|
|
56
|
+
this.valueChange = new EventEmitter();
|
|
57
|
+
this._required = false;
|
|
58
|
+
this._value = false;
|
|
59
|
+
this._placeholder = '';
|
|
60
|
+
this.id = `lib-mat-slider-toggle-editor-${MatSliderToggleEditorComponent.nextId++}`;
|
|
61
|
+
this.describedBy = '';
|
|
62
|
+
// ControlValueAccessor methods
|
|
63
|
+
this.onChange = (_) => { };
|
|
64
|
+
this.onTouched = () => { };
|
|
65
|
+
if (this.ngControl != null) {
|
|
66
|
+
this.ngControl.valueAccessor = this;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
writeValue(value) {
|
|
70
|
+
this._value = value;
|
|
71
|
+
this.stateChanges.next();
|
|
72
|
+
}
|
|
73
|
+
registerOnChange(fn) {
|
|
74
|
+
this.onChange = fn;
|
|
75
|
+
}
|
|
76
|
+
registerOnTouched(fn) {
|
|
77
|
+
this.onTouched = fn;
|
|
78
|
+
}
|
|
79
|
+
setDisabledState(isDisabled) {
|
|
80
|
+
this.disabled = isDisabled;
|
|
81
|
+
this.stateChanges.next();
|
|
82
|
+
}
|
|
83
|
+
// MatFormFieldControl methods
|
|
84
|
+
setDescribedByIds(ids) {
|
|
85
|
+
const element = this._elementRef?.nativeElement;
|
|
86
|
+
if (element) {
|
|
87
|
+
element.setAttribute('aria-describedby', ids.join(' '));
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
onContainerClick(event) {
|
|
91
|
+
if (!this.focused) {
|
|
92
|
+
this.focused = true;
|
|
93
|
+
this.stateChanges.next();
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
markAsTouched() {
|
|
97
|
+
if (!this.touched) {
|
|
98
|
+
this.touched = true;
|
|
99
|
+
this.onTouched();
|
|
100
|
+
this.stateChanges.next();
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
valueToggleChanged(value) {
|
|
104
|
+
this.value = value;
|
|
105
|
+
this.valueChange.emit(value);
|
|
106
|
+
this.markAsTouched();
|
|
107
|
+
}
|
|
108
|
+
static { this.ɵfac = function MatSliderToggleEditorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MatSliderToggleEditorComponent)(i0.ɵɵdirectiveInject(i1.NgControl, 10), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
|
|
109
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MatSliderToggleEditorComponent, selectors: [["lib-mat-slider-toggle-editor"]], hostVars: 4, hostBindings: function MatSliderToggleEditorComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
110
|
+
i0.ɵɵhostProperty("id", ctx.id);
|
|
111
|
+
i0.ɵɵattribute("aria-describedby", ctx.describedBy);
|
|
112
|
+
i0.ɵɵclassProp("floating", ctx.shouldLabelFloat);
|
|
113
|
+
} }, inputs: { name: "name", label: "label", errors: "errors", required: "required", value: "value", placeholder: "placeholder" }, outputs: { valueChange: "valueChange" }, features: [i0.ɵɵProvidersFeature([
|
|
114
|
+
{
|
|
115
|
+
provide: MatFormFieldControl,
|
|
116
|
+
useExisting: MatSliderToggleEditorComponent
|
|
117
|
+
}
|
|
118
|
+
])], decls: 5, vars: 3, consts: [[3, "change", "blur", "disabled", "checked"]], template: function MatSliderToggleEditorComponent_Template(rf, ctx) { if (rf & 1) {
|
|
119
|
+
i0.ɵɵelementStart(0, "mat-slide-toggle", 0);
|
|
120
|
+
i0.ɵɵlistener("change", function MatSliderToggleEditorComponent_Template_mat_slide_toggle_change_0_listener($event) { return ctx.valueToggleChanged($event.checked); })("blur", function MatSliderToggleEditorComponent_Template_mat_slide_toggle_blur_0_listener() { return ctx.markAsTouched(); });
|
|
121
|
+
i0.ɵɵtext(1, " set ");
|
|
122
|
+
i0.ɵɵelementStart(2, "strong");
|
|
123
|
+
i0.ɵɵtext(3, "on/off");
|
|
124
|
+
i0.ɵɵelementEnd();
|
|
125
|
+
i0.ɵɵtext(4);
|
|
126
|
+
i0.ɵɵelementEnd();
|
|
127
|
+
} if (rf & 2) {
|
|
128
|
+
i0.ɵɵproperty("disabled", ctx.disabled)("checked", !!ctx.value);
|
|
129
|
+
i0.ɵɵadvance(4);
|
|
130
|
+
i0.ɵɵtextInterpolate1(" ", ctx.label, "\n");
|
|
131
|
+
} }, dependencies: [MatModulesModule, i2.MatSlideToggle, CommonModule], encapsulation: 2 }); }
|
|
132
|
+
}
|
|
133
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MatSliderToggleEditorComponent, [{
|
|
134
|
+
type: Component,
|
|
135
|
+
args: [{ selector: 'lib-mat-slider-toggle-editor', standalone: true, imports: [MatModulesModule, CommonModule], providers: [
|
|
136
|
+
{
|
|
137
|
+
provide: MatFormFieldControl,
|
|
138
|
+
useExisting: MatSliderToggleEditorComponent
|
|
139
|
+
}
|
|
140
|
+
], template: "<mat-slide-toggle\r\n [disabled]=\"disabled\"\r\n [checked]=\"!!value\"\r\n (change)=\"valueToggleChanged($event.checked)\"\r\n (blur)=\"markAsTouched()\"\r\n>\r\n set <strong>on/off</strong> {{ label }}\r\n</mat-slide-toggle>" }]
|
|
141
|
+
}], () => [{ type: i1.NgControl, decorators: [{
|
|
142
|
+
type: Optional
|
|
143
|
+
}, {
|
|
144
|
+
type: Self
|
|
145
|
+
}] }, { type: i0.ElementRef }], { name: [{
|
|
146
|
+
type: Input
|
|
147
|
+
}], label: [{
|
|
148
|
+
type: Input
|
|
149
|
+
}], errors: [{
|
|
150
|
+
type: Input
|
|
151
|
+
}], valueChange: [{
|
|
152
|
+
type: Output
|
|
153
|
+
}], required: [{
|
|
154
|
+
type: Input
|
|
155
|
+
}], value: [{
|
|
156
|
+
type: Input
|
|
157
|
+
}], placeholder: [{
|
|
158
|
+
type: Input
|
|
159
|
+
}], id: [{
|
|
160
|
+
type: HostBinding
|
|
161
|
+
}], describedBy: [{
|
|
162
|
+
type: HostBinding,
|
|
163
|
+
args: ['attr.aria-describedby']
|
|
164
|
+
}], shouldLabelFloat: [{
|
|
165
|
+
type: HostBinding,
|
|
166
|
+
args: ['class.floating']
|
|
167
|
+
}] }); })();
|
|
168
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MatSliderToggleEditorComponent, { className: "MatSliderToggleEditorComponent", filePath: "lib/components/t-dynamic-data-edit/elements/mat-slider-toggle-editor/mat-slider-toggle-editor.component.ts", lineNumber: 23 }); })();
|
|
169
|
+
|
|
170
|
+
export { MatSliderToggleEditorComponent };
|
|
171
|
+
//# sourceMappingURL=ngx-t-forms-mat-slider-toggle-editor.component-DFcLzkSF.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngx-t-forms-mat-slider-toggle-editor.component-DFcLzkSF.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-toggle-editor/mat-slider-toggle-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/mat-slider-toggle-editor/mat-slider-toggle-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs/internal/Subject';\r\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n\r\n@Component({\r\n selector: 'lib-mat-slider-toggle-editor',\r\n standalone: true,\r\n imports: [MatModulesModule,CommonModule],\r\n templateUrl: './mat-slider-toggle-editor.component.html',\r\n styleUrl: './mat-slider-toggle-editor.component.css',\r\n providers: [\r\n {\r\n provide: MatFormFieldControl,\r\n useExisting: MatSliderToggleEditorComponent\r\n }\r\n ],\r\n})\r\nexport class MatSliderToggleEditorComponent implements MatFormFieldControl<boolean>, ControlValueAccessor {\r\n static nextId = 0;\r\n stateChanges = new Subject<void>();\r\n focused = false;\r\n touched = false;\r\n disabled = false;\r\n controlType = 'lib-mat-slider-toggle-editor';\r\n autofilled = false;\r\n\r\n @Input() name: string | undefined = undefined;\r\n @Input() label: string = '';\r\n @Input() errors:IConfigElementError[] | undefined = [];\r\n @Output() valueChange = new EventEmitter<boolean>();\r\n\r\n private _required = false;\r\n @Input()\r\n get required(): boolean {\r\n return this._required;\r\n }\r\n set required(value: boolean) {\r\n this._required = coerceBooleanProperty(value);\r\n this.stateChanges.next();\r\n }\r\n\r\n private _value: boolean = false;\r\n @Input()\r\n get value(): boolean {\r\n return this._value;\r\n }\r\n set value(val: boolean) {\r\n this._value = val;\r\n this.onChange(val);\r\n this.stateChanges.next();\r\n }\r\n\r\n @Input()\r\n get placeholder(): string {\r\n return this._placeholder;\r\n }\r\n set placeholder(value: string) {\r\n this._placeholder = value;\r\n this.stateChanges.next();\r\n }\r\n private _placeholder: string = '';\r\n\r\n @HostBinding() id = `lib-mat-slider-toggle-editor-${MatSliderToggleEditorComponent.nextId++}`;\r\n @HostBinding('attr.aria-describedby') describedBy = '';\r\n @HostBinding('class.floating') get shouldLabelFloat() {\r\n return this.focused || !this.empty;\r\n }\r\n\r\n get empty(): boolean {\r\n return this.value === false;\r\n }\r\n\r\n get errorState(): boolean {\r\n return !this.value && this.required && this.touched || !!this.ngControl?.errors || (this.errors||[]).length >0;\r\n }\r\n\r\n constructor(\r\n @Optional() @Self() public ngControl: NgControl,\r\n private _elementRef: ElementRef<HTMLElement>\r\n ) {\r\n if (this.ngControl != null) {\r\n this.ngControl.valueAccessor = this;\r\n }\r\n }\r\n\r\n // ControlValueAccessor methods\r\n onChange = (_: any) => {};\r\n onTouched = () => {};\r\n\r\n writeValue(value: boolean): void {\r\n this._value = value;\r\n this.stateChanges.next();\r\n }\r\n\r\n registerOnChange(fn: any): void {\r\n this.onChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: any): void {\r\n this.onTouched = fn;\r\n }\r\n\r\n setDisabledState(isDisabled: boolean): void {\r\n this.disabled = isDisabled;\r\n this.stateChanges.next();\r\n }\r\n\r\n // MatFormFieldControl methods\r\n setDescribedByIds(ids: string[]): void {\r\n const element = this._elementRef?.nativeElement;\r\n if (element) {\r\n element.setAttribute('aria-describedby', ids.join(' '));\r\n }\r\n }\r\n\r\n onContainerClick(event: MouseEvent): void {\r\n if (!this.focused) {\r\n this.focused = true;\r\n this.stateChanges.next();\r\n }\r\n }\r\n\r\n markAsTouched(): void {\r\n if (!this.touched) {\r\n this.touched = true;\r\n this.onTouched();\r\n this.stateChanges.next();\r\n }\r\n }\r\n\r\n valueToggleChanged(value: boolean): void {\r\n this.value = value;\r\n this.valueChange.emit(value);\r\n this.markAsTouched();\r\n }\r\n}","<mat-slide-toggle\r\n [disabled]=\"disabled\"\r\n [checked]=\"!!value\"\r\n (change)=\"valueToggleChanged($event.checked)\"\r\n (blur)=\"markAsTouched()\"\r\n>\r\n set <strong>on/off</strong> {{ label }}\r\n</mat-slide-toggle>"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component } from '@angular/core';
|
|
3
|
+
import { F as FormsStoreService, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs';
|
|
4
|
+
import * as i2$1 from '@angular/common';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
import * as i2 from '@angular/material/button';
|
|
7
|
+
import * as i6 from '@angular/material/icon';
|
|
8
|
+
import * as i9 from '@angular/material/toolbar';
|
|
9
|
+
import * as i8 from '@angular/material/tooltip';
|
|
10
|
+
|
|
11
|
+
function MissingFormConfigsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
12
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
13
|
+
i0.ɵɵelementStart(0, "button", 2);
|
|
14
|
+
i0.ɵɵlistener("click", function MissingFormConfigsComponent_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.hideDetails = false); });
|
|
15
|
+
i0.ɵɵelementStart(1, "mat-icon");
|
|
16
|
+
i0.ɵɵtext(2, "error");
|
|
17
|
+
i0.ɵɵelementEnd()();
|
|
18
|
+
} }
|
|
19
|
+
function MissingFormConfigsComponent_Conditional_1_For_16_Template(rf, ctx) { if (rf & 1) {
|
|
20
|
+
i0.ɵɵelementStart(0, "li");
|
|
21
|
+
i0.ɵɵtext(1);
|
|
22
|
+
i0.ɵɵelementEnd();
|
|
23
|
+
} if (rf & 2) {
|
|
24
|
+
const issue_r4 = ctx.$implicit;
|
|
25
|
+
i0.ɵɵadvance();
|
|
26
|
+
i0.ɵɵtextInterpolate1(" ", issue_r4, " ");
|
|
27
|
+
} }
|
|
28
|
+
function MissingFormConfigsComponent_Conditional_1_Conditional_18_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
29
|
+
i0.ɵɵelementStart(0, "li");
|
|
30
|
+
i0.ɵɵtext(1);
|
|
31
|
+
i0.ɵɵelementEnd();
|
|
32
|
+
} if (rf & 2) {
|
|
33
|
+
const error_r5 = ctx.$implicit;
|
|
34
|
+
i0.ɵɵadvance();
|
|
35
|
+
i0.ɵɵtextInterpolate1(" ", error_r5, " ");
|
|
36
|
+
} }
|
|
37
|
+
function MissingFormConfigsComponent_Conditional_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
38
|
+
i0.ɵɵelementStart(0, "h5")(1, "strong");
|
|
39
|
+
i0.ɵɵtext(2, " Form validationErrors : ");
|
|
40
|
+
i0.ɵɵelementEnd()();
|
|
41
|
+
i0.ɵɵelementStart(3, "ul");
|
|
42
|
+
i0.ɵɵrepeaterCreate(4, MissingFormConfigsComponent_Conditional_1_Conditional_18_For_5_Template, 2, 1, "li", null, i0.ɵɵrepeaterTrackByIdentity);
|
|
43
|
+
i0.ɵɵpipe(6, "async");
|
|
44
|
+
i0.ɵɵelementEnd();
|
|
45
|
+
} if (rf & 2) {
|
|
46
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
47
|
+
i0.ɵɵadvance(4);
|
|
48
|
+
i0.ɵɵrepeater(i0.ɵɵpipeBind1(6, 0, ctx_r1.errors$));
|
|
49
|
+
} }
|
|
50
|
+
function MissingFormConfigsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
51
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
52
|
+
i0.ɵɵelementStart(0, "div", 1)(1, "mat-toolbar", 3)(2, "button", 4);
|
|
53
|
+
i0.ɵɵlistener("click", function MissingFormConfigsComponent_Conditional_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.hideDetails = true); });
|
|
54
|
+
i0.ɵɵelementStart(3, "mat-icon");
|
|
55
|
+
i0.ɵɵtext(4, " close ");
|
|
56
|
+
i0.ɵɵelementEnd()();
|
|
57
|
+
i0.ɵɵtext(5, " Missing configurations: ");
|
|
58
|
+
i0.ɵɵelement(6, "span", 5);
|
|
59
|
+
i0.ɵɵelementStart(7, "button", 6);
|
|
60
|
+
i0.ɵɵlistener("click", function MissingFormConfigsComponent_Conditional_1_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showAllErrors = !ctx_r1.showAllErrors); });
|
|
61
|
+
i0.ɵɵelementStart(8, "mat-icon");
|
|
62
|
+
i0.ɵɵtext(9, " unfold_more ");
|
|
63
|
+
i0.ɵɵelementEnd()()();
|
|
64
|
+
i0.ɵɵelementStart(10, "section", 7)(11, "h5")(12, "strong");
|
|
65
|
+
i0.ɵɵtext(13, " Overall form issues: ");
|
|
66
|
+
i0.ɵɵelementEnd()();
|
|
67
|
+
i0.ɵɵelementStart(14, "ul");
|
|
68
|
+
i0.ɵɵrepeaterCreate(15, MissingFormConfigsComponent_Conditional_1_For_16_Template, 2, 1, "li", null, i0.ɵɵrepeaterTrackByIdentity);
|
|
69
|
+
i0.ɵɵpipe(17, "async");
|
|
70
|
+
i0.ɵɵelementEnd();
|
|
71
|
+
i0.ɵɵtemplate(18, MissingFormConfigsComponent_Conditional_1_Conditional_18_Template, 7, 2);
|
|
72
|
+
i0.ɵɵelementEnd()();
|
|
73
|
+
} if (rf & 2) {
|
|
74
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
75
|
+
i0.ɵɵadvance(7);
|
|
76
|
+
i0.ɵɵproperty("matTooltip", ctx_r1.showAllErrors ? "Hide all errors" : "Show all errors");
|
|
77
|
+
i0.ɵɵadvance(8);
|
|
78
|
+
i0.ɵɵrepeater(i0.ɵɵpipeBind1(17, 2, ctx_r1.missingConfigs$));
|
|
79
|
+
i0.ɵɵadvance(3);
|
|
80
|
+
i0.ɵɵconditional(ctx_r1.showAllErrors ? 18 : -1);
|
|
81
|
+
} }
|
|
82
|
+
class MissingFormConfigsComponent {
|
|
83
|
+
constructor(store) {
|
|
84
|
+
this.store = store;
|
|
85
|
+
this.errors$ = this.store.formBuilderSelectors.formValidationErrorsMessages$;
|
|
86
|
+
this.missingConfigs$ = this.store.formBuilderSelectors.missingConfig$;
|
|
87
|
+
this.hideDetails = true;
|
|
88
|
+
this.showAllErrors = false;
|
|
89
|
+
}
|
|
90
|
+
static { this.ɵfac = function MissingFormConfigsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MissingFormConfigsComponent)(i0.ɵɵdirectiveInject(FormsStoreService)); }; }
|
|
91
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MissingFormConfigsComponent, selectors: [["app-missing-form-configs"]], decls: 2, vars: 1, consts: [["matTooltip", "Click to view form configuration issues and validation errors", "mat-fab", "", "color", "warn", "aria-label", "Error icon", 2, "margin", "16px"], [1, "content", 2, "margin", "8px", "position", "relative"], ["matTooltip", "Click to view form configuration issues and validation errors", "mat-fab", "", "color", "warn", "aria-label", "Error icon", 2, "margin", "16px", 3, "click"], ["color", "warn"], ["mat-icon-button", "", 3, "click"], [1, "spacer"], ["mat-icon-button", "", 3, "click", "matTooltip"], [2, "padding", "16px"]], template: function MissingFormConfigsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
92
|
+
i0.ɵɵtemplate(0, MissingFormConfigsComponent_Conditional_0_Template, 3, 0, "button", 0)(1, MissingFormConfigsComponent_Conditional_1_Template, 19, 4, "div", 1);
|
|
93
|
+
} if (rf & 2) {
|
|
94
|
+
i0.ɵɵconditional(ctx.hideDetails ? 0 : 1);
|
|
95
|
+
} }, dependencies: [MatModulesModule, i2.MatIconButton, i2.MatFabButton, i6.MatIcon, i9.MatToolbar, i8.MatTooltip, CommonModule, i2$1.AsyncPipe], styles: [".content[_ngcontent-%COMP%]{width:400px;background:var(--mat-toolbar-container-background-color, var(--mat-app-surface));border:solid var(--mat-form-field-error-text-color, var(--mat-app-error)) 1px}ul[_ngcontent-%COMP%]{margin-top:0}h5[_ngcontent-%COMP%]{padding-left:16px;padding-right:16px;padding-top:8px}"] }); }
|
|
96
|
+
}
|
|
97
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MissingFormConfigsComponent, [{
|
|
98
|
+
type: Component,
|
|
99
|
+
args: [{ selector: 'app-missing-form-configs', standalone: true, imports: [MatModulesModule, CommonModule], template: "@if (hideDetails) {\r\n<button \r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails = false\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div style=\"margin: 8px;position:relative\" class=\"content \">\r\n <mat-toolbar color=\"warn\">\r\n <button (click)=\" hideDetails = true\" mat-icon-button>\r\n <mat-icon>\r\n close\r\n </mat-icon>\r\n </button>\r\n Missing configurations:\r\n <span class=\"spacer\"></span>\r\n <button [matTooltip]=\"showAllErrors?'Hide all errors':'Show all errors'\"\r\n (click)=\"showAllErrors = !showAllErrors\" mat-icon-button>\r\n\r\n <mat-icon>\r\n unfold_more\r\n </mat-icon>\r\n </button>\r\n </mat-toolbar>\r\n <section style=\"padding: 16px;\" >\r\n <h5>\r\n <strong>\r\n Overall form issues:\r\n </strong>\r\n </h5>\r\n <ul>\r\n @for (issue of (missingConfigs$|async);track issue) {\r\n <li>\r\n {{issue}}\r\n </li>\r\n }\r\n </ul>\r\n\r\n @if(showAllErrors){\r\n <h5>\r\n <strong>\r\n\r\n Form validationErrors :\r\n\r\n </strong>\r\n\r\n\r\n </h5>\r\n <ul>\r\n @for (error of errors$|async; track error) {\r\n\r\n <li>\r\n\r\n {{error}}\r\n\r\n </li>\r\n\r\n }\r\n </ul>\r\n }\r\n\r\n\r\n\r\n\r\n\r\n </section>\r\n\r\n</div>\r\n}", styles: [".content{width:400px;background:var(--mat-toolbar-container-background-color, var(--mat-app-surface));border:solid var(--mat-form-field-error-text-color, var(--mat-app-error)) 1px}ul{margin-top:0}h5{padding-left:16px;padding-right:16px;padding-top:8px}\n"] }]
|
|
100
|
+
}], () => [{ type: FormsStoreService }], null); })();
|
|
101
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MissingFormConfigsComponent, { className: "MissingFormConfigsComponent", filePath: "lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.ts", lineNumber: 16 }); })();
|
|
102
|
+
|
|
103
|
+
export { MissingFormConfigsComponent };
|
|
104
|
+
//# sourceMappingURL=ngx-t-forms-missing-form-configs.component-DNkGCH0e.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngx-t-forms-missing-form-configs.component-DNkGCH0e.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.html","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.ts"],"sourcesContent":["@if (hideDetails) {\r\n<button \r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails = false\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div style=\"margin: 8px;position:relative\" class=\"content \">\r\n <mat-toolbar color=\"warn\">\r\n <button (click)=\" hideDetails = true\" mat-icon-button>\r\n <mat-icon>\r\n close\r\n </mat-icon>\r\n </button>\r\n Missing configurations:\r\n <span class=\"spacer\"></span>\r\n <button [matTooltip]=\"showAllErrors?'Hide all errors':'Show all errors'\"\r\n (click)=\"showAllErrors = !showAllErrors\" mat-icon-button>\r\n\r\n <mat-icon>\r\n unfold_more\r\n </mat-icon>\r\n </button>\r\n </mat-toolbar>\r\n <section style=\"padding: 16px;\" >\r\n <h5>\r\n <strong>\r\n Overall form issues:\r\n </strong>\r\n </h5>\r\n <ul>\r\n @for (issue of (missingConfigs$|async);track issue) {\r\n <li>\r\n {{issue}}\r\n </li>\r\n }\r\n </ul>\r\n\r\n @if(showAllErrors){\r\n <h5>\r\n <strong>\r\n\r\n Form validationErrors :\r\n\r\n </strong>\r\n\r\n\r\n </h5>\r\n <ul>\r\n @for (error of errors$|async; track error) {\r\n\r\n <li>\r\n\r\n {{error}}\r\n\r\n </li>\r\n\r\n }\r\n </ul>\r\n }\r\n\r\n\r\n\r\n\r\n\r\n </section>\r\n\r\n</div>\r\n}","import { Component } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n\r\n\r\n@Component({\r\n selector: 'app-missing-form-configs',\r\n standalone: true,\r\n imports: [MatModulesModule, CommonModule],\r\n templateUrl: './missing-form-configs.component.html',\r\n styleUrl: './missing-form-configs.component.scss'\r\n})\r\nexport class MissingFormConfigsComponent {\r\n errors$ = this.store.formBuilderSelectors.formValidationErrorsMessages$\r\n missingConfigs$ = this.store.formBuilderSelectors.missingConfig$\r\n constructor(private store: FormsStoreService) { }\r\n hideDetails: boolean = true;\r\n showAllErrors: boolean = false\r\n\r\n}\r\n"],"names":["i1.FormsStoreService","i6"],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Component } from '@angular/core';
|
|
3
|
-
import { F as FormsStoreService, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-
|
|
3
|
+
import { F as FormsStoreService, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-1Roar4qK.mjs';
|
|
4
4
|
import * as i2$1 from '@angular/common';
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
|
6
6
|
import * as i2 from '@angular/material/button';
|
|
7
|
-
import * as
|
|
7
|
+
import * as i6 from '@angular/material/icon';
|
|
8
8
|
import * as i9 from '@angular/material/toolbar';
|
|
9
9
|
import * as i8 from '@angular/material/tooltip';
|
|
10
10
|
|
|
@@ -17,7 +17,7 @@ class MissingFormConfigsComponent {
|
|
|
17
17
|
this.showAllErrors = false;
|
|
18
18
|
}
|
|
19
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: MissingFormConfigsComponent, deps: [{ token: FormsStoreService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: MissingFormConfigsComponent, isStandalone: true, selector: "app-missing-form-configs", ngImport: i0, template: "@if (hideDetails) {\r\n<button \r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails = false\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div style=\"margin: 8px;position:relative\" class=\"content \">\r\n <mat-toolbar color=\"warn\">\r\n <button (click)=\" hideDetails = true\" mat-icon-button>\r\n <mat-icon>\r\n close\r\n </mat-icon>\r\n </button>\r\n Missing configurations:\r\n <span class=\"spacer\"></span>\r\n <button [matTooltip]=\"showAllErrors?'Hide all errors':'Show all errors'\"\r\n (click)=\"showAllErrors = !showAllErrors\" mat-icon-button>\r\n\r\n <mat-icon>\r\n unfold_more\r\n </mat-icon>\r\n </button>\r\n </mat-toolbar>\r\n <section style=\"padding: 16px;\" >\r\n <h5>\r\n <strong>\r\n Overall form issues:\r\n </strong>\r\n </h5>\r\n <ul>\r\n @for (issue of (missingConfigs$|async);track issue) {\r\n <li>\r\n {{issue}}\r\n </li>\r\n }\r\n </ul>\r\n\r\n @if(showAllErrors){\r\n <h5>\r\n <strong>\r\n\r\n Form validationErrors :\r\n\r\n </strong>\r\n\r\n\r\n </h5>\r\n <ul>\r\n @for (error of errors$|async; track error) {\r\n\r\n <li>\r\n\r\n {{error}}\r\n\r\n </li>\r\n\r\n }\r\n </ul>\r\n }\r\n\r\n\r\n\r\n\r\n\r\n </section>\r\n\r\n</div>\r\n}", styles: [".content{width:400px;background:var(--mat-toolbar-container-background-color, var(--mat-app-surface));border:solid var(--mat-form-field-error-text-color, var(--mat-app-error)) 1px}ul{margin-top:0}h5{padding-left:16px;padding-right:16px;padding-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type:
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: MissingFormConfigsComponent, isStandalone: true, selector: "app-missing-form-configs", ngImport: i0, template: "@if (hideDetails) {\r\n<button \r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails = false\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div style=\"margin: 8px;position:relative\" class=\"content \">\r\n <mat-toolbar color=\"warn\">\r\n <button (click)=\" hideDetails = true\" mat-icon-button>\r\n <mat-icon>\r\n close\r\n </mat-icon>\r\n </button>\r\n Missing configurations:\r\n <span class=\"spacer\"></span>\r\n <button [matTooltip]=\"showAllErrors?'Hide all errors':'Show all errors'\"\r\n (click)=\"showAllErrors = !showAllErrors\" mat-icon-button>\r\n\r\n <mat-icon>\r\n unfold_more\r\n </mat-icon>\r\n </button>\r\n </mat-toolbar>\r\n <section style=\"padding: 16px;\" >\r\n <h5>\r\n <strong>\r\n Overall form issues:\r\n </strong>\r\n </h5>\r\n <ul>\r\n @for (issue of (missingConfigs$|async);track issue) {\r\n <li>\r\n {{issue}}\r\n </li>\r\n }\r\n </ul>\r\n\r\n @if(showAllErrors){\r\n <h5>\r\n <strong>\r\n\r\n Form validationErrors :\r\n\r\n </strong>\r\n\r\n\r\n </h5>\r\n <ul>\r\n @for (error of errors$|async; track error) {\r\n\r\n <li>\r\n\r\n {{error}}\r\n\r\n </li>\r\n\r\n }\r\n </ul>\r\n }\r\n\r\n\r\n\r\n\r\n\r\n </section>\r\n\r\n</div>\r\n}", styles: [".content{width:400px;background:var(--mat-toolbar-container-background-color, var(--mat-app-surface));border:solid var(--mat-form-field-error-text-color, var(--mat-app-error)) 1px}ul{margin-top:0}h5{padding-left:16px;padding-right:16px;padding-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }] }); }
|
|
21
21
|
}
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: MissingFormConfigsComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
@@ -25,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
|
|
|
25
25
|
}], ctorParameters: () => [{ type: FormsStoreService }] });
|
|
26
26
|
|
|
27
27
|
export { MissingFormConfigsComponent };
|
|
28
|
-
//# sourceMappingURL=ngx-t-forms-missing-form-configs.component-
|
|
28
|
+
//# sourceMappingURL=ngx-t-forms-missing-form-configs.component-Da3SdUn6.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-t-forms-missing-form-configs.component-
|
|
1
|
+
{"version":3,"file":"ngx-t-forms-missing-form-configs.component-Da3SdUn6.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.html"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n\r\n\r\n@Component({\r\n selector: 'app-missing-form-configs',\r\n standalone: true,\r\n imports: [MatModulesModule, CommonModule],\r\n templateUrl: './missing-form-configs.component.html',\r\n styleUrl: './missing-form-configs.component.scss'\r\n})\r\nexport class MissingFormConfigsComponent {\r\n errors$ = this.store.formBuilderSelectors.formValidationErrorsMessages$\r\n missingConfigs$ = this.store.formBuilderSelectors.missingConfig$\r\n constructor(private store: FormsStoreService) { }\r\n hideDetails: boolean = true;\r\n showAllErrors: boolean = false\r\n\r\n}\r\n","@if (hideDetails) {\r\n<button \r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails = false\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div style=\"margin: 8px;position:relative\" class=\"content \">\r\n <mat-toolbar color=\"warn\">\r\n <button (click)=\" hideDetails = true\" mat-icon-button>\r\n <mat-icon>\r\n close\r\n </mat-icon>\r\n </button>\r\n Missing configurations:\r\n <span class=\"spacer\"></span>\r\n <button [matTooltip]=\"showAllErrors?'Hide all errors':'Show all errors'\"\r\n (click)=\"showAllErrors = !showAllErrors\" mat-icon-button>\r\n\r\n <mat-icon>\r\n unfold_more\r\n </mat-icon>\r\n </button>\r\n </mat-toolbar>\r\n <section style=\"padding: 16px;\" >\r\n <h5>\r\n <strong>\r\n Overall form issues:\r\n </strong>\r\n </h5>\r\n <ul>\r\n @for (issue of (missingConfigs$|async);track issue) {\r\n <li>\r\n {{issue}}\r\n </li>\r\n }\r\n </ul>\r\n\r\n @if(showAllErrors){\r\n <h5>\r\n <strong>\r\n\r\n Form validationErrors :\r\n\r\n </strong>\r\n\r\n\r\n </h5>\r\n <ul>\r\n @for (error of errors$|async; track error) {\r\n\r\n <li>\r\n\r\n {{error}}\r\n\r\n </li>\r\n\r\n }\r\n </ul>\r\n }\r\n\r\n\r\n\r\n\r\n\r\n </section>\r\n\r\n</div>\r\n}"],"names":["i1.FormsStoreService","i6"],"mappings":";;;;;;;;;;MAea,2BAA2B,CAAA;AAGtC,IAAA,WAAA,CAAoB,KAAwB,EAAA;QAAxB,IAAK,CAAA,KAAA,GAAL,KAAK;QAFzB,IAAO,CAAA,OAAA,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,6BAA6B;QACvE,IAAe,CAAA,eAAA,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,cAAc;QAEhE,IAAW,CAAA,WAAA,GAAY,IAAI;QAC3B,IAAa,CAAA,aAAA,GAAY,KAAK;;8GALnB,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,ECfxC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,urDAoEC,EDzDW,MAAA,EAAA,CAAA,gQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,0yBAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAI7B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,cACxB,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,urDAAA,EAAA,MAAA,EAAA,CAAA,gQAAA,CAAA,EAAA;;;;;"}
|