@six-group/ui-library-angular 0.0.0-insider.d1e67f0 → 0.0.0-insider.d4f3849

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

@@ -2380,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,
@@ -2391,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,
@@ -2406,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);
@@ -2751,6 +2815,8 @@ class UiLibraryAngularModule {
             TimepickerValueAccessor,
             SelectValueAccessor,
             CheckboxValueAccessor,
+            CheckboxMultiSelectValueAccessor,
+            SixCheckboxGroupDirective,
             SwitchValueAccessor,
             RangeValueAccessor,
             // validators
@@ -2780,6 +2846,8 @@ class UiLibraryAngularModule {
             TimepickerValueAccessor,
             SelectValueAccessor,
             CheckboxValueAccessor,
+            CheckboxMultiSelectValueAccessor,
+            SixCheckboxGroupDirective,
             SwitchValueAccessor,
             RangeValueAccessor,
             // validators
@@ -2817,6 +2885,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
                         TimepickerValueAccessor,
                         SelectValueAccessor,
                         CheckboxValueAccessor,
+                        CheckboxMultiSelectValueAccessor,
+                        SixCheckboxGroupDirective,
                         SwitchValueAccessor,
                         RangeValueAccessor,
                         // validators
@@ -2851,6 +2921,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
                         TimepickerValueAccessor,
                         SelectValueAccessor,
                         CheckboxValueAccessor,
+                        CheckboxMultiSelectValueAccessor,
+                        SixCheckboxGroupDirective,
                         SwitchValueAccessor,
                         RangeValueAccessor,
                         // validators
@@ -2901,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