@six-group/ui-library-angular 0.0.0-insider.db2b416 → 0.0.0-insider.ddecb41

package/lib/control-value-accessors/value-accessor.d.ts

@@ -33,7 +33,7 @@ export declare class ValueAccessor implements ControlValueAccessor, AfterViewIni
     setDisabledState(isDisabled: boolean): void;
     ngOnDestroy(): void;
     ngAfterViewInit(): void;
-    getErrorText(control: AbstractControl): string;
+    getErrorTexts(control: AbstractControl): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ValueAccessor, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ValueAccessor, never, never, {}, {}, never, never, false, never>;
 }

package/lib/form/six-form.directive.d.ts

@@ -0,0 +1,71 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import { FormGroupDirective } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * This directive intercepts the ngSubmit event of an Angular form and introduces
+ * a supplementary event named sixSubmit. The sixSubmit event is triggered exclusively
+ * when the form is valid. In cases where the form is considered invalid, this directive
+ * takes proactive actions by marking all form controls as touched and dirty. Additionally,
+ * it shifts the focus to the initial invalid form element, facilitating quick error
+ * resolution.
+ *
+ * To utilize this directive, apply it to an Angular form.
+ * ```html
+ * <form [formGroup]="form" sixForm (sixSubmit)="onSubmit($event)">
+ *   <!-- form content -->
+ * </form>
+ * ```
+ *
+ * For users needing greater flexibility in determining when error messages are displayed,
+ * or for those who prefer not to rely solely on the form submission event,
+ * an alternative is to use the SixFormUtilDirective.
+ */
+export declare class SixFormDirective {
+    private elementRef;
+    private formGroupDirective;
+    /**
+     * Emits an event when the form is valid and the form submission has been triggered.
+     */
+    sixSubmit: EventEmitter<SubmitEvent>;
+    onNgSubmit(event: SubmitEvent): void;
+    constructor(elementRef: ElementRef<HTMLElement>, formGroupDirective: FormGroupDirective);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixFormDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SixFormDirective, "form[sixForm]", never, {}, { "sixSubmit": "sixSubmit"; }, never, never, false, never>;
+}
+/**
+ * This directive provides a utility method, that marks all form controls
+ * as touched and dirty, and focuses the first invalid form element.
+ *
+ * To utilize this directive, apply it to an Angular form.
+ * ```html
+ * <form [formGroup]="form" sixFormUtil (ngSubmit)="onSubmit($event)">
+ *   <!-- form content -->
+ * </form>
+ * ```
+ *
+ * Then, get a reference to the directive and invoke `focusInvalidField()` if the
+ * form is invalid:
+ * ```ts
+ * @ViewChild(SixFormUtilDirective) sixFormUtil!: SixFormUtilDirective;
+ * // ...
+ * onSubmit() {
+ *   if (this.form.invalid) {
+ *     this.sixFormUtil.focusInvalidField();
+ *   } else {
+ *      // ...
+ *   }
+ * }
+ * ```
+ */
+export declare class SixFormUtilDirective {
+    private elementRef;
+    private formGroupDirective;
+    constructor(elementRef: ElementRef<HTMLElement>, formGroupDirective: FormGroupDirective);
+    /** markAllControlsAsDirty(Object.values(formGroup.controls));
+     * Marks all form controls as touched and dirty, and focuses the first
+     * invalid form element.
+     */
+    focusInvalidField(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixFormUtilDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SixFormUtilDirective, "[sixFormUtil]", never, {}, {}, never, never, false, never>;
+}

package/lib/stencil-generated/components.d.ts

@@ -125,7 +125,7 @@ export declare class SixCheckbox {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixCheckbox, "six-checkbox", never, { "checked": "checked"; "disabled": "disabled"; "errorText": "errorText"; "indeterminate": "indeterminate"; "invalid": "invalid"; "label": "label"; "name": "name"; "required": "required"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixCheckbox, "six-checkbox", never, { "checked": "checked"; "disabled": "disabled"; "errorText": "errorText"; "errorTextCount": "errorTextCount"; "indeterminate": "indeterminate"; "invalid": "invalid"; "label": "label"; "name": "name"; "required": "required"; "value": "value"; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixCheckbox extends Components.SixCheckbox {
     /**
@@ -146,7 +146,7 @@ export declare class SixDatepicker {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixDatepicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixDatepicker, "six-datepicker", never, { "allowedDates": "allowedDates"; "clearable": "clearable"; "closeOnSelect": "closeOnSelect"; "containingElement": "containingElement"; "dateFormat": "dateFormat"; "debounce": "debounce"; "defaultDate": "defaultDate"; "disabled": "disabled"; "errorText": "errorText"; "hoist": "hoist"; "iconPosition": "iconPosition"; "inline": "inline"; "invalid": "invalid"; "label": "label"; "locale": "locale"; "max": "max"; "min": "min"; "name": "name"; "open": "open"; "placeholder": "placeholder"; "placement": "placement"; "readonly": "readonly"; "required": "required"; "size": "size"; "type": "type"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixDatepicker, "six-datepicker", never, { "allowedDates": "allowedDates"; "clearable": "clearable"; "closeOnSelect": "closeOnSelect"; "containingElement": "containingElement"; "dateFormat": "dateFormat"; "debounce": "debounce"; "defaultDate": "defaultDate"; "disabled": "disabled"; "errorText": "errorText"; "errorTextCount": "errorTextCount"; "hoist": "hoist"; "iconPosition": "iconPosition"; "inline": "inline"; "invalid": "invalid"; "label": "label"; "locale": "locale"; "max": "max"; "min": "min"; "name": "name"; "open": "open"; "placeholder": "placeholder"; "placement": "placement"; "readonly": "readonly"; "required": "required"; "size": "size"; "type": "type"; "value": "value"; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixDatepicker extends Components.SixDatepicker {
     /**
@@ -292,6 +292,15 @@ export declare interface SixDropdown extends Components.SixDropdown {
      */
     'six-dropdown-scroll': EventEmitter<CustomEvent<ISixDropdownSixDropdownScrollPayload>>;
 }
+export declare class SixError {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixError, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixError, "six-error", never, {}, {}, never, ["*"], false, never>;
+}
+export declare interface SixError extends Components.SixError {
+}
 export declare class SixErrorPage {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -418,7 +427,7 @@ export declare class SixInput {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixInput, "six-input", never, { "autocapitalize": "autocapitalize"; "autocomplete": "autocomplete"; "autocorrect": "autocorrect"; "autofocus": "autofocus"; "clearable": "clearable"; "disabled": "disabled"; "errorText": "errorText"; "helpText": "helpText"; "inputmode": "inputmode"; "invalid": "invalid"; "label": "label"; "line": "line"; "max": "max"; "maxlength": "maxlength"; "min": "min"; "minlength": "minlength"; "name": "name"; "pattern": "pattern"; "pill": "pill"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "size": "size"; "spellcheck": "spellcheck"; "step": "step"; "togglePassword": "togglePassword"; "type": "type"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixInput, "six-input", never, { "autocapitalize": "autocapitalize"; "autocomplete": "autocomplete"; "autocorrect": "autocorrect"; "autofocus": "autofocus"; "clearable": "clearable"; "disabled": "disabled"; "errorText": "errorText"; "errorTextCount": "errorTextCount"; "helpText": "helpText"; "inputmode": "inputmode"; "invalid": "invalid"; "label": "label"; "line": "line"; "max": "max"; "maxlength": "maxlength"; "min": "min"; "minlength": "minlength"; "name": "name"; "pattern": "pattern"; "pill": "pill"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "size": "size"; "spellcheck": "spellcheck"; "step": "step"; "togglePassword": "togglePassword"; "type": "type"; "value": "value"; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixInput extends Components.SixInput {
     /**
@@ -583,7 +592,7 @@ export declare class SixRange {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixRange, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixRange, "six-range", never, { "disabled": "disabled"; "errorText": "errorText"; "helpText": "helpText"; "invalid": "invalid"; "label": "label"; "max": "max"; "min": "min"; "name": "name"; "required": "required"; "step": "step"; "tooltip": "tooltip"; "tooltipFormatter": "tooltipFormatter"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixRange, "six-range", never, { "disabled": "disabled"; "errorText": "errorText"; "errorTextCount": "errorTextCount"; "helpText": "helpText"; "invalid": "invalid"; "label": "label"; "max": "max"; "min": "min"; "name": "name"; "required": "required"; "step": "step"; "tooltip": "tooltip"; "tooltipFormatter": "tooltipFormatter"; "value": "value"; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixRange extends Components.SixRange {
     /**
@@ -630,7 +639,7 @@ export declare class SixSelect {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixSelect, "six-select", never, { "asyncFilter": "asyncFilter"; "autocomplete": "autocomplete"; "clearable": "clearable"; "disabled": "disabled"; "errorText": "errorText"; "filter": "filter"; "filterDebounce": "filterDebounce"; "filterPlaceholder": "filterPlaceholder"; "helpText": "helpText"; "hoist": "hoist"; "inputDebounce": "inputDebounce"; "invalid": "invalid"; "label": "label"; "line": "line"; "maxTagsVisible": "maxTagsVisible"; "multiple": "multiple"; "name": "name"; "options": "options"; "pill": "pill"; "placeholder": "placeholder"; "required": "required"; "size": "size"; "value": "value"; "virtualScroll": "virtualScroll"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixSelect, "six-select", never, { "asyncFilter": "asyncFilter"; "autocomplete": "autocomplete"; "clearable": "clearable"; "disabled": "disabled"; "errorText": "errorText"; "errorTextCount": "errorTextCount"; "filter": "filter"; "filterDebounce": "filterDebounce"; "filterPlaceholder": "filterPlaceholder"; "helpText": "helpText"; "hoist": "hoist"; "inputDebounce": "inputDebounce"; "invalid": "invalid"; "label": "label"; "line": "line"; "maxTagsVisible": "maxTagsVisible"; "multiple": "multiple"; "name": "name"; "options": "options"; "pill": "pill"; "placeholder": "placeholder"; "required": "required"; "size": "size"; "value": "value"; "virtualScroll": "virtualScroll"; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixSelect extends Components.SixSelect {
     /**
@@ -717,7 +726,7 @@ export declare class SixSwitch {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixSwitch, "six-switch", never, { "checked": "checked"; "disabled": "disabled"; "errorText": "errorText"; "invalid": "invalid"; "label": "label"; "name": "name"; "required": "required"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixSwitch, "six-switch", never, { "checked": "checked"; "disabled": "disabled"; "errorText": "errorText"; "errorTextCount": "errorTextCount"; "invalid": "invalid"; "label": "label"; "name": "name"; "required": "required"; "value": "value"; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixSwitch extends Components.SixSwitch {
     /**
@@ -790,7 +799,7 @@ export declare class SixTextarea {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixTextarea, "six-textarea", never, { "autocapitalize": "autocapitalize"; "autocomplete": "autocomplete"; "autocorrect": "autocorrect"; "autofocus": "autofocus"; "disabled": "disabled"; "errorText": "errorText"; "helpText": "helpText"; "inputmode": "inputmode"; "invalid": "invalid"; "label": "label"; "maxlength": "maxlength"; "minlength": "minlength"; "name": "name"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "resize": "resize"; "rows": "rows"; "size": "size"; "spellcheck": "spellcheck"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixTextarea, "six-textarea", never, { "autocapitalize": "autocapitalize"; "autocomplete": "autocomplete"; "autocorrect": "autocorrect"; "autofocus": "autofocus"; "disabled": "disabled"; "errorText": "errorText"; "errorTextCount": "errorTextCount"; "helpText": "helpText"; "inputmode": "inputmode"; "invalid": "invalid"; "label": "label"; "maxlength": "maxlength"; "minlength": "minlength"; "name": "name"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "resize": "resize"; "rows": "rows"; "size": "size"; "spellcheck": "spellcheck"; "value": "value"; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixTextarea extends Components.SixTextarea {
     /**
@@ -832,7 +841,7 @@ export declare class SixTimepicker {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTimepicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixTimepicker, "six-timepicker", never, { "clearable": "clearable"; "debounce": "debounce"; "defaultTime": "defaultTime"; "disabled": "disabled"; "errorText": "errorText"; "format": "format"; "hoist": "hoist"; "iconPosition": "iconPosition"; "inline": "inline"; "interval": "interval"; "invalid": "invalid"; "label": "label"; "name": "name"; "open": "open"; "placeholder": "placeholder"; "placement": "placement"; "readonly": "readonly"; "required": "required"; "separator": "separator"; "size": "size"; "timeout": "timeout"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixTimepicker, "six-timepicker", never, { "clearable": "clearable"; "debounce": "debounce"; "defaultTime": "defaultTime"; "disabled": "disabled"; "errorText": "errorText"; "errorTextCount": "errorTextCount"; "format": "format"; "hoist": "hoist"; "iconPosition": "iconPosition"; "inline": "inline"; "interval": "interval"; "invalid": "invalid"; "label": "label"; "name": "name"; "open": "open"; "placeholder": "placeholder"; "placement": "placement"; "readonly": "readonly"; "required": "required"; "separator": "separator"; "size": "size"; "timeout": "timeout"; "value": "value"; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixTimepicker extends Components.SixTimepicker {
     /**

package/lib/stencil-generated/index.d.ts

@@ -1,2 +1,2 @@
 import * as d from './components';
-export declare const DIRECTIVES: (typeof d.SetAttributes | typeof d.SixAlert | typeof d.SixAvatar | typeof d.SixBadge | typeof d.SixButton | typeof d.SixCard | typeof d.SixCheckbox | typeof d.SixDatepicker | typeof d.SixDetails | typeof d.SixDialog | typeof d.SixDrawer | typeof d.SixDropdown | typeof d.SixErrorPage | typeof d.SixFileList | typeof d.SixFileListItem | typeof d.SixFileUpload | typeof d.SixFooter | typeof d.SixGroupLabel | typeof d.SixHeader | typeof d.SixIcon | typeof d.SixIconButton | typeof d.SixInput | typeof d.SixItemPicker | typeof d.SixLanguageSwitcher | typeof d.SixLayoutGrid | typeof d.SixMainContainer | typeof d.SixMenu | typeof d.SixMenuDivider | typeof d.SixMenuItem | typeof d.SixMenuLabel | typeof d.SixPicto | typeof d.SixProgressBar | typeof d.SixProgressRing | typeof d.SixRadio | typeof d.SixRange | typeof d.SixRoot | typeof d.SixSearchField | typeof d.SixSelect | typeof d.SixSidebar | typeof d.SixSidebarItem | typeof d.SixSidebarItemGroup | typeof d.SixSpinner | typeof d.SixStageIndicator | typeof d.SixSwitch | typeof d.SixTab | typeof d.SixTabGroup | typeof d.SixTabPanel | typeof d.SixTag | typeof d.SixTextarea | typeof d.SixTile | typeof d.SixTimepicker | typeof d.SixTooltip)[];
+export declare const DIRECTIVES: (typeof d.SetAttributes | typeof d.SixAlert | typeof d.SixAvatar | typeof d.SixBadge | typeof d.SixButton | typeof d.SixCard | typeof d.SixCheckbox | typeof d.SixDatepicker | typeof d.SixDetails | typeof d.SixDialog | typeof d.SixDrawer | typeof d.SixDropdown | typeof d.SixError | typeof d.SixErrorPage | typeof d.SixFileList | typeof d.SixFileListItem | typeof d.SixFileUpload | typeof d.SixFooter | typeof d.SixGroupLabel | typeof d.SixHeader | typeof d.SixIcon | typeof d.SixIconButton | typeof d.SixInput | typeof d.SixItemPicker | typeof d.SixLanguageSwitcher | typeof d.SixLayoutGrid | typeof d.SixMainContainer | typeof d.SixMenu | typeof d.SixMenuDivider | typeof d.SixMenuItem | typeof d.SixMenuLabel | typeof d.SixPicto | typeof d.SixProgressBar | typeof d.SixProgressRing | typeof d.SixRadio | typeof d.SixRange | typeof d.SixRoot | typeof d.SixSearchField | typeof d.SixSelect | typeof d.SixSidebar | typeof d.SixSidebarItem | typeof d.SixSidebarItemGroup | typeof d.SixSpinner | typeof d.SixStageIndicator | typeof d.SixSwitch | typeof d.SixTab | typeof d.SixTabGroup | typeof d.SixTabPanel | typeof d.SixTag | typeof d.SixTextarea | typeof d.SixTile | typeof d.SixTimepicker | typeof d.SixTooltip)[];

package/lib/ui-library-angular.module.d.ts

@@ -12,10 +12,10 @@ import * as i8 from "./control-value-accessors/checkbox-value-accessor";
 import * as i9 from "./control-value-accessors/switch-value-accessor";
 import * as i10 from "./control-value-accessors/range-value-accessor";
 import * as i11 from "./validators/six-ui-library-validators";
-import * as i12 from "./util/six-form-util.directive";
+import * as i12 from "./form/six-form.directive";
 export declare class UiLibraryAngularModule {
     static forRoot<T extends ValidationMessagesService>(customValidationMessagesService?: Type<T>): ModuleWithProviders<UiLibraryAngularModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiLibraryAngularModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UiLibraryAngularModule, [typeof i1.SetAttributes, typeof i1.SixAlert, typeof i1.SixAvatar, typeof i1.SixBadge, typeof i1.SixButton, typeof i1.SixCard, typeof i1.SixCheckbox, typeof i1.SixDatepicker, typeof i1.SixDetails, typeof i1.SixDialog, typeof i1.SixDrawer, typeof i1.SixDropdown, typeof i1.SixErrorPage, typeof i1.SixFileList, typeof i1.SixFileListItem, typeof i1.SixFileUpload, typeof i1.SixFooter, typeof i1.SixGroupLabel, typeof i1.SixHeader, typeof i1.SixIcon, typeof i1.SixIconButton, typeof i1.SixInput, typeof i1.SixItemPicker, typeof i1.SixLanguageSwitcher, typeof i1.SixLayoutGrid, typeof i1.SixMainContainer, typeof i1.SixMenu, typeof i1.SixMenuDivider, typeof i1.SixMenuItem, typeof i1.SixMenuLabel, typeof i1.SixPicto, typeof i1.SixProgressBar, typeof i1.SixProgressRing, typeof i1.SixRadio, typeof i1.SixRange, typeof i1.SixRoot, typeof i1.SixSearchField, typeof i1.SixSelect, typeof i1.SixSidebar, typeof i1.SixSidebarItem, typeof i1.SixSidebarItemGroup, typeof i1.SixSpinner, typeof i1.SixStageIndicator, typeof i1.SixSwitch, typeof i1.SixTab, typeof i1.SixTabGroup, typeof i1.SixTabPanel, typeof i1.SixTag, typeof i1.SixTextarea, typeof i1.SixTile, typeof i1.SixTimepicker, typeof i1.SixTooltip, typeof i2.TextValueAccessor, typeof i3.NumericValueAccessor, typeof i4.RadioValueAccessor, typeof i5.DatepickerValueAccessor, typeof i6.TimepickerValueAccessor, typeof i7.SelectValueAccessor, typeof i8.CheckboxValueAccessor, typeof i9.SwitchValueAccessor, typeof i10.RangeValueAccessor, typeof i11.MinValidator, typeof i11.MaxValidator, typeof i11.MinDateValidator, typeof i11.MaxDateValidator, typeof i11.AllowedDatesValidator, typeof i12.SixFormUtilDirective], never, [typeof i1.SetAttributes, typeof i1.SixAlert, typeof i1.SixAvatar, typeof i1.SixBadge, typeof i1.SixButton, typeof i1.SixCard, typeof i1.SixCheckbox, typeof i1.SixDatepicker, typeof i1.SixDetails, typeof i1.SixDialog, typeof i1.SixDrawer, typeof i1.SixDropdown, typeof i1.SixErrorPage, typeof i1.SixFileList, typeof i1.SixFileListItem, typeof i1.SixFileUpload, typeof i1.SixFooter, typeof i1.SixGroupLabel, typeof i1.SixHeader, typeof i1.SixIcon, typeof i1.SixIconButton, typeof i1.SixInput, typeof i1.SixItemPicker, typeof i1.SixLanguageSwitcher, typeof i1.SixLayoutGrid, typeof i1.SixMainContainer, typeof i1.SixMenu, typeof i1.SixMenuDivider, typeof i1.SixMenuItem, typeof i1.SixMenuLabel, typeof i1.SixPicto, typeof i1.SixProgressBar, typeof i1.SixProgressRing, typeof i1.SixRadio, typeof i1.SixRange, typeof i1.SixRoot, typeof i1.SixSearchField, typeof i1.SixSelect, typeof i1.SixSidebar, typeof i1.SixSidebarItem, typeof i1.SixSidebarItemGroup, typeof i1.SixSpinner, typeof i1.SixStageIndicator, typeof i1.SixSwitch, typeof i1.SixTab, typeof i1.SixTabGroup, typeof i1.SixTabPanel, typeof i1.SixTag, typeof i1.SixTextarea, typeof i1.SixTile, typeof i1.SixTimepicker, typeof i1.SixTooltip, typeof i2.TextValueAccessor, typeof i3.NumericValueAccessor, typeof i4.RadioValueAccessor, typeof i5.DatepickerValueAccessor, typeof i6.TimepickerValueAccessor, typeof i7.SelectValueAccessor, typeof i8.CheckboxValueAccessor, typeof i9.SwitchValueAccessor, typeof i10.RangeValueAccessor, typeof i11.MinValidator, typeof i11.MaxValidator, typeof i11.MinDateValidator, typeof i11.MaxDateValidator, typeof i11.AllowedDatesValidator, typeof i12.SixFormUtilDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UiLibraryAngularModule, [typeof i1.SetAttributes, typeof i1.SixAlert, typeof i1.SixAvatar, typeof i1.SixBadge, typeof i1.SixButton, typeof i1.SixCard, typeof i1.SixCheckbox, typeof i1.SixDatepicker, typeof i1.SixDetails, typeof i1.SixDialog, typeof i1.SixDrawer, typeof i1.SixDropdown, typeof i1.SixError, typeof i1.SixErrorPage, typeof i1.SixFileList, typeof i1.SixFileListItem, typeof i1.SixFileUpload, typeof i1.SixFooter, typeof i1.SixGroupLabel, typeof i1.SixHeader, typeof i1.SixIcon, typeof i1.SixIconButton, typeof i1.SixInput, typeof i1.SixItemPicker, typeof i1.SixLanguageSwitcher, typeof i1.SixLayoutGrid, typeof i1.SixMainContainer, typeof i1.SixMenu, typeof i1.SixMenuDivider, typeof i1.SixMenuItem, typeof i1.SixMenuLabel, typeof i1.SixPicto, typeof i1.SixProgressBar, typeof i1.SixProgressRing, typeof i1.SixRadio, typeof i1.SixRange, typeof i1.SixRoot, typeof i1.SixSearchField, typeof i1.SixSelect, typeof i1.SixSidebar, typeof i1.SixSidebarItem, typeof i1.SixSidebarItemGroup, typeof i1.SixSpinner, typeof i1.SixStageIndicator, typeof i1.SixSwitch, typeof i1.SixTab, typeof i1.SixTabGroup, typeof i1.SixTabPanel, typeof i1.SixTag, typeof i1.SixTextarea, typeof i1.SixTile, typeof i1.SixTimepicker, typeof i1.SixTooltip, typeof i2.TextValueAccessor, typeof i3.NumericValueAccessor, typeof i4.RadioValueAccessor, typeof i5.DatepickerValueAccessor, typeof i6.TimepickerValueAccessor, typeof i7.SelectValueAccessor, typeof i8.CheckboxValueAccessor, typeof i9.SwitchValueAccessor, typeof i10.RangeValueAccessor, typeof i11.MinValidator, typeof i11.MaxValidator, typeof i11.MinDateValidator, typeof i11.MaxDateValidator, typeof i11.AllowedDatesValidator, typeof i12.SixFormDirective, typeof i12.SixFormUtilDirective], never, [typeof i1.SetAttributes, typeof i1.SixAlert, typeof i1.SixAvatar, typeof i1.SixBadge, typeof i1.SixButton, typeof i1.SixCard, typeof i1.SixCheckbox, typeof i1.SixDatepicker, typeof i1.SixDetails, typeof i1.SixDialog, typeof i1.SixDrawer, typeof i1.SixDropdown, typeof i1.SixError, typeof i1.SixErrorPage, typeof i1.SixFileList, typeof i1.SixFileListItem, typeof i1.SixFileUpload, typeof i1.SixFooter, typeof i1.SixGroupLabel, typeof i1.SixHeader, typeof i1.SixIcon, typeof i1.SixIconButton, typeof i1.SixInput, typeof i1.SixItemPicker, typeof i1.SixLanguageSwitcher, typeof i1.SixLayoutGrid, typeof i1.SixMainContainer, typeof i1.SixMenu, typeof i1.SixMenuDivider, typeof i1.SixMenuItem, typeof i1.SixMenuLabel, typeof i1.SixPicto, typeof i1.SixProgressBar, typeof i1.SixProgressRing, typeof i1.SixRadio, typeof i1.SixRange, typeof i1.SixRoot, typeof i1.SixSearchField, typeof i1.SixSelect, typeof i1.SixSidebar, typeof i1.SixSidebarItem, typeof i1.SixSidebarItemGroup, typeof i1.SixSpinner, typeof i1.SixStageIndicator, typeof i1.SixSwitch, typeof i1.SixTab, typeof i1.SixTabGroup, typeof i1.SixTabPanel, typeof i1.SixTag, typeof i1.SixTextarea, typeof i1.SixTile, typeof i1.SixTimepicker, typeof i1.SixTooltip, typeof i2.TextValueAccessor, typeof i3.NumericValueAccessor, typeof i4.RadioValueAccessor, typeof i5.DatepickerValueAccessor, typeof i6.TimepickerValueAccessor, typeof i7.SelectValueAccessor, typeof i8.CheckboxValueAccessor, typeof i9.SwitchValueAccessor, typeof i10.RangeValueAccessor, typeof i11.MinValidator, typeof i11.MaxValidator, typeof i11.MinDateValidator, typeof i11.MaxDateValidator, typeof i11.AllowedDatesValidator, typeof i12.SixFormDirective, typeof i12.SixFormUtilDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UiLibraryAngularModule>;
 }

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@six-group/ui-library-angular",
-  "version": "0.0.0-insider.db2b416",
+  "version": "0.0.0-insider.ddecb41",
+  "description": "Angular wrapper components for @six-group/ui-library",
   "private": false,
   "peerDependencies": {
     "@angular/common": ">=14.0.0",
@@ -11,6 +12,9 @@
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
+  "engines": {
+    "node": ">=16.0.0"
+  },
   "module": "fesm2015/six-group-ui-library-angular.mjs",
   "es2020": "fesm2020/six-group-ui-library-angular.mjs",
   "esm2020": "esm2020/six-group-ui-library-angular.mjs",

package/public-api.d.ts

@@ -12,5 +12,5 @@ export * from './lib/control-value-accessors/checkbox-value-accessor';
 export * from './lib/control-value-accessors/switch-value-accessor';
 export * from './lib/control-value-accessors/range-value-accessor';
 export * from './lib/validators/six-ui-library-validators';
-export * from './lib/util/six-form-util.directive';
+export * from './lib/form/six-form.directive';
 export * from './lib/services/validation-messages.service';

package/esm2020/lib/util/six-form-util.directive.mjs

@@ -1,48 +0,0 @@
-import { Directive } from '@angular/core';
-import { FormArray, FormControl, FormGroup, FormGroupDirective } from '@angular/forms';
-import * as i0 from "@angular/core";
-export class SixFormUtilDirective {
-    constructor(elementRef, injector) {
-        this.elementRef = elementRef;
-        this.injector = injector;
-    }
-    focusInvalidField() {
-        const formGroupDirective = this.injector.get(FormGroupDirective);
-        if (formGroupDirective) {
-            formGroupDirective.form.markAllAsTouched();
-            markAllAsDirty(formGroupDirective.form);
-            const invalidField = this.elementRef.nativeElement.querySelector('.ng-invalid');
-            if (typeof invalidField?.setFocus === 'function') {
-                invalidField.setFocus();
-            }
-            else if (typeof invalidField?.focus === 'function') {
-                invalidField?.focus();
-            }
-        }
-    }
-}
-SixFormUtilDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SixFormUtilDirective, deps: [{ token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
-SixFormUtilDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SixFormUtilDirective, selector: "[sixFormUtil]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SixFormUtilDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[sixFormUtil]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Injector }]; } });
-function markAllAsDirty(formGroup) {
-    function markAllControlsAsDirty(controls) {
-        controls.forEach((control) => {
-            if (control instanceof FormControl) {
-                control.markAsDirty({ onlySelf: true });
-            }
-            else if (control instanceof FormGroup) {
-                markAllControlsAsDirty(Object.values(control.controls));
-            }
-            else if (control instanceof FormArray) {
-                markAllControlsAsDirty(control.controls);
-            }
-        });
-    }
-    markAllControlsAsDirty(Object.values(formGroup.controls));
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l4LWZvcm0tdXRpbC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3V0aWwvc2l4LWZvcm0tdXRpbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBd0IsTUFBTSxlQUFlLENBQUM7QUFDaEUsT0FBTyxFQUFtQixTQUFTLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUt4RyxNQUFNLE9BQU8sb0JBQW9CO0lBQy9CLFlBQW9CLFVBQW1DLEVBQVUsUUFBa0I7UUFBL0QsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFVO0lBQUcsQ0FBQztJQUVoRixpQkFBaUI7UUFDdEIsTUFBTSxrQkFBa0IsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ2pFLElBQUksa0JBQWtCLEVBQUU7WUFDdEIsa0JBQWtCLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7WUFDM0MsY0FBYyxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3hDLE1BQU0sWUFBWSxHQUFRLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsQ0FBQztZQUNyRixJQUFJLE9BQU8sWUFBWSxFQUFFLFFBQVEsS0FBSyxVQUFVLEVBQUU7Z0JBQ2hELFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQzthQUN6QjtpQkFBTSxJQUFJLE9BQU8sWUFBWSxFQUFFLEtBQUssS0FBSyxVQUFVLEVBQUU7Z0JBQ3BELFlBQVksRUFBRSxLQUFLLEVBQUUsQ0FBQzthQUN2QjtTQUNGO0lBQ0gsQ0FBQzs7aUhBZlUsb0JBQW9CO3FHQUFwQixvQkFBb0I7MkZBQXBCLG9CQUFvQjtrQkFIaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtpQkFDMUI7O0FBbUJELFNBQVMsY0FBYyxDQUFDLFNBQW9CO0lBQzFDLFNBQVMsc0JBQXNCLENBQUMsUUFBMkI7UUFDekQsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFO1lBQzNCLElBQUksT0FBTyxZQUFZLFdBQVcsRUFBRTtnQkFDbEMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO2FBQ3pDO2lCQUFNLElBQUksT0FBTyxZQUFZLFNBQVMsRUFBRTtnQkFDdkMsc0JBQXNCLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQzthQUN6RDtpQkFBTSxJQUFJLE9BQU8sWUFBWSxTQUFTLEVBQUU7Z0JBQ3ZDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUMxQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUNELHNCQUFzQixDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7QUFDNUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUFycmF5LCBGb3JtQ29udHJvbCwgRm9ybUdyb3VwLCBGb3JtR3JvdXBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzaXhGb3JtVXRpbF0nLFxufSlcbmV4cG9ydCBjbGFzcyBTaXhGb3JtVXRpbERpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yKSB7fVxuXG4gIHB1YmxpYyBmb2N1c0ludmFsaWRGaWVsZCgpIHtcbiAgICBjb25zdCBmb3JtR3JvdXBEaXJlY3RpdmUgPSB0aGlzLmluamVjdG9yLmdldChGb3JtR3JvdXBEaXJlY3RpdmUpO1xuICAgIGlmIChmb3JtR3JvdXBEaXJlY3RpdmUpIHtcbiAgICAgIGZvcm1Hcm91cERpcmVjdGl2ZS5mb3JtLm1hcmtBbGxBc1RvdWNoZWQoKTtcbiAgICAgIG1hcmtBbGxBc0RpcnR5KGZvcm1Hcm91cERpcmVjdGl2ZS5mb3JtKTtcbiAgICAgIGNvbnN0IGludmFsaWRGaWVsZDogYW55ID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLm5nLWludmFsaWQnKTtcbiAgICAgIGlmICh0eXBlb2YgaW52YWxpZEZpZWxkPy5zZXRGb2N1cyA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICBpbnZhbGlkRmllbGQuc2V0Rm9jdXMoKTtcbiAgICAgIH0gZWxzZSBpZiAodHlwZW9mIGludmFsaWRGaWVsZD8uZm9jdXMgPT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgaW52YWxpZEZpZWxkPy5mb2N1cygpO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5mdW5jdGlvbiBtYXJrQWxsQXNEaXJ0eShmb3JtR3JvdXA6IEZvcm1Hcm91cCkge1xuICBmdW5jdGlvbiBtYXJrQWxsQ29udHJvbHNBc0RpcnR5KGNvbnRyb2xzOiBBYnN0cmFjdENvbnRyb2xbXSk6IHZvaWQge1xuICAgIGNvbnRyb2xzLmZvckVhY2goKGNvbnRyb2wpID0+IHtcbiAgICAgIGlmIChjb250cm9sIGluc3RhbmNlb2YgRm9ybUNvbnRyb2wpIHtcbiAgICAgICAgY29udHJvbC5tYXJrQXNEaXJ0eSh7IG9ubHlTZWxmOiB0cnVlIH0pO1xuICAgICAgfSBlbHNlIGlmIChjb250cm9sIGluc3RhbmNlb2YgRm9ybUdyb3VwKSB7XG4gICAgICAgIG1hcmtBbGxDb250cm9sc0FzRGlydHkoT2JqZWN0LnZhbHVlcyhjb250cm9sLmNvbnRyb2xzKSk7XG4gICAgICB9IGVsc2UgaWYgKGNvbnRyb2wgaW5zdGFuY2VvZiBGb3JtQXJyYXkpIHtcbiAgICAgICAgbWFya0FsbENvbnRyb2xzQXNEaXJ0eShjb250cm9sLmNvbnRyb2xzKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuICBtYXJrQWxsQ29udHJvbHNBc0RpcnR5KE9iamVjdC52YWx1ZXMoZm9ybUdyb3VwLmNvbnRyb2xzKSk7XG59XG4iXX0=

package/lib/util/six-form-util.directive.d.ts

@@ -1,10 +0,0 @@
-import { ElementRef, Injector } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class SixFormUtilDirective {
-    private elementRef;
-    private injector;
-    constructor(elementRef: ElementRef<HTMLElement>, injector: Injector);
-    focusInvalidField(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SixFormUtilDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SixFormUtilDirective, "[sixFormUtil]", never, {}, {}, never, never, false, never>;
-}