@agorapulse/ui-components 20.4.32 → 21.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "20.4.32",
+  "version": "21.0.0",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -12,14 +12,14 @@
   },
   "homepage": "https://github.com/agorapulse/design",
   "peerDependencies": {
-    "@agorapulse/ui-symbol": "^20.0.0",
-    "@agorapulse/ui-theme": "^20.0.0",
-    "@agorapulse/ui-animations": "^20.0.0",
-    "@angular/cdk": "^20.0.0",
-    "@angular/common": "^20.0.0",
-    "@angular/core": "^20.0.0",
-    "@angular/material": "^20.0.0",
-    "@angular/animations": "^20.0.0",
+    "@agorapulse/ui-symbol": "^21.0.0",
+    "@agorapulse/ui-theme": "^21.0.0",
+    "@agorapulse/ui-animations": "^21.0.0",
+    "@angular/cdk": "^21.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/material": "^21.0.0",
+    "@angular/animations": "^21.0.0",
     "@ng-select/ng-select": "15.1.3",
     "@agorapulse/ngx-daterangepicker-material": "^6.0.5",
     "dayjs": "^1.11.6",
@@ -27,253 +27,254 @@
     "ngxtension": "4.1.0"
   },
   "module": "fesm2022/agorapulse-ui-components.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/agorapulse-ui-components.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/agorapulse-ui-components.d.ts",
       "default": "./fesm2022/agorapulse-ui-components.mjs"
     },
     "./action-dropdown": {
-      "types": "./action-dropdown/index.d.ts",
+      "types": "./types/agorapulse-ui-components-action-dropdown.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-action-dropdown.mjs"
     },
     "./add-comment": {
-      "types": "./add-comment/index.d.ts",
+      "types": "./types/agorapulse-ui-components-add-comment.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-add-comment.mjs"
     },
     "./autocomplete": {
-      "types": "./autocomplete/index.d.ts",
+      "types": "./types/agorapulse-ui-components-autocomplete.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-autocomplete.mjs"
     },
     "./avatar": {
-      "types": "./avatar/index.d.ts",
+      "types": "./types/agorapulse-ui-components-avatar.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-avatar.mjs"
     },
     "./avatar-group": {
-      "types": "./avatar-group/index.d.ts",
+      "types": "./types/agorapulse-ui-components-avatar-group.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-avatar-group.mjs"
     },
     "./badge": {
-      "types": "./badge/index.d.ts",
+      "types": "./types/agorapulse-ui-components-badge.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-badge.mjs"
     },
     "./button": {
-      "types": "./button/index.d.ts",
+      "types": "./types/agorapulse-ui-components-button.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-button.mjs"
     },
     "./checkbox": {
-      "types": "./checkbox/index.d.ts",
+      "types": "./types/agorapulse-ui-components-checkbox.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-checkbox.mjs"
     },
     "./close-button": {
-      "types": "./close-button/index.d.ts",
+      "types": "./types/agorapulse-ui-components-close-button.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-close-button.mjs"
     },
     "./confirm-modal": {
-      "types": "./confirm-modal/index.d.ts",
+      "types": "./types/agorapulse-ui-components-confirm-modal.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-confirm-modal.mjs"
     },
     "./counter": {
-      "types": "./counter/index.d.ts",
+      "types": "./types/agorapulse-ui-components-counter.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-counter.mjs"
     },
     "./datepicker": {
-      "types": "./datepicker/index.d.ts",
+      "types": "./types/agorapulse-ui-components-datepicker.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-datepicker.mjs"
     },
     "./directives": {
-      "types": "./directives/index.d.ts",
+      "types": "./types/agorapulse-ui-components-directives.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-directives.mjs"
     },
     "./dot-stepper": {
-      "types": "./dot-stepper/index.d.ts",
+      "types": "./types/agorapulse-ui-components-dot-stepper.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-dot-stepper.mjs"
     },
     "./dropdown-base": {
-      "types": "./dropdown-base/index.d.ts",
+      "types": "./types/agorapulse-ui-components-dropdown-base.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-dropdown-base.mjs"
     },
     "./filter-chips-list": {
-      "types": "./filter-chips-list/index.d.ts",
+      "types": "./types/agorapulse-ui-components-filter-chips-list.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-filter-chips-list.mjs"
     },
     "./filter-dropdown": {
-      "types": "./filter-dropdown/index.d.ts",
+      "types": "./types/agorapulse-ui-components-filter-dropdown.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-filter-dropdown.mjs"
     },
     "./form-field": {
-      "types": "./form-field/index.d.ts",
+      "types": "./types/agorapulse-ui-components-form-field.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-form-field.mjs"
     },
     "./form-message": {
-      "types": "./form-message/index.d.ts",
+      "types": "./types/agorapulse-ui-components-form-message.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-form-message.mjs"
     },
     "./icon-button": {
-      "types": "./icon-button/index.d.ts",
+      "types": "./types/agorapulse-ui-components-icon-button.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-icon-button.mjs"
     },
     "./infobox": {
-      "types": "./infobox/index.d.ts",
+      "types": "./types/agorapulse-ui-components-infobox.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-infobox.mjs"
     },
     "./input": {
-      "types": "./input/index.d.ts",
+      "types": "./types/agorapulse-ui-components-input.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-input.mjs"
     },
     "./input-group": {
-      "types": "./input-group/index.d.ts",
+      "types": "./types/agorapulse-ui-components-input-group.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-input-group.mjs"
     },
     "./input-search": {
-      "types": "./input-search/index.d.ts",
+      "types": "./types/agorapulse-ui-components-input-search.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-input-search.mjs"
     },
     "./labels": {
-      "types": "./labels/index.d.ts",
+      "types": "./types/agorapulse-ui-components-labels.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-labels.mjs"
     },
     "./labels-selector": {
-      "types": "./labels-selector/index.d.ts",
+      "types": "./types/agorapulse-ui-components-labels-selector.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-labels-selector.mjs"
     },
     "./legacy/input": {
-      "types": "./legacy/input/index.d.ts",
+      "types": "./types/agorapulse-ui-components-legacy-input.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-legacy-input.mjs"
     },
     "./legacy/select": {
-      "types": "./legacy/select/index.d.ts",
+      "types": "./types/agorapulse-ui-components-legacy-select.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-legacy-select.mjs"
     },
     "./legacy/textarea": {
-      "types": "./legacy/textarea/index.d.ts",
+      "types": "./types/agorapulse-ui-components-legacy-textarea.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-legacy-textarea.mjs"
     },
     "./media-display-overlay": {
-      "types": "./media-display-overlay/index.d.ts",
+      "types": "./types/agorapulse-ui-components-media-display-overlay.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-media-display-overlay.mjs"
     },
     "./modal": {
-      "types": "./modal/index.d.ts",
+      "types": "./types/agorapulse-ui-components-modal.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-modal.mjs"
     },
     "./nav-selector": {
-      "types": "./nav-selector/index.d.ts",
+      "types": "./types/agorapulse-ui-components-nav-selector.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-nav-selector.mjs"
     },
     "./nav-selector/testing": {
-      "types": "./nav-selector/testing/index.d.ts",
+      "types": "./types/agorapulse-ui-components-nav-selector-testing.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-nav-selector-testing.mjs"
     },
     "./neo-datepicker": {
-      "types": "./neo-datepicker/index.d.ts",
+      "types": "./types/agorapulse-ui-components-neo-datepicker.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-neo-datepicker.mjs"
     },
     "./notification": {
-      "types": "./notification/index.d.ts",
+      "types": "./types/agorapulse-ui-components-notification.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-notification.mjs"
     },
     "./paginator": {
-      "types": "./paginator/index.d.ts",
+      "types": "./types/agorapulse-ui-components-paginator.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-paginator.mjs"
     },
     "./password-input": {
-      "types": "./password-input/index.d.ts",
+      "types": "./types/agorapulse-ui-components-password-input.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-password-input.mjs"
     },
     "./phone-number-input": {
-      "types": "./phone-number-input/index.d.ts",
+      "types": "./types/agorapulse-ui-components-phone-number-input.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-phone-number-input.mjs"
     },
     "./popmenu": {
-      "types": "./popmenu/index.d.ts",
+      "types": "./types/agorapulse-ui-components-popmenu.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-popmenu.mjs"
     },
     "./providers": {
-      "types": "./providers/index.d.ts",
+      "types": "./types/agorapulse-ui-components-providers.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-providers.mjs"
     },
     "./radio": {
-      "types": "./radio/index.d.ts",
+      "types": "./types/agorapulse-ui-components-radio.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-radio.mjs"
     },
     "./radio-button-card": {
-      "types": "./radio-button-card/index.d.ts",
+      "types": "./types/agorapulse-ui-components-radio-button-card.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-radio-button-card.mjs"
     },
     "./range-slider": {
-      "types": "./range-slider/index.d.ts",
+      "types": "./types/agorapulse-ui-components-range-slider.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-range-slider.mjs"
     },
     "./segmented-control": {
-      "types": "./segmented-control/index.d.ts",
+      "types": "./types/agorapulse-ui-components-segmented-control.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-segmented-control.mjs"
     },
     "./select": {
-      "types": "./select/index.d.ts",
+      "types": "./types/agorapulse-ui-components-select.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-select.mjs"
     },
     "./selection-dropdown": {
-      "types": "./selection-dropdown/index.d.ts",
+      "types": "./types/agorapulse-ui-components-selection-dropdown.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-selection-dropdown.mjs"
     },
     "./slide-toggle": {
-      "types": "./slide-toggle/index.d.ts",
+      "types": "./types/agorapulse-ui-components-slide-toggle.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-slide-toggle.mjs"
     },
     "./snackbars-thread": {
-      "types": "./snackbars-thread/index.d.ts",
+      "types": "./types/agorapulse-ui-components-snackbars-thread.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-snackbars-thread.mjs"
     },
     "./social-button": {
-      "types": "./social-button/index.d.ts",
+      "types": "./types/agorapulse-ui-components-social-button.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-social-button.mjs"
     },
     "./split-button": {
-      "types": "./split-button/index.d.ts",
+      "types": "./types/agorapulse-ui-components-split-button.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-split-button.mjs"
     },
     "./status": {
-      "types": "./status/index.d.ts",
+      "types": "./types/agorapulse-ui-components-status.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-status.mjs"
     },
     "./status-card": {
-      "types": "./status-card/index.d.ts",
+      "types": "./types/agorapulse-ui-components-status-card.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-status-card.mjs"
     },
     "./stepper": {
-      "types": "./stepper/index.d.ts",
+      "types": "./types/agorapulse-ui-components-stepper.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-stepper.mjs"
     },
     "./tabs": {
-      "types": "./tabs/index.d.ts",
+      "types": "./types/agorapulse-ui-components-tabs.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-tabs.mjs"
     },
     "./tag": {
-      "types": "./tag/index.d.ts",
+      "types": "./types/agorapulse-ui-components-tag.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-tag.mjs"
     },
     "./text-measurement": {
-      "types": "./text-measurement/index.d.ts",
+      "types": "./types/agorapulse-ui-components-text-measurement.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-text-measurement.mjs"
     },
     "./textarea": {
-      "types": "./textarea/index.d.ts",
+      "types": "./types/agorapulse-ui-components-textarea.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-textarea.mjs"
     },
     "./toggle": {
-      "types": "./toggle/index.d.ts",
+      "types": "./types/agorapulse-ui-components-toggle.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-toggle.mjs"
     },
     "./tooltip": {
-      "types": "./tooltip/index.d.ts",
+      "types": "./types/agorapulse-ui-components-tooltip.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-tooltip.mjs"
     }
   },
   "sideEffects": false,
