@six-group/ui-library-angular 5.1.1 → 5.2.0-rc.2

package/fesm2022/six-group-ui-library-angular.mjs

@@ -415,11 +415,11 @@ let SixDropdown = class SixDropdown {
         proxyOutputs(this, this.el, ['six-dropdown-show', 'six-dropdown-after-show', 'six-dropdown-hide', 'six-dropdown-after-hide', 'six-dropdown-auto-filter-fired', 'six-async-filter-fired', 'six-dropdown-scroll']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: SixDropdown, isStandalone: false, selector: "six-dropdown", inputs: { asyncFilter: "asyncFilter", autofocusFilter: "autofocusFilter", closeOnSelect: "closeOnSelect", containingElement: "containingElement", disableHideOnEnterAndSpace: "disableHideOnEnterAndSpace", distance: "distance", filter: "filter", filterDebounce: "filterDebounce", filterPlaceholder: "filterPlaceholder", hoist: "hoist", matchTriggerWidth: "matchTriggerWidth", open: "open", options: "options", placement: "placement", skidding: "skidding", virtualScroll: "virtualScroll" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: SixDropdown, isStandalone: false, selector: "six-dropdown", inputs: { asyncFilter: "asyncFilter", autofocusFilter: "autofocusFilter", closeOnSelect: "closeOnSelect", containingElement: "containingElement", disableHideOnEnterAndSpace: "disableHideOnEnterAndSpace", distance: "distance", filter: "filter", filterDebounce: "filterDebounce", filterPlaceholder: "filterPlaceholder", hoist: "hoist", matchTriggerWidth: "matchTriggerWidth", noScroll: "noScroll", open: "open", options: "options", placement: "placement", skidding: "skidding", virtualScroll: "virtualScroll" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 SixDropdown = __decorate([
     ProxyCmp({
-        inputs: ['asyncFilter', 'autofocusFilter', 'closeOnSelect', 'containingElement', 'disableHideOnEnterAndSpace', 'distance', 'filter', 'filterDebounce', 'filterPlaceholder', 'hoist', 'matchTriggerWidth', 'open', 'options', 'placement', 'skidding', 'virtualScroll'],
+        inputs: ['asyncFilter', 'autofocusFilter', 'closeOnSelect', 'containingElement', 'disableHideOnEnterAndSpace', 'distance', 'filter', 'filterDebounce', 'filterPlaceholder', 'hoist', 'matchTriggerWidth', 'noScroll', 'open', 'options', 'placement', 'skidding', 'virtualScroll'],
         methods: ['show', 'hide']
     })
 ], SixDropdown);
@@ -430,7 +430,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['asyncFilter', 'autofocusFilter', 'closeOnSelect', 'containingElement', 'disableHideOnEnterAndSpace', 'distance', 'filter', 'filterDebounce', 'filterPlaceholder', 'hoist', 'matchTriggerWidth', 'open', 'options', 'placement', 'skidding', 'virtualScroll'],
+                    inputs: ['asyncFilter', 'autofocusFilter', 'closeOnSelect', 'containingElement', 'disableHideOnEnterAndSpace', 'distance', 'filter', 'filterDebounce', 'filterPlaceholder', 'hoist', 'matchTriggerWidth', 'noScroll', 'open', 'options', 'placement', 'skidding', 'virtualScroll'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -1686,6 +1686,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
 
 const DEFAULT_UI_LIBRARY_CONFIG = {
     showAsteriskOnRequiredValidator: false,
+    disableValidationService: false,
 };
 const UI_LIBRARY_CONFIG = new InjectionToken('UiLibraryConfig');
 
@@ -1740,12 +1741,12 @@ class ValueAccessor {
             const element = this.el.nativeElement;
             const control = this.ngControl?.control;
             const invalid = control.status === 'INVALID' && control.dirty && control.touched;
-            let errorTexts;
-            if (invalid) {
-                errorTexts = this.initialErrorText || this.getErrorTexts(control);
-            }
             element.invalid = invalid;
-            element.errorText = errorTexts ?? '';
+            // If the module is configured to do so, display error messages for invalid controls
+            if (!this.config.disableValidationService) {
+                const errorTexts = invalid ? this.initialErrorText || this.getErrorTexts(control) : undefined;
+                element.errorText = errorTexts ?? '';
+            }
             // When the module is configured to do so, display an asterisk next to any form control that has a required validator
             if (this.config.showAsteriskOnRequiredValidator && this.ngControl.control.hasValidator(Validators.required)) {
                 element.required = true;
@@ -2379,7 +2380,7 @@ class CheckboxValueAccessor extends ValueAccessor {
         this.updateValidation();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: CheckboxValueAccessor, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.3", type: CheckboxValueAccessor, isStandalone: false, selector: "six-checkbox", host: { listeners: { "change": "handleChangeEvent($event.target)" } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.3", type: CheckboxValueAccessor, isStandalone: false, selector: "six-checkbox:not([six-checkbox-group])", host: { listeners: { "change": "handleChangeEvent($event.target)" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: CheckboxValueAccessor,
@@ -2390,7 +2391,7 @@ class CheckboxValueAccessor extends ValueAccessor {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: CheckboxValueAccessor, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'six-checkbox',
+                    selector: 'six-checkbox:not([six-checkbox-group])',
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -2405,6 +2406,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
                 args: ['change', ['$event.target']]
             }] } });
 
+class SixCheckboxGroupDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixCheckboxGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.3", type: SixCheckboxGroupDirective, isStandalone: false, selector: "[six-checkbox-group]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: SixCheckboxGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[six-checkbox-group]',
+                    standalone: false,
+                }]
+        }] });
+// Accessor applies only when the SixCheckboxGroupDirective attribute is present
+class CheckboxMultiSelectValueAccessor extends ValueAccessor {
+    constructor(injector, el) {
+        super(injector, el);
+    }
+    onHostChange(el) {
+        const checked = el.checked;
+        const current = this.ngControl?.value;
+        if (!current)
+            return;
+        const set = new Set(current);
+        checked ? set.add(this.value) : set.delete(this.value);
+        this.handleValueChange(el, Array.from(set));
+    }
+    writeValue(values) {
+        const arr = Array.isArray(values) ? values : [];
+        const checkbox = this.el.nativeElement;
+        checkbox.checked = arr.includes(this.value);
+        this.updateValidation();
+    }
+    setDisabledState(isDisabled) {
+        this.el.nativeElement.disabled = isDisabled;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: CheckboxMultiSelectValueAccessor, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.3", type: CheckboxMultiSelectValueAccessor, isStandalone: false, selector: "six-checkbox[six-checkbox-group]", inputs: { value: "value" }, host: { listeners: { "change": "onHostChange($event.target)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: CheckboxMultiSelectValueAccessor,
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: CheckboxMultiSelectValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'six-checkbox[six-checkbox-group]',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: CheckboxMultiSelectValueAccessor,
+                            multi: true,
+                        },
+                    ],
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }], propDecorators: { value: [{
+                type: Input,
+                args: [{ required: true }]
+            }], onHostChange: [{
+                type: HostListener,
+                args: ['change', ['$event.target']]
+            }] } });
+
 class RangeValueAccessor extends ValueAccessor {
     constructor(injector, el) {
         super(injector, el);
@@ -2750,6 +2815,8 @@ class UiLibraryAngularModule {
             TimepickerValueAccessor,
             SelectValueAccessor,
             CheckboxValueAccessor,
+            CheckboxMultiSelectValueAccessor,
+            SixCheckboxGroupDirective,
             SwitchValueAccessor,
             RangeValueAccessor,
             // validators
@@ -2779,6 +2846,8 @@ class UiLibraryAngularModule {
             TimepickerValueAccessor,
             SelectValueAccessor,
             CheckboxValueAccessor,
+            CheckboxMultiSelectValueAccessor,
+            SixCheckboxGroupDirective,
             SwitchValueAccessor,
             RangeValueAccessor,
             // validators
@@ -2816,6 +2885,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
                         TimepickerValueAccessor,
                         SelectValueAccessor,
                         CheckboxValueAccessor,
+                        CheckboxMultiSelectValueAccessor,
+                        SixCheckboxGroupDirective,
                         SwitchValueAccessor,
                         RangeValueAccessor,
                         // validators
@@ -2850,6 +2921,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
                         TimepickerValueAccessor,
                         SelectValueAccessor,
                         CheckboxValueAccessor,
+                        CheckboxMultiSelectValueAccessor,
+                        SixCheckboxGroupDirective,
                         SwitchValueAccessor,
                         RangeValueAccessor,
                         // validators
@@ -2900,5 +2973,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActiveSidebarDirective, ActiveSidebarItemDirective, ActiveSidebarItemGroupDirective, AlertService, AllowedDatesValidator, AllowedDatesValidatorIso, CheckboxValueAccessor, DIRECTIVES, DateValueAccessor, DatepickerValueAccessor, MaxDateValidator, MaxDateValidatorIso, MaxValidator, MinDateValidator, MinDateValidatorIso, MinValidator, NumericValueAccessor, RadioValueAccessor, RangeValueAccessor, SelectValueAccessor, SixAlert, SixAvatar, SixBadge, SixBreadcrumbs, SixBreadcrumbsItem, SixButton, SixCard, SixCheckbox, SixDate, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixFormDirective, SixFormUtilDirective, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRating, SixRoot, SixRouterLinkDirective, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, SixUiLibraryValidators, SwitchValueAccessor, TextValueAccessor, TimepickerValueAccessor, UiLibraryAngularModule, ValidationMessagesService, ValueAccessor };
+export { ActiveSidebarDirective, ActiveSidebarItemDirective, ActiveSidebarItemGroupDirective, AlertService, AllowedDatesValidator, AllowedDatesValidatorIso, CheckboxMultiSelectValueAccessor, CheckboxValueAccessor, DIRECTIVES, DateValueAccessor, DatepickerValueAccessor, MaxDateValidator, MaxDateValidatorIso, MaxValidator, MinDateValidator, MinDateValidatorIso, MinValidator, NumericValueAccessor, RadioValueAccessor, RangeValueAccessor, SelectValueAccessor, SixAlert, SixAvatar, SixBadge, SixBreadcrumbs, SixBreadcrumbsItem, SixButton, SixCard, SixCheckbox, SixCheckboxGroupDirective, SixDate, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixFormDirective, SixFormUtilDirective, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRating, SixRoot, SixRouterLinkDirective, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, SixUiLibraryValidators, SwitchValueAccessor, TextValueAccessor, TimepickerValueAccessor, UiLibraryAngularModule, ValidationMessagesService, ValueAccessor };
 //# sourceMappingURL=six-group-ui-library-angular.mjs.map