@six-group/ui-library-angular 0.0.0-insider.a8d68c7 → 0.0.0-insider.b8b84f6
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/form/six-form.directive.mjs +134 -0
- package/esm2020/lib/stencil-generated/components.mjs +3 -3
- package/esm2020/lib/ui-library-angular.module.mjs +6 -2
- package/esm2020/public-api.mjs +2 -2
- package/fesm2015/six-group-ui-library-angular.mjs +125 -35
- package/fesm2015/six-group-ui-library-angular.mjs.map +1 -1
- package/fesm2020/six-group-ui-library-angular.mjs +125 -35
- package/fesm2020/six-group-ui-library-angular.mjs.map +1 -1
- package/lib/form/six-form.directive.d.ts +71 -0
- package/lib/ui-library-angular.module.d.ts +2 -2
- package/package.json +1 -1
- package/public-api.d.ts +1 -1
- package/esm2020/lib/util/six-form-util.directive.mjs +0 -48
- package/lib/util/six-form-util.directive.d.ts +0 -10
|
@@ -5,7 +5,7 @@ import { TextValueAccessor } from './control-value-accessors/text-value-accessor
|
|
|
5
5
|
import { NumericValueAccessor } from './control-value-accessors/numeric-value-accessor';
|
|
6
6
|
import { RadioValueAccessor } from './control-value-accessors/radio-value-accessor';
|
|
7
7
|
import { DatepickerValueAccessor } from './control-value-accessors/datepicker-value-accessor';
|
|
8
|
-
import { SixFormUtilDirective } from './
|
|
8
|
+
import { SixFormDirective, SixFormUtilDirective } from './form/six-form.directive';
|
|
9
9
|
import { AllowedDatesValidator, MaxDateValidator, MaxValidator, MinDateValidator, MinValidator, } from './validators/six-ui-library-validators';
|
|
10
10
|
import { SelectValueAccessor } from './control-value-accessors/select-value-accessor';
|
|
11
11
|
import { CheckboxValueAccessor } from './control-value-accessors/checkbox-value-accessor';
|
|
@@ -50,6 +50,7 @@ UiLibraryAngularModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
50
50
|
MaxDateValidator,
|
|
51
51
|
AllowedDatesValidator,
|
|
52
52
|
// form helpers
|
|
53
|
+
SixFormDirective,
|
|
53
54
|
SixFormUtilDirective], exports: [i1.SetAttributes, i1.SixAlert, i1.SixAvatar, i1.SixBadge, i1.SixButton, i1.SixCard, i1.SixCheckbox, i1.SixDatepicker, i1.SixDetails, i1.SixDialog, i1.SixDrawer, i1.SixDropdown, i1.SixErrorPage, i1.SixFileList, i1.SixFileListItem, i1.SixFileUpload, i1.SixFooter, i1.SixGroupLabel, i1.SixHeader, i1.SixIcon, i1.SixIconButton, i1.SixInput, i1.SixItemPicker, i1.SixLanguageSwitcher, i1.SixLayoutGrid, i1.SixMainContainer, i1.SixMenu, i1.SixMenuDivider, i1.SixMenuItem, i1.SixMenuLabel, i1.SixPicto, i1.SixProgressBar, i1.SixProgressRing, i1.SixRadio, i1.SixRange, i1.SixRoot, i1.SixSearchField, i1.SixSelect, i1.SixSidebar, i1.SixSidebarItem, i1.SixSidebarItemGroup, i1.SixSpinner, i1.SixStageIndicator, i1.SixSwitch, i1.SixTab, i1.SixTabGroup, i1.SixTabPanel, i1.SixTag, i1.SixTextarea, i1.SixTile, i1.SixTimepicker, i1.SixTooltip,
|
|
54
55
|
// value accessors
|
|
55
56
|
TextValueAccessor,
|
|
@@ -68,6 +69,7 @@ UiLibraryAngularModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
68
69
|
MaxDateValidator,
|
|
69
70
|
AllowedDatesValidator,
|
|
70
71
|
// form helpers
|
|
72
|
+
SixFormDirective,
|
|
71
73
|
SixFormUtilDirective] });
|
|
72
74
|
UiLibraryAngularModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UiLibraryAngularModule });
|
|
73
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UiLibraryAngularModule, decorators: [{
|
|
@@ -93,6 +95,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
93
95
|
MaxDateValidator,
|
|
94
96
|
AllowedDatesValidator,
|
|
95
97
|
// form helpers
|
|
98
|
+
SixFormDirective,
|
|
96
99
|
SixFormUtilDirective,
|
|
97
100
|
],
|
|
98
101
|
imports: [],
|
|
@@ -116,8 +119,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
116
119
|
MaxDateValidator,
|
|
117
120
|
AllowedDatesValidator,
|
|
118
121
|
// form helpers
|
|
122
|
+
SixFormDirective,
|
|
119
123
|
SixFormUtilDirective,
|
|
120
124
|
],
|
|
121
125
|
}]
|
|
122
126
|
}] });
|
|
123
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
127
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktbGlicmFyeS1hbmd1bGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdWktbGlicmFyeS1hbmd1bGFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUF1QixRQUFRLEVBQVEsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3BGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ25GLE9BQU8sRUFDTCxxQkFBcUIsRUFDckIsZ0JBQWdCLEVBQ2hCLFlBQVksRUFDWixnQkFBZ0IsRUFDaEIsWUFBWSxHQUNiLE1BQU0sd0NBQXdDLENBQUM7QUFDaEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDdEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDMUYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDcEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDdEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDOUYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0NBQXdDLENBQUM7OztBQXlEbkYsTUFBTSxPQUFPLHNCQUFzQjtJQUNqQyxNQUFNLENBQUMsT0FBTyxDQUNaLCtCQUF5QztRQUV6QyxPQUFPO1lBQ0wsUUFBUSxFQUFFLHNCQUFzQjtZQUNoQyxTQUFTLEVBQUU7Z0JBQ1Q7b0JBQ0UsT0FBTyxFQUFFLGVBQWU7b0JBQ3hCLFVBQVUsRUFBRSxHQUFHLEVBQUU7d0JBQ2YsT0FBTyxvQkFBb0IsRUFBRSxDQUFDO29CQUNoQyxDQUFDO2lCQUNGO2dCQUVELEVBQUUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLFFBQVEsRUFBRSwrQkFBK0IsSUFBSSx5QkFBeUIsRUFBRTthQUMvRztTQUNGLENBQUM7SUFDSixDQUFDOzttSEFqQlUsc0JBQXNCO29IQUF0QixzQkFBc0I7UUFsRC9CLGtCQUFrQjtRQUNsQixpQkFBaUI7UUFDakIsb0JBQW9CO1FBQ3BCLGtCQUFrQjtRQUNsQix1QkFBdUI7UUFDdkIsdUJBQXVCO1FBQ3ZCLG1CQUFtQjtRQUNuQixxQkFBcUI7UUFDckIsbUJBQW1CO1FBQ25CLGtCQUFrQjtRQUVsQixhQUFhO1FBQ2IsWUFBWTtRQUNaLFlBQVk7UUFDWixnQkFBZ0I7UUFDaEIsZ0JBQWdCO1FBQ2hCLHFCQUFxQjtRQUVyQixlQUFlO1FBQ2YsZ0JBQWdCO1FBQ2hCLG9CQUFvQjtRQU9wQixrQkFBa0I7UUFDbEIsaUJBQWlCO1FBQ2pCLG9CQUFvQjtRQUNwQixrQkFBa0I7UUFDbEIsdUJBQXVCO1FBQ3ZCLHVCQUF1QjtRQUN2QixtQkFBbUI7UUFDbkIscUJBQXFCO1FBQ3JCLG1CQUFtQjtRQUNuQixrQkFBa0I7UUFFbEIsYUFBYTtRQUNiLFlBQVk7UUFDWixZQUFZO1FBQ1osZ0JBQWdCO1FBQ2hCLGdCQUFnQjtRQUNoQixxQkFBcUI7UUFFckIsZUFBZTtRQUNmLGdCQUFnQjtRQUNoQixvQkFBb0I7b0hBR1gsc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBdkRsQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixVQUFVO3dCQUNWLEdBQUcsVUFBVTt3QkFFYixrQkFBa0I7d0JBQ2xCLGlCQUFpQjt3QkFDakIsb0JBQW9CO3dCQUNwQixrQkFBa0I7d0JBQ2xCLHVCQUF1Qjt3QkFDdkIsdUJBQXVCO3dCQUN2QixtQkFBbUI7d0JBQ25CLHFCQUFxQjt3QkFDckIsbUJBQW1CO3dCQUNuQixrQkFBa0I7d0JBRWxCLGFBQWE7d0JBQ2IsWUFBWTt3QkFDWixZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixxQkFBcUI7d0JBRXJCLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixvQkFBb0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRSxFQUFFO29CQUNYLE9BQU8sRUFBRTt3QkFDUCxVQUFVO3dCQUNWLEdBQUcsVUFBVTt3QkFFYixrQkFBa0I7d0JBQ2xCLGlCQUFpQjt3QkFDakIsb0JBQW9CO3dCQUNwQixrQkFBa0I7d0JBQ2xCLHVCQUF1Qjt3QkFDdkIsdUJBQXVCO3dCQUN2QixtQkFBbUI7d0JBQ25CLHFCQUFxQjt3QkFDckIsbUJBQW1CO3dCQUNuQixrQkFBa0I7d0JBRWxCLGFBQWE7d0JBQ2IsWUFBWTt3QkFDWixZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixxQkFBcUI7d0JBRXJCLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixvQkFBb0I7cUJBQ3JCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVBQX0lOSVRJQUxJWkVSLCBNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZSwgVHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRElSRUNUSVZFUyB9IGZyb20gJy4vc3RlbmNpbC1nZW5lcmF0ZWQnO1xuaW1wb3J0IHsgZGVmaW5lQ3VzdG9tRWxlbWVudHMgfSBmcm9tICdAc2l4LWdyb3VwL3VpLWxpYnJhcnkvbG9hZGVyJztcbmltcG9ydCB7IFRleHRWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnLi9jb250cm9sLXZhbHVlLWFjY2Vzc29ycy90ZXh0LXZhbHVlLWFjY2Vzc29yJztcbmltcG9ydCB7IE51bWVyaWNWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnLi9jb250cm9sLXZhbHVlLWFjY2Vzc29ycy9udW1lcmljLXZhbHVlLWFjY2Vzc29yJztcbmltcG9ydCB7IFJhZGlvVmFsdWVBY2Nlc3NvciB9IGZyb20gJy4vY29udHJvbC12YWx1ZS1hY2Nlc3NvcnMvcmFkaW8tdmFsdWUtYWNjZXNzb3InO1xuaW1wb3J0IHsgRGF0ZXBpY2tlclZhbHVlQWNjZXNzb3IgfSBmcm9tICcuL2NvbnRyb2wtdmFsdWUtYWNjZXNzb3JzL2RhdGVwaWNrZXItdmFsdWUtYWNjZXNzb3InO1xuaW1wb3J0IHsgU2l4Rm9ybURpcmVjdGl2ZSwgU2l4Rm9ybVV0aWxEaXJlY3RpdmUgfSBmcm9tICcuL2Zvcm0vc2l4LWZvcm0uZGlyZWN0aXZlJztcbmltcG9ydCB7XG4gIEFsbG93ZWREYXRlc1ZhbGlkYXRvcixcbiAgTWF4RGF0ZVZhbGlkYXRvcixcbiAgTWF4VmFsaWRhdG9yLFxuICBNaW5EYXRlVmFsaWRhdG9yLFxuICBNaW5WYWxpZGF0b3IsXG59IGZyb20gJy4vdmFsaWRhdG9ycy9zaXgtdWktbGlicmFyeS12YWxpZGF0b3JzJztcbmltcG9ydCB7IFNlbGVjdFZhbHVlQWNjZXNzb3IgfSBmcm9tICcuL2NvbnRyb2wtdmFsdWUtYWNjZXNzb3JzL3NlbGVjdC12YWx1ZS1hY2Nlc3Nvcic7XG5pbXBvcnQgeyBDaGVja2JveFZhbHVlQWNjZXNzb3IgfSBmcm9tICcuL2NvbnRyb2wtdmFsdWUtYWNjZXNzb3JzL2NoZWNrYm94LXZhbHVlLWFjY2Vzc29yJztcbmltcG9ydCB7IFJhbmdlVmFsdWVBY2Nlc3NvciB9IGZyb20gJy4vY29udHJvbC12YWx1ZS1hY2Nlc3NvcnMvcmFuZ2UtdmFsdWUtYWNjZXNzb3InO1xuaW1wb3J0IHsgU3dpdGNoVmFsdWVBY2Nlc3NvciB9IGZyb20gJy4vY29udHJvbC12YWx1ZS1hY2Nlc3NvcnMvc3dpdGNoLXZhbHVlLWFjY2Vzc29yJztcbmltcG9ydCB7IFRpbWVwaWNrZXJWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnLi9jb250cm9sLXZhbHVlLWFjY2Vzc29ycy90aW1lcGlja2VyLXZhbHVlLWFjY2Vzc29yJztcbmltcG9ydCB7IFZhbGlkYXRpb25NZXNzYWdlc1NlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2VzL3ZhbGlkYXRpb24tbWVzc2FnZXMuc2VydmljZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIC8vIHByb3hpZXNcbiAgICAuLi5ESVJFQ1RJVkVTLFxuXG4gICAgLy8gdmFsdWUgYWNjZXNzb3JzXG4gICAgVGV4dFZhbHVlQWNjZXNzb3IsXG4gICAgTnVtZXJpY1ZhbHVlQWNjZXNzb3IsXG4gICAgUmFkaW9WYWx1ZUFjY2Vzc29yLFxuICAgIERhdGVwaWNrZXJWYWx1ZUFjY2Vzc29yLFxuICAgIFRpbWVwaWNrZXJWYWx1ZUFjY2Vzc29yLFxuICAgIFNlbGVjdFZhbHVlQWNjZXNzb3IsXG4gICAgQ2hlY2tib3hWYWx1ZUFjY2Vzc29yLFxuICAgIFN3aXRjaFZhbHVlQWNjZXNzb3IsXG4gICAgUmFuZ2VWYWx1ZUFjY2Vzc29yLFxuXG4gICAgLy8gdmFsaWRhdG9yc1xuICAgIE1pblZhbGlkYXRvcixcbiAgICBNYXhWYWxpZGF0b3IsXG4gICAgTWluRGF0ZVZhbGlkYXRvcixcbiAgICBNYXhEYXRlVmFsaWRhdG9yLFxuICAgIEFsbG93ZWREYXRlc1ZhbGlkYXRvcixcblxuICAgIC8vIGZvcm0gaGVscGVyc1xuICAgIFNpeEZvcm1EaXJlY3RpdmUsXG4gICAgU2l4Rm9ybVV0aWxEaXJlY3RpdmUsXG4gIF0sXG4gIGltcG9ydHM6IFtdLFxuICBleHBvcnRzOiBbXG4gICAgLy8gcHJveGllc1xuICAgIC4uLkRJUkVDVElWRVMsXG5cbiAgICAvLyB2YWx1ZSBhY2Nlc3NvcnNcbiAgICBUZXh0VmFsdWVBY2Nlc3NvcixcbiAgICBOdW1lcmljVmFsdWVBY2Nlc3NvcixcbiAgICBSYWRpb1ZhbHVlQWNjZXNzb3IsXG4gICAgRGF0ZXBpY2tlclZhbHVlQWNjZXNzb3IsXG4gICAgVGltZXBpY2tlclZhbHVlQWNjZXNzb3IsXG4gICAgU2VsZWN0VmFsdWVBY2Nlc3NvcixcbiAgICBDaGVja2JveFZhbHVlQWNjZXNzb3IsXG4gICAgU3dpdGNoVmFsdWVBY2Nlc3NvcixcbiAgICBSYW5nZVZhbHVlQWNjZXNzb3IsXG5cbiAgICAvLyB2YWxpZGF0b3JzXG4gICAgTWluVmFsaWRhdG9yLFxuICAgIE1heFZhbGlkYXRvcixcbiAgICBNaW5EYXRlVmFsaWRhdG9yLFxuICAgIE1heERhdGVWYWxpZGF0b3IsXG4gICAgQWxsb3dlZERhdGVzVmFsaWRhdG9yLFxuXG4gICAgLy8gZm9ybSBoZWxwZXJzXG4gICAgU2l4Rm9ybURpcmVjdGl2ZSxcbiAgICBTaXhGb3JtVXRpbERpcmVjdGl2ZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVWlMaWJyYXJ5QW5ndWxhck1vZHVsZSB7XG4gIHN0YXRpYyBmb3JSb290PFQgZXh0ZW5kcyBWYWxpZGF0aW9uTWVzc2FnZXNTZXJ2aWNlPihcbiAgICBjdXN0b21WYWxpZGF0aW9uTWVzc2FnZXNTZXJ2aWNlPzogVHlwZTxUPlxuICApOiBNb2R1bGVXaXRoUHJvdmlkZXJzPFVpTGlicmFyeUFuZ3VsYXJNb2R1bGU+IHtcbiAgICByZXR1cm4ge1xuICAgICAgbmdNb2R1bGU6IFVpTGlicmFyeUFuZ3VsYXJNb2R1bGUsXG4gICAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgIHByb3ZpZGU6IEFQUF9JTklUSUFMSVpFUixcbiAgICAgICAgICB1c2VGYWN0b3J5OiAoKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gZGVmaW5lQ3VzdG9tRWxlbWVudHMoKTtcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuXG4gICAgICAgIHsgcHJvdmlkZTogVmFsaWRhdGlvbk1lc3NhZ2VzU2VydmljZSwgdXNlQ2xhc3M6IGN1c3RvbVZhbGlkYXRpb25NZXNzYWdlc1NlcnZpY2UgPz8gVmFsaWRhdGlvbk1lc3NhZ2VzU2VydmljZSB9LFxuICAgICAgXSxcbiAgICB9O1xuICB9XG59XG4iXX0=
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -19,7 +19,7 @@ export * from './lib/control-value-accessors/range-value-accessor';
|
|
|
19
19
|
// validators
|
|
20
20
|
export * from './lib/validators/six-ui-library-validators';
|
|
21
21
|
// from helpers
|
|
22
|
-
export * from './lib/
|
|
22
|
+
export * from './lib/form/six-form.directive';
|
|
23
23
|
// services
|
|
24
24
|
export * from './lib/services/validation-messages.service';
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxpQ0FBaUMsQ0FBQztBQUVoRCxVQUFVO0FBQ1YsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELGNBQWMsb0NBQW9DLENBQUM7QUFFbkQsa0JBQWtCO0FBQ2xCLGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyx5REFBeUQsQ0FBQztBQUN4RSxjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsb0RBQW9ELENBQUM7QUFFbkUsYUFBYTtBQUNiLGNBQWMsNENBQTRDLENBQUM7QUFFM0QsZUFBZTtBQUNmLGNBQWMsK0JBQStCLENBQUM7QUFFOUMsV0FBVztBQUNYLGNBQWMsNENBQTRDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHVpLWxpYnJhcnktYW5ndWxhclxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3VpLWxpYnJhcnktYW5ndWxhci5tb2R1bGUnO1xuXG4vLyBwcm94aWVzXG5leHBvcnQgeyBESVJFQ1RJVkVTIH0gZnJvbSAnLi9saWIvc3RlbmNpbC1nZW5lcmF0ZWQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RlbmNpbC1nZW5lcmF0ZWQvY29tcG9uZW50cyc7XG5cbi8vIHZhbHVlIGFjY2Vzc29yc1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udHJvbC12YWx1ZS1hY2Nlc3NvcnMvdmFsdWUtYWNjZXNzb3InO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udHJvbC12YWx1ZS1hY2Nlc3NvcnMvdGV4dC12YWx1ZS1hY2Nlc3Nvcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250cm9sLXZhbHVlLWFjY2Vzc29ycy9udW1lcmljLXZhbHVlLWFjY2Vzc29yJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRyb2wtdmFsdWUtYWNjZXNzb3JzL3JhZGlvLXZhbHVlLWFjY2Vzc29yJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRyb2wtdmFsdWUtYWNjZXNzb3JzL2RhdGVwaWNrZXItdmFsdWUtYWNjZXNzb3InO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udHJvbC12YWx1ZS1hY2Nlc3NvcnMvdGltZXBpY2tlci12YWx1ZS1hY2Nlc3Nvcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250cm9sLXZhbHVlLWFjY2Vzc29ycy9zZWxlY3QtdmFsdWUtYWNjZXNzb3InO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udHJvbC12YWx1ZS1hY2Nlc3NvcnMvY2hlY2tib3gtdmFsdWUtYWNjZXNzb3InO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udHJvbC12YWx1ZS1hY2Nlc3NvcnMvc3dpdGNoLXZhbHVlLWFjY2Vzc29yJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRyb2wtdmFsdWUtYWNjZXNzb3JzL3JhbmdlLXZhbHVlLWFjY2Vzc29yJztcblxuLy8gdmFsaWRhdG9yc1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdmFsaWRhdG9ycy9zaXgtdWktbGlicmFyeS12YWxpZGF0b3JzJztcblxuLy8gZnJvbSBoZWxwZXJzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9mb3JtL3NpeC1mb3JtLmRpcmVjdGl2ZSc7XG5cbi8vIHNlcnZpY2VzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy92YWxpZGF0aW9uLW1lc3NhZ2VzLnNlcnZpY2UnO1xuIl19
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ChangeDetectionStrategy, Injectable, inject, Directive, HostListener, Input, APP_INITIALIZER, NgModule } from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Injectable, inject, Directive, HostListener, Input, EventEmitter, Output, APP_INITIALIZER, NgModule } from '@angular/core';
|
|
3
3
|
import { __decorate } from 'tslib';
|
|
4
4
|
import { fromEvent } from 'rxjs';
|
|
5
5
|
import { defineCustomElements } from '@six-group/ui-library/loader';
|
|
6
|
-
import
|
|
6
|
+
import * as i1 from '@angular/forms';
|
|
7
|
+
import { NgControl, NG_VALUE_ACCESSOR, FormControl, FormGroup, FormArray, NG_VALIDATORS, Validators } from '@angular/forms';
|
|
7
8
|
import { getErrorMessage } from '@six-group/ui-library';
|
|
8
9
|
|
|
9
10
|
/* eslint-disable */
|
|
@@ -215,7 +216,7 @@ SixCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
|
215
216
|
SixCheckbox = __decorate([
|
|
216
217
|
ProxyCmp({
|
|
217
218
|
inputs: ['checked', 'disabled', 'errorText', 'indeterminate', 'invalid', 'label', 'name', 'required', 'value'],
|
|
218
|
-
methods: ['setFocus', 'removeFocus'
|
|
219
|
+
methods: ['setFocus', 'removeFocus']
|
|
219
220
|
})
|
|
220
221
|
], SixCheckbox);
|
|
221
222
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SixCheckbox, decorators: [{
|
|
@@ -878,7 +879,7 @@ SixRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
|
878
879
|
SixRadio = __decorate([
|
|
879
880
|
ProxyCmp({
|
|
880
881
|
inputs: ['checked', 'disabled', 'invalid', 'name', 'value'],
|
|
881
|
-
methods: ['setFocus', 'removeFocus'
|
|
882
|
+
methods: ['setFocus', 'removeFocus']
|
|
882
883
|
})
|
|
883
884
|
], SixRadio);
|
|
884
885
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SixRadio, decorators: [{
|
|
@@ -1718,49 +1719,134 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
1718
1719
|
args: ['change', ['$event.target']]
|
|
1719
1720
|
}] } });
|
|
1720
1721
|
|
|
1722
|
+
/**
|
|
1723
|
+
* This directive intercepts the ngSubmit event of an Angular form and introduces
|
|
1724
|
+
* a supplementary event named sixSubmit. The sixSubmit event is triggered exclusively
|
|
1725
|
+
* when the form is valid. In cases where the form is considered invalid, this directive
|
|
1726
|
+
* takes proactive actions by marking all form controls as touched and dirty. Additionally,
|
|
1727
|
+
* it shifts the focus to the initial invalid form element, facilitating quick error
|
|
1728
|
+
* resolution.
|
|
1729
|
+
*
|
|
1730
|
+
* To utilize this directive, apply it to an Angular form.
|
|
1731
|
+
* ```html
|
|
1732
|
+
* <form [formGroup]="form" sixForm (sixSubmit)="onSubmit($event)">
|
|
1733
|
+
* <!-- form content -->
|
|
1734
|
+
* </form>
|
|
1735
|
+
* ```
|
|
1736
|
+
*
|
|
1737
|
+
* For users needing greater flexibility in determining when error messages are displayed,
|
|
1738
|
+
* or for those who prefer not to rely solely on the form submission event,
|
|
1739
|
+
* an alternative is to use the SixFormUtilDirective.
|
|
1740
|
+
*/
|
|
1741
|
+
class SixFormDirective {
|
|
1742
|
+
onNgSubmit(event) {
|
|
1743
|
+
if (this.formGroupDirective.invalid) {
|
|
1744
|
+
focusInvalidField(this.formGroupDirective, this.elementRef);
|
|
1745
|
+
}
|
|
1746
|
+
else {
|
|
1747
|
+
this.sixSubmit.emit(event);
|
|
1748
|
+
}
|
|
1749
|
+
}
|
|
1750
|
+
constructor(elementRef, formGroupDirective) {
|
|
1751
|
+
this.elementRef = elementRef;
|
|
1752
|
+
this.formGroupDirective = formGroupDirective;
|
|
1753
|
+
/**
|
|
1754
|
+
* Emits an event when the form is valid and the form submission has been triggered.
|
|
1755
|
+
*/
|
|
1756
|
+
this.sixSubmit = new EventEmitter();
|
|
1757
|
+
}
|
|
1758
|
+
}
|
|
1759
|
+
SixFormDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SixFormDirective, deps: [{ token: i0.ElementRef }, { token: i1.FormGroupDirective }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1760
|
+
SixFormDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SixFormDirective, selector: "form[sixForm]", outputs: { sixSubmit: "sixSubmit" }, host: { listeners: { "ngSubmit": "onNgSubmit($event)" } }, ngImport: i0 });
|
|
1761
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SixFormDirective, decorators: [{
|
|
1762
|
+
type: Directive,
|
|
1763
|
+
args: [{
|
|
1764
|
+
selector: 'form[sixForm]',
|
|
1765
|
+
}]
|
|
1766
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FormGroupDirective }]; }, propDecorators: { sixSubmit: [{
|
|
1767
|
+
type: Output
|
|
1768
|
+
}], onNgSubmit: [{
|
|
1769
|
+
type: HostListener,
|
|
1770
|
+
args: ['ngSubmit', ['$event']]
|
|
1771
|
+
}] } });
|
|
1772
|
+
/**
|
|
1773
|
+
* This directive provides a utility method, that marks all form controls
|
|
1774
|
+
* as touched and dirty, and focuses the first invalid form element.
|
|
1775
|
+
*
|
|
1776
|
+
* To utilize this directive, apply it to an Angular form.
|
|
1777
|
+
* ```html
|
|
1778
|
+
* <form [formGroup]="form" sixFormUtil (ngSubmit)="onSubmit($event)">
|
|
1779
|
+
* <!-- form content -->
|
|
1780
|
+
* </form>
|
|
1781
|
+
* ```
|
|
1782
|
+
*
|
|
1783
|
+
* Then, get a reference to the directive and invoke `focusInvalidField()` if the
|
|
1784
|
+
* form is invalid:
|
|
1785
|
+
* ```ts
|
|
1786
|
+
* @ViewChild(SixFormUtilDirective) sixFormUtil!: SixFormUtilDirective;
|
|
1787
|
+
* // ...
|
|
1788
|
+
* onSubmit() {
|
|
1789
|
+
* if (this.form.invalid) {
|
|
1790
|
+
* this.sixFormUtil.focusInvalidField();
|
|
1791
|
+
* } else {
|
|
1792
|
+
* // ...
|
|
1793
|
+
* }
|
|
1794
|
+
* }
|
|
1795
|
+
* ```
|
|
1796
|
+
*/
|
|
1721
1797
|
class SixFormUtilDirective {
|
|
1722
|
-
constructor(elementRef,
|
|
1798
|
+
constructor(elementRef, formGroupDirective) {
|
|
1723
1799
|
this.elementRef = elementRef;
|
|
1724
|
-
this.
|
|
1800
|
+
this.formGroupDirective = formGroupDirective;
|
|
1725
1801
|
}
|
|
1802
|
+
/** markAllControlsAsDirty(Object.values(formGroup.controls));
|
|
1803
|
+
* Marks all form controls as touched and dirty, and focuses the first
|
|
1804
|
+
* invalid form element.
|
|
1805
|
+
*/
|
|
1726
1806
|
focusInvalidField() {
|
|
1727
|
-
|
|
1728
|
-
if (formGroupDirective) {
|
|
1729
|
-
formGroupDirective.form.markAllAsTouched();
|
|
1730
|
-
markAllAsDirty(formGroupDirective.form);
|
|
1731
|
-
const invalidField = this.elementRef.nativeElement.querySelector('.ng-invalid');
|
|
1732
|
-
if (typeof (invalidField === null || invalidField === void 0 ? void 0 : invalidField.setFocus) === 'function') {
|
|
1733
|
-
invalidField.setFocus();
|
|
1734
|
-
}
|
|
1735
|
-
else if (typeof (invalidField === null || invalidField === void 0 ? void 0 : invalidField.focus) === 'function') {
|
|
1736
|
-
invalidField === null || invalidField === void 0 ? void 0 : invalidField.focus();
|
|
1737
|
-
}
|
|
1738
|
-
}
|
|
1807
|
+
focusInvalidField(this.formGroupDirective, this.elementRef);
|
|
1739
1808
|
}
|
|
1740
1809
|
}
|
|
1741
|
-
SixFormUtilDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SixFormUtilDirective, deps: [{ token: i0.ElementRef }, { token:
|
|
1810
|
+
SixFormUtilDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SixFormUtilDirective, deps: [{ token: i0.ElementRef }, { token: i1.FormGroupDirective }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1742
1811
|
SixFormUtilDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SixFormUtilDirective, selector: "[sixFormUtil]", ngImport: i0 });
|
|
1743
1812
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SixFormUtilDirective, decorators: [{
|
|
1744
1813
|
type: Directive,
|
|
1745
1814
|
args: [{
|
|
1746
1815
|
selector: '[sixFormUtil]',
|
|
1747
1816
|
}]
|
|
1748
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type:
|
|
1749
|
-
function
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
else if (control instanceof FormArray) {
|
|
1759
|
-
markAllControlsAsDirty(control.controls);
|
|
1760
|
-
}
|
|
1761
|
-
});
|
|
1817
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FormGroupDirective }]; } });
|
|
1818
|
+
function focusInvalidField(formGroupDirective, formElement) {
|
|
1819
|
+
formGroupDirective.form.markAllAsTouched();
|
|
1820
|
+
markAllAsDirty([formGroupDirective.form]);
|
|
1821
|
+
const invalidElement = getInvalidElement(formElement.nativeElement);
|
|
1822
|
+
if ('setFocus' in invalidElement && typeof (invalidElement === null || invalidElement === void 0 ? void 0 : invalidElement.setFocus) === 'function') {
|
|
1823
|
+
invalidElement.setFocus();
|
|
1824
|
+
}
|
|
1825
|
+
if ('focus' in invalidElement && typeof (invalidElement === null || invalidElement === void 0 ? void 0 : invalidElement.focus) === 'function') {
|
|
1826
|
+
invalidElement.focus();
|
|
1762
1827
|
}
|
|
1763
|
-
|
|
1828
|
+
}
|
|
1829
|
+
function getInvalidElement(parent) {
|
|
1830
|
+
const invalidElement = parent.querySelector('.ng-invalid');
|
|
1831
|
+
if (invalidElement == null) {
|
|
1832
|
+
return parent;
|
|
1833
|
+
}
|
|
1834
|
+
return getInvalidElement(invalidElement);
|
|
1835
|
+
}
|
|
1836
|
+
function markAllAsDirty(controls) {
|
|
1837
|
+
controls.forEach((control) => {
|
|
1838
|
+
if (control instanceof FormControl) {
|
|
1839
|
+
control.markAsDirty({ onlySelf: true });
|
|
1840
|
+
}
|
|
1841
|
+
else if (control instanceof FormGroup) {
|
|
1842
|
+
control.markAsDirty({ onlySelf: true });
|
|
1843
|
+
markAllAsDirty(Object.values(control.controls));
|
|
1844
|
+
}
|
|
1845
|
+
else if (control instanceof FormArray) {
|
|
1846
|
+
control.markAsDirty({ onlySelf: true });
|
|
1847
|
+
markAllAsDirty(control.controls);
|
|
1848
|
+
}
|
|
1849
|
+
});
|
|
1764
1850
|
}
|
|
1765
1851
|
|
|
1766
1852
|
class SixUiLibraryValidators {
|
|
@@ -2089,6 +2175,7 @@ UiLibraryAngularModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
2089
2175
|
MaxDateValidator,
|
|
2090
2176
|
AllowedDatesValidator,
|
|
2091
2177
|
// form helpers
|
|
2178
|
+
SixFormDirective,
|
|
2092
2179
|
SixFormUtilDirective], exports: [SetAttributes, SixAlert, SixAvatar, SixBadge, SixButton, SixCard, SixCheckbox, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixGroupLabel, SixHeader, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRoot, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip,
|
|
2093
2180
|
// value accessors
|
|
2094
2181
|
TextValueAccessor,
|
|
@@ -2107,6 +2194,7 @@ UiLibraryAngularModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
2107
2194
|
MaxDateValidator,
|
|
2108
2195
|
AllowedDatesValidator,
|
|
2109
2196
|
// form helpers
|
|
2197
|
+
SixFormDirective,
|
|
2110
2198
|
SixFormUtilDirective] });
|
|
2111
2199
|
UiLibraryAngularModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UiLibraryAngularModule });
|
|
2112
2200
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UiLibraryAngularModule, decorators: [{
|
|
@@ -2132,6 +2220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
2132
2220
|
MaxDateValidator,
|
|
2133
2221
|
AllowedDatesValidator,
|
|
2134
2222
|
// form helpers
|
|
2223
|
+
SixFormDirective,
|
|
2135
2224
|
SixFormUtilDirective,
|
|
2136
2225
|
],
|
|
2137
2226
|
imports: [],
|
|
@@ -2155,6 +2244,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
2155
2244
|
MaxDateValidator,
|
|
2156
2245
|
AllowedDatesValidator,
|
|
2157
2246
|
// form helpers
|
|
2247
|
+
SixFormDirective,
|
|
2158
2248
|
SixFormUtilDirective,
|
|
2159
2249
|
],
|
|
2160
2250
|
}]
|
|
@@ -2168,5 +2258,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
2168
2258
|
* Generated bundle index. Do not edit.
|
|
2169
2259
|
*/
|
|
2170
2260
|
|
|
2171
|
-
export { AllowedDatesValidator, CheckboxValueAccessor, DIRECTIVES, DatepickerValueAccessor, MaxDateValidator, MaxValidator, MinDateValidator, MinValidator, NumericValueAccessor, RadioValueAccessor, RangeValueAccessor, SelectValueAccessor, SetAttributes, SixAlert, SixAvatar, SixBadge, SixButton, SixCard, SixCheckbox, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixFormUtilDirective, SixGroupLabel, SixHeader, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRoot, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, SixUiLibraryValidators, SwitchValueAccessor, TextValueAccessor, TimepickerValueAccessor, UiLibraryAngularModule, ValidationMessagesService, ValueAccessor };
|
|
2261
|
+
export { AllowedDatesValidator, CheckboxValueAccessor, DIRECTIVES, DatepickerValueAccessor, MaxDateValidator, MaxValidator, MinDateValidator, MinValidator, NumericValueAccessor, RadioValueAccessor, RangeValueAccessor, SelectValueAccessor, SetAttributes, SixAlert, SixAvatar, SixBadge, SixButton, SixCard, SixCheckbox, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixFormDirective, SixFormUtilDirective, SixGroupLabel, SixHeader, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRoot, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, SixUiLibraryValidators, SwitchValueAccessor, TextValueAccessor, TimepickerValueAccessor, UiLibraryAngularModule, ValidationMessagesService, ValueAccessor };
|
|
2172
2262
|
//# sourceMappingURL=six-group-ui-library-angular.mjs.map
|