+  "type": "module",
   "dependencies": {
     "tslib": "^2.3.0"
   }

package/{button/index.d.ts → types/agorapulse-ui-components-button.d.ts}

@@ -57,7 +57,7 @@ declare class ButtonComponent {
     onClickHandle($event: MouseEvent): void;
     onBlurHandle($event: FocusEvent): void;
     onFocusHandle($event: FocusEvent): void;
-    onSpaceKeyUp(event: KeyboardEvent): void;
+    onSpaceKeyUp(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "ap-button", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "locked": { "alias": "locked"; "required": false; "isSignal": true; }; "menuTrigger": { "alias": "menuTrigger"; "required": false; "isSignal": true; }; "symbolPosition": { "alias": "symbolPosition"; "required": false; "isSignal": true; }; "symbolId": { "alias": "symbolId"; "required": false; "isSignal": true; }; }, { "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; "click": "click"; "focus": "focus"; "blur": "blur"; }, never, ["*", "ap-symbol"], true, [{ directive: typeof i1.BaseButtonDirective; inputs: {}; outputs: {}; }]>;
 }

package/{icon-button/index.d.ts → types/agorapulse-ui-components-icon-button.d.ts}

@@ -34,7 +34,7 @@ declare class IconButtonComponent {
     onClickHandle($event: MouseEvent): void;
     onBlurHandle($event: FocusEvent): void;
     onFocusHandle($event: FocusEvent): void;
-    onSpaceKeyUp(event: KeyboardEvent): void;
+    onSpaceKeyUp(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "ap-icon-button", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "name": { "alias": "name"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "menuTrigger": { "alias": "menuTrigger"; "required": false; }; "symbolId": { "alias": "symbolId"; "required": false; "isSignal": true; }; "locked": { "alias": "locked"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, ["symbolComponent"], ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;

package/{paginator/index.d.ts → types/agorapulse-ui-components-paginator.d.ts}

@@ -13,7 +13,7 @@ declare class PaginatorButtonComponent {
     onClickHandle(pageIndex: number): void;
     onBlurHandle(): void;
     onFocusHandle(): void;
-    onSpaceKeyUp(event: KeyboardEvent): void;
+    onSpaceKeyUp(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorButtonComponent, "ap-paginator-button", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "selectedPageIndex": { "alias": "selectedPageIndex"; "required": false; }; }, { "selectPage": "selectPage"; }, never, never, true, never>;
 }

package/{segmented-control/index.d.ts → types/agorapulse-ui-components-segmented-control.d.ts}

@@ -26,14 +26,15 @@ interface SegmentedControlOption {
 declare class SegmentedControlComponent {
     private readonly symbolRegistry;
     readonly options: _angular_core.InputSignal<SegmentedControlOption[]>;
-    /** The currently selected value. Supports two-way binding via `[(value)]`. */
-    readonly value: _angular_core.ModelSignal<string | undefined>;
+    /** The currently selected value. Supports two-way binding via `[(value)]`. Defaults to the first option's value when unset. */
+    readonly value: _angular_core.ModelSignal<string>;
     /** Disables the whole control. */
     readonly disabled: _angular_core.InputSignal<boolean>;
     /** When true, the control fills its container width and segments share it equally instead of fitting their text. */
     readonly fullWidth: _angular_core.InputSignal<boolean>;
     /** Accessible name for the group of segments. */
     readonly ariaLabel: _angular_core.InputSignal<string>;
+    private readonly defaultValueEffect;
     constructor();
     protected select(option: SegmentedControlOption): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControlComponent, never>;

package/{social-button/index.d.ts → types/agorapulse-ui-components-social-button.d.ts}

@@ -27,7 +27,7 @@ declare class SocialButtonComponent {
     onClickHandle($event: MouseEvent): void;
     onBlurHandle($event: FocusEvent): void;
     onFocusHandle($event: FocusEvent): void;
-    onSpaceKeyUp(event: KeyboardEvent): void;
+    onSpaceKeyUp(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SocialButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SocialButtonComponent, "ap-social-button", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": true; }; "loading": { "alias": "loading"; "required": false; }; "network": { "alias": "network"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; "isSignal": true; }; }, { "click": "click"; "focus": "focus"; "blur": "blur"; }, never, ["span"], true, [{ directive: typeof i1.BaseButtonDirective; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_disabled: unknown;

package/{split-button/index.d.ts → types/agorapulse-ui-components-split-button.d.ts}

@@ -40,7 +40,7 @@ declare class SplitButtonComponent implements AfterViewInit {
     handleMenuClosed(): void;
     focused: boolean;
     onClickHandle($event: MouseEvent): void;
-    onSpaceKeyUp(event: KeyboardEvent): void;
+    onSpaceKeyUp(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitButtonComponent, "ap-split-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "actionDropdownTrigger": { "alias": "actionDropdownTrigger"; "required": false; "isSignal": true; }; "menuTrigger": { "alias": "menuTrigger"; "required": false; "isSignal": true; }; "splitDisabled": { "alias": "splitDisabled"; "required": false; "isSignal": true; }; "symbolPosition": { "alias": "symbolPosition"; "required": false; "isSignal": true; }; "splitButtonDataTest": { "alias": "splitButtonDataTest"; "required": false; "isSignal": true; }; "symbolId": { "alias": "symbolId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; "mainButtonClick": "mainButtonClick"; "focus": "focus"; "blur": "blur"; }, ["symbolComponent"], ["span", "ap-symbol"], true, [{ directive: typeof i1.BaseButtonDirective; inputs: {}; outputs: {}; }]>;
 }